/*
*
*	Thüringer Aufbaubank - 2019 - 2024
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
/* ----- mixins.less - 2018 ----- */
* {
  padding: 0;
  margin: 0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html[dir="rtl"] {
  direction: rtl;
}
html {
  font-size: 100%;
  text-size-adjust: 100%;
}
html,
body {
  height: 100%;
  width: 100%;
  font-smooth: always;
}
input.formText,
textarea {
  font-family: 'Mosk Regular', sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
select,
input {
  -webkit-box-shadow: none;
  -webkit-border-radius: 0;
}
button {
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  user-select: none;
}
textarea {
  resize: vertical;
  overflow: auto;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
/* -- Defaults -- */
::-webkit-input-placeholder {
  color: #B3B3B3;
  -webkit-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:-moz-placeholder {
  color: #B3B3B3;
  -moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
::-moz-placeholder {
  color: #B3B3B3;
  -moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:-ms-input-placeholder {
  color: #B3B3B3;
  -ms-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:focus::-webkit-input-placeholder {
  color: #ccc;
}
:focus:-moz-placeholder {
  color: #ccc;
}
:focus::-moz-placeholder {
  color: #ccc;
}
:focus:-ms-input-placeholder {
  color: #ccc;
}
ul,
ol {
  padding-left: 23px;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
img,
input,
textarea {
  transition: color 250ms cubic-bezier(0.2, 1, 0.3, 1), border-color 250ms cubic-bezier(0.2, 1, 0.3, 1), background-color 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.2, 1, 0.3, 1);
}
.hidettext {
  text-indent: -150%;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  font-size: 1px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0 !important;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
a {
  color: inherit;
}
a:active {
  background-color: transparent;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a {
  color: #0089C1;
  text-decoration: none;
}
a:hover {
  color: #F18C00;
  text-decoration: underline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table th,
table td {
  text-align: left;
  vertical-align: top;
}
/* html {scroll-padding-top: 120px;scroll-snap-type: mandatory}  */
html {
  scroll-padding-top: 130px;
}
/*html, body {scroll-behavior: smooth;}  */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
*::-webkit-selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
*::-moz-selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
*::selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
/* - Remove the gap - */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}
.hide-on-desktop,
.hide-on-mobile {
  display: none;
}
.circle {
  border-radius: 50%;
}
img.responsive {
  width: 100% !important;
  height: auto !important;
}
strong {
  font-family: 'Mosk Semibold', sans-serif;
}
/* ----- Collider - reset.less - 2018 ----- */
/* -- Defaults -- */
::-webkit-input-placeholder {
  color: var(--color-grey);
  -webkit-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:-moz-placeholder {
  color: var(--color-grey);
  -moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
::-moz-placeholder {
  color: var(--color-grey);
  -moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:focus::-webkit-input-placeholder {
  color: #ccc;
}
:focus:-moz-placeholder {
  color: #ccc;
}
:focus::-moz-placeholder {
  color: #ccc;
}
ul,
ol {
  padding-left: 23px;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
canvas {
  -ms-touch-action: double-tap-zoom;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
img,
input,
textarea {
  transition: color 250ms cubic-bezier(0.2, 1, 0.3, 1), border-color 250ms cubic-bezier(0.2, 1, 0.3, 1), background-color 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.2, 1, 0.3, 1);
}
.hidettext {
  text-indent: -150%;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  font-size: 1px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0 !important;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
a {
  color: inherit;
}
a:active {
  background-color: transparent;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a {
  color: var(--color-blue);
  text-decoration: none;
}
a:hover {
  color: var(--color-orange);
  text-decoration: underline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table th,
table td {
  text-align: left;
  vertical-align: top;
}
/* html {scroll-padding-top: 120px;scroll-snap-type: mandatory}  */
html {
  scroll-padding-top: 130px;
}
*::-webkit-selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--color-darkgrey);
}
*::-moz-selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--color-darkgrey);
}
*::selection {
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--color-darkgrey);
}
/* - Remove the gap - */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}
.hide-on-desktop,
.hide-on-mobile {
  display: none;
}
.circle {
  border-radius: 50%;
}
img.responsive {
  width: 100% !important;
  height: auto !important;
}
strong {
  font-family: 'Mosk Semibold', sans-serif;
}
.table-mode {
  width: 100%;
  display: table;
}
.table-mode > * {
  display: table-cell;
}
/* -- Wiederverwendabr-- */
.fltrt {
  float: right;
}
.fltlft {
  float: left;
}
.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/*
*
*	Thüringer Aufbaubank - 2019 - 2023
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*   Fontface.less
*
*/
@font-face {
  font-family: 'Mosk Light';
  src: url('../fonts/mosk_light_300-webfont.eot');
  src: url('../fonts/mosk_light_300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mosk_light_300-webfont.woff2') format('woff2'), url('../fonts/mosk_light_300-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mosk Regular';
  src: url('../fonts/mosk_normal_400-webfont.eot');
  src: url('../fonts/mosk_normal_400-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mosk_normal_400-webfont.woff2') format('woff2'), url('../fonts/mosk_normal_400-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mosk Medium';
  src: url('../fonts/mosk_medium_500-webfont.eot');
  src: url('../fonts/mosk_medium_500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mosk_medium_500-webfont.woff2') format('woff2'), url('../fonts/mosk_medium_500-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mosk Semibold';
  src: url('../fonts/mosk_semi-bold_600-webfont.eot');
  src: url('../fonts/mosk_semi-bold_600-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mosk_semi-bold_600-webfont.woff2') format('woff2'), url('../fonts/mosk_semi-bold_600-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aufbaubank-2019';
  src: url('../fonts/icomoon.eot?ix8kjm');
  src: url('../fonts/icomoon.eot?ix8kjm#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ix8kjm') format('truetype'), url('../fonts/icomoon.woff?ix8kjm') format('woff'), url('../fonts/icomoon.svg?ix8kjm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'aufbaubank-2019' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-print:before {
  content: "\e900";
}
.icon-home:before {
  content: "\e901";
}
.icon-checked:before {
  content: "\e902";
}
.icon-search-light:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e904";
}
.icon-docs:before {
  content: "\e905";
}
.icon-arrow-down:before {
  content: "\e906";
}
.icon-help:before {
  content: "\e907";
}
.icon-share:before {
  content: "\e908";
}
.icon-quote:before {
  content: "\e909";
}
.icon-economy:before {
  content: "\e90a";
}
.icon-binocular:before {
  content: "\e90b";
}
.icon-handshake:before {
  content: "\e90c";
}
.icon-chat:before {
  content: "\e90d";
}
.icon-contract:before {
  content: "\e90e";
}
.icon-financeplan:before {
  content: "\e90f";
}
.icon-bank:before {
  content: "\e910";
}
.icon-play:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-xing:before {
  content: "\e913";
}
.icon-facebook:before {
  content: "\e914";
}
.icon-twitter:before {
  content: "\e915";
}
.icon-mail:before {
  content: "\e916";
}
.icon-fax:before {
  content: "\e917";
}
.icon-close:before {
  content: "\e918";
}
.icon-volume:before {
  content: "\e91a";
}
.icon-pause:before {
  content: "\e919";
}
.icon-mute:before {
  content: "\e91b";
}
.icon-checked-round:before {
  content: "\e91c";
}
.icon-consulting:before {
  content: "\e91d";
}
.icon-download:before {
  content: "\e91e";
}
.icon-failed:before {
  content: "\e91f";
}
.icon-youtube:before {
  content: "\e920";
}
.icon-linkedin:before {
  content: "\e921";
}
.icon-dismissed:before {
  content: "\e922";
}
/*
*
*	Thüringer Aufbaubank - 2019 - 2023
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*   Grid.less
*
*/
.grid {
  margin: 0 -20px;
}
.grid > .box {
  float: left;
  padding: 0 20px;
}
.grid > .box-20 {
  width: 20%;
}
.grid > .box-25 {
  width: 25%;
}
.grid > .box-33 {
  width: 33.333333%;
}
.grid > .box-40 {
  width: 40%;
}
.grid > .box-50 {
  width: 50%;
}
.grid > .box-60 {
  width: 60%;
}
.grid > .box-65 {
  width: 65%;
}
.grid > .box-66 {
  width: 66.666666%;
}
.grid > .box-75 {
  width: 75%;
}
.grid > .box-100 {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .grid > .box {
    float: none;
  }
  .grid > .box-33,
  .grid > .box-66,
  .grid > .box-50 {
    padding: 0 !important;
    width: auto;
  }
}
/* -- Grid Layout -- */
.flexgrid {
  margin: 0 -20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.flexgrid .box {
  padding: 0 20px;
}
.flexgrid .box-25 {
  width: 25%;
}
.flexgrid .box-33 {
  width: 33.333333%;
}
.flexgrid .box-40 {
  width: 40%;
}
.flexgrid .box-50 {
  width: 50%;
}
.flexgrid .box-60 {
  width: 60%;
}
.flexgrid .box-66 {
  width: 66.666666%;
}
.flexgrid .box-75 {
  width: 75%;
}
.flexgrid .box-80 {
  width: 80%;
}
.flexgrid .box-100 {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .flexgrid {
    flex-direction: column;
  }
  .flexgrid .box-33,
  .flexgrid .box-66,
  .flexgrid .box-50 {
    width: 100%;
  }
}
.equal-grid:last-child {
  margin-bottom: 0;
}
.equal-grid .box {
  display: flex;
  margin-bottom: 40px;
  flex-direction: column;
}
.equal-grid .node,
.equal-grid .block,
.equal-grid .card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.equal-grid .block .inner {
  flex: 1 1 auto;
}
/* -- Display Mods  -- */
.flexbox-mode {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode > div {
  flex: 0 1 auto;
}
.flexbox-mode > .sidebar,
.flexbox-mode > .content {
  display: flex;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode > .sidebar .node,
.flexbox-mode > .content .node {
  display: flex;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode > .sidebar .node .inner,
.flexbox-mode > .content .node .inner {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.flexbox-mode-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode-content > div {
  flex: 0 1 auto;
}
.flexbox-mode-content > .content {
  display: flex;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode-content > .content .node {
  display: flex;
  align-content: stretch;
  align-items: stretch;
}
.flexbox-mode-content > .content .node .inner {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.flex-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.flex-left-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
/* ----- Collider - menu.less ----- */
.slinky-menu {
  overflow: hidden;
}
.slinky-menu > ul {
  left: 0;
  position: relative;
}
.slinky-menu ul,
.slinky-menu li {
  list-style: none;
  margin: 0;
}
.slinky-menu ul {
  width: 100%;
}
.slinky-menu a {
  display: block;
}
.slinky-menu li ul {
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
}
/* -- Navigation -- */
.inline ul li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
a#hamburger {
  display: none;
  position: absolute;
  left: 30px;
  top: 25px;
}
a#hamburger .burger {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 2px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  display: block;
}
a#hamburger .burger em {
  width: 30px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  top: 50%;
  margin-top: -1px;
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
a#hamburger .burger em.top {
  margin-top: -9px;
}
a#hamburger .burger em.bottom {
  margin-top: 7px;
}
a#hamburger .text {
  display: none;
}
a#hamburger.open .burger em.top {
  margin-top: -1px;
  transform: rotate(45deg);
}
a#hamburger.open .burger em.middle {
  transform: scale(0, 1);
}
a#hamburger.open .burger em.bottom {
  margin-top: -1px;
  transform: rotate(-45deg);
}
/* -- Topmenu -- */
#topmenu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 240px;
  height: 47px;
  position: relative;
  z-index: 6;
}
#topmenu ul li a {
  display: block;
  position: relative;
  font-family: 'Mosk Medium', sans-serif;
  font-size: 14px;
}
#topmenu ul li a:hover {
  color: var(--color-orange);
}
#topmenu ul li.active a {
  color: var(--color-orange);
}
#topmenu ul li.lang {
  float: right;
}
#topmenu .has-sub {
  position: relative;
  padding-right: 20px;
}
#topmenu .has-sub button.menu-toggle {
  color: #fff;
  background: transparent;
  width: 20px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  justify-content: center;
  cursor: pointer;
  border: 0;
  align-items: center;
}
#topmenu .has-sub button.menu-toggle::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #FFFFFF transparent transparent transparent;
}
#topmenu .has-sub button.menu-toggle:hover::before {
  border-color: var(--color-orange) transparent transparent transparent;
}
#topmenu .has-sub > .arrow-rt {
  display: block;
  position: relative;
  float: right;
  height: 14px;
  width: 40px;
  top: 14px;
}
#topmenu .has-sub > .arrow-rt::before,
#topmenu .has-sub > .arrow-rt::after {
  content: "";
  position: absolute;
}
#topmenu .has-sub > .arrow-rt::before {
  background: var(--color-grey);
  height: 1px;
  width: 100%;
  top: 50%;
}
#topmenu .has-sub > .arrow-rt::after {
  border-right: 1px solid var(--color-grey);
  border-top: 1px solid var(--color-grey);
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  right: 0;
  top: 50%;
  margin-top: -5px;
}
#topmenu .has-sub ul {
  position: absolute;
  padding: 20px 0 20px;
  top: -9999em;
  display: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
#topmenu .has-sub ul li {
  float: none;
}
#topmenu .has-sub ul li a {
  color: var(--color-blue);
}
#topmenu .has-sub ul li a:hover {
  color: var(--color-orange);
}
#topmenu .has-sub ul li.active a {
  color: var(--color-orange);
}
#topmenu .has-sub.open button.menu-toggle::before,
#topmenu .has-sub:hover button.menu-toggle::before {
  transform: rotate(180deg);
}
#topmenu .has-sub.open > ul,
#topmenu .has-sub:hover > ul {
  opacity: 1;
  display: block;
  top: 100%;
}
#topmenu > ul {
  padding-left: 0;
  padding: 11px 0;
  height: 47px;
}
#topmenu > ul li {
  margin-right: 25px;
}
#topmenu > ul li a {
  color: #D9D9D9;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 11px;
  position: relative;
  white-space: nowrap;
}
#topmenu > ul li a::before {
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: block;
  background: var(--color-orange);
  opacity: 0;
}
#topmenu > ul li a:hover {
  color: var(--color-orange);
}
#topmenu > ul li:hover > a {
  color: var(--color-orange);
}
#topmenu > ul li:hover > a::before {
  opacity: 1;
}
#topmenu > ul > li:hover > ul,
#topmenu > ul > li:focus > ul,
#topmenu > ul > li:focus-within > ul {
  top: 100% !important;
}
#topmenu > ul > li > ul {
  background: #fff;
  opacity: 0;
}
#topmenu > ul > li > ul > li {
  margin-right: 0;
}
#topmenu > ul > li > ul > li a {
  padding: 5px 30px;
}
#topmenu > ul > li > ul > li a::before {
  content: "";
  width: 5px;
  height: auto;
  left: 0;
  top: 5px;
  bottom: 5px;
  position: absolute;
  background: var(--color-orange);
  opacity: 0;
}
#topmenu > ul > li > ul > li a:hover::before {
  opacity: 1;
}
#topmenu > ul > li > ul > li:hover > a {
  color: var(--color-orange);
}
#topmenu > ul > li > ul > li:hover > a::before {
  opacity: 1;
}
#topmenu > ul > li > ul > li > ul {
  background: var(--color-lightgrey);
  z-index: -1;
  top: 0 !important;
  opacity: 0;
  left: 100%;
}
/* -- Mainmenu -- */
#mainmenu {
  font-family: 'Mosk Medium', sans-serif;
  font-size: 16px;
}
#mainmenu ul {
  margin: 0;
  padding: 0;
}
#mainmenu ul li {
  position: relative;
  margin-right: 25px;
}
#mainmenu ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 0 19px;
  position: relative;
  color: #fff;
}
#mainmenu ul li a::before {
  content: "";
  background: var(--color-orange);
  width: 100%;
  left: 0;
  bottom: 1px;
  height: 0;
  display: block;
  position: absolute;
  transition: height 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#mainmenu ul li a:hover {
  color: var(--color-orange);
}
#mainmenu ul li a:hover::before {
  height: 5px;
}
#mainmenu ul li.active > a {
  color: var(--color-orange);
}
#mainmenu ul li.active > a::before {
  height: 5px;
}
#mainmenu ul li.has-sub {
  padding-right: 20px;
}
#mainmenu ul li.has-sub button.menu-toggle {
  color: #fff;
  background: transparent;
  width: 20px;
  height: 63px;
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  justify-content: center;
  cursor: pointer;
  border: 0;
  align-items: center;
}
#mainmenu ul li.has-sub button.menu-toggle::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #FFFFFF transparent transparent transparent;
}
#mainmenu ul li.has-sub button.menu-toggle:hover::before {
  border-color: var(--color-orange) transparent transparent transparent;
}
#mainmenu ul li ul {
  position: absolute;
  background: #fff;
  padding: 35px 0;
  top: -9999em;
  opacity: 0;
  display: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#mainmenu ul li ul li {
  float: none;
  margin-right: 0;
}
#mainmenu ul li ul li a {
  color: var(--color-blue);
  padding: 5px 30px;
  display: block;
  white-space: nowrap;
}
#mainmenu ul li ul li a::before {
  width: 0;
  height: auto !important;
  bottom: 5px;
  top: 5px;
  left: 0;
  transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#mainmenu ul li ul li a:hover::before {
  width: 5px;
}
#mainmenu ul li ul li ul {
  left: 100%;
  top: -35px !important;
}
#mainmenu ul li ul li.active > a {
  color: var(--color-orange);
}
#mainmenu ul li ul li.active > a::before {
  width: 5px;
}
#mainmenu ul li.open button.menu-toggle::before,
#mainmenu ul li:hover button.menu-toggle::before {
  transform: rotate(180deg);
}
#mainmenu ul li.open > ul,
#mainmenu ul li:hover > ul {
  opacity: 1;
  top: 100%;
  transform: scale(1);
  display: block;
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  #topmenu,
  #mainmenu {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  #topmenu,
  #mainmenu {
    font-size: 14px;
  }
  #topmenu ul li,
  #mainmenu ul li {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1130px) {
  #topmenu,
  #mainmenu {
    display: none;
  }
}
#mobilemenu {
  background: #fff;
  position: absolute;
  left: 0;
  top: 80px;
  max-height: calc(100vh - 180px);
  overflow: auto;
  right: 0;
  padding: 30px;
  display: none;
  font-size: 22px;
  z-index: 1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#mobilemenu a {
  color: var(--color-blue);
  text-decoration: none;
  display: block;
  padding: 10px 0 10px;
  font-family: 'Mosk Medium', sans-serif;
}
#mobilemenu .menu {
  position: relative;
  margin-bottom: 0;
}
#mobilemenu .arrow-forward {
  position: absolute;
  display: block;
  width: 40px;
  height: 44px;
  right: 5px;
  cursor: pointer;
  border: 0;
  background: transparent;
  overflow: visible;
}
#mobilemenu .arrow-forward::before,
#mobilemenu .arrow-forward::after {
  content: "";
  position: absolute;
  display: block;
}
#mobilemenu .arrow-forward::before {
  height: 1px;
  width: 40px;
  background: var(--color-grey);
  top: 50%;
  margin-top: -1px;
}
#mobilemenu .arrow-forward::after {
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  border-right: 1px solid var(--color-grey);
  border-top: 1px solid var(--color-grey);
  right: 0;
  top: 50%;
  margin-top: -6px;
}
#mobilemenu .arrow-forward:hover::before {
  background: var(--color-orange);
}
#mobilemenu .arrow-forward:hover::after {
  border-color: var(--color-orange);
}
#mobilemenu .back {
  position: absolute;
  display: block;
  width: 40px;
  height: 44px;
  left: 3px;
  top: 0;
  padding: 0 !important;
  cursor: pointer;
  border: 0;
  background: transparent;
  overflow: visible;
}
#mobilemenu .back::before,
#mobilemenu .back::after {
  content: "";
  position: absolute;
  display: block;
}
#mobilemenu .back::before {
  height: 1px;
  width: 40px;
  background: var(--color-grey);
  top: 50%;
  margin-top: -1px;
}
#mobilemenu .back::after {
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  border-left: 1px solid var(--color-grey);
  border-bottom: 1px solid var(--color-grey);
  top: 50%;
  margin-top: -6px;
}
#mobilemenu .back:hover::before {
  background: var(--color-orange);
}
#mobilemenu .back:hover::after {
  border-color: var(--color-orange);
}
#mobilemenu ul {
  list-style: none;
  position: relative;
  padding-left: 0;
}
#mobilemenu ul li {
  padding: 0;
}
#mobilemenu ul li.header {
  color: var(--color-orange);
  position: relative;
}
#mobilemenu ul li.header h2 {
  font-size: 22px;
  margin-bottom: 0;
  font-weight: normal;
  padding: 10px 0 10px 70px;
}
#mobilemenu ul li.has-sub ul {
  background: #fff;
}
#mobilemenu ul li.has-sub ul li a {
  padding: 10px 0 10px 70px;
}
#mobilemenu ul > li.has-sub ul {
  position: absolute;
  left: 100%;
  top: 0;
}
#mobilemenu.open {
  display: block;
}
@media only screen and (max-width: 1120px) {
  #mobilemenu.open {
    display: block;
  }
}
/* -- Social menu im Footer -- */
.socialmenu ul {
  padding-left: 0;
}
.socialmenu ul li {
  margin-right: 20px;
}
.socialmenu ul li a {
  text-decoration: none;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 45px;
  font-size: 20px;
  background: var(--color-blue);
  display: block;
}
.socialmenu ul li a span {
  display: none;
}
.socialmenu ul li a.icon-facebook:hover {
  background: #3b5998;
}
.socialmenu ul li a.icon-twitter:hover {
  background: #00acee;
}
.socialmenu ul li a.icon-xing:hover {
  background: #126567;
}
/* -- Sharebar -- */
#sharebar {
  position: relative;
  z-index: 2;
  top: 40px;
}
#sharebar > ul {
  position: relative;
}
#sharebar ul li {
  margin-left: 10px;
}
#sharebar ul li a {
  text-decoration: none;
  color: var(--color-grey);
}
#sharebar ul li a span {
  display: none;
}
#sharebar ul li a:hover {
  color: var(--color-orange);
}
#sharebar ul li ul {
  background: #fff;
  position: absolute;
  right: 0;
}
#sharebar ul li ul li {
  display: inline-block;
  float: none;
}
#sharebar ul li ul li.label {
  color: var(--color-grey);
  font-size: 14px;
}
#sharebar ul li ul li a {
  padding: 3px 0;
  display: block;
  line-height: 14px;
}
#sharebar ul li ul li button.closer {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  color: var(--color-grey);
}
#sharebar ul li ul li button.closer span {
  display: none;
}
#sharebar ul li.open ul {
  display: block;
}
#sharebar ul li.shareIt button.closer {
  color: var(--color-blue);
}
#sharebar ul li.shareIt ul {
  position: absolute;
  background: #fff;
  right: 0;
  top: -999em;
  width: 250px;
}
#sharebar ul li.shareIt ul li {
  opacity: 0;
  transition: transform 450ms cubic-bezier(0.2, 1, 0.3, 1), opacity 450ms cubic-bezier(0.2, 1, 0.3, 1);
}
#sharebar ul li.shareIt ul li.label {
  text-transform: uppercase;
  font-size: 15px;
}
#sharebar ul li.shareIt.active ul {
  top: 0;
}
#sharebar ul li.shareIt.active ul li {
  opacity: 1;
  transform: translate(0, 0);
}
#sharebar ul li.shareIt.active ul li:nth-child(1) {
  transition-delay: 0.535s;
}
#sharebar ul li.shareIt.active ul li:nth-child(2) {
  transition-delay: 0.635s;
}
#sharebar ul li.shareIt.active ul li:nth-child(3) {
  transition-delay: 0.735s;
}
#sharebar ul li.shareIt.active ul li:nth-child(4) {
  transition-delay: 0.835s;
}
#sharebar ul li.shareIt.active ul li:nth-child(5) {
  transition-delay: 0.935s;
}
#sharebar ul li.shareIt.active ul li:nth-child(6) {
  transition-delay: 1.035s;
}
.grey #sharebar ul li.shareIt ul {
  background: var(--color-lightgrey);
}
/* -- Breadcrumb -- */
#breadcrumb {
  padding: 40px 0 10px;
  position: relative;
  z-index: 1;
  font-size: 14px;
}
#breadcrumb ul li::before {
  content: "/";
  color: var(--color-blue);
  float: right;
  display: block;
  margin: 0 5px;
}
#breadcrumb ul li a {
  color: var(--color-grey);
  text-decoration: none;
}
#breadcrumb ul li a:hover {
  color: var(--color-orange);
}
#breadcrumb ul li:last-child::before {
  display: none;
}
@media only screen and (min-width: 835px) {
  #tab-menu {
    padding-top: 40px;
  }
  #tab-menu .tab_selector {
    display: none;
  }
  #tab-menu ul li {
    position: relative;
    margin-right: -1px;
  }
  #tab-menu ul li a {
    display: block;
    padding: 15px 30px 25px;
    color: var(--color-blue);
    text-decoration: none;
    position: relative;
    z-index: 2;
    font-family: 'Mosk Medium', sans-serif;
  }
  #tab-menu ul li a:hover {
    color: var(--color-orange);
  }
  #tab-menu ul li::before {
    content: "";
    width: 1px;
    height: 33px;
    background: var(--color-grey);
    position: absolute;
    display: block;
    left: 0;
    top: 10px;
    z-index: 1;
  }
  #tab-menu ul li:first-child::before {
    display: none;
  }
  #tab-menu ul li.active {
    z-index: 3;
  }
  #tab-menu ul li.active a {
    background: #fff;
    color: var(--color-orange);
    font-family: 'Mosk Semibold', sans-serif;
  }
}
/* -- Alphabet -- */
@media only screen and (min-width: 835px) {
  #alphabet {
    font-family: 'Mosk Medium', sans-serif;
    margin: -20px 0 40px;
    padding-left: 20px;
  }
  #alphabet .tab_selector {
    display: none;
  }
  #alphabet ul {
    padding-left: 0;
  }
  #alphabet ul a,
  #alphabet ul span {
    display: block;
    padding: 5px 16px;
  }
  #alphabet ul a {
    color: var(--color-blue);
    text-decoration: none;
  }
  #alphabet ul a:hover {
    color: var(--color-orange);
  }
  #alphabet ul a.active {
    background: #fff;
    color: var(--color-orange);
  }
  #alphabet ul span {
    color: #D9D9D9;
  }
}
@media only screen and (max-width: 834px) {
  #alphabet {
    display: inline-block;
    position: relative;
    width: 130px;
    margin-bottom: 40px;
    z-index: 10;
  }
  #alphabet .tab_selector {
    display: block;
    border: 2px solid #D9D9D9;
    border-left: 3px solid var(--color-orange);
    padding: 10px 10px 10px 20px;
  }
  #alphabet .tab_selector i,
  #alphabet .tab_selector em {
    float: right;
    position: relative;
    width: 10px;
    height: 10px;
    border-right: 1px solid var(--color-orange);
    border-bottom: 1px solid var(--color-orange);
    transform: rotate(45deg);
  }
  #alphabet ul {
    position: absolute;
    border: 2px solid #D9D9D9;
    border-top: 2px solid #fff;
    display: none;
    background: #fff;
    padding-left: 0;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 0;
  }
  #alphabet ul li {
    float: none;
  }
  #alphabet ul li a {
    display: block;
    text-align: center;
    color: #333;
  }
  .content-nav-wrapper #alphabet.mobi-select {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* -- Footermenu -- */
#footermenu {
  background: #F5F5F5;
  padding: 20px 0;
}
#footermenu ul {
  margin: 0 auto;
}
#footermenu ul li {
  margin-right: 20px;
}
#footermenu ul li a {
  text-decoration: none;
  color: var(--color-blue);
}
#footermenu ul li a:hover {
  text-decoration: none;
  color: var(--color-orange);
}
#footermenu ul li.last {
  float: right;
}
#footermenu ul li.last a::before {
  width: 10px;
  height: 10px;
  border-top: 1px solid var(--color-blue);
  border-right: 1px solid var(--color-blue);
  content: "";
  display: block;
  float: right;
  transform: rotate(-45deg);
  margin-left: 15px;
  position: relative;
  top: 10px;
}
/* ----- Collider - forms.less - 2018 ----- */
.select2-container {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  cursor: pointer;
  display: block;
  height: 53px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 20px;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container .select2-selection--multiple {
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: var(--color-lightgrey);
  border: 1px solid #D9D9D9;
  border-left: 5px solid #D9D9D9;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
  text-align: left;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -5px;
}
.select2-results__option {
  padding: 10px 15px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 5px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  padding: 9px 15px;
  font-size: 16px;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: 5px solid var(--color-orange);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333;
  line-height: 53px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #B3B3B3;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 53px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-orange);
  border-style: solid;
  border-width: 0 1px 1px 0;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #B3B3B3;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #ddd;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #B3B3B3;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #B3B3B3;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #D9D9D9;
  color: #333;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-orange);
  color: #fff;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.unselected + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #B3B3B3;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #333;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #333;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 1px 0px 0px 1px;
  margin-top: -5px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #333;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #B3B3B3;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #fff;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #777;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: #777;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #3875d7;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  left: 1px;
  right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: transparent transparent #888 transparent;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
}
/* -- -- */
.contactform_success,
.contactform_error {
  font-weight: bold;
}
.contactform_success {
  color: var(--color-green);
}
.contactform_error {
  color: #F13517;
  border-left: 5px solid #F13517;
  background: #FEEBE8;
  padding: 10px 25px;
  margin-bottom: 30px;
}
.contactform_error p:last-child {
  margin-bottom: 0;
}
.cq-error {
  font-weight: bold;
  color: #E53517;
}
/* -- Formular Elemente -- */
fieldset {
  border: 0;
  margin-bottom: 20px;
  padding: 0;
}
fieldset .formItem {
  margin-bottom: 20px;
}
fieldset .formItem span.info {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
  background: #B3B3B3;
  font-size: 10px;
  margin-right: 10px;
  cursor: help;
  border-radius: 50%;
}
fieldset .formItem span.info:hover + span.tooltip {
  display: block;
}
fieldset .formItem span.tooltip {
  background: var(--color-orange) !important;
  padding: 10px;
  position: absolute;
  bottom: 45px;
  right: 0;
  pointer-events: none;
  font-size: 14px;
  display: none;
  line-height: 24px;
  color: #fff;
}
fieldset .formItem span.tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 20px;
}
fieldset .formItem > label:not(.sr-only) {
  display: block;
  position: relative;
}
fieldset .formItem > label:not(.sr-only):first-child {
  padding: 0 20px 10px;
  font-family: 'Mosk Medium', sans-serif;
}
fieldset .formItem select,
fieldset .formItem input.formText,
fieldset .formItem textarea {
  font-size: 18px;
  padding: 15px;
  width: 100%;
  border: 1px solid #ddd;
  border-left: 5px solid var(--color-orange);
  font-family: 'Mosk Regular', sans-serif;
}
fieldset .formItem select:focus,
fieldset .formItem input.formText:focus,
fieldset .formItem textarea:focus {
  border-color: #999;
}
fieldset .formItem select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(../gfx/select-arrow.png) right center no-repeat;
  padding-right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
