body{
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:0px;
	padding-top:0px;
	font-size:13px;
    background-image: url(/files/khb/theme/images/AdobeStock_39609331.jpeg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#wrapper{
    background:none;
}
h1,h2,h3,h4,h5{
    color:rgb(43 106 157);
    font-family: 'Open Sans', sans-serif;
}
h1{
    text-transform: uppercase;
	font-size:25px;
	line-height: 30px;
    font-weight: 400;
	margin-top:15px;
}
h1.ce_headline{
	text-transform: uppercase;
    margin-bottom:10px;
}
h2{
    font-size:22px;
	line-height: 30px;
	margin-top:5px;
    font-weight: 300;
    margin: 10px 0;
}
h3{
	font-size: 16px;
	line-height: 30px;
    font-weight: 600;
	margin: 10px 0 5px 0;
}
h4{
    font-size:13px;
	line-height: 20px;
    font-weight: 700;
    margin: 10px 0 5px 0;
}
.download-element h2, .download-element h3, .download-element h4{
    font-weight: normal;
}
p{
    margin:5px 0;
}
a:not(nav a),
.ce_download a{
    color:#00598d;
    font-weight: bold;
}
a:hover, .ce_download a:hover,
.download-element a:hover, .hyperlink-element a:hover{
    color:#408cb9;
}
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection,
p::selection, a::selection, strong::selection, span::selection, div::selection,
figure::selection, img::selection, iframe::selection, i::selection, u::selection, br::selection, em::selection,
tr::selection, td::selection, mark::selection{
    background-color: #2B6A9D;
}
.material-icons,
header .search em,
nav a.sidenav-trigger i.material-icons,
.ce_list ul:not(.browser-default) li:before,
.ce_text ul:not(.browser-default) li:before{
    color:rgb(43 106 157);
}
table.noborder th, table.noborder td, table.noborder tr{
	border:none;
    padding:0;
}
input:not([type]), input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea, textarea,
#wrapper input[type=search]:focus:not([readonly]){
    border: 2px solid rgb(0 89 141);
}
.btn, .btn-large, .btn-small,
.table-of-contents li a,
#header .search-box .submit,
.ce_mateContentBox .pageLink a,
.ce_ct_contentBox .pageLink a,
.ce_mateTeaserBox .pageLink a,
.ce_ct_teaserBox .pageLink a,
.datepicker-container .btn-flat,
.submit{
    background-color: rgb(0 89 141);
}
.btn:hover,
.btn-large:hover,
.btn-small:hover,
.table-of-contents li a:hover,
#header .search-box .submit:hover,
.ce_mateContentBox .pageLink a:hover,
.ce_ct_contentBox .pageLink a:hover,
.ce_mateTeaserBox .pageLink a:hover,
.ce_ct_teaserBox .pageLink a:hover,
.datepicker-container .btn-flat:hover,
.submit:hover{
    background-color: rgb(71 140 181);
}

.container.blocked #main{
    background-color: rgba(255 255 255 / 90%);
    padding:20px;
    margin-top: 0;
}
.khb .container{
    padding:0px;
}

.row .col, .mod_newslist .col, .mod_eventlist .col, .mod_newsarchive .col, .left-col #container .col, .right-col #container .col, .left-right-col #container .col{
    padding: 0 20px;
}

/* ------------- sectionTop -----------------*/
.sectionTop{
    background: rgb(0,73,62);
	display: none;
}


/* -------------------- NavBar ----------------------*/

#khb_logo {
  background-image: url(/files/khb/theme/images/LogoKHB_web.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 250px;
  height: 80px;
  margin-top: 10px;
  margin-bottom:10px;
}

.dark #khb_logo,
.contrast #khb_logo {
  background-image: url(/files/khb/theme/images/LogoKHB_web_dark.png);
}

.stuck #khb_logo {
background-image: url(/files/khb/theme/images/LogoKHB_web_dark.png);
margin-top: 0px;
height: 80px;
}


