@charset "utf-8";

/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'),
       url('../fonts/pt-serif-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-serif-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'),
       url('../fonts/pt-serif-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-serif-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}





/* CSS Document */
/* CSS Resets */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body{background: #fff; color:#333;font-family: 'PT Serif', serif; font-size: 15px;  width: 100%;/*overflow: hidden;*/}


/* .row{width: 1140px ; margin: 0 auto;clear: both;} */
.row{width: 1140px ; margin: 0 auto;clear: both;}

[class*='col-'] {padding: 0 0; float: left;}
.col-100{width: 100%; margin: 10px 0; padding: 10px 0;}
.col-90{width: 90%;}
.col-80{width: 80%;}
.col-70{width: 70%;}
.col-60{width: 60%; }
.col-50{width: 50%;}
.col-40{width: 40%; }
.col-33{width: 33.3%;}
.col-30{width: 30%;}
.col-25{width: 25%;}
.col-20{width: 20%;}
.col-10{width: 10%;}


header, section, footer{width: 100%;}

h1{color: #df2430; text-align:center; background:url(../images/template/h1_line.png) no-repeat bottom center; padding: 30px 0 10px 0; margin-bottom: 50px; font-weight: 400; font-size: 1.9em;}
h2{color: #df2430; text-align:center; background:url(../images/template/h2_line.png) no-repeat bottom center; padding: 15px 0 10px 0; margin-bottom: 20px;}
h3{color: #df2430; text-align:center; font-size: 1.7em; font-weight: 400; margin-bottom: 20px;}
h4{}

p{margin-bottom: 1.2em;}
p span.zeiten{float: left; width: 150px;}



.center{text-align: center;}

.clear{clear: both;}

.white-line{width: 100%; height: 1px; background: #b3131d; display: block;}
.white-line.linetop{position: absolute; top: 4px; z-index: 40;}
.white-line.linebottom{position: absolute; bottom: 4px; z-index: 40;}
.white-line.linetop.space{top: 19px}

header{height: 500px; position: relative;}
header .slider{ width: 100%; height: 485px;background:url(../images/slider/slider-ofen_bg.jpg) no-repeat; background-size: cover; margin-top: 15px; position: absolute; overflow: hidden; }

header .logo{width: 302px; height:230px; display: block; background: #DDC00E; position: absolute; top: -10px; left: 5px; z-index: 50; text-align: center;color: #b3131d; padding: 20px 0;}
header .logo p.date{float: left; width: 20px; position: relative; text-align: right; margin: -40px 0 0 50px;}
header .logo p.actualdate{float: right; width: 20px; position: relative; text-align: left; margin: -40px 50px 0 0px;}
header .logo img{position: relative;}
header .logo p.big{font-size: 1.3em; line-height: 1.0em;}
header .logo p.big span.grey{color: #585858; font-size: 0.85em; text-transform: uppercase;}
header .logo p.big span.small{font-size: 0.8em; text-transform: none;}

header nav{background:rgba(252,218,11,0.8); position: absolute; bottom: 0; width: 100%;}
/* header nav ul{list-style: none; height: 50px; width: 1140px; margin: 0 auto;} */
header nav ul{list-style: none; height: 50px; width: 1140px; margin: 0 auto;}
/* header nav ul li a{display: block; float: left; width: 16.4%; color: #b3131d; text-decoration:none; text-align:center; line-height: 50px; font-size: 1.3em;} */
/* header nav ul li a{display: block; float: left; width: 12.4%; color: #b3131d; text-decoration:none; text-align:center; line-height: 50px; font-size: 1.3em;} */
header nav ul li a{display: block; float: left; width: 12.5%; color: #b3131d; text-decoration:none; text-align:center; line-height: 50px; font-size: 1.1em;}
header nav ul li:hover a{background:rgba(179,19,29,1); color:#fff00d;}
.content img{border: 1px solid #b3131d;-webkit-box-shadow: 0 8px 6px -6px black; 	   -moz-box-shadow: 0 8px 6px -6px black;	        box-shadow: 0 8px 6px -6px black;}
.content a{text-decoration: none; color: #b3131d;}
.startbox{text-align: center;}
.startbox p{padding: 0 10px;}
.startbox img{border: none;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;}
.content ul{margin-bottom: 15px;}
.content ul li{margin-bottom: 7px;}
.content p strong{color: #000;}

.divider{background:url(../images/template/divider.png) no-repeat; width: 799px; height: 62px; display: block; margin: 0 auto; clear: both; margin-top: 30px; margin-bottom: 30px;}

.number{background: url(../images/template/number-bg.jpg) no-repeat; background-size: cover; width: 100%; height: 420px; position: relative; overflow: hidden; margin-top: 30px;}
.number .numberbox{background: rgba(44,33,22,0.54); color: #f4eed7; border: 1px solid #f4eed7; width: 772px; height: 147px; display: block; margin: 0 auto; text-align:center; margin-top: 100px;}
.number .numberbox a{text-decoration: none;color: #f4eed7;}
.number .numberbox p{font-size: 2.4em; margin-top: 10px;}
.number .numberbox p span{font-size: 1.5em;}
#map{width: 100%; height: 400px; border-bottom: 2px solid #fff;}

.galerie{text-align: center;}
.galerie .kamin-logo{width: 161px; height: auto; float: left; padding: 10px 10px 10px 0; border: none;}
.aktion{text-align: center; font-size: 1.3em;}
.aktion2{width: 70%; margin: 0 auto;}
img.banner{float: left; margin: 0 50px 20px 0;}
p.left{width: 90%;}
p.zeiten{width: 200px; display: block; margin: 0 auto; text-align: left;}
p.zeiten span{display: block; width: 50px; float: left; color: #000; font-weight: 700;}

.offen{margin-bottom: 20px;}
.offen p.zeiten{width: 100%;}
.offen h2{text-align: left; background: none; margin-bottom: 5px;}

footer .redblock{background: #ddc00e; color: #b3131d; width: 100%; min-height: 300px;  padding: 20px 0; position: relative;}
footer .redblock a{color: #b3131d; text-decoration:none;}
footer .redblock .footnav ul{list-style: none;}
footer .redblock .footnav ul li{float: left; font-size: 0.9em; padding: 0 10px;}

.right{float: right;}

.formular .daten{float: left;width: 350px;}
.formular .message{float: left;width: 350px;}
.formular form label {line-height:1.4em;	width:100%; font-size: 1.1em; height: 40px;  display: block;clear: both;}
.formular input, .formular select {	border:1px solid #c7c4c1;	width: 90%;color: #1c8bc3; height: 30px; clear: both;}
.formular input[type="submit"]{background: #f4eed7;  width: 150px; text-align: center; text-transform:uppercase;  margin: 10px 0 0 0px; height: 30px; line-height:30px; color: #b3131d; border: 1px solid #b3131d; float: left;}
.formular textarea{border:1px solid #c7c4c1;width: 80%; height: 200px;}
.formular input:focus {	color: #b3131d;	border: 1px solid #b3131d;	background: #f4eed7;}
.formular textarea:focus {	color: #b3131d;	border: 1px solid #b3131d;	background: #f4eed7;}

footer .redblock .kontaktformular{background: #fff; width: 400px;padding: 10px 0; display: block; position: absolute; bottom: 20px; z-index: 9999; font-size: 0.8em;}
footer .redblock .copy{position: absolute; bottom: 0; font-size: 0.8em; text-align:center}
footer .redblock .kontaktformular .daten{float: left;width: 350px; padding: 0 20px;}
footer .redblock .kontaktformular .message{float: left;width: 350px; padding: 0 20px;}
footer .redblock .kontaktformular form label {width:41px; height: 34px;	float:right;}
footer .redblock .kontaktformular input, footer .redblock .kontaktformular select {	border:1px solid #c7c4c1;	 width: 290px; height: 30px; float: left; margin-bottom: 5px; color: #2c2117;}
footer .redblock .kontaktformular input[type="submit"]{background: #f4eed7;  width: 150px; text-align: center; text-transform:uppercase;  margin: 10px 0 0 120px; height: 30px; line-height:30px; color: #b3131d; border: 1px solid #b3131d;}
footer .redblock .kontaktformular textarea{border:1px solid #c7c4c1;width: 345px; height: 80px;}
footer .redblock .kontaktformular input:focus {	color: #b3131d;	border: 1px solid #b3131d;	background: #f4eed7;}
footer .redblock .kontaktformular textarea:focus {	color: #b3131d;	border: 1px solid #b3131d;	background: #f4eed7;}