/*
 Theme Name:   Zahnarzt Scheiber 2023 (Twenty-One)
 Description:  Child Theme of Twenty Twenty-One
 Author:       Johannes Löffler
 Author URI:   httpw://www.johannes-loeffler.de
 Template:     twentytwentyone
 Version:      1.1
 Text Domain:  zahnarzt-scheiber-theme
*/

/* magenta #D1007B */

body , html {
    min-height:100%;
    height:100%;
    width: 100%;
    margin:0px;
    padding:0px;
    background-color: #F1F2F3 !important;
    background-color: #E4E4E4 !important;
    font-family: 'Noto', sans-serif !important;
    font-weight:400;
    font-size: 18px !important; /* FONT SIZE */
    line-height: 1.5;
    color: #3E3E47;
    -ms-text-size-adjust: none !important;
    text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}

@media only screen and (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

.entry-content, .entry-summary {
    /* overwrite twentytwentyone */
    font-family: 'Noto', sans-serif !important;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator){
    /* overwrite twentytwentyone */
    max-width: unset !important;
}

.h1 {
    font-size: 99px !important; /* FONT SIZE */
    line-height: 1.24;
    font-family: 'Butler-ultra-light', serif !important;
    letter-spacing: unset !important;
}

@media only screen and (max-width: 590px) {
    .h1.smaller {
        font-size: 16vw !important; /* FONT SIZE */
    }
}

h2, .h2 {
    font-size: 37px !important; /* FONT SIZE */
    line-height: 1.34 !important;
    font-family: 'Butler-light', serif !important;
    letter-spacing: unset !important;
    /* letter-spacing: 0.6px !important; */
}
h1.lighter,
p.lighter  {
    line-height: 1.36;
    font-family: 'Noto-light', sans-serif !important;
}
p.lighter.header-subline {
    font-size: 30px !important; /* FONT SIZE */
}

.h-subsize {   /* between h3 and h4 */
    line-height: 1.36;
    font-family: 'Noto', sans-serif !important;
    font-size: 23px;    /* FONT SIZE */
}
h3, .h3 {
    font-size: 29px !important; /* FONT SIZE */
    line-height: 1.34 !important;
    font-family: 'Butler-light', serif !important;
    letter-spacing: unset !important;
}
h4, .h4 {
    font-size: 21px !important; /* FONT SIZE */
    line-height: 1.34 !important;
    font-family: 'Noto-light', sans-serif !important;
    /* 'Butler-light', serif ? xd */
    /* beachte address-data h4 .score::before */
    letter-spacing: unset !important;
}
.font-subsize {   /* smaller than normal */
    line-height: 1.36;
    font-family: 'Noto', sans-serif !important;
    font-size: 16px;    /* FONT SIZE */
}
.color-1 {
    color: #FFFFFF;
}
.color-2 {
    color: #3E3E47;
}
.magenta {
    color: #D1007B;
}
.bg-white {
    background-color: #FFFFFF;
}
.bg-magenta {
    background-color: #D1007B;
}
.bg-grey-dark {
    background-color: #3E3E47;
}
.v-space-1 {
    display: block;
    height: 36px;
    /* background-color: rgba(255,55,25,0.11); */
}
a.link-behavior {
    text-decoration: none !important;
    background: none !important;
}
a.link-behavior:hover {
    text-decoration: underline !important;
}
a.h4-behavior {
    text-decoration: none !important;
    background: none !important;
}
a.h4-behavior:hover > .magenta,
a.h4-behavior:hover > .magenta .score::before {
    color: #3E3E47 !important;
}

#page {
    width: 100%;
    max-width: 1920px;  /* 1920 1530 1600 */
    background-color: #F1F2F3 !important;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* border: 1px solid red; */
}
.site-content {
    position: relative;
    z-index: 3;
}

.wp-block-bd--- {
    border: 1px dotted #A2BAB9 !important;
    overflow: hidden !important;
}

.bd-container ul {
    padding: 0px !important;
    margin: 0px !important;
}
.bd-container ul li {
    /* word-break: break-all; */
    list-style: none;
    padding-bottom: 0.3em;
    margin: 0px !important;
    margin-left: 0.9em !important;
    display: block !important;
    position: relative;
    background-color: rgba(55,24,102,0);
}
/*.bd-container ul li::before {
    content: '__';
    position: absolute;
    left: -0.9em;
}*/

.bd-container,      /* uses block designer */
.center-block,
.wp-block-bd--- ,
article > div > p,
article > div > .wp-block-columns,
article > div > .h1,
article > div > .h2,
article > div > .h3
{     /* za style */
    width: 85%;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    article > div > p,
    article > div > .wp-block-columns,
    article > div > .h1,
    article > div > .h2,
    article > div > .h3
    {
        width: calc(100% - 40px);
        min-width: 768px;
    }
    @media only screen and (max-width: 768px){
        article > div > p,
        article > div > .wp-block-columns,
        article > div > .h1,
        article > div > .h2,
        article > div > .h3
        {
            width: calc(100% - 44px);
            min-width: unset;
        }
    }
}

.spacer-help {
    height: 60px;
    width:100%;
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
    background-color:lime;
    padding: 0px !important;
    margin: 0px !important;
    /* display: none; */
}
@media only screen and (max-width: 767px) {
    .bd-container,
    .center-block {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bd-container,
    .center-block {
        width: calc(100% - 40px);
        min-width: 768px;
    }
}
@media only screen and (min-width: 1190px) {
    .bd-container,
    .center-block {
        max-width: 1190px !important;
    }
}
.full-width {
    width: 100% !important;
    /* border-left: 1px solid lime;
    border-right: 1px solid lime; */
}

.permanent-header {
    display: flex;
    width: 100%;
    background-color: #FFFFFF !important;
    /* max-width: 1920px;
    margin: 0 auto;
    position: fixed;
    z-index: 4444; */
}

.permanent-header.scroll {
        height: 100px;
        position: fixed;
        max-width: 1920px;
        top: 0;
        z-index: 9999;
        display: flex;
        transform: translateY(-100%);
    animation: slideDown 0.9s cubic-bezier(.16,1,.3,1) both;
}

.permanent-header-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
    padding-left: 6%;
}

.permanent-header-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end !important;
    padding-right: 6% ;
}

@keyframes slideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

.scroll .logo-za {
        width: 100px;
        margin-bottom: 2px;
    }

