@charset "UTF-8";
:root {
  --cd-green: #5dad2e;
  --light-green: hsl(98, 58%, 90%); /*hsl(98 ,58%,90%)*/
  --cd-blue: #008bd0;
  --light-blue: hsl(199.9, 100%, 90%);
  --cd-orange: #ec7407;
  --cd-red: #d4003c;
  --cd-grey: #666666;
  --cd-gray: #666666;

  --prodbox-bggradient: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.3),
    rgba(0, 0, 0, 0)
  );
}

html {
  position: relative;
}

body {
  position: relative;
}

strong {
  font-weight: bold;
}

.fce_form_visual .fce_form_container {
  float: right;
}

#back .csc-default,
#back .frame-default {
  width: 100%;
  height: 100%;
}

#overall {
  position: relative;
}

/* debugging */
.struct_marginal_lost .sp_links {
  border: 10px solid var(--cd-red);
}

/* CSS Document */
.buttonlabel a {
  color: inherit !important;
  text-decoration: none;
}

input[type="submit"]::-moz-focus-inner {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
}

input[type="button"]::-moz-focus-inner {
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
  border-radius: 0;
}

input[type="button"],
input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
}

body,
html {
  height: 100%;
  min-height: 100%;
  width: 100%;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-text-size-adjust: none;
  color: #000;
  font-size: 12px;
  line-height: 22px;
}

img {
  border: 0 none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

p {
  margin: 0px 0px 12px;
}

h1 {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  margin: 0px 120px 12px 0px;
}

h2 {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 22px;
  margin: 0px 0px 15px 0px;
}

h3 {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  margin: 0px 0px 12px;
}

h4 {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 19px;
  line-height: 20px;
  text-transform: uppercase;
  color: #666;
}

ul li {
  font-size: 12px;
  line-height: 20px;
  margin: 0px 0px 2px;
}

a:link,
a:active,
a:hover,
a:visited {
  color: #000000;
}

a.bluelink:link,
a.bluelink:active,
a.bluelink:visited {
  color: var(--cd-green);
}

a.bluelink:hover {
  color: var(--cd-green);
  text-decoration: underline;
}

/* BACKGROUND PRIVAT */

#back {
  height: 100%;
  min-height: 100%;
  width: 100%;
  z-index: -10;
  position: fixed;
}

#back_privat {
  background-image: url(../img/back_privat.jpg);
  background-repeat: repeat;

  height: 100%;
  min-height: 100%;
  width: 100%;
}

#back_privat {
  /*
	background-image: url(../img/background_himmel.jpg);
	background-repeat: repeat;
*/
  height: 100%;
  min-height: 100%;
  width: 100%;
}

#himmel_links {
  background-image: url(../img/background_himmel.jpg);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1440px;
  width: 50%;
  height: 640px;
  z-index: 0;
}

#himmel_rechts {
  background-image: url(../img/background_himmel.jpg);
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1440px;
  width: 50%;
  height: 640px;
  z-index: 0;
}

#wiese_links {
  background-image: url(../img/background_wiese.jpg);
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 1440px;
  width: 50%;
  height: 646px;
  z-index: 1;
}

#wiese_rechts {
  background-image: url(../img/background_wiese.jpg);
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 1440px;
  width: 50%;
  height: 646px;
  z-index: 1;
}

#schlittschuhe {
  background-image: url("../img/Schlittschuhe_RGB_400x500px.png");
  width: 400px;
  height: 500px;
  position: absolute;
  top: -40px;
  left: -295px;
  z-index: 1;
}

#geschenk {
  background-image: url("../img/Geschenk_RGB_500x400px_.png");
  width: 250px;
  height: 200px;
  position: absolute;
  top: 23%;
  right: -270px;
  z-index: 1;
  background-size: 250px 200px;
}

#plaetzchen {
  background-image: url("../img/Plaetzchen_RGB_550x700px.png");
  width: 550px;
  height: 700px;
  position: absolute;
  top: 2%;
  left: -297px;
  z-index: 1;
}

#fussball {
  background-image: url("../img/back_privat_fussball.png");
  width: 175px;
  height: 329px;
  position: absolute;
  top: 15%;
  left: -176px;
  z-index: 1;
}

#karneval_links {
  background-image: url(../img/background_karneval_links.png);
  top: -350px;
  position: absolute;
  left: -694px;
  width: 1040px;
  height: 1146px;
  z-index: 0;
}

#karneval_rechts {
  background-image: url(../img/background_karneval_rechts.png);
  top: 0px;
  position: absolute;
  right: -867px;
  width: 1040px;
  height: 1146px;
  z-index: 0;
}

#schlauch {
  background-image: url(../img/back_schlauch.png);
  width: 353px;
  height: 641px;
  position: absolute;
  top: 14%;
  left: -353px;
  z-index: 1;
}

#tannenzapfen {
  background-image: url(../img/back_zapfen.png);
  width: 143px;
  height: 156px;
  position: absolute;
  top: 71%;
  right: -120px;
  z-index: 2;
}

#kugel {
  background-image: url(../img/back_privat_kugel.png);
  top: 50%;
  height: 228px;
  position: absolute;
  right: -156px;
  width: 156px;
  z-index: 2;
}

#knauberk {
  background-image: url(../img/back_k.png);
  top: 65%;
  height: 251px;
  position: absolute;
  right: -185px;
  width: 185px;
  z-index: 2;
}

#topnav_01 .topnav_hl_ohne {
  display: none;
}

#wetter {
  margin-top: 2px;
  background-image: url("../img/wetter.png");
  background-repeat: no-repeat;
  display: block;
  width: 286px;
  height: 54px;
  background-size: contain;
}

#zwerg {
  background-image: url("../img/back_privat_zwerg.png");
  height: 541px;
  position: absolute;
  right: -280px;
  top: 3%;
  width: 280px;
  z-index: 1;
  display: none;
}

#ei_links {
  background-image: url("../img/knauber_osterei_01.png");
  width: 228px;
  height: 262px;
  position: absolute;
  left: -176px;
  top: 80%;
  z-index: 1;
  display: none;
}

#ei_rechts {
  background-image: url("../img/knauber_osterei_02.png");
  width: 375px;
  height: 250px;
  position: absolute;
  right: -320px;
  top: 30%;
  z-index: 1;
  display: none;
}

#band_links {
  background-image: url("../img/band_links.png");
  width: 368px;
  height: 265px;
  position: absolute;
  left: -368px;
  top: 70%;
  z-index: 1;
  display: none;
}

#band_rechts {
  background-image: url("../img/band_rechts.png");
  width: 552px;
  height: 282px;
  position: absolute;
  right: -552px;
  top: 70%;
  z-index: 1;
  display: none;
}

#fussballschuhe {
  background-image: url("../img/fussballschuhe.png");
  position: absolute;
  right: -280px;
  top: 10%;
  width: 414px;
  height: 358px;
  z-index: 1;
  display: none;
}

#gaense_links {
  background-image: url(../img/back_privat_gaensebluemchen_links.png);
  width: 149px;
  height: 414px;
  position: absolute;
  top: 50%;
  left: -149px;
  z-index: 0;
}

#pylon_02 {
  background-image: url(../img/back_kegel_02.png);
  top: 10%;
  height: 289px;
  position: absolute;
  right: -210px;
  width: 210px;
  z-index: 0;
  display: block;
}

#gaense_rechts {
  background-image: url("../img/back_privat_gaensebluemchen_rechts.png");
  height: 560px;
  position: absolute;
  right: -130px;
  top: 4%;
  width: 121px;
  z-index: 0;
}

#schnee_p_links {
  background-image: url(../img/back_privat_schnee_links.png);
  bottom: 0px;
  height: 950px;
  position: absolute;
  left: -436px;
  width: 436px;
  z-index: 0;
}

#schnee_p_rechts {
  background-image: url(../img/back_privat_schnee_rechts.png);
  bottom: 0px;
  height: 1024px;
  position: absolute;
  right: -468px;
  width: 468px;
  z-index: 0;
}

/*
#himmel_links {
	background-image: url(../img/background_himmel.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1440px;
	width: 50%;
	height: 640px;
	z-index: 0;
}
#himmel_rechts {
	background-image: url(../img/background_himmel.jpg);
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1440px;
width: 50%;
	height: 640px;
	z-index: 0;
}

#wiese_links {
	background-image: url(../img/background_wiese.jpg);
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 1440px;
width: 50%;
	height: 646px;
	z-index: 1;
}
#wiese_rechts {
	background-image: url(../img/background_wiese.jpg);
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 1440px;
width: 50%;
	height: 646px;
	z-index: 1;
}

*/
/* BACKGROUND GEWERBE */
/*
#back_gewerbe {
	background-image: url(../img/back_gewerbe.jpg);
	background-repeat: repeat;
	height: 100%;
	min-height: 100%;
	width: 100%;
}
*/

#idcard {
  background-image: url(../img/back_gewerbe_karte.png);
  width: 177px;
  height: 252px;
  position: absolute;
  top: 196px;
  right: -178px;
  z-index: 1;
}

#knauberk_gewerbe {
  background-image: url(../img/back_gewerbe_k.png);
  left: -176px;
  height: 398px;
  position: absolute;
  width: 283px;
  z-index: 1;
  bottom: 120px;
}

#massband {
  background-image: url(../img/back_gewerbe_massband.png);
  bottom: 80px;
  height: 383px;
  left: -530px;
  position: absolute;
  width: 550px;
  z-index: 0;
}

#schnee_g_links {
  background-image: url(../img/back_gewerbe_schnee_links.png);
  bottom: 0px;
  height: 950px;
  position: absolute;
  left: -436px;
  width: 436px;
  z-index: 0;
}

#schnee_g_rechts {
  background-image: url(../img/back_gewerbe_schnee_rechts.png);
  bottom: 0px;
  height: 1024px;
  position: absolute;
  right: -446px;
  width: 454px;
  z-index: 0;
}

#shadow_links {
  background-image: url(../img/shadow_links.png);
  background-repeat: repeat;
  position: absolute;
  left: -4px;
  top: 0;
  width: 4px;
  height: 100%;
  z-index: 2;
}

#shadow_rechts {
  background-image: url(../img/shadow_rechts.png);
  background-repeat: repeat;
  position: absolute;
  right: -4px;
  top: 0;
  width: 4px;
  height: 100%;
  z-index: 2;
  max-width: 100%;
  background-position: center;
}

#jsbridgeMobile {
  display: none;
  width: 0px;
}

#jsbridgeNavi {
  display: none;
  width: 0px;
}

#outer_container {
  background-color: #fff;
}

.struct_outer_container {
  min-height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}

.struct_inner_container,
.cp_reframeoverwidth {
  /*
	transition: all 1000ms;
	-webkit-transition: all 1000ms;
	*/
  margin-left: 4.981%;
  margin-right: 4.981%;
}

#topmarginal {
  transition: all 1000ms;
  -webkit-transition: all 1000ms;
  margin: 20px 0 40px;
  min-width: 300px;
}

#topmarginal_lost {
  transition: all 1000ms;
  -webkit-transition: all 1000ms;
  margin: 57px 0 0px;
  min-width: 300px;
}

.struct_marginal_small_header {
  background-image: url(../img/marginal_miniheader.png);
  height: 5px;
  width: 73px;
  margin-bottom: 22px;
}

.struct_marginal_small_footer {
  background-image: url(../img/marginal_minifooter.png);
  height: 3px;
  width: 73px;
  margin-top: 30px;
}

.struct_marginal_img {
  margin: 14px 0px 20px -2px;
}

/*
.struct_marginal {
	float: right;
	width: 308px;
	padding-bottom: 1px;
}

.struct_marginal_lost {
	float: right;
	width: 308px;
	padding-bottom: 1px;
}
*/

.struct_marginal {
  position: absolute;
  right: 0px;
  width: 308px;
  padding-bottom: 1px;
}

.struct_marginal_lost {
  position: absolute;
  right: 0px;
  width: 308px;
  padding-bottom: 1px;
}

.struct_marginal_rest,
.struct_marginal_rest_lost {
  width: auto;
  padding-top: 48px;
  margin-right: 330px;
}

.struct_full {
  padding-top: 48px;
}

.clear {
  clear: both;
}

#topnav {
  height: auto;
  color: #999999;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 14px;
}

#topnav a {
  color: #999999;
  text-decoration: none;
}

#topnav_01 {
  width: 286px;
  float: left;
}

#topnav_02 {
  width: 230px;
  float: left;
}

#topnav_03 {
  float: right;
}

.topnavtrenner_links {
  background-image: url(../img/toptrenn_links.png);
  width: 1px;
  height: 50px;
  float: left;
}

.topnavtrenner_mitte {
  background-image: url(../img/toptrenn_links.png);
  width: 1px;
  height: 50px;
  float: left;
}

.topnavtrenner_rechts {
  background-image: url(../img/toptrenn_links.png);
  width: 1px;
  height: 50px;
  float: right;
}

.topnav_hl,
.topnav_hl_ohne {
  padding: 9px 15px 2px;
}

.tel {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  padding: 0px 15px 0 14px;
}

#carousel {
  font-size: 32px;
  line-height: 24px;
  padding: 6px 15px 0 14px;
}

#ctrl_links {
  float: left;
  height: 17px;
  margin: -2px -30px 0px -2px;
  position: relative;
  width: 31px;
  z-index: 1000;
}

#ctrl_rechts {
  float: left;
  height: 24px;
  margin: -2px 0px 0px -7px;
  position: relative;
  width: 26px;
  z-index: 1000;
}

#slideshow {
  position: relative;
  height: 24px;
}

#slideshow .handle {
  position: absolute;
  cursor: pointer;
  transition: all 1000ms;
  -webkit-transition: all 1000ms;
}

.slide {
  float: left;
  margin-left: 10px;
  padding-right: 8px;
  border-right: 1px dotted #ccc;
}

#slideshow {
  overflow: hidden;
  width: 236px;
  float: left;
}

#slideshow .handle {
  width: 500px;
}

#content {
  position: relative;
  margin-bottom: 50px;
  z-index: 5;
}

#footer {
  width: 100%;
}

#pagefooter {
  border-top: 1px solid #cccccc;
  padding: 51px 0px 18px;
}

.pagefooterspalte {
  float: left;
}

#pagefooter_spalte_1 {
  width: 60%;
}

#pagefooter_spalte_2 {
  width: 40%;
}

.pagefooterspalte_form {
  float: right;
}

#pagefooter_spalte_3 {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.pagefooter_spalte_intro p {
  color: #000;
  font-size: 12px;
  line-height: 15px;
}

.pagefooter_spalte_intro a {
  text-decoration: none;
  color: #555;
}

.pagefooter_spalte_intro a:hover {
  text-decoration: underline;
}

.pagefooter_spalte_intro ul {
  margin-bottom: 0px;
  height: 18px;
}

.pagefooter_spalte_intro ul li {
  display: inline;
  font-size: 12px;
  line-height: 15px;
}

.pagefooter_spalte_headline p {
  color: #555;
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 10px;
}

.pagefooter_spalte_headline_right p {
  color: #555;
  line-height: 18px;
  text-align: right;
  margin-bottom: 8px;
  font-size: 10px;
}

.pagefooter_spalte_body {
  margin-bottom: 20px;
}

.pagefooter_spalte_1_img1 {
  height: 47px;
  padding-right: 22px;
  border-right: 1px solid #999;
  float: left;
}

.pagefooter_spalte_1_img2 {
  height: 47px;
  padding-left: 20px;
  float: left;
}

.pagefooter_spalte_split {
  float: left;
  margin-left: 50px;
  width: 25%;
}

.tuev_margin {
  margin-top: -4px;
}

#linkfooter {
	background-color: var(--cd-green);
	bottom: 0;
	color: white;
	margin: 0 auto;
	max-width: 1024px;
	padding: 41px 0 20px;
	position: relative;
	width: 100%;
	z-index: 4;
  }
  
  #linkfooter a {
	color: white;
  }
  
  #linkfooter_moreEnergy a {
	color: white;
  }

#linkfooter_logo {
  float: right;
}

#linkfooter_spalten {
  float: left;
  max-width: 690px;
  width: 100%;
}

#linkfooter_morelogos {
  float: right;
  text-align: center;
  margin: 53px 0 0;
}

#logo_tuev {
  margin: 0px 0px 20px;
}

.linkfooterspalte {
  float: left;
  margin: 0 30px 40px 0;
  max-width: 200px;
}

.linkfooter_spalte_body p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
}

.linkfooter_spalte_body a {
  color: #fff;
}

.linkfooter_spalte_headline_open {
  margin: 0px 0px 23px;
}

.linkfooter_spalte_headline_closed {
  display: none;
}

.linkfooter_spalte_headline_closed p {
  color: #fff;
  margin-bottom: 0px;
}

.linkfooter_spalte_headline_closed p a {
  text-decoration: underline;
  color: #fff;
}

.linkfooter_spalte_list ul li {
  line-height: 16px;
}

.lf_logo {
  float: left;
}

.dash {
  float: right;
  width: 1px;
  height: auto;
}

#logos {
  padding-top: 32px;
  padding-bottom: 11px;
}

#logo_nav_container {
  float: left;
}

#logo_nav {
  float: left;
}

#logonav_img {
  float: left;
  margin-top: 17px;
}

a.logonav_txt_active:link,
a.logonav_txt_active:active,
a.logonav_txt_active:hover,
a.logonav_txt_active:visited {
  color: var(--cd-green);
}

a.logonav_txt_inactive:link,
a.logonav_txt_inactive:active,
a.logonav_txt_inactive:hover,
a.logonav_txt_inactive:visited {
  color: #99d1ec;
}

#logonav_txt {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 14px;
  float: left;
  margin-top: 13px;
  display: none;
}

#logonav_txt a:hover {
  color: var(--cd-green);
}

#logo_nav_privat {
  float: left;
}

#logo_nav_sep {
  float: left;
}

#logo_nav_gewerbe {
  float: left;
}

.logo_nav_sep {
  padding: 0px 16px 0px;
}

#sitelogo {
  float: left;
  margin-right: 10px;
}

#brandlogo {
  float: right;
}

#txtbrandlogo {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  color: var(--cd-grey);
  font-family: franklin-gothic-urw;
  font-weight: 700;
  text-align: right;
}

.navielement {
  float: left;
}

.left_buttonpart {
  float: left;
}

.middle_buttonpart {
  float: left;
}

.right_buttonpart {
  float: right;
}

.buttonlabel {
  height: 26px;
  display: table-cell;
  vertical-align: bottom;
  padding-left: 7px;
  padding-right: 7px;
  color: #000000;
  padding-bottom: 5px;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
}

.buttonlabel_marg {
  height: 30px;
  display: table-cell;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  padding-bottom: 5px;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
}

#topnavsearch {
  /*
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 7px;
	*/
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  display: none;
}

#search {
  width: 224px;
}

#topnavsearchlabel {
  color: var(--cd-green);
}

#topnavsearch input {
  height: 15px;
  margin-right: 5px;
  margin-top: 6px;
}

.active_navi_marg {
  background-image: url("../img/marginal_button_full.png");
}

.active_navi_marg .left_buttonpart {
  background-image: url("../img/marginal_button_links.png");
  width: 3px;
}

.active_navi_marg .right_buttonpart {
  background-image: url("../img/marginal_button_rechts.png");
  width: 3px;
}

/* ------------------------------ navigation --------------------------------------- */

.inactive_navi .buttonlabel {
  color: #000;
}

.active_navi .buttonlabel {
  color: var(--cd-green);
}

.current_navi .buttonlabel {
  gl-color: var(--cd-green) !important;
}

.active_navi .firstbutton .left_buttonpart {
  background-image: url("../img/topnav_button_links_grau.png");
  width: 3px;
}

.inactive_subnavigation {
  background-image: url("../img/topnav_fill_grau.png");
  background-repeat: repeat-x;
}

.active_subnavigation {
  background-image: url("../img/topnav_fill_grau.png");
  background-repeat: repeat-x;
}

.active_navi .navibutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.active_navi .firstbutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.active_navi .right_buttonpart {
  background-image: url("../img/topnav_trenner_grau.png");
  width: 2px;
}

.active_navi .lastbutton .right_buttonpart {
  background-image: url("../img/topnav_button_rechts_grau.png");
  width: 3px;
}

.inactive_navi .firstbutton .left_buttonpart {
  background-image: url("../img/topnav_button_links_grau.png");
  width: 3px;
}

.inactive_navi .navibutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.inactive_navi .firstbutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.inactive_navi .right_buttonpart {
  background-image: url("../img/topnav_trenner_grau.png");
  width: 2px;
}

.inactive_navi .lastbutton .right_buttonpart {
  background-image: url("../img/topnav_button_rechts_grau.png");
  width: 3px;
}

.buttonpart {
  height: 36px;
}

.buttonpart_marg {
  height: 48px;
}

.mbox_outer_border_grey {
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mbox_inner_border_grey {
  border: 1px solid white;
  background-image: url(../img/marginal_box_back.png);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #f8f8f8;
  padding: 4px 12px 6px 8px;
}

.mbox_inner_border_grey select {
  width: 100%;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
  height: 24px;
}

.input_name,
.input_number {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}

.input_name {
  margin-bottom: 3px;
}

.input_plz {
  width: 100px;
  font-size: 12px;
  line-height: 20px;
}

.input_mail {
  float: left;
  font-size: 12px;
  height: 15px;
  margin-right: 6px;
  margin-top: 3px;
  width: 175px;
}

.search_mbox_button_grey {
  background-color: #f8f8f8;
  background-image: url("../img/grey_button_back.png");
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #c2c2c2;
  border-radius: 3px 3px 3px 3px;
  color: #000;
  cursor: pointer;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 14px;
  margin: 3px 1px 0px 4px;
  padding: 6px 13px;
}

.mbox_button_grey {
  background-color: #f8f8f8;
  background-image: url(../img/grey_button_back.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #c2c2c2;
  border-radius: 3px 3px 3px 3px;
  color: var(--cd-grey);
  cursor: pointer;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 14px;
  margin: 3px 1px 0px 4px;
  padding: 6px 13px;
}

.mailbox_outer_border_grey {
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 16px;
}

.mailbox_inner_border_grey {
  border: 1px solid white;
  background-image: url(../img/grey_button_back.png);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #f8f8f8;
  padding: 2px 8px 3px;
}

.mailbox_inner_border_grey select {
  width: 104%;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
  height: 24px;
}

#social_media_outer {
  margin-top: 8px;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
}

.social_icn {
  float: left;
  margin-right: 26px;
}

.mbox_button_grey_mail {
  background-color: #f8f8f8;
  background-image: url("../img/grey_button_back.png");
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #c2c2c2;
  border-radius: 3px 3px 3px 3px;
  color: #000000;
  cursor: pointer;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 29px;
  line-height: 14px;
  padding: 0 13px;
  float: right;
}

.mbox_outer_border {
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mbox_inner_border {
  border: 1px solid white;
}

.contentblock {
  margin: 5px 30px 0px 0px;
}

.struct_marginal_rest .fce_headline2_text .contentblock {
  margin: 0px 0px 0px 0px;
}

.struct_full .fce_headline2_text .contentblock {
  margin: 0px 0px 0px 0px;
}

.broschure {
  margin: 46px 0px 0px;
  max-width: 160px;
}

.broschure_border {
  border: 1px solid #cbcbcb;
  margin: 0px 0px 26px;
}

.mbox .contentblock {
  margin: 10px 7px 15px;
}

.mbox_inner_border {
  background-color: #f8f8f8;
}

.mbox h2 {
  color: var(--cd-green);
}

.spalte1 {
  width: 50%;
  float: left;
}

.spalte2 {
  width: 50%;
  float: left;
}

.layeredContent #inner_container #subnav_container {
  display: none;
}

#subnav_container {
  margin: 19px 0 0;
  width: 100%;
}

.glsubnavi {
  border-bottom: 1px solid #ccc;
  padding: 0px 0px 10px;
  text-align: right;
  margin-bottom: 24px;
}

#subnav li {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  display: inline;
  margin-right: 10px;
  margin-left: 0px;
}

#subnav li:last-child {
  margin-right: 0px;
}

#subnav li a {
  color: var(--cd-green);
  text-decoration: none;
}

#subnav li a:hover {
  color: #666;
  text-decoration: none;
}

#subnav li a:active {
  color: #666;
  text-decoration: none;
}

#breadcrumbs li {
  display: inline;
  color: #999;
  font-size: 10px;
  line-height: 18px;
  margin: 0px 0px 0px;
}

#breadcrumbs li a {
  color: #999;
}

#breadcrumbs li:before {
  color: #999999;
  content: " ·";
  margin: 0;
  padding: 0;
}

#breadcrumbs li:first-child:before {
  content: none;
}

/* -------------------------------- FCEs ------------------------------------ */

.fce_headline2_text {
  margin: 0px 0px 45px;
  /*22px*/
}

/*.fce2spalten {
	margin: 0px 0px 45px;
}
*/
.fce2spaltenMehrEinzug {
  margin: 0px 0px 45px;
}

.fce2spaltenMehrEinzug .contentblock {
  margin: 5px 120px 0px 0px;
}

.fce_headline_introtext {
  margin: 0px 96px 40px 0px;
  max-width: 580px;
}

.fce_headline_introtext h1 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  margin: 0 0px 18px 0;
}

.fce_headline_introtext h2 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 26px;
  margin: 0 0px 18px 0;
}

.fce_headline_link h2 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0px 0 8px;
}

.fce_headline_link h1 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin: 0px 100px 18px 0;
}

.fce_headline2_text h2 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0px 0px 8px;
}

.fce_headline_link h2 a {
  color: var(--cd-grey);
  text-decoration: none;
}

.fce_headline_introtext {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  color: #666;
}

.fce_download_img {
  margin: 0 0 6px;
  max-width: 160px;
}

.fce_download_body p {
  line-height: 20px;
}

.fce_download_img img {
  border: 1px solid #cbcbcb;
}

.fce_download_body a {
  color: var(--cd-green);
  text-decoration: underline;
}

.download_hl_close {
  display: none;
}

.x.fce_form_visual {
  position: relative;
  top: 48px;
  right: 40px;
}

.fce_form_visual {
  float: right;
  margin-top: 48px;
  margin-right: 40px;
}

