@charset "UTF-8";
/* CSS Document */
@import url("font.css");
body { background-color:#fff; margin:0px; padding:0px; font-family: 'Arsenal', 'Georgia', 'Times New Roman', sans-serif; color:#706f6f; font-size:16px; -webkit-text-size-adjust: none;}
body img { border:0px;}
img {width: 100%;}
.c {clear:both;}
.trenner2 {clear: both; display: none;}
.trenner4 {clear: both; display: block;}
a {text-decoration: none;}
ul { padding-left:5%; text-align: left; line-height: 1.5em;}
ul ul {padding-left:7%;}
li {list-style-type:square; color:#9a1915; padding-left:0px;}
li span {color:#706f6f;}
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
h1, h2 {color:#706f6f; text-align: center; text-transform: uppercase; }
#breite {width:100%; max-width:1600px; margin:0px auto; -webkit-box-shadow: 10px 0px 20px grey, -10px 0px 20px grey; -moz-box-shadow: 10px 0px 20px grey, -10px 0px 20px grey; box-shadow: 10px 0px 20px grey, -10px 0px 20px grey; font-size:1em;}

/*navi*/
#head {width:90%; position:fixed; top: 0px; left:0px; margin:0px; z-index:10; height:20px; padding: 5px 5%; background-color: #9a1915; color: #fff; text-transform: uppercase; font-size: 0.9em; }
#head a {color: #fff; text-decoration: none;}


/*silder*/
#slider_main {width:100%; margin:0 0% 10% 0%; float:left;}
#c_stage {display: inline-block; position:relative; width:100%;  }
#ar_stage {margin-top:50%;}
#ar_stage_sm {margin-top:20%;}
#con_stage {width:100%; height:100%; position:absolute; top:0px; left:0px;}
#slider_bg {width:100%; height:100%; top:0px; left:0px; position:relative; z-index:0; overflow:hidden; text-align:center; }
#slider_bg img {width:100%;}
#con_stage .weiter {position:absolute; bottom:30px; z-index:20; width:100%; text-align:center; opacity:1; cursor:pointer; text-shadow: 0.2px 0.2px 1px #000, -0.2px -0.2px 1px #000; color:#fff; font-weight:700; font-size:1.5em; font-style: italic; text-transform: uppercase;}
#con_stage .weiter img {width:50px;}


/*allgemeines*/
#main {width:100%; position: relative; font-size:1em;}
#main h1 {font-size: 1.9em;}
#main h2 {font-size: 1.4em;}
#main a { color:#222; }
#main a:hover { color:#9a1915;}
#main li.vorteil {list-style-image:url(images/list3.png); padding-left: 10px;}
#main .pfeil {width: 10px;}
#main .button {width: auto; float: right; padding: 5px 10px; border: 1px solid #f0f0f0; color:#222; text-transform: uppercase; }
#main .button:hover { background-color:#9a1915; color: #fff; }
#main .button2 {width: 100px; margin: 0 auto; padding: 5px 10px; border: 1px solid #f0f0f0; color:#222; text-transform: uppercase; }
#main .button2:hover { background-color:#9a1915; color: #fff; }
#main .download {width: auto; padding: 5px 10px 5px 30px; border: 1px solid #f0f0f0; color:#222; font-weight: 400; font-style: italic; text-transform: uppercase; background-image: url(images/icon_dl.png); background-repeat: no-repeat; background-position:left center; }


/*kacheln*/
#main .kachelbox {width:95%; margin:0 2.5% 10% 2.5%;}
#main .kachelbox_s {width:70%; margin:0 15% 10% 15%;}
#main .kachel { width:21%; margin:0 1.8% 4% 1.8%; float:left; height:auto; font-size:1em; }
#main .kachel .top {width: 100%; padding: 1% 0; background-color:#9a1915; color:#fff; }
#main .kachel .headline {margin:5px 5%; width: 90%; text-transform: uppercase; font-size: 1.3em;}
#main .kachel .sub {margin:5px 5%; width: 90%; font-size: 1em; }
#main .kachel .pic {width: 100%; margin-bottom: 2%;}
#main .kachel img {width:100%;}
#main .kachel .cont {width: 90%; padding: 5%; font-size:0.9em; }
#main .kachel .cont .sym {float:left; width: 5%; margin: 0 2% 5px 0;}
#main .kachel .cont .text {float:left; width: 93%; margin: 0 0% 5px 0;}
#main .kachel .cont .ftext {float:left; width: 100%; margin: 0 0% 10px 0;}
#main .kachel .cont a.button {float: none;}
#main .kachel .ccont {width: 90%; padding: 5%; font-size:1em; background-color:#9a1915; text-align: center; color: #fff; }
#main .kachel .hoehe {float: left; width: 1px; padding: 150%;}
#main .kpartner {border: 1px solid #DCDCDC; overflow: hidden; -moz-border-radius: 3%; -webkit-border-radius: 3%; border-radius: 3%;}

/*textbloecke*/
#main .bfull {width:90%; height:auto; float:left; margin: 0 5% 7% 5%; }
#main .bfull2 {width:60%; height:auto; margin: 0 auto 80px auto; text-align: justify; }
#main .bfull .cont { width:60%; float:left; margin:0 5%;}
#main .sm {font-size: 0.75em; font-weight: 300; font-style: normal; text-transform:none;}
#main .bfull .titel {font-size: 2.5em; text-align: center; width: 100%; color: #706f6f; text-transform: uppercase; margin: 0 0 0 0;}
#main .bfull2 .titel {font-size: 2.5em; text-align: center; width: 100%; color: #706f6f; text-transform: uppercase; margin: 0 0 0 0;}
#main .bfull .logo {width: 30%; margin: 10% auto;}
#main .fullpic {width:100%; margin:0 0% 10% 0%; float:left;}
#main .gfull {width: 90%; margin: 0 5% 7% 5%;  height: 50px; background-image: url(images/bg_gfull.jpg); background-position: left; float: left;}
#main .gfull .icon {float: left; width: 62px; margin-right: 60px; }
#main .gfull .headline {float: left; color: #fff; font-size: 1.6em; font-weight: 700; font-style: italic; padding-top: 5px; text-transform: uppercase;}
#main .trenner {width:90%; margin: 0 5% 5% 5%; border-bottom:1px dashed #D9D9D9; float:left;}
#main .bleft {width:45%; height:auto; float:left; margin: 0 2.5% 2.5% 2.5%; text-align:justify;}
#main .bright {width:45%; height:auto; float:left; margin: 0 2.5% 2.5% 2.5%; text-align:justify;}
#main .bimage {width: 27%; margin-right: 5%; float: left;}
#main .bimage img {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#main .btitel {width: 68%; margin-bottom: 20px; float: left; font-weight: 700;}
#main .bcont {width: 68%; margin-bottom: 20px; float: left; text-align: justify; font-size:0.88em;}
#main .bvideo {width:100%; margin-bottom: 20px; position: relative; height: 0; padding-bottom: 56.25%;}
#main .bvideotitel {width:100%; margin-bottom: 20px; text-align: left; font-weight: 700;}
#main .bvideocont {width:100%; margin-bottom: 20px; text-align: justify; font-size:0.88em;}
#main .btrenner {width: 100%; margin: 30px 0; float: left; height: 1px;}
#main .bbutton {width:75px; padding:3px 7px 0 7px; height:22px; margin:0px 0px 0 0; border:1px #CACACA solid; text-align:center; font-size:0.88em; font-weight:700; color:#9a1915; cursor:pointer; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#main .form { width:100%; max-width:600px; font-size:0.8em; height:22px; color:#333; font-family: 'Open Sans', Verdana, sans-serif; font-weight:300; margin:10px 0; border: 1px solid #eee;}
#main .googlemap {width:100%; margin:0px; border:0px;}
#main .googlemap p {color:#000;}
#main .gm1 {height: 400px;}
#main .gm2 {height: 500px;}
#main #hinweis {color:#9a1915; float:left; font-weight: bold; font-style: italic; text-transform: uppercase;}
#main .k1 {width:25px; height:20px; position:relative; float:left;}
#main .k1 img {width: 75%;}
#main .k2 {width:165px; height:20px; float:left;}
#main .k3 {width:100%; height:auto; min-height:2px; float:left;}
#main .k4 {width:75%; height:auto; min-height:2px; float:left;}
#main .senden {width:50px; padding:2px 7px 0 7px; height:24px; margin:-5px 10px 0 0; border:1px #CACACA solid; -webkit-box-shadow: 2px 2px 2px grey; -moz-box-shadow: 2px 2px 2px grey; box-shadow: 2px 2px 2px grey; text-align:center; font-size:0.88em; font-weight:600; color:#ba3b18; cursor:pointer;}
#main .senden:hover { -webkit-box-shadow: 2px 2px 2px black; -moz-box-shadow: 2px 2px 2px black; box-shadow: 2px 2px 2px black;}
#main .linie {width:100%; margin:15px 0 0 0; height:2px; background-color:#95c11f;}
#main .textfeld {width:99.7%; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; overflow:hidden; height:0px;}
#main .textfeld .cont { width:90%; margin:15px 5%;}

/*Artikel*/
.aleft {width: 73%; float: left; margin-right: 7%; text-align: justify;}
.aright {width: 20%; float: left;}
.aleft .sym {float:left; width: 20px; margin: 0 2% 5px 0;}
.aleft .text {float:left; margin: 0 0% 5px 0;}
.apic {width:25%; margin: 0 5% 30px 0; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.atitel {font-size: 1.3em; font-weight: 700; margin-bottom: 30px; text-align: left;}
.aleft .sym {width: 15px; margin: 0 1% -2px 0;}
.trenner {width: 80%; margin: 20px 10%; height: 1px; border-bottom: 1px solid #CFCFCF;}

/*footer*/
#footer {width:100%; margin: 0 0%; background-color:#9a1915; margin-top:150px;}
#footer a {color:#fff;}
#footer .content {width:94%; padding:20px 3% 10% 3%; }
#footer .content .center {width:100%; font-size:0.8em; text-align: center; color:#fff; }

/*hinweis*/
#chinweis {position: fixed; bottom:0px; left: 0px; width: 90%; text-align: center; height: auto; padding: 10px 5% 20px 5%; background-color: #F39E00; color: #000;}
#chinweis a {color: #fff; font-size: 1.5em;  text-transform: uppercase; text-decoration: none; }


/*tabs*/

#main .tab {width: 90%; margin: 0.5% 5%; float: left; overflow: hidden; height: auto;}
#main .tab .head {width: 95%; padding: 0.5% 2%; float: left;  background-color:#DBDBDB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#main .tab .headline {float: left; width: 90%; font-size: 1em; font-weight: 400; font-style: italic; text-align: left; color: #222; text-transform: uppercase;}
#main .tab .icon {width: 1.7%; float: right;}
#main .tab .text {width: 95%; padding: 2% 2%; background-color: #fff; float: left; display: none;}


/*overlays*/
.well {box-shadow: 0 0 10px rgba(0,0,0,0.3); display:none; margin:1em; padding: 2%; background-color: #fff; font-size:1em; font-weight:300; text-align: justify; -moz-border-radius: 10px; border-radius: 5px; max-width: 700px; width: 80%; position: relative;}
.well .headline {font-weight:700; margin-bottom:15px; width: 90%; font-style: italic; text-transform: uppercase; }
.well .cont {text-align: justify; width: 100%; margin-bottom:15px;}
.well .button {width: auto; float: right; padding: 5px 10px; border: 1px solid #f0f0f0; color:#222; font-weight: 400; font-style: italic; text-transform: uppercase; cursor: pointer;}
.well .button:hover { background-color:#9a1915; color: #fff; }
.well .form { width:100%; max-width:400px; height:22px; color:#333; font-family: 'Arsenal', 'Georgia', 'Times New Roman', sans-serif; font-weight:300; margin:10px 0; border: 1px solid #eee;}
.well .left {width: 6%; float: left; margin-bottom: 10px;}
.well .left img {width: 100%;}
.well .right {width: 85%; float: left; margin: 0 0 10px 5%; text-align: left; }
.well .vleft {width: 70%; float: left; margin:0 5% 10px 0; text-align: justify;}
.well .vright {width: 25%; float: left; }
.well .vright img {width: 100%;}
.well .titelpic {width: 100%; margin-bottom: 3%;}
.well .titelpic img {width: 100%;}
.well a { color:#222; text-decoration: none; }
.well a:hover { color:#9a1915;}
.well .pfeil {width: 10px;}
.well #hinweis {color:#9a1915; float:left; font-weight: bold; font-style: italic; text-transform: uppercase;}


@media only screen and (max-width: 1200px) {
	
	#main .textfeld {font-size:0.75em;}
	#main .bfull .logo {width: 40%;}
}

@media only screen and (max-width: 1000px) {
.aleft {width: 70%; float: left; margin-right: 5%; text-align: justify;}
.aright {width: 25%; float: left;}
.apic {width:35%;}
#main .bleft {width:95%; margin-bottom: 35px; border-bottom:1px solid #D9D9D9; padding-bottom: 30px;}
#main .bright {width:95%; margin-bottom: 35px; border-bottom:1px solid #D9D9D9; padding-bottom: 30px;}
#main .btrenner {display: none;}

}

@media only screen and (max-width: 900px) {

	.trenner2 {display:block;}
#main {font-size:0.82em;}
#main .bfull .titel {font-size: 2.5em; }
#main .bfull2 .titel {font-size: 2.5em; }
#main .bfull {margin: 0 5% 12% 5%; }
#main .kachel { width:46%; margin:0 1.75% 7% 1.75%; }
#main .kachel .cont .sym {float:left; width: 4%; margin: 0 3% 5px 0;}
#main {font-size:0.9em;}
#main .textfeld {font-size:0.69em;}
#chinweis a{font-size: 1em;}
	
}

@media only screen and (max-width: 800px) {
	#main .bfull .logo {width: 60%;}
		#main li.vorteil {margin-left: 5%;}
}

@media only screen and (max-width: 700px) {

#main .bgvk .left {margin-left: 2.8%;}
#main .bfull2 {width:80%;}	
#main .bfull {margin: 0 5% 25% 5%; }
#main .textfeld {font-size:0.82em;}
#main .bfull .pic {width:100%; }
#main .bfull .cont { width:100%;  margin:20px 0 0 0;}
#main .kachel_k .cont { font-size: 0.7em;}
#main .bfull .logo {width: 70%;}
.aleft {width: 100%; float: left; margin-right: 0%; text-align: justify;}
.aright {width: 50%; float: left; margin-top: 30px;}
.apic {width:40%;}
.well {padding: 4%;}
.well .vleft {width: 100%; margin:0 0% 20px 0; }
.well .vright {display: none;}
	
}

@media only screen and (max-width: 600px) {
	#footer .content .box {width: 100%;}
	#footer .content .center {width:100%;  margin:0 0% 30px 0; }
	#main .bfull .logo {width: 80%;}
		#main li.vorteil {margin-left: 10%;}
}


@media only screen and (max-width: 500px) {
#main .kachel { width:96%; margin:0 2% 10% 2%; float:left;}
#main .kachel_k {width: 37%; margin: 6%}
#main .kachel_k .cont { font-size: 1em;}	
#main .bfull2 {width:90%;}
#main .bfull .titel {font-size: 2em; margin: 0 0 0% 0;  }
#main .bfull2 .titel {font-size: 2em; margin: 0 0 0% 0;  }
#main .bimage {width: 100%; margin-right: 0%; margin-bottom: 20px; }
#main .btitel {width: 100%;}
#main .bcont {width: 100%;}
#con_stage h1.weiter { font-size:1em; bottom:5px;}
.well {padding: 5%;}	
.apic {width:100%;}
.aright {width: 96%; float: left;}


}