/********************************************************************************************************************************/
/********************** MOBILE VERSION @ 390px Breite ***************************************************************************/


@media screen and (min-width: 680px) {

	#main_wrapper {
		/* position: absolute;*/
		overflow: hidden;
	}
	#header {
		position: fixed;
	}
	

/********************************************************************************************************************************/
/********************** WEBFONT OPENSANS ****************************************************************************************/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url('./OpenSans/OpenSans-Regular-400.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('./OpenSans/OpenSans-Semibold-600.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./OpenSans/OpenSans-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 1000;
	src: local('Open Sans Extrabold'), local('OpenSans-ExtraBold'), url('./OpenSans/OpenSans-ExtraBold.woff') format('woff');
}

/********************************************************************************************************************************/

@font-face {
	font-family: 'Open Sans Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('./OpenSans/OpenSans-Semibold-600.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./OpenSans/OpenSans-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans Extrabold';
	font-style: normal;
	font-weight: normal;
	src: local('Open Sans Extrabold'), local('OpenSans-ExtraBold'), url('./OpenSans/OpenSans-ExtraBold.woff') format('woff');
}


/********************************************************************************************************************************/
/********************** CSS-ANIMATIONS ******************************************************************************************/

.faq_box_arrow,
.blick_box_arrow  {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.10s;
	-moz-transition-duration: 0.10s;
	-o-transition-duration: 0.10s;
	transition-duration: 0.10s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}


.sub_navi_menue,
.faq_box_brown,
.blick_box_brown,
.text_window,
#result_content {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.30s;
	-moz-transition-duration: 0.30s;
	-o-transition-duration: 0.30s;
	transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

/********************************************************************************************************************************/
/********************** GLOBAL ELEMENTS *****************************************************************************************/


* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	border: medium;
}

html {
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;		
}

body {
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #f8fdff;
	font-family: 'Open Sans', sans-serif, Arial;	
	letter-spacing: 0.01em;
	font-size: 14px;
	line-height: 18px;	
	color: rgba(0,0,0,1);
	text-align: left;
	font-style: normal;
	font-weight: normal;  
	max-width: 100%;
	overflow-x: hidden;
}


.mobile_element, 
.mobile_element.showme {
	display: none;
}

.no_mobile.showme,
.showme {
	display: block;
}

.section {
	padding: 80px 0px;
	min-height: 100px;
	width: 100%;
	clear: both;
}

.wrapper {
	width: 1280px;
	height: inherit;
	margin: 0px auto;
	overflow: hidden;
}


/***********************************************************/
/********************** NO INPUT HIGHLIGHTS ****************/

input[type="file"] > input[type="button"]:-moz-focus-inner,
*:focus, *:visited, *:active, *:hover {
	outline: none !important;
	outline-style: none;
}

input[type="tel"]:focus, input[type="number"]:focus, input[type="text"]:focus, select:focus, textarea {
	outline: none !important;
	outline-style: none;
	box-shadow: 0 0 0px rgba(81, 203, 238, 0) !important;
}

input[type="checkbox"]:-moz-focusring,
input[type="radio"]:-moz-focusring,
input[type="tel"]:-moz-focusring,
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
	outline: none !important;
	shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield !important;
	-webkit-appearance: textfield !important;
}

input, select, option, textarea {
	font-family: 'Open Sans', sans-serif, Arial;
}



/***********************************************************/
/********************** CLAIMS *****************************/

.section_claim_white,
.section_claim_grey {
	position: relative;
	white-space: nowrap;
	text-align: left;
	text-transform: uppercase;
	color: rgb(104, 105, 105);
}

.section_claim_white {
	color: rgb(255, 255, 255);
}

.claim_top {
	overflow: visible;
	white-space: nowrap;
	text-align: left;
	font-weight: 1000;
	font-size: 66px;
	line-height: 80px;
	color: rgb(251, 203, 61);
	text-transform: uppercase;
	margin-left: -3px;
}

.claim_text {
	overflow: visible;
	font-size: 36px;
	line-height: 38px;
	font-weight: normal;
}

.claim_sub {
	width: 330px;
	text-transform: uppercase;
	text-align: right;
	font-weight: 800;
	font-size: 18px;
	margin-top: 5px;
}

.claim_line {
	overflow: visible;
	margin-left: 1px;
	width: 330px;
	height: 3px;	
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.claim_line path {
	fill: transparent;
	stroke-width: 4px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
	stroke: rgb(104, 105, 105);
}

.section_claim_white .claim_line path {
	stroke: rgb(255, 255, 255);
}


/***********************************************************/
/********************** TEXT-BOXEN ************************/

.text_box {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.text_box .text_window {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 125px;
	/*max-height: 700px;*/
}

.text_box .text_window.open {
	max-height: 700px;
}

.text_box span {
	
}

.text_box .headline {
	font-weight: 1000;
	font-size: 16px;
	line-height: 24px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}

.text_box .highlight {
	font-weight: 800;
	color: #eb690b;
	padding: 0px;
}

.text_box .link {
	font-weight: 800;
	text-decoration: underline;
	margin-top: 20px;
	cursor: pointer;
	float: left;
  margin-bottom: 30px;
  clear: both;
}


/***********************************************************/
/********************** ARROW-BUTTONS **********************/

.button_arrow_yel,
.button_arrow_grey,
.button_arrow {
	position: relative;
	max-width: 450px;
	width: auto;
	height: 62px;
  padding-top: 7px;
  clear: both;
}

.button_label {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	height: 46px;
	line-height: 46px;
	color: #fff;
	padding: 0px 35px 0px 67px;
	cursor: pointer;
	background-color: rgba(108,149,192,1);
	border-radius: 50px;
	float: left;
}

.button_circle {
	background-image: url('../img/pfeil_grey.svg');
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #6c95c0;
	background-size: auto 34px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-top: -7px;
	position: absolute;
	float: left;
}

.button_arrow_grey .button_label {
	background-color: rgb(104, 105, 105);
}

.button_arrow_grey .button_circle {
	border-color: rgb(104, 105, 105);
}

.button_arrow_yel .button_label {
	background-color: rgb(251,203,61);
	color: rgb(104, 105, 105);
}

.button_arrow_yel .button_circle {
	border-color: rgb(251,203,61);
}


/***********************************************************/
/********************** HOVER OBJECTS **********************/

.button_arrow_yel:hover .button_label,
.button_arrow_grey:hover .button_label,
.button_arrow:hover .button_label {
	background-color: rgb(234, 105, 16);
	color: rgb(255, 255, 255);
}

.button_arrow_yel:hover .button_circle,
.button_arrow_grey:hover .button_circle,
.button_arrow:hover .button_circle {
	border-color: rgb(234, 105, 16);
}

a {
	/*display: inline-block;*/
	color: inherit;
}

.navigation a:hover,
.navigation a.active,
.sub_navi_menue a:hover,
.sub_navi_menue a.active,
.footer a:hover .footer_tab {
	color: rgb(234, 105, 16);
	padding-bottom: 2px;
	border-bottom: 2px solid rgb(234, 105, 16);
}


/***********************************************************/
/********************** SHADOW OBJECTS *********************/

.mail_button,
.filter_box:hover,
.shadow_on,
.sub_navi_menue,
.e-tool img {
	filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 6px);
}

.filter_on1 {
	filter: drop-shadow(rgba(26, 67, 147, 0.4) 0px 2px 3px);
	border: 3px solid #0ce724;
	background-size: 110% !important;
}
.filter_on2 {
  filter: drop-shadow(rgba(26, 67, 147, 0.4) 0px 2px 3px);
  border: 3px solid #50d7de;
  background-size: 110% !important;
}
filter_on3 {
  filter: drop-shadow(rgba(26, 67, 147, 0.4) 0px 2px 3px);
  border: 3px solid #63d36a;
  /*background-size: 110% !important;*/
}

/********************************************************************************************************************************/
/********************** SECTIONS + ELEMENTS *************************************************************************************/


/***********************************************************/
/********************** TOP + NAVI *************************/

.header {
	position: fixed;
	top: 0px;
	z-index: 10000;
	min-height: 100px;
	width: 100%;
	clear: both;
	background-image: url('../img/navigation_background2.png');
	background-size: auto 145px;
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: -5px;
}

.header .wrapper {
	overflow: visible;
}

.navigation {
	background-image: url('../img/navigation_background2.png');
	height: 142px;
	overflow: visible;
	background-size: auto 145px;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 100;
	position: relative;
	padding-top: 45px;
	padding-left: 54px;
}

.logo {
	float: left;
	width: 260px;
	height: 45px;
	margin-right: 80px;
	margin-left: 80px;
}

.e-tool {
	float: right;
	width: 232px;
	height: auto;
	margin-right: 98px;
	margin-top: -40px;
}

.logo a,
.e-tool a,
.logo a:hover,
.e-tool a:hover,
.logo img,
.e-tool img {
	width: inherit;
	height: inherit;
	border: 0px !important;
	padding: 0px !important;
}

.navigation a {
	float: left;
	text-decoration: none;
	color: #686969;
	margin-left: 60px;
}

.nav_tab {
	margin-top: 15px;
}

.sub_navi_menue {
	background-color: #6c95c0;
	width: 205px;
  height: 220px;
  padding-top: 15px;
  padding-bottom: 50px;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  overflow: hidden;
  text-align: center;
  clear: both;
  position: absolute;
  z-index: 90;
  margin-top: -250px;
  margin-left: 468px;
}

.sub_navi_menue.showme {
	margin-top: -5px;
}

.sub_navi_menue a {	
	text-decoration: none;
	font-weight: 600;
	color: #ffffff;
	display: block;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.sub_navi_menue a .nav_tab {
	display: block;
	width: 100%;
	height: 25px;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}



.mail_button {
	width: 210px;
	height: auto;
	position: absolute;
	top: 200px;
	margin-left: 1110px;
}

.mail_button a,
.mail_button a svg {
	width: inherit;
	height: inherit;
}

.mail_button a:hover #Rechteck_13 {
          	stroke: #eb690b;
}
         
.mail_button a:hover #Ellipse_6 {
          	fill: #eb690b;
}



