/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: "vfde-icons";
  src: url(../fonts/vfde-icons.eot);
  src: url(../fonts/vfde-icons.eot?#iefix) format("eot"), url(../fonts/vfde-icons.woff2) format("woff2"), url(../fonts/vfde-icons.woff) format("woff"), url(../fonts/vfde-icons.ttf) format("truetype"), url(../fonts/vfde-icons.svg#vfde-icons) format("svg");
}
.vf-icon:before,
.icon--before--phone:before,
.icon--before--mail:before,
.icon--before--fax:before,
.voucher-code:before {
  font-family: "vfde-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}
.vf-icon-VF_calculator_rgb:before {
  content: "\EB8F";
}
.vf-icon-alert:before {
  content: "\EA8D";
}
.vf-icon-arrow-down-left:before {
  content: "\EA93";
}
.vf-icon-arrow-down-right:before {
  content: "\EA94";
}
.vf-icon-arrow-down:before {
  content: "\EA95";
}
.vf-icon-arrow-left:before {
  content: "\EA96";
}
.vf-icon-arrow-right:before,
.VF_Icon_Arrow_Right_RGB:before {
  content: "\EA01";
}
.vf-icon-arrow-up-left:before {
  content: "\EA97";
}
.vf-icon-arrow-up-right:before {
  content: "\EA98";
}
.vf-icon-arrow-up:before {
  content: "\EA99";
}
.vf-icon-arrow:before {
  content: "\EA03";
}
.vf-icon-balance:before {
  content: "\EA9A";
}
.vf-icon-benefit:before {
  content: "\EB86";
}
.vf-icon-bike_rgb:before {
  content: "\EB87";
}
.vf-icon-biofuel:before,
.VF_Icon_Biofuel_RGB:before {
  content: "\EA04";
}
.vf-icon-books_magazines_rgb:before {
  content: "\EB88";
}
.vf-icon-calendar:before {
  content: "\EA05";
}
.vf-icon-cashback:before,
.icon-cashback:before {
  content: "\EA06";
}
.vf-icon-chat:before {
  content: "\EA9B";
}
.vf-icon-check-list:before {
  content: "\EB96";
}
.vf-icon-check-top-left:before {
  content: "\EA07";
}
.vf-icon-check:before,
.VF_Icon_Check_RGB_center:before {
  content: "\EA08";
}
.vf-icon-clock-left:before {
  content: "\EA09";
}
.vf-icon-clock:before,
.VF_Icon_Clock_RGB:before {
  content: "\EA0A";
}
.vf-icon-close-big:before {
  content: "\EA0B";
}
.vf-icon-close-bold:before {
  content: "\EB94";
}
.vf-icon-close-white:before {
  content: "\EA0C";
}
.vf-icon-close:before,
.VF_Icon_Close_RGB:before {
  content: "\EB95";
}
.vf-icon-cold:before {
  content: "\EA9C";
}
.vf-icon-combined-heat-and-power:before,
.VF_Icon_Combined_Heat_And_Power_RGB:before {
  content: "\EA0E";
}
.vf-icon-currency:before,
.VF_Icon_Currency_RGB:before {
  content: "\EA0F";
}
.vf-icon-distribution:before,
.VF_Icon_Distribution_RGB:before {
  content: "\EA10";
}
.vf-icon-document:before {
  content: "\EA9D";
}
.vf-icon-dont:before {
  content: "\EA9E";
}
.vf-icon-door-exit:before {
  content: "\EB8E";
}
.vf-icon-down:before {
  content: "\EA9F";
}
.vf-icon-download:before {
  content: "\EAA0";
}
.vf-icon-drilldown:before {
  content: "\EB97";
}
.vf-icon-droplet:before {
  content: "\EA11";
}
.vf-icon-economize_rgb:before {
  content: "\EB89";
}
.vf-icon-edit-small:before {
  content: "\EA92";
}
.vf-icon-edit:before {
  content: "\EAA1";
}
.vf-icon-electricity:before,
.VF_Icon_Electricity_RGB:before {
  content: "\EA12";
}
.vf-icon-elipsis:before {
  content: "\EAA2";
}
.vf-icon-email:before {
  content: "\EA13";
}
.vf-icon-end-user:before {
  content: "\EAA3";
}
.vf-icon-energy-mix:before {
  content: "\EAA4";
}
.vf-icon-facebook:before,
.facebook:before {
  content: "\EA14";
}
.vf-icon-faq:before {
  content: "\EAA5";
}
.vf-icon-favourite:before,
.VF_Icon_Favourite_RGB:before {
  content: "\EA15";
}
.vf-icon-fax:before {
  content: "\EA16";
}
.vf-icon-freikarten:before,
.icon-freikarten:before {
  content: "\EA17";
}
.vf-icon-freunde:before {
  content: "\EA18";
}
.vf-icon-freundewerben-filled:before {
  content: "\EA19";
}
.vf-icon-gas:before,
.VF_Icon_Gas_RGB:before {
  content: "\EA1A";
}
.vf-icon-gewinne:before,
.icon-gewinne:before {
  content: "\EA1B";
}
.vf-icon-globe:before,
.VF_Icon_Globe_RGB:before {
  content: "\EAA6";
}
.vf-icon-globe2:before {
  content: "\EB90";
}
.vf-icon-good-deal:before,
.VF_Icon_Good_Deal_RGB:before {
  content: "\EA1C";
}
.vf-icon-google-plus:before {
  content: "\EA1D";
}
.vf-icon-gutscheinwelt:before {
  content: "\EA1E";
}
.vf-icon-handelshauser:before {
  content: "\EA1F";
}
.vf-icon-headset:before {
  content: "\EB92";
}
.vf-icon-heart:before {
  content: "\EAA7";
}
.vf-icon-heating:before,
.VF_Icon_Heating_RGB:before {
  content: "\EA20";
}
.vf-icon-help:before,
.VF_Icon_Help_RGB:before {
  content: "\EA21";
}
.vf-icon-home:before {
  content: "\EA22";
}
.vf-icon-hot:before {
  content: "\EAA8";
}
.vf-icon-house-user:before,
.VF_Icon_House_RGB:before {
  content: "\EA23";
}
.vf-icon-house:before {
  content: "\EA8F";
}
.vf-icon-information:before,
.VF_Icon_Information_RGB:before {
  content: "\EA24";
}
.vf-icon-invoice:before {
  content: "\EAA9";
}
.vf-icon-kontouebersicht:before {
  content: "\EA25";
}
.vf-icon-kundenbeirat:before {
  content: "\EA26";
}
.vf-icon-left:before {
  content: "\EAAA";
}
.vf-icon-less-info:before,
.VF_Icon_Less_info_RGB:before {
  content: "\EA27";
}
.vf-icon-light-bulb:before,
.VF_Icon_Light_Bulb_RGB:before {
  content: "\EA28";
}
.vf-icon-linkedin:before,
.linkedin:before {
  content: "\EA29";
}
.vf-icon-loading-animation:before {
  content: "\EA2A";
}
.vf-icon-loading-indicator:before {
  content: "\EB85";
}
.vf-icon-locked-white:before {
  content: "\EA2B";
}
.vf-icon-locked:before,
.VF_Icon_Locked_RGB:before,
.VF_Icon_Locked_RGB:before {
  content: "\EA2C";
}
.vf-icon-mail:before,
.VF_Icon_Mail_RGB:before {
  content: "\EA2D";
}
.vf-icon-meinvertrag:before {
  content: "\EA2E";
}
.vf-icon-menu-light:before {
  content: "\EA90";
}
.vf-icon-menu:before {
  content: "\EA2F";
}
.vf-icon-meter:before {
  content: "\EAAB";
}
.vf-icon-mobility_rgb:before {
  content: "\EB8A";
}
.vf-icon-more-info:before {
  content: "\EAAC";
}
.vf-icon-movie_music_theatre_rgb:before {
  content: "\EB8B";
}
.vf-icon-nb_alarm_rgb:before {
  content: "\EB0A";
}
.vf-icon-nb_alert_rgb:before {
  content: "\EB0B";
}
.vf-icon-nb_arrow_down_left_rgb:before {
  content: "\EB0C";
}
.vf-icon-nb_arrow_down_rgb:before {
  content: "\EB0D";
}
.vf-icon-nb_arrow_down_right_rgb:before {
  content: "\EB0E";
}
.vf-icon-nb_arrow_left_rgb:before {
  content: "\EB0F";
}
.vf-icon-nb_arrow_right_rgb:before {
  content: "\EB10";
}
.vf-icon-nb_arrow_up_left_rgb:before {
  content: "\EB11";
}
.vf-icon-nb_arrow_up_rgb:before {
  content: "\EB12";
}
.vf-icon-nb_arrow_up_right_rgb:before {
  content: "\EB13";
}
.vf-icon-nb_battery_rgb:before {
  content: "\EB14";
}
.vf-icon-nb_callback_rgb:before {
  content: "\EB15";
}
.vf-icon-nb_camera_rgb:before {
  content: "\EB16";
}
.vf-icon-nb_chat_rgb:before {
  content: "\EB17";
}
.vf-icon-nb_check_rgb:before {
  content: "\EB18";
}
.vf-icon-nb_city_rgb:before {
  content: "\EB19";
}
.vf-icon-nb_clock_rgb:before {
  content: "\EB1A";
}
.vf-icon-nb_close_rgb:before {
  content: "\EB1B";
}
.vf-icon-nb_cloudy_rgb:before {
  content: "\EB1C";
}
.vf-icon-nb_console_rgb:before {
  content: "\EB1D";
}
.vf-icon-nb_corporate_rgb:before {
  content: "\EB1E";
}
.vf-icon-nb_cottage_rgb:before {
  content: "\EB1F";
}
.vf-icon-nb_desklamp_rgb:before {
  content: "\EB20";
}
.vf-icon-nb_dishwasher_rgb:before {
  content: "\EB21";
}
.vf-icon-nb_door_closed_rgb:before {
  content: "\EB22";
}
.vf-icon-nb_door_open_rgb:before {
  content: "\EB23";
}
.vf-icon-nb_down_rgb:before {
  content: "\EB25";
}
.vf-icon-nb_download_rgb:before {
  content: "\EB24";
}
.vf-icon-nb_dropbox_rgb:before {
  content: "\EB26";
}
.vf-icon-nb_dryer_rgb:before {
  content: "\EB27";
}
.vf-icon-nb_edit_rgb:before {
  content: "\EB28";
}
.vf-icon-nb_electricity_rgb:before {
  content: "\EB82";
}
.vf-icon-nb_electronic_payment_euro_rgb:before {
  content: "\EB29";
}
.vf-icon-nb_elipsis_rgb:before {
  content: "\EB2A";
}
.vf-icon-nb_energy_mix_rgb:before {
  content: "\EB2B";
}
.vf-icon-nb_facebook_rgb:before {
  content: "\EB2C";
}
.vf-icon-nb_favourite_rgb:before {
  content: "\EB2D";
}
.vf-icon-nb_flickr_rgb:before {
  content: "\EB2E";
}
.vf-icon-nb_fridge_freezer_rgb:before {
  content: "\EB2F";
}
.vf-icon-nb_gas_rgb:before {
  content: "\EB83";
}
.vf-icon-nb_google_plus_rgb:before {
  content: "\EB30";
}
.vf-icon-nb_heart_rgb:before {
  content: "\EB31";
}
.vf-icon-nb_heat_pump_rgb:before {
  content: "\EB33";
}
.vf-icon-nb_heating_rgb:before {
  content: "\EB32";
}
.vf-icon-nb_help_rgb:before {
  content: "\EB34";
}
.vf-icon-nb_home_rgb:before {
  content: "\EB35";
}
.vf-icon-nb_hydro_rgb:before {
  content: "\EB36";
}
.vf-icon-nb_ice_rgb:before {
  content: "\EB37";
}
.vf-icon-nb_information_rgb:before {
  content: "\EB38";
}
.vf-icon-nb_instagram_rgb:before {
  content: "\EB39";
}
.vf-icon-nb_kettle_rgb:before {
  content: "\EB3A";
}
.vf-icon-nb_laptop_rgb:before {
  content: "\EB3B";
}
.vf-icon-nb_left_rgb:before {
  content: "\EB3C";
}
.vf-icon-nb_less_info_rgb:before {
  content: "\EB3D";
}
.vf-icon-nb_light_switch_rgb:before {
  content: "\EB40";
}
.vf-icon-nb_lightbulb_rgb:before {
  content: "\EB3E";
}
.vf-icon-nb_lightbulb_step_5_rgb:before {
  content: "\EB3F";
}
.vf-icon-nb_linkedin_rgb:before {
  content: "\EB41";
}
.vf-icon-nb_locked_rgb:before {
  content: "\EB42";
}
.vf-icon-nb_mail_rgb:before {
  content: "\EB43";
}
.vf-icon-nb_menu_rgb:before {
  content: "\EB44";
}
.vf-icon-nb_microwave_rgb:before {
  content: "\EB45";
}
.vf-icon-nb_moon_rgb:before {
  content: "\EB46";
}
.vf-icon-nb_more_rgb:before {
  content: "\EB47";
}
.vf-icon-nb_move_with_existing_contract_rgb:before {
  content: "\EB48";
}
.vf-icon-nb_move_with_new_contract_rgb:before {
  content: "\EB49";
}
.vf-icon-nb_nighttime_electricity_metering_rgb:before {
  content: "\EB4A";
}
.vf-icon-nb_off_rgb:before {
  content: "\EB4B";
}
.vf-icon-nb_open_new_window_rgb:before {
  content: "\EB4C";
}
.vf-icon-nb_partners_rgb:before {
  content: "\EB4D";
}
.vf-icon-nb_pause_rgb:before {
  content: "\EB4E";
}
.vf-icon-nb_phone_charging_rgb:before {
  content: "\EB4F";
}
.vf-icon-nb_phone_rgb:before {
  content: "\EB50";
}
.vf-icon-nb_pin_rgb:before {
  content: "\EB52";
}
.vf-icon-nb_pinterest_rgb:before {
  content: "\EB51";
}
.vf-icon-nb_play_rgb:before {
  content: "\EB53";
}
.vf-icon-nb_print_rgb:before {
  content: "\EB54";
}
.vf-icon-nb_private_charging_rgb:before {
  content: "\EB55";
}
.vf-icon-nb_private_end_user_rgb:before {
  content: "\EB84";
}
.vf-icon-nb_radiator_rgb:before {
  content: "\EB56";
}
.vf-icon-nb_rain_rgb:before {
  content: "\EB57";
}
.vf-icon-nb_right_rgb:before {
  content: "\EB58";
}
.vf-icon-nb_router_rgb:before {
  content: "\EB59";
}
.vf-icon-nb_rss_rgb:before {
  content: "\EB5A";
}
.vf-icon-nb_search_rgb:before {
  content: "\EB5B";
}
.vf-icon-nb_settings_rgb:before {
  content: "\EB5C";
}
.vf-icon-nb_share_rgb:before {
  content: "\EB5D";
}
.vf-icon-nb_shop_rgb:before {
  content: "\EB5E";
}
.vf-icon-nb_skype_rgb:before {
  content: "\EB5F";
}
.vf-icon-nb_slideshare_rgb:before {
  content: "\EB60";
}
.vf-icon-nb_smart_plug_rgb:before {
  content: "\EB62";
}
.vf-icon-nb_smartphone_text_rgb:before {
  content: "\EB61";
}
.vf-icon-nb_smoke_alarm_rgb:before {
  content: "\EB63";
}
.vf-icon-nb_snapchat_rgb:before {
  content: "\EB64";
}
.vf-icon-nb_snow_rgb:before {
  content: "\EB65";
}
.vf-icon-nb_solar_power_rgb:before {
  content: "\EB66";
}
.vf-icon-nb_sun_rgb:before {
  content: "\EB67";
}
.vf-icon-nb_support_rgb:before {
  content: "\EB68";
}
.vf-icon-nb_table_lamp_2_rgb:before {
  content: "\EB69";
}
.vf-icon-nb_table_lamp_rgb:before {
  content: "\EB6A";
}
.vf-icon-nb_tag_rgb:before {
  content: "\EB6B";
}
.vf-icon-nb_thunder_rgb:before {
  content: "\EB6C";
}
.vf-icon-nb_tv_remote_rgb:before {
  content: "\EB6D";
}
.vf-icon-nb_twitter_rgb:before {
  content: "\EB6E";
}
.vf-icon-nb_unlocked_rgb:before {
  content: "\EB6F";
}
.vf-icon-nb_up_rgb:before {
  content: "\EB70";
}
.vf-icon-nb_user_rgb:before {
  content: "\EB71";
}
.vf-icon-nb_ventilator_rgb:before {
  content: "\EB72";
}
.vf-icon-nb_vimeo_rgb:before {
  content: "\EB73";
}
.vf-icon-nb_washing_machine_rgb:before {
  content: "\EB74";
}
.vf-icon-nb_window_blinds_rgb:before {
  content: "\EB75";
}
.vf-icon-nb_window_closed_rgb:before {
  content: "\EB76";
}
.vf-icon-nb_window_open_rgb:before {
  content: "\EB77";
}
.vf-icon-nb_window_rgb:before {
  content: "\EB78";
}
.vf-icon-nb_xing_rgb:before {
  content: "\EB79";
}
.vf-icon-nb_youtube_rgb:before {
  content: "\EB7A";
}
.vf-icon-nb_zoom_in_rgb:before {
  content: "\EB7B";
}
.vf-icon-nb_zoom_out_rgb:before {
  content: "\EB7C";
}
.vf-icon-newsletter:before,
.icon-newsletter:before {
  content: "\EA30";
}
.vf-icon-off:before {
  content: "\EAAD";
}
.vf-icon-open-new-window:before {
  content: "\EAAE";
}
.vf-icon-pause:before {
  content: "\EAAF";
}
.vf-icon-pdf:before {
  content: "\EAB0";
}
.vf-icon-phone-filled:before {
  content: "\EA31";
}
.vf-icon-phone:before,
.VF_Icon_Phone_RGB:before {
  content: "\EA32";
}
.vf-icon-pin:before,
.VF_Icon_Pin_RGB:before {
  content: "\EA33";
}
.vf-icon-play-circle:before {
  content: "\EA34";
}
.vf-icon-play-white:before {
  content: "\EA35";
}
.vf-icon-play:before,
.VF_Icon_Play_RGB:before {
  content: "\EA36";
}
.vf-icon-power-grid:before,
.VF_Icon_Power_Grid_RGB:before {
  content: "\EA37";
}
.vf-icon-power-plant:before,
.VF_Icon_Power_Plant_RGB:before {
  content: "\EA38";
}
.vf-icon-present_rgb:before {
  content: "\EB8C";
}
.vf-icon-print:before,
.VF_Icon_Print_RGB:before {
  content: "\EA39";
}
.vf-icon-question-mark:before {
  content: "\EA3A";
}
.vf-icon-rabatte:before,
.icon-rabatte:before {
  content: "\EA3B";
}
.vf-icon-recycling:before {
  content: "\EAB1";
}
.vf-icon-right:before {
  content: "\EAB2";
}
.vf-icon-rss:before {
  content: "\EAB3";
}
.vf-icon-scissors:before {
  content: "\EA3C";
}
.vf-icon-scooter_2_rgb:before {
  content: "\EB8D";
}
.vf-icon-search-glass:before {
  content: "\EA3D";
}
.vf-icon-search-nd-big:before {
  content: "\EA3E";
}
.vf-icon-search-nd:before {
  content: "\EA3F";
}
.vf-icon-search:before {
  content: "\EA40";
}
.vf-icon-settings:before {
  content: "\EAB4";
}
.vf-icon-share:before {
  content: "\EAB5";
}
.vf-icon-shop:before,
.VF_Icon_Shop_RGB:before {
  content: "\EA41";
}
.vf-icon-smarthome:before,
.VF_Icon_Smart_Home_RGB:before {
  content: "\EA42";
}
.vf-icon-smartphone:before {
  content: "\EB93";
}
.vf-icon-tag:before,
.VF_Icon_Tag_RGB:before {
  content: "\EA44";
}
.vf-icon-tink-invert:before {
  content: "\EA56";
}
.vf-icon-tink:before {
  content: "\EA55";
}
.vf-icon-truck:before {
  content: "\EA46";
}
.vf-icon-twitter:before,
.twitter:before {
  content: "\EA47";
}
.vf-icon-unlocked-white:before {
  content: "\EA49";
}
.vf-icon-unlocked:before,
.VF_Icon_Unlocked_RGB:before {
  content: "\EA4A";
}
.vf-icon-up:before {
  content: "\EA91";
}
.vf-icon-user-filled:before {
  content: "\EA4B";
}
.vf-icon-user-white:before {
  content: "\EA4C";
}
.vf-icon-user:before,
.VF_Icon_User_RGB:before {
  content: "\EA4D";
}
.vf-icon-verbrauchsuebersicht:before {
  content: "\EA4E";
}
.vf-icon-wait-animation:before {
  content: "\EA4F";
}
.vf-icon-whatsapp:before,
.whatsapp:before {
  content: "\EA50";
}
.vf-icon-wind:before,
.VF_Icon_Wind_RGB:before {
  content: "\EA51";
}
.vf-icon-window-blinds:before {
  content: "\EA52";
}
.vf-icon-youtube:before,
.youtube:before {
  content: "\EA53";
}
.vf-icon-zaehlerstand:before {
  content: "\EA54";
}
.vf-icon-zoom-in:before {
  content: "\EAB6";
}
.vf-icon-zoom-out:before {
  content: "\EAB7";
}
/*************************************************************************

COLOR TOKENS
- Main file which imports all token variables
- Any change of these tokens requires UX/UI approval

**************************************************************************/
/*************************************************************************

PRIMITIVES
- These are the foundation-level tokens that define a consistent color palette
- Only for assignment to semantic color tokens
- Any change of these tokens requires UX/UI approval

*************************************************************************/
/********************************************************************

COLORS - DEPRECATED
- Do not use anymore
- Replace successively any occurency with contextual color tokens

********************************************************************/
/********************************************************************

Semantics: text color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: icon color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: background color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: border color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: divider color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/*************************************************************************

Semantics: color tokens for interactive elements

01. Focus state border
02. Link (Inline Link & Standalone Link)
03. Link Footer
04. Button: Primary
05. Button: Secondary
06. Button: Tertiary
07. Button: Icon
08. Button: Select
09. Button: Filter
10. Button: Control
11. Button: Main Navigation Level-1
12. Button: Sub Navigation Level-1
13. Button: Sub Navigation Level-2

**************************************************************************/
/********************************************************************

Semantics: overlay color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

COLOR CLASSES
- Based on semantic color tokens - please make sure to use same namings
- Only add new classes if it's really needed and they are used somewhere. Using color tokens in less files should be always preferred way.

********************************************************************/
.color--background-solar-yellow {
  background: #ffda00;
}
.color--background-ocean-blue {
  background: #2071b5;
}
.color--background-aura-white {
  background: #ffffff;
}
.color--background-light-yellow {
  background: #fffee5;
}
.color--background-light-green {
  background: #edf9f3;
}
.color--background-light-blue-alt {
  background: #ebf2f3;
}
.color--background-light-blue {
  background: #edf1f6;
}
.color--background-light-red {
  background: #fef0ea;
}
.color--background-light-grey {
  background: #f2f2f2;
}
.color--text-default {
  color: #000000;
}
.color--text-default-inverted {
  color: #ffffff;
}
.color--text-error {
  color: #b60000;
}
.color--border-default {
  border-color: #000000;
}
.color--border-error {
  border-color: #b60000;
}
.color--icon-default {
  color: #000000;
}
.color--icon-default-inverted {
  color: #ffffff;
}
.color--interactive-text-link-primary-default {
  color: #164f7f;
}
/********************************************************************

Shadow tokens
1.) text-shadow: Adds shadow to text only; no spread radius supported.
2.) box-shadow: Adds shadow to the element's box; supports spread radius for shadow size.

Any change of these tokens requires UX/UI approval.

********************************************************************/
@font-face {
  font-family: "VattenfallHall-Regular";
  src: url(../fonts/VattenfallHall-Regular.woff2) format("woff2"), url(../fonts/VattenfallHall-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHall-Medium";
  src: url(../fonts/VattenfallHall-Medium.woff2) format("woff2"), url(../fonts/VattenfallHall-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHall-Bold";
  src: url(../fonts/VattenfallHall-Bold.woff2) format("woff2"), url(../fonts/VattenfallHall-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHallDisplay-Bold";
  src: url(../fonts/VattenfallHallDisplay-Bold.woff2) format("woff2"), url(../fonts/VattenfallHallDisplay-Bold.woff) format("woff");
  font-display: swap;
}
/*
Mixins for Material Design Shadows

@z-depth: shadow distance on z-axis
@strength: multiplier for shadow strength/darkness

Usage Examples:
Depth of 3: .material-shadow(3)
Depth of 3 with increased strengh: .material-shadow(3,2)
*/
/*
Custom Shadow Variants
*/
.boxshadow--light {
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.clearfix-list > li::after {
  content: " ";
  display: block;
  clear: both;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style-position: inside;
}
p:before,
p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
p:after {
  clear: both;
}
p:before,
p:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
p:after {
  clear: both;
}
fieldset {
  border: none;
}
.header {
  display: block;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html body.page__body .font--heading-xl {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 3.6rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  html body.page__body .font--heading-xl {
    font-size: 4.8rem;
  }
}
@media (min-width: 992px) {
  html body.page__body .font--heading-xl {
    font-size: 6.4rem;
  }
}
html body.page__body .font--heading-l {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  html body.page__body .font--heading-l {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
  }
}
@media (min-width: 992px) {
  html body.page__body .font--heading-l {
    font-size: 4.8rem;
  }
}
html body.page__body .font--heading-m {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  html body.page__body .font--heading-m {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  html body.page__body .font--heading-m {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.2rem;
  }
}
html body.page__body .font--heading-s {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.2rem;
  line-height: 1.25;
  margin-bottom: 1.6rem;
}
@media (min-width: 992px) {
  html body.page__body .font--heading-s {
    font-size: 2.4rem;
  }
}
.font--heading-xl {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 3.6rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .font--heading-xl {
    font-size: 4.8rem;
  }
}
@media (min-width: 992px) {
  .font--heading-xl {
    font-size: 6.4rem;
  }
}
.font--heading-l {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .font--heading-l {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
  }
}
@media (min-width: 992px) {
  .font--heading-l {
    font-size: 4.8rem;
  }
}
.font--heading-m {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .font--heading-m {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .font--heading-m {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.2rem;
  }
}
.font--heading-s {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.2rem;
  line-height: 1.25;
  margin-bottom: 1.6rem;
}
@media (min-width: 992px) {
  .font--heading-s {
    font-size: 2.4rem;
  }
}
html {
  -ms-overflow-style: scrollbar;
}
img {
  width: 100%;
  display: block;
}
.module {
  margin-bottom: 16px;
}
.module:before,
.module:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.module:after {
  clear: both;
}
.module:before,
.module:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.module:after {
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre,
.margin-bottom {
  margin-bottom: 1.71428571rem;
}
.richtext h1:before,
.richtext h2:before,
.richtext h3:before,
.richtext h4:before,
.richtext h1:after,
.richtext h2:after,
.richtext h3:after,
.richtext h4:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.richtext h1:after,
.richtext h2:after,
.richtext h3:after,
.richtext h4:after {
  clear: both;
}
.richtext h1:before,
.richtext h2:before,
.richtext h3:before,
.richtext h4:before,
.richtext h1:after,
.richtext h2:after,
.richtext h3:after,
.richtext h4:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.richtext h1:after,
.richtext h2:after,
.richtext h3:after,
.richtext h4:after {
  clear: both;
}
h1,
.h1 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 30px;
  line-height: 3rem;
  margin-bottom: 16px;
}
h2,
.h2 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 12px;
}
.h2--large-inline {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 64px;
  line-height: 6.4rem;
  display: inline-block;
  margin: 0;
}
h3,
.h3 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  margin-bottom: 8px;
}
p {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  p {
    font-size: 1.8rem;
  }
}
h1.headline,
h2.h1.headline {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 50.4px;
  line-height: 5.04rem;
}
h2 > span.h1 {
  display: block;
}
strong {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
html.no-js .nojs-shown {
  display: block;
}
.nojs-shown {
  display: none;
}
html.no-js .nojs--hidden {
  display: none;
}
.element--inline-table {
  display: inline-table !important;
}
@media (min-width: 480px) {
  .flex-xs-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 768px) {
  .flex-sm-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  .flex-md-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .flex-lg-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-wrap:before,
.flex-wrap:after {
  content: normal !important;
}
.width-100 {
  width: 100% !important;
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.no-clearfix > p:after {
  clear: none;
}
/* Set current breakpoint (read via JS)  */
body:before {
  display: none;
  content: "XXS";
}
@media (min-width: 480px) {
  body:before {
    content: "XS";
  }
}
@media (min-width: 768px) {
  body:before {
    content: "SM";
  }
}
@media (min-width: 992px) {
  body:before {
    content: "MD";
  }
}
@media (min-width: 1200px) {
  body:before {
    content: "LG";
  }
}
/* Ordering (0 = default)  */
@media (max-width: 767px) {
  .order-0--phone {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .order-0--tablet {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (max-width: 767px) {
  .order-1--phone {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .order-1--tablet {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 767px) {
  .order-2--phone {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .order-2--tablet {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 767px) {
  .order-3--phone {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .order-3--tablet {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@-webkit-keyframes bounceLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(-8px, 0);
            transform: translate(-8px, 0);
  }
  40% {
    -webkit-transform: translate(6px, 0);
            transform: translate(6px, 0);
  }
  60% {
    -webkit-transform: translate(-3px, 0);
            transform: translate(-3px, 0);
  }
  80% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes bounceLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(-8px, 0);
            transform: translate(-8px, 0);
  }
  40% {
    -webkit-transform: translate(6px, 0);
            transform: translate(6px, 0);
  }
  60% {
    -webkit-transform: translate(-3px, 0);
            transform: translate(-3px, 0);
  }
  80% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes bounceRight {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(8px, 0);
            transform: translate(8px, 0);
  }
  40% {
    -webkit-transform: translate(-6px, 0);
            transform: translate(-6px, 0);
  }
  60% {
    -webkit-transform: translate(3px, 0);
            transform: translate(3px, 0);
  }
  80% {
    -webkit-transform: translate(-2px, 0);
            transform: translate(-2px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes bounceRight {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(8px, 0);
            transform: translate(8px, 0);
  }
  40% {
    -webkit-transform: translate(-6px, 0);
            transform: translate(-6px, 0);
  }
  60% {
    -webkit-transform: translate(3px, 0);
            transform: translate(3px, 0);
  }
  80% {
    -webkit-transform: translate(-2px, 0);
            transform: translate(-2px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    pointer-events: auto;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    pointer-events: auto;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes dotsCircle {
  0%,
  100% {
    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
            box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
            box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
            box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes dotsCircle {
  0%,
  100% {
    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
            box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
            box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
            box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
html {
  height: 100%;
  background: #ffffff;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  height: 100%;
  min-width: 320px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-shadow: 0 0 1px rgba(128, 128, 128, 0.01);
}
.page__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
}
.page__header,
.page__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page__header {
  display: block;
}
@media (max-width: 1180px) {
  .page__header {
    text-align: center;
  }
}
.page__navigation {
  display: block;
}
@media (max-width: 992px) {
  .page__navigation .container {
    padding-left: 8px;
    padding-right: 8px;
    width: inherit;
  }
}
.page__main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page__footer {
  display: block;
  background: #ffffff;
  padding: 0 0 4rem;
}
@media (min-width: 992px) {
  .page__footer {
    padding: 0 0 2.4rem;
  }
}
.page__footer .container {
  padding: 0 1.6rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .page__footer .container {
    width: unset;
  }
}
.page__footer .headline {
  color: #000000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: 700;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.page__footer .toggleHandle.is-active .vf-icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  top: -0.4rem;
}
.page__footer .toggleHandle .vf-icon {
  right: 0;
  top: 0;
  left: unset;
  font-size: 2.9rem;
  width: unset;
  height: unset;
}
@media (min-width: 992px) {
  .page__footer .toggleHandle .vf-icon {
    display: none;
  }
}
.page--prime .breadcrumb {
  font-weight: bold;
  text-align: center;
  padding-top: 1.6rem;
  padding-bottom: 0.2rem;
}
.page--prime .breadcrumb a {
  color: #164f7f;
  text-decoration: none;
}
.page--prime .breadcrumb a:hover {
  text-decoration: underline;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb11 {
  margin-bottom: 11px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb13 {
  margin-bottom: 13px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb17 {
  margin-bottom: 17px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.mb19 {
  margin-bottom: 19px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb21 {
  margin-bottom: 21px !important;
}
.mb22 {
  margin-bottom: 22px !important;
}
.mb23 {
  margin-bottom: 23px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb26 {
  margin-bottom: 26px !important;
}
.mb27 {
  margin-bottom: 27px !important;
}
.mb28 {
  margin-bottom: 28px !important;
}
.mb29 {
  margin-bottom: 29px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb31 {
  margin-bottom: 31px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.mb33 {
  margin-bottom: 33px !important;
}
.mb34 {
  margin-bottom: 34px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb36 {
  margin-bottom: 36px !important;
}
.mb37 {
  margin-bottom: 37px !important;
}
.mb38 {
  margin-bottom: 38px !important;
}
.mb39 {
  margin-bottom: 39px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt11 {
  margin-top: 11px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mt13 {
  margin-top: 13px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt17 {
  margin-top: 17px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt19 {
  margin-top: 19px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt21 {
  margin-top: 21px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.mt23 {
  margin-top: 23px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt26 {
  margin-top: 26px !important;
}
.mt27 {
  margin-top: 27px !important;
}
.mt28 {
  margin-top: 28px !important;
}
.mt29 {
  margin-top: 29px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt31 {
  margin-top: 31px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.mt33 {
  margin-top: 33px !important;
}
.mt34 {
  margin-top: 34px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt36 {
  margin-top: 36px !important;
}
.mt37 {
  margin-top: 37px !important;
}
.mt38 {
  margin-top: 38px !important;
}
.mt39 {
  margin-top: 39px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml11 {
  margin-left: 11px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml13 {
  margin-left: 13px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.ml17 {
  margin-left: 17px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.ml19 {
  margin-left: 19px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr11 {
  margin-right: 11px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.mr13 {
  margin-right: 13px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.mr17 {
  margin-right: 17px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.mr19 {
  margin-right: 19px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.pb14 {
  padding-bottom: 14px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pb18 {
  padding-bottom: 18px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb22 {
  padding-bottom: 22px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.pb26 {
  padding-bottom: 26px !important;
}
.pb28 {
  padding-bottom: 28px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.pb34 {
  padding-bottom: 34px !important;
}
.pb36 {
  padding-bottom: 36px !important;
}
.pb38 {
  padding-bottom: 38px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pt18 {
  padding-top: 18px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt22 {
  padding-top: 22px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pt26 {
  padding-top: 26px !important;
}
.pt28 {
  padding-top: 28px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.pt34 {
  padding-top: 34px !important;
}
.pt36 {
  padding-top: 36px !important;
}
.pt38 {
  padding-top: 38px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.pl18 {
  padding-left: 18px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl22 {
  padding-left: 22px !important;
}
.pl24 {
  padding-left: 24px !important;
}
.pl26 {
  padding-left: 26px !important;
}
.pl28 {
  padding-left: 28px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl32 {
  padding-left: 32px !important;
}
.pl34 {
  padding-left: 34px !important;
}
.pl36 {
  padding-left: 36px !important;
}
.pl38 {
  padding-left: 38px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr22 {
  padding-right: 22px !important;
}
.pr24 {
  padding-right: 24px !important;
}
.pr26 {
  padding-right: 26px !important;
}
.pr28 {
  padding-right: 28px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr32 {
  padding-right: 32px !important;
}
.pr34 {
  padding-right: 34px !important;
}
.pr36 {
  padding-right: 36px !important;
}
.pr38 {
  padding-right: 38px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.padding--reset {
  padding: 0 !important;
}
.padding--reset-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.padding--reset-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.margin--reset {
  margin: 0 !important;
}
.margin--reset-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.margin--reset-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin--reset-paragraph p {
  margin: 0;
}
.margin--reset-paragraph--last p:last-of-type {
  margin: 0;
}
@media (min-width: 768px) {
  .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-center .flex-left {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .flex-center .flex-right {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .flex-center .flex-link {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .flex-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.pipe-grey [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
  border-right: #f2f2f2 solid 0.1rem;
}
.pipe-grey > div:last-of-type {
  border-right: initial;
}
.pipe-grey [class*="col-"] > a {
  padding-left: 1rem;
  padding-right: 1rem;
  border-right: #f2f2f2 solid 0.1rem;
}
.pipe-grey [class*="col-"] > a:last-of-type {
  border-right: initial;
}
.align-center {
  margin-left: auto;
  margin-right: auto;
}
.align-right {
  margin-left: auto;
  margin-right: 0;
}
.structure {
  display: block;
  max-width: 192rem;
  margin: 0 auto;
  width: 100%;
}
.IE .structure {
  min-height: 1px;
}
.structure--expanded {
  max-width: none;
}
.structure--containContainer > .container {
  position: relative;
}
.structure--content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.structure--content--md {
  padding-top: 20px;
  padding-bottom: 20px;
}
.structure--yellow {
  background: #fffee5;
}
.structure--green {
  background: #edf9f3;
}
.structure--turquoise {
  background: #ebf2f3;
}
.structure--blue {
  background: #edf1f6;
}
.structure--red {
  background: #fef0ea;
}
.structure--grey {
  background: #f2f2f2;
}
.structure--gradient-grey {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #f2f2f2));
  background: linear-gradient(to bottom, #ffffff 40%, #f2f2f2 40%);
}
@media (min-width: 992px) {
  .structure--gradient-grey {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #f2f2f2));
    background: linear-gradient(to bottom, #ffffff 70%, #f2f2f2 70%);
  }
}
.page--prime .structure--grey:first-of-type {
  background: #ffffff;
}
.structure--overlap {
  margin-bottom: -9rem;
  display: block;
  max-width: 192rem;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .structure--overlap {
    margin-bottom: 2.8rem;
  }
}
.IE .structure--overlap {
  min-height: 1px;
}
.container {
  position: relative;
  min-height: inherit;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container {
    width: 736px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 956px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1156px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1156px;
    max-width: calc(100% - 16px);
  }
}
@media (min-width: 1200px) {
  .container {
    width: calc(100% - 16px);
    max-width: 129.6rem;
  }
}
.container-hero {
  position: relative;
  min-height: inherit;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 192rem;
}
.container-hero:before,
.container-hero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container-hero:after {
  clear: both;
}
.container-hero:before,
.container-hero:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container-hero:after {
  clear: both;
}
@media (min-width: 768px) {
  .container-hero {
    padding-left: 0;
    padding-right: 0;
  }
}
.container--noPadding {
  padding-left: 0;
  padding-right: 0;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container-fluid:after {
  clear: both;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container-fluid:after {
  clear: both;
}
@media (min-width: 768px) {
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .container--tiles {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container-fluid .row {
  margin-left: 0px;
  margin-right: 0px;
}
.container--no-spacing .row {
  margin-left: 0px;
  margin-right: 0px;
}
.container--no-spacing .row > div[class^="col-"],
.container--no-spacing .row div[class*=" col-"] {
  padding-left: 0px;
  padding-right: 0px;
}
.container--moveTop {
  top: -13rem;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 500;
}
.container--products {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .container--products {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 992px) {
  .container--products {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .container--products {
    padding-left: 0;
    padding-right: 0;
  }
}
.row {
  margin-left: -8px;
  margin-right: -8px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.col-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.row-flex {
  margin: 0 -0.8rem;
}
.row-flex .col-xs {
  width: 100%;
  padding: 0 0.8rem;
}
@media (min-width: 768px) {
  .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media (min-width: 1200px) {
  .col-xs {
    padding: 0 1rem;
  }
}
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 1200px) {
  .row-padded-lg {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.font--caption-s-regular {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.font--subline-m-regular {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 400;
}
@media (min-width: 768px) {
  .font--subline-m-regular {
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  .font--subline-m-regular {
    font-size: 2.8rem;
  }
}
.font--body-m-bold-wide {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  .font--body-m-bold-wide {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.font--body-m-bold-tight {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  .font--body-m-bold-tight {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.font--body-s-regular-wide {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  .font--body-s-regular-wide {
    font-size: 1.8rem;
  }
}
.font--body-m-regular-wide {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  .font--body-m-regular-wide {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.font--label-xs-regular-default {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
}
.font--label-s-regular-default {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.font--label-m-regular-default {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
}
.font--label-l-regular-default {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
}
.font--label-xl-regular-default {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 400;
}
.text--intro {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 24px;
}
.text--table {
  display: table;
}
.text--strike {
  text-decoration: line-through;
}
.text--left {
  text-align: left;
}
.text--centered {
  text-align: center;
}
.text--right {
  text-align: right;
}
@media (min-width: 768px) {
  .text--right-sm-min {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text--right-md-min {
    text-align: right;
  }
}
.text--block {
  display: block;
}
.text--notes {
  margin-top: 16px;
  color: #4d4d4d;
}
.text--notes span,
.text--notes p {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #4d4d4d;
}
.text--notes a {
  color: #164f7f;
}
@supports (text-underline-offset: 0.4rem) {
  .text--notes a {
    text-decoration: underline;
    text-underline-offset: 4px;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.text--notes .text--centered .footnote-text ul {
  list-style-position: inside;
}
.text--notes .footnote-text {
  margin-left: 2rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 992px) {
  .text--notes .footnote-text {
    margin-left: 2.6rem;
  }
}
.text--notes .footnote-text ul {
  list-style-position: outside;
  list-style-type: disc;
  margin: 1.2rem 0;
}
.text--notes .footnote-text ul li {
  content: "";
  margin-bottom: 0.8rem;
  margin-left: 1.6rem;
  line-height: 125%;
}
.text--bold {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.text--hide {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.text--overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text--italic {
  font-style: italic;
}
.text--underline {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .text--margin-auto {
    margin: auto;
  }
}
.table-scroll-wrapper {
  overflow-x: auto;
}
.table-scroll-wrapper > table {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.table {
  width: 100%;
  margin-bottom: 8px;
  table-layout: fixed;
  border-collapse: collapse;
}
.table--default td {
  text-align: left;
  padding: 6px 6px 6px 0px;
  border-left: 0;
  border-right: 0;
}
.table--product-info td {
  padding: 4px 4px 5px 7px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-right: 0;
}
.table--product-info td:last-child {
  text-align: right;
}
.table--product-info td:first-of-type {
  text-align: left;
}
.table--product-info .marker--plus td:first-child {
  padding-left: 18px;
  text-indent: -12px;
}
.table--product-info .marker--plus td:first-child:before {
  content: "+ ";
}
.table-sm-stacked tr {
  display: block;
  position: relative;
  border-bottom: 1px dashed #cccccc;
}
.table-sm-stacked th,
.table-sm-stacked td {
  display: block;
  text-align: center;
}
.table-sm-stacked tr:last-of-type {
  border-bottom: 1px dashed transparent;
}
@media (min-width: 768px) {
  .table-sm-stacked:not(.table--only-default) th,
  .table-sm-stacked:not(.table--only-default) td {
    display: table-cell;
    text-align: left;
  }
  .table-sm-stacked:not(.table--only-default) tr {
    display: table-row;
    border: inherit;
  }
}
.table-sm-stacked-xl td:nth-child(even) {
  display: block;
  text-align: right;
}
@media (max-width: 768px) {
  .table-sm-stacked-xl td:nth-child(even) {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .table-sm-stacked-xl tr:first-of-type {
    border-bottom: 1px dashed transparent;
  }
}
.table__cell--left {
  text-align: left;
}
.table__cell--right {
  text-align: right;
}
.table__rowHighlight {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
}
.table__calc td {
  padding: 6px 8px;
}
.table__calc td:last-child {
  text-align: right;
}
.brand-table {
  margin-bottom: 2rem;
  border: 0;
  border-collapse: collapse;
  background-color: transparent;
}
@media (max-width: 767px) {
  .brand-table {
    width: 100% !important;
  }
}
.brand-table th,
.brand-table td {
  padding: 0.75rem;
  vertical-align: top;
  text-align: left;
}
.brand-table thead th {
  vertical-align: bottom;
  font-weight: 900;
}
.brand-table-striped tr {
  background-color: #ffffff;
}
.brand-table-striped tbody tr:nth-of-type(odd) {
  background-color: #ebf2f3;
}
.brand-table-bordered {
  border: 1px solid #cccccc;
}
.brand-table-bordered th,
.brand-table-bordered td {
  border: 1px solid #cccccc;
}
.brand-table-bordered thead th {
  border-bottom: 2px solid #cccccc;
}
.brand-table-bordered tbody + tbody {
  border-top: 2px solid #cccccc;
}
.brand-table-bordered--rows th,
.brand-table-bordered--rows td {
  border-bottom: 1px solid #cccccc;
  border-left: 0;
  border-right: 0;
}
.brand-table-bordered--rows thead th {
  border-bottom: 2px solid #cccccc;
}
.brand-table-bordered--rows tbody + tbody {
  border-top: 2px solid #cccccc;
}
.brand-table-borderless th,
.brand-table-borderless td,
.brand-table-borderless thead th,
.brand-table-borderless tbody + tbody {
  border: 0;
}
.brand-table-sm-stacked tr {
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .brand-table-sm-stacked tr {
    display: table-row;
  }
}
.brand-table-sm-stacked th,
.brand-table-sm-stacked td {
  display: block;
}
@media (min-width: 768px) {
  .brand-table-sm-stacked th,
  .brand-table-sm-stacked td {
    display: table-cell;
  }
}
.table-fixed {
  table-layout: fixed;
}
@media (max-width: 767px) {
  .table-restructure table,
  .table-restructure thead,
  .table-restructure tbody,
  .table-restructure th,
  .table-restructure td,
  .table-restructure tr {
    display: block;
  }
  .table-restructure.brand-table-bordered {
    border: none;
  }
  .table-restructure.brand-table-bordered tr {
    border-bottom: 1px solid #cccccc;
  }
  .table-restructure.brand-table-bordered td {
    border-bottom: none;
  }
  .table-restructure.brand-table-bordered td:before {
    border-right: 1px solid #cccccc;
  }
  .table-restructure.brand-table-bordered--rows tr {
    border-top: 1px solid #cccccc;
  }
  .table-restructure.brand-table-striped td {
    background-color: #ffffff;
  }
  .table-restructure.brand-table-striped td:before {
    background-color: #ebf2f3;
  }
  .table-restructure tr {
    margin-bottom: 2rem;
  }
  .table-restructure thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-restructure td {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 100% !important;
  }
  .table-restructure td:before {
    content: attr(data-table-head);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 45%;
    margin: -0.75rem 0.75rem -0.75rem -0.75rem;
    padding: 0.75rem;
    font-weight: 900;
  }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.hidden {
  display: none;
}
.hiddenImportant {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.visibility-md {
  visibility: visible;
}
@media (min-width: 992px) {
  .visibility-md {
    visibility: hidden;
  }
}
.visible-sm {
  display: none !important;
}
@media (min-width: 768px) {
  .visible-sm {
    display: initial !important;
  }
}
.show-xs {
  display: none;
}
@media (max-width: 480px) {
  .show-xs {
    display: block;
  }
}
.show-sm {
  display: none;
}
@media (min-width: 481px) and (max-width: 768px) {
  .show-sm {
    display: block;
  }
}
.show-md {
  display: none;
}
@media (min-width: 769px) and (max-width: 992px) {
  .show-md {
    display: block;
  }
}
.show-lg {
  display: none;
}
@media (min-width: 993px) {
  .show-lg {
    display: block;
  }
}
.show-xl {
  display: none;
}
@media (min-width: 1200px) {
  .show-xl {
    display: block;
  }
}
.show-sm-down {
  display: none;
}
@media (max-width: 768px) {
  .show-sm-down {
    display: block;
  }
}
.show-md-down {
  display: none;
}
@media (max-width: 992px) {
  .show-md-down {
    display: block;
  }
}
.show-sm-up {
  display: none;
}
@media (min-width: 769px) {
  .show-sm-up {
    display: block;
  }
}
.display-inline {
  display: inline-block !important;
  margin-bottom: 1rem;
  margin-right: 0.8rem;
}
.display-block {
  display: block !important;
  margin-bottom: 0.5rem;
}
@media (max-width: 480px) {
  .display-xs-inline {
    display: inline-block !important;
    margin-bottom: 1rem;
    margin-right: 0.8rem;
  }
}
@media (max-width: 480px) {
  .display-xs-table {
    display: table !important;
  }
}
@media (max-width: 480px) {
  .display-xs-table--full-width {
    display: table !important;
    width: 100%;
  }
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.bt0 {
  border-top: none !important;
}
.border--none {
  border: 0;
}
.border--xs {
  border: solid 1px;
}
.border--s {
  border: solid 2px;
}
.border--m {
  border: solid 4px;
}
.border--l {
  border: solid 6px;
}
.border--xl {
  border: solid 8px;
}
.hyphenate,
html body.page__body .font--heading-xl,
html body.page__body .font--heading-l,
html body.page__body .font--heading-m,
html body.page__body .font--heading-s,
.font--heading-xl,
.font--heading-l,
.font--heading-m,
.font--heading-s,
a,
a.link:not(.button),
.article-scroller .article-scroller__header > h1,
.archive-teaser .archive-teaser__headline,
.headline-standard,
.imagebox .imagebox__content h1,
.imagebox .imagebox__content h2,
.imagebox .imagebox__content a.button,
.myhighlights-carousel .myhighlights-carousel__header,
.button--as-link,
.button--as-inline-link {
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
}
@media (min-width: 1200px) {
  .hyphenate,
  html body.page__body .font--heading-xl,
  html body.page__body .font--heading-l,
  html body.page__body .font--heading-m,
  html body.page__body .font--heading-s,
  .font--heading-xl,
  .font--heading-l,
  .font--heading-m,
  .font--heading-s,
  a,
  a.link:not(.button),
  .article-scroller .article-scroller__header > h1,
  .archive-teaser .archive-teaser__headline,
  .headline-standard,
  .imagebox .imagebox__content h1,
  .imagebox .imagebox__content h2,
  .imagebox .imagebox__content a.button,
  .myhighlights-carousel .myhighlights-carousel__header,
  .button--as-link,
  .button--as-inline-link {
    hyphens: initial;
    -ms-hyphens: initial;
    -webkit-hyphens: initial;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
.slick-dots {
  position: relative;
  bottom: 0rem;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 0.2rem;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  top: 0.4rem;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 5rem;
  position: absolute;
  line-height: 6px;
  top: 50%;
  left: 0;
  right: 0;
  content: "•";
  text-align: center;
  opacity: 0.33;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.5;
}
.carousel__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16.6rem;
  height: 5.8rem;
  line-height: 2.8rem;
}
.carousel__navigation .vf-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 50%;
  cursor: pointer;
  font-size: 5.4rem;
}
.carousel__navigation .arrow--left,
.carousel__navigation .arrow--right {
  outline: none;
}
.carousel__navigation .arrow--left:before,
.carousel__navigation .arrow--right:before {
  position: absolute;
  top: 1.6rem;
}
.carousel__navigation .arrow--left:hover:before,
.carousel__navigation .arrow--right:hover:before {
  -webkit-animation-name: bounceLeft;
          animation-name: bounceLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.carousel__navigation .arrow--left:active:before,
.carousel__navigation .arrow--right:active:before {
  font-size: 5rem;
}
.carousel__navigation .arrow--right {
  border-top: 0.2rem solid #000000;
  border-right: 0.2rem solid #000000;
  border-bottom: 0.2rem solid #000000;
}
.carousel__navigation .arrow--right:before {
  right: 2rem;
}
.carousel__navigation .arrow--right:hover:before {
  -webkit-animation-name: bounceRight;
          animation-name: bounceRight;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.carousel__navigation .arrow--left {
  border-top: 0.2rem solid #000000;
  border-left: 0.2rem solid #000000;
  border-bottom: 0.2rem solid #000000;
}
.carousel__navigation .arrow--left:before {
  left: 2rem;
}
.icon--before--CTALink {
  padding-left: 0.5rem;
  position: relative;
}
.icon--arrow--base,
.icon--arrow:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIZJREFUOE9j+P//PwMpmCTFIINRNAhHLxcA4gB8NsI1QBWfB9L/gTgBlyZkDQZAhe+hGnBqQncSQU0YngbagFcT1lDCpwlnsEI1gfwCw+DQw6dhPpJiUGAY4NQAlMSqGKsGfIqxxTROk2ERiRxxDtjcjB7j6BGXAI1tsAexYcpSKzH5gmQbABRXPPqmwRLhAAAAAElFTkSuQmCC");
}
.icon--arrow--big,
.toggleHandle--large:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0VCOTJDMkVBNzlCMTFFNDk2MTE4ODEwRDhEMjFENjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0VCOTJDMkZBNzlCMTFFNDk2MTE4ODEwRDhEMjFENjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RUI5MkMyQ0E3OUIxMUU0OTYxMTg4MTBEOEQyMUQ2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RUI5MkMyREE3OUIxMUU0OTYxMTg4MTBEOEQyMUQ2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrZ9MTQAAADhSURBVHjadNLPqkFRFMfxTYcUQh7EkxgZGChGDIwMqEu3rhQGZMTEn4mBUCbexEsw1I17u3Hr+K5ap3Q6e9Vn9ttrr/3HyZY2KWNMF2eMjKUcDFDHH34xCwqGccINMUzQsAXnqOKOqG7fDApK7TT8o+MM0UHIH5TaooJvDcsBP4KCUgeUcUUEPa+zEzD3EUXskUZfFoUt1+YqY9taKq/dMvjHp4zgDxaw1tATX/og7vuMMtcKce3U1WtyvSf0Qsu3UBtj/4w1LJDAAy1/yOuYQ1I/hYSmtt/T0U4XW0jqJcAA8lQv982LIRkAAAAASUVORK5CYII=");
}
.icon--arrow {
  display: inline-block;
  min-height: 18px;
  min-width: 12px;
  margin-right: 6px;
  position: relative;
}
.icon--arrow:before {
  content: "";
  position: absolute;
  top: 3px;
  display: block;
  height: 18px;
  width: 12px;
}
.icon--before--arrow {
  position: relative;
}
.icon--before--arrow:before {
  position: absolute;
  left: -18px;
  content: "";
  display: block;
  height: 18px;
  width: 12px;
}
.icon--after--arrow {
  position: relative;
  padding: 20px;
}
.icon--after--arrow:after {
  position: absolute;
  vertical-align: middle;
  display: inline;
  top: 50%;
  left: 0px;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIZJREFUOE9j+P//PwMpmCTFIINRNAhHLxcA4gB8NsI1QBWfB9L/gTgBlyZkDQZAhe+hGnBqQncSQU0YngbagFcT1lDCpwlnsEI1gfwCw+DQw6dhPpJiUGAY4NQAlMSqGKsGfIqxxTROk2ERiRxxDtjcjB7j6BGXAI1tsAexYcpSKzH5gmQbABRXPPqmwRLhAAAAAElFTkSuQmCC");
  display: block;
  height: 18px;
  width: 12px;
}
.icon--before--phone:before,
.icon--before--mail:before,
.icon--before--fax:before {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  font-size: 2.2rem;
  text-decoration: none;
  color: #000000;
}
div.icon--before--phone,
div.icon--before--mail,
div.icon--before--fax {
  padding-left: 2em;
  position: relative;
}
div.icon--before--phone:before,
div.icon--before--mail:before,
div.icon--before--fax:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}
.icon--before--fax::before {
  content: "\EA39";
}
.icon--before--phone:before {
  content: "\EA32";
}
.icon--before--mail:before {
  content: "\EA2D";
}
.icon--pointer {
  cursor: pointer;
}
.svg_icon_plus-white {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1125%20715H785V375h-70v340H375v70h340v340h70V785h340z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svg_icon_plus {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%3E%3Cpath%20fill%3D%22%230085c7%22%20d%3D%22M1125%20715H785V375h-70v340H375v70h340v340h70V785h340z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svg_icon_house-white {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M590.2%20688.716c0%2043.062%2017.13%2082.193%2044.92%20110.96-2.478.925-4.946%201.877-7.396%202.866-38.027%2015.347-70.62%2037.593-96.873%2066.12-23.583%2025.627-41.128%2055.432-52.146%2088.586-11.386%2034.256-15.52%2071.352-12.282%20110.255l34.835%2032.058h497.64l34.855-32.33c2.947-39.115-1.438-76.362-13.034-110.707-11.244-33.305-28.996-63.183-52.762-88.806-26.196-28.244-58.602-50.254-96.314-65.42-2.242-.9-4.5-1.77-6.766-2.62%2027.794-28.766%2044.923-67.897%2044.923-110.96%200-88.114-71.687-159.8-159.8-159.8s-159.8%2071.687-159.8%20159.8zM916.7%20915.26c28.587%2030.82%2044.76%2069.918%2047.583%20114.39H535.62c2.51-44.044%2018.372-82.89%2046.675-113.646%2019.174-20.834%2043.26-37.195%2071.595-48.63%2029.257-11.808%2061.62-17.794%2096.192-17.794%2068.16%200%20127.332%2023.325%20166.616%2065.68zm-76.81-226.544c0%2049.563-40.324%2089.886-89.888%2089.886s-89.887-40.32-89.887-89.886c0-49.563%2040.323-89.885%2089.887-89.885s89.887%2040.322%2089.887%2089.886zm344.315-29.458L774.718%20249.77h-49.436L315.796%20659.26l-10.238%2024.717v530.842l34.956%2034.955h818.97l34.957-34.955V683.975l-10.237-24.717zm-59.674%20520.602H375.47V698.454L750%20323.924l374.53%20374.53v481.406z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svgsprite {
  display: none;
}
.icon {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.vf-icon {
  font-size: 2.2rem;
  text-decoration: none;
}
.vf-icon-small {
  font-size: 1.5rem;
}
.vf-icon-medium {
  font-size: 6rem;
  line-height: 4rem;
}
.vf-icon-semi-medium {
  font-size: 5rem;
  line-height: 1;
}
.vf-icon-semi-medium[class*="nb_"] {
  margin: 0 1rem;
}
.vf-icon--moveUp:before {
  position: relative;
  top: -0.5rem;
}
.vf-icon--moveDown:before {
  position: relative;
  top: 0.5rem;
}
.icon--bigger {
  font-size: 2.6rem;
}
.icon--bigger2 {
  font-size: 3rem;
}
.icon--bigger3 {
  font-size: 3.4rem;
}
.icon--bigger4 {
  font-size: 3.8rem;
}
.icon--bigger5 {
  font-size: 4.2rem;
}
.icon--before--close-white {
  color: #ffffff;
  position: absolute;
  right: 2rem;
  top: 4rem;
  cursor: pointer;
}
.icon--before--close-white i {
  font-size: 6rem;
}
.input__mask {
  background-color: transparent;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 80;
}
.input__overlay {
  z-index: 90;
  border: #a5a5a5 1px solid;
  position: absolute;
  width: 93%;
  margin-top: -4px;
  margin-left: 3px;
  background-color: #ffffff;
  opacity: 0;
  overflow: hidden;
  display: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.input__overlay--white {
  width: 98%;
  z-index: 90;
  border: #cccccc 1px solid;
  position: absolute;
  background-color: #ffffff;
  display: block;
  margin-top: -4px;
  margin-left: 1%;
  opacity: 0;
  overflow: hidden;
  display: none;
}
@media (max-width: 991px) {
  .input__overlay--white {
    position: relative;
  }
}
@media (min-width: 992px) {
  .input__overlay--white {
    max-height: 35rem;
    overflow-y: auto;
  }
}
.input__overlay--show {
  opacity: 1;
  display: block;
}
.input__overlay__items {
  margin-bottom: 0px;
}
.input__overlay_item {
  line-height: 38px;
  list-style: none;
  font-weight: bold;
  background-color: #f2f2f2;
  cursor: pointer;
  display: block;
}
.input__overlay_item:hover {
  background-color: rgba(165, 165, 165, 0.5) !important;
}
.input__overlay_item a {
  display: block;
  padding: 6px;
  width: 100%;
  height: 100%;
  color: #000;
}
.input__overlay_item a:hover {
  text-decoration: none;
}
.input__overlay_item--white {
  line-height: 18px;
  list-style: none;
  font-weight: normal;
  cursor: pointer;
  display: block;
  padding: 10px 6px 10px 6px;
  border-bottom: solid 1px rgba(165, 165, 165, 0.3);
}
.input__overlay_item--white:hover {
  background-color: rgba(165, 165, 165, 0.5) !important;
}
.input__overlay_item--white a {
  display: inline;
  width: 100%;
  height: 100%;
  color: #000;
  /*font-weight: bold;*/
  font-size: 13px;
  font-size: 1.3rem;
  margin-right: 6px;
}
.input__overlay_item--white a:hover {
  text-decoration: none;
}
.input__overlay_item--white:last-of-type {
  border-bottom: none;
}
.input__overlay_item--white-active {
  background-color: #cecbcb !important;
}
.input__overlay_item--transparent {
  background-color: transparent;
}
.input_overlay_item_addon {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
}
.input_overlay_item_addon > li {
  display: inline-block;
  color: transparent;
}
.input_overlay_item_addon i {
  color: #000000;
}
.modal-open {
  overflow: hidden;
}
.iOS body.modal-open {
  height: 100%;
}
.modal {
  display: none;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  padding-right: 0 !important;
  outline: 0;
}
.modal.in {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  cursor: pointer;
}
.modal .no-border {
  border: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  height: 100%;
}
.modal-content {
  position: relative;
  -webkit-box-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  height: 100%;
}
.modal-content .loginbox {
  padding: 3rem 0.8rem 1rem 0.8rem;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9995;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0.65;
}
.modal-backdrop.in {
  opacity: 0.65;
}
.modal-header {
  padding: 1.5rem;
  border-bottom: 0.1rem solid #f2f2f2;
}
.modal-header .close {
  margin-top: -0.2rem;
}
.modal-title {
  margin: 0;
}
.modal-body {
  position: relative;
  padding: 1.5rem;
}
.modal-footer {
  padding: 1.5rem;
  text-align: right;
  border-top: 0.1rem solid #f2f2f2;
}
.modal-footer .btn + .btn {
  margin-left: 0.5rem;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -0.1rem;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999rem;
  width: 5rem;
  height: 5rem;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 60rem;
    margin: 2rem auto;
    height: auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 30rem;
  }
}
@media (max-width: 768px) {
  .modal-dialog {
    width: auto;
    margin: auto 2rem;
    height: auto;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 90rem;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide:focus {
  outline: none;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 0.2rem;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  top: 0.4rem;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 5rem;
  position: absolute;
  line-height: 6px;
  top: 50%;
  left: 0;
  right: 0;
  content: "•";
  text-align: center;
  opacity: 0.33;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.5;
}
.search__container {
  background-color: #ebf2f3;
  padding-top: 1rem;
}
.search__container__pagination {
  margin-bottom: 3.2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .search__container__pagination {
    text-align: right;
  }
}
.search__container__pagination a {
  margin: 0 0.5rem 1.8rem;
  padding: 0 0.7rem 0.4rem;
  text-decoration: none;
  color: #a5a5a5;
}
.search__container__pagination a:hover {
  color: #2071b5;
}
.search__container__pagination a.active {
  cursor: initial;
  pointer-events: none;
  text-decoration: none;
  font-weight: bold;
  color: #2071b5;
  border-bottom: 2px solid #2071b5;
}
.search__container__pagination .icon {
  padding: 0;
  font-size: 3rem;
}
.search__container__pagination .icon:hover {
  color: #2071b5;
}
.search__container__pagination .pagination__counter {
  display: block;
  padding-top: 1.5rem;
  padding-left: 0;
}
@media (min-width: 768px) {
  .search__container__pagination .pagination__counter {
    padding-left: 4rem;
    display: inline;
  }
}
/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2016
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed May 11 2016 10:31 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
  top: 16px;
}
/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  color: #555;
}
.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}
.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}
.qtip .qtip-tip {
  overflow: hidden;
  z-index: 10;
}
/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus,
.qtip .qtip-tip {
  visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}
.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}
#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}
/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
a {
  text-decoration: none;
  color: #164f7f;
}
a:hover {
  text-decoration: underline;
}
.link--reset,
.page__header a,
.navigation a,
.sub-navigation a {
  border-bottom: none;
  text-decoration: none;
}
.link--reset:hover,
.page__header a:hover,
.navigation a:hover,
.sub-navigation a:hover {
  opacity: 1;
  text-decoration: none;
}
a.link:not(.button),
.button--as-link,
.button--as-inline-link {
  position: relative;
  padding-bottom: 0;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
  color: #164f7f;
}
a.link:not(.button):visited,
.button--as-link:visited,
.button--as-inline-link:visited {
  color: #13446d;
}
a.link:not(.button):focus-visible {
  outline: 0.2rem solid #2071b5;
  outline-offset: 0.2rem;
}
a.link:not(.button):hover,
a.link:not(.button):active,
.button--as-link:hover,
.button--as-link:active,
.button--as-inline-link:hover,
.button--as-inline-link:active {
  color: #1d66a3;
}
a.link:not(.button).link--standalone {
  display: inline-block;
  padding: 0.4rem;
  line-height: 1.25;
  font-weight: 400;
}
a.link:not(.button).link--standalone:focus-visible {
  outline-offset: 0;
}
a.link:not(.button).link--standalone.link--xsmall {
  font-size: 1.4rem;
}
a.link:not(.button).link--standalone.link--xsmall::before {
  content: "";
  position: absolute;
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}
a.link:not(.button).link--standalone.link--small {
  font-size: 1.6rem;
}
a.link:not(.button).link--standalone.link--small::before {
  content: "";
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
}
a.link:not(.button).link--standalone.link--medium {
  font-size: 1.8rem;
}
a.link:not(.button).link--standalone.link--medium::before {
  content: "";
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
  bottom: -0.7rem;
  left: -0.7rem;
}
a.link:not(.button).link--standalone.link--large {
  font-size: 2rem;
}
a.link:not(.button).link--standalone.link--large::before {
  content: "";
  position: absolute;
  top: -0.6rem;
  right: -0.6rem;
  bottom: -0.6rem;
  left: -0.6rem;
}
a.link:not(.button).link--standalone.link--centered {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.button,
.kso-callback-popup.button button {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem;
  width: 100%;
  max-width: 100%;
  min-width: 12rem;
  min-height: 4.4rem;
  padding: 1rem 2.4rem;
  text-align: center;
  cursor: pointer;
  border-width: 0.1rem;
  border-style: solid;
  border-radius: 3rem;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 480px) {
  .button,
  .kso-callback-popup.button button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button a {
  color: inherit;
  text-decoration: none;
}
.button,
.button--primary,
.kso-callback-popup.button button,
.kso-callback-popup.button--primary button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.button:hover,
.button--primary:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.button:focus-visible,
.button--primary:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.button:active,
.button--primary:active,
.kso-callback-popup.button--primary:hover button,
.kso-callback-popup.button--primary:active button {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.button--secondary,
.button--quinary,
.button--quaternary,
.button--senary,
.kso-callback-popup.button--secondary button,
.kso-callback-popup.button--senary button,
.kso-callback-popup.button--quinary button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.button--secondary:hover,
.button--quinary:hover,
.button--quaternary:hover,
.button--senary:hover,
.kso-callback-popup.button--senary:hover button,
.kso-callback-popup.button--senary:active button,
.kso-callback-popup.button--quinary:hover button,
.kso-callback-popup.button--quinary:active button {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.button--secondary:active,
.button--quinary:active,
.button--quaternary:active,
.button--senary:active,
.kso-callback-popup.button--secondary:hover button,
.kso-callback-popup.button--secondary:active button {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.button--tertiary {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.button--tertiary:hover {
  background: #79aad3;
  color: #ffffff;
}
.button--tertiary:active {
  background-color: #1e324f;
  color: #ffffff;
}
.button--secondary.button--selected {
  background-color: #000000;
  color: #ffffff;
  border-color: transparent;
}
.button--control {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.button--control:hover {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}
.button--control:active {
  background: #4d4d4d;
  color: #ffffff;
  border-color: #4d4d4d;
}
.button--control:disabled {
  background-color: transparent;
  color: #b2b2b2;
  border-color: #b2b2b2;
}
.button--control.button--circle {
  width: 3.6rem;
  height: 3.6rem;
  min-width: initial;
  min-height: initial;
  padding: 1rem;
  border-radius: 50%;
}
.button--control.button--circle .vf-icon {
  padding-top: 0.1rem;
  font-size: 1.6rem;
}
.button--small,
.kso-callback-popup.button--small button {
  min-height: 3.6rem;
  min-width: 15.6rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
  padding: 0.8rem 2.4rem;
}
.button--large,
.button--xlarge,
.kso-callback-popup.button--xlarge button,
.kso-callback-popup.button--large button {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 19px;
  line-height: 1.9rem;
  min-height: 5.2rem;
  padding: 1.4rem 2.4rem;
  border-radius: 3rem;
}
@media (min-width: 992px) {
  .button--arrow,
  .kso-callback-popup.button--arrow button {
    position: relative;
    display: inline-block;
  }
  .button--arrow:before,
  .kso-callback-popup.button--arrow button:before {
    content: "\EA01";
    position: absolute;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translate(-150%, 0);
        -ms-transform: translate(-150%, 0);
            transform: translate(-150%, 0);
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    top: 1.4rem;
    opacity: 0;
    font-family: "vfde-icons";
    font-weight: bold;
  }
  .button--arrow:hover:before,
  .kso-callback-popup.button--arrow button:hover:before {
    -webkit-transform: translate(-110%, 0);
        -ms-transform: translate(-110%, 0);
            transform: translate(-110%, 0);
    opacity: 1;
  }
  .button--arrow.button--large:before {
    font-size: 2rem;
    top: 1.4rem;
  }
  .Edge .button--arrow.button--large:before {
    top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .button--large--responsive {
    min-height: 0.1rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 38px;
    line-height: 3.8rem;
    padding: 0 4rem;
    border-radius: 3rem;
  }
}
.button--centered,
.kso-callback-popup.button--centered button {
  margin: 0 auto;
}
.button--right,
.kso-callback-popup.button--right button {
  margin-left: auto;
}
.button--fullwidth {
  width: 100%;
}
.button--autowidth {
  width: auto;
}
@media (max-width: 480px) {
  .button-xs--fullwidth {
    width: 100%;
  }
}
.button-wrapper {
  padding-top: 4rem;
  display: flow-root;
}
@media (min-width: 992px) {
  .button-wrapper {
    padding-top: 6.4rem;
  }
}
.button-wrapper button.button--moveTop {
  margin: 0 auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
  min-height: 8.8rem;
}
.button-wrapper button.button--moveTop:focus-visible {
  outline: 0.2rem solid #2071b5;
}
.button-wrapper button.button--moveTop .icon-wrapper {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.4rem;
  background: #666666;
}
.button-wrapper button.button--moveTop .icon-wrapper i {
  font-size: 1.8rem;
  color: #ffffff;
}
.button-wrapper button.button--moveTop .label--moveTop {
  text-align: center;
  padding: 1.25rem 0.4rem 0 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4d4d4d;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.no-touch .button-wrapper button.button--moveTop:hover,
.touch .button-wrapper button.button--moveTop:active,
.touch .button-wrapper button.button--moveTop:hover {
  -webkit-tap-highlight-color: transparent;
}
.no-touch .button-wrapper button.button--moveTop:hover .icon-wrapper,
.touch .button-wrapper button.button--moveTop:active .icon-wrapper,
.touch .button-wrapper button.button--moveTop:hover .icon-wrapper {
  background: #000000;
}
.no-touch .button-wrapper button.button--moveTop:hover .label--moveTop,
.touch .button-wrapper button.button--moveTop:active .label--moveTop,
.touch .button-wrapper button.button--moveTop:hover .label--moveTop {
  color: #000000;
}
@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: translate(0, 0.3rem);
            transform: translate(0, 0.3rem);
  }
  20% {
    -webkit-transform: translate(0, -0.2rem);
            transform: translate(0, -0.2rem);
  }
  40% {
    -webkit-transform: translate(0, 0.2rem);
            transform: translate(0, 0.2rem);
  }
  60% {
    -webkit-transform: translate(0, -0.1rem);
            transform: translate(0, -0.1rem);
  }
  80% {
    -webkit-transform: translate(0, 0.1rem);
            transform: translate(0, 0.1rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes bouncing {
  0% {
    -webkit-transform: translate(0, 0.3rem);
            transform: translate(0, 0.3rem);
  }
  20% {
    -webkit-transform: translate(0, -0.2rem);
            transform: translate(0, -0.2rem);
  }
  40% {
    -webkit-transform: translate(0, 0.2rem);
            transform: translate(0, 0.2rem);
  }
  60% {
    -webkit-transform: translate(0, -0.1rem);
            transform: translate(0, -0.1rem);
  }
  80% {
    -webkit-transform: translate(0, 0.1rem);
            transform: translate(0, 0.1rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.button--fixed {
  position: fixed;
  right: 2.4rem;
  bottom: 2rem;
  z-index: 20;
}
a.close {
  text-decoration: none;
}
a.close i {
  font-size: 3rem;
  position: relative;
  top: 0.5rem;
}
.button--color-transition {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
}
.button--loading:disabled {
  background: #f2f2f2;
  color: #4d4d4d;
  border-color: transparent;
}
.button--loading .vf-icon-loading-indicator {
  font-size: 1.5rem;
  position: relative;
  top: -0.5rem;
  height: 1rem;
}
.button--loading .vf-icon-loading-indicator:not(.hidden) {
  display: inline-block;
}
.button--loading .vf-icon-loading-indicator:before {
  content: " ";
  display: inline-block;
  background: url(../images/svg/vf_loader_black.svg) no-repeat;
  background-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.button--small .vf-icon-loading-indicator {
  top: -0.4rem;
}
.button--small .vf-icon-loading-indicator:before {
  background-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
}
.button--large .vf-icon-loading-indicator {
  top: -0.6rem;
}
.button--large .vf-icon-loading-indicator:before {
  background-size: 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
}
button:disabled,
.button--disabled {
  color: #4d4d4d;
  background: #f2f2f2;
  border-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}
button:disabled:hover,
.button--disabled:hover,
button:disabled:focus-visible,
.button--disabled:focus-visible,
button:disabled:active,
.button--disabled:active {
  color: #4d4d4d;
  background: #f2f2f2;
  border-color: transparent;
}
.button-group {
  background-color: #f2f2f2;
  padding: 4px;
  border-radius: 2rem;
}
.button-group .button--inactive {
  color: #000000;
  background: transparent;
  border: 0;
}
.button-group .button--inactive:hover {
  background: #f2f2f2;
}
.button-group .button--active {
  background: #ffffff;
  color: #000000;
  border: 0;
}
.button-group .button--active:hover {
  background: #f2f2f2;
}
.button-group .button--active:active,
.button-group .button--active__selected {
  font-weight: bold;
}
.button--as-link {
  border: none;
  cursor: pointer;
  background: transparent;
  display: block;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  text-align: left;
  padding-left: 0;
}
.button--as-link.link--xsmall {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-link.link--small {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-link.link--medium {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-link.link--large {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-link.link--xlarge {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-inline-link {
  border: none;
  cursor: pointer;
  background: transparent;
  display: block;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  text-align: left;
  padding-left: 0;
  display: inline;
}
.button--as-inline-link.link--xsmall {
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-inline-link.link--small {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-inline-link.link--medium {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-inline-link.link--large {
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
}
.button--as-inline-link.link--xlarge {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 400;
}
.divider {
  margin: 0 0 8px 0;
  height: 1px;
  background-color: #cfcfcf;
}
.divider--small {
  height: 2px;
}
.divider--medium {
  height: 4px;
}
.divider--large {
  height: 8px;
}
@media (max-width: 992px) and (min-width: 768px) {
  .divider--calculator {
    margin: 16px 0 0 0;
    height: 1px;
    background-color: #cfcfcf;
  }
}
.image {
  width: 100%;
  display: block;
  padding-bottom: 8px;
}
.image > img {
  max-width: 100%;
}
.image--auto {
  max-width: 100%;
  width: auto;
}
.image--auto > img {
  width: auto;
}
@media (min-width: 768px) {
  .image--auto {
    width: auto;
  }
  .image--auto > img {
    width: auto;
  }
}
@media (max-width: 768px) {
  .image-sm--auto {
    max-width: 100%;
    width: auto;
  }
  .image-sm--auto > img {
    width: auto;
  }
}
.image--half {
  width: 50%;
  display: block;
}
.image--float-left {
  float: left;
  padding-right: 8px;
}
.image--centered {
  margin: 0 auto;
}
.image--centered > img {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .image-sm--centered {
    margin: 0 auto;
  }
  .image-sm--centered > img {
    margin: 0 auto;
  }
}
.image--floatLeft--autoWidth--inline,
.image--floatRight--autoWidth--inline {
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .image--floatLeft--autoWidth--inline,
  .image--floatRight--autoWidth--inline {
    width: auto;
    display: inline;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .image--floatLeft--autoWidth--inline {
    float: left;
    margin-right: 16px;
  }
}
@media (min-width: 768px) {
  .image--floatRight--autoWidth--inline {
    float: right;
    margin-left: 16px;
  }
}
@media (max-width: 768px) {
  .image-sm--floatLeft--autoWidth--inline,
  .image-sm--floatRight--autoWidth--inline {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .image-sm--floatLeft--autoWidth--inline {
    float: left;
    margin-right: 16px;
  }
}
@media (max-width: 768px) {
  .image-sm--floatRight--autoWidth--inline {
    float: right;
    margin-left: 16px;
  }
}
.image--cover {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
.image--inline {
  display: inline;
}
.image--inline img {
  display: inline;
}
.image--smart_deal {
  width: 100px;
  display: inline;
  vertical-align: middle;
  margin-left: 30px;
}
.images__benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-width: 1px;
}
.images__benefit img {
  padding-right: 0.5rem;
  max-height: 13rem;
}
.images__benefit div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.images__benefit div.images__benefit--tuev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.grundVersorgungInfo {
  color: #595959;
}
.grundVersorgungInfo i {
  top: 5px;
  position: relative;
}
.list,
.list__condensedLinklist {
  list-style-position: inside;
}
.list--outside {
  list-style-position: outside;
  padding-left: 1.5rem;
}
.list--links {
  list-style: none;
}
.list__item,
.list--graphicalList > li,
.list--graphicalList .list__item,
.list--externalLinks > li,
.list--externalLinks .list__item {
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
}
.list__item:last-of-type {
  margin-bottom: 0;
}
.list li {
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
}
.list li:last-of-type {
  margin-bottom: 0;
}
.list--condensed > li,
.list--condensed .list__item {
  margin-bottom: 0.4rem;
}
.list__condensedLinklist {
  list-style: none;
}
.list__condensedLinklist > li,
.list__condensedLinklist .list__item {
  margin-bottom: 0.4rem;
}
.list--graphicalList {
  margin: 0 0.8rem 0 0;
  list-style: none;
  position: relative;
}
@media (min-width: 768px) {
  .list--graphicalList {
    margin: 0 0.8rem 0 0.4rem;
  }
}
.list--graphicalList > li,
.list--graphicalList .list__item {
  line-height: 1.25;
  position: relative;
}
.list--graphicalList > li .vf-icon-check-list,
.list--graphicalList .list__item .vf-icon-check-list {
  position: absolute;
  top: 0;
}
.list--graphicalList--before {
  list-style: none;
  position: relative;
}
.list--graphicalList--before > li:before,
.list--graphicalList--before .list__item:before {
  font-family: "vfde-icons";
  content: "\EB96";
  position: absolute;
  left: -0.2rem;
  top: 0;
}
.list--graphicalList--before > li:before,
.list--graphicalList--before .list__item:before {
  font-size: 2rem;
  font-weight: bold;
  font-family: "vfde-icons";
  line-height: 2rem;
  position: absolute;
  left: -2.5rem;
  top: 0;
}
.list--externalLinks {
  list-style: none;
  position: relative;
}
.list--externalLinks > li,
.list--externalLinks .list__item {
  position: relative;
  padding-left: 2rem;
}
.list--externalLinks > li:before,
.list--externalLinks .list__item:before {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExNEQwODNGNERGQzExRTM4N0M5RjU2NDc5QUFGOEIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExNEQwODQwNERGQzExRTM4N0M5RjU2NDc5QUFGOEIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcwRERCQTQ0REY4MTFFMzg3QzlGNTY0NzlBQUY4QjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTE0RDA4M0U0REZDMTFFMzg3QzlGNTY0NzlBQUY4QjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45g3H8AAAAfElEQVR42mIUjl7+nwEVMEJpZPGvQMwNxN+ZkBQxIilGF5sGFeNkYiAMOoC4FIiLQRxCGtqAuByIi4C4j5CGFiCuhCruhwmy4FCcAcTVQFwIxBOQxF/g0rASiL8A8RI0cUlcTnqPRTEDMZ5GB/9J1UCyDfBQ+k+sBoAAAwDTiBPwSfY8fgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  left: 0;
  top: 0.6rem;
  position: absolute;
}
.list--tagList {
  display: block;
  list-style: none;
  padding-left: 0;
}
.list--tagList .list__item {
  display: inline-block;
  margin-bottom: 0;
  color: #999999;
}
.list--tagList .list__item:after {
  content: ",";
}
.list--tagList .list__item:last-of-type:after {
  content: "";
}
.list--text-intro li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
}
ul li .font--body-s-regular-wide,
ul li .font--body-m-regular-wide,
ul li .font--heading-m {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
ul li::marker {
  font-size: 1.8rem;
}
.richtext ul,
.richtext ol {
  margin: 0 0.8rem 0 0;
}
.richtext ul:before,
.richtext ol:before,
.richtext ul:after,
.richtext ol:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.richtext ul:after,
.richtext ol:after {
  clear: both;
}
.richtext ul:before,
.richtext ol:before,
.richtext ul:after,
.richtext ol:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.richtext ul:after,
.richtext ol:after {
  clear: both;
}
.richtext ul > li::after,
.richtext ol > li::after {
  content: " ";
  display: block;
  clear: both;
}
.richtext ul.font--body-s-regular-wide,
.richtext ol.font--body-s-regular-wide,
.richtext ul.font--body-m-regular-wide,
.richtext ol.font--body-m-regular-wide,
.richtext ul.font--heading-m,
.richtext ol.font--heading-m {
  line-height: 1.25;
}
@media (min-width: 768px) {
  .richtext ul,
  .richtext ol {
    margin: 0 0.8rem 0 0.4rem;
  }
}
.richtext ul li,
.richtext ol li {
  list-style-position: outside;
  margin-left: 3.2rem;
  margin-bottom: 1.6rem;
}
.richtext ul li:last-of-type,
.richtext ol li:last-of-type {
  margin-bottom: 0;
}
.richtext ul li p,
.richtext ol li p {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
.tag {
  width: 15rem;
  display: block;
  position: absolute;
  right: -4.4rem;
  top: 1.7rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tag p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  display: block;
  margin: 0.2rem 0;
  padding: 0.5rem 0;
  text-align: center;
  text-decoration: none;
}
.iButton_dimesion {
  width: 2.5rem;
  height: 2.5rem;
}
.iButton {
  margin-right: 2.5rem;
  display: inline;
  position: relative;
}
.iButton .vf-icon-information {
  font-size: 25px;
  position: absolute;
  color: #2071b5;
  top: 1px;
}
.iButton__icon {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -25%;
  fill: #2071b5;
  cursor: pointer;
}
.iButton__icon:hover {
  fill: #1c639f;
}
h2:not(.h3) .iButton__icon,
.h2 .iButton__icon {
  top: -0.1rem;
}
body.flip .iButton__icon {
  fill: #2071b5;
}
body.flip .iButton__icon:hover {
  fill: #2071b5;
}
.iButton__close-btn-line {
  content: " ";
  display: inline-block;
  height: 0.2rem;
  width: 1.8rem;
  background: #000000;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
  top: 50%;
}
.iButton__tooltip {
  position: fixed;
  border-color: #e6e6e6;
  border-width: 0.2rem;
  max-width: 40rem;
  min-width: 20rem;
}
.iButton__tooltip .qtip-content {
  background-color: #e6e6e6;
  padding: 2.7rem 1.5rem 2.1rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.iButton__tooltip .qtip-content p:last-child {
  margin-bottom: 0;
}
.iButton__tooltip .qtip-icon {
  border-color: transparent;
  background-color: transparent;
}
.iButton__tooltip .qtip-icon .ui-icon {
  border-radius: 0;
}
.iButton__tooltip .qtip-close {
  height: 1.8rem;
  width: 1.8rem;
  top: 0.4rem;
  right: 0.7rem;
  cursor: pointer;
}
.iButton__tooltip .qtip-close .ui-icon {
  display: none;
}
.iButton__tooltip .qtip-close:before {
  content: " ";
  display: inline-block;
  height: 0.2rem;
  width: 1.8rem;
  background: #000000;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.iButton__tooltip .qtip-close:after {
  content: " ";
  display: inline-block;
  height: 0.2rem;
  width: 1.8rem;
  background: #000000;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.video-iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 2.5rem;
  margin-bottom: 1rem;
  height: 0;
}
.video-iframe iframe {
  width: 100%;
  height: 100%;
  background-image: url(../images/svg/VF_Icon_Wait.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.video-iframe--vp {
  margin-bottom: 0;
  padding-top: 0;
}
.video-iframe--aspectRatio3x4 {
  padding-bottom: 75%;
  /* 4:3 */
}
.video-iframe--stage {
  top: 12.5%;
  left: 12.5%;
}
.promo-bubble {
  display: block;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.promo-bubble a {
  color: #ffffff;
}
.promo-bubble--primary {
  background-color: #2071b5;
  color: #ffffff;
}
.promo-bubble--secondary {
  background-color: #ffda00;
  color: #000000;
}
.promo-bubble--secondary a {
  color: #000000;
}
.promo-bubble--green {
  background-color: #005c63;
  color: #ffffff;
}
@media (min-width: 768px) {
  .promo-bubble {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 12rem;
    height: 12rem;
    padding: 1em;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
            transform: rotate(-15deg);
    margin: 0 2rem 2rem 0;
  }
  .promo-bubble--large {
    width: 16rem;
    height: 16rem;
  }
  .promo-bubble--outline {
    border: 0.25em solid #ffffff;
    -webkit-box-shadow: 0.25em 0.25em 0.5em rgba(242, 242, 242, 0.66);
            box-shadow: 0.25em 0.25em 0.5em rgba(242, 242, 242, 0.66);
  }
  .promo-bubble--right {
    float: right;
    -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
            transform: rotate(15deg);
    margin: 0 0 2rem 2rem;
  }
  .promo-bubble--absolute {
    float: none;
    position: absolute;
    left: 0;
  }
  .promo-bubble--absolute.promo-bubble--right {
    right: 0;
    left: auto;
  }
  .promo-bubble--absolute ~ div {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .promo-bubble--shift-top {
    margin-top: -6rem;
  }
  .promo-bubble--shift-top.promo-bubble--large {
    margin-top: -8rem;
  }
  .promo-bubble--shift-right {
    margin-right: -6rem;
  }
  .promo-bubble--shift-right.promo-bubble--large {
    margin-right: -8rem;
  }
  .promo-bubble--shift-left {
    margin-left: -6rem;
  }
  .promo-bubble--shift-left.promo-bubble--large {
    margin-left: -8rem;
  }
}
.promo-bubble__inner {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.599999999999994px;
  line-height: 3.3599999999999994rem;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0;
}
.promo-bubble__inner span {
  font-size: 0.66em;
  font-weight: normal;
  vertical-align: middle;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .promo-bubble__inner span {
    display: block;
    line-height: 1.4;
    margin: 0;
    white-space: normal;
  }
}
.promo-bubble.theme--primary {
  background-color: #2071b5;
  color: #ffffff;
}
.promo-bubble.theme--secondary {
  background-color: #ffda00;
  color: #000000;
}
.promo-bubble.theme--secondary a {
  color: #000000;
}
.promo-bubble.theme--tertiary {
  background-color: #666666;
  color: #ffffff;
}
.promo-bubble.theme--quaternary {
  background-color: #005c63;
  color: #ffffff;
}
.promo-bubble.theme--quinary {
  background-color: #85254b;
  color: #ffffff;
}
.promo-bubble.theme--senary {
  background-color: #9b62c3;
  color: #ffffff;
}
.form__radio {
  margin-right: 10px;
  position: relative;
}
.form__radio input[type="radio"] {
  position: absolute;
  opacity: 0.0001;
}
.form__radio input[type="radio"] ~ .form__chooser__text {
  padding-top: 2px;
  padding-left: 28px;
  display: inline-block;
  min-height: 22px;
  position: relative;
  line-height: 1.8rem;
}
.form__radio input[type="radio"] ~ .form__chooser__text:before,
.form__radio input[type="radio"] ~ .form__chooser__text:after {
  content: "";
  display: block;
  border-radius: 100%;
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form__radio input[type="radio"] ~ .form__chooser__text:before {
  background-color: #fff;
  border: 2px solid #000000;
}
.form__radio input[type="radio"] ~ .form__chooser__text:after {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 8px;
  height: 8px;
  left: 7px;
  top: 7px;
  background-color: #f2f2f2;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.form__radio.form__radio--center-top input[type="radio"] ~ .form__chooser__text {
  padding-top: 28px;
  padding-left: 0;
}
.form__radio.form__radio--center-top input[type="radio"] ~ .form__chooser__text:before {
  left: 50%;
  margin-left: -1.1rem;
}
.form__radio.form__radio--center-top input[type="radio"] ~ .form__chooser__text:after {
  left: 50%;
  margin-left: -0.4rem;
}
.form__radio input[type="radio"] ~ .form__chooser__text--bold {
  font-weight: 700;
}
.form__radio input[type="radio"]:hover ~ .form__chooser__text:after,
.form__radio input[type="radio"]:active ~ .form__chooser__text:after,
.form__radio input[type="radio"]:focus ~ .form__chooser__text:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.form__radio input[type="radio"]:checked ~ .form__chooser__text:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  background-color: #1e324f;
}
.form__radio input[type="radio"]:disabled {
  cursor: default;
}
.form__radio input[type="radio"]:disabled ~ .form__chooser__text {
  color: #929292;
}
.form__radio input[type="radio"]:disabled ~ .form__chooser__text:before,
.form__radio input[type="radio"]:disabled ~ .form__chooser__text:after {
  opacity: 0.5;
}
.form__checkbox {
  margin-right: 1rem;
  position: relative;
}
.form__checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  opacity: 0;
}
.form__checkbox input[type="checkbox"] ~ .form__chooser__text {
  padding-left: 2.8rem;
  display: inline-block;
  min-height: 2.2rem;
  position: relative;
  line-height: 2.4rem;
}
.form__checkbox input[type="checkbox"] ~ .form__chooser__text:before,
.form__checkbox input[type="checkbox"] ~ .form__chooser__text:after {
  display: block;
  position: absolute;
  cursor: pointer;
  height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form__checkbox input[type="checkbox"] ~ .form__chooser__text:before {
  content: "";
  left: 0;
  top: 0.1rem;
  width: 2rem;
  background-color: #ffffff;
  border: 0.1rem solid #000000;
}
.form__checkbox input[type="checkbox"] ~ .form__chooser__text:after {
  content: "";
  width: 0.8rem;
  height: 1.3rem;
  top: 1.1rem;
  left: 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0 solid transparent;
  border-right-width: 0.3rem;
  border-top-width: 0.3rem;
  background: transparent;
  -webkit-transform: scaleX(-1) rotate(135deg);
      -ms-transform: scaleX(-1) rotate(135deg);
          transform: scaleX(-1) rotate(135deg);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.form__checkbox input[type="checkbox"] ~ .form__chooser__text--bold {
  font-weight: 700;
}
.form__checkbox input[type="checkbox"]:hover ~ .form__chooser__text:before,
.form__checkbox input[type="checkbox"]:active ~ .form__chooser__text:before,
.form__checkbox input[type="checkbox"]:focus ~ .form__chooser__text:before {
  border-width: 0.2rem;
}
.form__checkbox input[type="checkbox"]:checked ~ .form__chooser__text:after {
  -webkit-animation: check 0.4s;
          animation: check 0.4s;
  border-color: #000000;
}
.form__checkbox input[type="checkbox"]:disabled ~ .form__chooser__text {
  color: #e1e1e1;
}
.form__checkbox input[type="checkbox"]:disabled ~ .form__chooser__text:before,
.form__checkbox input[type="checkbox"]:disabled ~ .form__chooser__text:after {
  opacity: 0.5;
}
.form__element.validation--error .form__checkbox input[type="checkbox"] ~ .form__chooser__text:before {
  border-color: #f93b18;
}
.form__element.validation--error .form__checkbox input[type="checkbox"]:checked ~ .form__chooser__text:before {
  border-color: #f93b18;
}
.form__checkbox input.preventAnimation[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.form__checkbox input.preventAnimation[type="checkbox"] ~ .form__chooser__text {
  padding-top: 0.2rem;
  padding-left: 2.8rem;
  display: inline-block;
  min-height: 2.2rem;
  position: relative;
}
.form__checkbox input.preventAnimation[type="checkbox"] ~ .form__chooser__text:before,
.form__checkbox input.preventAnimation[type="checkbox"] ~ .form__chooser__text:after {
  display: block;
  position: absolute;
  cursor: pointer;
  height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form__checkbox input.preventAnimation[type="checkbox"] ~ .form__chooser__text:after {
  content: "";
  width: 0;
  height: 0;
  border: 0;
}
.form__checkbox input.preventAnimation[type="checkbox"]:checked ~ .form__chooser__text:after {
  -webkit-animation: none;
          animation: none;
  border-color: none;
}
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 0.8rem;
  }
  50% {
    height: 1.3rem;
    width: 0.8rem;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 0.8rem;
  }
  50% {
    height: 1.3rem;
    width: 0.8rem;
  }
}
.voucher-code {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem;
  font-weight: bold;
  border: 1px dotted #000000;
  padding: 0.8rem;
  margin-left: 3rem;
}
.voucher-code:hover {
  text-decoration: none;
}
.voucher-code.voucher--padding {
  margin-left: 0;
  padding-left: 3.8rem;
}
.voucher-code.voucher--padding:before {
  left: 0.8rem;
}
.voucher-code:before {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  font-size: 2.2rem;
  text-decoration: none;
  content: "\EA3C";
  position: absolute;
  display: block;
  left: -3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.voucher-code:before:before {
  position: relative;
  top: 0.5rem;
}
.standard__tooltip {
  color: #ffffff;
  background-color: #000;
  padding: 1rem;
  border-radius: 0.8rem;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
}
.standard__tooltip:before {
  content: "";
  display: none;
  width: 1rem;
  height: 1rem;
  background-color: #000;
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
}
.standard__tooltip.tooltip--top:before {
  top: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
  display: block;
}
.standard__tooltip.tooltip--right:before {
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
  display: block;
}
.standard__tooltip.tooltip--bottom:before {
  bottom: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
  display: block;
}
.standard__tooltip.tooltip--left:before {
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
  display: block;
}
.standard__tooltip.tooltip--animation--top,
.standard__tooltip.tooltip--animation--right,
.standard__tooltip.tooltip--animation--bottom,
.standard__tooltip.tooltip--animation--left {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.standard__tooltip.tooltip--animation--top {
  -webkit-animation-name: tooltip--slidein-top;
          animation-name: tooltip--slidein-top;
}
.ie9 .standard__tooltip.tooltip--animation--top,
.ielt9 .standard__tooltip.tooltip--animation--top {
  -webkit-animation: none;
          animation: none;
  opacity: 1 !important;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.standard__tooltip.tooltip--animation--right {
  -webkit-animation-name: tooltip--slidein-right;
          animation-name: tooltip--slidein-right;
}
.ie9 .standard__tooltip.tooltip--animation--right,
.ielt9 .standard__tooltip.tooltip--animation--right {
  -webkit-animation: none;
          animation: none;
  opacity: 1 !important;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.standard__tooltip.tooltip--animation--bottom {
  -webkit-animation-name: tooltip--slidein-bottom;
          animation-name: tooltip--slidein-bottom;
}
.ie9 .standard__tooltip.tooltip--animation--bottom,
.ielt9 .standard__tooltip.tooltip--animation--bottom {
  -webkit-animation: none;
          animation: none;
  opacity: 1 !important;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.standard__tooltip.tooltip--animation--left {
  -webkit-animation-name: tooltip--slidein-left;
          animation-name: tooltip--slidein-left;
}
.ie9 .standard__tooltip.tooltip--animation--left,
.ielt9 .standard__tooltip.tooltip--animation--left {
  -webkit-animation: none;
          animation: none;
  opacity: 1 !important;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.standard__tooltip.tooltip--hide {
  animation-direction: reverse;
}
.ie9 .standard__tooltip.tooltip--hide,
.ielt9 .standard__tooltip.tooltip--hide {
  -webkit-animation: none;
          animation: none;
  opacity: 0 !important;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.standard__tooltip.tooltip--showcase {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.standard__tooltip.tooltip--validation {
  color: #000;
  background-color: #ffffc5;
}
.standard__tooltip.tooltip--validation:before {
  background-color: #ffffc5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes tooltip--slidein-top {
  from {
    -webkit-transform: translateY(80%);
            transform: translateY(80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tooltip--slidein-top {
  from {
    -webkit-transform: translateY(80%);
            transform: translateY(80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tooltip--slidein-right {
  from {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes tooltip--slidein-right {
  from {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes tooltip--slidein-bottom {
  from {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tooltip--slidein-bottom {
  from {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes tooltip--slidein-left {
  from {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes tooltip--slidein-left {
  from {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.headline-article {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.2rem;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem;
}
@media (min-width: 768px) {
  .headline-article {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
@media (min-width: 992px) {
  .headline-article {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 56px;
    line-height: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .headline-article {
    font-size: 68px;
    font-size: 6.8rem;
    line-height: 76px;
    line-height: 7.6rem;
  }
}
.headline-article.headline-article--medium {
  letter-spacing: 0.1rem;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 26px;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .headline-article.headline-article--medium {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px;
    line-height: 3.2rem;
  }
}
@media (min-width: 992px) {
  .headline-article.headline-article--medium {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 38px;
    line-height: 3.8rem;
  }
}
@media (min-width: 1200px) {
  .headline-article.headline-article--medium {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
.headline-article.headline-article--small {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  line-height: 4.2rem;
  letter-spacing: inherit;
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .headline-article.headline-article--small {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
}
@media (min-width: 992px) {
  .headline-article.headline-article--small {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .headline-article.headline-article--small {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
}
.headline-article.headline-article--left {
  text-align: left;
}
.headline-article.headline-article--right {
  text-align: right;
}
.headline-article.headline-article--inline {
  display: inline-block;
}
.headline-article.theme--primary {
  color: #ffda00;
}
.headline-article.theme--secondary {
  color: #2071b5;
}
.headline-article.theme--tertiary {
  color: #666666;
}
.headline-article.theme--quaternary {
  color: #1e324f;
}
.headline-article.theme--quinary {
  color: #005c63;
}
.headline-article.theme--senary {
  color: #d1266b;
}
.headline-article.theme--septenary {
  color: #3dc07c;
}
.headline-article.theme--octonary {
  color: #9b62c3;
}
.space-separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8rem;
  width: 100%;
  clear: both;
}
.space-separator.space-separator--medium {
  height: 4rem;
}
.space-separator.space-separator--small {
  height: 3rem;
}
.space-separator.space-separator--dashed {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(51%, #000), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #000 51%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 14px 1px;
  background-repeat: repeat-x;
}
.space-separator-theme--wave {
  width: calc(100% - 16px);
  height: 8rem;
  margin: auto;
  background: url(../images/spacer/SpacerDivider.svg) repeat-x center;
  background-size: 165% 100%;
}
@media (min-width: 480px) {
  .space-separator-theme--wave {
    background-size: 125% 100%;
  }
}
@media (min-width: 992px) {
  .space-separator-theme--wave {
    background-size: 100% 100%;
  }
}
.stage-promo-bubble {
  position: relative;
  text-align: left;
  z-index: 100;
}
@media (max-width: 768px) {
  .stage-promo-bubble {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
  }
  .stage-promo-bubble .stage-promo-bubble__circle span {
    display: inline;
    position: static;
    vertical-align: middle;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}
.stage-promo-bubble .stage-promo-bubble__circle {
  height: 3.8rem;
  text-align: center;
}
.stage-promo-bubble .stage-promo-bubble__circle span {
  display: inline;
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.stage-promo-bubble .stage-promo-bubble__circle:after {
  content: "";
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
.stage-nd > .stage-promo-bubble {
  height: auto;
}
@media (min-width: 768px) {
  .stage-promo-bubble {
    max-width: 131.6rem;
    margin: 0 auto;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--bold {
    font-weight: bold;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--vf-font {
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--italic {
    font-style: italic;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--small {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--medium {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--big {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle {
    position: absolute;
    left: 1rem;
    top: 6.5rem;
    width: 11rem;
    height: 11rem;
    padding: 2.2rem;
    border-radius: 50%;
    z-index: 100;
  }
  .stage-promo-bubble .stage-promo-bubble__circle span:only-child {
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
    word-break: break-all;
  }
  .stage-promo-bubble .stage-promo-bubble__circle span {
    display: block;
    top: 30%;
    left: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
    word-break: break-all;
  }
  .stage-promo-bubble .stage-promo-bubble__circle span + span {
    top: 60%;
    left: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
    word-break: keep-all;
  }
  .stage-promo-bubble.skew .stage-promo-bubble__circle {
    -webkit-transform: rotateZ(-20deg);
        -ms-transform: rotate(-20deg);
            transform: rotateZ(-20deg);
  }
  .stage-promo-bubble.skew.right .stage-promo-bubble__circle {
    -webkit-transform: rotateZ(20deg);
        -ms-transform: rotate(20deg);
            transform: rotateZ(20deg);
    left: auto;
    right: 1rem;
  }
  .stage-promo-bubble.stage-promo-bubble--ribbon .stage-promo-bubble__circle {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: static;
    width: 100%;
    border-radius: 0;
    padding: 0.8rem;
  }
  .stage-promo-bubble.stage-promo-bubble--ribbon .stage-promo-bubble__circle span {
    display: inline;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
  .stage-promo-bubble.stage-promo-bubble--ribbon .stage-promo-bubble__circle:after {
    content: "";
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .stage-promo-bubble .stage-promo-bubble__circle--small {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--medium {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 30px;
    line-height: 3rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle--big {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    line-height: 4rem;
  }
  .stage-promo-bubble .stage-promo-bubble__circle {
    position: absolute;
    left: 1rem;
    top: 4.5rem;
    width: 14rem;
    height: 14rem;
  }
}
@media (min-width: 1200px) {
  .stage-promo-bubble .stage-promo-bubble__circle {
    position: absolute;
    left: 1rem;
    top: 4.5rem;
    width: 16rem;
    height: 16rem;
  }
}
.stage-promo-bubble.theme--primary .stage-promo-bubble__circle {
  background: #ffda00;
}
.stage-promo-bubble.theme--primary .stage-promo-bubble__circle a {
  color: #000000;
}
.stage-promo-bubble.theme--primary .stage-promo-bubble__circle span {
  color: #000000;
}
.stage-promo-bubble.theme--secondary .stage-promo-bubble__circle {
  background: #2071b5;
}
.stage-promo-bubble.theme--secondary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--secondary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--tertiary .stage-promo-bubble__circle {
  background: #666666;
}
.stage-promo-bubble.theme--tertiary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--tertiary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--quaternary .stage-promo-bubble__circle {
  background: #1e324f;
}
.stage-promo-bubble.theme--quaternary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--quaternary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--quinary .stage-promo-bubble__circle {
  background: #005c63;
}
.stage-promo-bubble.theme--quinary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--quinary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--senary .stage-promo-bubble__circle {
  background: #85254b;
}
.stage-promo-bubble.theme--senary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--senary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--septenary .stage-promo-bubble__circle {
  background: #3dc07c;
}
.stage-promo-bubble.theme--septenary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--septenary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble.theme--octonary .stage-promo-bubble__circle {
  background: #9b62c3;
}
.stage-promo-bubble.theme--octonary .stage-promo-bubble__circle a {
  color: #ffffff;
}
.stage-promo-bubble.theme--octonary .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage-promo-bubble--top {
  top: 1rem;
  bottom: auto;
}
.stage-promo-bubble--ribbon {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media (min-width: 768px) {
  .stage-promo-bubble--ribbon {
    position: absolute;
    top: 3rem;
    bottom: inherit;
    left: -5rem;
    width: 21rem;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-box-shadow: 0 2px 12px rgba(255, 255, 255, 0.4);
            box-shadow: 0 2px 12px rgba(255, 255, 255, 0.4);
  }
}
.stage-promo-bubble--ribbon .stage-promo-bubble__circle {
  height: 3.8rem;
  text-align: center;
}
.map {
  width: 100%;
  height: 44rem;
  margin-top: 4rem;
}
.map-embed {
  width: 100%;
  height: 44rem;
}
.map-embed iframe {
  height: 100%;
  width: 100%;
  border: 0;
}
@media (max-width: 767px) {
  .map-embed {
    margin-bottom: 4rem;
  }
}
.goodreasons .icon {
  float: left;
  margin-right: 0.8rem;
  width: 6.4rem;
  height: 7.4rem;
  font-size: 6.4rem;
  position: relative;
  top: -0.9rem;
}
.goodreasons .icon[class*="nb_"] {
  font-size: 5.6rem;
  top: 0;
}
.page__header a:focus {
  outline-color: #2071b5;
}
.page__header .desktopHeader {
  display: none;
}
@media (min-width: 1180px) {
  .page__header .desktopHeader {
    display: block;
  }
  .page__header .mobileHeader {
    display: none;
  }
}
.page__header .mobileNav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 6rem 1.6rem 0.8rem;
  text-align: left;
  overflow-x: scroll;
  z-index: 2000;
}
.page__header .mobileNav--isVisible {
  display: block;
}
.page__header .mobileNav__close {
  left: 0.8rem;
  top: 0.9rem;
  position: absolute;
}
.page__header .mobileNav__customerType,
.page__header .mobileNav__main,
.page__header .mobileNav__quickAccess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding-left: 3.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page__header .mobileNav__customerTypeItem {
  margin-right: 1.7rem;
}
.page__header .mobileNav__customerTypeItem:last-child {
  margin-right: 0;
}
.page__header .mobileNav__customerTypeLink,
.page__header .mobileNav__mainLink,
.page__header .mobileNav__quickAccessLink {
  color: #000000;
}
.page__header .mobileNav__customerTypeLink:hover,
.page__header .mobileNav__mainLink:hover,
.page__header .mobileNav__quickAccessLink:hover {
  text-decoration: none;
}
.page__header .mobileNav__customerTypeLink {
  color: #4d4d4d;
  display: inline-block;
  line-height: 3rem;
}
.page__header .mobileNav__customerTypeLink--isActive {
  color: #000000;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.page__header .mobileNav__customerType {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 2.4rem;
}
.page__header .mobileNav__mainItem {
  margin-bottom: 0.8rem;
  position: relative;
}
.page__header .mobileNav__mainItem:last-child {
  margin-bottom: 0;
}
.page__header .mobileNav__subListToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background: transparent;
  border: 2px solid transparent;
  padding-left: 26rem;
}
@media (min-width: 480px) {
  .page__header .mobileNav__subListToggle {
    padding-left: 38rem;
  }
}
.page__header .mobileNav__subListToggle:focus {
  outline-color: #2071b5;
}
.page__header .mobileNav__subListToggle > i {
  font-size: 3.2rem;
  line-height: 4rem;
  width: 4rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 4rem;
}
.page__header .mobileNav__mainItem--isOpen .mobileNav__subList {
  display: block;
}
.page__header .mobileNav__mainItem--isOpen .mobileNav__subListToggle i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page__header .mobileNav__mainItem--login {
  margin-top: 1.2rem;
}
.page__header .mobileNav__mainItem--login a {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  line-height: 2.8rem;
  border-radius: 100px;
  max-width: 42rem;
}
.page__header .mobileNav__mainItem--login i {
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 0.6rem;
}
.page__header .mobileNav__mainLink {
  display: inline-block;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 4.4rem;
}
.page__header .mobileNav__subList {
  list-style: none;
  margin-bottom: 0;
  display: none;
  padding: 2.7rem 0;
}
.page__header .mobileNav__subItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.6rem;
}
.page__header .mobileNav__subItem:last-child {
  margin-bottom: 0;
}
.page__header .mobileNav__subLink {
  display: inline-block;
  color: #000000;
  font-size: 1.8rem;
  line-height: 4rem;
}
.page__header .mobileNav__subLink:hover {
  text-decoration: none;
}
.page__header .mobileNav__main {
  margin-bottom: 4.8rem;
  padding-right: 3.2rem;
}
.page__header .mobileNav__quickAccessLink {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 4rem;
}
.page__header .mobileNav__quickAccessLink .icon {
  font-size: 2.4rem;
  margin-right: 0.8rem;
}
.page__header .iconButton {
  cursor: pointer;
  color: #000000;
  height: 4rem;
  width: 4rem;
  border: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.page__header .iconButton i {
  font-size: 2.4rem;
  line-height: 3.4rem;
}
.page__header .iconButton:hover {
  background-color: #cccccc;
}
.page__header .iconButton:active {
  background-color: #999999;
}
.page__header .iconButton:focus {
  border: 2px solid #2071b5;
}
.page__header .mobileHeader {
  padding: 0 1.6rem;
}
.page__header .mobileHeader .mobileHeader__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #cccccc;
  padding: 0.9rem 0 1rem;
}
.page__header .mobileHeader .openNav {
  margin-left: -0.8rem;
}
.page__header .mobileHeader .login {
  margin-right: -0.8rem;
  color: #000000;
}
.page__header .desktopHeader .metaNav,
.page__header .desktopHeader .mainNav {
  max-width: 1296px;
  margin: 0 auto;
  padding: 0 0.8rem;
}
.page__header .desktopHeader .metaNav {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.3rem 0.8rem 0;
}
.page__header .desktopHeader .metaNav__link {
  font-size: 1.2rem;
  line-height: 2.7rem;
  color: #4d4d4d;
  display: inline-block;
  position: relative;
  z-index: 1;
  outline-offset: 1px;
}
.page__header .desktopHeader .metaNav__link--isActive {
  color: #000000;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.page__header .desktopHeader .metaNav__link:hover {
  color: #000000;
  text-decoration: none;
}
.page__header .desktopHeader .metaNav__link i {
  margin-right: 0.6rem;
  font-size: 1.5rem;
}
.page__header .desktopHeader .metaNav__list--customerType .metaNav__link {
  margin-right: 1.6rem;
}
.page__header .desktopHeader .metaNav__list--quickAccess .metaNav__link {
  margin-left: 1.6rem;
}
.page__header .desktopHeader .metaNav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page__header .desktopHeader .mainNav {
  background-color: #ffffff;
  padding-top: 2.7rem;
  position: relative;
}
.page__header .desktopHeader .metaNav__list,
.page__header .desktopHeader .mainNav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page__header .desktopHeader .metaNav__link--isActive:after {
  content: none !important;
}
.page__header .desktopHeader .metaNav__link--isActive:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 0.6rem solid #ffffff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.3rem;
  z-index: -1;
}
.page__header .desktopHeader .mainNav__list {
  border-bottom: 1px solid #cccccc;
  min-height: 5.3rem;
}
.page__header .desktopHeader .mainNav__item {
  margin: 0 0.8rem;
}
.page__header .desktopHeader .mainNav__item:first-child {
  margin-left: 0;
  margin-right: 2.4rem;
}
.page__header .desktopHeader .mainNav__item:last-child {
  margin-right: 0;
}
.page__header .desktopHeader .mainNav__link {
  display: block;
}
.page__header .desktopHeader .mainNav__link--text {
  color: #4d4d4d;
  padding: 0 0 2.6rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.page__header .desktopHeader .mainNav__link--text:hover {
  text-decoration: none;
  color: #000000;
}
.page__header .desktopHeader .mainNav__link--text:focus {
  outline-offset: 0.1rem;
}
.page__header .desktopHeader .mainNav__link--text.mainNav__link--isActive {
  color: #000000;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.page__header .desktopHeader .mainNav__item--login {
  position: absolute;
  margin-top: -2.2rem;
  right: 0.8rem;
  top: 50%;
}
.page__header .desktopHeader .mainNav__item--login i {
  margin-right: 5px;
}
.page__header .desktopHeader .mainNav__item--login a {
  min-width: 144px;
  height: 36px;
}
.page__header .desktopHeader .logo {
  height: 2.7rem;
  width: 17.1rem;
}
.page__header .metaNav__list--customerType .metaNav__link,
.page__header .mainNav__link--text,
.page__header .mobileNav__mainLink,
.page__header .mobileNav__customerTypeLink,
.page__header .mobileNav__subLink {
  position: relative;
}
.page__header .metaNav__list--customerType .metaNav__link:after,
.page__header .mainNav__link--text:after,
.page__header .mobileNav__mainLink:after,
.page__header .mobileNav__customerTypeLink:after,
.page__header .mobileNav__subLink:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: -webkit-transform 50ms ease-out;
  transition: -webkit-transform 50ms ease-out;
  transition: transform 50ms ease-out;
  transition: transform 50ms ease-out, -webkit-transform 50ms ease-out;
  width: 0;
}
.page__header .metaNav__list--customerType .metaNav__link:hover:after,
.page__header .mainNav__link--text:hover:after {
  border-bottom: 4px solid #2071b5;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  width: 100%;
}
.page__header .mainNav__link--isActive:after,
.page__header .mainNav__link--isActive:hover:after,
.page__header .mobileNav__mainLink--isActive:after,
.page__header .mobileNav__customerTypeLink--isActive:after,
.page__header .mobileNav__subLink--isActive:after {
  border-bottom: 4px solid #ffda00;
  width: 100%;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.page__header .mobileNav__subLink--isActive {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  border-bottom-width: 3px;
}
.page__header .metaNav__list--customerType .metaNav__link:hover:after {
  border-bottom: 2px solid #2071b5;
}
.page__header .mobileNav__customerTypeLink--isActive:after {
  border-bottom-width: 2px;
}
body.mobile--full-vp .navigation__mobileMenu__buttons--right {
  display: none;
  top: -3.7rem;
}
body.mobile--full-vp .header .col-xs-12 a {
  pointer-events: none;
}
body.mobile--full-vp .header .col-xs-12 a .logo {
  opacity: 0;
}
@media (min-width: 1180px) {
  body.mobile--full-vp .header .col-xs-12 a .logo {
    opacity: 1;
  }
}
@media (max-width: 1179px) {
  body.mobile--full-vp {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed;
  }
  body.mobile--full-vp .navigation {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
  }
  body.mobile--full-vp .navigation .navigation_toggle {
    position: absolute;
    top: 1.3rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    max-height: 100%;
  }
  body.mobile--full-vp .navigation .navigation_toggle .navigation__toplevel {
    margin: 0 -8px 0;
    border-top: 1px solid #000000;
  }
  body.mobile--full-vp .navigation.navigation--one-level {
    background: #ffffff;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle > * {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__toplevel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    border-top: none;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0;
    color: #000000;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--logout,
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link {
    margin-left: 0;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--logout a,
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link a {
    padding: 0 0 0.5rem 0;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--logout a:active,
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link a:active {
    background: #f2f2f2;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .action--link {
    margin-right: 1.9rem;
    margin-left: -0.5rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .action--link a {
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .action--link a span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19.599999999999998px;
    line-height: 1.9599999999999997rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .action--link.active span:after {
    content: "";
    top: 2.2rem;
    left: 0;
    border-bottom: 2px solid #ffda02;
    border-left: none;
    border-right: none;
    width: 100%;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .static {
    padding-bottom: 7.2rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .static a span {
    color: #000000;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special {
    padding: 1.6rem 0 2.4rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special a {
    width: auto;
    padding-right: 0.8rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special span {
    margin-left: 0.3rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special .vf-icon-user,
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special .vf-icon-nb_user_rgb {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 29px;
    line-height: 2.9rem;
    width: 3.2rem;
    height: 2.8rem;
  }
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special .vf-icon-user::before,
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions .special .vf-icon-nb_user_rgb::before {
    font-weight: bold;
  }
}
@media (max-width: 1179px) and (max-width: 1179px) {
  body.mobile--full-vp .navigation.navigation--one-level .navigation_toggle .navigation__actions {
    padding-left: 4.8rem;
  }
}
.navigation {
  width: 100%;
}
@media (min-width: 1180px) {
  .navigation {
    overflow: visible;
    background: #f2f2f2;
    max-width: 192rem;
    margin: 0 auto;
  }
}
.navigation .action--logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navigation .navigation__mobileMenu {
  position: relative;
  height: 0;
  max-height: 0;
  z-index: 3;
}
.navigation .navigation_toggle {
  max-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f2f2f2;
}
@media (min-width: 1180px) {
  .navigation .navigation_toggle {
    overflow: visible;
    max-height: 100%;
  }
}
@media (max-width: 991px) {
  .navigation .navigation_toggle .row > div {
    padding: 10px 20px;
  }
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .container {
    width: 100%;
    max-width: unset;
  }
}
.navigation.navigation--one-level .navigation_toggle {
  height: 0;
  background: transparent;
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle {
    height: auto;
    padding: 0;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  fill: #ffffff;
  line-height: 1.8rem;
  position: absolute;
  top: -7.4rem;
  right: 0;
  z-index: 2;
  padding-top: 0;
}
@media (max-width: 1200px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions {
    top: -6.6rem;
  }
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 1156px;
    max-width: calc(100% - 16px);
    position: static;
    top: -5.7rem;
    padding: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions {
    width: calc(100% - 16px);
    max-width: 129.6rem;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic {
  position: absolute;
  top: 0;
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic {
    position: static;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 991px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic.action--login,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static.action--login {
  color: #000000;
  display: block;
}
@media (max-width: 991px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic.action--login,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static.action--login {
    display: none;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic i,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static i {
  position: relative;
  top: 1px;
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic i,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static i {
    left: 25px;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-smartphone,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-smartphone,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-nb_pin_rgb,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-nb_pin_rgb,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-headset,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-headset,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-globe2,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-globe2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem;
  top: 0.4px;
  display: inline;
}
@media (max-width: 1179px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-smartphone,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-smartphone,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-nb_pin_rgb,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-nb_pin_rgb,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-headset,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-headset,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .vf-icon-globe2,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static .vf-icon-globe2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 33.599999999999994px;
    line-height: 3.3599999999999994rem;
    top: 0;
  }
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic .special,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static .special {
    display: none;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0;
  margin-right: 0;
  margin-left: calc(0.9rem + 0.25vw);
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div:first-child,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div:first-child {
  margin-left: 0;
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div i,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div i {
  position: static;
  display: inline-block;
  margin: 0.12rem;
}
@media (max-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div i,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div i {
    margin: 0;
    margin-right: 0.75rem;
    color: #000000;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div .navigation__mobileMenuIcon__text,
.navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div .navigation__mobileMenuIcon__text {
  padding: 0;
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div a,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div a {
    padding: 0.4rem 0;
    position: relative;
    color: #666666;
    -webkit-transition: color 50ms ease-out;
    transition: color 50ms ease-out;
  }
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div a:after,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div a:after {
    position: absolute;
    content: "";
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0);
    bottom: 0;
    left: 0;
    width: 0;
    -webkit-transition: -webkit-transform 50ms ease-out;
    transition: -webkit-transform 50ms ease-out;
    transition: transform 50ms ease-out;
    transition: transform 50ms ease-out, -webkit-transform 50ms ease-out;
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div a:hover,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div a:hover {
    color: #000000;
  }
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div a:hover:after,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div a:hover:after {
    content: "";
    border-bottom: 2px solid #2071b5;
    width: 100%;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    margin-bottom: -0.2rem;
  }
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .dynamic > div.active a:hover:after,
  .navigation.navigation--one-level .navigation_toggle .navigation__actions .static > div.active a:hover:after {
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link.active span {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  color: #000000;
  position: relative;
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link.active span:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 0.6rem solid #ffffff;
  position: absolute;
  bottom: -8px;
  left: 45%;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.navigation.navigation--one-level .navigation_toggle .navigation__actions .action--link.active span a:hover:after {
  border: none;
}
.navigation.navigation--one-level .navigation_toggle .main-navigation__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation.navigation--one-level .navigation_toggle .main-navigation__list--level1 {
  display: none;
}
.navigation.navigation--one-level .navigation_toggle .main-navigation__item--login > a {
  display: block;
}
.navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .icon {
  color: #000000;
  font-size: 2.8rem;
  line-height: 1;
}
.navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .label {
  margin-bottom: 0;
}
@media (max-width: 1179px) {
  .navigation.navigation--one-level .navigation_toggle .main-navigation {
    padding: 2.5rem 0 0 4.8rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__list--level0 {
    width: 254px;
    padding-top: 2rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__list--level1 {
    padding: 2.4rem 0 1.2rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__list--level1.open {
    display: block;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0 {
    position: relative;
    padding: 2rem 0 0;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0 .vf-icon {
    cursor: pointer;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 2.3rem;
    text-align: right;
    width: 100%;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0 .vf-icon:before {
    display: inline-block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0.open .vf-icon:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level1 {
    padding: 0.6rem 0;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login {
    margin: 3.2rem 0 1.1rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .icon,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .label {
    display: inline-block;
    vertical-align: top;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .icon {
    font-size: 2.4rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .label {
    color: #000000;
    font-size: 1.8rem;
    margin-left: 1.1rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link {
    color: #000000;
    display: block;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level1 {
    position: relative;
    display: inline-block;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0:after,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level1:after {
    background-color: #ffda00;
    content: "";
    display: none;
    height: 4px;
    margin-bottom: -0.6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0:hover:after,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level1:hover:after {
    background-color: #2071b5;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level1:after {
    height: 3px;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation .main-navigation__item--level1 .main-navigation__link--level1:hover:after {
    display: block;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation .main-navigation__item--level1.active .main-navigation__link--level1:after {
    display: block;
  }
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .main-navigation {
    background-color: white;
    height: 8rem;
    position: relative;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__list--level0 {
    border-bottom: 1px solid rgba(112, 112, 112, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 18.7rem;
    margin: 0 auto;
    max-width: 115.6rem;
    width: calc(100% - 16px);
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: auto;
    text-align: center;
    width: 5.5rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--login .label {
    color: #2071b5;
    margin: 0;
    padding-bottom: 1rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 10px;
    line-height: 1rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0 {
    display: block;
    height: 100%;
    padding-left: 1.6rem;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0 .vf-icon {
    display: none;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0 {
    color: #666;
    display: block;
    font-size: 1.7rem;
    height: 100%;
    line-height: 5.7rem;
    position: relative;
    padding: 1rem 0;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transition: -webkit-transform 50ms ease-out;
    transition: -webkit-transform 50ms ease-out;
    transition: transform 50ms ease-out;
    transition: transform 50ms ease-out, -webkit-transform 50ms ease-out;
    width: 0;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0:hover,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0--active {
    color: #000000;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0:hover:after,
  .navigation.navigation--one-level .navigation_toggle .main-navigation__link--level0--active:after {
    border-bottom: 4px solid #2071b5;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    width: 100%;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0.active .main-navigation__link--level0 {
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
    color: #000000;
  }
  .navigation.navigation--one-level .navigation_toggle .main-navigation__item--level0.active .main-navigation__link--level0:after {
    border-bottom: 4px solid gold;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .navigation.navigation--one-level .navigation_toggle .main-navigation__list--level0 {
    max-width: 129.6rem;
  }
}
.navigation.navigation--one-level .navigation_toggle .navigation__mobileMenuIcon__text {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  color: #666666;
  vertical-align: text-bottom;
  cursor: pointer;
  position: relative;
}
@media (min-width: 1180px) {
  .navigation.navigation--one-level .navigation_toggle .navigation__mobileMenuIcon__text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16.799999999999997px;
    line-height: 1.6799999999999997rem;
    padding-left: 24px;
    color: unset;
    vertical-align: baseline;
  }
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons {
  position: absolute;
  top: -4.6rem;
}
@media (min-width: 768px) and (max-width: 1179px) {
  .navigation.navigation--one-level .navigation__mobileMenu__buttons .visible-sm-block {
    display: block !important;
  }
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons--left {
  left: 8px;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons--right {
  right: 0;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .action--login svg,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .action--logout svg {
  width: 32px;
  height: 32px;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .login-toggle {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  outline: none;
  float: right;
  padding: 0 3px;
  cursor: pointer;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle a,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .login-toggle a {
  color: #000000;
  display: block;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle i,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .login-toggle i {
  top: -0.1rem;
  position: relative;
  font-size: 2.8rem;
  line-height: 1;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle .vf-icon-user,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .login-toggle .vf-icon-user {
  left: 0;
  top: 1px;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle .vf-icon-user:before,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .login-toggle .vf-icon-user:before {
  font-weight: bold;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 28px;
  height: 31px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  /* active state*/
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle:focus {
  outline: none;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle span {
  display: block;
  position: absolute;
  top: 14px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #000000;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle span:before,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
  content: "";
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle span::before {
  top: -8px;
  /* autoprefixer: off */
  transition-property: top, transform;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle span::after {
  bottom: -8px;
  /* autoprefixer: off */
  transition-property: bottom, transform;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active {
  width: 2.2rem;
  top: 1.1rem;
  left: 0.2rem;
  background-color: #ffffff;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active span {
  background: none;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active span::after,
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active span::before {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
.navigation.navigation--one-level .navigation__mobileMenu__buttons .navbar-toggle.is-active {
  width: 2.2rem;
  top: 1.1rem;
  left: 0.2rem;
}
.navigation .mpt-feedback-button {
  z-index: 1000 !important;
}
.sub-navigation {
  background: #ffffff;
}
.sub-navigation[data-sticky="true"] {
  position: sticky;
  top: 0;
  z-index: 990;
  background-color: transparent;
  pointer-events: none;
}
.sub-navigation[data-sticky="true"] .navigation--second-level__wrapper {
  background: #ffffff;
}
.sub-navigation[data-sticky="true"] .navigation--second-level {
  pointer-events: auto;
}
.sub-navigation .navigation--second-level {
  background: #ffffff;
  font-size: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.8rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  white-space: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 auto;
}
.sub-navigation .navigation--second-level::-webkit-scrollbar,
.sub-navigation .navigation--second-level::-webkit-scrollbar-track,
.sub-navigation .navigation--second-level::-webkit-scrollbar-thumb {
  display: none;
}
@media (min-width: 992px) {
  .sub-navigation .navigation--second-level {
    display: block;
    white-space: initial;
    overflow: initial;
    width: 1156px;
    max-width: calc(100% - 16px);
    margin: 0 auto 4.8rem auto;
  }
}
@media (min-width: 1200px) {
  .sub-navigation .navigation--second-level {
    width: calc(100% - 16px);
    max-width: 129.6rem;
  }
}
.sub-navigation .navigation--second-level .navigation--second-level__item {
  padding: 0 1.2rem;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 21px;
  line-height: 2.1rem;
  display: inline-block;
  border-bottom: 0.1rem solid #ccc;
}
.sub-navigation .navigation--second-level .navigation--second-level__item:first-child {
  padding-left: 0;
}
.sub-navigation .navigation--second-level .navigation--second-level__item:last-child {
  padding-right: 0;
}
.sub-navigation .navigation--second-level .navigation--second-level__item a {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  color: #666666;
  padding-top: 1.8rem;
  padding-bottom: 2rem;
  display: block;
  -webkit-transition: color 50ms ease-out;
  transition: color 50ms ease-out;
}
.sub-navigation .navigation--second-level .navigation--second-level__item a:after {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  width: 0;
  -webkit-transition: -webkit-transform 50ms ease-out;
  transition: -webkit-transform 50ms ease-out;
  transition: transform 50ms ease-out;
  transition: transform 50ms ease-out, -webkit-transform 50ms ease-out;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  content: "";
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.sub-navigation .navigation--second-level .navigation--second-level__item a:hover {
  color: #000000;
}
.sub-navigation .navigation--second-level .navigation--second-level__item a:hover:after {
  border-bottom: 0.4rem solid #2071b5;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  width: 100%;
}
@media (min-width: 768px) {
  .sub-navigation .navigation--second-level .navigation--second-level__item a {
    padding-top: 2.9rem;
    padding-bottom: 2.6rem;
  }
}
.sub-navigation .navigation--second-level .navigation--second-level__item:first-child {
  margin-left: 0;
}
.sub-navigation .navigation--second-level .navigation--second-level__item:last-child {
  margin-right: 1.6rem;
  padding-right: 0;
}
.sub-navigation .navigation--second-level .navigation--second-level__item.active a {
  color: #000000;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.sub-navigation .navigation--second-level .navigation--second-level__item.active a:after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  border-bottom: 0.4rem solid #ffda00;
  width: 100%;
}
.sub-navigation .navigation--second-level.navigation--second-level__swipeable {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1.6rem;
  margin-bottom: 0;
}
.breadcrumbs {
  max-width: 1296px;
  margin: 0 auto;
  padding: 2px 16px;
  text-align: left;
}
@media (min-width: 1180px) {
  .breadcrumbs {
    padding: 2px 8px;
  }
}
.breadcrumbs__list {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs__item {
  display: none;
}
.breadcrumbs__item:nth-last-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 1180px) {
  .breadcrumbs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumbs__item:nth-child(1) i {
    padding: 0 5px;
  }
}
@media (min-width: 1180px) {
  .breadcrumbs__item:nth-child(n+2) .vf-icon:before {
    display: inline-block;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.breadcrumbs__link {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  color: #4d4d4d;
  font-size: 14px;
}
@media (min-width: 1180px) {
  .breadcrumbs__link {
    font-size: 12px;
  }
}
.breadcrumbs__link:hover {
  color: #000000;
}
.breadcrumbs__link:focus {
  outline-color: #2071b5;
  outline-offset: 2px;
}
.breadcrumbs__link--isActive {
  color: #000000;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.breadcrumbs__item i,
.breadcrumbs__item a {
  line-height: 40px;
}
.breadcrumbs__item i {
  font-size: 16px;
  color: #4d4d4d;
  width: auto;
  height: auto;
}
.breadcrumbs__item i.vf-icon-house {
  font-size: 20px;
}
.footer h2,
.footer h3 {
  color: #000000;
}
@media (min-width: 992px) {
  .footer .hidden {
    display: unset;
  }
}
.footer .footer__products .footer__headline {
  padding-top: 4rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 992px) {
  .footer .footer__products .footer__headline {
    padding-top: 6.4rem;
  }
}
.footer .footer__products .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0 0 4rem;
}
@media (min-width: 992px) {
  .footer .footer__products .list {
    margin: 0 0.8rem 4.8rem;
  }
}
@media (min-width: 1350px) {
  .footer .footer__products .list {
    margin: 0 6.4rem 4.8rem;
  }
}
.footer .footer__products .list__item {
  margin-bottom: 0;
}
.footer .footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .footer .footer__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer .footer__wrapper .list__item {
  padding: 1.05rem 0 1.25rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
}
.footer .footer__wrapper h3 {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  display: none;
}
@media (min-width: 992px) {
  .footer .footer__wrapper h3 {
    display: block;
  }
}
@media (min-width: 992px) {
  .footer .footer__wrapper .accordeon__button {
    display: none;
  }
}
@media (min-width: 992px) {
  .footer__column {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    margin-right: 1.6rem;
  }
  .footer__column:last-child {
    margin-right: 0;
  }
}
.footer__copyright {
  text-align: center;
  color: #666666;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .footer__copyright {
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
  }
}
.footer__elements--with-social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .footer__elements--with-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 0.1rem solid #cccccc;
  }
}
@media (min-width: 1350px) {
  .footer__elements--with-social-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer__elements--campaigns {
  border-top: 0.1rem solid #cccccc;
}
@media (min-width: 992px) {
  .footer__elements--campaigns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer__linklist {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.8rem;
  margin: 0 auto;
  margin-bottom: 1.6rem;
  max-width: inherit;
}
@media (min-width: 992px) {
  .footer__linklist {
    gap: 0 1.6rem;
  }
}
@media (min-width: 1350px) {
  .footer__linklist {
    margin-bottom: 0;
  }
}
.footer__linklist > li {
  margin: 1.3rem 0;
}
.footer ul > li a.link--footer,
.footer ul > li a.link--subfooter,
.footer ul > li button.button--as-inline-link.link--subfooter {
  text-decoration: none;
  color: #666666;
}
.footer ul > li a.link--footer:hover,
.footer ul > li a.link--subfooter:hover,
.footer ul > li button.button--as-inline-link.link--subfooter:hover,
.footer ul > li a.link--footer:active,
.footer ul > li a.link--subfooter:active,
.footer ul > li button.button--as-inline-link.link--subfooter:active {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.footer ul > li a.link--footer:focus-visible,
.footer ul > li a.link--subfooter:focus-visible,
.footer ul > li button.button--as-inline-link.link--subfooter:focus-visible {
  outline: 0.2rem solid #2071b5;
  outline-offset: 0.4rem;
}
.footer ul button.button--as-inline-link.link--subfooter {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
a.link--footer {
  position: relative;
}
a.link--footer:before {
  position: absolute;
  content: '';
  top: -1.2rem;
  right: -1.2rem;
  left: -1.2rem;
  bottom: -1.2rem;
}
a.link--subfooter {
  position: relative;
}
a.link--subfooter:before {
  position: absolute;
  content: '';
  top: -1.3rem;
  right: -1.3rem;
  left: -1.3rem;
  bottom: -1.3rem;
}
button.link--subfooter {
  position: relative;
}
button.link--subfooter:before {
  position: absolute;
  content: '';
  top: -1.35rem;
  right: -1.35rem;
  left: -1.35rem;
  bottom: -1.35rem;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
.form {
  margin-bottom: 16px;
}
.form__header {
  padding: 24px 24px 0px 24px;
}
.form__header--highlight {
  color: #2071b5;
}
/*.form__element--highlight {
  background-color: #D6D6D6;
  padding-left: 6px;
  padding-right: 6px;
}*/
.form--grey {
  background: #f2f2f2;
  border: 1px solid #a5a5a5;
}
.form__section {
  padding: 0px 24px 16px 24px;
  margin-bottom: 0;
}
.form__actions {
  padding: 8px 16px 32px 16px;
}
.form__actions--border-bottom {
  border-bottom: 1px solid #a5a5a5;
}
.form__actions--overflow-y {
  overflow-y: hidden;
}
.form__element {
  position: relative;
  margin-bottom: 15px;
}
.form__text {
  line-height: 2.4rem;
}
.form__annotation {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15.399999999999999px;
  line-height: 1.5399999999999998rem;
  padding-left: 2.8rem;
  display: inline-block;
  margin-top: 0.8rem;
}
/*
08-04-2019
Introduced as solution for captcha, to make impression is some kind of leftover by developer, this field is hidden by CSS
Backend if detect that is filled in by ex.: bot then know to reject form or treat as spam
*/
.form__element--example {
  position: absolute;
  /* prettier-ignore */
  left: 6e;
  height: 0;
  overflow: hidden;
}
.form__control {
  margin-bottom: 4px;
  width: 100%;
}
.form__control .form__input,
.form__control .form__text-area {
  -webkit-box-shadow: inset 0 0.1rem 0.1rem #a5a5a5;
          box-shadow: inset 0 0.1rem 0.1rem #a5a5a5;
}
.form__control .arrow {
  height: 22px;
  width: 22px;
  position: absolute;
  top: 36px;
  right: 10px;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: #ffffff;
}
@media (max-width: 992px) {
  .form__control .arrow {
    display: none;
  }
}
.form__control--datepicker i,
.form__control--datepicker--orange i {
  position: absolute;
  right: 0.5rem;
  top: 3.4rem;
  pointer-events: none;
  line-height: 1;
}
.form__control--datepicker--blue {
  color: #2071b5;
}
.form__control--append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.no-flexbox .form__control--append,
.ie9 .form__control--append {
  position: relative;
}
.no-flexbox .form__control--append:before,
.ie9 .form__control--append:before,
.no-flexbox .form__control--append:after,
.ie9 .form__control--append:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.no-flexbox .form__control--append:after,
.ie9 .form__control--append:after {
  clear: both;
}
.no-flexbox .form__control--append:before,
.ie9 .form__control--append:before,
.no-flexbox .form__control--append:after,
.ie9 .form__control--append:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.no-flexbox .form__control--append:after,
.ie9 .form__control--append:after {
  clear: both;
}
.form__element__label {
  display: block;
  margin-bottom: 4px;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.form__element__label--normal {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.form__element__label--medium {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
}
.form__element__label--hidden {
  display: none;
}
.form__text-area {
  width: 100%;
  min-height: 128px;
  padding: 5px 7px;
  resize: vertical;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  vertical-align: middle;
  border: 1px solid #a5a5a5;
}
.loading .form__text-area {
  background: url(../images/loading.gif) no-repeat;
  background-color: #ffffff;
  background-position: 99% 5%;
  background-size: 20px;
}
.form__input {
  width: 100%;
  min-height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  vertical-align: middle;
  border: 1px solid #a5a5a5;
}
.form__input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a5a5a5;
}
.form__input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a5a5a5;
}
.form__input:-moz-read-only {
  /* For Firefox */
  color: #a5a5a5;
}
.form__input:read-only {
  color: #a5a5a5;
  cursor: default;
  outline: none;
}
.loading .form__input {
  background: url(../images/svg/vf_loader_black.svg) no-repeat;
  background-color: #ffffff;
  background-position: 95% 50%;
  background-size: 20px;
}
.iOS .form__input {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 17px;
  line-height: 1.7rem;
}
.form__input--higher {
  padding: 10px 7px;
  color: #000000;
  border: 1px #a5a5a5 solid;
}
.form__input__file-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  white-space: nowrap;
}
.form__input__file-group .vf-icon-nb_download_rgb {
  font-size: 1.7rem;
}
.form__input__file-name {
  padding-left: 0.6rem;
  color: #d9d9d9;
}
.form__select {
  width: 100%;
  min-height: 32px;
  padding: 5px 7px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  vertical-align: middle;
  border: 1px solid #a5a5a5;
  color: #000000;
  background-image: url(../images/el_custom-formelement-select.png);
  background-repeat: repeat-x;
}
.form__select:focus {
  border: 1px solid #a5a5a5;
  background-image: none;
}
.loading .form__select {
  background: url(../images/loading.gif) 94% 50% / 20px 20px no-repeat, url(../images/el_custom-formelement-select.png) repeat-x;
}
@media (min-width: 768px) {
  .loading .form__select {
    background: url(../images/loading.gif) 96% 50% / 20px 20px no-repeat, url(../images/el_custom-formelement-select.png) repeat-x;
  }
}
.form__input--small {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 12px;
  line-height: 1.2rem;
  min-height: 26px;
  max-height: 26px;
}
.no-flexbox .form__input--append,
.ie9 .form__input--append {
  display: block;
  float: left;
  max-width: 99%;
}
.form__explaination {
  margin-bottom: 4px;
}
.form__input--error {
  border: 1px solid #f93b18;
}
.form__errorText {
  display: none;
  margin-bottom: 0px;
  line-height: 2.4rem;
  color: #f93b18;
}
.twitter-typeahead {
  width: 100%;
  position: relative;
  display: inline-block;
  direction: ltr;
}
.twitter-typeahead:after {
  content: attr(data-content);
  display: block;
  height: 32px;
  min-height: 32px;
  font-size: 13px;
  line-height: 35px;
  border: 1px solid transparent;
  top: 0px;
  left: 58px;
  position: absolute;
  color: #a5a5a5;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 75%;
}
.twitter-typeahead--ones-1:after {
  -webkit-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
          transform: translateX(-3px);
}
#calc .twitter-typeahead--ones-1:after {
  margin-left: -5px;
}
.twitter-typeahead--ones-2:after {
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
          transform: translateX(-6px);
}
#calc .twitter-typeahead--ones-2:after {
  margin-left: -10px;
}
.twitter-typeahead--ones-3:after {
  -webkit-transform: translateX(-9px);
      -ms-transform: translateX(-9px);
          transform: translateX(-9px);
}
#calc .twitter-typeahead--ones-3:after {
  margin-left: -15px;
}
.tt-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #a5a5a5;
  width: 100%;
  z-index: 100;
}
.tt-dropdown-menu .tt-suggestion {
  line-height: 24px;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 8px;
  padding-bottom: 0px;
  display: block;
  cursor: pointer;
}
.tt-dropdown-menu .tt-suggestion p {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tt-dropdown-menu .tt-suggestion:hover {
  background-color: #a5a5a5;
}
.borderCaseContent {
  display: none;
}
.form__element.validation--error .form__errorText {
  display: block;
}
.form__element.validation--error .form__input {
  border: 1px solid #f93b18;
}
.form__element.validation--error .form__text-area {
  border: 1px solid #f93b18;
}
.form__element.validation--error .form__element__label {
  color: #f93b18;
}
.form__element.validation--error .form__select {
  border: 1px solid #f93b18;
}
#input__honu {
  width: 25%;
}
.form__section--orange {
  background: #ffda00;
}
legend {
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
}
legend.form__header {
  padding: 24px 24px 2px 0px;
}
.form.gtk_form input[type="file"] {
  display: none;
}
.form--box-validation {
  padding: 6rem 0.8rem 1rem 0.8rem;
}
@media (min-width: 768px) {
  .form--box-validation {
    padding: 1rem 0 0 0;
  }
}
.form--box-validation a.login-action:hover {
  text-decoration: underline;
}
.form--box-validation .action--register,
.form--box-validation .action--lost-username,
.form--box-validation .action--lost-password,
.form--box-validation .action--lost-register {
  display: block;
  padding-top: 2.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .form--box-validation .action--register,
  .form--box-validation .action--lost-username,
  .form--box-validation .action--lost-password,
  .form--box-validation .action--lost-register {
    padding-top: 0.8rem;
    padding-bottom: 2rem;
    text-align: left;
  }
}
.form--box-validation .action-list {
  text-align: center;
}
.form--box-validation .action-list li {
  list-style-type: none;
  padding: 12px 0;
}
.form--box-validation .login-error .form__text {
  z-index: 99;
  background: #f93b18;
  padding: 1rem;
  position: relative;
  margin-top: 0.5rem;
}
.form--box-validation .login-error .form__text .form__errorText {
  display: block;
  color: #ffffff;
}
.form--box-validation .hidden-sm .form__text {
  margin-top: 0;
}
.form--box-validation .form__element.validation--error .form__input {
  border-width: 0.2rem;
}
.form--box-validation .form__element.validation--error .form__errorText {
  z-index: 99;
  background: #f93b18;
  color: #ffffff;
  padding: 1rem;
  position: relative;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .form--box-validation .form__element.validation--error .form__errorText {
    margin-top: 0.5rem;
    position: relative;
    margin-top: 0.7rem;
  }
}
.form--box-validation .form__element.validation--error .form__errorText:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-bottom: 0.7rem solid #f93b18;
  position: absolute;
  top: -0.63rem;
  left: 1.4rem;
}
.form--box-validation .form__element.validation--error .form__errorText-checkbox:before {
  left: 0.3rem;
}
.form--box-validation .form__element.validation--error .form__errorText-mainMsg:before {
  content: unset;
  top: 0;
  left: 0;
}
/**
 * datepicker.less
 */
.form-control.form-datepicker {
  background-position: 99% 50%;
}
.datepicker {
  top: 0;
  left: 0;
  padding: 10px 20px;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.datepicker.dropdown-menu {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px #b3b3b3;
          box-shadow: 0 2px 10px #b3b3b3;
  display: none;
  float: left;
  left: 0;
  list-style: none outside none;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
.datepicker.dropdown-menu.datepicker-orient-top {
  margin-top: 10px;
}
.datepicker.dropdown-menu.datepicker-orient-bottom {
  margin-bottom: 10px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  margin: 0;
  table-layout: fixed;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 27px;
  height: 25px;
  padding: 0;
}
.datepicker td.day {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.799999999999997px;
  line-height: 1.6799999999999997rem;
  font-weight: bold;
  color: #262626;
  border: 1px solid #ccc;
  background: #f2f2f2;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
}
.datepicker td.day:not(.disabled):not(.active):hover {
  background: #f2f2f2;
}
.datepicker td.old,
.datepicker td.new,
.datepicker td.disabled {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16.799999999999997px;
  line-height: 1.6799999999999997rem;
  font-weight: bold;
  color: rgba(75, 75, 75, 0.3);
}
.datepicker td.disabled {
  cursor: default;
}
.datepicker td.today {
  color: #262626;
  background: #f2f2f2;
}
.datepicker td.active,
.datepicker td.active:hover {
  background: #0f59a5;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span {
  display: block;
  width: 58px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
}
.datepicker td span:hover {
  background: #eee;
}
.datepicker td span.active {
  background: #0f59a5;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.old,
.datepicker td span.new,
.datepicker td span.disabled {
  color: rgba(75, 75, 75, 0.3);
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker .dow {
  font-size: 10px;
  font-size: 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #4b4b4b;
  font-weight: normal;
}
.datepicker .datepicker-months .datepicker-switch,
.datepicker .datepicker-years .datepicker-switch {
  width: 135px;
}
.datepicker .datepicker-switch {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  line-height: 3rem;
  padding: 0 0.4rem;
  border-width: 0.1rem;
  border-style: solid;
  cursor: pointer;
  border-radius: 2rem;
  color: #ffffff;
  background: #2071b5;
  border-color: #2071b5;
}
.datepicker .datepicker-switch:hover,
.datepicker .datepicker-switch:active {
  background: #1e324f;
  color: #ffffff;
  border-color: #1e324f;
}
.form.form--corporate {
  position: relative;
}
.form.form--corporate input::-webkit-input-placeholder,
.form.form--corporate textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
}
.form.form--corporate input::-moz-placeholder,
.form.form--corporate textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
}
.form.form--corporate input:-moz-placeholder,
.form.form--corporate textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
}
.form.form--corporate input:-ms-input-placeholder,
.form.form--corporate textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
}
.form.form--corporate .form__element {
  position: relative;
}
.form.form--corporate .form__control .form__input,
.form.form--corporate .form__control .form__select,
.form.form--corporate .form__control .form__text-area {
  -webkit-box-shadow: inset 0 0.1rem 0.1rem #aaa;
          box-shadow: inset 0 0.1rem 0.1rem #aaa;
  border: 0.1rem solid #d6d6d6;
  padding: 0.3rem 0.2rem;
  background-color: #ffffff;
  height: 3.8rem;
  text-indent: 0.4rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .form.form--corporate .form__control .form__input,
  .form.form--corporate .form__control .form__select,
  .form.form--corporate .form__control .form__text-area {
    height: 2.4rem;
  }
}
.form.form--corporate .form__control .form__radio .form__input,
.form.form--corporate .form__control .form__checkbox .form__input {
  width: auto;
  min-height: inherit;
  margin: 0 4px 0 0;
}
.form.form--corporate .form__select {
  outline: none;
}
.form.form--corporate .form__checkbox {
  display: block;
  margin-left: 0.4rem;
  margin-bottom: 0.4rem;
}
.form.form--corporate .form__checkbox + .form__checkbox {
  margin-top: 1rem;
}
.form.form--corporate .form__checkbox input[type="checkbox"] ~ .form__chooser__text:before,
.form.form--corporate .form__checkbox input[type="checkbox"] ~ .form__chooser__text:after {
  height: 2rem;
}
.form.form--corporate .form__checkbox input[type="checkbox"] ~ .form__chooser__text:before {
  top: 0.3rem;
  width: 2rem;
  border: 0.1rem solid #aaa;
}
.form.form--corporate .form__checkbox input[type="checkbox"] ~ .form__chooser__text:after {
  content: "";
  width: 0.8rem;
  height: 1.5rem;
  top: 1.5rem;
  left: 0.3rem;
  border-right-width: 0.2rem;
  border-top-width: 0.2rem;
  -webkit-transform: scaleX(-1) rotate(145deg);
      -ms-transform: scaleX(-1) rotate(145deg);
          transform: scaleX(-1) rotate(145deg);
}
.form.form--corporate .form__checkbox input[type="checkbox"]:hover ~ .form__chooser__text:before,
.form.form--corporate .form__checkbox input[type="checkbox"]:active ~ .form__chooser__text:before,
.form.form--corporate .form__checkbox input[type="checkbox"]:focus ~ .form__chooser__text:before {
  border-width: 0.1rem;
}
.form.form--corporate .form__checkbox input[type="checkbox"]:checked ~ .form__chooser__text:after {
  -webkit-animation: none;
          animation: none;
}
@media (min-width: 768px) {
  .form.form--corporate .form__checkbox {
    display: inline-block;
  }
  .form.form--corporate .form__checkbox + .form__radio {
    margin-top: 0;
  }
}
.form.form--corporate .form__radio {
  display: block;
  margin-left: 0.4rem;
  margin-bottom: 0.4rem;
}
.form.form--corporate .form__radio + .form__radio {
  margin-top: 1rem;
}
.form.form--corporate .form__radio input[type="radio"] ~ .form__chooser__text:before {
  border: 0.1rem solid #aaa;
}
.form.form--corporate .form__radio input[type="radio"] ~ .form__chooser__text:after {
  width: 1.1rem;
  height: 1.1rem;
  left: 0.6rem;
  top: 0.6rem;
}
@media (min-width: 768px) {
  .form.form--corporate .form__radio {
    display: inline-block;
  }
  .form.form--corporate .form__radio + .form__radio {
    margin-top: 0;
  }
}
.form.form--corporate .validation--error .form__input,
.form.form--corporate .validation--error .form__text-area {
  background-color: #ffffc5;
}
.form--box-validation.form.form--corporate .validation--error .form__input,
.form--box-validation.form.form--corporate .validation--error .form__text-area {
  border-width: 0.1rem;
}
.form.form--corporate .validation--error.form__element:not(.form__element--selectable) .form__errorText {
  display: none;
}
.form--box-validation.form.form--corporate .validation--error .form__errorText {
  background: #ffffc5;
  color: #000;
  -webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.5);
  border-radius: 0.8rem;
}
.form--box-validation.form.form--corporate .validation--error .form__errorText:before {
  border-bottom: 0.7rem solid #ffffc5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form.form--corporate .validation--error .form__element__label {
  color: #000000;
}
.form.form--corporate .validation--error input[type="radio"] ~ .form__chooser__text:before {
  background-color: #ffffc5;
}
.form.form--corporate .validation--error input[type="checkbox"] ~ .form__chooser__text:before {
  background-color: #ffffc5;
}
.chatBot__bubble {
  bottom: 2.4rem;
  position: fixed;
  right: 1.6rem;
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .chatBot__bubble {
    bottom: 3.6rem;
    right: 2.4rem;
  }
}
.chatBot__bubble--visible {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.no-touch .chatBot__bubble:hover > span,
.touch .chatBot__bubble:active > span {
  -webkit-box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 10px -2px rgba(0, 0, 0, 0.25);
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.chatBot__bubble-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6rem;
  width: 6rem;
  font-size: 1.6rem;
  border-radius: 100%;
  -webkit-box-shadow: 12px 14px 8px -14px rgba(0, 0, 0, 0.16), 6px 12px 20px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 12px 14px 8px -14px rgba(0, 0, 0, 0.16), 6px 12px 20px -4px rgba(0, 0, 0, 0.2);
  color: #000000;
  background-color: #ffda00;
  -webkit-transition: opacity 0.5s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.5s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  transition: box-shadow 0.2s, transform 0.2s, opacity 0.5s;
  transition: box-shadow 0.2s, transform 0.2s, opacity 0.5s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  padding-top: 1px;
}
@media (min-width: 480px) {
  .chatBot__bubble-icon {
    height: 7.6rem;
    width: 7.6rem;
  }
}
.chatBot__bubble-icon--hidden {
  pointer-events: none;
  opacity: 0;
}
.chatBot__bubble-icon i {
  display: inline-block;
  font-size: 2.8rem;
}
@media (min-width: 480px) {
  .chatBot__bubble-icon i {
    font-size: 4rem;
  }
}
html.hasProductCalculator .chatBot__bubble {
  bottom: 8.4rem;
}
@media (min-width: 768px) {
  html.hasProductCalculator .chatBot__bubble {
    bottom: 9.6rem;
  }
}
@media (min-width: 992px) {
  html.hasProductCalculator .chatBot__bubble {
    bottom: 3.6rem;
  }
}
html.hasVoucherPopup .chatBot__bubble {
  bottom: 9.4rem;
}
@media (min-width: 768px) {
  html.hasVoucherPopup .chatBot__bubble {
    bottom: 10.6rem;
  }
}
@media (min-width: 992px) {
  html.hasVoucherPopup .chatBot__bubble {
    bottom: 3.6rem;
  }
}
.kso-callback-popup {
  all: initial;
}
.kso-callback-popup * {
  all: unset;
}
.kso-callback-popup.button:before {
  all: unset;
}
.kso-callback-popup.button {
  all: unset;
}
.kso-callback-popup.button--quaternary-fullwidth {
  all: unset;
}
.article-carousel {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6rem;
}
.article-carousel__header {
  text-align: center;
}
@media (min-width: 992px) {
  .article-carousel__header {
    padding-left: 2rem;
    text-align: left;
  }
}
.article-carousel__content {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .article-carousel__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.article-carousel__text:has(.button) {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .article-carousel__text {
    padding: 3rem 2rem;
  }
  .article-carousel__text:has(.button) {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .article-carousel__text {
    width: 50%;
  }
}
.article-carousel__text th {
  text-align: left;
}
.article-carousel__text th,
.article-carousel__text td {
  vertical-align: baseline;
  padding: 0 1rem 1rem 0;
}
.article-carousel__text p {
  margin-bottom: 0.4rem;
}
.article-carousel__text p:has(+ a.button) {
  margin-bottom: 1.4rem;
}
.article-carousel__carousel {
  position: relative;
  margin-bottom: 8rem;
  width: 100%;
}
@media (min-width: 620px) {
  .article-carousel__carousel {
    max-width: 50rem;
  }
}
@media (min-width: 992px) {
  .article-carousel__carousel {
    margin: 4rem;
  }
}
.article-carousel__slide {
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 100%;
  height: 33rem;
  border: 0.5rem solid #ffffff;
}
@media (min-width: 480px) {
  .article-carousel__slide {
    border: 0.5rem solid #ffffff;
  }
}
@media (min-width: 992px) {
  .article-carousel__slide {
    margin-right: 0;
    margin-left: -6rem;
    border: 2rem solid #ffffff;
    height: 42rem;
  }
}
.article-carousel__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-carousel .slick-slide {
  outline: none;
}
.article-carousel .slick-list {
  padding: 0 2rem;
}
.article-carousel .slick-dots {
  bottom: -4rem;
}
.article-scroller {
  padding: 0 2.8rem;
}
@media (min-width: 768px) {
  .article-scroller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.article-scroller .article-scroller__content {
  margin-top: 5.7rem;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__content {
    position: sticky;
    top: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
    width: 55%;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__content {
    top: 0;
    margin-top: 8.2rem;
  }
}
.article-scroller .article-scroller__content.article-scroller__header {
  margin-top: 0;
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__content.article-scroller__header {
    margin-top: 0;
  }
}
.article-scroller .article-scroller__header > h1 {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 2rem;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 32px;
  line-height: 3.2rem;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__header > h1 {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__header > h1 {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__header > h1 {
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
    font-size: 2.8rem;
    line-height: 1.25;
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .article-scroller .article-scroller__header > h1 {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .article-scroller .article-scroller__header > h1 {
    font-size: 4.8rem;
  }
}
.article-scroller .article-scroller__image {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__image {
    width: calc(100% - 7rem);
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__image {
    width: calc(100% - 14rem);
  }
}
.article-scroller .article-scroller__text {
  margin: 0;
  padding: 2rem 2rem 4rem 2rem;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__text {
    margin: -20rem 4rem 4rem 4rem;
    padding: 24rem 3rem 4rem 3rem;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__text {
    margin: -30rem 6rem 4rem 6rem;
    padding: 34rem 4rem 4rem 4rem;
  }
}
.article-scroller .article-scroller__side {
  width: 100%;
  margin-top: 5.7rem;
  margin-bottom: 5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__side {
    width: 23%;
    margin-left: 3rem;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__side {
    width: 18%;
    margin-top: 8.2rem;
    margin-left: 6rem;
  }
}
.article-scroller .article-scroller__side__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article-scroller .article-scroller__side__items .slick-dots {
  bottom: -2rem;
}
.article-scroller .article-scroller__teaser {
  position: relative;
  margin-bottom: 3rem;
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 1rem;
}
.article-scroller .article-scroller__teaser::before {
  content: "";
  width: 0.1rem;
  margin-left: -0.1rem;
  float: left;
  height: 0;
  padding-top: 100%;
}
.article-scroller .article-scroller__teaser::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__teaser {
    padding: 0;
    margin-bottom: 4rem;
  }
  .article-scroller .article-scroller__teaser:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .article-scroller .article-scroller__teaser:hover .article-scroller__teaser__layer {
    height: 40%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .article-scroller .article-scroller__teaser:hover .article-scroller__teaser__layer {
    height: 38%;
  }
}
.article-scroller .article-scroller__teaser__image {
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
  height: auto;
}
.article-scroller .article-scroller__teaser__layer {
  position: absolute;
  bottom: 0;
  height: 20%;
  width: 100%;
  background: #ffffff;
  opacity: 0.9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.4rem;
  -webkit-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__teaser__layer {
    height: 38%;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__layer {
    padding: 1rem;
    height: 34%;
  }
}
@media (min-width: 1200px) {
  .article-scroller .article-scroller__teaser__layer {
    padding: 2rem;
  }
}
.article-scroller .article-scroller__teaser__header {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
  color: #000000;
  margin-bottom: 0;
  text-align: left;
  top: 2rem;
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__header {
    font-size: 1.8rem;
  }
}
@media (min-width: 480px) {
  .article-scroller .article-scroller__teaser__header {
    line-height: 2rem;
  }
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__teaser__header {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    top: 0;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__header {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.article-scroller .article-scroller__teaser__more-info {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
  color: #000000;
  margin-bottom: 0;
  text-align: left;
  top: 2rem;
  position: relative;
  text-decoration: none;
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__more-info {
    font-size: 1.8rem;
  }
}
@media (min-width: 480px) {
  .article-scroller .article-scroller__teaser__more-info {
    line-height: 2rem;
  }
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__teaser__more-info {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    top: 0;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__more-info {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.article-scroller .article-scroller__teaser__more-info .vf-icon::before {
  position: relative;
  bottom: -0.4rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .article-scroller .article-scroller__teaser__more-info .vf-icon::before {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  .article-scroller .article-scroller__teaser__more-info .vf-icon::before {
    font-size: 2.2rem;
  }
}
.iframe iframe {
  width: 100%;
}
@media (max-width: 480px) {
  .iframe iframe {
    position: relative;
    left: -0.8rem;
  }
}
.external_iframe iframe {
  width: 100%;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.external_iframe {
  margin: 0 0.4rem;
}
.iframe_aspect_ratio_16_by_9 {
  aspect-ratio: 1.77777778;
}
.flexible-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexible-content:before,
.flexible-content:after {
  content: normal !important;
}
.flexible-content--margin {
  margin-bottom: 1.6rem;
}
@media (min-width: 992px) {
  .flexible-content--margin {
    margin-bottom: 0;
  }
}
.flexible-content > div {
  outline: none;
}
.flexible-content .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexible-content .slick-track > div {
  outline: none;
}
.flexible-content .flex-sm-min.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.flexible-content .slick-dots {
  position: relative;
  margin: 0 0 1rem 0;
  bottom: 1.5rem;
}
.flexible-content.slick-slider {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
@media (max-width: 479px) {
  .wrap-xxs div[class^="col-"] {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .wrap-xs div[class^="col-"] {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrap-sm div[class^="col-"] {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wrap-md div[class^="col-"] {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .wrap-lg div[class^="col-"] {
    width: 100%;
  }
}
.footnote {
  margin-top: 4rem;
  color: #a5a5a5;
}
.footnote span,
.footnote p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.footnote__text {
  margin-left: 2rem;
  margin-bottom: 0.4rem;
}
@media (min-width: 992px) {
  .footnote__text {
    margin-left: 3.2rem;
  }
}
.osram-container {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #ffda00));
  background-image: linear-gradient(to bottom, #ffffff 50%, #ffda00 50%);
}
.osram-container .osram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .osram-container .osram {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .osram-container .osram {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
}
.osram-container .osram .osram__logo {
  position: relative;
  text-align: center;
  min-height: 14.5rem;
}
@media (min-width: 768px) {
  .osram-container .osram .osram__logo {
    min-height: 14rem;
  }
}
.osram-container .osram .osram__logo img {
  position: absolute;
  display: inline-block;
  width: auto;
  max-height: 14rem;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.osram-container .osram .osram__header {
  text-align: center;
  min-height: 3rem;
  color: #000000;
}
.osram-container .osram .osram__image {
  min-height: 5rem;
}
@media (max-width: 768px) {
  .osram-container .osram .osram__image {
    max-width: 100%;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .osram-container .osram .osram__image img {
    max-width: 100%;
  }
}
.osram-container .osram .osram__text {
  padding-top: 1rem;
  text-align: center;
  min-height: 3rem;
  color: #ffffff;
  margin-bottom: 1.6rem;
}
.osram-container .osram .osram__text p:last-child {
  margin-bottom: 0;
}
.osram-container .osram .osram__action {
  min-height: 1rem;
}
.osram-container.theme--primary .osram .osram__text {
  color: #000000;
}
.osram-container.theme--secondary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #1e324f));
  background-image: linear-gradient(to bottom, #ffffff 50%, #1e324f 50%);
}
.osram-container.theme--tertiary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #3dc07c));
  background-image: linear-gradient(to bottom, #ffffff 50%, #3dc07c 50%);
}
.osram-container.theme--quaternary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #9b62c3));
  background-image: linear-gradient(to bottom, #ffffff 50%, #9b62c3 50%);
}
.osram-container.theme--quinary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #666666));
  background-image: linear-gradient(to bottom, #ffffff 50%, #666666 50%);
}
.osram-container.theme--senary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #85254b));
  background-image: linear-gradient(to bottom, #ffffff 50%, #85254b 50%);
}
.osram-container.theme--septenary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #005c63));
  background-image: linear-gradient(to bottom, #ffffff 50%, #005c63 50%);
}
.osram-container.theme--septenary .osram .osram__text {
  color: #000000;
}
.osram-container.theme--octonary {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #ebf2f3));
  background-image: linear-gradient(to bottom, #ffffff 50%, #ebf2f3 50%);
}
.osram-container.theme--octonary .osram .osram__text {
  color: #000000;
}
.osram-container.theme--octonary .osram .osram__header {
  color: #000000;
}
.osram-container.theme--octonary .headline-article--small {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 36px;
  line-height: 3.6rem;
}
.osram-container.theme--octonary--no-image {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #ffffff), color-stop(53%, #ebf2f3));
  background-image: linear-gradient(to bottom, #ffffff 53%, #ebf2f3 53%);
}
.structure--stage {
  min-height: 200px;
  height: auto;
  position: relative;
}
.structure--stage > .stage > .container > .row > [class^="col-"] {
  position: static;
}
.stage {
  padding: 20px 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  min-height: 200px;
}
.stage-xl-height {
  height: 37.6rem;
}
@media (min-width: 768px) {
  .stage-xl-height {
    height: 50rem;
  }
}
@media (min-width: 1200px) {
  .stage-xl-height {
    height: 60rem;
  }
}
.structure--stage-nd {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 192rem;
  height: auto;
  overflow: hidden;
}
.structure--stage-nd--full {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media (max-width: 768px) {
  .structure--stage-nd--full {
    min-height: 98vh;
  }
}
.structure--stage-nd .icon--pointer i {
  font-size: 6.5rem;
  position: relative;
  top: 2rem;
}
.structure--stage-nd > .stage > .container > .row > [class^="col-"] {
  position: static;
}
.stage-nd {
  height: 26.4rem;
}
.structure--stage-nd--xl .stage-nd {
  height: 37.6rem;
}
@media (min-width: 768px) {
  .structure--stage-nd--xl .stage-nd {
    height: 50rem;
  }
}
@media (min-width: 1200px) {
  .structure--stage-nd--xl .stage-nd {
    height: 60rem;
  }
}
.structure--stage-nd--full .stage-nd {
  height: auto;
}
.stage-nd > div {
  height: 26.4rem;
}
.structure--stage-nd--xl .stage-nd > div {
  height: 37.6rem;
}
@media (min-width: 768px) {
  .structure--stage-nd--xl .stage-nd > div {
    height: 50rem;
  }
}
@media (min-width: 1200px) {
  .structure--stage-nd--xl .stage-nd > div {
    height: 60rem;
  }
}
.structure--stage-nd--full .stage-nd > div {
  height: auto;
}
.stage-nd > div.stage-nd-label {
  height: unset;
}
.stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #ffda00;
}
.stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #000000;
}
.stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #000000;
}
.stage-nd .button--primary {
  border-width: 0;
}
.stage-nd .button--primary:hover,
.stage-nd .button--primary:active {
  border-color: #000000;
}
.stage-nd svg {
  fill: #ffffff;
}
.stage-nd .stage__no-background {
  background: none !important;
}
.stage-nd .stage__content-overlay--darken {
  background: rgba(0, 0, 0, 0.2) !important;
}
.stage-nd-label {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .stage-nd-label {
    display: none;
  }
}
.stage-nd-label__text {
  display: inline-block;
  background: #ffda00;
  color: #000000;
  margin-bottom: 0;
  z-index: 1000;
  position: absolute;
  padding: 6px 12px;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22.4px;
  line-height: 2.2399999999999998rem;
}
@media (min-width: 480px) {
  .stage-nd-label__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25.2px;
    line-height: 2.52rem;
    padding: 8px 16px;
    min-width: 5rem;
  }
}
@media (min-width: 768px) {
  .stage-nd-label__text {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30.799999999999997px;
    line-height: 3.0799999999999996rem;
    padding: 12px 20px;
  }
}
.stage__logo,
.stage__content {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.stage__logo .input__overlay_item--white,
.stage__content .input__overlay_item--white,
.stage__logo .form__errorText,
.stage__content .form__errorText,
.stage__logo .form__element__label,
.stage__content .form__element__label {
  text-align: left;
}
.stage__logo {
  z-index: 10;
  padding: 1rem;
}
.stage-nd--xl--logo {
  z-index: 1;
  position: relative;
  min-height: 1px;
  margin-bottom: 5rem;
}
.stage-nd--xl--logo img {
  position: absolute;
  top: 1.8rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 25rem;
  height: 25rem;
}
.stage__content p:empty {
  margin-bottom: 0;
}
.structure--stage-nd--full .stage__content {
  top: 20%;
}
.stage__content:has(.button) {
  padding: 0 1.6rem;
}
.stage__img {
  display: block;
  width: 100%;
  height: 26.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  background: center / cover no-repeat;
}
.structure--stage-nd--xl .stage__img {
  height: 37.6rem;
}
@media (min-width: 768px) {
  .structure--stage-nd--xl .stage__img {
    height: 50rem;
  }
}
@media (min-width: 1200px) {
  .structure--stage-nd--xl .stage__img {
    height: 60rem;
  }
}
.structure--stage-nd--xl .stage__img video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}
.structure--stage-nd--xl .stage__img .loader {
  display: block;
  position: absolute;
  top: 27%;
  left: 50%;
  margin-left: -0.5rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  -webkit-animation: dotsCircle 1.3s infinite linear;
          animation: dotsCircle 1.3s infinite linear;
  color: #ffffff;
  font-size: 1rem;
}
.structure--stage-nd--full .stage__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
}
.stage__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 992px) {
  .stage__img-overlay--blur2px {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}
@media (max-width: 992px) {
  .stage__img-overlay--blur4px {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}
@media (max-width: 992px) {
  .stage__img-overlay--blur6px {
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
}
.stage__headline,
.stage__content h1,
.stage__content h2,
.stage__content h3,
.stage__content h4 {
  padding: 0 1rem;
  max-width: 100%;
  color: inherit;
  font-weight: normal;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 34px;
  line-height: 3.4rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
}
.structure--stage-nd--xl .stage__headline,
.structure--stage-nd--xl .stage__content h1,
.structure--stage-nd--xl .stage__content h2,
.structure--stage-nd--xl .stage__content h3,
.structure--stage-nd--xl .stage__content h4 {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 480px) {
  .stage__headline,
  .stage__content h1,
  .stage__content h2,
  .stage__content h3,
  .stage__content h4 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
}
@media (min-width: 768px) {
  .stage__headline,
  .stage__content h1,
  .stage__content h2,
  .stage__content h3,
  .stage__content h4 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
@media (min-width: 992px) {
  .stage__headline,
  .stage__content h1,
  .stage__content h2,
  .stage__content h3,
  .stage__content h4 {
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 64px;
    line-height: 6.4rem;
  }
}
.stage__text {
  padding: 0 1rem;
}
.stage__content > p,
.stage__text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
}
@media (min-width: 480px) {
  .stage__content > p,
  .stage__text {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}
@media (min-width: 768px) {
  .stage__content > p,
  .stage__text {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
@media (min-width: 992px) {
  .stage__content > p,
  .stage__text {
    font-size: 30px;
    font-size: 3rem;
    line-height: 32px;
    line-height: 3.2rem;
  }
}
#videoMask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(-101%);
      -ms-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  z-index: 1000;
  background: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}
#videoMask .jwplayer {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 50%;
  text-align: center;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.hiddenLeft {
  -webkit-transform: translateX(-101%) !important;
      -ms-transform: translateX(-101%) !important;
          transform: translateX(-101%) !important;
}
.showFromLeft {
  -webkit-transform: translateX(0%) !important;
      -ms-transform: translateX(0%) !important;
          transform: translateX(0%) !important;
}
.structure--stage-nd.theme--primary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--primary .stage-nd .stage__content {
  background: #2071b5;
}
.structure--stage-nd.theme--primary .stage-nd .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.structure--stage-nd.theme--primary .stage-nd .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.structure--stage-nd.theme--primary .stage-nd .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.structure--stage-nd.theme--primary .stage-nd .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.structure--stage-nd.theme--primary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #ffda00;
}
.structure--stage-nd.theme--primary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #000000;
}
.structure--stage-nd.theme--primary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #000000;
}
.structure--stage-nd.theme--secondary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--secondary .stage-nd .stage__content {
  background: #1e324f;
}
.structure--stage-nd.theme--secondary .stage-nd .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.structure--stage-nd.theme--secondary .stage-nd .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.structure--stage-nd.theme--secondary .stage-nd .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.structure--stage-nd.theme--secondary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #2071b5;
}
.structure--stage-nd.theme--secondary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--secondary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--tertiary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--tertiary .stage-nd .stage__content {
  background: #d9d9d9;
}
.structure--stage-nd.theme--tertiary .stage-nd .button {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.structure--stage-nd.theme--tertiary .stage-nd .button:hover {
  background: #79aad3;
  color: #ffffff;
}
.structure--stage-nd.theme--tertiary .stage-nd .button:active {
  background-color: #1e324f;
  color: #ffffff;
}
.structure--stage-nd.theme--tertiary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #666666;
}
.structure--stage-nd.theme--tertiary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--tertiary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--quaternary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--quaternary .stage-nd .stage__content {
  background: #85254b;
}
.structure--stage-nd.theme--quaternary .stage-nd .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.structure--stage-nd.theme--quaternary .stage-nd .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.structure--stage-nd.theme--quaternary .stage-nd .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.structure--stage-nd.theme--quaternary .stage-nd .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.structure--stage-nd.theme--quaternary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #2071b5;
}
.structure--stage-nd.theme--quaternary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--quaternary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--quinary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--quinary .stage-nd .stage__content {
  background: #85254b;
}
.structure--stage-nd.theme--quinary .stage-nd .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.structure--stage-nd.theme--quinary .stage-nd .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.structure--stage-nd.theme--quinary .stage-nd .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.structure--stage-nd.theme--quinary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #ffda00;
}
.structure--stage-nd.theme--quinary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #000000;
}
.structure--stage-nd.theme--quinary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #000000;
}
.structure--stage-nd.theme--senary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--senary .stage-nd .stage__content {
  background: #85254b;
}
.structure--stage-nd.theme--senary .stage-nd .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.structure--stage-nd.theme--senary .stage-nd .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.structure--stage-nd.theme--senary .stage-nd .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.structure--stage-nd.theme--senary .stage-nd .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.structure--stage-nd.theme--senary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #1e324f;
}
.structure--stage-nd.theme--senary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--senary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--septenary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--septenary .stage-nd .stage__content {
  background: #2071b5;
}
.structure--stage-nd.theme--septenary .stage-nd .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.structure--stage-nd.theme--septenary .stage-nd .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.structure--stage-nd.theme--septenary .stage-nd .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.structure--stage-nd.theme--septenary .stage-nd .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.structure--stage-nd.theme--septenary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #85254b;
}
.structure--stage-nd.theme--septenary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--septenary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--octonary .stage-nd {
  color: #ffffff;
}
.structure--stage-nd.theme--octonary .stage-nd .stage__content {
  background: #2071b5;
}
.structure--stage-nd.theme--octonary .stage-nd .button {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.structure--stage-nd.theme--octonary .stage-nd .button:hover {
  background: #79aad3;
  color: #ffffff;
}
.structure--stage-nd.theme--octonary .stage-nd .button:active {
  background-color: #1e324f;
  color: #ffffff;
}
.structure--stage-nd.theme--octonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #85254b;
}
.structure--stage-nd.theme--octonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--octonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.structure--stage-nd.theme--nonary .stage-nd {
  color: #000000;
}
.structure--stage-nd.theme--nonary .stage-nd .stage__content {
  background: #d9d9d9;
}
.structure--stage-nd.theme--nonary .stage-nd .loader {
  color: #ffda00;
}
.structure--stage-nd.theme--nonary .stage-nd .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.structure--stage-nd.theme--nonary .stage-nd .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.structure--stage-nd.theme--nonary .stage-nd .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.structure--stage-nd.theme--nonary .stage-nd .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.structure--stage-nd.theme--nonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle {
  background: #2071b5;
}
.structure--stage-nd.theme--nonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle a {
  color: #ffffff;
}
.structure--stage-nd.theme--nonary .stage-nd .stage-promo-bubble .stage-promo-bubble__circle span {
  color: #ffffff;
}
.stage__content:has(a.button) p.icon--pointer {
  margin-top: 1.6rem;
}
@media (min-width: 992px) {
  .stage__content:has(a.button) p.stage__text {
    margin-bottom: 3.4rem;
  }
  .stage__content:has(a.button) p.icon--pointer {
    margin-top: 3.2rem;
  }
}
.steps h2 {
  margin: 10px 0 0 0;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}
.steps h2:before {
  font-family: Verdana;
  display: block;
  position: relative;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  margin: 0 auto 10px auto;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background-color: #666666;
}
@media (min-width: 992px) {
  .steps h2:before {
    display: inline-block;
    margin-right: 12px;
  }
}
.steps ul {
  counter-reset: steps;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .steps ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.steps ul li {
  counter-increment: steps;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .steps ul li {
    margin: 0 40px;
  }
}
.steps ul li h2 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.steps ul li h2:before {
  content: counter(steps);
}
.steps ul li h2.active:before {
  background-color: #ffda00;
  color: #000000;
}
.steps ul li h2 span {
  display: none;
}
@media (min-width: 480px) {
  .steps ul li h2 span {
    display: inline-block;
  }
}
.stage__teaser {
  width: 100%;
}
.stage__teaser > p br,
.stage__teaser > h1 br {
  display: none;
}
@media (min-width: 768px) {
  .stage__teaser {
    width: auto;
  }
  .stage__teaser > p br,
  .stage__teaser > h1 br {
    display: block;
  }
}
.teaser-box {
  color: #ffffff;
  text-align: center;
  position: relative;
  margin-bottom: 1.6rem;
}
@media (min-width: 480px) and (max-width: 768px) {
  .teaser-box {
    width: 40rem;
    display: block;
    margin: 0 auto 2rem auto;
  }
}
.teaser-box img {
  max-width: 100%;
}
.teaser-box .teaser-box__headline {
  padding: 2rem;
  position: absolute;
  top: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  .teaser-box .teaser-box__headline {
    padding: 1rem;
  }
}
.teaser-box .teaser-box__headline h3 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36.4px;
  line-height: 3.6399999999999997rem;
  line-height: 1.25;
}
.teaser-box .teaser-box__headline h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.teaser-box .teaser-box__headline.teaser-box--overlay {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), color-stop(35%, rgba(0, 0, 0, 0.25)), color-stop(90%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
}
.teaser-box .teaser-box__action {
  left: 3%;
  right: 3%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .teaser-box .teaser-box__action {
    padding-bottom: 1rem;
  }
}
.teaser-box .teaser-box__action .button:hover {
  background: #ffffff;
}
.archive-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3rem;
  background: #ffffff;
}
@media (min-width: 992px) {
  .archive-teaser {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    min-height: 28.3rem;
  }
}
.archive-teaser .archive-teaser__content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 3rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .archive-teaser .archive-teaser__content {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 5rem;
  }
}
.archive-teaser .archive-teaser__image {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 28.3rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .archive-teaser .archive-teaser__image {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: auto;
  }
}
.archive-teaser .archive-teaser__headline {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 2rem;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 768px) {
  .archive-teaser .archive-teaser__headline {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .archive-teaser .archive-teaser__headline {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.2rem;
  }
}
.archive-teaser .archive-teaser__headline a {
  color: #000000;
  text-decoration: none;
}
.archive-teaser .archive-teaser__text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 24px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.archive-teaser__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4rem 0;
}
@media (min-width: 768px) {
  .archive-teaser__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.archive-teaser__header .font--heading-m {
  margin: 0 1.5rem 2rem 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .archive-teaser__header .font--heading-m {
    margin: 0 1.5rem 0 0;
    text-align: left;
  }
}
.archive-teaser__header .archive-teaser__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.archive-teaser__header .archive-teaser__button a {
  margin-left: 1.5rem;
  padding: 0 2rem 0 2.4rem;
}
.archive-teaser__header .archive-teaser__button a i {
  display: table-cell;
}
.archive-teaser__header .archive-teaser__button .vf-icon-down:before,
.archive-teaser__header .archive-teaser__button .vf-icon-up:before {
  font-weight: 700;
}
.toggle {
  position: relative;
}
.toggle__content {
  padding-left: 1.6rem;
}
.toggleHandle {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 1.6rem;
  margin-bottom: 1rem;
}
.toggleHandle .vf-icon {
  display: block;
  position: absolute;
  left: -3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  font-size: 1.5rem;
}
.toggleHandle .vf-icon:before {
  font-weight: bold;
}
.toggleHandle.is-active .vf-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.toggleHandle.font--body-m-regular-wide {
  padding-left: 2.3rem;
}
.toggleHandle.font--body-m-regular-wide .vf-icon {
  font-size: 1.9rem;
}
.toggleHandle.font--body-m-regular-wide + .toggle__content {
  padding-left: 2.3rem;
}
.toggleHandle.font--heading-m {
  padding-left: 2.6rem;
}
.toggleHandle.font--heading-m .vf-icon {
  font-size: 2.5rem;
}
.toggleHandle.font--heading-m + .toggle__content {
  padding-left: 2.6rem;
}
.toggleHandle--arrow:before {
  font-family: "vfde-icons";
  content: "\EA03";
  position: absolute;
  left: -0.2rem;
  top: 0;
}
.toggleHandle--arrow:before {
  font-weight: bold;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.toggleHandle--arrow.is-active:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.toggleHandle--large {
  position: relative;
  padding-left: 18px;
  display: block;
}
.toggleHandle--large:before {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  left: 0;
  width: 10px;
  height: 16px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.toggleHandle--large:hover {
  cursor: pointer;
}
.toggleHandle--large.is-active:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.benefit-element {
  min-height: 20rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.benefit-element:hover a {
  text-decoration: none;
}
.benefit-element--small {
  min-height: 16rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}
.no-touch .benefit-element--small:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.benefit-element--small .benefit-element__icon div {
  border-radius: 50%;
  width: 9rem;
  height: 9rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
.benefit-element--small .benefit-element__icon div i {
  top: 2.5rem;
  position: relative;
  font-size: 7rem;
  color: #ffffff;
}
.benefit-element__text {
  margin-top: 3rem;
}
.benefit-element__image img {
  border-radius: 50%;
  width: 16rem;
  height: 16rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.benefit-element__icon div {
  border-radius: 50%;
  width: 16rem;
  height: 16rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 1rem;
  margin: 0 auto;
}
.benefit-element__icon div i {
  top: 6rem;
  position: relative;
  font-size: 12rem;
  color: #ffffff;
}
.benefit-element__background {
  display: table;
  margin: 0 auto;
}
.benefit-element__background p {
  border-radius: 50%;
  width: 16rem;
  height: 16rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 1rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 32px;
  line-height: 3.2rem;
}
.icon-button__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-bottom: 1rem;
}
@media (min-width: 480px) {
  .icon-button__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.icon-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 16rem;
  min-width: 12rem;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding-top: 0rem;
  padding-bottom: 0rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 50%;
}
.icon-button.theme--primary i {
  color: #1e324f;
}
.icon-button.theme--primary p {
  color: #1e324f;
}
.icon-button.theme--secondary i {
  color: #2071b5;
}
.icon-button.theme--secondary p {
  color: #2071b5;
}
.icon-button.theme--tertiary i {
  color: #666666;
}
.icon-button.theme--tertiary p {
  color: #666666;
}
@media (min-width: 480px) {
  .icon-button {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .icon-button {
    width: 8.33333333%;
  }
}
.no-touch .icon-button:hover a {
  background-color: #f2f2f2;
  cursor: pointer;
}
.no-touch .icon-button:hover i,
.no-touch .icon-button:hover p {
  color: #2071b5;
}
.icon-button:hover a {
  text-decoration: none;
  background-color: #f2f2f2;
  height: 150%;
}
.icon-button:hover i,
.icon-button:hover p {
  color: #2071b5;
}
.icon-button.active .icon-button__text {
  color: #005c63;
}
.icon-button .icon-button__icon i {
  font-size: 5rem;
  line-height: 3rem;
  width: 9rem;
  height: 9rem;
  margin: 0.5rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  border-radius: 50%;
  line-height: 11rem;
}
.icon-button .icon-button__icon i:before {
  position: relative;
  top: -1.2rem;
}
@media (min-width: 768px) {
  .icon-button .icon-button__icon i {
    font-size: 6rem;
  }
}
@media (min-width: 992px) {
  .icon-button .icon-button__icon i {
    font-size: 7rem;
  }
}
.icon-button .icon-button__text p {
  padding: 0 0.75rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-weight: 600;
}
.icon-button .icon-button__image {
  overflow: hidden;
}
.icon-button .icon-button__image img {
  border-radius: 50%;
  width: 9rem;
  height: 9rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .icon-button .icon-button__image img {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 992px) {
  .icon-button .icon-button__image img {
    width: 11rem;
    height: 11rem;
    margin-bottom: 1rem;
  }
}
.icon-button[data-reactive-loaded*="querySelectors"] {
  cursor: pointer;
}
.icon-button--pointer {
  cursor: pointer;
}
.icon-button--smaller {
  min-height: 10rem;
  min-width: 4.5rem;
  max-width: 100%;
  margin-top: 1rem;
}
@media (min-width: 480px) {
  .icon-button--smaller {
    width: 16.66666666%;
  }
}
.no-touch .icon-button--smaller:hover a {
  background-color: transparent;
  cursor: pointer;
}
.no-touch .icon-button--smaller:hover a .icon-button__icon i {
  color: #2071b5;
}
.no-touch .icon-button--smaller:hover a .icon-button__text p {
  color: #2071b5;
}
.icon-button--smaller:hover a {
  text-decoration: none;
}
.icon-button--smaller .icon-button__icon i {
  width: 4rem;
  font-size: 5rem;
  line-height: 3rem;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  position: relative;
  left: -0.5rem;
  line-height: 13rem;
}
.icon-button--smaller .icon-button__image img {
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.icon-button--smaller .icon-button__text {
  margin-top: 0;
}
.icon-button--smaller .icon-button__text p {
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  padding: 0 0.25rem;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
}
/** @define headline-vp */
.headline-vp {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 480px) {
  .headline-vp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.headline-vp .headline-vp__icon i {
  font-size: 4.5rem;
  vertical-align: baseline;
}
.headline-vp .headline-vp__icon i[class*="nb_"] {
  font-size: 4rem;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .headline-vp .headline-vp__icon i[class*="nb_"] {
    font-size: 5rem;
  }
}
@media (min-width: 768px) {
  .headline-vp .headline-vp__icon {
    margin-top: 1rem;
  }
  .headline-vp .headline-vp__icon i {
    font-size: 6rem;
  }
}
@media (min-width: 992px) {
  .headline-vp .headline-vp__icon {
    margin-top: 1.5rem;
  }
  .headline-vp .headline-vp__icon i {
    font-size: 7rem;
  }
}
.headline-vp .headline-vp__h2 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 33.599999999999994px;
  line-height: 3.3599999999999994rem;
  max-width: 100%;
}
.headline-vp--orange-line {
  background-image: none;
  margin-top: 1.6rem;
}
.headline-vp--orange-line .headline-vp__icon {
  background-color: #ffffff;
  padding-left: 0;
}
.structure--grey .headline-vp--orange-line .headline-vp__icon {
  background-color: #f2f2f2;
}
.headline-vp--orange-line .headline-vp__h2 {
  background-color: #ffffff;
  padding-right: 0;
}
.structure--grey .headline-vp--orange-line .headline-vp__h2 {
  background-color: #f2f2f2;
}
@media (min-width: 480px) {
  .headline-vp--orange-line {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAANSURBVBhXY1Ao3PofAARBAkadlJ4JAAAAAElFTkSuQmCC");
    background-size: 2px;
    background-repeat: repeat-x;
    background-position-y: 40%;
  }
  .headline-vp--orange-line .headline-vp__icon {
    padding-left: 0.8rem;
  }
  .headline-vp--orange-line .headline-vp__h2 {
    padding-right: 1.4rem;
  }
}
@media (min-width: 768px) {
  .headline-vp--orange-line {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAANSURBVBhXY1Ao3PofAARBAkadlJ4JAAAAAElFTkSuQmCC");
    background-size: 2px;
    background-repeat: repeat-x;
    background-position-y: 45%;
  }
}
.headline-vp-light {
  margin: 0;
  text-align: right;
  color: #f2f2f2;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 228px;
  font-size: 22.8rem;
  line-height: 230px;
  line-height: 23rem;
}
.headline-vp-light--large {
  font-size: 276px;
  font-size: 27.6rem;
  line-height: 278px;
  line-height: 27.8rem;
}
.headline-vp-light--xlarge {
  font-size: 324px;
  font-size: 32.4rem;
  line-height: 326px;
  line-height: 32.6rem;
}
@media (max-width: 1199px) {
  .headline-vp-light {
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 43px;
    line-height: 4.3rem;
  }
}
.headline-standard {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
  position: relative;
  margin-bottom: 0;
  padding: 0 2rem 3rem 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .headline-standard {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
  }
}
@media (min-width: 992px) {
  .headline-standard {
    font-size: 4.8rem;
  }
}
@media (min-width: 992px) {
  .headline-standard {
    padding: 0 10%;
  }
}
.color-bg--grey-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #f2f2f2));
  background: linear-gradient(to bottom, #ffffff 40%, #f2f2f2 40%);
}
@media (min-width: 992px) {
  .color-bg--grey-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #f2f2f2));
    background: linear-gradient(to bottom, #ffffff 70%, #f2f2f2 70%);
  }
}
.color-bg--yellow-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #fffee5));
  background: linear-gradient(to bottom, #ffffff 40%, #fffee5 40%);
}
@media (min-width: 992px) {
  .color-bg--yellow-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #fffee5));
    background: linear-gradient(to bottom, #ffffff 70%, #fffee5 70%);
  }
}
.color-bg--green-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #edf9f3));
  background: linear-gradient(to bottom, #ffffff 40%, #edf9f3 40%);
}
@media (min-width: 992px) {
  .color-bg--green-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #edf9f3));
    background: linear-gradient(to bottom, #ffffff 70%, #edf9f3 70%);
  }
}
.color-bg--blue-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #edf1f6));
  background: linear-gradient(to bottom, #ffffff 40%, #edf1f6 40%);
}
@media (min-width: 992px) {
  .color-bg--blue-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #edf1f6));
    background: linear-gradient(to bottom, #ffffff 70%, #edf1f6 70%);
  }
}
.color-bg--turquoise-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #ebf2f3));
  background: linear-gradient(to bottom, #ffffff 40%, #ebf2f3 40%);
}
@media (min-width: 992px) {
  .color-bg--turquoise-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #ebf2f3));
    background: linear-gradient(to bottom, #ffffff 70%, #ebf2f3 70%);
  }
}
.color-bg--red-light--gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(40%, #fef0ea));
  background: linear-gradient(to bottom, #ffffff 40%, #fef0ea 40%);
}
@media (min-width: 992px) {
  .color-bg--red-light--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(70%, #fef0ea));
    background: linear-gradient(to bottom, #ffffff 70%, #fef0ea 70%);
  }
}
.hero {
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
@media (min-width: 992px) {
  .hero {
    background-position: center;
    background-attachment: initial;
  }
}
@media (min-width: 992px) {
  .hero.hero--contain-image {
    height: 0;
    min-height: auto !important;
    padding-top: 66.72%;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  .hero.hero--contain-image {
    padding-top: 46.87%;
  }
}
@media (max-width: 991px) {
  .hero.hero--hide-mobile-image {
    background-image: none !important;
  }
}
.hero h1 {
  margin: 4rem 1rem;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 56px;
  font-size: 5.6rem;
  line-height: 63px;
  line-height: 6.3rem;
  text-align: center;
}
@media (min-width: 992px) {
  .hero h1 {
    font-size: 150px;
    font-size: 15rem;
    line-height: 140px;
    line-height: 14rem;
  }
}
@media (min-width: 1200px) {
  .hero h1 {
    font-size: 180px;
    font-size: 18rem;
    line-height: 170px;
    line-height: 17rem;
  }
}
.hero__content {
  height: 100%;
  padding: 6rem 0;
}
.hero__content.hero__content--dark-overlay {
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .hero__content.hero__content--dark-overlay {
    background: initial;
  }
}
@media (min-width: 992px) {
  .hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.hero .metainfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 9rem 2rem 0;
}
@media (min-width: 480px) {
  .hero .metainfo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .hero .metainfo {
    position: absolute;
    bottom: 6rem;
    left: 10rem;
    margin: 0;
  }
}
.hero .metainfo__text {
  padding: 2.6rem 0 0 0;
}
@media (min-width: 480px) {
  .hero .metainfo__text {
    padding: 0 0 0 2.6rem;
  }
}
.hero .metainfo__text p {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 27px;
  line-height: 2.7rem;
}
.hero .metainfo__text p strong {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
.hero__dot {
  position: static;
  width: 100%;
  margin: 0 auto;
}
.hero__dot i {
  position: absolute;
  display: block;
  right: 2rem;
  top: 2.5rem;
}
.hero__dot i:before {
  font-size: 3.2rem;
}
.hero__dot__icon {
  display: none;
}
@media (min-width: 992px) {
  .hero__dot__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    margin: 1.8rem;
    border-radius: 50%;
    width: 24px;
    height: 24px;
  }
  .hero__dot--upper-right .hero__dot__icon {
    top: -30px;
    right: -20px;
    left: auto;
  }
  .hero__dot--upper-left .hero__dot__icon {
    top: -30px;
    bottom: auto;
  }
  .hero__dot--bottom-right .hero__dot__icon {
    right: -20px;
    left: auto;
  }
  .hero__dot__icon:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: -8px;
    left: -8px;
    -webkit-animation: pulse2 2.5s ease-out 0s infinite;
            animation: pulse2 2.5s ease-out 0s infinite;
  }
  .hero__dot__icon:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    opacity: 0.5;
    top: -16px;
    left: -16px;
    -webkit-animation: pulse2 2.5s ease-out 0s infinite;
            animation: pulse2 2.5s ease-out 0s infinite;
  }
}
.hero__dot__text {
  display: block;
  position: relative;
  margin: 1rem;
  padding: 2rem 1rem 2rem;
}
@media (min-width: 992px) {
  .hero__dot__text {
    display: none;
    border: none !important;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
            box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
    max-width: 94rem;
    margin: 0 1rem 2.8rem 3rem;
    padding: 2.5rem;
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    background-color: #ffffff;
    color: #000000;
    z-index: 2001;
  }
  .hero__dot--upper-right .hero__dot__text {
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
  }
  .hero__dot--upper-left .hero__dot__text {
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  .hero__dot--bottom-right .hero__dot__text {
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  .hero__dot__text .icon {
    display: none;
  }
}
@media (min-width: 992px) {
  .hero__dot__text {
    max-width: 49rem;
  }
}
@media (min-width: 1600px) {
  .hero__dot__text {
    max-width: 55rem;
  }
}
@media (min-width: 992px) {
  .hero__dot__text p {
    line-height: 2.6rem;
  }
}
.hero__dot__text h2 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 0.9rem;
  padding-right: 3.2rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .hero__dot__text h2 {
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    cursor: initial;
  }
}
@media (min-width: 1200px) {
  .hero__dot__text h2 {
    margin-bottom: 0.8rem;
    padding: 0;
  }
}
.hero__dot__text h2 .icon {
  -webkit-transform-origin: 1.6rem 1.2rem;
      -ms-transform-origin: 1.6rem 1.2rem;
          transform-origin: 1.6rem 1.2rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.hero__dot__text h2.is-active .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hero__dot__title {
  position: absolute;
  white-space: nowrap;
  width: 20rem;
  display: none;
  z-index: 100;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
  .hero__dot__title {
    display: inline-block;
  }
}
.hero__dot__title-bottom {
  text-align: center;
}
.hero__dot__title-top {
  text-align: center;
}
.hero__dot__title-left {
  text-align: right;
  width: auto;
}
.hero__dot__title-right {
  text-align: left;
}
.hero__dot__title.white {
  color: #ffffff;
}
.hero__dot__title.red {
  color: #f93b18;
}
.hero__dot__title.green {
  color: #005c63;
}
.hero__dot__title.blue {
  color: #2071b5;
}
.hero__dot__title.yellow {
  color: #ffda00;
}
@media (min-width: 992px) {
  .hero__dot {
    position: absolute;
    width: auto;
  }
  .hero__dot:hover .hero__dot__icon:before,
  .hero__dot:hover .hero__dot__icon:after {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .hero__dot:hover .hero__dot__text {
    display: block;
    pointer-events: none;
    -webkit-animation: scale-up 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
            animation: scale-up 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
}
.hero__dot__text__wrapper {
  display: none;
}
@media (min-width: 992px) {
  .hero__dot__text__wrapper {
    display: block !important;
  }
}
.hero__dot__text__wrapper p {
  margin-right: 3rem;
  margin-bottom: 2.4rem;
}
.hero.theme--primary {
  color: #ffffff;
  background-color: #666666;
}
.hero.theme--primary .hero__content .hero__dot__text {
  border-bottom: 1px solid #ffffff;
}
.hero.theme--primary .hero__content .hero__dot__icon {
  background: #ffffff;
}
.hero.theme--primary .hero__content .hero__dot__icon::before,
.hero.theme--primary .hero__content .hero__dot__icon::after {
  border: 1px solid #ffffff;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--black {
  background: #000000;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--black::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--black::after {
  border: 1px solid #000000;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--white {
  background: #ffffff;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--white::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--white::after {
  border: 1px solid #ffffff;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--yellow {
  background: #ffda00;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--yellow::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--yellow::after {
  border: 1px solid #ffda00;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--red {
  background: #f93b18;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--red::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--red::after {
  border: 1px solid #f93b18;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--blue {
  background: #2071b5;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--blue::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--blue::after {
  border: 1px solid #2071b5;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--green {
  background: #005c63;
}
.hero.theme--primary .hero__content .hero__dot .deprecated--green::before,
.hero.theme--primary .hero__content .hero__dot .deprecated--green::after {
  border: 1px solid #005c63;
}
.hero.theme--primary .hero__content div:first-of-type .hero__dot__text {
  border-top: 1px solid #ffffff;
}
@media (max-width: 991px) {
  body .hero.theme--primary-mobile {
    color: #ffffff;
    background-color: #666666;
  }
  body .hero.theme--primary-mobile .hero__content .hero__dot__text {
    border-bottom: 1px solid #ffffff;
  }
  body .hero.theme--primary-mobile .hero__content .hero__dot__icon {
    background: #ffffff;
  }
  body .hero.theme--primary-mobile .hero__content .hero__dot__icon::before,
  body .hero.theme--primary-mobile .hero__content .hero__dot__icon::after {
    border: 1px solid #ffffff;
  }
  body .hero.theme--primary-mobile .hero__content div:first-of-type .hero__dot__text {
    border-top: 1px solid #ffffff;
  }
}
.hero.theme--secondary {
  color: #000000;
  background-color: #ffffff;
}
.hero.theme--secondary .hero__content .hero__dot__text {
  border-bottom: 1px solid #000000;
}
.hero.theme--secondary .hero__content .hero__dot__icon {
  background: #000000;
}
.hero.theme--secondary .hero__content .hero__dot__icon::before,
.hero.theme--secondary .hero__content .hero__dot__icon::after {
  border: 1px solid #000000;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--black {
  background: #000000;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--black::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--black::after {
  border: 1px solid #000000;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--white {
  background: #ffffff;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--white::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--white::after {
  border: 1px solid #ffffff;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--yellow {
  background: #ffda00;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--yellow::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--yellow::after {
  border: 1px solid #ffda00;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--red {
  background: #f93b18;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--red::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--red::after {
  border: 1px solid #f93b18;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--blue {
  background: #2071b5;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--blue::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--blue::after {
  border: 1px solid #2071b5;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--green {
  background: #005c63;
}
.hero.theme--secondary .hero__content .hero__dot .deprecated--green::before,
.hero.theme--secondary .hero__content .hero__dot .deprecated--green::after {
  border: 1px solid #005c63;
}
.hero.theme--secondary .hero__content div:first-of-type .hero__dot__text {
  border-top: 1px solid #000000;
}
@media (max-width: 991px) {
  body .hero.theme--secondary-mobile {
    color: #000000;
    background-color: #ffffff;
  }
  body .hero.theme--secondary-mobile .hero__content .hero__dot__text {
    border-bottom: 1px solid #000000;
  }
  body .hero.theme--secondary-mobile .hero__content .hero__dot__icon {
    background: #000000;
  }
  body .hero.theme--secondary-mobile .hero__content .hero__dot__icon::before,
  body .hero.theme--secondary-mobile .hero__content .hero__dot__icon::after {
    border: 1px solid #000000;
  }
  body .hero.theme--secondary-mobile .hero__content div:first-of-type .hero__dot__text {
    border-top: 1px solid #000000;
  }
}
.hero.theme--tertiary {
  color: #ffda00;
  background-color: #ffffff;
}
.hero.theme--tertiary .hero__content .hero__dot__text {
  border-bottom: 1px solid #ffda00;
}
.hero.theme--tertiary .hero__content .hero__dot__icon {
  background: #ffda00;
}
.hero.theme--tertiary .hero__content .hero__dot__icon::before,
.hero.theme--tertiary .hero__content .hero__dot__icon::after {
  border: 1px solid #ffda00;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--black {
  background: #000000;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--black::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--black::after {
  border: 1px solid #000000;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--white {
  background: #ffffff;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--white::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--white::after {
  border: 1px solid #ffffff;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--yellow {
  background: #ffda00;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--yellow::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--yellow::after {
  border: 1px solid #ffda00;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--red {
  background: #f93b18;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--red::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--red::after {
  border: 1px solid #f93b18;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--blue {
  background: #2071b5;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--blue::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--blue::after {
  border: 1px solid #2071b5;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--green {
  background: #005c63;
}
.hero.theme--tertiary .hero__content .hero__dot .deprecated--green::before,
.hero.theme--tertiary .hero__content .hero__dot .deprecated--green::after {
  border: 1px solid #005c63;
}
.hero.theme--tertiary .hero__content div:first-of-type .hero__dot__text {
  border-top: 1px solid #ffda00;
}
@media (max-width: 991px) {
  body .hero.theme--tertiary-mobile {
    color: #ffda00;
    background-color: #ffffff;
  }
  body .hero.theme--tertiary-mobile .hero__content .hero__dot__text {
    border-bottom: 1px solid #ffda00;
  }
  body .hero.theme--tertiary-mobile .hero__content .hero__dot__icon {
    background: #ffda00;
  }
  body .hero.theme--tertiary-mobile .hero__content .hero__dot__icon::before,
  body .hero.theme--tertiary-mobile .hero__content .hero__dot__icon::after {
    border: 1px solid #ffda00;
  }
  body .hero.theme--tertiary-mobile .hero__content div:first-of-type .hero__dot__text {
    border-top: 1px solid #ffda00;
  }
}
.hero.theme--quaternary {
  color: #2071b5;
  background-color: #ffffff;
}
.hero.theme--quaternary .hero__content .hero__dot__text {
  border-bottom: 1px solid #2071b5;
}
.hero.theme--quaternary .hero__content .hero__dot__icon {
  background: #2071b5;
}
.hero.theme--quaternary .hero__content .hero__dot__icon::before,
.hero.theme--quaternary .hero__content .hero__dot__icon::after {
  border: 1px solid #2071b5;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--black {
  background: #000000;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--black::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--black::after {
  border: 1px solid #000000;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--white {
  background: #ffffff;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--white::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--white::after {
  border: 1px solid #ffffff;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--yellow {
  background: #ffda00;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--yellow::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--yellow::after {
  border: 1px solid #ffda00;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--red {
  background: #f93b18;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--red::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--red::after {
  border: 1px solid #f93b18;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--blue {
  background: #2071b5;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--blue::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--blue::after {
  border: 1px solid #2071b5;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--green {
  background: #005c63;
}
.hero.theme--quaternary .hero__content .hero__dot .deprecated--green::before,
.hero.theme--quaternary .hero__content .hero__dot .deprecated--green::after {
  border: 1px solid #005c63;
}
.hero.theme--quaternary .hero__content div:first-of-type .hero__dot__text {
  border-top: 1px solid #2071b5;
}
@media (max-width: 991px) {
  body .hero.theme--quaternary-mobile {
    color: #2071b5;
    background-color: #ffffff;
  }
  body .hero.theme--quaternary-mobile .hero__content .hero__dot__text {
    border-bottom: 1px solid #2071b5;
  }
  body .hero.theme--quaternary-mobile .hero__content .hero__dot__icon {
    background: #2071b5;
  }
  body .hero.theme--quaternary-mobile .hero__content .hero__dot__icon::before,
  body .hero.theme--quaternary-mobile .hero__content .hero__dot__icon::after {
    border: 1px solid #2071b5;
  }
  body .hero.theme--quaternary-mobile .hero__content div:first-of-type .hero__dot__text {
    border-top: 1px solid #2071b5;
  }
}
.highlights-voucher {
  margin: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 36rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 3rem;
}
@media (min-width: 768px) {
  .highlights-voucher {
    margin: 1.6rem 0.2rem 2rem 0.2rem;
  }
}
@media (min-width: 1200px) {
  .highlights-voucher {
    margin: 1.6rem 0.2rem 2.4rem 0.2rem;
  }
}
.highlights-voucher .highlights-voucher__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000000;
}
.highlights-voucher .highlights-voucher__link:hover {
  cursor: pointer;
  text-decoration: none;
}
.highlights-voucher .highlights-voucher__headline {
  text-align: center;
}
.highlights-voucher.theme--primary .highlights-voucher__headline {
  color: #2071b5;
}
.highlights-voucher.theme--primary .highlights-voucher__button .button {
  color: #000000;
  background: #ffda00;
  border-color: transparent;
}
.highlights-voucher.theme--primary .highlights-voucher__button .button:hover {
  background: #ffe966;
  color: #000000;
  text-decoration: none;
}
.highlights-voucher.theme--primary .highlights-voucher__button .button:focus-visible {
  outline: 2px solid #2071b5;
  outline-offset: 0.4rem;
}
.highlights-voucher.theme--primary .highlights-voucher__button .button:active {
  background-color: #e5c400;
  color: #000000;
  outline: unset;
}
.highlights-voucher.theme--secondary .highlights-voucher__headline {
  color: #000000;
}
.highlights-voucher.theme--secondary .highlights-voucher__button .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.highlights-voucher.theme--secondary .highlights-voucher__button .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.highlights-voucher.theme--secondary .highlights-voucher__button .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.highlights-voucher.theme--tertiary .highlights-voucher__headline {
  color: #666666;
}
.highlights-voucher.theme--tertiary .highlights-voucher__button .button {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.highlights-voucher.theme--tertiary .highlights-voucher__button .button:hover {
  background: #79aad3;
  color: #ffffff;
}
.highlights-voucher.theme--tertiary .highlights-voucher__button .button:active {
  background-color: #1e324f;
  color: #ffffff;
}
.highlights-voucher__location {
  fill: #000000;
  height: 5.5rem;
}
.highlights-voucher__location i {
  font-size: 3.2rem;
  vertical-align: unset;
}
.highlights-voucher__location h2,
.highlights-voucher__location h3 {
  margin-bottom: 0;
  color: #000000;
}
.highlights-voucher__image {
  height: 6rem;
}
.highlights-voucher__image img {
  margin: 0 auto;
  width: auto;
  height: 5.9rem;
}
.highlights-voucher__headline {
  color: #2071b5;
  max-height: 3rem;
  overflow: hidden;
}
.highlights-voucher__headline p {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: bold;
  margin: 0;
}
.highlights-voucher__text {
  max-height: 9rem;
  overflow: hidden;
}
.highlights-voucher__text p {
  margin: 0;
}
.highlights-voucher__button {
  height: 3.6rem;
}
.highlights-voucher__button .button {
  margin-top: 0 !important;
}
.boxGraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .boxGraph {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 6rem;
  }
  .no-flexbox .boxGraph,
  .ie9 .boxGraph {
    display: block;
  }
}
.no-flexbox .boxGraph,
.ie9 .boxGraph {
  display: block;
}
.boxGraph .boxGraph__bar {
  display: block;
  height: 4rem;
  padding: 1rem 0rem;
  width: 12rem;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 1rem;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .boxGraph .boxGraph__bar {
    width: 20%;
  }
  .no-flexbox .boxGraph .boxGraph__bar,
  .ie9 .boxGraph .boxGraph__bar {
    display: block;
    float: left;
  }
}
.boxGraph.theme--primary .boxGraph__bar {
  color: #000000;
  background: #ffda00;
}
.boxGraph.theme--secondary .boxGraph__bar {
  color: #ffffff;
  background: #2071b5;
}
.boxGraph.theme--tertiary .boxGraph__bar {
  color: #ffffff;
  background: #666666;
}
.boxGraph.theme--quaternary .boxGraph__bar {
  color: #ffffff;
  background: #1e324f;
}
.boxGraph.theme--quinary .boxGraph__bar {
  color: #ffffff;
  background: #005c63;
}
.boxGraph.theme--senary .boxGraph__bar {
  color: #ffffff;
  background: #d1266b;
}
.boxGraph.theme--septenary .boxGraph__bar {
  color: #ffffff;
  background: #3dc07c;
}
.boxGraph.theme--octonary .boxGraph__bar {
  color: #ffffff;
  background: #9b62c3;
}
.boxGraph.theme--nonary .boxGraph__bar {
  color: #ffffff;
  background: #85254b;
}
.boxGraph__bar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
}
@media (min-width: 768px) {
  .boxGraph__bar {
    width: 20%;
  }
  .no-flexbox .boxGraph__bar,
  .ie9 .boxGraph__bar {
    display: block;
    float: left;
  }
}
.boxGraph__empty {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: none;
}
@media (min-width: 768px) {
  .boxGraph__empty {
    display: block;
    width: 40%;
  }
  .no-flexbox .boxGraph__empty,
  .ie9 .boxGraph__empty {
    float: left;
  }
}
.boxGraph__text {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  text-align: center;
  color: #2071b5;
}
@media (min-width: 768px) {
  .boxGraph__text {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    padding-left: 1rem;
  }
  .no-flexbox .boxGraph__text,
  .ie9 .boxGraph__text {
    display: block;
    float: left;
    width: 40%;
  }
}
@media (min-width: 768px) {
  .boxGraph--left .boxGraph__empty {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 768px) {
  .boxGraph--left .boxGraph__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    padding-right: 1rem;
  }
  .no-flexbox .boxGraph--left .boxGraph__text,
  .ie9 .boxGraph--left .boxGraph__text {
    display: block;
    float: left;
    text-align: left;
    width: 40%;
  }
}
.ekomi-widget__element {
  width: 223px;
  height: 146px;
  padding: 0;
}
.ekomi-widget__element--center {
  margin: 0 auto;
}
.ekomi-widget__element--right {
  float: right;
}
.ekomi-widget__element--left {
  float: left;
}
.ekomi-widget .ekomi-widget-container img.pimg,
.ekomi-widget .ekomi-widget-container img.corner {
  width: auto;
}
.ekomi-widget__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ekomi-widget__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ekomi-widget .rating {
  margin: 1.25em auto 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ekomi-widget .rating__stars {
  width: 122px;
  height: 23px;
  position: relative;
}
.ekomi-widget .rating__stars--bg,
.ekomi-widget .rating__stars--fg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ekomi-widget .rating__stars--bg {
  background-image: url(../images/icons/ekomi_stars_grey_122x23.png);
}
.ekomi-widget .rating__stars--fg {
  background-image: url(../images/icons/ekomi_stars_filled_122x23.png);
}
.ekomi-widget .rating__result {
  font-weight: bold;
  padding: 0 1em;
}
.ekomi-widget.theme--primary {
  background: #f2f2f2;
}
.ekomi-widget.theme--secondary {
  background-color: #ffda00;
}
.accordeon {
  padding: 2.4rem 1.6rem;
}
@media (min-width: 768px) {
  .accordeon {
    padding: 2.4rem;
  }
}
@media (min-width: 992px) {
  .accordeon {
    margin: auto;
    max-width: 98rem;
  }
}
.accordeon--options-wrapper {
  padding: 0.8rem 0 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 480px) {
  .accordeon--options-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.6rem 0;
  }
}
@media (min-width: 768px) {
  .accordeon--options-wrapper {
    padding: 1.6rem 0 1.2rem 0;
  }
}
@media (min-width: 992px) {
  .accordeon--options-wrapper {
    padding: 2.4rem 0 1.6rem 0;
  }
}
.accordeon--options-wrapper button:first-of-type {
  margin: 0 0 1rem 0;
}
@media (min-width: 480px) {
  .accordeon--options-wrapper button:first-of-type {
    margin: 0 1rem 0 0;
  }
}
.accordeon--heading {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 35px;
  line-height: 3.5rem;
}
@media (min-width: 768px) {
  .accordeon--heading {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 45px;
    line-height: 4.5rem;
  }
}
@media (min-width: 992px) {
  .accordeon--heading {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 6rem;
  }
}
.accordeon-group--heading {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  line-height: 3rem;
  padding-top: 1.6rem;
}
@media (min-width: 768px) {
  .accordeon-group--heading {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32.5px;
    line-height: 3.25rem;
    padding-top: 2rem;
  }
}
@media (min-width: 992px) {
  .accordeon-group--heading {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
@media (min-width: 480px) {
  .accordeon-group--heading + div.accordeon-item {
    margin-top: 0.4rem;
  }
}
@media (min-width: 768px) {
  .accordeon-group--heading + div.accordeon-item {
    margin-top: 0.8rem;
  }
}
@media (min-width: 992px) {
  .accordeon-group--heading + div.accordeon-item {
    margin-top: 1.6rem;
  }
}
.accordeon-group--heading ~ .accordeon-group--heading {
  margin-top: 2.4rem;
}
@media (min-width: 992px) {
  .accordeon-group--heading ~ .accordeon-group--heading {
    margin-top: 3.2rem;
  }
}
.accordeon__item .expand-enter-active,
.accordeon__item .expand-leave-active {
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  max-height: 1400px;
  overflow: hidden;
}
.accordeon__item .expand-enter-from,
.accordeon__item .expand-leave-to {
  max-height: 0;
  overflow: hidden;
}
.accordeon__toggle {
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 0;
  padding-top: 0.8rem;
  padding-bottom: 1.2rem;
}
.accordeon__toggle a {
  margin-bottom: 0;
}
.accordeon__button {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  color: #000000;
  position: relative;
  display: block;
  cursor: pointer;
  margin-left: -1.1rem;
  width: calc(100% + 20px);
  background-color: transparent;
  border: none;
  text-align: left;
  margin-bottom: 0;
  padding: 1.2rem 4.2rem 1.2rem 1.1rem;
}
.accordeon__button:hover {
  text-decoration: none;
  color: #4d4d4d;
}
.accordeon__button:active {
  color: #000000;
}
.accordeon__button:focus-visible {
  outline: 0.2rem solid #2071b5;
  outline-offset: -0.3rem;
}
.accordeon__button .vf-icon {
  top: 0.4rem;
  left: unset;
  right: 1.1rem;
  display: block;
  position: absolute;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  font-size: 2.9rem;
}
@media (min-width: 992px) {
  .accordeon__button .vf-icon {
    right: 1.8rem;
  }
}
.accordeon__button .vf-icon:before {
  font-weight: bold;
}
.accordeon__button.is-active .vf-icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  top: -0.1rem;
}
.accordeon__content {
  padding-right: 0.8rem;
  padding-top: 1.2rem;
  margin-bottom: 1.2rem;
  padding-left: 0;
  word-break: break-word;
}
@media (min-width: 768px) {
  .accordeon__content {
    padding-top: 1.6rem;
    padding-left: 1.6rem;
    padding-right: 4rem;
  }
}
@media (min-width: 992px) {
  .accordeon__content {
    padding-top: 2rem;
  }
}
@media (min-width: 992px) {
  .footer .accordeon__toggle {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.static-faq-v1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.static-faq-v1 .static-faq__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .static-faq-v1 .static-faq__options {
    padding: 0;
  }
}
.static-faq-v1 .static-faq__options .icon {
  margin-right: 4rem;
  font-size: 4.2rem;
}
.static-faq-v1 .static-faq__options .vf-icon-print {
  cursor: pointer;
  margin-top: -0.7rem;
}
.image-teaser .image-teaser__bubble {
  position: absolute;
  top: 1.5rem;
  left: -1.5rem;
  z-index: 2;
}
.image-teaser .image-teaser__image {
  width: 100%;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
}
.image-teaser .image-teaser__image img {
  max-width: 100%;
}
.image-teaser .image-teaser__image span {
  display: block;
  position: absolute;
  text-align: left;
  text-decoration: none;
  bottom: 1.5rem;
  left: 5%;
  padding-right: 2rem;
  background: transparent;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.image-teaser .image-teaser__image:hover img {
  opacity: 0.6;
}
.cso-net-info {
  border: 1px solid #a5a5a5;
  border-top: none;
}
.cso-net-info span {
  color: #262626;
  font-family: arial;
}
/**
 * social-links.less
 */
.social-links {
  list-style-type: none;
  margin: 0;
  text-align: center;
  line-height: 3rem;
}
.social-links li {
  display: inline-block;
  margin-right: 3rem;
  position: relative;
}
.social-links li:last-child {
  margin-right: 0;
}
.social-links svg,
.social-links i {
  display: block;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  fill: #666666;
  -webkit-transition: fill 0.2s ease, color 0.2s ease;
  transition: fill 0.2s ease, color 0.2s ease;
}
.social-links .svg--twitter {
  width: -3rem;
  height: -3rem;
  margin: 4px;
  position: relative;
  top: 1px;
}
.social-links .vf-icon-twitter {
  width: -3rem;
  height: -3rem;
  margin: 4px;
}
.social-links .svg--linkedin {
  width: -3rem;
  height: -3rem;
  margin: 3px;
}
.social-links .vf-icon-linkedin {
  width: -3rem;
  height: -3rem;
  margin: 3px;
}
.social-links a {
  display: block;
  background: transparent;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.social-links a:hover,
.social-links a:active,
.social-links a:focus {
  -webkit-transform: scale(1.26);
      -ms-transform: scale(1.26);
          transform: scale(1.26);
  text-decoration: none;
}
.social-links a:hover svg,
.social-links a:active svg,
.social-links a:focus svg {
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .social-links {
    float: left;
    margin: 0;
  }
}
.social-buttons .social-buttons__headline {
  color: #000000;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 39.199999999999996px;
  line-height: 3.9199999999999995rem;
}
@media (min-width: 992px) {
  .voucher-detail .social-buttons .social-buttons__headline {
    text-align: left;
  }
}
.social-buttons .social-buttons__buttons-list {
  list-style-type: none;
  margin: 0 0 2rem 0;
  text-align: center;
}
@media (min-width: 992px) {
  .voucher-detail .social-buttons .social-buttons__buttons-list {
    text-align: left;
  }
}
.social-buttons .social-buttons__buttons-list li {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
}
.social-buttons .social-buttons__buttons-list li:last-child {
  margin-right: 0;
}
.social-buttons .social-buttons__buttons-list i {
  font-size: 3rem;
  color: white;
}
.social-buttons .social-buttons__buttons-list a {
  display: block;
  padding: 1rem 0.7rem;
  margin: 0.2rem;
  background-color: #1e324f;
}
.social-buttons .social-buttons__buttons-list .social-buttons__twitter svg {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.4rem;
  position: relative;
  top: 0.1rem;
}
.social-buttons .social-buttons__buttons-list .social-buttons__google-plus svg {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.2rem;
}
.no-touch .social-buttons .social-buttons__buttons-list .social-buttons__whatsapp {
  display: none;
}
.social-buttons .social-buttons__buttons-list .social-buttons__whatsapp svg {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.2rem;
}
.quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
}
.quiz .quiz__container__top {
  padding: 0rem 7rem 2rem 7rem;
  text-align: center;
}
.quiz .icon--before--CTALink {
  background-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.quiz .icon--before--CTALink:before {
  top: -0.5rem;
}
.quiz .button {
  margin: 0 auto;
}
.quiz .quiz__container__bottom {
  margin: 1rem 0 2rem 0;
  text-align: center;
  height: 100%;
}
.quiz .quiz__container__bottom .form__control {
  padding: 1rem 0;
  max-width: 35rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quiz .quiz__container__bottom .form__text {
  margin: 0 auto;
  max-width: 35rem;
  width: 100%;
}
.quiz .quiz__container__bottom .form__errorText {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem;
}
.quiz .quiz__container__bottom .loginbox .form__element.validation--error .form__errorText:before {
  left: 25%;
}
.quiz .quiz__container__bottom a {
  color: #ffffff;
}
.quiz .form__element {
  padding: 2rem 3rem;
  margin-bottom: 0;
}
.quiz .quiz__title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 2.5rem;
}
.quiz .quiz__container__bottom_question {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19.599999999999998px;
  line-height: 1.9599999999999997rem;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.quiz .quiz__actions__link {
  padding: 1rem;
}
.quiz .quiz__actions__link a {
  text-decoration: underline;
}
.quiz .loginbox {
  padding: 0;
}
.quiz .quiz__copy {
  margin-bottom: 0;
}
.quiz .quiz__radio-wrapper {
  text-align: left;
}
.quiz .quiz__radio-wrapper label {
  display: block;
  padding: 1rem;
}
.quiz .quiz__radio-wrapper label input {
  width: inherit;
  max-width: 100%;
}
@media (min-width: 768px) {
  .quiz .quiz__title {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
    line-height: 2.3rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .quiz .quiz__container__bottom_question {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    line-height: 2.2399999999999998rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  }
}
@media (min-width: 992px) {
  .quiz {
    display: block;
  }
  .quiz:before,
  .quiz:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .quiz:after {
    clear: both;
  }
  .quiz:before,
  .quiz:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .quiz:after {
    clear: both;
  }
  .quiz .form__element {
    height: 35rem;
    padding: 3rem 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .quiz .quiz__container__top {
    padding: 0rem 3rem 1.5rem 3rem;
  }
  .quiz .quiz__prizes {
    width: 50%;
    float: right;
    height: 35rem;
  }
  .quiz .quiz__prizes .image-teaser {
    height: 100%;
  }
  .quiz .quiz__title {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .quiz .quiz__container__bottom_question {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22.4px;
    line-height: 2.2399999999999998rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  }
}
@media (min-width: 1200px) {
  .quiz .quiz__container__top {
    padding: 0rem 7rem 1.5rem 7rem;
  }
  .quiz .form__element {
    height: 38rem;
    padding: 4rem 7rem;
  }
  .col-lg-offset-1 .quiz .form__element {
    height: 35rem;
    padding: 3rem 5rem;
  }
  .quiz .quiz__prizes {
    height: 38rem;
  }
  .col-lg-offset-1 .quiz .quiz__prizes {
    height: 35rem;
  }
  .quiz .quiz__title {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 29px;
    line-height: 2.9rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .quiz .quiz__container__bottom_question {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25.2px;
    line-height: 2.52rem;
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  }
}
.quiz.theme--primary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--primary .quiz__container__bottom {
  background-color: #1e324f;
}
.quiz.theme--secondary .quiz__form {
  color: #000000;
}
.quiz.theme--secondary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--secondary .quiz__container__bottom {
  background-color: #fef0ea;
  color: #000000;
}
.quiz.theme--secondary .quiz__container__bottom a {
  color: #000000;
}
.quiz.theme--secondary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--secondary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--secondary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--tertiary .quiz__container__top h3 {
  color: #666666;
}
.quiz.theme--tertiary .quiz__container__bottom {
  background-color: #666666;
}
.quiz.theme--tertiary .quiz__actions .button {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.quiz.theme--tertiary .quiz__actions .button:hover {
  background: #79aad3;
  color: #ffffff;
}
.quiz.theme--tertiary .quiz__actions .button:active {
  background-color: #1e324f;
  color: #ffffff;
}
.quiz.theme--quaternary .quiz__form {
  color: #000000;
}
.quiz.theme--quaternary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--quaternary .quiz__container__bottom {
  background-color: #f2f2f2;
}
.quiz.theme--quaternary .quiz__container__bottom a {
  color: #000000;
}
.quiz.theme--quaternary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--quaternary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--quaternary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--quinary .quiz__container__top h3 {
  color: #005c63;
}
.quiz.theme--quinary .quiz__container__bottom {
  background-color: #005c63;
}
.quiz.theme--quinary .quiz__container__bottom a {
  color: #ffffff;
}
.quiz.theme--quinary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--quinary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--quinary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--senary .quiz__form {
  color: #000000;
}
.quiz.theme--senary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--senary .quiz__container__bottom {
  background-color: #fffee5;
}
.quiz.theme--senary .quiz__container__bottom a {
  color: #000000;
}
.quiz.theme--senary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--senary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--senary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--septenary .quiz__form {
  color: #000000;
}
.quiz.theme--septenary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--septenary .quiz__container__bottom {
  background-color: #edf9f3;
}
.quiz.theme--septenary .quiz__container__bottom a {
  color: #000000;
}
.quiz.theme--septenary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--septenary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--septenary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--octonary .quiz__form {
  color: #000000;
}
.quiz.theme--octonary .quiz__container__top h3 {
  color: #000000;
}
.quiz.theme--octonary .quiz__container__bottom {
  background-color: #ebf2f3;
}
.quiz.theme--octonary .quiz__container__bottom a {
  color: #000000;
}
.quiz.theme--octonary .quiz__actions .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.quiz.theme--octonary .quiz__actions .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.quiz.theme--octonary .quiz__actions .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.quiz--reverse .quiz__prizes {
  float: left;
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  .quiz--reverse .quiz__prizes {
    width: auto;
  }
}
.stencil__quiz .quiz__actions__link {
  padding: 1rem;
  padding-left: 0;
  margin-top: 2rem;
}
.stencil__quiz .quiz__actions__link a {
  color: #000000;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .stencil__quiz .quiz__actions__link a {
    text-align: left;
  }
}
.stencil__quiz .stencil__content__text {
  padding-bottom: 0;
}
.stencil__quiz .form__element {
  padding: 2rem 3rem 0 3rem;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .stencil__quiz .form__element {
    height: auto;
    padding: 3rem 5rem 0 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .stencil__quiz {
    display: block;
  }
  .stencil__quiz:before,
  .stencil__quiz:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .stencil__quiz:after {
    clear: both;
  }
  .stencil__quiz:before,
  .stencil__quiz:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .stencil__quiz:after {
    clear: both;
  }
}
.stencil__quiz .form__control {
  margin: 1.5rem 0 2rem 0;
}
.stencil__quiz .quiz__container__bottom .form__control {
  padding: 1rem 0;
  max-width: 35rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stencil__quiz .icon--before--CTALink {
  padding: 0;
  display: block;
  margin-top: 0.5rem;
}
@media (min-width: 992px) {
  .stencil__quiz .quiz__container__bottom .form__control {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 0;
  }
}
.stencil__quiz .quiz__radio-wrapper {
  text-align: left;
}
.stencil__quiz .quiz__radio-wrapper label {
  display: block;
  padding: 1rem;
  padding-left: 0;
}
.stencil__quiz .quiz__radio-wrapper label input {
  width: inherit;
  max-width: 100%;
}
.stencil__quiz.theme--primary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--primary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--primary .quiz__actions .button:hover,
.stencil__quiz.theme--primary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--secondary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--secondary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--secondary .stencil,
.stencil__quiz.theme--secondary .stencil--reverse {
  color: #000000;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #fef0ea), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #fef0ea 100%, #ffffff 0%);
}
.stencil__quiz.theme--secondary .stencil a,
.stencil__quiz.theme--secondary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--secondary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #fef0ea), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #fef0ea 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--secondary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #fef0ea));
    background-image: linear-gradient(to left, #ffffff 50%, #fef0ea 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--secondary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--secondary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--secondary .quiz__actions .button:hover,
.stencil__quiz.theme--secondary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--tertiary .quiz__container__top h3 {
  color: #666666;
}
.stencil__quiz.theme--tertiary .stencil,
.stencil__quiz.theme--tertiary .stencil--reverse {
  background-color: transparent;
  background-image: none;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--tertiary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--tertiary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--tertiary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--tertiary .quiz__actions .button:hover,
.stencil__quiz.theme--tertiary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--quaternary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--quaternary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--quaternary .stencil,
.stencil__quiz.theme--quaternary .stencil--reverse {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #f2f2f2), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #f2f2f2 100%, #ffffff 0%);
}
.stencil__quiz.theme--quaternary .stencil a,
.stencil__quiz.theme--quaternary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--quaternary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #f2f2f2), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #f2f2f2 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--quaternary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #f2f2f2));
    background-image: linear-gradient(to left, #ffffff 50%, #f2f2f2 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--quaternary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--quaternary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--quaternary .quiz__actions .button:hover,
.stencil__quiz.theme--quaternary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--quinary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--quinary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--quinary .stencil,
.stencil__quiz.theme--quinary .stencil--reverse {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #edf1f6), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #edf1f6 100%, #ffffff 0%);
}
.stencil__quiz.theme--quinary .stencil a,
.stencil__quiz.theme--quinary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--quinary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #edf1f6), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #edf1f6 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--quinary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #edf1f6));
    background-image: linear-gradient(to left, #ffffff 50%, #edf1f6 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--quinary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--quinary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--quinary .quiz__actions .button:hover,
.stencil__quiz.theme--quinary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--senary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--senary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--senary .stencil,
.stencil__quiz.theme--senary .stencil--reverse {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #fffee5), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #fffee5 100%, #ffffff 0%);
}
.stencil__quiz.theme--senary .stencil a,
.stencil__quiz.theme--senary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--senary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #fffee5), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #fffee5 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--senary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #fffee5));
    background-image: linear-gradient(to left, #ffffff 50%, #fffee5 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--senary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--senary .quiz__actions .button {
  color: #ffffff;
  background: #2071b5;
  border-color: #2071b5;
}
.stencil__quiz.theme--senary .quiz__actions .button:hover,
.stencil__quiz.theme--senary .quiz__actions .button:active {
  background: #1e324f;
  color: #ffffff;
  border-color: #1e324f;
}
.stencil__quiz.theme--septenary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--septenary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--septenary .stencil,
.stencil__quiz.theme--septenary .stencil--reverse {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #edf9f3), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #edf9f3 100%, #ffffff 0%);
}
.stencil__quiz.theme--septenary .stencil a,
.stencil__quiz.theme--septenary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--septenary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #edf9f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #edf9f3 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--septenary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #edf9f3));
    background-image: linear-gradient(to left, #ffffff 50%, #edf9f3 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--septenary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--septenary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--septenary .quiz__actions .button:hover,
.stencil__quiz.theme--septenary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.stencil__quiz.theme--octonary .quiz__form {
  color: #000000;
}
.stencil__quiz.theme--octonary .quiz__container__top h3 {
  color: #000000;
}
.stencil__quiz.theme--octonary .stencil,
.stencil__quiz.theme--octonary .stencil--reverse {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #ebf2f3), color-stop(0%, #ffffff));
  background-image: linear-gradient(to left, #ebf2f3 100%, #ffffff 0%);
}
.stencil__quiz.theme--octonary .stencil a,
.stencil__quiz.theme--octonary .stencil--reverse a {
  color: #000000;
}
@media (min-width: 992px) {
  .stencil__quiz.theme--octonary .stencil {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ebf2f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #ebf2f3 50%, #ffffff 50%);
  }
}
@media (min-width: 992px) {
  .stencil__quiz.theme--octonary .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-size: 146%;
    background-position: left;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffffff), color-stop(50%, #ebf2f3));
    background-image: linear-gradient(to left, #ffffff 50%, #ebf2f3 50%);
  }
}
@media (min-width: 1200px) {
  .stencil__quiz.theme--octonary .stencil--reverse {
    background-size: 155%;
  }
}
.stencil__quiz.theme--octonary .quiz__actions .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.stencil__quiz.theme--octonary .quiz__actions .button:hover,
.stencil__quiz.theme--octonary .quiz__actions .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.public-lottery__intro {
  margin-top: -3rem;
}
@media (min-width: 768px) {
  .public-lottery__intro {
    margin-top: -5rem;
  }
}
.public-lottery__form {
  margin-bottom: 1rem;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .public-lottery__form {
    margin-bottom: 3rem;
  }
}
.public-lottery form {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .public-lottery form {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
}
.public-lottery .form__text-area {
  border: none;
  min-height: 16.8rem;
  padding: 1.6rem 2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
  background-color: #f2f2f2;
}
@media (min-width: 1200px) {
  .public-lottery .form__text-area {
    resize: vertical;
  }
}
.quote {
  border: 5px solid #f2f2f2;
  margin-top: 4.4rem;
  padding: 0 4rem 3rem;
  text-align: center;
}
@media (min-width: 768px) {
  .quote {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .quote {
    padding: 0 10rem 4rem;
  }
}
.quote p,
.quote span {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 26px;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .quote p,
  .quote span {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  }
}
.quote h2 {
  position: relative;
  margin: 0 0 3rem 0;
  padding-top: 5rem;
  font-size: 43px;
  font-size: 4.3rem;
  line-height: 52px;
  line-height: 5.2rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 768px) {
  .quote h2 {
    margin: -4.7rem 0 7rem 0;
    padding-top: 1.2rem;
    padding-left: 11rem;
  }
}
@media (min-width: 992px) {
  .quote h2 {
    padding-top: 0;
    padding-left: 12rem;
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 72px;
    line-height: 7.2rem;
  }
}
.quote h2:before {
  content: "\201C";
  display: block;
  position: absolute;
  top: 0.6rem;
  width: 100%;
  font-size: 23rem;
}
@media (min-width: 768px) {
  .quote h2:before {
    top: 4.6rem;
    left: -0.9rem;
    font-size: 23rem;
  }
}
@media (min-width: 992px) {
  .quote h2:before {
    font-size: 26.3rem;
  }
}
.quote .no-quote-mark {
  padding-left: 0;
}
.quote .no-quote-mark:before {
  display: none;
}
.imagebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.imagebox .imagebox__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 3rem;
  background-size: cover;
  background-position: center center;
  text-align: center;
}
@media (min-width: 768px) {
  .imagebox .imagebox__image {
    padding: 4rem 5rem;
  }
}
@media (min-width: 992px) {
  .imagebox .imagebox__image {
    padding: 4rem 15rem;
  }
}
.imagebox .imagebox__image.theme--primary {
  color: #ffffff;
  background-color: #666666;
}
.imagebox .imagebox__image.theme--secondary {
  color: #000000;
  background-color: #edf1f6;
}
.imagebox .imagebox__content {
  width: 100%;
}
.imagebox .imagebox__content h1,
.imagebox .imagebox__content h2 {
  display: inline-block;
  margin-bottom: 4.3rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 40px;
  line-height: 4rem;
}
@media (min-width: 768px) {
  .imagebox .imagebox__content h1,
  .imagebox .imagebox__content h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
.imagebox .imagebox__content image {
  margin-bottom: 3.1rem;
}
.imagebox .imagebox__content p:has(a.button) {
  margin-bottom: 3.8rem;
}
.imagebox .imagebox__content .text--intro {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 34px;
  line-height: 3.4rem;
  margin-bottom: 0.6rem;
}
.prize-image__container {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.prize-image__container .prize-image__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.prize-image__container .prize-image__overlay.prize-image--grey-overlay {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDUiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0.45)), color-stop(5%, rgba(0, 0, 0, 0.45)), color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 1%, rgba(0, 0, 0, 0.45) 5%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73000000', endColorstr='#00000000', GradientType=0);
  /* IE6-8 */
}
.prize-image__container .prize-image__overlay.prize-image--grey-overlay--bottom-top {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.45) 95%, rgba(0, 0, 0, 0.45) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#73000000', GradientType=0);
  /* IE6-8 */
}
.prize-image__container .prize-image__image-text {
  position: absolute;
  right: 1.5rem;
  bottom: 0;
  z-index: 2;
}
/** @define teaser-component */
.teaser-component {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 2rem 0 2rem 0;
}
@media (min-width: 768px) {
  .teaser-component {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .teaser-component {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .teaser-component {
    height: 100%;
  }
}
.teaser-component .teaser-component__content {
  background: #f2f2f2;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .teaser-component .teaser-component__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.teaser-component .teaser-component__content .teaser-component__content-column {
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .teaser-component .teaser-component__content .teaser-component__content-column {
    width: 30rem;
    padding: 2rem 1rem;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .teaser-component .teaser-component__content .teaser-component__content-column {
    width: 36.5rem;
    padding: 3rem 2rem;
  }
}
@media (min-width: 1200px) {
  .teaser-component .teaser-component__content .teaser-component__content-column {
    width: 44rem;
    padding: 6rem 3rem;
  }
}
.teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__logo img {
  max-width: 100%;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}
.teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__copy p {
  display: inline-block;
  margin: 0;
  width: 95%;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
  line-height: 2.2rem;
}
@media (min-width: 992px) {
  .teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__copy p {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__copy p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px;
    line-height: 3rem;
  }
}
.teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__subline p {
  display: inline-block;
  margin: 0;
  width: 95%;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
}
.teaser-component .teaser-component__content .teaser-component__content-column .teaser-component__action {
  display: block;
  z-index: 1;
}
.teaser-component .teaser-component__image {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  /*img {
      min-height: 100%;
    }*/
}
.teaser-component .teaser-component__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .teaser-component .teaser-component__image.promoted-hover-effect {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.teaser-component .teaser-component__image .teaser-component__headline {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem 1.2rem;
}
.teaser-component .teaser-component__image .teaser-component__headline.teaser-component--overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), color-stop(26%, rgba(0, 0, 0, 0.15)), color-stop(90%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 26%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  /* IE6-8 */
}
@media (min-width: 768px) {
  .teaser-component .teaser-component__image .teaser-component__headline.teaser-component--overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), color-stop(26%, rgba(0, 0, 0, 0.15)), color-stop(75%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 26%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 480px) {
  .teaser-component .teaser-component__image .teaser-component__headline {
    padding: 2rem 2.5rem;
  }
}
.teaser-component .teaser-component__image .teaser-component__headline h3 {
  color: #ffffff;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
@media (min-width: 480px) {
  .teaser-component .teaser-component__image .teaser-component__headline h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 33.599999999999994px;
    line-height: 3.3599999999999994rem;
  }
}
@media (min-width: 768px) {
  .teaser-component .teaser-component__image .teaser-component__headline h3 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
}
@media (min-width: 992px) {
  .teaser-component .teaser-component__image .teaser-component__headline h3 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 50.4px;
    line-height: 5.04rem;
  }
}
.teaser-component .teaser-component__image .teaser-component__headline h4 {
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 480px) {
  .teaser-component .teaser-component__image .teaser-component__headline h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
}
@media (min-width: 992px) {
  .teaser-component .teaser-component__image .teaser-component__headline h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .teaser-component .teaser-component__image .teaser-component__headline h4 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .teaser-component .teaser-component__image .teaser-component__headline h3,
  .teaser-component .teaser-component__image .teaser-component__headline h4 {
    text-align: center;
  }
}
.teaser-component .teaser-component__image a {
  cursor: pointer;
  color: #ffffff;
}
.teaser-component .teaser-component__image a:hover {
  text-decoration: none;
}
.teaser-component.theme--primary .teaser-component__content {
  color: #000000;
  background: #ffffff;
}
.teaser-component.theme--primary .teaser-component__action .button {
  color: #ffffff;
  background: #2071b5;
  border-color: #2071b5;
}
.teaser-component.theme--primary .teaser-component__action .button:hover,
.teaser-component.theme--primary .teaser-component__action .button:active {
  background: #1e324f;
  color: #ffffff;
  border-color: #1e324f;
}
.teaser-component.theme--secondary .teaser-component__content {
  color: #ffffff;
  background: #1e324f;
}
.teaser-component.theme--tertiary .teaser-component__content {
  color: #ffffff;
  background: #2071b5;
}
.teaser-component.theme--quaternary .teaser-component__content {
  color: #ffffff;
  background: #666666;
}
.teaser-component.theme--quinary .teaser-component__content {
  color: #ffffff;
  background: #005c63;
}
.teaser-component.theme--senary .teaser-component__content {
  color: #000000;
  background: #ffffff;
}
.balanced--width .teaser-component__image {
  width: 100%;
  max-height: 50rem;
}
@media (min-width: 768px) {
  .balanced--width .teaser-component__image {
    width: 50%;
    max-height: 60rem;
  }
}
.balanced--width .teaser-component__content {
  width: 50%;
}
.balanced--width .teaser-component__content .teaser-component__content-column {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.teaser-component--flipped {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .teaser-component--flipped {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.event-card {
  margin: 0.5rem auto;
  height: 44rem;
  max-width: 38rem;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .event-card {
    margin: 0.4rem 0.2rem 0 0.2rem;
    height: 56rem;
  }
}
.event-card.theme--primary .event-card__location {
  fill: #ffffff;
}
.event-card.theme--primary .event-card__location .vf-icon-pin {
  color: #ffffff;
}
.event-card.theme--primary .event-card__location p,
.event-card.theme--primary .event-card__title {
  color: #ffffff;
}
.event-card.theme--secondary .event-card__location {
  fill: #000000;
}
.event-card.theme--secondary .event-card__location p,
.event-card.theme--secondary .event-card__title {
  color: #000000;
}
.event-card.theme--secondary .event-card__button .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.event-card.theme--secondary .event-card__button .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.event-card.theme--secondary .event-card__button .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.event-card.theme--tertiary .event-card__location {
  fill: #ffffff;
}
.event-card.theme--tertiary .event-card__location p,
.event-card.theme--tertiary .event-card__title {
  color: #ffffff;
}
.event-card.theme--tertiary .event-card__button .button {
  color: #ffffff;
  background: #2071b5;
  border-color: transparent;
}
.event-card.theme--tertiary .event-card__button .button:hover {
  background: #79aad3;
  color: #ffffff;
}
.event-card.theme--tertiary .event-card__button .button:active {
  background-color: #1e324f;
  color: #ffffff;
}
.event-card.theme--quaternary .event-card__location {
  fill: #000000;
}
.event-card.theme--quaternary .event-card__location p,
.event-card.theme--quaternary .event-card__title {
  color: #000000;
}
.event-card.theme--quaternary .event-card__button .button {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.event-card.theme--quaternary .event-card__button .button:hover {
  background: #000000;
  color: #ffffff;
  border-color: transparent;
}
.event-card.theme--quaternary .event-card__button .button:active {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: transparent;
}
.event-card--dark-overlay:not(.event-card--roundImage):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.event-card--dark-overlay:not(.event-card--roundImage) .event-card__button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.event-card--dark-overlay .event-card__background {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.event-card--roundImage {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.event-card--roundImage .event-card__header {
  position: static;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.event-card--roundImage .event-card__header .event-card__location {
  color: #a5a5a5;
}
.event-card--roundImage .event-card__header .event-card__location p,
.event-card--roundImage .event-card__header .event-card__location i.vf-icon-pin {
  color: #a5a5a5;
}
.event-card--roundImage .event-card__header .event-card__title p {
  color: #000000;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
  line-height: 4rem;
}
.event-card--roundImage .event-card__background {
  position: static;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -o-object-position: center;
     object-position: center;
}
.event-card--roundImage .event-card__button {
  position: static;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (max-width: 768px) {
  .event-card--roundImage {
    padding: 1rem;
    height: 45rem;
  }
  .event-card--roundImage .event-card__background {
    width: 26rem;
    height: 26rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .event-card--roundImage {
    padding: 1rem 0.5rem 1rem 0.5rem;
    height: 50rem;
  }
  .event-card--roundImage .event-card__background {
    width: 23rem;
    height: 23rem;
  }
}
@media (min-width: 1200px) {
  .event-card--roundImage {
    height: 56rem;
  }
}
.event-card__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
}
.event-card__header {
  cursor: default;
  max-width: 100%;
}
.event-card__location {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  fill: #ffffff;
}
.event-card__location svg {
  max-width: 3.2rem;
  max-height: 3.2rem;
  position: relative;
  top: -1px;
}
.event-card__location p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  margin-bottom: 0;
  color: #ffffff;
}
.event-card__title {
  margin-top: 0.5rem;
  color: #ffffff;
}
.event-card__title p {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36.4px;
  line-height: 3.6399999999999997rem;
  line-height: 1.25;
  letter-spacing: 0.2rem;
}
@media (min-width: 768px) {
  .event-card__title p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25.2px;
    line-height: 2.52rem;
    line-height: 1.25;
    letter-spacing: 0.2rem;
  }
}
@media (min-width: 992px) {
  .event-card__title p {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 35px;
    line-height: 3.5rem;
    line-height: 1.25;
    letter-spacing: 0.25rem;
  }
}
.event-card__button,
.event-card__header {
  position: relative;
  z-index: 3;
}
.event-card__button .vf-icon-pin,
.event-card__header .vf-icon-pin {
  font-size: 32px;
  width: 3.2rem;
}
.event-card--dark .event-card__location {
  fill: #000000;
}
.event-card--dark .event-card__location p,
.event-card--dark .event-card__title {
  color: #000000;
}
.myhighlights-carousel {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 2rem 8rem 2rem;
}
.myhighlights-carousel .myhighlights-carousel__header {
  text-align: center;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  line-height: 1.25;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .myhighlights-carousel .myhighlights-carousel__header {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
  }
}
@media (min-width: 992px) {
  .myhighlights-carousel .myhighlights-carousel__header {
    font-size: 4.8rem;
  }
}
@media (min-width: 992px) {
  .myhighlights-carousel .myhighlights-carousel__header {
    text-align: left;
  }
}
.myhighlights-carousel .myhighlights-carousel__content {
  position: relative;
  width: 100%;
}
.myhighlights-carousel .myhighlights-carousel__slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 992px) {
  .myhighlights-carousel .myhighlights-carousel__slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: 50rem;
  }
}
.myhighlights-carousel .myhighlights-carousel__text {
  padding: 4rem 2rem 2rem 2rem;
  overflow: auto;
}
@media (min-width: 992px) {
  .myhighlights-carousel .myhighlights-carousel__text {
    width: 60%;
    padding: 2rem;
  }
}
.myhighlights-carousel .myhighlights-carousel__text th {
  text-align: left;
}
.myhighlights-carousel .myhighlights-carousel__text th,
.myhighlights-carousel .myhighlights-carousel__text td {
  vertical-align: baseline;
  padding: 0 1rem 1rem 0;
}
.myhighlights-carousel .myhighlights-carousel__text p {
  margin-bottom: 0.4rem;
}
.myhighlights-carousel .myhighlights-carousel__text p:has(+ a.button) {
  margin-bottom: 1.4rem;
}
.myhighlights-carousel .myhighlights-carousel__img {
  width: 100%;
  height: 33rem;
  max-width: 50rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (min-width: 768px) {
  .myhighlights-carousel .myhighlights-carousel__img {
    height: 38rem;
  }
}
@media (min-width: 992px) {
  .myhighlights-carousel .myhighlights-carousel__img {
    width: 42rem;
    height: 40rem;
    padding-right: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.myhighlights-carousel .slick-slide {
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.myhighlights-carousel .slick-list {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.myhighlights-carousel .slick-dots {
  position: relative;
  bottom: 0.2rem;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.myhighlights-carousel .slick-dots .slick-active button:before {
  opacity: 1;
}
.myhighlights-carousel .slick-dots li {
  margin: 0 1rem;
}
.myhighlights-carousel .carousel__navigation {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
  height: auto;
  bottom: -6rem;
}
.myhighlights-carousel .carousel__navigation .arrow--left,
.myhighlights-carousel .carousel__navigation .arrow--right {
  border: none;
}
.myhighlights-carousel .carousel__navigation .arrow--left:before,
.myhighlights-carousel .carousel__navigation .arrow--right::before {
  position: relative;
  top: auto;
}
.myhighlights-carousel .carousel__navigation .arrow--left:before {
  margin-left: -2rem;
}
.myhighlights-carousel .carousel__navigation .vf-icon {
  font-size: 4rem;
  width: auto;
}
.myhighlights-carousel.theme--primary {
  background: transparent;
}
.myhighlights-carousel.theme--secondary {
  background: #ffffff;
}
.myhighlights-carousel.theme--tertiary {
  background: #f2f2f2;
}
.myhighlights-carousel.theme--quaternary {
  background: #fef0ea;
}
.myhighlights-carousel.theme--quinary {
  background: #edf1f6;
}
.myhighlights-carousel.theme--senary {
  background: #ebf2f3;
}
.myhighlights-carousel.theme--septenary {
  background: #edf9f3;
}
.myhighlights-carousel.theme--octonary {
  background: #fffee5;
}
.picture-article-vp {
  position: relative;
}
.picture-article-vp img {
  width: 100%;
  display: block;
}
.picture-article-vp .picture-article-vp__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 0;
  text-align: center;
  max-height: 100%;
}
.picture-article-vp .picture-article-vp__content .container {
  width: 100%;
}
.picture-article-vp .picture-article-vp__content img {
  width: auto;
  display: inline-block;
  max-width: 9rem;
  max-height: 9rem;
}
.picture-article-vp .picture-article-vp__content h2 {
  margin-bottom: 0;
}
.picture-article-vp.picture-article-vp--overlay .picture-article-vp__content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  /* IE6-8 */
}
.picture-article-vp.theme--primary {
  color: #ffffff;
}
.picture-article-vp.theme--secondary {
  color: #ffda00;
}
.picture-article-vp.theme--tertiary {
  color: #2071b5;
}
.picture-article-vp.theme--quaternary {
  color: #3dc07c;
}
.picture-article-vp.theme--quinary {
  color: #d1266b;
}
.picture-article-vp.theme--senary {
  color: #85254b;
}
.picture-slider {
  position: relative;
  overflow: hidden;
  color: #ffffff;
}
@media (min-width: 1200px) {
  .picture-slider {
    overflow: visible;
  }
}
.picture-slider .picture-slider__wrapper {
  position: relative;
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__slide-content {
    position: relative;
    height: 65rem;
    margin-bottom: 14rem;
    -webkit-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
    padding: 32rem 4rem 0 4rem;
  }
  [data-lines-number="1"].picture-slider .picture-slider__slide-content {
    padding: 18rem 4rem 0 4rem;
  }
  [data-lines-number="2"].picture-slider .picture-slider__slide-content {
    padding: 26rem 4rem 0 4rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__slide-content {
    padding-top: 24rem;
    height: 52rem;
    margin-bottom: 8rem;
  }
}
.picture-slider .picture-slider__slide-content .picture-slider__text-box {
  display: inline-block;
  margin-top: 1rem;
  padding: 3rem;
}
.picture-slider .picture-slider__slide-content .picture-slider__text-box p:last-child {
  margin-bottom: 0;
}
.picture-slider .picture-slider__slide-content .picture-slider__text-box img {
  width: 3rem;
  height: 3rem;
  margin: 0 1rem 1rem 0;
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__slide-content .picture-slider__text-box {
    margin-top: 0;
    padding: 1rem;
    height: 100%;
    overflow: hidden;
    width: 32rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__slide-content .picture-slider__text-box {
    width: 28rem;
  }
}
.picture-slider .picture-slider__slide-content .carousel__picture-indicator {
  background: url(../images/loading.gif) no-repeat center;
}
.picture-slider .picture-slider__slide-content .picture-slider__image {
  position: relative;
  height: 30rem;
  overflow: hidden;
}
.picture-slider .picture-slider__slide-content .picture-slider__image .picture-slider__image--fader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1200px) {
  .picture-slider--fade.picture-slider .picture-slider__slide-content .picture-slider__image .picture-slider__image--fader {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
  }
}
.picture-slider .picture-slider__slide-content .picture-slider__image img {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  .picture-slider .picture-slider__slide-content .picture-slider__image {
    height: 58rem;
  }
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__slide-content .picture-slider__image {
    position: absolute;
    overflow: hidden;
    width: 71rem;
    height: 71rem;
    right: 7.6rem;
    top: 7.6rem;
  }
  .picture-slider .picture-slider__slide-content .picture-slider__image img {
    height: 71rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__slide-content .picture-slider__image {
    width: 58rem;
    height: 58rem;
    right: 4.6rem;
    top: 4.6rem;
  }
}
.picture-slider .picture-slider__slide-content.theme--primary {
  background: #ffda00;
  color: #000000;
}
.picture-slider .picture-slider__slide-content.theme--secondary {
  background: #2071b5;
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--secondary .headline-article {
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--tertiary {
  background: #666666;
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--tertiary .headline-article {
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--quaternary {
  background: #1e324f;
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--quaternary .headline-article {
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--quinary {
  background: #005c63;
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--quinary .headline-article {
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--senary {
  background: #fef0ea;
  color: #000000;
}
.picture-slider .picture-slider__slide-content.theme--septenary {
  background: #f2f2f2;
  color: #000000;
}
.picture-slider .picture-slider__slide-content.theme--octonary {
  background: #85254b;
  color: #ffffff;
}
.picture-slider .picture-slider__slide-content.theme--octonary .headline-article {
  color: #ffffff;
}
.picture-slider .picture-slider__headline {
  z-index: 100;
  padding-top: 1.2rem;
}
.picture-slider .picture-slider__headline .headline-article {
  color: #000000;
  margin-bottom: 0;
}
.picture-slider .picture-slider__headline .headline-article:last-child {
  margin-bottom: 1.2rem;
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__headline {
    position: absolute;
    width: 75%;
    top: 8rem;
    left: 4rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__headline {
    top: 5rem;
    left: 2rem;
    width: auto;
  }
}
.picture-slider .carousel__navigation {
  position: static;
  width: auto;
  height: auto;
}
.picture-slider .picture-slider__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.picture-slider .picture-slider__buttons .arrow--right,
.picture-slider .picture-slider__buttons .arrow--left {
  border: none;
  height: 5rem;
  width: 5rem;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  background-color: rgba(200, 200, 200, 0.5);
  fill: #ffffff;
  padding: 1rem 0 0 0;
  position: absolute;
  top: 26rem;
}
@media (min-width: 768px) {
  .picture-slider .picture-slider__buttons .arrow--right,
  .picture-slider .picture-slider__buttons .arrow--left {
    top: 40rem;
  }
}
@media (min-width: 992px) {
  .picture-slider .picture-slider__buttons .arrow--right,
  .picture-slider .picture-slider__buttons .arrow--left {
    height: 7rem;
    width: 7rem;
  }
}
.picture-slider .picture-slider__buttons .arrow--right i,
.picture-slider .picture-slider__buttons .arrow--left i {
  font-size: 4rem;
  top: 0.1rem;
  color: #000000;
  position: relative;
}
@media (min-width: 992px) {
  .picture-slider .picture-slider__buttons .arrow--right i,
  .picture-slider .picture-slider__buttons .arrow--left i {
    font-size: 5rem;
    top: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__buttons .arrow--right i,
  .picture-slider .picture-slider__buttons .arrow--left i {
    font-size: 7rem;
    top: 1.8rem;
  }
}
.picture-slider .picture-slider__buttons .arrow--right i:hover,
.picture-slider .picture-slider__buttons .arrow--left i:hover {
  color: #ffffff;
}
.picture-slider .picture-slider__buttons .arrow--left {
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
  left: -2rem;
}
@media (min-width: 992px) {
  .picture-slider .picture-slider__buttons .arrow--left {
    left: -3.5rem;
  }
}
.picture-slider .picture-slider__buttons .arrow--right {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
}
@media (min-width: 992px) {
  .picture-slider .picture-slider__buttons .arrow--right {
    right: -3.5rem;
  }
}
.picture-slider .picture-slider__buttons .carousel__number-indicator {
  position: absolute;
  top: 40rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  margin-bottom: 0;
  display: inline-block;
}
@media (min-width: 768px) {
  .picture-slider .picture-slider__buttons .carousel__number-indicator {
    top: 68rem;
  }
}
@media (min-width: 992px) {
  .picture-slider .picture-slider__buttons .carousel__number-indicator {
    top: 72.5rem;
  }
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__buttons .carousel__number-indicator {
    color: #000000;
    position: static;
    font-size: 2.2rem;
    font-weight: bold;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    top: 59.5rem;
  }
}
@media (min-width: 1200px) {
  .picture-slider .picture-slider__buttons {
    width: 22rem;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 11rem;
    top: auto;
    bottom: 3rem;
    z-index: 100;
  }
  .picture-slider .picture-slider__buttons .arrow--left {
    -webkit-transform: rotate(180deg) translateY(0);
        -ms-transform: rotate(180deg) translateY(0);
            transform: rotate(180deg) translateY(0);
  }
  .picture-slider .picture-slider__buttons .arrow--right {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .col-lg-offset-1 .picture-slider .picture-slider__buttons {
    width: 20rem;
    left: 12rem;
    bottom: 1rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__buttons .arrow--right,
  .col-lg-offset-1 .picture-slider .picture-slider__buttons .arrow--left {
    height: 6rem;
    width: 6rem;
  }
  .col-lg-offset-1 .picture-slider .picture-slider__buttons .arrow--right svg,
  .col-lg-offset-1 .picture-slider .picture-slider__buttons .arrow--left svg {
    height: 5.5rem;
    width: 5.5rem;
  }
  .picture-slider .picture-slider__buttons .arrow--right,
  .picture-slider .picture-slider__buttons .arrow--left {
    top: auto;
    left: 50%;
    bottom: 0;
    border-radius: 0;
    display: inline-block;
    border: 3px solid #000000;
    background-color: #ffffff;
    fill: #000000;
    position: static;
    padding: 0;
    height: 7rem;
    width: 7rem;
  }
  .picture-slider .picture-slider__buttons .arrow--right:hover,
  .picture-slider .picture-slider__buttons .arrow--left:hover {
    background-color: #000000;
    fill: #ffffff;
  }
  .picture-slider .picture-slider__buttons .arrow--right svg,
  .picture-slider .picture-slider__buttons .arrow--left svg {
    height: 5.5rem;
    width: 5.5rem;
  }
}
.picture-slider .picture-slider__buttons.theme--primary .carousel__number-indicator {
  color: #000000;
}
.picture-slider .picture-slider__buttons.theme--senary .carousel__number-indicator {
  color: #000000;
}
.picture-slider .picture-slider__buttons.theme--septenary .carousel__number-indicator {
  color: #000000;
}
.picture-carousel.carousel {
  position: relative;
  overflow: hidden;
}
.picture-carousel.carousel .carousel__wrapper {
  position: relative;
}
.picture-carousel.carousel .carousel__headline h2 {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 39.199999999999996px;
  line-height: 3.9199999999999995rem;
}
.picture-carousel.carousel .carousel__container {
  overflow: hidden;
}
.picture-carousel.carousel .carousel__slide {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
.picture-carousel.carousel .carousel__slide.carousel--left .carousel__background .carousel__wrapper {
  padding: 4rem 2rem 2rem 2rem;
}
.picture-carousel.carousel .carousel__slide.theme--primary .carousel__background {
  background: #ffda00;
  color: #000000;
}
.picture-carousel.carousel .carousel__slide.theme--secondary .carousel__background {
  background: #2071b5;
  color: #ffffff;
}
.picture-carousel.carousel .carousel__slide.theme--tertiary .carousel__background {
  background: #666666;
  color: #ffffff;
}
.picture-carousel.carousel .carousel__slide.theme--quaternary .carousel__background {
  background: #1e324f;
  color: #ffffff;
}
.picture-carousel.carousel .carousel__slide.theme--quinary .carousel__background {
  background: #005c63;
  color: #ffffff;
}
.picture-carousel.carousel .carousel__slide.theme--senary .carousel__background {
  background: #fef0ea;
  color: #000000;
}
.picture-carousel.carousel .carousel__slide.theme--septenary .carousel__background {
  background: #f2f2f2;
  color: #000000;
}
.picture-carousel.carousel .carousel__slide.theme--octonary .carousel__background {
  background: #85254b;
  color: #ffffff;
}
.picture-carousel.carousel .carousel__foreground {
  width: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.picture-carousel.carousel .carousel__foreground img {
  height: 23rem;
  width: 100%;
  display: block;
  min-width: 100%;
}
.picture-carousel.carousel .carousel__background {
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: center;
}
.picture-carousel.carousel .carousel__background .headline-article {
  text-align: center;
}
.picture-carousel.carousel .carousel__background .headline-article br {
  display: none;
}
.picture-carousel.carousel .carousel__navigation {
  width: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: static;
  top: 1.5rem;
  left: 75%;
  margin-left: -13.5rem;
  z-index: 100;
}
.picture-carousel.carousel .arrow--right,
.picture-carousel.carousel .arrow--left {
  border: none;
  height: 5rem;
  width: 5rem;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  background-color: rgba(200, 200, 200, 0.5);
  fill: #000000;
  padding: 1rem 0 0 0;
  position: absolute;
  top: 10rem;
}
.picture-carousel.carousel .arrow--right i,
.picture-carousel.carousel .arrow--left i {
  position: relative;
  top: 2.3rem;
  font-size: 2.2rem;
}
.picture-carousel.carousel .arrow--left {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: -2rem;
}
@media (max-width: 480px) {
  .picture-carousel.carousel .arrow--left i {
    top: 0.2rem;
    left: 0.8rem;
    color: #ffffff;
  }
}
@media (min-width: 480px) {
  .picture-carousel.carousel .arrow--left i {
    top: 0.1rem;
    left: 0.8rem;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .picture-carousel.carousel .arrow--left i {
    top: 1.4rem;
    left: 0;
    color: #000000;
  }
}
.picture-carousel.carousel .arrow--right {
  right: -2rem;
}
@media (max-width: 480px) {
  .picture-carousel.carousel .arrow--right i {
    top: 0.2rem;
    left: 0.9rem;
    color: #ffffff;
  }
}
@media (min-width: 480px) {
  .picture-carousel.carousel .arrow--right i {
    top: 0.1rem;
    left: 0.9rem;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .picture-carousel.carousel .arrow--right i {
    top: 1.3rem;
    left: 0;
    color: #000000;
  }
}
.picture-carousel.carousel .carousel__number-indicator {
  position: absolute;
  top: 24.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  margin-bottom: 0;
  display: inline-block;
}
@media (min-width: 480px) {
  .picture-carousel.carousel .carousel__container {
    height: auto;
  }
  .picture-carousel.carousel .carousel__slide {
    height: auto;
  }
  .picture-carousel.carousel .carousel__picture-indicator {
    background: url(../images/loading.gif) no-repeat center;
  }
  .picture-carousel.carousel .carousel__foreground {
    height: auto;
    width: auto;
  }
  .picture-carousel.carousel .carousel__foreground img {
    height: 49rem;
  }
  .picture-carousel.carousel .carousel__background {
    height: auto;
    width: auto;
    position: static;
  }
  .picture-carousel.carousel .arrow--right,
  .picture-carousel.carousel .arrow--left {
    top: 23rem;
  }
  .picture-carousel.carousel .carousel__number-indicator {
    top: 50.5rem;
  }
}
@media (min-width: 768px) {
  .picture-carousel.carousel .carousel__foreground {
    height: auto;
  }
  .picture-carousel.carousel .carousel__foreground img {
    height: 48rem;
    display: block;
  }
  .picture-carousel.carousel .arrow--right,
  .picture-carousel.carousel .arrow--left {
    top: 22.5rem;
  }
  .picture-carousel.carousel .carousel__number-indicator {
    top: 49.5rem;
  }
}
@media (min-width: 992px) {
  .picture-carousel.carousel .carousel__headline h2 {
    padding: 3rem 0;
  }
  .picture-carousel.carousel .carousel__container {
    height: 57.2rem;
  }
  .picture-carousel.carousel .carousel__slide {
    height: 57.2rem;
  }
  .picture-carousel.carousel .carousel__slide.carousel--left .carousel__background .carousel__wrapper {
    padding: 2rem 2rem 2rem 11rem;
  }
  .picture-carousel.carousel .carousel__foreground {
    height: 48rem;
    width: 63.5rem;
    margin-top: 0;
  }
  .picture-carousel.carousel .carousel__foreground img {
    height: 100%;
    width: 100%;
    display: block;
  }
  .picture-carousel.carousel .carousel__background {
    height: 48rem;
    width: 40rem;
    position: absolute;
    text-align: left;
  }
  .picture-carousel.carousel .carousel__background .headline-article {
    text-align: left;
  }
  .picture-carousel.carousel .carousel__background .headline-article br {
    display: inherit;
  }
  .picture-carousel.carousel .carousel__navigation {
    width: 20rem;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    top: auto;
    left: 50%;
    margin-left: -14rem;
    z-index: 100;
  }
  .picture-carousel.carousel .arrow--right,
  .picture-carousel.carousel .arrow--left {
    height: 6rem;
    width: 6rem;
    top: auto;
    left: 50%;
    bottom: 0;
    border-radius: 0;
    display: inline-block;
    border: 3px solid #000000;
    background-color: #ffffff;
    position: static;
    padding: 0;
  }
  .picture-carousel.carousel .arrow--right i,
  .picture-carousel.carousel .arrow--left i {
    font-size: 6rem;
  }
  .picture-carousel.carousel .carousel__number-indicator {
    color: #000000;
    position: static;
    font-size: 2.2rem;
    font-weight: bold;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (min-width: 1200px) {
  .picture-carousel.carousel .carousel__headline h2 {
    padding: 3rem 0;
  }
  .picture-carousel.carousel .carousel__container {
    height: 68.9rem;
  }
  .picture-carousel.carousel .carousel__slide {
    height: 68.9rem;
  }
  .picture-carousel.carousel .carousel__slide.carousel--left .carousel__background .carousel__wrapper {
    padding: 2rem 4rem 2rem 16rem;
  }
  .picture-carousel.carousel .carousel__foreground {
    height: 59.6rem;
    width: 79.3rem;
  }
  .picture-carousel.carousel .carousel__background {
    height: 59.6rem;
    width: 48.6rem;
  }
  .picture-carousel.carousel .carousel__navigation {
    width: 21rem;
    margin-left: -14rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__headline h2 {
    padding: 3rem 0;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__container {
    height: 57.2rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__slide {
    height: 57.2rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__slide.carousel--left .carousel__background .carousel__wrapper {
    padding: 2rem 2rem 2rem 11rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__foreground {
    height: 48rem;
    width: 63.5rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__background {
    height: 48rem;
    width: 40rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .carousel__navigation {
    width: 20rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .arrow--right,
  .col-lg-offset-1 .picture-carousel.carousel .arrow--left {
    height: 6rem;
    width: 6rem;
  }
  .col-lg-offset-1 .picture-carousel.carousel .arrow--right svg,
  .col-lg-offset-1 .picture-carousel.carousel .arrow--left svg {
    height: 5.5rem;
    width: 5.5rem;
  }
}
.picture-carousel.carousel .carousel__buttons.theme--primary .carousel__number-indicator {
  color: #000000;
}
.picture-carousel.carousel .carousel__buttons.theme--quinary .carousel__number-indicator {
  color: #000000;
}
.picture-carousel.carousel .carousel__buttons.theme--senary .carousel__number-indicator {
  color: #000000;
}
.picture-carousel.carousel .carousel__buttons.theme--septenary .carousel__number-indicator {
  color: #000000;
}
.carousel-teaser {
  position: relative;
  text-align: center;
}
.carousel-teaser h1 {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 41px;
  line-height: 4.1rem;
  margin: 0 2rem 2.5rem;
}
@media (min-width: 768px) {
  .carousel-teaser h1 {
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 72px;
    line-height: 7.2rem;
    margin-bottom: 3.5rem;
  }
}
.carousel-teaser h2 {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 38px;
  line-height: 3.8rem;
}
.carousel-teaser h2.h2--bigger {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  margin-top: 9rem;
  font-size: 41px;
  font-size: 4.1rem;
  line-height: 42px;
  line-height: 4.2rem;
}
@media (min-width: 480px) {
  .carousel-teaser h2.h2--bigger {
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
@media (min-width: 768px) {
  .carousel-teaser h2.h2--bigger {
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
    line-height: 6rem;
  }
}
.carousel-teaser p,
.carousel-teaser span {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.carousel-teaser .carousel-teaser__text-section {
  max-width: 100%;
}
.carousel-teaser .carousel-teaser__text-section .vf-icon {
  font-size: 4.5rem;
}
@media (min-width: 768px) {
  .carousel-teaser .carousel-teaser__text-section .vf-icon {
    font-size: 6rem;
  }
}
.carousel-teaser__wrapper {
  position: relative;
  margin-top: 58px;
}
.carousel-teaser .carousel__navigation {
  top: -2.8rem;
  left: 50%;
  margin-left: -8.3rem;
}
.slick-initialized .carousel-teaser__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50rem;
  padding: 4rem 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  outline: 0;
}
@media (min-width: 480px) {
  .slick-initialized .carousel-teaser__slide {
    padding: 7rem;
  }
}
@media (min-width: 768px) {
  .slick-initialized .carousel-teaser__slide {
    height: 60rem;
    padding: 7rem 2rem;
  }
}
@media (min-width: 1200px) {
  .slick-initialized .carousel-teaser__slide {
    padding: 7rem;
  }
}
.slick-initialized .carousel-teaser__slide.slide--center-content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-initialized .carousel-teaser__slide img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 2rem;
}
.slick-initialized .carousel-teaser__slide.theme--primary {
  background-color: #edf1f6;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--secondary {
  background-color: #ebf2f3;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--tertiary {
  background-color: #edf9f3;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--quaternary {
  background-color: #fffee5;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--quinary {
  background-color: #fef0ea;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--senary {
  background-color: #f2f2f2;
  color: #000000;
}
.slick-initialized .carousel-teaser__slide.theme--septenary {
  background-color: #f2f2f2;
  color: #ffffff;
}
.teaser-box-v1 {
  margin: 1.8rem 0;
}
@media (min-width: 768px) {
  .teaser-box-v1--full-width img {
    min-width: 100%;
  }
}
@media (min-width: 768px) {
  .teaser-box-v1 .teaser-box-v1__image {
    height: 13.1rem;
    overflow: hidden;
    position: relative;
  }
  .teaser-box-v1 .teaser-box-v1__image img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    width: auto;
  }
  .col-sm-6 .teaser-box-v1 .teaser-box-v1__image {
    height: 20.2rem;
  }
  .col-sm-4 .teaser-box-v1 .teaser-box-v1__image {
    height: 13.1rem;
  }
  .col-sm-3 .teaser-box-v1 .teaser-box-v1__image {
    height: 9.6rem;
  }
}
@media (min-width: 992px) {
  .col-md-6 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-6 .teaser-box-v1 .teaser-box-v1__image {
    height: 27rem;
  }
  .col-md-4 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-4 .teaser-box-v1 .teaser-box-v1__image {
    height: 17.7rem;
  }
  .col-md-3 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-3 .teaser-box-v1 .teaser-box-v1__image {
    height: 13.3rem;
  }
}
@media (min-width: 1200px) {
  .col-lg-6 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-6 .teaser-box-v1 .teaser-box-v1__image {
    height: 32.5rem;
  }
  .col-lg-4 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-4 .teaser-box-v1 .teaser-box-v1__image {
    height: 21.5rem;
  }
  .col-lg-3 .teaser-box-v1 .teaser-box-v1__image,
  .col-sm-3 .teaser-box-v1 .teaser-box-v1__image {
    height: 16rem;
  }
}
.teaser-box-v1 .teaser-box-v1__content {
  padding: 2rem 10%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
@media (min-width: 768px) {
  .teaser-box-v1 .teaser-box-v1__content {
    padding: 2rem 20%;
  }
  .col-sm-6 .teaser-box-v1 .teaser-box-v1__content {
    padding: 2rem 10%;
  }
  .col-sm-4 .teaser-box-v1 .teaser-box-v1__content {
    padding: 2rem 10%;
  }
  .col-sm-3 .teaser-box-v1 .teaser-box-v1__content {
    padding: 2rem 5%;
  }
}
@media (min-width: 1200px) {
  .col-lg-6 .teaser-box-v1 .teaser-box-v1__content {
    padding: 2rem 20%;
  }
}
.teaser-box-v1 .teaser-box-v1__content .button {
  -ms-flex-item-align: center;
      align-self: center;
}
.teaser-box-v1 .teaser-box-v1__dots {
  height: 0;
}
.slick-dotted .teaser-box-v1 .teaser-box-v1__dots {
  height: 3.6rem;
}
.teaser-box-v1.theme--primary .teaser-box-v1__content {
  background: #fffee5;
  color: #000000;
}
.teaser-box-v1.theme--secondary .teaser-box-v1__content {
  background: #edf9f3;
  color: #000000;
}
.teaser-box-v1.theme--tertiary .teaser-box-v1__content {
  background: #ebf2f3;
  color: #000000;
}
.teaser-box-v1.theme--quaternary .teaser-box-v1__content {
  background: #edf1f6;
  color: #000000;
}
.teaser-box-v1.theme--quinary .teaser-box-v1__content {
  background: #fef0ea;
  color: #000000;
}
.teaser-box-v1.theme--senary .teaser-box-v1__content {
  background: #f2f2f2;
  color: #000000;
}
.teaser-box-v1.theme--septenary .teaser-box-v1__content {
  background: #ffffff;
  color: #000000;
}
.teaser-box-v1.theme--septenary .button {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.teaser-box-v1.theme--septenary .button:hover,
.teaser-box-v1.theme--septenary .button:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.teaser-box-v1.theme--septenary img {
  width: auto;
  display: block;
  min-width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.row.teaser-box-v1--background-half-grey {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2f2f2), color-stop(50%, #ffffff));
  background-image: linear-gradient(to bottom, #f2f2f2 50%, #ffffff 50%);
}
@media (min-width: 768px) {
  .row.teaser-box-v1--background-half-grey {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #f2f2f2), color-stop(38%, #ffffff));
    background-image: linear-gradient(to bottom, #f2f2f2 38%, #ffffff 38%);
  }
}
@media (min-width: 1200px) {
  .row.teaser-box-v1--background-half-grey {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #f2f2f2), color-stop(42%, #ffffff));
    background-image: linear-gradient(to bottom, #f2f2f2 42%, #ffffff 42%);
  }
}
@media (max-width: 768px) {
  .teaser-box-v1.teaser-box-v1--background-half-grey {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2f2f2), color-stop(50%, #ffffff));
    background-image: linear-gradient(to bottom, #f2f2f2 50%, #ffffff 50%);
  }
}
.teaser-box-v1--roundImage .teaser-box-v1__image {
  margin-bottom: 1rem;
  position: relative;
  height: 25rem;
  width: 25rem;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.teaser-box-v1--roundImage .teaser-box-v1__image img {
  border-radius: 50%;
  min-width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: inherit;
  height: 100%;
}
@media (min-width: 768px) {
  .col-sm-6 .teaser-box-v1--roundImage .teaser-box-v1__image {
    height: 30rem;
    width: 30rem;
  }
  .col-sm-4 .teaser-box-v1--roundImage .teaser-box-v1__image {
    height: 19rem;
    width: 19rem;
  }
  .col-sm-3 .teaser-box-v1--roundImage .teaser-box-v1__image {
    height: 17rem;
    width: 17rem;
  }
}
.voucher-register-box {
  border-top: 2px solid #000000;
}
.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .social-media {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.social-media .social-media__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2.6rem;
  margin: 0.8rem;
}
@media (min-width: 768px) {
  .social-media .social-media__box {
    margin: 0 0.8rem;
  }
}
.social-media .social-media__box p {
  line-height: 2.4rem;
}
.social-media .social-media__link {
  display: block;
  margin-top: 2rem;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  text-decoration: none;
}
.social-media .social-media__link:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.social-media .vf-icon {
  font-size: initial;
  color: #000000;
}
.social-media .vf-icon:before {
  font-size: 5.4rem;
}
a.icon--before--phone:before,
a.icon--before--mail:before,
a.icon--before--fax:before {
  display: inline;
}
.icon-with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #f2f2f2;
  padding: 2rem;
  margin-bottom: 0.2rem;
  position: relative;
}
.icon-with-text .vf-icon {
  position: relative;
  font-size: 6.4rem;
  top: 1rem;
  line-height: 5rem;
}
.structure--grey .icon-with-text {
  background: #ffffff;
}
.icon-with-text:last-of-type {
  margin-bottom: 3.6rem;
}
.icon-with-text__image {
  text-align: center;
}
.icon-with-text__image img {
  width: 8rem;
  max-width: 14rem;
}
@media (min-width: 480px) {
  .icon-with-text__image img {
    width: auto;
  }
}
.icon-with-text__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
  padding-left: 2rem;
}
@media (min-width: 992px) {
  .icon-with-text--sameHeight {
    height: 16rem;
  }
}
@media (min-width: 480px) {
  .icon-with-text--samePictureSize .icon-with-text__image {
    width: 11rem;
  }
  .icon-with-text--samePictureSize .icon-with-text__image img {
    max-width: 11rem;
  }
}
.icon-with-text--shadows {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
  .icon-with-text--mobile-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .icon-with-text--mobile-vertical .icon-with-text__image {
    margin-bottom: 1em;
  }
  .icon-with-text--mobile-vertical .icon-with-text__content {
    padding-left: 0;
  }
}
.campaign-logo .logo {
  display: block;
  margin: 0 auto;
  position: static;
}
.campaign-logo--left .logo {
  margin-left: 0;
}
.campaign-logo--right .logo {
  margin-right: 0;
}
.container--jumbotron {
  width: 100%;
  max-width: 192rem;
}
.jumbotron {
  position: relative;
}
@media (min-width: 992px) {
  .jumbotron p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
.jumbotron__img {
  height: 70rem;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 1200px) {
  .jumbotron__img {
    height: 80rem;
  }
}
.jumbotron__content {
  padding: 2rem;
  height: 100%;
  width: 100%;
  color: #ffffff;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jumbotron__content p,
.jumbotron__content h1,
.jumbotron__content h2,
.jumbotron__content h3,
.jumbotron__content h4,
.jumbotron__content h3.jumbotron__content__intro {
  max-width: 100%;
}
.jumbotron__content h3.jumbotron__content__intro {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  line-height: 2.8rem;
  margin-bottom: 2rem;
}
.jumbotron__content h1,
.jumbotron__content h2,
.jumbotron__content h3,
.jumbotron__content h4 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 44px;
  line-height: 4.4rem;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 4rem;
}
.jumbotron__content--darken {
  background: rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .jumbotron__content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 6rem 6rem 2rem 6rem;
    text-align: left;
  }
  .jumbotron__content h1,
  .jumbotron__content h2,
  .jumbotron__content h3,
  .jumbotron__content h4 {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 52px;
    line-height: 5.2rem;
    margin-bottom: 2rem;
  }
  .jumbotron__content h3.jumbotron__content__intro {
    font-size: 30px;
    font-size: 3rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
  .jumbotron__content p {
    margin-bottom: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  .jumbotron__content {
    padding: 10rem 12rem 2rem 8rem;
  }
  .jumbotron__content h1,
  .jumbotron__content h2,
  .jumbotron__content h3,
  .jumbotron__content h4 {
    font-size: 50px;
    font-size: 5rem;
    line-height: 56px;
    line-height: 5.6rem;
  }
  .jumbotron__content h3.jumbotron__content__intro {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 47.599999999999994px;
    line-height: 4.76rem;
  }
}
@media (min-width: 1200px) {
  .jumbotron__content h3.jumbotron__content__intro {
    font-size: 40px;
    font-size: 4rem;
    line-height: 56px;
    line-height: 5.6rem;
  }
  .jumbotron__content h1,
  .jumbotron__content h2,
  .jumbotron__content h3,
  .jumbotron__content h4 {
    font-size: 80px;
    font-size: 8rem;
    line-height: 90px;
    line-height: 9rem;
    margin-bottom: 2rem;
  }
  .jumbotron__content p {
    font-size: 30px;
    font-size: 3rem;
    line-height: 38px;
    line-height: 3.8rem;
  }
}
.jumbotron__quote {
  padding: 3rem 4rem;
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
  margin-left: 2rem;
  width: calc(100% - 4rem);
  min-height: 22rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.jumbotron__quote p,
.jumbotron__quote h3 {
  max-width: 100%;
}
.jumbotron__quote h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .jumbotron__quote {
    right: 0;
    width: 40rem;
  }
  .jumbotron__quote h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 35px;
    line-height: 3.5rem;
  }
}
@media (min-width: 992px) {
  .jumbotron__quote {
    width: 50rem;
  }
}
@media (min-width: 1200px) {
  .jumbotron__quote h3 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
}
.stencil__wrapper {
  overflow: hidden;
}
.stencil {
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}
.stencil.stencil--white {
  background: #ffffff;
}
.stencil.stencil--yellow-light {
  background: #fffee5;
}
.stencil.stencil--green-light {
  background: #edf9f3;
}
.stencil.stencil--blue-light {
  background: #edf1f6;
}
.stencil.stencil--turquoise-light {
  background: #ebf2f3;
}
.stencil.stencil--red-light {
  background: #fef0ea;
}
@media (min-width: 992px) {
  .stencil {
    margin-top: 10rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #f2f2f2), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #f2f2f2 50%, #ffffff 50%);
    background-size: 182%;
    background-position: right;
  }
  .stencil.stencil--white {
    background-image: none;
  }
  .stencil.stencil--yellow-light {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(91%, #fffee5), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #fffee5 91%, #ffffff 50%);
  }
  .stencil.stencil--green-light {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(91%, #edf9f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #edf9f3 91%, #ffffff 50%);
  }
  .stencil.stencil--blue-light {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(91%, #edf1f6), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #edf1f6 91%, #ffffff 50%);
  }
  .stencil.stencil--turquoise-light {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(91%, #ebf2f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #ebf2f3 91%, #ffffff 50%);
  }
  .stencil.stencil--red-light {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(91%, #fef0ea), color-stop(50%, #ffffff));
    background-image: linear-gradient(to left, #fef0ea 91%, #ffffff 50%);
  }
}
.stencil__image img {
  height: auto;
  position: relative;
  top: -6rem;
  width: 40rem;
}
@media (min-width: 992px) {
  .stencil__image {
    min-width: 30rem;
  }
  .stencil__image img {
    position: absolute;
    top: -7.5rem;
    width: 42rem;
  }
}
.stencil__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  padding: 0 2rem 3rem 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  .stencil__content {
    position: relative;
    top: -8rem;
    padding: 1rem 1rem 3rem 20rem;
    margin-bottom: -10rem;
  }
}
@media (min-width: 1200px) {
  .stencil__content {
    top: -13rem;
    padding: 0 1rem 0 20rem;
  }
}
.stencil__content__icon {
  padding-bottom: 2rem;
}
.stencil__content__icon i {
  font-size: 4rem;
}
@media (min-width: 992px) {
  .stencil__content__icon {
    position: absolute;
    bottom: -1rem;
    right: 1.5rem;
    padding-bottom: 0;
  }
}
.stencil__content__header {
  padding: 0;
  position: relative;
  word-break: break-word;
  max-width: 100%;
}
@media (min-width: 992px) {
  .stencil__content__header {
    padding: 3rem 2rem 0 2rem;
  }
}
.stencil__content__header h1,
.stencil__content__header h2,
.stencil__content__header h3,
.stencil__content__header h4 {
  margin-bottom: 1.2rem;
  font-size: 40px;
  font-size: 4rem;
  line-height: 44px;
  line-height: 4.4rem;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 1200px) {
  .stencil__content__header h1,
  .stencil__content__header h2,
  .stencil__content__header h3,
  .stencil__content__header h4 {
    font-size: 80px;
    font-size: 8rem;
    line-height: 90px;
    line-height: 9rem;
  }
}
.stencil__content__text {
  padding: 1rem 0;
  max-width: 100%;
}
.stencil__content__text ul,
.stencil__content__text ol {
  text-align: left;
}
@media (min-width: 992px) {
  .stencil__content__text {
    padding: 2rem;
  }
}
.stencil__content__text p {
  margin-bottom: 0.4rem;
}
@media (max-width: 991px) {
  .stencil__content__text p img {
    float: none;
  }
}
.stencil__content__text table {
  width: 100%;
  margin-bottom: 8px;
  table-layout: fixed;
  border-collapse: collapse;
}
.stencil__content__text table tr {
  display: block;
  position: relative;
}
.stencil__content__text table th,
.stencil__content__text table td {
  padding: 6px 6px 6px 0;
  display: block;
  text-align: left;
}
@media (min-width: 768px) {
  .stencil__content__text table th,
  .stencil__content__text table td {
    display: table-cell;
    vertical-align: baseline;
  }
  .stencil__content__text table tr {
    display: table-row;
    border: inherit;
  }
}
.stencil__content__cta {
  padding: 4rem 2rem 2rem 2rem;
}
@media (max-width: 992px) {
  .stencil__content__cta {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .stencil--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(58%, #f2f2f2), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #f2f2f2 58%, #ffffff 50%);
    background-size: 182%;
    background-position: left;
  }
  .stencil--reverse.stencil--yellow-light {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #fffee5), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #fffee5 90%, #ffffff 50%);
  }
  .stencil--reverse.stencil--green-light {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #edf9f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #edf9f3 90%, #ffffff 50%);
  }
  .stencil--reverse.stencil--blue-light {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #edf1f6), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #edf1f6 90%, #ffffff 50%);
  }
  .stencil--reverse.stencil--turquoise-light {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #ebf2f3), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #ebf2f3 90%, #ffffff 50%);
  }
  .stencil--reverse.stencil--red-light {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #fef0ea), color-stop(50%, #ffffff));
    background-image: linear-gradient(to right, #fef0ea 90%, #ffffff 50%);
  }
}
@media (min-width: 1200px) {
  .stencil--reverse {
    background-size: 155%;
  }
}
@media (min-width: 992px) {
  .stencil--reverse .stencil__content {
    position: relative;
    top: -8rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    padding: 3rem 20rem 3rem 3rem;
  }
}
@media (min-width: 1200px) {
  .stencil--reverse .stencil__content {
    top: -13rem;
    padding: 0 20rem 0 3rem;
  }
}
@media (min-width: 992px) {
  .stencil--reverse .stencil__image img {
    right: 0;
  }
}
.stencil--no-shift .stencil__content {
  position: static;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .stencil--no-shift .stencil__content__icon {
    padding-bottom: 2rem;
    bottom: 0;
  }
}
.stencil--simple-box {
  margin-top: 0;
}
.stencil--simple-box.stencil--yellow-light {
  background: #fffee5;
}
.stencil--simple-box.stencil--green-light {
  background: #edf9f3;
}
.stencil--simple-box.stencil--blue-light {
  background: #edf1f6;
}
.stencil--simple-box.stencil--turquoise-light {
  background: #ebf2f3;
}
.stencil--simple-box.stencil--red-light {
  background: #fef0ea;
}
.stencil--simple-box.stencil--expanded {
  width: 100%;
}
@media (min-width: 992px) {
  .stencil--simple-box {
    background: #f2f2f2;
    background-image: unset;
    background-size: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 5rem 0 5rem 5rem;
  }
  .stencil--simple-box.stencil--reverse {
    padding: 5rem 5rem 5rem 0;
  }
}
@media (min-width: 1200px) {
  .stencil--simple-box {
    padding: 5rem 5rem 5rem 10rem;
  }
  .stencil--simple-box.stencil--reverse {
    padding: 5rem 8rem;
  }
}
.stencil--simple-box .stencil__content {
  position: static;
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 992px) {
  .stencil--simple-box .stencil__content {
    padding: 1rem 2rem 3rem 3rem;
  }
  .stencil--simple-box .stencil__content.stencil--reverse {
    padding: 1rem 2rem 3rem 3rem;
  }
}
@media (min-width: 1200px) {
  .stencil--simple-box .stencil__content {
    padding: 0 1rem 0 1rem;
  }
  .stencil--simple-box .stencil__content.stencil--reverse {
    padding: 0 2rem 0 3rem;
  }
}
@media (min-width: 992px) {
  .stencil--simple-box .stencil__content__icon {
    padding-bottom: 2rem;
    bottom: 0;
  }
}
.stencil--simple-box .stencil__image {
  padding: 2rem;
  min-width: 32rem;
}
.stencil--simple-box .stencil__image img {
  position: static;
  width: 100%;
}
@media (min-width: 480px) {
  .stencil--simple-box .stencil__image {
    width: 44rem;
  }
}
@media (min-width: 992px) {
  .stencil--simple-box .stencil__image {
    width: 50rem;
  }
  .stencil--simple-box .stencil__image img {
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .stencil--simple-box .stencil__image {
    width: 70rem;
  }
}
.stencil--simple-box .stencil__content__header h1,
.stencil--simple-box .stencil__content__header h2,
.stencil--simple-box .stencil__content__header h3,
.stencil--simple-box .stencil__content__header h4 {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 40px;
  line-height: 4rem;
}
.numbered-articles {
  margin-top: 22%;
  margin-bottom: 3rem;
  padding: 0 1.5rem 6rem;
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .numbered-articles {
    padding: 0 2.5rem 6rem;
  }
}
@media (min-width: 992px) {
  .numbered-articles {
    margin-bottom: 0;
    padding: 0 10rem 6rem 10rem;
  }
}
.numbered-articles > img {
  display: inline-block;
  margin-top: -22%;
  margin-bottom: 1.5rem;
  height: auto;
}
@media (min-width: 992px) {
  .numbered-articles > img {
    margin-bottom: 5rem;
  }
}
.numbered-articles h2 {
  padding: 0 1rem 3rem;
  text-align: center;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 41px;
  line-height: 4.1rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 768px) {
  .numbered-articles h2 {
    padding: 0 2rem 4rem;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 51px;
    line-height: 5.1rem;
  }
}
@media (min-width: 992px) {
  .numbered-articles h2 {
    padding: 0 29rem 5rem 0;
    text-align: left;
    font-size: 60px;
    font-size: 6rem;
    line-height: 63px;
    line-height: 6.3rem;
  }
}
@media (min-width: 1200px) {
  .numbered-articles h2 {
    font-size: 70px;
    font-size: 7rem;
    line-height: 80px;
    line-height: 8rem;
  }
}
.numbered-articles__carousel {
  position: relative;
}
.numbered-articles .carousel__navigation {
  bottom: -9rem;
  right: 50%;
  margin-right: -8.3rem;
}
@media (min-width: 992px) {
  .numbered-articles .carousel__navigation {
    top: -12.2rem;
    right: 0;
    margin: 0;
  }
}
.numbered-articles article {
  outline: none;
  padding: 0 2rem;
}
@media (min-width: 992px) {
  .numbered-articles article {
    padding: 0 5rem 0 0;
  }
}
.numbered-articles article > i {
  display: block;
  border-radius: 50%;
  margin: 0 auto 2rem;
  padding-top: 0.1rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 36px;
  line-height: 3.6rem;
  font-weight: bold;
  font-style: normal;
  background: #000000;
  color: #ffffff;
}
@media (min-width: 992px) {
  .numbered-articles article > i {
    margin: 0 0 2rem;
    padding-top: 0.6rem;
    width: 5rem;
    height: 5rem;
  }
}
.numbered-articles article h3 {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 23px;
  line-height: 2.3rem;
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) {
  .numbered-articles article h3 {
    margin-bottom: 2rem;
    text-align: left;
    font-size: 30px;
    font-size: 3rem;
    line-height: 34px;
    line-height: 3.4rem;
    font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  }
}
.numbered-articles article p {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 23px;
  line-height: 2.3rem;
}
@media (min-width: 992px) {
  .numbered-articles article p {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
.maintenance-box {
  border: 1.2rem solid #ffffff;
  padding: 4rem 2rem 3.5rem 2rem;
  margin: 2rem 0;
  text-align: center;
  background: #fffee5;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .maintenance-box {
    padding: 6rem 6rem 5.5rem 6rem;
  }
}
.maintenance-box h3 {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 37px;
  line-height: 3.7rem;
}
@media (min-width: 992px) {
  .maintenance-box h3 {
    font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 45px;
    line-height: 4.5rem;
  }
}
.maintenance-box .vf-icon {
  display: inline-block;
  margin-bottom: 1.2rem;
  padding-top: 2.5rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  font-size: 4.1rem;
  background: #ffda00;
}
.maintenance-box--grey {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #f2f2f2;
  margin: 0;
  padding: 3rem 2rem 4.2rem;
}
@media (min-width: 992px) {
  .maintenance-box--grey {
    padding: 3rem 18% 4.2rem;
  }
}
.maintenance-box--grey .vf-icon {
  background: #f2f2f2;
}
.maintenance-box--noshadow {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tink {
  overflow-x: clip;
  overflow-y: visible;
  margin-top: 8.3rem;
  padding-bottom: 4.8rem;
  text-align: center;
}
.tink h2 {
  margin-top: -2.3rem;
}
@media (min-width: 768px) {
  .tink h2 {
    margin-top: -3.5rem;
  }
}
.tink .tink__app {
  margin: 1.2rem 1.6rem 0 1.6rem;
}
@media (min-width: 1200px) {
  .tink .tink__app {
    max-width: 112.6rem;
    margin: 1.2rem auto 0 auto;
  }
}
.tink .tink__loading-indicator {
  width: 5rem;
  margin: 0 auto;
}
.tink .col-xs-12:has(a.button) {
  padding-top: 3.5rem;
}
.tink .tink__product--one.tink__product {
  background-color: transparent;
}
.tink .tink__product--one .tink__wrapper {
  position: relative;
  min-height: 23.2rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__wrapper {
    min-width: 46.9rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.5rem 1.5rem 1.5rem 30rem;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__image-section {
    margin: 0 2rem 0 0;
  }
  .tink .tink__product--one .tink__image-section img {
    position: absolute;
    top: 1.6rem;
    left: 4rem;
    max-width: 23rem;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__badge {
    top: 14rem;
    left: 18.6rem;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__price-section .button {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__title {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--one .tink__price span {
    padding: 0 1.2rem 0 0;
  }
}
@media (min-width: 992px) {
  .tink .tink__product--two .tink__badge {
    right: 16%;
  }
}
.tink .tink__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #ffffff;
}
.tink .tink__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 0 0 2.9rem 0;
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .tink .tink__wrapper {
    position: relative;
  }
}
.tink .tink__image-section {
  position: relative;
  width: 100%;
  max-width: 41.2rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .tink .tink__image-section {
    position: initial;
  }
}
.tink .tink__image-section img {
  margin: 0 auto;
  width: 100%;
  max-width: 20rem;
}
.tink .tink__image-section .tink__title {
  max-width: 41.2rem;
  margin: 1.2rem auto;
  padding: 0 1.9rem;
  line-height: 2.4rem;
}
.tink .tink__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 10rem;
  right: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7.7rem;
  height: 7.7rem;
  padding: 1rem;
  border-radius: 50%;
  overflow: hidden;
  font-size: 2.4rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffda00;
}
@media (min-width: 480px) {
  .tink .tink__badge {
    right: 2rem;
  }
}
.tink .tink__price-section {
  padding: 0 1.9rem;
}
.tink .tink__price-section .button {
  margin: 0 auto;
  min-height: 0;
}
.tink .tink__price {
  margin-bottom: 2rem;
}
.tink .tink__price span {
  padding: 0 0.6rem;
}
.tink .swiper {
  overflow: visible;
}
.tink .swiper .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tink .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.tink .swiper .swiper-pagination {
  position: relative;
  margin: 1.9rem auto 0 auto;
  bottom: 0;
  line-height: 0px;
}
@media (min-width: 992px) {
  .tink .swiper .swiper-pagination {
    display: none;
  }
}
.tink .swiper .swiper-pagination span {
  border-radius: initial;
  top: 0;
  width: 5.6rem;
  height: 0.6rem;
  margin: 0 0.4rem;
  padding: 0;
  opacity: 1;
  background: #ccc;
}
.tink .swiper .swiper-pagination span.swiper-pagination-bullet {
  border: initial;
}
.tink .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #000000;
}
.product {
  margin-bottom: 8px;
  background: #ffffff;
  border: none;
  border: 1px solid #e3e3e3;
}
.product.is-active {
  border-color: #333;
}
.product,
.product p {
  font-size: 1.4rem;
  line-height: 1.25;
}
.product--scale-on-hover {
  margin: 16px 10px;
}
.product__cardhead {
  position: relative;
  padding: 16px 22px 0px 22px;
  border-bottom: 1px solid #d3d3d3;
}
.product__cardhead h3 {
  margin-top: 0.2rem;
}
.product__cardhead--noborder {
  border-bottom: 1px solid transparent;
}
.product__cardcontent {
  padding: 16px 22px 8px;
}
.product__cardaction {
  border-top: 1px solid #d6d6d6;
  padding: 10px 22px;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product__cardaction .left__col,
  .product__cardaction .right__col {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
}
.product__cardaction .left__col {
  text-align: left;
}
@media (max-width: 768px) {
  .product__cardaction .left__col {
    text-align: center;
    margin-bottom: 10px;
  }
}
.product__cardaction .right__col {
  text-align: right;
}
@media (max-width: 768px) {
  .product__cardaction .right__col {
    text-align: center;
  }
}
.product__cardcontent--stick-right {
  padding-right: 0px;
}
/* Temporary fix for clearing product elements (mainly for S3 page) */
@media (min-width: 768px) {
  .col-sm-3:nth-child(5n) {
    clear: both;
  }
  .col-sm-3:nth-child(n + 5) {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .products .col-md-4:nth-child(4n) {
    clear: both;
  }
  .products .col-md-4:nth-child(n + 4) {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .products .col-sm-6:nth-child(3n) {
    clear: both;
  }
  .products .col-sm-6:nth-child(n + 3) {
    margin-top: 10px;
  }
}
.product__cardaction .row > :nth-child(1) {
  text-align: center;
}
@media (min-width: 768px) {
  .product__cardaction .row > :nth-child(1) {
    margin-bottom: 0;
  }
}
.product__cardaction .row:first-of-type > :nth-child(2) {
  text-align: center;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .product__cardaction .row:first-of-type > :nth-child(2) {
    text-align: right;
    margin-top: 0;
  }
}
.product__cardaction button {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.voucher-detail .voucher-detail__time-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voucher-detail .voucher-detail__time-frame .voucher-detail__time-frame__copy {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0;
}
.voucher-detail .voucher-detail__time-frame .voucher-detail__time-frame__copy > p {
  margin: 0;
}
@media (min-width: 992px) {
  .voucher-detail .voucher-detail__time-frame {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.voucher-detail .voucher-detail__time-frame i {
  font-size: 6rem;
  margin: 2rem 6rem 2rem 0;
}
.voucher-detail h1,
.voucher-detail h2,
.voucher-detail h3,
.voucher-detail h4,
.voucher-detail .col-md-4 p,
.voucher-detail a {
  text-align: center;
}
.voucher-detail h1,
.voucher-detail h2,
.voucher-detail h3,
.voucher-detail h4 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 30px;
  line-height: 3rem;
  margin-bottom: 16px;
}
.voucher-detail .highlights-voucher__headline {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .voucher-detail h1,
  .voucher-detail h2,
  .voucher-detail h3,
  .voucher-detail h4,
  .voucher-detail .col-md-4 p,
  .voucher-detail a {
    text-align: left;
  }
  .voucher-detail .highlights-voucher__headline {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .voucher-detail--wide-padding .col-sm-6:first-child {
    width: 45%;
    padding-right: 2rem;
  }
  .voucher-detail--wide-padding .col-sm-offset-1 {
    margin-left: 10%;
  }
}
.voucher-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 1900;
  width: 100%;
  height: 40rem;
  pointer-events: none;
}
.voucher-popup,
.voucher-popup p {
  font-size: 1.4rem;
  line-height: 1.25;
}
@media all and (orientation: landscape) {
  .IE .voucher-popup {
    height: 33rem;
  }
}
@media (max-height: 400px) and (orientation: landscape) {
  .voucher-popup {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
  }
}
@media (min-width: 992px) {
  .voucher-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 22rem;
    width: 47rem;
    height: 33rem;
  }
}
.voucher-popup .voucher-popup-header {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.8rem;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  margin-bottom: 0;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-header {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .voucher-popup .voucher-popup-header {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-header {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .IE .voucher-popup .voucher-popup-header {
    padding-top: 2rem;
    height: 3.6rem;
  }
}
.voucher-popup .voucher-popup-toggler {
  position: relative;
  cursor: pointer;
  width: auto;
}
.voucher-popup .voucher-popup-toggler-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ffda00;
  width: 100%;
  height: 7rem;
  pointer-events: all;
  position: relative;
}
.voucher-popup .voucher-popup-toggler-wrapper .voucher-popup:not(.voucher-popup--hide) i.icon.vf-icon.vf-icon-arrow-up {
  left: -1px;
}
.voucher-popup .voucher-popup-toggler-wrapper .vf-icon-arrow-up {
  font-size: 3rem;
  width: auto;
  height: auto;
  position: absolute;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 27px;
  top: 24px;
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-toggler-wrapper {
    width: 7rem;
    height: 33rem;
  }
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-toggler-wrapper i {
    display: none;
  }
}
.voucher-popup .voucher-popup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f2f2f2;
  padding: 1.6rem 1.5rem 0 1.5rem;
  width: 100%;
  height: 33rem;
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper {
  background-color: #ffffff;
  padding: 1rem;
  width: 100%;
  max-width: 37rem;
  height: 22rem;
  overflow: hidden;
  pointer-events: all;
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper {
    width: 37rem;
  }
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
  line-height: 3.5rem;
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper h3 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
  line-height: 3rem;
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper h4 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
  line-height: 2.5rem;
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-innerWrapper img {
  margin: 0 auto;
  width: auto;
  max-width: 35rem;
  max-height: 15rem;
  -o-object-fit: none;
     object-fit: none;
}
.voucher-popup .voucher-popup-wrapper .voucher-popup-button-wrapper {
  margin: 2rem 0;
  text-align: center;
  pointer-events: all;
}
@media (min-width: 992px) {
  .voucher-popup .voucher-popup-wrapper .voucher-popup-button-wrapper {
    margin: 3rem 0;
  }
}
.voucher-popup:not(.voucher-popup--hide) .voucher-popup--arrow i {
  left: -3px;
}
.voucher-popup .voucher-popup--arrow {
  width: 9rem;
  pointer-events: all;
}
.voucher-popup .voucher-popup--arrow i {
  display: inline;
  position: relative;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  font-size: 4rem;
}
.voucher-popup .voucher-popup--arrow h2 {
  display: none;
}
.voucher-popup--hide {
  -webkit-transform: translateY(33rem);
      -ms-transform: translateY(33rem);
          transform: translateY(33rem);
}
@media (max-width: 992px) and (orientation: landscape) {
  .voucher-popup--hide {
    -webkit-transform: translateY(calc(100% - 7rem));
        -ms-transform: translateY(calc(100% - 7rem));
            transform: translateY(calc(100% - 7rem));
    overflow-y: hidden;
  }
  .IE .voucher-popup--hide {
    -webkit-transform: translateY(33rem);
        -ms-transform: translateY(33rem);
            transform: translateY(33rem);
  }
}
@media (min-width: 992px) {
  .voucher-popup--hide {
    -webkit-transform: translateX(40rem);
        -ms-transform: translateX(40rem);
            transform: translateX(40rem);
  }
}
.voucher-popup--hide .voucher-popup-toggler-wrapper .vf-icon-arrow-up {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 27px;
}
.voucher-popup--edit {
  position: relative;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(0rem) !important;
      -ms-transform: translateY(0rem) !important;
          transform: translateY(0rem) !important;
  margin: 0 auto;
}
.container-hubTiles {
  padding-left: 0;
  padding-right: 0;
}
.container-hubTiles .row {
  margin-left: 0;
  margin-right: 0;
}
.container-hubTiles .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .container-hubTiles .row {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
}
@media (min-width: 768px) {
  .container-hubTiles .col-sm-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.hub-tiles {
  margin-top: 2rem;
}
.hub-tiles .slick-list {
  padding: 0 2rem;
}
.hub-tiles .hub-tiles__images-wrapper {
  width: 100%;
  height: 53rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images-wrapper {
    margin-top: 0;
    height: 65rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images-wrapper {
    height: 45rem;
  }
}
.hub-tiles .hub-tiles__container {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
}
.hub-tiles .hub-tiles__container img {
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
}
.touch .hub-tiles .hub-tiles__container img.hidden {
  display: block;
}
.hub-tiles .hub-tiles__container video {
  display: none;
}
@media (min-width: 768px) {
  .no-touch .hub-tiles .hub-tiles__container video {
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.hub-tiles .hub-tiles__container--alle {
  border-bottom: 0.5rem solid #000000;
}
.hub-tiles .hub-tiles__container__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}
.hub-tiles .hub-tiles__container--security {
  border-bottom: 0.4rem solid #1e324f;
}
.hub-tiles .hub-tiles__container--mobile {
  border-bottom: 0.4rem solid #3dc07c;
}
.hub-tiles .hub-tiles__container--smart {
  border-bottom: 0.4rem solid #9b62c3;
}
.hub-tiles .hub-tiles__container--my-highlights {
  border-bottom: 0.4rem solid #005c63;
}
.hub-tiles .hub-tiles__container--smarter-living {
  border-bottom: 0.4rem solid #2071b5;
}
.hub-tiles .hub-tiles__container--solar {
  border-bottom: 0.4rem solid #f93b18;
}
.hub-tiles .hub-tiles__container--stores {
  border-bottom: 0.4rem solid #85254b;
}
.hub-tiles .hub-tiles__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: 5.5rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__legend {
    background: #ffffff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 13px 15px #00000019;
            box-shadow: 0px 13px 15px #00000019;
    z-index: 105;
    top: 0.5rem;
    padding: 0 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hub-tiles .hub-tiles__legend {
    padding-left: 0;
    padding-right: 0;
  }
}
.hub-tiles .hub-tiles__legend h1,
.hub-tiles .hub-tiles__legend h2,
.hub-tiles .hub-tiles__legend h3 {
  margin-bottom: 0.8rem;
  padding: 1rem 1rem 0 2.1rem;
  color: #000000;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 32px;
  line-height: 3.2rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend h1,
  .hub-tiles .hub-tiles__legend h2,
  .hub-tiles .hub-tiles__legend h3 {
    padding: 1rem 1rem 1rem 0.5rem;
    font-size: 40px;
    font-size: 4rem;
    line-height: 47px;
    line-height: 4.7rem;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 5.5rem;
  max-height: 5.5rem;
  -webkit-transition: max-height 0.5s ease-in;
  transition: max-height 0.5s ease-in;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list {
    margin-bottom: 0rem;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list h2,
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list li,
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list i {
  cursor: pointer;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list {
    left: -15px;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list {
    left: 0;
  }
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list--wrapper {
    position: relative;
    top: 1.6rem;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--mask {
  pointer-events: none;
  height: 4rem;
  width: 11.8rem;
  display: inline-block;
  position: absolute;
  top: 2.8rem;
  right: -0.8rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(92%, #f2f2f2));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f2f2f2 92%);
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--wrapper {
  width: 100%;
  overflow-x: scroll;
  position: relative;
  -ms-overflow-style: none;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list--wrapper {
    overflow-x: unset;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list--mask {
    display: none;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-right: 3rem;
  min-height: 1px;
  min-width: 1px;
  margin-bottom: 0;
  width: 220%;
}
@media (min-width: 400px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
    width: 200%;
  }
}
@media (min-width: 500px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
    width: 180%;
  }
}
@media (min-width: 600px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
    width: 160%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
    margin-bottom: 0.5rem;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    right: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-right: 0;
    padding-right: 0;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  list-style: none;
  padding: 1rem;
  opacity: 1;
  display: inline-block;
  color: #979594;
  padding-bottom: 0.5rem;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active {
  opacity: 1;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.alle {
  color: #000000;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.security {
  color: #1e324f;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.mobile {
  color: #3dc07c;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.smart {
  color: #9b62c3;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.my-highlights {
  color: #005c63;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.smarter-living {
  color: #2071b5;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.solar {
  color: #f93b18;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li.active.stores {
  color: #85254b;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list ul li {
    padding: 0 1rem;
    display: block;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list i {
  -webkit-transition: -webkit-transform 0.4s ease-in;
  transition: -webkit-transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
  transition: transform 0.4s ease-in, -webkit-transform 0.4s ease-in;
  -webkit-transform-origin: 1.3rem 0.9rem;
      -ms-transform-origin: 1.3rem 0.9rem;
          transform-origin: 1.3rem 0.9rem;
  position: absolute;
  top: 1.2rem;
  right: 2rem;
  z-index: 2;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__legend .hub-tiles__legend__list i {
    display: none;
  }
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--open {
  height: auto;
  position: absolute;
  max-height: 35rem;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--open ul li {
  display: block;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__list--open i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__bar {
  display: none;
  width: 33px;
  height: 0.5rem;
  background: #000000;
  display: block;
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
  margin-bottom: 2.5rem;
}
.hub-tiles .hub-tiles__legend .hub-tiles__legend__bar--animation {
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.hub-tiles .hub-tiles__text {
  -webkit-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #000000;
  background-color: #ffffff;
  opacity: 0.9;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__text {
    height: 30%;
  }
}
.hub-tiles .hub-tiles__text p {
  margin-bottom: 0.9rem;
  padding: 0rem 2rem 0.5rem 2rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__text p {
    padding: 0.5rem 2rem 0rem 2rem;
  }
}
.hub-tiles .hub-tiles__text p.hub-tiles__text--bold,
.hub-tiles .hub-tiles__text .hub-tiles__text--bold {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  padding: 2rem 2rem 0.5rem 2rem;
  margin-bottom: 0.3rem;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__text p.hub-tiles__text--bold,
  .hub-tiles .hub-tiles__text .hub-tiles__text--bold {
    padding: 2rem 2rem 0 2rem;
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__text p.hub-tiles__text--bold,
  .hub-tiles .hub-tiles__text .hub-tiles__text--bold {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 1.7rem 1.7rem 0 1.7rem;
    margin-bottom: 0.3rem;
  }
}
.hub-tiles .hub-tiles__text--icon p {
  padding-right: 4rem;
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__text--icon p {
    padding-right: 6rem;
  }
}
.hub-tiles .hub-tiles__text--icon p.hub-tiles__text--bold,
.hub-tiles .hub-tiles__text--icon .hub-tiles__text--bold {
  padding-right: 4rem;
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__text--icon p.hub-tiles__text--bold,
  .hub-tiles .hub-tiles__text--icon .hub-tiles__text--bold {
    padding-right: 6rem;
  }
}
.hub-tiles .hub-tiles__text a {
  margin-left: 2rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 17px;
  line-height: 1.7rem;
}
.hub-tiles .hub-tiles__text i {
  position: absolute;
  top: 2rem;
  right: 3rem;
  opacity: 0.5;
  font-size: 4rem;
  color: #000000;
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__text i {
    top: 3rem;
    right: 3rem;
  }
}
.hub-tiles .hub-tiles__warning {
  width: 100%;
  height: 44rem;
  left: 3rem;
  background-color: #ffffff;
  position: absolute;
  z-index: 500;
  overflow: hidden;
  margin-top: 0.5rem;
  border-bottom: 0.5rem solid #f93b18;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__warning {
    width: 100%;
    height: 34rem;
    max-width: 49.5%;
    left: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__warning {
    width: 40%;
    height: 44rem;
    left: 0;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__warning {
    z-index: 505;
  }
}
.hub-tiles .hub-tiles__warning__header {
  background-color: #ffda00;
  position: relative;
  height: 18%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 3.2rem 0 1.8rem;
}
@media (min-width: 480px) {
  .hub-tiles .hub-tiles__warning__header {
    height: 22%;
    padding: 0 3.2rem 0 2.2rem;
  }
}
.hub-tiles .hub-tiles__warning__header h2 {
  font-size: 6vw;
  line-height: 12vw;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000000;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .hub-tiles .hub-tiles__warning__header h2 {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
.hub-tiles .hub-tiles__warning__header h2 .vf-icon {
  display: none;
  position: relative;
  line-height: 3rem;
}
@media (min-width: 480px) {
  .hub-tiles .hub-tiles__warning__header h2 .vf-icon {
    display: inline;
    margin-left: -0.7rem;
    font-size: 4.3rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__warning__header h2 .vf-icon {
    top: -0.2rem;
    font-size: 4.7rem;
  }
}
.hub-tiles .hub-tiles__warning__header .vf-icon-close {
  position: absolute;
  top: 0.4rem;
  right: 1.5rem;
  cursor: pointer;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 37.8px;
  line-height: 3.78rem;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__warning__header .vf-icon-close {
    font-size: 30px;
    font-size: 3rem;
    line-height: 42px;
    line-height: 4.2rem;
  }
}
.hub-tiles .hub-tiles__warning__content {
  padding: 3rem 2rem 0 2rem;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 26.599999999999998px;
  line-height: 2.6599999999999997rem;
  width: 100%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__warning__content {
    padding: 2rem 2rem 0 2rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__warning__content {
    padding: 3rem 2rem 0 2rem;
  }
}
.hub-tiles .hub-tiles__warning__content h2 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 23.799999999999997px;
  line-height: 2.38rem;
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 1rem;
}
.hub-tiles .hub-tiles__warning__content .button {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hub-tiles .hub-tiles__warning--two div,
.hub-tiles .hub-tiles__warning--two p {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__warning--two {
    left: 0.5rem;
    bottom: 0.5rem;
  }
  .hub-tiles .hub-tiles__warning--two .hub-tiles__warning__header h2 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 40px;
    line-height: 4rem;
  }
  .hub-tiles .hub-tiles__warning--two .hub-tiles__warning__header .vf-icon {
    font-size: 3.8rem;
    margin-left: -5px;
    top: -1px;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__warning--two {
    left: unset;
    bottom: unset;
    right: 0;
    width: 38rem;
    height: 25rem;
  }
  .hub-tiles .hub-tiles__warning--two .hub-tiles__warning__content {
    padding-top: 1rem;
  }
}
.hub-tiles .hub-tiles__images {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 45rem;
  position: relative;
  -webkit-transition: -webkit-transform 0.8s ease-in;
  transition: -webkit-transform 0.8s ease-in;
  transition: transform 0.8s ease-in;
  transition: transform 0.8s ease-in, -webkit-transform 0.8s ease-in;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images {
    height: 65rem;
    overflow: hidden;
  }
}
.hub-tiles .hub-tiles__images .hub-tile {
  display: block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
  height: 35rem;
  min-width: 10rem;
  background-size: cover;
  background-position: center bottom;
  border: 0.5rem solid #ffffff;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tile {
    height: auto;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
.structure--grey .hub-tiles .hub-tiles__images .hub-tile {
  border: 0.5rem solid #f2f2f2;
}
@media (min-width: 768px) {
  .no-touch .hub-tiles .hub-tiles__images .hub-tile .loading {
    position: absolute;
    bottom: 0;
    width: 2rem;
    height: 0.5rem;
    background-color: #f2f2f2;
    z-index: 999;
    -webkit-animation: loading_tile linear 2s infinite;
            animation: loading_tile linear 2s infinite;
  }
}
@-webkit-keyframes loading_tile {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(51rem);
            transform: translateX(51rem);
  }
}
@keyframes loading_tile {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(51rem);
            transform: translateX(51rem);
  }
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
  width: 100%;
  max-width: 100%;
  position: static;
  overflow: hidden;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__layer,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__layer,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__layer,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__layer,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__layer {
  position: absolute;
  bottom: 0;
  height: 5rem;
  width: 100%;
  background: #ffffff;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__layer + a,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__layer + a,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__layer + a,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__layer + a,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__layer + a {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding-left: 2rem;
  padding-right: 2rem;
  min-width: 16rem;
  max-width: 100%;
  font-size: 1.3rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover .hide,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hide,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hide,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hide,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hide,
.touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hide,
.touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hide,
.touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hide,
.touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hide,
.touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hide {
  opacity: 0.9;
}
.no-touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover img,
.no-touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover img,
.no-touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover img,
.no-touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover img,
.no-touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover img {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.IE .no-touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover img,
.IE .no-touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover img,
.IE .no-touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover img,
.IE .no-touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover img,
.IE .no-touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile .hide,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hide,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hide,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hide,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hide {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile a,
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile a,
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile a,
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile a,
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile a {
  border-color: #000000;
  background: transparent;
  -ms-hyphens: none;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile {
  width: 100%;
  height: 45rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover .hub-tiles__text,
.touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
  height: 44%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
    height: 51%;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
    height: 43%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
    height: 30%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile {
    height: 35rem;
    max-width: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 101;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile {
    max-width: 40%;
    height: 45rem;
    border-left: 0;
  }
  .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
    height: 19%;
  }
}
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile {
  width: 100%;
  position: static;
  height: 45rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
.touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text {
  height: 44%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text {
    height: 51%;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text {
    height: 43%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text {
    height: 53%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile {
    height: 35rem;
    width: 50%;
    position: absolute;
    top: 0;
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile {
    max-width: 30%;
    height: 26rem;
    left: 40%;
  }
  .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text {
    height: 33%;
  }
}
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
  width: 100%;
  position: static;
  height: 45rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
.touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
  height: 44%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 66%;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 56%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 53%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
    width: 33%;
    position: absolute;
    top: 35rem;
    left: 0;
    height: 30rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
    max-width: 30.1%;
    left: 70%;
    top: 0;
    height: 26rem;
    border-right: 0;
  }
  .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 33%;
  }
}
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile {
  width: 100%;
  position: static;
  height: 45rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
.touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text {
  height: 44%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text {
    height: 66%;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text {
    height: 56%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text {
    height: 74%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile {
    width: 33%;
    position: absolute;
    bottom: 0;
    left: 33%;
    top: 35rem;
    height: 30rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile {
    width: 35%;
    left: 40%;
    top: 26rem;
    height: 19rem;
  }
  .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text {
    height: 46%;
  }
}
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
  width: 100%;
  position: static;
  height: 45rem;
}
.hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
.touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
  height: 44%;
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 66%;
  }
}
@media (min-width: 992px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 56%;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 74%;
  }
}
@media (min-width: 768px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
    width: 34%;
    position: absolute;
    bottom: 0;
    left: 66%;
    top: 35rem;
    height: 30rem;
  }
}
@media (min-width: 1200px) {
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
    position: absolute;
    width: 25%;
    top: 26rem;
    left: 75%;
    height: 19rem;
    border-right: 0;
  }
  .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 46%;
  }
}
.hub-tiles .hub-tiles__icon {
  position: absolute;
  top: 0;
  right: -0.5rem;
  background: #005c63;
  color: #000000;
  width: 7rem;
  height: 7rem;
}
.hub-tiles .hub-tiles__icon i {
  padding: 1.6rem;
  height: 4rem;
  width: 4rem;
  font-size: 40px;
  font-size: 4rem;
  line-height: 65px;
  line-height: 6.5rem;
}
.hub-tiles .hub-tiles__bubble {
  text-align: center;
  position: absolute;
  top: 2rem;
  right: 1rem;
  background: #ffda00;
  color: #000000;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  padding-top: 2rem;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
}
.hub-tiles .slick-dots {
  bottom: -4rem;
}
.hub-tiles__images.hub-tiles__images--Tab-1 {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.hub-tiles__images.hub-tiles__images--Tab-2 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.hub-tiles__images.hub-tiles__images--Tab-3 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}
.hub-tiles__images.hub-tiles__images--Tab-4 {
  -webkit-transform: translateX(-300%);
      -ms-transform: translateX(-300%);
          transform: translateX(-300%);
}
.hub-tiles__images.hub-tiles__images--Tab-5 {
  -webkit-transform: translateX(-400%);
      -ms-transform: translateX(-400%);
          transform: translateX(-400%);
}
.hub-tiles__images.hub-tiles__images--Tab-6 {
  -webkit-transform: translateX(-500%);
      -ms-transform: translateX(-500%);
          transform: translateX(-500%);
}
.hub-tiles__images.hub-tiles__images--Tab-7 {
  -webkit-transform: translateX(-600%);
      -ms-transform: translateX(-600%);
          transform: translateX(-600%);
}
@media (min-width: 1200px) {
  .structure--grey .hub-tiles .hub-tiles__images .hub-tile.hub-tiles__main-tile {
    border-left: 0;
  }
}
.structure--grey .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile,
.structure--grey .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
  border-right: 0;
}
.IE .hub-tiles .hub-tiles__warning__header h2 .vf-icon {
  top: 2px;
}
.article-tiles {
  /* DESKTOP */
  /* MOBILE */
}
.article-tiles .hub-tiles {
  margin-top: 0;
}
@media (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}
.article-tiles .hub-tiles .hub-tiles__images-wrapper {
  overflow: visible;
  display: block;
}
.article-tiles .hub-tiles .hub-tiles__images {
  overflow: visible;
  display: block;
}
.article-tiles .hub-tiles .hub-tiles__container--alle {
  border-bottom: 0.5rem solid #114961;
}
.article-tiles .hub-tiles .hub-tiles__images .hub-tiles__text {
  height: 12%;
}
.article-tiles .hub-tiles .hub-tiles__images .hub-tile {
  border: 0.5rem solid transparent;
}
@media (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile {
    max-width: 100%;
    background: transparent;
    position: static;
    height: 41.3rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile:hover img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text {
    position: relative;
    display: block;
    width: 52%;
    overflow: hidden;
    height: 100%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p.hide {
    opacity: 1;
    margin-bottom: 3.8rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 17px;
    line-height: 1.7rem;
    max-width: 80%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p:before,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p:after {
    display: inline;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p.hub-tiles__text--bold,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text .hub-tiles__text--bold {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
    margin-bottom: 2.4rem;
    padding-top: 5.4rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a {
    opacity: 1;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__container--alle {
    border-top: 0.5rem solid #114961;
    border-bottom: 0;
    border-left: 0;
    -o-border-image: linear-gradient(to right, #114961 10%, transparent 10%);
       border-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #114961), color-stop(10%, transparent));
       border-image: linear-gradient(to right, #114961 10%, transparent 10%);
    /* to top - at 50% transparent */
    border-image-slice: 1;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__container img {
    width: 48%;
    position: static;
    float: right;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a {
    font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: 100%;
    max-width: 100%;
    min-width: 12rem;
    min-height: 4.4rem;
    padding: 1rem 2.4rem;
    text-align: center;
    cursor: pointer;
    border-width: 0.1rem;
    border-style: solid;
    border-radius: 3rem;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #000000;
    background: #ffda00;
    border-color: transparent;
    float: left;
    margin-left: 2rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a a {
    color: inherit;
    text-decoration: none;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:hover {
    background: #ffe966;
    color: #000000;
    text-decoration: none;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:focus-visible {
    outline: 2px solid #2071b5;
    outline-offset: 0.4rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:active {
    background-color: #e5c400;
    color: #000000;
    outline: unset;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:hover {
    background: #ffe966;
    color: #000000;
    text-decoration: none;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:focus-visible {
    outline: 2px solid #2071b5;
    outline-offset: 0.4rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a:active {
    background-color: #e5c400;
    color: #000000;
    outline: unset;
  }
  .article-tiles .hub-tiles .hub-tiles__main-tile .hub-tiles__text {
    background: none;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p.hub-tiles__text--bold,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text .hub-tiles__text--bold {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text p.hub-tiles__text--bold,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text .hub-tiles__text--bold {
    font-size: 60px;
    font-size: 6rem;
    line-height: 65px;
    line-height: 6.5rem;
  }
}
@media (min-width: 768px) and (min-width: 480px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__main-tile .hub-tiles__text a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
    position: static;
    float: left;
    width: 35%;
    max-width: 35%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 50%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
    width: 30%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
    position: static;
    float: left;
    width: 35%;
    display: inline-block !important;
    height: 29rem;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 24%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 50%;
  }
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile {
    position: relative;
    bottom: -10px;
    top: auto;
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile {
    height: 59rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 30%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 30%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__up-right-tile .hub-tiles__text {
    height: 30%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 56%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 56%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile:hover .hub-tiles__text,
  .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile:hover .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-center-tile .hub-tiles__text,
  .touch .article-tiles .hub-tiles .hub-tiles__images .hub-tiles__down-right-tile .hub-tiles__text {
    height: 56%;
  }
}
.good-reasons-xl {
  color: #000000;
  position: relative;
  text-align: center;
  min-height: 52rem;
}
@media (min-width: 768px) {
  .good-reasons-xl {
    min-height: 68rem;
  }
}
@media (min-width: 1350px) {
  .good-reasons-xl {
    min-height: 62rem;
  }
}
.good-reasons-xl .good-reasons-xl__headline {
  background: #f2f2f2;
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 41px;
  line-height: 4.1rem;
  margin-bottom: -7rem;
  padding: 5rem 1rem 7rem 1rem;
  max-height: 34rem;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .good-reasons-xl .good-reasons-xl__headline {
    padding: 9rem 1rem 18rem 1rem;
    max-height: 28rem;
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 65px;
    line-height: 6.5rem;
    margin-bottom: -14rem;
  }
}
@media (min-width: 1350px) {
  .good-reasons-xl .good-reasons-xl__headline {
    padding: 9rem 1rem 23.9rem 1rem;
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 72px;
    line-height: 7.2rem;
    margin-bottom: -15rem;
  }
}
.good-reasons-xl .good-reasons-xl__items {
  width: 100%;
  min-width: 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .good-reasons-xl .good-reasons-xl__items {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1350px) {
  .good-reasons-xl .good-reasons-xl__items {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  min-height: 1rem;
  width: 100%;
}
.good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item:focus {
  outline: none;
}
.good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item h2 {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 10rem;
  line-height: 120px;
  line-height: 12rem;
}
.good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item .good-reasons-xl__title {
  font-family: "VattenfallHall-Bold", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 35px;
  line-height: 3.5rem;
  word-break: break-word;
}
.good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item .good-reasons-xl__text {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin: 0rem 2rem 2rem 2rem;
}
@media (min-width: 768px) {
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item {
    padding: 2rem 4rem;
    margin: 2rem;
  }
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item h2 {
    font-size: 180px;
    font-size: 18rem;
    line-height: 180px;
    line-height: 18rem;
  }
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item .good-reasons-xl__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 32px;
    line-height: 3.2rem;
  }
}
@media (min-width: 1350px) {
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item {
    padding: 2rem 4rem;
    margin: 1rem;
  }
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item h2 {
    font-size: 200px;
    font-size: 20rem;
    line-height: 200px;
    line-height: 20rem;
  }
  .good-reasons-xl .good-reasons-xl__items .good-reasons-xl__item .good-reasons-xl__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 32px;
    line-height: 3.2rem;
  }
}
.good-reasons-xl .carousel__navigation {
  bottom: 2rem;
  left: 50%;
  width: 16.6rem;
  height: 5.8rem;
  margin-left: -8.3rem;
}
.one-product h2 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25.2px;
  line-height: 2.52rem;
  font-weight: 100;
}
.one-product h2.h2--big {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 29.4px;
  line-height: 2.94rem;
}
.one-product .yearlyPrice h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 29.4px;
  line-height: 2.94rem;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 22px;
}
.one-product .yearlyPrice .module {
  border: 1px solid #f2f2f2;
  padding: 18px;
}
.one-product .yearlyPrice .module .orderdetailbutton {
  width: 100%;
  margin-bottom: 0;
}
.one-product .table--product-info td {
  border: none;
}
.one-product .table--product-info tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.one-product .table--product-info tr td:first-child {
  width: 65%;
}
.one-product .image--floatLeft--autoWidth--inline,
.one-product .image--floatRight--autoWidth--inline {
  width: 100%;
  max-width: 135px;
  float: right;
  margin-right: 0;
}
.one-product ul.list--graphicalList {
  display: none;
  width: 100%;
  vertical-align: top;
}
.one-product ul.list--graphicalList ~ p {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
@media (min-width: 480px) {
  .one-product ul.list--graphicalList {
    width: 69%;
  }
}
@media (min-width: 768px) {
  .one-product ul.list--graphicalList {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .one-product ul.list--graphicalList {
    width: 69%;
  }
}
.one-product .product-group--lp__top + div {
  padding-left: 20px;
}
@media (max-width: 768px) {
  .one-product .product-group--lp__top + div {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .one-product {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
.product-group--lp__top {
  padding: 26px;
  overflow: hidden;
  position: inherit;
}
.product-group--lp__top h2 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  line-height: 3.5rem;
  font-weight: 100;
  color: white;
  margin-bottom: 0;
  text-align: center;
}
.product-group--lp__top--orange {
  background: #ffda00;
  color: white;
}
.product-group--lp__top--green {
  background: #005c63;
  color: white;
}
.product-group--lp__top--blue {
  background: #2071b5;
  color: white;
}
.product-group--lp__top--profi {
  background: #ffda00;
  color: white;
}
.product-group--lp__top--profi h2 {
  margin-left: 20px;
}
.product--lp .product__cardaction {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
}
.product--lp .product__cardaction a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  padding: 5px 0;
}
@media (max-width: 480px) {
  .product--lp .product__cardcontent tr:nth-child(even):not(.table-price-list-sum) {
    background: #ebebeb;
  }
  .product--lp .product__cardcontent table.table tr.product__empty-row {
    background: none;
  }
}
@media (max-width: 480px) {
  .product--lp .product__cardcontent td:first-child {
    width: 56%;
  }
}
.product--lp .table {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18.2px;
  line-height: 1.8199999999999998rem;
  table-layout: auto;
}
.product--lp .table td {
  text-align: left;
  padding: 4px 0px;
  border-left: 0;
  border-right: 0;
}
.product--lp .table td td:last-child {
  text-align: left;
}
.product--lp .table td a {
  color: #000;
  text-decoration: none;
}
.product--lp .table td a:hover {
  color: #000;
  text-decoration: none;
}
.product--lp .table td:last-child {
  text-align: right;
}
.product--lp .table .table-price-list-sum {
  border-top: 1px solid #000000;
}
.product--lp .table .table-price-list-sum td:last-child {
  text-align: right;
}
.product--lp .table--headline {
  text-align: left;
  padding: 4px 7px 4px 0;
  border-left: 0;
  border-right: 0;
}
.product--lp .table--headline span {
  font-weight: bold;
  padding-bottom: 8px;
}
.table-price-list td {
  white-space: nowrap;
}
#noTariffs .col-sm-12 {
  min-height: 165px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.24);
          box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.24);
}
#noTariffs .col-sm-12:before {
  font-size: 4rem;
  margin-right: 10px;
  color: red;
}
#noTariffs .col-sm-12 h2 {
  margin-bottom: 0;
}
.svg_icon_simple_arrow-white,
.toggleHandle.toggleHandle--white:before,
.productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle:before,
.productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M69.746%2053.696l-32.1%2032.1c-2.042%202.04-5.352%202.04-7.393%200-2.04-2.042-2.04-5.353%200-7.394L58.656%2050%2030.254%2021.598c-2.04-2.042-2.04-5.352%200-7.393%202.04-2.042%205.35-2.042%207.393%200l32.1%2032.1c1.02%201.02%201.53%202.357%201.53%203.695s-.51%202.676-1.53%203.696z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}
.hideText,
.productSlim.productSlim--toggle .productSlim__moreInfo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.productSlim {
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.4rem;
  min-height: 165px;
  padding: 12px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.1s;
  transition: -webkit-box-shadow 0.1s;
  transition: box-shadow 0.1s;
  transition: box-shadow 0.1s, -webkit-box-shadow 0.1s;
}
.productSlim .ribbon {
  width: 150px;
  display: block;
  background-color: #1e324f;
  position: absolute;
  right: -44px;
  top: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.productSlim .ribbon p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #ffffff;
  display: block;
  margin: 2px 0;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .productSlim {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    cursor: auto;
    padding: 12px 23px 12px 12px;
  }
}
.productSlim .productSlim__mobileLink {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .productSlim .productSlim__mobileLink {
    display: none;
  }
}
.productSlim.featuredProduct .col-sm-3:nth-child(n + 5) {
  margin-top: 0;
}
.productSlim h1 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  font-size: 25px;
}
.productSlim h2 {
  margin-bottom: 8px;
  font-weight: 100;
}
.productSlim h3 {
  font-size: 16px;
}
.productSlim p {
  margin-bottom: 8px;
  font-size: 13px;
}
.productSlim .productSlim__tariff {
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 45px;
  text-align: center;
}
@media (min-width: 768px) {
  .productSlim .productSlim__tariff {
    padding: 10px 5px;
    text-align: left;
  }
}
.productSlim .productSlim__tariff__subline {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.productSlim .productSlim__tariff__image img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .productSlim .productSlim__tariff__image img {
    margin: 0 0 20px 0;
    padding-right: 6px;
  }
}
.productSlim .productSlim__tariff .productSlim__moreInfo {
  display: none;
}
@media (min-width: 768px) {
  .productSlim .productSlim__tariff,
  .productSlim .productSlim__bonus,
  .productSlim .productSlim__details {
    border-right: 1px solid #f2f2f2;
    border-bottom: none;
  }
}
.productSlim .productSlim__bonus {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .productSlim .productSlim__bonus {
    margin-top: inherit;
  }
}
.productSlim .productSlim__bonus p {
  display: none;
}
@media (min-width: 768px) {
  .productSlim .productSlim__bonus p {
    display: block;
  }
}
.productSlim .productSlim__details {
  display: none;
  padding: 10px 15px;
}
@media (min-width: 1200px) {
  .productSlim .productSlim__details {
    display: block;
  }
}
.productSlim .productSlim__details table {
  margin: 0 auto;
}
.productSlim .productSlim__details table p:before,
.productSlim .productSlim__details table p:after {
  content: " ";
  display: inline;
}
.productSlim .productSlim__details table p {
  white-space: nowrap;
}
.productSlim .productSlim__details table p.white-space-normal-xs {
  white-space: normal;
}
@media (min-width: 350px) {
  .productSlim .productSlim__details table p.white-space-normal-xs {
    white-space: nowrap;
  }
}
.productSlim .productSlim__details table .white-space-normal {
  white-space: normal;
}
.productSlim .productSlim__details table .empty {
  height: 25px;
}
.productSlim .productSlim__price {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 14px 10px;
  text-align: center;
  background: #edf9f3;
}
@media (min-width: 768px) {
  .productSlim .productSlim__price {
    background: none;
  }
}
.productSlim .productSlim__cta {
  display: none;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
}
@media (min-width: 768px) {
  .productSlim .productSlim__cta {
    display: block;
    margin-top: 17px;
  }
}
.productSlim .ribbonWrapper {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100px;
  height: 100px;
}
@media (min-width: 768px) {
  .productSlim .ribbonWrapper {
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
  }
}
.productSlim .ribbonWrapper .ribbon {
  background: #2071b5;
}
@media (min-width: 768px) {
  .productSlim .ribbonWrapper .ribbon {
    left: -41px;
    bottom: 19px;
    top: auto;
    right: auto;
  }
}
.productSlim .ribbonWrapper .ribbon p {
  margin: 3px 0;
  font-size: 14px;
}
.productSlim.productSlim--headlines {
  display: none;
  cursor: auto;
  min-height: inherit;
  margin-bottom: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
@media (min-width: 768px) {
  .productSlim.productSlim--headlines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.productSlim.productSlim--headlines div {
  border: none;
  text-align: left;
  font-size: 15px;
  font-weight: 900;
}
.productSlim.productSlim--toggle {
  cursor: auto;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle {
    padding-right: 40px;
  }
}
.productSlim.productSlim--toggle .productSlim__mobileLink {
  display: none;
}
.productSlim.productSlim--toggle .ribbonWrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 100px;
  height: 100px;
}
.productSlim.productSlim--toggle .ribbonWrapper .ribbon {
  top: 19px;
  right: -42px;
  left: auto;
  bottom: auto;
}
.productSlim.productSlim--toggle .productSlim__tariff {
  position: static;
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle .productSlim__tariff {
    position: relative;
  }
}
.productSlim.productSlim--toggle .productSlim__moreInfo {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 15px;
  color: #2071b5;
  background: #2071b5;
  cursor: pointer;
}
.productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle {
  left: 50%;
  bottom: -2.5rem;
  margin-left: -2rem;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle {
    left: 0;
    bottom: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle:before {
  content: "";
  position: absolute;
  display: block;
  top: 12px;
  left: 11px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle:before {
    top: 0px;
    left: 0px;
  }
}
.productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle.is-active:before {
  top: 11px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle.is-active:before {
    top: 0px;
  }
}
@media (min-width: 768px) {
  .productSlim.productSlim--toggle .productSlim__moreInfo {
    border-radius: inherit;
    left: 0.5rem;
    bottom: 0;
    margin-left: 0;
    padding-left: 2rem;
    width: auto;
    height: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    text-indent: 0;
    white-space: normal;
    overflow: visible;
  }
  .productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle:before {
    top: 1px;
    left: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%230085c7%22%20d%3D%22M69.746%2053.696l-32.1%2032.1c-2.042%202.04-5.352%202.04-7.393%200-2.04-2.042-2.04-5.353%200-7.394L58.656%2050%2030.254%2021.598c-2.04-2.042-2.04-5.352%200-7.393%202.04-2.042%205.35-2.042%207.393%200l32.1%2032.1c1.02%201.02%201.53%202.357%201.53%203.695s-.51%202.676-1.53%203.696z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-size: contain;
    height: 17px;
    width: 17px;
  }
  .productSlim.productSlim--toggle .productSlim__moreInfo.toggleHandle.is-active:before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.productSlim.productSlim--toggle .productSlim__cta {
  margin-top: 0;
}
.productSlim.productSlim--toggle .productSlim__cta .productSlim__detailsLink {
  display: none;
}
.productSlim.productSlim--toggle .productSlim__cta .button--large {
  padding: 0 30px;
}
@media (min-width: 992px) {
  .productSlim.productSlim--toggle .productSlim__cta .button--large {
    padding: 0 40px;
  }
}
.productSlim.productSlim--toggle .toggleHandle--initExpanded:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.productSlim.productSlim--toggle .toggleHandle--initExpanded.is-active:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.productSlim .productSlim__detailsBox {
  display: none;
  width: 100%;
  padding: 30px 0;
  font-size: 13px;
}
.productSlim .productSlim__detailsBox a {
  font-size: 13px;
}
@media (min-width: 768px) {
  .productSlim .productSlim__detailsBox {
    border-top: 1px solid #f2f2f2;
    margin-top: 30px;
  }
}
.productSlim .productSlim__detailsBox .productSlim__cta {
  display: block;
  padding: 0;
}
@media (min-width: 768px) {
  .productSlim .productSlim__detailsBox .productSlim__cta {
    display: none;
  }
}
.productSlim .productSlim__detailsBox h1 {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #f2f2f2;
  margin-top: 50px;
  text-align: center;
  font-size: 23px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .productSlim .productSlim__detailsBox h1 {
    display: none;
  }
}
.productSlim .productSlim__detailsBox .productSlim__diagram {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .productSlim .productSlim__detailsBox .productSlim__diagram {
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .productSlim .productSlim__detailsBox .module--runtime {
    display: none;
  }
}
.productSlim .productSlim__detailsBox h4 {
  margin-bottom: 20px;
  font-size: 18px;
}
.productSlim .productSlim__detailsBox p {
  line-height: 2rem;
  margin-bottom: 5px;
}
.productSlim .productSlim__detailsBox .table-price-list td {
  white-space: initial;
}
.productSlim .productSlim__detailsBox .table-price-list td:nth-child(odd) {
  width: 60%;
}
.news {
  min-height: 630px;
}
.news .image {
  overflow: hidden;
  min-height: 350px;
  max-height: 355px;
  margin-bottom: 30px;
}
.news h2 {
  font-family: "VattenfallHallDisplay-Bold", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 3.4rem;
}
.news p {
  margin-top: 1.4rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.news a {
  text-decoration: none;
  color: #000000;
}
.news .module {
  border-bottom: #005c63 solid 4px;
  padding-bottom: 1em;
}
.news .slick-list {
  padding: 0px 20px;
}
.maintenanceOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(100% - 8rem);
  background-color: rgba(255, 255, 255, 0.65);
}
.maintenanceOverlay__with-overlay {
  bottom: 2.3rem;
}
.maintenanceOverlay__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 8rem;
          flex: 1 0 8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 8rem;
  line-height: 8rem;
}
.maintenanceOverlay__icon i {
  font-size: 3.8rem;
  width: 3.8rem;
  height: 3.8rem;
}
@media (min-width: 768px) {
  .maintenanceOverlay__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8rem;
            flex: 0 0 8rem;
  }
}
.maintenanceOverlay__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .maintenanceOverlay--homepageCalc {
    z-index: 1002;
  }
}
.maintenanceMode--slim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fef0ea;
  padding: 2rem 1.6rem;
  margin-bottom: 2rem;
  z-index: 999;
  position: relative;
}
.maintenanceMode--slim--homepageCalc {
  margin-top: 1.6rem;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .maintenanceMode--slim--homepageCalc {
    z-index: 1003;
  }
}
.maintenanceMode--slim__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.8rem;
          flex: 0 0 4.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1.2rem;
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 2rem;
}
.maintenanceMode--slim__icon i {
  font-size: 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
}
.maintenanceMode--slim__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 125%;
}
.maintenanceMode--slim__content span:first-child {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.maintenanceMode--big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fef0ea;
  padding: 6rem 1.6rem 8rem;
  margin: 2rem 0;
  z-index: 999;
  position: relative;
}
.maintenanceMode--big__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 8rem;
          flex: 1 0 8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8rem;
  height: 8rem;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 8rem;
}
.maintenanceMode--big__icon i {
  font-size: 3.8rem;
  width: 3.8rem;
  height: 3.8rem;
}
@media (min-width: 768px) {
  .maintenanceMode--big__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8rem;
            flex: 0 0 8rem;
  }
}
.maintenanceMode--big__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 0 0 0.1rem rgba(128, 128, 128, 0.01);
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
}
.maintenanceMode--big__content span {
  padding: 0;
  text-align: center;
}
.maintenanceMode--big__content span:first-child {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 1rem 0;
}
.disabledByMaintenance {
  opacity: 0.5;
}
body {
  color: #000000 !important;
}


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