@font-face {
  font-family: "Olivier";
  src: url("fonts/Olivier.eot"); /* IE9 Compat Modes */
  src: url("fonts/Olivier.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Olivier.svg") format("svg"), /* Legacy iOS */
    url("fonts/Olivier.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Olivier.woff") format("woff"), /* Modern Browsers */
    url("fonts/Olivier.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
body {margin-left:0; margin-top:0; width:100%; box-sizing:border-box; background-color:#c8d641; background-image:url("site_images/test wood.jpg"); background-repeat:repeat; background-position:19% 1%}
img {border:0px}
p, .descr {font-family:Calibri, Arial, sans-serif; font-size:17px}
/* left */
.left {float:left; width:25%; text-align:center; vertical-align:top; padding-bottom:0px; padding-left:5px; box-sizing:border-box}
.lognav {max-width:284px; margin:35px auto 0px auto; padding-top:1px; background-image:none; background-color:#eaefb7; border-radius:4px}
.log {max-width:240px; height:auto; margin:24px auto 0px auto; padding:4px; background-color:#fff}
.logo {width:100%; height:auto}
.logosm {display:none}
.handy {padding-bottom:40px}
.nav {padding-top:15px; padding-bottom:10px}
.bit {width:220px; margin:12px auto 0px auto; padding:6px; border:1px solid #869321; border-radius:8px; background-color:#c4d338}
.bit a, .act {font-family:'Olivier', sans-serif; font-size:20px; line-height:22px; display:block; width:200px; margin:0px auto 0px auto; text-align:center; color:#f8fceb; background-color:#869321; text-decoration:none}
.act {color:#869321; background-color:#f8fceb}
/* right */
.right {float:left; width:75%; margin:0px; padding:0px; box-sizing:border-box}
.mosaic {width:974px; height:auto; margin:35px 35px 0px 35px; padding-bottom:115px; border:1px solid  #869321; border-radius:8px; background-image:url('images/mosaic.jpg')}
.empty {width:974px; height:626px}
.aufbau {display:block; width:465px; height:346px; margin:200px auto 80px auto}
.text {max-width:436px; padding:16px; margin:180px auto 61px auto; background-color:#c3d438; border:solid 4px #859220; border-radius:9px; box-shadow:0px 0px 0px 8px #eaefb7}
/* anfahrt */
.map {width:578px; margin-top:120px; margin-left:183px; padding:14px 10px 0px 14px; border:solid 2px #999; border-radius:9px; box-shadow:4px 4px 6px #333; background-color:#ffc}
.medium, .tiny, .mini {display:none}
/* fotos */
.cine {display:table-cell; width:48%}
.spc {display:table-cell; width:auto}
.nobk {display:block; max-width:600px; height:auto; margin:0px auto 0px auto}
.gal {width:100%; height:auto; border:solid 3px #ffc; border-radius:9px; box-shadow:5px 5px 4px #222; margin-left:0px; margin-bottom:22px}
/* janisch */
.lbox {box-shadow:0px 0px 0px 6px #869321}
.wrap {padding-bottom:2px}
.jitxt {margin-top:0px; padding:0px 12px 0px 18px; text-align:left}
.schee, a.schee, a.schee:link, a.schee:visited, a.schee:active, a.schee:hover {font-family:'Olivier', sans-serif; font-size:24px; line-height:22px; display:block; width:208px; margin:0px auto 0px auto; text-align:center; color:white; background-color:#869321; text-decoration:none}
.jrite {max-width:1300px}
.flexbox {display:flex; flex-wrap:wrap; justify-content:space-around; padding:16px 96px 0px 16px}
.item {display:inline-block; position:relative; margin-right:12px}
.dropdown-content {display:none; position:absolute; z-index:1}
.item:hover .dropdown-content {display:block; margin-top:-290px; margin-left:-92px}
.descr {display:inline-block; width:192px; height:84px; margin-bottom:12px; text-decoration:none; text-align:center; background-color:#eaefb7; border:4px solid #869321; box-shadow:0px 0px 0px 2px #eaefb7; font-size:16px}
.pict {margin:8px 4px 9px 4px; border-radius:4px; box-shadow:2px 2px 4px #444}
.drop {border-radius:6px; box-shadow:3px 3px 6px #444; margin-bottom:16px}
.smaller {font-size:15px}

@media screen and (max-width: 1160px){
.lognav {max-width:220px}
.log {max-width:180px; height:auto; margin:12px auto 0px auto; padding:3px}
.logo {display:none}
.logosm {display:block; width:100%; height:auto}
.bit {width:178px; padding:6px 2px 6px 3px}
.bit a, .act {width:170px; margin-left:4px}
.schee, a.schee, a.schee:link, a.schee:visited, a.schee:active, a.schee:hover {width:160px; font-size:22px}
.jitxt {font-size:16px; padding:0px 8px 0px 10 px}
}

@media screen and (max-width: 748px){
.left {display:none}
.right {width:100%}  
}