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

html, body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	}

header, footer, section, aside, nav, article, div, main {
	display: block;
	margin: 0;
	padding: 0;
	
	box-sizing: border-box;
}

p, a, div, body, td, li{
	/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333333;
	font-size:12px;	
	
	
}

.normal {font-weight: normal;}
.medium {font-weight: medium;}
.bold {font-weight: bold;}

.easing {
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}
.easing:hover {
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

a {	text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}


a.link {
	font-weight: bolder;
	text-decoration: none;
	color: #3b8836;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}


a.link:hover {
	text-decoration: underline;
	color: #3b8836;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;

}


a.nav_link {
	color: #888;
	text-decoration: none;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}


a.nav_link:hover {
	text-decoration: none;
	color: #3b8836;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;

}

a.aktuell {
	color: #3b8836;
	text-decoration: none;
	font-weight: bolder;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;

}


a.aktuell:hover {
	text-decoration: underline;
	color: #3b8836;
	font-weight: bolder;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;


}

a.subnav_mobile {
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-weight: bolder;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;

}


a.subnav_mobile:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.75);
	font-weight: bolder;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;


}


.green {color: #3b8836;}


.text_left {text-align: left;}

.img_border {
	border: 1px solid #CCCCCC
	
	}

.facebook_colorset {
color: #4267b2; 

	
}
.facebook_colorset:hover {
color: #2a4e97;

	
}

div.buero {
padding:20px 30px 30px 30px; 
background-color: #eee; 
width:100%; 
text-align:left; 
background-image: url(/img/CH-Illu_01_neu-01.svg); 
background-repeat: no-repeat;  
background-position: bottom 35px right 30px;  
background-size: 25% auto;	
}

p.buero{
 width:65%;
}

/*Bsic Frameset*/
main{
	background-color: #fff;	
	width: 100%;
	min-height: 100%;
 	
  	/height: 100%;
	position: absolute;
	margin-top:150px;
	
	}
#outer_wrapper_nav{
	background-color: #fff;	
	width: 100%;
	
 	z-index: 1000;
  	position: fixed;
	height:120px;
	
	}
	

#outer_wrapper{
	
	max-width: 1050px;
	
	width: 100%;
	margin: 0 auto;
	min-height: 100%; 	
  	height: 100%;
	position: relative;
	background-color: #fff;
	//padding-bottom:350px;
}

#inner_wrapper_nav{
	
	max-width: 1050px;
	
	width: 100%;
	margin: 0 auto;
	min-height: 100%; 	
  	height: 100%;
	position: relative;
	background-color: #fff;
	//padding-bottom:350px;
}

#sep_hr{
	position: fixed;	
	top: 120px;
	width: 100%;
	z-index: 1000;
	border: 0;
	height:10px;
	margin: 0px;
	
	-webkit-box-shadow: inset 0px 4px 5px -1px rgba(153,153,153,0.8);
	-moz-box-shadow: inset 0px 4px 5px -1px rgba(153,153,153,0.8);
	box-shadow: inset 0px 4px 5px -1px rgba(153,153,153,0.8);
}

.framework {

margin-left: 115px;
margin-right: 115px;		
z-index: 10;
}


	
#outer_box nav, #outer_box article {
	margin-top: 0px;
	margin-bottom: 20px;
	}


	
/*Inhaltsformate*/
#outer_box nav.subnav {
	text-align: center;
	margin-bottom: 30px;
	color: #888;
}

#outer_box article.text_info_outer {
	text-align: center;
	min-height:50px;
	
	line-height:16px;
	margin-left: 0px;
	margin-right: 0px;
	//background-color: #cccccc;
	position:relative;
}

#outer_box article.text_info_outer div.arrow_left {
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	
	height: 100%;
	width:115px;
	cursor: pointer;
	
	
	background: url(/img/arrow_left.svg);	
	background-repeat:no-repeat;
	background-size: auto 46px;
	background-position: right 25px top ;
}

#outer_box article.text_info_outer div.arrow_right {
	position: absolute;
	top: 0;
	right: 0;
	
	height: 100%;
	width:115px;
	cursor: pointer;
	
	
	background: url(/img/arrow_right.svg);	
	background-repeat:no-repeat;
	background-size: auto 46px;
	background-position: left 25px top ;
}

.responsive_off {
	display: block;	
}
.responsive_on {
	display: none;	
}

.responsive_touch {
	border-right: 5px solid #ffffff;	
}


