.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus,
.slickslider-logos .slick-arrow:focus,
.slickslider-logos .slick-slide a:focus,
.slickslider-logos .slick-slide:focus {
    outline: 0
}

/*------- NEUE FONT 2023 -------*/

/* poppins-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/*Allgemein*/
body,
h6,
strong,
body .cc_container,
#topnav .button.blue,
#subnav,
#subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li a,
.dname,
.dname-zusatz,
footer h6,
.formgen.inquiry input,
.sidebar-box h4,
.homepage-hint p.headline,
.homepage-hint .highlight,
code,
kbd,
pre,
samp,
textarea,
tt,
var,
.page_1 .slide-text,
blockquote,
cite,
q,
.label,
#topnav .button {
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-weight: 300;
}
h3,
h4,
h5,
#subnav .sub-lvl-0.active a,
#subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li.active a,
.button,
.formgen input.button,
.video-link,
.slide-text,
#map .route,
.fbar span.fbhl,
.formhinweis,
.cta-banner span.title {
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

#subnav .sub-lvl-0 a,
#subnav .sub-lvl-0.active a{
    font-weight: 500;
}

h1{
    font-weight: 300;
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 180px;
}

@media all {
    .ym-contain-dt {
            }
    * {
        margin: 0;
        padding: 0
    }
    option {
        padding-left: .4em
    }
    select {
        padding: 1px
    }
    body {
        font-size: 100%;
        background: #fff;
        color: #232522;
        text-align: left
    }
    div:target {
        outline: 0
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
        display: block
    }
    audio,
    canvas,
    video {
        display: inline-block
    }
    [hidden],
    audio:not([controls]) {
        display: none
    }
    input[type=search] {
        -webkit-appearance: textfield
    }
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    fieldset,
    img {
        border: 0 solid
    }
    dl,
    ol,
    ul {
        margin: 0 0 1em 1em
    }
    li {
        line-height: 1.5em;
        margin-left: .8em
    }
    dt {
        font-weight: 700
    }
    blockquote,
    dd {
        margin: 0 0 1em .8em
    }
    q {
        quotes: none
    }
    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none
    }
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    .ym-clearfix:before {
        content: "";
        display: table
    }
    .ym-clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }
    .ym-contain-dt {
        display: table;
        width: 100%
    }
    .ym-contain-oh {
        overflow: hidden;
        width: 100%;
        display: block
    }
    .ym-contain-fl {
        float: left;
        width: 100%
    }
    .ym-hideme,
    .ym-print,
    .ym-skip {
        position: absolute;
        top: -32768px;
        left: -32768px
    }
    .ym-skip:active,
    .ym-skip:focus {
        position: static;
        top: 0;
        left: 0
    }
    .ym-skiplinks {
        position: absolute;
        top: 0;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    .ym-skiplinks .ym-skip:active,
    .ym-skiplinks .ym-skip:focus {
        left: 32768px;
        outline: 0;
        position: absolute;
        width: 100%
    }
}

@media screen,
projection {
    .ym-column {
        display: table;
        width: 100%
    }
    .ym-col1 {
        float: left;
        width: 20%
    }
    .ym-col2 {
        float: right;
        width: 20%
    }
    .ym-col3 {
        width: auto;
        margin: 0 20%
    }
    .ym-cbox .ym-cbox-left,
    .ym-cbox-right {
        position: relative
    }
    .ym-cbox {
        padding: 0 10px
    }
    .ym-cbox-left {
        padding: 0 10px 0 0
    }
    .ym-cbox-right {
        padding: 0 0 0 10px
    }
    .ym-ie-clearing {
        display: none
    }
    .ym-grid {
        display: table;
        width: 100%;
        table-layout: fixed;
        list-style-type: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
    .ym-gl {
        float: left;
        margin: 0
    }
    .ym-gr {
        float: right;
        margin: 0 0 0 -5px
    }
    .ym-g20 {
        width: 20%
    }
    .ym-g40 {
        width: 40%
    }
    .ym-g60 {
        width: 60%
    }
    .ym-g80 {
        width: 80%
    }
    .ym-g25 {
        width: 25%
    }
    .ym-g33 {
        width: 33.333%
    }
    .ym-g50 {
        width: 50%
    }
    .ym-g66 {
        width: 66.666%
    }
    .ym-g75 {
        width: 75%
    }
    .ym-g38 {
        width: 38.2%
    }
    .ym-g62 {
        width: 61.8%
    }
    .ym-gbox {
        padding: 0 10px;
    }
    .ym-gbox-left {
        padding: 0 10px 0 0;
    }
    .ym-gbox-right {
        padding: 0 0 0 10px;
    }
    .ym-equalize {
        overflow: hidden
    }
    .ym-equalize>.ym-gl,
    .ym-equalize>.ym-gr {
        display: table-cell;
        float: none;
        margin: 0;
        vertical-align: top
    }
    .ym-equalize>*>.ym-gbox,
    .ym-equalize>*>.ym-gbox-left,
    .ym-equalize>*>.ym-gbox-right {
        padding-bottom: 10000px;
        margin-bottom: -10000px
    }
}

@media all {
    .ym-form,
    .ym-form fieldset {
        overflow: hidden
    }
    .ym-form .ym-message,
    .ym-form div .ym-form label {
        position: relative;
        display: block
    }
    .ym-form .ym-fbox-check label {
        display: inline
    }
    .ym-form input,
    .ym-form textarea {
        cursor: text
    }
    .ym-form input[type=checkbox],
    .ym-form input[type=radio],
    .ym-form label,
    .ym-form select {
        cursor: pointer
    }
    .ym-form textarea {
        overflow: auto
    }
    .ym-form input[type=hidden] {
        display: none!important
    }
    .ym-form .ym-fbox-button:before,
    .ym-form .ym-fbox-check:before,
    .ym-form .ym-fbox-select:before,
    .ym-form .ym-fbox-text:before {
        content: "";
        display: table
    }
    .ym-form .ym-fbox-button:after,
    .ym-form .ym-fbox-check:after,
    .ym-form .ym-fbox-select:after,
    .ym-form .ym-fbox-text:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden
    }
    .ym-form input,
    .ym-form select,
    .ym-form textarea {
        display: block;
        position: relative;
        width: 58.5%
    }
    .ym-form .ym-fbox-check input {
        display: inline;
        width: auto
    }
    .ym-form .ym-fbox-button input {
        display: inline;
        
        width: auto
    }
    .ym-form .ym-fbox-check input:active,
    .ym-form .ym-fbox-check input:focus,
    .ym-form .ym-fbox-check input:hover {
        border: 0
    }
    .ym-full .ym-fbox-select select,
    .ym-full .ym-fbox-text input,
    .ym-full .ym-fbox-text textarea {
        width: 94.2%;
        margin-right: -3px
    }
    .ym-columnar .ym-fbox-select label,
    .ym-columnar .ym-fbox-text label {
        display: inline;
        float: left;
        width: 30%
    }
    .ym-columnar .ym-fbox-check {
        position: relative
    }
    .ym-label {
        display: block
    }
    .ym-columnar .ym-fbox-check .ym-label {
        position: absolute;
        top: 0
    }
    .ym-columnar .ym-error .ym-message,
    .ym-columnar .ym-fbox-check input {
        margin-left: 30%
    }
    .ym-columnar fieldset .ym-fbox-button,
    fieldset.ym-columnar .ym-fbox-button {
        padding-left: 30%
    }

    .ym-columnar .ym-fbox-select select,
    .ym-columnar .ym-fbox-text input,
    .ym-columnar .ym-fbox-text textarea {
        float: left;
        width: 67.2%;
        margin-right: -3px
    }
    body .cc_container {
        background: #fff;
        color: #232522;
        font-size: 18px; line-height:1.5rem!important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 3px solid #e7f1d6;
    }
    body .cc_container a,
    body .cc_container a:visited {
        color: #5f6586
    }
    body .cc_container a:hover {
        opacity: .85;
        color: #5f6586
    }
    body .cc_container .cc_btn,
    body .cc_container .cc_btn:visited {
        background-color: #5f6586;
        color: #fff;
        border-radius: 35px
    }
    body .cc_container .cc_btn:hover {
        opacity: .85;
        color: #fff;
        background-color: #5f6586
    }
    .ym-fbox-select select {
        width: 60%;
    }
    .ym-full .ym-fbox-select select {
        width: 94.8%;
    }
    .ym-columnar .ym-fbox-select select {
        width: 68.8%;
    }
    .clinic-calendar strong,
    .op-clock strong {
        width: 45%;
        padding-right: 20px;
    }
    /*Cookie Banner*/

    #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyImage {
        max-height: 3.5em!important;
    }

    /*Cookie Blocker*/

    .textile.cookieconsent-optout-marketing {
    -ms-flex-preferred-size: calc(100% - 150px);
        flex-basis: calc(100% - 150px);
        margin-bottom: 60px;
    }

    .cookieconsent-optout-marketing .button {
        margin-top: 20px;
    }

}

@media print {
    .ym-grid>.ym-gl,
    .ym-grid>.ym-gr {
        
        display: table
    }
    .ym-print {
        position: static;
        left: 0
    }
    .ym-noprint {
        display: none!important
    }
    body {
        font-size: 10pt;
        padding: 0 5px
    }
    .ym-searchform,
    nav {
        display: none
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid
    }
}

@media screen {
    .ym-wbox,
    footer .ym-wbox,
    header .ym-wbox {
        padding: 1.5em
    }
    body {
        overflow-y: scroll
    }
    .ym-wrapper {
        max-width: 80em;
        margin: 0 auto
    }
    #main,
    footer,
    header,
    nav {
        min-width: 760px
    }
    header {
        background: #444;
        color: #ccc;
    }
    header h1 {
        background: 0 0;
        color: #fff;
    }
    nav {
        background: #222
    }
    #main .info {
        margin-bottom: 1.5em
    }
    .ym-gbox {
        padding: 0 1.5em
    }
    .ym-gbox-left {
        padding: 0 1.5em 0 0
    }
    .ym-gbox-right {
        padding: 0 0 0 1.5em
    }
    section.box {
        padding: 0 1.5em 1.5em
    }
    #main aside .ym-gbox-right {
        border-left: 1px #ddd solid
    }
    .demo-2col .ym-col1 {
        width: 75%
    }
    .demo-2col .ym-col3 {
        margin-left: 75%;
        margin-right: 0
    }
    .demo-2col .ym-col1 .ym-cbox {
        padding: 0 .75em 0 1.5em
    }
    .demo-2col .ym-col3 .ym-cbox {
        padding: 0 1.5em 0 .75em
    }
    .demo-2col .ym-gbox {
        padding: 0 1.5em 0 0
    }
    .ym-skiplinks a.ym-skip:active,
    .ym-skiplinks a.ym-skip:focus {
        color: #fff;
        background: #333;
        border-bottom: 1px #000 solid;
        padding: 10px 0;
        text-align: center;
        text-decoration: none
    }
}

@media screen and (min-width:0px) {
    #main,
    footer,
    header,
    nav {
        min-width: 0
    }
}

@media all {
    h1,
    h3 {
        line-height: .8571em
    }
    blockquote,
    cite,
    dfn,
    em,
    i,
    q,
    var {
        font-style: italic
    }
    blockquote,
    kbd,
    samp,
    tt,
    var {
        color: #232522;
    }
    a,
    hr {
        background: 0 0
    }
    a,
    a:focus,
    a:hover {
        text-decoration: none
    }
    abbr,
    acronym,
    table caption {
        font-variant: small-caps
    }
    body {
        color: #232522;
        -webkit-text-size-adjust: 100%
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #232522;
        font-weight: 500;
        margin: 0;
    }
    b,
    dt,
    h6,
    kbd,
    samp,
    strong,
    tt,
    var {
        font-weight: 500;
    }
    h6,
    p,
    pre {
        margin: 1.5em 0 0
    }
    h1 {
        font-size: 350%;
        margin: .4286em 0 0
    }
    h2 {
        font-size: 26px;
        line-height: 1.2em;
        margin: .6em 0 0;
        font-weight: 500;

    }
    h3 {
        font-size: 25px;
        margin: .8571em 0 0
    }
    h4 {
        font-size: 133.33%;
        line-height: 1.125em;
        margin: 1.125em 0 0
    }
    h5 {
        font-size: 116.67%;
        line-height: 1.2857em;
        margin: 1.2857em 0 0
    }
    h6 {
        font-size: 100%;
        line-height: 1.5em
    }
    dl,
    li,
    ol,
    p,
    ul {
        font-size: 1em;
        line-height: 1.5em
    }
    dl,
    ol,
    ul {
        margin: 1.5em 0 0 1em
    }
    ul {
        list-style-type: disc
    }
    ol {
        list-style-type: decimal
    }
    ol ul,
    ul ul {
        list-style-type: circle;
        margin-top: 0
    }
    ol ol {
        list-style-type: lower-latin;
        margin-top: 0
    }
    li {
        margin-left: .8em
    }
    dd {
        margin: 0 0 1.5em .8em
    }
    blockquote {
        margin: 1.5em 0 0 1.5em;
    }
    big {
        font-size: 116.667%
    }
    small {
        font-size: 85.71%
    }
    code,
    kbd,
    pre,
    samp,
    tt,
    var {
        font-size: 100%
    }
    pre {
        line-height: 1.5em;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word
    }
    .label,
    td.nowrap,
    th.nowrap {
        white-space: nowrap
    }
    code,
    pre {
        color: #800
    }
    abbr,
    acronym {
        border-bottom: 1px #aaa dotted;
        letter-spacing: .07em;
        cursor: help
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sup {
        top: -.5em
    }
    sub {
        bottom: -.25em
    }
    mark {
        background: #ff0;
        color: #232522
    }
    hr {
        color: #fff;
        margin: 0 0 .75em;
        padding: 0 0 .75em;
        border: 0;
        border-bottom: 1px #eee solid
    }
    a {
        color: #4d87c7
    }
    a:active {
        outline: 0
    }
    a:focus,
    a:hover {
        background-color: #800;
        color: #fff
    }
    figure,
    img {
        margin: 0;
    }
    .flexible {
        margin-top: 1.5em;
        max-width: 100%;
    }
    * html .flexible {
        width: 98%;
    }
    .bordered {
        margin-top: 1.5em;
        border: 2px solid #eee;
        border: 2px solid rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
        box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    }
    .highlight {
        color: rgb(249, 0, 0);
    }
    .dimmed {
        color: #888;
    }
    .box {
        border-radius: .3em;
        border-width: 1px;
        border-style: solid;
        border-color: #888;
        border-color: rgba(0, 0, 0, .3);
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
        color: #232522;
        color: rgba(0, 0, 0, .8);
        padding: 1.4286em;
        margin: 1.5em 0 0
    }
    tbody td,
    tbody th {
        border-top: 1px solid #ccc;
    }
    .box>:first-child {
        margin-top: 0;
    }
    .label {
        padding: 1px 6px 2px;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        border-radius: 3px;
        background: #06c;
        color: #fff;
        font-size: 10px;
        line-height: 12px;
    }
    .info {
        background: #f4f4f4;
    }
    .success {
        background: #8c8
    }
    .warning {
        background: #cc8
    }
    .error {
        background: #c88
    }
    .float-left {
        float: left;
        display: inline;
        margin: 1.5em 1em 0 0
    }
    .float-right {
        float: right;
        display: inline;
        margin: 1.5em 0 0 1em
    }
    .center {
        display: block;
        text-align: center;
        margin: 1.5em auto 0
    }
    tbody td,
    tbody th,
    thead th {
        text-align: left
    }
    table {
        width: 100%;
        border-collapse: collapse;
        margin: 1.3571em 0 0;
        color: #232522;
        border-top: 1px #ccc solid;
        border-bottom: 1px #ccc solid
    }
    table.narrow {
        margin: 1.4286em 0 0
    }
    table.narrow td,
    table.narrow th {
        padding: 0 .5em;
        line-height: 1.4286em
    }
    table.bordertable {
        border: 1px solid #ccc
    }
    td,
    th {
        line-height: 1.5em;
        vertical-align: top;
        padding: .7143em .5em
    }
    td:first-child,
    th:first-child {
        margin-top: 0
    }
    thead th {
        color: #232522;
        border-bottom: 2px #000 solid
    }
    .bordertable thead th {
        background: #e0e0e0;
        border-right: 1px #ccc solid;
        border-bottom: 1px #ccc solid
    }
    .bordertable tbody td,
    .bordertable tbody th {
        border-right: 1px solid #ccc
    }
    .bordertable tbody th[scope=row] {
        background: #f0f0f0
    }
    /*tbody tr:hover td,*/
    /*tbody tr:hover th {*/
    /*    background: #f8f8f8*/
    /*}*/
}


/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-tmp iframe,
.fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0
}

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

.fancybox-outer {
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #232522;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 1003
}

.fancybox-opened .fancybox-outer {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    outline: 0;
    overflow: hidden
}

.fancybox-error {
    color: #232522;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 10px
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top
}

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

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    background: url(fancybox_loading.gif);
    opacity: .8;
    cursor: pointer;
    z-index: 1010
}

.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(fancybox_sprite.png)
}

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

.fancybox-next,
.fancybox-prev {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: url(blank.gif);
    z-index: 1003
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-next span,
.fancybox-prev span {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 1003
}

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

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

.fancybox-next:hover,
.fancybox-prev:hover {
    visibility: visible
}

.fancybox-prev:hover span {
    left: 20px
}

.fancybox-next:hover span {
    left: auto;
    right: 20px
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    
    visibility: hidden
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 1001;
    background: #000
}

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

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

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

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap
}

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

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

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

.flex-control-nav,
.flex-direction-nav,
.slides {
    margin: 0;
    padding: 0;
    list-style: none
}

.no-js .slides>li:first-child,
.slides:after,
html[xmlns] .slides {
    display: block
}

.flexslider .slides img {
    max-width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

* html .slides {
    height: 1%
}

.flexslider .slides {
    zoom: 1
}

.flex-container {
    zoom: 1;
    position: relative
}

.flex-caption {
    zoom: 1;
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 18px
}

.flex-direction-nav {
    height: 0
}

.flex-direction-nav li a,
.flexslider_blog .flex-direction-nav li a {
    width: 52px;
    height: 52px;
    margin: -13px 0 0;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    top: 50%;
    position: absolute
}

.flex-direction-nav li a {
    background: url(../img/slider-arrow-right.svg) no-repeat;
    background-size: 15px;
}

.flex-direction-nav li .next {
    background: url(../img/slider-arrow-right.svg) no-repeat;
    background-size: 15px;
    right: 0;
}

.flex-direction-nav li .prev {
    left: -30px;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.flexslider_blog .flex-direction-nav li a {
    background: url(../img/arrow.svg) transparent no-repeat;
}

.flexslider_blog .flex-direction-nav li .next {
    background-position: -60px -487px;
    right: 0
}

.flexslider_blog .flex-direction-nav li .prev {
    left: 0
}

.flex-direction-nav li .disabled {
    opacity: .3;
    cursor: default
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1
}

.flex-control-nav li:first-child {
    margin: 0
}

.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    background: url(theme/bg_control_nav.png) no-repeat;
    cursor: pointer;
    text-indent: -999em
}

.flex-control-nav li a:hover {
    background-position: 0 -13px
}

.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default
}

.slick-slider {
    margin: 50px 0 100px
}

.slickslider-logos .slick-next,
.slickslider-logos .slick-prev {
    width: 52px;
    height: 52px;
    margin: -23px 0 0;
    display: block;
    top: 50%;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    text-indent: 900px;
    background: url(../img/ui.svg) 0 -487px no-repeat;
    border: none;
    color: transparent;
}

.slickslider-logos.slick-initialized.slick-slider {
    overflow: hidden
}

.slickslider-logos .slick-next {
    background: url(../img/ui.svg) -60px -487px no-repeat;
    right: 0
}

.slickslider-logos .slick-slide img {
    margin: auto
}

.slickslider-logos .slick-list {
    width: 85%;
    margin: 0 auto
}