/***********************************************************/
/********************** TOP LIGHT **************************/

.section.top_light {
    background-image: url('../img/Gluhbirne_grau_web.png');
    background-color: #686969;
    color: #ffffff;
    height: 588px;
    background-size: auto 588px;
    background-position: center 0px;
    background-repeat: no-repeat;
    padding: 0px;
}

.section.top_text {
	background-color: #6c95c0;
	color: #ffffff;
	height: 388px;
	background-size: auto 588px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_light_claim {
    width: 567px;
    height: 222px;
    left: 458px;
    top: 280px;
}

#top_text_claim {
	width: 567px;
	height: 122px;
	left: 190px;
	top: 240px;
}

#top_light_claim .claim_line {
	margin-left: 2px;
}

#top_light_claim .small_add_claim {
	white-space: nowrap;
	margin-top: 15px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	text-transform: none;
	padding-left: 3px;
}

#top_light_blue_ellipse {
	position: absolute;
  overflow: visible;
  width: 547px;
  height: 547px;
  margin-left: 852px;
  top: 306px;
}

.top_light_blue_ellipse {
	fill: rgb(108, 149, 192);
}

#top_light_blue_white_fancy {
	position: absolute;
	width: 683px;
	height: 705px;
	margin-left: 883px;
	top: -86px;
	overflow: visible;
}

#top_light_blue_white_fancy img {
	width: 683px;
	height: 705px;
	left: 0px;
	top: 0px;
	overflow: visible;
}


/***********************************************************/
/********************** ABOUT US ***************************/

#about_us_logo {
	position: absolute;
	width: 260px;
	height: 43px;
	margin-left: 153px;
}

#about_us_logo img {
	width: inherit;
}

.news_details_big_text {
	margin-left: 153px;
    position: relative;
    overflow: visible;
    height: 350px;
    margin-bottom: 25px;
    width: calc(100% - 153px);
}

.news_details_texts1, 
.news_details_texts2 {
	overflow: hidden;
	float: left;
	margin-right: 50px;
	font-weight: 600;
	width: 40%;
}

#about_us_big_text_gewerke {
	margin-left: 153px;
	position: relative;
	overflow: visible;
	width: 850px;
	height: 350px;
	margin-bottom: 25px;
	margin-top: 30px;
}

#about_us_big_text {
	margin-left: 458px;
	position: relative;
	overflow: visible;
	width: 850px;
	height: 350px;
	margin-bottom: 25px;
}

#about_us_texts1,
#about_us_texts2 {
	overflow: hidden;
	width: 350px;
	float: left;
	margin-right: 30px;
	font-weight: 600;
}

#about_us_text {
    margin-left: 458px;
	position: relative;
	overflow: visible;
	width: 380px;
	margin-bottom: 30px;
}

#about_us_text2 {
	margin-left: 190px;
	position: relative;
	overflow: visible;
	max-width: 800px;
	margin-bottom: 30px;
}

.news_details_big_text .headline,
#about_us_big_text_gewerke .headline,
#about_us_big_text .headline,
#about_us_text .headline {
	font-weight: 1000;
	font-size: 18px;
	color: rgb(108, 149, 192);
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}

#about_us_button {
	margin-left: 458px;	
}


/***********************************************************/
/********************** GEWERKE ****************************/

.section.gewerke {
	padding-top: 20px;
}

.section.gewerke .wrapper {
	padding-left: 50px;
}

.gewerke_boxen {
	margin-left: 196px;
	width: 450px;
	height: 420px;
	position: absolute;
	/*margin-top: -458px;*/
}

.gewerke_boxen_row3 {
	clear: both;
	float: left;
	margin-bottom: 10px;
}

.gewerke_box {
	width: 134px;
	height: 134px;
	float: left;
	border-radius: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.gewerke_boxen_row3 .gewerke_box:nth-child(2) {
	margin: 0px 20px;
}

.gewerke_boxen_row2 {
	clear: both;
	float: left;
	padding: 0px 60px;
}

.gewerke_boxen_row2 .gewerke_box {
	margin: 0px 15px;
}

#gewerke_baecker {
	background-image: url('../img/gewerke_baecker.svg');
	border: 0px solid  #fbcb3d;
	color: #fbcb3d;
}

#gewerke_fleischer {
	background-image: url('../img/gewerke_fleischer.svg');
	border: 0px solid  #ea6910;
	color: #ea6910;
}

#gewerke_friseur {
	background-image: url('../img/gewerke_friseur.svg');
	border: 0px solid  #ea9b65;
	color: #ea9b65;
}

#gewerke_kfz {
	background-image: url('../img/gewerke_kfz.svg');
	border: 0px solid  #a7bfd9;
	color: #a7bfd9;
}

#gewerke_metall {
	background-image: url('../img/gewerke_metall.svg');
	border: 0px solid  #a4a5a5;
	color:  #a4a5a5;
}

#gewerke_textilreiniger {
	background-image: url('../img/gewerke_textilreiniger.svg');
	border: 0px solid  #6c95c0;
	color: #6c95c0;
}

#gewerke_tischler {
	background-image: url('../img/gewerke_tischler.svg');
	border: 0px solid  #329354;
	color: #329354;
}

#gewerke_weitere {
	background-image: url('../img/gewerke_weitere.svg');
	border: 0px solid  #8966a4;
	color: #8966a4;
}

#gewerke_baecker.invert {
	background-image: url('../img/gewerke_baecker_invert.svg');
	border: 0px solid  #fbcb3d;
}

#gewerke_fleischer.invert {
	background-image: url('../img/gewerke_fleischer_invert.svg');
	border: 0px solid  #ea6910;
}

