@charset "UTF-8";
/**
 * Centers the element within its positioning context.
 * Can be constrained to the x or y axis.
 * By default, the element is centered both vertically and horizontally.
 *
 * @property {string=} $axis – x or y, constrain centering to one axis
 */
.article-container::after, .article-container__footer::after, .main-nav__list-level-1::after, .main-area::after {
  display: table;
  height: 0;
  position: relative;
  overflow: hidden;
  clear: both;
  content: ''; }

/*
$col-button-border--main;
$col-button-border--reduced;
$col-button-border--default;
$col-button-border--emphasized;
$col-button-border--alert;
$col-button-border--warn;
$col-button-border--success;
$col-button-border--brand;
$col-button-border--brand--light;
$col-button-border--brand--dark;*/
/* critical:start */
h1, .heading--level-1 {
  font-size: 37px;
  line-height: 43px;
  margin-bottom: 22px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h1, .heading--level-1 {
      font-size: 51px;
      line-height: 59px;
      margin-bottom: 30px; } }

h2, .heading--level-2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h2, .heading--level-2 {
      font-size: 38px;
      line-height: 44px;
      margin-bottom: 22px; } }

h3, .heading--level-3 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 17px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h3, .heading--level-3 {
      font-size: 33px;
      line-height: 38px;
      margin-bottom: 23px; } }

h4, .heading--level-4 {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 24px; }
  .loading h4, .loading .heading--level-4 {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    h4, .heading--level-4 {
      font-size: 29px;
      line-height: 33px;
      margin-bottom: 33px; } }

.text-big {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px; }
  .loading .text-big {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    .text-big {
      font-size: 25px;
      line-height: 33px; } }

.text-big--bold {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-big--bold {
      font-size: 25px;
      line-height: 33px; } }

.text-regular, .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral, .article-container, .flying-wrapper__input, body, .main-nav__list-level-1, .account-info__user-name {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px; }
  .loading .text-regular, .loading .teaser-modules, .loading .teaser-modules--default, .loading .teaser-modules--transparent, .loading .teaser-modules--brand, .loading .teaser-modules--neutral, .loading .article-container, .loading .flying-wrapper__input, .loading body, .loading .main-nav__list-level-1, .loading .account-info__user-name {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    .text-regular, .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral, .article-container, .flying-wrapper__input, body, .main-nav__list-level-1, .account-info__user-name {
      font-size: 22px;
      line-height: 29px; } }

.text-regular--bold, .story__heading {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-regular--bold, .story__heading {
      font-size: 22px;
      line-height: 29px; } }

h5, .heading--level-5, .text-small, .story, .flying-wrapper__label, .ekp-form__checkbox-label, .contact-badge__callout, .cookie-box__meta, .main-footer {
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 1000px) {
    h5, .heading--level-5, .text-small, .story, .flying-wrapper__label, .ekp-form__checkbox-label, .contact-badge__callout, .cookie-box__meta, .main-footer {
      font-size: 19px;
      line-height: 25px; } }

.text-small--bold {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-small--bold {
      font-size: 19px;
      line-height: 25px; } }

h6, .heading--level-6, .callout, .callout--left--xs, .callout--top--lg, .footnote, .note, .badge, .text-smaller, .flying-wrapper__label--disabled,
.flying-wrapper__input--disabled, .flying-wrapper__error-message, .validation-message, .autocomplete-suggestions, .validation-text, .main-header, .main-header__skip {
  font-size: 12px;
  line-height: 16px; }
  @media screen and (min-width: 1000px) {
    h6, .heading--level-6, .callout, .callout--left--xs, .callout--top--lg, .footnote, .note, .badge, .text-smaller, .flying-wrapper__label--disabled,
    .flying-wrapper__input--disabled, .flying-wrapper__error-message, .validation-message, .autocomplete-suggestions, .validation-text, .main-header, .main-header__skip {
      font-size: 17px;
      line-height: 22px; } }

.text-smaller--bold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-smaller--bold {
      font-size: 17px;
      line-height: 22px; } }

/* critical:end */
/* Auto generated file
 * This file was generated by a T4 Template.
 * Don't change it directly as your change could get overwritten. Instead make changes to
 * The .tt file and save it to regenerate this file */
/* Die Datei /meineenbw_cutover.jpg */
/* Die Datei /textur-bg.png */
/* Die Datei /Web.config */
/* Die Datei /404/fehler.png */
/* Die Datei /404/fehlerseite_stecker_mit_knoten.svg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_1055x600.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_420x240.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_629x359.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_943x538.jpg */
/* Die Datei /badges/_faq-badge.svg */
/* Die Datei /badges/app_Store_Badge_DE.svg */
/* Die Datei /badges/faq-badge.svg */
/* Die Datei /badges/google-play-badge.png */
/* Die Datei /Brand/header_logo.svg */
/* Die Datei /Brand/logo_yello.svg */
/* Die Datei /Dashboard/biogas_identifier.png */
/* Die Datei /Dashboard/biogas_identifier.svg */
/* Die Datei /Dashboard/callout-ath-bottom-s.svg */
/* Die Datei /Dashboard/callout-ath-top-s.svg */
/* Die Datei /Dashboard/callout-smile-l.svg */
/* Die Datei /Dashboard/callout-smile-s.svg */
/* Die Datei /Dashboard/launch-isz-cockpit.svg */
/* Die Datei /Dashboard/teekessel-icon.svg */
/* Die Datei /Dashboard/umzug-privat_identifier.svg */
/* Die Datei /Dashboard/verbrauch-gewerbe_identifier.png */
/* Die Datei /Dashboard/verbrauch-gewerbe_identifier.svg */
/* Die Datei /Dashboard/verbrauch-landwirtschaft_identifier.png */
/* Die Datei /Dashboard/verbrauch-landwirtschaft_identifier.svg */
/* Die Datei /Dashboard/verbrauch-privat_identifier.png */
/* Die Datei /Dashboard/verbrauch-privat_identifier.svg */
/* Die Datei /Dashboard/zaehler-gewerbe_identifier.png */
/* Die Datei /Dashboard/zaehler-gewerbe_identifier.svg */
/* Die Datei /Dashboard/zaehler-landwirtschaft_identifier.png */
/* Die Datei /Dashboard/zaehler-landwirtschaft_identifier.svg */
/* Die Datei /Dashboard/zaehler-privat_identifier.png */
/* Die Datei /Dashboard/zaehler-privat_identifier.svg */
/* Die Datei /einwilligungen/einwilligung-paket.svg */
/* Die Datei /email/herzchen.svg */
/* Die Datei /faq/faq_infoimage_schaltprogrammid.gif */
/* Die Datei /faq/faq_infoimage_zaehlerbedienung.jpg */
/* Die Datei /favicons/android-chrome-144x144.png */
/* Die Datei /favicons/android-chrome-192x192.png */
/* Die Datei /favicons/android-chrome-36x36.png */
/* Die Datei /favicons/android-chrome-48x48.png */
/* Die Datei /favicons/android-chrome-72x72.png */
/* Die Datei /favicons/android-chrome-96x96.png */
/* Die Datei /favicons/apple-touch-icon.png */
/* Die Datei /favicons/apple-touch-icon-precomposed.png */
/* Die Datei /favicons/favicon.ico */
/* Die Datei /favicons/favicon-16x16.png */
/* Die Datei /favicons/favicon-194x194.png */
/* Die Datei /favicons/favicon-32x32.png */
/* Die Datei /favicons/favicon-96x96.png */
/* Die Datei /favicons/manifest.json */
/* Die Datei /favicons/mstile-144x144.png */
/* Die Datei /favicons/mstile-150x150.png */
/* Die Datei /favicons/mstile-310x150.png */
/* Die Datei /favicons/mstile-310x310.png */
/* Die Datei /favicons/mstile-70x70.png */
/* Die Datei /favicons/BU/apple-touch-icon.png */
/* Die Datei /favicons/BU/apple-touch-icon-114x114.png */
/* Die Datei /favicons/BU/apple-touch-icon-120x120.png */
/* Die Datei /favicons/BU/apple-touch-icon-144x144.png */
/* Die Datei /favicons/BU/apple-touch-icon-152x152.png */
/* Die Datei /favicons/BU/apple-touch-icon-180x180.png */
/* Die Datei /favicons/BU/apple-touch-icon-57x57.png */
/* Die Datei /favicons/BU/apple-touch-icon-60x60.png */
/* Die Datei /favicons/BU/apple-touch-icon-72x72.png */
/* Die Datei /favicons/BU/apple-touch-icon-76x76.png */
/* Die Datei /favicons/BU/apple-touch-icon-precomposed.png */
/* Die Datei /filter-svg/desaturate.svg */
/* Die Datei /header/MiniportraitM1.svg */
/* Die Datei /header/MiniportraitW1.svg */
/* Die Datei /helpers/footer-large.png */
/* Die Datei /helpers/footer-med.png */
/* Die Datei /helpers/footer-s.png */
/* Die Datei /helpers/footer-xs.png */
/* Die Datei /helpers/footer-xxs.png */
/* Die Datei /helpers/header-large.png */
/* Die Datei /helpers/header-med.png */
/* Die Datei /helpers/header-s.png */
/* Die Datei /helpers/header-xs.png */
/* Die Datei /Icons/dashboard_zaehler-gewerbe_identifier.svg */
/* Die Datei /Icons/fragezeichen.svg */
/* Die Datei /Icons/picto_gewerbe-grey.svg */
/* Die Datei /Icons/picto_gewerbe-grey50.svg */
/* Die Datei /Icons/picto_gewerbe-or.svg */
/* Die Datei /Icons/picto_gewerbe-white.svg */
/* Die Datei /Icons/picto_landwirtschaft-grey.svg */
/* Die Datei /Icons/picto_landwirtschaft-grey50.svg */
/* Die Datei /Icons/picto_landwirtschaft-or.svg */
/* Die Datei /Icons/picto_landwirtschaft-white.svg */
/* Die Datei /Icons/teekessel-icon.svg */
/* Die Datei /Icons/user.svg */
/* Die Datei /Icons/verteiler-AblesungZaehlerstand_Anzeigen.png */
/* Die Datei /Icons/verteiler-AblesungZaehlerstand_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Auszeichnungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-Auszeichnungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Datennutzung_Anzeigen.png */
/* Die Datei /Icons/verteiler-Datennutzung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Downloads_Anzeigen.png */
/* Die Datei /Icons/verteiler-Downloads_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Erinnerungsservice_Anzeigen.png */
/* Die Datei /Icons/verteiler-Erinnerungsservice_Anzeigen.svg */
/* Die Datei /Icons/verteiler-FragenUndAntworten_Anzeigen.png */
/* Die Datei /Icons/verteiler-FragenUndAntworten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Kontaktformular_Anzeigen.png */
/* Die Datei /Icons/verteiler-Kontaktformular_Anzeigen.svg */
/* Die Datei /Icons/verteiler-KundencenterVorOrt_Anzeigen.png */
/* Die Datei /Icons/verteiler-KundencenterVorOrt_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinAbschlag_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinAbschlag_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineBankverbindung_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineBankverbindung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineKundendaten_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineKundendaten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinEnergiesteckbrief_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinEnergiesteckbrief_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineRechnungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineRechnungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZaehlerstaende_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZaehlerstaende_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZahlungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZahlungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZugangsdaten_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZugangsdaten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinISZ_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinISZ_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinMonatschecks-anzeigen.png */
/* Die Datei /Icons/verteiler-MeinMonatschecks-anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinUmzug_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinUmzug_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinVerbrauch_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinVerbrauch_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinZielverbrauch_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinZielverbrauch_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Publikationen_Anzeigen.png */
/* Die Datei /Icons/verteiler-Publikationen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Rechnungserklaerung_Anzeigen.png */
/* Die Datei /Icons/verteiler-Rechnungserklaerung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Rechnungsversand_Anzeigen.png */
/* Die Datei /Icons/verteiler-Rechnungsversand_Anzeigen.svg */
/* Die Datei /Icons/verteiler-ServiceUndStoerungshotline_Anzeigen.png */
/* Die Datei /Icons/verteiler-ServiceUndStoerungshotline_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Verbrauchsanalyse_Anzeigen.png */
/* Die Datei /Icons/verteiler-Verbrauchsanalyse_Anzeigen.svg */
/* Die Datei /Icons/verteiler-ZaehlerstandEingeben_Anzeigen.png */
/* Die Datei /Icons/verteiler-ZaehlerstandEingeben_Anzeigen.svg */
/* Die Datei /Icons/warndreieck.svg */
/* Die Datei /Icons/werkzeug.svg */
/* Die Datei /Icons-png/ableseauftrag-grey.png */
/* Die Datei /Icons-png/ableseauftrag-or.png */
/* Die Datei /Icons-png/ableseauftrag-white.png */
/* Die Datei /Icons-png/alert-red.png */
/* Die Datei /Icons-png/alert-white.png */
/* Die Datei /Icons-png/arrow-d-grey50.png */
/* Die Datei /Icons-png/arrow-d-or.png */
/* Die Datei /Icons-png/arrow-d-white.png */
/* Die Datei /Icons-png/arrow-l-gr.png */
/* Die Datei /Icons-png/arrow-l-or.png */
/* Die Datei /Icons-png/arrow-r-gr.png */
/* Die Datei /Icons-png/arrow-r-large-grey50.png */
/* Die Datei /Icons-png/arrow-r-large-or.png */
/* Die Datei /Icons-png/arrow-r-large-white.png */
/* Die Datei /Icons-png/arrow-r-or.png */
/* Die Datei /Icons-png/arrow-r-w.png */
/* Die Datei /Icons-png/arrow-r-white.png */
/* Die Datei /Icons-png/arrow-u-or.png */
/* Die Datei /Icons-png/blog.png */
/* Die Datei /Icons-png/blog-hover.png */
/* Die Datei /Icons-png/briefumschlag-white.png */
/* Die Datei /Icons-png/calendar.png */
/* Die Datei /Icons-png/callout-ath-bottom-s.png */
/* Die Datei /Icons-png/callout-ath-top-s.png */
/* Die Datei /Icons-png/callout-smile-l.png */
/* Die Datei /Icons-png/callout-smile-s.png */
/* Die Datei /Icons-png/chart-einzelansicht.png */
/* Die Datei /Icons-png/chart-vergleichsansicht.png */
/* Die Datei /Icons-png/close-or.png */
/* Die Datei /Icons-png/close-red.png */
/* Die Datei /Icons-png/consumption-person-1.png */
/* Die Datei /Icons-png/consumption-person-2.png */
/* Die Datei /Icons-png/consumption-person-3.png */
/* Die Datei /Icons-png/consumption-person-4.png */
/* Die Datei /Icons-png/dashboard_identifier_glow.png */
/* Die Datei /Icons-png/daumen-dn.png */
/* Die Datei /Icons-png/daumen-side.png */
/* Die Datei /Icons-png/daumen-up.png */
/* Die Datei /Icons-png/download.png */
/* Die Datei /Icons-png/download-white.png */
/* Die Datei /Icons-png/enbw-logo.png */
/* Die Datei /Icons-png/facebook.png */
/* Die Datei /Icons-png/facebook-hover.png */
/* Die Datei /Icons-png/gas-blue.png */
/* Die Datei /Icons-png/gas-grey.png */
/* Die Datei /Icons-png/gas-grey50.png */
/* Die Datei /Icons-png/gas-or.png */
/* Die Datei /Icons-png/gas-white.png */
/* Die Datei /Icons-png/gplus.png */
/* Die Datei /Icons-png/gplus-hover.png */
/* Die Datei /Icons-png/grey-rect.png */
/* Die Datei /Icons-png/hamburger-orange.png */
/* Die Datei /Icons-png/hamburger-white.png */
/* Die Datei /Icons-png/header_logo_enbw.png */
/* Die Datei /Icons-png/hook-green.png */
/* Die Datei /Icons-png/hook-greycircle.png */
/* Die Datei /Icons-png/hook-or.png */
/* Die Datei /Icons-png/hook-success.png */
/* Die Datei /Icons-png/hook-success-greeononwhite.png */
/* Die Datei /Icons-png/hook-white.png */
/* Die Datei /Icons-png/info.png */
/* Die Datei /Icons-png/info_gradient.png */
/* Die Datei /Icons-png/info_gradient-hover.png */
/* Die Datei /Icons-png/instagram.png */
/* Die Datei /Icons-png/isz-grey.png */
/* Die Datei /Icons-png/isz-or.png */
/* Die Datei /Icons-png/isz-white.png */
/* Die Datei /Icons-png/launch-isz-cockpit.png */
/* Die Datei /Icons-png/launch-iz-cockpit.png */
/* Die Datei /Icons-png/light-grey-rect.png */
/* Die Datei /Icons-png/lock-grey.png */
/* Die Datei /Icons-png/lock-open-or.png */
/* Die Datei /Icons-png/lock-orange.png */
/* Die Datei /Icons-png/lock-white.png */
/* Die Datei /Icons-png/mail-white.png */
/* Die Datei /Icons-png/newsletter-or.png */
/* Die Datei /Icons-png/new-window.png */
/* Die Datei /Icons-png/new-window-svg.png */
/* Die Datei /Icons-png/orange-bg.png */
/* Die Datei /Icons-png/pc-user-or.png */
/* Die Datei /Icons-png/pc-white.png */
/* Die Datei /Icons-png/picto_haus-grey.png */
/* Die Datei /Icons-png/picto_haus-grey50.png */
/* Die Datei /Icons-png/picto_haus-or.png */
/* Die Datei /Icons-png/picto_haus-white.png */
/* Die Datei /Icons-png/picto_kraftwerk-grey.png */
/* Die Datei /Icons-png/picto_kraftwerk-grey50.png */
/* Die Datei /Icons-png/picto_kraftwerk-or.png */
/* Die Datei /Icons-png/picto_kraftwerk-white.png */
/* Die Datei /Icons-png/picto_landwirtschaft-grey.png */
/* Die Datei /Icons-png/picto_landwirtschaft-grey50.png */
/* Die Datei /Icons-png/picto_landwirtschaft-or.png */
/* Die Datei /Icons-png/picto_landwirtschaft-white.png */
/* Die Datei /Icons-png/pin-1.png */
/* Die Datei /Icons-png/pin-2.png */
/* Die Datei /Icons-png/pin-3.png */
/* Die Datei /Icons-png/print-grey.png */
/* Die Datei /Icons-png/print-or.png */
/* Die Datei /Icons-png/progresstracker-current.png */
/* Die Datei /Icons-png/progresstracker-last.png */
/* Die Datei /Icons-png/progresstracker-next.png */
/* Die Datei /Icons-png/publikationen-white.png */
/* Die Datei /Icons-png/radiobutton-hi.png */
/* Die Datei /Icons-png/rechner-grey.png */
/* Die Datei /Icons-png/rechner-or.png */
/* Die Datei /Icons-png/rechnung-grey.png */
/* Die Datei /Icons-png/rechnung-or.png */
/* Die Datei /Icons-png/rechnung-white.png */
/* Die Datei /Icons-png/search-grey.png */
/* Die Datei /Icons-png/search-orange.png */
/* Die Datei /Icons-png/search-white.png */
/* Die Datei /Icons-png/star-grey.png */
/* Die Datei /Icons-png/star-or.png */
/* Die Datei /Icons-png/stift.png */
/* Die Datei /Icons-png/stift-or.png */
/* Die Datei /Icons-png/strom-blue.png */
/* Die Datei /Icons-png/strom-grey.png */
/* Die Datei /Icons-png/strom-grey50.png */
/* Die Datei /Icons-png/strom-or.png */
/* Die Datei /Icons-png/strom-white.png */
/* Die Datei /Icons-png/tooltipp-arrow.png */
/* Die Datei /Icons-png/track-bg.png */
/* Die Datei /Icons-png/twitter.png */
/* Die Datei /Icons-png/twitter-hover.png */
/* Die Datei /Icons-png/umzug-mail.png */
/* Die Datei /Icons-png/umzug-phone.png */
/* Die Datei /Icons-png/user.png */
/* Die Datei /Icons-png/user-or.png */
/* Die Datei /Icons-png/verteiler_bg.png */
/* Die Datei /Icons-png/waerme-grey.png */
/* Die Datei /Icons-png/waerme-grey50.png */
/* Die Datei /Icons-png/waerme-or.png */
/* Die Datei /Icons-png/waerme-white.png */
/* Die Datei /Icons-png/warn-red.png */
/* Die Datei /Icons-png/wasser-blue.png */
/* Die Datei /Icons-png/wasser-grey.png */
/* Die Datei /Icons-png/wasser-grey50.png */
/* Die Datei /Icons-png/wasser-or.png */
/* Die Datei /Icons-png/wasser-white.png */
/* Die Datei /Icons-png/white-rect.png */
/* Die Datei /Icons-png/youtube.png */
/* Die Datei /Icons-png/youtube-hover.png */
/* Die Datei /kuendigungsvollmacht/kuendigungsvollmacht.svg */
/* Die Datei /Login/hero_goodbye.JPG */
/* Die Datei /Login/hero_goodbye-xl.jpg */
/* Die Datei /Login/u33.jpg */
/* Die Datei /overlays/selbstzahler.svg */
/* Die Datei /registrierung/begruessung-1360.jpg */
/* Die Datei /registrierung/begruessung-680.jpg */
/* Die Datei /registrierung/rechnung-1360.jpg */
/* Die Datei /registrierung/rechnung-680.jpg */
/* Die Datei /registrierung/stromzaehler-01-340.jpg */
/* Die Datei /registrierung/stromzaehler-01-680.jpg */
/* Die Datei /registrierung/stromzaehler-02-340.jpg */
/* Die Datei /registrierung/stromzaehler-02-680.jpg */
/* Die Datei /registrierung/stromzaehler-03-340.jpg */
/* Die Datei /registrierung/stromzaehler-03-680.jpg */
/* Die Datei /registrierung/stromzaehler-04-340.jpg */
/* Die Datei /registrierung/stromzaehler-04-680.jpg */
/* Die Datei /registrierung/vertragsbestaetigung-1360.jpg */
/* Die Datei /registrierung/vertragsbestaetigung-680.jpg */
/* Die Datei /registrierung/Zaehler1.jpg */
/* Die Datei /registrierung/Zaehler2.jpg */
/* Die Datei /registrierung/Zaehler3.jpg */
/* Die Datei /registrierung/Zaehler4.jpg */
/* Die Datei /selbstzahler/bankverbindung-picto.svg */
/* Die Datei /smile/enbw-smile-teaser-1392x716.jpg */
/* Die Datei /smile/teaser-713x713.jpg */
/* Die Datei /Umzug/Umzug.svg */
/* Die Datei /verbrauch/teekessel.svg */
/* Die Datei /wechselmonitor/anmeldung.svg */
/* Die Datei /wechselmonitor/cart.svg */
/* Die Datei /wechselmonitor/kundennummer.png */
/* Die Datei /wechselmonitor/shop-produkt-01-201x301.jpg */
/* Die Datei /wechselmonitor/shop-produkt-02-201x301.jpg */
/* Die Datei /wechselmonitor/shop-produkt-03-201x301.jpg */
/* Die Datei /wechselmonitor/stromzaehler.jpg */

/* 
@mixin bg_boxChecked-svg($col: $col-green, $bgPosX: center, $bgPosY: center, $strokeWidth: 3) {
    $icon: svg-load('symbols/box-checked.svg', stroke=$col, stroke-width=$strokeWidth);

    background: $icon $bgPosX $bgPosY no-repeat;
} */

/**
 * Centers the element within its positioning context.
 * Can be constrained to the x or y axis.
 * By default, the element is centered both vertically and horizontally.
 *
 * @property {string=} $axis – x or y, constrain centering to one axis
 */
.article-container::after, .article-container__footer::after, .main-nav__list-level-1::after, .main-area::after {
  display: table;
  height: 0;
  position: relative;
  overflow: hidden;
  clear: both;
  content: ''; }

/*
$col-button-border--main;
$col-button-border--reduced;
$col-button-border--default;
$col-button-border--emphasized;
$col-button-border--alert;
$col-button-border--warn;
$col-button-border--success;
$col-button-border--brand;
$col-button-border--brand--light;
$col-button-border--brand--dark;*/
/* critical:start */
h1, .heading--level-1 {
  font-size: 37px;
  line-height: 43px;
  margin-bottom: 22px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h1, .heading--level-1 {
      font-size: 51px;
      line-height: 59px;
      margin-bottom: 30px; } }