#outer_box section.text_info_inner {
	text-align: center;
	color: #3b8836;
	
	
	//border: 1px solid #999;
	
}
#outer_box section.text_info_inner_float {
	padding-top:20px;
	text-align: left;
	color: #3b8836;
	
	
	//border: 1px solid #999;
	
}
#outer_box section.text_info_inner_center {
	padding-top:20px;
	text-align: center;
	color: #3b8836;
	
	
	//border: 1px solid #999;
	
}
#outer_box section.text_info_inner_float p, #outer_box section.text_info_inner_center p {
	
	color: #3b8836;
	
	
}

#outer_box section.text_info_inner div.links {
	text-align: left;
	color: #3b8836;	
	float: left;
	padding-right: 40px;
	width: 40%;
	
}
#outer_box section.text_info_inner div.rechts{
text-align: left;
	color: #3b8836;	
	float: left;
	width: 60%;	
	
}

#outer_box div.img_line_wrapper div.txt{
text-align: left;
	color: #3b8836;	
	float: none;
	width: 100%;	
	display:none;
	
	
}

#outer_box  div.inline_txt, #outer_box  div.inline_txt_subseiten{
	text-align: middle;
	color: #ffffff;	
	
	position:absolute;
	bottom: 10px;
	width: 100%;
	background: rgba(59, 136,54, 0.8);
	padding: 10px;
	
	
	
}

#up_button_wrapper {
	position:fixed;
	bottom:0px;
	
	width: 100%;
	height: 40px;
	
	z-index: 1;
	
	display:none;
	
	padding-bottom:10px;
}

#up_button {
	
	margin: 0 auto;	
	width: 58px;
	height: 40px;	
	z-index: 1001;
	
}

#up_button img {
	cursor:pointer;
	opacity: 0.75;	
	z-index: 1002;
	
	text-decoration: none;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

#up_button img:hover {
	cursor:pointer;
	opacity: 1;	
	
	text-decoration: none;
	color: #3b8836;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}





/*Image Beispiele*/
#outer_box div.img_line_wrapper{
clear: both;

width: 100%;
/*height:300px;*/
position: relative;
	
}

#outer_box div.img_wrapper {
	height: auto;
	float: left;
	padding-bottom: 10px;
	position: relative;
	
		
	
	
}

#outer_box .cursor {
	
	cursor: url(/img/cursor.png), pointer;	
		
	
	
}


#outer_box div.img_wrapper div.img {
		background-color: #fff;
		widht: 100%;
		height:100%;
		
}

#outer_box div.img_wrapper div.hover_text {
	background: rgba(59, 136,54, 0.8);	
	position: absolute;
	top: 0;
	bottom: 10px ;
	left: 0 ;
	right: 0px;
		
	display:none;
	
	}

#outer_box div.img_wrapper div.hover_text_left {
	
	right: 5px;
	
	}
#outer_box div.img_wrapper div.hover_text_right {
	
	left: 5px;
	
	}
	
	
#outer_box div.hover_text div.hover_text_content {
	position: absolute;
	text-align: middle;
	top:45%;
	

	width:100%;
	color: #ffffff;	
	
	margin: 0 auto;
}

#outer_box div.full {
	width: 100%;
	height: auto;
	
		
	
}

div.img_wrapper img {
	object-fit: cover;
  	width: 100%;
  	height: 100%;
	
	
}

div.img_wrapper img.primary {
	display:none;
	
	
}
div.img_wrapper img.secondary {
	display: block;
}



#outer_box div.left {
	padding-right: 5px;	
	
}
#outer_box div.right {
	padding-left: 5px;	
	
}

#outer_box div.left_inline_text {
	border-right: 5px solid #ffffff;	
	
}

#outer_box div.big {
	width: 62%;	
	
}

#outer_box div.small {
	width: 38%;	
	
}



/*Header Bereich*/	
#mobile_nav {
	display:none;
	
	}

	
#mobile_nav div.menu_mobile hr {
	border: 0; 
	height: 2px; 
	background: #fff; 
	//background-image: linear-gradient(to right, #44a23e, #3b8836, #44a23e);
}

	
#menu_nav{
	height: 120px;
	margin-bottom: 30px;
	position: relative;
	
	width:100%;
	//-webkit-box-shadow: 0px 4px 8px -1px rgba(153,153,153,1);
	//-moz-box-shadow: 0px 4px 8px -1px rgba(153,153,153,1);
	//box-shadow: 0px 4px 8px -1px rgba(153,153,153,1);
	
	}




