/* 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 */
}
/* yeseva-one-regular - latin */
@font-face {
  font-family: 'Yeseva One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/yeseva-one-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/yeseva-one-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/yeseva-one-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/yeseva-one-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/yeseva-one-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/yeseva-one-v20-latin-regular.svg#YesevaOne') format('svg'); /* Legacy iOS */
}

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Yeseva One', cursive;
*/

body {margin:0;padding:0;font-family:'Open Sans',sans-serif;color:black;background-color:white;font-size:1.1em;}
.site {width:100%;max-width:1920px;margin:0 auto;text-align:center;}

.menu  {position:sticky;top:0;background-color:rgba(255,255,255,.8);z-index:10;}
.flex {display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1000px;margin:0 auto;}
  .sb {justify-content:space-between;}
  .so {justify-content:space-around;}
  .sc {justify-content:center;}
  .flex div {margin:1.2% 2%;}
  .flex2 {width:45%;min-width:310px;}
  
.holz {background-image:url(bilder/holz.jpg);border:1px solid transparent;}
.weis {background-color:rgba(255,255,255,.5);}
.mini {font-size:.7em}  
.inhalt {width:98%;max-width:1000px;margin:0 auto; border:1px solid transparent;padding-bottom:2%;}
.yeseva, h1, h2 {font-family:'Yeseva One',cursive;color:#6c803a;font-weight:normal;}

a { color:#333; text-decoration:none;}
a:hover {color:#000;}

ul {text-align:left;}
.cl {clear:both;}

.tab tr {background-color:rgba(255,255,255,.5);}
.tab td {padding:1px 10px}

.fuss {width:100%;max-width:1000px;margin:1% auto;}

.innen {text-align:left;} /* kontakt, anfragen */
.innen input {padding:3px;}

.banner {margin:0 auto;position:relative;}
.banner_bild {display:block;width:100.001%;margin:0;border:0} 
.banner_textlayer {position:absolute;top:0;left;0;width:100%;}
.banner_textlayer1 {margin:14% auto 0 auto;max-width:1400px;font-size:2.5em;line-height:1.4em;font-family:'Yeseva One',cursive;font-weight:normal;color:white;text-align:center;text-shadow:0 0 1em black;}
.banner_button {display:inline-block;background-color:rgba(255,255,255,.8);padding:0 1%; color:#6c803a;font-size:.8em;margin-top:1%;}

select,input,option {font-size:1em;padding:1%}
.c_submit{color:#fff;background:#6c803a;font-size:1.2em;padding:10px;border:none;}

/* alt 
a { color:#ffffcc; text-decoration:none;}
a:hover {color:gold;}

ul {margin-left:24px;}

.mitte {
	background: #747400 url(Bilder/site_12.jpg) repeat-y right;
	background-repeat: repeat-y;
	min-height : 260px;
	padding: 24px 24px 24px 46px;
  }

.inhalt {
  float:left;
	width:500px;
	}

.sidebar { 
  float:right;
	padding:24px 36px 24px 1px;
	width: 250px;
	padding: 0 0 0 24px;
  border-left: 1px solid #90900a;
	}

.tabelle { border: 1px solid #88923c; }
.tabelle td { padding: 4px; background-color: #88923c; color:#ffdd22;}

.k {font-size:.85em;}

hr { 
	height: 1px;
	color: #90900a;
}

h1 { font-size: 18px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }

.menu         { font-size:14px; font-weight:bold; color: #343402;}
.menu a       { color: #343402; text-decoration:none; font-weight:bold;}
.menu a:hover { color: #747400; }
*/