#gewerke_friseur.invert {
	background-image: url('../img/gewerke_friseur_invert.svg');
	border: 0px solid  #ea9b65;
}

#gewerke_kfz.invert {
	background-image: url('../img/gewerke_kfz_invert.svg');
	border: 0px solid  #a7bfd9;
}

#gewerke_metall.invert {
	background-image: url('../img/gewerke_metall_invert.svg');
	border: 0px solid  #a4a5a5;
}

#gewerke_textilreiniger.invert {
	background-image: url('../img/gewerke_textilreiniger_invert.svg');
	border: 0px solid  #6c95c0;
}

#gewerke_tischler.invert {
	background-image: url('../img/gewerke_tischler_invert.svg');
	border: 0px solid  #329354;
}

#gewerke_weitere.invert {
	background-image: url('../img/gewerke_weitere_invert.svg');
	border: 0px solid  #8966a4;
}


#gewerke_claim {
	width: 343px;
	height: 185px;
	margin-left: 696px;
	margin-top: -10px;
	float: right;
  	margin-right: 185px;
}

#gewerke_text {
	margin-left: 696px;
	position: relative;
	overflow: visible;
	width: 340px;
	margin-bottom: 30px;
	float: right;
  	margin-right: 185px;
}

#gewerke_button {
	margin-left: 705px;
}


/***********************************************************/
/********************** HANDWERK ***************************/

#slide1 {
    background-image:url('/img/slider_1_small.png');
    background-size: 1280px;
    background-repeat: no-repeat;
}
#slide2 {
    background-image:url('/img/slider_2_small.png');
    background-size: 1280px;
    background-repeat: no-repeat;
}
#slide3 {
    background-image:url('/img/slider_3_small.png');
    background-size: 1280px;
    background-repeat: no-repeat;
}

.section.handwerk {
	/*background-image: url("../img/slider_1.jpg");*/
	color: rgb(255, 255, 255);
	min-height: 558px;
	background-size: auto 565px;
	background-repeat: no-repeat;
	padding: 0px;
	background-position: center bottom;
	margin-left: -10px;
}

#handwerk_claim {
	width: 477px;
	height: 174px;
	margin-left: 640px;
  margin-top: 320px;
  z-index: 90;
}


#handwerk_blue_ellipse {
	position: absolute;
  overflow: visible;
  width: 461px;
  height: 461px;
  margin-left: 850px;
  margin-top: -308px;
}

.handwerk_blue_ellipse {
	fill: rgb(108, 149, 192);
}

#handwerk_blue_white_fancy {
	position: absolute;
	overflow: hidden;
	width: 355px;
	height: 705px;
	margin-left: 1031px;
	margin-top: -760px;
}

#handwerk_blue_white_fancy img {
	width: 684px;
	height: 705px;
	left: 0px;
	top: 0px;
	overflow: visible;
}


/***********************************************************/
/********************** PARTNER ****************************/

.section.partner {
	background-image: url('../img/betriebe_und_partner.png');
	color: #ffffff;
	min-height: 300px;
	background-size: auto 228px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 132px 0px 102px;
}


/***********************************************************/
/********************** ENERGIEKOSTEN **********************/

.section.energiekosten {
	background-image: url("../img/energiekosten_background.png");
	color: rgb(255, 255, 255);
	height: 650px;
	background-size: 1433px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: -100px;
	background-position: center top;
	margin-left: -16px;
}

#energiekosten_claim {
	margin-left: 165px;
}

#energiekosten_text {
	margin-left: 570px;
	color: #ffffff;
	margin-bottom: 30px;
	width: 380px;
	margin-top: 80px;
	height: 125px;
	overflow: hidden;
}

#energiekosten_text .headline {
	font-weight: 1000;
  font-size: 16px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}

#energiekosten_button {
	margin-left: 570px;
}


/***********************************************************/
/********************** NEWS *******************************/

.section.news {
	padding-bottom: 30px;
}

#news_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
}

.news_boxen {
	padding-top: 50px;
	margin-left: 153px;
	height: 610px;
	overflow: hidden;
}

.news_box {
	position: relative;
	height: 550px;	
	width: 320px;
	margin-right: 30px;
	float: left;
}

.news_box::before {
	content: '!';
	height: 94px;
	width: 94px;
	position: absolute;
	border-radius: 100%;
	white-space: nowrap;
	font-weight: bold;
	font-size: 70px;
	line-height: 95px;
	text-align: center;
	color: rgba(255,255,255,1);
	background-color: rgb(235, 105, 11);
	text-transform: uppercase;
	margin-left: 250px;
	margin-top: -20px;
}

.news_bild {
	width: 320px;
	height: 240px;
	background-color: #686969;
	border-top-left-radius: 180px;
	overflow: hidden;
}

.news_bild img {
	width: inherit;
	height: inherit;
}

.news_content {
	width: 320px;
	height: 320px;
	background-color: #686969;
}

.news_text {
	padding: 20px 30px 0px 30px;
	color: #ffffff;
	width: 100%;
	height: 210px;
	overflow: hidden;
	display: block;
}

.news_text .datetime {
	margin-bottom: 10px;
	display: block;
}

.news_text .headline {
	font-weight: 1000;
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

.news_button {
	margin: 15px 30px;
}


/***********************************************************/
/********************** NEWS DETAILS ***********************/

.section.news_details_top {
	
}

.news_details_top_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
	margin-bottom: 70px;
}


.news_details_top_claim {
	margin: 0px 0px 30px 158px;
    height: auto;
    width: 1150px;
}

.news_details_top_claim .claim_top {
	line-height: normal;
    white-space: normal;
    width: 100%;
    font-size: 52px;
}

.news_details_top_claim .claim_text {
	font-size: 30px;
	word-wrap: break-word;
	line-height: normal;
	white-space: wrap;
}

.section.news_details {
	padding: 0px 0px 0px 0px;
}

.news_details_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
}

.moments_top_left {
	float: left;
	height: 330px;
	width: calc(50% - 20px);
	margin: 0px 20px 20px 0px;
}

.moments_top_right {
	float: right;
	height: 330px;	
    width: calc(50% - 20px);
	margin: 0px 0px 20px 20px;
}

.moments1 {
	background-size: cover;
	float: right;
    width: 100%;
    height: 100%;
	border-top-left-radius: 230px;
    background-color: #e2e7e9;
    overflow: hidden;
}

.moments_left {
	float: left;
	height: 656px;
	width: calc(50% - 20px);
	margin: 20px 20px 40px 0px;
}

.moments2 {
	background-size: cover;
    background-color: #e2e7e9;
	float: left;
	width: calc(50% - 20px);
    height: calc(50% - 20px);
    margin: 0px 20px 20px 0px;
}

.moments3 {
	background-size: cover;
    background-color: #e2e7e9;
	float: left;
	width: calc(50% - 20px);
    height: calc(50% - 20px);
    margin: 0px 0px 20px 20px;
}

.moments6 {
	background-size: cover;
	clear: both;
	float: left;
	width: 100%;
    height: calc(50% - 20px);
    margin: 20px 0px 0px 0px;
	border-bottom-left-radius: 150px;
    background-color: #e2e7e9;
    overflow: hidden;
}

.moments_right {
	float: right;
	height: 656px;
	width: calc(50% - 20px);
	margin: 20px 0px 40px 20px;
}

.moments4 {
	background-size: cover;
    background-color: #e2e7e9;
	float: left;
	width: calc(50% - 20px);
    height: 100%;
    margin: 0px 20px 0px 0px;
}

.moments5 {
	background-size: cover;
    background-color: #e2e7e9;
	float: left;
	width: calc(50% - 20px);
    height: calc(50% - 20px);
    margin: 0px 0px 20px 20px;
}

