body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/src/./fonts/Montserrat-Regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/src/./fonts/Montserrat-Italic.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/src/./fonts/Montserrat-Bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/src/./fonts/Montserrat-BoldItalic.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/src/./fonts/MontserratAlternates-Regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Alternates';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/src/./fonts/MontserratAlternates-Italic.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/src/./fonts/MontserratAlternates-Bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Alternates';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/src/./fonts/MontserratAlternates-BoldItalic.woff2') format('woff2');
}

:root {
    --transparent-bg: rgba(27, 25, 26, 0.5);
    --readable-bg: rgba(27, 27, 29, .9);
    --black-tone: #1b1b1d;
    --black-tone-lighter: #232323;
    --light-grey: #969696;
    --light-bg: rgba(255, 255, 255, 0.5);
    --light-bg-covered: rgba(255, 255, 255, 0.8);
    --red-highlight: #E20613;

    --font-size-text: 1.125rem;
    --font-size-number: 2rem;
    /* h1 ~ 32px cronos font */
    --font-size-h1: 2rem;
    /* h2 ~ 24px cronos font */
    --font-size-h2: 1.5rem;
    --font-size-nav: 1.5rem;
    /* big text ~ 20px cronos font */
    --font-size-big-text: 1.3rem;
    /* h3 ~ 19px cronos font */
    --font-size-h3: 1.2rem;
}

@media screen {
    body {
        margin: 0;
        padding: 0;
        text-align: left;
        position: relative;
        font-size: 113%;
        /* ~18px for cronos font */
    }

    .phone_nr {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        gap: 0.5rem;
        opacity: 1;
        animation: blingbling 2s infinite alternate;
    }

    @keyframes blingbling {
        0% {
            opacity: 1;
        }

        100% {
            opacity: .5;
        }
    }

    .phone_nr .phone-number a {
        font-weight: 700;
    }

    .phone-symbol {
        content: '';
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath id='phone-symbol' d='M21.384,17.752a2.108,2.108,0,0,1-.522,3.359,7.543,7.543,0,0,1-5.476.642C10.5,20.523,3.477,13.5,2.247,8.614a7.543,7.543,0,0,1,.642-5.476,2.108,2.108,0,0,1,3.359-.522L8.333,4.7a2.094,2.094,0,0,1,.445,2.328A3.877,3.877,0,0,1,8,8.2c-2.384,2.384,5.417,10.185,7.8,7.8a3.877,3.877,0,0,1,1.173-.781,2.092,2.092,0,0,1,2.328.445Z' fill='%23fff'/%3E%3C/svg%3E");
    }



    body.theme-light {
        .phone-symbol {
            background-image: url('../../files/theme/icon-phone-reshot-black.svg');
        }

        #cycle-controls {

            #button-prev,
            #button-pause,
            #button-next {
                background-color: var(--light-bg);
            }

            #button-prev:after,
            #button-next:after {
                background-image: url('../../files/theme/pfeile_schwarz.png');
            }

            #button-pause:after {
                content: url('../../files/theme/pfeile_black_pause.png');
                top: 2px;
                position: relative;
            }
        }
    }

    .phone-number {
        font-size: var(--font-size-number);
    }

    form {
        margin: 0;
        padding: 0;
    }

    img {
        border: 0;
    }

    #left {
        float: left;
    }

    #right {
        float: right;
    }

    #main {
        width: auto;
        position: relative;
    }

    .inside {
        position: relative;
        text-align: left;
    }

    .block {
        overflow: visible;
    }

    .clear,
    #clear {
        height: 0.1px;
        font-size: 0.1px;
        line-height: 0.1px;
        clear: both;
    }

    .invisible {
        width: 0;
        height: 0;
        left: -1000px;
        top: -1000px;
        position: absolute;
        overflow: hidden;
        display: inline;
    }

    *+html #main {
        position: static;
    }

    header,
    footer,
    nav,
    section,
    aside,
    article,
    figure,
    figcaption {
        display: block;
    }

    body.aerzte #main .inside .mod_article .content-headline,
    body.doctors #main .inside .mod_article .content-headline {
        display: none;

        @media (max-width: 992px) {
            margin-inline: 15px;
        }

        @media (max-width: 670px) {
            margin-inline: 10px;
        }
    }
}

