@media (max-width: 1024px){ /*##ipad hoch*/

#container { /*  die totale seite   */
	width: 768px;
	margin: left;  /*Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. Er ist nicht erforderlich, wenn Sie die Breite von .container auf 100 Prozent setzen. */
	overflow: hidden; 
	padding-left:5px;
	padding-right:5px;
	margin: 0 auto;
	position:relative;
	left:0px;
}

#article {  
	width:100%; /*//width:480px; */
	min-width:10px;
	position:relative;
}


#navimobil{  display: block;   margin-left:0px; }
#navidesk, #naviwrap{  display: none; }
#burger{  
	top:22px;right:10px;
}


.ctrechts {
	width: 420px;
}

#dlvor {
	width:210px;
}

#dlnach {
	width:210px;
}

#header{  
	margin: 0 auto;
	margin-top:30px;
	width: 768px;
}
#logo{
	left:14px;
}

#article {
	margin-left:12px;
}

#sprachenliste{
	right:70px;
}

}


@media (max-width: 768px){ 


#header{  
	width: 480px;
	position:relative;
	height:164px;
}

#container { 
	width: 470px;
	margin: 0 auto;
}

#article {
	margin-top:22px;
	margin-left:12px;
}

.ctwrap {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
}

.ctrechts{
	flex: 1;
	order: 1;
	-webkit-order:1;
}

.ctlinks{
	flex: 1;
	order: 2;
	-webkit-order: 2;
	padding-top:0px;
	padding-bottom:0px;
}

.cthome{
	padding-top:12px;
	padding-bottom:24px;
}

.ct10wrap{
	margin-bottom:72px;
}

.ct10titel, .ct10text{
	margin-left:0px;
}
.ct10text{
	width:98%;
}
/*
}

@media (max-width: 480px){ 
*/


#header{  
	width: 310px;
}

#container {
	width: 310px;
	/*background:#eeeeee;*/
	padding-left:0px;
}


#article {
	margin-left:5px;
}

#logo{
	left:5px;
}

.ctrechts{
	width: 98%;
}

#burger{  
	top:22px;right:5px;
}

#sprachenliste{  
	top:36px;
	right:5px;
}

.ctwrap {
	flex-direction: column;
}

.ctrechts{  /*  kann iphone kein flex?   */
	/*margin-top:36px;*/
}

.ct10wrap{
	margin-bottom:36px;
}

.ct10titel{
	padding-top:12px;
	height:132px;
}

.ct10wrap .bilddiv{
	margin-top:-60px;
}

}