fieldset .formItem .select2-container {
  display: block;
}
fieldset .formItem.formItemRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
fieldset .captcha-label .formItem {
  background: #f0f0f0;
  border-left: 5px solid var(--color-orange);
}
fieldset .captcha-label .formItem span {
  padding: 15px 20px;
  display: inline-block;
}
fieldset .formRadio,
fieldset .formRadios {
  position: relative;
}
fieldset .formRadio input,
fieldset .formRadios input {
  position: absolute;
  opacity: 0;
  width: 53px;
  height: 53px;
}
fieldset .formRadio label,
fieldset .formRadios label {
  font-weight: normal;
  font-family: 'Mosk Regular', sans-serif;
}
fieldset .formRadio label span,
fieldset .formRadios label span {
  min-height: 53px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
fieldset .formRadio label span a,
fieldset .formRadios label span a {
  margin: 0 4px;
}
fieldset .formRadio i,
fieldset .formRadios i,
fieldset .formRadio em,
fieldset .formRadios em {
  display: block;
  width: 53px;
  height: 53px;
  border: 1px solid #ddd;
  position: relative;
  float: left;
  margin-right: 15px;
  background: #fff;
  cursor: pointer;
}
fieldset .formRadio i::before,
fieldset .formRadios i::before,
fieldset .formRadio em::before,
fieldset .formRadios em::before,
fieldset .formRadio i::after,
fieldset .formRadios i::after,
fieldset .formRadio em::after,
fieldset .formRadios em::after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--color-orange);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  opacity: 0;
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset .formRadio i::before,
fieldset .formRadios i::before,
fieldset .formRadio em::before,
fieldset .formRadios em::before {
  transform: rotate(45deg);
}
fieldset .formRadio i::after,
fieldset .formRadios i::after,
fieldset .formRadio em::after,
fieldset .formRadios em::after {
  transform: rotate(-45deg);
}
fieldset .formRadio input[type="radio"]:checked + label i::before,
fieldset .formRadios input[type="radio"]:checked + label i::before,
fieldset .formRadio input[type="radio"]:checked + label em::before,
fieldset .formRadios input[type="radio"]:checked + label em::before,
fieldset .formRadio input[type="radio"]:checked + label i::after,
fieldset .formRadios input[type="radio"]:checked + label i::after,
fieldset .formRadio input[type="radio"]:checked + label em::after,
fieldset .formRadios input[type="radio"]:checked + label em::after {
  opacity: 1;
}
fieldset .formRadio input[type="radio"]:disabled + label,
fieldset .formRadios input[type="radio"]:disabled + label {
  opacity: 0.5;
}
fieldset .formRadio input[type="radio"]:disabled + label span,
fieldset .formRadios input[type="radio"]:disabled + label span {
  opacity: 0.5;
}
fieldset .formCheckbox input {
  position: absolute;
  opacity: 0;
  width: 53px;
  height: 53px;
}
fieldset .formCheckbox label {
  min-height: 53px;
}
fieldset .formCheckbox label i,
fieldset .formCheckbox label em {
  display: block;
  width: 53px;
  height: 53px;
  border: 1px solid #ddd;
  position: relative;
  float: left;
  margin-right: 15px;
  background: #fff;
  cursor: pointer;
}
fieldset .formCheckbox label i::before,
fieldset .formCheckbox label em::before {
  content: " ";
  width: 28px;
  height: 15px;
  display: block;
  border-left: 1px solid var(--color-orange);
  border-bottom: 1px solid var(--color-orange);
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -14px;
  margin-top: -12px;
  opacity: 0;
  transform: rotate(-45deg);
}
fieldset .formCheckbox label span {
  min-height: 53px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
fieldset .formCheckbox input[type="checkbox"]:checked + label i::before,
fieldset .formCheckbox input[type="checkbox"]:checked + label em::before,
fieldset .formCheckbox input[type="checkbox"]:checked + label i::after,
fieldset .formCheckbox input[type="checkbox"]:checked + label em::after {
  opacity: 1;
}
fieldset .formCheckbox input[type="checkbox"]:disabled + label {
  opacity: 0.5;
}
fieldset .formCheckbox a {
  color: var(--color-blue);
  text-decoration: none;
  display: contents;
}
fieldset .formCaptcha label .label {
  float: left;
  margin-right: 20px;
  padding-top: 5px;
}
fieldset .formCaptcha input {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
}
fieldset .formError label {
  color: #E53517;
}
fieldset .formError input.formText,
fieldset .formError + .select2-container .select2-selection--single,
fieldset .formError textarea {
  border-left-color: #E53517;
}
fieldset .formError.formCheckbox label i,
fieldset .formError.formCheckbox label em {
  border-color: #E53517;
}
/* -- Kontakt Overlay -- */
fieldset.overlay-contact .grid {
  margin-bottom: 20px;
}
fieldset.overlay-contact .formItem select.formSalutation,
fieldset.overlay-contact .formItem input.formText.formSurname {
  width: 49%;
  float: left;
  margin-right: 2%;
}
fieldset.overlay-contact .formItem input.formText.formName {
  width: 49%;
}
fieldset.overlay-contact .formItem textarea {
  height: 272px;
  resize: none;
  display: block;
}
fieldset.overlay-contact .flexgrid .box:nth-child(2) {
  padding: 0 10px;
}
fieldset.overlay-contact .formSubmit {
  display: block;
  width: 100%;
}
fieldset.overlay-newsletter .grid {
  margin-bottom: 20px;
}
fieldset.overlay-newsletter .formItem select.formSalutation {
  width: 49%;
  float: left;
  margin-right: 2%;
}
fieldset.overlay-newsletter .formItem input.formText.formTitle {
  width: 49%;
}
fieldset.overlay-newsletter .formItem textarea {
  height: 272px;
  resize: none;
  display: block;
}
fieldset.overlay-newsletter .formNames {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
fieldset.overlay-newsletter .formNames .select2 {
  flex: 1;
}
fieldset.overlay-newsletter .flexgrid .box:nth-child(2) {
  padding: 0 20px;
}
fieldset.overlay-newsletter .formSubmit {
  display: block;
  width: 100%;
  white-space: nowrap;
}
fieldset.overlay-newsletter p.info {
  padding: 0 !important;
  margin-bottom: 10px;
}
/* -- Schnellsuche -- */
fieldset.quick-search {
  border-bottom: 1px solid #B3B3B3;
  position: relative;
  padding: 0;
}
fieldset.quick-search .formItem {
  margin: 0 -20px;
}
fieldset.quick-search .formItem input.formText {
  background: transparent;
  border: 0;
  font-size: 48px;
  font-family: 'Mosk Light', sans-serif;
  padding: 20px;
  width: calc(100% - 100px);
}
fieldset.quick-search .formItem .auto-suggest-wrap {
  position: relative;
}
fieldset.quick-search .formItem .auto-suggest-wrap ul {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  list-style: none;
  font-size: 24px;
  padding-left: 0;
}
fieldset.quick-search .formItem .auto-suggest-wrap ul li {
  color: var(--color-blue);
  margin-bottom: 10px;
  cursor: pointer;
}
fieldset.quick-search .formItem .auto-suggest-wrap ul li span {
  color: var(--color-orange);
}
fieldset.quick-search button {
  width: 80px;
  height: 30px;
  background: transparent;
  border: 0;
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
  cursor: pointer;
  overflow: visible;
}
fieldset.quick-search button i,
fieldset.quick-search button em {
  width: 80px;
  height: 30px;
  display: block;
  position: relative;
}
fieldset.quick-search button i::before,
fieldset.quick-search button em::before,
fieldset.quick-search button i::after,
fieldset.quick-search button em::after {
  content: "";
  display: block;
  position: absolute;
}
fieldset.quick-search button i::before,
fieldset.quick-search button em::before {
  width: 80px;
  height: 2px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
fieldset.quick-search button i::after,
fieldset.quick-search button em::after {
  width: 21px;
  height: 21px;
  right: 0;
  top: 50%;
  margin-top: -10px;
  border-right: 2px solid var(--color-blue);
  border-top: 2px solid var(--color-blue);
  transform: rotate(45deg);
}
fieldset.quick-search button i:hover::before,
fieldset.quick-search button em:hover::before {
  background: var(--color-orange);
}
fieldset.quick-search button i:hover::after,
fieldset.quick-search button em:hover::after {
  border-color: var(--color-orange);
}
fieldset.quick-search button span {
  display: none;
}
/* -- Mobi Search -- */
fieldset.mobi-search {
  margin-bottom: 0;
}
fieldset.mobi-search .formItem {
  width: calc(100% - 53px);
  float: left;
  margin-bottom: 0;
}
fieldset.mobi-search .formItem label {
  display: none;
}
fieldset.mobi-search button {
  width: 53px;
  height: 53px;
  color: #fff;
  background: var(--color-orange);
  text-align: center;
  border: 0;
  font-size: 30px;
  cursor: pointer;
}
fieldset.mobi-search button span {
  display: none;
}
fieldset.mobi-search button:hover {
  background: var(--color-blue);
}
/* -- Suchleiste -- */
fieldset.searchbar {
  padding: 0;
}
fieldset.searchbar .formItem label {
  display: none;
}
fieldset.searchbar .formItem select.unselected {
  color: #B3B3B3;
}
fieldset.searchbar .formSearch {
  width: calc(100% - 200px);
  float: left;
}
fieldset.searchbar .formSubmit {
  width: 200px;
  text-align: left;
  padding: 0 20px;
  line-height: 53px;
}
fieldset.searchbar .formSubmit::before {
  font-size: 25px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 6px;
}
fieldset.searchbar .auto-suggest-wrap {
  position: relative;
}
fieldset.searchbar #formsearch-suggestions {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  list-style: none;
  padding: 10px 20px;
  margin-bottom: 0;
  border: 1px solid #ddd;
}
fieldset.searchbar #formsearch-suggestions li {
  color: var(--color-blue);
  padding: 5px 0;
  cursor: pointer;
}
fieldset.searchbar #formsearch-suggestions li span {
  color: var(--color-orange);
}
/* -- Filterbar -- */
fieldset.download-filter,
fieldset.portal-filter {
  padding: 0;
}
fieldset.download-filter:last-child,
fieldset.portal-filter:last-child {
  margin-bottom: 0;
}
fieldset.download-filter .select2-container,
fieldset.portal-filter .select2-container {
  width: 100% !important;
  display: block;
}
fieldset.download-filter .formItem select.unselected,
fieldset.portal-filter .formItem select.unselected {
  color: #B3B3B3;
}
fieldset.download-filter .formSearch,
fieldset.portal-filter .formSearch {
  width: calc(100% - 200px);
  float: left;
}
fieldset.download-filter .formSubmit,
fieldset.portal-filter .formSubmit {
  width: 200px;
  text-align: left;
  padding: 0 20px;
  line-height: 53px;
}
fieldset.download-filter .formSubmit::before,
fieldset.portal-filter .formSubmit::before {
  font-size: 25px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 6px;
}
fieldset.download-filter .formItem input.formText {
  padding: 31px 15px;
}
fieldset.download-filter .formSearch input.formText {
  padding: 15px;
}
fieldset.unternehmenscheck-form label,
fieldset.contact-form label,
fieldset.newsletter-form label {
  padding-bottom: 10px;
  font-family: 'Mosk Semibold', sans-serif;
  padding-left: 25px;
}
fieldset.unternehmenscheck-form .formHalf,
fieldset.contact-form .formHalf,
fieldset.newsletter-form .formHalf {
  display: inline-block;
}
fieldset.unternehmenscheck-form .formHalf label,
fieldset.contact-form .formHalf label,
fieldset.newsletter-form .formHalf label {
  padding-left: 0;
}
fieldset.unternehmenscheck-form .contact-opts,
fieldset.contact-form .contact-opts,
fieldset.newsletter-form .contact-opts {
  margin-bottom: 80px;
}
fieldset.unternehmenscheck-form .contactform,
fieldset.contact-form .contactform,
fieldset.newsletter-form .contactform {
  margin-bottom: 80px;
}
fieldset.unternehmenscheck-form .contactform.nomargin,
fieldset.contact-form .contactform.nomargin,
fieldset.newsletter-form .contactform.nomargin {
  margin-bottom: 0;
}
fieldset.unternehmenscheck-form .formRadio label,
fieldset.contact-form .formRadio label,
fieldset.newsletter-form .formRadio label,
fieldset.unternehmenscheck-form .formRadio label,
fieldset.contact-form .formRadio label,
fieldset.newsletter-form .formRadio label,
fieldset.unternehmenscheck-form .formCheckbox label,
fieldset.contact-form .formCheckbox label,
fieldset.newsletter-form .formCheckbox label,
fieldset.unternehmenscheck-form .formCheckbox label,
fieldset.contact-form .formCheckbox label,
fieldset.newsletter-form .formCheckbox label {
  padding-left: 0;
  font-family: 'Mosk Regular', sans-serif;
}
fieldset.unternehmenscheck-form .formSubmit i,
fieldset.contact-form .formSubmit i,
fieldset.newsletter-form .formSubmit i,
fieldset.unternehmenscheck-form .formSubmit i,
fieldset.contact-form .formSubmit i,
fieldset.newsletter-form .formSubmit i,
fieldset.unternehmenscheck-form .formSubmit em,
fieldset.contact-form .formSubmit em,
fieldset.newsletter-form .formSubmit em,
fieldset.unternehmenscheck-form .formSubmit em,
fieldset.contact-form .formSubmit em,
fieldset.newsletter-form .formSubmit em {
  display: inline-block;
  float: none;
}
fieldset.unternehmenscheck-form fieldset.contact-form .formSubmit,
fieldset.newsletter-form .formSubmit {
  width: 33.333333%;
  width: calc(33.333333% - 20px);
}
fieldset.unternehmenscheck-form fieldset.contact-form .btn-wrap,
fieldset.newsletter-form .btn-wrap {
  padding-right: 10px;
}
fieldset.unternehmenscheck-form fieldset.contact-form .grid .box-66 .grid,
fieldset.newsletter-form .grid .box-66 .grid {
  margin-left: -40px;
}
fieldset.unternehmenscheck-form fieldset.contact-form .grid .box-66 .grid .box,
fieldset.newsletter-form .grid .box-66 .grid .box {
  padding: 0 0 0 40px !important;
}
/* -- Kontaktformular -- */
fieldset.contact-form .contactText .formItem textarea {
  height: 374px;
}
fieldset.contact-form .captcha-text {
  margin-bottom: 10px;
  padding: 0 10px;
}
fieldset.contact-form .captcha-wrap .captcha-label {
  border-left: 5px solid var(--color-orange);
  background: #F2F2F2;
}
fieldset.contact-form .captcha-wrap .captcha-label span {
  padding-left: 10px;
}
/* -- Newsletter -- */
fieldset.newsletter-form {
  margin-bottom: 40px;
}
fieldset.newsletter-form .grid .formItem::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
fieldset.newsletter-form .grid .formItem .formRadio {
  width: 50%;
  float: left;
}
/* -- Unternemenscheck -- */
fieldset.unternehmenscheck-form .flexgrid {
  margin-bottom: 80px;
}
fieldset.unternehmenscheck-form .flexgrid .box {
  display: flex;
}
fieldset.unternehmenscheck-form .flexgrid .box .formItem {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
fieldset.unternehmenscheck-form .flexgrid .box .formItem label {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-end;
  align-items: stretch;
}
fieldset.unternehmenscheck-form .flexgrid .box .formItem label .info {
  position: absolute;
  right: 0;
  bottom: 13px;
}
fieldset.unternehmenscheck-form .flexgrid .box .formItem label .labeltxt {
  margin-right: 40px;
}
fieldset.unternehmenscheck-form .flexgrid .box .formItem input,
fieldset.unternehmenscheck-form .flexgrid .box .formItem select {
  flex: 0 1 auto;
}
fieldset.contactform .tooltip {
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
  margin-right: -15px;
  cursor: help;
  text-decoration: none;
  border-radius: 50%;
  background: #B3B3B3 url(../gfx/icon-i@2x.png) center no-repeat;
  background-size: auto 15px;
  position: relative;
  z-index: 2;
}
fieldset.contactform .tooltip span {
  display: none;
}
fieldset.contactform .tooltip span.tooltiptext {
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -500px;
  pointer-events: none;
  width: 600px;
  background: var(--color-orange);
  padding: 10px 15px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 14px;
  line-height: normal;
  text-align: left;
  display: block;
}
fieldset.contactform .tooltip span.tooltiptext::before {
  transition: opacity 0.4s ease;
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: 25px;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  right: 8px;
}
fieldset.contactform .tooltip:hover span.tooltiptext {
  bottom: 45px;
  opacity: 1;
}
fieldset.contactform .tooltip:hover::before {
  bottom: 25px;
  opacity: 1;
}
/* -- Form Submit Button -- */
.formSubmit {
  font-family: 'Mosk Medium', sans-serif;
  border: 0;
  background: var(--color-orange);
  height: 53px;
  padding: 15px 50px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}
.formSubmit i,
.formSubmit em {
  width: 40px;
  height: 15px;
  display: block;
  float: left;
  position: relative;
  margin-right: 20px;
  top: 0;
}
.formSubmit i::before,
.formSubmit em::before,
.formSubmit i::after,
.formSubmit em::after {
  content: "";
  display: block;
  position: absolute;
}
.formSubmit i::before,
.formSubmit em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: #fff;
}
.formSubmit i::after,
.formSubmit em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  right: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
.formSubmit:hover {
  background: var(--color-blue);
}
.formSubmit.full {
  width: 100%;
}
a.formSubmit {
  display: block;
}
a.formSubmit:hover {
  text-decoration: none;
  color: #fff;
}
/*
*   Swiper 3.3.1
*   Most modern mobile touch slider and framework with hardware accelerated transitions
* 
*   http://www.idangero.us/swiper/
* 
*   Copyright 2016, Vladimir Kharlampidi
*   The iDangero.us
*   http://www.idangero.us/
* 
*   Licensed under MIT
* 
*   Released on: February 7, 2016
*/
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: inherit;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}
.swiper-container-android .swiper-slide {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container-autoheight {
  height: auto;
}
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  background: transparent;
  border: 0;
  z-index: 10;
}
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
}
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.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 {
  pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.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-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-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 steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* -- Tab Förderlotse  -- */
.tab-fl-mod .flexgrid .box {
  position: relative;
}
.tab-fl-mod .select2-results__option {
  padding: 5px 0;
}
.tab-fl-mod .select2-container--default .select2-results__option[aria-selected=true] {
  color: var(--color-orange);
  background: transparent;
}
.tab-fl-mod .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--color-blue);
  background: transparent;
}
.tab-fl-mod .select2-container .select2-selection--single {
  height: auto;
  border-radius: 0;
}
.tab-fl-mod .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}
.tab-fl-mod .select2-container .select2-selection--single .select2-selection__rendered {
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
}
.tab-fl-mod .dropdown {
  font-size: 18px;
  padding: 15px;
  width: 100%;
  border: 1px solid #ddd;
  border-left: 5px solid var(--color-orange);
  font-family: 'Mosk Regular', sans-serif;
  background: #fff url(../gfx/select-arrow.png) right center no-repeat;
}
.tab-fl-mod .select2-container--open .btn-white i {
  display: none;
}
.tab-fl-mod .select2-container--open .select2-dropdown {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2);
}
.tab-fl-mod .select2-container--open .select2-dropdown .select2-results {
  padding: 30px 50px 30px;
  color: var(--color-darkgrey);
  font-size: 18px;
  hyphens: auto;
}
.tab-fl-mod .select2-container--open .select2-dropdown .select2-results > .select2-results__options {
  max-height: 400px !important;
}
/* -- Grauses Inhaltsformular -- */
fieldset.grey-form {
  position: relative;
  padding: 30px 30px 30px 0;
  margin-bottom: 40px;
}
fieldset.grey-form h2 {
  margin-bottom: 30px;
}
fieldset.grey-form h3 {
  font-size: 28px;
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
}
fieldset.grey-form::before {
  content: "";
  background: var(--color-lightgrey);
  position: absolute;
  left: -100vw;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
fieldset.grey-form .tooltip {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
  margin-right: 10px;
  cursor: help;
  border-radius: 50%;
  background: var(--color-grey) url(../gfx/icon-i@2x.png) 8px center no-repeat;
  background-size: auto 15px;
  position: relative;
}
fieldset.grey-form .tooltip span {
  display: none;
}
fieldset.grey-form .tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -375px;
  pointer-events: none;
  width: 600px;
  background: var(--color-orange);
  padding: 10px 15px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 14px;
  line-height: normal;
  white-space: pre-line;
  text-align: left;
}
fieldset.grey-form .tooltip::before {
  transition: opacity 0.4s ease;
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: 25px;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  right: 10px;
}
fieldset.grey-form .tooltip:hover::after {
  bottom: 45px;
  opacity: 1;
}
fieldset.grey-form .tooltip:hover::before {
  bottom: 25px;
  opacity: 1;
}
@media only screen and (max-width: 1120px) {
  fieldset.grey-form .tooltip::after {
    width: 450px;
    margin-left: -175px;
  }
}
@media only screen and (max-width: 736px) {
  fieldset.grey-form .tooltip::after {
    width: 300px;
    margin-left: -275px;
  }
}
fieldset.grey-form .btn-wrap {
  margin-bottom: 30px;
}
fieldset.grey-form .btn-wrap:last-child {
  margin-bottom: 0;
}
fieldset.grey-form .step-1 {
  border-top: 1px solid #DFDFDF;
  padding-top: 20px;
}
fieldset.grey-form .step-1 .formItem {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 20px;
}
fieldset.grey-form .step-1 .btn-wrap {
  padding-top: 0;
}
fieldset.grey-form .step-2 .btn-wrap {
  padding-top: 0;
}
fieldset.grey-form .formItemRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}
fieldset.grey-form .formItemRow label {
  width: 60%;
  padding-left: 0;
  padding-bottom: 0;
}
fieldset.grey-form .formItemRow select {
  width: 40%;
  margin-bottom: auto;
}
fieldset.grey-form .criteria-step-1 .formItem {
  margin-bottom: 0;
}
fieldset.grey-form .criteria-step-1 .flexgrid {
  margin: 0;
  border-top: 1px solid #DFDFDF;
  padding: 20px 0;
}
fieldset.grey-form .criteria-step-1 .flexgrid:first-child {
  margin-top: 60px;
}
fieldset.grey-form .criteria-step-1 .flexgrid .box {
  padding: 0;
}
fieldset.grey-form .criteria-step-1 .flexgrid .box-title {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
fieldset.grey-form .criteria-step-1 .flexgrid .box-title.box-title-top {
  justify-content: flex-start;
}
fieldset.grey-form .criteria-step-1 .flexgrid .box-title .status.red {
  color: var(--color-red);
}
fieldset.grey-form .criteria-step-1 .flexgrid .box-title .status.green {
  color: var(--color-calcgreen);
}
fieldset.grey-form .criteria-step-1 .formItem input[disabled] {
  background: #fff;
  border-left-color: #D9D9D9;
}
fieldset.grey-form .criteria-step-1 input[type="date"] {
  accent-color: red;
}
fieldset.grey-form .criteria-step-1 input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../gfx/datepicker-icon.svg) center no-repeat;
  background-size: 15px auto;
}
fieldset.grey-form .criteria-step-1 .date-range {
  display: flex;
  flex-direction: row;
  align-items: center;
}
fieldset.grey-form .criteria-step-1 .date-range .formItem {
  flex: 1;
}
fieldset.grey-form .criteria-step-1 .date-range .splitter {
  padding: 0 10px;
}
fieldset.grey-form .criteria-step-1 .inline-radio {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
fieldset.grey-form .criteria-step-1 .inline-radio .formItem {
  margin-left: 20px;
}
fieldset.grey-form .criteria-step-1 #calc-result {
  color: #fff;
  background: var(--color-red);
  padding: 10px 20px;
  display: inline-block;
}
fieldset.grey-form .criteria-step-1 #calc-result.red {
  background: var(--color-red);
}
fieldset.grey-form .criteria-step-1 #calc-result.green {
  background: var(--color-calcgreen);
}
fieldset.grey-form .criteria-step-1 .box-grid {
  display: flex;
  flex-direction: row;
  gap: 0 20px;
}
fieldset.grey-form .criteria-step-1 .box-grid > div {
  margin-top: -50px;
}
fieldset.grey-form .criteria-step-1 .box-grid > div strong {
  display: block;
  padding-bottom: 10px;
}
fieldset.grey-form .criteria-step-1 .box-grid .formItem {
  margin-top: 20px;
}
@media only screen and (max-width: 1280px) {
  fieldset.grey-form .criteria-step-1 .flexgrid {
    flex-direction: column;
  }
  fieldset.grey-form .criteria-step-1 .flexgrid .box {
    width: 100%;
  }
  fieldset.grey-form .criteria-step-1 .box-title {
    margin-bottom: 20px;
  }
  fieldset.grey-form .criteria-step-1 .box-grid {
    gap: 0 20px;
    justify-content: space-between;
  }
  fieldset.grey-form .criteria-step-1 .box-grid > div {
    margin-top: 0;
    flex: 1;
  }
  fieldset.grey-form .criteria-step-1 .box-grid > div strong {
    display: block;
    padding-bottom: 10px;
  }
  fieldset.grey-form .criteria-step-1 .box-grid .formItem {
    margin-top: 20px;
  }
}
fieldset.grey-form #grwak_result h3 {
  font-family: 'Mosk Semibold', sans-serif;
  margin-bottom: 0;
}
fieldset.grey-form #grwak_result .criteria-step-1 .flexgrid {
  margin-top: 30px;
}
fieldset.grey-form #grwak_result .btn-wrap {
  margin-top: 0;
}
/* -- Quickcheck Rechner -- */
.quickcheck {
  position: relative;
  padding: 30px 30px 30px 0;
  margin-bottom: 40px;
}
.quickcheck h3 {
  text-transform: uppercase;
}
.quickcheck::before {
  content: "";
  background: var(--color-lightgrey);
  position: absolute;
  left: -100vw;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.quickcheck .progress-wrap {
  position: relative;
  height: 5px;
  background: #E6E6E6;
  margin-bottom: 20px;
  margin-right: -30px;
}
.quickcheck .progress-wrap .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 0;
  background: var(--color-orange);
}
.quickcheck .step-text {
  color: var(--color-orange);
  font-size: 18px;
  margin-bottom: 15px;
  padding-right: 30px;
}
.quickcheck .step-text.final,
.quickcheck .step-text.warning {
  font-size: 28px;
  margin-bottom: 30px;
  line-height: 30px;
}
.quickcheck .step-text.final {
  color: var(--color-green);
}
.quickcheck .step-text.warning {
  color: var(--color-red);
}
.quickcheck .icon-dismissed {
  color: var(--color-red);
  font-size: 24px;
}
.quickcheck .icon-checked {
  color: var(--color-green);
  font-size: 28px;
}
.quickcheck input::-webkit-outer-spin-button,
.quickcheck input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quickcheck input[type="number"] {
  -moz-appearance: textfield;
}
.quickcheck .tooltip {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
  margin-right: 10px;
  cursor: help;
  text-decoration: none;
  border-radius: 50%;
  background: var(--color-grey) url(../gfx/icon-i@2x.png) center no-repeat;
  background-size: auto 15px;
  position: relative;
  z-index: 777;
}
.quickcheck .tooltip span {
  display: none;
}
.quickcheck .tooltip span.tooltiptext {
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -500px;
  pointer-events: none;
  width: 600px;
  background: var(--color-orange);
  padding: 10px 15px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 14px;
  line-height: normal;
  text-align: left;
  display: block;
}
.quickcheck .tooltip::before {
  transition: opacity 0.4s ease;
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: 25px;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  right: 8px;
}
.quickcheck .tooltip:hover span.tooltiptext {
  bottom: 45px;
  opacity: 1;
}
.quickcheck .tooltip:hover::before {
  bottom: 25px;
  opacity: 1;
}
.quickcheck .ueb3h_step2_uebhII_yes strong {
  display: inline !important;
}
.quickcheck .ueb3h_step2_uebhII_yes .tooltip {
  float: none !important;
  display: inline-block;
  position: relative;
  top: 3px;
}
.quickcheck .ueb3h_step2_uebhII_yes .tooltip span.tooltiptext {
  margin-left: -200px;
  width: 400px;
}
.quickcheck table {
  margin-bottom: 40px;
}
.quickcheck table th,
.quickcheck table td {
  padding: 20px 0;
  border-bottom: 1px solid #DFDFDF;
}
.quickcheck table td {
  padding-left: 35px;
}
.quickcheck table td[colspan] {
  padding: 10px !important;
  border-bottom: 0;
  color: #666;
  background: #DFDFDF;
  font-size: 14px;
}
.quickcheck table td[colspan] .tooltip {
  float: none !important;
  display: inline-block !important;
  margin-left: 10px;
  top: 3px;
  white-space: normal;
}
.quickcheck table td[colspan] .tooltip span.tooltiptext {
  width: 300px;
  margin-left: -150px;
}
.quickcheck table th:first-child,
.quickcheck table td:first-child {
  padding-left: 0;
}
.quickcheck table thead th {
  padding-left: 35px;
  white-space: nowrap;
}
.quickcheck table tbody th {
  vertical-align: middle;
  font-weight: normal;
  text-align: left;
  max-width: 200px;
}
.quickcheck table tbody th .tooltip .tooltiptext {
  margin-left: -110px;
}
.quickcheck table tbody td {
  padding-left: 35px;
  vertical-align: middle;
}
.quickcheck table tbody .formItem {
  margin-bottom: 0;
}
.quickcheck table tbody tr:first-child td[colspan] .tooltip:hover::before {
  bottom: auto;
  top: 25px;
  right: -10px;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent var(--color-orange);
}
.quickcheck table tbody tr:first-child td[colspan] .tooltip:hover span.tooltiptext {
  bottom: auto;
  top: 45px;
}
.quickcheck#uebh3form_id[data-step="3"] table,
.quickcheck#uebh3form_id[data-step="4"] table,
.quickcheck#uebh3form_id[data-step="5"] table {
  table-layout: fixed;
}
.quickcheck#uebh3form_id[data-step="3"] table small,
.quickcheck#uebh3form_id[data-step="4"] table small,
.quickcheck#uebh3form_id[data-step="5"] table small {
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 120%;
  margin-bottom: 10px;
}
.quickcheck#uebh3form_id[data-step="3"] table small + .tooltip,
.quickcheck#uebh3form_id[data-step="4"] table small + .tooltip,
.quickcheck#uebh3form_id[data-step="5"] table small + .tooltip {
  float: none;
  margin: 0 auto;
}
.quickcheck#uebh3form_id[data-step="3"] table td,
.quickcheck#uebh3form_id[data-step="4"] table td,
.quickcheck#uebh3form_id[data-step="3"] table td,
.quickcheck#uebh3form_id[data-step="4"] table td,
.quickcheck#uebh3form_id[data-step="3"] table th,
.quickcheck#uebh3form_id[data-step="4"] table th,
.quickcheck#uebh3form_id[data-step="3"] table th,
.quickcheck#uebh3form_id[data-step="4"] table th {
  padding: 16px 8px;
}
.quickcheck#uebh3form_id[data-step="3"] .formItem input.formText,
.quickcheck#uebh3form_id[data-step="4"] .formItem input.formText {
  padding: 10px;
}
.quickcheck .status {
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 40px;
  margin-top: -20px;
}
.quickcheck .status .flexgrid .box {
  padding-bottom: 20px;
}
.quickcheck .status .flexgrid .box:last-child {
  text-align: right;
}
.quickcheck .status strong {
  padding: 15px 0;
  display: block;
}
.quickcheck .status strong.yes,
.quickcheck .status strong.no {
  padding: 15px 30px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
}
.quickcheck .status strong.yes {
  background: var(--color-green);
}
.quickcheck .status strong.no {
  background: var(--color-red);
}
.quickcheck .formBack {
  color: var(--color-blue);
  height: 53px;
  padding: 0 20px;
  background: transparent;
  cursor: pointer;
  border: 0;
  line-height: 53px;
  text-transform: uppercase;
  border-radius: 0;
  display: block;
}
.quickcheck .formBack em {
  width: 40px;
  height: 15px;
  display: block;
  float: left;
  position: relative;
  margin-right: 20px;
  top: 18px;
}
.quickcheck .formBack em::before,
.quickcheck .formBack em::after {
  content: "";
  display: block;
  position: absolute;
}
.quickcheck .formBack em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
.quickcheck .formBack em::after {
  width: 11px;
  height: 11px;
  border-left: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  left: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
.quickcheck .formBack:hover {
  background: var(--color-blue);
  color: #F0F0F0;
  text-decoration: none;
}
.quickcheck .formBack:hover em::before {
  background: #fff;
}
.quickcheck .formBack:hover em::after {
  border-color: #fff;
}
.quickcheck .formSave {
  color: var(--color-blue);
  height: 53px;
  padding: 0 20px;
  background: #DFDFDF;
  cursor: pointer;
  border: 0;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 0;
  display: block;
}
.quickcheck .formSave em {
  width: 40px;
  height: 15px;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.quickcheck .formSave em::before,
.quickcheck .formSave em::after {
  content: "";
  display: block;
  position: absolute;
}
.quickcheck .formSave em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
.quickcheck .formSave em::after {
  width: 11px;
  height: 11px;
  border-top: 1px solid var(--color-blue);
  border-right: 1px solid var(--color-blue);
  right: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
.quickcheck .formSave:hover {
  background: var(--color-blue);
  color: #F0F0F0;
  text-decoration: none;
}
.quickcheck .formSave:hover em::before {
  background: #fff;
}
.quickcheck .formSave:hover em::after {
  border-color: #fff;
}
.quickcheck[data-step="1"] table tbody th,
.quickcheck[data-step="3"] table tbody th,
.quickcheck[data-step="1"] table tbody td,
.quickcheck[data-step="3"] table tbody td {
  border-bottom: 0;
}
.quickcheck[data-step="1"] table tfoot th,
.quickcheck[data-step="3"] table tfoot th,
.quickcheck[data-step="1"] table tfoot td,
.quickcheck[data-step="3"] table tfoot td {
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
.quickcheck[data-step="2"] .flexgrid strong {
  display: block;
  padding: 15px 0;
}
.quickcheck[data-step="2"] .formRadios label {
  width: 50%;
  float: left;
}
.quickcheck[data-step="2"] .formCheckbox label {
  margin-bottom: 10px;
}
.quickcheck[data-step="2"] .ueb3h_step2_uebhII_yes .formCheckbox label {
  margin-bottom: 0;
}
.quickcheck .formSubmit {
  padding: 0 20px 0 75px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
.quickcheck .formSubmit em {
  top: 50%;
  margin-top: -7px;
  position: absolute;
  left: 20px;
}
.quickcheck .formSubmit span {
  display: block;
  overflow: hidden;
  text-align: left;
}
.quickcheck .formSubmit.light {
  background: transparent;
  color: var(--color-blue);
}
.quickcheck .formSubmit.light em::before {
  background: var(--color-blue);
}
.quickcheck .formSubmit.light em::after {
  border-color: var(--color-blue);
}
.quickcheck-fambau hr,
.quickcheck-exsi hr {
  height: 1px;
  margin: 15px 0;
  background: #DFDFDF;
}
.quickcheck-fambau[data-step="1"] .flexgrid strong,
.quickcheck-exsi[data-step="1"] .flexgrid strong,
.quickcheck-fambau[data-step="2"] .flexgrid strong,
.quickcheck-exsi[data-step="2"] .flexgrid strong {
  display: block;
  padding: 0;
}
.quickcheck-fambau[data-step="1"] .formRadios label,
.quickcheck-exsi[data-step="1"] .formRadios label {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 960px) {
  .quickcheck-exsi .flexgrid {
    flex-direction: column;
  }
  .quickcheck-exsi .flexgrid .box-60 {
    margin-bottom: 20px;
  }
  .quickcheck-exsi .flexgrid .box {
    width: auto;
  }
}
.quickcheck-fambau .tooltip {
  right: -30px;
  top: 15px;
}
@media only screen and (max-width: 960px) {
  .quickcheck-fambau .tooltip {
    right: 0;
    top: 0;
  }
  .quickcheck-fambau .flexgrid {
    flex-direction: column;
  }
  .quickcheck-fambau .flexgrid .box-60 {
    margin-bottom: 20px;
  }
  .quickcheck-fambau .flexgrid .box {
    width: auto;
  }
}
/* -- Wohnungsbaurechner - 2018 -- */
#ekr_content {
  position: relative;
  z-index: 1;
}
#ekr_content iframe {
  max-width: 100%;
  min-width: 100%;
  width: 0;
  display: block;
}
#ekr_content::before {
  content: "";
  background: #F2F2F2;
  position: absolute;
  left: -100vw;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
#resi-calculator {
  text-align: left;
  padding: 30px 0;
}
#resi-calculator h2 {
  font-size: 38px;
  font-weight: normal;
  margin-bottom: 30px;
}
#resi-calculator a.btn,
#resi-calculator .btn-grid button {
  width: 100%;
  height: 53px;
  line-height: 53px;
  text-align: center;
  color: #fff;
  background: var(--color-orange);
  font-size: 16px;
  margin-bottom: 30px;
  display: block;
  border: 0;
}
#resi-calculator a.btn:hover,
#resi-calculator .btn-grid button:hover {
  background: var(--color-blue);
  text-decoration: none;
}
#resi-calculator .icoBtn {
  width: 100%;
  height: 53px;
  line-height: 53px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
  display: block;
  background: #F0F0F0;
  color: #0579ab;
}
#resi-calculator .icoBtn::before {
  margin-right: 15px;
}
#resi-calculator .icoBtn:hover {
  background: var(--color-blue);
  text-decoration: none;
  color: #fff;
}
#resi-calculator .progress-wrap {
  position: relative;
  height: 5px;
  background: #E6E6E6;
  margin-bottom: 20px;
}
#resi-calculator .progress-wrap .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 0;
  background: var(--color-orange);
}
#resi-calculator .step-text {
  color: var(--color-orange);
  font-size: 18px;
  margin-bottom: 15px;
  padding-right: 30px;
}
#resi-calculator .info {
  margin-bottom: 30px;
  padding-right: 30px;
}
#resi-calculator .step {
  padding-top: 30px;
}
#resi-calculator fieldset .tooltip {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
  margin-right: 10px;
  cursor: help;
  border-radius: 50%;
  background: var(--color-grey) url(../gfx/icon-i@2x.png) center no-repeat;
  background-size: auto 15px;
  position: relative;
}
#resi-calculator fieldset .tooltip span {
  display: none;
}
#resi-calculator fieldset .tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -75px;
  pointer-events: none;
  width: 150px;
  background: var(--color-orange);
  padding: 10px 15px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 14px;
  line-height: normal;
  white-space: pre-line;
  text-align: left;
}
#resi-calculator fieldset .tooltip::before {
  transition: opacity 0.4s ease;
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: 25px;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  right: 20px;
}
#resi-calculator fieldset .tooltip:hover::after {
  bottom: 45px;
  opacity: 1;
}
#resi-calculator fieldset .tooltip:hover::before {
  bottom: 25px;
  opacity: 1;
}
#resi-calculator fieldset .formItem {
  margin-bottom: 10px;
}
#resi-calculator fieldset .formItem label {
  padding: 14px 12px 14px 0;
  float: left;
  min-height: 53px;
}
#resi-calculator fieldset .formItem label small {
  display: block;
}
#resi-calculator fieldset .formItem label .tooltip::after {
  width: 440px;
  margin-left: -400px;
}
#resi-calculator fieldset .formItem select {
  width: 100%;
  background: #fff url(../gfx/select-arrow-down.png) right center no-repeat;
  border: 1px solid #ddd;
  border-left: 5px solid var(--color-orange);
  padding: 10px 50px 10px 12px;
  float: left;
  height: 53px;
  appearance: none;
  border-radius: 0;
}
#resi-calculator fieldset .formItem select + label .tooltip::after {
  margin-left: -310px;
}
#resi-calculator fieldset .formItem select optgroup {
  display: none;
}
#resi-calculator fieldset .formItem textarea {
  padding: 13px 12px;
}
#resi-calculator fieldset .formItem input.formText {
  width: 100%;
}
#resi-calculator fieldset .formItem input.formText:focus,
#resi-calculator fieldset .formItem textarea:focus {
  border-color: var(--color-focus);
}
#resi-calculator fieldset .formItem::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#resi-calculator fieldset .formItem.v1 label {
  width: calc(100% - 120px);
}
#resi-calculator fieldset .formItem.v1 input.formText {
  width: 120px;
}
#resi-calculator fieldset .formItem.v2 label {
  width: calc(100% - 70px);
}
#resi-calculator fieldset .formItem.v2 input.formText {
  width: 70px;
}
#resi-calculator fieldset .formItem.full label {
  float: none;
  width: auto !important;
}
#resi-calculator fieldset .formItem.full textarea {
  width: 100%;
  min-height: 200px;
}
#resi-calculator fieldset .additional .formItem .tooltip::after {
  margin-left: -310px;
}
#resi-calculator fieldset h3 .tooltip::after {
  margin-left: -570px;
  width: 600px;
}
#resi-calculator fieldset .contact-grid .formItem label {
  float: none;
}
#resi-calculator fieldset .formRadios {
  margin-bottom: 40px;
}
#resi-calculator fieldset .formRadios label {
  background: transparent;
  padding: 0;
  display: inline-block;
  width: 120px;
  float: none;
  vertical-align: top;
}
#resi-calculator fieldset .formCheckbox {
  margin-bottom: 20px;
}
#resi-calculator fieldset .formCheckbox label {
  background: transparent;
  padding: 0;
  float: none;
  width: 100%;
}
#resi-calculator #kontakt input[name="step"][value="2"] + fieldset .formItem label {
  min-height: 55px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
