*{
	margin:0;
}

body{
    font-family: 'Bitter', serif;
	overflow-x:hidden;
	line-height:140%;
}

.content{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

h1{
	max-width:772px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-shadow:1px 2px 5px rgba(0,0,0,0.4);
}

h2{
	font-size:45px;
	font-weight:400;
	line-height:120%;
}

h3{
	font-weight:400;
	color:#2a96f1;
	font-size: 17px;
}

.linksbild img{
	width:83%;
	float:left;
	margin-right:2%;
	margin-left:-20px;
}

#fragenbutton{
	padding:20px 40px;
	text-decoration:none;
	color:#fff;
	background:#21a31e;
	transition: ease 0.4s all;
}

#fragenbutton:hover{
	opacity:0.8;
}

#bestellenlinks{
	position:fixed;
	top:55vh;
	left:-54px;
	transform:rotate(-90deg);
	z-index:99999;
}

#bestellenlinks a{
	text-decoration:none;
	color:#fff;
	background:#2a96f1;
	padding:15px 25px;
	border-radius:0 0 4px 4px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	transition: ease 0.4s all;
}

#bestellenlinks a:hover{
	background:#fff;
	color:#2a96f1;
}

.rechtstext{
	width:15%;
	float:left;
	margin-top:190px;	
}

.rechtsbild iframe{
	width:83%;
	float:left;
	height:745px;
	margin-right:-90px;
}

.linkstext{
	width:15%;
	float:left;
	margin-top:230px;
	color:#fff;
	margin-right:2%;
	position:relative;
	z-index:9;
}

.neu{
	font-size:60px; 
	line-height:50px;
}

.serifenlos{
	font-family:Arial;
	font-weight:100;
	line-height:140%;
}

#titelbereich{
	background:url(titel-denktal-magazin.jpg);
	background-size:cover;
	padding-top:60px;
	padding-bottom:40px;
	border-bottom:1px solid #2a96f1;
}

#logo{
	text-align:center; 
	margin-top: 5px;
	background:#fff;
	padding:11px 0 14px 0;
	box-shadow:1px 2px 5px #dddddd;
	margin-left:-320px;
	margin-right:-5px;
	margin-bottom:-80px;
}

#logo img{
	max-width:170px;
}

#magazintitel{
	position:absolute;
	top:85px;
	left:50%;
	margin-left:80px;
	z-index:9;
}

#magazintitel img{
	max-width:860px;
}

#einstiegstextkasten{
	width:570px;
	text-align:center;
	padding-top:130px;
	padding-bottom:70px;
	padding-left:150px;
}

#einstiegstext{
	font-size:48px;
	line-height:140%;
	color:#2a96f1;
	margin-top:5px;
}

.zaehler{
	font-size: 30px; 
	padding: 10px 20px; 
	border-radius: 60px; 
	color:#fff; 
	margin-left: -65px; 
	margin-right: 5px; 
	background:#2a96f1;
}

.button{
	padding:10px 20px;
	background:#2a96f1;
	color:#fff;
	text-decoration:none;
	transition: ease 0.4s all;
	pointer:cursor;
}

.button:hover{
	opacity:0.8;
}

.artikel .button{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.links{
	width:45%;
	float:left;
	text-align:justify;
}

.rechts{
	width:45%;
	float:right;
	text-align:justify;
}

.links div, .rechts div{
	margin-bottom:25px;	
}

#innen{
	background:#dddddd;
	position:relative;
	top:122px;
	padding-top:140px;
}

#innenzwei{
	background:#2a96f1;
	padding-top:200px;
}

.hideme{
    opacity:0;
}

.unten{
	text-align:center;
	margin-top:50px;
}

.unten p{
	font-family:Arial;
	line-height:160%;
}

ul li{
	font-family:Arial;
	line-height:160%;
	margin-bottom:6px;
}

#dreispaltig{
	max-width:830px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:12px;
}

#links{
	width:33%;
	float:left;
	text-align:left;
}

#mitte{
	width:18%;
	float:left;
	text-align:left;
}

#rechts{
	width:33%;
	float:right;
	text-align:left;
}

#footer{
	background:#333;
	padding:35px 0 25px 0;
	margin-top:30px;
}