@media all {

    /* Style sheet screen */
    body.de .logo h1,
    body.en .logo h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: var(--font-size-h1);
    }

    body.ru .logo h1 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-weight: 300;
    }

    .logo {
        left: 25px;
        top: 25px;
        position: absolute;
        padding: 20px 25px;
        color: #fff;
        z-index: 30;

        & h1 {
            position: relative;
            margin: 0 0 12px;
            padding-top: 10px;
            padding-left: 5.5rem;
            font-style: normal;

            &:before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 4.5rem;
                height: 6rem;
                background-image: url('../../files/theme/logo/MuK_Logo_Signet_Weiss.svg');
                background-position: center center;
                background-repeat: no-repeat;
            }
        }
    }

    .logo h1 a {
        text-decoration: none;
    }

    .mod_changelanguage,
    #impressumnav {
        z-index: 8000;
    }


    .mod_changelanguage {
        bottom: 10px;
        left: 50px;
        position: fixed;

        ul {
            overflow: hidden;
            margin: 0;
            padding: 0;
            list-style-type: none;

            li {
                display: inline-block;
                margin-right: 8px;

                &:before {
                    content: '';
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    margin-right: 3px;
                    background-size: contain;
                }

                &.lang-de:before {
                    background-image: url('../../files/theme/lang_de.png');
                }

                &.lang-en:before {
                    background-image: url('../../files/theme/lang_en.png');
                }

                &.lang-ru:before {
                    background-image: url('../../files/theme/lang_ru.png');
                }
            }
        }
    }

    body.ru {
        #skiplink {
            left: auto;
            right: 578px;
        }

        #impressumnav {
            right: 308px;
        }

        #music_player {
            width: 236px;
        }
    }

    button,
    .button {
        border: 1px solid white;
        background-color: var(--black-tone);
        color: inherit;
        padding: 10px 30px;
        font-weight: 700;
        transition: background-color 0.5s ease-in-out;
        display: inline-block;
        font-size: var(--font-size-text);

        &:hover {
            border: 1px solid var(--black-tone);
            background-color: white;
            color: var(--black-tone);
            cursor: pointer;
        }
    }

    /* #terminbutton {
        width: 170px;
        height: 170px;
        left: 100px;
        top: 500px;
        position: absolute;
        display: none;
        text-align: center;
        border: 1px solid #fff;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-decoration: none;
        behavior: url('../../files/src/plugins/css3pie/PIE.htc');
        transition: transform 0.15s ease-out;
        -webkit-transition: -webkit-transform 0.15s ease-out;
        &:hover {
            transform: scale(1.06);
            -webkit-transform: scale(1.06);
        }
        h2 {
            margin-bottom: 0.6em;
            font-family: 'cronos-pro-n3', 'cronos-pro', sans-serif;
            font-style: normal;
            font-weight: 300;
        }
    } */

    .client-notice {
        text-align: center;
        z-index: 8000;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        max-width: 40vw;
        background-color: var(--light-bg-covered);
        color: var(--red-highlight);
        border: 2px solid var(--red-highlight);

        a {
            color: var(--red-highlight);
        }

        .button {
            background: var(--light-bg-covered);
            text-decoration: none;

            &:hover {
                border-color: var(--red-highlight);
                color: var(--red-highlight);
            }
        }

        @media (max-width: 992px) {
            max-width: 80vw;
        }

        button.close {
            border: none;
            background: none;
            top: 0;
            content: "";
            position: absolute;
            right: 0;
            left: auto;
            display: block;

            &:before,
            &:after {
                background-color: var(--red-highlight);
            }
        }
    }


    /*Bewerbungsformular*/
    .bewerbung {
        .formbody {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
        }

        fieldset {
            width: 100%;
            border: none;
            display: flex;
            justify-content: space-between;
            gap: 30px;
            padding: 0;

            @media (max-width: 768px) {
                flex-wrap: wrap;
            }

            .widget-text {
                display: inline-block;
                position: relative;
                padding-top: 25px;
                margin-top: 10px;
                flex: 1 1 0px;

                @media (max-width: 768px) {
                    flex: 1 1 auto;
                }
            }

            &:last-of-type {
                flex-wrap: wrap;
            }
        }

    }


    .bewerbung .widget-text input {
        width: 100%;
        height: 44px;
    }

    .bewerbung .widget-textarea,
    .bewerbung .widget-upload {
        width: 100%;
        position: relative;
        padding-top: 25px;
        margin-top: 30px;
    }

    .bewerbung .widget-submit {
        width: 100%;
        margin: 30px auto;
        text-align: center;
    }

    .bewerbung .widget-text label,
    .bewerbung .widget-textarea label,
    .bewerbung .widget-upload label {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 700;
    }

    .bewerbung .widget-textarea textarea {
        width: 100%;
    }

    /*Bewerbungsformular END*/

    #music_player {
        width: 196px;
        bottom: 33px;
        right: 50px;
        position: fixed;
        z-index: 999980;
    }

    #music_player .music_power {
        height: 28px;
        left: 0;
        top: 0;
        position: absolute;
        padding-left: 28px;
        background: url('../../files/theme/icon_music_power_off.gif') left top no-repeat;
        line-height: 28px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #music_player .music_power.on {
        background-image: url('../../files/theme/icon_music_power_on.gif');
    }

    #music_player .music_volume_label {
        height: 28px;
        right: 0;
        top: 40px;
        position: absolute;
        padding-left: 28px;
        background: url('../../files/theme/icon_music_volume.png') left center no-repeat;
        line-height: 28px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #music_player .music_volume {
        width: 90px;
        height: 50px;
        right: 0;
        top: -40px;
        position: absolute;
    }

    #music_player .music_volume_container {
        width: 100%;
        height: 38px;
        left: 0;
        top: 0;
        position: absolute;
    }

    #music_player .music_volume_control {
        width: 90px;
        height: 2px;
        right: 0;
        top: 26px;
        position: absolute;
        display: none;
        background-color: var(--light-grey);
    }

    #music_player .music_volume_control .ui-slider-range {
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background-color: #fff;
    }

    #music_player .music_volume_control .ui-slider-handle {
        width: 4px;
        height: 10px;
        top: -4px;
        position: absolute;
        margin-left: -2px;
        background-color: #fff;
    }

    /* accordion formulare */
    .ce_accordionStart.dropdown {
        position: absolute;
        right: 0;
        top: 90px;

        @media (min-width: 1600px) {
            top: 180px;
        }

        @media (max-width: 992px) {
            top: auto;
            bottom: 90px;
        }

        &>.accordion {
            margin: 20px 20px 0 auto;
            max-width: 40vw;
        }

        &>.accordion .content-text,
        &>.accordion .ce_accordionSingle {
            padding: 20px 35px 20px 25px;
            margin: 1px;
        }
    }

    .ce_accordionStart.dropdown>.accordion h1,
    .medium-text-right h2 {
        margin-top: 0;
    }

    .ce_accordionSingle:nth-of-type(n+2) {
        padding: 10px 0 0;
    }

    .ce_accordionSingle .accordion>div {
        max-height: 0;
        transition: height .5s ease-in-out;
        overflow: hidden;
    }

    .ce_accordionSingle.open .accordion>div {
        max-height: 100%;
        overflow: visible;
    }

    .ce_accordionStart.dropdown>.accordion .content-text p:last-child,
    .ce_accordionSingle .accordion>div p:last-child,
    .ce_accordionSingle.accordion>div ul:last-child {
        margin-bottom: 0;
    }

    .ce_accordionSingle .toggler {
        font-weight: 700;
        font-size: var(--font-size-h3);
        position: relative;
        cursor: pointer;

        &:after {
            content: ' ';
            position: absolute;
            transition: all .5s ease-in-out;
            border-right: 2px solid var(--black-tone);
            border-bottom: 2px solid var(--black-tone);
            height: 7px;
            width: 7px;
            transform: rotate(45deg);
            transform-origin: center;
            top: 5px;
            right: -15px;
        }
    }

    .ce_accordionSingle.open .toggler:after {
        transform: rotate(-135deg);
    }

    /* \\ accordion */

    #personcycle .content-element_group,
    .content-gallery {

        ul {
            height: 100vh;

            @media (max-width: 1601px) {
                height: calc(100vh - 91px);
            }

            li {
                width: 100%;
            }
        }

        img {
            object-fit: cover;
            width: 100vw;

            @media (min-width: 1601px) {
                height: 100vh;
            }

            @media (max-width: 1601px) {
                height: calc(100vh - 91px);
            }
        }
    }

    @media (min-width: 993px) {
        #personcycle .content-element_group {
            width: 98vw;
        }
    }

    /* stellenangebote */
    body.stellenangebote video {
        max-width: 100%;

        @media (max-width: 992px) {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    }

    .jobs-bg-image img {
        object-position: 23vw bottom;
        object-fit: scale-down;
        max-width: 90%;
        width: 90%;
        height: 90vh;
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: -1;

        @media (max-width: 992px) {
            object-position: center bottom;
        }
    }

    #personcycle .content-element_group,
    .content-gallery.person-image {
        overflow: hidden;

        img {
            width: 100%;
            object-position: center bottom;
            position: relative;

            @media (min-width: 992px) {
                object-fit: scale-down;
                max-width: 100%;
                left: 7vw;
            }

            @media (min-width: 1600px) {
                left: 14vw;
            }

            @media (max-width: 992px) {
                height: calc(100vh - 91px);
            }

            @media (max-width: 670px) {
                object-position: center -6vh;
            }
        }

        @media (max-width: 670px) {
            &>ul li figure {
                position: relative;
            }

            &>ul li figure:after,
            .content-image:after {
                content: '';
                position: absolute;
                inset: 0;
                top: auto;
                display: block;
                height: 15vh;
                z-index: 3;
                background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
            }
        }
    }

    #cycle-controls {
        z-index: 2000;
        display: flex;
        position: absolute;
        top: calc(50vh - 135px);
        width: 160px;
        height: 40px;
        right: 50px;

        @media (min-width: 992px) {
            top: calc(-60px + 50vh);
        }

        @media (max-width: 1600px) {
            right: 25px;
        }

        @media (max-width: 992px) {
            right: 10px;
            top: auto;
            right: 0;
            bottom: 45px;
            position: fixed;
        }
    }

    #button-prev,
    #button-pause,
    #button-next {
        background-color: var(--transparent-bg);
        z-index: 10;
        position: static;
        margin-top: 0;
        height: auto;
        border: none;
        flex-grow: 1;
        cursor: pointer;
        padding: 0;
        width: 55px;
        height: 40px;
    }

    #button-prev:after,
    #button-next:after {
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background-image: url('../../files/theme/pfeile.png');
        background-repeat: no-repeat;
    }

    #button-prev:after {
        background-position: 34px center;
    }

    #button-next:after {
        background-position: -18px center;
    }

    #button-pause:after {
        content: url('../../files/theme/pfeile_white_pause.png');
        top: 2px;
        position: relative;
    }

    #button-pause[aria-pressed="false"]:after {
        opacity: 0.5;
    }

    #button-prev.button-disabled,
    #button-next.button-disabled {
        opacity: 1;

        &:after {
            opacity: 0.5;
        }
    }

    /* personal description */
    #personcycle .content-element_group .content-text {
        bottom: 80px;
        right: 0;
        position: absolute;
        text-align: right;

        @media (max-width: 1260px) and (min-width: 992px) {
            right: 25px;
        }

        @media (max-width: 992px) {
            background-color: var(--transparent-bg);
            bottom: 130px;
            padding: 10px;
            position: fixed;

            h2 {
                margin: 0;
            }

            p {
                margin: 0;
            }
        }
    }

    .medium-text-right {
        right: 25px;
        top: 210px;
        position: absolute;
        padding: 20px 25px;
        max-width: 50vw;
    }

    .content-hyperlink.back-link {
        right: 25px;
        top: 149px;
        position: absolute;
        padding: 20px 25px;
    }

    .bigtext,
    .bigtext.wide .content-text {
        display: inline;
    }

    @media (min-width: 670px) {
        .content-text.media.media--right figure {
            margin: 0 0 10px 30px;
            float: right;
        }

        .content-text.media.media--left figure {
            margin: 0 30px 10px 0;
            float: left;

        }
    }

    .white {
        color: #ffffff !important;
    }

    .bigtext .slidergallery {
        width: 500px;
        height: 397px;
        position: relative;
        overflow: hidden;
        float: right;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'cronos-pro-n7', 'cronos-pro', sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    h2 {
        font-size: var(--font-size-h2);
        line-height: 120%;
    }

    body.start #start_bg {
        z-index: 2;
    }

    body.start #animation_container {
        zoom: 1;
        z-index: 1;
    }

    .bottomrighttext {
        width: 400px;
        bottom: 50px;
        right: 50px;
        position: absolute;
        padding: 20px 25px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .bottomrighttext h2 {
        margin-top: 0;
    }

    #mainmenu {
        z-index: 8000;
        position: absolute;
    }

    .hgl1b,
    .hgl2,
    .hgl3 {
        display: none;
    }

    hr {
        height: 1px;
        overflow: hidden;
        margin: 1em 0;
        background-color: #fff;
        border: 0;
    }

    .line {
        width: 100%;
        height: 1px;
        overflow: hidden;
        background-color: #fff;
    }

    .button_link:hover {
        background-color: #eee;
    }

    .button_link {
        display: inline-block;
        padding: 0 5px;
        background-color: #fff;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-decoration: none;
        color: var(--black-tone-lighter);
        behavior: url('../../files/src/plugins/css3pie/PIE.htc');
        font-family: 'cronos-pro-n7', 'cronos-pro', sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    a {
        color: #fff;
    }

    body.theme-light a {
        color: var(--black-tone-lighter);
    }

    .footernav {
        bottom: 10px;
        position: fixed;
        z-index: 999;
    }

    .footernav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .footernav ul li {
        display: inline;
    }

    .footernav a {
        text-decoration: none;
        color: #fff;
    }

    body.theme-light .footernav a {
        color: var(--black-tone-lighter);
    }

    #impressumnav {
        right: 270px;
    }

    #impressumnav li {
        margin-left: 20px;
    }

    #impressumnav .infobutton {
        cursor: pointer;
    }

    .innerscroll {
        padding-right: 15px;
    }

    .nestedinner {
        height: auto;
        overflow: hidden;
    }

    figure {
        margin: 0;
    }

    .bigtext {
        width: 42%;
        position: absolute;
        text-align: justify;
        line-height: 130%;
        top: 190px;
        right: 8%;

        h3 {
            margin-bottom: 1em;
        }

        @media (max-width: 1600px) {
            top: auto;
            padding-top: 30px;
            width: 60%;
        }

        @media (max-width: 992px) {
            width: 50%;
            right: 30px;
        }

        &.wide {
            width: 60%;
        }
    }

    .textcontent h2 {
        font-size: var(--font-size-h2);
        text-align: left;
    }

    body.kontakt .logo,
    body.kontakt #mainmenu ul,
    body.kontakt .rightcontent {
        z-index: 800;
    }

    .kontakt-2,
    .kontakt-3 {
        display: none;
    }

    /* used on kontaktcycle */
    .autoresize {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        position: absolute;
        overflow: hidden;
        zoom: 1;

        img {
            position: absolute;
            height: 100vh;
            min-width: 100vw;
        }
    }

    #map_canvas {
        inset: 0;
    }

    body.theme-light .rightcontent,
    body.theme-light .medium-text-right,
    body.theme-light .content-hyperlink.back-link {
        background-color: var(--light-bg);
    }

    body.theme-light .ce_accordionStart.dropdown>.accordion .content-text,
    body.theme-light .ce_accordionStart.dropdown>.accordion .ce_accordionSingle,
    body.theme-light .medium-text-right {
        background-color: var(--light-bg-covered);
    }

    .rightcontent {
        width: 290px;
        right: 25px;
        top: 300px;
        position: absolute;
        padding: 20px 25px;
        font-size: var(--font-size-text);

        @media (max-width: 992px) {
            width: auto;
            right: auto;
            position: relative;
            margin-inline: 25px;
        }

        @media (max-width: 670px) {
            margin-top: 10px;
            /* distance to screen edge */
            padding: 10px;

            ul {
                margin: 0;
            }
        }

        p {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }

        h2 {
            margin: 0;
            padding: 0.5em 0;
            border-width: 1px 0px;
            border-style: solid;
            border-color: var(--black-tone-lighter);
        }

        ul {
            margin-top: 16px;
            margin-right: 0;

            li {
                width: 100%;
                font-size: 100%;

                a {
                    text-decoration: none;
                }
            }
        }
    }

    @media (max-width: 992px) {
        body.kontakt .rightcontent ul li {
            padding: 0;
        }

        body.kontakt .rightcontent ul li[data-target="1"],
        body.kontakt .rightcontent ul li[data-target="2"] {
            padding: 12px 0;
        }

        body.kontakt .rightcontent ul li a {
            padding: 12px 0;
            display: block;
        }
    }

    .kontakt .rightcontent,
    .oeffnungszeiten .rightcontent {
        min-width: 320px;
        font-size: var(--font-size-big-text);

        @media (max-width: 992px) {
            width: auto;
        }
    }

    h2.firstHeading {
        margin-top: 0;
    }

    li.jameda {
        display: none;
    }

    body.drmed-drmeddent-alexander-mathy li.jameda,
    body.doktor-dmn-aleksandr-mati li.jameda {
        display: block;
    }

    /* overlay lebenslauf */
    .textcontent {
        width: 590px;
        left: 50px;
        top: 190px;
        position: absolute;
        display: none;
        z-index: 800;

        @media (max-width: 1200px) {
            width: 480px;
        }

        @media (max-width: 992px) {
            top: 91px;
            background-color: var(--readable-bg);
            left: 2%;
            width: 96vw;
        }

        @media (max-width: 670px) {
            top: 74px;
        }
    }

    .close {
        border: none;
        left: 595px;
        top: 189px;
        position: absolute;
        display: none;
        background-color: var(--transparent-bg);
        cursor: pointer;
        z-index: 2;
        width: 46px;
        height: 46px;
        z-index: 900;

        @media (max-width: 1200px) {
            left: 515px;
        }

        @media (max-width: 992px) {
            left: auto;
            top: 110px;
            right: 0;
        }

        @media (max-width: 670px) {
            top: 74px;
        }

        &:before,
        &:after {
            content: '';
            display: inline-block;
            position: absolute;
            background-color: #fff;
            width: 2px;
            height: 30px;
            top: 8px;
            left: 23px;
        }

        &:before {
            transform: rotate(-45deg);
        }

        &:after {
            transform: rotate(45deg);
        }
    }

    /* 
    .close+.close {
        display: none;
    } */

    /* \ overlay lebenslauf */


    h3 {
        margin-bottom: -1em;
    }

    #start_title span {
        white-space: nowrap;
    }

    .contentbg img {
        display: none;
    }

    .contentbg img.first {
        display: block;
    }

    #wrapper {
        z-index: 99999;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    #container,
    #main,
    #main>.inside {
        width: 100%;
        height: 100%;
    }

    body,
    html {
        width: 100%;
        height: 100%;
    }

    body {
        width: 100%;
        height: 100%;
        background-color: var(--black-tone);
        background-image: url('../../files/theme/bg_noperson.jpg');
        background-position: center center;
        color: #fff;
        background-size: cover;
    }

    body.personal,
    body.team {
        background-image: url('../../files/theme/backgrounds/background-personal.jpg');
    }

    body.kontakt .mod_navigation>ul {
        width: 310px;
    }

    .mod_navigation {
        &>ul {
            width: 290px;
            left: 25px;
            top: 300px;
            position: absolute;
            margin: 0;
            padding: 20px 25px;
            font-size: var(--font-size-nav);
            line-height: 110%;
            color: #fff;
            list-style-type: none;
            z-index: 2;

            & li {
                position: relative;
                margin-bottom: 12px;
                padding: 0;

                & a {
                    font-weight: normal;
                    text-decoration: none;
                    color: #fff;
                }
            }
        }

        & ul li.active>a,
        & ul li.trail>a,
        & ul li.active span {
            font-family: 'cronos-pro-n7', 'cronos-pro', sans-serif;
            font-style: normal;
            font-weight: 700;
        }

        & .level_2 {
            left: 320px;
            top: 3px;
            position: absolute;
            margin: 0;
            padding: 0;
            font-size: 85%;
            list-style-type: none;

            & a {
                color: var(--light-grey);
            }

            & li {
                margin-bottom: 12px;
                padding: 0;
                text-wrap-mode: nowrap;
            }
        }

        & .youtube_link {
            margin-top: 2rem;
            padding-left: 20px;
            background: url('../../files/theme/playarrow.png') left center no-repeat;
            font-size: 85%;
        }

        @media (max-height: 950px) {

            .mod_navigation>ul li a,
            .mod_navigation>ul li span {
                font-size: 90%;
            }

            .mod_navigation .level_2 li {
                margin-bottom: 10px;
                font-size: 90%;
                line-height: 110%;
            }

            .mod_navigation .phone_nr,
            .mod_navigation .youtube_link {
                margin-top: 0;
            }
        }
    }

    .mod_navigation>ul>li.trail,
    .mod_navigation>ul>li.active {
        border-top: 0px solid #fff;
        border-right: 0px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 0px solid #fff;
    }


    .background-image img {
        position: absolute;
        width: 100vw;
        height: 100vh;
        object-fit: cover;

        @media (max-width: 1600px) {
            height: calc(100vh - 91px);
        }

        @media (max-width: 670px) {
            height: calc(100vh - 57px);
        }
    }

    .slide-area,
    #sidenav {
        right: 0;
        top: 50vh;
        position: absolute;
        margin: 0;
        padding: 0;
        z-index: 700;
    }

    .slide-area {
        pointer-events: none;
    }

    .slide-area ul,
    #sidenav ul {
        margin: 0 50px 0 0;
    }

    .slide-area ul li.active {
        color: #fff;
        font-family: 'cronos-pro-n7', 'cronos-pro', sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    .slide-area ul,
    #sidenav ul,
    .rightcontent ul {
        padding: 0;
        border-top: 1px solid #fff;
        list-style-type: none;
    }

    .slide-area ul li,
    #sidenav ul li,
    .rightcontent ul li {
        padding: 4px 0;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        color: var(--light-grey);
        text-align: center;
        cursor: pointer;
    }

    .slide-area ul li,
    #sidenav ul li {
        width: 160px;
    }

    body.theme-light .rightcontent ul li {
        border-color: var(--black-tone-lighter);
        color: var(--black-tone-lighter);
    }

    body.theme-light .rightcontent ul {
        border-color: var(--black-tone-lighter);
    }

    body.theme-light .logo h1:before {
        background-image: url('../../files/theme/logo/MuK_Logo_Signet_Schwarz.svg');
    }

    #sidenav ul li,
    #sidenav a {
        text-decoration: none;
        color: #fff;
    }

    body.theme-light {
        background-color: #fff;
        background-image: none;
        color: var(--black-tone-lighter);
    }

    #main>.inside:after {
        content: '';
        display: block;
        height: 40px;
        width: 100%;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 25, 26, 0.5));
        position: fixed;
        bottom: 0;
        z-index: -1;
    }

    body.theme-light #main>.inside:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
    }

    body.theme-light .logo {
        background-color: var(--light-bg);
        border-color: var(--black-tone-lighter);
        color: var(--black-tone-lighter);
    }

    body.theme-light .line {
        background-color: var(--black-tone-lighter);
    }

    body.theme-light .mod_navigation>ul {
        background-color: var(--light-bg);
    }

    body.theme-light .mod_navigation>ul li a,
    body.theme-light .mod_navigation>ul {
        color: var(--black-tone-lighter);
    }

    body.theme-light .mod_navigation>ul>li.trail,
    body.theme-light .mod_navigation>ul>li.active {
        border-top: 0px solid var(--black-tone-lighter);
        border-right: 0px solid var(--black-tone-lighter);
        border-bottom: 1px solid var(--black-tone-lighter);
        border-left: 0px solid var(--black-tone-lighter);
    }

    body.theme-light #music_player .music_volume_label {
        background-image: url('../../files/theme/icon_music_volume_black.png');
    }

    body.theme-light #music_player .music_power {
        background-image: url('../../files/theme/icon_music_power_off_black.gif');
    }

    body.theme-light #music_player .music_power.on {
        background-image: url('../../files/theme/icon_music_power_on_black.gif');
    }

    body.theme-light #music_player .music_volume_control .ui-slider-range,
    body.theme-light #music_player .music_volume_control .ui-slider-handle {
        background-color: var(--black-tone-lighter);
    }
}