#menu_nav div.logo{
	width: 450px;
	height:100%;
	margin-left: 46px; 
	
	
	//border: 1px solid grey;
	
	position: relative;
	
	background: url(/img/hedikomm_logo-01.svg);	
	background-repeat:no-repeat;
	background-size: auto ;	
	background-position: left bottom 10px;
	
	
}

#menu_nav div.post_it{
	width: 250px;
	height:100%;
	margin-right: 102px; 
	
	//border: 1px solid grey;
	position: absolute;
	
	top: 0px;
	right: 0px;
	/*	
	background: url(/img/Post-it_Stand_standard_250x97.png);	
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right bottom 0px;
	*/
	
}

#menu_nav div.post_it div.post_it_platzhalter{
	width: 100%;
	height:100%;
	
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	background-color: none;	
	background-image: url(/img/postit_blank_250x116.png);	
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right bottom -18px;
	
}

#menu_nav div.post_it div.post_it_mitte{
	width: 100%;
	height:100%;
	
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	background-color: none;	
	background-image: url(/img/postit_mitte_250x116.png);	
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right bottom -18px;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	
}

#menu_nav div.post_it div.post_it_links{
	width: 100%;
	height:100%;
	
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	background-color: none;	
	background-image: url(/img/postit_links_250x116.png);	
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right bottom -18px;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	
	
}


#menu_nav div.post_it div.post_it_rechts{
	width: 100%;
	height:100%;
	
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	background-color: none;	
	background-image: url(/img/postit_rechts_250x116.png);	
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right bottom -18px;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	
	
}

#menu_nav div.post_it div.post_it_links:hover, #menu_nav div.post_it div.post_it_mitte:hover, #menu_nav div.post_it div.post_it_rechts:hover{
	
	background-position: right bottom -8px;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	
	
}


#menu_nav div.post_it_nav {
	position:absolute;
	color:#777777;
	//border: 1px solid #999999;	
	z-index: 1000;
	font-size:13px;	
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}	


#menu_nav div.post_it_nav:hover {
	font-weight:bolder;
	color:#3b8836;
	cursor: pointer;
	
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}	
	

	
#menu_nav div.highlight_post_it	
	{
	font-weight:bolder;	
	color:#3b8836;
	}

	

#menu_nav  div.text_1 {
	width:85px;
	height: 40px;
	top: 30px;
	left: 93px;
	
	text-align: center;
	padding-top: 14px;
	padding-right:5px;
	
}
#menu_nav  div.text_1:hover {
	height: 50px;
	top: 20px;
	
	
}



#menu_nav  div.text_2 {
	width:140px;
	height: 50px;
	top: 70px;
	left: 0px;
	
	text-align: center;
	padding-top: 19px;
	padding-right:10px;
	
}
#menu_nav  div.text_2:hover {
	height: 60px;
	top: 60px;
	
	
}

#menu_nav  div.text_3 {
	width:93px;
	height: 50px;
	top: 70px;
	left: 145px;
	
	text-align: center;
	padding-top: 19px;
	padding-right:10px;
	
}

#menu_nav  div.text_3:hover {
	height: 60px;
	top: 60px;
	
	
}


/*Footer*/
footer {

height: 30px;
position: relative;
text-align: right;	

}





/**/
/* pad 767*/
/**/



@media all and (max-width: 900px) and (min-width: 650px) {

html, body {
	background-color: #ffffff;
	height:none;
}
.framework {

margin-left: 95px;
margin-right: 95px;		
	
}

#menu_nav{
	height: 120px;
	margin-bottom: 30px;
		
	
	}

#sep_hr{
		
	top: 120px;
	
}

main{
	
	margin-top:150px;
	}
#outer_wrapper_nav{
	
	height:120px;
	
	}
	

#outer_wrapper{
	

}

#inner_wrapper_nav{
	
	
}






#menu_nav div.logo{
	width: 230px;
	height:100%;
	margin-left: 40px; 
		
	background: url(/img/hedikomm_logo-02.svg);	
	background-repeat:no-repeat;
	background-size: auto ;	
	background-position: left bottom 10px;
	
	
}

#menu_nav div.post_it{
	width: 250px;
	height:100%;
	margin-right: 85px; 	
	
	/*	
	background: url(/img/Post-it_Stand_standard_250x97.png);	
	background-repeat:no-repeat;
	background-size: 190px;
	background-position: right bottom 0px;
	*/
	
}

