/* ==================================================
Single Behandlung -> Section Top
================================================== */
#top.single-op_behandlung h1{font-size: var(--step-3);}
#top.single-op_behandlung .__section--top .content{
    display: flex;
    flex-direction: column;
    gap: 2rem 0;
}
#top.single-op_behandlung .__section--top .content > div{
    flex-grow: 1;
    flex-basis: 0;
}
#top.single-op_behandlung .__section--top .content > div:nth-child(1){
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
#top.single-op_behandlung .__section--top .content > div figure{
    background-color: var(--orthoplace-pastel-pink);
    display: block;
    border-radius: var(--button-radius);
    overflow: hidden;
}
#top.single-op_behandlung .__section--top .content > div figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#top.single-op_behandlung .__section--top .content .__cat{font-weight: 600;}

@media screen and (min-width: 990px){
    #top.single-op_behandlung .__section--top .content{flex-direction: row;}
    #top.single-op_behandlung .__section--top .content > div{max-width: 50%;}
    #top.single-op_behandlung .__section--top .content > div:nth-child(1){padding-right: 10vw;}
    #top.single-op_behandlung .__section--top .content > div figure{
        margin-top: -33%; 
        max-width: 100%;
        aspect-ratio: 166/200;
        mask-image: url('data:image/svg+xml;utf8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 473.77 564.34"><defs><style>.cls-1{fill:%231d1d1b;}</style></defs><path class="cls-1" d="M415.61,6.25c3.77.74,7.02,3.03,9.05,6.27,18.24,29.28,101.47,180.85-1.26,368.87,0,0-114.64,220.04-363.41,177.47-3.9-.65-7.32-3.03-9.4-6.36-19.8-32.14-114.38-205.72,20.93-402.05,0,0,127.03-186.56,344.09-144.21Z"/></svg>');
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
    }
}

/* ==================================================
Single Behandlung -> Section Beschreibung
================================================== */
#top.single-op_behandlung .__section--description .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2xl-3xl);
}
#top.single-op_behandlung .__section--description .content .__appropriate--treatments h3{color: var(--orthoplace-fresh-blue);}

/* List */
#top.single-op_behandlung .__description ul{
    list-style: none;
    margin: 0 0 1em 0;
}
#top.single-op_behandlung .__description ul > li{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 1em;
    position: relative;
}
#top.single-op_behandlung .__description ul > li:before{
    content: '\e875';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
}

@media screen and (min-width: 990px){
    #top.single-op_behandlung .__section--description .content{flex-wrap: wrap; flex-direction: row; padding-bottom: 0;}
    #top.single-op_behandlung .__section--description .content > div{flex-grow: 1; flex-basis: 100%;}
    #top.single-op_behandlung .__section--description .content > div:nth-child(2),
    #top.single-op_behandlung .__section--description .content > div:nth-child(3){flex-basis: 0;}
    #top.single-op_behandlung .__section--description .__description > div{columns: 2; column-gap: 5vw;}
}