/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
body {font-family:Ubuntu,Arial,Helvetica,sans-serife; margin:0; font-size:.9em; line-height:1.2em;}
a {text-decoration:none;}
h1,h2 {color:#e30922;margin:3% 0 3% 0;}
h2 {line-height:1.2em;}
.cl {clear:both;}
.kopf {width:100%;height:120px;background-color:black;position:relative;}
.linie {position:absolute;left:0;bottom:8px;border-bottom:1px solid #dddddd;width:100%;}
.kopf1 {position:relative; width:100%; max-width:1000px; min-width:320px; margin:0 auto;}
.logo {position:absolute;border:0;width:36%;min-width:190px;top:0;left:-60px;z-index:999;}
.slogan {position:absolute; color:#e30922; margin: 2.2% 0 0 33%;}
.menubutton {display:none; position:absolute; top:40px; right:11px}
.menu {position:absolute; color:white; width:70%; margin: 56px 0 0 30%; font-size:1.1em;}
.menu div {float:left;margin:1% 6% 2% 0;}
.menu div.letzter {float:left;margin:1% 0 2% 0;}
.menu a {color:white;}
.menu a:hover {color:#e30922;}
.impressumoben {display:none;}

.inhalt {width:100%; max-width:1024px; margin:0 auto 200px auto; min-height:300px;}
.inhalt1 {margin:12px;}
.fuss {position:fixed; bottom:0; width:100%; background-image: url(bilder/fuss.png); background-repeat:no-repeat; background-position:top center; background-size:1990px;}
.fuss1 {width:100%; max-width:960px; margin:40px auto 0 auto; color:white; font-size:.9em;}
.oeffnungszeiten {float:right;margin:40px 8px 8px 8px;text-align:right;}
.knopp {background-color:#e30922;padding:1%;}
.knopp a {color:white;font-weight:bold;}

.banner_text {position:absolute;color:white;font-size:3em;font-weight:bold;line-height:1em;text-shadow:0 0 0.3em gray;}
.telefon {float:right;width:210px; height:44px;background-image:url(bilder/telefon.png?a=1); color:white; font-weight:bold;}

.bildunterschrift {color:gray;font-size:.8em;line-height:1em;text-align:left;}

#slider {position:relative;margin-bottom:1%;}
#imageContainer {position:relative;}
#imageContainer div {display:none; position:absolute; top:0; left:0; max-height:300px; overflow:hidden;}
#imageContainer div img {}

.flexc {display:flex;flex-wrap:wrap;justify-content:center;gap:3%}
.flexd {display:flex;flex-wrap:wrap;justify-content:center;gap:.5%}

.flexc1 {width:310px;max-height:220px;cursor:pointer; margin:2% 0;overflow:hidden;position:relative;}
.flexc1 img {display:block;width:100%;border:none;}
.flexa  {display:block;color:white;padding:6px 8px;margin:1%;background-color:#e30922;}

.button1 {clear:both;}
.button1a {float:left;width:31%;cursor:pointer; margin:0;max-height:220px;max-width:310px;overflow:hidden;position:relative;}
.button1a img {display:block;width:100%;border:none;}
.button1b {position:absolute;text-align:center;padding:3%;background-color:rgba(128,128,128,0.8);position:absolute;bottom:0;width:100%;}


@media (max-width: 480px) { 
  body {font-size: .8em;}
  .logo {top:0;left:-60px;}
  .banner_text {font-size:1.8em;}
  .menu {background-color:black; color:white; width:100%; margin:0; z-index:1000; top:-400px;}
  .menu div, .menu div.letzter, .impressumoben {float:none; margin:0; padding:14px; border-bottom:1px solid silver;}
  .menubutton {display:block}
  .impressumoben {display:block;}
  .oeffnungszeiten {margin: 1px 8px 1px 8px;}
  }

@media (max-width: 322px) { 
 .inhalt {margin:0;}
 .inhalt1 {margin:4px;}
 .kopf {height:100px;}
 .banner_text {font-size:1.1em;}
  }

@media (max-height: 320px) { 
 .inhalt {margin:1.5% auto 0 auto;}
 .fuss {position:static;}
  }