/* Umrechnung rem in Pixel:   px = 16 * rem * font-size
/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Small screens (default) */
html { font-size: 100%; }
.menuepunkt, .menuepunkt li { width:17.8rem; }
.untermenuepunkt li{ width:17.8rem; font-size: 90%; }
table.termine th { display: none; }
table.termine td { font-size: 80%; }
#standortauswahl { display: none; }
.untermenuepunkt {padding-left: 0px;}
.cal td { height: 1.5rem }
/* div#noportrait { display: block; }  */
.untermenuepunkt {padding-left: 0px; }

/* IPhone 569*320px */ 
@media (min-width: 30rem) {
html {font-size: 108%; }
.menuepunkt, .menuepunkt li { width: 29rem; font-size: 100%; }
.untermenuepunkt li{ width:27.8rem; font-size: 100%; }
table.termine th { display: none; }
table.termine td { font-size: 80%; }
.untermenuepunkt {padding-left: 1rem; }
}

 
/* Medium screens (640px) */
@media (min-width: 40rem) {
html { font-size: 112%; }
.menuepunkt { width:29rem; }
.menuepunkt li{ width:29rem; font-size: 100%}
.untermenuepunkt li{ width:26.5rem;  }
table.termine th { display: table-cell; }
table.termine td { font-size: 100%; }
.cal td { height: 1rem }
/* FAUX Column */
#navundcontent { 
  background-image:url("../designs/essen/img/hintergruende.gif"); 
  background-position:25% 0;
  background-repeat:repeat-y;
}
}
 
/* Large screens (1024px) */
@media (min-width: 64rem) {
html { font-size: 120%; }
.menuepunkt { width:34rem; }
.menuepunkt li{ width:34rem;  font-size: 100%}
.untermenuepunkt li{ width:33rem;  }
table.termine th { display: table-cell; }
table.termine td { font-size: 100%; }
#standortauswahl { display: block; }
div#noportrait { display: none; }
}

.container {
margin: 0 auto;
max-width: 48rem;
width: 90%;
}

/* Fuer breite Bildschirme */
@media (min-width: 40rem) {
.column {
	float: left;
	padding-left: 1rem;
	padding-right: 1rem;
}
.column.voll { width: 100%; }
.column.zweidrittel { width: 66.7%; }
.column.halb { width: 50%; }
.column.drittel { width: 33.3%; }
.column.viertel { width: 25%; }
.column.dreiviertel { width: 75%; }
.column.flow-opposite { float: right; }
}


/* Clearfix by Nicolas Gallagher */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* Clearfix Ende */

/* Responsive Images */
img { max-width: 100%; }

.blau { }