@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body, html {
	color:#444;
	background:#fff;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
a, a:visited {
	color:#233c88;
	text-decoration:none;
}
a:hover {
	color:#233C88;
}

.be_menu a, .be_menu a:visited {
	color:#fff;
	text-decoration:none;
	font-size:12px;
}
.be_menu a:hover {
	color:#f8f8f8;
}
.clear {
	clear:both;
	float:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height:1.2em;
	margin:10px 0;
	padding:0 0 10px;
}
h1{ font-size:2.4em;}
h2 { font-size:2em;}
h3 { font-size:1.6em;}
h4 { font-size:1.4em; }
h5 { font-size:1.3em; }

h6 { font-size:2.2em; line-height:0.2em; }



.head h1, #footer h1 {padding:0 13px;}
#footer h1 {color: #fff;}

ul {
	display: block;
	width: 100%;
	padding:0; 
	margin:0 0 20px; 
}
li {
	padding:0 0 6px 10px;
	margin:0 0 0 18px;
	list-style: outside square;
}

input { border:1px solid #ccc; padding:5px; margin:0; font-weight:300; -webkit-appearance: none;} 

input[type=text] {
	font-size:2em;
	width:4em;
	margin-left: 20px;
	text-align:right;
	font-weight:300;
}
input[type=button], a.button {
	top: 0;
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
	padding:5px 8px;
	margin: 1em auto 0;
	width:70%;
	display:block;
	background:#FECC18;
	cursor:pointer;
}
.button {
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
	padding:5px 8px;
	margin: 10px;
	width:160px;
	display: inline-block; 
	background:#FECC18;
	cursor:pointer;
}
.conbutton {
	cursor:pointer;
	max-width:170px;
}
input[type=button]:hover, a:hover.button {
	color:#fff;
}


.quarter a.button, .quarter_end a.button {
	font-size:1.7em;
	margin:0.3em 0 0;
	display:block;
	text-align:center;
}

hr {margin:6px 0; height:0; color:#e8e8e8;}
#content hr {margin:30px 0; height:0; color:#e8e8e8;}

iframe { width:100%;}

p {
	min-width:70px;
	display:inline-block;
	font-weight:700;
	padding:0;
	margin:0;
}

small {
	font-weight:300;
	font-size:0.7em;
}

.smally {
	font-weight:300;
	font-size:0.2em;
}

.quarter small, .quarter_end small {
	text-align:center;
}




/*  Menü
***************************/
#menu_helper {
	position:absolute;
	top:80px;
	left:-300px;
	background:url(../img/menu_helper.png) left top no-repeat;
	padding:25px 15px 15px;
	z-index:99999;
	text-transform:uppercase;
	font-size:1.1em;
	cursor:pointer;
}
.menu, .menu_respo {
	float:left;
	position:relative;
	left:-100px;
	width:72%;
	height: 28px;
	padding:32px 0 0 32px;
}
.menu_con {
	display: none;
	margin:3px 0 0;
}


.inner_menu {
}


.inner_menu ul li {
	display:inline-block;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.inner_menu ul li a, .inner_menu ul li a:visited {
	padding:3px 9px;
	display:inline-block;
	text-transform:uppercase;
}
.inner_menu ul li a:hover {
	color: #fecc18;
}


/*  GoogleMap 
*************************************/
#map {
	padding-top:80px;
	display:none;
}
#map_spacer {
	height:88px;
	display:none;
}

#cookie_check {
	padding-top:80px;
	width:100%;
	height:250px;
	background:#fff;
	opacity:0.9;
}
#cookie_check .check_con {
	text-align:center;
	margin:2% auto;
	width:400px;
}
#cookie_check .accept, #cookie_check .no_accept {
	font-size:1.15em;
	text-transform:uppercase;
	text-align:center;
	padding:7px 12px;
	margin: 10px;
	width: auto;
	display: inline-block; 
	background:#FECC18;
	cursor:pointer;
}
#cookie_check .accept:hover, #cookie_check .no_accept:hover {
	background:#233c88;
	color:#FECC18;
}

/*  Headerbild 
*************************************/


