/* ############### 1800px ############### */

@media (max-width: 1800px) {
	#schritte_4 article  {
		float:left;
	  width:90%;
	  margin:0 0% 0 0%;
	  margin-left:5%;
	  background:#ffffff;
	}
	#schritte_4 p {	
	  padding: 0px 20% 55px 30px;
	}
	#schritte_4 .smallspan {
		text-align:center;
	}
	#schritte_4 .small  {
	  width:33.3%;
	  margin-left:0%;
	  padding-right:0%;
	  padding-top:34px;
	  background:#efeae3;
	  
	}

	#news_fakten  {
	  background:#ffffff;
	}
	#news_fakten article  {
		float:none;
	  width:70%;
	  margin:0 5% 0 0%;
	  margin-left:5%;
	  background:#ffffff;
	}
	#news_fakten .large  {
	  width:98%;
	  margin:0 0% 0 0%;
	  padding-right:2%;
	}
	#news_fakten .ecke {
	  display:none;
	}
	#news_fakten h1 {
	  padding: 0px 20% 0px 30px;
	}
	#news_fakten p {
	  padding: 30px 20% 30px 30px;
	}
	.br_fakten_news_mobile {
	  display:block;
	}
	.top-left_versorger {
	  width:60%;
	  padding: 30px 30px 0px 100px;
	  font-size:26px;
	}

	#nav a {
		padding:  0px 0px 14px 0px;
		margin: 0px 30px 0px 30px; 
	  font-size:18px;
	}
}


/* ############### 1700px ############### */

@media (max-width: 1700px) {
	#nav a {
		padding:  0px 0px 14px 0px;
		margin: 0px 20px 0px 20px; 
	  font-size:18px;
	}
}

/* ############### 1650px ############### */

@media (max-width: 1650px) {
	#kontakt_kalender  {
	  width:auto;
	  margin:0 25% 0 25%;
	}
	.slider_text_big {
	  font-size: 46px;
	}
	#box_login .textbox {
	  width:100%; 
	  float:none;
	}
	#box_login .formbox {
	  width:100%; 
	  float:none; 
	  margin:0px 0 0 0;
	}
	#versorger_icons article  {
		float:left;
	  width:33%;
	  margin:80px 0% 30px 0%;
	  padding-bottom:50px;
	}
	#nav {
		margin: 48px 0px 0px 50px;
	}
	#leh_navigation article {
		float:left;
	  width:23%;
	}
	.leh_navigation  {
		float:left;
	  width:23%;
	}
	#leh_navigation .large{
	  display:none;
	}
}


/* ############### 1500px ############### */


@media (max-width: 1500px) {
	#energieservices_images article  {
	  margin:20px 0% 0 0%;
	}
	#nav {
		margin: 48px 0px 0px 50px;
	}
	#nav a {
		padding:  0px 0px 14px 0px;
		margin: 0px 15px 0px 15px; 
	  font-size:16px;
	}
	#energieservices article  {
		float:none;
	  width:95%;
	  margin:36px 5% 0 0%;
	}
	#energieservices .small  {
	  width:100%;
	}
	#energieservices .large  {
	  width:90%;
	}
	#box_ansprechpartner_kalender h3 {
	  font-size: 14px;
	  line-height:21px;
	}
	#box_ansprechpartner_kalender article p {
	  font-size: 12px;
	  line-height:18px;
	}
	#box_kalender img {
	  width:20%; 
	}
}


/* ############### 1400px ############### */


@media (max-width: 1400px) {
	#kontakt_kalender  {
	  width:auto;
	  margin:0 20% 0 20%;
	}
  .top-left_versorger {
	  width:100%;
	  padding: 30px 30px 0px 30px;
	  font-size:26px;
	}
	.leh_div  {
	  float:none; 
	  width: 90%;;
	}
	.div_leh_img  {
	  text-align:center;
	}
  #navigation_slider  .siegel{
	  margin-top:-45px; 
	  margin-right:15%; 
	  width:10%;
	}
	.slider_text_big {
	  font-size: 36px;
	}
	#kundenstimmen_2_mobile  {
	  display:block;
	}
	#kundenstimmen_2  {
	  display:none;
	}
	.kalender_select  {
	  width:524px;
	}
	.kalender_select {
	  width:530px;
	}
	#box_fakten_2  {
	  width:90%;
	  margin:0px 5% 100px 5%;
	  display: block;
	}
	#box_fakten_2 article  {
	  width:100%;
    margin:120px 0% 0px 0%;
	}
}