@media screen,
projection {
    a,
    p {
        color: #232522;
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
    }
    .content_image,
    .textile img,
    p {
        margin: 0 0 30px;
    }
    .klinik-test ul.subnav,
    .kontakt-test ul.subnav {
        margin-top: 0;
        padding-top: 0;
    }

    .menu-icon,
    footer article:last-child h6 {
        text-align: right
    }
    #subnav ul li a,
    .button,
    .formgen input.button {
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s
    }
    #homeslider .flexslider ul.slides li .flex-slide-article h5 a,
    #subnav ul li a,
    .button,
    .button:active,
    .button:hover,
    .button:visited,
    .formgen input.button,
    .formgen input.button:active,
    .formgen input.button:hover,
    ul.main-nav-lvl-1 li a:active,
    ul.main-nav-lvl-1 li a:hover {
        -webkit-transition-property: background;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background;
        -moz-transition-timing-function: ease
    }
    #main,
    .article-content:after,
    .article-content:before,
    .list-view .article-content,
    .sidebar-box.contact-person {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .ym-g13 {
        width: 13%;
    }
    .ym-g17 {
        width: 17%;
    }
    .ym-g24 {
        width: 24%;
    }
    .ym-g25 {
        width: 25%;
    }
    .ym-g29 {
        width: 29%;
    }
    .ym-g30 {
        width: 30%;
    }
    .ym-g31 {
        width: 31%;
    }
    .ym-g34 {
        width: 34%;
    }
    .ym-g36 {
        width: 36%;
    }
    .ym-g40 {
        width: 40%;
    }
    .ym-g64 {
        width: 64%;
    }
    .ym-g66 {
        width: 60%;
    }
    .ym-g70 {
        width: 70%;
    }
    .ym-g34.ym-gr.content-sidebar {
        width: 40%!important;
    }
    p {
        font-size: 16px;
        line-height: 28px;
    }
    .textile a {
        text-decoration: underline
    }

    .page_309 .textile a {
        overflow-wrap: break-word;
    }

    .fancy_video h4 a,
    ul.sidelinks li a {
        text-decoration: none
    }
    .content_image {
        width: 100%!important
    }
    form,
    header {
        width: 100%
    }
    .content_image img {
        width: 100%;
        height: auto
    }
    .textile .img-left {
        float: left;
        margin: 0 20px 0 0
    }
    .textile h2 {
        margin-bottom: 1rem;
    }
    .textile h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .textile.stellenanzeige {
        background-color: #e9f2d5;
        padding: 30px;
        margin: 0 0 50px;
        border-radius: 20px;
    }

    .textile.stellenanzeige p:last-child {
        margin-bottom: 0;
    }

    html .stellenanzeige .button{
        background: url(../img/arrow.svg) 43px no-repeat #fff;
    }

    .textile:first-child br {
        display: none;
    }

    .no-intro .textile:first-child br {
        display: block;
    }

    .textile:first-child ul li:last-child {
        padding-bottom: 0px;
    }

    h1,
    h2,
    h3,
    h4 {
        margin: 0 0 2rem;
        color: #232522;
        line-height: normal;
    }
    h1 {
        font-size: 28px;
        line-height: 34px;
    }
    h3,
    html .h3-style {
        font-size: 20px;
    }

    html .h3-style {
        margin-bottom: 10px;
    }

    p.h3-style + p {
        margin-bottom: 30px;
    }

    html h4,
    html .h4-style {
        font-size: 18px;
        line-height: 27px;
        font-weight: 500;
    }
    h5 {
        font-size: 115%;
        color: #232522;
        margin: 0 0 8px;
        display: block;
        padding: 4px 0 0;
    }
    h6 {
        color: #232522;
        font-size: 17px;
        margin-bottom: 10px;
    }
    dl,
    ol,
    ul {
        margin: 1em 0 0 1em;
    }
    .content-wbox ol,
    .content-wbox ul {
        margin: 15px 0 30px;
        padding-right: 10px;
        margin-left: 6px;
    }

    .content-wbox .textile ol,
    .content-wbox .textile ul {
        margin-bottom: 15px;
    }

    .content-wbox ul {
        list-style: square;
    }

    .content-wbox ul ul {
        margin-bottom: 0px;
    }

    .content-wbox ul ul li:last-child{
        padding-bottom: 0px;
    }
    /*
    .content-wbox ol li,
    .content-wbox ul li {
        background: url(../img/dot-list-element.svg) 0 8px no-repeat rgba(0, 0, 0, 0);
        background-size: 5px;
        color: #232522;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        list-style: none;
        margin: 0;
        padding: 0 0 15px 15px;
    }*/

    .content-wbox ol li, .content-wbox ul li {
        background-size: 5px;
        color: #232522;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding-bottom: 12px;
    }

    .content-wbox ul li {
        list-style: disc;
    }

    #subnav ol li, #subnav ul li {
        line-height: 20px;
    }

    html #wrap .content-wbox .textile ul ul br {
        display: none!important;
    }

    html #wrap .content-wbox .textile ul ul {
        margin-top: 0;
        margin-left: 20px;
    }

    html #wrap .content-wbox .textile ul br{
        display:none;
    }

    html #wrap .content-wbox .textile ul ul li {
        list-style: circle;
    }

    html #wrap .content-wbox .textile ul ul + br + li,
    html #wrap .content-wbox .textile ul ul + li {
        margin-top: 12px;
    }


    .content-wbox p {
        font-weight: 400;
    }

    hr {
        margin: 2em 0 3em;
        padding: 0
    }
    a:focus,
    a:hover {
        background: 0 0;
        color: #000;
    }
    body {
        width: 100%;
        overflow-x: hidden
    }

    body.no-intro-no-image {
        background: #fff
    }
    .klinik-test li a:hover,
    .kontakt-test li a:hover {
        background-color: #A8D685;
    }
    .content-wbox,
    header .ym-wbox,
    nav .ym-wbox {
        padding: 0
    }
    .no-intro .content-main {
        padding-top: 70px
    }
    .no-intro-no-image .content-wbox {
        padding-top: 50px
    }
    .no-intro-no-image .content-main {
        padding-top: 30px
    }
    .no-intro-no-image .content-main img {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    .no-intro-no-image .content-sidebar .ym-gbox-right {
        padding: 24px 0 0 47px
    }
    #language-switch {
        float: left;
        margin: 0 0 0 25px;
    }
    .content-sidebar .ym-gbox-right {
        padding: 68px 0 0 47px;
    }
    #head-phone {
        float: right;
        font-size: 2em;
        margin: 1.7em 0 0;
    }
    header,
    header a {
        color: #232522;
    }
    .klinik-test li a,
    .kontakt-test li a {
        color: #232522!important;
        line-height: normal
    }
    .lang-link-de,
    .lang-link-en {
        display: none;
        float: left;
        height: 13px;
        margin: 18px 16px 0;
        width: 19px
    }

    .textile + .article-list {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .article-list.list-view  + .clear + .textile {
        padding-top: 10px;
    }

    .textile h2,
    .textile a,
    .content a {
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
    }

    .page_297 .content {
        word-break: break-all;
        font-weight: 500;
        text-decoration: underline;
    }

    .list-view:has(.article-content-wrapper) + .ec-spacer,
    .list-view:has(.article-content-wrapper) + style + .ec-spacer {
        margin-top: 80px!important;
    }

    .textile + .list-view {
        margin-top: 50px;
    }


    /* ====== HEADER ====================================================================== */

    header {
        background: #fff;
        line-height: 1em;
        position: fixed;
        z-index: 700;
    }

    header .ym-wrapper {
        width: 1500px;
        position: relative;
    }
    header,nav,
    header .ym-wrapper,
    header .ym-wbox{
        height: 140px;
    }

    header .ym-wbox .ym-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 140px;
    }

    /*Sticky Header*/

    .header.sticky {
        border-bottom: 3px solid #e7f2d4;
    }

    .header.sticky,
    .header.sticky .ym-wbox .ym-grid,
    .header.sticky .ym-wrapper,
    .header.sticky .ym-wbox{
        height: 60px;
    }

    .header.sticky ul.main-nav-lvl-0 li.nav_sublayer {
        height: auto;
    }

    .header.sticky #nav span {
        padding: 24px 0 0;
        font-size: 14px
    }

    .header.sticky ul.main-nav-lvl-0 > li > a,
    html .header.sticky ul.main-nav-lvl-0 > li.nav_sublayer.lvl-0-list.ym-gl > a {
        background-size: 50px auto;
        font-size: 14px;
        padding: 22px 10px 19px 55px;
        background-position: 0px!important;
    }
    .header.sticky ul.main-nav-lvl-0 li.nav-item-3 > a {
        background-position: 19px -1839px;
    }
    .header.sticky ul.main-nav-lvl-0 li.nav-item-4 > a {
        background-position: 19px -1692px;
    }
    .header.sticky ul.main-nav-lvl-0 li.nav-item-5 > a {
        background-position: 19px -1766px;
    }
    .header.sticky #topnav .button {
        font-size: 14px;
        padding: 13px 24px 12px;
        position: relative;
        z-index: 1;
    }

    /*Logo*/

    #logo {
        z-index: 2;
        padding: 0;
        float: left;
        margin-right: 0px;
    }

    #logo a {
        display: block;
        width: 200px;
        -webkit-transition: width, margin 300ms ease-in-out;
        -o-transition: width, margin 300ms ease-in-out;
        transition: width, margin 300ms ease-in-out;
    }

    #logo img {
        margin: 10px 0px;
        width: auto;
        height: auto;
        max-width: 170px;
    }

    .header.sticky #logo {
        margin-top: -8px;
        width: 180px;
        margin-right: 35px;
    }

    .header.sticky #logo img {
        width: 90%;
        margin: 60px 0px 0px 0px;
    }

    .header.sticky #logo a {
        width: 165px;
        margin: 60px 0px 0px 0px;
    }

    #footer-logo svg {
        width: 165px;
    }

    /*Navigation*/

    nav {
        background: 0 0;
        padding: 0 0px 0 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    li.subnav-item,
    ul.subnav {
        margin-left: 0
    }

    ul.main-nav-lvl-0 {
        margin: 0 .75em 0 0;
        list-style: none;
        position: relative;
    }

    ul.main-nav-lvl-0 li.nav_sublayer {
        font-size: .95em;
        line-height: 4.6em;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 140px;
        padding-right: 12px;

    }

    .header.sticky ul.main-nav-lvl-0 .subnav-item a,
    ul.main-nav-lvl-0 .subnav-item a,
    ul.main-nav-lvl-0 li.nav_sublayer ul.subnav a.subnav-a,
    .header.sticky ul.main-nav-lvl-0 li a.subnav-aa,
    html .header.sticky ul.main-nav-lvl-0 li.nav_sublayer.lvl-0-list.ym-gl a.subnav-a  {
        padding: 12px 10px 12px 85px;
        font-size: 1.1em;
        width: auto;
    }

    ul.main-nav-lvl-0 > li > a {
        color: #232522!important;
        display: block;
        font-size: 14px;
        line-height: normal;
        padding: 60px 18px 60px 50px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0;
        font-weight: 300;
    }

    html ul.main-nav-lvl-0 li.nav_sublayer.lvl-0-list.ym-gl > a {
        background-position: 0px 42px;
        background-size: 50px;
    }

    ul.main-nav-lvl-0 li.nav_sublayer.nav-item-2 > a {
        background: url(../img/brust-icon.svg) no-repeat rgba(0, 0, 0, 0);
    }
    ul.main-nav-lvl-0 li.nav_sublayer.nav-item-3 > a {
        background: url(../img/koerper-icon.svg) no-repeat rgba(0, 0, 0, 0);
        padding-left: 60px;
    }
    ul.main-nav-lvl-0 li.nav_sublayer.nav-item-4 > a {
        background: url(../img/gesicht-icon.svg) no-repeat rgba(0, 0, 0, 0);
    }
    ul.main-nav-lvl-0 li.nav_sublayer.nav-item-5 > a {
        background: url(../img/laser-icon.svg) no-repeat rgba(0, 0, 0, 0);
    }
    ul.main-nav-lvl-0 li.nav_sublayer.nav-item-431 > a {
        background: url(../img/kosmetik-icon.svg) no-repeat rgba(0, 0, 0, 0);
        padding-left: 60px;
    }

    ul.main-nav-lvl-0 li.nav_sublayer ul.subnav a.subnav-a {
        background: #fff;
    }

    ul.subnav {
        font-size: .9em;
        /*display: none;*/
        opacity: 0;
        visibility: hidden;
        width: 250px;
        position: absolute;
        border-radius: 0px 0px 20px 20px;
        overflow: hidden;
        -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 15%);box-shadow: 0px 5px 5px rgba(0, 0, 0, 15%);
    }
    body.not-mobile li.nav_sublayer.lvl-0-list:hover>ul {
        display: block;
        list-style: none
    }
    li.subnav-item .subnav-a {
        list-style: none;
    }
    ul.main-nav-lvl-1,
    ul.main-nav-lvl-1 li {
        float: left;
        width: 250px;
        margin: 0;
    }
    ul.main-nav-lvl-0 li.nav-item-3 > a {
        background-position: 19px -2158px;
    }
    ul.main-nav-lvl-0 li.nav-item-4 > a {
        background-position: 19px -1985px;
    }
    ul.main-nav-lvl-0 li.nav-item-5 > a {
        background-position: 19px -2073px;
    }
    ul.main-nav-lvl-0 li#subLayer1_link a {
        padding: 1.6em 2em 1.5em 0
    }

    html ul.main-nav-lvl-0 li:hover a.drop,
    html ul.main-nav-lvl-0 li a.drop {
        position: relative;
    }

    html ul.main-nav-lvl-0 li a.drop:before {
        content: "";
        display: block;
        width: 10%;
        height: 6px;
        background: #A8D685;
        position: absolute;
        left: 0;
        bottom: -6px;
        border-radius: 5px;
        -webkit-transition: 300ms all ease;
        -o-transition: 300ms all ease;
        transition: 300ms all ease;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
    }

    html ul.main-nav-lvl-0 li:hover a.drop:before {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }

    ul.main-nav-lvl-0 li:hover ul.main-nav-lvl-1 {
        visibility: visible
    }
    ul.main-nav-lvl-1 {
        height: auto;
        position: absolute;
        z-index: 999;
        left: 0;
        visibility: hidden;
        background: #fff;
        padding: 0;
        line-height: 1em;
        overflow: hidden;
        list-style: none;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
    }
    ul.main-nav-lvl-1 li a {
        background: url(../img/sidelink.png) 115% -39px no-repeat #fff;
        border-bottom: 1px solid #ddd;
        color: #0f5ea9;
        display: block;
        font-size: .8em;
        line-height: 1.3em;
        padding: 1em 2.7em 1.1em 1.4em
    }
    ul.main-nav-lvl-1 li a.main-nav-image {
        margin: 0;
        position: relative
    }
    ul.main-nav-lvl-1 li a.main-nav-product-image {
        margin: .7em 0 0 1.3em
    }
    ul.main-nav-lvl-2 {
        padding: 0;
        margin: 0;
        font-size: .65em;
        line-height: 1em;
        font-weight: 300;
        position: relative;
        z-index: 1;
        list-style: none;
        display: none
    }
    ul.main-nav-lvl-2 li {
        height: auto;
        width: auto;
        float: none
    }
    ul.main-nav-lvl-2 li a {
        background: url(../img/sidelink.png) 115% -91px no-repeat #efefef;
        border-bottom: 1px solid #ddd;
        color: #999;
        font-size: 1em;
        line-height: 1.3em;
        padding: 1em 2.7em 1.1em 1.7em;
        display: none
    }
    ul.main-nav-lvl-2 li a:active,
    ul.main-nav-lvl-2 li a:hover {
        background: url(../img/sidelink.png) 95% -91px no-repeat #efefef;
        color: #0f5ea9;
    }
    ul.main-nav-lvl-0 li.nav_sublayer ul.main-nav-lvl-1 li.main-nav-headline {
        position: absolute;
        left: 0
    }
    ul.main-nav-lvl-0 li.nav_sublayer ul.main-nav-lvl-1 li.main-nav-headline a:hover {
        background: 0 0
    }
    #subnav {
        border-radius: 20px;
        -webkit-box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
                box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
        float: left;
        margin-bottom: 50px;
        margin-top: 0;
        width: 100%;
        max-height: 85vh;
        overflow-y: scroll;
    }

    div#subnav::-webkit-scrollbar {
        display: none;
    }

    #subnav ul {
        list-style: none;
        margin: 0;
        padding-right: 0;
    }
    #subnav ul li {
        border-radius: 20px;
        padding: 0;
        margin: 0
    }
    #subnav ul li a {
        background: url(../img/arrow.svg) 44px 15px no-repeat #f9f9f9;
        background-size: 7px;
        padding: 11px 10px 7px 40px;
        display: block;
        color: inherit;
    }
    #subnav > .sub-nav-lvl-1 > li {
        padding-top: 0;
        padding-bottom: 0;
    }

    #subnav .sub-lvl-0.active li:first-child a {
        background: url(../img/arrow-down.svg) 36px 30px no-repeat #A8D685;
        background-size: 13px;
        color: inherit;
        padding-top: 24px;
        padding-bottom: 13px;
    }

    #subnav .sub-lvl-0.active li.sub-lvl-1 a {
        padding-top: 13px!important;
    }

    #subnav .sub-lvl-0.active li.sub-lvl-1 a,
    #subnav ul li.active:last-child a {
        padding-bottom: 13px;
    }
    #subnav .sub-lvl-0.active li:last-child li.sub-lvl-1 a {
         padding-bottom: 24px;
    }

    #subnav ul li a {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 60px;
    }

    #subnav li:hover a, #subnav li.no-children.active a {
        background: url(../img/arrow.svg) 44px 15px no-repeat #A8D685;
        background-size: 7px;
    }

    #subnav li.active a {
        background: url(../img/arrow-down.svg) 40px 18px no-repeat #A8D685;
        background-size: 12px;
    }

    #subnav ul li:last-child a {
        border-radius: 0 ;
        padding-bottom: 18px;
    }

    #subnav ul li:first-child a {
        padding-top: 18px;
        background: url(../img/arrow.svg) 44px 21px no-repeat #f9f9f9;
        background-size: 7px;
    }

    #subnav ul li:first-child:hover a {
        background: url(../img/arrow.svg) 44px 21px no-repeat #A8D685;
        background-size: 7px;
    }
    #subnav ul li.active:first-child a {
        background: url(../img/arrow-down.svg) 36px 25px no-repeat #A8D685;
        background-size: 13px;
    }

    #subnav .sub-lvl-0.active.no-children:first-child a {
        background: url(../img/arrow.svg) 44px 21px no-repeat #A8D685;
        background-size: 7px;
    }
    #subnav .sub-lvl-0.active.no-children:last-child a {
        padding-bottom: 15px;
    }
    #subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li a {
        background: url(../img/arrow.svg) 62px no-repeat #fff;
        color: #232522;
        padding-left: 80px;
        border-top: 1px solid transparent;
        border-radius: 0;
    }

    #subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li:hover a,
    #subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li.active:hover a {
        background: url(../img/arrow.svg) 62px no-repeat #A8D685;
        border-radius: 0px;
        border-top: 1px solid #fff;
    }

    #subnav .sub-lvl-0.active ul.sub-nav-lvl-1 li.active a {
        background: url(../img/arrow.svg) 62px no-repeat #f9f9f9;
        border-radius: 0px;
        border-top: 1px solid #fff;
        font-weight: 500;
    }

    /*TOP NAV*/

    .klinik-test,
    .kontakt-test {
        padding:0;
        height: 140px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sticky .klinik-test,
    .sticky .kontakt-test {
        padding: 6px 0; height: 50px;
    }

    .sticky .klinik-test:before,
    .sticky .kontakt-test:before {
        bottom: -4px;
    }

    .klinik-test ul.subnav:before,
    .kontakt-test ul.subnav:before {
        content: "";
        display: block;
        width: 10%;
        height: 6px;
        background: #A8D685;
        position: absolute;
        left: 0;
        /*bottom: -7px;*/
        border-radius: 5px;
        -webkit-transition: 300ms all ease;
        -o-transition: 300ms all ease;
        transition: 300ms all ease;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
    }

    .klinik-test:hover ul.subnav:before,
    .kontakt-test:hover ul.subnav:before {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }

    .klinik-test .subnav-item a,
    .kontakt-test .subnav-item a {
        background: #f8f8f8;
        padding: 14px 10px 14px 15px;
        font-size: 16px;
        font-weight: 400;
    }
    .kontakt-test {
        float: left;
        position: relative;
    }
    .klinik-test {
        float: left;
        position: relative;
    }
    .klinik-test li a {
        display: block;
        margin: 0
    }
    .kontakt-test:hover>ul,
    .klinik-test:hover>ul {
        visibility: visible;
        opacity: 1;
        list-style: none
    }
    .kontakt-test li a {
        display: block;
        margin: 0
    }
    .header.sticky .klinik-test ul.subnav,
    .header.sticky .kontakt-test ul.subnav {
        top: 61px;
    }
    #nav span {
        float: left;
        padding: 47px 0 0;
        font-size: 18px;
        margin: 0 22px 0 0
    }
    #topnav img.search-link {
        padding: 5px 11px 5px 1px
    }
    #topnav .map-link {
        display: block;
        float: left;
        padding: 10px 29px 5px 0
    }
    #topnav .map-link img {
        padding: 0;
    }

    #topnav .button {
        border: 2px solid transparent;
        background: #fff;
        color: #232522;
        padding: 14px 24px 13px;
        float: left
    }
    #topnav .button.blue {
        background: #A8D685;
        border: 2px solid #A8D685;
        color: #232522;
        margin: 0px;
        padding: 14px 40px;
        border-radius: 50px;
        font-weight: 400;
    }
    .lang-1 #topnav .klinik-test:hover .button,
    .lang-1 #topnav .kontakt-test:hover .button {
        background: transparent;
        color: #5e5e5e;
        opacity: 1;
    }
    .ym-hlist {
        background: 0 0;
            }
    .textile table {
        margin-bottom: 80px;
    }

    .textile .facts-box table {
        margin-bottom: 0;
    }

    .topnav-mobile > a {
        padding-left: 38px !important;
    }

    .textile:has(.facts-box) + .list-view:has(.article-content-wrapper) {
        margin-top: 80px;
    }

    .textile h2.ec-light + .facts-box,
    .textile h3.ec-light + .facts-box {
        margin-top: 0;
    }

    .textile:has(.facts-box) h3.ec-light {
        margin-bottom: 0px;
    }

    .textile:has(.counting-numbers) + p:empty {
        display: none;
    }    


    .textile p:has(img) + h3 {
        margin-top: 0px;
    }

    .textile img.img-shadow {
        -webkit-box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
        box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
    }

    /*TOP NAV EN */
    #topnav .kontakt-test .button.appointment,
    .lang-0 #topnav .kontakt-test:hover .appointment {
        background-repeat: no-repeat;
        background-size: 40px;
        border-radius: 50px;
        padding: 8px 22px 8px 27px;
        gap: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 30px;
        min-height: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #topnav .kontakt-test .button.accent {
        background: #232522;
        color: #fff;
        border: 2px solid #232522;
    }

    .lang-0 div#topnav {
       margin-left: auto; 
       background: unset;
    }

    .lang-0 nav {
        height: unset;
    }

    #topnav .kontakt-test .appointment + .appointment {
        margin-left: 15px;
    }

    #topnav .kontakt-test .button.appointment:hover {
        background: transparent;
        color: #5e5e5e;
    }

    #topnav .kontakt-test .button.accent:hover {
        background: transparent;
        color: #232522;
    }

    #topnav .kontakt-test .button.accent:hover svg path {
        stroke: #232522;
    }
 

    /*Breadcrumb*/
    .hide-desktop,
    .menu-icon,
    .page_1 #breadcrumb {
        display: none;
    }
    #breadcrumb a {
        background: url(../img/arrow-right-white.svg) 5px 9px no-repeat rgba(0, 0, 0, 0);
        padding: 0 22px;
        font-size: 14px;
        color: #fff;
        margin-left: 4px;
        background-size: 6px;
        line-height: 28px;
    }

    #breadcrumb a.bread-nav-lvl-1,
    #breadcrumb a.bread-nav-lvl-2,
    #breadcrumb a.bread-nav-lvl-3 {
        margin-left: 0px;
        margin-right: 5px;
        width: auto;
        padding-right: 0;
    }

    #breadcrumb a.first-crumb {
        background: 0 0;
        padding: 0;
        margin: 0 8px 0 0;
        color: #fff;
    }

    span#breadcrumb {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    /**/
    .content-wbox li.sub-lvl-0 {
        background: #fff;
    }
    .content-wbox li.sub-lvl-1 {
        background: none;
    }
    .menu-icon {
        float: right;
        font-weight: 500;
        height: 85px;
        line-height: 60px;
        width: 25px;
        padding: 0 20px
    }
    .menu-icon a {
        color: #232522;
        font-size: 40px
    }
    #home-intro {
        padding: 4em 22em 6.2em 0;
        background: url(../img/home-intro.png) 101% 50% no-repeat
    }
    .ec-custom-article .ec-custom-article-inner {
        padding: 20px 30px 20px 30px;
    }
    #home-intro h1 {
        color: #fff;
    }

    .additional-list .ym-g33.ym-gl:first-child .ym-gbox {
        padding-left: 0
    }
    .additional-list .ym-g33.ym-gr:last-child .ym-gbox {
        padding-right: 0
    }
    .additional-list .list-content {
        border: 1px solid #c4c4c4;
        padding: 27px 29px
    }
    .list-height {
        min-height: 168px
    }
    .additional-list .list-content p {
        margin: 0
    }
    .additional-list .list-content img {
        margin: 0 0 25px;
        width: 100%
    }
    .page_1 .additional-list .list-content img,
    .page_1 .article-list.list-view {
        margin: 0
    }
    .page_1 .list-height {
        min-height: 150px
    }
    .additional-list h6 {
        margin-top: 0
    }

    /*Article-List EN*/

    html .lang-0 .article-content a.button {
        display: -webkit-box !important    ;
        display: -ms-flexbox !important    ;
        display: flex !important    ;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-right: 0px!important;
        bottom: 10px;
        -webkit-box-align: end;-ms-flex-align: end;align-items: end;
    }

    html .lang-0 .article-content a.button p {
        margin-bottom: 0;
        opacity: 0.8!important;
    }

    html .lang-0 .article-list.box-view .menopause-teaser .article-content .button {
        bottom: 35px;
    }

    html .lang-0 .article-list.list-view .article .button:after, 
    html .lang-0 .article-list.box-view .article .button:after {
        top: 8px;
    }

    /*Content*/

    .ym-wrapper.full-width {
        width: 100%;
        max-width: unset;
        padding: 0;
    }

    #main {
        z-index: 1;
        padding: 140px 0 0;
        margin: 0;
        min-height: 715px;
    }

    .ym-wrapper {
        max-width: 1430px;
        padding: 0px 10px;
    }

    .ym-wrapper.closer {
        max-width: unset;
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 0;
    }

    .ym-wrapper.closer #closer-content .textile,
    .ym-wrapper.closer #closer-content > * {
        max-width: 1430px;
        margin: 0 auto;
    }

    .fullwidth {
        max-width: unset!important;
    }

    /*Fixed Sidebar*/
    .content-sidebar {
        position: sticky!important;
        top:60px!important;
        height: auto;
        overflow: inherit;
    }

    .content-main {
        position: relative;
    }
    /*Intro*/

    .channel_bg .container {
        max-width: 1430px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }

    .channel_bg {
        padding: 0;
        background: #B2AFB7;
        position: relative;
        margin: 0;
    }
    .page_1 .channel_bg {
        background: #F9F9F9;
    }

    .channel_bg img.intro {
        margin-bottom: -7px;
        width: -webkit-fill-available;
    }


    /*Intro Startseite*/

    .page_1 .intro-button {
        display: none;
    }

    .page_1 .channel_bg,
    .page_1 .channel_bg img.intro {
        min-height: unset;
        overflow: hidden;
        width: auto;
        text-align: end;
    }

    .page_1 img.intro {
        -webkit-transform: translate(8%, 0px);
        -ms-transform: translate(8%, 0px);
        transform: translate(8%, 0px);
        width: -webkit-fill-available;
        max-width: calc(1430px - 320px);
    }

    .page_1 .slide-text span.slide-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 25px;
    }

    .page_1 .slide-text {
        color: #232522;
        text-transform: none;
        left: 0;
        top: 3rem;
        font-size: 30px;
        line-height: 41px;
        font-weight: 300;
    }
    .page_1 .slide-text span {
        text-transform: none;
        font-size: 20px;
        margin: 4px 0 0;
        display: block;
        line-height: 36px;
        font-weight: 300;
    }
    .page_1 .slide-text img {
        width: auto;
        margin: 25px 0 0;
    }

    .page_1 .slide-text span.icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }


    /*Intro Ärzte-Links Startseite*/

    .link-container {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        font-size: 15px;
        font-weight: 500;
        padding: 12px 10px;
        z-index: 99;
        background: #fff;
        opacity: 1;
        min-width: 125px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);    
            box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
        text-align: center;
        margin: 0 auto;
        border-radius: 28px;
    }


    .dname.shf .link-container,
    .dname.sh .link-container {
        width: auto;
    }

    a:hover .link-container {
        -webkit-box-shadow: 0px 3px 12px rgb(0 0 0 / 22%);
                box-shadow: 0px 3px 12px rgb(0 0 0 / 22%);
        -webkit-transform: scale(1.04);
            -ms-transform: scale(1.04);
                transform: scale(1.04);
        background: #f9f9f9;
    }

    .doc-labels .mobile {
        display: none;
    }

    .doc-labels {
        text-align: left;
        position: absolute;
        z-index: 99;
        right: -5rem;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 0.5rem;
    }

    a.dname {
        -webkit-transform: translateY(7rem);
        -ms-transform: translateY(7rem);
        transform: translateY(7rem);
        width: calc(100% / 6 - 64px);
    }

    /*Artikel-Liste Startseite*/

    .page_1 .article-list.list-view .article.article-last,
    .page_1 .article-list.list-view .article.box-view {
        margin: 0
    }
    .page_1 .article-list.list-view .article-image,
    .page_1 .article-list.box-view .article-image {
        float: unset;
        width: 100%;
        overflow: hidden
    }
    .page_1 .article-list.list-view .article-content,
    .page_1 .article-list.box-view .article-content {
        -webkit-transition: 350ms all ease;
        -o-transition: 350ms all ease;
        transition: 350ms all ease;
    }

    .page_1 .article:hover .article-content,
    .page_1 .article-list.box-view .article:hover .article-content {
        max-height: 100%;
    }

    .page_1 .article-list.box-view .article:hover .article-content {
        max-height: calc(100% - 15px);
    }

    .page_1 .article-list.list-view,
    .page_1 .article-list.box-view  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .page_1 .article-list:last-child {
        margin-bottom: 20px;
    }

    .page_1 .article-list.list-view .article {
        height: auto;
        margin: 0;
        position: relative;
        width: calc(100% / 2 - 50px);
        background: #eee;
    }

    .page_1 .article-list.box-view .article {
        width: calc(100% / 3 - 65px);
        height: auto;
        position: relative;
        float: unset;
        margin: 0;
    }

    .page_1 .article-list.box-view .article .article-content {
        max-height: 45px;
    }

    .page_1 .article-list.box-view .article, .page_1 .article-list.list-view .article {
        border-radius: 20px;
        overflow: hidden;
        -webkit-box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
        box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
        position: relative;
    }

    .page_1 .article-image a {
        float: unset;
    }

    .article .title h4 {
        margin: 0;
        background: #fff;
        padding: 20px 30px;
    }

    .page_1 .article-image img {
        float: unset;
        height: 100%;
        width: 100%;
        min-height: 320px;
        max-height: 320px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: -5px;
    }

    .page_1  .article-list .button,
    .infoslider .article-list .video-link {
        position: absolute;
        right: 15px;
        bottom: 30px;
        right: 30px;
        background: none;
        color: #232522;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page_1  .article-list .button span{
        margin-right: 15px;
    }

    .page_1  .article-list .button a {
        width: 50px;
        height: 50px;
        display: block;
        border: 2px solid;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .blogslider .article-list .article-button a svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
    }

    .blogslider .article-list .article-button a:hover svg {
        -webkit-transform: rotate(-90deg) translatey(10px);
        -ms-transform: rotate(-90deg) translatey(10px);
        transform: rotate(-90deg) translatey(10px);
    }

    .slide-text {
        font-size: 26px;
        font-weight: 300;
        line-height: inherit;
        top: 102px;
        width: 100%;
        z-index: 50;
        color: #fff;
    }

    .intro-text {
        position: absolute;
        z-index: 1;
        width: 45%;
        top: 60px;
        color: #fff;
    }

    .page_1 .intro-text {
        width: 100%;
        text-align: left;
    }

    .infoslider .article-list .video-link {
        font-size: 18px;
        min-height: 42px;
    }

    /*Artikelliste Untersseiten*/

    .related-blogposts {
        padding-top: 40px;
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;*/
    }

    /*.related-blogposts .ec-blog-article .article-content {
        height: auto;
        position: relative;
        max-height: unset;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }*/

    .related-blogposts h4 {
        font-size: 22px;
        line-height: normal;
    }

    .ec-blog-article .article-content {
        max-height: 100%;
        position: inherit;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        padding: 25px 38px 100px 32px;
    }
    .article-list.related-blogposts .article.ec-blog-article.articlecount-1,
    .article-list.related-blogposts .article.ec-blog-article.articlecount-2,
    .article-list.related-blogposts .article.ec-blog-article.articlecount-3 {
        min-height: unset;
    }

    .ec-blog-article.article .article-content p {
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .article-list.related-blogposts .article:hover .article-content p {
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .ec-blog-article.article .button:visited,
    .ec-blog-article.article .button,
    .article-list.list-view .article .button,
    .article-list.box-view .article .button,
    .blogslider .article-content .button,
    .infoslider .video-link,
    html .box-fullwidth .button,
    html .box-fullwidth .button:visited,
    .article-list.list-view .article .button:visited,
    .infoslider .article-list .video-link:visited,
    .article-list.box-view .article .button:visited,
    .blogslider .article-content .button:visited,
    .splide .splide-content .button,
    .splide .splide-content .button:visited {
        background: transparent;
        color: inherit;
        padding-right: 80px;
        margin-right: 20px;
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
        padding-left: 10px;
        font-weight: 400;
    }

    .ec-blog-article.article .button:hover,
    .article-list.list-view .article .button:hover,
    .article-list.box-view .article .button:hover,
    .blogslider .article-content .button:hover,
    .infoslider .video-link:hover,
    html .box-fullwidth .button:hover,
    .ec-blog-article.article .button:active,
    .article-list.list-view .article .button:active,
    .article-list.box-view .article .button:active,
    .blogslider .article-content .button:active,
    .infoslider .video-link:active,
    html .box-fullwidth .button:active,
    .ec-blog-article.article .button:focus-visible,
    .article-list.list-view .article .button:focus-visible,
    .article-list.box-view .article .button:focus-visible,
    .blogslider .article-content .button:focus-visible,
    .infoslider .video-link:focus-visible,
    html .box-fullwidth .button:focus-visible,
    .splide .splide-content .button:hover,
    .splide .splide-content .button:active,
    .splide .splide-content .button:focus-visible {
        border: none;
        outline: none;
        background: none;
    }

    .ec-blog-article.article .button:after,
    html .box-fullwidth .button:after,
    .infoslider .video-link:after,
    .article-list.list-view .article .button:after,
    .article-list.box-view .article .button:after,
    .blogslider .article-content .button:after,
    .splide .splide-content .button:after {
        content: '';
        background: url(../img/sophienklinik-arrow-right.svg) 20px 21px no-repeat transparent;
        height: 60px;
        background-size: 19px;
        width: 60px;
        position: absolute;
        top: -8px;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        right: 0;
        border: 2px solid black;
        border-radius: 100%;
        -webkit-transform: rotate(0.75turn);
            -ms-transform: rotate(0.75turn);
                transform: rotate(0.75turn);
    }
    .ec-blog-article.article .button:hover:after,
    html .box-fullwidth .button:hover:after,
    .infoslider .video-link:hover:after,
    .article-list.list-view .article .button:hover:after,
    .article-list.box-view .article .button:hover:after,
    .blogslider .article-content .button:hover:after,
    .splide .splide-content .button:hover:after {
        background: url(../img/sophienklinik-arrow-right.svg) 20px 35px no-repeat transparent;
        background-size: 19px;
    }

    .box-view .ec-category-blog-article .article-image img {
        min-height: 380px;
    }

    .ec-category-blog-article.article-content .button {
        background: none;
        background-color: transparent;
        float: none;
        color: inherit;
        padding-right: 80px;
        margin-right: 20px;
        bottom: 30px;
    }

    .ec-category-blog-article .article-list h4,
    .page_1 .article-list .article-content h4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .ec-category-blog-article h4:after,
    .page_1 .article-list .article-content h4:after {
        content: '';
        background: url(../img/arrow.svg) 21px 12px no-repeat transparent;
        background-size: 9px;
        height: 40px;
        width: 40px;
        position: absolute;
        right: 30px;
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg);
    }

    .article-list.box-view .ec-category-blog-article h4:after {
        top: 26px;
    }

    .article-list.box-view .ec-category-blog-article:hover h4:after {
        top: 0px;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
    }

    .page_1 .article-list .article-content h4:after {
        right: 0;
    }

    .article:hover .ec-category-blog-article h4:after,
    .page_1 .article-list .article:hover h4:after {
        background: url(../img/arrow-down.svg) 12px 12px no-repeat #fff;
        background-size: 15px;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
                opacity: 0;
    }

    /*Artikelliste Box-Ansicht Fullwidth*/

    .box-fullwidth .button {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        padding: 9px 0px;
        border: none!important;
    }

    .box-fullwidth .article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-shadow: none!important;
                box-shadow: none!important;
        border-radius: 0px;
        margin-bottom: 50px;
    }
        .box-fullwidth .article .article-image {
        width: 32%;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 15%);
                box-shadow: 5px 5px 20px rgb(0 0 0 / 15%);
    }

    .box-fullwidth .article-content {
       position: relative;
       padding: 0;
       display: block;
       width: 65%;
    }

    html .box-fullwidth img,
    html .box-fullwidth a {
        margin-bottom: 0;
        text-decoration: none;
    }

    html .box-fullwidth h4 {
        margin-bottom: 20px;
    }

    .box-fullwidth p:empty,
    .box-fullwidth .article:hover p:empty{
        display: none;
    }

    .box-fullwidth .article-image img {
        height: 200px;
        margin-top: -4px;
    }

    /*Intro Unterseiten*/

    .intro-button svg path {
        stroke: #fff;
    }

    .intro-text,
    body:not(.page_1) .intro-text span  {
        font-size: 24px;
        line-height: normal;
        font-weight: 300;
        color: #fff;
        margin: 0;
    }

    html .intro-text .intro-button span {
        margin-right: 14px;
    }

    .intro-button span {
        margin-right: 15px;
    }

    .intro-button {
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px;
    }

     a.intro-button svg{
        padding: 18px;
        display: block;
        border: 2px solid #ffffff;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 15px;
    }


    a.intro-button svg,
    a.intro-button svg g#Icon_feather-arrow-down {
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
        
    }

     a.intro-button:hover svg g#Icon_feather-arrow-down {
        -webkit-transform: translate(2px, 10px);
        -ms-transform: translate(2px, 10px);
        transform: translate(2px, 10px);
    }

    .intro-text .cta-banner {
        background: transparent;
        padding: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: unset;
        border-radius: 50px;
        position: relative;
        z-index: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .intro-text .cta-banner a.button.accent,
    .intro-text .cta-banner a.button.tel {
        padding: 8px 25px 8px 30px;
        font-weight: 400;
    }

    .intro-text .cta-banner a.button.tel {
        border-radius: 50px;
        background: #fff;
        border: 2px solid #ffffff;
        color: #0b0e1f;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        gap: 8px;
    }

    .intro-text .cta-banner a.button.accent:hover,
    .intro-text .cta-banner a.button.tel:hover {
        border: 2px solid #A8D685;
        background: #A8D685;
    }

    .intro-text .cta-banner.wrapper {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .intro-text .cta-banner.wrapper a.button + .button {
        margin-left: 15px;
    }

    .intro-text .cta-banner.wrapper a.button.accent svg path {
        -webkit-transition: none;    -o-transition: none;    transition: none;
    }

    .page_1 .intro-text .cta-banner {
        display: none;
        opacity: 0;
        visibility: hidden;
    }


    /*Startseite*/

    .page_1 h1 {
        max-width: unset;
    }

    .page_1 h1,
    .page_1 h2 {
        font-size: 55px;
        line-height: 5rem;
        margin-bottom: 50px;
    }

    /*Logo Banner*/

    .logo-grid {
        padding: 6rem 0px;
    }

    .logo-grid h2 {
        text-align: center;
        display: block;
    }

    .logo-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 50px auto 0;
        max-width: 1280px;
    }

    .logo-inner .logos {
        margin: 0 20px 30px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: 200ms all;
        -o-transition: 200ms all;
        transition: 200ms all;
    }

    .logo-inner .logos:hover {
        -webkit-filter: none;
        filter: none;
    }
    .logos img {
        max-height: 60px;
    }
    .logos img.logo100 {
        max-height: 100px;
    }

    .logo-grid .logo-inner .logos img {
        max-width: 100%;
        width: auto;
    }

    /*Blogslider - Video/ Img Slider*/

    .ym-wrapper.closer #closer-content .blogslider,
    .ym-wrapper .infoslider {
        max-width: calc(1430px + 60px * 2);
    }

    .blogslider,
    .infoslider {
        width: 100%;
        position: relative;
        margin-bottom: 60px;
    }
    .flexslider_blog {
        width: 100%;
        margin: 0 auto;
        position: relative
    }
    .blogslider .head-slide,
    .infoslider .head-slide {
        padding-left: 0;
    }

    .blogslider .head-slide .slide-img,
    .infoslider .head-slide .slide-img {
        width: 33%;
    }

    .blogslider .article-content,
    .infoslider .slide-content{
        background: #fff;
        padding: 0;
        height: auto;
        position: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 50px;
    }

    .infoslider .slide-content {
        width: 53%;
    }
    .slide-width {
        padding: 0 50px;
    }

    /*splide slider*/

    .flexslider_blog .slides li {
        margin: 0;
        padding: 0;
        position: relative
    }
    .flex-slide {
        list-style: none;
        margin: 0
    }

    .slides .flex-slide > div {
        max-width: 1430px;
        margin: 0 auto;
        position: relative;
    }

    .flexslider {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        position: relative;
        zoom: 1
    }

    .flexslider .slides>li {
        display: none;
        -webkit-backface-visibility: hidden;
        position: relative;
        margin: 0;
        padding: 0
    }

    .flexslider .flex-slide-desc,
    .flexslider .flex-slide-title h5 {
        background: #0f5ea9;
        color: #fff;
        display: inline-block;
        position: absolute;
        text-transform: uppercase
    }
    .flexslider .flex-slide-title h5 {
        padding: .25em .55em .25em .5em;
        margin: 1em 0 0 .8em;
        font-size: 1.25em;
        font-weight: 700
    }
    .flexslider .flex-slide-desc {
        padding: .4em .5em;
        font-size: 2.5em;
        line-height: 1.3em;
        bottom: .8em;
        right: 0;
        width: 13.5em
    }
    .head-slide {
        padding: 0;
    }
    .head-slide img {
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .blogslider .article-button,
    .infoslider .article-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 50px;
        bottom: 0;
    }

    .blogslider .article-button a,
    .infoslider .article-button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .blogslider .article-button p,
    .infoslider .article-button p {
        height: 50px;
        margin-right: 15px;
        font-weight: bold;
    }

    .flexslider_blog .slides li.article,
    .infoslider .slides li.article {
        border-radius: 0px;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .blogslider .article-list .article-content p, .blogslider .article-list .article-content .button,
    .page_1 .blogslider .article-list .article-content p, .page_1 .blogslider .article-list .article-content .button {
        visibility: visible;
        opacity: 1;
    }

    .blogslider .article-list .article-content h4:after,
    .page_1 .blogslider .article-list .article-content h4:after {
        content: none;
    }

    /*Video / Img [No-Slider]*/

    .video-icon {
        background: url(../img/ui.svg) 0 -388px rgba(0, 0, 0, 0) no-repeat;
        display: block;
        height: 61px;
        left: 38%;
        position: absolute;
        top: 30%;
        width: 61px;
        z-index: 500;
        -webkit-filter: drop-shadow(2px 4px 6px #8a8a8a);
                filter: drop-shadow(2px 4px 6px #8a8a8a);
    }
    .video-link {
        margin: 14px 0 0;
        position: relative;
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .video-slide .slide-img img {
        -webkit-filter: brightness(0.9);
                filter: brightness(0.9);
    }
    .infoslider.no-slide {
        width: 100%;
        margin: 0 0 70px;
        float: none;
    }
    .infoslider.no-slide .head-slide {
        padding: 0;
        background: 0 0;
        display: -webkit-box;display: -ms-flexbox;display: flex;
    }
    .infoslider.no-slide .slide-content {
        float: left;
        width: 58%;
        margin-top: 0;
        padding: 0;
    }

    .infoslider.no-slide .slide-img {
        margin-right: 50px;
    }

    .infoslider.no-slide .article {
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0;
    }

    .infoslider.no-slide .slide-content h3 {
        margin: 0 0 20px;
    }

    .infoslider.no-slide .head-slide img {
        -o-object-fit: cover;
           object-fit: cover;
    }

    /* ECONSOR Blogslider*/

    .splide .splide-content .button {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: 10px 30px 40px;
        padding-left: 20px;
    }

    html .splide.col3 .splide-content {
        -webkit-box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
                box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
        margin: 40px;
        border-radius: 20px;
        height: calc(100% - 50px);
        overflow: hidden;
    }

    .splide__slide img {
        height: 280px;
        -o-object-fit: cover;
           object-fit: cover;
        margin-bottom: 20px;
        width: 100%;
    }

    .splide .splide-content h4,
    .splide .splide-content p {
        padding: 0px 30px 15px;
        margin-bottom: 0;
    }

    .splide .splide-content h4 {
        font-size: 22px;
        margin-top: 15px;
    }

    html body .splide__list {
        padding-bottom: 50px!important;
    }

    button.splide__arrow.splide__arrow--prev:after {
        content: '';
        background: url(../img/slider-arrow-right.svg) no-repeat;
        background-size: 15px;
        height: 30px;
        width: 15px;
        position: absolute;
        -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
                transform: scaleX(-1);
        left: -20px;
    }

    button.splide__arrow.splide__arrow--next:after {
        content: '';
        background: url(../img/slider-arrow-right.svg) no-repeat;
        background-size: 15px;
        height: 30px;
        width: 15px;
        position: absolute;
        left: 20px;
    }

    .splide__arrow--prev svg,
    .splide__arrow--next svg {
        display: none;
    }
    .splide__pagination .splide__pagination__page {
        height: 16px;
        margin: 10px;
        width: 16px;
    }
    .splide__pagination .splide__pagination__page.is-active {
        background: #414042;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        z-index: 1;
    }
    .splide .splide__pagination {
        bottom: 0;
        position: relative;
        margin-bottom: 50px;
    }

    /*Col 1*/

    .splide.col1 .splide-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        padding: 0 40px;
    }

    .splide.col1 .splide-content > a:first-of-type {
        float: left;
        width: 33%;
        margin-right: 30px;
        height: 100%;
        display: block;
    }

    .splide.col1 .splide__arrow {
        top: 38%;
    }

    .splide.col1 .splide-content > a img {
        height: calc(100% - 20px);
        border-radius: 20px;
        width: 100%;
    }

    .splide .splide-content p {
        font-weight: 300;
        font-size: 18px;
    }

    .splide.col1 .splide-content p {
        padding-bottom: 80px;
    }

    .ym-gbox-left .splide.col1 .splide-content p {
        padding-bottom: 120px;
    }

    .splide.col1 .splide-content .button {
        position: absolute;
        bottom: 0;
        right: 50px;
    }

    .splide.col1 .splide-content h4 {
        font-size: 25px;
        line-height: normal;
        font-weight: 300;
    }

    /*Col3*/
    .splide.col3 .splide__slide .splide-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .splide.col3 .splide-content .button {
        margin-top: auto;
    }
    /* Aerzte */
    .page_11 .content_image_description,
    .page_186 .content_image_description {
        float: left;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        font-size: 18px;
        margin: 0px 0px 10px 13px;
    }
    .page_11 .content_image,
    .page_186 .content_image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .page_11 .content_image a:first-child,
    .page_186 .content_image a:first-child {
        float: left;
    }

    .page_11 #main .content_image img,
    .page_186 #main-content .content_image img {
        height: 65px;
        width: auto;
        border-radius: 50%;
    }

    .page_11 .content_image, .textile img, p,
    .page_186 .content_image {
        margin: 0 0 25px 0;
    }

    .textile img {
        border-radius: 20px;
    }
    /*Infobox*/
    .infobox .info_image a img {
        float: left;
        margin: 0 0 1px
    }
    .infobox .info_image {
        float: none;
        margin-right: 30px;
        margin-top: 0;
        max-width: calc(100%/2);
        width: auto;
        min-width: 180px;
        margin-bottom: 0;
    }
    .infobox .info_image img {
        float: none;
        border-radius: 20px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top;
           object-position: top;
           width: -webkit-fill-available;
    }
    .infobox .info_image.right {
        float: right;
        margin-left: 25px;
        margin-right: 0
    }
    .infobox {
        margin: 0 0 45px
    }
    .info-box-wrap {
        background: #fff;
        /*min-height: 192px;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .info-box-wrap .info-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .info-box-wrap .info-text h4 {
        margin-bottom: 20px;
    }
    .infobox .info_image a img {
        margin-bottom: 20px;
    }
    .info-box-wrap .button {
        padding: 20px 0 0 0;
    }

    .info-box-wrap .info-text .button {
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 20px;
        color: inherit;
        float: unset;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-right: 0;
        margin-top: auto;
    }

    .info-box-wrap .info-text .button:after {
        content: '';
        background: url(../img/sophienklinik-arrow-right.svg) 20px 21px no-repeat transparent;
        height: 60px;
        background-size: 19px;
        width: 60px;
        display: block;
        margin-top: -20px;
        margin-left: 20px;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        border: 2px solid black;
        border-radius: 100%;
        -webkit-transform: rotate(0.75turn);
            -ms-transform: rotate(0.75turn);
                transform: rotate(0.75turn);
    }

    .info-box-wrap .info-text .button:hover:after {
        background: url(../img/sophienklinik-arrow-right.svg) 20px 35px no-repeat transparent;
        background-size: 19px;
        color: inherit;
    }
    .info-text {
        padding: 0;
        width: 100%;
    }
    .info-text.right {
        padding: 30px 0 10px 25px
    }
    .article-download .info-text a {
        float: right
    }

    /*Infobox Intro*/
    .infobox.intro .info-text {
        padding: 0;
    }

    .infobox.intro .button {
        float: unset;
        background: url(../img/ui.svg) 14px -1181px no-repeat #868488;
    }

    /*Map*/

    #map {
        height: 500px;
        margin-bottom: 50px;
        width: 100%
    }
    #map p,
    .content-wbox ul.searchresults {
        margin: 0
    }

    /*Suche*/
    input#search {
        width: 350px;
        font-size: 3em;
        padding: 5px 0 5px 63px;
        color: #0078b6;
        border: 1px solid #ccc;
        background: url(../img/search-pop.png) 16px 13px no-repeat #fff
    }
    .content-wbox ul.searchresults li {
        padding: 0;
        margin: 0;
        list-style: none;
        background: 0 0
    }
    .searchresults h4 {
        font-size: 1.4em
    }
    .searchresults p {
        margin: .8em 0 0;
        font-size: 1em
    }
    .searchresults p strong {
        color: #0078b6!important
    }

    /*Info Table*/
    #main .info-table {
        font-size: .9em
    }
    #main .info-table th {
        width: 100%;
        border: 0;
        margin: 1em .5em .6em
    }
    #main .info-table .headline-cell h4 {
        font-weight: 500;
        font-size: .8em
    }
    #main .info-table td {
        border: 1px solid #ccc;
        border-right: 0;
        padding: .4em .5em
    }
    #main .info-table .first-cell td {
        border: 0
    }
    #main .info-table table,
    #main .info-table tbody .first-cell td {
        border-top: 0
    }
    #main .info-table .inner-cell {
        font-size: .9em
    }
    .table-text {
        margin: 1em 0 0
    }
    .dqs {
        float: left;
        padding: 0 2.1em 0 0
    }
    .no-bg .info-box-wrap {
        background-color: #fff
    }
    .desktop-contact {
        display: block
    }
    .bportal {
        background: #A8D685;
        float: left;
        width: 30%;
        margin: 0 3% 3% 0
    }
    .bportal.third {
        width: 32%;
        margin: 0 0 3%
    }
    .bportal-inner {
        padding: 31px
    }
    .portal-img {
        margin: 0 0 30px
    }
    .button.bewerten {
        background: url(../img/ui.svg) 13px -1048px no-repeat #5f6586
    }
    img.kf-rank {
        width: 100%;
        margin: 30px 0 0
    }
    .fbar {
        background: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35)
    }
    .fbar-inner {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        height: 60px
    }
    .fbar span {
        color: #232522;
    }
    .fbar span.fbhl {
        font-size: 18px;
        margin: 20px 0 0 90px;
        display: inline-block
    }
    span.fbtext {
        padding: 0 0 0 10px
    }
    .fbar .button.blue {
        font-size: 13px;
        padding: 13px 24px 12px;
        background: #232522;
        border: 2px solid #232522;
        color: #fff;
        float: right;
        margin: 8px 0 0
    }
    .fbar-inner img {
        position: absolute;
        bottom: 0;
        left: -150px
    }
    /*.category_9 .content_image img {
        width: auto
    }*/
}