@media only screen and (max-width: 767px) {
    .permanent-header {
        height: 90px;
    }
    /* .header-area {
        margin-top: 90px;
    } */
}
@media only screen and (min-width: 768px) {
    .permanent-header {
        height: 142px;
        background-size: auto 100%;
        background-position: center top;
        background-repeat: no-repeat;
    }
    /* .header-area {
        margin-top: 142px;
    } */
}
@media only screen and (min-width: 1531px) {
    .permanent-header {
        height: 175px;
    }
    /* .header-area {
        margin-top: 175px;
    } */
}
.permanent-header > div {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.permanent-header > div:nth-child(1) {
    background-color: rgba(255,45,12,0);
}
.permanent-header > div:nth-child(2) {
    background-color: rgba(55,215,12,0);
}
.logo-za {
    width: 170px;
    padding-top: 47%;
    background-image: url(images/logo-large.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: unset;
    cursor: pointer !important;
}
.logo-large-preload {
    background-image: url(images/logo-large.svg);
}
.logo-small-preload {
    background-image: url(images/logo-small.svg);
}
.toggle-navi {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(images/toggle-navi.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 3.8%;
}
@media only screen and (min-width: 1921px) {
    .toggle-navi {
        margin-left: 2% !important;
    }
}
@media only screen and (min-width: 1531px) {
    .logo-za {
        width: 200px;
        margin-bottom: 2px;
    }
    .toggle-navi {
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .permanent-header > div:nth-child(1) {
        justify-content: flex-start;
    }
    .permanent-header > div:nth-child(2) {
        justify-content: flex-end;
    }
    .logo-za {
        width: 92px;
        background-image: url(images/logo-small.svg);
        background-size: 100%;
        margin-left: 22px;
    }
    .toggle-navi {
        display: block;
        width: 40px;
        height: 40px;
        margin-right: 22px;
    }
}
@media only screen and (min-width: 768px) {
    .logo-za {
        animation: fadeinOpacity;
        animation-duration: 1200ms;
        opacity: 1;
    }
}

.primary-navigation {
    background-color: #FFFFFF !important;
    font-size: unset !important;
}
@media only screen and (max-width: 767px) {
    .primary-navigation {
        position: fixed !important;
        top: 90px !important;
        right: unset !important;
        left: 0px !important;
        width: 100%;
        overflow: hidden !important;
        z-index: 999;
    }
    .primary-navigation.close-start {
        max-height: 0px;
    }
    .primary-navigation.close {
        max-height: 0px;
        animation: closeNavi;
	    animation-duration: 600ms;
        min-height: 0px;
    }
    @keyframes closeNavi {
        0% {
            max-height: 600px;
            min-height: calc(100vh - 90px);
        }
        100% {
            max-height: 0px;
            min-height: 0px;
        }
    }
    .primary-navigation.open {
        max-height: 1000px;
        animation: openNavi;
	    animation-duration: 500ms;
        min-height: calc(100vh - 90px);
    }
    @keyframes openNavi {
        0% {
            max-height: 0px;
            min-height: 0px;
        }
        100% {
            max-height: 600px;
            min-height: calc(100vh - 90px);
        }
    }
}
@media only screen and (min-width: 768px) {
    .primary-navigation {
        position: fixed !important;
        top: 142px !important;
        left: unset !important;
        min-height: calc(100vh - 142px);
        min-width: 28%;
        z-index: 999;
    }
    .menu-open .primary-navigation {
        top: 100px !important;
    }
    @media only screen and (min-width: 1531px) {
        .primary-navigation {
            top: 175px !important;
        }
        .menu-open .primary-navigation {
            top: 100px !important;
        }
    }
    .primary-navigation.close-start {
        right: -53%;
    }
    .primary-navigation.close {
        right: -53%;
        animation: closeNavi;
	    animation-duration: 600ms;
    }
    @keyframes closeNavi {
        0% {
            right: 0%;
        }
        100% {
            right: -53%;
        }
    }
    .primary-navigation.open {
        right: 0%;
        animation: openNavi;
	    animation-duration: 500ms;
        /* min-height: 100% !important;  */
        /* NAVIGATION DESKTOP */
    }
    @keyframes openNavi {
        0% {
            right: -53%;
        }
        100% {
            right: 0%;
        }
    }
}

.header-area .header-wrapper {
    display: flex;
    z-index: -1 !important;
}

@media only screen and (min-width: 768px) {
    .header-wrapper-startpage {
        height: calc(100vh - 142px);
        min-height: 700px;
        max-height: 765px;
    }
    .header-wrapper-office-single,
    .header-wrapper-standard {
        height: calc(100vh - 307px);
        min-height: 550px;
        max-height: 600px;
        background-color: rgba(255,55,25,0);
    }
    .header-wrapper-startpage > div,
    .header-wrapper-office-single > div {
        width: 50%;
        position: relative;
    }
    .header-wrapper-standard > div {
        width: 100%;
        position: relative;
    }
}
@media only screen and (max-width: 767px) {
    .header-area .header-wrapper {
        display: block;
    }
    .header-wrapper-startpage > div,
    .header-wrapper-office-single > div {
        width: 100%;
        height: calc(120vw);
    }
    .header-wrapper-standard {
        width: 100%;
        height: calc(120vw);
    }
    .header-wrapper-standard > div {
        height: 100%;
    }
    @media only screen and (max-width: 480px) {
        .header-wrapper-startpage > div,
        .header-wrapper-office-single > div {
            height: calc(180vw);
        }
        .header-wrapper-standard {
            height: calc(180vw);
        }
    }
}
.header-wrapper-startpage > div:nth-child(1),
.header-wrapper-office-single > div:nth-child(1) {
    background-color: #3e3e47;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.header-wrapper-office-single > .header-left {  /* header-grafik header-background header-svg */
    background-size: auto 101% !important;
    background-position: -150px -106px !important;
}
@media only screen and (max-width: 767px) {
    .header-wrapper-office-single > .header-left {
        background-position: -25.2vw -23vw !important;
    }
}
.header-wrapper-office-single > .header-left-note {             /* Praxis Tschaikowskistraße */
    background-image: url(images/bg-header-left-note.svg);
}
.header-wrapper-office-single > .header-left-eisenbahn {        /* Praxis Eisenbahnstraße */
    background-image: url(images/bg-header-left-eisenbahn.svg);
}
.header-wrapper-office-single > .header-left-sonne {        /* Praxis Sommerfelder Straße */
    background-image: url(images/bg-header-left-sonne.svg);
}
.header-wrapper-office-single > .header-left-kinder {        /* Praxis Kinderzahnarzt */
    background-image: url(images/bg-header-left-kinder.svg);
}


.header-wrapper-standard > div {    /* has one only */
    background-repeat: no-repeat;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .header-wrapper-standard > div {
        background-size: auto 100%;
    }
    .header-wrapper-standard > div.position-left {
        background-position: left center;
    }
    .header-wrapper-standard > div.position-right {
        background-position: right center;
    }
    .header-wrapper-standard > div.position-center {
        background-position: center center;
    }
}
@media only screen and (min-width: 768px) {
    .header-wrapper-standard > div {
        background-size: cover;
        background-position: center;
    }
}
.header-wrapper-startpage > div:nth-child(1) {
    background-image: url(images/bg-ornament_startpage.png);
}
.header-wrapper-startpage > div:nth-child(2),
.header-wrapper-office-single > div:nth-child(2) {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.opak {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.68);
    background-color: rgba(255,255,255,0.68);
}
.header-wrapper-standard .opak {
    position: absolute;
    z-index: 1;
}
.notice-choose-office {
    position: absolute;
    display: flex;
    align-items: flex-end;
    z-index: 445;
    bottom: 11%;
    right: 14%;
    bottom: 12px;
    right: 9px;
    color: #FFFFFF;
    font-family: 'Butler-medium', serif !important;
    font-size: 20px !important; /* FONT SIZE */
    background-color: rgba(255,45,25,0);
}
.notice-choose-office .arrow {
    height: 74px;
    width: 41px;
    margin: 0px 0px 0.4em 6px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(images/arrow-angle.png);
}
@media only screen and (max-width: 767px) {
    .notice-choose-office {
        justify-content: center;
        bottom: 45px;
        width: 100%;
        right: unset;
    }
    .notice-choose-office .arrow {
        display: none;
    }
    @media only screen and (min-width: 460px) {
        .notice-choose-office {
            bottom: 60px;
        }
    }
}

.header-selector {
    position: absolute;
    display: flex;
    z-index: 444;
    background-color: rgba(215,25,55,0);
    left: calc(100% - 45px);
    margin-top: 12%;
    max-height: 450px;
    min-width: 400px;
    overflow: hidden;
}
/* wrapper-selector */
.header-selector .wrapper-selector {
    position: relative;
    background-color: rgba(25,235,55,0);
    height: 100%;
}
.selector-button {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 9px 0px 9px 0px;
}
.selector-button .selector-ring {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.selector-button .selector-ring-grey {
    background-color: #3E3E47;
}
.selector-button .selector-ring-magenta {
    background-color: #D1007B;
}
.selector-button .selector-cover {
    position: absolute;
    background-color: #3E3E47;
    width: 45px;
    height: 90px;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
}
.selector-button.mover .selector-ring-grey {
    display: none;
}
/* icon large */
.selector-button .selector-center {
    position: absolute;
    background-color: #FFFFFF;
    width: 78px;
    height: 78px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.selector-button .selector-center.no-cursor {
    cursor: unset;
}
.selector-center-sonne {
    background-image: url(images/ZA-Scheiber-Praxis-SommerfelderStrasse.svg);
    background-size: 58% !important;
    /* SVG fehlt Begrenzungsrahmen */
}
.selector-center-eisenbahn {
    background-image: url(images/ZA-Scheiber-Praxis-Eisenbahnstrasse.svg);
    background-size: 56% !important;
    /* SVG fehlt Begrenzungsrahmen */
}
.selector-center-note {
    background-image: url(images/ZA-Scheiber-Praxxis-Tschaikowskistrasse.svg);
    background-size: 61%;
    /* SVG fehlt Begrenzungsrahmen */
}
.selector-center-kinder {
    background-image: url(images/ZA-Scheiber-Kinderpraxis-SommerfelderStrasse.svg);
    background-size: 63%;
    /* SVG fehlt Begrenzungsrahmen */
}

.office-content {
    visibility: hidden;
    opacity: 0;
    margin-left: 78px;
    /* padding-top: 9px;   == padding selector-button */
    background-color: rgba(215,25,55,0);
}
.office-content.shown {
    visibility: visible;
    opacity: 1.0;
    animation: fadeOfficeContent;
    animation-duration: 600ms;
    /*   ANIMATE !!! */
}
@keyframes fadeOfficeContent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1.0;
    }
}
.office-content-spacer .selector-button {
    overflow: hidden !important;
    border-radius: unset !important;
    padding: 0px !important;
}
.office-content-spacer .selector-button.fadeout {
    max-height: 0px;
    margin: 0px;
    animation: collapseSelectorButtons;
    animation-duration: 300ms;
}
@keyframes collapseSelectorButtons {
    0% {
        max-height: 68px;
        margin: 6px;
    }
    100% {
        max-height: 0px;
        margin: 0px;
    }
}
.office-info {
    background-color: rgba(25,25,155,0);
    display: none;
}
.office-info.shown {
    background-color: rgba(25,25,155,0);
    display: block;
}
.wrapper-office-buttons {
    display: flex;
    margin-top: 16px !important;
    margin-bottom: 36px !important;
}
/* preload ! */
#preload_images {
    max-width: 0px !important;
    max-height: 0px !important;
    overflow: hidden;
}
.office-button {
    display: block;
    float: left;
    height: 40px;
    width: 54px;
    background-color: #a2baba !important;   /* overwrite twentytwentyone */
    background-position: center !important;   /* overwrite twentytwentyone */
    background-repeat: no-repeat !important;   /* overwrite twentytwentyone */
    background-size: 40%;
}
.office-button:hover {
    background-color: #D1007B !important;   /* overwrite twentytwentyone */
}
.office-button:nth-of-type(1) {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    background-image: url(images/ZA-Scheiber-Kontakt-Adresse.svg) !important;   /* overwrite twentytwentyone */
    background-position: 64% center !important;
}
.office-button:nth-of-type(1):hover,
.office-button.preload-1 {
    background-image: url(images/ZA-Scheiber-Kontakt-Adresse_white.svg) !important;   /* overwrite twentytwentyone */
}
.office-button:nth-of-type(2) {
    margin: 0px 2px 0px 2px;
    width: 48px;
    background-image: url(images/btn_whatsapp.png) !important;
    background-size: 42% !important;
    background-position: 56% center !important;
}
.office-button:nth-of-type(2):hover,
.office-button.preload-2 {
    background-image: url(images/btn_whatsapp_white.png) !important;
}
.office-button:nth-of-type(3) {
    margin: 0px 2px 0px 2px;
    width: 48px;
    background-image: url(images/ZA-Scheiber-Kontakt-Telefon.svg) !important;
}
.office-button:nth-of-type(3):hover,
.office-button.preload-3 {
    background-image: url(images/ZA-Scheiber-Kontakt-Telefon_white.svg) !important;   /* overwrite twentytwentyone */
}
.office-button:nth-of-type(4) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    background-image: url(images/ZA-Scheiber-Kontakt-E-Mail.svg) !important;
    background-position: 40% center !important;
}
.office-button:nth-of-type(4):hover,
.office-button.preload-4 {
    background-image: url(images/ZA-Scheiber-Kontakt-E-Mail_white.svg) !important;   /* overwrite twentytwentyone */
}
.office-content h2 {
    margin-left: -1.2em !important;
}
.office-content .h-subsize {
    color: #D1007B;
}
.opening-hours {
    display: flex;
    flex-wrap: wrap;
    width: 280px;
    justify-content: space-between;
    margin-bottom: 24px !important;
}
.opening-hours > div:nth-child(odd) {
    width: 46%;
    background-color: rgba(25,25,155,0);
}
.opening-hours > div:nth-child(even) {
    width: calc(54% - 2px);
    background-color: rgba(25,25,155,0);
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .header-selector {
        left: calc(100% - 40px);
        max-height: 360px;
    }
    .selector-button {
        width: 80px;
        height: 80px;
        margin: 8px 0px 8px 0px;
    }
    .selector-button .selector-ring {
        width: 80px;
        height: 80px;
    }
    .selector-button .selector-cover {
        width: 40px;
        height: 80px;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .selector-button .selector-center {
        width: 68px;
        height: 68px;
        top: 6px;
        left: 6px;
    }
    .office-content {
        margin-left: 64px;
    }
}
@media only screen and (max-width: 767px) {
    .header-selector {
        position: absolute;
        background-color: rgba(25,25,155,0);
        left: unset;
        margin-top: unset;
        top: calc(100% - 37px);
        flex-wrap: wrap;
        max-height: unset !important;
        min-width: 100vw !important;
    }
    /* wrapper-selector */
    .header-selector .wrapper-selector {
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: rgba(251,125,15,0);
    }
    .selector-button {
        position: relative;
        width: 74px;
        height: 74px;
        margin: 0px 6px 0px 6px;
        margin: 0px 1% 0px 1%;
    }
    .selector-button .selector-ring {
        width: 74px;
        height: 74px;
    }
    .selector-button .selector-cover {
        width: 74px;
        height: 37px;
        border-top-left-radius: 37px;
        border-top-right-radius: 37px;
        border-bottom-left-radius: unset;
    }
    .selector-button .selector-center {
        width: 62px;
        height: 62px;
        top: 6px;
        left: 6px;
    }
    .office-content {
        width: calc(80% - 22px);
        margin-left: calc(20% - 6px);
        padding-top: unset;
        min-height: calc(150vw - 40px);
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        background-color: rgba(21,25,115,0);
    }
    .office-info {
        display: block !important;
    }
    .office-content-spacer .selector-button {
        display: none;
    }
    .office-content > div,
    .office-content > h2 {
        min-width: 51%;
        width: 90%;
    }
    @media only screen and (min-width: 460px) {
        .header-selector {
            top: calc(100% - 46px);
        }
        .selector-button {
            position: relative;
            width: 92px;
            height: 92px;
            margin: 0px 2% 0px 2%;
        }
        .selector-button .selector-ring {
            width: 92px;
            height: 92px;
        }
        .selector-button .selector-cover {
            width: 92px;
            height: 46px;
            border-top-left-radius: 46px;
            border-top-right-radius: 46px;
        }
        .selector-button .selector-center {
            width: 80px;
            height: 80px;
            top: 6px;
            left: 6px;
        }
        .office-content {
            min-height: calc(120vw - 40px);
            background-color: rgba(251,25,15,0);
        }
    }
}


.header-wrapper-startpage .wrapper-text,
.header-wrapper-office-single .wrapper-text {
    width: 80%;
    min-width: 350px !important;
    margin-right: 72px;
    margin-bottom: 8.5%;
    background-color: rgba(255,55,25,0);
}
.header-wrapper-office-single .wrapper-text {
    margin-bottom: unset;
    margin-top: 8.5%;
}
.header-wrapper-standard .center-block {
    height: calc(100% - 68px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 2;
}
.header-wrapper-standard .wrapper-text {
    margin-left: 60px;
    background-color: rgba(251,25,15,0);
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .header-wrapper-startpage .wrapper-text,
    .header-wrapper-office-single .wrapper-text {
        min-width: unset !important;
        width: calc(84% - 12px);
        margin-right: 45px;
    }
}
.header-wrapper .wrapper-text h1 {
    color: #D1007B;
    position: relative;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
    background-color: rgba(25,145,12,0);
}
.header-wrapper-startpage .wrapper-text h1 {
    white-space: normal;
}
/*.header-wrapper .wrapper-text .h1::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.header-wrapper .wrapper-text p.header-subline {
    margin-top: 0.5em;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    .header-wrapper-startpage > div:nth-child(1),
    .header-wrapper-office-single > div:nth-child(1)
    {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header-wrapper-startpage .wrapper-text,
    .header-wrapper-office-single .wrapper-text
    {
        width: 90%;
        border-left: 30px solid rgba(55,215,12,0);
        padding-right: 30px;
        margin-right: unset;
        background-color: rgba(255,45,12,0);
    }
    .header-wrapper-standard .center-block {
        height: calc(100% - 30px);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .header-wrapper-standard .wrapper-text {
        margin-left: 72px;
    }
    @media only screen and (max-width: 589px) {
        .header-wrapper-standard .center-block {
            justify-content: flex-end;
        }
        .header-wrapper-standard .wrapper-text {
            text-align: right;
            margin-left: 22px;
            margin-right: 22px;
        }
        .header-wrapper-standard .wrapper-text .h1::before {
            position: relative;
            left: unset;
        }
    }
}

/* Standard standardblock TOP BLOCK */
.bd-teaser-praxen {
    margin-left: auto;
    margin-right: auto;
    /* border-bottom: 1px dotted red; */
}
.bd-teaser-praxen .content {
    background-color: #FFFFFF;
    width: calc(100% - 90px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;     /* immer */
}
.bd-teaser-praxen .content > div p {
    line-height: 1.49;
    border-bottom: 12px solid transparent !important;
}
.bd-teaser-praxen .content > div p:nth-last-of-type(1) {
    border-bottom: 4px solid transparent !important;
}
.bd-teaser-praxen > .content > div > h2 + p {
    border-top: 0.5em solid transparent !important;
}

.bd-teaser-praxen + .bd-teaser-praxen .content {    /* block folgt auf block */
    margin-top: 0px;
}
.bd-icons-text-below + .bd-teaser-praxen .content {    /* block folgt auf 4 Icons */
    margin-top: -44px;
}
.bd-teaser-praxen .content > div {
    margin: 0px 92px 0px 92px !important;
    padding: 38px 0px 32px 0px;                 /* inhalt der weißen box */
    background-color: rgba(25,145,12,0);
}
@media only screen and (min-width: 768px) {
    .bd-teaser-praxen.has-no-image .content {
        width: 100%;
    }
    .bd-teaser-praxen.has-no-image + .bd-teaser-praxen.has-no-image .content {
        width: 100%;
    }
    .bd-teaser-praxen.has-image + .bd-teaser-praxen.has-no-image .content { /* no-image folgt auf has-image */
        width: calc(100% - 90px);
    }
    .bd-icons-text-below.cols-4 + .bd-teaser-praxen.has-no-image .content {    /* no-image folgt auf 4 icons */
        /* border-top: 1px dotted red !important; */
        width: calc(100% - 90px);
    }
    .bd-teaser-praxen + .bd-teaser-praxen .content > div {
        padding-top: 0px;                 /* inhalt der weißen box FOLGEBLOCK */
    }
}
.bd-teaser-praxen .more-plus {
    margin-bottom: 4px;
    margin-top: 20px;
}
.bd-teaser-praxen .image {
    padding-top: 60.5%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bd-teaser-praxen h2.inline {
    color: #D1007B;
    position: relative;
    margin-bottom: calc(38px - 0.5em);
    background-color: rgba(162,62,71,0);
}
@media only screen and (min-width: 768px) {
    .bd-teaser-praxen h2.inline {
        width: calc(100% + 20px);
    }
}
/*.bd-teaser-praxen h2.inline .score::before {
    display: block;
    content: '__';
    color: #D1007B;
    position: absolute;
    left: -1.2em;
    top: 0px;
}*/
@media only screen and (max-width: 767px) {
    .bd-teaser-praxen .content {
        width: calc(100% - 44px);
        margin-top: -30px;
        min-width: unset;
    }
    .bd-teaser-praxen .content.has-no-image {
        margin-top: -60px;
    }
    .bd-teaser-praxen .content > div {
        margin: 0px 22px 0px 22px !important;
        padding: 38px 0px 32px 0px;
    }
    .bd-teaser-praxen h2.inline {
        margin-left: 48px;
        margin-bottom: calc(38px - 0.5em);
    }
}


/* BD teaser leistungen */
.bd-teaser-leistungen {
    margin-left: auto;
    margin-right: auto;
}
.bd-teaser-leistungen .content {
    /* background-color: #FFFFFF; */
    display: flex;
}
.bd-teaser-leistungen .content .wrapper {
    width: calc(24% - 8px);
    height: 21vw;
    max-height: 212px;
    margin: 0px 14px 0px 14px;
    border-top: 12px solid rgba(209,0,129,0);
    border-bottom: 12px solid rgba(209,0,129,0);
    position: relative;
    color: #FFFFFF;
}
.bd-teaser-leistungen.cols-3 .content .wrapper {
    width: calc(36% - 8px) !important;
    height: 19vw;
    max-height: 256px;
    margin: 0px 14px 0px 14px;
    border-top: 12px solid rgba(29,56,129,0);
    border-bottom: 12px solid rgba(209,0,129,0);
}
.bd-teaser-leistungen .content .wrapper:nth-child(1),
.bd-teaser-leistungen.cols-3 .content .wrapper:nth-child(1) {
    margin-left: 0px !important;
}
.bd-teaser-leistungen .content .wrapper:nth-child(4),
.bd-teaser-leistungen.cols-3 .content .wrapper:nth-child(3) {
    margin-right: 0px !important;
}
.bd-teaser-leistungen .content .wrapper .bg-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bd-teaser-leistungen .content .wrapper .head {
    font-weight: bold;
}
.bd-teaser-leistungen .wrapper > div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #a2bab9;
    /* display: none !important; */
}
.bd-teaser-leistungen .wrapper.sensitive > div:nth-child(1) {
    cursor: pointer;
    -webkit-box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
    box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
}
.bd-teaser-leistungen .wrapper > div:nth-child(1) > div {
    margin: 16px;
    text-align: center;
}
.bd-teaser-leistungen .wrapper > div:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    background-color: #a2bab9;
    display: none;
    opacity: 0;
    -webkit-box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
    box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
}
.bd-teaser-leistungen .wrapper > div:nth-child(3) {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    opacity: 0;
}
.bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) {
    justify-content: center;
    align-items: flex-start;
}
.bd-teaser-leistungen .wrapper > div:nth-child(3) .font-subsize {
    /* border: 1px solid red; */
    width: 72%;
    margin-left: 12%;
    text-align: left;
}
.bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize {
    /* border: 1px solid red; */
    width: calc(100% - 32px);
    margin-left: 16px;
    padding-top: 12px;
    text-align: center;
}
.bd-teaser-leistungen .wrapper > div:nth-child(3) ul {
    /* border: 1px solid blue; */
    padding: 0px !important;
    margin: 0px !important;
}
.bd-teaser-leistungen .wrapper > div:nth-child(3) ul li {
    word-break: break-all;
    list-style: none;
    padding-bottom: 0.3em;
    margin: 0px !important;
    display: block !important;
    position: relative;
    background-color: rgba(55,24,102,0);
}
/*.bd-teaser-leistungen .wrapper > div:nth-child(3) ul li::before {
    content: '__';
    position: absolute;
    left: -0.9em;
}*/

.bd-teaser-leistungen .wrapper.open > div:nth-child(2) {
    display: flex;
    opacity: 1;
    transform: scale(1.1);
    animation: scaleOnMouseover;
    animation-duration: 300ms;
}
.bd-teaser-leistungen .wrapper.open > div:nth-child(3) {
    display: flex;
    opacity: 1;
    animation: fadeOnMouseover;
    animation-duration: 300ms;
}
@keyframes fadeOnMouseover {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes scaleOnMouseover {
    0% {
        transform: scale(1.0);
        opacity: 0;
    }
    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}
.plus-square {
    display: block;
    width: 44px;
    height: 44px;
    background: unset !important;
    background-color: #FFFFFF !important;
    background-image: url(images/cross-grey.png) !important;
    background-size: 65% !important;
    background-position: center !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.plus-square-sensitive {
    display: block;
    width: 48px;
    height: 48px;
    background-color: rgba(255,45,25,0) !important;
    cursor: pointer;
    position: absolute;
    right: -12px;
    bottom: -12px;
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .bd-teaser-leistungen.cols-3 .content .wrapper {
        height: 21vw;
        max-height: unset !important;
    }
    .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize p {
        line-height: 1.36 !important;
    }
}
@media only screen and (min-width: 700px) and (max-width: 959px) {
    .bd-teaser-leistungen .content .wrapper {
        height: 29vw;
        max-height: unset !important;
    }
    @media only screen and (max-width: 767px) {
        .bd-teaser-leistungen .content,
        .bd-teaser-leistungen.cols-3 .content {
            max-width: calc(100% - 20px);
            margin-left: 10px;
        }
        .bd-teaser-leistungen .content .wrapper {
            height: 37vw;
        }
    }
    .bd-teaser-leistungen.cols-3 .content .wrapper {
        height: 235px;
        max-height: unset !important;
    }
    @media only screen and (max-width: 750px) {
        .bd-teaser-leistungen.cols-3 .content .wrapper {
            height: 260px;
        }
    }
    .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize p {
        line-height: 1.2 !important;
    }
    .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize {
        width: calc(100% - 10px);
        margin-left: 5px;
        padding-top: 8px;
        text-align: center;
    }

}
@media only screen and (max-width: 699px) {
    .bd-teaser-leistungen .content {
        flex-wrap: wrap;
        width: calc(100% - 44px);
        margin: 0 auto;
        background-color: rgba(55,24,102,0);
    }
    .bd-teaser-leistungen .content .wrapper {
        width: 100%;
        height: unset;
        min-height: 64vw;
        margin: 0px 0px 0px 0px;
    }
    .bd-teaser-leistungen.cols-3 .content .wrapper {
        width: 100% !important;
        height: unset;
        min-height: 64vw;
        margin: 0px 0px 0px 0px;
    }
    .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) {
        justify-content: center;
        align-items: center;
    }
    @media only screen and (max-width: 460px) {
        .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize,
        .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize p {
            padding-top: 0px;
            line-height: 1.46 !important;
        }
    }
    @media only screen and (min-width: 461px) and (max-width: 590px) {
        .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize,
        .bd-teaser-leistungen.cols-3 .wrapper > div:nth-child(3) .font-subsize p {
            padding-top: 0px;
            line-height: 1.7 !important;
        }
    }
}

/* 4 Tiles Teaser Praxen  */

.bd-4-tiles-teaser {
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.bd-4-tiles-teaser .content {
    /* background-color: #FFFFFF; */
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 28px);
    margin-left: -14px;
}
.bd-4-tiles-teaser .content .wrapper {
    width: calc(50% - 28px);
    margin: 0px 14px 0px 14px;
    border-top: 12px solid rgba(29,120,129,0);
    border-bottom: 12px solid rgba(29,120,129,0);
    position: relative;
    color: #FFFFFF;
}
.bd-4-tiles-teaser .content .wrapper > div:nth-child(1) {
    padding-top: 64.3%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.bd-4-tiles-teaser .content .wrapper > div:nth-child(1) > div:nth-child(1) {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.bd-4-tiles-teaser h3::before {
    content: '__';
}*/
.bd-4-tiles-teaser .content .wrapper > div:nth-child(2) {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #A2BAB9;
    opacity: 1;
}
.bd-4-tiles-teaser .content .wrapper:nth-child(1) > div:nth-child(2),
.bd-4-tiles-teaser .content .wrapper:nth-child(4) > div:nth-child(2) {
    background-color: rgba(255,177,199,1);
}
.bd-4-tiles-teaser .content .wrapper > div:nth-child(2) > div > div {
    width: 100%;
    display: flex;
    justify-content: center;
}
.bd-4-tiles-teaser .ico-office {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-bottom: 16px;
}
.bd-4-tiles-teaser h3 {
    text-align: center;
}
.bd-4-tiles-teaser .content .wrapper.open > div:nth-child(2) {
    opacity: 0;
    animation: fadeoutOpacity;
    animation-duration: 300ms;
}
.bd-4-tiles-teaser .plus-square {
    background-size: 32px 32px !important;
    background-image: url(images/cross-magenta.png) !important;
    width: 50px !important;
    height: 50px !important;
    display: none;
}
.bd-4-tiles-teaser .wrapper.open .plus-square {
    display: block;
    animation: fadeinOpacity;
    animation-duration: 300ms;
    opacity: 1;
}
@keyframes fadeoutOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeinOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media only screen and (max-width: 767px) {
    .bd-4-tiles-teaser {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }
    .bd-4-tiles-teaser .content {
        width: calc(100% - 44px);
        margin-left: 22px;
    }
    .bd-4-tiles-teaser .content .wrapper {
        width: 100%;
        margin: 0px 0px 0px 0px;
        border-top: 12px solid rgba(29,120,129,0);
        border-bottom: 12px solid rgba(29,120,129,0);
    }
}


/* small tiles */
.bd-small-tiles > div {
    width: calc(100% + 18px);
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0px 20px -9px;
    background-color: rgba(255,0,0,0);
}
.bd-small-tiles .tile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(33.3% - 16px);
    padding: 4px 20px 4px 20px;
    margin: 8px 8px 8px 8px;
    min-height: 90px;
    background-color: #a2bab9;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
    box-shadow: 5px 5px 21px -2px rgba(62,62,71,0.33);
}
.bd-small-tiles .tile:hover,
.bd-small-tiles .tile:focus,
.bd-small-tiles .tile.active {
    background-color: #ffb1c7 !important;
}
@media only screen and (max-width: 790px) {
    .bd-small-tiles > div {
        width: 100%;
        margin-left: 0px;
    }
    @media only screen and (max-width: 769px) {
        .bd-small-tiles > div {
            width: calc(100% - 28px);   /* +16 margin tiles */
            margin-left: 14px;
        }
        @media only screen and (max-width: 589px) {
            .bd-small-tiles > div {
                width: calc(100% - 44px);
                margin-left: 22px;
            }
            .bd-small-tiles .tile {
                width: 100%;
                margin: 12px 0px 12px 0px;
            }
        }
    }
}

/* bd-headline */
.bd-headline,
.bd-headline-small {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 36px;
}
.bd-headline-small {
    flex-wrap: wrap;
    padding-bottom: 0px;
}
.bd-teaser-praxen + .bd-headline-small {
    margin-top: 20px;
}
.bd-headline h2,
.bd-headline-small h3 {
    width: calc(100% - 84px);
    margin: 0 auto;
    text-align: center;
}
.bd-headline-small h3 {
    margin-bottom: 0.2em;
}
/*.bd-headline h2 .score::before,
.bd-headline-small h3 .score::before {
    content: '__' !important;
}*/
@media only screen and (max-width: 767px) {
    .bd-headline h2,
    .bd-headline-small h3,
    .bd-headline-small p {
        width: calc(100% - 44px);
        text-align: center;
    }
    .bd-headline-small {
        padding-bottom: 42px;
    }
    .bd-headline-small h3 {
        margin-bottom: 0px;
    }
}

/* bd-button-center */
.bd-button-center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 36px;
}

/* jobs */
.bd-job-block .content {
    color: #FFFFFF !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 38px 0px 32px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* border: 1px dotted lime; */
}
.bd-job-block .content .highres {
    width: 100%;
    padding-bottom: 4px;
}
.bd-job-block .content h2 {
    position: relative;
    margin-bottom: calc(38px - 0.5em);
    margin-left: 1.1em;
}
.bd-job-block .content h2 .score::before {
/*    display: block;
    content: '__';
    color: #FFFFFF;
    position: absolute;
    left: -1.1em;
    top: 0px;
*/}
.bd-job-block .content .lowres {
    display: none;
}
.bd-job-block .content .image-wrapper {
    width: 41% !important;
    flex-grow: 0;
    margin-right: 9%;
}
.bd-job-block .content .image-wrapper .image {
    width: 100%;
    padding-top: 56%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bd-job-block .content .text {
    width: 50%;
}
.bd-job-block .content .text p + ul {
    margin-top: 0.6em !important;
}
.bd-job-block .content .text li {
    padding-bottom: 0.6em;
}
.bd-job-block .content .button-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 42px;
}
@media only screen and (max-width: 767px) {
    .bd-job-block .content {
        width: calc(100% - 44px);
    }
    .bd-job-block .content .highres {
        display: none;
    }
    .bd-job-block .content .lowres {
        display: flex;
        margin-top: 42px !important;
        margin-bottom: 38px !important;
    }
    .bd-job-block .content .image-wrapper {
        width: 100% !important;
        margin-right: unset !important;
    }
    .bd-job-block .content .text {
        width: 100%;
    }
    .bd-job-block .content .button-wrapper {
        margin-top: 48px;
        margin-bottom: 22px;
    }
}
@media only screen and (min-width: 768px) {
    .bd-job-block .content .image-wrapper {
        margin-bottom: 24px !important;
    }
}

/* two cols - 2 Spalten, gleiche Höhe, mit Bild */
.bd-two-cols > div {
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
}
.bd-two-cols .col {
    width: calc(49% - 2px);
    display: flex;
    margin-bottom: 20px !important;
}
.bd-two-cols .content {
    background-color: #FFFFFF;
    width: calc(100% - 56px);
    margin: 0 auto;
}
.bd-two-cols .cover {
    background-color: #FFFFFF;
    height: 28px;
    margin-top: -28px;
}
.bd-two-cols .bg-image {
    width: calc(100% + 56px);
    margin-left: -28px;
    padding-top: 61%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bd-two-cols .text {
    width: 76.2%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 62px;
    background-color: rgba(62,2,71,0);
}
.bd-two-cols .cover + .text {
    margin-top: 12px;
    background-color: rgba(255,2,71,0);
}
.bd-two-cols .text h3 {
    color: #D1007B;
    position: relative;
    line-height: 1.3 !important;
    padding: 0px !important;
    margin: 0px 0px 17px 0px !important;
    background-color: rgba(25,145,12,0);
}
/*.bd-two-cols .text h3::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/

@media only screen and (max-width: 767px){
    .bd-two-cols > div {
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .bd-two-cols .col {
        width: 100%;
        margin-bottom: 52px !important;
    }
    .bd-two-cols .col:nth-last-child(1) {
        margin-bottom: 0px !important;
    }
    .bd-two-cols .content {
        width: calc(100% - 44px);
    }
    .bd-two-cols .bg-image {
        width: calc(100% + 44px);
        padding-top: 64%;
        margin-left: -22px;
        background-color: #ABABAB;
    }
    .bd-two-cols .text {
        width: calc(100% - 36px);
    }
    .bd-two-cols .cover + .text {
        margin-top: 12px;
        background-color: rgba(255,2,71,0);
    }
    .bd-two-cols .text h3 {
        margin: 0px 0px 17px 0.6em !important;
    }
}

/* two cols mutable - 2 Spalten, variable Höhe */
.bd-two-cols-mutable {
    border-top: 1px dotted rgba(86,145,172,0)
}
.bd-two-cols-mutable .content {
    width: calc(100% - 56px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
}
.bd-two-cols-mutable .content .col {
    width: calc(50% - 36px);
}
.bd-two-cols-mutable .content .block {
    background-color: #FFFFFF;
    margin-top: 48px;
    padding: 40px 0px 62px 0px;
}
.bd-two-cols-mutable + .bd-two-cols-mutable .content .block.first {
    margin-top: 0px !important;
}
.bd-two-cols-mutable .content .block > div {
    width: 76.2%;
    margin: 0 auto;
    background-color: rgba(86,145,172,0);
}
.bd-two-cols-mutable h3 {
    color: #D1007B;
    position: relative;
    line-height: 1.3 !important;
    padding: 0px !important;
    margin: 0px 0px 12px 0px !important;
    background-color: rgba(25,145,12,0);
}
/*.bd-two-cols-mutable h3::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
@media only screen and (max-width: 767px){
    .bd-two-cols-mutable .content {
        width: calc(100% - 44px);
        flex-wrap: wrap;
        margin-bottom: 48px;
    }
    .bd-two-cols-mutable .content .col {
        width: 100%;
    }
    .bd-two-cols-mutable .content .block > div {
        width: calc(100% - 36px);
        background-color: rgba(86,145,172,0);
    }
    .bd-two-cols-mutable h3 {
        margin: 0px 0px 16px 0.6em !important;
    }
    .bd-two-cols-mutable .content .col:nth-child(1) .block.first {
        margin-top: 0px !important;
    }
}

/* 4 Icons, Text below */
.bd-icons-text-below {
    margin-top: -42px;
}
.bd-icons-text-below .content {
    background-color: #FFFFFF;
    margin: 0 auto;
}
.bd-icons-text-below.cols-4 .content {
    width: calc(100% - 90px);
}
.bd-icons-text-below .content > div {
    margin: 0 auto;
    width: calc(100% - 160px);
    display: flex;
    justify-content: space-between;
    padding-bottom: 38px;
}
.bd-icons-text-below.cols-3 .content > div {
    width: calc(100% - 140px);
}
@media only screen and (min-width: 1400px) {
    .bd-icons-text-below.cols-3 .content > div {
        width: 1080px !important;
    }
    .bd-icons-text-below.cols-4 .content > div {
        width: 860px !important;
    }
}
.bd-icons-text-below .content > div .col {
    width: 25%;
    display: block;
}
.bd-icons-text-below.cols-3 .content > div .col {
    width: 33.33%;
}
.bd-icons-text-below .wrapper-icon {
    width: 100%;
    height: 126px;
    display: flex;
    justify-content: center;
}
.bd-icons-text-below .icon {
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
}
.bd-icons-text-below .text {
    text-align: center;
}
.bd-icons-text-below.cols-3 .wrapper-icon {
    width: calc(100% - 24px);
    max-width: 260px;
    margin: 0 auto;
    /* border-bottom: 4px solid red; */
}
.bd-icons-text-below.cols-3 .text {
    width: calc(100% - 24px);
    max-width: 260px;
    margin: 0 auto;
    padding-bottom: 48px;
    /* border-top: 4px solid blue; */
}

.bd-icons-text-below.cols-4 .text {
    color: #D1007B;
}
@media only screen and (max-width: 767px){
    .bd-icons-text-below .content {
        width: calc(100% - 44px) !important;
    }
    .bd-icons-text-below .content > div {
        width: 100% !important;
    }
    @media only screen and (max-width: 589px){
        .bd-icons-text-below .content > div {
            flex-wrap: wrap;
            padding-bottom: 48px;
        }
        .bd-icons-text-below .content > div .col {
            width: 50%;
        }
        @media only screen and (max-width: 559px){
            .bd-icons-text-below.cols-3 .content > div .col {
                width: 100%;
            }
            .bd-icons-text-below.cols-3 .wrapper-icon,
            .bd-icons-text-below.cols-3 .text {
                max-width: unset;
                width: calc(100vw - 88px) !important;
            }
        }
        .bd-icons-text-below.cols-4 .content > div .col:nth-child(3),
        .bd-icons-text-below.cols-4 .content > div .col:nth-child(4) {
            margin-top: 42px;
        }
    }
}


/* staff team */
.bd-staff .content {
    display: flex;
    flex-wrap: nowrap;
    min-height: 470px;
}
@media only screen and (min-width: 768px) {
    .bd-staff + .bd-staff {
        margin-top: 28px !important;
    }
}
.bd-staff.reverse .content {
    flex-direction: row-reverse;
}
.bd-staff .image {
    width: 48.6%;
    padding-top: 39.5%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(215,145,12,0);
}
.bd-staff.reverse .image {
    background-position: right top;
    z-index: -1;
}
.bd-staff .wrapper-data {
    width: calc(51.4% - 2px);
}
.bd-staff .data {
    background-color: #FFFFFF;
    width: 120%;
    margin-left: -20%;
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 410px;
    padding: 48px 0px 52px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    justify-content: space-between;
}
.bd-staff.reverse .data {
    margin-left: unset;
    margin-right: -20px;
}
.bd-staff .data > div {
    width: calc(89% - 12px);
    margin: 0px 12px 0px 11% !important;
    background-color: rgba(215,145,12,0);
}
.bd-staff .data h3 {
    color: #D1007B;
    position: relative;
    line-height: 1.3 !important;
    padding: 0px !important;
    margin: 0px 0px 10px 0px !important;
}
/*.bd-staff .data h3::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.bd-staff .expertise {
    margin-bottom: 0.6em;
}
.bd-staff .cols {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(25,145,102,0);
}
.bd-staff .col {
    width: calc(50% - 4px);
    background-color: rgba(86,145,172,0);
}
.bd-staff .col > p {
    position: relative;
    margin-left: 0.6em;
}
/*.bd-staff .col > p::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.bd-staff .quotation {
    color: #FFB1C7;
    font-size: 21px !important;         /* FONT SIZE */
    line-height: 1.34 !important;
    font-family: 'Noto-italic', sans-serif !important;
    font-weight: 200 !important;
    padding-top: 2px !important;
    margin-bottom: 1em;
    max-width: calc(100% - 12px);
}
@media only screen and (max-width: 767px) {
    .bd-staff .content {
        flex-wrap: wrap;
        min-height: unset;
    }
    .bd-staff.reverse .content {
        flex-direction: unset;
    }
    .bd-staff .image {
        width: 100%;
        padding-top: 81%;
    }
    .bd-staff .wrapper-data {
        width: 100%;
    }
    .bd-staff .data,
    .bd-staff.reverse .data {
        padding-top: 30px;
        width: calc(100% - 44px);
        margin-left: 22px;
        margin-top: -42px;
        margin-bottom: 42px;
        min-height: unset;
    }
    .bd-staff .data > div {
        margin-left: 22px !important;
    }
    .bd-staff .cols {
        flex-wrap: wrap;
    }
    .bd-staff .col {
        width: 100%;
    }
    .bd-staff .data h3 {
        margin-left: 0.6em !important;
    }
    .bd-staff .quotation {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

/* bd-images-2 */
.bd-images-2 .content {
    background-color: #FFFFFF;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: -100px;      */
}
.bd-images-2 .content > div {
    margin: 0px 44px 0px 44px !important;
    border-top: 30px solid transparent;
    border-bottom: 48px solid transparent;
    display: flex;
    justify-content: space-between;
}
.bd-teaser-praxen.has-no-image + .bd-images-2 .content > div {
    margin-top: -32px !important;
    border-top: 12px solid transparent;
}
.bd-images-2 .image {
    width: calc(50% - 15px);
    padding-top: 28%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bd-images-2:last-of-type .content {
    padding-bottom: 48px;
}
@media only screen and (max-width: 767px) {
    .bd-images-2 .content {
        width: calc(100% - 44px);
        border-top: 42px solid transparent;
    }
    .bd-images-2 .content > div {
        margin: 0px 22px 0px 22px !important;
        border-top: 0px none !important;
        flex-wrap: wrap;
    }
    .bd-images-2 .content > div .image:nth-child(2) {
        border-top: 42px solid transparent;
    }
    .bd-images-2 .image {
        width: 100%;
        padding-top: 57.5%;
    }
    .bd-teaser-praxen.has-no-image + .bd-images-2 .content > div {
        margin-top: -48px !important;
        border-top: 1px solid transparent !important;
    }
}


.image-slider {
    /* border: 1px solid red !important; */
    width: 100% !important;
    background-color: #a2bab9;
    padding-top: 62px !important;
    padding-bottom: 68px !important;
    position: relative;
    display: flex;
}
.image-slider .center-block {
    border: 1px solid transparent !important;
    /* border: 1px solid blue !important; */
    position: relative;
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.image-slider .center-block .cover {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 7px;
    background-color: #a2bab9;
    z-index: 999 !important;
}
.image-slider .center-block .cover.left {
    left: 0px;
}
.image-slider .center-block .cover.right {
    right: 0px;
}
.image-slider .center-block h2 {
    color: #FFFFFF;
    font-size: 37px !important;         /* FONT SIZE */
    line-height: 1.34 !important;
    font-family: 'Butler-light', serif !important;
    letter-spacing: unset !important;
    position: relative;
    margin-left: 0.6em;
    margin-bottom: 12px;
    padding-right: 8px;
}
/*.image-slider .center-block h2::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.wonderplugincarousel-container {
    /* overflow: hidden !important; */
    width: 100%;
    min-height: 250px;
}
.amazingcarousel-hover {
    opacity: 0.0 !important;
}
@media only screen and (min-width: 1025px) {
    .amazingcarousel-next {
        margin-right: -56px !important;
    }
    .amazingcarousel-prev {
        margin-left: -56px !important;
    }
    .amazingcarousel-bullet-wrapper {
        margin: -2px auto !important;
    }
}
@media only screen and (max-width: 1024px) {
    .amazingcarousel-next {
        margin-right: -6px !important;
        top: calc(100% + 30px) !important;
        z-index: 9999 !important;
    }
    .amazingcarousel-prev {
        margin-left: -6px !important;
        top: calc(100% + 30px) !important;
        z-index: 9999 !important;
    }
    .amazingcarousel-nav {
        top: calc(100% + 21px) !important;
    }
    .image-slider .center-block h2 {
        margin-left: calc(9px + 0.6em);
        margin-bottom: 12px;
    }
    /*.image-slider .center-block h2::before {
        position: absolute;
        top: 0px;
        left: -0.6em;
        content: '_';
    }*/
    @media only screen and (max-width: 767px) {
        .image-slider .center-block {
            width: calc(100% - 28px) !important;
        }
        .image-slider .center-block .cover {
            width: 22px;
        }
        .image-slider .center-block .cover.left {
            left: -13px;
        }
        .image-slider .center-block .cover.right {
            right: -13px;
        }
    }
    @media only screen and (max-width: 460px) {
        .image-slider .center-block h2 {
            margin: 0 auto !important;
            text-align: center;
            margin-bottom: 48px !important;
            width: calc(100% - 60px);
        }
        .image-slider .center-block h2::before {
            position: relative;
            left: unset !important;
        }
    }
}
.amazingcarousel-title {           /* branding off */
    display: none !important;
 }
.amazingcarousel-image > div {     /* branding off */
    max-height: 0px !important;
    max-width: 0px !important;
    color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
 }

/* google map */
.center-block.map-wrapper {
    margin-top: -12px !important;
    border: 1px solid rgba(170,170,170,0.1) !important;
}
@media only screen and (max-width: 767px) {
    .center-block.map-wrapper {
        width: calc(300vw - 1px) !important;
        margin-left: -100vw;
        margin-top: 0px !important;
        border-top: 10px solid rgba(155,155,155,0) !important;
        border-bottom: 10px solid rgba(155,155,155,0) !important;
    }
    .center-block.map-wrapper iframe {
        height: 520px !important;
    }
}

/* blank pages */
.blank-page .content-area .center-block {
    background-color: #FFFFFF;
    padding: 60px 90px 48px 90px;
    margin-top: -100px;
}
.blank-page.no-header .content-area .center-block,
.blank-page .content-area .center-block.error404,
.blank-page .content-area .center-block.search {
    margin-top: 0px;
    min-height: 300px;
}
.center-block.search .search-result-count {
    max-width: unset !important;
    margin: 0px 0px 42px 0px !important;
}
.center-block.search .entry:nth-last-of-type(1) {
    border-bottom: 1px solid transparent;
}
.center-block.search .entry-header {
    margin: 0px !important;
    padding: 0px !important;
}
.center-block.search .entry-header .entry-title {
    margin: 0px !important;
    padding: 0px !important;
    color: #3E3E47;
    line-height: 1.36;
    font-family: 'Noto', sans-serif !important;
    font-size: 23px !important;    /* FONT SIZE */
}
.center-block.search .entry-content,
.center-block.search .entry-header figure,
.center-block.search .entry-header .entry-title::before {
    display: none;
}
.center-block.search .navigation.pagination {
    border-top: 1px solid #3E3E47 !important;
}
.page-numbers,
.nav-next-text,
.nav-short {
    font-family: 'Noto', sans-serif !important;
    font-weight:400;
    font-size: 18px !important; /* FONT SIZE */
    line-height: 1w5;
    color: #3E3E47;
}

.cmplz-document,
.cmplz-document p ,
.blank-page .content-area .center-block {
    font-family: 'Noto', sans-serif !important;
    font-weight:400;
    font-size: 18px !important; /* FONT SIZE */
    line-height: 1w5;
    color: #3E3E47;
}
.blank-page h2 {
    color: #D1007B;
    position: relative;
    margin-bottom: calc(38px - 0.5em);
    background-color: rgba(162,62,71,0);
}
/*.blank-page h2::before {
    display: block;
    content: '__';
    color: #D1007B;
    position: absolute;
    left: -1.1em;
    top: 0px;
}*/
.blank-page h3 {
    color: #D1007B;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .blank-page .content-area .center-block {
        padding: 60px 22px 48px 22px;
        margin-top: -30px;
    }
    .blank-page h2 {
        margin-left: 46px;
    }
}

 /* news */
.news-container {
    display: none !important;
}
.new-display {
    width: calc(100% - 6px);
    margin-left: 3px;
    position: relative;
}
.news-navi {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}
#news-wrapper.fadein {
    opacity: 1;
    animation: fadeinOpacity;
    animation-duration: 1600ms;
}
#news-wrapper > p:nth-child(1){
    margin-bottom: 0.4em;
}
.news-dot {
    display: block;
    background: unset !important;
    background-image: url(images/dot-p.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: unset !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.news-dot.active-1 {
    background-image: url(images/dot-a.png) !important;
}
.news-button {
    width: 22px;
    height: 46px;
    display: block;
    position: absolute;
    top: calc(50% - 23px - 48px);
    background: unset !important;
    background-image: url(images/news-arrow.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: unset !important;
}
.news-button.fadein {
    opacity: 1;
    animation: fadeinOpacity;
    animation-duration: 1600ms;
}
.news-button.right {
    right: -36px;
    transform: rotate(180deg);
}
.news-button.left {
    left: -36px;
}
@media only screen and (max-width: 767px) {
    .news-navi {
        margin-left: 20px;
        width: calc(100% - 40px);
    }
    .news-button {
        top: unset !important;
        bottom: -13px !important;
    }
    .news-button.left {
        left: -2px;
    }
    .news-button.right {
        right: -2px;
    }
}

/* FEEDBACK */
.feedback-wrapper {
    position: relative;
}
.feedback {
    position: relative;
    background-color: rgba(55,215,12,0);
}
.feedback .content {
    position: relative;
    background-color: rgba(55,65,142,0);
    width: calc(100% - 90px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 38px 0px 32px 0px;
    color: #FFFFFF;
    min-height: 260px;
    z-index: 2;
    /* border: 1px dotted lime; */
}
.feedback .content h2 {
    position: relative;
    margin-bottom: calc(38px - 0.5em);
    margin-left: 1.1em;
}
/*.feedback .content h2 .score::before {
    display: block;
    content: '__';
    color: #FFFFFF;
    position: absolute;
    left: -1.1em;
    top: 0px;
}*/
.feedback .content .cols {
    display: flex;
    justify-content: space-between;
    width: calc(92% - 90px);
    margin-left: 45px;
}
.feedback .content .logos {
    display: flex;
    background-color: rgba(136,10,29,0);
    margin-top: 0px;
    margin-bottom: -12px;
    margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .feedback .content .cols,
    .feedback .content .logos {
        margin-left: 42px;
    }
}
.feedback .content .cols > div:nth-child(1) {
    width: calc(73% - 20px);
    background-color: rgba(9,0,229,0);
}
.feedback .content .cols > div:nth-child(2) {
    width: 23%;
    background-color: rgba(209,0,129,0);
    position: relative;
}
.feedback .content .logos > div {
    display: flex;
}
.feedback .content .logos > div:nth-child(3) {
    display: none;
}
.feedback .content .logos > div > a {
    margin-right: 48px;
}
.feedback .feedback-link {
    display: block;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: unset !important;
}
.badge-jameda {
    background-image: url(images/badge-jameda.png) !important;
    width: 92%;
    background-size: contain !important;
    background-position: left top !important;
    padding-top: 57%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(9,10,229,0);
}
.logo-jameda {
    background-image: url(images/logo-jameda.png) !important;
    width: 163px;
    background-size: contain !important;
    padding-top: 22.5%;
    display: block;
    background-color: rgba(9,10,229,0);
}
.logo-google {
    background-image: url(images/logo-google.png) !important;
    width: 113px;
    background-size: contain !important;
    padding-top: 32.4%;
    display: block;
    background-color: rgba(9,10,229,0);
}
.logo-docinsider {
    background-image: url(images/logo-docinsider.png) !important;
    width: 80px;
    background-size: contain !important;
    padding-top: 32.4%;
    display: block;
    background-color: rgba(9,10,229,0);
}
.feedback-bg-grafic {
    position: absolute;
    background-image: url(images/ZA-Scheiber-Grafik-Feedback_sized.png) !important;
    height: 100%;
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat !important;
    padding-left: 30%;
    right: -17.4%;
    top: 0px;
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .feedback .content .logos {
        width: 60%;
    }
}
@media only screen and (max-width: 767px) {
    .feedback-bg-grafic {
        display: none;
    }
    .feedback .content {
        width: calc(100% - 44px);
        padding: 58px 0px 58px 0px;
    }
    .feedback .content h2 {
        margin-left: 1.1em;
    }
    .feedback .content .cols {
        width: 100%;
        margin-left: 0px;
    }
    .feedback .content .cols > div:nth-child(1) {
        width: 100%;
    }
    .feedback .content .cols > div:nth-child(2) {
        display: none;
    }
    .feedback .content .logos {
        flex-wrap: wrap;
        margin-left: 0px;
    }
    .feedback .content .logos > div,
    .feedback .content .logos > div:nth-child(3) {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        border-top: 42px solid rgba(251,125,15,0);
    }
    .feedback .content .logos > div:nth-child(2) {
        border-top: 24px solid rgba(251,125,15,0);
    }
    .feedback .content .logos > div:nth-child(3) {
        border-top: 48px solid rgba(251,125,15,0);
    }
    .feedback .content .logos > div > a {
        margin-left: 21px;
        margin-right: 21px;
    }
    .badge-jameda {
        width: 254px;
        height: 154px;
        background-size: contain;
        background-position: center !important;
        padding-top: unset;
        position: relative;
        top: unset;
        left: unset;
    }
    .logo-jameda {
        width: 160px;
        height: 36px;
        padding-top: unset;
        background-color: rgba(13,150,29,0);
    }
    .logo-google {
        width: 114px;
        height: 37px;
        padding-top: unset;
        background-color: rgba(9,10,229,0);
    }
    .logo-docinsider {
        width: 80px;
        height: 70px;
        padding-top: unset;
        background-color: rgba(9,110,29,0);
    }
}

/* FOOTER ADDRESS BLOCKS */
.wrapper-address-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 68px;
}
.address-block {
    display: flex;
    width: 45.5%;
    background-color: rgba(55,215,12,0);
    margin-bottom: 58px !important;
}
.address-icon {
    width: 145px;
    background-color: rgba(255,55,25,0);
}
.address-icon .ico-office,
.address-icon .ico-office > div {
    width: 85px;
    height: 85px;
    border-radius: 50%;
}
.ico-office-wrapper {
    width: 85px;
    height: 85px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/icon-bg-small.png);
    background-size: 99% !important;
}
.ico-office {
    background-position: center;
    background-repeat: no-repeat;
}
.ico-office.ico-office-large-eisenbahn {
    background-image: url(images/ZA-Scheiber-Praxis-Eisenbahnstrasse.svg);
    background-size: 50% !important;
    /* SVG fehlt Begrenzungsrahmen */
}
.ico-office.ico-office-large-note {
    background-image: url(images/ZA-Scheiber-Praxxis-Tschaikowskistrasse.svg);
    background-size: 47%;
    /* SVG fehlt Begrenzungsrahmen */
}
.ico-office.ico-office-large-sonne {
    background-image: url(images/ZA-Scheiber-Praxis-SommerfelderStrasse.svg);
    background-size: 45% !important;
    /* SVG fehlt Begrenzungsrahmen */
}
.ico-office.ico-office-large-kinder {
    background-image: url(images/ZA-Scheiber-Kinderpraxis-SommerfelderStrasse.svg);
    background-size: 52%;
    /* SVG fehlt Begrenzungsrahmen */
}

.address-data h4 {
    position: relative;
    margin-top: 21px;
    margin-bottom: 6px;
}
/*.address-data h4 .score::before {
    display: block;
    content: '__';
    color: #D1007B;
    position: absolute;
    left: -0.9em;
    top: 0px;
}*/
.address-data > div:nth-child(2) {
    margin-top: 1.2em;
}
.address-data .opening-hours,
.address-data .ico-small {
    line-height: 1.68;
}
@media only screen and (max-width: 960px) {
    .wrapper-address-blocks {
        justify-content: center;
    }
    .address-block {
        width: calc(100% - 40px);
    }
    @media only screen and (max-width: 590px) {
        .wrapper-address-blocks {
            padding-top: 48px;
            justify-content: flex-start;
        }
        .address-block {
            width: calc(100% - 84px);
            flex-wrap: wrap;
            margin-bottom: 20px !important;
            margin-left: 42px !important;
        }
        .address-icon {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        @media only screen and (max-width: 460px) {
            .opening-hours {
                width: calc(100vw - 150px);
            }
            @media only screen and (max-width: 380px) {
                .opening-hours {
                    width: calc(100vw - 110px);
                }
            }
            .opening-hours > div:nth-child(even){
                text-align: right;
            }
        }
    }
}

.social-block {
    border-top: 0px solid #55504D;
    min-height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.social-block > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
}
.social-block .icon {
    display: block;
    width: 30px !important;
    height: 30px !important;
    text-decoration: none !important;
    background: unset !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    margin: 0px !important;
    border-left: 5px solid rgba(255,255,255,1);
    border-right: 5px solid rgba(255,255,255,1);
    text-underline-offset: unset !important;
    text-decoration-skip-ink: unset !important;
    box-sizing: unset !important;
}
.social-block .icon.facebook {
    background-image: url(images/ZA-Scheiber-Kontakt-Facebook.svg) !important;
}
.social-block .icon.instagram {
    background-image: url(images/ZA-Scheiber-Kontakt-Instagram.svg) !important;
}
.social-block h2 {
    display: block;
    position: relative;
    color: #D1007B;
    margin-top: 0.4em;
    margin-bottom: -0.4em;
    margin-right: 22px !important;
    margin-left: 0.6em;
}
/*.social-block h2::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.social-block .spacer {
    display: none;
}
@media only screen and (max-width: 589px) {
    .social-block {
        /*min-height: 222px;*/
        width: calc(100% - 44px);
    }
    .social-block > div {
        flex-wrap: wrap;
        margin-bottom: 6px;
    }
    .social-block .spacer {
        display: block;
        height: 14px;
        width: 100%;
    }
    .social-block h2 {
        margin-top: unset !important;
        margin-bottom: unset !important;
        margin-right: 0.6em !important;
        margin-left: 0.6em;
    }
}

/* FOOTER */
.center-block.footer {
    min-height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.center-block.footer > div {
    background-color: rgba(255,45,12,0);
    color: #FFFFFF;
}
.menu-footer-navigation-container {
    background-color: rgba(255,145,12,0);
}
.menu-footer-navigation-container ul.menu,
.menu-footer-navigation-container ul.menu li,
.menu-footer-navigation-container ul.menu li a
 {
    display: inline-block !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    background-color: transparent !important;
    padding: 0px !important;
}
.menu-footer-navigation-container ul.menu li a {
    padding: 0px 0px 0px 0px;
}
.menu-footer-navigation-container ul.menu li a::after {
    content: ' | ';
}
.menu-footer-navigation-container ul.menu li:last-of-type a::after {
    content: unset;
}
@media only screen and (max-width: 799px) and (min-width: 768px) {
    .center-block.footer {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}
@media only screen and (max-width: 767px) {
    .center-block.footer {
        width: calc(100% - 40px);
        background-color: rgba(255,145,12,0);
    }
    @media only screen and (max-width: 600px) {
        .center-block.footer {
            flex-wrap: wrap;
        }
        .center-block.footer > div {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .center-block.footer > div:nth-child(1) {
            align-items: flex-end;
        }
        .center-block.footer > div:nth-child(2) {
            align-items: flex-start;
            padding-top: 0.5em;
        }
    }
}

.sticky-menu {
    position: fixed;
    max-height: 1px !important;
    width: 100% !important;
    overflow: visible;
    z-index: 999;
    left: 0px;
    bottom: 20px;
    display: flex;
    justify-content: center;
}
.sticky-menu .wrapper {
    
    height: 40px;
    display: flex;
    justify-content: center;
    margin-top: -45px;
}
.sticky-menu .wrapper a {       /* == .sticky-button  */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: unset !important;
    color: #FFFFFF !important;
    font-family: 'Butler-medium', serif !important;
    font-size: 17px;
    text-decoration: unset !important;
    background-color: #D1007B !important;
    margin: 0px 2px 0px 2px;
    white-space: nowrap;
}
.sticky-menu .wrapper .sticky-button:nth-child(1) {
    border-top-left-radius: 34px;
    border-bottom-left-radius: 34px;
}
.sticky-menu .wrapper .sticky-button:nth-child(3) {
    border-top-right-radius: 34px;
    border-bottom-right-radius: 34px;
}
.sticky-menu .wrapper a .ico {
    display: block;
    width: 38px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 76%;
    margin-left: 21px;
    background-color: rgba(162,62,71,0);
    margin-right: 4px;
}
.sticky-menu .wrapper a .ico.date {
    background-image: url(images/ZA-Scheiber-Kontakt-Termin.svg);
    background-size: 68%;
}
.sticky-menu .wrapper a .ico.phone {
    background-image: url(images/ZA-Scheiber-Kontakt-Telefon_white.svg);
}
.sticky-menu .wrapper a .ico.opening {
    background-image: url(images/ZA-Scheiber-Kontakt-Oeffnungszeiten.svg);
}
.sticky-menu .wrapper a .ico.anamn {
    background-image: url(images/ZA-Scheiber-Kontakt-Anamnesebogen.svg);
    /* background-size: 63%; */
    margin-right: 1px;
}
.sticky-menu .wrapper a .label {
    margin-bottom: -0.2em;
    margin-right: 20px;
    min-width: 80px !important;
    background-color: rgba(162,62,71,0);
}
.sticky-menu .wrapper .sticky-button:nth-child(1) .ico {
    margin-left: 33px;
}
.sticky-menu .wrapper .sticky-button:nth-child(4) .label {
    margin-right: 33px;
}
@media only screen and (max-width: 799px) {
    .sticky-menu .wrapper {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: center;
        margin-top: -62px;
    }
    .sticky-menu .wrapper .sticky-button:nth-child(1) {
        border-top-left-radius: 29px;
        border-bottom-left-radius: 29px;
    }
    .sticky-menu .wrapper .sticky-button:nth-child(4) {
        border-top-right-radius: 29px;
        border-bottom-right-radius: 29px;
    }
    .sticky-menu .wrapper a .ico {
        margin-left: 7px;
        margin-right: 7px;
    }
    .sticky-menu .wrapper a .label {
        display: none;
    }
    .sticky-menu .wrapper .sticky-button:nth-child(1) .ico {
        margin-left: 20px;
    }
    .sticky-menu .wrapper .sticky-button:nth-child(4) .ico {
        margin-right: 18px;
    }
}
.sticky-menu.off {
    opacity: 0;
    bottom: -100px;
}
.sticky-menu.fadeout {
    opacity: 0;
    bottom: -100px;
    animation: fadeoutStickyMenu;
    animation-duration: 400ms;
}
.sticky-menu.fadein {
    opacity: 1;
    bottom: 0px;
    animation: fadeinStickyMenu;
    animation-duration: 400ms;
}
@keyframes fadeoutStickyMenu {
    0% {
        opacity: 1;
        bottom: 0px;
    }
    100% {
        opacity: 0;
        bottom: 0px;
    }
}
@keyframes fadeinStickyMenu {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.sticky-button-up {
    width: 70px;
    height: 70px;
    display: none;
    background: unset !important;
    position: fixed;
    z-index: 19998;
    bottom: 12px;
    background-size: 92% !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-image: url(images/Nach-oben-Button.svg) !important;
    text-decoration-style: none !important;
    text-decoration-skip-ink: none !important;
}
@media only screen and (min-width: 1000px) {
    .sticky-button-up {
        right: calc(9% - 70px);
    }
    @media only screen and (min-width: 1921px) {
        .sticky-button-up {
            right: calc(50vw - 834px); /* 1920 / 2 = 960 minus 126 */
        }
    }
    @media only screen and (max-width: 1530px) {
        .sticky-button-up.button-up {
            margin-bottom: 68px;
            animation: smoothUpButton;
            animation-duration: 400ms;
        }
        @keyframes smoothUpButton {
            0% {
                margin-bottom: 0px;
            }
            100% {
                margin-bottom: 68px;
            }
        }
    }
}
@media only screen and (max-width: 999px) {
    @media only screen and (min-width: 800px) {
        .sticky-button-up {
            right: 16px;
            margin-bottom: 82px;
            animation: smoothUpButton800;
            animation-duration: 400ms;
        }
    }
    @media only screen and (max-width: 799px) {
        .sticky-button-up {
            width: 48px;
            height: 48px;
            background-size: cover !important;
            right: 12px;
            bottom: 13px;
        }
        @media only screen and (max-width: 399px) {
            .sticky-button-up {
                right: 10px;
            }
        }
        @media only screen and (min-width: 601px) {
            .sticky-button-up.button-up {
                margin-bottom: 82px;
                animation: smoothUpButton;
                animation-duration: 400ms;
            }
            @keyframes smoothUpButton {
                0% {
                    margin-bottom: 0px;
                }
                100% {
                    margin-bottom: 82px;
                }
            }
        }
    }
}
@keyframes smoothUpButton800 {
    0% {
        margin-bottom: 0px;
    }
    100% {
        margin-bottom: 82px;
    }
}

/* BUTTONS & LINKS */

a.ico-small {
    display: inline-block;
    text-decoration: none !important;
    padding-left: 29px;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-size: 17px 17px !important;
    background-position: 0px 0px !important;
    margin-bottom: 0.2em;
}
a.ico-small.ico-phone {
    background-image: url(images/ZA-Scheiber-Kontakt-Telefon.svg) !important;
    background-position: 2px 0.4em !important;
}
a.ico-small.ico-map {
    background-image: url(images/ZA-Scheiber-Kontakt-Adresse.svg) !important;
    background-position: 2px 0.4em !important;
}
a.ico-small.ico-mail {
    background-image: url(images/ZA-Scheiber-Kontakt-E-Mail.svg) !important;
    background-position: 0px 0.5em !important;
}
a.ico-small.ico-booking {
    background-image: url(images/ZA-Scheiber-Kontakt-Termin-grey.svg) !important;
    background-position: 0px 0.3em !important;
}
a.ico-small.ico-anamnesis {
    background-image: url(images/ZA-Scheiber-Kontakt-Anamnesebogen-small.svg) !important;
    background-position: 0px 0.3em !important;
}


/* BUTTONS */

.button-style,
.button-style > span {
    font-family: 'Butler-medium', serif !important;
    font-size: 19px !important;         /* FONT SIZE */
    text-decoration: none;
}

.button-rounded {
    display: inline-block;
    border-radius: 24px;
    height: 46px;
}
.button-rounded > span {
    display: flex;
    padding-left:22px;
    padding-right:22px;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.button-magenta {
    border: 1px solid #D1007B;
    color: #D1007B;
}
.button-magenta-extender:hover {
    background-color: rgba(209,0,129,1);
    color: #FFFFFF;
    animation: fadeInMagenta;
    animation-duration: 300ms;
}
.button-magenta-extender:focus {
    background-color: rgba(209,0,129,1) !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.button-magenta-full {
    background-color: rgba(209,0,129,1) !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.button-magenta-extender .arrow-long-magenta {
    opacity: 0;
    max-width: 0px;
}
.button-magenta-extender:hover .arrow-long-magenta {
    opacity: 1;
    max-width: 300px;
    animation: fadeInArrow;
    animation-duration: 800ms;
}
@keyframes fadeInMagenta {
    0% {
        background-color: rgba(209,0,129,0);
    }
    100% {
        background-color: rgba(209,0,129,1);
    }
}
@keyframes fadeInArrow {
    0% {
        max-width: 0px;
        opacity: 0;
    }
    100% {
        max-width: 300px;
        opacity: 1;
    }
}
.arrow-long-magenta {
    display: block;
    background-image: url(images/Pfeil-weiß.svg);
    background-position: right 52%;
    background-repeat: no-repeat;
    height: 100%;
    width: 54px;
    margin-left: 6px !important;
    background-color: rgba(255,155,25,0.0);
}

.more-plus-magenta {
    display: inline-block;
    overflow: hidden;
    max-width: 46px;
    min-width: unset !important;
    background-color: transparent;
    color: transparent;
    border: 1px solid #D1007B;
    height: 46px;
    background-image: url(images/cross-magenta.png);
    background-size: 28px 28px;
    background-position: 8px center;
    background-repeat: no-repeat;
    border-radius: 24px;
}
.more-plus-magenta.outline-white {
    border: 1px solid #FFFFFF;
    background-image: url(images/cross-white.png);
}
.more-plus-magenta a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-family: 'Butler-medium', serif !important;
    text-underline-offset: unset !important;
    text-decoration-skip-ink: unset !important;
    color: transparent;
    padding-left:22px;
    padding-right:22px;
    height: 100%;
}

.more-plus-magenta.extended {
    max-width: 450px;
    background-color: rgba(209,0,129,1);
    border-color: rgba(209,0,129,1);
    color: white;
    background-image: none;
    animation: extendButton_magenta;
	animation-duration: 600ms;
}
.more-plus-magenta.extended a {
    color: #FFFFFF;
    animation: collapseFadeFontIn;
	animation-duration: 600ms;
}
.more-plus-magenta.collapse {
    max-width: 46px;
    background-color: transparent;
    color: transparent;
    animation: collapseButton;
	animation-duration: 400ms;
}
.more-plus-magenta.collapse a {
    color: transparent;
}
.more-plus-magenta a .arrow-long-magenta,
.more-plus-magenta.collapse a .arrow-long-magenta {
    opacity: 0;
}
.more-plus-magenta.extended a .arrow-long-magenta {
    opacity: 1;
}

@keyframes extendButton_magenta {
    0% {
        max-width: 46px;
        background-color: rgba(209,0,129,0);
    }
    100% {
        max-width: 450px;
        background-color: rgba(209,0,129,1);
    }
}
@keyframes collapseButton {
    0% {
        max-width: 400px;
    }
    100% {
        max-width: 46px;
    }
}
@keyframes collapseFadeFontIn {
    0% {
        color: rgba(255,255,255,0.2)
    }
    100% {
        color: rgba(255,255,255,1.0)
    }
}

.cmplz-btn {
    line-height: 1.36;
    font-family: 'Noto', sans-serif !important;
    font-size: 16px;    /* FONT SIZE */
}

.overlay {
    display:none;
    position: fixed;
    top:0px;
    left:-1px;
    z-index: 19999 !important;
    width: 1px;
    background-color:rgba(255,0,0,0.2);
}

.overlay.open {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    min-height:calc(100vh);
    width:100%;
    background-color:rgba(255,255,255,0);
}
.overlay.campaign.open {
    background-color:rgba(0,0,0,0.45);
    position: absolute;
    min-height: 100%;
    align-items: flex-start;
}
.overlay.close {
    opacity: 0;
    animation: fadeoutOpacity;
    animation-duration: 400ms;
}

.overlay > div {
    width: 640px;
    min-height: 120px;
    background-color: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #3E3E47;
    position: relative;
}
.overlay.campaign > div {
    width: 720px;
    min-height: 120px;
    background-color: #FFFFFF;
    border-radius: 0px;
    border: 10px solid #FFFFFF;
    position: relative;
    margin-top: 4vw;
}
.overlay > div > div {
    margin: 32px 42px 42px 46px;
    background-color:rgba(255,0,0,0);
}
.overlay.campaign > div > div {
    margin: 0px;
    background-color:rgba(255,0,0,0);
}
.overlay.campaign > div > div p,
.overlay.campaign > div > div h2,
.overlay.campaign > div > div h3 {
    margin-left: 4%;
    margin-right: 4%;
    position: relative;
    background-color:rgba(255,0,0,0);
}

.overlay.campaign > div > div h3 {
    margin-left: calc(4% + 0.6em);
}
.overlay h3 {
    color: #D1007B;
    margin-bottom: 0.3em;
}
.overlay.campaign h3 {
    margin-top: 0.4em;
}
/*.overlay.campaign h3::before {
    position: absolute;
    top: 0px;
    left: -0.6em;
    content: '_';
}*/
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0px 20px 0px;
    border: 1px dotted transparent;
}
.overlay.campaign a.button-rounded {
    margin-left: auto;
    margin-right: auto;
}
.overlay p {
    line-height: 1.34;
    margin-bottom: 0.6em;
}
.overlay .btn-close {
    position: absolute;
    right: -28px;
    top: -22px;
    width: 36px;
    height: 36px;
    background: none;
    background-image: url(images/btn-close-black.svg);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color:rgba(255,0,0,0);
}
.overlay.campaign .btn-close {
    right: 8px;
    top: 8px;
    background-image: url(images/btn-close-white.svg);
}
@media only screen and (max-width: 699px) {
    .overlay > div {
        width: calc(100vw - 44px);
    }
}

/* Formularanapssungen */

div.wpforms-container-full:not(:empty){
    margin: 0 !important;
}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
    font-family: 'Noto', sans-serif !important;
    font-weight:400;
    font-size: 18px !important; /* FONT SIZE */
    line-height: 1.5;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
    font-family: 'Noto', sans-serif !important;
    font-weight:400;
    font-size: 16px !important; /* FONT SIZE */
    line-height: 1.5;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
     font-family: 'Noto', sans-serif !important;
    font-weight:400;
}

.wpforms-container .wpforms-one-fourth {
    width: calc(25% - 7px);
}

@media only screen and (min-width: 1190px) {
    .wp-block-columns {
        max-width: 1190px !important;
    }
	
	.wp-block-columns .is-layout-flow {
		margin: 0px 47px 0px 47px !important;
	}
	
	input::placeholder {
	  font-size: 0.7em;
      font-family: 'Noto', sans-serif !important;
    font-weight:400;
	}
	
	.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    margin-left: 5px;
    }
	
	.wpforms-field-medium {
		padding: 0 5px !important;
	}
	
	.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 10px 0 !important;
    position: relative;
	}
}

@media only screen and (max-width: 767px) { 
	.wpforms-field, .wpforms-submit {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

/** FOOTER 2026 **/

.footer-4-spalten {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
    padding: 20px 20px;
    padding-top: 30px;
  }

  .footer-spalte {
    box-sizing: border-box;
  }

  .footer-spalte h4 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  @media (max-width: 900px) {
    .footer-4-spalten {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 600px) {
    .footer-4-spalten {
      grid-template-columns: 1fr;
      padding: 20px 20px;
    }

    .social-block {
        border-top: 0px solid #55504D;
        min-height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
  }
  
.footermenu ul {
    list-style: none !important;
    padding-left: 0;
}

.footermenu ul a {
    text-decoration: none;
}

.footer-content .logo-za {
    background-position: right top;
}
.footer-content h5 {

}

.footer-content {
    padding-bottom: 20px;
}
.footer-content .logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 gleich breite Spalten */
    gap: 5px; /* optional Abstand */
}

.footer-content .logos div {
    display: flex;
    min-height: 40px;
}

.footer-content .feedback .content .logos > div > a {
    margin-right: 10px;
}
.footer-content .feedback .feedback-link {
    display: block;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: unset !important;
}

.badge-jameda-div {
display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
        justify-content: center;
}

.footer-content .badge-jameda {
    background-image: url(images/badge-jameda.png) !important;
    /*width: 50%;*/
    min-height: 80px;
    display: flex;
    background-size: contain !important;
    background-position: left top !important;
    /*padding-top: 20px;*/
    position: relative;
    top: unset !important;
    left: unset !important;
    background-color: rgba(9,10,229,0);
    background-repeat: no-repeat;
}
.footer-content .logo-jameda {
    background-image: url(images/logo-jameda.png) !important;
    width: 100%;
    background-size: contain !important;
    display: block;
    background-color: rgba(9,10,229,0);
    background-repeat: no-repeat;
    background-position: center;
}
.footer-content .logo-google {
    background-image: url(images/google_stars.png) !important;
    width: 100%;
    background-size: contain !important;
    padding-top: 10px;
    padding-right: 10px;
    display: block;
    background-color: rgba(9,10,229,0);
    background-repeat: no-repeat;
    background-position: center;
    /*filter: grayscale(100%);*/
}
.footer-content .logo-docinsider {
    background-image: url(images/logo-docinsider.png) !important;
    width: 100%;
    background-size: contain !important;
    padding-top: 10px;
    padding-right: 10px;
    display: block;
    background-color: rgba(9,10,229,0);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 70px !important;
}
.footer-content .feedback-bg-grafic {
    position: relative !important;
    background-image: url(images/ZA-Scheiber-Grafik-Feedback_sized.png) !important;
    height: 100%;
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat !important;
    padding-left: 30%;
    right: -17.4%;
    top: 0px;
    z-index: 1;
}

.magenta-header {
    border-top: 15px solid #D1007B;
}

#oeffnungszeiten {
        max-width: 1190px !important;
    margin-left: auto;
    margin-right: auto;
}

/* WP Bakery */

.wpb-content-wrapper h2,
.wpb-content-wrapper h3 {
    padding-bottom: 20px
}

.wpb-content-wrapper h3 {
    font-size: 28px !important;
}

.wpb-content-wrapper {
    max-width: 1190px !important;
    margin: 0 auto !important;
}

.vc_column_container>.vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.overlaydiv {
    position: relative !important;
    z-index: 999;
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.overlaydiv,
.overlaydiv  .wpb_column.vc_column_container {
    margin-top: -100px !important;
}

.overlaydiv  .wpb_column.vc_column_container {
    padding-top: 38px;
    padding-left: 92px;
    padding-right: 92px;
}

/*.wpb_wrapper h2::before, .wpb_wrapper h3::before {
    content: '__' !important;
    margin-left: -5px;
}*/

.wpb_wrapper h3 {
    color: #D1007B;
    margin: 0px 0px 0px 0px !important;
    padding-bottom: 0;
        hyphens: auto;
}

.wpb_wrapper h3 {
    min-height: 120px;
}

.vc_col-sm-4 {
}

.vc_col-sm-4 .vc_column-inner {
    margin: 0 10px;
    padding: 0 !important;
}

.col-3-design .vc_column-inner {
  
}

.intro-img {
    margin-bottom: 0 !important;
}

.intro-img img {
    height: 260px !important;
    width: 100%;
    object-fit: cover !important;
}

.col-3-design .wpb_text_column {
    background-color: #fff !important;
    padding: 25px !important;
    margin: -50px 10px 0 10px;
    position: relative;
    z-index: 999;
    flex-grow: 2;
}

.col-3-design .vc_column-inner,
.col-3-design .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.col-3-design {}

.col-3-slide .wpb_wrapper h3 {
    color: #D1007B !important;
}

.col-3-slide .wpb_single_image {
    width: 100% !important;
}

.col-3-slide .ult-item-wrap .wpb_text_column {
    width: 95% !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: rgba(40, 48, 61, 0.8);
    padding-top: 20px;
    min-height: 530px;
}

.col-3-slide .wpb_raw_code {
    width: 95%;
    background-color: #fff;
}

.col-3-slide-container .ult-item-wrap {
    min-height: unset !important;

}

.ult-item-wrap .more-plus {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;

}

.col-3-slide-container .slick-slide {
    padding: 0 10px;
}

.ctarow {
   margin: 0 10px !important;
   background-color: #fff; 
   flex-grow: 1;
   display: flex;
   align-items: flex-end;
   padding: 0 15px;
}

.ctarow  .more-plus-magenta.extended {
    max-width: 90% !important;

}

.white,
.white h2,
.white h3,
.ult-item-wrap h3 {
    color: #fff !important;
}

.ult-item-wrap {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content: center;
    align-items: center;

}

.ult-carousel-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.ult-item-wrap .wpb_text_column .wpb_wrapper,
.ult-item-wrap .wpb_text_column {
    height: 100%;
    display: flex;
}

.ult-item-wrap .wpb_text_column {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(40, 48, 61,0.8);
    padding-top: 20px;
}

.ult-carousel-wrapper .button:not(:hover):not(:active):not(.has-background), 
.ult-carousel-wrapper button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent !important;
}


.ult-item-wrap .vc_row {
    background-size: cover !important;
    background-position: center center;
}

.header-wrapper-startpage .wrapper-text .h1 {
    white-space: normal;
    z-index: 99;
    font-size: 3.5rem !important;
}

.header-wrapper-startpage .wrapper-text .introtext {
    white-space: normal;
    z-index: 999;
    font-size: 1.6rem !important;
}

.align-center {
    text-align: center;
}

.liste ul {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0;
}

.liste ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Noto', sans-serif !important;
    font-weight: 400;
    font-size: 18px !important;
}

.liste ul li::before {
    content: '+ ';
    padding-right: 5px;
}

.sticky-menu {
    display: none;
}

.sticky-menu.is-visible {
    display: flex;
}

p {
    padding-bottom: 20px !important;
}

.white-text,
.white-text p,
.white-text li,
.white-text h2 {
    color: #fff !important;
}

.scale-img img {
    width: 500px;
    height: auto !important;
    max-width: 100% !important;
}

.jobs-html {
    display: flex !important;
}

.ult-carousel-wrapper.ult_full_width button {
    top: -20px !important;
}

.einblick .ult-item-wrap .wpb_text_column {
    height: 70px !important;
}

#cmplz-manage-consent {
    display: none;
}

.sticky-button-up {
    margin-bottom: 0 !important;
}

#jobangebote .vc_row {
    padding: 0 25px;
    margin: 0 !important;
}

.feedback-link {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-grow: 2;
    justify-content: center;
}

.feedback-link img {
    height: auto;
    max-width: 150px;
}

#site-navigation {
    height: 100vh !important;
    z-index: 999 !important;
    overflow-y: scroll;
    padding-bottom: 100px;
}

#site-navigation.open {
    padding-bottom: 100px;
}

#site-navigation.close,
#site-navigation.close-start {
    padding-bottom: 0px;
}

#main {
    padding-bottom: 0 !important;
}

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

    .header-wrapper-startpage .wrapper-text h1 {
        font-size: 1.6rem !important;
    }

    .notice-choose-office .arrow {
                transform: rotate(180deg);
                background-position: top;
                height: 20px;
                display: flex !important;
    }

    .introtext, .wrapper-text .introtext,
    .header-wrapper-startpage .wrapper-text .introtext  {
        font-size: 1.4rem !important;
    }

    .wpb-content-wrapper {
        max-width: 100% !important;
        padding: 0 20px !important;
    }

    .overlaydiv {
    position: relative !important;
    z-index: 999;
    margin-left: 20px !important;
    margin-right: 20px !important;
    }

    .overlaydiv {
        margin-top: -100px !important;
    }

    .overlaydiv  .wpb_column.vc_column_container {
        margin-top: 0px !important;
    }

    .overlaydiv  .wpb_column.vc_column_container {
        padding-top: 38px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .vc_col-sm-4 {
        padding-top: 25px;
    }

    .more-plus-magenta.extended {
        max-width: 400px;
    }

    .liste ul {
        max-width: 80%;
    }

}

@media only screen and (max-width: 768px) {
    .footer {
        text-align: center;
    }
}