@charset "UTF-8";
/* 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;
}

s {
  text-decoration-thickness: 3px;
  text-decoration-color: #222;
}

/* 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;
  border-bottom: 1px solid #dadada;
}
header nav {
  background-color: white;
}
header nav a:focus {
  text-decoration: none;
}
header nav a:focus-visible {
  outline: 4px solid #936DF8;
}
header nav.desktop {
  display: none;
}
@media (min-width: 1150px) {
  header nav.desktop {
    display: block;
  }
}
header nav.desktop .navC {
  background: white;
  height: 72px;
  padding: 0 50px;
  width: 100%;
}
@media (min-width: 992px) {
  header nav.desktop .navC {
    height: 84px;
  }
}
@media (min-width: 1920px) {
  header nav.desktop .navC {
    padding: 0 100px;
  }
}
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;
}
@media (min-width: 992px) {
  header nav.desktop .navC .nav .logoC {
    width: 280px;
  }
}
header nav.desktop .navC .nav .logoC .logo {
  display: block;
  width: 100px;
  z-index: 20;
  margin-right: 60px;
}
header nav.desktop .navC .nav .logoC .logo.dark-logo {
  display: block;
}
header nav.desktop .navC .nav .logoC .logo.white-logo {
  display: none;
}
header nav.desktop .navC .nav .logoC .logo img {
  width: 100%;
  height: auto;
}
header nav.desktop .navC .nav .links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
header nav.desktop .navC .nav .links .subNavLinkC {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0;
}
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: #222;
  display: inline-block;
  border-radius: 48px;
  font-size: 16px;
  font-family: "VagRoundedLight";
  letter-spacing: 0.64px;
  line-height: 1.5em;
  padding: 0.6875rem 1.25rem 0.5rem;
  transition: all 0.4s;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
  cursor: default;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink.active a {
  background-color: #222;
  color: white;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink:hover a {
  background-color: #222;
  color: white;
}
header nav.desktop .navC .nav .links .subNavLinkC .subNavLink .megaC {
  display: none;
}
header nav.desktop .navC .nav .nav-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
@media (min-width: 992px) {
  header nav.desktop .navC .nav .nav-buttons {
    width: 280px;
  }
}
header nav.desktop .navC .nav .nav-buttons > a {
  margin-left: 15px;
}
header nav.desktop .megaNavC {
  position: absolute;
  width: 100%;
  background-color: white;
  z-index: 19;
}
header nav.desktop .megaNavC .megaNav {
  display: none;
  height: calc(100vh - 84px);
}
header nav.desktop .megaNavC .megaNav .tarif-submenu {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu {
  width: 50%;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu .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 .tarif-submenu .mega-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li {
  border-top: 1px solid #dadada;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li:last-child {
  border-bottom: 1px solid #dadada;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li a {
  display: block;
  position: relative;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.5rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  padding: 2.5rem 3.125rem;
}
@media (min-width: 1100px) {
  header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li a {
    padding: 2.5rem 6.25rem;
  }
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li a.mega:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 3.125rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
  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: 60px;
  width: 60px;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu ul li a:hover.mega:after {
  border-color: #000;
  background-color: #000;
  background-image: url("../images/relaunch/utility/icon_arrow_right_white.svg");
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu .alle-tarife {
  padding: 2.5rem 3.125rem;
}
@media (min-width: 1100px) {
  header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu .alle-tarife {
    padding: 2.5rem 6.25rem;
  }
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu .alle-tarife a {
  color: #000;
  font-size: 1rem;
  text-decoration: underline;
  transition: color 0.3s;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-menu .alle-tarife a:hover {
  color: #936DF8;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-image {
  width: 50%;
}
header nav.desktop .megaNavC .megaNav .tarif-submenu .mega-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
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.5625rem;
}
@media (min-width: 768px) {
  header nav.mobile .top {
    padding: 0.7813rem 3.125rem;
  }
}
header nav.mobile .top .logoC .logo {
  display: block;
  width: 75px;
  z-index: 25;
  margin-right: 60px;
}
header nav.mobile .top .logoC .logo.dark-logo {
  display: block;
}
header nav.mobile .top .logoC .logo.white-logo {
  display: none;
}
header nav.mobile .top .logoC .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 .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;
}
header nav.mobile .sidemenu .sidemenuInner .mobile-menu-switcher {
  display: flex;
  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: #936DF8;
  font-family: VagRoundedBold;
  letter-spacing: 0.8px;
  border-bottom: 3px solid #936DF8;
}
header nav.mobile .sidemenu .sidemenuInner .menuC {
  position: relative;
  height: calc(100% - 110px);
  overflow-y: auto;
  white-space: nowrap;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLinkC .subNavLink.last {
  margin-top: 20px;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink:not(.subNavButton) {
  border-bottom: 1px solid #dadada;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink:not(.subNavButton):first-child {
  border-top: 1px solid #dadada;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink:not(.subNavButton) > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
  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: 60px;
  width: 60px;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink:not(.subNavButton) > a:after {
    right: 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink > a {
  display: block;
  position: relative;
  color: #222;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  padding: 1.875rem 1.5rem;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink > a {
    padding: 1.875rem 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.active a {
  color: #936DF8;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton {
  margin-top: 0 !important;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton {
    padding: 0 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton > a {
  position: relative;
  display: block;
  color: white;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.2em;
  margin-top: 1.875rem;
  padding: 0.875rem 1.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton > a {
    width: 180px;
  }
}
@media (min-width: 1150px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton > a {
    width: 100%;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton > a:before {
  margin-right: 10px;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .subNavLink.subNavButton > a.secondary {
  color: #222;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC {
  position: fixed;
  top: 72px;
  left: 110%;
  width: 100%;
  height: calc(100% - 72px);
  transition: left 700ms ease-out;
  z-index: 1001;
  background-color: white;
  overflow: auto;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC.open {
  left: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .mobile-back-link {
  display: block;
  border-top: 1px solid #dadada;
  color: #747474 !important;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.4px;
  line-height: 1.5em;
  padding: 1.875rem 1.5rem;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .mobile-back-link {
    padding: 1.875rem 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .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 .megaC .tarif-submenu {
  display: flex;
  flex-direction: column;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu {
  width: 100%;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li {
  border-bottom: 1px solid #dadada;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li:first-child {
  border-top: 1px solid #dadada;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li a {
  display: block;
  position: relative;
  color: #222;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  padding: 1.875rem 1.5rem;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li a {
    padding: 1.875rem 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
  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: 60px;
  width: 60px;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu ul li a:after {
    right: 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu .alle-tarife {
  padding: 1.875rem 1.5rem;
}
@media (min-width: 768px) {
  header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu .alle-tarife {
    padding: 1.875rem 3.125rem;
  }
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu .alle-tarife a {
  color: #000;
  font-size: 1rem;
  text-decoration: underline;
  transition: color 0.3s;
}
header nav.mobile .sidemenu .sidemenuInner .menuC .megaC .tarif-submenu .mega-menu .alle-tarife a:hover {
  color: #936DF8;
}
header nav.nav-orderform .hilfe-kontakt-orderform {
  color: #6D6D6D;
  font-family: VagRoundedLight, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.6px;
  text-decoration: none;
  border-bottom-color: #936DF8;
}

body.transparent-header .topSpace {
  display: none;
}
body.transparent-header header {
  border-bottom: 0;
}
body.transparent-header header nav {
  background: transparent;
}
body.transparent-header header nav .navC {
  background: transparent;
}
body.transparent-header header nav .navC .call-to-action.secondary {
  background-image: linear-gradient(to top, #222 50%, transparent 50%);
}
body.transparent-header header nav .navC a:focus {
  outline-color: #85E846;
}
body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .logoC .logo.dark-logo {
  display: none;
}
body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .logoC .logo.white-logo {
  display: block;
}
body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .links .subNavLinkC .subNavLink a, body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .links .subNavLinkC .subNavLink span {
  color: white;
}
body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .nav-buttons .dark {
  background-image: linear-gradient(to top, #936DF8 50%, #fff 50%);
  border-color: white;
  color: #222;
}
body.transparent-header:not(.menuOpen) header.v2 nav.desktop .navC .nav .nav-buttons .dark.secondary {
  background-image: linear-gradient(to top, #936DF8 50%, transparent 50%);
  color: white;
}
body.transparent-header:not(.menuOpen) header.v2 nav.mobile .top .logoC .logo.dark-logo {
  display: none;
}
body.transparent-header:not(.menuOpen) header.v2 nav.mobile .top .logoC .logo.white-logo {
  display: block;
}
body.transparent-header:not(.menuOpen) header.v2 nav.mobile .top .burger .burger-menu .burger-menu-icon {
  background-image: url("../images/relaunch/utility/icon_relaunch_burger_white.svg");
}
body.transparent-header:not(.menuOpen) header.v2 nav.mobile .top .burger .burger-menu.active .burger-menu-icon {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_close.svg");
}
body.transparent-header .menuOpen header nav.desktop, body.transparent-header.menuOpen header nav.desktop {
  background: white !important;
}
body.transparent-header .menuOpen header nav.mobile, body.transparent-header.menuOpen header nav.mobile {
  background: white !important;
}
body.transparent-header .menuOpen header nav.mobile .top .logoC .logo.dark-logo, body.transparent-header.menuOpen header nav.mobile .top .logoC .logo.dark-logo {
  display: block !important;
}
body.transparent-header .menuOpen header nav.mobile .top .logoC .logo.white-logo, body.transparent-header.menuOpen header nav.mobile .top .logoC .logo.white-logo {
  display: none !important;
}

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

/************************
    TEXT IMAGE BLOCK
    ************************/
.text-image-block {
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
  .text-image-block {
    margin-bottom: 0;
    width: 100%;
  }
}
.text-image-block.inViewport .text-image-block-image-col {
  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%);
}
.text-image-block.noDescriptionImage .text-image-block-text-col p {
  margin-bottom: 0;
}
.text-image-block .text-image-block-text-col {
  padding: 60px 30px 10px;
  width: calc(100% - 35px);
}
@media (min-width: 1100px) {
  .text-image-block .text-image-block-text-col {
    padding: 6.875em 7.5em 6.25em 7.5em;
    width: 50%;
  }
}
.text-image-block .text-image-block-text-col h2 {
  color: #333333;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
}
@media (min-width: 1100px) {
  .text-image-block .text-image-block-text-col h2 {
    margin-bottom: 20px;
  }
}
.text-image-block .text-image-block-text-col p {
  font-size: 1.125em;
  line-height: 1.6em;
  margin-bottom: 2.4375em;
}
.text-image-block .text-image-block-text-col p span {
  font-family: "VagRoundedBold";
}
.text-image-block .text-image-block-text-col img {
  display: block;
  max-width: 100%;
}
@media (min-width: 1100px) {
  .text-image-block .text-image-block-text-col img {
    margin: 0;
  }
}
.text-image-block .text-image-block-image-col {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  opacity: 0;
  transition-delay: 800ms;
  transition: opacity 800ms ease-out, transform 400ms;
}
@media (min-width: 1100px) {
  .text-image-block .text-image-block-image-col {
    display: block;
  }
}
.text-image-block.bg-grey .text-image-block-text-col {
  background: #F5F5F5;
}

/************************
    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.mobile-image {
  display: none;
}
@media (max-width: 991.98px) {
  .image-block img.banner-image.has-mobile {
    display: none;
  }
  .image-block img.banner-image.mobile-image {
    display: block;
  }
}
.image-block .image-block-text-container {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  position: relative;
  width: 100%;
}
@media (max-width: 1099.98px) {
  .image-block .image-block-text-container h3, .image-block .image-block-text-container h2, .image-block .image-block-text-container p {
    color: #333333 !important;
  }
}
@media (min-width: 768px) {
  .image-block .image-block-text-container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .image-block .image-block-text-container {
    left: 50%;
    padding-top: 0;
    padding-bottom: 0;
    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: calc(100% - 30px);
    max-width: none;
  }
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container {
    width: 100%;
  }
}
.image-block .image-block-text-container .button {
  padding: 0.5313em 1.5625em 0.4063em;
}
.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.875em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 0.35em;
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container h2 {
    font-size: 2.5em;
  }
}
.image-block .image-block-text-container h3 {
  color: #ffffff;
  font-size: 1.25em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 0.35em;
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container h3 {
    font-size: 2.5em;
  }
}
.image-block .image-block-text-container p {
  color: #ffffff;
  font-size: 1em;
}
@media (min-width: 1100px) {
  .image-block .image-block-text-container p {
    font-size: 1.125em;
  }
}
.image-block .image-block-text-container.darkText {
  color: #333333;
}
.image-block .image-block-text-container.darkText p {
  color: #333333;
}
.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: 68.75em;
  }
  .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: #333333;
}
.image-block.dark-banner-text .image-block-text-container p {
  color: #333333;
}
.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: 992px) {
  .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: 992px) {
  .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: 992px) {
  .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%);
  }
}

/************************
    IMAGE BLOCK
    ************************/