nav{
    background-color: rgba(255 255 255 / 70%);
}
#header nav .image_container{
    margin:0px;
}
#header .brand-logo .ce_image:not(.fixed-nav) img{
    padding:10px 0;
}
nav ul a{
    padding: 0 10px;
}
#header .nav-wrapper{
    padding:0px;
}
#header .nav-wrapper ul li,
#main nav:not(.subnav) .nav-wrapper ul li,
#left nav:not(.subnav) .nav-wrapper ul li,
#right nav:not(.subnav) .nav-wrapper ul li{
    text-transform: none;
}
#header .nav-wrapper ul li a,
#main nav:not(.subnav) .nav-wrapper ul li a,
#left nav:not(.subnav) .nav-wrapper ul li a,
#right nav:not(.subnav) .nav-wrapper ul li a{
    font-size: 17px;
    color:#333;
}
#header .nav-wrapper ul li a.active,
#main nav:not(.subnav) .nav-wrapper ul li a.active,
#left nav:not(.subnav) .nav-wrapper ul li a.active,
#right nav:not(.subnav) .nav-wrapper ul li a.active,
#header .nav-wrapper ul li a:hover,
#header .nav-wrapper ul li.active,
#main nav:not(.subnav) .nav-wrapper ul li a:hover,
#main nav:not(.subnav) .nav-wrapper ul li.active,
#left nav:not(.subnav) .nav-wrapper ul li a:hover,
#left nav:not(.subnav) .nav-wrapper ul li.active,
#right nav:not(.subnav) .nav-wrapper ul li a:hover,
#right nav:not(.subnav) .nav-wrapper ul li.active
{
    color:#2a6a9c;
}
#header .nav-wrapper ul.sidenav li a.active,
#main nav:not(.subnav) .nav-wrapper ul.sidenav li a.active,
#left nav:not(.subnav) .nav-wrapper ul.sidenav li a.active,
#right nav:not(.subnav) .nav-wrapper ul.sidenav li a.active,
#header .nav-wrapper ul.sidenav li a:hover,
#header .nav-wrapper ul.sidenav li.active,
#main nav:not(.subnav) .nav-wrapper ul.sidenav li a:hover,
#main nav:not(.subnav) .nav-wrapper ul.sidenav li.active,
#left nav:not(.subnav) .nav-wrapper ul.sidenav li a:hover,
#left nav:not(.subnav) .nav-wrapper ul.sidenav li.active,
#right nav:not(.subnav) .nav-wrapper ul.sidenav li a:hover,
#right nav:not(.subnav) .nav-wrapper ul.sidenav li.active{
    color:#fff;
}
#header .nav-wrapper ul>li>a.active:before,
#header .nav-wrapper ul>li.trail>a:before,
#main nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
#main nav:not(.subnav) .nav-wrapper ul>li.trail>a:before,
#left nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
#left nav:not(.subnav) .nav-wrapper ul>li.trail>a:before,
#right nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
#right nav:not(.subnav) .nav-wrapper ul>li.trail>a:before,
#header .nav-wrapper ul>li>a:hover:before,
#main nav:not(.subnav) .nav-wrapper ul>li>a:hover:before,
#left nav:not(.subnav) .nav-wrapper ul>li>a:hover:before,
#right nav:not(.subnav) .nav-wrapper ul>li>a:hover:before
{
    border: 2px solid rgb(43 106 157);
}
#header .mod_mateNavbar.stuck .nav-wrapper ul>li>a.active:before,
#header .mod_mateNavbar.stuck .nav-wrapper ul>li.trail>a:before,
#header .mod_mateNavbar.stuck .nav-wrapper ul>li>a:hover:before{
    border: 2px solid rgb(43 106 157);
}
#header .mod_mateNavbar.stuck .nav-wrapper ul li a.active,
#header .mod_mateNavbar.stuck .nav-wrapper ul li a:hover{
    color:#2a6a9c;
}
.brand-logo .ce_image:not(.fixed-nav) img{
    max-height: 100px;
}

#header .mod_mateNavbar.stuck{
    background:rgb(111 203 244/ 80%);
}

#header .nav-wrapper ul.dropdown-content li:hover,
#header .nav-wrapper ul.dropdown-content li.active,
#header .nav-wrapper ul.dropdown-content li.selected,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected{
    background:rgb(111 203 244 / 80%);
}
#header .nav-wrapper ul.dropdown-content li:hover>a,
#header .nav-wrapper ul.dropdown-content li.active>a,
#header .nav-wrapper ul.dropdown-content li.selected>a,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover>a,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active>a,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected>a,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover>a,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active>a,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected>a,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover>a,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active>a,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected>a{
    color:#333;
}

.dark #header .nav-wrapper ul.dropdown-content li.active>a {
	color: #fff;
}

