/** hier werden Styleanweisungen durch das ZBFS hinterlegt, 
    ohne die ggf. mininizierte projektspezifische css-Datei anfassen zu müssen
**/

/** Styles für Button "Jetzt aktivieren" (im Overlay für Youtube Videos) **/
body.mobile-modal-open .module-youtube .activation-required > .overlay .btn.youtube_aktivieren {
    background-color: #2e609a !important;
    color: #fff !important;
    border-color: #2e609a !important
}
body.mobile-modal-open .module-youtube .activation-required > .overlay .btn.youtube_aktivieren:focus
, body.mobile-modal-open .module-youtube .activation-required > .overlay .btn.youtube_aktivieren:hover {
    background-color: #3774b9 !important;
    border-color: #3774b9 !important
}
.module-youtube .overlay .close-privacy-modal svg {
    margin-top: -5px;
}
.module-youtube .overlay ul li a:before {
    content: none;
}
.module-youtube .activation-required .overlay a.btn:hover {
    text-decoration: none;
}
.module-youtube .activation-required .overlay a.btn .label {
    text-decoration: none;
}
.theme-default .module-youtube .overlay ul li a:hover .label {
    text-decoration: none;
}
 .module-youtube .overlay .link-datenschutzhinweise {
    text-decoration: none;
}

/** Listen in der Infobox bündig zu Überschriften/Text ausrichten:
    Browser-Default "padding-left: 40px" entfernen und das Aufzählungszeichen
    außerhalb (list-style-position: outside) positionieren. Durch das kleine
    padding-left beginnt der Bullet am linken Rand des Inhaltsbereichs, während
    umgebrochene Folgezeilen über die hängende Einrückung bündig unter dem
    Text-Beginn (nicht unter dem Bullet) eingerückt werden. **/
.module-infobox.module div.inner-wrap div.content ul {
    margin-left: 0;
    padding-left: 1.2em;
    list-style-position: outside;
}

@media (max-width: 399.98px) {
	#logo-stmas {
        padding-bottom: 0;
    }
	#logo-stmas img {
        position: absolute;
        right: 1rem;
        height: 80px;
        top: 1rem;
    }
    #header #nav > button {
        bottom: 22px;
    }
}
@media (min-width: 400px) and (max-width: 575.98px) {
	#logo-stmas {
        padding-bottom: 0;
    }
	#logo-stmas img {
        position: absolute;
        right: 1rem;
        height: 80px;
        top: 1rem;
    }
    #header #nav > button {
        bottom: 22px;
    }    
}
@media (min-width: 576px) and (max-width: 767.98px) {
	#logo-stmas {
        padding-bottom: 0;
    }
	#logo-stmas img {
        position: absolute;
        right: 1rem;
        height: 85px;
        top: 0.9rem;
    }
    #header #nav > button {
        bottom: 22px;
    }     
}
@media (min-width: 768px) and (max-width: 991.98px) {
	#logo-stmas img {
        max-height: 5.75rem;
    }
    #header #nav > button {
        bottom: 25px;
    }    
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	#logo-stmas img {
        max-height: 6rem;
    }
    #header #nav > button {
        bottom: 28px;
    }     
}