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

#container { /*  die totale seite   */
	width: calc(100% - 10px);
	max-width:768px;
	margin: 0 auto;  /*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;
}

#article {  
	width:100%; 
}

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

#telefon {
  margin-top: 40px;
}

#telefon, #spinnanker, #logo {
  float: none;
  //width: 100%;
}

.ctspalte {
	width: 100%;
	margin-right:1%;
}

.c8links {
  width: 100%;
  margin-left: 0px;
  margin-right: 0;
 }

.c8rechts {
 width: 100%;
  margin-left: 0px;
  margin-top: 0;
}

.srechts{
	flex: 1;
	order: 1;
}
.slinks{
	flex: 1;
	order: 2;
}

#footer{
width:100%;
margin-left:0;
}

.logospinnanker {
  margin-left: 0;
}

.ctdoppelspalte {
  width: 100%;
  margin-left: 0;
}



}



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

#container { /*  die totale seite   */
	width: 350px;
}

#header{  
	margin-top:15px;
}

#burger{  
	top:10px;right:0px;
}

#navimliste{/*mobil*/
  
    padding-top:0px;
}

.ctwrap {
	flex-direction: column;
}


.ctgleichespalte {
	width: 100%;
}

 #telefon {
    margin-top: 0;
 }

#sucheworteundtitel{
	margin-left:10px;
	margin-top:10px;
	min-height:10px;
	margin-bottom:0px;
	width:90%;
	border:0px solid;
}

#logo{
	width: 95%;
}


.ctspalte {
	width: 100%;
	margin-right:0;
}



}