@viewport {width: device-width;}
html{min-height:101%;background:#fff;margin:0px;padding:0px;}
body{font-family: 'Arial', sans-serif;letter-spacing:0.5px;color:#666; font-size:90%;margin:0px;padding:0px;}
h1{font-size:120%;}
h2{font-size:110%;color:#9A3105;}
h3{font-size:100%;color:#FAD01A;}
h4{font-size:100%;color:#666;}

#wrapper{margin: 0px auto; padding:8px;display:block; max-width:1920px; /*border: 1px solid #ccc;*/}

#header{margin: 0 0 50px 0; padding-top:30px;display:inline-block; width:100%; min-height:170px;}
#logo{margin:0px 60px 0 135px; padding:0px; float:left; display:block; max-width:188px;}
#logo_text{margin:0px;padding:0px; width:80%;}

#content {margin:0; padding:0; display:inline-block; width:100%;min-height:480px;background:#FF9933;}
#navigation{width:20%;height:auto;float:left;}
#main{float:right;display:block;width:80%;min-height:340px; background:#FFCC33; margin:0px;padding:0px; }
#main a{color:#9A3105;}
#main a:hover{text-decoration:none;}
#footer {float:right;display:block; width:80%; min-height:140px; background:#FFDD54;margin:0px; padding:5px 0 0 0;font-size:90%;color:#9A3105; }
#social{margin:0;padding:0;position:fixed;left:8%;bottom:30px;}
#team{margin:0px 60px 0px 30px;padding:14px 8px 5px 8px; float:left;}
#adress{margin:0px 60px 0px 30px;padding:14px 8px 5px 8px; float:left;}
#adress a{color:#9A3105;}
#adress a:hover{text-decoration:none;}
#zeit{margin:0px 40px 0 0;padding:14px 8px 5px 8px;float:left;}

.main-pic{position:relative; top:-60px; left:0;float:left;margin:0 25px -60px 0;}
#main-map{position:relative; top:-60px; left:0;float:left;margin:0 25px -60px 0;}
#main-map-smal {display:none;}
.pics{max-width:110px;padding:5px;border:none;}
.rot{color:#9A3105;}
.text{padding:20px;}
#back-to-top {position:fixed;bottom:20px;right:15%;cursor:pointer;padding:3px;background:#FF9933; border-radius:2px;color:#fff;display:none;font-size:90%;}
#termin{display:none !important;margin:0px 0px 0px 100px;padding:14px 8px 5px 8px;}
#termin a{line-height:110%; text-decoration:none; color:#fff; border-radius:10px; border: solid 1px #ccc; background:#FF9933; padding:5px 20px;white-space:nowrap;}
#termin a:hover{text-decoration:underline;}

/*MENU*/
#menu {margin:30px 0 0 100px; padding:0;display:inside-block; min-height:42px;overflow:show;}
#menu ul{display:block;min-width:150px;list-style:none;}
#menu ul li{line-height:160%;}
#menu ul li a{color:#fff; text-transform:uppercase;text-decoration:none;}
#menu ul li a:hover{color:#FFDD54; }
#menu ul li a.current{color:#FFDD54;font-weight:bold; }
#menu ul li ul {position:relative;top:0px;left:-20px;}

#menu-smart{display:none;}



/*Querries*/

@media only screen and (max-width : 1600px) {
#logo{margin:0px 60px 0 20px; padding:0px; float:left; display:block; max-width:188px;}
#menu {margin:0; padding:0;display:inside-block; width:100%; min-height:42px;overflow:show;}
#social{margin:0;padding:0;position:fixed;left:3%;bottom:20px;}
}

@media only screen and (max-width : 1100px) {
body{font-size:75%;}
}


@media only screen and (max-width : 980px) {
#header{margin:0 0 20px 0; padding-top:10px;display:inline-block; width:100%; min-height:80px;}
#logo{margin:0px auto; padding:0px; float:left;}
#content {margin:0; padding:0; display:block; width:100%;min-height:200px;}
#navigation{background:#FF9933;width:100%;height:50px;float:left;}
#main{width:100%; }
#menu{display:none;}
#menu-smart{display:block;}
#menu-smart select{display:block;font-weight:700;width:95%;height:35px; padding: 6px; margin:6px;line-height:120%; border: 1px solid #666; color:#666;}
img{width:90%;}
#footer {float:right;display:block; width:100%; min-height:140px; background:#FFDD54;margin:0px; padding:5px 0 0 0;font-size:90%;color:#9A3105; }
.main-pic{position:relative; top:0px; left:0;float:left;max-width:50%;margin:0 15px 0px 0;}
#main-map{position:relative; top:0px; left:0;float:left;margin:0 15px 0px 0;}
}


@media only screen and (max-width : 760px) {
#header{ margin:0px; min-height:50px;}
#logo{margin-left:15%; padding:0px;}
#logo_text{margin:5px 8px;font-size:90%;text-align:center;}
#navigation{background:#ff9900;width:100%;height:50px;float:left;}
#content{margin:0;padding:0;display:block;width:100%;}
#main{display:block;width:100%;background:#FFCC33;margin:0px;padding:0px;}

#footer{display:block; max-width:100%; float:left;background:#FFDD54;margin:0px; padding:0px; }
#menu ul li a{color:#000;text-decoration:underline; padding: 5px; background:#FAD01A;font-size:80%;}
img{width:90%;}
.main-pic{position:relative; top:0px; left:0;float:left;max-width:50%;}
#main-map{position:relative; top:0px; left:0;float:left;max-width:50%;margin:0 15px 0px 0;}
#main-map{display:none;}
#main-map-smal{display:block !important; margin: 0 auto;border:none;}
}

@media only screen and (max-width : 480px) {
.subline{display:none;}
#logo_text{float:left;}
#social{margin:10px 0 0 0;padding:0;float:left;position:relative;left:3%;bottom:20px;}
#adress{margin:10px;padding:10px; float:left;}
#team{margin:10px;padding:10px; float:left;}
#zeit{margin:10px;padding:10px;float:left;}
#termin{margin:10px 0px;padding:10px;float:left;}
#termin a{line-height:100%; text-decoration:none; color:#9A3105; font-weight:bold; border:none; background:none;white-space:nowrap;}
table{border:collapse;}
.main-map{display:none;}
}