.interviewfrage{
	font-weight:bold;
	color:#2a96f1;
}

.read-more-state {
  display:none;
}

.read-more-target img{
  display:none;
  transition: all 0.3s ease;
  float:right;
  border: 4px solid #fff;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.24);  
  margin-bottom: 20px;
  margin-left: 20px;
}

.read-more-target h2{
	display:none;
}

.read-more-target {
  display:block;
  font-size: 0;
  transition: all 0.5s ease; 
  padding-top:5px;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  display:block;
  font-size: inherit;
  max-height: 999em;
  width:auto;
  margin-top:-17px;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target .weiterbutton a{
	padding:3px 12px;
	background:#333;
	color:#fff;
	border-radius:8px;
	border:2px solid #fff;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Interview anzeigen';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Interview ausblenden';
}

.read-more-trigger{
  	cursor: pointer;
  	display: inline-block;
	background:#2a96f1;
	padding:10px 20px;
	padding-top:4px;
	padding-bottom:4px;
	color:#fff;
	transition: ease 0.4s all;
}

.read-more-trigger:hover{
	opacity:0.8;	
}

#footericon{
	background:#2a96f1;
	border-radius:200px;
	width:180px;
	height:180px;
	position:relative;
	float:right;
	top: -60px; right: 90px;
	transform:rotate(-3deg);
	box-shadow:1px 3px 6px rgba(0,0,0,0.3);
}

#footericon p{
	width:160px;
	text-align:center;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	font-size:12px;
}

#kontaktecke{
	position:fixed;
	text-align:center;
	transform:rotate(-26deg);
	color:#fff;
	line-height:130%;
	background:#2a96f1;
	width: 240px; 
	padding-left: 50px; 
	padding-right: 366px; 
	left: -80px; 
	top: -115px; 
	padding-top: 96px;
	padding-bottom:15px;
	box-shadow:2px 2px 7px rgba(0,0,0,0.4);
	z-index:999;
}

#umbruch{
	font-size:12px;
	font-family:Arial;
	line-height:125%;
	margin-bottom:6px;
}

.nurmobil{
	display:none;
}

@media only screen and (max-width:1375px) {
	h1{
		margin-left:370px;
	}
	
	.links, .rechts{
		width:100%;
		float:none;
		text-align:center;
	}
	
	.zaehler{
		margin-left: 0px; 
		margin-right: 0px; 
	}
	
	.nurmobil{
		display:block;
	}


}

@media only screen and (max-width:1225px) {
	h1{
		margin-left:auto;
	}
	
	#kontaktecke{
		transform:rotate(0deg);
		width:100%;
		top:0;
		left:0;
		padding:10px 0 10px 0;
	}
	
	#umbruch{
		display:none;
	}
	
	#titelbereich{
		margin-top:35px;
	}
	
	#magazintitel{
		position:relative;
		left:0;
		margin-left:0;
		top:0;
		text-align:center;
	}
	
	#magazintitel img{
		width:100%;
		max-width:600px;
	}
	
	#logo{
		margin-left:0;
	}
	
	#logo img{
		width:90%;
		max-width:200px;
	}
	
	#einstiegstextkasten{
		padding:0;
		width:100%;
	}
	
	#innen{
		top:40px;
		padding-top:30px;
	}
	
	#innenzwei{
		padding-top:80px;
	}
	
	.content{
		width:100%;
	}
	
	.linksbild img, .rechtsbild iframe{
		width:100%;
		float:none;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
	}
	
	.linkstext{
		margin-top:20px;
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:-20px;
	}
	
	.rechtstext{
		float:none;
		margin-top:0;
		width:100%;
		text-align:center;
		margin-bottom:-20px;
	}
	
	#dreispaltig{
		width:100%;
	}
	
	#links, #mitte, #rechts{
		text-align:center;
		width:100%;
	}
	
	#mitte{
		margin-top:-20px;
		margin-bottom:20px;
	}

	#footericon{
		display:none;
	}
}

@media only screen and (max-width:790px) {
	#titelbereich h1{
		text-align:center;
	}
	
	.neu{
		margin-left:0 !important;
	}

	#bestellenlinks{
		display:none;
	}
}