@CHARSET "UTF-8";


hr { 
margin-left:43%;
margin-right:43%;
}


h1, h2, h3, p  {
margin-left:13%;
margin-right:13%;
}

#main { 
max-width: 960px; 
margin: 0 auto; 
}


body {	
padding: 3em 6% 3em 6%;

color: #e9e6d4;
background-color: #161301;
text-rendering:optimizeLegibility;
-webkit-font-smoothing: antialiased; 

font-family: 'Sura', serif;
font-weight: 300;
font-size: 1.3em;
line-height: 1.5;



}



.span:after,
.span:before{
    content:" \00a0\00a0\00a0\00a0\00a0";
    text-decoration:line-through;
}




p {
margin-bottom: -0.6em;
}


/*more links*/
p a, h2 a
	{
	
	text-decoration: none;
	color: #FFF;
	margin-left: 0.5em;

	font-size: 0.75em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.02em;
	border-bottom: 1px dashed #121212;
	}

p a:hover, h2 a:hover
	{
	border-bottom: 1px solid #FFF;
	}




/*kursive überschriften*/
h1 {
font-size:2.2em;
line-height: 1.4em;  
text-align: center;
font-weight: 400;
margin-bottom: 0em;

}

h1 a, h1 a:visited  { text-decoration: none; color: #FFF; }
h1 a:hover { color: #FF0000; text-decoration: underline; }


/*einleitungen*/
h2 {
margin-top: 1.3em; 
margin-bottom: 1em; 
text-align: left;
font-size: 1.6em; 
line-height: 1.65em;
font-weight: 400; 
letter-spacing: 0.01rem;
font-style: italic;
}



h3 {
font-weight: 400; 
letter-spacing: 0.1em;
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
margin-top: 1em;
margin-bottom: 1.1em;
font-style: italic;
margin-bottom: 2.5em;
margin-top:0.2em;

}





.call {
font-family: "freight-sans-pro", sans-serif;
font-size:5em;
line-height: 1.4em;  
text-align: center;		
}	


img { margin-top:0em; margin-bottom:0em; width: 100%; }



hr {
	margin-top:2em;
	margin-bottom:4em;
    display: block;
    clear: both; 
    float: none;
    border: none;
    border-top: 2px solid #e9e6d4;
}






/*text align center*/
.tac
	{
	text-align: center;
	}





nav
	{
	font-size: 0.8em; 
	line-height: 1.5em;
	text-align: center;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 5em;
	}
	
nav a 
	{ 
	text-decoration: none; 
	color: #121212;
	}

nav li  
	{ 
	display:inline; 
	padding-right: .8em;
	padding-left: .8em;
	}
	
nav ul
	{
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-padding-start: 0px;
	-webkit-margin-end: 0px;
	}


.btn {
text-align: center;
margin-top:4em;
	}

.btn button {
border: none;
cursor: pointer;
padding: 0.4em 1.2em;
margin: 0em 0.3em;
font-size: 1.2em;
outline: none;
opacity: 0.8;
font-weight: 800;
}

.facebook { background: #3B5998; color: white; }
.youtube { background: #e52c27; color: white; }
.twitter { background: #32ccfe; color: white; }
.appstore { background: #333; color: white; }
.shop { background: #da6121; color: white; }
.launchwebsite { background: #333; color: white; }
.paypal { background: #0a84c5; color: white; }


.btn button:hover{ opacity: 1; }




.logos { text-align: center; opacity: 0.85; }
.logos img { width: 15%; margin:0.3em; padding:0px; }






.quotes { padding-left: 3em; margin-top:2.5em;  }



	
	
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

p, h2, h3, h1
		{
		margin-left:2%;
		margin-right:2%;
		}


}





@media only screen and (max-width: 767px)
	{ 
	
	body 
		{
		font-size: 1em; line-height: 1.60em; 
		padding: 2em 2% 2em 2%;
		}
	
	p, h2, h3, h1 
		{
		margin-left:3%;
		margin-right:3%;
		}
	
	
	.logos { text-align: center; opacity: 0.85; }
	.logos img { width: 20%; margin:0.3em; padding:0px; }

	
	
	h1 {  margin-bottom: 0.3em; margin-top: 0.3em;}
	h2 { line-height: 1.45em; }
	
		
		
	.row { font-size: 0.8em; }	
	
	.call { font-size: 3em; }
	#navigation { font-size: 1em; }
	}