h2, .heading--level-2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h2, .heading--level-2 {
      font-size: 38px;
      line-height: 44px;
      margin-bottom: 22px; } }

h3, .heading--level-3 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 17px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    h3, .heading--level-3 {
      font-size: 33px;
      line-height: 38px;
      margin-bottom: 23px; } }

h4, .heading--level-4 {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 24px; }
  .loading h4, .loading .heading--level-4 {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    h4, .heading--level-4 {
      font-size: 29px;
      line-height: 33px;
      margin-bottom: 33px; } }

.text-big {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px; }
  .loading .text-big {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    .text-big {
      font-size: 25px;
      line-height: 33px; } }

.text-big--bold {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-big--bold {
      font-size: 25px;
      line-height: 33px; } }

.text-regular, .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral, .article-container, .flying-wrapper__input, body, .main-nav__list-level-1, .account-info__user-name {
  font-family: DINNextRdforYelloW04, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px; }
  .loading .text-regular, .loading .teaser-modules, .loading .teaser-modules--default, .loading .teaser-modules--transparent, .loading .teaser-modules--brand, .loading .teaser-modules--neutral, .loading .article-container, .loading .flying-wrapper__input, .loading body, .loading .main-nav__list-level-1, .loading .account-info__user-name {
    font-family: DINNextRdforYelloW04Reg_subset, sans-serif !important; }
  @media screen and (min-width: 1000px) {
    .text-regular, .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral, .article-container, .flying-wrapper__input, body, .main-nav__list-level-1, .account-info__user-name {
      font-size: 22px;
      line-height: 29px; } }

.text-regular--bold, .story__heading {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-regular--bold, .story__heading {
      font-size: 22px;
      line-height: 29px; } }

h5, .heading--level-5, .text-small, .story, .flying-wrapper__label, .ekp-form__checkbox-label, .contact-badge__callout, .cookie-box__meta, .main-footer {
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 1000px) {
    h5, .heading--level-5, .text-small, .story, .flying-wrapper__label, .ekp-form__checkbox-label, .contact-badge__callout, .cookie-box__meta, .main-footer {
      font-size: 19px;
      line-height: 25px; } }

.text-small--bold {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-small--bold {
      font-size: 19px;
      line-height: 25px; } }

h6, .heading--level-6, .callout, .callout--left--xs, .callout--top--lg, .footnote, .note, .badge, .text-smaller, .flying-wrapper__label--disabled,
.flying-wrapper__input--disabled, .flying-wrapper__error-message, .validation-message, .autocomplete-suggestions, .validation-text, .main-header, .main-header__skip {
  font-size: 12px;
  line-height: 16px; }
  @media screen and (min-width: 1000px) {
    h6, .heading--level-6, .callout, .callout--left--xs, .callout--top--lg, .footnote, .note, .badge, .text-smaller, .flying-wrapper__label--disabled,
    .flying-wrapper__input--disabled, .flying-wrapper__error-message, .validation-message, .autocomplete-suggestions, .validation-text, .main-header, .main-header__skip {
      font-size: 17px;
      line-height: 22px; } }

.text-smaller--bold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700; }
  @media screen and (min-width: 1000px) {
    .text-smaller--bold {
      font-size: 17px;
      line-height: 22px; } }

/* critical:end */
/* Auto generated file
 * This file was generated by a T4 Template.
 * Don't change it directly as your change could get overwritten. Instead make changes to
 * The .tt file and save it to regenerate this file */
/* Die Datei /meineenbw_cutover.jpg */
/* Die Datei /textur-bg.png */
/* Die Datei /Web.config */
/* Die Datei /404/fehler.png */
/* Die Datei /404/fehlerseite_stecker_mit_knoten.svg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_1055x600.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_420x240.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_629x359.jpg */
/* Die Datei /404/fehlerseite-stecker-mit-knoten_943x538.jpg */
/* Die Datei /badges/_faq-badge.svg */
/* Die Datei /badges/app_Store_Badge_DE.svg */
/* Die Datei /badges/faq-badge.svg */
/* Die Datei /badges/google-play-badge.png */
/* Die Datei /Brand/header_logo.svg */
/* Die Datei /Brand/logo_yello.svg */
/* Die Datei /Dashboard/biogas_identifier.png */
/* Die Datei /Dashboard/biogas_identifier.svg */
/* Die Datei /Dashboard/callout-ath-bottom-s.svg */
/* Die Datei /Dashboard/callout-ath-top-s.svg */
/* Die Datei /Dashboard/callout-smile-l.svg */
/* Die Datei /Dashboard/callout-smile-s.svg */
/* Die Datei /Dashboard/launch-isz-cockpit.svg */
/* Die Datei /Dashboard/teekessel-icon.svg */
/* Die Datei /Dashboard/umzug-privat_identifier.svg */
/* Die Datei /Dashboard/verbrauch-gewerbe_identifier.png */
/* Die Datei /Dashboard/verbrauch-gewerbe_identifier.svg */
/* Die Datei /Dashboard/verbrauch-landwirtschaft_identifier.png */
/* Die Datei /Dashboard/verbrauch-landwirtschaft_identifier.svg */
/* Die Datei /Dashboard/verbrauch-privat_identifier.png */
/* Die Datei /Dashboard/verbrauch-privat_identifier.svg */
/* Die Datei /Dashboard/zaehler-gewerbe_identifier.png */
/* Die Datei /Dashboard/zaehler-gewerbe_identifier.svg */
/* Die Datei /Dashboard/zaehler-landwirtschaft_identifier.png */
/* Die Datei /Dashboard/zaehler-landwirtschaft_identifier.svg */
/* Die Datei /Dashboard/zaehler-privat_identifier.png */
/* Die Datei /Dashboard/zaehler-privat_identifier.svg */
/* Die Datei /einwilligungen/einwilligung-paket.svg */
/* Die Datei /email/herzchen.svg */
/* Die Datei /faq/faq_infoimage_schaltprogrammid.gif */
/* Die Datei /faq/faq_infoimage_zaehlerbedienung.jpg */
/* Die Datei /favicons/android-chrome-144x144.png */
/* Die Datei /favicons/android-chrome-192x192.png */
/* Die Datei /favicons/android-chrome-36x36.png */
/* Die Datei /favicons/android-chrome-48x48.png */
/* Die Datei /favicons/android-chrome-72x72.png */
/* Die Datei /favicons/android-chrome-96x96.png */
/* Die Datei /favicons/apple-touch-icon.png */
/* Die Datei /favicons/apple-touch-icon-precomposed.png */
/* Die Datei /favicons/favicon.ico */
/* Die Datei /favicons/favicon-16x16.png */
/* Die Datei /favicons/favicon-194x194.png */
/* Die Datei /favicons/favicon-32x32.png */
/* Die Datei /favicons/favicon-96x96.png */
/* Die Datei /favicons/manifest.json */
/* Die Datei /favicons/mstile-144x144.png */
/* Die Datei /favicons/mstile-150x150.png */
/* Die Datei /favicons/mstile-310x150.png */
/* Die Datei /favicons/mstile-310x310.png */
/* Die Datei /favicons/mstile-70x70.png */
/* Die Datei /favicons/BU/apple-touch-icon.png */
/* Die Datei /favicons/BU/apple-touch-icon-114x114.png */
/* Die Datei /favicons/BU/apple-touch-icon-120x120.png */
/* Die Datei /favicons/BU/apple-touch-icon-144x144.png */
/* Die Datei /favicons/BU/apple-touch-icon-152x152.png */
/* Die Datei /favicons/BU/apple-touch-icon-180x180.png */
/* Die Datei /favicons/BU/apple-touch-icon-57x57.png */
/* Die Datei /favicons/BU/apple-touch-icon-60x60.png */
/* Die Datei /favicons/BU/apple-touch-icon-72x72.png */
/* Die Datei /favicons/BU/apple-touch-icon-76x76.png */
/* Die Datei /favicons/BU/apple-touch-icon-precomposed.png */
/* Die Datei /filter-svg/desaturate.svg */
/* Die Datei /header/MiniportraitM1.svg */
/* Die Datei /header/MiniportraitW1.svg */
/* Die Datei /helpers/footer-large.png */
/* Die Datei /helpers/footer-med.png */
/* Die Datei /helpers/footer-s.png */
/* Die Datei /helpers/footer-xs.png */
/* Die Datei /helpers/footer-xxs.png */
/* Die Datei /helpers/header-large.png */
/* Die Datei /helpers/header-med.png */
/* Die Datei /helpers/header-s.png */
/* Die Datei /helpers/header-xs.png */
/* Die Datei /Icons/dashboard_zaehler-gewerbe_identifier.svg */
/* Die Datei /Icons/fragezeichen.svg */
/* Die Datei /Icons/picto_gewerbe-grey.svg */
/* Die Datei /Icons/picto_gewerbe-grey50.svg */
/* Die Datei /Icons/picto_gewerbe-or.svg */
/* Die Datei /Icons/picto_gewerbe-white.svg */
/* Die Datei /Icons/picto_landwirtschaft-grey.svg */
/* Die Datei /Icons/picto_landwirtschaft-grey50.svg */
/* Die Datei /Icons/picto_landwirtschaft-or.svg */
/* Die Datei /Icons/picto_landwirtschaft-white.svg */
/* Die Datei /Icons/teekessel-icon.svg */
/* Die Datei /Icons/user.svg */
/* Die Datei /Icons/verteiler-AblesungZaehlerstand_Anzeigen.png */
/* Die Datei /Icons/verteiler-AblesungZaehlerstand_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Auszeichnungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-Auszeichnungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Datennutzung_Anzeigen.png */
/* Die Datei /Icons/verteiler-Datennutzung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Downloads_Anzeigen.png */
/* Die Datei /Icons/verteiler-Downloads_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Erinnerungsservice_Anzeigen.png */
/* Die Datei /Icons/verteiler-Erinnerungsservice_Anzeigen.svg */
/* Die Datei /Icons/verteiler-FragenUndAntworten_Anzeigen.png */
/* Die Datei /Icons/verteiler-FragenUndAntworten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Kontaktformular_Anzeigen.png */
/* Die Datei /Icons/verteiler-Kontaktformular_Anzeigen.svg */
/* Die Datei /Icons/verteiler-KundencenterVorOrt_Anzeigen.png */
/* Die Datei /Icons/verteiler-KundencenterVorOrt_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinAbschlag_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinAbschlag_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineBankverbindung_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineBankverbindung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineKundendaten_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineKundendaten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinEnergiesteckbrief_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinEnergiesteckbrief_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineRechnungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineRechnungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZaehlerstaende_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZaehlerstaende_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZahlungen_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZahlungen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeineZugangsdaten_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeineZugangsdaten_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinISZ_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinISZ_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinMonatschecks-anzeigen.png */
/* Die Datei /Icons/verteiler-MeinMonatschecks-anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinUmzug_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinUmzug_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinVerbrauch_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinVerbrauch_Anzeigen.svg */
/* Die Datei /Icons/verteiler-MeinZielverbrauch_Anzeigen.png */
/* Die Datei /Icons/verteiler-MeinZielverbrauch_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Publikationen_Anzeigen.png */
/* Die Datei /Icons/verteiler-Publikationen_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Rechnungserklaerung_Anzeigen.png */
/* Die Datei /Icons/verteiler-Rechnungserklaerung_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Rechnungsversand_Anzeigen.png */
/* Die Datei /Icons/verteiler-Rechnungsversand_Anzeigen.svg */
/* Die Datei /Icons/verteiler-ServiceUndStoerungshotline_Anzeigen.png */
/* Die Datei /Icons/verteiler-ServiceUndStoerungshotline_Anzeigen.svg */
/* Die Datei /Icons/verteiler-Verbrauchsanalyse_Anzeigen.png */
/* Die Datei /Icons/verteiler-Verbrauchsanalyse_Anzeigen.svg */
/* Die Datei /Icons/verteiler-ZaehlerstandEingeben_Anzeigen.png */
/* Die Datei /Icons/verteiler-ZaehlerstandEingeben_Anzeigen.svg */
/* Die Datei /Icons/warndreieck.svg */
/* Die Datei /Icons/werkzeug.svg */
/* Die Datei /Icons-png/ableseauftrag-grey.png */
/* Die Datei /Icons-png/ableseauftrag-or.png */
/* Die Datei /Icons-png/ableseauftrag-white.png */
/* Die Datei /Icons-png/alert-red.png */
/* Die Datei /Icons-png/alert-white.png */
/* Die Datei /Icons-png/arrow-d-grey50.png */
/* Die Datei /Icons-png/arrow-d-or.png */
/* Die Datei /Icons-png/arrow-d-white.png */
/* Die Datei /Icons-png/arrow-l-gr.png */
/* Die Datei /Icons-png/arrow-l-or.png */
/* Die Datei /Icons-png/arrow-r-gr.png */
/* Die Datei /Icons-png/arrow-r-large-grey50.png */
/* Die Datei /Icons-png/arrow-r-large-or.png */
/* Die Datei /Icons-png/arrow-r-large-white.png */
/* Die Datei /Icons-png/arrow-r-or.png */
/* Die Datei /Icons-png/arrow-r-w.png */
/* Die Datei /Icons-png/arrow-r-white.png */
/* Die Datei /Icons-png/arrow-u-or.png */
/* Die Datei /Icons-png/blog.png */
/* Die Datei /Icons-png/blog-hover.png */
/* Die Datei /Icons-png/briefumschlag-white.png */
/* Die Datei /Icons-png/calendar.png */
/* Die Datei /Icons-png/callout-ath-bottom-s.png */
/* Die Datei /Icons-png/callout-ath-top-s.png */
/* Die Datei /Icons-png/callout-smile-l.png */
/* Die Datei /Icons-png/callout-smile-s.png */
/* Die Datei /Icons-png/chart-einzelansicht.png */
/* Die Datei /Icons-png/chart-vergleichsansicht.png */
/* Die Datei /Icons-png/close-or.png */
/* Die Datei /Icons-png/close-red.png */
/* Die Datei /Icons-png/consumption-person-1.png */
/* Die Datei /Icons-png/consumption-person-2.png */
/* Die Datei /Icons-png/consumption-person-3.png */
/* Die Datei /Icons-png/consumption-person-4.png */
/* Die Datei /Icons-png/dashboard_identifier_glow.png */
/* Die Datei /Icons-png/daumen-dn.png */
/* Die Datei /Icons-png/daumen-side.png */
/* Die Datei /Icons-png/daumen-up.png */
/* Die Datei /Icons-png/download.png */
/* Die Datei /Icons-png/download-white.png */
/* Die Datei /Icons-png/enbw-logo.png */
/* Die Datei /Icons-png/facebook.png */
/* Die Datei /Icons-png/facebook-hover.png */
/* Die Datei /Icons-png/gas-blue.png */
/* Die Datei /Icons-png/gas-grey.png */
/* Die Datei /Icons-png/gas-grey50.png */
/* Die Datei /Icons-png/gas-or.png */
/* Die Datei /Icons-png/gas-white.png */
/* Die Datei /Icons-png/gplus.png */
/* Die Datei /Icons-png/gplus-hover.png */
/* Die Datei /Icons-png/grey-rect.png */
/* Die Datei /Icons-png/hamburger-orange.png */
/* Die Datei /Icons-png/hamburger-white.png */
/* Die Datei /Icons-png/header_logo_enbw.png */
/* Die Datei /Icons-png/hook-green.png */
/* Die Datei /Icons-png/hook-greycircle.png */
/* Die Datei /Icons-png/hook-or.png */
/* Die Datei /Icons-png/hook-success.png */
/* Die Datei /Icons-png/hook-success-greeononwhite.png */
/* Die Datei /Icons-png/hook-white.png */
/* Die Datei /Icons-png/info.png */
/* Die Datei /Icons-png/info_gradient.png */
/* Die Datei /Icons-png/info_gradient-hover.png */
/* Die Datei /Icons-png/instagram.png */
/* Die Datei /Icons-png/isz-grey.png */
/* Die Datei /Icons-png/isz-or.png */
/* Die Datei /Icons-png/isz-white.png */
/* Die Datei /Icons-png/launch-isz-cockpit.png */
/* Die Datei /Icons-png/launch-iz-cockpit.png */
/* Die Datei /Icons-png/light-grey-rect.png */
/* Die Datei /Icons-png/lock-grey.png */
/* Die Datei /Icons-png/lock-open-or.png */
/* Die Datei /Icons-png/lock-orange.png */
/* Die Datei /Icons-png/lock-white.png */
/* Die Datei /Icons-png/mail-white.png */
/* Die Datei /Icons-png/newsletter-or.png */
/* Die Datei /Icons-png/new-window.png */
/* Die Datei /Icons-png/new-window-svg.png */
/* Die Datei /Icons-png/orange-bg.png */
/* Die Datei /Icons-png/pc-user-or.png */
/* Die Datei /Icons-png/pc-white.png */
/* Die Datei /Icons-png/picto_haus-grey.png */
/* Die Datei /Icons-png/picto_haus-grey50.png */
/* Die Datei /Icons-png/picto_haus-or.png */
/* Die Datei /Icons-png/picto_haus-white.png */
/* Die Datei /Icons-png/picto_kraftwerk-grey.png */
/* Die Datei /Icons-png/picto_kraftwerk-grey50.png */
/* Die Datei /Icons-png/picto_kraftwerk-or.png */
/* Die Datei /Icons-png/picto_kraftwerk-white.png */
/* Die Datei /Icons-png/picto_landwirtschaft-grey.png */
/* Die Datei /Icons-png/picto_landwirtschaft-grey50.png */
/* Die Datei /Icons-png/picto_landwirtschaft-or.png */
/* Die Datei /Icons-png/picto_landwirtschaft-white.png */
/* Die Datei /Icons-png/pin-1.png */
/* Die Datei /Icons-png/pin-2.png */
/* Die Datei /Icons-png/pin-3.png */
/* Die Datei /Icons-png/print-grey.png */
/* Die Datei /Icons-png/print-or.png */
/* Die Datei /Icons-png/progresstracker-current.png */
/* Die Datei /Icons-png/progresstracker-last.png */
/* Die Datei /Icons-png/progresstracker-next.png */
/* Die Datei /Icons-png/publikationen-white.png */
/* Die Datei /Icons-png/radiobutton-hi.png */
/* Die Datei /Icons-png/rechner-grey.png */
/* Die Datei /Icons-png/rechner-or.png */
/* Die Datei /Icons-png/rechnung-grey.png */
/* Die Datei /Icons-png/rechnung-or.png */
/* Die Datei /Icons-png/rechnung-white.png */
/* Die Datei /Icons-png/search-grey.png */
/* Die Datei /Icons-png/search-orange.png */
/* Die Datei /Icons-png/search-white.png */
/* Die Datei /Icons-png/star-grey.png */
/* Die Datei /Icons-png/star-or.png */
/* Die Datei /Icons-png/stift.png */
/* Die Datei /Icons-png/stift-or.png */
/* Die Datei /Icons-png/strom-blue.png */
/* Die Datei /Icons-png/strom-grey.png */
/* Die Datei /Icons-png/strom-grey50.png */
/* Die Datei /Icons-png/strom-or.png */
/* Die Datei /Icons-png/strom-white.png */
/* Die Datei /Icons-png/tooltipp-arrow.png */
/* Die Datei /Icons-png/track-bg.png */
/* Die Datei /Icons-png/twitter.png */
/* Die Datei /Icons-png/twitter-hover.png */
/* Die Datei /Icons-png/umzug-mail.png */
/* Die Datei /Icons-png/umzug-phone.png */
/* Die Datei /Icons-png/user.png */
/* Die Datei /Icons-png/user-or.png */
/* Die Datei /Icons-png/verteiler_bg.png */
/* Die Datei /Icons-png/waerme-grey.png */
/* Die Datei /Icons-png/waerme-grey50.png */
/* Die Datei /Icons-png/waerme-or.png */
/* Die Datei /Icons-png/waerme-white.png */
/* Die Datei /Icons-png/warn-red.png */
/* Die Datei /Icons-png/wasser-blue.png */
/* Die Datei /Icons-png/wasser-grey.png */
/* Die Datei /Icons-png/wasser-grey50.png */
/* Die Datei /Icons-png/wasser-or.png */
/* Die Datei /Icons-png/wasser-white.png */
/* Die Datei /Icons-png/white-rect.png */
/* Die Datei /Icons-png/youtube.png */
/* Die Datei /Icons-png/youtube-hover.png */
/* Die Datei /kuendigungsvollmacht/kuendigungsvollmacht.svg */
/* Die Datei /Login/hero_goodbye.JPG */
/* Die Datei /Login/hero_goodbye-xl.jpg */
/* Die Datei /Login/u33.jpg */
/* Die Datei /overlays/selbstzahler.svg */
/* Die Datei /registrierung/begruessung-1360.jpg */
/* Die Datei /registrierung/begruessung-680.jpg */
/* Die Datei /registrierung/rechnung-1360.jpg */
/* Die Datei /registrierung/rechnung-680.jpg */
/* Die Datei /registrierung/stromzaehler-01-340.jpg */
/* Die Datei /registrierung/stromzaehler-01-680.jpg */
/* Die Datei /registrierung/stromzaehler-02-340.jpg */
/* Die Datei /registrierung/stromzaehler-02-680.jpg */
/* Die Datei /registrierung/stromzaehler-03-340.jpg */
/* Die Datei /registrierung/stromzaehler-03-680.jpg */
/* Die Datei /registrierung/stromzaehler-04-340.jpg */
/* Die Datei /registrierung/stromzaehler-04-680.jpg */
/* Die Datei /registrierung/vertragsbestaetigung-1360.jpg */
/* Die Datei /registrierung/vertragsbestaetigung-680.jpg */
/* Die Datei /registrierung/Zaehler1.jpg */
/* Die Datei /registrierung/Zaehler2.jpg */
/* Die Datei /registrierung/Zaehler3.jpg */
/* Die Datei /registrierung/Zaehler4.jpg */
/* Die Datei /selbstzahler/bankverbindung-picto.svg */
/* Die Datei /smile/enbw-smile-teaser-1392x716.jpg */
/* Die Datei /smile/teaser-713x713.jpg */
/* Die Datei /Umzug/Umzug.svg */
/* Die Datei /verbrauch/teekessel.svg */
/* Die Datei /wechselmonitor/anmeldung.svg */
/* Die Datei /wechselmonitor/cart.svg */
/* Die Datei /wechselmonitor/kundennummer.png */
/* Die Datei /wechselmonitor/shop-produkt-01-201x301.jpg */
/* Die Datei /wechselmonitor/shop-produkt-02-201x301.jpg */
/* Die Datei /wechselmonitor/shop-produkt-03-201x301.jpg */
/* Die Datei /wechselmonitor/stromzaehler.jpg */

/* 
@mixin bg_boxChecked-svg($col: $col-green, $bgPosX: center, $bgPosY: center, $strokeWidth: 3) {
    $icon: svg-load('symbols/box-checked.svg', stroke=$col, stroke-width=$strokeWidth);

    background: $icon $bgPosX $bgPosY no-repeat;
} */

input[type*='search'] {
  -webkit-border-radius: 0;
          border-radius: 0; }

/* critical:start */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  min-height: 100vh;
  max-width: 100vw;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  width: 100%;
  min-height: 100%;
  min-height: 100vh; }