.m1 {background:url(../img/headpics/hp_1.jpg) center no-repeat;}
.m2 {background:url(../img/headpics/hp_2.jpg) center no-repeat;}
.m3 {background:url(../img/headpics/hp_3.jpg) center no-repeat;}

.m4 {background:url(../img/headpics/l_1.jpg) center no-repeat;}
.m5 {background:url(../img/headpics/l_2.jpg) center no-repeat;}
.m6 {background:url(../img/headpics/l_3.jpg) center no-repeat;}
.m7 {background:url(../img/headpics/l_4.jpg) center no-repeat;}
.m8 {background:url(../img/headpics/l_5.jpg) center no-repeat;}
.m9 {background:url(../img/headpics/l_6.jpg) center no-repeat;}
.m10 {background:url(../img/headpics/l_7.jpg) center no-repeat;}
.m18 {background:url(../img/headpics/l_8.jpg) center no-repeat;}

.m11 {background:url(../img/headpics/u_1.jpg) center no-repeat;}
.m12 {background:url(../img/headpics/u_2.jpg) center no-repeat;}
.m13 {background:url(../img/headpics/u_3.jpg) center no-repeat;}
.m14 {background:url(../img/headpics/u_4.jpg) center no-repeat;}
.m15 {background:url(../img/headpics/u_5.jpg) center no-repeat;}
.m16 {background:url(../img/headpics/u_6.jpg) center no-repeat;}
.m17 {background:url(../img/headpics/u_7.jpg) center no-repeat;}

.k01 {background:url(../img/headpics/u_8.jpg) center no-repeat;}

.r00 {background:url(../img/headpics/r_000.jpg) center no-repeat;}
.r01 {background:url(../img/headpics/r_001.jpg) center no-repeat;}
.r02 {background:url(../img/headpics/r_002.jpg) center no-repeat;}
.r03 {background:url(../img/headpics/r_003.jpg) center no-repeat;}
.r04 {background:url(../img/headpics/r_004.jpg) center no-repeat;}
.r05 {background:url(../img/headpics/r_005.jpg) center no-repeat;}
.r06 {background:url(../img/headpics/r_006.jpg) center no-repeat;}
.r07 {background:url(../img/headpics/r_007.jpg) center no-repeat;}
.r08 {background:url(../img/headpics/r_008.jpg) center no-repeat;}
.r09 {background:url(../img/headpics/r_009.jpg) center no-repeat;}
.r10 {background:url(../img/headpics/r_010.jpg) center no-repeat;}

.m1, .m2, .m3, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12, .m13, .m14, .m15, .m16, .m17, .m18, .r00, .r01, .r02, .r03, .r04, .r05, .r06, .r07, .r08, .r09, .r10, .k01 { background-size:cover; } 


/*  Icons
*************************************/

.i_home {background:url(../img/i_unternehmen.png);}
.i_leistungen {background:url(../img/i_leistungen.png);}
.i_location {background:url(../img/i_location.png);}
.i_phone {background:url(../img/i_phone.png);}
.i_fax {background:url(../img/i_fax.png);}
.i_mail {background:url(../img/i_mail.png);}
.i_open {background:url(../img/i_open.png);}
.i_licht {background:url(../img/i_light.png);}
.i_electro {background:url(../img/i_electro.png);}
.i_secure {background:url(../img/i_secure.png);}
.i_measure {background:url(../img/i_measure.png);}
.i_zaehler {background:url(../img/i_zaehler.png);}
.i_video {background:url(../img/i_video.png);}
.i_alarm {background:url(../img/i_alarm.png);}
.i_wlan {background:url(../img/i_wlan.png);}
.i_radiate {background:url(../img/i_radiate.png);}
.i_job {background:url(../img/i_job.png);}