/* ############### 1300px ############### */


@media (max-width: 1300px) {
  #leh_navigation article {
		float:left;
	  width:calc(33.3% - 20px);
	}
	.leh_navigation  {
		float:left;
	  width:calc(33.3% - 20px);
	}
	#nav {
		margin: 48px 0px 0px 30px;
	}
	#nav a {
		padding:  0px 0px 14px 0px;
		margin: 0px 12px 0px 12px; 
	  font-size:16px;
	}
	#news_fakten_2 p {
	  padding: 0px 0 50px 30px;
	}
  #box_ansprechpartner_kalender h3 {
	  font-size: 10px;
	  line-height:16px;
	}
	
	#box_ansprechpartner_kalender article p {
	  font-size: 8px;
	  line-height:14px;
	}
	#ap_kalender {
	  width:25%; 
	  height:25%; 
	}
}


/* ############### 1200px ############### */


@media (max-width: 1200px) {
	#titel_ansprechpartner article  {
	  margin:40px 5% 80px 5%;
	}
	#hausverwalter_fade_titel h1, #leh_fade_titel h1, #mittelstand_fade_titel h1, #beleuchtung_fade_titel h1 {
	  font-size: 80px;
	}
	#hausverwalter_fade_titel p, #leh_fade_titel p, #mittelstand_fade_titel p, #beleuchtung_fade_titel p {
	  font-size: 36px;
	}
	#box_erfolge article { 
	  margin-left:5%;
	  float:none;
	  width:90%;
	  margin-right:5%;
	  padding-top:0px;
	}

	#box_erfolge article img {
	  width: 100%;
	  float:left;
	  margin-bottom: 30px;
	}
	#box_4kids {
	  width:90%;
	  margin:50px 5% 50px 5%;
	  display: block;
	  align-content: none;
	}
	#box_4kids .textbox  {
	  width:85%;
	  float:none;
	}
	#box_4kids .bildbox  {
	  width:85%;
	}
	.image_lewero_4kids {
	  width:400px;
	}
	#box_4kids img  {
	  padding-bottom:20px;
	}
  #navigation_slider article  {
	  width:50%;
	}
	
	#navigation_slider  .orange{
	  width:20%;
	}
	#navigation_slider  .orange_siegel{
	  width:30%;
	}
	.swiper-wrapper img {
    width: 170%;
  }
	.top-left {
	  float:none;
	  width:100%;
	  padding: 30px 30px 30px 50px;
	}
	#navigation  .orange{
	  width:calc(100% - 64px);
	  height: 50px;
	}
	#beleuchtung_fade_titel article, #hausverwalter_fade_titel article, #leh_fade_titel article, #mittelstand_fade_titel article  {
	  width:80%;
	}
	#placeholder_beleuchtung  {
	  display:none;
	}
	#beleuchtung_image_text_2 article, #beleuchtung_image_text article  {
	  width:100%;
	  margin:0 0% 0 0%;
	  float:none;
	}
	#beleuchtung_image_text_2 .image, #beleuchtung_image_text .image  {
	  width:100%;
	  margin:0 0% 0 0%;
	}
	#beleuchtung_image_text_2 .text, #beleuchtung_image_text .text  {
	  width:90%;
	  margin:0 5% 0 5%;
	}
	#versorger_icons article  {
		float:left;
	  width:50%;
	  margin:80px 0% 30px 0%;
	  padding-bottom:50px;
	}
	#kontakt article  {
		float:none;
	  width:100%;
	  margin:0 0% 0 0%;
	}
	#kontakt .small  {
	  width:100%;
	}
	#kontakt .large  {
	  width:100%;
	}
	#kontakt p {
	  padding: 30px 20% 0px 0;
	}
	.kalender_select {
	  width:430px;
	}
	  #box_ansprechpartner_kalender article  {
    float: none;
    margin: 0px auto 0px auto;
    width: 250px;
    padding: 0px 0px 0px 0px;
  }
  #box_ansprechpartner_kalender h3 {
	  font-size: 16px;
	  margin-bottom:40px;
	  line-height:25px;
	}
	#box_ansprechpartner_kalender article p {
	  font-size: 14px;
	  line-height:20px;
	  margin-bottom:60px;
	  padding-left: 20px;
	}
	#ap_kalender {
	  text-align:center; 
	  margin-bottom:80px; 
	  margin-right:3%; 
	  margin-left:3%; 
	  width:94%; 
	  height: 94%; 
	  border: 0px; 
	  float:left;
	}
	#cookies article {
		float:none;
		width:94%; 
		padding: 0px 3% 0px 3%; 
	}
	.button_blue {
		margin-left:0%; 
	}
	.button_cookies {
		margin-left:0%; 
	}
	.kontakt_button_2 {
	  font-size:16px;
	  padding: 8px;
	  margin-bottom:30px;
	  width:calc(95% + 18px);
	}

        textarea, input, select, .input_kalender, .kalender_select, #box_contact_form_emobility article textarea
        {
                padding:8px;
                font-size:16px;
        }
        .input_kalender {
				  width:330px;
				}
				.kalender_select {
				  width:347px;
				}

        #mobileMenu
        {
                display: block;
                z-index: 2000;
        }
        .toggleMobile
        {
                position: fixed;
                top: 6px;
                right: 12px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 3000;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #fb6633;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .box_navigation
        {
                display:none;
        }
}