a,
a[href^='tel'] {
  text-decoration: none;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  color: #FF5500;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer; }
  a:hover, a:focus,
  a[href^='tel']:hover,
  a[href^='tel']:focus {
    text-decoration: none;
    outline: none;
    color: #EE4F00; }
  @media print {
    a::after,
    a[href^='tel']::after {
      content: " [URL: " attr(href) "]";
      font-style: italic;
      word-break: break-word; } }

html:not(.mobile) a[href^='tel'], html:not(.mobile) a[href^='tel']:hover, html:not(.mobile) a[href^='tel']:focus, html:not(.mobile) a[href^='tel']:link, html:not(.mobile) a[href^='tel']:visited, html:not(.mobile) a[href^='tel']:active {
  text-decoration: none;
  color: inherit;
  pointer-events: none;
  cursor: text; }

/*********** STYLEGUIDE ************/
p {
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    p {
      margin-bottom: 24px; } }
  p:last-child {
    margin-bottom: 0; }

/*********** STYLEGUIDE ************/
h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

/*********** STYLEGUIDE ************/
form {
  border: none; }

fieldset {
  border: none; }

legend {
  font-weight: 700; }

input:focus {
  outline: none; }

input[type='text'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='date'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='search'],
input[type='password'] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  -webkit-border-radius: 0;
          border-radius: 0; }
  input[type='text']:focus, input[type='text']:hover,
  input[type='number']:focus,
  input[type='number']:hover,
  input[type='tel']:focus,
  input[type='tel']:hover,
  input[type='email']:focus,
  input[type='email']:hover,
  input[type='date']:focus,
  input[type='date']:hover,
  input[type='time']:focus,
  input[type='time']:hover,
  input[type='datetime']:focus,
  input[type='datetime']:hover,
  input[type='datetime-local']:focus,
  input[type='datetime-local']:hover,
  input[type='search']:focus,
  input[type='search']:hover,
  input[type='password']:focus,
  input[type='password']:hover {
    outline: none; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none; }

input[type='number'] {
  -moz-appearance: textfield; }
  input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield; }