/* Erweiterte Textmodule 2020 */

.textile.flex-counting span.counting-numbers {
    background: #A8D685;
    border-radius: 100%;
    color: #232522;
    font-family: 'Poppins';
    font-size: 25px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

.textile.flex-counting p, .textile.flex-counting h2, .textile.flex-counting h3, .textile.flex-counting h4, .textile.flex-counting ul, .textile.flex-counting .facts-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 85%;
    flex: 0 85%;
    margin-left: 30px;
    -ms-flex-preferred-size: calc(100% - 90px);
        flex-basis: calc(100% - 90px);
}
.textile.flex-counting p,
.textile.flex-counting .reels {
    -ms-flex-preferred-size: calc(100% - 90px);
        flex-basis: calc(100% - 90px);
}

.textile.flex-counting ul {
    -ms-flex-preferred-size: calc(100% - 106px);
        flex-basis: calc(100% - 106px);
}

.textile.flex-counting h3 {
    line-height: 30px;
    margin-top: 15px;
}
.textile.flex-counting .facts-box h3,
.facts-box h3 {
    margin-left: 0;
}

.facts-box h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.textile.flex-counting ul {
    margin-top: 0px;
    margin-bottom: 10px;
}
.textile.flex-counting img {
    width: 90%;
    border-radius: 20px;
}
.textile.flex-counting iframe {
    width: 100%;
}
.textile.flex-counting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.textile.flex-counting .button,
.textile .button {
    background: url(../img/arrow-right-white.svg) 14px no-repeat #868488;
}
.textile .button a {
    color: #232522;
}
.textile.flex-counting .button,
.textile .button {
    background: url(../img/arrow.svg) 43px no-repeat #A8D685;
    border-radius: 30px;
    border: 2px solid transparent;
    color: #232522;
    font-weight: 300;
    font-size: 18px;
    margin-left: 20px;
    padding: 15px 45px 15px 60px;
    margin-left: 0;
    text-decoration: none;
    font-weight: 400;
}
.textile .button:hover {
    border: 2px solid #a8d685;
}

