/*



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

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


/* Version 251209 */


/*


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

                                 ROOT
___________________________________________________________________________*/

:root {
    --gruen: #65755D;
    --hellgruen: #E8EBE6;
    --fastblack: #000106;
}

/*


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

                                 FONTS
___________________________________________________________________________*/

@media only screen and (max-width: 380px) {
    h1, h2 {
         word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    }
}

.worttrennung,
.nectar-search-results * {
         word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

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


body, 
.toggle h3 a, 
body .ui-widget, 
table, 
select, 
.bar_graph li span strong, 
#slide-out-widget-area .tagcloud a, 
body .container .woocommerce-message a.button, 
#search-results .result .title span, 
.woocommerce ul.products li.product h3, 
.woocommerce-page ul.products li.product h3, 
.row .col.section-title .nectar-love span, 
body .nectar-love span, 
body .nectar-social .nectar-love .nectar-love-count, 
body .carousel-heading h2, 
.sharing-default-minimal .nectar-social .social-text, 
body .sharing-default-minimal .nectar-love, 
.widget ul.nectar_widget[class*="nectar_blog_posts_"] > li .post-date, 
.single [data-post-hs="default_minimal"] #single-below-headerG span, 
.single .heading-title[data-header-style="default_minimal"] #single-below-header span, 
#header-outer .nectar-image-link-widget .image-link-content span, 
#slide-out-widget-area.fullscreen .nectar-image-link-widget .image-link-content span, 
#slide-out-widget-area.fullscreen-alt .nectar-image-link-widget .image-link-content span, 
.nectar-header-text-content, 
#slide-out-widget-area .nectar-ext-menu-item .menu-item-desc, 
.woocommerce-checkout-review-order-table .product-info .product-quantity, 
#ajax-content-wrap .nectar-shop-header-bottom .widget_layered_nav_filters ul li a, 
#ajax-content-wrap .nectar-sticky-tabs .wpb_tabs_nav li .menu-content > a {
    font-family: interstate;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
}

#gg h1, .h1 {
    font-size: clamp(34px, 5vw, 60px) !important;
    line-height: 1em !important;
}
#gg h2, .h2 {
    font-size: clamp(24px, 3vw, 30px) !important;
    line-height: 1.34em !important;
}
#gg h3, .h3 {
    font-size: 16px !important;
    line-height: 1.5em !important;
}
#gg h4, .h4 {
    font-size: clamp(13px, 1vw, 16px) !important;
    line-height: 1.5em !important;
}
#gg h5, .h5 {
    font-size: clamp(10px, 1vw, 12px) !important;
    line-height: 1.6em !important;
}
#gg h6, .h6 {}

#gg .nectar-responsive-text[data-inherit-heading-family="p"] * {}
#gg .nectar-responsive-text[data-inherit-heading-family="h1"] * {
    font-size: clamp(34px, 5vw, 60px) !important;
    line-height: 1em !important;
}
#gg .nectar-responsive-text[data-inherit-heading-family="h2"] * {
    font-size: clamp(24px, 3vw, 30px) !important;
    line-height: 1.34em !important;
}
#gg .nectar-responsive-text[data-inherit-heading-family="h3"] * {
    font-size: 16px !important;
    line-height: 1.5em !important;
}
#gg .nectar-responsive-text[data-inherit-heading-family="h4"] * {
    font-size: clamp(13px, 1vw, 16px) !important;
    line-height: 1.5em !important;
}
#gg .nectar-responsive-text[data-inherit-heading-family="h5"] * {
    font-size: clamp(10px, 1vw, 12px) !important;
    line-height: 1.6em !important;
}
#gg .nectar-responsive-text[data-inherit-heading-family="h6"] * {}


.zitat {
    letter-spacing: 0;
    font-size: clamp(32px, 3vw, 40px) !important;
    line-height: 1.15em !important;

}


/*


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

                                 NAVIGATION
___________________________________________________________________________*/


@media only screen and (min-width: 1000px) {
    body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]):not([class*=menu-item-btn-style])>a>span {
        padding: 4px 0px;
    }
    #werni #header-outer[data-format=left-header] {
        border-right: none;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    }
}

body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]):not([class*=menu-item-btn-style])>a>span:after {
    bottom: 0;
    top: unset;
    height: 2px
}

body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a:hover,
body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]).current-menu-item>a {
    color: inherit !important;
}

body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] #top nav>ul>li:not([class*="button_"])>a>span:after {
    background-color: var(--gruen) !important;
}

/*/////////////////////////////////////////////////////////////////// SIDEBAR ICONS */