.ib_home {background:url(../img/ib_unternehmen.png);}
.ib_leistungen {background:url(../img/ib_leistungen.png);}
.ib_location {background:url(../img/ib_location.png);}
.ib_phone {background:url(../img/ib_phone.png);}
.ib_fax {background:url(../img/ib_fax.png);}
.ib_mail {background:url(../img/ib_mail.png);}
.ib_open {background:url(../img/ib_open.png);}
.ib_licht {background:url(../img/ib_light.png);}
.ib_electro {background:url(../img/ib_electro.png);}
.ib_secure {background:url(../img/ib_secure.png);}
.ib_measure {background:url(../img/ib_measure.png);}
.ib_zaehler {background:url(../img/ib_zaehler.png);}
.ib_video {background:url(../img/ib_video.png);}
.ib_alarm {background:url(../img/ib_alarm.png);}
.ib_wlan {background:url(../img/ib_wlan.png);}
.ib_radiate {background:url(../img/ib_radiate.png);}
.ib_job {background:url(../img/ib_job.png);}

.i_base {
	background-repeat:no-repeat;
	background-size:100% auto;
	width:36px;
	height:36px;
	margin:12px 15px 55px 0;
	padding:0;
	float:left;
	
}
.magazin .i_base, .magazin-min .i_base {
	width:54px;
	height:54px;
	margin:10px auto;
	float:none;
	
}
.i_mail_foot {
	display:block;
	background:url(../img/i_mail.png) center top no-repeat;
	background-size:36px auto;
	width:100%;
	height:46px;
	margin:0;
	padding:0;
	
}

.phone {
	background:url(../img/i_phone.png);
	background-position:left 5px top;
	background-size:24px auto;
}
.fax {
	background:url(../img/i_fax.png);
	background-position:left 5px top;
	background-size:24px auto;
}
.email {
	background:url(../img/i_mail.png);
	background-position:left 5px top;
	background-size:24px auto;
}
.phone, .fax, .email {
	display:block;
	background-repeat:no-repeat;
	padding:5px 0 4px 51px; 
	margin:5px 0;
}


/*  Nav Icons
*************************************/


#nav-icon, #nav-icon-b {
  width: 30px;
  height: 27px;
  margin: 1px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  background: none;
  z-index:9;
  float:left;
}



#nav-icon span, #nav-icon-b span {
  display: block;
  position: absolute;
  height: 3px;
  width: 62%;
  background: #FECC18;
  border-radius: 2px;
  opacity: 1;
  left: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1), #nav-icon-b span:nth-child(1) {
  top: 5px;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

#nav-icon span:nth-child(2), #nav-icon-b span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

#nav-icon span:nth-child(3), #nav-icon-b span:nth-child(3) {
  top: 19px;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

#nav-icon.open, #nav-icon-b.open {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#nav-icon.open span:nth-child(3), #nav-icon-b.open span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 65%;
}

#nav-icon.open span:nth-child(2), #nav-icon-b.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(1), #nav-icon-b.open span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 65%;
}

/*  Basisstruktur
***************************/

#container {
    position: relative;
	margin:0 auto;
	padding:0;
}
#blank_container {
	margin:0 auto;
	padding:0;
}

#head {
	padding:0 0 30px;
	width:100%;
	margin:0;
	height:60px;
}

.headtitle, .headtitle_s {
	position: absolute;
	bottom:14%;
	right:0;
	padding:25px;
	padding-bottom:10px;
	min-width:50%;
	background: url(../img/bg_headtitle.png) repeat-x top;
	z-index:3;
}
.headtitle_s {
	min-width:25%;
}

/*  Slider
***************************/
#refer {
	width:90%;
	max-width:980px;
	margin:0 auto;
	padding:20px;
	text-align:center;
}
.refimg {
	width: 22.6%;
	height:100px;
	margin:1%;
	display:inline-block;
	cursor:pointer;
}
#play, #pause {
	position:fixed;
	bottom:13%;
	left:50%;
	margin:-40px 0 0 -17px; 
	width:30px;
	height:30px;
	z-index:9999;
	background: url(img/play.png) no-repeat;
	background-size: cover;
	cursor:pointer;
	display:none;
}
#pause {
	background: url(img/pause.png) no-repeat;
	background-size: cover;
	display:block;
}
#slide_prev, #slide_next {
	position: absolute;
	left:0;
	margin:-2px 0 0; 
	height:55px;
	width:55px;
	z-index:9999;
	background: url(../img/slide_more.png) no-repeat center;
	background-size: 60% auto;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	cursor:pointer;
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	display:none;
}
#slide_next {
	right:0;
	left:auto;
	margin: 0; 
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

