/*



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

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


/*


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

                                 ROOT
___________________________________________________________________________*/


:root {
    --gruen: #BAC9B6;
    --blau: #AFB8D5;
    --hellblau: #E9EEF9;
    --hellblau50: #F4F6FC;
    --white: #ffffff;
    --schwarz: #000000;
    --cookiebot: #000000;
}

html,
body {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: var(--schwarz);
    font-size: 14px;
}
/*
.vc_col-sm-4 h1

,
.vc_col-sm-4 h2,
.vc_col-sm-4 h3,
.vc_col-sm-4 h4,
.vc_col-sm-4 h5,
.vc_col-sm-4 h6,
.vc_col-sm-6 h1,
.vc_col-sm-6 h2,
.vc_col-sm-6 h3,
.vc_col-sm-6 h4,
.vc_col-sm-6 h5,
.vc_col-sm-6 h6,
.vc_col-sm-8 h1,
.vc_col-sm-8 h2,
.vc_col-sm-8 h3,
.vc_col-sm-8 h4,
.vc_col-sm-8 h5,
.vc_col-sm-8 h6*/
    {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


@media (max-width: 680px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

body.custom-background {
    background-position: center center;
    background-size: cover;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
}

h1,
.h1 {
    font-size: 2em;
    line-height: 1.2em;
}

h1.vc_custom_heading strong {
    font-size: 0.5em;
}

h2 {
    font-size: 32px;
}

h2.vc_custom_heading {
    margin-bottom: 1em;
}

h1+h2 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
}

h2.vc_custom_heading strong {
    font-size: 0.56em;
    line-height: 1.2em !important;
    margin-top: 0.75em;
}

h2:not(.terminbox-h2):not(.checklist-h2).vc_custom_heading strong {
    display: block;
}

h3 {
    margin-bottom: 0.5em;
    font-size: 22px;
    line-height: 1.2em;
}

h3.vc_custom_heading {
    font-size: 14px;
}

h3.vc_custom_heading strong {
    font-size: 0.56em;
    padding-top: 10px;
    display: block;
}

p,
li,
i {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
}

p {
    line-height: 1.45em;
    text-align: left;
    font-size: 15px;
}

b,
strong {
    font-weight: 800;
}

@media only screen and (max-width: 600px) {

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        padding: 25px;
    }

    .darkbg,
    .brightbg,
    .fullwidth {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidth {
        padding-left: 0;
        padding-right: 0;
    }
}

a,
a:hover,
a:active,
a:focus {
    color: var(--schwarz);
}

a:hover,
a:active,
a:focus {
    color: var(--schwarz);
}


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

                                 LINKS
___________________________________________________________________________*/

.wpb_text_column a {
    color: var(--schwarz)
        /*78814a*/
    ;
    outline: 0;
    text-decoration: underline;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.wpb_text_column a:hover,
.wpb_text_column a:active,
.wpb_text_column a:focus {
    opacity: 0.75;
    color: var(--schwarz)
        /*78814a*/
    ;
}

.project-content a,
.project-content ul li a,
.wpb_content_element a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

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

                                 TOP BAR
___________________________________________________________________________*/

#topbar {
    position: fixed;
    min-width: 100%;
    height: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 99998;
    background: var(--gruen);
    border-bottom: none;
}

/*
.page-wrapper {
    padding-top: calc(50px + 0vh);
}*/

.topbar-left {
    display: block;
    float: left;
}

a.kontakt {
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 20px;
    font-weight: 100;
    color: var(--white);
    line-height: 50px;
    font-size: 0.8em;
    background-size: 20px auto;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
}


@media only screen and (max-width: 860px) {
    a.kontakt {
        background-position: 10px center;
        padding-left: 40px;
        padding-right: 10px;
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 725px) {
    a.kontakt.termin-absagen {
        display: none;
    }
}

@media only screen and (max-width: 725px) {
    a.kontakt {
        font-weight: 800;
    }
}

@media only screen and (max-width: 300px) {
    a.kontakt.kasse strong {
        display: none;
    }

    a.kontakt.kasse {
        background-position: center;
    }
}

a.kontakt.kasse,
a.kontakt.privat {
    background-image: url("assets/svg/icon-phone-neg.svg");
}

a.kontakt.termin {
    background-image: url("assets/svg/icon-calendar-neg.svg");
    background-color: var(--blau);
    color: var(--white);
}

a.kontakt.termin-absagen {
    background-image: url("assets/svg/calendar-absage-neg.svg");
}

a.kontakt.online-beratung {
    background-image: url("/wp-content/uploads/2024/12/icon-online-beratung.svg");
    background-size: 27px auto;
    background-position: 10px 11px;
    padding-left: 46px;
}

a.kontakt:hover {
    background-color: var(--schwarz);
}

a.kontakt.termin:hover {
    background-color: var(--schwarz);
}

.topbar-right {
    float: right;
}

a.social {
    display: block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

a.social.ig {
    background-image: url("assets/svg/icon-instagram-neg.svg");
}

a.social.fb {
    background-image: url("assets/svg/icon-facebook-neg.svg");
}

a.social.yt {
    background-image: url("assets/svg/icon-youtube.svg");
}

a.social:hover {
    background-color: var(--schwarz);
}

@media only screen and (max-width: 400px) {
    a.social {
        display: none;
    }
}


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

                                 SEITENLAYOUT
___________________________________________________________________________*/


body {
    background: var(--hellblau50);
}

.page-fullscreen {
    background-color: var(--white);
}

@media only screen and (min-width: 992px) {

    /* Topbar Abstand */
    .page-fullscreen {
        padding-top: 50px;
    }
}

.darkbg,
.brightbg,
.fullwidth {
    margin-left: -70px;
    margin-right: -70px;
    padding-left: 55px;
    padding-right: 55px;
}

.fullwidth {
    padding-left: 0;
    padding-right: 0;
}

.darkbg p,
.darkbg h1,
.darkbg h2,
.darkbg h3,
.darkbg h4 {
    color: white;
}

.page-wrapper .page-container,
.page-wrapper .page-container.full {
    background-color: var(--white);
}

@media only screen and (min-width: 1500px) {

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        padding: 130px 110px 110px 110px;
    }

    .darkbg,
    .brightbg,
    .fullwidth,
    .fullwidthbg {
        margin-left: -110px;
        margin-right: -110px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fullwidth {
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidthbg {
        padding-left: 110px;
        padding-right: 110px;
    }
}

@media only screen and (max-width: 1500px) {

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        padding: 130px 60px 60px 60px;
    }

    .darkbg,
    .brightbg,
    .fullwidth,
    .fullwidthbg {
        margin-left: -60px;
        margin-right: -60px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fullwidth {
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidthbg {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media only screen and (max-width: 1025px) {

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        padding: 130px 40px 40px 40px;
    }

    .darkbg,
    .brightbg,
    .fullwidth,
    .fullwidthbg {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fullwidth {
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidthbg {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width: 600px) {

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        padding: 130px 25px 25px 25px;
    }

    .darkbg,
    .brightbg,
    .fullwidth,
    .fullwidthbg {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidth {
        padding-left: 0;
        padding-right: 0;
    }

    .fullwidthbg {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (min-width: 992px) {
    .site-left .page-wrapper {
        padding-left: 345px;
    }

    .site-left .site-header {
        left: 60px;
    }

    .page-wrapper .page-container,
    .page-wrapper .page-container.full {
        background-color: var(--white);
        /*margin-bottom: 80px;*/
        /*
        border-radius: 0;
        -webkit-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
        */
    }

    .page-wrapper .page-container {
        max-width: 1280px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1380px) {
    .page-wrapper .page-container {
        border-radius: 0;
    }
}


/* Full Borderradius */

@media only screen and (max-width: 1380px) {
    .fullborderradius {
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .fullborderradius {
        border-radius: 0 !important;
    }
}

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

                                 PAGE TITLE
___________________________________________________________________________*/

.page-wrapper .page-container.full .page-heading {
    padding-top: 0;

}

.page-wrapper .page-container .page-heading h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
}

.page-wrapper .page-container .page-heading {
    text-align: center;
}

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

                                 LOGO
___________________________________________________________________________*/

.site-header .header-logo img {
    width: 190px;
    display: block;
}

.site-header .header-logo img {
    max-width: 100%;
}

h3.klb-logo {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    line-height: 1.5em;
    text-transform: none;
    display: none !important;
}

h3.klb-logo span:not(.logonrwp) {
    font-weight: 400;
}

h3.klb-logo span.logonrwp {
    word-break: unset;
    word-wrap: unset;
    overflow-wrap: unset;
    -webkit-hyphens: unset;
    -moz-hyphens: unset;
    -ms-hyphens: unset;
    hyphens: unset;
    white-space: nowrap;
}

h3.klb-logo {
    font-size: 12px;
}

@media (min-width: 992px) {
    h3.klb-logo {
        font-size: 11px;
    }
}


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

                                 NAVIGATION
___________________________________________________________________________*/

.site-header {
    width: 240px;
    background-color: var(--hellblau)
        /*f3f3f3*/
    ;
    border-radius: 0;
    /*
    -webkit-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);*/
    padding: 30px 0 45px 0;
}

@media only screen and (min-width: 992px) {

    /* Topbar Abstand */
    .site-header {
        padding-top: calc(50px + 8vh);
    }
}

.site-header,
.site-header .header-menu nav ul li a {
    background: var(--hellblau50);
}

.site-header .header-menu nav ul li a {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    font-size: clamp(12px, 1.5vh, 14px);
    text-transform: none;
    padding: 10px 20px;
    padding: 1vh 20px;
    height: auto;
    white-space: normal;
    line-height: 1.2em;
}

.site-header .header-menu nav ul li.hauptpunkt>a {
    font-weight: 800;
}

.site-header .header-menu nav>ul>li.current-page-ancestor>a,
.site-header .header-menu nav>ul>li.current_page_item>a,
/*.single-portfolio .header-menu nav > ul > li:nth-child(3) > a,*/
.single-post .header-menu nav>ul>li:nth-child(4)>a,
.archive.category .header-menu nav>ul>li:nth-child(4)>a {
    background: var(--hellblau)
        /*e3e3e3*/
    ;
    background: transparent;
    color: var(--schwarz);
}

.site-header .header-menu nav>ul>li:hover>a,
.site-header .header-menu nav>ul>li.active>a {
    background: var(--hellblau)
        /*abb47c*/
    ;
    background: transparent;
    color: var(--schwarz);
}

.site-header .header-menu nav>ul>li:before {
    display: none !important;
}

.site-header .header-logo {
    padding: 0 20px 30px 20px;
    width: unset;
}

.site-header .header-menu nav>ul>li>ul>li>a {
    background: var(--hellblau)
        /*e3e3e3*/
    ;
    background: transparent;
    color: var(--schwarz);
    font-size: clamp(10px, 1.3vh, 12px);
}

.site-header .header-menu nav>ul>li>ul>li:last-child>a {
    border-bottom: 1px solid var(--gruen);
}

.site-header .header-menu nav>ul>li>ul>li:hover>a,
.site-header .header-menu nav>ul>li>ul>li.current-menu-item>a {
    background: var(--schwarz)
        /*d3d3d3*/
    ;
    background: transparent;
    color: var(--schwarz);
}

/*Trennlinie */

.menu-item.hr {
    padding: 10px 20px;
}

hr {
    border-bottom: 1px solid var(--gruen);
}

/* VERLINKUNG */
.site-header .header-menu nav>ul>li.logolinkextern {
    position: absolute;
}

.site-header .header-menu nav>ul>li.logolinkextern:before {
    background: none;
    background-color: transparent;
}

.site-header .header-menu nav ul li.logolinkextern h3 {
    margin-bottom: 0;
    margin-top: 75px;
    text-shadow: -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(255, 255, 255, 0.3), 1px 0 rgba(255, 255, 255, 0.3), 0 -1px rgba(255, 255, 255, 0.3), 0 0 10px white;
}


.site-header .header-menu nav ul li.logolinkextern a span {
    font-weight: 800 !important;
}

/* MEDIA QUERIES */
/* Desktop */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .site-left .site-header {
        left: 30px;
    }

    .site-left .page-wrapper {
        padding-left: 300px;
    }
}

/* MOBILE MENU */
@media only screen and (max-width: 991px) {
    .site-left .site-header {
        left: -220px;
        padding: 20px 0;
        width: 220px;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 85px;
    }

    .site-header .header-logo img {
        width: 170px;
    }

    h3.klb-logo {
        font-size: clamp(9px, .9vh, 10px);
        line-height: 1.2em;
    }

    .site-header .header-toggle {
        border-left: none;
        border-right: none;
        color: var(--schwarz);
        background: var(--hellblau);
    }

    .site-header .header-menu nav ul li a {
        padding: 5px 20px;
        padding: 0.6vh 20px;
    }

    /* VERLINKUNG EXTERN */
    .site-header .header-menu nav ul li.logolinkextern h3 {
        margin-top: 30px;
        margin-top: 3vh;
    }

    .site-header .header-menu nav ul li.logolinkextern a {
        width: 190px;
        line-height: 1.2em;
        font-size: 9px;
    }
}

/* Zu langes Menü */
@media only screen and (max-height: 767px) and (min-width: 991px) {
    .site-header {
        width: 240px;
        padding: 70px 0 15px 0;
    }

    .site-header .header-logo img {
        width: 60px;
    }

    h3.klb-logo {
        font-size: 9px;
        line-height: 1.1em;
    }

    .site-header .header-menu nav ul li a {
        padding: 5px 20px;
        padding: 0.6vh 20px;
    }

    .site-header .header-menu nav ul li.logolinkextern h3 {
        margin-top: 35px;
    }
}

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

                                 STARTSEITE
___________________________________________________________________________*/


@media only screen and (max-width: 767px) {
    #hero {
        margin-top: -60px !important;
        padding-top: 55vw !important;
    }


    #hero .vc_parallax-inner {
        background-size: contain;
        background-position: center top !important;
        top: 0 !important;
        background-repeat: no-repeat;
    }
}


.herobox-h2 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0.07em;
    font-size: 24px;
    text-transform: uppercase;
}

.herobox-links h3 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 1.7em;
}

.herobox-links h3 a {
    display: block;
}

.herobox-links h3 a:hover {
    opacity: 0.9;
    text-decoration: none;
}


/* Padding Heroboxen */

.herobox-left .vc_column-inner {
    padding: 7% 25% 5% 6% !important;
}

.herobox-right .vc_column-inner {
    padding: 9% 25% 5% 12% !important;
}

@media only screen and (max-width: 1200px) {
    .herobox-left .vc_column-inner {
        padding: 7% 5% 5% 6% !important;

    }

    .herobox-right .vc_column-inner {
        padding: 9% 5% 5% 12% !important;

    }
}

@media only screen and (max-width: 400px) {
    .herobox-left .vc_column-inner {
        padding: 7% 5% 0% 5% !important;

    }

    .herobox-right .vc_column-inner {
        padding: 10% 5% 10% 5% !important;

    }
}


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

                                 LEISTUNG IM FOQUS
___________________________________________________________________________*/


.item-link-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.item {
    position: relative;
}


/* Container der die Elemente enthält */
#foqus-leistungen .vpb_wrapper,
#foqus-leistungen>div>div>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* optional: zentriert die Zeilen */
    gap: 16px;
    /* Abstand zwischen den Elementen */
}

/* Einzelnes Element */
.leistung-im-foqus {
    flex: 1 1 200px;
    /* Basisbreite 200px, wächst/schrumpft bei Bedarf */
    max-width: 220px;
    min-width: 180px;
    box-sizing: border-box;
    padding: 16px 16px 32px 16px;
    /* etwas Innenabstand für bessere Optik */
    background-color: var(--gruen);
    text-align: center;
    /* Inhalte zentriert */
    transition: transform 0.3s ease;
    /* für evtl. Hover-Effekte */
    margin-bottom: 0;
}

.leistung-im-foqus p {
    margin-bottom: 10px;
}

.leistung-im-foqus img {
    max-width: 130px;
}

.leistung-im-foqus:hover {
    transform: translateY(-4px);
    /* optional: leichter Hover-Effekt */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* mobile */

.testimonial-list.type-one.offset-h,
.testimonial-list.type-one.offset-all-bottom {
    background-color: transparent;
}


/* Carousel Item so stylen wie .leistung-im-foqus */
.testimonial-list .owl-carousel .item {
    max-width: 220px;
    min-width: 180px;
    box-sizing: border-box;
    padding: 16px 16px 32px 16px;
    background-color: var(--gruen);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0 auto;
    border-radius: 8px;
}

/* Hover Effekt */
.testimonial-list .owl-carousel .item:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Headline H2 */
.testimonial-list .owl-carousel .item h2 {
    padding-left: 0;
    border-left: none;
}

/* Headline style fix */
.testimonial-list .item h2 {
    font-family: inherit;
    font-weight: inherit;
    border-left: none;
    padding-left: 0;
    margin-bottom: 10px;
}

/* Bild im Item */
.testimonial-list .owl-carousel .item img {
    max-width: 130px;
    height: auto;
    margin-bottom: 12px;
}

.testimonial-list.type-one .owl-theme .owl-controls {
    text-align: center;
    margin-top: 40px;
}

@media (max-width: 991px) {
    .testimonial-list.type-one.offset-all-bottom {
        padding-top: 0;
    }
}


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

                                 start Behandlungen
___________________________________________________________________________*/


#foqus .behandlung {
    margin-right: 0px !important;
    margin-bottom: 30px !important;
    margin-left: 0px !important;
    background-color: transparent;
    border: 1px solid #BAC9B6;
    margin-bottom: 20px;
}

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

                                 KONTAKTSEITE
___________________________________________________________________________*/

.page-id-165 .page-wrapper ul {
    margin-left: 0;
}

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

                                 FORMULAR
___________________________________________________________________________*/

.contact-info,
.contact-form,
.contact-form p {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.wpcf7 input[type=submit] {
    background-color: var(--schwarz)
        /*554e4c*/
    ;
    border-radius: 0;
    font-family: "avenir-lt-pro", sans-serif;
}

.wpcf7 input[type=submit]:hover {
    color: var(--schwarz);
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
.data-form select,
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="color"],
.data-form input[type="date"],
.data-form input[type="datetime"],
.data-form input[type="datetime-local"],
.data-form input[type="email"],
.data-form input[type="month"],
.data-form input[type="number"],
.data-form input[type="range"],
.data-form input[type="search"],
.data-form input[type="tel"],
.data-form input[type="time"],
.data-form input[type="url"],
.data-form input[type="week"],
.data-form textarea {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
}

/* Error Meldung */

span.wpcf7-not-valid-tip {
    color: var(--gruen);
    font-size: 12px;
    font-weight: 800;
    display: block;
    letter-spacing: -0.03em;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid var(--gruen);
    background: var(--gruen);
    margin-left: 15px;
}

div.wpcf7-mail-sent-ok {
    border: none;
    color: var(--gruen)
        /*abb47c*/
    ;
    font-weight: 800;
    letter-spacing: -0.05em;
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 0;
    padding: 0 0 0 15px;
}

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

                                 TRANSPARENTE SEITE
___________________________________________________________________________*/

/* Kein dunkler Header */

.page-wrapper .page-container.transparent {
    background-color: var(--white);
}

.page-wrapper .page-container.transparent .page-heading h1,
.page-wrapper .page-container.transparent .page-heading h2 {
    color: var(--schwarz)
}

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

                                 ELEMENTE
___________________________________________________________________________*/

/* SEPAERATOR */

.vc_separator {
    height: 60px;
    background: url("assets/svg/trenner.svg");
    background-repeat: no-repeat;
    background-size: 522px auto;
    background-position: center center;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    height: 0;
    border-top: none;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}


/* Rounded Images */
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 0;
}


/* hinterlegte Farben */
mark,
.mark {
    background-color: var(--hellblau);
}

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

                                 BUTTON
___________________________________________________________________________*/

.vc_btn3.vc_btn3-shape-round {
    border-radius: 0;
}

.vc_btn3-container>a {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.02em;

}

/* Grün */

.vc_btn3.vc_btn3-color-green,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    color: var(--white);
    background-color: var(--schwarz)
        /*78814a*/
    ;
    text-align: center;
}

.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-green:focus,
.vc_btn3.vc_btn3-color-green:hover {
    color: var(--schwarz)
        /*f7f7f7*/
    ;
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

/* Grün */

.vc_btn3.vc_btn3-color-inverse,
.vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat {
    color: var(--white);
    background-color: var(--schwarz)
        /*6e675c*/
    ;
    text-align: center;
}

.vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-inverse:focus,
.vc_btn3.vc_btn3-color-inverse:hover {
    color: var(--schwarz);
    background-color: var(--gruen)
        /*7d7a70*/
    ;
}

/* INSTAGRAM BUTTON */

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    background: rgb(120, 129, 74);
    text-transform: uppercase;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    border-radius: 0;
    width: fit-content;
    padding: 0 20px;
    height: 40px;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more>div {
    line-height: 40px;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:focus,
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:hover {
    color: var(--hellblau)
        /*f7f7f7*/
    ;
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

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

                                 SERVICE LIST
___________________________________________________________________________*/

.servicelist ul {
    margin-left: calc(1.25rem + 15px);
}

.servicelist ul li {
    list-style-type: circle;
    color: var(--schwarz)
        /*abb47c*/
    ;
    line-height: 1.2em;
    margin-bottom: 0.75em;
}

.servicelist ul li a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.servicelist ul li a:hover {
    text-decoration: underline;
    color: var(--schwarz);
}

.servicelist h3 a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.servicelist h3 a:hover {
    color: var(--gruen)
        /*abb47c*/
    ;
}

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

                                 DEFINITIONSLISTE
___________________________________________________________________________*/

dt {
    margin-bottom: 0.5em;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
}

dd {
    margin-bottom: 1em;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-size: 14px;
}

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

                                 SPEZIALBOX
___________________________________________________________________________*/

.spezialbox>div {
    padding: 1em !important;
    border: 1px solid #BAC9B6;
}

.spezialbox>div .wpb_text_column a {
    font-weight: 800;
}

.spezialbox>div .vc_btn3-container {
    margin: 0;
}

.spezialbox h3 {
    margin-bottom: 1em;
    font-size: 16px;
    font-weight: 800;
}

.spezialbox h3 strong {
    font-size: 0.733em;
}

.spezialbox .wpb_text_column {
    margin-bottom: 1em;
}

/* Aufklappen */

.spezialbox .servicelist.vc_toggle {
    text-align: center;
}

.spezialbox .servicelist.vc_toggle .vc_toggle_title {
    border-radius: 0px;
    padding-top: 5px;
    background: var(--gruen);
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.spezialbox>div:hover .servicelist.vc_toggle .vc_toggle_title {
    background: var(--hellblau);
}

.spezialbox .servicelist.vc_toggle .vc_toggle_title>h4 {
    display: none;
}

.spezialbox .servicelist.vc_toggle ul {
    text-align: left;
}

.spezialbox .servicelist .vc_toggle_icon {
    margin-left: 0 !important;
}

.spezialbox .servicelist.vc_toggle:last-of-type {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
    .spezialbox .servicelist ul {
        margin-left: 0;
    }

    .spezialbox .servicelist ul li {
        list-style: none;
    }

    .spezialbox .servicelist ul li,
    .spezialbox .servicelist ul li a {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .spezialbox>div {
        padding: 1em !important;
    }

    .spezialbox .servicelist.vc_toggle {
        font-size: 13.5px;
        line-height: 1.2em;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .spezialbox .servicelist ul {
        margin-left: 0;
    }

    .spezialbox .servicelist ul li {
        list-style: none;
    }

    .spezialbox .servicelist ul li,
    .spezialbox .servicelist ul li a {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .spezialbox>div {
        padding: 1em !important;
    }

    .spezialbox .servicelist.vc_toggle {
        font-size: 13.5px;
        line-height: 1.2em;
    }
}

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

                                 ONLINE TERMINVERGABE
___________________________________________________________________________*/

.terminbox-h2 {
    font-size: 1em;
    margin-bottom: 0;
    display: block;
    padding-left: 3em;
    padding-top: 0.25em;
    background-image: url("assets/svg/icon-calendar-fine.svg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 2.3em;
}

.checklist-h2 {
    font-size: 1.2em;
    margin-bottom: 0;
    color: var(--schwarz);
    display: block;
    padding-top: 0.25em;
}

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

.checklist ul li {
    line-height: 1.25em;
    margin-bottom: 1em;
    margin-left: 2.2em;
    font-weight: 800;
}

.checklist.small ul li {
    font-size: clamp(10px, 1.3vh, 12px);
    font-size: 12px;
}

.checklist ul li:before {
    content: "";
    width: 2.5em;
    background-image: url(assets/svg/ok-circle.svg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 1.5em;
    display: inline-block;
    background-size: 20px auto;
    opacity: 1;
    margin-left: -2.5em;
    margin-bottom: -0.5em;
    min-height: 20px;
}

@media only screen and (max-width: 767px) {
    .checklist ul li {
        font-size: 12px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .checklist ul li:before {
        background-size: 15px auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
    .checklist ul li {
        font-size: 14px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .checklist ul li {
        font-size: 14px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}


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

                                 PREISLISTE
___________________________________________________________________________*/


.preisliste p {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.preisliste h5 {
    margin-top: 3em;
    margin-bottom: 1em;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 1em;
}

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

.preisliste ul li {
    line-height: 1.25em;
    margin-bottom: 1em;
    margin-left: 20px;
    font-weight: 400;
}

.preisliste.small ul li {
    font-size: clamp(10px, 1.3vh, 12px);
}

.preisliste ul li:before {
    content: "";
    width: 20px;
    background-image: url(assets/svg/ok-circle.svg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 1.5em;
    display: inline-block;
    background-size: 13px auto;
    opacity: 1;
    margin-left: -20px;
    margin-bottom: -0.5em;
    min-height: 20px;
}

@media only screen and (max-width: 767px) {
    .preisliste ul li {
        font-size: 14px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
    .preisliste ul li {
        font-size: 14px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .preisliste ul li {
        font-size: 14px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

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

                                 TEAM AUFLISTUNG
___________________________________________________________________________*/

/* nur 1 Teammitglied 
.team-list .col-sm-6 {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 75%;
}*/


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

                                 BLOG ARCHIV
___________________________________________________________________________*/

.blog-sidebar h4 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: none !important;
}

.blog-sidebar .sidebar-search input[type="text"],
.blog-sidebar .sidebar-categories ul li,
.blog-sidebar .sidebar-recent ul li .date,
.blog-sidebar .sidebar-tags ul li,
.blog-sidebar .sidebar-archive ul li,
.blog-single .post-head ul li {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: none !important;
}

/* Sidebar */

.blog-sidebar .sidebar-categories ul li a:before,
.blog-sidebar .sidebar-archive ul li a:before {
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

.cat-klb a {
    padding: 2px 5px 0px 5px;
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

.link-more {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
}

.link-more:before {
    background-color: var(--gruen)
        /*abb47c*/
    ;
}

/* Blogbeitrag Hover Farbe */

.blog-list.type-two .bl-post:hover {
    background-color: var(--white);
}

.blog-list.type-two .post {
    border-bottom: 1px solid var(--hellblau)
        /*f0f0ee*/
    ;
}

.single-post .offset-all-top .media-photo img {
    height: auto;
}

.blog-single .post-media {
    max-height: unset;
}

.blog-single .post-head ul li:nth-child(2),
.blog-single .post-head ul li:last-child {
    display: none;
}

.blog-single .post-head>ul {
    margin-left: 0;
}

/* Sidebar Suche */

.blog-sidebar .sidebar-search button {
    top: 8px;
}

.blog-sidebar .sidebar-search {
    margin-bottom: 0;
}

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

                                 SERVICES
___________________________________________________________________________*/


.project-list.type-two .project-item .project-info {
    padding: 1em;
}

.project-list.type-two .project-item .project-link:after {
    background-color: var(--white);
}

.project-list.type-two .project-item .project-link:before {
    z-index: 1;
    background: transparent;
}

.project-list.type-two .project-item .project-info {
    margin-top: 0 !important;
}

.project-list.type-two .project-item .project-info h3 {
    color: var(--schwarz);
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.2em;
    font-size: 1.3em;
    /*white-space: unset; abgeschnitten*/

}

.project-list.type-two .project-item .project-info:before {
    display: block;
    content: "";
    width: 20px;
    height: 1.3em;
    background-image: url(/wp-content/uploads/2025/06/icon-arw-right.svg);
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: left center;
}

.project-list.type-two .project-item:hover .project-info {
    background-color: var(--gruen);
}

.project-list.type-two .project-item:hover .project-info:before {
    background-image: url("/wp-content/uploads/2025/06/icon-arw-right-black.svg");
}

.project-list.type-two .project-item .project-info h4 {
    display: none;
}

.project-list.type-two .project-item:hover .project-info h3 {
    color: var(--schwarz);
}

.project-list.type-two .project-item {
    border-bottom: 1px solid var(--gruen);
    background: var(--white);
    background-image: none !important;
}


.project-list.type-two .project-item:hover {
    border-bottom: 1px solid var(--gruen);
    background: var(--gruen);
    background-image: none !important;
}

@media only screen and (min-width: 900px) {
    .project-list.type-two .project-item {
        /* zweispaltig */
        border-bottom: 0;
        width: 45%;
        margin-right: 5%;
        float: left;
    }

    .project-list.type-two .project-item:hover {
        border-bottom: 0;
    }
}

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

                                 SINGLE PORTFOLIO
___________________________________________________________________________*/

.goback {
    color: var(--schwarz)
        /*78814a*/
    ;
}

.goback:hover {
    cursor: pointer;
    text-decoration: underline;
}

.goback.oben {
    margin-bottom: 3em;
}

.goback.oben {
    margin-bottom: 3em;
    display: block;
    position: absolute;
    top: 70px;
}

.single-portfolio .vc_btn3 {
    margin-top: 3em !important;
    display: block;
    border-bottom: none;
}

.single-portfolio .page-heading {
    max-width: 800px;
    margin: 0 auto;
}

.project-single.type-one .project-body .project-info ul li h5,
.project-single.type-two .project-body .project-info ul li h5 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    font-size: 1em;
}

.project-single.type-one .project-body .project-info ul li p,
.project-single.type-two .project-body .project-info ul li p {
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: 0.7em;
    font-family: "avenir-lt-pro", sans-serif;
}

.project-single.type-one .project-body .project-info ul li p span,
.project-single.type-two .project-body .project-info ul li p span {
    font-size: 14px;
    font-family: "avenir-lt-pro", sans-serif;
}

.project-content a {
    color: var(--schwarz);
	text-decoration: underline;
}

.project-content a:hover {
    color: var(--schwarz);
    text-decoration: none;
}

.project-content h3 {
    margin: 2em 0 0.5em 0;
}

.project-content h3:first-child {
    margin-top: 0;
}

.project-content h4 {
    margin: 2em 0 0.5em 0;
    color: var(--schwarz)
        /*78814a*/
    ;
    font-size: 0.85em;
    font-weight: 800;
}

.project-media.offset-h {
    display: none !important;
}

.project-single.type-one .project-body .project-content {
    padding-top: 0;
}

/* Listen */

.project-content ul {
    margin: 1em 0 1em 1.5em;
}

.project-content ul li {
    list-style-type: circle;
    color: var(--schwarz);
    line-height: 1.2em;
    margin-bottom: 1em;
}

.project-content ul li a {
    font-size: 16px;
}

@media (max-width: 1200px) {

    .project-single.type-one .project-body .project-info,
    .project-single.type-two .project-body .project-info {
        padding: 30px 20px 20px 20px;
    }

    .project-single.type-one .project-body .project-info ul li p,
    .project-single.type-two .project-body .project-info ul li p {
        font-size: 0.9em;
    }
}

@media (max-width: 1024px) {

    .project-single.type-one .project-body .project-info ul li h5,
    .project-single.type-two .project-body .project-info ul li h5,
    .project-single.type-one .project-body .project-info ul li p,
    .project-single.type-two .project-body .project-info ul li p {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media (min-width: 992px) {
    .project-single.type-one .project-body .project-content {
        text-align: left;
    }
}

/* Info/Preis/Buchen Box */

.project-single.type-one .project-body .project-info,
.project-single.type-two .project-body .project-info {
    padding: 50px 40px 40px 40px;
    border-radius: 0;
}

a.behandlungbuchen {
    background: var(--gruen)
        /*abb47c*/
    ;
    display: block;
    text-align: center;
    line-height: 2.5em;
    border-radius: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

a.behandlungbuchen:hover {
    background: var(--gruen)
        /*abb47c*/
    ;
    display: block;
    text-align: center;
    line-height: 2.5em;
    border-radius: 0;
    color: white;
}

@media screen and (max-width: 991px) {
    .project-info {
        margin-top: 50px;
    }

    .project-info ul li h5,
    .project-info ul li p {
        text-align: center;
    }

    .sfwa_footer_area {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .sfwa_footer_area {
        width: 100% !important;
    }
}

.behandlungsbutton {
    padding: 14px 20px;
}

/* prev / next */

.project-single.type-one .nav-prevnext,
.project-single.type-two .nav-prevnext {
    border: none;
}

.nav-pager ul li a,
.nav-prevnext ul li a {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    height: inherit;
    line-height: 1.5em;
    margin: 0;
    padding: 1em 0.5em;
}

@media screen and (max-width: 767px) {
    .nav-prevnext ul li a {
        margin: 0;
        padding: 1em 0;
    }
}


.project-single.type-one .nav-prevnext ul,
.project-single.type-two .nav-prevnext ul {
    display: none;
}

/*


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

                                 FRONTPAGE
___________________________________________________________________________*/


/* Slider Revlolution */

#rev_slider_2_1 {
    border-radius: 0;
}

@media only screen and (max-width: 1400px) {
    #rev_slider_2_1 {
        width: calc(100% - 70px) !important;
    }

    #rev_slider_2_1 h1 {
        left: -35px !important;
    }
}

@media only screen and (max-width: 1200px) {
    #rev_slider_2_1 {
        width: calc(100% - 30px) !important;
    }

    #rev_slider_2_1 h1 {
        left: -15px !important;
    }
}

@media only screen and (max-width: 991px) {
    #rev_slider_2_1 {
        width: calc(100% - 80px) !important;
        margin-left: 40px;
    }

    #rev_slider_2_1 h1 {
        left: -40px !important;
    }
}

@media only screen and (max-width: 600px) {
    #rev_slider_2_1 {
        width: calc(100% - 50px) !important;
        margin-left: 25px;
    }

    #rev_slider_2_1 h1 {
        left: -25px !important;
    }
}

#rev_slider_2_1 h1 {
    border-radius: 0;
    font-family: "avenir-lt-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    margin-top: 20px !important;
}

#rev_slider_2_1 h1 span {
    font-weight: 400 !important;
}

/*.home.page-template-default .page-container {
    padding-top: 0;
    padding-bottom: 0;
}*/

.home.page-template-default .page-container .page-heading,
.page-id-3335.page-template-default .page-container .page-heading {
    display: none;
}

/*


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

                                 STANDORTE
___________________________________________________________________________*/

/* Telefonnummern unterteilen */
p.standort-telefon {
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
}

/*


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

                                 TEAM
___________________________________________________________________________*/
.team-social {
    display: none !important;
}

.team-list.type-one .team-member .member-social,
.team-list.type-two .team-member .member-social {
    display: none !important;
}

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

                                 MOBILE
___________________________________________________________________________*/

@media (max-width: 375px) {
/*
    h1,
    .h1 {
        font-size: 1.4em;
        line-height: 1.2em;
        color: red !important;
    }

    h3,
    h3 {
        font-size: 22px;
        color: red !important;
    }
*/
    .project-list.type-two .project-item .project-info h3 {
        white-space: normal;
    }

    .page-wrapper .page-container .page-heading h2 {
        font-size: 1.2em;
        line-height: 1.3em;
        text-transform: none;
    }

}

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

                                 COOKIE NOTICE
___________________________________________________________________________*/

#cookie-notice {
    background-color: var(--gruen)
        /*abb47c*/
         !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

#cn-notice-text,
.cn-button {
    font-size: 11px;
    line-height: 13px;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: 0;
    border: none;
    margin: 0;
    outline: 0;
    color: rgba(0, 0, 0, 0.75);
    background: rgba(255, 255, 255, 0);
    letter-spacing: -0.05em;
    display: unset;
}

.cn-button {
    color: var(--schwarz) !important;
    font-weight: 800;
}

.cn-button:hover {
    text-decoration: underline;
    background: none;
}

body:not(.page-id-165) .grecaptcha-badge {
    display: none;
}

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

                                 FOOTER
___________________________________________________________________________*/

footer#sfwa_footer {
    padding-top: 80px;
    padding-top: 5.71429rem;
    padding-bottom: 80px;
    padding-bottom: 5.71429rem;
    color: var(--white)
        /*aea8a0*/
    ;
    background-color: var(--schwarz);
}

footer#sfwa_footer h3 {
    font-weight: 800;
    color: var(--hellblau);
    margin-bottom: 1em;
    font-size: 16px;
}

#snazzy-hautarztmap {
    width: 100%;
    height: 300px;
    height: 25vh;
}

.footer-creditibility .sfwa_row {
    border-top: 1px solid var(--schwarz)
        /*aea8a0*/
    ;
    font-weight: 400;
    font-size: 14px;
}

/* Logo */

footer a,
footer a:hover,
footer a:focus {
    color: var(--white)
        /*aea8a0*/
    ;
}

footer a:hover,
footer a:focus {
    text-decoration: underline;
}

#custom_html-6 a {
    text-decoration: underline;
}

#custom_html-6 a:hover,
#custom_html-6 a:focus {
    text-decoration: none;
}

.footer-logo {
    overflow: hidden;
}

.footer-logo img {
    width: 70%;
    display: block;
    float: left;
}

h3.footer-klb-logo {
    font-family: "avenir-lt-pro", sans-serif !important;
    font-weight: 800;
    font-style: normal;
    text-transform: none;
    text-align: left !important;
    color: var(--gruen);
    font-size: 16px;
    line-height: 1em;
    display: block;
    padding-top: 15px;
    margin-left: 90px;
}

h3.footer-klb-logo a {
    color: var(--hellblau)
        /*aea8a0*/
    ;
}

h3.footer-klb-logo a:hover,
h3.footer-klb-logo a:focus {
    color: var(--white);
    text-decoration: none;
}

h3.footer-klb-logo span:not(.footer-logonrwp) {
    font-weight: 400;
}

h3.footer-klb-logo span.footer-logonrwp {
    word-break: unset;
    word-wrap: unset;
    overflow-wrap: unset;
    -webkit-hyphens: unset;
    -moz-hyphens: unset;
    -ms-hyphens: unset;
    hyphens: unset;
    white-space: nowrap;
}

.gipfelfooter {
    float: right;
    font-size: 0.75em;
}

@media (max-width: 767px) {

    footer,
    footer .textwidget p {
        text-align: center;
    }

    .footer-logo {
        margin-left: calc(50vw - 176px);
    }

    .footer-creditibility .sfwa_row {
        border-top: none;
    }

    .gipfelfooter {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 2em;
    }

    footer#sfwa_footer {
        padding-bottom: 20px;
    }
}

/* INFO Box Behandlungen */

.project-body .project-info,
.project-body .behandlungbuchen {
    display: none;
}

.project-body .col-md-4 {
    display: none;
}

.project-body .col-md-8 {
    float: none;
    margin: 0 auto;
}

.project-body .col-md-8 .project-content {
    padding: 0 !important;
}

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

                                 Ästhetik Coloring
___________________________________________________________________________*/

/* .project-list.type-two .project-item .project-info h4.aesthetik {
    background-color: #eacbaf;
} */

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

                                 Sonstiges
___________________________________________________________________________*/

.drei-vh {
    height: 30px;
    height: 3vh;
}

.wpac {
    width: 145px !important;
}

.wp-gr .wp-google-left {
    display: none !important;
}

.wp-gr .wp-google-right {
    padding-left: 10px !important;
}


.delay500 .wpb_fadeIn,
.delay500.wpb_fadeIn {
    animation-delay: 100ms
}

.delay1000 .wpb_fadeIn,
.delay1000.wpb_fadeIn {
    animation-delay: 200ms
}


/*


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

                                 BLOG PAGINATION
___________________________________________________________________________*/

.nav-pager ul li {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-pager .page-numbers .page-numbers {
    line-height: 50px;
    font-family: inherit;
}

.nav-pager .page-numbers span.page-numbers.current {
    font-family: inherit;
    background-color: var(--gruen)
        /*abb47c*/
    ;
}


/*


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

                                 HINWEISBOX
___________________________________________________________________________*/

#hinweis .vc_message_box-solid {
    color: var(--schwarz);
    border-color: transparent;
    background-color: var(--white)
        /*f2f2f2*/
    ;
    border: 6px solid var(--gruen)
        /*abb47c*/
    ;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    /*
    -webkit-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    */
    padding-left: 5em;
    border-radius: 0;
}

#hinweis .vc_message_box-icon {
    width: 5em;
    color: var(--gruen);
}

#hinweis .fa-info-circle {
    color: var(--gruen)
        /*78814c*/
    ;
}


#foqus .hinweis .vc_message_box-solid {
    color: var(--schwarz);
    border-color: transparent;
    background-color: var(--white)
        /*f2f2f2*/
    ;
    border: 6px solid var(--gruen)
        /*abb47c*/
    ;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    /*
    -webkit-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 15px 15px 0px rgba(0, 0, 0, 0.1);
    */
    padding-left: 5em;
    border-radius: 0;
}

#foqus .hinweis .vc_message_box-icon {
    width: 5em;
    color: var(--gruen);
}

#foqus .hinweis .fa-info-circle {
    color: var(--gruen)
        /*78814c*/
    ;
}

/*


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

                                 IMPRESSUM DATENSCHUTZ
___________________________________________________________________________*/


.page-id-867 .wpb_text_column p,
.page-id-867 .wpb_text_column h3,
.page-id-371 .wpb_text_column p,
.page-id-371 .wpb_text_column h2 {
    margin: 2em 0 1em 0;
}

.page-id-867 .wpb_text_column ul,
.page-id-371 .wpb_text_column ul {
    list-style-type: circle;
}


/*


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

                                 COOKIEBOT
___________________________________________________________________________*/


.CookiebotWidget,
#CookiebotWidget {
    display: none !important;
}

h2#CybotCookiebotDialogBodyContentTitle {
    font-size: clamp(20px, 3vw, 30px) !important;
}

#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;
}