/* Erweiterungen for Trachsel Hutter Flattich Rechtsanwälte AG © admotion */


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

.uk-scope .uk-accordion-title { margin: 0px; padding: 13px 0px 13px 0px; font-size: 25px; line-height: 120%; font-weight: 400; letter-spacing: 0.02em; font-family: 'DM Serif Display'; border-bottom: 1px solid #bebebe; transition: .3s ease-out; background: url(../images/open.svg) no-repeat scroll right center; background-size: 20px 20px; }
.uk-scope .uk-accordion-title:hover { color: var(--blau); }
.uk-scope .uk-open .uk-accordion-title { color: var(--blau); background: url(../images/close.svg) no-repeat scroll right center; background-size: 20px 20px; }
.uk-scope .uk-accordion-title::before { display: none; }

.uk-scope .uk-accordion-content { margin-top: 0px; }
.uk-accordion ul { margin-bottom: 20px !important;}
.uk-accordion li { border-bottom: 0px !important; padding: 0px !important;}
.uk-accordion li li { border-bottom: 1px solid #bebebe !important; padding: 8px 0px !important; }



.uk-scope .uk-h4, .uk-scope h4 { font-weight: 400; letter-spacing: 0.02em; font-family: 'DM Serif Display'; font-size: 22px; letter-spacing: 0.02em; } 
.uk-scope .uk-button-default { color: var(--blau); border: 0px; border-top: 1px solid var(--blau); border-bottom: 1px solid var(--blau); text-transform: uppercase; letter-spacing: 0.12em; font-size: 18px; padding: 10px 0px; display: block; margin: 10px 0px 0px 0px; line-height: 160%; font-weight: 600; text-align: left;}




/* Cookies CK CSS */

#cookiesck { background: #ffffff; left: 0px; bottom: 0px; right: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
#cookiesck_text { padding: 20px; line-height: 160%; }
#cookiesck > .inner { text-align: left; }
#cookiesck_buttons { padding: 0px 20px 15px 20px; }

#cookiesck_interface { top: auto; margin: 30px; border: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
.cookiesck-main-title { text-align: left; font-size: 20px; line-height: 130%; }
.cookiesck-main-desc { padding: 0px 20px 10px 20px; }
.cookiesck-main-buttons { justify-content: flex-start; padding: 0px 20px; }
.cookiesck-main .cookiesck_button, .cookiesck-main-buttons .cookiesck-button { margin: 10px 10px 0px 0px; border-radius: 0px; }
.cookiesck-platform { align-items: flex-start; }
.cookiesck-main-close { font-size: 14px; }
.cookiesck-platform-name { margin: 0px 0px 10px 0px; }
.cookiesck-main-close { padding: 10px 20px; }
.cookiesck-category-name { font-size: 20px; margin: 10px 0px 0px 0px; }

.cookiesck-main .cookiesck-decline.cookiesck-active { color: #666; border: 2px solid #dddddd; background: #e5e5e5; }
.cookiesck-main .cookiesck-decline:hover { color: orange; border: 2px solid orange; background: #ffffff; }



@media(min-width:460px)
{
    #cookiesck { left: 30px; bottom: 30px; right: auto; width: 400px; }
}


@media(min-width:660px)
{
    #cookiesck_interface { width: 600px; }
}