#pager {
	position: absolute;
	z-index:9999;
	left:50%;
	margin-top:30px;
	margin-left:-60px;
	padding:0;
	width:120px;
}
#pager a {
	display:inline-block;
	font-size:0px;
	height:6px;
	width:21%;
	margin:0 2.5%;
	background:#233c88;
}
#pager a.activeSlide {
	background:#FECC18;
}
.slide_con {
	position:relative;
	width:100%;
	height:500px;
	z-index:2;
}

.headtitle h1 {
	color:#ffffff;
}
.headtitle a.button {
	float: right;
	position:relative;
	top:19px;
	padding:6px 12px;
	margin:0 30px 0 0;
	background:#FECC18;
	color:#222;
	width:auto;
	border:0;
}

.bigup {
	background: url(../img/tpbutton.png) no-repeat center;
	background-size: 100% auto;
	position:fixed;
	width: 50px;
	height:50px;
	bottom:3%;
	left:50%;
	margin-left:-27px;
	padding:0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	cursor:pointer;
	z-index:9999;
	opacity:0.9;
}
.bigup_dark {
	background: url(../img/bigup_dark.png) no-repeat center bottom;
	background-size: auto 15px;
	width: 120px;
	height:24px;
	margin:0 auto 0.5em;
	padding-top:60px;
}

#slider h1, #slider h2, #slider h4,
#articlepic h1, #articlepic h2, #articlepic h4 { color:#fff; padding:0;}

.be_logo {
	position:absolute;
	top:0;
	right:-400px;
	background:url(../img/be_logo.png);
	background-size: auto 100%;
	height:98px;
	width:317px;
}

.be_menu {
	position:absolute;
	display:block;
	padding:0;
	left:0;
	top:0;
	z-index:9999;
	background:url(../img/be_head.png) repeat-x;
	background-size: auto 100%;
	width:100%;
	height:98px;
}
#opener {
	position:absolute;
	padding:0;
	left:0;
	top:0;
	z-index:9999;
	background: none;
	width:100%;
	height:70px;
	display:none;
}

.be_scrolled {
	position: fixed;
	padding:5px 15px 0;
	background:#f2f2f2;
}

.be_menu_respo { display:none;}

#content {
	margin:4em auto;
	width:800px;
	padding:0 20px 50px;
	min-height:300px;
}

#content h1 { text-align: left;}

#content a, #content a:visited { text-decoration:none;}

/*  Responsive Tabs 
***************************/

.quarterset {
	padding:0;
	background:#233c88;
}

.bigquarter {
    position: relative;
	float:left;
	width:19%;
	padding:20px 3%;
	margin:0;
	min-height:200px;
	-webkit-transition: opacity 0.2s ease-in-out;
  	-moz-transition: opacity 0.2s ease-in-out;
  	-o-transition: opacity 0.2s ease-in-out;
  	transition: opacity 0.2s ease-in-out;
}
.bigquarter:hover {
	opacity:0.8;
}


.bigquarter span{
	position:absolute;
	bottom:20px;
	left:0px;
	background: #233c88;
	opacity:0.75;
	color:#fff;
	padding:3% 8% 6%;
	max-width:84%;
	border-top:0 solid #fff;
}

