@charset "UTF-8";

img, object, embed, video {
	max-width: 100%;
	height: auto;
	text-align: center;
	}

.ie6 img {
	width:100%;
	}


html {
	line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

body {
	margin: 0;
	font-family: 'Amatic SC', cursive;
	font-size: 1em;
	font-weight: light;
	color: #f7a828;
	background-color: #000;
	}
	
html, body {
	height: 100%;
	}
	
/* Add the correct display in IE 9-.  */

article, aside, footer, header, nav, section {
	display: block;
	}
	
	
	
/* Grouping content */
/*Add the correct display in IE 9-. */

figcaption, figure, main { /* 1 */
	display: block;
	}

/* Add the correct margin in IE 8.  */

figure {
	margin: 1em 40px;
	}


/* Typo */
	
	
H1 {	
	font-size: 2.35em;
	font-weight: 400;
	color: #fc2a50;
	text-align: center;
	line-height: 1.6em;
	}
	
H2 {	
	font-size: 4.45em;
	font-weight: 400;
	color: #fc2a50;
	text-align: center;
	line-height: 1.0em;
	}
	
H3 {	
	font-size: 1.9em;
	font-weight: 400;
	color: #fc2a50;
	text-align: center;
	line-height: 1.0em;
	}

p {
	font-size: 1.9em;
	color: #5c5d62;
	text-align: center;
	line-height: 0.8em;
	}
	
	
.bold {	
	font-weight: bold;
	}	


/*


.gelb {	
	color: #ffd74d;
	}	

.orange {	
	color: #fdbc0e;
	}	
	
.red {
	color: #fc2a50;
	}
		
.dark {	
	color: #5c5d62;
	}	
	
.lightorange {	
	color: #b1c800;
	}	
		
*/
	
	
	
.spacetop {
	margin-top: 2em;	
	}	
	
.spaceleft {
	margin-left: 1em;	
	}	
	
.alirifgt {
	text-align: right;	
	}
	
.centermobile {
	text-align: center;	
	}
	
.center {
	text-align: center;	
	}
	
	
	
/* Raster */
	
.container {
	max-width: 36em;
	margin: 0 auto;
	height: auto;
	min-height: 100%;
	}
	
.row {
	width:100%;
	float:left;
	}
	
.row:before,
.row:after {
	content: '';
	display: table;
	}

row:after {
	clear: both;
	}
	

.columns {
	float:left;
	padding-left:1em;
	padding-right:1em;
	}
	
	
/* 4-er Raster */
.small-1 {width:25%;}
.small-2 {width:50%;}
.small-3 {width:75%;}
.small-4 {width:100%;}


	
.section-welcome {
	padding-top: 3em;
	text-align: center;
	font-size: 4em;
	color: #bec2c5;
	}
	

	

	
/* Links brand */	

a {
	color: #ffd74d;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	}
	
a:hover, a:focus {
    color: #fc2a50;
	/* text-decoration: underline */
	}
	
a:visited {
	color: #f7a828;
	}


	
	
/* Links pure */
/* 			
a.speziell:link { color: #33383b; }

a.speziell:visited { color: #2a343a; }
*/


/* Links red */	
/* 
a.brandred:link { color: #e5344c; }

a.brandred:visited { color: #ed7181; }
*/

		



	

	
/* XSMALL  (Mini-Layout): bis 340 px */

@media only screen and (max-width: 21.25em) {

/* 1-er Raster */
.xsmall-1 {width:100%;}

}
	
	
/* MSMALL  (Sonderlocke-Layout): 341px bis 416 px */
	
@media only screen and (min-width: 21.3125em) and (max-width: 26em) {	
	
.section-pic {
	padding-top: 13em;
	}
}


/* MEDIUM  (Tablet-Layout): 751 bis 900 px */

@media only screen and (min-width: 46.9375em) {

/* 12-er Raster */
.medium-1 {width:8.333333%;}
.medium-2 {width:16.666667%;}
.medium-3 {width:25%;}
.medium-4 {width:33.333333%;}
.medium-5 {width:41.666667%;}
.medium-6 {width:50%;}
.medium-7 {width:58.333333%;} 
.medium-8 {width:66.666667%;}
.medium-9 {width:75%;}
.medium-10 {width:83.333333%;}
.medium-11 {width:91.6666667%;}
.medium-12 {width:100%;}
	
	
.section-pic {
	padding-top: 4em;
	padding-left: 9em;
	}
	

	
}



/* LARGE  (Desktop-Layout): 901 bis maximal 1232 px */

@media only screen and (min-width: 56.3125em) {

.section-welcome {
	padding-top: 3.5em;
	}
	
.container {
	max-width:50em;
	}	

}



/* XLARGE  (Desktop-Layout): ab 1200 px. Design -> blue */

@media only screen and (min-width: 75em) {

.section-welcome {
	padding-top: 5em;
	}
	
.container {
	max-width:56em;
	}	
}