


@media screen and (max-width: 1650px) {
	h1{
		font-size: 40px;
		line-height: 40px;
		margin-top: 40px;
	}
	.container_wrapper.eins .inner_container{
		padding-top:0;
	}
	.energieuebersicht.row {
		--bs-gutter-x: 10px;
		--bs-gutter-y: 10px;
	}
	.news-left{
		width:100% !important;
	}
	.news-right{
		display:none;
	}
}



 @media (max-width: 1440px) {
   .section {
     max-width: calc(100% - 40px);
     margin-left: 20px !important;
     margin-right: 20px !important;
   }
   .header {
     max-width: calc(100% - 40px) !important;
     margin-left: 20px !important;
     margin-right: 20px !important;
   }
   .energie_netze {
     width: 100% !important;
   }
   
	.header {
		max-width: calc(100% - 40px) !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	.section {
		max-width: calc(100% - 40px) !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	#page-8 .maincontent, #page-9 .maincontent{
		max-width: 100% !important;
	}
}

@media screen and (max-width: 1350px) {
	.p-1 .news a:nth-child(3) {
	  display: none;
	}
	.p-1 .news .news_container{
		width:calc(50% - 20px);
	}
	.home_left{
		width:59% !important;
	}
	.home_right{
		width:40% !important;
	}
	
		
	.energieuebersicht2 .col-xl-6{
		width:100% !important;
		max-width:100% !important;
	}
	.energieuebersicht2 .col-xl-3{
		width:50% !important;
		max-width:50% !important;
	}
	.energy4{
		max-width:100% !important;
	}		
		 
}



 @media (max-width: 1300px) {
   .dienstleistung {
     width: calc(33.3333% - 20px);
   }
 }
 

@media (max-width: 1200px)
{
	#page-31 .ce-textpic img {
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	
   .serviceicon {
     float: none;
     width: calc(100% - 20px) !important;
   }
   .serviceimg {
     min-width: calc(50% - 20px) !important;
   }
   
   .serviceicon {
     float: none;
     width: calc(100% - 20px) !important;
   }
   .serviceimg {
     min-width: calc(50% - 20px) !important;
   }
   
   #container2075_2_1045 .news_container {
     width: calc(33.333% - 20px) !important;
   }
   #container2065_2_1034 {
     width: 300px !important;
     position: fixed !important;
     top: 50%;
     float: none;
     right: -250px;
     transform: translateY(-50%) !important;
     z-index: 1000 !important;
   }
   #contacthelper {
     display: block;
   }
   .userdaten, .contactperson, #container2065_2_1034 h3 {
     margin-left: 0px !important;
     background: #00254b;
   }
   .energy{
	   height:30rem;
   }
   .video_container h2{
	   font-size:14px;
   }
   
}


 
 
 @media (max-width: 1023px) {
	 
   .news_titel {
     float: none;
     width: 100%;
   }
   .newsheader img {
     float: none;
     width: 100% !important;
     max-width: 100% !important;
     margin-right: 0;
     margin-bottom: 30px;
   }
	 
	 .mediadetails{
		 padding-left:0;
	 }
	 
	 a.dienstleistung{
		 width:calc(50% - 20px);
	 }
	 
	 #page-12 .news_container img {
		 max-width:50%;
	 }
	 
   .sectionbg {
     -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
     -o-background-size: cover !important;
     background-size: cover !important;
     background-attachment: scroll !important;
     background-position: center center !important;
   }
   .media_thek > img, .mediadetails {
     max-width: 100% !important;
     margin-right: 0;
     float: none;
   }
	 .media_thek  img{
		 max-width:400px !important;
		 height:auto;
	 }
   .media_thek > img {
     margin-bottom: 30px;
   }
   .subnavigation {
     display: none;
   }
   .dienstleistung, .news_container, #container2075_2_1045 .news_container, .home .news_container {
     width: calc(50% - 20px);
   }
   #container2071 .container_content_wrapper {
     display: block;
   }
   #container2071 .container_wrapper {
     width: 100% !important;
     float: none;
   }
   .news_titel h1 {
     font-size: 25px;
     line-height: 30px;
   }
   
   .news_container{
	   height:350px !important;
	   width:100% !important;
   }
   
   .news_image_holder{
	   width:25%;
	   float:left;
	   display:inline-block;
   }
   
   .news_container img{
        width: 100% !important;
        min-width: 25% !important;
        min-height: 0 !important;
		height:auto;
   }
   .news_container h2 {
		font-size: 14px;
		line-height: 23px;
		margin: 30px 0 10px;
		margin-left:3%;
		float:right;
		display: inline-block;
		width: 70%;
		margin-top: 0;
	}
   .news_container h3 {
		text-align:right;
		width: 70% !important;
		margin-left:3% !important;
		float:right !important;
		text-align:left;
   }
   .news_container p{
		display: inline-block;
		width: 70%;
		margin-top: 0;
		margin-left:3%;
		float:right;
   }
   
   .video_container{
	   width:calc(100% - 20px);
	   height: 18rem;
   }
   
   .videoframe>img{
	   max-width:25% !important;
   }
 
	#home_downloads .file_container {
		height: calc(36rem + 20px);
	}
   
 }
 


 @media (max-width: 999px) {
   #footer a {
     font-size: 10px !important;
   }
 } 

@media (max-width: 980px)
{
	.menuewrapper{
		display:none;
	}
}
 
 
@media (max-width: 930px)
{
	#page-31 .ce-textpic img {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
	
   .video_container{
	   height: 20rem;
   }
   
	#home_downloads .file_container {
		height: calc(40rem + 20px);
	}
}
 
 
 @media (max-height: 870px) {
	 
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
   
   .energyfull{
	   height:20rem;
   }
   
 }
 