#header .nav-wrapper ul.dropdown-content,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content{
	box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
}
#header .nav-wrapper ul.dropdown-content>li,
#main nav:not(.subnav) .nav-wrapper ul.dropdown-content>li,
#left nav:not(.subnav) .nav-wrapper ul.dropdown-content>li,
#right nav:not(.subnav) .nav-wrapper ul.dropdown-content>li{
    border-bottom: 1px solid rgb(111 203 244);
}
#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content{
	background:#fff;
	color:#333
}
#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li:hover{
	background:rgb(111 203 244 / 80%);
}
#header .mod_mateNavbar.stuck .nav-wrapper ul li a,
#header .mod_mateNavbar.stuck .material-icons,
#header .mod_mateNavbar.stuck .search em{
	color: #fff;
}

#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li a {
	color: #000;
}

.bild_465 img {
    width: 465px;
}

.dark #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li a,
.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li a  {
	color: #fff;
}

#header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li:hover {
	background: rgb(111 203 244 / 80%);
}

.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li:hover {
	background: #fff;
}

.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content li:hover a {
	color: #000;
}

@media (min-width: 993px){
    #header .desktop-menu {
        margin: 25px 40px 0 0;
    }
}
@media (min-width: 768px){
    .mod_mateNavbar:not(.stuck) .nav-wrapper {
        min-height: 100px;
    }
}
@media (max-width: 767px){
  #header .mod_mateNavbar .nav-wrapper .brand-logo{
    top:0;
  }
}
@media (max-width: 992px){
    .sidenav {
        background: rgb(111 203 244);
        color:#fff;
    }
    .sidenav li ul {
        background: rgb(97 176 211);
        color:rgb(111 203 244);
    }
    .sidenav li>a,
    nav .sidenav i.material-icons{
        color:#fff;
    }
    .sidenav li ul a,
    nav .sidenav ul i.material-icons{
        color:rgb(111 203 244);
    }
}

/* ------------------- Newsslider ------------------- */
.newsslider-container{
    margin:0 auto;
    height:250px;
    margin-bottom:30px;
    margin-top:15px;
}

@media (max-width: 580px){
    .newsslider-container {
        height: 450px;
    }
}


/* ------------------- Ticket banner --------------------- */
.covid-banner{
    width:100%;
    margin-top:30px;
}

.covid-inner{
	background-color:#2B6A9D;
	color:#fff;
	width:100%;
	height:190px;
	margin:0 auto;
}
.covid-banner .star{
	float:left;
	width:20%;
}
.covid-banner .star img{
	width:90%;
	padding:10px 0 0 10px;
}
.covid-banner .middle{
	float:left;
	width:calc(56% - 40px);
	padding:15px 10px 10px 10px;
}
.covid-banner .counter{
	float:right;
	width:calc(24% - 40px);
	padding: 15px 20px;
	position:relative;
}

.covid-inner p{
	font-size: 13pt;
}

