/* STYLESHEET */

/* Media Queries --------------------------------------------------------------------------------------------------------- */

@media only screen /* Smartphones und Geräte mit einer Breite von Maximal 768px */
        and ( max-width : 767px )

{

/* Image Klassen für Blogposts */
.alignleft, .alignright, .aligncenter {width:100%; height: auto; padding: 10px 0;}

/* Grid */
.grid-pad, .grid {
         width: 100%;
         min-width: 0;
         margin-left: 0px;
         margin-right: 0px;
}
[class*='col-'] {
         width: 100%;
         float: none;
         margin-left: 0px;
         margin-right: 0px;
}
.grid > [class*='col-'] {
         margin-bottom: 0px;
}
.grid-pad > [class*='col-']:last-of-type { margin-bottom: 0px; }

.content { padding: 20px 20px; }

/* Anpassungen*/
.mobile-header { display: block; }
.normal-header { display: none; }	
.mobile-header .mh-logo {text-align:center;display:block;}	
.mobile-header .claim {
	float: unset;
    text-align: center;
	display:block;
	margin:0;
	font-family:'Roboto', sans-serif;
	font-weight:100;
	}
	
.headertitle h1, .subhealine{font-size: 2.2em;}

.impressum	h2, .impressum	h3 {font-size:20px;}
.impressum	h1, .impressum	h2, .impressum	h3 {line-height:1em;}
.impressum p {line-height:1.2em;}	
	
.startseite .erstespalte img, .leistungen img {width:150px;height:auto;}
.startseite .erstespalte h2 {margin:10px 0;}	
.cto {margin:80px 0;}	
.cto a {padding:20px;}	
	
#datenschutz { column-count: 1;	}

	
} /* Ende @media only screen and ( max-width : 767px ) */

/* Media Queries --------------------------------------------------------------------------------------------------------- */

@media only screen /* Smartphones und Geräte mit einer Breite von Maximal 768px */
        and ( max-width : 767px )
        and ( orientation : landscape )

{

}


/* Media Queries --------------------------------------------------------------------------------------------------------- */
@media only screen /* Tablets allgemein */
        and ( min-width : 768px )
        and ( max-width : 1024px )

{
/* Image Klassen für Blogposts */
.alignleft, .alignright, .aligncenter {width:100%; height: auto; padding: 10px 0;}

}

 /* Ende ( min-width : 768px ) and ( max-width : 1024px ) */

/* Media Queries --------------------------------------------------------------------------------------------------------- */
@media only screen /* Tablets im Querformat */
        and ( min-width : 768px )
        and ( max-width : 1024px )
        and ( orientation : landscape )

{

} /* Ende ( min-width : 768px ) and ( max-width : 1024px ) and ( orientation : landscape ) */

/* Media Queries --------------------------------------------------------------------------------------------------------- */
@media only screen /* Tablets im Hochformat */
        and ( min-width : 768px )
        and ( max-width : 1024px )
        and ( orientation : portrait )

{

/* Grid anpassungen */
.col-4-1, .col-6-1, .col-6-2, .col-4-1, .col-4-3 {

         width: 50%;
         float: left;
         margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 10px;
}

/* Loop */
.clear, .clearboth { clear: both; border-bottom: 1px solid #e6e6e6; }
.clear:last-of-type, .clearboth:last-of-type { border-bottom: 0px; }

} /* Ende ( min-width : 768px ) and ( max-width : 1024px ) and ( orientation : portrait ) */