@media (max-width: 769px)
{
	#page-31 .ce-textpic img {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-bottom:10px;
	}
	
	#page-31 .ce-textpic .ce-bodytext{
		width:100%;
	}
	
	#page-31 .ce-intext.ce-right .ce-gallery{
		float:left;
	}
	
	.energy{
		width:100%;
		height:auto;
	}
	
	.energyfull{
		height:auto;
	}
	
	.energie_netze{
		margin-bottom:50px;
	}
	
	.energy img{
		max-width:50% !important;
	}
	
	#container2088 .container_content_wrapper{
		display:inline-block;
	}
	
	#logo_bild img {
		width: 130px;
	}
	
	#home_downloads .file_container {
        height: auto;
        margin-bottom: 40px;
    }
	
	#wrapper .header .inner_container{
		margin-top:10px;
	}
	
	.dienstleistunguebersicht img{
		max-width:50%;
	}
	 
	 .video_container {
        width: 100%;
		height:auto;
    }
	
	
	#logo_bild {
		left: 20px;
		transform: translateX(0);
		top: 40px;
		right: auto;
	}
	
	.header {
		margin-top: 80px !important;
	}
	
	
   .navigation-display ul {
     max-width: 100% !important;
   }
   .shoppy {
     width: 48%;
   }
   .navigation-display ul li {
     max-width: 100% !important;
   }
   .navigation-display ul:after, .navigation-display ul:before {
     width: 100% !important;
   }
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
   
   .service_info {
     float: none;
     width: 100%;
     margin-right: 0;
   }
   .serviceimg {
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 0 20px 0;
     float: none;
   }
   .service_text {
     padding-bottom: 80px;
   }
   
   .navigation-display ul {
     max-width: 100% !important;
   }
   .navigation-display ul li {
     max-width: 100% !important;
   }
   .navigation-display ul:after, .navigation-display ul:before {
     width: 100% !important;
   }
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
   .service_info {
     float: none;
     width: 100%;
     margin-right: 0;
   }
   .serviceimg {
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 0 20px 0;
     float: none;
   }
   .service_text {
     padding-bottom: 80px;
   }
   
   .dienstleistung, .news_container, #container2075_2_1045 .news_container, .home .news_container {
     width: 100% !important;
     margin: 0 0 30px 0 !important;
   }
   #logo_bild {
     left: 20px;
     transform: translateX(0);
     top: 40px;
     right: auto;
   }
   #logo_bild img {
     width: 130px;
   }
   h1 {
     font-size: 35px;
     line-height: 45px;
   }
   h2 {
     font-size: 22px;
     line-height: 27px;
   }
   h3 {
     font-size: 18px;
     line-height: 23px;
   }
   .white-hover-orange h3{
	   line-height:36px;
   }
   .header {
     margin-top: 80px !important;
   }
   .header .container_wrapper {
     padding: 0px 0 20px 0 !important;
   }
   
   h1{
	   margin-top:20px;
   }
	.mehr{
		bottom:20px;
	}
	#page-19 .mehr{
		bottom:20px;
	}
   
	#page-8 .mehr{
		bottom:60px;
	}
	#page-8 .mehr2{
		bottom:10px;
	}
 }
 
 
 
@media (max-width: 700px)
{
	#container2065 .container_content_wrapper {
		display:inline-block;
	}
	
	.home_left{
		width:100% !important;
		padding: 2.5rem 0 2.5rem 0;
	}
	
	.home_right{
		width:100% !important;
		padding: 2.5rem 0 2.5rem 0;
	}
	.navigation-display{
		width: calc(100% - 20px) !important;		
		left:10px;
		right:10px;
	}
	
	#chart_gasstatistik{
		margin-left:-70px;
		transform: scale(0.8);
	}
	
   .news_container h2 {
		margin-left:0%;
		float:left;
		width: 100%;
		margin-top:20px;
	}
   .news_container h3 {
		margin-left:0%;
		float:left !important;
		width: 100% !important;
		text-align:left;
		margin-left:0 !important;
		padding-left:0;
   }
   .news_container p{
		margin-left:0%;
		float:left;
		width: 100%;
   }
   .footer_navgation{
	   
    padding-left: 0 !important;

   }
	
}

@media (max-width: 600px)
{
   
   .news_container{
	   height:auto !important;
		padding: 20px 20px 20px 20px;
   }
   
   .news_container .mehr{
	   
    position: relative;
    bottom: 0;
    display: inline-block;
    top: 0;
    clear: both;
    margin: 0;
    width: 141px;
    float: right;
    right: 0;
    margin: 0;
   }
}


@media (max-width: 575px)
{
	.navigation-display .imagecontainer img {
		max-width: 46%;
	}
   .navigation-display .imagecontainer img {
     max-width: 70%;
   }
   .navigation-display .navigation-close {
     font-size: 30px;
   } 
	#chart_gasstatistik{
		margin-left:-70px;
		transform: scale(0.7);
	}
}

@media (max-width: 500px)
{
    #chart_gasstatistik {
        margin-left: -100px;
        transform: scale(0.5);
    }
}


  
  @media (min-width:768px)
  {
	  
	.energieuebersicht .col-xl-3{
		width:calc(50% - 20px) !important;
	}
	
  }
 
 
  @media (min-width:1200px)
  {
	  
	.energieuebersicht .col-xl-3{
		width:calc(25% - 20px) !important;
	}
  }
  