.textile.cookieconsent-optout-marketing .button {
    color: #232522;
}

.textile.flex-counting .button:visited {
    opacity: .85;
    color: #fff;
    cursor: pointer;
}

.textile.flex-counting ul li + br,
.textile.flex-counting p:empty  {
    display: none;
}
.textile.flex-counting {
    margin-top: 50px;
}

/*Akkordeon*/
.ui-accordion ul li {
    line-height: 1.75rem;
}
.ui-accordion .ui-accordion-header .ui-icon {
    left: 95%!important;
}
.ui-accordion-content .plus_image a.fancybox.plus img {
    display: none;
}

.textile .ui-accordion h3 {
    line-height: 25px;
}

div.ui-accordion span.ui-icon.ui-icon-triangle-1-s {
    background-position: 4px -2287px;
}

div.ui-accordion .content-wbox ul {
    margin: 15px 0px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: url(../../img/arrow-down.svg) 32px 24px no-repeat!important;
    background-size: 13px!important;
}

#main .ui-accordion h3 a {
    font-weight: 400;
    padding-left: 57px;
}

#accordion-1 + .textile {
    margin-top: 50px;
}

.ui-helper-reset a {
    line-height: 22px;
}

.ui-accordion img.left_align {
    max-width: 80px;
    float: left;
    margin-right: 20px;
}

.ui-accordion.ui-widget {
    background: #F9F9F9;
    -webkit-box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
            box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
    border-radius: 20px;
    margin-top: 2rem;
}

.ui-accordion.ui-widget .ui-accordion-content:last-child {
    padding-bottom: 20px;
    border-radius: 0 0 20px 20px;
}

.ui-accordion-header {
    font-weight: 300;
}

.ui-state-active {
    color: #0b0e1f;
}

.ui-state-default a, .ui-state-default a:link {
    color: #0b0e1f;
}

.ui-accordion .ui-accordion-content ul li {
    margin-left: 1.2em;
}

/*Fakten zur Behandlung - Brust-Vergrößerung 2020 */
.facts-box {
    margin: 50px 0;
    padding: 5px 0;
}
.facts-box table {
    border:0px!important;
}
.facts-box h2 {
    font-weight: 500;
    font-size: 25px;
    margin-top: 0;
}
.facts-box p:empty {
    display: none;
}

tbody:hover {
    cursor: auto;
}

tr:nth-child(2n) {
    background: #F9F9F9;
}
.facts-box tbody td, .facts-box tbody th {
    border-top: none;
}

.facts-box.half-col td{
    width: 50%;
}

.facts-box + p:has(.button),
.facts-box + p:empty + p:has(.button) {
    margin-top: -30px;
}

/* Doc Box */

.doc-box.cta-box {
    background-color: #f9f9f9;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    margin: 45px 0 50px;
}
.doc-box.cta-box:before,
.doc-box.cta-box:after {
    content: none;
}

.doc-box.cta-box.list-view .article-content{
    margin: unset;
    padding: 35px 24px;
    width: 100%;
}
.doc-box.cta-box.list-view .article-image {
    margin-right: 24px;
}

.doc-box.cta-box.list-view .contact-data .phone-number.mail {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.article-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

.article-content-wrapper.col2 .doc-box,
.article-content-wrapper.col3 .doc-box,
.article-content-wrapper.col4 .doc-box,
.article-content-wrapper.col5 .doc-box,
.article-content-wrapper.col6 .doc-box,
.article-content-wrapper.col7 .doc-box,
.article-content-wrapper.col8 .doc-box {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.article-content-wrapper.col1 .doc-box {
    width: 100%;
}

.article-content-wrapper.col2,
.article-content-wrapper.col4 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.article-content-wrapper.col3 .doc-box,
.article-content-wrapper.col5 .doc-box,
.article-content-wrapper.col6 .doc-box,
.article-content-wrapper.col7 .doc-box,
.article-content-wrapper.col8 .doc-box,
.article-content-wrapper.col2 .doc-box,
.article-content-wrapper.col4 .doc-box  {
    width: calc(33.33% - 10px);
    margin-bottom: 20px;
}

.article-content-wrapper.col2 .doc-box,
.article-content-wrapper.col4 .doc-box {
    margin-right: 15px;
}

.article-content-wrapper.col4 .doc-box:nth-of-type(3){
    margin-right: 0;
}

.article-content-wrapper.col5 .doc-box:last-child,
.article-content-wrapper.col7 .doc-box:last-child,
.article-content-wrapper.col8 .doc-box:last-child {
    margin-right: auto;
    margin-left: 15px;
}

.article-content-wrapper:not(.col1) .doc-content{
    padding-right: unset;
    padding: 30px;
}

.article-content-wrapper.col2 .doc-content,
.article-content-wrapper.col3 .doc-content,
.article-content-wrapper.col4 .doc-content,
.article-content-wrapper.col5 .doc-content,
.article-content-wrapper.col6 .doc-content,
.article-content-wrapper.col7 .doc-content,
.article-content-wrapper.col8 .doc-content {
    padding: 20px;
}

.article-content-wrapper:not(.col1) .article-image {
    height: auto;
    width: 100%;
    margin-right: 0;
    max-height: 225px;
}

.article-content-wrapper:not(.col1) .article-image img {
    border-radius: 20px 20px 0 0;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.article-content-wrapper:not(.col1) .doc-box .contact-data {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.article-content-wrapper:not(.col1) .ec-contact-button.phone-number {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 20px;
}

.article-content-wrapper:not(.col1) .cta-banner.center {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}

.article-content-wrapper:not(.col1) h4 {
    margin-bottom: 20px;
}

.article-content-wrapper:not(.col1) .ec-contact-button.phone-number {
    background: url(../img/phone.svg) 15px no-repeat #A8D685;
    background-size: 22px;
    width: 50px;
    height: 50px;
}
.article-content-wrapper:not(.col1) .ec-contact-button.phone-number:hover {
    background: url(../img/phone.svg) 15px no-repeat transparent;
    background-size: 22px;
}

.article-content-wrapper:not(.col1) .ec-contact-button.phone-number.mail {
    background: url(../img/mail.svg) 13px no-repeat #A8D685;
    background-size: 25px;
}

.article-content-wrapper:not(.col1) .ec-contact-button.phone-number.mail:hover {
    background: url(../img/mail.svg) 13px no-repeat transparent;
    background-size: 25px;
}

.article-content-wrapper:not(.col1) .doc-box .cta-banner.center a.button.appointment {
    padding: 10px 14px 10px 43px;
    background: url(../img/calendar.svg) 16px 15px no-repeat #232522;
    font-size: 16px;
    background-size: 18px;
}

.article-content-wrapper:not(.col1) .doc-box .cta-banner.center a.button.appointment:hover {
    background: url(../img/calendar-black.svg) 16px 15px no-repeat transparent;
    background-size: 18px;
}
 .doc-box .cta-banner.center a.button.appointment:hover {
    color: #fff;
}

.article-content-wrapper.col4 .doc-box {
    margin-bottom: 20px;
}


.doc-content {
    padding-right: 50px;
}

.article-content-wrapper:not(.col1) .doc-content {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.doc-box  {
    align-items: center;
    background: #f9f9f9;
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
            box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.doc-box .article-image {
    padding: 0;
    left: 0;
    height: 260px;
    width: 260px;
    margin-right: 50px;
}
.doc-box .article-image img {
    float: none;
    border-radius: 20px 0 0 20px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
}
.doc-box.list-view .article-content {
    background: none;
    width: auto;
    float: none;
    height: auto;
    padding: 0;
    position: inherit;
    max-height: 100%;
    margin: auto;
}
.doc-box h4 {
    font-size: 22px;
    margin-bottom: 30px;
    line-height: normal;
}
.doc-box h5 {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 400;
}
.doc-box a {
    font-weight: 500;
    word-break: inherit;
}

hr {
    text-align: center;
    border-bottom: none;
}

.doc-box .cta-banner {
    background: #A8D685;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    -webkit-transform: none;
/-ms-transform: none;
    -ms-transform: none;
        transform: none;
    border-radius: 50px;
}

.doc-box .center {
    margin: 0;
}

.doc-box .cta-banner.center a.button.appointment {
    padding: 14px 35px 14px 55px;
    background: url(../img/calendar.svg) 24px 18px no-repeat #232522;
}
.doc-box .cta-banner.center a.button.appointment:hover {
    background: url(../img/calendar-black.svg) 24px 18px no-repeat transparent;
    color: #232522;
}

.doc-box.list-view .article-content > h4, .doc-box.list-view .article-content > h5 {
    padding-right: 50px;
}

/*Buttons docbox*/

.ec-contact-button.phone-number.mail {
    background: url(../img/mail.svg) 16px no-repeat #A8D685;
    background-size: 28px;
    border: 2px solid transparent;
    border-radius: 100%;
    color: inherit;
    display: inherit;
    height: 60px;
    margin-left: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
}
.ec-contact-button.phone-number.mail:hover {
    background: url(../img/mail.svg) 16px no-repeat transparent;
    background-size: 28px;
    border: 2px solid #232522;
    cursor: pointer;
}

.ec-contact-button.phone-number {
    background: url(../img/phone.svg) 17px no-repeat #A8D685;
    background-size: 24px;
    border: 2px solid transparent;
    border-radius: 100%;
    color: inherit;
    display: inherit;
    height: 60px;
    margin-left: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 60px;
}

.ec-contact-button.phone-number:hover {
    background: url(../img/phone.svg) 17px no-repeat transparent;
    background-size: 24px;
    border: 2px solid #232522;
    cursor: pointer;
}

.doc-box .contact-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
}


/* CTA-Box */
.cta-box {
    background-color: #FFB752;
}
.cta-box h4 {
    line-height: 30px;
    margin-bottom: 10px;
}
.cta-box p {
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.cta-box.list-view .article-content {
    padding: 0;
}

.cta-box .article-image {
    max-width: 90%;
}

.cta-box .article-image,
.cta-box .article-image img {
    width: 100%;
    height: 100%;
    max-height: unset;
}

.cta-box a.button.accent.appointment.mobile {
    display: none;
}
.cta-box span.ec-contact-button a {
    width: 100%;
    height: 100%;
    display: block;
}

/* Mitscrollende Kontakt Box */
#fixed-navi span.close-button {
    display: none;
}
#fixed-navi {
    z-index: 100;
    position: fixed;
    top: calc(50% - 550px / 2);
    right: 0px;
    width: calc(93px + 5px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}
#fixed-navi:hover {
    width: calc(93px + 500px);
}
#fixed-navi .title {
    position: absolute;
    background: #232522;
    top: 540px;
    width: 500px;
    height: 38px;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 20px;
    left: 25px;
}
#fixed-navi .title div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 35px;
}
#fixed-navi .title div svg {
    height: 35px;
    width: 35px;
    position: absolute;
    left: 23%;
    top: 25%;
}
#fixed-navi .title div svg .st0 {
    fill: #ffffff;
}
#fixed-navi .content {
    position: absolute;
    left: 100px;
    width: 460px;
    height: 470px;
    padding: 35px;
    overflow: hidden;
    background-color: #dae1e1;
}
#fixed-navi .title p{
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    text-transform: none;
    margin: 3px 0 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 250px;
}
#fixed-navi .content .text1 {
    display: block;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 6px;
}
#fixed-navi .content .text2 {
    display: block;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}
#fixed-navi .content img {
    display: block;
    max-width: 100%;
    margin-bottom: 4px;
}
#fixed-navi .content table {
    width: 100%;
    margin:0px;
}
#fixed-navi .content table td,
#fixed-navi .content table {
    border:none;
}
#fixed-navi .content table td {
    padding: 0;
}
#fixed-navi .content table td p {
    margin: 0;
}
#fixed-navi .content table td h4,
#fixed-navi .content h4 {
    margin:20px 0 10px 0;
}
#fixed-navi tbody tr:hover td,#fixed-navi tbody tr:hover th {
    background: none;
}
#fixed-navi .doc-img {
    margin:22px 35px 12px 0px;
}
#fixed-navi .spezialist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 6px;
}
#fixed-navi  .spezialist h4 {
    width: 100%;
}
#fixed-navi .spezialist span,
#fixed-navi .spezialist a {
    background: url(../img/ui.svg) 14px -1186px no-repeat #868488;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 9px 14px 8px 28px;
    margin-right: 20px;
}
#fixed-navi .spezialist a,
#fixed-navi .spezialist span a{
    color: #ffffff;
    font-size: 18px; line-height:1.5rem!important;
    font-weight: 500;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}
#fixed-navi .spezialist a:hover,
#fixed-navi .spezialist span:hover {
    opacity: 0.9;
}

/*-- FOCUS-Top-Mediziner --*/
.page_1 .slide-text span.check-badge img.image-siegel {
    width: 30px!important;
    margin-top: 10px;
    margin-right: 10px;
}
.page_1 span.check-badge {
    width: 86%;
    margin-top: 0px;
    text-align: end;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.page_1 span.check-badge span {
    font-size: 14px;
    font-weight: 600;
}

/* Reasons Why - Box*/
.centered-headline .container-box {
    width: 1200px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 0px 20px;
}
.centered-headline,
.reason-why {
    width: 100%;
    max-width: unset;
}

.reason-why h2 {
    margin-bottom: 30px;
}

.page_1 .reason-why {
    background: #F9F9F9;
    padding: 0;
    position: relative;
}

.reason-why .container-box {
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 100px 0px 100px;
    text-align: left;
}
.reason-why p {
    font-size: 18px; line-height:1.5rem!important;
    line-height: 22px;
}

.reason-why h2 + p {
     padding-bottom: 50px;
     font-size: 22px;
}

.reason-why .content-box h4{
    margin: 25px 0;
}
html .reason-why .content-box p {
    margin-bottom: 0px;
}

.reason-why .ym-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.reason-why .ym-g50 {
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
    box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
    position: relative;
    background: #fff;
    width: calc(100% - 60px);
    padding: 30px 30px 40px;
}

.reason-why .green-bg {
    background: #ffffff;
}

.reason-why .ym-gbox {
    padding: 0;
}

html .reason-why .green-bg  ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0;
    max-width: 70%;
}

html .reason-why .green-bg  ul li {
    margin-left: 0;
    width: auto;
    margin-right: 20px;
    min-width: 62px;
}

html .reason-why .green-bg ul li:before {
    content: url(/files/check.svg);
    margin-right: 8px;
}


/* Kontakt Sidebar */

.side-contact .mobile {
    display: none;
}
.side-contact .doc-box {
    display: block;
    width: 100%;
}
.side-contact .article-content-wrapper .doc-content {
    height: auto;
}

/* CTA Banner */
.page_7 .cta-banner {
    display: none;
}

.cta-banner {
    background: #A8D685;
    padding: 20px 25px 20px 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    -webkit-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
    border-radius: 50px;
    position: relative;
    z-index: 1;
}

#channel_intro .cta-banner {
    z-index: 100;
}

#channel_intro .cta-inner span.title {
    font-weight: 400;
}
#channel_intro .button {
    font-weight: 400;
}
.cta-inner {
    color: #232522;
    font-size: 18px; line-height:1.5rem!important;
    gap: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cta-banner a.button {
    margin: 0;
    background: #e7f2d4;
    color: #0b0e1f;
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: 40px;
    padding: 12px;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 30px;
    min-height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
}
.cta-banner a.button.accent,
.cta-buttons a.button.accent {
    background: #232522;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 50px;
    padding: 13px 25px 13px 30px;
    gap:10px;
    color: #fff;
    border: 2px solid #232522;
}

.cta-banner a.button.accent:hover, .cta-buttons a.button.accent:hover, .cta-banner a.button:hover {
    border: 2px solid #232522;
    background: transparent;
    color: #232522;
}

.cta-banner a.button.accent:hover svg path,
.cta-buttons a.button.accent:hover svg path {
    stroke: #232522;
}

.cta-banner a.button.accent svg path,
.cta-buttons a.button.accent svg path {
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}
/* CTA Button under Kontaktform*/

.cta-banner.center {
    background: none;
    margin: 0px;
    padding: 0px;
}
.cta-banner.center a.button {
    padding: 14px 25px 14px 52px;
}
.cta-banner.center a.button.appointment,
.cta-buttons a.button.appointment {
    background: url(../img/calendar.svg) 24px 20px no-repeat #232522;
    color: #ffffff;
    font-weight: 300;
    border: 2px solid transparent;
    padding: 19px 35px 19px 55px;
    font-weight: 400;
}
.cta-banner.center a.button.appointment:hover,
.cta-buttons a.button.appointment:hover {
    background: url(../img/calendar-black.svg) 24px 20px no-repeat transparent;
    border: 2px solid #232522;
    color: #232522;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

.cta-buttons a.button.mail {
    background: url(../img/mail.svg) 24px 22px no-repeat #A8D685;
    color: #232522;
    font-weight: 300;
    border: 2px solid transparent;
    padding: 19px 35px 19px 55px;
    background-size: 22px;
    font-weight: 400;
}
.cta-buttons a.button.mail:hover {
    background: url(../img/mail.svg) 24px 22px no-repeat transparent;
    border: 2px solid #232522;
    color: #232522;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
    background-size: 22px;
}

/* CTA Buttons mit trenner*/
.cta-buttons {
    margin: 60px 0px 60px;
}
.cta-buttons a.button {
    margin: 0;
    color: #ffffff;
    background: #868488 url(/files/ui-cta.svg) 28px -198px;
    background-repeat: no-repeat;
    background-size: 40px;
    padding: 19px 35px 19px 55px;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    border-radius: 30px;
    transition: 300ms all;
    border: 2px solid transparent;
}

.cta-buttons a.button:hover {
    background: transparent url(/files/ui-cta.svg) 28px 25px;
    background-repeat: no-repeat;
    background-size: 40px;
    border: 2px solid #868488;
    color: #868488;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

span.trenner {
    color: #868488;
    font-size: 16px;
    opacity: 0.7;
    white-space: nowrap;
}


form#kontakt span.checkspan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    float: left;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 10px;
    margin-top: 10px;
    padding-right: 20px;
}

/* Zitat */

blockquote {
    margin: 50px 0;
    position: relative;
    background: rgb(249 249 249);
    z-index: 0;
    border-radius: 20px;
    -webkit-box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
    box-shadow: 8px 10px 15px rgb(0 0 0 / 15%);
}

blockquote::before {
    content: '';
    width: 120px;
    height: 120px;
    display: block;
    background-image: url(/files/quote-icon.svg);
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: -1;
    opacity: 0.5;
}

blockquote p {
    padding: 62px 80px 50px 115px;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
}

#main .ui-accordion .ui-accordion-content blockquote p {
    margin: 0;
}

#main .ui-accordion .ui-accordion-content blockquote {
    margin: 20px 0 30px;
}

/*Allgemein*

.ym-gbox-left.ym-clearfix img{
    width: 100%;
}

.page_191 #main {
    background-color: #fff;
}
.page_191 #main .ym-wrapper.full-width {
    height: 0;
    overflow: hidden;
}
.page_191 #main .ym-wrapper.main-content {
    padding-top: 120px;
}*/

/*corona*/

.homepage-hint {
    margin: 35px 0;
    padding: 29px;
    background-color: #fff;
}
.homepage-hint p.headline {
    font-size: 22px;
    font-weight: 300;
}
.homepage-hint a.hint-link {
    background: url(../img/ui.svg) 18px -1186px no-repeat #5f6586;
    bottom: 0;
    padding: 9px 16px 9px 38px;
    border: 0;
    width: auto;
    border-radius: 0;
    font-size: 18px; line-height:1.5rem!important;
    background: url(../img/ui.svg) 24px -1048px no-repeat #5f6586;
    cursor: pointer;
    opacity: .85;
    color: #fff;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    background-color: #5f6586;
    display: inline-block;
}

.homepage-hint {
    background-color: rgb(255, 255, 255);
    margin: 22px 0px 48px;
    padding: 29px;
    border-width: 4px;
    border-style: solid;
    border-color: rgb(249, 0, 0);
    -o-border-image: initial;
    border-image: initial;
}
.homepage-hint a.hint-link {
    bottom: 0px;
    width: auto;
    cursor: pointer;
    opacity: 1;
    color: rgb(255, 255, 255);
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    display: inline-block;
    background: url(../img/ui.svg) 18px -1186px no-repeat rgb(249, 0, 0);
    padding: 9px 14px 9px 28px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 35px;
}


/* Core Web Vitals 2022 */
.flexslider .slides img,
.page_1 .article-list.list-view .article-image img,
.logos img {
    width: 100%;
    height: auto;
}
.reason-why img {
    width: 100%;
    height: 100%;
    max-width: 95px;
    max-height: 95px;
}
#channel_intro {
    float: unset;
}
.infoslider {
    min-height: 215px;
    margin-bottom: 10px;
}

/*Footer*/

footer {
    background: #A8D685;
    color: #232522;
    padding: 100px 0;
    margin-top: 9.375rem;
}
footer p,
footer b,
footer a {
    font-size: 18px;
    margin: 0;
}

footer strong {
    font-weight: 700;
}

footer a {
    font-weight: 500;
}

footer .ym-gbox h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

footer .ym-gbox {
    padding: 0;
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-logo {
    margin-right: 50px;
}

.footer-links {
    float: right;
    margin: 0 0 23px;
    color: #a6a9b6;
    font-size: 13px
}

#logo-footer {
    margin: 2.3em 0 0 .4em
}


.share-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.share-links > div {
    width: 100%;
    margin-bottom: 10px;
}

.share-links a {
    margin-right: 10px;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

.share-links img {
    width: auto;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

.share-links a:hover img {
    opacity: 0.8;
}

.socket {
    max-width: 1430px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    font-size: 12px;
}

html h6.top-link {
    position: fixed;
    right: 35px;
    bottom: 2%;
    z-index: 700;
    padding: 0 0 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}

html .isScroll h6.top-link {
    opacity: 1;
    visibility: visible;
}

#copyright {
    font-size: .8em;
    padding: 1.1em 0 0 .8em
}

.copyright {
    float: left;
    margin: 23px 0 23px;
    color: #a6a9b6;
    font-size: 13px;
}
.copyright a {
    color: #a6a9b6;
}

#copyright,
#copyright a {
    color: #6b6d75;
}
#footer-logo img {
    width: 165px
}
footer h6 {
    padding: 11px 0 14px 60px;
    color: #232522;
    font-size: 16px
}


