/*
Farben:
-------
türkies:		63b3bf
hellgrün:		b4d743
dunkelblau: 	21515b
*/

*{
	margin:0;
	padding:0;
}
body{
	font-family: "Lato", sans-serif;
	font-size:16px;
	line-height:140%;
	color:#21515b;
}
/* TODO: Test */

h1,h2{
	font-size:45px;
	line-height:110%;
	text-transform:uppercase;
	padding-bottom:30px;
}
/* @NOTE Preceding at sign is also optional. */
h1.page-headline{
	font-weight:normal;
}
h1.page-headline span{
	color:#21515b;
}
.news-single h1,
.teaser .header h1,
h3{
	font-size:32px;
	line-height:110%;
	padding-bottom:20px;
	text-transform: unset;
}
/*h3{
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:30px;	
    line-height: 110%;
}*/
h4{
	text-transform:uppercase;
	font-weight:normal;
	font-size:17px;
}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{
	text-decoration: none !important;
}
.container-inhalt a{
	text-decoration: underline;
}
.container-inhalt a: hover{
	text-decoration: none;
}
a[href$=".pdf"]::after,
a[href$=".xls"]::after,
a[href$=".doc"]::after,
a[href$=".jpg"]::after{
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
    content: "\f019";
    content: "\f1c1";
    font: var(--fa-font-solid);
    content: "\f56d";
    content: "\f090";
    transform: rotate(90deg);
    margin-left: 5px;
    vertical-align: middle;
}
a[href]:not(:where(
  [href^="#"]
  [href^="mailto"],
  [href^="tel"],
  [href^="javascript"],
  [href^="/"]:not([href^="//"])
)):after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    content: "\f08e";
    margin-left: 5px;
    vertical-align: middle;
}
figure.image a::after,
figure.image a::after,
figure.image a::after{
	content: "";
}
.ce-textpic a,
.ce-text a{
	color:#21515b;
	text-decoration: underline;
}
img{
	display:block;
    max-width: 100%;
    height:auto;
}
.container-kopf .teaser .bild img{
    max-width: none;
    height: auto;
}
ul{
	padding-bottom:12px;
	list-style-type:none;
}
li{
	margin-left: 20px;
}
hr{
	height: 0;
	border: 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 12px;
}
.kachel ul li,
.checklist ul li,
.teaser-slider ul li{
	background:url(../bilder-layout/list-arrow.png) no-repeat top +4px left;
	background-size:12px 14px;
	padding-left:20px;
}
.teaser-slider ul li{
	background-image: url(../bilder-layout/list-arrow-darkblue.png);
}
.checklist ol{
	counter-reset: item;
}
.checklist ol li{
	display: block; 
}
.checklist ol li:before {
	content: counter(item) " ";
	counter-increment: item;
	color:#b4d743;
	padding:0 3px 0 5px;
	font-weight:bold;
}
p{
	padding-bottom:12px;
}
ul:last-child,
p:last-child{
	padding-bottom:0;
}
.topbar{
	height:180px;
	position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}