.covid-inner p.small{
	font-size:8pt;
	line-height:11pt;
}
.covid-inner p.big{
	font-size:20pt;
	line-height:25pt;
	padding:10px 0;
}
.covid-inner .counter p{
	text-align:right;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.counter-inner {
    border: 2px solid white;
  border-radius: 5px;
  display: block;
  height: 31px;
  float: right;
  line-height: normal;
}


.slash {
    height: 31px;
    width: 20px;
    display: inline-block;
    position: relative;
    background-color: white;
    font-size: 14pt;
    top: -3px;
    right: -12px;
    transform: skewX(-20deg);
  }

  .bad p {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 2px;
  }

  .icon-warning-sign{
      font-size:28pt;
      float:right;
      margin-right:10px;
  }

  .count_akt {
    font-size: 14pt;
    padding: 1px 12px;
    font-weight: bold;
    display: inline-block;
  }

  .count_max {
    display: inline;
    border-radius: 5px;
    background-color: #fff;
    color: #c00012;
    font-size: 14pt;
    padding: 3px 12px;
    font-weight: bold;
  }

  .sauna {
    margin-top: 0;
    padding-top: 3px;
    line-height: normal;
      clear: both;
  }

  .bad {
    display: block;
  }

  .sauna p {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 2px;
  }

  .belegung {
    margin-top: 0;
    font-weight: 400;
    font-size: 13pt;
    text-align: right;
    color:#fff;
  }

@media (max-width: 979px){
	.covid-banner .star img{
		padding:30px 0 0 10px;
	}
	.covid-inner p{
		font-size:11pt;
	}
	.covid-inner p.small{
		font-size:8pt;
		line-height:11pt;
	}
	.covid-inner p.big{
		font-size:16pt;
		line-height:20pt;
		padding:8px 0;
	}
	.counter .bad p{
		padding-right:6px;
	}
	.counter .sauna p{
		padding-right:55px;
	}
	.covid-banner .counter{
		width:calc(24% - 20px);
		padding:10px;
	}
	.icon-warning-sign{
		font-size:25pt;
		float:right;
		margin-right:10px;
	}
}
@media (max-width: 729px){
	.covid-inner{
		height:350px;
	}
	.covid-banner .star{
		width:30%;
	}
	.covid-banner .star img{
		width:65%;
	}
	.covid-banner .middle{
		width:calc(70% - 40px);
		padding:15px 10px 10px 10px;
	}
	.covid-banner .counter{
		width:100%;
		padding: 0px;
	}
	.belegung {
		padding-left: 20px;
		text-align: left;
	}
	.covid-banner .counter p{
		text-align: left;
	}
	.counter .bad, .counter .sauna {
		padding: 10px 20px;
		display: inline-block;
	}
	.counter-inner {
		float: none;
		display: inline-block;
	}
}
@media (max-width: 530px){
	.covid-inner{
		height:360px;
	}
	.covid-banner .star{
		display:none;
	}
	.covid-banner .middle{
		width:calc(100% - 20px);
		padding:15px 10px 10px 10px;
	}
	.belegung {
		padding-left: 10px;
	}
	.counter .bad, .counter .sauna {
		padding: 10px 10px;
	}
}
@media (max-width: 380px){
	.covid-inner{
		height:450px;
	}
	.counter .bad, .counter .sauna{
		width:100%;
	}
	.counter .bad p{
		padding-right:43px;
	}
	.counter .sauna p{
		padding-right:93px;
	}
	.icon-warning-sign{
		font-size:28pt;
		margin-right:10px;
	}
	.count_max{
		width:50px;
		font-size:20pt;
		padding: 2px 8px;
		font-weight:bold;
		display: inline-block;
		text-align: center;
	}
	.count_akt {
		width: 30px;
		font-size:20pt;
		padding: 2px 8px;
		font-weight:bold;
		display: inline-block;
		text-align: center;
	}
	.counter-inner {
		height: 40px;
	}
	.slash {
		height: 40px;
		top: -10px;
		right: -15px;
	}
	.belegung {
		margin-bottom: 0px;
	}
	.counter .bad, .counter .sauna {
		padding: 5px 10px;
	}
}

/* ------------------ Quickstart --------------- */
#service_boxes{
	margin:0 auto;
	text-align:center;
    background-size: cover;
    margin-bottom:50px;
}
#service_boxes a{
    font-weight: normal;
}
#service_boxes .content{
    padding-top:10px;
}

.quickstart{
	width:190px;
    margin:5px;
	height:220px;
	position:relative;
	display:inline-grid;
}
.quickstart:hover{
    box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
    transform: scale(1.05, 1.05);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.quickstart a{
	text-decoration:none;
}
.quickstart .quickstart_content{
	width:100%;
	height:100%;
	text-align:center;
	color:#333;
	background-color:#f3f3f3;
}
.quickstart .iconcontainer{
	font-size:50px;
	background:#6FCBF4;
	color:#f3f3f3;
	height:80px;
}
.quickstart.lkb .iconcontainer{
    background:#00598D;
}
.quickstart.lkb .iconcontainer img{
    height:70%;
    vertical-align: middle;
}

.quickstart .iconcontainer i{
	position:relative;
}
.quickstart .linktext{
	font-size:20px;
	padding-top:10px;
}
.quickstart .linksubtext{
	font-size:13px;
	padding:10px;
}

/* --------------- Accordion ---------------------- */
.ce_accordion{
    margin-bottom:8px;
}
.ce_accordion .ui-accordion-header{
    background: #2B6A9D;
	padding:10px 50px 10px 15px;
}
.ce_accordion .ui-accordion-header:hover{
    background:#5485ad;
}

/* --------------------- Footer ----------------------- */
footer.page-footer{
    background:#6FCBF4;
    color:#333;
}
footer.page-footer h5{
    color:#2B6A9D;
}
footer.page-footer h5:after{
    border-bottom:4px solid #2B6A9D;
}
footer.page-footer>.container a{
    color:#2B6A9D;
}
footer.page-footer>.container a:hover{
    color:#dad9d9;
}
footer.page-footer .toplink{
    background: #528bad;
}
footer.page-footer .toplink:hover{
    background: #6FCBF4;
}
footer.page-footer .footer-copyright{
    background: #6FCBF4;
}

/* -------------------- Footer Box --------------------- */
.page-footer .footer_box{
    width:300px;
    height:80px;
    background-color:rgba(255 255 255 / 80%);
    margin-bottom:10px;
}
.page-footer .footer_box:hover{
    background-color:rgba(255 255 255 / 90%);
}

.page-footer .footer_box img{
    height:100%;
    padding-left:15px;
}

/* ---------------- Newsticker -------------------- */
#barrierefrei .newsticker-container{
    position: absolute;
    top:0;
    left:0;
    width: calc(100% - 400px);
    height:40px;
}

