@charset "UTF-8";
div, ul, li, article, main, aside, header, footer, section, p, a, h1, h2, h3, h4, h5, h6, pre, input, textarea {
  box-sizing: border-box; }

.col > div + div, .col > div + ul, .col > div + table, .col > ul + div, .col > ul + ul, .col > ul + table, .col > table + div, .col > table + ul, .col > table + table {
  margin-top: 16px;
  margin-top: var(--gap--grd); }

@font-face {
  font-family: 'InfoDisplayWeb';
  src: url("font/InfoDisplayWeb.eot");
  src: url("font/InfoDisplayWeb.eot?#iefix") format("embedded-opentype"), url("font/InfoDisplayWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'InfoDisplayWeb';
  src: url("font/InfoDisplayWeb-Semibold.eot");
  src: url("font/InfoDisplayWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("font/InfoDisplayWeb-Semibold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

html {
  scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff;
  color: #333;
  overflow-x: hidden;
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal; }
  body pre {
    text-align: left;
    font-size: .9em;
    line-height: 1; }
  body #benaja_overlay {
    display: none; }
  body hr {
    border-top: 1px solid #f1f1f1;
    border-bottom: none; }

.bg--dark .title--up, .bgimg .title--up, .bg--dark .title--mid, .bgimg .title--mid, .bg--dark .title--sub, .bgimg .title--sub, .bg--dark .richtext, .bgimg .richtext {
  color: #fff; }

.bg--dark a, .bgimg a {
  color: #fff; }

.dummytxt {
  font-family: blokk,sans-serif; }

.area--swn .tx-om-cookie-consent {
  background-color: #bfdde0; }

.area--swn .cookie-panel__link a {
  color: #007684; }

.area--swn .btn.cookie-panel__button--secondary {
  background-color: #7fbac1;
  color: #e5f1f2; }

.area--swn section.bgimg .richtext a {
  color: #fff; }

.area--swn .bg--dark .btn__box .btn, .area--swn .bgimg .btn__box .btn {
  color: #007684;
  background: #fff; }

.area--swn .navigation--aside .title.current {
  background: #007684; }
  .area--swn .navigation--aside .title.current .link {
    color: #fff; }

.area--swn .navigation--aside .level-2.current, .area--swn .navigation--aside .level-2.active {
  background: #007684; }
  .area--swn .navigation--aside .level-2.current .level-3, .area--swn .navigation--aside .level-2.active .level-3 {
    background: #bfdde0; }
    .area--swn .navigation--aside .level-2.current .level-3 a:hover, .area--swn .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--swn .navigation--aside .level-2.current .level-3 a:hover span, .area--swn .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #7fbac1; }

.area--swn .navigation--aside .level-2 a:hover {
  background: #4099a3; }

.area--swn .navigation--aside .level-2.active .level-3 {
  background: #bfdde0; }
  .area--swn .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #007684; }

.area--swn .hero--flat {
  background-image: url(../img/px/areabg/area__swn--fhd.png); }

.area--swn .pagefooter {
  background-color: #007684; }
  .area--swn .pagefooter .link svg path {
    fill: #007684; }
  @media only screen and (min-width: 1088px) {
    .area--swn .pagefooter {
      background-image: url(../img/px/areabg/area__swn--fhd.png); } }

.area--swn .richtext ul > li::before, section.section--swn .richtext ul > li::before {
  content: url(../img/svg/bulletlist--swn.svg); }

.area--swn .richtext a, section.section--swn .richtext a {
  color: #007684; }

.area--swn .richtext .btn, section.section--swn .richtext .btn {
  background-color: #007684;
  color: #fff; }

.area--swn .btn, section.section--swn .btn {
  background-color: #007684;
  color: #fff; }
  .area--swn .btn:hover, section.section--swn .btn:hover {
    background-color: #4099a3; }

.area--swn .burger-button #nav-icon span, section.section--swn .burger-button #nav-icon span {
  background: #007684; }

.area--swn .btn__box a, section.section--swn .btn__box a {
  background: #007684;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--swn .btn__box a:hover, section.section--swn .btn__box a:hover {
    background: #4099a3; }

.area--swn .title--up, section.section--swn .title--up {
  color: #007684; }

.area--swn .powermail_form .input label, section.section--swn .powermail_form .input label {
  color: #007684; }

.area--swn .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--swn .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #007684; }

.area--swn .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--swn .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #007684; }

.area--swn .powermail_form .input .input-child label, section.section--swn .powermail_form .input .input-child label {
  color: #333; }

.area--swn .powermail_form .input input:focus, .area--swn .powermail_form .input textarea:focus, section.section--swn .powermail_form .input input:focus, section.section--swn .powermail_form .input textarea:focus {
  border-bottom: 2px solid #007684; }

.area--swn .powermail_form .input select, section.section--swn .powermail_form .input select {
  background-image: url(../img/svg/selectfield--swn.svg); }

.area--swn .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--swn .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #007684; }

.area--swn .card--default .card__txt p a, section.section--swn .card--default .card__txt p a {
  color: #007684; }

.area--swn .card--order .card__num span, section.section--swn .card--order .card__num span {
  color: #007684; }

.area--swn .card--title.img--ico .ico--check, section.section--swn .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--swn.svg); }

.area--swn .input__group label, section.section--swn .input__group label {
  color: #007684; }

.area--swn .input__group input:focus, section.section--swn .input__group input:focus {
  border-bottom-color: #007684; }

.area--swn .radio__group input[type=radio]:checked + label:after, section.section--swn .radio__group input[type=radio]:checked + label:after {
  background: #007684; }

.area--swn input[type="checkbox"]:checked + label::after, section.section--swn input[type="checkbox"]:checked + label::after {
  background: #007684; }

.area--swn select, section.section--swn select {
  background-image: url(../img/svg/selectfield--swn.svg); }

.area--swn .tbl--colhead, section.section--swn .tbl--colhead {
  width: 100%; }

.area--swn table .tbl__head, section.section--swn table .tbl__head {
  border-color: #007684; }

.area--swn .tbl--colhead .cell__title, section.section--swn .tbl--colhead .cell__title {
  border-color: #007684; }

.area--swn .tbl--colhead th, section.section--swn .tbl--colhead th {
  border-color: #007684; }

.area--swn .aac__trigger:before, section.section--swn .aac__trigger:before {
  background-image: url(../img/svg/chevron--swn.svg); }

.area--swn .aac__trigger[aria-expanded="true"], section.section--swn .aac__trigger[aria-expanded="true"] {
  background: #007684; }

.area--swn .split.split--fill .img__box:before, section.section--swn .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--swn.svg); }

.area--swn .swiper-button-prev, .area--swn .swiper-button-next, section.section--swn .swiper-button-prev, section.section--swn .swiper-button-next {
  background: #007684; }

.area--swn .swiper-pagination-bullet-active, section.section--swn .swiper-pagination-bullet-active {
  background: #007684; }

@media only screen and (min-width: 1088px) {
  .area--swn .profile .button__group .label, section.section--swn .profile .button__group .label {
    color: #007684; }
  @supports (display: grid) {
    .area--swn .split.split--fill .img__box .img, section.section--swn .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--swn .split.split--fill .txt__box, section.section--swn .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--swn.svg); } }
  @supports (display: grid) {
    .area--swn .split--hero.split--fill .txt__box, section.section--swn .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--swn.svg); } } }

.section--swn.bgimg .title--up {
  color: #fff; }

.section--swn.bgimg .richtext .btn {
  background: #fff;
  color: #007684; }

.section--swn.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #007684; }

.card--background .area--swn {
  background-color: #007684; }
  .card--background .area--swn .title--up {
    color: #333; }
  .card--background .area--swn .button__group .btn__box a {
    background: #fff;
    color: #007684; }

.area--red .tx-om-cookie-consent {
  background-color: #fedcd9; }

.area--red .cookie-panel__link a {
  color: #fa7268; }

.area--red .btn.cookie-panel__button--secondary {
  background-color: #fcb8b3;
  color: #fef0ef; }

.area--red section.bgimg .richtext a {
  color: #fff; }

.area--red .bg--dark .btn__box .btn, .area--red .bgimg .btn__box .btn {
  color: #fa7268;
  background: #fff; }

.area--red .navigation--aside .title.current {
  background: #fa7268; }
  .area--red .navigation--aside .title.current .link {
    color: #fff; }

.area--red .navigation--aside .level-2.current, .area--red .navigation--aside .level-2.active {
  background: #fa7268; }
  .area--red .navigation--aside .level-2.current .level-3, .area--red .navigation--aside .level-2.active .level-3 {
    background: #fedcd9; }
    .area--red .navigation--aside .level-2.current .level-3 a:hover, .area--red .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--red .navigation--aside .level-2.current .level-3 a:hover span, .area--red .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #fcb8b3; }

.area--red .navigation--aside .level-2 a:hover {
  background: #fc968e; }

.area--red .navigation--aside .level-2.active .level-3 {
  background: #fedcd9; }
  .area--red .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #fa7268; }

.area--red .hero--flat {
  background-image: url(../img/px/areabg/area__red--fhd.png); }

.area--red .pagefooter {
  background-color: #fa7268; }
  .area--red .pagefooter .link svg path {
    fill: #fa7268; }
  @media only screen and (min-width: 1088px) {
    .area--red .pagefooter {
      background-image: url(../img/px/areabg/area__red--fhd.png); } }

.area--red .richtext ul > li::before, section.section--red .richtext ul > li::before {
  content: url(../img/svg/bulletlist--red.svg); }

.area--red .richtext a, section.section--red .richtext a {
  color: #fa7268; }

.area--red .richtext .btn, section.section--red .richtext .btn {
  background-color: #fa7268;
  color: #fff; }

.area--red .btn, section.section--red .btn {
  background-color: #fa7268;
  color: #fff; }
  .area--red .btn:hover, section.section--red .btn:hover {
    background-color: #fc968e; }

.area--red .burger-button #nav-icon span, section.section--red .burger-button #nav-icon span {
  background: #fa7268; }

.area--red .btn__box a, section.section--red .btn__box a {
  background: #fa7268;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--red .btn__box a:hover, section.section--red .btn__box a:hover {
    background: #fc968e; }

.area--red .title--up, section.section--red .title--up {
  color: #fa7268; }

.area--red .powermail_form .input label, section.section--red .powermail_form .input label {
  color: #fa7268; }

.area--red .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--red .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #fa7268; }

.area--red .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--red .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #fa7268; }

.area--red .powermail_form .input .input-child label, section.section--red .powermail_form .input .input-child label {
  color: #333; }

.area--red .powermail_form .input input:focus, .area--red .powermail_form .input textarea:focus, section.section--red .powermail_form .input input:focus, section.section--red .powermail_form .input textarea:focus {
  border-bottom: 2px solid #fa7268; }

.area--red .powermail_form .input select, section.section--red .powermail_form .input select {
  background-image: url(../img/svg/selectfield--red.svg); }

.area--red .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--red .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #fa7268; }

.area--red .card--default .card__txt p a, section.section--red .card--default .card__txt p a {
  color: #fa7268; }

.area--red .card--order .card__num span, section.section--red .card--order .card__num span {
  color: #fa7268; }

.area--red .card--title.img--ico .ico--check, section.section--red .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--red.svg); }

.area--red .input__group label, section.section--red .input__group label {
  color: #fa7268; }

.area--red .input__group input:focus, section.section--red .input__group input:focus {
  border-bottom-color: #fa7268; }

.area--red .radio__group input[type=radio]:checked + label:after, section.section--red .radio__group input[type=radio]:checked + label:after {
  background: #fa7268; }

.area--red input[type="checkbox"]:checked + label::after, section.section--red input[type="checkbox"]:checked + label::after {
  background: #fa7268; }

.area--red select, section.section--red select {
  background-image: url(../img/svg/selectfield--red.svg); }

.area--red .tbl--colhead, section.section--red .tbl--colhead {
  width: 100%; }

.area--red table .tbl__head, section.section--red table .tbl__head {
  border-color: #fa7268; }

.area--red .tbl--colhead .cell__title, section.section--red .tbl--colhead .cell__title {
  border-color: #fa7268; }

.area--red .tbl--colhead th, section.section--red .tbl--colhead th {
  border-color: #fa7268; }

.area--red .aac__trigger:before, section.section--red .aac__trigger:before {
  background-image: url(../img/svg/chevron--red.svg); }

.area--red .aac__trigger[aria-expanded="true"], section.section--red .aac__trigger[aria-expanded="true"] {
  background: #fa7268; }

.area--red .split.split--fill .img__box:before, section.section--red .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--red.svg); }

.area--red .swiper-button-prev, .area--red .swiper-button-next, section.section--red .swiper-button-prev, section.section--red .swiper-button-next {
  background: #fa7268; }

.area--red .swiper-pagination-bullet-active, section.section--red .swiper-pagination-bullet-active {
  background: #fa7268; }

@media only screen and (min-width: 1088px) {
  .area--red .profile .button__group .label, section.section--red .profile .button__group .label {
    color: #fa7268; }
  @supports (display: grid) {
    .area--red .split.split--fill .img__box .img, section.section--red .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--red .split.split--fill .txt__box, section.section--red .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--red.svg); } }
  @supports (display: grid) {
    .area--red .split--hero.split--fill .txt__box, section.section--red .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--red.svg); } } }

.section--red.bgimg .title--up {
  color: #fff; }

.section--red.bgimg .richtext .btn {
  background: #fff;
  color: #fa7268; }

.section--red.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #fa7268; }

.card--background .area--red {
  background-color: #fa7268; }
  .card--background .area--red .title--up {
    color: #333; }
  .card--background .area--red .button__group .btn__box a {
    background: #fff;
    color: #fa7268; }

.area--blue .tx-om-cookie-consent {
  background-color: #bfe9f3; }

.area--blue .cookie-panel__link a {
  color: #00a9ce; }

.area--blue .btn.cookie-panel__button--secondary {
  background-color: #7fd4e6;
  color: #ebf8fb; }

.area--blue section.bgimg .richtext a {
  color: #fff; }

.area--blue .bg--dark .btn__box .btn, .area--blue .bgimg .btn__box .btn {
  color: #00a9ce;
  background: #fff; }

.area--blue .navigation--aside .title.current {
  background: #00a9ce; }
  .area--blue .navigation--aside .title.current .link {
    color: #fff; }

.area--blue .navigation--aside .level-2.current, .area--blue .navigation--aside .level-2.active {
  background: #00a9ce; }
  .area--blue .navigation--aside .level-2.current .level-3, .area--blue .navigation--aside .level-2.active .level-3 {
    background: #bfe9f3; }
    .area--blue .navigation--aside .level-2.current .level-3 a:hover, .area--blue .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--blue .navigation--aside .level-2.current .level-3 a:hover span, .area--blue .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #7fd4e6; }

.area--blue .navigation--aside .level-2 a:hover {
  background: #40bfdb; }

.area--blue .navigation--aside .level-2.active .level-3 {
  background: #bfe9f3; }
  .area--blue .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #00a9ce; }

.area--blue .hero--flat {
  background-image: url(../img/px/areabg/area__blue--fhd.png); }

.area--blue .pagefooter {
  background-color: #00a9ce; }
  .area--blue .pagefooter .link svg path {
    fill: #00a9ce; }
  @media only screen and (min-width: 1088px) {
    .area--blue .pagefooter {
      background-image: url(../img/px/areabg/area__blue--fhd.png); } }

.area--blue .richtext ul > li::before, section.section--blue .richtext ul > li::before {
  content: url(../img/svg/bulletlist--blue.svg); }

.area--blue .richtext a, section.section--blue .richtext a {
  color: #00a9ce; }

.area--blue .richtext .btn, section.section--blue .richtext .btn {
  background-color: #00a9ce;
  color: #fff; }

.area--blue .btn, section.section--blue .btn {
  background-color: #00a9ce;
  color: #fff; }
  .area--blue .btn:hover, section.section--blue .btn:hover {
    background-color: #40bfdb; }

.area--blue .burger-button #nav-icon span, section.section--blue .burger-button #nav-icon span {
  background: #00a9ce; }

.area--blue .btn__box a, section.section--blue .btn__box a {
  background: #00a9ce;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--blue .btn__box a:hover, section.section--blue .btn__box a:hover {
    background: #40bfdb; }

.area--blue .title--up, section.section--blue .title--up {
  color: #00a9ce; }

.area--blue .powermail_form .input label, section.section--blue .powermail_form .input label {
  color: #00a9ce; }

.area--blue .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--blue .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #00a9ce; }

.area--blue .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--blue .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #00a9ce; }

.area--blue .powermail_form .input .input-child label, section.section--blue .powermail_form .input .input-child label {
  color: #333; }

.area--blue .powermail_form .input input:focus, .area--blue .powermail_form .input textarea:focus, section.section--blue .powermail_form .input input:focus, section.section--blue .powermail_form .input textarea:focus {
  border-bottom: 2px solid #00a9ce; }

.area--blue .powermail_form .input select, section.section--blue .powermail_form .input select {
  background-image: url(../img/svg/selectfield--blue.svg); }

.area--blue .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--blue .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #00a9ce; }

.area--blue .card--default .card__txt p a, section.section--blue .card--default .card__txt p a {
  color: #00a9ce; }

.area--blue .card--order .card__num span, section.section--blue .card--order .card__num span {
  color: #00a9ce; }

.area--blue .card--title.img--ico .ico--check, section.section--blue .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--blue.svg); }

.area--blue .input__group label, section.section--blue .input__group label {
  color: #00a9ce; }

.area--blue .input__group input:focus, section.section--blue .input__group input:focus {
  border-bottom-color: #00a9ce; }

.area--blue .radio__group input[type=radio]:checked + label:after, section.section--blue .radio__group input[type=radio]:checked + label:after {
  background: #00a9ce; }

.area--blue input[type="checkbox"]:checked + label::after, section.section--blue input[type="checkbox"]:checked + label::after {
  background: #00a9ce; }

.area--blue select, section.section--blue select {
  background-image: url(../img/svg/selectfield--blue.svg); }

.area--blue .tbl--colhead, section.section--blue .tbl--colhead {
  width: 100%; }

.area--blue table .tbl__head, section.section--blue table .tbl__head {
  border-color: #00a9ce; }

.area--blue .tbl--colhead .cell__title, section.section--blue .tbl--colhead .cell__title {
  border-color: #00a9ce; }

.area--blue .tbl--colhead th, section.section--blue .tbl--colhead th {
  border-color: #00a9ce; }

.area--blue .aac__trigger:before, section.section--blue .aac__trigger:before {
  background-image: url(../img/svg/chevron--blue.svg); }

.area--blue .aac__trigger[aria-expanded="true"], section.section--blue .aac__trigger[aria-expanded="true"] {
  background: #00a9ce; }

.area--blue .split.split--fill .img__box:before, section.section--blue .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--blue.svg); }

.area--blue .swiper-button-prev, .area--blue .swiper-button-next, section.section--blue .swiper-button-prev, section.section--blue .swiper-button-next {
  background: #00a9ce; }

.area--blue .swiper-pagination-bullet-active, section.section--blue .swiper-pagination-bullet-active {
  background: #00a9ce; }

@media only screen and (min-width: 1088px) {
  .area--blue .profile .button__group .label, section.section--blue .profile .button__group .label {
    color: #00a9ce; }
  @supports (display: grid) {
    .area--blue .split.split--fill .img__box .img, section.section--blue .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--blue .split.split--fill .txt__box, section.section--blue .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--blue.svg); } }
  @supports (display: grid) {
    .area--blue .split--hero.split--fill .txt__box, section.section--blue .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--blue.svg); } } }

.section--blue.bgimg .title--up {
  color: #fff; }

.section--blue.bgimg .richtext .btn {
  background: #fff;
  color: #00a9ce; }

.section--blue.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #00a9ce; }

.card--background .area--blue {
  background-color: #00a9ce; }
  .card--background .area--blue .title--up {
    color: #333; }
  .card--background .area--blue .button__group .btn__box a {
    background: #fff;
    color: #00a9ce; }

.area--green .tx-om-cookie-consent {
  background-color: #e7efcd; }

.area--green .cookie-panel__link a {
  color: #84bd00; }

.area--green .btn.cookie-panel__button--secondary {
  background-color: #d0df9a;
  color: #f2f8e5; }

.area--green section.bgimg .richtext a {
  color: #fff; }

.area--green .bg--dark .btn__box .btn, .area--green .bgimg .btn__box .btn {
  color: #84bd00;
  background: #fff; }

.area--green .navigation--aside .title.current {
  background: #84bd00; }
  .area--green .navigation--aside .title.current .link {
    color: #fff; }

.area--green .navigation--aside .level-2.current, .area--green .navigation--aside .level-2.active {
  background: #84bd00; }
  .area--green .navigation--aside .level-2.current .level-3, .area--green .navigation--aside .level-2.active .level-3 {
    background: #e7efcd; }
    .area--green .navigation--aside .level-2.current .level-3 a:hover, .area--green .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--green .navigation--aside .level-2.current .level-3 a:hover span, .area--green .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #d0df9a; }

.area--green .navigation--aside .level-2 a:hover {
  background: #b9cf69; }

.area--green .navigation--aside .level-2.active .level-3 {
  background: #e7efcd; }
  .area--green .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #84bd00; }

.area--green .hero--flat {
  background-image: url(../img/px/areabg/area__green--fhd.png); }

.area--green .pagefooter {
  background-color: #84bd00; }
  .area--green .pagefooter .link svg path {
    fill: #84bd00; }
  @media only screen and (min-width: 1088px) {
    .area--green .pagefooter {
      background-image: url(../img/px/areabg/area__green--fhd.png); } }

.area--green .richtext ul > li::before, section.section--green .richtext ul > li::before {
  content: url(../img/svg/bulletlist--green.svg); }

.area--green .richtext a, section.section--green .richtext a {
  color: #84bd00; }

.area--green .richtext .btn, section.section--green .richtext .btn {
  background-color: #84bd00;
  color: #fff; }

.area--green .btn, section.section--green .btn {
  background-color: #84bd00;
  color: #fff; }
  .area--green .btn:hover, section.section--green .btn:hover {
    background-color: #b9cf69; }

.area--green .burger-button #nav-icon span, section.section--green .burger-button #nav-icon span {
  background: #84bd00; }

.area--green .btn__box a, section.section--green .btn__box a {
  background: #84bd00;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--green .btn__box a:hover, section.section--green .btn__box a:hover {
    background: #b9cf69; }

.area--green .title--up, section.section--green .title--up {
  color: #84bd00; }

.area--green .powermail_form .input label, section.section--green .powermail_form .input label {
  color: #84bd00; }

.area--green .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--green .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #84bd00; }

.area--green .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--green .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #84bd00; }

.area--green .powermail_form .input .input-child label, section.section--green .powermail_form .input .input-child label {
  color: #333; }

.area--green .powermail_form .input input:focus, .area--green .powermail_form .input textarea:focus, section.section--green .powermail_form .input input:focus, section.section--green .powermail_form .input textarea:focus {
  border-bottom: 2px solid #84bd00; }

.area--green .powermail_form .input select, section.section--green .powermail_form .input select {
  background-image: url(../img/svg/selectfield--green.svg); }

.area--green .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--green .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #84bd00; }

.area--green .card--default .card__txt p a, section.section--green .card--default .card__txt p a {
  color: #84bd00; }

.area--green .card--order .card__num span, section.section--green .card--order .card__num span {
  color: #84bd00; }

.area--green .card--title.img--ico .ico--check, section.section--green .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--green.svg); }

.area--green .input__group label, section.section--green .input__group label {
  color: #84bd00; }

.area--green .input__group input:focus, section.section--green .input__group input:focus {
  border-bottom-color: #84bd00; }

.area--green .radio__group input[type=radio]:checked + label:after, section.section--green .radio__group input[type=radio]:checked + label:after {
  background: #84bd00; }

.area--green input[type="checkbox"]:checked + label::after, section.section--green input[type="checkbox"]:checked + label::after {
  background: #84bd00; }

.area--green select, section.section--green select {
  background-image: url(../img/svg/selectfield--green.svg); }

.area--green .tbl--colhead, section.section--green .tbl--colhead {
  width: 100%; }

.area--green table .tbl__head, section.section--green table .tbl__head {
  border-color: #84bd00; }

.area--green .tbl--colhead .cell__title, section.section--green .tbl--colhead .cell__title {
  border-color: #84bd00; }

.area--green .tbl--colhead th, section.section--green .tbl--colhead th {
  border-color: #84bd00; }

.area--green .aac__trigger:before, section.section--green .aac__trigger:before {
  background-image: url(../img/svg/chevron--green.svg); }

.area--green .aac__trigger[aria-expanded="true"], section.section--green .aac__trigger[aria-expanded="true"] {
  background: #84bd00; }

.area--green .split.split--fill .img__box:before, section.section--green .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--green.svg); }

.area--green .swiper-button-prev, .area--green .swiper-button-next, section.section--green .swiper-button-prev, section.section--green .swiper-button-next {
  background: #84bd00; }

.area--green .swiper-pagination-bullet-active, section.section--green .swiper-pagination-bullet-active {
  background: #84bd00; }

@media only screen and (min-width: 1088px) {
  .area--green .profile .button__group .label, section.section--green .profile .button__group .label {
    color: #84bd00; }
  @supports (display: grid) {
    .area--green .split.split--fill .img__box .img, section.section--green .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--green .split.split--fill .txt__box, section.section--green .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--green.svg); } }
  @supports (display: grid) {
    .area--green .split--hero.split--fill .txt__box, section.section--green .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--green.svg); } } }

.section--green.bgimg .title--up {
  color: #fff; }

.section--green.bgimg .richtext .btn {
  background: #fff;
  color: #84bd00; }

.section--green.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #84bd00; }

.card--background .area--green {
  background-color: #84bd00; }
  .card--background .area--green .title--up {
    color: #333; }
  .card--background .area--green .button__group .btn__box a {
    background: #fff;
    color: #84bd00; }

.area--purple .tx-om-cookie-consent {
  background-color: #dbc7e0; }

.area--purple .cookie-panel__link a {
  color: #702082; }

.area--purple .btn.cookie-panel__button--secondary {
  background-color: #b78fc0;
  color: #f0e8f2; }

.area--purple section.bgimg .richtext a {
  color: #fff; }

.area--purple .bg--dark .btn__box .btn, .area--purple .bgimg .btn__box .btn {
  color: #702082;
  background: #fff; }

.area--purple .navigation--aside .title.current {
  background: #702082; }
  .area--purple .navigation--aside .title.current .link {
    color: #fff; }

.area--purple .navigation--aside .level-2.current, .area--purple .navigation--aside .level-2.active {
  background: #702082; }
  .area--purple .navigation--aside .level-2.current .level-3, .area--purple .navigation--aside .level-2.active .level-3 {
    background: #dbc7e0; }
    .area--purple .navigation--aside .level-2.current .level-3 a:hover, .area--purple .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--purple .navigation--aside .level-2.current .level-3 a:hover span, .area--purple .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #b78fc0; }

.area--purple .navigation--aside .level-2 a:hover {
  background: #9458a2; }

.area--purple .navigation--aside .level-2.active .level-3 {
  background: #dbc7e0; }
  .area--purple .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #702082; }

.area--purple .hero--flat {
  background-image: url(../img/px/areabg/area__purple--fhd.png); }

.area--purple .pagefooter {
  background-color: #702082; }
  .area--purple .pagefooter .link svg path {
    fill: #702082; }
  @media only screen and (min-width: 1088px) {
    .area--purple .pagefooter {
      background-image: url(../img/px/areabg/area__purple--fhd.png); } }

.area--purple .richtext ul > li::before, section.section--purple .richtext ul > li::before {
  content: url(../img/svg/bulletlist--purple.svg); }

.area--purple .richtext a, section.section--purple .richtext a {
  color: #702082; }

.area--purple .richtext .btn, section.section--purple .richtext .btn {
  background-color: #702082;
  color: #fff; }

.area--purple .btn, section.section--purple .btn {
  background-color: #702082;
  color: #fff; }
  .area--purple .btn:hover, section.section--purple .btn:hover {
    background-color: #9458a2; }

.area--purple .burger-button #nav-icon span, section.section--purple .burger-button #nav-icon span {
  background: #702082; }

.area--purple .btn__box a, section.section--purple .btn__box a {
  background: #702082;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--purple .btn__box a:hover, section.section--purple .btn__box a:hover {
    background: #9458a2; }

.area--purple .title--up, section.section--purple .title--up {
  color: #702082; }

.area--purple .powermail_form .input label, section.section--purple .powermail_form .input label {
  color: #702082; }

.area--purple .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--purple .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #702082; }

.area--purple .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--purple .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #702082; }

.area--purple .powermail_form .input .input-child label, section.section--purple .powermail_form .input .input-child label {
  color: #333; }

.area--purple .powermail_form .input input:focus, .area--purple .powermail_form .input textarea:focus, section.section--purple .powermail_form .input input:focus, section.section--purple .powermail_form .input textarea:focus {
  border-bottom: 2px solid #702082; }

.area--purple .powermail_form .input select, section.section--purple .powermail_form .input select {
  background-image: url(../img/svg/selectfield--purple.svg); }

.area--purple .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--purple .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #702082; }

.area--purple .card--default .card__txt p a, section.section--purple .card--default .card__txt p a {
  color: #702082; }

.area--purple .card--order .card__num span, section.section--purple .card--order .card__num span {
  color: #702082; }

.area--purple .card--title.img--ico .ico--check, section.section--purple .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--purple.svg); }

.area--purple .input__group label, section.section--purple .input__group label {
  color: #702082; }

.area--purple .input__group input:focus, section.section--purple .input__group input:focus {
  border-bottom-color: #702082; }

.area--purple .radio__group input[type=radio]:checked + label:after, section.section--purple .radio__group input[type=radio]:checked + label:after {
  background: #702082; }

.area--purple input[type="checkbox"]:checked + label::after, section.section--purple input[type="checkbox"]:checked + label::after {
  background: #702082; }

.area--purple select, section.section--purple select {
  background-image: url(../img/svg/selectfield--purple.svg); }

.area--purple .tbl--colhead, section.section--purple .tbl--colhead {
  width: 100%; }

.area--purple table .tbl__head, section.section--purple table .tbl__head {
  border-color: #702082; }

.area--purple .tbl--colhead .cell__title, section.section--purple .tbl--colhead .cell__title {
  border-color: #702082; }

.area--purple .tbl--colhead th, section.section--purple .tbl--colhead th {
  border-color: #702082; }

.area--purple .aac__trigger:before, section.section--purple .aac__trigger:before {
  background-image: url(../img/svg/chevron--purple.svg); }

.area--purple .aac__trigger[aria-expanded="true"], section.section--purple .aac__trigger[aria-expanded="true"] {
  background: #702082; }

.area--purple .split.split--fill .img__box:before, section.section--purple .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--purple.svg); }

.area--purple .swiper-button-prev, .area--purple .swiper-button-next, section.section--purple .swiper-button-prev, section.section--purple .swiper-button-next {
  background: #702082; }

.area--purple .swiper-pagination-bullet-active, section.section--purple .swiper-pagination-bullet-active {
  background: #702082; }

@media only screen and (min-width: 1088px) {
  .area--purple .profile .button__group .label, section.section--purple .profile .button__group .label {
    color: #702082; }
  @supports (display: grid) {
    .area--purple .split.split--fill .img__box .img, section.section--purple .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--purple .split.split--fill .txt__box, section.section--purple .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--purple.svg); } }
  @supports (display: grid) {
    .area--purple .split--hero.split--fill .txt__box, section.section--purple .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--purple.svg); } } }

.section--purple.bgimg .title--up {
  color: #fff; }

.section--purple.bgimg .richtext .btn {
  background: #fff;
  color: #702082; }

.section--purple.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #702082; }

.card--background .area--purple {
  background-color: #702082; }
  .card--background .area--purple .title--up {
    color: #333; }
  .card--background .area--purple .button__group .btn__box a {
    background: #fff;
    color: #702082; }

.area--emobilitaet .tx-om-cookie-consent {
  background-color: #BFDBEE; }

.area--emobilitaet .cookie-panel__link a {
  color: #0071bc; }

.area--emobilitaet .btn.cookie-panel__button--secondary {
  background-color: #7FB8DD;
  color: #E5F0F8; }

.area--emobilitaet section.bgimg .richtext a {
  color: #fff; }

.area--emobilitaet .bg--dark .btn__box .btn, .area--emobilitaet .bgimg .btn__box .btn {
  color: #0071bc;
  background: #fff; }

.area--emobilitaet .navigation--aside .title.current {
  background: #0071bc; }
  .area--emobilitaet .navigation--aside .title.current .link {
    color: #fff; }

.area--emobilitaet .navigation--aside .level-2.current, .area--emobilitaet .navigation--aside .level-2.active {
  background: #0071bc; }
  .area--emobilitaet .navigation--aside .level-2.current .level-3, .area--emobilitaet .navigation--aside .level-2.active .level-3 {
    background: #BFDBEE; }
    .area--emobilitaet .navigation--aside .level-2.current .level-3 a:hover, .area--emobilitaet .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--emobilitaet .navigation--aside .level-2.current .level-3 a:hover span, .area--emobilitaet .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #7FB8DD; }

.area--emobilitaet .navigation--aside .level-2 a:hover {
  background: #4095CD; }

.area--emobilitaet .navigation--aside .level-2.active .level-3 {
  background: #BFDBEE; }
  .area--emobilitaet .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #0071bc; }

.area--emobilitaet .hero--flat {
  background-image: url(../img/px/areabg/area__emobilitaet--fhd.png); }

.area--emobilitaet .pagefooter {
  background-color: #0071bc; }
  .area--emobilitaet .pagefooter .link svg path {
    fill: #0071bc; }
  @media only screen and (min-width: 1088px) {
    .area--emobilitaet .pagefooter {
      background-image: url(../img/px/areabg/area__emobilitaet--fhd.png); } }

.area--emobilitaet .richtext ul > li::before, section.section--emobilitaet .richtext ul > li::before {
  content: url(../img/svg/bulletlist--emobilitaet.svg); }

.area--emobilitaet .richtext a, section.section--emobilitaet .richtext a {
  color: #0071bc; }

.area--emobilitaet .richtext .btn, section.section--emobilitaet .richtext .btn {
  background-color: #0071bc;
  color: #fff; }

.area--emobilitaet .btn, section.section--emobilitaet .btn {
  background-color: #0071bc;
  color: #fff; }
  .area--emobilitaet .btn:hover, section.section--emobilitaet .btn:hover {
    background-color: #4095CD; }

.area--emobilitaet .burger-button #nav-icon span, section.section--emobilitaet .burger-button #nav-icon span {
  background: #0071bc; }

.area--emobilitaet .btn__box a, section.section--emobilitaet .btn__box a {
  background: #0071bc;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--emobilitaet .btn__box a:hover, section.section--emobilitaet .btn__box a:hover {
    background: #4095CD; }

.area--emobilitaet .title--up, section.section--emobilitaet .title--up {
  color: #0071bc; }

.area--emobilitaet .powermail_form .input label, section.section--emobilitaet .powermail_form .input label {
  color: #0071bc; }

.area--emobilitaet .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--emobilitaet .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #0071bc; }

.area--emobilitaet .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--emobilitaet .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #0071bc; }

.area--emobilitaet .powermail_form .input .input-child label, section.section--emobilitaet .powermail_form .input .input-child label {
  color: #333; }

.area--emobilitaet .powermail_form .input input:focus, .area--emobilitaet .powermail_form .input textarea:focus, section.section--emobilitaet .powermail_form .input input:focus, section.section--emobilitaet .powermail_form .input textarea:focus {
  border-bottom: 2px solid #0071bc; }

.area--emobilitaet .powermail_form .input select, section.section--emobilitaet .powermail_form .input select {
  background-image: url(../img/svg/selectfield--emobilitaet.svg); }

.area--emobilitaet .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--emobilitaet .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #0071bc; }

.area--emobilitaet .card--default .card__txt p a, section.section--emobilitaet .card--default .card__txt p a {
  color: #0071bc; }

.area--emobilitaet .card--order .card__num span, section.section--emobilitaet .card--order .card__num span {
  color: #0071bc; }

.area--emobilitaet .card--title.img--ico .ico--check, section.section--emobilitaet .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--emobilitaet.svg); }

.area--emobilitaet .input__group label, section.section--emobilitaet .input__group label {
  color: #0071bc; }

.area--emobilitaet .input__group input:focus, section.section--emobilitaet .input__group input:focus {
  border-bottom-color: #0071bc; }

.area--emobilitaet .radio__group input[type=radio]:checked + label:after, section.section--emobilitaet .radio__group input[type=radio]:checked + label:after {
  background: #0071bc; }

.area--emobilitaet input[type="checkbox"]:checked + label::after, section.section--emobilitaet input[type="checkbox"]:checked + label::after {
  background: #0071bc; }

.area--emobilitaet select, section.section--emobilitaet select {
  background-image: url(../img/svg/selectfield--emobilitaet.svg); }

.area--emobilitaet .tbl--colhead, section.section--emobilitaet .tbl--colhead {
  width: 100%; }

.area--emobilitaet table .tbl__head, section.section--emobilitaet table .tbl__head {
  border-color: #0071bc; }

.area--emobilitaet .tbl--colhead .cell__title, section.section--emobilitaet .tbl--colhead .cell__title {
  border-color: #0071bc; }

.area--emobilitaet .tbl--colhead th, section.section--emobilitaet .tbl--colhead th {
  border-color: #0071bc; }

.area--emobilitaet .aac__trigger:before, section.section--emobilitaet .aac__trigger:before {
  background-image: url(../img/svg/chevron--emobilitaet.svg); }

.area--emobilitaet .aac__trigger[aria-expanded="true"], section.section--emobilitaet .aac__trigger[aria-expanded="true"] {
  background: #0071bc; }

.area--emobilitaet .split.split--fill .img__box:before, section.section--emobilitaet .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--emobilitaet.svg); }

.area--emobilitaet .swiper-button-prev, .area--emobilitaet .swiper-button-next, section.section--emobilitaet .swiper-button-prev, section.section--emobilitaet .swiper-button-next {
  background: #0071bc; }

.area--emobilitaet .swiper-pagination-bullet-active, section.section--emobilitaet .swiper-pagination-bullet-active {
  background: #0071bc; }

@media only screen and (min-width: 1088px) {
  .area--emobilitaet .profile .button__group .label, section.section--emobilitaet .profile .button__group .label {
    color: #0071bc; }
  @supports (display: grid) {
    .area--emobilitaet .split.split--fill .img__box .img, section.section--emobilitaet .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--emobilitaet .split.split--fill .txt__box, section.section--emobilitaet .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--emobilitaet.svg); } }
  @supports (display: grid) {
    .area--emobilitaet .split--hero.split--fill .txt__box, section.section--emobilitaet .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--emobilitaet.svg); } } }

.section--emobilitaet.bgimg .title--up {
  color: #fff; }

.section--emobilitaet.bgimg .richtext .btn {
  background: #fff;
  color: #0071bc; }

.section--emobilitaet.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #0071bc; }

.card--background .area--emobilitaet {
  background-color: #0071bc; }
  .card--background .area--emobilitaet .title--up {
    color: #333; }
  .card--background .area--emobilitaet .button__group .btn__box a {
    background: #fff;
    color: #0071bc; }

.area--nxx-green .tx-om-cookie-consent {
  background-color: #d4e7b2; }

.area--nxx-green .cookie-panel__link a {
  color: #93c43e; }

.area--nxx-green .btn.cookie-panel__button--secondary {
  background-color: #bedc8b;
  color: #e9f3d8; }

.area--nxx-green section.bgimg .richtext a {
  color: #fff; }

.area--nxx-green .bg--dark .btn__box .btn, .area--nxx-green .bgimg .btn__box .btn {
  color: #93c43e;
  background: #fff; }

.area--nxx-green .navigation--aside .title.current {
  background: #93c43e; }
  .area--nxx-green .navigation--aside .title.current .link {
    color: #fff; }

.area--nxx-green .navigation--aside .level-2.current, .area--nxx-green .navigation--aside .level-2.active {
  background: #93c43e; }
  .area--nxx-green .navigation--aside .level-2.current .level-3, .area--nxx-green .navigation--aside .level-2.active .level-3 {
    background: #d4e7b2; }
    .area--nxx-green .navigation--aside .level-2.current .level-3 a:hover, .area--nxx-green .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--nxx-green .navigation--aside .level-2.current .level-3 a:hover span, .area--nxx-green .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #bedc8b; }

.area--nxx-green .navigation--aside .level-2 a:hover {
  background: #a9d065; }

.area--nxx-green .navigation--aside .level-2.active .level-3 {
  background: #d4e7b2; }
  .area--nxx-green .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #93c43e; }

.area--nxx-green .hero--flat {
  background-image: url(../img/px/areabg/area__nxx-green--fhd.png); }

.area--nxx-green .pagefooter {
  background-color: #93c43e; }
  .area--nxx-green .pagefooter .link svg path {
    fill: #93c43e; }
  @media only screen and (min-width: 1088px) {
    .area--nxx-green .pagefooter {
      background-image: url(../img/px/areabg/area__nxx-green--fhd.png); } }

.area--nxx-green .richtext ul > li::before, section.section--nxx-green .richtext ul > li::before {
  content: url(../img/svg/bulletlist--nxx-green.svg); }

.area--nxx-green .richtext a, section.section--nxx-green .richtext a {
  color: #93c43e; }

.area--nxx-green .richtext .btn, section.section--nxx-green .richtext .btn {
  background-color: #93c43e;
  color: #fff; }

.area--nxx-green .btn, section.section--nxx-green .btn {
  background-color: #93c43e;
  color: #fff; }
  .area--nxx-green .btn:hover, section.section--nxx-green .btn:hover {
    background-color: #a9d065; }

.area--nxx-green .burger-button #nav-icon span, section.section--nxx-green .burger-button #nav-icon span {
  background: #93c43e; }

.area--nxx-green .btn__box a, section.section--nxx-green .btn__box a {
  background: #93c43e;
  color: #fff;
  transition: 0.3s ease-in-out; }
  .area--nxx-green .btn__box a:hover, section.section--nxx-green .btn__box a:hover {
    background: #a9d065; }

.area--nxx-green .title--up, section.section--nxx-green .title--up {
  color: #93c43e; }

.area--nxx-green .powermail_form .input label, section.section--nxx-green .powermail_form .input label {
  color: #93c43e; }

.area--nxx-green .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--nxx-green .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #93c43e; }

.area--nxx-green .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--nxx-green .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #93c43e; }

.area--nxx-green .powermail_form .input .input-child label, section.section--nxx-green .powermail_form .input .input-child label {
  color: #333; }

.area--nxx-green .powermail_form .input input:focus, .area--nxx-green .powermail_form .input textarea:focus, section.section--nxx-green .powermail_form .input input:focus, section.section--nxx-green .powermail_form .input textarea:focus {
  border-bottom: 2px solid #93c43e; }

.area--nxx-green .powermail_form .input select, section.section--nxx-green .powermail_form .input select {
  background-image: url(../img/svg/selectfield--nxx-green.svg); }

.area--nxx-green .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--nxx-green .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #93c43e; }

.area--nxx-green .card--default .card__txt p a, section.section--nxx-green .card--default .card__txt p a {
  color: #93c43e; }

.area--nxx-green .card--order .card__num span, section.section--nxx-green .card--order .card__num span {
  color: #93c43e; }

.area--nxx-green .card--title.img--ico .ico--check, section.section--nxx-green .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--nxx-green.svg); }

.area--nxx-green .input__group label, section.section--nxx-green .input__group label {
  color: #93c43e; }

.area--nxx-green .input__group input:focus, section.section--nxx-green .input__group input:focus {
  border-bottom-color: #93c43e; }

.area--nxx-green .radio__group input[type=radio]:checked + label:after, section.section--nxx-green .radio__group input[type=radio]:checked + label:after {
  background: #93c43e; }

.area--nxx-green input[type="checkbox"]:checked + label::after, section.section--nxx-green input[type="checkbox"]:checked + label::after {
  background: #93c43e; }

.area--nxx-green select, section.section--nxx-green select {
  background-image: url(../img/svg/selectfield--nxx-green.svg); }

.area--nxx-green .tbl--colhead, section.section--nxx-green .tbl--colhead {
  width: 100%; }

.area--nxx-green table .tbl__head, section.section--nxx-green table .tbl__head {
  border-color: #93c43e; }

.area--nxx-green .tbl--colhead .cell__title, section.section--nxx-green .tbl--colhead .cell__title {
  border-color: #93c43e; }

.area--nxx-green .tbl--colhead th, section.section--nxx-green .tbl--colhead th {
  border-color: #93c43e; }

.area--nxx-green .aac__trigger:before, section.section--nxx-green .aac__trigger:before {
  background-image: url(../img/svg/chevron--nxx-green.svg); }

.area--nxx-green .aac__trigger[aria-expanded="true"], section.section--nxx-green .aac__trigger[aria-expanded="true"] {
  background: #93c43e; }

.area--nxx-green .split.split--fill .img__box:before, section.section--nxx-green .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--nxx-green.svg); }

.area--nxx-green .swiper-button-prev, .area--nxx-green .swiper-button-next, section.section--nxx-green .swiper-button-prev, section.section--nxx-green .swiper-button-next {
  background: #93c43e; }

.area--nxx-green .swiper-pagination-bullet-active, section.section--nxx-green .swiper-pagination-bullet-active {
  background: #93c43e; }

@media only screen and (min-width: 1088px) {
  .area--nxx-green .profile .button__group .label, section.section--nxx-green .profile .button__group .label {
    color: #93c43e; }
  @supports (display: grid) {
    .area--nxx-green .split.split--fill .img__box .img, section.section--nxx-green .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--nxx-green .split.split--fill .txt__box, section.section--nxx-green .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--nxx-green.svg); } }
  @supports (display: grid) {
    .area--nxx-green .split--hero.split--fill .txt__box, section.section--nxx-green .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--nxx-green.svg); } } }

.section--nxx-green.bgimg .title--up {
  color: #fff; }

.section--nxx-green.bgimg .richtext .btn {
  background: #fff;
  color: #93c43e; }

.section--nxx-green.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #93c43e; }

.card--background .area--nxx-green {
  background-color: #93c43e; }
  .card--background .area--nxx-green .title--up {
    color: #333; }
  .card--background .area--nxx-green .button__group .btn__box a {
    background: #fff;
    color: #93c43e; }

.area--nxx-green .btn.cookie-panel__button--secondary {
  background-color: #a9d065; }
  .area--nxx-green .btn.cookie-panel__button--secondary:hover {
    color: #fff; }

.area--yellow .tx-om-cookie-consent {
  background-color: #fef6c8; }

.area--yellow .cookie-panel__link a {
  color: #333; }

.area--yellow .btn.cookie-panel__button--secondary {
  background-color: #feec91;
  color: #888; }

.area--yellow section.bgimg .richtext a {
  color: #fff; }

.area--yellow .bg--dark .btn__box .btn, .area--yellow .bgimg .btn__box .btn {
  color: #333;
  background: #fff; }

.area--yellow .navigation--aside .title.current {
  background: #fdda24; }
  .area--yellow .navigation--aside .title.current .link {
    color: #333; }

.area--yellow .navigation--aside .level-2.current, .area--yellow .navigation--aside .level-2.active {
  background: #fdda24; }
  .area--yellow .navigation--aside .level-2.current span, .area--yellow .navigation--aside .level-2.active span {
    color: #333; }
  .area--yellow .navigation--aside .level-2.current .level-3, .area--yellow .navigation--aside .level-2.active .level-3 {
    background: #fef6c8; }
    .area--yellow .navigation--aside .level-2.current .level-3 a, .area--yellow .navigation--aside .level-2.active .level-3 a {
      color: #333; }
    .area--yellow .navigation--aside .level-2.current .level-3 a:hover, .area--yellow .navigation--aside .level-2.active .level-3 a:hover {
      background: transparent; }
      .area--yellow .navigation--aside .level-2.current .level-3 a:hover span, .area--yellow .navigation--aside .level-2.active .level-3 a:hover span {
        border-bottom: 2px solid #feec91; }

.area--yellow .navigation--aside .level-2 a:hover {
  background: #fee45b;
  color: #333; }

.area--yellow .navigation--aside .level-2.active .level-3 {
  background: #fef6c8; }
  .area--yellow .navigation--aside .level-2.active .level-3.current span {
    border-bottom: 2px solid #fdda24; }

.area--yellow .hero--flat {
  background-image: url(../img/px/areabg/area__yellow--fhd.png); }

.area--yellow .pagefooter {
  background-color: #fdda24; }
  .area--yellow .pagefooter .link svg path {
    fill: #fdda24; }
  @media only screen and (min-width: 1088px) {
    .area--yellow .pagefooter {
      background-image: url(../img/px/areabg/area__yellow--fhd.png); } }

.area--yellow .richtext ul > li::before, section.section--yellow .richtext ul > li::before {
  content: url(../img/svg/bulletlist--yellow.svg); }

.area--yellow .richtext a, section.section--yellow .richtext a {
  color: #333; }

.area--yellow .richtext .btn, section.section--yellow .richtext .btn {
  background-color: #fdda24;
  color: #333; }

.area--yellow .btn, section.section--yellow .btn {
  background-color: #fdda24;
  color: #333; }
  .area--yellow .btn:hover, section.section--yellow .btn:hover {
    background-color: #fee45b; }

.area--yellow .burger-button #nav-icon span, section.section--yellow .burger-button #nav-icon span {
  background: #fdda24; }

.area--yellow .btn__box a, section.section--yellow .btn__box a {
  background: #fdda24;
  color: #333 !important;
  transition: 0.3s ease-in-out; }
  .area--yellow .btn__box a:hover, section.section--yellow .btn__box a:hover {
    background: #fee45b; }

.area--yellow .title--up, section.section--yellow .title--up {
  color: #333; }

.area--yellow .powermail_form .input label, section.section--yellow .powermail_form .input label {
  color: #333; }

.area--yellow .powermail_form .input .input-child input[type="checkbox"]:checked + label::after, section.section--yellow .powermail_form .input .input-child input[type="checkbox"]:checked + label::after {
  background: #fdda24; }

.area--yellow .powermail_form .input .input-child input[type=radio]:checked + label:after, section.section--yellow .powermail_form .input .input-child input[type=radio]:checked + label:after {
  background: #fdda24; }

.area--yellow .powermail_form .input .input-child label, section.section--yellow .powermail_form .input .input-child label {
  color: #333; }

.area--yellow .powermail_form .input input:focus, section.section--yellow .powermail_form .input input:focus {
  border-bottom: 2px solid #fdda24; }

.area--yellow .powermail_form .input select, section.section--yellow .powermail_form .input select {
  background-image: url(../img/svg/selectfield--yellow.svg); }

.area--yellow .powermail_form .powermail_fieldwrap_type_file .powermail_label, section.section--yellow .powermail_form .powermail_fieldwrap_type_file .powermail_label {
  color: #fdda24; }

.area--yellow .card--order .card__num span, section.section--yellow .card--order .card__num span {
  color: #fdda24; }

.area--yellow .card--title.img--ico .ico--check, section.section--yellow .card--title.img--ico .ico--check {
  background-image: url(../img/svg/check--yellow.svg); }

.area--yellow .input__group label, section.section--yellow .input__group label {
  color: #333; }

.area--yellow .input__group input:focus, section.section--yellow .input__group input:focus {
  border-bottom-color: #fdda24; }

.area--yellow .radio__group input[type=radio]:checked + label:after, section.section--yellow .radio__group input[type=radio]:checked + label:after {
  background: #fdda24; }

.area--yellow input[type="checkbox"]:checked + label::after, section.section--yellow input[type="checkbox"]:checked + label::after {
  background: #fdda24; }

.area--yellow select, section.section--yellow select {
  background-image: url(../img/svg/selectfield--yellow.svg); }

.area--yellow table .tbl__head, section.section--yellow table .tbl__head {
  border-color: #fdda24; }

.area--yellow .tbl--colhead .cell__title, section.section--yellow .tbl--colhead .cell__title {
  border-color: #fdda24; }

.area--yellow .aac__trigger:before, section.section--yellow .aac__trigger:before {
  background-image: url(../img/svg/chevron--yellow.svg); }

.area--yellow .aac__trigger[aria-expanded="true"], section.section--yellow .aac__trigger[aria-expanded="true"] {
  background: #fdda24;
  color: #333; }

.area--yellow .split.split--fill .img__box:before, section.section--yellow .split.split--fill .img__box:before {
  background-image: url(../img/svg/sail__split--sm--yellow.svg); }

.area--yellow .swiper-button-prev, .area--yellow .swiper-button-next, section.section--yellow .swiper-button-prev, section.section--yellow .swiper-button-next {
  background: #fdda24;
  color: #333; }

.area--yellow .swiper-pagination-bullet-active, section.section--yellow .swiper-pagination-bullet-active {
  background: #fdda24; }

@media only screen and (min-width: 1088px) {
  .area--yellow .profile .button__group .label, section.section--yellow .profile .button__group .label {
    color: #333; }
  @supports (display: grid) {
    .area--yellow .split.split--fill .img__box .img, section.section--yellow .split.split--fill .img__box .img {
      background-image: none; } }
  @supports (display: grid) {
    .area--yellow .split.split--fill .txt__box, section.section--yellow .split.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--yellow.svg); } }
  @supports (display: grid) {
    .area--yellow .split--hero.split--fill .txt__box, section.section--yellow .split--hero.split--fill .txt__box {
      background-image: url(../img/svg/sailbg--lg--yellow.svg); } } }

.section--yellow.bgimg .title--up {
  color: #fff; }

.section--yellow.bgimg .richtext .btn {
  background: #fff;
  color: #333; }

.section--yellow.bgimg .richtext .btn__box .btn {
  background: #fff;
  color: #333; }

.card--background .area--yellow {
  background-color: #fdda24; }
  .card--background .area--yellow .title--up {
    color: #333; }
  .card--background .area--yellow .button__group .btn__box a {
    background: #fff;
    color: #333; }

body {
  --gap--blt: 32px;
  --gap--grd: 16px;
  --gap--content: 4px;
  --wrapperpadding: 16px;
  --btn__padding: 4px 16px;
  --btn__padding__width: 16px;
  --btn__ico__size: 16px; }
  @media only screen and (min-width: 704px) {
    body {
      --gap--blt: 48px;
      --gap--grd: 24px;
      --gap--content: 8px;
      --wrapperpadding: 32px;
      --btn__padding: 12px 24px;
      --btn__padding__width: 24px;
      --btn__ico__size: 24px; } }
  @media only screen and (min-width: 1088px) {
    body {
      --gap--blt: 72px;
      --gap--grd: 32px;
      --gap--content: 16px;
      --wrapperpadding: 32px; } }

.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.indicator {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 5em;
  height: 5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  padding: 2em;
  z-index: 617;
  box-sizing: border-box; }
  @media only screen and (max-width: 704px) {
    .indicator span:after {
      content: 'MN'; } }
  @media only screen and (min-width: 360px) and (max-width: 420px) {
    .indicator span:after {
      content: 'XS'; } }
  @media only screen and (min-width: 420px) and (max-width: 704px) {
    .indicator span:after {
      content: 'SM'; } }
  @media only screen and (min-width: 704px) and (max-width: 1088px) {
    .indicator span:after {
      content: 'MD'; } }
  @media only screen and (min-width: 1088px) and (max-width: 1264px) {
    .indicator span:after {
      content: 'LG'; } }
  @media only screen and (min-width: 1264px) and (max-width: 1440px) {
    .indicator span:after {
      content: 'XL'; } }
  @media only screen and (min-width: 1440px) and (max-width: 1680px) {
    .indicator span:after {
      content: 'SL'; } }
  @media only screen and (min-width: 1680px) and (max-width: 1920px) {
    .indicator span:after {
      content: 'UL'; } }
  @media only screen and (min-width: 1920px) {
    .indicator span:after {
      content: 'HL'; } }

.wrapper {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  padding: 0 16px; }
  .wrapper > *:first-child {
    margin-top: 0; }
  .wrapper > *:last-child {
    margin-bottom: 0; }

@media only screen and (min-width: 704px) {
  @supports (display: grid) {
    .wrapper {
      max-width: unset; } } }

@media only screen and (min-width: 1088px) {
  .wrapper {
    max-width: 1088px; }
    @supports (display: grid) {
      .wrapper {
        max-width: unset;
        width: 1024px;
        padding: 0 32px; } } }

@media only screen and (min-width: 1264px) {
  @supports (display: grid) {
    .wrapper {
      width: 1200px; }
      .wrapper.txt-lmt p, .wrapper.txt-lmt ul {
        margin-left: auto;
        margin-right: auto;
        max-width: 1088px; } } }

.wrapper .wrapper {
  width: auto;
  padding-left: 16px;
  padding-right: 16px; }

header + main .asided {
  padding-top: 32px;
  padding-top: var(--gap--blt); }

@media only screen and (min-width: 1088px) {
  .wrapper.asided {
    display: grid;
    grid-template-columns: 232px 696px;
    grid-auto-rows: 1fr;
    grid-gap: 32px; } }

@media only screen and (min-width: 1264px) {
  .wrapper.asided {
    display: grid;
    grid-template-columns: 276px 828px; } }

.belt, .belt--wht, .pagefooter {
  padding-top: 32px;
  padding-bottom: 32px; }
  .belt > header.title:first-child, .belt--wht > header.title:first-child, .pagefooter > header.title:first-child {
    margin-bottom: 24px; }
  @media only screen and (min-width: 704px) {
    .belt, .belt--wht, .pagefooter {
      padding-top: 48px;
      padding-bottom: 48px; }
      .belt > header.title:first-child, .belt--wht > header.title:first-child, .pagefooter > header.title:first-child {
        margin-bottom: 32px; } }
  @media only screen and (min-width: 1088px) {
    .belt, .belt--wht, .pagefooter {
      padding-top: 72px;
      padding-bottom: 72px; }
      .belt > header.title:first-child, .belt--wht > header.title:first-child, .pagefooter > header.title:first-child {
        margin-bottom: 48px; } }

.belt--wht {
  background-color: #fff;
  color: #333; }
  .belt--wht + .belt--wht {
    padding-top: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal; }

h1 {
  font-size: 24px;
  line-height: 1.33; }
  @media only screen and (min-width: 704px) {
    h1 {
      font-size: 48px;
      line-height: 1.17; } }

h2 {
  font-size: 20px;
  line-height: 1.2;
  margin-top: .8em;
  margin-bottom: .4em; }
  @media only screen and (min-width: 704px) {
    h2 {
      font-size: 40px;
      line-height: 1.25;
      margin-top: .4em;
      margin-bottom: .2em; } }

h3 {
  font-size: 20px;
  line-height: 1.2;
  margin-top: .8em;
  margin-bottom: .5em; }
  @media only screen and (min-width: 704px) {
    h3 {
      font-size: 24px;
      line-height: 1.33; } }

h3.enlarge {
  font-size: 20px;
  line-height: 1.2;
  font-weight: normal; }
  @media only screen and (min-width: 704px) {
    h3.enlarge {
      font-size: 32px;
      line-height: 1.25; } }

h4 {
  font-size: 16px;
  line-height: 1.25;
  margin-top: .8em;
  margin-bottom: .5em; }
  @media only screen and (min-width: 704px) {
    h4 {
      font-size: 20px;
      line-height: 1.2; } }

.hero-title {
  font-size: 20px;
  line-height: 1.2;
  margin-top: .8em;
  margin-bottom: .4em;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0; }
  @media only screen and (min-width: 704px) {
    .hero-title {
      font-size: 40px;
      line-height: 1.25;
      margin-top: .4em;
      margin-bottom: .2em; } }

.card-title {
  font-size: 16px;
  line-height: 1.25;
  margin-top: .8em;
  margin-bottom: .5em;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  color: #fff;
  margin: 0; }
  @media only screen and (min-width: 704px) {
    .card-title {
      font-size: 20px;
      line-height: 1.2; } }

p {
  margin-top: .4em;
  margin-bottom: .8em; }

.paragraph--maxi {
  font-size: 20px; }
  @media only screen and (min-width: 704px) {
    .paragraph--maxi {
      font-size: 24px; } }

.paragraph--mini {
  font-size: 13px;
  line-height: 1.33; }
  @media only screen and (min-width: 704px) {
    .paragraph--mini {
      font-size: 16px;
      line-height: 1.4; } }

.paragraph-title {
  margin-bottom: 0; }

body {
  font-size: 16px;
  line-height: 1.5; }
  @media only screen and (min-width: 704px) {
    body {
      font-size: 20px;
      line-height: 1.4; } }

li:first-child, p:first-child {
  margin-top: 0; }

li:last-child, p:last-child {
  margin-bottom: 0; }

a {
  color: #007684; }

.center {
  text-align: center; }

.richtext *:first-child {
  margin-top: 0; }

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

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

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

iframe {
  max-width: 100%;
  border-width: 1px; }

/* scss/atoms/_iframe__sivcalc.scss */
#nkp_plugin {
  min-height: '435px'; }

.richtext .img__box {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-top: var(--gap--grd);
  margin-bottom: var(--gap--grd); }
  .richtext .img__box:first-child {
    margin-top: 0; }
  .richtext .img__box:last-child {
    margin-bottom: 0; }

.area--huw-green .richtext a {
  color: #00E2C6; }

.area--huw-green .richtext ol.list-big {
  list-style: none;
  counter-reset: steps; }

.area--huw-green .richtext ol.list-big li {
  position: relative;
  counter-increment: steps;
  padding-left: 2rem; }
  @media only screen and (min-width: 1088px) {
    .area--huw-green .richtext ol.list-big li {
      padding-left: 3.5rem; } }

.area--huw-green .richtext ol.list-big li::before {
  content: counter(steps);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  line-height: 1.33;
  font-weight: bold; }
  @media only screen and (min-width: 1088px) {
    .area--huw-green .richtext ol.list-big li::before {
      font-size: 48px;
      line-height: 1.17; } }

a {
  text-decoration: underline;
  cursor: pointer; }
  a img {
    border: 0; }

.link {
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none; }
  .link > span {
    display: table-cell;
    vertical-align: middle; }
  .link .label {
    text-align: left;
    display: table-cell;
    padding: 8px 16px;
    padding: var(--btn__padding); }
  .link .img__box .img {
    vertical-align: middle; }
  .link .icon {
    padding-right: 16px;
    width: 40px;
    max-width: 40px; }
  .link .chevron {
    padding-left: 16px;
    text-align: right;
    width: 8px; }
    .link .chevron span {
      display: block;
      background: url(../img/svg/chevron--wht.svg) no-repeat center;
      width: 8px;
      height: 16px; }

.richtext a[href$='.pdf']:after, .card__content a[href$='.pdf']:after, .richtext a.link--extern:after {
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
  vertical-align: middle; }

.richtext a[href$='.pdf'] span, .card__content a[href$='.pdf'] span {
  width: auto; }

.richtext a[href$='.pdf']:after, .card__content a[href$='.pdf']:after {
  background-image: url(../img/svg/link__pdf.svg);
  vertical-align: sub; }

.richtext a.link--extern:after {
  background-image: url(../img/svg/link__external--blk.svg);
  vertical-align: sub; }

.richtext a.btn, .richtext a.btn--pdf, .richtext a.btn--datei, .richtext a.btn--download {
  color: #fff;
  width: auto;
  display: inline-block;
  max-width: unset;
  vertical-align: middle; }

.richtext a.btn--pdf:before, .richtext a.btn--datei:before, .richtext a.btn--download:before {
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  vertical-align: sub; }

.richtext a.btn--pdf[href$='.pdf']:after {
  display: none; }

.richtext a.btn--pdf:before {
  background-image: url(../img/svg/link__pdf.svg); }

.richtext a.btn--datei:before {
  background-image: url(../img/svg/link__file.svg); }

.richtext a.btn--download:before {
  background-image: url(../img/svg/link__download--wht.svg); }

.richtext a.link {
  display: inline-block;
  width: auto;
  height: auto;
  text-decoration: underline; }

.list--inside .link {
  border: 0; }

*:focus {
  outline: 1px dotted #444;
  border: 0; }

.label--start .label {
  text-align: left;
  position: relative; }
  .label--start .label:after {
    margin-left: 16px;
    margin-left: var(--btn__ico__size);
    background-position: right center;
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    width: var(--btn__ico__size);
    height: var(--btn__ico__size);
    vertical-align: middle;
    position: absolute;
    right: 16px;
    right: var(--btn__padding__width); }

.label--end .label {
  text-align: left; }
  .label--end .label:before {
    margin-right: 16px;
    margin-right: var(--btn__ico__size);
    background-position: left center;
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    width: var(--btn__ico__size);
    height: var(--btn__ico__size);
    vertical-align: middle; }

.btn {
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding: 8px 16px;
  padding: var(--btn__padding);
  width: 100%;
  text-align: center;
  margin: 4px auto;
  text-decoration: none;
  cursor: pointer;
  background-color: #007684;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  transition: 0.3s ease-in-out; }
  @media only screen and (min-width: 704px) {
    .btn {
      font-size: 20px;
      line-height: 1.4; } }
  .btn:hover {
    background-color: #4099a3; }
  .btn--img {
    display: table; }
    .btn--img > * {
      display: table-cell;
      height: 100%; }
    .btn--img .img {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 16px;
      height: 16px;
      width: var(--btn__ico__size);
      height: var(--btn__ico__size); }
      .btn--img .img img {
        object-fit: contain;
        vertical-align: baseline; }
    .btn--img .txt {
      padding: 0; }
  .btn--bgico {
    font-family: 'InfoDisplayWeb',sans-serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    padding: 8px 16px;
    padding: var(--btn__padding);
    width: 100%;
    text-align: center;
    margin: 4px auto;
    text-decoration: none;
    cursor: pointer; }
  .btn--autowidth {
    width: auto; }
  .btn--ghost.btn__box a {
    border: 1px solid #fff;
    background: none;
    background: none; }
    .btn--ghost.btn__box a span {
      color: #fff; }
    .btn--ghost.btn__box a:hover {
      background: none; }
  .btn--phone .label:before {
    background-image: url(../img/svg/phone--wht.svg); }
  .btn--phone .label:after {
    background-image: url(../img/svg/phone--wht.svg); }
  .btn--mail .label:before {
    background-image: url(../img/svg/mail--wht.svg); }

.btn__box.swn a {
  background: #007684; }

.bg--dark .btn__box.area--swn, .bgimg .btn__box.area--swn {
  margin-top: 17px; }
  .bg--dark .btn__box.area--swn .btn, .bgimg .btn__box.area--swn .btn {
    color: #007684;
    background: #fff; }

.btn__box.red a {
  background: #fa7268; }

.bg--dark .btn__box.area--red, .bgimg .btn__box.area--red {
  margin-top: 17px; }
  .bg--dark .btn__box.area--red .btn, .bgimg .btn__box.area--red .btn {
    color: #fa7268;
    background: #fff; }

.btn__box.yellow a {
  background: #fdda24; }

.bg--dark .btn__box.area--yellow, .bgimg .btn__box.area--yellow {
  margin-top: 17px; }
  .bg--dark .btn__box.area--yellow .btn, .bgimg .btn__box.area--yellow .btn {
    color: #fdda24;
    background: #fff; }

.btn__box.green a {
  background: #84bd00; }

.bg--dark .btn__box.area--green, .bgimg .btn__box.area--green {
  margin-top: 17px; }
  .bg--dark .btn__box.area--green .btn, .bgimg .btn__box.area--green .btn {
    color: #84bd00;
    background: #fff; }

.btn__box.blue a {
  background: #00a9ce; }

.bg--dark .btn__box.area--blue, .bgimg .btn__box.area--blue {
  margin-top: 17px; }
  .bg--dark .btn__box.area--blue .btn, .bgimg .btn__box.area--blue .btn {
    color: #00a9ce;
    background: #fff; }

.btn__box.purple a {
  background: #702082; }

.bg--dark .btn__box.area--purple, .bgimg .btn__box.area--purple {
  margin-top: 17px; }
  .bg--dark .btn__box.area--purple .btn, .bgimg .btn__box.area--purple .btn {
    color: #702082;
    background: #fff; }

.btn__box.emobilitaet a {
  background: #0071bc; }

.bg--dark .btn__box.area--emobilitaet, .bgimg .btn__box.area--emobilitaet {
  margin-top: 17px; }
  .bg--dark .btn__box.area--emobilitaet .btn, .bgimg .btn__box.area--emobilitaet .btn {
    color: #0071bc;
    background: #fff; }

.btn__box.nxx-green a {
  background: #93c43e; }

.bg--dark .btn__box.area--nxx-green, .bgimg .btn__box.area--nxx-green {
  margin-top: 17px; }
  .bg--dark .btn__box.area--nxx-green .btn, .bgimg .btn__box.area--nxx-green .btn {
    color: #93c43e;
    background: #fff; }

.btn__box.gray a {
  background: #f7f9fb; }

.bg--dark .btn__box.area--gray, .bgimg .btn__box.area--gray {
  margin-top: 17px; }
  .bg--dark .btn__box.area--gray .btn, .bgimg .btn__box.area--gray .btn {
    color: #f7f9fb;
    background: #fff; }

.btn__box:first-child {
  margin-top: 0;
  padding-top: 0; }

.btn__box:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

.btn__box a {
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding: 8px 16px;
  padding: var(--btn__padding);
  width: 100%;
  text-align: center;
  margin: 4px auto;
  text-decoration: none;
  cursor: pointer;
  background: #007684;
  color: #fff; }
  .btn__box a.btn--ghost {
    border: 1px solid #fff;
    background: none; }
    .btn__box a.btn--ghost span {
      color: #fff; }
  .btn__box a span {
    display: inline-block;
    width: 100%; }
  .btn__box a.btn--img {
    display: table; }
    .btn__box a.btn--img > * {
      display: table-cell;
      height: 100%; }
    .btn__box a.btn--img .img {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 16px;
      height: 16px;
      width: var(--btn__ico__size);
      height: var(--btn__ico__size); }
      .btn__box a.btn--img .img img {
        object-fit: contain;
        vertical-align: baseline; }
    .btn__box a.btn--img .txt {
      padding: 0; }

.area--huw-green .btn__box a,
.area--huw-green .btn {
  background-color: #201a3c; }

.btn__inline a {
  display: flex;
  justify-content: center;
  align-items: center; }
  .btn__inline a svg {
    width: 36px;
    height: 36px; }

.richtext ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .richtext ul > li {
    padding-left: 16px; }
    .richtext ul > li:before {
      content: url(../img/svg/bulletlist--swn.svg);
      display: inline-block;
      margin-right: 8px;
      width: 8px;
      vertical-align: middle;
      margin-left: -16px; }

.pageheader input.search {
  background-color: #7fbac1;
  height: 32px;
  width: 100%;
  border-radius: 3px;
  border: 0;
  position: relative; }

input, textarea {
  border: solid 1px #dcdcdc;
  background-color: #fff;
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.75;
  color: #cdcdcd;
  padding: 6px 12px;
  color: #333; }
  input::placeholder, textarea::placeholder {
    opacity: 0.35; }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    opacity: 0.35; }
  input:focus, textarea:focus {
    border-bottom: 2px solid #007684;
    color: #333; }
  @media only screen and (min-width: 704px) {
    input, textarea {
      padding: 10px 16px;
      font-size: 20px; } }

textarea {
  width: 96%; }

.input__group {
  position: relative;
  display: inline-block;
  margin-top: .8em; }
  .input__group > input {
    position: relative; }
  .input__group > label {
    position: absolute;
    top: -0.7em;
    bottom: 0;
    left: 0.5em;
    width: auto;
    height: 1.4em;
    transition: 0.2s;
    font-weight: bold;
    font-size: 0.8em;
    background: white;
    z-index: 10;
    padding-left: 0.5em;
    padding-right: 0.5em; }

.radio__group {
  position: relative;
  display: inline-block; }
  .radio__group input[type=radio] {
    opacity: 0;
    position: absolute; }
    .radio__group input[type=radio]:checked + label:after {
      content: '';
      width: 0.5em;
      height: 0.5em;
      border-radius: 50%;
      position: absolute;
      left: 0.3em;
      top: 0.4em;
      background: #007684; }
    .radio__group input[type=radio] + label {
      position: relative;
      cursor: pointer;
      margin-right: 1em;
      display: inline-block; }
      .radio__group input[type=radio] + label:before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        background: #fff;
        border-radius: 50%;
        border: solid 1px #333;
        vertical-align: sub;
        margin-right: 0.35em; }

input[type=radio] + label {
  padding-left: 0;
  padding-right: 0; }

input[type=checkbox] {
  opacity: 0;
  position: absolute; }
  input[type=checkbox]:checked + label:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-radius: 0px;
    position: absolute;
    left: 0.3em;
    top: 0.4em;
    background: #007684; }
  input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    margin-right: 1em;
    display: inline-block;
    color: #333; }
    input[type=checkbox] + label:before {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      background: #fff;
      border-radius: 0;
      border: solid 1px #333;
      vertical-align: sub;
      margin-right: 0.35em; }

label[for=search] {
  position: absolute;
  z-index: 2;
  right: 20px; }

fieldset {
  border: 0; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  -moz-padding-start: calc(10px - 3px);
  border: solid 1px #dcdcdc;
  background-color: #fff;
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.75;
  color: #cdcdcd;
  padding: 6px 12px;
  color: #333;
  background-color: #fbfbfb;
  background-image: url(../img/svg/selectfield--swn.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 1.5em !important;
  width: 96%;
  cursor: pointer; }
  select::-ms-expand {
    display: none; }
  select::placeholder {
    opacity: 0.35; }
  select::-ms-input-placeholder {
    opacity: 0.35; }
  select:focus {
    border-bottom: 2px solid #007684;
    color: #333; }
  @media only screen and (min-width: 704px) {
    select {
      padding: 10px 16px;
      font-size: 20px; } }
  select:focus {
    border-bottom: none; }
  select option {
    font-family: 'InfoDisplayWeb',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5; }
    @media only screen and (min-width: 704px) {
      select option {
        font-size: 20px;
        line-height: 1.4; } }

#mc-embedded-subscribe-form input {
  width: 90%; }

#mc-embedded-subscribe-form #mc-embedded-subscribe {
  width: auto; }

#mc-embedded-subscribe-form .col-sm-12, #mc-embedded-subscribe-form .col-sm-6 {
  width: 100%; }

@media only screen and (min-width: 420px) {
  #mc-embedded-subscribe-form .col-sm-6 {
    width: 49%;
    display: inline-block; } }

.heating-form .radio__group, .gas-form .radio__group {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem; }

.heating-form .input__group, .gas-form .input__group {
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: solid 1px #dcdcdc; }
  .heating-form .input__group legend, .gas-form .input__group legend {
    font-weight: bold;
    color: #fa7268;
    line-height: 1; }
  .heating-form .input__group input, .gas-form .input__group input {
    width: 90%;
    border-color: #efefef; }
    .heating-form .input__group input:last-child, .gas-form .input__group input:last-child {
      width: 100%;
      margin-top: 0.5rem; }

.heating-form .nrgGas__form_input#nrgGas__consumption, .gas-form .nrgGas__form_input#nrgGas__consumption {
  padding-left: 0;
  padding-right: 0; }

.heating-form #nrgGas__consumption, .gas-form #nrgGas__consumption {
  display: block;
  padding: 0; }
  .heating-form #nrgGas__consumption .inp-num, .gas-form #nrgGas__consumption .inp-num {
    width: 100%; }

.heating-form .comma, .gas-form .comma {
  vertical-align: bottom;
  font-size: 2rem; }

.heating-form .btn__box, .gas-form .btn__box {
  margin-top: 1em; }

@media only screen and (min-width: 360px) {
  .heating-form .input__group, .gas-form .input__group {
    display: grid;
    grid-template-columns: 1fr min-content 1fr;
    column-gap: .3rem; }
    .heating-form .input__group input, .gas-form .input__group input {
      width: 100%; }
      .heating-form .input__group input:last-child, .gas-form .input__group input:last-child {
        margin-top: 0; } }

@media only screen and (min-width: 704px) {
  .heating-form .input__group {
    width: 49%;
    display: inline-grid; } }

@media only screen and (min-width: 704px) {
  .gas-form .form__fld-group {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "radio input"
 "radio input"
 "button button"; }
    .gas-form .form__fld-group .nrgGas__form_input {
      margin-left: 0; }
  .gas-form #nrgGas__radio_form--supply {
    grid-area: radio; }
  .gas-form .radio__group {
    margin-top: 0;
    padding-top: 0; }
  .gas-form .btn__box {
    margin-top: 0;
    grid-area: button; } }

#sucheBtn {
  border: none;
  background: white;
  width: 40px;
  height: 36px;
  vertical-align: bottom;
  cursor: pointer; }

.search--snd {
  border: solid 1px #dcdcdc;
  background-color: #fff;
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.75;
  color: #cdcdcd;
  padding: 6px 12px;
  color: #333;
  width: calc(100% - 40px);
  border: none;
  height: 36px; }
  .search--snd::placeholder {
    opacity: 0.35; }
  .search--snd::-ms-input-placeholder {
    opacity: 0.35; }
  .search--snd:focus {
    border-bottom: 2px solid #007684;
    color: #333; }
  @media only screen and (min-width: 704px) {
    .search--snd {
      padding: 10px 16px;
      font-size: 20px; } }
  .search--snd:focus {
    border-bottom: 0; }

.search-ico {
  display: none;
  cursor: pointer; }

.search-ico.open img.close {
  display: inline-block; }

.search-ico.open img.opensearch {
  display: none; }

.user__search {
  margin-top: 8px; }
  .user__search fieldset {
    margin: 0;
    padding: 0;
    width: 100%; }

@media only screen and (min-width: 1088px) {
  .search-ico {
    display: table-cell;
    vertical-align: middle; }
    .search-ico .close {
      display: none; }
    .search-ico.open .close {
      display: inline-block; }
  .user__search {
    display: inline-table;
    margin: 0;
    height: 100%;
    vertical-align: top;
    position: relative;
    min-width: 40px; }
    .user__search form {
      display: none; }
      .user__search form fieldset {
        padding: 8px; }
      .user__search form .search--snd {
        height: 40px; }
      .user__search form #sucheBtn {
        height: 40px; }
    .user__search.open form {
      display: block;
      position: absolute;
      top: 0;
      right: 39px;
      width: 300px;
      z-index: 95; }
  #search__topfield {
    border-bottom: 2px solid #fff; }
    #search__topfield + #sucheBtn {
      border-bottom: 2px solid #fff; }
    #search__topfield:focus {
      border-bottom: 2px solid #007684; }
      #search__topfield:focus + #sucheBtn {
        border-bottom: 2px solid #007684; } }

/* scss/atoms/_modal.scss */
.light-modal {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  top: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  right: 0;
  z-index: 9000;
  transition: background 1s;
  visibility: hidden; }

.light-modal-content {
  background-color: #fff;
  width: 80%;
  position: relative;
  display: flex;
  flex-direction: column; }

.light-modal-content img {
  max-width: 100%;
  border-radius: 0.2em; }

.light-modal-content.large-content {
  width: 80%; }

.light-modal-header {
  padding: 20px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: var(--gap--content);
  padding-right: var(--gap--content);
  background-color: #dbc7e0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.light-modal-heading {
  margin: 0; }

.light-modal-heading + .light-modal-close-icon {
  width: auto; }

.light-modal-body {
  padding: 8px;
  padding: var(--gap--content);
  overflow: auto; }

.light-modal-footer {
  padding: 8px;
  padding: var(--gap--content);
  background: rgba(0, 0, 0, 0.2);
  display: block;
  align-items: center;
  justify-content: space-between; }
  .light-modal-footer > .btn {
    display: block; }

.light-modal-close-icon, .light-modal-close-btn {
  opacity: 1;
  transition: opacity 0.2s ease-in-out; }

.light-modal-close-icon {
  position: absolute;
  top: -15px;
  right: -15px; }

.light-modal-caption {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.2em;
  width: 100%;
  text-align: center;
  margin-top: 5px; }

.light-modal.modal--target {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  visibility: visible; }

.light-modal-navigation .navigation-next,
.light-modal-navigation .navigation-prev {
  width: 32px;
  height: 32px;
  border-color: #fff;
  transition: border-color 0.2s; }

.light-modal-navigation .navigation-next:hover,
.light-modal-navigation .navigation-prev:hover {
  border-color: rgba(255, 255, 255, 0.7); }

.light-modal-navigation .navigation-next {
  position: absolute;
  right: -50px;
  top: 50%;
  border-bottom: 1px solid;
  border-left: 1px solid;
  transform: rotate(-135deg); }

.light-modal-navigation .navigation-prev {
  position: absolute;
  left: -50px;
  top: 50%;
  border-bottom: 1px solid;
  border-left: 1px solid;
  transform: rotate(45deg); }

@media (max-width: 480px) {
  .light-modal-navigation .navigation-next {
    right: 5px; }
  .light-modal-navigation .navigation-prev {
    left: 5px; } }

@-webkit-keyframes basic {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes basic {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.basic {
  -webkit-animation-name: basic;
  animation-name: basic; }

@media only screen and (min-width: 420px) {
  .light-modal-footer {
    text-align: right; }
    .light-modal-footer > .btn {
      display: inline-block;
      min-width: 40%;
      max-width: 48%;
      width: auto; }
      .light-modal-footer > .btn:first-child {
        float: left; } }

@media only screen and (min-width: 704px) {
  .light-modal-content {
    width: 656px; } }

.opensearch, .close {
  width: 24px;
  height: auto; }

img {
  padding: 0;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  vertical-align: bottom; }

.img__box.center {
  margin-left: auto;
  margin-right: auto; }

.img__box.align__right {
  margin-left: auto;
  margin-right: 0; }

.img__box + .img__box {
  margin-top: 4px;
  margin-top: var(--gap--content); }

.img__fig {
  margin: 0;
  position: relative; }

.img__figcap {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding-left: 4px;
  padding-right: 4px;
  font-size: .8em;
  padding: .2em .4em; }
  .img__figcap.dark {
    color: #333; }
  .img__figcap.light {
    color: #fff; }
  .img__figcap.left {
    text-align: left; }
  .img__figcap.center {
    text-align: center; }
  .img__figcap.right {
    text-align: right; }

@media only screen and (min-width: 1088px) {
  img {
    max-width: 100%; } }

body#atomsWrap .background--image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 250px; }

.img--bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

.hero__image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 216px; }
  @media only screen and (min-width: 704px) {
    .hero__image {
      height: 320px; } }
  @media only screen and (min-width: 1088px) {
    .hero__image {
      height: 560px; } }

.img-txt {
  padding: 0;
  display: table; }
  .img-txt > * {
    display: table-cell;
    height: 100%; }
  .img-txt .img {
    width: 35px;
    height: 35px;
    padding: 4px; }
    .img-txt .img img {
      width: 35px;
      object-fit: contain; }
  .img-txt .txt {
    padding: 0;
    vertical-align: middle; }
  @media only screen and (min-width: 1088px) {
    .img-txt.strong .img {
      width: 56px;
      height: 56px; } }

.menu-toggle {
  text-align: right;
  vertical-align: middle; }

@media only screen and (min-width: 1088px) {
  .burger-button {
    display: none; } }

.burger-button > * {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle; }

.burger-button #nav-icon {
  width: 32px;
  height: 32px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 7; }
  .burger-button #nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #007684;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out; }
    .burger-button #nav-icon span:nth-child(1) {
      top: 0; }
    .burger-button #nav-icon span:nth-child(2) {
      top: 12px; }
    .burger-button #nav-icon span:nth-child(3) {
      top: 24px; }
  .burger-button #nav-icon::before {
    position: absolute;
    left: -142px;
    width: 70px;
    text-align: right;
    color: #333; }
    @media only screen and (min-width: 420px) {
      .burger-button #nav-icon::before {
        content: 'Navigationsmenü'; } }

.burger-button #nav-icon.open::before {
  content: 'schließen';
  left: -80px; }

.burger-button #nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.burger-button #nav-icon.open span:nth-child(2) {
  transform: rotate(45deg); }

.burger-button #nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px; }

.burger-button #nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.sticky-nav #nav-icon span {
  background: #fff; }

/* scss/atoms/_logo.scss */
img.logo {
  width: 96px;
  height: auto; }
  @media only screen and (min-width: 1088px) {
    img.logo {
      position: absolute;
      top: 0;
      left: unset;
      width: 112px;
      z-index: 2; } }

.title {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-top: var(--gap--content);
  margin-bottom: var(--gap--content);
  margin-left: auto;
  margin-right: auto; }
  .title:first-child {
    margin-top: 0; }
  .title:last-child {
    margin-bottom: 0; }
  .title > *:first-child {
    margin-top: 0; }
  .title > *:last-child {
    margin-bottom: 0; }

.title--up {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: bold; }

.title--mid {
  margin-top: 0;
  margin-bottom: 0; }

.title--sub {
  margin-top: 0; }

.title--tbl, .tbl--colhead th, .table-responsive > div .tbl--colhead th {
  border-bottom: 2px solid #007684; }

.tbl, .tbl--plain, .tbl--colhead, .table-responsive > div .tbl--plain, .table-responsive > div .tbl--colhead {
  display: table;
  width: 100% !important;
  text-align: left; }
  .tbl .tbl__cll, .tbl--plain .tbl__cll, .tbl--colhead .tbl__cll, .table-responsive > div .tbl--plain .tbl__cll, .table-responsive > div .tbl--colhead .tbl__cll {
    display: table-cell; }
  .tbl tr, .tbl--plain tr, .tbl--colhead tr, .table-responsive > div .tbl--plain tr, .table-responsive > div .tbl--colhead tr {
    display: block; }
  .tbl th, .tbl--plain th, .tbl--colhead th, .table-responsive > div .tbl--plain th, .table-responsive > div .tbl--colhead th, .tbl td, .tbl--plain td, .tbl--colhead td, .table-responsive > div .tbl--plain td, .table-responsive > div .tbl--colhead td {
    padding: 4px 0; }
  .tbl--plain .tbl__head {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em;
    border-bottom: 2px solid #007684;
    margin-top: 0;
    font-weight: bold;
    text-align: left; }
    @media only screen and (min-width: 704px) {
      .tbl--plain .tbl__head {
        font-size: 24px;
        line-height: 1.33; } }
  .tbl--plain tr {
    border-bottom: 2px solid #e1e1e4; }
  .tbl--plain th, .tbl--plain td {
    display: block; }
  .tbl--colhead tr {
    box-shadow: 0 8px 14px 0 rgba(224, 229, 238, 0.5);
    background: #fff;
    margin-bottom: 16px;
    padding: 16px; }
    .tbl--colhead tr:first-child {
      display: none; }
  .tbl--colhead th {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em; }
    @media only screen and (min-width: 704px) {
      .tbl--colhead th {
        font-size: 24px;
        line-height: 1.33; } }
  .tbl--colhead td {
    display: block; }
    .tbl--colhead td .cell__title {
      display: block;
      font-weight: bold;
      font-size: 20px;
      line-height: 1.2;
      margin-top: .8em;
      margin-bottom: .5em;
      border-bottom: 2px solid #e1e1e4; }
      @media only screen and (min-width: 704px) {
        .tbl--colhead td .cell__title {
          font-size: 24px;
          line-height: 1.33; } }

.schedule .null {
  display: none; }

.schedule .schedule__day-label {
  font-size: 20px;
  line-height: 1.2;
  margin-top: .8em;
  margin-bottom: .5em;
  border-bottom: 2px solid #84bd00; }
  @media only screen and (min-width: 704px) {
    .schedule .schedule__day-label {
      font-size: 24px;
      line-height: 1.33; } }

.schedule .schedule__cll {
  border-bottom: 2px solid #e1e1e4;
  padding: 4px; }
  .schedule .schedule__cll::before {
    content: attr(data-time);
    display: inline-block;
    margin-right: 1.5em; }

@media only screen and (min-width: 704px) {
  .tbl tr, .tbl--plain tr, .tbl--colhead tr, .table-responsive > div .tbl--plain tr, .table-responsive > div .tbl--colhead tr {
    display: table-row; }
  .tbl td, .tbl--plain td, .tbl--colhead td, .table-responsive > div .tbl--plain td, .table-responsive > div .tbl--colhead td {
    border-bottom: 2px solid #e1e1e4; }
  .tbl--plain tr {
    border: none; }
  .tbl--plain th, .tbl--plain td {
    display: table-cell; }
  .tbl--plain th {
    border-bottom: 2px solid #e1e1e4; }
  .tbl--colhead tr {
    display: table-row;
    margin-bottom: 0;
    background: none;
    box-shadow: none; }
    .tbl--colhead tr:first-child {
      display: table-row; }
    .tbl--colhead tr > td:first-child {
      font-weight: bold; }
    .tbl--colhead tr td {
      display: table-cell; }
      .tbl--colhead tr td .cell__title {
        display: none; }
  .schedule {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .schedule .null {
      display: block; }
    .schedule .schedule__day {
      flex-grow: 1; }
    .schedule .schedule__cll::before {
      display: none; } }

@media only screen and (min-width: 1088px) {
  .tbl--colhead.busroute tr td:last-child .cell__value {
    display: table;
    width: 100%; }
  .tbl--colhead.busroute .btn__box {
    display: table-cell;
    text-align: right;
    width: 256px; } }

.table-responsive > div {
  overflow: auto;
  margin: 0 auto;
  width: 100%;
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll; }
  .table-responsive > div .title--tbl, .tbl--colhead .table-responsive > div th, .table-responsive > div .tbl--colhead th {
    border-bottom: 2px solid #007684; }
  .table-responsive > div .tbl, .table-responsive > div .tbl--plain, .table-responsive > div .tbl--colhead {
    display: table;
    min-width: 100%;
    text-align: left; }
    .table-responsive > div .tbl .tbl__cll, .table-responsive > div .tbl--plain .tbl__cll, .table-responsive > div .tbl--colhead .tbl__cll {
      display: table-cell; }
    .table-responsive > div .tbl tr, .table-responsive > div .tbl--plain tr, .table-responsive > div .tbl--colhead tr {
      display: table-row; }
    .table-responsive > div .tbl th, .table-responsive > div .tbl--plain th, .table-responsive > div .tbl--colhead th, .table-responsive > div .tbl td, .table-responsive > div .tbl--plain td, .table-responsive > div .tbl--colhead td {
      padding: 4px 0; }
    .table-responsive > div .tbl--plain .tbl__head {
      font-size: 20px;
      line-height: 1.2;
      margin-top: .8em;
      margin-bottom: .5em;
      border-bottom: 2px solid #007684;
      margin-top: 0;
      font-weight: bold;
      text-align: left; }
      @media only screen and (min-width: 704px) {
        .table-responsive > div .tbl--plain .tbl__head {
          font-size: 24px;
          line-height: 1.33; } }
    .table-responsive > div .tbl--plain tr {
      border-bottom: 2px solid #e1e1e4; }
    .table-responsive > div .tbl--plain th, .table-responsive > div .tbl--plain td {
      display: table-cell;
      padding: 16px 24px; }
    .table-responsive > div .tbl--colhead tr {
      box-shadow: 0 8px 14px 0 rgba(224, 229, 238, 0.5);
      background: #fff;
      margin-bottom: 16px;
      padding: 16px; }
      .table-responsive > div .tbl--colhead tr:first-child {
        display: none; }
    .table-responsive > div .tbl--colhead th {
      font-size: 20px;
      line-height: 1.2;
      margin-top: .8em;
      margin-bottom: .5em; }
      @media only screen and (min-width: 704px) {
        .table-responsive > div .tbl--colhead th {
          font-size: 24px;
          line-height: 1.33; } }
    .table-responsive > div .tbl--colhead td {
      display: block; }
      .table-responsive > div .tbl--colhead td .cell__title {
        display: block;
        font-weight: bold;
        font-size: 20px;
        line-height: 1.2;
        margin-top: .8em;
        margin-bottom: .5em;
        border-bottom: 2px solid #e1e1e4; }
        @media only screen and (min-width: 704px) {
          .table-responsive > div .tbl--colhead td .cell__title {
            font-size: 24px;
            line-height: 1.33; } }
  .table-responsive > div .schedule .null {
    display: none; }
  .table-responsive > div .schedule .schedule__day-label {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em;
    border-bottom: 2px solid #84bd00; }
    @media only screen and (min-width: 704px) {
      .table-responsive > div .schedule .schedule__day-label {
        font-size: 24px;
        line-height: 1.33; } }
  .table-responsive > div .schedule .schedule__cll {
    border-bottom: 2px solid #e1e1e4;
    padding: 4px; }
    .table-responsive > div .schedule .schedule__cll::before {
      content: attr(data-time);
      display: inline-block;
      margin-right: 1.5em; }
  @media only screen and (min-width: 704px) {
    .table-responsive > div .tbl tr, .table-responsive > div .tbl--plain tr, .table-responsive > div .tbl--colhead tr {
      display: table-row; }
    .table-responsive > div .tbl td, .table-responsive > div .tbl--plain td, .table-responsive > div .tbl--colhead td {
      border-bottom: 2px solid #e1e1e4; }
    .table-responsive > div .tbl th, .table-responsive > div .tbl--plain th, .table-responsive > div .tbl--colhead th, .table-responsive > div .tbl td, .table-responsive > div .tbl--plain td, .table-responsive > div .tbl--colhead td {
      display: table-cell;
      padding: 4px 16px; }
    .table-responsive > div .tbl--plain tr {
      border: none; }
    .table-responsive > div .tbl--plain th, .table-responsive > div .tbl--plain td {
      display: table-cell; }
    .table-responsive > div .tbl--plain th {
      border-bottom: 2px solid #e1e1e4; }
    .table-responsive > div .tbl--colhead tr {
      display: table-row;
      margin-bottom: 0;
      background: none;
      box-shadow: none; }
      .table-responsive > div .tbl--colhead tr:first-child {
        display: table-row; }
      .table-responsive > div .tbl--colhead tr > td:first-child {
        font-weight: bold; }
      .table-responsive > div .tbl--colhead tr td {
        display: table-cell; }
        .table-responsive > div .tbl--colhead tr td .cell__title {
          display: none; }
    .table-responsive > div .schedule {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .table-responsive > div .schedule .null {
        display: block; }
      .table-responsive > div .schedule .schedule__day {
        flex-grow: 1; }
      .table-responsive > div .schedule .schedule__cll::before {
        display: none; } }
  @media only screen and (min-width: 1088px) {
    .table-responsive > div .tbl--colhead.busroute tr td:last-child .cell__value {
      display: table;
      width: 100%; }
    .table-responsive > div .tbl--colhead.busroute .btn__box {
      display: table-cell;
      text-align: right;
      width: 256px; } }

.button__group .btn__box {
  display: block; }

@media only screen and (min-width: 1088px) {
  .button__group .btn__box {
    display: inline-block;
    margin-right: 32px; }
    .button__group .btn__box:last-child {
      margin-right: 0; } }

/* scss/molecules/_link__group.scss */
.link__group .link {
  display: table; }

@media only screen and (min-width: 704px) {
  .link__group .link {
    display: inline-table; } }

ul.cards--shadow {
  padding-bottom: 1em; }

.card {
  vertical-align: top;
  background: #fff; }
  .card.align-left {
    text-align: left; }
  .card.align-center {
    text-align: center; }
  .card.bg--dark, .card--clear--dark .card__txt, .card.bgimg {
    color: #fff; }
    .card.bg--dark .title--up, .card--clear--dark .card__txt .title--up, .card.bgimg .title--up, .card.bg--dark .title--mid, .card--clear--dark .card__txt .title--mid, .card.bgimg .title--mid, .card.bg--dark .title--sub, .card--clear--dark .card__txt .title--sub, .card.bgimg .title--sub {
      color: #fff; }
    .card.bg--dark a, .card--clear--dark .card__txt a, .card.bgimg a {
      color: #fff; }
  .card > a {
    height: 100%;
    display: block; }
  .card .card__header .title--mid {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em;
    margin: 0;
    font-weight: bold; }
    @media only screen and (min-width: 704px) {
      .card .card__header .title--mid {
        font-size: 24px;
        line-height: 1.33; } }
  .card .title--enlarge .title--mid {
    font-size: 20px;
    line-height: 1.2;
    font-weight: normal; }
    @media only screen and (min-width: 704px) {
      .card .title--enlarge .title--mid {
        font-size: 32px;
        line-height: 1.25; } }
  .card .card__txt {
    padding: 4px;
    padding: var(--gap--content); }
  .card .title--mid {
    color: #333; }
  .card .card__img img {
    width: 100%; }
  .card .button__group a {
    color: #fff; }
  .card--tabled.card, .card.card--title, .card.card--order, .card.card--contain {
    display: inline-table;
    width: 100%; }
    .card--tabled.card > .card__txt, .card.card--title > .card__txt, .card.card--order > .card__txt, .card.card--contain > .card__txt, .card--tabled.card > .target > .card__txt, .card.card--title > .target > .card__txt, .card.card--order > .target > .card__txt, .card.card--contain > .target > .card__txt, .card--tabled.card .card__img, .card.card--title .card__img, .card.card--order .card__img, .card.card--contain .card__img {
      display: table-cell; }
    .card--tabled.card .card__txt, .card.card--title .card__txt, .card.card--order .card__txt, .card.card--contain .card__txt {
      padding: 0;
      padding-left: 4px;
      padding-left: var(--gap--content);
      text-align: left; }
      .card--tabled.card .card__txt *:last-child, .card.card--title .card__txt *:last-child, .card.card--order .card__txt *:last-child, .card.card--contain .card__txt *:last-child {
        margin-bottom: 0; }
  .card--border {
    border: 1px solid #ebebeb; }
  .card--shade {
    background: #f7f9fb; }
  .card--shadow {
    box-shadow: 0 8px 14px 0 rgba(224, 229, 238, 0.5);
    background-color: #fff; }
  .card--clear--light {
    background: transparent; }
    .card--clear--light .card__txt {
      padding-left: 0;
      padding-right: 0; }
  .card--clear--dark {
    background: transparent; }
    .card--clear--dark .card__txt {
      padding-left: 0;
      padding-right: 0; }
  .card--contain.card--clear--light .card__txt, .card--contain.card--clear--dark .card__txt {
    vertical-align: middle; }
  .card.area--swn {
    background-color: #007684; }
    .card.area--swn .btn__box .btn {
      background-color: #fff;
      color: #007684; }
  .card.area--red {
    background-color: #fa7268; }
    .card.area--red .btn__box .btn {
      background-color: #fff;
      color: #fa7268; }
  .card.area--blue {
    background-color: #00a9ce; }
    .card.area--blue .btn__box .btn {
      background-color: #fff;
      color: #00a9ce; }
  .card.area--green {
    background-color: #84bd00; }
    .card.area--green .btn__box .btn {
      background-color: #fff;
      color: #84bd00; }
  .card.area--purple {
    background-color: #702082; }
    .card.area--purple .btn__box .btn {
      background-color: #fff;
      color: #702082; }
  .card.area--emobilitaet {
    background-color: #0071bc; }
    .card.area--emobilitaet .btn__box .btn {
      background-color: #fff;
      color: #0071bc; }
  .card.area--nxx-green {
    background-color: #93c43e; }
    .card.area--nxx-green .btn__box .btn {
      background-color: #fff;
      color: #93c43e; }
  .card.area--yellow {
    background-color: #fdda24;
    color: #333; }
    .card.area--yellow .title--up, .card.area--yellow .title--mid {
      color: #333; }
    .card.area--yellow .card__content a {
      color: #333; }
    .card.area--yellow .btn__box .btn {
      background-color: #fff;
      color: #333; }
  .card.img--org .card__img {
    text-align: center;
    padding-top: 4px;
    padding-top: var(--gap--content); }
    .card.img--org .card__img > img {
      width: auto; }
  .card--default {
    text-align: left; }
    .card--default .card__txt p a {
      color: #007684; }
  .card--biglink {
    transition: 0.3s; }
    .card--biglink:hover {
      box-shadow: 0 5px 8px 2px rgba(51, 51, 51, 0.5);
      transform: scale(1.03, 1.03); }
    .card--biglink > a {
      text-decoration: none; }
  .card--background {
    text-align: left;
    background-position: center;
    background-size: cover; }
    .card--background .card__txt {
      padding: 16px;
      padding: var(--gap--grd); }
    .card--background p a {
      color: #333; }
    .card--background.bg--dark p a, .card--background.bgimg p a {
      color: #fff; }
    .card--background .target {
      text-decoration: none; }
  .card .price {
    font-size: 1.2em;
    font-weight: bold; }
    .card .price .number {
      font-size: 2em; }
  .card--title > .card__txt, .card--title .card__img {
    vertical-align: middle; }
  .card--title.card--order.card {
    display: table; }
  .card--title .target {
    display: inline-table;
    text-decoration: none;
    width: 100%; }
  .card--title .card__img {
    width: 64px; }
  .card--title.img--ico {
    padding: 4px;
    padding: var(--gap--content); }
    .card--title.img--ico .card__img {
      width: 20px; }
    .card--title.img--ico .ico--check {
      display: block;
      width: 20px;
      height: 20px;
      background: url(../img/svg/check--swn.svg);
      background-size: contain; }
  .card--title .card__header {
    margin-bottom: 0;
    padding: 0; }
  .card--order > .card__txt, .card--order > .target > .card__txt, .card--order .card__num {
    vertical-align: middle; }
  .card--order .card__num {
    width: 64px;
    display: table-cell; }
    .card--order .card__num span {
      font-size: 24px;
      line-height: 1.33;
      font-weight: bold; }
      @media only screen and (min-width: 704px) {
        .card--order .card__num span {
          font-size: 48px;
          line-height: 1.17; } }
  .card--contain {
    padding: 4px;
    padding: var(--gap--content); }
    .card--contain > .card__txt, .card--contain .card__img {
      vertical-align: top; }
    .card--contain .card__img {
      width: 40px; }
    .card--contain.img--org .card__img {
      padding-top: 0; }
    .card--contain.img--lrg .card__img {
      width: 72px; }
    .card--contain.card--order .card__num {
      vertical-align: top;
      text-align: center; }
  .card--cover {
    text-align: left; }
    .card--cover .card__txt {
      padding: 16px;
      padding: var(--gap--grd); }
  .card--share .title {
    display: inline-block;
    width: calc(100% - 40px); }
  .card--share .share {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    text-align: right; }
  .card.area--huw-purple {
    background-image: none !important;
    background-color: #201a3c; }
    .card.area--huw-purple .button__group .btn__box a {
      color: #201a3c;
      background: #fff; }
  @media only screen and (min-width: 704px) {
    .card--title.img--ico .card__img {
      width: 24px;
      max-width: 24px; }
    .card--title.img--ico .ico--check {
      width: 24px;
      height: 24px; }
    .card--contain .card__img {
      width: 64px;
      max-width: 64px; }
    .card--contain.img--lrg .card__img {
      width: 120px;
      max-width: 120px; } }
  .card > .button__group {
    padding: 4px;
    padding: var(--gap--content);
    padding-top: 0; }

@media only screen and (min-width: 420px) {
  li.card.card--default, li.card.card--background, li.card.card--offer {
    display: flex;
    flex-direction: column; }
    li.card.card--default .card__txt, li.card.card--background .card__txt, li.card.card--offer .card__txt {
      flex: 1 1 auto; } }

@media only screen and (min-width: 1088px) {
  .card--title .card__img {
    width: 120px; }
  @supports (display: grid) {
    li.card.card--cover {
      display: inline-grid;
      grid-template-columns: 2fr 5fr;
      grid-template-rows: 1fr; }
      li.card.card--cover .card__img .img__fig {
        height: 100%; }
      li.card.card--cover .card__img .img {
        height: 100%;
        object-fit: cover; } } }

.topbar {
  display: none;
  width: 100%; }
  .topbar.open {
    display: block; }
  .topbar .wrapper {
    padding: 0; }
  @media only screen and (min-width: 1088px) {
    .topbar {
      background: none;
      display: block;
      border: 0; } }

.pageheader .header__navlist, .pageheader .submenu {
  list-style: none;
  padding: 0;
  margin: 0; }

.pageheader .submenu.wrap {
  display: none; }

.pageheader .menuItm .menuItm__link {
  border-bottom: 1px solid #dcdcdc;
  padding: 0.4em 0.4em;
  text-decoration: none;
  color: #333;
  width: 100%;
  display: block; }

.pageheader .menuItm.open > .toggle__tbl .toggle-submenu {
  background-position: center 8px;
  border-color: white; }

.pageheader .menuItm.open .menuItm__link {
  border-color: white; }

.pageheader .menuItm.open.swn {
  background-color: #007684; }
  .pageheader .menuItm.open.swn .submenu {
    background-color: #4099a3; }
  .pageheader .menuItm.open.swn .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.red {
  background-color: #fa7268; }
  .pageheader .menuItm.open.red .submenu {
    background-color: #fc968e; }
  .pageheader .menuItm.open.red .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.blue {
  background-color: #00a9ce; }
  .pageheader .menuItm.open.blue .submenu {
    background-color: #40bfdb; }
  .pageheader .menuItm.open.blue .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.yellow {
  background-color: #fdda24; }
  .pageheader .menuItm.open.yellow .submenu {
    background-color: #fee45b; }
  .pageheader .menuItm.open.yellow .menuItm__link {
    color: #333; }

.pageheader .menuItm.open.green {
  background-color: #84bd00; }
  .pageheader .menuItm.open.green .submenu {
    background-color: #b9cf69; }
  .pageheader .menuItm.open.green .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.purple {
  background-color: #702082; }
  .pageheader .menuItm.open.purple .submenu {
    background-color: #9458a2; }
  .pageheader .menuItm.open.purple .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.emobilitaet {
  background-color: #0071bc; }
  .pageheader .menuItm.open.emobilitaet .submenu {
    background-color: #4095CD; }
  .pageheader .menuItm.open.emobilitaet .menuItm__link {
    color: #fff; }

.pageheader .menuItm.open.nxx-green {
  background-color: #93c43e; }
  .pageheader .menuItm.open.nxx-green .submenu {
    background-color: #a9d065; }
  .pageheader .menuItm.open.nxx-green .menuItm__link {
    color: #fff; }

.pageheader .menuItm:hover .toggle-submenu, .pageheader .menuItm .menuItm:hover .toggle-submenu, .pageheader .menuItm.current .toggle-submenu, .pageheader .menuItm .current .toggle-submenu, .pageheader .menuItm.active .toggle-submenu, .pageheader .menuItm .active .toggle-submenu, .pageheader .menuItm.open .toggle-submenu {
  background-image: url(../img/svg/menu-arrow--all-white.svg); }

.pageheader .menuItm.swn:hover > .toggle__tbl, .pageheader .menuItm.swn .menuItm:hover > .toggle__tbl, .pageheader .menuItm.swn.current > .toggle__tbl, .pageheader .menuItm.swn .current > .toggle__tbl, .pageheader .menuItm.swn.active > .toggle__tbl, .pageheader .menuItm.swn .active > .toggle__tbl {
  background-color: #007684; }

.pageheader .menuItm.swn:hover .menuItm__link, .pageheader .menuItm.swn .menuItm:hover .menuItm__link, .pageheader .menuItm.swn.current .menuItm__link, .pageheader .menuItm.swn .current .menuItm__link, .pageheader .menuItm.swn.active .menuItm__link, .pageheader .menuItm.swn .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.swn:hover:not(.parent), .pageheader .menuItm.swn .menuItm:hover:not(.parent) {
  background-color: #007684; }
  .pageheader .menuItm.swn:hover:not(.parent) .menuItm__link, .pageheader .menuItm.swn .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.swn .open {
  background-color: #007684; }

.pageheader .menuItm.red:hover > .toggle__tbl, .pageheader .menuItm.red .menuItm:hover > .toggle__tbl, .pageheader .menuItm.red.current > .toggle__tbl, .pageheader .menuItm.red .current > .toggle__tbl, .pageheader .menuItm.red.active > .toggle__tbl, .pageheader .menuItm.red .active > .toggle__tbl {
  background-color: #fa7268; }

.pageheader .menuItm.red:hover .menuItm__link, .pageheader .menuItm.red .menuItm:hover .menuItm__link, .pageheader .menuItm.red.current .menuItm__link, .pageheader .menuItm.red .current .menuItm__link, .pageheader .menuItm.red.active .menuItm__link, .pageheader .menuItm.red .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.red:hover:not(.parent), .pageheader .menuItm.red .menuItm:hover:not(.parent) {
  background-color: #fa7268; }
  .pageheader .menuItm.red:hover:not(.parent) .menuItm__link, .pageheader .menuItm.red .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.red .open {
  background-color: #fa7268; }

.pageheader .menuItm.blue:hover > .toggle__tbl, .pageheader .menuItm.blue .menuItm:hover > .toggle__tbl, .pageheader .menuItm.blue.current > .toggle__tbl, .pageheader .menuItm.blue .current > .toggle__tbl, .pageheader .menuItm.blue.active > .toggle__tbl, .pageheader .menuItm.blue .active > .toggle__tbl {
  background-color: #00a9ce; }

.pageheader .menuItm.blue:hover .menuItm__link, .pageheader .menuItm.blue .menuItm:hover .menuItm__link, .pageheader .menuItm.blue.current .menuItm__link, .pageheader .menuItm.blue .current .menuItm__link, .pageheader .menuItm.blue.active .menuItm__link, .pageheader .menuItm.blue .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.blue:hover:not(.parent), .pageheader .menuItm.blue .menuItm:hover:not(.parent) {
  background-color: #00a9ce; }
  .pageheader .menuItm.blue:hover:not(.parent) .menuItm__link, .pageheader .menuItm.blue .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.blue .open {
  background-color: #00a9ce; }

.pageheader .menuItm.yellow:hover > .toggle__tbl, .pageheader .menuItm.yellow .menuItm:hover > .toggle__tbl, .pageheader .menuItm.yellow.current > .toggle__tbl, .pageheader .menuItm.yellow .current > .toggle__tbl, .pageheader .menuItm.yellow.active > .toggle__tbl, .pageheader .menuItm.yellow .active > .toggle__tbl {
  background-color: #fdda24; }

.pageheader .menuItm.yellow:hover .menuItm__link, .pageheader .menuItm.yellow .menuItm:hover .menuItm__link, .pageheader .menuItm.yellow.current .menuItm__link, .pageheader .menuItm.yellow .current .menuItm__link, .pageheader .menuItm.yellow.active .menuItm__link, .pageheader .menuItm.yellow .active .menuItm__link {
  border-color: white;
  color: #333; }

.pageheader .menuItm.yellow:hover:not(.parent), .pageheader .menuItm.yellow .menuItm:hover:not(.parent) {
  background-color: #fdda24; }
  .pageheader .menuItm.yellow:hover:not(.parent) .menuItm__link, .pageheader .menuItm.yellow .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #333; }

.pageheader .menuItm.yellow .open {
  background-color: #fdda24; }

.pageheader .menuItm.green:hover > .toggle__tbl, .pageheader .menuItm.green .menuItm:hover > .toggle__tbl, .pageheader .menuItm.green.current > .toggle__tbl, .pageheader .menuItm.green .current > .toggle__tbl, .pageheader .menuItm.green.active > .toggle__tbl, .pageheader .menuItm.green .active > .toggle__tbl {
  background-color: #84bd00; }

.pageheader .menuItm.green:hover .menuItm__link, .pageheader .menuItm.green .menuItm:hover .menuItm__link, .pageheader .menuItm.green.current .menuItm__link, .pageheader .menuItm.green .current .menuItm__link, .pageheader .menuItm.green.active .menuItm__link, .pageheader .menuItm.green .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.green:hover:not(.parent), .pageheader .menuItm.green .menuItm:hover:not(.parent) {
  background-color: #84bd00; }
  .pageheader .menuItm.green:hover:not(.parent) .menuItm__link, .pageheader .menuItm.green .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.green .open {
  background-color: #84bd00; }

.pageheader .menuItm.purple:hover > .toggle__tbl, .pageheader .menuItm.purple .menuItm:hover > .toggle__tbl, .pageheader .menuItm.purple.current > .toggle__tbl, .pageheader .menuItm.purple .current > .toggle__tbl, .pageheader .menuItm.purple.active > .toggle__tbl, .pageheader .menuItm.purple .active > .toggle__tbl {
  background-color: #702082; }

.pageheader .menuItm.purple:hover .menuItm__link, .pageheader .menuItm.purple .menuItm:hover .menuItm__link, .pageheader .menuItm.purple.current .menuItm__link, .pageheader .menuItm.purple .current .menuItm__link, .pageheader .menuItm.purple.active .menuItm__link, .pageheader .menuItm.purple .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.purple:hover:not(.parent), .pageheader .menuItm.purple .menuItm:hover:not(.parent) {
  background-color: #702082; }
  .pageheader .menuItm.purple:hover:not(.parent) .menuItm__link, .pageheader .menuItm.purple .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.purple .open {
  background-color: #702082; }

.pageheader .menuItm.emobilitaet:hover > .toggle__tbl, .pageheader .menuItm.emobilitaet .menuItm:hover > .toggle__tbl, .pageheader .menuItm.emobilitaet.current > .toggle__tbl, .pageheader .menuItm.emobilitaet .current > .toggle__tbl, .pageheader .menuItm.emobilitaet.active > .toggle__tbl, .pageheader .menuItm.emobilitaet .active > .toggle__tbl {
  background-color: #0071bc; }

.pageheader .menuItm.emobilitaet:hover .menuItm__link, .pageheader .menuItm.emobilitaet .menuItm:hover .menuItm__link, .pageheader .menuItm.emobilitaet.current .menuItm__link, .pageheader .menuItm.emobilitaet .current .menuItm__link, .pageheader .menuItm.emobilitaet.active .menuItm__link, .pageheader .menuItm.emobilitaet .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.emobilitaet:hover:not(.parent), .pageheader .menuItm.emobilitaet .menuItm:hover:not(.parent) {
  background-color: #0071bc; }
  .pageheader .menuItm.emobilitaet:hover:not(.parent) .menuItm__link, .pageheader .menuItm.emobilitaet .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.emobilitaet .open {
  background-color: #0071bc; }

.pageheader .menuItm.nxx-green:hover > .toggle__tbl, .pageheader .menuItm.nxx-green .menuItm:hover > .toggle__tbl, .pageheader .menuItm.nxx-green.current > .toggle__tbl, .pageheader .menuItm.nxx-green .current > .toggle__tbl, .pageheader .menuItm.nxx-green.active > .toggle__tbl, .pageheader .menuItm.nxx-green .active > .toggle__tbl {
  background-color: #93c43e; }

.pageheader .menuItm.nxx-green:hover .menuItm__link, .pageheader .menuItm.nxx-green .menuItm:hover .menuItm__link, .pageheader .menuItm.nxx-green.current .menuItm__link, .pageheader .menuItm.nxx-green .current .menuItm__link, .pageheader .menuItm.nxx-green.active .menuItm__link, .pageheader .menuItm.nxx-green .active .menuItm__link {
  border-color: white;
  color: #fff; }

.pageheader .menuItm.nxx-green:hover:not(.parent), .pageheader .menuItm.nxx-green .menuItm:hover:not(.parent) {
  background-color: #93c43e; }
  .pageheader .menuItm.nxx-green:hover:not(.parent) .menuItm__link, .pageheader .menuItm.nxx-green .menuItm:hover:not(.parent) .menuItm__link {
    border-color: white;
    color: #fff; }

.pageheader .menuItm.nxx-green .open {
  background-color: #93c43e; }

.pageheader .menuItm.level-1.swn {
  border-left: 4px solid #007684; }

.pageheader .menuItm.level-1.red {
  border-left: 4px solid #fa7268; }

.pageheader .menuItm.level-1.yellow {
  border-left: 4px solid #fdda24; }

.pageheader .menuItm.level-1.green {
  border-left: 4px solid #84bd00; }

.pageheader .menuItm.level-1.blue {
  border-left: 4px solid #00a9ce; }

.pageheader .menuItm.level-1.purple {
  border-left: 4px solid #702082; }

.pageheader .menuItm.level-1.emobilitaet {
  border-left: 4px solid #0071bc; }

.pageheader .menuItm.level-1.nxx-green {
  border-left: 4px solid #93c43e; }

.pageheader .menuItm.level-1.gray {
  border-left: 4px solid #f7f9fb; }

.pageheader .toggle__tbl {
  display: table;
  width: 100%; }
  .pageheader .toggle__tbl .menuItm__link {
    display: table-cell;
    width: calc(100% - 34px); }

.pageheader .button__box {
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  display: table-cell;
  width: calc(34px + (2 * 0.4em));
  padding-left: 0.4em;
  padding-right: 0.4em; }

.pageheader .toggle-submenu {
  width: 34px;
  height: 34px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/svg/menu-arrow--default.svg) no-repeat;
  cursor: pointer;
  background-position: center -18px;
  background-size: 26px;
  transition: .5s; }

.pageheader .meta-navigation {
  background: #e1e1e4; }

.topbar .meta-navigation {
  border-width: 0; }
  .topbar .meta-navigation .level-2-group {
    top: 0; }
  .topbar .meta-navigation .level-3-group {
    top: -56px; }

@media only screen and (min-width: 1088px) {
  .topbar {
    font-size: 17px; }
    .topbar .meta-navigation {
      background: unset; }
    .topbar .header__navlist {
      display: flex;
      align-items: center;
      height: 100%; }
    .topbar .submenu {
      position: absolute;
      width: 250px;
      display: none;
      background-color: #4099a3;
      z-index: 22; }
      .topbar .submenu .menuItm:hover {
        background-color: #007684; }
      .topbar .submenu .submenu {
        display: none;
        position: absolute;
        left: 250px;
        top: 0; }
    .topbar .menuItm {
      padding: 0 8px;
      position: relative; }
      .topbar .menuItm.parent:hover > .submenu {
        display: block; }
      .topbar .menuItm.level-1 {
        position: relative; }
        .topbar .menuItm.level-1.swn {
          border-left: none;
          background-color: unset; }
          .topbar .menuItm.level-1.swn:hover {
            cursor: pointer;
            background-color: unset; }
            .topbar .menuItm.level-1.swn:hover:not(.parent) .menuItm__link {
              color: #333; }
            .topbar .menuItm.level-1.swn:hover > .toggle__tbl {
              background-color: unset; }
              .topbar .menuItm.level-1.swn:hover > .toggle__tbl .menuItm__link {
                color: #333; }
          .topbar .menuItm.level-1.swn.parent {
            height: 100%; }
          .topbar .menuItm.level-1.swn.active > .toggle__tbl, .topbar .menuItm.level-1.swn.current > .toggle__tbl {
            background-color: unset; }
            .topbar .menuItm.level-1.swn.active > .toggle__tbl .menuItm__link, .topbar .menuItm.level-1.swn.current > .toggle__tbl .menuItm__link {
              color: #333;
              vertical-align: middle; }
              .topbar .menuItm.level-1.swn.active > .toggle__tbl .menuItm__link span, .topbar .menuItm.level-1.swn.current > .toggle__tbl .menuItm__link span {
                border-bottom: 3px solid #007684; }
        .topbar .menuItm.level-1.swn.active > .menuItm__link, .topbar .menuItm.level-1.swn.current > .menuItm__link {
          color: #333; }
          .topbar .menuItm.level-1.swn.active > .menuItm__link span, .topbar .menuItm.level-1.swn.current > .menuItm__link span {
            border-bottom: 3px solid #007684; }
        .topbar .menuItm.level-1 > .toggle__tbl {
          height: 100%; }
          .topbar .menuItm.level-1 > .toggle__tbl:hover .menuItm__link span {
            border-bottom: 3px solid #007684; }
        .topbar .menuItm.level-1 .menuItm__link {
          border: none;
          padding: 0;
          color: #333;
          vertical-align: middle; }
          .topbar .menuItm.level-1 .menuItm__link + .button__box {
            border: none;
            vertical-align: middle; }
        .topbar .menuItm.level-1:hover > .menuItm__link {
          color: #333; }
          .topbar .menuItm.level-1:hover > .menuItm__link span {
            border-bottom: 3px solid #007684; }
    .topbar .level-2.parent .button__box {
      background-image: url(../img/svg/chevron--wht.svg);
      background-size: 20%; }
    .topbar .level-2 .menuItm {
      padding: 8px; }
      .topbar .level-2 .menuItm + .menuItm {
        border-top: 1px solid white; }
    .topbar .button__box {
      background-image: url(../img/svg/chevron__down--swn.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40%; }
    .topbar .toggle-submenu {
      display: none; } }

/* scss/molecules/_user-navigation.scss */
.user-navigation {
  width: 100%;
  padding: 8px; }
  .user-navigation .btn__group {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
  .user-navigation li {
    width: 50%;
    display: table-cell; }
  .user-navigation .user__kontakt {
    padding-left: 4px; }
    .user-navigation .user__kontakt .btn span::before {
      background-image: url(../img/svg/metamenu__contact--wht.svg); }
  .user-navigation .user__login {
    order: -1;
    padding-right: 4px; }
    .user-navigation .user__login .btn span::before {
      background-image: url(../img/svg/metamenu__login--wht.svg); }
  .user-navigation .user__business {
    padding-left: 0;
    width: calc(50% - 4px);
    margin-top: 8px;
    padding: 0 1rem;
    background: #007482; }
    .user-navigation .user__business .btn__box .btn {
      background: transparent;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 1rem;
      padding-right: 1rem;
      margin: 0; }
      .user-navigation .user__business .btn__box .btn:hover {
        background-color: transparent; }
      .user-navigation .user__business .btn__box .btn span {
        color: #fff; }
        .user-navigation .user__business .btn__box .btn span::before {
          display: none; }
  .user-navigation .btn__box .btn {
    background: #007684;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0; }
    .user-navigation .btn__box .btn:hover {
      background-color: #4099a3; }
    .user-navigation .btn__box .btn span {
      color: #fff; }
      .user-navigation .btn__box .btn span::before {
        content: '';
        display: inline-block;
        width: 23px;
        height: 23px;
        vertical-align: middle;
        margin-right: .5em;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
  .user-navigation form {
    border: 1px solid #ebebeb; }
  @media only screen and (min-width: 1088px) {
    .user-navigation {
      background: none;
      text-align: right;
      display: table;
      height: 100%;
      padding: 0; }
      .user-navigation li {
        width: auto;
        display: table-cell;
        vertical-align: middle; }
      .user-navigation .btn__group {
        width: auto;
        display: inline-table;
        height: 100%; }
        .user-navigation .btn__group .btn__box .btn {
          background: none;
          padding-left: 0.5em;
          padding-right: 0.5em; }
          .user-navigation .btn__group .btn__box .btn span {
            color: #333; }
      .user-navigation .btn {
        font-size: 17px; }
      .user-navigation .user__login .btn span::before {
        background-image: url(../img/svg/metamenu__login--swn.svg); }
      .user-navigation .user__kontakt .btn span::before {
        background-image: url(../img/svg/metamenu__contact--swn.svg); }
      .user-navigation form {
        border: none; }
      .user-navigation .user__business {
        position: relative;
        background-color: transparent; }
        .user-navigation .user__business::after {
          content: '';
          position: absolute;
          left: 1rem;
          top: 0;
          width: calc(100% - 2rem);
          background: #007482;
          border-radius: 0px 0px 4px 4px;
          height: 80%;
          z-index: -1; }
        .user-navigation .user__business .btn__box .btn {
          padding-left: 1rem;
          padding-right: 1rem; }
          .user-navigation .user__business .btn__box .btn span {
            color: #fff; } }

@media all and (max-width: 409px) {
  .user-navigation .btn__group li {
    width: 100%;
    display: block; }
  .user-navigation .user__login {
    padding-right: 0; }
  .user-navigation .user__kontakt {
    margin-top: 8px;
    padding-left: 0; } }

.main-navigation {
  display: none; }
  .main-navigation.open {
    display: block; }
  @media only screen and (min-width: 1088px) {
    .main-navigation {
      display: block; }
      .main-navigation > .header__navlist {
        display: flex;
        height: 100%;
        align-items: center; }
      .main-navigation .menuItm.level-1 {
        position: relative; }
        .main-navigation .menuItm.level-1 + .level-1 {
          margin-left: 1.5em; }
      .main-navigation .menuItm.parent {
        height: 100%; }
      .main-navigation .menuItm:hover .submenu.level-2 {
        display: block; }
      .main-navigation .button__box {
        display: none; }
      .main-navigation .toggle__tbl {
        height: 100%; }
      .main-navigation .submenu {
        display: none; }
      .main-navigation .submenu.level-2 {
        position: absolute;
        background-color: white;
        padding: .5em;
        box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.12);
        min-width: 220px;
        z-index: 1022; }
      .main-navigation .header__navlist .menuItm.level-1 {
        border-left: none; }
      .main-navigation .header__navlist .menuItm.open {
        background-color: unset; }
      .main-navigation .header__navlist .menuItm.active > .toggle__tbl, .main-navigation .header__navlist .menuItm.current > .toggle__tbl, .main-navigation .header__navlist .menuItm:hover > .toggle__tbl {
        background-color: unset; }
      .main-navigation .header__navlist .menuItm.active .menuItm__link, .main-navigation .header__navlist .menuItm.current .menuItm__link, .main-navigation .header__navlist .menuItm:hover .menuItm__link {
        color: #333; }
      .main-navigation .header__navlist .menuItm.active .submenu.level-2, .main-navigation .header__navlist .menuItm.current .submenu.level-2, .main-navigation .header__navlist .menuItm:hover .submenu.level-2 {
        background-color: white; }
        .main-navigation .header__navlist .menuItm.active .submenu.level-2 .menuItm, .main-navigation .header__navlist .menuItm.current .submenu.level-2 .menuItm, .main-navigation .header__navlist .menuItm:hover .submenu.level-2 .menuItm {
          background: none; }
        .main-navigation .header__navlist .menuItm.active .submenu.level-2 .toggle__tbl, .main-navigation .header__navlist .menuItm.current .submenu.level-2 .toggle__tbl, .main-navigation .header__navlist .menuItm:hover .submenu.level-2 .toggle__tbl {
          background: none; }
        .main-navigation .header__navlist .menuItm.active .submenu.level-2 .menuItm__link, .main-navigation .header__navlist .menuItm.current .submenu.level-2 .menuItm__link, .main-navigation .header__navlist .menuItm:hover .submenu.level-2 .menuItm__link {
          color: #333; }
      .main-navigation .header__navlist .menuItm .menuItm__link {
        border-bottom: none;
        vertical-align: middle; }
      .main-navigation .menuItm.swn:hover .menuItm__link, .main-navigation .menuItm.swn.active .menuItm__link, .main-navigation .menuItm.swn.current .menuItm__link {
        color: #007684; }
      .main-navigation .menuItm.swn:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.swn:hover:not(.parent) .menuItm__link {
          color: #007684; }
      .main-navigation .menuItm.swn .submenu.level-2 {
        border-top: 6px solid #007684; }
        .main-navigation .menuItm.swn .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #007684; }
      .main-navigation .menuItm.red:hover .menuItm__link, .main-navigation .menuItm.red.active .menuItm__link, .main-navigation .menuItm.red.current .menuItm__link {
        color: #fa7268; }
      .main-navigation .menuItm.red:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.red:hover:not(.parent) .menuItm__link {
          color: #fa7268; }
      .main-navigation .menuItm.red .submenu.level-2 {
        border-top: 6px solid #fa7268; }
        .main-navigation .menuItm.red .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #fa7268; }
      .main-navigation .menuItm.blue:hover .menuItm__link, .main-navigation .menuItm.blue.active .menuItm__link, .main-navigation .menuItm.blue.current .menuItm__link {
        color: #00a9ce; }
      .main-navigation .menuItm.blue:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.blue:hover:not(.parent) .menuItm__link {
          color: #00a9ce; }
      .main-navigation .menuItm.blue .submenu.level-2 {
        border-top: 6px solid #00a9ce; }
        .main-navigation .menuItm.blue .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #00a9ce; }
      .main-navigation .menuItm.yellow:hover .menuItm__link, .main-navigation .menuItm.yellow.active .menuItm__link, .main-navigation .menuItm.yellow.current .menuItm__link {
        color: #fdda24; }
      .main-navigation .menuItm.yellow:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.yellow:hover:not(.parent) .menuItm__link {
          color: #fdda24; }
      .main-navigation .menuItm.yellow .submenu.level-2 {
        border-top: 6px solid #fdda24; }
        .main-navigation .menuItm.yellow .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #fdda24; }
      .main-navigation .menuItm.green:hover .menuItm__link, .main-navigation .menuItm.green.active .menuItm__link, .main-navigation .menuItm.green.current .menuItm__link {
        color: #84bd00; }
      .main-navigation .menuItm.green:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.green:hover:not(.parent) .menuItm__link {
          color: #84bd00; }
      .main-navigation .menuItm.green .submenu.level-2 {
        border-top: 6px solid #84bd00; }
        .main-navigation .menuItm.green .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #84bd00; }
      .main-navigation .menuItm.purple:hover .menuItm__link, .main-navigation .menuItm.purple.active .menuItm__link, .main-navigation .menuItm.purple.current .menuItm__link {
        color: #702082; }
      .main-navigation .menuItm.purple:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.purple:hover:not(.parent) .menuItm__link {
          color: #702082; }
      .main-navigation .menuItm.purple .submenu.level-2 {
        border-top: 6px solid #702082; }
        .main-navigation .menuItm.purple .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #702082; }
      .main-navigation .menuItm.emobilitaet:hover .menuItm__link, .main-navigation .menuItm.emobilitaet.active .menuItm__link, .main-navigation .menuItm.emobilitaet.current .menuItm__link {
        color: #0071bc; }
      .main-navigation .menuItm.emobilitaet:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.emobilitaet:hover:not(.parent) .menuItm__link {
          color: #0071bc; }
      .main-navigation .menuItm.emobilitaet .submenu.level-2 {
        border-top: 6px solid #0071bc; }
        .main-navigation .menuItm.emobilitaet .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #0071bc; }
      .main-navigation .menuItm.nxx-green:hover .menuItm__link, .main-navigation .menuItm.nxx-green.active .menuItm__link, .main-navigation .menuItm.nxx-green.current .menuItm__link {
        color: #93c43e; }
      .main-navigation .menuItm.nxx-green:hover:not(.parent) {
        background-color: unset; }
        .main-navigation .menuItm.nxx-green:hover:not(.parent) .menuItm__link {
          color: #93c43e; }
      .main-navigation .menuItm.nxx-green .submenu.level-2 {
        border-top: 6px solid #93c43e; }
        .main-navigation .menuItm.nxx-green .submenu.level-2 .menuItm__link:hover span {
          border-bottom: 3px solid #93c43e; } }

.area--huw-green .main-navigation .menuItm.swn:hover:not(.parent) {
  background-color: #00dea3; }
  .area--huw-green .main-navigation .menuItm.swn:hover:not(.parent) .menuItm__link {
    color: #fff; }

.area--huw-green .topbar .menuItm.level-1:hover > .menuItm__link span {
  border-bottom: 3px solid #201a3c; }

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

ul.menu--social {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.menu--social .menu__itm {
    margin: 8px 12px;
    display: inline-block; }
  ul.menu--social .link {
    width: 32px;
    height: 32px;
    background-color: white; }
    ul.menu--social .link svg {
      vertical-align: bottom; }
  @media only screen and (min-width: 704px) {
    ul.menu--social .menu__itm {
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: bottom; }
      ul.menu--social .menu__itm + li {
        margin-left: 40px; } }
  @media only screen and (min-width: 1088px) {
    ul.menu--social .nav--social {
      text-align: left; }
    ul.menu--social .menu--social {
      text-align: right; } }

.navigation--aside ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.navigation--aside {
  display: none; }
  .navigation--aside .title {
    padding: 4px 4px 0 4px;
    background: #f8f8f8;
    border: 1px solid #ebebeb;
    border-bottom: none; }
    .navigation--aside .title .link {
      padding: 0; }
  .navigation--aside .list--link {
    background: #f8f8f8;
    border: 1px solid #ebebeb; }
  .navigation--aside a {
    width: 100%;
    padding: 4px;
    text-decoration: none;
    display: inline-block;
    color: #333; }
  .navigation--aside .level-2 + li {
    border-top: 1px solid #f1f1f1; }
  .navigation--aside .level-2 a {
    line-height: 1.6; }
  .navigation--aside .level-2:hover > a, .navigation--aside .level-2.active > a, .navigation--aside .level-2.current > a {
    color: #fff; }
  .navigation--aside .level-2.active .level-3, .navigation--aside .level-2.current .level-3 {
    display: block; }
  .navigation--aside .level-3 {
    display: none; }
    .navigation--aside .level-3 a {
      color: #333;
      line-height: 1.78; }

@media only screen and (min-width: 1088px) {
  .navigation--aside {
    display: block;
    margin-bottom: 72px; }
    .navigation--aside .title {
      padding: 16px;
      margin-bottom: 0; }
    .navigation--aside a {
      padding: 12px 16px; }
    .navigation--aside ul.level-3 {
      padding-top: 8px;
      padding-bottom: 8px; }
    .navigation--aside .level-3 a {
      font-size: 18px;
      padding: 8px 16px 8px 24px; } }

.aac__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 16px 0;
  margin: var(--gap--grd) 0;
  scroll-margin-top: 115px; }

.aac__itm {
  scroll-margin-top: 115px; }
  .aac__itm + .aac__itm {
    margin-top: 4px;
    margin-top: var(--gap--content); }

/**
 * Accordion Heading
 */
.aac__trigger {
  background-color: #f7f9fb;
  font-family: 'InfoDisplayWeb',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: .3em .3em .3em 2em;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2; }
  @media only screen and (min-width: 704px) {
    .aac__trigger {
      font-size: 20px;
      line-height: 1.4; } }

.aac__trigger:before {
  background-image: url(../img/svg/chevron--swn.svg);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  height: 13px;
  width: 8px;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
  transition: transform 0.5s ease-in-out;
  transform-origin: center center;
  transform: rotate(0deg); }

.aac__trigger:hover:before,
.aac__trigger:focus:before,
.aac__trigger[aria-expanded="true"]:before {
  border-top-color: #fff; }

.aac__trigger[aria-expanded="true"]:before {
  transform: rotate(90deg); }

/**
 * This is needed to allow a double tap iOS 11
 * Safari + VO to function correctly, if there
 * are multiple elements (wrapper spans) to layout
 * text nodes within the accordion button.

	-- This is not needed if a button only contains text
	   and no other child nodes wrapping the text --

.aac__trigger > * {
	pointer-events: none;
}
 */
.aac__trigger:hover,
.aac__trigger:focus {
  outline: none; }

.aac__trigger[aria-disabled="true"]:hover {
  cursor: not-allowed; }

.aac__panel {
  background-color: inherit;
  max-height: 0vh;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1; }
  .aac__panel[aria-hidden="false"] {
    padding: 4px;
    padding: var(--gap--content);
    padding-bottom: 0; }

.aac__panel {
  transition: max-height 0.5s ease-in-out, padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out; }

.aac__panel > :last-child {
  margin-bottom: 0; }

.aac__panel[aria-hidden="false"] {
  max-height: 6500px;
  overflow: auto;
  visibility: visible; }

.aac__trigger[aria-expanded="true"] {
  background: #007684;
  color: #fff; }

.aac__head .aac__trigger[aria-expanded="true"]:before {
  background-image: url(../img/svg/chevron--wht.svg); }

@media only screen and (min-width: 704px) {
  .aac__panel[aria-hidden="false"] {
    max-height: 2500px; } }

.area--huw-green .aac__trigger[aria-expanded="true"] {
  background: #201a3c; }

.area--huw-green .aac__panel,
.area--huw-green .aac__trigger {
  background-color: #fff; }

.area--huw-green .aac__panel[aria-hidden="false"] {
  padding-bottom: var(--gap--content); }

.area--huw-green .aac__trigger:before {
  background-image: url(../img/svg/chevron--huw.svg); }

.profile + .profile {
  margin-top: 16px;
  margin-top: var(--gap--grd); }

.profile .img__box {
  max-width: 96px; }
  .profile .img__box .img {
    width: 100%; }

.profile .button__group .link + .link {
  margin-top: 4px;
  margin-top: var(--gap--content); }

.profile .button__group .label {
  width: 250px; }

.profile .button__group .btn__value-label {
  display: none; }

.profile .button__group .btn__cta-label {
  width: auto; }

@media only screen and (min-width: 704px) {
  .profile {
    display: grid;
    gap: 16px;
    grid-template-columns: 144px 1fr;
    grid-template-rows: repeat(2, auto); }
    .profile .img__box {
      grid-column: 1 / span 1;
      grid-row: 1 / span 2;
      max-width: 144px;
      align-self: start; }
    .profile .title {
      grid-column: 2 / span 1;
      grid-row: 1 / span 1;
      margin: 0; }
    .profile .button__group {
      grid-column: 2 / span 1;
      grid-row: 2 / span 1; }
    .profile .link {
      height: auto; } }

@media only screen and (min-width: 1088px) {
  @supports (display: grid) {
    .profile {
      width: 48%;
      display: inline-grid; }
      .profile:nth-of-type(even) {
        margin-left: 4%; }
      .profile:nth-of-type(2) {
        margin-top: 0; }
      .profile .button__group .link + .link {
        margin-top: 0; }
      .profile .button__group a.label {
        width: auto;
        background: none;
        text-decoration: underline;
        display: inline-block;
        padding: 0;
        color: #007684;
        margin: 0; }
        .profile .button__group a.label:hover {
          background: none; }
        .profile .button__group a.label::before {
          display: none; }
      .profile .button__group .btn__value-label {
        display: block; }
      .profile .button__group .btn__cta-label {
        display: none; } }
  .profile .link::before {
    display: inline-block;
    width: 3.5em; }
  .profile .btn--mail::before {
    content: 'E-Mail: '; }
  .profile .btn--phone::before {
    content: 'Telefon: '; } }

.copied {
  background-color: black !important; }

.connect .cll__btn {
  border-bottom: 2px solid #007684;
  padding-bottom: 16px; }

.connect .cll__txt {
  padding-top: 16px; }
  .connect .cll__txt .head {
    margin-bottom: 0; }

.connect .mini {
  font-size: 13px;
  line-height: 1.33; }
  @media only screen and (min-width: 704px) {
    .connect .mini {
      font-size: 16px;
      line-height: 1.4; } }

@media only screen and (min-width: 1088px) {
  .connect {
    display: table;
    width: 100%; }
    .connect .cll__btn, .connect .cll__txt {
      display: table-cell;
      vertical-align: middle; }
    .connect .cll__btn {
      border-bottom: none;
      border-right: 2px solid #007684;
      padding-bottom: 0;
      width: 255px;
      box-sizing: content-box;
      padding-right: 32px; }
      .connect .cll__btn .btn {
        width: 100%; }
    .connect .cll__txt {
      padding-top: 0;
      padding-left: 32px; } }

.contact-aside {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  background-color: #007684;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px 0px 0px 0px;
  cursor: pointer; }

.contact-overlay::after {
  display: none;
  content: '';
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #007684;
  opacity: 0.3; }

.contact-overlay.active::after {
  display: block; }

.contact-box {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #F2F2F2;
  box-shadow: -8px -6px 37px rgba(0, 0, 0, 0.17);
  border-radius: 8px 0px 0px 0px;
  padding: 2rem;
  z-index: 9999; }

.contact-box.active {
  display: block; }

.contact-box__title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 28px; }
  .contact-box__title * {
    line-height: 1; }
  .contact-box__title i {
    padding-right: 1rem; }
  .contact-box__title .contact-box__close {
    padding-left: 2rem;
    cursor: pointer; }

.contact-box__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1.5rem;
  background: #FFFFFF;
  border: 1px solid rgba(0, 114, 128, 0.2);
  border-radius: 4px;
  margin: 1rem 0; }

.contact-box__link {
  display: flex;
  text-decoration: none;
  color: #333333;
  align-items: center; }
  .contact-box__link span {
    padding-left: 1rem; }

.pagination,
.f3-widget-paginator {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-top: var(--gap--grd);
  margin-bottom: var(--gap--grd); }
  .pagination > li,
  .f3-widget-paginator > li {
    background: #007684;
    padding: 4px 8px;
    display: inline-block;
    width: auto;
    text-align: center;
    min-width: 2em; }
    .pagination > li + li,
    .f3-widget-paginator > li + li {
      margin-left: .3em; }
    .pagination > li > a,
    .f3-widget-paginator > li > a {
      color: #fff;
      text-decoration: none;
      display: block; }
      .pagination > li > a .img,
      .f3-widget-paginator > li > a .img {
        vertical-align: middle; }
  .pagination .current, .pagination .active,
  .f3-widget-paginator .current,
  .f3-widget-paginator .active {
    background-color: #bfdde0;
    color: #007684; }

.region-status {
  margin: 2rem auto;
  text-align: center; }
  @media only screen and (min-width: 704px) {
    .region-status {
      margin: 5rem auto !important; } }
  .region-status ul.region-status-info {
    list-style: none;
    padding: 0;
    margin: 0; }
    .region-status ul.region-status-info li.status {
      position: relative;
      width: 100%;
      margin-bottom: 24px;
      display: inline-block;
      height: 72px;
      margin-left: -60px; }
      @media only screen and (min-width: 704px) {
        .region-status ul.region-status-info li.status {
          height: 96px; } }
      @media only screen and (min-width: 1088px) {
        .region-status ul.region-status-info li.status {
          width: auto;
          margin: 0 28px; }
          .region-status ul.region-status-info li.status:first-child {
            margin-left: 0; } }
      .region-status ul.region-status-info li.status .status-icon .inner {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        box-shadow: 0 8px 14px 0 rgba(224, 229, 238, 0.5);
        display: inline-block;
        position: relative;
        z-index: 2;
        background: #fff;
        -webkit-transition: background-color 0.8s ease-out;
        -o-transition: background-color 0.8s ease-out;
        transition: background-color 0.8s ease-out; }
        @media only screen and (min-width: 704px) {
          .region-status ul.region-status-info li.status .status-icon .inner {
            width: 96px;
            height: 96px; } }
      .region-status ul.region-status-info li.status .status-icon svg {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        fill: #888; }
      .region-status ul.region-status-info li.status:not(:first-child) .status-icon::before {
        z-index: 1;
        height: 2rem;
        width: 4px;
        display: block;
        position: absolute;
        content: '';
        background-color: #ebebeb;
        margin-right: auto;
        margin-left: auto;
        top: -1.75rem;
        left: 0;
        right: 0;
        background-image: none;
        -webkit-transition: background-color 0.8s ease-out;
        -o-transition: background-color 0.8s ease-out;
        transition: background-color 0.8s ease-out; }
        @media only screen and (min-width: 704px) {
          .region-status ul.region-status-info li.status:not(:first-child) .status-icon::before {
            width: 8px; } }
        @media only screen and (min-width: 1088px) {
          .region-status ul.region-status-info li.status:not(:first-child) .status-icon::before {
            width: 6rem;
            height: 8px;
            left: -75px;
            right: unset;
            top: unset;
            top: 50%;
            transform: translateY(-50%); } }
      .region-status ul.region-status-info li.status .status-icon-text {
        display: inline-block;
        position: absolute;
        text-align: left;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 60px;
        -webkit-transition: color 0.8s ease-out;
        -o-transition: color 0.8s ease-out;
        transition: color 0.8s ease-out; }
        @media only screen and (min-width: 1088px) {
          .region-status ul.region-status-info li.status .status-icon-text {
            text-align: center;
            top: unset;
            bottom: -5rem;
            transform: none;
            left: 0;
            right: 0;
            margin-left: 0; } }
        .region-status ul.region-status-info li.status .status-icon-text p {
          font-size: 13px;
          line-height: 1.33;
          color: #888; }
          @media only screen and (min-width: 704px) {
            .region-status ul.region-status-info li.status .status-icon-text p {
              font-size: 16px;
              line-height: 1.4; } }
          .region-status ul.region-status-info li.status .status-icon-text p span {
            font-size: 16px;
            line-height: 1.25;
            margin-top: .8em;
            margin-bottom: .5em;
            color: #888; }
            @media only screen and (min-width: 704px) {
              .region-status ul.region-status-info li.status .status-icon-text p span {
                font-size: 20px;
                line-height: 1.2; } }
      .region-status ul.region-status-info li.status.active .status-icon::before {
        background: #a3088e;
        background: linear-gradient(90deg, #a3088e 0%, #5f2195 100%); }
      .region-status ul.region-status-info li.status.active .status-icon svg {
        fill: #702082; }
      .region-status ul.region-status-info li.status.active .status-icon-text p {
        color: #702082; }
        .region-status ul.region-status-info li.status.active .status-icon-text p span {
          color: #333; }

.powermail_form .powermail_fieldset {
  padding: 0; }

.powermail_form .title {
  margin-bottom: 0; }

.powermail_form .powermail_field h3 {
  margin-bottom: 0; }

.powermail_form .input {
  position: relative;
  display: inline-block;
  margin: 8px auto;
  vertical-align: top; }
  .powermail_form .input.input--1 {
    width: 100%; }
  .powermail_form .input.input--2 {
    width: 100%; }
    @media only screen and (min-width: 704px) {
      .powermail_form .input.input--2 {
        width: 49%; } }
  .powermail_form .input.input--3 {
    width: 100%; }
    @media only screen and (min-width: 704px) {
      .powermail_form .input.input--3 {
        width: 33%; } }
  .powermail_form .input input {
    width: 96%; }
  .powermail_form .input label {
    display: block;
    position: absolute;
    top: -0.7em;
    bottom: 0;
    left: 0.5em;
    width: auto;
    height: 1.4em;
    transition: 0.2s;
    font-weight: bold;
    font-size: 0.8em;
    background: white;
    z-index: 10;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .powermail_form .input .btn[type="submit"] {
    width: auto; }
  .powermail_form .input .input-child {
    position: relative;
    display: inline-block; }
    .powermail_form .input .input-child.input--2 {
      width: 100%; }
      @media only screen and (min-width: 704px) {
        .powermail_form .input .input-child.input--2 {
          width: 49%; } }
    .powermail_form .input .input-child.input--3 {
      width: 100%; }
      @media only screen and (min-width: 704px) {
        .powermail_form .input .input-child.input--3 {
          width: 32%; } }
    .powermail_form .input .input-child label {
      display: inline-block; }
  .powermail_form .input input[type=radio] {
    opacity: 0;
    position: absolute; }
    .powermail_form .input input[type=radio]:checked + label:after {
      content: '';
      width: 0.5em;
      height: 0.5em;
      border-radius: 50%;
      position: absolute;
      left: 0.3em;
      top: 0.4em; }
    .powermail_form .input input[type=radio] + label {
      position: relative;
      cursor: pointer;
      margin-right: 1em;
      display: inline-block;
      color: #333;
      padding-left: 0;
      padding-right: 0; }
      .powermail_form .input input[type=radio] + label:before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        background: #fff;
        border-radius: 50%;
        border: solid 1px #333;
        vertical-align: sub;
        margin-right: 0.35em; }
  .powermail_form .input .powermail_radio + label {
    top: auto; }
  .powermail_form .input input[type=checkbox] {
    opacity: 0;
    position: absolute; }
    .powermail_form .input input[type=checkbox]:checked + label:after {
      content: '';
      width: 0.5em;
      height: 0.5em;
      border-radius: 0px;
      position: absolute;
      left: 0.3em;
      top: 0.4em; }
    .powermail_form .input input[type=checkbox] + label {
      position: relative;
      cursor: pointer;
      margin-right: 1em;
      display: inline-block;
      color: #333;
      padding-left: 0;
      padding-right: 0; }
      .powermail_form .input input[type=checkbox] + label:before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        background: #fff;
        border-radius: 0;
        border: solid 1px #333;
        vertical-align: sub;
        margin-right: 0.35em; }
  .powermail_form .input .powermail_checkbox + label {
    top: auto; }

.powermail_form .parsley-error {
  border-color: red; }

.powermail_form .parsley-errors-list {
  list-style: none;
  padding: 0;
  margin-top: 0;
  font-size: 13px;
  line-height: 1.33; }
  @media only screen and (min-width: 704px) {
    .powermail_form .parsley-errors-list {
      font-size: 16px;
      line-height: 1.4; } }

.powermail_form .powermail_field_error_container ul {
  border-bottom: 2px solid red;
  margin-bottom: 4px;
  margin-bottom: var(--gap--content); }

.powermail_form .powermail_fieldwrap_type_file {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-top: var(--gap--content);
  margin-bottom: var(--gap--content); }
  .powermail_form .powermail_fieldwrap_type_file .powermail_label {
    text-transform: uppercase;
    font-weight: bold; }

.powermail_form .powermail_select {
  width: 96%;
  position: relative; }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 1.5em 0;
  max-width: 960px; }
  .embed-responsive::after {
    padding-top: 56.25%;
    display: block;
    content: ''; }
  .embed-responsive.center {
    margin-left: auto;
    margin-right: auto; }
  .embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#region-live-search fieldset {
  padding: 0; }

#region-live-search #faq-search {
  width: 100%; }

.section--purple #faq-search:focus {
  border-color: #702082; }

.share {
  position: relative; }

.btn--share {
  border: 1px solid #007684;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 4px; }
  .btn--share:hover + .share__targets {
    display: block; }
  .btn--share .img {
    vertical-align: top; }

.share__targets {
  position: absolute;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  min-width: 150px;
  display: none; }
  .share__targets:hover {
    display: block; }
  .share__targets.open {
    display: block; }

.share__target {
  padding: 1px 2px;
  padding: calc(var(--gap--content) / 4) calc(var(--gap--content) / 2);
  text-align: left; }
  .share__target .link {
    text-decoration: none;
    color: #333; }
  .share__target + .share__target {
    border-top: 1px solid #ebebeb; }

.share__target.e-mail {
  border-left: 5px solid #555; }

.share__target.facebook {
  border-left: 5px solid #3b5998; }

.share__target.twitter {
  border-left: 5px solid #1da1f2; }

.share__target.xing {
  border-left: 5px solid #cfdc00; }

.share__target.linkedin {
  border-left: 5px solid #0077b5; }

.share__target.whatsapp {
  border-left: 5px solid #25d366; }

.share__target.pocket {
  border-left: 5px solid #ef4056; }

.share__target.instagram {
  border-left: 5px solid #833ab4; }

@media only screen and (min-width: 704px) {
  .btn--share {
    width: 32px;
    height: 32px; } }

#tariff_calculator_switch {
  padding: 16px;
  padding: var(--gap--grd);
  padding-bottom: 0;
  background: #fff; }
  #tariff_calculator_switch + form {
    padding: 16px;
    padding: var(--gap--grd);
    background-color: #fff; }

#tariff_calculator_switch {
  margin-bottom: 0; }
  #tariff_calculator_switch .tariff_tabs {
    list-style: none;
    padding: 0;
    margin: 0; }
  #tariff_calculator_switch .tariff_calculator_switch_item {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 8px 16px;
    padding: var(--btn__padding);
    background-color: #dbc7e0;
    color: #333;
    transition: 0.3s ease-in-out; }
    @media only screen and (min-width: 704px) {
      #tariff_calculator_switch .tariff_calculator_switch_item {
        font-size: 24px;
        line-height: 1.33; } }
    #tariff_calculator_switch .tariff_calculator_switch_item.active {
      background-color: #702082;
      color: #fff; }
    #tariff_calculator_switch .tariff_calculator_switch_item:hover {
      background-color: #9458a2;
      color: #fff; }
    #tariff_calculator_switch .tariff_calculator_switch_item + .tariff_calculator_switch_item {
      margin-top: 16px; }

#tariff_input_area {
  background-color: #fff;
  padding: 16px;
  padding: var(--gap--grd); }

.product-assistant__result .tariff_reset_address {
  display: inline-block;
  width: auto; }

.product-assistant__result-notice {
  margin-top: 16px;
  margin-top: var(--gap--grd); }

.tariff_placeholder_tariffadvice {
  font-weight: bold; }

.product-assistant__address-check .assistant__address {
  padding: 0;
  margin: 16px 0;
  margin: var(--gap--grd) 0; }

.product-assistant__address-check #tariff_action_check {
  display: inline-block;
  width: auto; }

#tariff_consultant_result .tariff_reset_consultant {
  display: inline-block;
  width: auto; }

.assistant__address .input__group {
  display: block;
  width: 100%; }
  .assistant__address .input__group input {
    width: 100%; }

.assistant__address .btn__box {
  margin: 16px 0;
  margin: var(--gap--grd) 0; }

@media only screen and (min-width: 420px) {
  .assistant__address {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between; }
    .assistant__address .input__group {
      float: left; }
      .assistant__address .input__group:nth-last-of-type(even) {
        margin-left: 1%; }
      .assistant__address .input__group .autocomplete__suggestions-container {
        position: relative; }
      .assistant__address .input__group .autocomplete__suggestions-list {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #f1f1f1;
        position: absolute;
        width: 100%;
        background: #fff;
        z-index: 890; }
        .assistant__address .input__group .autocomplete__suggestions-list li {
          padding: 4px 8px;
          cursor: pointer; }
          .assistant__address .input__group .autocomplete__suggestions-list li + li {
            border-top: 1px solid #f1f1f1; }
    .assistant__address .group--wide {
      width: 74%; }
    .assistant__address .group--slim {
      width: 24%; }
    .assistant__address .group--half {
      width: 49%; }
    .assistant__address .group--small {
      width: 11%;
      margin-left: 1%; } }

#tariff_products {
  margin-top: 16px;
  margin-top: var(--gap--grd); }
  #tariff_products:first-child {
    margin-top: 0; }

.section--wht .assistant__address {
  padding: 0; }

@media only screen and (min-width: 704px) {
  #tariff_calculator_switch .tariff_calculator_switch_item {
    display: inline-block;
    margin: 0 24px 0 0;
    margin-right: var(--gap--grd); }
    #tariff_calculator_switch .tariff_calculator_switch_item:last-child {
      margin-right: 0; }
    #tariff_calculator_switch .tariff_calculator_switch_item + .tariff_calculator_switch_item {
      margin-top: 0; } }

/* scss/molecules/_assistant-product.scss */
.product__parent {
  display: block;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: auto;
  align-content: start;
  align-items: start; }
  .product__parent > div {
    float: none;
    display: inline-block;
    width: calc(98% - *0/1);
    height: 100%; }
    .product__parent > div:nth-of-type(1n) {
      margin-right: 0; }
    .product__parent > div:last-child {
      margin-right: 0; }
    @supports (display: grid) {
      .product__parent > div:nth-last-child(1) {
        margin-bottom: 0; } }
  @supports (display: grid) {
    .product__parent > div:nth-of-type(n) {
      width: auto;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 0;
      display: block; } }

@media only screen and (min-width: 1088px) {
  .product__parent {
    display: block;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 24px;
    gap: 24px;
    align-content: start;
    align-items: start;
    gap: 8px; }
    .product__parent > div {
      float: none;
      display: inline-block;
      margin-bottom: 24px;
      width: calc(25% - 24px*3/4);
      margin-right: 24px;
      height: 100%; }
      .product__parent > div:nth-of-type(4n) {
        margin-right: 0; }
      .product__parent > div:last-child {
        margin-right: 0; }
      @supports (display: grid) {
        .product__parent > div:nth-last-child(1) {
          margin-bottom: 0; } }
      @supports (display: grid) {
        .product__parent > div:nth-last-child(2) {
          margin-bottom: 0; } }
      @supports (display: grid) {
        .product__parent > div:nth-last-child(3) {
          margin-bottom: 0; } }
      @supports (display: grid) {
        .product__parent > div:nth-last-child(4) {
          margin-bottom: 0; } }
    @supports (display: grid) {
      .product__parent > div:nth-of-type(n) {
        width: auto;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: block; } } }

.product.telko--home .product__features .tel-feature__graph, .product.telko--business .product__features .tel-feature__graph, .product.telko--professional .product__features .tel-feature__graph {
  background: #fff;
  padding: 3px; }
  .product.telko--home .product__features .tel-feature__graph .tel-feature__graph__vol, .product.telko--business .product__features .tel-feature__graph .tel-feature__graph__vol, .product.telko--professional .product__features .tel-feature__graph .tel-feature__graph__vol {
    display: block;
    height: 6px;
    box-shadow: inset 0 -1px 0 0 #702082;
    background-image: linear-gradient(to right, #702082 31%, #e05af1); }

.product .product__attr {
  background: #fff; }

.product .attr__itm {
  padding: 4px;
  padding: var(--gap--content); }
  .product .attr__itm + .attr__itm {
    border-top: 1px solid #f1f1f1; }

.product .chunk__title--internet:before, .product .chunk__title--phone:before, .product .chunk__title--additional:before, .product .chunk__title--sip:before, .product .chunk__title--service:before {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-right: 1em; }

.product .product__features {
  padding: 4px;
  padding: var(--gap--content); }

.product {
  border: 4px solid transparent;
  padding: 5px;
  height: 100%; }
  .product .product__highlight {
    height: 56px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    text-align: center;
    color: #fff;
    display: table;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .product .product__highlight span {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle; }
    .product .product__highlight::after {
      content: '';
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      display: block;
      margin-left: -8px;
      position: absolute;
      bottom: -13px;
      left: 50%; }
  .product .product__inner {
    background-color: white;
    padding: 1.5rem;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap; }
  .product .js-icon--download {
    background-image: url(../img/svg/download.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    padding-left: 2rem; }
  .product .product_slide-box--light {
    background-color: rgba(112, 32, 130, 0.1);
    text-align: center;
    padding: 1rem; }
  .product .product__intro {
    background-position: top center;
    background-size: cover;
    color: #fff;
    text-align: center; }
    .product .product__intro:first-child {
      margin-top: 56px; }
  .product .product__title {
    margin-top: 2rem; }
    .product .product__title h3 {
      font-size: 18px;
      line-height: 1.2;
      margin-top: .8em;
      margin-bottom: .4em;
      color: #702082; }
      @media only screen and (min-width: 704px) {
        .product .product__title h3 {
          font-size: 22px;
          margin-bottom: .2em; } }
  .product .label--huge {
    font-size: 48px;
    font-weight: bold; }
  .product .label--minor {
    font-size: 28px;
    font-weight: bold; }
  .product .tel-feature {
    line-height: 1; }
  .product .product__price {
    padding-bottom: 0;
    padding-top: 1rem;
    max-width: 230px;
    margin: 0 auto; }
    .product .product__price .price__pre {
      font-size: 17px; }
    .product .product__price .price__full {
      font-size: 42px;
      font-weight: bold; }
    .product .product__price .price__post {
      font-size: 17px; }
    .product .product__price .price__currency {
      font-size: 13px;
      line-height: 1.33;
      margin-left: 0; }
      @media only screen and (min-width: 704px) {
        .product .product__price .price__currency {
          font-size: 16px;
          line-height: 1.4; } }
    @media only screen and (min-width: 704px) {
      .product .product__price .price__after {
        font-size: 20px;
        line-height: 1.2;
        margin-top: .8em;
        margin-bottom: .5em; } }
  @media only screen and (min-width: 704px) and (min-width: 704px) {
    .product .product__price .price__after {
      font-size: 24px;
      line-height: 1.33; } }
    @media only screen and (min-width: 704px) {
      .product .product__price .price__currency {
        margin-left: -1.5em; } }
  .product .price__final {
    padding: 2rem 0 1rem 0;
    padding-top: 0;
    font-size: 16px;
    text-align: center;
    color: #702082; }
  .product .product__wrap {
    padding: 1rem 0;
    padding-bottom: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #702082; }
    .product .product__wrap .price__full {
      margin: 0 10px; }
  .product .product__features {
    color: #fff;
    text-align: center; }
    .product .product__features .tel-feature {
      font-size: 20px;
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (min-width: 704px) {
        .product .product__features .tel-feature {
          font-size: 24px;
          line-height: 1.33; } }
    .product .product__features .label--minor {
      font-size: 16px;
      line-height: 1.5; }
      @media only screen and (min-width: 704px) {
        .product .product__features .label--minor {
          font-size: 20px;
          line-height: 1.4; } }
  .product .chunk__title {
    padding: 1em; }
    .product .chunk__title h4 {
      margin: 0;
      display: inline-block;
      vertical-align: middle; }
    .product .chunk__title--internet:before {
      background-image: url(../img/svg/telko/internet.svg); }
    .product .chunk__title--phone:before {
      background-image: url(../img/svg/telko/phone.svg); }
    .product .chunk__title--additional:before {
      background-image: url(../img/svg/telko/options.svg); }
    .product .chunk__title--sip:before {
      background-image: url(../img/svg/telko/landline.svg); }
    .product .chunk__title--service:before {
      background-image: url(../img/svg/telko/service-time.svg); }
  .product .attr__list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 1rem; }
  .product .attr__itm--ico {
    position: relative;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .25rem; }
    .product .attr__itm--ico:before {
      content: '';
      width: 1rem;
      height: 1rem;
      left: 0rem;
      top: 9px;
      position: absolute;
      background-position: center;
      background-size: contain; }
    .product .attr__itm--ico.inkl::before {
      background-image: url(../img/svg/attr/check-purple.svg); }
    .product .attr__itm--ico.optin::before {
      background-image: url(../img/svg/attr/optin.svg); }
    .product .attr__itm--ico.miss::before {
      background-image: url(../img/svg/attr/check--swn.svg); }
    .product .attr__itm--ico.coice::before {
      background-image: url(../img/svg/attr/check--swn.svg); }
  .product.product--homes .chunk__title--phone + .attr__list .optin, .product.product--homes .chunk__title--additional + .attr__list .optin, .product.product--homem .chunk__title--phone + .attr__list .optin, .product.product--homem .chunk__title--additional + .attr__list .optin {
    color: #888; }
  .product.product--homel .chunk__title--phone + .attr__list .optin {
    color: #888; }
    .product.product--homel .chunk__title--phone + .attr__list .optin::before {
      background-image: url(../img/svg/attr/optin.svg); }
  .product .notice {
    text-align: center; }
    .product .notice--null {
      min-height: 145px; }
    .product .notice--homenull, .product .notice--homel, .product .notice--homexl {
      min-height: 56px;
      font-weight: bold;
      text-align: center; }
    .product .notice--homel {
      background-color: #4099a3; }
    .product .notice--homexl {
      background-color: #a8b9d3; }
  .product .product__sipslider {
    display: block;
    width: 100%; }
  .product .product__order {
    align-self: flex-end;
    width: 100%;
    background: #fff;
    margin-top: 16px;
    margin-top: var(--gap--grd); }
    .product .product__order .btn {
      color: #fff;
      background-color: #702082; }
      .product .product__order .btn:hover {
        background-color: #9458a2; }
  .product .product__discount {
    background-color: #702082;
    color: #fff;
    position: relative;
    text-align: center;
    margin-top: 16px;
    margin-top: var(--gap--grd);
    padding: 4px;
    padding: var(--gap--content); }
    .product .product__discount .sum {
      display: block;
      font-size: 24px;
      line-height: 1.33;
      font-weight: bold; }
      @media only screen and (min-width: 704px) {
        .product .product__discount .sum {
          font-size: 48px;
          line-height: 1.17; } }
    .product .product__discount .label {
      display: block;
      font-weight: bold; }
    .product .product__discount::before {
      content: '';
      height: 8px;
      width: 16px;
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(../img/svg/telko/discount-triangle--purple.svg);
      display: block;
      margin-left: -8px;
      position: absolute;
      top: -8px;
      left: 50%; }
  .product.telko--home .product__intro {
    background-image: url("../img/px/telko/abstract__home-compressor.jpg"); }
  .product.telko--home .product__features {
    background-color: #0079d0; }
  .product.telko--home .chunk__title {
    background-color: #0079d0;
    color: #fff; }
  .product.telko--home .notice {
    background-color: #a8b9d3;
    font-weight: bold; }
  .product.telko--business .product__intro {
    background-color: #00487B; }
  .product.telko--business .product__features {
    background-color: #0079d0; }
  .product.telko--business .chunk__title {
    background-color: #0079d0;
    color: #fff; }
  .product.telko--business .notice {
    background-color: #a8b9d3;
    font-weight: bold; }
  .product.telko--professional .product__intro {
    background-color: #007280; }
  .product.telko--professional .product__features {
    background-color: #4096a0; }
  .product.telko--professional .chunk__title {
    background-color: #4096a0;
    color: #fff; }
  .product.telko--professional .notice {
    background-color: #4096a0;
    font-weight: bold; }
  .product.product--bestseller, .product.product--empfehlung {
    border-color: #702082; }
    .product.product--bestseller .product__highlight, .product.product--empfehlung .product__highlight {
      background-color: #702082; }
    .product.product--bestseller .product__intro, .product.product--empfehlung .product__intro {
      background-image: url(../img/px/telko/abstract__bestseller-compressor.jpg); }
    .product.product--bestseller .product__features, .product.product--empfehlung .product__features {
      background-color: #4096a0; }
    .product.product--bestseller .chunk__title, .product.product--empfehlung .chunk__title {
      background-color: #4096a0;
      color: #fff; }
    .product.product--bestseller .notice, .product.product--empfehlung .notice {
      background-color: #7fbac1; }
  .product.product--sorglos .product__highlight {
    background-color: #007684; }
    .product.product--sorglos .product__highlight::after {
      background-image: url(../img/svg/telko/highlight-triangle--swn.svg); }

.telko--business .price__final {
  height: 1.5rem;
  padding: 0; }

.telko--professional .product_slide-box--light {
  background-color: rgba(0, 87, 149, 0.1); }

.telko--professional .price__final {
  height: 1.5rem;
  padding: 0; }

.telko--elan .price__final {
  height: 1.5rem;
  padding: 0; }

.product-header {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem; }

#businesstype__gk + label::before,
#businesstype__gk + label::after,
#businesstype__sv + label::before,
#businesstype__sv + label::after,
#businesstype__pk + label::before,
#businesstype__pk + label::after {
  display: none; }

#businesstype__pk:checked + label {
  border-bottom: 3px solid #702082; }

#businesstype__sv:checked + label {
  border-bottom: 3px solid #702082; }

#businesstype__gk:checked + label {
  border-bottom: 3px solid #702082; }

#tariff_action_businesstype {
  padding: 0;
  padding-bottom: 1rem; }

.product_slide-box--discount {
  margin-top: 1rem;
  background-color: rgba(0, 118, 132, 0.1);
  color: #007482;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.product-discount-icon {
  background-image: url(../img/svg/discount.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  padding-right: .5rem; }

.product.product--empfehlung {
  padding: 0;
  border-width: 6px; }
  .product.product--empfehlung .product__title {
    padding-top: 1rem; }

.assistant__qst {
  vertical-align: top;
  width: 100%;
  padding: 0; }
  .assistant__qst legend {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .8em;
    margin-bottom: .5em;
    font-weight: bold; }
    @media only screen and (min-width: 704px) {
      .assistant__qst legend {
        font-size: 24px;
        line-height: 1.33; } }
  .assistant__qst .checkbox, .assistant__qst .radio {
    margin-right: 1em; }

.tariff_consultant_pagination {
  margin: 1em auto; }
  .tariff_consultant_pagination button {
    display: inline-block;
    width: auto; }
    .tariff_consultant_pagination button + button {
      margin-left: 16px; }
  .tariff_consultant_pagination .btn.disabled {
    background-color: #b78fc0;
    color: #dcdcdc;
    cursor: not-allowed; }
    .tariff_consultant_pagination .btn.disabled:hover {
      background-color: #b78fc0;
      color: #ebebeb; }

.assistant__list {
  list-style: none;
  padding: 0;
  display: flex; }

.assistant__rsl {
  display: inline-block;
  width: 25%; }

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

.assistant__countgroup .assistant__count__labelgroup {
  width: 700px;
  max-width: 100%;
  display: block; }
  .assistant__countgroup .assistant__count__labelgroup span {
    width: 20%;
    display: inline-block;
    text-align: center;
    vertical-align: top; }

.assistant__countgroup input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  width: 600px;
  max-width: 85%;
  height: 8px;
  margin: .5em auto;
  padding: 0;
  border: none;
  border-radius: 100px;
  background: #dbc7e0;
  outline: none;
  cursor: pointer;
  display: block; }

.assistant__countgroup input[type="range"]::-ms-fill-lower,
.assistant__countgroup input[type="range"]::-ms-fill-upper {
  background: transparent; }

.assistant__countgroup input[type="range"]::-ms-tooltip {
  display: none; }

.assistant__countgroup input[type="range"]::-webkit-slider-runnable-track {
  width: 600px;
  max-width: 100%;
  height: 8px;
  cursor: pointer;
  background: #dbc7e0;
  border-radius: 100px; }

.assistant__countgroup input[type="range"]::-moz-range-track {
  border: inherit;
  background: transparent;
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent; }

.assistant__countgroup input[type="range"]::-ms-track {
  border: inherit;
  color: transparent;
  background: transparent; }

.assistant__countgroup input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: #723988;
  cursor: pointer;
  margin-top: -3px; }

.assistant__countgroup input[type="range"].disc::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #723988;
  border: none; }

.assistant__countgroup input[type="range"].disc::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #723988; }

#tariff_consultant_business .assistant__count__labelgroup span {
  width: 25%; }

@media only screen and (min-width: 600px) {
  .assistant__countgroup input[type="range"] {
    margin-left: 50px; } }

.map-maps__list,
.map-legend__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.map-maps__list li {
  display: none; }
  .map-maps__list li.active {
    display: block; }

.map-legend__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  border-top: 1px solid #007684;
  margin-top: 4rem;
  margin-bottom: 1rem; }
  .map-legend__list::before {
    content: '';
    position: absolute;
    top: -0%;
    left: 0;
    width: 1px;
    height: 100%;
    transform: translateY(-50%);
    background-color: #007684; }
  .map-legend__list::after {
    content: '';
    position: absolute;
    top: -0%;
    right: 0;
    width: 1px;
    height: 100%;
    transform: translateY(-50%);
    background-color: #007684; }

.map-legend__list {
  padding: 0 1rem; }

.map-legend__list li {
  padding: 1rem 0;
  position: relative;
  cursor: pointer; }
  .map-legend__list li.active {
    font-weight: 700; }
    .map-legend__list li.active::after {
      content: '';
      position: absolute;
      top: -9px;
      left: 50%;
      width: 1rem;
      height: 1rem;
      border-radius: 99rem;
      transform: translateX(-50%);
      background-color: white;
      border: 1px solid #007684;
      z-index: 2; }
  .map-legend__list li::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 99rem;
    transform: translateX(-50%);
    background-color: #007684;
    z-index: 4; }

/* scss/molecules/_lightbox.scss */
body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/px/lightbox/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/px/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/px/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/px/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

#meterReadingForm .card-body {
  display: flex;
  flex-wrap: wrap; }

#meterReadingForm .card-body p {
  width: 100%; }

#meterReadingForm .card-body div {
  width: 50%;
  margin-bottom: .5rem; }
  #meterReadingForm .card-body div:not(.form-floating):first-child {
    padding-right: 1rem; }
  #meterReadingForm .card-body div:not(.form-floating):last-child {
    padding-left: 1rem; }

#meterReadingForm .card-body div.form-floating {
  width: 100%; }
  #meterReadingForm .card-body div.form-floating input {
    width: 100%; }

#meterReadingForm .form-floating {
  position: relative;
  display: inline-block;
  margin: 8px auto;
  vertical-align: top;
  width: 100%; }
  #meterReadingForm .form-floating input {
    width: 100%; }
  #meterReadingForm .form-floating label {
    display: block;
    position: absolute;
    top: -0.7em;
    bottom: 0;
    left: 0.5em;
    width: auto;
    height: 1.4em;
    transition: 0.2s;
    font-weight: bold;
    font-size: 0.8em;
    background: white;
    z-index: 10;
    padding-left: 0.5em;
    padding-right: 0.5em; }

#productSearchWidget .form-group {
  display: flex; }
  #productSearchWidget .form-group > div {
    margin-right: 1rem;
    margin-bottom: 1rem; }
    #productSearchWidget .form-group > div > div {
      display: flex;
      gap: .5em;
      align-items: center; }

#productSearchWidget .widget-consumption-input-row {
  display: flex;
  gap: 1rem;
  margin-bottom: .5rem; }
  #productSearchWidget .widget-consumption-input-row > div {
    width: 50%; }
    #productSearchWidget .widget-consumption-input-row > div > .form-group {
      width: 100%; }
      #productSearchWidget .widget-consumption-input-row > div > .form-group input {
        width: 100%; }

#productSearchWidget .form-floating {
  position: relative;
  display: inline-block;
  margin: 8px auto;
  vertical-align: top;
  width: 100%; }
  #productSearchWidget .form-floating input {
    width: 100%; }
  #productSearchWidget .form-floating label {
    display: block;
    position: absolute;
    top: -0.7em;
    bottom: 0;
    left: 0.5em;
    width: auto;
    height: 1.4em;
    transition: 0.2s;
    font-weight: bold;
    font-size: 0.8em;
    background: white;
    z-index: 10;
    padding-left: 0.5em;
    padding-right: 0.5em; }

#loginWidgetWrapper .form-floating {
  position: relative;
  display: inline-block;
  margin: 8px auto;
  vertical-align: top;
  width: 100%; }
  #loginWidgetWrapper .form-floating input {
    width: 100%; }
  #loginWidgetWrapper .form-floating label {
    display: block;
    position: absolute;
    top: -0.7em;
    bottom: 0;
    left: 0.5em;
    width: auto;
    height: 1.4em;
    transition: 0.2s;
    font-weight: bold;
    font-size: 0.8em;
    background: white;
    z-index: 10;
    padding-left: 0.5em;
    padding-right: 0.5em; }

#loginWidgetWrapper .card-body {
  display: flex;
  gap: 1rem; }
  #loginWidgetWrapper .card-body > div {
    width: 50%; }

#loginWidgetWrapper #loginButton {
  margin-top: 1rem; }

/* Legend styling */
#gas-slider-legend {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

#power-slider-legend {
  margin-bottom: 20px; }

#gas-slider-legend .widget-formline-text,
#power-slider-legend .widget-formline-text {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  width: 100%;
  display: flex;
  margin-bottom: 1rem; }

.widget-slider-container.gas {
  width: 100%;
  margin: 10px; }

/* Slider step labels styling */
.widget-formline-text > div {
  width: 25%;
  font-size: 16px;
  color: #666;
  text-align: right; }

/* Custom slider styling */
.slider-horizontal {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 10px;
  background: #eaeaea;
  border-radius: 5px; }

.slider-track {
  position: absolute;
  height: 100%;
  background: #eaeaea;
  border-radius: 5px;
  width: 100%; }

.slider-selection {
  position: absolute;
  height: 100%;
  background: #007684;
  border-radius: 5px; }

.max-slider-handle {
  display: none; }

.slider-handle,
.slider-thumb {
  position: absolute;
  width: 28px;
  height: 28px;
  background: #007684;
  border: 2px solid #007684;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transform: translate(-50%, -50%);
  top: 50%; }

.tooltip {
  display: none; }

/* scss/molecules/_search__autosuggest.scss */
.autocomplete-suggestions {
  width: 430px !important;
  background-color: #fff;
  padding: 8px; }
  .autocomplete-suggestions .autocomplete-group {
    font-weight: bold;
    margin-top: 4px;
    margin-top: var(--gap--content); }
  .autocomplete-suggestions .autocomplete-suggestion {
    overflow: hidden; }
    .autocomplete-suggestions .autocomplete-suggestion::after {
      content: '';
      border-bottom: 1px solid #f1f1f1;
      display: block;
      margin: 4px auto; }
    .autocomplete-suggestions .autocomplete-suggestion strong, .autocomplete-suggestions .autocomplete-suggestion .results-highlight {
      color: #007684; }
  .autocomplete-suggestions + .autocomplete-suggestions {
    width: 235px !important; }

.district-heating__result {
  padding: 40px 0;
  display: none; }

.district-heating__result--visible {
  display: block; }

.district-heating {
  transition: 300ms opacity ease-out; }

.district-heating__content--loading {
  opacity: 0.4;
  pointer-events: none; }

a.district-heating__submit {
  width: auto; }

a.district-heating__submit--disabled {
  opacity: 0.5;
  pointer-events: none; }

.district-heating__reset {
  margin-top: 2rem; }

.energy-calculator-header {
  display: flex;
  border-radius: 4px; }

.background-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer; }

.energy-calculator-header-tab {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0.5;
  background-color: #E6E6E6;
  padding: 1rem 0; }
  .energy-calculator-header-tab .energy-calculator-header-tab__title {
    margin: 0;
    padding-left: 1rem;
    text-transform: uppercase; }
  .energy-calculator-header-tab.active {
    opacity: 1;
    background-color: #fff; }

.energy-calculator-selected {
  display: flex;
  justify-content: center;
  background-color: #fff;
  margin-bottom: 4rem;
  border-radius: 4px; }

.energy-calculator-selected-col {
  display: flex;
  padding: 2rem 0; }

.energy-calculator-selected-col__title {
  margin: 0;
  padding-right: 4rem;
  font-size: 3rem;
  font-weight: bold; }

.energy-calculator-body {
  background-color: #fff;
  padding: 2rem; }

.background-popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 116, 130, 0.7);
  z-index: 1000;
  top: 0;
  left: 0; }

.energy-calculator-body--popup {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1136px;
  width: 100%;
  z-index: 1001;
  transform: translate(-50%, -50%); }

.energy-calculator-selected-col__value--link {
  color: #fa7268;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer; }
  .energy-calculator-selected-col__value--link span {
    display: block;
    margin-right: 0.5rem; }

.energy-calculator-selected-col-link {
  color: #fa7268;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center; }
  .energy-calculator-selected-col-link span {
    display: block;
    margin-right: 0.5rem; }

.energy-calculator-result {
  background-color: #fff;
  padding: 1rem;
  border-radius: 4px; }

.energy-calculator-result__header {
  color: #fff;
  background-color: #fa7268;
  padding: 1rem; }
  .energy-calculator-result__header p {
    margin: 0;
    padding: 0; }

.energy-calculator-result-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: .5rem 1rem; }

.energy-calculator-result-row-3 {
  grid-template-columns: 1fr 1fr 1fr; }

.energy-calculator-result-col {
  padding: 1rem;
  width: 100%;
  border-radius: 4px; }
  .energy-calculator-result-col b,
  .energy-calculator-result-col span {
    display: block; }

.energy-calculator-result-col__highlight {
  background-color: rgba(250, 114, 104, 0.1); }

.energy-calculator-result__price-wrap {
  display: flex;
  align-items: baseline;
  padding-bottom: 0;
  margin-bottom: 0; }

.energy-calculator-result__price {
  color: #fa7268;
  font-size: 3rem;
  font-weight: bold;
  display: inline-block;
  padding-right: .5rem; }

.energy-calculator-form-submit {
  width: 100% !important; }

.calculator-data-header {
  display: flex;
  margin-bottom: 2rem; }

.calculator-data-header__title {
  margin: 0;
  padding-right: 2rem; }

.calculator-data-col {
  background-color: #fff;
  margin-bottom: 1rem;
  border-radius: 4px; }

.calculator-data-col-header {
  display: flex;
  justify-content: space-between;
  padding: 2rem; }

.calculator-data-col-header__right,
.calculator-data-col-header__left {
  display: flex;
  align-items: center; }

.calculator-data-col-header__right,
.calculator-data-col-header__left svg {
  display: none; }

.calculator-data-col-header__circle {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #ebebeb;
  text-align: center;
  background-color: #ebebeb;
  color: #b5b5b5;
  line-height: 1.5;
  font-weight: bold; }

.active .calculator-data-col-header__circle {
  background-color: #fff;
  border-color: #fa7268;
  color: #fa7268; }

.done .calculator-data-col-header__circle {
  background-color: #007482;
  border-color: #007482;
  color: #fff; }

.done .calculator-data-col-header__right,
.done .calculator-data-col-header__left svg {
  display: block; }

.calculator-data-col-header__title {
  display: inline-block;
  padding: 0 1rem;
  font-weight: bold;
  font-size: 1.5rem; }

.calculator-data-col-body {
  padding: 2rem;
  padding-top: 0; }

.hint {
  color: #666666;
  font-size: 14px;
  display: block;
  padding: 1rem 0; }

.blurred {
  filter: blur(5px); }

.calculator-data-result {
  border: 1px solid #909090;
  padding: .5rem;
  margin-bottom: 2rem;
  border-radius: 4px; }

.calculator-data-result__header {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 1.5rem;
  background-color: #fa7268;
  border-radius: 4px;
  line-height: 1;
  margin-bottom: .25rem; }

.calculator-data-result__highlight {
  padding: 1rem;
  background-color: rgba(250, 114, 104, 0.1);
  border-radius: 4px; }

.calculator-data-col .calculator-data-col-body {
  display: none; }

.calculator-data-col.active .calculator-data-col-body {
  display: block; }

.billig-address {
  margin-top: 2rem;
  display: none; }

.input-writer {
  display: flex;
  gap: .25rem;
  margin: 0;
  padding: 0; }

.calculator-hint {
  padding: 1rem; }

.calculator-hint p {
  font-size: 14px; }

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

.calculator-finish__headline {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem; }

@media (max-width: 640px) {
  .energy-calculator-selected-col,
  .energy-calculator-result-row {
    display: block; } }

main > section {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-top: var(--gap--blt);
  padding-bottom: var(--gap--blt);
  scroll-margin-top: 115px; }

.section--wht {
  background: #fff; }
  .section--wht:not(.bgimg) + .section--wht:not(.bgimg) {
    padding-top: 0; }

.section--gray {
  background: #f7f9fb; }
  .section--gray:not(.bgimg) + .section--gray:not(.bgimg) {
    padding-top: 0; }

.section--swn {
  background: #bfdde0; }
  .section--swn:not(.bgimg) + .section--swn:not(.bgimg) {
    padding-top: 0; }

.section--red {
  background: #fedcd9; }
  .section--red:not(.bgimg) + .section--red:not(.bgimg) {
    padding-top: 0; }

.section--blue {
  background: #bfe9f3; }
  .section--blue:not(.bgimg) + .section--blue:not(.bgimg) {
    padding-top: 0; }

.section--yellow {
  background: #fef6c8; }
  .section--yellow:not(.bgimg) + .section--yellow:not(.bgimg) {
    padding-top: 0; }

.section--green {
  background: #e7efcd; }
  .section--green:not(.bgimg) + .section--green:not(.bgimg) {
    padding-top: 0; }

.section--purple {
  background: #dbc7e0; }
  .section--purple:not(.bgimg) + .section--purple:not(.bgimg) {
    padding-top: 0; }

.section--emobilitaet {
  background: #BFDBEE; }
  .section--emobilitaet:not(.bgimg) + .section--emobilitaet:not(.bgimg) {
    padding-top: 0; }

.section--nxx-green {
  background: #d4e7b2; }
  .section--nxx-green:not(.bgimg) + .section--nxx-green:not(.bgimg) {
    padding-top: 0; }

.section--swn.bgimg {
  background-image: url(../img/px/areabg/area__swn--fhd.png); }

.section--red.bgimg {
  background-image: url(../img/px/areabg/area__red--fhd.png); }

.section--blue.bgimg {
  background-image: url(../img/px/areabg/area__blue--fhd.png); }

.section--yellow.bgimg {
  background-image: url(../img/px/areabg/area__yellow--fhd.png); }

.section--green.bgimg {
  background-image: url(../img/px/areabg/area__green--fhd.png); }

.section--purple.bgimg {
  background-image: url(../img/px/areabg/area__purple--fhd.png); }

.section--emobilitaet.bgimg {
  background-image: url(../img/px/areabg/area__emobilitaet--fhd.png); }

.section--nxx-green.bgimg {
  background-image: url(../img/px/areabg/area__nxx-green--fhd.png); }

.section--gray.bgimg {
  background-image: url(../img/px/areabg/area__gray--fhd.png); }

@media only screen and (min-width: 1088px) {
  .section--swn .profile .button__group .label, .section--swn .profile .button__group .label:hover {
    background: none;
    color: #007684; }
  .section--red .profile .button__group .label, .section--red .profile .button__group .label:hover {
    background: none;
    color: #fa7268; }
  .section--blue .profile .button__group .label, .section--blue .profile .button__group .label:hover {
    background: none;
    color: #00a9ce; }
  .section--green .profile .button__group .label, .section--green .profile .button__group .label:hover {
    background: none;
    color: #84bd00; }
  .section--purple .profile .button__group .label, .section--purple .profile .button__group .label:hover {
    background: none;
    color: #702082; }
  .section--emobilitaet .profile .button__group .label, .section--emobilitaet .profile .button__group .label:hover {
    background: none;
    color: #0071bc; }
  .section--nxx-green .profile .button__group .label, .section--nxx-green .profile .button__group .label:hover {
    background: none;
    color: #93c43e; }
  .section--yellow .profile .button__group .label, .section--yellow .profile .button__group .label:hover {
    background: none;
    color: #333; } }

.bg--true + .bg--true {
  margin-top: 32px;
  margin-top: var(--gap--blt); }

.section--edge {
  padding-top: 0;
  padding-bottom: 0; }

.asided > article > section {
  padding-top: 16px;
  padding-bottom: 16px; }
  .asided > article > section.section--wht {
    padding-top: 0; }

.asided .section--wht .wrapper {
  padding-left: 0;
  padding-right: 0; }

.bgimg {
  background-repeat: no-repeat;
  background-size: cover; }

.columned > .col {
  padding-top: 32px;
  padding-bottom: 32px; }

@media only screen and (min-width: 1088px) {
  .columned--50-50 {
    display: block;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: auto;
    grid-gap: 32px;
    gap: 32px;
    align-items: start; }
    .columned--50-50 > * {
      width: 100%;
      margin-bottom: 32px; }
    @supports (display: grid) {
      .columned--50-50 > * {
        margin-bottom: 0; } }
  .columned--25-75 {
    display: block;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-auto-rows: auto;
    grid-gap: 32px;
    gap: 32px;
    align-items: start; }
    .columned--25-75 > * {
      width: 100%;
      margin-bottom: 32px; }
    @supports (display: grid) {
      .columned--25-75 > * {
        margin-bottom: 0; } }
  .columned--33-66 {
    display: block;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: auto;
    grid-gap: 32px;
    gap: 32px;
    align-items: start; }
    .columned--33-66 > * {
      width: 100%;
      margin-bottom: 32px; }
    @supports (display: grid) {
      .columned--33-66 > * {
        margin-bottom: 0; } }
  .columned--66-33 {
    display: block;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 32px;
    gap: 32px;
    align-items: start; }
    .columned--66-33 > * {
      width: 100%;
      margin-bottom: 32px; }
    @supports (display: grid) {
      .columned--66-33 > * {
        margin-bottom: 0; } }
  .columned > .col {
    padding-top: 0;
    padding-bottom: 0; } }

.pagefooter {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 17px; }
  .pagefooter.pagefooter--nonoxx {
    background-image: none;
    background-color: #1A3D63;
    padding-top: var(--gap--grd);
    padding-bottom: var(--gap--grd); }
    .pagefooter.pagefooter--nonoxx .swn__contact, .pagefooter.pagefooter--nonoxx .swn__kundenzentrum, .pagefooter.pagefooter--nonoxx .swn__address, .pagefooter.pagefooter--nonoxx .nav--meta {
      margin-top: 0; }
  .pagefooter.pagefooter--glasfasernetz {
    padding-top: var(--gap--grd);
    padding-bottom: var(--gap--grd); }
    .pagefooter.pagefooter--glasfasernetz .swn__contact, .pagefooter.pagefooter--glasfasernetz .swn__kundenzentrum, .pagefooter.pagefooter--glasfasernetz .swn__address, .pagefooter.pagefooter--glasfasernetz .nav--meta {
      margin-top: 0; }
  .pagefooter a {
    color: #fff; }
  .pagefooter .nav--footer > * {
    margin-top: 24px; }
  .pagefooter .nav--meta .link__kununu {
    display: inline-block;
    max-width: 110px; }
  .pagefooter .title--mid {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33; }
  .pagefooter .menu--meta {
    list-style: none;
    padding: 0;
    margin: 0; }
    .pagefooter .menu--meta a {
      text-decoration: none; }
  .pagefooter .btn--ghost.btn__box span {
    text-align: center; }
  .pagefooter .footer-bar {
    background: #fff;
    color: #000;
    margin-top: 16px;
    margin-top: var(--gap--grd);
    text-align: center;
    padding: 16px; }
    .pagefooter .footer-bar .claim {
      font-size: 20px;
      line-height: 1.2;
      margin-top: .8em;
      margin-bottom: .5em; }
      @media only screen and (min-width: 704px) {
        .pagefooter .footer-bar .claim {
          font-size: 24px;
          line-height: 1.33; } }
  @media only screen and (min-width: 704px) {
    @supports (display: grid) {
      .pagefooter .nav--footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        grid-gap: var(--gap--grd); }
      .pagefooter .contactLink a {
        border: none;
        padding: 0;
        text-align: left;
        text-decoration: underline;
        width: auto;
        margin-top: 0;
        margin-bottom: 0; }
        .pagefooter .contactLink a span {
          background: none;
          padding-left: 0; } }
    .pagefooter .footer-bar .claim {
      margin: 0; }
    .pagefooter .footer-bar .copyright, .pagefooter .footer-bar .nav--social {
      display: inline-block;
      width: 50%; }
    .pagefooter .footer-bar .copyright {
      text-align: left; }
    .pagefooter .footer-bar .nav--social {
      text-align: right; } }
  @media only screen and (min-width: 1088px) {
    @supports (display: grid) {
      .pagefooter .nav--footer {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr; }
      .pagefooter .stoer {
        margin-top: 32px; } } }

.area--huw-green .pagefooter,
.area--huw__purple .pagefooter {
  background-color: #201a3c;
  background-image: none; }

.area--huw-green .pagefooter .nav--footer,
.area--huw__purple .pagefooter .nav--footer {
  grid-template-columns: repeat(3, 1fr); }

.pagefooter--start .swn__contact .list__itm {
  display: block; }
  .pagefooter--start .swn__contact .list__itm > p, .pagefooter--start .swn__contact .list__itm > .contactLink {
    display: block;
    text-align: left; }

.pagefooter--start .stoer {
  margin-top: 0; }

@media only screen and (min-width: 704px) {
  .pagefooter--start .swn__contact {
    grid-column: 1 / span 2; }
    .pagefooter--start .swn__contact .list--contactLinks {
      columns: 2;
      column-gap: 16px;
      column-gap: var(--gap--grd); }
    .pagefooter--start .swn__contact .list__itm {
      margin-bottom: 8px;
      margin-bottom: var(--gap--content); }
    .pagefooter--start .swn__contact .contactLink span {
      display: inline; }
  .pagefooter--start .swn__entstoerung .btn--more {
    margin-top: 8px;
    margin-top: var(--gap--content); } }

@media only screen and (min-width: 1088px) {
  .pagefooter--start .btn__box.btn--ghost span {
    text-align: center; } }

section.hero {
  display: block; }
  section.hero h1 {
    font-size: 24px;
    line-height: 1.33; }
    @media only screen and (min-width: 704px) {
      section.hero h1 {
        font-size: 48px;
        line-height: 1.17; } }
  @media only screen and (min-width: 1088px) {
    section.hero .split--sail .txt__box .compound {
      width: calc(1024px / 2); } }
  @supports (display: grid) {
    @media only screen and (min-width: 1264px) {
      section.hero .split--sail .txt__box .compound {
        width: calc(1200px / 2); } } }

.hero-carousel {
  position: relative; }
  .hero-carousel > h1 {
    display: none; }
  .hero-carousel .split.split--fill {
    flex-shrink: 0; }
    .hero-carousel .split.split--fill.carousel--swn .title--up {
      color: #007684; }
    .hero-carousel .split.split--fill.carousel--swn .btn__box a {
      background-color: #007684; }
      .hero-carousel .split.split--fill.carousel--swn .btn__box a:hover {
        background-color: #4099a3; }
    .hero-carousel .split.split--fill.carousel--red .title--up {
      color: #fa7268; }
    .hero-carousel .split.split--fill.carousel--red .btn__box a {
      background-color: #fa7268; }
      .hero-carousel .split.split--fill.carousel--red .btn__box a:hover {
        background-color: #fc968e; }
    .hero-carousel .split.split--fill.carousel--blue .title--up {
      color: #00a9ce; }
    .hero-carousel .split.split--fill.carousel--blue .btn__box a {
      background-color: #00a9ce; }
      .hero-carousel .split.split--fill.carousel--blue .btn__box a:hover {
        background-color: #40bfdb; }
    .hero-carousel .split.split--fill.carousel--green .title--up {
      color: #84bd00; }
    .hero-carousel .split.split--fill.carousel--green .btn__box a {
      background-color: #84bd00; }
      .hero-carousel .split.split--fill.carousel--green .btn__box a:hover {
        background-color: #b9cf69; }
    .hero-carousel .split.split--fill.carousel--purple .title--up {
      color: #702082; }
    .hero-carousel .split.split--fill.carousel--purple .btn__box a {
      background-color: #702082; }
      .hero-carousel .split.split--fill.carousel--purple .btn__box a:hover {
        background-color: #9458a2; }
    .hero-carousel .split.split--fill.carousel--emobilitaet .title--up {
      color: #0071bc; }
    .hero-carousel .split.split--fill.carousel--emobilitaet .btn__box a {
      background-color: #0071bc; }
      .hero-carousel .split.split--fill.carousel--emobilitaet .btn__box a:hover {
        background-color: #4095CD; }
    .hero-carousel .split.split--fill.carousel--nxx-green .title--up {
      color: #93c43e; }
    .hero-carousel .split.split--fill.carousel--nxx-green .btn__box a {
      background-color: #93c43e; }
      .hero-carousel .split.split--fill.carousel--nxx-green .btn__box a:hover {
        background-color: #a9d065; }
    .hero-carousel .split.split--fill.carousel--yellow .title--up {
      color: #333; }
    .hero-carousel .split.split--fill.carousel--yellow .btn__box a {
      background-color: #fdda24;
      color: #333; }
      .hero-carousel .split.split--fill.carousel--yellow .btn__box a:hover {
        background-color: #fee45b; }
  .hero-carousel .swiper-navigation {
    position: absolute;
    left: 50%;
    z-index: 5;
    bottom: 8px;
    width: 135px;
    margin: 0;
    margin-left: -67.5px; }
  @media only screen and (max-width: 704px) {
    .hero-carousel .split--hero .compound {
      padding-bottom: 48px; } }
  @media only screen and (min-width: 704px) {
    .hero-carousel .swiper-navigation {
      bottom: 16px;
      max-width: 100%; } }
  @media only screen and (min-width: 1088px) {
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--swn .txt__box {
        background-image: url(../img/svg/sailbg--lg--swn.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--red .txt__box {
        background-image: url(../img/svg/sailbg--lg--red.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--blue .txt__box {
        background-image: url(../img/svg/sailbg--lg--blue.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--green .txt__box {
        background-image: url(../img/svg/sailbg--lg--green.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--purple .txt__box {
        background-image: url(../img/svg/sailbg--lg--purple.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--emobilitaet .txt__box {
        background-image: url(../img/svg/sailbg--lg--emobilitaet.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--nxx-green .txt__box {
        background-image: url(../img/svg/sailbg--lg--nxx-green.svg); } }
    @supports (display: grid) {
      .hero-carousel .split.split--fill.carousel--yellow .txt__box {
        background-image: url(../img/svg/sailbg--lg--yellow.svg); } }
    .hero-carousel .swiper-navigation {
      width: 390px;
      margin-right: 0;
      padding-left: 32px;
      margin-left: -512px; }
      .hero-carousel .swiper-navigation .swiper-button-next {
        float: none;
        margin-left: 32px; } }
  @media only screen and (min-width: 1264px) {
    .hero-carousel .swiper-navigation {
      width: 478px;
      margin-left: -600px; } }

.pageheader {
  background: #fbfbfb;
  min-height: 120px;
  position: sticky;
  top: 0;
  z-index: 512;
  max-height: 100vh;
  overflow-y: auto;
  border-color: #f1f1f1;
  border-width: 0 0 4px 0;
  border-style: solid; }
  @media only screen and (min-width: 1088px) {
    .pageheader {
      overflow-y: initial; }
      .pageheader .wrapper > .tbl, .pageheader .wrapper > .tbl--plain, .pageheader .wrapper > .tbl--colhead, .pageheader .table-responsive > div .wrapper > .tbl--plain, .pageheader .table-responsive > div .wrapper > .tbl--colhead {
        display: inline-table;
        width: 115px; }
      @supports (display: grid) {
        .pageheader .topbar {
          display: grid;
          grid-template-rows: 1fr; } }
      .pageheader .user-navigation {
        grid-column: 2;
        grid-row: 1; } }
  @media only screen and (max-width: 1088px) {
    .pageheader .wrapper {
      padding-left: 0;
      padding-right: 0; }
      .pageheader .wrapper .tbl:first-child, .pageheader .wrapper .tbl--plain:first-child, .pageheader .wrapper .tbl--colhead:first-child {
        padding-left: 16px;
        padding-right: 16px; } }
  @media only screen and (min-width: 704px) and (max-width: 1088px) {
    .pageheader .wrapper .tbl:first-child, .pageheader .wrapper .tbl--plain:first-child, .pageheader .wrapper .tbl--colhead:first-child {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (min-width: 1088px) {
    .pageheader {
      background: #fff;
      background-image: url(../img/px/pageheader__bg--snggray.gif);
      background-repeat: repeat-x;
      border-width: 0;
      min-height: 0;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 512; }
      .pageheader .wrapper {
        display: grid;
        grid-template-columns: 112px auto;
        grid-template-rows: repeat(2, 56px);
        grid-template-areas: "logo menu__top" "logo menu__main";
        column-gap: 1em; }
        .pageheader .wrapper .tbl, .pageheader .wrapper .tbl--plain, .pageheader .wrapper .tbl--colhead {
          grid-area: logo; }
          .pageheader .wrapper .tbl img, .pageheader .wrapper .tbl--plain img, .pageheader .wrapper .tbl--colhead img {
            position: relative; }
        .pageheader .wrapper .menu-toggle {
          display: none; }
        .pageheader .wrapper .topbar {
          grid-area: menu__top; }
        .pageheader .wrapper .main-navigation {
          grid-area: menu__main; } }
  .pageheader--nxx .logo__cll {
    vertical-align: middle; }
  .pageheader--nxx .logo {
    width: 200px; }
  @media only screen and (max-width: 1088px) {
    .pageheader--nxx .tbl, .pageheader--nxx .tbl--plain, .pageheader--nxx .tbl--colhead, .pageheader--nxx .table-responsive > div .tbl--plain, .table-responsive > div .pageheader--nxx .tbl--plain, .pageheader--nxx .table-responsive > div .tbl--colhead, .table-responsive > div .pageheader--nxx .tbl--colhead {
      min-height: 120px; }
    .pageheader--nxx .user-navigation .btn__box .btn {
      background-color: #0071bc; } }
  @media only screen and (min-width: 704px) {
    .pageheader--nxx .logo {
      width: 300px; } }
  @media only screen and (min-width: 1088px) {
    .pageheader--nxx .main-navigation > .header__navlist {
      justify-content: flex-end; }
    .pageheader--nxx .user-navigation .user__kontakt .btn span::before {
      background-image: url(../img/svg/metamenu__contact--emobilitaet.svg); }
    .pageheader--nxx .pageheader .wrapper {
      grid-template-rows: 56px 74px; }
    .pageheader--nxx .logo__cll {
      vertical-align: bottom; }
    .pageheader--nxx .logo__lnk {
      width: 200px;
      display: block;
      margin-bottom: 8px; }
    .pageheader--nxx .logo {
      width: 200px; } }
  @media only screen and (min-width: 1264px) {
    .pageheader--nxx .logo__lnk {
      width: 250px; }
    .pageheader--nxx .logo {
      width: 250px; } }
  .pageheader--glasfasernetz .logo__cll {
    vertical-align: middle; }
  @media only screen and (max-width: 1088px) {
    .pageheader--glasfasernetz .tbl, .pageheader--glasfasernetz .tbl--plain, .pageheader--glasfasernetz .tbl--colhead, .pageheader--glasfasernetz .table-responsive > div .tbl--plain, .table-responsive > div .pageheader--glasfasernetz .tbl--plain, .pageheader--glasfasernetz .table-responsive > div .tbl--colhead, .table-responsive > div .pageheader--glasfasernetz .tbl--colhead {
      min-height: 120px; } }
  @media only screen and (min-width: 704px) {
    .pageheader--glasfasernetz .logo {
      width: 130px; } }
  @media only screen and (min-width: 1088px) {
    .pageheader--glasfasernetz .main-navigation > .header__navlist {
      justify-content: flex-end; }
    .pageheader--glasfasernetz .pageheader .wrapper {
      grid-template-rows: 56px 74px; }
    .pageheader--glasfasernetz .logo__cll {
      vertical-align: bottom; }
    .pageheader--glasfasernetz .logo {
      width: 120px;
      margin-bottom: 9px; } }
  @media only screen and (min-width: 1088px) {
    .pageheader--area--huw-green .header__navlist, .pageheader--huw-purple .header__navlist {
      display: flex;
      justify-content: space-around; }
    .pageheader--area--huw-green .user-navigation, .pageheader--huw-purple .user-navigation {
      display: none; }
    .pageheader--area--huw-green .main-navigation > .header__navlist, .pageheader--huw-purple .main-navigation > .header__navlist {
      justify-content: space-between; } }

.list--1 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  display: block;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: auto;
  grid-gap: 16px;
  gap: 16px;
  align-content: start;
  align-items: start; }
  .list--1 > * {
    width: 100%;
    margin-bottom: 16px; }
  .list--1 > * {
    float: none;
    display: inline-block;
    margin-bottom: 16px;
    width: calc(98% - 16px*0/1);
    margin-right: 16px;
    height: 100%; }
    .list--1 > *:nth-of-type(1n) {
      margin-right: 0; }
    .list--1 > *:last-child {
      margin-right: 0; }
    @supports (display: grid) {
      .list--1 > *:nth-last-child(1) {
        margin-bottom: 0; } }
  @supports (display: grid) {
    .list--1 > *:nth-of-type(n) {
      width: auto;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 0;
      display: block; } }
  @media only screen and (min-width: 704px) {
    .list--1 {
      display: block;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-auto-rows: auto;
      grid-gap: 24px;
      gap: 24px;
      align-content: start;
      align-items: start; }
      .list--1 > * {
        float: none;
        display: inline-block;
        margin-bottom: 24px;
        width: calc(98% - 24px*0/1);
        margin-right: 24px;
        height: 100%; }
        .list--1 > *:nth-of-type(1n) {
          margin-right: 0; }
        .list--1 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--1 > *:nth-last-child(1) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--1 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }

.list--2 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .list--2 > * {
    width: 100%;
    margin-bottom: 16px; }
  @media only screen and (min-width: 704px) {
    .list--2 {
      display: block;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
      grid-gap: 24px;
      gap: 24px;
      align-content: start;
      align-items: start; }
      .list--2 > * {
        float: none;
        display: inline-block;
        margin-bottom: 24px;
        width: calc(49% - 24px*1/2);
        margin-right: 24px;
        height: 100%; }
        .list--2 > *:nth-of-type(2n) {
          margin-right: 0; }
        .list--2 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--2 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--2 > *:nth-last-child(2) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--2 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }

.list--3 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .list--3 > * {
    width: 100%;
    margin-bottom: 16px; }
  @media only screen and (min-width: 420px) and (max-width: 704px) {
    .list--3 {
      display: block;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
      grid-gap: 16px;
      gap: 16px;
      align-content: start;
      align-items: start; }
      .list--3 > * {
        float: none;
        display: inline-block;
        margin-bottom: 16px;
        width: calc(49% - 16px*1/2);
        margin-right: 16px;
        height: 100%; }
        .list--3 > *:nth-of-type(2n) {
          margin-right: 0; }
        .list--3 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--3 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--3 > *:nth-last-child(2) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--3 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }
  @media only screen and (min-width: 704px) {
    .list--3 {
      display: block;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: auto;
      grid-gap: 24px;
      gap: 24px;
      align-content: start;
      align-items: start; }
      .list--3 > * {
        float: none;
        display: inline-block;
        margin-bottom: 24px;
        width: calc(33% - 24px*2/3);
        margin-right: 24px;
        height: 100%; }
        .list--3 > *:nth-of-type(3n) {
          margin-right: 0; }
        .list--3 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--3 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--3 > *:nth-last-child(2) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--3 > *:nth-last-child(3) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--3 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }

.list--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .list--4 > * {
    width: 100%;
    margin-bottom: 16px; }
  @media only screen and (min-width: 420px) and (max-width: 704px) {
    .list--4 {
      display: block;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
      grid-gap: 16px;
      gap: 16px;
      align-content: start;
      align-items: start; }
      .list--4 > * {
        float: none;
        display: inline-block;
        margin-bottom: 16px;
        width: calc(49% - 16px*1/2);
        margin-right: 16px;
        height: 100%; }
        .list--4 > *:nth-of-type(2n) {
          margin-right: 0; }
        .list--4 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(2) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--4 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }
  @media only screen and (min-width: 704px) and (max-width: 1088px) {
    .list--4 {
      display: block;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: auto;
      grid-gap: 24px;
      gap: 24px;
      align-content: start;
      align-items: start; }
      .list--4 > * {
        float: none;
        display: inline-block;
        margin-bottom: 24px;
        width: calc(33% - 24px*2/3);
        margin-right: 24px;
        height: 100%; }
        .list--4 > *:nth-of-type(3n) {
          margin-right: 0; }
        .list--4 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(2) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(3) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--4 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }
  @media only screen and (min-width: 1088px) {
    .list--4 {
      display: block;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: auto;
      grid-gap: 24px;
      gap: 24px;
      align-content: start;
      align-items: start; }
      .list--4 > * {
        float: none;
        display: inline-block;
        margin-bottom: 24px;
        width: calc(25% - 24px*3/4);
        margin-right: 24px;
        height: 100%; }
        .list--4 > *:nth-of-type(4n) {
          margin-right: 0; }
        .list--4 > *:last-child {
          margin-right: 0; }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(1) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(2) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(3) {
            margin-bottom: 0; } }
        @supports (display: grid) {
          .list--4 > *:nth-last-child(4) {
            margin-bottom: 0; } }
      @supports (display: grid) {
        .list--4 > *:nth-of-type(n) {
          width: auto;
          margin-right: 0;
          margin-left: 0;
          margin-bottom: 0;
          display: block; } } }

@media only screen and (min-width: 704px) {
  .list--centered {
    display: flex;
    justify-content: center;
    gap: 0;
    width: auto; }
    .list--centered .card {
      flex-shrink: 0;
      flex-grow: 0;
      flex-basis: 1; } }

@media only screen and (min-width: 704px) and (max-width: 1088px) {
  .list--centered.list--2 {
    margin-left: -12px;
    margin-right: -12px; }
    .list--centered.list--2 .card {
      width: calc(50% - 24px);
      margin-left: 12px;
      margin-right: 12px; }
      .list--centered.list--2 .card:nth-child(1n + 3) {
        margin-top: 1em; }
  .list--centered.list--3 {
    margin-left: -12px;
    margin-right: -12px; }
    .list--centered.list--3 .card {
      width: calc(50% - 24px);
      margin-left: 12px;
      margin-right: 12px; }
      .list--centered.list--3 .card:nth-child(1n + 3) {
        margin-top: 1em; } }

@media only screen and (min-width: 1088px) {
  .list--centered.list--2 {
    margin-left: -16px;
    margin-right: -16px; }
    .list--centered.list--2 .card {
      width: calc(50% - 32px);
      margin-left: 16px;
      margin-right: 16px; }
      .list--centered.list--2 .card:nth-child(1n + 3) {
        margin-top: 1em; }
  .list--centered.list--3 {
    margin-left: -16px;
    margin-right: -16px; }
    .list--centered.list--3 .card {
      width: calc(33.33333% - 32px);
      margin-left: 16px;
      margin-right: 16px; }
      .list--centered.list--3 .card:nth-child(1n + 4) {
        margin-top: 1em; } }

.list--link--bulk li + li {
  margin-top: 4px; }

.list--contactLinks {
  list-style: none;
  padding: 0;
  margin: 0; }

@media only screen and (max-width: 704px) {
  .list--contactLinks li {
    display: table;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px; }
    .list--contactLinks li + li {
      border-top: 1px solid #fff; }
  .list--contactLinks .label, .list--contactLinks .contactLink {
    display: table-cell; }
  .list--contactLinks .contactLink {
    text-align: right; }
    .list--contactLinks .contactLink a {
      width: auto;
      max-width: none; }
    .list--contactLinks .contactLink + .contactLink {
      margin-top: 4px; } }

@media only screen and (min-width: 704px) {
  .list--contactLinks li {
    display: table;
    width: 100%; }
    .list--contactLinks li + li {
      border-top: 1px solid #fff; }
      @supports (display: grid) {
        .list--contactLinks li + li {
          border-top: none; } }
  .list--contactLinks .label {
    display: table-cell; }
  .list--contactLinks span {
    display: table-cell;
    text-align: right; }
    .list--contactLinks span a {
      display: inline; }
    .list--contactLinks span span {
      display: inline; } }

@media only screen and (min-width: 1088px) {
  .list--link--bulk li + li {
    margin-top: 16px; } }

.bgimg .split .title--up, .bgimg .split .bodytext {
  color: #fff; }

.split .split__leftoverlay {
  display: none; }

.split .txt__box + .img__box {
  padding-top: 32px; }

.split.split--edge {
  padding-top: 32px;
  padding-top: var(--gap--blt); }
  .split.split--edge.area--swn {
    background-color: #bfdde0; }
  .split.split--edge.area--red {
    background-color: #fedcd9; }
  .split.split--edge.area--blue {
    background-color: #bfe9f3; }
  .split.split--edge.area--yellow {
    background-color: #fef6c8; }
  .split.split--edge.area--green {
    background-color: #e7efcd; }
  .split.split--edge.area--purple {
    background-color: #dbc7e0; }
  .split.split--edge.area--emobilitaet {
    background-color: #BFDBEE; }
  .split.split--edge.area--nxx-green {
    background-color: #d4e7b2; }
  .split.split--edge.area--gray {
    background-color: #f7f9fb; }

.split .img__box {
  padding-bottom: 0; }
  .split .img__box img {
    width: 100%; }
  .split .img__box .img--bg {
    display: block;
    height: 150px; }

@media only screen and (min-width: 1088px) {
  .split .img__box, .split .txt__box {
    grid-row: 1/2; }
  .split .img__box .img--bg {
    height: 100%; }
  .split.split--edge {
    display: grid;
    grid-template-columns: 1fr repeat(2, 512px) 1fr;
    grid-template-rows: 1fr;
    padding-top: 0; }
    .split.split--edge .txt__box {
      z-index: 2;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-top: var(--gap--blt);
      padding-bottom: var(--gap--blt); }
    .split.split--edge .compound {
      align-self: center; }
    .split.split--edge .img__box {
      position: relative;
      z-index: 1; }
    .split.split--edge .img__fig {
      height: 100%; }
    .split.split--edge img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      margin: 0; }
    .split.split--edge .compound, .split.split--edge .img__box {
      padding-top: 0;
      padding-bottom: 0; }
    .split.split--edge.txt--end .txt__box {
      grid-column: 3 / span 1; }
    .split.split--edge.txt--end .img__box {
      grid-column: 1 / span 2; }
    .split.split--edge.txt--start .txt__box {
      grid-column: 2 / span 1; }
    .split.split--edge.txt--start .img__box {
      grid-column: 3 / span 2; }
  .split.split--wrap .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px; }
    .split.split--wrap .wrapper .txt__box {
      z-index: 2;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-top: var(--gap--blt);
      padding-bottom: var(--gap--blt); }
    .split.split--wrap .wrapper .compound {
      align-self: center; }
    .split.split--wrap .wrapper .img__box {
      position: relative;
      z-index: 1; }
    .split.split--wrap .wrapper .img__fig {
      height: 100%; }
    .split.split--wrap .wrapper img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      margin: 0; }
    .split.split--wrap .wrapper .img__box {
      padding-top: 0;
      padding-bottom: 0; }
    .split.split--wrap .wrapper .title {
      margin-left: 0;
      margin-right: 0; }
  .split.split--wrap.img--contain .txt__box {
    padding-top: 0;
    padding-bottom: 0; }
  .split.split--wrap.img--contain .img__box {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .split.split--wrap.img--contain .img__box .img__fig {
      height: auto; }
  .split.split--wrap.img--contain .img {
    object-fit: contain; }
  .split.split--wrap.txt--end .txt__box {
    grid-column: 2 / span 1; }
  .split.split--wrap.txt--end .img__box {
    grid-column: 1 / span 1; }
  .split.split--wrap.txt--start .txt__box {
    grid-column: 1 / span 1; }
  .split.split--wrap.txt--start .img__box {
    grid-column: 2 / span 1; } }

@media only screen and (min-width: 1264px) {
  .split.split--edge {
    display: grid;
    grid-template-columns: 1fr repeat(2, 600px) 1fr;
    grid-template-rows: 1fr; }
    .split.split--edge .txt__box {
      z-index: 2;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-top: var(--gap--blt);
      padding-bottom: var(--gap--blt); }
    .split.split--edge .compound {
      align-self: center; }
    .split.split--edge .img__box {
      position: relative;
      z-index: 1; }
    .split.split--edge .img__fig {
      height: 100%; }
    .split.split--edge img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      margin: 0; } }

section > .split .txt__box .compound {
  padding-left: 16px;
  padding-right: 16px; }

@media only screen and (min-width: 1088px) {
  section > .split .txt__box .compound {
    padding-left: 32px;
    padding-right: 32px; } }

@media only screen and (min-width: 1264px) {
  .sectbg--1 + .sectbg--1.split--wrap .wrapper {
    padding-top: 0; }
  .sectbg--4 + .sectbg--4.split--wrap .wrapper {
    padding-top: 0; } }

.logo-grid {
  display: flex;
  gap: 1rem;
  margin-top: 1rem; }

.split.split--fill {
  background-color: #ecf0f4; }
  .split.split--fill .txt__box {
    padding: 16px;
    padding: var(--wrapperpadding); }
    .split.split--fill .txt__box + .img__box {
      padding-top: 0; }
  .split.split--fill .img__box {
    position: relative; }
    .split.split--fill .img__box:before {
      content: '';
      display: block;
      background-image: url(../img/svg/sail__split--sm--swn.svg);
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      margin-top: -16px;
      background-size: contain; }
  @media only screen and (min-width: 1088px) {
    @supports (display: grid) {
      .split.split--fill {
        grid-template-rows: auto;
        grid-gap: 0;
        display: grid;
        grid-template-columns: 1fr repeat(12, 85.33333px) 1fr;
        grid-template-rows: 1fr;
        width: auto;
        height: auto; }
        .split.split--fill .txt__box {
          z-index: 2;
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-top: 32px;
          padding-bottom: 32px;
          padding-top: var(--gap--blt);
          padding-bottom: var(--gap--blt); }
        .split.split--fill .compound {
          align-self: center; }
        .split.split--fill .img__box {
          position: relative;
          z-index: 1; }
        .split.split--fill .img__fig {
          height: 100%; }
        .split.split--fill img {
          display: block;
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: center;
          margin: 0; }
        .split.split--fill .split__leftoverlay {
          display: block;
          grid-column: 1 / 2;
          grid-row: 1 / 2;
          background: url(../img/svg/sailbg__outerrim.svg);
          z-index: 221;
          position: relative; }
        .split.split--fill .img__box {
          grid-column: 1 / -1;
          grid-row: 1 / 2;
          height: 560px;
          max-height: 560px; }
          .split.split--fill .img__box::before {
            display: none; }
        .split.split--fill .txt__box {
          grid-column: 2 / span 7;
          grid-row: 1 / 2;
          background: url("../img/svg/sailbg--lg--swn.svg") no-repeat center right;
          background-size: cover;
          padding-left: 32px;
          padding-right: 32px; }
          .split.split--fill .txt__box .compound {
            padding-right: 90px; }
        .split.split--fill.txt--start .txt__box {
          grid-column: 1 / span 1; }
        .split.split--fill.txt--end .txt__box {
          grid-column: 2 / span 1; } } }
  @media only screen and (min-width: 1264px) {
    .split.split--fill {
      grid-template-columns: 1fr repeat(12, 100px) 1fr; } }

@media only screen and (min-width: 1088px) {
  .asided .split--fill, .columned .split--fill {
    grid-template-columns: repeat(12, 1fr); }
    .asided .split--fill .img__box, .columned .split--fill .img__box {
      height: auto;
      max-height: none; }
    .asided .split--fill .txt__box, .columned .split--fill .txt__box {
      grid-column-start: 1; }
    .asided .split--fill .split__leftoverlay, .columned .split--fill .split__leftoverlay {
      display: none; } }

@media only screen and (min-width: 1088px) {
  .area--huw-green .split.split--fill .txt__box {
    background: url("../img/svg/sailbg--lg--huw__purple.svg") no-repeat center right;
    background-size: cover; } }

.area--huw-green .split.split--fill .img__box {
  position: relative; }
  .area--huw-green .split.split--fill .img__box:before {
    content: '';
    display: block;
    background-image: url(../img/svg/sail__split--sm--swn.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: -16px;
    background-size: contain; }

.split--hero.split--fill {
  background: #ecf0f4; }
  .split--hero.split--fill .img__box {
    position: relative; }
    .split--hero.split--fill .img__box:before {
      display: none; }

.split--hero.hero--flat {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  grid-template-rows: 1fr; }
  .split--hero.hero--flat .txt__box {
    background: none; }
  .split--hero.hero--flat .title {
    color: #fff; }
    .split--hero.hero--flat .title--up {
      color: #fff; }

.split--hero .compound {
  padding: 32px 16px; }
  .split--hero .compound .title--mid {
    font-size: 24px;
    line-height: 1.33;
    font-weight: bold; }
    @media only screen and (min-width: 704px) {
      .split--hero .compound .title--mid {
        font-size: 48px;
        line-height: 1.17; } }

.split--hero.split--fill .txt__box {
  padding-left: 0;
  padding-right: 0; }

@media only screen and (min-width: 704px) {
  .split--hero .compound {
    padding-top: 48px;
    padding-bottom: 48px; } }

@media only screen and (max-width: 1088px) {
  .split--hero.split--fill .txt__box {
    padding-top: 0; } }

@media only screen and (min-width: 1088px) {
  .split--hero {
    display: grid;
    grid-template-columns: 1fr repeat(12, 85.33333px) 1fr;
    grid-template-rows: 1fr;
    gap: 0;
    background: #fbfbfb; }
    .split--hero .txt__box {
      z-index: 2;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-top: var(--gap--blt);
      padding-bottom: var(--gap--blt); }
    .split--hero .compound {
      align-self: center; }
    .split--hero .img__box {
      position: relative;
      z-index: 1; }
    .split--hero .img__fig {
      height: 100%; }
    .split--hero img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      margin: 0; }
    @supports (display: grid) {
      .split--hero {
        min-height: 440px;
        grid-template-rows: 440px; } }
    .split--hero .img__box {
      max-height: 440px;
      overflow: hidden;
      grid-column: -7 / -1;
      grid-row: 1 / 2; }
      @supports (display: grid) {
        .split--hero .img__box {
          max-height: unset;
          overflow: auto; } }
    .split--hero .txt__box {
      max-width: 1088px;
      margin: auto;
      width: 100%; }
      @supports (display: grid) {
        .split--hero .txt__box {
          max-width: unset;
          grid-column: 2 / span 7;
          grid-row: 1 / 2; }
          .split--hero .txt__box + .img__box {
            padding-top: 0; } }
    .split--hero .compound {
      padding-left: 32px;
      padding-top: 0;
      padding-bottom: 0; }
    .split--hero.split--fill {
      background: #fbfbfb; }
      .split--hero.split--fill .img__box:after {
        background-image: none;
        display: none; }
      @supports (display: grid) {
        .split--hero.split--fill .txt__box {
          grid-column-end: span 6;
          margin: 0; } } }

.split--hero.hero--flat {
  min-height: unset; }

@media only screen and (min-width: 1264px) {
  .split--hero {
    grid-template-columns: 1fr repeat(12, 100px) 1fr; } }

@media only screen and (min-width: 1088px) {
  .split.hero--img {
    display: grid;
    grid-template-rows: 1fr; }
    .split.hero--img .img__box {
      height: 360px; }
      .split.hero--img .img__box img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center; }
    .split.hero--img .img__fig {
      height: 100%; } }

.area--huw-green .split--hero.hero--flat {
  background-color: #201a3c; }

.area--huw-green .split--hero .compound {
  align-self: start; }

@supports (display: grid) {
  .split--50-50.img--edge .wrapper {
    align-self: center;
    padding-left: 0;
    padding-right: 0; }
  .split--50-50.img--edge .img__box {
    padding-top: 0;
    padding-bottom: 0;
    align-self: stretch; }
    .split--50-50.img--edge .img__box img {
      height: 100%;
      object-fit: cover; }
  .split--50-50.img--edge.txt--start .wrapper {
    grid-column: 1 / 2;
    justify-self: end;
    margin: unset; }
  .split--50-50.img--edge.txt--start .img__box {
    grid-column: 2 / 3; }
  .split--50-50.img--edge.txt--end .wrapper {
    grid-column: 2 / 3;
    justify-self: start;
    margin: unset; }
  .split--50-50.img--edge.txt--end .img__box {
    grid-column: 1 / 2;
    grid-row: 1 / 2; }
  .split--50-50.img--wrap .wrapper {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr; }
    .split--50-50.img--wrap .wrapper > div {
      align-self: center;
      padding-top: 0;
      padding-bottom: 0; }
  .split--50-50.img--wrap.txt--start .txt__box {
    grid-column: 1 / 2; }
  .split--50-50.img--wrap.txt--start .img__box {
    grid-column: 2 / 3; }
  .split--50-50.img--wrap.txt--end .txt__box {
    grid-column: 2 / 3; }
  .split--50-50.img--wrap.txt--end .img__box {
    grid-column: 1 / 2;
    grid-row: 1 / 2; } }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-navigation {
  width: 400px;
  height: 44px; }

.swiper-button-prev,
.swiper-button-next {
  position: relative;
  border: none;
  background: #007684;
  height: 44px;
  width: 44px;
  z-index: 11;
  cursor: pointer;
  align-items: center;
  color: #fff; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  float: left; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  float: right;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper__pagination {
  text-align: center;
  position: relative;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  height: 44px; }

.swiper__pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  width: 100%; }

/* Bullets */
.swiper__pagination__btn {
  background: peachpuff; }
  .swiper__pagination__btn.pag--visible {
    background: rebeccapurple; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  margin: 12px .2em; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007684; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#tariff_product_container .swiper-wrapper {
  margin: 0; }

#tariff_product_container .swiper-navigation {
  margin: 0 auto; }

.swiper-wrapper {
  margin: 1rem 0; }

.swiper-navigation {
  margin: 1rem auto; }

/* scss/organisms/_carousel--navbar.scss */
.centric-teaser {
  text-align: center; }
  .centric-teaser .align-left {
    text-align: left; }
  .centric-teaser .button__group {
    margin-top: 16px;
    margin-top: var(--gap--grd); }

#jobs {
  margin-bottom: 4rem; }

.job-list-header {
  background: linear-gradient(0deg, rgba(0, 118, 132, 0.4) 0%, rgba(0, 118, 132, 0.4) 100%), #FFF; }

.job-list-header__block {
  background: linear-gradient(0deg, #007684 0%, #007684 100%), #FFF;
  display: flex;
  flex-wrap: wrap; }

.job-list__col-1 {
  border-right: 1px solid #FFF;
  width: 75%;
  padding: 1rem;
  line-height: 1;
  color: white; }

.job-list__col-2 {
  width: 25%;
  padding: 1rem;
  line-height: 1;
  color: white; }

.job-list-header__search {
  padding: 1rem; }

.job-list-search__wrap {
  width: 100%;
  background-color: white;
  position: relative; }
  .job-list-search__wrap svg {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }

.job-list-search {
  width: 100%;
  border: none;
  box-shadow: none; }

.job-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.job-list li:nth-child(odd) {
  background-color: #F8F8F8; }

.job-list-element {
  color: #333333;
  display: flex;
  flex-wrap: wrap; }

.job-list-element__content {
  width: 75%;
  padding: 1rem 1rem;
  border-right: 1px solid #CCC; }
  .job-list-element__content p {
    margin: 0;
    padding: 0; }

.job-list-element__location {
  width: 25%;
  padding: 1rem; }

.no-style {
  color: inherit;
  text-decoration: none; }

.sort {
  cursor: pointer; }

@media only screen and (max-width: 400px) {
  .job-list-element__content {
    width: 100%;
    border-right: none;
    padding-top: 0; }
  .job-list-element__location {
    width: 100%;
    padding-bottom: 0;
    color: grey; }
  .job-list-element {
    flex-direction: column-reverse; } }

.powermail_form_39 .btn-group {
  display: none; }

.powermail_form_39 .btn.btn-primary.pull-right {
  max-width: 60px;
  float: right;
  margin-right: 2rem;
  position: relative; }
  .powermail_form_39 .btn.btn-primary.pull-right::before {
    content: 'weiter';
    position: absolute;
    right: 0;
    padding: 12px 20px;
    background-color: #007684;
    top: 0; }

.powermail_form_39 .powermail_tab_navigation .btn.btn-warning {
  max-width: 60px;
  float: left;
  margin-left: 2rem;
  position: relative; }
  .powermail_form_39 .powermail_tab_navigation .btn.btn-warning::before {
    content: 'zurück';
    position: absolute;
    right: 0;
    padding: 12px 20px;
    background-color: grey;
    top: 0; }

.powermail_form_39 .js--show-counter {
  width: 96%; }

.news__hightlights {
  display: block; }
  .news__hightlights .hightlight__itm {
    border-bottom: 1px solid #007684;
    width: 100%; }
  .news__hightlights .label {
    padding-left: 0;
    color: #333; }
    .news__hightlights .label:after {
      display: none; }
    .news__hightlights .label .title--mid {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold; }
      @media only screen and (min-width: 704px) {
        .news__hightlights .label .title--mid {
          font-size: 20px;
          line-height: 1.4; } }
    .news__hightlights .label .date {
      font-size: 13px;
      line-height: 1.33; }
      @media only screen and (min-width: 704px) {
        .news__hightlights .label .date {
          font-size: 16px;
          line-height: 1.4; } }
  .news__hightlights .img__box {
    min-width: 12px; }
  @media only screen and (min-width: 704px) {
    .news__hightlights .hightlight__itm .label {
      display: inline-table;
      width: 100%; }
    .news__hightlights .hightlight__itm .date, .news__hightlights .hightlight__itm .title {
      display: table-cell; }
    .news__hightlights .hightlight__itm .date {
      width: 6em;
      padding-right: 16px; } }

.news__detail .news__intro {
  font-weight: bold; }

.news__detail .news__gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.5%;
  margin-right: -2.5%;
  width: unset; }
  .news__detail .news__gallery figure {
    margin: 0; }
  .news__detail .news__gallery .img__box {
    flex: 1 1 45%;
    margin-left: 2.5%;
    margin-right: 2.5%; }
    .news__detail .news__gallery .img__box:first-of-type {
      margin-top: 16px;
      margin-top: var(--gap--grd); }
  .news__detail .news__gallery .imgs__top {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 100%; }
  .news__detail .news__gallery img {
    display: inline-block;
    vertical-align: top; }

.pid806,
.pid807,
.pid808,
.pid809,
.pid810,
.pid811,
.pid812,
.pid813,
.pid814,
.pid815,
.pid816,
.pid817,
.pid818,
.pid819,
.pid820,
.pid885,
.pid884,
.pid883,
.pid882,
.pid881,
.pid821 {
  background-color: #EDEDED; }
  .pid806 main,
  .pid807 main,
  .pid808 main,
  .pid809 main,
  .pid810 main,
  .pid811 main,
  .pid812 main,
  .pid813 main,
  .pid814 main,
  .pid815 main,
  .pid816 main,
  .pid817 main,
  .pid818 main,
  .pid819 main,
  .pid820 main,
  .pid885 main,
  .pid884 main,
  .pid883 main,
  .pid882 main,
  .pid881 main,
  .pid821 main {
    margin-top: 2rem; }
  .pid806 .section--wht,
  .pid807 .section--wht,
  .pid808 .section--wht,
  .pid809 .section--wht,
  .pid810 .section--wht,
  .pid811 .section--wht,
  .pid812 .section--wht,
  .pid813 .section--wht,
  .pid814 .section--wht,
  .pid815 .section--wht,
  .pid816 .section--wht,
  .pid817 .section--wht,
  .pid818 .section--wht,
  .pid819 .section--wht,
  .pid820 .section--wht,
  .pid885 .section--wht,
  .pid884 .section--wht,
  .pid883 .section--wht,
  .pid882 .section--wht,
  .pid881 .section--wht,
  .pid821 .section--wht {
    background-color: transparent; }

.tarif-detail {
  background-color: #EDEDED;
  margin-bottom: 2rem !important; }
  .tarif-detail p {
    margin-top: 0;
    margin-bottom: 0; }
  .tarif-detail .title--mid {
    font-size: 1.5rem;
    font-weight: 700; }

.tarif-detail .row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem; }

.tarif-detail .row + .row {
  margin-top: 1.5rem; }

.tarif-detail .col-12 {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 .75rem; }

.tarif-detail .col-6 {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 .75rem;
  margin-bottom: .5rem; }
  @media only screen and (min-width: 704px) {
    .tarif-detail .col-6 {
      flex-basis: 50%;
      max-width: 50%; } }

.tarif-detail .col-4 {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 .75rem;
  margin-bottom: .5rem; }
  @media only screen and (min-width: 704px) {
    .tarif-detail .col-4 {
      flex-basis: 33.33%;
      max-width: 33.33%;
      margin-bottom: 0; } }

.tarif-detail__box {
  padding: 1.5rem;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07);
  height: 100%; }

.tarif-detail__box--highlight {
  color: white;
  background-color: #702082;
  box-shadow: none;
  height: auto; }

.tarif-business .tarif-detail__box--highlight {
  background-color: #702082; }

.tarif-professional .tarif-detail__box--highlight {
  background-color: #702082; }

.tarif-detail__box--light {
  background-color: rgba(112, 32, 130, 0.1);
  box-shadow: none;
  padding: 1rem;
  height: auto; }

.tarif-detail__content--col {
  display: flex;
  align-items: baseline; }

.title-bottom {
  margin-bottom: 1rem !important; }

.tarif-main-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0; }

.tarif-title-big {
  font-size: 3rem;
  font-weight: 700; }

.tarif-title-mid {
  font-size: 1.75rem;
  font-weight: 700;
  padding-right: .25rem; }

.tarif-title-info {
  padding-left: 1rem; }

.tarif-title--hint {
  color: #702082;
  font-weight: 700; }

.tarif-business .tarif-title--hint {
  color: #702082; }

.tarif-professional .tarif-title--hint {
  color: #702082; }

.tarif-title--highlight {
  font-size: 2.25rem;
  color: #702082;
  font-weight: 700; }

.tarif-business .tarif-title--highlight {
  color: #702082; }

.tarif-professional .tarif-title--highlight {
  color: #702082; }

.tarif-chip {
  display: inline-block;
  padding: .25rem 1rem;
  margin-right: .5rem;
  border-radius: 40px;
  background-color: #702082;
  color: white;
  font-weight: bold; }

.tarif-business .tarif-chip {
  background-color: #702082; }

.tarif-professional .tarif-chip {
  background-color: #702082; }

.tarif-chip--light {
  background-color: rgba(51, 51, 51, 0.1);
  color: #702082; }

.tarif-detail__content .btn {
  color: #fff;
  background-color: #702082; }

.tarif-business .tarif-detail__content .btn {
  background-color: #702082; }

.tarif-professional .tarif-detail__content .btn {
  background-color: #702082; }

.tarif-detail__stats {
  margin: 1rem 0 1.5rem 0; }

.tarif-detail__download,
.tarif-detail__upload {
  background-color: #f3f3f3;
  border-radius: 40px;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09) inset;
  height: 20px;
  width: 100%;
  position: relative;
  margin-bottom: 8px; }

.tarif-detail__download span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 40px;
  max-width: 100%;
  background: linear-gradient(90deg, #007FC7 0%, #01A4FF 100%); }

.tarif-business .tarif-detail__download span {
  background: linear-gradient(90deg, #007FC7 0%, #01A4FF 100%); }

.tarif-professional .tarif-detail__download span {
  background: linear-gradient(90deg, #007FC7 0%, #01A4FF 100%); }

.tarif-detail__upload span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 40px;
  max-width: 100%;
  background: linear-gradient(270deg, #BE38CE 0%, #82358B 100%); }

.tarif-business .tarif-detail__upload span {
  background: linear-gradient(270deg, #BE38CE 0%, #82358B 100%); }

.tarif-professional .tarif-detail__upload span {
  background: linear-gradient(270deg, #BE38CE 0%, #82358B 100%); }

.tarif-icon-row {
  display: flex;
  align-items: center; }
  .tarif-icon-row .icon {
    padding-right: .5rem;
    line-height: 1; }

.title-bottom.tarif-icon-row .icon {
  padding-right: 1rem; }

.attr__list {
  margin: 0;
  list-style: none;
  padding: 0; }
  .attr__list .icon {
    padding-right: .5rem; }

p + .tarif-chip,
.attr__list + .tarif-chip {
  margin-top: 1rem; }

.end-box {
  height: 100%;
  align-items: end; }

.tarif-detail__content--green {
  background: rgba(0, 118, 132, 0.1);
  color: #007482;
  margin-bottom: 2rem;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  font-weight: 700; }

.tarif-icon-discount {
  line-height: 1;
  padding-right: .5rem; }

.detail-page-tarifs {
  color: var(--swn-grau, #333);
  text-align: center;
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  text-decoration-line: underline;
  margin-bottom: 1rem; }

.tariff_calculator_feature-hint {
  margin-top: 2rem; }

.tariff_activate_consultant {
  display: inline-block !important;
  width: auto !important; }

.center-btn {
  text-align: center;
  justify-content: center; }

#tariff_checker .productinfo {
  text-align: center;
  margin-top: 16px;
  margin-top: var(--gap--grd); }
  #tariff_checker .productinfo .tax-info {
    font-size: 13px;
    line-height: 1.33; }
    @media only screen and (min-width: 704px) {
      #tariff_checker .productinfo .tax-info {
        font-size: 16px;
        line-height: 1.4; } }
    #tariff_checker .productinfo .tax-info a {
      color: #702082; }
  #tariff_checker .productinfo #standortvernetz__cta {
    margin-bottom: 2em; }
    #tariff_checker .productinfo #standortvernetz__cta .btn .lbl {
      color: #fff; }

.om-cookie-panel {
  padding-top: 32px;
  padding-bottom: 32px;
  display: none; }
  .om-cookie-panel.active {
    display: block; }

.cookie-panel__control .btn {
  display: inline-block;
  width: auto;
  margin-right: 1em; }
  .cookie-panel__control .btn:last-child {
    margin-right: 0; }

.cookie-panel__control .cookie-panel__button--secondary {
  background-color: #7fbac1;
  color: #e5f1f2; }

main > .c-socialwall {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-top: var(--gap--blt);
  padding-bottom: var(--gap--blt); }

.c-socialwall .title {
  margin-bottom: 16px;
  margin-bottom: var(--gap--grd); }

.c-socialwall .button__group {
  margin-top: 16px;
  margin-top: var(--gap--grd);
  text-align: center; }

.c-socialwall img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1; }
  @media only screen and (min-width: 704px) {
    .c-socialwall img {
      width: auto;
      aspect-ratio: auto; } }

.timeline {
  color: #fff;
  padding: 40px 0;
  overflow-x: hidden;
  background: transparent;
  /* MEDIA QUERIES */ }
  .timeline ul {
    padding: 0;
    margin: 0; }
    .timeline ul li {
      list-style-type: none;
      position: relative;
      width: 6px;
      margin-left: 20px;
      padding-top: 50px;
      background: #93c43e; }
      .timeline ul li::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: inherit;
        transition: background .5s ease-in-out; }
      .timeline ul li div {
        position: relative;
        bottom: 0;
        width: calc(100vw - 91px);
        padding: 15px;
        background: #0071bc;
        visibility: hidden;
        opacity: 0;
        transition: all .5s ease-in-out; }
        .timeline ul li div::before {
          content: '';
          position: absolute;
          bottom: 7px;
          width: 0;
          height: 0;
          border-style: solid; }
      .timeline ul li:nth-child(even) div {
        left: 45px;
        transform: translate3d(200px, 0, 0); }
        .timeline ul li:nth-child(even) div::before {
          left: -15px;
          border-width: 8px 16px 8px 0;
          border-color: transparent #0071bc transparent transparent; }
      .timeline ul li:nth-child(odd) div {
        left: 45px;
        transform: translate3d(-200px, 0, 0); }
        .timeline ul li:nth-child(odd) div::before {
          left: -15px;
          border-width: 8px 16px 8px 0;
          border-color: transparent #0071bc transparent transparent; }
      .timeline ul li.in-view::after {
        background: #93c43e; }
      .timeline ul li.in-view div {
        transform: none;
        visibility: visible;
        opacity: 1; }
  .timeline h3 {
    margin-top: 0; }
  @media only screen and (min-width: 704px) {
    .timeline ul li {
      margin: 0 auto; }
      .timeline ul li div {
        width: 250px; }
      .timeline ul li:nth-child(odd) div {
        left: -289px;
        /*250+45-6*/ }
        .timeline ul li:nth-child(odd) div::before {
          right: -15px;
          left: unset;
          border-width: 8px 0 8px 16px;
          border-color: transparent transparent transparent #0071bc; } }
  @media only screen and (min-width: 1088px) {
    .timeline ul li div {
      width: 400px; }
    .timeline ul li:nth-child(odd) div {
      left: -439px; } }

.searchresult__head {
  margin: 16px 0;
  margin: var(--gap--grd) 0; }
  .searchresult__head #results-per-page {
    margin-top: 4px; }
  @media only screen and (min-width: 704px) {
    .searchresult__head {
      display: table;
      width: 100%; }
      .searchresult__head .form--searchquery {
        display: table-cell; }
      .searchresult__head #results-per-page {
        display: table-cell;
        text-align: right;
        margin-top: 0; } }
  .searchresult__head:first-child {
    margin-top: 16px;
    margin-top: var(--gap--grd); }

.searchresult .form--searchquery .btn {
  width: auto;
  margin-left: 4px;
  margin-left: var(--gap--content);
  margin-top: 0;
  margin-bottom: 0;
  height: 30px;
  vertical-align: bottom; }

.searchresult .form--searchquery .input--searchquery {
  height: 30px; }

.searchresult .title {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-top: var(--gap--grd);
  margin-bottom: var(--gap--grd); }

.searchresult .results-highlight {
  color: #007684; }

@media only screen and (min-width: 704px) {
  .searchresult .form--searchquery .btn {
    height: 50px; }
  .searchresult .form--searchquery .input--searchquery {
    height: 50px; } }

/* scss/showcase/_showcase__header.scss */
/* scss/showcase/_showcase__footer.scss */

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