#social-in-menu .fa-phone:before,
#social-in-menu .fa-phone:after,
#social-in-menu .fa-envelope:before,
#social-in-menu .fa-envelope:after,
#slide-out-widget-area .off-canvas-social-links li i:before {
    background-repeat: no-repeat;
    display: block;
    content: "" !important;
    min-width: 23px;
    height: 25px;
    background-position: center center;
}


#social-in-menu .fa-phone:before,
#social-in-menu .fa-phone:after,
#slide-out-widget-area .off-canvas-social-links .fa-phone:before {
    background-image: url("/wp-content/uploads/2026/09/icon-phone.svg");
    background-size: 23px auto;

}

#social-in-menu .fa-envelope:before,
#social-in-menu .fa-envelope:after,
#slide-out-widget-area .off-canvas-social-links .fa-envelope:before {
    background-image: url("/wp-content/uploads/2026/09/icon-rezept.svg");
    background-size: auto 25px;

}

#werni #slide-out-widget-area .off-canvas-social-links li a {
    opacity: 1;
}


/*


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

                                 LAYOUT
___________________________________________________________________________*/


.width850 {
    max-width: 850px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


/*


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

                                 ELEMENTE
___________________________________________________________________________*/


/* LOGO */

@media (min-width: 1001px) {
    #top #logo img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #top > div > div > div.col.span_3 {
        float: none;
    }
    body[data-header-format=left-header] #header-outer .nav-outer,
    body[data-header-format=left-header] #header-outer nav {
        margin-left: auto;
        margin-right: auto;
    }
}


/*/////////////////////////////////////////////////////////////////// Rezeptbestellung Box */

#werni .inhaltsbox h2 {
    font-size: clamp(32px,2vw,40px) !important;
    word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

.nectar-fancy-ul ul li {
    margin-bottom: 1em;
}

.nectar-fancy-ul ul li .icon-salient-check {
    top: 5px !important;
}

.icon-salient-check:before {
    display: block;
    width: 16px;
    height: 16px;
    content: "" !important;
    background-image: url("/wp-content/uploads/2026/09/list-check.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center center;
}

li.not .icon-salient-check:before {
    background-image: url("/wp-content/uploads/2026/09/list-cross.svg");
}


/*/////////////////////////////////////////////////////////////////// TOOGLE ACCORDION MINIMAL */

div[data-style="minimal_small"] .toggle>.toggle-title:after,
div[data-style="minimal_small"] .toggle>.toggle-title:before {
    height: 2px;
}

div[data-style="minimal_small"] .toggle>.toggle-title:after {
    background: var(--hellgruen) !important;
}

div[data-style="minimal_small"] .toggle>.toggle-title:before {
    background: rgba(36, 64, 89, 1);
}

div[data-style="minimal_small"] .toggle>span.toggle-title a {
    font-family: interstate;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    color: var(--gruen);

}

div[data-style="minimal_small"] .toggle>h4.toggle-title a {
    color: var(--gruen);
}

div[data-style="minimal_small"] .toggle>.toggle-title a:hover {}

body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
    padding-left: 0 !important;
}

/*/////////////////////////////////////////////////////////////////// LEISTUNGS ACCORDION */

div[data-style*=minimal] .toggle>.toggle-title i {
    border: 2px solid var(--gruen);
}

div[data-style="minimal"] .toggle>.toggle-title i:before,
div[data-style="minimal"] .toggle>.toggle-title i:after {
    background-color: var(--gruen);
}

div[data-style="minimal"] .toggle>.toggle-title a {
    color: var(--gruen);
    text-transform: uppercase !important;
    letter-spacing: .05px !important;
    font-size: clamp(16px, 2vw, 20px) !important;
    line-height: 1.6em !important;
    font-weight: 500 !important;
}

div[data-style="minimal"] .toggle {
    border-bottom: 1px solid var(--hellgruen);
}

/*/////////////////////////////////////////////////////////////////// FANCY OVERLAY BOXES */


.nectar-fancy-box[data-style=hover_desc] .inner * {
    color: var(--gruen);
}

.nectar-fancy-box[data-style=hover_desc] .im-icon-wrap path {
    fill: #C1888F;
}




/*/////////////////////////////////////////////////////////////////// NECTAR SLIDER */

.nectar-flickity:not(.masonry) .flickity-slider .cell img {
    border-radius: 20px;
}

@media only screen and (max-width: 767px) {
    .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta {
        text-align: center;
    }
}


/*/////////////////////////////////////////////////////////////////// HINTERGRUND GRAU */

