/* caveat-brush-regular - latin */
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/caveat-brush-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/caveat-brush-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/caveat-brush-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/caveat-brush-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/caveat-brush-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/caveat-brush-v11-latin-regular.svg#CaveatBrush') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

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

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

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

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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* {
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}
html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	background: black;
}
body {
	/*font-family: 'Cabin', sans-serif;*/
/* 	font-family: 'Open Sans', sans-serif; */
	font-family: 'Caveat Brush', cursive;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	background: black;
	transition: all 0.5s ease 0s;
}
img a {
	border: none;
}

.wrapper-out {
	width: 100%;
}
.wrapper { 
	margin: 0 auto; 
	margin-top: 30px;
	max-width: 1400px; 
	width: 95%; 
}
.logo {
	margin-left: 37px;
    position: absolute;
    top: 71px;
    width: 380px;
    
}
.logo img {
	width: 100%;
	height: auto;
}
.head {
	width: 100%;
}
.head img {
	width: 100%;
	height: auto;
}
.hg-menu {
	width: 100%;
}
.hg-menu img {
	width: 100%;
	height: auto;
}
.main-menu {
	position: absolute;
	top: 0;
	height: 40px;
}
.main-menu ul {
	margin-bottom: 0;
}
.main-menu li {
	list-style: none;
	float: left;
}
.main-menu li a {
	color: #ffee00;
	text-decoration: none;
	display: block;
	font-size: 28px;
    padding: 0 12px;
    text-transform: uppercase;
}
.main-menu .current-menu-item a,
.main-menu li a:hover {
	color: White;
}
.head-menu {
	position: absolute;
	font-size: 24px;
	color: Black;
	text-transform: uppercase;
}
.head-menu a {
	padding-left: 15px;
	color: black;
	text-decoration: none;
}
.head-menu a:hover {
	color: #ffee00;
}
#menu-item-37,
#menu-item-39,
#menu-item-38 {
	display: none;
}
.show-850 {
	display: none;
}
@media only screen and (max-width: 1415px) {
	.main-menu li a {
		font-size: 24px;
	}
	.logo {
		margin-left: 37px;
	    position: absolute;
	    top: 71px;
	    width: 330px;
	    transition: all 0.5s ease 0s;
	}
}
@media only screen and (max-width: 1270px) {
	.main-menu li a {
		font-size: 22px;
		padding: 0 8px;
	}
	.logo {
		margin-left: 37px;
	    position: absolute;
	    top: 71px;
	    width: 300px;
	}
	.head-menu {
		font-size: 20px;
	}
}
@media only screen and (max-width: 1125px) {
	.main-menu li a {
		font-size: 20px;
		padding: 0 6px;
	}
	.logo {
		margin-left: 37px;
	    position: absolute;
	    top: 60px;
	    width: 270px;
	}
}
@media only screen and (max-width: 1010px) {
	.main-menu li a {
		font-size: 18px;
		padding: 0 6px;
	}
	.logo {
		margin-left: 37px;
	    position: absolute;
	    top: 59px;
	    width: 270px;
	}
}
@media only screen and (max-width: 950px) {
	.logo {
		margin-left: 20px;
	    position: absolute;
	    top: 62px;
	    width: 200px;
	}
}
@media only screen and (max-width: 850px) {
	.hide-850 {
		display: none;
	}
	.show-850 {
		display: inherit;
	}
	#np,
	#thomas,
	#rainer,
	#elmo,
	.head-menu,
	.logo,
	.head,
	.main-menu {
		display: none;
	}
	.wrapper {
		margin-top: 0;
		width: 100%;
	}
	#menu-item-37,
	#menu-item-39,
	#menu-item-38 {
		display: inherit;
	}
}
.bild-start img {
	width: 100%;
	height: auto;
}
#np,
#elmo,
#thomas,
#rainer {
	position: absolute;
	width: auto;	
}
.neues_programm {

}
.bild-850 {
	width: 100%;
	height: auto;
}
.animated-rainer {
	-webkit-animation-duration: 1.2s; 
	animation-duration: 1.2s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; 
	-webkit-animation-delay: .2s; /* Safari 4.0 - 8.0 */
    animation-delay: .2s;
}