.bigquarter span h2 { color:#fff; font-size:2.2em; margin-bottom:6px; padding:0;}

.halfie_con, .halfie_con_end {
	float:left;
	width:47.3%;
	padding:2em 5% 2em 0;
} 
.halfie_con_end {
	float:left;
	width:47.3%;
	padding:2em 0;
} 

.halfie_con ul, .halfie_con_end ul, .listy ul {
	margin:1.3em 0;
} 

.spoiler_con ul {
	margin:1.3em 10px;
} 

.halfie_con ul li, .halfie_con_end ul li, .spoiler_con ul li, .listy ul li {
	margin:6px 0 0;
	list-style:inside;
	background: url(../img/bg_li.jpg) no-repeat left top 7px;
	padding:0 15px;
	border:0;
	text-transform:none;
} 

.halfie_con span { width:50px; display:inline-block;}

/*  Responsive Tabs 
*************************************/

.magazin, .magazin-min {
	display:block;
	width:100%;
	padding:0 0 1em;
	margin:0 0 1em;
	color:#fff;
	border-bottom:1px solid #ccc;
}
.magazin-min {
	color:#444;
}
.p-magazin {
	display:block;
	width:100%;
	padding:0 0 1em;
	margin:0 0 1em;
	border-bottom:1px solid #ccc;
}
.magazin h1, .magazin h2, .magazin h3 {
	color:#fff;
	margin-top:0;
	padding-top:0;
}
.magazin-min h1, .magazin-min h2, .magazin-min h3 {
	color:#222;
	margin-top:0;
	padding-top:0;
}
.magazin h2, .magazin-min h2 {
	text-align:center;
	font-size:1.3em;
}
.p-magazin h1, .p-magazin h2, .p-magazin h3 {
	text-align:center;
	margin-bottom:10px;
	padding-bottom:0;
}
.magazin ul li, .magazin-min ul li {
	list-style:outside square;
	display: list-item;
	margin:0 0 7px 13px;
}
.tpcon {
	display:none;
	margin-top:20px;
	min-height:370px;
}
.tpbutton {
	background:url(../img/tpbutton.png) no-repeat center;
	background-size:contain;
	width:50px;
	height:50px;
	margin:30px auto 0;
	cursor:pointer;
}
img.portrait {
	width:100%;
	height: auto;
	padding-bottom:15px;
}
.topborder {
	display:block;
	width:100%;
	margin-top:8px;
	border-top:5px solid #FECC18;
	height:10px;
}
.halfie {
	float:left;
	width:42%;
	padding:1.5em 4%;
	margin:0 0 1.5em;
}

.halfie:nth-of-type(2n) {
	margin:0 0 1.5em;
}

.third, .third_end {
	float:left;
	display:inline-block;
	width:26%;
	padding:3% 2.8% 4%;
	margin:0 2% 1.5em 0;
}
.third_end {
	margin:0 0 1.5em;
	background: none;
}
.third h3, .third_end h3 {
	font-size:1.3em;
	padding:0;
	margin:0;
	min-height:40px;
}
.third h4, .third_end h4 {
	text-align:center;
	font-size:1.1em;
	min-height:40px;
}


.third img, .third_end img {
	width:100%;
	height:auto;
}
.colspace {
	display:inline-block;
	min-width:90px;
}

.magazin .third, .magazin .third_end {
	background:#233c88;
	min-height:350px;
}
.magazin-min .third, .magazin-min .third_end {
	border: 1px solid #ccc;
	background:#fff;
	min-height:320px;
}
.p-magazin .third, .p-magazin .third_end {
	min-height:370px;
	border:1px solid #ccc;
}
.u-magazin .third, .u-magazin .third_end {
	min-height: 0;
}
.quarter_con {
	margin: 0;
	padding:2em 1em 0;
	background: url(../img/kv_spacer3.png) center top no-repeat;
}

.quarter_carousel {
	width:100%;
	max-width:840px;
	margin:0 auto;
}

.quarter_con h2,
.quarter_con h3, .quarter h3, .quarter_end h3 {
	text-align:center;
	display:block;
}
.quarter, .quarter_end {
	text-align:center;
	display:inline-block;
	width: 15%;
	padding:15px 2.22%;
	margin:2em 0;
	border-right: 1px solid #ccc;
	border-radius:4px;
}
.quarter_end {
	border-right: 0px solid #ccc;
}
.quarter_info {
	width:100%;
	text-align:center;
	color:#666;
	padding:1em 0 17px;
}
	
.respoblock {
	float:none;
	margin:0 0 1.5em;
}





/*  Spolier
***************************/

.spoilerset {
	display:block;
	margin:2em 0;
}

.spoiler {
	display:block;
}

.spoiler h3 { 
	margin-top: 0;
	background:url(../img/down_spolier.png) no-repeat right top;
	font-size:20px;
	
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.bg_off { background-image: none;}

.marrow_up {
	background:url(../img/up.png) no-repeat right center;
	background-size: 40px auto;
	height:10px;
	margin-top:20px;
	display:block;
}
.marrow_up:hover { cursor:pointer;}


.spoiler h3:hover { cursor:pointer;}

.spoiler_con {
	display: none;
	padding-bottom:2em;
}

.spoiler_con a, .spoiler_con a:visited { text-decoration:underline;}


/*  Inhalte
***************************/



/*  Download Dokumente
***************************/

.download {
	background:url(../img/downdoc.png) no-repeat left 10px top 12px;
	background-size: auto 60px;
	display:block;
	padding:0 15px 20px 75px;
	margin:0;
	border-top: 1px solid #ccc;
}
.download:hover {
	background-color: #f2f2f2;
}

.download h5 {
	margin-bottom:0;
}

/*  Pakete scrollen
***************************/

.arrow_up, .arrow_down {
	position:relative;
	background: url(../img/up.png) no-repeat center;
	margin:15px 0 25px;
	float: none;
	height:16px;
	display:none;
	
}
.arrow_down {
	background-image: url(../img/down.png);
}




/*  Fusszeile
***************************/

.totop {
	background:url(../img/totop.png) no-repeat center;
	display:block;
	height:16px;
	margin:20px 0;
}

#footer .totop {
	background:url(../img/bigdown.png) no-repeat center;
	background-size: auto 15px;
	margin:20px 0;
	height:19px;
}

.foot_con {
	padding:0;
	margin:0 auto;
	width:92%;
	max-width:900px;
	font-size:1em;
}

.bordered {
	background-color:#ffd258; 
}


.footfoot {
	float:none;
	clear:both;
	display:block;
	margin:50px 0 1em;
	padding:30px 0;
	text-align:center;
	font-size:0.8em;
	color:#fff;
	border-top:1px solid #fff;
}

.foot_con, .foot_con a, .foot_con a:visited{ color:#fff;}

#footer {
	background: #233c88;
	padding: 10px 0 60px;
	width:100%;
}

#footer h1, #footer h2, #footer h3, #footer h4 {
	margin-top:0;
}


