/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/signika-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/signika-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v11-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-600 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/signika-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/signika-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v11-latin-600.svg#Signika') format('svg'); /* Legacy iOS */
}

/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('../icomoon/fonts/icomoon.eot?slpjh');
  src:  url('../icomoon/fonts/icomoon.eot?slpjhd#iefix') format('embedded-opentype'),
    url('../icomoon/fonts/icomoon.ttf?slpjh') format('truetype'),
    url('../icomoon/fonts/icomoon.woff?slpjh') format('woff'),
    url('../icomoon/fonts/icomoon.svg?slpjh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html, body {height:100%; width:100%; margin:0; padding:0;}
body {font-family:'Signika',Arial,sans-serif; font-size:18px; line-height:1.6em; font-weight:300; min-width:320px; color:#333; overflow:auto;}
div,* {box-sizing:border-box;}

#all {width:100%; height:auto; min-height:100%; overflow:hidden;}

header, section, footer {display:block; position:relative;}
header:before, header:after, section:before, section:after, footer:before, footer:after {content:""; display:table; clear:both;}
h1 {font-family:'Signika',Arial,sans-serif; font-size:2.0em; font-weight:bold; line-height:1.4em; padding:0; margin:0; color:#8bc819;}
h2, .h2 {font-family:'Signika',Arial,sans-serif; font-size:1.6em; font-weight:bold; line-height:1.4em; padding:0; margin:0.6em 0; color:#8bc819;}
h3, .h3 {font-family:'Signika',Arial,sans-serif; font-size:1.25em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.7em 0;}
h4, .h4 {font-family:'Signika',Arial,sans-serif; font-size:1.1em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.8em 0;}
h5 {font-family:'Signika',Arial,sans-serif; font-size:1em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.8em 0;}
p {font-family:'Signika',Arial,sans-serif; line-height:1.5em; padding:0; margin:0.9em 0;}
img {height:auto; width:auto; max-width:100%;}
a {color:#333;}
a.noDeco {text-decoration:none;}
strong {font-weight:700;}
.noWrap {white-space:nowrap;}
ol {line-height:1.6em; padding:0 0 0 1em; margin:0.9em 0;}
ol li {margin:0 0 0.6em;}
ul {line-height:1.6em; padding:0 0 0 1em; margin:0.9em 0;}
ul li {margin:0 0 0.6em;}
.fontL {font-size:1.4em;}
.inact, .inact a {color:#999;}
.hidden {display:none;}
.margin-top-0 {margin-top:0;}

.btn, a.btn {display:inline-block; position:relative; margin:0; font-size:1em; text-decoration:none; color:#fff; background-color:#333; padding:0.3em 2em; border:none; border-radius:1em; transform:none; transition:0.2s;}
.btnSubmit {background-color:#699c40;}
.btn:active {background-color:#111;}

header {position:fixed; top:0; left:0; width:100%; z-index:80; background-color:#fff; border-bottom: 3px solid #153f69;}
.logo {display:block; margin:0 auto; height:65px; margin:2px auto 5px; transition:height 0.2s;}

.scrolled header {position:fixed; top:0; left:0; width:100%;}
.scrolled .logo {height:45px;}

#navOuter {position:fixed; top:0; right:-100%; height:100%; width:100%; box-sizing:border-box; background:#fff; transition:0.4s; z-index:80;}
.navOpened #navOuter {right:0%;}
.nav {height:100%; overflow:auto;}
body.navOpened {overflow:hidden;}
.navOpened #navOuter {right:0%;}
.navMain {position:relative; margin:3em 0 1em; padding:0;}
.navMain li {list-style-type:none; margin:0; border-bottom:1px #ccc solid; text-align:center;}
.navMain li a {display:block; padding:0.5em 0; font-size:1.1em;  text-decoration:none; color:#555;}
.aMain.act {background-color:#dfeed3;}
.navMain li ul {margin:0; padding:0;}
.navMain li li {background-color:#eee; border-bottom:none; border-top:1px #ccc solid;}
.navMain li li a {font-size:1em;}
#btnNav {display:block; position:absolute; top:5px; left:-2.8em; height:2.4em; width:2.4em; text-align:center; color:#153f69; background-color:#fff; cursor:pointer;}
#btnNav:before {content:"\f0c9"; font-family:'Icomoon' !important; font-size:1.8em; line-height:1.3em;}
#btnClose {position:absolute; display:block; top:5px; right:5px; height:2.4em; width:2.4em; text-align:center; color:#fff; background-color:#b71717; cursor:pointer;}
#btnClose:before {content:"\f00d"; font-family:'Icomoon' !important; font-size:1.5em; line-height:1.45em;}
#headerSpacer {height:74px; width:1px;}

#mainContent {width:100%; margin:0 auto; min-height:25em;}
.bgWhite {background-color:#fff;}
.bgLightGray {background-color:#eee;}
.bgBlue {background-color:#255981;}
.bgLightGreen {background-color:#deefcf;}
.padding-top {padding-top:15px;}
.padding-bottom {padding-bottom:15px;}
.colPic img {display:block;}
.rowHeadline .col {padding-top:0; padding-bottom:0;}
.editorLink, .modal a.editorLink {display:block; position:absolute; top:0; right:0; height:40px; width:40px; color:#fff; background-color:#27303A; text-decoration:none; z-index:99;}
.editorLink:before {display:block; content: "\f044"; font-family:"Icomoon" !important; font-size:28px; line-height:40px; text-align:center; padding-left:4px;}
.mailLink .noDeco {text-decoration:underline;}
.red {color:#b00;}

.small {font-size:0.85em;}
.large {font-size:1.2em;}
.xLarge {font-size:1.4em;}

section .mainContainer {padding-top:1em; padding-bottom:1em;}
/*.padding-top-0 .mainContainer, .padding-0 .mainContainer {padding-top:0;}*/
.padding-bottom-0 .mainContainer, .padding-0 .mainContainer {padding-bottom:0;}
.rowHeadline h1 {position:relative; margin:0.6em 0 0.3em; padding:0.3em 0; text-align:center;}
.rowHeadline h2 {position:relative; margin:0 0 0.3em; padding:0.6em 0 0.3em; border-top:1px #999 solid; text-align:center;}
.rowHeadline h1:after, .rowHeadline h2:after {content:""; display:block; position:absolute; bottom:0; left:50%; height:3px; width:120px; margin-left:-60px; transition:1s; background-color:#15406b;}
.rowHeadline.io0 h1:after, .rowHeadline.io0 h2:after {width:60%; margin-left:-30%; opacity:0.01; transition:0;}

footer {color:#333; background-color:#eee;}
footer ul {padding:0;}
footer li {list-style-type:none; margin:0;}
footer a {display:block; padding:0.3em 0; text-decoration:none;}
footer p {margin:0; padding:0 0 0.6em;}
footer .col {border-top:1px #ccc solid;}
footer .xLarge {font-size:1.8em;}
footer .mainContainer {padding-bottom:1em;}
.footerLine {padding:0.5em; font-size:0.85em; text-align:center; color:#fff; background:#333;}
.modal {width:96%; max-width:980px;}
.modal header {display:none;}

/* Header-Slider */
.slidePics {display:none;}
.slidePic {background-size:cover; background-position:center;}
.slidePic img {display:block; height:auto; width:80%;}

/* Aktuelles */
.infoBox .mainContainer {margin-bottom:1em; background-color:#deefcf; border:3px #8bc819 solid; border-radius:0.2em;}

/* Galerie */
.galleryBox .row.teaserBox {padding:8px 0 15px;}
.galleryBox .rowHeadline {padding-bottom:1em;}
.galleryBox .col {padding:7px;}
.galleryBox .teaser {position:relative; background-color:#eee;}
.galleryBox img {position:relative; display:block; margin:0 auto;}
.galleryBox .tImage a:after {content:"\f002"; font-family:'Icomoon' !important; position:absolute; left:5px; bottom:5px; display:block; font-size:1em; line-height:1.5em; height:1.6em; width:1.6em; text-align:center; opacity:0.7; color:#fff; background-color:#333; border-radius:50%;}
.galleryBox .tVideo a:after {content:"\ea1c"; font-family:'Icomoon' !important; position:absolute; left:50%; top:50%; display:block; font-size:2em; line-height:1.5em; height:1.6em; width:1.5em; margin-left:-0.8em; margin-top:-0.8em; text-align:center; padding-left:0.1em; opacity:0.7; color:#fff; background-color:#333; border-radius:50%;}

@media screen and (min-width:768px){
  .logo {height:130px;/* border:3px #abc694 solid; border-radius:10px;*/}
  #headerSpacer {height:139px;}
@keyframe headerScale {
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
}
@-webkit-keyframes headerScale {
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
}
  .headerPic .mainContainer {padding:1.5em 0.5em; margin-bottom:1em; overflow:hidden; /*background-size:cover; background-position:center center;*/}
  .headerPic .col {text-align:center;}
  .headerPic h1 {display:inline-block; padding:0.1em 0.2em; margin:0.6em auto; min-width:10em; color:#fff; background-color:#8bc819; border-radius:0.1em; z-index:2;}
  .headerPic h1:after {visibility:hidden;}
  .headerPic .slidePics {display:block; position:absolute; top:0; left:0; height:100%; width:100%;}
  .headerPic .slider {height:100%; width:100%;}
  .headerPic .noSlick .slider, .headerPic .slick-current {animation-name:headerScale; animation-duration:3s;}
  .headerPic .slidePics .slick-list, .headerPic .slidePics .slick-track {height:100%;}
  footer .mainContainer {padding:2em 0;}
  footer .col {border:none;}
}

@media screen and (min-width:991px){
  header {position:relative;}
  .logo {margin:7px auto 10px;}
  .nav {overflow:visible; text-align:center;}
  #headerSpacer {position:absolute; height:197px;}
  .scrolled header {position:fixed;}
  .scrolled #headerSpacer{position:relative;}
  .scrolled .logo {display:none;}
  #navOuter {position:relative; right:0; width:auto; max-width:1140px; margin:0 auto;}
  .navMain {display:inline-block; position:relative; margin:0 auto;}
  .navMain li {display:inline-block; position:relative; margin:0; padding:0; border:none;}
  .navMain li .aMain {display:inline-block; padding:15px 0.5em; font-size:1.1em; line-height:1em; border-radius:0.2em 0.2em 0 0; cursor:pointer;}
  .navMain li .aMain.act, .navMain li.liAct .aMain {color:#fff; background-color:#15406B;}
  .navMain li ul {position:absolute; left:0.3em; display:block; width:auto; min-width:100%; height:auto; max-height:0px; overflow:hidden; margin:0 -1px 0 -0.3em; padding:2px 0 0; background-image:url('../img/xleer.gif'); transition:0.2s;}
  .navMain li.clickOpened ul {max-height:300px;}
  .navMain li li {display:block; background-color:#fff;}
  .navMain li li a {display:block; padding:0.8em 0.6em; font-size:0.95em; line-height:1em; text-align:left; text-decoration:none; border-top:1px #999 solid;}
  .navMain .liOpened .nav2 {display:block; max-height:300px;}
  #btnNav, #btnClose {display:none;}
  h1 {font-size:2.4em;}
  h2, .h2 {font-size:1.8em;}
}

@media screen and (min-width:1200px){
  body {font-size:21px;}
  #headerSpacer{height:200px;}
  .mainContainer {width:1140px;}
  .aMain:hover {background-color:#dfeed3;}
  .navMain li:hover ul {max-height:300px;}
  a.btn:hover {transform:scale(1.05);}
  a.btn:hover:after {content:"\f105"; font-family:"Icomoon" !important; position:absolute; top:0.3em; right:0.8em;}
  /*header .container {background-image:url('../img/bgtop-01.png'); background-position:center 48px; background-size:96% auto;}*/
}

@media screen and (max-width:990px){
  .slidePic img {width:100%;}
}

@media screen and (max-width:990px) and (orientation:portrait){
}

@media screen and (max-width:767px){
  .headerPic .mainContainer {background:none !important;}
  .slidePic img {width:150%; max-width:150%;}
}

@media screen and (max-width:767px) and (orientation:landscape){
}


@media screen and (max-width:575px){
  .slidePic img {width:220%; max-width:220%;}
}

@media print{
  body {font-size:16px;}
  .slidePic img.desktop {width:160%; margin:0 -60%;}
  .logo {height:43px;}
}