/* Erweiterungen */

.responsiveContainer { position: relative; padding-bottom: 30%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.uk-scope a { color: var(--gruen); text-decoration: none; }
.uk-scope a:hover { color: var(--gruen); text-decoration: none; }

.uk-scope .testimonials .uk-dotnav > * > * { border-radius: 0px; width: 52px; height: 8px; background: #e0d8cb; border: 0; }
.uk-scope .testimonials .uk-dotnav > .uk-active > * { background: var(--hellbraun); }
.uk-scope .testimonials .uk-dotnav > * > :hover { background: var(--hellbraun); }
.uk-scope .testimonials .uk-flex-center { justify-content: flex-start; }
.uk-scope .uk-dotnav > * { padding-left: 0; padding-right: 12px; }

.uk-scope .homeslider .uk-dotnav > * > * { border-radius: 0px; width: 40px; height: 8px; background: #ffffff; border: 0; }
.uk-scope .homeslider .uk-dotnav > .uk-active > * { background: var(--hellbraun); }
.uk-scope .homeslider .uk-dotnav > * > :hover { background: var(--hellbraun); }
.uk-scope .homeslider .uk-flex-center { justify-content: flex-end; margin-right: 8px; }
.uk-scope .homeslider .uk-overlay { padding: 0px 0px 15px 0px; }


.uk-scope .slideshow { margin-top: 50px; }


 .uk-scope .referenzen * + .uk-grid-margin { margin-top: 0px; }

.uk-scope .referenzen { margin: 0px; }
.uk-scope .referenzen .uk-grid > * { padding-left: 0; }
.uk-scope .referenzen .uk-grid { margin-left: 0px; }

.uk-scope .uk-h3, .uk-scope h3 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 23px; line-height: 120%; font-weight: 600; letter-spacing: 0.02em; font-family: "bio-sans", sans-serif; color: var(--braun);}
.referenzen .uk-panel .uk-margin { padding: 10px 0px; }

.uk-scope * + p { margin: 0px 0px 10px 0px !important; }


.uk-scope .referenzgalerie { margin-top: 50px; }



.uk-scope .uk-h4, .uk-scope h4 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; font-size: 20px; line-height: 120%; font-weight: 600; letter-spacing: 0.02em; font-family: "bio-sans", sans-serif; color: #000000; }

h4:first-child { padding: 0px; }

.uk-scope ul { margin: 0px 0px 15px 0px; padding: 0px; }
.uk-scope ul li { list-style: none; padding: 5px 0px; }

.uk-scope .uk-accordion-content { margin: 0px 0px 30px 0px; }
.uk-accordion li { border-bottom: 1px solid var(--braun); }
.uk-scope .uk-accordion-title { font-size: 23px; line-height: 120%; font-weight: 600; letter-spacing: 0.02em; font-family: "bio-sans", sans-serif; padding: 15px 0px; color: var(--braun); transition: .3s ease-out; background: url(../images/plus-braun.png) no-repeat scroll center right; background-size: 15px 15px; }
.uk-scope .uk-open .uk-accordion-title { background: url(../images/minus-braun.png) no-repeat scroll center right; background-size: 15px 15px; }
.uk-accordion-title a { color: var(--braun); }
.uk-scope .uk-accordion > :nth-child(n+2) { margin-top: 0px; }

.uk-scope .uk-accordion-title:hover { color: var(--hellbraun); }
.uk-scope .uk-accordion-title::before { display: none; }


.uk-scope .bildgalerie { margin-top: 80px; }




.uk-scope .referenzen.uk-grid > * { padding: 0px; }

.uk-first-column:nth-child(even) .uk-panel .uk-grid { flex-direction: row-reverse; }


    .referenzen .uk-panel .uk-margin { padding: 25px; }



@media(min-width:800px)
{ 
    .uk-scope .referenzen { margin: 0px -30px 0px -30px; }

    .uk-scope .homeslider .uk-flex-center { margin-right: 160px; }
    .uk-scope .homeslider .uk-overlay { padding: 0px 0px 20px 0px; }
}




@media(min-width:1000px)
{
    .uk-scope .referenzen { margin: 0px -50px 0px -50px; }

    .referenzen .uk-panel .uk-margin { padding: 25px; }

    .uk-scope .homeslider .uk-flex-center { margin-right: 210px; }

    .uk-scope .slideshow { margin-top: 100px; }
}



@media(min-width:1300px)
{
    .uk-scope .homeslider .uk-flex-center { margin-right: 250px; }

    .referenzen .uk-panel .uk-margin { padding: 50px; }
}


@media(min-width:1600px)
{
    .uk-scope .homeslider .uk-flex-center { margin-right: 290px; }
}


@media(min-width:1800px)
{
    .uk-scope .homeslider .uk-flex-center { margin-right: 350px; }
}



@media(min-width:2100px)
{
    .uk-scope .homeslider .uk-flex-center { margin-right: 450px; }

}