body, div, span, p, b, td, li, br, a, h1, h2, h3, h4, h5 {font-family: "Verdana", sans-serif}

* {
  box-sizing:border-box;
}

.aussen {
  background-color:#607d8b;
  padding:50px;
  padding-left:50px;
  float:left;
  width:75%;
}

.zeile {
  background-color:#607d8b;
  padding-left:20px;
  padding:20px;
  float:left;
  width:100%; 
}

.inhalt {
  padding-top:10px;
  padding-right:12px;
  padding-left:10px;
  background-color:#FFFFFF;
  float:left;
  width:50%;
  overflow: hidden;
  box-sizing:border-box;
}

.inhalt2 {
  padding-top:10px;
  padding-right:12px;
  padding-left:10px;
  background-color:#FFFFFF;
  float:left;
  width:33%;
  overflow: hidden;
  box-sizing:border-box;
}

.inhalt3 {
  padding-top:10px;
  padding-right:12px;
  padding-left:10px;
  background-color:#FFFFFF;
  float:left;
  width:65%; 
  overflow: hidden;
  box-sizing:border-box;

}

.inhalt4 {
  padding:0px;
  float:left;
  width:75%; 
}

.unten {
  padding:9px;
  float:left;
  width:100%; 
  background-color:#607d8b;

}


@media only screen and (min-width: 801px) and ( max-width: 1200px ) { 
 .aussen {width:100%; padding-left:20px;}
 .zeile {width:95%; margin-left:2%; margin-right:1%; margin-top:3%;}
 .inhalt {max-width:50%; min-width:50%;}
 .inhalt2 {max-width:33.3%; min-width:33.3%;}
 .inhalt3 {max-width:65%; min-width:65%;}
 .inhalt4 {max-width:100%; min-width:100%;}
 .bild {max-width: 50%;}
 .unten {width:100%; padding-left:20px;}
}
 
@media only screen and (max-width: 800px) {
 .aussen {width:100%; padding-left:10px;}
 .zeile {max-width:100%; min-width:100%; margin-left:2%;}
 .inhalt {max-width:70%; min-width:70%;}
 .inhalt2 {max-width:100%; min-width:100%;}
 .inhalt3 {max-width:100%; min-width:100%;}
 .unten {width:100%; padding-left:20px;}
 .bild {max-width: 100%;}
 .bild1 {max-width: 50%;}
 .bild2 {display: none;}
}
.zoom:hover {
 transform: scale(1.2);
margin-left: -2%; margin-right:auto;
border:1px solid #FEFEFE!important;
-webkit-transition: all 0.8s linear;
}
}
 
@media only screen and (min-width: 1600px) and ( max-width: 2100px ) { 
  .left {width:13%;}
  .inhalt3 {max-width:75%; min-width:75%;}
  .main {width:57%;}
  .right {width:17%;}
  .rightend {width:13%;}  
}