.moments7 {
	background-size: cover;
	float: left;
	width: calc(50% - 20px);
    height: calc(50% - 20px);
    margin: 20px 0px 0px 20px;
	border-bottom-right-radius: 150px;
    background-color: #e2e7e9;
    overflow: hidden;
}

.news_details_quellen {
	margin: 0px 0px 70px 153px;
	clear: both;
	height: 50px;
	color: #787a7a;
}


/***********************************************************/
/********************** FAQ ********************************/

#faq_claim {
    width: 477px;
    height: 174px;
    margin-left: 153px;
}

#text_claim {
	width: 477px;
	height: 174px;
	margin-left: 190px;
}

.faq_boxen {
    margin-top: 50px;
}

.txt_boxen {
    padding-top:30px;
	margin-left:190px;
    color:#686969;
}

.faq_box {
    position: relative;
    min-height: 85px;
    margin-left: 145px;
    width: 100%;
}

.faq_box_blue {
	position: absolute;
	width: 1058px;
	height: 95px;
	cursor: pointer;
	background-color: rgba(108,149,192,1);
	border-radius: 50px;
	border: 10px solid #fff;
	margin-left: -5px;
	margin-top: -20px;
}

.faq_box_text {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	line-height: 75px;
	margin-left: 60px;
}

.faq_box .faq_box_arrow {
	overflow: visible;
	position: absolute;
	width: 35px;
  height: 20px;
	transform: translate(-213px, -6606.296px) matrix(1,0,0,1,1607.8712,6983.5621) rotate(-90deg);
	transform-origin: center;
	margin-left: -420px;
	margin-top: -425px;
}

.faq_box.open .faq_box_arrow {
	overflow: visible;
	position: absolute;
	width: 35px;
	height: 20px;
	margin-left: 970px;
	margin-top: -45px;
	transform: matrix(1,0,0,1,0,0);
}

.faq_box_arrow_path {
	fill: rgba(0,0,0,0);
	stroke: rgba(255,255,255,1);
	stroke-width: 4px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

.faq_box.open .faq_box_brown {
	max-height: 800px;
	display: block;
	margin-bottom: 12px;
}

.faq_box_brown {
	overflow: visible;
	position: relative;
	z-index: 10;
	width: 1050px;
	background-color: rgba(104,105,105,1);
	border-radius: 50px;
	border: 5px solid #ffffff;
	min-height: 10px;
	max-height: 10px;
}

.faq_box_brown_texts {
	position: relative;
	width: 810px;
	height: auto;
	margin-left: 140px;
	margin-top: 100px;
	overflow: hidden;
	color: rgba(255,255,255,1);
}

.faq_box.open .faq_box_brown_texts {
	display: block;
	padding-bottom: 25px;
}

.faq_box_brown_text_1,
.faq_box_brown_text_2 {
	float: left;
	width: 45%;
	padding: 2%;
}


/***********************************************************/
/********************** GLOSSAR ****************************/

.section.glossar {
	background-image: url('../img/energiesparglossar_background.png');
	color: #ffffff;
	height: 604px;
	background-size: 1454px auto;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#glossar_claim {
	margin-left: 150px;
	margin-top: 30px;
}

#glossar_text {
	margin-left: 155px;
	color: #ffffff;
	margin-bottom: 30px;
	width: 480px;
	margin-top: 60px;	
	height: 165px;
  overflow: hidden;
}

#glossar_text .headline {
	font-weight: 1000;
  font-size: 16px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}

#glossar_button {
	margin-left: 155px;
}


/***********************************************************/
/********************** DOWNLOADS **************************/

#downloads_claim {
	width: 680px;
	height: 174px;
	margin-left: 153px;
}

.download_texte .headline {
	font-weight: 1000;
	font-size: 16px;
	color: rgba(104,105,105,1);
	text-transform: uppercase;
	display: block;
	width: 1000px;
	margin-bottom: 20px;
	margin-top: 10px;
	float: left;
	clear: both;
}

.download_boxen {
	width: 1100px;
	margin-left: 153px;
	margin-top: 50px;
}

.download_box {
	float: left;
	margin-right: 30px;
	width: 505px;
	height: 78px;
	color: #fff;
	padding-left: 40px;
	cursor: pointer;
	background-color: rgba(108,149,192,1);
	border-radius: 50px;
	margin-bottom: 30px;
}

.download_titel, 
.download_text {
	font-weight: bold;
	width: 350px;
	height: 25px;
	float: left;
	line-height: 30px;
	margin-top: 10px;
	text-transform: uppercase;
}

.download_text {
	font-weight: normal;
	margin-top: 0px;
	text-transform: unset;
}

.download_circle {
	background-image: url('../img/download_arrow.png');
	width: 87px;
	height: 87px;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #6c95c0;
	background-size: 45px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-top: -5px;
	position: absolute;
	margin-left: 378px;
}

a:hover .download_box,
.download_box:hover {
	background-color: rgb(234, 105, 16);
}

a:hover .download_circle,
.download_box:hover .download_circle {
	border-color: rgb(234, 105, 16);
}

#downloads_button {
	margin: 0px auto;
	max-width: 255px;
}



/***********************************************************/
/********************** MAPS *******************************/

.section.maps {
	padding-top: 150px;
}

.maps .wrapper {
	background-color: #686969;
}

#maps_globus > div:first-of-type{
    height: 695px !important;
    width: 800px !important;
    overflow: hidden !important;
}

.maps_globus {
	color: #ffffff;
	height: 725px;
	background-size: 1920px auto;
	background-position: top right;
	background-repeat: no-repeat;
	position: absolute;
	width: 1920px;
	left: 50%;
	margin-top: -725px;
	overflow: hidden;
    margin-left: calc(1344px / -2);
}

#maps_content {
	margin-left: 155px;
	color: #ffffff;
	margin-top: 70px;
	min-height: 505px;
	position: relative;
  z-index: 80;
}

#maps_text {
	height: 155px;
	width: 350px;
	overflow: hidden;
	margin-bottom: 40px;
}

#maps_text .headline {
	font-weight: 1000;
  font-size: 16px;
  color: #fbcb3d;
  text-transform: uppercase;
  display: block;
  margin-bottom: 40px;
}

.maps_suche {
	width: 390px;
	float: left;
}

#maps_search {
	width: 335px;
	height: 32px;
	padding: 0px 15px;
	background-image: url('../img/lupe.png');
	background-position: 295px center;
	background-repeat: no-repeat;
	background-size: 22px auto;
	border-radius: 50px;
	background-color: #ffffff;
	border: 0px;
	margin-bottom: 30px;
	font-size: 15px;
  font-weight: 600;
}

.section.maps
	::placeholder {
	  color: #686969;
	  font-size: 15px;
	  opacity: 1;
}

.maps_select_group {
	float: left;
	margin-right: 30px;
	color: #ffffff;
}

.maps_select_group .headline {
	font-weight: 1000;
  font-size: 16px;
  color: #fbcb3d;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.maps_select_group input {
  margin-right: 8px;
}

.maps_select_group label {	
	line-height: 22px;
}


/***********************************************************/
/********************** FOOTER *****************************/

.footer {
	background-color: #6c95c0;
	height: 140px;
	width: 100%;
	bottom: 0px;
}

.footer .wrapper {
	padding-top: 60px;
}

.footer a {
	float: left;
	text-decoration: none;
	color: #ffffff;
}

.footer_tab {
	margin-right: 60px;
	border-bottom: 0px !important;
}

.footer .footer_logos {
	float: left;
	margin-top: -25px;
	margin-right: 100px;
	margin-left: 153px;
}

.footer .footer_logos svg {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 20px;
}
         
.footer .footer_logos a:hover svg #Rechteck_53,
.footer .footer_logos a:hover svg #Rechteck_54,
.footer .footer_logos a:hover svg path {
	fill: #eb690b;
}

/********************************************************************************************************************************/
/********************** GLOSSAR STYLES ******************************************************************************************/