@-webkit-keyframes bounceInLeft {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(-2000px);
	}
	20% {
	   opacity: 1;
	   -webkit-transform: translateX(50px);
	}
	30% {
	   -webkit-transform: translateX(-35px);
	}
	40% {
	   -webkit-transform: translateX(30px);
	}
	50% {
	   -webkit-transform: translateX(-25px);
	}
	60% {
	   -webkit-transform: translateX(20px);
	}
	70% {
	   -webkit-transform: translateX(-15px);
	}
	80% {
	   -webkit-transform: translateX(10px);
	}
	90% {
	   -webkit-transform: translateX(-5px);
	}
	100% {
	   -webkit-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-2000px);
	}
	20% {
	   opacity: 1;
	   transform: translateX(50px);
	}
	30% {
	   transform: translateX(-35px);
	}
	40% {
	   transform: translateX(30px);
	}
	50% {
	   transform: translateX(-25px);
	}
	60% {
	   transform: translateX(20px);
	}
	70% {
	   transform: translateX(-15px);
	}
	80% {
	   transform: translateX(10px);
	}
	90% {
	   transform: translateX(-5px);
	}
	100% {
	   transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

/* Right */
.animated-thomas {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

 }
 
@-webkit-keyframes bounceInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(2000px);
	}
	20% {
	   opacity: 1;
	   -webkit-transform: translateX(-50px);
	}
	30% {
	   -webkit-transform: translateX(35px);
	}
	40% {
	   -webkit-transform: translateX(-30px);
	}
	50% {
	   -webkit-transform: translateX(25px);
	}
	60% {
	   -webkit-transform: translateX(-20px);
	}
	70% {
	   -webkit-transform: translateX(15px);
	}
	80% {
	   -webkit-transform: translateX(-10px);
	}
	90% {
	   -webkit-transform: translateX(5px);
	}
	100% {
	   -webkit-transform: translateX(0);
	}
}
@keyframes bounceInRight {
	0% {
	   opacity: 0;
	   transform: translateX(2000px);
	}
	20% {
	   opacity: 1;
	   transform: translateX(-50px);
	}
	30% {
	   transform: translateX(35px);
	}
	40% {
	   transform: translateX(-30px);
	}
	50% {
	   transform: translateX(25px);
	}
	60% {
	   transform: translateX(-20px);
	}
	70% {
	   transform: translateX(15px);
	}
	80% {
	   transform: translateX(-10px);
	}
	90% {
	   transform: translateX(5px);
	}
	100% {
	   transform: translateX(0);
	}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 
 /* Elmo */
.animated-elmo {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .3s; /* Safari 4.0 - 8.0 */
	animation-delay: .3s;
}
     
 /* NP */
.animated-np {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .3s; /* Safari 4.0 - 8.0 */
	animation-delay: 1s;
}
    
@-webkit-keyframes bounceInUp {
	0% {
	   opacity: 0;
	   -webkit-transform: translateY(2000px);
	}
	60% {
	   opacity: 1;
	   -webkit-transform: translateY(-50px);
	}
	80% {
	   -webkit-transform: translateY(50px);
	}
	100% {
	   -webkit-transform: translateY(0);
	}
}
@keyframes bounceInUp {
	0% {
	   opacity: 0;
	   transform: translateY(2000px);
	}
	20% {
	   opacity: 1;
	   transform: translateY(-50px);
	}
	30% {
	   transform: translateY(35px);
	}
	40% {
	   transform: translateY(-30px);
	}
	50% {
	   transform: translateY(25px);
	}
	60% {
	   transform: translateY(-20px);
	}
	70% {
	   transform: translateY(15px);
	}
	80% {
	   transform: translateY(-10px);
	}
	90% {
	   transform: translateY(5px);
	}
	100% {
	   transform: translateY(0);
	}
}  
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}