#menu_nav div.post_it div.post_it_platzhalter{
	
	
	background-color: none;	
	background-image: url(/img/postit_blank_190x88.png);	
	background-repeat:no-repeat;
	background-size: 190px;
	background-position: right bottom -11px;
	
	
}


#menu_nav div.post_it div.post_it_mitte{
		
	background-color: none;	
	background-image: url(/img/postit_mitte_190x88.png);	
	background-repeat:no-repeat;
	background-size: 190px;
	background-position: right bottom -11px;
	
	
}

#menu_nav div.post_it div.post_it_links{
		
	background-color: none;	
	background-image: url(/img/postit_links_190x88.png);	
	background-repeat:no-repeat;
	background-size: 190px;
	background-position: right bottom -13px;
	
	
}


#menu_nav div.post_it div.post_it_rechts{
		
	background-color: none;	
	background-image: url(/img/postit_rechts_190x88.png);	
	background-repeat:no-repeat;
	background-size: 190px;
	background-position: right bottom -13px;
	
	
}

#menu_nav div.post_it div.post_it_links:hover, #menu_nav div.post_it div.post_it_mitte:hover, #menu_nav div.post_it div.post_it_rechts:hover{
	
	background-position: right bottom -6px;
}

#menu_nav div.post_it_nav {
	
	font-size:12px;
		
}



#menu_nav  div.text_1 {
	width:67px;
	height: 33px;
	top: 47px;
	left: 130px;
	
	padding-top: 12px;
	padding-right:5px;
	
}
#menu_nav  div.text_1:hover {
	
	height: 40px;
	top: 40px;
	
	
}

#menu_nav  div.text_2 {
	width:106px;
	height: 41px;
	top: 79px;
	left: 60px;
	
	padding-top: 19px;
	padding-right:5px;
	
}
#menu_nav  div.text_2:hover, #menu_nav  div.text_3:hover {
	
	height: 40px;
	top: 40px;
	
	
}

#menu_nav  div.text_3 {
	width:77px;
	height: 41px;
	top: 79px;
	left: 165px;
	
	padding-top: 19px;
	padding-right:5px;
	
}

#menu_nav  div.text_2:hover, #menu_nav  div.text_3:hover {
	
	height: 48px;
	top: 72px;
	
	
}

#outer_box article.text_info_outer div.arrow_left {
	
	
	height: 100%;
	width:95px;
	
	
	background: url(/img/arrow_left.svg);	
	background-repeat:no-repeat;
	background-size: auto 40px;
	background-position: right 20px top ;
}

#outer_box article.text_info_outer div.arrow_right {
	
	
	height: 100%;
	width:95px;
	
	
	background: url(/img/arrow_right.svg);	
	background-repeat:no-repeat;
	background-size: auto 40px;
	background-position: left 20px top ;
}

.responsive_off {
	display: none;	
}
.responsive_on {
	display: block;	
}

.responsive_touch {
	border-right: none;	
}

#outer_box div.left {
	padding-right: 0px;	
	
}
#outer_box div.right {
	padding-left: 0px;	
	
}

#outer_box div.left_inline_text {
	border-right: none;	
	
}

#outer_box div.big {
	width: 100%;	
	
}

#outer_box div.small {
	width: 100%;	
	
}

#outer_box div.img_line_wrapper{

height:auto;

	
}

#outer_box div.full {
	width: 100%;
	height: auto;
	
}

div.img_wrapper img.primary {
	display: block;
	
	
}
div.img_wrapper img.secondary {
	display:none;
}


#outer_box article.text_info_outer {
	
	min-height:45px;
	
}

#outer_box section.text_info_inner div.links {
	float: none;
	width: 100%;
	
}
#outer_box section.text_info_inner div.rechts{
	display: none;
	float: none;
	
	
}
#outer_box div.img_line_wrapper div.txt{

	
	float: left;
		
	display:block;
	margin-bottom: 20px;
	
	
}

#outer_box div.img_wrapper div.hover_text_left {
	
	right: 0px;
	
	}
#outer_box div.img_wrapper div.hover_text {
	background-color: #ffffff;	/*unterbindet den Hovereffekt bei Resonsive*/
	
}

#outer_box div.img_wrapper {
	cursor: auto;
}
	
	
	

}




/**/
/* phone */
/**/