#resi-calculator .item-list-wrap {
  margin-bottom: 50px;
}
#resi-calculator .item-list-wrap .item-list-head {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
#resi-calculator .item-list-wrap .item-list-foot {
  padding-top: 10px;
}
#resi-calculator .item-list-wrap .item-list-foot a.add-row {
  text-decoration: none;
}
#resi-calculator .item-list-wrap .item-list-foot a.add-row .circle {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  color: var(--color-blue);
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
#resi-calculator .additional {
  padding-right: 25px;
  margin-bottom: 40px;
  border-top: 2px solid #DFDFDF;
  padding-top: 15px;
}
#resi-calculator .additional .formItem {
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .additional .formItem label {
  width: calc(100% - 120px);
}
#resi-calculator .additional .formItem input.formText {
  width: 120px;
  text-align: right;
  float: left;
}
#resi-calculator .step fieldset {
  padding-right: 30px;
}
#resi-calculator .step fieldset .formItem.v1 {
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .step fieldset .formItem.v1:first-child {
  border-top: 2px solid #DFDFDF;
  padding-top: 15px;
}
#resi-calculator .step-00 .progress-wrap {
  display: none;
}
#resi-calculator .step-00 .step-text {
  color: var(--color-darkgrey);
  text-transform: uppercase;
  font-weight: bold;
}
#resi-calculator .step-00 fieldset {
  padding-right: 30px;
}
#resi-calculator .step-1 .step-text {
  font-size: 28px;
}
#resi-calculator .step-1 fieldset {
  padding-right: 30px;
}
#resi-calculator .step-1 fieldset .formItem {
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .step-1 fieldset .formItem label {
  width: calc(100% - 70px);
}
#resi-calculator .step-1 fieldset .formItem input.formText {
  width: 70px;
}
#resi-calculator .step-1 fieldset .formItem:first-child {
  border-top: 2px solid #DFDFDF;
  padding-top: 15px;
}
#resi-calculator .step-2 .item-list-wrap .item-list-head {
  padding-right: 40px;
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .step-2 fieldset {
  padding-right: 30px;
}
#resi-calculator .step-2 fieldset h3 {
  border-bottom: 0;
  font-size: 24px;
  padding-bottom: 0;
  padding-right: 10px;
  font-weight: normal;
  display: inline-block;
}
#resi-calculator .step-2 fieldset .formItem select {
  width: calc(100% - 220px);
}
#resi-calculator .step-2 fieldset .formItem input.formText {
  width: 120px;
  text-align: right;
  float: left;
}
#resi-calculator .step-2 fieldset .formItem button.btn-remove {
  width: 25px;
  cursor: pointer;
  height: 53px;
  border: 0;
  text-align: center;
  background: transparent;
}
#resi-calculator .step-2 fieldset .formItem button.btn-remove i,
#resi-calculator .step-2 fieldset .formItem button.btn-remove em {
  width: 14px;
  height: 14px;
  background: var(--color-failed);
  position: relative;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}
#resi-calculator .step-2 fieldset .formItem button.btn-remove i::before,
#resi-calculator .step-2 fieldset .formItem button.btn-remove em::before {
  height: 2px;
  width: 8px;
  background: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -1px;
}
#resi-calculator .step-2 fieldset .formItem button.btn-remove span {
  display: none;
}
#resi-calculator .step-2 fieldset .item-list .formItem {
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .step-3 fieldset {
  padding-right: 30px;
}
#resi-calculator .step-3 fieldset h3 {
  border-bottom: 0;
  font-size: 24px;
  padding-bottom: 0;
  padding-right: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  display: inline-block;
}
#resi-calculator .step-3 fieldset .formItem {
  margin-bottom: 0;
}
#resi-calculator .step-3 fieldset .flexgrid {
  border-bottom: 2px solid #DFDFDF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#resi-calculator .step-3 fieldset .flexgrid .box-66 {
  display: flex;
  align-items: center;
}
#resi-calculator .step-3 .person-item {
  border-top: 2px solid #DFDFDF;
  padding-top: 15px;
  margin-top: 15px;
}
#resi-calculator .step-3 .yearly-income {
  margin-bottom: 30px;
}
#resi-calculator .step-3 .yearly-income .formItem input.formText {
  width: 100%;
  text-align: right;
}
#resi-calculator .step-4 fieldset h3 {
  border-bottom: 0;
  font-size: 16px;
  padding-bottom: 0;
  padding-right: 10px;
  margin-bottom: 30px;
}
#resi-calculator .step-4 fieldset .formItem select {
  width: calc(100% - 145px);
}
#resi-calculator .step-4 fieldset .formItem input.formText {
  width: 120px;
  text-align: right;
  float: left;
}
#resi-calculator .step-4 fieldset .formItem button.btn-remove {
  width: 25px;
  cursor: pointer;
  height: 53px;
  border: 0;
  text-align: center;
}
#resi-calculator .step-4 fieldset .formItem button.btn-remove i,
#resi-calculator .step-4 fieldset .formItem button.btn-remove em {
  width: 14px;
  height: 14px;
  background: var(--color-failed);
  position: relative;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}
#resi-calculator .step-4 fieldset .formItem button.btn-remove i::before,
#resi-calculator .step-4 fieldset .formItem button.btn-remove em::before {
  height: 2px;
  width: 8px;
  background: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -1px;
}
#resi-calculator .step-4 fieldset .formItem button.btn-remove span {
  display: none;
}
#resi-calculator .step-4 .additional {
  padding-right: 25px;
  margin-bottom: 40px;
}
#resi-calculator .step-4 .additional .formItem label {
  width: calc(100% - 120px);
}
#resi-calculator .step-4 .additional .formItem input.formText {
  width: 120px;
  text-align: right;
  float: left;
}
#resi-calculator .step-5 fieldset h3 {
  border-bottom: 0;
  font-size: 16px;
  padding-bottom: 0;
  padding-right: 10px;
  margin-bottom: 10px;
}
#resi-calculator .step-5 fieldset .formPersons {
  margin-right: 25px;
  margin-bottom: 20px;
}
#resi-calculator .step-5 fieldset .formPersons label {
  width: calc(100% - 70px);
}
#resi-calculator .step-5 fieldset .formPersons input.formText {
  width: 70px;
}
#resi-calculator .step-5 fieldset .formRadios label {
  width: 170px;
}
#resi-calculator .step-5 .additional .additional-label {
  text-align: right;
  padding-bottom: 5px;
}
#resi-calculator .step-5 .additional h3 {
  margin-bottom: 5px;
}
#resi-calculator .error {
  margin-bottom: 20px;
  color: red;
}
#resi-calculator .info-text.icon-checked {
  margin-bottom: 20px;
  background: var(--color-blue);
}
#resi-calculator .step-6 {
  padding-right: 30px;
}
#resi-calculator .step-6 h3 {
  border-bottom: 0;
  font-size: 16px;
  padding-bottom: 0;
  padding-right: 10px;
  margin-bottom: 20px;
}
#resi-calculator .formBack {
  color: var(--color-blue);
  height: 53px;
  padding: 0 20px;
  background: transparent;
  cursor: pointer;
  border: 0;
  line-height: 53px;
  display: block;
  border-radius: 0;
}
#resi-calculator .formBack i,
#resi-calculator .formBack em {
  width: 40px;
  height: 15px;
  display: block;
  float: left;
  position: relative;
  margin-right: 20px;
  top: 18px;
}
#resi-calculator .formBack i::before,
#resi-calculator .formBack em::before,
#resi-calculator .formBack i::after,
#resi-calculator .formBack em::after {
  content: "";
  display: block;
  position: absolute;
}
#resi-calculator .formBack i::before,
#resi-calculator .formBack em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
#resi-calculator .formBack i::after,
#resi-calculator .formBack em::after {
  width: 11px;
  height: 11px;
  border-left: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  left: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
#resi-calculator .formBack:hover {
  background: var(--color-blue);
  color: #F0F0F0;
  text-decoration: none;
}
#resi-calculator .formBack:hover i::before,
#resi-calculator .formBack:hover em::before {
  background: #fff;
}
#resi-calculator .formBack:hover i::after,
#resi-calculator .formBack:hover em::after {
  border-color: #fff;
}
#resi-calculator .historyBack {
  color: var(--color-blue);
  height: 53px;
  padding: 0 20px;
  background: #F0F0F0;
  cursor: pointer;
  border: 0;
  line-height: 53px;
  display: block;
  border-radius: 0;
}
#resi-calculator .historyBack:hover {
  background: var(--color-blue);
  color: #F0F0F0;
  text-decoration: none;
}
#resi-calculator .formSubmit {
  padding: 15px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #resi-calculator .formSubmit {
    font-size: 12px;
  }
  #resi-calculator fieldset .formItem label {
    font-size: 14px;
  }
}
@media only screen and (max-width: 375px) {
  #resi-calculator fieldset select + label .tooltip {
    margin-left: 0;
    margin-right: 0;
  }
  #resi-calculator .additional .formItem label {
    width: calc(100% - 100px);
  }
  #resi-calculator .step-2 fieldset .formItem select {
    width: calc(100% - 170px);
    padding: 10px 40px 10px 12px;
    font-size: 14px;
  }
  #resi-calculator .step-2 fieldset .formItem input.formText {
    width: 100px;
  }
  #resi-calculator .step-5 .additional .formItem label {
    width: calc(100% - 120px);
  }
  #resi-calculator .btn-grid .box {
    margin-bottom: 10px;
  }
}
:root {
  --color-lightergrey: #DFDFDF;
  --color-lightgrey: #F2F2F2;
  --color-grey: #B3B3B3;
  --color-darkgrey: #333;
  --color-blue: #0089C1;
  --color-lightblue: #CCE7F3;
  --color-text-blue: #0076A6;
  --color-lemon: #C9D30E;
  --color-orange: #F18C00;
  --color-green: #6AB023;
  --color-pastelgreen: #F0F7E9;
  --color-red: #E53517;
  --color-warning-red: #E53517;
  --color-visited: #663D92;
  --color-checked: #88B604;
  --color-failed: #FF4100;
  --color-calcgreen: #00B015;
  --color-focus: #FFA300;
}
@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
.table-wrap-bg table {
  min-width: 100%;
}
/* -- Body und Text-Style -- */
body {
  font-family: 'Mosk Regular', sans-serif;
  font-size: 18px;
  line-height: 24px;
  background: #fff;
  text-align: center;
  color: var(--color-darkgrey);
  overflow-x: hidden;
}
body.frameless {
  background: transparent;
}
hr {
  margin: 30px 0;
  border: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
}
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 20px;
}
h1 {
  font-size: 58px;
  line-height: 70px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-bottom: 40px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 18px;
}
p {
  margin-bottom: 30px;
}
@supports ( hyphens: auto ) {
  h1,
  h2,
  h3 {
    hyphens: auto;
  }
}
@supports not ( hyphens: auto ) and ( -webkit-hyphens: auto ) {
  h1,
  h2,
  h3 {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
  }
}
/* -- 100% Height Layout -- */
#container {
  padding-top: 110px;
  overflow: hidden;
  transition: padding-top 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.chartjs-legend {
  max-width: 100px;
}
div[id*="legend-container"] ul {
  padding-left: 0;
  flex-wrap: wrap;
}
div[id*="legend-container"] ul li {
  padding-left: 0;
}
div[id*="legend-container"] ul li span {
  min-width: 20px;
}
div[id*="legend-container"] ul li::before {
  display: none;
}
.frameless #container {
  padding-top: 0;
}
.content-part {
  scroll-padding-top: 120px;
  scroll-margin: 120px 0 0 0;
}
.mobi-search,
.mobi-search-toggle {
  display: none;
}
.mobi-fullsize {
  cursor: default;
}
@media (hover: none) {
  .mobi-fullsize {
    pointer-events: all;
  }
}
.size {
  width: 1340px;
  width: auto;
  max-width: 1340px;
  margin: 0 auto;
  text-align: left;
  padding: 0 30px;
}
#scrollToTopBtn {
  position: fixed;
  right: 0;
  bottom: 0;
  border: 0;
  z-index: 9991;
  width: 70px;
  height: 70px;
  background: #F5F5F5;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: translate(0, 100%);
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
  opacity: 0;
}
#scrollToTopBtn::before {
  width: 14px;
  height: 14px;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-left: 1px solid var(--color-blue);
  border-top: 1px solid var(--color-blue);
}
#scrollToTopBtn.visible {
  opacity: 1;
  transform: translate(0, 0);
}
/* -- Layout -- */
#outerheader {
  background: var(--color-blue);
  color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 77;
  transition: top 350ms cubic-bezier(0.2, 1, 0.3, 1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* -- Header -- */
#header {
  position: relative;
  height: 110px;
}
#header .option-bar {
  position: absolute;
  right: 270px;
  bottom: 0;
  padding-bottom: 20px;
}
#header .option-bar button {
  color: #fff;
  background: transparent;
  cursor: pointer;
  border: 0;
  box-shadow: none;
  overflow: visible;
  text-align: left;
  font-size: 18px;
  font-family: 'Mosk Regular', sans-serif;
}
#header .option-bar button:hover {
  color: var(--color-orange);
}
#header .option-bar .icon-search {
  text-decoration: none;
  font-size: 16px;
}
#header .option-bar .icon-search::before {
  float: right;
  margin-left: 10px;
  position: relative;
  top: 0;
  font-size: 20px;
}
#header .option-bar .icon-search span {
  text-transform: uppercase;
}
#header .option-bar .dll-counter {
  color: var(--color-orange);
  text-decoration: none;
  margin-right: 15px;
}
#header .option-bar .dll-counter::before {
  position: relative;
  top: 2px;
  margin-right: 5px;
  display: inline-block;
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
  transform: scale(1);
}
#header .option-bar .dll-counter:hover {
  color: #fff;
}
#header .option-bar .dll-counter.added::before {
  color: #fff;
  transform: scale(1.4);
}
/* -- Logo -- */
#logo {
  float: right;
  margin-bottom: -34px;
  position: relative;
  z-index: 7;
}
#logo a {
  display: block;
  width: 200px;
  height: 144px;
  background: url(../gfx/logo-aufbaubank@2x.png);
  background-size: contain;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