/***********************************************************/
/********************** TOP DETAILS ************************/

.section.top_details {
	background-color: #6c95c0;
	color: #ffffff;
	height: 308px;
	background-size: auto 308px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_details_claim {
	width: 45%;
	height: 222px;
	margin-left: 158px;
	margin-top: 165px;
}

#top_details_claim .claim_top {
	float: left;
	margin-bottom: 20px;
}

#top_details_claim .claim_text {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#top_details_claim .claim_line {
	margin-left: -5px;
	clear: both;
	float: left;
	width: 333px;
}

.top_details #button_bg1,
.top_details #button_bg2,
.top_details #button_bg3,
.top_details #button_bg4,
.top_details #button_bg5,
.top_details #button_bg6,
.top_details #button_bg7,
.top_details #button_bg8 {
	left: unset;
	right: 0px;
}

/***********************************************************/
/********************** TOP ALLES **************************/

.section.top_alles {
	background-image: url('../img/bunte_Kreise.png');
	background-color: #6c95c0;
	color: #ffffff;
	height: 308px;
	background-size: auto 308px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_alles_claim {
	width: 567px;
	height: 222px;
	margin-left: 158px;
	margin-top: 165px;
}

#top_alles_claim .claim_top {
	float: left;
	margin-bottom: 20px;
}

#top_alles_claim .claim_text {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#top_alles_claim .claim_line {
	margin-left: -5px;
	clear: both;
	float: left;
	width: 333px;
}


/***********************************************************/
/********************** TOP NEWS ***************************/

.section.top_news {
	background-color: #6c95c0;
	color: #ffffff;
	height: 308px;
	background-size: auto 308px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_news_claim {
	width: 100%;
	height: 145px;
	margin-left: 158px;
	margin-top: 165px;
}

#top_news_claim .claim_top {
	float: left;
	margin-bottom: 20px;
}

#top_news_claim .claim_text {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#top_news_claim .claim_line {
	margin-left: -5px;
	clear: both;
	float: left;
	width: 333px;
}


/***********************************************************/
/*********************** NEWS OVERVIEW *********************/

.section.news_overview {
	padding: 0px 0px 0px;
	margin-top: -50px;
}

.news_overview_claim {
	width: 100%;
	height: 200px;
	margin-left: 0px;
}

.news_overview_boxen {
	margin-left: 153px;
	padding-top: 80px;
	border-top: 2px solid rgb(211, 225, 238);
}

.news_overview_box {
	height: 500px;
	float: left;
	margin-bottom: 0px;
	width: 50%;
}

.news_overview_bild {
	border-radius: 100%;
	overflow: hidden;
	width: 200px;
	height: 200px;	
	float: left;
}

.news_overview_bild img {
	width: inherit;
	height: inherit;
}

.news_overview_textbox {
	width: 350px;
	padding: 0px;
	float: right;
}
 
.news_overview_text {
	color: rgb(0, 0, 0);
	margin-bottom: 0px;
	height: 140px;
	padding-right: 100px;
}

.news_overview_button {
	margin: 0px;
	max-width: 250px
}

/***********************************************************/
/********************** SUCHEN WISSEN **********************/

.section.suche_wissen {
	padding: 60px 0px;
}

#suche_wissen_text {
	margin-left: 153px;
	position: relative;
	overflow: visible;
	width: 380px;
	margin-bottom: 30px;
	float: left;
}

#newsarchiv_button {
	margin-top: 30px;
}

#suche_wissen_text .headline, 
.filter_boxen .headline {
	font-weight: 1000;
	font-size: 16px;
	color: rgb(108, 149, 192);
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	line-height: 24px;
}


.suche_wissen_box {
	width: 580px;
	height: 40px;
	color: #fff;
	background-color: #a4a5a5;
	border-radius: 50px;
	margin-bottom: 40px;
	float: left;
	margin-left: 80px;
	overflow: hidden;
}

.suche_wissen_titel {
	font-weight: bold;
	height: 45px;
	float: left;
	line-height: 45px;
	margin-top: 0px;
	text-transform: uppercase;
}

#search {
	width: 520px;
	height: 45px;
	padding: 0px 0px 1px 30px;
	border-radius: 50px;
	background-color: #a4a5a5;
	color: #ffffff;
	border: 0px;
	margin-bottom: 30px;
	line-height: 45px;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
}

.section.suche_wissen
	::placeholder {
	  color: #ffffff;
	  opacity: 1;
}

.suche_wissen_circle {
	background-image: url('../img/lupe.png');
	width: 62px;
	height: 62px;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #a4a5a5;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-top: -8px;
	position: absolute;
	margin-left: 518px;
	cursor: pointer;
}

#suchen_wissen_filter_boxen.filter_boxen {
	margin-left: 80px;
	width: 610px;
	height: 105px;
	float: left;
}

.filter_boxen_row {
	clear: both;
	float: left;
	margin-bottom: 10px;
}

.filter_box {
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 12px;
	border-radius: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.filter_text {
	min-width: 40px;
	height: 20px;
	float: left;
	margin-right: 30px;
	font-weight: 800;
    cursor: pointer;
    height: 22px;
    margin-bottom: 8px;
    border-bottom: 2px solid transparent;
}

.filter_text_long {
	width: 220px;
	margin-right: 0px;
	float: left;
}

.filter_text_long .filter_text {
	float: left;
	margin-right: 0px;
	clear: both;
}

.filter_text:hover {	
	border-color: rgb(235, 105, 11);
}

.filter_text:hover,
.filter_text.active {
	color: rgb(235, 105, 11);
}

.filter_text.active:hover {
	color: inherit;
	border-color: rgb(0, 0, 1);
}


/***********************************************************/
/********************** RESULTS ****************************/

.section.results {
	padding: 0px;
	min-height: 0px;
}

#result_content {
	position: relative;
	height: 0px;
	width: 1040px;
	overflow: hidden;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	margin: 0px auto;
	
}

#result_content.showme {
	border-top: 2px solid #d3e1ee;
	border-bottom: 2px solid #d3e1ee;
	height: auto !important;
  padding: 30px 0px;
}


.result_text {
	overflow: hidden;
	color: #686969;
	width: 345px;
	height: 150px;
	margin-bottom: 30px;
	float: left;	
}

.result_text span {
	padding-right: 25px;
}

.result_text .headline {
	font-weight: 1000;
	font-size: 17px;
	line-height: 24px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;	
}

.result_text .highlight {
	font-weight: 800;
	color: #eb690b;
	padding: 0px;
}

.result_text .link {
	font-weight: 800;
	text-decoration: underline;
	display: block;
	margin-top: 20px;
}


/***********************************************************/
/********************** BLICK ******************************/

.section.blick {
	/*padding-top: 60px;*/
}

#blick_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
}

#blick_filter_boxen.filter_boxen {
	width: 610px;
	height: 102px;
	float: none;
	margin-left: 615px;
}

.blick_boxen {
	margin-top: 20px;
}

.blick_box {
	position: relative;
	min-height: 55px;
	margin-left: 145px;
	width: 100%;
}

.blick_box_blue {
	position: absolute;
	width: 1053px;
	height: 55px;
	cursor: pointer;
	background-color: rgba(108,149,192,1);
	border-radius: 50px;
	border: 5px solid #fff;
	margin-left: -5px;
	margin-top: -10px;
}

.blick_box_text {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	line-height: 45px;
	margin-left: 30px;
}

.blick_box .blick_box_arrow {
	overflow: visible;
	position: absolute;
	width: 35px;
	height: 12px;
	transform: translate(-213px, -6606.296px) matrix(1,0,0,1,1607.8712,6983.5621) rotate(-90deg);
	transform-origin: center;
	margin-left: -395px;
	margin-top: -405px;
}

.blick_box.open .blick_box_arrow {
	overflow: visible;
	position: absolute;
	width: 35px;
	height: 12px;
	margin-left: 995px;
	margin-top: -28px;
	transform: matrix(1,0,0,1,0,0);
}