/*Allgemeines CSS*/

.content-wbox .splide ul li {
    padding: unset;
    background: none;
}

.article-image img,
.ec-custom-article {
    border-radius: 20px 20px 0 0;
    width: 100%;
    float: left;
    max-height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
}

.page_3 .article-image img {
    background-color: #b2afb8;
}
.ec-custom-article {
    position: relative;
    margin-bottom: 20px;
}
#closer-content .ym-wrapper .ym-grid.additional-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
#closer-content .ym-wrapper .ym-grid.additional-list .ym-g50 {
    min-width: 400px;
    margin: 0
}
#closer-content .ym-wrapper .ym-grid.additional-list .ym-g50 .ym-gbox {
    padding: 0 20px
}


.article-image a {
    display: block;
    float: left;
    width: 100%;
}
.article-list.related-blogposts .article-content .button {
    bottom: 20px;
}
.article-list.related-blogposts .article-image a {
    width: 100%;
}
.article-list.related-blogposts .article-image {
    min-height: 190px;
}

.article-list.related-blogposts .article.articlecount-1,
.article-list.related-blogposts .article.articlecount-2,
.article-list.related-blogposts .article.articlecount-3 {
    height: auto;
}

.article-list.related-blogposts .article-image a {
    width: 100%;
}
.article-list.related-blogposts .article-image {
    min-height: 190px;
}

html .related-blogposts.article-list.box-view .article.article-last {
    margin-right: 0px;
}

html .article-list.related-blogposts .article:nth-child(even) {
    margin-right: 50px;
}

.article {
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 20px rgb(0 0 0 / 15%);
            box-shadow: 10px 10px 20px rgb(0 0 0 / 15%);
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.article-content {
    background: #fff;
    bottom: 0;
    border-radius: 0 0 20px 20px;
    height: 100%;
    max-height: 60px;
    padding: 15px 38px 0 32px;
    position: absolute;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    width: -webkit-fill-available;
}

.ec-category-blog-article .article-list p,
.article-list .ec-category-blog-article p,
.ec-category-blog-article .article-content .button,
.box-view .ec-category-blog-article .button,
.page_1 .article-list .article-content p,
.page_1 .article-list .article-content .button {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
    -webkit-transition-delay: 50ms;
         -o-transition-delay: 50ms;
            transition-delay: 50ms;
}

.ec-category-blog-article.article:hover .article-content .button,
.article:hover .article-content p,
.page_1 .article-list .article:hover .article-content .button,
.page_1 .article-list .article:hover .article-content p,
.box-view .ec-category-blog-article:hover .button {
    display: block;
    visibility: visible;
    opacity: 1;
}

.ec-category-blog-article.article:hover .article-content {
    max-height: 100%;
}

.article-list.box-view .ec-category-blog-article.article:hover .article-content {
    max-height: calc(100% - 20px);
    padding-top: 20px;
}

.list-view .article-content {
    width: 100%;
}
.article-list.box-view .article {
    width: 45%;
    height: unset;
    position: relative;
    float: left;
    margin: 0 50px 50px 0;
    overflow: hidden;
    border-radius: 20px;
}

.article-list.box-view .article:nth-child(even) {
    margin-right: 0px;
}

.article-list.box-view .article:before,
.article-list.list-view .article:before {
    content: "";
    width: 100%;
    height: 100%;
    background: transparent;
    display: block;
    position: absolute;
}

.article-list.box-view .ec-category-blog-article .article-content {
    max-height: 70px;
}

.article-list.box-view .ec-category-blog-article .article-content h4 {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: calc(100% - 28px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-list .ec-category-blog-article p {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: calc(100% - 28px);
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 170px;
}
.article-list.box-view .ec-category-blog-article:hover .article-content h4 {
    display: block;
}

.box-view .ec-category-blog-article .button {
margin-bottom: 20px;
}

.page_1 .article-list.box-view .article.article-last {
    margin-right: 0
}
.article-list h3 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 25px
}
.article-list h4 {
    margin: 0 0 16px
}
.article-list p {
    margin: 0;
    font-size: 16px;
    line-height:25px;
}
.article-download .button,
.article-list .button,
.infobox .button {
    float: right;
    margin: -21px 0 0;
    background: url(../img/ui.svg) 14px -1186px no-repeat #868488;
}

.infobox .button.left {
    float:left;
    margin: 0;
}

.page_433 .infobox .info-text {
    padding: 0px 25px 10px;
}

/*

.info-bar {
    padding: 0 0 1em
}
.info-bar ul {
    margin: 0;
    font-size: .8em
}
.info-bar li {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #646771
}
.info-bar li a {
    padding: .4em 0 .7em .6em;
    color: #a8a9ac;
    display: block
}
.info-bar li a:hover {
    color: #fff
} */

h6.firm,
h6.place {
    padding-left: 0
}
h6.phone {
    background: 0 0;
    padding: 11px 0 14px
}
h6.phone a,
h6.place a {
    padding: 11px 0 14px 58px
}
h6.place a {
    background: url(../img/ui.svg) 0 -659px no-repeat rgba(0, 0, 0, 0);
}
h6.phone a {
    background: url(../img/ui.svg) 0 -832px no-repeat rgba(0, 0, 0, 0);
}
h6.top-link a {
    background: url(../img/arrow.svg) 50% 50% no-repeat #a8d685;
    background-size: 10px;
    padding: 22px;
    display: block;
    border: 2px solid #fff;
    border-radius: 13px;
    opacity: 0.8;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}
h6.top-link a:hover {
    opacity: 1;
}

h6.top-link {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}
footer .ym-grid .ym-gbox {
    padding: 0 5px;
}
footer article:last-child .ym-gbox:last-child {
    padding: 0 0 0 5px;
}
#homeslider_wrap,
.meta-sidebar-image,
.portal-img,
.portal-name,
.video-link {
    text-align: end;
}

.content-text-image-section {
    float: left;
    margin: 0 0 3em
}
.content-text-image-section h3 {
    color: #015196;
    font-size: 1.3em;
    margin: .5em 0 0
}
.content-text-image-section .content-image {
    margin: .2em 2em .5em 0;
    float: none
}
.content-text-image-section .content-image .single_image {
    display: block
}
.content-text-left strong {
    color: #015196;
    font-size: 1.1em;
    margin: 0 .6em 0 0
}
.content-text-image-left {
    float: left;
    width: 220px
}
.content-text-left {
    padding: 0 10px 0 0
}
.content-text-image-button-section {
    padding: 2em 0;
    border-bottom: 1px solid #cacaca
}
.content-text-image-button-section .ym-gbox {
    padding: 0
}
.content-text-image-button-section p {
    margin: 1em 0 0
}
.content-text-image-button-section h3 {
    color: #015196;
    font-weight: 500;
    font-size: 1.2em;
    margin: .5em 0 0
}
.content-text-image-button-section a {
    font-weight: 700
}
.extra-headline h3 {
    color: #015196;
    font-weight: 500;
    display: block
}
.extra-headline h4 {
    color: #787878;
    font-weight: 500;
    margin: 1.6em 0 0;
    padding: 0 0 6px;
    border-bottom: 1px solid #cacaca
}
.download-center {
    margin: 1em 1.5em 1.5em 0;
    float: left
}
.download-center h4 {
    margin: .3em 0 0
}
.flexible-wrapper {
    background: #fff;
    /*padding: 40px 0 50px*/
}
.flexible-wrapper .ym-gbox {
    padding: 0;
}
.flexible-wrapper .ym-gbox .ec-nopr {
    padding-right: 0;
}
.ym-gbox.question-list.ec-nopr {
    padding-right: 0;
}
.flexible-wrapper h4 {
    font-size: 25px;
}
.question-list {
    margin: 0 0 15px;
    font-weight: 400;
}
.flexible-wrapper p {
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 31px
}
.flexible-wrapper h5 {
    font-size: 16px;
    margin-bottom: 15px
}
.flexible-wrapper .ym-grid .ym-g50:first-child {
    padding-right: 50px;
    width: calc(50% - 50px);
}
.question-list ul {
    background: #f9f9f9;
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 8px 10px 20px rgb(0 0 0 / 15%);
            box-shadow: 8px 10px 20px rgb(0 0 0 / 15%);
    margin: 0;
    padding: 15px;
    padding-left: 40px;
}
.question-list ul li {
    color: #232522;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 25px;
    padding: 0 0 0 23px;
    list-style: none;
    background: url(../img/arrow.svg) 0 no-repeat rgba(0, 0, 0, 0);
}
.question-list ul li:last-child {
    margin-bottom: 0
}
.flexible-wrapper p.question-text {
    background: #E5E5E5;
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 8px 13px 20px rgb(0 0 0 / 15%);
            box-shadow: 8px 13px 20px rgb(0 0 0 / 15%);
    margin: 0;
    padding: 20px 30px 20px 50px;
    font-size: 16px;
    line-height: 24px;
}
.download {
    margin-top: 50px;
}
.download + .textile p {
    margin: 0 0 1.563rem 3.375rem;
}
.download + .textile strong {
    font-weight: 400;
}
.download a {
    background: url(../img/download.svg) 0 25px no-repeat rgba(0, 0, 0, 0);
    background-size: 30px;
    display: block;
    margin: 0;
    padding: 20px 0 20px 50px;
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

.download a:hover {
    opacity: 0.8;
}
.button,
.formgen input.button,
.new {
    margin: 0 0 10px;
    display: inline-block;
    color: #fff;
}
.new {
    background: #232522;
    padding: 2px 7px 0 4px;
    font-style: italic;
    text-transform: uppercase
}
.button,
.formgen input.button {
    background: url(../img/arrow.svg) 43px no-repeat #A8D685;
    border-radius: 30px;
    color: #232522;
    font-weight: 300;
    font-size: 18px;
    padding: 15px 45px 15px 60px;
    margin-left: 0;
    text-decoration: none;
}
.ui-accordion-content .button {
    border: 2px solid transparent;
}
.info-box-wrap .button {
    /*padding: 35px 45px 15px 60px;*/
    padding: 20px 0 0 0;
}
.ec-article-list .button {
    background: url(../img/ui.svg) 12px -1048px no-repeat #5f6586;
}
#topnav .button {
    font-size: 16px;
    margin-bottom: 0;
}
a.button.single-button {
    background: url(../img/ui.svg) 14px -1049px no-repeat #5f6586
}
.button:active,
.button:hover,
.button:visited,
.formgen input.button:active,
.formgen input.button:hover,
.textile.flex-counting .button:hover, .textile .button:hover,
.textile.flex-counting .button:active, .textile .button:active,
.textile.flex-counting .button:visited, .textile .button:visited {
    /*border: 2px solid #232522;*/
    color: #232522;
    background: url(../img/arrow.svg) 43px no-repeat transparent;
}
#main .flex-direction-nav li a.prev:hover,
#main .flex-direction-nav li a:hover {
    opacity: .8
}



.button input:hover {
    color: #00335e;
}
.fancy_image {
    float: left
}
#accordion .fancy_gallery {
    margin: .4em 0 2.5em
}
#accordion p {
    margin: 0
}
#accordion .plus_image {
    margin: .2em 1em .2em 0
}
#accordion .ui-widget-content,
#accordion .ui-widget-content a {
    font-size: .9em
}
#accordion .ui-widget-content .blank-link {
    margin: 6px 0 0;
    display: block
}
.ui-widget-content a.button {
    border: 2px solid transparent;
    color: #232522;
    text-decoration: none
}
.ui-widget-content a.button:hover {
    border: 2px solid #232522;
}
#homeslider {
    width: 100%;
    overflow: hidden
}
#homeslider .flexslider {
    height: 222px
}
#homeslider .flexslider .slides>li {
    overflow: hidden
}
#homeslider .flexslider .slides img {
    display: inline;
    max-width: none;
    margin: 0 -50%
}
#homeslider .flexslider ul.slides li span.flex-span {
    line-height: 0;
    display: block
}
#homeslider .flexslider ul.slides li .flex-slide-article {
    float: left;
    height: 191px;
    line-height: 0;
    margin: 0 1.5em 0 .1em;
    width: 306px
}
#homeslider .flexslider ul.slides li .last-article {
    margin: 0;
    width: 303px
}
#homeslider .flexslider ul.slides li .flex-slide-article h5 {
    position: absolute;
    margin: 1em 0 0 .8em
}
#homeslider .flexslider ul.slides li .flex-slide-article h5 a {
    background: #0f5ea9;
    color: #fff;
    padding: .25em .55em .25em .5em;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s
}
.ym-wrapper.cookie-show {
    padding-bottom: 60px
}
#homeslider .flexslider ul.slides li .flex-slide-article h5 a:active,
#homeslider .flexslider ul.slides li .flex-slide-article h5 a:hover,
#homeslider .flexslider ul.slides li .flex-slide-article:hover h5 a {
    background: #fff;
    color: #0f5ea9;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: .3s;
    -moz-transition-property: background;
    -moz-transition-timing-function: ease
}
#homeslider .flexslider .flex-caption {
    background: url(../img/bg_channel_text.png);
    border: 1px solid #00335e;
    bottom: auto;
    color: #fff;
    height: auto;
    margin: 0 0 0 20%;
    padding: .5em .7em;
    position: absolute;
    text-align: center;
    text-shadow: -1px 1px 1px #000;
    -webkit-filter: dropshadow(color=#000000, offx=-1, offy=1);
    filter: dropshadow(color=#000000, offx=-1, offy=1);
    top: 61%;
    width: auto;
    z-index: 2;
    font-size: 1.6em;
    line-height: 1.3em;
    display: none
}
.content-wbox .flexslider,
body .flexslider {
    background: 0 0
}
.slide-vid-wrap {
    margin: 0;
    width: 100%
}
.infoslider {
    margin: 0 0 30px 0;
    position: relative;
    width: 100%;
}
.no-intro .infoslider {
    margin: 0 auto 60px
}
.slide-content {
    float: left;
    width: 590px;
    margin: 12px 0 0
}
.content-wbox .flexslider .slides img {
    margin: 0 auto
}
.flexslider .slides {
    overflow: hidden
}
.content-main .flexslider {
    width: 102.5%
}
.content-main .flexslider .flex-slide-desc {
    display: none
}
.content-main .ym-gbox-left {
    padding: 0;
}
.flexslider ul.flex-direction-nav,
.flexslider ul.slides {
    padding: 0;
    margin: 0
}
#main .flex-direction-nav {
    height: auto;
    bottom: 55%;
    right: 0;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 2;
}
#main .flex-direction-nav li {
    padding: 0;
    margin: 0 0 0 6px;
    list-style: none;
    float: left;
    width: 19px;
    height: 19px
}
#main .flex-direction-nav li a {
    background: url(../img/slider-arrow-right.svg) no-repeat;
    background-size: 15px;
    height: 52px;
    left: auto;
    margin: 0;
    right: 0;
    top: auto;
    width: 51px
}
#main .flex-direction-nav li a.prev {
    background: url(../img/slider-arrow-right.svg) no-repeat;
    background-size: 15px;
    height: 52px;
    left: 0;
    margin: 0;
    right: auto;
    top: auto;
    width: 51px
}
.homeslider_wrap {
    background: #A8D685
}
.image-section .flex-direction-nav {
    display: none
}
.slide-img {
    float: left;
    margin: 0 60px 0 0;
    width: 255px;
    position: relative
}
.slide-content h3 {
    font-size: 20px;
    line-height: 28px;
}
.image-section {
    margin: -2.3em 0 2.5em
}
.image-section-image {
    height: 325px;
    overflow: hidden
}

.page_11 .slide-text  {
    left:1090px;
}
#main .info-table .first-cell,
.fancy_video h4 {
    font-weight: 700
}
.page_12 .slide-text span {
    font-size: 18px
}
.page_12 .slide-text .quote-1 {
    margin: 0 0 0 70px
}
.page_12 .slide-text .quote-2 {
    margin: 0 0 0 150px
}
.page_12 .slide-text .quote-3 {
    margin: 0 0 0 20px
}

.page_186.no-intro .ym-wrapper.full-width {
    max-width: unset;
}
.page_186.no-intro .ym-wrapper.full-width .channel_bg img {
    width: 100%;
}
.page_1 .channel_bg_border {
    height: 582px
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}
.article-item {
    float: left;
    margin: 0 5px 0 0
}
.article-item h3 {
    margin: 0 0 1em
}
.article-list .button {
    position: absolute;
    right: 15px;
    bottom: 0;
}
.article-list .button:hover{
    opacity: 0.9;
}
.article-list.list-view .article-image {
    width: 100%;
    min-height: 312px;;
}
.article-list.list-view .article {
    margin: 0 0 35px;
    overflow: hidden;
    position: relative
}
#main aside .ym-gbox-right {
    border: 0;
}
#main aside .sidelist p {
    margin: .8em 0 0
}
#main aside .sidelist a.button {
    background: url(../img/sidelink.png) 0 3px no-repeat;
    color: #444;
    padding: 0 0 0 1.4em;
    margin: 1.2em 0 1.5em .5em;
    text-transform: none
}
#main aside .sidelist a.button:hover {
    color: #232522;
}
#main aside .sidelist {
    margin: 1.8em 0 0;
    background: url(../img/corner.png) 0 60px no-repeat #fff
}
#main aside .sidelist ul {
    margin: 1.25em 0 0;
    font-size: 1em;
    list-style: none
}
#main aside .sidelist h3 {
    color: #fff;
    font-size: 1em;
    padding: .8em 0 .85em 3.15em;
    background:#0f5ea9;
    text-transform: uppercase
}
#main aside .sidelist li {
    background: url(../img/limage.png) 3px 6px no-repeat;
    padding: 0 0 0 1.7em;
    margin: 0;
    list-style: none;
    font-size: .9em;
    line-height: 1.6em
}
#main aside .sidelist h4 {
    font-size: 1.1em
}
#main aside .sidelist h5 {
    margin: 1em 2em 0 0;
    font-size: 1.1em
}
#main aside .sidelist .button {
    font-size: .9em
}
.meta-sidebar-image {
    padding: 20px 0
}
.document img {
    margin: 0 .8em 0 0
}
.document span {
    float: left;
    margin: .6em 0 0
}
.no-intro #sidebar,
#sidebar {
    display: none;
}
.certificate .ym-gbox {
    padding: 0;
}
.certificate h6 {
    margin: 2.2em 0 0
}
.certificate .document span {
    margin: .7em 0 0
}
.sidelist-headline h3 {
    font-size: 1.2em;
    margin: 0 0 1.6em 2em
}
#main aside .sidelist .external-list a {
    background: url(../img/external-link.png) 0 2px no-repeat;
    padding: 0 0 0 1.4em
}
#main aside .sidelist .external-image {
    margin: 0 0 2em
}
#main aside .sidelist .external-image a {
    background: 0 0;
    padding: 0 0 0 2.2em
}
#main aside .sidelist .sidelist-content {
    padding: 0 3.2em .95em 3.7em;
    font-size: .9em
}
ul.sidelinks {
    margin: 1em 0 0;
    list-style: none
}
ul.sidelinks li {
    padding: 0;
    margin: .3em 0 .5em .5em;
    background: 0 0
}
ul.sidelinks li a {
    margin: 0;
    padding: 0 0 0 1.4em;
    background: url(../img/sidelink.png) 0 4px no-repeat
}
ul.sidelinks li a:hover {
    color: #0f5ea9;
}
/*
.sidebar-box.contact-person {
    background: #A8D685;
    margin-bottom: 50px
}
.contact-person .spezialist {
    padding: 5px 31px 36px
}
.contact-person .spezialist p {
    margin: 0
}
.sidebar-box {
    color: #232522;
    margin-bottom: 40px
}
.sidebar-box .button {
    float: right;
    margin-right: 25px;
    margin-top: -17px;
    background: url(../img/ui.svg) 17px -1186px no-repeat #868488;
}
.sidebar-box h4 {
    color: #232522;
}
.sidebar-box h5 {
    color: #232522;
    font-size: 20px;
    margin-top: 23px
}
.sidebar-box .phone-number,
.doc-box .phone-number{
    background: url(../img/ui.svg) 0 -827px no-repeat rgba(0, 0, 0, 0);
    padding: 0 0 0 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 55px
}
.doc-box .phone-number{
    min-height: 49px;
}
.formgen label,
.infobox .info_image a,
.plus_image a,
.video_link a {
    display: block
}
.sidebar-box .phone-number.mail,
.doc-box .phone-number.mail{
    background: url(../img/ui.svg) 0 -1457px no-repeat rgba(0, 0, 0, 0)
}
.sidebar-box .phone-number.way{
    background: url(../img/ui.svg) 0 -654px no-repeat rgba(0, 0, 0, 0);
    padding-bottom: 10px
}
#sidebar .sidebar-box.zehn-jahre img {
    width: auto;
    height: auto;
    max-width: 100%;
}*/


/*
#sidebar .textile {
    background: #A8D685;
    margin-bottom: 50px;
    padding: 30px 31px 10px
}
#sidebar .add-text {
    background: 0 0;
    margin: 0;
    padding: 0
}
#sidebar .add-text p {
    font-size: 14px;
    line-height: 23px
}
#sidebar .add-text h4,
#sidebar .add-text h5,
#sidebar .add-text h6 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px
}

*/

.page_403 .formgen + .cta-banner.center, 
.page_403 #form-module-thanks + .cta-banner,
.page_480 .formgen + .cta-banner.center, 
.page_480 #form-module-thanks + .cta-banner  {
    display: none;
}


.formgen + .cta-banner.center {
    margin: 30px auto 0;
}

.formgen + .cta-banner.center a.button {
    padding: 15px 35px 16px 55px;
}

.formgen {
    background: #F9F9F9;
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
            box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
    font-weight: 400;
    margin: 0 0 60px;
    padding: 70px 50px;
    display: inline-block;
}
.formgen.inquiry {
    background: #868488;
    border-radius: 0;
    color: #fff;
    padding: 10px 0;
    margin: 0 0 54px;
}
.formgen.inquiry .form-item {
    float: left;
    margin: 0 32px 0 0;
    width: 232px
}
.formgen.inquiry .formsubmit.button {
    margin: 0
}
.formgen .formradio {
    float: left;
    margin: 6px 6px 0 0;
}
.formgen label.formradio {
    margin: 0 15px 0 0
}
.form-item input,
.form-item textarea,
.formselect {
    border: none;
    border-radius: 20px;
    padding: 5px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95%;
    margin-top: 15px;
}
.form-item .form-item.mobile-form-item:first-child .form-item input{
    width: 100%!important;
}

.formgen label {
    margin: 0 0 5px
}
.formgen textarea {
    margin: .1em 0 0;
    height: 13em;
    width: 100%
}
.formgen.inquiry input {
    border: none;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 9px 5px 9px 15px;
    width: 100%;
    color: #232522;
    font-size: 16px;
}
#el_0,
.formgen .form-item {
    float: left;
    width: 100%;
    margin: 0 0 20px
}
.formgen .form-item-area {
    float: left;
    margin: 0;
    width: 98%
}
.page_7 .formgen .form-item-area {
    float: none;
    margin-bottom: 15px
}
.page_7 .checkspan label {
    float: right;
    width: 98%
}
#form-module-thanks,
.forminfo {
    padding: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}
.formgen label.formerror {
    color: #ff2929;
}
.forminfo {
    background: #ffabab;
    border: 1px solid #7c0101;
    color: #fff;
    margin: -15px 0 28px
}
#form-module-thanks {
    background: #d7ffcf;
    border: 1px solid #232522;
    color: #fff;
    margin: -15px 0 60px;
    margin-bottom: 65px!important;
}
#form-module-thanks p {
    margin: 0;
}
.formgen.inquiry .formsubmit.button {
    background: none;
    border: 1px solid #fff;
    padding: 9px 50px;
    width: auto;
    color: #fff;
    font-weight: 300;
    font-size: 18px; line-height:1.5rem!important;
}
.formgen .formsubmit.button {
    background: #A8D685;
    border-radius: 30px;
    border: 2px solid transparent;
    cursor: pointer;
    color: #232522;
    font-weight: 300;
    font-size: 18px;
    margin: 50px 0 0;
    margin-left: 20px;
    padding: 15px 45px;
    font-weight: 400;
}
.formgen .formsubmit.button:hover {
    background: none;
    border: 2px solid #707070;
    color: #232522;
}
.formhinweis {
    float: left;
    margin: 0 17px 0 0;
    padding: 11px 0 0 30px;
    font-size: 18px; line-height:1.5rem!important;
}
.contact-phone.tel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.contact-phone.tel:before {
    content: '';
    background: url(../img/phone.svg) 15px no-repeat #A8D685;
    background-size: 22px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}
