body {
	color: #000;
	background: url('../img/background.jpg');
	-o-background-size: cover;
	background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: repeat;
	font-family: 'Contrail One', cursive;
	font-size: 100%;
	padding-top: 10px;
}
@font-face {
  font-family: 'Contrail One';
  font-style: normal;
  font-weight: 400;
  src: local('Contrail One'), local('ContrailOne-Regular'), url(https://fonts.gstatic.com/s/contrailone/v8/eLGbP-j_JA-kG0_Zo51noaftYkHs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.container {text-align: center}
.container u {color: #22da03;}

.btn-success {
    background-color: #339900;
    border-color: #99ff99;
    color: #fff;
    text-shadow: #000 1px 1px 1px;
	width: 100%;
    font-size: 1.2em;
    margin-top: 10px;
}

.btn-checkemail:hover{
	background-position:0 65px;
}

.btn-custom:hover{
	background-position:0 100px;
}

.btn-success:hover {
    background-color: #33cc00;
    border-color: #99ff99;
}

.displayNone {
	display: none;
}

.headline {
	margin-bottom: 15px;
	margin-top: 40px;
}
.videoBox {
	z-index: 1;
	background-color: #fff !important;
	margin-top: 15px;
	padding: 10px;
	border-radius: 10px;
}

.videoBox .videoContent {
	border-radius: 10px;
	cursor: pointer;
	background-color: #000;
}
video.video_bgvid {
	background-image: url('../video/video-bg.jpg');
}

.teaserBox {
	padding: 5px 15px 15px 15px;
}

.teaserBox img {
	width: 480px;
	margin: 5px auto;
}

.teaserBox .img-thumb {
	padding: 0 !important;
	border-radius: 10px;
	border: 5px solid #fff;
}

.teaserBox span h3 {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

.teaserBox h3 {padding: 0; margin: 10px 0 0 0;}

h1, h2 {
	color: #fff;
	font-size: 33px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0.1em 0.1em 0.05em #333; margin-top: 0 !important;}

.text-content {
	font-size: 1.2em;
	color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    padding: 5px;
    border: 4px solid #fff;
}

.btn-custom h4 {
	text-transform: uppercase;
	text-shadow: #000 0.1em 0.1em 0.2em;
}

#lauftext {
    background-color: rgba(0, 0, 0, 0.9);
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    float: left;
    z-index: 999; width: 100%; height: 13%; padding-top: 2%; text-align: center;
}

div.angrytext {
 font-size:2em;
 font-weight:bold;
 color:#22da03;
 -webkit-animation: zoom-in-out 2s linear 0s infinite normal ;
 animation: zoom-in-out 2s linear 0s infinite normal ;
}

@-webkit-keyframes zoom-in-out {
  0%{
	-webkit-transform: scale(1);
	transform: scale(1);}
  50%{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}
  100%{
	-webkit-transform: scale(1);
	transform: scale(1);}
}
@keyframes zoom-in-out {
  0%{
	-ms-transform: scale(1);
	transform: scale(1);}
  50%{
	-ms-transform: scale(1.2);
	transform: scale(1.2);}
  100%{
	-ms-transform: scale(1);
	transform: scale(1);}
}

.footer {
	margin: 15px 0 0 0; 
	width: 100%; 
	background-color: #000; 
	color: #ccc; 
	text-align: center; 
	padding: 5px; 
	font-family: arial;
}

@media (max-width: 550px) { 
#lauftext {
    background-color: rgba(0, 0, 0, 0.9);
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    float: left;
    z-index: 999; width: 100%; height: 13%; padding-top: 1%; text-align: center;
}

div.angrytext {
 font-size:1.4em;
 font-weight:bold;
 color:#22da03;
 -webkit-animation: zoom-in-out 2s linear 0s infinite normal ;
 animation: zoom-in-out 2s linear 0s infinite normal ;
}
}

.red {color: #ed0000 ;}