.blick_box_arrow_path {
	fill: rgba(0,0,0,0);
	stroke: rgba(255,255,255,1);
	stroke-width: 6px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

.blick_box.open .blick_box_brown {
	height: auto;
    max-height: 5000px;
    padding-bottom:20px;
	display: block;
	margin-bottom: 12px;
}

.blick_box_brown {
	overflow: visible;
	position: relative;
	z-index: 10;
	width: 1049px;
	background-color: rgba(104,105,105,1);
	border-radius: 50px;
	border: 5px solid #ffffff;
	height: 10px;
}

.blick_box_brown_texts {
	position: relative;
	width: 810px;
	height: auto;
	margin-left: 140px;
	margin-top: 60px;
	overflow: hidden;
	color: rgba(255,255,255,1);
    display:none;              
}

.blick_box.open .blick_box_brown_texts {
	display: block;
}

.blick_box_brown_text_1,
.blick_box_brown_text_2 {
	float: left;
	width: 45%;
	padding: 2%;
}

#blick_white_fancy {
	position: absolute;
    z-index: 10;
    overflow: hidden;
    width: 300px;
    height: 200px;
    margin-left: -50px;
}

#blick_gewerk_circle {
	position: absolute;
	overflow: visible;
	width: 432px;
	height: 432px;
	margin-left: -50px;
	margin-top: 0px;
	border-radius: 100%;	
}

#blick_white_fancy img {
	width: 684px;
	height: 705px;
	margin-left: -320px;
	margin-top: -550px;
}

#blick_gewerk_circle img {
	width: inherit;
	height: inherit;
}

/***********************************************************/
/********************** VIDEOS *****************************/

.section.videos {
	padding: 30px 0px;
}

#videos_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
}

.videos_link_boxen {
	margin-top: 50px;
	margin-left: 153px;
}

.videos_link_boxen_row {
	float: left;
	clear: both;
	margin-bottom: 25px;
}

.videos_link_box {
	float: left;
	position: relative;
	height: 100px;
	margin-right: 5px;
	width: 355px;	
}

.videos_play {
	float: left;
	width: 98px;
	height: 98px;
	border-radius: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.videos_text {
	float: left;
	color: rgba(104,105,105,1);
}
.videos_text span {
	display: block;
  height: 20px;
}
.videos_text .headline {
	font-weight: 1000;
  font-size: 16px;  
  text-transform: uppercase;
  display: block;
  margin-top: 30px;
}

.yellow_circle {
	background-image: url('../img/play_yellow_circle.svg');
}

.orange_circle {
	background-image: url('../img/play_orange_circle.svg');
}

.lightorange_circle {
	background-image: url('../img/play_lightorange_circle.svg');
}

.lightblue_circle {
	background-image: url('../img/play_lightblue_circle.svg');
}

.grey_circle {
	background-image: url('../img/play_grey_circle.svg');
}

.blue_circle {
	background-image: url('../img/play_blue_circle.svg');
}

.green_circle {
	background-image: url('../img/play_green_circle.svg');
}

.lila_circle {
	background-image: url('../img/play_lila_circle.svg');
}



/********************************************************************************************************************************/
/********************** GEWERKE STYLES ******************************************************************************************/


/***********************************************************/
/********************** TOP BACKEN *************************/

.section.top_backen {
	background-image: url('../img/backen_top_background.png');
	color: #ffffff;
	height: 588px;
	background-size: auto 588px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_backen_claim {
	width: 567px;
	height: 222px;
	left: 200px;
	top: 280px;
}

#top_backen_claim .claim_line {
	margin-left: 2px;
}

#top_backen_claim .small_add_claim {
	white-space: nowrap;
	margin-top: 15px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	text-transform: none;
	padding-left: 3px;
}


.top_backen_yel_ellipse {
	position: absolute;
  overflow: visible;
  width: 547px;
  height: 547px;
  margin-left: 852px;
  top: 306px;
}

#top_backen_yel_ellipse {
	fill: rgba(108,149,192,1);
}

#top_backen_yel_white_fancy {
	position: absolute;
	width: 683px;
	height: 705px;
	margin-left: 883px;
	top: -86px;
	overflow: visible;
}

#top_backen_yel_white_fancy img {
	width: 683px;
	height: 705px;
	left: 0px;
	top: 0px;
	overflow: visible;
}


/***********************************************************/
/********************** BERATUNG ***************************/

#beratung_big_text {
	margin-left: 153px;
	position: relative;
	overflow: visible;
	width: 750px;
	
	margin-bottom: 25px;
}

.beratung_text .headline {
	font-weight: 1000;
	font-size: 18px;
	color: rgba(251,203,61,1);
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}

.beratung_text {
	overflow: hidden;
	width: 350px;
	float: left;
	margin-right: 30px;
	font-weight: 600;
}

.beratung_text span {
	display: block;
}

.beratung_text .highlight {
	font-weight: 800;
	color: #eb690b;
	padding: 0px;
	display: inline;
}

#beratung_button {
  margin-left: 153px;	
}



/***********************************************************/
/********************** EINBLICK *************************/

.section.einblick {
	padding: 40px 0px 0px 0px;
}

#einblick_claim {
	width: 477px;
	height: 100px;
	margin-left: 153px;
	position: relative;
	z-index: 80;
}

.einblick_playbox {
	background-image: url('../img/einblicke_y.png');
	color: #ffffff;
	height: 560px;
	background-size: 1344px auto;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

.einblick_playbox .video-js {
	height: 560px;
	width: 1344px;	
}

#einblick_text .headline {
	font-weight: 1000;
	font-size: 18px;
	color: rgba(104,105,105,1);
	text-transform: uppercase;
	display: block;
}

#einblick_playbutton {
	background-image: url('../img/play_button_y.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 160px;
	height: 160px;
	margin-left: 592px;
	margin-top: 200px;
}


#einblick_text {
	/*margin: -110px 0px 20px 342px;*/
	margin: 20px 0px 20px 342px;
}

.einblick_yel_ellipse {
	/*position: relative;*/
	position: absolute;
	overflow: visible;
	width: 432px;
	height: 432px;
	margin-left: -177px;
	margin-top: -290px;
}

#einblick_yel_ellipse {
	fill: rgba(251,203,61,1);
}

#einblick_yel_white_fancy {
	position: absolute;
	z-index: 70;
	overflow: hidden;
	width: 684px;
	height: 705px;
	margin-left: -426px;
	margin-top: -200px;
}

#einblick_yel_white_fancy img {
	width: 684px;
	height: 705px;
}

#einblick_button {
	margin-top: 20px;
}


/***********************************************************/
/********************** PRAXIS *************************/

.section.praxis {
}

#praxis_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
	margin-bottom: 15px;
}

#praxis_bild {
	background-image: url('../img/praxisbeispiele_y.png');
  color: #ffffff;
  height: 550px;
  background-size: 1344px auto;
  background-position: center 0px;
  background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 80px;
}

#praxis_texte {
	position: absolute;
	width: 350px;
	height: 300px;
	margin-left: 860px;
	margin-top: 220px;
	color: rgba(255,255,255,1);
}

#praxis_text .headline,
#praxis_text .bottomline {
	font-weight: 1000;
	font-size: 18px;
	margin-bottom: 15px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	display: block;
}

#praxis_text .bottomline {
	margin: 15px 0px 30px 0px;
}

#praxis_text .bottomline span {
	margin: 0px 20px;
}

#praxis_blue_white_fancy {
	position: absolute;
	overflow: hidden;
	z-index: 70;
	width: 683px;
	height: 705px;
	margin-left: 1212px;
	margin-top: -145px;
}

#praxis_blue_white_fancy img {
	width: 684px;
  height: 705px;
}