/* ----------------------- BARRIEREFREI ----------------------- */

.custom{
	background-color:#6FCBF4;
}
.barrierefrei {
    width:350px;
	height: 40px;
	display: flex;
    float:right;
	align-items: center;
	margin:0 auto;
    color:#fff;
}

  .barrierefrei .button {
	padding: 0 2px;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	font-weight: 200;
	font-size: x-large;
	cursor: pointer;
	line-height: 34px;
	box-sizing: initial;
	text-align: center;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-appearance: none;
	height: 32px;
  }

  .barrierefrei .button i {
	  width: 30px;
  }

 .barrierefrei .select-wrapper {
	  position: relative;
	  top: -10px;
	  margin-right: 5px;
  }

  .barrierefrei .select-wrapper.show{
	display: inline-block;
  }

.barrierefrei .languageCon .button {
	  margin-right: 5px !important;
  }

	.dialog_show{
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:999;
		background-color:rgba(0,0,0,0.8);
	}
	.inner_dialog{
		margin:0 auto;
		background:#fff;
		width:80%;
		max-width:1200px;
		height:auto;
		padding:10px;
		color: #000;
		margin-top: 20px;
		border-radius: 10px;
	}
	.dark .inner_dialog {
		background: #282828;
		color: #fff;
	}

	.inner_dialog .zoomImg {
		background-color: white;
		border: 1px solid #efefef;
	  border-radius: 10px;
		margin: 0 auto;
	}

	.dark .inner_dialog .zoomImg {
		border: none;
	}

	.contrast .inner_dialog .zoomImg {
		border: 2px solid #000;
	}

	.dialog_show .btn_row{
		width: 100%;
		display: flex;
		justify-content: end;
		margin-top: 20px;
	}
	.dialog_show .button{
		padding: 5px 20px;
	  color: #000;
	  font-weight: bold;
	  font-size: 20px;
		margin: 2px;
	}
	.dialog_show .btn_ok {
		background-color: #00d36f;
		display: block
	}
	.dialog_show .btn_cancel {
		background-color: #ff6060;
	}
	.dialog_show #zoom .btn_ok {
		display: block;
		width: 100%;
	}

	body.contrast .dialog_show a{
		color:#0a2da3;
	}
	.dark .dialog_show a{
		color: #1e9ad1;
	}
	.contrast .dialog_show a{
		text-decoration: underline;
	}
	.dialog_show a:hover{
		text-decoration: underline;
	}

@media (max-width: 800px){
    #barrierefrei{
        height:80px;
    }
    #barrierefrei .newsticker-container{
        top:40px;
        width:100%;
    }
}

