@media only screen and (orientation:portrait) {
	*        { font:bold 2.25vh Arial; }
	.quer    { display:none; }	
}

@media only screen and (orientation:landscape) {
	.hoch    { display:none; }
}

@media only screen and (orientation:landscape) and (min-width:1000px) { * { font:bold 100%  Arial; } }
@media only screen and (orientation:landscape) and (max-width: 999px) and (min-width:700px) { * { font:bold 1.5vw Arial; } }
@media only screen and (orientation:landscape) and (max-width: 699px) { * { font:bold 100%  Arial; } body { font:bold 91% Arial; } }/* 91% */

@media only screen { body { padding:0; margin:0; width:100%; height:100%; position:relative; } }

html         { width:100%; height:100%; }

/*body         { position:relative; }  background-color:#FC9; */
.hinterGrund { background:url('bilder/obst_blass.png');
               background-size:contain; background-repeat:no-repeat; background-position-x:right; }
/* background-position:90% 90%;
.haupt       { color:#333; line-height:1.5em; padding-left:5%; font-size:1.2em; } */

/* fuer kopf  mit logo (koch-maus), titel, zusatz (wie im raum HDH...), home-knopf */
a.hoch.zusatz:active, a.quer.zusatz:active { opacity:.5; }
.flex        { display:flex; align-items:center; }
.quer .flex  { padding:1% 1% 0 1% }
.hoch .flex  { padding:2% 1% 0 1% }
.quer .logo  { width:10em; max-height:7em; }
.hoch .logo  { max-width:33%; max-height:7em; }/* width:33%; max-height:7em; */
/*.quer .logo  { max-height:7em; }
.hoch .logo  { max-height:5em; }*/
.titelText   { text-align:center; padding:0 0.5em; text-overflow:ellipsis; overflow:hidden; }/* width:99%; cursor:help; */
.quer .titel, .quer .raum, .quer .zusatz
			 { white-space:nowrap; }		
.quer .home  { width:3em; display:block;  }
.hoch .home  { position:absolute; left:.5em; top:.5em; width:2em; opacity:.25; }

.titel, .titel p, .zusatz
			 { font-weight:bold; color:blue; font-family:Copperplate, Trebuchet MS, serif; text-decoration:none; }/* 'Comic Sans MS' 1.8em */
.titel       { font-size:1.75em; }
.titel p     { font-size:1.00em; }
.zusatz      { font-size:1.25em; }
.hrKopf      { clear:both; }