/* HOME BG-IMAGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home-bg-image{position:relative; height:calc(70vh - 100px); min-height:500px; width:100%; margin:100px 0 0 0; box-sizing:border-box}
.home-bg-image:after{background: url("../../../images/header/home-1920x1280-2023.jpg") top center; position:fixed;}
.home-bg-image:after{content:""; top:0; left:0; right:0; height:100vh; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat;}

.home-bg-image > div{position:absolute; bottom:0; left:0; height:110px; width:100%; background:rgba(255,255,255,1) }

.home-bg-image > div > .icons{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:1024px; display:flex; justify-content:space-around;}
.home-bg-image > div > .icons p{text-align:center; margin:0; width: 140px; font-size:16px; line-height:22px; font-weight:bold}
.home-bg-image > div > .icons a > span{display:block; width:120px; height:120px; border-radius:50%; padding:20px; box-sizing:border-box; background:#004f9f; margin:0 auto 10px auto}
.home-bg-image > div > .icons a:hover{color:#004f9f}
.home-bg-image > div > .icons a:hover > span{background:#000}
.home-bg-image > div > .icons a > span > img{width:100%; height:100%}

@media (max-width: 800px) {
  .home-bg-image > div > .icons p{width:120px; font-size:14px; line-height:20px}
  .home-bg-image > div > .icons a > span{width:100px; height:100px}
}
@media (max-width: 700px) {
  .home-bg-image{height:calc(100vh - 100px); min-height:auto}
  .home-bg-image > div{display:none}
}

/* HOME HOT NEWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hot_news{position:absolute; top:120px; right:20px; width:290px}
.hot_news > div{border-radius:9px; padding:15px; box-sizing:border-box; background:#004f9f; color:#FFF width:290px; height:auto;}
.hot_news h3{color:#FFF}
.hot_news ul{margin:0; padding:0 0 0 20px; font-size:16px; line-height:22px; font-weight:bold; color:#FFF}
.hot_news li{margin:0 0 10px 0}
.hot_news a,.hot_news a:visited{color:#FFF}
.hot_news a:hover{color:#000}

@media (max-width: 700px) {
  .hot_news{top:auto; bottom:20px; right:50%; transform:translateX(50%)}
}

/* STELLENANGEBOTE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.stellenangebote button{background:var(--evs); padding:5px 10px; border:none; border-radius:5px}
.stellenangebote button:hover{background:#4D4D4D;}
.stellenangebote button a{color:#FFF;}

/* SEARCH
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.finder,.js-highlight{max-width:1024px; width:100%; margin:auto; padding:0 15px; box-sizing:border-box}
.header_search img{width:100%; height:auto; margin:60px 0 0 0}
.result__title-text{font-size:24px;}
.com-finder__pagination{display:none}
.com-finder__explained{margin-bottom:40px}

/* NAVIGATION NEW
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav {position:absolute; z-index:3; left:50%; top:30px; transform:translateX(-50%); width:640px}
nav > ul{margin:0; line-height:24px}
nav > ul > li{float:left; text-align:center; list-style-type:none}
nav > ul > li a{display:block; padding:10px 15px; box-sizing:border-box; text-decoration:none; font-weight: 700}
nav > ul li ul{display:none; padding:0; position:absolute; left:0; top:100%; z-index:4;}
nav > ul li ul li{list-style-type:none; text-align:left; background:rgba(255,255,255,0.9) }
nav > ul > li > ul > li a{padding:5px 10px; font-weight: 300; width:200px}
nav > ul li ul li ul{left:180px; top:0}

nav ul li{position:relative}
nav ul li:hover{background:var(--evs); color:#FFF;}
nav ul li:hover > ul{display:block;}
nav a, nav a:visited{color:#000}
nav a:hover{color:#FFF;}

nav > [type="checkbox"], nav > label{display:none;}

@media screen and (max-width:1200px){
  
    nav {position:fixed; left:auto; top:0; transform:none; width:auto}
  	.nav{display:none;}
    
	nav > label{display:block;background:#000;width:40px;height:40px;cursor:pointer;position:absolute;top:30px;right:30px;z-index:2;}
	nav > label:hover{background:var(--evs)}
	nav > label:after{content:'';display:block;width:25px;height:3px;background:#FFF;margin:18px 7px;box-shadow:0px -10px 0px #FFF, 0px 10px 0px #FFF}
  
  	[type="checkbox"]:checked ~ label{background:#000}
	[type="checkbox"]:checked ~ .nav{display:block;}
    [type="checkbox"]:checked ~ label:after{box-shadow:0px 10px 0px rgba(0,0,0,0), 0px 20px 0px rgba(0,0,0,0)}
  
    .nav{z-index:1; background:#a7bfde; position:fixed; top:0; right:0px; padding-inline-start: 0px; padding:80px 0 0 0; height:100vh; width:320px; box-sizing:border-box; font-size:16px;}
  
	nav a, nav a:visited{color:var(--evs);}
    nav{left:0; width:100%; transform:translateX(0)}
	nav a:hover{color:#FFF}
    nav ul{float:left;margin:0; width:100%;}
	nav ul li{display:block; text-align:center;}
	nav ul li:hover{background:none}
	nav ul > li{float:none}
    nav ul li ul{display:block; position:relative; float:none; left:0;}
	nav ul li ul li{display:block; float:none; padding:0; background:none; text-align:center; width:auto}
	
    nav > ul > li:first-child{display:none}
    nav > ul > li > a{padding:5px 0; margin:10px 0}
    nav > ul li ul li ul{left:auto; top:auto}
    nav > ul > li > a{text-transform:uppercase; font-size:20px; background:var(--evs); color:#FFF}
  	nav > ul > li > a:visited{color:#FFF}
    nav > ul > li > a:hover{color:#a7bfde}
    nav > ul > li > ul > li a{width:100%; padding:0; font-weight:700}
    nav > ul > li > ul > li > ul > li a{font-weight:300}
  
	}

@media screen and (max-width:700px){
  nav > label{top:15px; right:15px}
  .nav{width:100%; top:0; padding:8px 0 0 0}
}
@media screen and (max-width:380px){
  nav > ul{line-height:22px}
  nav > ul > li a{padding:5px 0}
}
@media screen and (max-width:320px){
  nav > ul{line-height:20px}
}


/* HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header{width:100%; height:100px; position:absolute; top:0; left:0; z-index:3; background:#FFF}

header .logo{}
header .logo a{position:absolute; top:15px; left:30px; z-index:2; height:70px; width:252px; margin:0; display:block}
header .logo img{width:100%; height:100%;}
header .logo img:hover{filter:grayscale(1)}

header .news-button{position:absolute; top:30px; left:50%; transform:translateX(-50%); z-index:3}
header .news-button a{display:flex; padding:0 10px; background:#004f9f; color:#FFF; height:40px; align-items:center; font-weight:bold}
header .news-button a:hover{background:#000}

header .contact_nav > div{position:absolute; right:30px; top:30px; display:flex; z-index:2}
header .contact_nav > div p{margin:0 0 0 10px}
header .contact_nav > div p a{width:40px; height:40px; background:#004f9f;}
header .contact_nav img{width:20px; height:20px; margin:10px}
header .contact_nav > div p a:hover{background:#000}
header .contact_nav a{display:block; width:30px; position:relative}
header .contact_nav > div p a:hover:after{width:180px; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); text-align:center; font-size:15px; color:#000}
header .contact_nav > div p:nth-child(1) a:hover:after{content:"NEWS"}
header .contact_nav > div p:nth-child(2) a:hover:after{content:"KONTAKT"}
header .contact_nav > div p:nth-child(3) a:hover:after{content:"SUCHE"}

@media (max-width: 1200px) {
  header .contact_nav > div{right:90px}
}

@media (max-width: 700px) {
  header{height:80px}
  header .contact_nav > div{right:70px; top:25px}
  header .logo a{left:10px;}
  header .logo img{width:200px; height:auto;}
  header .bg_logo{display:none}
  header .contact_nav > div p a{width:25px; height:25px;}
  header .contact_nav img{width:15px; height:15px; margin:5px}
  header .contact_nav a{display:block; width:20px; position:relative}
  header .contact_nav > div p:nth-child(1) a:hover:after,
  header .contact_nav > div p:nth-child(2) a:hover:after,
  header .contact_nav > div p:nth-child(3) a:hover:after{content:"";}
}

@media (max-width: 380px) {
  header{height:70px}
  header .logo img{width:160px}
}
@media (max-width: 320px) {
  header .contact_nav > div p:nth-child(3){display:none}
}


/* TEAM
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.team{width:100%; max-width:1024px; margin:50px auto 0 auto; padding:0 15px; box-sizing:border-box;}
.team > div{display:flex; flex-wrap:wrap}
.team > div > div{width:25%; padding-right:15px; box-sizing:border-box}
.team figure{margin:0}
.team img{width:100%; height:auto; border-radius:9px}
.team p{margin-bottom:10px}

@media (max-width: 900px) {
  .team > div > div{width:33.33%}
}
@media (max-width: 700px) {
  .team > div > div{width:50%}
}
@media (max-width: 500px) {
  .team > div > div{width:100%; margin-bottom:20px}
}

/* LINKS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.links{margin:0 auto;max-width:1024px; padding:0 15px; box-sizing:border-box;}
.links h3{margin-bottom:20px}
.links > div{display:flex; flex-wrap:wrap;}
.links p{width:calc(50% - 30px); background:#adc6e0; padding:15px; box-sizing:border-box; margin:0 30px 30px 0; border-radius:9px; font-size:16px; line-height:20px; }
@media (max-width: 500px) {
  .links{padding-bottom:30px}
  .links p{width:100%; margin:0 0 10px 0;}
}

/* ONLINEFORMULAR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.onlineformular{width:100%; max-width:1024px; margin:0 auto 50px auto; padding:0 15px; box-sizing:border-box;}
.onlineformular .visCSStop10{margin-top:30px}
.form_birth{margin-top:10px}
.first_hr{display:none}

@media (max-width: 500px) {
  .onlineformular .visCSSlabel,.onlineformular .visCSSinput{width:100%}
  .onlineformular .visCSSmargLeft{margin:0}
}

/* DOKUMENTE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.dokumente{margin:0 auto 0 auto; max-width:1024px; padding:0 15px; box-sizing:border-box; display:flex; flex-wrap: wrap;}
.dokumente h3{margin-bottom:20px; width:100%}
.dokumente > div{display:flex; flex-wrap: wrap; width:50%; align-content:flex-start}
.dokumente > div > div{margin-bottom:30px; width:100%}
.dokumente a{display:block; width:calc(100% - 15px); background:#adc6e0; border-radius:9px; padding:10px 15px; font-size:16px; line-height:20px; box-sizing:border-box}
.dokumente p{margin:0 30px 10px 0}

@media (max-width: 600px) {
  .dokumente > div,.dokumente a{width:100%}
  .dokumente p{margin:0 0 10px 0}
}

/* HOME SPECIAL NEWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.special_news{width:100%; background:#FFF; padding:60px 0 20px 0; box-sizing:border-box}
.special_news > div{max-width:994px; margin:auto; padding:15px 15px 10px 60px; box-sizing:border-box; border-radius:9px; position:relative; background:#004f9f; color:#FFF}
.special_news > div:after{content:"i"; position:absolute; top:18px; left:17px; width:30px; height:30px; text-align:center; border-radius:50%; background:#FFF; color:#004f9f; font-weight:bold; font-family:"times"}
.special_news h3{color:#FFF}
.special_news p{margin:0 0 10px 0;}

@media (max-width: 1024px) {
  .special_news > div{border-radius:0}
}
@media (max-width: 500px) {
  .special_news > div{padding:15px 15px 10px 15px; }
  .special_news > div:after{display:none}
}

/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer{background:#004f9f}
footer > div > div{width:100%; height:90px; padding:30px 15px; box-sizing:border-box; margin:0 auto}
footer p{float:left;}
footer a, footer a:visited{color:#FFF}
footer a:hover{color:#000}
footer a:first-child{margin-right:30px}
footer p:last-child{font-size:15px; float:right}

@media (max-width: 700px) {
  footer > div > div{height:auto; padding:30px 15px 10px 15px;}
  footer p{float:none; text-align:center}
  footer p:first-child{margin:0 0 20px 0}
  footer p:last-child{float:none}
}
@media (max-width: 320px) {
  footer a:first-child{margin-right:0}
}

/* ADDRESS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.address{padding:0 0 0 0}
.address > div{width:100%; max-width:1024px; padding:15px; box-sizing:border-box; margin:0 auto; display:flex; flex-wrap:wrap}
address{font-style:normal; width:50%}
.address a{display:flex; height:40px; align-items:center; color:#000}
.address a:visited{color:#000}
.address a:hover{color:#004f9f}
.address img{filter:invert(1); opacity:0.8; margin-right:15px}
.address .image{width:50%; height:360px; background: url("../../../images/header/evs-sitz-1920x1280.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.address p{margin:0 0 10px 0}

@media (max-width: 700px) {
  .teaser > div{}
  address, .address .image{width:100%}
}

/* TEASER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.teaser{padding:30px 0 20px 0}
.teaser > div{width:100%; height:auto; margin:0 auto; display:flex; flex-wrap:wrap; padding:15px; box-sizing:border-box; text-align:center;  }
.teaser .content{width:calc(25% - 30px); position:relative; margin:15px; background:#004f9f; border-radius:9px; padding:10px 0}
.teaser a,.teaser a:visited, .teaser h3{color:#FFF}
.teaser a:hover{color:#000}
.teaser img{width:100%; height:auto}
.teaser p{margin:0}
.teaser span{padding:0 10px}

@media (max-width: 1000px) {
  .teaser > div{}
  .teaser .content{width:calc(50% - 30px);}
}
@media (max-width: 700px) {
  .teaser > div{}
  .teaser .content{width:100%;}
}

/* E-TEC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.e_tec{padding:50px 0}
.e_tec div{max-width:1024px; width:100%; height:auto; position:relative; margin:0 auto; }
.e_tec iframe{width:100%; height:710px;border:none}
.e_tec h3{padding-left:15px}

@media (max-width: 800px) {
	.e_tec iframe{height:600px}
}
@media (max-width: 700px) {
  .e_tec iframe{height:600px}
}
@media (max-width: 500px) {
  .e_tec iframe{height:500px}
}

/* CONTACT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact{padding:50px 0; border-top:0 solid #FFF; border-bottom:50px solid #FFF;}
.contact > div{max-width:1024px; position:relative; margin:0 auto; height:220px; border-top:50px solid #FFF; border-bottom:50px solid #FFF;}
.contact > div > .content{display:flex; width:calc(100% - 320px); height:100%; flex-wrap:wrap; justify-content:space-around; align-content:center; background:#004f9f; border-radius:9px 0 0 9px}
.contact > div > .content p{color:#FFF; text-align:center; font-weight:bold; margin:0}
.contact > div > .content p:nth-child(1){width:100%; font-size:30px; line-height:40px; margin:0 0 20px 0}
.contact > div > .content a{color:#FFF}
.contact > div > .content a:hover{color:#000}
.contact > div > .content a:hover img{filter:invert(1)}
.contact > div > .content img{width:40px; height:50px}
.contact > div > .image{position:absolute; top:-50px; right:0; width:320px; height:320px; border-radius:9px; overflow:hidden}
.contact > div > .image img{width:100%; height:100%}
.contact > div > .image p:nth-child(2){position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.8); width:100%; margin:0; text-align:center; padding:10px 0}

@media (max-width: 1024px) {
  .contact{background:#FFF; border-top:none}
  .contact > div{border:none;}
  .contact > div > .content,.contact > div > .image{border-radius:0}
}
@media (max-width: 900px) {
  .contact{padding:0}
  .contact > div{height:320px}
  .contact > div > .image{top:0}
}
@media (max-width: 700px) {
  .contact > div{height:auto; background:#004f9f}
  .contact > div > .content{width:100%; padding:20px 0 0 0}
  .contact > div > .image{position:relative; top:auto; right:auto; width:100%; height:auto; margin:20px 0 0 0}
  .contact > div > .image p:first-child{margin:0; line-height:0}
}

/* ISSUU
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.issuu{max-width:1024px; padding:0 15px 50px 15px; box-sizing:border-box; margin:0 auto}
.issuu > div{display:flex; flex-wrap:wrap;}
.issuu .content{width:50%; padding-right:15px; box-sizing:border-box}
.issuu h3{margin-top:20px}

@media (max-width: 700px) {
  .issuu .content{width:100%; padding:0}
}

/* MAP
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.map{padding:0}
.map h3{width:100%; max-width:1024px; padding:0 15px; box-sizing:border-box; margin:0 auto 20px auto}
.map iframe{width:100%; height:420px; border:none}

/* FONTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* BASIC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {--evs: #004f9f}
html {font-size: 62.5%;}
body {font-size: 20px; line-height: 30px; font-weight: 300; font-family: 'ubuntolight', sans-serif;  color: #4D4D4D; background:#FFF}
a, a:visited{color: var(--evs);text-decoration: none}
a:hover{color:#4D4D4D}
strong {font-family: 'ubuntobold', sans-serif; font-weight: 700}
figure{margin:0}

.auto-hyphens{hyphens: auto;-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto}
.transition{-ms-transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}
.transition:hover{-ms-transition: all 500ms;-webkit-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}

p{margin:0 0 20px 0}
h1, h2, h3{font-family: 'ubuntobold', sans-serif;}
h1{font-size:40px; line-height:50px; margin:0 0 20px 0}
h2{font-size:30px; line-height:40px; margin:0 0 20px 0}
h3{font-size:26px; line-height:32px; margin:0 0 10px 0}
h4{font-size:20px; line-height:24px; margin:0 10px 10px 10px; font-family: 'ubuntolight', sans-serif; font-weight:normal}

@media (max-width: 700px) {
  h1{font-size:30px; line-height:40px; hyphens: auto;-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto}
  h2{font-size:26px; line-height:32px; hyphens: auto;-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto}
}

.center_content{max-width:1024px; width:100%; margin:0 auto; padding:20px 15px; box-sizing:border-box}
.bg_light_grey{background:#efefef}
.bg_light_blue{background:rgba(0,79,158,0.1)}
.curved_corner{border-radius:9px}
.bg_white{background:#FFF}
.bg_black{background:#000}

/* ARTICLE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
article{padding:0 0 50px 0}
article  .abstand_titel h1{margin:0}
.com-content-article__body{width:100%; max-width:1024px; margin:0 auto; padding: 30px 15px 0 15px; box-sizing:border-box;}

.headerimage{margin:100px 0 20px 0; width:100%; display:flex; justify-content:center; background:#adc6e0}
.headerimage img{height:auto; width:100%}

.overview{width:100%; max-width:1024px; margin:0 auto; padding:0 15px 50px 15px; box-sizing:border-box}
.overview > div{display:flex; flex-wrap:wrap}
.overview > div > div{width:33.3%; padding:7.5px 15px 7.5px 0; box-sizing:border-box;}
.overview figure{margin:0}
.overview img{max-width:100%; height:auto}
.overview .readmore a{padding:5px 10px; background:#004f9f; color:#FFF; border-radius:9px}

.overview-news{width:100%; max-width:1024px; margin:0 auto; padding:30px 15px 50px 15px; box-sizing:border-box}
.overview-news > div{display:flex; flex-wrap:wrap}
.overview-news > div > div{width:calc(33.3% - 15px); margin:0 15px 15px 0; display:flex; flex-wrap:wrap; border:solid 1px #ddd; box-sizing:border-box}
.overview-news a{display:block; width:100%; height:auto; }
.overview-news h4{order:1; text-align:center; width:100%}
.overview-news figure{margin:0; order:0}
.overview-news img{max-width:100%; height:auto}
.overview-news .readmore a{padding:5px 10px; background:#004f9f; color:#FFF; border-radius:9px}

@media (max-width: 900px) {
  .overview-news > div > div{width:calc(50% - 15px)}
  .overview > div > div{width:50%}
}
@media (max-width: 500px) {
  article{padding:0 0 50px 0}
  .overview-news > div > div{width:100%; margin:0 0 15px 0}
  .overview > div > div{width:100%}
}

.tabelle table{margin-bottom:20px}
.tabelle table td{border: 1px solid #004f9f; padding: 15px; margin: 20px 0; line-height: 20px;}

@media (max-width: 420px) {
  .tabelle_stromnetz table tr{display:flex; flex-wrap:wrap}
  .tabelle_stromnetz table td{width:100%; margin:10px 0}
  .tabelle_stromnetz table td:first-child{margin-bottom:0}
  .tabelle_stromnetz table td:nth-child(2){margin-top:0; border-top:0}
  .tabelle_erdgasnetz table td,
  .tabelle_multimedia table td{padding:5px}
  
}

.elektroinstallationen{display:flex; flex-wrap:wrap;}
.elektroinstallationen p{width:33.3%; text-align:center}
.elektroinstallationen span{border-radius:50%; padding:40px; box-sizing:border-box; display:block; width:60%; height:auto; background:#d8dcde; margin:20px auto; line-height:0}
.elektroinstallationen img{width:100%; height:auto}

@media (max-width: 500px) {
  .elektroinstallationen p{width:100%}
}

.haushaltsgeraete{display:flex; flex-wrap:wrap; margin-top:40px;}
.haushaltsgeraete .content{width:50%; padding-right:15px; box-sizing:border-box}
.haushaltsgeraete .content h2{text-align:center}
.haushaltsgeraete .content span{display:block; width:50%; padding:10%; box-sizing:border-box; background:#adc6e0; border-radius:50%; margin:0 auto; line-height:0}

@media (max-width: 700px) {
  .haushaltsgeraete .content{width:100%; padding:0}
}

.link_unterseite{margin-bottom:50px}
.link_unterseite a{padding:10px 15px; margin-left:15px; border-radius:9px; background:#adc6e0; box-sizing:border-box}
@media (max-width: 700px) {
  .link_unterseite a{width:100%; display:block; margin:0; }
  .link_unterseite a:first-child{margin-top:20px}
}