.region-prefix{background:black!important;}
.block-system-main-block ul:not([class]) li::before,.block-system-main-block ul:not([class]) li::after{background-color:white;}


article a, main a h3,article h3 a, h4 a, article a p, article a span:not(.ckeditor-accordion-toggle){text-decoration:underline;background-color:black!important;color:white!important}
main a:hover, footer a:hover{background-color:#404040!important;}

h1,h2,h3,h4,p,span,article li{color:white!important;/*background-color:black!important;*/ padding:0 4px;}

main section, section::before, section::after{background:black!important;}
details,main {background-color: black!important;}
body {background-color: black!important;}


/*img{filter:grayscale(100%)!important;}*/
img{filter: grayscale(100%)!important; border:1px solid white;}
svg:not(:root) {overflow: hidden;color: white!important;}
main section, section::before, section::after{background:black!important;}
ul {color:white!important;}
p a {color:white!important;text-decoration:underline!important;}
footer {background-color:black!important; border-top: 3px solid white!important;border-bottom:1px solid white;margin-bottom:10rem;padding:0;}
footer a, footer a:hover{color:white;}
em {color:white!important; font-style: italic!important;}
.uk-hr,hr {overflow: visible;text-align: inherit;margin: 0 0 20px 0;border: 0;border-top: 1px solid white;}

div#page.uk-container{background-color:black!important;}
div.sticky{background-color:black!important;border: 1px solid white!important;}


/*KSL Logo*/
.uk-logo img{ filter: brightness(73%) contrast(300%) grayscale(100%) invert(100%)!important; border:none!important;}


/*Foerderlogo header*/
.region-header {background:url(/public/img/esf-foerderlogos_21-27_eu-mags_foerdersatz_w.svg) right bottom/22rem}
@media all and (max-width:960px){header.uk-container{padding:0}.region-header{display:flex;align-items:center;margin:0;background:none;}illkommen{height:auto;overflow:auto;}}


/*Foerderlogo footer*/
footer::after{position:absolute;content:"";width:90vw;left:5vw;top:5rem;height:5rem; background:url(/public/img/esf-foerderlogos_21-27_eu-mags_foerdersatz_w.svg) center/contain no-repeat; background-color:black;}
@media all and (max-width:720px){footer ul{justify-content:center}footer ul::after{position:static;margin-top:1rem}}


/*Startseite*/
#willkommen{background-color:black!important;}
.greydient{background-image:none!important;}


/*Banner vielfalt startseite*/
#vielfalt{filter: grayscale(100%)!important;}

/*KSL Karte*/
.kslkarte img{border:none; filter:grayscale(100%)!important;}
.kslkarte .uk-section {border: 1px solid white!important;margin-top:1rem;}
.kslkarte .uk-box-shadow-large {box-shadow: none!important;}


/*mobile KSL-Auswahl*/
#pop-domains a{color: white!important;}
#pop-domains .uk-modal-dialog {background:black; border:1px solid white;}
#mlang .is-active, #mlang li.is-active::after{color:white!important;font-weight:bold;}
#mlang .de::after{content:"Alltagssprache";position:absolute;left:0;color:white;background:black;pointer-events:none;}


/*mobile accesibilitymenu*/
#dls-book path {fill:white!important;}
#dgs-hands path {fill:white!important;}
.uk-offcanvas-bar a{color:white!important;}

/*mobile Navigation*/
.uk-nav-parent-icon>.uk-parent>a::after{background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")!important;}/*überschreibt auch das Aufgeklapptsymbol*/


/*Startseite buehne*/
.frontnews article{background-color:black!important; border: 1px solid white;}
.slick-dots li button:before{color:rgba(255,255,255,0.25)!important; opacity:1!important;}
.slick-dots li.slick-active button:before{color: white!important; background-color:black!important;opacity:1!important;}
.slick-dots li button{color: white!important;background: black!important;}
.slick img, .slick iframe {filter:grayscale(100%)!important;border-right: 3px solid white;border-left: 3px solid white;border-bottom: 3px solid white;}
.frontnews .slick-arrow {border:2px solid white; background-color:black;top: auto;right: auto;left: auto;bottom: 1.8rem;border-radius: 50%;margin-right: 1em;box-shadow: none;width: 3rem;height: 3rem;background-position: center;}
/*.frontnews .slick-prev{background-image:url('/public/img/prevw.png');margin-left: -3.75rem;}*/
/*.frontnews .slick-next{background-image:url('/public/img/nextw.png');}*/

/*Navigation desktop*/
.hauptmenu .sf-menu{background-color:black!important;color:white!important;font-weight:bold!important; border-bottom: 3px solid white!important;} 
.hauptmenu .sf-menu>.active-trail::after, .hauptmenu .sf-menu>.menuparent:hover::after{position:absolute;content:"";bottom:6px;left:1em;right:1em;height:4px;background:black!important;}
.hauptmenu ul.sf-menu.menu ul{background:black!important;}
.sf-menu a {color:white!important;font-weight:bold!important;background:black;}
li.is-active a, li.is-active a::before{color:white!important; text-decoration:underline!important;}


/*Navigation DLS*/
/*.menu-dls .is-active, .menu-dls a:hover{background:#00008b!important;color:#000!important;}*/
.menu-dls .is-active, .menu-dls a:hover{background:black!important;color:#white!important; border: 1px solid white!important;}


/*Sprachversionsumschalter*/
.language-link{color:white;}
.sprache li.is-active{background:white;border-color:white;border-left:4px solid white!important;border-right:4px solid white!important;}
.sprache li{background-color:black;border-left:4px solid black!important;border-right:4px solid black!important;}
.sprache li:hover{color:white!important;background-color:#404040!important;}
.sprache li.is-active:hover{color:white!important;background-color:white!important;}

.sprache li.dls{border-radius:0 12px 12px 0;border-right:8px solid black;border-left:8px solid black;}
.sprache li.dls .is-active{background:url(/public/img/dlss.svg) left/contain;color:black!important;}
.sprache li.dls a{background:url(/public/img/dlsw.svg) 4px/contain;}

.sprache li.de{width:6.4rem;border-radius:12px 0 0 12px;border-left:8px solid black;border-right:8px solid black}
.sprache li.de .is-active{background:url(/public/img/des.svg) left/contain;color:black!important;}
.sprache li.de a{background:url(/public/img/dew.svg) 4px/contain;}

.sprache li.dgs .is-active{background:url(/public/img/dgss.svg) 4px/contain;color:black!important;}
.sprache li.dgs a{background:url(/public/img/dgsw.svg) 4px/contain;}


/*Kontrastumschalter Schriftgrößenumschalter*/
#simple-text-resize li{border:1px solid white!important;margin:0.5rem 0.5rem;}
.schrift #simple-text-resize{background-color:black;}


.news-blog{background:black!important;}
.news-blog a{background-color:black!important; border: 1px solid white;}


/*Regionsumschalter*/
/*.domains{filter:grayscale(100%)!important;} /*kann die Schrift nicht einfärben, wenn der Hintergrund schwarz ist*/
.domains a{color:white!important;}
.domains a:hover{background-color:white!important;color:black!important;}

.block-page-title-block{border-bottom: 3px solid white!important;}


/*mobile Regionsumschalter*/
.ksl-nrw-de .domains li:first-child a,.domains li:first-child a:hover,.ksl-koordinierung-de .domains li:last-child a,.domains li:last-child a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-koeln-de .domains li:nth-child(2) a, .domains li:nth-child(2) a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-detmold-de .domains li:nth-child(3) a, .domains li:nth-child(3) a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-duesseldorf-de .domains li:nth-child(4) a, .domains li:nth-child(4) a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-arnsberg-de .domains li:nth-child(5) a, .domains li:nth-child(5) a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-muenster-de .domains li:nth-child(6) a, .domains li:nth-child(6) a:hover{background:white!important;color:black!important;font-weight:bold!important;}
.ksl-msi-nrw-de .domains li:nth-child(7) a, .domains li:nth-child(7) a:hover{background:white!important;color:black!important;font-weight:bold!important;}

.domains::before,.domains::after{background:white!important;}
.domains li:first-child,.domains li:last-child{border-color:white}
.domains li:nth-child(2){border-color:white}
.domains li:nth-child(3){border-color:white}
.domains li:nth-child(4){border-color:white}
.domains li:nth-child(5){border-color:white}
.domains li:nth-child(6){border-color:white}
.domains li:nth-child(7){border-color:white}


/*Auszeichnung Region*/
section.grey, section.grey::before,section.grey::after{background:black!important}
span.KSL.NRW,#pop-domains,#nrw-modal,#koordinierung-modal{background-color:black!important; border:1px solid white;}
span.KSL.Köln,#koeln-modal{background-color:black!important; border:1px solid white;}
span.KSL.Detmold,#detmold-modal{background-color:black!important; border:1px solid white;}
span.KSL.Düsseldorf,#duesseldorf-modal{background-color:black!important; border:1px solid white;}
span.KSL.Arnsberg,#arnsberg-modal{background-color:black!important; border:1px solid white;}
span.KSL.Münster,#muenster-modal{background-color:black!important; border:1px solid white;}
span.KSL-MSi-NRW,#msi-modal{background-color:black!important; border:1px solid white;}
span#veranstalter{background-color:#404040!important;color:white;padding:3px 6px; border:1px solid white;}


/*Akkordeon Style*/
.ckeditor-accordion-container>dl dt>a,.ckeditor-accordion-container>dl dt>a:hover,.ckeditor-accordion-container>dl dt.active>a{background-color:black!important;}
.ckeditor-accordion-container > dl dt > a:not(.button) {border-bottom: 1px solid white!important;}
.ckeditor-accordion-container > dl {border: 1px solid white!important;}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {background: white!important;}


/*Suchfeld*/
.form-search{background: black!important;color:white!important;}
.form-search:focus{background: #404040!important;color:white!important;}
i.better_search {background: url("/public/img/search-iconw.svg") center center no-repeat;height: 20px;width: 16px;margin:5px;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;display: inline-block;}
.js-form-type-search input.form-search {width: 100%;height: 30px;background: black;border: 2px solid white!important;}
::placeholder{color:white!important;}


/*Filterfeld*/
.views-exposed-form{display:flex;gap:3rem;margin-bottom:10px;background-color:#404040!important;padding:15px;}


/*UIKit custom*/
.uk-container h3 a {color: white!important;text-decoration:underline!important;}
.uk-container .uk-container {background-color:black!important;}

.uk-section a {color:white!important;text-decoration:underline!important;}
.uk-section-muted {background: black!important; border: 1px solid white!important; margin: 1em 0;}
.uk-section-muted a {color:white!important;text-decoration:underline!important;}
.uk-section-primary {background: black!important;}
.uk-section-primary a {color:white!important;text-decoration:underline!important;}
.uk-section-default{background: black!important;color: white!important;}

.uk-button-default{background-color:black!important;color:white;border: 1px solid white!important;}
.uk-button-default:focus,.uk-button-default:hover {background-color: #black!important;color: white;text-decoration:underline!important;}
.uk-button-default.uk-active,.uk-button-default:active {background-color: white!important;color: black;border: 1px solid white!important;}

.uk-button-primary {background-color: black!important;color: white;border: 1px solid white!important;}
.uk-button-primary:focus,.uk-button-primary:hover {background-color: #black!important;color: white;text-decoration:underline!important;}
.uk-button-primary.uk-active,.uk-button-primary:active {background-color: white!important;color: black;border: 1px solid white!important;}

.uk-button-secondary {background-color: black!important;color: white!important;border: 1px solid white!important;}

.uk-card-badge {background: black!important;color: white!important;}
.uk-card{background: black!important;color: white!important;border: 1px solid white;margin: 1em 0;}
.uk-card-default .uk-card-header {border-bottom: 1px solid white;}
.uk-card-default .uk-card-footer {border-top: 1px solid white}

.uk-background-default, .uk-label {background-color: black!important; border:1px solid white;}
.uk-background-muted {background-color: black!important;}
.uk-background-primary {background-color: #404040!important;}

.uk-text-primary, p.uk-text-secondary {color: white!important}

.uk-heading-divider{border-bottom-color: rgba(255,255,255)!important;}
.uk-heading-line>::after,.uk-heading-line>::before {border-bottom: calc(.2px + .05em) solid white!important;}

.uk-input,.uk-select,.uk-textarea {background: black;color: white;border: 1px solid white;}
.uk-input:focus,.uk-select:focus,.uk-textarea:focus {background-color: #404040;color: white;border-color:white;}
/*.uk-select:not([multiple]):not([size]) {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}*/
.uk-select:not([multiple]):not([size]) option {color: white;background-color:black;}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {stroke: rgb(255,255,255);}
.uk-navbar-toggle-icon{position:absolute;top:0;left:0;padding:0 14px;background:black;z-index:1;/*border: 1px solid white;*/}

.uk-alert-danger, .uk-alert-primary{background: black!important;color:white!important;border: 1px solid white!important;}
.uk-link-toggle:focus .uk-link,.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover {color: white; text-decoration: underline!important;}
.uk-form-label{color: white!important;}
.uk-offcanvas-bar{background:black!important;}
.uk-text-emphasis {color: white!important;}
.uk-list-striped>:nth-of-type(odd) {background: black!important;}
.uk-list-divider>:nth-child(n+2) {margin-top: 10px;padding-top: 10px;border-top: 1px solid white}
.uk-slider {border:1px solid white;}
.uk-position-small[class*=uk-position-center-left],.uk-position-small[class*=uk-position-center-right] {border: 1px solid white;}
.uk-tile-muted {background: black!important;}
.uk-tab>.uk-active>a {background-color: white!important; color: black!important; border-color:white!important;}
.uk-tab-left::before {border-left: 1px solid white!important;}
.uk-dropdown {background: black!important;color:white!important;border: 1px solid white!important;}
.uk-grid-divider>:not(.uk-first-column)::before {border-left: 1px solid white!important;}
.uk-subnav-pill>.uk-active>a {background-color: #ffffff;color:black!important;}

.uk-pagination>.uk-active>* {background-color: #ffffff;color:black!important;font-weight:bold;}
.uk-pagination>*>* {color: white!important;}
.uk-pagination>*>:focus,.uk-pagination>*>:hover {color: white!important;background-color: #404040!important;text-decoration:none;}

/*bootstrap custom*/
.bootstrap-tabs a {color:white!important;text-decoration:underline!important;}
.bootstrap-tabs .nav-tabs > li.active > a,.bootstrap-tabs .nav-tabs > li.active > a:hover,.bootstrap-tabs .nav-tabs > li.active > a:focus {background-color: black;}
.bootstrap-tabs .nav > li > a:hover,.bootstrap-tabs .nav > li > a:focus {text-decoration: none;background-color: #b5bc00;}


input {
  background-color: white!important;
  color: black !important;
}

input[type=submit],
input[type=button]{
  background-color: black!important;
  color: white!important;
}

input[type=submit]:hover,
input[type=button]:hover,
button:hover {
  text-decoration: underline !important;
}
  
::selection {
  background-color: white!important;
  color: black!important;
}