.grayscale-bg .row-bg.using-image {
    filter: grayscale(1);
}


/*/////////////////////////////////////////////////////////////////// FANCY BOX */

#gut-zu-wissen .nectar-fancy-box .inner {
    font-family: interstate;
    text-transform: uppercase;
    letter-spacing: .05px;
    font-size: clamp(16px, 2vw, 20px) !important;
    line-height: 1.6em !important;
    font-weight: 400;
}

#gut-zu-wissen .nectar-fancy-box .im-icon-wrap svg {
    fill: #C1888F;
}



/*


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

                                 TEAM
___________________________________________________________________________*/





#gg #team .platzhalter {
    opacity: 0.3 !important;
}

/* Team Member Element */

.team-member {
    margin-bottom: 0 !important;
}

.team-member .team-member-image {
    border-radius: 20px;
}

.team-member .team-meta h3 {
    color: var(--gruen) !important;
}

/* Team Spalte mit Bild, Text - kein Team Member Element */

.teamcolumn .teamname {
    margin-bottom: 10px;
    margin-top: 30px;
}

.teamcolumn .teamname h3 {
    color: var(--gruen) !important;
}

/*


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

                                 REZEPTBESTELLUNG
___________________________________________________________________________*/


/* Rezeptbestellung */
.inputblock.hidden {
    display: none !important;
}


form.wpcf7-form .inputblock {
    border-left: 5px solid var(--gruen);
    padding: 20px;
    margin: 3em 0;
    background: rgba(0,0,0,0.02);
}
.inputblock.hidden {
    display: none!important;
}



/*


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

                                 ÖFFNUNGSZEITEN
___________________________________________________________________________*/

#oeffnungszeiten .daily-Sched h3 {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: clamp(52px,4.6vw,88px) !important;
    line-height: 1em !important;
    color: var(--gruen);
}
#oeffnungszeiten .daily-Sched {
    color: var(--gruen);
}

#oeffnungszeiten .divider-wrap > .divider-border {
    background-color: #cccccc !important;
}

.heute h3,
.heute {
    color: #fff !important;
}
.heute {
    background-color: var(--gruen) !important;
}

/*


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

                                 STARTSEITE
___________________________________________________________________________*/

#start .inner-wrap.row-bg-layer.using-image .row-bg {
    background-position: top right !important;
    background-size: auto 45vw;
}

#start .hero-right .divider {
    min-height: 500px;
}

@media only screen and (max-width: 999px) {
    #start .inner-wrap.row-bg-layer.using-image .row-bg {
        background: none !important;
    }

    #start .hero-right .divider {
        min-height: 0;
    }
}

/*/////////////////////////////////////////////////////////////////// LIST */

.checklist ul {
    list-style: none;
    margin-left: 0;
}

.checklist ul li {
    line-height: 1.25em;
    margin-bottom: 0.5em;
    margin-left: 1.75em;
    font-weight: 500;
    list-style: none;
}

.checklist.small ul li {}

.checklist ul li:before {
    content: "";
    width: 1.75em;
    background-image: url(/wp-content/uploads/2024/07/icon-check.svg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 1.5em;
    display: inline-block;
    background-size: 14px auto;
    opacity: 1;
    margin-left: -1.75em;
    margin-bottom: -0.5em;
    min-height: 20px;
}



/*/////////////////////////////////////////////////////////////////// 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 */
}

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

/* 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;
}



/*


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

                                 FOOTER
___________________________________________________________________________*/


/* USERWAY */
@media only screen and (min-width: 1001px) {
    body .uwy.userway_p5 .userway_buttons_wrapper {
        bottom: 48px !important;
        left: 125px !important;
    }
}
 

#footer-outer #footer-widgets .widget h4 {
    font-family: interstate;
    letter-spacing: 0;
    font-size: 16px !important;
    line-height: 1.5em !important;
    font-weight: 500;
}

#footer-outer #footer-widgets .widget .small {
    font-size: 12px;
}

.footerlogo {
    max-width: 215px !important;
}


/*/////////////////////////////////////////////////////////////////////////////////// GIPFELGOLD */

#footer-outer .social li:nth-child(1) {
    float: right !important;
}

#footer-outer .social li:nth-child(1) a span,
#footer-outer .social li:nth-child(1) a i {
    display: none !important;
}

#footer-outer .social li:nth-child(1) a:after {
    content: "GIPFELGOLD®";
}

@media only screen and (max-width: 690px) {
    #footer-outer .social li:nth-child(1)  {
            margin-left: 50px !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: 1.25em
}
.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
  }
}