/**
 * Single Services --> Hero Section
 */
#top.single-pll_services #hero_section .__rounded--box--row .h1 em{
    display: block;
    hyphens: auto;
}


/**
 * Single Services --> Intro Section
 */
#top.single-pll_services #intro_section .content{
    display: flex;
    flex-wrap: wrap;
    gap: 2em 4em;
}
#top.single-pll_services #intro_section .content > div{
    flex-basis: 100%;
    flex-grow: 1;
}
#top.single-pll_services #intro_section .content > div:nth-child(2){
    border-top: 2px solid;
    padding: 6% 4% 0 8%;
    margin: 2em 0 0 0;
}
#top.single-pll_services #intro_section .content > div:nth-child(2) p{
    max-width: 620px;
}

@media only screen and (min-width: 1280px){
    #top.single-pll_services #intro_section .content > div{flex-basis: 0;}
    #top.single-pll_services #intro_section .content > div:nth-child(1){order: 2;}
    #top.single-pll_services #intro_section .content > div:nth-child(2){flex-grow: 1.5;}
}


/**
 * Single Services --> Leistungen Section
 */
#top.single-pll_services #leistungen .av-special-heading,
#top.single-pll_services #leistungen .av_textblock_section{
    max-width: 620px;
}


/**
 * Service Grid
 */
#top .__services--grid{
    margin: 2em 0 0;
    --gap: 1em;
}
#top .__services--grid > .entry{
    display: flex;
    flex-direction: column;
    padding: 3em 4%;
    border: 2px solid;
    border-radius: 1em;
    overflow: hidden;
    margin: 0 0 var(--gap) 0;
    width: 100%;
    transition: opacity .2s;
}
#top .__services--grid > .entry:hover{opacity: .5;}
#top .__services--grid > .entry *{max-width: 100%;}
#top .__services--grid > .entry i{font-size: 2em; line-height: 1; align-self: flex-end; margin: 2em 0 0;}

@media only screen and (min-width: 768px) {
    #top .__services--grid > .gutter-sizer {
        width: var(--gap);
    }

    #top .__services--grid > .grid-sizer,
    #top .__services--grid > .entry {
        width: calc((100% - var(--gap)) / 2);
    }
}

@media only screen and (min-width: 1280px) {
    #top .__services--grid > .grid-sizer,
    #top .__services--grid > .entry {
        width: calc((100% - calc(var(--gap) * 2)) / 3);
    }
}