#logo a span {
  display: none;
}
/* -- Schmaller Header -- */
@media only screen and (min-width: 1131px) {
  .small-header #container {
    padding-top: 62px;
  }
  .small-header #outerheader {
    top: -48px;
  }
  .small-header #logo a {
    background-size: 85%;
    background-position: center 100%;
  }
}
/* -- Footer -- */
#outerfooter {
  background: #eee;
}
#footer {
  padding: 40px 30px;
}
#footer h4,
#footer .foot-head {
  color: var(--color-grey);
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
#footer .grid .box:last-child {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: stretch;
  align-items: stretch;
}
#footer .whitebox {
  background: #fff;
  padding: 25px 30px;
  margin-bottom: -40px;
  font-size: 14px;
  line-height: 18px;
}
#footer .whitebox p {
  margin-bottom: 0;
}
#footer .whitebox table td {
  vertical-align: middle;
}
#footer .whitebox table td:first-child {
  width: 90px;
}
/* -- Schnellkontakt  -- */
.short-contact {
  position: fixed;
  top: 300px;
  right: 0;
  z-index: 773;
  width: 0;
}
.short-contact .short-contact-tabs {
  display: flex;
  flex-direction: row;
  margin-top: -60px;
  margin-bottom: 40px;
}
.short-contact .short-contact-tabs button {
  display: block;
  padding: 15px 30px 25px;
  text-decoration: none;
  position: relative;
  z-index: 2;
  font-family: 'Mosk Medium', sans-serif;
  border: 0;
  cursor: pointer;
  background: transparent;
  font-size: inherit;
  color: #fff;
}
.short-contact .short-contact-tabs button[aria-selected="true"] {
  color: var(--color-orange);
  background: #fff;
}
.short-contact .sctabpanel.is-hidden {
  display: none;
}
.short-contact .contactSuccess {
  min-height: 226px;
}
.short-contact .opener {
  cursor: pointer;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 28px;
  padding-right: 30px;
  padding-bottom: 10px;
  background: var(--color-blue);
  color: #fff;
  position: absolute;
  right: 0;
  top: 320px;
  width: 320px;
  height: 72px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transform: rotate(90deg);
  transform-origin: 100% 0;
  white-space: nowrap;
  display: flex;
  gap: 10px;
  align-items: center;
}
.short-contact .opener::before {
  transform: rotate(-90deg);
  display: block;
  /*float: left;margin-right: 10px; */
}
.short-contact .opener:hover {
  background: var(--color-orange);
}
.short-contact .contact-form {
  background: #fff;
  padding: 0 30px 40px;
  width: 100vw;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transform: translate(100%, 0%);
  transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
}
.short-contact .contact-form h3 {
  color: var(--color-orange);
  font-size: 30px;
  line-height: 31px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-bottom: 29px;
}
.short-contact .contact-form button.closer {
  background: var(--color-orange);
  color: #fff;
  position: absolute;
  left: 100%;
  top: 0;
  font-size: 28px;
  cursor: pointer;
  border: 0;
  display: block;
  width: 710px;
  height: 72px;
  text-align: left;
  padding: 0 30px;
  font-family: 'Mosk Light', sans-serif;
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  z-index: 6;
}
.short-contact .contact-form button.closer i,
.short-contact .contact-form button.closer em {
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
}
.short-contact .contact-form button.closer i::before,
.short-contact .contact-form button.closer em::before,
.short-contact .contact-form button.closer i::after,
.short-contact .contact-form button.closer em::after {
  content: "";
  height: 2px;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  margin-top: -1px;
}
.short-contact .contact-form button.closer i::before,
.short-contact .contact-form button.closer em::before {
  transform: rotate(45deg);
}
.short-contact .contact-form button.closer i::after,
.short-contact .contact-form button.closer em::after {
  transform: rotate(-45deg);
}
.short-contact .contact-form button.closer:hover {
  background: var(--color-blue);
}
.short-contact .contact-form p.info {
  padding: 0 20px;
  margin-bottom: 10px;
}
.short-contact .contact-form .bluebar {
  position: relative;
  color: #fff;
  padding: 30px 0;
  font-size: 26px;
  margin-bottom: 0;
  z-index: 2;
  text-decoration: none;
  display: block;
  text-align: right;
  padding-right: 200px;
}
.short-contact .contact-form .bluebar span::before {
  margin-right: 10px;
}
.short-contact .contact-form .bluebar::before {
  background: var(--color-blue);
  content: "";
  z-index: -1;
  position: absolute;
  left: -30vw;
  right: -20vw;
  bottom: 0;
  height: 100%;
}
.short-contact .contact-form .bluebar a:focus,
.short-contact .contact-form .bluebar a:hover {
  text-decoration: none;
}
.short-contact.open .contact-form {
  transform: translate(0, 0);
}
@media only screen and (max-width: 567px) and (orientation: portrait) {
  .short-contact .sctabpanel {
    max-height: calc(100dvh - 200px);
    overflow: auto;
    height: 100dvh;
  }
  .short-contact .frc-captcha {
    margin-bottom: 30px;
  }
  .short-contact fieldset.overlay-newsletter .formNames {
    flex-direction: column;
  }
}
.short-contact .contact-overlay-mobilephone {
  display: none;
}
@media only screen and (max-height: 1080px) and (orientation: landscape) {
  .short-contact {
    top: 210px;
  }
  .short-contact .opener {
    top: 320px;
  }
}
@media only screen and (max-height: 950px) and (orientation: landscape) {
  .short-contact {
    top: 110px;
  }
  .short-contact .opener {
    top: 320px;
  }
}
@media only screen and (max-height: 890px) and (orientation: landscape) {
  .short-contact {
    top: 80px;
  }
  .short-contact .opener {
    top: 320px;
  }
}
@media only screen and (max-height: 800px) and (orientation: landscape) {
  .short-contact {
    top: 20px;
  }
  .short-contact .opener {
    top: 330px;
  }
}
/* -- Content Part -- */
.content-part {
  text-align: left;
  margin-bottom: 40px;
}
.content-part:last-child {
  margin-bottom: 70px;
}
.content-part .content-part .content {
  width: auto !important;
  padding: 0 !important;
}
.content-part .content-part.video {
  margin-top: 40px;
  padding-bottom: 100px;
}
.content-part .content-part:last-child {
  margin-bottom: 0;
}
.content-part h2 {
  font-size: 38px;
  line-height: 39px;
  margin-bottom: 50px;
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
}
.content-part h2:last-child {
  margin-bottom: 0;
}
.content-part .content {
  padding: 30px;
}
.content-part .content.no-padding {
  padding: 0 30px;
}
.content-part .content > h1:last-child {
  margin-bottom: 0;
}
.content-part .content > p {
  padding: 0 40px;
}
.content-part .content > p:last-child {
  margin-bottom: 0px;
}
.content-part .content > p + h2 {
  margin-top: 40px;
}
.content-part .content > ul {
  list-style: none;
  padding-left: 0;
  margin-left: 40px;
}
.content-part .content > ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.content-part .content > ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  background: var(--color-orange);
  position: absolute;
  left: 10px;
  top: 8px;
}
.content-part .content > ul li ul li::before {
  width: 5px;
  height: 5px;
  background: var(--color-green);
  top: 10px;
}
.content-part .row {
  padding: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.content-part .row > h2 {
  flex: 0 1 100%;
  align-self: flex-start;
}
.content-part .row .col {
  align-self: stretch;
}
.content-part .row .sidebar {
  width: 33.333333%;
  padding: 0;
  flex: 0 1 auto;
}
.content-part .row .sidebar:first-child {
  padding-right: 26px;
}
.content-part .row .sidebar:last-child {
  padding-left: 26px;
}
.content-part .row .content {
  width: 66.666666%;
  padding: 0;
}
.content-part .row .content:first-child {
  padding-right: 13px;
}
.content-part .row .content:last-child {
  padding-left: 13px;
}
.content-part .row h2 + .content {
  padding-right: 13px;
}
.content-part .row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.content-part .row-reverse .sidebar:first-child {
  padding-right: 0;
  padding-left: 26px;
}
.content-part .row-reverse .sidebar:last-child {
  padding-left: 0;
  padding-right: 26px;
}
.content-part .row-reverse .content:first-child {
  padding-right: 0;
  padding-left: 13px;
}
.content-part .row-reverse .content:last-child {
  padding-left: 0;
  padding-right: 13px;
}
.content-part.green-gradient {
  color: #fff;
  margin-bottom: 70px;
  margin-top: 70px;
  background: var(--color-green);
  background-image: linear-gradient(121deg, var(--color-green), var(--color-blue));
}
.content-part.green-gradient .node {
  margin-bottom: 40px;
}
.content-part.green-gradient .content {
  padding: 65px 30px;
}
.content-part.green-gradient .content h2 {
  font-size: 38px;
  line-height: 39px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-bottom: 30px;
}
.content-part.green-gradient .content p {
  padding: 0;
}
.content-part.green-gradient .flexgrid .box:first-child {
  padding-right: 26px;
}
.content-part.green-gradient .flexgrid .box:nth-child(2) {
  padding: 0 13px;
}
.content-part.green-gradient .flexgrid .box:last-child {
  padding-left: 26px;
}
.content-part.green-gradient a.more {
  color: #fff;
}
.content-part.green-gradient:last-child {
  margin-bottom: 80px;
  position: relative;
  z-index: 77;
}
.content-part.green-gradient:last-child .select2-container:not([data-select2-id]) {
  top: auto !important;
  bottom: 100% !important;
}
.content-part.green-gradient:last-child .select2-dropdown {
  position: static;
}
.content-part.fill-blue {
  color: #fff;
  background: var(--color-blue);
  margin-bottom: 80px;
  margin-top: 40px;
}
.content-part.fill-blue .block-info .inner a {
  color: #fff;
}
.content-part.fill-blue .block-info .inner ul.btn-list li a {
  color: var(--color-blue);
}
.content-part.fill-blue .block-info .inner ul.btn-list li a:hover {
  color: #fff;
}
.content-part.headline .content {
  padding: 30px 30px 0;
}
.content-part.headline .content h1:last-child {
  margin-bottom: 30px;
}
.content-part.img-teaser {
  overflow: hidden;
}
.content-part.img-teaser figure {
  position: relative;
  z-index: 1;
}
.content-part.img-teaser figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.content-part.img-teaser figure::before {
  content: "";
  display: block;
  padding-bottom: 30%;
}
.content-part.img-teaser figcaption {
  position: relative;
  z-index: 2;
}
.content-part.img-teaser figcaption strong {
  width: 50%;
  width: calc(50% - 45px);
  display: block;
  position: absolute;
  right: 30px;
  bottom: 0;
  color: #fff;
  padding: 30px 40px;
  font-size: 48px;
  line-height: 50px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
.content-part.img-teaser figcaption strong::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.content-part.img-teaser figcaption strong.green::before {
  background: var(--color-green);
}
.content-part.img-teaser figcaption strong.blue::before {
  background: var(--color-blue);
}
.content-part.img-teaser figcaption strong.orange::before {
  background: var(--color-orange);
}
.content-part.img-teaser + .content-part.single-content .content {
  padding-top: 35px;
}
.content-part.img-teaser + .content-nav-wrapper {
  margin-top: -40px;
}
.content-part.teaser .content,
.content-part.sub-teaser .content {
  padding: 0 30px;
  position: relative;
}
.content-part.teaser .content > .swiper-button-prev,
.content-part.sub-teaser .content > .swiper-button-prev {
  display: none;
}
.content-part.teaser .content > .swiper-button-next,
.content-part.sub-teaser .content > .swiper-button-next {
  left: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 2;
  width: 50vw;
  margin: 0 0 0 -30px !important;
  transform: translateZ(0);
}
.content-part.teaser .content > .swiper-button-next::before,
.content-part.sub-teaser .content > .swiper-button-next::before {
  content: "";
  background: var(--color-green);
  opacity: 0.8;
  position: absolute;
  left: -0.5px;
  top: 0;
  right: 0;
  width: 100%;
  bottom: 50px;
  z-index: -1;
}
.content-part.teaser .content > .swiper-button-next .arrow-rt,
.content-part.sub-teaser .content > .swiper-button-next .arrow-rt {
  position: absolute;
  height: 30px;
  width: 80px;
  left: 40px;
  top: 50%;
  margin-top: -15px;
}
.content-part.teaser .content > .swiper-button-next .arrow-rt::before,
.content-part.sub-teaser .content > .swiper-button-next .arrow-rt::before,
.content-part.teaser .content > .swiper-button-next .arrow-rt::after,
.content-part.sub-teaser .content > .swiper-button-next .arrow-rt::after {
  content: "";
  position: absolute;
  display: block;
}
.content-part.teaser .content > .swiper-button-next .arrow-rt::before,
.content-part.sub-teaser .content > .swiper-button-next .arrow-rt::before {
  height: 2px;
  background: #fff;
  width: 100%;
  top: 50%;
  margin-top: -1px;
}
.content-part.teaser .content > .swiper-button-next .arrow-rt::after,
.content-part.sub-teaser .content > .swiper-button-next .arrow-rt::after {
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(45deg);
}
.content-part.teaser .swiper-container,
.content-part.sub-teaser .swiper-container {
  margin-left: -25vw;
  overflow: visible;
}
.content-part.teaser .swiper-slide,
.content-part.sub-teaser .swiper-slide {
  overflow: hidden;
}
.content-part.teaser .swiper-slide figure,
.content-part.sub-teaser .swiper-slide figure {
  height: 0;
  padding-bottom: 45.45454545%;
  position: relative;
  overflow: hidden;
}
.content-part.teaser .swiper-slide figure a,
.content-part.sub-teaser .swiper-slide figure a {
  display: block;
  height: inherit;
}
.content-part.teaser .swiper-slide figure img,
.content-part.sub-teaser .swiper-slide figure img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.content-part.teaser .swiper-slide figcaption,
.content-part.sub-teaser .swiper-slide figcaption {
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  z-index: 2;
  padding: 40px;
  color: #fff;
  max-width: 800px;
}
.content-part.teaser .swiper-slide figcaption .label,
.content-part.sub-teaser .swiper-slide figcaption .label {
  background: var(--color-blue);
  position: relative;
  top: -40px;
  display: inline-block;
  padding: 5px 10px;
}
.content-part.teaser .swiper-slide figcaption .bg,
.content-part.sub-teaser .swiper-slide figcaption .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translateZ(0);
}
.content-part.teaser .swiper-slide figcaption a,
.content-part.sub-teaser .swiper-slide figcaption a {
  text-decoration: none;
  color: #fff;
}
.content-part.teaser .swiper-slide figcaption a:hover,
.content-part.sub-teaser .swiper-slide figcaption a:hover {
  text-decoration: underline;
  color: #fff;
}
.content-part.teaser .swiper-slide figcaption h1,
.content-part.sub-teaser .swiper-slide figcaption h1,
.content-part.teaser .swiper-slide figcaption strong,
.content-part.sub-teaser .swiper-slide figcaption strong {
  display: block;
  font-size: 48px;
  line-height: 49px;
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
  margin-bottom: 20px;
}
.content-part.teaser .swiper-slide figcaption h1 a:hover,
.content-part.sub-teaser .swiper-slide figcaption h1 a:hover,
.content-part.teaser .swiper-slide figcaption strong a:hover,
.content-part.sub-teaser .swiper-slide figcaption strong a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.content-part.teaser .pagination-wrap,
.content-part.sub-teaser .pagination-wrap {
  position: relative;
}
.content-part.teaser .pagination-wrap .swiper-button-prev,
.content-part.sub-teaser .pagination-wrap .swiper-button-prev,
.content-part.teaser .pagination-wrap .swiper-button-next,
.content-part.sub-teaser .pagination-wrap .swiper-button-next {
  margin-top: 0;
  top: 20px;
  width: 60px;
  height: 20px;
}
.content-part.teaser .pagination-wrap .swiper-button-prev,
.content-part.sub-teaser .pagination-wrap .swiper-button-prev {
  display: none;
}
.content-part.teaser .pagination-wrap .swiper-button-next,
.content-part.sub-teaser .pagination-wrap .swiper-button-next {
  left: 50%;
  margin-left: 40px;
}
.content-part.teaser .swiper-pagination,
.content-part.sub-teaser .swiper-pagination {
  position: relative;
  height: 50px;
  background: #fff;
}
.content-part.teaser .swiper-pagination .wrap,
.content-part.sub-teaser .swiper-pagination .wrap {
  padding-top: 20px;
  font-size: 24px;
  background: #fff;
  padding: 15px 20px;
  color: var(--color-grey);
  display: inline-block;
  position: relative;
  z-index: 2;
}
.content-part.teaser .swiper-pagination .wrap span,
.content-part.sub-teaser .swiper-pagination .wrap span {
  color: var(--color-orange);
}
.content-part.teaser .swiper-pagination i,
.content-part.sub-teaser .swiper-pagination i,
.content-part.teaser .swiper-pagination em,
.content-part.sub-teaser .swiper-pagination em {
  position: absolute;
  width: 175px;
  height: 20px;
  display: inline-block;
  top: 20px;
  z-index: 1;
  left: 50%;
  margin-left: -87px;
}
.content-part.teaser .swiper-pagination i::before,
.content-part.sub-teaser .swiper-pagination i::before,
.content-part.teaser .swiper-pagination em::before,
.content-part.sub-teaser .swiper-pagination em::before,
.content-part.teaser .swiper-pagination i::after,
.content-part.sub-teaser .swiper-pagination i::after,
.content-part.teaser .swiper-pagination em::after,
.content-part.sub-teaser .swiper-pagination em::after {
  content: "";
  position: absolute;
  display: block;
}
.content-part.teaser .swiper-pagination i::before,
.content-part.sub-teaser .swiper-pagination i::before,
.content-part.teaser .swiper-pagination em::before,
.content-part.sub-teaser .swiper-pagination em::before {
  height: 1px;
  width: 100%;
  top: 50%;
  margin-top: -1px;
  background: var(--color-grey);
}
.content-part.teaser .swiper-pagination i::after,
.content-part.sub-teaser .swiper-pagination i::after,
.content-part.teaser .swiper-pagination em::after,
.content-part.sub-teaser .swiper-pagination em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-grey);
  border-top: 1px solid var(--color-grey);
  right: 0;
  top: 50%;
  margin-top: -6px;
  transform: rotate(45deg);
}
.content-part.sub-teaser .swiper-button-next::before {
  background: var(--color-orange);
}
.content-part.sub-teaser .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.content-part.block-grid .loadmore {
  padding-bottom: 0;
  padding-top: 90px;
}
.content-part.block-grid .block-img {
  margin-bottom: 0;
}
.content-part.block-grid .flexgrid {
  margin-bottom: -30px;
}
.content-part.social-feed .content {
  padding: 0 30px 30px;
}
.content-part.story-map {
  padding: 50px 0;
}
.content-part.business-report {
  margin-top: 0;
}
.content-part.hero-image .row {
  padding: 0 30px;
}
.content-part.hero-image .content {
  display: flex;
}
.content-part.hero-image fieldset .formItem select {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
}
.content-part.hero-image figure {
  margin-left: -20vw;
  position: relative;
  flex: 1 1 auto;
}
.content-part.hero-image figure img {
  object-fit: cover;
  height: 100% !important;
  width: 100% !important;
  display: block;
}
.content-part.hero-image a,
.content-part.hero-image a.more {
  color: #fff;
}
.content-part.hero-image .person .img {
  float: left;
  margin-right: 30px;
}
.content-part.hero-image .person .img img {
  max-width: 70px;
  height: auto !important;
}
.content-part.hero-image .person dl {
  overflow: hidden;
}
.content-part.hero-image .person::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.content-part.karriere .flexgrid {
  margin-left: -40px;
}
.content-part.karriere .flexgrid .box {
  padding-left: 40px;
}
.content-part.karriere .block-img {
  padding-bottom: 80px;
}
.content-part.karriere .block-img .inner h3 {
  font-size: 24px;
  font-weight: normal;
  font-family: 'Mosk Regular', sans-serif;
  color: var(--color-blue);
}
.content-part.karriere .block-img .inner h3 a:hover {
  color: var(--color-orange);
}
.content-part.social-feed .swiper-outer {
  position: relative;
}
.content-part.social-feed .swiper-slide {
  height: auto;
  flex-direction: column;
}
.content-part.social-feed .swiper-slide .block {
  display: flex;
  flex: 1 1 0;
  flex-flow: column nowrap;
  place-content: stretch space-between;
  align-items: stretch;
  height: 100%;
}
.content-part.social-feed .swiper-slide .block .inner {
  flex-grow: 1;
}
.content-part.social-feed .swiper-button-next,
.content-part.social-feed .swiper-button-prev {
  background: var(--color-lightgrey);
  width: 400px;
  height: 100%;
  height: calc(100% - 35px);
  top: 0;
  margin-top: 0;
}
.content-part.social-feed .swiper-button-next::before,
.content-part.social-feed .swiper-button-prev::before {
  left: 30px;
  top: 100%;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent var(--color-lightgrey) transparent transparent;
}
.content-part.social-feed .swiper-button-next:hover i::before,
.content-part.social-feed .swiper-button-prev:hover i::before,
.content-part.social-feed .swiper-button-next:hover em::before,
.content-part.social-feed .swiper-button-prev:hover em::before {
  background: var(--color-orange);
}
.content-part.social-feed .swiper-button-next:hover i::after,
.content-part.social-feed .swiper-button-prev:hover i::after,
.content-part.social-feed .swiper-button-next:hover em::after,
.content-part.social-feed .swiper-button-prev:hover em::after {
  border-color: var(--color-orange);
}
.content-part.social-feed .swiper-button-next {
  left: 100%;
  margin-left: 40px;
}
.content-part.social-feed .swiper-button-next i,
.content-part.social-feed .swiper-button-next em {
  width: 80px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 40px;
}
.content-part.social-feed .swiper-button-next i::before,
.content-part.social-feed .swiper-button-next em::before,
.content-part.social-feed .swiper-button-next i::after,
.content-part.social-feed .swiper-button-next em::after {
  content: "";
  display: block;
  position: absolute;
}
.content-part.social-feed .swiper-button-next i::before,
.content-part.social-feed .swiper-button-next em::before {
  width: 80px;
  height: 2px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
.content-part.social-feed .swiper-button-next i::after,
.content-part.social-feed .swiper-button-next em::after {
  width: 22px;
  height: 22px;
  border-right: 2px solid var(--color-blue);
  border-top: 2px solid var(--color-blue);
  right: 1px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(45deg);
}
.content-part.social-feed .swiper-button-prev {
  right: 100%;
  margin-right: 40px;
}
.content-part.social-feed .swiper-button-prev i,
.content-part.social-feed .swiper-button-prev em {
  width: 80px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 40px;
}
.content-part.social-feed .swiper-button-prev i::before,
.content-part.social-feed .swiper-button-prev em::before,
.content-part.social-feed .swiper-button-prev i::after,
.content-part.social-feed .swiper-button-prev em::after {
  content: "";
  display: block;
  position: absolute;
}
.content-part.social-feed .swiper-button-prev i::before,
.content-part.social-feed .swiper-button-prev em::before {
  width: 80px;
  height: 2px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
.content-part.social-feed .swiper-button-prev i::after,
.content-part.social-feed .swiper-button-prev em::after {
  width: 22px;
  height: 22px;
  border-left: 2px solid var(--color-blue);
  border-bottom: 2px solid var(--color-blue);
  left: 1px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(45deg);
}
.content-part.social-feed .swiper-button-disabled {
  opacity: 0;
}
.content-part.social-feed .swiper-pagination {
  position: relative;
  height: auto;
  background: #fff;
  text-align: right;
  margin-top: 20px;
  display: none;
}
.content-part.social-feed .swiper-pagination .wrap {
  padding-top: 20px;
  font-size: 24px;
  background: #fff;
  padding: 15px 20px;
  color: var(--color-grey);
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-right: 40px;
}
.content-part.social-feed .swiper-pagination .wrap span {
  color: var(--color-blue);
}
.content-part.social-feed .swiper-pagination i,
.content-part.social-feed .swiper-pagination em {
  position: absolute;
  width: 175px;
  height: 20px;
  display: inline-block;
  top: 20px;
  z-index: 1;
  right: 0;
}
.content-part.social-feed .swiper-pagination i::before,
.content-part.social-feed .swiper-pagination em::before,
.content-part.social-feed .swiper-pagination i::after,
.content-part.social-feed .swiper-pagination em::after {
  content: "";
  position: absolute;
  display: block;
}
.content-part.social-feed .swiper-pagination i::before,
.content-part.social-feed .swiper-pagination em::before {
  height: 1px;
  width: 100%;
  top: 50%;
  margin-top: -1px;
  background: var(--color-grey);
}
.content-part.social-feed .swiper-pagination i::after,
.content-part.social-feed .swiper-pagination em::after {
  width: 11px;
  height: 11px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  border-right: 1px solid var(--color-grey);
  border-top: 1px solid var(--color-grey);
  transform: rotate(45deg);
}
.content-part.proposals figure,
.content-part.successstories figure {
  position: relative;
}
.content-part.proposals figcaption,
.content-part.successstories figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  transform: translateZ(0);
}
.content-part.proposals figcaption a,
.content-part.successstories figcaption a {
  color: #fff;
}
.content-part.proposals figcaption h3,
.content-part.successstories figcaption h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
.content-part.proposals figcaption h3:last-child,
.content-part.successstories figcaption h3:last-child {
  margin-bottom: 0;
}
.content-part.proposals figcaption h3 a,
.content-part.successstories figcaption h3 a {
  text-decoration: none;
}
.content-part.proposals figcaption::before,
.content-part.successstories figcaption::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  display: block;
  opacity: 0.9;
}
.content-part.proposals figcaption.green::before,
.content-part.successstories figcaption.green::before {
  background: var(--color-green);
}
.content-part.proposals figcaption.orange::before,
.content-part.successstories figcaption.orange::before {
  background: var(--color-orange);
}
.content-part.proposals figcaption.blue::before,
.content-part.successstories figcaption.blue::before {
  background: var(--color-blue);
}
.content-part.proposals figcaption.lemon::before,
.content-part.successstories figcaption.lemon::before {
  background: var(--color-lemon);
}
.content-part.proposals figcaption.red::before,
.content-part.successstories figcaption.red::before {
  background: var(--color-red);
}
.content-part.proposals .content figure,
.content-part.successstories .content figure {
  padding-bottom: 58.33333333%;
  position: relative;
}
.content-part.proposals .content figure img,
.content-part.successstories .content figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.content-part.proposals .content figcaption,
.content-part.successstories .content figcaption {
  width: 50%;
  width: calc(50% - 20px);
  min-height: 335px;
}
.content-part.proposals .content .mobi-text,
.content-part.successstories .content .mobi-text {
  display: none;
  padding: 30px 40px 0;
}
.content-part.proposals .sidebar figcaption,
.content-part.successstories .sidebar figcaption {
  left: 40px;
  min-height: 129px;
}
.content-part.download-suche h2 {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.content-part.single-content {
  overflow: hidden;
}
.content-part.single-content#uebh2content {
  overflow: visible;
}
.content-part.single-content #foerderprogramme {
  border-top: 0;
}
.content-part.foerderprogramme h1 {
  font-size: 58px;
  line-height: 60px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-bottom: 40px;
}
.content-part.glossar h1 {
  margin-bottom: 90px;
}
.content-part.mediathek h1 {
  margin-bottom: 40px;
  line-height: normal;
}
.content-part.mediathek .flexgrid .box {
  padding-bottom: 30px;
}
.content-part.mediathek .block-img figcaption {
  padding: 30px;
}
.content-part.mediathek .block-img figcaption h3 {
  font-family: 'Mosk Semibold', sans-serif;
  font-size: 18px;
  line-height: 19px;
}
.content-part.kundencenter-map {
  margin-bottom: 80px;
}
.content-part.kundencenter-events {
  padding-top: 80px;
}
.content-part.kundencenter-detail .node table {
  width: 100%;
  table-layout: auto;
  margin-left: -40px;
}
.content-part.kundencenter-detail .node table tbody th {
  width: 250px;
}
.content-part.subjects .block-img > figure::before {
  padding-bottom: 59.2%;
}
.content-part.link-list {
  margin-bottom: 0;
}
.content-part.back-btn {
  margin-bottom: 0;
}
.content-part.back-btn .content {
  padding-bottom: 20px;
}
#mainContent > a:first-child + .content-part.green-gradient {
  margin-bottom: 100px;
}
/* -- Details -- */
details {
  background: #eee;
  padding: 20px 30px;
}
details summary {
  cursor: pointer;
  margin: -20px -30px;
  padding-bottom: 20px;
  background: #fff;
  user-select: none;
}
details > summary u {
  color: var(--color-blue);
}
details[open] {
  margin-bottom: 1em;
}
details h4 {
  margin-top: 10px;
}
details.tooltip-help {
  position: relative;
  background: transparent;
  display: inline;
  padding: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
details.tooltip-help summary {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: help;
  background: var(--color-grey) url(../gfx/icon-i@2x.png) center no-repeat;
  background-size: auto 15px;
  margin: 0;
  padding-bottom: 0;
}
details.tooltip-help summary::-webkit-details-marker {
  display: none;
}
details.tooltip-help .tooltip-text {
  position: absolute;
  color: #fff;
  min-width: 320px;
  bottom: 50px;
  background: var(--color-orange);
  padding: 10px 15px;
  right: 10px;
}
details.tooltip-help .tooltip-text::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: -20px;
  border-color: transparent var(--color-orange) transparent transparent;
  position: absolute;
  right: 8px;
}
details.tooltip-help[open] {
  margin-bottom: 0;
}
details.tooltip-help:hover .tooltip-text,
details.tooltip-help summary:hover + .tooltip-text .tooltip-text {
  display: block;
}
p.has--tooltip {
  display: inline-block;
}
/* -- Elemente & Blöcke -- */
.node {
  margin-bottom: 80px;
}
.node::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.node h1 {
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  font-size: 58px;
  line-height: 60px;
  margin-bottom: 40px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.node h1:last-child {
  margin-bottom: 0;
}
.node h2 a {
  color: inherit;
}
.node table {
  min-width: 100%;
}
.node > .img img {
  display: block;
}
.node figure.fltlft {
  margin: 0 30px 30px 0;
}
.node figure.fltrt {
  margin: 0 0 30px 30px;
}
.node figure.fltlft,
.node figure.fltrt {
  max-width: 400px;
}
.node .inner h3,
.node .inner h4,
.node .inner h5 {
  line-height: normal;
}
.node .inner h3 {
  font-size: 34px;
}
.node .inner h4 {
  font-size: 30px;
}
.node .inner h5 {
  font-size: 26px;
}
.node .inner h6 {
  font-size: 22px;
  margin-bottom: 20px;
}
.node > ul {
  margin-left: 40px;
}
.node > .inner a {
  color: var(--color-blue);
  text-decoration: none;
}
.node > .inner a:hover {
  color: var(--color-orange);
}
.node > .inner > p {
  padding: 0 40px;
}
.node > .inner > p img {
  margin: 0 -40px;
}
.node > .inner > ul {
  margin-left: 40px;
}
.node > .inner .large {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 80px;
}
.node > .inner h2 {
  margin-top: 80px;
}
.node > .inner h2:first-child {
  margin-top: 0;
}
.node > .inner table {
  width: 100%;
}
.node > .inner table:last-child {
  margin-bottom: 0;
}
.node > .inner .table-wrap-bg {
  margin-bottom: 40px;
}
.node > .inner .table-wrap-bg:last-child {
  margin-bottom: 0;
}
.node > .inner > img,
.node > .inner p > img {
  max-width: 100%;
  max-width: calc(100% + 80px);
  height: auto !important;
}
.node p:last-child {
  margin-bottom: 0;
}
.node figure {
  margin-left: 0;
  margin-bottom: 30px;
}
.node figure figcaption {
  padding-top: 30px;
}
.node .meta {
  padding-top: 30px;
}
.node .msg:last-child {
  margin-top: 40px;
}
.node:last-child {
  margin-bottom: 0;
}
/* - Node Sticky - */
.node-sticky {
  margin-bottom: 80px;
}
/* - Node Img - */
.node-img {
  display: table;
}
.node-img > .img,
.node-img > .inner {
  display: table-cell;
  vertical-align: bottom;
}
.node-img > .img {
  width: 50%;
  padding-right: 20px;
}
.node-img > .inner {
  width: 50%;
  padding-left: 20px;
}
.node-img > .inner > p {
  padding: 0;
}
.node-img .inner h3 {
  color: var(--color-blue);
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 25px;
}
.node-img .inner h3 a {
  text-decoration: none;
}
/* -- Node Single -- */
.node-single .date {
  color: var(--color-grey);
  margin-bottom: 40px;
}
.node-single .date:last-child {
  margin-bottom: 0;
}
.node-single > p {
  padding: 0 40px;
}
.node-single > p img {
  margin: 0 -40px;
}
.node-single > h2 {
  margin-bottom: 30px;
}
.node-single > h3 {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 31px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
/* -- Blöcke -- */
.block .img img {
  display: block;
}
.block h3 a {
  color: inherit;
  text-decoration: none;
}
.block h3 a:hover {
  text-decoration: none;
}
.block .inner a {
  color: var(--color-blue);
  text-decoration: none;
}
.block .inner a:hover {
  color: var(--color-orange);
  text-decoration: underline;
}
.block .inner address {
  margin-bottom: 30px;
  font-style: normal;
}
.block .inner address.icon-home {
  position: relative;
  padding-left: 30px;
}
.block .inner address.icon-home::before {
  position: absolute;
  left: 0;
  top: 0;
}
/* - Block IMG  - */
.block-img > figure {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}
.block-img > figure > a {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.block-img > figure img {
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  transform: scale(1);
}
.block-img > figure .ico {
  display: block;
  float: right;
  width: 57px;
  height: 57px;
  margin: -20px -20px -20px 20px;
  position: relative;
}
.block-img > figure .ico img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.block-img > figure .ico.ico-lft {
  float: left;
  margin: -10px 20px -10px -20px;
}
.block-img > figure .ico.ico-lft + h3 {
  margin-left: 60px;
}
.block-img > figure figcaption {
  pointer-events: none;
}
.block-img > figure::before {
  content: "";
  padding-bottom: 75%;
  position: relative;
  display: block;
  width: 100%;
}
.block-img > figure + .meta {
  padding-top: 30px;
  padding-left: 40px;
}
.block-img figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 30px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  left: 40px;
  hyphens: auto;
}
.block-img figcaption .strong {
  font-family: 'Mosk Semibold', sans-serif;
}
.block-img figcaption h2,
.block-img figcaption h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-top: 0 !important;
}
.block-img figcaption h2:last-child,
.block-img figcaption h3:last-child {
  margin-bottom: 0;
}
.block-img figcaption p:last-child {
  margin-bottom: 0;
}
.block-img figcaption::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  display: block;
  opacity: 0.9;
  background: var(--color-blue);
}
.block-img figcaption.green::before {
  background: var(--color-green);
}
.block-img figcaption.orange::before {
  background: var(--color-orange);
}
.block-img figcaption.blue::before {
  background: var(--color-blue);
}
.block-img figcaption.lemon::before {
  background: var(--color-lemon);
}
.block-img figcaption.red::before {
  background: var(--color-red);
}
.block-img .inner {
  padding: 30px 40px 0;
}
.block-img .inner:last-child {
  padding: 30px 40px;
}
.block-img .inner h3 {
  font-size: 24px;
  line-height: 24px;
}
.block-img .meta {
  padding: 0 40px 30px 80px;
}
.block-img:hover figure a img {
  transform: scale(1.1);
}
.block-img.wide strong {
  display: block;
  font-weight: normal;
  font-size: 16px;
}
.block-img.wide h2 {
  font-size: 24px;
  line-height: 100%;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: 'Mosk Medium', sans-serif;
}
.block-img.wide h2:last-child {
  margin-bottom: 0;
}
.block-img.wide figure {
  position: relative;
}
.block-img.wide figure::before {
  padding-bottom: 59.19354839%;
}
.block-img.wide figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.block-img.wide figure:last-child {
  margin-bottom: 40px;
}
/* -- Block Icon -- */
.block-ico {
  padding-bottom: 80px;
}
.block-ico .count {
  margin-bottom: 30px;
  color: var(--color-lightgrey);
  position: relative;
  padding-bottom: 0;
}
.block-ico .count strong {
  font-size: 150px;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  line-height: 100px;
  display: none;
}
.block-ico .count .ico {
  display: block;
  text-align: center;
  font-size: 100px;
}
.block-ico .count .ico img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.block-ico .inner h3 {
  color: var(--color-orange);
  font-size: 24px;
  font-weight: normal;
}
/* -- Block Social -- */
.block-social {
  color: #fff;
}
.block-social > a {
  display: flex;
  flex-grow: 1;
}
.block-social a {
  text-decoration: none;
  color: #fff;
}
.block-social .inner {
  padding: 30px;
  background: var(--color-blue);
}
.block-social .inner p {
  font-size: 24px;
  line-height: 36px;
}
.block-social .inner figure {
  margin: -30px -30px 30px;
}
.block-social .inner figure img {
  width: 100% !important;
  height: auto !important;
}
.block-social .inner figure + p {
  font-size: 16px;
  line-height: 24px;
}
.block-social .meta {
  position: relative;
  min-height: 30px;
  padding-left: 80px;
  color: var(--color-grey);
}
.block-social .meta span {
  display: block;
  padding-top: 10px;
}
.block-social .meta span::before {
  color: var(--color-blue);
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.block-social .meta::before {
  left: 30px;
  top: 0;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent var(--color-blue) transparent transparent;
}
/* -- Block Info -- */
.block-info {
  padding: 60px 0;
}
.block-info h3 {
  font-size: 38px;
  line-height: 39px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
.block-info small {
  font-size: 16px;
}
/* -- Block Events -- */
.block-events {
  background: var(--color-lightgrey);
}
.block-events h3 {
  padding: 30px 30px 0;
  color: var(--color-green);
  font-size: 28px;
  line-height: 29px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
.block-events .event {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.block-events .event .date {
  background: var(--color-green);
  color: #fff;
  padding: 20px 20px 20px 40px;
  width: 100px;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  flex: 0 0 auto;
}
.block-events .event .details {
  padding-left: 40px;
  padding-right: 20px;
  flex: 1 1 auto;
}
.block-events .event .details a {
  text-decoration: none;
}
.block-events .meta {
  padding: 0 30px 30px;
}
/* -- Block Image Menu -- */
.block-imgmenu {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Mosk Medium', sans-serif;
  min-height: 660px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: flex-start;
}
.block-imgmenu .img {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.block-imgmenu .img img {
  height: 100%;
  object-fit: cover;
}
.block-imgmenu .inner {
  position: relative;
  z-index: 2;
  width: 100%;
}
.block-imgmenu .inner ul {
  padding-left: 0;
  list-style: none;
  position: relative;
  padding: 40px 0;
  margin-bottom: 0;
}
.block-imgmenu .inner ul li {
  margin-bottom: 20px;
}
.block-imgmenu .inner ul li a {
  text-decoration: none;
  padding: 0 40px;
  display: block;
  position: relative;
  color: #fff;
}
.block-imgmenu .inner ul li a.active {
  color: var(--color-orange);
}
.block-imgmenu .inner ul li a.active::before {
  content: "";
  width: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  bottom: -3px;
  background: var(--color-orange);
}
.block-imgmenu .inner ul li a:hover {
  color: var(--color-orange);
  text-decoration: none;
}
.block-imgmenu .inner ul li:last-child {
  margin-bottom: 0;
}
.block-imgmenu .inner ul li span {
  padding: 0 40px;
  display: block;
  position: relative;
  color: #fff;
}
.block-imgmenu .inner ul li span.active {
  color: var(--color-orange);
}
.block-imgmenu .inner ul li span.active::before {
  content: "";
  width: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  bottom: -3px;
  background: var(--color-orange);
}
.block-imgmenu .inner ul::before {
  content: "";
  background: var(--color-blue);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
/* -- Block Menü -- */
.block-menu {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Mosk Medium', sans-serif;
  background: var(--color-blue);
}
.block-menu .inner {
  padding: 40px 0;
}
.block-menu .inner ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0 !important;
}
.block-menu .inner ul li {
  margin-bottom: 20px;
}
.block-menu .inner ul li a {
  text-decoration: none;
  padding: 0 40px;
  display: block;
  position: relative;
  color: #fff;
}
.block-menu .inner ul li a.active {
  color: var(--color-orange);
}
.block-menu .inner ul li a.active::before {
  content: "";
  width: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  bottom: -3px;
  background: var(--color-orange);
}
.block-menu .inner ul li a:hover {
  color: var(--color-orange);
  text-decoration: none;
}
.block-menu .inner ul li span {
  padding: 0 40px;
  display: block;
  position: relative;
  color: #fff;
}
.block-menu .inner ul li span.active {
  color: var(--color-orange);
}
.block-menu .inner ul li span.active::before {
  content: "";
  width: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  bottom: -3px;
  background: var(--color-orange);
}
.block-menu .inner ul li:last-child {
  margin-bottom: 0;
}
.block-menu a.cta-btn {
  margin-bottom: -40px;
  margin-top: 40px;
}
.box-100 .block-img-lft {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.box-100 .block-img-lft h3 {
  color: var(--color-blue);
}
.box-100 .block-img-lft .img {
  flex: 0 0 250px;
}
.box-100 .block-img-lft .img img {
  max-width: 100% !important;
  height: auto !important;
}
.box-100 .block-img-lft .inner {
  flex: 1 1 auto;
  padding-left: 40px;
}
.box-33 .block-img figure figcaption {
  min-height: 110px;
}
.box-33 .block-img .meta {
  padding: 0 40px 30px;
}
.proposals .sidebar .block-img .meta {
  padding: 0 40px;
}
/* LESS Document */
ul,
ol {
  margin-bottom: 40px;
}
svg .maparea {
  cursor: pointer;
}
svg .maparea:hover {
  opacity: 1 !important;
}
.info-text {
  margin-bottom: 20px;
  color: #fff;
  padding: 15px 15px 15px 60px;
  position: relative;
  font-size: 16px;
  line-height: 17px;
}
.info-text::before {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 30px;
  line-height: 30px;
  margin-top: -15px;
}
.info-text.icon-checked-round {
  background: var(--color-checked);
}
.info-text.icon-failed {
  background: var(--color-failed);
}
.btn-grid {
  margin-bottom: 30px;
}
.btn-grid button {
  width: 100%;
}
.previewMode {
  position: fixed;
  z-index: 9999;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: var(--color-orange);
  left: 0;
  text-align: center;
  bottom: 0;
  right: 0;
}
.iframe-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.iframe-wrap:last-child {
  margin-bottom: 0;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gmap-wrap {
  position: relative;
}
.gmap-wrap iframe {
  display: block;
}
.gmap-wrap .map-addresss {
  width: 33.333333%;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(255, 148, 7, 0.9);
  padding: 30px;
}
.gmap-wrap .map-addresss address {
  font-style: normal;
  margin-bottom: 20px;
}
.gmap-wrap .map-addresss p:last-child {
  margin-bottom: 0;
}
.gmap-wrap .map-addresss a {
  text-decoration: none;
}
.gmap-wrap .map-addresss a:hover {
  text-decoration: underline;
}
.desc {
  padding-left: 40px;
}
.desc a {
  text-decoration: none;
  color: var(--color-blue);
}
.desc a:hover {
  color: var(--color-orange);
}
.desc .error {
  font-weight: bold;
  color: var(--color-red);
}
.event-liste-empty {
  min-height: 10px;
}
/* -- Buttons -- */
.more {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Mosk Medium', sans-serif;
  padding-left: 60px;
  background: transparent;
  cursor: pointer;
  border: 0;
  text-align: left;
  line-height: 24px;
}
.more i,
.more em {
  width: 40px;
  height: 15px;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
}
.more i::before,
.more em::before,
.more i::after,
.more em::after {
  content: "";
  display: block;
  position: absolute;
}
.more i::before,
.more em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: #fff;
}
.more i::after,
.more em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  right: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
.more.blue {
  color: var(--color-blue);
}
.more.blue i::before,
.more.blue em::before {
  background: var(--color-blue);
}
.more.blue i::after,
.more.blue em::after {
  border-color: var(--color-blue);
}
.more.blue:hover {
  color: var(--color-orange);
}
.more.blue:hover i::before,
.more.blue:hover em::before {
  background: var(--color-orange);
}
.more.blue:hover i::after,
.more.blue:hover em::after {
  border-color: var(--color-orange);
}
.more.grey {
  color: var(--color-blue);
  background: #F5F5F5;
  padding: 10px 15px;
}
.more.grey i::before,
.more.grey em::before {
  background: var(--color-blue);
}
.more.grey i::after,
.more.grey em::after {
  border-color: var(--color-blue);
}
.more.grey:hover {
  color: var(--color-orange);
}
.more.grey:hover i::before,
.more.grey:hover em::before {
  background: var(--color-orange);
}
.more.grey:hover i::after,
.more.grey:hover em::after {
  border-color: var(--color-orange);
}
.more.arrow-lft {
  padding-left: 70px;
}
.more.arrow-lft em {
  left: 15px;
  top: 13px;
}
.more.arrow-lft em::after {
  right: auto;
  left: 0;
  transform: rotate(225deg);
}
.more:hover i,
.more:hover em {
  animation: shake 1200ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(2px, 0, 0);
  }
}
a.cta-btn {
  text-decoration: none;
  background: rgba(242, 242, 242, 0.95);
  color: var(--color-blue);
  font-size: 24px;
  display: block;
  text-transform: none;
  padding: 20px 20px 20px 40px;
  font-family: 'Mosk Regular', sans-serif;
}
a.cta-btn i,
a.cta-btn em {
  width: 40px;
  height: 15px;
  display: block;
  float: left;
  position: relative;
  margin-right: 20px;
  top: 5px;
}
a.cta-btn i::before,
a.cta-btn em::before,
a.cta-btn i::after,
a.cta-btn em::after {
  content: "";
  display: block;
  position: absolute;
}
a.cta-btn i::before,
a.cta-btn em::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-blue);
}
a.cta-btn i::after,
a.cta-btn em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-blue);
  border-top: 1px solid var(--color-blue);
  right: 0;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
a.cta-btn:hover {
  color: var(--color-orange);
}
a.cta-white {
  display: inline-block;
  background: #fff;
  color: var(--color-blue);
  padding: 10px 15px;
  margin-bottom: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
a.cta-white:hover {
  text-decoration: none;
}
a.cta-white:hover {
  text-decoration: none;
}
.loadmore {
  text-align: center;
  padding: 50px 0 0;
}
.loadmore button {
  position: relative;
  display: inline-block;
  color: var(--color-blue);
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: none;
  font-family: 'Mosk Medium', sans-serif;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -webkit-border-radus: 0;
}
.loadmore button i,
.loadmore button em {
  width: 15px;
  height: 40px;
  display: block;
  float: right;
  position: relative;
  margin-left: 20px;
  top: -8px;
}
.loadmore button i::before,
.loadmore button em::before,
.loadmore button i::after,
.loadmore button em::after {
  content: "";
  display: block;
  position: absolute;
}
.loadmore button i::before,
.loadmore button em::before {
  width: 1px;
  height: 40px;
  left: 5px;
  background: var(--color-blue);
  top: 0;
}
.loadmore button i::after,
.loadmore button em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
}
.loadmore button:hover {
  color: var(--color-orange);
}
.loadmore button:hover i::before,
.loadmore button:hover em::before {
  background: var(--color-orange);
}
.loadmore button:hover i::after,
.loadmore button:hover em::after {
  border-color: var(--color-orange);
}
.bg {
  opacity: 0.9;
}
.bg.orange {
  background: var(--color-orange);
}
.bg.blue {
  background: var(--color-blue);
}
.bg.green {
  background: var(--color-green);
}
.bg.lemon {
  background: var(--color-lemon);
}
.btn-white {
  background: #fff;
  color: var(--color-blue);
  text-decoration: none;
  padding: 40px;
  display: block;
  line-height: normal;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.btn-white .btn-title {
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  font-size: 28px;
  display: block;
  text-transform: uppercase;
}
.btn-white small {
  font-size: 16px;
  font-weight: normal;
  display: block;
  color: var(--color-grey);
}
.btn-white i,
.btn-white em {
  width: 15px;
  height: 40px;
  display: block;
  float: right;
  position: relative;
}
.btn-white i::before,
.btn-white em::before,
.btn-white i::after,
.btn-white em::after {
  content: "";
  display: block;
  position: absolute;
}
.btn-white i::before,
.btn-white em::before {
  width: 1px;
  height: 40px;
  left: 50%;
  top: 0;
  background: var(--color-blue);
}
.btn-white i::after,
.btn-white em::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
}
.btn-white:hover {
  color: var(--color-orange);
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .btn-white {
    padding: 20px;
  }
  .btn-white .btn-title {
    font-size: 20px;
  }
  .btn-white small {
    font-size: 12px;
  }
}
.btn-wrap {
  padding-top: 30px;
}
.btn-wrap.center {
  text-align: center;
}
.btn-wrap.right {
  text-align: right;
}
.partner-list .partner {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.partner-list .partner > div {
  display: table-cell;
  vertical-align: top;
}
.partner-list .partner .logo {
  width: 100px;
}
.partner-list .partner .title {
  font-size: 14px;
  line-height: 18px;
}
ul.btn-list {
  list-style: none;
  padding-left: 0;
  font-size: 16px;
}
ul.btn-list li {
  width: 50%;
  float: left;
  margin-bottom: 40px;
}
ul.btn-list li:nth-child(odd) {
  padding-right: 20px;
}
ul.btn-list li:nth-child(even) {
  padding-left: 20px;
}
ul.btn-list li a {
  background: #fff;
  color: var(--color-blue);
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
  font-family: 'Mosk Medium', sans-serif;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
ul.btn-list li a:hover {
  background: var(--color-orange);
  color: #fff !important;
  text-decoration: none !important;
}
/* -- Cookiebar -- */
.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color-lightgrey);
  padding: 20px;
  z-index: 999;
  font-size: 14px;
  color: #333;
}
.cookie-bar a {
  color: var(--color-blue);
  text-decoration: none;
}
.cookie-bar a:hover {
  color: var(--color-orange);
}
.cookie-bar .inner {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 2;
}
.cookie-bar p {
  margin-right: 20px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: normal;
  display: inline-block;
}
.cookie-bar .btnMore {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: var(--color-blue);
  padding: 5px 20px;
  cursor: pointer;
  border: 0;
}
.cookie-bar .btnMore:hover {
  background: var(--color-orange);
}
.cookie-bar .flexgrid {
  flex-wrap: nowrap;
}
.cookie-bar .flexgrid .box .btnMore {
  position: static;
  padding: 10px 20px;
}
.cookie-bar .flexgrid .box.box-text {
  flex: 1 1 auto;
}
.cookie-bar .flexgrid .box.box-text a.more {
  margin-top: 10px;
}
.cookie-bar .flexgrid .box.box-btns {
  text-align: right;
  padding-top: 10px;
  white-space: nowrap;
}
.cookie-bar .flexgrid .box.box-btns .btnMore {
  white-space: nowrap;
  display: inline-block;
}
.cookie-bar .flexgrid .box.box-btns .btnMore.btn-block {
  background: transparent;
  color: var(--color-blue);
}
.cookie-bar .flexgrid .box.box-btns .btnMore.btn-block:hover {
  background: var(--color-orange);
  color: #fff;
}
@media screen and (max-width: 1130px) {
  .cookie-bar .inner {
    width: auto;
    max-width: none;
  }
  .cookie-bar .inner .box-text {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 690px) {
  .cookie-bar .flexgrid {
    display: block;
  }
  .cookie-bar .box {
    width: 100% !important;
    display: block;
  }
  .cookie-bar .inner {
    width: auto;
    padding: 0;
  }
  .cookie-bar p {
    font-size: 14px;
    line-height: 120%;
    margin-right: 0;
    padding-bottom: 20px;
    width: auto;
  }
  .cookie-bar .btnMore {
    top: auto;
    bottom: 10px;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0px);
  }
}
/* -- Informationen  -- */
.msg {
  position: relative;
  z-index: 2;
  padding: 25px 25px 25px 0;
  margin-bottom: 40px;
}
.msg strong.headline {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-family: 'Mosk Semibold', sans-serif;
  font-weight: normal;
}
.msg p {
  margin-bottom: 20px;
}
.msg p:last-child {
  margin-bottom: 0;
}
.msg::before {
  position: absolute;
  z-index: -1;
  width: 200vw;
  right: 0;
  top: 0;
  height: 100%;
  display: block;
  content: "";
}
.msg.info {
  color: var(--color-green);
}
.msg.info::before {
  background: var(--color-pastelgreen);
}
.msg.tipp::before {
  background: var(--color-lightgrey);
}
.cta-msg .content {
  background: var(--color-orange);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 0%);
  background-size: 30px 100%;
  background-position: right;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  padding-top: 70px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 960px) {
  .cta-msg .content {
    background-image: none;
  }
}
.cta-msg .content::before {
  content: "";
  width: 100%;
  height: 100%;
  right: 99%;
  top: 0;
  position: absolute;
  background: var(--color-orange);
}
.cta-msg .content a {
  color: inherit;
}
.cta-msg .content .node > .inner > p {
  padding: 0;
}
.cta-msg .content article {
  margin-bottom: 0;
}
/* -- Focus Popup -- */
.popup {
  position: fixed;
  z-index: 9996;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all 0.3s ease-out;
}
.popup .popup-content {
  display: inline-block;
  z-index: 9999;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 50px;
  cursor: default;
  color: #000;
}
.popup .popup-content.size {
  width: 1340px;
  max-width: 1340px;
  width: 100%;
}
.popup .popup-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
}
.popup .popup-close:before,
.popup .popup-close:after {
  content: "";
  height: 2px;
  width: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -1px;
  background: var(--color-blue);
  pointer-events: none;
}
.popup .popup-close:before {
  transform: rotate(45deg);
}
.popup .popup-close:after {
  transform: rotate(-45deg);
}
.popup .popup-close span {
  display: none;
}
.popup .popup-close:hover:before,
.popup .popup-close:hover:after {
  background: var(--color-orange);
}
.popup.visible {
  opacity: 1;
  visibility: visible;
  display: block;
}
.popup.overlay {
  background: rgba(255, 255, 255, 0.95);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.popup.overlay .popup-outside {
  z-index: 9998;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.popup.overlay .popup-inner {
  -webkit-backface-visibility: hidden;
  cursor: pointer;
  z-index: 9997;
  text-align: initial;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: translateY(25px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}
.popup.overlay .popup-inner .popup-content {
  position: relative;
}
.popup.overlay.visible .popup-inner {
  transform: translateY(0px);
}
.popup.popup-search .popup-content {
  width: 800px;
  overflow: visible;
  padding: 0;
  padding-top: 150px;
  padding-bottom: 100px;
}
.popup.popup-gallery .popup-content {
  overflow: visible;
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption {
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 0;
  padding: 30px 40px;
  color: #fff;
  z-index: 2;
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption p:last-child {
  margin-bottom: 0;
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  display: block;
  opacity: 0.9;
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption.blue::before {
  background: var(--color-blue);
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption.green::before {
  background: var(--color-green);
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption.lemon::before {
  background: var(--color-lemon);
}
.popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption.orange::before {
  background: var(--color-orange);
}
.popup.popup-gallery .swiper-pagination {
  text-align: center;
  position: relative;
  font-size: 24px;
  padding-top: 40px;
  color: var(--color-grey);
  background: transparent;
  border: 0;
  appearance: none;
  display: block;
  margin: 0 auto;
  font-family: 'Mosk Regular', sans-serif;
}
.popup.popup-gallery .swiper-pagination .wrap span {
  color: var(--color-green);
}
.popup.popup-gallery .swiper-button-prev,
.popup.popup-gallery .swiper-button-next {
  position: absolute;
  height: 30px;
  width: 80px;
  top: 50%;
  margin-top: -15px;
  cursor: pointer;
  background: transparent;
  border: 0;
  overflow: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.popup.popup-gallery .swiper-button-prev::before,
.popup.popup-gallery .swiper-button-next::before {
  content: "";
  height: 2px;
  background: var(--color-blue);
  width: 100%;
  top: 50%;
  margin-top: -1px;
  display: block;
  position: absolute;
}
.popup.popup-gallery .swiper-button-prev::after,
.popup.popup-gallery .swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
}
.popup.popup-gallery .swiper-button-prev {
  left: -100px;
}
.popup.popup-gallery .swiper-button-prev::after {
  width: 15px;
  height: 15px;
  border-top: 2px solid var(--color-blue);
  border-left: 2px solid var(--color-blue);
  left: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(-45deg);
}
.popup.popup-gallery .swiper-button-next {
  right: -100px;
}
.popup.popup-gallery .swiper-button-next::after {
  width: 15px;
  height: 15px;
  border-top: 2px solid var(--color-blue);
  border-right: 2px solid var(--color-blue);
  right: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(45deg);
}
.popup.popup-gallery .swiper-button-prev:hover::before,
.popup.popup-gallery .swiper-button-next:hover::before {
  background: var(--color-orange);
}
.popup.popup-gallery .swiper-button-prev:hover::after,
.popup.popup-gallery .swiper-button-next:hover::after {
  border-color: var(--color-orange);
}
.popup.popup-dllmanager h2 {
  font-size: 38px;
  line-height: 39px;
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
}
.popup.popup-dllmanager .popup-content {
  width: 800px;
  padding: 0;
  overflow: visible;
}
.popup.popup-dllmanager .file-list {
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  padding: 20px 0;
}
.popup.popup-dllmanager .file-list .file {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.popup.popup-dllmanager .file-list .file a {
  text-decoration: none;
  flex: 1 1 auto;
}
.popup.popup-dllmanager .file-list .file .option-wrap {
  width: 125px;
  overflow: hidden;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option {
  display: table;
  table-layout: fixed;
  width: 200%;
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.popup.popup-dllmanager .file-list .file .option-wrap .option .fileInfo,
.popup.popup-dllmanager .file-list .file .option-wrap .option .removeBtn {
  display: table-cell;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option .fileInfo {
  text-align: right;
  color: var(--color-grey);
}
.popup.popup-dllmanager .file-list .file .option-wrap .option .removeBtn {
  text-align: right;
  padding-left: 20px;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option button {
  color: var(--color-blue);
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 16px;
  text-align: center;
  font-family: 'Mosk Regular', sans-serif;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option button i,
.popup.popup-dllmanager .file-list .file .option-wrap .option button em {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  float: left;
  margin-right: 10px;
  top: 2px;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option button i::before,
.popup.popup-dllmanager .file-list .file .option-wrap .option button em::before,
.popup.popup-dllmanager .file-list .file .option-wrap .option button i::after,
.popup.popup-dllmanager .file-list .file .option-wrap .option button em::after {
  content: "";
  background: var(--color-blue);
  width: 20px;
  height: 2px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
}
.popup.popup-dllmanager .file-list .file .option-wrap .option button i::before,
.popup.popup-dllmanager .file-list .file .option-wrap .option button em::before {
  transform: rotate(45deg);
}
.popup.popup-dllmanager .file-list .file .option-wrap .option button i::after,
.popup.popup-dllmanager .file-list .file .option-wrap .option button em::after {
  transform: rotate(-45deg);
}
.popup.popup-dllmanager .file-list .file:hover a {
  color: var(--color-orange);
}
.popup.popup-dllmanager .file-list .file:hover .option {
  transform: translate(-50%, 0%);
}
.popup.popup-dllmanager .file-summary {
  padding-top: 20px;
  font-size: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.popup.popup-dllmanager .file-summary .link {
  line-height: 100%;
  text-decoration: none;
  flex: 1 1 auto;
}
.popup.popup-dllmanager .file-summary .link a {
  text-decoration: none;
  color: var(--color-blue);
}
.popup.popup-dllmanager .file-summary .fileInfo {
  color: var(--color-grey);
}
.popup.popup-video iframe {
  border: 0;
}
.popup.popup-video .iframe-wrap {
  margin-bottom: 0;
}
.popup.popup-cookie .popup-content {
  max-width: 1280px;
}
.popup.popup-cookie .popup-content h2,
.popup.popup-cookie .popup-content h3 {
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
}
.popup.popup-cookie .popup-content h2 {
  font-size: 58px;
  line-height: 60px;
  margin-bottom: 40px;
}
.popup.popup-cookie .popup-content h3 {
  font-size: 38px;
  line-height: 39px;
  margin-bottom: 30px;
}
.popup.popup-cookie .popup-content > p {
  padding: 0 40px;
}
.popup.popup-cookie .popup-content table {
  margin-bottom: 40px;
  background: #fff;
}
.popup.popup-cookie .popup-content table caption {
  text-align: left;
  padding-bottom: 40px;
  font-size: 25px;
}
.popup.popup-cookie .popup-content table th,
.popup.popup-cookie .popup-content table td {
  padding: 20px 30px;
  text-align: left;
  vertical-align: top;
}
.popup.popup-cookie .popup-content table th.grey,
.popup.popup-cookie .popup-content table td.grey {
  background: var(--color-lightgrey);
}
.popup.popup-cookie .popup-content table thead tr th {
  color: #fff;
  background: var(--color-green);
}
.popup.popup-cookie .popup-content table thead tr th:first-child {
  background: #63A223;
}
.popup.popup-cookie .popup-content table tfoot tr th,
.popup.popup-cookie .popup-content table tbody tr th,
.popup.popup-cookie .popup-content table tfoot tr td,
.popup.popup-cookie .popup-content table tbody tr td {
  border-bottom: 1px solid #DFDFDF;
}
.popup.popup-cookie .popup-content table tfoot tr th.grey,
.popup.popup-cookie .popup-content table tbody tr th.grey,
.popup.popup-cookie .popup-content table tfoot tr td.grey,
.popup.popup-cookie .popup-content table tbody tr td.grey {
  background: var(--color-lightgrey);
}
.popup.popup-cookie .popup-content table tfoot tr th,
.popup.popup-cookie .popup-content table tbody tr th {
  white-space: nowrap;
}
.popup.popup-cookie .popup-content table tfoot:first-child tr:first-child th,
.popup.popup-cookie .popup-content table tbody:first-child tr:first-child th,
.popup.popup-cookie .popup-content table tfoot:first-child tr:first-child td,
.popup.popup-cookie .popup-content table tbody:first-child tr:first-child td {
  border-top: 1px solid #DFDFDF;
}
.popup.popup-cookie .popup-content .cookie-options {
  text-align: center;
}
.popup.popup-cookie .popup-content .cookie-options a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  margin: 0 5px;
  padding: 10px 20px;
}
.popup.popup-cookie .popup-content .cookie-options a.cookie-allow {
  color: #fff;
  background: var(--color-blue);
}
.popup.popup-cookie .popup-content .cookie-options a.cookie-allow:hover {
  background: var(--color-green);
}
.popup.popup-cookie .popup-content .cookie-options a.cookie-disallow {
  background: var(--color-lightgrey);
  color: var(--color-blue);
}
.popup.popup-cookie .popup-content .cookie-options a.cookie-disallow:hover {
  background: red;
  color: #fff;
}
@media only screen and (max-width: 1680px) {
  .popup.popup-gallery .popup-content {
    padding: 50px 140px;
  }
  .popup.popup-gallery .popup-close {
    right: 140px;
  }
  .popup.popup-gallery .swiper-button-prev {
    left: 20px;
  }
  .popup.popup-gallery .swiper-button-next {
    right: 20px;
  }
}
@media only screen and (max-width: 1120px) {
  .popup.popup-gallery .popup-content {
    padding: 50px;
  }
  .popup.popup-gallery .popup-close {
    right: 50px;
  }
  .popup.popup-gallery .swiper-button-prev {
    left: 55px;
  }
  .popup.popup-gallery .swiper-button-next {
    right: 55px;
  }
  .popup.popup-gallery .swiper-button-prev,
  .popup.popup-gallery .swiper-button-next {
    top: auto;
    margin-top: 0;
    bottom: 50px;
  }
  .popup.popup-cookie .popup-content h2 {
    font-size: 48px;
    line-height: 50px;
  }
  .popup.popup-cookie .popup-content h3 {
    font-size: 28px;
    line-height: 29px;
  }
  .popup.popup-cookie .popup-content table th,
  .popup.popup-cookie .popup-content table td {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 1120px) and (orientation: landscape) {
  .popup.popup-gallery .swiper-container {
    max-width: 820px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 820px) {
  .popup.popup-dllmanager .popup-content {
    width: 680px;
  }
}
@media only screen and (max-width: 734px) {
  .popup.popup-dllmanager .popup-content {
    width: 90%;
  }
  .popup.popup-dllmanager .file-list .file .option-warp {
    width: 165px;
  }
  .popup.popup-cookie .popup-content {
    padding: 20px;
  }
  .popup.popup-cookie .popup-content h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .popup.popup-cookie .popup-content h3 {
    font-size: 18px;
    line-height: 19px;
  }
  .popup.popup-cookie .popup-content table th,
  .popup.popup-cookie .popup-content table td {
    padding: 5px 10px;
  }
  .popup.popup-cookie .popup-content .cookie-options a {
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 734px) {
  .popup.popup-cookie .popup-content {
    padding: 20px;
  }
  .popup.popup-cookie .popup-content h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  .popup.popup-cookie .popup-content h3 {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 900px) and (orientation: landscape) {
  .popup.popup-gallery .popup-content {
    padding: 30px;
  }
  .popup.popup-gallery .swiper-container {
    max-width: 360px;
    margin: 0 auto;
  }
  .popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption {
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
  }
  .popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
body.dialog-open {
  overflow: hidden;
}
dialog {
  margin: auto;
}
dialog .dialog-notice {
  text-align: left;
  padding: 20px 25px;
  background: var(--color-green);
  font-size: 1.125rem;
}
dialog .dialog-notice p {
  margin-bottom: 0 !important;
}
dialog .dialog-notice strong {
  text-transform: uppercase;
}
dialog#umfrage-dialog {
  border: 0;
  background: var(--color-blue);
  color: #fff;
  max-width: 1280px;
  overflow: visible;
  z-index: 779;
  top: 50%;
  transform: translate(0, -50%);
  position: fixed;
}
@media only screen and (max-width: 1366px) {
  dialog#umfrage-dialog {
    max-width: 90vw;
  }
}
@media only screen and (max-height: 960px) {
  dialog#umfrage-dialog {
    overflow: auto;
  }
}
@media only screen and (max-width: 567px) {
  dialog#umfrage-dialog {
    max-height: calc(100dvh - 30px);
    overflow: auto;
  }
}
dialog#umfrage-dialog .dialog-content {
  display: flex;
  flex-direction: row;
  text-align: left;
}
dialog#umfrage-dialog .dialog-content figure {
  width: 400px;
  flex: none;
}
dialog#umfrage-dialog .dialog-content figure img {
  display: block;
  height: 100% !important;
  object-fit: cover;
}
@media only screen and (max-width: 763px) {
  dialog#umfrage-dialog .dialog-content {
    flex-direction: column;
  }
  dialog#umfrage-dialog .dialog-content figure {
    width: 100%;
    height: 400px;
  }
  dialog#umfrage-dialog .dialog-content figure img {
    object-position: center top;
  }
}
dialog#umfrage-dialog .dialog-preline,
dialog#umfrage-dialog .dialog-title {
  font-family: 'Mosk Light', sans-serif;
  line-height: 120%;
}
dialog#umfrage-dialog .dialog-preline {
  font-size: 1.75rem;
  margin-bottom: 25px;
}
dialog#umfrage-dialog .dialog-title {
  font-size: 2.375rem;
  margin-bottom: 15px;
}
dialog#umfrage-dialog .desc {
  padding: 40px;
}
@media only screen and (max-width: 763px) {
  dialog#umfrage-dialog .desc {
    padding: 20px;
  }
}
dialog#umfrage-dialog p {
  margin-bottom: 14px;
}
dialog#umfrage-dialog button.more {
  color: #fff;
}
dialog#umfrage-dialog button.close-dialog {
  width: 44px;
  height: 44px;
  background: transparent;
  cursor: pointer;
  border: 0;
  position: absolute;
  right: 0;
  top: -50px;
}
dialog#umfrage-dialog button.close-dialog::before,
dialog#umfrage-dialog button.close-dialog::after {
  content: "";
  background: var(--color-blue);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 2px;
  margin-left: -15px;
}
@media only screen and (max-height: 960px) {
  dialog#umfrage-dialog button.close-dialog {
    right: 10px;
    top: 10px;
  }
  dialog#umfrage-dialog button.close-dialog::before,
  dialog#umfrage-dialog button.close-dialog::after {
    background: #fff;
  }
}
dialog#umfrage-dialog button.close-dialog::before {
  transform: rotate(45deg);
}
dialog#umfrage-dialog button.close-dialog::after {
  transform: rotate(-45deg);
}
dialog#umfrage-dialog button.close-dialog:hover::before,
dialog#umfrage-dialog button.close-dialog:hover::after {
  background: var(--color-orange);
}
dialog#umfrage-dialog::backdrop {
  background: rgba(255, 255, 255, 0.95);
}
body:has(.short-contact.open)::after {
  content: "";
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 772;
}
body:has(dialog[open])::before {
  content: "";
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 778;
}
/* --  Video  -- */
figure.video-wrap {
  position: relative;
  overflow: hidden;
}
figure.video-wrap i,
figure.video-wrap em {
  font-size: 80px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
figure.video-wrap a,
figure.video-wrap button,
figure.video-wrap img {
  display: block;
  position: relative;
  z-index: 0;
}
figure.video-wrap figcaption {
  position: absolute;
  color: #fff;
  padding: 30px;
  bottom: 0;
  right: 0;
  width: 50%;
  width: calc(50% - 40px);
  z-index: 2;
  font-size: 24px;
  line-height: 24px;
}
figure.video-wrap figcaption::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
figure.video-wrap.orange a,
figure.video-wrap.orange button {
  text-decoration: none;
  color: var(--color-orange);
}
figure.video-wrap.orange a:hover,
figure.video-wrap.orange button:hover {
  color: var(--color-green);
}
figure.video-wrap.orange figcaption::before {
  background: var(--color-orange);
}
figure.video-wrap .video-play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  cursor: pointer;
  border: 0;
}
figure.video-wrap + .desc,
figure.video-wrap + .node {
  padding: 40px 30px 0;
}
figure.video-wrap::before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
  width: 100%;
  position: relative;
  z-index: 0;
}
figure.video-wrap iframe,
figure.video-wrap object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  object-fit: contain;
}
@media only screen and (max-width: 1366px) {
  figure.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
  }
  figure.video-wrap iframe,
  figure.video-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
