/*
	To change this license header, choose License Headers in Project Properties.
	To change this template file, choose Tools | Templates
	and open the template in the editor.
	*/
	/* 
		Created on : Jan 8, 2022, 11:34:25 AM
		Author     : Claudiu Tolas
	*/

    /* Language switcher */
    #language-switcher {
        background: #FFF;
        position: fixed;
        top: 41%;
        right: 0;
        transform: translateY(-50%);
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 1001;
        font-size: 20px;
        height: max-content;
      }
      
    .lang-switch {
        cursor: pointer;
        margin: 5px 0;
        line-height: 1.5;
        text-orientation: sideways;
        writing-mode: tb-rl;
        transform: rotate(-180deg);
    }

    #language-switcher .selected {
        font-family: 'Isidora-SemiBold', sans-serif;
    }
      
      
    /* END of Language switcher */

	/* General CSS */ 
    
    body {
        font-family: 'Isidora-Light', sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1.3;
        color: #000;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .main-content {
        padding-top: 50px;
    }
    
    #totop {
        cursor: pointer;
        position: fixed;
        width: 60px;
        height: 60px;
        right: 45px;
        top: calc(100vh / 2 - 20px);
        bottom: 100px;
        z-index: -1;
        opacity: 0;
    }
    
    #totop.scrolled {
        z-index: 100;
        opacity: 1;
    }

    #appointment {
        cursor: pointer;
        position: fixed;
        right: 0px;
        top: calc(100vh / 2 - 170px);
        z-index: 100;
    }

    .appointment-img {
        width: 30px;
    }
    
    .content-wrapper {
        padding: 20px 15px 0px 15px;
    }
    
    .container-padding {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .section-title {
        font-family: 'Isidora-Light', sans-serif;
        font-size: 45px;
        color: #BCB613;
        text-transform: uppercase;
    }

    .section-title.black {
        color: #000;
        opacity: 0.72;
    }

    [aria-expanded="false"] > .expanded,
    [aria-expanded="true"] > .collapsed {
      display: none;
    }
    
    .toggle-button,
    .toggle-button:focus {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0px;
        color: #000;
        opacity: 1;
        text-transform: uppercase;
    }
	
	.services.toggle-button {
		margin-bottom: 50px;
	}
    
    .toggle-button-image.more {
        background-image: url(../images/D_Arrow_green_more.svg);
    }
    
    .toggle-button-image.less {
        background-image: url(../images/D_Arrow_green_less.svg);
    } 

    .toggle-button-image.more.black {
        background-image: url(../images/D_Arrow_black_more.svg);
    }
    .toggle-button-image.more.white {
        background-image: url(../images/arrow_white.svg);
    }
    
    .toggle-button-image.less.black {
        background-image: url(../images/D_Arrow_black_less.svg);
    }
    .toggle-button-image.kosten {
        background-image: url(../images/Arrow-Kosten.svg);
        background-size: 136px 34px;
        width: 136px;
        height: 34px;
    }
    html[lang="en-US"] .toggle-button-image.kosten {
        background-image: url(../images/Arrow_Costs.svg);
    }
    .toggle-button-image.praxis {
        background-image: url(../images/Arrow-PRIVATPRAXIS.svg);
        background-size: 190px 48px;
        width: 190px;
        height: 48px;
    }
    
    .toggle-button-image {
        background-repeat: no-repeat;
        background-size: 88px 22px;
        width: 88px;
        height: 22px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
    }

    .toggle-button span {
        margin-left: 5px;
        font-size: 20px;
    }

    .stroke-wrapper {
        line-height: 0;
    }

    .mobile-header {
        display: none;
    }
    /* End General CSS */
    
    /* Header section */ 
	.site-header {
        padding-bottom: 30px !important;
        background-color: #fff;
        z-index: 10 !important;
    }
	
	#mysticky-nav .myfixed {
        width: 100% !important;
    }

    .home .header-section .desktop-display-only .show-scrolled,
    .header-section .desktop-display-only .show-scrolled {
        display: none;
    }

    .home .header-section .desktop-display-only .opaque,
    .header-section .desktop-display-only .opaque  {
        opacity: 0;
    }

    .location {
        padding-left: 15px;
        margin-top: -3px;
    }

    .location img {
        width: 25px;
    }
    
    .menu-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    .header-section .content-wrapper {
        padding: 20px 15px 0px 15px;
    }
    
    .header-wrapper,
    .main-navigation ul {
        display: flex;
        justify-content: flex-end;
    }

    .main-navigation {
        display: flex;
        justify-content: flex-end;
    }
    
    .contact-list li a,
    .contact-list li a:visited,
    .contact-list li a:hover {
        font-size: 34px;
        color: #BCB613;
        text-decoration: none;
    } 
    
    .contact-list {
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 1;
    }
    
    .contact-list li {
        display: inline-block;
        text-decoration: none; 
        padding-left: 20px;
        font-size: 18px;
    }
    
    .contact-list li .phone-number {
        margin-left: 10px;
    }
    
    #site-navigation {
        margin-top: 2px;
    }
    
    #site-navigation ul li a {
        font-family: 'Isidora-Light', sans-serif;
        text-decoration: none;
        color: #000;
        font-size: 18px;
        letter-spacing: 0.4px;
        line-height: 1;
    }
    
    #site-navigation ul li a span {
        position: relative;
    }
    
    #site-navigation ul li a span:after {
        display: block;
        clear: both;
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        right: 0;
        border-bottom: 2px solid #000;
        margin: 0 auto;
        padding: 1px 0px;
    }
    
    #site-navigation ul li a:hover span:after {
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }
    
    #site-navigation ul li a.active span:after,
    #site-navigation ul li.current-menu-item.menu-item-object-page a span:after	{
        border-bottom: 2px solid #BCB613;
    }
    
    #site-navigation ul li a:hover span:after {
        border-bottom: 2px solid #BCB613;
    }

    .oncall-menu-wrapper #site-navigation ul li a:hover span:after {
        border-bottom: 2px solid #927CBC;
    }

    
    .nav-link {
        padding: 0px 1rem;
    }

    .contact-phone a,
    .contact-phone a:hover,
    .contact-phone a:visited {
        color: #BCB613;
        font-size: 3.6vw;
        text-decoration: none;
    }

    .about-us a,
    .about-us a:hover,
    .about-us a:visited {
        color: #000;
        text-decoration: none;
    }

    .about-us a span {
        font-size: 20px;
    }

    #menu-item-369{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding-top: 20px;
    }

    .oncall-menu-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .oncall-header-logo{
        margin-top: 136px;
    }
    .oncall-header{
        padding-bottom: 0px !important;
    }

    .oncall-header .contact-list li a,
    .oncall-header .contact-list li a:visited,
    .oncall-header .contact-list li a:hover{
        color: #927CBC;
    }
    /* End Header section */
     
    
    /* Home page */  
    .section-content {
        padding-top: 45px;
    }
    
    /* Slider section */ 
    .slider.section-content {
        padding: 25px 45px;
    }
    
    .slider-arrow {
        position: absolute;
        top: calc(50% - 30px);
        width: 60px;
        height: 60px;
        background-size: 60px 60px !important;
        background-position: center center;
        background-size: auto;
        background-repeat: no-repeat;
        z-index: 1;
        cursor: pointer;
    }
    
    .btn-left {
        left: 50px;   
        background-image: url(../images/D_slider_left.svg) !important;
       
    }
    
    .btn-right { 
        right: 50px;
        background-image: url(../images/D_Arrow_slider_right.svg) !important;
    }

    .btn-left-brt {
        left: 50px;   
        background-image: url(../images/arrow-slider_left.svg) !important;
       
    }
    
    .btn-right-brt { 
        right: 50px;
        background-image: url(../images/arrow-slider_right.svg) !important;
    }
    
    .slick-disabled {
        opacity: 0;
        pointer-events:none;
    } 
    
    .slick-dots {
        bottom: 10px;
        padding-right: 30px;
    }
    
   .slick-dots li {
        padding: 0px 15px;
    }
    
    .slick-dots li button:before {
        display: none;
    }
   
    .slick-dots li button {
        border-radius: 100%;
        border: 1px solid #000;
        background-color: #000;
        width: 15px;
        height: 15px;
    }
    
    .slick-dots li.slick-active button {
        border-radius: 100%;
        border: none;
        background-color: #BBB613;
        border: 1px solid #BBB613;
    }

    .quote h3 {
        font-size: 80px;
        font-weight: 300;
    }

    .full-width-green {
        background-color: #BCB613;
        color: #fff;
        padding-bottom: 20px;
    }

    .commitment .section-title {
        color: #fff;
    }

    /* Vita section */
    .section-image.left-align,
	.section-image.right-align	{
        padding-left: 0px;
		padding-right: 0px;
    }

    .section-vita-content {
        padding: 45px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .section-vita-content .toggle-button {
        margin-top: auto;
        text-align: left;
    }
    /* End Vita section */

    /* Services section */
    .full-width-grey {
        background-color: #F5F5F5;
        padding: 50px 0px;
    }

    .service-link a,
    .service-link a:hover,
    .service-link a:visited {
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
    }

    .section-services-content {
        padding: 45px;
        display: flex;
        flex-direction: column;
    }

    .section-services-content .service-link {
        margin-top: auto;
        text-align: left;
        padding-top: 20%;
    }
	
	.leistungen-description {
		flex: 1;
		display: flex;
		align-items: flex-start;
	}
    
	.services .stroke-wrapper {
		padding-right: 0px;
	}
    /* End Home page */

    /* Leistungen page */
    .dashed-list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: table;
    }

    .dashed-list ul > li {
        display: table-row;
    }

    .dashed-list ul > li:before {
        content: "–";
        padding-right: 8px;
        display: table-cell;
    }

    /* End Leistungen page */ 

    /* Aktuelles page */
    .news-title {
        color: #bcb613;
    }
    /* End Aktuelles page */

    /* Bereitschaftsdienst page */
    #oncall-page{
        word-break: auto-phrase;
    }
    #oncall-page .contact-phone a{
        color: #927CBC;
        
    }
    .purple-color{
        color: #927CBC;
    }
    .phone-title{
        color: #927CBC;
        font-size: 20px;
        margin-left: 5px;
    }
    .full-width-purple{
        background-color: #927CBC;
        color: #fff;
    }
    .home-visit-title{
        font-size: 26px;
        font-family: 'Isidora-SemiBold', sans-serif;
    }
    .home-visit-subtitle{
        color: black !important;
        padding-top: 40px;
        padding-bottom: 20px;
        font-size: 45px;
        line-height: 45px;
    }
    .home-visit-subtitle p:first-child{
        color: white !important;
        margin-bottom: 0;
    }
    .services{
        margin-top: 118px;
        color: black;
    }
    .services p{
        word-break: auto-phrase;
    }
    .services-title{
        color: #927CBC;
        font-size: 45px;
        margin-bottom: 30px;
    }
    .service-repeater-number{
        font-size: 110px;
        margin-top: 45px;
    }
    .service-repeater-title{
        font-size: 45px;
    }
    #oncall-page .section-title.black{
        opacity: 1;
        line-height: 42px;
    }
    #oncall-page .section-services-content{
        padding-left: 0px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .assurances-title{
        color: #927CBC;
        font-size: 45px;
        padding-left: 0px;
    }
    #cost-section .service-repeater-title{
        color: #927CBC;
    }
    .emergency-section{
        padding-bottom: 100px;
    }

    #services-accordion {
        padding: 45px;
    }
    #services-accordion .ui-icon, .ui-widget-content .ui-icon {
        background-image: url(../images/list_plus.svg) !important;
        background-position: center center !important;
        position: absolute;
        width: 1.3vw !important;
        height: 1.3vw !important;
        right: 0;
        top: calc(50%);
    }
    #services-accordion .ui-state-active .ui-icon, .ui-button:active .ui-icon {
        background-image: url(../images/list_minus.svg) !important;
        background-size: 1.56vw 1.56vw;
    }
    #services-accordion .ui-widget-content, #services-accordion .ui-state-default, #services-accordion .ui-state-active{
        border: none;
    }
    .ui-accordion .ui-accordion-header {
        outline: none;
        background: none;
    }
    #services-accordion .ui-accordion-content{
        padding: 0px 0px 0px 35px;
    }
    #services-accordion .accordion-title{
        font-family: 'Isidora-Light', sans-serif;
        font-size: 45px;
        color: black;

        padding-left: 0px;
        padding-top: 2%;
        border-bottom: 1px solid black;
    }
    #services-accordion .ui-state-active{
        border-bottom: none;
    }
    #services-accordion .accordion-description{
        font-family: 'Isidora-Light', sans-serif;
        font-size: 30px;
        border-bottom: 1px solid black;
    }
    #oncall-page .service-link{
        font-size: 20px;
        padding-top: 50px;
    }
    #oncall-page .slick-dots li.slick-active button{
        background-color: #927CBC;
        border-color: #927CBC;
    }
    #oncall-page .phone-title,
    #oncall-page .service-repeater-number{
        font-family: 'Isidora-Regular', sans-serif;;
    }
    #oncall-page .contact-phone{
        font-family: 'Isidora-Medium', sans-serif;;
    }

    #oncall-page .services-title p{
        margin-bottom: 0;
    }
    #oncall-page .service-repeater-number{
        margin-top: 25px;
    }
    .assurances{
        padding-top: 20px;
    }
    .assurances p{
        margin-bottom: 0;
    }
    #oncall-page .assurances .section-services-content{
        padding-bottom: 0px;
    }
    .accordion-section{
        padding-top: 20px;
    }
    .accordion-section p{
        margin-bottom: 0;
    }
    #services-accordion{
        padding-top: 0;
        padding-bottom: 0;
    }
    /* End Bereitschaftsdienst page */

    /* Bereitschaftsdienst popup */
    .popup {
        display: none;
        position: fixed;
        z-index: 1000;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        /* background-color: rgba(0, 0, 0, 0.8); */
    }
    .popup-heading{
        position: relative;
        width: 100%;
    }
    #close-popup{
        position: absolute;
        right: 0;
        max-width: 35px;
    }
    .popup-content {
        background-color: white;
        width: 75%;
        height: 90%;
        overflow: auto;
        position: absolute;
        right: 0;
        box-shadow: 0px 10px 20px #00000050;
    }
    .popup-content span{
        font-size: 30px;
        color: #927CBC;
    }
    .popup-title span{
        margin-bottom: 60px;
        font-size: 45px;
    }
    .close {
        text-decoration: none;
        cursor: pointer;
    }
    .popup-logo{
        width: 426px;
        float: left;
    }
    .cf-text-label{
        font-size: 30px;
        margin-bottom: 0px;
        margin-left: 25px;
        height: 75px;
        align-content: center;
    }
    #cf-text-special{
        width: 95% !important;
    }
    .wpcf7 :focus {
        border: 0px
    }
    .cf-text, .cf-text:focus{
        font-size: 30px !important;
        border: 0px !important;
        border-bottom: 1px solid black !important;
        outline: none !important;
        width: 90% !important;
    }
    .cf-group{
        width: 97%;
        margin-bottom: 30px;
    }
    .cf-group-short{
        width: 30%;
        margin-bottom: 30px;
    }
    .cf-group-short input,
    .cf-group input{
        padding-top: 0;
        padding-bottom: 0;
    }
    .cf-group-short span,
    .cf-group span{
        font-size: 0;
    }
    #irregular-row{
        width: 60%;
    }
    .cf-agree-label{
        font-size: 30px;
        margin-bottom: 65px;
    }
    .cf-submit-container{
        margin-top: 50px; 
        margin-bottom: 100px;
        align-items: center;
    }
    .cf-submit-container p{
     margin-bottom: 0;   
    }
    .wpcf7-submit {
        background-color: white !important;
        border: 0px !important;
        outline: none !important;
        cursor: pointer;
    }
    .wpcf7-not-valid-tip{
        font-size: 30px !important;
    }
    .wpcf7 .wpcf7-spinner {
        display: none !important; /* Hide the spinner */
    }
    /* End Bereitschaftsdienst popup */
    
    /* 404 page */
    .error.contact-list a {
        color: #000;
    }

    .error-section {
        padding: 45px 75px;
        color: #fff;
    }
    
    .error-section p {
        margin-top: 20px;
    } 

    .error-text {
        font-size: 30px;
        color: #BCB613;
    }

    .error-navigation {
        display: flex;
        justify-content: flex-start;
        padding-top: 80px;
    }

    .error-navigation .toggle-button-image {
        margin-top: 5px;
        padding-right: 110px;
    }

    .menu-container {
        display: flex;
        flex-wrap: wrap;
        padding-left: 45px;
    }
    
    .menu-items {
        flex: 1;
        text-align: center;
        display: contents;
    }
    
    .menu-items a {
        padding-right: 20px;
    }
    /* End 404 page */
    
    
    /* Footer section */ 
    .site-footer {
        background-color: #fff;
    }

    #kontakt {
        background-color: #BCB613;
        color: #fff;
        padding-bottom: 20px;
    }

    #kontakt a {
        text-decoration: underline;
        color: #fff;
    }

    #anfahrt {
        background-color: #000;
        color: #fff;
        padding-bottom: 180px;
    }

    .map-wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    #map {
        padding-bottom: calc(50% - 20px);
        max-width: 100%;
        margin-top: -150px;
    }
    
    #map-mobile {
        display: none;
    }
    
    .copyright-wrapper  {
        font-size: 18px;
        padding: 20px 15px 50px 15px;
    }
    
    .copyright-wrapper p {
        display: inline;
        padding-right: 10px;
    }
    
    .copyright-wrapper a,
    .copyright-wrapper a:hover,
    .copyright-wrapper a:visited {
        color: #000;
        text-decoration: none;
    }
	
	.site-footer .content-wrapper a,
	.site-footer .content-wrapper a:hover	{
		color: #FFF;
		text-decoration: none;
	}
    #bereitschaftsdienst{
        background-color: #927CBC;
        color: #fff;
        padding-bottom: 20px;
        margin-top: 17px;
    }
    #bereitschaftsdienst p{
        font-size: 30px;
        line-height: 53px;
    }
    #bereitschaftsdienst a{
        text-decoration: none;
        color: white;
    }
    .oncall-logo{
        margin-left: -7px;
        height: 106px;
    }
    .oncall-arrow{
        padding-bottom: 25px;
        width: 153px;
    }
    .oncall-row{
        align-items: baseline;
    }
    /* End Footer section */

    /* Footer Bereitschaftsdienst section */
    #back-to-praxis {
        background-color: #BCB613;
        color: #fff;
        padding-bottom: 20px;
    }
    #back-to-praxis a{
        color: white;
        font-size: 20px;
    }
    .section-title-footer{
        font-size: 45px;
        text-transform: uppercase;
        padding-bottom: 25px;
        line-height: 45px;
    }
    .section-content-footer{
        /* font-size: 45px; */
        padding-bottom: 30px;
        word-break: auto-phrase;
    }
    .no-decoration{
        text-decoration: none;
    }
    #bereitschaftsdienst-kontact{
        background-color: #927CBC;
        color: #fff;
        padding-bottom: 20px;
        margin-top: 20px;
        /* font-size: 45px; */
    }
    #bereitschaftsdienst-kontact a {
        text-decoration: underline;
        color: #fff;
    }
    #bereitschaftsdienst-kontact h2 {
        font-size: 45px;
    }
    #bereitschaftsdienst-kontact p{
        margin-bottom: 0px;
    }
    /* End Footer section */
    
    #CybotCookiebotDialogPoweredbyLink {
        display: none;
    }
    
    /* Cookie notice  */  
    .cli-bar-message {
        font-family: 'Isidora-Light', sans-serif !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    .cli_settings_button {
        font-family: 'Isidora-Light', sans-serif !important;
        font-size: 14px !important;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }
    
    .cli_action_button {
        font-family: 'Isidora-Light', sans-serif !important;
        font-size: 14px !important;
    }
    
    .cli_settings_button:hover,
    .cli_action_button:hover {
        background-color: rgb(0, 0, 0) !important;
    } 
    /* End Cookie notice  */

    @media screen and (max-width: 1200px) and (min-width: 992px) {      
        #site-navigation {
            margin-top: -2px;
        }

        #site-navigation ul li a{
            font-size: 15px;
            line-height: 1.5;
        }
    }