/* lagercontainer.css */

@font-face { font-family: 'Capture it'; src: url('Capture it.ttf') ; }    /*format('truetype')*/
.normalschrift, body ,.teloben{font-family:"Comic Sans","Helvetica Neue",Helvetica,Arial;}
.containerschrift {font-family: 'Capture it', "Helvetica Neue",Helvetica,Arial;}

/* auf index.html */
.right,.left {width:96%;float:left;}
@media only screen and (min-width: 850px) {
.right{width:60%; margin:0;float:left;}
.left{width:35%; margin:0;float:left;padding-left:5%;font-size:1.2em;}
}
/* auf mietpreise.html 
.right2{width:70%; margin:0;float:left;}
.left2{width:25%; margin:0;float:left;padding-left:5%;font-size:1.2em;}

@media only screen and (max-width: 600px) {
.right,.right2,.left, .left2 {width:100%;}
}
*/
.main {width: 80%; margin:auto;}

/* auf mietpreise.html */
.main2{ position:relative; width: 100%;margin:auto;}

.oben{ width:100%; margin:0;} 

#ueber {
font-family: 'Capture it', "Helvetica Neue",Helvetica,Arial;
font-size:2.5em;background-color:#53aa64; color:#e2e2e2;padding:0.5% 2%; 
background-repeat:repeat;
background-size:contain;
background-position:left;
}
.teloben {}
@media only screen and (min-width: 930px) {
.teloben {float:right;color:white;}
}
.bgblau {background-image:url('container_blau.jpg');color:#e2e2e2;}
.bggruen {background-image:url('container_gruen.jpg');color:yellow;}
.bgrot {background-image:url('container_rot.jpg');}
.bggelb {background-image:url('container_gelb.jpg');}


nav ul {display:flex; flex-wrap: wrap;}
nav li {position:relative;float:left; list-style:none;color: white; padding: 5 ;}
nav li a {text-decoration:none; font-weight:500; font-size:1.5em;}
nav li a:link, li a:visited, li a:hover, li a:active{color:/*#e2e2e2;*/ gray; line-height: 1em;}
@media only screen and (min-width: 850px) {
nav{ height: 10%;}
nav li {padding: 10 20;}
}
a:link , a:visited, a:hover, a:active{color:white;}
.box {
height:auto !important;
// min-width:40%;
width: 100%;
float:left;
background-size:cover;

 }

@media only screen and (min-width: 1000px) {
  .box {width:50%; height:30%;background-size:cover;}
}
@media only screen and (min-width: 1160px) { 
  .main2 {width:90%;}
}
 
 
 /*
 @media only screen and (max-width: 320px) {
 .box {width:100%; background-size:cover;}
 .main2 {width:100%;}
 }*/
h1 {
	color: #444444;
    margin: 1em 0;
    font-weight: 500;
}
.left h3{margin-bottom:0.5em;margin-top:1em;}
.box h1 {color:inherit;}
.mitte {
	text-align:center;
}
.box h1 {/* letter-spacing: 0.09em;*/ margin-top: 10%; margin-bottom: 5%; margin-left:5%;font-size:2.5em;white-space:nowrap;font-weight:800;}

.boxtext {margin: 5%; line-height:1.7; font-size:1.5em; font-family: "Helvetica Neue",Helvetica,Arial;}
.no {color:white;}
/*
.table {display:table;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}

// #box1 h1 {color:yellow;}
// #box2 h1 {color:white;}
#box1{color: yellow; background-image:url('Grundcontainer-01-kl.jpg');background-size:cover;}
#box2{color:#e2e2e2;;background-image:url('Grundcontainer-02-kl.jpg');background-size:cover;}
#box3{background-image:url('Grundcontainer-03-kl.jpg');background-size:cover;}
#box4{background-image:url('Grundcontainer-04-kl.jpg');background-size:cover;}
*/