/* ############### 1100px ############### */

@media (max-width: 1100px) {

	#box_fakten_1 article  {
	  display: block;
	  width:calc(90%);
	  padding:1px 0px 0px 0px;
	}
	#box_fakten_1 .textbox_gruen  {
	  width:100%; 
	  float:none;  
	  margin: -1px 0 0 0; 
	  align-self: center;
	}
	#box_fakten_1 .pfeil  {
	  float:none; 
	  display: none;
	}
	#box_fakten_1 .textbox_container  {
	  width: 100%; 
	  float:none; 
	  margin:44px 0 0 0;
	}
	.kalender_select  {
	  width:424px;
	}
	#box_kalender img {
	  width:25%; 
	}
}


/* ############### 1050px ############### */


@media (max-width: 1050px) {
	#hausverwalter_fade_titel h1, #leh_fade_titel h1, #mittelstand_fade_titel h1, #beleuchtung_fade_titel h1 {
	  font-size: 60px;
	}
	#hausverwalter_fade_titel p, #leh_fade_titel p, #mittelstand_fade_titel p, #beleuchtung_fade_titel p {
	  font-size: 30px;
	}
	#versorger_mobile  {
	  display:block;
	}
	#versorger  {
	  display:none;
	}
	#leh_slider p {
	  padding: 10px 50px 0 64px;
	}
	#leh_slider h1 {
	  padding: 20px 20px 0px 60px;
	}
	#leh_slider h2 {
	  padding: 20px 20px 0px 60px;
	}
	.leh_img  {
	  width:50%;
	}
	#leh .leh_punkte, #mittelstand .leh_punkte, #hausverwaltung .leh_punkte  {
	  float:left;
	  width:30%;
	}
	.kalender_select  {
	  width:324px;
	}
  #navigation_slider  .siegel{
	  margin-top:-45px; 
	  margin-right:15%; 
	  width:14%;
	}
	#leh_navigation article {
		float:none;
	  width:100%;
	}
	.leh_navigation  {
		float:none;
	  width:100%;
	}
}


/* ############### 915px ############### */


@media (max-width: 915px) {
	#kontakt_kalender  {
	  width:auto;
	  margin:0 10% 0 10%;
	}
	#schritte_4 .small  {
	  width:90%;
	  margin-left:5%;
	  margin-right:5%;
	  padding-right:0%;
	  padding-top:34px;
	  background:#efeae3;
	}
	#titel_ansprechpartner p {
	  width:100%;
	  margin:0 0% 0 0%;
	}
	#beleuchtung_fade_titel article, #hausverwalter_fade_titel article, #leh_fade_titel article, #mittelstand_fade_titel article  {
	  width:95%;
	}
	#news_teaser  {
	  width:90%;
	  margin:0px 5% 0px 5%;
	}
	#news_teaser article  {
		float:none;
	  width:100%;
	  margin:0px 0% 0px 0%;
	  padding-top:30px;
	}
	#news_teaser img {
	  width:50%;
	  margin: 0px 0 0px 0;
	}
	#news  {
		float:none;
	  width:90%;
	  margin:0 5% 0px 5%;
	}
	#news article  {
	  width:100%;
	  margin:0px 0% 200px 0%;
	}
	#news_suche  {
	  width:100%;
	  margin:0 0% 0px 0%;
	  float:none;
	}
	#news_suche article  {
	  width:100%;
	  text-align: left;
	  margin:50px 0% 0px 0%;
	  padding: 0px 30px 30px 30px;
	  background:#011750;
	}
	#news_themen  {
	  width:90%;
	  margin:0 5% 0px 5%;
	  float:none;
	}
	#news_themen article  {
	  width:100%;
	  text-align: left;
	  margin:50px 0% 0px 0%;
	}
	#news_pagenavigation  {
	  width:90%;
	  margin:0 5% 0px 5%;
	}
	#news_pagenavigation article  {
	  width:100%;
	  text-align: center;
	  margin:0px 0% 0px 0%;
	}
	.news_pagenavigation_mobile {
		display:block;
	}
	.news_pagenavigation_desktop {
		display:none;
	}
}