/*
.fce_form_visual .fce_schraff_rot {
	display: none;
}
*/

.fce_form_container_contracts {
  margin-bottom: 45px;
}

.fce_form_inner_container {
  position: relative;
}

.fce_form_visual .fce_form_container {
	max-width: 370px;
	min-width: 301px;
  }
  
  .fce_form_visual .fce_form_inner {
	padding: 20px 12px 20px 12px;
  }

.fce_form_visual .fce_visual_form_box {
  margin-bottom: 0px;
  padding: 10px 12px 14px;
}

.fce_form_visual .fce_visual_form_box h1 {
  color: var(--cd-green);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 14px;
  text-transform: uppercase;
}

.fce_form_visual .form_input_field_liefermenge {
  float: left;
  width: 100%;
}

.fce_form_visual .form_input_field_liefermenge input[type="checkbox"] {
  border: 1px solid #999999 !important;
  border-radius: 0 0 0 0 !important;
  float: left;
  height: 20px !important;
  margin: 2px 4px 0 0 !important;
  width: 20px !important;
}

.fce_form_visual .form_input_label_check {
  color: var(--cd-grey);
  font-size: 12px;
  line-height: 16px;
  margin-top: 0;
}

.fce_form_visual .fce_visual_form_box p {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 24px;
}

.fce_form_container {
  max-width: 560px;
  min-width: 300px;
}

.fce_form_note {
  margin-bottom: 68px;
}

.fce_form_note_outer {
  border: 4px solid var(--cd-green);
  padding: 38px 70px 20px 28px;
}

.fce_form_note_inner h1 {
  color: var(--cd-green);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 28px;
  line-height: 32px;
  margin: 0 0 8px;
}

.fce_form_note_inner p {
  font-size: 12px;
  line-height: 20px;
}

.fce_form_zusatz {
  margin-bottom: 20px;
}

.fce_form_zusatz .pranfrage {
  width: 54px;
  height: 54px;
}

.zusatz_check {
  float: left;
  margin-right: 16px;
  margin-top: 2px;
}

.zusatz_icon {
  background-color: var(--cd-green);
  border-radius: 6px 6px 6px 6px;
  float: left;
  height: 54px;
  margin-bottom: 4px;
  width: 54px;
  float: left;
  margin-right: 20px;
}

.zusatz_content {
  float: left;
  width: 76%;
}

.zusatz_content h4 {
  color: var(--cd-green);
  margin-bottom: 6px;
}

.zusatz_content p {
  font-size: 12px;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
}

.zusatz_check .pranfrage {
  background-image: url(../img/button_rechner.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 54px;
  width: 54px;
}

.fce_form_hl {
  border-top: 1px solid #ccc;
  padding: 10px 0px 14px 2px;
}

.fce_form_hl h4 {
  color: #999;
  font-size: 18px;
  line-height: 18px;
}

.form_outer_border {
  border-color: #f1f1f1 #dfdfdf #bababa #dcdcdc;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.form_inner_border {
  border: 1px solid white;
  background-color: #f8f8f8;
}

.fce_form_inner {
  padding: 20px 29px 20px 12px;
}

.fce_form_box {
  padding: 10px 10px 14px 12px;
  margin-bottom: 20px;
}

.fce_form_box_zusatz {
  padding: 20px 12px 0px;
  margin-bottom: 20px;
  overflow: auto;
}

.erroricon {
  float: left;
  background-image: url(../img/erroricon.png);
  width: 38px;
  height: 37px;
  margin-right: 20px;
}

.errortxt {
  padding-top: 4px;
  float: left;
}

.errortxt p {
  margin-bottom: 8px;
  line-height: 18px;
}

.errortxt ul {
  padding: 0px 0px 0px 15px;
}

.errortxt ul li {
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  list-style-image: url(../img/errorlist.png);
}

.fce_schraff_rot {
  background-image: url(../img/form_schraffur_rot.png);
  background-repeat: repeat;
}

.fce_schraff_blau {
  background-image: url(../img/form_schraffur_blau.png);
  background-repeat: repeat;
}

.fce_schraff_gruen {
  background-image: url(../img/form_schraffur_gruen.png);
  background-repeat: repeat;
}

.fce_schraff_grau {
	background-image: url(../img/form_schraffur_grau.png);
	background-repeat: repeat;
  }
  
.fce_voll_blau {
  background-color: #dfecf3;
  padding: 5px 10px;
  float: right;
  margin-bottom: 0px;
}

.fce_schraff_ohne {
  padding: 10px 10px 14px 12px;
  margin-bottom: 20px;
}

.fce_schraff_ohne_rechner {
  padding: 0px 0px 0px 0px;
}

.form_input_row_anrede {
  padding: 0 0 10px;
}

.form_zusatz_input_row {
  margin-top: 16px;
}

.form_input_col {
  float: left;
  margin-right: 4%;
  min-width: 182px;
}

.form_zusatz_input_col {
  float: left;
  margin-right: 16px;
}

.form_input_col_kunde {
  float: left;
  width: 100%;
}

.form_input_col_anrede {
  float: left;
  margin-right: 10px;
  width: 68px;
}

.form_input_col_aenderung {
  float: left;
  margin-right: 10px;
  width: 110px;
}

.form_input_col_anrede p {
  margin-bottom: 0px;
}

.form_input_col_kunde p {
  margin-bottom: 0px;
}

.form_input_col p {
  margin-bottom: 0px;
}

.form_input_col input[type="radio"] {
  margin-left: -1px;
  background-color: #ffffff !important;
  border: 1px solid #999999 !important;
}

.form_input_col_anrede input[type="radio"] {
  background-color: #ffffff !important;
  border: 1px solid #999999 !important;
}

.form_input_label {
  color: var(--cd-grey);
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 6px;
}

.form_input_field,
.form_input_field_checkbox {
  margin-bottom: 8px;
}

.form_input_label_check {
  color: var(--cd-grey);
  font-size: 13px;
  line-height: 16px;
  float: left;
  margin-top: 0;
}

.form_input_field_prozent input {
  width: 50px;
}

.form_input_field_liefermenge {
  float: left;
  margin-right: 10px;
}

.volllieferung {
  padding-top: 4px;
}

.form_input_field_liefermenge input {
  width: 140px;
  float: left;
}

.form_input_field_liefermenge input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  float: left;
  border: 1px solid #999999 !important;
  border-radius: 0px !important;
  margin: 0px 4px 0px 0px !important;
}

.form_input_field select {
  background-color: #ffffff !important;
  border: 1px solid #999999;
  height: 26px;
  padding: 2px 0 0 3px;
  width: 192px;
}

.form_input {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  line-height: 22px;
  margin: 0 0 7px;
  padding: 0 4px;
  width: 188px;
}

.form_zusatz_input {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  line-height: 22px;
  margin: 0 0 7px;
  padding: 0 4px;
  width: 120px;
}

.zusatz_check input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  float: left;
  border: 1px solid #999999 !important;
  border-radius: 0px !important;
  margin: 0px 0px 0px 0px !important;
}

.form_select {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  line-height: 22px;
  margin: 0 0 12px;
  padding: 0 4px;
  width: 188px;
}

.form_scale_container_rechts {
  position: relative;
}

.form_scale_container_links {
  width: 303px;
  margin: 6px 0px;
  float: left;
}

.form_scale_inner {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

#klammer {
	max-width: 100%;
	margin-bottom: 12px;
  }
  
  img.hgb {
	max-width: 23.8%;
  }
  
.form_scale_teaser {
  background-image: url("../img/scale_teaser.png");
  height: 144px;
  left: 348px;
  margin-top: 45px;
  position: absolute;
  width: 199px;
  z-index: 10000;
}

.form_scale_teaser_anfrage {
  background-image: url("../img/scale_teaser.png");
  height: 144px;
  left: 368px;
  top: 245px;
  position: absolute;
  width: 199px;
  z-index: 10000;
}

.form_visual_scale_teaser {
  background-image: url("../img/scale_teaser.png");
  height: 144px;
  left: 206px;
  margin-top: 45px;
  position: absolute;
  width: 199px;
  z-index: 10000;
}

.teaser_danke {
  position: absolute;
  top: -90px;
  left: 374px;
  z-index: 100;
}

.container_sign_hidden_kunde {
  display: none;
  height: 225px;
}

.container_sign_hidden {
  display: none;
  height: 225px;
}

.recall p {
  margin: 12px 0px 6px;
  line-height: 18px;
}

.spalte2 .fce_benefitbox {
  width: 259px;
  margin-bottom: 50px;
  float: none;
}

.fce_benefitbox {
  width: 259px;
  float: right;
  margin-bottom: 50px;
  margin-left: -10px;
}

.benefitbox_top {
  background-image: url(../img/greenbox_top.png);
  width: 259px;
  height: 4px;
}

.benefitbox_mid {
  background-color: var(--cd-green);
  width: 217px;
  margin-left: 10px;
  padding: 16px 16px;
}

.benefitbox_mid h1 {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin: 0 0 17px;
}

.benefitbox_mid h2 {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.benefitbox_mid p {
  color: #fff;
  line-height: 18px;
  margin-bottom: 6px;
}

.benefitbox_mid ul li {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  padding: 0px 0px 4px;
}

.dotted_line {
  border-top: 1px dotted #fff;
  width: 44px;
}

.benefitbox_bottom {
  background-image: url(../img/greenbox_bottom.png);
  width: 259px;
  height: 26px;
}

.fce_teaserbox {
  width: 227px;
  float: right;
  margin-top: 28px;
  padding: 0px 0px 0px 16px;
}

.fce_teaserbox_img {
  text-align: right;
  margin-bottom: 20px;
  margin-right: -6px;
}

.fce_teaserbox_txt h1 {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.fce_teaserbox_txt p {
  color: #000;
  line-height: 18px;
  margin-bottom: 6px;
}

.fce_teaserbox_txt a {
  color: #000;
  line-height: 18px;
  margin-bottom: 6px;
}

.fce_hl_all_container {
  margin: 0px 0px 0px;
}

.fce_hl_all {
  color: #999999;
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 6px;
}

.toggle_donwload {
  cursor: pointer;
  cursor: hand;
  color: var(--cd-green);
  text-decoration: underline;
  font-size: 12px;
  line-height: 22px;
}

.fce_hl_all_link {
  color: #999999;
  font-size: 10px;
  line-height: 20px;
  margin-bottom: 12px;
  display: none;
  background-image: url("../img/form_schraffur_blau.png");
  padding: 12px 12px;
}

.fce_hl_all_link a {
  color: var(--cd-green);
}

.fce_image {
  margin: 0px 0px 6px;
}

.fce_image img {
  width: 100%;
  height: auto;
}

.fce_image_container,
.fce_teaserplus_container,
.fce_imageplus_container,
.fce_download_container,
.fce_list_container,
.fce_teaserplus_body_container,
.fce_zettel_container {
  margin: 0px 0px 45px 0px;
  /*margin: 30px 0px 45px 0px;*/
}

.wasid .fce_image_container {
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-width: 190px;
}

.fce_imageplus_body p {
  margin-bottom: 6px;
  line-height: 20px;
  font-style: italic;
}

.fce_download_body_container {
  display: block;
}

.fce_teaserplus_body p {
  margin-bottom: 4px;
  line-height: 20px;
  font-style: italic;
}

.fce_teaser_container {
  margin: 6px 0px 12px;
}

.fce_teaser_img img {
  width: 100%;
  height: auto;
}

.fce_linklist_container {
  margin: 20px 0px 30px 0px;
}

.fce_linklist_body ul {
  margin: 0px 0px 20px;
  padding: 3px 0px 0px;
  border-top: 1px solid #dfdfdf;
}

.fce_linklist_body ul li {
  border-bottom: 1px solid #dfdfdf;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  list-style: none outside none;
  margin: 0 0 4px;
  padding: 0 0 8px;
}

.fce_linklist_body ul li a {
  color: #008bce;
}

.fce_list_body ul,
.subtext ul {
  margin: 0px 0px 20px;
  padding: 3px 0px 0px 16px;
  /*	border-top: 1px solid #DFDFDF;
*/
}

.fce_list_body ul li,
.subtext ul li {
  /*	border-bottom: 1px solid #DFDFDF;
*/
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  list-style: none outside none;
  margin: 0 0 4px;
  padding: 0px 0px 0px 0px;
  /*padding: 2px 0px 5px 0px;*/
  list-style-image: url(../img/list.png);
}

.fce_add_container {
  margin: 44px 0px 40px;
  padding: 0px 80px 0px 0px;
}

.fce_add_body p {
  line-height: 20px;
  font-style: italic;
}

.fce_add_body img {
  margin: 6px 0px;
}

.fce_add_bottom {
  background-image: url(../img/marginal_minifooter.png);
  height: 3px;
  width: 73px;
  margin-top: 36px;
}

.fce_bloglink_container {
  background-image: url("../img/blog_schraffur_gruen.png");
  height: auto;
  overflow: auto;
  padding: 12px 20px 10px 12px;
}

.fce_bloglink_icn {
  background-image: url(../img/blogbutton.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0px 12px 0px 0px;
}

.fce_bloglink_txt {
  font-size: 12px;
  line-height: 16px;
  color: var(--cd-green);
  float: left;
  width: 65%;
}

.fce_bloglink_txt a {
  color: var(--cd-green);
  line-height: 20px;
}

.fce_extrainfo_container {
  background-image: url("../img/form_schraffur_blau.png");
  height: auto;
  overflow: auto;
  padding: 12px 12px 10px;
  margin: 0 0 16px;
}

.fce_infolink_container {
  background-image: url("../img/form_schraffur_blau.png");
  height: auto;
  overflow: auto;
  padding: 12px 20px 10px 12px;
}

.fce_infolink_icn {
  background-image: url(../img/infobutton.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0px 12px 0px 0px;
}

.fce_infolink_txt {
  font-size: 12px;
  line-height: 16px;
  color: var(--cd-green);
  float: left;
  width: 65%;
}

.fce_infolink_txt a {
  color: var(--cd-green);
  line-height: 20px;
}

.fce_extrainfo_icn {
  background-image: url(../img/blogbutton.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  float: left;
  margin: 0px 12px 0px 0px;
}

.fce_extrainfo_txt {
  float: left;
  font-size: 12px;
  color: var(--cd-green);
  line-height: 20px;
  width: 100%;
}

.fce_extrainfo_txt p {
  margin: 0 0 0;
}

.fce_extrainfo_txt a {
  color: var(--cd-green);
}

.hvyimp p {
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 6px;
}

.hvyimp img {
  width: auto !important;
}

/* -------------------------------- CO2 RECHNER ------------------------------------ */

.fce_co2_result {
  margin: 15px 0px 0px;
}

.fce_co2_result img {
  width: 100%;
  height: auto;
}

.fce_co2_result_box_links {
  float: left;
  width: 45%;
}

.fce_co2_result_box_rechts {
  float: left;
  width: 47%;
}

.fce_bedarf_result_box_mitte {
  float: left;
  width: 8%;
}

.fce_bedarf_result_box_arrow {
  display: block;
  padding-top: 40px;
}

.fce_bedarf_result_box_arrow_mob {
  display: none;
}

.fce_co2_result_box_links p {
  line-height: 16px;
  margin-bottom: 6px;
}

.fce_co2_result_box_links a {
  color: var(--cd-green);
}

.fce_co2_result_box_rechts p {
  line-height: 16px;
  margin-bottom: 6px;
}

.fce_co2_result_box_rechts a {
  color: var(--cd-green);
}

.greenresult {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 28px;
  line-height: 16px;
  color: var(--cd-green);
  margin: 24px 0px 12px;
}

.fce_co2_rechner_back img {
  max-width: 515px;
  width: 100%;
  height: auto;
}

.fce_co2_rechner_back {
  background-image: url(../img/form_schraffur_gruen.png);
  background-repeat: repeat;
  padding-bottom: 30px;
  position: relative;
}

.fce_co2_rechner_schieber {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* -------------------------------- CO2 RECHNER END ------------------------------------ */

.fce_image img {
  width: 100%;
  max-width: 282px;
}

.fce_table {
  margin: 0px 0px 60px 0px;
}

.fce_table_body_container_pruef ul li {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  list-style: none outside url("../img/list.png");
  margin: 0 0 4px;
  padding: 0;
}

.fce_table_tank {
  margin: 30px 0px 60px 0px;
}

.fce_table_body_container td {
  padding: 4px 0px;
  border-top: 1px solid #7fc5e7;
  line-height: 18px;
}

.fce_table_body_container img {
  width: auto !important;
}

.fce_table_body_container_pruef td {
  padding: 4px 4px 6px 0px;
  border-top: 1px solid #7fc5e7;
  line-height: 18px;
  vertical-align: top;
}

.noborder {
  border-top: none !important;
  padding: 0px 0px 4px !important;
  margin: 0px !important;
}

.cross {
  color: #000;
}

.cross_blue {
  color: var(--cd-green);
}

.fce_table_body_container table {
  border-bottom: 1px solid #7fc5e7;
}

tr,
td,
th {
  vertical-align: middle;
}

.table_small {
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 0;
  margin-top: 6px;
}

.table_back {
  background-image: url(../img/form_schraffur_blau.png);
  background-repeat: repeat;
}

.table_label {
  background-color: var(--cd-green);
  color: #fff;
  border-right: 1px solid #fff;
}

.table_pad {
  padding: 10px !important;
}

.table_pad a {
  color: var(--cd-green);
}

.table_contract_layer {
  background-color: var(--cd-green);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 12px 6px;
}

.table_contract_layer p {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
}

.table_contract_layer a {
  color: #fff;
}

.table_pad_img {
  padding: 0px 2px 0px;
  margin-bottom: 10px;
}

.table_pad_img img {
  max-width: 179px;
  width: 100%;
}

.fce_form_container_contracts {
  max-width: 800px;
  width: 100%;
}

.hvyimp {
  margin-top: 14px;
}

.fce_zettel_container {
  max-width: 300px;
  width: 100%;
}

.fce_zettel_container {
  max-width: 300px;
  width: 100%;
}

.fce_zettel_container img {
  width: 100%;
}

.fce_zettel_oben {
  line-height: 0px;
}

.fce_zettel_unten {
  line-height: 0px;
}

.fce_zettel_mitte {
  background-color: #f2f2f2;
  border-right: 1px solid #e3e3e3;
  width: 84%;
  padding: 10px 15px 0px;
}

.fce_zettel_mitte_notiz {
  background-image: url(../img/zettel_grid.png);
  padding: 8px 10px 20px;
}

.fce_zettel_outer {
  position: relative;
  width: 110%;
}

.fce_zettel_pin {
  background-image: url("../img/zettel_pin.png");
  height: 82px;
  position: absolute;
  right: -34px;
  top: -24px;
  width: 103px;
}

.fce_zettel_mitte_notiz h2 {
  color: #000;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 13px;
}

.fce_zettel_oben_img {
  position: relative;
  z-index: -100;
}

.fce_zettel_oben_txt {
  padding: 0 0 0 25px;
  position: absolute;
  z-index: 0;
  margin-top: -16px;
}

.fce_zettel_oben_txt h3 {
  color: var(--cd-grey);
  font-size: 10px;
  line-height: 10px;
}

.fce_zettel_mitte_notiz ul {
  margin: 0px 0px 20px;
  padding: 3px 0px 0px 14px;
}

.fce_zettel_mitte_notiz ul li {
  list-style: none outside none;
  margin: 0 0 4px;
  padding: 0px 0px 0px 0px;
  /*padding: 2px 0px 5px 0px;*/
  list-style-image: url(../img/green_list.png);
}

.fce_zettel_mitte_notiz ul li a {
  color: #008bd0;
  font-family: "franklin-gothic-urw", Verdana, Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 13px;
  text-transform: uppercase;
  text-decoration: underline;
}

/*
.fce_zettel_mitte_notiz .important {
	color: #000;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
*/
/* -------------------------------- FCEs end ------------------------------------ */

#rootnavi {
  display: none;
}

#subnavigation {
  position: relative;
}

.navi_menu {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 36px;
  width: 100%;
  display: none;
}

.navi_menu_inner_border {
  background-color: white;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.navi_menu_inner {
  margin: 24px 24px 24px;
}

.navi_menu_spalten1und2 {
  float: left;
  width: 66.6666666666%;
}

.navi_menu_spalte3 {
  float: right;
  width: 33.3333333333%;
}

.navi_menu_spalte1 {
  float: left;
  width: 50%;
}

.navi_menu_spalte2 {
  float: right;
  width: 50%;
}

.navi_menu_spalte1 .navi_menu_spalte_inner {
  padding-left: 0px;
}

.navi_menu_spalte2 .navi_menu_spalte_inner {
  padding-left: 12px;
  border-left: 1px dotted #ccc;
  min-height: 180px;
}

.navi_menu_spalte3 .navi_menu_spalte_inner {
  padding-left: 12px;
  border-left: 1px dotted #ccc;
  min-height: 180px;
}

.navi_menu_spalte1 {
  float: left;
}

.navi_menu_headline {
  color: var(--cd-grey);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 19px;
}

.navi_menu_subheadline {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}

.navi_menu_spalte_inner {
  color: #999999;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 17px;
}

.navi_menu_spalte_inner a {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.navi_menu_spalte_inner a:hover {
  text-decoration: underline;
}

.menu_link {
  margin-bottom: 6px;
}

.menu_txt_link {
  margin-bottom: 4px;
}

.menu_txt {
  line-height: 17px;
  margin-bottom: 6px;
}

.menu_link_container {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 15px;
  color: #999;
  padding-right: 30px;
}

.menu_teaser {
  height: 205px;
  position: absolute;
  right: 28px;
  top: 46px;
  width: 268px;
  z-index: 0;
}

.menu_teaser_txt {
  font-size: 11px;
  line-height: 15px;
  position: relative;
  z-index: 1;
}

.menu_teaser_txt_klein {
  color: #999;
  font-size: 8px;
  position: relative;
  top: 116px;
  z-index: 1;
}

#visual {
  position: relative;
  border-top: 1px solid #fff;
}

.vis_mob {
  display: none;
}

#visual img {
  width: 100%;
  height: auto;
}

.layeredContent #visual {
  position: absolute;
}

.layeredContent #visual {
  width: 100%;
}

.layeredContent #inner_container {
  position: relative;
}

.layeredContent #visual_img .cycle-overlay {
	display: none !important;
  }

#visual_alone {
  position: relative;
  border-top: 1px solid #fff;
  z-index: 0;
  margin-bottom: 60px;
  min-height: 600px;
}

#visual_alone #visual_img {
  position: relative;
  z-index: 0;
  min-height: 600px;
}

#visual_alone #visual_img img {
  width: auto;
}

#visual_overlay {
  background-image: url(../img/visual_schraffur.png);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 18px;
}

#visual_img {
  position: relative;
  z-index: 0;
  min-height: 305px;
}

#visual_img img {
  width: 100%;
}

#visual_img.cycle-slideshow div {
  height: 100%;
  width: 100%;
}

#visual_img.cycle-slideshow > div .cycle-overlay {
  top: 70px;
  height: auto;
  padding: 39px 33px 70px 21px;
  position: absolute;
  right: 37px;
  width: 232px;
}

#visual_img.cycle-slideshow > div .cycle-overlay_img {
  bottom: 21px;
  height: auto;
  position: absolute;
  right: 37px;
  text-align: right;
}

#visual_img.cycle-slideshow > div .cycle-overlay h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
}

#visual_img.cycle-slideshow > div .cycle-overlay p {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 12px;
}

#visual_img.cycle-slideshow > div .cycle-overlay_img p {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 29px;
  line-height: 35px;
  margin: 0 0 12px;
}

#visual_img.cycle-slideshow > div .cycle-overlay ul {
  margin-bottom: 0px;
}

#visual_img.cycle-slideshow > div .cycle-overlay ul li {
  margin: 0 0 3px;
}

#visual_img.cycle-slideshow > div .cycle-overlay ul li a {
  font-size: 14px;
  line-height: 20px;
}

#visual_img.cycle-slideshow > div .cycle-overlay .cycle-back {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-color: #fff;
  position: relative;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

#visual_img.cycle-slideshow > div .cycle-overlay .cycle-inner {
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

#visual_img.cycle-slideshow > div .cycle-overlay .cycle-inner ul {
  padding: 0px 0px 0px 0px;
}

#visual_img.cycle-slideshow > div .cycle-overlay .cycle-inner ul li a {
  color: var(--cd-green);
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

#visual_img.cycle-slideshow > div .cycle-overlay .cycle-inner ul li a:hover {
  text-decoration: underline;
}

.overlay_button {
  background-image: url("../img/button_anfrage.png");
  border: 0 none;
  color: #ffffff;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  font-variant: small-caps;
  height: 30px;
  line-height: 20px;
  padding: 0 0 4px;
  text-transform: lowercase;
  width: 187px;
  cursor: pointer;
}

#outer_pager {
  height: 9px;
  position: absolute;
  width: 100%;
  bottom: 8.5%;
  z-index: 3;
}

#visual_img .cycle-pager {
  height: 9px;
  margin-left: auto;
  margin-right: auto;
  min-width: 10px;
  width: 53px;
  /* TODO hier anpassen: anzahl der slides mal breite der pagerbilder */
}

#visual_img .cycle-pager div {
  cursor: pointer;
  background-image: url(../img/pager_inactive.png);
  height: 9px;
  width: 9px;
  float: left;
  margin: 0px 2px 0px;
}

#visual_img .cycle-pager div.cycle-pager-active {
  background-image: url(../img/pager_active.png);
  height: 9px;
  width: 10px;
  margin: 0px 2px 0px;
}

#visual_img .cycle-pager span {
  color: #fff;
  cursor: pointer;
  display: inline;
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
}

#blog {
  margin: 16px 0 0;
  text-align: right;
}

#blog_teaser {
  margin-bottom: 16px;
  margin-right: -10px;
}

#blog p {
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
}

#blog a {
  color: var(--cd-green);
}

#rootnavi {
  display: none;
}

.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  color: #222222;
}

.ui-menu .ui-menu-item a {
  display: block;
  line-height: 1.5;
  padding: 0.2em 0.4em;
  text-decoration: none;
}

.ui-autocomplete {
  z-index: 100 !important;
}

.ui-menu-item {
  font-family: Verdana, Arial, Sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: none repeat scroll 0 0 #e3f1fa !important;
  border-color: #e3f1fa !important;
}

