@charset "UTF-8";
/* RELAUNCH */
/* STRATEGISCHE E-WIRTSCHAFT */
/* Bestellstrecke */
/* Gradients */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

h1, .h1 {
  font-size: 41px;
}

h2, .h2 {
  font-size: 34px;
}

h3, .h3 {
  font-size: 28px;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}

/* BEGIN Regular */
@font-face {
  font-family: VagRoundedLight;
  src: url("../Fonts/VAGRoundedStd-Light.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Bold */
@font-face {
  font-family: VagRoundedBold;
  src: url("../Fonts/VAGRoundedStd-Bold.woff?v=1.101") format("woff");
  font-weight: 500;
  font-style: normal;
}
/* END Bold */
/* BEGIN Thin */
@font-face {
  font-family: VagRoundedThin;
  src: url("../Fonts/VAGRounded-Thin.woff?v=1.101") format("woff");
  font-weight: 300;
  font-style: normal;
}
/* END Thin */
/* BEGIN Black */
@font-face {
  font-family: VagRoundedBlack;
  src: url("../Fonts/VAGRoundedStd-Black.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* END Black */
header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
}
header.menuOpen nav .navC {
  background-color: white !important;
}
header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink a {
  color: #333;
}
header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg") !important;
}
header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink.hovered a {
  color: #222;
  font-family: VagRoundedBold;
}
header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink.hovered a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_black.svg") !important;
}
header nav {
  background-color: white;
}
header nav a:focus {
  text-decoration: none;
}
header nav a:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
header nav.desktop {
  display: none;
}
@media (min-width: 1150px) {
  header nav.desktop {
    display: block;
  }
}
header nav.desktop .top-navC {
  width: 100%;
  background-color: #222;
}
header nav.desktop .top-navC .top-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 60px;
  height: 48px;
}
header nav.desktop .top-navC .top-nav .top-nav-link {
  z-index: 1;
  margin-right: 15px;
}
header nav.desktop .top-navC .top-nav .mainNavLink {
  color: white;
  font-family: "VagRoundedLight";
  font-size: 1rem;
  line-height: 1.5625em;
  letter-spacing: 0.4px;
  margin: 0 0 0 10px;
  padding: 8px 5px;
  text-decoration: none;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
header nav.desktop .top-navC .top-nav .mainNavLink.active, header nav.desktop .top-navC .top-nav .mainNavLink.hovered {
  border-bottom: 4px solid #82C828;
}
header nav.desktop .top-navC .top-nav .mainNavLink:focus-visible {
  outline-offset: 0;
  border-bottom-color: transparent;
  padding: 4px 5px;
}
header nav.desktop .navC {
  background: white;
  height: 72px;
  padding: 0 60px;
  width: 100%;
}
@media (min-width: 990px) {
  header nav.desktop .navC {
    height: 84px;
  }
}
header nav.desktop .navC .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
}
header nav.desktop .navC .nav:before, header nav.desktop .navC .nav:after {
  content: none;
}
header nav.desktop .navC .nav .links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
header nav.desktop .navC .nav .links .logo {
  width: 64px;
  z-index: 20;
  margin-right: 60px;
}
@media (min-width: 990px) {
  header nav.desktop .navC .nav .links .logo {
    margin-right: 20px;
  }
}
@media (min-width: 1440px) {
  header nav.desktop .navC .nav .links .logo {
    margin-right: 60px;
  }
}
header nav.desktop .navC .nav .links .logo img {
  width: 100%;
  height: auto;
}
header nav.desktop .navC .nav .links .subNavLinkC {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink {
  border-color: transparent;
  display: inline-block;
  list-style: none;
  position: relative;
  transition: border-color 0.4s;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink a, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  font-family: "VagRoundedLight";
  letter-spacing: 0.6px;
  line-height: 1.2em;
  padding: 0.625rem;
  transition: color 0.4s;
}
@media (min-width: 1440px) {
  header nav.desktop .navC .nav .links .subNavLinkC .subNavLink a, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
    font-size: 18px;
    padding: 0.625rem 1rem;
  }
}
@media (min-width: 1700px) {
  header nav.desktop .navC .nav .links .subNavLinkC .subNavLink a, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
    font-size: 20px;
    padding: 0.625rem 1.125rem;
  }
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink a:before, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span:before {
  display: block;
  content: attr(title);
  font-family: VagRoundedBold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink a:focus-visible, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
  cursor: default;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink .megaC {
  display: none;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega a {
  position: relative;
  padding-right: 18px;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}
@media (min-width: 1700px) {
  header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega a {
    padding-right: 28px;
  }
  header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega a:after {
    margin-left: 10px;
  }
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega.hovered a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_black.svg");
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.mega.active a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg");
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.active a, header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.hovered a {
  font-family: VagRoundedBold;
  text-decoration: none;
}
header nav.desktop .navC .nav .nav-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
header nav.desktop .navC .nav .nav-buttons #search {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 11;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_relaunch_search_black.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
header nav.desktop .navC .nav .nav-buttons #search.hovered, header nav.desktop .navC .nav .nav-buttons #search.active {
  border-color: transparent;
  border-width: 0px;
  background-image: url("../images/relaunch/utility/icon_relaunch_search_ci.svg");
}
header nav.desktop .navC .nav .nav-buttons #search:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
header nav.desktop .navC .nav .nav-buttons #subSearch {
  display: flex;
  justify-content: flex-end;
  width: 242px !important;
  z-index: 10;
  position: relative;
  margin-right: 1.5rem;
}
@media (min-width: 990px) {
  header nav.desktop .navC .nav .nav-buttons #subSearch {
    width: 160px !important;
    margin-right: 0.875rem;
  }
}
@media (min-width: 1700px) {
  header nav.desktop .navC .nav .nav-buttons #subSearch {
    width: 242px !important;
    margin-right: 1.5rem;
  }
}
header nav.desktop .navC .nav .nav-buttons #subSearch form {
  width: 242px !important;
  transition: width 300ms;
}
@media (min-width: 990px) {
  header nav.desktop .navC .nav .nav-buttons #subSearch form {
    width: 160px !important;
  }
}
@media (min-width: 1700px) {
  header nav.desktop .navC .nav .nav-buttons #subSearch form {
    width: 242px !important;
  }
}
header nav.desktop .navC .nav .nav-buttons #subSearch #search {
  background-image: url("../images/relaunch/utility/icon_relaunch_search_ci.svg");
}
header nav.desktop .navC .nav .nav-buttons #subSearch.closed form {
  width: 0 !important;
}
header nav.desktop .navC .nav .nav-buttons #subSearch.closed form input {
  padding: 0;
  font-size: 0;
  height: 0;
  width: 0;
  border: 0;
}
header nav.desktop .navC .nav .nav-buttons #subSearch.closed #search {
  background-image: url("../images/relaunch/utility/icon_relaunch_search_black.svg");
}
header nav.desktop .navC .nav .nav-buttons #subSearch input {
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 100px;
  font-size: 1rem;
  letter-spacing: 0.6px;
  padding: 0 0 0 20px;
  line-height: 47px;
  height: 47px;
  width: 100%;
}
header nav.desktop .navC .nav .nav-buttons #subSearch input::-ms-clear {
  display: none !important;
}
header nav.desktop .navC .nav .nav-buttons .hilfe-kontakt-orderform {
  color: #6D6D6D;
  font-family: VagRoundedLight, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  text-decoration: none;
}
header nav.desktop .navC .nav .nav-buttons .hilfe-kontakt-orderform:hover {
  text-decoration: underline;
}
header nav.desktop .megaNavC {
  position: absolute;
  width: 100%;
  background-color: white;
  z-index: 19;
}
header nav.desktop .megaNavC .megaNav {
  display: none;
  padding: 0 60px;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 2.5rem 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol {
  width: 25%;
  padding: 0 3.75rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol:first-child {
  padding-left: 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol.big {
  width: 50%;
  padding: 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol.subItem {
  display: none;
  border-left: 1px solid rgba(116, 116, 116, 0.2);
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol .mega-nav-col-title {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: 0.8px;
  margin-bottom: 1.875rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul li {
  margin-bottom: 1.875rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul li a {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul li a.mega:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_right_black.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul li a.hovered, header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul li a.active {
  color: #222;
  font-family: VagRoundedBold;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul.mega-sub-menu li {
  margin-bottom: 1.25rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul.mega-sub-menu li a {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol ul.mega-sub-menu li:last-child {
  margin-bottom: 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol .product-teaser-block {
  padding: 0;
}
@media (min-width: 990px) {
  header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC {
    flex-wrap: nowrap;
  }
}
header nav.desktop .megaNavC .megaNav .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser {
  margin-bottom: 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 {
  padding: 2.5rem 0;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .tx-dce-pi1 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col {
  width: calc(25% - 10px);
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col.big {
  width: calc(75% - 10px);
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col .mega-nav-title {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col .mega-nav2-item img {
  border-radius: 10px;
  margin-bottom: 1.5rem;
  width: 100%;
  height: auto;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col .mega-nav2-item h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  line-height: 1.25em;
  letter-spacing: 0.6px;
  margin-bottom: 1rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp2 .mega-nav-col .mega-nav2-item p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 1.625rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 {
  padding-bottom: 5rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-title {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col {
  width: 100%;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: flex-start;
  gap: 20px;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item {
  flex: 1 0 18%;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .image {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 1.25rem;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .image img {
  display: block;
  border-radius: 10px;
  width: 100%;
  height: auto;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .bottom {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: flex-start;
}
header nav.desktop .megaNavC .megaNav .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .bottom h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin: 6px 0 0;
  max-width: 80%;
}
header nav.mobile {
  display: block;
  position: relative;
  height: 72px;
  background: white;
}
@media (min-width: 1150px) {
  header nav.mobile {
    display: none;
  }
}
header nav.mobile .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7813rem 1.5rem;
}
header nav.mobile .top .logo {
  display: inline-block;
  width: 44px;
  z-index: 25;
}
header nav.mobile .top .logo img {
  width: 100%;
  height: auto;
}
header nav.mobile .top .mobile-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 47px;
}
header nav.mobile .top .mobile-buttons #mobile-search {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 11;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_relaunch_search_ci.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
header nav.mobile .top .mobile-buttons #mobile-search.hovered, header nav.mobile .top .mobile-buttons #mobile-search.active {
  border-color: transparent;
  border-width: 0px;
  background-image: url("../images/relaunch/utility/icon_relaunch_search_ci.svg");
}
header nav.mobile .top .mobile-buttons #subSearch-mobile {
  position: relative;
  margin-right: 12px;
  width: 200px;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile form {
  width: 200px;
  transition: width 300ms;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile.closed form {
  width: 0;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile.closed form input {
  padding: 0;
  font-size: 0;
  height: 0;
  width: 0;
  border: 0;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile.closed #mobile-search {
  background-image: url("../images/relaunch/utility/icon_relaunch_search_black.svg");
}
header nav.mobile .top .mobile-buttons #subSearch-mobile input {
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 100px;
  font-size: 1rem;
  letter-spacing: 0.6px;
  padding: 0 0 0 20px;
  line-height: 47px;
  height: 47px;
  width: 100%;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile input::-ms-clear {
  display: none !important;
}
header nav.mobile .top .mobile-buttons #subSearch-mobile .close-search {
  display: none;
  position: absolute;
  right: 40px;
  top: 8px;
  background-image: url("../images/lightbox_xerl_dunkel.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  cursor: pointer;
  text-indent: -99999em;
  z-index: 100;
}
header nav.mobile .top .burger {
  display: inline-block;
  width: 24px;
  height: 24px;
  z-index: 1010;
}
header nav.mobile .top .burger .burger-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  width: 100%;
  outline: none;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
header nav.mobile .top .burger .burger-menu .burger-menu-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/relaunch/utility/icon_relaunch_burger.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
header nav.mobile .top .burger .burger-menu.active .burger-menu-icon {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_close.svg");
}
header nav.mobile .sidemenu {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 110%;
  top: 72px;
  transition: left 700ms ease-out;
  z-index: 1000;
}
header nav.mobile .sidemenu.open {
  left: 0;
}
header nav.mobile .sidemenu .sidemenuInner {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #fff;
  padding: 2.75rem 1.5rem;
}
header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.5rem;
}
header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher a {
  color: #222;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-right: 1.875rem;
  padding-bottom: 8px;
  border-bottom: 3px solid transparent;
}
header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher a.active, header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher a:hover, header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher a:focus {
  color: #222;
  font-family: VagRoundedBold;
  letter-spacing: 0.8px;
  border-bottom: 3px solid #82C828;
}
header nav.mobile .sidemenu .sidemenuInner .menuC {
  position: relative;
  height: calc(100% - 135px);
  overflow-y: auto;
  white-space: nowrap;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  min-height: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last {
  margin-top: 20px;
  margin-bottom: 3.75rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last a {
  position: relative;
  display: block;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.2em;
  padding: 0.9063rem 1rem 0.9063rem 1rem;
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last a:before {
  position: absolute;
  left: 8px;
  top: 8px;
}
@media (min-width: 640px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last a {
    width: 190px;
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last a:before {
    position: relative;
    left: auto;
    top: auto;
    margin-right: 10px;
  }
}
@media (min-width: 1150px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last a {
    width: 100%;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink > a {
  display: block;
  position: relative;
  color: #222;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  padding: 1.25rem 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.mega > a:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_right_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.mega.active a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_right_ci.svg");
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.active a {
  color: #82C828;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC {
  position: fixed;
  top: 191px;
  left: 110%;
  width: 100%;
  height: calc(100% - 191px);
  transition: left 700ms ease-out;
  z-index: 1001;
  background-color: white;
  padding: 1.5rem;
  overflow: auto;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC.open {
  left: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .mobile-back-link {
  display: block;
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.25rem;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  margin-bottom: 2.625rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .mobile-back-link:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-bottom: -2px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_left_black.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 {
  display: flex;
  flex-direction: column;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol {
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol.subItem {
  position: fixed;
  top: 191px;
  left: 110%;
  width: 100%;
  height: calc(100% - 191px);
  transition: left 700ms ease-out;
  z-index: 1001;
  background-color: white;
  padding: 1.5rem;
  overflow: auto;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol.subItem.open {
  left: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .mega-nav-col-title {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin-bottom: 0.625rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul {
  list-style: none;
  padding: 0;
  margin: 0 0 3rem 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul li a {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.375rem;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  padding: 0.625rem 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul li a.mega:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -2px;
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_right_black.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul li a.hovered, header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul li a.active {
  color: #222;
  font-family: VagRoundedBold;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul.mega-sub-menu li {
  margin-bottom: 1.25rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul.mega-sub-menu li a {
  font-size: 1.375rem;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  margin-bottom: 0;
  padding: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol ul.mega-sub-menu li:last-child {
  margin-bottom: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block {
  padding: 0;
  margin: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .swiper-scrollbar {
  display: none;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC {
  flex-wrap: wrap;
  transform: none !important;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser {
  width: 100% !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .image {
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .text {
  white-space: normal;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .text h3 {
  font-size: 1.125rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .text p {
  display: none;
}
@media (min-width: 990px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .text p {
    display: block;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .link {
  display: none;
}
@media (min-width: 990px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .link {
    display: block;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp1 .megaNavCol .product-teaser-block .product-teaserC .product-teaser .link a:after {
  background-image: url(../images/relaunch/utility/icon_relaunch_arrow_right_white.svg);
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 {
  display: flex;
  flex-direction: column;
  white-space: normal;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col {
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col.big {
  margin-top: 3rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .mega-nav-title {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .discover-block .discoverC {
  flex-direction: column;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .discover-block .discoverC .discover-item {
  width: 100%;
  margin-bottom: 2.5rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .discover-block .discoverC .discover-item:last-child {
  margin-bottom: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .discover-block .text p {
  display: none;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp2 .mega-nav-col .discover-block .link {
  display: none;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 {
  padding-bottom: 1.25rem;
  white-space: normal;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-title {
  display: none;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col {
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item {
  flex: 1 0 40%;
  max-width: calc(50% - 10px);
  margin-bottom: 1.25rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .image {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 1.25rem;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .image img {
  display: block;
  border-radius: 10px;
  width: 100%;
  height: auto;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .bottom {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: flex-start;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .bottom h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin: 6px 0 0;
  max-width: 80%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink .megaC .megaNavTyp3 .mega-nav-col .branches-block .branchesC .branch-item .bottom span {
  display: none;
}

.container .container {
  padding: 0 !important;
}

/************************
    IMAGE BLOCK
    ************************/
.image-block {
  overflow-x: hidden;
  width: 100%;
}
@media (min-width: 1100px) {
  .image-block {
    min-height: 300px;
  }
}
.image-block img.banner-image {
  height: auto !important;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.image-block img.banner-image.has-mobile {
  display: none;
}
.image-block img.banner-image.mobile-image {
  display: block;
}
@media (min-width: 990px) {
  .image-block img.banner-image.has-mobile {
    display: block;
  }
  .image-block img.banner-image.mobile-image {
    display: none;
  }
}
.image-block .image-block-text-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  width: calc(100% - 30px);
}
@media (min-width: 640px) {
  .image-block .image-block-text-container {
    max-width: 750px;
  }
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container {
    width: 100%;
  }
}
.image-block .image-block-text-container .appButton {
  width: 200px;
  height: 60px;
  display: inline-block;
  margin-right: 30px;
}
.image-block .image-block-text-container h2 {
  font-size: 1.75rem;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 2.5rem;
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container h2 {
    font-size: 2.375rem;
  }
}
.image-block .image-block-text-container h3 {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 1.875rem;
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container h3 {
    font-size: 1.875rem;
  }
}
.image-block .image-block-text-container p {
  color: #ffffff;
  font-size: 1.125rem;
}
@media (min-width: 990px) {
  .image-block .image-block-text-container p {
    font-size: 1.25rem;
  }
}
.image-block .image-block-text-container p a {
  margin-bottom: 20px;
  margin-right: 20px;
}
.image-block .image-block-text-container p a:last-child {
  margin-bottom: 0;
}
.image-block .image-block-text-container p.text-center a {
  margin-left: 10px;
  margin-right: 10px;
}
.image-block .image-block-text-container p.white-overline {
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  margin-bottom: 1.25rem;
}
.image-block .image-block-text-container.darkText {
  color: #222;
}
.image-block .image-block-text-container.darkText p {
  color: #222;
}
.image-block.full-width {
  min-height: inherit;
}
.image-block.full-width .image-block-text-container {
  max-width: inherit;
  padding: 0 3.125em;
}
.image-block.single-line-banner {
  min-height: inherit;
}
@media (min-width: 1100px) {
  .image-block.single-line-banner .image-block-text-container {
    padding: 0 3.125em;
    width: 110em;
  }
  .image-block.single-line-banner .image-block-text-container h2 {
    display: inline-block;
    margin-bottom: 0;
  }
  .image-block.single-line-banner .image-block-text-container p {
    display: inline-block;
    float: right;
  }
}
.image-block.dark-banner-text .image-block-text-container h3 {
  color: #222;
}
.image-block.dark-banner-text .image-block-text-container p {
  color: #222;
}
.image-block.gradient:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image-block.gradient-header:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .image-block.gradient-header:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 47.6%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.image-block.gradient-left:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .image-block.gradient-left:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.image-block.gradient-center:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}
@media (min-width: 990px) {
  .image-block.gradient-center:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.48) 50%, rgba(0, 0, 0, 0.06) 100%);
  }
}

.frame.frame-type-gridelements_pi1.container .col-sm-6 {
  margin: 1em 0;
}

/************************
    THREE SECTION BLOCK
    ************************/
.threeSectionBlockC {
  width: 100%;
}
.threeSectionBlockC .threeSectionBlock {
  /*width: 1000px;*/
  width: 100%;
  margin: 0 auto;
  align-items: stretch;
  display: block;
}
@media (min-width: 990px) {
  .threeSectionBlockC .threeSectionBlock {
    display: flex;
  }
}
.threeSectionBlockC .threeSectionBlock .bigLine {
  font-size: 12em;
  font-family: "VagRoundedLight";
  text-align: center;
  color: #82C828;
}
.threeSectionBlockC .threeSectionBlock h2 {
  font-family: "VagRoundedLight";
  text-align: center;
  color: #82C828;
  font-size: 4em;
  letter-spacing: 0.025em;
  margin-bottom: 30px;
}
.threeSectionBlockC .threeSectionBlock h2.small-headline {
  font-size: 2.2em !important;
}
.threeSectionBlockC .threeSectionBlock h3 {
  font-size: 4em;
  letter-spacing: 0.05em;
  font-family: "VagRoundedLight";
  text-align: center;
  color: #82C828;
  margin: 0 0 30px 0;
}
.threeSectionBlockC .threeSectionBlock p {
  font-family: "VagRoundedLight";
  text-align: center;
  color: #5C5C5C;
  font-size: 1.6em;
  letter-spacing: 0.025em;
  margin-bottom: 0;
}
.threeSectionBlockC .threeSectionBlock .button {
  position: relative;
  /*            left: 50%;
              @include transform(translate( -50%, 0%));
  */
  padding: 0.5313em 1.5625em 0.4063em;
  margin-bottom: 45px;
}
.threeSectionBlockC .threeSectionBlock .left, .threeSectionBlockC .threeSectionBlock .center, .threeSectionBlockC .threeSectionBlock .right {
  vertical-align: top;
  display: block;
  /*width:  100%;*/
  padding: 20px;
}
@media (min-width: 640px) {
  .threeSectionBlockC .threeSectionBlock .left, .threeSectionBlockC .threeSectionBlock .center, .threeSectionBlockC .threeSectionBlock .right {
    padding: 45px 45px 35px;
  }
}
.threeSectionBlockC .threeSectionBlock .left > *, .threeSectionBlockC .threeSectionBlock .center > *, .threeSectionBlockC .threeSectionBlock .right > * {
  -moz-transform: translate(-100px, 0%);
  -o-transform: translate(-100px, 0%);
  -ms-transform: translate(-100px, 0%);
  -webkit-transform: translate(-100px, 0%);
  transform: translate(-100px, 0%);
  opacity: 0;
  transition: transform 800ms ease-out, opacity 800ms ease-out;
}
.threeSectionBlockC .threeSectionBlock .left.inViewport > *, .threeSectionBlockC .threeSectionBlock .center.inViewport > *, .threeSectionBlockC .threeSectionBlock .right.inViewport > * {
  opacity: 1;
  -moz-transform: translate(0px, 0%);
  -o-transform: translate(0px, 0%);
  -ms-transform: translate(0px, 0%);
  -webkit-transform: translate(0px, 0%);
  transform: translate(0px, 0%);
}
.threeSectionBlockC .threeSectionBlock .left {
  background-color: #F7F7F7;
  /*border-right: 1px solid white;*/
}
.threeSectionBlockC .threeSectionBlock .center {
  background-color: #EFEFEF;
  /*border-right: 1px solid white;*/
}
.threeSectionBlockC .threeSectionBlock .right {
  background-color: #E7E7E7;
}

/************************
    SLIDE DOWN BLOCK
    ************************/
.slideDownOuterC {
  margin: 0 0 40px;
  width: 100%;
}
@media (min-width: 990px) {
  .slideDownOuterC {
    margin: 0 0 60px;
  }
}
.slideDownOuterC .slideDownC {
  width: 100%;
  margin: 0 auto 50px auto;
}
@media (min-width: 1100px) {
  .slideDownOuterC .slideDownC {
    width: 1000px;
  }
}
.slideDownOuterC .slideDownC:last-child {
  margin-bottom: 0;
}
@media (min-width: 1100px) {
  .slideDownOuterC .slideDownC h2 ~ p {
    width: 80%;
  }
}
.slideDownOuterC .slideDownC .slideDownHeader {
  width: 100%;
  border: 1px solid #dadada;
  padding: 30px 20px 40px;
  position: relative;
}
@media (min-width: 990px) {
  .slideDownOuterC .slideDownC .slideDownHeader {
    padding: 50px 50px 45px 50px;
  }
}
.slideDownOuterC .slideDownC .slideDownHeader h2 {
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 10px 0 !important;
  padding: 0;
  width: 100%;
}
.slideDownOuterC .slideDownC .slideDownHeader p {
  font-size: 1.125rem;
  line-height: 1.6em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0;
  padding: 0;
  width: 100%;
}
.slideDownOuterC .slideDownC .slideDownHeader .slideDownButton {
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("../images/arrow_togglebox_down.svg");
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.slideDownOuterC .slideDownC .slideDownHeader .slideDownButton.active {
  background-image: url("../images/arrow_togglebox_up.svg");
}
.slideDownOuterC .slideDownC .slideDownHeader .frame.container.frame-type-text {
  max-width: 100%;
}
.slideDownOuterC .slideDownC .slideDownHeader .frame.container.frame-type-text h2 {
  color: #333333;
}
.slideDownOuterC .slideDownC .slideDownHeader.background-icon {
  background-repeat: no-repeat;
  background-position: calc(100% - 6em) center;
  background-size: 4.0625rem 4.0625rem;
  padding-right: 10.625rem;
}
@media (max-width: 989.98px) {
  .slideDownOuterC .slideDownC .slideDownHeader.background-icon {
    padding-right: 1.25rem;
    background: none !important;
  }
}
.slideDownOuterC .slideDownC .slideDownContent {
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px 40px;
  background: #E7E7E7;
  display: none;
}
@media (min-width: 990px) {
  .slideDownOuterC .slideDownC .slideDownContent {
    padding: 55px 50px 45px;
  }
}
@media (min-width: 1100px) {
  .slideDownOuterC .slideDownC .slideDownContent {
    width: 1000px;
  }
}
.slideDownOuterC .slideDownC .slideDownContent p {
  margin: 0;
  margin-bottom: 1.5em;
}
.slideDownOuterC .slideDownC .slideDownContent p.full-width {
  max-width: 100%;
}
.slideDownOuterC .slideDownC .slideDownContent p.middle-grey {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #5C5C5C;
  line-height: 1.5em;
}
.slideDownOuterC .slideDownC .slideDownContent p.small-grey {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
.slideDownOuterC .slideDownC .slideDownContent table thead th {
  font-family: "VagRoundedBold";
  padding-left: 60px;
  max-width: 202px;
}
.slideDownOuterC .slideDownC .slideDownContent table thead th:first-child {
  padding-left: 0;
}
.slideDownOuterC .slideDownC .slideDownContent table thead th span {
  display: block;
  float: right;
  margin-bottom: 10px;
  text-align: right;
}
.slideDownOuterC .slideDownC .slideDownContent table thead th strong {
  letter-spacing: 0.2em;
}
.slideDownOuterC .slideDownC .slideDownContent table tbody tr {
  margin-bottom: 5px;
}
.slideDownOuterC .slideDownC .slideDownContent table tbody td {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  color: #333333;
  /*margin-bottom: 10px;*/
  padding-left: 60px;
  font-family: "VagRoundedLight";
}
.slideDownOuterC .slideDownC .slideDownContent table tbody td span {
  display: block;
  text-align: right;
  float: right;
  margin-bottom: 5px;
}
.slideDownOuterC .slideDownC .slideDownContent table tbody td:first-child {
  padding-left: 0px;
  text-align: left;
}
.slideDownOuterC .slideDownC .slideDownContent table tbody td img {
  max-width: none;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
@media (max-width: 989.98px) {
  .slideDownOuterC .slideDownC .slideDownContent table tbody td img {
    max-width: 95px;
  }
}
.slideDownOuterC .slideDownC .slideDownContent table tbody td h3 {
  font-size: 0.75em;
  line-height: 1.2em;
}
.slideDownOuterC .slideDownC .slideDownContent table.alignLeft thead tr th span, .slideDownOuterC .slideDownC .slideDownContent table.alignLeft tbody tr td span {
  float: left;
  text-align: left;
}
.slideDownOuterC .slideDownC .slideDownContent table.singleRowHeading thead tr th {
  max-width: initial;
}
.slideDownOuterC .slideDownC .slideDownContent h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 1.125rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.slideDownOuterC .slideDownC .slideDownContent h3.big-headline {
  font-size: 1.375rem;
}
.slideDownOuterC .slideDownC .slideDownContent h4 {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #5C5C5C;
  line-height: 1.2em;
  margin: 10px 0 15px 0;
}
.slideDownOuterC .slideDownC .slideDownContent ul {
  margin-left: 25px;
  margin-bottom: 1.5em;
}
.slideDownOuterC .slideDownC .slideDownContent ul li {
  color: #6D6D6D;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  text-indent: -5px;
  list-style: none;
}
.slideDownOuterC .slideDownC .slideDownContent ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
  color: #82C828;
}
.slideDownOuterC .slideDownC .slideDownContent ul li ul {
  margin-bottom: 0;
  font-size: 1em;
}
.slideDownOuterC .slideDownC .slideDownContent ul.green-check-list {
  margin-left: 0;
}
.slideDownOuterC .slideDownC .slideDownContent img {
  height: auto;
  max-width: 100%;
  text-align: center;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC {
  margin-top: 0;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab:last-child .innerSlideDownContent {
  padding-bottom: 0;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader {
  position: relative;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader p {
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #dcdcdc;
  line-height: 2em;
  margin-top: 2px;
  padding-left: 30px;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader p:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  left: 0;
  background-image: url("../images/arrow_togglebox_inner_down.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 17px;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader.active p:before {
  background-image: url("../images/arrow_togglebox_inner_up.svg");
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent {
  display: none;
  padding: 30px;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent p {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  font-size: 1.125rem;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent p.small-grey {
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1.2em;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .green-price {
  color: #82C828;
  font-size: 26px;
  font-family: "VagRoundedBold";
  letter-spacing: 0.01em;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .slideDownTabPriceLabel {
  margin: 25px 0 0 0;
}
.slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .innerSlideDownHeader p {
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #dcdcdc;
  line-height: 2em;
  margin-top: 2px;
  padding-left: 30px;
}
@media (max-width: 989.98px) {
  .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .innerSlideDownHeader p {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .innerSlideDownHeader p {
    font-size: 1.1875rem;
  }
}
.slideDownOuterC .slideDownC .slideDownContent hr {
  border-color: #d2d2d2;
  margin: 10px 0 10px 0;
}
.slideDownOuterC .slideDownC .slideDownContent .legende {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #5C5C5C;
  line-height: 1.5em;
}
.slideDownOuterC .slideDownC .slideDownContent .spaceBottomSixty {
  margin-bottom: 50px;
}
.slideDownOuterC .slideDownC .slideDownContent .spaceBottomSeventy {
  margin-bottom: 60px;
}
.slideDownOuterC .slideDownC .slideDownContent .frame-type-gridelements_pi1.container:not(.wide-container) {
  max-width: 100%;
}
@media (min-width: 1100px) {
  .slideDownOuterC .slideDownC .slideDownContent .col-sm-8 p {
    max-width: 100%;
  }
}

/************************
    SLIDE DOWN FULLWIDTH BLOCK
    ************************/
.slideDownFullWidthOuterC {
  margin: 0 0 40px;
  width: 100%;
}
@media (min-width: 990px) {
  .slideDownFullWidthOuterC {
    margin: 0 0 60px;
  }
}
.slideDownFullWidthOuterC .backgroundImage {
  z-index: 9;
  width: 100vw;
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: absolute;
  left: 50%;
  top: 0;
  transition: width 1s;
  overflow: hidden;
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.slideDownFullWidthOuterC .backgroundImage img {
  min-height: 100%;
  max-width: 100%;
}
.slideDownFullWidthOuterC .slideDownC {
  width: 100%;
  margin: 0 auto 0 auto;
}
@media (min-width: 1100px) {
  .slideDownFullWidthOuterC .slideDownC {
    width: 1000px;
  }
}
.slideDownFullWidthOuterC .slideDownC:last-child {
  margin-bottom: 0;
}
.slideDownFullWidthOuterC .slideDownC h2 ~ p {
  width: 80%;
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader {
  z-index: 11;
  width: 100%;
  border: 1px solid #dadada;
  padding: 30px 20px 40px;
  position: relative;
}
@media (min-width: 990px) {
  .slideDownFullWidthOuterC .slideDownC .slideDownHeader {
    padding: 50px 50px 45px 50px;
  }
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader h2 {
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 10px 0 !important;
  padding: 0;
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader .frame.frame-type-text h2 {
  color: #333333;
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader p {
  font-size: 1.125rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0;
  padding: 0;
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader .slideDownButton {
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url("../images/arrow_togglebox_down.svg");
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.slideDownFullWidthOuterC .slideDownC .slideDownHeader .slideDownButton.active {
  background-image: url("../images/arrow_togglebox_up.svg");
}
.slideDownFullWidthOuterC .slideDownContent {
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px 40px;
  background: white;
  display: none;
  position: relative;
  z-index: 10;
}
@media (min-width: 990px) {
  .slideDownFullWidthOuterC .slideDownContent {
    padding: 55px 50px 45px;
  }
}
@media (min-width: 1100px) {
  .slideDownFullWidthOuterC .slideDownContent {
    width: 1000px;
  }
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent {
  border: 1px solid #dadada;
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul {
  margin-left: 25px;
  margin-bottom: 1.5em;
}
@media (min-width: 1100px) {
  .slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul {
    max-width: 70%;
  }
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul li {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.6em;
  text-indent: -5px;
  list-style: none;
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul li ul {
  font-size: 1em;
  margin-bottom: 0;
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent ul.green-check-list {
  margin-left: 0;
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent .frame.wrapper-container {
  padding: 20px 15px;
}
@media (min-width: 990px) {
  .slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent .frame.wrapper-container {
    padding: 35px 25px;
  }
}
.slideDownFullWidthOuterC .slideDownContent.bottomSlideDownContent .frame-type-gridelements_pi1 .frame-type-text h3.big-headline {
  font-size: 1.375rem;
  line-height: 1.6em;
}
.slideDownFullWidthOuterC .slideDownContent .slideDownContentInner .container.frame {
  margin-left: -15px;
  margin-right: -15px;
}
.slideDownFullWidthOuterC .slideDownContent .slideDownContentInner .container.frame .container {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.slideDownFullWidthOuterC .slideDownContent .slideDownContentInner .container.frame.frame-type-gridelements_pi1.container {
  max-width: calc(100% + 30px);
}
.slideDownFullWidthOuterC .slideDownContent .slideDownContentInner .container.frame.frame-type-gridelements_pi1.container .row {
  width: calc(100% + 30px);
}
.slideDownFullWidthOuterC .slideDownContent .slideDownContentInner .container.frame.frame-type-text.container img {
  max-width: calc(100% + 30px);
}
.slideDownFullWidthOuterC .slideDownContent p {
  font-size: 1.125rem;
  line-height: 2em;
  letter-spacing: 0.025em;
  margin: 0;
}
.slideDownFullWidthOuterC .slideDownContent table thead th {
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  padding-left: 60px;
  max-width: 202px;
}
.slideDownFullWidthOuterC .slideDownContent table thead th:first-child {
  padding-left: 0;
}
.slideDownFullWidthOuterC .slideDownContent table thead th span {
  display: block;
  float: right;
  margin-bottom: 10px;
  text-align: right;
}
.slideDownFullWidthOuterC .slideDownContent table tbody tr {
  margin-bottom: 5px;
}
.slideDownFullWidthOuterC .slideDownContent table tbody td {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  color: #333333;
  /*margin-bottom: 10px;*/
  padding-left: 60px;
  font-family: "VagRoundedLight";
}
.slideDownFullWidthOuterC .slideDownContent table tbody td span {
  display: block;
  text-align: right;
  float: right;
  margin-bottom: 5px;
}
.slideDownFullWidthOuterC .slideDownContent table tbody td:first-child {
  padding-left: 0px;
  text-align: left;
}
.slideDownFullWidthOuterC .slideDownContent table.alignLeft thead tr th span, .slideDownFullWidthOuterC .slideDownContent table.alignLeft tbody tr td span {
  float: left;
  text-align: left;
}
.slideDownFullWidthOuterC .slideDownContent table.singleRowHeading thead tr th {
  max-width: initial;
}
.slideDownFullWidthOuterC .slideDownContent h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 1.125rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.slideDownFullWidthOuterC .slideDownContent h4 {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #5C5C5C;
  line-height: 1.2em;
  margin: 10px 0 15px 0;
}
.slideDownFullWidthOuterC .slideDownContent ul li a {
  font-size: 0.875rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.2em;
}
.slideDownFullWidthOuterC .slideDownContent ul.green-check-list {
  margin-left: 0;
}
.slideDownFullWidthOuterC .slideDownContent .green-price {
  color: #82C828;
  font-size: 1.25em;
  font-family: "VagRoundedBold";
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC {
  margin-top: 0;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab:last-child .innerSlideDownContent {
  padding-bottom: 0;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader {
  /*display: inline-block;*/
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #dcdcdc;
  line-height: 2em;
  margin-top: 2px;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader:before {
  /*display: inline-block;*/
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  background-image: url("../images/arrow_togglebox_inner_down.svg");
  background-repeat: no-repeat;
  /*background-size: cover;*/
  margin: 0 15px 0 0;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader.active:before {
  background-image: url("../images/arrow_togglebox_inner_up.svg");
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent {
  display: none;
  padding: 30px;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent p {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  font-size: 1.125rem;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent ul {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  margin-left: 25px;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent ul li {
  text-indent: -5px;
  list-style: none;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .slideDownTabPrice {
  color: #82C828;
  font-size: 26px;
  font-family: "VagRoundedBold";
  letter-spacing: 0.01em;
}
.slideDownFullWidthOuterC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .slideDownTabPriceLabel {
  margin: 25px 0 0 0;
}
.slideDownFullWidthOuterC .slideDownContent hr {
  border-color: #e6e6e6;
  margin: 0 0 10px 0;
}
.slideDownFullWidthOuterC .slideDownContent .legende {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #5C5C5C;
  line-height: 1.5em;
}
.slideDownFullWidthOuterC .slideDownContent .spaceBottomSixty {
  margin-bottom: 50px;
}
.slideDownFullWidthOuterC .slideDownContent .spaceBottomSeventy {
  margin-bottom: 60px;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .bg-darkener {
  background: rgba(51, 51, 51, 0.9);
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 15;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .slideDownContentInner {
  position: relative;
  z-index: 30;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .slideDownContentInner table tr td {
  color: #ffffff;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .slideDownContentInner p {
  color: #ffffff;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .slideDownContentInner ul li {
  color: #ffffff;
}
.slideDownFullWidthOuterC .slideDownContent.slideDownContentWithBG .slideDownContentInner .container.frame.frame-type-text.container img {
  max-width: 100%;
}

/************************
    TARIFWAHL BLOCK
    ************************/
.tarifWahlC {
  width: 100%;
  background: transparent;
  padding: 5rem 0;
}
.tarifWahlC .mainHeader {
  text-align: center;
  font-size: 2.5rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  margin: 0 0 30px;
}
@media (min-width: 990px) {
  .tarifWahlC .mainHeader {
    margin: 0 0 30px 0;
  }
}
.tarifWahlC .tarifWahl-wrapper-desktop {
  display: none;
}
@media (min-width: 990px) {
  .tarifWahlC .tarifWahl-wrapper-desktop {
    display: block;
  }
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar {
  width: 765px;
  margin: 0 auto;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem {
  border-radius: 10px;
  padding: 2.5rem 3.75rem;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .top h3 {
  font-size: 2.125em;
  font-family: VagRoundedBold;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .top h4 {
  color: black;
  font-family: VagRoundedLight;
  font-size: 1.25rem;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom table tbody tr td {
  font-size: 20px;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom table tbody tr td:last-child {
  font-size: 32px;
  line-height: 1em;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom table tbody tr.price {
  transform: none;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom .legende {
  margin-bottom: 3.125rem;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom .agrar-links {
  display: flex;
  justify-content: center;
}
.tarifWahlC .tarifWahl-wrapper-desktop.agrar .tarifWahl .tarifItem .product .actionC.bottom .agrar-links a:first-child {
  margin-right: 2.5rem;
}
.tarifWahlC .tarifWahl-wrapper-mobile {
  display: block;
}
@media (min-width: 990px) {
  .tarifWahlC .tarifWahl-wrapper-mobile {
    display: none;
  }
}
.tarifWahlC .tarifWahl-wrapper-mobile.agrar .tarifWahl-noslider .tarifItem .top .actionC .action-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.tarifWahlC .tarifWahl-wrapper-mobile.agrar .tarifWahl-noslider .tarifItem .top .actionC .action-buttons a {
  margin: 0 !important;
}
.tarifWahlC .tarifWahl-wrapper-mobile.agrar .tarifWahl-noslider .tarifItem .top .actionC .legende p {
  font-size: 14px;
  margin-bottom: 0;
}
.tarifWahlC .gradient-overlay .gradient-left {
  opacity: 0;
  transition: opacity 500ms;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, rgb(231, 231, 231) 0%, rgba(231, 231, 231, 0) 30%, rgba(231, 231, 231, 0) 100%);
}
.tarifWahlC .gradient-overlay .gradient-right {
  opacity: 0;
  transition: opacity 500ms;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 70%, rgb(231, 231, 231) 100%);
}
.tarifWahlC .navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 1.25rem;
}
.tarifWahlC .navigation > * {
  margin: 0 0.5rem;
}
.tarifWahlC .navigation .slick-arrow-next {
  position: static;
  width: 15px;
  height: 20px;
  border: none;
  background-color: transparent;
  background-image: url("../images/paginierung_pfeil_rechts_aktiv.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.tarifWahlC .navigation .slick-arrow-next.slick-disabled {
  display: inline-block !important;
  background-image: url("../images/paginierung_pfeil_rechts_inaktiv.png");
}
.tarifWahlC .navigation .slick-arrow-next:hover:not(.slick-disabled) {
  background-image: url("../images/paginierung_pfeil_rechts_aktiv.png");
}
.tarifWahlC .navigation .slick-arrow-prev {
  position: static;
  width: 15px;
  height: 20px;
  border: none;
  background-color: transparent;
  background-image: url("../images/paginierung_pfeil_links_aktiv.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.tarifWahlC .navigation .slick-arrow-prev.slick-disabled {
  display: inline-block !important;
  background-image: url("../images/paginierung_pfeil_links_inaktiv.png");
}
.tarifWahlC .navigation .slick-arrow-prev:hover:not(.slick-disabled) {
  background-image: url("../images/paginierung_pfeil_links_aktiv.png");
}
.tarifWahlC .navigation .dots-container .navigation-dots {
  display: flex;
  list-style: none;
}
.tarifWahlC .navigation .dots-container .navigation-dots li {
  margin: 0 0.5rem;
}
.tarifWahlC .navigation .dots-container .navigation-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  font-size: 0;
  background-color: transparent;
  background-image: url("../images/paginierung_inaktiv.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.tarifWahlC .navigation .dots-container .navigation-dots li.slick-active button {
  background-image: url("../images/paginierung_slider_aktiv.png");
}
.tarifWahlC .slick-list {
  padding-top: 1.875rem;
}
.tarifWahlC .slick-arrow-next {
  width: 40px;
  height: 40px;
  border: none;
  position: absolute;
  z-index: 1;
  right: -15px;
  top: calc(50% - 20px);
  background-color: transparent;
  background-image: url("../images/slider_pfeil_gruen_rechts.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.tarifWahlC .slick-arrow-next:hover {
  background-image: url("../images/slider_pfeil_gruen_rechts_hover.png");
}
.tarifWahlC .slick-arrow-next.slick-disabled {
  display: none !important;
}
@media (min-width: 1100px) {
  .tarifWahlC .slick-arrow-next {
    right: -5%;
  }
}
.tarifWahlC .slick-arrow-prev {
  width: 40px;
  height: 40px;
  border: none;
  position: absolute;
  z-index: 1;
  left: -15px;
  top: calc(50% - 20px);
  background-color: transparent;
  background-image: url("../images/slider_pfeil_gruen_links.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.tarifWahlC .slick-arrow-prev:hover {
  background-image: url("../images/slider_pfeil_gruen_links_hover.png");
}
.tarifWahlC .slick-arrow-prev.slick-disabled {
  display: none !important;
}
@media (min-width: 1100px) {
  .tarifWahlC .slick-arrow-prev {
    left: -5%;
  }
}
.tarifWahlC .tarifWahl .tarifItem, .tarifWahlC .tarifWahl-noslider .tarifItem {
  position: relative;
  background-color: white;
  border-radius: 10px;
  padding: 3rem 1.5rem;
  margin: 1.25rem 0.625rem;
}
@media (min-width: 990px) {
  .tarifWahlC .tarifWahl .tarifItem, .tarifWahlC .tarifWahl-noslider .tarifItem {
    padding: 3rem 2rem;
    margin: 0 0.625rem;
  }
}
.tarifWahlC .tarifWahl .tarifItem:focus, .tarifWahlC .tarifWahl-noslider .tarifItem:focus {
  outline: none;
}
.tarifWahlC .tarifWahl .tarifItem .smart-product::before, .tarifWahlC .tarifWahl-noslider .tarifItem .smart-product::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../images/neu_badge.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 50%;
}
.tarifWahlC .tarifWahl .top, .tarifWahlC .tarifWahl-noslider .top {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tarifWahlC .tarifWahl img, .tarifWahlC .tarifWahl-noslider img {
  width: 100%;
  height: auto;
}
.tarifWahlC .tarifWahl h3, .tarifWahlC .tarifWahl-noslider h3 {
  color: #222;
  font-size: 1.125rem;
  font-family: "VagRoundedLight";
  line-height: 1.5em;
  letter-spacing: 0.4px;
  margin: 0 0 8px 0;
}
@media (min-width: 640px) {
  .tarifWahlC .tarifWahl h3, .tarifWahlC .tarifWahl-noslider h3 {
    font-size: 1.375rem;
    line-height: 1.4em;
  }
}
.tarifWahlC .tarifWahl p, .tarifWahlC .tarifWahl-noslider p {
  color: #6D6D6D;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin: 0 0 16px 0;
}
.tarifWahlC .tarifWahl span, .tarifWahlC .tarifWahl-noslider span {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin: 0 0 18px 0;
}
.tarifWahlC .tarifWahl span.cost, .tarifWahlC .tarifWahl-noslider span.cost {
  color: #222;
  font-size: 1.75rem;
  font-family: "VagRoundedBold";
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin: 0 0 4px 0;
}
.tarifWahlC .tarifWahl .comparison-list, .tarifWahlC .tarifWahl-noslider .comparison-list {
  align-self: flex-start;
  margin: 2rem 0;
  text-align: left;
}
.tarifWahlC .tarifWahl .comparison-list ul, .tarifWahlC .tarifWahl-noslider .comparison-list ul {
  margin: 0;
  width: 100%;
}
.tarifWahlC .tarifWahl .comparison-list ul li:before, .tarifWahlC .tarifWahl-noslider .comparison-list ul li:before {
  background-color: #E6F4D4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
}
.tarifWahlC .tarifWahl-noslider {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.tarifWahlC .tarifWahl-noslider .tarifItem {
  flex: 1 0 28%;
  max-width: calc(50% - 10px);
  min-width: 327px;
  margin: 0;
}
.tarifWahlC .infoSpan {
  color: #6B6B6B;
  font-family: "VagRoundedBold";
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: left;
  font-size: 0.75rem;
  padding-left: 10px;
}

.twoColC .frame-bg-grey, .twoColC .frame-bg-white {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.25rem !important;
  border-radius: 10px;
}
@media (min-width: 640px) {
  .twoColC .frame-bg-grey, .twoColC .frame-bg-white {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}
@media (min-width: 990px) {
  .twoColC .frame-bg-grey, .twoColC .frame-bg-white {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}
.twoColC .frame-bg-grey:first-child, .twoColC .frame-bg-white:first-child {
  padding-top: 2.5rem !important;
}
@media (min-width: 990px) {
  .twoColC .frame-bg-grey:first-child, .twoColC .frame-bg-white:first-child {
    padding-top: 5.3125rem !important;
  }
}
.twoColC .frame-bg-grey:last-child, .twoColC .frame-bg-white:last-child {
  padding-bottom: 2.5rem !important;
}
@media (min-width: 990px) {
  .twoColC .frame-bg-grey:last-child, .twoColC .frame-bg-white:last-child {
    padding-bottom: 5.3125rem !important;
  }
}
.twoColC .frame-bg-grey .benefits-block, .twoColC .frame-bg-white .benefits-block {
  padding-top: 0;
  padding-bottom: 0;
}
.twoColC .frame-bg-grey .benefits-block .benefits-col, .twoColC .frame-bg-white .benefits-block .benefits-col {
  width: 100%;
}
@media (min-width: 990px) {
  .twoColC .frame-bg-grey .benefits-block .benefits-col.orderedList, .twoColC .frame-bg-white .benefits-block .benefits-col.orderedList {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}
.twoColC .frame-bg-grey .benefits-block .benefits-col:first-child .benefits-item:first-child, .twoColC .frame-bg-white .benefits-block .benefits-col:first-child .benefits-item:first-child {
  border-top: 0;
}
.twoColC .frame-bg-grey .benefits-block .benefits-col:last-child .benefits-item:last-child, .twoColC .frame-bg-white .benefits-block .benefits-col:last-child .benefits-item:last-child {
  border-bottom: 0;
}
.twoColC h2 {
  margin-bottom: 1.25rem;
}
.twoColC p a.call-to-action {
  margin-right: 20px;
  margin-bottom: 20px;
}
.twoColC p a.call-to-action:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

/************************
    INFOHALF BLOCK
    ************************/
.infoHalfBlockC {
  width: 100%;
}
.infoHalfBlockC.row {
  margin: 0;
  width: initial;
}
.infoHalfBlockC.row .image-container {
  padding: 0;
}
.infoHalfBlockC.row .image-container div {
  height: 100%;
  width: 100%;
}
@media (max-width: 1099.98px) {
  .infoHalfBlockC.row .image-container {
    height: 0px;
    order: 0;
    padding-bottom: 60%;
    position: relative;
    width: 100%;
  }
  .infoHalfBlockC.row .image-container .imageBlock {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  }
}
.infoHalfBlockC.row .image-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.infoHalfBlockC.row .textBlock {
  padding: 0;
}
@media (max-width: 989.98px) {
  .infoHalfBlockC.row .textBlock {
    order: 1;
    padding-bottom: 20px;
  }
}
.infoHalfBlockC.row .textBlock.col1 .infoHalfBlock {
  padding-left: 0;
  padding-right: 0;
}
.infoHalfBlockC.row .textBlock.col2 .infoHalfBlock {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1100px) {
  .infoHalfBlockC.row .textBlock.col2 .infoHalfBlock {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.infoHalfBlockC.row .textBlock h1 {
  margin-bottom: 1.875rem;
}
.infoHalfBlockC.row.rate-tile .image-container .imageBlock {
  background-color: #f6f6f6;
  background-size: contain;
}
.infoHalfBlockC.row.rate-tile .textBlock .smart-product h2 {
  display: inline-block;
  position: relative;
}
.infoHalfBlockC.row.rate-tile .textBlock .smart-product h2:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../images/neu_badge.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -15px;
  right: -55px;
  border-radius: 50%;
}
.infoHalfBlockC.row .textBlock .infoHalfBlock span.green-price {
  color: #82C828;
  font-size: 1.0625rem;
  letter-spacing: 0.05em;
  font-family: "VagRoundedBold";
}
.infoHalfBlockC.row.more-padding {
  padding: 1.25rem 1.5rem;
}
@media (min-width: 640px) {
  .infoHalfBlockC.row.more-padding {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 990px) {
  .infoHalfBlockC.row.more-padding {
    padding: 5rem 3.75rem;
  }
}
@media (min-width: 990px) {
  .infoHalfBlockC.row.more-padding .col1.image-container .imageBlock {
    width: calc(100% - 120px);
    margin-right: 120px;
  }
}
@media (min-width: 990px) {
  .infoHalfBlockC.row.more-padding .col2.textBlock .infoHalfBlock {
    padding-left: 120px;
    padding-right: 0;
  }
}
@media (min-width: 990px) {
  .infoHalfBlockC.row.more-padding .col2.image-container .imageBlock {
    width: calc(100% - 120px);
    margin-left: 120px;
  }
}
.infoHalfBlockC.row p a.call-to-action {
  margin-right: 20px;
  margin-bottom: 20px;
}
.infoHalfBlockC.row p a.call-to-action:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.infoHalfBlockC.row p a.call-to-action:first-child {
  margin-bottom: 0;
}
.infoHalfBlockC .hand-image {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 50px auto 0;
  width: 250px;
  z-index: 2;
}
@media (min-width: 990px) {
  .infoHalfBlockC .hand-image {
    display: block;
  }
}
.infoHalfBlockC .imageBlock {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 640px) {
  .infoHalfBlockC .imageBlock {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1100px) {
  .infoHalfBlockC .imageBlock {
    display: block;
  }
}
.infoHalfBlockC .imageBlock a {
  display: block;
  height: 100%;
  text-indent: -999999px;
  width: 100%;
}
.infoHalfBlockC .imageBlock.video {
  position: relative;
}
.infoHalfBlockC .imageBlock.video:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(218, 218, 218, 0.4);
  background-image: url("../images/play_video.svg");
  background-position: center;
  background-size: 48px;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: all 300ms;
}
.infoHalfBlockC .imageBlock.video:hover {
  cursor: pointer;
}
@media (min-width: 990px) {
  .infoHalfBlockC .imageBlock.video:after {
    background-color: transparent;
  }
  .infoHalfBlockC .imageBlock.video:hover:after {
    background-color: rgba(218, 218, 218, 0.4);
  }
}
.infoHalfBlockC .textBlock {
  background: white;
}
.infoHalfBlockC .infoHalfBlock {
  padding: 2.5rem 1.5rem;
  display: block;
}
@media (min-width: 990px) {
  .infoHalfBlockC .infoHalfBlock {
    padding: 124px 60px;
  }
}
@media (max-width: 1099.98px) {
  .infoHalfBlockC .infoHalfBlock {
    max-width: 100%;
  }
}
.infoHalfBlockC .infoHalfBlock h2 {
  font-size: 2.5rem;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-bottom: 35px;
  margin-top: 0;
}
.infoHalfBlockC .infoHalfBlock p {
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
.infoHalfBlockC .infoHalfBlock p:last-child {
  margin-bottom: 0;
}
.infoHalfBlockC .infoHalfBlock p .pricePerkWH {
  color: #222;
  font-size: 1.125rem;
}
.infoHalfBlockC .infoHalfBlock p .priceEUR {
  color: #222;
  font-family: "VagRoundedBold";
  font-size: 1.25rem;
  letter-spacing: 0.6px;
}
@media (max-width: 989.98px) {
  .infoHalfBlockC .infoHalfBlock p .priceEUR {
    display: block;
  }
}
.infoHalfBlockC .infoHalfBlock p .priceUst {
  color: #6D6D6D;
  font-size: 0.8125rem;
  letter-spacing: 0.4px;
  margin-left: -8px;
}
@media (min-width: 640px) {
  .infoHalfBlockC .infoHalfBlock p .priceUst {
    margin-left: 0;
  }
}
.infoHalfBlockC .infoHalfBlock p a {
  margin-top: 1.25rem;
}
.infoHalfBlockC .infoHalfBlock p a:not(.call-to-action) {
  text-decoration: underline;
}
.infoHalfBlockC .infoHalfBlock ul {
  margin-bottom: 40px;
  padding-top: 20px;
}
.infoHalfBlockC .infoHalfBlock ul:last-child {
  margin-bottom: 20px;
}
.infoHalfBlockC .infoHalfBlock ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) {
  margin-bottom: 30px;
}
.infoHalfBlockC .infoHalfBlock ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li {
  font-size: 1.125rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list {
  margin-top: 10px !important;
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list li {
  position: relative;
  color: #222;
  list-style: none;
  padding-left: 48px;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
  width: 70%;
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list li:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url(../images/relaunch/utility/icon_relaunch_checkmark_ci.svg);
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6f4d4;
}
@media (min-width: 640px) {
  .infoHalfBlockC .infoHalfBlock ul.product-check-list li {
    width: 100%;
  }
  .infoHalfBlockC .infoHalfBlock ul.product-check-list li:before {
    top: -4px;
    transform: translateY(0);
  }
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list li a {
  text-decoration: underline;
}
.infoHalfBlockC .infoHalfBlock .buttons {
  margin: 2.5rem 0;
}
.infoHalfBlockC .infoHalfBlock .buttons a {
  margin-right: 20px;
}
.infoHalfBlockC .infoHalfBlock .actionC {
  width: 100%;
}
.infoHalfBlockC .infoHalfBlock .actionC button {
  padding: 0.5313em 1.5625em 0.5313em;
}
.infoHalfBlockC .infoHalfBlock .actionC ul {
  margin-bottom: 0px;
}
.infoHalfBlockC .infoHalfBlock .actionC ul li {
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
.infoHalfBlockC .infoHalfBlock .actionC .left {
  letter-spacing: 0.05em;
  line-height: 1.2em;
  padding-right: 15px;
}
.infoHalfBlockC .infoHalfBlock .small-grey {
  margin-left: 0;
}
.infoHalfBlockC .infoHalfBlock p a.calculator-link {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: VagRoundedLight;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.7px;
  text-transform: none;
}
.infoHalfBlockC .infoHalfBlock p a.calculator-link:before {
  background-image: url("../images/taschenrechner_icon_gross.png");
  background-size: contain;
  height: 20px;
  width: 16px;
  top: 0;
}
.infoHalfBlockC .infoHalfBlock p a.infoText:not(.calculator-link) {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 30px;
  font-family: VagRoundedLight;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.7px;
  text-transform: none;
}
.infoHalfBlockC .infoHalfBlock p a.infoText:not(.calculator-link):before {
  background-size: contain;
  height: 20px;
  width: 16px;
  top: 0;
  left: 0;
}
.infoHalfBlockC .infoHalfBlock .price2 {
  margin-top: 16px;
}
@media (min-width: 640px) {
  .infoHalfBlockC .infoHalfBlock .price2 {
    margin-top: 0;
  }
}
.infoHalfBlockC .infoHalfBlock .price2 span.price-label {
  display: block;
  font-size: 1rem;
  margin-top: 12px;
}
.infoHalfBlockC .infoHalfBlock .price2 span.price-label-margin-bottom {
  margin-bottom: 0px;
}
@media (min-width: 640px) {
  .infoHalfBlockC .infoHalfBlock .price2 span.price-label-margin-bottom {
    margin-bottom: 3px;
  }
}
.infoHalfBlockC .product-details .buttons a {
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .infoHalfBlockC .product-details .buttons a {
    margin-bottom: 0;
  }
}
.infoHalfBlockC .product-details .buttons a:last-child {
  margin-bottom: 0;
}
.infoHalfBlockC .product-details p .narrow-and {
  margin-left: -3px;
  margin-right: -3px;
}

/************************
   TABBOX BLOCK
    ************************/
.tabBoxC {
  width: 100%;
  padding: 0 30px;
}
@media (min-width: 1100px) {
  .tabBoxC {
    padding: 0;
  }
}
.tabBoxC .tabBox {
  width: 100%;
  position: relative;
  /*clear: both;*/
  display: block;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .tabBoxC .tabBox {
    width: 1000px;
  }
}
.tabBoxC .tabBox .tabBoxSelectorC {
  padding: 60px 0 0 0px;
}
@media (min-width: 1100px) {
  .tabBoxC .tabBox .tabBoxSelectorC {
    padding: 110px 0 0 30px;
  }
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector {
  margin-bottom: 20px;
  display: block;
  position: relative;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector {
    display: inline-block;
    margin-bottom: 70px;
  }
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector:hover span {
  color: #82C828;
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector span {
  text-transform: uppercase;
  color: #C4C4C4;
  font-family: "VagRoundedBold";
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.15em;
  width: 150px;
  display: inline-block;
  margin-right: 30px;
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector .tabBoxSelectorImg {
  position: relative;
  display: inline-block;
  -moz-transform: translate(0%, -7px);
  -o-transform: translate(0%, -7px);
  -ms-transform: translate(0%, -7px);
  -webkit-transform: translate(0%, -7px);
  transform: translate(0%, -7px);
  margin-right: 20px;
  width: 60px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector.active {
  /*            .tabBoxContent {
                  display: block;
              }*/
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector.active span {
  color: #82C828;
}
.tabBoxC .tabBox .tabBoxSelectorC .tabBoxSelector .tabBoxContent {
  display: none;
}
.tabBoxC .tabBox .tabBoxContent {
  /*display: none;*/
  padding: 0 0 0 0px;
}
@media (min-width: 1100px) {
  .tabBoxC .tabBox .tabBoxContent {
    padding: 0 0 60px 30px;
  }
}
.tabBoxC .tabBox .tabBoxContent h1 {
  margin: 0 0 40px 0;
  padding: 0;
  font-family: "VagRoundedLight";
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}
.tabBoxC .tabBox .tabBoxContent p {
  margin: 0 0 15px 0;
  padding: 0;
  font-family: "VagRoundedLight";
  font-size: 0.9375rem;
  line-height: 1.2em;
  letter-spacing: 0.1em;
}
.tabBoxC .tabBox .tabBoxContent ul {
  margin: 0 0 40px 0;
  padding: 0 0 0 0px;
  font-family: "VagRoundedLight";
  font-size: 0.9375rem;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  list-style: none;
}
.tabBoxC .tabBox .tabBoxContent ul li {
  margin-bottom: 5px;
}
.tabBoxC .tabBox .tabBoxContent ul li:before {
  content: "•";
  font-size: 7px;
  margin-right: 10px;
}

.productC h2 {
  color: #82C828;
}
.productC .productRow {
  /*margin-bottom: 80px;*/
}
.productC .productRow .row {
  margin-top: 50px;
  border-bottom: 1px solid #D6D6D6;
}
.productC .productRow .row.row-eq-height {
  display: block;
}
@media (min-width: 990px) {
  .productC .productRow .row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.productC .productRow .row h3 {
  font-family: "VagRoundedBold";
  color: #333333;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
}
.productC .productRow .row .textC {
  margin-bottom: 30px;
}
.productC .productRow .row .textC .container {
  padding: 0;
}
.productC .productRow .row .imageOuterC .imageC {
  height: 100%;
  position: relative;
  /*background-repeat: no-repeat;*/
  /*background-size: contain;*/
  /*background-position: center;*/
  min-height: 400px;
}
.productC .productRow .row .imageOuterC .imageC img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  max-height: 100%;
}
.productC .productRow .row ul li {
  line-height: 1.8em;
}

.textBlockC {
  width: 100%;
  margin: 80px 0;
}
.textBlockC.noMarginTop {
  margin: 0 0 80px 0;
}
.textBlockC .textBlock {
  width: 100%;
  padding: 0 25px;
}
@media (min-width: 990px) {
  .textBlockC .textBlock {
    width: 1050px;
    margin: 0 auto;
  }
}
.textBlockC .textBlock h2 {
  margin-bottom: 45px;
}
.textBlockC .textBlock a {
  color: #82C828;
}

/*HIT CSS Start*/
#tarifrechner .has-error {
  color: #cd2222;
  position: relative;
  font-size: 0.7em;
}
@media (min-width: 990px) {
  #tarifrechner .has-error {
    position: absolute;
  }
}
#tarifrechner .form-error {
  color: #cd2222;
}

@media (max-width: 989.98px) {
  #emobility-form-ajax-wrapper #step_3_Form table tr td:nth-child(2) {
    max-width: 130px;
    word-break: break-word;
    white-space: normal;
    padding-right: 0;
  }
}
@media (max-width: 989.98px) {
  #emobility-form-ajax-wrapper #step_3_Form .button {
    padding: 0.5313em 1.25em 0.4063em !important;
  }
}
#emobility-form-ajax-wrapper .multiStepBlock .stepSelectorC {
  width: 54em;
}
#emobility-form-ajax-wrapper .multiStepBlock #emobility-form {
  /*super{
      font-size: .7em;
      left: 0.1em;
      position: relative;
      top: -0.5em;
  }*/
}
#emobility-form-ajax-wrapper .multiStepBlock #emobility-form .option-hint {
  font-size: 0.75rem;
  margin: 1em 0;
}
#emobility-form-ajax-wrapper .multiStepBlock #emobility-form .emobility-products-wrapper {
  border-bottom: 1px solid #82C828;
  border-top: 1px solid #82C828;
  margin: 1em 0 3em;
  padding: 1.25em 0 0.625em;
}
#emobility-form-ajax-wrapper .multiStepBlock #emobility-form .emobility-products-wrapper .product-headline {
  color: #82C828;
  font-size: 1.375rem;
  margin-bottom: 0.5em;
}

@media (max-width: 989.98px) {
  #offer-request-form #step_1_Form .cancel {
    padding: 0.5313em 0.625em 0.4063em;
    float: none;
  }
  #offer-request-form #step_1_Form .continue {
    padding: 0.5313em 0.9375em 0.4063em;
  }
}

.ui-datepicker {
  z-index: 151 !important;
}

.MathJax {
  color: #82C828;
  font-size: 1.2em !important;
}

#order-form #step_0_Form ul.green-check-list li span.tooltip-trigger {
  height: 18px;
  width: 18px;
  left: 10px;
  top: 2px;
}
#order-form #step_0_Form .info-form-tooltip ul.green-check-list li {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  #order-form #step_4_Form img {
    max-width: 100%;
    height: auto;
  }
}
#order-form #step_4_Form div.container:last-child div.row:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
#order-form #step_4_Form div.container:last-child div.row:last-child .actionC {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 20px;
}
#order-form #step_4_Form div.container:last-child div.row:last-child .actionC.left {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 767px) {
  #order-form #step_4_Form div.container:last-child div.row:last-child .actionC {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  #order-form #step_4_Form div.container:last-child div.row:last-child .actionC.left {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
}
#order-form #step_3_Form .actionC.left, #order-form #step_2_Form .actionC.left {
  margin-bottom: 39px;
}
#order-form #step_3_Form .actionC button.cancel, #order-form #step_2_Form .actionC button.cancel {
  position: absolute;
  left: calc(-100% + 25px);
  top: 39px;
}
@media screen and (min-width: 768px) {
  #order-form #step_3_Form .actionC button.cancel, #order-form #step_2_Form .actionC button.cancel {
    float: right;
    left: 0;
    top: 0;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #order-form .multiStepInfo {
    font-size: 0.75rem;
  }
}

.frame-overlay {
  position: fixed;
  right: 0;
  top: 0;
  background: white;
  max-height: 100%;
  height: 100%;
  padding: 2.5em 1.5em;
  overflow-y: auto;
  width: 100%;
}
@media (min-width: 990px) {
  .frame-overlay {
    padding: 53px 40px;
    width: 50%;
  }
}
.frame-overlay .multiStepBlockC {
  margin: 0;
}

.payment-info {
  padding: 30px 30px 10px;
  background: #F2F2F2;
  margin-bottom: 50px;
}
.payment-info h3 {
  font-size: 1.125rem !important;
}
.payment-info p {
  font-size: 0.9375rem;
}

@media (min-width: 990px) {
  .mandatory-field.right {
    float: right !important;
    margin-right: 2em;
  }
}

.cb-additional-info {
  display: none;
  padding-left: 35px;
}

#page-footer.custom-footer .top-footer {
  padding: 20px 5px;
}
@media screen and (max-width: 989.98px) {
  #page-footer.custom-footer .top-footer {
    padding: 30px 5px;
  }
}
#page-footer.custom-footer .top-footer * {
  color: #ffffff;
}
#page-footer.custom-footer .top-footer p {
  margin: 0;
}

.desktop .landingpage-title {
  font-size: 1.875rem;
  line-height: 5rem;
}

.mobile .landingpage-title {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 7.5rem;
  padding-top: 1.5625rem;
}
@media screen and (max-width: 399px) {
  .mobile .landingpage-title {
    padding-top: 0.625rem;
  }
}

.fifty-fifty-border .frame-default {
  border: 1px solid #dadada;
  padding: 1.875rem;
}
.fifty-fifty-border .frame-default h2 {
  margin-top: 0 !important;
}
.fifty-fifty-border .frame-default:last-child {
  margin-bottom: 0;
}
.fifty-fifty-border .col1, .fifty-fifty-border .col2 {
  margin-left: -15px;
}

.button-fileinput {
  cursor: pointer;
  margin-top: 0 !important;
  overflow: hidden;
  position: relative;
}
.button-fileinput input {
  margin: 0;
  opacity: 0;
  position: absolute !important;
  top: 0;
  right: 0;
}

.file-wrapper {
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 5px;
  position: relative;
}
.file-wrapper:last-child {
  margin-bottom: 0.625rem;
}
.file-wrapper > span {
  display: block;
}
.file-wrapper .file-icon {
  width: 1.25rem;
  margin-bottom: 5px;
}
.file-wrapper .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 3.75rem);
  white-space: nowrap;
}
.file-wrapper .delete-file {
  color: #ff0000;
  display: inline-block;
  margin-left: auto;
}

#tx_estmkapi_contactform_files .file-wrapper {
  margin-bottom: 1.875rem;
}

#loading-container {
  z-index: 10001 !important;
}

/*HIT CSS End*/
.multiStepBlockC {
  margin: 2.5em 0;
  width: 100%;
}
@media (min-width: 640px) {
  .multiStepBlockC {
    margin: 3.75em 0;
  }
}
@media (min-width: 990px) {
  .multiStepBlockC {
    margin: 4.375em 0 5em;
  }
}
.multiStepBlockC .multistepBlock {
  width: 100%;
  /*padding: 0 25px;*/
  /*        @include media-breakpoint-up(lg){
              width: 1000px;
              margin: 0 auto;
          }*/
}
.multiStepBlockC .multistepBlock h2 {
  text-align: center;
  color: #82C828;
  margin: 0 0 60px 0;
}
.multiStepBlockC .multistepBlock ul.green-check-list, .multiStepBlockC .multistepBlock ul.green-check-list-bright {
  margin-top: 1.25em;
}
.multiStepBlockC .multistepBlock ul.green-check-list li, .multiStepBlockC .multistepBlock ul.green-check-list-bright li {
  font-size: 1.125rem;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock #step_2_Form .cancel, .multiStepBlockC .multistepBlock #step_3_Form .cancel {
    margin-top: 20px !important;
    padding: 0.5313em 0.75em 0.4063em !important;
  }
}
.multiStepBlockC .multistepBlock .stepSelectorC {
  width: 740px;
  margin: 0 auto 70px;
  text-align: center;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepSelectorC {
    width: 100%;
  }
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector {
  position: relative;
  display: inline-block;
  margin: 0 65px;
  width: 45px;
  height: 45px;
  border-radius: 25px;
  border: 1px solid #D6D6D6;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector {
    margin: 0 17px;
  }
}
@media (max-width: 359px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector {
    margin: 0 12px;
  }
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector:before {
  content: "";
  position: absolute;
  width: 133px;
  height: 1px;
  right: 100%;
  background-image: url("../images/divider_steps_form.svg");
  background-repeat: repeat-x;
  top: 22px;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector:before {
    width: 38px;
  }
}
@media (max-width: 359px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector:before {
    width: 28px;
  }
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector:first-child:before {
  display: none;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active {
  background-color: #82C828;
  border-color: #82C828;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active:before {
  /*content: '';*/
  /*position: absolute;*/
  /*width: 140px;*/
  /*height : 1px;*/
  /*right: 100%;*/
  background: #82C828;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active .stepCnt {
  color: #ffffff;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active span {
  color: #82C828;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.done {
  cursor: pointer;
  background-image: url("../images/icon_check_step.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #c8e4a5;
  border-color: #c8e4a5;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.done:before {
  /*                        content: '';
                          position: absolute;
                          width: 140px;
                          height: 1px;
                          right: 100%;*/
  background: #82C828;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.done .stepCnt {
  display: none;
  color: #ffffff;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.done span {
  color: #c8e4a5;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector .stepCnt {
  font-size: 1.125rem;
  font-family: "VagRoundedBold", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #9D9D9D;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector span {
  position: absolute;
  top: 65px;
  width: 180px;
  left: -65px;
  text-align: center;
  color: #9D9D9D;
  font-size: 0.8125rem;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector span {
    width: 80px;
    left: -18px;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC {
  display: none;
  border: 1px solid #D6D6D6;
  padding: 1.875em 0.625em;
}
@media (min-width: 640px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC {
    padding: 2.5em 1.25em;
  }
}
@media (min-width: 990px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC {
    padding: 5em;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .row:not(.promo-code-row) label {
  font-weight: normal;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .row:not(.promo-code-row) label span {
  display: inline;
  display: inline-block;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .row:not(.promo-code-row) h2 span {
  background-image: url("../images/icon_sichere_verbindung.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px 20px;
  color: #6B6B6B;
  float: none;
  font-size: 0.9375rem;
  margin-top: 0.5em;
  padding-left: 1.25em;
  padding-top: 0.1563em;
  display: block;
  display: inline;
  margin-top: -0.2em;
  float: right;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row {
  margin-bottom: 1.5em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row #check-promo-code-button {
  margin: 0;
  margin-top: 0.3em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row #promo-code-success-message.success {
  color: #82C828;
  position: relative;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: block;
  margin-left: 25px;
  margin-bottom: 1.25rem;
  margin-top: -15px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row #promo-code-success-message.success:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 3px;
  left: -25px;
  background-image: url("../images/arrow_bullet_green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row .help-block.form-error {
  font-size: 0.9375rem;
  margin-top: -15px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #promotion-code-summary {
  color: #82C828;
  position: relative;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 25px;
  margin-top: 35px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #promotion-code-summary:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 3px;
  left: -25px;
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #tx_estmkapi_emobilitycontactform_email_phone_error .help-block {
  margin-top: -0.625rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #tx-EstmkApi-acceptConditions-error .help-block {
  margin-top: -1.25rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #tx_estmkapi_emobilitycontactform_products_error .help-block {
  margin-top: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC h2 {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #82C828;
  padding: 15px 0;
  color: #333333;
  margin: 0 0 30px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC h2.tooltip-trigger {
  cursor: default;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC h2.tooltip-trigger:after {
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  background-position: center;
  content: " ";
  display: inline-block;
  cursor: pointer;
  height: 30px;
  left: 5px;
  position: relative;
  top: 8px;
  width: 30px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .actionC.left .button {
  float: left;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .actionC.col-sm-6 .button {
  float: none;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .actionC .button {
  float: right;
  padding: 0.5313em 1.5625em 0.4063em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .actionC .mandatory-field {
  color: #9D9D9D;
  float: left;
  font-size: 0.75rem;
  margin-top: 1.1em;
  letter-spacing: 0.05em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo {
  color: #9D9D9D;
  position: relative;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 25px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 3px;
  left: -25px;
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo.light {
  color: #9D9D9D;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo.bg-grey {
  width: 100%;
  padding: 25px 25px 25px 65px;
  background-color: #F2F2F2;
  margin-left: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo.bg-grey:before {
  top: 26px;
  left: 25px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC table tbody tr td {
  font-size: 1rem;
  padding-right: 30px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC input, .multiStepBlockC .multistepBlock .stepC .multiStepformC select, .multiStepBlockC .multistepBlock .stepC .multiStepformC textarea {
  background: #ffffff;
  border: 1px solid #dadada;
  border-radius: 6px;
  font-size: 1rem;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-bottom: 25px;
  position: relative;
  padding: 13.5px 20px 10.5px;
  width: 100%;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC select {
  padding-right: 45px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC {
  margin-bottom: 0;
  position: relative;
  text-align: left;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC .help-block.form-error {
  margin-top: -0.625rem;
  /*margin-top: -20px;
  margin-bottom: 40px;
  text-align: center;*/
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC.has-error select {
  border-color: #cd2222 !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC .prettydropdown {
  height: 47px !important;
  margin-bottom: 25px;
  padding-left: 0 !important;
  width: 100% !important;
  z-index: 150;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC .prettydropdown.has-error ul {
  border-color: #cd2222;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC .prettydropdown ul li {
  background-color: white;
  border: none;
  border-radius: 6px;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  height: 45px;
  line-height: 46px;
  letter-spacing: 0.6px;
  padding: 0 35px 0 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC .prettydropdown ul.active li {
  padding: 0 35px 0 20px !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul {
  background: #ffffff;
  border: thin solid #D6D6D6;
  box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
  max-height: 9.375em !important;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul:focus {
  border-color: #82C828 !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li {
  background: #ffffff;
  color: #333333;
  height: auto;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 16px;
  outline: none !important;
  padding: 15px 20px 12px;
  width: 100% !important;
  z-index: 150;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li:focus {
  border: 1px solid #82C828;
  outline: none !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li.nohover {
  color: #333333 !important;
  background: #ffffff !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li:hover {
  color: #333333 !important;
  background: #ffffff !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li.selected {
  background: #ffffff;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li.selected:before {
  display: none;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li.selected:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li span.checked {
  display: none !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul li.disabled {
  color: #B0B0B0;
  cursor: pointer;
  opacity: 1;
}
.prettydropdown .multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active {
  z-index: 151;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li {
  padding: 10px 20px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li:first-child:after {
  display: none;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li.selected:first-child:after {
  display: none;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li.selected:after {
  display: none;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li:hover {
  color: #82C828 !important;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li:first-child {
  padding-top: 16px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul.active li:last-child {
  padding-bottom: 14px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul:not(.active) li:first-child:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul:not(.active) li.selected {
  /*                                    padding-top: 16px;
                                      padding-bottom: 14px;
  */
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul:not(.active) li.selected:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .checkboxList .cbLabel {
  margin-bottom: 15px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=text] + .help-block, .multiStepBlockC .multistepBlock .stepC .multiStepformC textarea + .help-block {
  margin-top: -0.625rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=radio] {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-bottom: 50px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC label {
  display: block;
  font-weight: normal;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC label span {
  display: block;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC label span.tooltip-trigger {
  display: inline-block !important;
  margin-top: -20px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .radioLabel, .multiStepBlockC .multistepBlock .stepC .multiStepformC .radio-label {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: calc(100% - 15px);
  padding-left: 35px;
  margin-bottom: 50px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=checkbox] {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .cbLabel {
  font-family: VagRoundedLight, sans-serif;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: calc(100% - 15px);
  padding-left: 35px;
  margin-bottom: 35px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .cbLabel a {
  color: inherit;
  text-decoration: underline;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .zaehlpunkt_add {
  font-size: 1rem;
  color: #82C828;
  letter-spacing: 0.05em;
  margin: 10px 0 35px 0;
  cursor: pointer;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .zaehlpunkt_add span {
  vertical-align: top;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .zaehlpunkt_add:before {
  content: "";
  display: inline-block;
  background-image: url("../images/icon_plus_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 15px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .zaehlernummern .info-form-tooltip p img {
  max-width: 100%;
  height: auto;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #open-aktionscode {
  display: inline-block;
  font-size: 1rem;
  color: #82C828;
  letter-spacing: 0.05em;
  margin: 0 0 35px 0;
  cursor: pointer;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .summary .infoSumC {
  margin-bottom: 50px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .summary .infoSumC:last-child {
  margin: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .summary .infoSumC h3 {
  color: #333333;
  margin: 0;
  font-family: "VagRoundedBold", sans-serif;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .summary .infoSumC p {
  margin: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form p {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  margin-bottom: 1.7em;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form p {
    max-width: 235px;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form h3 {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form table {
  margin-bottom: 1.7em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form table tr td {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form table tr td:nth-child(2) {
    word-wrap: break-word;
    max-width: 160px;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form .back {
  margin-bottom: 2em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form .col-12:nth-child(2) h3 span {
  content: "";
  background-image: url(../images/icon_bearbeiten.svg);
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 16px;
  height: 16px;
  margin-right: 21px;
  cursor: pointer;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form .green-check-list li {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form .row .col-md-6:first-child {
    padding-bottom: 1.875em;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #tx_estmkapi_bonusform_orderDate {
  top: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC #tx_estmkapi_bonusform_orderDate_wrapper:after {
  top: 0;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .magazine img {
  height: auto;
  max-width: 100%;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC a.add-area {
  font-size: 1rem;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC a.add-area:before {
  content: "";
  display: inline-block;
  background-image: url("../images/icon_plus_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 10px;
  margin-bottom: -2px;
}
.multiStepBlockC .multistepBlock .stepC #pay-credit-form .multiStepformC h2 {
  border-bottom: 0;
  color: #82C828;
  font-size: 1.6875rem;
  padding: 0;
}
@media (min-width: 990px) {
  .multiStepBlockC .multistepBlock .stepC #pay-credit-form .multiStepformC h2 {
    font-size: 2.3125rem;
  }
}
@media (min-width: 1100px) {
  .multiStepBlockC .multistepBlock .stepC #pay-credit-form .multiStepformC h2 {
    font-size: 2.5em;
  }
}
.multiStepBlockC .multistepBlock .stepC #pay-credit-form .multiStepformC .paymentMethod {
  margin-left: 0;
  width: 100%;
}
.multiStepBlockC .multistepBlock .stepC #heating-form hr {
  border-color: #82C828;
  margin-bottom: 34px;
}
.multiStepBlockC .multistepBlock .stepC #emobility-form .multiStepformC .promo-code-row span.promo-code-text {
  display: block;
  color: #333333;
  font-size: 15px;
  margin-bottom: 5px;
}
.multiStepBlockC .multistepBlock .stepC #emobility-form .multiStepformC .promo-code-row #check-promo-code-button {
  margin: 0;
  margin-top: 0.3em;
}
.multiStepBlockC .multistepBlock .stepC #emobility-form .multiStepformC .promo-code-row #promo-code-success-message.success {
  color: #82C828;
  position: relative;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: block;
  margin-left: 25px;
  margin-bottom: 1.25rem;
  margin-top: -15px;
}
.multiStepBlockC .multistepBlock .stepC #emobility-form .multiStepformC .promo-code-row #promo-code-success-message.success:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 3px;
  left: -25px;
  background-image: url("../images/arrow_bullet_green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.multiStepBlockC .tooltip-trigger:not(.inline-link) {
  background-image: url("../images/icon_fragezeichen.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  border-radius: 6px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  left: 5px;
  position: relative;
  top: 8px;
  width: 22px;
}
.multiStepBlockC .tooltip-trigger:not(.inline-link):focus {
  outline: 0;
}
.multiStepBlockC .tooltip-trigger:not(.inline-link):focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.multiStepBlockC .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
.multiStepBlockC .info-form-tooltip.full-width-tooltip {
  width: 100%;
}
.multiStepBlockC .info-form-tooltip h2, .multiStepBlockC .info-form-tooltip h4 {
  display: inline-block;
  margin: 0 !important;
  text-align: left !important;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem !important;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.08em !important;
  padding: 0 50px 0px 25px !important;
  text-indent: -25px;
  width: auto !important;
  border: 0 !important;
  color: #333 !important;
}
.multiStepBlockC .info-form-tooltip h2:before, .multiStepBlockC .info-form-tooltip h4:before {
  content: "";
  background-image: url("../images/icon_fragezeichen.svg");
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}
.multiStepBlockC .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url("../images/icon_close_tooltip.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.multiStepBlockC .info-form-tooltip .closeButton:focus {
  outline: 0;
}
.multiStepBlockC .info-form-tooltip .closeButton:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.multiStepBlockC .info-form-tooltip p {
  width: 100%;
  margin: 0 !important;
  text-align: left;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  padding-top: 15px;
}
@media (min-width: 640px) {
  .multiStepBlockC .info-form-tooltip p {
    padding-top: 0;
  }
}
.multiStepBlockC .info-form-tooltip.inline-link {
  width: 100%;
}
@media (max-width: 989.98px) {
  .multiStepBlockC .info-form-tooltip.inline-link p {
    max-width: 100% !important;
  }
}
.multiStepBlockC .info-form-tooltip ul {
  margin-left: 25px;
}
.multiStepBlockC .info-form-tooltip ul li {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.6em;
  text-indent: -5px;
  list-style: none;
}
.multiStepBlockC .info-form-tooltip ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
@media (min-width: 990px) {
  .multiStepBlockC .info-form-tooltip.middle {
    left: 25%;
  }
}
.multiStepBlockC .info-form-tooltip h5 {
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  margin-bottom: 0.625rem;
}
.multiStepBlockC.switch-sepa-form .switch-sepa-heading {
  margin-bottom: 4.375rem !important;
}
.multiStepBlockC.switch-sepa-form .angebotstoolC .angebote .angebot-item .angebot-inner p:last-child {
  margin-bottom: 0;
}
.multiStepBlockC.switch-sepa-form .angebotstoolC .angebote .angebot-item .angebot-inner .change-sepa-hint {
  font-size: 0.875rem;
  color: #6b6b6b;
}
.multiStepBlockC.switch-sepa-form .angebotstoolC .angebote-additional-info .paymentMethod {
  margin-left: 0;
  width: 100%;
}

.eCheckBlockC {
  background: white;
  width: 100%;
}
.eCheckBlockC .eCheckBlock {
  padding: 25px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .eCheckBlockC .eCheckBlock {
    width: 1000px;
    padding: 75px 0;
  }
}
.eCheckBlockC .eCheckBlock h2 {
  color: #82C828;
  margin: 0 0 35px 0;
}
.eCheckBlockC .eCheckBlock p {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.7em;
  margin-bottom: 40px;
}
.eCheckBlockC .eCheckBlock .smallPrint p {
  margin-top: 60px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
.eCheckBlockC .eCheckBlock ul li {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.7em;
}
.eCheckBlockC .eCheckBlock .button {
  padding: 0.5313em 1.5625em 0.4063em;
  margin-top: -10px;
}
.eCheckBlockC .eCheckBlock .borderedWhiteBox {
  padding: 50px;
  background: white;
  border: 1px solid #D6D6D6;
  margin-bottom: 50px;
}
.eCheckBlockC .eCheckBlock .borderedWhiteBox img {
  margin-bottom: 30px;
}

#contact-form .multiStepformC #tx_estmkapi_contactform_email_phone_error.has-error > .help-block {
  margin-top: -0.625rem;
}
#contact-form .multiStepformC textarea + .help-block {
  margin-top: -0.625rem;
}

.contactInfoBlockC {
  /*margin: 80px 0;*/
  background: white;
  width: 100%;
}
.contactInfoBlockC .contactInfoBlock {
  padding: 25px;
  width: 100%;
  margin: 80px auto;
  background-repeat: no-repeat;
}
@media (min-width: 1100px) {
  .contactInfoBlockC .contactInfoBlock {
    width: 1000px;
    padding: 60px 50px 170px;
  }
}
.contactInfoBlockC .contactInfoBlock h2 {
  color: #82C828;
  font-size: 2.5rem;
  letter-spacing: 0.05em;
}
.contactInfoBlockC .contactInfoBlock h3 {
  color: #333333;
  font-size: 1rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.05em;
}
.contactInfoBlockC .contactInfoBlock p {
  font-size: 1rem;
  letter-spacing: 0.025em;
}
.contactInfoBlockC .contactInfoBlock p a {
  font-size: 1em;
}
.contactInfoBlockC .contactInfoBlock a {
  font-size: 1rem;
  letter-spacing: 0.025em;
}
.contactInfoBlockC .contactInfoBlock .phoneBox {
  margin-bottom: 30px;
}
.contactInfoBlockC .contactInfoBlock .phoneBox span {
  font-family: "VagRoundedBold", sans-serif;
  font-size: 1.375rem;
}
.contactInfoBlockC .contactInfoBlock .phoneBox:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("../images/icon_phone_green.svg");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.fullWidthInfoBlock {
  min-height: 300px;
  width: 100%;
  background: white;
}
.fullWidthInfoBlock img {
  height: auto;
  max-height: 300px;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 300px;
  }
}
.fullWidthInfoBlock .image-block-text-container {
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  width: 100%;
  padding: 0 25px;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock .image-block-text-container {
    width: 1050px;
  }
}
.fullWidthInfoBlock .image-block-text-container .button {
  padding: 0.5313em 1.5625em 0.4063em;
  position: relative;
  left: 50%;
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.fullWidthInfoBlock .image-block-text-container .appButton {
  width: 200px;
  height: 60px;
  display: inline-block;
  margin-right: 30px;
}
.fullWidthInfoBlock .image-block-text-container h2 {
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 0.56em;
  text-align: center;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock .image-block-text-container h2 {
    font-size: 2.5rem;
  }
}
.fullWidthInfoBlock .image-block-text-container p {
  color: #ffffff;
  /*margin-bottom: ;*/
  font-size: 1rem;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock .image-block-text-container p {
    font-size: 1.125rem;
  }
}
.fullWidthInfoBlock .image-block-text-container p a {
  margin-bottom: 20px;
  margin-right: 20px;
}
.fullWidthInfoBlock .image-block-text-container p a:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.fullWidthInfoBlock .image-block-text-container.darkText {
  color: #333333;
}
.fullWidthInfoBlock .image-block-text-container.darkText p {
  color: #333333;
}

/************************
   MEDIATHEK
    ************************/
.frame-type-list h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 1.125rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.frame-type-list .button-white-green {
  margin: 1.5625rem 0 1.5625rem;
}
.frame-type-list .tx-estmkmedia .media-category, .frame-type-list .tx-estmkmedia .media-item.video {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.frame-type-list .tx-estmkmedia .media-category .ajax-link, .frame-type-list .tx-estmkmedia .media-item.video .ajax-link {
  display: block;
  position: relative;
}
.frame-type-list .tx-estmkmedia .media-category .ajax-link img, .frame-type-list .tx-estmkmedia .media-item.video .ajax-link img {
  height: auto;
  width: 100%;
}
.frame-type-list .tx-estmkmedia .media-category .ajax-link:hover, .frame-type-list .tx-estmkmedia .media-item.video .ajax-link:hover {
  cursor: pointer;
}
.frame-type-list .tx-estmkmedia .media-category .media-category-name, .frame-type-list .tx-estmkmedia .media-item.video .media-category-name {
  color: #ffffff;
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  line-height: 1.2em;
  left: 50%;
  letter-spacing: 0.2em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.frame-type-list .tx-estmkmedia .media-category:hover .media-category-name, .frame-type-list .tx-estmkmedia .media-item.video:hover .media-category-name {
  color: #C4C4C4;
}
@media (min-width: 990px) {
  .frame-type-list .tx-estmkmedia .media-detail .col-12:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 1100px) {
  .frame-type-list .tx-estmkmedia .media-detail .col-12:nth-child(3n+1) {
    clear: left;
  }
}
.frame-type-list .tx-estmkmedia .media-detail .col-12 .media-item {
  margin: 2.5em 0;
}
.frame-type-list .tx-estmkmedia .media-detail .col-12 .media-item img {
  height: auto;
  width: 100%;
}
.frame-type-list .tx-estmkmedia .media-detail .col-12 .media-item .green-arrow-download {
  margin-top: 1.4em;
}
.frame-type-list .tx-estmkmedia .media-detail .col-12 .media-item .description p {
  color: #9D9D9D;
  font-family: "VagRoundedThin";
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1.2em;
  margin-left: 2em;
}
.frame-type-list .tx-estmkmedia .media-detail .col-12 .media-item .placeholder-image {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 0;
  padding-top: 66.66667%;
  width: 100%;
}
.frame-type-list .tx-estmkmedia .media-item.video .media-category-name {
  padding-top: 2em;
}
.frame-type-list .tx-estmkmedia .media-item.video .media-category-name:before {
  content: "";
  background-image: url("../images/icon_play.svg");
  background-repeat: no-repeat;
  left: 50%;
  position: absolute;
  display: inline-block;
  height: 33px;
  top: 0;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 33px;
}
.frame-type-list .tx-estmkmedia .media-item.video img {
  height: auto;
  width: 100%;
}

/************************
   MANAGEMENT BLOCK
    ************************/
.frame-type-dce_dceuid7 .management-block {
  width: 100%;
  padding: 5rem 0 2.5rem;
}
.frame-type-dce_dceuid7 .management-block > .row {
  margin-left: -10px;
  margin-right: -10px;
}
.frame-type-dce_dceuid7 .management-block > .row > .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.frame-type-dce_dceuid7 .management-block .managementItemLink {
  display: inline-block;
  background-color: white;
}
.frame-type-dce_dceuid7 .management-block .managementImage {
  overflow: hidden;
}
.frame-type-dce_dceuid7 .management-block .managementImage img {
  border-radius: 10px;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.frame-type-dce_dceuid7 .management-block .managementInfo {
  background-color: white;
  margin-bottom: 2.5rem;
}
.frame-type-dce_dceuid7 .management-block .managementInfo h3 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 22px;
  letter-spacing: 0.4px;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
}
.frame-type-dce_dceuid7 .management-block .managementInfo p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 18px;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}

/************************
   HISTORY BLOCK
    ************************/
.history-block {
  padding-bottom: 2.5em;
  padding-top: 1.25em;
}
.history-block .row {
  height: 100%;
}
.history-block .row > div {
  height: 100%;
}
.history-block .row .col-sm-9 {
  border-left: 1px solid #d8d8d8;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .history-block .row .col-sm-9 {
    margin-bottom: 0;
  }
}
.history-block img {
  padding-left: 25px;
  margin-bottom: 30px;
  margin-top: -15px;
}
@media (min-width: 640px) {
  .history-block img {
    margin-bottom: 0px;
  }
}
.history-block .historyText {
  display: inline-block;
  padding-left: 30px;
  margin-top: -15px;
  position: relative;
}
.history-block .historyText p {
  margin-bottom: 3em;
}
.history-block .historyText:before {
  content: "";
  background-image: url("../images/bullet_geschichte.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  display: block;
  color: green;
  position: absolute;
  left: -17px;
  top: 5px;
}
.history-block .historyText.last:before {
  top: initial;
  bottom: -5px;
}
.history-block .historyText.last p {
  margin-bottom: 0;
}
@media (max-width: 989.98px) {
  .history-block .historyText {
    padding-left: 0;
  }
  .history-block .historyText:before {
    display: none;
  }
  .history-block .historyText p {
    margin-bottom: 0em;
  }
}
.history-block .year {
  color: #82C828;
  font-size: 5rem;
  font-family: "VagRoundedThin";
  line-height: 0.9em;
  margin-top: -5px;
}
@media (max-width: 989.98px) {
  .history-block .year {
    line-height: normal;
    margin-bottom: 0.2em;
    margin-top: 0;
  }
}

/************************
    SERVICE BLOCK
    ************************/
.serviceBlock {
  background-color: #f6f6f6;
  border-radius: 10px;
}
.serviceBlock .serviceC {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.serviceBlock .serviceC .service-text {
  width: 100%;
  order: 2;
}
@media (min-width: 990px) {
  .serviceBlock .serviceC .service-text {
    width: 60%;
    order: 0;
  }
}
.serviceBlock .serviceC .service-image {
  background-size: 0;
  border-radius: 10px 10px 0 0;
  width: 100%;
  order: 1;
}
@media (min-width: 990px) {
  .serviceBlock .serviceC .service-image {
    border-radius: 0 10px 10px 0;
    width: 40%;
    order: 0;
    background-position: center;
    background-size: cover;
  }
}
.serviceBlock .serviceC .service-image img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: auto;
}
@media (min-width: 990px) {
  .serviceBlock .serviceC .service-image img {
    border-radius: 0 10px 10px 0;
    display: none;
  }
}
.serviceBlock .top {
  padding: 2.5rem 1.25rem;
}
@media (min-width: 990px) {
  .serviceBlock .top {
    padding: 6.25rem 3.75rem;
  }
}
.serviceBlock .top h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .serviceBlock .top h2 {
    font-size: 2.375rem;
  }
}
.serviceBlock .top p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0;
}
.serviceBlock .top .actionC {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: white;
  border-radius: 10px;
  padding: 1.25rem;
  margin-top: 2.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .serviceBlock .top .actionC {
    width: 80%;
  }
}
.serviceBlock .top .actionC .form-group {
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 640px) {
  .serviceBlock .top .actionC .form-group {
    width: 60%;
  }
}
.serviceBlock .top .actionC .form-group label {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 0.8125rem;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.serviceBlock .top .actionC input {
  border: 1px solid #dadada;
  border-radius: 6px;
  box-shadow: none;
  color: #222;
  font-size: 1rem;
  height: 47px;
  line-height: 1.25em;
  letter-spacing: 0.6px;
  padding: 0.9375rem 1.25rem;
  margin-right: 40px;
  width: 100%;
}
.serviceBlock .top .actionC button {
  margin-top: 15px;
}
.serviceBlock .top .actionC .bottom {
  padding-top: 1.875rem;
  width: 100%;
  display: none;
}
.serviceBlock .top .actionC .bottom p.areaBox {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
}
.serviceBlock .top .actionC .bottom p.phoneBox {
  color: #82C828;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin-bottom: 0;
}

/************************
    GALLERY
    ************************/
.gallery-block {
  position: relative;
}
.gallery-block .preview-image {
  height: auto;
  max-width: 100%;
}
.gallery-block .button {
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.mfp-gallery .mfp-img {
  padding: 40px 0 40px;
}
.mfp-gallery .mfp-bottom-bar {
  background: #ffffff;
  height: 70px;
  margin-top: -40px;
}
.mfp-gallery .mfp-s-loading .mfp-arrow {
  display: none;
}
.mfp-gallery .mfp-title {
  color: #333333;
  font-size: 1.375rem;
  line-height: 1.2em;
  padding-left: 1.5625rem;
  padding-top: 0.625em;
  padding-right: 7.8125rem;
}
.mfp-gallery .mfp-counter {
  color: #333333;
  font-size: 1.375rem;
  line-height: 1.2em;
  padding-right: 1.5625rem;
  padding-top: 0.625em;
}
.mfp-gallery.mfp-wrap .mfp-close {
  background-image: url("../images/lightbox_xerl_weiss.svg");
  color: transparent;
  right: 30px;
  top: 60px;
}

/************************
    MAP EXTENSIOn
    ************************/
.frame.frame-type-list .tx-estmk-locations .map-location-overlay h3 {
  font-size: 0.875rem;
}
.frame.frame-type-list .tx-estmk-locations .map-location-overlay p {
  font-size: 0.875rem;
}
.frame.frame-type-list .tx-estmk-locations .map-location-overlay .description p {
  margin-bottom: 0;
}

.tx-estmk-locations .location .address {
  margin-bottom: 0.8em;
}
.tx-estmk-locations .location .description p {
  margin-bottom: 3em;
}

/******************************
    Simple Slider Testseite
 ******************************/
.multiStepBlockC .multistepBlock .stepC .multiStepformC .has-error .mobilitycardRadio {
  margin-bottom: 8px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .has-error .help-block {
  margin-bottom: 20px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .has-error.error-after-checkbox .help-block {
  margin-top: -25px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .mobilitycardRadio {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=radio]:disabled ~ label.radioLabel.mobilitycardRadio, .multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=radio]:disabled ~ label.radio-label.mobilitycardRadio {
  color: #d9d9d9;
}
.multiStepBlockC .multistepBlock .stepC .label-headline {
  font-size: 1rem;
  margin-top: 5px;
  margin-bottom: 0.625rem;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice {
  width: 100%;
  padding: 20px;
  background: #F2F2F2;
  margin-bottom: 50px;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice h3 {
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding: 0;
  color: #333333;
  font-size: 1.875rem;
  font-family: "VagRoundedBold";
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice span {
  font-size: 0.9375rem;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice ul.green-check-list {
  margin-top: 5px;
  padding-left: 0px;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice ul.green-check-list li {
  font-size: 0.9375rem;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice ul {
  margin-top: 5px;
  padding-left: 15px;
}
.multiStepBlockC .multistepBlock .stepC .idealtarif-notice ul li {
  font-size: 0.9375rem;
}

.link-box-block .col-12 {
  margin-bottom: 1.875rem;
}
.link-box-block .link-boxC {
  height: 100%;
  background: white;
  border: 1px solid #D6D6D6;
  padding: 1.5625em 1.5625em 2.1875em;
  text-align: center;
}
.link-box-block .link-boxC img {
  margin-bottom: 0.9375rem;
  max-height: 45px;
}
.link-box-block .link-boxC h2 {
  font-size: 1.5625rem;
  letter-spacing: 0.015em;
  font-weight: normal;
  margin-bottom: 0.625rem;
}
.link-box-block .link-boxC p {
  color: #333333;
  line-height: 1.55em;
  letter-spacing: 0.025em;
  margin-bottom: 1.875rem;
  font-size: 0.9375rem;
}
.link-box-block .link-boxC a.overlayLink {
  margin-top: 0.625rem;
  display: inline-block;
}

.angebotstoolC .checkbox {
  margin: 0;
}
.angebotstoolC .checkbox label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  line-height: 1.33em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 0.875rem;
}
.angebotstoolC .checkbox label .checkbox_icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-image: url("../images/checkbox_unchecked.svg");
}
.angebotstoolC .checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.angebotstoolC .checkbox label input:checked ~ .checkbox_icon {
  background-image: url("../images/checkbox_checked.svg");
}
.angebotstoolC .checkbox label span {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
.angebotstoolC .angebote {
  margin-top: 1.875rem;
}
.angebotstoolC .angebote > p {
  color: #9D9D9D;
  position: relative;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 25px;
}
.angebotstoolC .angebote > p:before {
  content: "";
  display: inline-block;
  top: 3px;
  left: -25px;
  background-image: url(../images/icon_info_form.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.angebotstoolC .angebote .angebot-item {
  border: 1px solid #D6D6D6;
  margin-bottom: 3.125rem;
}
.angebotstoolC .angebote .angebot-item .angebot-inner {
  padding: 1.25rem;
  padding: 2.5rem;
}
.angebotstoolC .angebote .angebot-item .angebot-inner .row .col-md-8 .has-error span {
  font-size: 13px;
}
.angebotstoolC .angebote .angebot-item .angebot-inner input[type=checkbox] + label {
  font-size: 1rem;
  font-weight: normal;
}
.angebotstoolC .angebote .angebot-item .angebot-inner input[type=checkbox] + label:before {
  background-image: url("../images/check_inactive_neu.svg");
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  position: relative;
  margin-right: 8px;
  vertical-align: sub;
  left: 0;
  display: inline-block;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .angebot-inner input[type=checkbox] + label:before {
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
  }
}
.angebotstoolC .angebote .angebot-item .angebot-inner input[type=checkbox]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
}
.angebotstoolC .angebote .angebot-item .angebot-info h2 {
  color: #82C828;
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
  text-align: left;
}
.angebotstoolC .angebote .angebot-item h3 {
  color: black;
  font-family: VagRoundedBold;
  margin-top: 0;
  margin-bottom: 2.5rem;
}
.angebotstoolC .angebote .angebot-item .angebot-options {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .angebot-options {
    flex-wrap: nowrap;
  }
}
.angebotstoolC .angebote .angebot-item .angebot-options > div {
  flex: 0 0 100%;
  margin: 0;
}
.angebotstoolC .angebote .angebot-item .angebot-options > div label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  line-height: 1.33em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 0.875rem;
}
.angebotstoolC .angebote .angebot-item .angebot-options > div label span {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
.angebotstoolC .angebote .angebot-item .angebot-options > div input[type=radio] + label {
  width: 100%;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .angebot-options > div {
    flex: 0 0 32%;
  }
}
.angebotstoolC .angebote .angebot-item .angebot-options + div.has-error {
  position: relative;
  top: -6.25rem;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .angebot-options + div.has-error {
    top: -4.375rem;
  }
}
@media (min-width: 1100px) {
  .angebotstoolC .angebote .angebot-item .angebot-options + div.has-error {
    top: -5rem;
  }
}
@media (min-width: 990px) {
  .angebotstoolC .angebote .angebot-item .angebot-options {
    margin-top: 0;
  }
}
.angebotstoolC .angebote .angebot-item .angebot-options span.date-to {
  display: block;
  font-size: 13px;
  color: #82C828;
}
.angebotstoolC .angebote .angebot-item a.show-zaehlpunkte, .angebotstoolC .angebote .angebot-item a.hide-zaehlpunkte {
  font-size: 1rem;
}
.angebotstoolC .angebote .angebot-item a.show-zaehlpunkte:before, .angebotstoolC .angebote .angebot-item a.hide-zaehlpunkte:before {
  content: "";
  display: inline-block;
  background-image: url("../images/icon_plus_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 10px;
  margin-bottom: -2px;
}
.angebotstoolC .angebote .angebot-item a.hide-zaehlpunkte:before {
  background-image: url("../images/icon_minus.svg");
}
.angebotstoolC .angebote .angebot-item .zeitschrift {
  border: 0;
  padding: 1.25rem 0 !important;
}
.angebotstoolC .angebote .angebot-item .zeitschrift .selectC .prettydropdown {
  margin-bottom: 12px;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .zeitschrift .selectC .prettydropdown {
    width: 50% !important;
  }
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .info-form-tooltip {
    min-width: 320px;
  }
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip h2, .angebotstoolC .angebote .angebot-item .info-form-tooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 50px;
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  padding: 0 20px 0px 25px;
  text-indent: -25px;
  width: auto !important;
  border: 0 !important;
  color: #333 !important;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .angebot-item .info-form-tooltip h2, .angebotstoolC .angebote .angebot-item .info-form-tooltip h4 {
    top: 30px;
    padding: 0 50px 0px 25px;
  }
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip h2:before, .angebotstoolC .angebote .angebot-item .info-form-tooltip h4:before {
  content: "";
  background-image: url(../images/icon_fragezeichen.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url(../images/icon_close_tooltip.svg);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.04em;
  padding-top: 15px;
}
@media (min-width: 990px) {
  .angebotstoolC .angebote .angebot-item .info-form-tooltip p {
    padding-top: 0;
  }
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip p img {
  max-width: 100%;
  height: auto;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col {
  padding: 1.25em;
  background-color: #F2F2F2;
  display: none;
  padding: 2.5em 2.5em 1.25em;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col p {
  margin-bottom: 0;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col + .zaehlpunkteC {
  padding: 0 1.25em 1.25em;
  padding: 0 2.5em 2.5em;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col.active {
  display: block;
}
.angebotstoolC .angebote .zaehlpunkteC {
  display: none;
  background-color: #F2F2F2;
  padding: 1.25em;
  flex-wrap: wrap;
  padding: 2.5em;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .zaehlpunkteC {
    flex-wrap: nowrap;
  }
}
.angebotstoolC .angebote .zaehlpunkteC.active {
  display: flex;
}
.angebotstoolC .angebote .zaehlpunkteC.vertical {
  flex-direction: column;
}
.angebotstoolC .angebote .zaehlpunkteC.vertical .zaehlpunkte-item {
  flex: 0 0 100% !important;
  margin-bottom: 1.25rem !important;
}
.angebotstoolC .angebote .zaehlpunkteC.vertical .zaehlpunkte-item:last-child {
  margin-bottom: 0 !important;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item {
  flex: 0 0 100%;
  margin-right: 50px;
  margin-bottom: 1.25rem;
  padding: 0;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item {
    flex: 1 1 30%;
    max-width: 32%;
    margin-bottom: 0;
  }
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item:nth-child(3) {
  margin-right: 0;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item p {
  margin-bottom: 0.625rem;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item input {
  background: white;
  border-width: 1px;
  border-color: #D6D6D6;
  border-style: solid;
  border-radius: 0;
  font-size: 0.86875rem;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-bottom: 6px;
  position: relative;
  padding: 15px 10px 11px;
  width: 100%;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item input + .help-block {
  margin-top: -0.625rem;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item input[disabled] {
  background-color: transparent;
}
.angebotstoolC .angebote .zaehlpunkteC .zaehlpunkte-item .oder {
  margin: 10px 0 0px;
}
.angebotstoolC .angebote-additional-info {
  position: relative;
}
.angebotstoolC .angebote-additional-info h2 {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #82C828;
  padding: 15px 0;
  color: #333333;
  margin: 0 0 30px;
}
.angebotstoolC .angebote-additional-info h2 .tooltip-trigger {
  background-image: url("../images/icon_fragezeichen.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  content: " ";
  display: inline-block;
  cursor: pointer;
  height: 30px;
  left: 5px;
  position: relative;
  top: 8px;
  width: 22px;
}
.angebotstoolC .angebote-additional-info p {
  font-size: 16px;
}
.angebotstoolC .angebote-additional-info .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote-additional-info .info-form-tooltip {
    min-width: 320px;
  }
}
.angebotstoolC .angebote-additional-info .info-form-tooltip h2, .angebotstoolC .angebote-additional-info .info-form-tooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 50px;
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  padding: 0 30px 0px 25px;
  text-indent: -25px;
}
@media (min-width: 640px) {
  .angebotstoolC .angebote-additional-info .info-form-tooltip h2, .angebotstoolC .angebote-additional-info .info-form-tooltip h4 {
    top: 30px;
    padding: 0 50px 0px 25px;
  }
}
.angebotstoolC .angebote-additional-info .info-form-tooltip h2:before, .angebotstoolC .angebote-additional-info .info-form-tooltip h4:before {
  content: "";
  background-image: url(../images/icon_fragezeichen.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}
.angebotstoolC .angebote-additional-info .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url(../images/icon_close_tooltip.svg);
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.angebotstoolC .angebote-additional-info .info-form-tooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.04em;
  padding-top: 15px;
}
@media (min-width: 990px) {
  .angebotstoolC .angebote-additional-info .info-form-tooltip p {
    padding-top: 0;
  }
}
.angebotstoolC .angebote-additional-info .info-form-tooltip p img {
  max-width: 100%;
  height: auto;
}
.angebotstoolC .angebote-additional-info label {
  display: block;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
}
.angebotstoolC .angebote-additional-info input[type=text] {
  background: #ffffff;
  border-width: 1px;
  border-color: #D6D6D6;
  border-style: solid;
  border-radius: 0;
  font-size: 1rem;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-bottom: 25px;
  position: relative;
  padding: 15px 10px 11px;
  width: 100%;
}
.angebotstoolC .angebote-additional-info input[type=text] + .help-block {
  margin-top: -0.625rem;
}
.angebotstoolC .angebote-additional-info .has-error {
  color: #cd2222;
}
.angebotstoolC .angebote-additional-info .has-error .help-block {
  margin-bottom: 20px;
}
.angebotstoolC .angebote-additional-info .paymentMethod {
  width: calc(100% - 50px);
  padding: 60px;
  background: #F2F2F2;
  margin-bottom: 50px;
  margin-left: 50px;
}
@media (max-width: 989.98px) {
  .angebotstoolC .angebote-additional-info .paymentMethod {
    margin-left: 0;
    width: 100%;
    padding: 15px;
  }
}
.angebotstoolC .angebote-additional-info .paymentMethod input {
  background: transparent;
}
.angebotstoolC .angebote-additional-info .paymentMethod p {
  font-size: 0.9375rem;
}
.angebotstoolC .angebote-additional-info .paymentMethod h3 {
  font-size: 1.125rem !important;
}
.angebotstoolC .angebote-additional-info .paymentMethod .cbLabel {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: calc(100% - 15px);
  padding-left: 35px;
  margin-bottom: 0;
}
.angebotstoolC .angebote-additional-info #tx-EstmkApi-offertool-company-number-error {
  margin-top: -0.875rem;
}
.angebotstoolC .angebote-additional-info .bottom_checkbox {
  margin-bottom: 1.25rem;
}
.angebotstoolC .angebote-additional-info input[type=radio] {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-bottom: 50px;
}
.angebotstoolC .angebote-additional-info label {
  display: block;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}
.angebotstoolC .angebote-additional-info label span {
  display: block;
}
.angebotstoolC .angebote-additional-info label span.tooltip-trigger {
  display: inline-block;
  margin-top: -20px;
}
.angebotstoolC .angebote-additional-info .radioLabel {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  display: inline-block;
  width: calc(100% - 15px);
  padding-left: 35px;
  margin-bottom: 50px;
}
.angebotstoolC .angebote-additional-info .radioLabel span {
  display: inline-block;
}
.angebotstoolC .submitButton {
  margin-bottom: 3.125rem;
}

.churn-recovery .multistepBlock .stepC .multiStepformC h2 {
  border: none;
  color: #82C828;
  font-size: 2.1875rem;
  margin: 0px 0 15px 0;
}

#additional-product-details.product-details {
  background: white;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 990px) {
  #additional-product-details.product-details {
    flex-direction: row;
    padding: 1.25rem 2.5rem;
    margin-bottom: 32px;
  }
}
#additional-product-details.product-details .product-image {
  min-width: 100px;
  max-width: 220px;
  width: 100%;
}
@media (min-width: 990px) {
  #additional-product-details.product-details .product-image {
    max-width: 100%;
    width: 15%;
    margin-right: 33px;
  }
}
#additional-product-details.product-details .product-image img {
  width: 100%;
  height: auto;
}
#additional-product-details.product-details .product-text {
  text-align: center;
  width: 100%;
}
@media (min-width: 990px) {
  #additional-product-details.product-details .product-text {
    text-align: left;
    width: 65%;
  }
}
#additional-product-details.product-details .product-text h2 {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
#additional-product-details.product-details .product-text h2 + h3 {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  #additional-product-details.product-details .product-text h2 {
    font-size: 1.375rem;
    margin-bottom: 8px;
  }
}
#additional-product-details.product-details .product-text p {
  font-size: 1rem;
  margin-bottom: 10px;
}
#additional-product-details.product-details .product-text p:last-child {
  margin-bottom: 0;
}
#additional-product-details.product-details .product-text p a.green-arrow-download {
  font-size: 14px;
  margin-bottom: 0;
}
#additional-product-details.product-details .product-text .dl-buttons {
  padding-top: 10px;
}
#additional-product-details.product-details .product-text .dl-buttons p {
  font-size: 0;
}
#additional-product-details.product-details .product-text .dl-buttons p a {
  margin-left: 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 640px) {
  #additional-product-details.product-details .product-text .dl-buttons p a {
    margin-left: 15px;
    text-align: center;
    width: auto;
  }
  #additional-product-details.product-details .product-text .dl-buttons p a:first-child {
    margin-left: 0;
  }
}
#additional-product-details.product-details .product-button {
  text-align: center;
  min-width: 190px;
  width: 100%;
}
@media (min-width: 990px) {
  #additional-product-details.product-details .product-button {
    text-align: right;
    width: 20%;
  }
}

span.per-in-table {
  display: block;
  font-size: 0.8125rem;
}

.price-details-intro {
  font-size: 1rem !important;
}

.offer-tool-form .selectC .prettydropdown {
  height: 47px !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
  z-index: 150;
}
.offer-tool-form .selectC .prettydropdown.has-error ul {
  border-color: #cd2222;
}
.offer-tool-form .selectC ul {
  background: #ffffff;
  border: thin solid #D6D6D6;
  box-shadow: none;
  max-height: 9.375em !important;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.offer-tool-form .selectC ul:focus {
  border-color: #82C828 !important;
}
.offer-tool-form .selectC ul li {
  background: #ffffff;
  color: #333333;
  height: auto;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 16px;
  outline: none !important;
  padding: 15px 20px 12px;
  width: 100% !important;
  z-index: 150;
}
.offer-tool-form .selectC ul li:focus {
  border: 1px solid #82C828;
  outline: none !important;
}
.offer-tool-form .selectC ul li.nohover {
  color: #333333 !important;
  background: #ffffff !important;
}
.offer-tool-form .selectC ul li:hover {
  color: #333333 !important;
  background: #ffffff !important;
}
.offer-tool-form .selectC ul li.selected {
  background: #ffffff;
}
.offer-tool-form .selectC ul li.selected:before {
  display: none;
}
.offer-tool-form .selectC ul li.selected:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.offer-tool-form .selectC ul li span.checked {
  display: none !important;
}
.offer-tool-form .selectC ul li.disabled {
  cursor: pointer;
  opacity: 1;
}
.prettydropdown .offer-tool-form .selectC ul.active {
  z-index: 151;
}
.offer-tool-form .selectC ul.active li {
  padding: 10px 20px;
}
.offer-tool-form .selectC ul.active li:first-child:after {
  display: none;
}
.offer-tool-form .selectC ul.active li.selected:first-child:after {
  display: none;
}
.offer-tool-form .selectC ul.active li.selected:after {
  display: none;
}
.offer-tool-form .selectC ul.active li:hover {
  color: #82C828 !important;
}
.offer-tool-form .selectC ul.active li:first-child {
  padding-top: 16px;
}
.offer-tool-form .selectC ul.active li:last-child {
  padding-bottom: 14px;
}
.offer-tool-form .selectC ul:not(.active) li:first-child:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.offer-tool-form .selectC ul:not(.active) li.selected:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #D6D6D6;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.offer-tool-form .multistepBlock .stepC .selectC ul {
  background: #ffffff;
  border: thin solid #D6D6D6;
  box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
  max-height: 9.375em !important;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.offer-tool-form .multistepBlock .stepC .selectC ul li {
  background: #ffffff;
  color: #333333;
  height: auto;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 16px;
  outline: none !important;
  padding: 15px 20px 12px;
  width: 100% !important;
  z-index: 150;
}
.offer-tool-form img.magazine-image {
  margin-top: 30px;
}
.offer-tool-form .pv-contract .green-stripe-bg.new {
  padding: 10px 15px !important;
  margin-top: 60px !important;
}
.offer-tool-form .pv-contract .green-stripe-bg.new .green-check-list {
  margin-top: 38px !important;
}
.offer-tool-form .pv-contract .info-text {
  display: block;
  color: #6D6D6D;
  font-size: 0.9375rem;
}
@media (min-width: 990px) {
  .offer-tool-form .fix-angebot h2 + p, .offer-tool-form .pv-contract h2 + p, .offer-tool-form .power-contract h2 + p {
    margin-bottom: 3.125rem;
  }
}
.offer-tool-form .fix-angebot img, .offer-tool-form .pv-contract img, .offer-tool-form .power-contract img {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .offer-tool-form .fix-angebot img, .offer-tool-form .pv-contract img, .offer-tool-form .power-contract img {
    max-width: none;
    margin-top: -42%;
    margin-bottom: 0;
  }
}
.offer-tool-form .fix-angebot h3.tarifname, .offer-tool-form .pv-contract h3.tarifname, .offer-tool-form .power-contract h3.tarifname {
  color: #82C828 !important;
  font-size: 1.875rem !important;
  font-family: VagRoundedLight !important;
}
.offer-tool-form .fix-angebot .green-stripe-bg.new, .offer-tool-form .pv-contract .green-stripe-bg.new, .offer-tool-form .power-contract .green-stripe-bg.new {
  position: relative;
  margin-top: 50px;
  margin-bottom: 3.125rem;
  padding: 10px 15px;
}
@media (min-width: 1100px) {
  .offer-tool-form .fix-angebot .green-stripe-bg.new, .offer-tool-form .pv-contract .green-stripe-bg.new, .offer-tool-form .power-contract .green-stripe-bg.new {
    padding: 10px 15px 10px 0;
  }
}
.offer-tool-form .fix-angebot .green-stripe-bg.new:before, .offer-tool-form .pv-contract .green-stripe-bg.new:before, .offer-tool-form .power-contract .green-stripe-bg.new:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  border-radius: 25px;
  background-color: #82C828;
  height: 100%;
  opacity: 0.2;
  width: 100%;
}
.offer-tool-form .fix-angebot .green-stripe-bg.new h3.tarifname, .offer-tool-form .pv-contract .green-stripe-bg.new h3.tarifname, .offer-tool-form .power-contract .green-stripe-bg.new h3.tarifname {
  margin-bottom: 1.25rem;
}
@media (min-width: 1100px) {
  .offer-tool-form .fix-angebot .green-stripe-bg.new h3.tarifname, .offer-tool-form .pv-contract .green-stripe-bg.new h3.tarifname, .offer-tool-form .power-contract .green-stripe-bg.new h3.tarifname {
    position: absolute;
    bottom: 100%;
  }
}
.offer-tool-form .fix-angebot .green-stripe-bg.new .sonne-flex-img, .offer-tool-form .pv-contract .green-stripe-bg.new .sonne-flex-img, .offer-tool-form .power-contract .green-stripe-bg.new .sonne-flex-img {
  text-align: center;
}
.offer-tool-form .fix-angebot .green-stripe-bg.new .sonne-flex-img img, .offer-tool-form .pv-contract .green-stripe-bg.new .sonne-flex-img img, .offer-tool-form .power-contract .green-stripe-bg.new .sonne-flex-img img {
  width: 210px;
  margin-top: -105px;
}
.offer-tool-form .fix-angebot .green-stripe-bg.new.sonne-flex, .offer-tool-form .pv-contract .green-stripe-bg.new.sonne-flex, .offer-tool-form .power-contract .green-stripe-bg.new.sonne-flex {
  margin-top: 90px;
}
.offer-tool-form .fix-angebot .green-stripe-bg.new.sonne-flex p a, .offer-tool-form .pv-contract .green-stripe-bg.new.sonne-flex p a, .offer-tool-form .power-contract .green-stripe-bg.new.sonne-flex p a {
  color: #82C828;
  text-decoration: underline;
}
.offer-tool-form .fix-angebot table.fix-contract-table, .offer-tool-form .pv-contract table.fix-contract-table, .offer-tool-form .power-contract table.fix-contract-table {
  border-collapse: collapse;
  width: 100%;
}
@media (min-width: 640px) {
  .offer-tool-form .fix-angebot table.fix-contract-table.more-padding tr td, .offer-tool-form .pv-contract table.fix-contract-table.more-padding tr td, .offer-tool-form .power-contract table.fix-contract-table.more-padding tr td {
    padding: 0 30px 5px 30px;
  }
}
.offer-tool-form .fix-angebot table.fix-contract-table tr, .offer-tool-form .pv-contract table.fix-contract-table tr, .offer-tool-form .power-contract table.fix-contract-table tr {
  font-size: 1rem;
}
@media (min-width: 640px) {
  .offer-tool-form .fix-angebot table.fix-contract-table tr, .offer-tool-form .pv-contract table.fix-contract-table tr, .offer-tool-form .power-contract table.fix-contract-table tr {
    font-size: 1.125rem;
  }
}
.offer-tool-form .fix-angebot table.fix-contract-table tr .additional-info, .offer-tool-form .pv-contract table.fix-contract-table tr .additional-info, .offer-tool-form .power-contract table.fix-contract-table tr .additional-info {
  font-size: 0.8em;
  line-height: 12px;
  letter-spacing: 0.025em;
  color: #9D9D9D;
  padding-bottom: 15px;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr .additional-info a, .offer-tool-form .pv-contract table.fix-contract-table tr .additional-info a, .offer-tool-form .power-contract table.fix-contract-table tr .additional-info a {
  color: #82C828;
  text-decoration: underline;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr td, .offer-tool-form .pv-contract table.fix-contract-table tr td, .offer-tool-form .power-contract table.fix-contract-table tr td {
  padding-bottom: 5px;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr td.info-text-green, .offer-tool-form .pv-contract table.fix-contract-table tr td.info-text-green, .offer-tool-form .power-contract table.fix-contract-table tr td.info-text-green {
  font-family: VagRoundedBold;
  font-size: 1em;
  text-align: right;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr td.small, .offer-tool-form .pv-contract table.fix-contract-table tr td.small, .offer-tool-form .power-contract table.fix-contract-table tr td.small {
  font-size: 16px;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr td strong, .offer-tool-form .pv-contract table.fix-contract-table tr td strong, .offer-tool-form .power-contract table.fix-contract-table tr td strong {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.9em;
}
.offer-tool-form .fix-angebot table.fix-contract-table tr td:last-child, .offer-tool-form .pv-contract table.fix-contract-table tr td:last-child, .offer-tool-form .power-contract table.fix-contract-table tr td:last-child {
  text-align: right;
}
.offer-tool-form .fix-angebot p.description, .offer-tool-form .pv-contract p.description, .offer-tool-form .power-contract p.description {
  font-size: 0.9375rem;
}
@media (min-width: 1100px) {
  .offer-tool-form .fix-angebot p.description, .offer-tool-form .pv-contract p.description, .offer-tool-form .power-contract p.description {
    padding-top: 50px;
  }
}
.offer-tool-form .fix-angebot p.small-info, .offer-tool-form .pv-contract p.small-info, .offer-tool-form .power-contract p.small-info {
  font-size: 14px;
  margin-bottom: 40px;
}
.offer-tool-form .fix-angebot p.small-info a, .offer-tool-form .pv-contract p.small-info a, .offer-tool-form .power-contract p.small-info a {
  color: #6D6D6D;
  text-decoration: underline;
}
.offer-tool-form .fix-angebot .bottom_checkbox, .offer-tool-form .pv-contract .bottom_checkbox, .offer-tool-form .power-contract .bottom_checkbox {
  margin-bottom: 1.25rem;
}
.offer-tool-form .fix-angebot .bottom_checkbox.more-spacing, .offer-tool-form .pv-contract .bottom_checkbox.more-spacing, .offer-tool-form .power-contract .bottom_checkbox.more-spacing {
  margin-top: 1.25rem;
}
.offer-tool-form .fix-angebot .bottom_checkbox label span, .offer-tool-form .pv-contract .bottom_checkbox label span, .offer-tool-form .power-contract .bottom_checkbox label span {
  font-size: 1rem;
}
@media (min-width: 640px) {
  .offer-tool-form .fix-angebot .bottom_checkbox label span, .offer-tool-form .pv-contract .bottom_checkbox label span, .offer-tool-form .power-contract .bottom_checkbox label span {
    font-size: 1.125rem;
  }
}
.offer-tool-form .fix-angebot .bottom_checkbox label span.help-block, .offer-tool-form .pv-contract .bottom_checkbox label span.help-block, .offer-tool-form .power-contract .bottom_checkbox label span.help-block {
  font-size: 0.8125rem;
}
.offer-tool-form .fix-angebot .bottom_checkbox label span a, .offer-tool-form .pv-contract .bottom_checkbox label span a, .offer-tool-form .power-contract .bottom_checkbox label span a {
  color: #82C828;
  text-decoration: underline;
}
.offer-tool-form .fix-angebot .vertragsangaben, .offer-tool-form .pv-contract .vertragsangaben, .offer-tool-form .power-contract .vertragsangaben {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 35px;
  margin-top: 5px;
}
.offer-tool-form .fix-angebot .vertragsangaben .angabe-item, .offer-tool-form .pv-contract .vertragsangaben .angabe-item, .offer-tool-form .power-contract .vertragsangaben .angabe-item {
  background-color: #F2F2F2;
  font-size: 0.875rem;
  flex: 0 0 100%;
  padding: 10px;
  margin-bottom: 2px;
}
@media (min-width: 990px) {
  .offer-tool-form .fix-angebot .vertragsangaben .angabe-item, .offer-tool-form .pv-contract .vertragsangaben .angabe-item, .offer-tool-form .power-contract .vertragsangaben .angabe-item {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  .offer-tool-form .fix-angebot .vertragsangaben .angabe-item, .offer-tool-form .pv-contract .vertragsangaben .angabe-item, .offer-tool-form .power-contract .vertragsangaben .angabe-item {
    flex: 0 0 49%;
  }
}
.offer-tool-form .fix-angebot .info-row, .offer-tool-form .pv-contract .info-row, .offer-tool-form .power-contract .info-row {
  display: inline-block;
  margin-left: 44px;
  margin-bottom: 30px;
  padding-left: 15px;
  position: relative;
  color: #82C828;
  font-size: 14px;
}
.offer-tool-form .fix-angebot .info-row a, .offer-tool-form .pv-contract .info-row a, .offer-tool-form .power-contract .info-row a {
  color: #82C828;
  font-weight: bold;
  text-decoration: underline;
}
.offer-tool-form .fix-angebot .info-row:before, .offer-tool-form .pv-contract .info-row:before, .offer-tool-form .power-contract .info-row:before {
  content: "";
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: -46px;
  background-image: url(../images/icon_info_form.svg);
  background-repeat: no-repeat;
  background-size: 45px 45px;
  width: 46px;
  height: 46px;
  position: absolute;
}
.offer-tool-form .fix-angebot .submitButton, .offer-tool-form .pv-contract .submitButton, .offer-tool-form .power-contract .submitButton {
  margin-top: 30px;
}

.customer-teaser-boxes {
  padding: 3.75rem 0;
}
@media (min-width: 990px) {
  .customer-teaser-boxes {
    padding: 7.5rem 0;
  }
}
.customer-teaser-boxes .customer-teaser-title {
  text-align: center;
  width: 100%;
}
.customer-teaser-boxes .customer-teaser-title h2 {
  color: #82C828;
  letter-spacing: 2px;
  margin-bottom: 15px !important;
}
.customer-teaser-boxes .customer-teaser-title p {
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 0.45px;
}
.customer-teaser-boxes .customer-teaser-boxesC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box {
  position: relative;
  background-color: white;
  border-radius: 10px;
  flex: 0 0 auto;
  margin-bottom: 1.25rem;
  width: 100%;
  padding: 3.75rem 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 990px) {
  .customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box {
    width: calc((100% - 40px) / 3);
    margin-bottom: 0;
  }
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box .box-header .overline {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-bottom: 0.625rem;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box .box-header h3 {
  color: #222;
  font-size: 20px;
  letter-spacing: 0.6px;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 150px;
  margin: 16px auto;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box .image-wrapper img {
  width: auto;
  height: auto;
  max-width: 180px;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 16px;
  letter-spacing: 0.6px;
  margin-bottom: 1.5rem;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box .buttons {
  margin-top: auto;
}
.customer-teaser-boxes .customer-teaser-boxesC .customer-teaser-box.most-used:before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 0;
  width: 50%;
  height: 40px;
  background-image: url("../images/illu_faehnchen.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-teaser-boxes {
  padding: 3rem 0;
}
@media (min-width: 990px) {
  .product-teaser-boxes {
    padding: 6.25rem 0;
  }
}
.product-teaser-boxes .product-teaser-boxesC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box {
  position: relative;
  background-color: white;
  border-radius: 10px;
  flex: 0 0 auto;
  margin-bottom: 1.25rem;
  width: 100%;
  padding: 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 990px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box {
    width: calc((100% - 40px) / 3);
    margin-bottom: 0;
  }
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box .box-header h3 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 18px;
  letter-spacing: 0.4px;
  margin-bottom: 0.625rem;
}
@media (min-width: 640px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box .box-header h3 {
    font-size: 22px;
  }
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box img {
  width: 50%;
  height: auto;
  margin: 0 0 1.875rem;
  max-width: 180px;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 16px;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box .product-price {
  display: block;
  color: #222;
  font-family: VagRoundedBold;
  font-size: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 1.375rem;
  margin-top: auto;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box .green-link.underline {
  margin-bottom: 2.5rem;
}

.tx-estmkproducts .price-trend-wrapper .price-trend-chart-wrapper {
  padding-top: 20px;
}
.tx-estmkproducts .price-trend-wrapper .row .col-xs-6:first-child {
  padding-right: 5px;
}
.tx-estmkproducts .price-trend-wrapper .row .col-xs-6.text-right {
  padding-left: 5px;
}

.datenschutz-uc-embed .uc-embed .uc-embed-container {
  font-family: "VagRoundedLight" !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container h2 {
  font-size: 1.875rem;
  padding: 7px 0 !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item button {
  font-size: 16px;
  padding: 15px 0 !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item button .uc-embed-opened-button-content {
  font-family: "VagRoundedBold";
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement {
  margin-bottom: 20px !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement h5 {
  font-size: 15px;
  font-family: "VagRoundedBold";
  padding-bottom: 5px !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement p, .datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement a {
  font-size: 14px !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement ul {
  margin-left: 40px !important;
  padding: 0 !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement ul li {
  font-size: 14px !important;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  padding: 1px 0 !important;
  text-indent: -5px;
  list-style: none;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement ul li:before {
  content: "–";
  display: inline-block;
  -webkit-transform: translate(-15px, 0%);
  -moz-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement .uc-embed-collapsed-link .uc-embed-collapsed-link-content {
  color: #82C828 !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement .uc-embed-collapsed-link .uc-embed-collapsed-arrow {
  border-color: #82C828 !important;
  border-width: 0 2px 2px 0 !important;
  margin-top: 6px !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement .uc-embed-opened-link .uc-embed-opened-link-content {
  color: #82C828 !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container .uc-embed-list .uc-embed-list-item .uc-embed-opened-content .uc-embed-subelement .uc-embed-opened-link .uc-embed-opened-arrow {
  border-color: #82C828 !important;
  border-width: 0 2px 2px 0 !important;
  margin-top: 9px !important;
}

#gas-contract-confirmation-form h2 + p, #power-contract-confirmation-form h2 + p {
  margin-bottom: 3.125rem;
}
#gas-contract-confirmation-form img, #power-contract-confirmation-form img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  #gas-contract-confirmation-form img, #power-contract-confirmation-form img {
    width: 140px;
    margin-top: -30px;
    margin-bottom: 0;
  }
}
#gas-contract-confirmation-form .green-stripe-bg, #power-contract-confirmation-form .green-stripe-bg {
  position: relative;
  margin-bottom: 3.125rem;
}
#gas-contract-confirmation-form .green-stripe-bg h3, #power-contract-confirmation-form .green-stripe-bg h3 {
  color: #82C828;
  font-size: 1.875rem;
  font-family: VagRoundedLight;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  #gas-contract-confirmation-form .green-stripe-bg h3, #power-contract-confirmation-form .green-stripe-bg h3 {
    margin-bottom: 3.125rem;
  }
}
#gas-contract-confirmation-form .green-stripe-bg:before, #power-contract-confirmation-form .green-stripe-bg:before {
  content: "";
  position: absolute;
  left: -5000px;
  bottom: -12px;
  width: 10000px;
  height: 220px;
  background-color: #82C828;
  opacity: 0.2;
}
@media (min-width: 990px) {
  #gas-contract-confirmation-form .green-stripe-bg:before, #power-contract-confirmation-form .green-stripe-bg:before {
    height: 165px;
  }
}
#gas-contract-confirmation-form .green-stripe-bg p, #power-contract-confirmation-form .green-stripe-bg p {
  color: #222;
}
#gas-contract-confirmation-form .green-stripe-bg > .col-12:last-child, #power-contract-confirmation-form .green-stripe-bg > .col-12:last-child {
  margin-top: 20px;
}
@media (min-width: 990px) {
  #gas-contract-confirmation-form .green-stripe-bg > .col-12:last-child, #power-contract-confirmation-form .green-stripe-bg > .col-12:last-child {
    margin-top: 86px;
  }
}
#gas-contract-confirmation-form .green-stripe-bg > .col-12:last-child p, #power-contract-confirmation-form .green-stripe-bg > .col-12:last-child p {
  line-height: 18px;
}
#gas-contract-confirmation-form .green-stripe-bg > .col-12:last-child .info-text-green, #power-contract-confirmation-form .green-stripe-bg > .col-12:last-child .info-text-green {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#gas-contract-confirmation-form .green-stripe-bg > .col-12:last-child .info-text, #power-contract-confirmation-form .green-stripe-bg > .col-12:last-child .info-text {
  font-size: 0.625rem;
  line-height: 12px;
  letter-spacing: 0.025em;
  color: #9D9D9D;
}
#gas-contract-confirmation-form h3, #power-contract-confirmation-form h3 {
  margin-bottom: 10px;
}
#gas-contract-confirmation-form .vertragsangaben, #power-contract-confirmation-form .vertragsangaben {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
#gas-contract-confirmation-form .vertragsangaben .angabe-item, #power-contract-confirmation-form .vertragsangaben .angabe-item {
  background-color: #F2F2F2;
  font-size: 1.4em;
  flex: 0 0 100%;
  padding: 10px;
  margin-bottom: 2px;
}
@media (min-width: 990px) {
  #gas-contract-confirmation-form .vertragsangaben .angabe-item, #power-contract-confirmation-form .vertragsangaben .angabe-item {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  #gas-contract-confirmation-form .vertragsangaben .angabe-item, #power-contract-confirmation-form .vertragsangaben .angabe-item {
    flex: 0 0 49%;
  }
}
#gas-contract-confirmation-form .info-row, #power-contract-confirmation-form .info-row {
  display: inline-block;
  margin-left: 44px;
  margin-bottom: 30px;
  padding-left: 15px;
  position: relative;
  color: #82C828;
  font-size: 14px;
}
#gas-contract-confirmation-form .info-row a, #power-contract-confirmation-form .info-row a {
  font-weight: bold;
}
#gas-contract-confirmation-form .info-row:before, #power-contract-confirmation-form .info-row:before {
  content: "";
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: -46px;
  background-image: url(../images/icon_info_form.svg);
  background-repeat: no-repeat;
  background-size: 45px 45px;
  width: 46px;
  height: 46px;
  position: absolute;
}
#gas-contract-confirmation-form .submitButton, #power-contract-confirmation-form .submitButton {
  margin-top: 30px;
}

@media (min-width: 990px) {
  #power-contract-confirmation-form img {
    width: 200px;
    max-width: 100%;
  }
}
#power-contract-confirmation-form .green-stripe-bg {
  margin-bottom: 0;
}
#power-contract-confirmation-form .green-stripe-bg + .row:not(.green-stripe-bg) {
  margin-bottom: 3.125rem;
}
#power-contract-confirmation-form .green-stripe-bg:before {
  top: 45px;
}
#power-contract-confirmation-form .inputC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  height: 225px;
  padding: 0.625rem;
  text-align: center;
}
@media (min-width: 990px) {
  #power-contract-confirmation-form .inputC {
    height: 210px;
  }
}
#power-contract-confirmation-form .inputC input[type=radio] + label {
  height: 100%;
  background-image: url("../images/radiobutton_unchecked_dark.svg");
  background-position: 50% calc(50% + 22px);
  width: 100%;
  cursor: pointer;
  background-size: 18px 18px;
  margin-bottom: 0;
}
#power-contract-confirmation-form .inputC input[type=radio]:checked + label {
  background-image: url("../images/radiobutton_checked_dark.svg");
}
#power-contract-confirmation-form label {
  display: block;
  color: #222;
  font-size: 1.125rem;
  font-family: VagRoundedBold;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
}
#power-contract-confirmation-form input {
  background: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 2.5rem;
  height: 47px !important;
  padding-left: 20px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 350px;
}
#power-contract-confirmation-form input:hover {
  border-color: #82C828;
}

.quicklinks {
  padding: 4.375rem 0 5.625rem;
}
@media (min-width: 990px) {
  .quicklinks {
    padding: 5.625rem 0 7.5rem;
  }
}
.quicklinks .quicklink-title h2 {
  color: #222 !important;
  font-size: 1.75rem !important;
  font-family: VagRoundedLight !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 2.1875rem !important;
}
.quicklinks .quicklinksC {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.quicklinks .quicklinksC .quicklink-col {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 990px) {
  .quicklinks .quicklinksC .quicklink-col {
    width: calc((100% - 240px) / 5);
    margin-right: 60px;
    margin-bottom: 0;
  }
  .quicklinks .quicklinksC .quicklink-col:last-child {
    margin-right: 0;
  }
}
.quicklinks .quicklinksC .quicklink-col h3 {
  color: #222 !important;
  font-family: VagRoundedBold !important;
  font-size: 1rem !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 1.25rem !important;
}
.quicklinks .quicklinksC .quicklink-col ul {
  list-style: none;
}
.quicklinks .quicklinksC .quicklink-col ul li {
  color: #6D6D6D;
  font-size: 1rem;
  margin-bottom: 0.9375rem;
}
.quicklinks .quicklinksC .quicklink-col ul li a {
  color: #6D6D6D;
  transition: color 300ms;
}
.quicklinks .quicklinksC .quicklink-col ul li a:hover {
  color: #333;
}

.download-block {
  padding: 0 0 3.75rem;
}
.download-block .downloadC {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.download-block .downloadC .download-col {
  width: 100%;
}
@media (min-width: 640px) {
  .download-block .downloadC .download-col {
    width: calc((100% - 20px) / 2);
  }
}
.download-block .downloadC .download-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-bottom: 1.25rem;
  text-decoration: none;
  transition: border 300ms;
}
.download-block .downloadC .download-item:hover {
  border: 1px solid #6D6D6D;
}
.download-block .downloadC .download-item:hover .download-name:after {
  background-color: #6D6D6D;
}
.download-block .downloadC .download-item:focus {
  outline: 2px solid #40861A;
  outline-offset: 2px;
  border-radius: 4px;
}
.download-block .downloadC .download-item .download-name {
  padding: 1.125rem 1.25rem;
  width: 85%;
}
.download-block .downloadC .download-item .download-name:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dadada;
  transition: background-color 300ms;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 85%;
}
.download-block .downloadC .download-item .download-name h3 {
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: 0.8px;
  margin-bottom: 2px;
  margin-top: 0;
}
.download-block .downloadC .download-item .download-name span.subline {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
}
.download-block .downloadC .download-item .download-iconC {
  padding: 1.125rem 0.625rem;
  width: 15%;
  min-width: 50px;
}
.download-block .downloadC .download-item .download-iconC span.download-icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  max-width: 100%;
  background-image: url("../images/relaunch/utility/icon_relaunch_download_ci.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.download-filter-block .filters {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 65px;
}
@media (min-width: 640px) {
  .download-filter-block .filters {
    margin-bottom: 80px;
    flex-direction: row;
  }
}
.download-filter-block .filters .filter-item {
  width: 100%;
}
@media (min-width: 640px) {
  .download-filter-block .filters .filter-item {
    width: 26%;
  }
}
.download-filter-block .filters .filter-item ul, .download-filter-block .filters .filter-item .prettydropdown {
  width: 100%;
}
.download-filter-block .filters .filter-item select {
  background: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  height: 47px !important;
  padding-left: 20px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.download-filter-block .filters .filter-item label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-bottom: 8px;
  width: 100%;
}
.download-filter-block .download-block {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 640px) {
  .download-filter-block .download-block .more-button {
    text-align: center;
  }
}
.download-filter-block .download-block .more-button a {
  display: inline-block;
  margin-top: 34px;
}
@media (min-width: 640px) {
  .download-filter-block .download-block .more-button a {
    margin-top: 100px;
  }
}

.process-block {
  padding: 2.8125rem 0;
}
@media (min-width: 990px) {
  .process-block {
    padding: 5rem 0;
  }
}
.process-block .processC {
  counter-reset: item;
}
@media (min-width: 990px) {
  .process-block .processC {
    max-width: 50%;
    margin: 0 auto;
  }
}
.process-block .processC .process-item {
  position: relative;
  padding-left: 70px;
  margin-bottom: 1.875rem;
}
.process-block .processC .process-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .process-block .processC .process-item {
    padding-left: 112px;
  }
}
.process-block .processC .process-item h3 {
  color: #222;
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  margin-bottom: 0.625rem;
  margin-top: 0;
  padding-top: 0.875rem;
}
@media (min-width: 640px) {
  .process-block .processC .process-item h3 {
    font-size: 1.375rem;
  }
}
.process-block .processC .process-item p {
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
.process-block .processC .process-item p:last-child {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .process-block .processC .process-item p {
    font-size: 1.125rem;
  }
}
.process-block .processC .process-item:before {
  content: counter(item);
  counter-increment: item;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e6f4d4;
  color: #82C828;
  font-size: 1.125rem;
  font-family: VagRoundedBold;
  line-height: 24px;
  z-index: 1;
}
.process-block .processC .process-item:after {
  content: "";
  display: block;
  position: absolute;
  left: 24px;
  top: 64px;
  width: 1px;
  height: calc(100% - 48px);
  background-color: #6D6D6D;
  opacity: 0.2;
  z-index: 0;
}
.process-block .processC .process-item:last-child:after {
  content: none;
}
@media (min-width: 640px) {
  .process-block .processC .process-item:before {
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
  }
}

.button-grid {
  padding: 2.5rem 0 3.75rem;
}
@media (min-width: 990px) {
  .button-grid {
    padding: 2.5rem 0 5rem;
  }
}
.button-grid .button-gridC {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.button-grid .button-gridC .grid-button {
  position: relative;
  display: block;
  background-color: white;
  border: 1px solid white;
  border-radius: 10px;
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  padding: 1.25rem 2.5rem;
  text-align: center;
  transition-duration: 0s;
  width: 100%;
}
@media (min-width: 640px) {
  .button-grid .button-gridC .grid-button {
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 990px) {
  .button-grid .button-gridC .grid-button {
    width: calc((100% - 60px) / 4);
  }
}
.button-grid .button-gridC .grid-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_ci.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}
.button-grid .button-gridC .grid-button:hover:after {
  transform: translate(8px, -50%);
}
.button-grid .button-gridC .grid-button:focus {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.button-grid .button-gridC.three-cols .grid-button {
  width: 100%;
}
@media (min-width: 990px) {
  .button-grid .button-gridC.three-cols .grid-button {
    width: calc((100% - 40px) / 3);
  }
}

.benefits-block {
  padding: 3.125rem 0;
}
.benefits-block .benefitsC {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.benefits-block .benefitsC .benefits-col {
  width: 100%;
}
@media (min-width: 990px) {
  .benefits-block .benefitsC .benefits-col {
    width: calc((100% - 20px) / 2);
  }
}
.benefits-block .benefitsC .benefits-col:first-child .benefits-item:last-child {
  border-bottom: none;
}
@media (min-width: 990px) {
  .benefits-block .benefitsC .benefits-col:first-child .benefits-item:last-child {
    border-bottom: 1px solid #dadada;
  }
}
.benefits-block .benefitsC .benefits-col .benefits-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.25rem 0;
  border-top: 1px solid #dadada;
}
.benefits-block .benefitsC .benefits-col .benefits-item:last-child {
  border-bottom: 1px solid #dadada;
}
.benefits-block .benefitsC .benefits-col .benefits-item span.benefits-icon {
  display: block;
  min-width: 32px;
  height: 32px;
  margin-right: 1rem;
  margin-top: -6px;
  background-color: #e6f4d4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 50%;
}
.benefits-block .benefitsC .benefits-col .benefits-item .benefit-text {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
}
.benefits-block .benefitsC .benefits-col .benefits-item .benefit-text h3 {
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
  margin-top: 0;
}
.benefits-block .benefitsC .benefits-col .benefits-item .benefit-text span {
  color: #6D6D6D;
}
.benefits-block .benefitsC .benefits-col.vorteile .benefits-item span.benefits-icon {
  background-image: url("../images/relaunch/utility/icon_relaunch_plus_ci.svg");
}
.benefits-block .benefitsC .benefits-col.nachteile .benefits-item span.benefits-icon {
  background-color: #eceaea;
  background-image: url("../images/relaunch/utility/icon_relaunch_minus_black.svg");
}
.benefits-block .benefitsC .benefits-col.icon-list .benefits-item {
  align-items: flex-start;
}
.benefits-block .benefitsC .benefits-col.icon-list .benefits-item .benefits-icon {
  background: none;
  min-width: 40px;
  height: auto;
}
.benefits-block .benefitsC .benefits-col.icon-list .benefits-item .benefits-icon img {
  width: 100%;
  height: auto;
}
.benefits-block .benefitsC .benefits-col.icon-list .benefits-item .benefit-text {
  font-size: 1.125rem;
  line-height: 1.7777em;
}
.benefits-block .benefitsC .benefits-col.icon-list .benefits-item .benefit-text h3 {
  line-height: 1.7777em;
  margin-bottom: 0;
}
.benefits-block .benefitsC .benefits-col.slip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 990px) {
  .benefits-block .benefitsC .benefits-col.slip {
    width: 100%;
    gap: 20px;
  }
}
.benefits-block .benefitsC .benefits-col.slip .benefits-item {
  border: none !important;
  width: 100%;
  padding: 4px 0;
}
@media (min-width: 990px) {
  .benefits-block .benefitsC .benefits-col.slip .benefits-item {
    width: calc((100% - 40px) / 3);
    padding: 20px 0;
  }
}
.benefits-block .benefitsC .benefits-col.orderedList {
  counter-reset: ol-count;
  width: 100%;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item {
  flex-direction: column;
}
@media (min-width: 640px) {
  .benefits-block .benefitsC .benefits-col.orderedList .benefits-item {
    flex-direction: row;
  }
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item:first-child {
  padding-top: 0;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item:first-child .benefits-icon {
  margin-top: 0;
}
@media (min-width: 640px) {
  .benefits-block .benefitsC .benefits-col.orderedList .benefits-item:first-child .benefits-icon {
    margin-top: -4px;
  }
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item:last-child {
  padding-bottom: 0;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item .benefits-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-color: #e6f4d4;
  background-image: none;
  border-radius: 50%;
  margin-bottom: 1rem;
  margin-top: 4px;
}
@media (min-width: 640px) {
  .benefits-block .benefitsC .benefits-col.orderedList .benefits-item .benefits-icon {
    margin-bottom: 0;
    margin-top: -4px;
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item .benefits-icon:before {
  content: counter(ol-count);
  counter-increment: ol-count;
  color: #82C828;
  font-size: 1rem;
  font-family: VagRoundedLight;
  z-index: 1;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item .benefit-text h3 {
  margin-bottom: 4px;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item:first-child {
  border-top: none;
}
.benefits-block .benefitsC .benefits-col.orderedList .benefits-item:last-child {
  border-bottom: none;
}

.quote-block .quoteC {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.quote-block .quoteC .quote-text {
  display: flex;
  flex-direction: column;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  padding: 3.75rem 1.5rem;
  width: 100%;
  order: 2;
}
.quote-block .quoteC .quote-text:before {
  content: "";
  display: block;
  width: 50px;
  height: 38px;
  margin-bottom: 3.75rem;
  background-image: url("../images/relaunch/utility/icon_relaunch_quotes_ci.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 990px) {
  .quote-block .quoteC .quote-text {
    font-size: 2.375rem;
    order: 0;
    padding: 4rem 6.25rem 4rem 3.75rem;
    width: 50%;
  }
  .quote-block .quoteC .quote-text:before {
    margin-bottom: 4rem;
    width: 86px;
    height: 66px;
  }
}
.quote-block .quoteC .quote-text.full-width {
  width: 100%;
}
@media (min-width: 990px) {
  .quote-block .quoteC .quote-text.full-width {
    width: 80%;
  }
}
.quote-block .quoteC .quote-text .quote-author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2.5rem;
}
@media (min-width: 990px) {
  .quote-block .quoteC .quote-text .quote-author {
    margin-top: auto;
    padding-top: 1.25rem;
  }
}
.quote-block .quoteC .quote-text .quote-author img {
  width: 48px;
  height: auto;
  margin-right: 1rem;
}
.quote-block .quoteC .quote-text .quote-author .author-infos span {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
}
.quote-block .quoteC .quote-text .quote-author .author-infos span.author {
  font-family: VagRoundedBold;
}
.quote-block .quoteC .quote-text .quote-author .author-infos span.author-title {
  font-family: VagRoundedLight;
}
.quote-block .quoteC .quote-image {
  width: 100%;
  order: 1;
}
@media (min-width: 990px) {
  .quote-block .quoteC .quote-image {
    order: 0;
    width: 50%;
  }
}
.quote-block .quoteC .quote-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trust-slip-block {
  padding: 2.5rem 0;
}
@media (min-width: 990px) {
  .trust-slip-block {
    padding: 3.625rem 0;
  }
}
.trust-slip-block .trust-slipC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.trust-slip-block .trust-slipC .slip-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 990px) {
  .trust-slip-block .trust-slipC .slip-items {
    width: 70%;
  }
}
@media (min-width: 1440px) {
  .trust-slip-block .trust-slipC .slip-items {
    width: 60%;
  }
}
.trust-slip-block .trust-slipC .slip-items .slip-item {
  margin-bottom: 0.625rem;
}
@media (min-width: 990px) {
  .trust-slip-block .trust-slipC .slip-items .slip-item {
    margin-bottom: 0;
  }
}
.trust-slip-block .trust-slipC .slip-items .slip-item .slip-icon {
  background-color: #e6f4d4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
  background-size: 18px 18px;
  border-radius: 50%;
}
.trust-slip-block .trust-slipC .slip-items .slip-item:last-child {
  margin-bottom: 0;
}
.trust-slip-block .trust-slipC .slip-img {
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 1440px) {
  .trust-slip-block .trust-slipC .slip-img {
    width: auto;
    margin-bottom: 0;
  }
}
.trust-slip-block .trust-slipC .slip-img img {
  width: auto;
  height: 60px;
}
.trust-slip-block .trust-slipC .call-to-action {
  margin-top: 2.5rem;
}
@media (min-width: 990px) {
  .trust-slip-block .trust-slipC .call-to-action {
    margin-top: 0;
  }
}
.trust-slip-block .trust-slipC .slip-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.875rem;
  width: 100%;
}
@media (min-width: 640px) {
  .trust-slip-block .trust-slipC .slip-item {
    margin-bottom: 0;
    width: calc((100% - 40px) / 3);
  }
}
.trust-slip-block .trust-slipC .slip-item .slip-icon {
  display: block;
  min-width: 48px;
  height: 48px;
  margin-right: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.trust-slip-block .trust-slipC .slip-item .slip-icon.black {
  min-width: 32px;
  height: 32px;
}
@media (min-width: 640px) {
  .trust-slip-block .trust-slipC .slip-item .slip-icon.black {
    min-width: 48px;
    height: 48px;
  }
}
.trust-slip-block .trust-slipC .slip-item .slip-text {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
}
.trust-slip-block .trust-slipC .slip-item .slip-text.black {
  color: #222;
}
.trust-slip-block .trust-slipC .slip-item .slip-text h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  margin-bottom: 0.3125rem;
  margin-top: 0;
}

.award-slipC {
  padding: 5rem 0;
}
.award-slipC .award-slip {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 -30px;
}
@media (min-width: 640px) {
  .award-slipC .award-slip {
    flex-direction: row;
  }
}
.award-slipC .award-slip .award-image {
  flex: 0 1 auto;
  margin: 0 30px 1.25rem;
}
@media (min-width: 640px) {
  .award-slipC .award-slip .award-image {
    margin: 0 30px;
  }
}
.award-slipC .award-slip .award-image img {
  height: 112px;
  width: auto;
}
@media (min-width: 640px) {
  .award-slipC .award-slip .award-image img {
    height: auto;
    width: 100%;
  }
}

.facts-block {
  padding: 5rem 0;
}
.facts-block.text-only {
  padding: 1.25rem 0;
}
.facts-block.text-only .facts .fact-item {
  height: 280px;
  justify-content: center;
}
.facts-block.text-only .facts .fact-item .fact-image {
  display: none;
}
.facts-block.text-only .facts .fact-item .fact-text .headline * {
  color: #82C828;
}
.facts-block.text-only .facts .fact-item .fact-text .text p {
  color: #222;
}
.facts-block .facts {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 990px) {
  .facts-block .facts {
    flex-direction: row;
  }
}
.facts-block .facts .fact-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #f6f6f6;
  border-radius: 10px;
  flex: 1 1 20%;
  padding: 2.5rem 1.25rem;
  text-align: center;
}
@media (min-width: 990px) {
  .facts-block .facts .fact-item {
    padding: 5rem 2.5rem;
  }
}
.facts-block .facts .fact-item .fact-image {
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .facts-block .facts .fact-item .fact-image {
    margin-bottom: 2.5rem;
  }
}
.facts-block .facts .fact-item .fact-image .fact-count {
  color: #82C828;
  font-family: VagRoundedLight;
  font-size: 5rem;
  letter-spacing: 0.8px;
  line-height: 1em;
}
@media (min-width: 990px) {
  .facts-block .facts .fact-item .fact-image .fact-count {
    font-size: 6.25rem;
  }
}
.facts-block .facts .fact-item .fact-image img {
  width: auto;
  height: auto;
}
.facts-block .facts .fact-item .fact-text div:last-child {
  margin-bottom: 0 !important;
}
.facts-block .facts .fact-item .fact-text .headline {
  margin-bottom: 1.25rem;
}
.facts-block .facts .fact-item .fact-text .headline p, .facts-block .facts .fact-item .fact-text .headline h2, .facts-block .facts .fact-item .fact-text .headline h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .facts-block .facts .fact-item .fact-text .headline p, .facts-block .facts .fact-item .fact-text .headline h2, .facts-block .facts .fact-item .fact-text .headline h3 {
    font-size: 1.25rem;
  }
}
.facts-block .facts .fact-item .fact-text .text p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 0.625rem;
}
.facts-block .facts .fact-item .fact-text .text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .facts-block .facts .fact-item .fact-text .text p {
    font-size: 1.125rem;
  }
}

.discover-block .discoverC {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.discover-block .discoverC .discover-item {
  width: calc((100% - 40px) / 3);
}
.discover-block .discoverC .discover-item .image {
  border-radius: 10px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.discover-block .discoverC .discover-item .image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.discover-block .discoverC .discover-item .text h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  line-height: 1.25em;
  letter-spacing: 0.6px;
  margin-botttom: 1rem;
  margin-top: 0;
}
.discover-block .discoverC .discover-item .text p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0.625rem;
}
.discover-block .discoverC .discover-item .text p:last-child {
  margin-bottom: 0;
}
.discover-block .discoverC .discover-item .link {
  margin-top: 1.625rem;
}

.product-teaser-block {
  padding: 5rem 0 3.75rem;
}
.product-teaser-block.swiper {
  margin-left: -24px;
  padding-left: 24px;
  margin-right: -24px;
  padding-right: 24px;
}
@media (min-width: 640px) {
  .product-teaser-block.swiper {
    margin-left: -40px;
    padding-left: 40px;
    margin-right: -40px;
    padding-right: 40px;
  }
}
@media (min-width: 990px) {
  .product-teaser-block.swiper {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
  }
}
.product-teaser-block.no-swipe {
  overflow: visible;
}
.product-teaser-block.no-swipe .product-teaserC {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0;
}
.product-teaser-block.no-swipe .product-teaserC .product-teaser {
  width: 100% !important;
}
@media (min-width: 640px) {
  .product-teaser-block.no-swipe .product-teaserC .product-teaser {
    width: calc((100% - 20px) / 2) !important;
  }
}
@media (min-width: 990px) {
  .product-teaser-block.no-swipe .product-teaserC .product-teaser.two-cols {
    width: calc((100% - 20px) / 2) !important;
  }
  .product-teaser-block.no-swipe .product-teaserC .product-teaser.three-cols {
    width: calc((100% - 40px) / 3) !important;
  }
  .product-teaser-block.no-swipe .product-teaserC .product-teaser.four-cols {
    width: calc((100% - 60px) / 4) !important;
  }
}
.product-teaser-block .product-teaserC {
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .product-teaser-block .product-teaserC {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
  }
}
.product-teaser-block .product-teaserC .product-teaser {
  width: 240px !important;
  height: auto !important;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
}
@media (min-width: 640px) {
  .product-teaser-block .product-teaserC .product-teaser {
    width: 300px !important;
  }
}
@media (min-width: 990px) {
  .product-teaser-block .product-teaserC .product-teaser {
    margin-right: 0 !important;
    margin-bottom: 3.75rem;
  }
  .product-teaser-block .product-teaserC .product-teaser.two-cols {
    width: calc((100% - 20px) / 2) !important;
  }
  .product-teaser-block .product-teaserC .product-teaser.three-cols {
    width: calc((100% - 40px) / 3) !important;
  }
  .product-teaser-block .product-teaserC .product-teaser.four-cols {
    width: calc((100% - 60px) / 4) !important;
  }
}
.product-teaser-block .product-teaserC .product-teaser .image {
  border-radius: 10px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.product-teaser-block .product-teaserC .product-teaser .image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.product-teaser-block .product-teaserC .product-teaser .image.product-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  width: 240px;
  padding: 1.875rem 0;
}
@media (min-width: 640px) {
  .product-teaser-block .product-teaserC .product-teaser .image.product-image {
    width: 300px;
    padding: 2.8125rem 0;
  }
}
@media (min-width: 990px) {
  .product-teaser-block .product-teaserC .product-teaser .image.product-image {
    width: auto;
  }
}
.product-teaser-block .product-teaserC .product-teaser .image.product-image img {
  width: auto;
  max-width: 100%;
}
@media (min-width: 990px) {
  .product-teaser-block .product-teaserC .product-teaser .image.product-image img {
    max-width: 210px;
  }
}
.product-teaser-block .product-teaserC .product-teaser .text {
  margin-bottom: 1.5rem;
}
.product-teaser-block .product-teaserC .product-teaser .text h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .product-teaser-block .product-teaserC .product-teaser .text h3 {
    font-size: 1.25rem;
  }
}
.product-teaser-block .product-teaserC .product-teaser .text p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0.625rem;
}
@media (min-width: 640px) {
  .product-teaser-block .product-teaserC .product-teaser .text p {
    font-size: 1.125rem;
  }
}
.product-teaser-block .product-teaserC .product-teaser .text p:last-child {
  margin-bottom: 0;
}
.product-teaser-block .product-teaserC .product-teaser .link {
  margin-top: auto;
}

.content-teaser-block {
  padding: 5rem 0 3.75rem;
}
.content-teaser-block.swiper {
  margin-left: -24px;
  padding-left: 24px;
  margin-right: -24px;
  padding-right: 24px;
}
@media (min-width: 640px) {
  .content-teaser-block.swiper {
    margin-left: -40px;
    padding-left: 40px;
    margin-right: -40px;
    padding-right: 40px;
  }
}
@media (min-width: 990px) {
  .content-teaser-block.swiper {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
  }
}
.content-teaser-block .content-teaserC {
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .content-teaser-block .content-teaserC {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
  }
}
.content-teaser-block .content-teaserC .content-teaser {
  width: 240px !important;
  height: auto !important;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
}
@media (min-width: 640px) {
  .content-teaser-block .content-teaserC .content-teaser {
    width: 300px !important;
  }
}
@media (min-width: 990px) {
  .content-teaser-block .content-teaserC .content-teaser {
    margin-right: 0 !important;
    margin-bottom: 3.75rem;
  }
  .content-teaser-block .content-teaserC .content-teaser.two-cols {
    width: calc((100% - 20px) / 2) !important;
  }
  .content-teaser-block .content-teaserC .content-teaser.three-cols {
    width: calc((100% - 40px) / 3) !important;
  }
  .content-teaser-block .content-teaserC .content-teaser.four-cols {
    width: calc((100% - 60px) / 4) !important;
  }
}
.content-teaser-block .content-teaserC .content-teaser .image {
  border-radius: 10px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.content-teaser-block .content-teaserC .content-teaser .image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.content-teaser-block .content-teaserC .content-teaser .relaunch-overline {
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 12px;
}
.content-teaser-block .content-teaserC .content-teaser h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 1rem;
  margin-top: 0;
}
.content-teaser-block .content-teaserC .content-teaser p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 1.5rem;
}
.content-teaser-block .content-teaserC .content-teaser .link {
  margin-top: auto;
}

.tarifrechner-mobileLinks {
  display: block;
}
@media (min-width: 990px) {
  .tarifrechner-mobileLinks {
    display: none;
  }
}

.tarifrechnerC.hasMobileLinks {
  display: none;
}
@media (min-width: 990px) {
  .tarifrechnerC.hasMobileLinks {
    display: block;
  }
}
.tarifrechnerC.hasMobileLinks form {
  box-shadow: none;
}
.tarifrechnerC > h2 {
  font-family: VagRoundedBold, sans-serif;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 0;
}
.tarifrechnerC > h2 strong {
  letter-spacing: 0.4px;
}
.tarifrechnerC form .tarifRechner .tooltip-trigger:not(.inline-link) {
  background-image: url("../images/icon_fragezeichen.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  position: absolute;
  top: -7px;
  width: 22px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip h2, .tarifrechnerC form .tarifRechner .info-form-tooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.08em;
  padding: 0 50px 0px 25px;
  text-indent: -25px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip h2:before, .tarifrechnerC form .tarifRechner .info-form-tooltip h4:before {
  content: "";
  background-image: url("../images/icon_fragezeichen.svg");
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url("../images/icon_close_tooltip.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  color: #333 !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  padding-top: 15px !important;
}
@media (min-width: 640px) {
  .tarifrechnerC form .tarifRechner .info-form-tooltip p {
    padding-top: 0;
  }
}
.tarifrechnerC form .tarifRechner .info-form-tooltip.inline-link {
  width: 100%;
}
@media (max-width: 989.98px) {
  .tarifrechnerC form .tarifRechner .info-form-tooltip.inline-link p {
    max-width: 100% !important;
  }
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul {
  margin-top: 5px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul > li {
  font-size: 1rem;
  margin-left: 25px;
  padding-left: 10px;
  list-style-image: url("../images/arrow_bullet_green.svg") !important;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul > li:before {
  display: none !important;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul > li ul {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  margin-left: 25px;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul > li ul li {
  font-size: 1em;
  text-indent: -5px;
  list-style: none;
}
.tarifrechnerC form .tarifRechner .info-form-tooltip ul > li ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
.tarifrechnerC form .tarifRechner > h3 {
  color: #222 !important;
  font-family: VagRoundedLight !important;
  font-size: 1.75rem !important;
  letter-spacing: 0.4px !important;
  line-height: 1.2em !important;
  margin-bottom: 1.25rem !important;
}
.tarifrechnerC form .tarifRechner .tarifrechnerBody {
  padding-top: 0.625rem;
  width: 100%;
}
.tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
@media (min-width: 1440px) {
  .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm {
    flex-direction: row;
    gap: 40px;
  }
}
.tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem {
  position: relative;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 1440px) {
  .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem {
    margin-bottom: 1.875rem;
  }
  .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.gas-sliderC, .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.power-sliderC, .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.plz-inputC {
    width: 42%;
  }
  .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.gas-inputC, .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.power-inputC, .tarifrechnerC form .tarifRechner .tarifrechnerBody .tarifrechnerForm .tarifrechnerItem.netzbetreiber-inputC {
    width: 58%;
  }
}
.tarifrechnerC form .tarifRechner .submitButton {
  padding-top: 2.5rem;
}
.tarifrechnerC form .tarifRechner .info-container {
  position: relative;
}
.tarifrechnerC form .tarifRechner .info-icon {
  display: inline-block;
  background-image: url(../images/icon_fragezeichen.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  margin-left: 5px;
  position: absolute;
  top: -8px;
}
.tarifrechnerC form .tarifRechner .tarifrechnerItem .help-block {
  margin-bottom: 0;
}
.tarifrechnerC form .tarifRechner label {
  display: block;
  color: #222;
  font-size: 0.8125rem;
  font-family: VagRoundedBold;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.tarifrechnerC form .tarifRechner input, .tarifrechnerC form .tarifRechner select, .tarifrechnerC form .tarifRechner .prettydropdown {
  width: 100%;
}
.tarifrechnerC form .tarifRechner .prettydropdown {
  width: 100% !important;
}
.tarifrechnerC form .tarifRechner .info-error-message {
  color: #6B6B6B;
}
.tarifrechnerC form .tarifRechner #power-zip-error span {
  margin-bottom: 0;
}
.tarifrechnerC form .tarifRechner .slider-inputs {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
}
.tarifrechnerC form .tarifRechner .slider-inputs .tx_estmkapi_rangeValue {
  width: 36%;
}
.tarifrechnerC form .tarifRechner .slider-inputs .sliderC {
  width: 60%;
  margin-top: 12px;
}
.tarifrechnerC form .tarifRechner .sliderC .ui-slider {
  display: inline-block;
  vertical-align: top;
  margin: 8px 0 0 8px;
  width: 100%;
  height: 42px;
}
.tarifrechnerC form .tarifRechner .sliderC .rangeValue {
  position: absolute;
  -moz-transform: translate(-50%, -30px);
  -o-transform: translate(-50%, -30px);
  -ms-transform: translate(-50%, -30px);
  -webkit-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
  left: calc(50% - 10px);
  width: initial;
  white-space: nowrap;
}
.tarifrechnerC form .tarifRechner .sliderC .rangeValue.rangeValueStrom {
  display: none !important;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power.ui-slider {
  margin: 8px 0 0 5px;
  width: calc(100% - 47px);
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power.ui-widget-content {
  border: transparent;
  background-color: transparent;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-range-min {
  background-color: transparent;
  border: transparent;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-handle {
  border: 1px solid #82C828;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: -7px;
  background-color: #e6f4d4;
  padding-left: 0 !important;
  opacity: 0;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-handle:focus {
  outline: 0;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-state-active {
  color: white;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip {
  color: #6D6D6D;
  margin-bottom: 0;
  top: 0;
  width: auto;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip .ui-slider-line {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: -7px;
  background-color: #eceaea;
  border: 1px solid #eceaea;
  padding-left: 0 !important;
  margin-left: 2px;
  position: absolute;
  left: 0;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip .ui-slider-label {
  font-size: 1.0625rem;
  font-weight: normal;
  letter-spacing: 0.12em;
  line-height: 48px;
  border: transparent;
  width: 48px;
  height: 48px;
  padding-left: 0 !important;
  margin-left: 3px;
  top: -6px;
  z-index: 2;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip:hover .ui-slider-line, .tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip.ui-slider-pip-selected .ui-slider-line {
  background-color: #e6f4d4;
  border-color: #82C828;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip:hover .ui-slider-label, .tarifrechnerC form .tarifRechner .sliderC .slider-power .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: #222;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas {
  height: 2px;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas.ui-slider {
  margin: 0;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas.ui-widget-content {
  border: transparent;
  background-color: #dadada;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas .ui-slider-range-min {
  background-color: #82C828;
  border: transparent;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas .ui-slider-handle {
  border: transparent;
  border-radius: 50%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: -11px;
  background-color: #82C828;
  padding-left: 0 !important;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas .ui-slider-handle:focus {
  outline: 0;
  border: 0;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas .ui-slider-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: white;
}
.tarifrechnerC form .tarifRechner .sliderC .slider-gas .ui-state-active {
  color: #222;
}
.tarifrechnerC form .tarifRechner select, .tarifrechnerC form .tarifRechner textarea, .tarifrechnerC form .tarifRechner input {
  background: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  height: 47px !important;
  padding-left: 20px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tarifrechnerC form .tarifRechner select:hover, .tarifrechnerC form .tarifRechner textarea:hover, .tarifrechnerC form .tarifRechner input:hover {
  border-color: #82C828;
}
.tarifrechnerC form .tarifRechner select {
  appearance: none;
}
.tarifrechnerC form .tarifRechner select:after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.tarifrechnerC form .tarifRechner select.disabled:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown_disabled.svg");
}
.tarifrechnerC form .tarifRechner .prettydropdown {
  max-width: 100%;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul {
  background: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 45px;
  width: 100%;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul li {
  background-color: white;
  border: none;
  border-radius: 6px;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  height: 45px;
  line-height: 46px;
  letter-spacing: 0.6px;
  padding-left: 20px;
  padding-right: 35px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100% !important;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul li:before, .tarifrechnerC form .tarifRechner .prettydropdown ul li:after {
  content: none !important;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul:not(.active) li.disabled {
  cursor: pointer;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul:not(.active) li:not(.selected):first-child {
  color: #B0B0B0;
  opacity: 1;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul.active {
  height: auto;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul.active li:hover:not(.label), .tarifrechnerC form .tarifRechner .prettydropdown ul.active li.hover:not(.label) {
  background: transparent;
  color: #82C828;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul.active li .disabled {
  cursor: not-allowed;
  color: #222 !important;
}
.tarifrechnerC form .tarifRechner .prettydropdown ul.active li.selected {
  color: #82C828 !important;
}
.tarifrechnerC form .tarifRechner .prettydropdown:not(.disabled) ul.active, .tarifrechnerC form .tarifRechner .prettydropdown:not(.disabled) ul:hover, .tarifrechnerC form .tarifRechner .prettydropdown:not(.disabled) ul:focus {
  border-color: #82C828;
}
.tarifrechnerC form .tarifRechner .prettydropdown:not(.disabled) ul:focus {
  outline: 4px solid #f6f6f6;
}
.tarifrechnerC form .tarifRechner .prettydropdown:after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.tarifrechnerC form .tarifRechner .prettydropdown.disabled:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown_disabled.svg");
}
.tarifrechnerC form .tarifrechner-result h3 {
  color: #222 !important;
  font-family: VagRoundedLight !important;
  font-size: 1.75rem !important;
  letter-spacing: 0.4px !important;
  line-height: 1.2em !important;
  margin-bottom: 1.25rem !important;
}
.tarifrechnerC form .tarifrechner-result .change-input-linkC {
  text-align: right;
  width: 100%;
}
.tarifrechnerC form .tarifrechner-result .change-input-linkC a:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -3px;
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_black.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.tarifrechnerC form .tarifrechner-result .price-details {
  margin: 2.5rem 0;
}
.tarifrechnerC form .tarifrechner-result .price-details table {
  width: 100%;
  margin-bottom: 1.25rem;
}
.tarifrechnerC form .tarifrechner-result .price-details table tbody tr td {
  color: #222;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  vertical-align: top;
  text-align: right;
}
.tarifrechnerC form .tarifrechner-result .price-details table tbody tr td span.per-in-table {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  line-height: 1.4em;
  letter-spacing: 0.4px;
}
.tarifrechnerC form .tarifrechner-result .price-details table tbody tr td:first-child {
  text-align: left;
}
.tarifrechnerC form .tarifrechner-result .price-details table tbody tr:first-child td {
  font-family: VagRoundedBold;
}
.tarifrechnerC form .tarifrechner-result .legende p {
  font-size: 0.8125rem;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table, .tarifrechnerC form .tarifrechner-result .base-price-table {
  margin-bottom: 2.5rem;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 10px 20px;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table, .tarifrechnerC form .tarifrechner-result .base-price-table table {
  width: 100%;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table thead, .tarifrechnerC form .tarifrechner-result .base-price-table table thead {
  border-bottom: 1px solid #dadada;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table thead tr th, .tarifrechnerC form .tarifrechner-result .base-price-table table thead tr th {
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  padding: 20px 0;
  text-align: right;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table thead tr th:first-child, .tarifrechnerC form .tarifrechner-result .base-price-table table thead tr th:first-child {
  text-align: left;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table tbody tr.border-bottom-grey, .tarifrechnerC form .tarifrechner-result .base-price-table table tbody tr.border-bottom-grey {
  border-bottom: 1px solid #dadada;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table tbody tr.border-bottom-dark-grey, .tarifrechnerC form .tarifrechner-result .base-price-table table tbody tr.border-bottom-dark-grey {
  border-bottom: 1px solid #6D6D6D;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table tbody tr td, .tarifrechnerC form .tarifrechner-result .base-price-table table tbody tr td {
  padding: 12px 0;
  text-align: right;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table table tbody tr td:first-child, .tarifrechnerC form .tarifrechner-result .base-price-table table tbody tr td:first-child {
  text-align: left;
}
.tarifrechnerC form .tarifrechner-result .calculated-price-table {
  margin-bottom: 1.25rem;
}
.tarifrechnerC form .tarifrechner-result .footnote {
  color: #6D6D6D;
  font-size: 0.8125rem !important;
  margin-bottom: 2.5rem;
}
.tarifrechnerC form .tarifrechner-result .buttons a {
  margin-right: 20px;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .tarifrechnerC form .tarifrechner-result .buttons a {
    margin-bottom: 0;
  }
}
.tarifrechnerC form .tarifrechner-result .buttons a:last-child {
  margin-bottom: 0;
}

.section-header-block {
  position: relative;
  padding-top: 5rem;
}
@media (min-width: 990px) {
  .section-header-block {
    padding-top: 7.5rem;
  }
}
.section-header-block .section-header .overline {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1.25rem;
}
.section-header-block .section-header.small {
  padding-bottom: 0.875rem;
}
@media (min-width: 640px) {
  .section-header-block .section-header.small {
    padding-bottom: 0;
  }
}
.section-header-block .section-header.small h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .section-header-block .section-header.small h2 {
    font-size: 2.375rem;
  }
}
.section-header-block .section-header.small .section-header-hand_image {
  display: none;
}
@media (min-width: 990px) {
  .section-header-block .section-header.small .section-header-hand_image {
    display: block;
    right: 52px;
  }
}
.section-header-block .section-header.big {
  padding-bottom: 1.25rem;
}
.section-header-block .section-header.big h2 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .section-header-block .section-header.big h2 {
    font-size: 3.125rem;
  }
}
.section-header-block .section-header.big .section-header-hand_image {
  display: none;
}
@media (min-width: 990px) {
  .section-header-block .section-header.big .section-header-hand_image {
    display: block;
    left: 25px;
  }
}
.section-header-block .section-header .header-text {
  width: 100%;
}
@media (min-width: 990px) {
  .section-header-block .section-header .header-text {
    width: 45%;
  }
}
.section-header-block .section-header .header-text.left {
  text-align: left;
}
.section-header-block .section-header .header-text.middle {
  text-align: center;
  margin: 0 auto;
}
.section-header-block .section-header .section-header-hand_image {
  position: absolute;
  bottom: 0;
  width: 250px;
}
.section-header-block .section-header .section-header-hand_image img {
  width: 100%;
  height: auto;
}
.section-header-block.big-spacing .section-header.big {
  padding-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .section-header-block.big-spacing .section-header.big .section-header-hand_image {
    left: 179px;
  }
}
.section-header-block.big-spacing .section-header.small {
  padding-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .section-header-block.big-spacing .section-header.small .section-header-hand_image {
    right: 179px;
  }
}

.contact-flexC .contact-flex {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  margin: auto;
  gap: 20px;
}
@media (min-width: 990px) {
  .contact-flexC .contact-flex {
    flex-direction: row;
  }
}
.contact-flexC .contact-flex .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  right: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
.contact-flexC .contact-flex .info-form-tooltip h2, .contact-flexC .contact-flex .info-form-tooltip h4 {
  color: #333333;
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.08em;
}
.contact-flexC .contact-flex .info-form-tooltip h2:before, .contact-flexC .contact-flex .info-form-tooltip h4:before {
  content: "";
  background-image: url("../images/icon_info_form_grey.svg");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -2px;
}
.contact-flexC .contact-flex .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url("../images/icon_close_tooltip.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.contact-flexC .contact-flex .info-form-tooltip p {
  color: #333333;
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.04em;
}
.contact-flexC .contact-flex .contact-flex-item {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  flex-direction: column;
  background-color: white;
  border-radius: 10px;
  flex: 1 0 15%;
  padding: 2rem 2.5rem;
  text-align: center;
}
@media (min-width: 990px) {
  .contact-flexC .contact-flex .contact-flex-item {
    max-width: 33.333%;
  }
}
.contact-flexC .contact-flex .contact-flex-item img {
  display: block;
  margin-bottom: 1.25rem;
  width: 72px;
  height: auto;
}
.contact-flexC .contact-flex .contact-flex-item h3 {
  color: #222 !important;
  font-family: VagRoundedBold !important;
  font-size: 1.125rem !important;
  letter-spacing: 0.6px !important;
  line-height: 1.25em !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
.contact-flexC .contact-flex .contact-flex-item p {
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.contact-flexC .contact-flex .contact-flex-item p a {
  color: #6D6D6D;
}
.contact-flexC .contact-flex .contact-flex-item p a:hover {
  color: #82C828;
}
.contact-flexC .contact-flex .contact-flex-item .small-grey {
  font-size: 0.75rem;
  line-height: 3em;
  letter-spacing: 1.05px;
  margin-bottom: 3em;
  color: #9D9D9D;
}
.contact-flexC .contact-flex .contact-flex-item .small-grey a {
  color: #B0B0B0;
}
.contact-flexC .contact-flex .contact-flex-item a {
  margin-top: auto;
}
.contact-flexC .contact-flex .contact-flex-item.disabled h3 {
  color: #9D9D9D;
}
.contact-flexC .contact-flex .contact-flex-item.disabled a {
  pointer-events: none;
  color: #6B6B6B;
}

@media (min-width: 990px) {
  #search-result-wrapper .search-area {
    max-width: 66.6667%;
    margin: 0 auto;
  }
}
#search-result-wrapper .search-area .search-input {
  position: relative;
  padding: 2.875rem 0 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 990px) {
  #search-result-wrapper .search-area .search-input {
    padding: 4.375rem 0 1.25rem;
  }
}
#search-result-wrapper .search-area .search-input input {
  border-radius: 6px;
  color: #222;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  height: 34px;
  border: none;
  margin-bottom: 0;
  padding-right: 50px;
  width: 100%;
}
#search-result-wrapper .search-area .search-input .search-button {
  content: "";
  position: absolute;
  right: 0;
  top: 47px;
  width: 42px;
  height: 30px;
  border-radius: 100px;
  border: 1px solid #dadada;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_black.svg");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 990px) {
  #search-result-wrapper .search-area .search-input .search-button {
    top: 72px;
  }
}
#search-result-wrapper .search-area .search-input .search-button:focus {
  outline: 2px solid #f6f6f6;
  outline-offset: 2px;
}
#search-result-wrapper .search-area .search-result .search-count {
  display: block;
  color: #222;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  #search-result-wrapper .search-area .search-result .search-count {
    margin-bottom: 5.625rem;
  }
}
#search-result-wrapper .search-area .search-result .tx-indexedsearch-res {
  display: block;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 990px) {
  #search-result-wrapper .search-area .search-result .tx-indexedsearch-res {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
#search-result-wrapper .search-area .search-result .tx-indexedsearch-res h3 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  word-break: break-word;
}
#search-result-wrapper .search-area .search-result .tx-indexedsearch-res h3 a {
  color: #222;
}
#search-result-wrapper .search-area .search-result .tx-indexedsearch-res h3 a:hover {
  color: #82C828;
}
#search-result-wrapper .search-area .search-result .tx-indexedsearch-res p {
  color: #6D6D6D;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 0;
}

.header-hero {
  position: relative;
  clear: both;
}
.header-hero .hero-image {
  display: none;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 48px);
  min-height: 500px;
  object-fit: cover;
}
@media (min-width: 640px) {
  .header-hero .hero-image {
    min-height: 700px;
  }
}
.header-hero .hero-image.active {
  display: block;
}
.header-hero .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  justify-content: space-between;
  padding: 10rem 0 2.5rem 1.5625rem;
}
@media (min-width: 990px) {
  .header-hero .hero-content {
    padding: 8.75rem 3.75rem 3.75rem;
  }
}
@media (min-width: 1440px) {
  .header-hero .hero-content {
    padding: 15.625rem 3.75rem 3.75rem;
  }
}
.header-hero .hero-content .hero-headline {
  max-width: 100%;
}
@media (min-width: 990px) {
  .header-hero .hero-content .hero-headline {
    max-width: 60%;
  }
}
.header-hero .hero-content .hero-headline h2 {
  color: white;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 990px) {
  .header-hero .hero-content .hero-headline h2 {
    font-size: 3.125rem;
    line-height: 1.1em;
  }
}
@media (min-width: 1440px) {
  .header-hero .hero-content .hero-headline h2 {
    font-size: 4.375rem;
    line-height: 1.1em;
  }
}
.header-hero .hero-content .tab-teasers-desktop, .header-hero .hero-content .tab-benefits-desktop {
  display: none;
}
@media (min-width: 990px) {
  .header-hero .hero-content .tab-teasers-desktop, .header-hero .hero-content .tab-benefits-desktop {
    display: block;
  }
}
.header-hero .hero-content .tab-teasers-mobile, .header-hero .hero-content .tab-benefits-mobile {
  display: block;
}
@media (min-width: 990px) {
  .header-hero .hero-content .tab-teasers-mobile, .header-hero .hero-content .tab-benefits-mobile {
    display: none;
  }
}
.header-hero .hero-content .hero-tabs {
  display: none;
}
@media (min-width: 990px) {
  .header-hero .hero-content .hero-tabs {
    display: block;
  }
}
.header-hero .hero-content .hero-tabs ul.nav-tabs {
  background: transparent;
  border-bottom: none;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li {
  background: #f6f6f6;
  width: auto;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li button {
  display: inline-block;
  border: none;
  color: rgba(51, 51, 51, 0.7);
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  letter-spacing: 0.4px;
  line-height: 1.55em;
  margin-right: 0;
  padding: 13.5px 0;
  text-align: center;
  width: 205px;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li button:focus-visible {
  outline-offset: -2px;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li.active, .header-hero .hero-content .hero-tabs ul.nav-tabs li:hover {
  background: white;
  box-shadow: 0px 9px white, 9px 0px 15px -7px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li.active button, .header-hero .hero-content .hero-tabs ul.nav-tabs li:hover button {
  background: white;
  color: #222;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:first-child {
  border-radius: 10px 0 0 0;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:first-child button {
  border-radius: 10px 0 0 0;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:first-child.active + li {
  border-left: none !important;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:last-child {
  border-radius: 0 10px 0 0;
  border-left: 1px solid #ececec;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:last-child button {
  border-radius: 0 10px 0 0;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:last-child.active {
  box-shadow: 0px 9px white, -9px 0px 15px -7px rgba(0, 0, 0, 0.1);
  border-left: none !important;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:nth-child(2) {
  border-left: 1px solid #ececec;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:nth-child(2).active {
  border: none;
}
.header-hero .hero-content .hero-tabs ul.nav-tabs li:nth-child(2).active + li {
  border-left: none !important;
}
.header-hero .hero-content .hero-tabs .tab-content {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  background: white;
  border-radius: 0 10px 10px 10px;
  padding: 1.875rem 2.5rem;
  height: 200px;
  width: 100%;
}
.header-hero .hero-content .hero-tabs .tab-content.hasCalc {
  height: 365px;
}
@media (min-width: 1440px) {
  .header-hero .hero-content .hero-tabs .tab-content {
    height: 160px;
  }
  .header-hero .hero-content .hero-tabs .tab-content.hasCalc {
    height: 160px;
  }
}
.header-hero .hero-content .hero-tabs .tab-content .tab-pane {
  width: 100%;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-pane .tarifrechnerC {
  padding: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-pane.tab-calc {
  align-self: flex-start;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
  margin-right: 50px;
  width: calc((100% - 100px) / 3);
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item:last-child {
  margin-right: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .image {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  padding: 20px 10px;
  margin-right: 20px;
  min-width: 83px;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .image img {
  width: 100%;
  height: auto;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .text {
  margin-right: 20px;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .text h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 4px;
  margin-top: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .text span {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-teasers .tab-teaser-item .link {
  margin-left: auto;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .image {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  padding: 20px 10px;
  margin-right: 35px;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .image img {
  width: 100%;
  height: auto;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.75em;
  margin-bottom: 8px;
  margin-top: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list {
    flex-direction: row;
  }
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item {
  flex: 1 0 auto;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item {
    margin-right: 35px;
    margin-bottom: 0;
  }
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: -10px;
  margin-right: 5px;
  background-color: #e6f4d4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item:before {
    margin-right: 12px;
  }
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .benefit-area .benefit-list .tab-benefit-item .text {
  display: inline-block;
  color: rgba(51, 51, 51, 0.7);
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.75em;
}
.header-hero .hero-content .hero-tabs .tab-content .tab-benefits .link {
  margin-left: auto;
}
.header-hero .hero-content .hero-tabs .tab-content .tarifrechnerC .tarifRechner {
  padding: 0;
}
.header-hero .hero-content .teaser-image {
  position: absolute;
  right: 90px;
  display: none;
}
@media (min-width: 990px) {
  .header-hero .hero-content .teaser-image {
    display: block;
    bottom: 425px;
  }
}
@media (min-width: 1440px) {
  .header-hero .hero-content .teaser-image {
    bottom: 290px;
  }
}
.header-hero .hero-content .hero-tabs-mobile {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
  margin-left: -24px;
  scrollbar-color: #82C828 #dadada;
  scrollbar-width: none;
}
.header-hero .hero-content .hero-tabs-mobile::-webkit-scrollbar {
  display: none;
  height: 5px;
}
.header-hero .hero-content .hero-tabs-mobile::-webkit-scrollbar-thumb {
  background-color: #82C828;
}
.header-hero .hero-content .hero-tabs-mobile::-webkit-scrollbar-track {
  background-color: #dadada;
}
@media (min-width: 990px) {
  .header-hero .hero-content .hero-tabs-mobile {
    display: none;
  }
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC {
  margin-right: 25px;
  padding-left: 24px;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .tab-label {
  display: inline-block;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 8px;
  position: sticky;
  left: 24px;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab {
  margin-right: 25px;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab:last-child {
  margin-right: 0;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item {
  background-color: white;
  border-radius: 10px;
  padding: 12px 20px 12px 12px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: flex-start;
  margin-right: 25px;
  height: 120px;
  width: 320px;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item:last-child {
  margin-right: 0;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .image {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  padding: 20px 10px;
  margin-right: 20px;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .image img {
  width: 100%;
  height: auto;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .text {
  margin-right: 0;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .text h4 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 4px;
  margin-top: 0;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .text span {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin: 0;
}
.header-hero .hero-content .hero-tabs-mobile .mobile-tabC .mobile-tab .tab-teasers .tab-teaser-item .link {
  margin-left: auto;
}
.header-hero.e-wirtschaft video {
  display: block;
  width: 100%;
  min-height: calc(100vh - 48px);
  object-fit: cover;
  object-position: center;
}
@media (min-width: 990px) {
  .header-hero.e-wirtschaft video {
    height: auto;
  }
}
.header-hero.e-wirtschaft video.video-hide-mobile {
  display: none;
}
@media (min-width: 990px) {
  .header-hero.e-wirtschaft video.video-hide-mobile {
    display: block;
  }
}
.header-hero.e-wirtschaft video.video-hide-desktop {
  display: block;
}
@media (min-width: 990px) {
  .header-hero.e-wirtschaft video.video-hide-desktop {
    display: none;
  }
}
.header-hero.e-wirtschaft .hero-headline-image {
  max-width: 50%;
  height: auto;
}
.header-hero.e-wirtschaft .hero-content {
  padding: 10rem 1.5625rem 2.5rem 1.5625rem;
}
@media (min-width: 990px) {
  .header-hero.e-wirtschaft .hero-content {
    padding: 8.75rem 3.75rem 3.75rem;
  }
}
@media (min-width: 1440px) {
  .header-hero.e-wirtschaft .hero-content {
    padding: 15.625rem 3.75rem 3.75rem;
  }
}
.header-hero.e-wirtschaft .hero-text {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 640px) {
  .header-hero.e-wirtschaft .hero-text {
    flex-direction: row;
    align-items: flex-end;
  }
}
.header-hero.e-wirtschaft .hero-text .small-image img {
  max-width: 50%;
  height: auto;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .header-hero.e-wirtschaft .hero-text .small-image img {
    margin-bottom: 0;
    max-width: 25%;
  }
}
@media (min-width: 640px) {
  .header-hero.e-wirtschaft .hero-text .link {
    margin-left: auto;
  }
}
.header-hero.e-wirtschaft .hero-text .link a {
  white-space: nowrap;
}
.header-hero.gradient:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.header-hero.gradient-header:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .header-hero.gradient-header:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 47.6%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.header-hero.gradient-left:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .header-hero.gradient-left:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.header-hero.gradient-center:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}
@media (min-width: 990px) {
  .header-hero.gradient-center:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.48) 50%, rgba(0, 0, 0, 0.06) 100%);
  }
}

.header-hero-banner {
  position: relative;
  clear: both;
}
.header-hero-banner .hero-image {
  width: 100%;
  height: auto;
  min-height: 600px;
  object-fit: cover;
}
.header-hero-banner .hero-image.desktop {
  display: none;
}
@media (min-width: 990px) {
  .header-hero-banner .hero-image.desktop {
    display: block;
  }
}
.header-hero-banner .hero-image.desktop.only-desktop {
  display: block !important;
}
.header-hero-banner .hero-image.mobile {
  display: block;
}
@media (min-width: 990px) {
  .header-hero-banner .hero-image.mobile {
    display: none;
  }
}
.header-hero-banner .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem 1.5rem;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content {
    padding: 5rem 3.75rem;
  }
}
.header-hero-banner .hero-content .hero-headline {
  max-width: 100%;
}
@media (min-width: 990px) {
  .header-hero-banner .hero-content .hero-headline {
    max-width: 60%;
  }
}
.header-hero-banner .hero-content .hero-headline .hero-overline {
  display: block;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content .hero-headline .hero-overline {
    margin-bottom: 1.5rem;
  }
}
.header-hero-banner .hero-content .hero-headline h2 {
  color: white;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content .hero-headline h2 {
    font-size: 3.125rem;
  }
}
.header-hero-banner .hero-content .hero-text p {
  color: white;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
  max-width: 100%;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content .hero-text p {
    font-size: 1.25rem;
    max-width: 429px;
  }
}
.header-hero-banner .hero-content .hero-text p:last-child {
  margin-bottom: 0;
}
.header-hero-banner .hero-content .hero-text .link {
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content .hero-text .link {
    margin-top: 3rem;
  }
}
.header-hero-banner .hero-content .hero-text .call-to-action.secondary {
  background-color: white;
}
@media (min-width: 640px) {
  .header-hero-banner .hero-content .hero-text.wide p {
    max-width: 600px;
  }
}
.header-hero-banner.dynamiccharge .hero-image {
  max-height: 100vh;
}
.header-hero-banner.dynamiccharge .hero-image.mobile {
  object-position: center left;
}
.header-hero-banner.dynamiccharge .headline-dynamic {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 2.5rem 0;
  text-align: center;
}
.header-hero-banner.dynamiccharge .headline-dynamic .logo {
  margin-bottom: 2.5rem;
}
.header-hero-banner.dynamiccharge .headline-dynamic .hero-overline {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .headline-dynamic .hero-overline {
    margin-bottom: 1.5rem;
  }
}
.header-hero-banner.dynamiccharge .headline-dynamic h2 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .headline-dynamic h2 {
    font-size: 3.125rem;
  }
}
.header-hero-banner.dynamiccharge .headline-dynamic .onsite-image {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
.header-hero-banner.dynamiccharge .small-image {
  display: none;
  width: 250px;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .small-image {
    display: block;
  }
}
.header-hero-banner.dynamiccharge .small-image img {
  width: 100%;
  height: auto;
}
.header-hero-banner.dynamiccharge .small-image-mobile {
  display: block;
  width: 250px;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .small-image-mobile {
    display: none;
  }
}
.header-hero-banner.dynamiccharge .small-image-mobile img {
  width: 100%;
  height: auto;
}
.header-hero-banner.dynamiccharge .hero-content {
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .hero-content {
    justify-content: space-between;
  }
}
.header-hero-banner.dynamiccharge .hero-content .hero-headline {
  margin-bottom: 0.625rem;
}
@media (min-width: 640px) {
  .header-hero-banner.dynamiccharge .hero-content .hero-headline {
    margin-bottom: 0;
  }
}
.header-hero-banner.dynamiccharge .hero-content .hero-headline .hero-overline {
  color: #6D6D6D;
  font-family: VagRoundedBold;
}
.header-hero-banner.dynamiccharge .hero-content .hero-headline h2 {
  color: #222;
}
.header-hero-banner.gradient:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.header-hero-banner.gradient-header:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .header-hero-banner.gradient-header:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 47.6%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.header-hero-banner.gradient-left:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .header-hero-banner.gradient-left:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.header-hero-banner.gradient-center:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}
@media (min-width: 990px) {
  .header-hero-banner.gradient-center:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.48) 50%, rgba(0, 0, 0, 0.06) 100%);
  }
}

.accordion-block .accordion {
  border-bottom: 1px solid #dadada;
}
.accordion-block .accordion .accordion-header {
  position: relative;
}
.accordion-block .accordion .accordion-header a {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  line-height: 1.5em;
  padding: 30px 35px 30px 0;
}
@media (min-width: 990px) {
  .accordion-block .accordion .accordion-header a {
    font-size: 1.375rem;
    line-height: 1.4em;
  }
}
.accordion-block .accordion .accordion-header a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-image: url("../images/relaunch/utility/icon_relaunch_chevron_up_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.accordion-block .accordion .accordion-header a.collapsed:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_chevron_down_black.svg");
}
.accordion-block .accordion .accordion-body {
  padding: 0;
}
.accordion-block .accordion .accordion-body .accordion-inner {
  padding: 0 0 1.875rem;
}
@media (min-width: 990px) {
  .accordion-block .accordion .accordion-body .accordion-inner {
    max-width: 75%;
  }
}
.accordion-block .accordion .accordion-body .accordion-inner .text {
  padding-top: 1.25rem;
  margin-bottom: 1.875rem;
}
.accordion-block .accordion .accordion-body .accordion-inner .text:last-child {
  margin-bottom: 0;
}
.accordion-block .accordion .accordion-body .accordion-inner .text h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.25em;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.accordion-block .accordion .accordion-body .accordion-inner .text p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.875rem;
}
.accordion-block .accordion .accordion-body .accordion-inner .text p:last-child {
  margin-bottom: 0;
}
.accordion-block .accordion .accordion-body .accordion-inner .text p.small-grey {
  color: #9D9D9D;
  font-family: "VagRoundedThin";
  font-size: 0.875rem !important;
  letter-spacing: 0.075em;
  line-height: 1.2em;
  margin: 0.3em 0 1em 0;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-buttonC {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 990px) {
  .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC {
    width: 50%;
  }
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-bottom: 1.25rem;
  transition: border 300ms;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item:hover {
  border: 1px solid #6D6D6D;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item:hover .download-name:after {
  background-color: #6D6D6D;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item:focus {
  outline: 4px solid rgba(130, 200, 40, 0.2);
  border-radius: 4px;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-name {
  padding: 1.125rem 1.25rem;
  width: 85%;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-name:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dadada;
  transition: background-color 300ms;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 85%;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-name h3 {
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: 0.8px;
  margin-bottom: 2px;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-name span.subline {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-iconC {
  padding: 1.125rem 0.625rem;
  width: 15%;
  min-width: 50px;
}
.accordion-block .accordion .accordion-body .accordion-inner .download-item .download-iconC span.download-icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  max-width: 100%;
  background-image: url("../images/relaunch/utility/icon_relaunch_download_ci.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.content-image-blockC {
  padding: 3rem 0;
}
.content-image-blockC .content-image-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 10px;
}
.content-image-blockC .content-image-block .image {
  border-radius: 10px 10px 0 0;
  order: 1;
  width: 100%;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block .image {
    border-radius: 10px;
    order: 1;
    width: calc(33.333333% - 35px);
  }
}
.content-image-blockC .content-image-block .image img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block .image img {
    border-radius: 10px;
  }
}
.content-image-blockC .content-image-block .image img.zoomable {
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.content-image-blockC .content-image-block .image img.zoomed {
  transform: scale(2);
  cursor: zoom-out;
}
.content-image-blockC .content-image-block .text {
  order: 2;
  padding: 2.5rem 0;
  width: 100%;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block .text {
    order: 1;
    padding: 1.25rem 0;
    width: calc(66.666666% - 35px);
  }
}
.content-image-blockC .content-image-block .text .partner-slip-title {
  color: #82C828;
  font-family: VagRoundedBold;
  font-size: 1.25rem;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  margin-bottom: 15px;
}
.content-image-blockC .content-image-block .text h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 1.25rem;
}
.content-image-blockC .content-image-block .text p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
.content-image-blockC .content-image-block .text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .content-image-blockC .content-image-block .text p {
    font-size: 1.125rem;
  }
}
.content-image-blockC .content-image-block .text p a {
  margin-top: 1.25rem;
}
.content-image-blockC .content-image-block .text.two-cols {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block .text.two-cols {
    flex-direction: row;
  }
}
.content-image-blockC .content-image-block .text.two-cols .text-col {
  width: 100%;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block .text.two-cols .text-col {
    width: calc(50% - 5px);
  }
}
.content-image-blockC .content-image-block.centered {
  padding: 0;
  max-width: 100%;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block.centered {
    max-width: 60%;
    margin: 0 auto;
  }
}
.content-image-blockC .content-image-block.centered .image {
  max-width: 240px;
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block.centered .image {
    order: 1;
    width: calc(25% - 10px);
  }
}
@media (min-width: 990px) {
  .content-image-blockC .content-image-block.centered .text {
    order: 1;
    width: calc(75% - 10px);
  }
}

.page-navC {
  background-color: #f6f6f6;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 640px) {
  .page-navC {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 990px) {
  .page-navC {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.page-navC .page-nav {
  padding-top: 5.625rem;
  padding-bottom: 1.25rem;
  text-align: center;
  overflow-x: scroll;
  margin-left: -24px;
  padding-left: 24px;
}
@media (min-width: 640px) {
  .page-navC .page-nav {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 990px) {
  .page-navC .page-nav {
    overflow-x: visible;
    margin-left: 0;
    padding-left: 0;
  }
}
.page-navC .page-nav ul {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: flex-start;
  gap: 20px;
  border-bottom: 1px solid #dadada;
  list-style: none;
  white-space: nowrap;
}
@media (min-width: 990px) {
  .page-navC .page-nav ul {
    gap: 20px;
    justify-content: center;
    width: 100% !important;
  }
}
@media (min-width: 1100px) {
  .page-navC .page-nav ul {
    gap: 40px;
  }
}
.page-navC .page-nav ul li {
  position: relative;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding-bottom: 6px;
}
@media (min-width: 640px) {
  .page-navC .page-nav ul li {
    font-size: 1.25rem;
    line-height: 1.4em;
  }
}
.page-navC .page-nav ul li a {
  color: #6D6D6D;
}
.page-navC .page-nav ul li a.active {
  color: #222;
  font-family: VagRoundedBold;
}
.page-navC .page-nav ul li a.active:after {
  background-color: #82C828;
}
.page-navC .page-nav ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  height: 3px;
  background-color: transparent;
}
.page-navC .page-nav ul li a:before {
  display: block;
  content: attr(title);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-family: VagRoundedBold;
}
.page-navC .page-nav ul li:hover {
  font-family: VagRoundedBold;
}
.page-navC .page-nav ul li:hover a {
  color: #222;
}
.page-navC .page-nav ul li:hover a:after {
  background-color: #82C828;
}

.mobilitycard-new p {
  line-height: 1.4em;
}
.mobilitycard-new .info .row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.mobilitycard-new .info .row .col-12 {
  float: none;
  margin-bottom: 1.25rem;
}
.mobilitycard-new .info .row .col-12 p:last-child {
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .mobilitycard-new .info .row .col-md-6 {
    margin-bottom: 0;
  }
}
.mobilitycard-new .info .info-icon-div {
  position: relative;
  padding-left: 70px;
  margin-top: 20px;
}
.mobilitycard-new .info .info-icon-div:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-image: url("../images/icon_info_form.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.mobilitycard-new .info .info-icon-div p {
  color: #82C828;
  font-size: 1rem;
}
.mobilitycard-new .angebote {
  margin-bottom: 2.5rem;
}
.mobilitycard-new .angebote .angebot-item {
  position: relative;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  background-color: white;
  margin-bottom: 30px;
}
.mobilitycard-new .angebote .angebot-item:last-child {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item.active {
  border-color: #82C828;
  border-width: 3px;
}
.mobilitycard-new .angebote .angebot-item.active.recommended:before {
  left: -3px;
}
.mobilitycard-new .angebote .angebot-item.recommended:before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-51%);
  left: -1px;
  width: 100%;
  height: 40px;
  background-image: url("../images/illu_faehnchen_empfohlen_lang.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.mobilitycard-new .angebote .angebot-item .inputC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dcdcdc;
  padding: 0.625rem;
  width: 75px;
  text-align: center;
}
@media (min-width: 640px) {
  .mobilitycard-new .angebote .angebot-item .inputC {
    width: 150px;
    padding: 1.875rem;
  }
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label:before {
  top: 40px;
  background-image: url("../images/check_inactive_neu.svg");
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  left: 12px;
}
@media (min-width: 640px) {
  .mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label:before {
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    left: 20px;
  }
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label {
  height: 100%;
  background-position: center;
  width: 100%;
  cursor: pointer;
  background-size: 18px 18px;
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
}
.mobilitycard-new .angebote .angebot-item .right {
  padding: 1.875rem 2.5rem;
}
.mobilitycard-new .angebote .angebot-item .right img {
  width: 80px;
  height: auto;
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text h2 {
  color: #333;
  font-size: 1.625rem;
  font-family: VagRoundedBold;
  margin-bottom: 0;
  text-align: left;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .subheader {
  display: block;
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-costs {
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-costs span {
  display: block;
  color: #82C828;
  font-size: 1.625rem;
  font-family: VagRoundedLight;
  line-height: 1.2em;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-details p {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text p, .mobilitycard-new .angebote .angebot-item .right .tarif-text ul, .mobilitycard-new .angebote .angebot-item .right .tarif-text li {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text p:last-child, .mobilitycard-new .angebote .angebot-item .right .tarif-text ul:last-child, .mobilitycard-new .angebote .angebot-item .right .tarif-text li:last-child {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text ul {
  padding-left: 20px;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text ul li {
  margin-bottom: 5px;
}
.mobilitycard-new .bottom_checkbox {
  margin-bottom: 1.25rem;
}

.mobilitycard-new p {
  line-height: 1.4em;
}
.mobilitycard-new .info .row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.mobilitycard-new .info .row .col-12 {
  float: none;
  margin-bottom: 1.25rem;
}
.mobilitycard-new .info .row .col-12 p:last-child {
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .mobilitycard-new .info .row .col-md-6 {
    margin-bottom: 0;
  }
}
.mobilitycard-new .info .info-icon-div {
  position: relative;
  padding-left: 70px;
  margin-top: 20px;
}
.mobilitycard-new .info .info-icon-div:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-image: url("../images/icon_info_form.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.mobilitycard-new .info .info-icon-div p {
  color: #82C828;
  font-size: 1rem;
}
.mobilitycard-new .angebote {
  margin-bottom: 2.5rem;
}
.mobilitycard-new .angebote .angebot-item {
  position: relative;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  background-color: white;
  margin-bottom: 30px;
}
.mobilitycard-new .angebote .angebot-item:last-child {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item.active {
  border-color: #82C828;
  border-width: 3px;
}
.mobilitycard-new .angebote .angebot-item.active.recommended:before {
  left: -3px;
}
.mobilitycard-new .angebote .angebot-item.recommended:before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-51%);
  left: -1px;
  width: 100%;
  height: 40px;
  background-image: url("../images/illu_faehnchen_empfohlen_lang.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.mobilitycard-new .angebote .angebot-item .inputC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dcdcdc;
  padding: 0.625rem;
  width: 75px;
  text-align: center;
}
@media (min-width: 640px) {
  .mobilitycard-new .angebote .angebot-item .inputC {
    width: 150px;
    padding: 1.875rem;
  }
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label:before {
  top: 40px;
  background-image: url("../images/check_inactive_neu.svg");
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  left: 12px;
}
@media (min-width: 640px) {
  .mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label:before {
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    left: 20px;
  }
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio] + label {
  height: 100%;
  background-position: center;
  width: 100%;
  cursor: pointer;
  background-size: 18px 18px;
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .inputC input[type=radio]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
}
.mobilitycard-new .angebote .angebot-item .right {
  padding: 1.875rem 2.5rem;
}
.mobilitycard-new .angebote .angebot-item .right img {
  width: 80px;
  height: auto;
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text h2 {
  color: #333;
  font-size: 1.625rem;
  font-family: VagRoundedBold;
  margin-bottom: 0;
  text-align: left;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .subheader {
  display: block;
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-costs {
  margin-bottom: 0.625rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-costs span {
  display: block;
  color: #82C828;
  font-size: 1.625rem;
  font-family: VagRoundedLight;
  line-height: 1.2em;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text .tarif-details p {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text p, .mobilitycard-new .angebote .angebot-item .right .tarif-text ul, .mobilitycard-new .angebote .angebot-item .right .tarif-text li {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text p:last-child, .mobilitycard-new .angebote .angebot-item .right .tarif-text ul:last-child, .mobilitycard-new .angebote .angebot-item .right .tarif-text li:last-child {
  margin-bottom: 0;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text ul {
  padding-left: 20px;
}
.mobilitycard-new .angebote .angebot-item .right .tarif-text ul li {
  margin-bottom: 5px;
}
.mobilitycard-new .bottom_checkbox {
  margin-bottom: 1.25rem;
}

.tzb-calculator .tarifrechnerTZB {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 1rem;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
}
.tzb-calculator .tarifrechnerTZB.strom-disabled .strom-inputs, .tzb-calculator .tarifrechnerTZB.strom-disabled .strom-consumption {
  display: none;
}
.tzb-calculator .tarifrechnerTZB.strom-disabled .strom-inputs > *, .tzb-calculator .tarifrechnerTZB.strom-disabled .strom-consumption > * {
  opacity: 0.5;
}
.tzb-calculator .tarifrechnerTZB.strom-disabled .product .strom-label {
  opacity: 0.5;
  pointer-events: none;
}
.tzb-calculator .tarifrechnerTZB.gas-disabled .gas-inputs > *, .tzb-calculator .tarifrechnerTZB.gas-disabled .gas-consumption > * {
  opacity: 0.5;
  pointer-events: none;
}
.tzb-calculator .tarifrechnerTZB .calc-row {
  width: 100%;
  margin-bottom: 1.875rem;
}
.tzb-calculator .tarifrechnerTZB .calc-row:last-child {
  margin-bottom: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row.strom-inputs > div, .tzb-calculator .tarifrechnerTZB .calc-row.gas-inputs > div {
  margin-bottom: 0.625rem;
}
.tzb-calculator .tarifrechnerTZB .calc-row.strom-inputs > div:last-child, .tzb-calculator .tarifrechnerTZB .calc-row.gas-inputs > div:last-child {
  margin-bottom: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row.gas-inputs.disabled > * {
  pointer-events: none;
}
.tzb-calculator .tarifrechnerTZB .calc-row.gas-inputs.disabled label, .tzb-calculator .tarifrechnerTZB .calc-row.gas-inputs.disabled input {
  color: #6D6D6D;
}
.tzb-calculator .tarifrechnerTZB .calc-row .power-sliderC {
  margin-bottom: 1.25rem;
}
.tzb-calculator .tarifrechnerTZB .calc-row .gas-sliderC {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  /*input {
      width: 25%;
  }*/
}
.tzb-calculator .tarifrechnerTZB .calc-row .gas-sliderC label {
  width: 100%;
}
.tzb-calculator .tarifrechnerTZB .calc-row .gas-sliderC .sliderC {
  width: 100%;
  margin-top: 7px;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product {
  display: none;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product span.label {
  display: block;
  width: 100%;
  color: #333;
  font-size: 0.8125rem;
  font-family: VagRoundedBold;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio {
  display: inline-block;
  position: relative;
  padding-left: 58px;
  margin-bottom: 0;
  cursor: pointer;
  font-family: VagRoundedLight;
  font-size: 1rem;
  font-weight: normal;
  line-height: 48px;
  margin-right: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio:nth-child(3) {
  margin-right: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio input:checked ~ .radio-checkmark {
  background-color: #82C828;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio input:checked ~ .radio-checkmark:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_white.svg");
  background-size: 24px;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio .radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  width: 48px;
  background-color: #ECECEC;
  border-radius: 50%;
}
.tzb-calculator .tarifrechnerTZB .calc-row.product .tarifrechnerRadio .radio-checkmark:after {
  content: "";
  display: block;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-image: url("../images/relaunch/utility/icon_relaunch_radio_gas.svg");
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.tzb-calculator .tarifrechnerTZB .calc-row label {
  display: block;
  color: #333;
  font-size: 0.8125rem;
  font-family: VagRoundedBold;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.tzb-calculator .tarifrechnerTZB .calc-row input, .tzb-calculator .tarifrechnerTZB .calc-row select, .tzb-calculator .tarifrechnerTZB .calc-row .prettydropdown {
  width: 100%;
}
.tzb-calculator .tarifrechnerTZB .calc-row .info-error-message {
  color: #6B6B6B;
}
.tzb-calculator .tarifrechnerTZB .calc-row #power-zip-error span {
  margin-bottom: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row .slider-inputs {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
}
.tzb-calculator .tarifrechnerTZB .calc-row .slider-inputs #tx_estmkapi_rangeValue {
  width: 36%;
}
.tzb-calculator .tarifrechnerTZB .calc-row .slider-inputs .sliderC {
  width: 60%;
  margin-top: 12px;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .ui-slider {
  display: inline-block;
  vertical-align: top;
  margin: 8px 0 0 8px;
  width: 100%;
  height: 42px;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .rangeValue {
  position: absolute;
  -moz-transform: translate(-50%, -30px);
  -o-transform: translate(-50%, -30px);
  -ms-transform: translate(-50%, -30px);
  -webkit-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
  left: calc(50% - 10px);
  width: initial;
  white-space: nowrap;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .rangeValue.rangeValueStrom {
  display: none !important;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power.ui-slider {
  margin: 8px 0 0 5px;
  width: calc(100% - 47px);
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power.ui-widget-content {
  border: transparent;
  background-color: transparent;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-range-min {
  background-color: transparent;
  border: transparent;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-handle {
  border: transparent;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: -7px;
  background-color: #82C828;
  padding-left: 0 !important;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-handle:focus {
  outline: 0;
  border: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-state-active {
  color: white;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip {
  color: #6D6D6D;
  margin-bottom: 0;
  top: 0;
  width: auto;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip:hover .ui-slider-line {
  background-color: #e6f4d4;
  border-color: #82C828;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip:hover .ui-slider-label {
  color: #222;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip .ui-slider-line {
  border: transparent;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: -7px;
  background-color: #eceaea;
  border: 1px solid #eceaea;
  padding-left: 0 !important;
  margin-left: 3px;
  position: absolute;
  left: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip .ui-slider-label {
  font-size: 1.0625rem;
  font-weight: normal;
  letter-spacing: 0.12em;
  line-height: 48px;
  margin-left: 0;
  border: transparent;
  width: 48px;
  height: 48px;
  padding-left: 0 !important;
  margin-left: 2px;
  top: -7px;
  z-index: 2;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip.ui-slider-pip-selected {
  font-weight: normal;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip.ui-slider-pip-selected .ui-slider-line {
  background-color: #e6f4d4;
  border-color: #82C828;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-power .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: #222;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas {
  height: 2px;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas.ui-slider {
  margin: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas.ui-widget-content {
  border: transparent;
  background-color: #6D6D6D;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas .ui-slider-range-min {
  background-color: #82C828;
  border: transparent;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas .ui-slider-handle {
  border: transparent;
  border-radius: 50%;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: -11px;
  background-color: #82C828;
  padding-left: 0 !important;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas .ui-slider-handle:focus {
  outline: 0;
  border: 0;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas .ui-slider-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: white;
}
.tzb-calculator .tarifrechnerTZB .calc-row .sliderC .slider-gas .ui-state-active {
  color: #333;
}
.tzb-calculator .tarifrechnerTZB .calc-row select, .tzb-calculator .tarifrechnerTZB .calc-row textarea, .tzb-calculator .tarifrechnerTZB .calc-row input {
  background: white;
  border: 1px solid #dadada;
  border-radius: 10px;
  color: #333;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  height: 47px !important;
  padding-left: 20px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tzb-calculator .tarifrechnerTZB .calc-row.submit {
  text-align: right;
}
.tzb-calculator .tarifrechnerTZB .infoSpan {
  display: inline-block;
  font-size: 13px;
}
.tzb-calculator .summary {
  border-collapse: collapse;
  font-size: 1rem;
  width: 100%;
}
.tzb-calculator .summary tr {
  border-bottom: 1px solid #dadada;
}
.tzb-calculator .summary tr:first-child {
  border-bottom: 0;
}
.tzb-calculator .summary tr td, .tzb-calculator .summary tr th {
  padding: 10px;
  text-align: right;
}
.tzb-calculator .summary tr td:first-child, .tzb-calculator .summary tr th:first-child {
  text-align: left;
}
.tzb-calculator .summary tr td:first-child, .tzb-calculator .summary tr td:last-child, .tzb-calculator .summary tr th:first-child, .tzb-calculator .summary tr th:last-child {
  padding: 10px 0;
}
.tzb-calculator .result-col .calc-row input {
  background: white;
  border: 1px solid #82C828;
  border-radius: 10px;
  color: #82C828;
  font-size: 1.875rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  height: 47px !important;
  margin: 15px 0;
  padding-left: 20px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  max-width: 30%;
}
.tzb-calculator .result-col .calc-row .has-error {
  font-size: 15px;
  margin-top: -14px;
}
.tzb-calculator .result-col .calc-row .has-error a {
  display: inline-block;
  color: #a94442;
  font-size: 15px;
  margin-bottom: 0;
}
.tzb-calculator .result-col .calc-row .price-unit {
  color: #82C828;
  font-size: 1.875rem;
  line-height: 1.5em;
  margin-left: 15px;
}
.tzb-calculator .result-col .calc-row a {
  display: block;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
  text-decoration: underline;
}
.tzb-calculator .result-col button {
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 5rem !important;
  padding: 18px 30px;
}
@media (min-width: 992px) {
  .tzb-calculator .result-col button {
    margin-bottom: 6.25rem !important;
  }
}
.tzb-calculator .result-col .info-text {
  margin-top: 30px;
}
.tzb-calculator .result-col .infoSpan {
  display: inline-block;
  font-size: 13px;
  margin-top: 5px;
}

#submit-popup {
  min-height: 200px;
  padding: 3.125rem !important;
  overflow: hidden !important;
}
#submit-popup .innerC p {
  font-size: 24px;
}
#submit-popup .innerC p:last-child {
  margin-bottom: 0;
}
#submit-popup .innerC p button {
  font-size: 18px;
  padding: 15px 30px;
  margin: 0;
}

.goal-teaserC {
  padding: 3.75rem 0;
}
@media (min-width: 990px) {
  .goal-teaserC {
    padding: 7.5rem 0;
  }
}
.goal-teaserC .goal-teasers {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.goal-teaserC .goal-teasers .goal-teaser-item {
  position: relative;
  background-color: white;
  border-radius: 10px;
  flex: 0 0 auto;
  width: 100%;
  padding: 3.125rem 2.5rem;
  text-align: center;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .goal-teaserC .goal-teasers .goal-teaser-item {
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 990px) {
  .goal-teaserC .goal-teasers .goal-teaser-item {
    width: calc((100% - 40px) / 3);
  }
}
.goal-teaserC .goal-teasers .goal-teaser-item.last-item {
  width: 100% !important;
}
.goal-teaserC .goal-teasers .goal-teaser-item.last-item .buttons {
  min-width: 215px;
}
@media (min-width: 990px) {
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item {
    margin-top: 2.5rem;
    padding: 2rem 2.5rem;
    text-align: left;
    flex-direction: row;
  }
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item .image-wrapper {
    display: block;
    margin: 0 2.5rem 0 0;
    width: 72px;
    height: auto;
  }
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item .image-wrapper img {
    width: 100%;
    height: auto;
  }
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item .teaser-content h3 {
    margin-bottom: 8px;
  }
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item .teaser-content p {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .goal-teaserC .goal-teasers .goal-teaser-item.last-item .buttons {
    margin: 0 0 0 auto;
    text-align: left;
  }
}
.goal-teaserC .goal-teasers .goal-teaser-item .teaser-content h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 20px;
  letter-spacing: 0.6px;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.goal-teaserC .goal-teasers .goal-teaser-item .teaser-content p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .goal-teaserC .goal-teasers .goal-teaser-item .teaser-content p {
    font-size: 1.125rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.goal-teaserC .goal-teasers .goal-teaser-item .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 80px;
  margin-bottom: 1.25rem;
}
.goal-teaserC .goal-teasers .goal-teaser-item .image-wrapper img {
  width: auto;
  height: auto;
  max-width: 180px;
  max-height: 100%;
}
.goal-teaserC .goal-teasers .goal-teaser-item .buttons {
  margin-top: auto;
  text-align: center;
}
.goal-teaserC .goal-teasers.hilfe-kontakt .goal-teaser-item {
  width: 100%;
}
@media (min-width: 640px) {
  .goal-teaserC .goal-teasers.hilfe-kontakt .goal-teaser-item {
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 990px) {
  .goal-teaserC .goal-teasers.hilfe-kontakt .goal-teaser-item {
    width: calc((100% - 60px) / 4);
  }
}

.charging-teaserC {
  padding: 6.25rem 0;
}
.charging-teaserC .charging-teaser {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-radius: 10px;
  padding: 48px 32px;
  margin-bottom: 1.25rem;
}
@media (min-width: 1100px) {
  .charging-teaserC .charging-teaser {
    margin-bottom: 0;
  }
}
.charging-teaserC .charging-teaser .image {
  margin-bottom: 1.25rem;
}
.charging-teaserC .charging-teaser .image img {
  max-width: 100%;
  height: auto;
  width: 100px;
}
.charging-teaserC .charging-teaser .description {
  text-align: center;
}
.charging-teaserC .charging-teaser .description h3 {
  color: #222 !important;
  font-family: VagRoundedLight !important;
  font-size: 1.375rem !important;
  letter-spacing: 0.4px !important;
  line-height: 1.4em !important;
  margin-bottom: 8px !important;
}
.charging-teaserC .charging-teaser .description p.subtitle {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 16px;
}
.charging-teaserC .charging-teaser .description span {
  display: block;
}
.charging-teaserC .charging-teaser .description span.price {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 4px;
}
.charging-teaserC .charging-teaser .description span.price-description {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 24px;
  min-height: 48px;
}
.charging-teaserC .charging-teaser .price-list {
  border-bottom: 1px solid #dadada;
  padding-bottom: 24px;
  width: 100%;
}
.charging-teaserC .charging-teaser .price-list .price-title {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
}
.charging-teaserC .charging-teaser .price-list .price-title.first {
  font-family: VagRoundedBold;
}
.charging-teaserC .charging-teaser .price-list table {
  border-spacing: 0;
  margin-bottom: 10px;
  width: 100%;
}
.charging-teaserC .charging-teaser .price-list table.first tr td {
  font-family: VagRoundedBold;
}
.charging-teaserC .charging-teaser .price-list table tr td {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  padding: 5px 0;
}
.charging-teaserC .charging-teaser .price-list table tr td:last-child {
  text-align: right;
}
.charging-teaserC .charging-teaser .additional-text {
  padding: 32px 0;
  width: 100%;
}
.charging-teaserC .charging-teaser .additional-text ul {
  margin: 0 !important;
}
.charging-teaserC .charging-teaser .additional-text ul li:last-child {
  margin-bottom: 0;
}
.charging-teaserC .footnotes {
  margin-top: 1.75rem;
}
@media (min-width: 1100px) {
  .charging-teaserC .footnotes {
    margin-top: 3rem;
  }
}
.charging-teaserC .footnotes p {
  font-size: 1rem;
}

.downloads-page .frame.frame-type-text p {
  font-size: 1rem;
  opacity: 0.6;
}
.downloads-page .accordion-block .accordion .accordion-body .accordion-inner {
  max-width: 100%;
}
.downloads-page .accordion-block .accordion .accordion-body .accordion-inner .text {
  padding-top: 3.75rem;
  margin-bottom: 1.5rem;
}
.downloads-page .accordion-block .accordion .accordion-body .accordion-inner .text h3 {
  color: #82C828;
}
.downloads-page .accordion-block .accordion .accordion-body .accordion-inner .text:first-child {
  padding-top: 0;
}
.downloads-page .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC {
  width: 100%;
}
@media (min-width: 1440px) {
  .downloads-page .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC .download-item .download-name {
    width: 95%;
  }
  .downloads-page .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC .download-item .download-name:after {
    margin-left: 95%;
  }
}
@media (min-width: 1440px) {
  .downloads-page .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC .download-item .download-iconC {
    max-width: 5%;
  }
}

.dynamic-charge-wrapper .price-exchange-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .dynamic-charge-wrapper .price-exchange-wrapper {
    flex-direction: row;
  }
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container {
  width: 100%;
}
@media (min-width: 1200px) {
  .dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container {
    width: 50%;
  }
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates {
  flex-direction: column;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates .rate {
  align-items: flex-start;
  padding: 1.875rem 1.25rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates .rate span {
  display: inline-block;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates .rate .description {
  margin-bottom: 2.5rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates .rate .value {
  font-size: 2.375rem;
  margin-bottom: 0;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates-container .exchange-rates .rate .unit {
  font-size: 1.75rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-text {
  width: 100%;
}
@media (min-width: 1200px) {
  .dynamic-charge-wrapper .price-exchange-wrapper .exchange-text {
    width: 25%;
  }
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-text h2 {
  margin-bottom: 1.25rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  flex-grow: 1;
  margin-bottom: 2.5rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #BDBDBD;
  border-radius: 10px;
  height: 357px;
  flex: 1 1 20%;
  padding: 2.5rem 1.25rem;
  text-align: center;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate.green {
  background-color: #82C828;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate.green span.description {
  color: #fff;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate span {
  display: block;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate span.description {
  color: #222;
  font-size: 1.125rem;
  font-family: VagRoundedLight;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0.625rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate span.value {
  color: #fff;
  font-size: 4.375rem;
  font-family: VagRoundedBold;
  line-height: 1.1em;
  letter-spacing: 0.4px;
  margin-bottom: 0.625rem;
}
.dynamic-charge-wrapper .price-exchange-wrapper .exchange-rates .rate span.unit {
  color: #fff;
  font-size: 1.75rem;
  font-family: VagRoundedBold;
  line-height: 1.2em;
  letter-spacing: 0.4px;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper {
  background-color: white;
  border-radius: 10px;
  padding: 1.375rem 0;
}
@media (min-width: 990px) {
  .dynamic-charge-wrapper .dynamic-charge-trend-wrapper {
    padding: 1.375rem 2.5rem 0.625rem 2.5rem;
  }
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper #chart-overflow-wrapper {
  overflow-x: auto;
  max-width: 100%;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header {
  margin-bottom: 3.125rem;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header h3 {
  color: #222;
  font-size: 1.5rem;
  font-family: VagRoundedLight;
  line-height: 1.2em;
  letter-spacing: 0.96px;
  margin-bottom: 0;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .ust {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .current-date {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0 3.125rem;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .button-prev, .dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .button-next {
  display: inline-block;
  background-color: transparent;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid rgba(116, 116, 116, 0.3);
  font-size: 0;
  height: 50px;
  width: 50px;
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .button-prev {
  background-image: url("../images/relaunch/utility/icon_arrow_left_grey.svg");
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .button-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .price-trend-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 2.5rem;
}
@media (min-width: 640px) {
  .dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-trend-header .price-trend-buttons {
    padding-top: 0;
  }
}
.dynamic-charge-wrapper .dynamic-charge-trend-wrapper .price-bar-chart-wrapper {
  height: 400px;
}

.reference-block .reference-header {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 990px) {
  .reference-block .reference-header {
    flex-direction: row;
  }
}
.reference-block .reference-header .reference-header-text {
  position: relative;
  width: 80%;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 990px) {
  .reference-block .reference-header .reference-header-text .reference-header-text-inner {
    width: 35%;
  }
}
.reference-block .reference-header .reference-header-text .reference-header-text-inner h2 {
  color: #222;
  margin-bottom: 0;
}
.reference-block .reference-header .reference-header-text .reference-header-text-inner .relaunch-overline {
  color: #6D6D6D;
}
.reference-block .reference-header .reference-controls {
  align-self: flex-start;
}
@media (min-width: 990px) {
  .reference-block .reference-header .reference-controls {
    align-self: flex-end;
  }
}
.reference-block .reference-header .reference-controls .slick-prev, .reference-block .reference-header .reference-controls .slick-next {
  position: static;
  transform: none;
  display: inline-block;
  background-color: transparent;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid rgba(116, 116, 116, 0.3);
  font-size: 0;
  margin: 1.25rem 1.25rem 0 0;
  height: 60px;
  width: 60px;
}
@media (min-width: 990px) {
  .reference-block .reference-header .reference-controls .slick-prev, .reference-block .reference-header .reference-controls .slick-next {
    margin: 1.25rem 0 0 1.25rem;
  }
}
.reference-block .reference-header .reference-controls .slick-prev:before, .reference-block .reference-header .reference-controls .slick-next:before {
  content: none;
}
.reference-block .reference-header .reference-controls .slick-prev {
  background-image: url("../images/relaunch/icon_arrow_left_grey.svg");
}
.reference-block .reference-header .reference-controls .slick-next {
  background-image: url("../images/relaunch/icon_arrow_right_grey.svg");
}
.reference-block .reference-boxes {
  border-top: 1px solid rgba(116, 116, 116, 0.3);
}
.reference-block .reference-boxes .reference-box {
  display: flex;
  flex-direction: column;
  min-height: 560px;
  border-right: 1px solid rgba(116, 116, 116, 0.3);
  padding: 3.125rem 1.5rem;
}
@media (min-width: 640px) {
  .reference-block .reference-boxes .reference-box {
    padding: 3.125rem 2.5rem;
  }
}
@media (min-width: 990px) {
  .reference-block .reference-boxes .reference-box {
    padding: 3.125rem 3.75rem;
  }
}
.reference-block .reference-boxes .reference-box:last-child {
  border-right: none;
}
.reference-block .reference-boxes .reference-box .reference-text {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.reference-block .reference-boxes .reference-box .reference-text .reference-icon {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../images/relaunch/icon_quote.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 3.125rem;
}
.reference-block .reference-boxes .reference-box .reference-text p {
  color: #222;
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
.reference-block .reference-boxes .reference-box .reference-infos {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.reference-block .reference-boxes .reference-box .reference-infos img {
  display: block;
  border-radius: 50%;
  margin-right: 1rem;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.reference-block .reference-boxes .reference-box .reference-infos .reference-details span {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: 0.64px;
}
.reference-block .reference-boxes .reference-box .reference-infos .reference-details span.quote-place {
  color: #6D6D6D;
}

/************************
    FOOTER
    ************************/
footer {
  background: #222;
  clear: both;
}
footer .top-footer {
  display: block;
  position: relative;
  padding: 3.125rem 0 8.75rem;
}
footer .top-footer .logo {
  width: 64px;
  margin-bottom: 3.125rem;
}
footer .top-footer .logo img {
  width: 100%;
  height: auto;
}
footer .top-footer .footerC {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
footer .top-footer .footerC h2, footer .top-footer .footerC .collapse-link {
  color: white;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 1.75em;
  letter-spacing: 0.4px;
  margin-bottom: 1.25rem;
}
footer .top-footer .footerC .collapse-link {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
footer .top-footer .footerC .collapse-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 26px;
  height: 26px;
  line-height: 20px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}
footer .top-footer .footerC .collapse-link:hover {
  color: white;
}
footer .top-footer .footerC .collapse-link.collapsed:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_white.svg");
}
footer .top-footer .footerC p {
  color: #B0B0B0;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.75em;
  letter-spacing: 0.4px;
  margin-bottom: 0.9375rem;
}
footer .top-footer .footerC p:last-child {
  margin-bottom: 0;
}
footer .top-footer .footerC p a {
  color: #B0B0B0;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.75em;
  letter-spacing: 0.4px;
}
footer .top-footer .footerC p a:hover {
  color: #ffffff;
}
footer .top-footer .footerC .address {
  width: 100%;
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  footer .top-footer .footerC .address {
    width: calc(25% - 10px);
  }
}
footer .top-footer .footerC .footer-right {
  position: relative;
  width: 100%;
}
@media (min-width: 990px) {
  footer .top-footer .footerC .footer-right {
    width: calc(75% - 10px);
  }
}
footer .top-footer .footerC .footer-right .footer-links {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4.6875rem;
}
footer .top-footer .footerC .footer-right .footer-links:last-child {
  margin-bottom: 0;
}
footer .top-footer .footerC .footer-right .footer-links.desktop {
  display: none;
}
@media (min-width: 640px) {
  footer .top-footer .footerC .footer-right .footer-links.desktop {
    display: flex;
  }
}
footer .top-footer .footerC .footer-right .footer-links.mobile {
  display: flex;
}
@media (min-width: 640px) {
  footer .top-footer .footerC .footer-right .footer-links.mobile {
    display: none;
  }
}
footer .top-footer .footerC .footer-right .footer-links .footer-link-item {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  footer .top-footer .footerC .footer-right .footer-links .footer-link-item {
    width: calc((100% - 60px) / 4);
    margin-bottom: 0;
  }
}
footer .top-footer .footerC .footer-right .footer-links .footer-link-item div p:first-child {
  margin-top: 1.25rem;
}
footer .top-footer .footerC .footer-right .footer-links .footer-link-item p.tooltip-trigger {
  position: relative;
}
footer .top-footer .footerC .footer-right .footer-links .footer-link-item p.tooltip-trigger:after {
  background-image: url(../images/icon_info_form_grey.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  content: " ";
  display: inline-block;
  cursor: pointer;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 6px;
  margin-left: 10px;
}
footer .top-footer .footerC .footer-right .footer-images {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
footer .top-footer .footerC .footer-right .footer-images .image {
  width: 100%;
}
@media (min-width: 640px) {
  footer .top-footer .footerC .footer-right .footer-images .image {
    width: auto;
  }
}
footer .top-footer .footerC .footer-right .footer-images .image img {
  height: 80px;
  width: auto;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  footer .top-footer .footerC .footer-right .footer-images .image img {
    height: 120px;
  }
}
footer .top-footer .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  left: 0;
  bottom: 400px;
  width: 400px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
@media (min-width: 640px) {
  footer .top-footer .info-form-tooltip {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }
}
footer .top-footer .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-image: url(../images/icon_close_tooltip.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
footer .top-footer .info-form-tooltip h2, footer .top-footer .info-form-tooltip h4 {
  color: #333333;
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  width: auto !important;
  border: 0 !important;
}
footer .top-footer .info-form-tooltip h2:before, footer .top-footer .info-form-tooltip h4:before {
  content: "";
  background-image: url(../images/icon_info_form_grey.svg);
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -2px;
}
footer .top-footer .info-form-tooltip p {
  color: #333333;
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.04em;
}
footer .bottom-footerC {
  background: white;
}
footer .bottom-footerC .bottom-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.5rem 1.5rem;
}
@media (min-width: 640px) {
  footer .bottom-footerC .bottom-footer {
    padding: 2.5rem;
  }
}
@media (min-width: 990px) {
  footer .bottom-footerC .bottom-footer {
    padding: 0 3.75rem;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks {
  display: flex;
  flex-direction: column;
}
@media (min-width: 990px) {
  footer .bottom-footerC .bottom-footer .footerLastLinks {
    flex-direction: row;
    padding: 0.75rem 0;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks a {
  display: inline-block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5625em;
  letter-spacing: 0.4px;
  margin-right: 40px;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  footer .bottom-footerC .bottom-footer .footerLastLinks a {
    margin-bottom: 0;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks a:hover {
  color: #82C828;
}
footer .bottom-footerC .bottom-footer .footerLastText {
  width: 100%;
}
@media (min-width: 990px) {
  footer .bottom-footerC .bottom-footer .footerLastText {
    width: auto;
  }
}
footer .bottom-footerC .bottom-footer .footerLastText .bottom-info-text {
  display: inline-block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5625em;
  letter-spacing: 0.4px;
  margin-bottom: 0;
}

#footer_meineProdukteSelectC .sel, #footer_estmkProdukteSelectC .sel {
  margin-top: 20px;
}

/************************
    CO-BROWSING OVERLAY
    ************************/
body .CV_TEMPLATE_confirm {
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.CV_TEMPLATE_confirm #cv-popup-body {
  padding: 60px 60px 60px 60px !important;
  background-color: #ffffff !important;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-text {
  font-family: VagRoundedLight;
  font-size: 0.875em !important;
  color: #333333 !important;
  letter-spacing: 1.05px;
  margin: 0 0 1.25rem 0 !important;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons {
  font-family: VagRoundedLight;
  margin: 0 !important;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons .cv-button-green {
  border: 2px solid #82C828 !important;
  border-radius: 1.25rem !important;
  background: #82C828 !important;
  color: white !important;
  display: inline-block !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
  letter-spacing: 0.125rem !important;
  padding: 0.75rem 1.5625rem 0.625rem !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition-duration: 0.3s;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons .cv-button-green:hover {
  background: white !important;
  color: #82C828 !important;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons .cv-button-red {
  padding: 0.5313em 1.5625em 0.4063em !important;
  border: 2px solid #ffffff !important;
  background: transparent !important;
  color: #333333 !important;
  text-transform: uppercase;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons .cv-button-red:hover {
  color: #82C828 !important;
}
.CV_TEMPLATE_confirm #cv-popup-body #cv-popup-buttons .cv-popup-button {
  letter-spacing: 1.05px;
}

.contactContainer .contactButton {
  display: block;
  z-index: 30;
  position: fixed;
  right: 50%;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  height: 50px;
  width: 150px;
  background: white;
  border-radius: 5px 5px 0 0px;
  -webkit-box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.45);
  box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.45);
  transition: top 2s, right 0.3s ease-in-out;
}
@media (min-height: 800px) {
  .contactContainer .contactButton {
    top: 330px;
  }
}
@media (min-width: 640px) {
  .contactContainer .contactButton {
    right: -50px;
    top: 180px;
  }
}
.contactContainer .contactButton span {
  display: block;
  line-height: 50px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.3em;
  font-family: "VagRoundedBold";
  color: #82C828;
  text-transform: uppercase;
}
.contactContainer .contactButton.in {
  bottom: 0;
  width: 100%;
}
@media (min-width: 640px) {
  .contactContainer .contactButton.in {
    right: -100px;
  }
}
.contactContainer .contactBottomButton {
  position: relative;
  display: block;
  width: 80%;
  margin: 20px auto 0px;
  border: 1px solid #82C828;
  border-radius: 30px;
  letter-spacing: 0.125rem;
  font-size: 1.4rem;
  color: #82C828;
}
.contactContainer .contactBottomButton:hover {
  background-color: #82C828;
  color: white;
}
@media (max-width: 989.98px) {
  .contactContainer .contactBottomButton {
    width: 100%;
  }
}
.contactContainer .contactButtonsWrapper h2 {
  margin-top: 0 !important;
  font-size: 1.125rem !important;
}
@media (max-width: 989.98px) {
  .contactContainer .contactButtonsWrapper h2 {
    margin-bottom: 20px !important;
  }
}
.contactContainer .contactBoxes {
  display: flex;
  flex-wrap: wrap;
}
.contactContainer .contactBoxes div {
  background-color: #82C828;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: white;
  text-align: center;
  padding: 0;
  margin: 10px;
  flex: 0 1 29%;
  height: 120px;
  border: 1px solid #82C828;
}
.contactContainer .contactBoxes div:hover {
  background-color: white;
}
.contactContainer .contactBoxes div:hover a {
  color: #82C828;
}
@media (max-width: 989.98px) {
  .contactContainer .contactBoxes div {
    margin: 10px auto;
    flex: 0 1 38%;
  }
}
.contactContainer .contactBoxes div a {
  color: white;
  display: block;
  height: calc(100% + 2px);
  padding-top: 15px;
  margin: -1px;
}
.contactContainer .contactBoxes div a:hover {
  color: #82C828;
}
.contactContainer .contactBoxes div a .contact-box-img {
  height: 40px;
  width: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.contactContainer .contactBoxes div a .contact-box-titel {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  display: block;
  margin: 11px 23px 0 23px;
  padding-bottom: 11px;
}
.contactContainer .formC {
  overflow: hidden;
  width: 250px;
  height: 50px;
  position: fixed;
  z-index: 1000;
  right: 50%;
  bottom: 47px;
  background: white;
  padding: 0px;
  border-radius: 5px 5px 0 0px;
  -moz-transform: translate(50%, 100%);
  -o-transform: translate(50%, 100%);
  -ms-transform: translate(50%, 100%);
  -webkit-transform: translate(50%, 100%);
  transform: translate(50%, 100%);
  -webkit-box-shadow: -7px 10px 37px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -7px 10px 37px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -7px 10px 37px 0px rgba(0, 0, 0, 0.5);
  -webkit-transition: top 2s, transform 0.8s ease-in-out, height 0.4s ease-in-out, width 0.5s ease-in-out;
  transition: top 2s, transform 0.8s ease-in-out, height 0.4s ease-in-out, width 0.5s ease-in-out;
  display: none;
  max-height: 90vh;
}
@media (min-width: 640px) {
  .contactContainer .formC {
    border-radius: 5px 0px 0 5px;
    max-height: none;
    transition: top 2s, transform 0.8s ease-in-out 0.2s, height 0.4s ease-in-out;
    right: -590px;
    top: 50%;
    -moz-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    width: 640px;
    padding: 0;
    height: 150px;
    bottom: initial;
    display: block;
  }
}
.contactContainer .formC h3 {
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: 0.075em;
  margin-bottom: 30px;
  text-align: left;
  margin-top: 0;
}
.contactContainer .formC .contactClose {
  display: none;
  position: absolute;
  right: 35px;
  top: 30px;
  background-image: url("../images/lightbox_xerl.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  cursor: pointer;
  z-index: 10;
}
.contactContainer .formC.in {
  -moz-transform: translate(50%, 50px);
  -o-transform: translate(50%, 50px);
  -ms-transform: translate(50%, 50px);
  -webkit-transform: translate(50%, 50px);
  transform: translate(50%, 50px);
  width: 100%;
  padding-top: 50px;
}
@media (min-width: 640px) {
  .contactContainer .formC.in .contactClose {
    display: block;
  }
}
@media (min-width: 640px) {
  .contactContainer .formC.in {
    bottom: initial;
    width: 640px;
    right: -590px;
    padding-top: 0px;
    height: auto;
    -moz-transform: translate(-590px, -50%);
    -o-transform: translate(-590px, -50%);
    -ms-transform: translate(-590px, -50%);
    -webkit-transform: translate(-590px, -50%);
    transform: translate(-590px, -50%);
  }
}
.contactContainer .formC.in .contactForm {
  opacity: 1;
  border-color: #D6D6D6;
  transition-delay: 0.2s;
}
.contactContainer .formC.in .formButtonC {
  width: 100%;
  -moz-transform: translate(0%, -50px);
  -o-transform: translate(0%, -50px);
  -ms-transform: translate(0%, -50px);
  -webkit-transform: translate(0%, -50px);
  transform: translate(0%, -50px);
}
@media (min-width: 640px) {
  .contactContainer .formC.in .formButtonC {
    width: 50px;
    -moz-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
  }
}
.contactContainer .formC.in .formButtonC .formButton span:after {
  -moz-transform: rotate(0) translate(0%, -50%);
  -o-transform: rotate(0) translate(0%, -50%);
  -ms-transform: rotate(0) translate(0%, -50%);
  -webkit-transform: rotate(0) translate(0%, -50%);
  transform: rotate(0) translate(0%, -50%);
}
@media (max-width: 787px) {
  .contactContainer .formC.in.done {
    max-height: 90vh;
  }
}
@media (max-width: 787px) {
  .contactContainer .formC.in.done .contactForm {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
.contactContainer .formC .col-lg-12.has-error {
  float: left;
}
.contactContainer .formC .formButtonC {
  width: 100%;
  display: inline-block;
  position: relative;
  right: 0px;
  top: 7px;
  cursor: pointer;
  transition: width 0.5s ease-in-out;
}
@media (min-width: 640px) {
  .contactContainer .formC .formButtonC {
    top: 80px;
    width: 50px;
  }
}
.contactContainer .formC .formButtonC .formButton {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 191px;
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
@media (min-width: 640px) {
  .contactContainer .formC .formButtonC .formButton {
    /*right: -22px;*/
    left: -58px;
    width: 172px;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.contactContainer .formC .formButtonC .formButton span {
  display: inline-block;
  line-height: 20px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.3em;
  font-family: "VagRoundedBold";
  color: #82C828;
  text-transform: uppercase;
  padding-right: 20px;
}
@media (min-width: 640px) {
  .contactContainer .formC .formButtonC .formButton span {
    padding-right: 0;
  }
}
.contactContainer .formC .formButtonC .formButton span:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 9px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  background: url("../images/arrow_button_down_green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 8px;
  display: inline-block;
  transition: transform 0.3s;
  -moz-transform: rotate(180deg) translate(0%, -50%);
  -o-transform: rotate(180deg) translate(0%, -50%);
  -ms-transform: rotate(180deg) translate(0%, -50%);
  -webkit-transform: rotate(180deg) translate(0%, -50%);
  transform: rotate(180deg) translate(0%, -50%);
}
@media (min-width: 640px) {
  .contactContainer .formC .formButtonC .formButton span:after {
    display: none;
  }
}
.contactContainer .formC .contactForm {
  opacity: 0;
  padding: 10px 20px 30px 20px;
  display: inline-block;
  border-left: 1px solid transparent;
  position: relative;
  width: 100%;
  vertical-align: top;
  transition: border-color 1s, opacity 0.3s ease-in-out;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm {
    padding: 40px 0 40px 40px;
    width: calc(100% - 100px);
  }
}
.contactContainer .formC .contactForm .selectC {
  position: relative;
}
@media (max-width: 989.98px) {
  .contactContainer .formC .contactForm span.help-block.form-error {
    display: inline-block !important;
  }
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm span.help-block.form-error {
    margin-top: -20px;
  }
}
.contactContainer .formC .contactForm select, .contactContainer .formC .contactForm textarea, .contactContainer .formC .contactForm input {
  border-color: #9D9D9D;
  border-style: solid;
  color: #333333;
  font-size: 1.0625rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  background: white;
  width: 100%;
  border-radius: 0;
}
.contactContainer .formC .contactForm select {
  border-width: 1px;
  height: 45px;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.1em;
  text-overflow: "";
  color: #6B6B6B;
  padding-left: 20px;
  margin-bottom: 30px;
}
.contactContainer .formC .contactForm .kontakt_fileUploadRow {
  display: none;
}
.contactContainer .formC .contactForm .fileContainer {
  margin-bottom: 30px;
  font-size: 1rem;
  padding: 0.5938em 1.5625em 0.4688em;
}
.contactContainer .formC .contactForm input[type=file] {
  cursor: inherit;
  display: inline-block;
  filter: alpha(opacity=0);
  border: 0;
  height: 55px;
  min-width: 100%;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  background: transparent;
  opacity: 0;
}
.contactContainer .formC .contactForm .kontakt_inputValue {
  display: inline-block;
  height: 32px;
  width: 100%;
  background: white;
  border-radius: 16px;
  padding: 7px 20px;
  border: 1px solid #424242;
}
.contactContainer .formC .contactForm .kontakt_inputValue .removeFile {
  background-image: url("../images/icon_delete_file_dark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 35px;
  width: 20px;
  height: 20px;
  top: 7px;
  cursor: pointer;
}
.contactContainer .formC .contactForm .kontakt_inputValue.empty .removeFile {
  display: none;
}
.contactContainer .formC .contactForm .kontakt_inputValue span {
  text-align: left;
  color: #333333;
  position: absolute;
  left: 35px;
  font-size: 0.875rem;
}
.contactContainer .formC .contactForm .partnerNr h3 {
  margin-top: 0.7em;
}
.contactContainer .formC .contactForm .kontakt_partnerNr {
  display: none;
  margin-bottom: 25px;
}
.contactContainer .formC .contactForm .kontakt_partnerNr h3 {
  display: inline-block;
  margin-top: 5px;
  color: #333333;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_parnterNrIcon {
  background-image: url("../images/icon_info_form.svg");
  right: -10px;
  top: 3px;
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip h2, .contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.08em;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip h2:before, .contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip h4:before {
  content: "";
  background-image: url("../images/icon_info_form.svg");
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip .kontakt_closeButton {
  position: absolute;
  right: 30px;
  top: 30px;
  background-image: url("../images/icon_close_tooltip.svg");
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0.04em;
}
.contactContainer .formC .contactForm textarea {
  border-width: 1px;
  height: 70px;
  margin-bottom: 20px;
  padding: 15px 10px;
  resize: vertical;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm textarea {
    padding: 15px 20px;
    height: 100px;
  }
}
.contactContainer .formC .contactForm input {
  height: 35px;
  border-width: 0 0 1px 0;
  padding-left: 10px;
}
.contactContainer .formC .contactForm .emailPhoneInput {
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm .emailPhoneInput {
    margin-bottom: 35px;
  }
}
.contactContainer .formC .contactForm .emailPhoneInput > * {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 0px;
}
.contactContainer .formC .contactForm .emailPhoneInput .mail {
  width: 100%;
  padding-left: 10px;
  margin-bottom: 10px;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm .emailPhoneInput .mail {
    width: 44%;
    margin-bottom: 0px;
  }
}
.contactContainer .formC .contactForm .emailPhoneInput .phone {
  width: 82%;
  padding-left: 10px;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm .emailPhoneInput .phone {
    width: 38%;
  }
}
.contactContainer .formC .contactForm .emailPhoneInput span {
  width: 18%;
  color: white;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 1.2em;
  letter-spacing: 0.08em;
  color: black;
  text-align: center;
}
.contactContainer .formC .contactForm .nameInput {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm .nameInput {
    margin-bottom: 30px;
  }
}
.contactContainer .formC .contactForm .nameInput input {
  width: 45%;
}
.contactContainer .formC .contactForm .nameInput input:first-child {
  margin-right: 10%;
}
.contactContainer .formC .contactForm .button {
  float: right;
  right: 0;
  padding: 0.5313em 1.4375em 0.4063em;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm .button {
    margin-top: 0;
  }
}
.contactContainer .formC .contactForm h2 {
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 1.2em;
  letter-spacing: 0.08em;
  margin: 15px 0 5px 0;
}
@media (min-width: 640px) {
  .contactContainer .formC .contactForm h2 {
    margin: 35px 0 20px 0;
  }
}

.contact-page .contactContainer {
  display: none;
}

.data-info {
  display: inline-block;
  margin-top: 15px;
  float: right;
  margin-right: 20px;
  letter-spacing: 0.1em;
}
@media (max-width: 1099.98px) {
  .data-info {
    margin-right: 0;
    padding-bottom: 1.25rem;
  }
}

#emobility-contact-form .data-info {
  float: none;
}

#light-contact-form .data-info {
  float: left;
  margin-right: 0;
}

.frame-guided-contact-list {
  padding-bottom: 1.875rem;
}
.frame-guided-contact-list .guided-contact-header {
  position: relative;
}
.frame-guided-contact-list .guided-contact-header.gradient:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.frame-guided-contact-list .guided-contact-header.gradient-header:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .frame-guided-contact-list .guided-contact-header.gradient-header:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 47.6%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.frame-guided-contact-list .guided-contact-header.gradient-left:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 990px) {
  .frame-guided-contact-list .guided-contact-header.gradient-left:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.frame-guided-contact-list .guided-contact-header.gradient-center:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}
@media (min-width: 990px) {
  .frame-guided-contact-list .guided-contact-header.gradient-center:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.48) 50%, rgba(0, 0, 0, 0.06) 100%);
  }
}
.frame-guided-contact-list .guided-contact-header .header-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.frame-guided-contact-list .guided-contact-header .header-text {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 1.25rem;
  text-align: center;
}
@media (min-width: 640px) {
  .frame-guided-contact-list .guided-contact-header .header-text {
    max-width: 500px;
  }
}
.frame-guided-contact-list .guided-contact-header .header-text span {
  display: block;
  color: white;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .frame-guided-contact-list .guided-contact-header .header-text span {
    font-size: 1.125rem;
  }
}
.frame-guided-contact-list .guided-contact-header .header-text h2 {
  color: white;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
}
@media (min-width: 640px) {
  .frame-guided-contact-list .guided-contact-header .header-text h2 {
    font-size: 3.125rem;
  }
}
.frame-guided-contact-list .guided-contact-search {
  margin: -30px auto 0;
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements {
  display: block;
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field {
  position: relative;
  box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  margin: 0 auto;
  width: calc(100% - 48px);
}
@media (min-width: 640px) {
  .frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field {
    width: 60%;
  }
}
@media (min-width: 990px) {
  .frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field {
    width: 45%;
  }
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input {
  background: white;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #222;
  font-size: 1rem;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 20px;
  padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  width: 100%;
}
@media (min-width: 640px) {
  .frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input {
    font-size: 1.125rem;
  }
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input:hover {
  border-color: #82C828;
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input.tx-indexedsearch-search-submit {
  position: absolute;
  top: 1px;
  right: 1px;
  background-image: url("../images/relaunch/utility/icon_relaunch_search_black.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  font-size: 0;
  padding: 0;
  width: 50px;
  height: calc(100% - 2px);
}
.frame-guided-contact-list form.tx-indexedsearch-form .tx-indexedsearch-form-elements .form-field input.tx-indexedsearch-search-submit:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: -4px;
}

.frame-guided-contact-area {
  padding: 6.875rem 0 5rem;
}
.frame-guided-contact-area .faqArea {
  font-size: 18px;
  margin-bottom: 5rem;
}
.frame-guided-contact-area .faqArea h3 {
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 10px 0 !important;
  padding: 0;
  width: 100%;
  margin-bottom: 10px !important;
}
@media (max-width: 989.98px) {
  .frame-guided-contact-area .faqArea h3 {
    font-size: 23px;
  }
}
.frame-guided-contact-area .faqArea ul {
  margin-left: 0;
}
.frame-guided-contact-area .faqArea ul li {
  font-size: 18px;
  letter-spacing: 0.025em;
  line-height: 1.6em;
  list-style: none;
}
.frame-guided-contact-area .faqArea ul li:before {
  content: "";
}
@media (max-width: 989.98px) {
  .frame-guided-contact-area .topic-area-list {
    padding-bottom: 40px;
  }
}
@media (max-width: 1099.98px) {
  .frame-guided-contact-area .topic-area-list li {
    display: none;
  }
}
.frame-guided-contact-area .col-md-4 hr {
  border-top: 2px solid #e0e0e0;
  margin-bottom: 2em;
  margin-top: 2em;
}
.frame-guided-contact-area .col-md-4 a.return-link {
  background-image: url("../images/icon_arrow_back.svg");
  background-repeat: no-repeat;
  background-position: left 13px;
  background-size: 7px 14px;
  color: #333333;
  display: block;
  font-size: 1rem;
  line-height: 2.6em;
  letter-spacing: 0.08em;
  padding-left: 2.5rem;
}
.frame-guided-contact-area .col-md-4 ul li {
  list-style: none;
}
.frame-guided-contact-area .col-md-4 ul li a {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  color: #333333;
  display: block;
  font-size: 1rem;
  line-height: 2.6em;
  letter-spacing: 0.08em;
  padding-left: 2.5rem;
}
.frame-guided-contact-area .col-md-4 ul li.active a {
  color: #82C828;
}
.frame-guided-contact-area .col-md-8 h2 {
  margin-bottom: 1.125em;
}
.frame-guided-contact-area .col-md-8 hr {
  border-top: 2px solid #e0e0e0;
  margin-bottom: 2.5em;
  margin-top: 1.5em;
}
.frame-guided-contact-area .col-md-8 ul li {
  list-style: none;
}
.frame-guided-contact-area .col-md-8 ul li a {
  display: inline-block;
  font-family: "VagRoundedLight";
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  margin-bottom: 0.5em;
  position: relative;
  text-transform: none;
}
.frame-guided-contact-area .col-md-8 ul.star-list {
  margin-top: 0.625rem;
}
.frame-guided-contact-area .col-md-8 ul.star-list li a {
  padding-left: 1.25em;
}
.frame-guided-contact-area .col-md-8 ul.star-list li a:before {
  content: "";
  background-image: url("../images/stern_gruen.svg");
  background-repeat: no-repeat;
  background-size: 14px 13px;
  left: 0;
  position: absolute;
  display: inline-block;
  height: 13px;
  top: 3px;
  width: 14px;
}
.frame-guided-contact-area .col-md-8 ul.star-list li a:hover:before {
  background-image: url("../images/stern_grau.svg");
}
.frame-guided-contact-area .col-md-8 ul.star-list li a:focus:before {
  background-image: url("../images/stern_gruen.svg") !important;
}

.frame-guided-contact-item {
  padding: 7.3125rem 0 5rem;
}
@media (min-width: 1100px) {
  .frame-guided-contact-item .topic-item-content hr {
    width: 100%;
  }
}
.frame-guided-contact-item .topic-item-content h2 {
  margin-bottom: 1em;
}
.frame-guided-contact-item .topic-item-content p img {
  max-width: 100%;
  height: auto;
}
.frame-guided-contact-item hr {
  border-top: 2px solid #e0e0e0;
}
.frame-guided-contact-item .vote-wrapper {
  background: #F2F2F2;
  float: left;
  margin-top: 2.5em;
  padding: 0.625em 1.5625em;
}
.frame-guided-contact-item .vote-wrapper p {
  font-size: 0.9375rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
.frame-guided-contact-item .vote-wrapper p a, .frame-guided-contact-item .vote-wrapper p button {
  border: none;
  background-repeat: no-repeat;
  background-size: 26px 25px;
  background-position: left top;
  display: inline-block;
  height: 1.875rem;
  text-indent: -999999px;
  width: 1.625rem;
}
.frame-guided-contact-item .vote-wrapper p .upvote {
  background-image: url("../images/icon_daumen_nach_oben.svg");
  padding-right: 0.625rem;
  margin-left: 1.25rem;
  border-right: 1px solid #DDDDDD;
  width: 2.25rem;
}
.frame-guided-contact-item .vote-wrapper p .downvote {
  background-image: url("../images/icon_daumen_nach_unten.svg");
  background-position: left 0.3125rem;
  margin-left: 0.625rem;
}
.frame-guided-contact-item .vote-wrapper p span {
  display: block;
  float: left;
  padding-top: 0.25rem;
}
.frame-guided-contact-item .similar-topics {
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .frame-guided-contact-item .similar-topics {
    margin-bottom: 0;
  }
}
.frame-guided-contact-item .similar-topics h3 {
  color: #9D9D9D;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 0;
}
.frame-guided-contact-item .similar-topics ul li {
  list-style: none;
}
.frame-guided-contact-item .similar-topics ul li a {
  font-family: "VagRoundedLight";
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  margin-bottom: 0.3em;
  text-transform: none;
}
.frame-guided-contact-item .similar-topics ul li a:before {
  top: 8px;
}
.frame-guided-contact-item .row.breadcrumbs .col-12 a, .frame-guided-contact-item .row.breadcrumbs .col-12 span {
  color: #9D9D9D;
  font-size: 1rem;
  letter-spacing: 0.08em;
}
.frame-guided-contact-item .row.breadcrumbs .col-12 a {
  background-image: url("../images/icon_breadcrumb_arrow.svg");
  background-repeat: no-repeat;
  background-position: right 3px;
  background-size: 4px 8px;
  padding-right: 1.1875rem;
  margin-right: 0.9375rem;
}
.frame-guided-contact-item .row.breadcrumbs .col-12 a:hover {
  color: #82C828;
}
.frame-guided-contact-item .row.breadcrumbs .col-12 hr {
  margin-top: 0.625rem;
  margin-bottom: 3.125rem;
}

.frame-frequent-topics {
  padding: 3.4375em 0 0;
}
@media (max-width: 989.98px) {
  .frame-frequent-topics {
    padding: 3.4375em 0 0 1.1875rem;
    overflow: hidden;
  }
}
.frame-frequent-topics h2 {
  color: #9D9D9D;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 0;
  margin-bottom: 1em;
}
.frame-frequent-topics ul {
  list-style: none;
}
.frame-frequent-topics ul li a {
  display: inline-block;
  font-family: "VagRoundedLight";
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  margin-bottom: 0.5em;
  padding-left: 1.25em;
  position: relative;
  text-transform: none;
}
.frame-frequent-topics ul li a:before {
  content: "";
  background-image: url("../images/stern_gruen.svg");
  background-repeat: no-repeat;
  background-size: 14px 13px;
  left: 0;
  position: absolute;
  display: inline-block;
  height: 13px;
  top: 3px;
  width: 14px;
}
.frame-frequent-topics ul li a:hover:before {
  background-image: url("../images/stern_grau.svg");
}
.frame-frequent-topics ul li a:focus:before {
  background-image: url("../images/stern_gruen.svg") !important;
}

.topic-area-icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.frame-review div.col1 {
  padding: 0;
}
@media (max-width: 989.98px) {
  .frame-review div.col1 {
    padding: 0 1.1875rem;
  }
}
.frame-review hr {
  border-top: 2px solid #e0e0e0;
  margin-bottom: 2.5rem;
}
.frame-review .review-link:before {
  content: "";
  display: block;
  float: left;
  background-image: url("../images/icon_lob_kritik_gruen.svg");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  margin: -5px 15px 0 0;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.frame-review .review-link:hover:before {
  background-image: url("../images/icon_lob_kritik_grey.svg");
}
.frame-review .review-link:focus:before {
  background-image: url("../images/icon_lob_kritik_gruen.svg") !important;
}

/************************
   FRAMES
    ************************/
.frame {
  clear: left;
}
.frame.frame-bg-grey {
  background-color: #f6f6f6;
}
.frame.frame-bg-grey .content-image-blockC {
  background: white;
}
.frame.frame-bg-grey .content-image-blockC .content-image-block {
  background-color: #f6f6f6;
}
@media (min-width: 990px) {
  .frame.frame-bg-grey .content-image-blockC .content-image-block {
    padding: 2.5rem;
  }
}
.frame.frame-bg-grey .content-image-blockC .content-image-block .text {
  padding: 2.5rem 1.5rem;
}
@media (min-width: 990px) {
  .frame.frame-bg-grey .content-image-blockC .content-image-block .text {
    padding: 2.5rem;
  }
}
.frame.frame-bg-grey .content-image-blockC .content-image-block .text .call-to-action {
  background-color: white;
}
.frame.frame-bg-grey .content-image-blockC .content-image-block .text .call-to-action:hover {
  background-color: #eceaea;
}
.frame.frame-bg-white .content-image-blockC .content-image-block {
  background-color: white;
}
@media (min-width: 990px) {
  .frame.frame-bg-white .content-image-blockC .content-image-block {
    padding: 2.5rem;
  }
}
.frame.frame-bg-white .content-image-blockC .content-image-block .text {
  padding: 2.5rem 1.5rem;
}
@media (min-width: 990px) {
  .frame.frame-bg-white .content-image-blockC .content-image-block .text {
    padding: 2.5rem;
  }
}
.frame.frame-bg-white .facts-block .facts .fact-item {
  background-color: white;
}
.frame.frame-bg-green .content-image-blockC {
  padding-top: 0;
}
.frame.frame-bg-green .content-image-blockC .content-image-block {
  background-color: #82C828;
}
@media (min-width: 990px) {
  .frame.frame-bg-green .content-image-blockC .content-image-block {
    padding: 1.875rem 2.5rem;
  }
}
.frame.frame-bg-green .content-image-blockC .content-image-block .text {
  padding: 0;
}
@media (min-width: 990px) {
  .frame.frame-bg-green .content-image-blockC .content-image-block .text {
    padding: 0;
  }
}
.frame.frame-bg-green .content-image-blockC .content-image-block .text * {
  color: white;
}
.frame.frame-bg-green .content-image-blockC .content-image-block .text h2 {
  font-family: VagRoundedLight;
}
.frame.frame-bg-green .content-image-blockC .content-image-block .image {
  text-align: right;
}
.frame.frame-bg-green .content-image-blockC .content-image-block .image img {
  max-height: 180px;
  width: auto;
  max-width: 100%;
}
.frame.container.frame-type-text .simple-table {
  width: auto;
}
.frame.container.frame-type-text p.full-width {
  width: 100%;
}
.frame.container.frame-type-text h2.full-width {
  width: 100%;
}
.frame.container.frame-type-gridelements_pi1 .container {
  max-width: 100%;
}
.frame.container.frame-type-gridelements_pi1 .slideDownOuterC .slideDownC .slideDownHeader h2 {
  color: #333333;
}
@media (min-width: 990px) {
  .frame.container.frame-type-gridelements_pi1 .button {
    margin: 5px 0;
  }
}
@media (min-width: 990px) {
  .frame.container.frame-type-gridelements_pi1 .white-box {
    margin: 1em 15px;
  }
}
@media (min-width: 990px) {
  .frame.frame-type-gridelements_pi1 .row-eq-height, .frame.frame-type-gridelements_pi1 .row-eq-height > div {
    min-height: 450px;
  }
}
@media (min-width: 1100px) {
  .frame.frame-type-gridelements_pi1 .row-eq-height, .frame.frame-type-gridelements_pi1 .row-eq-height > div {
    min-height: 640px;
  }
}
@media (min-width: 1100px) {
  .frame.frame-type-gridelements_pi1 .productRow .row-eq-height {
    min-height: 0;
  }
}
.frame.frame-type-gridelements_pi1.frame-bg-white .textBlock {
  background: #ffffff;
}
.frame.frame-type-gridelements_pi1.frame-bg-white .textBlock .frame-bg-grey {
  background: #ffffff;
}
.frame.frame-type-gridelements_pi1 .frame-type-text h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .frame.frame-type-gridelements_pi1 .frame-type-text h2 {
    font-size: 2.375rem;
  }
}
.frame.frame-type-gridelements_pi1 .frame-type-text table td {
  font-size: 1.125rem;
  line-height: 1.6em;
  letter-spacing: 0.025em;
  padding-left: 60px;
}
.frame.frame-type-gridelements_pi1 .frame-type-text table td:first-child {
  padding-left: 0;
}
.frame.frame-type-gridelements_pi1 .frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) {
  margin-left: 25px;
}
.frame.frame-type-gridelements_pi1 .frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li {
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  text-indent: -5px;
  list-style: none;
}
.frame.frame-type-gridelements_pi1 .frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
  color: #82C828;
}
.frame.frame-type-gridelements_pi1 .frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li ul {
  font-size: 1em;
  margin-bottom: 0;
}
.frame.frame-type-gridelements_pi1 .frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li ul li:before {
  content: "-";
  color: #82C828;
}
.frame.frame-type-gridelements_pi1 .ce-image img {
  max-width: 100%;
  height: auto;
}

/************************
   HEADLINES, ELEMENTS
    ************************/
.ce-headline-center, .ce-headline-left {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

h2.ce-headline-center, h2.ce-headline-left {
  color: #82C828;
}

.ce-headline-center {
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
  text-align: center;
}

.frame.frame-type-gridelements_pi1:not(.frame-strategy-bg4).container h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 1.125rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.frame.frame-type-gridelements_pi1:not(.frame-strategy-bg4).container h3.big-headline {
  font-size: 1.375rem;
}
.frame.frame-type-list.frame-bg-grey {
  background: #E7E7E7;
}
.frame.container.frame-type-text h1.bold-headline {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .frame.container.frame-type-text h1.bold-headline {
    font-size: 3.125rem;
  }
}
.frame.container.frame-type-text h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .frame.container.frame-type-text h2 {
    font-size: 2.375rem;
  }
}
.frame.container.frame-type-text h2.bold-headline {
  font-family: VagRoundedBold;
  font-size: 2rem;
}
@media (min-width: 990px) {
  .frame.container.frame-type-text h2.bold-headline {
    font-size: 3.125rem;
  }
}
.frame.container.frame-type-text h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 1.125rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.frame.container.frame-type-text h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 1em 0 !important;
  padding: 0;
  width: 100%;
}
.frame.container.frame-type-text hr {
  border-top-color: #dadada;
  margin-top: 4em;
  margin-bottom: 4em;
  width: 100%;
}
.frame.container.frame-type-text hr.small-margin {
  margin-top: 1em;
  margin-bottom: 1em;
}
.frame.container.frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) {
  margin-left: 25px;
}
.frame.container.frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li {
  color: #6D6D6D;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  text-indent: -5px;
  list-style: none;
}
.frame.container.frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
  color: #82C828;
}
.frame.container.frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li ul {
  font-size: 1rem;
  margin-bottom: 0;
}
.frame.container.frame-type-text ul:not(.green-check-list):not(.green-check-list-bright):not(.product-check-list) li ul li:before {
  content: "-";
  color: #82C828;
}
.frame.container.frame-type-text ol {
  margin-left: 19px;
}
.frame.container.frame-type-text ol li {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.4em;
}
.frame.container.frame-type-text.wide-container {
  overflow-x: scroll;
}
@media (min-width: 990px) {
  .frame.container.frame-type-text.wide-container {
    overflow-x: hidden;
  }
}
.frame.container.frame-type-image {
  width: 100%;
}
.frame.container.frame-type-image img {
  width: 100%;
  height: auto;
}
@media (min-width: 990px) {
  .frame.container.frame-type-image {
    margin: 0 auto;
    max-width: 75%;
  }
}
.frame.frame-type-text img {
  height: auto;
  max-width: 100%;
}
.frame.frame-type-text h2 {
  margin-bottom: 1.25rem;
}
.frame.frame-type-text h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 1em 0 !important;
  padding: 0;
  width: 100%;
}
.frame.frame-type-text h3.green-headline {
  color: #82C828 !important;
}
.frame.frame-type-text p, .frame.frame-type-text ul li {
  color: #6D6D6D;
  font-size: 1.125rem;
}
.frame.frame-type-text p:last-child, .frame.frame-type-text ul li:last-child {
  margin-bottom: 0;
}
.frame.frame-type-text p a:not(.green-link, .green-arrow-redirect, .call-to-action), .frame.frame-type-text ul li a:not(.green-link, .green-arrow-redirect, .call-to-action) {
  text-decoration: underline;
}
.frame.frame-type-text ul {
  color: #6D6D6D;
}
.frame.frame-type-text ul:last-child {
  margin-bottom: 0;
}
.frame.frame-type-image.frame-space-before-medium {
  padding-top: 8.125em;
}
.frame.frame-type-image.frame-space-before-small {
  padding-top: 3.75em;
}
.frame .white-box {
  background: #ffffff;
  border: 1px solid #D6D6D6;
  padding: 30px 50px 50px;
}
.frame .white-box ul {
  margin-left: 0;
}
.frame .white-box ul li {
  font-size: 1.125rem;
  letter-spacing: 0.025px;
  margin-bottom: 10px;
}
.frame .white-box ul li:last-child {
  margin-bottom: 0;
}
.frame .white-box ul li ul {
  font-size: 1rem;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .frame .white-box {
    margin: 3em 1.5em 0 1.5em;
    width: calc(100% - 30px);
  }
}
.frame .white-box-right .col1 {
  padding-right: 30px;
}
.frame .white-box-right .col2 {
  margin-left: 15px !important;
}
@media (min-width: 990px) {
  .frame .white-box-right .col2 {
    margin-left: 30px !important;
    width: calc(50% - 45px);
  }
}
@media (min-width: 640px) {
  .frame .white-box-right .col-sm-12 {
    margin-top: 2em;
  }
}
@media (min-width: 990px) {
  .frame .white-box-right .white-box {
    margin: 1em 15px;
  }
}
.frame .white-box-right .white-box img {
  height: auto;
  max-width: 100%;
}
.frame .white-box-full {
  border: 1px solid #D6D6D6;
  padding: 30px 0;
  margin: 0;
}
.frame .white-box-full .frame.container.frame-type-text ul {
  margin-left: 0;
}
.frame .white-box-full h2 {
  margin-top: 0 !important;
}

/************************
   TABLES
    ************************/
.simple-table {
  margin-top: 1.5em;
  margin-bottom: 4em;
  width: auto;
}
.simple-table tr td {
  font-size: 1.125rem;
  line-height: 1.6em;
  letter-spacing: 0.025em;
  padding-right: 60px;
}
.simple-table tr td a:not(.green-link, .green-arrow-redirect, .call-to-action) {
  text-decoration: underline;
}

.grey-content-table {
  background-color: #f6f6f6;
  padding: 30px;
  font-family: "VagRoundedLight";
}
.grey-content-table thead th, .grey-content-table thead td {
  padding-top: 30px;
}
.grey-content-table tbody {
  padding: 0 30px;
}
.grey-content-table tr td, .grey-content-table tr th {
  font-size: 0.875rem;
  line-height: 2em;
  letter-spacing: 0.05em;
  padding-right: 60px;
}
.grey-content-table tr td:first-child, .grey-content-table tr th:first-child {
  padding-right: 120px;
  padding-left: 0;
}
.grey-content-table tr td:last-child, .grey-content-table tr th:last-child {
  padding-right: 0;
}

/************************
   RTE Classes
    ************************/
.dark-text {
  color: #333333 !important;
}

.spacer {
  height: 2.5em;
}
@media (min-width: 990px) {
  .spacer {
    height: 3.75em;
  }
}
@media (min-width: 990px) {
  .spacer {
    height: 5em;
  }
}
.spacer.quarter-spacer {
  height: 0.9375em;
}
@media (min-width: 990px) {
  .spacer.quarter-spacer {
    height: 1.25em;
  }
}

p.no-margin-bottom {
  margin-bottom: 0 !important;
}

p.small-grey {
  color: #9D9D9D;
  font-family: "VagRoundedThin";
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1.2em;
  margin: 0.3em 0 1em 0;
}

ul.small-grey li {
  color: #9D9D9D;
  font-family: "VagRoundedThin";
  font-size: 0.875rem !important;
  letter-spacing: 0.075em !important;
  line-height: 1.2em !important;
  margin: 0.3em 0 0.3em 0;
}

p.middle-grey {
  color: #6B6B6B;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 0.1em;
}

a.margin-right {
  display: inline-block;
  margin-right: 1.5625rem;
}
@media (min-width: 640px) {
  a.margin-right {
    margin-bottom: 1em;
  }
}

a.infoText {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4em;
  display: inline-block;
  margin-left: 25px;
}
a.infoText:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 0px;
  left: -25px;
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
a.infoText.light {
  color: #9D9D9D;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
}
a.infoText.bg-grey {
  width: 100%;
  padding: 25px 25px 25px 65px;
  background-color: #F2F2F2;
  margin-left: 0;
}
a.infoText.bg-grey:before {
  top: 26px;
  left: 25px;
}

p a.infoText {
  font-size: 0.8em;
}
p.small-dark {
  color: #333333 !important;
  font-size: 0.875rem !important;
}

h3.medium-headline {
  font-size: 1.375rem !important;
}

h3.small-headline {
  font-size: 0.875rem !important;
  font-family: "VagRoundedBold";
  letter-spacing: 0.2em !important;
  line-height: 1.2em !important;
  text-transform: uppercase;
}

p.small-white {
  color: #ffffff;
  display: block;
  margin: 0 0 5px 0;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  line-height: 1.2em;
}
@media (min-width: 1100px) {
  p.small-white {
    font-size: 0.875rem;
  }
}

h2.small-headline {
  font-size: 1.875rem !important;
}

h2.infoText {
  color: #494949 !important;
  position: relative;
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  line-height: 1.4em;
  /*letter-spacing: 0.05em;*/
  display: inline-block;
  margin-left: 25px;
  margin-bottom: 15px;
}
h2.infoText:before {
  content: "";
  display: inline-block;
  /*margin-right: 15px;*/
  top: 0px;
  left: -25px;
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}

p span.small-grey {
  color: #5C5C5C;
  font-size: 0.8em;
}
p span.small-grey.light {
  color: #9D9D9D;
}
p span.small-grey.block {
  display: inline-block;
  line-height: 1.6em;
}

td.grey-cell {
  color: #9D9D9D !important;
}

td.green-cell {
  color: #82C828 !important;
}

.ce-image .ce-outer {
  position: static;
  float: none;
}
.ce-image .ce-outer .ce-inner {
  position: static;
  float: none;
}
.ce-image .ce-outer .ce-inner .ce-column {
  float: none;
}
.ce-image .ce-outer .ce-inner .ce-column figure {
  display: block;
}
.ce-image.ce-right {
  text-align: right;
}

.frame-anchor-block {
  background: transparent;
  display: block;
  position: relative;
  overflow: hidden;
  top: -200px;
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.tx-dce-pi1:after {
  content: "";
  display: block;
  clear: both;
}

.container.bg-grey {
  background-color: #f6f6f6;
}
.container.bg-grey .content-image-blockC .content-image-block .image {
  border-radius: 10px;
}
.container.bg-grey .content-image-blockC .content-image-block .image img {
  border-radius: 10px;
}
.container.bg-grey.frame-bg-white .content-image-blockC .content-image-block .image, .container.bg-grey.frame-bg-green .content-image-blockC .content-image-block .image {
  border-radius: 10px 10px 0 0;
}
.container.bg-grey.frame-bg-white .content-image-blockC .content-image-block .image img, .container.bg-grey.frame-bg-green .content-image-blockC .content-image-block .image img {
  border-radius: 10px 10px 0 0;
}
.container.bg-black {
  background-color: #222;
}
.container.bg-black .section-header-block .section-header h2 {
  color: white;
}
.container.bg-black .frame-type-text h1, .container.bg-black .frame-type-text h2, .container.bg-black .frame-type-text h3, .container.bg-black .frame-type-text p, .container.bg-black .frame-type-text li, .container.bg-black .frame-type-text span:not(.relaunch-overline) {
  color: white;
}
.container.bg-black .news-list-view .article h3 a {
  color: white;
}
.container.bg-black .news-list-view .article .green-link.underline {
  color: white;
}
.container.bg-black .news-list-view .article .green-link.underline:hover {
  color: #82C828;
  border-color: #82C828;
}
.container.bg-dark-grey {
  background-color: #dedede;
}
.container.bg-dark-grey .accordion-block .accordion {
  border-bottom: 1px solid #6D6D6D;
}
.container.bg-dark-grey .frame-type-text p, .container.bg-dark-grey .frame-type-text li, .container.bg-dark-grey .frame-type-text span:not(.relaunch-overline) {
  color: #222;
}
.container.bg-black .news, .container.bg-grey .news {
  padding-top: 100px;
}
.container.bg-black .news .news-date-filter, .container.bg-grey .news .news-date-filter {
  display: none;
}
@media (min-width: 990px) {
  .container.bg-black .news .more-button, .container.bg-grey .news .more-button {
    text-align: center;
  }
}
.container.bg-black .news .more-button a, .container.bg-grey .news .more-button a {
  display: inline-block;
  margin-top: 34px;
}
@media (min-width: 990px) {
  .container.bg-black .news .more-button a, .container.bg-grey .news .more-button a {
    margin-top: 100px;
  }
}

.container-full-width {
  width: 100%;
}
.container-full-width.bg-grey {
  background-color: #f6f6f6;
}

.container-slim-width {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 990px) {
  .container-slim-width {
    width: 50%;
  }
}
.container-slim-width .frame-type-text {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.container-slim-width .frame-type-image img {
  width: 100%;
}
.container-slim-width .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC {
  width: 100%;
}
@media (min-width: 1400px) {
  .container-slim-width .accordion-block .accordion .accordion-body .accordion-inner .download-buttonC {
    width: 75%;
  }
}
.container-slim-width .download-block .downloadC .download-col {
  width: 100%;
}

@media (min-width: 990px) {
  .text-container h1, .text-container h2, .text-container h3 {
    max-width: 83.3333333333% !important;
  }
}
@media (min-width: 990px) {
  .text-container p {
    max-width: 66.6666666667% !important;
  }
}

/************************
    FONT SIZES
    ************************/
@media (max-width: 1550px) {
  body h2 {
    font-size: 2.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body h2 {
    font-size: 1.6875rem;
  }
}
@media (max-width: 1550px) {
  body h2.small-headline {
    font-size: 1.625rem !important;
  }
}
@media (max-width: 1099.98px) {
  body h2.small-headline {
    font-size: 1.4375rem !important;
  }
}
@media (max-width: 1550px) {
  body .tarifWahlC .mainHeader {
    font-size: 2.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .tarifWahlC .mainHeader {
    font-size: 1.6875rem;
  }
}
@media (max-width: 1550px) {
  body .frame .white-box ul li {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .frame .white-box ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .image-block .image-block-text-container h2 {
    font-size: 2.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .image-block .image-block-text-container h2 {
    font-size: 1.6875rem;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-gridelements_pi1 h3.big-headline {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-gridelements_pi1 h3.big-headline {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-text h3 {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-text h3 {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text table td {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text table td {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .threeSectionBlockC .threeSectionBlock h2 {
    font-size: 2.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .threeSectionBlockC .threeSectionBlock h2 {
    font-size: 1.6875rem;
  }
}
@media (max-width: 1550px) {
  body .threeSectionBlockC .threeSectionBlock h2.small-headline {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .threeSectionBlockC .threeSectionBlock h2.small-headline {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .threeSectionBlockC .threeSectionBlock p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1099.98px) {
  body .threeSectionBlockC .threeSectionBlock p {
    font-size: 0.75rem;
  }
}
@media (max-width: 1550px) {
  body .threeSectionBlockC .threeSectionBlock .bigLine {
    font-size: 6.625rem;
  }
}
@media (max-width: 1099.98px) {
  body .threeSectionBlockC .threeSectionBlock .bigLine {
    font-size: 5.8125rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownHeader h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownHeader h2 {
    font-size: 1.4375rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownHeader p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownHeader p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownContent p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownContent p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownContent.bottomSlideDownContent .frame-type-gridelements_pi1 .frame-type-text h3.big-headline {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownFullWidthOuterC .slideDownC .slideDownContent.bottomSlideDownContent .frame-type-gridelements_pi1 .frame-type-text h3.big-headline {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownFullWidthOuterC .slideDownContent p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownFullWidthOuterC .slideDownContent p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader h2 {
    font-size: 1.4375rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader h3 {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader h3 {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader table thead th {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader table thead th {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader table tbody td {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader table tbody td {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader p.middle-grey {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader p.middle-grey {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownHeader p.small-grey {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownHeader p.small-grey {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent p.small-grey {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent p.small-grey {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader p {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownHeader p {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .green-price {
    font-size: 1.4375rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent .innerSlideDownC .innerSlideDownTab .innerSlideDownContent .green-price {
    font-size: 1.25rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent h4 {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent h4 {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent h3 {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent h3 {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent h3.big-headline {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent h3.big-headline {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent ul li {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .slideDownOuterC .slideDownC .slideDownContent table tbody td {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .slideDownOuterC .slideDownC .slideDownContent table tbody td {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo h3 {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo h3 {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo p {
    font-size: 1rem;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo p {
    font-size: 0.875rem;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo p.small-dark {
    font-size: 0.75rem;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo p.small-dark {
    font-size: 0.65625rem;
  }
}
@media (max-width: 1550px) {
  body p.small-grey {
    font-size: 0.75rem !important;
  }
}
@media (max-width: 1099.98px) {
  body p.small-grey {
    font-size: 0.65625rem !important;
  }
}
@media (max-width: 1550px) {
  body .dark-arrow-redirect {
    font-size: 0.8125rem;
  }
}
@media (max-width: 1099.98px) {
  body .dark-arrow-redirect {
    font-size: 0.71875rem;
  }
}
@media (max-width: 1550px) {
  body .history-block .year {
    font-size: 4.4375rem;
  }
}
@media (max-width: 1099.98px) {
  body .history-block .year {
    font-size: 3.875rem;
  }
}

/************************
    MIXED
************************/
@media (min-width: 1100px) {
  .image-block .image-block-text-container {
    max-width: 50%;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../Fonts/slick.eot");
  src: url("../Fonts/slick.eot?#iefix") format("embedded-opentype"), url("../Fonts/slick.woff") format("woff"), url("../Fonts/slick.ttf") format("truetype"), url("../Fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

header nav.nav-orderform {
  display: block !important;
  border-bottom: 1px solid #eaeaea;
}
header nav.nav-orderform .navC {
  padding: 1rem 1.5rem;
}
@media (min-width: 990px) {
  header nav.nav-orderform .navC {
    padding: 0 60px;
  }
}

.topSpace.orderform {
  height: 72px;
}
@media (min-width: 990px) {
  .topSpace.orderform {
    height: 84px;
  }
}

#hilfe-kontakt-popup .innerC {
  padding: 3.75rem 0;
}
#hilfe-kontakt-popup .innerC h2 {
  font-size: 1.5625rem;
  letter-spacing: 0.75px;
  margin-bottom: 1.875rem;
}
@media (min-width: 990px) {
  #hilfe-kontakt-popup .innerC h2 {
    font-size: 1.875rem;
  }
}
#hilfe-kontakt-popup .innerC h3 {
  font-size: 1rem;
  letter-spacing: 0.72px;
  margin-bottom: 3.125rem;
}
@media (min-width: 990px) {
  #hilfe-kontakt-popup .innerC h3 {
    font-size: 1.125rem;
  }
}
#hilfe-kontakt-popup .innerC .optionsC {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#hilfe-kontakt-popup .innerC .optionsC .option {
  flex: 0 0 48%;
  border: 1px solid #C4C4C4;
  display: block;
  padding: 3.75rem;
  min-width: 315px;
  margin-bottom: 1.25rem;
}
#hilfe-kontakt-popup .innerC .optionsC .option span {
  display: block;
  font-size: 18px;
}
#hilfe-kontakt-popup .innerC .optionsC .option span.option-text {
  color: black;
  font-size: 30px;
  margin-bottom: 1.25rem;
}
#hilfe-kontakt-popup .innerC .optionsC .option span.option-tel, #hilfe-kontakt-popup .innerC .optionsC .option span.option-mail {
  width: 40px;
  height: 40px;
  float: left;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  margin-right: 14px;
  margin-top: -7px;
}
#hilfe-kontakt-popup .innerC .optionsC .option span.option-tel {
  background-image: url("../images/footer_icon_phone_gruen.svg");
}
#hilfe-kontakt-popup .innerC .optionsC .option span.option-mail {
  background-image: url("../images/footer_icon_mail_gruen.svg");
}

.extra-wide-container {
  width: 100% !important;
}
@media (min-width: 768px) {
  .extra-wide-container {
    width: calc(100% - 10px) !important;
  }
}
@media (min-width: 990px) {
  .extra-wide-container {
    width: calc(100% - 50px) !important;
  }
}
@media (min-width: 1100px) {
  .extra-wide-container {
    width: calc(100% - 100px) !important;
  }
}
@media (min-width: 1550px) {
  .extra-wide-container {
    width: calc(100% - 180px) !important;
  }
}

.image-block.product-banner .image-block-text-container {
  padding: 35px 15px;
}
@media (min-width: 990px) {
  .image-block.product-banner .image-block-text-container {
    padding: 0 15px;
  }
}
.image-block.product-banner .image-block-text-container .product-banner-textC {
  padding-bottom: 20px;
}
.image-block.product-banner .image-block-text-container .product-banner-textC h3 {
  color: white;
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.56em;
}
@media (min-width: 1100px) {
  .image-block.product-banner .image-block-text-container .product-banner-textC h3 {
    font-size: 1.5rem;
  }
}
.image-block.product-banner .image-block-text-container .product-banner-textC p {
  font-size: 1.125rem;
}
@media (max-width: 1550px) {
  .image-block.product-banner .image-block-text-container .product-banner-textC p {
    font-size: 1rem;
  }
}
@media (max-width: 989.98px) {
  .image-block.product-banner .image-block-text-container .product-banner-textC p {
    font-size: 0.875rem;
  }
}
.image-block.product-banner .image-block-text-container .product-banner-textC a {
  font-size: 0.8125rem;
}
@media (min-width: 768px) {
  .image-block.product-banner .image-block-text-container .product-banner-textC {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .image-block.product-banner .image-block-text-container .row > div:first-child .product-banner-textC {
    padding: 0 60px 0 80px;
  }
}
@media (min-width: 990px) {
  .image-block.product-banner .image-block-text-container .row > div:first-child .product-banner-textC {
    padding: 0 40px 0 140px;
  }
}
@media (min-width: 1100px) {
  .image-block.product-banner .image-block-text-container .row > div:first-child .product-banner-textC {
    padding: 0 125px 0 175px;
  }
}
@media (min-width: 1550px) {
  .image-block.product-banner .image-block-text-container .row > div:first-child .product-banner-textC {
    padding: 0 135px 0 225px;
  }
}
@media (min-width: 768px) {
  .image-block.product-banner .image-block-text-container .row > div .product-banner-textC {
    padding: 0 80px 0 60px;
  }
}
@media (min-width: 990px) {
  .image-block.product-banner .image-block-text-container .row > div .product-banner-textC {
    padding: 0 85px 0 60px;
  }
}
@media (min-width: 1100px) {
  .image-block.product-banner .image-block-text-container .row > div .product-banner-textC {
    padding: 0 175px 0 125px;
  }
}
@media (min-width: 1550px) {
  .image-block.product-banner .image-block-text-container .row > div .product-banner-textC {
    padding: 0 225px 0 135px;
  }
}

.bestellstreckeC.last-step {
  height: calc(100vh - 133px);
  max-height: 900px;
  min-height: 580px;
}
@media (min-width: 1920px) {
  .bestellstreckeC {
    max-width: 1800px;
    margin: 0 auto;
  }
}
.bestellstreckeC .navigation {
  display: none;
  height: 64px;
  position: relative;
}
.bestellstreckeC .navigation ul {
  display: flex;
  justify-content: center;
  gap: 36px;
  padding: 0;
}
.bestellstreckeC .navigation ul li {
  position: relative;
  border-bottom: 2px solid transparent;
  color: #6D6D6D;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 1.32rem 0;
  list-style: none;
}
.bestellstreckeC .navigation ul li span {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  line-height: 1.285em;
}
.bestellstreckeC .navigation ul li.active {
  border-bottom-color: #82C828;
  color: #222;
}
.bestellstreckeC .navigation ul li.active span {
  color: #222;
  font-family: VagRoundedBold, sans-serif;
}
.bestellstreckeC .navigation ul li.not-clickable {
  cursor: default;
}
.bestellstreckeC .navigation:before {
  content: "";
  position: absolute;
  height: 64px;
  width: 100vw;
  background-color: white;
  left: -24px;
  top: 0;
}
.bestellstreckeC .navigation:before {
  width: calc(100% + 48px);
}
@media (min-width: 990px) {
  .bestellstreckeC .navigation {
    display: block;
    position: static;
  }
  .bestellstreckeC .navigation:before {
    left: 0;
    width: 100vw;
  }
}
.bestellstreckeC .navigation .step-progress {
  display: block;
  height: 1px;
  background-color: #82C828;
}
@media (min-width: 990px) {
  .bestellstreckeC .navigation .step-progress {
    display: none;
  }
}
.bestellstreckeC .navigation .step-progress.progress-1 {
  width: 15%;
}
.bestellstreckeC .navigation .step-progress.progress-2 {
  width: 30%;
}
.bestellstreckeC .navigation .step-progress.progress-3 {
  width: 45%;
}
.bestellstreckeC .navigation .step-progress.progress-4 {
  width: 60%;
}
.bestellstreckeC .navigation .step-progress.progress-5 {
  width: 75%;
}
.bestellstreckeC .navigation .step-progress.progress-6 {
  display: none;
}
.bestellstreckeC .navigation .step-progress.steps-4.progress-1 {
  width: 25%;
}
.bestellstreckeC .navigation .step-progress.steps-4.progress-2 {
  width: 50%;
}
.bestellstreckeC .navigation .step-progress.steps-4.progress-3 {
  width: 75%;
}
.bestellstreckeC .navigation .step-progress.steps-4.progress-4 {
  display: none;
}
.bestellstreckeC .navigation .step-progress.steps-5.progress-1 {
  width: 20%;
}
.bestellstreckeC .navigation .step-progress.steps-5.progress-2 {
  width: 40%;
}
.bestellstreckeC .navigation .step-progress.steps-5.progress-3 {
  width: 60%;
}
.bestellstreckeC .navigation .step-progress.steps-5.progress-4 {
  width: 80%;
}
.bestellstreckeC .navigation .step-progress.steps-5.progress-5 {
  display: none;
}
.bestellstreckeC .mobile-orderform-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: white;
  margin-left: -24px;
  padding: 1rem 1.5rem;
  width: calc(100% + 48px);
  z-index: 160;
}
@media (min-width: 992px) {
  .bestellstreckeC .mobile-orderform-nav {
    display: none;
  }
}
.bestellstreckeC .mobile-orderform-nav .active-step-button {
  display: inline-block;
  background-color: transparent;
  border: none;
  color: #222;
  font-size: 0.875rem;
}
.bestellstreckeC .mobile-orderform-nav .active-step-button:after {
  content: "";
  width: 15px;
  height: 10px;
  background-image: url("../images/dropdown_1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
}
.bestellstreckeC .mobile-orderform-nav .navigation {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  height: calc(100vh - 124px);
}
.bestellstreckeC .mobile-orderform-nav .navigation.open {
  display: block;
}
.bestellstreckeC .mobile-orderform-nav .navigation ul {
  flex-direction: column;
  gap: 0;
}
.bestellstreckeC .mobile-orderform-nav .navigation ul li {
  background-color: white;
  width: 100%;
  padding: 1.25rem;
}
.bestellstreckeC .mobile-orderform-nav .navigation ul li.active, .bestellstreckeC .mobile-orderform-nav .navigation ul li:not(.not-clickable):hover {
  background-color: #f6f6f6;
  border: none;
}
.bestellstreckeC .mobile-orderform-nav .navigation:before {
  content: none;
}
.bestellstreckeC .mobile-orderform-nav .warenkorb-link {
  display: inline-block;
  background-color: #f6f6f6;
  border-radius: 8px;
  color: #222;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem 0.25rem;
}
.bestellstreckeC .backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
}
.bestellstreckeC .mobile-warenkorb {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 50vh;
  width: 100%;
  overflow-y: auto;
  z-index: 1002;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC {
  position: relative;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb {
  background-color: white;
  padding: 1.875rem 1.5rem;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb h2 {
  color: #222;
  font-size: 1.25rem;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.4px;
  margin-bottom: 38px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .close-warenkorb {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background-color: transparent;
  border: 1px solid #dadada;
  border-radius: 100px;
  width: 52px;
  height: 36px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .close-warenkorb .close-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_close.svg");
  background-position: center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products {
  display: flex;
  flex-direction: column;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product {
  display: flex;
  align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 20px 0;
  width: 100%;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product:first-child {
  border-top: 0;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .ust {
  display: block;
  color: #6D6D6D;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product img {
  height: auto;
  width: 70px;
  margin-right: 20px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text {
  width: 100%;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text h3 {
  color: #222;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text p {
  color: #6D6D6D;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text p:last-child {
  color: #6D6D6D;
  font-size: 13px;
  letter-spacing: 0.78px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text .price-label {
  display: block;
  margin-top: 8px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text table {
  border-collapse: collapse;
  margin-bottom: 4px;
  width: 100%;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text table tr td {
  color: #6D6D6D;
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: 0.6px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text table tr td.price {
  font-family: VagRoundedBold, sans-serif;
  text-align: right;
}
.bestellstreckeC.mobile-open .mobile-warenkorb {
  display: block;
}
.bestellstreckeC.mobile-open .warenkorb-link:after {
  background-image: url("../images/dropdown_2_weiss.svg");
}
.bestellstreckeC.mobile-open .backdrop {
  display: block;
}
.bestellstreckeC .bestellstreckeBody {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.bestellstreckeC .bestellstreckeBody.full-width .formularC {
  padding: 40px 0;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody.full-width .formularC {
    margin: 0 auto;
    padding: 80px 0;
    width: 650px;
  }
}
.bestellstreckeC .bestellstreckeBody.full-width .warenkorbC {
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC {
  background-color: #f6f6f6;
  padding: 40px 0;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC {
    width: 65%;
    padding: 40px 30px 40px 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC h2 {
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 1.5rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC h3 {
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  line-height: 1.25em;
  margin-bottom: 0.75rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC h3.section-headline {
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-bottom: 1.5rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item {
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 2px solid transparent;
  border-radius: 12px;
  margin-bottom: 1.75rem;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item {
    flex-direction: row;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item.selected {
  border: 2px solid #82C828;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
  display: flex;
  align-items: center;
  padding: 24px 24px 8px 8px;
  width: 140px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
    width: 220px;
  }
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
    border-right: 1px solid #eaeaea;
    padding: 32px;
    width: 30%;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image img {
  width: 100%;
  height: auto;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text {
  display: inline-block;
  padding: 8px 24px 24px 24px;
  vertical-align: middle;
  word-break: break-word;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text {
    width: 70%;
    padding: 32px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text h3 {
  color: #222;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 1.5px;
  line-height: 1.2em;
  margin-bottom: 4px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text h3 span {
  font-family: VagRoundedBold, sans-serif;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text h3 + p {
  color: #6D6D6D;
  font-size: 0.875rem;
  letter-spacing: 0.7px;
  line-height: 1.2em;
  margin-bottom: 1rem;
  min-height: 44px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text h3 + p {
    min-height: 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table {
  border-collapse: collapse;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td {
  color: #222;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  padding: 4px 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td:first-child {
  max-width: 234px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td:nth-child(2) {
  text-align: right;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:first-child td {
  border-top: 1px solid #eaeaea;
  padding-top: 1rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:first-child td:first-child {
  padding-right: 0;
  width: auto;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:first-child td:first-child {
    width: 235px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:last-child td {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:last-child td a {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:last-child td:first-child {
  max-width: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo {
  padding: 40px 35px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo h2 {
    font-size: 30px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo p {
  font-size: 14px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo .multistepBlockC {
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo .prettydropdown {
  height: 43px !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
  z-index: 150;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo .prettydropdown.has-error {
  height: 70px !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo .prettydropdown.has-error ul {
  border-color: #cd2222;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul {
  background: #ffffff;
  border: thin solid #D6D6D6;
  box-shadow: none;
  max-height: 9.375em !important;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul:focus {
  border-color: #82C828 !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li {
  background: #ffffff;
  color: #333333;
  height: auto;
  font-size: 1rem;
  font-family: VagRoundedLight, sans-serif;
  line-height: 16px;
  outline: none !important;
  padding: 15px 20px 12px;
  width: 100% !important;
  z-index: 150;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li:focus {
  border: 1px solid #82C828;
  outline: none !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li.nohover {
  color: #333333 !important;
  background: #ffffff !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li:hover {
  color: #333333 !important;
  background: #ffffff !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li.selected {
  background: #ffffff;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li.selected:before {
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li span.checked {
  display: none !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul li.disabled {
  cursor: pointer;
  opacity: 1;
}
.prettydropdown .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active {
  z-index: 151;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li {
  padding: 10px 20px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li:first-child:after {
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li.selected:first-child:after {
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li.selected:after {
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li:hover {
  color: #82C828 !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li:first-child {
  padding-top: 16px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .agrar-abo ul.active li:last-child {
  padding-bottom: 14px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .multiStepformC .selectC .prettydropdown:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_chevron_down_grey.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .multiStepformC .selectC .pretty-dropdown-margin-bottom {
  margin-bottom: 0.9375rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .multiStepformC label[for=tx-estmkapi-orderform-email] + .info-form-tooltip {
  max-width: none;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .multiStepformC label[for=tx-estmkapi-orderform-email] + .info-form-tooltip {
    width: 610px;
  }
}
@media (min-width: 1100px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .multiStepformC label[for=tx-estmkapi-orderform-email] + .info-form-tooltip {
    width: 716px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .personal-data-form .iti {
  margin-bottom: 2.5rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .infoText {
  color: #222;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .infoText {
    width: 45%;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .paymentMethod input {
  background-color: white;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .paymentMethod p {
  max-width: 100% !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row {
  margin-bottom: 2rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row.border-bottom > div:last-child > * {
  border-top: 1px solid #eaeaea;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row span.promo-code-text {
  display: block;
  color: #333333;
  font-size: 15px;
  margin-bottom: 5px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row #promo-code-success-message.success {
  position: relative;
  letter-spacing: 0.05em;
  display: block;
  margin-left: 25px;
  margin-bottom: 1.25rem;
  margin-top: -15px;
  color: #82C828;
  font-size: 0.9375rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row #promo-code-success-message.success:before {
  content: "";
  display: inline-block;
  top: 3px;
  left: -25px;
  background-image: url(../images/arrow_bullet_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row #promo-code-success-message.has-error {
  font-size: 0.9375rem;
  margin-top: -15px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .promo-code-row #check-promo-code-button {
  margin-bottom: 1rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC a.show-additional-tarif-container {
  margin: -15px 0 20px 0;
  font-weight: bold;
  letter-spacing: 2.8px;
  line-height: 17px;
  padding: 0.375rem 1.875rem 0.375rem 0.9375rem;
  position: relative;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC a.show-additional-tarif-container:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 6px;
  width: 13px;
  height: 17px;
  background-image: url("../images/pfeilchen_mehr_gruen.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC a.show-additional-tarif-container.toggled:after {
  background-image: url("../images/pfeilchen_mehr_ausgeklappt_gruen.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC a.show-additional-tarif-container:hover:after {
  background-image: url("../images/pfeilchen_mehr.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC a.show-additional-tarif-container:hover.toggled:after {
  background-image: url("../images/pfeilchen_mehr_ausgeklappt.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .additional-tarif-container {
  margin-bottom: 20px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 25px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC h3 {
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  line-height: 1.25em;
  margin-bottom: 0.75rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 2px solid transparent;
  border-radius: 12px;
  margin-bottom: 1.75rem;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item:last-child {
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .inputC {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .inputC {
    right: auto;
    left: 24px;
  }
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item {
    flex-direction: row;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item.selected {
  border: 2px solid #82C828;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
  display: flex;
  align-items: center;
  padding: 12px;
  width: 120px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
    padding: 32px;
    width: 220px;
  }
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
    width: 30%;
    border-right: 1px solid #eaeaea;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image img {
  width: 100%;
  height: auto;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text {
  display: inline-block;
  padding: 32px;
  vertical-align: middle;
  word-break: break-word;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text {
    width: 70%;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text h3 {
  color: #222;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 1.5px;
  line-height: 1.2em;
  margin-bottom: 4px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text h3 span {
  font-family: VagRoundedBold, sans-serif;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text h3 + p {
  color: #6D6D6D;
  font-size: 0.875rem;
  letter-spacing: 0.7px;
  line-height: 1.2em;
  margin-bottom: 1rem;
  min-height: 44px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text h3 + p {
    min-height: 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table {
  border-collapse: collapse;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td {
  color: #222;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  padding: 4px 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td:first-child {
  max-width: 234px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td:nth-child(2) {
  text-align: right;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:first-child td {
  border-top: 1px solid #eaeaea;
  padding-top: 1rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:first-child td:first-child {
  padding-right: 0;
  width: auto;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:first-child td:first-child {
    width: 235px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:last-child td {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:last-child td a {
  color: #6D6D6D;
  text-decoration: underline;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:last-child td:first-child {
  max-width: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info {
  font-weight: bold;
  letter-spacing: 2.8px;
  line-height: 17px;
  padding: 0.375rem 1.875rem 0.375rem 0.9375rem;
  position: relative;
  margin-left: -75px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info {
    margin-left: 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 6px;
  width: 13px;
  height: 17px;
  background-image: url("../images/pfeilchen_mehr_gruen.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info.toggled:after {
  background-image: url("../images/pfeilchen_mehr_ausgeklappt_gruen.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info:hover:after {
  background-image: url("../images/pfeilchen_mehr.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text a.show-more-info:hover.toggled:after {
  background-image: url("../images/pfeilchen_mehr_ausgeklappt.svg");
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text .description {
  background: #e7e7e7;
  margin: 15px 30px 0 -75px;
  padding: 30px 20px;
  width: calc(100% + 75px);
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text .description {
    width: auto;
    margin: 15px 30px 0 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text .description p {
  color: #333333;
  font-size: 14px;
  letter-spacing: 0.7px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text .description p:last-child {
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text input, .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text select, .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text textarea {
  background: #ffffff;
  border-width: 1px;
  border-color: #D6D6D6;
  border-style: solid;
  border-radius: 0;
  font-size: 1rem;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-bottom: 25px;
  position: relative;
  padding: 15px 10px 11px;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text .help-block.form-error {
  margin-top: -1.25rem;
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item.text-only .tarif-text {
  padding: 25px 90px 25px 30px;
  width: 100%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item.text-only .tarif-text {
    padding: 25px 30px 25px 90px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item.text-only .tarif-text h3 {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .inputC {
  text-align: center;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .inputC input[type=radio] + label {
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item input[type=checkbox] + label:before {
  background: white;
  border: 1px solid #6D6D6D;
  border-radius: 4px;
  height: 24px;
  width: 24px;
  left: 12px;
}
@media (min-width: 640px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item input[type=checkbox] + label:before {
    left: 20px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item input[type=checkbox]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
  border: 1px solid #82C828;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .multiple-radio-row {
  margin-top: 30px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .multiple-radio-row .row .col-12 p:first-child {
  margin-bottom: 20px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .multiple-radio-row input[type=radio] + label {
  background-position: left top 2px;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
  padding-left: 25px;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .input-row {
  margin-top: 20px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .input-row p {
  font-size: 16px;
  margin-bottom: 20px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .input-row label {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .input-row input {
  width: 100%;
  font-size: 16px;
  border-width: 1px;
  border-color: #dcdcdc;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif .sub-tarif-item .input-row input:focus {
  border-color: #82C828;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC.additional-tarif > p {
  color: #333;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .price-label {
  display: block;
  margin-top: 10px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .button-navC {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.9375rem;
  margin-bottom: 3.125rem;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .button-navC {
    justify-content: space-between;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .button-navC .first-button {
  margin-left: auto;
  margin-right: auto;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .info-text-green {
  display: block;
  color: #222;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular h3.last-info {
  color: #82C828;
  font-size: 30px !important;
  font-family: VagRoundedLight;
  line-height: 38px;
  letter-spacing: 0.75px !important;
  margin: 20px 0 50px 80px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular h3.last-info:before {
  content: "";
  position: absolute;
  width: 57px;
  height: 76px;
  left: 15px;
  background-image: url("../images/bestaetigung_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular p.info {
  font-weight: bold;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .headline-text {
  text-align: center;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .headline-text {
    text-align: left;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary h3 {
  margin-bottom: 0.75rem !important;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary h3 span {
  display: inline-block;
  position: absolute;
  right: 10px;
  cursor: pointer;
  color: #6D6D6D;
  font-family: VagRoundedLight, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  text-decoration: underline;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .data-summary {
  background-color: white;
  border-radius: 10px;
  padding: 0.5rem 1.5rem;
  margin-bottom: 2rem;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .data-summary .data-entry {
  border-top: 1px solid #eaeaea;
  padding: 1rem 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .data-summary .data-entry:first-child {
  border-top: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .data-summary .data-entry .label {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 2px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .data-summary .data-entry .data {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary p {
  margin-bottom: 30px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary span.ust {
  color: #9D9D9D;
  font-size: 13px;
  letter-spacing: 0.78px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .personal-data-summary .ust {
  margin-top: 6px;
  display: block;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .zaehlernummern input, .bestellstreckeC .bestellstreckeBody .formularC .formular .zaehlpunkte input {
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .zaehlernummern input, .bestellstreckeC .bestellstreckeBody .formularC .formular .zaehlpunkte input {
    margin-bottom: 35px;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular #emobility-form .mobilitycardRadio {
  margin-bottom: 15px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular label.light {
  font-family: VagRoundedLight, sans-serif;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel {
  display: block;
  position: relative;
  padding-left: 2.25rem;
  margin-bottom: 2rem;
  margin-top: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel.hiddenText, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel.hiddenText {
  font-size: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input {
  display: block !important;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input:checked ~ .checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input:checked ~ .checkmark:after {
  display: block;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input:checked ~ .radio-checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input:checked ~ .radio-checkmark {
  background-color: #82C828;
  border-color: #82C828;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input:checked ~ .radio-checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input:checked ~ .radio-checkmark:after {
  display: block;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input:focus-visible ~ .checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel input:focus-visible ~ .radio-checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input:focus-visible ~ .checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel input:focus-visible ~ .radio-checkmark {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .radio-checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .radio-checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #6D6D6D;
  border-radius: 4px;
  cursor: pointer;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .radio-checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .radio-checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .checkmark:after {
  top: -1px;
  left: -1px;
  height: 24px;
  width: 24px;
  background-image: url("../images/check_active_neu.svg");
  border: 1px solid #82C828;
  border-radius: 4px;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .radio-checkmark, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .radio-checkmark {
  border-radius: 50%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel .radio-checkmark:after, .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel .radio-checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 10px;
  width: 10px;
  background-color: white;
  border-radius: 50%;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .cbLabel > span:not(.checkmark):not(.radio-checkmark), .bestellstreckeC .bestellstreckeBody .formularC .formular .radioLabel > span:not(.checkmark):not(.radio-checkmark) {
  display: block !important;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding-top: 1px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC {
  display: none;
  background-color: white;
  padding: 2.5rem 0 2.5rem 2rem;
  width: 35%;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .warenkorbC {
    display: block;
  }
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb h2 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.72px;
  margin-bottom: 30px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .one-card, .bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .more-card {
  display: block;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products {
  display: flex;
  flex-direction: column;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .ust {
  display: block;
  color: #6D6D6D;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product {
  display: flex;
  align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 20px 0;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product:first-child {
  border-top: 0;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product img {
  height: auto;
  width: 70px;
  margin-right: 20px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text {
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text h3 {
  color: #222;
  font-size: 0.875rem;
  font-family: VagRoundedBold, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.75px;
  margin-bottom: 6px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text table {
  border-collapse: collapse;
  margin-bottom: 4px;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text table tr td {
  color: #6D6D6D;
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: 0.6px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text table tr td.price {
  font-family: VagRoundedBold, sans-serif;
  text-align: right;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text p {
  color: #6D6D6D;
  font-size: 0.875rem;
  line-height: 1.2em;
  letter-spacing: 0.6px;
  margin-bottom: 4px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text p:last-child {
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text p .price {
  font-family: VagRoundedBold, sans-serif;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text .price-label {
  display: block;
  margin-top: 8px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text .warenkorb-bonus-text {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .narrow-and {
  margin-left: -3px;
  margin-right: -3px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC {
  margin: 0;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .tooltip-trigger:not(.inline-link) {
  height: 18px;
  top: 2px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .container {
  max-width: 100%;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .button.back {
  margin: 0;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC {
  border: none;
  padding: 0;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC h2 {
  border: none;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 10px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC p {
  font-size: 16px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.border-top > div:first-child h3, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.border-top .has-existing-tariff h3, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.border-top .has-no-existing-tariff h3 {
  border-top: 1px solid #eaeaea;
  padding-top: 2rem;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.flex div:first-child p {
  margin-bottom: 10px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.flex .col-md-2 label {
  font-size: 14px;
  letter-spacing: 0.7px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 20px;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.flex .col-md-2 label {
    text-align: center;
  }
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .row.agrar-abo {
  padding-bottom: 20px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .radioLabel {
  margin-bottom: 1.25rem;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .paymentMethod, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .stichtagderletzteneinspeisungbeideroemag {
  display: block;
  background: transparent;
  margin: 0;
  width: 100%;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .paymentMethod h3, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .stichtagderletzteneinspeisungbeideroemag h3 {
  margin-bottom: 20px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .paymentMethod p, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .stichtagderletzteneinspeisungbeideroemag p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .belieferungsdatum, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .anlagennummer {
  padding-left: 2.25rem;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC select, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC textarea {
  border-color: #eaeaea;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .selectC ul {
  border-color: #eaeaea;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=checkbox] + label:before {
  background: white;
  border: 1px solid #6D6D6D;
  border-radius: 4px;
  height: 24px;
  width: 24px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=checkbox]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
  border: 1px solid #82C828;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=radio] + label {
  background-image: url("../images/option_inactive_neu.svg");
  background-size: 18px 18px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input[type=radio]:checked + label {
  background-image: url("../images/option_active_neu.svg");
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC input[id=tx-estmkapi-orderform-equipmentNumber] {
  margin-bottom: 10px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .green-check-list li {
  font-size: 1rem;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_3_Form .info-text-green {
  margin-top: 15px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_3_Form .col-md-3 label[for=tx-estmkapi-orderform-houseNumber1] {
  white-space: nowrap;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_3_Form .flex > div.col-md-12 {
  margin-top: 20px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_3_Form .flex > div.col-md-12:first-child {
  margin-top: 10px;
}
.bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .footer-info {
  color: #6D6D6D;
  font-size: 0.75rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding-top: 10px;
}
@media (min-width: 990px) {
  .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .footer-info {
    width: 75%;
  }
}
.bestellstreckeC .bestellstreckeBody .tt-menu {
  position: absolute;
  top: calc(100% - 25px) !important;
  background: #fafafa;
  width: 300px;
  min-width: 100%;
  overflow-y: auto;
  max-height: 120px;
  border: thin solid #D6D6D6;
}
.bestellstreckeC .bestellstreckeBody .tt-menu .tt-dataset .tt-suggestion {
  font-size: 1rem;
  padding: 10px 20px;
}
.bestellstreckeC .bestellstreckeBody .tt-menu .tt-dataset .tt-suggestion.tt-selectable {
  cursor: pointer;
}
.bestellstreckeC .bestellstreckeBody .tt-menu .tt-dataset .tt-suggestion:last-child {
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .tt-menu .tt-dataset .tt-suggestion.tt-cursor {
  color: #82C828;
  background-color: #fff;
}
.bestellstreckeC .bestellstreckeBody .tt-menu .tt-dataset .tt-suggestion:hover {
  color: #82C828;
  background-color: #fff;
}

.finish-step {
  position: absolute;
  left: 0;
  background-color: #f6f6f6;
  height: calc(100vh - 196px);
  max-height: 838px;
  min-height: 520px;
  width: 100vw;
}
.finish-step .infoHalfBlockC.order-success {
  height: calc(100vh - 196px);
  max-height: 838px;
  min-height: 520px !important;
}
.finish-step .infoHalfBlockC.order-success > div {
  min-height: auto !important;
}
.finish-step .infoHalfBlockC.order-success .textBlock {
  display: flex;
  align-items: center;
  justify-content: center;
}
.finish-step .infoHalfBlockC.order-success .textBlock .success-message {
  padding: 0 24px !important;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 990px) {
  .finish-step .infoHalfBlockC.order-success .textBlock .success-message {
    width: 70%;
  }
}
.finish-step .infoHalfBlockC.order-success .textBlock .success-message .success-image {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #82C828;
  background-image: url("../images/relaunch/utility/icon_relaunch_mail_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border-radius: 50%;
  margin: 0 auto 1.75rem;
}
.finish-step .infoHalfBlockC.order-success .textBlock .success-message h2 {
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 1.75rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin-bottom: 2rem;
}
.finish-step .infoHalfBlockC.order-success .textBlock .success-message p {
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 2rem;
}
.finish-step .infoHalfBlockC.order-success .textBlock .success-message p:last-child {
  margin-bottom: 0;
}
.finish-step .infoHalfBlockC.order-success .image-container {
  display: none;
}
@media (min-width: 990px) {
  .finish-step .infoHalfBlockC.order-success .image-container {
    display: block;
  }
}
.finish-step .infoHalfBlockC.order-success .image-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.background-helper {
  position: absolute;
  left: 50%;
  width: 50vw;
  height: 100%;
  background: white;
  z-index: 0;
  display: none;
}
@media (min-width: 990px) {
  .background-helper {
    display: block;
  }
}

#order-form-ajax-wrapper, #emobility-form-ajax-wrapper {
  background: #f6f6f6 !important;
  position: relative;
}

footer .bottom-footerC.orderform-footer {
  background: #222;
}
footer .bottom-footerC.orderform-footer .bottom-footer .footerLastLinks a {
  color: white;
}
footer .bottom-footerC.orderform-footer .bottom-footer .footerLastLinks a:hover {
  color: #82C828;
}
footer .bottom-footerC.orderform-footer .bottom-footer .footerLastText .bottom-info-text {
  color: white;
}

.contact-form {
  background-color: #f6f6f6;
}
.contact-form .contact-container {
  margin: 0 auto;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .contact-form .contact-container {
    padding: 2.5rem 0;
    width: 80%;
  }
}
@media (min-width: 990px) {
  .contact-form .contact-container {
    padding: 3.75rem 0;
    width: 50%;
  }
}
.contact-form .contact-container .contact-elem {
  background-color: #fff;
  border-radius: 10px;
  padding: 2.25rem 1.5rem;
}
@media (min-width: 990px) {
  .contact-form .contact-container .contact-elem {
    padding: 2.5rem;
  }
}
.contact-form .contact-container .contact-elem .contact-header {
  margin-bottom: 1.5rem;
}
.contact-form .contact-container .contact-elem .contact-cb {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 8px;
  cursor: pointer;
  padding: 1rem;
}
.contact-form .contact-container .contact-elem .contact-cb.no-border {
  border: none;
  padding: 1rem 0;
}
.contact-form .contact-container .contact-elem .contact-cb input {
  opacity: 0;
  width: 0;
  height: 0;
}
.contact-form .contact-container .contact-elem .contact-cb input:checked ~ .contact-cb-text:before {
  background-color: #82C828;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  border-color: #82C828;
}
.contact-form .contact-container .contact-elem .contact-cb .contact-cb-text {
  display: flex;
  gap: 14px;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.6px;
  line-height: 1.7em;
}
.contact-form .contact-container .contact-elem .contact-cb .contact-cb-text a {
  text-decoration: underline;
}
.contact-form .contact-container .contact-elem .contact-cb .contact-cb-text:before {
  content: "";
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border: 1px solid #dadada;
  border-radius: 4px;
}
.contact-form .contact-container .contact-elem label {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1rem;
}
.contact-form .contact-container .contact-elem label.required:after {
  content: "*";
  color: #82C828;
  margin-left: 3px;
}
.contact-form .contact-container .contact-elem input, .contact-form .contact-container .contact-elem textarea {
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  font-size: 1rem;
  height: 60px;
  padding: 1rem 2.5rem 1rem 1rem;
  width: 100%;
}
.contact-form .contact-container .contact-elem input:focus, .contact-form .contact-container .contact-elem input:focus-within, .contact-form .contact-container .contact-elem textarea:focus, .contact-form .contact-container .contact-elem textarea:focus-within {
  border-color: #82C828;
}
.contact-form .contact-container .contact-elem input.has-checkmark, .contact-form .contact-container .contact-elem textarea.has-checkmark {
  background-image: url("../images/relaunch/utility/icon_verify_success_2.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.contact-form .contact-container .contact-elem textarea {
  min-height: 240px;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown {
  height: 60px;
  margin-bottom: 1.25rem;
  width: 100% !important;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown.has-error ul {
  border-color: #cd2222;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul {
  background: white;
  border: 1px solid #dadada;
  box-shadow: none;
  height: 58px;
  margin-left: 0;
  margin-bottom: 0;
  max-height: 9.375em !important;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul li {
  background-color: white;
  border: none;
  border-radius: 6px;
  color: #222;
  height: 58px;
  font-size: 1rem;
  font-family: VagRoundedLight;
  letter-spacing: 0.6px;
  line-height: 1.6em;
  outline: none !important;
  padding: 1rem;
  width: 100% !important;
  max-width: 100%;
  z-index: 150;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul li:focus {
  border: 1px solid #82C828;
  outline: none !important;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul li:hover {
  color: #222 !important;
  background: white !important;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul:focus {
  border-color: #82C828 !important;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul.active {
  height: auto;
  min-height: 240px;
}
.prettydropdown .contact-form .contact-container .contact-elem .selectC .prettydropdown ul.active {
  z-index: 151;
}
.contact-form .contact-container .contact-elem .selectC .prettydropdown ul.active li:hover {
  color: #82C828 !important;
}
.contact-form .contact-container .contact-elem .file-upload-container {
  margin-bottom: 1.25rem;
}
.contact-form .contact-container .contact-elem .file-upload-container p {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1rem;
}
.contact-form .contact-container .contact-elem .file-upload {
  position: relative;
  margin-top: 1.25rem;
}
.contact-form .contact-container .contact-elem .file-upload input {
  height: 195px;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 990px) {
  .contact-form .contact-container .contact-elem .file-upload input {
    height: 155px;
  }
}
.contact-form .contact-container .contact-elem .file-upload .file-label {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px dashed #dadada;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  font-family: VagRoundedLight;
  margin: 0;
  padding: 2rem 1rem;
  text-align: center;
  width: 100%;
}
.contact-form .contact-container .contact-elem .file-upload .file-label:before {
  content: "";
  display: block;
  background-image: url("../images/relaunch/utility/icon_upload.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin: 0 auto 12px;
}
.contact-form .contact-container .contact-elem .file-upload .file-label .link-style {
  color: #82C828;
  text-decoration: underline;
}
.contact-form .contact-container .contact-elem .file-upload .file-label .file-formats {
  display: block;
  color: #6D6D6D;
  margin-top: 5px;
}
.contact-form .contact-container .contact-elem .info-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  padding: 1rem;
}
@media (min-width: 990px) {
  .contact-form .contact-container .contact-elem .info-block {
    flex-direction: row;
  }
}
.contact-form .contact-container .contact-elem .info-block .info-icon {
  display: block;
  background-color: #82C828;
  background-image: url("../images/relaunch/utility/icon_relaunch_info_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px;
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.contact-form .contact-container .contact-elem .info-block p {
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  margin-top: 1px;
}
.contact-form .contact-container .contact-elem .info-block p:last-child {
  margin-bottom: 0;
}
.contact-form .contact-container .contact-elem .info-block p a {
  color: #82C828;
  text-decoration: underline;
}
.contact-form .contact-container .contact-elem .tooltip-trigger:not(.inline-link) {
  background-image: url("../images/icon_fragezeichen.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
  height: 28px;
  left: 5px;
  position: relative;
  top: 8px;
  width: 24px;
}
.contact-form .contact-container .contact-elem .info-form-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding: 70px 30px 30px 30px;
  top: 0;
  width: 400px;
  left: 0px;
  background: white;
  border: 1px solid #424242;
  max-width: 100%;
}
.contact-form .contact-container .contact-elem .info-form-tooltip.full-width-tooltip {
  width: 100%;
}
.contact-form .contact-container .contact-elem .info-form-tooltip h2, .contact-form .contact-container .contact-elem .info-form-tooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1rem;
  font-family: "VagRoundedBold", sans-serif;
  letter-spacing: 0.08em;
  padding: 0 50px 0px 25px;
  text-indent: -25px;
  width: auto !important;
  border: 0 !important;
  color: #333 !important;
}
.contact-form .contact-container .contact-elem .info-form-tooltip h2:before, .contact-form .contact-container .contact-elem .info-form-tooltip h4:before {
  content: "";
  background-image: url("../images/icon_fragezeichen.svg");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}
.contact-form .contact-container .contact-elem .info-form-tooltip .closeButton {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url("../images/icon_close_tooltip.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.contact-form .contact-container .contact-elem .info-form-tooltip p {
  width: 100%;
  margin: 0 !important;
  text-align: left;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  padding-top: 15px;
}
@media (min-width: 640px) {
  .contact-form .contact-container .contact-elem .info-form-tooltip p {
    padding-top: 0;
  }
}
.contact-form .contact-container .contact-elem .info-form-tooltip.inline-link {
  width: 100%;
}
@media (min-width: 640px) {
  .contact-form .contact-container .contact-elem .info-form-tooltip.inline-link p {
    max-width: 100% !important;
  }
}
.contact-form .contact-container .contact-elem .info-form-tooltip ul {
  margin-left: 25px;
}
.contact-form .contact-container .contact-elem .info-form-tooltip ul li {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.6em;
  text-indent: -5px;
  list-style: none;
}
.contact-form .contact-container .contact-elem .info-form-tooltip ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
@media (min-width: 990px) {
  .contact-form .contact-container .contact-elem .info-form-tooltip.middle {
    left: 25%;
  }
}
.contact-form .contact-container .contact-elem .info-form-tooltip h5 {
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  margin-bottom: 0.625rem;
}
.contact-form .contact-container .contact-elem .button-navC {
  display: flex;
  align-items: center;
  margin-top: 1.875rem;
}
.contact-form .contact-container .contact-elem .button-navC button[type=submit] {
  margin-left: auto;
}
.contact-form .contact-container .contact-elem .verification-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.contact-form .contact-container .contact-elem .verification-modal .modal {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  padding: 0;
  width: calc(100% - 48px);
}
@media (min-width: 990px) {
  .contact-form .contact-container .contact-elem .verification-modal .modal {
    width: 480px;
  }
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dadada;
  padding: 1.125rem 1.5rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-header h2 {
  font-size: 1.125rem;
  line-height: 1.25em;
  letter-spacing: 0.6px;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-header .close-button {
  color: #222;
  font-size: 1.875rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-header .close-button:hover {
  color: #6D6D6D;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content {
  padding: 1.5rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content .icon-verify-success, .contact-form .contact-container .contact-elem .verification-modal .modal .modal-content .icon-verify-error {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 24px;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content .icon-verify-error {
  background-image: url("../images/relaunch/utility/icon_verify_error.svg");
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content .icon-verify-success {
  background-image: url("../images/relaunch/utility/icon_verify_success.svg");
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content h2 {
  font-size: 1.125rem;
  font-family: VagRoundedBold;
  margin: 0 0 1rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content p {
  font-size: 1rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content p:last-child {
  margin-bottom: 1.5rem;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-content label {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0 0 5px;
}
.contact-form .contact-container .contact-elem .verification-modal .modal .modal-footer {
  border-top: 1px solid #dadada;
  padding: 1.5rem;
}
.contact-form .contact-container .contact-elem .verification-modal.verification-done .modal .modal-header {
  padding-bottom: 0;
  border-bottom: 0;
}
.contact-form .contact-container .contact-elem .verification-modal.verification-done .modal .modal-header .close-button {
  margin-left: auto;
}
.contact-form .contact-container .contact-elem .contact-done .icon-contact-done {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: url("../images/relaunch/utility/icon_contact_done.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 32px;
}
.contact-form .contact-container .contact-elem .contact-done h2 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
.contact-form .contact-container .contact-elem .contact-done p:last-child {
  margin-bottom: 2.5rem;
}

/************************
   Pressemitteilungen
    ************************/
.news {
  clear: both;
}
.news .news-date-filter {
  padding-top: 5.625rem;
  text-align: center;
}
.news .news-date-filter ul {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid #dadada;
  list-style: none;
  margin-bottom: 2.5rem;
}
@media (min-width: 640px) {
  .news .news-date-filter ul {
    margin-bottom: 3.75rem;
    gap: 20px;
  }
}
@media (min-width: 990px) {
  .news .news-date-filter ul {
    gap: 40px;
  }
}
.news .news-date-filter ul li {
  position: relative;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding-bottom: 6px;
}
@media (min-width: 640px) {
  .news .news-date-filter ul li {
    font-size: 1.25rem;
    line-height: 1.4em;
  }
}
.news .news-date-filter ul li a {
  color: #6D6D6D;
}
.news .news-date-filter ul li a.active {
  color: #222;
  font-family: VagRoundedBold;
}
.news .news-date-filter ul li a.active:after {
  background-color: #82C828;
}
.news .news-date-filter ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  height: 3px;
  background-color: transparent;
}
.news .news-date-filter ul li a:before {
  display: block;
  content: attr(data-title-year);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-family: VagRoundedBold;
}
.news .news-date-filter ul li:hover {
  font-family: VagRoundedBold;
}
.news .news-date-filter ul li:hover a {
  color: #222;
}
.news .news-date-filter ul li:hover a:after {
  background-color: #82C828;
}
.news.news-single .news-item-top {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: stretch;
  flex-direction: column;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top {
    flex-direction: row;
  }
}
.news.news-single .news-item-top .news-item-top-left, .news.news-single .news-item-top .news-item-top-right {
  width: 100%;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top .news-item-top-left, .news.news-single .news-item-top .news-item-top-right {
    width: 50%;
  }
}
.news.news-single .news-item-top .news-item-top-left {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  padding: 2.5rem 1.25rem;
  order: 2;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top .news-item-top-left {
    order: 0;
    padding: 5rem 3.75rem 0;
  }
}
.news.news-single .news-item-top .news-item-top-left .news-backlink-wrap {
  margin-bottom: 2rem;
}
.news.news-single .news-item-top .news-item-top-left .news-backlink-wrap .news-back-link {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
}
.news.news-single .news-item-top .news-item-top-left .news-backlink-wrap .news-back-link:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: -2px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_left_black.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.news.news-single .news-item-top .news-item-top-left .news-backlink-wrap .news-back-link:hover {
  color: #82C828;
}
.news.news-single .news-item-top .news-item-top-left .news-backlink-wrap .news-back-link:hover:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_left_ci.svg");
}
.news.news-single .news-item-top .news-item-top-left h2 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 2rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin: 0 0 1.25rem 0;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top .news-item-top-left h2 {
    font-size: 3.125rem;
    margin: 0;
  }
}
.news.news-single .news-item-top .news-item-top-left .news-list-date {
  display: block;
  margin-top: auto;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
}
.news.news-single .news-item-top .news-item-top-right {
  order: 1;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top .news-item-top-right {
    order: 0;
  }
}
.news.news-single .news-item-top .news-item-top-right .news-img-wrap {
  float: none;
  margin: 0;
  width: 100%;
}
.news.news-single .news-item-top .news-item-top-right .news-img-wrap img {
  float: none;
  height: auto;
  width: 100%;
}
.news.news-single .news-item-top .news-item-top-right .news-img-wrap .news-img-caption {
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
  margin-top: 0.625rem;
  margin-bottom: 0;
  padding: 0 1.25rem;
}
@media (min-width: 990px) {
  .news.news-single .news-item-top .news-item-top-right .news-img-wrap .news-img-caption {
    padding: 0;
  }
}
.news.news-single .news-item-text {
  width: 100%;
  padding: 1.25rem;
}
@media (min-width: 990px) {
  .news.news-single .news-item-text {
    width: 45%;
    max-width: 1400px;
    padding: 7.5rem 0;
    margin: 0 auto;
  }
}
.news.news-single .news-item-text .teaser-text {
  margin-bottom: 1.25rem;
}
.news.news-single .news-item-text .teaser-text p {
  color: #222;
  font-family: "VagRoundedLight";
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .news.news-single .news-item-text .teaser-text p {
    font-size: 2.375rem;
  }
}
.news.news-single .news-item-text .news-text-wrap p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
.news.news-single .news-item-text .news-text-wrap p:last-child {
  margin-bottom: 0;
}
.news.news-single .news-media-files .news-img-wrap {
  float: none;
  clear: both;
  width: 100%;
  padding-bottom: 3.75rem;
}
@media (min-width: 990px) {
  .news.news-single .news-media-files .news-img-wrap {
    width: 60%;
    max-width: 1600px;
    padding-bottom: 7.5rem;
    margin: 0 auto;
  }
}
.news.news-single .news-media-files .news-img-wrap img {
  width: 100%;
  height: auto;
}
.news.news-single .news-downloads {
  width: 100%;
  padding: 1.25rem;
  padding: 3.75rem 0;
  border-top: 1px solid #dadada;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 990px) {
  .news.news-single .news-downloads {
    width: 45%;
    max-width: 1400px;
    padding: 7.5rem 0;
    margin: 0 auto;
  }
}
.news.news-single .news-downloads .download-col {
  width: calc(75% - 30px);
}
.news.news-single .news-downloads .download-col .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-bottom: 1.25rem;
  transition: border 300ms;
}
.news.news-single .news-downloads .download-col .download-item:hover {
  border: 1px solid #6D6D6D;
}
.news.news-single .news-downloads .download-col .download-item:hover .download-name {
  border-right: 1px solid #6D6D6D;
  transition: border 300ms;
}
.news.news-single .news-downloads .download-col .download-item:focus {
  outline: 4px solid rgba(130, 200, 40, 0.2);
  border-radius: 4px;
}
.news.news-single .news-downloads .download-col .download-item .download-name {
  border-right: 1px solid #dadada;
  padding: 1.125rem 1.25rem;
  width: 85%;
}
.news.news-single .news-downloads .download-col .download-item .download-name h3 {
  color: #333;
  font-family: VagRoundedBold;
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: 0.8px;
  margin-bottom: 2px;
  margin-top: 0;
}
.news.news-single .news-downloads .download-col .download-item .download-name span.subline {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  letter-spacing: 0.6px;
}
.news.news-single .news-downloads .download-col .download-item .download-iconC {
  padding: 1.125rem 0.625rem;
  width: 15%;
  min-width: 50px;
}
.news.news-single .news-downloads .download-col .download-item .download-iconC span.download-icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  max-width: 100%;
  background-image: url("../images/relaunch/utility/icon_relaunch_download_ci.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.news.news-single .news-downloads .last-changed-col {
  width: calc(25% - 30px);
}
.news.news-single .news-downloads .last-changed-col span {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 4px;
}
.news.news-single .news-downloads .last-changed-col span.last-changed {
  color: #222;
  font-family: VagRoundedBold;
  line-height: 1.25em;
  margin-bottom: 0;
}
.news.news-single .news-related-wrap {
  display: none;
  padding: 0 1.5rem;
}
@media (min-width: 990px) {
  .news.news-single .news-related-wrap {
    padding: 0 3.75rem;
  }
}
.news.news-single .news-related-wrap .content-teaserC {
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .news.news-single .news-related-wrap .content-teaserC {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
  }
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser {
  width: 240px !important;
  height: auto !important;
}
@media (min-width: 640px) {
  .news.news-single .news-related-wrap .content-teaserC .content-teaser {
    width: 300px !important;
  }
}
@media (min-width: 990px) {
  .news.news-single .news-related-wrap .content-teaserC .content-teaser {
    margin-right: 0 !important;
    margin-bottom: 3.75rem;
  }
  .news.news-single .news-related-wrap .content-teaserC .content-teaser.three-cols {
    width: calc((100% - 40px) / 3) !important;
  }
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article .news-img-wrap {
  display: block;
  border-radius: 10px;
  float: none;
  margin: 0 0 1.5rem 0;
  width: 100%;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article .news-img-wrap a {
  border: none;
  border-radius: 10px;
  float: none;
  padding: 0;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article .news-img-wrap a img {
  border-radius: 10px;
  float: none;
  width: 100%;
  height: auto;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article .news-list-date {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
  .news.news-single .news-related-wrap .content-teaserC .content-teaser .article .news-list-date {
    font-size: 1.125rem;
  }
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  margin-bottom: 1.5625rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .news.news-single .news-related-wrap .content-teaserC .content-teaser .article h3 {
    font-size: 1.25rem;
  }
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article h3 a {
  color: #222;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article h3 a:hover {
  color: #82C828;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .article .green-link {
  font-family: VagRoundedLight;
}
@media (min-width: 640px) {
  .news.news-single .news-related-wrap .content-teaserC .content-teaser .article .green-link {
    font-size: 1.125rem;
  }
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .image {
  border-radius: 10px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .relaunch-overline {
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 12px;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.6px;
  margin-bottom: 1rem;
  margin-top: 0;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser p {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 1.5rem;
}
.news.news-single .news-related-wrap .content-teaserC .content-teaser .link {
  margin-top: auto;
}
.news.news-single .news-img-caption {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 0.8125rem;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-top: 1.25rem;
  margin-bottom: 3rem;
}

.news-list-view {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.news-list-view .article-no-imgC {
  display: block;
  background-color: #f6f6f6;
  border-radius: 10px;
  flex: 1 0 100%;
  padding: 1.25rem;
}
@media (min-width: 640px) {
  .news-list-view .article-no-imgC {
    padding: 1.25rem 2.5rem;
  }
}
.news-list-view .article-no-imgC:hover h3 {
  color: #82C828;
}
.news-list-view .article {
  flex: 1 0 100%;
  margin-bottom: 1.75rem;
  max-width: 100%;
}
@media (min-width: 640px) {
  .news-list-view .article {
    margin-bottom: 2.5rem;
    flex: 1 0 42%;
    max-width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 990px) {
  .news-list-view .article {
    flex: 1 0 28%;
    max-width: calc((100% - 40px) / 3);
  }
}
.news-list-view .article.article-no-img {
  margin: 0;
  max-width: 100% !important;
  position: relative;
}
.news-list-view .article.article-no-img h3 {
  margin-bottom: 0;
  padding-right: 50px;
}
.news-list-view .article.article-no-img:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_ci.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  visibility: visible;
}
.news-list-view .article .news-img-wrap {
  display: block;
  border-radius: 10px;
  float: none;
  margin: 0 0 1.5rem 0;
  width: 100%;
}
.news-list-view .article .news-img-wrap a {
  border: none;
  border-radius: 10px;
  float: none;
  padding: 0;
}
.news-list-view .article .news-img-wrap a img {
  border-radius: 10px;
  float: none;
  width: 100%;
  height: auto;
}
.news-list-view .article .news-list-date {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
  .news-list-view .article .news-list-date {
    font-size: 1.125rem;
  }
}
.news-list-view .article h3 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.125rem;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  margin-bottom: 1.5625rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .news-list-view .article h3 {
    font-size: 1.25rem;
  }
}
.news-list-view .article h3 a {
  color: #222;
}
.news-list-view .article h3 a:hover {
  color: #82C828;
}
.news-list-view .article .green-link {
  font-family: VagRoundedLight;
}
@media (min-width: 640px) {
  .news-list-view .article .green-link {
    font-size: 1.125rem;
  }
}

/************************
    GENERAL
    ************************/
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background: #333333;
  color: #333333;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 1em;
  font-weight: normal;
  font-family: "VagRoundedLight";
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}
@media (min-width: 1150px) {
  body.small-topSpace .topSpace {
    height: 48px !important;
  }
}
body.transparent-header header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink a {
  color: #333;
}
body.transparent-header header.menuOpen nav .navC .nav .links .subNavLinkC .subNavLink.hovered a {
  color: #222;
  font-family: VagRoundedBold;
}
body.transparent-header header.menuOpen .kundenportal {
  background-color: #f6f6f6;
}
body.transparent-header header nav .navC {
  background: transparent;
}
body.transparent-header header nav .navC .nav .links .subNavLinkC .subNavLink a {
  color: white;
}
body.transparent-header header nav .navC .nav .links .subNavLinkC .subNavLink.mega a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_white.svg");
}
body.transparent-header header nav .navC .nav .links .subNavLinkC .subNavLink.mega.hovered:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_ci.svg");
}
body.transparent-header header nav .navC .nav .links .subNavLinkC .subNavLink.mega.active a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_white.svg");
}
body.transparent-header header nav .navC .nav .links .subNavLinkC .subNavLink.mega.active:hover a:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_white.svg");
}
body.transparent-header header nav .navC .kundenportal {
  background-color: white;
}
body.transparent-header header nav .navC .kundenportal:hover {
  background-color: #eceaea;
}
body.transparent-header header nav.desktop {
  background: transparent;
}
body.transparent-header header nav.desktop .navC .nav .nav-buttons #subSearch #search {
  background-image: url("../images/relaunch/utility/icon_relaunch_search_ci.svg");
}
body.transparent-header header nav.desktop .navC .nav .nav-buttons #subSearch.closed #search {
  background-image: url("../images/relaunch/utility/icon_relaunch_search_white.svg");
}
body.menuOpen:after {
  content: none;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(34, 34, 34, 0.6);
  z-index: 900;
}
@media (min-width: 1150px) {
  body.menuOpen:after {
    content: "";
  }
}

.skip-to-main-content {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.skip-to-main-content:focus, .skip-to-main-content:focus-visible, .skip-to-main-content:active {
  display: inline-block;
  left: auto;
  top: auto;
  color: #222;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 100px;
  font-size: 1rem;
  letter-spacing: normal;
  padding: 0.9063rem 1rem;
  text-decoration: none;
  text-align: center;
  height: auto;
  width: 300px;
  min-width: 180px;
  max-width: 100%;
  z-index: 9999;
  outline: 0;
  overflow: auto;
}

.bold {
  font-family: "VagRoundedBold", sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table tr.border-bottom-grey {
  border-bottom: 1px solid #d2d2d2;
}
table tr.border-bottom-dark-grey {
  border-bottom: 1px solid #333333;
}
table tr th {
  font-weight: normal;
}

.clear {
  clear: both;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.hide {
  display: none;
}

img, a img {
  border: 0 none;
}

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {
  outline: none;
}

a {
  color: #222;
  text-decoration: none;
  transition-duration: 0.3s;
}
a:hover {
  color: #222;
  cursor: pointer;
  text-decoration: none;
}
a:focus {
  color: #222;
  text-decoration: none;
}
a:focus-visible {
  outline: 2px solid #40861A;
  outline-offset: 2px;
  border-radius: 6px;
}

h2 {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin: 0;
}
h2.no-margin-bottom {
  margin-bottom: 0 !important;
}

h3 {
  color: #222;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 1px;
}

p {
  color: #6D6D6D;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
  p {
    font-size: 1.125rem;
  }
}
p.small-size {
  font-size: 0.875rem;
  margin-top: 5px;
}
p.small-size.no-ml {
  margin-left: -75px;
}
@media (min-width: 640px) {
  p.small-size.no-ml {
    margin-left: 0;
  }
}

ul, ol {
  margin: 0;
  padding-left: 0;
}

ul.dashList {
  margin-left: 25px;
}
ul.dashList li {
  font-size: 1.125rem;
  list-style: none;
  text-indent: -5px;
  letter-spacing: 0.6px;
}
ul.dashList li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}
ul.dashList li.ulLi:before {
  display: none;
}
ul.dashList .dashListSub {
  margin-left: 30px;
  display: inline-block;
}
ul.dashList .dashListSub li {
  line-height: 1em;
  font-size: 1em;
}
ul.dashList .dashListSub li:before {
  content: "-";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}

label {
  font-family: VagRoundedBold;
  font-weight: normal;
}

strong {
  font-family: "VagRoundedBold";
  font-weight: normal;
  letter-spacing: 0.05em;
}

input:focus {
  border-color: #82C828 !important;
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
input.form-control:focus {
  border-color: #82C828 !important;
  outline: 2px solid #40861A;
  outline-offset: 2px;
}

.row-eq-height {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-wrap: wrap;
}
@media (min-width: 990px) {
  .row-eq-height {
    flex-wrap: nowrap;
  }
}

select::-ms-expand {
  display: none;
}

/* container */
#container {
  background: #ffffff;
  margin: 0 auto;
}
#container.menuOpen .overlay {
  pointer-events: all;
}
#container.overlay-blur {
  filter: blur(5px);
}

.container {
  padding-left: 24px;
  padding-right: 24px;
  max-width: 100%;
}
@media (min-width: 640px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 990px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.container:before, .container:after {
  content: " ";
  display: table;
}

.row > * {
  position: relative;
}

.section {
  float: left;
  position: relative;
}

.button {
  border: 2px solid #ffffff;
  border-radius: 1.25rem;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 0.125rem;
  padding: 0.75rem 1.5625rem 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition-duration: 0.3s;
}
.button.button-transparent-white {
  border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.button.button-transparent-white:hover {
  background: #ffffff;
  color: #82C828;
}
.button.button-transparent-green {
  border: 2px solid #82C828;
  background: transparent;
  color: #82C828;
}
.button.button-transparent-green:hover {
  background: #82C828;
  color: #ffffff;
}
.button.button-white {
  border: 2px solid #ffffff;
  background: transparent;
  color: #333333;
}
.button.button-white:hover {
  background: #ffffff;
  color: #82C828;
}
.button.button-white-green {
  border: 2px solid #82C828;
  background: white;
  color: #82C828;
}
.button.button-white-green:hover {
  background: #82C828;
  color: white;
}
.button.button-green-white {
  border: 2px solid #82C828;
  background: #82C828;
  color: white;
}
.button.button-green-white:hover {
  background: white;
  color: #82C828;
}
.button.button-green {
  background: #82C828;
  border: 0;
  color: white;
}
.button.button-green:hover {
  background: white;
  color: #82C828;
}
.button.button-white-green-arrow {
  position: relative;
  border: 2px solid #82C828;
  background: white;
  color: #82C828;
}
.button.button-white-green-arrow span {
  margin-right: 10px;
}
.button.button-white-green-arrow span::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url("../images/arrow_button_down_green.svg");
  width: 9px;
  height: 5px;
  display: block;
}
.button.button-white-green-arrow:hover {
  background: #82C828;
  color: white;
}
.button.button-white-green-arrow:hover span::after {
  background: url("../images/arrow_button_down_white.svg");
}
.button.button-download-green {
  position: relative;
  border: 2px solid #82C828;
  background: white;
  color: #82C828;
  padding: 0.8438rem 1.5625rem 0.7188rem 2.5rem;
}
.button.button-download-green::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url("../images/download_icon.svg") no-repeat;
  width: 10px;
  height: 11px;
  display: block;
}
.button.button-download-green:hover {
  background: #82C828;
  color: white;
}
.button.button-download-green:hover::before {
  background: url("../images/download_icon_weiss.svg") no-repeat;
}
.button.disabled {
  color: gray;
  background: white;
  border-color: gray;
  pointer-events: none;
}
.button.button-download {
  padding: 0.85em 2.5em 0.65em 3.5em !important;
  position: relative;
}
.button.button-download:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url("../images/icon_button_download.svg") no-repeat;
  width: 12px;
  height: 13px;
  display: block;
}
.button.button-download:hover::before {
  background: url("../images/download_icon.svg") no-repeat;
}
.button.button-play {
  padding: 0.85em 2.5em 0.65em 3.5em !important;
  position: relative;
}
.button.button-play:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url("../images/play_video.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

.button-contact {
  display: inline-block;
}

.uppercase {
  text-transform: uppercase;
}

.green-check-list, .green-check-list-bright {
  margin-top: 10px !important;
}
.green-check-list > li, .green-check-list-bright > li {
  position: relative;
  list-style: none;
  padding-left: 48px;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}
.green-check-list > li:before, .green-check-list-bright > li:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: -4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e6f4d4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
.green-check-list > li a, .green-check-list-bright > li a {
  font-size: 1em !important;
}
.green-check-list > li ul, .green-check-list-bright > li ul {
  font-size: 1em;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  margin-left: 25px;
}
.green-check-list > li ul li, .green-check-list-bright > li ul li {
  font-size: 1em;
  text-indent: -5px;
  list-style: none;
}
.green-check-list > li ul li:before, .green-check-list-bright > li ul li:before {
  content: "–";
  display: inline-block;
  -moz-transform: translate(-15px, 0%);
  -o-transform: translate(-15px, 0%);
  -ms-transform: translate(-15px, 0%);
  -webkit-transform: translate(-15px, 0%);
  transform: translate(-15px, 0%);
  position: relative;
}

.green-check-list-bright > li:before {
  background-color: #e6f4d4;
  background-image: url("../images/relaunch/utility/icon_relaunch_checkmark_ci.svg");
}

ul.tarif-info li {
  color: #6D6D6D;
}

.green-arrow-list li {
  z-index: 10;
  margin-left: 25px;
  padding-left: 0px;
  list-style-image: url("../images/arrow_download_green.svg");
}
.green-arrow-list li:hover {
  /*display: none;*/
  list-style-image: url("../images/arrow_download_grey.svg");
}
.green-arrow-list li:hover a {
  color: #333333;
}
.green-arrow-list.alignLeft li {
  margin-left: 20px;
}

.clearUL li {
  list-style: none;
}

a.green-arrow-download {
  position: relative;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
  margin-top: 0;
  padding-left: 26px;
  text-transform: none;
}
a.green-arrow-download:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/relaunch/utility/icon_relaunch_download_black.svg");
}
a.green-arrow-download:hover {
  text-decoration: underline;
}

a.green-arrow-redirect {
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  line-height: 1.6em;
  letter-spacing: 0.2em;
  display: inline-block;
  margin-bottom: 0.6em;
  padding-left: 30px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
a.green-arrow-redirect:before {
  content: "";
  background-image: url("../images/link_icon.svg");
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  display: inline-block;
  height: 10px;
  top: 5px;
  width: 10px;
}
a.green-arrow-redirect:hover:before {
  background-image: url("../images/link_icon_mouseover.svg");
}
a.green-arrow-redirect:focus:before {
  background-image: url("../images/link_icon.svg");
}
a.green-arrow-redirect.scrollUp {
  margin-left: 1em;
}

.dark-arrow-redirect {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
}
.dark-arrow-redirect:before {
  content: " ";
  background-image: url("../images/sitemap_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
}

a.print-icon-link {
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  line-height: 1.6em;
  letter-spacing: 0.2em;
  display: inline-block;
  margin-bottom: 0.6em;
  padding-left: 35px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
a.print-icon-link:before {
  content: "";
  background-image: url("../images/print_icon.svg");
  display: inline-block;
  height: 19px;
  width: 22px;
  background-repeat: no-repeat;
  /*        background-size: contain;
  */
  position: absolute;
  top: 1px;
  left: 0;
}
a.print-icon-link:hover:before {
  background-image: url("../images/print_icon_hover.svg");
}
a.print-icon-link:focus:before {
  background-image: url("../images/print_icon.svg");
}

.tx-estmk-jobs .container a.print-icon-link {
  float: right;
  margin-top: 10px;
}
.tx-estmk-jobs .container h3 {
  margin-bottom: 10px !important;
}
.tx-estmk-jobs .jobs-wrapper {
  padding: 3.75rem 0;
}
.tx-estmk-jobs .jobs-wrapper .jobs-item {
  display: block;
  position: relative;
  background: white;
  border-radius: 10px;
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1.25rem;
  padding: 1.25rem 3.125rem 1.25rem 1.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .tx-estmk-jobs .jobs-wrapper .jobs-item {
    font-size: 1.125rem;
    padding: 1.25rem 3.75rem 1.25rem 2.5rem;
  }
}
.tx-estmk-jobs .jobs-wrapper .jobs-item:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_ci.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  visibility: visible;
  transition: transform 300ms;
}
@media (min-width: 640px) {
  .tx-estmk-jobs .jobs-wrapper .jobs-item:after {
    right: 40px;
  }
}
.tx-estmk-jobs .jobs-wrapper .jobs-item:hover {
  color: #82C828;
}
.tx-estmk-jobs .jobs-wrapper .jobs-item:hover:after {
  transform: translate(10px, -50%);
}
.tx-estmk-jobs .calendar-events-container {
  padding: 1.875rem 0;
}
.tx-estmk-jobs .calendar-events-container .selectC {
  margin-bottom: 1.25rem !important;
}
.tx-estmk-jobs #jobs-filter-form label, .tx-estmk-jobs #calendarevents-filter-form label {
  display: block;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}
.tx-estmk-jobs #jobs-filter-form .selectC, .tx-estmk-jobs #calendarevents-filter-form .selectC {
  position: relative;
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 990px) {
  .tx-estmk-jobs #jobs-filter-form .selectC, .tx-estmk-jobs #calendarevents-filter-form .selectC {
    margin-bottom: 0;
  }
}
.tx-estmk-jobs #jobs-filter-form .selectC .help-block.form-error, .tx-estmk-jobs #calendarevents-filter-form .selectC .help-block.form-error {
  margin-top: -20px;
  margin-bottom: 40px;
  text-align: center;
}
.tx-estmk-jobs #jobs-filter-form .selectC.has-error select, .tx-estmk-jobs #calendarevents-filter-form .selectC.has-error select {
  border-color: #cd2222 !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown, .tx-estmk-jobs #calendarevents-filter-form .selectC .prettydropdown {
  height: 47px !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown.has-error ul, .tx-estmk-jobs #calendarevents-filter-form .selectC .prettydropdown.has-error ul {
  border-color: #cd2222;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown ul, .tx-estmk-jobs #calendarevents-filter-form .selectC .prettydropdown ul {
  height: auto;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown ul li, .tx-estmk-jobs #calendarevents-filter-form .selectC .prettydropdown ul li {
  height: auto;
  overflow: visible;
  white-space: normal;
  padding-left: 57px;
  text-indent: -38px;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul, .tx-estmk-jobs #calendarevents-filter-form .selectC ul {
  background: #ffffff;
  border: 1px solid #D6D6D6;
  box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li {
  background: #ffffff;
  color: #222;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  line-height: 32px;
  outline: none !important;
  padding: 8px 20px;
  width: 100% !important;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:before, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li:before {
  content: "" !important;
  display: none;
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #dadada !important;
  border-radius: 50%;
  margin: 2px 12px -7px 0;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:focus, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li:focus {
  border: 1px solid #82C828;
  outline: none !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.nohover, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li.nohover {
  color: #333333 !important;
  background: #ffffff !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:hover, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li:hover {
  background: #ffffff !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:hover:before, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li:hover:before {
  border-color: #82C828 !important;
  position: static;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.selected, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li.selected {
  background: #ffffff;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.selected:before, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li.selected:before {
  background-image: url("../images/relaunch/utility/icon_radio_checked.svg");
  border: 0 !important;
  position: static;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li span.checked, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li span.checked {
  display: none !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.disabled, .tx-estmk-jobs #calendarevents-filter-form .selectC ul li.disabled {
  cursor: pointer;
  opacity: 1;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:before, .tx-estmk-jobs #calendarevents-filter-form .selectC ul.active li:before {
  display: inline-block;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:hover, .tx-estmk-jobs #calendarevents-filter-form .selectC ul.active li:hover {
  color: #222;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li.selected, .tx-estmk-jobs #calendarevents-filter-form .selectC ul.active li.selected {
  color: #222 !important;
}
.tx-estmk-jobs #jobs-filter-form .selectArrow, .tx-estmk-jobs #calendarevents-filter-form .selectArrow {
  border-color: #D6D6D6;
}
.tx-estmk-jobs #jobs-filter-form select, .tx-estmk-jobs #calendarevents-filter-form select {
  border-width: 1px;
  height: 45px;
  margin-bottom: 40px;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.1em;
  text-overflow: "";
  padding-left: 20px;
  width: 100%;
}
.tx-estmk-jobs .job-detail p {
  margin-bottom: 0;
}
.tx-estmk-jobs .job-detail .job-link {
  text-align: center;
}
.tx-estmk-jobs .job-detail .job-detail-image img {
  width: 100%;
  height: auto;
}
.tx-estmk-jobs .job-detail .job-detail-text {
  width: 100%;
  padding: 3.75rem 1.5rem;
}
@media (min-width: 990px) {
  .tx-estmk-jobs .job-detail .job-detail-text {
    width: 45%;
    max-width: 1400px;
    padding: 6.25rem 0 7.5rem;
    margin: 0 auto;
  }
}
.tx-estmk-jobs .job-detail .job-detail-text > *:first-child {
  color: #82C828 !important;
  font-size: 20px !important;
}
.tx-estmk-jobs .job-detail .job-detail-text > *:first-child * {
  color: #82C828 !important;
  font-size: 20px !important;
}
.tx-estmk-jobs .job-detail .job-detail-text p, .tx-estmk-jobs .job-detail .job-detail-text p *, .tx-estmk-jobs .job-detail .job-detail-text ul li, .tx-estmk-jobs .job-detail .job-detail-text ul li * {
  color: #000 !important;
  font-family: VagRoundedLight !important;
  font-size: 14px !important;
}
.tx-estmk-jobs .job-detail .job-detail-text p b, .tx-estmk-jobs .job-detail .job-detail-text ul li b, .tx-estmk-jobs .job-detail .job-detail-text p strong, .tx-estmk-jobs .job-detail .job-detail-text ul li strong {
  color: #000 !important;
  font-family: VagRoundedBold !important;
}
.tx-estmk-jobs .job-detail .job-detail-text p a.job-back, .tx-estmk-jobs .job-detail .job-detail-text a.job-back {
  color: #222 !important;
}
.tx-estmk-jobs .job-detail .job-detail-text .job-buttons-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.tx-estmk-jobs .job-detail .section-header h2 {
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1.75rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .tx-estmk-jobs .job-detail .section-header h2 {
    font-size: 3.125rem;
  }
}

.topSpace {
  width: 100%;
  display: block;
  height: 72px;
}
@media (min-width: 1150px) {
  .topSpace {
    height: 132px;
  }
}

select, textarea, input {
  background: white;
  border-color: #9D9D9D;
  border-style: solid;
  border-radius: 0;
  color: #333333;
}
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #B0B0B0 !important;
}
select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { /* Firefox 19+ */
  color: #B0B0B0 !important;
}
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { /* IE 10+ */
  color: #B0B0B0 !important;
}
select:-moz-placeholder, textarea:-moz-placeholder, input:-moz-placeholder { /* Firefox 18- */
  color: #B0B0B0 !important;
}
select::placeholder, textarea::placeholder, input::placeholder {
  color: #B0B0B0 !important;
}
select:focus, textarea:focus, input:focus {
  border-color: #82C828 !important;
}

.info-error-message, .help-block.form-error {
  display: block;
  color: #cd2222;
  font-size: 0.8125rem;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  margin-top: 12px;
}

input[type=checkbox], input[type=radio] {
  display: none !important;
}

input[type=checkbox] + label:before {
  content: "";
  background-image: url("../images/checkbox_unchecked.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  left: 20px;
}

input[type=checkbox]:checked + label:before {
  /*content: '';*/
  background-image: url("../images/checkbox_checked.svg");
  /*height: 16px;*/
  /*width: 16px;*/
}

input[type=radio] + label {
  background-image: url("../images/radiobutton_unchecked.svg");
  background-repeat: no-repeat;
  /*height: 16px;*/
  width: 16px;
}

input[type=radio]:checked + label {
  background-image: url("../images/radiobutton_checked.svg");
  /*height: 16px;*/
  width: 16px;
}

select {
  border-width: 1px;
  height: 45px;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.1em;
  text-overflow: "";
  color: #6B6B6B;
  padding-left: 20px;
}

.selectArrow {
  position: absolute;
  top: 0;
  right: 0px;
  width: 40px;
  height: 45px;
  display: block;
  border: 1px solid #6B6B6B;
  background: url("../images/arrow_button_down_grey.png");
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
}

textarea {
  border-width: 1px;
  height: 100px;
  min-height: 100px;
  margin-bottom: 20px;
  padding: 15px 20px;
  resize: vertical;
}

.datepickerC {
  position: relative;
}
.datepickerC::after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url("../images/datepicker_icon.svg");
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: center center;
  width: 45px;
  height: 45px;
  pointer-events: none;
}
.datepickerC .datepicker {
  top: 10px;
  height: 45px;
  border: 1px solid #D6D6D6;
}

/* ===== Horizontal Rule ===== */
.rule {
  margin: 10px 0;
  border: none;
  height: 1.5px;
  background-image: linear-gradient(to left, #f0f0f0, #c9bbae, #f0f0f0);
}

label.hide {
  display: none;
}

/* ===== Keyframes ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body .ui-datepicker {
  border: 1px solid #dadada;
  padding: 0.625rem;
  width: 315px;
}
@media (min-width: 640px) {
  body .ui-datepicker {
    padding: 1rem;
    width: 20.625em;
  }
}
body .ui-datepicker .ui-datepicker-header {
  background-color: white;
  border: none;
  padding: 0;
  margin-bottom: 1rem;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 1px;
  width: 22px;
  height: 22px;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
  margin: 0;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background: white;
  border: none;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 5px;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_left_grey.svg");
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 5px;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_right_grey.svg");
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  color: #222;
  font-size: 1rem;
}
body .ui-datepicker table.ui-datepicker-calendar thead tr th {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 0.875rem;
  font-weight: normal;
}
body .ui-datepicker table.ui-datepicker-calendar tbody tr td span, body .ui-datepicker table.ui-datepicker-calendar tbody tr td a {
  background: #e6f4d4;
  color: #222;
  border: none;
  border-radius: 3px;
  font-family: VagRoundedLight;
  font-size: 0.875rem;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
}
body .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 1;
}
body .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled span {
  color: #6D6D6D;
  background: white;
  border: none;
}
body .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-hover {
  background: #82C828;
  color: white;
}
body .ui-datepicker select.ui-datepicker-month, body .ui-datepicker body .ui-datepicker select.ui-datepicker-year {
  padding-left: 15px;
  padding-right: 15px;
}

.mfp-overlay-content.cookie-overlay-modal button#save-cookie-settings {
  float: right;
}
.mfp-overlay-content.container.frame {
  position: fixed;
  right: 0;
  top: 0;
  background: white;
  max-height: 100%;
  height: 100%;
  padding: 2.5em 1.5em;
  overflow-y: auto;
  width: 100%;
}
@media (min-width: 990px) {
  .mfp-overlay-content.container.frame {
    padding: 53px 40px;
    width: 50%;
  }
}
.mfp-overlay-content.container.frame > *:last-child {
  margin-bottom: 60px;
}
@media (max-width: 1099.98px) {
  .mfp-overlay-content.container.frame > *:last-child {
    margin-bottom: 15px;
  }
}
.mfp-overlay-content.container.frame .overlay-subheader {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 2.5rem;
  width: calc(100% - 70px);
}
@media (min-width: 990px) {
  .mfp-overlay-content.container.frame .overlay-subheader {
    font-size: 1.125rem;
    margin-bottom: 3.75rem;
  }
}
.mfp-overlay-content.container.frame.frame-type-text *:not(.mfp-close) {
  width: auto;
}
.mfp-overlay-content.container.frame .section {
  width: 100%;
}
.mfp-overlay-content.container.frame .section > div {
  width: 100%;
}
.mfp-overlay-content.container.frame .section > div > div {
  width: 100%;
}
.mfp-overlay-content.container.frame h2 {
  font-size: 1.375rem;
}
.mfp-overlay-content.container.frame h2.infoText {
  font-size: 1rem;
}
@media (min-width: 640px) {
  .mfp-overlay-content.container.frame h2 {
    font-size: 1.75rem;
  }
}
.mfp-overlay-content.container.frame p {
  font-size: 1rem;
}
.mfp-overlay-content.container.frame table tr th {
  padding: 5px 10px 5px 0;
  font-size: 0.875rem;
  font-family: "VagRoundedBold";
  font-weight: normal;
  letter-spacing: 0.2em;
}
.mfp-overlay-content.container.frame table tr td {
  font-size: 0.875rem;
  padding: 5px 10px 5px 0;
}
.mfp-overlay-content.container.frame table tr.table-body-header td {
  padding: 5px 10px 5px 0;
  font-size: 0.875rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.2em;
}
.mfp-overlay-content.container.frame table tr.note td {
  padding-top: 0.625em;
}
.mfp-overlay-content.container.frame table tr.note td span {
  background: #FCFCFC;
  display: block;
  padding: 0.625em;
}
.mfp-overlay-content.container.frame .overlayClose {
  position: absolute;
  right: 24px;
  top: 32px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_close.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  border: 1px solid #dadada;
  border-radius: 100px;
  cursor: pointer;
  width: 66px;
  height: 46px;
  z-index: 100;
}
@media (min-width: 990px) {
  .mfp-overlay-content.container.frame .overlayClose {
    right: 40px;
    top: 40px;
  }
}
.mfp-overlay-content.container.frame h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 0.75em 0 !important;
  padding: 0;
  width: 100%;
}
.mfp-overlay-content.container.frame .slideDownOuterC {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownHeader {
  padding: 30px 30px 45px 30px;
}
.mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownHeader p {
  font-size: 0.875rem;
}
.mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownHeader h2 {
  font-size: 1.375rem;
}
.mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownContent {
  padding: 40px 30px 30px;
}
@media (min-width: 1100px) {
  .mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownContent > * {
    max-width: 100%;
  }
}
.mfp-overlay-content.container.frame .cookie-overlay-settings label {
  font-size: 0.875rem;
  font-weight: normal;
  margin-left: 0.9375rem;
}
.mfp-overlay-content.container.frame img {
  max-width: 100%;
  height: auto;
}
.mfp-overlay-content.container.frame .iframe-container {
  height: 0px;
  padding-bottom: 60%;
  position: relative;
  width: 100%;
}
.mfp-overlay-content.container.frame .iframe-container iframe {
  left: 0;
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
}
.mfp-overlay-content.container.frame a.print-icon-link {
  float: right;
  margin-top: 10px;
}
.mfp-overlay-content.container.frame .frame-bg-grey.frame-type-text {
  padding: 30px;
}
.mfp-overlay-content .price-trend-wrapper .current-date {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.6em;
  margin: 0 1em 2em;
  position: relative;
  top: 8px;
}
.mfp-overlay-content .price-trend-wrapper .button-prev {
  width: 25px;
  height: 25px;
  border: none;
  z-index: 1;
  background-color: transparent;
  background-image: url("../images/slider_pfeil_gruen_links.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  text-indent: -99999px;
}
.mfp-overlay-content .price-trend-wrapper .button-prev:hover {
  background-image: url("../images/slider_pfeil_gruen_links_hover.png");
}
.mfp-overlay-content .price-trend-wrapper .button-next {
  width: 25px;
  height: 25px;
  border: none;
  z-index: 1;
  background-color: transparent;
  background-image: url("../images/slider_pfeil_gruen_rechts.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  text-indent: -99999px;
}
.mfp-overlay-content .price-trend-wrapper .button-next:hover {
  background-image: url("../images/slider_pfeil_gruen_rechts_hover.png");
}

.mfp-wrap .mfp-iframe-holder .mfp-close {
  top: -40px;
  text-align: center;
  right: 0;
}
.mfp-wrap.mfp-videoblock .mfp-container .mfp-content .mfp-close {
  background-image: url("../images/lightbox_xerl_weiss.svg");
  background-size: 12px 12px;
  right: 0;
  top: -48px;
  text-align: center;
}
.mfp-wrap .mfp-close {
  position: absolute;
  right: 24px;
  top: 32px;
  background-image: url("../images/relaunch/utility/icon_relaunch_overlay_close.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  border: 1px solid #dadada;
  border-radius: 100px;
  width: 66px;
  height: 46px;
  opacity: 1;
  text-indent: -99999px;
  cursor: pointer;
  z-index: 100;
}
@media (min-width: 990px) {
  .mfp-wrap .mfp-close {
    right: 40px;
    top: 40px;
  }
}
@media (min-width: 990px) {
  .mfp-wrap .mfp-content .multiStepBlockC .multistepBlock .multiStepformC {
    padding: 2.5em;
  }
}
.mfp-wrap .mfp-content .frame-overlay.frame-type-list {
  overflow-y: scroll;
}
.mfp-wrap .mfp-content a.print-icon-link {
  float: right;
  margin-top: 10px;
}
.mfp-wrap .mfp-content .multiStepBlockC .col-xs-6.actionC.left .data-info {
  float: left;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper {
  position: relative;
  background: white;
  border-radius: 12px;
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 30px) !important;
}
@media (min-width: 990px) {
  .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper {
    width: 660px !important;
  }
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .mfp-close {
  top: 1.5rem;
  right: 1.5rem;
  width: 24px;
  height: 24px;
  border: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-header {
  position: relative;
  padding: 1.5rem;
  border-bottom: 1px solid #eaeaea;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-header h2 {
  display: block;
  color: #222;
  font-size: 1.125rem;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.6px;
  line-height: 1.25em;
  margin-bottom: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content {
  margin: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body {
  padding: 1.5rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body label {
  display: block;
  color: #222;
  font-size: 0.875rem;
  font-family: VagRoundedLight, sans-serif;
  font-weight: normal;
  margin-bottom: 8px;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .iti {
  margin-bottom: 1.5rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body input, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body select, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body textarea {
  background: #ffffff;
  border-width: 1px;
  border-color: #dadada;
  border-style: solid;
  border-radius: 6px;
  font-size: 1rem;
  height: auto;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.5rem;
  position: relative;
  padding: 0.75rem 1rem 0.6rem;
  width: 100%;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body input + .help-block, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body select + .help-block, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body textarea + .help-block {
  margin-top: -0.625rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .tt-menu {
  top: calc(100% - 25px) !important;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .tt-menu + .help-block {
  margin-top: -0.625rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC {
  margin-bottom: 1.5rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC .prettydropdown {
  width: 100% !important;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC .prettydropdown ul {
  width: 100% !important;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC .prettydropdown:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_chevron_down_grey.svg");
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC select {
  margin-bottom: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC select + .help-block {
  margin-top: 14px;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .selectC ul li span.checked {
  display: none;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel {
  display: block;
  position: relative;
  padding-left: 2.25rem;
  margin-top: 0;
  margin-bottom: 2rem;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel.hiddenText, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel.hiddenText {
  font-size: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input {
  display: block !important;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input:checked ~ .checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input:checked ~ .checkmark:after {
  display: block;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input:checked ~ .radio-checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input:checked ~ .radio-checkmark {
  background-color: #82C828;
  border-color: #82C828;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input:checked ~ .radio-checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input:checked ~ .radio-checkmark:after {
  display: block;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input:focus-visible ~ .checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel input:focus-visible ~ .radio-checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input:focus-visible ~ .checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel input:focus-visible ~ .radio-checkmark {
  outline: 2px solid #40861A;
  outline-offset: 2px;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .radio-checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .radio-checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #6D6D6D;
  border-radius: 4px;
  cursor: pointer;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .radio-checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .radio-checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .checkmark:after {
  top: -1px;
  left: -1px;
  height: 24px;
  width: 24px;
  background-image: url("../images/check_active_neu.svg");
  border: 1px solid #82C828;
  border-radius: 4px;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .radio-checkmark, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .radio-checkmark {
  border-radius: 50%;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel .radio-checkmark:after, .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel .radio-checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 10px;
  width: 10px;
  background-color: white;
  border-radius: 50%;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .cbLabel > span:not(.checkmark):not(.radio-checkmark), .mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-body .radioLabel > span:not(.checkmark):not(.radio-checkmark) {
  display: block !important;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding-top: 1px;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 1rem 1.5rem;
}
.mfp-wrap.edit-orderform-data .mfp-container .mfp-content .modal-wrapper .popup-content .popup-actions .refresh-button {
  margin-left: auto;
}

body #loading-container {
  background: url("../images/ladeanimation_2_neu.gif") no-repeat center center rgba(255, 255, 255, 0.8);
  display: none;
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 100;
}
body.form-loading #loading-container {
  display: block;
}
body.onsite-display {
  background-color: #F6F6F6;
}
body.onsite-display #container {
  background-color: #F6F6F6;
}
body.onsite-display .topSpace {
  display: none;
}

.dropdown-index {
  z-index: 151 !important;
}

#webgis-modal-modaldialog {
  position: fixed !important;
}

.info-text-green {
  display: block;
  color: #82C828;
  font-size: 0.9375rem;
}

.back-to-top-link {
  display: inline-block;
  color: #afafaf;
  font-family: VagRoundedLight;
  font-size: 16px;
  letter-spacing: 1.4px;
  text-decoration: underline;
}
.back-to-top-link:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 23px;
  height: 15px;
  background-image: url("../images/pfeil_nach_oben_grey.svg");
  background-size: 23px 15px;
  background-position: center;
  background-repeat: no-repeat;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  color: #82C828;
  text-decoration: underline;
}
.back-to-top-link:hover:before, .back-to-top-link:focus:before {
  background-image: url("../images/pfeil_nach_oben_green.svg");
}

.count-bubble {
  display: inline-block;
  background-color: #82C828;
  border-radius: 50%;
  color: white;
  line-height: 60px;
  text-align: center;
  width: 60px;
}

.headline-small-margin-top {
  color: #82C828;
  margin-top: 2rem !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.iframeC .uc-embedding-container {
  position: absolute;
  top: 0;
  left: 0;
}
.iframeC .uc-embedding-container img {
  border: 1px solid #d6d6d6;
}

.uc-embedding-container .uc-embedding-wrapper h3 {
  font-family: VagRoundedBold;
  font-size: 0.875rem !important;
  line-height: 17.5px;
  margin-bottom: 1.25rem;
}
.uc-embedding-container .uc-embedding-wrapper .description-text, .uc-embedding-container .uc-embedding-wrapper .not-existing-service {
  font-family: VagRoundedLight;
  font-size: 0.875rem;
  line-height: 17.5px;
  margin-bottom: 0.9375rem;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button {
  display: block;
  font-family: VagRoundedLight;
  font-size: 1rem;
  padding: 8px;
  height: auto;
  width: 100%;
  text-transform: uppercase;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button.uc-embedding-accept {
  background-color: #82C828;
  color: white;
  margin: 6px 12px;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button.uc-embedding-accept:hover {
  background-color: rgb(102, 158, 32);
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button.uc-embedding-more-info {
  background-color: white;
  color: #82C828;
  margin: 6px 12px 0;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button.uc-embedding-more-info:hover {
  background-color: rgb(230, 230, 230);
}
.uc-embedding-container .uc-embedding-wrapper span {
  font-family: VagRoundedLight;
  font-size: 10.5px;
}

/* RELAUNCH COMMON COMPONENTS */
a.call-to-action, button.call-to-action, span.call-to-action {
  position: relative;
  display: inline-block;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 100px;
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.2em;
  padding: 0.5rem 0.625rem 0.5rem 1rem;
  text-decoration: none;
  text-transform: none;
  transition: all 300ms;
}
a.call-to-action:after, button.call-to-action:after, span.call-to-action:after {
  content: "";
  display: inline-block;
  background-color: #82C828;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_white.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  border-radius: 100px;
  margin-left: 12px;
  width: 42px;
  height: 32px;
  vertical-align: -10px;
}
a.call-to-action:hover, button.call-to-action:hover, span.call-to-action:hover {
  border-color: #eceaea;
  background-color: #eceaea;
}
a.call-to-action:focus, button.call-to-action:focus, span.call-to-action:focus {
  outline: 2px solid #40861A;
}
a.call-to-action.light, button.call-to-action.light, span.call-to-action.light {
  background-color: white;
  border: 1px solid white;
  box-shadow: 0 8px 24px 0 rgba(149, 157, 165, 0.2);
}
a.call-to-action.light:hover, button.call-to-action.light:hover, span.call-to-action.light:hover {
  border-color: #eceaea;
  background-color: #eceaea;
}
a.call-to-action.secondary, button.call-to-action.secondary, span.call-to-action.secondary {
  background-color: transparent;
  border: 1px solid #dadada;
  line-height: 1.15em;
  padding: 0.9063rem 1.25rem;
}
a.call-to-action.secondary:after, button.call-to-action.secondary:after, span.call-to-action.secondary:after {
  background-color: transparent;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_black.svg");
  margin-bottom: -4px;
  width: 18px;
  height: 18px;
  vertical-align: baseline;
}
a.call-to-action.secondary:hover, button.call-to-action.secondary:hover, span.call-to-action.secondary:hover {
  border-color: #222;
}
a.call-to-action.secondary:focus, button.call-to-action.secondary:focus, span.call-to-action.secondary:focus {
  outline-offset: 2px;
}
a.call-to-action.secondary.icon-before:after, button.call-to-action.secondary.icon-before:after, span.call-to-action.secondary.icon-before:after {
  opacity: 0;
  width: 0;
  margin-left: 0;
}
a.call-to-action.secondary.icon-before.kundenportal:before, button.call-to-action.secondary.icon-before.kundenportal:before, span.call-to-action.secondary.icon-before.kundenportal:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_login_black.svg");
}
a.call-to-action.secondary.icon-before.kundenportal:hover:before, button.call-to-action.secondary.icon-before.kundenportal:hover:before, span.call-to-action.secondary.icon-before.kundenportal:hover:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_login_ci.svg");
}
a.call-to-action.secondary.no-icon:hover:after, button.call-to-action.secondary.no-icon:hover:after, span.call-to-action.secondary.no-icon:hover:after {
  content: none;
}
a.call-to-action.secondary.no-icon:after, button.call-to-action.secondary.no-icon:after, span.call-to-action.secondary.no-icon:after {
  opacity: 0;
  width: 0;
  margin-left: 0;
}
a.call-to-action.icon-before, button.call-to-action.icon-before, span.call-to-action.icon-before {
  display: block;
  padding: 0.5rem 1rem 0.5rem 0.625rem;
}
a.call-to-action.icon-before:after, button.call-to-action.icon-before:after, span.call-to-action.icon-before:after {
  opacity: 0;
  width: 0;
  margin-left: 0;
}
a.call-to-action.icon-before:before, button.call-to-action.icon-before:before, span.call-to-action.icon-before:before {
  content: "";
  display: inline-block;
  background-color: #82C828;
  background-image: url("../images/relaunch/utility/icon_relaunch_arrow_right_white.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  border-radius: 100px;
  margin-right: 12px;
  width: 42px;
  height: 32px;
  vertical-align: -10px;
}
a.call-to-action.icon-before.kundenportal, button.call-to-action.icon-before.kundenportal, span.call-to-action.icon-before.kundenportal {
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 1440px) {
  a.call-to-action.icon-before.kundenportal, button.call-to-action.icon-before.kundenportal, span.call-to-action.icon-before.kundenportal {
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: left;
  }
}
a.call-to-action.icon-before.kundenportal:before, button.call-to-action.icon-before.kundenportal:before, span.call-to-action.icon-before.kundenportal:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_login_white.svg");
  margin-right: 0;
}
@media (min-width: 1440px) {
  a.call-to-action.icon-before.kundenportal:before, button.call-to-action.icon-before.kundenportal:before, span.call-to-action.icon-before.kundenportal:before {
    margin-right: 10px;
  }
}
a.call-to-action.icon-before.kundenportal:after, button.call-to-action.icon-before.kundenportal:after, span.call-to-action.icon-before.kundenportal:after {
  content: none;
}
a.call-to-action.icon-before.plus:before, button.call-to-action.icon-before.plus:before, span.call-to-action.icon-before.plus:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_plus_white.svg");
}
a.call-to-action.small, button.call-to-action.small, span.call-to-action.small {
  padding: 0.375rem 0.75rem;
}
a.call-to-action.small:after, button.call-to-action.small:after, span.call-to-action.small:after {
  margin-left: 6px;
}
a.call-to-action.no-icon:after, button.call-to-action.no-icon:after, span.call-to-action.no-icon:after {
  opacity: 0;
  width: 0;
  margin-left: 0;
}
a.call-to-action.empty, button.call-to-action.empty, span.call-to-action.empty {
  font-size: 0;
  padding: 0;
}
a.call-to-action.empty:after, button.call-to-action.empty:after, span.call-to-action.empty:after {
  margin-left: 0;
  margin-bottom: 0;
}
a.call-to-action.disabled, button.call-to-action.disabled, span.call-to-action.disabled {
  opacity: 0.4;
  pointer-events: none;
}
a.green-link, button.green-link, span.green-link {
  display: inline-block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 18px;
  letter-spacing: 0.6px;
  line-height: 1.25em;
  margin-bottom: 0.625rem;
  text-decoration: underline;
  transition: all 300ms;
}
a.green-link:last-child, button.green-link:last-child, span.green-link:last-child {
  margin-bottom: 0;
}
a.green-link:hover, button.green-link:hover, span.green-link:hover {
  color: #222;
  font-family: VagRoundedBold;
}
a.green-link.icon-before, button.green-link.icon-before, span.green-link.icon-before {
  display: block;
  padding-left: 35px;
  text-indent: -35px;
}
a.green-link.icon-before:before, button.green-link.icon-before:before, span.green-link.icon-before:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: -3px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
a.green-link.icon-before.mail-icon:before, button.green-link.icon-before.mail-icon:before, span.green-link.icon-before.mail-icon:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_mail_ci.svg");
}
a.green-link.icon-before.mail-icon:hover:before, button.green-link.icon-before.mail-icon:hover:before, span.green-link.icon-before.mail-icon:hover:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_mail_black.svg");
}
a.green-link.icon-before.tel-icon:before, button.green-link.icon-before.tel-icon:before, span.green-link.icon-before.tel-icon:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_phone_ci.svg");
}
a.green-link.icon-before.tel-icon:hover:before, button.green-link.icon-before.tel-icon:hover:before, span.green-link.icon-before.tel-icon:hover:before {
  background-image: url("../images/relaunch/utility/icon_relaunch_phone_black.svg");
}
a.green-link.underline, button.green-link.underline, span.green-link.underline {
  font-family: VagRoundedBold;
  font-size: 16px;
  border-bottom: 2px solid #82C828;
  text-decoration: none;
}
a.green-link.underline:hover, button.green-link.underline:hover, span.green-link.underline:hover {
  border-color: #222;
}
a.green-link.underline:focus-visible, button.green-link.underline:focus-visible, span.green-link.underline:focus-visible {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
a.green-link.external-link:after, button.green-link.external-link:after, span.green-link.external-link:after {
  content: "";
  display: inline-block;
  margin-bottom: -4px;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  line-height: 20px;
  background-image: url("../images/relaunch/utility/icon_relaunch_external_link_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}

button:focus {
  outline: 2px solid #40861A;
}

.relaunch-overline {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.25em;
  margin-bottom: 1.25rem;
}
.relaunch-overline + * {
  margin-top: 0 !important;
}

.table-responsive {
  border: 0;
  position: relative;
}
.table-responsive .responsiveBg {
  position: absolute;
  right: -1px;
  top: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 75%);
  width: 200px;
  height: 100%;
}
.table-responsive .responsiveBg.grey {
  background: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, rgb(242, 242, 242) 75%);
}
.table-responsive table, .table-responsive .simple-table, .table-responsive .grey-content-table, .table-responsive .career-table, .table-responsive .calendar-events {
  white-space: nowrap;
}
@media (min-width: 990px) {
  .table-responsive table, .table-responsive .simple-table, .table-responsive .grey-content-table, .table-responsive .career-table, .table-responsive .calendar-events {
    white-space: normal;
  }
}
.table-responsive table:not(.simple-table, .grey-content-table, .career-table, .calendar-events) {
  width: 100%;
}
.table-responsive .career-table {
  border: 1px solid #222;
  border-collapse: separate;
  font-size: 1rem;
  color: #222;
  padding: 0.625rem 1.25rem;
  table-layout: fixed;
  white-space: normal;
  width: 100%;
}
@media (min-width: 990px) {
  .table-responsive .career-table {
    width: 50%;
  }
}
.table-responsive .career-table tr td {
  border-bottom: 1px solid #ccc;
  padding: 0.625rem 0 !important;
  width: 50%;
}
.table-responsive .career-table tr td:first-child {
  hyphens: auto;
  text-transform: uppercase;
}
.table-responsive .career-table tr td:last-child {
  text-align: right;
}
.table-responsive .career-table tr td h4 {
  font-size: 1rem;
}
@media (min-width: 1440px) {
  .table-responsive .career-table tr td h4 {
    font-size: 1.25rem;
  }
}
.table-responsive .career-table tr td p {
  color: #222;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: normal;
}
.table-responsive .career-table tr:last-child td {
  border-bottom: 0;
}
.table-responsive .calendar-events {
  border-collapse: collapse;
  border: 1px solid rgb(221, 221, 221);
  font-size: 1rem;
  color: #222;
  width: 100%;
}
@media (min-width: 990px) {
  .table-responsive .calendar-events {
    width: 50%;
  }
}
.table-responsive .calendar-events tr td {
  font-size: 1rem !important;
  padding: 0.625rem !important;
  letter-spacing: 0.8px;
  line-height: normal;
}
.table-responsive .calendar-events tr td p {
  color: #222;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: normal;
}

.infoHalfBlock .table-responsive .career-table, .infoHalfBlock .table-responsive .calendar-events {
  width: 100% !important;
}

ol {
  counter-reset: ol-item;
}
ol > li {
  position: relative;
  list-style: none;
  padding-left: 48px;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}
ol > li:before {
  content: counter(ol-item);
  counter-increment: ol-item;
  color: #82C828;
  font-size: 1rem;
  line-height: 32px;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e6f4d4;
}
ol > li a {
  font-size: 1em !important;
}

.swiper .swiper-scrollbar {
  background-color: #dadada;
  border-radius: 0;
  height: 5px;
  top: calc(100% - 60px);
  left: 24px;
}
@media (min-width: 640px) {
  .swiper .swiper-scrollbar {
    left: 40px;
  }
}
.swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #82C828;
}

figcaption {
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 0.8125rem;
  letter-spacing: 0.4px;
  line-height: 1.4em;
  margin-top: 20px;
}

.prettydropdown {
  max-width: 100%;
}
.prettydropdown ul {
  background: white;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 45px;
  margin-bottom: 0 !important;
  max-width: 100%;
}
.prettydropdown ul li {
  background-color: white;
  border: none;
  border-radius: 6px;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  height: 45px;
  line-height: 46px;
  letter-spacing: 0.6px;
  padding-left: 20px;
  padding-right: 35px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prettydropdown ul li:before, .prettydropdown ul li:after {
  content: none !important;
}
.prettydropdown ul:not(.active) li.disabled {
  cursor: pointer;
}
.prettydropdown ul:not(.active) li:not(.selected):first-child {
  color: #dadada;
  opacity: 1;
}
.prettydropdown ul.active {
  height: auto;
  z-index: 998 !important;
}
.prettydropdown ul.active li:hover:not(.label), .prettydropdown ul.active li.hover:not(.label) {
  background: transparent;
  color: #82C828;
}
.prettydropdown ul.active li .disabled {
  cursor: not-allowed;
  color: #222 !important;
}
.prettydropdown ul.active li.selected {
  color: #82C828 !important;
}
.prettydropdown:not(.disabled) ul.active, .prettydropdown:not(.disabled) ul:hover, .prettydropdown:not(.disabled) ul:focus {
  border-color: #82C828;
}
.prettydropdown:not(.disabled) ul:focus {
  outline: 4px solid #f6f6f6;
}
.prettydropdown:after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.prettydropdown.disabled:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_dropdown_disabled.svg");
}

@media (min-width: 990px) {
  #free-area-form .multiStepformC {
    padding: 3.75em;
  }
}
#free-area-form .multiStepformC .container {
  padding: 0;
}

.little-usage.help-block {
  color: #6D6D6D !important;
}

.narrow-and {
  margin-left: -6px;
  margin-right: -6px;
}

.error-page-content {
  min-height: calc(100vh - 49px);
}

#verify-email-form {
  border: 0;
  margin-top: -60px;
  padding: 1.875em 0.625em;
}
@media (min-width: 640px) {
  #verify-email-form {
    padding: 2.5em 1.25em;
    margin-top: -100px;
  }
}
@media (min-width: 990px) {
  #verify-email-form {
    padding: 5em 5em 3.75em;
  }
}
#verify-email-form .header h2 {
  border: none;
  color: #82C828;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  text-align: center;
}
#verify-email-form .header h2 + p {
  margin-bottom: 2.5rem;
}
#verify-email-form .grey-bg {
  border-radius: 20px;
  background-color: #eee;
  padding: 30px;
}
#verify-email-form .grey-bg p {
  color: #222;
}
#verify-email-form .grey-bg label {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
}
@media (min-width: 640px) {
  #verify-email-form .grey-bg label {
    font-size: 1.125rem;
  }
}
#verify-email-form .grey-bg .clear-bold {
  font-family: VagRoundedLight !important;
}
#verify-email-form .grey-bg .info-text {
  color: #6D6D6D;
  font-size: 0.875rem;
}
#verify-email-form .grey-bg .info-text a {
  color: #6D6D6D;
}

.zaehlpunkt-collapse {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
  width: 100%;
}
@media (min-width: 990px) {
  .zaehlpunkt-collapse {
    margin-top: 0;
  }
}
.zaehlpunkt-collapse .collapse-header {
  position: relative;
}
.zaehlpunkt-collapse .collapse-header a {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 5px;
}
.zaehlpunkt-collapse .collapse-header a .plus-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("../images/icon_minus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.zaehlpunkt-collapse .collapse-header a .button-text span {
  display: block;
  color: #222;
  font-family: VagRoundedBold, sans-serif;
  font-size: 0.875rem;
  line-height: 1.4em;
  letter-spacing: 0.4px;
}
.zaehlpunkt-collapse .collapse-header a .button-text span.infos {
  font-family: VagRoundedLight, sans-serif;
  line-height: 1.5em;
  letter-spacing: 0.6px;
}
.zaehlpunkt-collapse .collapse-header a.collapsed .plus-icon {
  background-image: url("../images/icon_plus_form.svg");
}

.disabled-submit-button {
  pointer-events: none;
  background-color: #ccc !important;
  border-color: #ccc !important;
}

.twitter-typeahead {
  width: 100%;
}

span.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  position: absolute;
  background: #fafafa;
  width: 300px;
  min-width: 100%;
  overflow-y: auto;
  max-height: 120px;
  border: thin solid #D6D6D6;
}
.tt-menu .tt-dataset .tt-suggestion {
  font-size: 1rem;
  padding: 10px 20px;
}
.tt-menu .tt-dataset .tt-suggestion.tt-selectable {
  cursor: pointer;
}
.tt-menu .tt-dataset .tt-suggestion:last-child {
  margin-bottom: 0;
}
.tt-menu .tt-dataset .tt-suggestion.tt-cursor {
  color: #82C828;
  background-color: #fff;
}
.tt-menu .tt-dataset .tt-suggestion:hover {
  color: #82C828;
  background-color: #fff;
}

.notice {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  background: #eceaea;
  border-radius: 8px;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.4em;
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem 0.75rem 3.5rem;
}
.notice:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../images/icon_info_form.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.hidden {
  display: none !important;
}