.region-prefix{background:blue!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:blue!important;color:white!important}
main a:hover, footer a:hover{background-color:#4e76fe!important;}

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

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


/*img{filter:grayscale(100%)!important;}*/
img{filter:sepia(100%) hue-rotate(190deg) saturate(500%)!important;border:1px solid white;}
svg:not(:root) {overflow: hidden;color: white;}
main section, section::before, section::after{background:blue!important;}
ul {color:white!important;}
p a {color:white!important;text-decoration:underline!important;}
footer {background-color:blue!important; border-top: 3px solid white!important;border-bottom:1px solid white;margin-bottom:10rem;padding:0;}
em {color:white!important; font-style: italic!important;}


div#page.uk-container{background-color:blue!important;}
div.sticky{background-color:blue!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:blue;}
@media all and (max-width:720px){footer ul{justify-content:center}footer ul::after{position:static;margin-top:1rem}}


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


/*Banner vielfalt startseite*/
#vielfalt{filter:sepia(100%) hue-rotate(190deg) saturate(500%)!important;}


/*KSL Karte*/
.kslkarte img{border:none;}
.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 .uk-modal-dialog {background:blue; border:1px solid white;}
#mlang .is-active, #mlang li.is-active::after{color:white!important;font-weight:bold;text-shadow:1px 1px blue;}


/*mobile accesibilitymenu*/
#dls-book path {fill:white!important;}
#dgs-hands path {fill:white!important;}


/*Startseite buehne*/
.frontnews article{background-color:blue!important; border: 1px solid white;}
.slick-dots li button:before{color:rgba(255,255,255,0.4)!important; opacity:1!important;}
.slick-dots li.slick-active button:before{color: white!important; background-color:blue!important;opacity:1!important;}
.slick-dots li button{color: white!important;background: blue!important;}
.slick img, .slick iframe {border-right: 3px solid white;border-left: 3px solid white;border-bottom: 3px solid white;}
.frontnews .slick-arrow {border:2px solid white; background-color:blue;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;}


/*Navigation desktop*/
.hauptmenu .sf-menu{background-color:blue!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:blue!important;}
.hauptmenu ul.sf-menu.menu ul{background:blue!important;}
.sf-menu a {color:white!important;font-weight:bold!important;background:blue;}
li.is-active a, li.is-active a::before{color:#303097!important; text-decoration:underline!important;}


/*Navigation DLS*/
/*.menu-dls .is-active, .menu-dls a:hover{background:#00008b!important;color:#fff!important;}*/
.menu-dls .is-active, .menu-dls a:hover{background:blue!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:blue;border-left:4px solid blue!important;border-right:4px solid blue!important;}

.sprache li.dls{border-radius:0 12px 12px 0;border-right:8px solid blue;border-left:8px solid blue;}
.sprache li.dls .is-active{background:url(/public/img/dlsblue.svg) left/contain;color:blue!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 blue;border-right:8px solid blue}
.sprache li.de .is-active{background:url(/public/img/deblue.svg) left/contain;color:blue!important;}
.sprache li.de a{background:url(/public/img/dew.svg) 4px/contain;}

.sprache li.dgs .is-active{background:url(/public/img/dgsblue.svg) 4px/contain;color:blue!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:blue;}


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


/*Regionsumschalter*/
.domains{filter:sepia(100%) hue-rotate(190deg) saturate(500%)!important;} /*kann die Schrift nicht einfärben, wenn der Hintergrund schwarz ist*/
.domains a{color:white!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:blue!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:blue!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:blue!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:blue!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:blue!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:blue!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:blue!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:blue!important}
span.KSL.NRW,#pop-domains,#nrw-modal,#koordinierung-modal{background-color:blue!important; border:1px solid white;}
span.KSL.Köln,#koeln-modal{background-color:blue!important; border:1px solid white;}
span.KSL.Detmold,#detmold-modal{background-color:blue!important; border:1px solid white;}
span.KSL.Düsseldorf,#duesseldorf-modal{background-color:blue!important; border:1px solid white;}
span.KSL.Arnsberg,#arnsberg-modal{background-color:blue!important; border:1px solid white;}
span.KSL.Münster,#muenster-modal{background-color:blue!important; border:1px solid white;}
span.KSL-MSi-NRW,#msi-modal{background-color:blue!important; border:1px solid white;}
span#veranstalter{background-color:#0000a1!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:blue!important;}
.ckeditor-accordion-container > dl dt > a:not(.button) {border-bottom: 1px solid #ffffff;}
.ckeditor-accordion-container > dl {border: 1px solid #ffffff!important;}


/*Suchfeld*/
.form-search{background: blue!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: blue;border: 2px solid white!important;}
::placeholder{color:white!important;}


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

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

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

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

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

.uk-card-badge {background: #fff!important;color: blue!important;}
.uk-card{background: blue!important;color: white!important;border: 1px solid white;margin: 1em 0;}

.uk-background-default {background-color: blue!important; border:1px solid white;}
.uk-background-muted {background-color: blue!important;}
.uk-background-primary {background-color: #4e76fe!important;}

.uk-text-primary {color: #ffffff!important}
p.uk-text-secondary{color: white!important;}
.uk-heading-divider{border-bottom-color: rgba(255,255,255)!important;}

.uk-input,.uk-select,.uk-textarea {background: blue;color: white;border: 1px solid white;}
.uk-input:focus,.uk-select:focus,.uk-textarea:focus {background-color: #3195ff;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:blue;}

.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:blue;z-index:1;/*border: 1px solid white;*/}

.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:blue!important;}
.uk-text-emphasis {color: white!important;}
.uk-list-striped>:nth-of-type(odd) {background: blue!important;}
.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: blue!important;}
.uk-tab>.uk-active>a {background-color: #fff!important; color: blue!important; border-color:#fff!important;}
.uk-dropdown {background: blue!important;color:#fff!important;border: 1px solid white!important;}


/*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: blue;}
.bootstrap-tabs .nav > li > a:hover,.bootstrap-tabs .nav > li > a:focus {text-decoration: none;background-color: #4e76fe;}


input {
  background-color: #ffffff !important;
  color: blue !important;
}

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

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