.ui-corner-all {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-menu {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 2px;
}

.ui-autocomplete {
  cursor: default;
  position: absolute;
}

#searchbar {
  display: none;
}

#topnavsearchlabel,
.mainbutton,
.subbutton,
.rootnavibutton,
.navibutton {
  cursor: pointer;
  cursor: hand;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-x: hidden;
}

.ui-helper-hidden-accessible {
  display: none;
}

/* -------------------------------- Root Navi ------------------------------------ */
#rootnavi {
  background-image: url("../img/topnav_fill_grau.png");
  background-repeat: repeat-x;
}

#nav_r0 {
  float: left;
  gl-width: 25%;
}

#nav_r1 {
  float: right;
}

#searchform {
  float: left;
}

#topnavsearchlabel {
  float: right;
}

#topnavsearch {
  float: right;
}

.inactive_rootnavi .buttonlabel {
  color: #000000;
}

.active_rootnavi .buttonlabel {
  color: var(--cd-green);
}

.active_rootnavi .firstbutton .left_buttonpart {
  background-image: url("../img/topnav_button_links_grau.png");
  width: 3px;
}

.active_rootnavi .firstbutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.active_rootnavi .lastbutton .right_buttonpart {
  background-image: url("../img/topnav_button_rechts_grau.png");
  width: 3px;
}

.inactive_rootnavi .lastbutton .right_buttonpart {
  background-image: url("../img/topnav_button_rechts_grau.png");
  width: 3px;
}

.inactive_rootnavi .firstbutton .left_buttonpart {
  background-image: url("../img/topnav_button_links_grau.png");
  width: 3px;
}

.inactive_rootnavi .rootnavibutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.inactive_rootnavi .firstbutton {
  background-image: url("../img/topnav_fill_grau.png");
}

.active_rootnavi .right_buttonpart {
  width: 0px;
}

.inactive_rootnavi .right_buttonpart {
  width: 0px;
}

.homebutton {
  height: 26px;
  display: table-cell;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 9px;
}

/*
.active_rootnavi .right_buttonpart {
	background-image: url("../img/topnav_trenner_blau.png");
	width: 3px;
}
.inactive_rootnavi .right_buttonpart {
	background-image: url("../img/topnav_trenner_grau.png");
	width: 3px;
}
*/

.lastsubnavi {
  float: right;
}

#teaser {
  width: 100%;
  position: relative;
  left: 0px;
  z-index: 1;
}

#teaser_container {
  background-image: url(../img/visual_schraffur.png);
  padding: 30px 30px 0;
}

.teaser {
  border: 3px solid #ffffff;
  border-radius: 3px 3px 3px 3px;
  float: left;
  max-width: 257px;
  margin-bottom: 30px;
}

.teaser img {
  width: 100%;
  max-width: 257px;
}

.teaser_sep {
  background-color: #ffffff;
  float: left;
  height: 180px;
  margin: 0 17px;
  width: 1px;
}

#sidebar {
  position: relative;
}

.sp_links {
  float: left;
  clear: left;
  width: 54px;
  margin-right: 6px;
}

.sp_rechts {
  float: left;
  width: 248px;
  padding-top: 30px;
}

.box_title {
  float: left;
  margin-bottom: 13px;
  padding-right: 20px;
}

#ansprechpartner .box_title {
  margin-bottom: 10px;
}

#preisanfrage .box_title {
  margin-bottom: 18px;
}

.ansprech_hidden {
  display: none;
}

.ansprech_img {
  margin: 0px 0px 6px;
}

.ansprech_img img {
  width: 190px !important;
}

.ansprech_mail {
  margin: 4px 0px 0px;
}

.ansprech_mail a {
  font-size: 12px;
  line-height: 18px;
  color: var(--cd-green);
  text-decoration: none;
}

.box_title a {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--cd-green);
  text-decoration: none;
}

.box_subtitle {
  font-size: 10px;
  line-height: 10px;
  color: var(--cd-grey);
  margin-bottom: 6px;
}

.box_date {
  margin-bottom: 0px;
  font-size: 8px;
  line-height: 8px;
  text-transform: uppercase;
  color: #666;
  margin-right: 4px;
}

.box_preistrend_container {
  margin: 11px 0 7px -2px;
}

#pricetrend_row {
  margin: 0px 0px 12px;
}

.box_preistrend {
  margin-bottom: 13px;
}

.box_preistrend_trenner {
  width: 56px;
  height: 1px;
  background-color: #c6c6c6;
}

.box_preistrend_trend {
  float: left;
  text-align: center;
  width: 54px;
}

.box_preistrend_trend_status {
  margin-bottom: 4px;
}

.box_preistrend_percentage {
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
}

.box_preistrend_trend p {
  color: #666 !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: normal;
  line-height: 17px !important;
  margin-bottom: 5px !important;
}

.box_preistrend_trend_trenner {
  background-image: url(../img/trend_trenner.png);
  width: 1px;
  height: 41px;
  float: left;
  margin: 28px 9px 0px;
}

.box_content select {
  background-color: #ffffff !important;
  border: 1px solid #999999;
  height: 26px;
  padding: 1px 0 0 3px;
  width: 201px;
}

.box_content {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 12px;
  color: #000;
}

.box_content ul li {
  font-size: 12px;
  line-height: 14px;
}

.box_content ul li a {
  color: var(--cd-green);
  text-decoration: none;
}

.box_input {
  margin-top: 3px;
}

.rueckruf {
  display: none;
  height: 100%;
  min-height: 100%;
}

.rueckruf.box_content {
  display: none;
}

.bluebutton {
  cursor: pointer;
}

.bluebutton_left {
  background-image: url("../img/greenbutton_left.png");
  height: 30px;
  width: 3px;
  float: left;
}

.bluebutton_mid {
  background-image: url("../img/greenbutton_fill.png");
  height: 30px;
  float: left;
  min-width: 120px;
}

.bluebutton_right {
  background-image: url("../img/greenbutton_right.png");
  height: 30px;
  width: 3px;
  float: left;
}

.bluebutton_label {
  background-image: url("../img/greenbutton_mid.png");
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 19px;
  line-height: 29px;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  padding: 0px 3px;
  height: 30px;
}

.bluebutton_label a {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 19px;
  color: #ffffff;
  text-decoration: none;
}

.entwicklung_title {
  line-height: 8px;
}

.kontakt_title {
  margin-bottom: 12px;
}

.user_keap_pi_email a {
  color: var(--cd-green);
  text-decoration: none;
}

.box_close {
  background-image: url(../img/close.png);
  width: 16px;
  height: 16px;
  float: right;
  display: block;
  cursor: pointer;
  margin-right: 2px;
}

.box_tel {
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 2px;
}

.box_mobtel {
  font-size: 12px;
  line-height: 18px;
  margin: 0px 0px 2px 0px;
}

.box_mail a {
  font-size: 12px;
  line-height: 18px;
  color: var(--cd-green);
  text-decoration: none;
}

.box_plz_behaelter,
.box_plz {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  margin: 0 0 10px;
  padding: 0 4px;
  width: 188px;
}

.box_vorwahl {
  float: left;
  width: 60px;
  margin: 0 30px 10px 0;
}

.box_vorwahl_input {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  padding: 0 4px;
  width: 60px;
}

.box_telefon {
  float: left;
  width: 99px;
  margin: 0 0 10px;
}

.box_telefon_input {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  padding: 0 4px;
  width: 99px;
}

.box_menge {
  color: var(--cd-grey);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 21px;
  margin: 0 0 12px;
  padding: 3px 0 0 2px;
  width: 188px;
}

#rueckrufservice {
  margin: 8px 0px 8px;
}

#rueckrufservice .box_title {
  margin-bottom: 0px;
}

#rueckrufservice .contentblock {
  margin: 10px 8px;
}

#ansprechpartner .contentblock {
  margin: 10px 8px 12px;
}

.mbox_big .contentblock {
  margin: 16px 8px 14px;
}

.borderbox {
  width: 54px;
  height: 54px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
  margin-bottom: 4px;
}

.entwicklung {
  background-image: url(../img/button_entwicklung.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.prentwicklung {
  background-image: url(../img/button_entwicklung.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
}

.pranfrage {
  background-image: url(../img/button_rechner.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.newsletter {
  background-image: url(../img/button_newsletter.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
}

.wecker {
  background-image: url(../img/button_wecker.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
}

.kontakt {
  background-image: url(../img/button_kontakt.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.whatsapp {
  background-image: url(../img/button_whatsapp.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.ansprech {
  background-image: url(../img/button_ansprech.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.brechner {
  background-image: url(../img/button_rechner.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.heizoel {
  background-image: url(../img/car_logo_heizoel_sw.png);
  background-repeat: no-repeat;
  display: block;
  width: 62px;
  height: 22px;
}

.space {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
}

.heizoel:hover {
  background-image: url(../img/car_logo_heizoel.png);
}

.erdgas {
  background-image: url(../img/car_logo_erdgas_sw.png);
  background-repeat: no-repeat;
  display: block;
  width: 62px;
  height: 22px;
}

.erdgas:hover {
  background-image: url(../img/car_logo_erdgas.png);
}

.pellets {
  background-image: url(../img/car_logo_pellets_sw.png);
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  width: 104px;
  height: 22px;
}

.pellets:hover {
  background-image: url(../img/car_logo_pellets.png);
}

.flaschengas {
  background-image: url(../img/car_logo_flaschengas_sw.png);
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  width: 111px;
  height: 22px;
}

.flaschengas:hover {
  background-image: url(../img/car_logo_flaschengas.png);
}

.inactive_margnavi .borderbox {
  background-color: var(--cd-green);
}

.active_margnavi .borderbox {
  background-color: var(--cd-green);
  /*#CCC*/
}

.topnav_hl_link {
  display: none;
}

#mob_dienstleistung {
  display: none;
}

.important {
  background-color: #ffe07f;
  color: #000;
  margin: 0 0 3px;
  padding: 2px 3px;
}

#content p a {
	color: var(--cd-green);
}

.steps_container,
.steps_container_uebersicht {
  background-image: url(../img/form_schraffur_blau.png);
  background-repeat: repeat;
  padding: 22px 0px 22px;
}

.steps_container_uebersicht {
  background-image: url(../img/form_schraffur_blau.png);
  background-repeat: repeat;
  padding: 12px 12px 0px;
}

.steps_container_ohne {
  background-repeat: repeat;
}

.steps_container_ohne .steps_column {
  float: left;
  width: 175px;
  margin: 0px 12px 0px 0px;
}

.steps_container_uebersicht .steps_column {
  float: left;
  width: 100%;
  margin: 0px 0px 24px;
  border-bottom: 1px solid #fff;
  padding: 0px 0px 12px;
}

.steps_container_uebersicht .steps_column .steps_image {
  float: left;
  margin-right: 18px;
  width: 174px;
}

.steps_container_uebersicht .steps_column .steps_image img {
  margin-bottom: 0px;
}

.steps_container_uebersicht .steps_column .steps_body_container {
  float: left;
}

.steps_column {
  float: left;
  width: 163px;
  margin: 0px 12px 0px;
}

.steps_column ul li a {
  color: var(--cd-green);
}

.steps_image img {
  width: 100%;
  margin-bottom: 20px;
}

.steps_sep {
  width: 22px;
  float: left;
  height: 20px;
}

.steps_image_einfach {
  margin-bottom: 20px;
}

.steps_image_einfach img {
  max-width: 135px;
}

/* --------------------------------  WEICHEN -------------------------------------- */
@media only screen and (max-width: 1023px) {
	.struct_inner_container,
	.cp_reframeoverwidth { 
    margin-left: 2%;
    margin-right: 2%;
  }

  /*
.struct_outer_container {
	overflow: hidden;
}
*/
  #jsbridgeMobile {
    display: none;
    width: 0px;
  }

  .form_visual_scale_teaser {
    display: none;
  }

  .steps_container {
    margin: 0 80px 0 0;
    padding: 12px 24px 0 0;
  }

  .steps_column {
    width: 100%;
    margin-bottom: 20px;
  }

  .steps_image img {
    max-width: 400px;
  }

  .steps_container_uebersicht .steps_column {
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
  }

  .steps_container_uebersicht .steps_column .steps_image {
    float: left;
    margin-right: 0px;
    margin-bottom: 16px;
    width: 100%;
  }

  .steps_sep {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  #visual_img {
    min-height: 0px !important;
  }

  #topmarginal_lost {
    display: none;
  }

  .struct_marginal_rest_lost {
    margin-right: 0px;
  }

  .spalte1,
  .spalte2 {
    float: none;
    width: 100%;
  }

  .navi_menu_spalte3 {
    display: none;
  }

  .navi_menu_spalten1und2 {
    width: 100%;
  }

  #rootnavi {
    display: block;
  }

  #linkfooter_logo {
    border-bottom: 1px solid #88c670;
    border-right: medium none;
    float: right;
    margin-bottom: 14px;
    padding-bottom: 34px;
    padding-right: 0;
    text-align: right;
    width: 100%;
  }

  #linkfooter_morelogos {
    float: right;
    margin: 0px;
    text-align: center;
  }

  .fce_hl_all {
    display: none;
  }

  .fce_hl_all_link {
    display: block;
  }

  .fce_imageplus_container .fce_hl_all {
    display: block;
  }

  .fce_list_container .fce_hl_all {
    display: block;
  }

  .fce_download_body_container {
    display: none;
  }

  .fce_add_top,
  .fce_add_bottom {
    display: none;
  }

  .fce_add_body {
    display: none;
    margin-top: 12px;
  }

  .fce_add_container {
    margin: 0px 0px 20px;
  }

  #add_hl_open {
    display: none;
  }

  #add_hl_close {
    display: inline;
  }

  #add_hl_close a {
    color: #008bce;
    font-family: franklin-gothic-urw;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
  }

  .fce_bloglink_icn {
    margin: 0px 20px 0px 0px;
  }

  .fce_zettel_mitte {
    width: 85%;
  }
}

@media only screen and (max-width: 800px) {
  .fce_linklist_container {
    margin: 20px 20px 30px 0px;
  }

  #linkfooter_spalten {
    width: 50%;
  }

  .linkfooterspalte {
    width: 100%;
    float: none;
  }

  #linkfooter_morelogos {
    float: right;
    margin: 18px 0 0;
    text-align: center;
  }

  #logo_tuev {
    float: none;
    margin-right: 0px;
  }

  #logo_tuev_cert {
    float: none;
  }

  .dash {
    display: none;
  }

  #search {
    width: 200px;
  }

  .struct_marginal {
    width: 308px;
  }

  .navi_menu_spalte1,
  .navi_menu_spalte2 {
    float: none;
    width: 100%;
    min-height: 90%;
  }

  .navi_menu_spalte2 .navi_menu_spalte_inner {
    border: none;
    padding: 0px;
  }

  .pagefooter_spalte_headline {
    text-align: left;
  }

  #pagefooter_spalte_1 {
    width: 100%;
    margin-bottom: 10px;
  }

  #pagefooter_spalte_2 {
    width: 100%;
    margin-bottom: 30px;
  }

  .pagefooterspalte_form {
    float: left;
    width: auto;
  }

  .pagefooter_spalte_headline_right p {
    text-align: left;
  }

  .input_mail {
  }

  .mailbox_outer_border_grey {
    width: 100%;
  }

  .teaser {
    width: 100%;
    max-width: 100%;
  }

  .teaser img {
    width: 100%;
    max-width: 100%;
  }

  .teaser_sep {
    display: none;
  }

  #visual_img .cycle-back,
  #visual_img .cycle-inner {
    display: none;
  }

  #visual_img.cycle-slideshow > div .cycle-overlay {
    display: none;
  }

  #topnav_03 .topnav_hl {
    display: none;
  }

  .fce_zettel_mitte {
    width: 85%;
  }
}

@media only screen and (max-width: 660px) {
  .zusatz_content {
    margin-left: 36px;
    margin-top: 4px;
  }

  .fce_form_zusatz {
    margin-bottom: 26px;
  }
}

@media only screen and (max-width: 3px) {
  .vis_normal {
    display: none;
  }

  .vis_mob {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .table_contract_layer p {
    font-size: 12px;
    line-height: 14px;
  }

  #txtlogo,
  #logonav_img {
    display: none;
  }

  #logonav_txt {
    display: inline;
  }

  .pagefooter_spalte_intro ul {
    margin-bottom: 12px;
    height: auto;
  }

  .pagefooter_spalte_intro ul li {
    display: block;
  }

  .li_dots {
    display: none !important;
  }

  .struct_marginal_rest {
    padding-top: 40px;
  }

  .contentblock {
    margin: 5px 0 0;
  }

  .layeredContent #visual {
    position: relative;
  }

  .fce_form_visual {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-top: 48px;
  }

  .fce_form_visual .fce_form_container {
    max-width: none;
  }

  #topnav_02 {
    width: 100%;
  }

  .topnavtrenner_links,
  .topnavtrenner_mitte,
  .topnavtrenner_rechts {
    display: none;
  }

  .topnav_hl {
    padding: 12px 0px 0;
  }

  .tel {
    padding: 4px 0px 0;
  }

  #carousel {
    padding: 12px 0px 0;
  }

  #carousel {
    display: none;
  }

  .topnav_hl_ohne {
    display: none;
  }

  .topnav_hl_link {
    padding: 12px 0px 0;
    display: block;
    text-decoration: underline;
  }

  .form_scale_teaser {
    display: none;
  }

  .form_scale_teaser_anfrage {
    display: none;
  }

  #slideshow {
    width: 92%;
  }

  #jsbridgeMobile {
    display: none;
    width: 1px;
  }

  .struct_marginal {
    width: auto;
  }

  #topnav_01 {
    width: 100%;
  }

  #heizen,
  #pkw,
  #industrie {
    padding-top: 10px;
  }

  .linkfooter_spalte_headline_closed {
    display: inline;
  }

  #mob_dienstleistung {
    display: inline;
  }

  #mob_dienstleistung p {
    color: #fff;
  }

  .linkfooter_spalte_headline_open {
    display: none;
  }

  .linkfooter_spalte_body {
    display: none;
    margin-bottom: 60px;
  }

  #linkfooter_spalten {
    width: 100%;
    margin-bottom: 120px;
  }

  #linkfooter_morelogos {
    float: left;
    margin: 0px 0 0;
    text-align: center;
  }

  #logo_tuev {
    float: left;
    margin-right: 20px;
  }

  #logo_tuev_cert {
    float: left;
  }

  #search {
    width: 120px;
  }

  .struct_marginal,
  .struct_marginal_rest,
  .struct_marginal_rest_lost {
    float: none;
    width: 100%;
  }

  #pagefooter {
    padding: 30px 0px 0px;
  }

  #pagefooter_spalte_1,
  #pagefooter_spalte_2,
  #pagefooter_spalte_3 {
    width: 100%;
    margin-top: 0px;
  }

  .pagefooter_spalte_split {
    margin-right: 40px;
    margin-left: 0px;
  }

  #blog_text {
    display: none;
  }

  .fce_headline_introtext {
    margin-bottom: 32px;
    margin-right: 0px;
  }

  .linkfooterspalte {
    margin: 0 18px 0px 0;
  }

  #brandlogo {
    border-right: none;
    padding-right: 0px;
    text-align: right;
  }

  /*
#brandlogo img {
	width: 90%;
}
*/
  .download_hl_open {
    display: none;
  }

  .fce_downloadheader h3 {
    display: inline;
  }

  .fce_download_body_container {
    margin-top: 12px;
  }

  .fce_downloadheader h3 {
    display: inline;
  }

  #teaser {
    bottom: 0;
  }

  #carousel {
    width: 100%;
  }

  .navi_menu_headline {
    margin-bottom: 0px;
    line-height: 26px;
  }

  .struct_marginal {
    position: relative;
  }

  .sp_links {
    float: left;
    clear: none;
    width: 25%;
    margin-right: 0px;
  }

  .sp_rechts {
    width: 100%;
    float: none;
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0px;
    padding-top: 0px;
  }

  .borderbox {
    width: 95%;
    margin-right: 2.5%;
    margin-left: 2.5%;
  }

  .mbox_big {
    float: left;
    width: 25%;
  }

  /*
#sitelogo {
	display: none;
}
*/
  #brandlogo {
    display: none;
  }

  #visual_img .cycle-slideshow > div .cycle-overlay {
    display: none;
  }

  .form_scale_container_links {
    width: 100%;
  }

  .fce_co2_result_box_links {
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
  }

  .fce_co2_result_box_rechts {
    width: 100%;
    text-align: center;
  }

  .fce_bedarf_result_box_arrow {
    display: none;
  }

  .fce_bedarf_result_box_mitte {
    width: 100%;
    text-align: center;
  }

  .fce_bedarf_result_box_arrow_mob {
    display: block;
  }

  .greenresult {
    margin: 12px 0 12px;
  }

  .fce_teaserplus_container,
  .fce_imageplus_container,
  .fce_download_container,
  .fce_list_container,
  .fce_teaserplus_body_container,
  .fce_zettel_container {
    max-width: 280px;
  }

  .fce2spaltenMehrEinzug .contentblock {
    margin: 5px 0px 0 0;
  }

  .fce_linklist_body ul {
    border-top: 1px solid #dfdfdf;
    margin: 0 0 0px;
    padding: 3px 0 0;
  }

  .spalte1 .fce_linklist_container {
    margin: 20px 20px 0px 0;
  }

  .spalte2 .fce_linklist_container {
    margin: 0px 20px 30px 0;
  }

  .spalte2 .fce_linklist_body ul {
    border-top: none;
    margin: 0;
    padding: 3px 0 0;
  }

  .table_small {
    font-size: 8px;
    line-height: 12px !important;
    margin-bottom: 0;
    margin-top: 6px;
  }
}

/* hier nur die Styles für die navi */
@media only screen and (max-width: 900px) {
  #jsbridgeNavi {
    display: none;
    width: 1px;
  }

  #subnavigation {
    display: none;
  }

  .navielement {
    float: none;
  }

  .navibutton {
    width: 100%;
  }

  .active_navi .left_buttonpart {
    background-image: url("../img/topnav_button_links_grau.png");
    width: 3px;
  }

  .active_navi .navibutton {
    background-image: url("../img/topnav_fill_grau.png");
  }

  .active_navi .right_buttonpart {
    background-image: url("../img/topnav_button_rechts_grau.png");
    width: 3px;
  }

  .inactive_navi .left_buttonpart {
    background-image: url("../img/topnav_button_links_grau.png");
    width: 3px;
  }

  .inactive_navi .navibutton {
    background-image: url("../img/topnav_fill_grau.png");
  }

  .inactive_navi .right_buttonpart {
    background-image: url("../img/topnav_button_rechts_grau.png");
    width: 3px;
  }

  .navi_menu {
    position: relative;
    top: 0px;
    left: 0px;
  }

  .navi_menu_inner {
    margin: 28px 14px 0px;
  }

  .navi_menu_spalte1,
  .navi_menu_spalte2 {
    margin-top: 20px;
  }

  #nav_b99 {
    display: none;
  }

  .fce_add_container {
    padding: 0 240px 0 0;
  }
}

#overall {
  position: relative;
}

#contentback div {
  z-index: -1000;
}

#logo_nav_container {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  color: var(--cd-grey);
  font-family: franklin-gothic-urw;
  font-weight: 700;
}

#logo_nav_container a {
  color: inherit;
  text-decoration: none;
}

.ribbon {
  position: absolute;
  width: 337px;
  height: 237px;
  bottom: -160px;
  right: -70px;
  background-image: url(../img/icon_blue_ribbon.png);
  z-index: 1;
}

@media only screen and (max-width: 1023px) {
  .ribbon {
    right: -18px;
  }
}

.ribbon_inner {
  margin: 20px;
  height: 70px;
  color: white;
}

.ribbon_inner .upper {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 2px;
}

.ribbon_inner .lower {
  font-size: 22px;
  line-height: 24px;
}

.ribbon_inner a {
  color: inherit;
  text-decoration: underline;
}

.ribbon_inner p {
  margin: 0px;
}

.ribbon_inner p a {
  color: inherit;
  text-decoration: underline;
}

#subnav_container {
  position: relative;
  z-index: 2;
}

.subnav_neo {
  border-bottom: 1px solid #999999;
  margin-bottom: 6px;
}

.sub_sublogo {
  float: left;
  margin-left: -2px;
  margin-bottom: 6px;
}

.sub_subnavi {
  margin-top: 24px;
  float: right;
}

.bluebox {
  margin-right: 120px;
  min-width: 260px;
}

.bluebox_headline {
  padding: 10px 0 14px 2px;
}

.bluebox h2 {
  color: #999999;
  font-size: 18px;
  line-height: 18px;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
}

.bluebox h4 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 8px;
  text-transform: none;
}

