/*intro*/

#affirmation {
	display:none;
}

#left {
	padding-bottom: 1em;
}

#text.intro {
    padding:0;
    width:104.7%;
    margin-left:-2.05%;  
}

#text.intro h1.intro {
    color:#FDB646;
    padding:3% 0;
    text-align:center; 
}

.introMobil {
    display: none;
}


.listeKachel {	
    margin:0 auto;
    margin-top:.4em;
    width:100%;
}


/*-error validate: bug: https://www.w3.org/Bugs/Public/show_bug.cgi?id=18913-*/

.topicparent {
    position: relative;
    float: left;
    /*
    width: calc((100% - 66px) / 3);
    */
    width: calc(100%/3 - 66px/3);  
    border: 10px solid #fff;   
}

.topic {		
    margin:0;
    padding:0;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.topic .textKachel {
    padding: 5%;/*1em;*/
    min-height: 85%;
	background-color:#e5e5e5;
	background-color:#e0e8ee;
}	

.topic .textKachel h3 {		
    padding-bottom:.5em;
}	

.variaparent {
    position: relative;
    float: left;
    /*
    width: calc((100% - 66px) / 3);
    */
    width: calc(100%/3 - 66px/3);  
    border: 10px solid #fff;    
}

.variaparent .variaproportions {
    margin-top: 30%;
}

.varia {		
    position: absolute;
    margin:0;
    padding:0;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}

.varia .bildKachel img{		
    display:block;
    margin:0;
    padding:0;
    max-width: 100%;
}	

.varia .textKachel {		
    padding: 5%;/*1em;*/
    height: 68%;
	background-color:#a9b3bb;
	background-color:#e0e8ee;
	background-color:#e5e5e5;
}	

.varia .textKachel h3 {
 	line-height:110%;		
    padding-bottom:.5em;
}	

.varia .textKachel p {
	line-height:165%;
}

#right #response {
	margin:0;
	padding:0;
	border-top:30px solid #fff;	
}

#right #response ul {
	padding:0;
	margin:0;
	margin-left:2%;
}

#right #response ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;

}

#right #response ul li.share {
	margin:0 ;
	padding:0;
	text-align:left;
	margin-bottom:1em;
}

#right #response ul li.tweet {
	margin:0;
	padding:0;		
	text-align:left;
}

.CMS_LINK_EDIT img {
	position: fixed;
	top: 14em;
	padding: 0px; 
	border: 3px solid red;
}

.CMS_LINK_SAVE img  {
	display:none;
}

@media screen and (min-width:2300px) and (max-width:2560px)  {
	#main-content h1.intro {
		font-size: 1.35vw;	
	}
}

@media screen and (min-width:2000px) and (max-width:2300px)  {
	#main-content h1.intro {
		font-size: 1.35vw;	
	}
}


@media screen and (min-width:1680px) and (max-width:2000px)  {
	#main-content h1.intro {
		font-size: 1.7vw;	
	}
}

@media screen and (min-width:1360px) and (max-width:1680px) {
	#main-content h1.intro {
		font-size: 2.1vw;	
	}	
}


@media screen and (min-width:1024px) and (max-width:1360px)  {
	#main-content h1.intro {
		font-size: 2.2vw;	
	}
}


@media screen and (min-width:768px) and (max-width:1024px)  {
	#main-content h1.intro {
		font-size: 2.4vw;	
	}
	
	.gelb .varia1	 {
		display:block;
	}
	
	.gelb .varia2 {
		display:none;
	}

}


@media screen and (max-width:768px){
	#header #toggle{
		display:none;		
	}
	
	#header #affirmation{
		display:block;
		float:left;		
		width:5%;
		position:relative;		
		margin:0;
		padding:0;		
	}
	
	#header #affirmation img{
		display: block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;			
	}
	
	.lineMobil {
		border:none;
	}

	#main-content h1.intro {
		font-size: 3.2vw;	
	}
	
	.introMobil .titelMobil h1{
		font-size: 3.2vw;    	   
	}
	
	.introMobil .textKachel a	{
		font-size:2.22vw !important;		
	}
	
	.introMobil .topicparent .topic .textKachel a {  
		font-size:2.22vw !important;	
	}	
	
	.introDesktop .topic h3 a 	{
		font-size:2.75vw !important;	
	}	

	#main #left .menu {
		border:none;
	}
	
	h1.intro {
		display:none;
	}
	
	.titelMobil h1{
 	   color:#FDB646;
 	   padding:3% 0;
 	   text-align:center;     	   
	}

	.introMobil{
	    display: block; 			    	    
	}
	
	
	.introMobil .topic .textKachel {		
		background-color:#1662a4;
		margin:0 !important;
		padding:3% !important;
		height:1em !important;	
	}
	
	.introMobil .topic .textKachel a {
	    -webkit-hyphens: none !important;
	    -moz-hyphens: none !important;
	    -ms-hyphens: none !important;
 	   -o-hyphens: none !important;
	    hyphens: none !important;
		color: #d7d7d7 !important;	
		text-align:center !important;
		margin:0 auto !important;
		padding:0 !important;	  	
	}	

	.introDesktop .topic h3,
	.introDesktop .varia h3		 	{
		line-height:115% !important;
	}
		

	#right.mobil {
		display:none;
	}	
}	


