/*



          /\
         /**\
        /****\   /\
       /      \ /**\
      /  /\    /    \
     /  /  \  /      \
    /  /    \/ /\     \
   /  /      \/  \/\   \
__/__/_______/___/__\___\______________________________

Made with Passion by GIPFELGOLD // www.gipfelgold.com
_______________________________________________________
*/


/* Version 221011 */


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ROOT
___________________________________________________________________________*/



@font-face {
    font-family: 'groteskiaregular';
    src: url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/groteskia-webfont.woff2') format('woff2'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/groteskia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bariolregular';
    src: url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.eot');
    src: url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.woff') format('woff'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolbold';
    src: url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/gipfelgold-s-1821-child/assets/fonts/bariol_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


:root {
    --gelb: #FFCE44;
    --grau: #1E1E1C;
    --cookiebot: #FFCE44;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FONTS
___________________________________________________________________________*/




h1.vc_custom_heading {
	     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
            line-height: 1em !important;
}

h1, h2, h3, h4, h5, h6, p, li, a, i {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
 
body,
html {
}


h1.scrollingtext {
    font-family: 'rodchenko-cond' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(184px,23vw,230px) !important;
    line-height: 0;
}
h1, .h1, .nectar-inherit-h1 {
    font-size: clamp(136px,17vw,170px) !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-family: 'rodchenko-cond' !important;
    font-weight: normal !important;
    font-style: normal !important;
}
h2, .h2, .nectar-inherit-h2 {
    font-family: 'groteskiaregular' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(50px,5vw,62px) !important;
    line-height: 1.13em !important;
}
h3, .h3, .nectar-inherit-h3 {
    font-family: 'bariolregular' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(34px,4vw,42px) !important;
    line-height: 1.2em !important;
}
h4, .h4, .nectar-inherit-h4 {
    font-family: 'groteskiaregular' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(21px,2vw,26px) !important;
    line-height: 1.23em !important;
}
h5, .h5, .nectar-inherit-h5 {
    font-family: 'rodchenko-cond' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(14px,2vw,18px) !important;
    line-height: 1.5em !important;
    letter-spacing: 0.050em !important;
    text-transform: uppercase !important;
}
h6, .h6, .nectar-inherit-h6 {}

strong, b {
    font-family: 'groteskiaregular';
    font-weight: normal;
    font-style: normal;
}


.introtext {
    font-size: clamp(19px,2vw,24px);
    line-height: 1.5em;
}

.count {
    font-family: 'rodchenko-cond' !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.count-subtext {
    font-size: clamp(19px,2vw,24px);
    line-height: 1.25em;
             word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
            margin-top: 0.5em;
}

body .content a,
.wpb_content_element a:not(.link_text) {
  color: #1e1e1c;
  text-decoration: underline;
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 NAVIGATION Rechts
___________________________________________________________________________*/

body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-117[class*="menu-item-btn-style"] > a *:not(.char) {
  font-family: groteskiaregular, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 18px;
    font-weight: 400;
  color: var(--grau) !important;
}

#header-outer .menu-item-117 > a {
    font-family: groteskiaregular, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 18px;
    font-weight: 400;
  color: var(--grau) !important;
}

body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-116 .menu-title-text {
    padding-bottom: 6px;
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 Abgeschrägte Ecken
___________________________________________________________________________*/

/* Navigation Button */
.menu-item.menu-item-117 > a {
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
#header-outer .menu-item-117 > a:hover:before {
    background: var(--grau); /* Passe die Hover-Farbe an */
}

/* Necta Basic Button */
.nectar-cta[data-style="basic"].cornerbutton .link_wrap {
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}

/* Formular Senden */
#gg input[type="submit"] {
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
#gg .footersubmit input[type="submit"] {
    clip-path: none;
    background: rgba(255, 255, 255, 0.3);
    padding: 10px 20px !important;
}

#gg input[type="submit"]:hover {
    transform: none !important;
    opacity: 1 !important;
    background-color: var(--grau) !important; /* Schwarzer Hintergrund beim Hover */
    color: var(--gelb) !important; /* Gelbe Schrift beim Hover */
    box-shadow: none !important; /* Entfernt den Schatten beim Hover */
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 ELEMENTE
___________________________________________________________________________*/

@media only screen and (min-width: 1000px) {
    .inline-block {
      display: inline-block;
    }
}


/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 PREISE
___________________________________________________________________________*/

.preiskarte.yellow {
    filter: drop-shadow(20px 30px 40px rgba(0, 0, 0, 0.175));
}
.preiskarte .vc_column-inner {
    clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%);
  box-shadow: none !important;
}

.nectar-price-typography .price-text {
  font-family: 'rodchenko-cond';
}
.nectar-price-typography .after-text {
  font-family: 'groteskiaregular';
}

.nectar-fancy-ul[data-list-icon=dot] ul li:before {
    content: "▪";
    top: 14px;
    font-size: 18px;
}

@media only screen and (max-width: 1800px) {
    .nectar-fancy-ul[data-list-icon=dot] ul li:before {
        top: 10px;
    }
}

@media only screen and (max-width: 999px) {
    .nectar-fancy-ul[data-list-icon=dot] ul li:before {
        top: 9px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 763px) {
    .nectar-fancy-ul[data-list-icon=dot] ul li:before {
        top: 10px;
        font-size: 14px;
    }
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 GALERIE
___________________________________________________________________________*/

.wpb_gallery_slidesflickity_static_height_style .nectar-flickity:not(.masonry) .flickity-viewport {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.nectar-flickity[data-spacing="5px"]:not(.masonry) .flickity-slider .cell {
  margin: 0 2.5px;
}
/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 TIMELINE
___________________________________________________________________________*/



.nectar-icon-list-item .content,
.nectar-icon-list[data-icon-color="extra-color-3"][data-icon-style="border"] .content h4,
.nectar-icon-list[data-icon-color="extra-color-3"][data-icon-style="border"] .list-icon-holder[data-icon_type="numerical"] span,
.nectar-icon-list[data-icon-color="extra-color-3"] .nectar-icon-list-item .list-icon-holder[data-icon_type="numerical"] {
    color: #1e1e1c;
}
.nectar-icon-list:after {
  background-color: #ffce44;
}
.nectar-icon-list[data-icon-style=border] .list-icon-holder {
  border: 2px solid #ffce44;
}

.list-icon-holder[data-icon_type="numerical"] span {
  font-family: 'rodchenko-cond';
    font-weight: normal;
    font-style: normal;
}

/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 CONTACT FORM 7
___________________________________________________________________________*/

/* Basis-Styles für das Kontaktformular mit Präfix */
.rpcf7-contact-form .rpcf7-row {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px; /* Abstand zwischen den Zeilen */
}

.rpcf7-contact-form .rpcf7-column {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

/* Entfernt den linken Abstand von der ersten Spalte */
.rpcf7-contact-form .rpcf7-column:first-child {
    padding-right: 10px;
    padding-left: 0;
}

/* Entfernt den rechten Abstand von der zweiten Spalte */
.rpcf7-contact-form .rpcf7-column:last-child {
    padding-left: 10px;
    padding-right: 0;
}

/* Anpassungen für Mobilgeräte */
@media (max-width: 768px) {
    .rpcf7-contact-form .rpcf7-column {
        width: 100%;
        float: none;
        padding: 0;
    }
}

/* Stil für das Nachrichtenfeld, um es auf volle Breite zu strecken */
.rpcf7-contact-form textarea {
    width: 100%;
    margin-bottom: 20px; /* Abstand nach der Textarea */
}

/* Texteingabefeld */
body[data-form-style="minimal"] input[type="text"],
body[data-form-style="minimal"] input[type="email"] {
    border: 2px solid var(--grau);
}

/* Anpassung der Checkbox-Größe */
.rpcf7-contact-form input[type="checkbox"] {
    display: inline-block;
}

.wpcf7-list-item {
    display: block;
}

/* Anpassung für das Einverständnis-Label */
.rpcf7-contact-form label {
    display: block;
    margin-bottom: 10px;
}

.rpcf7-row p {
  padding-bottom: 0 !important;
}
.wpcf7-form-control .wpcf7-list-item {
    margin: 0;
}
.wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
  color: var(--grau);
  font-family: 'bariolregular';
  font-style: normal;
  font-weight: normal;
}

#gg input[type=submit] {
    background-color: var(--gelb);
    color: var(--grau);
    font-family: 'groteskiaregular';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.05em;
}

#gg .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--gelb);
    color: var(--grau) !important;
    background: none;
}



/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 FOOTER
___________________________________________________________________________*/


.footercontact .nectar-highlighted-text {
    font-family: 'groteskiaregular' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: clamp(66px,7vw,82px) !important;
    line-height: 1.11em !important;
}

.woocommerce-checkout .nectar-global-section.before-footer, .woocommerce-account .nectar-global-section.before-footer, .woocommerce-cart .nectar-global-section.before-footer, body:not(.page):not(.single-post):not(.single-portfolio) .nectar-global-section.before-footer, .single-portfolio #regular_portfolio [data-nav-pos="in_header"] .nectar-global-section.before-footer {
    padding-top: 0;
}

#gg #globalfooter .wpcf7 form.sent .wpcf7-response-output {
    color: white !important;
}


/*/////////////////////////////////////////////////////////////////////////////////// reCAPTCHA */

body:not(.page-id-6) .grecaptcha-badge {
    display: none !important;
}
.grecaptcha-badge {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    bottom: 70px !important;
}

/* Formular */

.light .wpcf7-acceptance span {
  color: #ffffff !important;
}
.wpcf7-acceptance span {
  line-height: 1em;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}

@media only screen and (max-width: 768px) {
  .rpcf7-contact-form .rpcf7-column:last-child {
    padding-left:0;
    padding-right: 10px;
    padding-top: 30px
  }
}




/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 PLATZHALTER
___________________________________________________________________________*/





/*


       /\
      /  \/\
_____/___/__\______________________________________________________________

                                 COOKIEBOT
___________________________________________________________________________*/


#CybotCookiebotDialogPoweredbyImage,
#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom-color: var(--cookiebot) !important;
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--cookiebot) !important;
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
    background: transparent !important;
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
    color: var(--cookiebot) !important;
}

#CybotCookiebotDialog a:hover:after,
#CybotCookiebotDialog a:hover:before,
#CybotCookiebotDialog button:hover:after,
#CybotCookiebotDialog button:hover:before {
    border-color: var(--cookiebot) !important;
}

#CybotCookiebotDialog ul li {
  list-style: inherit;
}

table.CookieDeclarationTable {
    background-color: transparent !important;
}
table.CookieDeclarationTable tr:nth-child(2n+1) {
    background-color: transparent !important;
}