.topbar .logo{
    height: 110px;
    padding: 35px 30px 35px 0;
    float: left;
    background: #fff;
}
.topbar nav{
	float:right;
	padding-top: 74px;
    position: relative;
    z-index: 100;
}
.topbar nav .navi-elem{
	float:left;
	margin-left:20px;
	text-transform:uppercase;
	position:relative;
}
.topbar nav .navi-elem:first-child{
    margin-left:0;
}
.topbar nav .navi-elem a{
	color:#fff;
	padding:5px 10px;
	display:inline-block;
}
.topbar nav .navi-elem .subnavi{
	position:absolute;
	top:30px;
	left:0;
	padding-top:5px;
	opacity:0;
}
.topbar nav .navi-elem .subnavi .box{
	background: #b4d743;
	padding:5px 10px;
}
.topbar nav .navi-elem .subnavi .subnavi-elem{
	white-space:nowrap;
	border-bottom:1px solid #21515b;
}
.topbar nav .navi-elem .subnavi .subnavi-elem a{
	color:#21515b;
}
.topbar nav .navi-elem .subnavi .subnavi-elem:last-child{
	border:0;
}
.center-content{
	width:1540px;
	margin:0 auto;
	position:relative;
}
.container-kopf .teaser-slider{
	position:relative;
}
.container-kopf .teaser .bg-bild{
	position:absolute;
	right:0;
	top:0;
	z-index:0;
	background-size:cover;
	background-repeat:no-repeat;
    width: 1350px;
    height: 880px;
}
.container-kopf .teaser .bg-bild .overlay{
	background:#63b3bf;
	opacity:0.9;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.container-kopf .teaser .bild{
	position:relative;
	z-index:10;
	padding-top:180px;
}
.container-kopf .teaser .center-content{
	position: absolute;
    top: 210px;
	left:calc(50% - 770px);
    z-index: 20;
}
.container-kopf .teaser .box-text{
	background:#fff;
	position:absolute;
	right:0;
	top:100px;
	width:630px;
	height:220px;
	padding:115px 70px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(99,179,191,0.19);
	box-shadow: 0px 0px 10px 3px rgba(99,179,191,0.19);
}
.container-kopf .teaser .box-text a.btn{
	background:#b4d743;
	color:#21515b;
	display:inline-block;
	padding:25px 0;
	width:340px;
	position:absolute;
	bottom:-36px;
	left:calc(50% - 170px);
	text-align:center;
	text-transform:uppercase;
}
.container-kopf .teaser .box-text a.btn img{
	display:inline;
	padding-left:10px;
}
.container-kopf .teaser .box-text h2{
	font-weight:normal;
}
.sb-slidebar{
	display:none;
}
.icon-box{
	position:fixed;
	left:0;
	top:35vh;
	z-index:100;
}
.icon-box img{
	width:30px;
}
.icon-box p{
	padding:0;
}
.icon-box > div{
	background:#b4d743;
	padding:15px;
	cursor:pointer;
}
.icon.phone{
	padding-bottom:10px;
	margin-bottom:2px;
	margin-left: -153px;
}
.icon.phone div,
.icon.phone img{
	display:inline-block;
}
.icon.phone div{
	position: relative;
    top: -7px;
	width:150px;
}
.icon.phone div,
.icon.phone div a{
	color:#21515b;
}
.icon.mail{
	width:30px;
}
.icon.mail img{
	padding:1px 0;
}
footer{
	background:#b4d743;
	padding:30px 0;
}
footer a{
	color:#21515b;
}
footer .copyright{
	float:left;
}
footer .navi-meta{
	float:right;
}
footer .navi-meta .metanavi-elem{
	padding:0 5px;
}
.clearer{
	clear:both;
}
.startseite .news-list-view .news-img-wrap,
.startseite .news-list-view .teaser-text{
	display:none;
}
.startseite .news-list-view .news-list-date{
	font-size:45px;
	line-height:130%;
	color:#fff;
}
.startseite .news-list-view .news-list-date .day,
.news-single .news-list-date .day{
	font-size:100px;
	font-weight:bold;
	line-height:100%;
}
.startseite .news-list-view .news-list-date .dot,
.news-single .news-list-date .dot{
	font-size:100px;
	font-weight:bold;
	line-height:100%;
	color:#b4d743;
}
.news-single .spalte-1,
.news-single .spalte-2,
.news-single .spalte-3{
	height:auto;
}
.news-single .article{
	background: #63b3bf;	
}
.news-single .article .news-img-wrap{
	width:330px;
	background: #21515b;
	padding-bottom: 5px;
}
.startseite #c14 h3{
	font-weight:normal;
	text-transform:uppercase;
}
.startseite #c14 .headline-next-event{
	display:block;
}
.startseite .news-list-view .article .header{
	margin-top:50px;
}
.news-list-view .article span.arrows{
	color:#b4d743;
	position:relative;
	top:-2px;
}
.news-list-view .article a.more{
	float:right;
}
.news-list-view .article a.more span.arrows{
	top:0px;
}
.slick-dots {
    position: absolute;
    bottom: initial;
    text-align: right;
    position: absolute;
    top: 180px;
    right: calc((100% - 1540px) / 2);
	width:200px;
}
.slick-dots li button:before{
	font-size:10px;
	color:#fff;
	opacity:1;
}
.slick-dots li.slick-active button:before{
	opacity:1;
	color:#b4d743;
}
.slick-dotted.slick-slider{
	margin-bottom:0;
}
.checklist .liste li .short{
	cursor:pointer;
	padding-right:5px;
}
.checklist .liste li.active .short{
	background:#b4d743;
}
.checklist ol li.active:before {
	background:#b4d743;	
	color:#21515b;
}
.checklist ul li .short{
	padding-left:5px;
}
.checklist .liste li .long{
	display:none;
}
.news-single .news-list-date .day{
    font-size:16px;
    font-weight:normal;
}
.news-single .news-list-date .dot{
    font-size:24px;
}
.startseite .news-list-view a{
	color:#fff;
}
.news-list-view a{
	color:#21515b;
}
.startseite .news-list-date br{
	display:block;
}
.news-list-date br{
	display:none;
}
.news-list-date{
    background: #b4d743;
    color:#21515b;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.startseite .news-list-date{
	background:transparent;
	padding: 0;
	display: inline;
	margin-bottom: 0; 
}
.news-list-view .header{
	padding: 5px 0 10px 0;
}
.news .article .news-img-wrap{
	margin:0;
}
.news .article .news-img-wrap .no-media-element{
	display:none;
}
.news .article .news-img-wrap .media-element{
	display:block;
	padding:0 10px 10px 0;
}
.headline-next-event{
	display:none;
}
.news .article .news-img-wrap a{
	border: 0;
	padding:0;
}
.tx-powermail h3,
.tx-powermail fieldset legend,
.powermail_fieldwrap_type_check > label{
    display:none;
}
.tx-powermail fieldset{
    border:0;
}
#formular-box,
#formular-box h2{
    background: #63b3bf;
    color:#fff;
}
#formular-box,
.powermail_fieldwrap_type_input label,
.powermail_fieldwrap_type_textarea label,
.powermail_fieldwrap_datenschutz > label,
fieldset legend{
	display:none;
}

