@media (max-width: 767px) 

{
	.mobilesmmmenu {max-width: 100% !important; padding: 0 10% !important;}
	
	.hunderter .ce-bodytext {display: none;}
	.mobilehead {display: inherit; width: 100%; display: inline-block;}
	
	header {display: block !important;} 
	
	.hiddenmobile {display: none;}
     .hotline,  
	.logo {width: 100% !important;}
	.mobilelogo {display: inherit;}
	.mobilelogo .ce-gallery img {width: 200px;}
	.kopfbereich .col-3 {
    width: 100% !important;
    float: right;
    flex: inherit;
		max-width: inherit;
}
	.blau {margin-bottom: 20px !important;}
	
	#pageid1 main .blau h3 {
    min-height: inherit;
}
	#pageid1 .kasterl .col {margin-top:20px;}
	
	#slickid-40 .ce-gallery {float: none !important;}
	
	.headerimage img {width: 100%; height: auto;}
	
	.headerimage .grafikelement {display: none;}
	main {
    margin-top: 0px;
}
	
	main h4 {
    font-size: 2rem;
}
	
	.mobilesmmmenu .mm-listitem a, .mobilesmmmenu .mm-listitem span {
    padding-right: 50px !important;
}
	
	
	main p {
    font-size: 16px;
      line-height: 27px;
  
}
	
	
	.borderwhite {margin-bottom: 20px;}
	
	.logo img {max-width: 170px; float:right;}
	
	
	h1, .h1 {
		font-size: 28px !important;
}
	
		h2, .h2 {
		font-size: 24px !important;
}
	
		h3, .h3 {
		font-size: 18px !important;
}	
	
	
	.logo .ce-bodytext p {
  
    right: 208px;
}
	
.mobilelogo {
    display: inherit;
	max-width: 230px;
	padding-top: 20px;
}
	
	
.footercontainer .col-4 {
    width: 100%;
    flex: inherit;
    max-width: inherit;
    text-align: center;
}
	
	.copyright {
		font-size: 10px;}
	
	.spruch .ce-bodytext {
    color: #fff !important;
    font-size: 24px;
}
	
}