@media all and (max-width: 984px) {
.be_menu {
	background:url(../img/be_head.png) repeat-x;
	background-size: auto 72px;
	height:72px;
}
.be_logo {
	background:url(../img/be_logo.png) no-repeat bottom;
	background-size: auto 72px;
	height:72px;
	margin-top:0px;
	width:233px; 
}
.menu, .menu_respo {
	height: 78px;
	padding:20px 2%;
	width:72%;
}

.menu_con {
}

#map {
	padding-top:60px;
}


}

@media all and (max-width: 860px) {
	
	
h1 { display:block; padding:1em 0 0;}
h2 { font-size:2.2em;}
h4 { font-size:1.35em;}

.be_menu {
	background:url(../img/be_head.png) repeat-x;
	background-size: auto 78px;
	width:100%;
	height:78px;
}

.be_logo {
	background:url(../img/be_logo.png) no-repeat bottom;
	background-size: auto 78px;
	height:78px;
	width:252px; 
}
.menu, .menu_respo {
	width:96%;
	height: 78px;
	padding:22px 2%;
}

.menu_con {
	position: absolute;
	width:100%;
	top:50px;
	left:0;
	margin:0;
	background:#233c88;
	padding:40px 0;
}

.inner_menu ul li {
	display:block;
	list-style: inside none;
	margin:0;
	border-bottom:1px solid #999;
}
.inner_menu ul li a, .inner_menu ul li a:visited {
	padding:10px 23px;
	display:block;
}

#fullscreen h1 { color:#fff; font-size: 3em; display:inline-block;}
#fullscreen h4 { color:#fff; font-size:1.5em;}

.headtitle a.button {
	font-size:1.1em;
	top: 10px;
	margin: 0 15px 0 0;
}

#content {
	margin:4em auto;
	width:90%;
	padding:0 0 50px;
}

.refimg {
	width: 47.3%;
	height:170px;
}

.magazin-min .third, .magazin-min .third_end {
	min-height:320px;
}

}