input[type=submit],
input[type=text],
input[type=email],
textarea{
	background-color: #b4d743;
	padding: 11px 21px;
	border:none;
	width:calc(100% - 42px);
}
input[type=submit]{
    width:200px;
}
input[type=submit]{
	cursor:pointer;
}
.powermail_fieldwrap{
	margin-bottom:10px;
}
.powermail_fieldwrap_datenschutz{
	font-size:14px;
}
.parsley-errors-list{
	list-style-type:none;
}
.parsley-required{
	color:#e30514;
	font-size:12px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
::placeholder { /* Most modern browsers support this now. */
	color:    #21515b;
	font-family:'Lato', sans-serif;
	font-size:14px;
}
/* Button mobile Navi Start */
#btnMobileMenu{
	margin-left:-20px;
	display:none;
	padding:20px;
	position:absolute;
	top:30px;
	right:30px;
}
.fixed #btnMobileMenu{
	top:10px;
}
#btnMobileMenu .inner{
	position:relative;
	width:26px;
	height:20px;
	cursor:pointer;
}
#btnMobileMenu span.pipe{
	display: block;
	position: absolute;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #b4d743;
	border-radius:2px;
	opacity: 1;
}
#btnMobileMenu span.pipe:nth-child(1) { top: 0px; }
#btnMobileMenu span.pipe:nth-child(2) { top: 8px; }
#btnMobileMenu span.pipe:nth-child(3) { top: 16px; }
/* Button mobile Navi Ende */
.container-inhalt > .center-content > .frame{
    width:980px;
    margin:50px auto;
}