@media all {

    /* Style sheet home */
    body.start {
        background-image: none !important;
    }

    #start_title {
        display: none;
        /* left: 50px;
        top: 30px;
        position: fixed;
        margin: 0;
        padding: 1em 0 0 2.5em;
        background-size: contain;
        font-family: 'cronos-pro-n7', 'cronos-pro', sans-serif;
        font-style: normal;
        font-weight: 700; */
    }

    #start_text,
    #anniversary_text {
        width: 590px;
        left: 50px;
        top: 160px;
        position: fixed;
        display: none;
    }

    #patienteninfo {
        width: 500px;
        left: 50px;
        top: 160px;
        position: fixed;
    }

    #start_text a {
        text-decoration: none;
    }

    body.start .mod_navigation ul {
        display: none;
    }

    #jamedanav {
        left: 50px;
        display: none;
        font-size: 25px;
    }

    #skiplink {
        width: 200px;
        bottom: 10px;
        position: fixed;
        text-align: center;
        cursor: pointer;
    }

    #skiplink p {
        margin: 0;
    }

    body.start #start_bg {
        display: none;
    }

    body.start .logo {
        display: none;
    }
}

@media (max-width: 1280px),
(max-height: 700px) {

    /* Style sheet medium_monitors */
    .mod_navigation>ul {
        width: 270px;
        line-height: 120%;
    }

    .mod_navigation .level_2 {
        left: 300px;
        line-height: 100%;
    }

    #music_player {
        right: 30px;
    }

    #impressumnav {
        right: 250px;
    }

    .bigtext {
        right: 30px;
    }

    .bigtext figure.float_right,
    .bigtext figure.float_left {
        width: 40%;
    }

    .bigtext figure.float_right img,
    .bigtext figure.float_left img {
        width: 100%;
        height: auto;
    }

}

