/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
html, body {margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:.9em;color:#003333}
#seite {width:100% max-width:1920px;margin:0 auto;}
#inhalt {max-width:990px;margin:0 auto;}
#oben {max-width:990px;margin:0 auto;}
#oben_rechts {float:right; text-align:right;}
#oben_text1 {display:none;}
#telefon {float:left;border:1px solid white;margin-right:18px;}
#suche {text-align:right;margin-top:4%;}
#suchfeld {width:130px;text-aligh:center;text-align:center;}
.innen {margin:1%;}
  .min {min-height:250px;}
#logo {width:14%;min-width:95px;float:left;margin:0 -3% -2% 0;}
#banner {width:100%;max-width:1920px;margin:0 auto;z-index:-100;position:relative;}

h1,h2,h3 {font-family:'Quicksand',sans-serif;color:#339900;}
h1 {text-align:center;}

a {text-decoration:none;color:#006633;}
a[href]:hover {color:#cc3300} 
a.l_rot{color:#e30337;}

.flexi {display:flex;flex-wrap:wrap;justify-content:space-around;}
.flexb {display:flex;flex-wrap:wrap;justify-content:center;}
.flexc {display:flex;flex-wrap:wrap;justify-content:space-between;}

.hausmesse {width:94%;margin:0 auto;padding-top:30px;text-align:center;font-size:1.2em;}
.hausmesse_bild_l{float:left;margin-right:4%;margin-bottom:4%;width:25%;}
.hausmesse_bild_r{float:right;margin-left:4%;margin-bottom:4%;width:25%;}
.hausmesse_c{display:none;}

.spalten2 {width:44%;min-width:310px;margin:1% 0 2% 0;}
  .spalten2 img {width:100%;}
.spalten2a {width:30%;min-width:310px;margin:1% 0 2% 0;}
.spalten2b {width:60%;min-width:310px;margin:1% 0 2% 0;}
.spalten3 {width:30%;min-width:310px;margin:1% 0 2% 0;}
.hg_grau{background:#eeeeee;}
/*
.s {font-weigth:bold;}
.linie {border: 1px solid #666666;}
*/

/* menu oben*/
.menu0 {display:flex;flex-wrap:wrap;margin:0 auto;justify-content:space-around;margin-top:4%;width:80%;}
.menu0 a {display:block;margin:0 3%;font-size:1.4em;}
.kundenlogin {display:inline-block;text-align:center;background-color:#339900;padding:2px 8px;color:white;width:118px;}
 a.kundenlogin:hover {color:silver;}
#kundenbereich {float:right;margin:0 0 8px -110px;}
/* menu sortiment*/
.menu {display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center;}
.menu_spalte {width:33.3%;min-width:280px;}
.m1 {display:block;margin:2% 2% 0 2%;}
 .m1innen {cursor:pointer;text-align:center;color:white;background-color:#339900;padding:1%;}
.m2 {margin:0 0 1% 0;}
 .m2innen {display:block;text-align:left;padding:.5% .5% .6% 7%;margin-bottom:.6%;}
 .m2innen1 {background-color:#eee;}
 .m2innen2 {background-color:#ddd;font-weight:bold;}
 
.sortiment1 {background-color:#eee;width:100%;}
.sortiment {width:100%;}
.sortiment td {padding:1px 3px;}
.us {border-bottom: 1px solid #bbb;}
.knopp {background-color:#eee;border:1px solid silver;padding:2px 4px;}
 
.fuss {background-color:#339900;border:1px solid #339900;margin-top:2%;color:white;}
.fuss1 {margin:.6% auto;text-align:center;max-width:980px;}
.fuss2 {margin:.6% auto;font-size:.9em;text-align:center;max-width:980px;}
.fuss a {color:white;}

.cl {clear:both;}

@media all and (max-width: 700px) {
.hausmesse_bild_l{float:left;margin-right:2%;width:47%;}
.hausmesse_bild_r{float:right;margin-left:2%;width:47%;}
.hausmesse_c{clear:both;display:block;}
}

@media all and (max-width: 500px) {
  body {font-size:.85em;}
  #logo {margin:0 2%;}
  #telefon {float:none;margin:11px auto;}
  .kundenlogin {width:110px;}
  #oben_text {display:none;}
  #oben_text1 {clear:both;display:block;padding-top:10px;}
  #oben_rechts {text-align:center;}
  #suche {text-align:center;margin-right:24px;}
  #suchfeld {width:122px;}

  .menu0 {margin:1% auto;justify-content:center;width:96%;}
  .menu0 a {margin:0 3%;margin:0 2%;font-size:1.15em;}

  .innen {margin:2%;}
  
  #kundenbereich {float:none;margin:10px auto; text-align:center;}
  
  }

@media all and (max-width: 320px) {
  body {font-size:.8em;}
  .us320 {display:none;}
  .menu0 a {border:1px solid silver;padding:1%;margin-bottom:1%;}
  }