@media screen and (max-width:667px){

	.titelMobil h1{
		font-size: 4vw !important;
	}
	
	.introMobil .topicparent .topic .textKachel a {  
		font-size:3.2vw !important;		 
	}	

	.introDesktop .topic h3 a  {
		font-size: 3.5vw !important;
	}	

	#main {
		margin-left:3%;
	}

	.introMobil {
		margin:-.75em 0 0 0;
	}

	.titelMobil h1{
		margin:.25em 0 0 -2.5%;	
		padding: 0 20%;
	}	

	.introMobil .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}
	
	.introDesktop .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}

	.introDesktop .variaparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}		
	
	.introDesktop .variaparent .textKachel h3  {
		margin-top:-2%;
	}
}
	
@media screen and (max-width:640px){
	#header #affirmation {
		width:6%;		
	}	

	#main {
		margin-left:4.5%;
	}

	.introMobil .listeKachel .topicparent .textKachel a{
		font-size:3.2vw !important;					
	}

	.introDesktop .listeKachel .topicparent .textKachel h3 a {
		font-size:3.6vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel p {
		font-size:3vw !important;
	}	

	.introMobil .topicparent,
	.introDesktop .topicparent,
	.introDesktop .variaparent	{	
		border:6px solid white;
	}	

	.introMobil .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}
	
	.titelMobil h1{
		margin-left:-2.5%;	
		padding:0 10%;
	}

	.introDesktop .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}
	
	.introDesktop .variaparent{
		position: relative;
 	   	float: left;
 	   	width: 45%;
	}		
	
	.introDesktop .variaparent .textKachel h3 {
		margin-top:-2%;
	}

	.introDesktop .variaparent .textKachel h3 {
		line-height:100% !important;
	}		
}	


@media screen and (max-width:480px){

	#header #affirmation {
		width:7%;	
		margin-left:0;
	}

	#main {
		margin-left:1%;
	}


	.titelMobil h1{
		font-size:4.3vw !important;
	}

	.introMobil .topicparent .topic .textKachel a {
		font-size:3.4vw !important;	
	}
	
	.introDesktop .listeKachel .topicparent .textKachel h3 a {
		font-size:4vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel p {
		font-size:3.5vw !important;
	}
	
	.introDesktop .listeKachel .variaparent .textKachel h3 a {
		font-size:4vw !important;
	}	

	.titelMobil h1{
		padding:0;
	}
	
	.introDesktop .variaparent .textKachel h3  {
		margin-top:-4%;
	}

	.introMobil .topicparent,
	.introDesktop .topicparent,
	.introDesktop .variaparent	{	
		border:4px solid white;
	}	

	.introMobil .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 47%;
	}
	

	.introDesktop .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 47%;
	}	

	.introDesktop .variaparent{
		position: relative;
 	   	float: left;
 	   	width: 47%;
 	}

	.introDesktop .listeKachel .variaparent .textKachel {
		padding-top:6%;
	}

}
@media screen and (max-width:420px){
	
	#main {
		margin-left:-2%;
	}

	#header #affirmation {
		width:11%;	
		margin-left:1%;	
	}
	
	.introMobil .topicparent,
	.introDesktop .topicparent,
	.introDesktop .variaparent	{	
		border:9px solid white;
	}

	.titelMobil h1{
		font-size:6.5vw !important;
	}
	
	.introMobil .listeKachel .topicparent .textKachel a{
		font-size:5.5vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel h3 a {
		font-size:6.5vw !important;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel p {
		font-size:5.2vw !important;
	}	

	.introDesktop .listeKachel .variaparent .textKachel h3 a {
		font-size:6.5vw !important;
	}

	.titelMobil h1{
		padding-top: 4% !important;
	}

	.introMobil .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 95%; 
 	   	margin:0 !important;
  	   	padding:0 !important;	
	}
	
	.introDesktop .topicparent{
		position: relative;
 	   	float: left;
 	   	width: 95%;
	}	
	
	
	.introDesktop .variaparent{
		position: relative;
 	   	float: left;
 	   	width: 95%;
	}


	.introDesktop .listeKachel .variaparent .textKachel h3{
		margin-top:-2%;
	}
	
	.introDesktop .listeKachel .topicparent .textKachel h3 a,
	.introDesktop .listeKachel .variaparent .textKachel h3 a	 {
		line-height:120%;
	}

}


h1.hidden {
display:none;	
}

navigation.hidden {
display:none;	
}