.contact-phone.fax {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*display: flex;*/
    margin-bottom: 10px;
}
.contact-phone.fax:before {
    content: '';
    background: url(../img/phone.svg) 15px no-repeat #A8D685;
    background-size: 22px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}
.contact-mail {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.contact-mail:before {
    content: '';
    background: url(../img/mail.svg) 14px no-repeat #A8D685;
    background-size: 22px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}
.mobile #doform642 .ym-gr {
    margin: 0;
}
.mobile #doform642 .ym-g50.ym-gl {
    margin: 0 0 20px;
}
.mobile #doform642 .form-item-area {
    margin: 20px 0 0;
    width: 95%;
}

.ui-accordion .ui-accordion-content {
    overflow: hidden!important;
    padding: 30px 40px!important;
}

.ui-accordion .ui-accordion-content ul {
    margin: 0px;
}

.ui-accordion .ui-accordion-content p {
    margin-bottom: 20px;
}

.ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0;
}

.ui-accordion .ui-accordion-content ul + p {
    margin-top: 20px;
}
.ui-accordion .ui-accordion-content .plus_image {
    margin-top: 0px;
}

.contact {
    font-size: 1.2em
}
.contact span {
    color: #0f5ea9;
    margin: 0 .8em 0 0
}
#main .ui-accordion .ui-accordion-content .contact p,
#main aside .sidelist .contact p,
.contact p {
    margin: 0
}
address {
    background: url(../img/location.png) 0 8px no-repeat;
    font-style: normal;
    padding: 0 0 0 1.6em
}
#channel_intro {
    position: relative;
    margin: 0;

    width: 100%;
    float: left;
}
.plus,
.video_link a {
    position: absolute
}
.fancy_gallery {
    margin: 0 0 30px;
    clear: both
}
.fancy_image {
    margin: 1em 1.1em 0 0
}
.no_fancy_image {
    margin: 2.2em 0 1.6em
}
.no_fancy_image img {
    max-width: 100%
}
.no-plus_image,
.plus_image {
    line-height: 0;
    margin: 1.5em 0 0
}
.no-plus_image img,
.plus_image img {
    border: 1px solid #b5b5b5
}
.fancy_video {
    width: 200px;
    height: 175px;
    margin: 5px 20px 8px 0;
    float: left
}
.video_link a {
    width: 200px;
    height: 135px;
    z-index: 9
}
.video_popup {
    z-index: 1;
    height: 135px;
    overflow: hidden
}
.fancy_video h4 {
    font-size: 1em;
    margin: .6em 0 0
}
#search-popup,
.mobile-contact,
.searchresults .url {
    display: none
}
.ec-light {
    display: inline-block;
    font-weight: 300;
    line-height: normal;
}

/*margins*/
.mt-50 {
    margin-top: 3.125rem !important;
}
.mt-100 {
    margin-top: 6rem !important;
}
.mb-50 {
    margin-bottom: 3.125rem !important;
}
.mb-100 {
    margin-bottom: 6rem !important;
}


input[type='checkbox'] {
    accent-color: #A8D685;
}
input[type="checkbox" i] {
    background-color: #A8D685;
}

input[type="radio"] {
    border: 1px solid black;
}

#el_0 {
    line-height: 13px;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 15px;
    height: 15px;
    border: 1px solid black;
    border-radius: 50%;
    -webkit-transform: translateY(-0.075em);
        -ms-transform: translateY(-0.075em);
            transform: translateY(-0.075em);
    display: -ms-grid;
    display: grid;
    place-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    -o-transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em var(--form-control-color);
            box-shadow: inset 1em 1em var(--form-control-color);
}

input[type="radio"]:checked::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

input[type="radio"]::before {
    background-color: #A8D685;
}

.form-control:focus-within {
    color: var(--form-control-color);
}

.form-control + .form-control {
    margin-top: 1em;
}

.ec-spacer {
    margin-top: 3rem!important;
}

/*contactform anrede flex*/

[for="el_0"] {
    float: left;
}
#el_0 {
    max-width: 80%;
    line-height: 25px;
    margin-left: 30px;
}

/* mega menu */

.ec-mega-menu {
    display: none;
}

.ec-mega-menu-flyout-container {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
    -webkit-transition-delay: 50ms;
         -o-transition-delay: 50ms;
            transition-delay: 50ms;
}

/*textspaces*/

p + h3,
p + h2 {
    margin-top: 50px;
}

#subnav ul li:last-child {
    border-radius: 20px;
}

p {
    font-weight: 300;
}

/*article buttons*/

a.fancybox.open-video.video-link {
    font-size: 18px;
}

page_11 .intro-text {
    top: 50px;
}

/*Video Content*/

#main .content-main .infoslider {
    background: none;
}
.infoslider .slide-content .video-link {
    margin-right: 0;
}
.infoslider.no-slide .slide-img {
    margin-right: 0;
}
.blogslider .head-slide .slide-img, .infoslider .head-slide .slide-img {
    width: calc(100% / 3 - 10px);
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    position: relative;
    margin-right: 25px;
}
.infoslider.no-slide .head-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*Team-Seite*/
.page_186 .channel_bg {background: #dfdfdf;}
.page_186 .cta-banner {display:none;}
.page_186 #breadcrumb a, .page_186 .slide-text {color:#232522;}
.page_186 #breadcrumb a.first-crumb {background: 0 0;}
.page_186 #breadcrumb a {background-image: url(../img/arrow-right-black.svg);}



/* fixed teaser */
.fixed-teaser-container {
    position: fixed;
    bottom: 0;
    display: none;
    left: 0;
    min-width: 100%;
    right: 0;
    z-index: 699;
}

.fixed-teaser-container .teaser-inner {
    background: #f9f9f9;
    -webkit-box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
            box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

@-webkit-keyframes blink {
    0%, 100% {
        -webkit-box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
                box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
    }
    50% {
        -webkit-box-shadow: 0 0 20px rgba(168,214,133,1);
                box-shadow: 0 0 20px rgba(168,214,133,1);
    }
}

@keyframes blink {
    0%, 100% {
        -webkit-box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
                box-shadow: 0 0 10px 2px rgba(153,153,153,0.43);
    }
    50% {
        -webkit-box-shadow: 0 0 20px rgba(168,214,133,1);
                box-shadow: 0 0 20px rgba(168,214,133,1);
    }
}

.fixed-teaser-container .teaser-inner {
    -webkit-animation: blink 3s 2;
            animation: blink 3s 2;
}

.fixed-teaser-container .is-desktop {
    display: none;
}

.fixed-teaser-container .text-container {
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: .5rem 1rem;
    position: relative;
    max-width: 900px;
}

.fixed-teaser-container .text-container.is-video {
    max-width: 380px;
}

.fixed-teaser-container .headline {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
}

.video-img-container,
.text-container {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
}

.video-img-container {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 110px;
    min-width: 110px;
    background: #b3afb7;
    padding-left: 1rem;
    padding-right: 1rem;
}

.video-img-container.is-video {
    aspect-ratio: 6/4;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    max-height: 100px;
    max-width: unset;
    min-width: unset;
}

.video-img-container img {
    width: 100%;
    height: 100%;
    position: relative;
    -o-object-fit: cover;
       object-fit: cover;
}

.video-img-container img:not(.video-el) {
    bottom: -3px;
    -o-object-fit: contain;
       object-fit: contain;
}

.teaser-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.teaser-close-btn .close {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    border-radius: 0;
    
    text-transform: none;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    appearance: none;
    height: 45px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    opacity: .5;
}

.teaser-close-btn .close:hover,
.teaser-close-btn .close:focus {
    opacity: 1;
}

.fixed-teaser-container .text-content {
    width: 100%;
}

.fixed-teaser-container .text-content > *,
.fixed-teaser-container .link {
    font-weight: 400;
}

.fixed-teaser-container .mobile-link a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.fixed-teaser-container .link:after {
    content: "";
    display: inline-block;
    height: 19px;
    background-image: url(../img/teaser-arrow-right.svg);
    width: 30px;
    background-repeat: no-repeat;
    -webkit-transform: translate(0px, 3px);
        -ms-transform: translate(0px, 3px);
            transform: translate(0px, 3px);
    background-size: 18px;
    margin-left: 3px;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

.fixed-teaser-container .link:has(a:hover):after {
    -webkit-transform: translate(10px, 3px);
        -ms-transform: translate(10px, 3px);
            transform: translate(10px, 3px);
}

.fixed-teaser-container .mia .video-img-container {
    padding:0; max-width:unset
}

.fixed-teaser-container .mia .video-img-container  img {
    bottom:0; -o-object-fit:cover; object-fit:cover;
}


/* fixed teaser EN */

.lang-0 .video-img-container {
    max-width: 150px;
    min-width: 150px;
    background: #dfdfdf;
    padding-left: 0;
    padding-right: 0;
}

.lang-0 .fixed-teaser-container .text-content small {
        opacity: 0.8;
    }

.lang-0 .fixed-teaser-container .text-content .is-mobile p {
    margin-bottom: 0;
    color: #000000;
    opacity: 1;
    line-height: normal;
    display: inline;
    font-size: 15px;
}

.lang-0 .fixed-teaser-container .text-container {
    gap:5px;
}
/*======== Reels ============================================================
==================================================================================*/
.reels.content-area .ym-grid {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}   

.reels.content-area .ym-grid .ym-g33 {
    width: 100%;
}

.reels.content-area .ym-grid video {
    -webkit-box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
            box-shadow: 10px 10px 15px rgb(0 0 0 / 15%);
    border-radius: 20px;
}

@media screen and (max-width: 810px) {
    .reels.content-area .ym-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


/*@media screen and (max-width: 610px) {
    .reels.content-area .ym-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}*/


/*======== Teaser Aviclear =========================================================
==================================================================================*/

.fullwidth-teaser.fullwidth-teaser-aviclear .teaser-wrapper,
html .fullwidth-teaser.checks .teaser-wrapper {
    width: 58%;
}

.fullwidth-teaser.fullwidth-teaser-aviclear .teaser-content {
    height: calc(100% - 95px);
    text-align: left;
    padding: 60px 25px 35px;
}

.fullwidth-teaser.fullwidth-teaser-aviclear .teaser-content h3 {
    /*FONT UPDATE 2025*/ /*font-size: 60px;*/
    font-size: 38px;
    max-width: 600px;
}

.fullwidth-teaser.fullwidth-teaser-aviclear .teaser-content h3 span {
    font-size: 50px;
    -webkit-transform: translate(-5px, -8px);
        -ms-transform: translate(-5px, -8px);
            transform: translate(-5px, -8px);
    display: inline-block;
    font-weight: 400;
    font-family: "Avenir-Light", sans-serif;
}

/* ==================================================================================
========= MIA Landingpage Styles ====================================================
=====================================================================================*/

/*======== Mia-Teaser =========================================
==============================================================*/

@font-face {
  font-family: "Cammron";
  src: url("https://cdn.miafemtech.com/fonts/Cammron/Cammron-Regular.woff2");
}

@font-face {
  font-family: "Avenir-Light";
  src: url("/landingpage/fonts/Avenir-Light.ttf");
}

.fullwidth-teaser {
    background:  url(/files/mia-femtech-brustharmonisierung.webp) #b2afb8;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin-bottom: 50px;
    position: relative;
}

.fullwidth-teaser.teaser-b {
    background:  url(/files/brustharmonisierung-mia-femtech.webp) #b2afb8!important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.fullwidth-teaser .teaser-wrapper {
    width: 43.333%;
    margin-left: auto;
}

.fullwidth-teaser .teaser-content {
    padding: 35px 25px;
    text-align: left;
    color: #fff;
}

.fullwidth-teaser .teaser-content img {
    padding: 15px 0;
    -webkit-transform: translate(-8px, 0px);
        -ms-transform: translate(-8px, 0px);
            transform: translate(-8px, 0px);
}

.fullwidth-teaser .teaser-content > * {
    color: #fff;
}

.fullwidth-teaser .teaser-content h3 {
    /*FONT UPDATE 2025*/ /*font-family: "Cammron", sans-serif;
    font-size: 40px;*/
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 38px;
    font-weight: 300;
    max-width: 600px;
}

.fullwidth-teaser .teaser-content p {
    /*FONT UPDATE 2025*/ /*font-family: "Avenir-Light", sans-serif;*/
    font-size: 18px;
    margin-bottom: 60px;
    font-weight: 300;
}


.fullwidth-teaser.box-fullwidth .teaser-content .button{
    margin-right: 0px;
}   

.fullwidth-teaser.box-fullwidth .teaser-content .button:after {
    -webkit-filter: invert(1);
            filter: invert(1);
}


/*======== Mia-Teaser klein =========================================
==============================================================*/

.femtech-teaser .article-content,
.page_1 .menopause-teaser .article-content {
    background: transparent;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
    width: 62%;
    right: 0;
    padding-bottom: 95px;
    padding-right: 35px;
}

.femtech-teaser .article-image img,
.page_1 .menopause-teaser .article-image img {
    margin-bottom: -8px;
    max-height: unset;
}

.page_1 .menopause-teaser .article-image img {
    background: #a8d685;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    -o-object-position: 20% 0%;
       object-position: 20% 0%;
    margin-bottom: 0px;
    min-height: 322px;
}

.article-list .femtech-teaser .article-content p,
.article-list .femtech-teaser .article-content .button {
    visibility: visible;
    opacity: 1;
    color: #fff;
}

.page_1 .article-list.list-view .menopause-teaser .article-image {
    margin-bottom: -8px;
}

.page_1 .article-list .menopause-teaser .article-content p,
.article-list .article-content h3.teaser-text,
.article-list .article-content p.teaser-text {
    display: none!important;
}

html .page_1 .article-list .menopause-teaser .article-content h3.teaser-text,
html .page_1 .article-list .menopause-teaser .article-content p.teaser-text {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

html .page_1 .article-list .menopause-teaser .article-content h3.teaser-text {
    font-size: 30px;
    margin-bottom: 10px;
}

html .page_1 .article-list .menopause-teaser .article-content p.teaser-text {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
}

.page_1 .article-list .menopause-teaser .article-content .button {
    visibility: visible;
    opacity: 1;
    color: #000;
}

html .article-list .femtech-teaser .article-content h4,
html .page_1 .article-list .menopause-teaser .article-content h4 {
    display: none;
    visibility: hidden;
    opacity: 0;
}

html .article-list .femtech-teaser .article-content h3 {
    font-family: "Cammron", sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 34px;
}

html .page_1 .article-list .menopause-teaser .article-content h3 {
    color: #000;
}

html .article-list .femtech-teaser .article-content img,
html .page_1 .article-list .menopause-teaser .article-content img {
    width: 45%;
    -webkit-transform: translate(-25px, 0px);
        -ms-transform: translate(-25px, 0px);
            transform: translate(-25px, 0px);
    margin-bottom: 12px;
}

.page_1 .article-list .menopause-teaser .article-content img {
    display: none;
}

html .article-list .femtech-teaser .article-content .button,
html .page_1 .article-list .menopause-teaser .article-content .button {
    text-indent: -1000px;
    color: transparent;
    margin-right: 10px;
}

.article-list .femtech-teaser .article-content .button:after {
    -webkit-filter: invert(1);
    filter: invert(1);
}

@media screen and (max-width: 1200px) and (min-width: 810px) {
    html .page_1 .article-list .menopause-teaser .article-content p, 
    html .article-list .article-content h3.teaser-text, 
    html .article-list .article-content p.teaser-text {
        display: none !important;
    }
}


/*======== Menopause-Teaser klein Box-View ===================
==============================================================*/
.page_1 .article-list.box-view p {
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.page_1 .box-view .menopause-teaser .article-image img {
    -o-object-position: 48% 0%;
       object-position: 48% 0%;
    margin-bottom: -7px!important;
    min-height: 300px;
    padding-top: 22px;
}

.page_1 .article-list.box-view .menopause-teaser .article-content {
    width: 50%;
    right: 0;
    max-height: unset!important;
    padding-right: 25px;
}

html .page_1 .article-list.box-view .menopause-teaser .article-content .button {
    margin-right: 0;
    right: 25px;
}



/*======== Custom Artikelliste - MIA & Preserve ================
==============================================================*/
div#articleList.custom-two-grid {
display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

div#articleList.custom-two-grid .fullwidth-teaser{
    height: auto;
    margin: 0;
    position: relative;
    width: calc(100% / 2 - 50px);
    background-position: 28% 100% !important;
    aspect-ratio: 6 / 4;
}

div#articleList.custom-two-grid  .fullwidth-teaser .teaser-content h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

div#articleList.custom-two-grid .fullwidth-teaser .teaser-content p {
    margin-bottom: 50px;
}

div#articleList.custom-two-grid .fullwidth-teaser .teaser-content {
    padding: 20px;
    text-align: left;
    color: #fff;
    padding-bottom: 50px;
}

div#articleList.custom-two-grid .fullwidth-teaser .teaser-content img {
    padding: 15px 0;
    -webkit-transform: translate(-30px, 0px);
    -ms-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
    max-height: 80px;
    max-width: 250px;
    margin-bottom: 10px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
}

div#articleList.custom-two-grid .fullwidth-teaser.fullwidth-teaser-preserve .teaser-content img {
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}

div#articleList.custom-two-grid .fullwidth-teaser .teaser-wrapper {
    width: 55%;
    margin-left: auto;
}

div#articleList.custom-two-grid .fullwidth-teaser.fullwidth-teaser-preserve .teaser-wrapper {
    width: 65%;
}

div#articleList.custom-two-grid .fullwidth-teaser.box-fullwidth .teaser-content .button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-indent: -1000px;
    color: transparent;
    position: absolute;
    right: 25px;
    bottom: 35px;
}

div#articleList.custom-two-grid .teaser-content  ul,
.fullwidth-teaser.checks .teaser-content  ul {
    margin-left: 0;
}

div#articleList.custom-two-grid .teaser-content  ul li,
.fullwidth-teaser.checks .teaser-content  ul li {
    list-style: none;
    color: #fff;
    /*FONT UPDATE 2025*/ /*font-family: "Avenir-Light", sans-serif;*/
    font-size: 18px;
    margin-left: 0;
    padding-bottom: 5px;
    padding-left: 25px;
    position: relative;
    font-weight: 300;
}

div#articleList.custom-two-grid .teaser-content  ul li::before,
.fullwidth-teaser.checks .teaser-content  ul li::before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-image: url(/files/check-white.svg);
    background-size: 18px;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    margin-right: 3px;
    position: absolute;
    left: 0px;
    top: -3px;
}

/*======== Mia Landingpage Custom CSS =========================
=============================================================*/

/*Allgemein*/
.page_484 .ym-wrapper,
.page_497 .ym-wrapper,
.page_491 .ym-wrapper,
.page_477 .ym-wrapper,
.page_485 .ym-wrapper,
.page_490 .ym-wrapper,
.page_486 .ym-wrapper,
.page_472 .ym-wrapper,
.page_479 .ym-wrapper,
.page_474 .ym-wrapper {
    max-width: unset;
    padding: unset;
}

body.page_484,
body.page_497,
body.page_477,
body.page_491,
body.page_485,
body.page_490,
body.page_486,
body.page_472,
body.page_479,
body.page_474  {
    background-color: #eaeaea;
    color: #595356;
}

.page_497.no-intro-no-image .content-wbox,
.page_477.no-intro-no-image .content-wbox,
.page_497.no-intro-no-image .content-main,
.page_477.no-intro-no-image .content-main,
.page_491.no-intro-no-image .content-wbox,
.page_491.no-intro-no-image .content-main,
.page_472.no-intro-no-image .content-wbox,
.page_484.no-intro-no-image .content-wbox,
.page_485.no-intro-no-image .content-wbox,
.page_490.no-intro-no-image .content-wbox,
.page_486.no-intro-no-image .content-wbox,
.page_472.no-intro-no-image .content-main,
.page_484.no-intro-no-image .content-main,
.page_485.no-intro-no-image .content-main,
.page_490.no-intro-no-image .content-main,
.page_486.no-intro-no-image .content-main,
.page_479.no-intro-no-image .content-wbox,
.page_479.no-intro-no-image .content-main,
.page_474.no-intro-no-image .content-wbox,
.page_474.no-intro-no-image .content-main {
    padding-top: 0;
}

html .page_497 .fixed-teaser-container,
html .page_484 .fixed-teaser-container,
html .page_491 .fixed-teaser-container,
html .page_485 .fixed-teaser-container,
html .page_490 .fixed-teaser-container,
html .page_486 .fixed-teaser-container,
html .page_472 .fixed-teaser-container,
html .page_474 .fixed-teaser-container,
html .page_479 .fixed-teaser-container,
html .page_477 .fixed-teaser-container {
    display: none!important;
}

html .page_497 .cta-book,
html .page_484 .cta-book,
html .page_491 .cta-book,
html .page_485 .cta-book,
html .page_490 .cta-book,
html .page_486 .cta-book,
html .page_472 .cta-book,
html .page_474 .cta-book,
html .page_479 .cta-book,
html .page_477 .cta-book {
    padding: 0;
}
html .page_497 .cta-book a,
html .page_484 .cta-book a,
html .page_491 .cta-book a,
html .page_485 .cta-book a,
html .page_490 .cta-book a,
html .page_486 .cta-book a,
html .page_472 .cta-book a,
html .page_474 .cta-book a,
html .page_479 .cta-book a,
html .page_477 .cta-book a{
    padding: 1.3rem 2rem;
    display: block;
}

.lp-header span.subheadline,
#mia-stories span.subheadline {
    font-family: "Cammron", sans-serif;
    margin-bottom: 20px;
    display: block;
    font-size: calc(var(--font-sizep1) + 0.4em);
}

.header-block p {
    max-width: 700px;
}


html section#mia-stories strong {
    font-weight: 700;
}

section#form form select {
    border: 1px solid var(--purple-color) !important;
}

/*Image*/
.page_497.no-intro-no-image .content-main img,
.page_477.no-intro-no-image .content-main img,
.page_491.no-intro-no-image .content-main img,
.page_484.no-intro-no-image .content-main img,
.page_485.no-intro-no-image .content-main img,
.page_490.no-intro-no-image .content-main img,
.page_486.no-intro-no-image .content-main img,
.page_472.no-intro-no-image .content-main img,
.page_479.no-intro-no-image .content-main img,
.page_474.no-intro-no-image .content-main img {
  border-radius: 0;
}

.page_477 div.lp-header .mia-logo,
.page_491 div.lp-header .mia-logo,
.page_484 div.lp-header .mia-logo,
.page_485 div.lp-header .mia-logo,
.page_490 div.lp-header .mia-logo,
.page_486 div.lp-header .mia-logo,
.page_472 div.lp-header .mia-logo,
.page_479 div.lp-header .mia-logo,
.page_474 div.lp-header .mia-logo {
    width: auto;
}

.page_479 div.lp-header {
    background-image: url("/files/mia-fuer-muetter.webp");
}

.page_484 div.lp-header {
    background-image: url("/files/mia-brustharmonisierung-banner.webp");
}

.page_485 div.lp-header {
    background-image: url("/files/brustvergroesserung-yokasta.webp");
}

.page_490 div.lp-header {
    background-image: url("/files/mia-lp-maleen.webp");
}

html .page_490 div.lp-header {
    position: relative;
}

html .page_490 div.lp-header:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background: #282426;
    z-index: 0;
    opacity: 0.3;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.page_490 div.lp-header .header-content {
    z-index: 1;
    position: relative;
}

.page_486 div.lp-header {
    background-image: url("/files/brustvergroesserung-ajuste.webp");
}

html div.lp-header.mia.weihnachten {
    background-image: url("/files/injizierbaren-implantaten-weihnachten.webp");
    overflow: hidden;
    position: relative;
}

html div.lp-header.mia.weihnachten .header-content {
    z-index: 1;
    position: relative;
}

html div.lp-header.mia.weihnachten:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background: -o-linear-gradient(20deg, rgba(40, 36, 39, 0) 0%, rgba(40, 36, 39, 0.55) 50%, rgba(40, 36, 39, 1) 100%);background: linear-gradient(70deg, rgba(40, 36, 39, 0) 0%, rgba(40, 36, 39, 0.55) 50%, rgba(40, 36, 39, 1) 100%);
    z-index: 0;
    opacity: 0.65;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.page_497 .feature-icon .icon,