.praxis_blue_ellipse {
	position: absolute;
	overflow: visible;
	width: 550px;
	height: 550px;
	margin-left: 777px;
	margin-top: 105px;
}

#praxis_blue_ellipse {
	fill: rgba(108,149,192,1);
}

/***********************************************************/
/********************** GLOSSAR ****************************/

.section.glossar_y {
	background-image: url('../img/energiesparglossar_background_y.png');
	color: #ffffff;
	height: 604px;
	background-size: 1454px auto;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#glossar_y_claim {
	margin-left: 150px;
	margin-top: 30px;
}

#glossar_y_text {
	margin-left: 155px;
	color: rgba(104,105,105,1);
	margin-bottom: 30px;
	width: 480px;
	margin-top: 60px;
	height: 155px;
	overflow: hidden;
}

#glossar_y_text .headline {
	font-weight: 1000;
  font-size: 16px;
  color: rgba(104,105,105,1);
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}

#glossar_y_button {
	margin-left: 155px;
}



/********************************************************************************************************************************/
/********************** GEWERKE STYLES ******************************************************************************************/


/***********************************************************/
/********************** TOP GEWERKE ************************/

.section.top_gewerke {
	background-image: url('../img/gewerkeoverview_background.png');
	background-color: #f8fdff;
	color: #ffffff;
	height: 588px;
	background-size: auto 588px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_gewerke_claim {
	width: 567px;
    height: 222px;
    margin-left: 455px;
    margin-top: 340px;
}

#top_gewerke_claim .claim_top {
	float: left;
	margin-bottom: 20px;
}

#top_gewerke_claim .claim_text {
	float: left;
	margin-top: -20px;
	margin-left: 5px;
}

#top_gewerke_claim .claim_line {
	margin-left: 5px;
	clear: both;
	float: left;
	width: 333px;
}


/***********************************************************/
/*********************** GEWERKE OVERVIEW ******************/

.section.gewerkeoverview {
	padding: 0px;
}

.gewerkeoverview_boxen {
	margin-left: 108px;
	width: 1150px;
	position: relative;
	float: left;
}

.gewerkeoverview_boxen_row3 {
	clear: both;
	float: left;
	margin-bottom: 30px;
}

.gewerkeoverview_box {
	float: left;
    position: relative;
    height: 200px;
    margin-right: 0px;
    width: 370px;
}

.gewerkeoverview_box a {
	float: left;
}
	
.gewerkeoverview_icon {
	width: 180px;
	height: 180px;
	float: left;
	border-radius: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 5px solid transparent !important;
}

.gewerkeoverview_box:hover .gewerkeoverview_icon {
	border: 5px solid #6c95c0 !important;
}

.gewerkeoverview_text {
	float: left;
	width: 180px;
	margin-left: 10px;
}

.gewerkeoverview_text span {
	display: block;
	height: 20px;
	font-size: 16px;
	font-weight: 400;
}

.gewerkeoverview_text .headline {
	font-weight: bold;
	font-size: 20px;
	color: rgb(108, 149, 192);
	margin-top: 80px;
	margin-bottom: 5px;
}

.gewerkeoverview_boxen_row3 .gewerkeoverview_box:nth-child(2) {
	margin: 0px 15px;
}

.gewerkeoverview_boxen_row2 {
	clear: both;
	float: left;
	padding: 0px 0px 0px 200px;
}

.gewerkeoverview_boxen_row2 .gewerkeoverview_box {
	margin: 0px 0px;
	width: 450px;
}

.gewerkeoverview_boxen_row2 .gewerkeoverview_text {
	width: 230px;
}

.gewerkeoverview_boxen_row2 .gewerkeoverview_box:nth-child(2) {
	width: 500px;
}

.gewerkeoverview_boxen_row2 .gewerkeoverview_box:nth-child(2) .gewerkeoverview_text {
	width: 280px;
}


/********************************************************************************************************************************/
/********************** ABOUT US STYLES ******************************************************************************************/


/***********************************************************/
/********************** TOP ABOUTUS ************************/

.section.top_aboutus {
	background-image: url('../img/aboutus_background.png');
	background-color: #f8fdff;
	color: #ffffff;
	height: 588px;
	background-size: auto 588px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
}

#top_aboutus_claim {
	width: 567px;
    height: 222px;
    margin-left: 455px;
    margin-top: 340px;
}

#top_aboutus_claim .claim_top {
	float: left;
	margin-bottom: 20px;
}

#top_aboutus_claim .claim_text {
	float: left;
	margin-top: -20px;
	margin-left: 5px;
}

#top_aboutus_claim .claim_line {
	margin-left: 5px;
	clear: both;
	float: left;
	width: 333px;
}


/***********************************************************/
/*********************** TEAM ******************************/

.section.team {
	padding: 30px 0px 0px;
}

#team_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
}

.team_member_boxen {
	margin-top: 50px;
	margin-left: 100px;
}

.team_member {
	width: 590px;
	height: 400px;
	float: left;
	margin-bottom: 0px;
}

.teambild {
	border-radius: 100%;
	overflow: hidden;
	width: 250px;
	height: 250px;	
	float: left;
}

.teambild img {
	width: inherit;
	height: inherit;
}
 
.team_textbox {
	width: 300px;
	padding: 0px 35px 0px 0px;
	float: right;
}

.team_name {
	font-weight: 1000;
	font-size: 20px;
	color: rgba(108,149,192,1);
	text-transform: uppercase;	
	margin-bottom: 15px;
}

.team_position {
	line-height: 18px;
	font-weight: bold;
	font-size: 16px;
	color: rgba(104,105,105,1);	
	margin-bottom: 15px;
}

.team_text {
	color: rgba(0,0,0,1);	
	margin-bottom: 5px;
}

.team_kontakt {
	line-height: 35px;
	font-weight: bold;
	font-size: 18px;
	color: rgba(108,149,192,1);	
}

.team_kontakt a {
	text-decoration: none;
}

.team_email {
	background-image: url('../img/team_email_icon.svg');
	height: 35px;
    background-size: 35px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 50px;
    margin-top: 15px;
}

.team_email:hover {
	color: rgba(235, 105, 11,1);
	background-image: url('../img/team_email_icon_hover.svg');
}

.team_phone {
	background-image: url('../img/team_phone_icon.svg');
	height: 35px;
    background-size: 35px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 50px;
    margin-top: 15px;
}

.team_phone:hover {
	color: rgba(235, 105, 11,1);
	background-image: url('../img/team_phone_icon_hover.svg');
}



/***********************************************************/
/********************** AKTUELLES *************************/

.section.aktuelles {
	min-height: 900px;
    padding-top: 40px;
    padding-bottom: 0px;
}

#aktuelles_claim {
	width: 477px;
	height: 174px;
	margin-left: 153px;
	margin-bottom: 50px;
}

#aktuelles_bild {
	background-image: url('../img/aboutus_aktuelles.png');
	color: #ffffff;
	height: 550px;
	background-size: 1344px auto;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-bottom: 80px;
}

#aktuelles_texte {
	position: absolute;
	width: 350px;
	height: 300px;
	margin-left: 860px;
	margin-top: 280px;
	color: rgb(255, 255, 255);
}

#aktuelles_text .headline,
#aktuelles_text .bottomline {
	font-weight: 1000;
	font-size: 16px;
	margin-bottom: 0px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	display: block;
}

#aktuelles_text .bottomline {
	margin: 15px 0px 30px 0px;
}

#aktuelles_text .bottomline span {
	margin: 0px 20px;
}

#aktuelles_blue_white_fancy {
	position: absolute;
	overflow: hidden;
	z-index: 70;
	width: 683px;
	height: 705px;
	margin-left: 1212px;
	margin-top: -145px;
}

#aktuelles_blue_white_fancy img {
	width: 684px;
	height: 705px;
}

#aktuelles_blue_ellipse {
	position: absolute;
	overflow: visible;
	width: 550px;
	height: 550px;
	margin-left: 777px;
	margin-top: 105px;
}

