/* WEB FONT */

@charset "UTF-8";
/* CSS Document */


@font-face 
{		
			
	font-family: 'Elektra';																/*  Für normale Texte */
			src: 	url('../fonts/elektra_light_pro.eot#') format('eot');
			src:	url('../fonts/elektra_light_pro.eot?#iefix') format('embedded-opentype'),
			 		url('../fonts/elektra_light_pro.woff') format('woff'), 
					url('../fonts/elektra_light_pro.ttf')  format('truetype'), 
					url('../fonts/elektra_light_pro.svg#Elektra') format('svg');
	font-weight: normal;
  	font-style: normal;				  
}

/*
@font-face {
	font-family: 'Avenir Next';
	src: url('http://berlonia.de/fonts/AvenirNext-Regular.eot') format('eot');
	src: url('http://berlonia.de/fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://berlonia.de/fonts/AvenirNext-Regular.woff2') format('woff2'),
		url('http://berlonia.de/fonts/AvenirNext-Regular.woff') format('woff'),
		url('http://berlonia.de/fonts/AvenirNext-Regular.ttf') format('truetype'),
		url('http://berlonia.de/fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

			
/* RESET */
* {
	margin: 						0;
  	padding: 						0;
  	border: 						0;
}

/* BASIC */
body 
{
	background-color:				#fff;
	font:							normal 18px "Elektra"; /**/
	-webkit-user-select: 			none;
	-webkit-touch-callout: 			none;	
	-webkit-text-size-adjust: 		none;	 
/*	-webkit-tap-highlight-color: #ccc;	/**/	
}

div
{
/*	font:							normal 1.0em/1.0em "Elektra"; /**/
}

h1, h2 
{
	font: 							normal 1.6em "Elektra";
	color: 							#6f6f6f;
	text-decoration: 				none;
	text-transform: 				uppercase;
	text-align: 					center;
	margin-top: 					0px;
	padding: 						20px 0 40px 0;
}

h3
{
	font: 							normal 1.2em "Elektra";
	color: 							#9f9f9f; 	
  	text-decoration:				none;
	text-transform:					uppercase;
	text-align:						center;	
	padding:						0px;
	padding-top:					0px;
	padding-bottom:					20px;
}

h4
{
	font: 							normal 1.4em "Elektra";
	color: 							#3d3d3d; 	
  	text-decoration:				none;
	text-transform:					uppercase;
	text-align:						center;	
	padding:						0px;
}


h5 
{
	font: 							normal 0.8em "Elektra";
	color: 							#3d3d3d; 	
  	text-decoration:				none;
	text-transform:					uppercase;
	text-align:						center;	
	padding:						40px;
	padding-top:					10px;
}

h6 
{
	font: 							normal 0.8em "Elektra";
	color: 							#3d3d3d; 	
  	text-decoration:				none;
	text-transform:					uppercase;
	text-align:						center;	
	padding:						40px;
	padding-top:					10px;
}


p {
  	font: 							normal 1.0em "Elektra";
  	color:							#3d3d3d; 
  	text-decoration: 				none;
	text-align: 					justify;	
	margin-top:						0px;
}

a:link, a:visited
{
	font:							normal 18px "Elektra";
  	color: 							#3d3d3d; 
  	text-decoration: 				none;
	-webkit-tap-highlight-color: 	rgba(0,0,0,0);	
}

a:hover, a:active 
{
	font:							normal 18px "Elektra";
  	color: 							#900; 
  	text-decoration: 				none;
	-webkit-tap-highlight-color: 	rgba(0,0,0,0);
}

 @media screen and (min-width: 620px) and (min-height: 440px)
{
a:link, a:visited
{
	font:							normal 22px "Elektra";
  	color: 							#6f6f6e; 
  	text-decoration: 				none;
}	
a:hover, a:active 
{
	font:							normal 22px "Elektra";
  	color: 							#e01021; 
  	text-decoration: 				none;
}	

}

main
{
	margin:							0px;
	width:							100%;
	background: 					#fff;	/**/		
}

section
{
	display: 						block;
	position: 						relative;
	float:							left;
	height:							auto;
	width:							100%;
	margin-left:					auto;
	margin-right:					auto;		
	background: 					#fff;	
	z-index:						0;
/*	-webkit-box-shadow: 		 	0px 0px 5px 1px rgba(0,0,0,0.45);
	-moz-box-shadow: 				0px 0px 5px 1px rgba(0,0,0,0.45);
	box-shadow: 					0px 0px 5px 1px rgba(0,0,0,0.45);
*/	
}

div
{
	-webkit-box-shadow: 		 	none;
	-moz-box-shadow: 				none;
	box-shadow: 					none;
}

.background
{
	display: 						block;		
	background-repeat: 				no-repeat;
	background-size: 				cover; /*100% auto;/**/
	overflow:						hidden;	
	width:							100%;		
}

article
{
  	position: 						relative;
	width:							100%;
	max-width:						1250px;
	margin-left:					auto;
	margin-right:					auto;	
}

.kursiva
{
	font-style:						normal; /*italic; /**/
	color:							#ed7305; /*#ffae02; /* #f7ad00; /**/
}

.greeny, .greeny a
{
	font: 							normal 1.0em "Elektra";
	font-style:						normal; /*italic; /**/
	color:							#b5f949; /*#ffae02; /* #f7ad00; /**/
	background-color:				#3d3d3d;
}

.more
{
	position:						relative;
	float:							left;
	width: 							170px;	
	margin-top:						40px;
	margin-left:					10%;
	background:						none;	
}

.more 
{
	color:							#3d3d3d; /*#ed7305;*/
}

.more :hover
{
	color:							 #3d3d3d;/*#ed7305;*/
}


.plus_icon a
{
	position:						relative;
	float:							left;	
	background-image: 				url(../bilder/icons/arrow_darkgrey.svg); 
	background-size: 				20px 20px;
	background-repeat: 				no-repeat;
	width:							200px;
	height:							20px;	
}

.plus_icon a:hover
{
	background-image: 				url(../bilder/icons/arrow_darkgrey.svg);
	background-size: 				20px 20px;
	background-repeat: 				no-repeat;
	width:							200px;
	height:							20px;		
}

.plus_icon a div
{
	-webkit-transition-duration: 	1.2s, 0.4s;
	transition-duration: 			1.2s, 0.4s;
	padding-left:					40px;
}


.plus_icon a:hover div
{
	-webkit-transition-duration: 	1.2s, 0.4s;
	transition-duration: 			1.2s, 0.4s;
	padding-left:					55px;
}

.plus_text
{
	position:						relative;
	float:							left;
	font: 							normal 1.0em "Elektra";	
	text-align:						left;
	padding-left:					35px;
	margin-top:						-3px;		
}