@media (max-width: 1600px) {
    .logo h1:before {
        height: 4rem;
    }

    #main .logo {
        padding: 20px 25px 0 25px;
    }

    #main .logo h1 {
        font-size: 1.2rem;
    }

    .nestedinner .image_container img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .logo {
        width: auto;
        position: static;
    }

    .mod_navigation>ul {
        top: auto !important;
        margin: 20px 0;
    }

    .slide-area ul,
    #sidenav ul {
        margin: 0 25px 0 0;
    }

    .mod_navigation .level_2 {
        position: static;
    }

    .mod_navigation .level_2 li {
        margin: 0 !important;
    }

    .mod_navigation .level_2 a {
        padding: 2px 0;
    }

    .mod_navigation>ul li {
        margin-bottom: 0px;
    }

    .mod_navigation>ul li a,
    .mod_navigation>ul li span {
        display: block;
        padding: 6px 0;
    }

    .mod_navigation>ul>li.trail,
    .mod_navigation>ul>li.active {
        border: none;
    }

    .mod_navigation>ul>li.trail>span,
    .mod_navigation>ul>li.active>span {
        border-bottom: 1px solid #fff;
    }

    body.theme-light .mod_navigation>ul>li.trail>span,
    body.theme-light .mod_navigation>ul>li.active>span {
        border-bottom: none;
    }
}