.teaser-box-text-block {
  height: 100%;
  background: #F5F5F5;
  padding: 20px;
  height: 300px;
  display: block;
}
@media (min-width: 1100px) {
  .teaser-box-text-block {
    padding: 50px;
  }
}
.teaser-box-text-block h2 {
  display: block;
  font-size: 1.875em;
  font-family: "VagRoundedLight";
  letter-spacing: 0.075em;
  line-height: 1.2em;
  color: #333333;
  margin: 0 0 0.8125em 0 !important;
}
.teaser-box-text-block a {
  display: block;
  color: #85E846;
  font-size: 0.5625em;
  line-height: 1.2em;
  letter-spacing: 0.15em;
  font-family: "VagRoundedBold";
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.teaser-box-text-block a:hover {
  color: #333333;
}
.teaser-box-text-block p {
  display: block;
  color: #333333;
  font-family: "VagRoundedLight";
  font-size: 0.9375em;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  margin: 0 0 15px 0;
}
.teaser-box-text-block hr {
  width: 100%;
  background: #dadada;
  height: 1px;
  margin: 0 0 20px 0 !important;
}

.teaser-box-image-block {
  height: 300px;
  vertical-align: top;
  position: relative;
  display: block;
}
.teaser-box-image-block > div {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  height: 100%;
}
.teaser-box-image-block > div .teaser-box-image-block-positioner {
  text-align: center;
  width: 100%;
  position: absolute;
  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%);
}
@media (min-width: 992px) {
  .teaser-box-image-block > div .teaser-box-image-block-positioner {
    width: calc(100% - 30px);
  }
}
@media (min-width: 1100px) {
  .teaser-box-image-block > div .teaser-box-image-block-positioner {
    width: 100%;
  }
}
.teaser-box-image-block > div .teaser-box-image-block-positioner .button {
  padding: 0.5313em 1.5625em 0.4063em;
}
.teaser-box-image-block > div .teaser-box-image-block-positioner h2 {
  color: #ffffff !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.25em;
}
@media (min-width: 1100px) {
  .teaser-box-image-block > div .teaser-box-image-block-positioner h2 {
    font-size: 2.5em;
  }
}
.teaser-box-image-block > div .teaser-box-image-block-positioner .small-white {
  color: #ffffff;
  display: block;
  margin: 0 0 5px 0;
  font-family: "VagRoundedBold";
  font-size: 0.75em;
  letter-spacing: 0.15em;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media (min-width: 1100px) {
  .teaser-box-image-block > div .teaser-box-image-block-positioner .small-white {
    font-size: 0.875em;
  }
}

.frame.frame-type-gridelements_pi1.container .col-sm-6 {
  margin: 0.625em 0;
}
.frame.frame-type-gridelements_pi1.container .teaser-box-image-block > div .teaser-box-image-block-positioner h3 {
  margin: 0;
  margin-bottom: 0.3125em;
  padding: 0 1.25rem;
  color: #ffffff;
  font-size: 1.375em;
  font-family: "VagRoundedLight";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .frame.frame-type-gridelements_pi1.container .teaser-box-image-block > div .teaser-box-image-block-positioner h3 {
    padding: 0 2.25em;
  }
}
.frame.frame-type-gridelements_pi1.container .teaser-box-image-block > div .teaser-box-image-block-positioner p {
  color: #ffffff;
  padding: 0 1.25rem;
  margin-bottom: 0.9375em;
}
@media (min-width: 992px) {
  .frame.frame-type-gridelements_pi1.container .teaser-box-image-block > div .teaser-box-image-block-positioner p {
    padding: 0 2.75em;
  }
}

@media (min-width: 992px) {
  .row.quicklinks .col1 {
    padding-right: 30px;
  }
  .row.quicklinks .col2 {
    padding-left: 30px;
  }
}

/************************
    UNORDERED LIST BLOCK
    ************************/
.ulBlockC {
  width: 100%;
}
.ulBlockC .ulBlock {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dadada;
  padding: 50px;
}
@media (min-width: 1100px) {
  .ulBlockC .ulBlock {
    width: 1000px;
  }
}
.ulBlockC .ulBlock h2 {
  margin: 0 0 30px;
  font-size: 1.875em;
  letter-spacing: 0.025em;
}
.ulBlockC .ulBlock ul li {
  font-size: 1.125em;
  letter-spacing: 0.025em;
  line-height: 1.8em;
}
.ulBlockC .ulBlock .legende {
  margin-top: 50px;
}
.ulBlockC .ulBlock .legende p {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  letter-spacing: 0.05em;
  color: #5C5C5C;
}

/************************
    INFO BLOCK
    ************************/
.infoBlockC {
  width: 100%;
  background: #F5F5F5;
  padding: 0 30px;
}
@media (min-width: 1100px) {
  .infoBlockC {
    padding: 0;
  }
}
.infoBlockC.whiteBG {
  background-color: white;
}
.infoBlockC.borderedBox .infoBlock .right {
  margin-top: 105px;
  border: 1px solid #dadada;
  padding: 30px 50px 50px;
}
.infoBlockC.borderedBox .infoBlock .right ul {
  margin-left: 0;
}
.infoBlockC.borderedBox .infoBlock .right ul li {
  font-size: 1.125em;
  letter-spacing: 0.025px;
  margin-bottom: 10px;
}
.infoBlockC.borderedBox .infoBlock .right ul li:last-child {
  margin-bottom: 0;
}
.infoBlockC.borderedBox .infoBlock .right .logo, .infoBlockC.borderedBox .infoBlock .left .logo {
  margin-top: 0px;
}
.infoBlockC .infoBlock {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding-bottom: 60px;
}
@media (min-width: 1100px) {
  .infoBlockC .infoBlock {
    width: 1030px;
  }
}
.infoBlockC .infoBlock .left {
  display: inline-block;
  padding-right: 30px;
}
.infoBlockC .infoBlock .left h2 {
  font-size: 1.875em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  color: #85E846;
  margin: 100px 0 30px 0;
}
@media (min-width: 1100px) {
  .infoBlockC .infoBlock .left h2 {
    font-size: 2.5em;
  }
}
.infoBlockC .infoBlock .left p {
  font-size: 1.125em;
  line-height: 1.6em;
  letter-spacing: 0.024em;
  color: #333333;
  margin-bottom: 30px;
}
.infoBlockC .infoBlock .right {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 100%;
}
@media (min-width: 1100px) {
  .infoBlockC .infoBlock .right {
    padding-left: 10px;
  }
}
.infoBlockC .infoBlock .right .logo {
  margin-top: 50px;
}
.infoBlockC .infoBlock .right .logo img {
  width: 100%;
  max-width: 420px;
}
@media (min-width: 1100px) {
  .infoBlockC .infoBlock .right .logo img {
    width: initial;
    max-width: initial;
    -moz-transform: translate(0%, -15px);
    -o-transform: translate(0%, -15px);
    -ms-transform: translate(0%, -15px);
    -webkit-transform: translate(0%, -15px);
    transform: translate(0%, -15px);
  }
}
.infoBlockC .infoBlock .right ul {
  margin-left: 0px;
}
@media (min-width: 1100px) {
  .infoBlockC .infoBlock .right ul {
    margin-left: 70px;
  }
}
.infoBlockC .infoBlock .right ul li {
  font-size: 1.375em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.infoBlockC.centerimage .right .logo {
  margin-top: 0%;
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
@media (min-width: 1100px) {
  .infoBlockC.centerimage .right .logo {
    margin-top: 0%;
    -moz-transform: translate(0%, 50%);
    -o-transform: translate(0%, 50%);
    -ms-transform: translate(0%, 50%);
    -webkit-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
  }
}
.infoBlockC.transparent {
  background: transparent;
}
.infoBlockC.lessSpace .infoBlock {
  padding-bottom: 0;
}
.infoBlockC.lessSpace .infoBlock h2 {
  margin: 70px 0 30px 0;
}
.infoBlockC.lessSpace .infoBlock p {
  margin-bottom: 50px;
}
.infoBlockC.linkList .infoBlock {
  padding-bottom: 90px;
}
.infoBlockC.linkList .infoBlock h2 {
  margin: 0px 0 30px 0;
}
.infoBlockC.linkList .infoBlock h3 {
  color: #333333;
  font-family: "VagRoundedBold";
  font-size: 0.875em;
  letter-spacing: 0.15em;
  margin: 35px 0 0 0;
}
.infoBlockC.linkList .infoBlock h3:first-child {
  margin: 85px 0 0 0;
}
.infoBlockC.linkList .infoBlock a {
  display: inline-block;
  font-size: 0.9375em;
  letter-spacing: 0.1em;
  font-family: "VagRoundedBold";
}
.infoBlockC.linkList .infoBlock ul {
  margin-left: 0;
}
.infoBlockC.linkList .infoBlock ul li {
  list-style: none;
  font-size: 1em;
  margin-bottom: 0;
}
.infoBlockC.linkList .infoBlock ul li: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;
}
.infoBlockC.linkList .infoBlock ul li p {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 0.9375em;
  letter-spacing: 0.1em;
}

/************************
    TARIFWAHL BLOCK
    ************************/
.tarifWahlC {
  width: 100%;
  background: #E7E7E7;
}
.tarifWahlC .mainHeader {
  text-align: center;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  margin: 30px 0 30px 0;
}
@media (min-width: 992px) {
  .tarifWahlC .mainHeader {
    margi: 0 0 30px 0;
  }
}
.tarifWahlC .tarifWahl-wrapper-desktop {
  display: none;
}
@media (min-width: 992px) {
  .tarifWahlC .tarifWahl-wrapper-desktop {
    display: block;
  }
}
.tarifWahlC .tarifWahl-wrapper-mobile {
  display: block;
}
@media (min-width: 992px) {
  .tarifWahlC .tarifWahl-wrapper-mobile {
    display: none;
  }
}
.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 {
  position: relative;
  background-color: white;
  padding: 1.5rem;
  margin: 0 0.625rem;
}
.tarifWahlC .tarifWahl .tarifItem:focus {
  outline: none;
}
.tarifWahlC .tarifWahl .tarifItem .points {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F5F5F5;
  width: 100%;
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 0.875em;
  letter-spacing: 0.025em;
  color: #6B6B6B;
}
.tarifWahlC .tarifWahl .tarifItem .points span {
  position: relative;
}
.tarifWahlC .tarifWahl .tarifItem .points span a {
  display: inline-block;
  background-image: url(../images/icon_fragezeichen.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  margin-left: 5px;
  position: absolute;
  top: -6px;
}
.tarifWahlC .tarifWahl .tarifItem .actionC .button {
  font-family: "VagRoundedBold";
  margin: 0;
  padding: 0.5313em 0.9375em 0.5313em;
}
.tarifWahlC .tarifWahl .tarifItem .actionC .button:first-child {
  margin-right: 20px;
}
.tarifWahlC .tarifWahl .tarifItem .actionC .button.button-right {
  float: right;
}
@media (min-width: 992px) {
  .tarifWahlC .tarifWahl .tarifItem .actionC .button {
    margin-bottom: 0.625em;
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .tarifWahlC .tarifWahl .tarifItem .actionC .button {
    margin-bottom: 0;
    width: auto;
  }
}
.tarifWahlC .tarifWahl h3 {
  color: #85E846;
  font-size: 1.875em;
  font-family: "VagRoundedLight";
  line-height: 1.2em;
  letter-spacing: 0.025em;
  margin: 0 0 5px 0;
}
.tarifWahlC .tarifWahl h3 strong {
  font-family: "VagRoundedBold";
}
.tarifWahlC .tarifWahl h4 {
  font-family: "VagRoundedBold";
  font-size: 1.0625em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  color: #5C5C5C;
  margin-top: 0;
}
.tarifWahlC .tarifWahl ul {
  margin-top: 0;
  width: 100%;
  margin-bottom: 0;
}
.tarifWahlC .tarifWahl ul li {
  font-size: 0.875em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.tarifWahlC .tarifWahl .legende p {
  height: 50px;
  width: 100%;
  font-size: 0.75em;
  margin: 20px 0 40px;
  color: #9D9D9D;
}
.tarifWahlC .tarifWahl .legende.legendeBottom {
  color: #6B6B6B;
  font-family: "VagRoundedBold";
  font-size: 0.875em;
  letter-spacing: 0.05em;
  text-align: center;
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, -20px);
  -o-transform: translate(-50%, -20px);
  -ms-transform: translate(-50%, -20px);
  -webkit-transform: translate(-50%, -20px);
  transform: translate(-50%, -20px);
}
@media (min-width: 992px) {
  .tarifWahlC .tarifWahl .legende.legendeBottom {
    -moz-transform: translate(-50%, 30px);
    -o-transform: translate(-50%, 30px);
    -ms-transform: translate(-50%, 30px);
    -webkit-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
  }
}
@media (max-width: 1099.98px) {
  .tarifWahlC .tarifWahl .legende.legendeBottom {
    width: 100%;
  }
}
.tarifWahlC .tarifWahl table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}
.tarifWahlC .tarifWahl table tbody tr.price {
  -moz-transform: translate(0%, -4px);
  -o-transform: translate(0%, -4px);
  -ms-transform: translate(0%, -4px);
  -webkit-transform: translate(0%, -4px);
  transform: translate(0%, -4px);
}
.tarifWahlC .tarifWahl table tbody tr.price td:last-child {
  font-size: 1.25em;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.01em;
}
.tarifWahlC .tarifWahl table tbody tr td {
  padding-bottom: 8px;
  font-size: 1em;
}
.tarifWahlC .tarifWahl table tbody tr td.grey {
  color: #9D9D9D;
}
.tarifWahlC .tarifWahl table tbody tr td:last-child {
  text-align: right;
}
@media (max-width: 350px) {
  .tarifWahlC .tarifWahl table tbody tr td {
    width: 100%;
    float: left;
  }
}
.tarifWahlC .tarifWahl table tbody tr td.euro-column {
  padding-right: 5px;
}
@media (min-width: 992px) {
  .tarifWahlC .tarifWahl table tbody tr td {
    float: left !important;
    text-align: left;
    width: auto;
  }
  .tarifWahlC .tarifWahl table tbody tr td:first-child {
    padding-bottom: 0;
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .tarifWahlC .tarifWahl table tbody tr td {
    float: none !important;
    text-align: left;
    width: auto;
  }
  .tarifWahlC .tarifWahl table tbody tr td:first-child {
    width: auto;
  }
}
.tarifWahlC .tarifWahl .priceInfo {
  margin-bottom: 20px;
}
.tarifWahlC .tarifWahl p .pricePMonth {
  font-size: 15px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
}
.tarifWahlC .tarifWahl p .priceEUR {
  font-size: 15px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  font-family: "VagRoundedBold";
}
.tarifWahlC .tarifWahl p .priceUst {
  color: #9D9D9D;
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0.025em;
}
.tarifWahlC .tarifWahl .priceGesamt {
  margin-bottom: 10px;
  font-size: 0.9375em;
  line-height: 2.4em;
  letter-spacing: 0.05em;
}
.tarifWahlC .tarifWahl .priceGesamt span {
  color: #9D9D9D;
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0.025em;
}
.tarifWahlC .tarifWahl-noslider {
  margin: 0 auto;
  width: 100%;
  max-width: 310px;
}
.tarifWahlC .tarifWahl-noslider .tarifItem {
  position: relative;
  margin: 2.5rem auto;
  padding: 1.5rem 1.5rem 3.125rem;
  background-color: white;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .in .points {
  display: block;
}
.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: -30px;
                  right: 15px;
                  border-radius: 50%;
              }
  */
}
.tarifWahlC .tarifWahl-noslider .tarifItem .description-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .description-toggle button {
  width: 100%;
  height: 100%;
  background-color: #85E846;
  color: white;
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 1.25rem;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .description-toggle button:after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 8px;
  background-image: url(../images/arrow_button_down_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 16px;
  right: 40%;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .description-toggle button[aria-expanded=true] {
  font-size: 0;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .description-toggle button[aria-expanded=true]:after {
  transform: scaleY(-1);
  right: 48%;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .top h3 {
  font-size: 30px;
  color: #85E846;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .top h4 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4em;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .green-check-list {
  font-size: 14px;
  padding: 0.625rem 0;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .green-check-list li {
  line-height: 1.5em;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC {
  padding-top: 1.25rem;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC .button-green-white {
  margin: 1.5625rem 0 1.5625rem;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr.price {
  -moz-transform: translate(0%, -4px);
  -o-transform: translate(0%, -4px);
  -ms-transform: translate(0%, -4px);
  -webkit-transform: translate(0%, -4px);
  transform: translate(0%, -4px);
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr.price td:last-child {
  font-size: 1.25em;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.01em;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td {
  padding-bottom: 8px;
  font-size: 1em;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td.grey {
  color: #9D9D9D;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td:last-child {
  text-align: right;
}
@media (max-width: 350px) {
  .tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td:last-child {
    width: 20%;
  }
}
@media (max-width: 350px) {
  .tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td {
    width: 80%;
    float: left;
  }
}
.tarifWahlC .tarifWahl-noslider .tarifItem .actionC table tbody tr td.euro-column {
  padding-right: 5px;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .legende p {
  font-size: 16px;
  margin-bottom: 60px;
  color: #9D9D9D;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .points {
  display: none;
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
  padding: 0 1.5rem;
  background-color: #F5F5F5;
  color: #6B6B6B;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .points span {
  position: relative;
}
.tarifWahlC .tarifWahl-noslider .tarifItem .points span a {
  display: inline-block;
  background-image: url(../images/icon_fragezeichen.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  margin-left: 5px;
  position: absolute;
  top: -6px;
}
.tarifWahlC .infoSpan {
  color: #6B6B6B;
  font-family: "VagRoundedBold";
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 1.875rem;
  font-size: 0.75em;
}

/************************
    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: 991.98px) {
  .infoHalfBlockC.row .image-container {
    height: 0px;
    order: 0;
    padding-bottom: 100%;
    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: 991.98px) {
  .infoHalfBlockC.row .textBlock {
    order: 1;
    padding-bottom: 20px;
  }
}
.infoHalfBlockC.row .textBlock.col1 .infoHalfBlock {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.infoHalfBlockC.row .textBlock.col2 .infoHalfBlock {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 768px) {
  .infoHalfBlockC.row .textBlock.col2 .infoHalfBlock {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .infoHalfBlockC.row .textBlock.col2 .infoHalfBlock {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.infoHalfBlockC.row .textBlock h1 {
  margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
  .infoHalfBlockC.row .textBlock h1, .infoHalfBlockC.row .textBlock h2, .infoHalfBlockC.row .textBlock h3 {
    max-width: 80% !important;
  }
}
@media (min-width: 992px) {
  .infoHalfBlockC.row .textBlock p, .infoHalfBlockC.row .textBlock ul {
    max-width: 80% !important;
  }
}
.infoHalfBlockC.row.rate-tile .textBlock {
  background-color: #7B5DCB;
}
.infoHalfBlockC.row.rate-tile .textBlock h2, .infoHalfBlockC.row.rate-tile .textBlock h3, .infoHalfBlockC.row.rate-tile .textBlock h4 {
  color: white;
}
.infoHalfBlockC.row.rate-tile .textBlock h3 {
  font-size: 3.125rem;
  line-height: 1.2em;
  letter-spacing: 2px;
  margin-bottom: 1.5625rem;
}
.infoHalfBlockC.row.rate-tile .textBlock p {
  color: #f6f6f6;
}
.infoHalfBlockC.row.rate-tile .textBlock ul li {
  color: #f6f6f6 !important;
}
.infoHalfBlockC.row.rate-tile .textBlock ul li:before {
  background-color: white !important;
}
.infoHalfBlockC.row.rate-tile .textBlock a:not(.call-to-action) {
  color: #f6f6f6;
  text-decoration: underline;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices {
  margin-top: 1.25rem;
}
@media (min-width: 992px) {
  .infoHalfBlockC.row.rate-tile .textBlock .prices {
    margin-top: 5rem;
  }
}
.infoHalfBlockC.row.rate-tile .textBlock .prices * {
  max-width: 100% !important;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div {
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
  padding: 1.25rem 0;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div p {
  display: flex;
  justify-content: space-between;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div p span.pricePerkWH {
  color: white;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div p span.priceEUR {
  color: white;
  min-width: 100px;
}
.infoHalfBlockC.row.rate-tile .textBlock .prices > div p span.priceUst {
  display: none;
}
.infoHalfBlockC.row.rate-tile .textBlock .actionC .right {
  margin-top: 3.125rem;
}
.infoHalfBlockC.row.rate-tile .textBlock s {
  text-decoration-color: white;
}
.infoHalfBlockC.row .textBlock .infoHalfBlock span.green-price {
  color: #85E846;
  font-size: 1.0625em;
  letter-spacing: 0.05em;
  font-family: "VagRoundedBold";
}
.infoHalfBlockC.row.more-padding {
  padding: 1.25rem 1.5rem;
}
@media (min-width: 768px) {
  .infoHalfBlockC.row.more-padding {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 992px) {
  .infoHalfBlockC.row.more-padding {
    padding: 5rem 3.75rem;
  }
}
@media (min-width: 992px) {
  .infoHalfBlockC.row.more-padding .col1.image-container .imageBlock {
    width: calc(100% - 120px);
    margin-right: 120px;
  }
}
@media (min-width: 992px) {
  .infoHalfBlockC.row.more-padding .col2.textBlock .infoHalfBlock {
    padding-left: 120px;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .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: 992px) {
  .infoHalfBlockC .hand-image {
    display: block;
  }
}
.infoHalfBlockC .imageBlock {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 768px) {
  .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-div {
  display: flex;
  align-items: center;
  margin-top: auto;
  position: absolute;
  bottom: 1.5625rem;
  left: 1.5625rem;
  height: auto !important;
  width: 100px !important;
}
@media (min-width: 768px) {
  .infoHalfBlockC .imageBlock .video-div {
    bottom: 3.125rem;
    left: 3.125rem;
  }
}
@media (min-width: 1920px) {
  .infoHalfBlockC .imageBlock .video-div {
    left: 6.25rem;
  }
}
.infoHalfBlockC .imageBlock .video-div .open-video {
  display: block;
  height: auto;
  width: auto;
}
.infoHalfBlockC .imageBlock .video-div .open-video:focus {
  outline: 4px solid #936DF8;
}
.infoHalfBlockC .imageBlock .video-div span.duration {
  margin-left: 1.5625rem;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.infoHalfBlockC .imageBlock.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.infoHalfBlockC .textBlock {
  background: white;
}
.infoHalfBlockC .infoHalfBlock {
  padding: 1.5625rem;
  display: block;
  height: 100%;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.infoHalfBlockC .infoHalfBlock .container.frame-type-text, .infoHalfBlockC .infoHalfBlock .container.frame-type-list {
  padding: 0;
}
@media (min-width: 768px) {
  .infoHalfBlockC .infoHalfBlock {
    padding: 3.125rem !important;
  }
}
@media (min-width: 1920px) {
  .infoHalfBlockC .infoHalfBlock {
    padding: 3.125rem 6.25rem !important;
  }
}
@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;
}
@media (min-width: 992px) {
  .infoHalfBlockC .infoHalfBlock h2 {
    font-size: 3.125rem;
  }
}
.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: white;
  font-size: 1.125rem;
}
.infoHalfBlockC .infoHalfBlock p .priceEUR {
  color: #936DF8;
  font-family: "VagRoundedBold";
  font-size: 1.25rem;
  letter-spacing: 0.6px;
}
@media (max-width: 991.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: 768px) {
  .infoHalfBlockC .infoHalfBlock p .priceUst {
    margin-left: 0;
  }
}
.infoHalfBlockC .infoHalfBlock p a {
  margin-top: 1.25rem;
}
.infoHalfBlockC .infoHalfBlock p .relaunch-overline {
  margin-bottom: 0.3125rem;
}
.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.125em;
  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;
  list-style: none;
  padding-left: 34px;
  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: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .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 {
  display: inline-block;
  color: #222;
  padding-right: 40px;
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 24px;
  border-radius: 100px;
  background-color: #936DF8;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-bottom: -6px;
}
@media (min-width: 768px) {
  .infoHalfBlockC .infoHalfBlock ul.product-check-list li a {
    padding-right: 0;
  }
  .infoHalfBlockC .infoHalfBlock ul.product-check-list li a:after {
    position: static;
    transform: translateY(0);
  }
}
.infoHalfBlockC .infoHalfBlock ul.product-check-list li a:hover {
  color: #222;
}
.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.875em;
  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 .green-arrow-download {
  font-family: "VagRoundedBold";
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
  margin-top: 0;
  padding-left: 26px;
  text-transform: none;
}
.infoHalfBlockC .infoHalfBlock .green-arrow-download:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.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 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: 768px) {
  .infoHalfBlockC .infoHalfBlock .price2 span.price-label-margin-bottom {
    margin-bottom: 3px;
  }
}
.infoHalfBlockC .infoHalfBlock .frame-type-text {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.infoHalfBlockC .infoHalfBlock .frame-type-text p:last-child {
  margin-top: auto;
}
.infoHalfBlockC .product-details .buttons a {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .infoHalfBlockC .product-details .buttons a {
    margin-bottom: 0;
  }
}
.infoHalfBlockC .product-details .buttons a:last-child {
  margin-bottom: 0;
}

.productC h2 {
  color: #85E846;
}
.productC .productRow .row {
  margin-top: 50px;
  border-bottom: 1px solid #dadada;
}
.productC .productRow .row.row-eq-height {
  display: block;
}
@media (min-width: 992px) {
  .productC .productRow .row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}
.productC .productRow .row h3 {
  font-family: "VagRoundedBold";
  color: #333333;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 1.375em;
  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;
  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: 992px) {
  .textBlockC .textBlock {
    width: 1050px;
    margin: 0 auto;
  }
}
.textBlockC .textBlock h2 {
  margin-bottom: 45px;
}
.textBlockC .textBlock a {
  color: #85E846;
}

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

#order-form #step_0_Form ul.green-check-list.small-padding-right {
  padding-right: 20px;
}
#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 (max-width: 991.98px) {
  #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: flex;
  flex-wrap: wrap;
}
#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;
}
#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;
}
@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 (max-width: 991.98px) {
  #order-form .multiStepInfo {
    font-size: 0.75em;
  }
}

.frame-overlay {
  background: #ffffff;
  position: relative;
}
@media screen and (min-width: 992px) {
  .frame-overlay {
    padding: 0 60px;
  }
}

@media screen and (min-width: 992px) {
  .mfp-close {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    width: 60px;
  }
}

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

@media screen and (min-width: 992px) {
  .mandatory-field.right {
    float: right !important;
    margin-right: 1.25em;
  }
}

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

#page-footer.custom-footer .top-footer {
  padding: 20px 5px;
}
@media (max-width: 1099.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: 8rem;
}

.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 {
  font-size: 1rem;
  margin-bottom: 0.625rem;
  padding: 5px;
  position: relative;
}
.file-wrapper > span {
  display: block;
  float: left;
}
.file-wrapper .file-icon {
  width: 1.25rem;
}
.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;
  float: right;
}

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

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

/*HIT CSS End*/
.multiStepBlockC {
  margin: 2.5em 0;
}
@media (min-width: 768px) {
  .multiStepBlockC {
    margin: 3.75em 0;
  }
}
@media (min-width: 992px) {
  .multiStepBlockC {
    margin: 4.375em 0 5em;
  }
}
.multiStepBlockC {
  width: 100%;
}
.multiStepBlockC .multistepBlock {
  width: 100%;
}
.multiStepBlockC .multistepBlock h2 {
  text-align: center;
  color: #85E846;
  margin: 0 0 60px 0;
}
.multiStepBlockC .multistepBlock ul.green-check-list {
  margin-top: 1.25em;
}
.multiStepBlockC .multistepBlock ul.green-check-list li {
  font-size: 1.125em;
}
@media (max-width: 991.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: 991.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 #dadada;
}
@media (max-width: 991.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: 991.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: #85E846;
  border-color: #85E846;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active:before {
  background: #85E846;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active .stepCnt {
  color: #ffffff;
}
.multiStepBlockC .multistepBlock .stepSelectorC .stepSelector.active span {
  color: #85E846;
}
.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 {
  background: #85E846;
}
.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.125em;
  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.8125em;
}
@media (max-width: 991.98px) {
  .multiStepBlockC .multistepBlock .stepSelectorC .stepSelector span {
    width: 80px;
    left: -18px;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC {
  display: none;
  border: 1px solid #dadada;
  padding: 1.875em 0.625em;
}
@media (min-width: 768px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC {
    padding: 2.5em 1.25em;
  }
}
@media (min-width: 992px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC {
    padding: 5em;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC img {
  max-width: 100%;
}
.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.3125em;
  padding-left: 1.25em;
  padding-top: 0.1563em;
  display: block;
  display: inline;
  margin-top: -0.125em;
  float: right;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row {
  margin-bottom: 0.9375em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row #check-promo-code-button {
  margin: 0;
  margin-top: 0.1875em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC.paymentForm .promo-code-row #promo-code-success-message.success {
  color: #85E846;
  position: relative;
  font-size: 0.9375em;
  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;
  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: #85E846;
  position: relative;
  font-size: 0.9375em;
  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;
  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 h2 {
  font-size: 1.125em;
  letter-spacing: 0.025em;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #85E846;
  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.75em;
  margin-top: 0.6875em;
  letter-spacing: 0.05em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo {
  color: #9D9D9D;
  position: relative;
  font-size: 0.9375em;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 25px;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo: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;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo.light {
  color: #9D9D9D;
  font-size: 0.875em;
  letter-spacing: 0.025em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC .multiStepInfo.bg-grey {
  width: 100%;
  padding: 25px 25px 25px 65px;
  background-color: #F5F5F5;
  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: 1em;
  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: 0;
  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 input:focus, .multiStepBlockC .multistepBlock .stepC .multiStepformC select:focus, .multiStepBlockC .multistepBlock .stepC .multiStepformC textarea:focus {
  border-color: #936DF8;
}
.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;
}
.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 #dadada;
  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: #936DF8 !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 #936DF8;
  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 #dadada;
  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: #936DF8 !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 #dadada;
  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:after {
  content: "";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #dadada;
  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-family: VagRoundedBold, sans-serif;
  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: 1em;
  color: #85E846;
  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: 1em;
  color: #85E846;
  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.9375em;
  letter-spacing: 0.05em;
  margin-bottom: 1.0625em;
}
@media (max-width: 991.98px) {
  .multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form p {
    max-width: 235px;
  }
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form h3 {
  font-size: 0.9375em;
  letter-spacing: 0.05em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form table {
  margin-bottom: 1.0625em;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form table tr td {
  font-size: 0.9375em;
  letter-spacing: 0.05em;
}
@media (max-width: 991.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: 1.25em;
}
.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: 0;
  width: 16px;
  height: 16px;
  margin-right: 21px;
  cursor: pointer;
}
.multiStepBlockC .multistepBlock .stepC .multiStepformC#step_4_Form .green-check-list li {
  font-size: 0.9375em;
  letter-spacing: 0.05em;
}
.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 .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 #heating-form hr {
  border-color: #85E846;
  margin-bottom: 34px;
}

.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: #85E846;
  margin: 0 0 35px 0;
}
.eCheckBlockC .eCheckBlock p {
  font-size: 1.125em;
  letter-spacing: 0.025em;
  line-height: 1.7em;
  margin-bottom: 40px;
}
.eCheckBlockC .eCheckBlock .smallPrint p {
  margin-top: 60px;
  font-size: 0.875em;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
.eCheckBlockC .eCheckBlock ul li {
  font-size: 1.125em;
  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 #dadada;
  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 {
  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: #85E846;
  font-size: 2.5em;
  letter-spacing: 0.05em;
}
.contactInfoBlockC .contactInfoBlock h3 {
  color: #333333;
  font-size: 1em;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.05em;
}
.contactInfoBlockC .contactInfoBlock p {
  font-size: 1em;
  letter-spacing: 0.025em;
}
.contactInfoBlockC .contactInfoBlock p a {
  font-size: 1em;
}
.contactInfoBlockC .contactInfoBlock a {
  font-size: 1em;
  letter-spacing: 0.025em;
}
.contactInfoBlockC .contactInfoBlock .phoneBox {
  margin-bottom: 30px;
}
.contactInfoBlockC .contactInfoBlock .phoneBox span {
  font-family: VagRoundedBold, sans-serif;
  font-size: 1.375em;
}
.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.875em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin-bottom: 0.35em;
  text-align: center;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock .image-block-text-container h2 {
    font-size: 2.5em;
  }
}
.fullWidthInfoBlock .image-block-text-container p {
  color: #ffffff;
  font-size: 1em;
}
@media (min-width: 1100px) {
  .fullWidthInfoBlock .image-block-text-container p {
    font-size: 1.125em;
  }
}
.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;
}

/************************
   MANAGEMENT BLOCK
    ************************/
.frame-type-dce_dceuid7 {
  padding-left: 25px;
  padding-right: 25px;
}
.frame-type-dce_dceuid7 .management-block {
  width: 100%;
}
.frame-type-dce_dceuid7 .management-block .row {
  margin-left: -25px;
  margin-right: -25px;
}
.frame-type-dce_dceuid7 .management-block .row > div {
  padding: 0 25px;
}
@media (max-width: 1099.98px) {
  .frame-type-dce_dceuid7 .management-block .row .col-12 {
    margin: 0.9375em 0;
  }
}
.frame-type-dce_dceuid7 .management-block .managementImage {
  overflow: hidden;
  background: #dadada;
}
.frame-type-dce_dceuid7 .management-block .managementImage img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.frame-type-dce_dceuid7 .management-block .managementInfo {
  background-color: white;
  border: 1px solid #dadada;
  padding: 30px;
}
.frame-type-dce_dceuid7 .management-block .managementInfo h3 {
  color: #333333;
  font-family: "VagRoundedBold";
  margin-bottom: 0;
  font-size: 1.375em;
  letter-spacing: 0.05em;
  margin-top: 0;
}
.frame-type-dce_dceuid7 .management-block .managementInfo p {
  color: #9D9D9D;
  margin: 0;
  font-size: 1.125em;
  letter-spacing: 0.025em;
}
.frame-type-dce_dceuid7 .management-block .managementInfo p.small-dark {
  font-size: 0.875em !important;
}
.frame-type-dce_dceuid7 .management-block a .managementInfo h3 {
  color: #85E846;
  margin: 0 0 5px 0;
}

/************************
   HISTORY BLOCK
    ************************/
.history-block {
  padding-bottom: 5em;
  padding-top: 6.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: 768px) {
  .history-block .row .col-sm-9 {
    margin-bottom: 0;
  }
}
.history-block .row .col-sm-9.last {
  border-left: 0px solid #d8d8d8;
}
.history-block img {
  padding-left: 25px;
  margin-bottom: 30px;
  margin-top: -15px;
}
@media (min-width: 768px) {
  .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: 1.875em;
}
.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: -20px;
  top: 5px;
}
.history-block .historyText.last {
  border-left: 1px solid #d8d8d8;
  margin-left: -15px;
  padding-left: 45px;
}
.history-block .historyText.last:before {
  top: initial;
  bottom: -5px;
  left: -5px;
}
.history-block .historyText.last p {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .history-block .historyText {
    padding-left: 0;
  }
  .history-block .historyText:before {
    display: none;
  }
  .history-block .historyText p {
    margin-bottom: 0em;
  }
  .history-block .historyText.last {
    padding-left: 15px;
  }
}
.history-block .year {
  color: #85E846;
  font-size: 5em;
  font-family: "VagRoundedThin";
  line-height: 0.9em;
  margin-top: -5px;
}
@media (max-width: 991.98px) {
  .history-block .year {
    line-height: normal;
    margin-bottom: 0.125em;
    margin-top: 0;
  }
}

/************************
    SERVICE BLOCK
    ************************/
.serviceBlock {
  border: 1px solid #dadada;
  width: 100%;
}
@media (min-width: 1100px) {
  .serviceBlock {
    margin: 0 auto;
    width: 1000px;
  }
}
.serviceBlock .top {
  background: white;
  padding: 30px;
}
.serviceBlock .top h2 {
  color: #85E846;
  font-size: 1.875em;
  line-height: 1.6em;
  letter-spacing: 0.025em;
  margin-bottom: 20px;
}
.serviceBlock .top .actionC input {
  border-color: #9D9D9D;
  border-style: solid;
  color: #333333;
  font-size: 1.0625em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  height: initial;
  border-width: 0 0 thin 0;
  background: white;
  border-radius: 0;
  padding: 15px;
  margin-right: 30px;
  width: 150px;
}
@media (max-width: 991.98px) {
  .serviceBlock .top .actionC input {
    margin-bottom: 20px;
  }
}
.serviceBlock .top .actionC input::-webkit-input-placeholder {
  color: #b0b0b0;
}
.serviceBlock .top .actionC input:-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
.serviceBlock .top .actionC input::-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
.serviceBlock .top .actionC input::-ms-input-placeholder {
  color: #b0b0b0;
}
.serviceBlock .top .actionC input::-ms-input-placeholder {
  color: #b0b0b0;
}
.serviceBlock .top .actionC input:focus {
  border-color: #85E846;
}
.serviceBlock .bottom {
  padding: 30px;
  background: #ededed;
}
.serviceBlock .bottom .phoneBox {
  margin-bottom: 0px;
  font-size: 1.375em;
  letter-spacing: 0.05em;
  line-height: normal;
  margin-top: 0.3125em;
}
.serviceBlock .bottom p {
  margin: 0;
  font-size: 1.125em;
}
.serviceBlock .row {
  margin: 0;
}
.serviceBlock .row > div {
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991.98px) {
  .serviceBlock .col2 {
    display: none;
  }
}

/************************
    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.375em;
  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.375em;
  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;
}

.headline-bg-colored {
  background-color: #4d4d4d;
}
.headline-bg-colored .container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.headline-bg-colored .container a {
  position: relative;
  color: white;
  font-size: 2.5rem;
}
.headline-bg-colored .container a:after {
  content: "";
  display: inline-block;
  background-image: url(../images/naturstrom/img/icon_pfeil_rechts_weiss.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-bottom: -7px;
  width: 28px;
  height: 28px;
  transition: transform 100ms;
}
.headline-bg-colored .container a:hover {
  color: white;
}
.headline-bg-colored .container a:hover:after {
  transform: translate(10px, 0);
}

.desc-and-images {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.desc-and-images .description {
  flex-basis: 100%;
}
@media (min-width: 992px) {
  .desc-and-images .description {
    flex-basis: 25%;
    padding-right: 10px;
  }
}
.desc-and-images .description p {
  font-size: 1rem;
  letter-spacing: 0.05em;
}
.desc-and-images .imagesC {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -1.25rem;
}
@media (min-width: 767px) {
  .desc-and-images .imagesC {
    margin-bottom: -1.25rem;
  }
}
@media (min-width: 992px) {
  .desc-and-images .imagesC {
    flex-basis: 70%;
    flex-wrap: nowrap;
  }
}
.desc-and-images .imagesC .image {
  flex-basis: 45%;
  margin-bottom: 1.25rem;
}
@media (min-width: 767px) {
  .desc-and-images .imagesC .image {
    flex-basis: 22%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .desc-and-images .imagesC .image {
    flex-basis: 25%;
    margin-right: 1.875rem;
  }
  .desc-and-images .imagesC .image:last-child {
    margin-right: 0;
  }
}
.desc-and-images .imagesC .image img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.desc-and-images .imagesC .image p {
  font-size: 0.875rem;
  font-family: VagRoundedBold;
  line-height: 15.4px;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  word-break: break-word;
}

.video-banner-block {
  position: relative;
}
.video-banner-block .video-overlay {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.video-banner-block .video-overlay img {
  width: 100%;
}
.video-banner-block .video-overlay img.mobile-img {
  display: block;
}
@media (min-width: 576px) {
  .video-banner-block .video-overlay img.mobile-img {
    display: none;
  }
}
.video-banner-block .video-overlay img.desktop-img {
  display: none;
}
@media (min-width: 576px) {
  .video-banner-block .video-overlay img.desktop-img {
    display: block;
  }
}
.video-banner-block .video-overlay .overlay-text {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 55.6px);
  margin: 0 auto;
  text-align: center;
  max-width: 85%;
}
@media (min-width: 576px) {
  .video-banner-block .video-overlay .overlay-text {
    top: calc(50% - 40.8px);
  }
}
@media (min-width: 768px) {
  .video-banner-block .video-overlay .overlay-text {
    top: calc(50% - 58px);
  }
}
@media (min-width: 1550px) {
  .video-banner-block .video-overlay .overlay-text {
    top: calc(50% - 64px);
  }
}
.video-banner-block .video-overlay .overlay-text .text {
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .video-banner-block .video-overlay .overlay-text .text {
    margin-bottom: 1.25rem;
  }
}
.video-banner-block .video-overlay .overlay-text .text h2 {
  color: white;
  font-size: 1.5625rem;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .video-banner-block .video-overlay .overlay-text .text h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1550px) {
  .video-banner-block .video-overlay .overlay-text .text h2 {
    font-size: 2.5rem;
  }
}
.video-banner-block .video-overlay .overlay-text .play-button {
  height: 42px;
  width: 42px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .video-banner-block .video-overlay .overlay-text .play-button {
    height: 60px;
    width: 60px;
  }
}
.video-banner-block .video-overlay .overlay-text .play-button:hover {
  cursor: pointer;
}
.video-banner-block .video-overlay .overlay-text .play-button .play-button-icon {
  display: block;
  background-image: url("../images/naturstrom/content/energiemanagement_light/video_play.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.video-banner-block video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.video-banner-block video:focus {
  outline: none;
}

.header-naturstrom {
  position: relative;
}
.header-naturstrom img, .header-naturstrom video {
  height: auto;
  width: 100%;
}
.header-naturstrom img.banner-image-desktop, .header-naturstrom video.banner-image-desktop {
  display: none;
}
@media (min-width: 768px) {
  .header-naturstrom img.banner-image-desktop, .header-naturstrom video.banner-image-desktop {
    display: block;
  }
}
.header-naturstrom img.banner-image-mobile, .header-naturstrom video.banner-image-mobile {
  display: block;
}
@media (min-width: 768px) {
  .header-naturstrom img.banner-image-mobile, .header-naturstrom video.banner-image-mobile {
    display: none;
  }
}
.header-naturstrom .image-block-text-container {
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
}
.header-naturstrom .image-block-text-container p {
  color: black;
  font-family: VAGRoundedLight;
  font-size: 2.5rem;
  letter-spacing: 1.75px;
  line-height: 1.3em;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .header-naturstrom .image-block-text-container p {
    font-size: 3.125rem;
  }
}
@media (min-width: 1550px) {
  .header-naturstrom .image-block-text-container p {
    font-size: 4.375rem;
  }
}
.header-naturstrom .image-block-text-container p a {
  font-family: VagRoundedBold;
  padding: 0.3125em 0.9375em 0.25em;
  vertical-align: middle;
}
.header-naturstrom.calculator .contentC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header-naturstrom.calculator .contentC:before, .header-naturstrom.calculator .contentC:after {
  content: none;
}
@media (min-width: 1400px) {
  .header-naturstrom.calculator .contentC {
    position: relative;
    top: 25%;
    right: 0;
    left: 0;
  }
}
.header-naturstrom.calculator .contentC .image-block-text-container {
  position: absolute;
  top: 85px;
  right: 0;
  left: 0;
  padding: 0 15px;
  flex: 0 0 45%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .header-naturstrom.calculator .contentC .image-block-text-container {
    top: 25%;
  }
}
@media (min-width: 768px) {
  .header-naturstrom.calculator .contentC .image-block-text-container {
    width: 750px;
    top: 10%;
  }
}
@media (min-width: 992px) {
  .header-naturstrom.calculator .contentC .image-block-text-container {
    width: 970px;
  }
}
@media (min-width: 1100px) {
  .header-naturstrom.calculator .contentC .image-block-text-container {
    width: 1130px;
  }
}
@media (min-width: 1400px) {
  .header-naturstrom.calculator .contentC .image-block-text-container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
  }
}
.header-naturstrom.calculator .contentC .tarifrechnerC {
  flex: 0 0 100%;
  background-color: #E7E7E7;
  border: none;
  border-radius: 10px;
  padding: 3.125rem 0.625rem;
  text-align: center;
}
@media (min-width: 768px) {
  .header-naturstrom.calculator .contentC .tarifrechnerC {
    padding: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .header-naturstrom.calculator .contentC .tarifrechnerC {
    flex: 0 0 100%;
  }
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result {
  background-color: white;
  border-radius: 10px;
  padding: 1.875rem 0;
  margin-bottom: 2.5rem;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices {
  color: #333;
  font-size: 1.125em;
  font-family: VagRoundedLight;
  margin-bottom: 0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices:before {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto 10px;
  background-image: url("../images/naturstrom/tarifrechner_euroicon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 992px) {
  .header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices:before {
    display: inline-block;
    margin: -5px 30px -17px 0;
  }
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices span.pricePerkWH {
  font-size: 0.75em;
  letter-spacing: 0.05em;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices span.priceEUR {
  display: inline-block;
  color: #85E846;
  font-size: 1.0625em;
  font-family: VagRoundedBold;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner #tarifrechner-result p.prices span.priceUst {
  color: white;
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 300;
  opacity: 0.5;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner h2 {
  color: black;
  font-size: 2.5rem;
  letter-spacing: 0.4px;
  margin-bottom: 3.125rem;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .submit-span {
  display: inline-block;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form {
  text-align: left;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form input, .header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form select {
  border-width: thin;
  font-size: 0.875rem;
  height: 40px;
  width: 100%;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form select {
  background-image: url(../images/naturstrom/img/pfeil_nach_unten_black.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  color: #333333;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .sliderTitle {
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.98px;
  margin-bottom: 23px;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider {
  display: inline-block;
  vertical-align: top;
  margin: 25px 0 0 6px;
  width: 65%;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-handle {
  border: transparent;
  box-shadow: 0px 0px 4px 6px rgba(165, 209, 119, 0.6);
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  top: -4px;
  background-color: #85E846;
  padding-left: 0 !important;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-handle:focus {
  outline: 0;
  border: 0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-range-min {
  background-color: #85E846;
  border: transparent;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-state-active {
  color: #333333;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-widget-content {
  border: transparent;
  background-color: #dadada;
  cursor: pointer;
  height: 0.25em;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .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% + 1px);
  width: initial;
  white-space: nowrap;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .rangeValue.rangeValueStrom {
  display: none !important;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip {
  color: #6B6B6B;
  margin-bottom: 0;
  margin-left: -6px;
  top: -4px;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background-color: #b0b0b0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip .ui-slider-line {
  border: transparent;
  width: 20px;
  height: 20px;
  top: -8px;
  border-radius: 10px;
  background-color: transparent;
  padding-left: 0 !important;
  margin-left: 2px;
  position: absolute;
  left: 0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip.ui-slider-pip-inrange {
  background-color: #85E846;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip .ui-slider-label {
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.12em;
  top: -29px;
  margin-left: -9px;
  border: transparent;
  width: 20px;
  height: 20px;
  padding-left: 0 !important;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip .ui-slider-label:after {
  content: " ";
  margin-left: 0;
  border: transparent;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 22px;
  background-color: #c8e4a5;
  padding-left: 0 !important;
  margin-left: 1px;
  position: absolute;
  left: 0;
  display: none;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip.ui-slider-pip-selected {
  color: #333333;
  font-weight: normal;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip.ui-slider-pip-inrange .ui-slider-label:after {
  background-color: #85E846;
  left: 0.3px;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner form .sliderC .ui-slider-pip.ui-slider-pip-inrange.ui-slider-pip-3 .ui-slider-label:after {
  background-color: #85E846;
  left: 0px;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.875rem;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.98px;
  margin-bottom: 0.625rem;
  width: 100%;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container label[for=stromverbrauch], .header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container label[for=plz] {
  position: relative;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container label[for=stromverbrauch] a.info-icon, .header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container label[for=plz] a.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: -5px;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input {
  display: inline-block;
  position: relative;
  margin-top: 0px;
  width: 100%;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input[type=range] {
  width: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  max-height: 15px;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input select {
  padding-left: 10px;
  padding-right: 26px;
  text-overflow: ellipsis;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input #power-no-grid-provider-error {
  display: none;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input::-webkit-input-placeholder {
  color: #b0b0b0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input:-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input::-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input::-ms-input-placeholder {
  color: #b0b0b0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .item-input input::-ms-input-placeholder {
  color: #b0b0b0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .info-error-message {
  color: #6B6B6B;
  display: block;
  margin: 8px 0 0;
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  padding-left: 0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container #power-no-grid-provider-error {
  color: #6B6B6B;
  display: block;
  margin: 4px 0 0;
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  padding-left: 0;
}
.header-naturstrom.calculator .contentC .tarifrechnerC .tarifrechner .input-container .form-error {
  font-size: 0.75rem;
}

.video-tile-block {
  position: absolute;
}
.video-tile-block .video-overlay {
  position: relative;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  z-index: 2;
}
.video-tile-block .video-overlay .overlay-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.video-tile-block .video-overlay .overlay-text .play-button {
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.video-tile-block .video-overlay .overlay-text .play-button:hover {
  cursor: pointer;
}
.video-tile-block .video-overlay .overlay-text .play-button .play-button-icon {
  display: block;
  background-image: url("../images/naturstrom/content/energiemanagement_light/video_play.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 42px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 42px;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .video-tile-block .video-overlay .overlay-text .play-button .play-button-icon {
    height: 60px;
    width: 60px;
  }
}
.video-tile-block video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.video-tile-block video:focus {
  outline: none;
}

/************************
    HEADER HOME
    ************************/
.header-block-home .block-header {
  background: rgb(106, 183, 201);
  background: -webkit-linear-gradient(left, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  background: linear-gradient(to right, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
}
.header-block-home .block-header h1, .header-block-home .block-header h2 {
  color: #1D1D1B;
  font-family: "VagRoundedBold";
  font-size: 1.5rem;
  letter-spacing: 2px;
  padding-top: 1.1563em;
  padding-bottom: 0.6875em;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .header-block-home .block-header h1, .header-block-home .block-header h2 {
    font-size: 2.5rem;
  }
}
.header-block-home .block-content {
  position: relative;
}
.header-block-home .block-content ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-top: 0.9688em;
  position: relative;
  overflow: scroll;
  z-index: 50;
}
@media (min-width: 768px) {
  .header-block-home .block-content ul {
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -0.9688em;
    overflow: hidden;
  }
}
.header-block-home .block-content ul li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  margin: 0 0.75rem 1.25rem;
  border-radius: 1rem;
  transition-duration: 0.3s;
}
.header-block-home .block-content ul li a {
  border-radius: 1rem;
  background-color: #efefef;
  color: black;
  display: block;
  font-family: "VagRoundedLight";
  font-size: 0.8125rem;
  letter-spacing: 0.78px;
  padding: 0.375em 0.6875em 0.25em;
}
.header-block-home .block-content ul li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.3125em;
  bottom: -18px;
  left: 50%;
  box-sizing: border-box;
  border: 0.625em solid transparent;
  border-radius: 0 0 0 8px;
  transform-origin: 0 0;
  transform: translate(-50%, 0) rotate(-45deg);
  transition-duration: 0.3s;
}
.header-block-home .block-content ul li:hover, .header-block-home .block-content ul li.active {
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
}
.header-block-home .block-content ul li:hover a, .header-block-home .block-content ul li.active a {
  background-color: white;
}
.header-block-home .block-content ul li:hover:after, .header-block-home .block-content ul li.active:after {
  border-color: transparent transparent white white;
  -webkit-box-shadow: -3px 6px 6px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -3px 6px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -3px 6px 6px 0px rgba(0, 0, 0, 0.15);
}
.header-block-home .block-content p {
  text-align: center;
}
.header-block-home .block-content .button-green-white {
  margin-top: 0.9375rem;
}
.header-block-home .block-content .header-block-tab  {
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  padding-top: 3.125rem;
}
@media (min-width: 768px) {
  .header-block-home .block-content .header-block-tab  {
    padding-top: 0;
    top: 35px;
  }
}
.header-block-home .block-content .header-block-tab-text {
  left: 50%;
  margin-left: -50%;
  margin-top: 1.25rem;
  position: relative;
  top: 0;
  width: 50%;
  display: inline-block;
}
@media (min-width: 768px) {
  .header-block-home .block-content .header-block-tab-text {
    width: 100%;
    position: absolute;
  }
}
@media (min-width: 375px) {
  .header-block-home .block-content .header-block-tab-text {
    margin-top: 3.125rem;
  }
}
.header-block-home .block-content .header-block-tab-text p:first-child {
  letter-spacing: 1.08px;
}
.header-block-home .block-content img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.header-block-home .block-content img.image-desktop {
  display: none;
}
@media (min-width: 768px) {
  .header-block-home .block-content img.image-desktop {
    display: block;
  }
}
.header-block-home .block-content img.image-mobile {
  display: block;
}
@media (min-width: 768px) {
  .header-block-home .block-content img.image-mobile {
    display: none;
  }
}
.header-block-home .block-content img.image-mobile.mobile-placeholder {
  width: calc(50% + 15px);
  margin-left: -15px;
}
.header-block-home .block-content .image-link-desktop {
  display: none;
}
@media (min-width: 768px) {
  .header-block-home .block-content .image-link-desktop {
    display: block;
  }
}
.header-block-home .block-content .image-link-mobile {
  display: block;
  width: 50%;
  float: left;
}
@media (min-width: 768px) {
  .header-block-home .block-content .image-link-mobile {
    display: none;
  }
}

.grey-overlay {
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.tx-estmkproducts .price-trend-wrapper {
  background-color: white;
  padding: 1.5625rem;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .tx-estmkproducts .price-trend-wrapper {
    padding: 3.125rem;
  }
}
@media (min-width: 1920px) {
  .tx-estmkproducts .price-trend-wrapper {
    padding: 3.125rem 6.25rem;
  }
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header {
  margin-bottom: 3.125rem;
}
.tx-estmkproducts .price-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;
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .ust {
  display: block;
  color: #6D6D6D;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .current-date {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0 3.125rem;
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .button-prev, .tx-estmkproducts .price-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: 60px;
  width: 60px;
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .button-prev {
  background-image: url("../images/relaunch/utility/icon_arrow_left_grey.svg");
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .button-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
}
.tx-estmkproducts .price-trend-wrapper .price-trend-header .price-trend-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .tx-estmkproducts .price-trend-wrapper .price-trend-header .price-trend-buttons {
    padding-top: 0;
  }
}
.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;
}
.tx-estmkproducts .input-container input, .tx-estmkproducts .input-container select {
  background-color: transparent;
  border: 1px solid #6D6D6D;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding: 2rem 1.5625rem 0.8125rem;
  height: 70px;
  width: 100%;
  transition: border 300ms;
}
.tx-estmkproducts .input-container input::placeholder, .tx-estmkproducts .input-container select::placeholder {
  opacity: 0;
}
.tx-estmkproducts .input-container input[disabled], .tx-estmkproducts .input-container select[disabled] {
  padding: 0 1.5625rem;
}
.tx-estmkproducts .input-container input.error, .tx-estmkproducts .input-container select.error {
  border: 1px solid #CD2222 !important;
}
.tx-estmkproducts .input-container input:focus ~ label.floating-label, .tx-estmkproducts .input-container select:focus ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.tx-estmkproducts .input-container input:hover, .tx-estmkproducts .input-container select:hover {
  border: 1px solid #b0b0b0 !important;
}
.tx-estmkproducts .input-container input:not(:placeholder-shown) ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.tx-estmkproducts .input-container label {
  color: #222;
  font-family: VagRoundedLight;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  transition: all 200ms;
}
.tx-estmkproducts .input-container label.floating-label {
  position: absolute;
  top: 22px;
  left: 25px;
  pointer-events: none;
}
.tx-estmkproducts .input-container .item-input {
  position: relative;
}
.tx-estmkproducts .input-container .has-error .help-block {
  background-color: #CD2222;
  border: 1px solid #CD2222;
  color: white;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 25px;
}
.tx-estmkproducts .input-container .has-error .help-block a {
  color: white;
  text-decoration: underline;
}
.tx-estmkproducts .input-container .error-holder {
  height: 0;
  opacity: 0;
  transition: all 300ms;
}
.tx-estmkproducts .input-container .error-holder.has-error {
  height: 50px;
  opacity: 1;
}
.tx-estmkproducts .input-container .play-error-shake {
  animation: 0.7s error-shake;
}
@keyframes error-shake {
  0% {
    transform: translateX(0);
  }
  17% {
    transform: translateX(3px);
  }
  34% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(3px);
  }
  67% {
    transform: translateX(-3px);
  }
  84% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}

.frame-type-textmedia .video-embed video, .frame-type-textmedia .video-embed iframe {
  width: 100%;
  height: auto;
  min-height: 285px;
}
.frame-type-textmedia {
  /* Für Platzhalterbild */
}
.frame-type-textmedia .image img {
  width: 100%;
  height: auto;
}

.infografik-smarthomecontrol-desktop {
  background: rgb(106, 183, 201);
  background: -moz-linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  background: -webkit-linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  background: linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ab7c9",endColorstr="#a6ed73",GradientType=1);
  padding: 3.75rem 0;
  display: none;
}
@media (min-width: 992px) {
  .infografik-smarthomecontrol-desktop {
    display: block;
  }
}
.infografik-smarthomecontrol-desktop .innerC .headline {
  text-align: center;
}
.infografik-smarthomecontrol-desktop .innerC .headline h2 {
  font-family: "VagRoundedBold";
  font-size: 40px;
  letter-spacing: 2.4px;
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 0;
}
.infografik-smarthomecontrol-desktop .innerC .headline p {
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-bottom: 50px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  height: 130px;
  width: 200px;
  padding: 0 0.9375rem 0.625rem;
  background-color: #EFEFEF;
  border-radius: 10px;
  text-align: center;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .additional-info {
  position: absolute;
  top: 10px;
  left: 15px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .additional-info img {
  width: 40px;
  height: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item img {
  width: 80px;
  height: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item p {
  font-size: 18px;
  font-family: "VagRoundedBold";
  letter-spacing: 1.2px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item:hover {
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.18);
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item:hover .hover-details .hover-text {
  opacity: 1;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details {
  position: absolute;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.right {
  left: 100%;
  top: 25px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.right .arrow {
  height: 2px;
  width: 0px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.right .arrow:after {
  right: -3px;
  top: 1px;
  transform: translateY(-50%) rotate(-90deg);
  background-image: url("../images/arrow_button_black.svg");
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.right .hover-text {
  left: 0;
  right: 0;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.left {
  right: 100%;
  top: 25px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.left .arrow {
  height: 2px;
  width: 0px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.left .arrow:after {
  left: -3px;
  top: 1px;
  transform: translateY(-50%) rotate(90deg);
  background-image: url("../images/arrow_button_black.svg");
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.left .hover-text {
  left: 0;
  right: 0;
  bottom: 100%;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.down {
  top: 100%;
  right: 25px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.down .arrow {
  height: 0px;
  width: 2px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.down .arrow:after {
  left: -6px;
  bottom: -4px;
  background-image: url("../images/arrow_button_black.svg");
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.down .hover-text {
  right: 100%;
  top: 0;
  bottom: 0;
  width: 130px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.up {
  bottom: 100%;
  right: 25px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.up .arrow {
  height: 0px;
  width: 2px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.up .arrow:after {
  left: -6px;
  top: -3px;
  transform: rotate(180deg);
  background-image: url("../images/arrow_button_black.svg");
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.up .hover-text {
  left: 100%;
  top: 0;
  bottom: 0;
  width: 130px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details.none {
  display: none;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details .arrow {
  display: none;
  position: relative;
  background-color: black;
  z-index: 1;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details .arrow:after {
  content: "";
  position: absolute;
  color: black;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details .hover-text {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: black;
  font-size: 11px;
  letter-spacing: 0.78px;
  padding: 15px 5px;
  margin: 0 auto;
  width: 115px;
  opacity: 0;
  transition: opacity 300ms;
}
@media (min-width: 1200px) {
  .infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item .hover-details .hover-text {
    font-size: 13px;
  }
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item:first-child .hover-details.up {
  bottom: 100%;
  left: 25px;
  right: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow .item:first-child .hover-details.down {
  top: 100%;
  left: 25px;
  right: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow:last-child .item .hover-details.right {
  left: 100%;
  bottom: 25px;
  top: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .itemRow:last-child .item .hover-details.left {
  right: 100%;
  bottom: 25px;
  top: auto;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .centerImage {
  padding: 3.125rem 0;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .centerImage .centerItem {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EFEFEF;
  border-radius: 10px;
  margin: 0 auto;
  padding: 0.625rem 1.25rem;
  height: 170px;
  width: 340px;
}
.infografik-smarthomecontrol-desktop .innerC .contentC .centerImage .centerItem img {
  width: 110px;
  margin-top: 10px;
  margin-right: 20px;
  height: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .infografik-smarthomecontrol-desktop .innerC .contentC .centerImage .centerItem img {
    width: auto;
  }
}
.infografik-smarthomecontrol-desktop .innerC .contentC .centerImage .centerItem p {
  font-size: 22px;
  font-family: "VagRoundedBold";
  letter-spacing: 1.2px;
  line-height: 1.2em;
  margin: 0;
}

.infografik-smarthomecontrol-desktop.four-elements .innerC .contentC .itemRow:first-child .item:first-child .hover-details.down {
  left: 25px;
  right: auto;
}
.infografik-smarthomecontrol-desktop.four-elements .innerC .contentC .itemRow:first-child .item:first-child .hover-details.down .hover-text {
  left: 100%;
  right: auto;
}
.infografik-smarthomecontrol-desktop.four-elements .innerC .contentC .itemRow:last-child .item:first-child .hover-details.right {
  top: auto;
  bottom: 25px;
}
.infografik-smarthomecontrol-desktop.four-elements .innerC .contentC .itemRow:last-child .item:first-child .hover-details.right .hover-text {
  bottom: 100%;
}

.infografik-smarthomecontrol-mobile {
  background: rgb(106, 183, 201);
  background: -moz-linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  background: -webkit-linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  background: linear-gradient(90deg, rgb(106, 183, 201) 0%, rgb(166, 237, 115) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ab7c9",endColorstr="#a6ed73",GradientType=1);
  padding: 2.5rem 0;
  display: block;
}
@media (min-width: 992px) {
  .infografik-smarthomecontrol-mobile {
    display: none;
  }
}
.infografik-smarthomecontrol-mobile .innerC .headline {
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
.infografik-smarthomecontrol-mobile .innerC .headline h2 {
  font-family: "VagRoundedBold";
  font-size: 26px;
  letter-spacing: 2.4px;
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 0;
}
.infografik-smarthomecontrol-mobile .innerC .headline p {
  font-size: 20px;
  letter-spacing: 1.2px;
  margin-bottom: 50px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .centerImage {
  padding: 0 0 2.5rem;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .centerImage .centerItem {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 0.625rem 0.625rem;
  height: 110px;
  width: 260px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .centerImage .centerItem img {
  width: 75px;
  margin-right: 10px;
  margin-top: 10px;
  height: auto;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .centerImage .centerItem p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin: 0;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .centerImage .centerItem:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 100%;
  width: 36px;
  height: 36px;
  background-image: url("../images/infografik/mobil_pfeil_runter.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow {
  height: 195px;
  width: 100%;
  margin: 0 auto;
  height: 215px;
}
@media (min-width: 768px) {
  .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow {
    height: 250px;
  }
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item {
  position: relative;
  padding: 20px;
  text-align: center;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 30px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .additional-info {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 2;
  transition: all 300ms;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .additional-info img {
  width: 25px;
  height: auto;
  transition: all 300ms;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .additional-info {
  top: 40px;
  left: 40px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .item-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 0.6875rem 0.625rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  width: 100%;
  transition: all 300ms;
  height: 95px;
}
@media (min-width: 768px) {
  .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .item-inner {
    height: 120px;
    padding: 0.625rem 1.875rem;
  }
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .item-inner img {
  width: 50px;
  height: auto;
  transition: all 300ms;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .item-inner p {
  font-size: 9px;
  font-family: "VagRoundedBold";
  letter-spacing: 1.2px;
  line-height: 1.2em;
  margin-bottom: 0;
  transition: font-size 300ms;
  font-size: 12px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item .item-inner p {
    font-size: 14px;
  }
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item {
  /* slide when active/center */
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .item-inner, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .item-inner {
  background-color: #fff;
  width: calc(100% + 60px);
  transform: translateX(-30px);
  width: calc(100% + 80px);
  transform: translateX(-40px);
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .item-inner img, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .item-inner img {
  width: 100px;
  height: auto;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .item-inner p, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .item-inner p {
  font-size: 17px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .additional-info, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .additional-info {
  position: absolute;
  top: 30px;
  left: 5px;
  z-index: 2;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .additional-info img, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .additional-info img {
  width: 35px;
  height: auto;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] .additional-info, .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .item.slick-center .additional-info {
  top: 50px;
  left: 10px;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .slick-prev {
  display: none !important;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .slick-next {
  background-color: transparent;
  background-image: url("../images/arrow_button_down_white.svg");
  transform: rotate(-90deg);
  border: none;
  font-size: 32px;
  color: white;
  position: absolute;
  right: 15%;
  bottom: -34px;
  width: 30px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 768px) {
  .infografik-smarthomecontrol-mobile .innerC .contentC .itemRow .slick-next {
    right: 26%;
    bottom: -24px;
  }
}
.infografik-smarthomecontrol-mobile .innerC .contentC .textsRow {
  text-align: center;
}
.infografik-smarthomecontrol-mobile .innerC .contentC .textsRow .text {
  display: none;
  color: white;
  font-size: 1.125rem;
  width: 52%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .infografik-smarthomecontrol-mobile .innerC .contentC .textsRow .text {
    width: 40%;
  }
}
.infografik-smarthomecontrol-mobile .innerC .contentC .textsRow .text.text-1 {
  display: block;
}

.estmk-tabs .nav-tabs {
  display: flex;
}
.estmk-tabs .nav-tabs li {
  text-align: center;
  width: 100%;
}
.estmk-tabs .nav-tabs li a {
  border: 1px solid #dadada;
  color: black;
  font-size: 1.875rem;
  letter-spacing: 1px;
  margin: 0;
  padding: 1.25rem 0.625rem;
}
.estmk-tabs .nav-tabs li.active a, .estmk-tabs .nav-tabs li.active a:focus, .estmk-tabs .nav-tabs li.active a:hover {
  border: 1px solid #dadada;
  background-color: #85E846;
  color: white;
}
@media (max-width: 991.98px) {
  .estmk-tabs .nav-tabs li a {
    font-size: 1rem;
    word-break: break-word;
    height: 100%;
  }
}
.estmk-tabs .tab-content {
  padding: 3.125rem 2.5rem;
  border: 1px solid #dadada;
  border-top-color: transparent;
  margin-bottom: 2.5rem;
}
.estmk-tabs .tab-content .tab-pane h2 {
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
}
.estmk-tabs .tab-content .tab-pane p {
  font-size: 1.125rem;
}
.estmk-tabs .tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}

.smarte-tabs .nav-tabs {
  display: none;
}
@media (min-width: 992px) {
  .smarte-tabs .nav-tabs {
    display: flex;
  }
}
.smarte-tabs .nav-tabs li {
  text-align: center;
  width: 100%;
}
.smarte-tabs .nav-tabs li a {
  border: 1px solid #dadada;
  color: black;
  font-family: VagRoundedLight;
  font-size: 1.875rem;
  letter-spacing: 1px;
  margin: 0;
  padding: 1.25rem 0.625rem;
}
.smarte-tabs .nav-tabs li.active a, .smarte-tabs .nav-tabs li.active a:focus, .smarte-tabs .nav-tabs li.active a:hover {
  border: 1px solid #dadada;
  background-color: #85E846;
  color: white;
}
@media (max-width: 991.98px) {
  .smarte-tabs .nav-tabs li a {
    font-size: 1rem;
    word-break: break-word;
    height: 100%;
  }
}
.smarte-tabs .tab-content {
  padding: 1.5rem;
  border: 1px solid #dadada;
  margin-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .smarte-tabs .tab-content {
    border-top-color: transparent;
    padding: 3.125rem 2.5rem;
  }
}
.smarte-tabs .tab-content .tab-pane > div {
  padding: 20px 0 40px;
}
@media (min-width: 992px) {
  .smarte-tabs .tab-content .tab-pane > div {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .smarte-tabs .tab-content .tab-pane {
    height: auto !important;
  }
}
.smarte-tabs .tab-content .tab-pane h2 {
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
}
.smarte-tabs .tab-content .tab-pane p {
  font-size: 1.125rem;
}
.smarte-tabs .tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1099.98px) {
  .smarte-tabs .tab-content .tab-pane.collapse {
    display: none !important;
  }
  .smarte-tabs .tab-content .tab-pane.collapse.in {
    display: block !important;
  }
  .smarte-tabs .tab-content .tab-pane.collapsing {
    display: block !important;
  }
}
.smarte-tabs .tab-content .panel-heading {
  display: block;
  border-bottom: 1px solid #dadada;
  position: relative;
}
@media (min-width: 992px) {
  .smarte-tabs .tab-content .panel-heading {
    display: none;
  }
}
.smarte-tabs .tab-content .panel-heading h4 {
  color: #333;
  font-size: 24px;
}
.smarte-tabs .tab-content .panel-heading a {
  display: block;
  color: #333;
  padding-left: 35px;
}
.smarte-tabs .tab-content .panel-heading a:before {
  content: "";
  position: absolute;
  margin-top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/arrow_togglebox_inner_up.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.smarte-tabs .tab-content .panel-heading a.collapsed:before {
  background-image: url("../images/arrow_togglebox_inner_down.svg");
}

.datenschutz-uc-embed .uc-embed .uc-embed-container {
  font-family: "VagRoundedLight" !important;
}
.datenschutz-uc-embed .uc-embed .uc-embed-container h2 {
  font-size: 1.875em;
  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 !important;
  -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;
  background: none;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
}
.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: #85E846 !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: #85E846 !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: #85E846 !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: #85E846 !important;
  border-width: 0 2px 2px 0 !important;
  margin-top: 9px !important;
}

#additional-product-details.product-details {
  background: white;
  padding: 30px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  #additional-product-details.product-details {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #additional-product-details.product-details {
    padding: 40px 60px;
  }
}
#additional-product-details.product-details img {
  width: 80px;
  height: auto;
  vertical-align: top;
  margin-right: 20px;
  float: left;
  margin-left: -25px;
}
@media (min-width: 1400px) {
  #additional-product-details.product-details img {
    margin-left: 0;
  }
}
#additional-product-details.product-details h2 {
  display: inline-block;
  width: 80%;
  color: #333333;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0.9px;
  margin-bottom: 5px;
}
#additional-product-details.product-details h2 + h3 {
  display: inline-block;
  width: 80%;
  color: #333;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.9px;
  margin: 0 0 10px 0;
}
@media (min-width: 992px) {
  #additional-product-details.product-details h2 + h3 {
    margin-bottom: 40px;
    line-height: 32px;
  }
}
#additional-product-details.product-details .links-with-submit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  #additional-product-details.product-details .links-with-submit p {
    margin-bottom: 0;
  }
}
#additional-product-details.product-details .links-with-submit a.green-arrow-download {
  font-size: 14px;
  margin-bottom: 0;
}

.header-hero {
  position: relative;
  clear: both;
}
.header-hero .hero-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100vh;
  min-height: 500px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .header-hero .hero-image {
    min-height: 700px;
  }
}
.header-hero video {
  width: 100%;
  min-height: calc(100vh - 84px);
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .header-hero video {
    height: auto;
  }
}
.header-hero video.video-hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  .header-hero video.video-hide-mobile {
    display: block;
  }
}
.header-hero video.video-hide-desktop {
  display: block;
}
@media (min-width: 992px) {
  .header-hero video.video-hide-desktop {
    display: none;
  }
}
.header-hero .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5rem 1.5625rem 1.5625rem;
}
@media (min-width: 768px) {
  .header-hero .hero-content {
    padding: 11.25rem 3.125rem 3.75rem;
  }
}
@media (min-width: 1920px) {
  .header-hero .hero-content {
    padding: 11.25rem 6.25rem 3.75rem;
  }
}
.header-hero .hero-content .hero-headline {
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .header-hero .hero-content .hero-headline {
    max-width: 60%;
  }
}
.header-hero .hero-content .hero-headline h1 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 2.5rem;
  letter-spacing: 2.8px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 768px) {
  .header-hero .hero-content .hero-headline h1 {
    font-size: 4.375rem;
  }
}
.header-hero .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: 768px) {
  .header-hero .hero-content .hero-text p {
    font-size: 1.25rem;
    max-width: 429px;
  }
}
.header-hero .hero-content .hero-text p:last-child {
  margin-bottom: 0;
}
.header-hero .hero-content .hero-text .link {
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .header-hero .hero-content .hero-text .link {
    margin-top: 3rem;
  }
}
.header-hero .hero-content .hero-text .video-div {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.header-hero .hero-content .hero-text .video-div .open-video {
  display: block;
}
.header-hero .hero-content .hero-text .video-div .open-video:focus {
  outline: 4px solid #936DF8;
}
.header-hero .hero-content .hero-text .video-div span.duration {
  margin-left: 1.5625rem;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.header-hero .hero-content.font-bright .hero-headline h1 {
  color: white;
}
.header-hero .hero-content.font-bright .hero-text p {
  color: white;
}
.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: 992px) {
  .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: 992px) {
  .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: 992px) {
  .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-slider {
  position: relative;
  clear: both;
}
.header-hero-slider .hero-slides .slide {
  position: relative;
}
.header-hero-slider .hero-slides .slide .hero-image {
  display: block;
  width: 100%;
  min-height: calc(100vh - 84px);
  max-height: calc(100vh - 84px);
  object-fit: cover;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-image {
    height: auto;
  }
}
.header-hero-slider .hero-slides .slide .hero-image.desktop {
  display: none;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-image.desktop {
    display: block;
  }
}
.header-hero-slider .hero-slides .slide .hero-image.mobile {
  display: block;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-image.mobile {
    display: none;
  }
}
.header-hero-slider .hero-slides .slide video {
  width: 100%;
  min-height: calc(100vh - 84px);
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide video {
    height: auto;
  }
}
.header-hero-slider .hero-slides .slide video.video-hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide video.video-hide-mobile {
    display: block;
  }
}
.header-hero-slider .hero-slides .slide video.video-hide-desktop {
  display: block;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide video.video-hide-desktop {
    display: none;
  }
}
.header-hero-slider .hero-slides .slide .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 7.8125rem 1.5625rem 1.5625rem;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-content {
    padding: 7.25rem 3.125rem 3.75rem;
  }
}
@media (min-width: 1200px) {
  .header-hero-slider .hero-slides .slide .hero-content {
    padding: 11.25rem 6.25rem 3.75rem;
  }
}
@media (min-width: 1920px) {
  .header-hero-slider .hero-slides .slide .hero-content {
    padding: 11.25rem 6.25rem 3.75rem;
  }
}
.header-hero-slider .hero-slides .slide .hero-content .relaunch-overline {
  margin-bottom: 0.9375rem;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide .hero-content .relaunch-overline {
    margin-bottom: 1.5625rem;
  }
}
.header-hero-slider .hero-slides .slide .hero-content .hero-headline {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-headline {
    max-width: 60%;
    margin-bottom: 20px;
  }
}
.header-hero-slider .hero-slides .slide .hero-content .hero-headline h1, .header-hero-slider .hero-slides .slide .hero-content .hero-headline span {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 2.5rem;
  letter-spacing: 2.8px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-headline h1, .header-hero-slider .hero-slides .slide .hero-content .hero-headline span {
    font-size: 3.375rem;
  }
}
@media (min-width: 1200px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-headline h1, .header-hero-slider .hero-slides .slide .hero-content .hero-headline span {
    font-size: 3.875rem;
  }
}
@media (min-width: 1400px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-headline h1, .header-hero-slider .hero-slides .slide .hero-content .hero-headline span {
    font-size: 4.375rem;
  }
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text {
  margin: 0 0 2rem 0;
}
.header-hero-slider .hero-slides .slide .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: 768px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-text p {
    font-size: 1.25rem;
    max-width: 429px;
  }
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text p:last-child {
  margin-bottom: 0;
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text .video-div {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text .video-div .open-video {
  display: block;
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text .video-div .open-video:focus {
  outline: 4px solid #936DF8;
}
.header-hero-slider .hero-slides .slide .hero-content .hero-text .video-div span.duration {
  margin-left: 1.5625rem;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.header-hero-slider .hero-slides .slide .hero-content .hero-button {
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-button {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides .slide .hero-content .hero-button {
    margin-top: 3rem;
  }
}
.header-hero-slider .hero-slides .slide .hero-content.font-bright .relaunch-overline {
  color: white;
}
.header-hero-slider .hero-slides .slide .hero-content.font-bright .hero-headline h1, .header-hero-slider .hero-slides .slide .hero-content.font-bright .hero-headline span {
  color: white;
}
.header-hero-slider .hero-slides .slide .hero-content.font-bright .hero-text p {
  color: white;
}
.header-hero-slider .hero-slides .slide .slide-count {
  position: absolute;
  right: 0;
  bottom: 0;
  align-self: flex-end;
  padding: 0 1.5625rem 1.5625rem;
  color: #222;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides .slide .slide-count {
    padding: 0 3.125rem 3.75rem;
  }
}
@media (min-width: 1920px) {
  .header-hero-slider .hero-slides .slide .slide-count {
    padding: 0 6.25rem 3.75rem;
  }
}
.header-hero-slider .hero-slides-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  align-self: flex-start;
  padding: 0 1.5625rem 1.5625rem;
}
@media (min-width: 768px) {
  .header-hero-slider .hero-slides-controls {
    padding: 0 3.125rem 1.75rem;
  }
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides-controls {
    align-self: flex-end;
    padding: 0 3.125rem 3.75rem;
  }
}
@media (min-width: 1100px) {
  .header-hero-slider .hero-slides-controls {
    padding: 0 6.25rem 3.75rem;
  }
}
.header-hero-slider .hero-slides-controls .slick-prev, .header-hero-slider .hero-slides-controls .slick-next {
  display: inline-block;
  background-color: transparent;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 0;
  margin: 1.25rem 1.25rem 0 0;
  height: 60px;
  width: 60px;
}
@media (min-width: 992px) {
  .header-hero-slider .hero-slides-controls .slick-prev, .header-hero-slider .hero-slides-controls .slick-next {
    margin: 1.25rem 0 0 1.25rem;
  }
}
.header-hero-slider .hero-slides-controls .slick-prev:focus-visible, .header-hero-slider .hero-slides-controls .slick-next:focus-visible {
  outline: 4px solid #936DF8;
  outline-offset: 3px;
}
.header-hero-slider .hero-slides-controls .slick-prev {
  margin-left: 0;
  background-image: url("../images/relaunch/utility/icon_arrow_left_grey.svg");
}
.header-hero-slider .hero-slides-controls .slick-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
}
.header-hero-slider.font-bright .hero-slides-controls .slick-prev {
  background-image: url("../images/relaunch/utility/icon_arrow_left_white.svg");
}
.header-hero-slider.font-bright .hero-slides-controls .slick-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_white.svg");
}
.header-hero-slider.font-bright .hero-slides .slide .slide-count {
  color: white;
}
.header-hero-slider.gradient .hero-slides .slide:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.header-hero-slider.gradient-header .hero-slides .slide:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 992px) {
  .header-hero-slider.gradient-header .hero-slides .slide: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-slider.gradient-left .hero-slides .slide:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 992px) {
  .header-hero-slider.gradient-left .hero-slides .slide:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.header-hero-slider.gradient-center .hero-slides .slide: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: 992px) {
  .header-hero-slider.gradient-center .hero-slides .slide: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%);
  }
}

.section-text-block {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.section-text-block .section-text {
  position: relative;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 992px) {
  .section-text-block .section-text .section-text-inner {
    width: 35%;
  }
}
.section-text-block .section-text .section-text-inner p:last-child {
  margin-bottom: 0;
}
.section-text-block .section-text .link {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .section-text-block .section-text .link {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
  }
}
.section-text-block .section-text.dark .relaunch-overline, .section-text-block .section-text.dark h2 {
  color: #222;
}
.section-text-block .section-text.dark p {
  color: #6D6D6D;
}
.section-text-block .section-text.light .relaunch-overline, .section-text-block .section-text.light h2 {
  color: white;
}
.section-text-block .section-text.light p {
  color: #dadada;
}
.section-text-block .section-text.light .link a {
  color: white;
  background-color: transparent;
  border: 1px solid rgba(218, 218, 218, 0.3);
}
.section-text-block .section-text.light .link a:hover {
  color: #222;
  background-color: white;
}
@media (min-width: 992px) {
  .section-text-block .section-text.bigheader .section-text-inner {
    width: 50%;
  }
}
.section-text-block .section-text.bigheader h2 {
  font-size: 2.5rem;
  margin-bottom: 3.125rem;
}
@media (min-width: 992px) {
  .section-text-block .section-text.bigheader h2 {
    font-size: 4.375rem;
  }
}

.product-overview-block .product-overview {
  display: flex;
  flex-wrap: wrap;
}
.product-overview-block .product-overview .product-item {
  position: relative;
  display: block;
  flex: 1 0 100%;
  height: 375px;
  padding: 1.5625rem;
  border-top: 1px solid #545454;
}
@media (min-width: 768px) {
  .product-overview-block .product-overview .product-item {
    flex: 1 0 48%;
    padding: 3.125rem;
  }
  .product-overview-block .product-overview .product-item:nth-child(odd) {
    border-right: 1px solid #545454;
  }
}
@media (min-width: 1100px) {
  .product-overview-block .product-overview .product-item {
    flex: 1 0 30%;
    height: 480px;
  }
  .product-overview-block .product-overview .product-item:nth-child(odd) {
    border-right: none;
  }
  .product-overview-block .product-overview .product-item:nth-child(3n+2) {
    border-left: 1px solid #545454;
    border-right: 1px solid #545454;
  }
}
@media (min-width: 1920px) {
  .product-overview-block .product-overview .product-item {
    padding: 3.125rem 6.25rem;
  }
}
.product-overview-block .product-overview .product-item video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.product-overview-block .product-overview .product-item .overline {
  display: inline-block;
  color: white;
  border: 1px solid #545454;
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  padding: 0.625rem 0.75rem 0.5rem;
}
.product-overview-block .product-overview .product-item .button-icon {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #545454;
  border-radius: 50%;
  background-image: url("../images/relaunch/utility/icon_full_arrow_right_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.product-overview-block .product-overview .product-item .product-title {
  position: absolute;
  left: 1.5625rem;
  bottom: 1.5625rem;
}
@media (min-width: 768px) {
  .product-overview-block .product-overview .product-item .product-title {
    left: 3.125rem;
    bottom: 3.125rem;
  }
}
@media (min-width: 1920px) {
  .product-overview-block .product-overview .product-item .product-title {
    left: 6.25rem;
  }
}
.product-overview-block .product-overview .product-item .product-title h2 {
  color: white;
  font-family: VAGRoundedLight;
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
.product-overview-block .product-overview a.product-item:hover .button-icon, .product-overview-block .product-overview a.product-item.hovered .button-icon, .product-overview-block .product-overview a.product-item:focus-visible .button-icon {
  background-color: white;
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
  border-color: white;
}
.product-overview-block .product-overview a.product-item:hover .product-title h2, .product-overview-block .product-overview a.product-item.hovered .product-title h2, .product-overview-block .product-overview a.product-item:focus-visible .product-title h2 {
  color: #222 !important;
}

.benefits-block .benefitsC {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .benefits-block .benefitsC {
    flex-direction: row;
  }
}
.benefits-block .benefitsC .benefits-left {
  padding: 1.5625rem;
  width: 100%;
}
.benefits-block .benefitsC .benefits-left h2 {
  font-size: 2.5rem;
  hyphens: auto;
  -webkit-hyphens: auto;
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-left h2 {
    font-size: 3.125rem;
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .benefits-block .benefitsC .benefits-left {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-left {
    width: 50%;
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 1920px) {
  .benefits-block .benefitsC .benefits-left {
    padding: 3.125rem 6.25rem;
  }
}
.benefits-block .benefitsC .benefits-right {
  width: 100%;
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-right {
    width: 50%;
  }
}
.benefits-block .benefitsC .benefits-right .benefits-item {
  border-top: 1px solid rgba(109, 109, 109, 0.3019607843);
  border-bottom: 1px solid rgba(109, 109, 109, 0.3019607843);
  padding: 1.5625rem;
}
@media (min-width: 768px) {
  .benefits-block .benefitsC .benefits-right .benefits-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-right .benefits-item {
    border-top: none;
  }
}
@media (min-width: 1920px) {
  .benefits-block .benefitsC .benefits-right .benefits-item {
    padding: 3.125rem 6.25rem;
  }
}
.benefits-block .benefitsC .benefits-right .benefits-item:last-child {
  border-bottom: none;
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon {
  display: block;
  min-width: 70px;
  width: 70px;
  height: 70px;
  margin-bottom: 3.125rem;
  order: 2;
}
@media (min-width: 768px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon {
    margin-left: 2.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon {
    margin-left: 3.75rem;
  }
}
@media (min-width: 1600px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon {
    margin-left: 6.25rem;
  }
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon .icon {
  display: block;
  width: 100%;
  height: 100%;
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon .icon.default {
  border: 8px solid #85E846;
  border-radius: 50%;
  background-color: transparent;
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefits-icon .icon img {
  width: 100%;
  height: auto;
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefit-text h3 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.875rem;
  margin-bottom: 1.5625rem;
  margin-top: 0;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
@media (min-width: 992px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefit-text h3 {
    max-width: 75%;
  }
}
@media (min-width: 1600px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefit-text h3 {
    max-width: 50%;
  }
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefit-text p {
  color: #6D6D6D;
}
@media (min-width: 1600px) {
  .benefits-block .benefitsC .benefits-right .benefits-item .benefit-text p {
    max-width: 80%;
  }
}
.benefits-block .benefitsC .benefits-right .benefits-item .benefit-text p:last-child {
  margin-bottom: 0;
}

.step-block .steps {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}
@media (min-width: 992px) {
  .step-block .steps {
    flex-direction: row;
  }
}
.step-block .steps .step-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 20%;
  border-top: 1px solid #dadada;
  min-height: 410px;
  padding: 1.5625rem;
}
.step-block .steps .step-item:last-child {
  border-bottom: 1px solid #dadada;
}
@media (min-width: 768px) {
  .step-block .steps .step-item {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .step-block .steps .step-item {
    min-height: 560px;
  }
  .step-block .steps .step-item:nth-child(2) {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
  }
  .step-block .steps .step-item:last-child {
    border-bottom: none;
  }
}
@media (min-width: 1920px) {
  .step-block .steps .step-item {
    padding: 3.125rem 6.25rem;
  }
}
.step-block .steps .step-item .step-image .step-count {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 3.125rem;
  letter-spacing: 2px;
  line-height: 1.2em;
}
.step-block .steps .step-item .step-image .headline {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.875rem;
  letter-spacing: 1.2px;
  line-height: 1.2em;
  margin-bottom: 1.25rem;
}
.step-block .steps .step-item .step-text {
  margin-top: auto;
}
.step-block .steps .step-item .step-text div:last-child {
  margin-bottom: 0 !important;
}
.step-block .steps .step-item .step-text .headline {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.875rem;
  letter-spacing: 1.2px;
  line-height: 1.2em;
  margin-bottom: 1.25rem;
}
.step-block .steps .step-item .step-text .text {
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 0.625rem;
}
.step-block .steps .step-item .step-text .text:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .step-block .steps .step-item .step-text .text {
    font-size: 1.125rem;
  }
}
.step-block .steps .step-item .step-text .call-to-action {
  margin-top: 1.25rem;
}

.teaser-block {
  position: relative;
}
.teaser-block video {
  width: 100%;
  height: 700px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .teaser-block video {
    height: auto;
    min-height: 600px;
  }
}
.teaser-block video.video-hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  .teaser-block video.video-hide-mobile {
    display: block;
  }
}
.teaser-block video.video-hide-desktop {
  display: block;
}
@media (min-width: 992px) {
  .teaser-block video.video-hide-desktop {
    display: none;
  }
}
.teaser-block .teaser-block-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.875rem;
  padding-bottom: 1.5625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .teaser-block .teaser-block-content {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 1100px) {
  .teaser-block .teaser-block-content {
    width: 50%;
  }
}
.teaser-block .teaser-block-content .teaser-headline {
  overflow: hidden;
}
.teaser-block .teaser-block-content .teaser-headline h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 2.5rem;
  line-height: 1.2em;
  letter-spacing: 2.8px;
}
@media (min-width: 768px) {
  .teaser-block .teaser-block-content .teaser-headline h2 {
    font-size: 3.125rem;
  }
}
@media (min-width: 992px) {
  .teaser-block .teaser-block-content .teaser-headline h2 {
    font-size: 4.375rem;
  }
}
.teaser-block .teaser-block-content .link {
  margin-top: auto;
}
.teaser-block.light-text .teaser-block-content h2 {
  color: white;
}

.image-video-block {
  position: relative;
}
.image-video-block img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .image-video-block img {
    height: auto;
  }
}
.image-video-block .image-video-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.875rem;
  padding-bottom: 1.5625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .image-video-block .image-video-content {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 992px) {
  .image-video-block .image-video-content {
    width: 50%;
  }
}
.image-video-block .image-video-content h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 2.5rem;
  line-height: 1.2em;
  letter-spacing: 2.8px;
}
@media (min-width: 768px) {
  .image-video-block .image-video-content h2 {
    font-size: 3.125rem;
  }
}
@media (min-width: 992px) {
  .image-video-block .image-video-content h2 {
    font-size: 4.375rem;
  }
}
.image-video-block .image-video-content .video-icon {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.image-video-block .image-video-content .video-icon .open-video, .image-video-block .image-video-content .video-icon .open-video-link {
  display: block;
}
.image-video-block .image-video-content .video-icon .open-video:focus, .image-video-block .image-video-content .video-icon .open-video-link:focus {
  outline: 4px solid #936DF8;
}
.image-video-block .image-video-content .video-icon span {
  display: block;
}
.image-video-block .image-video-content .video-icon span.icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  background-image: url("../images/relaunch/icon_video_play.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.image-video-block .image-video-content .video-icon span.duration {
  margin-left: 1.5625rem;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.image-video-block.light-text .image-video-content h2 {
  color: white;
}
.image-video-block.gradient:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image-video-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: 992px) {
  .image-video-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-video-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: 992px) {
  .image-video-block.gradient-left:before {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.image-video-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: 992px) {
  .image-video-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%);
  }
}

.hero-simple {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .hero-simple {
    flex-direction: row;
  }
}
.hero-simple .hero-content {
  display: flex;
  flex-direction: column;
  padding: 6.25rem 1.5625rem 1.5625rem;
  min-height: 375px;
  width: 100%;
}
@media (min-width: 768px) {
  .hero-simple .hero-content {
    padding: 6.25rem 3.125rem 3.125rem;
  }
}
@media (min-width: 992px) {
  .hero-simple .hero-content {
    padding: 8.125rem 3.125rem 3.125rem;
    min-height: 670px;
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .hero-simple .hero-content {
    padding: 8.125rem 6.25rem 3.125rem;
  }
}
.hero-simple .hero-content > div:last-child {
  margin-top: auto;
}
.hero-simple .hero-content.no-spacing {
  min-height: auto;
}
.hero-simple .hero-content.no-spacing > div:last-child {
  margin-top: 3.125rem;
}
@media (min-width: 992px) {
  .hero-simple .hero-content.no-spacing > div:last-child {
    margin-top: 7.5rem;
  }
}
.hero-simple .hero-content .hero-text, .hero-simple .hero-content .hero-headline {
  width: 100%;
}
@media (min-width: 992px) {
  .hero-simple .hero-content .hero-text {
    max-width: 80%;
  }
}
.hero-simple .hero-content .hero-headline {
  margin-bottom: 1.5625rem;
}
.hero-simple .hero-content .hero-headline h1 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 2.5rem;
  -webkit-hyphens: auto;
  hyphens: auto;
  letter-spacing: 2.8px;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-simple .hero-content .hero-headline h1 {
    font-size: 4.375rem;
  }
}
.hero-simple .hero-image {
  width: 100%;
}
@media (min-width: 992px) {
  .hero-simple .hero-image {
    width: 50%;
  }
}
.hero-simple .hero-image img {
  width: 100%;
  min-height: 375px;
  max-height: calc(100vh - 84px);
  object-fit: cover;
}
@media (min-width: 992px) {
  .hero-simple .hero-image img {
    min-height: 820px;
  }
}
.hero-simple .hero-image video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 375px;
  max-height: calc(100vh - 84px);
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .hero-simple .hero-image video {
    min-height: 820px;
  }
}

.product-teaser-boxes {
  background-color: #eaeaea;
}
.product-teaser-boxes .product-teaser-filter {
  display: none;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #c7c7c7;
  padding: 0 1.5625rem;
}
@media (min-width: 992px) {
  .product-teaser-boxes .product-teaser-filter {
    display: flex;
    padding: 0 3.125rem;
  }
}
@media (min-width: 1920px) {
  .product-teaser-boxes .product-teaser-filter {
    padding: 0 6.25rem;
  }
}
.product-teaser-boxes .product-teaser-filter .product-filter-item {
  border-bottom: 1px solid transparent;
  padding: 1.7188rem 0;
  margin-right: 3.125rem;
}
.product-teaser-boxes .product-teaser-filter .product-filter-item span {
  color: #545454;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.product-teaser-boxes .product-teaser-filter .product-filter-item.active, .product-teaser-boxes .product-teaser-filter .product-filter-item:hover {
  border-bottom: 1px solid #222;
}
.product-teaser-boxes .product-teaser-filter .product-filter-item.active span, .product-teaser-boxes .product-teaser-filter .product-filter-item:hover span {
  color: #222;
}
.product-teaser-boxes .product-teaser-filter .product-filter-item:focus-visible {
  outline: 2px solid #936DF8;
}
.product-teaser-boxes .product-teaser-filter .product-filter-item:hover {
  cursor: pointer;
}
.product-teaser-boxes .product-teaser-filter-mobile {
  border-bottom: 1px solid #c7c7c7;
}
@media (min-width: 992px) {
  .product-teaser-boxes .product-teaser-filter-mobile {
    display: none;
  }
}
.product-teaser-boxes .product-teaser-filter-mobile .select2 .selection .select2-selection {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  height: 60px;
}
.product-teaser-boxes .product-teaser-filter-mobile .select2 .selection .select2-selection .select2-selection__rendered {
  color: #222;
  font-size: 1rem;
  line-height: 60px;
  letter-spacing: 0.64px;
  padding: 0 1.5625rem;
}
.product-teaser-boxes .product-teaser-filter-mobile .select2 .selection .select2-selection .select2-selection__arrow {
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.product-teaser-boxes .product-teaser-filter-mobile .select2 .selection .select2-selection .select2-selection__arrow b {
  display: none;
}
.product-teaser-boxes .product-teaser-boxesC {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  flex: 0 0 auto;
  padding: 3.125rem 1.5625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
    min-height: 670px;
    width: 33.3333333333%;
  }
}
@media (min-width: 1920px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
    padding: 3.125rem 6.25rem;
  }
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box .box-header h2, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box .box-header h2 {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.875rem;
  letter-spacing: 1.2px;
  margin-bottom: 1.5625rem;
  hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box img, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box img {
  width: 80px;
  height: auto;
  margin: 0 0 3.125rem;
}
@media (min-width: 992px) {
  .product-teaser-boxes .product-teaser-boxesC .product-teaser-box img, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box img {
    margin: 0 0 5rem;
  }
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box p, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box p {
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 16px;
  letter-spacing: 0.6px;
  margin-bottom: 1.25rem;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box li, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box li {
  color: #545454 !important;
}
.product-teaser-boxes .product-teaser-boxesC .product-teaser-box .link, .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box .link {
  margin-top: auto;
}
.product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
  display: none;
  background-image: url("../images/relaunch/Placeholder_Empty_Card.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .product-teaser-boxes .product-teaser-boxesC .product-schraffiert-box {
    display: block;
  }
}

.download-block .downloadC {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.download-block .downloadC .download-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0 100%;
  padding: 1.5625rem;
  transition: all 300ms;
}
@media (min-width: 768px) {
  .download-block .downloadC .download-item {
    padding: 2.1875rem 3.125rem;
  }
}
@media (min-width: 992px) {
  .download-block .downloadC .download-item {
    max-width: 50%;
    flex: 1 0 30%;
    border-width: 1px 0 1px 0;
  }
}
@media (min-width: 1920px) {
  .download-block .downloadC .download-item {
    padding: 2.1875rem 6.25rem;
  }
}
.download-block .downloadC .download-item:focus {
  outline: 4px solid #936DF8;
}
.download-block .downloadC .download-item .download-name {
  width: 85%;
  transition: all 300ms;
}
.download-block .downloadC .download-item .download-name h3 {
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.8px;
  margin: 0;
}
.download-block .downloadC .download-item .download-iconC {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  min-width: 60px;
  margin-left: 20px;
  background-position: center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
.download-block .downloadC .download-item.single-item {
  max-width: 100%;
}
.download-block .downloadC .download-item.schraffiert {
  display: none;
  background-image: url("../images/relaunch/Placeholder_Empty_Table.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media (min-width: 992px) {
  .download-block .downloadC .download-item.schraffiert {
    display: flex;
  }
}
.download-block .downloadC.purple {
  border-bottom: 1px solid #7B5DCB;
}
.download-block .downloadC.purple .download-item {
  background-color: #7B5DCB;
  border-top: 1px solid rgba(246, 246, 246, 0.3019607843);
}
@media (min-width: 992px) {
  .download-block .downloadC.purple .download-item.border-both {
    border-left: 1px solid rgba(246, 246, 246, 0.3019607843);
    border-right: 1px solid rgba(246, 246, 246, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .download-block .downloadC.purple .download-item.added-border {
    border-left: 1px solid rgba(246, 246, 246, 0.3019607843);
  }
}
.download-block .downloadC.purple .download-item .download-name h3 {
  color: white;
}
.download-block .downloadC.purple .download-item .download-iconC {
  border: 1px solid rgba(246, 246, 246, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_white.svg");
}
.download-block .downloadC.purple .download-item:hover {
  background-color: white;
}
.download-block .downloadC.purple .download-item:hover .download-name h3 {
  color: #222;
}
.download-block .downloadC.purple .download-item:hover .download-iconC {
  border: 1px solid rgba(109, 109, 109, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_black.svg");
}
.download-block .downloadC.black {
  border-bottom: 1px solid rgba(246, 246, 246, 0.3019607843);
}
.download-block .downloadC.black .download-item {
  background-color: #222;
  border-top: 1px solid rgba(246, 246, 246, 0.3019607843);
}
@media (min-width: 992px) {
  .download-block .downloadC.black .download-item.border-both {
    border-left: 1px solid rgba(246, 246, 246, 0.3019607843);
    border-right: 1px solid rgba(246, 246, 246, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .download-block .downloadC.black .download-item.added-border {
    border-left: 1px solid rgba(246, 246, 246, 0.3019607843);
  }
}
.download-block .downloadC.black .download-item .download-name h3 {
  color: white;
}
.download-block .downloadC.black .download-item .download-iconC {
  border: 1px solid rgba(246, 246, 246, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_white.svg");
}
.download-block .downloadC.black .download-item:hover {
  background-color: white;
}
.download-block .downloadC.black .download-item:hover .download-name h3 {
  color: #222;
}
.download-block .downloadC.black .download-item:hover .download-iconC {
  border: 1px solid rgba(109, 109, 109, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_black.svg");
}
.download-block .downloadC.grey {
  border-bottom: 1px solid rgba(109, 109, 109, 0.3019607843);
}
.download-block .downloadC.grey .download-item {
  background-color: #dadada;
  border-top: 1px solid rgba(109, 109, 109, 0.3019607843);
}
@media (min-width: 992px) {
  .download-block .downloadC.grey .download-item.border-both {
    border-left: 1px solid rgba(109, 109, 109, 0.3019607843);
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .download-block .downloadC.grey .download-item.added-border {
    border-left: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
.download-block .downloadC.grey .download-item .download-name h3 {
  color: #222;
}
.download-block .downloadC.grey .download-item .download-iconC {
  border: 1px solid rgba(109, 109, 109, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_black.svg");
}
.download-block .downloadC.grey .download-item:hover {
  background-color: white;
}
.download-block .downloadC.white {
  border-bottom: 1px solid rgba(109, 109, 109, 0.3019607843);
}
.download-block .downloadC.white .download-item {
  background-color: white;
  border-top: 1px solid rgba(109, 109, 109, 0.3019607843);
}
@media (min-width: 992px) {
  .download-block .downloadC.white .download-item.border-both {
    border-left: 1px solid rgba(109, 109, 109, 0.3019607843);
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .download-block .downloadC.white .download-item.added-border {
    border-left: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
.download-block .downloadC.white .download-item .download-name h3 {
  color: #222;
}
.download-block .downloadC.white .download-item .download-iconC {
  border: 1px solid rgba(109, 109, 109, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_black.svg");
}
.download-block .downloadC.white .download-item:hover {
  background-color: #936DF8;
}
.download-block .downloadC.white .download-item:hover .download-name h3 {
  color: white;
}
.download-block .downloadC.white .download-item:hover .download-iconC {
  border: 1px solid rgba(246, 246, 246, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_white.svg");
}

.accordion-block {
  padding: 3.125rem 0;
}
.accordion-block .accordion {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  transition: background-color 100ms;
}
@media (min-width: 768px) {
  .accordion-block .accordion {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .accordion-block .accordion {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.accordion-block .accordion:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.accordion-block .accordion.open, .accordion-block .accordion.opening {
  background-color: #7B5DCB;
}
.accordion-block .accordion .accordion-header {
  position: relative;
}
.accordion-block .accordion .accordion-header a {
  display: block;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.4px;
  line-height: 1.5em;
  padding: 1.5625rem 35px 1.5625rem 0;
}
.accordion-block .accordion .accordion-header a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 16px;
  height: 16px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 500ms;
  transition-timing-function: ease-out;
}
.accordion-block .accordion .accordion-header a.collapsed:after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion-block .accordion .accordion-header a.collapsed:focus:after {
  outline: 4px solid #936DF8;
}
.accordion-block .accordion .accordion-header a.collaps {
  pointer-events: none;
}
.accordion-block .accordion .accordion-header a:focus:after {
  outline: 4px solid white;
}
.accordion-block .accordion .accordion-body {
  padding: 0;
}
.accordion-block .accordion .accordion-body.collapsing {
  pointer-events: none;
}
.accordion-block .accordion .accordion-body .accordion-inner {
  padding: 0 0 1.875rem;
}
@media (min-width: 992px) {
  .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: white;
  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: #f6f6f6 !important;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.64px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
.accordion-block .accordion .accordion-body .accordion-inner .text p:last-child {
  margin-bottom: 0;
}
.accordion-block .accordion .accordion-body .accordion-inner .text a {
  color: #f6f6f6;
  text-decoration: underline;
}
.accordion-block .buttons {
  padding-top: 1.25rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 768px) {
  .accordion-block .buttons {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .accordion-block .buttons {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.accordion-downloads-block .accordion {
  border-top: 1px solid #dadada;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 768px) {
  .accordion-downloads-block .accordion {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .accordion-downloads-block .accordion {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.accordion-downloads-block .accordion .accordion-header {
  position: relative;
}
.accordion-downloads-block .accordion .accordion-header a {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  padding: 1.5625rem 35px 1.5625rem 0;
}
@media (min-width: 768px) {
  .accordion-downloads-block .accordion .accordion-header a {
    padding: 3.125rem 35px 3.125rem 0;
  }
}
.accordion-downloads-block .accordion .accordion-header a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_minus.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
}
.accordion-downloads-block .accordion .accordion-header a.collapsed:after {
  background-image: url("../images/relaunch/utility/icon_plus.svg");
  margin-top: 1px;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner {
  padding: 0 0 1.5625rem 0;
}
@media (min-width: 768px) {
  .accordion-downloads-block .accordion .accordion-body .accordion-inner {
    padding: 0 0 3.125rem 0;
  }
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border: solid #dadada;
  border-width: 0 1px 1px 1px;
  flex: 1 0 100%;
  padding: 1.5625rem;
  transition: all 300ms;
}
@media (min-width: 768px) {
  .accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item {
    padding: 2.1875rem 3.125rem;
  }
}
@media (min-width: 1920px) {
  .accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item {
    padding: 2.1875rem 6.25rem;
  }
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item:first-child {
  border-width: 1px 1px 1px 1px;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item:focus {
  outline: 4px solid #936DF8;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item .download-name {
  width: 85%;
  transition: all 300ms;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item .download-name h3 {
  font-family: VagRoundedLight;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.8px;
  margin: 0;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item .download-iconC {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  min-width: 60px;
  margin-left: 20px;
  border: 1px solid rgba(109, 109, 109, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_black.svg");
  background-position: center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item:hover {
  background-color: #936DF8;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item:hover .download-name h3 {
  color: white;
}
.accordion-downloads-block .accordion .accordion-body .accordion-inner .download-item:hover .download-iconC {
  border: 1px solid rgba(246, 246, 246, 0.3019607843);
  background-image: url("../images/relaunch/utility/icon_download_white.svg");
}
.accordion-downloads-block .buttons {
  padding-top: 1.25rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 768px) {
  .accordion-downloads-block .buttons {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .accordion-downloads-block .buttons {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.quote-block .quote-header {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 992px) {
  .quote-block .quote-header {
    flex-direction: row;
  }
}
.quote-block .quote-header .quote-header-text {
  position: relative;
  width: 80%;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 992px) {
  .quote-block .quote-header .quote-header-text .quote-header-text-inner {
    width: 35%;
  }
}
.quote-block .quote-header .quote-header-text .quote-header-text-inner h2 {
  color: #222;
  margin-bottom: 0;
}
.quote-block .quote-header .quote-header-text .quote-header-text-inner .relaunch-overline {
  color: #222;
}
.quote-block .quote-header .quote-controls {
  align-self: flex-start;
}
@media (min-width: 992px) {
  .quote-block .quote-header .quote-controls {
    align-self: flex-end;
  }
}
.quote-block .quote-header .quote-controls .slick-prev, .quote-block .quote-header .quote-controls .slick-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;
  margin: 1.25rem 1.25rem 0 0;
  height: 60px;
  width: 60px;
}
@media (min-width: 992px) {
  .quote-block .quote-header .quote-controls .slick-prev, .quote-block .quote-header .quote-controls .slick-next {
    margin: 1.25rem 0 0 1.25rem;
  }
}
.quote-block .quote-header .quote-controls .slick-prev {
  background-image: url("../images/relaunch/utility/icon_arrow_left_grey.svg");
}
.quote-block .quote-header .quote-controls .slick-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
}
.quote-block .quote-boxes {
  border-top: 1px solid #dadada;
}
.quote-block .quote-boxes .quote-box {
  display: flex;
  flex-direction: column;
  min-height: 560px;
  border-right: 1px solid #dadada;
  padding: 3.125rem 1.5625rem;
}
@media (min-width: 768px) {
  .quote-block .quote-boxes .quote-box {
    padding: 3.125rem;
  }
}
@media (min-width: 1920px) {
  .quote-block .quote-boxes .quote-box {
    padding: 3.125rem 6.25rem;
  }
}
.quote-block .quote-boxes .quote-box:last-child {
  border-right: none;
}
.quote-block .quote-boxes .quote-box .quote-text {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.quote-block .quote-boxes .quote-box .quote-text .quote-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;
}
.quote-block .quote-boxes .quote-box .quote-text p {
  color: #222;
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
.quote-block .quote-boxes .quote-box .quote-infos {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.quote-block .quote-boxes .quote-box .quote-infos img {
  display: block;
  border-radius: 50%;
  margin-right: 1rem;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.quote-block .quote-boxes .quote-box .quote-infos .quote-details span {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: 0.64px;
}
.quote-block .quote-boxes .quote-box .quote-infos .quote-details span.quote-place {
  color: #545454;
}

.rate-calculator-block .rate-calculatorC {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC {
    flex-direction: row;
  }
}
.rate-calculator-block .rate-calculatorC .calculator-left {
  padding: 1.5625rem;
  width: 100%;
}
.rate-calculator-block .rate-calculatorC .calculator-left h2 {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC .calculator-left h2 {
    font-size: 3.125rem;
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .rate-calculator-block .rate-calculatorC .calculator-left {
    padding: 3.125rem;
    width: 50%;
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC .calculator-left {
    width: 50%;
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 1920px) {
  .rate-calculator-block .rate-calculatorC .calculator-left {
    padding: 3.125rem 6.25rem;
  }
}
.rate-calculator-block .rate-calculatorC .calculator-right {
  width: 100%;
  padding: 1.5625rem;
}
@media (min-width: 768px) {
  .rate-calculator-block .rate-calculatorC .calculator-right {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC .calculator-right {
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .rate-calculator-block .rate-calculatorC .calculator-right {
    padding: 3.125rem 6.25rem;
  }
}
.rate-calculator-block .rate-calculatorC .calculator-right form {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC .calculator-right form {
    min-height: 650px;
  }
}
.rate-calculator-block .rate-calculatorC .calculator-right form .form-elements {
  margin-bottom: 3.125rem;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container {
  margin-bottom: 0;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2 .selection .select2-selection {
  background-color: transparent;
  border: 1px solid #6D6D6D;
  border-radius: 0;
  height: 70px;
  transition: border 300ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2 .selection .select2-selection .select2-selection__rendered {
  color: #dadada;
  font-size: 1rem;
  height: 70px;
  letter-spacing: 0.64px;
  padding: 2rem 1.5625rem 0.8125rem;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2 .selection .select2-selection .select2-selection__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-left: 1px solid #6D6D6D;
  transition: border 300ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2 .selection .select2-selection .select2-selection__arrow:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 16px;
  height: 16px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 300ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2 .selection .select2-selection .select2-selection__arrow b {
  display: none;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2.select2-container--open .selection .select2-selection .select2-selection__arrow:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2:hover .selection .select2-selection {
  border: 1px solid white !important;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .select2:hover .selection .select2-selection .select2-selection__arrow {
  border-left: 1px solid white;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input, .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select {
  background-color: transparent;
  border: 1px solid #6D6D6D;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding: 2rem 1.5625rem 0.8125rem;
  height: 70px;
  width: 100%;
  transition: border 300ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input::placeholder, .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select::placeholder {
  opacity: 0;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input[disabled], .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select[disabled] {
  padding: 0 1.5625rem;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input.error, .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select.error {
  border: 1px solid #936DF8 !important;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input:focus ~ label.floating-label, .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select:focus ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input:hover, .rate-calculator-block .rate-calculatorC .calculator-right form .input-container select:hover {
  border: 1px solid white !important;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container input:not(:placeholder-shown) ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container label {
  color: #dadada;
  font-family: VagRoundedLight;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  transition: all 200ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container label.floating-label {
  position: absolute;
  top: 22px;
  left: 25px;
  pointer-events: none;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container label.select2-floating-label {
  position: absolute;
  top: 22px;
  left: 25px;
  pointer-events: none;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container label.select2-floating-label.selected {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .item-input {
  position: relative;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .has-error .help-block {
  background-color: #936DF8;
  border: 1px solid #936DF8;
  color: white;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 25px;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .has-error .help-block a {
  color: white;
  text-decoration: underline;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .error-holder {
  height: 0;
  opacity: 0;
  transition: all 300ms;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .error-holder.has-error {
  height: 50px;
  opacity: 1;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .input-container .play-error-shake {
  animation: 0.7s error-shake;
}
@keyframes error-shake {
  0% {
    transform: translateX(0);
  }
  17% {
    transform: translateX(3px);
  }
  34% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(3px);
  }
  67% {
    transform: translateX(-3px);
  }
  84% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
.rate-calculator-block .rate-calculatorC .calculator-right form .results-container {
  background-color: #7B5DCB;
  margin-bottom: 3.125rem;
  padding: 1.5625rem;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .results-container p {
  color: white !important;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .rate-calculator-block .rate-calculatorC .calculator-right form .results-container p {
    max-width: 50%;
  }
}
.rate-calculator-block .rate-calculatorC .calculator-right form .results-container span {
  display: block;
  color: white;
  font-size: 3.125rem;
  line-height: 1.2em;
  letter-spacing: 2px;
  margin-top: 3.125rem;
  text-align: right;
  width: 100%;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .submit-container {
  margin-top: auto;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .submit-span input[type=submit] {
  height: auto;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .col-12 + .col-12 .input-container .select2 .selection .select2-selection {
  border-top: 0;
}
.rate-calculator-block .rate-calculatorC .calculator-right form .col-12 + .col-12 .input-container input, .rate-calculator-block .rate-calculatorC .calculator-right form .col-12 + .col-12 .input-container select {
  border-top: 0;
}

.price-exchange-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .price-exchange-wrapper {
    flex-direction: row;
  }
}
.price-exchange-wrapper .price-left {
  padding: 1.5625rem;
  width: 100%;
}
@media (min-width: 768px) {
  .price-exchange-wrapper .price-left {
    padding: 3.125rem;
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-left {
    width: 50%;
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
  }
}
@media (min-width: 1920px) {
  .price-exchange-wrapper .price-left {
    padding: 3.125rem 6.25rem;
  }
}
.price-exchange-wrapper .price-left .text-left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-left .text-left {
    width: 75%;
  }
}
.price-exchange-wrapper .price-left .text-left h2 {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-left .text-left h2 {
    font-size: 3.125rem;
  }
}
.price-exchange-wrapper .price-left .text-left p {
  font-size: 1rem;
}
.price-exchange-wrapper .price-left .text-left .bottom {
  color: white;
  margin-top: auto;
}
.price-exchange-wrapper .price-left .text-left .bottom span {
  display: block;
  color: #dadada;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.price-exchange-wrapper .price-right {
  width: 100%;
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-right {
    width: 50%;
  }
}
.price-exchange-wrapper .price-right .price-item {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(109, 109, 109, 0.3019607843);
  border-bottom: 1px solid rgba(109, 109, 109, 0.3019607843);
  padding: 1.5625rem;
}
@media (min-width: 768px) {
  .price-exchange-wrapper .price-right .price-item {
    padding: 3.125rem;
  }
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-right .price-item {
    border-top: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 250px;
  }
}
@media (min-width: 1920px) {
  .price-exchange-wrapper .price-right .price-item {
    padding: 3.125rem 6.25rem;
  }
}
.price-exchange-wrapper .price-right .price-item:last-child {
  border-bottom: none;
}
.price-exchange-wrapper .price-right .price-item .price-text {
  order: 2;
}
.price-exchange-wrapper .price-right .price-item .price-text .price-description {
  display: block;
  color: #dadada;
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.8px;
  margin-bottom: 0.9375rem;
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-right .price-item .price-text .price-description {
    margin-bottom: 3.125rem;
  }
}
.price-exchange-wrapper .price-right .price-item .price-text .price {
  color: white;
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
.price-exchange-wrapper .price-right .price-item .price-text .price .price-value {
  display: inline-block;
  color: white;
  font-size: 4.375rem;
  line-height: 1.2em;
  letter-spacing: 2.8px;
}
.price-exchange-wrapper .price-right .price-item .price-icon {
  order: 1;
  display: block;
  min-width: 70px;
  width: 70px;
  height: 70px;
  margin-bottom: 6.25rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .price-exchange-wrapper .price-right .price-item .price-icon {
    margin-bottom: 0;
    order: 3;
  }
}
.price-exchange-wrapper .price-right .price-item .price-icon.average {
  background-image: url("../images/relaunch/price_average.svg");
}
.price-exchange-wrapper .price-right .price-item .price-icon.highest {
  background-image: url("../images/relaunch/price_highest.svg");
}
.price-exchange-wrapper .price-right .price-item .price-icon.lowest {
  background-image: url("../images/relaunch/price_lowest.svg");
}
.price-exchange-wrapper .price-right .price-item .price-icon.average-week {
  background-image: url("../images/relaunch/price_calendar.svg");
}
.price-exchange-wrapper .price-right .price-item .price-icon.amount {
  background-image: url("../images/relaunch/price_amount.svg");
}
.price-exchange-wrapper .price-right .price-item .price-icon.time {
  background-image: url("../images/relaunch/price_hourly.svg");
}

.code-box-container {
  padding: 3.125rem 0;
}
.code-box-container .code-box {
  border: 1px solid rgba(116, 116, 116, 0.3);
  padding: 1.5625rem;
  margin-bottom: 3.125rem;
  overflow: auto;
}
.code-box-container .code-box:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .code-box-container .code-box {
    padding: 3.125rem;
  }
}
@media (min-width: 1920px) {
  .code-box-container .code-box {
    padding: 3.125rem 6.25rem;
  }
}
.code-box-container .code-box h2 {
  font-size: 1.875rem;
  margin-bottom: 6.25rem;
}
.code-box-container .code-box table {
  width: 100%;
  min-width: 500px;
}
@media (min-width: 992px) {
  .code-box-container .code-box table {
    width: 50%;
  }
}
.code-box-container .code-box table tr td {
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
}
.code-box-container .code-box table tr td:first-child {
  color: #545454;
}
.code-box-container .code-box p {
  color: #222;
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 0;
  white-space: nowrap;
}

.content-nav-container {
  position: sticky;
  top: 72px;
  z-index: 999;
}
@media (min-width: 992px) {
  .content-nav-container {
    top: 84px;
  }
}
.content-nav-container .accordion .accordion-header {
  background-color: #7B5DCB;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 768px) {
  .content-nav-container .accordion .accordion-header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .content-nav-container .accordion .accordion-header {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.content-nav-container .accordion .accordion-header a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.4px;
  line-height: normal;
  padding: 1.25rem 35px 1.25rem 35px;
}
.content-nav-container .accordion .accordion-header a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 16px;
  height: 16px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_up_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 500ms;
  transition-timing-function: ease-out;
}
.content-nav-container .accordion .accordion-header a.collapsed:before {
  transform: translateY(-50%) rotate(180deg);
}
.content-nav-container .accordion .accordion-header a.collaps {
  pointer-events: none;
}
.content-nav-container .accordion .accordion-header a .count .count-current {
  color: white;
  font-size: 1.25rem;
}
.content-nav-container .accordion .accordion-header a .count .count-max {
  display: inline-block;
  margin-left: 5px;
  color: #dadada;
}
.content-nav-container .accordion .accordion-body.collapsing {
  pointer-events: none;
}
.content-nav-container .accordion .accordion-body .accordion-inner {
  background-color: white;
}
.content-nav-container .accordion .accordion-body .accordion-inner a {
  display: block;
  border-bottom: 1px solid #dadada;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  letter-spacing: 0.4px;
  line-height: normal;
  padding: 1.25rem 1.5625rem;
}
@media (min-width: 768px) {
  .content-nav-container .accordion .accordion-body .accordion-inner a {
    padding: 1.25rem 3.125rem;
  }
}
@media (min-width: 1920px) {
  .content-nav-container .accordion .accordion-body .accordion-inner a {
    padding: 1.25rem 6.25rem;
  }
}
.content-nav-container .accordion .accordion-body .accordion-inner a.active, .content-nav-container .accordion .accordion-body .accordion-inner a:hover {
  color: #222;
  text-decoration: underline;
}

.logo-block .logo-header {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media (min-width: 992px) {
  .logo-block .logo-header {
    flex-direction: row;
  }
}
.logo-block .logo-header .logo-header-text {
  position: relative;
  width: 80%;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 992px) {
  .logo-block .logo-header .logo-header-text .logo-header-text-inner {
    width: 35%;
  }
}
.logo-block .logo-header .logo-header-text .logo-header-text-inner h2 {
  color: #222;
}
.logo-block .logo-header .logo-header-text .logo-header-text-inner .relaunch-overline {
  color: #222;
}
.logo-block .logo-header .slider-controls {
  align-self: flex-start;
}
@media (min-width: 992px) {
  .logo-block .logo-header .slider-controls {
    align-self: flex-end;
  }
}
.logo-block .logo-header .slider-controls .slick-prev, .logo-block .logo-header .slider-controls .slick-next {
  display: inline-block;
  background-color: #222;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid #222;
  font-size: 0;
  margin: 1.25rem 1.25rem 0 0;
  height: 60px;
  width: 60px;
  transition: all 300ms;
}
@media (min-width: 992px) {
  .logo-block .logo-header .slider-controls .slick-prev, .logo-block .logo-header .slider-controls .slick-next {
    margin: 1.25rem 0 0 1.25rem;
  }
}
.logo-block .logo-header .slider-controls .slick-prev:hover, .logo-block .logo-header .slider-controls .slick-next:hover {
  background-color: transparent;
  border: 1px solid rgba(116, 116, 116, 0.3);
}
.logo-block .logo-header .slider-controls .slick-prev {
  background-image: url("../images/relaunch/utility/icon_arrow_left_white.svg");
}
.logo-block .logo-header .slider-controls .slick-prev:hover {
  background-image: url("../images/relaunch/utility/icon_arrow_left_grey.svg");
}
.logo-block .logo-header .slider-controls .slick-next {
  background-image: url("../images/relaunch/utility/icon_arrow_right_white.svg");
}
.logo-block .logo-header .slider-controls .slick-next:hover {
  background-image: url("../images/relaunch/utility/icon_arrow_right_grey.svg");
}
.logo-block .logo-boxes {
  border-top: 1px solid rgba(116, 116, 116, 0.3);
  border-bottom: 1px solid rgba(116, 116, 116, 0.3);
}
.logo-block .logo-boxes .slick-track {
  display: flex;
}
.logo-block .logo-boxes .logo-box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  border-right: 1px solid rgba(116, 116, 116, 0.3);
  padding: 3.125rem 1.5625rem;
}
.logo-block .logo-boxes .logo-box.slick-slide {
  height: inherit;
}
.logo-block .logo-boxes .logo-box:last-child {
  border-right: none;
}
.logo-block .logo-boxes .logo-box img {
  max-width: 90%;
  height: auto;
}

.heat-check form {
  margin-top: 30px;
}
.heat-check .input-container {
  margin-bottom: 30px;
}
.heat-check .tooltip-trigger:not(.inline-link) {
  background-image: url("../images/icon_fragezeichen.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  content: " ";
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 20px;
  right: 25px;
}
.heat-check .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%;
}
.heat-check .info-form-tooltip.full-width-tooltip {
  width: 100%;
}
.heat-check .info-form-tooltip h2, .heat-check .info-form-tooltip h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1em;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.08em;
  padding: 0 50px 0px 25px;
  text-indent: -25px;
}
.heat-check .info-form-tooltip h2:before, .heat-check .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;
}
.heat-check .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;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.heat-check .info-form-tooltip .closeButton:focus {
  outline: 0;
}
.heat-check .info-form-tooltip .closeButton:focus-visible {
  outline: 2px solid #936DF8;
  outline-offset: 2px;
}
.heat-check .info-form-tooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1em;
  letter-spacing: 0.04em;
  padding-top: 15px;
}
@media (min-width: 768px) {
  .heat-check .info-form-tooltip p {
    padding-top: 0;
  }
}
.heat-check .info-form-tooltip.inline-link {
  width: 100%;
}
@media (max-width: 991.98px) {
  .heat-check .info-form-tooltip.inline-link p {
    max-width: 100% !important;
  }
}
.heat-check .info-form-tooltip ul {
  margin-top: 5px;
}
.heat-check .info-form-tooltip ul > li {
  font-size: 1em;
  margin-left: 25px;
  padding-left: 10px;
  list-style-image: url("../images/arrow_bullet_green.svg") !important;
}
.heat-check .info-form-tooltip ul > li:before {
  display: none !important;
}
.heat-check .info-form-tooltip ul > li ul {
  font-size: 1em;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  margin-left: 25px;
}
.heat-check .info-form-tooltip ul > li ul li {
  font-size: 1em;
  text-indent: -5px;
  list-style: none;
}
.heat-check .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;
}
.heat-check .cbLabel {
  display: inline-block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.33em;
  margin-bottom: 30px;
  padding-left: 35px;
  width: calc(100% - 15px);
}
.heat-check .cbLabel a {
  color: inherit;
  text-decoration: underline;
}
.heat-check input[type=checkbox] + label:before {
  background-image: url("../images/check_inactive_neu.svg");
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
}
.heat-check input[type=checkbox]:checked + label:before {
  background-image: url("../images/check_active_neu.svg");
}
.heat-check .call-to-action {
  margin-bottom: 30px;
}
.heat-check .small-dark {
  font-size: 0.75rem !important;
}
.heat-check .has-icon .help-block.form-error {
  position: relative;
  display: block;
  background-color: #FFE8E8;
  color: #222;
  font-size: 1rem;
  letter-spacing: 0.04em;
  padding: 16px 16px 16px 52px;
  margin-top: 0;
  margin-bottom: 30px;
}
.heat-check .has-icon .help-block.form-error:before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("../images/relaunch/utility/icon_alert.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.heat-check-true.compatible, .heat-check-false, .heat-check-true-hardware-false {
  position: relative;
}
.heat-check-true.compatible h2, .heat-check-false h2, .heat-check-true-hardware-false h2 {
  color: #222;
  font-size: 1.875rem;
  font-family: VagRoundedLight;
  font-weight: normal;
  line-height: 1.17em;
  letter-spacing: 0.04em;
  margin-bottom: 25px;
}
.heat-check-true.compatible .buttons, .heat-check-false .buttons, .heat-check-true-hardware-false .buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}

.heat-check-true.compatible {
  margin: -60px;
}
.heat-check-true.compatible .info-header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #936DF8;
  padding: 28px 0;
  width: 100%;
}
.heat-check-true.compatible .info-header .success-icon-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 264px;
  height: 264px;
}
.heat-check-true.compatible .info-header .success-icon-outer .success-icon-inner {
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("../images/relaunch/utility/icon_success_heat.svg");
  background-size: 124px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 180px;
  height: 180px;
}
.heat-check-true.compatible .buttons {
  margin-bottom: 0;
}
.heat-check-true.compatible .buttons .call-to-action {
  margin-bottom: 0;
}
.heat-check-true.compatible .heat-body {
  padding: 50px;
}

.heat-check-false .info-header .error-icon, .heat-check-true-hardware-false .info-header .error-icon {
  display: block;
  background-color: #FFE8E8;
  background-image: url("../images/relaunch/utility/icon_error.svg");
  background-size: 48px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-bottom: 30px;
  width: 80px;
  height: 80px;
}
.heat-check-false .info-header .error-icon-2, .heat-check-true-hardware-false .info-header .error-icon-2 {
  display: block;
  background-color: #fce4b2;
  background-image: url("../images/relaunch/utility/icon_error_yellow.png");
  background-size: 48px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-bottom: 30px;
  width: 80px;
  height: 80px;
}
.heat-check-false .buttons > *, .heat-check-true-hardware-false .buttons > * {
  margin-bottom: 10px;
}
.heat-check-false .buttons .light, .heat-check-true-hardware-false .buttons .light {
  border: 1px solid #6D6D6D;
}
.heat-check-false .buttons .light:hover, .heat-check-true-hardware-false .buttons .light:hover {
  border-color: #936DF8;
}
.heat-check-false .footer-text p, .heat-check-true-hardware-false .footer-text p {
  font-size: 0.75rem !important;
  color: #6D6D6D;
  margin-bottom: 0;
}

.price-trend-chart-wrapper.price-production > div:first-child {
  margin-bottom: -16px;
  padding-bottom: 0;
}

.price-production-legend {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 1.25rem;
}
@media (min-width: 992px) {
  .price-production-legend {
    flex-direction: row;
  }
}
.price-production-legend .legend-item {
  display: flex;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 30px;
  padding: 4px 12px;
  margin-right: 14px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .price-production-legend .legend-item {
    margin-bottom: 0;
  }
}
.price-production-legend .legend-item .dot {
  border-radius: 50%;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-right: 8px;
}
.price-production-legend .legend-item .dot.green {
  background-color: #85E846;
}
.price-production-legend .legend-item .dot.blue {
  background-color: #28C8C8;
}
.price-production-legend .legend-item .dot.yellow {
  background-color: #DBBE2D;
}
.price-production-legend .legend-item span {
  color: #6D6D6D;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.6px;
}

.angebotstoolC ul.green-check-list {
  margin-top: 0.625rem;
  margin-bottom: 2.5rem;
}
.angebotstoolC ul.green-check-list > li {
  position: relative;
  list-style: none !important;
  color: #6D6D6D;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-left: 0;
  padding-left: 36px;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.angebotstoolC ul.green-check-list > li:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #85E846;
  background-image: url("../images/relaunch/utility/icon-check.svg");
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.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: 3px;
  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 #dadada;
  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: 768px) {
  .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: #85E846;
  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: 768px) {
  .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: 768px) {
  .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: 768px) {
  .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: 992px) {
  .angebotstoolC .angebote .angebot-item .angebot-options {
    margin-top: 0;
  }
}
.angebotstoolC .angebote .angebot-item .angebot-options span.date-to {
  display: block;
  font-size: 13px;
  color: #85E846;
}
.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: 768px) {
  .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: 768px) {
  .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;
}
@media (min-width: 768px) {
  .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;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip .closeButton:focus {
  outline: 0;
}
.angebotstoolC .angebote .angebot-item .info-form-tooltip .closeButton:focus-visible {
  outline: 2px solid #936DF8;
  outline-offset: 2px;
}
.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: 992px) {
  .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: #F5F5F5;
  display: none;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col p {
  margin-bottom: 0;
}
.angebotstoolC .angebote .angebot-item .zaehlpunkt-hint-col {
  padding: 2.5em 2.5em 1.25em;
}
.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: #F5F5F5;
  padding: 1.25em;
  flex-wrap: wrap;
  padding: 2.5em;
}
@media (min-width: 768px) {
  .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: 768px) {
  .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: #dadada;
  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 #85E846;
  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: 768px) {
  .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: 768px) {
  .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;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.angebotstoolC .angebote-additional-info .info-form-tooltip .closeButton:focus {
  outline: 0;
}
.angebotstoolC .angebote-additional-info .info-form-tooltip .closeButton:focus-visible {
  outline: 2px solid #936DF8;
  outline-offset: 2px;
}
.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: 992px) {
  .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: #F5F5F5;
  margin-bottom: 50px;
  margin-left: 50px;
}
@media (max-width: 991.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: #85E846;
  font-size: 2.1875rem;
  margin: 0 0 15px 0;
}

.popup-block {
  display: flex;
  flex-direction: column;
}
.popup-block .popup-section {
  flex: 0 0 auto;
  width: 100%;
}
.popup-block .popup-section.image {
  height: 300px;
}
.popup-block .popup-section.image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.popup-block .popup-section.text {
  background-color: #fff;
  padding: 2rem;
}
.popup-block .popup-section.text h2 {
  font-size: 2rem;
  line-height: 1.2em;
  letter-spacing: 0.4px;
  margin-bottom: 1.25rem;
}
.popup-block .popup-section.text p {
  font-size: 1rem;
}
.popup-block .popup-section.text .qr-section {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background-color: #dedede;
  border-radius: 20px;
  padding: 1rem;
}
.popup-block .popup-section.text .qr-section .qr-text .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #85E846;
  background-image: url("../images/icon_scan.svg");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.popup-block .popup-section.text .qr-section .qr-text p {
  color: #333;
  font-size: 0.825rem;
  margin-bottom: 0;
}
.popup-block .popup-section.text .qr-section .qr-image {
  width: 82px;
}
.popup-block .popup-section.text .qr-section .qr-image img {
  width: 100%;
  height: auto;
}

.pills-slider {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .pills-slider {
    flex-direction: row;
  }
}
.pills-slider.infoHalfBlockC .textBlock {
  order: 1;
  width: 100%;
  min-height: 560px;
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock {
    order: 0;
  }
}
.pills-slider.infoHalfBlockC .textBlock h2 {
  font-size: 2.5rem;
  hyphens: auto;
  -webkit-hyphens: auto;
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock h2 {
    font-size: 3.125rem;
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock {
    border-right: 1px solid rgba(109, 109, 109, 0.3019607843);
    background-color: white;
    width: 50%;
  }
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock {
  display: flex;
  flex-direction: column;
  padding: 1.5625rem;
}
@media (min-width: 768px) {
  .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock {
    padding: 1.5625rem 3.125rem !important;
  }
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock {
    padding: 3.125rem !important;
  }
}
@media (min-width: 1920px) {
  .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock {
    padding: 3.125rem 100px !important;
  }
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav {
  display: flex;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  z-index: 2;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill {
  position: relative;
  display: inline-block;
  flex: 1 0 30%;
  background-color: #EAEAEA;
  border: none;
  border-radius: 48px;
  color: #222;
  cursor: pointer;
  font-family: VagRoundedLight, sans-serif;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.2em;
  margin-bottom: 0;
  padding: 1.2813rem 0;
  text-align: center;
  text-transform: none;
  overflow: hidden;
  z-index: 0;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill:before, .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill:after {
  content: none;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill.active:after, .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 0;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill.active:before {
  background: linear-gradient(to right, #85E846 50%, #EAEAEA 50%);
  background-position: 99% 0;
  background-size: 210% 100%;
  animation: progressFill 4.9s linear forwards;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill.active:after {
  background-color: #EAEAEA;
  opacity: 0;
  animation: solidify 0.1s linear 4.9s forwards;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .pills-nav .pill:focus {
  outline: 2px solid #936DF8;
  outline-offset: 2px;
  z-index: 10;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text {
  position: relative;
  margin-top: auto;
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text {
    margin-top: 0;
    height: 100%;
  }
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text .slide-item {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.8s ease-in-out, visibility 0.8s;
  visibility: hidden;
  min-height: 440px;
  width: 100%;
  z-index: 0;
  background-color: white;
  padding: 3.125rem 0 0;
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text .slide-item {
    background-color: transparent;
    border-radius: 0;
    padding: 5rem 0;
    height: 100%;
    top: 0;
    bottom: auto;
  }
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text .slide-item.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text .slide-item h3 {
  color: #222;
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
  line-height: 1.2em;
}
.pills-slider.infoHalfBlockC .textBlock .infoHalfBlock .slide-text .slide-item p {
  color: #545454;
  font-size: 1rem;
  line-height: 1.5em;
}
.pills-slider.infoHalfBlockC .image-container.slider {
  order: 0;
  padding-bottom: 0;
  min-height: 350px !important;
  max-height: 350px !important;
  width: 100%;
}
@media (min-width: 992px) {
  .pills-slider.infoHalfBlockC .image-container.slider {
    order: 1;
    width: 50%;
    min-height: 550px !important;
    max-height: 550px !important;
  }
}
.pills-slider.infoHalfBlockC .image-container.slider .imageBlock {
  padding: 0;
}
@media (min-width: 1100px) {
  .pills-slider.infoHalfBlockC .image-container.slider, .pills-slider.infoHalfBlockC .textBlock {
    min-height: 720px !important;
    max-height: 720px !important;
  }
}
.pills-slider.infoHalfBlockC .slider {
  position: relative;
  display: flex;
  align-items: center;
}
.pills-slider.infoHalfBlockC .slider .imageBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-in-out, visibility 0.8s;
  z-index: 0;
}
.pills-slider.infoHalfBlockC .slider .imageBlock.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.pills-slider.infoHalfBlockC .slider .imageBlock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@keyframes progressFill {
  to {
    background-position: 2% 0;
  }
}
@keyframes solidify {
  to {
    opacity: 1;
  }
}

/************************
    FOOTER
    ************************/
footer {
  background: #fff;
  clear: both;
}
footer .top-footer {
  display: block;
  position: relative;
  padding: 3.125rem 0 3.125rem;
}
@media (min-width: 992px) {
  footer .top-footer {
    padding: 3.125rem 0 6.25rem;
  }
}
@media (min-width: 1100px) {
  footer .top-footer {
    padding: 3.125rem 0 12.5rem;
  }
}
footer .top-footer .logo {
  display: block;
  position: relative;
  padding: 0 0 1.5625rem;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 992px) {
  footer .top-footer .logo {
    padding: 0 0 3.125rem;
  }
}
footer .top-footer .logo img {
  width: 110px;
  height: auto;
}
footer .top-footer .logo .footerTextMobile {
  display: block;
  padding-top: 3.125rem;
  width: 50%;
}
footer .top-footer .logo .footerTextMobile p {
  color: #545454;
  font-size: 1rem;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  footer .top-footer .logo .footerTextMobile {
    display: none;
  }
}
footer .top-footer .footerC {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  footer .top-footer .footerC {
    padding-top: 3.125rem;
  }
}
footer .top-footer .footerC h2, footer .top-footer .footerC .collapse-link {
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  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_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 300ms;
}
footer .top-footer .footerC .collapse-link:hover {
  color: #222;
}
footer .top-footer .footerC .collapse-link.collapsed:after {
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg");
}
footer .top-footer .footerC p {
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  margin-bottom: 0.9375rem;
}
footer .top-footer .footerC p:last-child {
  margin-bottom: 0;
}
footer .top-footer .footerC p a {
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
footer .top-footer .footerC p a:hover {
  color: #936DF8;
}
footer .top-footer .footerC .footer-right {
  position: relative;
  width: 100%;
}
footer .top-footer .footerC .footer-right .footer-links {
  justify-content: flex-end;
  flex-wrap: wrap;
}
footer .top-footer .footerC .footer-right .footer-links.desktop {
  display: none;
}
@media (min-width: 992px) {
  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: 992px) {
  footer .top-footer .footerC .footer-right .footer-links.mobile {
    display: none;
  }
}
footer .top-footer .footerC .footer-right .footer-links.mobile .footer-link-item {
  padding: 1.5625rem;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 768px) {
  footer .top-footer .footerC .footer-right .footer-links.mobile .footer-link-item {
    padding: 1.5625rem 3.125rem;
  }
}
footer .top-footer .footerC .footer-right .footer-links .footer-link-item {
  width: 100%;
}
@media (min-width: 992px) {
  footer .top-footer .footerC .footer-right .footer-links .footer-link-item {
    width: calc((100% - 100px) / 5);
    margin-bottom: 0;
    padding: 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 a:focus-visible {
  outline: 4px solid #936DF8;
}
footer .bottom-footerC {
  background: white;
}
footer .bottom-footerC .bottom-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 1.5625rem;
}
@media (min-width: 768px) {
  footer .bottom-footerC .bottom-footer {
    padding: 0 3.125rem;
  }
}
@media (min-width: 1920px) {
  footer .bottom-footerC .bottom-footer {
    padding: 0 6.25rem;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  footer .bottom-footerC .bottom-footer .footerLastLinks {
    flex-direction: row;
    padding: 0.75rem 0;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks a {
  display: inline-block;
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5625em;
  letter-spacing: 0.4px;
  margin-right: 40px;
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  footer .bottom-footerC .bottom-footer .footerLastLinks a {
    margin-bottom: 0;
  }
}
footer .bottom-footerC .bottom-footer .footerLastLinks a:hover {
  color: #936DF8;
}
footer .bottom-footerC .bottom-footer .footerLastLinks a:focus-visible {
  outline: 4px solid #936DF8;
}
footer .bottom-footerC .bottom-footer .footerLastText {
  display: none;
  width: 100%;
}
@media (min-width: 992px) {
  footer .bottom-footerC .bottom-footer .footerLastText {
    width: auto;
    display: block;
  }
}
footer .bottom-footerC .bottom-footer .footerLastText .bottom-info-text {
  display: inline-block;
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5625em;
  letter-spacing: 0.4px;
  margin-bottom: 0;
}
footer.order .bottom-footerC {
  background-color: #222;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  footer.order .bottom-footerC {
    padding-top: 0;
    padding-bottom: 0;
  }
}
footer.order .bottom-footerC .bottom-footer .footerLastLinks a {
  color: white;
}
footer.order .bottom-footerC .bottom-footer .footerLastLinks a:hover {
  color: #936DF8;
}
footer.order .bottom-footerC .bottom-footer .footerLastText {
  display: block;
}
footer.order .bottom-footerC .bottom-footer .footerLastText p {
  color: white;
}

.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: 768px) {
  .contactContainer .contactButton {
    right: -50px;
    top: 180px;
  }
}
.contactContainer .contactButton span {
  display: block;
  line-height: 50px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.875em;
  letter-spacing: 0.3em;
  font-family: "VagRoundedBold";
  color: #85E846;
  text-transform: uppercase;
}
.contactContainer .contactButton.in {
  bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .contactContainer .contactButton.in {
    right: -100px;
  }
}
.contactContainer .contactBottomButton {
  position: relative;
  display: block;
  width: 80%;
  margin: 20px auto 0px;
  border: 1px solid #85E846;
  border-radius: 30px;
  letter-spacing: 0.2rem;
  font-size: 0.875em;
  color: #85E846;
}
.contactContainer .contactBottomButton:hover {
  background-color: #85E846;
  color: white;
}
@media (max-width: 991.98px) {
  .contactContainer .contactBottomButton {
    width: 100%;
  }
}
.contactContainer .contactButtonsWrapper h2 {
  margin-top: 0 !important;
  font-size: 1.125em !important;
}
@media (max-width: 991.98px) {
  .contactContainer .contactButtonsWrapper h2 {
    margin-bottom: 20px !important;
  }
}
.contactContainer .contactBoxes {
  display: flex;
  flex-wrap: wrap;
}
.contactContainer .contactBoxes div {
  background-color: #85E846;
  -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 #85E846;
}
.contactContainer .contactBoxes div:hover {
  background-color: white;
}
.contactContainer .contactBoxes div:hover a {
  color: #85E846;
}
@media (max-width: 991.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: #85E846;
}
.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: 768px) {
  .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, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 640px;
    padding: 0;
    height: 150px;
    bottom: initial;
    display: block;
  }
}
.contactContainer .formC h3 {
  color: #333333;
  font-size: 0.875em;
  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;
}
@media (min-width: 768px) {
  .contactContainer .formC.in .contactClose {
    display: block;
  }
}
.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: 768px) {
  .contactContainer .formC.in {
    bottom: initial;
    width: 640px;
    right: -590px;
    padding-top: 0;
    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: #dadada;
  transition-delay: 0.2s;
}
.contactContainer .formC.in .formButtonC {
  width: 100%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .contactContainer .formC.in .formButtonC {
    width: 50px;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.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: 768px) {
  .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: 768px) {
  .contactContainer .formC .formButtonC .formButton {
    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.875em;
  letter-spacing: 0.3em;
  font-family: "VagRoundedBold";
  color: #85E846;
  text-transform: uppercase;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .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: 768px) {
  .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: 768px) {
  .contactContainer .formC .contactForm {
    padding: 40px 0 40px 40px;
    width: calc(100% - 100px);
  }
}
.contactContainer .formC .contactForm .sel .sel__placeholder {
  color: #333333;
}
.contactContainer .formC .contactForm .sel .sel__box {
  background-color: white;
}
.contactContainer .formC .contactForm .sel .sel__box .sel__box__options {
  color: #333333;
}
.contactContainer .formC .contactForm #kontakt_meineProdukteSelectC .sel, .contactContainer .formC .contactForm #kontakt_estmkProdukteSelectC .sel {
  margin-top: 20px;
}
.contactContainer .formC .contactForm .selectC {
  position: relative;
}
@media (max-width: 991.98px) {
  .contactContainer .formC .contactForm span.help-block.form-error {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .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.0625em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  background: white;
  width: 100%;
  border-radius: 0;
}
.contactContainer .formC .contactForm select::-webkit-input-placeholder, .contactContainer .formC .contactForm textarea::-webkit-input-placeholder, .contactContainer .formC .contactForm input::-webkit-input-placeholder {
  color: #6B6B6B;
}
.contactContainer .formC .contactForm select:-moz-placeholder, .contactContainer .formC .contactForm textarea:-moz-placeholder, .contactContainer .formC .contactForm input:-moz-placeholder {
  color: #6B6B6B;
  opacity: 1;
}
.contactContainer .formC .contactForm select::-moz-placeholder, .contactContainer .formC .contactForm textarea::-moz-placeholder, .contactContainer .formC .contactForm input::-moz-placeholder {
  color: #6B6B6B;
  opacity: 1;
}
.contactContainer .formC .contactForm select::-ms-input-placeholder, .contactContainer .formC .contactForm textarea::-ms-input-placeholder, .contactContainer .formC .contactForm input::-ms-input-placeholder {
  color: #6B6B6B;
}
.contactContainer .formC .contactForm select::-ms-input-placeholder, .contactContainer .formC .contactForm textarea::-ms-input-placeholder, .contactContainer .formC .contactForm input::-ms-input-placeholder {
  color: #6B6B6B;
}
.contactContainer .formC .contactForm select:focus, .contactContainer .formC .contactForm textarea:focus, .contactContainer .formC .contactForm input:focus {
  border-color: #85E846;
}
.contactContainer .formC .contactForm select {
  border-width: 1px;
  height: 45px;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  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: 0.625em;
  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.875em;
}
.contactContainer .formC .contactForm .partnerNr h3 {
  margin-top: 0.4375em;
}
.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 h4 {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 1em;
  font-family: VagRoundedBold, sans-serif;
  letter-spacing: 0.08em;
}
.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 .kontakt_closeButton:focus {
  outline: 0;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip .kontakt_closeButton:focus-visible {
  outline: 2px solid rgba(147, 109, 248, 0.5);
  outline-offset: 2px;
}
.contactContainer .formC .contactForm .kontakt_partnerNr .kontakt_partnerNrTooltip p {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 1em;
  letter-spacing: 0.04em;
}
.contactContainer .formC .contactForm textarea {
  border-width: 1px;
  height: 70px;
  margin-bottom: 20px;
  padding: 15px 10px;
  resize: vertical;
}
@media (min-width: 768px) {
  .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: 768px) {
  .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: 768px) {
  .contactContainer .formC .contactForm .emailPhoneInput .mail {
    width: 44%;
    margin-bottom: 0px;
  }
}
.contactContainer .formC .contactForm .emailPhoneInput .phone {
  width: 82%;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .contactContainer .formC .contactForm .emailPhoneInput .phone {
    width: 38%;
  }
}
.contactContainer .formC .contactForm .emailPhoneInput span {
  width: 18%;
  color: white;
  font-size: 1em;
  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: 768px) {
  .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: 768px) {
  .contactContainer .formC .contactForm .button {
    margin-top: 0;
  }
}
.contactContainer .formC .contactForm h2 {
  font-size: 1em;
  font-family: "VagRoundedLight";
  line-height: 1.2em;
  letter-spacing: 0.08em;
  margin: 15px 0 5px 0;
}
@media (min-width: 768px) {
  .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;
  }
}

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

/************************
   FRAMES
    ************************/
.frame {
  clear: left;
}
.frame.frame-bg-grey {
  background-color: #eaeaea;
}
.frame.frame-bg-grey .content-image-blockC {
  background: white;
}
.frame.frame-bg-grey .content-image-blockC .content-image-block {
  background-color: #eaeaea;
}
@media (min-width: 992px) {
  .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: 992px) {
  .frame.frame-bg-grey .content-image-blockC .content-image-block .text {
    padding: 2.5rem;
  }
}
.frame.frame-bg-white .content-image-blockC .content-image-block {
  background-color: white;
}
@media (min-width: 992px) {
  .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: 992px) {
  .frame.frame-bg-white .content-image-blockC .content-image-block .text {
    padding: 2.5rem;
  }
}
.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 (max-width: 1099.98px) {
  .frame.container.frame-type-gridelements_pi1 .button {
    margin: 5px 0;
  }
}
@media (max-width: 1099.98px) {
  .frame.container.frame-type-gridelements_pi1 .white-box {
    margin: 0.625em 15px;
  }
}
@media (min-width: 992px) {
  .frame.frame-type-gridelements_pi1 .row-eq-height, .frame.frame-type-gridelements_pi1 .row-eq-height > div {
    min-height: 774px;
  }
}
@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: 768px) {
  .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.125em;
  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 .ce-image img {
  max-width: 100%;
  height: auto;
}

.overlayC .frame {
  max-width: 100% !important;
}
@media (min-width: 1100px) {
  .overlayC .frame.container.frame-type-text > * {
    width: 100%;
  }
}
.overlayC .frame.container.frame-type-text h2 {
  margin-top: 0;
}
.overlayC .frame.wrapper-container {
  margin: 0 0.9375em;
  padding: 1.875em;
}
.overlayC .frame.wrapper-container .container {
  max-width: 100%;
  padding: 0;
}

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

h2.ce-headline-center, h2.ce-headline-left {
  color: #85E846;
}

.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.125em;
  font-family: "VagRoundedBold";
  letter-spacing: 0.025em;
  line-height: 1.2em;
}
.frame.frame-type-gridelements_pi1:not(.frame-strategy-bg4).container h3.big-headline {
  font-size: 1.375em;
}
.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: 768px) {
  .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: 2.5rem;
  letter-spacing: 0.4px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .frame.container.frame-type-text h2 {
    font-size: 3.125rem;
  }
}
.frame.container.frame-type-text h2.bold-headline {
  font-family: VagRoundedBold;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .frame.container.frame-type-text h2.bold-headline {
    font-size: 3.125rem;
  }
}
.frame.container.frame-type-text h3 {
  color: #222;
  margin-bottom: 1.5625rem;
  font-size: 1.875rem;
  font-family: VagRoundedLight;
  letter-spacing: 1.2px;
  line-height: 1.2em;
}
.frame.container.frame-type-text h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 0.625em 0 !important;
  padding: 0;
  width: 100%;
}
.frame.container.frame-type-text hr {
  border-top-color: #dadada;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  width: 100%;
}
.frame.container.frame-type-text hr.small-margin {
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
.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: 768px) {
  .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: 992px) {
  .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.875em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 0.625em 0 !important;
  padding: 0;
  width: 100%;
}
.frame.frame-type-text h3.green-headline {
  color: #85E846 !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 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 #dadada;
  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: 1em;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .frame .white-box {
    margin: 1.875em 0.9375em 0 0.9375em;
    width: calc(100% - 30px);
  }
}
.frame .white-box-right .col1 {
  padding-right: 30px;
}
.frame .white-box-right .col2 {
  margin-left: 15px !important;
}
@media (min-width: 768px) {
  .frame .white-box-right .col2 {
    margin-left: 30px !important;
    width: calc(50% - 45px);
  }
}
@media (max-width: 991.98px) {
  .frame .white-box-right .col-sm-12 {
    margin-top: 1.25em;
  }
}
@media (max-width: 1099.98px) {
  .frame .white-box-right .white-box {
    margin: 0.625em 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: 0.9375em;
  margin-bottom: 2.5em;
  width: auto;
}
.simple-table tr td {
  font-size: 1.125em;
  line-height: 1.6em;
  letter-spacing: 0.025em;
  padding-right: 60px;
}

.grey-content-table {
  background-color: #eaeaea;
  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.875em;
  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: 768px) {
  .spacer {
    height: 3.75em;
  }
}
@media (min-width: 992px) {
  .spacer {
    height: 5em;
  }
}
.spacer.quarter-spacer {
  height: 0.9375em;
}
@media (min-width: 992px) {
  .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.875em;
  letter-spacing: 0.075em;
  line-height: 1.2em;
  margin: 0.1875em 0 0.625em 0;
}

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

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

a.margin-right {
  display: inline-block;
  margin-right: 1.5625rem;
}
@media (max-width: 991.98px) {
  a.margin-right {
    margin-bottom: 0.625em;
  }
}

a.infoText {
  position: relative;
  font-size: 0.875em;
  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.875em;
  letter-spacing: 0.025em;
}
a.infoText.bg-grey, a.infoText .bg-black {
  width: 100%;
  padding: 25px 25px 25px 65px;
  background-color: #F5F5F5;
  margin-left: 0;
}
a.infoText.bg-grey:before, a.infoText .bg-black:before {
  top: 26px;
  left: 25px;
}

p a.infoText {
  font-size: 0.5em;
}
p.small-dark {
  color: #747474 !important;
  font-size: 0.875em !important;
}

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

h3.small-headline {
  font-size: 0.875em !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.75em;
  letter-spacing: 0.15em;
  line-height: 1.2em;
}
@media (min-width: 1100px) {
  p.small-white {
    font-size: 0.875em;
  }
}

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

h2.infoText {
  color: #494949 !important;
  position: relative;
  font-size: 1em;
  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.5em;
}
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: #85E846 !important;
}

hr.small-margin {
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}

.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 hr.ce-div {
  border-color: rgba(109, 109, 109, 0.3019607843);
  background-color: #fff;
}
.container.bg-grey {
  background-color: #eaeaea;
}
.container.bg-grey hr.ce-div {
  background-color: #eaeaea;
}
.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 {
  border-radius: 10px 10px 0 0;
}
.container.bg-grey.frame-bg-white .content-image-blockC .content-image-block .image img {
  border-radius: 10px 10px 0 0;
}
.container.bg-black {
  background-color: #222 !important;
}
.container.bg-black hr.ce-div {
  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, .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: 768px) {
  .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: 768px) {
  .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 hr.ce-div {
  border-color: rgba(109, 109, 109, 0.3019607843);
  background-color: #fff;
}
.container-full-width.bg-grey {
  background-color: #eaeaea;
}
.container-full-width.bg-grey hr.ce-div {
  background-color: #eaeaea;
}
.container-full-width.bg-grey .infoHalfBlockC .textBlock {
  background-color: #eaeaea;
}
.container-full-width.bg-grey .infoHalfBlockC .textBlock p, .container-full-width.bg-grey .infoHalfBlockC .textBlock li {
  color: #545454;
}
.container-full-width.bg-grey .step-block .steps .step-item {
  border-color: #c7c7c7;
}
.container-full-width.bg-grey .step-block .steps .step-item:last-child {
  border-color: #c7c7c7;
}
@media (min-width: 992px) {
  .container-full-width.bg-grey .step-block .steps .step-item:nth-child(2) {
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
  }
}
.container-full-width.bg-grey .quote-block .quote-boxes {
  border-color: #c7c7c7;
}
.container-full-width.bg-grey .quote-block .quote-boxes .quote-box {
  border-color: #c7c7c7;
}
.container-full-width.bg-black {
  background-color: #222 !important;
}
.container-full-width.bg-black hr.ce-div {
  background-color: #222;
}
.container-full-width.bg-black h2, .container-full-width.bg-black h3, .container-full-width.bg-black .relaunch-overline {
  color: white !important;
}
.container-full-width.bg-black p, .container-full-width.bg-black li {
  color: #dadada !important;
}
.container-full-width.bg-black .step-block .step-item .step-count {
  color: white;
}
.container-full-width.bg-black .step-block .step-item .step-image .headline {
  color: white;
}
.container-full-width.bg-black .step-block .step-item .step-text .headline {
  color: white;
}
.container-full-width.bg-black .step-block .step-item .step-text .text {
  color: #dadada;
}
.container-full-width.bg-black .step-block .step-item .call-to-action {
  color: #222;
  background-image: linear-gradient(to top, #936DF8 50%, white 50%);
  border: 1px solid white;
}
.container-full-width.bg-black .step-block .step-item .call-to-action:hover {
  color: white;
  border: 1px solid #936DF8;
}
.container-full-width.bg-black .infoHalfBlockC .textBlock {
  background-color: #222;
}

.container-slim-width {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 992px) {
  .container-slim-width {
    width: 50%;
  }
}
.container-slim-width .frame-type-text {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.container-slim-width .frame-type-text h2, .container-slim-width .frame-type-text h3 {
  margin-bottom: 3.125rem;
}
.container-slim-width .frame-type-text h3 {
  color: #222;
  font-family: VAGRoundedLight;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.2em;
  letter-spacing: 1.2px;
}
.container-slim-width .frame-type-text p strong {
  color: #222;
  font-family: VAGRoundedLight;
  font-weight: normal;
}
.container-slim-width .frame-type-image {
  max-width: 100% !important;
  padding-left: 100px;
  padding-right: 100px;
}
.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%;
}

/************************
    FONT SIZES
    ************************/
@media (max-width: 1550px) {
  body p {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body p {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body p.middle-grey {
    font-size: 0.8125em !important;
  }
}
@media (max-width: 1099.98px) {
  body p.middle-grey {
    font-size: 0.7188em !important;
  }
}
@media (max-width: 1550px) {
  body .tarifWahlC .mainHeader {
    font-size: 1.875em;
  }
}
@media (max-width: 1099.98px) {
  body .tarifWahlC .mainHeader {
    font-size: 1.6875em;
  }
}
@media (max-width: 1550px) {
  body .frame .white-box ul li {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .frame .white-box ul li {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-gridelements_pi1 .teaser-box-image-block > div .teaser-box-image-block-positioner h3 {
    font-size: 1.1875em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-gridelements_pi1 .teaser-box-image-block > div .teaser-box-image-block-positioner h3 {
    font-size: 1.0625em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-gridelements_pi1 .teaser-box-image-block > div h3.big-headline {
    font-size: 1.1875em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-gridelements_pi1 .teaser-box-image-block > div h3.big-headline {
    font-size: 1.0625em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-gridelements_pi1 h3.big-headline {
    font-size: 1.1875em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-gridelements_pi1 h3.big-headline {
    font-size: 1.0625em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-text h3 {
    font-size: 1.875em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-text h3 {
    font-size: 1.6875em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-text ul li {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-text ul li {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .frame.container.frame-type-list .article .news-list-date {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.container.frame-type-list .article .news-list-date {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text table td {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text table td {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text ul li {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .frame.frame-type-gridelements_pi1 .frame-type-text ul li {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo h3 {
    font-size: 1.1875em;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo h3 {
    font-size: 1.0625em;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo p {
    font-size: 1.125em;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo p {
    font-size: 0.875em;
  }
}
@media (max-width: 1550px) {
  body .management-block .managementInfo p.small-dark {
    font-size: 0.75em;
  }
}
@media (max-width: 1099.98px) {
  body .management-block .managementInfo p.small-dark {
    font-size: 0.6563em;
  }
}
@media (max-width: 1550px) {
  body p.small-grey {
    font-size: 0.75em !important;
  }
}
@media (max-width: 1099.98px) {
  body p.small-grey {
    font-size: 0.6563em !important;
  }
}
@media (max-width: 1550px) {
  body .teaser-box-text-block p {
    font-size: 0.8125em;
  }
}
@media (max-width: 1099.98px) {
  body .teaser-box-text-block p {
    font-size: 0.7188em;
  }
}
@media (max-width: 1550px) {
  body .teaser-box-image-block > div .teaser-box-image-block-positioner .small-white {
    font-size: 0.75em;
  }
}
@media (max-width: 1099.98px) {
  body .teaser-box-image-block > div .teaser-box-image-block-positioner .small-white {
    font-size: 0.6563em;
  }
}
@media (max-width: 1550px) {
  body .dark-arrow-redirect {
    font-size: 0.8125em;
  }
}
@media (max-width: 1099.98px) {
  body .dark-arrow-redirect {
    font-size: 0.7188em;
  }
}
@media (max-width: 1550px) {
  body .history-block .year {
    font-size: 4.4375em;
  }
}
@media (max-width: 1099.98px) {
  body .history-block .year {
    font-size: 3.875em;
  }
}

/************************
    MIXED
    ************************/
@media (max-width: 991.98px) {
  .quicklinks .teaser-box-text-block {
    height: auto;
    margin-bottom: 30px;
  }
}

/* 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;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  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;
}

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

.topSpace.orderform {
  height: 72px;
}
@media (min-width: 992px) {
  .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: 992px) {
  #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: 992px) {
  #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: 992px) {
  .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: 992px) {
  .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: 992px) {
  .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: 992px) {
  .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: #936DF8;
  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: 992px) {
  .bestellstreckeC .navigation {
    display: block;
    position: static;
  }
  .bestellstreckeC .navigation:before {
    left: 0;
    width: 100vw;
  }
}
.bestellstreckeC .navigation .step-progress {
  display: block;
  height: 1px;
  background-color: #936DF8;
}
@media (min-width: 992px) {
  .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: #eaeaea;
  border: none;
}
.bestellstreckeC .mobile-orderform-nav .navigation:before {
  content: none;
}
.bestellstreckeC .mobile-orderform-nav .warenkorb-link {
  display: inline-block;
  background-color: #eaeaea;
  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-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text .hardware {
  margin-top: 5px;
  min-width: 200px;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text .hardware span {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text .hardware .price {
  display: flex;
  justify-content: space-between;
}
.bestellstreckeC .mobile-warenkorb .warenkorbC .warenkorb .chosen-products .product .product-text .hardware .gateway {
  padding-left: 20px;
}
.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: 992px) {
  .bestellstreckeC .bestellstreckeBody.full-width .formularC {
    margin: 1px 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: 992px) {
  .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 p {
  color: #545454;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item {
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 2px solid transparent;
  border-radius: 0;
  margin-bottom: 1.75rem;
  width: 100%;
}
@media (min-width: 992px) {
  .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 #936DF8;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
  display: flex;
  align-items: center;
  width: 140px;
  padding: 32px 0 0 32px;
}
@media (min-width: 768px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
    width: 220px;
  }
}
@media (min-width: 992px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image {
    border-right: 1px solid #eaeaea;
    width: 30%;
    padding: 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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: 992px) {
  .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: 768px) {
  .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 a {
  text-decoration: underline;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td a:hover {
  outline: 2px solid #936DF8;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td:first-child {
  max-width: 250px;
}
.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 td.ust-col {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td.ust-col a {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr td.ust-col:first-child {
  max-width: none;
}
.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: 768px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .main-tarifC .main-tarif-item .tarif-text table tr:first-child td:first-child {
    width: 250px;
  }
}
.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 .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: 992px) {
  .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: 992px) {
  .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: #85E846;
  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: 0;
  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: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  z-index: 99;
}
@media (min-width: 992px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .inputC {
    right: auto;
    left: 20px;
  }
}
@media (min-width: 992px) {
  .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 #936DF8;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
  display: flex;
  align-items: center;
  width: 120px;
  padding: 32px 0 0 32px;
}
@media (min-width: 768px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
    width: 220px;
  }
}
@media (min-width: 992px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image {
    width: 30%;
    border-right: 1px solid #eaeaea;
    padding: 0;
  }
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.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: 992px) {
  .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: 768px) {
  .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;
  width: 100%;
}
.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 a {
  text-decoration: underline;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td a:hover {
  outline: 2px solid #936DF8;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td:first-child {
  max-width: 250px;
}
.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 td.ust-col {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td.ust-col a {
  color: #6D6D6D;
}
.bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr td.ust-col:first-child {
  max-width: none;
}
.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: 768px) {
  .bestellstreckeC .bestellstreckeBody .formularC .formular .sub-tarifC .sub-tarif-item .tarif-text table tr:first-child td:first-child {
    width: 250px;
  }
}
.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: 768px) {
  .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: 768px) {
  .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: #dadada;
  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: 992px) {
  .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: 768px) {
  .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 #85E846;
}
.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: #85E846;
}
.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: 992px) {
  .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: 992px) {
  .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: 992px) {
  .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: #936DF8;
  border-color: #936DF8;
}
.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 #936DF8;
  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: 0;
  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 #936DF8;
  border-radius: 0;
}
.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;
  color: #222;
  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: 992px) {
  .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: flex-start;
  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 .product .product-text .hardware {
  margin-top: 5px;
  min-width: 200px;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text .hardware span {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text .hardware .price {
  display: flex;
  justify-content: space-between;
}
.bestellstreckeC .bestellstreckeBody .warenkorbC .warenkorb .chosen-products .product .product-text .hardware .gateway {
  padding-left: 20px;
}
.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, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC li {
  color: #222;
  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: 992px) {
  .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 input:focus, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC select:focus, .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC textarea:focus {
  border-color: #936DF8;
}
.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 #85E846;
}
.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: 992px) {
  .bestellstreckeC .bestellstreckeBody .multiStepBlockC .multistepBlock .stepC .multiStepformC .footer-info {
    width: 75%;
  }
}
.bestellstreckeC .bestellstreckeBody .tt-menu {
  top: calc(100% - 25px) !important;
}
.bestellstreckeC s {
  text-decoration-thickness: 1px;
}

.finish-step {
  position: absolute;
  left: 0;
  background-color: #eaeaea;
  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: 992px) {
  .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: #936DF8;
  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 .textBlock .success-message * {
  max-width: 100% !important;
}
.finish-step .infoHalfBlockC.order-success .image-container {
  display: none;
}
@media (min-width: 992px) {
  .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: 992px) {
  .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: #85E846;
}
footer .bottom-footerC.orderform-footer .bottom-footer .footerLastText .bottom-info-text {
  color: white;
}

/************************
    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;
}

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;
}

.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 {
  text-decoration: none;
  color: #936DF8;
  transition-duration: 300ms;
}

a:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: none;
}

a:focus {
  color: #333333;
  text-decoration: none;
}

h2 {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  margin: 0 0 1.5625rem 0;
}
@media (min-width: 992px) {
  h2 {
    font-size: 3.125em;
  }
}

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

p {
  color: #6D6D6D;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  p {
    font-size: 1.125rem;
  }
}

ul {
  margin: 0;
}

ul.dashList {
  margin-left: 25px;
}
ul.dashList li {
  font-size: 1.125em;
  list-style: none;
  text-indent: -5px;
  letter-spacing: 0.025em;
}
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;
}

strong, b {
  font-family: "VagRoundedBold";
  letter-spacing: 0.05em;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 991.98px) {
  .row-eq-height {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
  }
}

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

/* container */
#container {
  background: #ffffff;
  margin: 0 auto;
}
#container.menuOpen .overlay {
  pointer-events: all;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1920px) {
  .container {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.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: 1.4rem;
  letter-spacing: 0.2rem;
  padding: 0.75rem 1.5625rem 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition-duration: 300ms;
}
.button:focus-visible {
  outline: 4px solid #936DF8;
  outline-offset: 2px;
}
.button.button-transparent-white {
  border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.button.button-transparent-white:hover {
  background: #ffffff;
  color: #85E846;
}
.button.button-transparent-green {
  border: 2px solid #85E846;
  background: transparent;
  color: #85E846;
}
.button.button-transparent-green:hover {
  background: #85E846;
  color: #ffffff;
}
.button.button-white {
  border: 2px solid #ffffff;
  background: transparent;
  color: #333333;
}
.button.button-white:hover {
  background: #ffffff;
  color: #85E846;
}
.button.button-white-green {
  border: 2px solid #85E846;
  background: white;
  color: #85E846;
}
.button.button-white-green:hover {
  background: #85E846;
  color: white;
}
.button.button-green-white {
  border: 2px solid #85E846;
  background: #85E846;
  color: white;
}
.button.button-green-white:hover {
  background: white;
  color: #85E846;
}
.button.button-green {
  background: #85E846;
  border: 0;
  color: white;
}
.button.button-green:hover {
  background: white;
  color: #85E846;
}
.button.button-white-green-arrow {
  position: relative;
  border: 2px solid #85E846;
  background: white;
  color: #85E846;
}
.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: #85E846;
  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 #85E846;
  background: white;
  color: #85E846;
  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: #85E846;
  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.5313em 1.5625em 0.4063em 2.1875em !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-play {
  padding: 0.5313em 1.5625em 0.4063em 2.1875em !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;
}

.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: #eaeaea;
  border: 1px solid #eaeaea;
  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;
}

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

.green-check-list > li {
  margin-left: 25px;
  padding-left: 10px;
  list-style-image: url("../images/arrow_bullet_green.svg") !important;
}
.green-check-list > li:before {
  display: none !important;
}
.green-check-list > li ul {
  font-size: 1em;
  letter-spacing: 0.025em;
  line-height: 1.4em;
  margin-left: 25px;
}
.green-check-list > li ul li {
  font-size: 1em;
  text-indent: -5px;
  list-style: none;
}
.green-check-list > 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-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 {
  font-family: "VagRoundedBold";
  font-size: 0.875rem;
  line-height: 1.6em;
  letter-spacing: 0.2em;
  display: inline-block;
  margin-bottom: 0.375em;
  padding-left: 30px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
a.green-arrow-download:before {
  content: "";
  background-image: url("../images/arrow_download_green.svg");
  position: relative;
  display: inline-block;
  height: 13px;
  width: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}
a.green-arrow-download:hover:before {
  background-image: url("../images/download_icon_mouseover.svg");
}

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.375em;
  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.scrollUp {
  margin-left: 0.625em;
}

.dark-arrow-redirect {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 0.9375em;
  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.375em;
  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");
}

.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 {
  margin-top: 1.25rem;
}
.tx-estmk-jobs #jobs-filter-form label {
  display: block;
  font-weight: normal;
  font-size: 1em;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}
.tx-estmk-jobs #jobs-filter-form .selectC {
  margin-bottom: 0;
  position: relative;
  text-align: left;
}
.tx-estmk-jobs #jobs-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 {
  border-color: #CD2222 !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown {
  height: 43px !important;
  margin-bottom: 25px;
  padding-left: 0 !important;
  width: 100% !important;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown.has-error {
  height: 70px !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC .prettydropdown.has-error ul {
  border-color: #CD2222;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul {
  background: #ffffff;
  border: 1px solid #dadada;
  box-shadow: none;
  margin-left: 0;
  margin-bottom: 0;
  outline: none !important;
  width: 100%;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li {
  background: #ffffff;
  color: #333333;
  height: auto;
  font-size: 0.875rem;
  font-family: "VagRoundedLight";
  line-height: 13px;
  outline: none !important;
  padding: 16px 20px 14px;
  width: 100% !important;
  z-index: 150;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:focus {
  border: 1px solid #85E846;
  outline: none !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.nohover {
  color: #333333 !important;
  background: #ffffff !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li:hover {
  color: #333333 !important;
  background: #ffffff !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.selected {
  background: #ffffff;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.selected:before {
  display: none;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.selected:after {
  content: " ";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #dadada;
  content: "";
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li span.checked {
  display: none !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul li.disabled {
  cursor: pointer;
  opacity: 1;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li {
  padding: 10px 20px;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:first-child:after {
  display: none;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li.selected:first-child:after {
  display: none;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li.selected:after {
  display: none;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:hover {
  color: #85E846 !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:first-child {
  padding-top: 16px;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active li:last-child {
  padding-bottom: 14px;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active {
  top: auto !important;
  bottom: -48px !important;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul.active.reverse {
  top: auto;
  bottom: -48px;
}
.tx-estmk-jobs #jobs-filter-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 #dadada;
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul:not(.active) li.selected {
  padding-top: 16px;
  padding-bottom: 14px;
}
.tx-estmk-jobs #jobs-filter-form .selectC ul:not(.active) li.selected:after {
  content: "";
  background: url("../images/arrow_button_down_grey.png") no-repeat center center;
  border: 1px solid #dadada;
  display: block;
  height: 2.8125rem;
  margin: 0;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2.5rem;
}
.tx-estmk-jobs #jobs-filter-form .selectArrow {
  border-color: #dadada;
}
.tx-estmk-jobs #jobs-filter-form select {
  border-width: 1px;
  height: 45px;
  margin-bottom: 40px;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-overflow: "";
  padding-left: 20px;
  width: 100%;
}
.tx-estmk-jobs .job-detail p {
  margin-bottom: 0;
}
.tx-estmk-jobs .job-detail .job-back {
  margin-top: 32px;
}

.topSpace {
  width: 100%;
  display: block;
  height: 73px;
}
@media (min-width: 992px) {
  .topSpace {
    height: 84px;
  }
}
.topSpace.order {
  height: 73px;
}
@media (min-width: 992px) {
  .topSpace.order {
    height: 84px;
  }
}

select, textarea, input {
  border-color: #9D9D9D;
  border-style: solid;
  color: #333333;
  /*font-size: 1.0625em;*/
  /*line-height: 1.2em;*/
  /*letter-spacing : 0.025em;*/
  background: white;
  /*width: 100%;*/
  border-radius: 0;
}
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: #b0b0b0;
}
select:-moz-placeholder, textarea:-moz-placeholder, input:-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
  color: #b0b0b0;
  opacity: 1;
}
select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: #b0b0b0;
}
select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: #b0b0b0;
}
select:focus, textarea:focus, input:focus {
  border-color: #85E846;
}

.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-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;
}

input {
  height: 35px;
  border-width: 0 0 1px 0;
  padding-left: 10px;
}

input[type=radio] {
  width: 15px;
}

.datepickerC {
  position: relative;
}
.datepickerC::after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 11px;
  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 #dadada;
}

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

/* ===== Select Box ===== */
.sel {
  /*font-size: 0.625rem;*/
  display: inline-block;
  /*margin: 1.875em 1.25em;*/
  width: 100%;
  height: 45px;
  border: 1px solid #6B6B6B;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  /*z-index: 3;*/
}

.sel.active {
  border-bottom: 0;
}

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

.sel.active::before {
  transform: rotateX(-180deg);
  display: none;
  border-bottom: 0px;
}

.sel__placeholder {
  display: block;
  /*font-family: 'Quicksand';*/
  font-size: 1em;
  /*color: #838e95;*/
  padding: 10px;
  color: #ffffff;
  text-align: left;
  pointer-events: none;
  user-select: none;
  visibility: visible;
  position: relative;
}

.sel.active .sel__placeholder {
  /*visibility: hidden;*/
}

.sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.125em 0.3125em;
  content: attr(data-placeholder);
  visibility: hidden;
}

.sel.active .sel__placeholder::before {
  visibility: visible;
}

.sel__box {
  position: absolute;
  top: 100%;
  left: -1px;
  display: none;
  list-style-type: none;
  text-align: left;
  font-size: 0.625em;
  background-color: #494949;
  width: calc(100% + 2px);
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #6B6B6B;
  z-index: 200;
  box-sizing: border-box;
}

.sel.active .sel__box {
  display: block;
  animation: fadeInUp 500ms;
}

.sel__box__options {
  display: list-item;
  /*font-family: 'Quicksand';*/
  font-size: 1em;
  color: #ffffff;
  padding: 10px;
  user-select: none;
}

.sel__box__options::after {
  content: "\f00c";
  /*font-family: 'FontAwesome';*/
  font-size: 5px;
  margin-left: 5px;
  display: none;
}

.sel__box__options.selected::after {
  display: inline;
}

.sel__box__options:hover {
  color: #85E846;
}

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-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active, body a.ui-button:active, body .ui-button:active, body .ui-button.ui-state-active:hover {
  background-color: #85E846;
  border-color: #85E846;
}

body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight {
  color: #85E846;
  background-color: white;
  border-color: #85E846;
}

body .ui-datepicker {
  border: 1px solid #dadada;
  padding: 0.625rem;
  width: 315px;
}
@media (min-width: 768px) {
  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: #936DF8;
  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: #7B5DCB;
  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;
}

.overlayBG {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(51, 51, 51, 0.4);
  z-index: 1000;
  top: 0;
  left: 0;
}
.overlayBG .overlayC {
  position: fixed;
  width: 800px;
  padding: 60px 60px 0 60px;
  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%);
  background: white;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
@media (max-width: 1099.98px) {
  .overlayBG .overlayC {
    padding: 15px 15px 0 15px;
    width: calc(100% - 30px);
  }
}
.overlayBG .overlayC > *:last-child {
  margin-bottom: 60px;
}
@media (max-width: 1099.98px) {
  .overlayBG .overlayC > *:last-child {
    margin-bottom: 15px;
  }
}
.overlayBG .overlayC .section {
  width: 100%;
}
.overlayBG .overlayC .section > div {
  width: 100%;
}
.overlayBG .overlayC .section > div > div {
  width: 100%;
}
.overlayBG .overlayC h2 {
  font-size: 1.875em;
}
.overlayBG .overlayC h2.infoText {
  font-size: 1em;
}
.overlayBG .overlayC p {
  font-size: 0.875em;
}
.overlayBG .overlayC table tr th {
  padding: 5px 0;
  font-size: 0.875em;
  font-family: "VagRoundedBold";
  letter-spacing: 0.2em;
}
.overlayBG .overlayC table tr td {
  font-size: 0.875em;
  padding: 5px 0;
}
.overlayBG .overlayC h2, .overlayBG .overlayC h3 {
  color: #85E846;
  margin-bottom: 30px;
}
.overlayBG .overlayC .overlayClose {
  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: 100;
}
.overlayBG .overlayC h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 0.4688em 0 !important;
  padding: 0;
  width: 100%;
}
.overlayBG .overlayC .slideDownOuterC {
  margin-top: 30px;
  margin-bottom: 30px;
}
.overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownHeader {
  padding: 30px 30px 45px 30px;
}
.overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownHeader p {
  font-size: 0.875em;
}
.overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownHeader h2 {
  font-size: 1.375em;
}
.overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownContent {
  padding: 40px 30px 30px;
}
@media (min-width: 1100px) {
  .overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownContent > * {
    max-width: 100%;
  }
}
.overlayBG .overlayC .slideDownOuterC .slideDownC .slideDownContent p {
  font-size: 0.875em;
}
.overlayBG .overlayC img {
  max-width: 100%;
  height: auto;
}
.overlayBG .overlayC .iframe-container {
  height: 0px;
  padding-bottom: 60%;
  position: relative;
  width: 100%;
}
.overlayBG .overlayC .iframe-container iframe {
  left: 0;
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
}
.overlayBG .overlayC a.print-icon-link {
  float: right;
  margin-top: 10px;
}

.mfp-overlay-content.cookie-overlay-modal button#save-cookie-settings {
  float: right;
}
.mfp-overlay-content.container.frame {
  position: fixed;
  width: 800px !important;
  padding: 60px 60px 60px 60px;
  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%);
  background: white;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
@media (max-width: 1099.98px) {
  .mfp-overlay-content.container.frame {
    padding: 2.625em 15px 15px 15px;
    position: relative;
    width: 750px !important;
    width: 100% !important;
    left: 0%;
    top: 0%;
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
.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.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.infoText {
  font-size: 1em;
}
.mfp-overlay-content.container.frame h2 {
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .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 0;
  font-size: 0.875em;
  font-family: "VagRoundedBold";
  letter-spacing: 0.2em;
}
.mfp-overlay-content.container.frame table tr td {
  font-size: 0.875em;
  padding: 5px 0;
}
.mfp-overlay-content.container.frame table tr.table-body-header td {
  padding: 5px 0;
  font-size: 0.875em;
  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: 15px;
  top: 30px;
  background-image: url("../images/lightbox_xerl.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  cursor: pointer;
  z-index: 100;
}
.mfp-overlay-content.container.frame h3.big-headline {
  font-family: "VagRoundedLight";
  font-size: 1.875em;
  line-height: 1.2em;
  letter-spacing: 0.025em;
  color: #333333;
  margin: 0 0 0.4688em 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.875em;
}
.mfp-overlay-content.container.frame .slideDownOuterC .slideDownC .slideDownHeader h2 {
  font-size: 1.375em;
}
.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 .slideDownOuterC .slideDownC .slideDownContent p {
  font-size: 0.875em;
}
.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 ul li {
  font-size: 0.875em !important;
  line-height: 1.6em;
}
.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.875em;
  line-height: 1.6em;
  margin: 0 0.625em 1.25em;
  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-overlay-content iframe {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mfp-overlay-content.new-overlay.container.frame {
  position: fixed;
  right: 0;
  top: 0;
  left: auto;
  background: white;
  max-height: 100%;
  height: 100%;
  padding: 2.5em 1.5em;
  overflow-y: auto;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  width: 100%;
}
@media (min-width: 992px) {
  .mfp-overlay-content.new-overlay.container.frame {
    padding: 53px 40px;
    width: 50%;
  }
}
.mfp-overlay-content.new-overlay .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: 992px) {
  .mfp-overlay-content.new-overlay .overlay-subheader {
    font-size: 1.125rem;
    margin-bottom: 3.75rem;
  }
}
.mfp-overlay-content.new-overlay .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: 992px) {
  .mfp-overlay-content.new-overlay .overlayClose {
    right: 40px;
    top: 40px;
  }
}

.mfp-wrap .mfp-iframe-holder .mfp-close {
  background-image: url("../images/lightbox_xerl_weiss.svg");
  right: 0;
  top: -48px;
  text-align: center;
}
.mfp-wrap .mfp-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background-image: url("../images/lightbox_xerl_dunkel.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  opacity: 1;
  text-indent: -99999px;
  z-index: 100;
}
@media (max-width: 991.98px) {
  .mfp-wrap .mfp-close {
    right: 10px;
    top: 10px;
  }
}
.mfp-wrap .mfp-close:focus {
  outline: 4px solid #936DF8;
}
@media (min-width: 992px) {
  .mfp-wrap .mfp-content .multiStepBlockC .multistepBlock .multiStepformC {
    padding: 2.5em;
  }
}
.mfp-wrap .mfp-content .frame-overlay.frame-type-list {
  overflow-y: scroll;
  max-height: calc(100vh - 60px);
}
.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 .mfp-content .product-details {
  padding: 0 !important;
}
.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: 992px) {
  .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: #85E846;
  border-color: #85E846;
}
.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 #936DF8;
  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 #85E846;
  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;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content {
  padding: 0;
  width: calc(100% - 30px) !important;
}
@media (min-width: 992px) {
  .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content {
    width: 480px !important;
  }
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content .mfp-close {
  top: 24.5px;
  right: 30px;
  width: 24px;
  height: 24px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-header {
  position: relative;
  padding: 1.5313rem 1.875rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-header h2 {
  display: block;
  color: #222;
  font-size: 1.125rem;
  font-family: VagRoundedLight, sans-serif;
  letter-spacing: 0.6px;
  line-height: 1.25em;
  margin-bottom: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress {
  position: relative;
  border-top: 4px solid rgba(123, 93, 203, 0.2);
  display: block;
  height: auto;
  overflow: auto;
  background-color: white;
  border-radius: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  height: 4px;
  background-color: #936DF8;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress.progress-1:before {
  width: 16%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress.progress-2:before {
  width: 33%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress.progress-3:before {
  width: 50%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress.progress-4:before {
  width: 66%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .progress.progress-5:before {
  width: 83%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body {
  padding: 1.875rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body h3 {
  color: #333;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1.875rem;
  line-height: 1.2em;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body p {
  color: #545454;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  margin-bottom: 1.25rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container {
  margin-bottom: 15px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2 .selection .select2-selection {
  background-color: transparent;
  border: 1px solid #dadada;
  border-radius: 0;
  height: 70px;
  transition: border 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2 .selection .select2-selection .select2-selection__rendered {
  color: #545454;
  font-size: 1rem;
  height: 70px;
  letter-spacing: 0.64px;
  padding: 2rem 1.5625rem 0.8125rem;
  max-width: calc(100% - 70px);
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2 .selection .select2-selection .select2-selection__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-left: 1px solid #dadada;
  transition: border 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2 .selection .select2-selection .select2-selection__arrow:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 16px;
  height: 16px;
  background-image: url("../images/relaunch/utility/icon_relaunch_nav_arrow_down_black.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2 .selection .select2-selection .select2-selection__arrow b {
  display: none;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2.select2-container--open .selection .select2-selection .select2-selection__arrow:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2:hover .selection .select2-selection {
  border: 1px solid #936DF8 !important;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .select2:hover .selection .select2-selection .select2-selection__arrow {
  border-left: 1px solid #936DF8;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input, .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container select {
  background-color: transparent;
  border: 1px solid #dadada;
  color: #545454;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  padding: 2rem 1.5625rem 0.8125rem;
  height: 70px;
  width: 100%;
  transition: border 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input::placeholder, .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container select::placeholder {
  opacity: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input.error, .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container select.error {
  border: 1px solid #936DF8 !important;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input:focus ~ label.floating-label, .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container select:focus ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input:hover, .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container select:hover {
  border: 1px solid #936DF8 !important;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container input:not(:placeholder-shown) ~ label.floating-label {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container label {
  color: #545454;
  font-family: VagRoundedLight;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
  transition: all 200ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container label.floating-label {
  position: absolute;
  top: 22px;
  left: 25px;
  pointer-events: none;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container label.select2-floating-label {
  position: absolute;
  top: 22px;
  left: 25px;
  pointer-events: none;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container label.select2-floating-label.selected {
  font-size: 0.75rem;
  letter-spacing: 0.48px;
  top: 15px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .item-input {
  position: relative;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .checkbox {
  margin: 0 0 10px 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .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;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .checkbox label .checkbox_icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-image: url("../images/checkbox_unchecked.svg");
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .checkbox label input:checked ~ .checkbox_icon {
  background-image: url("../images/checkbox_checked.svg");
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .checkbox label span {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .has-error .help-block {
  background-color: #936DF8;
  border: 1px solid #936DF8;
  color: white;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 25px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .has-error .help-block a {
  color: white;
  text-decoration: underline;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .error-holder {
  height: 0;
  opacity: 0;
  transition: all 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .input-container .error-holder.has-error {
  height: 50px;
  opacity: 1;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 1.25rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item {
  display: block;
  position: relative;
  border: 1px solid #dadada;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: calc(50% - 4px);
  transition: all 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item input:checked ~ .radio-button {
  background-color: #936DF8;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item input:checked ~ .radio-button:after {
  display: block;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .radio-button {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .radio-button {
    top: 24px;
    left: 24px;
  }
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .radio-button:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .smartmeter-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  padding: 1.25rem;
  width: 100%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .smartmeter-image img {
  width: 80%;
  height: auto;
  margin: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item .smartmeter-title {
  display: block;
  color: #333;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
  letter-spacing: 0.75px;
  padding: 1rem;
  text-align: center;
  width: 100%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .smartmeters .smartmeter-item:hover {
  border-color: #936DF8;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .info-text {
  position: relative;
  background-color: #f6f6f6;
  padding: 1rem 1rem 1rem 3rem;
  margin-bottom: 1.25rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .info-text p {
  color: #222;
  font-size: 0.875rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .info-text p:last-child {
  margin-bottom: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .info-text:before {
  content: "";
  display: block;
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 20px;
  height: 20px;
  background-color: #6d6d6d;
  background-image: url("../images/icon_info_form_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 1px solid #6d6d6d;
  border-radius: 50%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label {
  display: block;
  position: relative;
  border: 1px solid #dadada;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1.4063rem 1.5625rem;
  width: 100%;
  transition: all 300ms;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label input:checked ~ .radio-checkmark:after {
  display: block;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label .radio-checkmark {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 50%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #222;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label .radio-text {
  color: #222;
  font-family: VagRoundedLight, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5em;
  letter-spacing: 0.6px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-label:hover {
  border-color: #936DF8;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .ja-nein {
  margin-bottom: 20px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .tooltip-button {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #6d6d6d;
  background-image: url("../images/icon_info_form_white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #6d6d6d;
  border-radius: 50%;
  vertical-align: -1px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body .radio-error-box {
  color: #CD2222;
  font-size: 0.8125rem;
  margin: -5px 0 10px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body.not-available .not-available-icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #936DF8;
  background-image: url("../images/relaunch/icon_lightning.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-bottom: 30px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-body.not-available h3 {
  color: #222;
  font-size: 1.5rem;
  font-family: VagRoundedLight, sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.04em;
  margin-bottom: 1.5625rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #dadada;
  padding: 1rem 1.5rem;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .popup-actions .next-button {
  margin-left: auto;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .success-area {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #936DF8;
  height: 320px;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .popup-content .success-area .success-icon {
  display: block;
  height: 124px;
  width: 124px;
  background-image: url("../images/icon_check_step_green.svg");
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: center;
  border: 10px solid #85E846;
  border-radius: 50%;
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .tooltip {
  max-width: 300px;
}
@media (min-width: 992px) {
  .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .tooltip {
    min-width: 380px;
    max-width: 380px;
  }
}
.mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .tooltip .tooltip-inner {
  border-radius: 4px;
  color: white;
  font-family: VagRoundedLight, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  padding: 12px;
  max-width: 300px;
  text-align: left;
}
@media (min-width: 992px) {
  .mfp-wrap.verfuegbarkeitscheck .mfp-container .mfp-content .mfp-overlay-content #additional-product-details.energy-live-popup .tooltip .tooltip-inner {
    min-width: 380px;
    max-width: 380px;
  }
}
.mfp-wrap.app-popup .mfp-container .mfp-content .mfp-overlay-content {
  padding: 0;
  width: calc(100% - 30px) !important;
}
@media (min-width: 992px) {
  .mfp-wrap.app-popup .mfp-container .mfp-content .mfp-overlay-content {
    width: 480px !important;
  }
}
.mfp-wrap.app-popup .mfp-container .mfp-content .mfp-overlay-content .mfp-close {
  top: 24.5px;
  right: 30px;
  width: 24px;
  height: 24px;
  background-image: url(../images/lightbox_xerl_weiss.svg);
}

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

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

.green-arrow-link {
  display: inline-block;
  position: relative;
  color: #85E846;
  font-size: 1rem;
  font-family: "VagRoundedLight";
  letter-spacing: 0.8px;
  line-height: 25px;
}
.green-arrow-link:after {
  content: "";
  display: inline-block;
  background-image: url(../images/naturstrom/img/icon_pfeil_rechts_gruen.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
  width: 14px;
  height: 10px;
  transition: margin-left 100ms;
}
.green-arrow-link:hover {
  color: #85E846;
}
.green-arrow-link:hover:after {
  margin-left: 9px;
}

.white-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup .popup-content .top-image img {
  width: 100%;
  height: auto;
}
.white-popup .popup-content .text {
  padding: 1.875rem;
}
.white-popup .popup-content .text h2, .white-popup .popup-content .text p {
  margin-bottom: 1.25rem;
}
.white-popup .mfp-close {
  top: 15px;
  right: 15px;
}

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.no-margin-bottom {
  margin-bottom: 0 !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: 1em;
  padding: 8px;
  height: auto;
  width: 100%;
  text-transform: uppercase;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons button.uc-embedding-accept {
  background-color: #85E846;
  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: #85E846;
  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;
}

.multiStepBlockC .multistepBlock .stepC .multiStepformC.pv-proof .selectC ul {
  max-height: 7.5em !important;
}

/* RELAUNCH COMMON COMPONENTS */
a.call-to-action, button.call-to-action, span.call-to-action, input[type=submit].call-to-action {
  position: relative;
  display: inline-block;
  border-radius: 48px;
  font-family: VagRoundedLight;
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 1.5em;
  padding: 1.0625rem 1.875rem 0.875rem;
  text-align: center;
  text-transform: none;
  transition: all 300ms;
  background-size: 100% 210%;
  background-position: 0 2%;
}
a.call-to-action.large, button.call-to-action.large, span.call-to-action.large, input[type=submit].call-to-action.large {
  padding: 1.3125rem 1.875rem 1.125rem;
}
a.call-to-action.small, button.call-to-action.small, span.call-to-action.small, input[type=submit].call-to-action.small {
  padding: 0.6875rem 1.25rem 0.5rem;
}
a.call-to-action.disabled, button.call-to-action.disabled, span.call-to-action.disabled, input[type=submit].call-to-action.disabled {
  opacity: 0.3;
  pointer-events: none;
}
a.call-to-action:hover, button.call-to-action:hover, span.call-to-action:hover, input[type=submit].call-to-action:hover {
  background-position: 0 99%;
}
a.call-to-action:focus, button.call-to-action:focus, span.call-to-action:focus, input[type=submit].call-to-action:focus {
  outline: 4px solid #936DF8;
  outline-offset: 3px;
}
a.call-to-action.dark, button.call-to-action.dark, span.call-to-action.dark, input[type=submit].call-to-action.dark {
  color: white;
  background-image: linear-gradient(to top, #7B5DCB 50%, #222 50%);
  border: 1px solid #222;
}
a.call-to-action.dark:hover, button.call-to-action.dark:hover, span.call-to-action.dark:hover, input[type=submit].call-to-action.dark:hover {
  border: 1px solid #7B5DCB;
}
a.call-to-action.dark.secondary, button.call-to-action.dark.secondary, span.call-to-action.dark.secondary, input[type=submit].call-to-action.dark.secondary {
  background-image: linear-gradient(to top, #222 50%, white 50%);
  border: 1px solid rgba(116, 116, 116, 0.3);
  color: #222;
}
a.call-to-action.dark.secondary:hover, button.call-to-action.dark.secondary:hover, span.call-to-action.dark.secondary:hover, input[type=submit].call-to-action.dark.secondary:hover {
  color: white;
}
a.call-to-action.light, button.call-to-action.light, span.call-to-action.light, input[type=submit].call-to-action.light {
  color: #222;
  background-image: linear-gradient(to top, #7B5DCB 50%, white 50%);
  border: 1px solid white;
}
a.call-to-action.light:hover, button.call-to-action.light:hover, span.call-to-action.light:hover, input[type=submit].call-to-action.light:hover {
  color: white;
  border: 1px solid #7B5DCB;
}
a.call-to-action.light.secondary, button.call-to-action.light.secondary, span.call-to-action.light.secondary, input[type=submit].call-to-action.light.secondary {
  background-image: linear-gradient(to top, white 50%, transparent 50%);
  border: 1px solid rgba(218, 218, 218, 0.3);
  color: white;
}
a.call-to-action.light.secondary:hover, button.call-to-action.light.secondary:hover, span.call-to-action.light.secondary:hover, input[type=submit].call-to-action.light.secondary:hover {
  border: 1px solid white;
  color: #222;
}
a.green-link, button.green-link, span.green-link, input[type=submit].green-link {
  display: inline-block;
  color: #85E846;
  font-family: VagRoundedLight;
  font-size: 18px;
  letter-spacing: 0.6px;
  line-height: 1.25em;
  margin-bottom: 0.625rem;
}
a.green-link:last-child, button.green-link:last-child, span.green-link:last-child, input[type=submit].green-link:last-child {
  margin-bottom: 0;
}
a.green-link:hover, button.green-link:hover, span.green-link:hover, input[type=submit].green-link:hover {
  color: #222;
}
a.green-link.icon-before, button.green-link.icon-before, span.green-link.icon-before, input[type=submit].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, input[type=submit].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.underline, button.green-link.underline, span.green-link.underline, input[type=submit].green-link.underline {
  font-family: VagRoundedBold;
  font-size: 16px;
  border-bottom: 2px solid #85E846;
}
a.green-link.underline:hover, button.green-link.underline:hover, span.green-link.underline:hover, input[type=submit].green-link.underline:hover {
  border-color: #222;
}

.relaunch-overline {
  display: block;
  color: #222;
  font-family: VagRoundedBold;
  font-size: 1rem;
  letter-spacing: 0.6px;
  line-height: 1.5em;
  margin-bottom: 1.5625rem;
}
.relaunch-overline + * {
  margin-top: 0 !important;
}
.relaunch-overline.white {
  color: white;
}

.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 {
  white-space: nowrap;
}
@media (min-width: 992px) {
  .table-responsive table, .table-responsive .simple-table, .table-responsive .grey-content-table {
    white-space: normal;
  }
}
.table-responsive table tbody, .table-responsive .simple-table tbody, .table-responsive .grey-content-table tbody {
  background-color: transparent;
}
.table-responsive table:not(.simple-table, .grey-content-table) {
  width: 100%;
}

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: white;
  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: #85E846;
}
ol > li a {
  font-size: 1em !important;
}

.container .frame-type-dce_complex_list {
  padding: 0;
}

.complex-list-elem {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.complex-list-elem .complex-list {
  display: flex;
  flex-direction: column;
}
.complex-list-elem .complex-list .list-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0.9375rem;
}
.complex-list-elem .complex-list .list-item:last-child {
  margin-bottom: 0;
}
.complex-list-elem .complex-list .list-item .list-icon {
  display: block;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #85E846;
  background-image: url("../images/relaunch/utility/icon-check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  margin-right: 0.9375rem;
}
.complex-list-elem .complex-list .list-item .list-text .list-headline {
  display: block;
  color: #222;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.complex-list-elem .complex-list .list-item .list-text .list-copy {
  display: block;
  color: #6D6D6D;
  font-family: VagRoundedLight;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}

span.video-icon {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  background-image: url("../images/relaunch/icon_video_play.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.flex-break {
  width: 100%;
}

.frame.frame-default > div:not(.bestellstreckeC):not(.offer-tool-form):not(.tx-estmkapi) ul {
  margin-top: 0.625rem;
  margin-bottom: 2.5rem;
}
.frame.frame-default > div:not(.bestellstreckeC):not(.offer-tool-form):not(.tx-estmkapi) ul > li {
  position: relative;
  list-style: none;
  color: #6D6D6D;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  padding-left: 36px;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.frame.frame-default > div:not(.bestellstreckeC):not(.offer-tool-form):not(.tx-estmkapi) ul > li:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #85E846;
  background-image: url("../images/relaunch/utility/icon-check.svg");
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.frame.frame-default.frame-type-text ul {
  margin-top: 0.625rem;
  margin-bottom: 2.5rem;
}
.frame.frame-default.frame-type-text ul > li {
  position: relative;
  list-style: none;
  color: #6D6D6D;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  padding-left: 36px;
  line-height: 1.5em;
  letter-spacing: 0.64px;
}
.frame.frame-default.frame-type-text ul > li strong {
  font-family: VagRoundedLight;
  font-weight: normal;
  color: #222;
}
.frame.frame-default.frame-type-text ul > li:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #85E846;
  background-image: url("../images/relaunch/utility/icon-check.svg");
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
}

ul.list-bordered {
  padding: 1.5625rem;
  border: 1px solid rgba(34, 34, 34, 0.1);
}
ul.list-bordered li {
  margin-bottom: 0.9375rem !important;
}
ul.list-bordered li:last-child {
  margin-bottom: 0 !important;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #dadada;
}

.extra-price-table {
  margin-top: 5rem;
  margin-bottom: 1.25rem;
  white-space: normal;
  width: 100%;
}
.extra-price-table tr {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.extra-price-table tr:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.extra-price-table tr td {
  color: white;
  font-size: 1.125rem;
  font-family: VagRoundedBold;
  padding: 1.25rem 0;
}
.extra-price-table tr td:first-child {
  text-align: left;
}
.extra-price-table tr td:last-child {
  font-size: 1.25rem;
  font-family: VagRoundedBold;
  text-align: right;
}

.small-info-text {
  color: #fff;
  font-family: VagRoundedLight;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.48px;
}

.select2-container .select2-dropdown {
  background-color: #eaeaea;
  border: 1px solid #6D6D6D;
  border-radius: 0;
}
.select2-container .select2-dropdown .select2-results ul li {
  border-bottom: 1px solid #c7c7c7;
  color: #545454;
  font-size: 1rem;
  height: 60px;
  line-height: 60px;
  padding: 0 1.5625rem;
}
.select2-container .select2-dropdown .select2-results ul li.select2-results__option--selected, .select2-container .select2-dropdown .select2-results ul li.select2-results__option--highlighted {
  background-color: #936DF8;
  color: white;
}
.select2-container .select2-dropdown .select2-results ul li.select2-results__option--disabled {
  display: none;
}
.select2-container .select2-dropdown.energylive {
  background-color: white;
}

.button-anim span {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 300ms;
  transition-delay: 800ms;
}
.button-anim.play-anim {
  animation: 1s button-anim !important;
  visibility: visible !important;
}
.button-anim.play-anim span {
  opacity: 1;
}
@keyframes button-anim {
  0% {
    max-width: 56px;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    max-width: 56px;
    opacity: 1;
  }
  100% {
    max-width: 200px;
  }
}

div[data-dashlane-shadowhost=true] {
  position: relative;
  z-index: 9999;
}

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

.tt-menu {
  position: absolute;
  background: #fafafa;
  width: 300px;
  min-width: 100%;
  overflow-y: auto;
  max-height: 120px;
  border: thin solid #6D6D6D;
}
.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: #936DF8;
  background-color: #fff;
}
.tt-menu .tt-dataset .tt-suggestion:hover {
  color: #936DF8;
  background-color: #fff;
}

.notice {
  position: relative;
  display: flex;
  align-items: center;
  background: #eaeaea;
  border-radius: 8px;
  color: #222;
  font-size: 0.875rem;
  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;
}

.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;
  left: 5px;
  position: relative;
  top: 8px;
  width: 30px;
}

.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%;
}
.info-form-tooltip.full-width-tooltip {
  width: 100%;
}
.info-form-tooltip h2, .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;
}
.info-form-tooltip h2:before, .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;
}
.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;
}
.info-form-tooltip .closeButton:focus {
  outline: 0;
}
.info-form-tooltip .closeButton:focus-visible {
  outline: 2px solid #936DF8;
  outline-offset: 2px;
}
.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: 768px) {
  .info-form-tooltip p {
    padding-top: 0;
  }
}
.info-form-tooltip.inline-link {
  width: 100%;
}
@media (max-width: 991.98px) {
  .info-form-tooltip.inline-link p {
    max-width: 100% !important;
  }
}
.info-form-tooltip ul {
  margin-left: 25px;
}
.info-form-tooltip ul li {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.6em;
  text-indent: -5px;
  list-style: none;
}
.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: 992px) {
  .info-form-tooltip.middle {
    left: 25%;
  }
}
.info-form-tooltip h5 {
  font-size: 1rem;
  font-family: "VagRoundedBold";
  letter-spacing: 0.08em;
  margin-bottom: 0.625rem;
}

.prettydropdown {
  max-width: 100%;
}
.prettydropdown ul {
  background: white;
  border: 1px solid #dadada;
  border-radius: 0;
  height: 45px;
  margin-bottom: 0 !important;
  max-width: 100%;
}
.prettydropdown ul li {
  background-color: white;
  border: none;
  border-radius: 0;
  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: #936DF8;
}
.prettydropdown ul.active li .disabled {
  cursor: not-allowed;
  color: #222 !important;
}
.prettydropdown ul.active li.selected {
  color: #936DF8 !important;
}
.prettydropdown:not(.disabled) ul.active, .prettydropdown:not(.disabled) ul:hover, .prettydropdown:not(.disabled) ul:focus {
  border-color: #936DF8;
}
.prettydropdown:not(.disabled) ul:focus {
  outline: 4px solid #e6f4d4;
}
.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_chevron_down_grey.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_chevron_down_grey.svg");
}

.border-top {
  border-top: 0 !important;
}

.twitter-typeahead {
  width: 100%;
}