body, html
{
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    
          display: flex;
      flex-direction: column;
}

html {overflow-x: hidden;}

h1 {font-size: 28px; color: #00285A; font-family: "Roboto"; font-weight: 300; margin-top:40px; margin-bottom:17px;}
h4,h2 {font-size: 23px; color: #00285A; font-family: "Roboto"; font-weight: 300; margin-bottom:20px; }
h3 {font-size: 22px; color: #00285A; font-family: "Roboto"; font-weight: 300; }
header h1 a {color: #00285A;}

ul, ol {padding-left: 25px;}
.ce-border img {border: none;}
.round, .ce-textpic .ce-border img.image-embed-item {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.img-responsive {max-width: 100%; height: auto !important;}
.border {border: none !important;} 
.mainwrapper {height: 100%; height: auto !important; min-height: 100%; padding-top: 0; transition: all ease 0.5s; display: flex;
  flex-direction: column;}
.header {
    background-color: #00285A;
}

.slider-wrapper {
 padding-left: 0px;
 padding-right:0px;
}

.slider img {min-width: 100%;}

.slogan-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.slogan-wrapper .container {
    position: relative;
    height: 100%;
}


.slogan {
    margin-right: -15px;
    margin-left: -15px;
    border-bottom-right-radius: 10px;
    background: #2f456e;
}

.slick-slide {position: relative;}

.slick-prev {
    left: 15px;
    z-index: 9999;
}

.slick-next {
    right: 50px;
    z-index: 9999;
}

.slick-prev::before, .slick-next::before {
    font-family: 'slick';
    font-size: 50px;
    line-height: 1;
    opacity: .50;
    color: #00285A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.claim {
    position: relative;

}
.claim span {
    float: left;
    margin-top: -25px;
        
}
.claim span h1,
.claim span h2 {
    background: rgba(254, 254, 254, 0.7);
    color: #00285A;
    padding: 10px 20px;
    margin: 5px;
    border-radius: 7px;
    font-weight: normal;
    font-family: "Roboto";
    font-size:46px;
    font-weight: 200;
    display: inline-block;

}
.claim span h2 {font-size: 38px;}
.claim span h1 span,
.claim h2 span {font-weight: 400; margin-top: 0px; float:none;}

.claim h2 {display: inline-block;}

.header .logo {padding: 30px 30px 25px 0;}
.header .logo a:focus,  .fbwrapper a:focus {
    outline: thin dotted #fffefe;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.header .fbwrapper {margin-top: -10px; margin-bottom: 10px;}
.header .fbwrapper img {}
.menu {
    background: #ccd4de; 
background: -moz-linear-gradient(top, #ccd4de 0%, #fefefe 100%); 
background: -webkit-linear-gradient(top, #ccd4de 0%,#fefefe 100%); 
background: linear-gradient(to bottom, #ccd4de 0%,#fefefe 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd4de', endColorstr='#fefefe',GradientType=0 );
    
}

/* Zugänglichkeit */
a.boxlink {display: block;}
a.boxlink:focus {outline: none; border: 1px solid black;}

.navi .sf-menu {font-family: "Roboto";}

.container,
.container-fluid {
    position: relative;
}

main { flex: 1;}

.navi .sf-menu {
    float: right;
    width: auto;
}

.mask {height: 100%; background-color: #fff;}
.navi .sf-menu li, .navi .sf-menu {
    background: none;
}

.menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.navi .sf-menu a, .navi .sf-menu span {
    padding: 8px 30px;}


.sf-arrows > li > .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after {
    border-top-color: white;
    border-left-color: transparent;
    margin-top: -3px;
}

.toppic img {width: 100%; height: auto !important; min-width: 100%;}
.kreise {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.kreisewrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}


.footerwrap {background: rgba(0,40,90,0.9);}

footer {
    background-image: url('../../../fileadmin/template/grafiken/footer.jpg');
    background-position: bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}
.footercontent {
    padding: 80px 0;
    color: #fff;
}
.footercontent [class*="col-"] {text-align: center;}
.footercontent .frame-layout-0 {display: inline-block; text-align: left;}
.footercontent a {
    color: #fff;
}

.footercontent img {padding-right: 30px; max-width: 100%; height: auto !important;}

.grey-bg {
    background-color: #eee;
}
.blue-bg {
    background-color: #ccd4de; align: center;}
.blue-bg .btn-read-more {
    border: 1px solid #000;
    background: #00285A;
    color:#fff;
    float:none!important;
  align: center; 
  display: block;
  margin: 0 auto;
  max-width:200px;
  margin-bottom:30px;
}


.news-list-item h3 a {color: #00285A; font-size: 18px;}
.news-list-item .btn {float: right;}

.contentbox {position: relative; transition: all 0.5s ease; background: rgba(254,254,254,0.5);     -webkit-background-clip: padding-box; 
    background-clip: padding-box; max-width: 360px; margin-top: 15px;}
.contentbox  span {width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); text-align: center;}
.contentbox  h2 {background-color: #00285A; color: #fff; font-size: 20px; padding: 10px 5px 10px 5px; margin: 0; margin-bottom: 0px; text-align: center; }

.contentbox  a.boxlink span {color: #fff; font-size: 18px; font-weight: 600; text-decoration: none; text-transform: uppercase;}
.contentbox  a:hover {text-decoration: none;}

.contentbox  a.boxlink div.link {transition: all 0.5s ease;}
.contentbox  a.boxlink:hover > div.link {opacity: 1;}

.contentbox  div.link {position: absolute; top:0; bottom: 0; left: 0; right: 0;  opacity: 0; background: rgba(0,0,0,0.7);}

/* Paginator */
div.nopager ul.f3-widget-paginator {display: none;}
	.f3-widget-paginator {
		display: inline-block;
		border-radius: 4px;
		margin: 20px 0px;
		padding-left: 0px;
	}

	.f3-widget-paginator > li {
		display: inline;
	}

	.f3-widget-paginator > li > a,
	.f3-widget-paginator > li.current {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		text-decoration: none;
		border: 1px solid #DDD;
		background-color: #FFF;
		color: #FF6811;
	}

	.f3-widget-paginator > li.current,
	.f3-widget-paginator > li > a:hover,
	.f3-widget-paginator > li > a:focus {
		text-decoration: underline;
		background-color: #EEE;
	}

	.f3-widget-paginator > li:first-child > a,
	.f3-widget-paginator > li.current:first-child {
		margin-left: 0px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.f3-widget-paginator > li:last-child > a,
	.f3-widget-paginator > li.current:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

.tx-indexedsearch-res h3 {font-size: 18px;}
.tx-indexedsearch-browsebox ul {list-style: none;}
.tx-indexedsearch-browsebox li {display: inline; padding: 5px;}

.vcenter { 
        display: flex;
    align-items: center;
}


.eventsearch input {background-color: #00285A; color: #eee;}
.eventsearch {padding-left: 25px; padding-right: 25px;}
.eventsearch .btn-default {
    color: #ccc;
    background: none;
    border-color: #ccc;
    
}

.eventsearch .btn-default:hover {
    color: #000;
    background: #CCD4DE;
    border-color: #ccc;
    
}

nav.topmenu {text-align: center; color: #fff; margin-top: 20px;}
nav.topmenu a {color: #fff; font-size: 14px; text-transform: uppercase;}

.input-group-btn:last-child > .btn {margin-left: -1px;}

.teaser {padding-top: 25px; padding-bottom: 25px;}
.teaser img {padding-left: 10px; padding-right: 10px;}

.news-related-files ul {margin: 0; padding: 0;}
.ce-uploads a, .news-related-files a {display:block; margin-top:6px!important;}
.ce-uploads li a, .news-related-files li a {display:block; margin-top:6px!important; color: #000;}
.ce-uploads li, .news-related-files li { padding: 5px 5px; margin: 4px 0; background:#dddddd; list-style: none;}


textarea {min-height:150px;}

/* News */

.news-list-view .lead {font-size: 17px; font-weight: normal; padding-bottom: 10px;}
.news-list-item h3 {margin-top: 10px; font-size: 20px;}


 .news .page-navigation {padding-left: 15px; padding-right: 15px;}
.row .news-list-item {
  display: table-cell;
  float: none;
vertical-align: top;
padding-bottom: 20px;
padding-top: 20px;
}
.news-list-item .btn {
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.news-single .lead {font-size: 17px; font-weight: 200;}
.news .lead p {padding-bottom: 1rem;}

.tx-indexedsearch-rules {display: none;}
.tx-indexedsearch-info {display: none;}

.input-group-btn:last-child > .btn {
    margin-left: 0px;
}

.btn-read-more {border: 1px solid #ddd;}
.fm_button {float: left;}

.shariff ul { margin-top: 40px;}
.shariff-button.whatsapp {display: none;}

.mobilemenuwrapper {width: 100%; height: 0px; background-color: #ccd4de; color:#000; transition: all ease 0.5s; position: fixed; z-index: 5;}
.hamburger {display: none;}
.hamburger {
    padding: 10px 15px 0 15px;
    
}

.mm-panels {
  margin-top: 45px;
}

.checkbox label {font-weight: bold;}

.outline-animate::before {
  position: relative !important;
}

#kw-schnellsuche .kw-fsearch-form {
  border-bottom: 2px solid #fff;
}
#kw-schnellsuche button {color: #fff; padding-top: 10px;}
#kw-schnellsuche .fa-2x {
  font-size: 1.3em;
}

.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .3rem;
}

.maincontent .hauptseite, .maincontent .hauptseite_ohnestatus {padding-top: 25px; padding-bottom: 25px;}
.kw-progressbar {margin-top: 50px; margin-bottom: -25px;}
.btn-primary {
  color: #fff;
  background-color: #00285A;
  border-color: #00285A;
}

.kw-kursdetails .nav-tabs .nav-link.active {
  background-color: #00285A !important;
  color: #fff;
}

.kw-kurs-status {
  color: #00285A !important;
}

a {
  color: #00285A;
  text-decoration: none;
  background-color: transparent;
}

.status-info {
  background: #00285A !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #00285A;
  border-color: #00285A;
}

.btn-outline-primary {
  color: #00285A;
  border-color: #00285A;
}

.mb-3, .my-3 {margin-bottom: 0px !important;}

.mm-slideout { z-index:auto;}

.minimenu a i, .header-icon-text {color: #fff;}
.minimenu .dropdown.show a {color: #00285A;}
.minimenu span {float: left; margin: 5px;}
.minimenu .fa-2x {font-size: 25px;}
.minimenu {font-size: 14px;}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem;
}
.modal-dialog h3 {margin: auto;}
.kw-progressbar li::before {
  line-height: 25px !important;
}
#kw-wk-menu-content .btn {color: #fff !important;}