.aktuelles_blue_ellipse {
	fill: rgba(108,149,192,1);
}


/***********************************************************/
/********************** NEWSLETTER *************************/

.section.newsletter {
	padding-top: 40px;
}

#newsletter_claim {
	width: 680px;
	height: 174px;
	margin-left: 153px;
}

#newsletter_text {
	color: rgb(255, 255, 255);
	margin: 45px 0px 50px;
	width: 450px;
}

#newsletter_text .headline {
	font-weight: 1000;
	font-size: 16px;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	display: block;
}

.formfield {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	padding: 0px 35px;
	width: 450px;
	background-color: rgb(255, 255, 255);
	border-radius: 50px;
	float: left;
	clear: both;
	margin-top: 10px;
}

#newsletter_hint {
	margin-left: 35px;
	float: left;
	clear: both;
	width: 450px;
	line-height: 28px;
}

#newsletter_hint .texts {
	width: 225px;
	float: left;
}

#newsletter_hint span {
	font-size: 14px;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 100;
}

#newsletter_hint input {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

#newsletter_hint label {
	font-weight: 800;
	font-size: 16px;
	margin-left: 20px;
	cursor: pointer;
}

#newsletter_button {
	margin: 60px 0px 0px 0px;
	max-width: 190px;
	cursor: pointer;
	float: left;
	clear: unset;
}

#newsletter_blue_white_fancy {
	position: absolute;
	overflow: hidden;
	z-index: 70;
	margin-left: 720px;
	margin-top: 20px;
	height: 350px;
}

#newsletter_blue_white_fancy img {
	width: inherit;
	height: inherit;
}

#newsletter_bild {
	background-image: url("../img/newsletter.png");
	color: rgb(255, 255, 255);
	height: 588px;
	background-size: 588px;
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 0px;
	position: absolute;
	width: 588px;
	margin-left: 740px;
	margin-top: 100px;
}

.newsletter_bluebox {
	float: left;
	margin-right: 30px;
	height: 590px;
	color: rgb(255, 255, 255);
	padding-left: 40px;
	background-color: rgb(108, 149, 192);
	border-top-right-radius: 300px;
	margin-bottom: 80px;
	margin-left: 153px;
	width: 75%;
	margin-top: 50px;
}



/********************************************************************************************************************************/
/********************************************************************************************************************************/


/********************************************************************************************************************************/
/********************** RESPONSIVE bis 1344 *************************************************************************************/

@media screen and (max-width: 1344px) {
	
	#main_wrapper,
	.header {
	  /** width: 1280px !important; **/
	}
	
	.mail_button {
		margin-left: 1040px;
	}	
	
}


/********************************************************************************************************************************/
/********************** RESPONSIVE ab 1280 *************************************************************************************/

@media screen and (min-width: 1280px) {
	
	#main_wrapper {
		overflow: visible;
		margin: 0px auto;
	}		
	
	
	.maps_wrapper {
		position: absolute;
		right: 0px;
		bottom: 0px;
		/*width: 800px;*/
		height: 650px;
		z-index: 1000 !important;
		overflow: hidden;
		width: 1200px;
		left: 218px;
	}
}	
	

/********************************************************************************************************************************/
/********************** RESPONSIVE bis 1280 *************************************************************************************/

@media screen and (max-width: 1280px) {
	
	body {
		max-width: 100%;
		overflow-x: unset;
	}
		
	#main_wrapper {
		width: 1280px;		
		position: absolute;
	}

	.header {
		background-image: unset;
		width: 1280px;
	}
	
	
	.maps_wrapper {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 800px;
		height: 650px;
		z-index: 1000 !important;
		overflow: hidden;
		/*width: 1200px;*/
		/*left: 188px;*/
	}
}

	
/********************************************************************************************************************************/
/********************************************************************************************************************************/	

}

/********************************************************************************************************************************/
/********************************************************************************************************************************/


@media only screen and (min-width : 1025px) {
    .mobile_only {
        display:none !important;
    }
    .w85p {
        width:85% !important;
    }
}

@media only screen and (max-width: 1024px)
{
    .desktop_only {
        display:none !important;
    }
}





#button_bg1 {background: transparent;background-image: url('../img/gewerke_baecker.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner1 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper1 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;margin-right:20px;}
#button_bg2 {background: transparent;background-image: url('../img/gewerke_fleischer.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner2 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper2 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;margin-right:20px;}
#button_bg3 {background: transparent;background-image: url('../img/gewerke_friseur.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner3 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper3 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;}
#button_bg4 {background: transparent;background-image: url('../img/gewerke_kfz.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner4 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper4 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;margin-right:20px;}
#button_bg5 {background: transparent;background-image: url('../img/gewerke_metall.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner5 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper5 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;margin-right:20px;}
#button_bg6 {background: transparent;background-image: url('../img/gewerke_textilreiniger.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner6 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper6 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;}
#button_bg7 {background: transparent;background-image: url('../img/gewerke_tischler.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner7 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper7 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;margin-right:20px;}
#button_bg8 {background: transparent;background-image: url('../img/gewerke_weitere.svg'); outline: none;width:134px;height:134px;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all .3s ease-in-out;position:absolute;left:-4px;top:-4px;}
#button_inner8 {position: absolute;top: 0px;left: 0px;width:100%;height:100%;position:relative;opacity:0;transition: all .3s ease-in-out;z-index:10000;}
#buttonwrapper8 {border: 4px solid #f8fdff;transition: all .2s ease-in-out;}




#buttonwrapper1:hover #button_bg1 { opacity:0.0; } 
#buttonwrapper1:hover #button_inner1 { left: 20px;opacity:1;color:#686969; } 
#buttonwrapper1:hover {border: 4px solid #fbcb3d;}

#buttonwrapper2:hover #button_bg2 { opacity:0.0; } 
#buttonwrapper2:hover #button_inner2 { left: 15px;opacity:1;color:#686969; } 
#buttonwrapper2:hover {border: 4px solid #ea6910;}

#buttonwrapper3:hover #button_bg3 { opacity:0.0; } 
#buttonwrapper3:hover #button_inner3 { left: 25px;opacity:1;color:#686969; } 
#buttonwrapper3:hover {border: 4px solid #ea9b65;}

#buttonwrapper4:hover #button_bg4 { opacity:0.0; } 
#buttonwrapper4:hover #button_inner4 { left: 45px;opacity:1;color:#686969; } 
#buttonwrapper4:hover {border: 4px solid #a7bfd9;}

#buttonwrapper5:hover #button_bg5 { opacity:0.0; } 
#buttonwrapper5:hover #button_inner5 { left: 30px;opacity:1;color:#686969; } 
#buttonwrapper5:hover {border: 4px solid #a4a5a5;}

#buttonwrapper6:hover #button_bg6 { opacity:0.0; } 
#buttonwrapper6:hover #button_inner6 { left: 35px;opacity:1;color:#686969; } 
#buttonwrapper6:hover {border: 4px solid #6c95c0;}

#buttonwrapper7:hover #button_bg7 { opacity:0.0; } 
#buttonwrapper7:hover #button_inner7 { left: 20px;opacity:1;color:#686969; } 
#buttonwrapper7:hover {border: 4px solid #329354;}

#buttonwrapper8:hover #button_bg8 { opacity:0.0; } 
#buttonwrapper8:hover #button_inner8 { left: 20px;opacity:1;color:#686969; } 
#buttonwrapper8:hover {border: 4px solid #8966a4;}


.maps_map_wrapper {
    margin:0px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2000 !important;
    position: absolute;
    top: 400px !important;
    left: 65%;transform: translate(-50%, -50%);
}


.txt_subheadline {
    color:#686969;font-size:24px;font-weight:bold;text-transform: uppercase;
    margin-top: 30px;
  margin-bottom: 10px;
  line-height:24px;
}