@media all and (max-width: 760px) {
	

.checked {
	margin:-20px -24px 0 0;
	height:22px;
	width:22px;
	background:url(../img/check.png) no-repeat;
	background-size: contain;
}

input[type=text] {
	font-size:1.6em;
	width:4em;
}
input[type=button], a.button {
	font-size:1.3em;
	padding:6px 8px;
}

.headtitle, .headtitle_s {
	padding:35px 15px 15px;
}
.magazin-min .third, .magazin-min .third_end{
	float:none;
	width: 90%;
	height:auto;
	min-height:auto;
	padding:5% 5% 10%;
	margin:2em 0;
}

}

@media all and (max-width: 660px) {
	
.button {
	display: block;
	margin:10px auto;
}

.headtitle, .headtitle_s {
	padding:15px 15px 0;
}

.headtitle h2, .headtitle_s h2 { font-size:	1.4em; margin-top:15px;}
	
body, html {
	font-size:15px;
}

h1{ font-size:2.1em;}
h2 { font-size:	1.6em; margin-top:2em;}
h3 { font-size:1.3em;}
h4 { font-size:1.1em;}

h6 { font-size:3.3em; line-height:0.6em; }

.i_base {
	background-repeat:no-repeat;
	background-size:100% auto;
	width:26px;
	height:26px;
	margin:12px 15px 35px 0;
}
#fullscreen h1 { color:#fff; font-size: 2em; margin:0 0 10px;}
#fullscreen h4 { color:#fff; font-size:1.2em; margin:0 0 5px;}

.i_home, .i_leistungen, .i_location, .i_phone, .i_fax, .i_mail {
	margin-bottom:75px;
}

.respoblock {
	float: left;
	width:45%;
	padding:0 5% 0 0;
	font-size:0.9em;
}

.arrow_up {
	opacity: 0;
	
}

.arrow_up, .arrow_down {
	display: block;
	
}

input[type=text] {
	margin-left: 0;
}

.halfie_con, .halfie_con_end {
	float: none;
	width:100%;
	padding:2em 0;
} 
.halfie_con span { width:65px;}

.third, .third_end, .magazin .third, .magazin .third_end, .magazin-min .third, .magazin-min .third_end{
	float:none;
	width: 90%;
	height:auto;
	min-height:auto;
	padding:5% 5% 10%;
	margin:1em 0;
}

.download {
	background:url(../img/downdoc.png) no-repeat left 10px top 18px;
	background-size: auto 63px;
}


}


@media all and (max-width: 530px) {

.refimg {
	width: 100%;
	height:220px;
	margin:10px 0;
	display:block;
}	
	
#slide_prev, #slide_next {
	display: block;
}
#pager {
	display:none;
}
	
.be_menu_respo {
}

.be_menu {
	background:url(../img/be_head.png) repeat-x;
	background-size: auto 78px;
	width:100%;
	height:78px;
}

.menu, .menu_respo {
	width:96%;
	height: 78px;
	padding:22px 2%;
}

.menu_con {
}

.inner_menu {
}


.be_logo {
}

a.mon_respo, a:visited.mon_respo {
	background: url(../img/bigup_dark.png) no-repeat center;
	background-size: 65px auto;
	width: 100%;
	height:16px;
	margin:0 0 0.5em;
	display:block;
}

.headtitle {
	bottom:15%;
	right:0;
	padding:5% 5% 0;
	width:90%;
}
.respoblock {
	float: none;
	width:80%;
	padding:0.5em 10% 0;
}

.halfie, .halfie_b, .halfie_end {
	width:96%;
	padding:1em 2%;
	margin:1em 2% 0;
}

.halfie_con span { width:65px;}


.third, .third_end {
	width:90%;
	padding:10px 5% 25px;
	text-align:center;
}

.third img, .third_end img {
}

.magazin .third, .magazin .third_end, 
.magazin-min .third, .magazin-min .third_end, 
.p-magazin .third, .p-magazin .third_end {
	min-height: 0;
}

.bigquarter {
	width:94%;
}

.bigquarter span{
	bottom:0;
	width:84%;
	padding-top:5%; 
}

}


@media all and (max-width: 426px) {
	
input[type=button] {
	top: 5px;
	margin: 0 auto 12px;
	display:block;
	text-align:center;
	width:70%;
}


}