@charset "utf-8";

 @font-face {
     font-family: "KelsonSansRegular_SPECIAL";
     src: url("../fonts/KelsonSans/Kelson Sans Regular.eot");
     src: url("../fonts/KelsonSans/Kelson Sans Regular.eot?#iefix")format("embedded-opentype"),
     url("../fonts/KelsonSans/Kelson Sans Regular.woff") format("woff"),
     url("../fonts/KelsonSans/Kelson Sans Regular.ttf") format("truetype");
     font-style: normal;
     font-weight: normal;
 } 

 @font-face {
     font-family: "KelsonSansBold_SPECIAL";
     src: url("../fonts/KelsonSans/Kelson Sans Bold.eot");
     src: url("../fonts/KelsonSans/Kelson Sans Bold.eot?#iefix")format("embedded-opentype"),
     url("../fonts/KelsonSans/Kelson Sans Bold.woff") format("woff"),
     url("../fonts/KelsonSans/Kelson Sans Bold.ttf") format("truetype");
     font-style: normal;
     font-weight: normal;
 } 

/* font-family: "KelsonSansRegular";  */

 @font-face {
     font-family: "KelsonSansRegular";
     src: url("../fonts/KelsonSansRegular/KelsonSansRegular.eot");
     src: url("../fonts/KelsonSansRegular/KelsonSansRegular.eot?#iefix")format("embedded-opentype"),
     url("../fonts/KelsonSansRegular/KelsonSansRegular.woff") format("woff"),
     url("../fonts/KelsonSansRegular/KelsonSansRegular.ttf") format("truetype");
     font-style: normal;
     font-weight: normal;
 }
  
  /* font-family: "KelsonSansLight";  */
/*
 @font-face {
     font-family: "KelsonSansLight";
     src: url("../fonts/KelsonSansLight/KelsonSansLight.eot");
     src: url("../fonts/KelsonSansLight/KelsonSansLight.eot?#iefix")format("embedded-opentype"),
     url("../fonts/KelsonSansLight/KelsonSansLight.woff") format("woff"),
     url("../fonts/KelsonSansLight/KelsonSansLight.ttf") format("truetype");
     font-style: normal;
     font-weight: normal;
 }
 */ 
  /* font-family: "KelsonSansBold";  */

 @font-face {
     font-family: "KelsonSansBold";
     src: url("../fonts/KelsonSansBold/KelsonSansBold.eot");
     src: url("../fonts/KelsonSansBold/KelsonSansBold.eot?#iefix")format("embedded-opentype"),
     url("../fonts/KelsonSansBold/KelsonSansBold.woff") format("woff"),
     url("../fonts/KelsonSansBold/KelsonSansBold.ttf") format("truetype");
     font-style: normal;
     font-weight: normal;
 } 





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

*:after, *:before {
    box-sizing: border-box;
	-moz-box-sizing:border-box;	
	-webkit-box-sizing:border-box; 
}



body
{
	/* for ipad 
	position:relative;
*/



	font-family: 'KelsonSansRegular', 'KelsonSansRegular_SPECIAL', sans-serif;
	
	padding:0px;
	margin:0px;
	

	
	letter-spacing:0.04em;
	font-size:17px;
	
	
	color:#cfd7de;
	
	background-color:#202020;
	background-color:white;

	
}


span.logo
{
	color:white;
	font-weight:normal;
	font-family: 'KelsonSansBold', 'KelsonSansBold_SPECIAL',;
	margin-right:0.3em;
	
}


span.logo:after
{
	content: " ";
	background-image: url(gfx/drei.png);
	background-repeat: no-repeat;
	background-size:auto 100% ;
	height: 1.4em;
	position:absolute;
	display:inline-block;
	width:100px;
	margin-left:-0.7em;	
	margin-top:-0.1em;
}

/* RESPONSIVE */



.container {
    margin-left: auto;
    margin-right: auto;
    
    margin-bottom:100px;
    
    
    padding-left: 15px;
    padding-right: 15px;
    
    position: relative;
    
    background-color:black;
    
    outline: solid 30px black;
} 