/*********** STYLEGUIDE ************/
button,
input[type='submit'],
input[type='button'] {
  font: inherit;
  display: inline-block;
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  button:focus,
  input[type='submit']:focus,
  input[type='button']:focus {
    outline: none; }

/*********** STYLEGUIDE ************/
/* critical:end */
textarea {
  display: block;
  background-color: white;
  border: solid #ACACAC 1px;
  font: inherit;
  padding:  7px; }
  textarea:focus {
    outline: none; }
  @media screen and (min-width: 1000px) {
    textarea {
      padding:  12px; } }

/*********** STYLEGUIDE ************/
img {
  -ms-interpolation-mode: nearest-neighbor; }

dt {
  font-weight: 700; }

hr {
  height: 1px;
  background: #B5B5B5;
  border: none;
  clear: both;
  margin-bottom: 20px; }
  @media screen and (min-width: 1000px) {
    hr {
      margin-bottom: 32px; } }

/*********** STYLEGUIDE ************/
table {
  border-spacing: 0; }

th {
  font-weight: 700; }

[tabindex]:focus {
  outline: none; }

/* critical:start */
.btn, .btn--primary, .btn--secondary, .btn--tertiary {
  display: block;
  width: 100%;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 2px 6px 0;
          box-shadow: rgba(0, 0, 0, 0.24) 0 2px 6px 0;
  color: #FF5500;
  background-color: white;
  -webkit-transition: background-color, color, -webkit-box-shadow;
  transition: background-color, color, -webkit-box-shadow;
  -o-transition: box-shadow, background-color, color;
  transition: box-shadow, background-color, color;
  transition: box-shadow, background-color, color, -webkit-box-shadow;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  text-align: center;
  padding: 0.65em 20px 0.55em; }
  @media screen and (min-width: 720px) {
    .btn, .btn--primary, .btn--secondary, .btn--tertiary {
      display: inline-block;
      width: auto; } }
  @media screen and (min-width: 1000px) {
    .btn, .btn--primary, .btn--secondary, .btn--tertiary {
      padding: 0.65em 32px 0.55em; } }
  .btn:hover, .btn--primary:hover, .btn--secondary:hover, .btn--tertiary:hover, .btn:focus, .btn--primary:focus, .btn--secondary:focus, .btn--tertiary:focus {
    color: #EE4F00;
    -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0;
            box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0; }

.btn--primary {
  font-weight: 700;
  color: white;
  background-color: #FF5500; }
  .btn--primary:hover, .btn--primary:focus {
    color: white;
    background-color: #EE4F00; }

.btn--secondary {
  font-weight: 700;
  color: #FF5500; }
  .btn--secondary:hover, .btn--secondary:focus {
    color: #EE4F00;
    -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0;
            box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0; }

.btn--tertiary {
  color: #5B5B5B; }
  .btn--tertiary:hover, .btn--tertiary:focus {
    background-color: #F3F3F3; }

.btn--invisible {
  position: fixed;
  left: -999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  font-size: 0;
  color: transparent; }

.heading, .heading--level-1, .heading--level-2, .heading--level-3, .heading--level-4, .heading--level-5, .heading--level-6 {
  font-weight: 700;
  font-style: normal; }

.heading {
  font-size: inherit;
  margin-bottom: .5em; }

.heading--level-5 {
  margin-bottom: .5em; }

/* critical:end */
.link, .link-close, .link-fwd, .link-bwd, .link-new-win, .link-download {
  display: inline-block;
  position: relative;
  font: inherit;
  color: #FF5500;
  cursor: pointer; }
  .link:hover, .link-close:hover, .link-fwd:hover, .link-bwd:hover, .link-new-win:hover, .link-download:hover {
    color: #EE4F00; }

.link-fwd::after, .link-new-win::after, .link-download::after, .link-close::after {
  -webkit-background-size: contain;
          background-size: contain;
  display: block;
  position: absolute;
  -webkit-transition: background-image .3s;
  -o-transition: background-image .3s;
  transition: background-image .3s;
  content: '';
  right: 0; }

/* critical:start */
/* critical:end */
.link-fwd {
  padding-right: 1.1em; }
  .link-fwd::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='2px'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E") right center  /contain no-repeat;
    top: 0.65em;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.6em;
    height: 1.1em; }
  .link-fwd:hover::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23EE4F00' stroke-width='2px'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E") right center  /contain no-repeat; }

.link-bwd {
  padding-left: 1.1em; }
  .link-bwd::before {
    -webkit-background-size: contain;
            background-size: contain;
    display: block;
    position: absolute;
    -webkit-transition: background-image .3s;
    -o-transition: background-image .3s;
    transition: background-image .3s;
    content: '';
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='2px'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2.5px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol' transform='translate( 10 0 ) scale( -1 1 )'/%3E %3C/svg%3E") right center  /contain no-repeat;
    top: 0.65em;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.6em;
    height: 1.1em; }
  .link-bwd:hover::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23EE4F00' stroke-width='2px'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E") right center  /contain no-repeat; }

.link-new-win {
  padding-right: 1.5em; }
  .link-new-win::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' standalone='no'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' width='25' height='25' fill='%23FF5500'%3E %3Cpath d='M16.61 8.52H1.84c-.98 0-1.79.81-1.79 1.8V21.2c0 .98.8 1.8 1.79 1.8H16.6c.98 0 1.79-.81 1.79-1.8V10.33a1.79 1.79 0 0 0-1.78-1.81zm-1.53 3.33v7.82H3.37v-7.82h11.71z'/%3E %3Cpath d='M21.68 5.33l-.04 8.83c0 .92.74 1.66 1.66 1.66.92 0 1.66-.75 1.66-1.66V3.66c0-.92-.74-1.66-1.66-1.66H8.27c-.92 0-1.66.75-1.66 1.66 0 .92.74 1.66 1.66 1.66h13.41z'/%3E %3C/svg%3E") right center /contain no-repeat;
    top: 0.2em;
    width: 1em;
    height: 0.8em; }
  .link-new-win:hover::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' standalone='no'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' width='25' height='25' fill='%23EE4F00'%3E %3Cpath d='M16.61 8.52H1.84c-.98 0-1.79.81-1.79 1.8V21.2c0 .98.8 1.8 1.79 1.8H16.6c.98 0 1.79-.81 1.79-1.8V10.33a1.79 1.79 0 0 0-1.78-1.81zm-1.53 3.33v7.82H3.37v-7.82h11.71z'/%3E %3Cpath d='M21.68 5.33l-.04 8.83c0 .92.74 1.66 1.66 1.66.92 0 1.66-.75 1.66-1.66V3.66c0-.92-.74-1.66-1.66-1.66H8.27c-.92 0-1.66.75-1.66 1.66 0 .92.74 1.66 1.66 1.66h13.41z'/%3E %3C/svg%3E") right center /contain no-repeat; }

.link-download {
  padding-right: 1.8em; }
  .link-download::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 22' preserveAspectRatio='xMinYMin' stroke='%23FF5500'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: round; %7D %5D%5D%3E %3C/style%3E %3C/defs%3E %3Cpolyline class='fill' points='1,10 8,16 15,10'/%3E %3Cline class='fill' x1='8' y1='1' x2='8' y2='16'/%3E %3Cline class='fill' x1='1' y1='21' x2='15' y2='21'/%3E %3C/svg%3E") right center /50% no-repeat;
    top: 0.2em;
    width: 1.3em;
    height: 0.8em; }
  .link-download:hover::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 22' preserveAspectRatio='xMinYMin' stroke='%23EE4F00'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-width: 2px; stroke-linejoin: miter; stroke-linecap: round; %7D %5D%5D%3E %3C/style%3E %3C/defs%3E %3Cpolyline class='fill' points='1,10 8,16 15,10'/%3E %3Cline class='fill' x1='8' y1='1' x2='8' y2='16'/%3E %3Cline class='fill' x1='1' y1='21' x2='15' y2='21'/%3E %3C/svg%3E") right center /50% no-repeat; }

.link-close {
  padding-right: 1.2em; }
  .link-close::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='12px' viewBox='0 0 12 12' fill='%23FF5500'%3E %3Cpath d='M11.531,0.324c0.462,0.461,0.462,1.207,0,1.668h-0.008c0.011,0.008-2.272,2.356-3.878,4.008 c1.619,1.61,3.851,3.835,4.008,3.985c0.46,0.461,0.46,1.208,0,1.668c-0.446,0.433-1.143,0.416-1.669,0c-0.266-0.327-4-4-4-4 l-3.847,4c-0.461,0.461-1.208,0.461-1.668,0c-0.46-0.46-0.46-1.207,0-1.668h0.008c-0.01-0.01,2.274-2.365,3.879-4.017 c-1.62-1.61-3.85-3.827-4.009-3.977c-0.46-0.461-0.46-1.208,0-1.668c0.446-0.433,1.144-0.416,1.668,0c0.266,0.328,4,3.992,4,3.992 l3.848-3.992C10.316-0.116,11.003-0.101,11.531,0.324z'/%3E %3C/svg%3E") right center /contain no-repeat;
    top: 0.25em;
    width: 0.7em;
    height: 0.7em;
    content: ''; }
  .link-close:hover::after {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='12px' viewBox='0 0 12 12' fill='%23EE4F00'%3E %3Cpath d='M11.531,0.324c0.462,0.461,0.462,1.207,0,1.668h-0.008c0.011,0.008-2.272,2.356-3.878,4.008 c1.619,1.61,3.851,3.835,4.008,3.985c0.46,0.461,0.46,1.208,0,1.668c-0.446,0.433-1.143,0.416-1.669,0c-0.266-0.327-4-4-4-4 l-3.847,4c-0.461,0.461-1.208,0.461-1.668,0c-0.46-0.46-0.46-1.207,0-1.668h0.008c-0.01-0.01,2.274-2.365,3.879-4.017 c-1.62-1.61-3.85-3.827-4.009-3.977c-0.46-0.461-0.46-1.208,0-1.668c0.446-0.433,1.144-0.416,1.668,0c0.266,0.328,4,3.992,4,3.992 l3.848-3.992C10.316-0.116,11.003-0.101,11.531,0.324z'/%3E %3C/svg%3E") right center /contain no-repeat; }

.bullet-list, .numbered-list, .plain-list, .bullet-list--check {
  margin-bottom: 5px; }
  @media screen and (min-width: 1000px) {
    .bullet-list, .numbered-list, .plain-list, .bullet-list--check {
      margin-bottom: 8px; } }
  .bullet-list:last-child, .numbered-list:last-child, .plain-list:last-child, .bullet-list--check:last-child {
    margin-bottom: 0; }

.numbered-list {
  list-style: none;
  counter-reset: count; }

.numbered-list__item {
  position: relative; }
  .numbered-list__item {
    padding-left: 1.5em; }
  .numbered-list__item::before {
    position: absolute;
    display: block;
    left: 0;
    counter-increment: count;
    content: counter(count) ". "; }

.bullet-list__item,
.numbered-list__item,
.plain-list__item {
  margin-bottom: 7px; }
  @media screen and (min-width: 1000px) {
    .bullet-list__item,
    .numbered-list__item,
    .plain-list__item {
      margin-bottom: 12px; } }
  .bullet-list__item:last-child,
  .numbered-list__item:last-child,
  .plain-list__item:last-child {
    margin-bottom: 0; }

.plain-list {
  list-style-type: none; }

.bullet-list--check {
  margin-left: 0;
  list-style-type: none; }
  .bullet-list--check .bullet-list__item {
    position: relative;
    padding-left: 1.5em; }
    .bullet-list--check .bullet-list__item::before {
      display: block;
      position: absolute;
      left: 0;
      top: .3em;
      width: .75em;
      height: .75em;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='white' stroke-width='6'%3E %3Cpolyline stroke-linecap='round' stroke-linejoin='round' points='4,17 12,27 28,5' fill='transparent'/%3E %3C/svg%3E") center center no-repeat;
      background-color: #FF5500;
      -webkit-background-size: 65% 65%;
              background-size: 65%;
      content: ''; }

/*********** STYLEGUIDE ************/
.definition-list {
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .definition-list {
      margin-bottom: 16px; } }
  .definition-list:last-child {
    margin-bottom: 0; }

.definition-list__title {
  padding-top: 5px;
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline; }
  @media screen and (min-width: 1000px) {
    .definition-list__title {
      padding-top: 8px; } }
  .definition-list__title:first-of-type {
    padding-top: 0; }

.definition-list__value {
  margin-bottom: 5px;
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline; }
  @media screen and (min-width: 1000px) {
    .definition-list__value {
      margin-bottom: 8px; } }

.info-btn {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='black'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-2.065c-7.696 0-13.935-6.24-13.935-13.935C2.065 8.304 8.305 2.065 16 2.065c7.696 0 13.935 6.24 13.935 13.935 0 7.696-6.24 13.935-13.935 13.935z' fill-rule='nonzero'/%3E%3Cpath d='M16.054 9.47c.83 0 1.52-.69 1.52-1.52 0-.858-.69-1.522-1.52-1.522-.83 0-1.52.664-1.52 1.52 0 .83.69 1.522 1.52 1.522zm-1.162 14.797c0 .775.498 1.245 1.162 1.245.664 0 1.162-.47 1.162-1.245V13.232c0-.775-.498-1.245-1.162-1.245-.664 0-1.162.47-1.162 1.245v11.035z'/%3E%3C/svg%3E") center center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  position: relative;
  color: transparent;
  font-size: 0px;
  cursor: help;
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: visible;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s;
  z-index: 5000; }
  .info-btn:hover, .info-btn:focus {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23FF5500'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-2.065c-7.696 0-13.935-6.24-13.935-13.935C2.065 8.304 8.305 2.065 16 2.065c7.696 0 13.935 6.24 13.935 13.935 0 7.696-6.24 13.935-13.935 13.935z' fill-rule='nonzero'/%3E%3Cpath d='M16.054 9.47c.83 0 1.52-.69 1.52-1.52 0-.858-.69-1.522-1.52-1.522-.83 0-1.52.664-1.52 1.52 0 .83.69 1.522 1.52 1.522zm-1.162 14.797c0 .775.498 1.245 1.162 1.245.664 0 1.162-.47 1.162-1.245V13.232c0-.775-.498-1.245-1.162-1.245-.664 0-1.162.47-1.162 1.245v11.035z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    color: transparent;
    outline: none; }
  @media screen and (min-width: 1000px) {
    .info-btn {
      height: 24px;
      width: 24px; } }

.info-btn__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 7.84px;
  font-size: .49rem;
  line-height: 0;
  color: transparent;
  opacity: 0;
  left: -1px;
  top: -1px; }

.callout, .callout--left--xs, .callout--top--lg {
  display: block;
  position: absolute;
  color: black;
  text-align: left;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  min-width: 0;
  max-width: 0;
  min-height: 0;
  max-height: 0;
  padding: 0;
  -webkit-transition: opacity 0.4s, min-height 0s, max-height 0s, min-width 0s, max-width 0s, padding 0s, visibility 0s;
  -o-transition: opacity 0.4s, min-height 0s, max-height 0s, min-width 0s, max-width 0s, padding 0s, visibility 0s;
  transition: opacity 0.4s, min-height 0s, max-height 0s, min-width 0s, max-width 0s, padding 0s, visibility 0s;
  -webkit-transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s;
       -o-transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s;
          transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s; }
  .callout *:last-child, .callout--left--xs *:last-child, .callout--top--lg *:last-child {
    margin-bottom: 0; }
  :hover > .callout, :hover > .callout--left--xs, :hover > .callout--top--lg, :focus > .callout, :focus > .callout--left--xs, :focus > .callout--top--lg {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s;
         -o-transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s;
            transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s; }

.callout--left--xs {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' fill='white' stroke-width='1px' stroke='%23B5B5B5'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .bg %7B %7D .stroke %7B %7D .bg-tl%7B mask: url(%23mask-tl); %7D .bg-tr%7B mask: url(%23mask-tr); %7D .bg-bl%7B mask: url(%23mask-bl); %7D .bg-br%7B mask: url(%23mask-br); %7D .mask%7B fill: white; %7D .filtered%7B filter: url(%23filter); %7D %5D%5D%3E %3C/style%3E %3Cfilter id='filter'%3E %3CfeFlood flood-color='%23000000' in='SourceAlpha' result='COLOR'/%3E %3CfeGaussianBlur stdDeviation='3' in='SourceAlpha' result='BLUR'/%3E %3CfeComponentTransfer in='BLUR' result='OPAQUE'%3E %3CfeFuncA type='linear' slope='.4'/%3E %3C/feComponentTransfer%3E %3CfeMerge%3E %3CfeMergeNode in='OPAQUE'/%3E %3CfeMergeNode in='SourceGraphic'/%3E %3C/feMerge%3E %3C/filter%3E %3Cmask id='mask-tl'%3E %3Crect x='0' y='0' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-tr'%3E %3Crect x='50%25' y='0' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-bl'%3E %3Crect x='0' y='50%25' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-br'%3E %3Crect x='50%25' y='50%25' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Csymbol id='tl'%3E %3Crect class='bg bg-tl stroke' width='100%25' height='100%25' x='10' y='10'/%3E %3C/symbol%3E %3Csymbol id='tr'%3E %3Crect class='bg bg-tr stroke' width='100%25' height='100%25' x='-9' y='10' transform='translate(-10, 0)'/%3E %3C/symbol%3E %3Csymbol id='bl'%3E %3Crect class='bg bg-bl stroke' width='100%25' height='100%25' x='10' y='0' transform='translate(0,-10)'/%3E %3C/symbol%3E %3Csymbol id='br'%3E %3Crect class='bg bg-br stroke' width='100%25' height='100%25' x='-9' y='0' transform='translate(-10,-10)'/%3E %3C/symbol%3E %3Csymbol id='triangle' style='overflow: visible' width='16' height='20' viewBox='0 0 16 20'%3E %3Cpolygon class='bg' stroke-width='0' points='-5,0 0,0 16,10 0,20 -5,20'/%3E %3Cpolyline class='stroke' fill='transparent' points='0,0 16,10 0,20'/%3E %3C/symbol%3E %3C/defs%3E %3Cg class='filtered'%3E %3Cuse xlink:href='%23tl'/%3E %3Cuse xlink:href='%23tr'/%3E %3Cuse xlink:href='%23bl'/%3E %3Cuse xlink:href='%23br'/%3E %3Cuse xlink:href='%23triangle' width='20' height='16' x='100%25' y='50%25' transform='translate(-22, -8)'/%3E %3C/g%3E %3C/svg%3E") center no-repeat;
  width: 20em;
  top: 50%;
  bottom: auto;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  -webkit-background-size: cover;
          background-size: cover;
  padding: 20px;
  padding-right: 30px;
  border-bottom: solid transparent 7px; }
  :hover > .callout--left--xs, :focus > .callout--left--xs {
    min-width: 20em;
    max-width: 20em;
    min-height: 0;
    max-height: 100em;
    padding: 20px;
    padding-right: 30px; }

@media screen and (min-width: 1000px) {
  .callout--top--lg {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' fill='white' stroke-width='1px' stroke='%23B5B5B5'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .bg%7B stroke: %23979797; stroke-width: 1; fill: white; %7D .bg-tl%7B mask: url(%23mask-tl); %7D .bg-tr%7B mask: url(%23mask-tr); %7D .bg-bl%7B mask: url(%23mask-bl); %7D .bg-br%7B mask: url(%23mask-br); %7D .mask%7B fill: white; %7D .filtered%7B filter: url(%23filter); %7D %5D%5D%3E %3C/style%3E %3Cfilter id='filter'%3E %3CfeFlood flood-color='%23000000' in='SourceAlpha' result='COLOR'/%3E %3CfeGaussianBlur stdDeviation='3' in='SourceAlpha' result='BLUR'/%3E %3CfeComponentTransfer in='BLUR' result='OPAQUE'%3E %3CfeFuncA type='linear' slope='.4'/%3E %3C/feComponentTransfer%3E %3CfeMerge%3E %3CfeMergeNode in='OPAQUE'/%3E %3CfeMergeNode in='SourceGraphic'/%3E %3C/feMerge%3E %3C/filter%3E %3Cmask id='mask-tl'%3E %3Crect x='0' y='0' class='mask' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-tr'%3E %3Crect x='50%25' y='0' class='mask' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-bl'%3E %3Crect x='0' y='50%25' class='mask' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-br'%3E %3Crect x='50%25' y='50%25' class='mask' width='50%25' height='50%25'/%3E %3C/mask%3E %3Csymbol id='tl'%3E %3Crect class='bg bg-tl' width='100%25' height='100%25' x='10' y='10'/%3E %3C/symbol%3E %3Csymbol id='tr'%3E %3Crect class='bg bg-tr' width='100%25' height='100%25' x='0' y='0' transform='translate(-10, 10)'/%3E %3C/symbol%3E %3Csymbol id='bl'%3E %3Crect class='bg bg-bl' width='100%25' height='100%25' x='10' y='0' transform='translate(0,-19)'/%3E %3C/symbol%3E %3Csymbol id='br'%3E %3Crect class='bg bg-br' width='100%25' height='100%25' x='0' y='0' transform='translate(-10,-19)'/%3E %3C/symbol%3E %3Csymbol id='triangle' style='overflow: visible' width='20' height='16' viewBox='-10 -0 10 16'%3E %3Cg transform='rotate(180 0 0)'%3E %3Cpolygon fill='white' stroke-width='0' points='-10,18 -10,16 0,0 10,16 10,18'/%3E %3Cpolyline stroke='%23979797' fill='transparent' points='-10,16 0,0 10,16'/%3E %3C/g%3E %3C/symbol%3E %3C/defs%3E %3Cg class='filtered'%3E %3Cuse xlink:href='%23tl'/%3E %3Cuse xlink:href='%23tr'/%3E %3Cuse xlink:href='%23bl'/%3E %3Cuse xlink:href='%23br'/%3E %3Cuse xlink:href='%23triangle' width='20' height='16' x='50%25' y='100%25' transform=' translate(-15, -3)'/%3E %3C/g%3E %3C/svg%3E") center no-repeat;
    width: 20em;
    top: 0;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    -webkit-background-size: cover;
            background-size: cover;
    padding: 32px;
    padding-bottom: 48px;
    border-bottom: solid transparent 12px; }
    :hover > .callout--top--lg, :focus > .callout--top--lg {
      min-width: 20em;
      max-width: 20em;
      min-height: 0;
      max-height: 100em;
      padding: 32px;
      padding-bottom: 48px; } }

.footnote {
  color: #B5B5B5;
  padding:  0;
  margin:  0 0 7px; }
  @media screen and (min-width: 1000px) {
    .footnote {
      margin:  0 0 12px; } }

.footnote__title {
  float: left;
  clear: left;
  font-weight: 700;
  margin-right: .5em; }

.badge {
  display: inline-block;
  color: #E60003;
  border: solid #E60003 2px;
  padding: 0.35em;
  background-color: white;
  text-align: center;
  max-width: none;
  margin: 0; }

/*********** STYLEGUIDE ************/
.alert {
  font-weight: 700; }

.alert--error {
  font-weight: 700;
  color: #E60003; }

.alert--warning {
  font-weight: 700;
  color: #FF5500; }

.alert--success {
  font-weight: 700;
  color: #009900; }

.text-reduced {
  color: #B5B5B5; }

.text-secondary {
  color: #5B5B5B; }

.text-warning {
  color: #FF5500; }

.text-success {
  color: #009900; }

.text-alert {
  color: #E60003; }

/* critical:start */
.story {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden; }

/* critical:end */
.story {
  position: relative;
  overflow: visible;
  padding:  15px 0;
  margin:  0 20px 20px;
  max-height: 50em;
  opacity: 1;
  -webkit-transition: max-height .5s ease-out, opacity .5s ease-out;
  -o-transition: max-height .5s ease-out, opacity .5s ease-out;
  transition: max-height .5s ease-out, opacity .5s ease-out;
  /*@supports( display: grid ) {
        margin: 0 $gridOffset;
    }*/ }
  @media screen and (min-width: 1200px) {
    .story {
      margin-left: auto;
      margin-right: auto; } }
  .story::before {
    position: absolute;
    display: block;
    z-index: -1000;
    -webkit-transform: translateX(-160px);
        -ms-transform: translateX(-160px);
            transform: translateX(-160px);
    top: 0;
    left: 50%;
    bottom: 0;
    width: 320px;
    min-width: 320px;
    background-color: white;
    content: ''; }
    @media screen and (min-width: 320px) {
      .story::before {
        width: 100vw;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%; } }
  @media screen and (min-width: 720px) {
    .story {
      display: block;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start;
      max-width: 1180px;
      /*critical_start*/
      /*critical_end*/ }
      @supports (display: grid) {
        .story {
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-template-rows: auto;
          grid-row-gap: 0;
          grid-column-gap: 20px;
          max-width: 1160px;
          grid-auto-flow: row; } } }
  @media screen and (min-width: 1000px) {
    .story {
      padding:  24px 0;
      margin:  0 20px 32px; } }
  @media screen and (min-width: 1200px) {
    .story {
      margin: 0 auto lg; } }
  .main-area > .story:first-child {
    margin-top: -15px; }
    @media screen and (min-width: 1000px) {
      .main-area > .story:first-child {
        margin-top: -24px; } }

.story__visual--primary {
  display: block;
  vertical-align: text-bottom;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin: 0 auto 7px;
  width: 100%;
  height: auto;
  min-width: 50px;
  min-height: 50px;
  max-width: 100px; }
  @media screen and (min-width: 720px) {
    .story__visual--primary {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 16.6667% - 20px);
      max-width: calc( 16.6667% - 20px);
      margin-right: 0.75%;
      margin-right: calc(10px + 0%);
      margin-left: 0.75%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 15.9167%;
          -ms-flex: 0 1 15.9167%;
              flex: 0 1 15.9167%;
      -webkit-flex: 0 1 calc( 16.6667% - 20px);
          -ms-flex: 0 1 calc( 16.6667% - 20px);
              flex: 0 1 calc( 16.6667% - 20px);
      max-width: none; }
      @supports (display: grid) {
        .story__visual--primary {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 2; } }
      @supports (display: grid) {
        .story__visual--primary {
          -webkit-align-self: start;
              -ms-flex-item-align: start;
                  align-self: start;
          max-width: 100%; } } }
  @media screen and (min-width: 1000px) {
    .story__visual--primary {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 8.3333% - 20px);
      max-width: calc( 8.3333% - 20px);
      margin-right: 0.375%;
      margin-right: calc(10px + 0%);
      margin-left: 0.375%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 7.9583%;
          -ms-flex: 0 1 7.9583%;
              flex: 0 1 7.9583%;
      -webkit-flex: 0 1 calc( 8.3333% - 20px);
          -ms-flex: 0 1 calc( 8.3333% - 20px);
              flex: 0 1 calc( 8.3333% - 20px);
      margin-bottom: 0; }
      @supports (display: grid) {
        .story__visual--primary {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 1; } }
      @supports (display: grid) {
        .story__visual--primary {
          max-width: 100%; } } }

.story__copy {
  display: block;
  vertical-align: middle;
  display: block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  margin-right: 4.5%;
  margin-right: calc(10px + 0%);
  margin-left: 4.5%;
  margin-left: calc(10px + 0%); }
  @supports (display: grid) {
    .story__copy {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @media screen and (min-width: 720px) {
    .story__copy {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 83.3333% - 20px);
      max-width: calc( 83.3333% - 20px);
      margin-right: 3.75%;
      margin-right: calc(10px + 0%);
      margin-left: 3.75%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 79.5833%;
          -ms-flex: 0 1 79.5833%;
              flex: 0 1 79.5833%;
      -webkit-flex: 0 1 calc( 83.3333% - 20px);
          -ms-flex: 0 1 calc( 83.3333% - 20px);
              flex: 0 1 calc( 83.3333% - 20px); }
      @supports (display: grid) {
        .story__copy {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 10; } } }
  @media screen and (min-width: 1000px) {
    .story__copy {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 50% - 20px);
      max-width: calc( 50% - 20px);
      margin-right: 2.25%;
      margin-right: calc(10px + 0%);
      margin-left: 2.25%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 47.75%;
          -ms-flex: 0 1 47.75%;
              flex: 0 1 47.75%;
      -webkit-flex: 0 1 calc( 50% - 20px);
          -ms-flex: 0 1 calc( 50% - 20px);
              flex: 0 1 calc( 50% - 20px); }
      @supports (display: grid) {
        .story__copy {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 6; } }
      .story__copy *:last-child {
        margin-bottom: 0; } }
  @media screen and (min-width: 1200px) {
    .story__copy {
      margin-bottom: 0; } }

.story__btn--primary {
  display: block;
  vertical-align: middle;
  display: block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  margin-right: 4.5%;
  margin-right: calc(10px + 0%);
  margin-left: 4.5%;
  margin-left: calc(10px + 0%); }
  @supports (display: grid) {
    .story__btn--primary {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @media screen and (min-width: 720px) {
    .story__btn--primary {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 50% - 20px);
      max-width: calc( 50% - 20px);
      margin-right: 2.25%;
      margin-right: calc(10px + 0%);
      margin-left: 2.25%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 47.75%;
          -ms-flex: 0 1 47.75%;
              flex: 0 1 47.75%;
      -webkit-flex: 0 1 calc( 50% - 20px);
          -ms-flex: 0 1 calc( 50% - 20px);
              flex: 0 1 calc( 50% - 20px); }
      @supports (display: grid) {
        .story__btn--primary {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: span 6  /  -1; } } }
  @media screen and (min-width: 1000px) {
    .story__btn--primary {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 33.3333% - 20px);
      max-width: calc( 33.3333% - 20px);
      margin-right: 1.5%;
      margin-right: calc(10px + 0%);
      margin-left: 8.3333%;
      margin-left: calc(8.3333% - 10px);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 31.8333%;
          -ms-flex: 0 1 31.8333%;
              flex: 0 1 31.8333%;
      -webkit-flex: 0 1 calc( 33.3333% - 20px);
          -ms-flex: 0 1 calc( 33.3333% - 20px);
              flex: 0 1 calc( 33.3333% - 20px);
      margin-bottom: 0;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
      @supports (display: grid) {
        .story__btn--primary {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: span 4  /  -1; } }
      @supports (display: grid) {
        .story__btn--primary {
          -webkit-align-self: end;
              -ms-flex-item-align: end;
                  align-self: end; } } }

/* critical:start */
.teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
  display: none; }

/* critical:end */
.teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
  display: block;
  position: relative;
  grid-area: teaser;
  min-width: 280px;
  max-width: 1160px;
  padding:  30px 0 0;
  margin: 0 20px 20px;
  text-align: center; }
  @media screen and (min-width: 1200px) {
    .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
      margin-left: auto;
      margin-right: auto; } }
  .teaser-modules::before, .teaser-modules--default::before, .teaser-modules--transparent::before, .teaser-modules--brand::before, .teaser-modules--neutral::before {
    position: absolute;
    display: block;
    z-index: -1000;
    -webkit-transform: translateX(-160px);
        -ms-transform: translateX(-160px);
            transform: translateX(-160px);
    top: 0;
    left: 50%;
    bottom: 0;
    width: 320px;
    min-width: 320px;
    background-color: #FFFCCC;
    content: ''; }
    @media screen and (min-width: 320px) {
      .teaser-modules::before, .teaser-modules--default::before, .teaser-modules--transparent::before, .teaser-modules--brand::before, .teaser-modules--neutral::before {
        width: 100vw;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%; } }
  .teaser-modules::after, .teaser-modules--default::after, .teaser-modules--transparent::after, .teaser-modules--brand::after, .teaser-modules--neutral::after {
    display: table;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    content: ''; }
  @media screen and (min-width: 720px) {
    .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center; } }
  @media screen and (min-width: 1000px) {
    .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
      padding:  48px 0 0;
      margin-bottom: 32px; } }
  @media screen and (min-width: 1200px) {
    .teaser-modules, .teaser-modules--default, .teaser-modules--transparent, .teaser-modules--brand, .teaser-modules--neutral {
      margin: 0 auto 32px; } }
  .teaser-modules:last-child, .teaser-modules--default:last-child, .teaser-modules--transparent:last-child, .teaser-modules--brand:last-child, .teaser-modules--neutral:last-child {
    margin-bottom: 0; }

.teaser-modules--transparent {
  padding-top: 20px;
  margin-bottom: 0; }
  .teaser-modules--transparent::before {
    display: none; }
  @media screen and (min-width: 1000px) {
    .teaser-modules--transparent {
      padding-top: 32px; } }

.teaser-modules--brand::before {
  background-color: #FFF100; }

.teaser-modules--neutral::before {
  background-color: white; }

.teaser-modules__module {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0 16.6%;
  margin-bottom: 40px; }
  @media screen and (min-width: 720px) {
    .teaser-modules__module {
      display: inline-block;
      float: left;
      width: 50%;
      max-width: 50%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 50%;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      padding: 0 8.3%; }
      [class*='teaser-modules__heading'] ~ .teaser-modules__module:nth-child(even):last-child, .teaser-modules__module:first-child:last-child,
      .teaser-modules__module + .teaser-modules__module:nth-child(odd):last-child {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%; } }
  @media screen and (min-width: 1000px) {
    .teaser-modules__module {
      margin-bottom: 64px; } }

.teaser-modules__img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px; }
  @media screen and (min-width: 1000px) {
    .teaser-modules__img {
      margin-bottom: 16px; } }

.teaser-modules__heading--1stlevel {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%; }
  @media screen and (min-width: 1000px) {
    .teaser-modules__heading--1stlevel {
      margin-bottom: 32px; } }

.teaser-modules__heading--2ndlevel,
.teaser-modules__paragraph {
  margin-bottom: 10px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%; }
  @media screen and (min-width: 1000px) {
    .teaser-modules__heading--2ndlevel,
    .teaser-modules__paragraph {
      margin-bottom: 16px; } }

.teaser-modules__paragraph:last-child {
  margin-bottom: 0; }

/* critical:start */
.article-container {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  background-color: white; }
  .article-container:last-of-type {
    margin-bottom: 50px; }
  @media screen and (min-width: 1000px) {
    .article-container {
      margin-bottom: 32px;
      padding: 32px; }
      .article-container:last-of-type {
        margin-bottom: 80px; } }

.article-container--statusmessage {
  text-align: center;
  padding-left: 8.3333%;
  padding-right: 8.3333%; }
  @media screen and (min-width: 720px) {
    .article-container--statusmessage {
      padding-left: 16.6667%;
      padding-right: 16.6667%; } }
  @media screen and (min-width: 1000px) {
    .article-container--statusmessage {
      padding-left: 25%;
      padding-right: 25%; } }

.article-group {
  display: block;
  min-width: 280px;
  max-width: 1160px;
  padding:  15px 0 0 0;
  margin:  0 20px 0 20px; }
  @media screen and (min-width: 1000px) {
    .article-group {
      padding:  24px 0 0 0; } }
  @media screen and (min-width: 1200px) {
    .article-group {
      margin-left: auto;
      margin-right: auto; } }

.article-container__status-image {
  display: block;
  position: relative;
  margin: 0 auto 15px;
  width: 33.3333%; }

.article-container__footer {
  margin-bottom: 15px; }
  @media screen and (min-width: 720px) {
    .article-container__footer {
      text-align: right;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      justify-items: center; } }
  @media screen and (min-width: 1000px) {
    .article-container__footer {
      margin-bottom: 24px; } }
  .article-container__footer:last-child {
    margin-bottom: 0; }

.article-container__footnote {
  float: left;
  text-align: left;
  justify-self: flex-start;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin-right: auto; }

.article-container__btn {
  margin: 0 0 7px 7px; }
  .article-container__btn:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 720px) {
    .article-container__btn {
      margin-bottom: 0; } }
  @media screen and (min-width: 1000px) {
    .article-container__btn {
      margin-left: 12px; } }

input[type='radio'],
input[type='checkbox'],
.ekp-form__radio,
.ekp-form__checkbox {
  /* Muss versteckt werden, darf aber wegen Validitätsprüfung & jQuery
		nicht 0x0 Px groß oder 'visibiliy: hidden' sein:*/
  width: 1px;
  height: 1px;
  left: -999px;
  position: absolute;
  opacity: 0;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

.ekp-form {
  display: block;
  clear: both;
  position: relative; }
  .ekp-form::after {
    display: table;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    content: ''; }

.ekp-form__fieldwrapper {
  display: block;
  clear: both;
  padding: 0;
  margin-bottom: 10px; }
  @media screen and (min-width: 720px) {
    .ekp-form__fieldwrapper {
      padding: 0 calc(25% - 20px); } }
  @media screen and (min-width: 1000px) {
    .ekp-form__fieldwrapper {
      padding: 0 calc(25% - 20px);
      margin-bottom: 16px; } }

.ekp-form__group {
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .ekp-form__group {
      margin-bottom: 16px; } }
  .ekp-form__group::after {
    display: table;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    content: ''; }

.alert-message--visible {
  border: solid green 3px; }

.form-group-x {
  display: block;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }

.form-group-x__legend,
.form-group-x__value {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  padding-right: 2em;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  @media screen and (min-width: 720px) {
    .form-group-x__legend,
    .form-group-x__value {
      width: 20%;
      max-width: 20%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 20%;
          -ms-flex: 0 1 20%;
              flex: 0 1 20%; } }
  @media screen and (min-width: 1000px) {
    .form-group-x__legend,
    .form-group-x__value {
      width: 25%;
      max-width: 25%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 25%;
          -ms-flex: 0 1 25%;
              flex: 0 1 25%;
      margin-bottom: 16px; } }

.form-group-x__value {
  font-weight: 400; }
  @media screen and (min-width: 720px) {
    .form-group-x__value {
      width: 80%;
      max-width: 80%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 80%;
          -ms-flex: 0 1 80%;
              flex: 0 1 80%; } }
  @media screen and (min-width: 1000px) {
    .form-group-x__value {
      width: 75%;
      max-width: 75%;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 75%;
          -ms-flex: 1 0 75%;
              flex: 1 0 75%; } }

.flying-wrapper {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .flying-wrapper:first-child {
    margin-left: 0; }
  @media screen and (min-width: 1000px) {
    .flying-wrapper {
      margin-bottom: 16px; } }

/* xs: 25%, s:33%, m:50%, md: 66%, l:75% */
.flying-wrapper--xs,
.flying-wrapper--s,
.flying-wrapper--m,
.flying-wrapper--md,
.flying-wrapper--l {
  margin-left: 1em; }
  .flying-wrapper--xs:first-child,
  .flying-wrapper--s:first-child,
  .flying-wrapper--m:first-child,
  .flying-wrapper--md:first-child,
  .flying-wrapper--l:first-child {
    margin-left: 0; }

.flying-wrapper--xs {
  max-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%; }
  @media screen and (min-width: 720px) {
    .flying-wrapper--xs {
      max-width: 33.33%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 33.33%;
          -ms-flex: 0 1 33.33%;
              flex: 0 1 33.33%; } }

.flying-wrapper--s {
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 33.33%;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%; }

.flying-wrapper__input {
  position: relative;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 90%;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
  -webkit-flex: 1 0 calc(100% - 22px);
      -ms-flex: 1 0 calc(100% - 22px);
          flex: 1 0 calc(100% - 22px);
  line-height: 21px;
  z-index: 1000;
  width: 100%;
  max-width: 100%;
  padding:  0 0 5px 0;
  -webkit-border-radius: 0;
          border-radius: 0; }
  .flying-wrapper__input {
    border: none;
    border-bottom: solid #C1C1C1 2px;
    -webkit-transition: color .2s, border-color .2s;
    -o-transition: color .2s, border-color .2s;
    transition: color .2s, border-color .2s; }
    .flying-wrapper__input:focus {
      cursor: default; }
      .flying-wrapper__input:focus:not[readonly='readonly'] {
        border-bottom-color: black;
        cursor: text; }
  .flying-wrapper__input:focus {
    outline: none; }
  .flying-wrapper__input[readonly='readonly']:hover {
    cursor: default; }
  .ie11 .flying-wrapper__input {
    max-width: 90%;
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%; }
  .flying-wrapper__input::-webkit-input-placeholder {
    color: transparent !important; }
  .flying-wrapper__input::-ms-input-placeholder {
    color: transparent !important; }
  .flying-wrapper__input::placeholder {
    color: transparent !important; }
  [class*='error'] > .flying-wrapper__input {
    border-color: #E60003; }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__input {
      padding:  0 0 8px 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 calc(100% - 36px);
          -ms-flex: 1 0 calc(100% - 36px);
              flex: 1 0 calc(100% - 36px); } }

.flying-wrapper__label {
  line-height: 18px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
  display: block;
  color: #B5B5B5;
  z-index: 2000;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: color .3s, -webkit-transform .3s ease-out;
  transition: color .3s, -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out, color .3s;
  transition: transform .3s ease-out, color .3s;
  transition: transform .3s ease-out, color .3s, -webkit-transform .3s ease-out;
  background: transparent;
  pointer-events: auto;
  cursor: pointer; }
  .flying-wrapper__label {
    padding-bottom: 7px;
    margin: 0 !important;
    padding: 0 !important; }
  .k-widget input:not(:focus):placeholder-shown + .flying-wrapper__label,
  input:not(:focus):placeholder-shown + .flying-wrapper__label,
  .flying-wrapper__label :not(label).flying-wrapper__label,
  textarea:not(:focus):placeholder-shown + .flying-wrapper__label {
    -webkit-transform: translate(0, 100%) scale(1.15);
        -ms-transform: translate(0, 100%) scale(1.15);
            transform: translate(0, 100%) scale(1.15);
    cursor: text;
    pointer-events: none;
    /* stylelint-disable */
    /* stylelint-enable */ }
  textarea:not(:focus):placeholder-shown + .flying-wrapper__label {
    -webkit-transform: translate(2.5%, 185%) scale(1.15);
        -ms-transform: translate(2.5%, 185%) scale(1.15);
            transform: translate(2.5%, 185%) scale(1.15); }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__label {
      line-height: 25px;
      padding-bottom: 12px; }
      input:not(:focus):placeholder-shown + .flying-wrapper__label,
      .flying-wrapper__label :not(label).flying-wrapper__label {
        -webkit-transform: translate(0, 100%) scale(1.15);
            -ms-transform: translate(0, 100%) scale(1.15);
                transform: translate(0, 100%) scale(1.15); }
      textarea:not(:focus):placeholder-shown + .flying-wrapper__label {
        -webkit-transform: translate(2.5%, 185%) scale(1.15);
            -ms-transform: translate(2.5%, 185%) scale(1.15);
                transform: translate(2.5%, 185%) scale(1.15); } }
  :not([aria-required*='true']) + .flying-wrapper__label::after, .flying-wrapper__label--optional::after {
    content: ' (optional)'; }

.flying-wrapper__label--required::after {
  content: '' !important; }

.flying-wrapper__label--disabled,
.flying-wrapper__input--disabled {
  font-family: inherit;
  border: none;
  pointer-events: none;
  webkit-appearance: none;
  background-color: transparent;
  width: 66.6667%;
  max-width: 66.6667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 66.6667%;
      -ms-flex: 0 1 66.6667%;
          flex: 0 1 66.6667%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
  @media screen and (min-width: 720px) {
    .flying-wrapper__label--disabled,
    .flying-wrapper__input--disabled {
      width: 80%;
      max-width: 80%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 80%;
          -ms-flex: 0 1 80%;
              flex: 0 1 80%; } }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__label--disabled,
    .flying-wrapper__input--disabled {
      width: 75%;
      max-width: 75%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 75%;
          -ms-flex: 0 1 75%;
              flex: 0 1 75%; } }

.flying-wrapper__label--disabled {
  font-weight: 700;
  width: 16.6667%;
  max-width: 16.6667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 16.6667%;
      -ms-flex: 0 1 16.6667%;
          flex: 0 1 16.6667%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 1em; }
  @media screen and (min-width: 720px) {
    .flying-wrapper__label--disabled {
      width: 20%;
      max-width: 20%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 20%;
          -ms-flex: 0 1 20%;
              flex: 0 1 20%; } }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__label--disabled {
      width: 25%;
      max-width: 25%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 25%;
          -ms-flex: 0 1 25%;
              flex: 0 1 25%; } }

.flying-wrapper_info-btn {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15px;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  max-width: 15px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-left: 7px; }
  @media screen and (min-width: 1000px) {
    .flying-wrapper_info-btn {
      max-width: 24px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 24px;
          -ms-flex: 0 0 24px;
              flex: 0 0 24px;
      margin-left: 12px; } }

.flying-wrapper__textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  resize: vertical; }
  .flying-wrapper__textarea {
    border: solid #B5B5B5 1px; }
    .flying-wrapper__textarea:focus {
      border-color: black; }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__textarea {
      line-height: 29px;
      -webkit-flex-basis: calc(100% - 36px);
          -ms-flex-preferred-size: calc(100% - 36px);
              flex-basis: calc(100% - 36px);
      padding: 12px; } }

.txt-input--error {
  color: #E60003; }
  .txt-input--error {
    border-color: #E60003; }

.flying-wrapper__error-message {
  color: #E60003;
  padding-top: 0;
  margin-bottom: 10px;
  max-height: 6em; }
  @media screen and (min-width: 1000px) {
    .flying-wrapper__error-message {
      margin-bottom: 16px; } }

.ekp-form__btn {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-bottom: 7px; }
  @media screen and (min-width: 720px) {
    .ekp-form__btn {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-left: 7px;
      margin-bottom: 0; } }
  .ekp-form__btn:last-child, .ekp-form__btn:only-child, .ekp-form__btn:last-child:first-child {
    margin-right: 0;
    margin-bottom: 0; }
  .ekp-form__btn:first-child, .ekp-form__btn:only-child, .ekp-form__btn:last-child:first-child {
    margin-left: 0; }

.ekp-form__btn--info {
  padding-left: 1.5em;
  position: relative; }
  .ekp-form__btn--info::before {
    content: '';
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23FF5500'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-2.065c-7.696 0-13.935-6.24-13.935-13.935C2.065 8.304 8.305 2.065 16 2.065c7.696 0 13.935 6.24 13.935 13.935 0 7.696-6.24 13.935-13.935 13.935z' fill-rule='nonzero'/%3E%3Cpath d='M16.054 9.47c.83 0 1.52-.69 1.52-1.52 0-.858-.69-1.522-1.52-1.522-.83 0-1.52.664-1.52 1.52 0 .83.69 1.522 1.52 1.522zm-1.162 14.797c0 .775.498 1.245 1.162 1.245.664 0 1.162-.47 1.162-1.245V13.232c0-.775-.498-1.245-1.162-1.245-.664 0-1.162.47-1.162 1.245v11.035z'/%3E%3C/svg%3E") center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    display: inline-block;
    height: 1em;
    margin-left: -1.5em;
    margin-right: .5em;
    vertical-align: text-bottom;
    width: 1em; }
  .ekp-form__btn--info:hover, .ekp-form__btn--info:focus, .ekp-form__btn--info:active {
    text-decoration: underline; }

.ekp-form__btn--cancel {
  float: right;
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .ekp-form__btn--cancel {
      margin-bottom: 16px; } }

.nojs .rubrik__btn--main {
  display: block; }

.ekp-form__footer {
  overflow: visible;
  margin-bottom: 20px; }
  .ekp-form__footer::after {
    display: table;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    content: ''; }
  @media screen and (min-width: 720px) {
    .ekp-form__footer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 0 calc(25% - 20px); } }
  @media screen and (min-width: 1000px) {
    .ekp-form__footer {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      padding: 0 calc(25% - 20px);
      margin-bottom: 32px; } }
  .ekp-form__footer:last-child {
    margin-bottom: 0; }

.ekp-form__footer--xl {
  padding-left: 0;
  padding-right: 0; }

.ekp-form__footnote {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.ekp-form__btn-bwd {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: auto;
  margin-bottom: 7px; }
  @media screen and (min-width: 720px) {
    .ekp-form__btn-bwd {
      margin-bottom: 0; } }

.ekp-form__annotation {
  display: table;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: auto;
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    .ekp-form__annotation {
      margin-bottom: 24px; } }
  .ie11 .ekp-form__annotation {
    margin-right: 0; }

.ekp-form__footer--hidden {
  display: none; }

.ekp-form__checkbox-label {
  display: table-cell;
  position: relative;
  height: 15px;
  margin-bottom: 10px;
  padding-left: calc(15px + .5em);
  vertical-align: middle;
  white-space: normal;
  overflow: visible; }
  @media screen and (min-width: 1000px) {
    .ekp-form__checkbox-label {
      height: 24px;
      padding-left: calc(24px + .5em);
      margin-bottom: 16px; } }
  .ekp-form__checkbox-label::before {
    top: -.55em;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    display: block;
    position: absolute;
    left: 0;
    height: 15px;
    width: 15px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    background-color: transparent;
    border: solid #B5B5B5 1px;
    content: ''; }
    @media screen and (min-width: 1000px) {
      .ekp-form__checkbox-label::before {
        top: -.75em;
        height: 24px;
        width: 24px;
        -webkit-border-radius: 3px;
                border-radius: 3px; } }
    .edge .ekp-form__checkbox-label::before,
    .ie11 .ekp-form__checkbox-label::before {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      top: 0; }
  input[type='checkbox']:focus + .ekp-form__checkbox-label::before,
  input[type='checkbox']:focus + input + .ekp-form__checkbox-label::before {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3); }
  input[type='checkbox']:checked + .ekp-form__checkbox-label::before,
  input[type='checkbox']:checked + input + .ekp-form__checkbox-label::before {
    border-color: #FF5500;
    background: #FF5500 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='white' stroke-width='8px'%3E %3Cpolyline stroke-linecap='round' stroke-linejoin='round' points='4,17 12,27 28,5' fill='transparent'/%3E %3C/svg%3E") center/80% no-repeat; }

.ekp-form__radio-label {
  display: block;
  position: relative;
  padding-left: calc(15px + .5em);
  margin-right: .5em;
  margin-bottom: 10px;
  cursor: pointer;
  line-height: 15px;
  min-height: 15px; }
  @media screen and (min-width: 1000px) {
    .ekp-form__radio-label {
      min-height: 24px;
      line-height: 24px;
      padding-left: calc(24px + .5em);
      margin-right: 1.5em;
      margin-bottom: 16px; } }
  .ekp-form__radio-label::before {
    display: block;
    position: absolute;
    left: 0;
    top: 7.5px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: solid #ACACAC 1px;
    -webkit-transition: border-width .2s, background .2s;
    -o-transition: border-width .2s, background .2s;
    transition: border-width .2s, background .2s;
    background: #F3F3F3 center/40% no-repeat;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    height: 15px;
    width: 15px;
    -webkit-transition: border .2s, background -2s;
    -o-transition: border .2s, background -2s;
    transition: border .2s, background -2s;
    cursor: pointer;
    content: ''; }
    @media screen and (min-width: 1000px) {
      .ekp-form__radio-label::before {
        height: 24px;
        width: 24px; } }
  .ekp-form__radio-label--checked::before, .ekp-form__radio-label:hover::before,
  input[type='radio']:checked + .ekp-form__radio-label::before,
  input[type='radio']:focus + .ekp-form__radio-label::before {
    border: solid #ACACAC 1px; }
  .ekp-form__radio-label--checked::before,
  input[type='radio']:checked + .ekp-form__radio-label::before,
  input[type='radio']:focus + .ekp-form__radio-label::before {
    background: #F3F3F3 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23FF5500'%3E %3Ccircle cx='15' cy='15' r='15'/%3E %3C/svg%3E") center/40% no-repeat; }

/* Fixes für Legacy Heading */
.inline {
  display: inline-block;
  vertical-align: baseline; }

/* Fixes für Legacy Validierung */
.default-form__input-wrapper--invisible {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s, 0s, 0s, .4s;
       -o-transition-delay: 0s, 0s, 0s, .4s;
          transition-delay: 0s, 0s, 0s, .4s;
  margin-bottom: 0; }

.validation-message {
  /* @extend .flying-wrapper__error-message;

    display: block;
    overflow: hidden;
    transition: margin-bottom .3s ease-out, padding-bottom .3s ease-out; */
  color: #E60003;
  /* padding-bottom .3s ease-out,
    opacity .3s, max-height .3s; */ }

.validation-group-error .validation-message {
  max-height: 0;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
  -webkit-animation: slide-in-legacy-validation .5s ease-out .2s forwards;
          animation: slide-in-legacy-validation .5s ease-out .2s forwards; }

@-webkit-keyframes slide-in-legacy-validation {
  0% {
    max-height: 0;
    color: transparent; }
  99% {
    max-height: 4em; }
  100% {
    max-height: 20em; } }

@keyframes slide-in-legacy-validation {
  0% {
    max-height: 0;
    color: transparent; }
  99% {
    max-height: 4em; }
  100% {
    max-height: 20em; } }

/* Leicht angepasste Styles für den alten Passwort
Strength-Indicator */
.password-strength-indicator {
  position: relative; }

.password-strength-indicator__progress-bar {
  width: 100%;
  position: relative;
  height: 4px;
  background-color: #009900;
  overflow: hidden; }

.password-strength-indicator__progress-tracker {
  background-color: #009900;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(233, 198, 0, 0)), color-stop(10%, rgba(233, 198, 0, 0.5)), color-stop(20%, #E60003), to(#E60003));
  background-image: -webkit-linear-gradient(left, rgba(233, 198, 0, 0) 0, rgba(233, 198, 0, 0.5) 10%, #E60003 20%, #E60003 100%);
  background-image: -o-linear-gradient(left, rgba(233, 198, 0, 0) 0, rgba(233, 198, 0, 0.5) 10%, #E60003 20%, #E60003 100%);
  background-image: linear-gradient(to right, rgba(233, 198, 0, 0) 0, rgba(233, 198, 0, 0.5) 10%, #E60003 20%, #E60003 100%);
  position: absolute;
  width: 120%;
  height: 100%;
  margin-left: -20%;
  top: 0;
  -webkit-transition: left .3s ease-out;
  -o-transition: left .3s ease-out;
  transition: left .3s ease-out; }

.password-strength-indicator__token-description {
  font-size: 12px;
  color: #B5B5B5;
  margin-bottom: 0;
  text-align: right; }

.password-strength-indicator__criteria-list {
  position: relative;
  display: block;
  font-size: 12px;
  color: #B5B5B5;
  list-style-type: none;
  margin-bottom: 1em; }
  @media screen and (min-width: 1000px) {
    .password-strength-indicator__criteria-list {
      position: absolute;
      top: 0;
      -webkit-transform: translateX(110%);
          -ms-transform: translateX(110%);
              transform: translateX(110%);
      right: 0; } }

.password-strength-indicator__criteria-list--neutral, .password-strength-indicator__criteria-list--negative, .password-strength-indicator__criteria-list--positive {
  position: relative;
  display: block;
  -webkit-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
  padding-left: 1.5em;
  list-style-type: none;
  line-height: 21px; }
  .password-strength-indicator__criteria-list--neutral::before, .password-strength-indicator__criteria-list--negative::before, .password-strength-indicator__criteria-list--positive::before {
    position: absolute;
    left: 0px;
    top: .05em;
    content: '\2022';
    font-size: 30px;
    -webkit-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }

.password-strength-indicator__criteria-list--negative, .password-strength-indicator__criteria-list--positive {
  position: relative;
  color: #E60003;
  line-height: 21px; }
  .password-strength-indicator__criteria-list--negative::before, .password-strength-indicator__criteria-list--positive::before {
    content: '';
    font-size: 12px;
    top: .3em;
    width: 1em;
    height: 1em;
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='12px' viewBox='0 0 12 12' fill='%23E60003'%3E %3Cpath d='M11.531,0.324c0.462,0.461,0.462,1.207,0,1.668h-0.008c0.011,0.008-2.272,2.356-3.878,4.008 c1.619,1.61,3.851,3.835,4.008,3.985c0.46,0.461,0.46,1.208,0,1.668c-0.446,0.433-1.143,0.416-1.669,0c-0.266-0.327-4-4-4-4 l-3.847,4c-0.461,0.461-1.208,0.461-1.668,0c-0.46-0.46-0.46-1.207,0-1.668h0.008c-0.01-0.01,2.274-2.365,3.879-4.017 c-1.62-1.61-3.85-3.827-4.009-3.977c-0.46-0.461-0.46-1.208,0-1.668c0.446-0.433,1.144-0.416,1.668,0c0.266,0.328,4,3.992,4,3.992 l3.848-3.992C10.316-0.116,11.003-0.101,11.531,0.324z'/%3E %3C/svg%3E") left center /contain no-repeat;
    opacity: 1; }

.password-strength-indicator__criteria-list--positive {
  color: #009900; }
  .password-strength-indicator__criteria-list--positive::before {
    font-size: inherit;
    top: .25em;
    width: 1em;
    height: 1em;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='%23009900' stroke-width='6'%3E %3Cpolyline stroke-linecap='round' stroke-linejoin='round' points='4,17 12,27 28,5' fill='transparent'/%3E %3C/svg%3E") center center no-repeat; }

/* Kendoui-Fixes */
.k-widget.flying-wrapper__input {
  width: auto !important; }

.k-input.flying-wrapper__input,
.k-widget.flying-wrapper__input .flying-wrapper__input {
  padding: 0 !important;
  border: none !important; }

/* critical:end */
.search-form__input-wrapper {
  display: block;
  position: relative; }

.search-form__search-input {
  padding:  5px 48px 5px 5px;
  display: block;
  position: relative;
  z-index: 1000;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .search-form__search-input {
      padding:  8px 48px 8px 8px; } }
  .search-form__search-input {
    font: inherit;
    border: none;
    border-bottom: 1px solid #ACACAC;
    -webkit-appearance: none;
    background-color: transparent; }
    .search-form__search-input:focus, .search-form__search-input:hover {
      outline: none; }
    .search-form__search-input:focus {
      border-bottom-color: #FF5500; }
    .search-form__search-input::-webkit-input-placeholder {
      color: #B5B5B5; }
    .search-form__search-input::-ms-input-placeholder {
      color: #B5B5B5; }
    .search-form__search-input::placeholder {
      color: #B5B5B5; }

.search-form__search-submit {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 50%;
  right: 9px;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: transparent;
  font-size: 0;
  overflow: hidden;
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' stroke='black' stroke-width='2px'%3E %3Ccircle cx='8.5' cy='8.5' r='7.5' style='fill:none;stroke-width:2px;'/%3E %3Cline x1='17' y1='17' x2='23' y2='23' style='stroke-linecap:round;stroke-width:2px;'/%3E %3C/svg%3E") center no-repeat;
  background-color: transparent;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s; }
  @media screen and (min-width: 1000px) {
    .search-form__search-submit {
      right: 7px;
      width: 24px;
      height: 24px; } }
  .search-form__search-submit:focus, .search-form__search-submit:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' stroke='%23FF5500' stroke-width='2px'%3E %3Ccircle cx='8.5' cy='8.5' r='7.5' style='fill:none;stroke-width:2px;'/%3E %3Cline x1='17' y1='17' x2='23' y2='23' style='stroke-linecap:round;stroke-width:2px;'/%3E %3C/svg%3E") center no-repeat;
    -webkit-background-size: contain;
            background-size: contain; }

/* Entfernen, wenn JQuery-autocomplete nicht mehr in Verwendung ist */
.autocomplete-suggestions {
  border: solid #B5B5B5 1px;
  background: white;
  padding: .3em 10px 0;
  padding:  7px 10px;
  z-index: 2147483647 !important; }
  @media screen and (min-width: 1000px) {
    .autocomplete-suggestions {
      padding:  12px 16px; } }

.autocomplete-suggestion {
  display: block;
  margin-bottom: 7px;
  cursor: pointer;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s; }
  @media screen and (min-width: 1000px) {
    .autocomplete-suggestion {
      margin-bottom: 12px; } }
  .autocomplete-suggestion:last-child {
    margin-bottom: 0; }

.autocomplete-selected {
  color: #FF5500; }

/* critical:start */
.message--success {
  display: none; }

/* critical:end */
.message--success {
  display: block;
  position: relative;
  color: #009900;
  background: #EEFFEE;
  overflow: hidden;
  -webkit-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  -o-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  padding:  10px 10px 10px 3.5em;
  margin:  0 0 20px 0; }
  .message--success:first-of-type {
    grid-row: 1; }
  @media screen and (min-width: 1000px) {
    .message--success {
      padding:  16px 16px 16px 3.5em;
      margin:  0 0 32px 0; } }
  .message--success::before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' stroke='%23009900' stroke-width='3px'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B polyline %7B fill: transparent; stroke-linejoin: round; stroke-linecap:round; %7D %5D%5D%3E %3C/style%3E %3C/defs%3E %3Cpolyline points=' 11,1.5 1.5,1.5 1.5,18.5 18.5,18.5 18.5,11'/%3E %3Cpolyline points=' 7,8 10,12 18.5,1.5'/%3E %3C/svg%3E") center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    left: -2.5em;
    margin-right: -1.7em;
    width: 1.666em;
    height: 1.666em;
    content: ''; }

/*critical:start*/
.message--alert {
  display: none; }

/*critical:end*/
.message--alert {
  display: block;
  position: relative;
  color: #E60003;
  background: #FFF7F7;
  overflow: hidden;
  -webkit-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  -o-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  padding:  10px;
  margin:  0 0 20px 0; }
  .message--alert:first-of-type {
    grid-row: 1; }
  @media screen and (min-width: 1000px) {
    .message--alert {
      padding:  16px;
      margin:  0 0 32px 0; } }

/*critical:start*/
.message--warning {
  display: none; }

/*critical:end*/
.message--warning {
  display: block;
  position: relative;
  color: #FF5500;
  background: #FFFCCC;
  overflow: hidden;
  -webkit-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  -o-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  padding:  10px;
  margin:  0 0 20px 0; }
  .message--warning:first-of-type {
    grid-row: 1; }
  @media screen and (min-width: 1000px) {
    .message--warning {
      padding:  16px;
      margin:  0 0 32px 0; } }

.validation-text {
  display: block;
  color: #E60003;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity .3s, max-height .3s, margin .3s, padding .3s;
  -o-transition: opacity .3s, max-height .3s, margin .3s, padding .3s;
  transition: opacity .3s, max-height .3s, margin .3s, padding .3s; }

:invalid + .validation-text,
.validation-text--visible,
.javascript .validation-text--visible {
  opacity: 1;
  max-height: 8em;
  padding-top: 15px;
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    :invalid + .validation-text,
    .validation-text--visible,
    .javascript .validation-text--visible {
      padding-top: 24px;
      margin-bottom: 24px; } }

/*critical:start*/
.message--hidden {
  opacity: 0 !important;
  max-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  visibility: hidden !important; }

/*critical:end*/
/*critical:start*/
.message--info {
  display: none; }

/*critical:end*/
.message--info {
  display: table;
  position: relative;
  color: black;
  background: #F3F3F3;
  overflow: hidden;
  -webkit-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  -o-transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  transition: opacity .5s, max-height .5s, margin .5s, padding .5s;
  padding:  10px 10px 10px 3.5em;
  margin:  0 0 20px 0; }
  .message--info:first-of-type {
    grid-row: 1; }
  @media screen and (min-width: 1000px) {
    .message--info {
      padding:  16px 16px 16px 3.5em;
      margin:  0 0 32px 0; } }
  .message--info::before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='black'%3E%3Cpath d='M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm0-2.065c-7.696 0-13.935-6.24-13.935-13.935C2.065 8.304 8.305 2.065 16 2.065c7.696 0 13.935 6.24 13.935 13.935 0 7.696-6.24 13.935-13.935 13.935z' fill-rule='nonzero'/%3E%3Cpath d='M16.054 9.47c.83 0 1.52-.69 1.52-1.52 0-.858-.69-1.522-1.52-1.522-.83 0-1.52.664-1.52 1.52 0 .83.69 1.522 1.52 1.522zm-1.162 14.797c0 .775.498 1.245 1.162 1.245.664 0 1.162-.47 1.162-1.245V13.232c0-.775-.498-1.245-1.162-1.245-.664 0-1.162.47-1.162 1.245v11.035z'/%3E%3C/svg%3E") center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    left: -2.5em;
    margin-right: -1.7em;
    width: 1.666em;
    height: 1.666em;
    content: ''; }

.sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-animation: slide-bottom-in 0.8s 1.5s ease-out forwards;
          animation: slide-bottom-in 0.8s 1.5s ease-out forwards; }

.sticky-bottom--out {
  -webkit-animation: slide-bottom-out 0.8s 0s ease-out forwards;
          animation: slide-bottom-out 0.8s 0s ease-out forwards; }

@-webkit-keyframes slide-bottom-in {
  from {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes slide-bottom-in {
  from {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes slide-bottom-out {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); } }

@keyframes slide-bottom-out {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); } }

.contact-badge {
  display: none; }
  @media screen and (min-width: 720px) {
    .contact-badge {
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      -webkit-background-clip: border-box;
              background-clip: border-box;
      right: 20px;
      top: -74px;
      background: #FFF100 url("/Images/badges/faq-badge.svg?c=8A4E6E146224EBA37B0F0B2312FC6110") center no-repeat;
      background-clip: border-box;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px 0;
              box-shadow: rgba(0, 0, 0, 0.1) 0 5px 30px 0;
      cursor: pointer;
      z-index: 5000;
      -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
      transition: -webkit-transform .3s, -webkit-box-shadow .3s;
      -o-transition: transform .3s, box-shadow .3s;
      transition: transform .3s, box-shadow .3s;
      transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
      /* PLATZHALTER */ } }
  .contact-badge:hover {
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
    -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0;
            box-shadow: rgba(0, 0, 0, 0.48) 0 2px 6px 0; }
  @media screen and (min-width: 1000px) {
    .contact-badge {
      top: -80px;
      right: 32px; } }

.contact-badge__callout {
  display: block;
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' fill='%23FFFCCC' stroke-width='0' stroke='transparent'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .bg %7B %7D .stroke %7B %7D .bg-tl%7B mask: url(%23mask-tl); %7D .bg-tr%7B mask: url(%23mask-tr); %7D .bg-bl%7B mask: url(%23mask-bl); %7D .bg-br%7B mask: url(%23mask-br); %7D .mask%7B fill: white; %7D .filtered%7B filter: url(%23filter); %7D %5D%5D%3E %3C/style%3E %3Cfilter id='filter'%3E %3CfeFlood flood-color='%23000000' in='SourceAlpha' result='COLOR'/%3E %3CfeGaussianBlur stdDeviation='3' in='SourceAlpha' result='BLUR'/%3E %3CfeComponentTransfer in='BLUR' result='OPAQUE'%3E %3CfeFuncA type='linear' slope='.4'/%3E %3C/feComponentTransfer%3E %3CfeMerge%3E %3CfeMergeNode in='OPAQUE'/%3E %3CfeMergeNode in='SourceGraphic'/%3E %3C/feMerge%3E %3C/filter%3E %3Cmask id='mask-tl'%3E %3Crect x='0' y='0' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-tr'%3E %3Crect x='50%25' y='0' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-bl'%3E %3Crect x='0' y='50%25' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Cmask id='mask-br'%3E %3Crect x='50%25' y='50%25' class='mask' fill='white' width='50%25' height='50%25'/%3E %3C/mask%3E %3Csymbol id='tl'%3E %3Crect class='bg bg-tl stroke' width='100%25' height='100%25' x='10' y='10'/%3E %3C/symbol%3E %3Csymbol id='tr'%3E %3Crect class='bg bg-tr stroke' width='100%25' height='100%25' x='-9' y='10' transform='translate(-10, 0)'/%3E %3C/symbol%3E %3Csymbol id='bl'%3E %3Crect class='bg bg-bl stroke' width='100%25' height='100%25' x='10' y='0' transform='translate(0,-10)'/%3E %3C/symbol%3E %3Csymbol id='br'%3E %3Crect class='bg bg-br stroke' width='100%25' height='100%25' x='-9' y='0' transform='translate(-10,-10)'/%3E %3C/symbol%3E %3Csymbol id='triangle' style='overflow: visible' width='16' height='20' viewBox='0 0 16 20'%3E %3Cpolygon class='bg' stroke-width='0' points='-5,0 0,0 16,10 0,20 -5,20'/%3E %3Cpolyline class='stroke' fill='transparent' points='0,0 16,10 0,20'/%3E %3C/symbol%3E %3C/defs%3E %3Cg class='filtered'%3E %3Cuse xlink:href='%23tl'/%3E %3Cuse xlink:href='%23tr'/%3E %3Cuse xlink:href='%23bl'/%3E %3Cuse xlink:href='%23br'/%3E %3Cuse xlink:href='%23triangle' width='20' height='16' x='100%25' y='50%25' transform='translate(-22, -8)'/%3E %3C/g%3E %3C/svg%3E") center no-repeat;
  width: auto;
  top: 50%;
  bottom: auto;
  left: 0;
  text-align: center;
  line-height: 1 !important;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  -webkit-background-size: cover;
          background-size: cover;
  white-space: nowrap; }
  :hover > .contact-badge__callout {
    max-width: 20em;
    min-height: 1.2em;
    max-height: 5em;
    padding: 2em 2.4em 2em 1.6em; }
  @media screen and (min-width: 1000px) {
    :hover > .contact-badge__callout {
      padding: 1em 1.8em 1em 1.2em; } }

/* critical:start */
.modal-stage {
  display: none; }

/* critical:end */
.modal-stage {
  display: block;
  position: fixed;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  right: auto;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 2147483647;
  -webkit-transition: width 0s, height 0s, min-width 0s, max-width 0s, left 0s, right 0s, overflow 0s, opacity 0.5s, -webkit-transform 0s;
  transition: width 0s, height 0s, min-width 0s, max-width 0s, left 0s, right 0s, overflow 0s, opacity 0.5s, -webkit-transform 0s;
  -o-transition: width 0s, transform 0s, height 0s, min-width 0s, max-width 0s, left 0s, right 0s, overflow 0s, opacity 0.5s;
  transition: width 0s, transform 0s, height 0s, min-width 0s, max-width 0s, left 0s, right 0s, overflow 0s, opacity 0.5s;
  transition: width 0s, transform 0s, height 0s, min-width 0s, max-width 0s, left 0s, right 0s, overflow 0s, opacity 0.5s, -webkit-transform 0s;
  -webkit-transition-delay: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0s;
       -o-transition-delay: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0s;
          transition-delay: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0s; }
  .modal-stage::after {
    position: absolute;
    display: block;
    z-index: -1000;
    -webkit-transform: translateX(-160px);
        -ms-transform: translateX(-160px);
            transform: translateX(-160px);
    top: 0;
    left: 50%;
    bottom: 0;
    width: 320px;
    min-width: 320px;
    background-color: rgba(0, 0, 0, 0.4);
    content: ''; }
    @media screen and (min-width: 320px) {
      .modal-stage::after {
        width: 100vw;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%; } }

.modal-stage--open {
  display: block;
  position: fixed;
  overflow: visible;
  left: 20px;
  width: 90%;
  width: calc(100% - 40px);
  height: 100%;
  max-width: 1160px;
  min-width: 280px;
  opacity: 1;
  -webkit-transition-delay: 0s,  0s,  0s,  0s,  0s,  0s,  0s,  0s;
       -o-transition-delay: 0s,  0s,  0s,  0s,  0s,  0s,  0s,  0s;
          transition-delay: 0s,  0s,  0s,  0s,  0s,  0s,  0s,  0s; }
  @media screen and (min-width: 320px) {
    .modal-stage--open {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media screen and (min-width: 1200px) {
    .modal-stage--open {
      width: 1160px; } }
  .nojs .modal-stage--open {
    display: none; }

.modal-box {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  min-height: 4em;
  max-height: 90%;
  overflow-y: auto;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: white;
  border: solid white 15px;
  border-top-width: 30px;
  padding: 5px; }
  .modal-box {
    -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0 0 24px 0;
            box-shadow: rgba(0, 0, 0, 0.48) 0 0 24px 0; }
  @media screen and (min-width: 1000px) {
    .modal-box {
      padding: 8px;
      border-width: 24px;
      border-top-width: 30px; } }

@media screen and (min-width: 720px) {
  .modal-box--m {
    left: 16.6667%;
    width: 66.6667%; } }

.modal-box__topnav {
  display: block;
  position: relative;
  text-align: right;
  margin-bottom: 7px; }
  @media screen and (min-width: 1000px) {
    .modal-box__topnav {
      margin-bottom: 12px; } }

.modal-box__button-group {
  display: block;
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    .modal-box__button-group {
      margin-bottom: 0; } }

.modal-box__button {
  margin:  0 10px 15px 0; }
  .modal-box__button:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 720px) {
    .modal-box__button {
      margin-bottom: 0; } }

.modal-box__link {
  margin:  0 10px; }

@media screen and (min-width: 1000px) {
  .modal-box__button,
  .modal-box__link {
    margin:  0 16px 24px 0; }
    .modal-box__footer:last-child .modal-box__button, .modal-box__footer:last-child
    .modal-box__link {
      margin-bottom: 0; } }

.modal-grid {
  display: block; }
  @media screen and (min-width: 720px) {
    .modal-grid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0 15px; } }

.modal-grid__row, .modal-grid__row--l, .modal-grid__row--m, .modal-grid__row--s {
  display: block;
  width: auto;
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    .modal-grid__row, .modal-grid__row--l, .modal-grid__row--m, .modal-grid__row--s {
      margin-bottom: 24px; } }
  .modal-grid__row:last-child, .modal-grid__row--l:last-child, .modal-grid__row--m:last-child, .modal-grid__row--s:last-child {
    margin-bottom: 0; }

.modal-grid__row--l {
  width: 100%; }
  @media screen and (min-width: 720px) {
    .modal-grid__row--l {
      max-width: 100%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }

@media screen and (min-width: 720px) {
  .modal-grid__row--m {
    width: 70%;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 70%;
        -ms-flex: 0 1 70%;
            flex: 0 1 70%; } }

@media screen and (min-width: 1000px) {
  .modal-grid__row--m {
    width: 75%;
    max-width: 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 75%;
        -ms-flex: 0 1 75%;
            flex: 0 1 75%; } }

@media screen and (min-width: 720px) {
  .modal-grid__row--s {
    width: 30%;
    max-width: 30%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%; } }

@media screen and (min-width: 1000px) {
  .modal-grid__row--s {
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%; } }

.modal-box__footer {
  display: block;
  text-align: right; }

.modal-box__picto {
  display: block;
  width: 100%;
  max-width: 94px;
  margin: 0 auto 15px; }
  @media screen and (min-width: 720px) {
    .modal-box__picto {
      margin: 0;
      float: right;
      max-width: 132px; } }

.modal-box__step--visible {
  max-height: 20em;
  visibility: visible;
  overflow: visible;
  max-height: 37em;
  opacity: 1;
  -webkit-transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  -o-transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  -webkit-transition-delay: 0.7s, 1.05s, 0.7s, 0.7s, 0.7s, 0.7s;
       -o-transition-delay: 0.7s, 1.05s, 0.7s, 0.7s, 0.7s, 0.7s;
          transition-delay: 0.7s, 1.05s, 0.7s, 0.7s, 0.7s, 0.7s; }

.modal-box__step--hidden {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  -o-transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  transition: opacity 0.35s, max-height 0.35s, visibility 0s, overflow 0s, padding-bottom 0s, padding-top 0s;
  -webkit-transition-delay: 0s, modal-box__step, 0.7s, 0.7s, 0.7s, 0.7s;
       -o-transition-delay: 0s, modal-box__step, 0.7s, 0.7s, 0.7s, 0.7s;
          transition-delay: 0s, modal-box__step, 0.7s, 0.7s, 0.7s, 0.7s; }

.cookie-box {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .ie11 .cookie-box {
    overflow-y: auto; }

.cookie-box__heading {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.cookie-box__copy {
  position: relative;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 15px; }

@media screen and (min-width: 720px) {
  .cookie-box__footer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }

.cookie-box__meta {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: left;
  justify-self: flex-start;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin-right: auto; }
  .ie11 .cookie-box__meta {
    margin-right: 1em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.article-teaser-collection {
  z-index: 1000;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 15px; }
  @media screen and (min-width: 720px) {
    .article-teaser-collection {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
              align-content: stretch; } }
  @media screen and (min-width: 1000px) {
    .article-teaser-collection {
      margin-bottom: 15px; } }

.article-teaser {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  position: relative;
  background-color: white;
  height: auto;
  margin-bottom: 15px; }
  .article-teaser:last-child, .article-teaser:only-child {
    margin-right: 0; }
  @media screen and (min-width: 720px) {
    .article-teaser {
      margin-right: 20px; } }
  @media screen and (min-width: 1000px) {
    .article-teaser {
      margin-bottom: 24px; } }

.article-teaser--cinema {
  min-height: 240px;
  margin-left: 0;
  margin-right: 0; }
  @media screen and (min-width: 620px) {
    .article-teaser--cinema {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }

.article-teaser__img {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block; }
  @media screen and (min-width: 620px) {
    .article-teaser--cinema .article-teaser__img {
      width: 50%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 50%;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      width: calc(50% - 10px);
      -webkit-flex: 0 1 calc(50% - 10px);
          -ms-flex: 0 1 calc(50% - 10px);
              flex: 0 1 calc(50% - 10px);
      -o-object-fit: cover;
         object-fit: cover; } }

.article-teaser__copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding:  30px 15px 15px;
  z-index: 2000;
  text-align: left; }
  @media screen and (min-width: 1000px) {
    .article-teaser__copy {
      padding:  48px 24px 24px; } }
  .article-teaser--cinema .article-teaser__copy {
    padding-left: 20px; }
    @media screen and (min-width: 620px) {
      .article-teaser--cinema .article-teaser__copy {
        width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 50%;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        width: calc(50% + 10px);
        -webkit-flex: 0 1 calc(50% + 10px);
            -ms-flex: 0 1 calc(50% + 10px);
                flex: 0 1 calc(50% + 10px); } }
    @media screen and (min-width: 1000px) {
      .article-teaser--cinema .article-teaser__copy {
        padding-left: 20px; } }
  .article-teaser__img + .article-teaser__copy::before {
    display: block;
    position: absolute;
    z-index: 5000;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    content: '';
    width: 20px;
    height: 20px;
    background: transparent;
    border: solid 10px transparent;
    border-bottom-color: white;
    pointer-events: none; }
  @media screen and (min-width: 620px) {
    .article-teaser--cinema .article-teaser__img + .article-teaser__copy::before {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: -20px;
      width: 20px;
      height: 20px;
      background: transparent;
      border: solid 10px transparent;
      border-right-color: white;
      pointer-events: none; } }
  .article-teaser__copy p {
    font: inherit;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

.orient-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.break-all {
  word-break: break-all; }

.no-break {
  white-space: nowrap; }

.antialias {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ios-clickfix {
  cursor: pointer; }

.is-busy {
  position: absolute;
  display: block;
  overflow: hidden;
  pointer-events: none;
  min-height: 0;
  max-height: 100vh;
  max-width: 100vw;
  height: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.is-busy-modifyer::before {
  position: absolute;
  content: ''; }

.is-busy-modifyer::after {
  display: block;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2147483647;
  border: solid #5B5B5B 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border-right-color: transparent;
  -webkit-animation: spin 0.7s linear infinite, spinner-in 0.5s forwards;
          animation: spin 0.7s linear infinite, spinner-in 0.5s forwards;
  position: absolute;
  content: ''; }
  @media screen and (min-width: 720px) {
    .is-busy-modifyer::after {
      -webkit-animation-duration: 1.2s, 0.5s;
              animation-duration: 1.2s, 0.5s; } }

.is-busy-modifyer {
  pointer-events: none;
  cursor: progress; }

.is-busy-overlay {
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2147483647;
  background-color: white;
  opacity: .75;
  -webkit-animation: spinner-bg-in 0.5s forwards;
          animation: spinner-bg-in 0.5s forwards;
  position: fixed;
  cursor: progress; }
  .is-busy-overlay::after {
    display: block;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2147483647;
    border: solid #5B5B5B 6px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border-right-color: transparent;
    -webkit-animation: spin 0.7s linear infinite, spinner-in 0.5s forwards;
            animation: spin 0.7s linear infinite, spinner-in 0.5s forwards;
    position: absolute;
    content: ''; }
    @media screen and (min-width: 720px) {
      .is-busy-overlay::after {
        -webkit-animation-duration: 1.2s, 0.5s;
                animation-duration: 1.2s, 0.5s; } }

/* critical:start */
@-webkit-keyframes spin {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }

/* critical:end */
@-webkit-keyframes spinner-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes spinner-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes spinner-bg-in {
  from {
    opacity: 0; }
  to {
    opacity: .75; } }

@keyframes spinner-bg-in {
  from {
    opacity: 0; }
  to {
    opacity: .75; } }

/*********** STYLEGUIDE ************/
.javascript .hide-js {
  display: none; }

.no-js .hide-no-js {
  display: none; }

.javascript .show-js {
  display: block; }

.no-js .show-no-js {
  display: block; }

/* critical:start */
.html--slide-right {
  overflow-x: hidden; }

/* critical:end */
/* critical:start */
body {
  text-rendering: speed;
  display: block;
  position: relative;
  min-width: 320px;
  max-width: 100vw;
  background-color: #F3F3F3;
  color: black; }
  @supports (display: grid) {
    body {
      display: grid;
      /* autoprefixer: ignore next */
      grid-template: [header-start] 'header' auto [header-end] [main-start] 'main' 1fr [main-end] [footer-start] 'footer' auto [footer-end];
      /* autoprefixer: ignore next */
      grid-template-columns: 100%; } }
  .ioslwr10 body {
    display: block; }
  @media screen and (min-width: 320px) {
    body {
      overflow-x: hidden; } }
  body.body--no-scroll {
    overflow: hidden;
    overflow-x: hidden; }

/* critical:end */
body {
  text-rendering: optimizeLegibility; }

@supports (display: grid) {
  .javascript .body--sticky, .javascript .body--sticky--minified {
    /* autoprefixer: ignore next */
    grid-template-areas: 'main' 'teaser'  'footer' ;
    /* autoprefixer: ignore next */ } }

.javascript .body--sticky--minified {
  -webkit-transition: padding-top 0.4s ease-out;
  -o-transition: padding-top 0.4s ease-out;
  transition: padding-top 0.4s ease-out; }

/* critical:start */
.main-nav {
  display: none; }
  .body--no-nav .main-nav {
    display: none; }
  @media screen and (min-width: 720px) {
    .main-nav {
      display: block;
      position: relative;
      z-index: 2000;
      color: white;
      background-color: #FFFCCC;
      clear: both;
      line-height: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      max-height: 60px;
      width: 100%;
      overflow: hidden;
      -webkit-transition: opacity 0.3s, max-height 0.3s;
      -o-transition: opacity 0.3s, max-height 0.3s;
      transition: opacity 0.3s, max-height 0.3s; }
      .body--no-nav .main-nav {
        display: block; }
      .main-header--minified .main-nav {
        max-height: 0;
        opacity: 0; } }

.main-nav__list-level-1 {
  display: none;
  list-style-type: none;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .main-nav__list-level-1 {
      clear: both;
      display: inline-block;
      height: inherit;
      position: relative; } }

.main-nav__list-level-1__item, .main-nav__list-level-1__item--active {
  float: left;
  font-size: inherit;
  height: inherit;
  position: relative;
  text-align: center; }

.main-nav__list-level-1__item--active {
  background: white; }

.main-nav__list-level-1__label, .main-nav__list-level-1__link {
  color: black;
  cursor: default;
  display: block;
  font-size: inherit;
  padding:  5px 15px; }
  @media screen and (min-width: 720px) {
    .main-nav__list-level-1__label, .main-nav__list-level-1__link {
      padding:  5px 15px; } }
  @media screen and (min-width: 1000px) {
    .main-nav__list-level-1__label, .main-nav__list-level-1__link {
      padding:  8px 16px; } }

.main-nav__list-level-1__link {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color .3s, color .3s;
  -o-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s; }
  [class*='--hover'] .main-nav__list-level-1__link, .main-nav__list-level-1__link:hover, .main-nav__list-level-1__link:focus {
    background: white;
    color: #FF5500; }

/* critical:end */
/* critical:start */
.main-header {
  grid-area: header;
  display: block;
  position: relative;
  z-index: 10000;
  background-color: #FFF100;
  width: 100%;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  top: 0;
  -webkit-transition: top .4s ease-out;
  -o-transition: top .4s ease-out;
  transition: top .4s ease-out; }

.main-header__content-wrapper {
  display: block;
  min-width: 280px;
  max-width: 1160px;
  margin: 0 20px;
  position: relative;
  height: 100vh;
  max-height: 48px;
  -webkit-transition: max-height .3s ease-out;
  -o-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  z-index: 20000; }
  @media screen and (min-width: 1200px) {
    .main-header__content-wrapper {
      margin: 0 auto; } }
  .main-header__content-wrapper::after {
    display: table;
    height: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    content: ''; }
  .main-header__content-wrapper::before {
    display: block;
    position: absolute;
    width: 100vw;
    min-width: 320px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    background-color: #FFF100;
    z-index: 0;
    content: ''; }
  @media screen and (min-width: 320px) {
    .main-header__content-wrapper::before {
      width: 100vw;
      margin-left: -50vw; } }
  @media screen and (min-width: 720px) {
    .main-header__content-wrapper {
      max-height: 86px; } }
  .main-header--minified .main-header__content-wrapper {
    max-height: 50px !important; }

.javascript .main-header--sticky {
  position: fixed;
  grid-area: unset;
  top: 0; }

/* critical:end */
/* critical:start */
.main-toolbar__flyout {
  display: none; }

/* critical:end */
.main-toolbar__flyout {
  display: block;
  position: absolute;
  background: white;
  z-index: 10000;
  left: 0;
  right: 0; }
  .main-toolbar__flyout::after {
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    height: 0.5em;
    bottom: -0.5em;
    z-index: -1000;
    min-width: 320px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    content: ''; }
  .nojs .main-toolbar__flyout {
    position: relative; }
  .javascript .main-toolbar__flyout {
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
    pointer-events: auto;
    max-width: 100%;
    max-height: 100em;
    overflow: visible;
    visibility: visible;
    -webkit-transition: opacity 0s, max-height 0s, overflow 0s, visibility 0s, -webkit-transform 0.4s ease-out;
    transition: opacity 0s, max-height 0s, overflow 0s, visibility 0s, -webkit-transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out, opacity 0s, max-height 0s, overflow 0s, visibility 0s;
    transition: transform 0.4s ease-out, opacity 0s, max-height 0s, overflow 0s, visibility 0s;
    transition: transform 0.4s ease-out, opacity 0s, max-height 0s, overflow 0s, visibility 0s, -webkit-transform 0.4s ease-out;
    -webkit-transition-delay: 0;
         -o-transition-delay: 0;
            transition-delay: 0; }

.javascript .main-toolbar__flyout--hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  max-height: 1px;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s;
       -o-transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s;
          transition-delay: 0s, 0.4s, 0.4s, 0.4s, 0.4s; }

/* critical:start */
.main-header__logo {
  position: absolute;
  display: block;
  z-index: 5000;
  background: url("/Images/Brand/header_logo.svg?c=CCEB78DEF86DCEA1EDBC26425AAF9A49") center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  min-width: 30px;
  overflow: hidden;
  text-indent: -999px;
  color: transparent;
  font-size: 0;
  border: solid transparent 7px;
  border-left: none;
  border-right: none; }
  @media screen and (min-width: 720px) {
    .main-header__logo {
      min-width: 60px; } }

.main-header__skip {
  display: none; }
  @media screen and (min-width: 720px) {
    .main-header__skip {
      display: block;
      position: absolute;
      z-index: 2147483647;
      left: 0;
      top: 0;
      margin-left: -100%;
      opacity: 0;
      color: #FF5500;
      -webkit-transition: opacity 0.4s ease-out, left 0.4s ease-out;
      -o-transition: opacity 0.4s ease-out, left 0.4s ease-out;
      transition: opacity 0.4s ease-out, left 0.4s ease-out; }
      .main-header__skip:focus, .main-header__skip:active {
        margin-left: 0;
        left: 5px;
        opacity: 1; } }

/* critical:end */
/* critical:start */
.main-toolbar {
  position: relative;
  z-index: 2000;
  text-align: right;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap; }

.main-toolbar__but-label {
  padding-left: 5px;
  display: none;
  overflow: hidden;
  -webkit-transition: max-width .4s ease-out, opacity .3s, color .3s, padding-left .3s;
  -o-transition: max-width .4s ease-out, opacity .3s, color .3s, padding-left .3s;
  transition: max-width .4s ease-out, opacity .3s, color .3s, padding-left .3s;
  white-space: nowrap;
  pointer-events: none; }
  @media screen and (min-width: 720px) {
    .main-toolbar__but-label {
      display: block;
      max-width: 15vw;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
      .main-header--minified .main-toolbar__but-label {
        opacity: 0;
        max-width: 1px;
        padding-left: 0; } }
  @media screen and (min-width: 1000px) {
    .main-toolbar__but-label {
      padding-left: 8px; } }
  a:hover > .main-toolbar__but-label,
  a:focus > .main-toolbar__but-label,
  button:hover > .main-toolbar__but-label,
  button:focus > .main-toolbar__but-label,
  [class*='active'] > .main-toolbar__but-label {
    color: #FF5500; }

/* critical:end */
.main-toolbar__menu-button {
  position: relative;
  display: block;
  top: 5px;
  width: 22px;
  height: 14px;
  float: left;
  color: black; }
  .main-toolbar__menu-button::before, .main-toolbar__menu-button::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    left: 0;
    top: 0;
    background: black;
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
    content: '';
    -webkit-transition: width .3s, background-color .3s, -webkit-transform .3s;
    transition: width .3s, background-color .3s, -webkit-transform .3s;
    -o-transition: width .3s, transform .3s, background-color .3s;
    transition: width .3s, transform .3s, background-color .3s;
    transition: width .3s, transform .3s, background-color .3s, -webkit-transform .3s; }
  .main-toolbar__menu-button::after {
    top: auto;
    bottom: 0; }
  .main-toolbar__menu-button:hover::before, .main-toolbar__menu-button:hover::after,
  .main-toolbar__menu-button:hover .main-toolbar__menu-label {
    background: #FF5500; }
  @media screen and (min-width: 720px) {
    .main-toolbar__menu-button {
      display: none; } }

.main-toolbar__menu-label {
  display: block;
  color: black;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 2px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: black;
  font-size: 0;
  -webkit-transition: opacity .3s, background-color .3s;
  -o-transition: opacity .3s, background-color .3s;
  transition: opacity .3s, background-color .3s; }

.main-toolbar__menu-button:active::before,
.main-toolbar__menu-button--active::before {
  width: 19.5px;
  -webkit-transform: translate(3px, -1px) rotate(45deg);
      -ms-transform: translate(3px, -1px) rotate(45deg);
          transform: translate(3px, -1px) rotate(45deg); }

.main-toolbar__menu-button:active::after,
.main-toolbar__menu-button--active::after {
  width: 19.5px;
  -webkit-transform: translate(3px, 1px) rotate(-45deg);
      -ms-transform: translate(3px, 1px) rotate(-45deg);
          transform: translate(3px, 1px) rotate(-45deg); }

.main-toolbar__menu-button:active .main-toolbar__menu-label,
.main-toolbar__menu-button--active .main-toolbar__menu-label {
  opacity: 0; }

.main-toolbar__but-vertrag, .main-toolbar__but-vertrag--gas, .main-toolbar__but-vertrag--wasser,
.main-toolbar__but-vertrag--strom,
.main-toolbar__but-vertrag--waermestrom {
  display: none;
  position: relative;
  min-height: 24px;
  line-height: 24px;
  color: black; }
  .main-toolbar__but-vertrag::before, .main-toolbar__but-vertrag--gas::before, .main-toolbar__but-vertrag--wasser::before,
  .main-toolbar__but-vertrag--strom::before,
  .main-toolbar__but-vertrag--waermestrom::before {
    position: absolute;
    left: 0;
    top: 56%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    -webkit-transition: background-image 0.3s;
    -o-transition: background-image 0.3s;
    transition: background-image 0.3s;
    content: ''; }
  @media screen and (min-width: 720px) {
    .main-toolbar__but-vertrag, .main-toolbar__but-vertrag--gas, .main-toolbar__but-vertrag--wasser,
    .main-toolbar__but-vertrag--strom,
    .main-toolbar__but-vertrag--waermestrom {
      display: inline-block;
      float: left;
      padding-left: 36px; } }
  .safarimacos .main-toolbar__but-vertrag::before, .safarimacos .main-toolbar__but-vertrag--gas::before, .safarimacos .main-toolbar__but-vertrag--wasser::before,
  .safarimacos .main-toolbar__but-vertrag--strom::before,
  .safarimacos .main-toolbar__but-vertrag--waermestrom::before,
  .safariios .main-toolbar__but-vertrag::before,
  .safariios .main-toolbar__but-vertrag--gas::before,
  .safariios .main-toolbar__but-vertrag--wasser::before,
  .safariios .main-toolbar__but-vertrag--strom::before,
  .safariios .main-toolbar__but-vertrag--waermestrom::before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }

/* critical:start */
.main-toolbar__but-vertrag--goto {
  padding-right: 20px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .main-toolbar__but-vertrag--goto::after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 12px;
    height: 24px;
    -webkit-transition: background-image 0.3s;
    -o-transition: background-image 0.3s;
    transition: background-image 0.3s;
    content: ''; }
  .main-toolbar__but-vertrag--goto:hover, .main-toolbar__but-vertrag--goto:focus {
    color: #FF5500; }
  .safarimacos .main-toolbar__but-vertrag--goto::before,
  .safariios .main-toolbar__but-vertrag--goto::before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }

.main-toolbar__but-label--product {
  margin-right: 5px;
  padding-right: 5px;
  display: none;
  border-right: solid black 1px;
  -webkit-transition: max-width 0.5s ease-out, opacity 0.3s, padding-right 0.3s ease-out, margin-right 0.3s ease-out, border-right-color 0.3s, color 0.3s;
  -o-transition: max-width 0.5s ease-out, opacity 0.3s, padding-right 0.3s ease-out, margin-right 0.3s ease-out, border-right-color 0.3s, color 0.3s;
  transition: max-width 0.5s ease-out, opacity 0.3s, padding-right 0.3s ease-out, margin-right 0.3s ease-out, border-right-color 0.3s, color 0.3s; }
  .main-toolbar__but-label--product:last-child {
    border-right: none; }
  @media screen and (min-width: 720px) {
    .main-toolbar__but-label--product {
      display: inline-block;
      max-width: 5em; }
      .main-header--minified .main-toolbar__but-label--product {
        opacity: 0;
        max-width: 1px;
        padding-right: 0;
        margin-right: 0; } }
  @media screen and (min-width: 1000px) {
    .main-toolbar__but-label--product {
      margin-right: 8px;
      padding-right: 8px; } }
  :hover > .main-toolbar__but-label--product {
    border-right-color: #FF5500; }

.main-toolbar__but-label--vertrag {
  display: inline-block;
  white-space: nowrap;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  color: inherit; }
  @media screen and (min-width: 720px) {
    .main-toolbar__but-label--vertrag {
      display: inline-block; } }

/* critical:end */
.main-toolbar__but-vertrag--goto::after {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='black' stroke-width='right'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E") center center  no-repeat; }

.main-toolbar__but-vertrag--goto:hover::after, .main-toolbar__but-vertrag--goto:focus::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='2'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--strom::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='black'%3E %3Ctitle%3Estrom%3C/title%3E %3Cpath class='path1' fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath class='path2' fill='%23faea25' d='M8.293 13.656v5.051c0 4.117 3.173 7.709 7.288 7.832 4.261 0.128 7.75-3.286 7.75-7.515v-5.368c0-0.661-0.534-1.197-1.197-1.197h-12.645c-0.661 0-1.197 0.536-1.197 1.197z'/%3E %3Cpath class='path3' fill='%23faea25' d='M11.866 19.925c-0.707 0-1.28-0.571-1.28-1.28v-12.16c0-0.707 0.573-1.28 1.28-1.28s1.28 0.573 1.28 1.28v12.16c0 0.709-0.573 1.28-1.28 1.28z'/%3E %3Cpath class='path4' fill='%23faea25' d='M19.76 19.925c-0.707 0-1.282-0.571-1.282-1.28v-12.16c0-0.707 0.573-1.28 1.282-1.28 0.706 0 1.28 0.573 1.28 1.28v12.16c-0.002 0.709-0.574 1.28-1.28 1.28z'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--strom:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Estrom%3C/title%3E %3Cpath class='path1' fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath class='path2' fill='%23faea25' d='M8.293 13.656v5.051c0 4.117 3.173 7.709 7.288 7.832 4.261 0.128 7.75-3.286 7.75-7.515v-5.368c0-0.661-0.534-1.197-1.197-1.197h-12.645c-0.661 0-1.197 0.536-1.197 1.197z'/%3E %3Cpath class='path3' fill='%23faea25' d='M11.866 19.925c-0.707 0-1.28-0.571-1.28-1.28v-12.16c0-0.707 0.573-1.28 1.28-1.28s1.28 0.573 1.28 1.28v12.16c0 0.709-0.573 1.28-1.28 1.28z'/%3E %3Cpath class='path4' fill='%23faea25' d='M19.76 19.925c-0.707 0-1.282-0.571-1.282-1.28v-12.16c0-0.707 0.573-1.28 1.282-1.28 0.706 0 1.28 0.573 1.28 1.28v12.16c-0.002 0.709-0.574 1.28-1.28 1.28z'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--gas::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='black'%3E %3Ctitle%3Egas%3C/title%3E %3Cpath fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23faea25' d='M19.133 25.968c-0.29 0.285-0.779 0.072-0.776-0.334 0.006-1.366-0.197-3.717-1.49-5.566-1.885-2.691-7.581-8.667 0.070-16.038 0.27-0.261 0.728-0.102 0.779 0.27 0.154 1.12 0.6 3.096 1.888 4.936 1.872 2.674 7.005 9.373-0.472 16.733z'/%3E %3Cpath fill='%23faea25' d='M12.102 26.25c-0.256 0.213-0.661 0.070-0.715-0.259-0.149-0.902-0.562-2.542-1.707-4.504-1.85-3.171-3.522-5.363 0.789-8.923 0.262-0.218 0.67-0.056 0.707 0.283 0.101 0.934 0.445 2.589 1.578 4.531 1.853 3.174 3.504 5.421-0.651 8.872z'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--gas:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Egas%3C/title%3E %3Cpath fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23faea25' d='M19.133 25.968c-0.29 0.285-0.779 0.072-0.776-0.334 0.006-1.366-0.197-3.717-1.49-5.566-1.885-2.691-7.581-8.667 0.070-16.038 0.27-0.261 0.728-0.102 0.779 0.27 0.154 1.12 0.6 3.096 1.888 4.936 1.872 2.674 7.005 9.373-0.472 16.733z'/%3E %3Cpath fill='%23faea25' d='M12.102 26.25c-0.256 0.213-0.661 0.070-0.715-0.259-0.149-0.902-0.562-2.542-1.707-4.504-1.85-3.171-3.522-5.363 0.789-8.923 0.262-0.218 0.67-0.056 0.707 0.283 0.101 0.934 0.445 2.589 1.578 4.531 1.853 3.174 3.504 5.421-0.651 8.872z'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--wasser::before {
  background-image: wasser-svg(black); }

.main-toolbar__but-vertrag--wasser:hover::before {
  background-image: wasser-svg(#FF5500); }

.main-toolbar__but-vertrag--waermestrom::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='10 10 20 20' fill='black'%3E %3Cstyle type='text/css'%3E .fill%7Bfill:%23FFF999;%7D %3C/style%3E %3Ccircle fill='%23000' cx='20' cy='20' r='10'/%3E %3Cpath class='fill' d='M23,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C23.3,26,23.2,26,23,26z'/%3E %3Cpath class='fill' d='M19.8,26c-0.2,0-0.4-0.1-0.6-0.3C19,25.4,19,25,19.3,24.7c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C20.1,26,20,26,19.8,26z'/%3E %3Cpath class='fill' d='M16.6,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C17,26,16.8,26,16.6,26z'/%3E %3C/svg%3E"); }

.main-toolbar__but-vertrag--waermestrom:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='10 10 20 20' fill='%23FF5500'%3E %3Cstyle type='text/css'%3E .fill%7Bfill:%23FFF999;%7D %3C/style%3E %3Ccircle fill='%23000' cx='20' cy='20' r='10'/%3E %3Cpath class='fill' d='M23,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C23.3,26,23.2,26,23,26z'/%3E %3Cpath class='fill' d='M19.8,26c-0.2,0-0.4-0.1-0.6-0.3C19,25.4,19,25,19.3,24.7c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C20.1,26,20,26,19.8,26z'/%3E %3Cpath class='fill' d='M16.6,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C17,26,16.8,26,16.6,26z'/%3E %3C/svg%3E"); }

/* critical:start */
.main-toolbar__but-search {
  padding: 0 15px 0 24px;
  display: inline-block;
  position: relative;
  min-height: 24px;
  color: black; }
  @media screen and (min-width: 1000px) {
    .main-toolbar__but-search {
      padding-right: 15px; } }

/* critical:end */
.main-toolbar__but-search::before {
  position: absolute;
  left: 0;
  top: 56%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' stroke='black' stroke-width='2px'%3E %3Ccircle cx='8.5' cy='8.5' r='7.5' style='fill:none;stroke-width:2px;'/%3E %3Cline x1='17' y1='17' x2='23' y2='23' style='stroke-linecap:round;stroke-width:2px;'/%3E %3C/svg%3E") center no-repeat;
  -webkit-transition: background-image .3s;
  -o-transition: background-image .3s;
  transition: background-image .3s;
  content: ''; }

.main-toolbar__but-search:focus::before, .main-toolbar__but-search:hover::before, .main-toolbar__but-search[class*='--active']::before {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' stroke='%23FF5500' stroke-width='2px'%3E %3Ccircle cx='8.5' cy='8.5' r='7.5' style='fill:none;stroke-width:2px;'/%3E %3Cline x1='17' y1='17' x2='23' y2='23' style='stroke-linecap:round;stroke-width:2px;'/%3E %3C/svg%3E") center no-repeat; }

.safarimacos .main-toolbar__but-search::before,
.safariios .main-toolbar__but-search::before {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.nojs .main-toolbar__but-search {
  display: none; }

/* critical:start */
.main-toolbar__but-auth {
  display: inline-block;
  position: relative;
  min-width: 24px;
  min-height: 24px;
  padding: 0 24px;
  color: black; }
  .main-toolbar__but-auth {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 15px; }
    @media screen and (min-width: 1000px) {
      .main-toolbar__but-auth {
        margin-right: 24px; } }

/* critical:end */
.main-toolbar__but-auth::before {
  position: absolute;
  left: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='2px'%3E %3Ccircle cx='12' cy='6' r='5' style='fill:none;stroke-width:2px;'/%3E %3Cpath d='M21.218,22.964L2.77,22.964C1.668,22.964 0.849,21.955 1.113,20.939C1.139,20.816 1.186,20.607 1.251,20.339C1.36,19.892 1.481,19.445 1.611,19.024C1.832,18.307 2.055,17.74 2.298,17.346C3.738,15.017 8.053,13.857 11.994,13.857C15.936,13.857 20.25,15.017 21.69,17.346C21.933,17.74 22.157,18.307 22.378,19.024C22.507,19.445 22.628,19.892 22.737,20.339C22.799,20.595 22.845,20.799 22.872,20.923C23.13,21.968 22.314,22.964 21.218,22.964Z' style='fill:none;stroke-width:2px;stroke-miterlimit:1.4;'/%3E %3C/svg%3E") center no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transition: background-image .3s;
  -o-transition: background-image .3s;
  transition: background-image .3s;
  content: ''; }

.main-toolbar__but-auth::after {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='10px' viewBox='0 0 18 10' preserveAspectRatio='xMinYMin' stroke='black' stroke-width='2'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: miter; stroke-width: 2px; stroke-linecap: butt; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol' transform='rotate( 90 8.5 8.5 )'/%3E %3C/svg%3E") right center  no-repeat;
  position: absolute;
  right: 0;
  top: 56%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-transition: background-image .3s;
  -o-transition: background-image .3s;
  transition: background-image .3s;
  content: ''; }

.main-toolbar__but-auth:focus::before, .main-toolbar__but-auth:hover::before, .main-toolbar__but-auth[class*='--active']::before {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23FF5500' stroke-width='2px'%3E %3Ccircle cx='12' cy='6' r='5' style='fill:none;stroke-width:2px;'/%3E %3Cpath d='M21.218,22.964L2.77,22.964C1.668,22.964 0.849,21.955 1.113,20.939C1.139,20.816 1.186,20.607 1.251,20.339C1.36,19.892 1.481,19.445 1.611,19.024C1.832,18.307 2.055,17.74 2.298,17.346C3.738,15.017 8.053,13.857 11.994,13.857C15.936,13.857 20.25,15.017 21.69,17.346C21.933,17.74 22.157,18.307 22.378,19.024C22.507,19.445 22.628,19.892 22.737,20.339C22.799,20.595 22.845,20.799 22.872,20.923C23.13,21.968 22.314,22.964 21.218,22.964Z' style='fill:none;stroke-width:2px;stroke-miterlimit:1.4;'/%3E %3C/svg%3E") center no-repeat; }

.main-toolbar__but-auth:focus::after, .main-toolbar__but-auth:hover::after, .main-toolbar__but-auth[class*='--active']::after {
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='10px' viewBox='0 0 18 10' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='2'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: miter; stroke-width: 2px; stroke-linecap: butt; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol' transform='rotate( 90 8.5 8.5 )'/%3E %3C/svg%3E") right center  no-repeat; }

.nojs .main-toolbar__but-auth {
  padding-right: 0;
  margin-right: 0; }
  .nojs .main-toolbar__but-auth::after {
    display: none; }

.main-toolbar__but-auth--login {
  padding-right: 0;
  margin-right: 0; }
  .main-toolbar__but-auth--login::after {
    display: none; }

.account-info__content {
  display: block;
  min-width: 280px;
  max-width: 1160px;
  padding:  15px 0 0 0;
  margin:  0 20px 0 20px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  max-width: 1180px;
  /*critical_start*/
  /*critical_end*/ }
  @media screen and (min-width: 1000px) {
    .account-info__content {
      padding:  24px 0 0 0; } }
  @media screen and (min-width: 1200px) {
    .account-info__content {
      margin-left: auto;
      margin-right: auto; } }
  @supports (display: grid) {
    .account-info__content {
      margin: 0 20px;
      grid-template-rows: auto;
      grid-auto-rows: auto; } }
  @supports (display: grid) {
    .account-info__content {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 0;
      grid-column-gap: 20px;
      max-width: 1160px;
      grid-auto-flow: row; } }
  @media screen and (min-width: 720px) {
    .account-info__content {
      display: block !important; }
      @supports (display: grid) {
        .account-info__content {
          display: grid !important; } } }
  @media screen and (min-width: 1200px) {
    .account-info__content {
      margin: 0 auto; } }

.account-info__user-image {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  vertical-align: text-bottom;
  margin-bottom: 15px;
  width: 100%;
  height: auto; }
  @supports (display: grid) {
    .account-info__user-image {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @media screen and (min-width: 720px) {
    .account-info__user-image {
      display: inline-block;
      width: 30%;
      float: left;
      grid-row: 1 / 3; }
      @supports (display: grid) {
        .account-info__user-image {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 3; } } }
  @media screen and (min-width: 1000px) {
    .account-info__user-image {
      margin-bottom: 24px; } }

.account-info__user-pic {
  float: left;
  vertical-align: text-top;
  width: 30%;
  width: calc(30% - 10px);
  max-width: 96px;
  margin: 0 10px 0 0; }
  @media screen and (min-width: 720px) {
    .account-info__user-pic {
      display: block;
      max-width: none;
      width: 66%;
      width: calc(66% - 10px);
      float: none;
      margin-left: 0;
      margin-bottom: 24px; } }

.account-info__user-name {
  display: inline-block;
  width: 65%;
  width: calc(70% - 10px);
  margin-left: 10px;
  margin-bottom: 15px;
  clear: right; }
  @media screen and (min-width: 720px) {
    .account-info__user-name {
      display: block;
      width: auto;
      margin-left: 0;
      margin-bottom: 24px; } }

.account-info__logout-button {
  margin-left: 10px; }
  @media screen and (min-width: 720px) {
    .account-info__logout-button {
      width: auto;
      margin-left: 0; } }

.account-info__daten-btn {
  display: block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  margin-right: 4.5%;
  margin-right: calc(10px + 0%);
  margin-left: 4.5%;
  margin-left: calc(10px + 0%);
  font-weight: 700;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 15px;
  width: 100%;
  height: auto; }
  @supports (display: grid) {
    .account-info__daten-btn {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @media screen and (min-width: 720px) {
    .account-info__daten-btn {
      display: inline-block;
      width: auto;
      -webkit-align-self: start;
          -ms-flex-item-align: start;
              align-self: start;
      grid-row: 2 / 3;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      @supports (display: grid) {
        .account-info__daten-btn {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: span 3  /  7; } } }

.account-info__user-data {
  display: block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  margin-right: 4.5%;
  margin-right: calc(10px + 0%);
  margin-left: 4.5%;
  margin-left: calc(10px + 0%);
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  width: calc(100% + 20px);
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  max-width: 1180px;
  /*critical_start*/
  /*critical_end*/
  vertical-align: middle;
  margin: 0 -10px; }
  @supports (display: grid) {
    .account-info__user-data {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @supports (display: grid) {
    .account-info__user-data {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 0;
      grid-column-gap: 20px;
      max-width: 1160px;
      grid-auto-flow: row; } }
  @supports (display: grid) {
    .account-info__user-data {
      margin: 0;
      width: 100%; } }
  @media screen and (min-width: 720px) {
    .account-info__user-data {
      display: inline-block;
      width: 60%;
      grid-row: 1 / 2;
      display: block;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start;
      max-width: 1180px;
      /*critical_start*/
      /*critical_end*/
      margin: 0;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
      @supports (display: grid) {
        .account-info__user-data {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 9; } }
      @supports (display: grid) {
        .account-info__user-data {
          display: grid;
          grid-template-columns: repeat(9, 1fr);
          grid-template-rows: auto;
          grid-row-gap: 0;
          grid-column-gap: 20px;
          max-width: 1160px;
          grid-auto-flow: row; } } }

.account-info__data-item {
  display: inline-block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 50% - 20px);
  max-width: calc( 50% - 20px);
  margin-right: 2.25%;
  margin-right: calc(10px + 0%);
  margin-left: 2.25%;
  margin-left: calc(10px + 0%);
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 47.75%;
      -ms-flex: 0 1 47.75%;
          flex: 0 1 47.75%;
  -webkit-flex: 0 1 calc( 50% - 20px);
      -ms-flex: 0 1 calc( 50% - 20px);
          flex: 0 1 calc( 50% - 20px);
  vertical-align: middle; }
  @supports (display: grid) {
    .account-info__data-item {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 6; } }
  @media screen and (min-width: 720px) {
    .account-info__data-item {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 33.3333% - 20px);
      max-width: calc( 33.3333% - 20px);
      margin-right: 1.5%;
      margin-right: calc(10px + 0%);
      margin-left: 1.5%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 31.8333%;
          -ms-flex: 0 1 31.8333%;
              flex: 0 1 31.8333%;
      -webkit-flex: 0 1 calc( 33.3333% - 20px);
          -ms-flex: 0 1 calc( 33.3333% - 20px);
              flex: 0 1 calc( 33.3333% - 20px); }
      @supports (display: grid) {
        .account-info__data-item {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 3; } } }

.user_data-item {
  margin-bottom: 15px; }
  @media screen and (min-width: 1000px) {
    .user_data-item {
      margin-bottom: 24px; } }

.user-data__title {
  font-weight: 700; }

/* critical:start */
.main-area {
  display: block;
  grid-area: main;
  margin: 0 20px;
  max-width: 1160px;
  min-width: 280px;
  padding: 15px 0 0; }
  @media screen and (min-width: 1000px) {
    .main-area {
      padding: 24px 0 0; } }
  @media screen and (min-width: 1200px) {
    .main-area {
      margin-left: auto;
      margin-right: auto;
      width: 100%; } }

/* critical:end */
/* critical:start */
.off-canvas-nav {
  display: none; }

/* critical:end */
.off-canvas-nav {
  display: block;
  position: fixed;
  z-index: 5000;
  background-color: white;
  padding-top: 48px;
  top: 0;
  bottom: 0;
  left: 0;
  min-height: 100%;
  width: 50%;
  min-width: 280px;
  -webkit-transition: visibility 0s, -webkit-transform 0.4s ease-out;
  transition: visibility 0s, -webkit-transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out, visibility 0s;
  transition: transform 0.4s ease-out, visibility 0s;
  transition: transform 0.4s ease-out, visibility 0s, -webkit-transform 0.4s ease-out;
  -webkit-transition-delay: 0s, 0.4s;
       -o-transition-delay: 0s, 0.4s;
          transition-delay: 0s, 0.4s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  visibility: hidden;
  pointer-events: none;
  overflow-y: auto; }
  .off-canvas-nav::after {
    display: block;
    position: absolute;
    top: 0;
    right: -0.5em;
    bottom: 0;
    min-height: 100%;
    width: 0.5em;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
    content: ''; }
  @media screen and (min-width: 720px) {
    .off-canvas-nav {
      display: none; } }
  .notification-bar-body .off-canvas-nav {
    padding-top: 180px; }

.off-canvas-nav--active {
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s; }

.off-canvas-nav__but-vertrag, .off-canvas-nav__but-vertrag--strom, .off-canvas-nav__but-vertrag--wasser, .off-canvas-nav__but-vertrag--waermestrom, .off-canvas-nav__but-vertrag--gas {
  display: block;
  position: relative;
  color: #FF5500;
  padding:  20px 30px;
  padding-left: 54px;
  min-height: 24px;
  white-space: nowrap;
  background: transparent; }
  .off-canvas-nav__but-vertrag::before, .off-canvas-nav__but-vertrag--strom::before, .off-canvas-nav__but-vertrag--wasser::before, .off-canvas-nav__but-vertrag--waermestrom::before, .off-canvas-nav__but-vertrag--gas::before {
    position: absolute;
    left: 20px;
    top: 52%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: center no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    content: ''; }

.off-canvas-nav__but-vertrag--goto::after {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
          transform: translateY(-5%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='right'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E") center center  no-repeat;
  -webkit-transition: background-image .3s;
  -o-transition: background-image .3s;
  transition: background-image .3s;
  content: ''; }

.off-canvas-nav__but-vertrag--goto:hover, .off-canvas-nav__but-vertrag--goto:focus {
  color: #FF5500;
  background: #FFFCCC; }
  .off-canvas-nav__but-vertrag--goto:hover::after, .off-canvas-nav__but-vertrag--goto:focus::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E %3C!DOCTYPE SVG PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='18px' viewBox='0 0 10 18' preserveAspectRatio='xMinYMin' stroke='%23FF5500' stroke-width='2'%3E %3Cdefs%3E %3Cstyle type='text/css'%3E %3C!%5BCDATA%5B .fill %7B fill: none; stroke-linejoin: round; stroke-width: 2px; stroke-linecap: rount; %7D %5D%5D%3E %3C/style%3E %3Csymbol id='symbol' style='overflow: visible'%3E %3Cpolyline class='fill' points='1,1 8.5,8.5 1,16'/%3E %3C/symbol%3E %3C/defs%3E %3Cuse x='0' y='0' xlink:href='%23symbol'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--strom::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Estrom%3C/title%3E %3Cpath class='path1' fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath class='path2' fill='%23faea25' d='M8.293 13.656v5.051c0 4.117 3.173 7.709 7.288 7.832 4.261 0.128 7.75-3.286 7.75-7.515v-5.368c0-0.661-0.534-1.197-1.197-1.197h-12.645c-0.661 0-1.197 0.536-1.197 1.197z'/%3E %3Cpath class='path3' fill='%23faea25' d='M11.866 19.925c-0.707 0-1.28-0.571-1.28-1.28v-12.16c0-0.707 0.573-1.28 1.28-1.28s1.28 0.573 1.28 1.28v12.16c0 0.709-0.573 1.28-1.28 1.28z'/%3E %3Cpath class='path4' fill='%23faea25' d='M19.76 19.925c-0.707 0-1.282-0.571-1.282-1.28v-12.16c0-0.707 0.573-1.28 1.282-1.28 0.706 0 1.28 0.573 1.28 1.28v12.16c-0.002 0.709-0.574 1.28-1.28 1.28z'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--strom:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Estrom%3C/title%3E %3Cpath class='path1' fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath class='path2' fill='%23faea25' d='M8.293 13.656v5.051c0 4.117 3.173 7.709 7.288 7.832 4.261 0.128 7.75-3.286 7.75-7.515v-5.368c0-0.661-0.534-1.197-1.197-1.197h-12.645c-0.661 0-1.197 0.536-1.197 1.197z'/%3E %3Cpath class='path3' fill='%23faea25' d='M11.866 19.925c-0.707 0-1.28-0.571-1.28-1.28v-12.16c0-0.707 0.573-1.28 1.28-1.28s1.28 0.573 1.28 1.28v12.16c0 0.709-0.573 1.28-1.28 1.28z'/%3E %3Cpath class='path4' fill='%23faea25' d='M19.76 19.925c-0.707 0-1.282-0.571-1.282-1.28v-12.16c0-0.707 0.573-1.28 1.282-1.28 0.706 0 1.28 0.573 1.28 1.28v12.16c-0.002 0.709-0.574 1.28-1.28 1.28z'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--wasser::before {
  background-image: wasser-svg(#FF5500); }

.off-canvas-nav__but-vertrag--wasser:hover::before {
  background-image: wasser-svg(#FF5500); }

.off-canvas-nav__but-vertrag--waermestrom::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='10 10 20 20' fill='%23FF5500'%3E %3Cstyle type='text/css'%3E .fill%7Bfill:%23FFF999;%7D %3C/style%3E %3Ccircle fill='%23000' cx='20' cy='20' r='10'/%3E %3Cpath class='fill' d='M23,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C23.3,26,23.2,26,23,26z'/%3E %3Cpath class='fill' d='M19.8,26c-0.2,0-0.4-0.1-0.6-0.3C19,25.4,19,25,19.3,24.7c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C20.1,26,20,26,19.8,26z'/%3E %3Cpath class='fill' d='M16.6,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C17,26,16.8,26,16.6,26z'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--waermestrom:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='10 10 20 20' fill='%23FF5500'%3E %3Cstyle type='text/css'%3E .fill%7Bfill:%23FFF999;%7D %3C/style%3E %3Ccircle fill='%23000' cx='20' cy='20' r='10'/%3E %3Cpath class='fill' d='M23,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C23.3,26,23.2,26,23,26z'/%3E %3Cpath class='fill' d='M19.8,26c-0.2,0-0.4-0.1-0.6-0.3C19,25.4,19,25,19.3,24.7c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C20.1,26,20,26,19.8,26z'/%3E %3Cpath class='fill' d='M16.6,26c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.2-0.8,0.1-1.1c1.3-1.1,1.1-3,0.2-4.3c-1.4-2.2-1.2-4.7,0.5-6.2 c0.3-0.3,0.8-0.2,1.1,0.1c0.3,0.3,0.2,0.8-0.1,1.1c-1.3,1.1-1.1,3-0.2,4.3c1.4,2.2,1.2,4.7-0.5,6.2C17,26,16.8,26,16.6,26z'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--gas::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Egas%3C/title%3E %3Cpath fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23faea25' d='M19.133 25.968c-0.29 0.285-0.779 0.072-0.776-0.334 0.006-1.366-0.197-3.717-1.49-5.566-1.885-2.691-7.581-8.667 0.070-16.038 0.27-0.261 0.728-0.102 0.779 0.27 0.154 1.12 0.6 3.096 1.888 4.936 1.872 2.674 7.005 9.373-0.472 16.733z'/%3E %3Cpath fill='%23faea25' d='M12.102 26.25c-0.256 0.213-0.661 0.070-0.715-0.259-0.149-0.902-0.562-2.542-1.707-4.504-1.85-3.171-3.522-5.363 0.789-8.923 0.262-0.218 0.67-0.056 0.707 0.283 0.101 0.934 0.445 2.589 1.578 4.531 1.853 3.174 3.504 5.421-0.651 8.872z'/%3E %3C/svg%3E"); }

.off-canvas-nav__but-vertrag--gas:hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='35' viewBox='0 0 33 35' fill='%23FF5500'%3E %3Ctitle%3Egas%3C/title%3E %3Cpath fill='%23000' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23faea25' d='M19.133 25.968c-0.29 0.285-0.779 0.072-0.776-0.334 0.006-1.366-0.197-3.717-1.49-5.566-1.885-2.691-7.581-8.667 0.070-16.038 0.27-0.261 0.728-0.102 0.779 0.27 0.154 1.12 0.6 3.096 1.888 4.936 1.872 2.674 7.005 9.373-0.472 16.733z'/%3E %3Cpath fill='%23faea25' d='M12.102 26.25c-0.256 0.213-0.661 0.070-0.715-0.259-0.149-0.902-0.562-2.542-1.707-4.504-1.85-3.171-3.522-5.363 0.789-8.923 0.262-0.218 0.67-0.056 0.707 0.283 0.101 0.934 0.445 2.589 1.578 4.531 1.853 3.174 3.504 5.421-0.651 8.872z'/%3E %3C/svg%3E"); }

.nav-listing__link, .nav-listing__link--hi {
  display: block;
  padding:  7px 20px;
  color: black;
  font-weight: 700;
  background: transparent;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }
  .nav-listing__link:hover, .nav-listing__link--hi:hover {
    color: black;
    background: #FFFCCC; }
  .nav-listing__l2 .nav-listing__link, .nav-listing__l2 .nav-listing__link--hi {
    font-weight: 400;
    padding-left: 40px; }

.nav-listing__link--hi {
  background: #FFF100; }

.nav-listing__l2 {
  margin-bottom: 10px; }

/* critical:start */
.main-footer {
  visibility: hidden; }

/* critical:end */
.main-footer {
  visibility: visible;
  background-color: #FFF100;
  overflow: hidden;
  grid-area: footer; }

.sitemap-list {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  max-width: 1180px;
  /*critical_start*/
  /*critical_end*/
  color: black;
  overflow: hidden;
  padding-top: 30px;
  margin: 0 10px; }
  @supports (display: grid) {
    .sitemap-list {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      grid-row-gap: 0;
      grid-column-gap: 20px;
      max-width: 1160px;
      grid-auto-flow: row; } }
  @supports (display: grid) {
    .sitemap-list {
      margin: 0 20px; } }
  @media screen and (min-width: 1000px) {
    .sitemap-list {
      padding-top: 48px; } }
  @media screen and (min-width: 1200px) {
    .sitemap-list {
      margin: 0 auto; } }

.sitemap-list__sublist {
  font-weight: 400;
  margin-bottom: 20px;
  overflow-y: hidden;
  display: block;
  /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
  position: relative;
  width: calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  margin-right: 4.5%;
  margin-right: calc(10px + 0%);
  margin-left: 4.5%;
  margin-left: calc(10px + 0%); }
  @supports (display: grid) {
    .sitemap-list__sublist {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      grid-column: auto  /  span 12; } }
  @media screen and (min-width: 320px) {
    .sitemap-list__sublist {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 50% - 20px);
      max-width: calc( 50% - 20px);
      margin-right: 2.25%;
      margin-right: calc(10px + 0%);
      margin-left: 2.25%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 47.75%;
          -ms-flex: 0 1 47.75%;
              flex: 0 1 47.75%;
      -webkit-flex: 0 1 calc( 50% - 20px);
          -ms-flex: 0 1 calc( 50% - 20px);
              flex: 0 1 calc( 50% - 20px); }
      @supports (display: grid) {
        .sitemap-list__sublist {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 6; } } }
  @media screen and (min-width: 1000px) {
    .sitemap-list__sublist {
      display: inline-block;
      /*@if($colStart != 0 and $colStart != 'auto' and $offsetMargin == 'calc') {
        // Fallback für non Grid-Browser: $offsetMargin sollte angegeben sein
        $flexMargin: $colStart;
    }
    @else */
      position: relative;
      width: calc( 25% - 20px);
      max-width: calc( 25% - 20px);
      margin-right: 1.125%;
      margin-right: calc(10px + 0%);
      margin-left: 1.125%;
      margin-left: calc(10px + 0%);
      float: left;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 23.875%;
          -ms-flex: 0 1 23.875%;
              flex: 0 1 23.875%;
      -webkit-flex: 0 1 calc( 25% - 20px);
          -ms-flex: 0 1 calc( 25% - 20px);
              flex: 0 1 calc( 25% - 20px);
      margin-bottom: 32px; }
      @supports (display: grid) {
        .sitemap-list__sublist {
          margin-left: 0;
          margin-right: 0;
          width: auto;
          max-width: 100%;
          grid-column: auto  /  span 3; } } }

.main-footer__default-link,
.sitemap-list__group-heading {
  display: block;
  color: inherit;
  margin-bottom: 10px; }
  @media screen and (min-width: 1000px) {
    .main-footer__default-link,
    .sitemap-list__group-heading {
      margin-bottom: 16px; } }

.sitemap-list__group-heading {
  font-weight: 700; }

.main-footer__default-link {
  clear: both;
  overflow: hidden;
  cursor: pointer; }
  .main-footer__default-link:hover {
    color: black;
    text-decoration: underline; }
  .main-footer__default-link:visited {
    color: black; }

.icon-link--youtube, .icon-link--twitter, .icon-link--facebook, .icon-link--instagram, .icon-link--payback, .icon-link--blog {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: transparent;
  font-size: 1px;
  text-indent: -100px;
  overflow: hidden;
  clear: none;
  float: left;
  padding:  0;
  margin:  0 10px 10px 0; }
  @media screen and (min-width: 1000px) {
    .icon-link--youtube, .icon-link--twitter, .icon-link--facebook, .icon-link--instagram, .icon-link--payback, .icon-link--blog {
      margin:  0 16px 16px 0; } }
  .icon-link--youtube::after, .icon-link--twitter::after, .icon-link--facebook::after, .icon-link--instagram::after, .icon-link--payback::after, .icon-link--blog::after {
    display: none; }

.icon-link--youtube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' width='30' height='30' viewBox='0 0 32 32'%3E %3Ctitle%3Eyoutube%3C/title%3E %3Cpath fill='%23d0021b' class='path1 fill-color3' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23fff' class='path2 fill-color8' d='M18.773 16.427l-4.053 2.027c-0.107 0.107-0.213 0.107-0.213 0.107s-0.213 0-0.32-0.107c-0.213-0.107-0.32-0.32-0.32-0.533v-4.053c0-0.213 0.107-0.427 0.32-0.427 0.213-0.107 0.427-0.107 0.64 0l4.053 2.027c0.213 0.107 0.32 0.32 0.32 0.427-0.107 0.213-0.213 0.427-0.427 0.533zM24.853 10.773c-0.64-0.853-1.92-1.173-4.373-1.173h-8.853c-2.56 0-3.84 0.32-4.48 1.173-0.747 0.853-0.747 2.027-0.747 3.627v3.2c0 3.2 0.747 4.8 5.12 4.8h8.853c2.133 0 3.307-0.32 4.053-0.96 0.747-0.747 1.067-1.813 1.067-3.84v-3.2c0.213-1.707 0.107-2.88-0.64-3.627z'/%3E %3C/svg%3E"); }

.icon-link--twitter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 32 32'%3E %3Ctitle%3Etwitter%3C/title%3E %3Cpath fill='%2355acee' class='path1 fill-color7' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23fff' class='path2 fill-color8' d='M24.533 11.307c-0.64 0.32-1.28 0.427-2.027 0.533 0.747-0.427 1.28-1.067 1.493-1.92-0.64 0.427-1.387 0.64-2.24 0.853-0.64-0.64-1.6-1.067-2.56-1.067-1.813 0-3.413 1.6-3.413 3.52 0 0.32 0 0.533 0.107 0.747-2.88-0.107-5.547-1.493-7.253-3.627-0.32 0.533-0.427 1.067-0.427 1.707 0 1.173 0.64 2.24 1.6 2.88-0.533 0-1.067-0.213-1.6-0.427v0c0 1.707 1.173 3.093 2.773 3.413-0.32 0.213-0.64 0.213-0.96 0.213-0.213 0-0.427 0-0.64-0.107 0.427 1.387 1.707 2.453 3.307 2.453-1.173 0.96-2.667 1.493-4.373 1.493-0.32 0-0.533 0-0.853 0 1.6 1.067 3.413 1.6 5.333 1.6 6.4 0 9.92-5.333 9.92-9.92v-0.427c0.747-0.533 1.387-1.173 1.813-1.92z'/%3E %3C/svg%3E"); }

.icon-link--facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 32 32'%3E %3Ctitle%3Efacebook%3C/title%3E %3Cpath fill='%233a559f' class='path1 fill-color4' d='M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z'/%3E %3Cpath fill='%23fff' class='path2 fill-color8' d='M20.053 16.64h-2.88v10.453h-4.373v-10.453h-2.027v-3.627h2.027v-2.453c0-1.707 0.853-4.373 4.373-4.373h3.2v3.52h-2.24c-0.427 0-0.96 0.213-0.96 0.96v2.133h3.2l-0.32 3.84z'/%3E %3C/svg%3E"); }

.icon-link--instagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 32 32'%3E %3Ctitle%3Einstagram%3C/title%3E %3Cpath class='path1' fill='%23000' d='M32 16c0 8.836-7.164 16-16 16s-16-7.164-16-16c0-8.836 7.164-16 16-16s16 7.164 16 16z'/%3E %3Cpath class='path2' fill='%23fff' d='M16.218 11.983c-2.372 0-4.337 1.931-4.337 4.337s1.931 4.337 4.337 4.337c2.406 0 4.337-1.965 4.337-4.337s-1.965-4.337-4.337-4.337v0zM16.218 19.098c-1.525 0-2.778-1.254-2.778-2.778s1.254-2.778 2.778-2.778c1.525 0 2.778 1.254 2.778 2.778s-1.254 2.778-2.778 2.778v0z'/%3E %3Cpath class='path3' fill='%23fff' d='M21.707 11.881c0 0.543-0.44 0.983-0.983 0.983s-0.983-0.44-0.983-0.983c0-0.543 0.44-0.983 0.983-0.983s0.983 0.44 0.983 0.983z'/%3E %3Cpath class='path4' fill='%23fff' d='M23.266 9.34c-0.881-0.915-2.135-1.389-3.558-1.389h-6.98c-2.948 0-4.913 1.965-4.913 4.913v6.946c0 1.457 0.474 2.711 1.423 3.625 0.915 0.881 2.135 1.321 3.524 1.321h6.912c1.457 0 2.677-0.474 3.558-1.321 0.915-0.881 1.389-2.135 1.389-3.592v-6.98c0-1.423-0.474-2.643-1.355-3.524v0zM23.063 19.844c0 1.050-0.305 1.897-0.915 2.473s-1.457 0.881-2.473 0.881h-6.912c-1.016 0-1.864-0.305-2.473-0.881-0.61-0.61-0.915-1.457-0.915-2.507v-6.946c0-1.016 0.305-1.864 0.915-2.473 0.576-0.576 1.457-0.881 2.473-0.881h6.98c1.016 0 1.864 0.305 2.473 0.915 0.576 0.61 0.915 1.457 0.915 2.44v6.98h-0.068z'/%3E %3C/svg%3E"); }

.icon-link--payback {
  width: 86px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg width='100%25' height='100%25' viewBox='0 0 86 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E %3Crect x='0' y='0' width='86px' height='30px' rx='4px' ry='4px' fill='%23145EA9'/%3E %3CclipPath id='_clip1'%3E %3C/clipPath%3E %3Cpath d='M15.424,11.028C15.424,11.495 15.237,11.682 14.676,11.682L13.741,11.682L13.741,10.374L14.676,10.374C15.237,10.374 15.424,10.654 15.424,11.028ZM17.107,11.028C17.107,9.626 16.172,9.065 14.77,9.065L12.152,9.065L12.152,14.953L13.741,14.953L13.741,13.084L14.583,13.084C16.078,12.991 17.107,12.523 17.107,11.028Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M20.472,12.617L19.444,12.617L19.537,12.243C19.724,11.496 19.911,11.122 19.911,10.748C20.005,11.122 20.098,11.495 20.285,12.243L20.472,12.617ZM22.996,14.953L20.846,9.066L19.163,9.066L17.013,14.953L18.789,14.953L19.07,13.925L20.846,13.925L21.22,14.953L22.996,14.953Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M28.417,9.065L26.547,9.065L26.08,10C25.706,10.654 25.519,11.215 25.426,11.495C25.332,11.121 25.052,10.56 24.771,10L24.304,9.065L22.341,9.065L24.584,12.803L24.584,14.953L26.267,14.953L26.267,12.803L28.417,9.065Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M32.624,13.084C32.624,13.458 32.437,13.645 32.063,13.645L30.754,13.645L30.754,12.523L32.063,12.523C32.437,12.523 32.624,12.71 32.624,13.084ZM32.531,10.748C32.531,11.028 32.344,11.215 31.97,11.215L30.754,11.215L30.754,10.28L31.97,10.28C32.437,10.374 32.531,10.561 32.531,10.748ZM34.307,12.991C34.307,12.336 33.933,11.869 33.465,11.682C33.839,11.495 34.213,11.215 34.213,10.561C34.213,9.533 33.559,9.065 32.063,9.065L29.165,9.065L29.165,14.953L32.063,14.953C33.559,14.953 34.307,14.205 34.307,12.991Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M38.233,12.617L37.205,12.617L37.298,12.243C37.579,11.496 37.672,11.122 37.672,10.748C37.766,11.122 37.859,11.495 38.046,12.243L38.233,12.617ZM40.757,14.953L38.607,9.066L36.924,9.066L34.774,14.953L36.55,14.953L36.831,13.925L38.607,13.925L38.981,14.953L40.757,14.953Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M46.272,13.458L44.87,12.71C44.496,13.271 44.309,13.551 43.748,13.551C43,13.551 42.72,12.804 42.72,11.963C42.72,11.028 43,10.374 43.748,10.374C44.309,10.374 44.496,10.748 44.776,11.308L46.272,10.748C45.805,9.626 45.244,8.972 43.842,8.972C42.252,8.972 41.131,10.094 41.131,11.963C41.131,13.738 42.065,14.953 43.842,14.953C45.244,15.047 45.898,14.299 46.272,13.458Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M52.722,14.953L50.665,11.121L52.442,9.065L50.479,9.065L50.011,9.626C49.637,10.093 49.076,10.747 48.796,11.215L48.796,9.719L48.796,9.065L47.113,9.065L47.113,14.953L48.796,14.953L48.796,13.177L49.45,12.43L50.665,14.953L52.722,14.953Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M9.348,9.159C10.096,9.159 10.657,9.72 10.657,10.467C10.657,11.215 10.002,11.776 9.348,11.776C8.6,11.776 7.946,11.215 7.946,10.467C7.946,9.72 8.6,9.159 9.348,9.159ZM9.348,8.785C8.413,8.785 7.572,9.533 7.572,10.561C7.572,11.495 8.32,12.337 9.348,12.337C10.283,12.337 11.124,11.589 11.124,10.561C11.031,9.533 10.283,8.785 9.348,8.785Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M60.2,4.766C61.789,4.766 63.098,6.074 63.098,7.57C63.098,9.159 61.789,10.373 60.2,10.373C58.611,10.373 57.302,9.065 57.302,7.57C57.302,6.074 58.611,4.766 60.2,4.766ZM60.2,4.392C58.424,4.392 56.928,5.794 56.928,7.663C56.928,9.439 58.424,10.934 60.2,10.934C62.07,10.934 63.565,9.532 63.565,7.663C63.472,5.794 61.976,4.392 60.2,4.392Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M67.678,4.766C69.267,4.766 70.576,6.074 70.576,7.57C70.576,9.159 69.267,10.373 67.678,10.373C66.089,10.373 64.78,9.065 64.78,7.57C64.78,6.074 66.089,4.766 67.678,4.766ZM67.678,4.392C65.902,4.392 64.406,5.794 64.406,7.663C64.406,9.439 65.902,10.934 67.678,10.934C69.548,10.934 71.043,9.532 71.043,7.663C71.043,5.794 69.548,4.392 67.678,4.392Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M75.156,4.486C73.381,4.486 71.885,5.888 71.885,7.664C71.885,9.439 73.287,10.841 75.156,10.841C76.933,10.841 78.429,9.439 78.429,7.664C78.429,5.888 76.933,4.486 75.156,4.486Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M75.156,11.776C73.381,11.776 71.885,13.178 71.885,14.954C71.885,16.729 73.287,18.131 75.156,18.131C76.933,18.131 78.429,16.729 78.429,14.954C78.429,13.178 76.933,11.776 75.156,11.776Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M75.156,19.065C73.381,19.065 71.885,20.467 71.885,22.243C71.885,24.018 73.287,25.42 75.156,25.42C76.933,25.42 78.429,24.018 78.429,22.243C78.429,20.467 76.933,19.065 75.156,19.065Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M60.2,12.056C61.789,12.056 63.098,13.364 63.098,14.86C63.098,16.449 61.789,17.663 60.2,17.663C58.611,17.663 57.302,16.355 57.302,14.86C57.302,13.364 58.611,12.056 60.2,12.056ZM60.2,11.682C58.424,11.682 56.928,13.084 56.928,14.953C56.928,16.729 58.424,18.224 60.2,18.224C62.07,18.224 63.565,16.822 63.565,14.953C63.472,13.178 61.976,11.682 60.2,11.682Z' style='fill:rgb(255,254,255);'/%3E %3Cellipse cx='67.678' cy='14.953' rx='3.272' ry='3.177' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M60.2,19.346C61.789,19.346 63.098,20.654 63.098,22.15C63.098,23.739 61.789,24.953 60.2,24.953C58.611,24.953 57.302,23.645 57.302,22.15C57.302,20.654 58.611,19.346 60.2,19.346ZM60.2,18.972C58.424,18.972 56.928,20.374 56.928,22.243C56.928,24.019 58.424,25.514 60.2,25.514C62.07,25.514 63.565,24.112 63.565,22.243C63.472,20.468 61.976,18.972 60.2,18.972Z' style='fill:rgb(255,254,255);'/%3E %3Cpath d='M67.678,19.346C69.267,19.346 70.576,20.654 70.576,22.15C70.576,23.739 69.267,24.953 67.678,24.953C66.089,24.953 64.78,23.645 64.78,22.15C64.78,20.654 66.089,19.346 67.678,19.346ZM67.678,18.972C65.902,18.972 64.406,20.374 64.406,22.243C64.406,24.019 65.902,25.514 67.678,25.514C69.548,25.514 71.043,24.112 71.043,22.243C71.043,20.468 69.548,18.972 67.678,18.972Z' style='fill:rgb(255,254,255);'/%3E %3C/svg%3E"); }

.icon-link--blog {
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='18px' viewBox='0 0 20 18'%3E %3Cg transform='translate(2,0)'%3E %3Cpath d='M6.609,5.96c1.395,0,2.707,0.546,3.69,1.536c0.987,0.992,1.531,2.312,1.531,3.717h2.149 c0-4.082-3.306-7.402-7.371-7.402V5.96z'/%3E %3Cpath d='M6.612,2.15c4.972,0,9.016,4.066,9.016,9.064h2.149C17.777,5.031,12.769,0,6.612,0V2.15z'/%3E %3Cpath d='M4.911,17.779c-1.528,0-2.752-0.461-3.634-1.366C0.031,15.135-0.004,13.471,0,13.188V5.275 C0,4.526,0.606,3.92,1.354,3.92c0.75,0,1.356,0.606,1.356,1.355v7.95c0.002,0.071,0.024,0.562,0.287,1.005 c0.121,0.207,0.495,0.836,1.913,0.836c0.764,0,1.328-0.183,1.682-0.543c0.502-0.518,0.512-1.309,0.512-1.315l-0.004-0.122L7.114,13 c0.008-0.09,0.066-0.935-0.416-1.475c-0.344-0.387-0.948-0.586-1.797-0.592c-0.748-0.005-1.351-0.615-1.345-1.365 c0.005-0.744,0.61-1.345,1.354-1.345h0.01C6.588,8.235,7.878,8.75,8.753,9.756c1.163,1.335,1.104,3.02,1.062,3.487 c-0.007,0.444-0.12,1.977-1.279,3.17C7.653,17.318,6.435,17.779,4.911,17.779'/%3E %3C/g%3E %3C/svg%3E"); }

.meta-navigation {
  display: block;
  background-color: white; }
  .meta-navigation:first-child {
    background-color: #FFF100; }

.meta-navigation__list {
  display: block;
  min-width: 280px;
  max-width: 1160px;
  padding:  30px 0 20px 0;
  margin:  0 20px 0 20px; }
  @media screen and (min-width: 1000px) {
    .meta-navigation__list {
      padding:  48px 0 32px 0; } }
  @media screen and (min-width: 1200px) {
    .meta-navigation__list {
      margin-left: auto;
      margin-right: auto; } }

.meta-navigation__item {
  padding:  0 10px;
  display: inline-block;
  list-style-type: none; }
  .meta-navigation__item:last-of-type {
    display: block;
    padding-top: getszize("xs", "md"); }
  @media screen and (min-width: 720px) {
    .meta-navigation__item:first-of-type {
      padding-left: 0; }
    .meta-navigation__item:last-of-type {
      clear: none;
      padding-right: 0;
      float: right; } }
  @media screen and (min-width: 1000px) {
    .meta-navigation__item {
      padding:  0 16px; } }

/* critical:start */
#v-root[v-cloak] {
  cursor: progress;
  height: 160px;
  overflow: hidden;
  position: relative; }
  #v-root[v-cloak]::before, #v-root[v-cloak]::after {
    content: '';
    position: absolute;
    z-index: 2147483647; }
  #v-root[v-cloak]::before {
    background-color: white;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%; }
  #v-root[v-cloak]::after {
    display: block;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2147483647;
    border: solid #5B5B5B 6px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border-right-color: transparent;
    -webkit-animation: spin 0.7s linear infinite, spinner-in 0.5s forwards;
            animation: spin 0.7s linear infinite, spinner-in 0.5s forwards; }
    @media screen and (min-width: 720px) {
      #v-root[v-cloak]::after {
        -webkit-animation-duration: 1.2s, 0.5s;
                animation-duration: 1.2s, 0.5s; } }

/* critical:end */
.component-fade-enter-active, .component-fade-leave-active {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  overflow: hidden; }

.component-fade-enter, .component-fade-leave-to {
  opacity: 0 !important;
  max-height: 0 !important;
  margin-bottom: 0 !important; }


/*# sourceMappingURL=base.css.map*/