/*
Theme Name: stadtwerkverltheme
Theme URI: https://www.mues-schrewe.de/
Author: Lukas Stenner
Author URI: https://www.mues-schrewe.de/
Description: Ein Wordpress-Theme erstellt von Mues + Schrewe.
Version: 1.0
*/

/*
### COLORS ###
*/

/* exo-2-300 - latin */
/* @font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.eot');
  src: local('Exo 2 Light'), local('Exo2-Light'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.woff2') format('woff2'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.woff') format('woff'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.ttf') format('truetype'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-300.svg#Exo2') format('svg');
} */
/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo 2'), local('Exo2-Regular'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Medium'), local('Exo2-Medium'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-600 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-600.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Bold'), local('Exo2-Bold'),
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/stadtwerkverltheme/inc/fonts/exo-2-v4-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* ALLGEMEIN */
body {
	margin: 0;
	font-family: 'Exo 2', sans-serif;
  font-size: 18px;
  color: #484847;
  overflow-x: hidden;
}
button {
	font-family: 'Exo 2', sans-serif;
}
main {
  background-color: #fff;
  position: relative;
  max-width: 1584px;
  padding: 0 169px;
  margin: 50px auto;
  display: block;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
strong {
  font-weight: 600;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.noclick {
  pointer-events: none;
}
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  color: #3c3c3b;
  font-weight: 400;
  border-bottom: solid 1px #3c3c3b;
  display: table;
  padding: 0 15px 10px 0;
  margin: 0;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
.button {
  display: block;
  border-radius: 30px;
  padding: 10px 40px;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  background: rgb(129,187,37);
  background: -moz-linear-gradient(top, rgba(129,187,37,1) 0%, rgba(0,155,62,1) 100%);
  background: -webkit-linear-gradient(top, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  background: linear-gradient(to bottom, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bb25', endColorstr='#009b3e',GradientType=0 );
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.button a {
  color: #fff;
}
body a.button {
  color: #fff;
}
.button:hover {
  opacity: 0.9;
  text-decoration: none;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.tipps-wrapper .button,
.direktkontakt-wrapper .button {
	background: rgb(0,100,150,1);
	background: -moz-linear-gradient(top, rgba(0,100,150,1) 0%, rgba(0,160,230,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,100,150,1) 0%,rgba(0,160,230,1) 100%);
	background: linear-gradient(to bottom, rgba(0,100,150,1) 0%,rgba(0,160,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006496', endColorstr='#00A0E6',GradientType=0 );
}
.breadcrumb a {
  color: #3c3c3b;
  text-decoration: none;
}
.breadcrumb-borderbottom {
  padding-top: 15px;
  margin-left: -10px;
  width: 120px;
  height: 2px;
  border-bottom: solid 1px #3c3c3b;
}
.breadcrumb-separator {
  padding: 0 5px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a,
a:hover,
a:focus,
a:visited {
    color: #009b3e;
}
input {
  font-family: 'Exo 2', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #888888;
}
input:focus {
  outline:none;
}

/* Direktkontakt */
.direktkontakt-wrapper {
  width: 25%;
  float: left;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.direktkontakt-bild {
  line-height: 0;
}
.direktkontakt-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.direktkontakt-inhalt {
  padding: 30px 25px;
  background-color: #e5efc3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.direktkontakt-inhalt h2 {
  word-break: break-word;
}
.direktkontakt-telefon strong,
.direktkontakt-fax strong,
.direktkontakt-whatsapp strong,
.direktkontakt-email strong
.direktkontakt-zeiten strong,
.direktkontakt-anschrift strong {
  display: inline-block;
}
.direktkontakt-telefon .kontaktart,
.direktkontakt-fax .kontaktart,
.direktkontakt-whatsapp .kontaktart,
.direktkontakt-email .kontaktart,
.direktkontakt-zeiten .kontaktart,
.direktkontakt-anschrift .kontaktart {
  display: inline-block;
  width: 100px;
}
.direktkontakt-telefon {
  margin-top: 10px;
  margin-bottom: 15px;
}
.direktkontakt-fax,
.direktkontakt-whatsapp,
.direktkontakt-email,
.direktkontakt-zeiten {
  margin-bottom: 15px;
}
.direktkontakt-email a {
  color: inherit;
  text-decoration: none;
}
.direktkontakt-email a:hover {
  text-decoration: underline;
}
.startseite-erste_spalte {
  margin-bottom: 40px;
}
@media (max-width: 1600px) {
  .direktkontakt-inhalt strong {
    display: block;
  }
}
@media (max-width: 1500px) {
  .button {
    font-size: 16px;
  }
  .direktkontakt-wrapper {
    width: 50%;
    padding-left: 10px;
  }
  .direktkontakt-inhalt strong {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  main {
    padding: 0 20px;
  }
  .direktkontakt-wrapper {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .button {
    padding: 10px 20px;
  }
}

/* HEADER */
.navigation {
  max-width: 1584px;
  margin: 0 auto 0 auto;
  padding: 0 169px;
  position: relative;
  height: 0;
  top: 71px;
  z-index: 2;
}
.hauptnavigation {
  position: relative;
  padding: 0 43px 0 0;
}
.burger-menu {
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.upperbun {
  width: 30px;
  height: 3px;
  background-color: #484847;
  margin-bottom: 4px;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.beef {
  width: 23px;
  height: 3px;
  background-color: #484847;
  margin-bottom: 4px;
}
.lowerbun {
  width: 27px;
  height: 3px;
  background-color: #484847;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.burger {
  float: left;
}
.burger-text {
  font-size: 16px;
  float: left;
  font-weight: 600;
  margin-left: 30px;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.special-light {
  font-weight: 300;
}
.menu li {
  list-style-type: none;
}
.menu li a {
  color: #484847;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}
li.menu-verlerstrom a,
li.menu-verlergas a,
li.menu-verlernetze a,
li.menu-verlerwaerme a{
  margin-bottom: 0;
}
.menu .sub-menu {
  display: none;
}
#menu-hauptnavigation {
  margin: 0;
  padding: 0;
}
#menu-specialnavigation li a {
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  position: relative;
}
#menu-specialnavigation li a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=1 );
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
#menu-specialnavigation li a:hover:before {
  opacity: 1;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuschliessentext {
  opacity: 0;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menu-hauptnavigation-container {
  padding: 90px 60px;
  padding: 150px 60px 100px 60px;
  position: relative;
  opacity: 0;
  display: none;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuOpen .menu-hauptnavigation-container {
  opacity: 1;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuOpen .upperbun {
  margin-top: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuOpen .beef {
  opacity: 0;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.menuOpen .lowerbun {
  position: relative;
  width: 30px;
  margin-top: -14px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuOpen .menuschliessentext {
  opacity: 1;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menubackground {
  position: absolute;
  background-color: #fff;
  width: 900px;
  height: 1600px;
  border-radius: 100px;
  bottom: 0;
  left: -560px;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menuOpen .menubackground {
  bottom: -50px;
  opacity: 1;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
.menu-verlerstrom a {
  padding: 20px 0;
  display: block;
}
.menu-verlergas a {
  padding: 20px 0;
  display: block;
}
.menu-verlernetze a {
  padding: 20px 0;
  display: block;
}
#menu-hauptnavigation .menu-verlerstrom,
#menu-hauptnavigation .menu-verlergas,
#menu-hauptnavigation .menu-verlernetze,
#menu-hauptnavigation .menu-verlerwaerme {
  display: none;
}
.logo {
  width: 200px;
  position: absolute;
  top: 0;
  right: 169px;
  z-index: 1;
}
.logo img {
  width: 100%;
}
.headerbild {
  position: relative;
  width: 100%;
  z-index: 1;
}
.specialnavigation-wrapper {
  display: block;
  z-index: 1;
  width: 100%;
  height: 600px;
  bottom: 0;
  overflow: hidden;
  position: absolute;
}
.specialnavigation {
  position: absolute;
  bottom: 0;
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/specialnavigation-hintergrund.svg);
  background-repeat: no-repeat;
  background-size: 800px 600px;
  background-position: 20px 130px;
  width: 2285px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#menu-specialnavigation {
  padding-left: 0;
}
.menu-specialnavigation-container {
  position: absolute;
  left: 305px;
  bottom: 30px;
}
.menu-specialnavigation-container li a {
  color: #fff;
  font-size: 30px;
  margin-right: -40px;
  padding-left: 40px;
}
.menu-specialnavigation-container li {
  border-bottom: solid 2px rgba(255, 255, 255, 0.5);
}
.menu-specialnavigation-container li:nth-last-of-type(1) {
  border-bottom: none;
}
.headerbild-bildcontainer {
  position: relative;
  top: 0;
  overflow: hidden;
  width: 100%;
}
.headerbild-bildcontainer img {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: relative;
}
.headerbild-hintergrundfarbe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mobil-hintergrund-menu {
  position: absolute;
  display: none;
  left: -400px;
  top: -50px;
  width: 700px;
  height: 400px;
  z-index: 1;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/specialnavigation-hintergrund.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.headerbild_desktop_link {
  pointer-events: none;
}
.headerbild_desktop_link_blocker {
  position: absolute;
  width: 100%;
  height: 600px;
  pointer-events: all;
}
.headerbild_desktop {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.headerbild_mobil {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-untenzeigend .specialnavigation {
  background: none;
  height: 700px;
  top: 0;
}
.menu-untenzeigend .specialnavigation-wrapper {
  height: 700px;
  top: 0;
}
.menu-untenzeigend .menu-gruen {
  position: absolute;
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/menu-gruen.svg);
  background-repeat: no-repeat;
  background-size: 1400px 1000px;
  background-position: -200px 0;
  width: 1050px;
  height: 750px;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 1;
}
.menu-gelb-container {
  width: 1190px;
  height: 600px;
  overflow: hidden;
}
.menu-untenzeigend .menu-gelb {
  position: absolute;
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/menu-gelb.svg);
  background-repeat: no-repeat;
  background-size: 1200px 820px;
  background-position: -30px 0px;
  width: 1190px;
  height: 650px;
  margin-left: -250px;
  margin-top: -50px;
}
.menu-untenzeigend .headerbild-bildcontainer {
  height: 600px;
}
.menu-untenzeigend .burger-menu .upperbun,
.menu-untenzeigend .burger-menu .beef,
.menu-untenzeigend .burger-menu .lowerbun {
  background-color: #fff;
}
.menu-untenzeigend .burger-menu .burger-text {
  color: #fff;
}
.menu-untenzeigend .menuOpen .burger-menu .upperbun,
.menu-untenzeigend .menuOpen .burger-menu .beef,
.menu-untenzeigend .menuOpen .burger-menu .lowerbun {
  background-color: #000;
}
.menu-untenzeigend .menuOpen .burger-menu .burger-text {
  color: #000;
}
.menu-untenzeigend .menu-specialnavigation-container {
  z-index: 1;
  bottom: 135px;
}
.menu-rechtszeigend {
  max-width: 100%;
}
.menu-untenzeigend #menu-specialnavigation li a,
.menu-rechtszeigend #menu-specialnavigation li a {
  opacity: 0.5;
  font-size: 30px;
}
#menu-specialnavigation li.current_page_item a {
  opacity: 1;
}
.menu-icon {
  position: absolute;
  top: 200px;
  z-index: 1;
  left: 345px;
  width: 60px;
}
.menu-rechtszeigend .specialnavigation-wrapper {
  top: 0;
  bottom: unset;
  height: 420px;
}
.menu-rechtszeigend .menu-specialnavigation-container {
  z-index: 1;
  top: 100px;
  bottom: unset;
}
.menu-rechtszeigend .specialnavigation {
  top: 0;
  bottom: unset;
}
.menu-rechtszeigend .specialnavigation {
  background: none;
}
.menu-rechtszeigend .menu-gruen {
  position: absolute;
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/menu-gruen-rechtszeigend.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 620px;
  height: 590px;
  margin-left: 30px;
  margin-top: -180px;
  z-index: 1;
  transform: rotate(-70deg);
  -webkit-transform: rotate(-70deg);
}
.menu-rechtszeigend .menu-gelb-container {
  width: 1190px;
  height: 600px;
  overflow: hidden;
}
.menu-rechtszeigend .menu-gelb {
  position: absolute;
  background-image: url(/wp-content/themes/stadtwerkverltheme/inc/images/menu-gelb.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 800px 300px;
  width: 600px;
  height: 420px;
  margin-left: 20px;
  margin-top: -30px;
}
.menu-rechtszeigend .menu-specialnavigation-container {
  left: 330px;
}
.menu-rechtszeigend .menu-specialnavigation-container li a,
.menu-rechtszeigend #menu-specialnavigation li a {
  font-size: 20px;
  padding-left: 20px;
}
.menu-rechtszeigend .burger-menu .upperbun,
.menu-rechtszeigend .burger-menu .beef,
.menu-rechtszeigend .burger-menu .lowerbun {
  background-color: #fff;
}
.menu-rechtszeigend .menuOpen .burger-menu .upperbun,
.menu-rechtszeigend .menuOpen .burger-menu .beef,
.menu-rechtszeigend .menuOpen .burger-menu .lowerbun {
  background-color: #000;
}
.menu-rechtszeigend .burger-menu .burger-text {
  color: #fff;
}
.menu-rechtszeigend .menuOpen .burger-menu .burger-text {
  color: #000;
}
.suchfeld {
  position: absolute;
  top: 60px;
  z-index: 2;
  opacity: 0;
  display: none;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.suche-text {
  border-radius: 30px;
  padding: 10px 15px;
  font-size: 20px;
}
.suche-absenden {
  width: 40px;
  height: 40px;
  top: 9px;
  position: relative;
  border: none;
  background: none;
  background-image: url('/wp-content/themes/stadtwerkverltheme/inc/images/icon_suche.png');
  background-size: cover;
  cursor: pointer;
  margin-right: 10px;
}
.menuOpen .suchfeld {
  opacity: 1;
  display: block;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
@media (max-width: 1919px) {
  .specialnavigation {
    width: 100%;
    background-position: -160px 130px;
  }
  .menu-specialnavigation-container {
    left: 130px;
  }
  .menu-icon {
    left: 175px;
  }
  .untenzeigend .menu-gruen {
    margin-left: -200px;
  }
  .menu-untenzeigend .menu-gelb {
    margin-left: -400px;
  }
  .menu-rechtszeigend .menu-gruen {
    margin-left: -90px;
  }
  .menu-rechtszeigend .menu-gelb {
    margin-left: -100px;
  }
  .menu-rechtszeigend .menu-specialnavigation-container {
    left: 150px;
  }
}
@media (max-width: 991px) {
  .headerbild {
    overflow: visible;
  }
  .navigation {
    max-width: 1584px;
    margin: 0 auto 0 auto;
    padding: 0 43px;
  }
  #menu-hauptnavigation .menu-verlerstrom,
  #menu-hauptnavigation .menu-verlergas,
  #menu-hauptnavigation .menu-verlernetze,
  #menu-hauptnavigation .menu-verlerwaerme {
    display: block;
  }
  .mobil-hintergrund-menu {
    display: block;
  }
  .specialnavigation-wrapper {
    display: none;
  }
  .menubackground-wrapper {
    position: absolute;
    bottom: 0;
    width: 130%;
    left: -43px;
  }
  .menubackground {
    position: relative;
    bottom: 100px;
  }
  .menuOpen .menubackground {
    bottom: 20px;
  }
  .upperbun,
  .beef,
  .lowerbun {
    background-color: #fff;
  }
  .burger-text {
    color: #fff;
  }
  .menuOpen .upperbun,
  .menuOpen .beef,
  .menuOpen .lowerbun {
    background-color: #484847;
  }
  .menuschliessentext {
    color: #484847;
  }
  .menuOpen .burger-text {
    color: #484847;
  }
  .headerbild_desktop {
    display: none;
    pointer-events: none;
  }
  .headerbild_mobil {
    display: block;
    pointer-events: none;
  }
  .headerbild-bildcontainer img {
    position: relative;
    width: 100%;
  }
  .logo {
    right: 43px;
  }
  .menu-verlerstrom a {
    padding: 5px 0;
  }
  .menu-verlergas a {
    padding: 5px 0;
  }
  .menu-verlerwaerme a {
    padding: 5px 0;
  }
  .menu-verlerwaerme {
    margin-bottom: 30px;
  }
  .menu-untenzeigend .headerbild-bildcontainer {
    height: auto;
  }
  .suchfeld {
  }
  .suche-text {
    font-size: 16px;
  }
  .suche-absenden {
  }
}
@media (max-width: 560px) {
  .mobil-hintergrund-menu {
    left: -460px;
  }
}
@media (max-width: 480px) {
  .logo {
    width: 100px;
  }
}

/* FOOTER */
footer {
  max-width: 1584px;
  padding: 0 169px;
  margin: 0 auto;
}
.footer-wrapper {
  padding-bottom: 45px;
}
.footer-text {
  font-size: 25px;
  font-weight: 700;
  float: left;
  width: 35%;
}
.footer-links {
  float: left;
  width: 65%;
  text-align: right;
}
.footer-links a,
.footer-links a:hover,
.footer-links a:focus,
.footer-links a:active,
.footer-links a:visited {
  color: #484847;
  text-decoration: none;
  padding-left: 15px;
}
.footer-textcontent {
  width: 60%;
  float: left;
  border-top: solid 2px #484847;
  padding-top: 45px;
}
.footer-bild-url {
  width: 27%;
  text-align: center;
  float: left;
}
.footer-bild-url img {
  width: 100%;
  max-width: 210px;
  position: relative;
  margin-top: -5px;
}
.footer-logo {
  width: 13%;
  float: right;
}
.footer-logo img {
  width: 100%;
}
.kontakt-laeufer {
  position: fixed;
  z-index: 1;
  right: -350px;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-left: 5px;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%);
  width: 440px;
  background: rgb(129,187,37);
  background: -moz-linear-gradient(top, rgba(129,187,37,1) 0%, rgba(0,155,62,1) 100%);
  background: -webkit-linear-gradient(top, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  background: linear-gradient(to bottom, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bb25', endColorstr='#009b3e',GradientType=0 );
}
.kontakt-laeufer img {
  width: 90px;
  float: left;
  padding: 64px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kontakt-laeufer span {
  width: 100px;
  display: inline-block;
}
.kontakt-laeufer-email a {
  background: inherit;
  color: #fff;
}
.kontakt-laeufer-kontakt{
  width: 320px;
  float: left;
  padding: 11px 15px;
}
.barrierefreiheit-laeufer {
	z-index: 2;
	position: fixed;
	right: 0;
	top: calc(50% + 150px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.barrierefreiheit-laeufer img {
	margin: 15px;
	width: 60px;
	height: 60px;
}
.footer-social-media {
  display: block;
  position: relative;
  top: 15px;
  clear: both;
  text-align: right;
}
.footer-social-media a img {
  width: 30px;
  margin-left: 10px;
}
@media (max-width: 1920px) {
  .footer-wrapper {
    border-top: solid 1px #484847;
    padding: 45px 0;
  }
  .footer-logo {
    margin: 10px 0 0 0;
    width: 20%;
  }
  .footer-textcontent {
    border: none;
    padding: 0;
    width: 80%;
  }
  .footer-bild-url {
    width: 25%;
    margin-left: -40px;
  }
  .footer-bild-url img {
    max-width: 180px;
  }
  .footer-text {
    width: 100%;
    margin-bottom: 15px;
  }
  .footer-links {
    width: 100%;
    text-align: left;
  }
  .footer-links a,
  .footer-links a:hover,
  .footer-links a:focus,
  .footer-links a:active,
  .footer-links a:visited {
    text-align: left;
    width: 100%;
    padding-left: 0;
    padding-right: 30px;
  }
  .footer-social-media {
    display: block;
    position: relative;
    top: 15px;
    clear: both;
    text-align: left;
  }
  .footer-social-media a img {
    width: 30px;
    margin: 0 15px 0 0;
  }
}
@media (max-width: 1100px) {
  .footer-textcontent {
    width: 25%;
  }
  .footer-bild-url {
    margin-left: 0;
  }
  .footer-bild-url img {
    max-width: 130px;
  }
  .footer-links a,
  .footer-links a:hover,
  .footer-links a:focus,
  .footer-links a:active,
  .footer-links a:visited {
    padding: 0 0 0 0;
    display: block;
  }
  .footer-links a:hover {
    padding: 0;
  }
  .kontakt-laeufer {
    width: 300px;
    right: -230px;
  }
  .kontakt-laeufer img {
    width: 70px;
  }
  .kontakt-laeufer-kontakt {
    font-size: 13px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .footer-wrapper {
    border: none;
    padding: 0;
  }
  .footer-logo {
    border-top: solid 2px #484847;
    padding-top: 45px;
    max-width: 300px;
    float: left;
  }
  .footer-textcontent,
  .footer-links {
    width: 100%;
    text-align: left;
    border: none;
    width: 50%;
    clear: both;
  }
  .footer-bild-url {
    position: absolute;
    left: 50%;
    width: 50%;
  }
  .footer-bild-url img {
    max-width: 60%;
    margin-top: -5px;
  }
  .footer-text,
  .footer-social-media {
    padding-bottom: 30px;
  }
  .footer-links a,
  .footer-links a:hover,
  .footer-links a:focus,
  .footer-links a:active,
  .footer-links a:visited {
    padding: 0 45px 0 0;
    display: block;
  }
  .footer-logo {
    margin: 0;
    width: 100%;
    width: 50%;
    clear: both;
  }
}

/* STARTSEITE */

/* Tarifrechner */
.tarifrechner-wrapper {
  width: 50%;
  float: left;
}
.tarifrechner {
  background-color: #e5efc3;
  border-radius: 10px;
  padding: 20px 30px 60px 30px;
  position: relative;
}
.verlerlight {
  font-weight: 300;
}
.tarifrechner-verlerstrom,
.tarifrechner-verlergas {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  width: 48%;
  background-color: #fff;
  float: left;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.tarifrechner-verlerstrom {
  margin-right: 4%;
}
.tarifrechner-selected {
  background-color: #aaca3b;
}
.tarifrechner-auswahl {
  margin-top: 30px;
}
.tarifrechner-auswahl button {
  position: absolute;
  bottom: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  border: none;
}
.tarifrechner-stromodergas {
  display: none;
}
.tarifrechner-personenwahl {
  width: 480px;
  margin: 0 auto;
  padding: 120px 0 20px 0;
}
.personenicon {
  height: 45px;
  width: 24%;
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.personenicon img {
  height: 100%!important;
}
.personenicon-1_voll,
.personenicon-2_voll,
.personenicon-3_voll,
.personenicon-4_voll {
  display: none;
}

.tarifrechner-personenwahl input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tarifrechner-personenwahl input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.tarifrechner-personenwahl input[type=range]:focus {
  outline: none;
}
.tarifrechner-personenwahl input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  padding: 25px 0;
  margin-top: 0px;
}
.tarifrechner-personenwahl input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 50px;
  border-radius: 30px;
  background: #3c3c3b;
  cursor: pointer;
  margin-top: -14px;
  background-image: url('/wp-content/themes/stadtwerkverltheme/inc/images/personenauswahl-grip.png');
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center center;
}
.tarifrechner-personenwahl input[type=range]::-moz-range-thumb {
  height: 25px;
  width: 50px;
  border-radius: 30px;
  background: #3c3c3b;
  cursor: pointer;
  margin-top: -14px;
  background-image: url('/wp-content/themes/stadtwerkverltheme/inc/images/personenauswahl-grip.png');
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center center;
}
.tarifrechner-personenwahl input[type=range]::-ms-thumb {
  height: 25px;
  width: 50px;
  border-radius: 30px;
  background: #3c3c3b;
  cursor: pointer;
  margin-top: 0;
  background-image: url('/wp-content/themes/stadtwerkverltheme/inc/images/personenauswahl-grip.png');
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center center;
}
.tarifrechner-personenwahl input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]:focus::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]::-moz-focus-outer {
  border: 0;
}
.tarifrechner-personenwahl input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
}
.tarifrechner-personenwahl input[type=range]::-ms-fill-lower {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]:focus::-ms-fill-lower {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]::-ms-fill-upper {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-personenwahl input[type=range]:focus::-ms-fill-upper {
  width: 100%;
  height: 1px;
  cursor: pointer;
  border: 1px solid #3c3c3b;
  background-color: #3c3c3b;
}
.tarifrechner-auswahl input[type="number"]::-webkit-outer-spin-button,
.tarifrechner-auswahl input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.tarifrechner-auswahl input[type="number"] {
    -moz-appearance: textfield;
}
.regionnichtabgedeckt,
.regionnichtabgedeckt2,
.geburtsdatumzuniedrig {
  display: none;
  border: solid 2px #EDE301;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.geburtsdatumzuniedrig {
  margin-bottom: 15px;
}
.ibanfalsch  {
  display: none;
  border: solid 2px #EDE301;
  padding: 15px;
  margin: 0 auto 15px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="number"].tarifrechner-verbrauch,
input[type="number"].tarifrechner-plz,
input[type="text"].tarifrechner-verbrauch,
input[type="text"].tarifrechner-plz {
    font-size: 19px;
    border: solid 1px #484847;
    padding: 5px 20px;
    width: 48%;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
}
input[type="number"].tarifrechner-verbrauch:focus,
input[type="number"].tarifrechner-plz:focus {
  outline: none;
}
input[type="text"].tarifrechner-verbrauch {
  margin-right: 4%;
}
.tarifrechner-auswahl button:focus {
  outline: none;
  border: none;
}
.tarifrechner-personenwahl.gas {
  padding-top: 105px;
}
.tarifrechner-personenwahl.gas .personenicon {
  height: 60px;
}
.tarifrechner-waermepumpenzaehler {
  position: relative;
  display: block;
}
.tarifrechner-waermepumpenzaehler {
  display: table;
  padding-left: 24px;
  margin: 0 auto 15px auto;
  top: -10px;  
}
.tarifrechner-waermepumpenzaehler input {
  display: none;
}
.tarifrechner-waermepumpenzaehler label {
  position: relative;
  padding: 1px 0 1px 40px;
  cursor: pointer;
}
.tarifrechner-waermepumpenzaehler input:checked + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #009b3e;
}
.tarifrechner-waermepumpenzaehler label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: solid 1px #c5c5c5;
  background-color: #fff;
}
@media (max-width: 991px) {
  .tarifrechner-personenwahl.gas {
    padding-top: 0;
  }
  .tarifrechner-personenwahl.gas .personenicon {
    height: 35px;
  }
}

/* Tipps */
.tipps-wrapper {
  width: 25%;
  float: left;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tipps-bild {
  position: relative;
  line-height: 0;
}
.tipps-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.tipps-uberschrift {
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  font-weight: 700;
  font-size: 33px;
  color: #fff;
  padding: 10px 20px;
}
.tipps-inhalt {
  background-color: #e5efc3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10px 25px 120px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
}
.tipps-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tipps-inhalt .tipps-button {
  position: absolute;
  bottom: 30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  width: 80%;
}
@media (max-width: 1919px) {
  .tipps-uberschrift {
    font-size: 24px;
  }
}
@media (max-width: 1500px) {
  .tipps-ueberschrift {
    font-size: 28px;
  }
}

/* News */
.startseite-news-einzeln-wrapper {
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-right: 10px;
}
.startseite-news-einzeln-wrapper:nth-child(2) {
  padding-left: 10px;
  padding-right: 0;
  float: left;
}
.startseite-news-bild {
  line-height: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.startseite-news-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.startseite-news-inhalt {
  background-color: #ececec;
  padding: 10px 25px 90px 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.startseite-news-inhalt.newsHasImage {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
h2.startseite-news-ueberschrift {
  border-bottom: none;
  text-transform: none;
  font-weight: 700;
  font-size: 22px;
  padding-top: 10px;
}
.startseite-news-inhalt .button {
  position: absolute;
  bottom: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}
.newsSpalte {
	display: flex;
    flex-wrap: wrap;
}
.news {
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
}
.newscontent {
  width: 75%;
  float: left;
}
.news-wrapper .seitenleiste {
  padding-top: 100px;
  width: 25%;
  float: left;
}
.news-wrapper .seitenleiste .kampagne-wrapper {
  width: 100%;
  padding-left: 20px;
  padding-right: 0;
}
.news-einzeln-wrapper {
  width: 25%;
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.news-einzeln-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  margin-bottom: 20px;
}
.news-einzeln-wrapper:nth-of-type(4n-3) {
  /* padding-left: 0; */
  float: left;
}
.news-bild {
  line-height: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.news-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.news-inhalt {
  background-color: #ececec;
  padding: 10px 25px 90px 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.news-inhalt.newsHasImage {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
h2.news-ueberschrift {
  border-bottom: none;
  text-transform: none;
  font-weight: 700;
  font-size: 22px;
  padding-top: 10px;
}
.news-inhalt .button {
  position: absolute;
  bottom: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}
.news-spinner {
  font-size: 50px;
  margin: 30px auto;
  display: none;
  color: #aaca3b;
}
.mehrNewsLaden {
  display: table;
  margin: 45px auto 0 auto;
}
@media (max-width: 1500px) {
  .news-einzeln-wrapper {
    width: 50%;
  }
  .news-einzeln-wrapper:nth-of-type(2n-1) {
    float: left;
  }
  .news-wrapper .seitenleiste {
    padding-top: 120px;
  }
}
@media (max-width: 991px) {
  .news-einzeln-wrapper {
    width: 100%;
  }
  .news-einzeln-wrapper {
    padding: 0;
    float: left;
  }
  .news {
    margin-left: 0;
    margin-right: 0;
  }
  .newscontent {
    width: 100%;
  }
  .news-wrapper .seitenleiste {
    padding-top: 0;
    width: 100%;
    float: left;
  }
  .news-wrapper .seitenleiste .kampagne-wrapper {
    padding-left: 0;
    width: 50%;
  }
}

/* Online-Services Teaser */
.online_services-teaser {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 20px;
  margin-bottom: 20px;
}
.online_services-teaser-bild {
  position: relative;
  line-height: 0;
}
.online_services-teaser-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.online_services-teaser-uberschrift {
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  font-weight: 700;
  font-size: 33px;
  color: #fff;
  padding: 10px 20px;
}
.online_services-teaser-text {
  background-color: #e5efc3;
  padding: 10px 25px 30px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 60px;
  position: relative;
}
.online_services-teaser-button {
  position: absolute;
  bottom: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  width: 80%;
}
@media (max-width: 1919px) {
  .online_services-teaser-uberschrift {
    font-size: 24px;
  }
}
@media (max-width: 1500px) {
  .online_services-teaser {
    width: 50%;
    padding-right: 10px;
    padding-left: 0;
  }
  .online_services-teaser-ueberschrift {
    font-size: 28px;
  }
  .online_services-teaser-button {
    width: auto;
  }
}
@media (max-width: 991px) {
  .online_services-teaser {
    width: 100%;
    padding: 0;
  }
}

/* Stoerungsnummer */
.stoerungsnummer-wrapper {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 20px;
}
.stoerungsnummer-bild {
  position: relative;
  line-height: 0;
}
.stoerungsnummer-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.stoerungsnummer-ueberschrift {
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  font-weight: 700;
  font-size: 33px;
  color: #fff;
  padding: 10px 20px;
}
.stoerungsnummer-inhalt {
  background-color: #e5efc3;
  padding: 10px 25px 30px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.stoerungsnummer-inhalt h3 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 40px;
  text-transform: none;
  border-bottom: none;
}
@media (max-width: 1919px) {
    .tarifrechner-personenwahl {
      width: auto;
      max-width: max-content;
    }
    .stoerungsnummer-ueberschrift {
      font-size: 24px;
    }
}
@media (max-width: 1500px) {
  .tarifrechner-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  .tipps-wrapper {
    width: 50%;
    padding-left: 0;
    padding-right: 10px;
  }
  .tipps-inhalt .tipps-button {
    width: auto;
  }
  .startseite-erste_spalte {
    margin-bottom: 20px;
  }
  .startseite-news-einzeln-wrapper:nth-of-type(1) {
    width: 50%;
    padding-left: 0;
    padding-right: 10px;
    clear: both;
  }
  .startseite-news-einzeln-wrapper:nth-child(2) {
    width: 50%;
    padding-left: 10px;
  }
  .startseite-news-einzeln-wrapper {
    margin-bottom: 20px;
  }
  .stoerungsnummer-wrapper {
    width: 50%;
    padding-left: 10px;
  }
  .stoerungsnummer-ueberschrift {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .tarifrechner-verlerstrom,
  .tarifrechner-verlergas {
    width: 100%;
    margin-bottom: 15px;
  }
  .tarifrechner-verlergas {
    margin-bottom: 30px;
  }
  .personenicon {
    width: 23%;
    height: 25px;
  }
  .tipps-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .startseite-news-einzeln-wrapper,
  .startseite-news-einzeln-wrapper:nth-last-of-type(2n-1),
  .startseite-news-einzeln-wrapper:nth-last-of-type(2n) {
    width: 100%;
    padding: 0;
  }
  .stoerungsnummer-wrapper {
    width: 100%;
    padding: 0;
  }
  footer {
    padding: 0px 50px;
  }
}

/* STROM */

/* Intro */
.strom-intro {
  width: 75%;
  float: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.strom-intro-inhalt {
  margin: 40px 0;
  width: 75%;
}
.strom-intro-inhalt h1 {
  border-bottom: none;
  font-size: 28px;
  text-transform: none;
}
.strom-erste_zeile .direktkontakt-wrapper .direktkontakt-inhalt {
  padding-bottom: 150px;
}
@media (max-width: 1919px) {
  .strom-erste_zeile .direktkontakt-wrapper .direktkontakt-inhalt {
    padding-bottom: 50px;
  }
}
@media (max-width: 1500px) {
  .strom-intro {
    width: 66%;
  }
  .strom-erste_zeile .direktkontakt-wrapper {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .strom-intro {
    width: 100%;
  }
  .strom-intro-inhalt {
    width: 100%;
  }
  .strom-erste_zeile .direktkontakt-wrapper {
    width: 100%;
  }
}

/* Angebote */
.angebot-zweispaltig {
  margin-top: 60px;
}
.angebot-links,
.angebot-rechts {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.angebot-links {
  padding-right: 10px;
}
.angebot-links-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.angebot-rechts {
  padding-left: 10px;
}
.angebot-rechts-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.angebote h2 {
  font-size: 28px;
  border-bottom: none;
  margin-bottom: 30px;
  text-transform: none;
}
.angebot-links-bild,
.angebot-rechts-bild {
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #e5efc3;
}
.angebotsname {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  padding: 10px 30px;
  border-radius: 100px;
  white-space: nowrap;
}
.angebotsname-unten {
  font-size: 22px;
  white-space: nowrap;
  display: inline-block;
}
.angebotsname-hochgestellt {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  left: -5px;
  top: -10px;
}
.angebot-inhalt {
  position: relative;
  background-color: #e5efc3;
  text-align: center;
  overflow: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  /*padding: 15px 60px 150px 60px;*/
  padding: 15px 30px 150px 30px;
}
.angebot-einleitung {
  margin-bottom: 60px;
}
.angebot-preise {
  border-radius: 10px;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 15px;
}
.angebot-preis {
  margin-bottom: 5px;
}
.angebot-preisinfo {
  margin-bottom: 45px;
}
.angebot-preisanmerkung {
  font-size: 17px;
}
.angebot-text {
  margin-bottom: 30px;
}
.text-klein {
  font-size: 17px;
}
.angebot-buttons-wrapper {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
}
.angebot-buttons {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 8px;
  box-sizing: border-box;
}
.angebot-buttons a {
  font-size: 16px;
}
.angebot-buttons .button-gray {
  font-weight: 300;
  background: rgb(196,196,196);
  background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(134,133,134,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#868586',GradientType=0 );
}
.angebot-buttons .button {
  float: left;
  padding: 10px 20px;
  /*margin: 0 8px;*/
  width: calc(50% - 14px);
  box-sizing: border-box;
  margin: 7px;
}
.angebot-buttons .button.bestellbutton {
  width: calc(100% - 14px);
}
@media (max-width: 1920px) {
  .angebot-buttons a {
    font-size: 16px;
  }
}
@media (max-width: 1700px) {
  .angebot-buttons .button {
    font-size: 14px;
  }
}
@media (max-width: 1600px) {
  .angebotsname {
    padding: 5px 20px;
  }
  .angebot-buttons .button {
    padding: 7px 10px;
  }
}
@media (max-width: 1400px) {
  .angebotsname-unten {
    font-size: 18px;
  }
  .angebotsname-hochgestellt {
    font-size: 12px;
  }
  .angebot-preis {
    margin-bottom: 15px;
  }
  .angebot-preis strong {
    display: block;
  }
  .angebot-buttons .button {
    padding: 7px 15px;
    font-size: 12px;
  }
}
@media (max-width: 1300px) {
  .angebot-buttons {
    width: 100%;
  }
  .angebot-buttons .button {
    /*float: none;*/
    margin-bottom: 15px;
    padding: 10px 30px;
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .angebot-links {
    margin-bottom: 60px;
  }
  .angebot-links,
  .angebot-rechts {
    width: 100%;
    padding: 0;
  }
  .angebot-buttons .button {
    /*float: left;*/
    font-size: 16px;
  }
  .angebot-preis {
    margin-bottom: 5px;
  }
  .angebot-preis strong {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .angebot-preis {
    margin-bottom: 15px;
  }
  .angebot-preis strong {
    display: block;
  }
  .angebot-buttons .button {
    float: none;
    width: calc(100% - 14px);
  }
}

/* Text zweispaltig */
.text-zweispaltig {
  padding: 0 20px;
  margin: 100px 0 80px 0;
  display: inline-block;
  /* float: left; */
}
.text-zweispaltig h2 {
  font-size: 28px;
  border-bottom: none;
  margin-bottom: 30px;
}
.text-zweispaltig h3 {
  font-size: 22px;
  font-weight: 700;
  text-transform: none;
  border-bottom: none;
}
.text-zweispaltig-links,
.text-zweispaltig-rechts {
  width: 50%;
  float: left;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.text-zweispaltig-links {
  padding-right: 20px;
}
.text-zweispaltig-rechts {
  padding-left: 20px;
}
.text-zweispaltig-links img,
.text-zweispaltig-rechts img {
  max-width: 100%;
  height: auto;
}
.text-zweispaltig-grafik {
  width: 80%;
  margin: 0 auto;
}
.text-zweispaltig-grafik img {
  width: 100%;
}
@media (max-width: 991px) {
  .text-zweispaltig-links,
  .text-zweispaltig-rechts {
    width: 100%;
    padding: 0;
  }
  .text-zweispaltig-grafik {
    width: 100%;
  }
  .text-zweispaltig h2 {
    font-size: 28px;
  }
}

/* Text hell */
.text-hell {
  color: #888888;
  max-width: 950px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .text-hell {
    padding: 0 20px 60px 20px;
  }
}

/* STANDARD-TEMPLATE */
.standard-textinhalt {
  width: 75%;
  float: left;
}
.standard-textinhalt .breadcrumb {
  padding: 60px 0 30px 0;
}
.standard-textinhalt img {
  max-width: 100%;
  height: auto;
}
.standard-textinhalt-text {
  width: 95%;
}
.standard-textinhalt h1 {
  border-bottom: none;
  font-size: 28px;
}
.standard-textinhalt h2 {
  border-bottom: none;
  font-size: 29px;
  text-transform: none;
}
.standard-textinhalt h3 {
  border-bottom: none;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px 0 0 0;
}
.direktkontakt-wrapper.standard-direktkontakt .direktkontakt-inhalt {
  padding-bottom: 150px;
}
.kampagne-wrapper {
  width: 25%;
  float: left;
  padding-left: 20px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kampagne {
  padding: 20px;
  border-radius: 10px;
  background-color: #ececec;
}
.kampagne-bild {
  line-height: 0;
  margin: 30px 0;
}
.kampagne-bild img {
  width: 100%;
}
.kampagne h3 {
  font-size: 22px;
  font-weight: 600;
  border-bottom: none;
  text-transform: none;
}
.kampagne-inhalt h2 {
  word-break: break-word;
}
.inhaltsbox .angebot-inhalt {
  padding-bottom: 30px;
  margin-bottom: 30px;
  background-color: #ececec;
}
.inhaltsbox .angebot-bild {
  background-color: #ececec;
}
.inhaltsboxen {
  margin-top: 60px;
}
.angebot.inhaltsbox {
  background: none;
}
.inhaltsbox-klein {
  width: 33%;
  float: left;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.inhaltsbox-klein .angebotsname {
  padding: 10px 20px;
}
.inhaltsbox-klein .angebotsname .angebotsname-unten {
  font-size: 18px;
}
.inhaltsbox-klein .angebot-inhalt {
  text-align: left;
  padding: 15px 15px 60px 15px;
  word-break: break-word;
  margin-bottom: 20px;
}
.infobox-klein-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 85%;
  display: inline-block;
}
.infobox-klein-button .button {
  font-size: 16px;
}
.seitenleiste {
  padding-top: 160px;
}
@media (max-width: 1500px) {
  .standard-textinhalt {
    width: 100%;
  }
  .standard-textinhalt-text {
    width: 100%;
  }
  .direktkontakt-wrapper.standard-direktkontakt {
    width: 50%;
    padding: 0;
    padding-right: 20px;
  }
  .kampagne-wrapper {
    width: 50%;
    padding: 0;
    padding-right: 20px;
    margin-top: 0;
  }
  .inhaltsbox-klein {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .direktkontakt-wrapper.standard-direktkontakt {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .standard-textinhalt {
    width: 100%;
  }
  .direktkontakt-wrapper {
  }
  .direktkontakt-wrapper.standard-direktkontakt {
    width: 100%;
    padding-right: 0;
  }
  .kampagne-wrapper {
    width: 100%;
    padding-right: 0;
  }
  .standard-textinhalt-text {
    width: 100%;
  }
  .inhaltsbox-klein {
    width: 100%;
    padding-right: 0;
  }
  .angebot.inhaltsbox .angebot-inhalt {
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-all;
  }
}

/* FORMULAR-TEMPLATE */
.formular {
  padding: 40px 20px;
  border-radius: 10px;
  background-color: #ececec;
}
.formular input[type=number]::-webkit-outer-spin-button,
.formular input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.formular input[type=number] {
    -moz-appearance:textfield;
}
.formular h1 {
  font-weight: 300;
  word-break: break-all;
}
.formular-text {
  margin-bottom: 30px;
}
.formular input::-webkit-outer-spin-button,
.formular input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formular textarea:focus,
.formular input:focus{
  outline: none;
}
.formular select,
.formular .selectric span,
.formular .selectric-items ul,
.formular .selectric-items li,
.formular input,
.formular textarea {
  font-family: 'Exo 2', sans-serif;
  font-size: 18px;
  color: #888888;
}
.formular .selectric-items,
.formular .selectric-items .selectric-scroll {
  border-radius: 10px;
}
.formular .selectric-items li:hover,
.formular .selectric-items li.highlighted {
  background-color: #E6EEC6;
}
.formular input {
  border-radius: 30px;
  border: solid 1px #888888;
  padding: 8px 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.formular .selectric {
  border-radius: 30px;
  border: solid 1px #888888;
  padding: 0 20px 0 20px;
  background-color: #fff;
  color: #888888;
}
.formular .selectric .button {
  padding: 0;
  background: none;
}
.formular .selectric .button:after {
  border: 6px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background-color: #E6EEC6;
}
/* .formular-template .direktkontakt-wrapper {
  margin-top: 112px;
} */
.formular span.wpcf7-not-valid-tip {
    display: none;
}
.formular div.wpcf7-validation-errors {
  background: #f9cb99;
  border: 1px solid #f07c00;
  color: #484847;
}
.formular div.wpcf7-response-output {
  margin: 2em 0;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.formular .heute {
  display: none;
}
input.wpcf7-not-valid {
  border: solid 2px #f07c00 !important;
}
.formular input.wpcf7-not-valid {
  border: solid 1px #f07c00;
}
.selectric-wpcf7-not-valid .selectric {
  border: solid 1px #f07c00;
}
.formular .wpcf7-response-output.wpcf7-mail-sent-ok {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  background-color: #e5efc3;
  padding: 15px 169px;
}
.formular div.wpcf7-mail-sent-ok {
  border-color: #aaca3b;
}
.formular .wpcf7-response-output.wpcf7-validation-errors {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 15px 169px;
}
.formular-template .standard-textinhalt {
  margin-bottom: 30px;
}

.firma-organisation-wrapper {
  margin-bottom: 15px;
}
.anrede-wrapper {
  margin-bottom: 15px;
  width: 30%;
}
.vorname-wrapper {
  margin-bottom: 15px;
  width: 49%;
  float: left;
  margin-right: 2%;
}
.vorname-wrapper span {
  width: 100%;
}
.nachname-wrapper {
  margin-bottom: 15px;
  width: 49%;
  float: left;
}
.nachname-wrapper span {
  width: 100%;
}
.strasse-hausnummer-wrapper {
  margin-bottom: 15px;
}
.plz-wrapper,
.plz-kundendaten-alternativ-wrapper {
  width: 29%;
  margin-right: 2%;
  float: left;
  margin-bottom: 15px;
}
.plz-wrapper span,
.plz-kundendaten-alternativ-wrapper span {
  width: 100%;
}
.ort-wrapper {
  width: 69%;
  float: left;
  margin-bottom: 15px;
}
.ort-wrapper span {
  width: 100%;
}
.email-wrapper {
  margin-bottom: 15px;
}
.datum-uhrzeit-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.datum-wrapper {
  width: 49%;
}
.uhrzeit-wrapper {
  width: 49%;
}
.telefon-wrapper {
  margin-bottom: 15px;
}
.rechnungsanschrift-wrapper {
  margin-bottom: 30px;
}
.anmerkungen-wrapper {
  width: 100%;
  margin-bottom: 15px;
}
.anmerkungen-wrapper textarea {
  border-radius: 5px;
  border: solid 1px #888888;
  padding: 15px 30px;
  background-color: #fff;
  color: #888888;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sicherheitsabfrage-wrapper {
  margin-bottom: 15px;
}
.sicherheitsabfrage-wrapper .wpcf7-quiz-label {
  display: block;
  margin-bottom: 5px;
}
.sicherheitsabfrage span {
  font-weight: 600;
}
.absenden-wrapper {
  width: 40%;
  margin: 60px auto 0 auto;
}
.absenden-wrapper input {
  display: block;
  border-radius: 30px;
  border: none;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 700;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  background: rgb(129,187,37);
  background: -moz-linear-gradient(top, rgba(129,187,37,1) 0%, rgba(0,155,62,1) 100%);
  background: -webkit-linear-gradient(top, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  background: linear-gradient(to bottom, rgba(129,187,37,1) 0%,rgba(0,155,62,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bb25', endColorstr='#009b3e',GradientType=0 );
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.absenden-wrapper:hover {
  opacity: 0.9;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
.plz-neu-wrapper {
  width: 29%;
  margin-right: 2%;
  float: left;
  margin-bottom: 30px;
}
.plz-neu-wrapper span {
  width: 100%;
}
.ort-neu-wrapper {
  width: 69%;
  float: left;
  margin-bottom: 30px;
}
.ort-neu-wrapper span {
  width: 100%;
}
.nutzungszweck-wrapper {
  margin-bottom: 30px;
}
.wichtiger-hinweis {
  background: #f9cb99;
  border: 1px solid #f07c00;
  color: #484847;
  padding: 30px;
  margin-bottom: 15px;
}
.mobil-wrapper {
  margin-bottom: 15px;
}
.kontaktaufnahme-wrapper {
  margin-bottom: 15px;
}
.kontaktaufnahme-wrapper .label {
  display: block;
  margin-bottom: 5px;
}
.wpcf7-list-item {
  margin-left: 0;
  margin-right: 15px;
}
.art-des-gebaeudes-wrapper {
  margin-bottom: 15px;
}
.anzahl-wohneinheiten-wrapper {
  margin-bottom: 15px;
}
.art-des-gewerbes-wrapper {
  margin-bottom: 15px;
}
.baujahr-des-gebaeudes-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-select-wrapper{
  margin-bottom: 15px;
  width: 30%;
}
.heizungsanlage-select-wrapper strong {
  display: block;
  margin-bottom: 5px;
}
.heizungsanlage-leistung-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-jahresverbrauch-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-regelkreise-fussbodenheizung-wrapper strong,
.heizungsanlage-regelkreise-heizkoerper-wrapper strong,
.warmwasser-bereitung-wrapper strong {
  display: block;
  margin-bottom: 5px;
}
.heizungsanlage-regelkreise-fussbodenheizung-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-regelkreise-fussbodenheizung-anzahl-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-regelkreise-heizkoerper-wrapper {
  margin-bottom: 15px;
}
.heizungsanlage-regelkreise-heizkoerper-anzahl-wrapper {
  margin-bottom: 15px;
}
.warmwasser-bereitung-wrapper {
  margin-bottom: 15px;
}
.keller-vorhanden-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.gesamtwaermeleistung-wrapper strong,
.fernwaermenichtalleinigerenergietraeger-wrapper strong,
.waermepumpe-wrapper strong,
.solarthermischeanlage-wrapper strong,
.sonstiges-wrapper strong,
.vorhandenekesselanlage-wrapper strong,
.bisherigerenergieverbrauch-wrapper strong {
  display: block;
  margin-bottom: 5px;
}
.gesamtwaermeleistung-wrapper,
.fernwaermenichtalleinigerenergietraeger-wrapper,
.waermepumpe-wrapper,
.solarthermischeanlage-wrapper,
.sonstiges-wrapper,
.vorhandenekesselanlage-wrapper,
.bisherigerenergieverbrauch-wrapper {
  display: block;
  margin-bottom: 15px;
}
.fernwaerme-hausanschluss-alternative {
  padding: 15px;
  border: dashed 1px #888888;
  margin-bottom: 15px;
}
@media (max-width: 1500px) {
  /* .formular-template .kampagne-wrapper {
    padding-left: 20px;
  }
  .formular-template .direktkontakt-wrapper {
    padding-left: 20px;
  } */
}
@media (max-width: 1200px) {
  .formular-template .standard-textinhalt {
    width: 100%;
  }
  /* .formular-template .direktkontakt-wrapper {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 10px;
    width: 50%;
  }
  .formular-template .kampagne-wrapper {
    width: 50%;
    padding-left: 10px;
  } */
}
@media (max-width: 767px) {
  .formular select, .formular .selectric span, .formular .selectric-items ul, .formular .selectric-items li, .formular input, .formular textarea {
    font-size: 16px;
  }
  .formular-template .direktkontakt-wrapper,
  .formular-template .kampagne-wrapper {
    width: 100%;
    padding: 0 0 0 0;
  }
  .absenden-wrapper {
    width: 60%;
  }
  .anrede-wrapper {
    width: 100%;
  }
  .heizungsanlage-select-wrapper {
    width: 100%;
  }
  
  .zaehler-1-wrapper .zaehlertyp-1 .selectric-wrapper,
  .zaehler-1-wrapper .zaehlernummer-1 input,
  .zaehler-1-wrapper .zaehlerstand-1 input,
  .zaehler-2-wrapper .zaehlertyp-2 .selectric-wrapper,
  .zaehler-2-wrapper .zaehlernummer-2 input,
  .zaehler-2-wrapper .zaehlerstand-2 input,
  .zaehler-3-wrapper .zaehlertyp-3 .selectric-wrapper,
  .zaehler-3-wrapper .zaehlernummer-3 input,
  .zaehler-3-wrapper .zaehlerstand-3 input,
  .zaehler-4-wrapper .zaehlertyp-4 .selectric-wrapper,
  .zaehler-4-wrapper .zaehlernummer-4 input,
  .zaehler-4-wrapper .zaehlerstand-4 input,
  .zaehler-1-wrapper .zaehlertyp-neu-1 .selectric-wrapper,
  .zaehler-1-wrapper .zaehlernummer-neu-1 input,
  .zaehler-1-wrapper .zaehlerstand-neu-1 input,
  .zaehler-2-wrapper .zaehlertyp-neu-2 .selectric-wrapper,
  .zaehler-2-wrapper .zaehlernummer-neu-2 input,
  .zaehler-2-wrapper .zaehlerstand-neu-2 input,
  .zaehler-3-wrapper .zaehlertyp-neu-3 .selectric-wrapper,
  .zaehler-3-wrapper .zaehlernummer-neu-3 input,
  .zaehler-3-wrapper .zaehlerstand-neu-3 input,
  .zaehler-4-wrapper .zaehlertyp-neu-4 .selectric-wrapper,
  .zaehler-4-wrapper .zaehlernummer-neu-4 input,
  .zaehler-4-wrapper .zaehlerstand-neu-4 input  {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .plz-wrapper,
  .ort-wrapper,
  .plz-kundendaten-alternativ-wrapper {
    width: 49%;
  }
  .plz-neu-wrapper,
  .ort-neu-wrapper {
    width: 49%;
  }
}

/* Kontakt */
.kontakt .kundennummer-wrapper {
  margin-bottom: 30px;
}
.kontakt > div > p {
	margin: 0;
}

/* Zählerstände */
.zaehlerstaende-datum-wrapper {
  margin-bottom: 30px;
}
.zaehler-1-wrapper .zaehlertyp-1 .selectric-wrapper {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-1-wrapper,
.zaehler-2-wrapper,
.zaehler-3-wrapper,
.zaehler-4-wrapper {
  margin-bottom: 15px;
}
.zaehler-4-wrapper {
  margin-bottom: 30px;
}
.zaehler-1-wrapper p,
.zaehler-2-wrapper p,
.zaehler-3-wrapper p,
.zaehler-4-wrapper p {
  margin: 0;
}
.zaehler-nummer {
  margin-bottom: 10px;
  font-weight: 600;
}
.zaehler-1-wrapper .zaehlernummer-1 input,
.zaehler-1-wrapper .zaehlernummer-neu-1 input {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-1-wrapper .zaehlerstand-1 input,
.zaehler-1-wrapper .zaehlerstand-neu-1 input {
  width: 32%;
  float: left;
}
.zaehler-1-wrapper .zaehlertyp-1 .selectric-wrapper,
.zaehler-1-wrapper .zaehlertyp-neu-1 .selectric-wrapper {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-2-wrapper .zaehlertyp-2 .selectric-wrapper,
.zaehler-2-wrapper .zaehlertyp-neu-2 .selectric-wrapper {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-2-wrapper .zaehlernummer-2 input,
.zaehler-2-wrapper .zaehlernummer-neu-2 input {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-2-wrapper .zaehlerstand-2 input,
.zaehler-2-wrapper .zaehlerstand-neu-2 input {
  width: 32%;
  float: left;
}
.zaehler-3-wrapper .zaehlertyp-3 .selectric-wrapper,
.zaehler-3-wrapper .zaehlertyp-neu-3 .selectric-wrapper {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-3-wrapper .zaehlernummer-3 input,
.zaehler-3-wrapper .zaehlernummer-neu-3 input {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-3-wrapper .zaehlerstand-3 input,
.zaehler-3-wrapper .zaehlerstand-neu-3 input {
  width: 32%;
  float: left;
}
.zaehler-4-wrapper .zaehlertyp-4 .selectric-wrapper,
.zaehler-4-wrapper .zaehlertyp-neu-4 .selectric-wrapper {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-4-wrapper .zaehlernummer-4 input,
.zaehler-4-wrapper .zaehlernummer-neu-4 input {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.zaehler-4-wrapper .zaehlerstand-4 input,
.zaehler-4-wrapper .zaehlerstand-neu-4 input {
  width: 32%;
  float: left;
}

/* Kündigung */
.kuendigung .kundennummer-wrapper,
.kuendigung .plz-wrapper,
.kuendigung .ort-wrapper,
.kuendigung .beendigungstermin-wrapper {
  margin-bottom: 30px;
}
.kuendigung .kuendigungsart-wrapper,
.kuendigung .kuendigungsgrund-wrapper {
  margin-bottom: 15px;
}

/* Abmeldung */
.abmeldung .kundennummer-wrapper {
  margin-bottom: 30px;
}
.abmeldung .plz-wrapper,
.abmeldung .ort-wrapper {
  margin-bottom: 30px;
}
.abmeldung .strasse-hausnummer-neu-wrapper {
  margin-bottom: 15px;
}

/* Ummeldung */
.ummeldung .kundennummer-wrapper {
  margin-bottom: 30px;
}
.ummeldung .plz-wrapper,
.ummeldung .ort-wrapper {
  margin-bottom: 30px;
}
.ummeldung .strasse-hausnummer-neu-wrapper {
  margin-bottom: 15px;
}
.ummeldung .plz-neu-wrapper {
  width: 29%;
  margin-right: 2%;
  float: left;
  margin-bottom: 30px;
}
.ummeldung .plz-neu-wrapper span {
  width: 100%;
}
.ummeldung .ort-neu-wrapper {
  width: 69%;
  float: left;
  margin-bottom: 30px;
}
.ummeldung .ort-neu-wrapper span {
  width: 100%;
}

/* SEPA-Lastschriftmandat */
.sepa-lastschriftmandat .kundennummer-wrapper {
  margin-bottom: 30px;
}
.sepa-lastschriftmandat .einzugsermaechtigung-wrapper {
  margin-bottom: 15px;
}
.sepa-lastschriftmandat .iban-wrapper {
  margin-bottom: 15px;
}
.sepa-lastschriftmandat .bic-wrapper {
  margin-bottom: 15px;
}
.sepa-lastschriftmandat .kreditinstitut-wrapper {
  margin-bottom: 15px;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper {
  margin-left: 5px;
  margin-bottom: 30px;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper input {
  width: auto;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper .faelliger-betrag-text {
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper .wpcf7-list-item-label {
  position: relative;
  top: 4px;
  left: 15px;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #fff;
}
.sepa-lastschriftmandat .faelliger-betrag-wrapper input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: #e5efc3;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #fff;
}
.sepa-lastschriftmandat .wichtiger-hinweis {
  margin-bottom: 30px;
}

/* Abschlagsänderung */
.abschlagsaenderung .kundennummer-wrapper {
  margin-bottom: 30px;
}
.abschlag-wrapper {
  margin-bottom: 15px;
}
.gewuenschter-abschlag {
  margin-bottom: 15px;
}
.bisheriger-abschlag {
  margin-bottom: 30px;
}

/* Lob & Tadel */
.lob-tadel .kundennummer-wrapper {
  margin-bottom: 30px;
}

/* ERGEBNISSEITE */
.ergebnis-datenubernahme {
  display: none;
}
.ergebnisseite h1 {
  font-weight: 300;
  padding: 0 15px 50px 0;
}
.ergebnisseite .breadcrumb {
  padding-top: 20px;
}
.ergebnisseite .direktkontakt-wrapper {
  margin-top: 208px;
}
.ergebnisseite .standard-textinhalt-text {
  width: 100%;
}
.ergebnisseite .angebot {
  margin-bottom: 60px;
}
.ergebnisseite .text-zweispaltig {
  margin-top: 0;
}
.ergebnisseite .angebot-inhalt {
  position: unset;
}
.ergebnisseite .angebot-linkeseite {
  position: relative;
}
.angebot {
  background-color: #e5efc3;
  border-radius: 15px;
}
.angebot-bild {
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #e5efc3;
}
.angebot-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.angebot-linkeseite {
  width: 50%;
  float: left;
  background-color: #e5efc3;
  border-bottom-left-radius: 10px;
}
.angebot-rechteseite {
  width: 50%;
  float: left;
  background-color: #e5efc3;
  border-bottom-right-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.angebot-rechteseite-inhalt {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2));
  border-radius: 10px;
  border-radius: 5px;
  padding: 50px 25px 150px 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.angebot-rechteseite-inhalt .personen-bild {
  height: 30px;
  width: 20%;
  float: left;
  text-align: center;
}
.angebot-rechteseite-inhalt .personen-bild img {
  height: 100%;
}
.angebot-rechteseite-inhalt .verbrauch {
  font-size: 16px;
  margin-top: 14px;
  float: left;
  width: 60%;
  text-align: center;
}
.angebot-rechteseite-inhalt .plz {
  margin-top: 14px;
  font-size: 16px;
  width: 20%;
  float: left;
  text-align: center;
}
.angebot-rechteseite-oben {
  border-bottom: solid 1px #7a7d80;
  padding-bottom: 15px;
}
.monatspreis {
  text-align: center;
  margin: 30px 0;
  color: #3c3c3b;
}
.monatspreis-text {
  font-size: 28px;
  font-weight: 700;
}
.monatspreis-text-klein {
  font-size: 22px;
}
.monatspreis-preis {
  font-size: 42px;
  font-weight: 700;
  margin-top: 10px;
}
.jahrespreis {
  color: #90908f;
  font-size: 22px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  line-height: 140%;
}
.jahrespreis-preis {
  font-weight: 700;
  display: block;
}
.angebot-rechteseite-button-wrapper {
  position: absolute;
  bottom: 45px;
  left: 0;
  width: 100%;
}
.angebot-rechteseite-button {
  max-width: 300px;
}
@media (max-width: 1920px) {
  .angebot-rechteseite-button {
    font-size: 16px;
    max-width: 250px;
  }
}
@media (max-width: 1700px) {
  .angebot-rechteseite-button {
      font-size: 14px;
  }
}
@media (max-width: 1600px) {
  .angebot-rechteseite-button {
    padding: 7px 15px;
    font-size: 18px;
  }
  .ergebnisseite .angebot-buttons .button {
    float: none;
    margin-top: 15px;
    font-size: 18px;
  }
  .ergebnisseite .angebot-inhalt {
    padding-bottom: 200px;
  }
}
@media (max-width: 1400px) {
  .ergebnisseite .direktkontakt-wrapper {
    float: right;
    margin: 0;
    padding: 0;
  }
  .ergebnisseite .text-zweispaltig {
    width: 66%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ergebnisseite .standard-textinhalt {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1300px) {
  .ergebnisseite .angebot-buttons .button {
    margin-bottom: 0;
  }
  .angebot-rechteseite-button {
    padding: 10px 30px;
  }
}
@media (max-width: 1200px) {
  .ergebnisseite .direktkontakt-wrapper {
    width: 50%;
    float: none;
    margin-bottom: 60px;
  }
  .ergebnisseite .text-zweispaltig {
    width: 100%;
  }
  .angebot-linkeseite {
    width: 100%;
    border-radius: 0;
  }
  .angebot-linkeseite .angebot-inhalt {
    padding-bottom: 250px;
  }
  .angebot-rechteseite {
    width: 100%;
    border-bottom-left-radius: 10px;
  }
  .angebot-rechteseite-inhalt {
    padding-bottom: 160px;
  }
  .angebot-linkeseite .angebot-buttons .button,
  .angebot-rechteseite-button {
    float: none;
    margin-bottom: 15px;
    padding: 10px 30px;
    font-size: 18px;
  }
  .angebot-rechteseite-button {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .ergebnisseite .direktkontakt-wrapper {
    width: 100%;
    float: left;
  }
  .angebot-rechteseite-oben strong {
    display: block;
  }
  .angebot-rechteseite-inhalt .personen-bild {
    margin-top: 18px;
  }
  .ergebnisseite .angebot {
    margin-bottom: 30px;
  }
  .monatspreis-text {
    font-size: 24px;
  }
  .monatspreis-preis {
    font-size: 30px;
  }
}

/* BESTELLUNG */
.bestellungseite .direktkontakt-wrapper {
  margin-top: 130px;
}
.bestellungseite .standard-textinhalt {
  width: 100%;
}
.bestellungseite .standard-textinhalt-text {
  width: 100%;
}
.bestellung-bild {
  width: 100%;
  background-color: #ececec;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bestellung-bild img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bestellung-inhalt {
  padding: 50px 20px;
}
.bestellung-schritte {
  border-top: 2px solid #888;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-inline-start: unset;
  padding-top: 15px;
  margin: 20px 100px 40px 100px;
  width: 65%;
}
.bestellung-schritte .schritt {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.bestellung-schritte .schritt-nummer {
  background-color: white;
  border-radius: 50%;
  border: 2px solid #888;
  color: #888;
  height: 45px;
  line-height: 45px;
  margin-top: -40px;
  text-align: center;
  width: 45px;
}
.bestellung-schritte .schritt-text {
  color: #888;
  padding-top: 20px;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
}
.schritt.schritt-aktiv .schritt-nummer {
  background-color: #009b3e;
  border: 2px solid #009b3e;
  color: white;
}
.schritt.schritt-aktiv .schritt-text {
  color: #009b3e;
}

@media only screen and (min-width : 1600px) {
  .bestellung-schritte {
    margin: 20px 200px 40px 200px;
  }
}

@media only screen and (max-width: 1100px) {
  .bestellung-schritte .schritt-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 700px) {
  .bestellung-schritte .schritt-text {
    white-space: break-spaces;
    width: min-content;
    text-align: center;
  }
}
.bestellung-übersicht {
  display: flex;
  justify-content: space-between;
}
.bestellung-übersicht-box {
  width: 45%;
}
.bestellung-übersicht-box-links {
  margin-right: 40px;
  width: 55%;
}
@media only screen and (max-width: 768px) {
  .bestellung-übersicht {
    flex-wrap: wrap;
  }
  .bestellung-übersicht-box {
    width: 100%;
  }
  .bestellung-übersicht-box-links {
    margin-right: 0;
    width: 100%;
  }
}
.bestellung-übersicht-box-überschrift {
  font-size: 28px;
  text-transform: uppercase;
  padding: 50px 0 0 0;
}
.bestellung-übersicht-box-unterschrift {
  padding: 10px 0 20px 0;
}
.bestellung-auswahl {
  background-color: #E5EFC3;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.bestellung-auswahl-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-bottom: 15px;
}
.bestellung-auswahl-button {
  color: #484847;
  border-radius: 30px;
  font-size: 18px;
  padding: 10px 50px;
  cursor: pointer;
  margin: 5px;
  white-space: nowrap;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.bestellung-auswahl-button.aktiv {
  background-color: #1B983D;
  background: -moz-linear-gradient(left, #1B983D 0%, #94BF1B 100%);
  background: -webkit-linear-gradient(left, #1B983D 0%,#94BF1B 100%);
  background: linear-gradient(to right, #1B983D 0%,#94BF1B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ffffff',GradientType=1 );
  color: white;
}
.produkt-icon {
  filter: invert(80%);
  margin-right: 3px;
  width: 26px;
}
.bestellung-auswahl-button.aktiv .produkt-icon {
  filter: none;
}
.bestellung-auswahl .tarifrechner-personenwahl {
  padding: 40px 0 20px 0;
}
.bestellung-vergleich-bar {
  display: flex;
  justify-content: center;
}
.bestellung-vergleich-button {
  background-color: #009b3e;
  color: white;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  padding: 10px 50px;
  cursor: pointer;
}
.übersicht-warenkorb {
  background-color: #E5EFC3;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.übersicht-warenkorb h4 {
  display: flex;
  font-weight: 700;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
.warenkorb-auswahl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  flex-wrap: wrap;
}
.auswahl-hochgestellt {
  font-size: 12px;
  position: relative;
  left: -5px;
  top: -10px;
}
.auswahl-name {
  flex: 1 1 160px;
  white-space: nowrap;
}
.auswahl-preis {
  flex: 1 1 60px;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  white-space: nowrap;
  margin-left: 6px;
}
.auswahl-attribut {
  margin-left: 3px;
  font-size: small;
}
.auswahl-entfernen {
  margin-left: 6px;
}
.auswahl-entfernen-button {
  background-color: white;
  color: #A3A3A3;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  padding: 5px 10px;
  float: right;
  cursor: pointer;
}
.warenkorb-summe {
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px #3c3c3b;
  font-weight: 700;
  margin: 20px 0;
  padding: 20px 0 0 0;
}
.warenkorb-summe-gesamt {
  flex: 1 1 160px;
  white-space: nowrap;
  text-transform: uppercase;
}
.warenkorb-summe-kosten {
  flex: 1 1 10px;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  white-space: nowrap;
  margin-left: 6px;
}
.warenkorb-bestellen {
  display: flex;
  justify-content: center;
}
.warenkorb-bestellen-button {
  background-color: #009b3e;
  color: white;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  padding: 10px 50px;
  cursor: pointer;
}
.tarifauswahl-überschrift {
  margin-top: 40px;
  font-size: 20px;
}

body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .lieferungswahl2{
  display:table;
  clear:both;
  width:calc(100% + 40px);
  margin-left:-20px;
  margin-top:-60px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .lieferungswahl-radio2{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2{
  clear:both;
  position:relative;
  width:calc(100% - 60px)
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2::after{
  font-weight:400;
  font-size:39px;
  font-family:"Font Awesome 5 Pro";
  content:'\f073';
  position:absolute;
  right:-60px;
  top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_day{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_day input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_day label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_month{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_month input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_month label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_year{
  width:40%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_year input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .einzugstermin2 .gfield_date_year label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2{
  clear:both;
  position:relative;
  width:calc(100% - 60px)
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2::after{
  font-weight:400;
  font-size:39px;
  font-family:"Font Awesome 5 Pro";
  content:'\f073';
  position:absolute;
  right:-60px;
  top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_day{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_day input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_day label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_month{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_month input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_month label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_year{
  width:40%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_year input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .ablesedatum2 .gfield_date_year label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2{
  margin-top:60px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li input{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li input+label{
  margin-left:44px;
  line-height:28px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li input+label::before{
  content:'';
  position:absolute;
  top:2px;
  left:0;
  width:24px;
  height:24px;
  border-radius:12px;
  border:solid 1px #c5c5c5;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li input+label::after{
  content:'';
  position:absolute;
  top:5px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:10px;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li input:checked+label::after{
  content:'';
  background-color:#009b3e
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .termin2 .gfield_radio li:nth-child(2){
  margin-top:40px;
  margin-bottom:40px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2{
  clear:both;
  position:relative;
  width:calc(100% - 60px)
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2::after{
  font-weight:400;
  font-size:39px;
  font-family:"Font Awesome 5 Pro";
  content:'\f073';
  position:absolute;
  right:-60px;
  top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_day{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_day input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_day label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_month{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_month input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_month label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_year{
  width:40%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_year input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wunschtermin2 .gfield_date_year label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2{
  margin-top:40px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li input{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li input+label{
  margin-left:44px;
  line-height:28px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li input+label::before{
  content:'';
  position:absolute;
  top:2px;
  left:0;
  width:24px;
  height:24px;
  border-radius:12px;
  border:solid 1px #c5c5c5;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li input+label::after{
  content:'';
  position:absolute;
  top:5px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:10px;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li input:checked+label::after{
  content:'';
  background-color:#009b3e
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .wer-kuendigt-radio2 .gfield_radio li:nth-child(2){
  margin-top:40px;
  margin-bottom:20px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2{
  clear:both;
  position:relative;
  width:calc(100% - 60px)
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2.cleardate{
  opacity:0.5
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2::after{
  font-weight:400;
  font-size:39px;
  font-family:"Font Awesome 5 Pro";
  content:'\f073';
  position:absolute;
  right:-60px;
  top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_day{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_day input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_day label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_month{
  width:30%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_month input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_month label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_year{
  width:40%;
  max-width:none;
  margin-top:0
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_year input{
  width:100%
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .vertrag-gekuendigt-zum2 .gfield_date_year label{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2{
  margin-top:60px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li input{
  display:none
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li input+label{
  margin-left:44px;
  line-height:28px
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li input+label::before{
  content:'';
  position:absolute;
  top:2px;
  left:0;
  width:24px;
  height:24px;
  border-radius:2px;
  border:solid 1px #c5c5c5;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li input+label::after{
  content:'';
  position:absolute;
  top:5px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:2px;
  background-color:#fff
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li input:checked+label::after{
  content:'';
  background-color:#009b3e
}
body .bestellung-wrapper .gform_wrapper .gform_body .bestellformular-v2 .boxWrapper-v2>ul .bevollmaechtigung2 .gfield_checkbox li:nth-child(2){
  margin-top:40px;
  margin-bottom:20px
}

/* bestellformular */
.gform_body input::-webkit-outer-spin-button,
.gform_body input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gform_body textarea:focus,
.gform_body input:focus{
  outline: none;
}
.gform_body select,
.gform_body .selectric span,
.gform_body .selectric-items ul,
.gform_body .selectric-items li,
.gform_body input,
.gform_body textarea {
  font-family: 'Exo 2', sans-serif;
  font-size: 18px;
  color: #888888;
}
.gform_body input[type="date"]::before {
	content: attr(placeholder);
  width: 100%;
}
.gform_body input[type="date"]:focus::before {
	display: none;
}
.gform_body .selectric-items,
.gform_body .selectric-items .selectric-scroll {
  border-radius: 10px;
}
.gform_body .selectric-items li:hover,
.gform_body .selectric-items li.highlighted {
  background-color: #E6EEC6;
}
.gform_body input {
  border-radius: 30px;
  border: none;
  padding: 8px 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gform_body .selectric {
  border-radius: 30px;
  border: none;
  padding: 0 20px 0 20px;
  background-color: #fff;
  color: #888888;
}
.gform_body .selectric .button {
  padding: 0;
  background: none;
}
.gform_body .selectric .button:after {
  border: 6px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background-color: #E6EEC6;
}
.gform_body span.wpcf7-not-valid-tip {
    display: none;
}
.gform_body div.wpcf7-validation-errors {
  background: #f9cb99;
  border: 1px solid #f07c00;
  color: #484847;
}
.gform_body div.wpcf7-response-output {
  margin: 2em 0;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.gform_body input.wpcf7-not-valid {
  border: solid 1px #f07c00;
}
.selectric-wpcf7-not-valid .selectric {
  border: solid 1px #f07c00;
}
.gform_body .wpcf7-response-output.wpcf7-mail-sent-ok {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  background-color: #e5efc3;
  padding: 15px 169px;
}
.gform_body div.wpcf7-mail-sent-ok {
  border-color: #aaca3b;
}
.gform_body .wpcf7-response-output.wpcf7-validation-errors {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 15px 169px;
}
.bestellformular-erstezeile {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bestellformular-zweitezeile {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.kundendaten-titel,
.stromlieferung-titel,
.lieferstelle-titel,
.zahlung-titel {
  font-weight: 600;
  font-size: 22px;
  padding: 30px 10px 20px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.kundendaten,
.stromlieferung,
.lieferstelle,
.lieferung,
.zahlung,
.bestellung-zusammenfassung {
  border-radius: 10px;
  padding: 50px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.kundendaten-wrapper,
.stromlieferung-wrapper,
.lieferstelle-wrapper,
.zahlung-wrapper {
  width: 50%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.kundendaten-wrapper,
.stromlieferung-wrapper {
  padding-right: 10px;
}
.lieferstelle-wrapper,
.zahlung-wrapper {
  padding-left: 10px;
}
.kundendaten .anrede-wrapper {
  width: 39%;
  float: left;
  margin-right: 2%;
}
.titel-wrapper {
  width: 59%;
  float: left;
  margin-bottom: 15px;
}
.vorname-wrapper {
  width: 100%;
}
.nachname-wrapper {
  width: 100%;
}
.geburtsdatum-wrapper {
  margin-bottom: 15px;
}
.kundendaten-wrapper p {
  margin: 0;
}
.lieferadresse-identisch,
.lieferadresse-nicht-identisch {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}
.lieferadresse-nicht-identisch {
  margin: 100px 0 30px 0;
}
.lieferadresse-identisch::before,
.lieferadresse-nicht-identisch::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f111';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: unset;
  height: 18px;
  border-radius: 11px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 2px;
}
.lieferadresse-identisch.lieferadresse-auswahl-aktiv::before,
.lieferadresse-nicht-identisch.lieferadresse-auswahl-aktiv::before {
  color: #009b3e;
}
.bestellformular .email-wrapper {
  margin-bottom: 0;
}
.stromlieferung {
  padding: 0;
}
.ich-ziehe-neu-ein {
  padding: 30px 20px 50px 20px;
}
.ich-moechte-wechseln-text,
.ich-moechte-wechseln-text2,
.ich-ziehe-neu-ein-text,
.ich-ziehe-neu-ein-text2 {
  cursor: pointer;
  position: relative;
  width: 50%;
  float: left;
  height: 100px;
  font-weight: 300;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: grey;
  /* background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(134,133,134,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#868586',GradientType=0 );
}
.ich-moechte-wechseln-text,
.ich-moechte-wechseln-text2 {
  border-top-left-radius: 10px;
}
.ich-ziehe-neu-ein-text,
.ich-ziehe-neu-ein-text2 {
  border-top-right-radius: 10px;
}
.ich-moechte-wechseln-text span,
.ich-moechte-wechseln-text2 span,
.ich-ziehe-neu-ein-text span,
.ich-ziehe-neu-ein-text2 span  {
  color: #fff;
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  font-weight: 400;
  text-align: center;
}
.ich-moechte-wechseln-text.stromlieferung-aktiv span,
.ich-moechte-wechseln-text2.stromlieferung-aktiv span,
.ich-ziehe-neu-ein-text.stromlieferung-aktiv span,
.ich-ziehe-neu-ein-text2.stromlieferung-aktiv span {
  color: #888;
  font-weight: 600;
}
.ich-moechte-wechseln-text.stromlieferung-aktiv,
.ich-moechte-wechseln-text2.stromlieferung-aktiv,
.ich-ziehe-neu-ein-text.stromlieferung-aktiv,
.ich-ziehe-neu-ein-text2.stromlieferung-aktiv {
  background: none;
}
.einzugstermin-gewuenschtertermin {
  margin-bottom: 15px;
}
.einzugstermin-gewuenschtertermin {
  width: 88%;
  float: left;
  padding-right: 2%;
}
.einzugstermin-gewuenschtertermin-wrapper i {
  width: 10%;
  float: left;
  font-size: 35px;
}
.ich-ziehe-neu-ein-hinweis {
  margin-bottom: 15px;
  color: #888;
}
.ich-ziehe-neu-ein .zaehlernummer-wrapper {
  margin-bottom: 15px;
}
.ich-ziehe-neu-ein .zaehlerstand-wrapper {
  margin-bottom: 15px;
  width: 50%;
  float: left;
  padding-right: 2%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ich-ziehe-neu-ein .ablesedatum-wrapper {
  width: 40%;
  float: left;
  padding-right: 2%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ich-ziehe-neu-ein i {
  width: 10%;
  float: left;
  font-size: 35px;
}
.ich-moechte-wechseln {
  padding: 30px 20px 50px 20px;
}
.ich-moechte-wechseln .naechstmoeglicher-lieferbeginn-auswahl,
.ich-moechte-wechseln .wunschtermin-auswahl {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 15px;
  color: #888;
}
.ich-moechte-wechseln .naechstmoeglicher-lieferbeginn-auswahl::before,
.ich-moechte-wechseln .wunschtermin-auswahl::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f111';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: unset;
  height: 18px;
  border-radius: 11px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 2px;
}
.ich-moechte-wechseln .naechstmoeglicher-lieferbeginn-auswahl.lieferbeginn-auswahl-aktiv::before,
.ich-moechte-wechseln .wunschtermin-auswahl.lieferbeginn-auswahl-aktiv::before {
  color: #009b3e;
}
.ich-moechte-wechseln .vorheriger-versorger-wrapper {
  margin-bottom: 15px;
}
.ich-moechte-wechseln .kundennummer-wrapper {
  margin-bottom: 15px;
}
.ich-moechte-wechseln .wunschtermin-auswahl {
  margin-top: 60px;
}
.ich-moechte-wechseln .zaehlernummer-wrapper {
  margin-bottom: 15px;
}
.ich-moechte-wechseln .alternativer-liefertermin {
  width: 90%;
  padding-right: 2%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.wunschtermin-wrapper i {
  width: 10%;
  float: left;
  font-size: 35px;
}
.ich-moechte-wechseln-hinweis {
  color: #888;
  margin: 40px 0 60px 0;
}
.kuendigung-vorheriger-anbieter strong {
  color: #888;
  margin-bottom: 15px;
  display: block;
}
.kuendigung-vorheriger-anbieter {
  margin-top: 60px;
}
.ich-moechte-wechseln .stadtwerk-verl-kuendigt,
.ich-moechte-wechseln .ich-habe-gekuendigt-wrapper {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.ich-moechte-wechseln .stadtwerk-verl-kuendigt::before,
.ich-moechte-wechseln .ich-habe-gekuendigt-wrapper::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f111';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: unset;
  height: 18px;
  border-radius: 11px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 2px;
}
.ich-moechte-wechseln .stadtwerk-verl-kuendigt.werkuendigt-auswahl-aktiv::before,
.ich-moechte-wechseln .ich-habe-gekuendigt-wrapper.werkuendigt-auswahl-aktiv::before {
  color: #009b3e;
}
.ich-moechte-wechseln .ich-habe-gekuendigt-wrapper::before {
  top: 7px;
}
.ich-moechte-wechseln .ich-habe-gekuendigt-wrapper {
  width: 90%;
  float: left;
  padding-right: 2%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.kuendigung-vorheriger-anbieter i {
  width: 10%;
  float: left;
  font-size: 35px;
}
.liefertermin-auswahl,
.neu-oder-wechseln,
.lieferadresse-identisch-abweichend,
.ueberweisung-sepa {
  display: none;
}
.bestellformular p {
  margin: 0;
}
.zahlung-ueberweisung,
.zahlung-sepa {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.zahlung-ueberweisung::before,
.zahlung-sepa::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f111';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: unset;
  height: 18px;
  border-radius: 11px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 2px;
}
.zahlung-ueberweisung.zahlung-auswahl-aktiv::before,
.zahlung-sepa.zahlung-auswahl-aktiv::before {
  color: #009b3e;
}
.sepa-wrapper {
  color: #888;
}
.sepa-wrapper .iban-wrapper {
  margin-bottom: 15px;
}
.sepa-wrapper .bic-wrapper {
  margin-bottom: 15px;
}
.sepa-wrapper .glaeubiger-identifikationsnummer {
  margin: 50px 0;
}
.ermaechtigung-wrapper {
  position: relative;
}
.ermaechtigung {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.ermaechtigung::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f0c8';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 15.5px;
  height: 16px;
  border-radius: 5px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 3px 4px 4px 4px;
}
.ermaechtigung.ermaechtigung-erteilt::before {
  color: #009b3e;
}
.bestellung-buttons .zurueck-zu-den-produkten {
  width: 300px;
  float: left;
  padding: 10px;
  background: rgb(196,196,196);
  background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(134,133,134,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#868586',GradientType=0 );
}
.bestellung-buttons .zur-bestelluebersicht {
  width: 300px;
  float: right;
  padding: 10px;
}
.bestellung-buttons .zur-bestelluebersicht i {
  float: right;
  margin-top: 3px;
}
.pflichtangaben-text {
  width: 100%;
  text-align: right;
  margin: 20px 0 40px 0;
  color: #888;
}
.bestellung-absenden {
  display: none;
}
.kuendigung-ermaechtigung-wrapper {
  position: relative;
}
.kuendigung-ermaechtigung {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.kuendigung-ermaechtigung::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f0c8';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 15.5px;
  height: 16px;
  border-radius: 5px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 3px 4px 4px 4px;
}
.kuendigung-ermaechtigung.ermaechtigung-erteilt::before {
  color: #009b3e;
}
.kundendaten-info-allgemein {
  width: 40%;
  font-weight: 600;
  float: left;
  clear: left;
}
.kundendaten-info-allgemein-text {
  width: 60%;
  float: left;
  clear: right;
}
.kundendaten-info {
  margin: 30px 0 60px 0;
}
.lieferstelle-kontrolle-info {
  margin-bottom: 60px;
}
.stromlieferung-kontrolle-info {
  margin-bottom: 60px;
}
.stromlieferung-kontrolle {
  padding: 50px 20px;
}
.zahlung-kontrolle-info {
  margin-bottom: 30px;
}
.kundendaten-wrapper,
.lieferstelle-wrapper,
.stromlieferung-wrapper,
.zahlung-wrapper {
  position: relative;
}
.kundendaten-kontrolle,
.lieferstelle-kontrolle,
.stromlieferung-kontrolle,
.zahlung-kontrolle {
  display: none;
}
.kundendaten-aendern,
.lieferstelle-aendern,
.stromlieferung-aendern,
.zahlung-aendern {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: table;
  background: rgb(196,196,196);
  background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(134,133,134,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#868586',GradientType=0 );
}
.bestellung-datenschutz-wrapper {
  position: relative;
}
.bestellung-datenschutz {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.bestellung-datenschutz::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f0c8';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 15.5px;
  height: 16px;
  border-radius: 5px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 3px 4px 4px 4px;
}
.bestellung-datenschutz.datenschutz-akzeptiert::before {
  color: #009b3e;
}
.bestellung-datenschutz-hinweis a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.bestellung-agb-wrapper {
  position: relative;
}
.bestellung-agb {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  color: #888;
}
.bestellung-agb::before {
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: '\f0c8';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 15.5px;
  height: 16px;
  border-radius: 5px;
  border: solid 1px #c5c5c5;
  color: #fff;
  padding: 3px 4px 4px 4px;
}
.bestellung-agb.agb-akzeptiert::before {
  color: #009b3e;
}
.bestellung-agb-hinweis a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.bestellung-datenschutz-hinweis {
  margin: 60px 0 30px 0;
  display: none;
}
.bestellung-datenschutz-hinweis strong {
  display: block;
  margin-bottom: 15px;
}
.bestellung-agb-hinweis {
  margin-bottom: 30px;
  display: none;
}
.bestellung-agb-hinweis strong {
  display: block;
  margin-bottom: 15px;
}
.bestellungseite input.bestellung-absenden {
  width: auto;
  float: right;
  color: #fff;
  padding: 10px 40px;
  border: none;
  font-size: 20px;
}
.bestellung-inhalt .bestellabschluss {
  display: none;
  margin-top: 50px;
}
.bestellung-inhalt .bestellabschluss-text {
  width: 80%;
  float: left;
}
.bestellung-inhalt .bestellabschluss-text a {
  border-bottom: 1px solid #000;
  cursor: pointer;
}
.bestellung-inhalt .bestellabschluss-icon {
  width: 7%;
  margin-left: 10%;
  margin-top: -20px;
  float: left;
}
.bestellung-inhalt .bestellabschluss-icon img {
  width: 100%;
}
.bestellung-inhalt .bestellabschluss-icon {
  cursor: pointer;
}
.button.button-gray.zurueck-zur-startseite {
  width: 300px;
  float: right;
  margin-top: 50px;
  padding: 10px;
  background: rgb(196,196,196);
  background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(134,133,134,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 0%,rgba(134,133,134,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#868586',GradientType=0 );
}
.tarifrechner-datenuebernahme,
.bestellung-heutigesdatum {
  display: none;
}
.bestellung-inhalt .bestellabschluss-text a {
  border-bottom: none;
}
.jahresverbrauch-wrapper {
  padding: 30px 20px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}
.jahresverbrauch-wrapper input {
  display: none;
}
.bestellung-zusammenfassung {
  display: none;
  clear: both;
}
.bestellung-zusammenfassung p {
  margin: 0;
}
.zahlung-wrapper {
  margin-bottom: 60px;
}
.bestellstatus {
  display: none;
}
@media (max-width: 1700px) {
  .ich-ziehe-neu-ein .ablesedatum-wrapper {
    width: 90%;
    margin-bottom: 15px;
  }
  .ich-ziehe-neu-ein .zaehlerstand-wrapper {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .bestellung-inhalt #ui-datepicker-div {
    display: none !important;
  }
}
@media (max-width: 1500px) {
  .bestellung-inhalt .kundendaten-wrapper,
  .bestellung-inhalt .stromlieferung-wrapper,
  .bestellung-inhalt .lieferstelle-wrapper,
  .bestellung-inhalt .zahlung-wrapper {
    width: 100%;
  }
  .kundendaten-wrapper,
  .stromlieferung-wrapper {
    padding-right: 0;
  }
  .lieferstelle-wrapper,
  .zahlung-wrapper {
    padding-left: 0;
  }
}
@media (max-width: 1400px) {
}
@media (max-width: 767px) {
  .bestellung-inhalt .bestellformular .anrede-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .bestellformular .titel-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .bestellformular .plz-wrapper,
  .bestellung-inhalt .bestellformular .plz-kundendaten-alternativ-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .bestellformular .ort-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .bestellformular .lieferadresse-nicht-identisch {
    margin-top: 30px;
  }
  .bestellung-inhalt .einzugstermin-gewuenschtertermin {
    width: 100%;
  }
  .bestellung-inhalt .ich-ziehe-neu-ein i {
    display: none;
  }
  .bestellung-inhalt .ich-ziehe-neu-ein .zaehlerstand-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .ich-ziehe-neu-ein .ablesedatum-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .ich-ziehe-neu-ein-hinweis {
    margin-top: 15px;
  }
  .bestellung-inhalt .wunschtermin-wrapper i {
    display: none;
  }
  .bestellung-inhalt .ich-moechte-wechseln .alternativer-liefertermin {
    width: 100%;
  }
  .bestellung-inhalt .kuendigung-vorheriger-anbieter i {
    display: none;
  }
  .bestellung-inhalt .ich-moechte-wechseln .ich-habe-gekuendigt-wrapper {
    width: 100%;
  }
  .bestellung-inhalt .einzugstermin-gewuenschtertermin-wrapper::before {
    content: "Einzugstermin/Gewünschter Termin*";
    display: block;
    padding-bottom: 15px;
    color: #888;
  }
  .bestellung-inhalt .ichhabegekuendigt::before {
    content: "Ich habe meinen Vertrag gekündigt zum*";
    display: block;
    padding-bottom: 15px;
    clear: both;
    color: #888;
  }
  .bestellung-inhalt .bestellung-buttons .zurueck-zu-den-produkten {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bestellung-inhalt .bestellung-buttons .zur-bestelluebersicht {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bestellung-inhalt .kundendaten-info-allgemein {
    width: 100%;
  }
  .bestellung-inhalt .kundendaten-info-allgemein-text {
    width: 100%;
    margin-bottom: 15px;
  }
  .bestellungseite input.bestellung-absenden {
    font-size: 18px;
    width: 100%;
  }
  .bestellung-inhalt .bestellabschluss-text {
    width: 70%;
  }
  .bestellung-inhalt .bestellabschluss-icon {
    width: 17%;
  }
  .bestellung-inhalt .bestellformular .kundendaten-wrapper,
  .bestellung-inhalt .bestellformular .lieferstelle-wrapper,
  .bestellung-inhalt .bestellformular .stromlieferung-wrapper,
  .bestellung-inhalt .bestellformular .zahlung-wrapper {
    padding: 0;
  }
  .button.button-gray.zurueck-zur-startseite {
    max-width: 100%;
    float: left;
  }
}

.pdf-is-generating {
  position: fixed;
  width: 150vw;
  height: 150vh;
  left: -25vw;
  top: -25vh;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
}
.pdf-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  font-size: 80px;
  color: #009b3e;
}
.pdf-seiten {
  display: none;
}
.pdf-seite-1 {
  font-size: 16px !important;
  padding: 0 30px;
  height: 1122px;
  overflow: hidden;
}
.pdf-seite-1 table {
  height: 300px !important;
}
.pdf-seite-1 .pdf-datum {
  margin-left: 0 !important;
}
.pdf-seite-2 {
  font-size: 16px !important;
  padding: 0 30px;
  height: 1122px;
  overflow: hidden;
}
.pdf-seite-2 .pdf-datum {
  margin-left: 0 !important;
}
.pdf-seite-3 {
  height: 1122px;
  overflow: hidden;
}
.pdf-seite-4 {
  font-size: 16px !important;
  padding: 0 30px;
  height: 1122px;
  overflow: hidden;
}
.pdf-seite-4 .pdf-datum {
  margin-left: 0 !important;
}
.pdf-seite-5 {
  font-size: 16px !important;
  padding: 0 30px;
  height: 1122px;
  overflow: hidden;
}
.pdf-seite-5 img {
  max-width: 100%;
}
.pdf-seite-5 .pdf-datum {
  margin-left: 0 !important;
}
#pdfthis {
  position: relative;
  left: 0;
  background-color: #fff;
  display: none;
}
#pdfthis .button {
  display: none;
}
#pdfthis .kundendaten-titel,
#pdfthis .stromlieferung-titel,
#pdfthis .lieferstelle-titel,
#pdfthis .zahlung-titel {
  font-size: 18px;
}
#pdfthis .kundendaten,
#pdfthis .stromlieferung,
#pdfthis .lieferstelle,
#pdfthis .zahlung {
  padding: 20px;
  background: none;
  background-color: #ececec;
}
#pdfthis .stromlieferung-kontrolle {
  padding: 0;
}
#pdfthis .kundendaten-info,
#pdfthis .lieferstelle-kontrolle-info,
#pdfthis .stromlieferung-kontrolle-info {
  margin-bottom: 0;
}
#pdfthis .kundendaten,
#pdfthis .lieferstelle,
#pdfthis .stromlieferung,
#pdfthis .zahlung {
  /* height: auto !important; */
}
#pdfthis .bestellformular-erstezeile,
#pdfthis .bestellformular-zweitezeile {
  padding: 0 20px 20px 20px;
  font-size: 16px !important;
}
#pdfthis .pdf-logo {
  width: 100%;
  position: relative;
  display: block;
}
#pdfthis .pdf-logo img {
  width: 200px;
  position: relative;
  float: right;
  margin: 40px 20px 0 20px;
}
#pdfthis .pdf-datum {
  margin: 40px 20px 0 20px;
  float: left;
}

/* SUCHE */
.suchergebnissseite-ergebnisse {
  font-size: 24px;
  margin-bottom: 30px;
}
.suchergebnissseite h2 {
  padding: 30px 0;
}
.suchergebnissseite h2:nth-last-of-type(1) {
  border-bottom: none;
}
.suchergebnissseite a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.aeltereBeitraege {
  margin-top: 30px;
}

/* MITARBEITER */
.mitarbeiter-liste {
  margin-top: 60px;
}
.mitarbeiter {
  width: 25%;
  height: 300px;
  position: relative;
  background-color: #fff;
  float: left;
  margin-bottom: 40px;
}
.mitarbeiter-bild {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 400ms ease-out 400ms;
  -moz-transition: 400ms ease-out 400ms;
  -ms-transition: 400ms ease-out 400ms;
  -o-transition: 400ms ease-out 400ms;
  transition: 400ms ease-out 400ms;
}
.mitarbeiter-bild img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.mitarbeiter:hover .mitarbeiter-bild {
  transform: rotateY(-90deg);
  -webkit-transform: rotateY(-90deg);
  -webkit-transition: 400ms ease-in;
  -moz-transition: 400ms ease-in;
  -ms-transition: 400ms ease-in;
  -o-transition: 400ms ease-in;
  transition: 400ms ease-in;
}
.mitarbeiter-text {
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  -webkit-transition: 400ms ease-in;
  -moz-transition: 400ms ease-in;
  -ms-transition: 400ms ease-in;
  -o-transition: 400ms ease-in;
  transition: 400ms ease-in;
  width: 100%;
  height: 100%;
}
.mitarbeiter-text-inner {
  background-color: #E6EEC6;
  height: 100%;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mitarbeiter:hover .mitarbeiter-text {
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  -webkit-transition: 400ms ease-out 400ms;
  -moz-transition: 400ms ease-out;
  -ms-transition: 400ms ease-out 400ms;
  -o-transition: 400ms ease-out 400ms;
  transition: 400ms ease-out 400ms;
}
.mitarbeiter-name-position {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 30px 20px;
  background: rgb(184,205,2);
  background: -moz-linear-gradient(left, rgba(184,205,2,1) 0%, rgba(224,222,0,1) 100%);
  background: -webkit-linear-gradient(left, rgba(184,205,2,1) 0%,rgba(224,222,0,1) 100%);
  background: linear-gradient(to right, rgba(184,205,2,1) 0%,rgba(224,222,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8cd02', endColorstr='#e0de00',GradientType=1 );
}
.mitarbeiter-name h3 {
  border: none;
  text-transform: none;
  font-weight: 600;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 23px;
  margin-bottom: 5px;
}
.mitarbeiter-position {
  display: block;
  text-align: center;
  font-size: 21px;
}
.mitarbeiter-telefon,
.mitarbeiter-fax,
.mitarbeiter-email {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
}
.mitarbeiter-email {
  margin-top: 30px;
}
.mitarbeiter-email a {
  color: inherit;
}
.mitarbeiter-liste h2 {
  border-bottom: none;
  text-transform: none;
  font-size: 29px;
  margin-bottom: 0;
}
.mitarbeiter-text-inner {
  position: relative;
}
.mitarbeiter-kontakt {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mitarbeiter-kontakt-inner {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.mitarbeiter-name-vorschau {
}
.mitarbeiter-name-vorschau h3 {
  margin: 10px auto 0 auto;
  border: none;
  text-transform: none;
  font-size: 23px;
  font-weight: 300;
  padding-bottom: 30px;
}
@media (max-width: 1600px) {
  .mitarbeiter {
    width: 33.333%;
  }
}
@media (max-width: 1400px) {
  .mitarbeiter-name h3 {
    font-size: 23px;
  }
  .mitarbeiter-name-position {
    padding: 15px 10px;
  }
  .mitarbeiter-telefon,
  .mitarbeiter-fax,
  .mitarbeiter-email {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .mitarbeiter {
    width: 50%;
  }
  .mitarbeiter-name h3 {
    font-size: 29px;
  }
  .mitarbeiter-name-position {
    padding: 30px 20px;
  }
  .mitarbeiter-telefon,
  .mitarbeiter-fax,
  .mitarbeiter-email {
    font-size: 21px;
  }
}
@media (max-width: 1070px) {
  .mitarbeiter-name h3 {
    font-size: 23px;
  }
  .mitarbeiter-name-position {
    padding: 15px 10px;
  }
  .mitarbeiter-telefon,
  .mitarbeiter-fax,
  .mitarbeiter-email {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .mitarbeiter {
    width: 100%;
  }
  .mitarbeiter {
    width: 100%;
  }
  .mitarbeiter-name h3 {
    font-size: 29px;
  }
  .mitarbeiter-name-position {
    padding: 30px 20px;
  }
  .mitarbeiter-telefon,
  .mitarbeiter-fax,
  .mitarbeiter-email {
    font-size: 21px;
  }
}
@media (max-width: 450px) {
  .mitarbeiter-name h3 {
    font-size: 23px;
  }
  .mitarbeiter-name-position {
    padding: 15px 10px;
  }
  .mitarbeiter-telefon,
  .mitarbeiter-fax,
  .mitarbeiter-email {
    font-size: 16px;
  }
}

/* UNTERSEITE TARIFRECHNER */
.unterseite-tarifrechner-sektion .tarifrechner-wrapper {
  width: 100%;
  /*margin-bottom: 50%;*/
}
.unterseite-tarifrechner-sektion .tarifrechner-personenwahl {
  width: 80%;
}
.unterseite-tarifrechner-sektion .tarifrechner-auswahl {
  margin-top: 0;
}
.unterseite-tarifrechner-sektion .tarifrechner {
  padding-top: 60px;
  padding-bottom: 100px;
}
button.unterseite-tarifberechnen {
  bottom: 60px;
}
.unterseite-tarifrechner-sektion .personenicon {
  height: 50px;
}
.unterseite-tarifrechner-sektion .personenicon img {
  height: 100%!important;
}
@media (max-width: 1500px) {
  .unterseite-tarifrechner-sektion .tarifrechner-wrapper {
    margin-bottom: 30px;
  }
  .tarifrechner-template .seitenleiste {
    clear: both;
    padding-top: 0;
  }
  .tarifrechner-template .kampagne-wrapper:nth-of-type(2n-1) {
    clear: left;
  }
  .tarifrechner-template .kampagne-wrapper {
    margin-bottom: 20px;
  }
  .unterseite-tarifrechner-sektion .personenicon {
    height: 40px;
  }
}
@media (max-width: 991px) {
  .tarifrechner-personenwahl {
    padding-top: 150px;
  }
}
@media (max-width: 430px) {
  .unterseite-tarifrechner-sektion .personenicon {
    height: 20px;
  }
}

.angebot-buttons {
    width: 95%;
}

.pdfhtmlstuff {
  display: none;
}

/* Formular Datenschutz */
.datenschutz-wrapper {
  padding: 30px 0;
}
.datenschutz-wrapper .datenschutz-kontrolle {
  width: 5%;
  float: left;
}
.datenschutz-wrapper .datenschutz-kontrolle .wpcf7-list-item {
  margin: 0;
}
.datenschutz-wrapper .datenschutz-kontrolle input {
  margin: 0 0 0 7px;
  cursor: pointer;
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.datenschutz-wrapper .datenschutz-text {
  width: 95%;
  float: left;
}
@media (max-width: 767px) {
  .datenschutz-wrapper .datenschutz-kontrolle {
    width: 10%;
  }
  .datenschutz-wrapper .datenschutz-text {
    width: 90%;
  }
}

/* Bestellformular Zusatz */
.produktbeschreibung,
.kundendaten,
.lieferstelle,
.lieferung,
.zahlung {
	position: relative;
}
.kundendaten-inner,
.lieferstelle-inner,
.lieferung-inner,
.zahlung-inner {
	padding-bottom: 80px !important;
	position: relative;
}
.u-geburtstag,
.u-telefon,
.u-email,
.u-lieferbeginn,
.u-vorherigerversorger,
.u-kundennummer,
.u-zaehlernummer,
.u-zaehlerstand,
.u-kuendigung-alter-anbieter,
.u-wunscheinzug,
.u-ablesedatum,
.u-zahlungsart,
.u-iban,
.u-bic,
.u-kontoinhaber,
.u-jahresverbrauch,
.u-lieferart {
	width: 50%;
	float: left;
	font-weight: 700;
	clear: left;
	margin-bottom: 10px;
}
.u-lieferart {
  clear: both;
}
.lieferung-inner span,
.zahlung-inner span,
.kundendaten-inner span {
	display: block;
	float: left;
	width: 50%;
	clear: right;
	margin-bottom: 10px;
	word-break: break-word;
}
.u-kuendigung-vollmacht,
.u-einzugsermaechtigung {
	margin-top: 30px;
}
.daten-bearbeiten {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: block;
	border-radius: 30px;
  border: 0;
  padding: 8px 30px;
	margin: 20px auto 0 auto;
  display: block;
	background: #009B3E;
	color: #fff;
	font-weight: 700;
	outline: 0;
}
.daten-bearbeiten:hover {
	cursor: pointer;
}

@media (max-width: 600px) {
	.u-geburtstag,
	.u-telefon,
	.u-email,
	.u-lieferbeginn,
	.u-vorherigerversorger,
	.u-kundennummer,
	.u-zaehlernummer,
	.u-zaehlerstand,
	.u-kuendigung-alter-anbieter,
	.u-wunscheinzug,
	.u-ablesedatum,
	.u-zahlungsart,
	.u-iban,
	.u-bic,
 	.u-kontoinhaber,
  .u-jahresverbrauch,
  .u-lieferart {
		width: 100%;
		margin-bottom: 0;
	}
  .u-lieferart {
    margin-bottom: 10px;
  }
	.lieferung-inner span,
	.kundendaten-inner span,
	.zahlung-inner span {
		width: 100%;
		margin-bottom: 10px;
	}
}

body .bestellung-wrapper .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .bestellung-wrapper .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .bestellung-wrapper .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .bestellung-wrapper .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
	list-style-type: none !important;
	margin: 0 !important;
}

.specialnavigation-wrapper {
    pointer-events: none;
}

.specialnavigation-wrapper #menu-specialnavigation {
    pointer-events: all;
}


/* Buttongruppe und Wasser-Farben */
body.scheme-blue .inhaltsbox-klein .button {
  background: #0086ca;
  background: -moz-linear-gradient(top, #0086ca 0%, #00b1ff 100%);
  background: -webkit-linear-gradient(top, #0086ca 0%, #00b1ff 100%);
  background: linear-gradient(to bottom, #0086ca 0%, #00b1ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0086ca", endColorstr="#00b1ff",GradientType=0 );
}

.angebot-inhalt.has-buttongroup {
	padding-bottom: 15px;
	display: flex;
    flex-direction: column;
}

.angebot-inhalt .buttongroup {
	margin-top: auto;
	margin-bottom: 5px;
}

.buttongroup .button, .buttongroup .link {
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  /* width: 100%; */
  font-size: 16px;
}
.buttongroup .button:last-of-type, .buttongroup .link:last-of-type {
	margin-bottom: 0px;
}

body.scheme-blue .buttongroup .link {
  color: #006fa5;
  display: block;
}

.pageElement-quicklinks-wrapper .linkbox a {
  text-decoration: none !important;
}

li.menu-verlerstrom a, li.menu-verlergas a, li.menu-verlernetze a, li.menu-verlerwaerme a {
	padding: 10px 0;
}
.menu-rechtszeigend .menu-specialnavigation-container li a, .menu-rechtszeigend #menu-specialnavigation li a {
	font-size: 17px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  opacity: 0;
  transition: opacity 150ms;
  pointer-events: none;
}
.popup.active {
  opacity: 1;
  pointer-events: all;
}
.popup .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  width: 80vw;
  height: auto;
  max-width: 500px;
  max-height: 80vh;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  overflow: auto;
}
.popup .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.popup .close span {
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 20px;
  height: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform-origin: center center;
  background: black;
}
.popup .close span:nth-of-type(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.simple-table td {
  text-align: center;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
}