@media (max-width: 1200px) {

    body.kontakt .logo,
    body.kontakt #mainmenu ul {
        z-index: 999;
    }

    .content-hyperlink.back-link {
        top: 100px;
    }

    .medium-text-right {
        top: 161px;
    }
}

@media (max-width: 1500px) and (orientation: landscape) {
    #start-video {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    #start_title {
        padding: 0.5em 0 0 3.4em;
    }

    .mod_navigation .level_2 {
        width: 100% !important;
        position: static;
    }

    .mod_navigation>ul {
        margin: 0;
    }

    .mod_navigation .level_2 a {
        color: var(--light-grey);
    }

    .content-headline {
        font-size: 1.3rem;
    }

    #main>.inside:after {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 25, 26, 1));
        z-index: 7000;
    }

    body.theme-light #main>.inside:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
        z-index: 7000;
    }

    /* burger-nav */
    .burger-nav {
        z-index: 5000;
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 40px;
        left: calc(50vw - 30px);
        background-color: #fff;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        span {
            pointer-events: none;
            display: block;
            width: 32px;
            height: 2px;
            background-color: var(--red-highlight);
            transition: all 0.2s ease-in-out;
            position: absolute;

            &:nth-child(1) {
                top: 14px;
            }

            &:nth-child(2) {
                top: 24px;
            }

            &:nth-child(3) {
                top: 34px;
            }
        }

        body.mobile-menu-open & {
            span:nth-child(1) {
                transform: rotate(-45deg) translate(-7px, 7px);
            }

            span:nth-child(2) {
                opacity: 0;
            }

            span:nth-child(3) {
                transform: rotate(45deg) translate(-7px, -7px);
            }

            &:hover {
                span {
                    margin: 4px 0;
                }
            }
        }

        @media (min-width: 993px) {
            display: none;
        }
    }

    /* \ burger-nav */

    #mainmenu {
        position: static;

        .level_1 {
            overflow: hidden;
            z-index: 3000;
            height: 0;
            width: 100%;
            transition: height 1s ease-in;
            background-image: linear-gradient(rgba(27, 27, 29, 1), rgba(86, 80, 82, 1), rgba(27, 27, 29, 1));
        }
    }

    .mobile-menu-open #mainmenu .level_1 {
        height: 100%;
        max-height: calc(100% - 57px);
        overflow-y: scroll;

        &.increase-height {
            max-height: none;
            height: calc(100% + 300px);
        }
    }

    .mod_navigation>ul {
        padding: 0;
        left: 0;
    }

    .mod_navigation>ul li {
        margin: 0 25px;
    }

    .mod_navigation .level_2 a {
        color: #fff;
        padding: 5px 0;
    }

    .mod_navigation>ul.level_1>li:first-child {
        margin-top: 30px;
    }

    body.theme-light .mod_changelanguage a,
    body.theme-light .footernav a,
    body.theme-light .mod_changelanguage .active {
        color: #000;
    }

    body.theme-light #mainmenu .level_1 {
        background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, 1), rgba(255, 255, 255, .7));
    }

    /* enable scrolling on mobile devices */
    .bigtext .innerscroll .nestedinner {
        padding-bottom: 90px;
    }

    body.kontakt #main>.inside>.mod_article.block,
    body.stellenangebote .block,
    body.oeffnungszeiten .block {
        overflow: visible;
    }

    /* \ enable scrolling on mobile devices */

    .bigtext.wide,
    .bigtext {
        width: auto;
        max-width: 100%;
        position: relative;
        top: auto !important;
        right: 0;
        display: inline-block;
    }

    .innerscroll {
        padding: 0 25px;
    }

    body.kontakt #main {
        width: 100%;
        height: 100%;
    }

    #music_player,
    .slide-area {
        display: none;
    }

    #sidenav {
        top: auto !important;
        bottom: 105px;
        width: 100%;
        background-color: var(--transparent-bg);

        & ul {
            width: auto;
            margin: 0;

            & li {
                width: auto;
                padding: 0;
            }
        }

        & .lebenslauf-link,
        & .jameda a {
            padding: 12px 0;
            display: block;
        }
    }

    .slide-area {
        bottom: 45px;
        top: auto;
    }

    body.aerzte #main .inside .mod_article .content-headline,
    body.doctors #main .inside .mod_article .content-headline {
        display: block;

        @media (max-width: 992px) {
            position: absolute;
            z-index: 700;
        }
    }

    #impressumnav {
        right: 25px;
        /* distance to screen edge */
    }

    .mod_changelanguage {
        left: 25px;
        /* distance to screen edge */
    }

    .mod_navigation>ul {
        max-width: none;
    }

    #start-video {
        max-width: 100%;
    }

    .ce_accordionStart.dropdown>.accordion {
        margin: 20px;
        max-width: none;
    }

    .medium-text-right {
        max-width: 100%;
        right: 25px;
        left: 25px;
    }

    .index .mod_navigation .phone_nr {
        position: fixed;
        right: 25px;
        top: 100px;
        margin: 0;
    }

    .phone-symbol {
        width: 1.7rem;
        height: 1.7rem;
    }

    .index .mod_navigation .phone_nr {
        position: fixed;
        right: 25px;
        top: 100px;
        margin: 0;
        z-index: 1000;
        opacity: 1;
    }
}