/*  -------------------- Suche ------------------*/
.mod_search h3,
mark{
	background:#00598d;
}
.mod_search .url,
.mod_search a{
	color:#00598d;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after{
	background-color:#00598d;
	border:2px solid #00598d;
}
[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after{
	border:2px solid #00598d;
}

  /* ----- barrierefrei dark ----------*/
  body.dark,
  body.dark .sectionTop,
  body.dark nav,
  body.dark #wrapper,
  body.dark #header .nav-wrapper ul.dropdown-content,
  body.dark #main nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark #left nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark #right nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark #footer,
  body.dark footer.page-footer .footer-copyright{
	background-color: #282828;
  }
  body.dark .container.blocked #main{
    background-color: #282828;
    border:1px solid #f5f5f5;
  }
  body.dark #header .nav-wrapper ul li a,
  body.dark #main nav:not(.subnav) .nav-wrapper ul li a,
  body.dark #left nav:not(.subnav) .nav-wrapper ul li a,
  body.dark #right nav:not(.subnav) .nav-wrapper ul li a,
  body.dark #header .nav-wrapper ul.dropdown-content,
  body.dark #main nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark #left nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark #right nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.dark footer.page-footer,
  body.dark footer.page-footer h5,
  body.dark footer.page-footer>.container a,
  html .dark{
	color:#fff;
  }
  body.dark #header .mod_mateNavbar.stuck,
  body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content{
	background:rgba(0,0,0,0.9);
  }


  body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a.active:before,
  body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul>li.trail>a:before,
  body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a:hover:before{
    border: 2px solid #fff;
}
body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a,
body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul li a.active,
body.dark #header .mod_mateNavbar.stuck .nav-wrapper ul li a:hover{
    color:#fff;
}
  body.dark .brand-logo img{
	content: url(/files/khb/theme/images/Logo_dark.png);
  }

body.dark .sidenav{
	background:#282828;
}

body.dark .sidenav li ul{
	background: #3c3c3c;
}
body.dark footer.page-footer h5:after {
    border-bottom: 4px solid #6FCBF4;
}

   body.dark .quickstart_content{
	background-color: #282828;
	color:#f3f3f3;
  }
  body.dark .quickstart_content{
	border:1px solid #6FCBF4;
  }
  body.dark .quickstart.lkb .quickstart_content{
	border:1px solid rgb(0 89 141);
  }
  body.dark .quickstart_content:hover,
  body.dark .quickstart.lkb .quickstart_content:hover{
	background-color: #3c3c3c;
  }
  body.dark .ce_download{
	background:#282828;
	color:#f3f3f3;
  }

  body.dark .ce_accordion .ui-accordion-content{
	background: #3c3c3c;
	color:#f3f3f3;
  }

  .dark .barrierefrei .button i.darkmode:before {
	content: "\f185";
}

/* ----- barrierefrei contrast ----------*/

body.contrast,
  body.contrast .sectionTop,
  body.contrast nav,
  body.contrast #wrapper,
  body.contrast #header .nav-wrapper ul.dropdown-content,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast #footer,
  body.contrast footer.page-footer .footer-copyright{
	background-color: #000;
  }
  body.contrast .container.blocked #main{
    background-color: #000;
    border:1px solid #f5f5f5;
  }
  body.contrast #header .nav-wrapper ul li a,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul li a,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul li a,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul li a,
  body.contrast #header .nav-wrapper ul.dropdown-content,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul.dropdown-content,
  body.contrast footer.page-footer,
  body.contrast footer.page-footer h5,
  body.contrast footer.page-footer>.container a,
  body.contrast .ce_download a,
  body.contrast h1,body.contrast h2, body.contrast h3, body.contrast h4, body.contrast h5, body.contrast h6, body.contrast a,
  html .contrast{
	color:#fff;
  }
  body.contrast #header .nav-wrapper ul.dropdown-content>li{
    border-bottom:1px solid #fff;
  }

  body.contrast #header .mod_mateNavbar.stuck,
  body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul.dropdown-content{
	background:rgba(0,0,0,0.9);
  }
  body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a.active:before,
  body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul>li.trail>a:before{
    border: 2px solid #fff;
}
body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a{
    color:#fff;
}
body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul li a.active,
body.contrast #header .mod_mateNavbar.stuck .nav-wrapper ul li a:hover{
    color:#fff;
}

  body.contrast .brand-logo img{
	content: url(/files/khb/theme/images/Logo_dark.png);
  }

  body.contrast .sidenav{
	background:#000;
}
body.contrast .sidenav li>a, body.contrast .sidenav li ul a, body.contrast  nav .sidenav i.material-icons{
	color: #fff;
}
body.contrast .sidenav li ul{
	background: #202020;
}

  body.contrast h1.bordered{
	border-color: #fff;
}
body.contrast .material-icons,
body.contrast header .search em,
body.contrast nav a.sidenav-trigger i.material-icons{
	color:#fff;
}
body.contrast footer.page-footer h5:after {
    border-bottom: 4px solid #fff;
}
body.contrast .infobutton{
	background-color: #fff;
}

  body.contrast .quickstart .quickstart_content,
  body.contrast .quickstart .iconcontainer, body.contrast .quickstart.light .iconcontainer
  body.contrast .ce_download,
  body.contrast .infobox_content
  {
	background: #000;
	border:1px solid #fff;
	color:#fff;
  }
  body.contrast .quickstart.light .quickstart_content:hover,
  body.contrast .infobox .infobox_content:hover{
	background:#000;
	color:#f3f3f3;
  }
  body.contrast .readMore,
  body.contrast .aufgepasst .buttonRow .btn_aufgepasst{
	background:#000;
	border:1px solid #fff;
	color: #fff;
  }
  body.contrast #header .nav-wrapper ul>li>a.active:before,
  body.contrast #header .nav-wrapper ul>li.trail>a:before,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul>li.trail>a:before,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul>li.trail>a:before,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul>li>a.active:before,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul>li.trail>a:before{
	border: 2px solid #fff;
  }

  body.contrast #header .nav-wrapper ul.dropdown-content li:hover,
  body.contrast #header .nav-wrapper ul.dropdown-content li.active,
  body.contrast #header .nav-wrapper ul.dropdown-content li.selected,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
  body.contrast #left nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul.dropdown-content li:hover,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.active,
  body.contrast #right nav:not(.subnav) .nav-wrapper ul.dropdown-content li.selected{
	background-color:#fff;
  }

  body.contrast #header .nav-wrapper ul.dropdown-content li a:hover,
  body.contrast #main nav:not(.subnav) .nav-wrapper ul.dropdown-content li a:hover,
  body.contrast#left nav:not(.subnav) .nav-wrapper ul.dropdown-content li a:hover,
  body.contrast#right nav:not(.subnav) .nav-wrapper ul.dropdown-content li a:hover,
  body.contrast #header .nav-wrapper ul.dropdown-content li.active>a{
	color:#000;
  }
  body.contrast .ce_accordion .ui-accordion-header,
  body.contrast .ce_accordion .ui-accordion-header:hover{
	background:#000;
	border-bottom:2px solid #fff;
  }
  body.contrast .ce_accordion .ui-accordion-content{
	background: #000;
	color:#fff;
  }
