@import url("css/cover.css");
@import url("css/tmp.css");

html, body { background: #d6d7d7}
body { text-shadow: none;}

.site-wrapper { overflow:hidden; }

.site-wrapper-inner {width: 80%; }

.cover{  background: #fff;}
.lead{ font-size : 16px; color:#6d6f71; font-weight: normal;  margin-bottom: 0; }
.lead:first-of-type {padding-top: 20px; padding-bottom: 50px; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.lead:last-of-type { padding-top: 50px; padding-bottom: 20px;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}
span.herzog { color: #f47a20;  }
span.flectramess {color: #005597;  }
span.bullet::before { content: "\2022\00A0";  }
.nbr { white-space: nowrap; }

.bg { background: #ffffff;}

.b1{ min-height:123px; position:relative;
 background-image: url(../images/bg2.png);
 background-position: 0 0;
 background-size:66.66%;  
 background-repeat:repeat-y; }
 
 .b2{
 min-height:123px; position:relative;
  background-image: url(../images/bg2.png);
  background-position: 100% 0;
 background-size:66.66%;    
  background-repeat:repeat-y; 

	}
 

 
 .button p {
	 position: absolute;
 background: #707173; 
 padding: 10px 0 10px 0; 
  bottom::33.333%; height::33.333%; width:100%;
 border-radius: 10px;
 box-shadow: 2px 5px 10px gray;
}
.b1 a, .b2 a{ margin: auto 15px; }
.b1 p{ 
 margin-left:-20px;  

 top:33.333%;
 text-align: left;
 left:10px;
}
.b2 p{ 
 margin-left:-20px;
 top:33.333%;
 text-align: right;
 right:10px;
}
 
 .bereich { font-size:18px;  font-weight: bold;   }
 .b1 .bereich{margin: auto 50px auto 20px;}
 .b2 .bereich{margin: auto 20px auto 50px;}
 .slogan { font-size: 34px; font-weight: bold; color: #000;}
 .sl{ height: 50px;}


@media screen and (max-width: 992px){
	.slogan { font-size: 24px;}
	.bereich { font-size:14px;    }
	.b1 .bereich{margin-right: 25px;}
 	.b2 .bereich{margin-left: 25px;}
	.b1 a, .b2 a{ margin: auto 5px;}
	.b1 p{  margin-left:20px; }
	.b2 p{ right:30px;  }
	.lead{ font-size:12px;}
	.site-wrapper { padding-top:10px;}
}

@media screen and (max-width: 768px){
	.b1, .b2{    	background-size: 90.8%;  min-height:75px; 	}
	.lead:first-of-type { padding-bottom: 20px;}
	.lead:last-of-type { padding-top: 20px;}
	.flectramess, .herzog { font-weight:600; display:block; font-size:14px; }
	span.bullet::before { content: "";  }
	.block-sm { display:block;}
	 .button p {box-shadow: 2px 3px 5px gray;}
	
}

@media screen and (max-width: 360px) {
	.slogan { font-size: 18px;}
	.bereich { font-size:12px; }   
	.b1 .bereich { margin-right: 10px; }
 	.b2 .bereich  {margin-left: 10px; }
	.b1 a, .b2 a { font-size:10px; }
	.block-xs { display:block;}
}