@media (max-width: 768px) {

    .mod_navigation .youtube_link,
    .phone_nr {
        margin-top: 0;
    }

    .ce_accordionStart.dropdown>.accordion {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 670px) {
    #main .logo {
        padding: 10px 10px 0 10px;
        /* distance to screen edge */
    }

    #main .logo h1 {
        margin: 0 0 12px;
        padding-top: 0;
        padding-left: 3.5rem;
        font-size: .8rem;
    }

    #main .logo h1:before {
        width: 3rem;
        height: 2.5rem;
    }

    .innerscroll {
        padding: 0 10px;
        /* distance to screen edge */
    }

    .mod_changelanguage {
        left: 10px;
        /* distance to screen edge */
    }

    #impressumnav {
        right: 10px;
        /* distance to screen edge */
    }

    #sidenav {
        bottom: 35px;
    }

    body .logo h1 {
        font-size: 1rem;
    }

    .bigtext,
    .bigtext.wide {
        width: 100%;
    }

    #main>.inside>.mod_article.bigtext {
        margin: 0;
    }

    figure.float_right,
    figure.float_left {
        margin: 0 0 10px 0;
    }

    figure.float_right,
    figure.float_left,
    .bigtext figure.float_right,
    .bigtext figure.float_left,
    .bigtext figure.float_right img,
    .bigtext figure.float_left img {
        width: auto;
        margin: 0;
    }

    #impressumnav li {
        margin-left: 10px;
        /* distance to screen edge */
    }

    .medium-text-right {
        right: 10px;
        left: 10px;
        top: 128px;
        padding: 10px;
    }

    .content-hyperlink.back-link {
        right: 10px;
        top: 80px;
        padding: 13px 15px;
    }

    .ce_accordionStart.dropdown {
        max-height: 79vh;
        overflow-y: scroll;
    }

    .medium-text-right {
        max-height: 65vh;
        overflow-y: scroll;
    }

    body.theme-light .ce_accordionStart.dropdown>.accordion .content-text,
    body.theme-light .ce_accordionStart.dropdown>.accordion .ce_accordionSingle {
        margin: 1px 0;
        padding: 10px 25px 10px 15px;
    }

    .index .mod_navigation .phone_nr {
        right: 10px;
        top: 80px;
    }

    /* dr mathy spezial */
    body.drmed-drmeddent-alexander-mathy #start_bg.contentbg:after {
        content: '';
        position: absolute;
        bottom: 48px;
        height: 50px;
        left: 0;
        right: 0;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    }

    body.drmed-drmeddent-alexander-mathy #start_bg.contentbg img {
        bottom: 50px !important;
    }

    /* \ dr mathy spezial */
}