/* -- ContactInfo DL -- */
dl.contact-info {
  margin-bottom: 40px;
}
dl.contact-info dt {
  font-weight: bold;
  margin-bottom: 5px;
}
dl.contact-info dt strong {
  display: block;
}
dl.contact-info dt small {
  font-weight: normal;
  display: block;
  font-size: 14px;
  line-height: 100%;
}
dl.contact-info dd {
  margin-bottom: 5px;
}
dl.contact-info dd a {
  color: #fff !important;
}
dl.contact-info dd::before {
  margin-right: 10px;
  position: relative;
  top: 3px;
}
dl.contact-info dd.icon-home {
  padding-left: 27px;
  position: relative;
}
dl.contact-info dd.icon-home::before {
  position: absolute;
  left: 0;
}
/* -- Kundencenter - Kontaktperson -- */
.contact-person {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.contact-person::before {
  position: absolute;
  left: 10px;
  top: -25px;
  color: var(--color-blue);
  font-size: 55px;
}
.contact-person blockquote {
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 35px;
  font-family: 'Mosk Light', sans-serif;
}
.contact-person cite {
  font-size: 18px;
  color: var(--color-grey);
}
.contact-person .desc {
  padding: 30px;
  flex: 1 1 auto;
  align-self: center;
}
.contact-person .bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 300%;
  z-index: -1;
  background: #F8F8F8;
}
/* -- Content-Info -- */
.content-info {
  width: 100%;
  margin-bottom: 30px;
}
.content-info .cat,
.content-info .date {
  display: inline-block;
  vertical-align: middle;
}
.content-info .cat {
  color: #fff;
  padding: 10px 30px;
}
.content-info .cat.orange {
  background: var(--color-orange);
}
.content-info .cat.blue {
  background: var(--color-blue);
}
.content-info .cat.green {
  background: var(--color-green);
}
.content-info .cat.lemon {
  background: var(--color-lemon);
}
.content-info .date {
  padding: 10px 30px;
  color: var(--color-grey);
}
/* -- Accordion -- */
.accordion > h2,
.accordion > h3 {
  font-size: 28px;
  font-family: 'Mosk Light', sans-serif;
  line-height: 29px;
  color: var(--color-blue);
  font-weight: normal;
  position: relative;
  border-top: 1px solid var(--color-lightergrey);
  padding: 20px 0;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  cursor: pointer;
}
.accordion > h2 i,
.accordion > h3 i,
.accordion > h2 em,
.accordion > h3 em {
  float: right;
  position: relative;
  display: block;
  top: 5px;
  width: 40px;
  height: 14px;
  transform: rotate(90deg);
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.accordion > h2 i::before,
.accordion > h3 i::before,
.accordion > h2 em::before,
.accordion > h3 em::before,
.accordion > h2 i::after,
.accordion > h3 i::after,
.accordion > h2 em::after,
.accordion > h3 em::after {
  content: "";
  position: absolute;
  display: block;
}
.accordion > h2 i::after,
.accordion > h3 i::after,
.accordion > h2 em::after,
.accordion > h3 em::after {
  height: 1px;
  width: 40px;
  background: var(--color-blue);
  top: 50%;
  margin-top: -1px;
}
.accordion > h2 i::before,
.accordion > h3 i::before,
.accordion > h2 em::before,
.accordion > h3 em::before {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-blue);
  border-top: 1px solid var(--color-blue);
  right: 0;
  top: 1px;
  transform: rotate(45deg);
}
.accordion > h2 a,
.accordion > h3 a {
  display: block;
  margin: -20px 0;
  padding: 20px 0;
}
.accordion > h2 a:hover,
.accordion > h3 a:hover {
  text-decoration: none;
}
.accordion > h2 a:visited,
.accordion > h3 a:visited {
  color: var(--color-visited);
}
.accordion > h2 a i::after,
.accordion > h3 a i::after,
.accordion > h2 a em::after,
.accordion > h3 a em::after {
  background: var(--color-visited);
}
.accordion > h2 a i::before,
.accordion > h3 a i::before,
.accordion > h2 a em::before,
.accordion > h3 a em::before {
  border-color: var(--color-visited);
}
.accordion > h2.open i,
.accordion > h3.open i,
.accordion > h2.open em,
.accordion > h3.open em {
  transform: rotate(-90deg);
}
.accordion > h2.visited,
.accordion > h3.visited {
  color: var(--color-visited);
}
.accordion > h2.visited i::after,
.accordion > h3.visited i::after,
.accordion > h2.visited em::after,
.accordion > h3.visited em::after {
  background: var(--color-visited);
}
.accordion > h2.visited i::before,
.accordion > h3.visited i::before,
.accordion > h2.visited em::before,
.accordion > h3.visited em::before {
  border-color: var(--color-visited);
}
.accordion .acc-title button {
  width: 100%;
  background: transparent;
  border: 0;
  color: inherit;
  font-family: inherit;
  text-align: left;
  font-size: inherit;
  display: block;
  margin: -20px 0;
  padding: 20px 0;
}
.accordion .acc-content {
  padding: 30px 40px;
  display: none;
  position: relative;
}
.accordion .acc-content a {
  color: var(--color-blue);
  text-decoration: none;
}
.accordion .acc-content a:hover {
  color: var(--color-orange);
}
.accordion .acc-content p:last-child {
  margin-bottom: 0;
}
.accordion .acc-content img {
  max-width: 100%;
  height: auto !important;
}
.accordion .acc-content figure {
  margin-left: -40px;
  margin-bottom: 40px;
}
.accordion .acc-content .table-wrap-bg {
  margin-left: -30px;
  margin-right: -30px;
}
.accordion .acc-content::before {
  height: 1px;
  background: var(--color-lightergrey);
  content: "";
  width: auto;
  left: 40px;
  right: 40px;
  margin-top: -30px;
  display: block;
  margin-bottom: 30px;
}
.accordion .acc-content .accordion {
  margin: -31px 30px;
}
.accordion .acc-content .accordion .acc-content {
  background: var(--color-lightgrey);
}
.accordion .acc-content .accordion .acc-content::before {
  left: 0;
  right: 0;
  position: absolute;
}
.faq-single .accordion .acc-content {
  background: var(--color-lightgrey);
  margin: 0 40px;
}
.faq-single .accordion .acc-content::before {
  left: 0;
  right: 0;
  position: absolute;
}
.node h3,
.accordion h3,
.node h4,
.accordion h4,
.node h5,
.accordion h5,
.node h6,
.accordion h6 {
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
}
.node h4,
.accordion h4 {
  margin-bottom: 30px;
}
.node h5,
.accordion h5 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}
.node .acc-content h3,
.accordion .acc-content h3 {
  font-size: 26px;
}
.node .acc-content h4,
.accordion .acc-content h4 {
  font-size: 24px;
}
.node .acc-content h5,
.accordion .acc-content h5 {
  font-size: 20px;
}
.node .acc-content h6,
.accordion .acc-content h6 {
  font-size: 18px;
  margin-bottom: 20px;
}
.node ul,
.accordion ul,
.node ol,
.accordion ol,
.node dl,
.accordion dl {
  margin-bottom: 40px;
}
.node ul:last-child,
.accordion ul:last-child,
.node ol:last-child,
.accordion ol:last-child,
.node dl:last-child,
.accordion dl:last-child {
  margin-bottom: 0;
}
.node ul ul,
.accordion ul ul,
.node ol ul,
.accordion ol ul,
.node dl ul,
.accordion dl ul,
.node ul ol,
.accordion ul ol,
.node ol ol,
.accordion ol ol,
.node dl ol,
.accordion dl ol,
.node dl dl,
.accordion dl dl {
  margin-bottom: 0;
}
.node ul,
.accordion ul {
  list-style: none;
  padding-left: 0;
}
.node ul li,
.accordion ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.node ul li::before,
.accordion ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  background: var(--color-orange);
  position: absolute;
  left: 10px;
  top: 8px;
}
.node ul li ul li::before,
.accordion ul li ul li::before {
  width: 5px;
  height: 5px;
  background: var(--color-green);
  top: 10px;
}
.node ol,
.accordion ol {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}
.node ol li,
.accordion ol li {
  color: var(--color-darkgrey);
  padding-left: 30px;
  position: relative;
}
.node ol li::before,
.accordion ol li::before {
  content: counter(item) ". ";
  counter-increment: item;
  color: var(--color-orange);
  font-family: 'Mosk Medium', sans-serif;
  left: 0;
  display: block;
  position: absolute;
  top: 0;
}
.node table,
.accordion table {
  margin-bottom: 40px;
}
.node table caption,
.accordion table caption {
  text-align: left;
  padding-bottom: 40px;
  font-size: 25px;
}
.node table th,
.accordion table th,
.node table td,
.accordion table td {
  padding: 20px 30px;
  text-align: left;
  vertical-align: top;
}
.node table thead tr th,
.accordion table thead tr th {
  color: #fff;
  background: var(--color-green);
}
.node table thead tr th.grey,
.accordion table thead tr th.grey {
  background: var(--color-green);
}
.node table tfoot tr th,
.accordion table tfoot tr th,
.node table tbody tr th,
.accordion table tbody tr th,
.node table tfoot tr td,
.accordion table tfoot tr td,
.node table tbody tr td,
.accordion table tbody tr td {
  border-bottom: 1px solid var(--color-lightergrey);
}
.node table tfoot tr th.grey,
.accordion table tfoot tr th.grey,
.node table tbody tr th.grey,
.accordion table tbody tr th.grey,
.node table tfoot tr td.grey,
.accordion table tfoot tr td.grey,
.node table tbody tr td.grey,
.accordion table tbody tr td.grey {
  background: var(--color-lightgrey);
}
.node table tfoot tr th,
.accordion table tfoot tr th,
.node table tbody tr th,
.accordion table tbody tr th {
  font-weight: bold;
}
.node table tfoot:first-child tr:first-child th,
.accordion table tfoot:first-child tr:first-child th,
.node table tbody:first-child tr:first-child th,
.accordion table tbody:first-child tr:first-child th,
.node table tfoot:first-child tr:first-child td,
.accordion table tfoot:first-child tr:first-child td,
.node table tbody:first-child tr:first-child td,
.accordion table tbody:first-child tr:first-child td {
  border-top: 1px solid var(--color-lightergrey);
}
.event-liste-empty {
  margin-bottom: 60px;
  color: var(--color-grey);
}
.past-events .accordion {
  border-bottom: 1px solid #DFDFDF;
}
.past-events .accordion .events {
  margin-bottom: 0;
  border-bottom: 0;
}
.past-events .accordion .acc-content::before {
  display: none;
}
/* -- Förderlinks  -- */
.link-list a {
  text-decoration: none;
  color: var(--color-blue);
  display: flex;
  flex-direction: row;
}
.link-list a:hover {
  color: var(--color-orange);
}
.link-list a:visited {
  color: var(--color-visited);
}
.link-list a i,
.link-list a em {
  display: block;
  position: relative;
  height: 14px;
  width: 40px;
  top: 5px;
  flex: 0 0 40px;
}
.link-list a i::before,
.link-list a em::before,
.link-list a i::after,
.link-list a em::after {
  content: "";
  position: absolute;
}
.link-list a i::before,
.link-list a em::before {
  background: var(--color-blue);
  height: 1px;
  width: 100%;
  top: 50%;
}
.link-list a i::after,
.link-list a em::after {
  border-right: 1px solid var(--color-blue);
  border-top: 1px solid var(--color-blue);
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  right: 0;
  top: 50%;
  margin-top: -5px;
}
.link-list a span {
  flex: 1 1 auto;
  padding-left: 15px;
}
.link-list a small {
  font-size: 16px;
  color: var(--color-grey);
  padding-left: 10px;
}
.link-list dl {
  margin-bottom: 40px;
  padding-left: 40px;
}
.link-list dl:last-child {
  margin-bottom: 0;
}
.link-list dl dt {
  font-size: 24px;
  margin-bottom: 20px;
}
.link-list dl dd {
  font-size: 16px;
  margin-bottom: 10px;
}
.link-list ul {
  margin-bottom: 40px;
  padding-left: 40px;
  list-style: none;
}
.link-list ul li {
  font-size: 16px;
  margin-bottom: 10px;
}
/* -- Downloads -- */
.downloads {
  margin-bottom: 40px;
  padding-left: 40px;
}
.downloads:last-child {
  margin-bottom: 0;
}
.downloads h3 {
  font-size: 24px;
  line-height: 25px;
  font-weight: normal;
  font-family: 'Mosk Light', sans-serif;
  margin-right: 120px;
}
.downloads .options ul {
  list-style: none;
  padding-left: 0;
}
.downloads .options ul li {
  padding-left: 0;
}
.downloads .options ul li button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background: transparent;
  color: var(--color-blue);
  font-size: 16px;
}
.downloads .options ul li button:hover {
  color: var(--color-orange);
}
.downloads .options ul li button::before,
.downloads .options ul li a::before {
  margin-right: 10px;
}
.downloads > .options {
  margin-top: -43px;
  float: right;
}
.downloads .dll-item {
  position: relative;
  overflow: hidden;
  padding-left: 40px;
  margin-bottom: 5px;
  padding: 5px 0;
  clear: both;
}
.downloads .dll-item a.filename {
  text-decoration: none;
  display: block;
  margin-right: 300px;
  color: #000;
}
.downloads .dll-item a.filename span {
  margin-left: 60px;
  display: block;
}
.downloads .dll-item a.filename i,
.downloads .dll-item a.filename em {
  display: block;
  position: relative;
  height: 15px;
  width: 40px;
  margin-right: 20px;
  float: left;
  top: 2px;
}
.downloads .dll-item a.filename i::before,
.downloads .dll-item a.filename em::before,
.downloads .dll-item a.filename i::after,
.downloads .dll-item a.filename em::after {
  position: absolute;
  content: "";
  display: block;
}
.downloads .dll-item a.filename i::before,
.downloads .dll-item a.filename em::before {
  width: 11px;
  height: 11px;
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-right: 1px solid var(--color-grey);
  border-top: 1px solid var(--color-grey);
  transform: rotate(45deg);
}
.downloads .dll-item a.filename i::after,
.downloads .dll-item a.filename em::after {
  height: 1px;
  background: var(--color-grey);
  top: 50%;
  width: 40px;
}
.downloads .dll-item .fileInfo {
  color: var(--color-grey);
  position: absolute;
  right: 0;
  top: 0;
}
.downloads .dll-item .options {
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 0;
  font-size: 16px;
  transform: translate(100%, 0px);
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.downloads .dll-item .options ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.downloads .dll-item .options ul li {
  float: left;
  border-left: 1px solid var(--color-grey);
  padding-left: 10px;
  margin-left: 10px;
  margin-bottom: 0;
}
.downloads .dll-item .options ul li::before {
  display: none;
}
.downloads .dll-item .options ul li:first-child {
  border-left: 0;
}
.downloads .dll-item .options ul li a,
.downloads .dll-item .options ul li button {
  text-decoration: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  border: 0;
  font-family: 'Mosk Regular', sans-serif;
  font-size: 16px;
}
.downloads .dll-item .options ul li a::before,
.downloads .dll-item .options ul li button::before {
  margin-right: 5px;
}
.downloads .dll-item .options ul li a.icon-arrow-down,
.downloads .dll-item .options ul li button.icon-arrow-down {
  color: var(--color-blue);
}
.downloads .dll-item .options ul li a.icon-arrow-down:hover,
.downloads .dll-item .options ul li button.icon-arrow-down:hover {
  color: var(--color-orange);
}
.downloads .dll-item .options ul li a.icon-docs,
.downloads .dll-item .options ul li button.icon-docs {
  color: var(--color-orange);
}
.downloads .dll-item .options ul li a.icon-docs:hover,
.downloads .dll-item .options ul li button.icon-docs:hover {
  color: var(--color-blue);
}
.downloads .dll-item:hover a.filename {
  color: var(--color-orange);
}
.downloads .dll-item:hover a.filename i::before,
.downloads .dll-item:hover a.filename em::before {
  border-color: var(--color-orange);
}
.downloads .dll-item:hover a.filename i::after,
.downloads .dll-item:hover a.filename em::after {
  background: var(--color-orange);
}
.downloads .dll-item:hover .options {
  transform: translate(0, 0);
}
.downloads .dll-item:visited {
  color: var(--color-visited);
}
.downloads .dll-item .realized {
  color: var(--color-green);
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  border: 0;
  background: transparent;
  font-family: 'Mosk Regular', sans-serif;
  font-size: 18px;
}
.downloads .dll-item .realized::before {
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.downloads .dll-item .realized.pinned {
  display: block;
}
.downloads .dll-item .realized.pinned + .fileInfo,
.downloads .dll-item .realized.pinned + .fileInfo + .options {
  display: none;
}
#downloadlist .downloads {
  padding-top: 20px;
}
#downloadlist .downloads .dll-item a.filename {
  color: #333;
}
#downloadlist .downloads .dll-item a.filename:hover {
  color: var(--color-orange);
}
#downloadlist .downloads .dll-item a.filename:visited {
  color: var(--color-visited);
}
/* -- Glosar -- */
#glossar .accordion .acc-content {
  background: var(--color-lightgrey);
  margin-left: 40px;
  margin-right: 40px;
}
#glossar .accordion .acc-content::before {
  position: absolute;
  left: 0;
  right: 0;
}
#glossar .downloads {
  padding-top: 20px;
  padding-left: 0;
}
#glossar .downloads .dll-item a.filename {
  color: #333;
}
#glossar .downloads .dll-item a.filename:hover {
  color: var(--color-orange);
}
#glossar .downloads .dll-item a.filename:visited {
  color: var(--color-visited);
}
#glossar .downloads .options {
  background: var(--color-lightgrey);
}
.dll-collector {
  font-size: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-between;
  align-items: flex-start;
}
.dll-collector .file-size {
  color: var(--color-grey);
}
.dll-collector .label a {
  color: var(--color-blue);
  text-decoration: none;
}
.dll-collector .label a:hover {
  color: var(--color-orange);
}
.dll-collector .label a:visited {
  color: var(--color-visited);
}
/* -- Gallery Wrap -- */
.acc-gallery-wrap {
  margin-right: -80px;
  margin-left: -25vw;
  position: relative;
}
.acc-gallery-wrap figure {
  margin: 0 !important;
}
.acc-gallery-wrap .swiper-container {
  overflow: visible;
}
.acc-gallery-wrap .caption {
  position: absolute;
  color: #fff;
  left: 100%;
  bottom: 0;
  z-index: 2;
  padding: 30px 40px;
  width: 33.333333%;
}
.acc-gallery-wrap .caption a {
  color: #fff;
}
.acc-gallery-wrap .caption::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  content: "";
  display: block;
  z-index: -1;
}
.acc-gallery-wrap .caption.green::before {
  background: var(--color-green);
}
.acc-gallery-wrap .caption.blue::before {
  background: var(--color-blue);
}
.acc-gallery-wrap .caption.orange::before {
  background: var(--color-orange);
}
.acc-gallery-wrap .gallery-preview {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
/* -- Gallery Wrap -- */
.imagegallery-wrap {
  position: relative;
}
.imagegallery-wrap figure {
  margin: 0;
}
.imagegallery-wrap .caption {
  position: absolute;
  color: #fff;
  left: 66.666666%;
  bottom: 0;
  z-index: 2;
  padding: 30px 40px;
  width: 33.333333%;
}
.imagegallery-wrap .caption h2 {
  color: #fff;
  border-top: 0;
  margin-bottom: 20px;
}
.imagegallery-wrap .caption a {
  color: #fff;
}
.imagegallery-wrap .caption::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  content: "";
  display: block;
  z-index: -1;
}
.imagegallery-wrap .caption.green::before {
  background: var(--color-green);
}
.imagegallery-wrap .caption.blue::before {
  background: var(--color-blue);
}
.imagegallery-wrap .caption.orange::before {
  background: var(--color-orange);
}
.imagegallery-wrap .flexgrid .box {
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.imagegallery-wrap .flexgrid .box figure {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  flex: 1 1 auto;
}
.imagegallery-wrap .flexgrid .box figure img {
  flex: 1 1 auto;
  width: auto !important;
  object-fit: cover;
}
.imagegallery-wrap .flexgrid .box-66 figure {
  margin-left: -33.333333vw;
}
.accordion .imagegallery-wrap {
  width: calc(100% + 80px);
}
.accordion .imagegallery-wrap figure {
  margin: 0;
}
.accordion .imagegallery-wrap .caption {
  left: 100%;
  width: 50%;
}
.accordion .imagegallery-wrap .flexgrid .box-66 figure {
  margin-left: -50vw;
}
.accordion .imagegallery {
  position: relative;
  left: 50%;
}
.accordion .gallery-preview {
  width: 50%;
}
.content-nav-wrapper.grey {
  background: var(--color-lightgrey);
}
.content-nav-wrapper:first-child #sharebar > ul {
  margin-right: 270px;
}
.content-nav-wrapper #alphabet {
  margin: 0 auto;
}
.content-nav-wrapper #alphabet ul li {
  position: relative;
  z-index: 1;
}
.content-nav-wrapper #alphabet ul li a:visited {
  color: var(--color-visited);
}
.content-nav-wrapper #alphabet ul li a,
.content-nav-wrapper #alphabet ul li span {
  padding: 15px 15px 30px;
  margin-left: -1px;
}
.content-nav-wrapper #alphabet ul li::before {
  content: "";
  width: 1px;
  height: 33px;
  background: var(--color-grey);
  position: absolute;
  right: 0;
  top: 10px;
  z-index: -1;
}
/* -- Thüringen MOTIVation -- */
.block-filter {
  background: var(--color-lightgrey);
  padding: 30px;
}
.block-filter h2 {
  color: var(--color-blue);
  font-size: 1.5rem;
  font-family: 'Mosk Semibold', sans-serif;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.block-filter h2 button.mobi-toggle {
  display: none;
  overflow: visible;
  width: 20px;
  height: 20px;
  border: 0;
}
.block-filter h2 button.mobi-toggle::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.block-filter h2 button.mobi-toggle::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-right: 1px solid var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  transform: rotate(45deg);
}
@media only screen and (max-width: 834px) {
  .block-filter h2 button.mobi-toggle {
    display: block;
  }
}
.block-filter fieldset legend {
  font-family: 'Mosk Semibold', sans-serif;
  font-size: 1.25rem;
  margin-bottom: 30px;
}
.block-filter fieldset .area-list {
  display: flex;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap;
}
.block-filter fieldset .formArea {
  position: relative;
  display: inline-block;
  font-family: 'Mosk Semibold', sans-serif;
  font-size: 1rem;
  margin: 0;
}
.block-filter fieldset .formArea input {
  position: absolute;
  opacity: 0;
  width: 53px;
  height: 53px;
}
.block-filter fieldset .formArea label {
  border-left: 3px solid var(--area-color, var(--color-blue));
  padding: 10px 20px;
  color: var(--color-blue);
  cursor: pointer;
  background: var(--color-lightblue);
  transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1), border-color 350ms cubic-bezier(0.2, 1, 0.3, 1), background 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.block-filter fieldset .formArea label:hover {
  background: var(--color-blue);
  color: #fff;
}
.block-filter fieldset .formArea input:checked + label {
  background: var(--area-color);
  color: #fff;
}
.block-filter fieldset .formCat {
  position: relative;
}
.block-filter fieldset .formCat input {
  position: absolute;
  opacity: 0;
  width: 53px;
  height: 53px;
}
.block-filter fieldset .formCat label {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  font-family: 'Mosk Semibold', sans-serif;
  color: var(--color-blue);
  transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.block-filter fieldset .formCat label svg {
  margin-right: 10px;
  min-width: 41px;
  height: 41px;
}
.block-filter fieldset .formCat input:checked + label {
  color: var(--color-lightblue);
}
.block-filter fieldset .formCat input:checked + label svg path {
  transition: fill 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.block-filter fieldset .formCat input:checked + label svg .svg-primary-color {
  fill: var(--color-lightblue);
}
.block-filter fieldset.filter-category {
  margin-top: 30px;
}
.block-filter button.reset-filter {
  border: 2px solid var(--color-text-blue);
  color: var(--color-text-blue);
  cursor: pointer;
  text-align: center;
  font-family: 'Mosk Semibold', sans-serif;
  font-size: 1rem;
  background: transparent;
  width: 100%;
  padding: 10px 20px;
}
.block-filter button.reset-filter:hover {
  background: var(--color-text-blue);
  color: #fff;
}
.card-funding {
  background: var(--color-blue);
  color: #fff;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.card-funding h4 {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.card-funding p:last-child {
  margin-bottom: 0;
}
.card-funding .card-inner {
  padding: 30px;
  display: flex;
  flex-direction: row;
}
.card-funding .inner {
  flex: 1;
  padding-right: 20px;
}
.card-funding .areabar {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  height: 4px;
  margin-left: 30px;
}
.card-funding .areabar .areabar-item {
  height: 100%;
  flex: 1;
}
.card-funding .category figure {
  margin-bottom: 15px;
}
.card-funding .category svg .svg-primary-color {
  fill: #fff;
}
.card-funding .category svg .svg-secondary-color {
  fill: var(--color-blue);
}
.card-funding details {
  background: transparent;
  margin: 0;
  padding: 0 0 0 30px;
}
.card-funding details summary {
  height: 30px;
  background: transparent;
  margin: 0;
}
.card-funding details summary::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card-funding details summary em.opener {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 30px;
  margin-top: 50px;
  z-index: 3;
  display: none;
  z-index: 5;
}
.card-funding details summary em.opener::before,
.card-funding details summary em.opener::after {
  width: 40px;
  height: 1px;
  background: var(--color-blue);
  content: "";
  display: block;
}
.card-funding details summary em.opener::before {
  transform: rotate(45deg);
}
.card-funding details summary em.opener::after {
  transform: rotate(-45deg);
}
.card-funding details .details-content {
  color: #000;
  margin-top: -30px;
  background: var(--color-lightblue);
  padding: 30px 100px 30px 30px;
  position: relative;
  z-index: 3;
}
.card-funding details ul {
  padding-left: 0;
  list-style: none;
}
.card-funding details ul:last-child {
  margin-bottom: 0;
}
.card-funding details ul li {
  position: relative;
  padding-left: 60px;
}
.card-funding details ul li::before,
.card-funding details ul li::after {
  content: "";
  display: block;
  position: absolute;
}
.card-funding details ul li::before {
  width: 40px;
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-text-blue);
}
.card-funding details ul li::after {
  width: 11px;
  height: 11px;
  border-right: 1px solid var(--color-text-blue);
  border-top: 1px solid var(--color-text-blue);
  left: 28px;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}
.card-funding details ul li + li {
  margin-top: 20px;
}
.card-funding:has(details[open]) {
  position: relative;
  z-index: 2;
  width: calc(200% + 40px);
}
@media only screen and (max-width: 1120px) {
  .card-funding:has(details[open]) {
    width: 100%;
  }
}
.card-funding:has(details[open]) summary em.opener {
  display: block;
}
.box:nth-child(even) .card-funding:has(details[open]) {
  margin-left: calc(-100% - 40px);
}
@media only screen and (max-width: 1120px) {
  .box:nth-child(even) .card-funding:has(details[open]) {
    margin-left: 0;
  }
}
.funding-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  gap: 40px;
}
.funding-grid .box {
  padding: 0;
}
.funding-grid .box-50 {
  width: calc(50% - 20px);
}
@media only screen and (max-width: 1120px) {
  .funding-grid .box-50 {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .funding-grid {
    margin: 0 -30px;
  }
}
@media only screen and (max-width: 834px) {
  .content-part.motivation-filter > .row {
    flex-direction: column !important;
  }
}
/* -- Förderprogramme -- */
#foerderprogramme {
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 40px;
}
#foerderprogramme:last-child {
  margin-bottom: 0;
}
#foerderprogramme .accordion {
  margin-top: -1px;
}
#foerderprogramme .accordion .acc-content {
  padding: 30px;
}
#foerderprogramme .accordion .acc-content .fp-item:first-child {
  margin-top: -30px;
}
#foerderprogramme .accordion .acc-content .fp-item:last-child {
  border-bottom: 0;
  margin-bottom: -30px;
}
#foerderprogramme > .fp-item {
  margin-left: 40px;
}
#foerderprogramme > .fp-item:last-child {
  border-bottom: 0;
}
#foerderprogramme .fp-item {
  border-bottom: 1px solid #DFDFDF;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
