@charset "utf-8";
:focus{border: none;outline:none}
body{margin: 0;padding: 0;font-family: Verdana, Geneva, sans-serif;background: #f5d410;padding-top: 5em}
header{height: 5em;background: #f5d410 url(../mat/taxi_stephany_header.png) center center no-repeat;background-size: contain;overflow:hidden;border-bottom:2px solid #000;text-align:center;position:fixed;width: 100%;top: 0}
.typo-stephany{width: auto;height: 4em;;margin: 0.5em 1%;}
.tel-stephany{width: auto;height: 4em;;margin: 0.5em 1%;}

footer{width: 100%;box-sizing:border-box;padding: 0.75em 1em;color: #f5d410; text-align:center;background: #333;display: block;position: fixed;bottom: 0px}
footer a{font-weight: bold;color:#f5d410;margin: auto 0.4em;text-decoration:none;border-bottom: 1px dotted #f5d410}

section{ padding: 2em;margin: 0 auto;max-width: 1000px}
.impressum{background: #fcf4e0;}
.kontakt{background: #fcf4e0}
.kontakt h3{margin-top: 3.5em}
.kontakt h4{margin-top: 2.5em}



.block{margin: 0.0em;width: calc(50% - 0em);height: calc((100vh - 10em) / 2 );background: #fff}
.block a{width:100%;height: 100%;color: #fff;display: block;;box-sizing: border-box;border: 6px solid #fcf4e0}
.block a span{background: rgba(245,212,16,1);display: inline-block;;padding: 1em 0.5em;box-sizing: border-box;;text-shadow: 1px 1px 1px #000000;font-size:1.5em;width: 100%;text-align: center}

#block1{;float:left; .background: #ccc url(../mat/bg_taxi_stephany_muelheim.png) center center no-repeat;background-size: cover}
#block2{;float:right; .background: #333 url(../mat/bg_sachverstaendigenbuero_stephany_muelheim.png) center center no-repeat;background-size: cover;}
#block3{;float:left; .background: #222 url(../mat/bg_hale_stephany_muelheim.png) center center no-repeat;background-size: cover}
#block4{;float:right; background: #eee}

#taxi{background: url(../mat/taxi-stephany.jpg) center center no-repeat;background-size: cover;background-color: rgba(255,204,0,0.1);}
#sachverstaendiger{background: url(../mat/stephany-gutachter-muelheim.jpg) center center no-repeat;background-size: cover;background-color: rgba(0,0,150,0.1);}
#taxi-umbau{background: url(../mat/taxi-ausstattungen-stephany.jpg) center center no-repeat;background-size: cover;background-color: rgba(150,0,0,0.1);}
#ueber_uns{background: url(../mat/taxi-stephany-muelheim-ruhr.jpg) center center no-repeat;background-size: cover;background-color: rgba(0,0,0,0.1);}

#block1 span{background-color: rgba(150,150,0,0.1);background-color: rgba(0,0,0,0.8)}
#block2 span{background-color: rgba(0,0,150,0.1);background-color: rgba(0,0,0,0.8)}
#block3 span{background-color: rgba(150,0,0,0.1);background-color: rgba(0,0,0,0.8)}
#block4 span{background-color: rgba(150,0,150,0.1);background-color: rgba(0,0,0,0.8)}
#ueber_uns_div{;max-width: 800px}
#ueber_uns_div img{width: 100%;max-width: 800px; height: auto;margin: 0.5em auto}
#subnavi{text-align: center;width: 100%;background: #444;position:fixed;}
#subnavi a{padding: 0.4em 3%;display: inline-block;color:#f5d410;font-weight: bold;text-decoration: none; }
#subnavi a:hover{text-decoration: underline;}
#xmas{width: 100%; max-width: 700px;height: auto;margin: 0 auto;position: absolute; z-index: 99999;text-align: center;left: calc((100% - 700px)/2)}
@media only screen and (max-width: 800px){
	#xmas{position: relative;left: 0;width: 100%; max-width: 700px}
	#close{display: none}
	body{font-size: 0.9em;padding-top: 3.6em;background: #000}
.block{margin: 0%;width: 100%;height: calc((100vh - 10.15em) / 4);min-height: 7em;}
.block a span{width: 100%;margin: 0;border:none;height: 100%; }
.block a span{padding: 0;padding-top: 1em}
#block1 span{background-color: rgba(150,150,0,0.1);;background: rgba(0,0,0,0.6)}
#block2 span{background-color: rgba(0,0,150,0.1);;background: rgba(0,0,0,0.6)}
#block3 span{background-color: rgba(150,0,0,0.1);;background: rgba(0,0,0,0.6)}
#block4 span{background-color: rgba(150,0,150,0.1);background: rgba(0,0,0,0.6);}
#block1, #block2, #block3, #block4{float: none;text-align:center;border: none;}

header{text-align:center;height: auto;overflow:hidden;padding:0.5em 0 0 0;background-size: cover;position:fixed;top:0;width:100%;}
#block4{margin-bottom:2em;}
section{font-size: 0.8em}
.typo-stephany{float: none;width: auto;height:2.1em;margin: 0.3em }
.tel-stephany{float: none;width: auto;height: 2.1em;margin: 0.3em }
footer{position:fixed;;color:#f5d410 }
footer a{color:#f5d410;margin: auto 0.4em;text-decoration:none;border-bottom: 1px dotted #f5d410}
#subnavi{display: none}

}