/* ############### 800px ############### */


@media (max-width: 800px) {
	.button_cookies {
		width:120px;
		padding:5px 0px 5px 0px; 
		font-size: 12px;
	}
	#cookies {
		padding: 20px 0% 0px 5%; 
	  font-size: 14px;
	}
	a.cookie_links {
	  font-size: 14px;
	} 
	#box_fakten_1 .superfett {
	  font-size: 100px;
	}
	#news_fakten h1, #titel_big h1, #titel_big_versorger h1, #schritte_4 h1, #titel_kundenstimmen h1, #titel_ansprechpartner h1, #titel_kontakt h2, #versorger_titel h1, #box_fakten_1 h2  {
		font-size: 50px;
	}
	#versorger_orange article  {
	  font-size: 28px;
	}
	#hausverwalter_fade_titel h1, #leh_fade_titel h1, #mittelstand_fade_titel h1, #beleuchtung_fade_titel h1 {
	  font-size: 50px;
	}
	#hausverwalter_fade_titel p, #leh_fade_titel p, #mittelstand_fade_titel p, #beleuchtung_fade_titel p {
	  font-size: 28px;
	}
	 #navigation_slider  .siegel{ 
	  margin-right:25%; 
	}
	#beleuchtung_liste .image  {
	  width:90%;
	  margin:50px 5% 10px 5%;
	  float:none;
	}
	#beleuchtung_liste img  {
	  width:10%;
	}
	#beleuchtung_liste .text  {
	  width:90%;
	  margin:0 5% 0 5%;
	}
	#beleuchtung_liste h1 {
	  margin:0px 0 20px 0;
	}
	#titel_very_big h1 {
	  font-size: 40px;
	  padding: 30px 5% 30px 5%;
	}
	#box_kalender img {
	  width:30%; 
	}
	#ueber_uns div { 
	  width:200px; 
	}
}


/* ############### 700px ############### */


@media (max-width: 700px) {
	#kontakt_kalender  {
	  width:auto;
	  margin:0 5% 0 5%;
	}
	.leh_img  {
	  width:70%;
	}
	.slider_text_big {
	  font-size: 32px;
	}
	#leh .leh_punkte, #mittelstand .leh_punkte, #hausverwaltung .leh_punkte  {
	  float:left;
	  width:50%;
	}
	#versorger_icons article  {
		float:none;
	  width:100%;
	  margin:80px 0% 30px 0%;
	  padding-bottom:50px;
	}
  #box_kalender img {
	  width:40%; 
	}
	#box_login h1 {
	  font-size: 40px;
	  margin:50px 0 20px 0;
	}

}

/* ############### 600px ############### */


@media (max-width: 600px) {
	.image_lewero_4kids {
	  width:300px;
	}
	.lewero4kids_image {
	  width:350px;
	}
	.top-left_versorger {
	  width:100%;
	  padding: 10px 30px 0px 30px;
	  font-size:26px;
	}
	.leh_img  {
	  width:85%;
	}
	#box_kalender article h2 {
	  font-size: 26px;
	  margin-bottom:20px;
	}
	#box_kalender article p {
	  font-size: 18px;
	  line-height:28px;
	  margin-bottom:20px;
	}
	#footer a {
	  font-size: 16px;
	}
	#footer article  {
	  font-size: 16px;
	}
  #navigation_slider  .siegel{
	  margin-top:-65px; 
	  margin-right:50%; 
	  width:18%;
	}
	#navigation_slider article  {
	  width:50%;
	}
	#navigation_slider  .orange{
	  width:30%;
	}
	#navigation_slider  .orange_siegel{
	  width:20%;
	}
}


/* ############### 550px ############### */


@media (max-width: 550px) {
	.leh_img  {
	  width:100%;
	}
	.slider_text_big {
	  font-size: 24px;
	}
}

/* ############### 420px ############### */

@media (max-width: 420px) {
	.image_lewero_4kids {
	  width:250px;
	}
  .kalender_select {
		 width:220px;
	}
	#box_login h1 {
	  font-size: 30px;
	}
}

}