.page_477 .feature-icon .icon,
.page_491 .feature-icon .icon,
.page_484 .feature-icon .icon,
.page_485 .feature-icon .icon,
.page_490 .feature-icon .icon,
.page_486 .feature-icon .icon,
.page_472 .feature-icon .icon,
.page_479 .feature-icon .icon,
.page_474 .feature-icon .icon {
    width: 8rem;
}

/*Fonts allgemein*/
.page_497 section#features .small p,
.page_477 section#features .small p,
.page_491 section#features .small p,
.page_484 section#features .small p,
.page_485 section#features .small p,
.page_490 section#features .small p,
.page_486 section#features .small p,
.page_472 section#features .small p,
.page_479 section#features .small p,
.page_474 section#features .small p {
    margin: 0;
    color: gray;
}

.page_477 sup,
.page_491 sup,
.page_484 sup,
.page_485 sup,
.page_490 sup,
.page_486 sup,
.page_472 sup,
.page_479 sup,
.page_474 sup {
    top: -1em;
}

/*Font Color*/
.page_472 div.lp-header .header-text h1,
.page_472 div.lp-header .header-text p,
.page_472 .header-block h2,
.page_472 section#unique-steps h2,
.page_472 .header-block p,
.page_472 section#unique-steps p,
.page_472 section#experience-cost .total-cost p,
.page_484 div.lp-header .header-text h1,
.page_484 div.lp-header .header-text p,
.page_484 .header-block h2,
.page_484 section#unique-steps h2,
.page_484 .header-block p,
.page_484 section#unique-steps p,
.page_484 section#experience-cost .total-cost p,
.page_474 div.lp-header .header-text h1,
.page_474 div.lp-header .header-text p,
.page_474 .header-block h2,
.page_474 section#unique-steps h2,
.page_474 .header-block p,
.page_474 section#unique-steps p,
.page_474 section#experience-cost .total-cost p,
.page_479 div.lp-header .header-text h1,
.page_479 div.lp-header .header-text p,
.page_479 .header-block h2,
.page_479 section#unique-steps h2,
.page_479 .header-block p,
.page_479 section#unique-steps p,
.page_479 section#experience-cost .total-cost p,
.page_485 div.lp-header .header-text h1,
.page_485 div.lp-header .header-text p,
.page_485 .header-block h2,
.page_485 section#unique-steps h2,
.page_485 .header-block p,
.page_485 section#unique-steps p,
.page_485 section#experience-cost .total-cost p,
.page_490 div.lp-header .header-text h1,
.page_490 div.lp-header .header-text p,
.page_490 .header-block h2,
.page_490 section#unique-steps h2,
.page_490 .header-block p,
.page_490 section#unique-steps p,
.page_490 section#experience-cost .total-cost p,
.page_486 div.lp-header .header-text h1,
.page_486 div.lp-header .header-text p,
.page_486 .header-block h2,
.page_486 section#unique-steps h2,
.page_486 .header-block p,
.page_486 section#unique-steps p,
.page_486 section#experience-cost .total-cost p,
.page_477 div.lp-header .header-text h1,
.page_477 div.lp-header .header-text p,
.page_477 .header-block h2,
.page_477 section#unique-steps h2,
.page_477 .header-block p,
.page_477 section#unique-steps p,
.page_477 section#experience-cost .total-cost p,
.page_477 div.lp-header .header-text h1,
.page_477 div.lp-header .header-text p,
.page_477 .header-block h2,
.page_477 section#unique-steps h2,
.page_477 .header-block p,
.page_477 section#unique-steps p,
.page_477 section#experience-cost .total-cost p,
.page_491 div.lp-header .header-text h1,
.page_491 div.lp-header .header-text p,
.page_491 .header-block h2,
.page_491 section#unique-steps h2,
.page_491 .header-block p,
.page_491 section#unique-steps p,
.page_491 section#experience-cost .total-cost p,
.page_491 div.lp-header .header-text h1,
.page_491 div.lp-header .header-text p,
.page_491 .header-block h2,
.page_491 section#unique-steps h2,
.page_491 .header-block p,
.page_491 section#unique-steps p,
.page_491 section#experience-cost .total-cost p,
.page_497 div.lp-header .header-text h1,
.page_497 div.lp-header .header-text p,
.page_497 .header-block h2,
.page_497 section#unique-steps h2,
.page_497 .header-block p,
.page_497 section#unique-steps p,
.page_497 section#experience-cost .total-cost p,
.page_497 div.lp-header .header-text h1,
.page_497 div.lp-header .header-text p,
.page_497 .header-block h2,
.page_497 section#unique-steps h2,
.page_497 .header-block p,
.page_497 section#unique-steps p,
.page_497 section#experience-cost .total-cost p {
    color: white;
    line-height: normal;
}

.page_497 section#experience-cost .total-cost-gray p,
.page_491 section#experience-cost .total-cost-gray p,
.page_477 section#experience-cost .total-cost-gray p,
.page_484 section#experience-cost .total-cost-gray p,
.page_485 section#experience-cost .total-cost-gray p,
.page_490 section#experience-cost .total-cost-gray p,
.page_486 section#experience-cost .total-cost-gray p,
.page_472 section#experience-cost .total-cost-gray p,
.page_479 section#experience-cost .total-cost-gray p,
.page_474 section#experience-cost .total-cost-gray p {
    color: #595356;
}

.page_472 p, 
.page_472 h1, 
.page_472 h2, 
.page_472 h3, 
.page_472 h4, 
.page_472 h5, 
.page_472 h6,
.page_484 p, 
.page_484 h1, 
.page_484 h2, 
.page_484 h3, 
.page_484 h4, 
.page_484 h5, 
.page_484 h6,
.page_479 p, 
.page_479 h1, 
.page_479 h2, 
.page_479 h3, 
.page_479 h4, 
.page_479 h5, 
.page_479 h6,
.page_474 p, 
.page_474 h1, 
.page_474 h2, 
.page_474 h3, 
.page_474 h4, 
.page_474 h5, 
.page_474 h6,
.page_485 p, 
.page_485 h1, 
.page_485 h2, 
.page_485 h3, 
.page_485 h4, 
.page_485 h5, 
.page_485 h6,
.page_490 p, 
.page_490 h1, 
.page_490 h2, 
.page_490 h3, 
.page_490 h4, 
.page_490 h5, 
.page_490 h6,
.page_486 p, 
.page_486 h1, 
.page_486 h2, 
.page_486 h3, 
.page_486 h4, 
.page_486 h5, 
.page_486 h6,
.page_477 p, 
.page_477 h1, 
.page_477 h2, 
.page_477 h3, 
.page_477 h4, 
.page_477 h5, 
.page_477 h6,
.page_477 p, 
.page_477 h1, 
.page_477 h2, 
.page_477 h3, 
.page_477 h4, 
.page_477 h5, 
.page_477 h6,
.page_491 p, 
.page_491 h1, 
.page_491 h2, 
.page_491 h3, 
.page_491 h4, 
.page_491 h5, 
.page_491 h6,
.page_491 p, 
.page_491 h1, 
.page_491 h2, 
.page_491 h3, 
.page_491 h4, 
.page_491 h5, 
.page_491 h6,
.page_497 p, 
.page_497 h1, 
.page_497 h2, 
.page_497 h3, 
.page_497 h4, 
.page_497 h5, 
.page_497 h6,
.page_497 p, 
.page_497 h1, 
.page_497 h2, 
.page_497 h3, 
.page_497 h4, 
.page_497 h5, 
.page_497 h6 {
    color:#595356;
}

/*Line Height*/
.page_472 p,
.page_472 div.lp-header .header-text h1,
.page_472 div.lp-header .header-text p,
.page_484 p,
.page_484 div.lp-header .header-text h1,
.page_484 div.lp-header .header-text p,
.page_479 p,
.page_479 div.lp-header .header-text h1,
.page_479 div.lp-header .header-text p,
.page_485 p,
.page_485 div.lp-header .header-text h1,
.page_485 div.lp-header .header-text p,
.page_490 p,
.page_490 div.lp-header .header-text h1,
.page_490 div.lp-header .header-text p,
.page_486 p,
.page_486 div.lp-header .header-text h1,
.page_486 div.lp-header .header-text p,
.page_477 p,
.page_477 div.lp-header .header-text h1,
.page_477 div.lp-header .header-text p,
.page_491 p,
.page_491 div.lp-header .header-text h1,
.page_491 div.lp-header .header-text p,
.page_497 p,
.page_497 div.lp-header .header-text h1,
.page_497 div.lp-header .header-text p,  {
    line-height: normal;
}

/*Margins*/

.page_472 section#unique-steps p,
.page_472 .header-block p,
.page_472 div.lp-header .header-text p,
.page_472 p,
.page_479 section#unique-steps p,
.page_479 .header-block p,
.page_479 div.lp-header .header-text p,
.page_479 p,
.page_477 section#unique-steps p,
.page_477 .header-block p,
.page_477 div.lp-header .header-text p,
.page_477 p,
.page_491 section#unique-steps p,
.page_491 .header-block p,
.page_491 div.lp-header .header-text p,
.page_491 p,
.page_497 section#unique-steps p,
.page_497 .header-block p,
.page_497 div.lp-header .header-text p,
.page_497 p {
    margin-bottom: 0;
}

/*Borders*/

.page_497 hr,
.page_472 hr,
.page_491 hr,
.page_484 hr,
.page_485 hr,
.page_490 hr,
.page_486 hr,
.page_479 hr,
.page_474 hr,
.page_477 hr {
    border-left: 1px solid #fff;
    margin: 0;
    border-bottom: none;
    padding: 0;
    width: 0px;
}

/*Disable*/

.page_472 .content-sidebar,
.page_472 .ym-wrapper.closer,
.page_484 .content-sidebar,
.page_484 .ym-wrapper.closer,
.page_479 .content-sidebar,
.page_479 .ym-wrapper.closer,
.page_474 .content-sidebar,
.page_474 .ym-wrapper.closer,
.page_485 .content-sidebar,
.page_485 .ym-wrapper.closer,
.page_490 .content-sidebar,
.page_490 .ym-wrapper.closer,
.page_486 .content-sidebar,
.page_486 .ym-wrapper.closer,
.page_477 .content-sidebar,
.page_477 .ym-wrapper.closer,
.page_497 .content-sidebar,
.page_497 .ym-wrapper.closer,
.page_491 .content-sidebar,
.page_491 .ym-wrapper.closer {
    display: none;
}

/*Carousel*/

.page_497 .swiper-wrapper strong,
.page_472 .swiper-wrapper strong,
.page_484 .swiper-wrapper strong,
.page_485 .swiper-wrapper strong,
.page_490 .swiper-wrapper strong,
.page_486 .swiper-wrapper strong,
.page_479 .swiper-wrapper strong,
.page_474 .swiper-wrapper strong,
.page_491 .swiper-wrapper strong,
.page_477 .swiper-wrapper strong {
    display: block;
}

/*Intro*/

html .page_497 div.lp-header,
html .page_484 div.lp-header,
html .page_485 div.lp-header,
html .page_490 div.lp-header,
html .page_486 div.lp-header,
html .page_472 div.lp-header,
html .page_474 div.lp-header,
html .page_479 div.lp-header,
html .page_491 div.lp-header,
html .page_477 div.lp-header {
    height: auto;
    padding: 3rem 0;
}

html .page_497 div.lp-header .header-content,
html .page_484 div.lp-header .header-content,
html .page_485 div.lp-header .header-content,
html .page_490 div.lp-header .header-content,
html .page_486 div.lp-header .header-content,
html .page_472 div.lp-header .header-content,
html .page_474 div.lp-header .header-content,
html .page_479 div.lp-header .header-content,
html .page_491 div.lp-header .header-content,
html .page_477 div.lp-header .header-content {
    max-width: 60%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 5%;
}

html .page_497 div.lp-header .header-text,
html .page_477 div.lp-header .header-text,
html .page_491 div.lp-header .header-text,
html .page_484 div.lp-header .header-text,
html .page_485 div.lp-header .header-text,
html .page_490 div.lp-header .header-text,
html .page_486 div.lp-header .header-text,
html .page_472 div.lp-header .header-text,
html .page_474 div.lp-header .header-text,
html .page_479 div.lp-header .header-text,
html .page_477 div.lp-header .header-text {
    text-align: left;
    width: 75%;
}

html .page_484 div.lp-header .header-text p,
html .page_485 div.lp-header .header-text p,
html .page_490 div.lp-header .header-text p,
html .page_486 div.lp-header .header-text p,
html .page_472 div.lp-header .header-text p,
html .page_474 div.lp-header .header-text p,
html .page_479 div.lp-header .header-text p {
    font-size: 1.25em;
    font-style: normal;
    max-width: 100%;
    margin: 0 auto 1.25rem;
}

html .page_497 div.lp-header .header-text h1,
html .page_484 div.lp-header .header-text h1,
html .page_485 div.lp-header .header-text h1,
html .page_490 div.lp-header .header-text h1,
html .page_486 div.lp-header .header-text h1,
html .page_472 div.lp-header .header-text h1,
html .page_474 div.lp-header .header-text h1,
html .page_479 div.lp-header .header-text h1,
html .page_491 div.lp-header .header-text h1,
html .page_477 div.lp-header .header-text h1 {
    margin-bottom: 2rem;
}

html .page_497 .lp-header .cta-book,
html .page_484 .lp-header .cta-book,
html .page_485 .lp-header .cta-book,
html .page_490 .lp-header .cta-book,
html .page_486 .lp-header .cta-book,
html .page_472 .lp-header .cta-book,
html .page_474 .lp-header .cta-book,
html .page_479 .lp-header .cta-book,
html .page_491 .lp-header .cta-book,
html .page_477 .lp-header .cta-book {
    margin-left: 0;
}

html .page_484 div.lp-header .mia-logo,
html .page_485 div.lp-header .mia-logo,
html .page_490 div.lp-header .mia-logo,
html .page_486 div.lp-header .mia-logo,
html .page_472 div.lp-header .mia-logo,
html .page_474 div.lp-header .mia-logo,
html .page_479 div.lp-header .mia-logo,
html .page_491 div.lp-header .mia-logo,
html .page_477 div.lp-header .mia-logo {
    padding: 0 0 3rem;
    -webkit-transform: translate(-25px, 0px);
        -ms-transform: translate(-25px, 0px);
            transform: translate(-25px, 0px);
}

html .lp-header .bulletpoints ul li:before {
    -webkit-filter: none;
            filter: none;
}

html .lp-header .bulletpoints ul {
    display: block;
    margin-top: 0px;
    margin-bottom: 16px;
}

html .lp-header .bulletpoints ul li {
    font-size: 1.25em;
    font-style: italic;
}

/*Bulletpoints*/

.lp-header .bulletpoints ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.lp-header .bulletpoints ul li{
    color: #fff;
    list-style: none;
}

.lp-header .bulletpoints ul li::before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-image: url(/files/check-white.svg);
    background-size: 18px;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    margin-right: 3px;
}

.bulletpoints ul li::before {
    content: "";
    display: block;
    height: 22px;
    width: 22px;
    background-image: url(/files/check-white.svg);
    background-size: 18px;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    margin-right: 3px;
    -webkit-filter: invert(1);
            filter: invert(1);
    position: absolute;
    left: 0;
    opacity: 0.65;
    top: -3px;
}

.bulletpoints ul li,
.testimonial ol li {
    list-style: none;
    margin-left: 0;
    font-family: "Avenir-Light", sans-serif;
    font-size: var(--font-sizep1);
    color: #595356;
    padding-left: 30px;
    position: relative;
}

.bulletpoints ul,
.testimonial ol {
    margin: 15px 0 20px;
}

.testimonial ol li {
  list-style: decimal;
  margin-left: .8em;
  padding-left: 0; 
  padding-bottom: 1.25rem;
}

.testimonial ol li::marker {
    font-weight: 600;
}

.testimonial ol li h3 {
    font-size: 1.25rem;
    margin: 0 0 0.5rem;
    font-weight: 600;
}

/*Buttons*/
.lp-header .cta-book {
    border-color: #fff;
}

.lp-header .cta-book:hover {
    background-color: var(--purple-color);
    border: 1px solid var(--purple-color);
}

.lp-header .cta-book a {
    color: #fff;
}

.lp-header .cta-book svg path,
#mia-stories .testimonial-text .cta-book:hover svg path {
    fill: #fff;
}

#mia-stories .testimonial-text .cta-book svg path {
    fill: #232522;
}

.lp-header .cta-book svg,
#mia-stories .testimonial-text .cta-book svg {
    overflow: unset;
    margin-right: 4px;
}

#mia-stories .testimonial-text .cta-book {
    margin-left: 0;
}

#mia-stories .testimonial-text .cta-book:hover a,
#mia-stories .testimonial-text .cta-book.secondary a {
    color: #fff;
}

#mia-stories .testimonial-text .cta-book.secondary {
    background-color: var(--purple-color);
}

html .cta-book.secondary,
#mia-stories .testimonial-text .cta-book.secondary:hover {
    background: #fff;
    border: 1px solid #fff;
}

html .cta-book.secondary a,
#mia-stories .testimonial-text .cta-book.secondary:hover a {
    color: #232522;
}

html .cta-book.secondary:hover {
    background: var(--purple-color);
    border: 1px solid var(--purple-color);
}

html .cta-book.secondary:hover a {
    color: #fff;
}

#mia-stories table + .button-wrapper {
    margin-top: 25px;
}
/*Testimonials*/

section#mia-stories .testimonial.max {
    -ms-grid-rows: unset;
    grid-template-rows: unset;
}

section#mia-stories .testimonial.big {
    -ms-grid-rows: 45rem;
    grid-template-rows: 45rem;
}

section#mia-stories .testimonial tr:nth-child(2n) {
    background: none;
}

html section#mia-stories .testimonial-container {
    padding: 3rem;
}

/*Table*/

section#mia-stories .testimonial table,
html section#mia-stories strong {
    font-family: "Avenir-Light", sans-serif;
}

section#mia-stories table tr{
  color:#595356;
}

@media screen and (max-width: 610px) {
    section#mia-stories table tr td:nth-child(1),
    section#preserve-stories table tr td:nth-child(1) {
        padding-left: 0;
    }
}

/*FAQ*/

section#faq {
    padding: 50px 0px;
    background: #efefef;
}

section#faq .faq-wrapper {
    max-width: 75%;
    margin: 50px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

section#faq .faq-container {
    background: rgb(249 249 249 / 50%);
    overflow: hidden;
    border: 1px solid #8f3362;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    width: 50%;
}

.faq-container .panel {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease-in-out;
    -o-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out;
    padding: 0 1.5rem;
}

.faq-container .panel p {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    margin-bottom: 1rem;
}

.faq-container .panel ol,
.faq-container .panel ul {
    margin-bottom: 8px;
}
.faq-container .panel ol li,
.faq-container .panel ul li,
.faq-container .panel ol li strong,
.faq-container .panel ul li strong{
  list-style: unset;
  font-family: "Avenir-Light", sans-serif;
  color: #595356;
}

.faq-container .panel ol li strong,
.faq-container .panel ul li strong{
  font-weight: 600;
}

.faq-container .panel ul li {
    font-size: var(--font-sizep1);
}


.faq-container .panel p:last-child {
    margin-bottom: 0;
}

.faq-container .accordion {
    background-color: rgba(255 255 255 / 0%);
    cursor: pointer;
    padding: 1.5rem;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    -webkit-transition: background-color 0.4s, border-top 0.4s;
    -o-transition: background-color 0.4s, border-top 0.4s;
    transition: background-color 0.4s, border-top 0.4s;
    border-top: 1px solid #8f3362;
    margin-top: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.faq-container .accordion h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #595356;
    font-family: "Avenir-Light", sans-serif;
}

/*Accordeon Icons*/
.faq-container .accordion h3:before {
    content: "";
    background-image: url(/img/arrow.svg);
    width: 12px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 0% 100%;
    margin-right: 5px;
}

.faq-container .active h3:before,
.faq-container .accordion:hover h3:before {
    -webkit-filter: invert(1);
            filter: invert(1);
}

.faq-container .active h3:before,
.faq-container .active:hover h3:before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background-position: 50% 100%;
}

/* Active state */
.faq-container .active, .faq-container .accordion:hover {
    background-color: #8f3362; 
    border-top: 1px solid #fff;
}

.faq-container .active h3, .faq-container .accordion:hover h3 {
    color: #fff; 
}

.faq-container .active + .panel {
  padding: 1.5rem;
}

.faq-container .active + .panel p{
  opacity: 1;
}



/* MIA Video Fullwidth 2024 =========================*/

section#mia-femtech h2,
html section#form h2 {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 4rem;
    font-weight: 400;
    padding: 0 2rem;
    max-width: 1000px;
}
section#mia-femtech {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: white;
}

section#mia-femtech .video-dr-container {
    width: 75%;
    margin-bottom: 4rem;
}

section#mia-femtech .video-dr-container iframe {
  aspect-ratio: 16/9;
}

/* MIA Youtube Video 2025 =========================*/

#mia-femtech .cookieconsent-optout-marketing .cta-book,
.referenz .mia-video .cookieconsent-optout-marketing .cta-book {
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}   

#mia-femtech .cookieconsent-optout-marketing .cta-book a,
.referenz .mia-video .cookieconsent-optout-marketing .cta-book a {
    text-decoration: none;
    font-size: 16px;
}   

#mia-femtech .cookieconsent-optout-marketing .cta-book:hover a,
.referenz .mia-video .cookieconsent-optout-marketing .cta-book:hover a {
    color: #ffffff;
}

#mia-femtech .cookieconsent-optout-marketing p,
.referenz .mia-video .cookieconsent-optout-marketing p {
    font-family: "Avenir-Light", sans-serif;
    font-size: 20px;
}

.referenz .mia-video iframe {
    aspect-ratio: 16 / 9;
}

/*MIA Referenz*/

section#mia-stories.referenz .mia-video {
    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}

section#mia-stories.referenz .mia-video .cookieconsent-optout-marketing {
    -ms-flex-line-pack: center;align-content: center;
}

html section#mia-stories .narrow {
        max-width: calc(75% + 6rem);
        margin: 0 auto;
    }

    html section#mia-stories .no-padding {
        padding: 0;
    }   

    html section#mia-stories .white-bg,
    html section#mia-stories.white-bg {
        background: #fff;
    }

    html section#mia-stories.padding-top {
        padding-top: 100px;
    }
    html section#mia-stories.padding-bottom {
        padding-bottom: 100px;
    }

    html section#mia-stories.referenz .testimonial-container {
        max-width: 720px;
        margin: 0 auto;
    }

    .referenz .testimonial-text {
        padding: 0 35px;
    }
    .referenz .title h3 {
         margin-bottom: 30px;
        font-family: "Avenir-Light", sans-serif;
        font-size: 20px;
        position: relative;
        padding-bottom: 12px;
        text-align: left;
        margin-top: 8px;
    }

    .referenz .title h3:after {
        content: "";
        width: 90px;
        height: 1px;
        background: #C8CCD9;
        display: block;
        position: absolute;
        bottom: 0;
    }

    .referenz .testimonial-text p {
        margin-bottom: 15px;
        font-size: 17px;
    } 
    .referenz .testimonial-text p.review-content-name {
        margin-bottom: 4px;
        margin-top: 8px;
        font-weight: 800;
    }

    .referenz .testimonial-text div p.review-content-profession {
        font-style: italic;
        margin-bottom: 4px;
    }

    section#mia-stories.referenz .ym-gbox {
        padding: 0;
    }

    section#mia-stories.referenz .ym-gbox img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
    }

    section#mia-stories.referenz a.fancybox {
        -webkit-transition: 300ms all;
        -o-transition: 300ms all;
        transition: 300ms all;
        overflow: hidden;
        border-radius: 30px;
        aspect-ratio: 5 / 4;
        display: block;
    }

    section#mia-stories.referenz a.fancybox:hover img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    section#mia-stories.referenz .ym-g50 {
        margin: 0 25px;
        width: calc(50% - 25px);
    }

    section#mia-stories.referenz .ym-g50.first {
        margin-left: 0px;
    }

    section#mia-stories.referenz .ym-g50.last {
        margin-right: 0px;
    }

    section#mia-stories.referenz  .mia-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }

    @media screen and (max-width: 1480px) {
        .referenz .testimonial-text {
            padding: 0px;
        }

    }

    @media screen and (max-width: 1200px) {
        section#mia-stories.referenz .testimonial {
            display: block;
        }

        html section#mia-stories .narrow {
            padding: 0 4%;
            width: 100%;
            max-width: unset;
        }
    }

    @media screen and (max-width: 992px) {
        html section#mia-stories .no-padding-mobil {
            padding: 0;
        }

        html section#mia-stories.referenz .testimonial-container {
            max-width: unset;
        }

        section#mia-stories.referenz .ym-g50 {
            margin: 0 15px;
            width: calc(50% - 15px);
        }
    } 