.bluebox_body {
  background-image: url("../img/form_schraffur_blau.png");
  background-repeat: repeat;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.energieart {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
  margin-bottom: 12px;
}

.energieart_img {
  position: relative;
  float: left;
  margin-right: 12px;
  width: 174px;
  margin-bottom: 12px;
  max-width: 285px;
}

.energieart_overlay {
  color: white;
  position: absolute;
  z-index: 1;
  bottom: 15px;
  left: 15px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .energieart_overlay {
    font-size: 24px;
    line-height: 30px;
  }
}

.bluebox_headline {
  display: none;
}

.energieart_img img {
  width: 100%;
  height: auto;
}

.energieart_body {
  float: left;
  width: 260px;
}

a.energieart_link {
  color: var(--cd-green);
}

.crosselling {
  margin-left: -18px;
  margin-right: -18px;
  margin-top: 48px;
  padding-bottom: 100px;
}

.crossell_row {
  float: left;
  padding-left: 18px;
  padding-right: 18px;
}

.crosselling_inner {
  width: 282px;
}

.crossell_sep_12,
.crossell_sep_23 {
  width: 1px;
  height: 400px;
  background-color: #cccccc;
  float: left;
}

.crossell_image img {
  xwidth: 100%;
}

.crossell_hl {
  color: #999999;
  font-size: 18px;
  line-height: 20px;
  padding: 32px 0 16px 0px;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
}

.crossell_buttonlink .search_mbox_button_grey {
  float: left;
  color: black;
  margin-left: 0px;
}

.steps_container_uebersicht {
  min-width: 266px;
}

.crossell_row {
  min-width: 277px;
}

.icon_news {
  position: absolute;
  z-index: 100;
  right: -70px;
  top: -120px;
}

.crosselling {
  width: 958px;
}

@media only screen and (max-width: 1023px) {
  .energieart,
  .energieart_img,
  .energieart_body {
    width: 100%;
  }

  .icon_news {
    right: 3px;
  }
}

@media only screen and (max-width: 1023px) {
  .crosselling {
    width: auto;
  }

  .crossell_row3,
  .crossell_sep_23 {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  #visual img {
    width: auto !important;
    height: 375px !important;
    margin-left: -450px;
  }

  #visual_img img {
    width: auto !important;
    height: 375px !important;
    margin-left: -450px;
  }

  #visual_img .cycle-slide img {
    margin-left: 0px !important;
  }

  #visual img.pager {
    width: 20px !important;
    height: 36px !important;
    margin-left: 0px !important;
  }

  .ribbon {
    display: none;
  }

  #visual,
  .hp_slide {
    width: 100%;
    overflow: hidden;
  }

  .bluebox {
    margin-right: 0px;
  }

  .crossell_row {
    width: 100%;
    margin-bottom: 96px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .crossell_sep_12,
  .crossell_sep_23 {
    display: none;
  }

  .crossell_row3 {
    display: block;
  }

  .crosselling {
    margin-left: 0px;
    margin-right: 0px;
  }

  .crosselling_inner {
    padding-right: 96px;
  }
}

@media only screen and (max-width: 440px) {
  .crossell_row {
    width: 100%;
  }

  .crosselling_inner {
    padding-right: 0px;
    width: 100%;
  }

  .crossell_image {
    width: 100%;
  }

  .crossell_image img {
    width: 100%;
  }
}

.gl_pager_left {
  left: 0;
}

.gl_pager_right {
  right: 0;
}

.gl_pager_left,
.gl_pager_right {
  background-color: var(--cd-green);
  color: white;
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  /*   top: 257px; */
  z-index: 1;
}

#outer_pager {
  display: none;
}

#linkfooter_morelogos,
#topnavsearchactlabel,
#topnavsearch,
#searchform,
.navibutton .search_mbox_button_grey,
#searchbar {
  display: none !important;
}

.search_mbox_button_grey a {
	text-decoration: none;
  }
  
  .frame-type-menu_sitemap ul {
	margin-left: 10px;
  }
  
  .frame-type-menu_sitemap ul li {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  list-style: none outside url("../img/list.png");
  margin: 0 0 4px;
  padding: 0;
}

#c19468 ul {
  margin: 0px 0px 20px;
  padding: 3px 0px 0px 16px;
  padding-bottom: 10px;
}

#c19468 ul li {
  /*	border-bottom: 1px solid #DFDFDF;
*/
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  list-style: none outside none;
  margin: 0 0 4px;
  padding: 0px 0px 0px 0px;
  /*padding: 2px 0px 5px 0px;*/
  list-style-image: url(../img/list.png);
}

#c19468 b {
  font-weight: bold;
}

.tx-felogin-pi1 {
  display: inline-block;
  /*    max-width: 258px; */
  margin-bottom: 24px;
}

.tx-felogin-pi1 h3 {
  color: #666;
  font-family: "franklin-gothic-urw", Verdana, Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.tx-felogin-pi1 .fce_form_inner .statusmessage {
  margin-bottom: 12px;
}

#marg_gas {
  background-color: #ffffff !important;
  height: 26px;
  width: 201px;
  color: var(--cd-grey);
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 28px;
  line-height: 22px;
  margin: 0 0 7px;
  padding: 1px 0 0 3px;
}

.edit_stelle_0,
.edit_stelle_1 {
  padding-left: 4px;
  margin: 0 0 12px 2px;
}

.edit_stelle_0 a,
.edit_stelle_1 a {
  text-decoration: none;
}

.edit_stelle_0 {
  border-left: 4px solid yellow;
}

.edit_stelle_1 {
  border-left: 4px solid green;
}

#karriere_edit_form .form_input_row,
#karriere_edit_form .form_input_col,
#karriere_edit_form .form_input_field,
#karriere_edit_form .form_input_field input {
  width: 100%;
  box-sizing: border-box;
}

#karriere_edit_form .form_input_field input {
  box-sizing: content-box;
}

#karriere_edit_form .form_input_row {
  margin-bottom: 12px;
}

b {
  font-weight: bold;
}

.infobubble {
  display: none;
  position: absolute;
  width: 292px;
  z-index: 4;
}

.infobubble_header {
  background-image: url("/fileadmin/templates/img/bubble_top.png");
  background-repeat: no-repeat;
  display: block;
  height: 12px;
}

.infobubble_content {
  background-image: url("/fileadmin/templates/img/bubble_middle.png");
  background-repeat: repeat-y;
  display: block;
  min-height: 80px;
  padding: 10px 20px 5px 24px;
}

.infobubble_footer {
  background-image: url("/fileadmin/templates/img/bubble_bottom.png");
  background-repeat: no-repeat;
  display: block;
  height: 33px;
}

.rightalign .infobubble_footer {
  background-image: url("/fileadmin/templates/img/bubble_bottom_r.png");
}

.infoicon {
  margin-left: 2px;
  vertical-align: text-top;
}

#linkfooter,
#linkfooter h3,
#linkfooter a {
  color: white;
}

#linkfooter a {
  text-decoration: none;
}

.linkfooterspalte {
  width: 140px;
  margin-right: 20px;
}

.linkfooterspalte h3 {
  height: 45px;
  border-right: 1px dotted white;
  padding-right: 10px;
}

/* ------------------- FOR COUNTERPART DESIGN - OVERRIDES -------------------- */
#back_privat {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_5.jpg");
  background-size: cover;
}

#back_privat div {
  display: none !important;
}

#back_privat div#shadow_outer_container,
#back_privat div#shadow_links,
#back_privat div#shadow_rechts {
  display: block !important;
}

@media (min-width: 1024px) {
  .topnav_hl {
    padding-right: 0;
  }
}

#brandlogo {
  display: none !important;
}

#navigation div {
  background-image: none !important;
}

#navigation .buttonlabel {
  color: #5aaf21;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  padding: 0 27px 5px 0;
}

#navigation .left_buttonpart,
#navigation .right_buttonpart {
  display: none !important;
}

.navi_menu {
  display: none !important;
}

XXX#subnav {
  display: none !important;
}

XXX#navigation {
  border-bottom: 1px solid #707070;
}

XX#visual {
  display: none !important;
}

#main_contentarea,
#main_contentarea_full {
  padding-top: 0;
}

#topmarginal {
  margin-top: 0;
}

#content {
  margin-top: 36px;
}

#content #topmarginal::after {
  content: "";
  clear: both;
  display: table;
}

#pagefooter {
  display: none;
}

#linkfooter {
  display: none;
}

#overall:not(.overwidth) #inner_container {
  padding-bottom: 50px;
}

#shadow_outer_container {
  background-color: white;
}

/* ------------------- FOR COUNTERPART DESIGN - FOOTER -------------------- */

#cp_footer a {
  color: inherit;
  text-decoration: none;
}

#cp_footer {
  color: white;
  position: fixed;
  z-index: 19000;
  bottom: 0px;
  width: 100%;
  pointer-events: none;
}

#cp_footer_inner {
  pointer-events: all;
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
}

#cp_footer.cp_nomobile #cp_footer_inner {
  width: 812px;
  height: 594px;
  background-image: url(../img_cp/footerback_nf_a@2x.png);
  max-width: 100%;
  background-position: center;
}

#cp_footer.cp_mobile #cp_footer_inner {
  width: 419px;
  height: 680px;
  background-image: url(../img_cp/footerback_mob_a@2x.png);
  background-position: center top;
}

.cp_footer_toggle {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center 15px;
  background-image: url(../img_cp/menu_toggle_down@2x.png);
  background-size: 24px 6px;
  cursor: pointer;
}

#cp_footer.hidden .cp_footer_toggle {
  background-image: url(../img_cp/menu_toggle_up@2x.png);
  background-size: 24px 6px;
}

#cp_footer.cp_mobile .cp_footer_toggle {
  width: 400px;
  margin-left: -200px;
  height: 50px;
  background-image: url(../img_cp/menu_toggle_mob@2x.png);
  background-size: 29px 8px;
  background-position: center 13px;
}

#cp_footer h4 {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-transform: none;
}

.cp_footer_content {
  margin-top: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: lighter;
  font-size: 12px;
  line-height: 18px;
}

.cp_footer_content_main {
}

.cp_footer_content_sub {
  line-height: 25px;
}

#cp_footer_kontakt {
  position: absolute;
  top: 44px;
  left: 20px;
}

#cp_footer #cp_footer_kontakt .cp_footer_content {
  margin-top: 14px;
}

#cp_footer.cp_mobile #cp_footer_kontakt {
  top: 39px;
  left: 40px;
}

#cp_footer #cp_footer_kontakt h4 {
  transition: margin-left 0.1s;
  text-align: left;
}

#cp_footer.cp_mobile.hidden #cp_footer_kontakt h4 {
  width: 100%;
  text-align: center;
  left: 0px;
}

#cp_footer.cp_mobile #cp_footer_kontakt .cp_footer_content {
  margin-top: 13px;
  font-size: 14px;
  line-height: 20px;
}

#cp_footer.cp_mobile
  #cp_footer_kontakt
  .cp_footer_content
  .cp_footer_content_sub {
  margin-top: 13px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: underline;
}

.cp_tel,
.cp_email {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle;
  background-size: 14px 14px;
  /* mob 20 */
  margin-right: 10px;
}

.cp_tel {
  background-image: url(../img_cp/phone@2x.png);
}

.cp_email {
  background-image: url(../img_cp/email@2x.png);
}

#cp_footer.cp_mobile .cp_tel,
#cp_footer.cp_mobile .cp_email {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

#cp_footer.cp_mobile .cp_tel {
  margin-top: -2px;
}

#cp_footer.cp_mobile .cp_email {
  margin-top: 2px;
}

#cp_footer_folgen {
  position: absolute;
  top: 44px;
  left: 276px;
}

#cp_footer.cp_mobile #cp_footer_folgen {
  top: 227px;
  left: 40px;
}

#cp_footer.cp_mobile #cp_footer_folgen .cp_footer_content {
  margin-top: 19px;
}

.cp_fb,
.cp_insta,
.cp_youtube,
.cp_pinter {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle;
  background-size: 28px 28px;
  /* mob 33 */
  margin-right: 4px;
}

#cp_footer.cp_mobile .cp_fb,
#cp_footer.cp_mobile .cp_insta,
#cp_footer.cp_mobile .cp_youtube,
#cp_footer.cp_mobile .cp_pinter {
  background-size: 33px 33px;
  width: 33px;
  height: 33px;
  margin-right: 4.7px;
}

.cp_fb {
  background-image: url(../img_cp/fb@2x.png);
}

.cp_insta {
  background-image: url(../img_cp/insta@2x.png);
}

.cp_youtube {
  background-image: url(../img_cp/youtube@2x.png);
}

.cp_pinter {
  background-image: url(../img_cp/pinter@2x.png);
}

#cp_footer_engagiert {
  position: absolute;
  top: 209px;
  left: 20px;
}

#cp_footer.cp_mobile #cp_footer_engagiert {
  top: 329px;
  left: 40px;
}

#cp_footer_engagiert h4 {
  font-size: 16px;
}

#cp_footer.cp_mobile #cp_footer_engagiert h4 {
  font-size: 18px;
}

#cp_footer_engagiert .cp_footer_content {
  margin-top: 7px;
  background-color: white;
  width: 382px;
  height: 82px;
}

#cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content {
  margin-top: 19px;
  width: 333px;
  height: 72px;
}

#cp_footer_engagiert .cp_footer_content .cp_csr,
#cp_footer_engagiert .cp_footer_content .cp_proklima,
#cp_footer_engagiert .cp_footer_content .cp_tuev {
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#cp_footer_engagiert .cp_footer_content {
  max-width: 100%;
  overflow: hidden;
}

#cp_footer_engagiert .cp_footer_content .cp_csr {
  margin-top: 8px;
  margin-left: 8px;
  width: 92px;
  height: 65px;
  background-image: url(../img_cp/cp_csr@2x.png);
}

#cp_footer_engagiert .cp_footer_content .cp_proklima {
  margin-top: 12px;
  margin-left: 19px;
  width: 108px;
  height: 66px;
  background-image: url(../img_cp/cp_proklima@2x.png);
  background-image: url(../img/proklima_s.png);
}

#cp_footer_engagiert .cp_footer_content .cp_tuev {
  margin-top: 12px;
  margin-left: 25px;
  width: 125px;
  height: 66px;
  background-image: url(../img_cp/cp_tuev@2x.png);
}

#cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_csr {
  margin-top: 8px;
  margin-left: 8px;
  width: 80px;
  height: 56px;
}

#cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_proklima {
  margin-top: 17px;
  margin-left: 16px;
  width: 95px;
  height: 43px;
}

#cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_tuev {
  margin-top: 15px;
  margin-left: 22px;
  width: 109px;
  height: 48px;
}

#cp_footer_links {
  position: absolute;
  top: 366px;
  left: 20px;
  width: 334px;
  border-top: 2px solid white;
}

#cp_footer.cp_mobile #cp_footer_links {
  top: 474px;
  left: 40px;
}

#cp_footer_links .cp_footer_content {
  margin-top: 34px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 28px;
}

#cp_footer.cp_mobile #cp_footer_links .cp_footer_content {
  margin-top: 14px;
  font-weight: bold;
}

#cp_footer_links .cp_footer_leftrow,
#cp_footer_links .cp_footer_rightrow {
  float: left;
  width: 176px;
}

#cp_footer.cp_mobile #cp_footer_links .cp_footer_leftrow,
#cp_footer.cp_mobile #cp_footer_links .cp_footer_rightrow {
  width: 162px;
}

/* laeuft aus dem Raster */
#cp_footer_links .cp_footer_content {
  width: 400px;
}

#cp_footer_links .cp_footer_rightrow {
  width: 200px;
}

#cp_footer_links a {
  text-decoration: none;
  color: inherit;
}

#cp_footer_newsfeed {
  position: absolute;
  top: 44px;
  left: 552px;
}

@media only screen and (min-width: 768px) and (max-width: 812px) {
  #cp_footer_newsfeed {
    /*		left: 508px; */
    left: auto;
    right: 20px;
    width: 240px;
  }
}

#cp_footer.cp_mobile #cp_footer_newsfeed {
  display: none;
}

#cp_footer_newsfeed .cp_footer_content {
  margin-top: 12px;
  xbackground-image: url(../img_cp/newsfeed@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 240px;
  height: 458px;
}

#instagram-embed-0 {
  min-width: 240px !important;
  min-height: 458px !important;
  width: 240px !important;
  height: 458px !important;
}

@media (max-width: 413px) {
  #cp_footer_inner {
    max-width: 100%;
  }

  #cp_footer.cp_mobile .cp_footer_section {
    left: 0px !important;
    width: 90%;
    margin: 0 5%;
  }

  #cp_footer_kontakt h4 {
    text-align: center;
  }
}

@media (max-width: 348px) {
  #cp_footer.cp_mobile .cp_footer_section {
    width: 96%;
    margin: 0 2%;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_csr {
    margin-left: 8px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_proklima {
    margin-left: 8px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content .cp_tuev {
    margin-left: 4px;
  }

  .cp_index_r_level1_inner > .cp_index_r_hl {
    font-size: 21.5px;
  }
}

@media (max-height: 625px) {
  #cp_footer.cp_mobile #cp_footer_inner {
    height: 560px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert {
    top: 310px;
  }

  #cp_footer.cp_mobile #cp_footer_folgen .cp_footer_content {
    margin-top: 12px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content {
    margin-top: 12px;
  }

  #cp_footer.cp_mobile #cp_footer_links .cp_footer_content {
    line-height: 21px;
  }

  #cp_footer.cp_mobile #cp_footer_links {
    top: 448px;
  }
}

@media (max-height: 560px) {
  #cp_footer.cp_mobile #cp_footer_inner {
    height: 480px;
  }

  #cp_footer.cp_mobile #cp_footer_folgen {
    top: 202px;
  }

  #cp_footer.cp_mobile #cp_footer_folgen .cp_footer_content {
    margin-top: 4px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert {
    top: 267px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content {
    margin-top: 4px;
  }

  #cp_footer.cp_mobile #cp_footer_links {
    top: 378px;
  }
}

@media (max-height: 480px) {
  #cp_footer.cp_mobile #cp_footer_inner {
    height: 450px;
  }

  /*
	#cp_footer.cp_mobile #cp_footer_kontakt .cp_footer_content{
		margin-top: 4px;
	}
	*/
  #cp_footer.cp_mobile
    #cp_footer_kontakt
    .cp_footer_content
    .cp_footer_content_sub {
    margin-top: 0;
  }

  #cp_footer.cp_mobile #cp_footer_folgen {
    top: 186px;
  }

  #cp_footer.cp_mobile #cp_footer_folgen .cp_footer_content {
    margin-top: 0;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert {
    top: 247px;
  }

  #cp_footer.cp_mobile #cp_footer_engagiert .cp_footer_content {
    margin-top: 2px;
  }

  #cp_footer.cp_mobile #cp_footer_links {
    border: none;
    top: 355px;
  }

  #cp_footer.cp_mobile #cp_footer_links .cp_footer_content {
    margin-top: 0;
  }
}

/* ------------------- FOR COUNTERPART DESIGN - STARTSEITE -------------------- */
#cp_index_visuals {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}

#cp_index_visuals div.cp_index_slide {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cp_index_slide_n1 {
  background-image: url("../img_cp/vis1.jpg");
}

.cp_index_slide_n2 {
  background-image: url("../img_cp/vis2.jpg");
}

.cp_index_slide_n3 {
  background-image: url("../img_cp/vis3.jpg");
}

.cp_index_slide_1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_5.jpg");
}

.cp_index_slide_2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_ma.jpg");
}

.cp_index_slide_3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_2.jpg");
}

.cp_index_slide_4 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_sun.jpg");
}

.cp_index_slide_5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_3.jpg");
}

.cp_index_slide_6 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/cp_bg_wakra.jpg");
}

.cp_index_slide_7 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img_cp/Trommelwirbel.jpg");
}

/*
@media(max-width:767px){
	#cp_index_visuals div{
		display: none !important;
	}
	#cp_index_visuals {
		background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('../img_cp/cp_bg_5.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}
*/

.cp_bottom_teaser {
  position: absolute;
  right: 60px;
  bottom: 64px;
  width: 300px;
  border-bottom: 2px solid white;
  font-family: Verdana, Geneva, sans-serif;
  color: white;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  transition: all 1s;
}

.cp_bottom_teaser_hl {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 11px;
  transition: all 1s;
  padding-right: 5%;
}

.cp_bottom_teaser_body {
  border-top: 2px solid white;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  padding-right: 5%;
}

.cp_bottom_teaser_body img {
  display: block;
  margin: 10px;
  max-width: 95%;
}

.cp_bottom_teaser_body a {
  color: #5aaf21;
}

@media (max-width: 1920px) {
}

@media (max-width: 1536px) {
  .cp_bottom_teaser {
    width: 217px;
    right: 30px;
  }

  .cp_bottom_teaser_hl {
    font-size: 22px;
    line-height: 27px;
  }
}

@media (max-width: 1369px) {
  .cp_bottom_teaser {
    width: 149px;
    right: 0px;
  }

  .cp_bottom_teaser_hl {
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 1126px) {
  .cp_bottom_teaser {
    display: none;
  }
}

.XXX.cp_index_slide_4 .cp_bottom_teaser {
  background-image: url(../img_cp/gltest2.png);
  background-position: -11px -5px;
}

#cp_index_logo {
  position: relative;
  top: 80px;
  left: 0;
  z-index: 110;
  background-image: url(../img_cp/knauberLogo@2x.png);
  background-size: 262px 58px;
  background-repeat: no-repeat;
  width: 1250px;
  margin: 0 auto;
  height: 58px;
  transition: all 1s;
}

@media (min-width: 768px) and (max-width: 1300px) {
  #cp_index_logo {
    left: 50px;
    width: 500px;
    margin: 0 0 0 0;
  }
}

@media (max-width: 767px) {
  #cp_index_logo {
    top: 44px;
    width: 262px;
  }
}

#cp_index_navi_inner > div {
  box-sizing: border-box;
}

#cp_index_navi {
  position: absolute;
  top: 304px;
  left: 0;
  width: 100vw;
  z-index: 200;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  color: white;
}

#cp_index_navi a {
  color: inherit;
  text-decoration: none;
}

#cp_index_navi_inner {
  position: relative;
  display: block;
  width: 1260px;
  margin: 0 auto;
  transition: all 1s ease-in-out;
  /*
	border: 1px solid yellow;
	min-height: 200px
*/
}

#cp_index_r_1 {
  background-color: #5aaf21;
}

#cp_index_r_2 {
  background-color: #5bc2e7;
}

#cp_index_r_3 {
  background-color: #ffa300;
}