@media screen and (max-width: 650px) {
html, body {
	background-color: #ffffff;
	height:none;
}

main{
	
	margin-top:160px;
	}

.framework {

margin-left: 40px;
margin-right: 40px;		
	
}
#mobile_nav {
	display:block;
	height:34px;
	margin-bottom:25px;
	background-color: #3b8836;	
	color: #fff;
	text-align:right;
	padding: 2px 40px 2px 0;
	font-size: 25px;
	
	
	}
	
#menu_nav{
	height: 100px;
	margin-bottom:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	}

#sep_hr{
		
	display:none;
	
}

#menu_nav div.logo{
	width: 210px;
	height:100%;
	margin-left: 40px; 
		
	background: url(/img/hedikomm_logo-02.svg);	
	background-repeat:no-repeat;
	background-size: auto ;	
	background-position: left bottom 10px;
	
	
}

#menu_nav div.post_it{
	width: 250px;
	height:100%;
	margin-right: 0px; 	
		
	background: url(/img/Post-it_Stand_single.png);		
	background-repeat:no-repeat;
	background-size: 170px;
	background-position: right 20px bottom -10px;
	
	
}
#menu_nav div.post_it div.post_it_rechts{
		
	background: none;
	
	
}

#menu_nav div.post_it div.post_it_links, #menu_nav div.post_it div.post_it_mitte, #menu_nav div.post_it div.post_it_platzhalter{
		
	display: none;
	
	
}

#menu_nav div.post_it div.post_it_links:hover, #menu_nav div.post_it div.post_it_mitte:hover, #menu_nav div.post_it div.post_it_rechts:hover{
	
	background: none;
}

#menu_nav div.post_it_nav {
	
	font-size:12px;
		
}



#menu_nav  div.text_3 {
	width:58px;
	height: 33px;
	top: 57px;
	left: 153px;
	
	padding-top: 10px;
	padding-right:0px;
	
}

#menu_nav  div.text_3:hover {
	top: 57px;
	height: 33px;
}

#menu_nav  div.text_2, #menu_nav  div.text_1 {
	display: none;
	
	
}




#outer_box article.text_info_outer div.arrow_left {
	
	
	height: 100%;
	width:40px;
	
	
	background: url(/img/arrow_left.svg);	
	background-repeat:no-repeat;
	background-size: auto 40px;
	background-position: right 15px top ;
}

#outer_box article.text_info_outer div.arrow_right {
	
	
	height: 100%;
	width:40px;
	
	
	background: url(/img/arrow_right.svg);	
	background-repeat:no-repeat;
	background-size: auto 40px;
	background-position: left 15px top ;
}
.responsive_off {
	display: none;	
}
.responsive_on {
	display: block;	
}

.responsive_touch {
	border-right: none;	
}
	
#outer_box div.left {
	padding-right: 0px;	
	
}
#outer_box div.right {
	padding-left: 0px;	
	
}

#outer_box div.left_inline_text {
	border-right: none;	
	
}

#outer_box div.big {
	width: 100%;	
	
}

#outer_box div.small {
	width: 100%;	
	
}

#outer_box div.img_line_wrapper{

height:auto;

	
}
div.img_wrapper img.primary {
	display: block;
	
	
}
div.img_wrapper img.secondary {
	display:none;
}



#outer_box div.full {
	width: 100%;
	height: auto;
	
}

#outer_box article.text_info_outer {
	
	min-height:40px;
	
}

#outer_box section.text_info_inner div.links {
	float: none;
	width: 100%;
	
}
#outer_box section.text_info_inner div.rechts{
	display: none;
	float: none;
	
	
}

#outer_box div.img_line_wrapper div.txt{

	
	float: left;
		
	display:block;
	margin-bottom: 20px;
	
	
}
#outer_box div.img_wrapper div.hover_text_left {
	
	right: 0px;
	
	}
#outer_box div.img_wrapper div.hover_text {
	background-color: #ffffff;	/*unterbindet den Hovereffekt bei Resonsive*/
	cursor: auto;
}
#outer_box div.img_wrapper {
	cursor: auto;
}


div.buero {
padding:20px 30px 170px 30px; 
background-color: #eee; 
width:100%; 
text-align:left; 
background-image: url(/img/CH-Illu_01_neu-01.svg); 
background-repeat: no-repeat;  
background-position: bottom 15px center ;  
background-size: auto 150px;	
}

p.buero{
 width:100%;
}


}

.ausblenden {
	display: none;	
}


.white {color: #fff;}