/* quando-regular - latin */
@font-face {
  font-family: 'Quando';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/quando-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/quando-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/quando-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/quando-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/quando-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/quando-v14-latin-regular.svg#Quando') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/*
font-family: 'Quando', serif;

rot:        #a93d31
text rot:   #821417
beige:      #ffe5c1
text beige: #fdd48f
braun:      #3e2611 62,38,17

dunkles beige: e8ae77,eab58f
*/
* {font-family:Roboto,sans-serif;}
h1 {font-family:Quando,serif;}
a {text-decoration:none;color:maroon;}
a:hover {color:#d2691e;}

.e {background-color:rgba(255,255,255,.6);}

body {font-size:1em;color:fed7a8; background:#ffe5c1 url('Bilder/hg1.jpg') repeat-x fixed; text-align:center; margin:0;padding:0;}
.banner {position:relative;}
.menuwrap {position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;}
.logo  {width:20%;min-width:100px;}
.site {width:100%;max-width:1180px;margin:0 auto;}
.site1 {margin:0 2%;}

.flexi {display:flex;flex-wrap:wrap;justify-content:center;}
 .div2 {margin:1%;width:44%;min-width:280px}
 .div3 {margin:1%;width:28%;min-width:280px}
 .div290 {margin:2%;width:300px;}
 .div40 {margin:1%;width:37%;min-width:280px;}
 .div50 {margin:1%;width:47%;min-width:280px;}
 .div60 {margin:1%;width:57%;min-width:280px;}

#inhaltsstoffe {width:60%;display:none;padding:10px;text-align:left;background:#ffe5c1 url('Bilder/hg1.jpg') repeat-x fixed;}
.mini {font-size:.8em;color:#666;}
.artikel {font-weight:bold;margin-top:1%;}
.cl {clear:both;}

.link  {display:inline-block; padding:5px 12px 4px 12px; border-radius:7px; border-left:1px solid #efd8c3; border-top:1px solid #efd8c3; border-right:1px solid #ac8e73; border-bottom:1px solid #ac8e73; min-width:100px; text-align:left; background-color:rgba(255,255,255,.5);}
.linkbutton {font-size:1em; padding:5px 12px 4px 18px; border-radius:7px; border-left:1px solid #efd8c3; border-top:1px solid #efd8c3; border-right:1px solid #ac8e73; border-bottom:1px solid #ac8e73; min-width:100px; background:rgba(255,255,255,.5) url(bilder/weiter.png) no-repeat 6% bottom;}

/*.fuss {background:url();background-color:#3e2611;color:white;}*/
.holz {background: url(bilder/holz.jpg) #3e2611;}
.fuss {color:white;}
.fuss a {color:white;}
.fuss a:hover {color:#fabd43;}

@media all and (max-width: 600px) {
  html, body {font-size:0.9em;}
  #inhaltsstoffe {width:99%;}
  }
  
@media all and (max-width:480px) {
 }

/*
.seite_a {width: 1180px; margin-left: auto; margin-right: auto;}
.r_links{float:left;width:160px;height:400px;text-align:left;}
.r_rechts{float:right;width:130px;height:400px;}
.seite_i {width:883px; margin-left:160px;margin-right:130px;font-size:1em;position:relative;}
.navi_kontakt{width:100%;text-align:right;padding-top:20px;padding-bottom:5px;}
.navi_oben{background-color:#e8ae77;width:100%;height:100px;position:relative;}
.td_fuss{color:#eab58f; font-size:12px; padding-top:10px;}
.hinweis{position:absolute;display:none;font-family:'OptimaRegular',Helvetica,Arial,sans-serif;font-size:12px;}
.weis {color:white; font-family:'OptimaRegular',Helvetica,Arial,sans-serif;font-size:12px; font-weight:normal}
.weis:hover {color:#eab58f;}

.inhalt {width:883px; background-color:#e8ae77;margin-top:10px;}
.inhalt_i{padding:40px 20px 40px 40px;text-align:left;}
.weiter{background:url('Bilder/weiter.png') no-repeat;width:15px;border:0px;}
.ges_unternavi{position:absolute;width:120px;top:142px;display:none;}
.unternavi{position:absolute;width:120px;font-size:12px;text-align:left;background:#ffe5c1;}
.unavi_text{font-family:'OptimaRegular',Arial,sans-serif;padding-top:0px;padding-left:3px;padding-right:3px;background:#ffe5c1 url('Bilder/linie_unavi.jpg') repeat-x;background-position:bottom;height:20px;margin-top:4px;}
.rubrik_seite{font-family:'OptimaRegular',Arial,sans-serif;background:#ffe5c1;height:20px;width:118px;left:130px;position:absolute;top:140px;}
.fuss {font-size:12px; color:#ffffff; background: url(Bilder/linie.jpg) repeat-x; margin-top:20px;}
.f_beige {color:#ffe5c1;font-size:16px;}
.produktinfo {background:url(Bilder/s_linie.png) repeat-y;padding-left:20px;}
td,select,input,textarea,option,pre
  {font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.d_inhalt{font-family:Helvetica,Arial,sans-serif;font-size:12px;}
.td_soben{font-family:'OptimaRegular',Arial,sans-serif;font-size:12px;}
.button_gross{background:#a93d31;color:#e8ae77;font-size:16px;}

h1 {font-family:'OptimaRegular',Helvetica,Arial,sans-serif; font-size:24px;}
h2 {font-family:'OptimaRegular',Helvetica,Arial,sans-serif; font-size:16px; font-weight:normal; color:#96171a;}
h3 {font-family:'OptimaRegular',Helvetica,Arial,sans-serif; font-size:26px; font-weight:bold; color:#96171a;}
h5 {font-family:'OptimaRegular',Helvetica,Arial,sans-serif; font-size:;}
hr {border: 0; border-top: 1px solid #821417; border-bottom: transparent; height:1px}

.link {display:inline-block; padding:3px 6px 2px 6px; border-left:1px solid #efd8c3; border-top:1px solid #efd8c3; border-right:1px solid #ac8e73; border-bottom:1px solid #ac8e73; min-width:100px; text-align:left; background-color:#e9b98c;}

a {text-decoration:none; color:#542a08; font-weight:bold;}
a:hover {color:#660000}
a.link1 {font-weight: normal;}
.a_kontakt {text-decoration:none; color:#eab58f; font-size:12px;font-weight:normal;}
a.a_kontakt:hover  {color:#ffffff;}
a.a_fuss {text-decoration:none; color:#eab58f; font-size:1.1em; line-height:1.5em; font-weight:normal;}
a.a_fuss:hover {color:#ffffff;}
a.nav_o {font-family:'OptimaRegular',Arial,sans-serif;text-decoration:none; color:#99121a; font-size:14px;font-weight:bold;}
a.nav_o:hover  {color:#af8452;}
a.a_unavi  {font-family:'OptimaRegular';text-decoration:none; color:#99121a; font-size:12px;font-weight:normal;}
a.a_unavi:hover {color:#af8452;}

*/