@media (max-height: 950px) {
    /* Style sheet mediumplus_monitors */

    #terminbutton {
        margin-top: -80px;
    }
}

@media all {

    /* Style sheet fancybox */
    .fancybox-wrap,
    .fancybox-skin,
    .fancybox-outer,
    .fancybox-inner,
    .fancybox-image,
    .fancybox-wrap iframe,
    .fancybox-wrap object,
    .fancybox-nav,
    .fancybox-nav span,
    .fancybox-tmp {
        margin: 0;
        padding: 0;
        vertical-align: top;
        border: 0;
        outline: none;
    }

    .fancybox-wrap {
        left: 0;
        top: 0;
        position: absolute;
        z-index: 999990;
    }

    .fancybox-skin {
        position: relative;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #444;
        behavior: url('../../files/src/plugins/css3pie/PIE.htc');
        background: #f9f9f9;
        text-shadow: none;
    }

    .fancybox-opened {
        z-index: 999994;
    }

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px var(--transparent-bg);
        -moz-box-shadow: 0 10px 25px var(--transparent-bg);
        box-shadow: 0 10px 25px var(--transparent-bg);
    }

    .fancybox-outer,
    .fancybox-inner {
        position: relative;
    }

    .fancybox-inner {
        overflow: hidden !important;
    }

    .fancybox-type-iframe .fancybox-inner {
        -webkit-overflow-scrolling: touch;
    }

    .fancybox-error {
        margin: 0;
        padding: 15px;
        color: #444;
        white-space: nowrap;
    }

    .fancybox-image,
    .fancybox-iframe {
        width: 100%;
        height: 100%;
        display: block;
    }

    .fancybox-image {
        max-width: 100%;
        max-height: 100%;
    }

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../../files/theme/fancybox/fancybox_sprite.png');
    }

    #fancybox-loading {
        top: 50%;
        position: fixed;
        margin-top: -22px;
        margin-left: -22px;
        left: 50%;
        background-position: 0 -108px;
        opacity: 0.8;
        cursor: pointer;
        z-index: 999997;
    }

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../../files/theme/fancybox/fancybox_loading.gif') center center no-repeat;
    }

    .fancybox-close {
        width: 36px;
        height: 36px;
        right: -30px;
        top: -30px;
        position: absolute;
        cursor: pointer;
        z-index: 8040;
    }

    .fancybox-nav {
        width: 40%;
        height: 100%;
        top: 0;
        position: absolute;
        background-image: url('../../files/theme/fancybox/blank.gif');
        background-repeat: no-repeat;
        text-decoration: none;
        cursor: pointer;
        /* helps IE */
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        z-index: 8040;
    }

    .fancybox-prev {
        left: 0;
    }

    .fancybox-next {
        right: 0;
    }

    .fancybox-nav span {
        width: 36px;
        height: 34px;
        top: 50%;
        position: absolute;
        margin-top: -18px;
        cursor: pointer;
        z-index: 8040;
        visibility: hidden;
    }

    .fancybox-prev span {
        left: 10px;
        background-position: 0 -36px;
    }

    .fancybox-next span {
        right: 10px;
        background-position: 0 -72px;
    }

    .fancybox-nav:hover span {
        visibility: visible;
    }

    .fancybox-tmp {
        max-width: 99999px;
        max-height: 99999px;
        top: -99999px;
        position: absolute;
        left: -99999px;
        visibility: hidden;
        overflow: visible !important;
    }

    .fancybox-lock {
        overflow: hidden;
    }

    .fancybox-overlay {
        left: 0;
        top: 0;
        position: absolute;
        overflow: hidden;
        display: none;
        background-image: url('../../files/theme/fancybox/fancybox_overlay.png');
        z-index: 999980;
    }

    .fancybox-overlay-fixed {
        bottom: 0;
        right: 0;
        position: fixed;
    }

    .fancybox-lock .fancybox-overlay {
        overflow: auto;
    }

    .fancybox-title {
        position: relative;
        visibility: hidden;
        font:
            normal 13px/20px 'Helvetica Neue',
            Helvetica,
            Arial,
            sans-serif;
        text-shadow: none;
        z-index: 8050;
    }

    .fancybox-opened .fancybox-title {
        visibility: visible;
    }

    .fancybox-title-float-wrap {
        bottom: 0;
        right: 50%;
        position: absolute;
        margin-bottom: -35px;
        text-align: center;
        z-index: 8050;
    }

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        line-height: 24px;
        font-weight: bold;
        color: #fff;
        white-space: nowrap;
        behavior: url('../../files/src/plugins/css3pie/PIE.htc');
        background: transparent;
        /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        text-shadow: 0 1px 2px #222;
    }

    .fancybox-title-outside-wrap {
        position: relative;
        margin-top: 10px;
        color: #fff;
    }

    .fancybox-title-inside-wrap {
        padding-top: 10px;
    }

    .fancybox-title-over-wrap {
        bottom: 0;
        left: 0;
        position: absolute;
        padding: 10px;
        color: #fff;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
    }
}