@media (min-width: 768px) {
  .cp_index_r_level1 {
    width: 347px;
    height: 125px;
    top: 0px;
    z-index: 10;
    transition: top 1s ease-in-out, left 1s ease-in-out, height 1s ease-in-out;
  }

  .cp_index_r_level1.active {
    top: -62px;
    width: 694px;
    height: 250px;
    z-index: 20;
  }

  .cp_index_r_level1 {
    width: 347px;
    height: 125px;
    position: absolute;
    top: 0px;
    z-index: 10;
    transform: skew(52.5deg);
    overflow: hidden;
    transition: top 1s ease-in-out, left 1s ease-in-out, height 1s ease-in-out,
      width 1s ease-in-out;
  }

  .cp_index_r_level1.active {
    top: -62px;
    width: 694px;
    height: 250px;
    z-index: 20;
  }

  .cp_index_r_level1_inner {
    transform: skew(-52.5deg);
  }

  #cp_index_r_1 {
    left: 81px;
  }

  #cp_index_r_2 {
    left: 458px;
  }

  #cp_index_r_3 {
    left: 832px;
  }

  /********* g ********/

  #cp_index_navi.cp_index_r_1_active #cp_index_navi_inner {
    width: 1680px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_1 {
    left: 162px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_2 {
    left: 881px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_3 {
    left: 1252px;
  }

  /********* b ********/
  #cp_index_navi.cp_index_r_2_active #cp_index_navi_inner {
    width: 1610px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_1 {
    left: 81px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_2 {
    left: 460px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_3 {
    left: 1182px;
  }

  /********* o ********/
  #cp_index_navi.cp_index_r_3_active #cp_index_navi_inner {
    width: 1680px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_1 {
    left: 81px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_2 {
    left: 453px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_3 {
    left: 824px;
  }
}

/********* ********/
@media (min-width: 1260px) and (max-width: 1690px) {
  /********* g ********/

  #cp_index_navi.cp_index_r_1_active #cp_index_navi_inner {
    width: 1380px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_1 {
    top: -62px;
    left: 162px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_2 {
    top: -62px;
    left: 789px;
    height: 120px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_3 {
    top: 68px;
    left: 957px;
    height: 120px;
  }

  /********* b ********/
  #cp_index_navi.cp_index_r_2_active #cp_index_navi_inner {
    width: 1380px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_1 {
    top: -62px;
    left: 78px;
    height: 120px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_2 {
    top: -62px;
    left: 526px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_3 {
    top: 68px;
    left: 247px;
    height: 120px;
  }

  /********* o ********/
  #cp_index_navi.cp_index_r_3_active #cp_index_navi_inner {
    width: 1380px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_1 {
    top: -62px;
    left: 81px;
    height: 120px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_2 {
    top: 68px;
    left: 249px;
    height: 120px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_3 {
    top: -62px;
    left: 526px;
  }
}

@media (min-width: 768px) and (max-width: 1259px) {
  /* new by gl */

  #cp_index_navi_inner {
    width: 768px;
  }

  .cp_index_r_level1 {
    /*
		width: 347px;
		height: 125px;
*/

    width: 210px;
    height: 76px;
    /*transition: top 0.01s ease-in-out,left 0.01s ease-in-out,height 0.01s ease-in-out,width 0.01s ease-in-out;	*/
  }

  .cp_index_r_level1_inner {
    transform: skew(-52.5deg);
  }

  #cp_index_r_1 {
    left: 60px;
  }

  #cp_index_r_2 {
    left: 282px;
  }

  #cp_index_r_3 {
    left: 502px;
  }

  .cp_index_r_level1.active {
    top: -62px;
    width: 694px;
    height: 250px;

    width: 540px;
    height: 194px;
    z-index: 20;
  }

  /********* g ********/

  #cp_index_navi.cp_index_r_1_active #cp_index_navi_inner {
    width: 768px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_1 {
    top: -62px;
    left: 120px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_2 {
    top: 138px;
    left: 300px;
  }

  #cp_index_navi.cp_index_r_1_active #cp_index_r_3 {
    top: 138px;
    left: 520px;
  }

  /********* b ********/
  #cp_index_navi.cp_index_r_2_active #cp_index_navi_inner {
    width: 768px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_1 {
    top: -62px;
    left: 50px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_2 {
    top: 20px;
    left: 120px;
  }

  #cp_index_navi.cp_index_r_2_active #cp_index_r_3 {
    top: 220px;
    left: 520px;
  }

  /********* o ********/
  #cp_index_navi.cp_index_r_3_active #cp_index_navi_inner {
    width: 768px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_1 {
    top: -62px;
    left: 50px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_2 {
    top: -62px;
    left: 270px;
  }

  #cp_index_navi.cp_index_r_3_active #cp_index_r_3 {
    top: 20px;
    left: 120px;
  }
}

@media (max-width: 767px) {
  #cp_index_navi_inner {
    width: 419px;
  }
}

@media (min-width: 768px) {
  /* umklappen der Überschriften */
  .cp_index_r_level1 .cp_index_r_level1_inner > .cp_index_r_hl {
    margin-top: 23px;
    margin-left: 30px;
    font-size: 28px;
    line-height: 34px;
    width: 600px;
  }

  .cp_index_r_level1.active .cp_index_r_level1_inner > .cp_index_r_hl {
    margin-left: 60px;
  }

  .cp_index_r_level1 .cp_index_r_level1_inner > .cp_index_r_hl span {
    display: block;
  }

  .cp_index_r_level1
    .cp_index_r_level1_inner
    > .cp_index_r_hl
    .cp_index_r_hl_b {
    margin-left: 73px;
  }

  .cp_index_r_level1.active .cp_index_r_level1_inner > .cp_index_r_hl span {
    display: inline;
  }

  .cp_index_r_level1.active
    .cp_index_r_level1_inner
    > .cp_index_r_hl
    .cp_index_r_hl_b {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1259px) {
  /* new by gl */

  #cp_index_r_1 .cp_index_r_hl_a {
    display: none;
  }

  #cp_index_r_2 .cp_index_r_hl_a {
    display: none;
  }

  #cp_index_r_3 .cp_index_r_hl_a {
    display: none;
  }

  .cp_index_r_level1.active .cp_index_r_level1_inner > .cp_index_r_hl span {
    display: inline !important;
  }

  .cp_index_r_level1.active .cp_index_r_level1_inner > .cp_index_r_hl {
    width: 450px;
  }

  .cp_index_r_level1
    .cp_index_r_level1_inner
    > .cp_index_r_hl
    .cp_index_r_hl_b {
    margin-left: 0px;
  }

  /*TODO smaller font*/
  .cp_index_r_level1 .cp_index_r_level1_inner > .cp_index_r_hl {
    margin-top: 20px;
    margin-left: 0;
    font-size: 20px;
    line-height: 34px;
    width: 213px;
    text-align: center;
  }

  .cp_index_r_level1.active .cp_index_r_level1_inner > .cp_index_r_hl {
    margin-top: 20px;
    margin-left: 40px;
    text-align: left;
  }
}

@media (min-width: 768px) {
  /** submenues ***/

  .cp_index_r_level1 > .cp_index_r_level1_inner > .cp_index_r_subs {
    display: none;
    position: absolute;
    left: 120px;
    top: 60px;
    width: 600px;
  }

  .cp_index_r_level1.active > .cp_index_r_level1_inner > .cp_index_r_subs {
    display: block;
  }

  .cp_index_r_level2 {
    display: inline-block;
    margin: 0 14px;
  }

  .cp_index_r_level2 > .cp_index_r_subs {
    display: none;
    position: absolute;
    left: 0;
    padding-top: 20px;
    width: 550px;
    line-height: 36px;
    text-indent: -60px;
    padding-left: 155px;
    xborder: 1px solid var(--cd-red);
    transition: opacity 1s;
    opacity: 1;
  }

  .cp_index_r_level2.fo > .cp_index_r_subs {
    display: block;
    opacity: 0;
  }

  .cp_index_r_level2.active > .cp_index_r_subs {
    display: block;
  }

  .cp_index_r_level3 {
    display: inline-block;
    margin: 0 42px;
  }
}

@media (min-width: 768px) and (max-width: 1259px) {
  /* new by gl */
  .cp_index_r_level1 > .cp_index_r_level1_inner > .cp_index_r_subs {
    left: 80px;
    font-size: 15px;
  }

  .cp_index_r_level2 {
    display: inline-block;
    margin: 0 8px;
  }

  .cp_index_r_level2 > .cp_index_r_subs {
    padding-top: 10px;
    width: 460px;
  }

  .cp_index_r_level3 {
    font-size: 15px;
    line-height: 26px;
    margin: 0 33px;
  }
}

.cp_index_r_level1_inner
  > .cp_index_r_subs.sub_active
  .cp_index_r_level2
  > .cp_index_r_hl {
  color: rgba(255, 255, 255, 0.5);
}

.cp_index_r_level1_inner
  > .cp_index_r_subs.sub_active
  .cp_index_r_level2.active
  > .cp_index_r_hl {
  color: white;
  xborder-bottom: 2px solid white;
  xbackground-color: rgba(255, 255, 0, 0.5);
}

@media (min-width: 768px) {
  .cp_index_r_level1_inner
    > .cp_index_r_subs.sub_active
    .cp_index_r_level2.active
    > .cp_index_r_hl {
    border-bottom: 2px solid white;
  }
}

#cp_index_navi
  .cp_index_r_level2
  > .cp_index_r_subs.sub_active
  .cp_index_r_level3
  > a {
  color: rgba(255, 255, 255, 0.5);
}

#cp_index_navi
  .cp_index_r_level2
  > .cp_index_r_subs.sub_active
  .cp_index_r_level3.active
  > a {
  color: white;
  border-bottom: 2px solid white;
  xbackground-color: rgba(255, 255, 0, 0.5);
}

.cp_button {
  background-color: #0076a8;
  float: right;
  display: block;
  padding: 2px 40px;
  margin: 20px 20px 0 0;
  text-indent: 0 !important;
}

@media (min-width: 768px) and (max-width: 1259px) {
  /* new by gl */
  .cp_button {
    background-color: #0076a8;
    float: right;
    display: block;
    padding: 2px 40px;
    margin: 5px 10px 0 0;
  }
}

@media (min-width: 768px) {
  .cp_index_r_upper_hl {
    display: none;
  }
}

.cp_index_r_sub_mobbanner {
  display: none;
}

/*    MOBILE */
@media (max-width: 767px) {
  .cp_button {
    background-color: #5bc2e7;
    float: left;
    display: block;
    padding: 4px 30px;
    margin: 20px 20px 0 0;
    text-indent: 0 !important;
  }

  .cp_index_r_sub_mobbanner {
    display: block;
    width: 100%;
    height: 106px;
    position: absolute;
    top: 55px;
    left: 0;
    background-image: url(../img_cp/banner.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .cp_index_r_sub_hl {
    margin-top: 125px;
    font-size: 18px;
    line-height: 23px;
  }

  #cp_index_navi {
    top: 148px;
    text-align: center;
    width: 100%;
  }

  #cp_index_navi_inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 366px;
    box-sizing: border-box;
    padding: 0 24px 100px;
    box-sizing: border-box;
    overflow: hidden;
  }

  #cp_index_navi_inner div {
    max-width: 100%;
  }

  .cp_index_r_level1 {
    box-sizing: border-box;
    padding: 16px 16px 0 16px;
    text-align: left;
    font-size: 24px;
    line-height: 29px;
    position: relative;

    margin-bottom: 16px;
  }

  .cp_index_r_level1_inner > .cp_index_r_hl {
    padding-bottom: 16px;
  }

  .cp_index_r_level1 > .cp_index_r_level1_inner > .cp_index_r_subs {
    height: 0px;
    transition: height 1s;
    overflow: hidden;
  }

  .cp_index_r_level1.active > .cp_index_r_level1_inner > .cp_index_r_subs {
    padding-bottom: 16px;
    height: 242px;
  }

  .cp_index_r_level2 > .cp_index_r_hl {
    font-size: 18px;
    line-height: 18px;
    background-image: url(../img_cp/arrow@2x.png);
    background-size: 10px 13px;
    background-position: 254px 18px;
    background-repeat: no-repeat;
    padding: 16px 0;
  }

  #cp_index_r_2 .cp_index_r_level2 > .cp_index_r_hl,
  #cp_index_r_1_4 .cp_index_r_hl {
    background-image: none;
  }

  .cp_index_r_level2 > .cp_index_r_subs {
    display: block;
    position: absolute;
    top: 0;
    right: -120%;
    width: 95%;
    height: 100%;
    padding: 32px 0 0 28px;
    box-sizing: border-box;
    transition: right 1s;
    box-shadow: rgba(0, 0, 0, 0.4) -9px 0px 15px;
  }

  .cp_index_r_level2.active .cp_index_r_subs {
    right: -5%;
    height: 100%;
  }

  #cp_index_r_1 .cp_index_r_level2 .cp_index_r_subs {
    background-color: #307c19;
  }

  #cp_index_r_2 .cp_index_r_level2 .cp_index_r_subs {
    background-color: #0076a8;
  }

  #cp_index_r_3 .cp_index_r_level2 .cp_index_r_subs {
    background-color: #d45d00;
  }

  #cp_index_navi_inner .cp_index_r_upper_hl {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 18px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.2);
  }

  .cp_index_r_level3 {
    margin-bottom: 6px;
    font-size: 18px;
  }

  .cp_index_r_upper_close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 33px;
    height: 33px;
    background-image: url(../img_cp/close@2x.png);
    background-size: 13px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .cp_index_r_hl {
    cursor: pointer;
  }
}

:focus {
  outline: none;
}

.dbllnk {
  cursor: pointer;
}

/* ------------------- FOR COUNTERPART DESIGN - FOOTER - SOCIAL ------------------- */

X#cp_footer_newsfeed {
  border: 1px solid var(--cd-red);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
}

.cp_footer_newsfeed_prev {
  float: left;
  background-image: url(../img_cp/insta_prev@2x.png);
  background-repeat: no-repeat;
  background-size: 8px 11px;
  padding-left: 15px;
  background-position: 0px 4px;
  cursor: pointer;
}

.cp_footer_newsfeed_next {
  float: right;
  background-image: url(../img_cp/insta_next@2x.png);
  background-repeat: no-repeat;
  background-size: 8px 11px;
  background-position: 107px 4px;
  padding-right: 15px;
  width: 100px;
  text-align: right;
  cursor: pointer;
}

.tx-pb-social {
  width: 240px;
  height: 408px;
  margin-bottom: 12px;
  position: relative;
}

.pb-inactive {
  opacity: 0.2;
}

.pb-hidden {
  display: none;
}

.pb-list-item .image {
  width: 240px;
  height: 240px;
  background-size: contain;
}

.pb-list-item .text {
  box-sizing: border-box;
  display: block;
  width: 240px;
  height: 168px;
  background-color: white;
  font-size: 10px;
  color: #707070;
  padding: 30px 40px 10px 11px;
  overflow: scroll;
}

.pb-list-item .image:after {
  content: "";
  position: absolute;
  left: 96px;
  top: 216px;
  width: 48px;
  height: 48px;
  background-image: url(../img_cp/insta_knauber@2x.png);
  background-repeat: no-repeat;
  background-size: 48px 48px;
  z-index: 110;
}

.pb-list-item .icon {
  position: absolute;
  left: 206px;
  top: 374px;
  width: 24px;
  height: 24px;
  background-image: url(../img_cp/insta_logo@2x.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  z-index: 100;
}

.pb-list-item .additional-info {
  position: absolute;
  z-index: 100;
  top: 114px;
  color: white;
  font-size: 16px;
}

.pb-list-item .info-1 {
  left: 69px;
}

.pb-list-item .info-1:before {
  margin-right: 4px;
  display: inline-block;
  content: " ";
  width: 19px;
  height: 18px;
  background-image: url(../img_cp/cp_W.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}

.pb-list-item .info-2 {
  left: 131px;
}

.pb-list-item .info-2:before {
  margin-right: 4px;
  display: inline-block;
  content: " ";
  width: 19px;
  height: 18px;
  background-image: url(../img_cp/cp_Q.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}

/*
.tx-pb-social .pb-list {
	position: relative;
	width: 100%;
	margin: 10px 0 0 -10px;
  }
  .tx-pb-social .pb-list .col {
	float: left;
	width: 250px;
  }
  .tx-pb-social .pb-list-item {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 250px;
	height: 250px;
	margin: 10px 0 0 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
  .tx-pb-social .pb-list-item .image {
	position: absolute;
	height: 250px;
	top: 0;
	background-size: cover;
	background-position: center;
	width: 100%;
	cursor: pointer;
  }
  .tx-pb-social .pb-list-item .icon {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 32px;
	width: 32px;
	border-radius: 5px;
	cursor: pointer;
	background-size: 32px 32px;
  }
  .tx-pb-social .pb-list-item .text {
	position: absolute;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 10px 10px 25px 10px;
	height: 80px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	font-size: 12px;
	line-height: 15px;
	cursor: pointer;
  }
  .tx-pb-social .pb-list-item .text:hover {
	text-decoration: underline;
  }
  .tx-pb-social .pb-list-item .additional-info {
	box-sizing: border-box;
	position: absolute;
	color: #ffffff;
	width: 30px;
	height: 20px;
	bottom: 2px;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  }
  .tx-pb-social .pb-list-item .additional-info.info-1 {
	right: 65px;
  }
  .tx-pb-social .pb-list-item .additional-info.info-2 {
	right: 20px;
  }
  .tx-pb-social .pb-list-item .video-overlay {
	position: absolute;
	bottom: 95px;
	left: 95px;
	width: 64px;
	height: 64px;
	opacity: 0.90;
	cursor: pointer;
  }
  .tx-pb-social .pb-list-item[data-type="video"] .image {
	background-size: contain;
	background-repeat: no-repeat;
	background-color: black;
  }
  .tx-pb-social .pb-list-item[data-type="video"] .video-overlay {
	top: 95px;
	bottom: auto;
  }
  .tx-pb-social .pb-list-item-facebook .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/fb.jpg");
  }
  .tx-pb-social .pb-list-item-facebook .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook.png");
  }
  .tx-pb-social .pb-list-item-googleplus .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/gplus.jpg");
  }
  .tx-pb-social .pb-list-item-googleplus .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/google+.png");
  }
  .tx-pb-social .pb-list-item-instagram .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/instagram.png");
  }
  .tx-pb-social .pb-list-item-linkedin .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/linkedin.jpg");
  }
  .tx-pb-social .pb-list-item-linkedin .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/linkedin.png");
  }
  .tx-pb-social .pb-list-item-txnews .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/default.jpg");
  }
  .tx-pb-social .pb-list-item-txnews .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/typo3.png");
  }
  .tx-pb-social .pb-list-item-pinterest .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/pinterest.png");
  }
  .tx-pb-social .pb-list-item-tumblr .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/tumblr.jpg");
  }
  .tx-pb-social .pb-list-item-tumblr .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/tumblr.png");
  }
  .tx-pb-social .pb-list-item-twitter .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/twitter.jpg");
  }
  .tx-pb-social .pb-list-item-twitter .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/twitter.png");
  }
  .tx-pb-social .pb-list-item-imgur .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/imgur.png");
  }
  .tx-pb-social .pb-list-item-youtube .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/yt.jpg");
  }
  .tx-pb-social .pb-list-item-youtube .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/youtube.png");
  }
  .tx-pb-social .pb-list-item-vimeo .placeholder-image {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/Placeholder/vimeo.png");
  }
  .tx-pb-social .pb-list-item-vimeo .icon {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/vimeo.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-detail-wrap {
	position: relative;
	top: 190px;
	text-align: center;
	width: 100%;
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details {
	opacity: 0;
	position: relative;
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details.active {
	opacity: 1;
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details span {
	position: relative;
	top: 10px;
	margin: 0 4px 0 5px;
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details i {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 3px;
	background-size: 12px 12px;
	background-size: cover;
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__like {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/like.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__love {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/love.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__haha {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/haha.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__wow {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/wow.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__sad {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/sad.png");
  }
  .tx-pb-social .pb-list-item-facebook .fb-like-details .fb-like-detail__angry {
	background-image: url("/typo3conf/ext/pb_social/Resources/Public/Icons/facebook_reactions/angry.png");
  }
  .tx-pb-social .button {
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	height: 30px;
	width: 300px;
	padding-top: 15px;
	border: 1px solid black;
  }
  .tx-pb-social .button.loading {
	border: none;
	color: white;
	background-color: darkgray;
	cursor: progress;
  }
  .tx-pb-social .button.pb-disabled {
	visibility: hidden;
  }
  .tx-pb-social .button__wrap {
	float: left;
	width: 100%;
	text-align: center;
  }
  .tx-pb-social .pb-hide-initial {
	display: none;
  }
  
*/

.nb_main {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.nb_img {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}

.nb_popup {
  position: absolute;
  bottom: 0%;
  left: 0%;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  color: white;
  background-color: rgba(90, 175, 33, 0.9);
  display: none;
  border-radius: 5px;
  padding: 15px;
  font-size: 14px;
  font-weight: normal;
  box-shadow: rgba(0, 0, 0, 0.4) -9px 9px 15px;
  max-width: 270px;
}

.nb_hl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.nb_body {
  padding-right: 34px;
}

.nb_body ul {
  padding-left: 15px;
  list-style: disc outside none;
}

.nb_pdficon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 32px;
  background: url(/fileadmin/templates/img/pdf.png);
}

em {
  font-style: italic;
}

.glbutton {
  display: inline-block;
  position: relative;
  border: 0;
  padding: 0;
  border-radius: 0;
  background-repeat: no-repeat;
  background-color: var(--cd-green);
  color: #ffffff !important;
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 19px;
  line-height: 29px;
  xx-text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  padding: 0px 8px;
  height: 30px;
  background-image: url("../img/greenbutton_mid.png");
  text-decoration: none;
  overflow: visible;
}

.glbutton::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -3px;
  height: 30px;
  width: 3px;
  background-image: url("../img/greenbutton_left.png");
}

.glbutton::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -3px;
  height: 30px;
  width: 3px;
  background-image: url("../img/greenbutton_right.png");
}

.fce_teaserplus_body {
  max-width: 282px;
  xxxmargin-bottom: 100px;
}

.fce_teaserplus_body h4 {
  color: var(--cd-grey);
  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0px 0px 8px;
  text-transform: none;
}

table.dataTable thead th.gl_searchselect {
  padding: 1px 0px 1px 3px;
  text-align: left;
}

.gl_searchselect select {
  max-width: 90px;
}

.gl_searchselect select {
  border-radius: 6px;
  border: 3px double white;

  background-color: var(--cd-green);
  background-image: linear-gradient(to top left, var(--cd-green), #8fc56a);
  color: white;
  font-size: 13px;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.gl_searchselect select::-ms-expand {
  display: none;
}

#stellen {
  line-height: 16px;
}

#stellen a {
  text-decoration: none;
  min-height: 32px;
  display: inline-block;
}

#stellen {
  border-collapse: collapse;
}

/*
#stellen tr{
	border-bottom: 1px solid #aaa;
}
*/
#stellen tr.odd {
  background-image: url("../img/form_schraffur_blau.png");
}

#stellen tr.even,
#stellen tr.odd {
  border-left: 1px solid #c2e2f2;
  border-right: 1px solid #c2e2f2;
}

#stellen tr td {
  vertical-align: top;
}

#stellen thead th {
  border-bottom: 1px solid #bcdbeb;
}

#stellen.no-footer {
  border-bottom: 1px solid #bcdbeb;
}

#back_privat {
  background-color: none;
  background: none;
}

/* XMAS  */
/*
#himmel_links {
	background-image: url(../img/background_tannenzweige_schnee.jpg);
	background-position: top left;
}

#himmel_rechts {
	background-image: url(../img/background_tannenzweige_schnee.jpg);
	background-position: top right;
}

#wiese_links {
	background-image: url(../img/background_schnee_weihnachtsbaum.jpg);
	background-image: url(../img/background_schneemann.jpg);
	background-position: bottom left -120px;
}

#wiese_rechts {
	background-image: url(../img/background_schnee_weihnachtsbaum.jpg);
	background-image: url(../img/background_schneemann.jpg);
	background-position: bottom right -120px;
}
*/
/* fruehling  */

#himmel_links {
  background-image: url(../img/background_frueling_zweige.jpg);
  background-position: top left;
}
#himmel_rechts {
  background-image: url(../img/background_frueling_zweige.jpg);
  background-position: top right;
}

#wiese_links {
  background-image: url(../img/background_frueling_wiese_schmetterlinge.jpg);
  background-position: bottom left -120px;
}
#wiese_rechts {
  background-image: url(../img/background_frueling_wiese_schmetterlinge.jpg);
  background-position: bottom right -120px;
}

/* herbst  */
/*
#himmel_links {
	background-image: url(../img/background_herbst_oben.jpg);
  background-position: top left;
}
#himmel_rechts {
	background-image: url(../img/background_herbst_oben.jpg);
  background-position: top right;
}

#wiese_links {
	background-image: url(../img/background_herbst_unten.jpg);
  background-position: bottom left -120px;
}
#wiese_rechts {
	background-image: url(../img/background_herbst_unten.jpg);
  background-position: bottom right -120px;
}

*/
.printicon {
  margin-top: -50px;
  width: 30px;
  height: 28px;
  float: right;
  cursor: pointer;
}

@media print {
  #cbanner,
  #contentback,
  #back,
  #cp_footer,
  #teaser,
  #topnav,
  #navigation,
  #visual,
  #subnav_container,
  .sp_links,
  #rueckrufservice,
  #keap_image,
  .printicon,
  .jobcta {
    display: none !important;
  }

  #topmarginal {
    position: relative;
  }

  #main_contentarea,
  #outer_container,
  .sp_rechts {
    margin: 0 !important;
  }

  .mbox_inner_border,
  .mbox_inner {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: white;
  }
}

/*
	.open > .cp_index_r_level1_inner >.cp_index_r_hl.dbllnk span{
		border-bottom: 3px solid white;
	}
	*/

.homecontent,
.homecontent > div {
  width: 100%;
}

.ALERT {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100000000;
  width: 100%;
}

.ALERT_INNER {
  font-family: Verdana, Geneva, sans-serif;
  position: relative;
  text-align: left;
  margin: 100px auto 0 auto;
  max-width: 500px;
  border: 15px solid yellow;
  padding: 25px;
  font-size: 16px;
  line-height: 18px;
  background-color: white;
}

.closex {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
}

a.ViewProfileButton {
  font-size: 12px !important;
}

.cp_reframeoverwidth {
	position: relative;
}