.row {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.row:after {
    clear: both;
}

.row>*{
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
	float: left;	
}









#content:after
{
	display:none;
}


.row>div
{
	margin-bottom:30px;
	
}


.s2 p
{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;  
}

.s2a .img_inhalt
{
	width:60%; 
}

.s2a .inhalt
{
	width:40%; 
	color: white;
	font-size:18px;
	line-height: 150%;
	margin-top:70px;
	padding-left:40px;
}

.s1b > div {
    margin-bottom: 10px;
    font-size:22px;
}

.s1b, .s2, .s3, .s4 {
	margin-bottom:70px;
}


@media (max-width: 767px) {
	
	.container {
	    width: 100%;
	}
	
	
	.s1a>.logo
	{
		width:95%;
	}
	
	.s1a>.ausgabe
	{
		width:100%;
		text-align: right;
	}
	
	.s2a .img_inhalt
	{
		width:100%; 
	}
	
	.s2a .inhalt
	{
		width:100%; 
		line-height: 150%;
		margin-top:10px;
	}
	
	
	.s1>div
	{
		width:50%;
	}

	
	.s2>div
	{
		width:50%;
	}
	.s2 .image
	{
		width:100%;
	}		
	
	.s3>div
	{
		width:100%;
	}	
			

}



@media (min-width: 768px)  { 
	
	.container {
	    width: 750px;
	}

	.s1a>.logo
	{
		width:60%;
	}
	.s1a>.ausgabe
	{
		width:40%;
		text-align: right;
	}
		
	.s1>div
	{
		width:25%;
	}

	
	.s2>div
	{
		width:33.333%;
		margin-top:100px;
	}
	
	.s2>div.image
	{
		margin-top:0px;
	}
	
	.s2>.intro_question {
		width:66.666%;	
		position:absolute;
		color: white;
	}
	
	.s3>div
	{
		width:50%;
	}	
	
}


@media (min-width: 768px) and (max-width: 991px)  { 
	
		
}	


@media (min-width: 992px)  { 
	
		
	.container {
	    width: 970px;
	}
	



}

@media (min-width: 1200px) { 
	

	.container {
	    width: 1170px;
	}


}


strong
{
	color:white;	
	font-weight: normal;
	font-family: 'KelsonSansBold',  'KelsonSansBold_SPECIAL',;
	
}




html{
	/* for ipad 
	min-width:1280px;

	height:100%;
	
	*/	
}

h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
	font-family: 'KelsonSansBold',  'KelsonSansBold_SPECIAL';	
}

h1
{
	color:#155231;
	color:#218C1C;
	font-size:18px;
	text-decoration:none;
	

		
}

h2
{
	color:#dc5f22;
	font-size:24px;
	text-decoration:none;		
}

h3
{
	color:#6e9e2e;
	font-size:20px;
}


a{
	color:white;
	text-decoration:none;
}


a:hover{
	color:#218C1C;
	color:#40CC4A;
	text-decoration:underline;
}


td{
	vertical-align:top;
}



#layout_main
{
/*
	margin:auto;
	margin-top:0px;

	width:1200px;
*/	
	padding-top:60px;

	/*
	border: 1px solid black;
	*/
}



#content
{
	vertical-align:top;
}




input
{
	border:1px solid #8aab8c;
	
	border:1px solid #d8e6d9;
	box-shadow:-1px -1px 5px rgba(0, 0, 0, 0.1), inset 0px 2px 2px #BBB;
	border-radius: 12px;
	
	font-size:14px;
	
	padding-top: 4px;
	padding-left:10px;
	
	color:#155231;
	color:#218C1C;
    height: 29px;
	
	margin-bottom:10px;
	
}


img
{
	border:0px none;
}


.s1a .ausgabe
{
	font-size:20px;
	
}

.s1a .ausgabe .location
{
	font-size:30px;
	
}