body.contrast .ce_accordion .download-element{
	background-color:#000;
}
.contrast .barrierefrei .button i.contrastmode:before {
	content: "\e5b8";
}
body.contrast .page-footer .footer_box,
body.contrast .page-footer .footer_box.lkb{
    background-color:#000;
    border:1px solid #fff;
    color:#fff;
}
body.contrast .page-footer .footer_box div{
    color:#fff;
}

body.contrast .page-footer .footer_box:hover{
    background-color:#fff;
    color:#000;
}
body.contrast .page-footer .footer_box:hover div{
    color:#000;
}

body.contrast .page-footer .footer_box:hover img{
    content: url(/files/khb/theme/images/Logo_schwarz.png);
  }
  
  /* -------------------- Cookiebar ---------------- */


#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-color: #1E9AD1 !important;
  color: #1E9AD1 !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover{
  color: #1E9AD1 !important;
}
.cookiebar__button{
	background-color:#1E9AD1;
}
.cookiebar__button:hover{
	background-color:#1E9AD1;
}

.cookiebar__link:hover{
	color:#1E9AD1;
}
#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: #1E9AD1 !important;
}

	#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
	#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
  background-color: #1E9AD1 !important;
  border-color: #1E9AD1 !important;
  color: #FFFFFF;
}

#CookiebotWidget .CookiebotWidget-consent-details button,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a{
  color: #1E9AD1 !important;
}

[type="checkbox"]:checked+span:not(.lever):before{
	    border-right: 2px solid #075E8F;
    border-bottom: 2px solid #075E8F;
}

[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after{
border: 2px solid #075E8F;
}


#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
  fill: #1E9AD1 !important;
}

#CookiebotWidget {
 	  bottom: 50px !important;
      box-shadow: rgb(0 86 164 / 30%) 0px 20px 25px -5px, rgb(0 86 164 / 30%) 0px 10px 10px -5px !important;
}

#CookiebotWidget:not(.CookiebotWidget-open):hover {
  box-shadow: rgb(0 86 164 / 30%) 0px 20px 25px -5px, rgb(0 86 164 / 30%) 0px 10px 10px -5px !important;
  color: #0064bd !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}