@charset "utf-8";
/* CSS Document */
@import url("menue.css");
@import url("invalid.css");
@import url('cookie-consent.min.css');
@import url('bootstrap-glyphicons.css');

html{margin:0;padding:0;}
body{
	/*font-size: 11px;*/
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#474747;
	line-height:19px;
	margin:0; padding:0;
	text-align:center;
	background:#bbb url(../images/bg.jpg)0 0 repeat;
}
.blue{color:#00adef;}
a, a.link, a.visited, a:hover{color:#00adef;text-decoration:none;}
a:active, a:focus, #mediaplayer:active, #mediaplayer:focus {outline: none;}
a:hover, a.link:hover{color:#474747;}
a img{border:none;}
p,ul{margin:0;padding:0;list-style:none;}
hr{clear:both;border:none;border-top:1px solid #ddd;border-bottom: transparent;height:1px;margin-bottom:7px;}
hr.m21{margin:21px 0;}
h1,h2,h3,h4{margin:0;padding:0;color:#00adef;font-weight:bold;}
h1,h2{font-size:17px;margin:7px 0;}
h2{margin:17px 0;}
.topx{clear:both;padding-top:13px;}
h3{font-size:15px;margin:7px 0;color:#939598;}
h4{font-size:13px;margin:7px 0;}
table{border-collapse:collapse;}
.clear{clear:both;width:100%;height:1px;}
.clearfix{clear:both;}
.col-7 img.nb{border:none;}

.xbox{
  position: fixed;
  left: 21.5%;
  margin-top:30px;
  border: 1px solid #00adef;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.27);
  width: 57%;
  min-height: 150px;
  padding:15px;
  z-index: 5;
  font-size:17px;
  min-width:210px;
}
.xbox h3{font-size:21px; color:#00adef;}
.xbox .close{position: absolute;
  right:3px;
  top:3px;
padding:7px;
}

#head{margin:0 auto;width:940px;height:107px;padding:7px 40px 15px 40px;background:url(../images/100jahre.png) 890px 15px no-repeat;}
.logo{float:left;width:auto;margin-top:8px;}
.q100{float:right;width:auto;margin-top:8px;}
.icons{float:right;width:auto;}
.icons img{margin:15px 0 0 11px;}
#frame{margin:0 auto;width:970px;width:100%;height:auto;text-align:left;background:#fff;}
#menu{border-bottom:1px solid #ddd;width:auto;height:28px;}

#container{float:left;width:970px;padding:15px 0;min-height:410px;border:0px solid red;}
#container img, #container a img{padding:2px; border:1px solid #ddd;float:left;margin-right:9px;}
#left,#right{float:left;width:270px;width:100%;margin-right:36px;height:auto;border:0px solid #ddd;padding:10px;}
#left{min-height:370px;}
#right{width:620px;margin-right:0;text-align:justify;}
.col-7 a img, .col-7 img{padding:2px; border:1px solid #ddd;margin-right:9px;}
.col-7 img.right{float:right;margin:2px 0 11px 21px;}
.col-7 img.right.sp{margin-top:9px;}
.col-7 img.right.mb{margin:2px 0 21px 13px;}
.col-7 img.mb{margin-bottom:17px;}
.col-7 .image{float:right;margin:2px 0 0 21px;width:auto;font-size:10px;text-align:right;font-family:Arial, Helvetica, sans-serif;width:370px;width:60%;}
.col-7 .kunden{width:100%;margin:2px 0 0 0;float:left;}

#left.same{width:444px;margin-right:-1px;padding-right:28px;border-right:1px solid #ddd;}
#right.same{width:444px;border-left:1px solid #ddd;padding-left:28px;}

.anschrift{margin:11px auto;width:100%;height:auto;border-top:1px solid #ddd;font-size:10px;text-align:center;color:#777;padding-top:5px;}
.anschrift a{color:#777;}
.anschrift a:hover{color:#00adef;}
#footer{clear:both;text-align:right;width:100%;margin:0 auto;padding:5px 0 11px 0;}
#footer a{color:#ccc;font-size:10px;}
#footer a:hover{color:#555;}

/* galerie */
ul.gallery{float:left;width:auto;margin-right:-17px;margin-right:0;padding-top:17px;}
ul.gallery li{float:left;padding:5px;margin:0 7px 7px 0;border:1px solid #aaa;width:120px;height:120px;text-align:center;background:#eee;display:table-cell;}
ul.gallery li a img{padding:1px;border:1px solid #ddd;margin:0 auto;float:none;}


.col-7 ul.bilder{clear:both;float:left;width:100%;height:auto;margin:17px 0;}
.col-7 ul.bilder li{float:left;border:1px solid #aaa;width:162px;height:auto;font-size:10px;text-align:left;font-family:Arial, Helvetica, sans-serif;margin:0 17px 10px 0;padding:7px;line-height:13px;background:#f5f5f5; color:#333;height:249px;}
.col-7 ul.bilder li a{clear:both;}
.col-7 ul.bilder li a img{width:146px;padding:1px; border:1px solid #ddd; height:185px;margin-bottom:3px;}

.col-7 ul.bilder li.midx{width:175px;margin-right:10px}
.col-7 ul.bilder li.midx a img{width:171px;}
.col-7 ul.bilder li.bigx{width:220px;margin-right:10px}
.col-7 ul.bilder li.bigx a img{width:206px;}

.col-7 ul.pic{clear:both;float:left;width:100%;height:auto;margin:17px 0;}
.col-7 ul.pic li{float:left;border:1px solid #aaa;width:auto;height:auto;margin:0 7px 7px 0;padding:7px;background:#f5f5f5;}
.col-7 ul.pic li img{padding:1px; border:1px solid #ddd;margin:0 0 11px 0;width:99%;}

.col-7 .iright{float:right;margin-left:15px;width:65%;}
.col-7 .ileft{float:left;width:30%;margin-bottom:11px;}

.col-7 ul.disc{list-style:disc;margin:11px 0 11px 27px}
.col-7 ul.disc{clear:both;}

.col-7 .contact{line-height:19px;float:left;margin-right:53px;padding-bottom:13px;}
.col-7 .contact img{border:none;margin:1px 5px 2px 0;padding:none;}

.col-7 .open{float:left;}
.col-7 .open .right{float:right;text-align:right;padding-right:23px;}

.gal{width:100%;height:auto;padding:2px;border:1px solid #ddd;overflow:hidden;margin-top:17px;}
.gal a img{padding:0;margin:0;border:0; width:32.836%;float:left;margin-right:.5%;}

.maps{float:right;padding-right:47px;}

.col-7 .scraper{float:right;margin:2px 0 11px 11px;width:350px;}
.col-7 .scraper img{float:right;margin:0 0 0 5px;width:47%;}

.col-7 ul.team li{float:left;width:180px;height:310px;margin:0 17px 15px 0;line-height:17px;font-size:11px;}
.col-7 ul.team li.h{height:327px;}
.col-7 ul.team li .cont img{border:none;margin:-2px 5px 1px 0;}
.col-7 ul.team li a{font-size:11px;font-family:Arial, Helvetica, sans-serif;}

.col-7 .imprint img, .col-7 .imprint a img{clear:both;float:none;border:none;}

a.pdf{background:url(../images/pdf.png) 0 1px no-repeat;padding:0 0 11px 21px; font-weight:bold;height:auto;display:block;}

.col-7 fieldset table th, .col-7 fieldset table select{font-size:11px;font-family:Arial, Helvetica, sans-serif;padding:1px;white-space:nowrap;}
.col-7 fieldset table td select{padding:2px 0 1px 0;width:95%;}
.col-7 fieldset table td{padding:0;vertical-align:top;line-height:13px}
.col-7 fieldset td input{width:80%;float:left;clear:none;padding:1px;}

.laptcha{margin-top:0;height:61px}

video{margin-bottom:15px;width:100%;}

/* new */
@media (max-width: 768px) {
.flags ul{margin-right:-4px;}
.flags ul li:first-child{margin-right:7px;}
.col-7 .image.kunden{width:100%;float:left;}
.col-7 .ileft{width:100%;}
.col-7 .iright{width:100%;margin-left:0;}
.col-7 .scraper{clear:both;float:left;margin:2px 0 11px 0;width:100%;}
.col-7 .scraper img{float:left;}
}
@media (max-width: 767px) {
  .logo a img{width:100%;}
  #menu{display:none;background:rgba(0,0,0.95);border:none;}
  #menu ul{border:none;line-height:15px;}
  #menu ul li{clear:both;border:none;margin:0;margin-bottom:11px;}
  #menu ul li a{border:none;font-size:13px;padding:3px 0 0 9px;height:auto;}
  #menu ul li a:hover, #menu ul li a.act{background:none;}
  #menu ul li a.act{color:#00adef;}
  
  #menu ul li ul li a.more:after{content: ' ...';}
  #menu ul li ul{position:relative;display:block;padding:5px 0;background:none;border:none;margin-left:-5px;}
  #menu ul li ul li{clear:both;float:left;padding:0 0 0 5px;margin:0 0 7px 0;height:15px;overflow:hidden;}
  
  #menu .flags ul li {clear:none;float:left;width:auto;padding:0 17px 11px 0;}
  #menu .flags ul.nopa li a, #menu .flags ul li a.act{opacity:1;background:none;}
  .col-7 .ileft{width:100%;}
  .col-7 .iright{width:100%;margin-left:0;}
  .col-7 .scraper{clear:both;float:left;margin:2px 0 11px 0;width:100%;}
  .col-7 .scraper img{float:left;}
}
@media (max-width: 480px) {  
body{overflow-x:hidden;}
  .content .col-6{
   width:100%;
  }
.content .col-5{display:none;}
.content .col-7{
	width:100%;
	}
#footer{text-align:center;}
fieldset label{padding-left:2px;font-size:13px;}
.col-7 .ileft{width:100%;}
.col-7 .iright{width:100%;margin-left:0;}
.col-7 .scraper{clear:both;float:left;margin:2px 0 11px 0;width:100%;}
.col-7 .scraper img{float:left;}
.col-7 .image{float:left;margin:2px 0 0 0;font-size:11px;width:100%;margin-bottom:11px;font-family:inherit;}

label.frontlabel{padding-bottom:27px;}
.laptcha{margin-top:0;height:91px}
}

.container{border:0px solid blue;}
.row{border:0px solid red;}
.header{margin-bottom:21px;}
.frame{box-shadow: 0px 0px 15px rgba(0,0,0,.29);text-align:left;padding:10px 15px;background:#fff;}
.borderright{padding-right:15px;border-right:1px solid #ddd;}
.borderleft{padding-left:15px;border-left:1px solid #ddd;}
.content{padding-top:15px;}
.pad{margin-right:10px;}
.padl{margin-left:10px;}
.w25{width:25%;}
.w33{width:31.5%;}
.w50{width:50%;}
.w67{width:62.5%;}
.w75{width:75%;}
.w100{width:100%;}
.footer{margin-bottom:-15px;}

.shop h2{position:absolute;z-index:5;margin-top:10px;}
.shop a img{width:100%;margin-top:45px;}
@media (min-width: 1020px) {
  .shop a img {
    margin-top: -10px;
  }
}
@media (max-width: 480px) and (orientation: portrait)  {
  .xbox {left: 15%;}
}
#cookie_directive_container nav{height:auto !important;background:#eee !important;box-shadow:0 0 17px rgba(0,0,0,0.17)}
#cookie_directive_container nav a:hover{background:#ddd !important}
#cookie_directive_container nav p{font-size:15px !important;color:#111 !important;line-height:17px;
  padding:15px 17px 5px 17px !important; }
#cookie_directive_container .btn{margin-top: 5px !important}
.wsh{position: fixed; bottom: 34px; right:0;z-index:50}
.text-justify{text-align: justify;}

.square {
  list-style: square;
  list-style-position: outside !important;
  padding-left: 20px;
}
.square li{
  font-size: 15px;
  margin-bottom: 7px;

}