/* MIA After pictures ============================*/

section#before-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: 80px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
}

section#before-after .clothed-topless {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

section#before-after .splides {
  max-width: 100%;
  width: 100%;
}

section#before-after .clothed-topless button {
  font-size: 1rem;
  color: var(--purple-color);
  border: none;
  background: none;
  font-family: "Avenir-Light", sans-serif;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

section#before-after .after-container {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 2rem;
  position: relative;
  display: none;
  width: 75%;
}

.after-container.active {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}

section#before-after .clothed-btn.active,
section#before-after .topless-btn.active {
  border-bottom: 1px solid var(--purple-color);
}

section#before-after .IconParent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section#before-after .splides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

section#before-after .splidess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 1rem;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

section#before-after .before-photo,
section#before-after .after-photo {
  height: 280px;
  max-height: 280px;
  position: relative;
  overflow: hidden;
  background-color: var(--gray-color);
  width: 100%;
}

section#before-after .after-photo {
  border-radius: 30px;
}

section#before-after .before-photo {
  border-radius: 30px 0 0 30px;
}

section#before-after .splide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  width: 100%;
  visibility: visible;
}

section#before-after .after-container span {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  color: white;
}

section#before-after .after-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

section#before-after .after-container.clothed .splide:nth-child(1) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.clothed .splide:nth-child(1) .after-photo img:hover {
  opacity: 0.5;
}

section#before-after .after-container.clothed .splide:nth-child(2) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.clothed .splide:nth-child(2) .after-photo img:hover {
  opacity: 0.5;
}

section#before-after .after-container.clothed .splide:nth-child(3) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.clothed .splide:nth-child(3) .after-photo img:hover {
  opacity: 0.5;
}

section#before-after .after-container.topless .splide:nth-child(1) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.topless .splide:nth-child(1) .after-photo img:hover {
  opacity: 0.5;
}

section#before-after .after-container.topless .splide:nth-child(2) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.topless .splide:nth-child(2) .after-photo img:hover {
  opacity: 0.5;
}


section#before-after .after-container.topless .splide:nth-child(3) .after-photo img {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease, -webkit-transform 1s ease-in-out;
  -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: transform 1s ease-in-out, opacity 1s ease;
  -ms-transition: transform 1s ease-in-out, opacity 1s ease;
  -o-transition: transform 1s ease-in-out, opacity 1s ease;
}

section#before-after .after-container.topless .splide:nth-child(3) .after-photo img:hover {
  opacity: 0.5;
}

section#before-after .splides:after {
  display: none;
}

div#ageVerification {
    padding: 2.5rem;
    background: rgb(234 234 234 / 50%);
    max-width: 800px;
}

div#ageVerification strong {
    font-family: "Avenir-Light", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
}

div#ageVerification button {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    border: 1px solid var(--purple-color);
    font-size: var(--font-sizep);
    font-weight: 700;
    background-color: transparent;
    color: #232522;
    padding: 1.3rem 2rem;
    cursor: pointer;
    -webkit-transition: 300ms all;
    -o-transition: 300ms all;
    transition: 300ms all;
}

div#ageVerification button:hover {
    background: var(--purple-color);
    color: #fff;
}

div#imageSection {
    width: 100%;
}

/* MIA Quote Slider 2024 =========================*/

/*Quote Slider Slides*/
    .quote-slider-container sup {
        top: -.5em!important;
    }
    .quote-slider-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100vw;
        height: auto;
    }

    .quote-slider-container> * {
        padding: 100px 0px;
    }

    .quote-slider-container .slides-container {
        width: 60%;
        overflow: hidden;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .quote-slider-container .background-img {
        background: url(https://www.sophienklinik-stuttgart.de/files/kundenzitate-bg.webp);
        display: block;
        width: calc(50vw - 8px);
        height: calc(100% + 3px);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: -3px;
        background-size: cover;
    }

    .quote-slider-container .slides-wrapper {
        width: 60%;
    }

    .quote-slider-container .slides {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
        transition: -webkit-transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
        gap: 20%;
    }

    .quote-slider-container .slide {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        box-sizing: border-box;
    }

    .quote-slider-container .slide .slide-content {
        display: block;
        height: auto;
        background-color: #fff;
        padding: 40px 25px 50px 50px;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .quote-slider-container .slide .slide-content .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 15px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-right: 28px;
    }

    .quote-slider-container .slide .slide-content .title h3 {
        margin-bottom: 10px;
        font-family: "Avenir-Light", sans-serif;
        font-size: 20px;
        position: relative;
        padding-bottom: 12px;
        text-align: left;
        margin-top: 8px;
    }

    .quote-slider-container .slide .slide-content .title h3:after {
        content: "";
        width: 90px;
        height: 1px;
        background: #C8CCD9;
        display: block;
        position: absolute;
        bottom: 0;
    }

    .quote-slider-container .slide .slide-content .text {
        margin-bottom: 20px;
        text-align: left;
        position: relative;
    }

    .quote-slider-container .slide .slide-content .text div{
        max-height: 180px;
        overflow: hidden;
        padding-right: 26px;
    }

    .quote-slider-container .slide .slide-content .text.active div{
        overflow: overlay; 
        /*padding-right: 20px;*/
    }

    .quote-slider-container .slide .slide-content ul, 
    .quote-slider-container .slide .slide-content ul li {
        font-family: "Avenir-Light", sans-serif;
        color: #595356;
        font-size: 17px;
    }

    .quote-slider-container .slide .slide-content .text div p:first-child {
        padding-top: 6px;
        max-width: calc(100% - 20px);
    }

    .quote-slider-container .slide .slide-content .text div p.review-content-name {
        margin-bottom: 4px;
        margin-top: 8px;
        font-weight: 800;
    }

    .quote-slider-container .slide .slide-content .text div p.review-content-profession {
        font-style: italic;
        margin-bottom: 4px;
    }

    .quote-slider-container .slide .slide-content span.star {
        color: #8E3362;
    }

    /*Bigger Avatar*/

    html .quote-slider-container .slide .slide-content .title img.quote-avatar.bigger,
    html .quote-slider-container.bigger .slide .slide-content .title img.quote-avatar {
        width: 120px;
        border-radius: 100px;
    }

    .quote-slider-container.bigger .slide-content .text > div {
        padding-right: 150px;
    }

    .quote-slider-container.bigger .slide-content .text.active > div {
        padding-right: 140px;
    }

    .quote-slider-container.bigger .slide .slide-content .text {
        margin-top: -50px;
    }

    /*Scroll animation on ios*/
    @supports (-webkit-touch-callout: none) {
        @media screen and (max-width: 664px) {
            .quote-slider-container .slide .slide-content .text.active div p {
                -webkit-animation: scrolling;
                        animation: scrolling;
                -webkit-animation-duration: 2s;
                        animation-duration: 2s;
                -webkit-animation-delay: 5s;
                        animation-delay: 5s;
            }

            @-webkit-keyframes scrolling {
              0%   {-webkit-transform: translatey(0px);transform: translatey(0px);}
              50%  {-webkit-transform: translatey(-20px);transform: translatey(-20px);}
              100% {-webkit-transform: translatey(0px);transform: translatey(0px);}
            }

            @keyframes scrolling {
              0%   {-webkit-transform: translatey(0px);transform: translatey(0px);}
              50%  {-webkit-transform: translatey(-20px);transform: translatey(-20px);}
              100% {-webkit-transform: translatey(0px);transform: translatey(0px);}
            }
        }
    }

    .quote-slider-container .slide .slide-content .text:before {
        content: "";
        width: 100%;
        height: 80%;
        display: block;
        background: -o-linear-gradient(bottom, #fff, rgba(255 255 255 / 0%));
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255 255 255 / 0%)));
        background: linear-gradient(0deg, #fff, rgba(255 255 255 / 0%));
        position: absolute;
        bottom: 0;
        -webkit-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .quote-slider-container .slide .slide-content .text.active:before {
        height: 0px;
        opacity: 0;
    }

    .quote-slider-container .slide .slide-content p {
        margin-bottom: 15px;
        font-size: 17px;
    }

    html .quote-slider-container .slide .slide-content .title img.quote-avatar {
        width: 40px;
        height: auto;
    }

/*more*/

    .quote-slider-container .slide .slide-content a.more {
        color: #8E3362;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 17px;
    }


    .quote-slider-container .slide .slide-content a.more:after {
        content: url(/files/arrow_forward.svg);
        margin-left: 10px;
        display: inline-block;
        -webkit-transform: translate(0px, 2px);
            -ms-transform: translate(0px, 2px);
                transform: translate(0px, 2px);
        -webkit-transition: -webkit-transform 400ms ease;
        transition: -webkit-transform 400ms ease;
        -o-transition: transform 400ms ease;
        transition: transform 400ms ease;
        transition: transform 400ms ease, -webkit-transform 400ms ease;
    }

    .quote-slider-container .slide .slide-content a.more.active:after {
        -webkit-transform: translate(0px, -1px) rotate(180deg);
            -ms-transform: translate(0px, -1px) rotate(180deg);
                transform: translate(0px, -1px) rotate(180deg);
    }

    /* width */
    .quote-slider-container ::-webkit-scrollbar {
      width: 5px;
      -webkit-appearance: none;
    }

    /* Track */
    .quote-slider-container ::-webkit-scrollbar-track {
      background: #EAEAEA;
    border-radius: 50px;
    -webkit-appearance: none;
    }

    /* Handle */
    .quote-slider-container ::-webkit-scrollbar-thumb {
      background: #C8CCD9;
      border-radius: 50px;
      -webkit-appearance: none;
    }

    /* For Firefox */
    .quote-slider-container .slide-content .text div{
        scrollbar-width: thin;
        scrollbar-track-color: #EAEAEA;
        scrollbar-face-color: #C8CCD9;
        scrollbar-shadow-color: #C8CCD9;
        -webkit-overflow-scrolling: touch;
    }


/*Quote Slider Navigation*/

    .quote-slider-container .navigation {
        width: 40%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-left: calc(100vw - (60vw + (20vw * 1.65)));
        background: url(/files/quote.svg);
        background-repeat: no-repeat;
        background-position: 80% 15%;
        background-size: 380px;
    }

    .quote-slider-container .navigation h2.title {
        margin-bottom: 12px;
    }

    .quote-slider-container .navigation-arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px
    }

    .quote-slider-container .arrow.prev {
        margin-left: 0;
    }

    .quote-slider-container .arrow {
        cursor: pointer;
        font-size: 20px;
        margin: 0 14px;
    }

    .quote-slider-container .arrow.deactivated:hover {
        cursor: inherit;
    }

    .quote-slider-container .arrow path {
        -webkit-transition: fill 400ms ease;
        -o-transition: fill 400ms ease;
        transition: fill 400ms ease;
    }

    .quote-slider-container .arrow.fade path,
    .quote-slider-container .arrow.fade:hover path  {
        fill:#C8CCD9;
    }

    .quote-slider-container .arrow:hover path {
        fill:#8E3362;
    }

/*Footer*/
.page_497 footer,
.page_472 footer,
.page_484 footer,
.page_485 footer,
.page_490 footer,
.page_486 footer,
.page_479 footer,
.page_474 footer,
.page_491 footer,
.page_477 footer {
    margin-top: 0;
}
html .page_472 footer h3,
html .page_472 footer h4,
html .page_472 footer h5,
html .page_472 footer p,
html .page_484 footer h3,
html .page_484 footer h4,
html .page_484 footer h5,
html .page_484 footer p,
html .page_479 footer h3,
html .page_479 footer h4,
html .page_479 footer h5,
html .page_479 footer p,
html .page_474 footer h3,
html .page_474 footer h4,
html .page_474 footer h5,
html .page_474 footer p,
html .page_485 footer h3,
html .page_485 footer h4,
html .page_485 footer h5,
html .page_485 footer p,
html .page_490 footer h3,
html .page_490 footer h4,
html .page_490 footer h5,
html .page_490 footer p,
html .page_486 footer h3,
html .page_486 footer h4,
html .page_486 footer h5,
html .page_486 footer p,
html .page_477 footer h3,
html .page_477 footer h4,
html .page_477 footer h5,
html .page_477 footer p,
html .page_477 footer h3,
html .page_477 footer h4,
html .page_477 footer h5,
html .page_477 footer p,
html .page_497 footer h3,
html .page_497 footer h4,
html .page_497 footer h5,
html .page_497 footer p,
html .page_497 footer h3,
html .page_497 footer h4,
html .page_497 footer h5,
html .page_497 footer p,
html .page_491 footer h3,
html .page_491 footer h4,
html .page_491 footer h5,
html .page_491 footer p,
html .page_491 footer h3,
html .page_491 footer h4,
html .page_491 footer h5,
html .page_477 footer p {
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    color: #232522!important;
}

.page_484 footer .ym-wrapper,
.page_497 footer .ym-wrapper,
.page_485 footer .ym-wrapper,
.page_490 footer .ym-wrapper,
.page_486 footer .ym-wrapper,
.page_472 footer .ym-wrapper,
.page_479 footer .ym-wrapper,
.page_474 footer .ym-wrapper,
.page_491 footer .ym-wrapper,
.page_477 footer .ym-wrapper {
    max-width: 1430px;
    padding: 0px 10px;
}

/*MIA Intro Update*/

html div.lp-header.mia .header-text h1 {
    margin-bottom: 2rem;
    font-size: 3.75em;
    font-weight: 300;
    line-height: normal;
}

html .lp-header.mia .bulletpoints ul li {
    font-size: 1.75em;
    padding-bottom: 8px;
}

html div.lp-header.mia .header-text p,
html .page_477 div.lp-header .header-text p,
html .page_497 div.lp-header .header-text p,
html .page_491 div.lp-header .header-text p {
    font-size: 1.25em;
    font-style: normal;
    max-width: 100%;
    margin: 0 auto 1.25rem;
}

html div.lp-header.mia .mia-logo {
    padding-bottom: 1.25rem;
}

html .lp-header.mia .bulletpoints ul li::before {
    height: 32px;
    width: 28px;
    background-size: 23px;
    background-position: 0% 75%;
}

html .lp-header.mia .bulletpoints ul {
    margin-bottom: 22px;
}

html #main .mia-intro-slider div.lp-header sup,
html #main div.lp-header.mia sup {
    font-size: 60% !important;
    padding: 1px;
    top: -0.75em;
}


html #main .mia-intro-slider span.headline {
    font-size: 26px;
    font-family: "Avenir-Light", sans-serif;
    display: block;
    margin-bottom: 5px;
}

html #main .mia-intro-slider span.headline + h1 {
    font-size: 3rem;
}



/* =====================================================================
========= Preservé Landingpage =========================================
========================================================================*/
/*Fonts*/
@font-face {
    font-family: 'Spanlight-italic';
    src: url('../fonts/SpanLightItalic.eot');
    src: url('../fonts/SpanLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SpanLightItalic.woff2') format('woff2'),
        url('../fonts/SpanLightItalic.woff') format('woff'),
        url('../fonts/SpanLightItalic.ttf') format('truetype'),
        url('../fonts/SpanLightItalic.svg#SpanLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Spanlight';
    src: url('../fonts/SpanLightRegular.eot');
    src: url('../fonts/SpanLightRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SpanLightRegular.woff2') format('woff2'),
        url('../fonts/SpanLightRegular.woff') format('woff'),
        url('../fonts/SpanLightRegular.ttf') format('truetype'),
        url('../fonts/SpanLightRegular.svg#SpanLightRegular') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskervville-Italic';
    src: url('../fonts/Baskervville-Italic.eot');
    src: url('../fonts/Baskervville-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Baskervville-Italic.woff2') format('woff2'),
        url('../fonts/Baskervville-Italic.woff') format('woff'),
        url('../fonts/Baskervville-Italic.ttf') format('truetype'),
        url('../fonts/Baskervville-Italic.svg#../fonts/Baskervville-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Baskervville';
    src: url('../fonts/Baskervville-Regular.eot');
    src: url('../fonts/Baskervville-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Baskervville-Regular.woff2') format('woff2'),
        url('../fonts/Baskervville-Regular.woff') format('woff'),
        url('../fonts/Baskervville-Regular.ttf') format('truetype'),
        url('../fonts/Baskervville-Regular.svg#../fonts/Baskervville-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html .page_497 h1,
html .page_497 h2,
html .page_497 h3,
html .page_497 h4,
html .page_497 h5,
html .page_497 h6,
html .lp-header.preserve span.subheadline,
section#preserve-for-you span.subheadline {
    /*FONT UPDATE 2025*/ /*font-family: "Baskervville", sans-serif;*/
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-weight: 300!important;
}

html .page_497 h1,
html .page_497 h2,
html .page_497 h3,
html .page_497 h4,
html .page_497 h5,
html .page_497 h6 {
    color: #0E3934;  
}

html .page_497 sup.h-sup,
html .page_497 sup.p-sup {
    font-size: 0.7em;
}

html .page_497 p,
html .page_497 strong,
section#preserve-for-you ul li,
html .page_497 .bulletpoints ul li, 
html .page_497 .testimonial ol li {
    /*FONT UPDATE 2025*/ /*font-family: "Avenir-Light", sans-serif;*/
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.75em;
    color: #333333;
}

html .page_497 strong {
    font-weight: 700;
}


html .page_497 .cta-book a {
    /*FONT UPDATE 2025*/ /*font-family: "Avenir-Light", sans-serif;*/
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

html .page_497 .lp-header .bulletpoints ul li{
    color:#fff;
}

html .page_497 .bulletpoints ul li {
    line-height: 1.5em;
}

html .page_497 h2 + h3, html .page_497 .testimonial ol li h3 {
    font-size: 24px;
}

section#preserve-for-you span.subheadline,
section#preserve-for-you .header-block p, section#preserve-for-you .header-block ul {
    font-size: 1.15em;
    line-height: 1.75em;
}

/*Logo*/

html div.lp-header .preserve-logo,
html div.lp-header .mia-logo {
    padding: 0 0 1.25rem;
    max-width: 150px;
    width: 80%;
}

/*Header*/

.page_497 div.lp-header {
    background-image: url("/files/preserve-intro.jpg");
    background-position: 30% 20% !important;
}

.preserve + .spacing {
    height: 2px;
    background: #b2902f;
}

/*Buttons*/
html .page_497 .cta-book {
    border-radius: 100px;
    border: 1px solid #0E3934;
    text-transform: uppercase;
        margin-left: 0;
}

html .page_497 .cta-book.secondary,
html .page_497 .lp-header .cta-book {
    border: 1px solid #fff;
}

html .page_497 .cta-book a,
html .page_497 .lp-header .cta-book.secondary a {
    color:#0E3934;
}

html .page_497 .cta-book:hover {
    background-color: #0E3934;
    border: 1px solid #0E3934;
}

html .page_497 .lp-header .cta-book:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

html .page_497 .lp-header .cta-book:hover a {
    color: #0E3934;
}

html .page_497 .lp-header .cta-book:hover svg path {
    fill: #263329;
}

html .page_497 .cta-book.secondary:hover {
    background-color: transparent;
    border: 1px solid #fff;
}

html .page_497 .cta-book.secondary a:hover,
html .page_497 .cta-book a:hover,
html .page_497 .lp-header .cta-book a {
    color:#fff;
}

html .page_497 p + .cta-book {
    margin-top: 35px;
}

html .page_497 .bulletpoints ul + .cta-book, 
html .page_497 .testimonial ol + .cta-book {
    margin-top: 0;
}

/*Banner*/

section#preserve-for-you span.subheadline {
    margin-bottom: 0.5em;
    font-weight: 500;
}

section#preserve-for-you {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4% 3rem;
    text-align: center;
    background-color: #0E3934;
}
section#preserve-for-you .header-block {
    padding: 3rem 4% 1.5rem;
    min-height: unset;
    background-color: transparent;
}

section#preserve-for-you .header-block p,
section#preserve-for-you .header-block ul {
    max-width: 1000px;
}

section#preserve-for-you .header-block ul {
    width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1180px;
    margin: 20px 0px 13px;
    gap: 15px;
    row-gap: 0;
}

section#preserve-for-you ul li {
    list-style: none;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

section#preserve-for-you ul li:before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-image: url(/files/check-white.svg);
    background-size: 18px;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    margin-right: 3px;
}

/*section#preserve-for-you .features {
    margin-top: 0rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
    padding: 0 1rem;
    width: 75%;
}

section#preserve-for-you .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 40ch;
}

section#preserve-for-you .features .feature img {
    margin-bottom: 2rem;
    width: 70px;
    height: 70px;
    aspect-ratio: 1 / 1;
    padding: 8px;
    -webkit-filter: brightness(10);
            filter: brightness(10);
}

section#preserve-for-you .feature p {
    max-width: 35ch;
    font-size: 1.1rem;
    color: #fff;
}*/

/*Stories*/

section#preserve-stories .testimonial {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 40rem;
    grid-template-rows: 40rem;
    position: relative;
    overflow: hidden;
}section#preserve-stories .testimonial > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}section#preserve-stories .testimonial > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

section#preserve-stories .testimonial.max {
    -ms-grid-rows: unset;
    grid-template-rows: unset;
}

html section#preserve-stories .testimonial-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    gap: 3rem;
    background-color: #EEEDE4;
    padding: 3rem;
}

html section#preserve-stories .testimonial-container.white {
    background: #fff;
}

section#preserve-stories .testimonial img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
}

/*Technologien*/

section.technologien {
    background: #fff;
}

section.technologien .technologien-wrapper,
section.technologien .section-header {
    width: 75%;
    margin-bottom: 4rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 3% 0;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
}

section.technologien .section-header + .technologien-wrapper {
    padding-top: 1%;
}

section.technologien .section-header {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

section.technologien .section-header h2 {
    /*FONT UPDATE 2025*/ /*font-family: "Baskervville-Italic", sans-serif;*/
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    color: #5F1349;
}

section.technologien .technologien-wrapper .grafik {
    border-radius: 30px;
    overflow: hidden;
    padding: 2rem;
    position: relative;
}

section.technologien .caption {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: 0;
    bottom: 20%;
}

section.technologien .caption p {
    font-weight: 700;
    color: #B2902F;
    font-size: 18px;
    max-width: 100px;
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    line-height: normal;
}

section.technologien .technologien-wrapper .grafik {
    border-radius: 30px;
    overflow: hidden;
    padding: 1rem 1rem 1rem 100px;
    position: relative;
    min-width: 320px;
    max-width: 32%;
}

section.technologien .technologien-wrapper .grafik img{
    max-height: 400px;
}


/*Tabelle*/

section#preserve-stories tbody td, section#preserve-stories tbody th {
    border-top: 1px solid #DCE0E2;
}

section#preserve-stories tr:nth-child(2n) {
    background: none;
}

section#preserve-stories table {
    border-top: 1px #DCE0E2 solid;
    border-bottom: 1px #DCE0E2 solid;
}

section#preserve-campaign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: white;
}

section#preserve-campaign h2 {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 4rem;
    font-weight: 400;
    padding: 0 2rem;
    max-width: 1000px;
}

section#preserve-campaign .video-container {
    width: 75%;
    margin-bottom: 4rem;
}


/*MIA FONT UPDATE 2025*/

/*MIA*/ 
html .page_477 #main .mia-intro-slider span.headline,
.page_477 h1, .page_477 h2, .page_477 h3, .page_477 h4, .page_477 h5, .page_477 h6, .page_477 p,
.page_477 section#mia-stories .testimonial table, html .page_477 section#mia-stories strong,
.page_477 section#before-after .clothed-topless button,
.page_477 .referenz .title h3,
.page_477 .quote-slider-container .slide .slide-content .title h3,
.page_477 section#form form input,
.page_477 section#form form label,
.page_477 .faq-container .accordion h3,
.page_477 section#banner-nft .nft-features *,
.page_477 section#banner-featured-in span,
.page_477 select option {
    font-family: 'Poppins', Helvetica, Arial, sans-serif;

}

html .page_477 #main .mia-intro-slider span.headline + h1 {
    font-size: 2.5rem;
}

html .page_477 #main .mia-intro-slider .lp-header .bulletpoints ul li {
    font-size: 1.5em;
}

.page_477 div.lp-header .header-text p,
.page_497 div.lp-header .header-text p,
.page_477 section#mia-is-for-you .feature p {
    font-weight: 300;
}

.page_477 h1, .page_477 h2, .page_477 h3, .page_477 h4, .page_477 h5, .page_477 h6 {
    font-weight: 400;
}