#foerderprogramme .fp-item h2,
#foerderprogramme .fp-item h3 {
  border-top: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  padding: 20px 20px 20px 0;
  margin-bottom: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
#foerderprogramme .fp-item h2 a,
#foerderprogramme .fp-item h3 a {
  color: var(--color-blue);
  text-decoration: none;
}
#foerderprogramme .fp-item h2 a:hover,
#foerderprogramme .fp-item h3 a:hover {
  color: var(--color-orange);
}
#foerderprogramme .fp-item h2 a:visited,
#foerderprogramme .fp-item h3 a:visited {
  color: var(--color-visited);
}
#foerderprogramme .fp-item .desc {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 0;
}
#foerderprogramme .fp-item .desc .fp-infos {
  display: table;
  margin-bottom: 30px;
}
#foerderprogramme .fp-item .desc .fp-infos ul {
  padding-left: 0;
  margin-bottom: 0;
}
#foerderprogramme .fp-item .desc .cat {
  color: #fff;
  display: table-cell;
  padding: 10px 20px;
}
#foerderprogramme .fp-item .desc .cat.orange {
  background: var(--color-orange);
}
#foerderprogramme .fp-item .desc .cat.blue {
  background: var(--color-blue);
}
#foerderprogramme .fp-item .desc .cat.green {
  background: var(--color-green);
}
#foerderprogramme .fp-item .desc .cat::before {
  display: none !important;
}
#foerderprogramme .fp-item .desc .fp-options {
  display: table-cell;
}
#foerderprogramme .fp-item .desc .fp-options .option {
  display: table-cell;
  position: relative;
  padding: 10px 20px;
  color: var(--color-grey);
  cursor: help;
}
#foerderprogramme .fp-item .desc .fp-options .option .tooltip {
  position: absolute;
  bottom: 100%;
  pointer-events: none;
  background: var(--color-lightgrey);
  color: var(--color-darkgrey);
  padding: 20px;
  left: 50%;
  transform: translate(-50%, -10%);
  opacity: 0;
  transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#foerderprogramme .fp-item .desc .fp-options .option .tooltip ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#foerderprogramme .fp-item .desc .fp-options .option .tooltip ul li {
  padding-left: 0;
}
#foerderprogramme .fp-item .desc .fp-options .option .tooltip ul li::before {
  display: none;
}
#foerderprogramme .fp-item .desc .fp-options .option .tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: var(--color-lightgrey) transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: -10px;
}
#foerderprogramme .fp-item .desc .fp-options .option:hover .tooltip {
  transform: translate(-50%, 0%);
  opacity: 1;
  pointer-events: all;
}
#foerderprogramme .fp-item .desc .fp-options:first-child .option:first-child {
  padding-left: 0;
}
#foerderprogramme .fp-item .desc:first-child {
  margin-right: 150px;
}
#foerderprogramme.v2 {
  margin-left: 40px;
}
#foerderprogramme.v2 > .fp-item {
  margin-left: 0;
}
p + #foerderprogramme {
  margin-top: 50px;
}
/* -- News Grid Aktuelles -- */
.news-grid .block-img .inner,
.presse-grid .block-img .inner {
  padding-bottom: 40px;
}
.news-grid .block-img .inner .date,
.presse-grid .block-img .inner .date {
  font-size: 16px;
  color: var(--color-grey);
  margin-bottom: 10px;
}
.news-grid .block-img .inner h2,
.presse-grid .block-img .inner h2 {
  font-size: 24px;
  line-height: 24px;
  color: var(--color-blue);
  margin-bottom: 20px;
  flex: 1 1 auto;
  font-family: 'Mosk Medium', sans-serif;
}
.news-grid .block-img .inner h2 a,
.presse-grid .block-img .inner h2 a {
  text-decoration: none;
  color: inherit;
}
/* -- News Grid Aktuelles -- */
.news-grid {
  position: relative;
}
.news-grid .box {
  position: relative;
  z-index: 1;
}
.news-grid .box-66 {
  flex: 1 1 auto;
}
.news-grid .box-33 .block-img .inner {
  padding: 30px 0 95px;
}
.loader-wrap {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.loader-wrap.active {
  display: block;
}
.loader-wrap .loader,
.loader-wrap .loader::before,
.loader-wrap .loader::after {
  background: var(--color-blue);
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader-wrap .loader {
  color: var(--color-blue);
  margin: 88px auto;
  position: absolute;
  font-size: 11px;
  bottom: 50px;
  left: 50%;
  margin-left: -5px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.loader-wrap .loader::before,
.loader-wrap .loader::after {
  position: absolute;
  top: 0;
  content: '';
}
.loader-wrap .loader::before {
  left: -1.5em;
  animation-delay: 0.32s;
}
.loader-wrap .loader::after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
/* -- Veranstaltungen -- */
.events {
  border-bottom: 1px solid var(--color-lightergrey);
  margin-bottom: 80px;
}
.events h2 {
  margin-bottom: 30px;
  margin-top: 50px;
}
.events h2:first-child {
  margin-top: 0;
}
.events .event {
  border-top: 1px solid var(--color-lightergrey);
  padding-bottom: 3px;
  display: flex;
  flex-direction: row-reverse;
}
.events .event .date {
  color: var(--color-green);
  padding: 10px 0;
  margin-bottom: 0;
}
.events .event h3,
.events .event h5 {
  color: var(--color-blue);
  font-family: 'Mosk Light', sans-serif;
  font-weight: normal;
}
.events .event h3 a,
.events .event h5 a {
  text-decoration: none;
}
.events .event h3 a:hover,
.events .event h5 a:hover {
  color: var(--color-orange);
}
.events .event .eventdesc {
  flex: 1 1 auto;
  padding-right: 20px;
}
.past-events .accordion .acc-content figure {
  margin-left: 0;
  margin-bottom: 0;
}
/* -- Venturecapital -- */
.venturecapital-table .flexgrid {
  border-bottom: 1px solid #DFDFDF;
}
.venturecapital-table .flexgrid .box h2 {
  font-size: 18px;
  padding: 20px 30px;
  color: #fff;
  font-family: 'Mosk Semibold', sans-serif;
  margin-bottom: 0;
}
.venturecapital-table .flexgrid .box:first-child {
  background: var(--color-lightgrey);
}
.venturecapital-table .flexgrid .box:first-child h2 {
  background: var(--color-green);
}
.venturecapital-table .flexgrid .box:last-child h2 {
  background: var(--color-green);
}
.venturecapital-table .flexgrid .box ul {
  list-style: none;
  padding: 30px;
}
.venturecapital-table .flexgrid .box ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.venturecapital-table .flexgrid .box ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  background: var(--color-orange);
  position: absolute;
  left: 10px;
  top: 8px;
}
.venturecapital-table .flexgrid .box ul li a {
  color: var(--color-blue);
  text-decoration: none;
}
.venturecapital-chart {
  margin-bottom: 100px;
}
.venturecapital-list .vc-item {
  margin-bottom: 80px;
}
.venturecapital-list .vc-item .label {
  width: 250px;
  float: left;
  display: flex;
  justify-content: flex-end;
}
.venturecapital-list .vc-item .label .circle {
  position: relative;
  color: #fff;
  text-align: center;
}
.venturecapital-list .vc-item .label .circle span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.venturecapital-list .vc-item .label .circle.size-1 {
  width: 130px;
  height: 130px;
  font-size: 18px;
}
.venturecapital-list .vc-item .label .circle.size-2 {
  width: 150px;
  height: 150px;
  font-size: 24px;
  line-height: 28px;
}
.venturecapital-list .vc-item .label .circle.size-3 {
  width: 170px;
  height: 170px;
  font-size: 24px;
  line-height: 28px;
}
.venturecapital-list .vc-item .label .circle.size-4 {
  width: 200px;
  height: 200px;
  font-size: 24px;
  line-height: 28px;
}
.venturecapital-list .vc-item .desc {
  margin-left: 250px;
}
.nachfolgemagazin,
.interview {
  margin-bottom: 80px;
}
/* -- Suchergebnisse -- */
.search-count {
  margin-bottom: 40px;
  font-weight: bold;
  color: var(--color-orange);
}
.search-results {
  margin-bottom: 40px;
}
.search-results .info {
  margin-top: -30px;
}
.search-results .recommended {
  background: var(--color-lightgrey);
}
.search-results .result {
  padding: 35px 35px 0;
}
.search-results .result strong {
  color: var(--color-orange);
}
.search-results .result .title {
  margin-bottom: 10px;
}
.search-results .result .title h2 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 24px;
  margin-right: 20px;
}
.search-results .result .title h2 a {
  text-decoration: none;
  color: var(--color-blue);
}
.search-results .result .title small {
  font-size: 16px;
  color: var(--color-grey);
}
.search-results .result .excerpt {
  font-size: 14px;
  line-height: 21px;
}
.search-results .result:last-child {
  padding: 35px;
}
/* -- Audioplayer -- */
.audio-wrap {
  width: 800px;
  margin: 0 auto;
  background: var(--color-blue);
}
.audio-wrap figcaption {
  margin-left: 30px;
  background: var(--color-lemon);
  color: #fff;
  padding: 20px;
}
@media screen and (max-width: 811px) {
  .audio-wrap {
    width: 700px;
  }
}
@media screen and (max-width: 760px) {
  .audio-wrap {
    width: 680px;
  }
}
@media screen and (max-width: 735px) {
  .audio-wrap {
    width: 90%;
  }
}
.audioplayer {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 100%;
  height: 100px;
  align-items: center;
  background: var(--color-blue);
  position: relative;
  padding: 0 30px;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
  color: #fff;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  text-decoration: none;
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  color: var(--color-lemon);
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover {
  color: #fff;
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
  left: 10px;
  top: -2px;
  width: 6px;
  height: 6px;
  border: 6px double #9A9FB0;
  border-width: 6px 6px 0 0;
  border-radius: 0 12px 0 0;
  transform: rotate(45deg);
}
.audioplayer-playpause {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 64px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 40px;
}
.audioplayer-playpause .audioplayer-playpause {
  color: #fff;
}
.audioplayer-playpause .audioplayer-playpause:hover {
  color: var(--color-lemon);
}
.audioplayer-playpause .audioplayer-playpause a {
  text-decoration: none;
}
.audioplayer-playpause .audioplayer-playpause a::before {
  content: "\e911";
  color: #fff;
  position: relative;
  top: 3px;
}
.audioplayer-playing .audioplayer-playpause {
  color: #fff;
}
.audioplayer-playing .audioplayer-playpause:hover {
  color: var(--color-lemon);
}
.audioplayer-playing .audioplayer-playpause a {
  text-decoration: none;
}
.audioplayer-playing .audioplayer-playpause a::before {
  content: "\e919";
  color: #fff;
  position: relative;
  top: 3px;
}
.audioplayer-time {
  display: flex;
  width: 40px;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  position: relative;
  top: 0;
}
.audioplayer-time-current {
  position: absolute;
  right: 195px;
  top: 38px;
}
.audioplayer-time-current::after {
  content: "/";
  margin-left: 5px;
  display: inline-block;
}
.audioplayer-time-duration {
  margin-right: 24px;
}
.audioplayer-bar {
  position: relative;
  display: flex;
  margin: 0 70px 0 0;
  height: 12px;
  flex-basis: 0;
  flex-grow: 1;
  cursor: pointer;
}
.audioplayer-bar::before {
  content: "";
  position: absolute;
  top: 5px;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}
.audioplayer-bar > div {
  position: absolute;
  left: 0;
  top: 5px;
}
.audioplayer-bar-loaded {
  z-index: 1;
  height: 5px;
}
.audioplayer-bar-played {
  flex-direction: row-reverse;
  z-index: 2;
  height: 5px;
  background: var(--color-lemon);
}
.audioplayer-bar-played::after {
  display: flex;
  position: absolute;
  content: "";
  top: -5px;
  right: -6px;
  margin-right: -5px;
  width: 12px;
  height: 12px;
}
.audioplayer-volume {
  display: flex;
  align-items: center;
}
.audioplayer-volume-button {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.audioplayer-volume-button a {
  display: flex;
  width: 24px;
  height: 24px;
  position: relative;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
}
.audioplayer-volume-button a::before {
  content: "\e91a";
}
.audioplayer-mute .audioplayer-volume-button a:before {
  content: "\e91b";
}
.audioplayer-volume-adjust {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.audioplayer-volume-adjust > div {
  position: relative;
  display: flex;
  width: 60px;
  height: 5px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
.audioplayer-volume-adjust div div {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  background-color: var(--color-lemon);
}
@media screen and (max-width: 679px) {
  .audioplayer-volume-adjust {
    display: none;
  }
}
/* -- Dashboard -- */
.dashboard .card .card-headline {
  margin-left: 40px;
  padding: 35px 40px;
}
.dashboard .card .card-headline h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px;
}
.dashboard .card .card-headline p {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-end;
}
.dashboard .card .card-content {
  padding: 40px;
}
.dashboard .card ul.links {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.dashboard .card ul.links li {
  border-bottom: 1px solid var(--color-lightergrey);
  padding-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-end;
}
.dashboard .card ul.links li strong {
  display: block;
  padding: 10px 10px 10px 0;
}
.dashboard .card ul.links li::before {
  display: none;
}
.dashboard .card ul.links li a,
.dashboard .card ul.links li span {
  color: #000;
  display: block;
  padding: 10px 0;
  flex: 1 1 auto;
}
.dashboard .card ul.links li a:hover {
  color: var(--color-blue);
}
.dashboard .card.card-count {
  text-align: center;
  background: var(--color-green);
  background: linear-gradient(137deg, var(--color-green) 0%, #209591 100%);
  color: #fff;
}
.dashboard .card.card-count.light {
  background: #4abe94;
  background: linear-gradient(137deg, #4abe94 0%, #2e90c4 100%);
}
.dashboard .card.card-count .count {
  font-size: 120px;
  line-height: 123px;
  font-family: 'Mosk Semibold', sans-serif;
}
.dashboard .card.card-count small {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: var(--color-lightgrey);
}
.dashboard .card.card-count p {
  font-size: 38px;
  line-height: 38px;
}
.dashboard .card.card-count .card-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}
.dashboard .card.card-green {
  background: var(--color-lightgrey);
}
.dashboard .card.card-green .card-headline {
  background: var(--color-green);
  color: #fff;
}
.dashboard .card.card-blue {
  background: var(--color-lightgrey);
}
.dashboard .card.card-blue .card-headline {
  background: var(--color-blue);
  color: #fff;
}
.dashboard .card.card-white {
  border: 1px solid var(--color-grey);
}
.dashboard .card.card-white .card-headline {
  border-bottom: 2px solid #ededed;
  padding-left: 0;
}
.dashboard .card.card-white .card-headline p {
  color: var(--color-blue);
}
.dashboard .card.card-orange {
  border: 1px solid var(--color-grey);
}
.dashboard .card.card-orange .card-headline {
  background: var(--color-orange);
  color: #fff;
}
/*
*
*	mobile.less - 2018
*
*/
@media only screen and (max-width: 2060px) {
  .content-part.hero-image figure {
    margin-left: -19vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -19vw;
  }
}
@media only screen and (max-width: 1980px) {
  .content-part.hero-image figure {
    margin-left: -17vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -17vw;
  }
}
@media only screen and (max-width: 1890px) {
  .content-part.hero-image figure {
    margin-left: -16vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -16vw;
  }
}
@media only screen and (max-width: 1830px) {
  .content-part.hero-image figure {
    margin-left: -15vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -15vw;
  }
}
@media only screen and (max-width: 1790px) {
  .content-part.hero-image figure {
    margin-left: -14vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -14vw;
  }
}
@media only screen and (max-width: 1700px) {
  .content-part.hero-image figure {
    margin-left: -11vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -11vw;
  }
}
@media only screen and (max-width: 1620px) {
  .content-part.hero-image figure {
    margin-left: -9vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -10vw;
  }
}
@media only screen and (max-width: 1600px) {
  .content-part.teaser .swiper-button-next .arrow-rt,
  .content-part.sub-teaser .swiper-button-next .arrow-rt {
    display: none;
  }
}
@media only screen and (max-width: 1560px) {
  fieldset.overlay-contact .grid,
  fieldset.overlay-contact .flexgrid {
    margin-right: 30px;
  }
  fieldset.overlay-contact .captcha-grid .box-33 {
    width: 50%;
  }
  .short-contact .contact-form button.closer {
    width: 856px;
  }
}
@media only screen and (max-width: 1480px) {
  .content-part.hero-image figure {
    margin-left: -8vw;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -5vw;
  }
}
@media only screen and (max-width: 1366px) {
  .size {
    width: 1260px;
    width: auto;
    max-width: 1260px;
  }
  h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .node-img > .img,
  .node-img > .inner {
    vertical-align: top;
  }
  ul.btn-list {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
  }
  ul.btn-list li {
    margin-bottom: 20px;
    float: none;
    width: auto;
  }
  ul.btn-list li:nth-child(odd) {
    padding-right: 0;
  }
  ul.btn-list li:nth-child(even) {
    padding-left: 0;
  }
  ul.btn-list li a {
    background: #fff;
    color: var(--color-blue);
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
  ul.btn-list li a:hover {
    background: var(--color-orange);
    color: #fff;
  }
  #tab-menu ul li a {
    padding: 10px 20px 15px;
    font-size: 16px;
  }
  #mainContent .table-wrap-bg {
    position: relative;
    margin-bottom: 40px;
  }
  #mainContent .table-wrap-bg table {
    margin-bottom: 0;
    table-layout: auto !important;
  }
  #mainContent .table-wrap-bg table th:last-child,
  #mainContent .table-wrap-bg table td:last-child {
    padding-right: 20px;
  }
  #mainContent .table-wrap-bg .table-wrap {
    position: relative;
    z-index: 2;
    overflow: hidden;
    overflow-x: auto;
  }
  #mainContent .table-wrap-bg::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    background: #000;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    pointer-events: none;
  }
  #mainContent .quickcheck .table-wrap-bg::before {
    display: none;
  }
  figure.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
  }
  figure.video-wrap iframe,
  figure.video-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .btn-white {
    padding: 20px;
  }
  .btn-white strong {
    font-size: 20px;
  }
  .btn-white small {
    font-size: 12px;
  }
  .tab-fl-mod .select2-container--open .select2-dropdown .select2-results {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .size {
    width: 1100px;
    width: auto;
    max-width: 1100px;
  }
  #header .option-bar .dll-counter {
    margin-right: 5px;
  }
  .content-part.teaser .swper-container,
  .content-part.sub-teaser .swper-container {
    margin-left: 0;
  }
  .content-part.teaser .swiper-slide figcaption,
  .content-part.sub-teaser .swiper-slide figcaption {
    padding: 30px;
    max-width: 660px;
  }
  .content-part.teaser .swiper-slide figcaption .label,
  .content-part.sub-teaser .swiper-slide figcaption .label {
    top: -30px;
  }
  .content-part.teaser .swiper-slide figcaption h1,
  .content-part.sub-teaser .swiper-slide figcaption h1,
  .content-part.teaser .swiper-slide figcaption strong,
  .content-part.sub-teaser .swiper-slide figcaption strong {
    font-size: 38px;
    line-height: 39px;
  }
  .content-part.single-content .block-grid .flexgrid {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content-part.single-content .block-grid .flexgrid .box-50 {
    width: 100%;
    padding: 0;
  }
  .content-part.single-content .block-img .img img {
    width: 100% !important;
    height: auto !important;
    position: relative;
  }
  .content-part.single-content .block-img > figure a {
    position: relative;
  }
  .content-part.single-content .block-img > figure::before {
    display: none;
  }
  .content-part.single-content .block-img.wide .img img {
    height: 100% !important;
  }
  fieldset.contact-form .formSubmit,
  fieldset.newsletter-form .formSubmit,
  fieldset.unternehmenscheck-form .formSubmit {
    width: 50%;
  }
  fieldset.overlay-contact .grid.contactSuccess .box-33:nth-child(1),
  fieldset.overlay-contact .grid.contactSuccess .box-33:nth-child(2) {
    width: 50%;
  }
  fieldset.overlay-contact .grid.contactSuccess .box-33:last-child {
    float: none;
    width: auto;
    clear: both;
    padding: 0 !important;
  }
  fieldset.overlay-contact .flexgrid .box-33 {
    width: 50%;
    padding: 0 !important;
  }
  fieldset.overlay-contact .flexgrid .box-33:first-child {
    display: none;
  }
  fieldset.overlay-newsletter {
    padding-right: 70px;
  }
  fieldset.overlay-newsletter .grid .box-33:nth-child(1),
  fieldset.overlay-newsletter .grid .box-33:nth-child(2) {
    width: 50%;
  }
  fieldset.overlay-newsletter .grid .box-33:nth-child(3) {
    width: 100%;
  }
  fieldset.overlay-newsletter .grid .box-33:last-child {
    float: none;
    width: auto;
    clear: both;
    padding: 0 !important;
  }
  fieldset.overlay-contact .flexgrid .box-33 {
    width: 50%;
    padding: 0 !important;
  }
  #alphabet {
    font-size: 16px;
  }
  #alphabet ul li a,
  #alphabet ul li span {
    padding: 5px 11px;
  }
}
@media only screen and (max-width: 1130px) {
  .size {
    width: 1024px;
    width: auto;
    max-width: 1024px;
  }
  h1,
  .node h1,
  .content-part.foerderprogramme h1 {
    font-size: 38px;
    line-height: 50px;
  }
  a.more {
    font-size: 14px;
  }
  a#hamburger {
    display: block;
  }
  #header {
    height: 80px;
  }
  #header .option-bar {
    right: 220px;
    bottom: 10px;
  }
  #map_container {
    height: 500px !important;
  }
  .mobi-search {
    position: fixed;
    left: 0;
    top: 80px;
    right: 0;
    bottom: 0;
    z-index: -1;
    padding: 50px 30px;
    background: rgba(255, 255, 255, 0.95);
  }
  .mobi-search.open,
  .mobi-search-toggle {
    display: block;
  }
  .mobi-search-toggle {
    position: absolute;
    right: 180px;
    color: #fff;
    font-size: 25px;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: 'Mosk Regular', sans-serif;
  }
  .mobi-search-toggle span {
    display: none;
  }
  .mobi-search-toggle:hover {
    color: #fff;
    text-decoration: none;
  }
  .mobi-search-toggle.open::before {
    content: "\e918";
  }
  #logo {
    margin-bottom: -22px;
  }
  #logo a {
    width: 130px;
    height: 102px;
  }
  #tab-menu ul li a {
    font-size: 14px;
  }
  #container {
    padding-top: 80px;
  }
  .block-social .inner p {
    font-size: 16px;
    line-height: 20px;
  }
  .block-social .inner p:last-child {
    margin-bottom: 0;
  }
  .block-social .inner figure + p {
    font-size: 14px;
    line-height: 18px;
  }
  .block-menu,
  .block-imgmenu {
    font-size: 16px;
  }
  .block-menu .inner ul,
  .block-imgmenu .inner ul {
    padding: 15px 0;
  }
  .block-menu .inner ul li,
  .block-imgmenu .inner ul li {
    margin-bottom: 10px;
  }
  .block-menu .inner ul li:last-child,
  .block-imgmenu .inner ul li:last-child {
    margin-bottom: 0;
  }
  .block-menu .inner ul li a,
  .block-imgmenu .inner ul li a,
  .block-menu .inner ul li span.active,
  .block-imgmenu .inner ul li span.active {
    padding: 5px 20px;
  }
  .block-menu .inner a.cta-btn,
  .block-imgmenu .inner a.cta-btn {
    font-size: 18px;
    padding: 15px;
    margin-top: 0;
  }
  .block-menu .inner a.cta-btn em,
  .block-imgmenu .inner a.cta-btn em {
    top: 3px;
  }
  .block-menu .inner {
    padding: 0;
  }
  .block-info h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .block-img figure figcaption {
    padding: 30px;
    font-size: 18px;
    line-height: 20px;
  }
  .block-img figure figcaption h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .block-img .inner {
    font-size: 16px;
    line-height: 20px;
  }
  .block-img.wide h2 {
    font-size: 20px;
  }
  .block-img.wide strong {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
  }
  .block-img.wide .meta {
    padding: 30px 0;
  }
  .box-33 .block-img figure figcaption {
    min-height: 80px;
  }
  .news-grid .box-33 .block-img .inner {
    padding: 30px 0 50px;
  }
  .contact-person blockquote {
    font-size: 20px;
    line-height: 26px;
  }
  .content-part .content > p img {
    max-width: 100% !important;
    height: auto !important;
  }
  .content-part .content > iframe {
    max-width: 100%;
  }
  .content-part.download-list,
  .content-part.success-map {
    padding: 50px 0;
  }
  .content-part.proposals .content figcaption,
  .content-part.successstories .content figcaption {
    min-height: 0;
    padding: 30px;
    font-size: 16px;
  }
  .content-part.proposals .content figcaption h3,
  .content-part.successstories .content figcaption h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .content-part.proposals .content .mobi-text,
  .content-part.successstories .content .mobi-text {
    font-size: 16px;
    line-height: 20px;
  }
  .content-part.proposals .sidebar figcaption,
  .content-part.successstories .sidebar figcaption {
    font-size: 16px;
    line-height: 20px;
    padding: 30px;
    min-height: 0;
  }
  .content-part.proposals .sidebar figcaption h3,
  .content-part.successstories .sidebar figcaption h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -10vw;
  }
  .content-part.teaser .swiper-slide figcaption h1,
  .content-part.sub-teaser .swiper-slide figcaption h1,
  .content-part.teaser .swiper-slide figcaption strong,
  .content-part.sub-teaser .swiper-slide figcaption strong {
    font-size: 34px;
    line-height: 36px;
  }
  .content-part.single-content:last-child {
    padding-top: 35px;
  }
  .content-part.single-content .block-imgmenu {
    margin-right: -30px;
  }
  .content-part.single-content .block-imgmenu .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .node > .inner h3 {
    font-size: 28px;
  }
  .node > .inner h3 {
    font-size: 24px;
  }
  .node > .inner h3 {
    font-size: 34px;
  }
  .node > .inner h4 {
    font-size: 30px;
  }
  .node > .inner h5 {
    font-size: 26px;
  }
  .node > .inner h6 {
    font-size: 22px;
  }
  .downloads .dll-item a.filename {
    margin-right: 120px;
  }
  .downloads .dll-item .fileInfo {
    margin-left: 60px;
    position: relative;
    top: auto;
    right: 0;
  }
  .downloads .dll-item .options {
    top: auto;
    left: auto;
    bottom: 0;
    position: static;
    margin-left: 40px;
    -webkit-transform: translate(0%, 0px);
    -moz-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
  }
  .downloads .dll-item .options ul {
    margin-bottom: 0;
  }
  .option-bar .icon-search,
  #sharebar,
  #breadcrumb {
    display: none;
  }
  #footermenu {
    font-size: 14px;
  }
  #footermenu ul li {
    margin-right: 15px;
  }
  #footer .grid .box-33:nth-child(1),
  #footer .grid .box-33:nth-child(2) {
    width: 50%;
  }
  #footer .grid .box-33:nth-child(3) {
    float: none;
    width: auto;
    clear: both;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #tab-menu ul li a {
    padding: 10px 15px 15px;
    font-size: 14px;
  }
  #alphabet ul li span {
    display: none;
  }
  #foerderprogramme .fp-item .desc .cat {
    padding: 7px 10px;
  }
  #foerderprogramme .fp-item .desc .fp-infos {
    font-size: 12px;
  }
  .block-info {
    padding: 30px 0;
  }
  .block-info h3 {
    font-size: 28px;
    line-height: 29px;
  }
  .karriere-grid {
    margin-left: -30px;
  }
  .karriere-grid .box-33 {
    width: 50%;
    padding: 0 0 0 30px !important;
  }
  .content-part.green-gradient .flexgrid {
    display: block;
  }
  .content-part.green-gradient .flexgrid .box-33 {
    width: auto !important;
    padding: 0 !important;
    margin-bottom: 30px;
  }
  .content-part.green-gradient .flexgrid .box-33:last-child {
    margin-bottom: 0;
  }
  .content-part.hero-image figure {
    margin-left: -30px;
  }
  .content-part.news .row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content-part.news .row .sidebar,
  .content-part.news .row .content {
    width: auto;
    padding: 0 !important;
  }
  .content-part.news .row .content + .sidebar {
    margin-top: 40px;
  }
  .content-part.news .row .sidebar + .content {
    margin-top: 40px;
  }
  fieldset.overlay-contact .captcha-grid .box-33:first-child {
    width: 75%;
  }
  fieldset.overlay-contact .captcha-grid .box-33:last-child {
    width: 25%;
  }
}
@media only screen and (min-width: 891px) and (max-width: 1130px) {
  .short-contact .opener {
    width: 130px;
    height: 50px;
    font-size: 20px;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 890px) {
  .short-contact {
    top: auto;
    bottom: 0;
    left: 0;
    width: auto;
  }
  .short-contact .opener {
    right: 0 ;
    top: auto;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 60px;
    padding-top: 14px;
    transform: rotate(0deg);
    transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
  }
  .short-contact .opener::before {
    float: none;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    transform: rotate(0deg);
  }
  .short-contact .contact-form {
    transform: translate(0%, 100%);
    padding: 20px 20px 110px;
  }
  .short-contact .contact-form fieldset.overlay-contact {
    padding: 0 20px;
  }
  .short-contact .contact-form button.closer {
    transform: rotate(0deg);
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    height: 60px;
  }
  .short-contact.open .contact-form {
    top: auto;
    bottom: 0;
    left: 0;
  }
  .short-contact.open .contact-form fieldset.overlay-contact {
    max-height: 70vh;
    overflow: auto;
  }
  .short-contact.open .contact-form .bluebar {
    padding: 20px;
  }
  .short-contact.open .contact-form .bluebar::before {
    left: 0;
    right: 0;
  }
  fieldset.overlay-contact {
    padding: 0;
  }
  fieldset.overlay-contact .grid,
  fieldset.overlay-contact .flexgrid {
    margin-right: 0;
  }
  .small-header .short-contact .opener {
    transform: translate(0%, 100%);
  }
  fieldset.newsletter-form .grid.contactform > .box-33,
  fieldset.unternehmenscheck-form .grid.contactform > .box-33,
  fieldset.contact-form .grid.contactform > .box-33,
  fieldset.newsletter-form .grid.contactform > .box-66,
  fieldset.unternehmenscheck-form .grid.contactform > .box-66,
  fieldset.contact-form .grid.contactform > .box-66 {
    width: auto;
    float: none;
    padding: 0 !important;
  }
  fieldset.newsletter-form .grid.contact-opts .box-33,
  fieldset.unternehmenscheck-form .grid.contact-opts .box-33,
  fieldset.contact-form .grid.contact-opts .box-33 {
    width: auto;
    float: none;
    padding: 0 !important;
  }
  fieldset.newsletter-form .grid.contact-opts .formRadio,
  fieldset.unternehmenscheck-form .grid.contact-opts .formRadio,
  fieldset.contact-form .grid.contact-opts .formRadio {
    width: 50%;
    float: left;
  }
  fieldset.newsletter-form .grid.contact-opts .formItem::after,
  fieldset.unternehmenscheck-form .grid.contact-opts .formItem::after,
  fieldset.contact-form .grid.contact-opts .formItem::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .quickcheck .table-wrap-bg {
    width: calc(100vw - 60px);
  }
  .quickcheck .table-wrap-bg table td {
    white-space: nowrap;
  }
  .quickcheck .table-wrap-bg table td[colspan] {
    white-space: normal;
  }
  .quickcheck .table-wrap-bg table td[colspan] div {
    max-width: 80vw;
  }
  .quickcheck .table-wrap-bg table td input.formText {
    min-width: 100px;
  }
  .quickcheck .table-wrap-bg table thead th,
  .quickcheck table tbody td {
    padding-left: 15px;
  }
  #mainContent .quickcheck .table-wrap-bg::before {
    display: block;
  }
  .quickcheck .formSubmit {
    font-size: 13px;
  }
}
@media only screen and (max-width: 834px) {
  #map_container {
    height: 400px !important;
  }
  #tab-menu {
    padding: 30px 30px 20px;
  }
  #tab-menu .tab_selector {
    font-size: 18px;
    cursor: pointer;
    border: 0;
    background: transparent;
    width: 100%;
    padding: 10px 0;
    text-align: left;
    color: var(--color-orange);
    display: block;
    overflow: visible;
  }
  #tab-menu .tab_selector::before {
    content: "";
    float: right;
    position: relative;
    width: 15px;
    height: 15px;
    border-right: 1px solid var(--color-orange);
    border-bottom: 1px solid var(--color-orange);
    transform: rotate(45deg);
  }
  #tab-menu .tab_selector.active::before {
    top: 10px;
    transform: rotate(225deg);
  }
  #tab-menu ul {
    padding: 0;
  }
  #tab-menu ul li {
    float: none;
  }
  #tab-menu ul li a {
    display: block;
    color: var(--color-blue);
    font-size: 18px;
    padding: 10px 0;
  }
  #tab-menu.mobi-select ul {
    display: none;
  }
  #tab-menu.mobi-select ul li.active {
    display: none;
  }
  #footermenu ul li.last a {
    overflow: hidden;
    display: block;
    text-indent: -999em;
  }
  #footermenu ul li.last a:before {
    text-indent: 0;
    right: 10px;
  }
  #foerderprogramme .fp-item .desc .cat {
    float: left;
  }
  #foerderprogramme .fp-item .desc .fp-infos {
    display: block;
  }
  #foerderprogramme .fp-item .desc .fp-options {
    display: block;
    clear: both;
  }
  .imagegallery-wrap {
    margin-left: -30px;
    margin-right: -30px;
  }
  .imagegallery-wrap .flexgrid .box-66 {
    width: 100%;
  }
  .imagegallery-wrap .flexgrid .box-66 figure {
    margin-left: 0;
    flex-direction: column;
  }
  .imagegallery-wrap .flexgrid .box-66 figure img {
    width: 100% !important;
    height: auto !important;
  }
  .imagegallery-wrap .flexgrid .box-33 {
    display: none;
  }
  .imagegallery-wrap .caption {
    position: relative;
    width: auto;
    left: 0;
  }
  .accordion .imagegallery {
    left: 0;
  }
  .accordion .imagegallery-wrap {
    width: auto;
  }
  .accordion .imagegallery-wrap .caption {
    left: 0;
    width: auto;
  }
  .accordion .imagegallery-wrap .flexgrid .box-66 figure {
    margin-left: 0;
  }
  .link-list a {
    display: block;
    position: relative;
    padding-left: 50px;
  }
  .link-list a i,
  .link-list a em {
    position: absolute;
    left: 0;
    top: 3px;
  }
  .link-list a span,
  .link-list a small {
    display: block;
    padding-left: 15px;
  }
  .block-imgmenu {
    margin-left: -30px;
    margin-right: -30px;
    min-height: 0;
  }
  .block-imgmenu .img {
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  .block-imgmenu .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
  }
  .block-imgmenu .tab_selector {
    background: var(--color-blue);
    padding: 30px 30px;
    color: var(--color-orange);
    text-transform: uppercase;
    font-family: 'Mosk Semibold', sans-serif;
    cursor: pointer;
    font-size: 18px;
  }
  .block-imgmenu .tab_selector::before {
    width: 15px;
    height: 15px;
    border-right: 2px solid var(--color-orange);
    border-bottom: 2px solid var(--color-orange);
    transform: rotate(45deg);
    content: "";
    float: right;
  }
  .block-imgmenu .inner {
    position: relative;
    font-size: 16px;
  }
  .block-imgmenu .inner ul {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
  }
  .block-imgmenu .inner ul li {
    margin-bottom: 20px;
  }
  .block-imgmenu .inner ul li a,
  .block-imgmenu .inner ul li span.active {
    padding: 10px 20px;
  }
  .content-part.single-content .block-imgmenu {
    margin-right: 0;
  }
  .flexgrid.link-list .box-33 {
    width: 50% !important;
    padding: 0 !important;
  }
  .flexgrid.news-grid .box-66 {
    width: 100%;
  }
  .flexgrid.news-grid .box-33 {
    width: 50%;
  }
  .node h1 {
    font-size: 38px;
    line-height: 39px;
    hyphens: auto;
  }
  .node > .inner > p {
    padding: 0;
  }
  .node > .inner > ul {
    margin-left: 0;
  }
  .content-part .row,
  .content-part .row-reverse {
    flex-direction: column;
  }
  .content-part .row .sidebar,
  .content-part .row-reverse .sidebar,
  .content-part .row .content,
  .content-part .row-reverse .content {
    width: 100%;
    padding: 0 !important;
  }
  .content-part .row .content + .sidebar,
  .content-part .row-reverse .content + .sidebar {
    margin-top: 40px;
  }
  .content-part .row .sidebar + .content,
  .content-part .row-reverse .sidebar + .content {
    margin-top: 40px;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -4vw;
  }
  .content-part.teaser .swiper-slide,
  .content-part.sub-teaser .swiper-slide {
    background: var(--color-orange);
  }
  .content-part.teaser .swiper-slide figcaption,
  .content-part.sub-teaser .swiper-slide figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: none;
    padding: 30px;
  }
  .content-part.teaser .swiper-slide figcaption h1,
  .content-part.sub-teaser .swiper-slide figcaption h1,
  .content-part.teaser .swiper-slide figcaption strong,
  .content-part.sub-teaser .swiper-slide figcaption strong {
    font-size: 40px;
    line-height: 45px;
  }
  .content-part.teaser .swiper-slide figcaption .bg,
  .content-part.sub-teaser .swiper-slide figcaption .bg {
    opacity: 1;
  }
  .content-part.teaser .swiper-slide figure,
  .content-part.sub-teaser .swiper-slide figure {
    padding-bottom: 0;
    height: auto;
  }
  .content-part.teaser .swiper-slide figure img,
  .content-part.sub-teaser .swiper-slide figure img {
    position: static;
  }
  .content-part.teaser .swiper-slide figure::after,
  .content-part.sub-teaser .swiper-slide figure::after {
    padding-bottom: 30%;
    content: "";
    display: block;
  }
  .content-part.img-teaser figcaption strong {
    position: static;
    width: auto;
    padding: 30px 0;
  }
  .content-part.img-teaser figcaption strong::before {
    opacity: 1;
  }
  .content-part.img-teaser figcaption strong br {
    display: none;
  }
  .content-part.social-feed .swiper-pagination {
    display: block;
  }
  .content-part.mediathek .flexgrid .box-33,
  .content-part.block-grid .flexgrid .box-33 {
    width: 50% !important;
  }
  .content-part.mediathek .box-33 {
    margin-bottom: 30px;
  }
  .content-part.hero-image figure {
    margin-left: -30px;
    margin-right: -30px;
  }
  .content-part.hero-image .block-info {
    padding: 0 0 40px;
  }
  .content-part.single-content {
    padding-top: 0;
  }
  .content-part.single-content#uebh3content {
    overflow: visible;
  }
  .content-part.single-content > .row {
    flex-direction: column-reverse;
  }
  .content-part.single-content > .row > .content {
    padding: 30px !important;
  }
  .content-part.single-content > .row > .content > .node-single {
    margin-left: -30px;
    margin-right: -30px;
  }
  .content-part.single-content > .row .sidebar {
    margin-top: 0;
    position: relative;
    z-index: 5;
  }
  .content-part.single-content > .row .sidebar .block-img {
    margin: 0 -30px;
  }
  .content-part.single-content > .row .sidebar .block-img img {
    width: 100% !important;
    height: auto !important;
  }
  .content-part.single-content > .row-reverse {
    flex-direction: column;
  }
  .content-part.green-gradient #map {
    margin-top: 40px;
  }
  .content-part.proposals {
    margin-bottom: 0;
  }
  .content-part.proposals:last-child {
    margin-bottom: 40px;
  }
  .content-part.proposals .row .sidebar + .content {
    margin-top: 0;
  }
  fieldset.contact-form .formSubmit,
  fieldset.newsletter-form .formSubmit,
  fieldset.unternehmenscheck-form .formSubmit {
    width: 100%;
    height: auto;
  }
  fieldset.unternehmenscheck-form .flexgrid {
    margin-bottom: 0;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33 {
    width: 50% !important;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33:nth-child(odd) {
    padding: 0 15px 0 0 !important;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33:nth-child(even) {
    padding: 0 0 0 15px !important;
  }
  fieldset.download-filter .grid {
    margin-bottom: 0;
    margin-left: -30px;
  }
  fieldset.download-filter .grid .box-33 {
    width: 100% !important;
    padding: 0 0 0 30px !important;
  }
  #footer .grid .box-33:nth-child(1),
  #footer .grid .box-33:nth-child(2),
  #footer .grid .box-33:nth-child(3) {
    float: none;
    width: auto;
    clear: both;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 820px) {
  ul.btn-list {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
  }
  ul.btn-list li {
    margin-bottom: 20px;
    float: left;
    width: 50%;
  }
  ul.btn-list li:nth-child(odd) {
    padding-right: 10px;
  }
  ul.btn-list li:nth-child(even) {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 734px) {
  #map_container {
    height: 330px !important;
  }
  html {
    height: -webkit-fill-available;
    height: -moz-fill-available;
    height: fill-available;
  }
  .mobi-search {
    position: fixed;
    left: 0;
    top: 80px;
    right: 0;
    bottom: 0;
    z-index: -1;
    padding: 50px 30px;
    background: rgba(255, 255, 255, 0.95);
  }
  .mobi-search.open,
  .mobi-search-toggle {
    display: block;
  }
  a.mobi-search-toggle {
    position: absolute;
    right: 180px;
    color: #fff;
    font-size: 25px;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  a.mobi-search-toggle span {
    display: none;
  }
  a.mobi-search-toggle:hover {
    color: #fff;
    text-decoration: none;
  }
  a.mobi-search-toggle.open::before {
    content: "\e918";
  }
  .popup.popup-search .popup-close {
    top: 20px;
    right: 30px;
  }
  .popup.popup-search .popup-content {
    height: 100vh;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 100px;
  }
  fieldset.quick-search {
    border-bottom: 0;
  }
  fieldset.quick-search .formItem {
    margin: 0;
  }
  fieldset.quick-search .formItem input.formText {
    font-size: 18px;
    padding: 15px;
    width: calc(100% - 53px);
    border: 1px solid #ddd;
    border-left: 5px solid var(--color-orange);
    font-family: 'Mosk Regular', sans-serif;
  }
  fieldset.quick-search .formItem .auto-suggest-wrap ul {
    font-size: 16px;
  }
  fieldset.quick-search button {
    width: 53px;
    height: 53px;
    color: #fff;
    background: var(--color-orange);
    text-align: center;
    border: 0;
    font-size: 30px;
    cursor: pointer;
    top: -1px;
    line-height: 57px;
  }
  fieldset.quick-search button em {
    display: none;
  }
  fieldset.quick-search button::before {
    font-family: 'aufbaubank-2019' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
  }
  #footermenu {
    position: relative;
  }
  #footermenu ul {
    padding-right: 50px;
  }
  #footermenu ul li a {
    margin: 5px 0;
    display: block;
  }
  #footermenu ul li.last {
    position: absolute;
    right: 0;
    top: 20px;
  }
  #foerderprogramme .fp-item {
    position: relative;
  }
  #foerderprogramme .fp-item h2,
  #foerderprogramme .fp-item h3 {
    font-size: 18px;
    line-height: 19px;
  }
  #foerderprogramme .fp-item .img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #foerderprogramme .fp-item .desc {
    padding-bottom: 20px;
  }
  #foerderprogramme .fp-item .desc:first-child {
    margin-right: 0;
  }
  #foerderprogramme .fp-item .desc .cat {
    display: inline-block;
  }
  #foerderprogramme .fp-item .desc .fp-infos {
    display: block;
  }
  #foerderprogramme .fp-item .desc .fp-infos:last-child {
    margin-bottom: 0;
  }
  #foerderprogramme .fp-item .desc .fp-options {
    display: block;
    padding-top: 10px;
    margin-right: 150px;
  }
  #foerderprogramme .fp-item .desc .fp-options .option {
    display: block;
    padding: 5px 0;
  }
  .contact-person {
    flex-direction: column;
  }
  .contact-person figure img {
    width: 100% !important;
    height: auto !important;
  }
  .box-100 .block-img-lft {
    flex-direction: column;
  }
  .box-100 .block-img-lft .inner {
    padding: 0;
  }
  .accordion h2,
  .accordion h3 {
    padding-right: 30px;
  }
  .accordion h2 i,
  .accordion h3 i {
    right: -30px;
  }
  .accordion h5 {
    font-size: 14px;
    line-height: 20px;
  }
  .accordion .acc-content {
    padding: 20px 0;
  }
  .accordion .acc-content .accordion .acc-content {
    padding: 20px;
  }
  .accordion .acc-content .accordion .acc-content::before {
    margin-top: -20px;
  }
  .accordion .acc-content figure {
    width: 100%;
    flex: 0 0 100px;
  }
  #glossar .accordion .acc-content {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
  #glossar .accordion .acc-content::before {
    margin-top: -20px;
  }
  .events .event .date {
    font-size: 12px;
  }
  .block-img .meta {
    padding: 0 40px 30px 40px;
  }
  .flexgrid.link-list .box-33 {
    width: 100% !important;
    padding: 0 !important;
  }
  .flexgrid.news-grid .box-66,
  .flexgrid.news-grid .box-33 {
    width: 100%;
  }
  .flexgrid.news-grid .box-33 .block-img .inner {
    padding: 30px 0 30px;
  }
  .karriere-grid {
    margin-left: 0px;
  }
  .karriere-grid .box-33 {
    width: 100%;
    padding: 0 !important;
  }
  .link-list h2 {
    margin-bottom: 30px;
  }
  .link-list ul {
    padding-left: 20px;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: 0;
  }
  .content-part.teaser .swiper-slide figcaption,
  .content-part.sub-teaser .swiper-slide figcaption {
    max-width: none;
    padding: 30px;
  }
  .content-part.teaser .swiper-slide figcaption h1,
  .content-part.sub-teaser .swiper-slide figcaption h1,
  .content-part.teaser .swiper-slide figcaption strong,
  .content-part.sub-teaser .swiper-slide figcaption strong {
    font-size: 28px;
    line-height: 29px;
  }
  .content-part.img-teaser figure {
    height: auto;
  }
  .content-part.img-teaser figure img {
    position: static;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    transform: none;
  }
  .content-part.img-teaser figure::before {
    display: none;
  }
  .content-part.img-teaser figcaption strong {
    font-size: 38px;
  }
  .content-part.img-teaser figcaption strong br {
    display: none;
  }
  .content-part.green-gradient .content h2 {
    font-size: 28px;
    line-height: 29px;
  }
  .content-part.hero-image figure {
    margin-left: -30px;
    margin-right: -30px;
  }
  .content-part.glossar h1 {
    margin-bottom: 30px;
  }
  fieldset .formItem > label:first-child {
    padding-left: 0;
  }
  fieldset.overlay-newsletter {
    padding-right: 0;
  }
  fieldset.overlay-newsletter .grid .box-33 {
    float: none;
    width: auto !important;
    clear: both;
    padding: 0 !important;
  }
  fieldset.overlay-newsletter .flexgrid .box-33 {
    width: 100%;
  }
  fieldset.overlay-newsletter .flexgrid .box-33:first-child {
    display: none;
  }
  fieldset.overlay-contact .grid .box-33 {
    float: none;
    width: auto !important;
    clear: both;
    padding: 0 !important;
  }
  fieldset.overlay-contact .flexgrid .box-33 {
    width: 50%;
  }
  fieldset.overlay-contact .flexgrid .box-33:first-child {
    display: none;
  }
  fieldset.portal-filter .grid,
  fieldset.download-filter .grid {
    margin-bottom: 0;
    margin-left: -30px;
  }
  fieldset.portal-filter .grid .box-33,
  fieldset.download-filter .grid .box-33 {
    width: 100% !important;
    padding: 0 0 0 30px !important;
  }
  fieldset.portal-filter .formSearch,
  fieldset.download-filter .formSearch {
    width: 100%;
    float: none;
  }
  fieldset.portal-filter .formSubmit,
  fieldset.download-filter .formSubmit {
    width: 100%;
  }
  fieldset.newsletter-form .grid.contact-opts .formRadio,
  fieldset.unternehmenscheck-form .grid.contact-opts .formRadio,
  fieldset.contact-form .grid.contact-opts .formRadio {
    width: 100%;
    float: none;
  }
  fieldset.newsletter-form .grid.contact-opts .formRadio:last-child,
  fieldset.unternehmenscheck-form .grid.contact-opts .formRadio:last-child,
  fieldset.contact-form .grid.contact-opts .formRadio:last-child {
    margin-top: 20px;
  }
  fieldset.newsletter-form .grid.contact-opts .formItem::after,
  fieldset.unternehmenscheck-form .grid.contact-opts .formItem::after,
  fieldset.contact-form .grid.contact-opts .formItem::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33 {
    width: 100% !important;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33:nth-child(odd) {
    padding: 0 !important;
  }
  fieldset.unternehmenscheck-form .flexgrid .box-33:nth-child(even) {
    padding: 0 !important;
  }
  fieldset.grey-form .step-1 .formItem {
    flex-direction: column;
  }
  fieldset.grey-form .formItemRow label {
    padding-bottom: 14px;
  }
  fieldset.grey-form .formItemRow label,
  fieldset.grey-form .formItemRow select {
    width: 100%;
  }
  fieldset.grey-form .formSubmit {
    text-align: left;
    position: relative;
    padding: 15px 15px 15px 80px;
    height: auto;
    min-height: 53px;
  }
  fieldset.grey-form .formSubmit em {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0px, -50%);
  }
  .short-contact .contact-form .bluebar {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px) {
  body {
    font-size: 16px;
    line-height: 20px;
  }
  h1 {
    font-size: 35px;
    line-height: 110%;
    margin-bottom: 20px;
  }
  .loadmore {
    padding: 20px 0 50px;
  }
  .loadmore a {
    font-size: 14px;
  }
  a.cta-btn {
    padding: 20px 20px 20px 30px;
    font-size: 20px;
  }
  a.cta-btn i {
    top: 2px;
  }
  .accordion h2,
  .accordion h3 {
    line-height: normal;
  }
  .accordion h2 i,
  .accordion h3 i {
    width: 30px;
  }
  .accordion h2 i::after,
  .accordion h3 i::after {
    width: 30px;
  }
  .accordion h2 {
    margin-left: 0 !important;
  }
  .accordion .acc-content h3,
  .accordion .acc-content h4,
  .accordion .acc-content h5,
  .accordion .acc-content h6 {
    font-family: 'Mosk Light', sans-serif;
  }
  .accordion .acc-content h3 {
    font-size: 20px;
  }
  .accordion .acc-content h4 {
    font-size: 19px;
  }
  .accordion .acc-content h5 {
    font-size: 18px;
  }
  .accordion .acc-content h6 {
    font-size: 17px;
  }
  .btn-white {
    padding: 30px;
  }
  .nachfolgemagazin,
  .interview,
  .video {
    margin-bottom: 40px;
  }
  .content-part.video {
    margin-bottom: 0;
  }
  .dll-collector {
    font-size: 16px;
  }
  .content-info .cat {
    padding: 10px 20px;
  }
  .content-info .date {
    padding: 10px 20px;
    font-size: 12px !important;
  }
  .block-info {
    padding: 0;
  }
  .block-info h3 {
    font-size: 28px;
    line-height: 29px;
  }
  .block-img figure figcaption {
    padding: 20px;
  }
  .block-img .inner {
    padding: 30px 0 0;
  }
  .block-img .inner:last-child {
    padding: 30px 0;
  }
  .block-img .meta {
    padding: 0 0 30px 0;
  }
  .block-img.wide figure::before {
    padding-bottom: 75%;
  }
  .box-33 .block-img .meta {
    padding: 0 0 30px;
  }
  .block-imgmenu {
    margin-left: 0;
    margin-right: 0;
  }
  .block-events .event {
    display: none;
  }
  .block-events .event:nth-child(1),
  .block-events .event:nth-child(2) {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .block-menu,
  .block-imgmenu {
    font-size: 20px;
  }
  .block-menu .inner ul,
  .block-imgmenu .inner ul {
    padding: 20px 0;
  }
  .block-menu .inner ul li a,
  .block-imgmenu .inner ul li a,
  .block-menu .inner ul li span.active,
  .block-imgmenu .inner ul li span.active {
    padding: 10px 20px;
    hyphens: auto;
  }
  .btn-white {
    padding: 25px 30px;
  }
  .btn-white strong {
    font-size: 22px;
  }
  .btn-white small {
    font-size: 12px;
    line-height: 100%;
  }
  .node h1 {
    font-size: 28px;
    line-height: 29px;
  }
  .node > .inner > p {
    padding: 0;
  }
  .node > .inner > ul {
    margin-left: 0;
  }
  .node > .inner h3 {
    font-size: 24px;
  }
  .node > .inner h4 {
    font-size: 22px;
  }
  .node > .inner h5 {
    font-size: 20px;
  }
  .node > .inner h6 {
    font-size: 18px;
  }
  .node figure.fltlft,
  .node figure.fltrt {
    margin: 0 0 30px 0;
  }
  .node-single > .inner > h2 {
    margin-left: 0;
  }
  .node-single > p,
  .node-single > .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .node-img .img,
  .node-img .inner {
    display: block;
    width: auto;
    padding: 0;
  }
  .short-contact {
    top: auto;
    left: 0;
    bottom: 0;
  }
  .short-contact .contact-form .bluebar {
    font-size: 18px;
  }
  .short-contact a.more.blue {
    float: none !important;
  }
  .link-list dl {
    padding-left: 0;
  }
  .downloads {
    padding-left: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .downloads .dll-item a.filename {
    margin-right: 0;
  }
  .downloads .dll-item a.realized {
    position: static;
    margin-left: 60px;
  }
  .downloads .dll-item .fileInfo {
    margin-left: 60px;
    position: relative;
    top: auto;
    right: 0;
  }
  .downloads .dll-item .options {
    top: auto;
    left: auto;
    bottom: 0;
    position: static;
    margin-left: 40px;
    font-size: 14px;
    transform: translate(0, 0);
  }
  .downloads .dll-item .options ul {
    margin-bottom: 0;
  }
  .content-part h2 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 25px;
  }
  .content-part h3 {
    font-size: 24px;
    line-height: 130%;
  }
  .content-part h4 {
    font-size: 22px;
  }
  .content-part h5 {
    font-size: 20px;
  }
  .content-part h6 {
    font-size: 18px;
  }
  .content-part .row .col {
    float: none;
  }
  .content-part .row .content,
  .content-part .row .sidebar {
    padding: 0 !important;
  }
  .content-part .downloads h3 {
    font-size: 16px;
  }
  .content-part .content > p {
    padding: 0;
  }
  .content-part.single-content .size .content {
    padding: 30px 0 0 0;
  }
  .content-part.social-feed .swiper-pagination {
    z-index: 8;
  }
  .content-part.social-feed .swiper-button-next::after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: -80px;
    width: 50px;
    height: 30px;
  }
  .content-part.teaser .swiper-pagination {
    text-align: right;
    padding-right: 40px;
    z-index: 8;
  }
  .content-part.teaser .swiper-pagination i {
    margin-left: 0;
    width: 145px;
  }
  .content-part.teaser .swiper-button-next {
    z-index: 10;
  }
  .content-part.teaser .swiper-button-next .arrow-rt {
    left: -50px;
    top: auto;
    bottom: 70px;
    margin-top: 0;
  }
  .content-part.teaser .swiper-button-next .arrow-rt::before,
  .content-part.teaser .swiper-button-next .arrow-rt::after {
    display: none;
  }
  .content-part.teaser .swiper-container,
  .content-part.sub-teaser .swiper-container {
    margin-left: -30px;
  }
  .content-part.teaser .swiper-slide,
  .content-part.sub-teaser .swiper-slide {
    background: var(--color-orange);
  }
  .content-part.teaser .swiper-slide figure::after,
  .content-part.sub-teaser .swiper-slide figure::after {
    padding-bottom: 50%;
    content: "";
    display: block;
  }
  .content-part.teaser .swiper-slide figcaption h1,
  .content-part.sub-teaser .swiper-slide figcaption h1,
  .content-part.teaser .swiper-slide figcaption strong,
  .content-part.sub-teaser .swiper-slide figcaption strong {
    font-size: 28px;
    line-height: 29px;
  }
  .content-part.teaser .swiper-slide figcaption .bg,
  .content-part.sub-teaser .swiper-slide figcaption .bg {
    opacity: 1;
  }
  .content-part.teaser .swiper-pagination i,
  .content-part.sub-teaser .swiper-pagination i {
    left: auto;
    right: 0;
  }
  .content-part.teaser .pagination-wrap .swiper-button-next,
  .content-part.sub-teaser .pagination-wrap .swiper-button-next {
    left: auto;
    right: 0;
  }
  .content-part.service,
  .content-part.success-map,
  .content-part.download-list,
  .content-part.news {
    padding: 50px 0;
  }
  .content-part.proposals {
    margin-bottom: 40px;
  }
  .content-part.proposals .content figure {
    padding-bottom: 75%;
  }
  .content-part.proposals .content figcaption {
    width: auto;
    left: 40px;
  }
  .content-part.proposals .content figcaption h3 {
    margin-bottom: 0;
  }
  .content-part.proposals .content figcaption a.more,
  .content-part.proposals .content figcaption p {
    display: none;
  }
  .content-part.proposals .content .mobi-text {
    display: block;
  }
  .content-part.proposals .sidebar .block-img .inner {
    padding-left: 40px;
  }
  .content-part.proposals .sidebar .block-img .meta {
    padding: 0 0 30px 40px;
  }
  .content-part.hero-image .row {
    padding: 0;
  }
  .content-part.hero-image .row .sidebar {
    padding: 30px !important;
    margin-top: 0;
  }
  .content-part.hero-image .block-info {
    padding: 0;
  }
  .content-part.fill-blue {
    margin-bottom: 40px;
  }
  .content-part.green-gradient .content {
    padding-top: 30px !important;
  }
  .content-part.green-gradient .content h2 {
    font-size: 28px;
    line-height: 29px;
  }
  .content-part.green-gradient .node {
    margin-bottom: 40px;
  }
  .content-part.single-content > .row {
    padding: 0;
  }
  .content-part.single-content > .row > .content > .node-single {
    margin-left: 0;
    margin-right: 0;
  }
  .content-part.link-list .row .content + .sidebar {
    margin-top: 20px;
  }
  .content-part.img-teaser figure img {
    width: 170% !important;
    position: relative;
    top: 0;
    transform: translate(-50%, 0%);
  }
  .content-part.img-teaser figcaption strong {
    font-size: 28px;
    line-height: 29px;
  }
  .content-part.foerderprogramme h1 {
    font-size: 38px;
    line-height: 39px;
  }
  .content-part.mediathek .flexgrid .box-33,
  .content-part.block-grid .flexgrid .box-33 {
    width: 100% !important;
  }
  fieldset.overlay-contact {
    max-height: 70vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  fieldset.overlay-contact .formSubmit {
    margin-bottom: 30px;
  }
  fieldset.overlay-contact .flexgrid {
    display: block;
  }
  fieldset.overlay-contact .flexgrid .box-33 {
    width: auto;
  }
  figure.video-wrap figcaption {
    position: relative;
    width: auto;
  }
  figure.video-wrap + .desc,
  figure.video-wrap + .node {
    padding: 20px 0 0;
  }
  .popup.popup-gallery .swiper-container .swiper-wrapper .swiper-slide figcaption {
    position: static;
    padding: 20px;
    font-size: 14px;
    line-height: 130%;
  }
  .tab-fl-mod .select2-container--open .select2-dropdown .select2-results {
    padding: 30px;
  }
  #foerderprogramme > .fp-item {
    margin-left: 20px;
    margin-right: 20px;
  }
  #foerderprogramme > .fp-item .desc .fp-options {
    margin-right: 100px;
  }
  #foerderprogramme > .fp-item img {
    width: 90px !important;
    height: auto !important;
  }
  #footer .whitebox {
    padding: 20px;
  }
  #footer .grid .box {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 30px;
  }
  #footer .grid .box:last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .quickcheck {
    width: 100vw;
    width: calc(100vw - 30px);
  }
  .quickcheck .formSubmit {
    width: 100%;
  }
  .quickcheck .tooltip span.tooltiptext {
    width: 80vw;
    margin-left: -80vw;
    left: 50vw;
    transform: translate(-50%, 0);
  }
  fieldset.contactform .tooltip span.tooltiptext {
    width: 80vw;
    margin-left: -80vw;
    left: 50vw;
    transform: translate(-50%, 0);
  }
  .short-contact .contact-form fieldset.overlay-contact {
    padding: 0;
    max-height: none !important;
  }
  fieldset.overlay-contact {
    padding: 0;
  }
  fieldset.overlay-contact .grid,
  fieldset.overlay-contact .flexgrid {
    margin: 0;
  }
  .short-contact .short-contact-tabs {
    margin-bottom: 20px;
    margin-top: -55px;
    padding: 0 20px;
  }
  .short-contact .sctabpanel {
    padding: 20px;
  }
  .short-contact .contact-form {
    padding: 0;
  }
  .short-contact .formSubmit {
    padding: 15px 15px 30px;
  }
  .bluebar {
    height: 60px;
  }
  .bluebar a {
    display: none;
  }
  .short-contact .contact-overlay-mobilephone {
    background: var(--color-blue);
    display: block;
    color: #fff;
    padding: 20px 20px 80px;
  }
  .short-contact .contact-overlay-mobilephone a {
    text-decoration: none;
    color: #fff;
  }
  fieldset.overlay-newsletter {
    padding: 0;
  }
  fieldset.overlay-newsletter .grid {
    margin: 0;
  }
  fieldset.overlay-newsletter .flexgrid {
    margin: 0;
  }
  fieldset.overlay-newsletter .flexgrid .box:has(.formSubmit) {
    padding: 0;
  }
}
@media only screen and (max-width: 375px) {
  #mobilemenu {
    font-size: 20px;
  }
  .downloads {
    font-size: 14px;
    line-height: 18px;
  }
  .downloads .dll-item .fileInfo {
    font-size: 12px;
  }
  .dll-collector {
    font-size: 14px;
  }
  .content-part.service,
  .content-part.success-map,
  .content-part.download-list,
  .content-part.news {
    padding: 30px 0;
  }
  .content-part.foerderprogramme h1 {
    font-size: 25px;
    line-height: 30px;
  }
}
/* -- Zugänglichkeit-- */
/*
*
*   SECONDRED Boilerplate
*   Debug Style
*   Author: SECONDRED Newmedia GmbH - www.secondred.de
*
*/
*:focus:not(:focus-visible) {
  outline: none;
}
*:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.nav-skip-wrap {
  position: relative;
}
.nav-skip {
  position: absolute;
  top: -500px;
  left: 30px;
  padding: 1rem;
  z-index: 10000;
}
.nav-skip:focus-within {
  top: 0;
}
.nav-skip a {
  padding: 1rem;
  display: block;
  background-color: #fff;
  color: var(--color-blue);
  text-decoration: none;
  margin-bottom: 1em;
}
.nav-skip a:last-child {
  margin-bottom: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
  html {
    scroll-behavior: auto;
  }
}
@media screen and (prefers-color-scheme: dark), screen and (prefers-contrast: more) {
  /* Dark Mode styles go here */
}
@media (prefers-contrast: more), (forced-colors: active) {
  :root {
    --color-lightergrey: #DFDFDF;
    --color-lightgrey: #F2F2F2;
    --color-grey: #333;
    --color-darkgrey: #000;
    --color-blue: #005274;
    --color-lightblue: #CCE7F3;
    --color-text-blue: #005274;
    --color-lemon: #4A6000;
    --color-orange: #9A3800;
    --color-green: #326202;
    --color-pastelgreen: #F0F7E9;
    --color-red: #AE1A00;
    --color-warning-red: #AE1A00;
    --color-visited: #663D92;
    --color-checked: #88B604;
    --color-failed: #FF4100;
    --color-calcgreen: #00B015;
    --color-focus: #FFA300;
  }
  /* -- Color Overrides -- */
  .node > .inner > a:not([class]),
  p a {
    color: #0026FF;
    text-decoration: underline;
  }
  .block-imgmenu .inner ul li a.active::before,
  #mainmenu > ul > li > a::before {
    background: #E9E9E9;
  }
  .block-imgmenu .inner ul li a.active,
  #mainmenu > ul > li > a:hover,
  #mainmenu > ul > li.active > a {
    color: #E9E9E9;
  }
  #header .option-bar button:hover,
  .block-imgmenu .inner ul li a:hover {
    color: #E9E9E9;
  }
  #topmenu > ul > li.active > a,
  #topmenu > ul > li:hover > a {
    color: #fff;
  }
  #topmenu > ul > li > a:hover {
    color: #fff;
  }
  #topmenu > ul > li > a::before {
    background: #fff;
  }
}

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