@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400italic,700,700italic);
/*font-family:'Roboto Condensed', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans Pro:200italic,200,300italic,300,400italic,400,600italic,600,700italic,700,900italic,900);


html, body {min-height:100%;}

body {
	margin:0;
	font-family:'Source Sans Pro', sans-serif;
	font-size:19px;
	color:#3c4951;
	
}


p {font-family:'Source Sans Pro', sans-serif;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0; padding:0;}
dl, dt, dd {margin:0; padding:0;}
img {border:0; vertical-align:bottom;}
a {outline:none;  }
a:hover {text-decoration:none;}
form, h1, h2, h3, h4, h4a, h5, h6 {margin:0 0 10px 0;}
p {margin:0 0 23px 0; line-height:26px;}
h1, h2, h3, h4, h4a, h5 {font-weight:700; margin-bottom:70px; letter-spacing:-1px;text-align:center;}
ul, li {margin:0; padding:0;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both; font-size:0px; line-height:0px;}

input[type="text"]:focus {outline:none;}
input[type="password"]:focus {outline:none;}
select:focus{outline:none;}


* html .clearfix { height:1%;}

*+html .clearfix { display:inline-block;}

.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}




.sub3f {font-family:'Arial Black';font-size:30px;line-height:37px;letter-spacing:0px;color:#ffffff;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:bold;border:3px solid #ffffff;background-color:#a00a0a;padding:10px;width:55%;border-radius:10px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:10px;margin-bottom:0px;}
.sub3g {font-family:'Arial Black';font-size:30px;line-height:37px;letter-spacing:0px;color:#ffffff;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:bold;border:3px solid #ffffff;background-color:#a00a0a;padding:10px;width:80%;border-radius:10px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:10px;margin-bottom:0px;}





.wrapper {max-width:1000px; margin:20px auto; position:relative;border:0px solid #dfe7ec;}

.content {max-width:1000px; margin:auto; padding:0px;padding-top:40px;}

.bgwhite {background-color:#ffffff;}

.presenting {padding:5px;}
.border1 {border:0px solid #dfe7ec;padding:0px;}
.border2 {border:0px dashed #dfe7ec;padding:0px;}
.border2-yellow {border:2px dotted #f1c48f;padding:31px;
background-color:#fffcdd;
	-webkit-box-shadow:inset 0 0 250px rgba(239,212,138,.59);
	-moz-box-shadow:inset 0 0 250px rgba(239,212,138,.59);
	box-shadow:inset 0 0 250px rgba(239,212,138,.59);
	text-shadow: 1px 1px 0px rgba(255,255,255,0.7);
}

.sub {font-family:'Source Sans Pro';font-size:20px;letter-spacing:1px;color:#bcdbeb;margin-bottom:34px;margin-top:30px;text-align:center;letter-spacing:-1px;font-weight:400;font-style:normal;padding:0 10px;line-height:21px;}

.sub2 {font-family:'Arial Black';font-size:40px;letter-spacing:1px;color:#ffffff;margin-bottom:20px;margin-top:20px;text-align:center;letter-spacing:0px;font-weight:450;font-style:normal;padding:0 10px;line-height:40px;text-transform:uppercase;text-shadow: 1px 1px 0px rgba(0,0,0,0.6);}

.sub3 {font-family:'Lato';font-size:28px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:4px dashed #bc2b2b;background-color:#fff6bb;padding:30px;width:564px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}

.sub3a {font-family:'Lato';font-size:34px;line-height:37px;letter-spacing:0px;color:#ffffff;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:3px solid #ffffff;background-color:#a00a0a;padding:10px;width:85%;border-radius:10px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:10px;margin-bottom:0px;}

.sub3b {font-family:'Lato';font-size:28px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:0px dashed #bc2b2b;background-color:#ffffff;padding:30px;width:90%;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}

.sub3c {font-family:'Lato';font-size:24px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:0px dashed #bc2b2b;background-color:#ffffff;padding:0px;width:90%;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}

.sub3d {font-family:'Lato';font-size:24px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:0px dashed #bc2b2b;background-color:#ffffff;padding:0px;width:880px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}

.sub3e {font-family:'Lato';font-size:18px;line-height:24px;letter-spacing:0px;color:#ffffff;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:3px dashed #000000;background-color:#a00a0a;padding:10px;width:520px;border-radius:10px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:10px;margin-bottom:0px;}

.sub4 {font-family:'Lato';font-size:25px;line-height:29px;letter-spacing:0px;color:#fff;margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:4px dashed #bc2b2b;background-color:#bc2b2b;padding:22px;padding-bottom:35px;width:780px;border-radius:14px;text-shadow: 1px 1px 0px rgba(0,0,0,0.6);margin:auto;margin-top:0px;}

.sub5 {font-family:'Source Sans Pro';margin-bottom:0px;margin-top:0px;text-align:center;letter-spacing:0px;font-weight:400;font-style:normal;border:3px dashed #7baecb;background-color:#d1edfd;padding:30px;width:564px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:70px;
	-webkit-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	-moz-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	box-shadow:inset 0 0 60px rgba(148,192,218,.83);
}
.sub5a {font-family:'Source Sans Pro';margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:3px dashed #7baecb;background-color:#d1edfd;padding:20px;width:90%;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:70px;
	-webkit-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	-moz-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	box-shadow:inset 0 0 60px rgba(148,192,218,.83);
}

.sub5b {border:3px solid #7baecb;background-color:#d1edfd;padding-top:10px;width:880px;border-radius:10px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:40px;
	-webkit-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	-moz-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	box-shadow:inset 0 0 60px rgba(148,192,218,.83);
}

.sub6 {font-family:'Source Sans Pro';margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:6px dashed #e06455;background-color:#fffbdf;padding:30px;width:564px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:70px;margin-bottom:70px;color:#262120;
	-webkit-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	-moz-box-shadow:inset 0 0 60px rgba(148,192,218,.83);
	box-shadow:inset 0 0 110px rgba(246,221,147,.93);
}

.sub7 {font-family:'Source Sans Pro';margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:8px dashed #d03725;background-color:#fff5aa;padding:30px;width:564px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:70px;margin-bottom:70px;color:#262120;
	-webkit-box-shadow:inset 0 0 110px rgba(246,188,96,.93);
	-moz-box-shadow:inset 0 0 110px rgba(246,188,96,.93);
	box-shadow:inset 0 0 110px rgba(246,188,96,.93);
}

.sub8 {font-family:'Lato';font-size:24px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:0px dashed #bc2b2b;background-color:#ffffff;padding:0px;width:880px;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}

.sub9 {font-family:'Lato';font-size:24px;line-height:37px;letter-spacing:0px;color:#384029;margin-bottom:0px;margin-top:0px;text-align:left;letter-spacing:0px;font-weight:400;font-style:normal;border:0px dashed #bc2b2b;background-color:#ffffff;padding:0px;width:80%;border-radius:14px;text-shadow: 1px 1px 0px rgba(255,255,255,0.8);margin:auto;margin-top:40px;margin-bottom:0px;}



.nice {font-family:'Great Vibes';font-size:66px;letter-spacing:1px;color:#d4384a;margin-top:24px;}

h2 {
	font-family:'roboto Condensed', sans-serif;
	font-size:62px;
	line-height:73px;
	letter-spacing:-2px;
	margin-bottom:40px;
	color:#fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}


h4 {
	font-size:47px;
	line-height:53px;
	letter-spacing:-0px;
	margin-bottom:0px;
        text-align:center;
	padding:0 30px;font-weight:400;
	color:#fff;
        font-family:'roboto Condensed', sans-serif;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

h4a {
	font-size:47px;
	line-height:53px;
	letter-spacing:-0px;
	margin-bottom:0px;
        text-align:center;
	padding:0 0px;font-weight:400;
	color:#fff;
        font-family:'roboto Condensed', sans-serif;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

h3 {
        font-family:'Source Sans Pro', sans-serif;
	font-size:63px;
        font-weight:700;
	line-height:51px;
	letter-spacing:-1px;
        margin-top:70px;
	margin-bottom:10px;
        padding:0 10px;
        color:#000
}


h5 {
        font-family:'Source Sans Pro', sans-serif;
	font-size:54px;
        font-weight:700;
	line-height:39px;
	letter-spacing:-1px;
        margin-top:10px;
	margin-bottom:10px;
        padding:10 10px;
        color:#000
}


h6 {
  font-family:'Source Sans Pro', sans-serif;
	font-size:19px;
  font-weight:300;
	line-height:26px;
  margin-top:16px;
	margin-bottom:30px;
        padding:0 10px;
        color:#24658a
}

a:link {
    text-decoration: underline;

}


.bluebg {
	background-color:#2989ba;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:10px 10px;
	color:#FFF;
        
}
.bluebg2 {
	background-color:#033751;border:1px dashed #2989ba;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	padding:10px 60px;
	color:#FFF;
}
.bluebg3 {
	background-color:#ffffff;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:0px 0px;
	color:#FFF;
        
}
.bluebg4 {
	background-color:#ba2929;border:3px dashed #ffffff;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	padding:10px 10px;
	color:#FFF;
}

.bluebg3b {
	background-color:#ffffff;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:0px 0px;
			margin-left:25px;
		margin-right:25px;
		margin-top:15px;
	color:#FFF;
        
}
.bluebg4b {
	background-color:#ba2929;border:3px dashed #FFFFFF;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	box-shadow:inset 0 0 250px rgba(0,0,0,.53);
	padding:10px 10px;
	color:#FFF;
}


.bluebg5 {
	background-color:#3b3b3b;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:3px 3px;
		margin-left:5px;
		margin-right:5px;
		margin-top:25px;
	color:#FFF;
        
}

.bluebg5a {
	background-color:#3b3b3b;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:3px 3px;
		margin-left:60px;
		margin-right:60px;
		margin-top:25px;
	color:#FFF;
        
}

.bluebg5b {
	background-color:#FFFFFF;
		-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:1px 1px;
		margin-left:10px;
		margin-right:10px;
		margin-top:0px;
	color:#FFF;
        
}

.bluebg5c {
	background-color:#3b3b3b;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:2px 2px;
		margin-left:60px;
		margin-right:60px;
		margin-top:15px;
	color:#FFF;
	border-radius:10px;
        
}


.bluebg123 {
background-color: rgba(55, 55, 55, 0.6);
}

.bluebg6a {
	background-color:#a00a0a;border:0px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:10px 10px;

	color:#FFF;
}

.bluebg6b {
	background-color:#a00a0a;border:0px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:10px 10px;
	color:#FFF;
}

.bluebg6c {
	background-color:#a00a0a;border:0px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:10px 10px;
		border-radius:10px;
	color:#FFF;
}

.bluebg6 {
	background-color:#a00a0a;border:1px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:30px 60px;
	color:#FFF;
}

.bluebg6d {
	background-color:#99D100;border:0px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:10px 10px;
	color:#FFF;
}

.bluebg7 {
	background-color:#8EC200;
	-webkit-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	-moz-box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	box-shadow:inset 0 0 250px rgba(0,0,0,.59);
	padding:2px 2px;
			margin-left:60px;
		margin-right:60px;
	color:#FFF;
        
}
.bluebg8a {
	background-color:#B3F400;border:0px dashed #781010;
	-webkit-box-shadow:inset 0 0 250px 70px rgba(0,0,0,.33);
	-moz-box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	box-shadow:inset 0 0 70px rgba(0,0,0,.33);
	padding:10px 10px;
	color:#FFF;
}

ul {padding:0 50px;margin:0;}
li {
	list-style:none;

	font-size:24px;
	line-height:28px;
	padding-left:43px;
	margin-bottom:23px;
	min-height:32px;font-weight:400;
	font-family:'Source Sans Pro', sans-serif;
        
}
.x li {
	list-style:none;
	background:url(images/x.png) 0 0 no-repeat;
	background-position:0px -2px;
	font-size:33px;
	line-height:34px;
	padding-left:52px;
	margin-top:0px;
	min-height:62px;font-weight:600;
	font-family:'Source Sans Pro', sans-serif;
        
}

.order li {font-size:18px;}


.butt a {
text-decoration:none;
color:#ffffff;
}

.button {
  background-color: #89B804; /* yellow */
  display: block;
  width: 100%;
  border: none;
  color: #ffffff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  line-height:34px;
  display: inline-block;
  font-size: 32px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}




.tt {padding:15px;font-family:'Lato';font-size:17px;border:4px dashed #bdd4e0;margin-top:20px;}


@media only screen and (min-width: 320px) {
// Ihr Code für schmalere Smartphones, wie z.B. das Iphone
}

@media only screen and (min-width: 480px) {
// Ihr Code für breitere Smartphones
}

@media only screen and (min-width: 768px) {
// Ihr Code für Tablets
}

@media only screen and (min-width: 1280px) {
// Ihr Code für die Desktop-Version
}