#video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: -1;
}

#start-video {
    background: black;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-height: 100%;
    min-width: 100%;
    z-index: -1;
}

/* BO doctolib */
.doctolib-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #eeff41 !important;
    color: #000 !important;
    font-size: 16px !important;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0 24px !important;
    z-index: 1000;
    height: 48px;
    text-decoration: none !important;
    border-radius: 24px;
    overflow: hidden;
    border: none;
    outline: none;
    transition: background-color 0.2s, transform 0.2s;
    font-family: "cronos-pro", sans-serif;
    font-size: 20px !important;
    margin-top: 25px;

    @media (max-width: 768px) {
        position: fixed;
        right: calc(50% - 88px);
    }
}

.doctolib-btn:focus,
.doctolib-btn:hover {
    background: #d9e63a !important;
    color: #000 !important;
    outline: 2px solid #f5f5f5;
    outline-offset: 2px;
}

.doctolib-btn-book {
    bottom: 70px;
    animation: button-pulse 1.2s ease-in-out infinite;

    @media (max-width: 768px) {
        bottom: 110px !important;
    }
}

@keyframes button-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.65;
        transform: scale(1.08);
    }
}

.doctolib-btn-request {
    bottom: 16px;
}


@media (prefers-reduced-motion: reduce) {
    .doctolib-btn-book {
        animation: none;
    }
}

/* // EO doctolib */