@CHARSET "UTF-8";

@font-face {
    font-family: 'harvestregular';
    src: url('font/harvest-webfont.eot');
    src: url('font/harvest-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/harvest-webfont.woff2') format('woff2'),
         url('font/harvest-webfont.woff') format('woff'),
         url('font/harvest-webfont.ttf') format('truetype'),
         url('font/harvest-webfont.svg#harvestregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: 'harvestregular';
  font-size: 14px;
  color: #fff;
  background-color:#fff;
}

a:link { text-decoration:none; color:#392210; }
a:visited { text-decoration:none; color:#392210; }
a:active { text-decoration:none; color:#392210; }
a:hover { text-decoration:none; color:#392210; }

.outer { margin:0; padding:0; width:auto; min-height:95vh; background:url(back.jpg); background-repeat:no-repeat; background-position: 0px 0px; background-size:100% auto;}

.links { margin:0; padding:0; width:calc(100% - 350px); float:left; }
.rechts { margin:0; padding:0; width:270px; float:left; }

.headerWrapper { margin:0; padding:0; width:270px; height:300px; background:url(die-bauschmiede-logo.png); background-repeat:no-repeat; background-position: 10px 20px;}

.angebot { padding-top:320px; padding-left:200px; margin:0; float: left;}
.angebotitem { width: 200px; padding:10px; vertical-align:middle; border: 0; background-color:#370f09;float:left; margin-right: 20px; margin-bottom: 20px; height:270px; }
.angebotheadline { font-size: 2em; font-weight:bold; text-align:left; }
.angebotitemtxt { font-size: 1em; font-weight:normal; text-align:left; }

.kontakt { margin-top:20px; width:250px; padding: 10px; border: 0; background-color:#370f09; }
.kontaktheadline { font:20px 'harvestregular'; color: #fff; font-weight:bold; text-align:left; }

.bargain  { margin-top:20px; width:250px; padding:10px; border: 0; background-color:#370f09; }
.bargainagb  { font:9px 'harvestregular'; color: #fff; font-weight:normal; text-align:left; }

.footer { position:absolute; bottom:0; right:0; padding:10px; margin-right:50px; width:100%; height:30px; font:14px 'harvestregular'; color:#392210; font-weight: bold; vertical-align:middle; text-align:right;}


.forminput {
	width:200px; height:25px;
	padding-left:5px;
    border: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-align:left;
	background-color:#fff;
	font:14px 'harvestregular';
	color:#240605;
	font-weight: normal;
	margin-bottom: 10px;
}
.formtextarea {
	width:400px; height:100px;
	padding-left:5px;
	border: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-align:left;
	background-color:#fff;
	font:14px 'harvestregular';
	color:#240605;
	font-weight: normal;
	margin-bottom: 10px;
}
.formbtn {
	width:207px; height:25px;
	padding-left:5px;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-align:left;
	background-color:#583123;
    font:14px 'harvestregular';
    font-weight:normal;
	color:#fff;
}
.nachrichtenMsg {
	margin-top: 20px;
	font:12px 'harvestregular';
	color:red;
	font-weight: normal;	
}
.tabactive {
	border-bottom: 3px solid #9e5d2e;
}