/* new cp
########################################################
########################################################
########################################################
########################################################
########################################################
########################################################
########################################################
########################################################
 */
 #back_privat {
	background-image: none !important;
  }
  
  #shadow_outer_container div {
	display: none !important;
  }
  
  #shadow_outer_container div#shadow_links,
  #shadow_outer_container div#shadow_rechts {
	display: block !important;
  }
  
  #himmel_links,
  #himmel_rechts,
  #wiese_links,
  #wiese_rechts {
	display: none !important;
  }
  
  #jsbanner {
	display: none !important;
  }
  
  .cp_tarifparams {
	position: sticky;
	top: 0px;
	z-index: 10000;
  }
  
  .cp_tarifparams .cp_roundbox {
	position: absolute;
	top: 0px;
	right: 0px;
  
	box-sizing: border-box;
	min-height: calc(46px +46px);
	padding: 10px 30px 10px 34px;
	max-width: 790px;
	border-radius: 46px 0 0 46px;
	background-color: var(--cd-green);
	color: white;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	transition: width 1s;
  }
  .is_waerme .cp_tarifparams .cp_roundbox {
	max-width: 833px;
  }
  .is_waerme .cp_roundbox {
	background-color: var(--cd-orange);
  }
  
  .is_erdgas .cp_roundbox {
	background-color: var(--cd-blue);
  }
  
  .cp_paramtable {
	min-height: 72px;
	display: grid;
	transition: width 1s;
  }
  
  a.cp_link_other {
	position: absolute;
	box-sizing: border-box;
	left: 0;
	height: 27px;
	width: 115px;
	bottom: -13px;
	border: 0.5px solid white;
	background-color: var(--cd-orange);
	border-radius: 28px;
	color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
	padding: 5px 0 0 35px;
	text-decoration: none;
  }
  
  .is_waerme a.cp_link_other {
	background-color: var(--cd-green);
  }
  
  .cp_link_other img {
	position: absolute;
	left: 5px;
	top: 1px;
  }
  
  .cp_sendbutton {
	display: inline-block;
	box-sizing: border-box;
	height: 27px;
	border: 0.5px solid white;
	border-radius: 28px;
	cursor: pointer;
	background-color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
	color: var(--cd-grey);
	padding: 5.5px 10px 0 10px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
  }
  
  .cp_fixed_right {
	position: fixed;
	right: 0px;
	top: 320px;
	overflow: hidden;
  }
  
  .cp_paraminput {
	position: relative;
	color: inherit;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 24px;
	display: inline-block;
  }
  
  .cp_newrow {
	text-align: center;
	margin-right: 20px;
  }
  
  .cp_newrow .form_input_field {
	position: relative;
	margin: 0;
	padding: 0;
  }
  
  .cp_newrow input,
  .cp_newrow select,
  .cp_newrow .glselect {
	box-sizing: border-box;
	height: 19px;
	border-radius: 10px;
	background-color: white;
	box-sizing: border-box;
	position: relative;
	border: 0px solid white;
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 2px 10px 2px 10px;
  }
  
  .cp_newrow select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: "";
  }
  
  .cp_newrow select::-ms-expand {
	display: none;
  }
  
  .cp_newrow label {
	color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 0 0;
	display: inline-block;
  }
  
  .cp_sub {
	font-size: 10px;
	display: block;
  }
  
  .cp_infield {
	display: block;
	position: absolute;
	right: 10px;
	top: 2px;
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 16px;
  }
  
  .cp_pers {
	display: inline-block;
	text-align: center;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 10px;
	line-height: 1;
  }
  
  .cp_pers img {
	display: block;
	margin: 0 auto;
	box-sizing: content-box;
	height: 28px;
	margin-bottom: 1px;
  }
  
  .cp_newrow {
	position: relative;
  }
  
  .cp_cbrow {
	text-align: left;
	cursor: pointer;
	margin-right: 0;
  }
  
  .cp_cbrow input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
  }
  
  .cp_cbrow label {
	margin-top: 0;
	box-sizing: border-box;
	padding-left: 20px;
  }
  
  .cp_cbrow input ~ label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	background-image: url(/fileadmin/templates/img_cp/cb.svg);
	background-repeat: no-repeat;
  }
  
  .cp_cbrow input:checked ~ label::after {
	content: "";
	background-image: url(/fileadmin/templates/img_cp/cb_a.svg);
  }
  
  .is_erdgas .cp_tarif:not(.cp_tarif_color) .cp_cbrow label {
	color: var(--cd-blue);
  }
  
  .is_erdgas .cp_tarif:not(.cp_tarif_color) .cp_cbrow input ~ label::after {
	background-image: url(/fileadmin/templates/img_cp/radio_bl.svg);
  }
  
  .is_erdgas
	.cp_tarif:not(.cp_tarif_color)
	.cp_cbrow
	input:checked
	~ label::after {
	background-image: url(/fileadmin/templates/img_cp/radio_bl_a.svg);
  }
  
  .cp_cbrow.cp_cbrow_right label {
	padding-left: 0;
	padding-right: 20px;
  }
  
  .cp_cbrow.cp_cbrow_right input ~ label::after {
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
  }
  
  .nocheck {
	padding-left: 0 !important;
	padding-right: 0 !important;
  }
  label.nocheck::after {
	display: none !important;
  }
  
  .cp_hsep {
	width: 1px;
	height: 100%;
	max-height: 66px;
	background-image: linear-gradient(
	  0,
	  rgba(255, 255, 255, 0),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
	);
	margin: 0 23px;
  }
  
  .cp_vsep {
	height: 1px;
	width: 100%;
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
	);
	margin: 12px 0 8px;
  }
  
  .cp_hr {
	height: 1px;
	width: 100%;
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(255, 255, 255, 0)
	);
	margin: 50px 0 50px;
  }
  
  /*tarifauswahl */
  .cp_paramtable .cp_rb_tart {
	display: none;
  }
  
  .is_intro .cp_rb_tart {
	display: block;
	width: 150px;
	grid-column: 1;
	grid-row: 1/2;
  }
  .is_waerme.is_intro .cp_rb_tart {
	width: 161px;
  }
  
  .cp_paramtable .cp_hsep1 {
	display: none;
  }
  
  .is_intro .cp_hsep1 {
	display: block;
	grid-column: 2;
	grid-row: 1 / 3;
  }
  
  .is_waerme.is_intro .cp_rb_tart,
  .is_waerme.is_intro .cp_hsep1 {
	display: none;
  }
  
  .cp_rb_addr {
	grid-column: 3;
	grid-row: 1 / 3;
  }
  
  .cp_vsep1 {
	display: none;
  }
  
  .cp_rb_verbrauch {
	grid-column: 4;
	grid-row: 1 / 3;
  }
  
  .cp_hsep2 {
	grid-column: 5;
	grid-row: 1 / 3;
  }
  
  .cp_rb_cta {
	grid-column: 6;
	grid-row: 1 / 5;
	width: 115px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
  }
  
  /*todo waerme aendern*/
  .askmoreaddr .cp_rb_cta,
  .askmuchmoreaddr .cp_rb_cta,
  .is_waerme.is_intro .cp_rb_cta {
	align-items: flex-end;
  }
  
  .form_input_field_images {
	font-size: 0.001px;
	line-height: 0.0001px;
  }
  
  .cp_paramtable.slim .cp_rb_tart {
	margin-top: 12px;
  }
  
  #fset_tart1 {
	margin-top: 3px;
  }
  
  #fset_tart2 {
	margin-top: 10px;
  }
  .is_waerme #fset_tart1 {
	margin-top: 4px;
  }
  
  .is_waerme #fset_tart2 {
	margin-top: 8px;
  }
  
  #fset_consumption_img .form_input_label {
	margin-top: 0;
  }
  
  .cp_paramtable.slim .cp_addr_rw,
  .cp_paramtable.slim .cp_consumption_outer {
	margin-top: 14px;
  }
  
  .is_not_intro .cp_paramtable.slim .cp_consumption_outer {
	margin-top: 0px;
  }
  
  .is_not_intro .cp_paramtable {
	align-content: center;
  }
  
  .is_not_intro .cp_paramtable.slim #fset_consumption,
  .is_not_intro .cp_paramtable.slim #fset_consumption_low {
	display: flex;
	flex-direction: row-reverse;
	width: 210px;
	align-items: center;
  }
  
  .is_not_intro .cp_paramtable.slim #fset_consumption .form_input_label,
  .is_not_intro .cp_paramtable.slim #fset_consumption_low .form_input_label {
	margin-top: 0;
  }
  
  .is_not_intro .cp_paramtable.slim #fset_consumption .form_input_label,
  .is_not_intro .cp_paramtable.slim #fset_consumption_low .form_input_label {
	width: 100px;
	margin-right: 25px;
  }
  
  .is_not_intro .cp_paramtable.slim #fset_consumption .form_input_field,
  .is_not_intro .cp_paramtable.slim #fset_consumption_low .form_input_field {
	width: 105px;
  }
  
  .cp_verbrauchsart_waerme {
	display: none;
  }
  
  .is_waerme .cp_verbrauchsart_waerme {
	display: block;
  }
  
  .cp_paramtable.askmoreaddr .cp_rb_addr {
	grid-column: 3;
	grid-row: 1;
  }
  
  .cp_paramtable.askmoreaddr .cp_vsep1 {
	display: block;
	grid-column: 3;
	grid-row: 2;
  }
  
  .cp_paramtable.askmoreaddr .cp_rb_verbrauch {
	grid-column: 3;
	grid-row: 3;
	margin-left: 88px;
  }
  
  .cp_paramtable.askmuchmoreaddr .cp_rb_addr {
	grid-column: 3 / 7;
	grid-row: 1;
  }
  
  .cp_paramtable.askmuchmoreaddr .cp_hsep2 {
	display: none;
  }
  
  .cp_paramtable.askmuchmoreaddr .cp_vsep1 {
	display: block;
	grid-column: 3;
	grid-row: 2;
  }
  
  .cp_paramtable.askmuchmoreaddr .cp_rb_verbrauch {
	grid-column: 3;
	grid-row: 3;
  }
  
  .cp_addr_rw {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: flex-end;
  }
  
  .cp_addr_ro {
	display: block;
  }
  
  .cp_addr_ro #cp_addrinfo {
	text-align: left;
	min-width: 77px;
  }
  
  .cp_addr_rw {
	display: none;
  }
  
  .cp_rb_verbrauch {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
  }
  
  .is_intro .cp_addr_ro,
  .addraender .cp_addr_ro {
	display: none;
  }
  
  .is_intro .cp_addr_rw,
  .addraender .cp_addr_rw {
	display: flex;
  }
  
  .cp_addraender,
  #cp_addraender {
	text-decoration: underline;
	cursor: pointer;
  }
  
  #fset_consumption_img,
  .cp_hsep_consumption,
  .HTlabel,
  .cp_tarif_tinfo_rates_price_energy_low,
  .cp_outer_wart,
  .cp_verbrauchsart_waerme,
  .cp_verbrauchsart_waerme .cp_vsep,
  .cp_verbrauchsart_waerme .cp_hsep {
	display: none;
  }
  
  .cp_outer_wart {
	margin-top: 12px;
	margin-bottom: 12px;
  }
  
  .cp_verbrauchsart_waerme .cp_cbrow {
	margin-bottom: 6px;
  }
  
  .cp_outer_wart2 {
	position: relative;
	padding-left: 155px;
	padding-top: 5px;
  }
  
  .cp_outer_wart1 {
	margin-top: 15px;
  }
  .cp_outer_wart3 {
	margin-top: 15px;
  }
  
  .cp_outer_wart2 .cp_outer_label {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 22px;
  }
  
  .is_waerme .infobubble_content {
	color: var(--cd-green);
  }
  
  .is_waerme #content .infoicon,
  .is_waerme #content .infobubble {
	filter: hue-rotate(287deg);
  }
  
  .is_waerme .infoicon {
	width: 12px;
	height: 12px;
  }
  
  .is_intro #fset_consumption_img {
	display: block;
  }
  
  .is_waerme #fset_consumption_img {
	display: none;
  }
  
  .is_gewerbe #fset_consumption_img {
	display: none !important;
  }
  
  .cp_param_verbrauch_rw {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: flex-end;
  }
  
  .is_waerme .cp_param_verbrauch_rw {
	flex-direction: column;
	align-items: flex-start;
  }
  
  .is_waerme .cp_consumption_outer {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: flex-end;
  }
  
  /*todo waerme aendern*/
  .is_waerme.is_intro .cp_hsep {
	min-height: 66px;
	max-height: none;
  }
  
  .is_waerme .cp_consumption_outer .cp_hsep {
	margin-left: 0;
	margin-right: 22px;
  }
  
  .cp_error_bubble {
	background-color: white;
	box-sizing: border-box;
	width: 124px;
	margin-left: -62px;
	border: 2px solid #d4003c;
	padding: 5px 8px 5px 34px;
	text-align: left;
	color: #d4003c;
	font-size: 10px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	border-radius: 15px;
	background-image: url(/fileadmin/templates/img_cp/warn.svg);
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: 8px center;
	position: absolute;
	bottom: 40px;
	/* height of input + height of zipfel */
	left: 50%;
	z-index: 10000;
  }
  
  .cp_error_bubble:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 25px solid #d4003c;
	border-bottom: 10px solid transparent;
	left: 50%;
	margin-left: -10px;
	bottom: -35px;
  }
  
  .cp_error_bubble:after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 25px solid #fff;
	border-bottom: 10px solid transparent;
	left: 50%;
	margin-left: -10px;
	bottom: -30px;
  }
  
  .cp_error_bubble {
	background-image: none;
	border-color: var(--cd-grey);
	padding: 5px 8px 5px 8px;
  }
  
  .cp_error_bubble:before {
	border-top: 25px solid var(--cd-grey);
  }
  
  /* field overrides */
  
  #fset_delivery_zip.cp_newrow {
	width: 69px;
  }
  
  .cp_newrow #delivery_zip {
	text-align: center;
  }
  
  #fset_delivery_city.cp_newrow {
	width: 144px;
  }
  
  #fset_delivery_street.cp_newrow {
	width: 144px;
  }
  
  #fset_delivery_no.cp_newrow {
	width: 69px;
  }
  
  .cp_newrow #delivery_no {
	text-align: center;
  }
  
  #fset_consumption_img.cp_newrow {
	width: 112px;
	text-align: left;
  }
  
  #fset_consumption.cp_newrow,
  #fset_consumption_low.cp_newrow {
	width: 123px;
	text-align: left;
  }
  
  #fset_consumption .form_input_field,
  #fset_consumption_low .form_input_field {
	width: 105px;
	text-align: left;
  }
  
  #fset_consumption label,
  #fset_consumption_low label {
	text-align: left;
  }
  
  #fset_consumption .cp_sub,
  #fset_consumption_low .cp_sub {
	display: inline;
  }
  
  #fset_consumption .cp_infield {
  }
  
  #visual {
	z-index: 1;
  }
  
  .cp_reframeoverwidth {
	position: relative;
  }
  
  .cp_tarif {
	display: none;
	box-sizing: border-box;
	width: 100%;
	background-color: white;
	color: var(--cd-grey);
	border-radius: 41px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	margin-bottom: 40px;
  }
  
  .cp_tarif_inner {
	display: grid;
	position: relative;
	padding: 16px 42px 16px 73px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 14px;
  }
  
  .cp_tarif_proposed {
	box-sizing: border-box;
	position: absolute;
	top: -10px;
	left: -25px;
	width: 116px;
	height: 39px;
	border-radius: 28px 28px 0 28px;
	background-color: white;
	color: var(--cd-green);
	text-align: center;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	padding: 5px 20px 0 20px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
	z-index: 1;
  }
  
  .cp_tarif_claim {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 14px;
	width: 122px;
  }
  
  .cp_tarif_vsep {
	width: 1px;
	height: 100%;
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(255, 255, 255, 0)
	);
	margin: 0 32px 0 32px;
  }
  
  .cp_tarif_bulletlist {
	margin-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
  }
  
  .cp_tarif_bulletlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  
  .cp_tarif_bulletlist li {
	margin: 0;
	padding: 0;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 11px;
  }
  
  .cp_tarif_bulletlist ul li:before {
	content: "";
	height: 1.5em;
	width: 1.5em;
	display: block;
	float: left;
	margin-left: -1.8em;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/bullet_gn.svg");
	background-size: 100%;
	background-position: top;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
  }
  
  .cp_tarif_hsep {
	width: 100%;
	height: 1px;
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .cp_tarif_price .cp_tarif_value,
  .cp_tarif_price_monthly .cp_tarif_value,
  .cp_tarif_saving .cp_tarif_value,
  .cp_tarif_invest .cp_tarif_value {
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 24px;
	line-height: 1;
  }
  
  .cp_tarif_saving .cp_tarif_value,
  .cp_tarif_invest .cp_tarif_value {
	color: white;
  }
  
  .cp_tarif_saving,
  .cp_tarif_invest {
	position: relative;
	top: -9px;
	color: white;
	box-sizing: border-box;
	height: 54px;
	border-radius: 28px 28px 28px 0;
	background-color: var(--cd-green);
	text-align: left;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	padding: 9px 20px 0 28px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
  }
  
  .cp_tarif_products_binding_period .cp_tarif_label,
  .cp_tarif_products_binding_period .cp_tarif_value {
	display: inline;
  }
  
  .cp_tarif_savingdetails,
  .cp_tarif_details {
	position: relative;
	left: -13px;
  }
  
  .cp_tarif_savingdetails .cp_tarif_togglelink,
  .cp_tarif_savingdetails .cp_tarif_innertogglelink,
  .cp_tarif_details .cp_tarif_togglelink,
  .cp_tarif_details .cp_tarif_innertogglelink {
	color: var(--cd-green);
	text-decoration: underline;
	padding-top: 8px;
  }
  
  .cp_tarif_togglelink {
	text-align: center;
	box-sizing: border-box;
	width: 130px;
	height: 26px;
  }
  
  .showpopup .cp_tarif_togglelink {
	background-color: white;
	border-radius: 15px 15px 0 0;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
  }
  
  .cp_tarif_innertogglelink {
	position: absolute;
	top: -26px;
	left: 0;
	text-align: center;
	box-sizing: border-box;
	width: 130px;
	height: 26px;
	background-color: white;
	border-radius: 15px 15px 0 0;
	z-index: 2;
	cursor: pointer;
  }
  
  .cp_tarif_savingdetails_container,
  .cp_tarif_details_container {
	width: 322px;
	padding: 26px 24px;
	border-radius: 0 41px 41px 41px;
	position: absolute;
	top: 26px;
	left: 0;
	background-color: white;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	z-index: 2;
  }
  
  .cp_tarif_popup {
	display: none;
  }
  
  .showpopup .cp_tarif_popup {
	display: block;
  }
  
  .cp_tarif_savingdetails_container .cp_tarif_label,
  .cp_tarif_details_container .cp_tarif_label {
	width: 124px;
	float: left;
  }
  
  .cp_tarif_savingdetails_container .cp_tarif_label::after,
  .cp_tarif_details_container .cp_tarif_label::after {
	content: ":";
  }
  
  .cp_sd_main {
	margin: 8px 0 8px 0;
  }
  
  .xgv_tarif {
	margin-top: 24px;
  }
  
  .gv_products_name_extern,
  .gv_market_member_name,
  .xgv_products_name_extern,
  .xgv_market_member_name {
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 16px;
  }
  
  .cp_tarif_cta {
	width: 115px;
	color: var(--cd-green);
	border: 0.5px solid var(--cd-green);
	text-align: center;
  }
  
  /* tarif variations */
  .cp_tarif_color {
	background-color: var(--cd-green);
	color: white;
  }
  
  .is_waerme .cp_tarif_color {
	background-color: var(--cd-orange);
	color: white;
  }
  
  .is_erdgas .cp_tarif_color {
	background-color: var(--cd-blue);
	color: white;
  }
  
  .is_waerme .cp_tarif_vsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-orange),
	  var(--cd-orange),
	  var(--cd-orange),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_erdgas .cp_tarif_vsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-blue),
	  var(--cd-blue),
	  var(--cd-blue),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .cp_tarif_color .cp_tarif_vsep,
  .cp_tarif_upsell .cp_tarif_vsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_waerme .cp_tarif_hsep {
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-orange),
	  var(--cd-orange),
	  var(--cd-orange),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_erdgas .cp_tarif_hsep {
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-blue),
	  var(--cd-blue),
	  var(--cd-blue),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .cp_tarif_color .cp_tarif_hsep {
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_waerme .cp_tarif_bulletlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_or.svg");
  }
  
  .is_erdgas .cp_tarif_bulletlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_bl.svg");
  }
  
  .cp_tarif_color .cp_tarif_bulletlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_ws.svg");
  }
  
  .is_waerme .cp_tarif_proposed,
  .is_waerme .cp_tarif_price .cp_tarif_value,
  .is_waerme .cp_tarif_price_monthly .cp_tarif_value,
  .is_waerme .cp_tarif_togglelink,
  .is_waerme .cp_tarif_innertogglelink,
  .is_waerme .gv_products_name_extern,
  .is_waerme .gv_market_member_name,
  .is_waerme .xgv_products_name_extern,
  .is_waerme .xgv_market_member_name {
	color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarif_proposed,
  .is_erdgas .cp_tarif_price .cp_tarif_value,
  .is_erdgas .cp_tarif_price_monthly .cp_tarif_value,
  .is_erdgas .cp_tarif_togglelink,
  .is_erdgas .cp_tarif_innertogglelink,
  .is_erdgas .gv_products_name_extern,
  .is_erdgas .gv_market_member_name,
  .is_erdgas .xgv_products_name_extern,
  .is_erdgas .xgv_market_member_name {
	color: var(--cd-blue);
  }
  
  .cp_tarif_color .cp_tarif_price .cp_tarif_value,
  .cp_tarif_color .cp_tarif_price_monthly .cp_tarif_value,
  .cp_tarif_color .cp_tarif_togglelink,
  .cp_tarif_color .cp_tarif_innertogglelink,
  .cp_tarif_color .gv_products_name_extern,
  .cp_tarif_color .gv_market_member_name,
  .cp_tarif_color .xgv_products_name_extern,
  .cp_tarif_color .xgv_market_member_name {
	color: white;
  }
  
  .cp_tarif_color .cp_tarif_savingdetails_container,
  .cp_tarif_color .cp_tarif_details_container,
  .cp_tarif_color .cp_tarif_innertogglelink,
  .cp_tarif_color .showpopup .cp_tarif_togglelink {
	background-color: var(--cd-green);
  }
  
  .is_waerme .cp_tarif_saving,
  .is_waerme .cp_tarif_invest,
  .is_waerme .cp_tarif_color .cp_tarif_savingdetails_container,
  .is_waerme .cp_tarif_color .cp_tarif_details_container,
  .is_waerme .cp_tarif_color .cp_tarif_innertogglelink,
  .is_waerme .cp_tarif_color .showpopup .cp_tarif_togglelink {
	background-color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarif_saving,
  .is_erdgas .cp_tarif_invest,
  .is_erdgas .cp_tarif_color .cp_tarif_savingdetails_container,
  .is_erdgas .cp_tarif_color .cp_tarif_details_container,
  .is_erdgas .cp_tarif_color .cp_tarif_innertogglelink,
  .is_erdgas .cp_tarif_color .showpopup .cp_tarif_togglelink {
	background-color: var(--cd-blue);
  }
  
  .cp_tarif_color .cp_tarif_saving,
  .cp_tarif_color .cp_tarif_invest {
	background-color: white;
  }
  
  .cp_tarif_color .cp_tarif_saving,
  .cp_tarif_color .cp_tarif_invest {
	color: var(--cd-grey);
  }
  
  .cp_tarif_color .cp_tarif_saving .cp_tarif_value,
  .cp_tarif_color .cp_tarif_invest .cp_tarif_value {
	color: var(--cd-green);
  }
  
  .is_waerme .cp_tarif_color .cp_tarif_saving .cp_tarif_value,
  .is_waerme .cp_tarif_color .cp_tarif_invest .cp_tarif_valu {
	color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarif_color .cp_tarif_saving .cp_tarif_value,
  .is_erdgas .cp_tarif_color .cp_tarif_invest .cp_tarif_value {
	color: var(--cd-blue);
  }
  
  .cp_tarif_color .cp_tarif_cta {
	background-color: var(--cd-green);
	color: white;
	border-color: white;
  }
  
  .is_waerme .cp_tarif_color .cp_tarif_cta {
	background-color: var(--cd-orange);
	color: white;
	border-color: white;
  }
  
  .is_erdgas .cp_tarif_color .cp_tarif_cta {
	background-color: var(--cd-blue);
	color: white;
	border-color: white;
  }
  
  .is_waerme .cp_tarif_cta {
	color: var(--cd-orange);
	border-color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarif_cta {
	color: var(--cd-blue);
	border-color: var(--cd-blue);
  }
  
  /* tarif positioning */
  .cp_tarif_inner {
	display: grid;
	grid-template-columns: auto 65px auto auto;
	grid-template-rows: auto 0px;
  }
  
  .cp_tarif_klimaneutral .cp_tarif_inner,
  .cp_tarif_not_klimaneutral .cp_tarif_inner {
	grid-template-rows: unset;
  }
  
  .cp_tarif .shop_tarif_logo {
	grid-column: 1;
	grid-row: 1/6;
	padding-top: 20px;
  }
  
  .cp_tarif_claim {
	grid-column: 1/2;
	grid-row: 6/7;
  }
  
  .cp_tarif_addonimage {
	grid-column: 1/2;
	grid-row: 7/10;
	text-align: right;
	padding-right: 20px;
  }
  
  .cp_tarif_addonimage img {
	max-height: 75px;
  }
  
  .cp_tarif_vsep1 {
	grid-column: 2/3;
	grid-row: 1/10;
  }
  
  .cp_tarif_bulletlist {
	grid-column: 4/7;
	grid-row: 1/2;
  }
  
  .cp_tarif_klimaneutraltoggle {
	margin-bottom: 12px;
	grid-column: 4/7;
	grid-row: 2/3;
  }
  
  .cp_tarif_hsep1 {
	grid-column: 3/7;
	grid-row: 3/6;
	margin-bottom: 18px;
  }
  
  .cp_tarif_price {
	grid-column: 4/5;
	grid-row: 6/8;
  }
  
  .cp_tarif_price_monthly {
	grid-column: 5/6;
	grid-row: 6/8;
  }
  
  .cp_tarif_saving,
  .cp_tarif_invest {
	grid-column: 6/7;
	grid-row: 6/9;
  }
  
  .cp_tarif_invest {
	padding-top: 14px;
  }
  
  .cp_tarif_invest .cp_tarif_label {
	float: left;
	max-width: 110px;
  }
  
  .cp_tarif_invest .cp_tarif_value {
	float: right;
  }
  
  .cp_tarif_products_binding_period {
	grid-column: 4/6;
	grid-row: 8/9;
  }
  
  .cp_tarif_savingdetails {
	grid-column: 4/5;
	grid-row: 9/10;
  }
  
  .cp_tarif_details {
	grid-column: 5/6;
	grid-row: 9/10;
  }
  
  .cp_tarif_cta {
	grid-column: 6/7;
	grid-row: 9/10;
  }
  
  .cp_error_bubble::before,
  .cp_error_bubble::after {
	pointer-events: none;
  }
  
  /* baukasten */
  .fce_cp_single_h2 {
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 16px;
	line-height: 20px;
  }
  
  .fce_cp_single_h1 {
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 40px;
	line-height: 40px;
	/*	letter-spacing: 0.038em; */
  }
  
  .is_waerme .fce_cp_single_h2,
  .is_waerme .fce_cp_single_h1 {
	color: var(--cd-orange);
  }
  
  .is_erdgas .fce_cp_single_h2,
  .is_erdgas .fce_cp_single_h1 {
	color: var(--cd-blue);
  }
  
  .fce_cp_bodytext {
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
  }
  
  .ft_fce_cp_image.fixedsize {
  }
  
  .ft_fce_cp_image.roundedges {
	border-radius: 22px;
  }
  
  .ft_fce_cp_image.shadow {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  .ft_fce_cp_cta.type_button {
	display: table;
	margin: 0 0 0 0;
	margin-right: auto;
	box-sizing: border-box;
	color: white;
	background-color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	height: 24px;
	border-radius: 12px;
	text-decoration: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 6px 15px 2px;
  }
  
  .is_waerme .ft_fce_cp_cta.type_button {
	background-color: var(--cd-orange);
  }
  
  .is_erdgas .ft_fce_cp_cta.type_button {
	background-color: var(--cd-blue);
  }
  
  .ft_fce_cp_cta.type_arrow {
	display: table;
	margin: 0 0 0 0;
	margin-right: auto;
	box-sizing: border-box;
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
  }
  
  .ft_fce_cp_cta.type_arrow::after {
	display: block;
	content: "";
	width: 20px;
	height: 23px;
	margin: 5px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/arrow_gn.svg");
	background-size: 100%;
  }
  
  .is_waerme .ft_fce_cp_cta.type_arrow {
	color: var(--cd-orange);
  }
  
  .is_erdgas .ft_fce_cp_cta.type_arrow {
	color: var(--cd-blue);
  }
  
  .is_waerme .ft_fce_cp_cta.type_arrow::after {
	background-image: url("/fileadmin/templates/img_cp/arrow_or.svg");
  }
  
  .is_erdgas .ft_fce_cp_cta.type_arrow::after {
	background-image: url("/fileadmin/templates/img_cp/arrow_bl.svg");
  }
  
  .crosselling.ft_fce_cp_c_crossselling {
	width: 1022px;
	margin-left: -50px;
	margin-right: -50px;
  }
  
  .ft_fce_cp_c_crossselling .crossell_row {
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 50px;
	min-width: 240px;
  }
  
  .ft_fce_cp_c_crossselling .crossell_sep_12,
  .ft_fce_cp_c_crossselling .crossell_sep_23 {
	background-color: transparent;
	background-image: linear-gradient(
	  0deg,
	  rgba(204, 204, 204, 0),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(255, 255, 255, 0)
	);
	height: 550px;
  }
  
  .crosselling_inner.ft_fce_cp_crossselling_inner {
	width: 240px;
  }
  
  .ft_fce_cp_crossselling_inner .crossell_image {
	min-height: 169px;
  }
  
  .ft_fce_cp_crossselling_inner .crossell_image img {
	width: 100%;
	border-radius: 22px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  .ft_fce_cp_crossselling_inner .crossell_hl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 16px;
	line-height: 20px;
	color: var(--cd-green);
	text-transform: none;
	height: 88px;
	box-sizing: border-box;
  }
  
  .is_waerme .ft_fce_cp_crossselling_inner .crossell_hl {
	color: var(--cd-orange);
  }
  
  .is_erdgas .ft_fce_cp_crossselling_inner .crossell_hl {
	color: var(--cd-blue);
  }
  
  .ft_fce_cp_crossselling_inner .crossell_bodytext {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
	color: var(--cd-grey);
	margin-bottom: 8px;
	height: 268px;
	overflow: hidden;
  }
  
  .ft_fce_cp_crossselling_inner a.crossell_buttonlink {
	display: table;
	margin: 0 0 0 0;
	margin-right: auto;
	box-sizing: border-box;
	color: white;
	background-color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	height: 24px;
	border-radius: 12px;
	text-decoration: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 6px 15px 2px;
  }
  
  .is_waerme .ft_fce_cp_crossselling_inner a.crossell_buttonlink {
	background-color: var(--cd-orange);
  }
  
  .is_erdgas .ft_fce_cp_crossselling_inner a.crossell_buttonlink {
	background-color: var(--cd-blue);
  }
  
  @media only screen and (max-width: 1023px) {
	.crosselling.ft_fce_cp_c_crossselling {
	  width: auto;
	  max-width: 100%;
	}
  }
  
  @media only screen and (max-width: 640px) {
	.ft_fce_cp_c_crossselling .crossell_row {
	  width: 100%;
	  margin-bottom: 96px;
	  padding-left: 0px;
	  padding-right: 0px;
	}
  
	.crosselling.ft_fce_cp_c_crossselling {
	  margin-left: 0px;
	  margin-right: 0px;
	}
  
	.crosselling_inner.ft_fce_cp_crossselling_inner {
	  padding-right: 96px;
	}
  }
  
  @media only screen and (max-width: 440px) {
	.ft_fce_cp_crossselling_inner .crossell_bodytext {
	  height: auto;
	}
  
	.crossell_row {
	  width: 100%;
	}
  
	.crosselling_inner.ft_fce_cp_crossselling_inner {
	  padding-right: 0px;
	  width: 100%;
	}
  
	.crossell_image {
	  width: 100%;
	}
  }
  
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
	.ft_fce_cp_c_crossselling .crossell_row3,
	.ft_fce_cp_c_crossselling .crossell_sep_23 {
	  display: block;
	}
  
	.ft_fce_cp_c_crossselling .crossell_row {
	  padding-left: 2%;
	  padding-right: 2%;
	  width: 33%;
	}
  
	.crosselling.ft_fce_cp_c_crossselling {
	  width: 1022px;
	  margin-left: -2%;
	  margin-right: -2%;
	}
  
	.crosselling_inner.ft_fce_cp_crossselling_inner {
	  width: 100%;
	}
  }
  
  @media only screen and (min-width: 768px) and (max-width: 833px) {
	.cp_tarif_invest .cp_tarif_label {
	  max-width: 80px;
	}
  
	.cp_tarif_invest {
	  padding: 1px 4px 0 14px;
	}
  
	.cp_tarif_invest .cp_tarif_value {
	  margin-top: 14px;
	}
  }
  
  .fce_cp_single_h1,
  h1.fce_cp_single_h1 {
	margin: -4px 0 12px 0;
  }
  
  .ft_fce_cp_c_twocols,
  .ft_fce_cp_c_singlecol {
	max-width: 100%;
	margin: 28px 0;
  }
  
  .ft_fce_cp_c_twocols .ft_fce_cp_c_twocols {
	margin-top: 0;
	margin-bottom: 0;
  }
  .cp_ctype_50_50,
  .cp_ctype_33_66,
  .cp_ctype_66_33 {
	box-sizing: border-box;
	display: flex;
	gap: 40px;
  }
  .cp_ctype_50_50 > * {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	width: 0;
	flex-wrap: wrap;
  }
  .ft_fce_cp_c_twocols > * > img {
	max-width: 100%;
	width: 100%;
  }
  
  .cp_ctype_66_33 .cp_col1 {
	flex-basis: 588px;
  }
  .cp_ctype_66_33 .cp_col2 {
	flex-basis: 294px;
  }
  
  .cp_ctype_33_66 .cp_col1 {
	flex-basis: 294px;
  }
  .cp_ctype_33_66 .cp_col2 {
	flex-basis: 588px;
  }
  
  .cp_ctype_360_left {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
  }
  
  .cp_ctype_360_left > .cp_col1 {
	margin-right: 40px;
	min-width: 360px;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 360px;
  }
  
  .cp_ctype_360_left.cp_l_smaller > .cp_col1 {
	flex-basis: 1%;
	min-width: auto;
  }
  
  .cp_ctype_360_left > .cp_col2 {
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 45%;
  }
  
  .cp_ctype_360_right {
	box-sizing: border-box;
	display: flex;
  }
  
  .cp_ctype_360_right > .cp_col2 {
	min-width: 360px;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 360px;
  }
  
  .cp_ctype_360_right > .cp_col1 {
	margin-right: 40px;
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 45%;
  }
  
  .cp_ctype_shrink_left {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
  }
  
  .cp_ctype_shrink_left .cp_col1 {
	margin-right: 40px;
	flex-shrink: 1;
	flex-grow: 0;
	flex-basis: 10%;
  }
  
  .cp_ctype_shrink_left .cp_col2 {
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 50%;
  }
  
  .cp_ctype_shrink_right {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
  }
  
  .cp_ctype_shrink_right .cp_col2 {
	flex-shrink: 1;
	flex-grow: 0;
	flex-basis: 10%;
  }
  
  .cp_ctype_shrink_right .cp_col1 {
	margin-right: 40px;
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 50%;
  }
  
  .ft_fce_cp_c_slider {
	position: relative;
	box-sizing: border-box;
	min-height: 263px;
  }
  
  .ft_fce_cp_c_slider_slide {
	box-sizing: border-box;
	width: 100%;
	padding: 0 17% 0 17%;
  }
  
  .ft_fce_cp_c_slider .cp_cycle-pager {
	position: absolute;
	z-index: 102;
	left: 0;
	width: 100%;
	bottom: 0;
	text-align: center;
  }
  
  .cp_slider_prevnext {
	position: absolute;
	z-index: 102;
	top: 50%;
  }
  
  .cp_slider_prevnext_left {
	left: 30px;
  }
  
  .cp_slider_prevnext_right {
	right: 30px;
  }
  
  .ft_fce_cp_c_slider .cp_cycle-pager div {
	display: inline-block;
	cursor: pointer;
	margin: 0px 2px 0px;
	background-image: url(/fileadmin/templates/img_cp/radio_gn.svg);
	width: 8px;
	height: 8px;
	background-size: 8px 8px;
	margin: 0px 10px 0px 0px;
  }
  
  .ft_fce_cp_c_slider div.cycle-pager-active {
	background-image: url(/fileadmin/templates/img_cp/radio_gn_a.svg);
  }
  
  .is_erdgas .ft_fce_cp_c_slider .cp_cycle-pager div {
	background-image: url(/fileadmin/templates/img_cp/radio_bl.svg);
  }
  
  .is_erdgas .ft_fce_cp_c_slider div.cycle-pager-active {
	background-image: url(/fileadmin/templates/img_cp/radio_bl_a.svg);
  }
  
  .is_waerme .ft_fce_cp_c_slider .cp_cycle-pager div {
	background-image: url(/fileadmin/templates/img_cp/radio_or.svg);
  }
  
  .is_waerme .ft_fce_cp_c_slider div.cycle-pager-active {
	background-image: url(/fileadmin/templates/img_cp/radio_or_a.svg);
  }
  
  .cp_slider_prevnext img {
	display: none;
  }
  
  .cp_slider_prevnext {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
  }
  
  .cp_slider_prevnext_left {
	background-image: url(/fileadmin/templates/img_cp/left_gn.svg);
  }
  
  .cp_slider_prevnext_right {
	background-image: url(/fileadmin/templates/img_cp/right_gn.svg);
  }
  
  .is_erdgas .cp_slider_prevnext_left {
	background-image: url(/fileadmin/templates/img_cp/left_bl.svg);
  }
  
  .is_erdgas .cp_slider_prevnext_right {
	background-image: url(/fileadmin/templates/img_cp/right_bl.svg);
  }
  
  .is_waerme .cp_slider_prevnext_left {
	background-image: url(/fileadmin/templates/img_cp/left_or.svg);
  }
  
  .is_waerme .cp_slider_prevnext_right {
	background-image: url(/fileadmin/templates/img_cp/right_or.svg);
  }
  
  /* Visual */
  
  .subnav_container_overwidth {
	display: none;
  }
  
  .visual_overwidth {
	overflow: hidden;
	margin-bottom: -46px;
  }
  
  .cp_vis {
	box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.16);
	width: 100%;
	height: 400px;
  }
  
  .cp_vis_slide {
	width: 100%;
	height: 400px;
	position: relative;
	background-size: cover;
  }
  
  .cp_vis_overlay {
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 28px;
	width: 367px;
	height: 301px;
	border-radius: 0 46px 46px 0;
	color: white;
	padding: 12px 28px 12px 52px;
  }
  
  .cp_vis_sl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 2px;
  }
  
  .cp_vis_hl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 12px;
  }
  
  .cp_vis_body {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 12px;
	height: 98px;
  }
  
  .cp_vis_cta,
  a.cp_vis_cta {
	display: table;
	margin: 0 0 0 0;
	margin-right: auto;
  
	box-sizing: border-box;
	color: var(--cd-green);
	background-color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 12px;
	height: 24px;
	border-radius: 12px;
	text-decoration: none;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	padding: 6px 15px 2px;
  }
  
  .is_waerme .cp_vis_cta {
	color: var(--cd-orange);
  }
  
  .is_erdgas .cp_vis_cta {
	color: var(--cd-blue);
  }
  
  .cp_vis_overlay {
	background: rgba(0, 0, 0, 0.3);
  }
  
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.cp_vis_overlay {
	  background-color: transparent;
	  -webkit-backdrop-filter: blur(50px) brightness(80%) opacity(70%);
	  backdrop-filter: blur(50px) brightness(80%) opacity(70%);
	}
  }
  
  .cp_vis > .cycle-pager {
	position: absolute;
	z-index: 102;
	left: 68px;
	top: 303px;
  }
  
  .cp_vis_overlay > .cycle-pager {
	position: absolute;
	left: 68px;
	bottom: 18px;
  }
  
  .cp_vis .cycle-pager div {
	display: inline-block;
	cursor: pointer;
	margin: 0px 2px 0px;
	background-image: url(/fileadmin/templates/img_cp/radio_ws.svg);
	width: 8px;
	height: 8px;
	background-size: 8px 8px;
	margin: 0px 10px 0px 0px;
  }
  
  .cp_vis div.cycle-pager-active {
	background-image: url(/fileadmin/templates/img_cp/radio_ws_a.svg);
  }
  
  /* slideshow creates one sentinel slide, so :only-child does not work here */
  .cp_vis_slide:nth-child(2):last-child .cycle-pager {
	display: none;
  }
  
  .cp_vis_follow,
  .cp_vis_follow .cp_vis_slide {
	height: 237px;
  }
  
  .cp_vis_follow .cp_vis_overlay {
	top: 53px;
	height: 102px;
	width: 380px;
  }
  
  .cp_vis_follow .cp_vis_hl {
	margin: -2px 0 0 0;
  }
  
  .cp_vis_follow h1.cp_vis_hl {
	color: inherit;
  }
  
  .cp_vis_follow .cp_vis_sl,
  .cp_vis_follow .cp_vis_body,
  .cp_vis_follow .cp_vis_cta,
  .cp_vis_follow .cycle-pager {
	display: none;
  }
  
  /* tarif_upsell*/
  .cp_tarif_upsell {
	display: block;
	color: white;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 220px;
  }
  
  .cp_tarif_upsell_inner {
	grid-column: 4/6;
	grid-row: 1/9;
	align-self: center;
	max-width: 340px;
  }
  
  .cp_tarif_upsell_hl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 24px;
	line-height: 27px;
	margin-bottom: 12px;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.26);
  }
  
  .cp_tarif_upsell_sl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.26);
  }
  
  .cp_tarif .cta {
	justify-self: right;
	align-self: end;
	text-decoration: none;
  }
  
  .cp_tarif_upsell .cta {
	border: 1px solid white;
	position: relative;
  }
  
  .cta.arrow .cta::after {
	content: ">";
	position: absolute;
	right: 12px;
  }
  
  /* tarif_thank*/
  .cp_tarif_thank {
	display: block;
	color: white;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0;
	width: 100%;
	min-height: 237px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 100px;
  }
  
  .cp_tarif_thank {
	margin: 0 auto;
  }
  
  .cp_tarif_thank_hl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 40px;
	line-height: 46px;
	margin-bottom: 12px;
  }
  
  .cp_tarif_thank_sl {
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 24px;
	line-height: 27px;
  }
  
  /*tarifuebersicht*/
  
  .cp_tarifvergleich {
	width: 100%;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	border-radius: 100px 0 0 100px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
  }
  
  .cp_tarifvergleich,
  .cp_tarifvergleich ul li {
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
  }
  
  .cp_tarifvergleich_side {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
  }
  
  .cp_tarifvergleich_single .cp_tarifvergleich_side {
	flex-basis: 100%;
  }
  
  .cp_tarifvergleich_bgtop {
	box-sizing: border-box;
	height: 108px;
	flex-shrink: 0;
	flex-grow: 0;
	min-height: 108px;
	flex-basis: 108px;
	max-height: 108px;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0 0 55px;
	position: relative;
  }
  
  .cp_tarifvergleich_single .cp_tarifvergleich_bgtop {
	padding-left: 91px;
  }
  
  .cp_tarifvergleich_body {
	flex-basis: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
  }
  
  .cp_tarifvergleich_hl {
	flex-basis: 24px;
  }
  
  .cp_tarifvergleich_innertable {
	flex-basis: 100%;
  }
  
  .cp_tarifvergleich_tariflogo {
	height: 42px;
	width: auto;
  }
  
  .cp_tarifvergleich_icon {
	position: absolute;
	bottom: -50%;
	left: 57%;
	z-index: 1;
	width: 150px;
  }
  
  .cp_tarifvergleich_color {
	background-color: var(--cd-green);
	color: white;
  }
  
  .is_waerme .cp_tarifvergleich_color {
	background-color: var(--cd-orange);
	color: white;
  }
  
  .is_erdgas .cp_tarifvergleich_color {
	background-color: var(--cd-blue);
	color: white;
  }
  
  .cp_tarifvergleich_body {
	position: relative;
	padding: 30px 26px 30px 30px;
  }
  
  .cp_tarifvergleich_single .cp_tarifvergleich_body {
	padding: 30px 26px 30px 90px;
  }
  
  .cp_tarifvergleich_color .cp_tarifvergleich_body::before {
	content: "";
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
	);
	height: 0.5px;
	width: 80%;
	position: absolute;
	top: 0;
	left: 10%;
  }
  
  .cp_tarifvergleich_innertable {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: stretch;
  }
  
  .cp_tarifvergleich_innertable_side_left {
	box-sizing: border-box;
	flex-basis: 49%;
  }
  
  .cp_tarifvergleich_innertable_side_right {
	box-sizing: border-box;
	flex-basis: 51%;
  }
  
  .cp_tarifvergleich_innertable_hsep {
	width: 1px;
	flex-basis: 1px;
	margin: 0 12px 0 12px;
	max-height: none;
	flex-grow: 1;
	height: 358px;
  }
  
  .cp_tarifvergleich_single .cp_tarifvergleich_innertable_hsep {
	margin: 0 48px 0 48px;
	height: 229px;
  }
  
  .cp_tarifvergleich_side:not(.cp_tarifvergleich_color)
	.cp_tarifvergleich_innertable_hsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(93, 173, 46, 1),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_waerme
	.cp_tarifvergleich_side:not(.cp_tarifvergleich_color)
	.cp_tarifvergleich_innertable_hsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-orange),
	  var(--cd-orange),
	  var(--cd-orange),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .is_erdgas
	.cp_tarifvergleich_side:not(.cp_tarifvergleich_color)
	.cp_tarifvergleich_innertable_hsep {
	background-image: linear-gradient(
	  0deg,
	  rgba(255, 255, 255, 0),
	  var(--cd-blue),
	  var(--cd-blue),
	  var(--cd-blue),
	  rgba(255, 255, 255, 0)
	);
  }
  
  .cp_tarifvergleich_innertable_side {
	position: relative;
	padding-bottom: 28px;
  }
  
  .has_checkmarklist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 16px;
  }
  
  .cp_checkmarlist {
	margin-left: 26px;
  }
  
  .cp_checkmarlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  
  .has_checkmarklist li,
  .cp_checkmarlist li {
	margin: 0;
	padding: 0;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 11px;
	position: relative;
  }
  
  .has_checkmarklist ul li:before,
  .cp_checkmarlist ul li:before {
	content: "";
	width: 1.5em;
	display: block;
	position: absolute;
	left: -1.5em;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/bullet_gn.svg");
	background-size: 100%;
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
  }
  
  .is_waerme .has_checkmarklist ul li:before,
  .is_waerme .cp_checkmarlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_or.svg");
  }
  
  .is_erdgas .has_checkmarklist ul li:before,
  .is_erdgas .cp_checkmarlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_bl.svg");
  }
  
  .cp_tarifvergleich_color .cp_checkmarlist ul li:before {
	background-image: url("/fileadmin/templates/img_cp/bullet_ws.svg");
  }
  
  .cp_tarifvergleich_color ul li {
	color: white;
  }
  
  .cp_tarifvergleich .cta {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	background-color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	height: 28px;
	border-radius: 14px;
	text-decoration: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 8px 15px 2px;
  }
  
  .cp_tarifvergleich_single.cp_tarifvergleich .cta {
	right: 0;
	left: auto;
  }
  
  .is_waerme .cp_tarifvergleich .cta {
	background-color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarifvergleich .cta {
	background-color: var(--cd-blue);
  }
  
  .cp_tarifvergleich .cp_tarifvergleich_color .cta {
	background-color: white;
	color: var(--cd-green);
  }
  
  .is_waerme .cp_tarifvergleich .cp_tarifvergleich_color .cta {
	background-color: white;
	color: var(--cd-orange);
  }
  
  .is_erdgas .cp_tarifvergleich .cp_tarifvergleich_color .cta {
	background-color: white;
	color: var(--cd-blue);
  }
  
  .cp_tarifvergleich_hl {
	color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 21px;
  }
  
  .cp_tarifvergleich_side:not(.cp_tarifvergleich_color) .cp_tarifvergleich_hl {
	color: var(--cd-green);
  }
  
  .is_waerme
	.cp_tarifvergleich_side:not(.cp_tarifvergleich_color)
	.cp_tarifvergleich_hl {
	color: var(--cd-orange);
  }
  
  .is_erdgas
	.cp_tarifvergleich_side:not(.cp_tarifvergleich_color)
	.cp_tarifvergleich_hl {
	color: var(--cd-blue);
  }
  
  .cp_fixed_rueckruf {
	position: fixed;
	bottom: 0;
	right: 300px;
	color: white;
	background-color: var(--cd-green);
	border-radius: 3px 3px 0 0;
	z-index: 1000000;
	padding: 16px;
	box-sizing: border-box;
	width: 188px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  .cp_fixed_rueckruf h3 {
	color: white;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	/*medium*/
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
	text-transform: none;
	margin: 0;
	text-align: center;
	position: relative;
  }
  
  .cp_fixed_rueckruf h3::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 1px;
	width: 18px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/rueck_big.svg");
	background-size: 100%;
	background-position: center;
  }
  
  .cp_fixed_rueckruf .form2form_fields,
  .cp_fixed_rueckruf #form2formdank {
	margin-top: 11px;
  }
  
  .cp_fixed_rueckruf .form_input_field {
	padding-right: 0;
  }
  
  .cp_fixed_rueckruf input {
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	height: 24px;
	border: none;
  }
  
  .cp_fixed_rueckruf .cp_rr_cta {
	display: block;
	margin: 0 auto;
	border: 1px solid white;
	border-radius: 10px;
	height: 20px;
	box-sizing: border-box;
	text-align: center;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	padding-top: 3px;
	width: 105px;
  }
  
  a:focus,
  button:focus,
  input:focus,
  textarea:focus {
	outline: none;
  }
  
  .cp_fixed_container {
	position: fixed;
	top: 0;
	width: 100%;
	pointer-events: none;
	box-sizing: border-box;
	z-index: 100000000000;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	overflow: hidden;
  }
  
  .cp_fixed_zunge {
	box-sizing: border-box;
	position: absolute;
	display: block;
	color: white;
	padding-left: 40px;
	padding-top: 9px;
	background-color: var(--cd-green);
	height: 30px;
	border-radius: 15px 0 0 15px;
	top: 0;
	right: 0;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 12px;
	pointer-events: all;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  .cp_fixed_kundenservice {
	top: 326px;
  }
  
  .cp_fixed_kundenservice::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 12px;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/ks.svg");
	background-size: contain;
	background-position: center;
  }
  
  .cp_fixed_wechsel {
	top: 365px;
  }
  
  .cp_fixed_wechsel::before {
	top: 365px;
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/fileadmin/templates/img_cp/wechsel.svg");
	background-size: contain;
	background-position: center;
  }
  
  .cp_fixed_zunge .tlabel {
	display: inline-block;
	height: 20px;
	overflow: hidden;
	color: white;
	text-decoration: none;
	width: 0px;
	transition: width 1s ease-in-out;
  }
  
  .cp_fixed_kundenservice.cp_fixed_zunge:hover .tlabel {
	width: 89px;
  }
  
  .is_gewerbe .cp_fixed_kundenservice.cp_fixed_zunge:hover .tlabel {
	width: 104px;
  }
  
  .cp_fixed_wechsel.cp_fixed_zunge:hover .tlabel {
	width: 154px;
  }
  
  .inner_tlabel {
	padding-right: 14px;
  }
  
  .cp_smallprint,
  .cp_bottominfo {
	margin-top: 50px;
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	/* book */
	font-size: 12px;
	line-height: 16px;
  }
  
  a.cp_link_other_mobile {
	display: none;
  }
  
  /* responsive 922px down to 375px */
  @media (max-width: 767px) {
	a.cp_link_other_mobile {
	  position: unset;
	  display: block;
	  left: unset;
	  border: unset;
	}
  
	a.cp_link_other_mobile {
	  background-color: transparent;
	}
  
	a.cp_link_other_mobile .cp_fixed_other {
	  background-color: var(--cd-orange);
	}
  
	.is_waerme a.cp_link_other_mobile .cp_fixed_other {
	  background-color: var(--cd-green);
	}
  
	a.cp_link_other_desktop {
	  display: none;
	}
  
	a.cp_link_other_mobile .cp_fixed_other {
	  top: 405px;
	  right: 0;
	}
  
	.cp_fixed_other.cp_fixed_zunge:hover .tlabel {
	  width: 80px;
	}
  
	.is_waerme .cp_fixed_other.cp_fixed_zunge:hover .tlabel {
	  width: 50px;
	}
  
	.cp_link_other img {
	  position: absolute;
	  left: 7px;
	  top: 3px;
	}
  
	.is_not_intro .cp_tarifparams .cp_roundbox {
	  padding-right: 8px;
	}
  
	.is_not_intro .cp_rb_cta {
	  grid-column: 4/6;
	  grid-row: 5/6;
	  justify-self: end;
	  justify-content: flex-end;
	  margin-right: 20px;
	}
  
	.is_not_intro .cp_hsep2 {
	  display: none;
	}
  
	.cp_tarifparams {
	  position: absolute;
	  right: 0;
	}
	.cp_ctype_50_50,
	.cp_ctype_360_left,
	.cp_ctype_360_right,
	.cp_ctype_33_66,
	.cp_ctype_66_33 {
	  flex-direction: column;
	  margin: 28 0;
	}
  
	.cp_ctype_50_50.mobilereverse,
	.cp_ctype_360_left.mobilereverse,
	.cp_ctype_360_right.mobilereverse,
	.cp_ctype_33_66.mobilereverse,
	.cp_ctype_66_33.mobilereverse,
	.cp_ctype_shrink_left.mobilereverse,
	.cp_ctype_shrink_right.mobilereverse {
	  flex-direction: column-reverse;
	}
	.cp_ctype_50_50 > .cp_col1,
	.cp_ctype_50_50 > .cp_col2,
	.cp_ctype_360_left > .cp_col1,
	.cp_ctype_360_left > .cp_col2,
	.cp_ctype_360_right > .cp_col1,
	.cp_ctype_360_right > .cp_col2,
	.cp_ctype_33_66 > .cp_col1,
	.cp_ctype_33_66 > .cp_col2,
	.cp_ctype_66_33 > .cp_col1,
	.cp_ctype_66_33 > .cp_col2 {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	  flex-basis: 0 !important;
	  margin: 0 0 24px 0;
	  max-width: 100%;
	  min-width: 0;
	  width: auto;
	}
  
	.cp_col1 > .ft_fce_cp_c_twocols,
	.cp_col2 > .ft_fce_cp_c_twocols {
	  margin-top: 0;
	  margin-bottom: 0;
	}
  
	.ft_fce_cp_cta.type_button,
	.ft_fce_cp_cta.type_arrow {
	  margin: 12px auto 24px auto;
	}
  
	.cp_tarifvergleich .cp_hsep {
	  display: none;
	}
  
	.cp_tarifvergleich {
	  border-radius: 0;
	  flex-direction: column;
	  box-shadow: none;
	}
  
	.cp_tarifvergleich_side {
	  max-width: 380px;
	  overflow: hidden;
	  border-radius: 50px 50px 50px 50px;
	  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	  margin-bottom: 24px;
	}
  
	.cp_tarifvergleich_icon {
	  left: 30px;
	  bottom: -380px;
	  max-width: 120px;
	}
  
	.cp_tarifvergleich_innertable {
	  flex-direction: column;
	}
  
	.cp_tarifvergleich_innertable_side_right {
	  padding-left: 40%;
	  padding-bottom: 48px;
	}
  
	.cp_tarifvergleich .cta {
	  left: auto;
	  right: 0;
	}
  
	/*
	  .cp_tarifvergleich,
	  .cp_tarifvergleich ul li {
		  font-weight: 350;
		  font-size: 12px;
		  line-height: 14px;
	  }
  */
	.cp_vis_hl {
	  font-size: 34px;
	}
  
	.cp_vis_body {
	  display: none;
	}
  
	.cp_vis_overlay {
	  width: 310px;
	  height: 170px;
	  padding-left: 30px;
	}
  
	.cp_vis_follow .cp_vis_overlay {
	  width: 358px;
	}
  
	.cp_vis_overlay > .cycle-pager {
	  position: absolute;
	  right: 40px;
	  bottom: 28px;
	  left: auto;
	}
  
	.is_intro .visual_overwidth {
	  margin-bottom: -87px;
	}
  
	.is_intro .cp_tarifparams .cp_roundbox,
	.addraender .cp_tarifparams .cp_roundbox {
	  border-radius: 117px 0 0 117px;
	  padding-left: 77px;
	  padding-right: 45px;
	}
  
	.is_intro .cp_rb_tart {
	  grid-column: 1/2;
	  grid-row: 1/2;
	}
  
	.is_intro .cp_hsep1 {
	  grid-column: 1/2;
	  grid-row: 2/3;
	  height: 1px;
	  width: 100%;
	  background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0)
	  );
	  margin: 12px 0 8px;
	}
  
	.is_intro .cp_rb_addr,
	.addraender .cp_rb_addr,
	.cp_paramtable.askmoreaddr .cp_rb_addr {
	  grid-column: 1/2;
	  grid-row: 3/4;
	}
  
	.is_intro .cp_vsep1 {
	  display: block;
	  grid-column: 1/2;
	  grid-row: 4/5;
	  height: 1px;
	  width: 100%;
	  background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0)
	  );
	  margin: 12px 0 8px;
	}
  
	.is_intro .cp_paramtable.askmoreaddr .cp_rb_verbrauch,
	.cp_paramtable.addraender.askmoreaddr .cp_rb_verbrauch,
	.is_intro .cp_rb_verbrauch,
	.addraender .cp_rb_verbrauch {
	  grid-column: 1/2;
	  grid-row: 5/6;
	}
  
	.is_intro .cp_hsep2,
	.addraender .cp_hsep2 {
	  grid-column: 1/2;
	  grid-row: 6/7;
	  height: 1px;
	  width: 100%;
	  background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0)
	  );
	  margin: 12px 0 8px;
	}
  
	.is_intro .cp_rb_cta,
	.addraender .cp_rb_cta {
	  grid-column: 1/2;
	  grid-row: 7/8;
	  width: auto;
	  justify-content: flex-end;
	  align-items: flex-end;
	}
  
	.is_not_intro .addraender .cp_rb_cta {
	  margin-right: 0;
	}
  
	.is_intro .cp_rb_tart {
	  display: flex;
	  flex-direction: row;
	  width: auto;
	}
  
	.is_intro .cp_rb_tart > div {
	  width: 96px;
	}
  
	.is_intro .cp_cbrow.cp_cbrow_right input ~ label::after {
	  bottom: auto;
	  top: 0;
	}
  
	.is_intro #fset_tart1 {
	  margin-right: 26px;
	  margin-top: 0px;
	}
  
	.is_intro #fset_tart2 {
	  margin-top: 0px;
	}
  
	.is_intro .cp_newrow,
	.addraender .cp_newrow {
	  display: grid;
	  grid-template-columns: auto 24px auto;
	  width: 100%;
	  flex-grow: 1;
	  flex-basis: 100%;
	  margin-right: 0;
	  margin-bottom: 4px;
	  margin-top: 4px;
	}
  
	.form_input_label {
	  grid-column: 1/2;
	  grid-row: 1/2;
	  justify-self: start;
  
	  align-items: start;
	}
  
	.cp_newrow label {
	  margin-top: 0;
	  max-width: 125px;
	}
  
	.form_input_field_images,
	.form_input_field {
	  grid-column: 3/4;
	  grid-row: 1/2;
	  justify-self: end;
	}
  
	.is_waerme .cp_cbrow .form_input_field {
	  min-width: 125px;
	}
  
	.cp_outer_wart2 {
	  position: relative;
	  padding-left: 0;
	  padding-top: 45px;
	}
  
	.is_intro .cp_addr_rw,
	.addraender .cp_addr_rw {
	  flex-direction: column;
	  align-items: stretch;
	}
  
	.is_intro .cp_param_verbrauch_rw,
	.is_intro .addraender {
	  flex-direction: column;
	}
  
	.cp_paramtable.askmoreaddr .cp_rb_verbrauch {
	  margin-left: 0;
	}
  
	.is_intro #fset_consumption_img {
	  display: grid;
	  margin-right: 0;
	}
  
	#fset_delivery_zip.cp_newrow {
	  width: auto;
	  margin-right: 0;
	}
  
	#fset_delivery_zip.cp_newrow .form_input_field {
	  width: 69px;
	}
  
	#fset_delivery_city.cp_newrow {
	  width: auto;
	}
  
	#fset_delivery_city.cp_newrow .form_input_field {
	  width: 144px;
	}
  
	#fset_delivery_street.cp_newrow {
	  width: auto;
	}
  
	#fset_delivery_street.cp_newrow .form_input_field {
	  width: 144px;
	}
  
	#fset_delivery_no.cp_newrow {
	  width: auto;
	}
  
	#fset_delivery_no.cp_newrow .form_input_field {
	  width: 69px;
	}
  
	.cp_paramtable.slim .cp_addr_rw,
	.cp_paramtable.slim .cp_consumption_outer {
	  margin-top: 0;
	}
  
	#fset_consumption_img.cp_newrow {
	  width: 100%;
	}
  
	#fset_consumption_img .form_input_label {
	  justify-self: start;
	}
  
	.is_waerme .cp_consumption_outer {
	  flex-direction: column;
	  align-items: stretch;
	}
  
	.is_waerme .cp_param_verbrauch_rw {
	  flex-direction: column;
	  align-items: stretch;
	}
  
	.is_intro .cp_hsep,
	.is_waerme.is_intro .cp_hsep,
	.addraender .cp_hsep,
	.is_waerme .addraender .cp_hsep {
	  width: 100%;
	  height: 1px;
	  min-height: 1px;
	  max-height: 1px;
	  flex-grow: 0;
	  flex-shrink: 0;
	  background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0)
	  );
	}
  
	.form_input_field_images {
	  min-width: 120px;
	  text-align: right;
	}
  
	#fset_consumption.cp_newrow,
	#fset_consumption_low.cp_newrow {
	  width: auto;
	}
  
	.ft_fce_cp_c_slider {
	  margin: 0 auto;
	  max-width: 602px;
	}
  
	.ft_fce_cp_c_slider_slide {
	  padding: 0 0 20px 0;
	}
  
	.cp_slider_prevnext {
	  top: auto;
	  bottom: 0px;
	}
  
	.ft_fce_cp_c_slider .cp_cycle-pager {
	  bottom: 5px;
	}
  
	.ft_fce_cp_c_slider .cp_ctype_shrink_right {
	  flex-direction: column;
	  align-items: center;
	}
  
	.ft_fce_cp_c_slider .cp_ctype_shrink_right #eKomiWidget_default {
	  margin-top: 0px !important;
	}
  
	.ft_fce_cp_c_slider .cp_ctype_shrink_right > .cp_col1 {
	  margin-right: 0;
	  margin-bottom: 20px;
	}
  
	.is_waerme #fset_consumption_img {
	  display: none;
	}
  
	.cp_cbrow_right .form_input_field {
	  grid-column: 1/3;
	}
  
	.form_input_field {
	  align-self: center;
	}
  
	/* TODO aendern und lange ro_adresse nicht centerd*/
  
	/*tarife responsive*/
  
	.cp_tarif_inner {
	  padding: 26px 33px 26px 33px;
	  grid-template-columns: 33% 33% 33%;
	}
  
	.cp_tarif_proposed {
	  left: auto;
	  right: 0px;
	  top: -30px;
	  border-radius: 28px 28px 28px 0;
	}
  
	.cp_tarif .shop_tarif_logo {
	  grid-column: 1/3;
	  grid-row: 1/2;
	  padding-top: 0;
	  width: 109px;
	  margin-bottom: 0;
	}
  
	.cp_tarif_claim {
	  grid-column: 2/3;
	  grid-row: 1/2;
	  display: none;
	}
  
	.cp_tarif_addonimage {
	  grid-column: 3/4;
	  grid-row: 1/2;
	  position: absolute;
	  padding-right: 0;
	  width: 100px;
	  height: 60px;
	  top: -14px;
	  right: 58%;
	}
  
	.cp_tarif_addonimage img {
	  max-height: 100%;
	  max-width: 100%;
	}
  
	.cp_tarif_vsep1 {
	  grid-column: 1/4;
	  grid-row: 2/3;
	  height: 1px;
	  width: 100%;
	  background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 0)
	  );
	  margin: 12px 0 8px;
	  display: none;
	}
  
	.cp_tarif_bulletlist {
	  grid-column: 1/4;
	  grid-row: 3/4;
	  padding-bottom: 0;
	}
  
	.cp_tarif_hsep1 {
	  grid-column: 1/4;
	  grid-row: 4/5;
	  margin-bottom: 18px;
	}
  
	.cp_tarif_price {
	  grid-column: 1/2;
	  grid-row: 5/6;
	  padding-bottom: 6px;
	}
  
	.cp_tarif_price_monthly {
	  grid-column: 2/3;
	  grid-row: 5/6;
	}
  
	.cp_tarif_saving {
	  grid-column: 3/4;
	  grid-row: 5/6;
	  min-width: 125px;
	}
  
	.cp_tarif_products_binding_period {
	  grid-column: 1/4;
	  grid-row: 7/8;
	  font-size: 10px;
	  line-height: 1;
	  margin: 4px 0;
	}
  
	.cp_tarif_invest {
	  grid-column: 1/4;
	  grid-row: 8/9;
	  justify-self: end;
	  max-width: 220px;
	  margin-top: 8px;
	}
  
	.cp_tarif_savingdetails {
	  grid-column: 1/2;
	  grid-row: 9/10;
	  font-size: 10px;
	  line-height: 1;
	}
  
	.cp_tarif_details {
	  grid-column: 2/3;
	  grid-row: 9/10;
	  font-size: 10px;
	  line-height: 1;
	}
  
	.cp_tarif_savingdetails,
	.cp_tarif_details {
	  left: -8px;
	}
  
	.cp_tarif_savingdetails_container,
	.cp_tarif_details_container {
	  box-sizing: border-box;
	  width: 243px;
	  padding: 12px;
	  border-radius: 0 20px 20px 20px;
	}
  
	.cp_tarif_togglelink,
	.cp_tarif_innertogglelink {
	  width: 102px;
	}
  
	.cp_tarif_cta {
	  grid-column: 3/4;
	  grid-row: 9/10;
	}
  
	.cp_tarif:not(.cp_tarif_upsell) .cp_tarif_cta {
	  width: auto;
	  min-width: 74px;
	  padding: 5px 8px 0 8px;
	}
  
	.cp_tarif_saving,
	.cp_tarif_invest {
	  padding: 9px 15px 0 15px;
	}
  
	.cp_tarif_upsell_inner {
	  grid-column: 1/10;
	  grid-row: 3/9;
	}
  
	.cp_tarif_price .cp_tarif_value,
	.cp_tarif_price_monthly .cp_tarif_value,
	.cp_tarif_saving .cp_tarif_value,
	.cp_tarif_invest .cp_tarif_value {
	  font-size: 18px;
	}
  
	.cp_tarif_invest {
	  top: 0;
	  margin-bottom: 9px;
	}
  
	.cp_tarif_invest .cp_tarif_value {
	  float: right;
	  padding-top: 8px;
	}
  
	.cp_tarif_invest .cp_tarif_label {
	  padding-top: 4px;
	  padding-right: 4px;
	}
  
	.cp_tarif_thank {
	  padding: 12px 36px;
	}
  
	.cp_tarif_thank_hl {
	  font-size: 28px;
	  line-height: 30px;
	}
  
	.cp_tarif_thank_sl {
	  font-size: 22px;
	  line-height: 24px;
	}
  
	/*
	  a.cp_link_other {
		  width: auto;
	  }
  
	  .cp_link_other .label {
		  display: none;
	  }
  */
  
	.is_intro .cp_fillup {
	  height: 200px !important;
	}
  
	.cp_fixed_rueckruf {
	  right: auto;
	  left: 5px;
	  border-radius: 50px;
	  bottom: 20px;
	  width: auto;
	  padding: 24px;
	}
  
	.cp_fixed_rueckruf:not(.open) h3 {
	  font-size: 0.001px;
	  width: 14px;
	}
  
	.cp_fixed_rueckruf:not(.open) h3::before {
	  left: -1px;
	}
  
	.cp_fixed_rueckruf input {
	  border-radius: 10px;
	}
  }
  
  .hidden:not(#cp_footer) {
	display: none !important;
  }
  
  /* end responsive */
  
  #debug {
	display: none !important;
  }
  
  .cp_reframeoverwidth strong {
	font-weight: bold;
  }
  
  .cp_tarifvergleich_tariflogo_txt {
	font-size: 36px;
	line-height: 1;
	margin-top: 3px;
	display: inline-block;
	margin-left: -2px;
  }
  
  @media (max-width: 767px) {
	.cp_tarifvergleich_tariflogo_txt {
	  margin-top: -13px;
	}
  
	.cp_tarifvergleich_icon.pushdown {
	  bottom: -486px;
	}
  }
  @media only screen and (min-width: 1024px) {
	.tellink {
	  display: none !important;
	}
  }
  
  /****************************************** emob ******************************************/
  /*
  .cp_vis, .cp_vis_slide{
	  height: 450px;
  }
  .cp_vis_follow, .cp_vis_follow .cp_vis_slide {
	  height: 300px;
  }
  .cp_vis_follow .cp_vis_sl {
	  display: block;
  }
   
  
  .cp_vis_overlay,.cp_vis_follow .cp_vis_overlay {
	  left: 0;
	  top: 0;
	  height: 100%;
	  padding-top: 80px;
  }
  .cp_vis_follow .cp_vis_overlay{
	  display: flex;
	  padding-top:0;
	  padding-bottom:0;
	  flex-direction: column;
	  justify-content: center;
  }
  @media (max-width: 767px){
	  .cp_vis_overlay,.cp_vis_follow .cp_vis_overlay {
			width: 358px;
			
	  }
  }
  @media(min-width: 1028px) {
	  .cp_vis_overlay,.cp_vis_follow .cp_vis_overlay {
		  width: calc(50% - 145px);
		  padding-left: calc(50% - 460px );
	  }
	  .cp_vis_overlay > .cycle-pager {
		  left:  calc(50% - 460px);
		}
		.cp_vis_body{
		  font-size:20px;
		  line-height:24px;
	  }
  }
  @media(min-width: 1300px) {
	  .cp_vis_overlay,.cp_vis_follow .cp_vis_overlay {
		  padding-left: calc(50% - 460px - 265px);
	  }
	  .cp_vis_overlay > .cycle-pager {
		  left:  calc(50% - 460px - 265px);
		}
  }
  #back{
	  display: none;
  }
  .struct_outer_container,.cp_fixed_container{
	  max-width: 2096px;
  }
  
  
  #navigation div {
	  background-image: none !important;
  }
  #navigation .buttonlabel,.search_mbox_button_grey >a{
	  color: #5AAF21;
	  font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	  font-weight: 500;
	  font-size: 16px;
	  line-height: 12px;
  
  }
  .search_mbox_button_grey{
	  border-radius: 200px;
  }
  #navigation .buttonlabel{
	  text-align: left;
	  padding: 0 27px 5px 0;
  }
  
  #navigation .left_buttonpart,
  #navigation .right_buttonpart {
	  display: none !important;
  }
  
  #logos, 
  #overall:not(.overwidth) #subnav_container,
  #overall:not(.overwidth) #content,
  #overall:not(.overwidth) #teaser,
  #overall:not(.overwidth) #footer ,
  #navigation,
  #inner_container_bottom,
  .cp_reframeoverwidth {
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 922px;
  }
  @media(min-width: 1028px) {
  #logos, #navigation{
	  padding: 0 24px;
	  max-width: 2096px;
  }
  }
  
  @media(max-width: 1028px) {
	  #overall:not(.overwidth) #subnav_container,
  #overall:not(.overwidth) #content,
  #overall:not(.overwidth) #teaser,
  #overall:not(.overwidth) #footer ,
  #logos,
  #navigation,
  #inner_container_bottom,
  .cp_reframeoverwidth {
		  margin-left: 4.981%;
		  margin-right: 4.981%;
	  }
  }
  @media only screen and (max-width: 1023px){
	  #overall:not(.overwidth) #subnav_container,
	  #overall:not(.overwidth) #content,
	  #overall:not(.overwidth) #teaser,
	  #overall:not(.overwidth) #footer ,
	  #logos,
	  #navigation,
	  #inner_container_bottom,
	  .cp_reframeoverwidth {
  
	margin-left: 2%;
	margin-right: 2%;
  }
  }
  
  #topnav {
	  margin-left: 2%;
	  margin-right: 2%;
  }
  .struct_inner_container{
	  margin:0;
  }
  #linkfooter,#carousel,.topnavtrenner_links,.topnavtrenner_mitte,.topnavtrenner_rechts{
	  display: none;
  }
  #topnav .topnav_hl_ohne,#topnav .topnav_hl {
	  display: inline;
  }
  #topnav .tel{
	  font-size: inherit;
	  font-family: inherit;
	  font-weight: inherit;
	  line-height: inherit;
	  display: inline;
  }
  .topnav_hl, .topnav_hl_ohne {
	  padding: inherit;
	}
  #topnav{
	  padding-top: 4px;
  }
  
  #newtopnav{
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: space-between;
	  gap: 6px 12px;
  }
  
  #logos{
	  padding-top: 8px;
	  padding-bottom: 0px;
  }
  #sitelogo_resp {
	  float: left;
	  margin-right: 10px;
  }
  body{
	  XXXbackground-color:pink;
  }
  
  
  */
  
  .topline {
	margin-bottom: 2px;
  }
  
  .is_waerme .fce_cp_single_h2.topline,
  .is_erdgas .fce_cp_single_h2.topline {
	color: var(--cd-grey);
  }
  
  .fce_cp_single_h1 ~ .ft_fce_cp_image {
	margin-top: 8px;
  }
  
  .ft_fce_cp_image ~ .fce_cp_bodytext {
	margin-top: 20px;
  }
  
  .m_ctbx_5 {
	box-sizing: content-box;
	background-color: hsl(98, 58%, 90%);
	margin: 28px -24px 28px -24px;
	padding: 24px;
  }
  @media (min-width: 1600px) {
	.m_ctbx_5 {
	  transform: translateX(334px);
	  margin-right: calc(461px + 334px - 50vw);
	  padding-right: calc(50vw - 461px - 334px);
	  max-width: unset;
	}
  }
  @media (max-width: 1600px) {
	.m_ctbx_5 {
	  transform: translateX(0px);
	}
  }
  @media (max-width: 767px) {
	.m_ctbx_5 {
	  transform: translateX(0px);
	}
	.m_ctbx_5 {
	  max-width: 360px;
	  margin: 0 -2%;
	  padding: 2%;
	}
  }
  
  .m_ctbx_5v2 {
	box-sizing: content-box;
	transform: translateX(334px);
  }
  .m_ctbx_5v2 .cp_col1 {
	z-index: 2;
  }
  .m_ctbx_5v2 .cp_col2 {
	background-color: hsl(98, 58%, 90%);
	margin: 0 0 0 -60px;
	padding: 20px 24px 20px 60px;
	z-index: 1;
	height: 246px;
	box-sizing: border-box;
  }
  @media (min-width: 1600px) {
	.m_ctbx_5v2 {
	  transform: translateX(334px);
	  margin-right: calc(461px + 334px - 50vw);
	  max-width: unset;
	}
	.m_ctbx_5v2 .cp_col2 {
	  padding-right: calc(50vw - 461px - 334px);
	}
  }
  @media (max-width: 1600px) {
	.m_ctbx_5v2 {
	  transform: translateX(0px);
	}
	.m_ctbx_5v2 .cp_col2 {
	  height: auto;
	}
  }
  @media (max-width: 767px) {
	.m_ctbx_5v2 {
	  transform: translateX(0px);
	  gap: 0;
	}
	.m_ctbx_5v2 .cp_col1 {
	  margin-bottom: -20px;
	}
	.m_ctbx_5v2 .cp_col2 {
	  padding: 40px 20px 20px 20px;
	  height: auto;
	}
  }
  
  .fce_foldout {
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 16px;
	line-height: 20px;
	border-top: 1px solid #ccc;
	padding: 8px 0 8px 0;
  }
  .fce_foldout:first-child {
	border-top: none;
  }
  .fce_foldout .headline {
	cursor: pointer;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	padding-right: 24px;
  }
  .fce_foldout .headline::after {
	content: "<";
	position: absolute;
	top: 2px;
	right: 6px;
	transform: rotate(90deg);
	transition: transform 0.5s linear;
  }
  .fce_foldout.collapsed .headline::after {
	transform: rotate(-90deg);
  }
  .fce_foldout .bodytext {
	height: auto;
	max-height: 200px;
	overflow: hidden;
	transition: max-height 1s linear;
	color: var(--cd-grey);
	margin-top: 6px;
  }
  .fce_foldout .bodytext p:last-child {
	margin-bottom: 0;
  }
  .fce_foldout.collapsed .bodytext {
	max-height: 0px;
  }
  .cp_c_visualteaser {
	padding: 24px;
	gap: 24px;
	background-color: hsl(98, 58%, 90%);
	display: flex;
	justify-content: center;
  }
  .cp_visualteaser_link {
	text-decoration: none;
  }
  .cp_visualteaser {
	color: var(--cd-grey);
	display: flex;
	align-items: top;
	gap: 15px;
  }
  .cp_visualteaser:hover {
	color: black;
  }
  .cp_visualteaser_icon {
	width: 200px;
	height: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px;
  }
  .cp_visualteaser_icon_text {
	width: 185px;
	height: 100px;
  }
  .cp_visualteaser_sl {
	margin-top: 4px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 14px;
	line-height: 16px;
  }
  .cp_visualteaser_hl {
	margin-top: 2px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 20px;
	line-height: 24px;
  }
  
  @media (max-width: 1260px) {
	.cp_c_visualteaser > .cp_visualteaser_link:last-child {
	  display: none;
	}
  }
  @media (max-width: 830px) {
	.cp_c_visualteaser > .cp_visualteaser_link:first-child {
	  display: none;
	}
  }
  .cp_iconteaser_link {
	text-decoration: none;
  }
  
  .cp_c_iconteaser {
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	margin: 28px 0 56px 0;
	align-items: center;
	justify-content: center;
  }
  .cp_iconteaser {
	position: relative;
	box-sizing: border-box;
	width: 290px;
	display: flex;
	padding: 12px 12px 12px 12px;
	align-items: center;
	gap: 20px;
	border-radius: 10px;
  }
  .cp_iconteaser:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-image: linear-gradient(
	  90deg,
	  rgba(255, 255, 255, 0),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(204, 204, 204, 1),
	  rgba(255, 255, 255, 0)
	);
  }
  .cp_iconteaser:hover {
	background-color: hsl(98, 58%, 90%);
  }
  .cp_iconteaser_icon {
	flex-grow: 0;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
  }
  
  .cp_iconteaser_hl {
	margin-top: 2px;
	color: var(--cd-grey);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 26px;
	line-height: 28px;
  }
  .cp_sendbutton {
	white-space: nowrap;
  }
  .cp_buttontable {
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	margin: 24px 0;
	align-items: center;
	justify-content: center;
  }
  .cp_tarifparams_body .cp_roundbox {
	box-sizing: border-box;
	min-height: calc(46px +46px);
	padding: 10px 30px 10px 34px;
	max-width: 100%;
	border-radius: 46px 0 0 46px;
	background-color: var(--cd-green);
	color: white;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
	transition: width 1s;
  }
  
  .cp_choice_edit,
  .cp_choice_result {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 40px;
  }
  .cp_choice_result {
	background-color: white;
	color: var(--cd-grey);
	border-radius: 41px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
  }
  .cp_choice_result_inner {
	display: grid;
	grid-template-columns: auto 65px auto auto;
	grid-template-rows: auto 0px;
	position: relative;
	padding: 16px 42px 16px 73px;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 12px;
	line-height: 14px;
  }
  .cp_choice_tworows {
	width: 100%;
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	margin: 24px 0;
	xalign-items: center;
	xjustify-content: center;
  }
  .cp_choice_tworows_row {
	width: 448px;
	display: flex;
	flex-direction: column;
	gap: 26px;
	flex-wrap: wrap;
	align-items: left;
	justify-content: center;
  }
  
  .cp_choice_threerows {
	width: 100%;
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	margin: 24px 0;
  }
  .cp_choice_threerows_row {
	width: 290px;
	display: flex;
	flex-direction: column;
	gap: 26px;
	flex-wrap: wrap;
	align-items: left;
	justify-content: center;
  }
  
  .cp_choice_imgwithtext {
	width: 100%;
	display: flex;
	gap: 26px;
	flex-wrap: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: left;
	justify-content: left;
  }
  .cp_choice_threerows_row .cp_choice_imgwithtext {
	flex-direction: column;
  }
  .cp_choice_text {
	color: var(--cd-green);
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.2;
	text-decoration: none;
  }
  
  .shop_steps.choices .shop_step {
	height: 20px;
  }
  .shop_steps.choices #shop_step_5 .shop_step_image {
	height: 20px;
	width: 20px;
	background-size: contain;
  }
  .gk_buttons {
	margin-bottom: 10px;
  }
  .gk_button {
	float: right;
  
	color: var(--cd-blue);
	border: 0.5px solid var(--cd-blue);
  }
  .gk_button.isgk {
	background-color: hsl(199.9, 100%, 90%);
  }
  .cp_tarif_togglelink {
	cursor: pointer;
  }
  .messagebox {
	background-color: var(--light-green);
	padding: 24px 4.981% 48px;
	margin: 24px 0 48px;
	color: #666666;
	font-family: "franklin-gothic-urw", Verdana, Arial, Sans-serif;
	font-weight: 350;
	font-size: 16px;
	line-height: 20px;
  }
  .messagebox .hl {
	color: var(--cd-green);
	font-weight: bold;
	text-transform: none;
	margin-bottom: 12px;
	font-size: 20px;
  }
  
  /*wegen chat */
  #content {
	z-index: 4;
  }