@charset "utf-8";
/* CSS Document */
a:active, a:focus {outline: none;}
html {overflow-y: scroll;}
img {border:none; max-width:100%; height:auto;}
i, em {font-size:90%;}
.clear {clear:both;}
h1, h2, h3, h4, h5 {text-align:left; hyphens: none; -webkit-hyphens: none; -moz-hyphens: none;-ms-hyphens: none; color:#006699;}
a {color:#006699; text-decoration:none;}
a:hover {text-decoration:underline;}
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url(images/loading.gif) no-repeat center center;}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {
	font-size:1em;	
	overflow-x:hidden;
	width:100%;
	color:#333;
	text-align:left;
	font-family: 'Open Sans', 'sans-serif';
	}
.container {
	max-width:1024px;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
	}
header {
	height:80px;
	width:100%;
	}
header.k2016 {
	background:#878787 url(images/banner_320.jpg) no-repeat 50% 50%;
	background-size: contain;}
header.k2017 {
	background:#0e0313 url(images/banner_320_2017.jpg) no-repeat 50% 50%;
	background-size: contain;}
header.k2018 {
	background:#110e17 url(images/banner_320_2018.jpg) no-repeat 50% 50%;
	background-size: contain;}
header.k2019 {
	background:#110e17 url(images/banner_320_2019.jpg) no-repeat 50% 50%;
	background-size: contain;}
header.k2020 {
	background:#110e17 url(images/banner_320_2020.jpg) no-repeat 50% 50%;
	background-size: contain;}
header a {
	display:block;
	height:100%;
	}
header span {
	display:none;
	}
.fblike {
	float:right;
	margin:-1em -1em 0 0;
	}
section {
	padding:0 1.5em;
	text-align:justify;
	hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: autp;-ms-hyphens: auto;
	}
.kbilder {text-align:center;}
.kbilder span {display:block; font-weight:bold; color:#000; padding:1em 0 0 0;}
.kbilder img {
    display:block;
	margin:0 auto;
	border:5px solid #fff;
	box-sizing:border-box;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
	}
/*--hover-text----*/
.bild_layer {width:100%; text-align:center; font-weight:bold;}
.wp-caption {
position: relative;
padding: 0;
margin: 0;
}
.wp-caption img {
display: block;
max-width: 100%;
height: auto;
}
.wp-caption-text a {
opacity: 0;
position: absolute;
width: 100%;
height:100%;
color: #fff;
text-align:center;
left: 0;
top: 0;
padding: 20% 1em;
font-weight: 700;
font-size:90%;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,.7);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
text-decoration:none;
}
.wp-caption:hover .wp-caption-text a {
opacity: 1;
}
ul.monate {
	list-style:none;
	padding:0 0.5em;
	}
ul.monate li {margin-bottom:1em;}
.subtext {text-align:left;}
footer {
	text-align:center;
	margin:2em 0 10em 0;
	padding:2em 0;
	font-size:90%;
	}
@media screen and (min-width : 480px) {
	header {
		height:120px;
		}
	header.k2016 {background:#878787 url(images/banner_480.jpg) no-repeat 50% 50%;}
	header.k2017 {background:#0e0313 url(images/banner_480_2017.jpg) no-repeat 50% 50%;}
	header.k2018 {background:#110e17 url(images/banner_480_2018.jpg) no-repeat 50% 50%;}
	header.k2019 {background:#110e17 url(images/banner_480_2019.jpg) no-repeat 50% 50%;}
	header.k2020 {background:#110e17 url(images/banner_480_2020.jpg) no-repeat 50% 50%;}
}
@media screen and (min-width : 645px) {
	
	.bild_layer {width:579px; margin:0 auto;}
	.wp-caption-text a{ font-size:100%; padding: 22% 0.5em;}
	}
@media screen and (min-width : 1024px) {
	body {background: url(images/background.jpg) top center no-repeat fixed;}
	header.k2016 {background:#878787 url(images/banner_1220.jpg) no-repeat 50% 50%;}
	header.k2017 {background:#0e0313 url(images/banner_1220_2017.jpg) no-repeat 50% 50%;}
	header.k2018 {background:#0e0313 url(images/banner_1220_2018.jpg) no-repeat 50% 50%;}
	header.k2019 {background:#0e0313 url(images/banner_1220_2019.jpg) no-repeat 50% 50%;}
	header.k2020 {background:#0e0313 url(images/banner_1220_2020.jpg) no-repeat 50% 50%;}
	.container {
		box-shadow:0 0 15px #333;
			-moz-box-shadow:0 0 25px #fff;
			-webkit-box-shadow:0 0 25px #fff;
		}
	.kbilder span {display:inline-block; width:480px;}
	.bild_layer {width:48%; display:inline-block;}
	.wp-caption-text a {height:98%;}
	.kbilder img {display:inline-block;  width:480px; border:2px solid #fff;}
}