@charset "UTF-8";

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

[data-tippy-root] {
  max-width: calc(100vw - 10px)
}

.tippy-box {
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  position: relative;
  transition-property: transform, visibility, opacity;
  white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  border-top-color: initial;
  border-width: 8px 8px 0;
  bottom: -7px;
  left: 0;
  transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  border-bottom-color: initial;
  border-width: 0 8px 8px;
  left: 0;
  top: -7px;
  transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-left-color: initial;
  border-width: 8px 0 8px 8px;
  right: -7px;
  transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
  border-right-color: initial;
  border-width: 8px 8px 8px 0;
  left: -7px;
  transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
  color: #333;
  height: 16px;
  width: 16px
}

.tippy-arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute
}

.tippy-content {
  padding: 5px 9px;
  position: relative;
  z-index: 1
}

/*! Theme ihk24-2022 */
.highcharts-container {
  height: 100%;
  line-height: normal;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
  -ms-user-select: none;
  user-select: none
}

.highcharts-root {
  display: block
}

.highcharts-root text {
  stroke-width: 0
}

.highcharts-strong {
  font-weight: 700
}

.highcharts-emphasized {
  font-style: italic
}

.highcharts-anchor {
  cursor: pointer
}

.highcharts-background {
  fill: #fff
}

.highcharts-label-box,
.highcharts-plot-background,
.highcharts-plot-border {
  fill: none
}

.highcharts-button-box {
  fill: inherit
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: hsla(0, 0%, 75%, 0);
  stroke-width: 22;
  fill: none
}

.highcharts-tracker-area {
  fill: hsla(0, 0%, 75%, 0);
  stroke-width: 0
}

.highcharts-title {
  fill: #036;
  font-family: korb, Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 400
}

.highcharts-subtitle {
  fill: #036;
  font-size: 16px
}

.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0
}

.highcharts-axis-title {
  fill: #036
}

.highcharts-axis-labels {
  fill: #036;
  cursor: default;
  font-size: 12px
}

.highcharts-grid-line {
  fill: none;
  stroke: #ccd7e6
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px
}

.highcharts-tick {
  stroke: #ccd6eb
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #ccc
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: .25
}

.highcharts-credits {
  cursor: pointer;
  fill: #999;
  font-size: .7em;
  transition: fill .25s, font-size .25s
}

.highcharts-credits:hover {
  fill: #000;
  font-size: 1em
}

.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  transition: stroke .15s;
  white-space: nowrap
}

.highcharts-tooltip text {
  fill: #036
}

.highcharts-tooltip .highcharts-header {
  font-size: .85em
}

.highcharts-tooltip-box {
  stroke-width: 1px
}

.highcharts-tooltip-box,
.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: .85
}

div.highcharts-tooltip {
  filter: none
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: .25
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round
}

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: #ccc
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3
}

.highcharts-point-inactive,
.highcharts-series-inactive {
  opacity: .2;
  transition: opacity 50ms
}

.highcharts-state-hover path {
  transition: stroke-width 50ms
}

.highcharts-state-normal path {
  transition: stroke-width .25s
}

.highcharts-data-labels,
.highcharts-markers,
.highcharts-point,
g.highcharts-series {
  transition: opacity .25s
}

.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover) {
  opacity: .2
}

.highcharts-color-0 {
  fill: #036;
  stroke: #036
}

.highcharts-color-1 {
  fill: #2e8533;
  stroke: #2e8533
}

.highcharts-color-2 {
  fill: #077eaf;
  stroke: #077eaf
}

.highcharts-color-3 {
  fill: #e42532;
  stroke: #e42532
}

.highcharts-color-4 {
  fill: #24cbe5;
  stroke: #24cbe5
}

.highcharts-color-5 {
  fill: #636d76;
  stroke: #636d76
}

.highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354
}

.highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f
}

.highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b
}

.highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1
}

.highcharts-area {
  fill-opacity: .75;
  stroke-width: 0
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #fff
}

.highcharts-a11y-marker-hidden,
.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible) {
  opacity: 0
}

.highcharts-point {
  stroke-width: 1px
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0
}

.highcharts-data-label {
  font-size: .9em;
  font-weight: 700
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #036
}

.highcharts-data-label-connector {
  fill: none
}

.highcharts-data-label-hidden {
  pointer-events: none
}

.highcharts-halo {
  fill-opacity: .25;
  stroke-width: 0
}

.highcharts-markers .highcharts-point-select,
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: #ccc;
  stroke: #036
}

.highcharts-column-series rect.highcharts-point {
  stroke: #fff
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity .25s
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #fff
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #ccd7e6;
  transition: stroke .25s, fill .25s, fill-opacity .25s
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms
}

.highcharts-treemap-series .highcharts-above-level {
  display: none
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: .15;
  cursor: pointer
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: .75
}

.highcharts-vector-series .highcharts-point,
.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px
}

.highcharts-lollipop-stem {
  stroke: #036
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important
}

.highcharts-legend-box {
  fill: none;
  stroke-width: 0
}

.highcharts-legend-item>text {
  fill: #036;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  stroke-width: 0
}

.highcharts-legend-item:hover text {
  fill: #036
}

.highcharts-legend-item-hidden * {
  fill: #ccc !important;
  stroke: #ccc !important;
  transition: fill .25s
}

.highcharts-legend-nav-active {
  fill: #039;
  cursor: pointer
}

.highcharts-legend-nav-inactive {
  fill: #ccc
}

circle.highcharts-legend-nav-active,
circle.highcharts-legend-nav-inactive {
  fill: hsla(0, 0%, 75%, 0)
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0
}

.highcharts-legend-title text {
  fill: #036;
  font-size: 18px
}

.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: .5
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1
}

.highcharts-bubble-legend-labels {
  fill: #036
}

.highcharts-loading {
  background-color: #fff;
  opacity: .5;
  position: absolute;
  text-align: center;
  transition: opacity .25s;
  z-index: 10
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity .25s, height .25s step-end
}

.highcharts-loading-inner {
  font-weight: 700;
  position: relative;
  top: 45%
}

.highcharts-pane,
.highcharts-plot-band {
  fill: #036;
  fill-opacity: .05
}

.highcharts-plot-line {
  fill: none;
  stroke: #999;
  stroke-width: 1px
}

.highcharts-boxplot-box {
  fill: #fff
}

.highcharts-boxplot-median {
  stroke-width: 2px
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: .5
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #036
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #ccc;
  stroke-width: 1px
}

.highcharts-gauge-series .highcharts-dial {
  fill: #036;
  stroke-width: 0
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #036;
  stroke-dasharray: 1, 3
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0
}

.highcharts-sankey-series .highcharts-link {
  transition: fill .25s, fill-opacity .25s;
  fill-opacity: .5
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: .75;
  stroke: #ccc;
  transition: stroke .25s, fill-opacity .25s
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #ccc
}

.highcharts-navigator-mask-outside {
  fill-opacity: 0
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  fill-opacity: .25;
  cursor: ew-resize
}

.highcharts-navigator-outline {
  stroke: #ccc;
  fill: none
}

.highcharts-navigator-handle {
  stroke: #ccc;
  fill: #f2f2f2;
  cursor: ew-resize
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: .05
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #ccd7e6
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0
}

.highcharts-scrollbar-thumb {
  fill: #ccc;
  stroke: #ccc;
  stroke-width: 1px
}

.highcharts-scrollbar-button {
  fill: #ccd7e6;
  stroke: #ccc;
  stroke-width: 1px
}

.highcharts-scrollbar-arrow {
  fill: #036
}

.highcharts-scrollbar-rifles {
  stroke: #036;
  stroke-width: 1px
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #ccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill .25s
}

.highcharts-button text {
  fill: #036
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #ccd7e6;
  stroke: #ccc
}

.highcharts-button-hover text {
  fill: #036
}

.highcharts-button-pressed {
  font-weight: 700;
  fill: #e6ebf5;
  stroke: #ccc
}

.highcharts-button-pressed text {
  fill: #036;
  font-weight: 700
}

.highcharts-button-disabled text {
  fill: #036
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px
}

.highcharts-range-label rect {
  fill: none
}

.highcharts-range-label text {
  fill: #036
}

.highcharts-range-input rect {
  fill: none
}

.highcharts-range-input text {
  fill: #036
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #ccc
}

input.highcharts-range-selector {
  border: 0;
  height: 1px;
  left: -9em;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 1px
}

.highcharts-crosshair-label text {
  fill: #fff;
  font-size: 1.1em
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #036;
  stroke-width: 1px
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #fff
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999;
  fill: #fff;
  transition: fill .25s
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #036;
  fill: #ccd6eb
}

.highcharts-flags-series .highcharts-point text {
  fill: #036;
  font-size: .9em;
  font-weight: 700
}

.highcharts-map-series .highcharts-point {
  transition: fill .5s, fill-opacity .5s, stroke-width .25s;
  stroke: #ccc
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: .5;
  stroke-width: 2px
}

.highcharts-mapline-series .highcharts-point {
  fill: none
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center
}

.highcharts-coloraxis {
  stroke-width: 0
}

.highcharts-coloraxis-marker {
  fill: #999
}

.highcharts-null-point {
  fill: #f7f7f7
}

.highcharts-3d-frame {
  fill: transparent
}

.highcharts-contextbutton {
  fill: #fff;
  stroke: none;
  stroke-linecap: round
}

.highcharts-contextbutton:hover {
  fill: #ccd7e6;
  stroke: #ccd7e6
}

.highcharts-button-symbol {
  stroke: #036;
  stroke-width: 3px
}

.highcharts-menu {
  background: #fff;
  border: 1px solid #999;
  box-shadow: 3px 3px 10px #888;
  padding: 5px 0
}

.highcharts-menu-item {
  background: none;
  color: #036;
  cursor: pointer;
  padding: .5em 1em;
  transition: background .25s, color .25s
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #fff
}

.highcharts-drilldown-point {
  cursor: pointer
}

.highcharts-drilldown-axis-label,
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label {
  cursor: pointer;
  fill: #039;
  font-weight: 700;
  text-decoration: underline
}

.highcharts-no-data text {
  font-size: 12px;
  font-weight: 700;
  fill: #036
}

.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: #000;
  stroke-width: 2px
}

.highcharts-bullet-target {
  stroke-width: 0
}

.highcharts-lineargauge-target,
.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #036
}

.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #036;
  fill: #036;
  fill-opacity: .75
}

.highcharts-annotation-label text {
  fill: #ccd7e6
}

.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer
}

.highcharts-point-connecting-path {
  fill: none
}

.highcharts-grid-axis .highcharts-axis-line,
.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px
}

.highcharts-visually-hidden {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px
}

.highcharts-a11y-marker-hidden,
.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-proxy-container-after {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: nowrap
}

/*! CoreMedia Studio - Styles for Preview */
.cm-image-preview__picture-box {
  max-width: 400px;
  min-height: 35px;
  min-width: 35px;
  width: 100%
}

.cm-image-preview__picture {
  position: static
}

.cm-image-preview__copyright {
  color: #fff;
  font-size: .8rem;
  line-height: 1.2rem;
  padding-right: .5rem;
  text-align: right
}

.cm-image-preview__copyright:before {
  content: "(\00a9";
  margin-right: 5px
}

.cm-image-preview__copyright :after {
  content: ")"
}

.cm-image-preview__infos {
  background-color: #80bf8a
}

.cm-image-preview__description {
  padding: .5rem
}

.cm-image-preview__description p {
  margin: 0
}

.cm-page-preview {
  background: none transparent;
  height: auto;
  margin: 0;
  padding: 0
}

.cm-preview-item {
  margin-top: 2px
}

.cm-page-preview .toggle-button {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpiYBgFgxPIA/F7IP6PBb+HyhME+lgMeQ8VJxogG0KyZmRD7pOreRTQCwAEGABc9hDJtWMwowAAAABJRU5ErkJggg==) 6px no-repeat #c8c6c6
}

.cm-page-preview .toggle-button.toggle-off {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiYBgF+IA8pQa8B2J9Sgz4T6kh/yk15D8Svj9gLqAoDCiOBfkRkt4BAgwACLgQycQ7s9wAAAAASUVORK5CYII=)
}

.cm-page-preview .toggle-container-off {
  display: none
}

.cm-preview-item__headline {
  cursor: pointer;
  display: block;
  font: 700 12px/32px Roboto, Segoe UI, Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
  padding: 4px 6px 4px 24px
}

.cm-preview-item__headline,
.cm-preview-item__headline:active,
.cm-preview-item__headline:focus,
.cm-preview-item__headline:hover {
  color: #000;
  text-decoration: none
}

.cm-preview-item__container {
  display: block;
  padding: 12px
}

.cm-preview-content {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6);
  padding: 15px;
  transition: box-shadow .25s
}

.cm-preview-content header.page-header {
  position: absolute;
  top: auto
}

.cm-preview-content header.page-header:before {
  top: auto
}

.cm-preview-content .global-message {
  position: static
}

@font-face {
  font-display: block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  src: url(/blueprint/servlet/resource/crblob/5579334/c906bdc6d9cb96a9bdd8f08cb9ad432b/icons-woff-data.woff) format("woff")
}

@font-face {
  font-display: block;
  font-family: IHK24FontAwesome;
  font-style: normal;
  font-weight: 400;
  src: url(/blueprint/servlet/resource/crblob/5579342/5ff0c90fd6e002b4b4c00c4cb1841d84/ihk24-fontawesome-woff-data.woff) format("woff")
}


.page-wrapper {
  border-top: var(--header-height) solid #fff;
  display: block;
  width: 100%
}

@media (min-width:1200px) {
  .page-wrapper {
    border-top-width: 160px
  }

  .magazine-article .page-wrapper,
  .magazine-start .page-wrapper {
    border-top: var(--header-height) solid #fff
  }
}

.container {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 var(--container-padding);
  width: var(--container-width)
}

.container.small {
  --container-width: 1000px
}

@media (min-width:1000px) {
  .container.small {
    max-width: 90%
  }
}

section {
  margin: var(--section-margin) 0
}

.feature+.feature,
.feature+.topics,
.topics+.feature,
.topics+.topics {
  margin-top: calc(var(--section-margin)*-1)
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--col-padding)*-1)
}

.row:after,
.row:before {
  display: none
}

.has-sidebar .row {
  align-items: flex-start
}

.col,
.main-col,
.sidebar {
  flex: 1 1 100%;
  max-width: 100%;
  padding: var(--col-padding)
}

.col .container,
.col .container-fluid,
.main-col .container,
.main-col .container-fluid,
.sidebar .container,
.sidebar .container-fluid {
  padding: 0
}

.sidebar>* {
  margin-top: 0 !important
}

.col.magazine-article,
.magazine-article artcile.col,
.main-col {
  --section-margin: calc(1.5% + 2em)
}

@media (min-width:1000px) {

  .col.magazine-article,
  .magazine-article artcile.col,
  .main-col {
    --content-box-padding: 42px
  }
}

@media (max-width:999px) {
  .main-col>:last-child {
    margin-bottom: var(--section-margin)
  }

  .sidebar {
    margin-top: calc(var(--col-padding)*-2)
  }
}

@media (min-width:1000px) {
  .main-col {
    flex: 1 1 66.66667%;
    max-width: 66.66667%
  }

  .main-col>:last-child {
    margin-bottom: var(--section-margin)
  }

  .sidebar {
    --content-box-padding: 20px;
    align-self: flex-start;
    flex: 1 1 33.33333%;
    font-size: var(--font-size-small);
    margin-bottom: 18px;
    max-width: 33.33333%;
    padding-left: 40px
  }

  .sidebar.sticky {
    position: sticky;
    top: 100px
  }

  .col.embeddedFrame,
  .main-col.embeddedFrame,
  .sidebar.embeddedFrame {
    flex: 1 1 100%;
    max-width: 100%;
    padding: var(--col-padding)
  }

  .main-col.embeddedFrame .print-share {
    display: none
  }
}

.action-col .anchors li:before,
.icon-ankerlink:before,
.main-col .anchors li:before,
article.col .anchors li:before {
  content: "\e800"
}

.icon-barrierefreiheit:before {
  content: "\e801"
}

.icon-chat:before {
  content: "\e802"
}

.icon-check:before,
.review-wrapper .submit:before {
  content: "\e803"
}

.icon-checkbox-liste-1:before {
  content: "\e804"
}

.icon-content-schloss:before {
  content: "\e805"
}

.icon-content:before {
  content: "\e807"
}

.icon-dauer:before {
  content: "\e808"
}

.icon-download:before {
  content: "\e809"
}

.icon-dropdown:before {
  content: "\e80a"
}

.icon-drucker:before {
  content: "\e80b"
}

.icon-email:before {
  content: "\e80c"
}

.icon-fax:before {
  content: "\e80d"
}

.icon-freie-plaetze:before {
  content: "\e80e"
}

.icon-galerie:before {
  content: "\e80f"
}

.icon-gebaerdensprache:before {
  content: "\e810"
}

.icon-geschlossen:before {
  content: "\e811"
}

.icon-ihk-wechseln:before {
  content: "\e812"
}

.icon-info:before {
  content: "\e813"
}

.icon-kalender:before {
  content: "\e814"
}

.icon-kartenpin:before {
  content: "\e815"
}

.icon-kontakt:before {
  content: "\e816"
}

#captcha-wrapper #tabs .pos-rel .captcha-reset:before,
.icon-laden:before {
  content: "\e817"
}

.icon-leichte-sprache:before {
  content: "\e818"
}

.icon-link-external:before {
  content: "\e819"
}

.icon-liste-schloss:before {
  content: "\e81a"
}

.icon-liste-stern:before {
  content: "\e81b"
}

.icon-liste:before,
.ihk-landing .page-header .toggle-ihk-list:before {
  content: "\e81c"
}

.icon-loeschen:before,
.vst-registration .row.Participant button:before {
  content: "\e81d"
}

.icon-login:before {
  content: "\e81e"
}

.icon-minus:before {
  content: "\e81f"
}

.icon-pdf:before {
  content: "\e820"
}

.icon-pfeil-links:before,
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=back]:before,
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=cancel]:before,
.review-wrapper .webform-buttons .submit[data-type=back]:before,
.review-wrapper .webform-buttons .submit[data-type=cancel]:before,
.steps .webform-buttons .next[data-type=back]:before,
.steps .webform-buttons .next[data-type=cancel]:before,
.vst-registration .webform-buttons .submit[data-type=back]:before,
.vst-registration .webform-buttons .submit[data-type=cancel]:before,
.webform-buttons .btn[data-type=back]:before,
.webform-buttons .btn[data-type=cancel]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=back]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=cancel]:before,
.webform-buttons .review-wrapper .submit[data-type=back]:before,
.webform-buttons .review-wrapper .submit[data-type=cancel]:before,
.webform-buttons .steps .next[data-type=back]:before,
.webform-buttons .steps .next[data-type=cancel]:before,
.webform-buttons .vst-registration .submit[data-type=back]:before,
.webform-buttons .vst-registration .submit[data-type=cancel]:before {
  content: "\e821"
}

.icon-pfeil-oben:before {
  content: "\e822"
}

.icon-pfeil-rechts-schloss:before {
  content: "\e823"
}

.icon-pfeil-rechts-stern:before {
  content: "\e824"
}

.icon-pfeil-rechts:before,
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=next]:before,
.review-wrapper .webform-buttons .submit[data-type=next]:before,
.steps .webform-buttons .next[data-type=next]:before,
.vst-registration .submit:before,
.vst-registration .webform-buttons .submit[data-type=next]:before,
.webform-buttons .btn[data-type=next]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=next]:before,
.webform-buttons .review-wrapper .submit[data-type=next]:before,
.webform-buttons .steps .next[data-type=next]:before,
.webform-buttons .vst-registration .submit[data-type=next]:before {
  content: "\e825"
}

.icon-pfeil-simple-rechts:before {
  content: "\e826"
}

.icon-pfeil-unten:before {
  content: "\e827"
}

.icon-plus:before {
  content: "\e828"
}

.icon-preis:before {
  content: "\e829"
}

.icon-referent:before {
  content: "\e82a"
}

.icon-reset:before {
  content: "\e82b"
}

.icon-sanduhr:before {
  content: "\e82c"
}

.icon-schliessen:before,
.ihk-landing .ihk-selection .map .tooltip .closer:before,
.ihk-landing .page-header.nav-open .toggle-ihk-list:before,
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=cancel]:before,
.review-wrapper .webform-buttons .submit[data-type=cancel]:before,
.steps .webform-buttons .next[data-type=cancel]:before,
.vst-registration .webform-buttons .submit[data-type=cancel]:before,
.webform-buttons .btn[data-type=cancel]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=cancel]:before,
.webform-buttons .review-wrapper .submit[data-type=cancel]:before,
.webform-buttons .steps .next[data-type=cancel]:before,
.webform-buttons .vst-registration .submit[data-type=cancel]:before {
  content: "\e82d"
}

.icon-schloss:before {
  content: "\e82e"
}

.icon-sprache:before {
  content: "\e82f"
}

.icon-stern:before {
  content: "\e830"
}

.icon-suche-adresse:before {
  content: "\e831"
}

.icon-suche-archiv:before {
  content: "\e832"
}

.icon-suche-az:before {
  content: "\e833"
}

.icon-suche-chat:before {
  content: "\e834"
}

.icon-suche-datei:before {
  content: "\e835"
}

.icon-suche-firma:before {
  content: "\e836"
}

.icon-suche-magazin:before {
  content: "\e837"
}

.icon-suche-mail:before {
  content: "\e838"
}

.icon-suche-person:before {
  content: "\e839"
}

.icon-suche-schloss:before {
  content: "\e83a"
}

.icon-suche-veranstaltung:before {
  content: "\e83b"
}

.icon-suche:before {
  content: "\e83c"
}

.icon-teilnehmer-add:before,
.vst-registration .add-participant:before {
  content: "\e83d"
}

.icon-telefon:before {
  content: "\e83e"
}

.icon-vcard:before {
  content: "\e83f"
}

.icon-small-arrow-right-simple:before,
.ihk-landing .page-header .ihk-index a:before {
  content: "\e840"
}

.icon-small-barrierefreiheit:before {
  content: "\e841"
}

.icon-small-download:before {
  content: "\e842"
}

.icon-small-gebaerdensprache:before {
  content: "\e843"
}

.icon-small-kontakt:before {
  content: "\e844"
}

.icon-small-leichte-sprache:before {
  content: "\e845"
}

.icon-small-link-external:before {
  content: "\e846"
}

.icon-small-login:before {
  content: "\e847"
}

.icon-small-pfeil-rechts:before {
  content: "\e848"
}

.icon-small-sprache:before {
  content: "\e849"
}

.icon-small-schloss:before {
  content: "\e84a"
}

.icon-small-stern:before {
  content: "\e84b"
}

.icon-teilen:before {
  content: "\e84c"
}

.icon-social-telegram:before {
  content: "\e84d"
}

.icon-social-threema:before {
  content: "\e84e"
}

.icon-social-whatsapp:before {
  content: "\e84f"
}

.icon-suche-big:before {
  content: "\e850"
}

.icon-xsmall-pin:before {
  content: "\e851"
}

.icon-check-1:before {
  content: "\e852"
}

.icon-xsmall-euro:before {
  content: "\e853"
}

.icon-xsmall-geschlossen:before {
  content: "\e854"
}

.icon-xsmall-kalender:before {
  content: "\e855"
}

.icon-xsmall-liste:before {
  content: "\e856"
}

.icon-xsmall-offen:before {
  content: "\e857"
}

.icon-xsmall-uhr:before {
  content: "\e858"
}

.icon-social-facebook:before {
  content: "\e859"
}

.icon-liste-1:before {
  content: "\e85a"
}

.icon-social-linkedin:before {
  content: "\e85b"
}

.icon-social-pinterest:before {
  content: "\e85c"
}

.icon-social_x:before {
  content: "\e85d"
}

.icon-social-xing:before {
  content: "\e85e"
}

.icon-zoom:before {
  content: "\e85f"
}

.icon-social-youtube:before {
  content: "\e860"
}

.icon-social-instagram:before {
  content: "\e861"
}

.icon-faq:before {
  content: "\e869"
}

.icon-checkbox-liste:before {
  content: "\e86a"
}

.icon-content-stern:before {
  content: "\e86b"
}

.icon-small-election-group:before {
  content: "\e86c"
}

.icon-small-icon-election-location:before {
  content: "\e86e"
}

.icon-userlike:before {
  content: "\e8c6"
}

.icon-userlike-chat:before {
  content: "\e8c7"
}

.icon-magazine:before {
  content: "\e8c8"
}

.icon-lokalisierung:before,
form.ihk-finder button:before {
  content: "\e8c9"
}

.icon-login-flyout:before {
  content: "\e8ca"
}

.icon-login-header:before {
  content: "\e8cb"
}

.icon-social-twitter:before {
  content: "\e85d"
}

:root {
  --theme-color-white: #fff;
  --theme-color-background: #fff;
  --theme-color-primary: #036;
  --theme-color-primary-microsite: #036;
  --theme-color-primary-rgb: 0, 51, 102;
  --theme-color-primary-dimmed-01: #335c85;
  --theme-color-primary-dimmed-02: #b0c4d6;
  --theme-color-primary-dimmed-03: #ccd7e6;
  --theme-color-primary-dimmed-04: #e3ebf5;
  --theme-color-secondary: #56bd66;
  --theme-color-secondary-microsite: #56bd66;
  --theme-color-secondary-intensed: #247929;
  --theme-color-secondary-dimmed: #e4f1e4;
  --theme-color-gradient-01: var(--theme-color-primary);
  --theme-color-gradient-02: #3c8f85;
  --theme-color-gradient-03: #afcc7a;
  --theme-color-link: var(--theme-color-primary);
  --theme-color-link-hover: var(--theme-color-secondary-intensed);
  --theme-color-success: var(--theme-color-secondary);
  --theme-color-success-dimmed: var(--theme-color-secondary-dimmed);
  --theme-color-warning: #fdc600;
  --theme-color-warning-dimmed: #fff4cc;
  --theme-color-error: #ea515a;
  --theme-color-error-dimmed: #fbdcde;
  --theme-grey-light: #eff3f6;
  --theme-24dp: 0px 0px 15px 0px rgba(0, 51, 102, .2), 0px 0px 46px 0px rgba(0, 51, 102, .12), 0px 0px 38px 0px rgba(0, 51, 102, .14);
  --header-height: 160px;
  --container-width: 1460px;
  --container-padding: 60px;
  --col-padding: 20px;
  --content-box-padding: 60px;
  --section-margin: calc(1.8vw + 2em);
  --section-padding: calc(1.8vw + 2em);
  --section-headline-margin: -0.3em;
  --border-radius-xl: 32px;
  --border-radius-lg: 24px;
  --border-radius-md: 18px;
  --border-radius-sm: 14px;
  --border-radius-xs: 4px;
  --border-width: 8px;
  --border-width-hover: 14px;
  --icon-size: 30px;
  --icon-size-small: 22px
}

@media (min-width:1921px) {
  :root {
    --section-padding: 70px
  }
}

@media (max-width:1339px) {
  :root {
    --container-width: 1230px
  }
}

@media (max-width:1199px) {
  :root {
    --header-height: 100px;
    --content-box-padding: 42px;
    --container-padding: 40px;
    --col-padding: 15px
  }
}

@media (max-width:999px) {
  :root {
    --container-padding: 30px;
    --col-padding: 10px;
    --border-radius-lg: 20px;
    --border-radius-md: 16px;
    --border-radius-sm: 12px;
    --icon-size: 26px
  }
}

@media (max-width:767px) {
  :root {
    --header-height: 80px;
    --border-radius-lg: 16px;
    --border-radius-md: 14px;
    --icon-size: 24px;
    --border-width: 6px;
    --border-width-hover: 10px;
    --content-box-padding: 16px;
    --container-padding: 20px
  }
}

@media (max-width:359px) {
  :root {
    --header-height: 70px
  }
}

html {
  scroll-behavior: smooth
}

*,
:after,
:before {
  box-sizing: border-box
}

.visually-hidden,
.visuallyhidden {
  max-height: 0;
  max-width: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute
}

button {
  font: inherit
}

figure {
  margin: calc(1.5% + 20px) 0;
  max-width: 100%
}

figure figcaption {
  font-size: 18px;
  line-height: 1.2;
  margin-top: 12px
}

@media (max-width:1199px) {
  figure figcaption {
    font-size: 16px
  }
}

img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto
}

.printonly {
  display: none
}

.sr-only {
  white-space: nowrap
}

.pictogram-achtung:before {
  content: "\e800"
}

.pictogram-achtung-strom:before {
  content: "\e801"
}

.pictogram-aeskulapstab:before {
  content: "\e802"
}

.pictogram-anker:before {
  content: "\e803"
}

.pictogram-anstossen:before {
  content: "\e804"
}

.pictogram-bodensee-oberschwaben-a:before {
  content: "\e805"
}

.pictogram-auktionshammer:before {
  content: "\e806"
}

.pictogram-batterie:before {
  content: "\e807"
}

.pictogram-ausruf:before {
  content: "\e808"
}

.pictogram-bauhelm:before {
  content: "\e809"
}

.pictogram-hand-geben-b:before {
  content: "\e80a"
}

.pictogram-bett:before {
  content: "\e80b"
}

.pictogram-blatt:before {
  content: "\e80c"
}

.pictogram-blume-a:before {
  content: "\e80d"
}

.pictogram-blume-b:before {
  content: "\e80e"
}

.pictogram-brief:before {
  content: "\e80f"
}

.pictogram-brille-auf-buch:before {
  content: "\e810"
}

.pictogram-bueroklammer:before {
  content: "\e811"
}

.pictogram-bus:before {
  content: "\e812"
}

.pictogram-container:before {
  content: "\e813"
}

.pictogram-co2:before {
  content: "\e814"
}

.pictogram-containerschiff:before {
  content: "\e815"
}

.pictogram-daumen-hoch-a:before {
  content: "\e816"
}

.pictogram-daumen-hoch-c:before {
  content: "\e817"
}

.pictogram-daumen-hoch-b:before {
  content: "\e818"
}

.pictogram-diagramm-mit-text:before {
  content: "\e819"
}

.pictogram-diagramm-torte:before {
  content: "\e81a"
}

.pictogram-diagramm-verlust:before {
  content: "\e81b"
}

.pictogram-diagramm-wachstum:before {
  content: "\e81c"
}

.pictogram-diagramm:before {
  content: "\e81d"
}

.pictogram-dokument-a:before {
  content: "\e81e"
}

.pictogram-dokument-b:before {
  content: "\e81f"
}

.pictogram-dokument-c:before {
  content: "\e820"
}

.pictogram-e-auto-a:before {
  content: "\e821"
}

.pictogram-e-learning:before {
  content: "\e822"
}

.pictogram-einfamilienhaus:before {
  content: "\e823"
}

.pictogram-einkaufstasche-mit-eurozeichen:before {
  content: "\e824"
}

.pictogram-einkaufstasche:before {
  content: "\e825"
}

.pictogram-einkaufswagen:before {
  content: "\e826"
}

.pictogram-eu-emblem-brexit:before {
  content: "\e827"
}

.pictogram-eu-emblem:before {
  content: "\e828"
}

.pictogram-eule:before {
  content: "\e829"
}

.pictogram-fabrik:before {
  content: "\e82a"
}

.pictogram-fahne-horizontal-gestreift:before {
  content: "\e82b"
}

.pictogram-fahne-kreuz:before {
  content: "\e82c"
}

.pictogram-fahne-neutral:before {
  content: "\e82d"
}

.pictogram-fahne-vertikal-gestreift:before {
  content: "\e82e"
}

.pictogram-fahrrad-c:before {
  content: "\e82f"
}

.pictogram-fahrrad-b:before {
  content: "\e830"
}

.pictogram-fahrrad-a:before {
  content: "\e831"
}

.pictogram-faq-a:before {
  content: "\e832"
}

.pictogram-faq-b:before {
  content: "\e833"
}

.pictogram-fernglas:before {
  content: "\e834"
}

.pictogram-fisch-frisst-fisch:before {
  content: "\e835"
}

.pictogram-flugzeug:before {
  content: "\e836"
}

.pictogram-frage:before {
  content: "\e837"
}

.pictogram-fragezeichen:before {
  content: "\e838"
}

.pictogram-erfurt:before {
  content: "\e839"
}

.pictogram-geldsack:before {
  content: "\e83a"
}

.pictogram-freiheitsstatue:before {
  content: "\e83b"
}

.pictogram-gruppe-gespraech:before {
  content: "\e83c"
}

.pictogram-gruppe-idee:before {
  content: "\e83d"
}

.pictogram-globus:before {
  content: "\e83e"
}

.pictogram-gutschein-a:before {
  content: "\e83f"
}

.pictogram-hand-a:before {
  content: "\e840"
}

.pictogram-hand-b:before {
  content: "\e841"
}

.pictogram-hand-c:before {
  content: "\e842"
}

.pictogram-hand-geben-a:before {
  content: "\e843"
}

.pictogram-hand-mit-werkzeug:before {
  content: "\e844"
}

.pictogram-hand-gespreizt:before {
  content: "\e845"
}

.pictogram-hand-zeigen-b:before {
  content: "\e846"
}

.pictogram-hand-zeigen-a:before {
  content: "\e847"
}

.pictogram-hand-zeigen-c:before {
  content: "\e848"
}

.pictogram-handschlag-a:before {
  content: "\e849"
}

.pictogram-handschlag-b:before {
  content: "\e84a"
}

.pictogram-handschlag-c:before {
  content: "\e84b"
}

.pictogram-heft:before {
  content: "\e84c"
}

.pictogram-idee:before {
  content: "\e84d"
}

.pictogram-ihk-chemnitz-a:before {
  content: "\e84e"
}

.pictogram-ihk-chemnitz-b:before {
  content: "\e84f"
}

.pictogram-ihk-chemnitz-c:before {
  content: "\e850"
}

.pictogram-ihk-giessen-friedberg:before {
  content: "\e851"
}

.pictogram-ihk-hagen:before {
  content: "\e852"
}

.pictogram-ihk-heilbronn-franken:before {
  content: "\e853"
}

.pictogram-ihk-koeln:before {
  content: "\e854"
}

.pictogram-ihk-rhein-neckar:before {
  content: "\e855"
}

.pictogram-ihk-stuttgart:before {
  content: "\e856"
}

.pictogram-ihk-wahl:before {
  content: "\e857"
}

.pictogram-information:before {
  content: "\e858"
}

.pictogram-kalender:before {
  content: "\e859"
}

.pictogram-karte:before {
  content: "\e85a"
}

.pictogram-koepfe-mit-sprechblase:before {
  content: "\e85b"
}

.pictogram-kerze:before {
  content: "\e85c"
}

.pictogram-kopf-mit-formel:before {
  content: "\e85d"
}

.pictogram-kran:before {
  content: "\e85e"
}

.pictogram-kuchen:before {
  content: "\e85f"
}

.pictogram-labyrinth:before {
  content: "\e860"
}

.pictogram-lkw:before {
  content: "\e861"
}

.pictogram-maske:before {
  content: "\e862"
}

.pictogram-megaphon:before {
  content: "\e863"
}

.pictogram-mikrofon:before {
  content: "\e864"
}

.pictogram-paket-mit-euro:before {
  content: "\e865"
}

.pictogram-paket:before {
  content: "\e866"
}

.pictogram-paragraph:before {
  content: "\e867"
}

.pictogram-flyer:before {
  content: "\e868"
}

.pictogram-person-an-tafel-a:before {
  content: "\e869"
}

.pictogram-person-an-tafel-b:before {
  content: "\e86a"
}

.pictogram-person-auf-schild:before {
  content: "\e86b"
}

.pictogram-person-mit-brille-a:before {
  content: "\e86c"
}

.pictogram-person-mit-brille-b:before {
  content: "\e86d"
}

.pictogram-person-mit-buch:before {
  content: "\e86e"
}

.pictogram-person-mit-doktorhut-a:before {
  content: "\e86f"
}

.pictogram-person-mit-doktorhut-b:before {
  content: "\e870"
}

.pictogram-person-mit-headset:before {
  content: "\e871"
}

.pictogram-person-mit-uniform-a:before {
  content: "\e872"
}

.pictogram-person-mit-uniform-b:before {
  content: "\e873"
}

.pictogram-person:before {
  content: "\e874"
}

.pictogram-personen-mit-brieftasche:before {
  content: "\e875"
}

.pictogram-personen-mit-doktorhut:before {
  content: "\e876"
}

.pictogram-personen-suche-a:before {
  content: "\e877"
}

.pictogram-personen-suche-b:before {
  content: "\e878"
}

.pictogram-pusteblume:before {
  content: "\e879"
}

.pictogram-rakete-a:before {
  content: "\e87a"
}

.pictogram-rakete-b:before {
  content: "\e87b"
}

.pictogram-rednerpult:before {
  content: "\e87c"
}

.pictogram-rettungsring:before {
  content: "\e87d"
}

.pictogram-roboter:before {
  content: "\e87e"
}

.pictogram-s-bahn:before {
  content: "\e87f"
}

.pictogram-smilie:before {
  content: "\e880"
}

.pictogram-social-facebook:before {
  content: "\e881"
}

.pictogram-social-instagram:before {
  content: "\e882"
}

.pictogram-social-linkedin:before {
  content: "\e883"
}

.pictogram-notfallkoffer:before {
  content: "\e884"
}

.pictogram-social-youtube:before {
  content: "\e885"
}

.pictogram-solidaritaetsschleife:before {
  content: "\e886"
}

.pictogram-stadt:before {
  content: "\e887"
}

.pictogram-standort:before {
  content: "\e888"
}

.pictogram-stern:before {
  content: "\e889"
}

.pictogram-steuerung:before {
  content: "\e88a"
}

.pictogram-stoppuhr:before {
  content: "\e88b"
}

.pictogram-strommast:before {
  content: "\e88c"
}

.pictogram-system-prozess:before {
  content: "\e88d"
}

.pictogram-personen-am-tisch:before {
  content: "\e88e"
}

.pictogram-teller-besteck:before {
  content: "\e88f"
}

.pictogram-treppe:before {
  content: "\e890"
}

.pictogram-tropfen-a:before {
  content: "\e891"
}

.pictogram-tropfen-b:before {
  content: "\e892"
}

.pictogram-tulpe:before {
  content: "\e893"
}

.pictogram-benjamin_damm:before {
  content: "\e894"
}

.pictogram-regensburg:before {
  content: "\e895"
}

.pictogram-videocall-a:before {
  content: "\e896"
}

.pictogram-videocall-b:before {
  content: "\e897"
}

.pictogram-videos:before {
  content: "\e898"
}

.pictogram-virus:before {
  content: "\e899"
}

.pictogram-waage:before {
  content: "\e89a"
}

.pictogram-wegweiser-a:before {
  content: "\e89b"
}

.pictogram-wegweiser-b:before {
  content: "\e89c"
}

.pictogram-weltkugel-mit-flamme:before {
  content: "\e89d"
}

.pictogram-weltkugel-mit-koffer:before {
  content: "\e89e"
}

.pictogram-weltkugel:before {
  content: "\e89f"
}

.pictogram-werkzeug:before {
  content: "\e8a0"
}

.pictogram-windrad-a:before {
  content: "\e8a1"
}

.pictogram-windrad-b:before {
  content: "\e8a2"
}

.pictogram-wolke-mit-herz-und-sonne:before {
  content: "\e8a3"
}

.pictogram-zeitung:before {
  content: "\e8a4"
}

.pictogram-e-mail-newsletter:before {
  content: "\e8a5"
}

.pictogram-agrarbetrieb:before {
  content: "\e8a6"
}

.pictogram-einkaufstaschen:before {
  content: "\e8a7"
}

.pictogram-flugzeug-b:before {
  content: "\e8a8"
}

.pictogram-solaranlage-a:before {
  content: "\e8a9"
}

.pictogram-solaranlage-b:before {
  content: "\e8aa"
}

.pictogram-sonnenschirm-meer:before {
  content: "\e8ab"
}

.pictogram-social-x:before {
  content: "\e8ac"
}

.pictogram-social-xing:before {
  content: "\e8ad"
}

.pictogram-schneeflocke:before {
  content: "\e8ae"
}

.pictogram-weihnachtsbaum:before {
  content: "\e8af"
}

.pictogram-schlitten-mit-geschenken:before {
  content: "\e8b0"
}

.pictogram-weihnachtskugel:before {
  content: "\e8b1"
}

.pictogram-weihnachtsmuetze:before {
  content: "\e8b2"
}

.pictogram-auto:before {
  content: "\e8b3"
}

.pictogram-diplom-a:before {
  content: "\e8b4"
}

.pictogram-diplom-b:before {
  content: "\e8b5"
}

.pictogram-einlassticket:before {
  content: "\e8b6"
}

.pictogram-kamera:before {
  content: "\e8b7"
}

.pictogram-musiknote:before {
  content: "\e8b8"
}

.pictogram-recycling-b:before {
  content: "\e8b9"
}

.pictogram-recycling-a:before {
  content: "\e8ba"
}

.pictogram-parken:before {
  content: "\e8bb"
}

.pictogram-telefon:before {
  content: "\e8bc"
}

.pictogram-mauszeiger:before {
  content: "\e8bd"
}

.pictogram-video:before {
  content: "\e8be"
}

.pictogram-tisch-mit-computer-und-uhr:before {
  content: "\e8bf"
}

.pictogram-sparschwein:before {
  content: "\e8c0"
}

.pictogram-person-mit-treppe-aufwaerts:before {
  content: "\e8c1"
}

.pictogram-kalender-b:before {
  content: "\e8c2"
}

.pictogram-kalender-c:before {
  content: "\e8c3"
}

.pictogram-handkreis:before {
  content: "\e8c4"
}

.pictogram-e-auto-b:before {
  content: "\e8c5"
}

.pictogram-eurozeichen:before {
  content: "\e8c6"
}

.pictogram-flensburg:before {
  content: "\e8c7"
}

.pictogram-cuxhaven:before {
  content: "\e8c8"
}

.pictogram-kiel:before {
  content: "\e8c9"
}

.pictogram-gluehbirne:before {
  content: "\e8ca"
}

.pictogram-kulturhauptstadt-europa-2025-a:before {
  content: "\e8cb"
}

.pictogram-bodensee-oberschwaben-b:before {
  content: "\e8cc"
}

.pictogram-sprechblase-b:before {
  content: "\e8cd"
}

.pictogram-notfallhandbuch:before {
  content: "\e8ce"
}

.pictogram-sprechblase-a:before {
  content: "\e8cf"
}

.pictogram-suedwestsachsen:before {
  content: "\e8d0"
}

.pictogram-wasserstoff:before {
  content: "\e8d1"
}

.pictogram-luebeck:before {
  content: "\e8d2"
}

.pictogram-frankfurt:before {
  content: "\e8d3"
}

.pictogram-mobiltelefon:before {
  content: "\e8d4"
}

.pictogram-offline:before {
  content: "\e8d5"
}

.pictogram-person-im-rollstuhl:before {
  content: "\e8d6"
}

.pictogram-karlsruhe:before {
  content: "\e8d7"
}

.pictogram-pfeil-links:before {
  content: "\e8d8"
}

.pictogram-pfeil-oben:before {
  content: "\e8d9"
}

.pictogram-pfeil-rechts-unten:before {
  content: "\e8da"
}

.pictogram-pfeil-rechts-oben:before {
  content: "\e8db"
}

.pictogram-pfeil-rechts:before {
  content: "\e8dc"
}

.pictogram-pfeil-unten:before {
  content: "\e8dd"
}

.pictogram-bildschirm:before {
  content: "\e8de"
}

.pictogram-ihk-gebaeude:before {
  content: "\e8df"
}

.pictogram-innenstadt-mit-herz:before {
  content: "\e8e0"
}

.pictogram-kreislauf:before {
  content: "\e8e1"
}

.pictogram-netzwerk_a:before {
  content: "\e8e2"
}

.pictogram-netzwerk_b:before {
  content: "\e8e3"
}

.pictogram-paket-mit-kreislauf:before {
  content: "\e8e4"
}

.pictogram-pokal:before {
  content: "\e8e5"
}

.pictogram-social-media_a:before {
  content: "\e8e6"
}

.pictogram-social-media_b:before {
  content: "\e8e7"
}

.pictogram-stift-mit-papier:before {
  content: "\e8e8"
}

.pictogram-uhr:before {
  content: "\e8e9"
}

.pictogram-zahnrad:before {
  content: "\e8ea"
}

.pictogram-amboss-mit-hammer:before {
  content: "\e8eb"
}

.pictogram-bildschirm-mit-eurozeichen:before {
  content: "\e8ec"
}

.pictogram-bett-mit-lampe:before {
  content: "\e8ed"
}

.pictogram-kran-b:before {
  content: "\e8ee"
}

.pictogram-auto-b:before {
  content: "\e8ef"
}

.pictogram-haus-mit-strom:before {
  content: "\e8f0"
}

.pictogram-geldboerse:before {
  content: "\e8f1"
}

.pictogram-getreidesack:before {
  content: "\e8f2"
}

.pictogram-fliessband:before {
  content: "\e8f3"
}

.pictogram-chemiekolben:before {
  content: "\e8f4"
}

.pictogram-metalle:before {
  content: "\e8f5"
}

.pictogram-personen-unter-schirm:before {
  content: "\e8f6"
}

.pictogram-reisepass:before {
  content: "\e8f7"
}

.pictogram-kran-c:before {
  content: "\e8f8"
}

.pictogram-erlenmeyerkolben:before {
  content: "\e8f9"
}

.pictogram-mobiltelefon-mit-eurozeichen:before {
  content: "\e8fa"
}

.pictogram-roboterarm:before {
  content: "\e8fb"
}

.pictogram-schutzschild-mit-haken:before {
  content: "\e8fc"
}

.pictogram-person-mit-koffer:before {
  content: "\e8fd"
}

.pictogram-stromstecker:before {
  content: "\e8fe"
}

.pictogram-schutzschild-mit-kreuz:before {
  content: "\e8ff"
}

.pictogram-tablettenblister:before {
  content: "\e900"
}

.pictogram-stahltraeger:before {
  content: "\e901"
}

.pictogram-ueberwachungskamera:before {
  content: "\e902"
}

.pictogram-apfel:before {
  content: "\e903"
}

.pictogram-barrierefreiheit:before {
  content: "\e904"
}

.pictogram-gaenseliesel:before {
  content: "\e905"
}

.pictogram-hopfen:before {
  content: "\e906"
}

.pictogram-ihk-gebaeude-1:before {
  content: "\e907"
}

.pictogram-knochenhaueramtshaus:before {
  content: "\e908"
}

.pictogram-museumseisenbahn:before {
  content: "\e909"
}

.pictogram-person-mit-lupe:before {
  content: "\e90a"
}

.pictogram-praesidium:before {
  content: "\e90b"
}

.pictogram-plenum:before {
  content: "\e90c"
}

.pictogram-rathaus-hannover:before {
  content: "\e90d"
}

.pictogram-rathaus-einbeck:before {
  content: "\e90e"
}

.pictogram-rattenfaenger-von-hameln:before {
  content: "\e90f"
}

.pictogram-schloss-bueckeburg:before {
  content: "\e910"
}

.pictogram-commerzbank-tower:before {
  content: "\e911"
}

.pictogram-stempel:before {
  content: "\e912"
}

.pictogram-spargel:before {
  content: "\e913"
}

.pictogram-zeppelin:before {
  content: "\e914"
}

.pictogram-satellit:before {
  content: "\e915"
}

.pictogram-weinrebe:before {
  content: "\e916"
}

.pictogram-weserbruecke-minden:before {
  content: "\e917"
}

.pictogram-schloss-sigmaringen:before {
  content: "\e918"
}

.pictogram-drachenkaempfer:before {
  content: "\e919"
}

.pictogram-fernsehturm:before {
  content: "\e91a"
}

.pictogram-frankfurter-dom:before {
  content: "\e91b"
}

.pictogram-frankfurter-messeturm:before {
  content: "\e91c"
}

.pictogram-frankfurter-roemer:before {
  content: "\e91d"
}

.pictogram-hochtaunus:before {
  content: "\e91e"
}

.pictogram-main-taunus:before {
  content: "\e91f"
}

.pictogram-paulskirche:before {
  content: "\e920"
}

.pictogram-kaffeetasse:before {
  content: "\e921"
}

.pictogram-ostereier:before {
  content: "\e922"
}

.pictogram-osterhase:before {
  content: "\e923"
}

.pictogram-lupe-a:before {
  content: "\e924"
}

.pictogram-lupe-b:before {
  content: "\e925"
}

.pictogram-pinnwandnadel:before {
  content: "\e926"
}

.pictogram-sektglaeser:before {
  content: "\e927"
}

.pictogram-hand-zeigend:before {
  content: "\e928"
}

.pictogram-person-zeigend:before {
  content: "\e929"
}

.pictogram-zug-a:before {
  content: "\e92a"
}

.pictogram-zug-b:before {
  content: "\e92b"
}

.pictogram-topic-aeskulapstab:before {
  content: "\e802"
}

.pictogram-topic-anker:before {
  content: "\e803"
}

.pictogram-topic-ausrufezeichen:before {
  content: "\e800"
}

.pictogram-topic-auto-eco:before {
  content: "\e821"
}

.pictogram-topic-bahn:before {
  content: "\e87f"
}

.pictogram-topic-bildschirm-doktorhut:before {
  content: "\e822"
}

.pictogram-topic-blatt:before {
  content: "\e80c"
}

.pictogram-topic-blitz:before {
  content: "\e801"
}

.pictogram-topic-box-pfeile:before {
  content: "\e88a"
}

.pictogram-topic-brexit:before {
  content: "\e827"
}

.pictogram-topic-buch-brille:before {
  content: "\e810"
}

.pictogram-topic-bueroklammer:before {
  content: "\e811"
}

.pictogram-topic-bus:before {
  content: "\e812"
}

.pictogram-topic-chart:before {
  content: "\e81d"
}

.pictogram-topic-co2:before {
  content: "\e814"
}

.pictogram-topic-container:before {
  content: "\e813"
}

.pictogram-topic-containerschiff:before {
  content: "\e815"
}

.pictogram-topic-daumenhoch:before {
  content: "\e817"
}

.pictogram-topic-diagramm-rauf:before {
  content: "\e81c"
}

.pictogram-topic-diagramm-runter:before {
  content: "\e81b"
}

.pictogram-topic-diagramm:before {
  content: "\e819"
}

.pictogram-topic-dokument:before {
  content: "\e81e"
}

.pictogram-topic-eule-doktorhut:before {
  content: "\e829"
}

.pictogram-topic-europa:before {
  content: "\e828"
}

.pictogram-topic-fabrik:before {
  content: "\e82a"
}

.pictogram-topic-fernglas:before {
  content: "\e834"
}

.pictogram-topic-fisch-frisst-fisch:before {
  content: "\e835"
}

.pictogram-topic-flagge-gestreift:before {
  content: "\e82b"
}

.pictogram-topic-flagge-horizontal:before {
  content: "\e82e"
}

.pictogram-topic-flagge-kreuz:before {
  content: "\e82c"
}

.pictogram-topic-flagge-leer:before {
  content: "\e82d"
}

.pictogram-topic-fluestertuete:before {
  content: "\e863"
}

.pictogram-topic-flugzeug:before {
  content: "\e836"
}

.pictogram-topic-foundation:before {
  content: "\e875"
}

.pictogram-topic-frage:before {
  content: "\e837"
}

.pictogram-topic-fragezeichen-doppelt:before,
.pictogram-topic-fragezeichen:before {
  content: "\e838"
}

.pictogram-topic-frau-brille:before {
  content: "\e86c"
}

.pictogram-topic-freiheitsstatue:before {
  content: "\e83b"
}

.pictogram-topic-geld:before {
  content: "\e83a"
}

.pictogram-topic-generic-info:before {
  content: "\e858"
}

.pictogram-topic-gespraech:before {
  content: "\e85b"
}

.pictogram-topic-globus:before {
  content: "\e83e"
}

.pictogram-topic-hand-buch:before {
  content: "\e847"
}

.pictogram-topic-hand-offen:before {
  content: "\e845"
}

.pictogram-topic-hand-schraubenschluessel:before {
  content: "\e844"
}

.pictogram-topic-hand:before {
  content: "\e840"
}

.pictogram-topic-handschlag-eco:before {
  content: "\e84a"
}

.pictogram-topic-handschlag:before {
  content: "\e849"
}

.pictogram-topic-helm:before {
  content: "\e809"
}

.pictogram-topic-kalender:before {
  content: "\e859"
}

.pictogram-topic-kopf-gluehbirne:before {
  content: "\e84d"
}

.pictogram-topic-kran:before {
  content: "\e85e"
}

.pictogram-topic-kreisdiagramm:before {
  content: "\e81a"
}

.pictogram-topic-labyrinth:before {
  content: "\e860"
}

.pictogram-topic-lkw:before {
  content: "\e861"
}

.pictogram-topic-magazin:before {
  content: "\e84c"
}

.pictogram-topic-mann-brille:before {
  content: "\e86d"
}

.pictogram-topic-medien:before {
  content: "\e898"
}

.pictogram-topic-mensch-buch:before {
  content: "\e86e"
}

.pictogram-topic-mensch-tafel:before {
  content: "\e869"
}

.pictogram-topic-mikrofon:before {
  content: "\e864"
}

.pictogram-topic-mundschutz:before {
  content: "\e862"
}

.pictogram-topic-ort-stadt:before {
  content: "\e887"
}

.pictogram-topic-ort:before {
  content: "\e888"
}

.pictogram-topic-paragraph:before {
  content: "\e867"
}

.pictogram-topic-person-doktorhut:before {
  content: "\e86f"
}

.pictogram-topic-person-schild:before {
  content: "\e86b"
}

.pictogram-topic-personen-doktorhut:before {
  content: "\e876"
}

.pictogram-topic-personen-gluehbirne:before {
  content: "\e83d"
}

.pictogram-topic-personen-sprechblase:before {
  content: "\e83c"
}

.pictogram-topic-personen-suche:before {
  content: "\e878"
}

.pictogram-topic-personen-zeigefinger:before {
  content: "\e848"
}

.pictogram-topic-pfeile:before {
  content: "\e89c"
}

.pictogram-topic-rednerpult:before {
  content: "\e87c"
}

.pictogram-topic-reisen:before {
  content: "\e89e"
}

.pictogram-topic-rettungsring:before {
  content: "\e87d"
}

.pictogram-topic-richterhammer:before {
  content: "\e806"
}

.pictogram-topic-smiley:before {
  content: "\e880"
}

.pictogram-topic-roboter:before {
  content: "\e87e"
}

.pictogram-topic-startup:before {
  content: "\e87b"
}

.pictogram-topic-stern:before {
  content: "\e889"
}

.pictogram-topic-stoppuhr:before {
  content: "\e88b"
}

.pictogram-topic-strommast:before {
  content: "\e88c"
}

.pictogram-topic-treppe:before {
  content: "\e890"
}

.pictogram-topic-tropfen:before {
  content: "\e891"
}

.pictogram-topic-uebergabe:before {
  content: "\e843"
}

.pictogram-topic-vertrag-handschlag:before {
  content: "\e84b"
}

.pictogram-topic-videokonferenz:before {
  content: "\e896"
}

.pictogram-topic-virus:before {
  content: "\e899"
}

.pictogram-topic-waage:before {
  content: "\e89a"
}

.pictogram-topic-wegweiser:before {
  content: "\e89b"
}

.pictogram-topic-welt-flamme:before {
  content: "\e89d"
}

.pictogram-topic-welt:before {
  content: "\e89f"
}

.pictogram-topic-windrad:before {
  content: "\e8a1"
}

.pictogram-topic-windturbine:before {
  content: "\e8a2"
}

.pictogram-topic-wissen:before {
  content: "\e85d"
}

.pictogram-topic-zeitung:before {
  content: "\e8a4"
}

.pictogram-topic-zoellner:before {
  content: "\e873"
}

html {
  --font-size-copy: 22px;
  --font-size-small: 18px;
  --font-size-xs: 14px;
  --font-size-h1: 64px;
  --font-size-h2: 42px;
  --font-size-h3: 36px;
  --font-size-h4: 28px;
  --font-source-sans: "Source Sans Pro", sans-serif;
  --font-korb: "Korb", sans-serif;
  color: var(--theme-color-primary);
  font-family: var(--font-source-sans);
  font-size: var(--font-size-copy);
  line-height: 1.5
}

@media (max-width:1339px) {
  html {
    --font-size-copy: 20px;
    --font-size-small: 17px;
    --font-size-h1: 54px;
    --font-size-h2: 36px;
    --font-size-h3: 32px;
    --font-size-h4: 24px
  }
}

@media (max-width:999px) {
  html {
    --font-size-copy: 18px;
    --font-size-small: 16px;
    --font-size-h1: 46px;
    --font-size-h2: 32px;
    --font-size-h3: 28px;
    --font-size-h4: 22px
  }
}

@media (max-width:767px) {
  html {
    --font-size-xs: 12px;
    --font-size-h1: 36px;
    --font-size-h2: 28px;
    --font-size-h3: 24px;
    --font-size-h4: 20px
  }
}

body {
  margin: 0
}

@media (min-width:1000px) {
  .sidebar {
    --font-size-h1: 54px;
    --font-size-h2: 36px;
    --font-size-h3: 32px;
    --font-size-h4: 24px
  }
}

.like-h1,
h1 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h1);
  font-weight: 400;
  line-height: 1.1;
  margin: .6em -.05em .5em
}

.like-h1:first-child,
h1:first-child {
  margin-top: -.1em
}

.like-h2,
h2 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h2);
  font-weight: 400;
  line-height: 1.2;
  margin: 1.4em -.05em .6em
}

.contacts-in-text .contact-wrapper .like-h2,
.contacts-in-text .contact-wrapper h2,
.like-h3,
.sidebar .contact-wrapper .like-h2,
.sidebar .contact-wrapper h2,
.vst-registration .title,
h3 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h3);
  font-weight: 400;
  line-height: 1.2;
  margin: 1.4em -.05em .6em
}

.like-h4,
h4 {
  font-size: var(--font-size-h4);
  font-style: normal;
  margin: 1.4em -.05em .8em
}

.like-h4,
.like-h5,
h4,
h5 {
  font-family: var(--font-korb);
  font-weight: 400;
  line-height: 1.2
}

.like-h5,
h5 {
  font-size: 22px;
  margin: 1em 0 .6em
}

@media (max-width:1339px) {

  .like-h5,
  h5 {
    font-size: 20px
  }
}

@media (max-width:767px) {

  .like-h5,
  h5 {
    font-size: 18px
  }
}

.like-h6,
h6 {
  font-size: inherit;
  font-weight: 600;
  line-height: 1.4;
  margin: 1.2em 0 .5em
}

h1+h2 {
  margin-top: 0
}

a {
  color: var(--theme-color-link);
  transition: .2s ease
}

a:hover {
  color: var(--theme-color-link-hover)
}

.text,
p,
ul.nobreaks {
  margin: 0 0 .8em
}

.kicker {
  display: block;
  font-size: 16px;
  letter-spacing: .3px;
  margin-bottom: 2px;
  text-transform: uppercase
}

@media (max-width:767px) {
  .kicker {
    font-size: 14px
  }
}

.kicker+h1 {
  margin-top: .1em
}

.contacts-in-text .contact-wrapper .kicker+.like-h2,
.contacts-in-text .contact-wrapper .kicker+h2,
.kicker+.like-h2,
.kicker+h2,
.kicker+h3,
.kicker+h4,
.sidebar .contact-wrapper .kicker+.like-h2,
.sidebar .contact-wrapper .kicker+h2,
.vst-registration .kicker+.title {
  margin-top: .2em
}

.initial {
  margin: 12px 0 1em;
  min-height: 3.8em
}

.initial,
.initial.strong {
  font-weight: 600
}

.initial:first-letter {
  float: left;
  font-size: 3.4em;
  font-weight: 400;
  line-height: 1;
  margin: -.04em .08em -.2em -.05em
}

.initial.text:after {
  clear: both;
  content: "";
  display: table
}

@media (max-width:767px) {
  .initial {
    margin: 24px 0
  }

  .initial:first-letter {
    margin-top: -.05em
  }
}

[data-browser=firefox] .initial:first-letter {
  margin-top: .113em
}

.has-sidebar .main-col section:not(.infobanner) .text:not(.mwf-upload-dropzone) .has-sidebar .main-col section:not(.infobanner) .text:not(.kicker),
.has-sidebar .main-col section:not(.infobanner) .text:not(.mwf-upload-dropzone) .has-sidebar .main-col section:not(.infobanner) p:not(.kicker),
.has-sidebar .main-col section:not(.infobanner) p:not(.mwf-upload-dropzone) .has-sidebar .main-col section:not(.infobanner) .text:not(.kicker),
.has-sidebar .main-col section:not(.infobanner) p:not(.mwf-upload-dropzone) .has-sidebar .main-col section:not(.infobanner) p:not(.kicker) {
  color: var(--theme-color-primary-microsite)
}

.sbdocs-content.sbdocs {
  max-width: none
}

.sbdocs.sbdocs-wrapper {
  padding-top: 2rem
}

.docs-story,
.innerZoomElementWrapper>div>div {
  min-height: 200px
}

.docs-story .artwork-wrapper {
  min-height: 660px
}

#docs-root .docs-story .header-search {
  max-height: 600px;
  position: relative
}

#docs-root .docs-story .header-search .search-submit,
#docs-root .page-header,
#docs-root .search-filter-form .search-submit {
  position: absolute
}

#docs-root .page-header .ihk-switch,
#docs-root .page-header .search,
#docs-root .page-header .toplink,
#docs-root .page-header nav {
  display: none
}

#docs-root .magazine-cover .col {
  margin-bottom: 40px
}

.docblock-argstable-body input[type=checkbox]:checked,
.docblock-argstable-body input[type=radio]:checked {
  background-color: transparent;
  background-image: none
}

.sb-show-main.sb-main-padded {
  padding: 20px
}

#story--atoms-search-button--search-button .search-submit {
  position: relative
}

#docs-root .ihk-switch,
#root>.ihk-switch {
  left: 0;
  min-height: 280px;
  position: relative;
  top: 0
}

#root>.magazine-cover .col {
  margin-bottom: 0
}

#root>.tile-grid .tile-head {
  top: 0
}

#root>.header-search {
  --header-height: 0px
}

#root>blockquote {
  margin-bottom: 0;
  margin-top: 0;
  max-width: 880px
}

.sb-main-padded.sb-show-main>#root>.anchor-links,
.sb-main-padded.sb-show-main>#root>.print-share,
.sb-main-padded.sb-show-main>#root>section,
.sb-show-main>#root>.page-footer,
.sb-show-main>#root>.search-results>.results-wrapper:first-child {
  margin-top: 0
}

.sb-main-padded.sb-show-main>#root>.event-teaser {
  max-width: 1340px
}

.sb-main-padded.sb-show-main>#root>.a-z {
  max-width: 880px
}

.sb-main-padded.sb-show-main>#root>.a-z .letters {
  top: 0
}

#root>.tabs,
.sb-main-fullscreen.sb-show-main>#root>section {
  margin-top: 0
}

#root>.tabs .survey,
#root>.tabs.infobanner,
#root>.tabs.magazine-cover,
#root>.tabs.rotation,
#root>.tabs.search,
#root>.tabs.social,
.sb-main-fullscreen.sb-show-main>#root>section .survey,
.sb-main-fullscreen.sb-show-main>#root>section.infobanner,
.sb-main-fullscreen.sb-show-main>#root>section.magazine-cover,
.sb-main-fullscreen.sb-show-main>#root>section.rotation,
.sb-main-fullscreen.sb-show-main>#root>section.search,
.sb-main-fullscreen.sb-show-main>#root>section.social {
  margin-top: 20px
}

.sb-main-fullscreen.sb-show-main>#root>section.intro,
.sb-main-fullscreen.sb-show-main>#root>section.teasers:not([data-background]) {
  margin-top: var(--section-margin)
}

.docs-story [id]>div>.accordion,
.docs-story [id]>div>.document-list,
.docs-story [id]>div>.infobox,
.docs-story [id]>div>.linklist,
.docs-story [id]>div>.login-form,
.docs-story [id]>div>.newsletter-teaser,
.docs-story [id]>div>.participation-list-item,
.docs-story [id]>div>.search-filter-form,
.docs-story [id]>div>.search-results,
.docs-story [id]>div>.steps,
.docs-story [id]>div>.video,
.sb-main-padded.sb-show-main>#root>.accordion,
.sb-main-padded.sb-show-main>#root>.document-list,
.sb-main-padded.sb-show-main>#root>.infobox,
.sb-main-padded.sb-show-main>#root>.linklist,
.sb-main-padded.sb-show-main>#root>.login-form,
.sb-main-padded.sb-show-main>#root>.newsletter-teaser,
.sb-main-padded.sb-show-main>#root>.participation-list-item,
.sb-main-padded.sb-show-main>#root>.search-filter-form,
.sb-main-padded.sb-show-main>#root>.search-results,
.sb-main-padded.sb-show-main>#root>.steps,
.sb-main-padded.sb-show-main>#root>.video {
  --content-box-padding: 42px;
  margin: 0;
  max-width: 880px
}

@media (max-width:767px) {

  .docs-story [id]>div>.accordion,
  .docs-story [id]>div>.document-list,
  .docs-story [id]>div>.infobox,
  .docs-story [id]>div>.linklist,
  .docs-story [id]>div>.login-form,
  .docs-story [id]>div>.newsletter-teaser,
  .docs-story [id]>div>.participation-list-item,
  .docs-story [id]>div>.search-filter-form,
  .docs-story [id]>div>.search-results,
  .docs-story [id]>div>.steps,
  .docs-story [id]>div>.video,
  .sb-main-padded.sb-show-main>#root>.accordion,
  .sb-main-padded.sb-show-main>#root>.document-list,
  .sb-main-padded.sb-show-main>#root>.infobox,
  .sb-main-padded.sb-show-main>#root>.linklist,
  .sb-main-padded.sb-show-main>#root>.login-form,
  .sb-main-padded.sb-show-main>#root>.newsletter-teaser,
  .sb-main-padded.sb-show-main>#root>.participation-list-item,
  .sb-main-padded.sb-show-main>#root>.search-filter-form,
  .sb-main-padded.sb-show-main>#root>.search-results,
  .sb-main-padded.sb-show-main>#root>.steps,
  .sb-main-padded.sb-show-main>#root>.video {
    --content-box-padding: 16px
  }
}

.docs-story [id]>div>.accordion>.title,
.sb-main-padded.sb-show-main>#root>.accordion>.title {
  margin-top: .2em
}

.docs-story [id]>div>.participation-teaser,
.docs-story [id]>div>.teaser,
.docs-story [id]>div>.topic-teaser,
.sb-main-padded.sb-show-main>#root>.participation-teaser,
.sb-main-padded.sb-show-main>#root>.teaser,
.sb-main-padded.sb-show-main>#root>.topic-teaser {
  max-width: 420px
}

.docs-story [id]>div>.teaser.hero,
.docs-story [id]>div>[data-type=hero],
.sb-main-padded.sb-show-main>#root>.teaser.hero,
.sb-main-padded.sb-show-main>#root>[data-type=hero] {
  max-width: 630px
}

.docs-story [id]>div>.teaser.fullwidth,
.docs-story [id]>div>[data-type=fullwidth],
.sb-main-padded.sb-show-main>#root>.teaser.fullwidth,
.sb-main-padded.sb-show-main>#root>[data-type=fullwidth] {
  max-width: 1340px
}

.docs-story [id]>div>.contact-wrapper,
.docs-story [id]>div>.link-collection,
.sb-main-padded.sb-show-main>#root>.contact-wrapper,
.sb-main-padded.sb-show-main>#root>.link-collection {
  margin: 0 auto;
  max-width: 1340px
}

.cookieconsent {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 30px 50px 20px rgba(0, 0, 0, .15);
  left: 0;
  opacity: 0;
  padding: 24px 0;
  position: fixed;
  transform: translate3d(0, 100%, 0);
  transition: .3s ease;
  width: 100%;
  z-index: 102
}

.cookieconsent.show {
  opacity: 1;
  transform: translateZ(0)
}

.cookieconsent .col {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0
}

.cookieconsent .button-box {
  padding-left: 30px
}

.cookieconsent h6 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3
}

.cookieconsent p {
  font-size: 15px
}

.cookieconsent p:last-child {
  margin-bottom: 0
}

.cookieconsent h5,
.cookieconsent p {
  margin: 6px 0
}

.cookieconsent .btn,
.cookieconsent .mwf-upload-dropzone .mwf-upload-button>span,
.cookieconsent .review-wrapper .submit,
.cookieconsent .steps .next,
.cookieconsent .vst-registration .submit,
.mwf-upload-dropzone .cookieconsent .mwf-upload-button>span,
.review-wrapper .cookieconsent .submit,
.steps .cookieconsent .next,
.vst-registration .cookieconsent .submit {
  border-radius: 18px;
  margin: 8px 0;
  min-height: 46px;
  padding: 8px 18px;
  transition: .3s ease
}

.cookieconsent .btn:active,
.cookieconsent .btn:focus,
.cookieconsent .mwf-upload-dropzone .mwf-upload-button>span:active,
.cookieconsent .mwf-upload-dropzone .mwf-upload-button>span:focus,
.cookieconsent .review-wrapper .submit:active,
.cookieconsent .review-wrapper .submit:focus,
.cookieconsent .steps .next:active,
.cookieconsent .steps .next:focus,
.cookieconsent .vst-registration .submit:active,
.cookieconsent .vst-registration .submit:focus,
.mwf-upload-dropzone .cookieconsent .mwf-upload-button>span:active,
.mwf-upload-dropzone .cookieconsent .mwf-upload-button>span:focus,
.review-wrapper .cookieconsent .submit:active,
.review-wrapper .cookieconsent .submit:focus,
.steps .cookieconsent .next:active,
.steps .cookieconsent .next:focus,
.vst-registration .cookieconsent .submit:active,
.vst-registration .cookieconsent .submit:focus {
  color: #fff
}

.CookieDeclaration,
.cookie-declaration-holder {
  display: none !important
}

body #CybotCookiebotDialog {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 30px 50px 20px rgba(0, 0, 0, .15);
  left: 0;
  padding: 16px 0 24px;
  position: fixed;
  top: auto !important;
  width: 100%
}

@media (max-width:767px) {
  body #CybotCookiebotDialog {
    padding: 4px 0 8px
  }
}

body #CybotCookiebotDialogPoweredbyLink {
  display: none
}

body #CybotCookiebotDialogBody,
body #CybotCookiebotDialogDetailBody {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 60px;
  width: 1230px
}

body #CybotCookiebotDialogBody a,
body #CybotCookiebotDialogBody a:hover,
body #CybotCookiebotDialogDetailBody a,
body #CybotCookiebotDialogDetailBody a:hover {
  color: inherit !important
}

@media (max-width:1199px) {

  body #CybotCookiebotDialogBody,
  body #CybotCookiebotDialogDetailBody {
    padding: 0 40px
  }
}

@media (max-width:999px) {

  body #CybotCookiebotDialogBody,
  body #CybotCookiebotDialogDetailBody {
    padding: 0 30px
  }
}

@media (max-width:767px) {

  body #CybotCookiebotDialogBody,
  body #CybotCookiebotDialogDetailBody {
    padding: 0 20px
  }
}

body #CybotCookiebotDialogDetailBody {
  display: block
}

body #CybotCookiebotDialogBodyLevelButtons {
  margin-left: 0;
  order: -1
}

body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper,
body #CybotCookiebotDialogBodyLevelButtons {
  float: none !important;
  margin-left: 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
  margin: 6px 0;
  order: 1
}

@media (min-width:568px) and (max-width:767px) {
  body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    display: flex !important;
    justify-content: flex-end;
    margin-bottom: 10px
  }
}

@media (min-width:1000px) {
  body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    margin: 10px 0 4px
  }
}

@media (max-width:767px) {
  body #CybotCookiebotDialogBodyLevelButtonsRow {
    display: block
  }
}

body #CybotCookiebotDialogBodyContent {
  color: #036;
  color: var(--theme-color-primary, #036);
  font-family: Source Sans Pro, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 0 !important
}

@media (max-width:767px) {
  body #CybotCookiebotDialogBodyContent {
    padding-bottom: 4px !important
  }
}

body #CybotCookiebotDialogBodyContentTitle {
  color: #036;
  color: var(--theme-color-primary, #036);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  margin: 2px 0 12px
}

body #CybotCookiebotDialogBodyLevelWrapper {
  display: flex !important;
  flex-direction: column
}

body #CybotCookiebotDialogBodyLevelButtonsSelectPane {
  border: 0;
  padding: 6px 0
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66);
  border: 0;
  border-radius: 12px;
  color: #036;
  color: var(--theme-color-primary, #036);
  display: inline-block;
  font-family: Korb;
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 30px;
  margin: 0 8px;
  padding: 5px 18px;
  position: relative;
  text-decoration: none;
  transition: .3s ease;
  width: auto !important
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.focus-visible:focus,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.focus-visible:focus,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.-moz-focusring,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:focus-visible,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.-moz-focusring,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:focus-visible,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll.-moz-focusring,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
  color: #036;
  color: var(--theme-color-primary, #036)
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:first-child,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:first-child,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:first-child {
  margin-left: 0
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:last-child,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:last-child,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:last-child {
  margin-right: 0
}

@media (max-width:567px) {

  body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
  body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
  body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    margin: 8px 0
  }
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5)
}

body #CybotCookiebotDialog div,
body .CybotCookiebotDialogBodyLevelButtonWrapper {
  line-height: 1.5
}

@media (max-width:567px) {
  body .CybotCookiebotDialogBodyLevelButtonWrapper {
    min-width: calc(50% - 14px)
  }
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label {
  background-image: none !important;
  color: #036 !important;
  color: var(--theme-color-primary, #036) !important;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  height: auto;
  line-height: 1.5 !important;
  margin-right: 10px;
  padding-left: 28px !important
}

@media (max-width:767px) {
  body input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label {
    font-size: 16px;
    margin-bottom: 5px;
    padding-top: 1px
  }
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label:after,
body input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label:before {
  border: 2px solid #036;
  border: 2px solid var(--theme-color-primary, #036);
  border-radius: 3px;
  box-sizing: border-box !important;
  content: "";
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton+label:after {
  background-color: #036;
  background-color: var(--theme-color-primary, #036);
  color: #fff;
  content: "\e852";
  font-family: Icons;
  font-size: 11px;
  line-height: 15px;
  opacity: 0;
  padding-right: 1px;
  padding-top: 1px;
  text-align: center
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label:after {
  opacity: 1
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label {
  color: #636d76
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label:after,
body input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label:before {
  border-color: #636d76
}

body input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label:after {
  background-color: #636d76
}

body #CybotCookiebotDialogBodyLevelDetailsWrapper {
  background-color: transparent;
  border: 0;
  display: inline-block;
  height: auto;
  padding: 0
}

body a#CybotCookiebotDialogBodyLevelDetailsButton {
  background-image: none !important;
  color: #036;
  color: var(--theme-color-primary, #036);
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  height: auto;
  line-height: 1.5 !important;
  padding: 5px 26px 5px 5px;
  position: relative;
  text-decoration: none
}

@media (max-width:767px) {
  body a#CybotCookiebotDialogBodyLevelDetailsButton {
    font-size: 16px;
    padding-bottom: 0;
    padding-top: 0
  }
}

body a#CybotCookiebotDialogBodyLevelDetailsButton:active,
body a#CybotCookiebotDialogBodyLevelDetailsButton:focus {
  color: #036;
  color: var(--theme-color-primary, #036)
}

body a#CybotCookiebotDialogBodyLevelDetailsButton:after {
  content: "\e840";
  font-family: Icons;
  font-size: 20px;
  line-height: 1;
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(90deg)
}

.desktop body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
.desktop body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
  box-shadow: 0 0 0 4px rgba(86, 189, 102, .4)
}

.desktop body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
  box-shadow: 0 0 0 4px rgba(227, 235, 245, .4)
}

.cookieconsent-optout-marketing {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cookieconsent-optout-marketing .accept-marketing-container {
  left: 50%;
  min-width: 300px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

#userlikeCustomTab,
.userlike-custom-button {
  align-items: center;
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66);
  border-radius: 100px;
  bottom: 20px;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 38px;
  height: 70px;
  justify-content: center;
  padding-top: 1px;
  position: fixed;
  right: 20px;
  text-decoration: none;
  transition: right .25s cubic-bezier(.25, .46, .45, .94), z-index 0s linear .3s, background-color .3s ease;
  width: 70px;
  z-index: 5
}

#userlikeCustomTab:hover,
.userlike-custom-button:hover {
  background-color: #2e8533;
  background-color: var(--theme-color-secondary-intensed, #2e8533)
}

#userlikeCustomTab:before,
.userlike-custom-button:before {
  content: "\e8c7";
  font-family: Icons
}

@media (max-width:767px) {

  #userlikeCustomTab,
  .userlike-custom-button {
    bottom: 6px;
    font-size: 22px;
    height: 48px;
    right: 6px;
    width: 48px
  }
}

#userlikeCustomTab~p,
.userlike-custom-button~p {
  display: none
}

#userlike-popup {
  z-index: 101
}

.userlike-custom-button {
  display: none
}

.userlike-custom-button.userlike-shown {
  display: flex
}

@media (min-width:768px) {

  .nav-open:not(.search-open) #userlikeCustomTab,
  .nav-open:not(.search-open) .userlike-custom-button {
    right: 440px;
    transition: right .25s cubic-bezier(.25, .46, .45, .94), z-index 0s linear 0s, background-color .3s ease;
    z-index: 100
  }
}

.modal-body {
  padding-left: 50px;
  padding-right: 50px;
  position: relative
}

.modal-header h5 {
  float: left
}

button.btn-modal {
  margin-bottom: 15px;
  margin-top: 25px
}

.richtext .modal ul li:after {
  background-color: inherit;
  border-radius: 0;
  height: 0;
  top: 12px;
  width: 0
}

.mwf-italic {
  font-style: italic
}

.mwf-bold {
  font-weight: 700
}

.mwf-hidden {
  display: none !important
}

label.mwf-label.mwf-required p:after {
  content: "*"
}

#webformsDetailText .text a[data-linktypeicon=CMExternalLink] {
  padding-left: 7px;
  position: relative
}

#webformsDetailText .text a:not(.btn) {
  background-color: #e4f1e4;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #036;
  margin: 0 -1px -2px;
  opacity: 1;
  padding: 0 5px 2px;
  transition: .2s ease
}

#webformsDetailText .text a:not(.btn):hover {
  color: #2e8533
}

#webformsDetailText .text a:not(.btn).extern:after {
  color: #2e8533;
  content: "\e846";
  font-family: icons;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 3px;
  outline: 3px solid #e4f1e4;
  outline-offset: -2px;
  text-decoration: underline;
  text-transform: none
}

#webformsDetailText .strong {
  background-color: #e4f1e4;
  background-color: var(--theme-color-secondary-dimmed, #e4f1e4);
  border-bottom: 8px solid #56bd66;
  border-bottom: 8px solid var(--theme-color-secondary, #56bd66);
  margin: calc(3% + 20px) 0;
  padding: 40px 42px 38px
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
  background-color: #ccd7e6;
  background-color: var(--theme-color-primary-dimmed-02, #ccd7e6)
}

.badge {
  align-items: center;
  background-color: var(--theme-color-primary-dimmed-03);
  border-radius: var(--border-radius-md);
  display: inline-flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  font-weight: 600;
  height: 1.5em;
  justify-content: center;
  line-height: 1.2em;
  margin-left: .3em;
  min-width: 1.5em;
  padding: .02em .4em 0;
  position: relative;
  vertical-align: top
}

blockquote {
  border-left: 6px solid var(--theme-color-secondary);
  padding-left: 1.2em
}

blockquote .author {
  font-size: var(--font-size-small)
}

.magazine-article blockquote,
blockquote[data-quote-type=magazine] {
  border-left: 0;
  font-style: normal;
  font-weight: 300;
  margin: calc(var(--section-margin)*.6) 0;
  padding: 0 20px 0 40px
}

@media (max-width:767px) {

  .magazine-article blockquote,
  blockquote[data-quote-type=magazine] {
    padding: 0 0 0 20px
  }
}

.magazine-article blockquote div.text,
.magazine-article blockquote p:not(.author),
blockquote[data-quote-type=magazine] div.text,
blockquote[data-quote-type=magazine] p:not(.author) {
  font-size: var(--font-size-h2);
  line-height: 1.3
}

.magazine-article blockquote div.text:first-child:before,
.magazine-article blockquote p:not(.author):first-child:before,
blockquote[data-quote-type=magazine] div.text:first-child:before,
blockquote[data-quote-type=magazine] p:not(.author):first-child:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTE3IDguOWMtMi45IDEuNS01LjEgMy4yLTYuNiA1LjJxLTIuMSAyLjg1LTIuMSA3LjJjLjItLjEuNS0uMSAxLS4xIDIuMSAwIDMuOC43IDUuMyAyIDEuNSAxLjIgMi4yIDMgMi4yIDUuMiAwIDIuNS0uNyA0LjQtMi4xIDUuOXEtMi4xIDIuMS01LjQgMi4xLTQuNjUgMC02LjktMy4zQy43IDMwLjcgMCAyNy42IDAgMjMuNWMwLTQuNiAxLjEtOC43IDMuNC0xMi4yczUuOC02LjQgMTAuNC04Ljd6bTIzIDBjLTIuOSAxLjUtNS4xIDMuMi02LjYgNS4ycS0yLjEgMi44NS0yLjEgNy4yYy4yLS4xLjUtLjEgMS0uMSAyLjEgMCAzLjguNyA1LjMgMiAxLjUgMS4yIDIuMiAzIDIuMiA1LjIgMCAyLjUtLjcgNC40LTIuMSA1LjlxLTIuMSAyLjEtNS40IDIuMS00LjY1IDAtNi45LTMuM2MtMS41LTIuMy0yLjItNS40LTIuMi05LjUgMC00LjYgMS4xLTguNyAzLjQtMTIuMlMzMi40IDUgMzcgMi43eiIgc3R5bGU9ImZpbGw6IzU2YmQ2NiIvPjwvc3ZnPg==);
  background-size: 100%;
  content: "";
  display: block;
  height: 30px;
  margin: 2px 0 2px -40px;
  position: relative;
  width: 30px
}

@media (max-width:767px) {

  .magazine-article blockquote div.text:first-child:before,
  .magazine-article blockquote p:not(.author):first-child:before,
  blockquote[data-quote-type=magazine] div.text:first-child:before,
  blockquote[data-quote-type=magazine] p:not(.author):first-child:before {
    margin-left: -20px
  }
}

.magazine-article blockquote .author:after,
.magazine-article blockquote div.text:last-child:after,
.magazine-article blockquote h4:after,
.magazine-article blockquote p:not(.author):last-child:after,
blockquote[data-quote-type=magazine] .author:after,
blockquote[data-quote-type=magazine] div.text:last-child:after,
blockquote[data-quote-type=magazine] h4:after,
blockquote[data-quote-type=magazine] p:not(.author):last-child:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTE3IDguOWMtMi45IDEuNS01LjEgMy4yLTYuNiA1LjJxLTIuMSAyLjg1LTIuMSA3LjJjLjItLjEuNS0uMSAxLS4xIDIuMSAwIDMuOC43IDUuMyAyIDEuNSAxLjIgMi4yIDMgMi4yIDUuMiAwIDIuNS0uNyA0LjQtMi4xIDUuOXEtMi4xIDIuMS01LjQgMi4xLTQuNjUgMC02LjktMy4zQy43IDMwLjcgMCAyNy42IDAgMjMuNWMwLTQuNiAxLjEtOC43IDMuNC0xMi4yczUuOC02LjQgMTAuNC04Ljd6bTIzIDBjLTIuOSAxLjUtNS4xIDMuMi02LjYgNS4ycS0yLjEgMi44NS0yLjEgNy4yYy4yLS4xLjUtLjEgMS0uMSAyLjEgMCAzLjguNyA1LjMgMiAxLjUgMS4yIDIuMiAzIDIuMiA1LjIgMCAyLjUtLjcgNC40LTIuMSA1LjlxLTIuMSAyLjEtNS40IDIuMS00LjY1IDAtNi45LTMuM2MtMS41LTIuMy0yLjItNS40LTIuMi05LjUgMC00LjYgMS4xLTguNyAzLjQtMTIuMlMzMi40IDUgMzcgMi43eiIgc3R5bGU9ImZpbGw6IzU2YmQ2NiIvPjwvc3ZnPg==);
  background-size: 100%;
  content: "";
  display: block;
  height: 30px;
  margin: 2px 0 2px -40px;
  position: relative;
  transform: rotate(180deg);
  width: 30px
}

@media (max-width:767px) {

  .magazine-article blockquote .author:after,
  .magazine-article blockquote div.text:last-child:after,
  .magazine-article blockquote h4:after,
  .magazine-article blockquote p:not(.author):last-child:after,
  blockquote[data-quote-type=magazine] .author:after,
  blockquote[data-quote-type=magazine] div.text:last-child:after,
  blockquote[data-quote-type=magazine] h4:after,
  blockquote[data-quote-type=magazine] p:not(.author):last-child:after {
    margin-left: -20px
  }
}

.magazine-article blockquote .author,
.magazine-article blockquote h4,
blockquote[data-quote-type=magazine] .author,
blockquote[data-quote-type=magazine] h4 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-right: -20px;
  margin-top: 36px;
  position: relative;
  text-align: right
}

.magazine-article blockquote .author:before,
.magazine-article blockquote h4:before,
blockquote[data-quote-type=magazine] .author:before,
blockquote[data-quote-type=magazine] h4:before {
  content: "— ";
  margin-right: 2px;
  position: relative;
  top: -1px
}

.magazine-article blockquote .author:after,
.magazine-article blockquote h4:after,
blockquote[data-quote-type=magazine] .author:after,
blockquote[data-quote-type=magazine] h4:after {
  left: 0;
  position: absolute;
  top: -36px
}

@media (max-width:767px) {

  .magazine-article blockquote .author,
  .magazine-article blockquote h4,
  blockquote[data-quote-type=magazine] .author,
  blockquote[data-quote-type=magazine] h4 {
    font-size: 16px;
    font-weight: 500;
    margin-right: 0;
    margin-top: 32px;
    padding-left: 30px
  }

  .magazine-article blockquote .author:after,
  .magazine-article blockquote h4:after,
  blockquote[data-quote-type=magazine] .author:after,
  blockquote[data-quote-type=magazine] h4:after {
    top: -30px
  }
}

.btn,
.mwf-upload-dropzone .mwf-upload-button>span,
.review-wrapper .submit,
.steps .next,
.vst-registration .submit {
  --button-bg-color: var(--theme-color-primary);
  --button-text-color: var(--theme-color-white);
  --button-padding: 16px 24px;
  --button-min-size: 60px;
  --button-icon-padding: 58px;
  --button-icon-offset: 18px;
  --button-hover-shadow-opacity: 0.3;
  --button-hover-shadow-size: 6px;
  align-items: center;
  border: 0;
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  display: inline-flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  min-height: var(--button-min-size);
  min-width: var(--button-min-size);
  padding: var(--button-padding);
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: .2s ease
}

.btn.focus-visible:focus,
.mwf-upload-dropzone .mwf-upload-button>span.focus-visible:focus,
.review-wrapper .focus-visible.submit:focus,
.steps .focus-visible.next:focus,
.vst-registration .focus-visible.submit:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.btn.-moz-focusring,
.btn:focus-visible,
.mwf-upload-dropzone .mwf-upload-button>span.-moz-focusring,
.mwf-upload-dropzone .mwf-upload-button>span:focus-visible,
.review-wrapper .-moz-focusring.submit,
.review-wrapper .submit:focus-visible,
.steps .-moz-focusring.next,
.steps .next:focus-visible,
.vst-registration .-moz-focusring.submit,
.vst-registration .submit:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:999px) {

  .btn,
  .mwf-upload-dropzone .mwf-upload-button>span,
  .review-wrapper .submit,
  .steps .next,
  .vst-registration .submit {
    --button-icon-padding: 52px;
    --button-icon-offset: 16px;
    --button-padding: 14px 20px;
    --button-min-size: 52px
  }
}

@media (max-width:767px) {

  .btn,
  .mwf-upload-dropzone .mwf-upload-button>span,
  .review-wrapper .submit,
  .steps .next,
  .vst-registration .submit {
    --button-icon-padding: 44px;
    --button-icon-offset: 12px;
    --button-padding: 12px 16px;
    --button-min-size: 44px;
    --button-hover-shadow-size: 4px
  }
}

.btn,
.btn:hover,
.mwf-upload-dropzone .mwf-upload-button>span,
.mwf-upload-dropzone .mwf-upload-button>span:hover,
.review-wrapper .submit,
.review-wrapper .submit:hover,
.steps .next,
.steps .next:hover,
.vst-registration .submit,
.vst-registration .submit:hover {
  background-color: var(--button-bg-color);
  color: var(--button-text-color)
}

.btn.secondary,
.mwf-upload-dropzone .mwf-upload-button>span.secondary,
.review-wrapper .secondary.submit,
.steps .secondary.next,
.vst-registration .secondary.submit {
  --button-bg-color: var(--theme-color-secondary);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.4
}

.btn.white,
.cover[data-type=background-color] .btn,
.cover[data-type=background-color] .mwf-upload-dropzone .mwf-upload-button>span,
.cover[data-type=background-color] .review-wrapper .submit,
.cover[data-type=background-color] .steps .next,
.cover[data-type=background-color] .vst-registration .submit,
.cover[data-type=background-image] .btn,
.cover[data-type=background-image] .mwf-upload-dropzone .mwf-upload-button>span,
.cover[data-type=background-image] .review-wrapper .submit,
.cover[data-type=background-image] .steps .next,
.cover[data-type=background-image] .vst-registration .submit,
.mwf-upload-dropzone .cover[data-type=background-color] .mwf-upload-button>span,
.mwf-upload-dropzone .cover[data-type=background-image] .mwf-upload-button>span,
.mwf-upload-dropzone .mwf-upload-button>span.white,
.review-wrapper .cover[data-type=background-color] .submit,
.review-wrapper .cover[data-type=background-image] .submit,
.review-wrapper .white.submit,
.steps .cover[data-type=background-color] .next,
.steps .cover[data-type=background-image] .next,
.steps .white.next,
.vst-registration .cover[data-type=background-color] .submit,
.vst-registration .cover[data-type=background-image] .submit,
.vst-registration .white.submit {
  --button-bg-color: var(--theme-color-white);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.35
}

.btn.primary-light,
.mwf-upload-dropzone .mwf-upload-button>span.primary-light,
.review-wrapper .primary-light.submit,
.steps .primary-light.next,
.vst-registration .primary-light.submit {
  --button-bg-color: var(--theme-color-primary-dimmed-03);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.45
}

.btn.primary-extra-light,
.mwf-upload-dropzone .mwf-upload-button>span.primary-extra-light,
.review-wrapper .primary-extra-light.submit,
.steps .primary-extra-light.next,
.vst-registration .primary-extra-light.submit {
  --button-bg-color: var(--theme-color-primary-dimmed-04);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.5
}

.btn.secondary-light,
.mwf-upload-dropzone .mwf-upload-button>span.secondary-light,
.review-wrapper .secondary-light.submit,
.steps .secondary-light.next,
.vst-registration .secondary-light.submit {
  --button-bg-color: #9ad7a3;
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.45
}

.btn:after,
.mwf-upload-dropzone .mwf-upload-button>span:after,
.review-wrapper .submit:after,
.steps .next:after,
.vst-registration .submit:after {
  border-radius: var(--border-radius-lg);
  bottom: 0;
  box-shadow: 0 0 0 2px var(--button-bg-color);
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.btn:hover:after,
.mwf-upload-dropzone .mwf-upload-button>span:hover:after,
.review-wrapper .submit:hover:after,
.steps .next:hover:after,
.vst-registration .submit:hover:after {
  box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color);
  opacity: var(--button-hover-shadow-opacity)
}

.btn-small,
.mwf-upload-dropzone .mwf-upload-button>span,
.vst-registration .add-participant {
  --button-icon-padding: 48px;
  --button-icon-offset: 12px;
  --button-min-size: 42px;
  --button-padding: 10px 18px;
  --button-hover-shadow-size: 4px;
  border-radius: var(--border-radius-md)
}

.btn-small:after,
.mwf-upload-dropzone .mwf-upload-button>span:after,
.vst-registration .add-participant:after {
  border-radius: var(--border-radius-md)
}

@media (max-width:999px) {

  .btn-small,
  .mwf-upload-dropzone .mwf-upload-button>span,
  .vst-registration .add-participant {
    --button-icon-padding: 46px;
    --button-min-size: 38px
  }
}

.btn:before,
.mwf-upload-dropzone .mwf-upload-button>span:before,
.review-wrapper .submit:before,
.steps .next:before,
.vst-registration .submit:before {
  display: none
}

.btn.icon-left,
.mwf-upload-dropzone .mwf-upload-button>span.icon-left,
.review-wrapper .icon-left.submit,
.steps .icon-left.next,
.vst-registration .icon-left.submit {
  padding-left: var(--button-icon-padding)
}

.btn.icon-right,
.mwf-upload-dropzone .mwf-upload-button>span.icon-right,
.review-wrapper .icon-right.submit,
.steps .icon-right.next,
.vst-registration .icon-right.submit {
  padding-right: var(--button-icon-padding)
}

.btn.icon-left:before,
.btn.icon-right:before,
.mwf-upload-dropzone .mwf-upload-button>span.icon-left:before,
.mwf-upload-dropzone .mwf-upload-button>span.icon-right:before,
.review-wrapper .icon-left.submit:before,
.review-wrapper .icon-right.submit:before,
.steps .icon-left.next:before,
.steps .icon-right.next:before,
.vst-registration .icon-left.submit:before,
.vst-registration .icon-right.submit:before {
  display: block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: var(--button-icon-offset);
  margin-top: calc(var(--icon-size)*-.5);
  position: absolute;
  top: 50%
}

.btn.icon-right:before,
.mwf-upload-dropzone .mwf-upload-button>span.icon-right:before,
.review-wrapper .icon-right.submit:before,
.steps .icon-right.next:before,
.vst-registration .icon-right.submit:before {
  left: auto;
  right: var(--button-icon-offset)
}

.btn.icon-inline,
.mwf-upload-dropzone .mwf-upload-button>span.icon-inline,
.review-wrapper .icon-inline.submit,
.steps .icon-inline.next,
.vst-registration .icon-inline.submit {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0
}

.btn.icon-inline:before,
.mwf-upload-dropzone .mwf-upload-button>span.icon-inline:before,
.review-wrapper .icon-inline.submit:before,
.steps .icon-inline.next:before,
.vst-registration .icon-inline.submit:before {
  display: block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  position: relative
}

.event-teaser,
.events-list a:not(.btn) {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  text-decoration: none;
  transition: .3s ease
}

.event-teaser.focus-visible:focus,
.events-list a:not(.btn).focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.event-teaser.-moz-focusring,
.event-teaser:focus-visible,
.events-list a:not(.btn).-moz-focusring,
.events-list a:not(.btn):focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.event-teaser:hover,
.events-list a:not(.btn):hover {
  color: var(--theme-color-secondary-intensed)
}

.event-teaser:hover .date-box,
.events-list a:not(.btn):hover .date-box {
  background-color: var(--theme-color-secondary-intensed)
}

.event-teaser .date-box,
.events-list a:not(.btn) .date-box {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white);
  display: flex;
  flex-direction: column;
  font-family: Korb, sans-serif;
  font-size: 14px;
  justify-content: flex-end;
  line-height: 1;
  margin-right: 18px;
  min-height: 80px;
  min-width: 80px;
  padding: 7px 12px 8px;
  text-transform: uppercase;
  transition: .2s ease
}

@media (max-width:767px) {

  .event-teaser .date-box,
  .events-list a:not(.btn) .date-box {
    justify-content: flex-start;
    margin-right: 12px;
    padding-top: 10px
  }
}

.event-teaser .date-box span,
.events-list a:not(.btn) .date-box span {
  white-space: nowrap
}

.event-teaser .date-box span abbr,
.events-list a:not(.btn) .date-box span abbr {
  text-decoration: none
}

.event-teaser .date-box span:nth-child(2),
.events-list a:not(.btn) .date-box span:nth-child(2) {
  font-size: 36px;
  margin-left: -2px
}

.event-teaser .date-box.no-date,
.events-list a:not(.btn) .date-box.no-date {
  align-items: flex-start
}

.event-teaser .date-box.no-date:before,
.events-list a:not(.btn) .date-box.no-date:before {
  content: "\e82c";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin-bottom: 4px;
  margin-top: 5px
}

.event-teaser .date-box.no-date *,
.events-list a:not(.btn) .date-box.no-date * {
  display: none
}

.event-teaser .text-box,
.events-list a:not(.btn) .text-box {
  align-self: center;
  line-height: 1.2;
  padding: 10px 18px 10px 0
}

@media (max-width:767px) {

  .event-teaser .text-box,
  .events-list a:not(.btn) .text-box {
    font-size: var(--font-size-small)
  }
}

.event-teaser p,
.events-list a:not(.btn) p {
  margin: 0
}

.event-teaser p:not(:last-child),
.events-list a:not(.btn) p:not(:last-child) {
  margin: 2px 0 .3em
}

.event-teaser .ev-title~div,
.events-list a:not(.btn) .ev-title~div {
  color: var(--theme-color-primary);
  display: inline-block;
  font-size: var(--font-size-small);
  line-height: 1.2em;
  margin-bottom: 2px;
  margin-right: 15px
}

.event-teaser .ev-title~div:before,
.events-list a:not(.btn) .ev-title~div:before {
  color: var(--theme-color-primary);
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-right: 5px;
  position: relative;
  vertical-align: top
}

@media (max-width:567px) {

  .event-teaser .ev-title~div,
  .events-list a:not(.btn) .ev-title~div {
    display: block;
    padding-left: 24px;
    position: relative
  }

  .event-teaser .ev-title~div:before,
  .events-list a:not(.btn) .ev-title~div:before {
    left: 0;
    position: absolute
  }
}

.event-teaser .ev-title~div.date:before,
.events-list a:not(.btn) .ev-title~div.date:before {
  content: "\e855"
}

.event-teaser .ev-title~div.time:before,
.events-list a:not(.btn) .ev-title~div.time:before {
  content: "\e858"
}

.event-teaser .ev-title~div.location:before,
.events-list a:not(.btn) .ev-title~div.location:before {
  content: "\e851"
}

.event-teaser .ev-title~div.interested-parties:before,
.events-list a:not(.btn) .ev-title~div.interested-parties:before {
  content: "\e856"
}

.event-teaser .ev-title~div.price:before,
.events-list a:not(.btn) .ev-title~div.price:before {
  content: "\e853"
}

.event-teaser .ev-title~div.status:before,
.events-list a:not(.btn) .ev-title~div.status:before {
  color: #2e8533;
  content: "\e857"
}

.event-teaser .ev-title~div.status.interested-parties:before,
.event-teaser .ev-title~div.status.waiting-list:before,
.events-list a:not(.btn) .ev-title~div.status.interested-parties:before,
.events-list a:not(.btn) .ev-title~div.status.waiting-list:before {
  color: var(--theme-color-primary);
  content: "\e856"
}

.event-teaser .ev-title~div.status.reserved:before,
.events-list a:not(.btn) .ev-title~div.status.reserved:before {
  color: #ea515a;
  content: "\e854"
}

input[type=checkbox].form-control {
  padding: 0;
  width: 20px
}

input[type=checkbox],
input[type=radio] {
  --input-size: 20px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--theme-color-white);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid var(--theme-color-primary);
  border-radius: var(--border-radius-xs);
  display: inline-block;
  height: var(--input-size);
  margin: 0 9px 0 0;
  position: relative;
  transition: .25s ease;
  vertical-align: top;
  width: var(--input-size)
}

input[type=checkbox].focus-visible:focus,
input[type=radio].focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

input[type=checkbox].-moz-focusring,
input[type=checkbox]:focus-visible,
input[type=radio].-moz-focusring,
input[type=radio]:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: var(--theme-color-primary);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0ibTE3LjQgNS43LTkuMiA5LjJjLS40LjQtMSAuNC0xLjQgMGwtNC4yLTQuMkw0IDkuM2wzLjUgMy41TDE2IDQuM3oiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmYiLz48L3N2Zz4=)
}

input[type=checkbox].half-checked,
input[type=radio].half-checked {
  background-color: var(--theme-color-secondary);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEyLjggMTVINy4yQzYgMTUgNSAxNCA1IDEyLjhWNy4yQzUgNiA2IDUgNy4yIDVoNS43QzE0IDUgMTUgNiAxNSA3LjJ2NS43YzAgMS4xLTEgMi4xLTIuMiAyLjEiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmYiLz48L3N2Zz4=)
}

input[type=checkbox]~label,
input[type=radio]~label {
  display: inline-block;
  font-size: var(--font-size-copy);
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0;
  vertical-align: top
}

@media (max-width:767px) {

  input[type=checkbox]~label,
  input[type=radio]~label {
    margin-top: 2px
  }
}

input[type=radio] {
  --input-size: 22px;
  border-radius: 50%;
  margin: -1px 8px 0 -1px
}

select,
select.form-control {
  --input-height: 60px;
  appearance: none;
  background-color: var(--theme-color-white);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAzNiIgZD0iTTE0LjUgMjIgNi4yNzMgMTAuNzVoMTYuNDU0eiIvPjwvc3ZnPg==);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 1px solid var(--theme-color-primary);
  border-radius: var(--border-radius-xs);
  color: var(--theme-color-primary);
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-size: var(--font-size-copy);
  height: var(--input-height);
  line-height: 1.4;
  padding: 10px 42px 10px 15px;
  position: relative;
  transition: .3s ease;
  width: 100%
}

select.form-control:focus,
select:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:1199px) {

  select,
  select.form-control {
    --input-height: 50px
  }
}

@media (max-width:767px) {

  select,
  select.form-control {
    --input-height: 44px
  }
}

@media (max-width:1199px) {

  select,
  select.form-control {
    background-size: 30px;
    padding-right: 34px
  }
}

select option {
  font: inherit
}

input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--theme-color-secondary-intensed)
}

input[type=date]:focus:-ms-input-placeholder,
input[type=datetime]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
input[type=text]:focus:-ms-input-placeholder,
textarea.form-control:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: var(--theme-color-secondary-dimmed)
}

.interview-item,
.interview-item-partner {
  border: 2px solid var(--theme-color-primary);
  border-radius: 20px 20px 20px 0;
  font-weight: 400;
  margin: 40px 50px 20px 0;
  padding: 20px
}

.interview-item .headline,
.interview-item strong,
.interview-item-partner .headline,
.interview-item-partner strong {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 10px
}

.interview-item-partner,
.interview-item.partner,
.partner.interview-item-partner {
  border-color: var(--theme-color-secondary);
  border-radius: 20px 0 20px 20px;
  margin: 0 0 20px 50px
}

label sup {
  margin-left: .1em;
  vertical-align: top
}

label {
  display: block;
  font-size: var(--font-size-small);
  font-weight: 400;
  margin: 0
}

label a:hover {
  color: var(--theme-color-link-hover)
}

label span {
  margin-left: .1em;
  vertical-align: top
}

.pagination {
  --pagination-button-margin: 5px
}

@media (max-width:767px) {
  .pagination {
    --pagination-button-margin: 3px
  }
}

.pagination ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 calc(var(--pagination-button-margin)*-1);
  padding: 0;
  width: 100%
}

.mwf-upload-dropzone .pagination .mwf-upload-button>span,
.pagination .btn,
.pagination .mwf-upload-dropzone .mwf-upload-button>span,
.pagination .review-wrapper .submit,
.pagination .steps .next,
.pagination .vst-registration .submit,
.review-wrapper .pagination .submit,
.steps .pagination .next,
.vst-registration .pagination .submit {
  margin: var(--pagination-button-margin);
  padding-left: 5px;
  padding-right: 5px
}

.mwf-upload-dropzone .pagination .mwf-upload-button>span.current,
.pagination .btn.current,
.pagination .mwf-upload-dropzone .mwf-upload-button>span.current,
.pagination .review-wrapper .current.submit,
.pagination .steps .current.next,
.pagination .vst-registration .current.submit,
.review-wrapper .pagination .current.submit,
.steps .pagination .current.next,
.vst-registration .pagination .current.submit {
  --button-bg-color: var(--theme-color-primary-dimmed-04);
  --button-text-color: var(--theme-color-primary)
}

.mwf-upload-dropzone .pagination .mwf-upload-button>span.current:after,
.pagination .btn.current:after,
.pagination .mwf-upload-dropzone .mwf-upload-button>span.current:after,
.pagination .review-wrapper .current.submit:after,
.pagination .steps .current.next:after,
.pagination .vst-registration .current.submit:after,
.review-wrapper .pagination .current.submit:after,
.steps .pagination .current.next:after,
.vst-registration .pagination .current.submit:after {
  display: none
}

.progress {
  --color-fg: var(--theme-color-primary);
  --color-bg: var(--theme-color-primary-dimmed-02);
  --bg-opacity: 1;
  border-radius: 7px;
  font-size: 0;
  height: 14px;
  line-height: 0;
  margin: 0 -1;
  overflow: hidden;
  position: relative;
  width: 150px
}

@media (max-width:767px) {
  .progress {
    height: 12px;
    width: 120px
  }
}

.progress:before {
  background-color: var(--color-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: var(--bg-opacity);
  position: absolute;
  right: 0;
  top: 0
}

.progress .bar {
  background-color: var(--color-fg);
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  display: block;
  height: 100%;
  position: absolute
}

.reading-time {
  --color: var(--theme-color-primary);
  color: var(--color);
  display: block
}

.reading-time span {
  font-size: var(--font-size-xs)
}

.reading-time .value {
  background-color: var(--color);
  color: var(--theme-color-white)
}

a:hover .reading-time {
  --color: var(--theme-color-link-hover)
}

.teaser .reading-time:last-child {
  bottom: 0;
  position: absolute;
  right: 0
}

.tabs {
  margin: calc(10px + 1%) -.25em
}

.mwf-upload-dropzone .tabs .mwf-upload-button>span,
.review-wrapper .tabs .submit,
.steps .tabs .next,
.tabs .btn,
.tabs .mwf-upload-dropzone .mwf-upload-button>span,
.tabs .review-wrapper .submit,
.tabs .steps .next,
.tabs .vst-registration .submit,
.vst-registration .tabs .submit {
  display: inline-flex;
  margin: .25em
}

.mwf-upload-dropzone .tabs .mwf-upload-button>span:after,
.review-wrapper .tabs .submit:after,
.steps .tabs .next:after,
.tabs .btn:after,
.tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.tabs .review-wrapper .submit:after,
.tabs .steps .next:after,
.tabs .vst-registration .submit:after,
.vst-registration .tabs .submit:after {
  display: none
}

.mwf-upload-dropzone .tabs .mwf-upload-button>span.active,
.mwf-upload-dropzone .tabs .mwf-upload-button>span:hover,
.review-wrapper .tabs .active.submit,
.review-wrapper .tabs .submit:hover,
.steps .tabs .active.next,
.steps .tabs .next:hover,
.tabs .btn.active,
.tabs .btn:hover,
.tabs .mwf-upload-dropzone .mwf-upload-button>span.active,
.tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.tabs .review-wrapper .active.submit,
.tabs .review-wrapper .submit:hover,
.tabs .steps .active.next,
.tabs .steps .next:hover,
.tabs .vst-registration .active.submit,
.tabs .vst-registration .submit:hover,
.vst-registration .tabs .active.submit,
.vst-registration .tabs .submit:hover {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white)
}

.mwf-upload-dropzone .tabs .mwf-upload-button>span strong,
.review-wrapper .tabs .submit strong,
.steps .tabs .next strong,
.tabs .btn strong,
.tabs .mwf-upload-dropzone .mwf-upload-button>span strong,
.tabs .review-wrapper .submit strong,
.tabs .steps .next strong,
.tabs .vst-registration .submit strong,
.vst-registration .tabs .submit strong {
  margin-left: .2em
}

h1+.a-z {
  margin-top: 30px
}

@media (max-width:767px) {
  h1+.a-z {
    margin-top: 0
  }
}

.a-z .letters {
  align-items: flex-end;
  background-color: var(--theme-color-white);
  box-shadow: 0 -2px 0 0 var(--theme-color-white);
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -2px;
  overflow: hidden;
  padding: 10px 0 0;
  position: sticky;
  top: var(--header-height);
  z-index: 2
}

@media (min-width:1000px) {
  .a-z .letters {
    top: 101px
  }
}

.a-z .letters.not-sticky {
  position: relative;
  top: auto
}

.a-z .letters li {
  display: block;
  margin: 6px 0 0;
  padding: 0 0 0 2px;
  position: relative
}

@media (max-width:439px) {
  .a-z .letters li {
    flex: 1 1 10%;
    max-width: 10%
  }
}

.a-z .letters li.disabled {
  pointer-events: none
}

.a-z .letters li.disabled .letter {
  color: var(--theme-color-primary-dimmed-02)
}

.a-z .letters li:after {
  content: none
}

.a-z .letters li:last-child:before {
  background-color: var(--theme-color-primary-dimmed-02);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 100%;
  position: absolute;
  width: 1000px
}

.a-z .letters li.active .letter,
.a-z .letters li.active .letter:hover {
  color: var(--theme-color-white)
}

.a-z .letters li.active .letter:before {
  background-color: var(--theme-color-primary);
  height: 100%
}

.a-z .letters .letter {
  background-color: transparent;
  display: block;
  font-family: Korb, sans-serif;
  font-size: 28px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .3s ease;
  width: 26px;
  z-index: 1
}

.a-z .letters .letter.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.a-z .letters .letter.-moz-focusring,
.a-z .letters .letter:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:439px) {
  .a-z .letters .letter {
    width: 100%
  }
}

.a-z .letters .letter:before {
  background-color: var(--theme-color-primary-dimmed-02);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: .3s ease;
  z-index: -1
}

.a-z .letters .letter:hover {
  color: var(--theme-color-primary)
}

.a-z .letters .letter:hover:before {
  background-color: var(--theme-color-primary)
}

.a-z .letters span.letter {
  color: var(--theme-color-primary-dimmed-01)
}

.letter-content {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: height .3s cubic-bezier(.25, .46, .45, .94)
}

.letter-content .a-z-content-wrapper {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: .5em;
  transform: translateZ(0) scale(.95);
  transform-origin: center 100px;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100%
}

.letter-content .a-z-content-wrapper.current {
  opacity: 1;
  order: 1;
  pointer-events: all;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: opacity .4s ease .4s, visibility 0s ease .4s, transform .4s ease .4s;
  visibility: visible;
  z-index: 1
}

.letter-content .a-z-content-wrapper:not(.current) {
  height: 0
}

.letter-content .a-z-content-wrapper .accordion-content .contact-wrapper {
  margin: 0
}

.a-z .faq-heading {
  margin-top: 10px !important
}

.a-z-list .responsiveContainer {
  padding-bottom: 10px !important
}

.accordion {
  --accordion-toggler-padding: 14px;
  --accordion-icon-width: 60px;
  --accordion-toggler-min-height: 79px;
  margin: var(--section-margin) 0
}

@media (max-width:767px) {
  .accordion {
    --accordion-toggler-padding: 12px;
    --accordion-toggler-min-height: 60px
  }
}

.accordion>.linklist,
.accordion>ul {
  border-bottom: 1px solid var(--theme-color-primary-dimmed-02);
  list-style: none;
  padding: 0;
  position: relative
}

.richtext .accordion>.linklist,
.richtext .accordion>ul {
  margin: 0;
  padding: 0
}

@media (max-width:567px) {

  .accordion>.linklist,
  .accordion>ul {
    margin: 0 calc(var(--container-padding)*-1);
    --accordion-icon-width: var(--container-padding)
  }
}

.accordion>.linklist>li,
.accordion>ul>li {
  padding-left: var(--accordion-icon-width)
}

.accordion>.linklist>li.inAccordion,
.accordion>ul>li.inAccordion {
  border-top: 1px solid var(--theme-color-primary-dimmed-02);
  margin-bottom: 0;
  padding-left: var(--accordion-icon-width)
}

.accordion .accordion-toggler,
.accordion .linklist>li>a.accordion-toggler {
  align-items: center;
  background-color: #fff;
  display: flex;
  margin: 0 0 0 calc(var(--accordion-icon-width)*-1);
  min-height: var(--accordion-toggler-min-height);
  padding: var(--accordion-toggler-padding) var(--accordion-toggler-padding) calc(var(--accordion-toggler-padding) + 1px) var(--accordion-icon-width);
  position: relative;
  text-decoration: none
}

.accordion .accordion-toggler.focus-visible:focus,
.accordion .linklist>li>a.accordion-toggler.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.accordion .accordion-toggler.-moz-focusring,
.accordion .accordion-toggler:focus-visible,
.accordion .linklist>li>a.accordion-toggler.-moz-focusring,
.accordion .linklist>li>a.accordion-toggler:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:567px) {

  .accordion .accordion-toggler,
  .accordion .linklist>li>a.accordion-toggler {
    --accordion-icon-width: 46px;
    margin-left: calc(var(--container-padding)*-1)
  }
}

.accordion .accordion-toggler:before,
.accordion .linklist>li>a.accordion-toggler:before {
  content: "\e828";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: 6px;
  line-height: 1;
  margin-top: calc(var(--icon-size)/-2);
  padding-right: 5px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: var(--accordion-icon-width)
}

.accordion .accordion-toggler.open:before,
.accordion .linklist>li>a.accordion-toggler.open:before {
  content: "\e81f"
}

.accordion .accordion-toggler:hover,
.accordion .linklist>li>a.accordion-toggler:hover {
  background-color: var(--theme-color-secondary-dimmed)
}

.accordion .accordion-toggler.-moz-focusring,
.accordion .accordion-toggler.focus-visible:focus,
.accordion .accordion-toggler:focus-visible,
.accordion .linklist>li>a.accordion-toggler.-moz-focusring,
.accordion .linklist>li>a.accordion-toggler.focus-visible:focus,
.accordion .linklist>li>a.accordion-toggler:focus-visible {
  z-index: 1
}

.accordion .accordion-content {
  display: none;
  margin-left: calc(var(--accordion-icon-width)*-1);
  padding: 1em 0
}

.accordion .accordion-content>:last-child {
  margin-bottom: .1em
}

.accordion .accordion-content>:first-child {
  margin-top: 0
}

.accordion[data-type=event] .accordion-content[id=js-event-berufs-info] {
  background-color: inherit
}

.accordion[data-type=event] .accordion-content[id^=js-event] {
  background-color: var(--theme-color-secondary-dimmed)
}

.accordion[data-type=event]>ul {
  border-bottom: 0
}

.accordion[data-type=event]>ul>li:before {
  display: none
}

.accordion[data-type=event]>ul>li.open .accordion-toggler {
  color: var(--theme-color-primary)
}

.accordion[data-type=event]>ul>li+li {
  margin-top: .4em
}

.accordion[data-type=event] .accordion-toggler {
  box-shadow: 0 1px 0 0 var(--theme-color-primary-dimmed-02);
  position: relative
}

.accordion[data-type=event] .accordion-toggler:hover {
  color: var(--theme-color-primary)
}

.accordion[data-type=event] .accordion-toggler:before {
  align-items: center;
  background-color: var(--theme-color-primary);
  bottom: 0;
  color: var(--theme-color-white);
  display: flex;
  justify-content: center;
  left: 0;
  margin: -1px 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: calc(var(--accordion-icon-width)*.75)
}

.accordion[data-type=event] .accordion-content {
  border-bottom: 1px solid var(--theme-color-primary-dimmed-02);
  border-top: 1px solid var(--theme-color-primary-dimmed-02);
  padding: 0
}

.accordion[data-type=event] .date-box {
  display: none
}

.accordion[data-type=event] .ev-title {
  font-weight: 600
}

.accordion[data-type=event] .date-wrapper>div {
  display: inline-block;
  font-size: var(--font-size-small)
}

.accordion[data-type=event] .date-wrapper>div.date {
  font-family: Korb, sans-serif;
  font-size: var(--font-size-h4);
  margin-right: .3em
}

.accordion[data-type=event] .event-details {
  align-items: flex-start;
  display: flex;
  margin: 0 10px;
  padding: 1em 0 1em calc(var(--accordion-icon-width) - 10px)
}

.accordion[data-type=event] .event-details+.event-details {
  border-top: 1px solid var(--theme-color-primary-dimmed-02)
}

.accordion[data-type=event] .event-details .event-locationlink>a {
  font-size: var(--font-size-small)
}

@media (max-width:567px) {
  .accordion[data-type=event] .event-details {
    flex-direction: column
  }
}

.accordion[data-type=event] .event-details.sign-up {
  align-items: center;
  padding-bottom: 1.2em;
  top: 1.2em
}

@media (max-width:567px) {
  .accordion[data-type=event] .event-details.sign-up {
    padding-top: 1em
  }
}

.accordion[data-type=event] .event-details.sign-up .event-content,
.accordion[data-type=event] .event-details.sign-up .event-label {
  width: 100%
}

@media (min-width:568px) {

  .accordion[data-type=event] .event-details.sign-up .event-content,
  .accordion[data-type=event] .event-details.sign-up .event-label {
    flex: 1 1 50%;
    max-width: 50%
  }
}

.accordion[data-type=event] .event-details.sign-up .text,
.accordion[data-type=event] .event-details.sign-up p {
  margin: 0
}

.accordion[data-type=event] .event-details.sign-up .event-label {
  padding-top: 2px
}

@media (max-width:567px) {
  .accordion[data-type=event] .event-details.sign-up .event-label:before {
    left: -1px
  }
}

.accordion[data-type=event] .event-details.sign-up .event-content {
  margin-bottom: .2em;
  margin-top: 1em
}

@media (min-width:568px) {
  .accordion[data-type=event] .event-details.sign-up .event-content {
    margin: 0;
    text-align: right
  }

  .accordion[data-type=event] .event-details.sign-up .event-content .btn,
  .accordion[data-type=event] .event-details.sign-up .event-content .mwf-upload-dropzone .mwf-upload-button>span,
  .accordion[data-type=event] .event-details.sign-up .event-content .review-wrapper .submit,
  .accordion[data-type=event] .event-details.sign-up .event-content .steps .next,
  .accordion[data-type=event] .event-details.sign-up .event-content .vst-registration .submit,
  .mwf-upload-dropzone .accordion[data-type=event] .event-details.sign-up .event-content .mwf-upload-button>span,
  .review-wrapper .accordion[data-type=event] .event-details.sign-up .event-content .submit,
  .steps .accordion[data-type=event] .event-details.sign-up .event-content .next,
  .vst-registration .accordion[data-type=event] .event-details.sign-up .event-content .submit {
    margin-right: 10px
  }
}

.accordion[data-type=event] .event-label {
  flex: 1 1 100%;
  padding-right: 20px;
  position: relative
}

@media (min-width:568px) {
  .accordion[data-type=event] .event-label {
    flex: 1 1 40%;
    max-width: 40%
  }
}

@media (max-width:767px) {
  .accordion[data-type=event] .event-label {
    padding-left: 30px
  }
}

.accordion[data-type=event] .event-label:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: calc(var(--accordion-icon-width)/-2.4 - var(--icon-size)/2);
  line-height: 1;
  margin-top: calc(var(--icon-size)/-2);
  position: absolute;
  top: 50%
}

@media (max-width:567px) {
  .accordion[data-type=event] .event-label:before {
    left: -2px
  }
}

.accordion[data-type=event] .event-label.icon-freie-plaetze:before {
  color: #2e8533
}

.accordion[data-type=event] .event-label.icon-geschlossen:before {
  color: #ea515a
}

.accordion[data-type=event] .event-label .like-h4,
.accordion[data-type=event] .event-label h4 {
  font-size: var(--font-size-copy);
  font-weight: 700;
  margin: 0
}

.accordion[data-type=event] .event-content {
  flex: 1 1 100%;
  font-size: var(--font-size-small);
  padding-right: 20px
}

@media (min-width:568px) {
  .accordion[data-type=event] .event-content {
    flex: 1 1 60%;
    max-width: 60%;
    padding-left: 0
  }
}

@media (max-width:767px) {
  .accordion[data-type=event] .event-content {
    margin-top: .6em;
    padding-right: 10px
  }
}

.accordion[data-type=event] .event-content>.text:last-child,
.accordion[data-type=event] .event-content>p:last-child {
  margin-bottom: 0
}

.accordion[data-type=event] .price .amount {
  font-family: var(--font-korb);
  font-size: var(--font-size-h2);
  font-weight: 400;
  line-height: 1.2;
  margin: 0 .3em 0 -.05em
}

.accordion[data-type=event] .price+p {
  margin-top: .6em
}

.accordion[data-type=event] .referees {
  display: block;
  list-style: none;
  padding: 0;
  position: relative
}

.accordion[data-type=event] .referees.multiple-events>li {
  margin-bottom: 20px
}

.accordion[data-type=event] .referees.multiple-events .referees {
  list-style: disc;
  margin-top: 10px;
  padding-left: 20px
}

.accordion[data-type=event] .referees .image-box {
  margin: .8em 0 .4em
}

.accordion[data-type=event] .referees .image-box img {
  max-height: 300px;
  max-width: 100%
}

.accordion[data-type=event] .referees>li>a {
  font-weight: 600
}

.accordion[data-type=event] .referees>li>a:last-child {
  pointer-events: none;
  text-decoration: none
}

.accordion[data-type=event] .referees .referee-details {
  display: none;
  margin-bottom: 1.2em
}

.accordion[data-type=event] .referees .referee-details:first-child:last-child {
  display: block
}

.a-z-content-wrapper .accordion,
.a-z-content-wrapper .accordion[data-type=contacts] {
  border-top: 0;
  list-style-type: none;
  margin-top: 2px
}

.a-z-content-wrapper .accordion>.linklist {
  margin-top: 0
}

.a-z-content-wrapper .accordion>.linklist>li:first-child {
  border-top: 0
}

.accordion>.linklist>li.inAccordion.open .accordion-toggler:before,
.accordion>ul>li.inAccordion.open .accordion-toggler:before {
  content: "\e81f"
}

.anchor-links {
  margin: 48px 0;
  position: relative
}

.anchor-links.sticky {
  display: none !important;
  height: 0;
  margin: 0 -10px;
  opacity: 0;
  pointer-events: none;
  position: sticky;
  top: 99px;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  z-index: 10
}

.anchor-links.sticky.show {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.anchor-links.sticky .anchors {
  background-color: #fff;
  box-shadow: 0 5px 20px -5px transparent, 0 0 0 10000px transparent;
  height: 55px;
  margin: -1px 0 0;
  overflow: hidden;
  transition: .3s ease
}

.anchor-links.sticky .anchors:hover {
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .2), 0 0 0 10000px rgba(0, 0, 0, .06);
  height: auto
}

.anchor-links.sticky .anchors:hover .anchors-title {
  display: none
}

.anchor-links.sticky .anchors-title {
  display: flex
}

.anchor-links.sticky .anchors-title,
.anchor-links.sticky a {
  padding: 12px 25px 16px 52px
}

.anchor-links.sticky .anchors-title,
.anchor-links.sticky a.current {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.anchor-links.sticky li:before {
  left: 12px
}

.anchor-links .anchors {
  border-bottom: 1px solid var(--theme-color-primary-dimmed-03);
  list-style: none;
  margin: 0;
  padding: 0
}

.anchor-links .anchors li {
  border-top: 1px solid var(--theme-color-primary-dimmed-03);
  line-height: 1.2;
  position: relative
}

.anchor-links .anchors li:before {
  color: var(--theme-color-secondary-microsite);
  content: "\e800";
  font-family: Icons, sans-serif;
  font-size: 30px;
  left: 3px;
  line-height: 1;
  margin-top: -15px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 1
}

.anchor-links .anchors .anchors-title,
.anchor-links .anchors a {
  align-items: center;
  background-color: transparent;
  display: flex;
  margin: 0;
  min-height: 55px;
  padding: 14px 15px 14px 42px;
  position: relative
}

.anchor-links .anchors .anchors-title {
  display: none
}

.anchor-links .anchors a {
  font-weight: 400;
  transition: .3s ease
}

.anchor-links .anchors a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.anchor-links .anchors a.-moz-focusring,
.anchor-links .anchors a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.anchor-links .anchors a:before {
  background-color: var(--theme-color-primary-dimmed-04);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease;
  z-index: -1
}

.anchor-links .anchors a:hover {
  color: var(--theme-color-link-hover)
}

.anchor-links .anchors a:hover:before {
  opacity: .3
}

.anchor-links .anchors li.anchors-title {
  margin: 0
}

.anchor-links .anchors li.anchors-title:after {
  display: none
}

h2.has-anchor {
  font-size: var(--font-size-h2)
}

.artwork-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%
}

.artwork-wrapper:before {
  content: "";
  display: block;
  padding-top: 45%
}

@media (max-width:999px) {
  .artwork-wrapper:before {
    padding-top: 52%
  }
}

.artwork,
section .artwork-wrapper {
  height: 100%;
  position: absolute;
  top: 0
}

.artwork {
  right: 0;
  width: calc(43vw - 160px)
}

@media (max-width:1199px) {
  .artwork {
    margin: 1% -18%;
    max-height: 90vw;
    width: 50vw
  }
}

@media (max-width:767px) {
  .artwork {
    height: 94%;
    margin: 3% -24%
  }
}

@media (max-width:567px) {
  .artwork {
    height: 90%;
    margin: 5% -32%
  }
}

.artwork .background,
.artwork .foreground {
  height: 75%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-3deg);
  transform-origin: right top
}

.artwork .background:before,
.artwork .foreground:before {
  background-color: var(--theme-color-primary);
  border-bottom-left-radius: 26% 50%;
  border-top-left-radius: 26% 50%;
  bottom: 0;
  content: "";
  left: 0;
  margin: -16% 0;
  position: absolute;
  right: 0;
  top: 0
}

.artwork .background {
  left: -3vw;
  margin-left: -60px;
  transform: rotate(-9deg)
}

@media (max-width:999px) {
  .artwork .background {
    margin-left: -45px;
    margin-top: 5px
  }
}

@media (max-width:567px) {
  .artwork .background {
    margin-left: -30px;
    margin-top: 10px
  }
}

.artwork .background:before {
  background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)
}

.artwork-left {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}

.artwork-left,
.artwork-left+.artwork {
  width: calc(50vw - var(--container-width)/2)
}

.artwork-left+.artwork .background,
.artwork-left+.artwork .foreground {
  height: 437px;
  transform: rotate(0) !important;
  transform-origin: center center
}

@media (max-width:767px) {
  .artwork-left {
    height: 94%;
    margin: 3% -24%
  }
}

@media (max-width:567px) {
  .artwork-left {
    height: 90%;
    margin: 5% -32%
  }
}

.artwork-left .background,
.artwork-left .foreground {
  height: 437px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(0);
  transform-origin: center center
}

.artwork-left .background:before,
.artwork-left .foreground:before {
  background-color: var(--theme-color-primary);
  border-bottom-right-radius: 26% 50%;
  border-top-right-radius: 26% 50%;
  bottom: 0;
  content: "";
  left: 0;
  margin: -16% 0;
  position: absolute;
  right: 0;
  top: 0
}

.artwork-left .background {
  left: -482px;
  margin-right: -60px;
  transform: rotate(0)
}

@media (max-width:999px) {
  .artwork-left .background {
    margin-right: -45px;
    margin-top: 5px
  }
}

@media (max-width:567px) {
  .artwork-left .background {
    margin-right: -30px;
    margin-top: 10px
  }
}

.artwork-left .background:before {
  background: linear-gradient(-10deg, var(--theme-color-gradient-03) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-01) 90%)
}

[data-type=artwork-background-image] {
  color: #fff
}

[data-type=artwork-background-image] .image-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

[data-type=artwork-background-image] .image-box:after {
  background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0, rgba(var(--theme-color-primary-rgb), .2) 100%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

[data-type=artwork-background-image] .image-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%
}

[data-type=artwork-background-image] .artwork {
  margin-top: 20px;
  z-index: 1
}

[data-type=artwork-background-image] .artwork .background:before,
[data-type=artwork-background-image] .artwork .foreground:before {
  background: var(--theme-color-background);
  opacity: .7
}

[data-type=artwork-background-image] .artwork .background:before {
  opacity: .3
}

[data-type=artwork-image] .artwork-image-link,
[data-type=artwork-image] .image-box {
  display: block;
  height: 75%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-3deg);
  transform-origin: right top;
  width: calc(43vw - 160px)
}

@media (max-width:1199px) {

  [data-type=artwork-image] .artwork-image-link,
  [data-type=artwork-image] .image-box {
    margin: 1% -18%;
    max-height: 90vw;
    width: 50vw
  }
}

@media (max-width:767px) {

  [data-type=artwork-image] .artwork-image-link,
  [data-type=artwork-image] .image-box {
    margin: 3% -24%;
    max-height: 94%
  }
}

@media (max-width:567px) {

  [data-type=artwork-image] .artwork-image-link,
  [data-type=artwork-image] .image-box {
    height: 70vw;
    margin: 5% -32%;
    max-height: 90%
  }
}

[data-type=artwork-image] .artwork-image-link picture,
[data-type=artwork-image] .image-box picture {
  border-bottom-left-radius: 26% 50%;
  border-top-left-radius: 26% 50%;
  bottom: 0;
  left: 0;
  margin: -16% 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

[data-type=artwork-image] .artwork-image-link img,
[data-type=artwork-image] .image-box img {
  display: block;
  height: 80%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: 10%;
  transform: rotate(3deg);
  width: 100%
}

[data-type=artwork-image] .artwork .foreground,
[data-type=artwork-image] .artwork-image-link {
  opacity: 0
}

.checkbox-group input[type=checkbox]~label {
  margin-bottom: .4em
}

.checkbox-group .checkbox-wrapper {
  display: none;
  padding-left: 29px
}

.checkbox-group .acc {
  width: calc(100% - 30px)
}

.checkbox-group .acc a {
  border-radius: var(--border-radius-xs);
  display: block;
  margin: 0 -.2em;
  padding: 0 .2em;
  position: relative;
  text-decoration: none
}

.checkbox-group .acc a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.checkbox-group .acc a.-moz-focusring,
.checkbox-group .acc a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.checkbox-group .acc a:before {
  content: "\e86a";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin-top: calc(var(--icon-size)/-2);
  position: absolute;
  right: -3px;
  top: 50%
}

.contact-wrapper {
  background-color: var(--theme-color-primary-dimmed-04);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  font-size: var(--font-size-small);
  margin: var(--section-margin) 0;
  overflow: hidden;
  padding: var(--content-box-padding);
  position: relative
}

.contact-wrapper>.like-h2,
.contact-wrapper>.like-h3,
.contact-wrapper>h2,
.contact-wrapper>h3,
.contacts-in-text .contact-wrapper>.like-h2,
.contacts-in-text .contact-wrapper>h2,
.sidebar .contact-wrapper>.like-h2,
.sidebar .contact-wrapper>h2,
.vst-registration .contact-wrapper>.title {
  margin-top: var(--section-headline-margin)
}

.contact-wrapper .like-h6,
.contact-wrapper h5,
.contact-wrapper h6 {
  font-family: var(--font-korb);
  font-size: var(--font-size-copy);
  margin-top: -.3em
}

.contact-wrapper .contact-person {
  display: flex;
  margin: 0 calc((var(--content-box-padding) + var(--col-padding))*-1);
  padding-bottom: 25px !important
}

.contact-wrapper:not([data-tab-style=open]) .contact-person {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateZ(0) scale(.95);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: calc(100% + (var(--content-box-padding) + var(--col-padding))*2)
}

.contact-wrapper:not([data-tab-style=open]) .contact-person.active {
  opacity: 1;
  order: 1;
  pointer-events: all;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: opacity .4s ease .4s, visibility 0s ease .4s, transform .4s ease .4s;
  visibility: visible;
  z-index: 1
}

.contact-wrapper .image-box,
.contact-wrapper .text-box {
  flex: 1 1 100%;
  padding: 0 var(--col-padding)
}

.contact-wrapper .text,
.contact-wrapper p {
  margin-bottom: .4em
}

.contact-wrapper .contacts {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: height .3s cubic-bezier(.25, .46, .45, .94)
}

.contact-wrapper .contact-buttons,
.contact-wrapper .tab-buttons {
  list-style: none;
  margin: 1.1em -.3em 0;
  padding: 0
}

.contact-wrapper .contact-buttons li,
.contact-wrapper .tab-buttons li {
  margin: 0 .3em .6em
}

.contact-wrapper .contact-buttons .btn,
.contact-wrapper .contact-buttons .mwf-upload-dropzone .mwf-upload-button>span,
.contact-wrapper .contact-buttons .review-wrapper .submit,
.contact-wrapper .contact-buttons .steps .next,
.contact-wrapper .contact-buttons .vst-registration .submit,
.contact-wrapper .tab-buttons .btn,
.contact-wrapper .tab-buttons .mwf-upload-dropzone .mwf-upload-button>span,
.contact-wrapper .tab-buttons .review-wrapper .submit,
.contact-wrapper .tab-buttons .steps .next,
.contact-wrapper .tab-buttons .vst-registration .submit,
.mwf-upload-dropzone .contact-wrapper .contact-buttons .mwf-upload-button>span,
.mwf-upload-dropzone .contact-wrapper .tab-buttons .mwf-upload-button>span,
.review-wrapper .contact-wrapper .contact-buttons .submit,
.review-wrapper .contact-wrapper .tab-buttons .submit,
.steps .contact-wrapper .contact-buttons .next,
.steps .contact-wrapper .tab-buttons .next,
.vst-registration .contact-wrapper .contact-buttons .submit,
.vst-registration .contact-wrapper .tab-buttons .submit {
  margin-left: -.06em
}

.contact-wrapper .contact-buttons li:last-child {
  margin-bottom: 0
}

.contact-wrapper .tab-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.3em 1.2em
}

.contact-wrapper .tab-buttons .btn:after,
.contact-wrapper .tab-buttons .mwf-upload-dropzone .mwf-upload-button>span:after,
.contact-wrapper .tab-buttons .review-wrapper .submit:after,
.contact-wrapper .tab-buttons .steps .next:after,
.contact-wrapper .tab-buttons .vst-registration .submit:after,
.mwf-upload-dropzone .contact-wrapper .tab-buttons .mwf-upload-button>span:after,
.review-wrapper .contact-wrapper .tab-buttons .submit:after,
.steps .contact-wrapper .tab-buttons .next:after,
.vst-registration .contact-wrapper .tab-buttons .submit:after {
  display: none
}

.contact-wrapper .tab-buttons li:not(.active) .btn:not(:hover),
.contact-wrapper .tab-buttons li:not(.active) .mwf-upload-dropzone .mwf-upload-button>span:not(:hover),
.contact-wrapper .tab-buttons li:not(.active) .review-wrapper .submit:not(:hover),
.contact-wrapper .tab-buttons li:not(.active) .steps .next:not(:hover),
.contact-wrapper .tab-buttons li:not(.active) .vst-registration .submit:not(:hover),
.mwf-upload-dropzone .contact-wrapper .tab-buttons li:not(.active) .mwf-upload-button>span:not(:hover),
.review-wrapper .contact-wrapper .tab-buttons li:not(.active) .submit:not(:hover),
.steps .contact-wrapper .tab-buttons li:not(.active) .next:not(:hover),
.vst-registration .contact-wrapper .tab-buttons li:not(.active) .submit:not(:hover) {
  background-color: var(--theme-color-primary-dimmed-03);
  color: var(--theme-color-primary)
}

.contact-wrapper img {
  height: auto;
  max-width: 100%;
  opacity: 1;
  transition: opacity .3s ease
}

.contact-wrapper img.loading {
  opacity: 0
}

.contact-wrapper[data-size=lg] .image-box {
  max-width: 33.333333%;
  padding-left: calc(var(--content-box-padding) + var(--col-padding))
}

.contact-wrapper[data-size=lg] .text-box {
  padding-right: calc(var(--content-box-padding) + var(--col-padding))
}

.contact-wrapper[data-size=lg] .text-box:first-child {
  max-width: 880px
}

.contact-wrapper[data-size=lg] .text-box:first-child,
.contact-wrapper[data-size=md] .image-box {
  padding-left: calc(var(--content-box-padding) + var(--col-padding))
}

.contact-wrapper[data-size=md] .text-box {
  min-width: calc(100% - 360px - var(--content-box-padding)*2);
  padding-right: calc(var(--content-box-padding) + var(--col-padding))
}

.contact-wrapper[data-size=md] .text-box:first-child {
  padding-left: calc(var(--content-box-padding) + var(--col-padding))
}

.contact-wrapper[data-size=sm] {
  padding: calc(var(--content-box-padding)*2) var(--content-box-padding)
}

.contact-wrapper[data-size=sm] .image-box {
  margin-bottom: 1em
}

.contact-wrapper[data-size=sm] .contact-person {
  flex-direction: column;
  padding: 0 var(--content-box-padding)
}

.contact-wrapper[data-size=sm] .tab-buttons {
  margin-bottom: .8em
}

.contact-wrapper.ansprechpartner {
  background-color: var(--theme-color-primary-dimmed-03);
  border-bottom: none;
  padding: 20px
}

.sidebar .contact-wrapper .like-h2,
.sidebar .contact-wrapper h2 {
  margin-bottom: .6em;
  margin-top: var(--section-headline-margin)
}

.contacts-in-text .contact-wrapper,
.sidebar .contact-wrapper {
  font-size: 18px;
  padding: 20px 20px 10px
}

@media (max-width:767px) {

  .contacts-in-text .contact-wrapper,
  .sidebar .contact-wrapper {
    font-size: 16px
  }
}

.contacts-in-text .contact-wrapper+*,
.sidebar .contact-wrapper+* {
  margin-top: 48px
}

.contacts-in-text .contact-wrapper .like-h2,
.contacts-in-text .contact-wrapper h2,
.sidebar .contact-wrapper .like-h2,
.sidebar .contact-wrapper h2 {
  margin-top: 0
}

.contacts-in-text .contact-wrapper .tab-buttons,
.sidebar .contact-wrapper .tab-buttons {
  padding: 0
}

.contacts-in-text .contact-wrapper .contact-buttons li,
.sidebar .contact-wrapper .contact-buttons li {
  display: block
}

.contacts-in-text .contact-wrapper .contact-person,
.sidebar .contact-wrapper .contact-person {
  display: block;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: auto
}

.contacts-in-text .contact-wrapper .contact-person>div,
.sidebar .contact-wrapper .contact-person>div {
  flex: 1 1 100%;
  max-width: 100%;
  padding: 10px 0
}

.contacts-in-text .contact-wrapper .contact-person>div.text-box:first-child,
.sidebar .contact-wrapper .contact-person>div.text-box:first-child {
  padding: 0 0 10px
}

.ansprechpartner {
  display: block !important
}

.ansprechpartner .contact {
  float: left;
  max-width: 49%
}

.document-list {
  display: block;
  margin: calc(1vw + 20px) 0 calc(1.5vw + 40px);
  position: relative
}

.document-list-item {
  border: 1px solid var(--theme-color-primary-dimmed-04);
  border-radius: 4px;
  display: block;
  font-size: var(--font-size-small);
  padding: 15px;
  position: relative;
  text-decoration: none;
  transition: .3s ease
}

.document-list-item.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.document-list-item.-moz-focusring,
.document-list-item:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.document-list-item:hover {
  color: var(--theme-color-secondary-intensed);
  text-decoration: none
}

.document-list-item+.document-list-item {
  margin-top: 10px
}

@media (min-width:568px) {
  .document-list-item {
    align-items: flex-start;
    display: flex
  }

  .document-list-item+.document-list-item {
    margin-top: 15px
  }
}

.document-list-item:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 1;
  margin: 10px;
  position: absolute;
  right: 0;
  top: 0
}

.document-list-item .image-box {
  flex: 1 1 25%;
  max-width: 210px;
  position: relative
}

@media (max-width:567px) {
  .document-list-item .image-box {
    flex: 1 1 75%;
    max-width: 70%
  }
}

.document-list-item .image-box:before {
  content: "";
  display: block;
  padding-top: 66.66667%;
  position: relative
}

.document-list-item .image-box.chart:before {
  background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%)
}

.document-list-item .image-box img {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: .3s ease;
  width: 100%
}

.document-list-item .image-box img.loading {
  opacity: 0
}

.document-list-item .image-box .chart-title {
  color: var(--theme-color-white);
  font-family: Korb, sans-serif;
  font-size: 32px;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.document-list-item .image-box .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.document-list-item .text-box:not(:first-child) {
  padding-top: 20px
}

@media (min-width:568px) {
  .document-list-item .text-box {
    padding: 2px 0 0
  }

  .document-list-item .text-box:not(:first-child) {
    max-width: 75%;
    padding: 0 0 0 16px
  }
}

.document-list-item h6 {
  font-size: 18px;
  margin-top: 4px;
  text-decoration: underline
}

@media (min-width:768px) {
  .document-list-item h6 {
    font-size: 22px
  }
}

.document-list-item .details,
.document-list-item h5 {
  font-weight: 600
}

.document-list-item p {
  margin-bottom: 12px
}

.document-list-item .details {
  margin: 0
}

.document-list-item .kicker {
  margin-top: -4px
}

.election-form {
  --theme-color-link: #fff;
  --theme-color-link-hover: #fff;
  background: linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);
  border-radius: var(--border-radius-xs);
  color: #fff;
  font-size: var(--font-size-small);
  margin-bottom: 20px;
  margin-top: 40px;
  padding: 30px 30px 0
}

@media (max-width:567px) {
  .election-form {
    padding-bottom: 14px
  }
}

.election-form h2 {
  font-size: 36px;
  margin-bottom: .9em;
  margin-top: var(--section-headline-margin)
}

@media (max-width:767px) {
  .election-form h2 {
    font-size: 24px
  }
}

.election-form--form {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between
}

@media (max-width:767px) {
  .election-form--form {
    flex-wrap: wrap
  }
}

@media (max-width:567px) {
  .election-form--form {
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: nowrap
  }
}

.election-form button.search-submit {
  margin-bottom: 14px;
  position: static
}

@media (max-width:567px) {
  .election-form button.search-submit {
    margin-bottom: 0
  }
}

.election-form .input-wrapper {
  display: flex;
  flex: 1
}

@media (max-width:767px) {
  .election-form .input-wrapper {
    flex: initial;
    width: calc(50% - 15px)
  }
}

@media (max-width:567px) {
  .election-form .input-wrapper {
    width: 100%
  }
}

.election-form .input-wrapper input,
.election-form .input-wrapper select {
  margin: 0 30px 14px 0
}

@media (max-width:767px) {

  .election-form .input-wrapper input,
  .election-form .input-wrapper select {
    margin-right: 0
  }
}

.election-form .input-wrapper input {
  flex-grow: 1;
  width: 100%
}

@media (max-width:567px) {
  .election-form .input-wrapper {
    display: block
  }
}

.election-result-list-badge .badge-inner {
  background: var(--theme-color-primary-dimmed-04);
  border-radius: 18px;
  margin-bottom: 8px;
  padding: 6px 15px
}

.election-result-list-badge p {
  font-family: Korb, sans-serif;
  font-weight: 700;
  margin: 0
}

.election-result-list-badge p span {
  font-weight: 400;
  padding-left: 5px
}

.election-result-list-badge.inverted p {
  color: var(--theme-color-white);
  transition: .25s ease
}

.election-result-list-badge.inverted .badge-inner {
  background: var(--theme-color-primary);
  transition: .25s ease
}

.election-result-list-badge.inverted .badge-inner:hover {
  background-color: var(--theme-color-primary-dimmed-04)
}

.election-result-list-badge.inverted .badge-inner:hover p {
  color: var(--theme-color-primary)
}

.election-result-list-badge.closable {
  cursor: pointer
}

.election-result-list-badge.closable .badge-inner {
  padding-left: 48px;
  position: relative
}

.election-result-list-badge.closable .badge-inner:before {
  color: var(--theme-color-white);
  content: "\e82d";
  display: block;
  font-family: Icons, sans-serif;
  font-size: 18px;
  left: 15px;
  line-height: 1;
  margin-top: -9px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: .25s ease
}

.election-result-list-badge.closable .badge-inner:hover:before {
  color: var(--theme-color-primary)
}

.election-result-list-item {
  background: var(--theme-grey-light);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  width: 312px
}

@media (max-width:693px) {
  .election-result-list-item {
    width: 100%
  }
}

@media (max-width:356px) {
  .election-result-list-item {
    max-width: none
  }
}

.election-result-list-item .top-box {
  cursor: pointer;
  display: block
}

.election-result-list-item .image-box {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-bottom: 100%;
  position: relative;
  width: 100%
}

.election-result-list-item .image-box .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.election-result-list-item img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.election-result-list-item .text-box {
  padding: 10px
}

.contacts-in-text .contact-wrapper .election-result-list-item .like-h2,
.contacts-in-text .contact-wrapper .election-result-list-item h2,
.election-result-list-item .contacts-in-text .contact-wrapper .like-h2,
.election-result-list-item .contacts-in-text .contact-wrapper h2,
.election-result-list-item .sidebar .contact-wrapper .like-h2,
.election-result-list-item .sidebar .contact-wrapper h2,
.election-result-list-item .vst-registration .title,
.election-result-list-item h3,
.sidebar .contact-wrapper .election-result-list-item .like-h2,
.sidebar .contact-wrapper .election-result-list-item h2,
.vst-registration .election-result-list-item .title {
  font-size: 28px;
  -ms-hyphens: auto;
  hyphens: auto;
  line-height: 32px;
  margin: 5px 10px 15px;
  text-decoration: underline;
  word-break: break-word
}

.election-result-list-item .city-box,
.election-result-list-item .job-box {
  background: var(--theme-color-primary-dimmed-04);
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 4px 0 2px
}

@media (max-width:567px) {

  .election-result-list-item .city-box,
  .election-result-list-item .job-box {
    display: none
  }
}

.election-result-list-item .city-box a,
.election-result-list-item .city-box span,
.election-result-list-item .job-box a,
.election-result-list-item .job-box span {
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 26px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 8px)
}

.election-result-list-item .city-box a:before,
.election-result-list-item .city-box span:before,
.election-result-list-item .job-box a:before,
.election-result-list-item .job-box span:before {
  font-family: Icons;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.flockler {
  margin-bottom: var(--section-margin)
}

.flockler.colored {
  background-color: var(--theme-color-primary-dimmed-04);
  padding: var(--section-padding) 0
}

.flockler.colored h2 {
  margin-top: var(--section-headline-margin)
}

.flockler .flockler-carousel_v2-item__profile__name {
  font-family: Korb, sans-serif
}

.has-sidebar .flockler.colored {
  padding: var(--content-box-padding)
}

.mwf-upload-dropzone .page-footer .row.contact .mwf-upload-button>span,
.page-footer .row.contact .btn,
.page-footer .row.contact .mwf-upload-dropzone .mwf-upload-button>span,
.page-footer .row.contact .review-wrapper .submit,
.page-footer .row.contact .steps .next,
.page-footer .row.contact .vst-registration .submit,
.review-wrapper .page-footer .row.contact .submit,
.steps .page-footer .row.contact .next,
.vst-registration .page-footer .row.contact .submit {
  margin: .2em -.1em 1em
}

.mwf-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%
}

.mwf-layout>* {
  flex-basis: 100%
}

.mwf-layout>.width--s {
  flex-basis: calc(20% - 16px)
}

.mwf-layout>.width--m {
  flex-basis: calc(50% - 10px)
}

.mwf-layout>.width--l {
  flex-basis: calc(80% - 4px)
}

@media (max-width:767px) {
  .mwf-layout>* {
    flex-basis: 100% !important
  }
}

.mwf-checkboxgroup,
.mwf-file,
.mwf-radiogroup,
.mwf-select,
.mwf-textarea,
.mwf-textinput {
  display: flex;
  flex-direction: column
}

.mwf-checkboxgroup.has-error input,
.mwf-checkboxgroup.has-error select,
.mwf-checkboxgroup.has-error textarea,
.mwf-file.has-error input,
.mwf-file.has-error select,
.mwf-file.has-error textarea,
.mwf-radiogroup.has-error input,
.mwf-radiogroup.has-error select,
.mwf-radiogroup.has-error textarea,
.mwf-select.has-error input,
.mwf-select.has-error select,
.mwf-select.has-error textarea,
.mwf-textarea.has-error input,
.mwf-textarea.has-error select,
.mwf-textarea.has-error textarea,
.mwf-textinput.has-error input,
.mwf-textinput.has-error select,
.mwf-textinput.has-error textarea {
  box-shadow: 0 0 0 2px red, 0 0 8px 2px red
}

.mwf-checkboxgroup .mwf-file__label,
.mwf-checkboxgroup p,
.mwf-file .mwf-file__label,
.mwf-file p,
.mwf-radiogroup .mwf-file__label,
.mwf-radiogroup p,
.mwf-select .mwf-file__label,
.mwf-select p,
.mwf-textarea .mwf-file__label,
.mwf-textarea p,
.mwf-textinput .mwf-file__label,
.mwf-textinput p {
  margin: 0
}

.mwf-checkboxgroup .mwf-checkboxgroup__options,
.mwf-checkboxgroup .mwf-radioroup__options,
.mwf-file .mwf-checkboxgroup__options,
.mwf-file .mwf-radioroup__options,
.mwf-radiogroup .mwf-checkboxgroup__options,
.mwf-radiogroup .mwf-radioroup__options,
.mwf-select .mwf-checkboxgroup__options,
.mwf-select .mwf-radioroup__options,
.mwf-textarea .mwf-checkboxgroup__options,
.mwf-textarea .mwf-radioroup__options,
.mwf-textinput .mwf-checkboxgroup__options,
.mwf-textinput .mwf-radioroup__options {
  order: 1
}

.mwf-checkboxgroup input,
.mwf-checkboxgroup select,
.mwf-checkboxgroup textarea,
.mwf-file input,
.mwf-file select,
.mwf-file textarea,
.mwf-radiogroup input,
.mwf-radiogroup select,
.mwf-radiogroup textarea,
.mwf-select input,
.mwf-select select,
.mwf-select textarea,
.mwf-textarea input,
.mwf-textarea select,
.mwf-textarea textarea,
.mwf-textinput input,
.mwf-textinput select,
.mwf-textinput textarea {
  order: 2
}

.mwf-checkboxgroup .mwf-checkbox__hint,
.mwf-checkboxgroup .mwf-file__hint,
.mwf-checkboxgroup .mwf-radio__hint,
.mwf-checkboxgroup .mwf-select__hint,
.mwf-checkboxgroup .mwf-textarea__hint,
.mwf-checkboxgroup .mwf-textinput__hint,
.mwf-file .mwf-checkbox__hint,
.mwf-file .mwf-file__hint,
.mwf-file .mwf-radio__hint,
.mwf-file .mwf-select__hint,
.mwf-file .mwf-textarea__hint,
.mwf-file .mwf-textinput__hint,
.mwf-radiogroup .mwf-checkbox__hint,
.mwf-radiogroup .mwf-file__hint,
.mwf-radiogroup .mwf-radio__hint,
.mwf-radiogroup .mwf-select__hint,
.mwf-radiogroup .mwf-textarea__hint,
.mwf-radiogroup .mwf-textinput__hint,
.mwf-select .mwf-checkbox__hint,
.mwf-select .mwf-file__hint,
.mwf-select .mwf-radio__hint,
.mwf-select .mwf-select__hint,
.mwf-select .mwf-textarea__hint,
.mwf-select .mwf-textinput__hint,
.mwf-textarea .mwf-checkbox__hint,
.mwf-textarea .mwf-file__hint,
.mwf-textarea .mwf-radio__hint,
.mwf-textarea .mwf-select__hint,
.mwf-textarea .mwf-textarea__hint,
.mwf-textarea .mwf-textinput__hint,
.mwf-textinput .mwf-checkbox__hint,
.mwf-textinput .mwf-file__hint,
.mwf-textinput .mwf-radio__hint,
.mwf-textinput .mwf-select__hint,
.mwf-textinput .mwf-textarea__hint,
.mwf-textinput .mwf-textinput__hint {
  font-size: 16px;
  font-weight: 600;
  order: 3;
  text-align: end
}

.mwf-checkboxgroup .mwf-checkboxgroup__error,
.mwf-checkboxgroup .mwf-radiogroup__error,
.mwf-checkboxgroup .mwf-select__error,
.mwf-checkboxgroup .mwf-textarea__error,
.mwf-checkboxgroup .mwf-textinput__error,
.mwf-file .mwf-checkboxgroup__error,
.mwf-file .mwf-radiogroup__error,
.mwf-file .mwf-select__error,
.mwf-file .mwf-textarea__error,
.mwf-file .mwf-textinput__error,
.mwf-radiogroup .mwf-checkboxgroup__error,
.mwf-radiogroup .mwf-radiogroup__error,
.mwf-radiogroup .mwf-select__error,
.mwf-radiogroup .mwf-textarea__error,
.mwf-radiogroup .mwf-textinput__error,
.mwf-select .mwf-checkboxgroup__error,
.mwf-select .mwf-radiogroup__error,
.mwf-select .mwf-select__error,
.mwf-select .mwf-textarea__error,
.mwf-select .mwf-textinput__error,
.mwf-textarea .mwf-checkboxgroup__error,
.mwf-textarea .mwf-radiogroup__error,
.mwf-textarea .mwf-select__error,
.mwf-textarea .mwf-textarea__error,
.mwf-textarea .mwf-textinput__error,
.mwf-textinput .mwf-checkboxgroup__error,
.mwf-textinput .mwf-radiogroup__error,
.mwf-textinput .mwf-select__error,
.mwf-textinput .mwf-textarea__error,
.mwf-textinput .mwf-textinput__error {
  order: 4
}

.mwf-checkboxgroup .mwf-checkboxgroup__options,
.mwf-radiogroup .mwf-radiogroup__options {
  padding: 0 15px
}

.mwf-checkboxgroup,
.mwf-radiogroup {
  border: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0
}

.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options,
.mwf-checkboxgroup.horizontal .mwf-radiogroup__options,
.mwf-radiogroup.horizontal .mwf-checkboxgroup__options,
.mwf-radiogroup.horizontal .mwf-radiogroup__options {
  display: flex
}

.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options .mwf-checkbox,
.mwf-checkboxgroup.horizontal .mwf-checkboxgroup__options .mwf-radio,
.mwf-checkboxgroup.horizontal .mwf-radiogroup__options .mwf-checkbox,
.mwf-checkboxgroup.horizontal .mwf-radiogroup__options .mwf-radio,
.mwf-radiogroup.horizontal .mwf-checkboxgroup__options .mwf-checkbox,
.mwf-radiogroup.horizontal .mwf-checkboxgroup__options .mwf-radio,
.mwf-radiogroup.horizontal .mwf-radiogroup__options .mwf-checkbox,
.mwf-radiogroup.horizontal .mwf-radiogroup__options .mwf-radio {
  margin-right: 30px
}

.mwf-checkboxgroup legend,
.mwf-radiogroup legend {
  font-size: var(--font-size-small);
  margin-bottom: 5px
}

.mwf-checkbox input,
.mwf-radio input {
  margin-right: -30px !important;
  margin-top: 2px !important
}

.mwf-checkbox label,
.mwf-radio label {
  margin-left: 35px
}

.mwf-file .mwf-file__legend {
  order: 1
}

.mwf-file .mwf-file__uploaded {
  order: 3
}

.mwf-file .mwf-file__uploaded .mwf-file__ul {
  margin: 0;
  padding: 10px 0 0
}

@media (min-width:768px) {
  .mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-row {
    align-items: center;
    display: flex;
    justify-content: space-between
  }
}

.mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-fileinfo {
  align-items: center;
  display: flex
}

.mwf-file .mwf-file__uploaded .mwf-file__ul .mwf-upload-fileinfo .mwf-upload-preview {
  background-size: cover;
  height: 50px;
  margin-right: 10px;
  width: 50px
}

.mwf-file .mwf-file__uploaded .mwf-file__ul ul {
  font-size: 12px;
  list-style: none;
  padding: 0
}

.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions,
.mwf-file .mwf-file__uploaded .mwf-upload-actions {
  padding: 0
}

.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button,
.mwf-file .mwf-file__uploaded .mwf-upload-actions button {
  background-color: var(--theme-color-primary);
  border: none;
  border-radius: var(--border-radius-md);
  color: var(--theme-color-white);
  cursor: pointer;
  font-family: Korb, sans-serif;
  font-weight: 400;
  line-height: 1;
  margin-left: 10px;
  padding: 10px 24px;
  text-decoration: none;
  transition: .2s ease
}

.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button.focus-visible:focus,
.mwf-file .mwf-file__uploaded .mwf-upload-actions button.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button.-moz-focusring,
.mwf-file .mwf-file__uploaded .mwf-file__uploaded-actions button:focus-visible,
.mwf-file .mwf-file__uploaded .mwf-upload-actions button.-moz-focusring,
.mwf-file .mwf-file__uploaded .mwf-upload-actions button:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.mwf-file .mwf-file__dropzone {
  background-color: #fff;
  border: 2px dashed #ccc;
  display: block;
  order: 2;
  text-align: center
}

.mwf-file .mwf-file__dropzone label {
  color: #b4b4b4;
  display: block;
  font-family: Korb, sans-serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 2em .5em 5em;
  position: relative
}

.mwf-file .mwf-file__dropzone label:after {
  background-color: var(--theme-color-primary);
  border-radius: var(--border-radius-md);
  bottom: 1em;
  box-shadow: 0 0 0 2px var(--theme-color-primary);
  color: var(--theme-color-white);
  content: "Datei auswählen";
  cursor: pointer;
  display: inline-flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  font-weight: 400;
  left: 50%;
  line-height: 1;
  padding: 10px 24px;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap
}

.mwf-file .mwf-file__dropzone label input {
  cursor: pointer;
  font-size: 20px;
  left: 50%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%)
}

.mwf-form__actions {
  border-top: 1px solid var(--theme-color-primary-dimmed-03);
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

ul.mwf-summary__list {
  font-size: var(--font-size-small);
  list-style: none;
  padding: 0
}

ul.mwf-summary__list li.mwf-summary__item {
  border-bottom: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  display: flex;
  padding: 15px
}

ul.mwf-summary__list li.mwf-summary__item:nth-child(2n) {
  background-color: var(--theme-color-primary-dimmed-04)
}

ul.mwf-summary__list li.mwf-summary__item span.mwf-summary-item__label {
  flex: 0.4
}

ul.mwf-summary__list li.mwf-summary__item span.mwf-summary-item__value {
  flex: 0.6
}

.mwf-form .row.requireText {
  margin-left: 0
}

#ui-datepicker-div {
  background-color: #fff;
  border: 1px solid var(--theme-color-link)
}

#ui-datepicker-div .ui-datepicker-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
  cursor: pointer;
  padding: 0 10px
}

#ui-datepicker-div .ui-datepicker-title {
  display: flex;
  width: 100%
}

.gallery {
  --gallery-spacing: 8px;
  margin: var(--section-margin) 0;
  max-width: 880px;
  width: 100%
}

@media (min-width:568px) {
  .gallery.content-media-right {
    float: right;
    margin: 18px 0 20px 30px;
    max-width: calc(50% - 15px)
  }
}

@media (min-width:568px) and (max-width:767px) {
  .gallery.content-media-right {
    margin: 14px 0 15px 20px;
    max-width: calc(50% - 10px)
  }
}

@media (min-width:568px) {
  .gallery.content-media-right:first-child {
    margin-top: 0
  }

  .gallery.content-media-left {
    float: left;
    margin: 18px 30px 20px 0;
    max-width: calc(50% - 15px)
  }
}

@media (min-width:568px) and (max-width:767px) {
  .gallery.content-media-left {
    margin: 14px 20px 15px 0;
    max-width: calc(50% - 10px)
  }
}

@media (min-width:568px) {
  .gallery.content-media-left:first-child {
    margin-top: 0
  }
}

.gallery .gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--gallery-spacing)/-2)
}

.gallery .image {
  flex: 1 1 100%;
  padding: calc(var(--gallery-spacing)/2);
  transform: translateZ(0) scale(1);
  transition: .3s ease
}

.gallery .image.loading {
  opacity: 0;
  transform: translateZ(0) scale(.9)
}

.gallery .image a {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  position: relative;
  transition: .2s ease
}

.gallery .image a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.gallery .image a.-moz-focusring,
.gallery .image a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.gallery .image a:before {
  content: "";
  display: block;
  padding-top: 66.666667%;
  position: relative
}

.gallery .image a:after {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.gallery .image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.gallery .image .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  opacity: 1 !important;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.gallery[data-type=grid] .image {
  flex: 1 1 33.3333%;
  max-width: 33.3334%
}

@media (max-width:567px) {
  .gallery[data-type=grid] .image {
    flex: 1 1 50%;
    max-width: 50%
  }
}

.gallery[data-type=first-image] .image a:after,
.gallery[data-type=sinlge-image] .image a:after {
  display: none
}

.gallery[data-type=first-image] .btn,
.gallery[data-type=first-image] .mwf-upload-dropzone .mwf-upload-button>span,
.gallery[data-type=first-image] .review-wrapper .submit,
.gallery[data-type=first-image] .steps .next,
.gallery[data-type=first-image] .vst-registration .submit,
.gallery[data-type=sinlge-image] .btn,
.gallery[data-type=sinlge-image] .mwf-upload-dropzone .mwf-upload-button>span,
.gallery[data-type=sinlge-image] .review-wrapper .submit,
.gallery[data-type=sinlge-image] .steps .next,
.gallery[data-type=sinlge-image] .vst-registration .submit,
.mwf-upload-dropzone .gallery[data-type=first-image] .mwf-upload-button>span,
.mwf-upload-dropzone .gallery[data-type=sinlge-image] .mwf-upload-button>span,
.review-wrapper .gallery[data-type=first-image] .submit,
.review-wrapper .gallery[data-type=sinlge-image] .submit,
.steps .gallery[data-type=first-image] .next,
.steps .gallery[data-type=sinlge-image] .next,
.vst-registration .gallery[data-type=first-image] .submit,
.vst-registration .gallery[data-type=sinlge-image] .submit {
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0
}

.gallery[data-type=first-image] .image,
.gallery[data-type=sinlge-image] .image {
  opacity: 1;
  position: relative;
  transform: none
}

.gallery[data-type=first-image] .image a,
.gallery[data-type=sinlge-image] .image a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgc3R5bGU9Im1hcmdpbjphdXRvO2JhY2tncm91bmQ6MCAwO2Rpc3BsYXk6YmxvY2s7c2hhcGUtcmVuZGVyaW5nOmF1dG8iIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMzYiIHN0cm9rZS13aWR0aD0iMiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMDs0MCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSIwcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxcyIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGtleVRpbWVzPSIwOzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAzNiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iLTAuNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMXMiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBrZXlUaW1lcz0iMDsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIwOzQwIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49Ii0wLjVzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIi8+PC9jaXJjbGU+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80px;
  display: block
}

.gallery[data-type=first-image] .image+.image,
.gallery[data-type=sinlge-image] .image+.image {
  display: none
}

.gallery[data-type=first-image] img,
.gallery[data-type=sinlge-image] img {
  opacity: 0;
  transition: .3s ease
}

.gallery[data-type=first-image].loaded .image .copyright,
.gallery[data-type=first-image].loaded .image-description,
.gallery[data-type=first-image].loaded img,
.gallery[data-type=sinlge-image].loaded .image .copyright,
.gallery[data-type=sinlge-image].loaded .image-description,
.gallery[data-type=sinlge-image].loaded img {
  opacity: 1
}

.gallery[data-type=first-image] .gallery-wrapper,
.gallery[data-type=sinlge-image] .gallery-wrapper {
  padding: 5px
}

.gallery[data-type=first-image] .gallery-wrapper>.image-description,
.gallery[data-type=sinlge-image] .gallery-wrapper>.image-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 12px
}

.gallery[data-type=first-image] .copyright,
.gallery[data-type=first-image] .image-description,
.gallery[data-type=first-image] img,
.gallery[data-type=sinlge-image] .copyright,
.gallery[data-type=sinlge-image] .image-description,
.gallery[data-type=sinlge-image] img {
  opacity: 0;
  transition: .4s ease
}

.gallery[data-type=masonry] .gallery-wrapper {
  align-items: flex-start;
  flex-wrap: nowrap
}

.gallery[data-type=masonry] .column {
  flex: 1 1 100%
}

.gallery[data-type=masonry] .image a:before {
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.gallery[data-type=masonry] .image img {
  opacity: 0;
  transition: .3s ease
}

.gallery[data-type=masonry] .image.loaded img {
  opacity: 1
}

.gallery[data-type=grid] .image:not(.loading):not(.loaded) {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.gallery[data-type=grid] .image-description,
.gallery[data-type=masonry] .image-description {
  display: none !important
}

.gallery[data-type=grid] .image a,
.gallery[data-type=masonry] .image a {
  overflow: hidden
}

.gallery[data-type=grid] .image a:after,
.gallery[data-type=masonry] .image a:after {
  align-items: center;
  color: #fff;
  content: "\e85f";
  display: flex;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  justify-content: center;
  line-height: 1;
  opacity: 0;
  transition: .3s ease;
  z-index: 1
}

.gallery[data-type=grid] .image a:before,
.gallery[data-type=masonry] .image a:before {
  background-color: var(--theme-color-primary);
  opacity: 0;
  transition: .3s ease;
  z-index: 1
}

.gallery[data-type=grid] .image a img,
.gallery[data-type=masonry] .image a img {
  transition: .3s ease
}

.gallery[data-type=grid] .image a.-moz-focusring:before,
.gallery[data-type=grid] .image a.focus-visible:focus:before,
.gallery[data-type=grid] .image a:focus-visible:before,
.gallery[data-type=grid] .image a:hover:before,
.gallery[data-type=masonry] .image a.-moz-focusring:before,
.gallery[data-type=masonry] .image a.focus-visible:focus:before,
.gallery[data-type=masonry] .image a:focus-visible:before,
.gallery[data-type=masonry] .image a:hover:before {
  opacity: .5
}

.gallery[data-type=grid] .image a.-moz-focusring:after,
.gallery[data-type=grid] .image a.focus-visible:focus:after,
.gallery[data-type=grid] .image a:focus-visible:after,
.gallery[data-type=grid] .image a:hover:after,
.gallery[data-type=masonry] .image a.-moz-focusring:after,
.gallery[data-type=masonry] .image a.focus-visible:focus:after,
.gallery[data-type=masonry] .image a:focus-visible:after,
.gallery[data-type=masonry] .image a:hover:after {
  opacity: 1
}

.gallery[data-type=grid] .image a.-moz-focusring img,
.gallery[data-type=grid] .image a.focus-visible:focus img,
.gallery[data-type=grid] .image a:focus-visible img,
.gallery[data-type=grid] .image a:hover img,
.gallery[data-type=masonry] .image a.-moz-focusring img,
.gallery[data-type=masonry] .image a.focus-visible:focus img,
.gallery[data-type=masonry] .image a:focus-visible img,
.gallery[data-type=masonry] .image a:hover img {
  transform: translateZ(0) scale(1.04)
}

.gallery .button-wrapper {
  text-align: center
}

.gallery .button-wrapper .btn,
.gallery .button-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
.gallery .button-wrapper .review-wrapper .submit,
.gallery .button-wrapper .steps .next,
.gallery .button-wrapper .vst-registration .submit,
.mwf-upload-dropzone .gallery .button-wrapper .mwf-upload-button>span,
.review-wrapper .gallery .button-wrapper .submit,
.steps .gallery .button-wrapper .next,
.vst-registration .gallery .button-wrapper .submit {
  margin: 40px 0 0
}

@media (max-width:767px) {

  .gallery .button-wrapper .btn,
  .gallery .button-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
  .gallery .button-wrapper .review-wrapper .submit,
  .gallery .button-wrapper .steps .next,
  .gallery .button-wrapper .vst-registration .submit,
  .mwf-upload-dropzone .gallery .button-wrapper .mwf-upload-button>span,
  .review-wrapper .gallery .button-wrapper .submit,
  .steps .gallery .button-wrapper .next,
  .vst-registration .gallery .button-wrapper .submit {
    margin-top: 24px
  }
}

.gallery[data-infinite-scroll=true] .button-wrapper .btn,
.gallery[data-infinite-scroll=true] .button-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
.gallery[data-infinite-scroll=true] .button-wrapper .review-wrapper .submit,
.gallery[data-infinite-scroll=true] .button-wrapper .steps .next,
.gallery[data-infinite-scroll=true] .button-wrapper .vst-registration .submit,
.mwf-upload-dropzone .gallery[data-infinite-scroll=true] .button-wrapper .mwf-upload-button>span,
.review-wrapper .gallery[data-infinite-scroll=true] .button-wrapper .submit,
.steps .gallery[data-infinite-scroll=true] .button-wrapper .next,
.vst-registration .gallery[data-infinite-scroll=true] .button-wrapper .submit {
  position: absolute;
  visibility: hidden
}

.gallery-popup {
  background-color: rgba(15, 28, 40, .95);
  color: #fff;
  height: calc(var(--viewport-height, 1vh)*100);
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 100
}

.gallery-popup.open {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.gallery-popup .slide:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgc3R5bGU9Im1hcmdpbjphdXRvO2JhY2tncm91bmQ6MCAwO2Rpc3BsYXk6YmxvY2s7c2hhcGUtcmVuZGVyaW5nOmF1dG8iIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMzYiIHN0cm9rZS13aWR0aD0iMiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMDs0MCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSIwcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxcyIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGtleVRpbWVzPSIwOzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAzNiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iLTAuNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMXMiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBrZXlUaW1lcz0iMDsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIwOzQwIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49Ii0wLjVzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIi8+PC9jaXJjbGU+PC9zdmc+);
  background-size: 60px;
  content: "";
  filter: saturate(0) brightness(100);
  height: 60px;
  left: 50%;
  margin: -30px;
  position: absolute;
  top: 50%;
  width: 60px
}

.gallery-popup .image-box {
  display: block;
  max-width: 90%;
  opacity: 1;
  position: relative;
  transition: .3s ease
}

.gallery-popup .image-box img {
  max-height: calc(var(--viewport-height, 1vh)*74)
}

@media (min-width:1000px) {
  .gallery-popup .image-box img {
    max-width: calc(100vw - 200px)
  }
}

.gallery-popup .image-box .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.gallery-popup .text-box {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  margin: 20px 20px -10px
}

.gallery-popup .text-box .copyright {
  font-size: 14px;
  font-style: italic;
  order: 1
}

@media (max-width:767px) {
  .gallery-popup .text-box {
    font-size: 16px
  }
}

.gallery-popup .controls .next,
.gallery-popup .controls .prev {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 50px;
  line-height: 0;
  margin: -25px 15px;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 50px
}

.gallery-popup .controls .next:before,
.gallery-popup .controls .prev:before {
  content: "\e825";
  font-family: Icons, sans-serif;
  font-size: 30px;
  line-height: 1
}

@media (max-width:999px) {

  .gallery-popup .controls .next,
  .gallery-popup .controls .prev {
    display: none
  }
}

.gallery-popup .controls .prev {
  left: 0;
  transform: rotate(180deg)
}

.gallery-popup .controls .tabs {
  display: none
}

.gallery-popup .controls .count {
  font-size: 18px;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 120px
}

.gallery-popup .controls .count span {
  margin: 0 5px
}

.gallery-popup .slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(var(--viewport-height, 1vh)*100);
  justify-content: center;
  opacity: 1;
  position: relative;
  text-align: center;
  transition: .4s linear
}

.gallery-popup .slide.preload .image-box {
  opacity: 0
}

.gallery-popup .closer,
.gallery-popup .download {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  height: 50px;
  line-height: 1;
  margin: 15px;
  padding: 10px 0;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 1
}

.gallery-popup .closer:before,
.gallery-popup .download:before {
  font-family: Icons, sans-serif
}

.gallery-popup .closer {
  right: 0
}

.gallery-popup .closer:before {
  content: "\e82d"
}

.gallery-popup .download {
  left: 0;
  text-align: center;
  text-decoration: none
}

.gallery-popup .download:before {
  content: "\e809"
}

.gallery-popup a.focus-visible:focus,
.gallery-popup button.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.gallery-popup a.-moz-focusring,
.gallery-popup a:focus-visible,
.gallery-popup button.-moz-focusring,
.gallery-popup button:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.slider .gallery[data-type=first-image] .image:before,
.teaser .gallery[data-type=first-image] .image:before {
  padding-top: 66.6666%
}

.global-message {
  align-items: flex-end;
  background-color: var(--theme-color-primary-dimmed-04);
  box-shadow: 0 -1px 0 0 var(--theme-color-primary-dimmed-04);
  display: flex;
  font-size: var(--font-size-small);
  margin-bottom: 10px;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  position: sticky;
  top: var(--header-height);
  transition: top .25s cubic-bezier(.25, .46, .45, .94), max-height .4s cubic-bezier(.25, .46, .45, .94);
  z-index: 99
}

@media (max-width:767px) {
  .global-message {
    --font-size-small: 14px
  }

  .global-message.light .close {
    background-color: rgba(var(--theme-color-primary-rgb), .1)
  }
}

.global-message.bold {
  --theme-color-link: #fff;
  --theme-color-link-hover: var(--theme-color-secondary);
  background-color: var(--theme-color-primary);
  box-shadow: 0 -1px 0 0 var(--theme-color-primary);
  color: var(--theme-color-background)
}

.global-message.alarming {
  --theme-color-link: #fff;
  --theme-color-link-hover: #fff;
  background-color: #ea515a;
  box-shadow: 0 -1px 0 0 #ea515a;
  color: var(--theme-color-background)
}

.global-message.open {
  max-height: none
}

.global-message .inner {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  min-height: 50px;
  padding: 0 40px;
  position: relative
}

@media (max-width:767px) {
  .global-message .inner {
    padding: 0 0 0 12px
  }
}

.global-message .inner:before {
  align-self: flex-start;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin-right: .3em;
  margin-top: 10px
}

.global-message div,
.global-message p {
  line-height: 1.3;
  margin: 13px 20px 13px 0
}

@media (max-width:767px) {

  .global-message div,
  .global-message p {
    margin-right: 12px
  }
}

.global-message .close {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin: 0 -.2em 0 auto;
  padding: 0;
  position: relative;
  width: var(--icon-size)
}

.global-message .close:before {
  content: "\e82d"
}

@media (max-width:767px) {
  .global-message .close {
    align-items: center;
    align-self: stretch;
    background-color: hsla(0, 0%, 100%, .1);
    justify-content: center;
    margin-right: 0;
    min-width: calc(var(--icon-size)*1.8)
  }
}

@media (min-width:1200px) {
  .header-scrolled .global-message {
    --header-height: 100px
  }
}

@media (max-width:767px) {
  .page-header .logo {
    align-items: center;
    display: flex;
    height: 44px;
    left: 0;
    margin: 18px 20px;
    padding: 0;
    position: fixed;
    top: 0;
    width: calc(100vw - 110px)
  }

  .page-header .logo img {
    display: block;
    height: auto;
    max-height: 44px;
    max-width: calc(100vw - 110px);
    object-fit: contain;
    object-position: left center;
    position: relative;
    width: 100%
  }
}

.howto-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--section-margin);
  margin-top: var(--section-margin)
}

@media (max-width:767px) {
  .howto-list {
    display: block
  }
}

.howto-list--left {
  width: calc(50% - 30px)
}

@media (max-width:767px) {
  .howto-list--left {
    padding-bottom: 32px;
    width: auto
  }
}

.howto-list h2 {
  font-size: 64px;
  line-height: 70px;
  margin-top: 0
}

@media (max-width:399px) {
  .howto-list h2 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: .3em
  }
}

.howto-list ul {
  margin: 0;
  padding: 0 0 0 132px;
  width: calc(50% - 30px)
}

@media (max-width:767px) {
  .howto-list ul {
    width: auto
  }
}

@media (max-width:399px) {
  .howto-list ul {
    padding-left: 0
  }
}

.howto-list ul li {
  list-style: none;
  padding: 0 0 32px;
  position: relative
}

.howto-list ul a {
  display: block;
  text-decoration: none
}

.contacts-in-text .contact-wrapper .howto-list ul .like-h2,
.contacts-in-text .contact-wrapper .howto-list ul h2,
.howto-list ul .contacts-in-text .contact-wrapper .like-h2,
.howto-list ul .contacts-in-text .contact-wrapper h2,
.howto-list ul .sidebar .contact-wrapper .like-h2,
.howto-list ul .sidebar .contact-wrapper h2,
.howto-list ul .vst-registration .title,
.howto-list ul h3,
.sidebar .contact-wrapper .howto-list ul .like-h2,
.sidebar .contact-wrapper .howto-list ul h2,
.vst-registration .howto-list ul .title {
  margin-bottom: .18em;
  margin-top: 0
}

.howto-list ul p {
  margin-bottom: 5px
}

.howto-list ul span {
  text-decoration: underline
}

.howto-list ul .icon-box,
.howto-list ul img {
  color: var(--theme-color-primary) !important;
  font-family: Pictograms, sans-serif;
  font-size: 70px;
  height: 100px;
  left: -132px;
  line-height: 1.4285;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 100px
}

.howto-list ul .icon-box:after,
.howto-list ul img:after {
  background: var(--theme-color-secondary);
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  max-height: 100px;
  max-width: 100px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media (max-width:399px) {

  .howto-list ul .icon-box,
  .howto-list ul img {
    left: auto;
    margin-bottom: 16px;
    position: static;
    top: auto
  }
}

.ihk-switch .input-wrapper .btn,
.ihk-switch .input-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
.ihk-switch .input-wrapper .review-wrapper .submit,
.ihk-switch .input-wrapper .steps .next,
.ihk-switch .input-wrapper .vst-registration .submit,
.mwf-upload-dropzone .ihk-switch .input-wrapper .mwf-upload-button>span,
.review-wrapper .ihk-switch .input-wrapper .submit,
.steps .ihk-switch .input-wrapper .next,
.vst-registration .ihk-switch .input-wrapper .submit {
  background: #193f69;
  border-radius: 0;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ihk-switch .input-wrapper .btn *,
.ihk-switch .input-wrapper .btn:hover:after,
.ihk-switch .input-wrapper .mwf-upload-dropzone .mwf-upload-button>span *,
.ihk-switch .input-wrapper .mwf-upload-dropzone .mwf-upload-button>span:hover:after,
.ihk-switch .input-wrapper .review-wrapper .submit *,
.ihk-switch .input-wrapper .review-wrapper .submit:hover:after,
.ihk-switch .input-wrapper .steps .next *,
.ihk-switch .input-wrapper .steps .next:hover:after,
.ihk-switch .input-wrapper .vst-registration .submit *,
.ihk-switch .input-wrapper .vst-registration .submit:hover:after,
.mwf-upload-dropzone .ihk-switch .input-wrapper .mwf-upload-button>span *,
.mwf-upload-dropzone .ihk-switch .input-wrapper .mwf-upload-button>span:hover:after,
.review-wrapper .ihk-switch .input-wrapper .submit *,
.review-wrapper .ihk-switch .input-wrapper .submit:hover:after,
.steps .ihk-switch .input-wrapper .next *,
.steps .ihk-switch .input-wrapper .next:hover:after,
.vst-registration .ihk-switch .input-wrapper .submit *,
.vst-registration .ihk-switch .input-wrapper .submit:hover:after {
  display: none
}

.ihk-switch .btn+.btn,
.ihk-switch .mwf-upload-dropzone .mwf-upload-button>.btn+span,
.ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.btn,
.ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+span,
.ihk-switch .mwf-upload-dropzone .review-wrapper .mwf-upload-button>span+.submit,
.ihk-switch .mwf-upload-dropzone .steps .mwf-upload-button>span+.next,
.ihk-switch .mwf-upload-dropzone .vst-registration .mwf-upload-button>span+.submit,
.ihk-switch .review-wrapper .btn+.submit,
.ihk-switch .review-wrapper .mwf-upload-dropzone .mwf-upload-button>.submit+span,
.ihk-switch .review-wrapper .steps .submit+.next,
.ihk-switch .review-wrapper .submit+.btn,
.ihk-switch .review-wrapper .submit+.submit,
.ihk-switch .steps .btn+.next,
.ihk-switch .steps .mwf-upload-dropzone .mwf-upload-button>.next+span,
.ihk-switch .steps .next+.btn,
.ihk-switch .steps .next+.next,
.ihk-switch .steps .review-wrapper .next+.submit,
.ihk-switch .steps .vst-registration .next+.submit,
.ihk-switch .vst-registration .btn+.submit,
.ihk-switch .vst-registration .mwf-upload-dropzone .mwf-upload-button>.submit+span,
.ihk-switch .vst-registration .steps .submit+.next,
.ihk-switch .vst-registration .submit+.btn,
.ihk-switch .vst-registration .submit+.submit,
.mwf-upload-dropzone .ihk-switch .mwf-upload-button>.btn+span,
.mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.btn,
.mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+span,
.mwf-upload-dropzone .ihk-switch .review-wrapper .mwf-upload-button>.submit+span,
.mwf-upload-dropzone .ihk-switch .review-wrapper .mwf-upload-button>span+.submit,
.mwf-upload-dropzone .ihk-switch .steps .mwf-upload-button>.next+span,
.mwf-upload-dropzone .ihk-switch .steps .mwf-upload-button>span+.next,
.mwf-upload-dropzone .ihk-switch .vst-registration .mwf-upload-button>.submit+span,
.mwf-upload-dropzone .ihk-switch .vst-registration .mwf-upload-button>span+.submit,
.mwf-upload-dropzone .review-wrapper .ihk-switch .mwf-upload-button>.submit+span,
.mwf-upload-dropzone .steps .ihk-switch .mwf-upload-button>.next+span,
.mwf-upload-dropzone .vst-registration .ihk-switch .mwf-upload-button>.submit+span,
.review-wrapper .ihk-switch .btn+.submit,
.review-wrapper .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.submit+span,
.review-wrapper .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.submit,
.review-wrapper .ihk-switch .steps .next+.submit,
.review-wrapper .ihk-switch .steps .submit+.next,
.review-wrapper .ihk-switch .submit+.btn,
.review-wrapper .ihk-switch .submit+.submit,
.review-wrapper .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.submit,
.review-wrapper .steps .ihk-switch .next+.submit,
.steps .ihk-switch .btn+.next,
.steps .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.next+span,
.steps .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.next,
.steps .ihk-switch .next+.btn,
.steps .ihk-switch .next+.next,
.steps .ihk-switch .review-wrapper .next+.submit,
.steps .ihk-switch .review-wrapper .submit+.next,
.steps .ihk-switch .vst-registration .next+.submit,
.steps .ihk-switch .vst-registration .submit+.next,
.steps .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.next,
.steps .review-wrapper .ihk-switch .submit+.next,
.steps .vst-registration .ihk-switch .submit+.next,
.vst-registration .ihk-switch .btn+.submit,
.vst-registration .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.submit+span,
.vst-registration .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.submit,
.vst-registration .ihk-switch .steps .next+.submit,
.vst-registration .ihk-switch .steps .submit+.next,
.vst-registration .ihk-switch .submit+.btn,
.vst-registration .ihk-switch .submit+.submit,
.vst-registration .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.submit,
.vst-registration .steps .ihk-switch .next+.submit {
  margin-left: 16px
}

@media (max-width:767px) {

  .ihk-switch .btn+.btn,
  .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.btn+span,
  .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.btn,
  .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+span,
  .ihk-switch .mwf-upload-dropzone .review-wrapper .mwf-upload-button>span+.submit,
  .ihk-switch .mwf-upload-dropzone .steps .mwf-upload-button>span+.next,
  .ihk-switch .mwf-upload-dropzone .vst-registration .mwf-upload-button>span+.submit,
  .ihk-switch .review-wrapper .btn+.submit,
  .ihk-switch .review-wrapper .mwf-upload-dropzone .mwf-upload-button>.submit+span,
  .ihk-switch .review-wrapper .steps .submit+.next,
  .ihk-switch .review-wrapper .submit+.btn,
  .ihk-switch .review-wrapper .submit+.submit,
  .ihk-switch .steps .btn+.next,
  .ihk-switch .steps .mwf-upload-dropzone .mwf-upload-button>.next+span,
  .ihk-switch .steps .next+.btn,
  .ihk-switch .steps .next+.next,
  .ihk-switch .steps .review-wrapper .next+.submit,
  .ihk-switch .steps .vst-registration .next+.submit,
  .ihk-switch .vst-registration .btn+.submit,
  .ihk-switch .vst-registration .mwf-upload-dropzone .mwf-upload-button>.submit+span,
  .ihk-switch .vst-registration .steps .submit+.next,
  .ihk-switch .vst-registration .submit+.btn,
  .ihk-switch .vst-registration .submit+.submit,
  .mwf-upload-dropzone .ihk-switch .mwf-upload-button>.btn+span,
  .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.btn,
  .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+span,
  .mwf-upload-dropzone .ihk-switch .review-wrapper .mwf-upload-button>.submit+span,
  .mwf-upload-dropzone .ihk-switch .review-wrapper .mwf-upload-button>span+.submit,
  .mwf-upload-dropzone .ihk-switch .steps .mwf-upload-button>.next+span,
  .mwf-upload-dropzone .ihk-switch .steps .mwf-upload-button>span+.next,
  .mwf-upload-dropzone .ihk-switch .vst-registration .mwf-upload-button>.submit+span,
  .mwf-upload-dropzone .ihk-switch .vst-registration .mwf-upload-button>span+.submit,
  .mwf-upload-dropzone .review-wrapper .ihk-switch .mwf-upload-button>.submit+span,
  .mwf-upload-dropzone .steps .ihk-switch .mwf-upload-button>.next+span,
  .mwf-upload-dropzone .vst-registration .ihk-switch .mwf-upload-button>.submit+span,
  .review-wrapper .ihk-switch .btn+.submit,
  .review-wrapper .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.submit+span,
  .review-wrapper .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.submit,
  .review-wrapper .ihk-switch .steps .next+.submit,
  .review-wrapper .ihk-switch .steps .submit+.next,
  .review-wrapper .ihk-switch .submit+.btn,
  .review-wrapper .ihk-switch .submit+.submit,
  .review-wrapper .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.submit,
  .review-wrapper .steps .ihk-switch .next+.submit,
  .steps .ihk-switch .btn+.next,
  .steps .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.next+span,
  .steps .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.next,
  .steps .ihk-switch .next+.btn,
  .steps .ihk-switch .next+.next,
  .steps .ihk-switch .review-wrapper .next+.submit,
  .steps .ihk-switch .review-wrapper .submit+.next,
  .steps .ihk-switch .vst-registration .next+.submit,
  .steps .ihk-switch .vst-registration .submit+.next,
  .steps .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.next,
  .steps .review-wrapper .ihk-switch .submit+.next,
  .steps .vst-registration .ihk-switch .submit+.next,
  .vst-registration .ihk-switch .btn+.submit,
  .vst-registration .ihk-switch .mwf-upload-dropzone .mwf-upload-button>.submit+span,
  .vst-registration .ihk-switch .mwf-upload-dropzone .mwf-upload-button>span+.submit,
  .vst-registration .ihk-switch .steps .next+.submit,
  .vst-registration .ihk-switch .steps .submit+.next,
  .vst-registration .ihk-switch .submit+.btn,
  .vst-registration .ihk-switch .submit+.submit,
  .vst-registration .mwf-upload-dropzone .ihk-switch .mwf-upload-button>span+.submit,
  .vst-registration .steps .ihk-switch .next+.submit {
    margin-left: 10px
  }
}

.image-text {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto var(--section-margin) auto;
  max-width: 1340px;
  padding: 45px 0;
  position: relative;
  z-index: 1
}

.contacts-in-text .contact-wrapper .image-text .like-h2,
.contacts-in-text .contact-wrapper .image-text h2,
.image-text .contacts-in-text .contact-wrapper .like-h2,
.image-text .contacts-in-text .contact-wrapper h2,
.image-text .sidebar .contact-wrapper .like-h2,
.image-text .sidebar .contact-wrapper h2,
.image-text .vst-registration .title,
.image-text h3,
.sidebar .contact-wrapper .image-text .like-h2,
.sidebar .contact-wrapper .image-text h2,
.vst-registration .image-text .title {
  font-size: 28px;
  line-height: 120%
}

@media (min-width:768px) {

  .contacts-in-text .contact-wrapper .image-text .like-h2,
  .contacts-in-text .contact-wrapper .image-text h2,
  .image-text .contacts-in-text .contact-wrapper .like-h2,
  .image-text .contacts-in-text .contact-wrapper h2,
  .image-text .sidebar .contact-wrapper .like-h2,
  .image-text .sidebar .contact-wrapper h2,
  .image-text .vst-registration .title,
  .image-text h3,
  .sidebar .contact-wrapper .image-text .like-h2,
  .sidebar .contact-wrapper .image-text h2,
  .vst-registration .image-text .title {
    font-size: 36px
  }
}

@media (min-width:1110px) {

  .contacts-in-text .contact-wrapper .image-text .like-h2,
  .contacts-in-text .contact-wrapper .image-text h2,
  .image-text .contacts-in-text .contact-wrapper .like-h2,
  .image-text .contacts-in-text .contact-wrapper h2,
  .image-text .sidebar .contact-wrapper .like-h2,
  .image-text .sidebar .contact-wrapper h2,
  .image-text .vst-registration .title,
  .image-text h3,
  .sidebar .contact-wrapper .image-text .like-h2,
  .sidebar .contact-wrapper .image-text h2,
  .vst-registration .image-text .title {
    font-size: 42px
  }
}

.contacts-in-text .contact-wrapper .image-text .like-h2+p,
.contacts-in-text .contact-wrapper .image-text h2+p,
.image-text .contacts-in-text .contact-wrapper .like-h2+p,
.image-text .contacts-in-text .contact-wrapper h2+p,
.image-text .sidebar .contact-wrapper .like-h2+p,
.image-text .sidebar .contact-wrapper h2+p,
.image-text .vst-registration .title+p,
.image-text h3+p,
.sidebar .contact-wrapper .image-text .like-h2+p,
.sidebar .contact-wrapper .image-text h2+p,
.vst-registration .image-text .title+p {
  font-size: 18px
}

@media (min-width:768px) {

  .contacts-in-text .contact-wrapper .image-text .like-h2+p,
  .contacts-in-text .contact-wrapper .image-text h2+p,
  .image-text .contacts-in-text .contact-wrapper .like-h2+p,
  .image-text .contacts-in-text .contact-wrapper h2+p,
  .image-text .sidebar .contact-wrapper .like-h2+p,
  .image-text .sidebar .contact-wrapper h2+p,
  .image-text .vst-registration .title+p,
  .image-text h3+p,
  .sidebar .contact-wrapper .image-text .like-h2+p,
  .sidebar .contact-wrapper .image-text h2+p,
  .vst-registration .image-text .title+p {
    font-size: 22px
  }
}

.image-text.colored:before {
  background: var(--theme-grey-light);
  content: "";
  height: 100%;
  left: 50%;
  margin: 0 calc(-50vw + 7px);
  position: absolute;
  top: 0;
  width: calc(100vw - var(--scrollbar-width));
  z-index: -1
}

.image-text.switched .image-text--image {
  order: 2
}

.image-text.switched .image-text--text {
  order: 1
}

@media (max-width:767px) {
  .image-text {
    display: block
  }
}

.image-text--image,
.image-text--text {
  width: calc(50% - 30px)
}

@media (max-width:767px) {

  .image-text--image,
  .image-text--text {
    margin-bottom: 32px;
    width: auto
  }
}

.image-text--image {
  position: relative
}

.image-text--image:after {
  background-color: var(--theme-color-secondary);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  transition: .3s ease;
  width: 100%;
  z-index: 1
}

.image-text h2 {
  font-size: 64px;
  line-height: 70px;
  margin-top: 0
}

@media (max-width:399px) {
  .image-text h2 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: .3em
  }
}

.image-text a {
  margin-top: 11px
}

.image-text img {
  border-radius: 4px;
  display: block;
  height: auto;
  width: 100%
}

.image-text ol,
.image-text ul {
  margin: 1em 0 0;
  padding: 0
}

.image-text ol li,
.image-text ul li {
  display: block;
  margin-bottom: .6em;
  padding-left: 32px;
  position: relative
}

@media (max-width:767px) {

  .image-text ol li,
  .image-text ul li {
    padding-left: 24px
  }
}

.image-text ol li:after,
.image-text ul li:after {
  background-color: var(--theme-color-secondary);
  border-radius: 3px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 8px
}

@media (max-width:767px) {

  .image-text ol li:after,
  .image-text ul li:after {
    height: 6px;
    top: 10px;
    width: 6px
  }
}

.contacts-in-text .contact-wrapper .image-text ol .like-h2,
.contacts-in-text .contact-wrapper .image-text ol h2,
.contacts-in-text .contact-wrapper .image-text ul .like-h2,
.contacts-in-text .contact-wrapper .image-text ul h2,
.image-text ol .contacts-in-text .contact-wrapper .like-h2,
.image-text ol .contacts-in-text .contact-wrapper h2,
.image-text ol .sidebar .contact-wrapper .like-h2,
.image-text ol .sidebar .contact-wrapper h2,
.image-text ol .vst-registration .title,
.image-text ol h3,
.image-text ul .contacts-in-text .contact-wrapper .like-h2,
.image-text ul .contacts-in-text .contact-wrapper h2,
.image-text ul .sidebar .contact-wrapper .like-h2,
.image-text ul .sidebar .contact-wrapper h2,
.image-text ul .vst-registration .title,
.image-text ul h3,
.sidebar .contact-wrapper .image-text ol .like-h2,
.sidebar .contact-wrapper .image-text ol h2,
.sidebar .contact-wrapper .image-text ul .like-h2,
.sidebar .contact-wrapper .image-text ul h2,
.vst-registration .image-text ol .title,
.vst-registration .image-text ul .title {
  font-size: var(--font-size-copy);
  font-weight: 600;
  margin: 0
}

.infobox,
.richtext div.strong,
article.col div.strong {
  background-color: var(--theme-color-secondary-dimmed);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  margin: calc(3% + 26px) 0;
  padding: var(--content-box-padding)
}

.infobox.success,
.richtext div.strong.success,
article.col div.strong.success {
  background-color: var(--theme-color-success-dimmed);
  border-color: var(--theme-color-success)
}

.infobox.error,
.richtext div.strong.error,
article.col div.strong.error {
  background-color: var(--theme-color-error-dimmed);
  border-color: var(--theme-color-error)
}

.infobox.warning,
.richtext div.strong.warning,
article.col div.strong.warning {
  background-color: var(--theme-color-warning-dimmed);
  border-color: var(--theme-color-warning)
}

.infobox>:first-child,
.richtext div.strong>:first-child,
article.col div.strong>:first-child {
  margin-top: -.4em
}

.infobox>:last-child,
.richtext div.strong>:last-child,
article.col div.strong>:last-child {
  margin-bottom: -.4em
}

.infobox:first-child,
.richtext div.strong:first-child,
article.col div.strong:first-child {
  margin-top: 0
}

.infobox:last-child,
.richtext div.strong:last-child,
article.col div.strong:last-child {
  margin-bottom: 0
}

.snippingTool {
  background-color: var(--theme-color-secondary-dimmed);
  margin: calc(3% + 26px) 50px;
  padding: var(--content-box-padding);
  width: 652px
}

.snippingTool .topicSnippingTool {
  margin: 10px 0
}

.snippingTool .snippingToolLink {
  font-size: var(--font-size-xs);
  margin: 5px 0 0
}

.snippingTool .snippingToolTitle {
  margin: 0
}

.snippingTool .snippingToolDescription {
  font-size: var(--font-size-xs)
}

.dl-teaser,
.link-collection,
.ll-teaser,
.ll-teaser-text {
  background-color: var(--theme-color-secondary-dimmed);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  margin: var(--section-margin) 0;
  padding: var(--content-box-padding)
}

@media (max-width:567px) {

  .dl-teaser,
  .link-collection,
  .ll-teaser,
  .ll-teaser-text {
    padding: calc(var(--content-box-padding)*1.5) var(--content-box-padding)
  }
}

.dl-teaser .btn-wrapper,
.link-collection .btn-wrapper,
.ll-teaser .btn-wrapper,
.ll-teaser-text .btn-wrapper {
  padding-top: 10px;
  text-align: right
}

.dl-teaser h2,
.link-collection h2,
.ll-teaser h2,
.ll-teaser-text h2 {
  margin-top: calc(var(--content-box-padding)*-.2)
}

.link-collection[data-cols="2"] .linklist {
  column-count: 2;
  column-gap: 40px
}

.link-collection[data-cols="2"] .linklist>li {
  break-inside: avoid;
  page-break-inside: avoid
}

section .link-collection {
  margin: calc(var(--col-padding)*-1) 0
}

@media (min-width:1200px) {
  .col:first-child:last-child>.link-collection {
    padding: 46px 60px 42px
  }
}

@media (min-width:1000px) {
  .col:first-child:last-child>.link-collection .linklist {
    column-count: 2;
    column-gap: 40px
  }
}

.col:first-child:last-child>.link-collection .linklist>li {
  break-inside: avoid;
  page-break-inside: avoid
}

.main-col .col:first-child:last-child>.link-collection,
.main-col .link-collection {
  margin: calc(2% + 20px) 0 calc(3% + 20px)
}

.main-col .col:first-child:last-child>.link-collection .linklist,
.main-col .link-collection .linklist {
  column-count: 1
}

.dl-teaser .hideInTableOfContents {
  margin-top: 0
}

.linklist {
  --linklist-icon-padding: 38px;
  --linklist-focus-padding: 6px
}

@media (max-width:999px) {
  .linklist {
    --linklist-icon-padding: 30px
  }
}

.sidebar .linklist>li {
  line-height: 1.4;
  margin-bottom: 6px
}

.sidebar .linklist>li>a {
  padding-left: 34px
}

.sidebar .linklist>li>a:before {
  font-size: 24px;
  top: 2px
}

.linklist,
.richtext .linklist {
  list-style: none;
  margin: 1em 0;
  padding: 0
}

.linklist>li,
.richtext .linklist>li {
  margin: 0 0 8px;
  padding-left: var(--linklist-icon-padding);
  position: relative
}

.linklist>li:after,
.richtext .linklist>li:after {
  display: none !important
}

@media (max-width:767px) {

  .linklist>li,
  .richtext .linklist>li {
    margin-bottom: 4px
  }
}

.linklist>li>a,
.richtext .linklist>li>a {
  border-radius: 3px;
  display: inline-block;
  font-weight: 400;
  line-height: 1.3;
  margin-left: calc(var(--linklist-icon-padding)*-1 - var(--linklist-focus-padding));
  margin-right: -4px;
  padding: 4px var(--linklist-focus-padding) 4px calc(var(--linklist-icon-padding) + var(--linklist-focus-padding));
  position: relative;
  text-underline-offset: 3px;
  transform: translateZ(0);
  transition: .2s cubic-bezier(.25, .46, .45, .94)
}

.linklist>li>a.focus-visible:focus,
.richtext .linklist>li>a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.linklist>li>a.-moz-focusring,
.linklist>li>a:focus-visible,
.richtext .linklist>li>a.-moz-focusring,
.richtext .linklist>li>a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.linklist>li>a:before,
.richtext .linklist>li>a:before {
  content: "\e826";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: calc(var(--linklist-focus-padding)*.5);
  line-height: 1;
  position: absolute;
  text-decoration: underline;
  text-decoration: none;
  top: calc(var(--font-size-copy)*.65 - var(--icon-size)/2 + 4px);
  transform: translateZ(0)
}

.linklist>li>a:hover,
.richtext .linklist>li>a:hover {
  color: var(--theme-color-link-hover)
}

.linklist>li a.download:before,
.richtext .linklist>li a.download:before {
  content: "\e809"
}

.linklist>li a.extern:before,
.linklist>li a.external:before,
.richtext .linklist>li a.extern:before,
.richtext .linklist>li a.external:before {
  content: "\e819"
}

.linklist>li a.intranet:before,
.richtext .linklist>li a.intranet:before {
  content: "\e82e"
}

.linklist>li a.extranet:before,
.richtext .linklist>li a.extranet:before {
  content: "\e830"
}

.linklist>li>div.text,
.linklist>li>p,
.richtext .linklist>li>div.text,
.richtext .linklist>li>p {
  font-size: var(--font-size-small);
  margin-bottom: 8px;
  margin-top: 6px
}

.linklist>li>div.text:last-child,
.linklist>li>p:last-child,
.richtext .linklist>li>div.text:last-child,
.richtext .linklist>li>p:last-child {
  margin-bottom: 14px
}

.login-form {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  margin: var(--section-margin) 0;
  overflow: hidden;
  padding: var(--content-box-padding);
  position: relative
}

.login-form fieldset {
  border: 0;
  margin: -.2em 0 0;
  padding: 0
}

.login-form .login-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}

.login-form .login-wrapper>div {
  display: block;
  flex: 1 1 50%;
  max-width: 50%;
  padding: 0 10px;
  position: relative
}

@media (max-width:567px) {
  .login-form .login-wrapper>div {
    flex: 1 1 100%;
    max-width: 100%
  }
}

.login-form .login-wrapper>div.terms {
  flex: 1 1 100%;
  margin-top: .3em;
  max-width: 100%
}

.login-form .terms-text {
  display: inline-block;
  max-width: calc(100% - 45px)
}

.login-form .terms-text a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.login-form .terms-text a.-moz-focusring,
.login-form .terms-text a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.login-form .btn-wrapper {
  text-align: right
}

.login-form .submit {
  color: var(--theme-color-primary)
}

.login-form .submit.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.login-form .submit.-moz-focusring,
.login-form .submit:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.login-form .submit:focus,
.login-form .submit:hover {
  box-shadow: 0 0 0 5px rgba(var(--theme-color-secondary), .5);
  color: var(--theme-color-primary)
}

.login-form .submit:before {
  content: "\e81e";
  font-size: 30px;
  line-height: 1
}

@media (max-width:767px) {
  .login-form {
    padding: calc(var(--content-box-padding)*1.5) var(--content-box-padding)
  }
}

section.extranet-wrapper .update-wrapper {
  border-top: 1px solid;
  margin-top: 20px;
  padding-top: 20px
}

section.extranet-wrapper .update-wrapper .item {
  margin-bottom: 10px
}

section.extranet-wrapper .widecol {
  flex: 1 1 66%;
  max-width: 100%
}

.magazine-article article.col,
.magazine-article.col {
  background-color: #fff;
  margin: 0 auto;
  max-width: 66.6667%;
  padding-bottom: 0;
  position: relative;
  width: 880px;
  z-index: 1
}

@media (max-width:1199px) {

  .magazine-article article.col,
  .magazine-article.col {
    max-width: 83.3333%
  }
}

@media (max-width:999px) {

  .magazine-article article.col,
  .magazine-article.col {
    box-shadow: 0 0 0 10px #fff
  }
}

@media (max-width:767px) {

  .magazine-article article.col,
  .magazine-article.col {
    box-shadow: 0 -4px 0 2px #fff;
    max-width: 100%
  }
}

.magazine-article article.col .print-share,
.magazine-article.col .print-share {
  margin-bottom: 0
}

.magazine-article article.col .print-share .bookmarks.show-bookmarks,
.magazine-article.col .print-share .bookmarks.show-bookmarks {
  margin-bottom: 1em
}

.magazine-article article.col .author-date,
.magazine-article.col .author-date {
  margin: -18px 0 30px
}

@media (max-width:999px) {

  .magazine-article article.col .author-date,
  .magazine-article.col .author-date {
    margin-top: -8px
  }
}

@media (max-width:767px) {

  .magazine-article article.col .author-date,
  .magazine-article.col .author-date {
    font-size: 18px;
    margin-top: -4px
  }
}

.magazine-article article.col .image-box img,
.magazine-article.col .image-box img {
  max-width: 100%
}

@media (min-width:568px) {

  .magazine-article article.col .image-box.off-grid,
  .magazine-article.col .image-box.off-grid {
    float: left;
    margin: .3em 20px 1em 0;
    width: calc(50% - 10px)
  }
}

@media (min-width:768px) {

  .magazine-article article.col .image-box.off-grid,
  .magazine-article.col .image-box.off-grid {
    margin: .3em 40px 1em calc(-12.5% - 5px);
    width: calc(50% - 20px)
  }
}

@media (min-width:768px) and (max-width:1199px) {

  .magazine-article article.col .image-box.off-grid,
  .magazine-article.col .image-box.off-grid {
    margin: .3em 30px 1em calc(-10% - 3px);
    width: calc(50% - 15px)
  }
}

@media (min-width:768px) and (max-width:999px) {

  .magazine-article article.col .image-box.off-grid,
  .magazine-article.col .image-box.off-grid {
    margin: .3em 20px 1em calc(-10% - 2px);
    width: calc(50% - 10px)
  }
}

.magazine-article article.col .image-box.off-grid~:not(p),
.magazine-article.col .image-box.off-grid~:not(p) {
  clear: left
}

.magazine-article article.col .image-box.portrait,
.magazine-article.col .image-box.portrait {
  display: flex;
  flex-flow: column;
  justify-content: center
}

.magazine-article article.col .image-box.portrait figcaption,
.magazine-article article.col .image-box.portrait img,
.magazine-article.col .image-box.portrait figcaption,
.magazine-article.col .image-box.portrait img {
  align-self: center
}

@media (min-width:768px) {
  .magazine-cover {
    margin: 40px 0 0
  }
}

@media (max-width:767px) {
  .magazine-cover {
    margin: -6px 0 0
  }

  .magazine-cover .image-box {
    margin: 0 calc(var(--container-padding)*-1)
  }

  .magazine-cover .reading-time {
    display: none
  }
}

.magazine-cover .row {
  justify-content: center
}

.magazine-cover .reading-time {
  float: right;
  margin: 0 2px 10px;
  position: relative;
  right: 0
}

.magazine-cover:after {
  clear: both;
  content: "";
  display: block
}

.magazine-cover .col {
  margin-bottom: -35px;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:768px) {
  .magazine-cover .col {
    margin-bottom: -45px
  }
}

@media (min-width:1200px) {
  .magazine-cover .col {
    margin-bottom: -50px
  }
}

@media (min-width:1400px) {
  .magazine-cover .col {
    max-width: 83.33334%
  }
}

.magazine-cover img {
  aspect-ratio: 1110/440;
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  opacity: 1;
  transition: .4s ease
}

.magazine-cover img.loading {
  opacity: 0
}

@media (max-width:567px) {
  .magazine-cover img {
    aspect-ratio: 3/2
  }
}

.magazine-header {
  --magazine-header-height: 90px;
  box-shadow: 0 -10px 0 0 var(--theme-color-white);
  height: var(--magazine-header-height);
  margin-top: 0
}

@media (max-width:767px) {
  .magazine-header {
    --magazine-header-height: 70px;
    margin-bottom: 0
  }
}

.magazine-header a {
  transition: none
}

.magazine-header .gradient {
  background: linear-gradient(90deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)
}

.magazine-header .title {
  font-family: var(--font-korb);
  font-size: var(--font-size-h1)
}

@media (max-width:567px) {
  .magazine-header .title {
    display: block;
    width: 100%
  }
}

.magazine-header img {
  height: calc(var(--magazine-header-height)*7/9);
  margin: 0 auto
}

.magazine-header .image-and-text {
  align-items: center;
  display: flex !important
}

@media (max-width:567px) {
  .magazine-header .image-and-text {
    width: auto
  }
}

@media (max-width:370px) {
  .magazine-header .image-and-text img {
    display: none
  }
}

.magazine-header .text {
  display: flex;
  flex-direction: column;
  font-size: 32px;
  line-height: 29px;
  margin: 0;
  padding-left: 10px;
  white-space: nowrap
}

@media (max-width:567px) {
  .magazine-header .text {
    font-size: 22px;
    line-height: 19px
  }
}

.magazine-header .text .title-text {
  text-align: right
}

.magazine-header .text .small-text {
  font-size: 19px;
  text-align: right
}

@media (max-width:567px) {
  .magazine-header .text .small-text {
    font-size: 13px
  }
}

.magazine-header.narrow {
  --magazine-header-height: 50px;
  margin-bottom: 10px
}

@media (max-width:767px) {
  .magazine-header.narrow {
    margin-bottom: 0
  }
}

.magazine-header.narrow .title {
  font-size: var(--font-size-h3)
}

.newsletter-teaser {
  --theme-color-link: #fff;
  --theme-color-link-hover: #fff;
  background: linear-gradient(140deg, var(--theme-color-gradient-01) 30%, var(--theme-color-gradient-02) 75%, var(--theme-color-gradient-03) 108%);
  border-radius: var(--border-radius-xs);
  color: #fff;
  font-size: var(--font-size-small);
  padding: var(--content-box-padding)
}

@media (max-width:767px) {
  .newsletter-teaser {
    padding: calc(var(--content-box-padding)*2) var(--content-box-padding)
  }
}

.newsletter-teaser h2 {
  margin-bottom: .4em;
  margin-top: var(--section-headline-margin)
}

.newsletter-teaser .input-wrapper {
  display: flex;
  margin: 1.5em 0
}

.newsletter-teaser .input-wrapper input {
  flex-grow: 1;
  margin: 0 1em 0 0;
  min-width: 40%;
  width: auto
}

.mwf-upload-dropzone .newsletter-teaser .input-wrapper .mwf-upload-button>span,
.newsletter-teaser .input-wrapper .btn,
.newsletter-teaser .input-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
.newsletter-teaser .input-wrapper .review-wrapper .submit,
.newsletter-teaser .input-wrapper .steps .next,
.newsletter-teaser .input-wrapper .vst-registration .submit,
.review-wrapper .newsletter-teaser .input-wrapper .submit,
.steps .newsletter-teaser .input-wrapper .next,
.vst-registration .newsletter-teaser .input-wrapper .submit {
  display: block;
  white-space: nowrap
}

@media (max-width:567px) {
  .newsletter-teaser .input-wrapper {
    display: block
  }

  .mwf-upload-dropzone .newsletter-teaser .input-wrapper .mwf-upload-button>span,
  .newsletter-teaser .input-wrapper .btn,
  .newsletter-teaser .input-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
  .newsletter-teaser .input-wrapper .review-wrapper .submit,
  .newsletter-teaser .input-wrapper .steps .next,
  .newsletter-teaser .input-wrapper .vst-registration .submit,
  .review-wrapper .newsletter-teaser .input-wrapper .submit,
  .steps .newsletter-teaser .input-wrapper .next,
  .vst-registration .newsletter-teaser .input-wrapper .submit {
    margin-top: .7em
  }

  .newsletter-teaser .input-wrapper input {
    min-width: 100%
  }
}

.newsletter-teaser ul {
  list-style: none;
  margin: 2em 0 -.3em;
  padding: 0
}

.newsletter-teaser li {
  align-items: flex-start;
  display: flex;
  line-height: 1.3;
  margin: .4em 0 0;
  padding: 0
}

.newsletter-teaser li .form-element {
  width: 100%
}

.newsletter-teaser input[type=checkbox] {
  border-color: #fff;
  margin-left: 0;
  margin-right: .6em
}

.newsletter-teaser input[type=checkbox]+label {
  font-size: var(--font-size-small);
  margin-bottom: .3em
}

.participation-list {
  margin: calc(20px + 2%) 0
}

.participation-list-item+.participation-list-item {
  padding-top: 30px
}

@media (max-width:999px) {
  .participation-list-item+.participation-list-item {
    padding-top: 20px
  }
}

@media (max-width:767px) {
  .participation-list-item+.participation-list-item {
    padding-top: 15px
  }
}

.participation-list-item .tile {
  background-color: var(--theme-color-primary-dimmed-04);
  border-radius: var(--border-radius-md);
  padding: 20px 20px 12px;
  position: relative
}

@media (min-width:768px) {
  .participation-list-item .tile {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
  }
}

.participation-list-item .tile:before {
  display: none
}

@media (max-width:767px) {
  .participation-list-item .tile .buttons {
    padding-top: 0
  }
}

@media (min-width:768px) {
  .participation-list-item .tile .buttons {
    display: block;
    min-width: 240px;
    padding-left: 40px;
    text-align: right
  }

  .mwf-upload-dropzone .participation-list-item .tile .buttons .mwf-upload-button>span,
  .participation-list-item .tile .buttons .btn,
  .participation-list-item .tile .buttons .mwf-upload-dropzone .mwf-upload-button>span,
  .participation-list-item .tile .buttons .review-wrapper .submit,
  .participation-list-item .tile .buttons .steps .next,
  .participation-list-item .tile .buttons .vst-registration .submit,
  .review-wrapper .participation-list-item .tile .buttons .submit,
  .steps .participation-list-item .tile .buttons .next,
  .vst-registration .participation-list-item .tile .buttons .submit {
    margin: 8px 0 4px
  }
}

.participation-list-item .tile .like-h4 {
  margin-bottom: .5em;
  margin-top: .2em
}

.participation-list-item .progress {
  display: inline-block;
  margin: 0;
  vertical-align: top
}

@media (max-width:370px) {
  .participation-list-item .progress {
    max-width: calc(100% - 150px)
  }
}

.participation-list-item .progress+.kicker {
  display: inline-block;
  line-height: 1;
  margin: 0 0 0 10px;
  vertical-align: top
}

.participation-teaser {
  background-color: #fff;
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column;
  flex-flow: column;
  font-size: var(--font-size-small);
  justify-content: space-between;
  overflow: hidden;
  padding: 24px;
  position: relative;
  text-decoration: none;
  transition: .25s ease;
  width: 100%
}

@media (max-width:999px) {
  .participation-teaser {
    padding: 14px
  }
}

@media (max-width:767px) {
  .participation-teaser {
    border-radius: 8px;
    font-size: 16px;
    min-height: 84px
  }
}

.participation-teaser:before {
  background-color: var(--theme-color-primary);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi41ODUgNi41ODVhNS42MyA1LjYzIDAgMCAxIDMuOTc4LTEuNjQ3aDU2Ljg3NWE1LjYyNSA1LjYyNSAwIDAgMSA1LjYyNCA1LjYyNXYzNS43NWE1LjYyNSA1LjYyNSAwIDAgMS01LjYyNCA1LjYyNEgzMy4yMjlMMTYuMDYzIDY0LjgxNGExLjI1IDEuMjUgMCAwIDEtMi0xVjUxLjkzN2gtNy41YTUuNjI1IDUuNjI1IDAgMCAxLTUuNjI1LTUuNjI0di0zNS43NWMwLTEuNDkyLjU5Mi0yLjkyMyAxLjY0Ny0zLjk3OG0zLjk3OC44NTNhMy4xMjUgMy4xMjUgMCAwIDAtMy4xMjUgMy4xMjV2MzUuNzVhMy4xMjUgMy4xMjUgMCAwIDAgMy4xMjUgMy4xMjRoOC43NWMuNjkgMCAxLjI1LjU2IDEuMjUgMS4yNXYxMC42MjZsMTUuNS0xMS42MjZjLjIxNi0uMTYyLjQ3OS0uMjUuNzUtLjI1aDMwLjYyNGEzLjEyNSAzLjEyNSAwIDAgMCAzLjEyNi0zLjEyNHYtMzUuNzVhMy4xMjUgMy4xMjUgMCAwIDAtMy4xMjYtMy4xMjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyNCIgeD0iMzQiIHk9IjEyIiBmaWxsPSIjZmZmIiByeD0iMS41Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM1LjM0NCA0MC4zMTNhMi4zNDQgMi4zNDQgMCAxIDAgMCA0LjY4OCAyLjM0NCAyLjM0NCAwIDAgMCAwLTQuNjg4Ii8+PC9zdmc+);
  background-position: center 65%;
  background-repeat: no-repeat;
  background-size: 60px;
  content: "";
  display: block;
  height: 70px;
  left: 0;
  margin: 0 -24px 10px;
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width:567px) {
  .participation-teaser:before {
    font-size: 50px;
    margin-top: 0
  }
}

.participation-teaser .text-box {
  padding-top: 66px
}

.participation-teaser .buttons,
.participation-teaser .like-h4,
.participation-teaser p {
  margin: .5em 0
}

.participation-teaser .buttons {
  display: flex;
  justify-content: space-between;
  padding-top: .4em
}

@media screen and (max-width:1200px) {
  .participation-teaser .buttons {
    flex-wrap: wrap
  }

  .mwf-upload-dropzone .participation-teaser .buttons .mwf-upload-button>span,
  .participation-teaser .buttons .btn,
  .participation-teaser .buttons .mwf-upload-dropzone .mwf-upload-button>span,
  .participation-teaser .buttons .review-wrapper .submit,
  .participation-teaser .buttons .steps .next,
  .participation-teaser .buttons .vst-registration .submit,
  .review-wrapper .participation-teaser .buttons .submit,
  .steps .participation-teaser .buttons .next,
  .vst-registration .participation-teaser .buttons .submit {
    margin-bottom: 6px
  }
}

.mwf-upload-dropzone .participation-teaser .buttons .mwf-upload-button>span:last-child,
.participation-teaser .buttons .btn:last-child,
.participation-teaser .buttons .mwf-upload-dropzone .mwf-upload-button>span:last-child,
.participation-teaser .buttons .review-wrapper .submit:last-child,
.participation-teaser .buttons .steps .next:last-child,
.participation-teaser .buttons .vst-registration .submit:last-child,
.review-wrapper .participation-teaser .buttons .submit:last-child,
.steps .participation-teaser .buttons .next:last-child,
.vst-registration .participation-teaser .buttons .submit:last-child {
  margin-left: 12px
}

@media screen and (max-width:1200px) {

  .mwf-upload-dropzone .participation-teaser .buttons .mwf-upload-button>span:last-child,
  .participation-teaser .buttons .btn:last-child,
  .participation-teaser .buttons .mwf-upload-dropzone .mwf-upload-button>span:last-child,
  .participation-teaser .buttons .review-wrapper .submit:last-child,
  .participation-teaser .buttons .steps .next:last-child,
  .participation-teaser .buttons .vst-registration .submit:last-child,
  .review-wrapper .participation-teaser .buttons .submit:last-child,
  .steps .participation-teaser .buttons .next:last-child,
  .vst-registration .participation-teaser .buttons .submit:last-child {
    margin-left: 0
  }
}

.print-share {
  margin: var(--section-margin) 0
}

.print-share .bookmarks {
  margin-top: .8em
}

.print-share-list {
  border-top: 1px solid var(--theme-color-primary-dimmed-03);
  display: block;
  list-style: none;
  margin: 0;
  padding: 20px 0;
  position: relative
}

.print-share-list li {
  display: inline-block;
  margin-right: 20px
}

.print-share-list a {
  border-radius: var(--border-radius-xs);
  margin: 0;
  padding: .2em 0;
  transition: .25s ease
}

.print-share-list a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.print-share-list a.-moz-focusring,
.print-share-list a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.print-share-list a.print-btn:before {
  content: "\e80b"
}

.print-share-list a.share-mail:before {
  content: "\e84c"
}

.print-share-list a.print-pdf:before {
  content: "\e820"
}

.print-share-list a:before {
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 30px;
  line-height: 1;
  margin-right: 7px;
  text-decoration: underline;
  text-decoration: none;
  vertical-align: middle
}

.print-share-list a:hover {
  color: var(--theme-color-link-hover)
}

@media (max-width:999px) {
  .print-share-list li {
    margin-right: 10px
  }

  .print-share-list a {
    font-size: 0
  }

  .main-col .print-share {
    display: none
  }
}

.mobile-footer {
  display: none;
  flex: 1 1 100%;
  padding: 10px 10px 0
}

.mobile-footer:after {
  clear: both;
  content: "";
  display: block;
  position: relative
}

@media (max-width:999px) {
  .mobile-footer {
    display: block
  }
}

.mobile-footer .docnumber,
.mobile-footer .document-number {
  display: inline-block;
  float: right;
  margin: 15px -4px
}

.mobile-footer .docnumber:last-child,
.mobile-footer .document-number:last-child {
  margin-bottom: 0;
  margin-right: 8px
}

.mobile-footer .docnumber+.print-share,
.mobile-footer .document-number+.print-share {
  clear: both
}

.mobile-footer .print-share-list {
  margin-bottom: 10px
}

@media (max-width:999px) {
  .bookmarks-wrapper {
    padding-top: 15px
  }

  .bookmarks-wrapper .print-share-list {
    margin-bottom: 6px
  }
}

.bookmarks-wrapper .docnumber,
.bookmarks-wrapper .document-number {
  display: inline-block;
  float: right;
  margin: 15px -4px
}

@media (min-width:1000px) {

  .bookmarks-wrapper .docnumber,
  .bookmarks-wrapper .document-number {
    display: none
  }
}

.bookmarks-wrapper .docnumber+.print-share,
.bookmarks-wrapper .document-number+.print-share {
  clear: both
}

#socialbookmarks,
.bookmarks {
  display: block;
  margin-bottom: -54px;
  position: relative;
  transition: .3s ease
}

#socialbookmarks .social-icons,
.bookmarks .social-icons {
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  transform: translateZ(0) scale(.8);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  vertical-align: top;
  visibility: hidden
}

@media (max-width:567px) {

  #socialbookmarks .social-icons,
  .bookmarks .social-icons {
    margin-bottom: -10px;
    margin-left: -10px
  }

  #socialbookmarks .social-icons li,
  .bookmarks .social-icons li {
    margin-bottom: 10px;
    margin-left: 10px
  }

  #socialbookmarks .social-icons a,
  .bookmarks .social-icons a {
    font-size: 32px;
    height: 32px;
    width: 32px
  }

  #socialbookmarks .social-icons a:before,
  .bookmarks .social-icons a:before {
    font-size: 32px;
    line-height: 32px
  }
}

@media (max-width:359px) {

  #socialbookmarks .social-icons,
  .bookmarks .social-icons {
    margin-bottom: -8px;
    margin-left: -8px
  }

  #socialbookmarks .social-icons li,
  .bookmarks .social-icons li {
    margin-bottom: 8px;
    margin-left: 8px
  }
}

#socialbookmarks.show-bookmarks,
.bookmarks.show-bookmarks {
  margin-bottom: 76px
}

@media (max-width:767px) {

  #socialbookmarks.show-bookmarks,
  .bookmarks.show-bookmarks {
    margin-bottom: 5px
  }
}

#socialbookmarks.show-bookmarks .social-icons,
.bookmarks.show-bookmarks .social-icons {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0) scale(1);
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.search-filter-form {
  --search-padding: 28px;
  background-color: var(--theme-color-primary-dimmed-04);
  margin-bottom: 20px;
  padding: 24px var(--search-padding) 0;
  position: relative
}

.search-filter-form input[type=checkbox]+label,
.search-filter-form input[type=radio]+label {
  max-width: none
}

@media (max-width:767px) {
  .search-filter-form {
    --search-padding: var(--container-padding);
    margin: -10px calc(var(--container-padding)*-1) var(--container-padding);
    padding: var(--container-padding) var(--search-padding) 0
  }
}

.search-filter-form .like-h3,
.search-filter-form h1,
.search-filter-form h2 {
  line-height: 1;
  margin-left: 1px;
  margin-top: 0
}

.search-filter-form fieldset {
  border: 0;
  padding: 0;
  position: relative
}

.search-filter-form fieldset:last-child {
  padding-bottom: 32px
}

.search-filter-form .toggle-actions {
  padding: 30px 0
}

.mwf-upload-dropzone .search-filter-form .toggle-actions .mwf-upload-button>span.open:before,
.review-wrapper .search-filter-form .toggle-actions .open.submit:before,
.search-filter-form .toggle-actions .btn.open:before,
.search-filter-form .toggle-actions .mwf-upload-dropzone .mwf-upload-button>span.open:before,
.search-filter-form .toggle-actions .review-wrapper .open.submit:before,
.search-filter-form .toggle-actions .steps .open.next:before,
.search-filter-form .toggle-actions .vst-registration .open.submit:before,
.steps .search-filter-form .toggle-actions .open.next:before,
.vst-registration .search-filter-form .toggle-actions .open.submit:before {
  content: "\e81f"
}

@media (max-width:567px) {

  .search-filter-form .extend-left,
  .search-filter-form .extendleft {
    margin: 15px 2px 2px
  }
}

@media (min-width:568px) {

  .search-filter-form .extend-left,
  .search-filter-form .extendleft {
    float: right;
    margin-right: 10px;
    margin-top: -60px
  }
}

@media (max-width:567px) {
  .search-filter-form .search-results-search {
    display: flex;
    flex-direction: column
  }

  .search-filter-form .search-results-search .toggle-actions {
    margin-top: 15px;
    order: 1;
    padding-bottom: 24px
  }
}

.search-filter-form .extended-search {
  display: none;
  margin: 0 calc(var(--search-padding)*-1)
}

@media (max-width:767px) {
  .search-filter-form .extended-search {
    margin: 0 calc(var(--container-padding)*-1)
  }
}

.search-filter-form .extended-search:before {
  background-color: var(--theme-color-white);
  content: "";
  display: block;
  height: 30px;
  position: relative
}

@media (max-width:767px) {
  .search-filter-form .extended-search:before {
    height: 10px
  }
}

.search-filter-form .input-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding: 1em var(--search-padding) 1em
}

.search-filter-form .ev-items .ev-filter-wrapper,
.search-filter-form .input-wrapper {
  display: flex
}

.search-filter-form .ev-items .ev-filter-wrapper label,
.search-filter-form .input-wrapper label {
  margin-bottom: -.3em
}

.search-filter-form .ev-items .ev-filter-wrapper.checkbox-group {
  display: block;
  margin-bottom: -.5em
}

.search-filter-form .ev-items .ev-filter-wrapper.checkbox-group .ev-filter {
  background-color: transparent;
  margin-bottom: 0;
  padding-bottom: 0
}

.search-filter-form .ev-search-btn {
  border-top: 1px solid var(--theme-color-white);
  cursor: pointer;
  display: block;
  padding: 13px 20px 13px 58px;
  position: relative;
  text-decoration: underline;
  transition: .2s ease
}

.search-filter-form .ev-search-btn.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.search-filter-form .ev-search-btn.-moz-focusring,
.search-filter-form .ev-search-btn:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.search-filter-form .ev-search-btn:before {
  content: "\e828";
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 24px;
  font-weight: 400;
  left: calc(var(--search-padding) - 2px);
  line-height: 30px;
  margin-top: -15px;
  position: absolute;
  text-decoration: none;
  top: 50%
}

@media (max-width:767px) {
  .search-filter-form .ev-search-btn {
    font-size: 18px;
    font-weight: 600;
    padding-left: 52px
  }

  .search-filter-form .ev-search-btn:before {
    left: 18px
  }
}

.search-filter-form .ev-search-btn.focus-visible:focus {
  z-index: 1
}

.search-filter-form .ev-search-btn.-moz-focusring,
.search-filter-form .ev-search-btn:focus-visible {
  z-index: 1
}

.search-filter-form .ev-search-btn.open {
  background-color: var(--theme-color-primary-dimmed-03)
}

.search-filter-form .ev-search-btn.open:before {
  content: "\e81f"
}

.search-filter-form .ev-search-btn.open+.ev-filter {
  background-color: var(--theme-color-primary-dimmed-03)
}

.search-filter-form .ev-filter {
  background-color: var(--theme-color-primary-dimmed-04);
  display: none;
  padding: 0 var(--search-padding) 20px;
  transition: background-color .2s ease
}

@media (max-width:767px) {
  .search-filter-form .ev-filter {
    padding: 0 18px 18px
  }
}

.search-filter-form .ev-filter-wrapper {
  margin: 0 -2px;
  padding: .5em 2px
}

.search-filter-form .ev-items .ev-filter-wrapper+.ev-filter-wrapper {
  border-top: 1px solid var(--theme-color-primary-dimmed-02)
}

.search-filter-form .row {
  margin: 0 -8px
}

.search-filter-form .row input,
.search-filter-form .row select {
  margin-bottom: .2em
}

.search-filter-form .row>.ev-filter-wrapper {
  border-top: 0;
  margin: 0;
  padding: 6px 10px;
  position: relative
}

@media (max-width:567px) {
  .search-filter-form .row>.ev-filter-wrapper {
    flex: 1 1 100%;
    max-width: 100%
  }

  .search-filter-form .row>.ev-filter-wrapper.col-sm-3.location {
    flex: 1 1 30%;
    max-width: 30%
  }

  .search-filter-form .row>.ev-filter-wrapper.col-sm-6.location {
    flex: 1 1 70%;
    max-width: 70%
  }

  .search-filter-form .row>.ev-filter-wrapper.date {
    flex: 1 1 50%;
    max-width: 50%
  }
}

@media (min-width:568px) {
  .search-filter-form .row>.ev-filter-wrapper.col-sm-3 {
    flex: 1 1 25%;
    max-width: 25%
  }

  .search-filter-form .row>.ev-filter-wrapper.col-sm-6 {
    flex: 1 1 50%;
    max-width: 50%
  }

  .search-filter-form .row>.ev-filter-wrapper.col-sm-9 {
    flex: 1 1 75%;
    max-width: 75%
  }
}

.search-filter-form .btn-wrapper {
  border-top: 1px solid var(--theme-color-white);
  padding: 20px var(--search-padding);
  position: relative
}

@media (min-width:768px) {
  .search-filter-form .btn-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
  }
}

.search-filter-form .btn-wrapper .reset {
  display: inline-block;
  margin-left: -6px;
  padding-left: 40px;
  position: relative
}

@media (max-width:767px) {
  .search-filter-form .btn-wrapper .reset {
    margin-bottom: 18px;
    margin-left: 1px
  }
}

.search-filter-form .btn-wrapper .reset:before {
  content: "\e82b";
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 30px;
  left: 0;
  line-height: 1;
  margin-top: -14px;
  position: absolute;
  text-decoration: none;
  top: 50%;
  vertical-align: middle
}

.search-results .results-wrapper {
  margin: 30px 0;
  position: relative
}

.search-results .results-wrapper:last-child {
  margin-bottom: calc(var(--section-margin)*1.4)
}

@media (max-width:767px) {
  .search-results .results-wrapper {
    margin: var(--container-padding) 0
  }
}

.search-results .results-wrapper:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin: 28px 26px;
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width:767px) {
  .search-results .results-wrapper:before {
    margin: 22px var(--container-padding)
  }
}

.search-results .results-wrapper.no-border .result {
  background-color: var(--theme-color-white);
  border: 1px solid var(--theme-color-primary-dimmed-03);
  border-radius: var(--border-radius-xs);
  font-size: var(--font-size-small);
  padding: 12px 16px
}

@media (max-width:767px) {
  .search-results .results-wrapper.no-border .result {
    padding: 10px 12px
  }
}

.search-results .results-wrapper.no-border .result+.result {
  margin-top: 10px
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a {
  display: block;
  text-decoration: none;
  transition: .2s ease
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a:before {
  border-radius: var(--border-radius-xs);
  bottom: 0;
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  content: "";
  left: 0;
  opacity: 0;
  outline: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a.focus-visible:focus {
  outline: 0
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a.focus-visible:focus:before {
  opacity: 1
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a.-moz-focusring,
.search-results .results-wrapper.no-border .result:not(.fitResult) a:focus-visible {
  outline: 0
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a.-moz-focusring:before,
.search-results .results-wrapper.no-border .result:not(.fitResult) a:focus-visible:before {
  opacity: 1
}

.search-results .results-wrapper.no-border .result:not(.fitResult) a:hover {
  color: var(--theme-color-link-hover)
}

.contacts-in-text .contact-wrapper .search-results .results-wrapper .like-h2,
.contacts-in-text .contact-wrapper .search-results .results-wrapper h2,
.search-results .results-wrapper .contacts-in-text .contact-wrapper .like-h2,
.search-results .results-wrapper .contacts-in-text .contact-wrapper h2,
.search-results .results-wrapper .sidebar .contact-wrapper .like-h2,
.search-results .results-wrapper .sidebar .contact-wrapper h2,
.search-results .results-wrapper .vst-registration .title,
.search-results .results-wrapper h3,
.sidebar .contact-wrapper .search-results .results-wrapper .like-h2,
.sidebar .contact-wrapper .search-results .results-wrapper h2,
.vst-registration .search-results .results-wrapper .title {
  margin-top: .1em
}

.search-results .results-wrapper .highlight {
  font-weight: 700
}

.search-results .results-wrapper .result {
  display: block;
  position: relative;
  transition: .3s ease
}

@media (max-width:767px) {
  .search-results .results-wrapper .result {
    overflow: hidden
  }
}

.search-results .results-wrapper .result:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 1;
  margin: 10px 8px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

@media (max-width:567px) {
  .search-results .results-wrapper .result:before {
    margin: 8px
  }
}

.search-results .results-wrapper .result.download:before {
  content: "\e842"
}

.search-results .results-wrapper .result.external:before {
  content: "\e846"
}

.search-results .results-wrapper .result p:last-child {
  line-height: 1.4;
  margin: 1px 0
}

.search-results .results-wrapper .result:hover {
  color: var(--theme-color-secondary-intensed)
}

.search-results .results-wrapper .h-kicker {
  display: block;
  font-size: 16px;
  letter-spacing: .3px;
  margin-bottom: 1px;
  text-transform: uppercase
}

@media (max-width:767px) {
  .search-results .results-wrapper .h-kicker {
    font-size: 14px
  }
}

.search-results .results-wrapper .h-kicker+h1 {
  margin-top: .1em
}

.contacts-in-text .contact-wrapper .search-results .results-wrapper .h-kicker+.like-h2,
.contacts-in-text .contact-wrapper .search-results .results-wrapper .h-kicker+h2,
.search-results .results-wrapper .contacts-in-text .contact-wrapper .h-kicker+.like-h2,
.search-results .results-wrapper .contacts-in-text .contact-wrapper .h-kicker+h2,
.search-results .results-wrapper .h-kicker+.like-h2,
.search-results .results-wrapper .h-kicker+h2,
.search-results .results-wrapper .h-kicker+h3,
.search-results .results-wrapper .h-kicker+h4,
.search-results .results-wrapper .sidebar .contact-wrapper .h-kicker+.like-h2,
.search-results .results-wrapper .sidebar .contact-wrapper .h-kicker+h2,
.search-results .results-wrapper .vst-registration .h-kicker+.title,
.sidebar .contact-wrapper .search-results .results-wrapper .h-kicker+.like-h2,
.sidebar .contact-wrapper .search-results .results-wrapper .h-kicker+h2,
.vst-registration .search-results .results-wrapper .h-kicker+.title {
  margin-top: .2em
}

.search-results .results-wrapper .h-title,
.search-results .results-wrapper .title {
  font-size: var(--font-size-copy);
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 5px;
  text-decoration: underline
}

.search-results .results-wrapper .h-title:after,
.search-results .results-wrapper .title:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.search-results .results-wrapper .h-title:first-child:last-child,
.search-results .results-wrapper .title:first-child:last-child {
  margin: 5px 0
}

.search-results .results-wrapper .h-title:not(:first-child):last-child,
.search-results .results-wrapper .title:not(:first-child):last-child {
  margin-bottom: 4px
}

.search-results .results-wrapper .fitResult .h-title:after,
.search-results .results-wrapper .fitResult .title:after {
  display: none
}

.search-results .results-wrapper .results {
  list-style: none;
  margin-bottom: 24px;
  padding: 0
}

.search-results .results-wrapper .results li {
  margin: 10px 0
}

.search-results .results-wrapper .results a {
  background-color: var(--theme-color-white);
  border-radius: var(--border-radius-xs);
  display: block;
  padding: 10px 20px;
  transition: .3s ease
}

.search-results .results-wrapper .results a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.search-results .results-wrapper .results a.-moz-focusring,
.search-results .results-wrapper .results a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.search-results .results-wrapper .results a:hover {
  color: var(--theme-color-link-hover)
}

@media (max-width:767px) {
  .search-results .results-wrapper .results a {
    padding: 6px 12px
  }
}

.search-results .results-wrapper .results .fitResult {
  background-color: var(--theme-color-white);
  border-radius: var(--border-radius-xs);
  display: block;
  padding: 10px 20px
}

.search-results .results-wrapper .results .fitResult a {
  padding: 0
}

.search-results .results-wrapper .more-wrapper {
  margin: 24px 0 12px;
  text-align: right
}

.search-results .results-wrapper .more-wrapper strong {
  display: inline-block;
  margin: 0 5px
}

.search-results .results-wrapper:not(.no-border) {
  background-color: var(--theme-color-primary-dimmed-04);
  padding: 18px 28px
}

@media (max-width:767px) {
  .search-results .results-wrapper:not(.no-border) {
    margin: var(--container-padding) calc(var(--container-padding)*-1);
    padding: 15px var(--container-padding)
  }
}

.search-results .results-wrapper:not(.no-border) .result {
  display: block;
  margin: 10px 0
}

.search-results .results-wrapper #dummy-wrapper+#infscr-loading+.results-wrapper.events-list,
.search-results .results-wrapper #dummy-wrapper+.results-wrapper.events-list,
.search-results .results-wrapper.events-list+#infscr-loading+.events-list,
.search-results .results-wrapper.events-list+.events-list {
  margin-top: -50px;
  padding-top: 0
}

.search-results .results-wrapper #dummy-wrapper+#infscr-loading+.results-wrapper.no-border,
.search-results .results-wrapper #dummy-wrapper+.results-wrapper.no-border,
.search-results .results-wrapper.no-border+#infscr-loading+.no-border,
.search-results .results-wrapper.no-border+.no-border {
  margin-top: -20px
}

.richtext .steps .rte--list a.external,
.richtext .steps .rte--list a.extranet,
.richtext .steps .rte--list a.intranet,
.richtext .steps .rte--list a[data-linktypeicon=CMDownload],
.richtext .steps .rte--list a[data-linktypeicon=CMExternalLink],
.richtext .steps .text a.external,
.richtext .steps .text a.extranet,
.richtext .steps .text a.intranet,
.richtext .steps .text a[data-linktypeicon=CMDownload],
.richtext .steps .text a[data-linktypeicon=CMExternalLink] {
  background-color: var(--theme-color-primary-dimmed-03)
}

.richtext .steps .rte--list a.external:after,
.richtext .steps .rte--list a.extranet:after,
.richtext .steps .rte--list a.intranet:after,
.richtext .steps .rte--list a[data-linktypeicon=CMDownload]:after,
.richtext .steps .rte--list a[data-linktypeicon=CMExternalLink]:after,
.richtext .steps .text a.external:after,
.richtext .steps .text a.extranet:after,
.richtext .steps .text a.intranet:after,
.richtext .steps .text a[data-linktypeicon=CMDownload]:after,
.richtext .steps .text a[data-linktypeicon=CMExternalLink]:after {
  color: var(--theme-color-primary);
  outline-color: var(--theme-color-primary-dimmed-03)
}

.steps {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  margin: var(--section-margin) 0;
  padding: var(--content-box-padding) 0;
  position: relative
}

@media (max-width:567px) {
  .steps {
    padding: calc(var(--content-box-padding)*2) 0
  }
}

.contacts-in-text .contact-wrapper .steps>.like-h2,
.contacts-in-text .contact-wrapper .steps>h2,
.sidebar .contact-wrapper .steps>.like-h2,
.sidebar .contact-wrapper .steps>h2,
.steps>h2,
.steps>h3,
.vst-registration .steps>.title {
  margin: var(--section-headline-margin) calc(var(--content-box-padding) - .05em) 0;
  padding-bottom: 20px
}

@media (max-width:767px) {

  .contacts-in-text .contact-wrapper .steps>.like-h2,
  .contacts-in-text .contact-wrapper .steps>h2,
  .sidebar .contact-wrapper .steps>.like-h2,
  .sidebar .contact-wrapper .steps>h2,
  .steps>h2,
  .steps>h3,
  .vst-registration .steps>.title {
    padding-bottom: var(--content-box-padding)
  }
}

.steps .slider:before {
  background-color: var(--theme-color-primary-dimmed-02);
  content: "";
  display: block;
  height: 1px;
  margin: 0 var(--content-box-padding)
}

.steps .slide {
  padding: 24px var(--content-box-padding)
}

@media (max-width:767px) {
  .steps .slide {
    padding: var(--content-box-padding)
  }
}

.steps .slide:not(.current) {
  height: 1px
}

.steps .slide>:last-child {
  margin-bottom: .1em
}

.steps .slide>:first-child {
  margin-top: 0
}

.steps .slide h4 {
  margin-bottom: .6em
}

.steps .count,
.steps .prev {
  display: none
}

.steps .next {
  bottom: 0;
  margin: var(--content-box-padding);
  position: absolute;
  right: 0
}

.steps .next:active,
.steps .next:active:focus,
.steps .next:focus {
  color: var(--theme-color-white);
  outline: 0
}

.steps .slider-tabs {
  border-top: 1px solid var(--theme-color-primary-dimmed-02);
  list-style: none;
  margin: 0 var(--content-box-padding);
  padding: 32px 0 0
}

@media (max-width:767px) {
  .steps .slider-tabs {
    padding-top: calc(var(--content-box-padding)*1.5)
  }
}

.steps .slider-tabs li {
  margin: 0 0 8px
}

.steps .slider-tabs li:last-child {
  margin: 0
}

.mwf-upload-dropzone .steps .slider-tabs .mwf-upload-button>span,
.review-wrapper .steps .slider-tabs .submit,
.steps .slider-tabs .btn,
.steps .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
.steps .slider-tabs .next,
.steps .slider-tabs .review-wrapper .submit,
.steps .slider-tabs .vst-registration .submit,
.vst-registration .steps .slider-tabs .submit {
  --button-min-size: 38px;
  --button-padding: 8px 20px;
  background-color: var(--theme-color-primary-dimmed-03);
  color: var(--theme-color-primary);
  margin: 0
}

.mwf-upload-dropzone .steps .slider-tabs .mwf-upload-button>span:after,
.review-wrapper .steps .slider-tabs .submit:after,
.steps .slider-tabs .btn:after,
.steps .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.steps .slider-tabs .next:after,
.steps .slider-tabs .review-wrapper .submit:after,
.steps .slider-tabs .vst-registration .submit:after,
.vst-registration .steps .slider-tabs .submit:after {
  display: none
}

.mwf-upload-dropzone .steps .slider-tabs .mwf-upload-button>span:hover,
.mwf-upload-dropzone .steps .slider-tabs li.active .mwf-upload-button>span,
.review-wrapper .steps .slider-tabs .submit:hover,
.review-wrapper .steps .slider-tabs li.active .submit,
.steps .slider-tabs .btn:hover,
.steps .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.steps .slider-tabs .next:hover,
.steps .slider-tabs .review-wrapper .submit:hover,
.steps .slider-tabs .vst-registration .submit:hover,
.steps .slider-tabs li.active .btn,
.steps .slider-tabs li.active .mwf-upload-dropzone .mwf-upload-button>span,
.steps .slider-tabs li.active .next,
.steps .slider-tabs li.active .review-wrapper .submit,
.steps .slider-tabs li.active .vst-registration .submit,
.vst-registration .steps .slider-tabs .submit:hover,
.vst-registration .steps .slider-tabs li.active .submit {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white)
}

@media (max-width:567px) {
  .steps .controls .next {
    float: right;
    margin: 20px var(--content-box-padding) 4px;
    position: relative
  }

  .steps .controls:after {
    clear: both;
    content: "";
    display: block;
    position: relative
  }
}

.teaser {
  --hero-background: var(--theme-color-white);
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  height: 100%;
  position: relative;
  text-decoration: none
}

.teaser:before {
  border-radius: var(--border-radius-xs);
  bottom: 0;
  content: "";
  left: 0;
  margin: -6px;
  position: absolute;
  right: 0;
  top: 0;
  transition: .2s ease
}

.teaser:focus {
  outline: none
}

.teaser.focus-visible:focus:before {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.teaser.-moz-focusring:before,
.teaser:focus-visible:before {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.teaser.text {
  margin-bottom: 0
}

.teaser .image-box {
  background-color: var(--theme-color-primary-dimmed-04);
  border-radius: var(--border-radius-xs);
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative
}

.teaser .image-box:before {
  content: "";
  display: block;
  margin-bottom: 7px;
  padding-top: 66.6667%;
  position: relative
}

.teaser .image-box:after {
  background-color: var(--theme-color-secondary);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  transition: .3s ease;
  width: 100%;
  z-index: 1
}

.teaser .image-box.chart {
  align-items: center;
  background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%);
  display: flex;
  justify-content: center
}

.teaser img {
  height: calc(100% - 7px);
  left: 0;
  max-width: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: .3s linear;
  width: 100%
}

.teaser img.loading {
  opacity: 0
}

.teaser .copyright {
  bottom: 0;
  bottom: 8px;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.teaser .chart-title {
  color: var(--theme-color-background) !important;
  display: block;
  font-family: var(--font-korb);
  font-size: var(--font-size-h3);
  font-weight: 400;
  font-weight: 700 !important;
  line-height: 1.2;
  margin: 0 0 .4em;
  padding: 30px;
  text-align: center;
  text-decoration-color: transparent !important
}

@media (max-width:999px) {
  .teaser .chart-title {
    font-size: 28px;
    margin-bottom: 0;
    padding: 20px
  }
}

.teaser .kicker+.text-box {
  border-top: 8px solid var(--theme-color-secondary);
  margin-top: .1em
}

.teaser .text-box {
  position: relative
}

.teaser .text-box:not(:last-child) {
  padding-bottom: 20px
}

.teaser .text-box:not(:last-child)>:last-child {
  margin-bottom: 0
}

.teaser .text-box:not(:last-child)>:last-child:after {
  content: "";
  display: inline-block;
  float: right;
  height: .75em;
  position: relative;
  width: 150px
}

.teaser .title {
  margin: .5em 0;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .07em
}

.teaser:hover .image-box:after {
  height: var(--border-width-hover)
}

.teaser:hover .copyright {
  bottom: 14px
}

@media (max-width:767px) {
  .teaser:hover .copyright {
    bottom: 10px
  }
}

.teaser.hero .image-box~.text-box,
[date-type=hero] .image-box~.text-box {
  padding-top: .9em
}

.teaser.hero .image-box~.text-box .title,
[date-type=hero] .image-box~.text-box .title {
  background-color: var(--hero-background);
  bottom: 100%;
  margin-bottom: -.05em;
  margin-right: 40px;
  padding-right: .8em;
  padding-top: .4em;
  position: absolute;
  z-index: 1
}

.col.download:before,
.col.extern:before,
.col.extranet:before,
.col.intranet:before,
.teaser.download:before,
.teaser.extern:before,
.teaser.extranet:before,
.teaser.intranet:before {
  display: none
}

.col.download .title:after,
.col.extern .title:after,
.col.extranet .title:after,
.col.intranet .title:after,
.teaser.download .title:after,
.teaser.extern .title:after,
.teaser.extranet .title:after,
.teaser.intranet .title:after {
  content: "\e84b";
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 1;
  margin-left: .2em;
  position: relative;
  text-decoration: none;
  vertical-align: top
}

@media (min-width:983px) {

  .col.download .title:after,
  .col.extern .title:after,
  .col.extranet .title:after,
  .col.intranet .title:after,
  .teaser.download .title:after,
  .teaser.extern .title:after,
  .teaser.extranet .title:after,
  .teaser.intranet .title:after {
    margin-top: .1rem
  }
}

@media (min-width:1340px) {

  .col.download .title:after,
  .col.extern .title:after,
  .col.extranet .title:after,
  .col.intranet .title:after,
  .teaser.download .title:after,
  .teaser.extern .title:after,
  .teaser.extranet .title:after,
  .teaser.intranet .title:after {
    margin-top: .27rem
  }
}

.col.extern .title:after,
.teaser.extern .title:after {
  content: "\e846"
}

.col.download .title:after,
.teaser.download .title:after {
  content: "\e842"
}

.col.intranet .title:after,
.teaser.intranet .title:after {
  content: "\e84a"
}

@media (min-width:568px) {

  .teaser.fullwidth,
  .teasers[data-items="1"],
  [date-type=fullwidth] {
    display: block
  }

  .teaser.fullwidth:after,
  .teasers[data-items="1"]:after,
  [date-type=fullwidth]:after {
    clear: both;
    content: "";
    display: block
  }

  .teaser.fullwidth .title,
  .teasers[data-items="1"] .title,
  [date-type=fullwidth] .title {
    font-family: var(--font-korb);
    font-size: var(--font-size-h4);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: .25em -.05em .8em
  }

  .teaser.fullwidth .image-box,
  .teasers[data-items="1"] .image-box,
  [date-type=fullwidth] .image-box {
    float: left
  }

  .teaser.fullwidth .kicker,
  .teaser.fullwidth .text-box,
  .teasers[data-items="1"] .kicker,
  .teasers[data-items="1"] .text-box,
  [date-type=fullwidth] .kicker,
  [date-type=fullwidth] .text-box {
    float: right
  }

  .teaser.fullwidth[data-image-size=s] .image-box:before,
  .teasers[data-items="1"][data-image-size=s] .image-box:before,
  [date-type=fullwidth][data-image-size=s] .image-box:before {
    padding-top: 100%
  }

  .teaser.fullwidth[data-image-size=l] .image-box:before,
  .teasers[data-items="1"][data-image-size=l] .image-box:before,
  [date-type=fullwidth][data-image-size=l] .image-box:before {
    padding-top: 55%
  }
}

@media (min-width:568px) and (max-width:999px) {

  .teaser.fullwidth .image-box,
  .teaser.fullwidth .kicker,
  .teaser.fullwidth .text-box,
  .teasers[data-items="1"] .image-box,
  .teasers[data-items="1"] .kicker,
  .teasers[data-items="1"] .text-box,
  [date-type=fullwidth] .image-box,
  [date-type=fullwidth] .kicker,
  [date-type=fullwidth] .text-box {
    width: calc(50% - var(--col-padding))
  }
}

@media (min-width:568px) and (max-width:999px) and (min-width:568px) {

  .teaser.fullwidth .image-box,
  .teaser.fullwidth .kicker,
  .teaser.fullwidth .text-box,
  .teasers[data-items="1"] .image-box,
  .teasers[data-items="1"] .kicker,
  .teasers[data-items="1"] .text-box,
  [date-type=fullwidth] .image-box,
  [date-type=fullwidth] .kicker,
  [date-type=fullwidth] .text-box {
    max-width: calc(50% - var(--col-padding));
    min-width: calc(50% - var(--col-padding))
  }
}

@media (min-width:568px) and (min-width:1000px) {

  .teaser.fullwidth[data-image-size=s] .image-box,
  .teasers[data-items="1"][data-image-size=s] .image-box,
  [date-type=fullwidth][data-image-size=s] .image-box {
    width: calc(41.66667% + var(--col-padding)*2/12*5 - var(--col-padding)*2)
  }

  .teaser.fullwidth[data-image-size=s] .kicker,
  .teaser.fullwidth[data-image-size=s] .text-box,
  .teasers[data-items="1"][data-image-size=s] .kicker,
  .teasers[data-items="1"][data-image-size=s] .text-box,
  [date-type=fullwidth][data-image-size=s] .kicker,
  [date-type=fullwidth][data-image-size=s] .text-box {
    width: calc(58.33333% + var(--col-padding)*2/12*7 - var(--col-padding)*2)
  }

  .teaser.fullwidth[data-image-size=m] .image-box,
  .teaser.fullwidth[data-image-size=m] .kicker,
  .teaser.fullwidth[data-image-size=m] .text-box,
  .teasers[data-items="1"][data-image-size=m] .image-box,
  .teasers[data-items="1"][data-image-size=m] .kicker,
  .teasers[data-items="1"][data-image-size=m] .text-box,
  [date-type=fullwidth][data-image-size=m] .image-box,
  [date-type=fullwidth][data-image-size=m] .kicker,
  [date-type=fullwidth][data-image-size=m] .text-box {
    width: calc(50% - var(--col-padding))
  }

  .teaser.fullwidth[data-image-size=l] .image-box,
  .teasers[data-items="1"][data-image-size=l] .image-box,
  [date-type=fullwidth][data-image-size=l] .image-box {
    width: calc(66.66667% + var(--col-padding)*2*2/3 - var(--col-padding)*2)
  }

  .teaser.fullwidth[data-image-size=l] .kicker,
  .teaser.fullwidth[data-image-size=l] .text-box,
  .teasers[data-items="1"][data-image-size=l] .kicker,
  .teasers[data-items="1"][data-image-size=l] .text-box,
  [date-type=fullwidth][data-image-size=l] .kicker,
  [date-type=fullwidth][data-image-size=l] .text-box {
    width: calc(33.33333% + var(--col-padding)*2/3 - var(--col-padding)*2)
  }
}

[data-background=lightblue] .teaser {
  --hero-background: var(--theme-color-primary-dimmed-04)
}

[data-background=lightblue] .teaser .image-box {
  background-color: hsla(0, 0%, 100%, .4)
}

.teaser .social-box {
  background-color: #fff;
  border: 4px solid var(--theme-color-primary-dimmed-03);
  flex: 1 1 100%;
  margin-left: -2px;
  margin-right: -2px;
  padding: 10px;
  position: relative
}

.teaser .social-box iframe {
  border: 0;
  display: block;
  height: 100% !important;
  min-height: 500px !important
}

.topic-teaser,
.topics .tile {
  --topic-tile-padding: 24px;
  background-color: #fff;
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  overflow: hidden;
  padding: var(--topic-tile-padding);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .25s ease;
  width: 100%
}

@media (max-width:999px) {

  .topic-teaser,
  .topics .tile {
    --topic-tile-padding: 14px
  }
}

@media (max-width:767px) {

  .topic-teaser,
  .topics .tile {
    border-radius: 8px;
    font-size: 16px;
    min-height: 84px
  }
}

.topic-teaser .icon-box,
.topics .tile .icon-box {
  color: var(--theme-color-secondary);
  font-family: Pictograms, sans-serif;
  font-size: 72px;
  line-height: 1;
  margin-top: 6px
}

@media (max-width:567px) {

  .topic-teaser .icon-box,
  .topics .tile .icon-box {
    font-size: 50px;
    margin-top: 0
  }
}

.col .topic-teaser,
.col .topics .tile {
  max-width: none
}

.topics:not([data-type=list]) a.tile.focus-visible:focus,
a.topic-teaser.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.topics:not([data-type=list]) a.tile.-moz-focusring,
.topics:not([data-type=list]) a.tile:focus-visible,
a.topic-teaser.-moz-focusring,
a.topic-teaser:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.topics:not([data-type=list]) a.tile:before,
a.topic-teaser:before {
  background-color: var(--theme-color-secondary);
  bottom: 0;
  content: "";
  display: block;
  height: var(--border-width);
  left: 0;
  position: absolute;
  right: 0;
  transition: .2s ease
}

.topics:not([data-type=list]) a.tile:hover:before,
a.topic-teaser:hover:before {
  height: var(--border-width-hover)
}

.topics:not([data-type=list]) a.tile .title,
a.topic-teaser .title {
  margin: 12px 0;
  text-decoration: underline
}

@media (max-width:999px) {

  .topics:not([data-type=list]) a.tile .title,
  a.topic-teaser .title {
    margin: 8px 0
  }
}

@media (max-width:567px) {

  .topics:not([data-type=list]) a.tile .title,
  a.topic-teaser .title {
    margin: 4px 0
  }
}

.topics:not([data-type=list]) a.tile .text-box,
a.topic-teaser .text-box {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center
}

.topics[data-type=list] .tile,
div.topic-teaser {
  padding: 0 var(--topic-tile-padding) .5em
}

.topics[data-type=list] .tile .icon-box,
div.topic-teaser .icon-box {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-background);
  font-size: 60px;
  margin: 0 calc(var(--topic-tile-padding)*-1);
  padding: 10px 0
}

@media (max-width:767px) {

  .topics[data-type=list] .tile .icon-box,
  div.topic-teaser .icon-box {
    font-size: 46px
  }
}

.topics[data-type=list] .tile .text-box,
div.topic-teaser .text-box {
  display: block;
  text-align: left
}

.topics[data-type=list] .tile .title,
div.topic-teaser .title {
  margin: .8em 0;
  text-decoration: none
}

.video {
  margin: var(--section-margin) 0;
  width: 100%
}

.video-box .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 14px 8px 18px;
  position: absolute;
  text-align: left;
  text-align: right;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  width: 56.25%;
  z-index: 2
}

.common-content {
  background: var(--theme-color-primary-dimmed-04);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23B0C4D6' stroke-dasharray='0, 7' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");
  margin-top: var(--section-margin);
  padding: calc(var(--container-padding)/2) var(--container-padding)
}

.common-content .buttons .btn,
.common-content .buttons .mwf-upload-dropzone .mwf-upload-button>span,
.common-content .buttons .review-wrapper .submit,
.common-content .buttons .steps .next,
.common-content .buttons .vst-registration .submit,
.mwf-upload-dropzone .common-content .buttons .mwf-upload-button>span,
.review-wrapper .common-content .buttons .submit,
.steps .common-content .buttons .next,
.vst-registration .common-content .buttons .submit {
  margin-right: 1rem
}

@media (max-width:567px) {

  .common-content .buttons .btn,
  .common-content .buttons .mwf-upload-dropzone .mwf-upload-button>span,
  .common-content .buttons .review-wrapper .submit,
  .common-content .buttons .steps .next,
  .common-content .buttons .vst-registration .submit,
  .mwf-upload-dropzone .common-content .buttons .mwf-upload-button>span,
  .review-wrapper .common-content .buttons .submit,
  .steps .common-content .buttons .next,
  .vst-registration .common-content .buttons .submit {
    margin-bottom: 1rem
  }
}

.mini-teaser {
  background-color: #fff;
  background-color: var(--theme-grey-light);
  border-radius: 4px;
  display: block;
  line-height: 1.2;
  overflow: hidden;
  padding: 16px 12px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: .25s ease;
  width: 100%
}

.mini-teaser .title {
  font-size: 22px
}

.mini-teaser.standard:before {
  background-color: var(--theme-color-secondary);
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .2s ease
}

.mini-teaser.standard:hover:before {
  height: 8px
}

.mini-teaser h4 {
  font-size: 22px
}

.mini-teaser .text-box {
  position: relative
}

.mini-teaser .text-box .mini-container {
  display: flex;
  flex-direction: column;
  width: 100%
}

.mini-teaser.infoteaser {
  background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0, rgba(var(--theme-color-primary-rgb), .2) 100%);
  position: relative
}

.mini-teaser.infoteaser:after {
  background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.mini-teaser.infoteaser.background-image {
  background-size: cover
}

.mini-teaser.infoteaser.background-image:after {
  background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, .86) 56.52%, rgba(0, 51, 102, 0) 94.05%);
  background-blend-mode: overlay;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

.mini-teaser.infoteaser.background-image .text-box {
  position: relative;
  z-index: 1
}

.mini-teaser.infoteaser .btn,
.mini-teaser.infoteaser .category,
.mini-teaser.infoteaser .mwf-upload-dropzone .mwf-upload-button>span,
.mini-teaser.infoteaser .review-wrapper .submit,
.mini-teaser.infoteaser .steps .next,
.mini-teaser.infoteaser .title,
.mini-teaser.infoteaser .vst-registration .submit,
.mwf-upload-dropzone .mini-teaser.infoteaser .mwf-upload-button>span,
.review-wrapper .mini-teaser.infoteaser .submit,
.steps .mini-teaser.infoteaser .next,
.vst-registration .mini-teaser.infoteaser .submit {
  color: #fff
}

.mini-teaser.infoteaser .title {
  line-height: 24px;
  margin-bottom: 11px;
  margin-top: 0;
  min-height: 48px;
  text-align: left;
  width: 100%
}

.mini-teaser.infoteaser .title.noicon {
  min-height: 0;
  padding-left: 0
}

.mini-teaser.infoteaser .mwf-upload-dropzone .mwf-upload-button>.title.noicon+span,
.mini-teaser.infoteaser .review-wrapper .title.noicon+.submit,
.mini-teaser.infoteaser .steps .title.noicon+.next,
.mini-teaser.infoteaser .title.noicon+.btn,
.mini-teaser.infoteaser .vst-registration .title.noicon+.submit,
.mwf-upload-dropzone .mini-teaser.infoteaser .mwf-upload-button>.title.noicon+span,
.review-wrapper .mini-teaser.infoteaser .title.noicon+.submit,
.steps .mini-teaser.infoteaser .title.noicon+.next,
.vst-registration .mini-teaser.infoteaser .title.noicon+.submit {
  margin-left: 0
}

.mini-teaser.infoteaser .icon-box+.mini-container,
.mini-teaser.infoteaser .icon-box+.title {
  padding-left: 54px
}

.mini-teaser.infoteaser .btn,
.mini-teaser.infoteaser .mwf-upload-dropzone .mwf-upload-button>span,
.mini-teaser.infoteaser .review-wrapper .submit,
.mini-teaser.infoteaser .steps .next,
.mini-teaser.infoteaser .vst-registration .submit,
.mwf-upload-dropzone .mini-teaser.infoteaser .mwf-upload-button>span,
.review-wrapper .mini-teaser.infoteaser .submit,
.steps .mini-teaser.infoteaser .next,
.vst-registration .mini-teaser.infoteaser .submit {
  align-self: flex-end;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 16px;
  display: inline-block;
  line-height: 22px;
  margin-left: 0;
  padding: 8px 10px;
  --button-padding: 8px 10px;
  font-size: 22px;
  min-height: 0
}

.mini-teaser.infoteaser .btn:after,
.mini-teaser.infoteaser .mwf-upload-dropzone .mwf-upload-button>span:after,
.mini-teaser.infoteaser .review-wrapper .submit:after,
.mini-teaser.infoteaser .steps .next:after,
.mini-teaser.infoteaser .vst-registration .submit:after,
.mwf-upload-dropzone .mini-teaser.infoteaser .mwf-upload-button>span:after,
.review-wrapper .mini-teaser.infoteaser .submit:after,
.steps .mini-teaser.infoteaser .next:after,
.vst-registration .mini-teaser.infoteaser .submit:after {
  border-radius: 16px
}

.mini-teaser.infoteaser .icon-box {
  left: 0;
  margin-bottom: 19px;
  margin-top: 0;
  padding-top: 0;
  position: absolute;
  top: 0
}

.mini-teaser.infoteaser .text-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0
}

.mini-teaser .icon-box {
  color: #fff;
  font-family: Pictograms, sans-serif;
  font-size: 48px;
  line-height: 1
}

.mini-teaser .category {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 8px;
  padding: 0;
  text-align: left;
  text-transform: uppercase
}

.mini-teaser .title {
  margin: 0;
  padding: 0;
  text-align: left
}

.election-detail {
  margin: 0 0 80px
}

.election-detail--text {
  align-items: flex-start;
  background: var(--theme-color-primary-dimmed-04);
  display: flex;
  justify-content: space-between;
  padding: 0 0 30px
}

@media (max-width:1100px) {
  .election-detail--text {
    display: block
  }
}

.election-detail--text img {
  display: block;
  margin: 0 40px 0 0;
  width: 545px
}

@media (max-width:1100px) {
  .election-detail--text img {
    width: 100%
  }
}

.election-detail--text .election-detail--image-container {
  margin: 0 40px 0 0;
  position: relative
}

.election-detail--text .election-detail--image-container img {
  margin: 0
}

.election-detail--text .election-detail--image-container .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

.election-detail--text .text-box {
  flex: 1;
  padding-right: 1.5rem
}

@media (max-width:1100px) {
  .election-detail--text .text-box {
    padding-left: 15px;
    padding-right: 15px
  }
}

.election-detail--text h1 {
  margin: 1.5rem 0
}

.election-detail--text h2 {
  font-size: 36px;
  line-height: 42px;
  margin: 0 0 .75rem
}

.election-detail--text p {
  margin: 0 0 1.5rem
}

.election-detail--text p.subheadline {
  font-weight: 600;
  margin: -1rem 0 1.5rem
}

.election-detail--text .social-media p {
  font-size: 1rem;
  margin: 0 0 .5rem;
  text-transform: uppercase
}

.election-detail--text .social-media .social-icons a:before {
  color: var(--theme-color-primary)
}

.election-detail--text .social-media .social-icons a:hover:before {
  color: var(--theme-color-secondary)
}

.election-detail--video {
  background: var(--theme-color-primary-dimmed-02);
  padding: 30px 0
}

@media (max-width:1100px) {
  .election-detail--video {
    background: none
  }
}

.election-detail--video .video-container {
  margin: 0 auto;
  max-width: 976px
}

@media (max-width:1100px) {
  .election-detail--video .video-container {
    max-width: none;
    width: 100%
  }
}

.election-detail--video .video-container .video {
  margin: 0
}

.election-detail--info {
  background: var(--theme-color-primary);
  color: var(--theme-color-white);
  display: flex;
  justify-content: space-between
}

@media (max-width:1023px) {
  .election-detail--info {
    background: none;
    display: block
  }
}

.election-detail--info .info-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 20px
}

@media (max-width:1023px) {
  .election-detail--info .info-box {
    background: var(--theme-color-primary);
    margin: 0 0 5px
  }
}

.election-detail--info .info-headline {
  display: block;
  font-size: 16px;
  letter-spacing: .3px;
  margin-bottom: 2px;
  text-transform: uppercase
}

@media (max-width:767px) {
  .election-detail--info .info-headline {
    font-size: 14px
  }
}

.election-detail--info .info-headline+h1 {
  margin-top: .1em
}

.contacts-in-text .contact-wrapper .election-detail--info .info-headline+.like-h2,
.contacts-in-text .contact-wrapper .election-detail--info .info-headline+h2,
.election-detail--info .contacts-in-text .contact-wrapper .info-headline+.like-h2,
.election-detail--info .contacts-in-text .contact-wrapper .info-headline+h2,
.election-detail--info .info-headline+.like-h2,
.election-detail--info .info-headline+h2,
.election-detail--info .info-headline+h3,
.election-detail--info .info-headline+h4,
.election-detail--info .sidebar .contact-wrapper .info-headline+.like-h2,
.election-detail--info .sidebar .contact-wrapper .info-headline+h2,
.election-detail--info .vst-registration .info-headline+.title,
.sidebar .contact-wrapper .election-detail--info .info-headline+.like-h2,
.sidebar .contact-wrapper .election-detail--info .info-headline+h2,
.vst-registration .election-detail--info .info-headline+.title {
  margin-top: .2em
}

.election-detail--info .info-box--content p {
  font-size: 18px;
  line-height: 27px;
  margin: 0 0 5px
}

.election-detail--info .info-box--content p.headline {
  font-weight: 600;
  margin: 0
}

.election-detail--info .info-box--content .address .text {
  font-size: 18px;
  margin: inherit
}

.election-detail--info .info-box--text {
  color: var(--theme-color-white);
  cursor: pointer;
  font-family: Korb, sans-serif;
  font-size: 36px;
  line-height: 44px;
  margin: 0
}

.election-detail--info .info-box--text:hover {
  color: var(--theme-color-secondary)
}

@media (max-width:767px) {
  .election-detail--info .info-box--text {
    font-size: 24px;
    line-height: 29px
  }
}

.election-detail--back {
  background: var(--theme-color-primary-dimmed-04);
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  padding: 30px 15px
}

.election-detail--more {
  margin: 60px 0 0 !important;
  max-width: none !important
}

.election-result-list .election-result-list--header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px
}

@media (max-width:767px) {
  .election-result-list .election-result-list--header {
    display: block
  }
}

.election-result-list .election-result-list--header-left {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

@media (min-width:768px) {
  .election-result-list .election-result-list--header-left {
    margin-right: 20px
  }
}

@media (max-width:767px) {
  .election-result-list .election-result-list-badge {
    display: flex;
    justify-content: flex-end
  }
}

.election-result-list .election-result-list--inner {
  grid-gap: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0 40px
}

.events {
  background-color: var(--theme-color-primary-dimmed-04);
  padding: var(--section-padding) 0
}

.has-sidebar .events,
.magazine-article .events {
  padding-left: calc(var(--section-padding)/2);
  padding-right: calc(var(--section-padding)/2)
}

.events .container>h2 {
  margin-top: var(--section-headline-margin)
}

.events+.events {
  margin-top: var(--border-width)
}

.events .events-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.events .events-actions .next,
.events .events-actions .prev {
  margin-right: 10px;
  transition: .13s ease
}

.events .events-actions .next:hover,
.events .events-actions .prev:hover {
  padding-left: 7px
}

.events .events-actions .next.disabled,
.events .events-actions .prev.disabled {
  opacity: .4;
  pointer-events: none
}

.events .events-actions .prev {
  transform: rotate(-90deg)
}

.events .events-actions .next {
  transform: rotate(90deg)
}

@media (max-width:767px) {
  .events .events-actions a:last-child {
    margin-left: auto
  }
}

.events .events-actions>a:not(.btn).focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.events .events-actions>a:not(.btn).-moz-focusring,
.events .events-actions>a:not(.btn):focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.events .events-actions>a:not(.btn):hover {
  color: var(--theme-color-link-hover)
}

.events .mailupdate {
  border-radius: var(--border-radius-xs);
  display: block;
  margin-left: -8px;
  margin-right: auto;
  padding: 2px 8px;
  transition: .3s ease
}

.events .mailupdate.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.events .mailupdate.-moz-focusring,
.events .mailupdate:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:767px) {
  .events .mailupdate {
    margin-bottom: 20px;
    min-width: 100%
  }
}

.events-wrapper {
  margin: 25px -10px;
  overflow: hidden;
  padding: 0 10px
}

.events-list,
.events-wrapper {
  transition: .4s cubic-bezier(.25, .46, .45, .94)
}

.events-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}

.events-list .result+.more-wrapper {
  margin-top: 24px
}

.events-list li {
  display: block;
  padding: 5px 0;
  position: relative
}

.events-list .event-component {
  margin: 10px 0;
  opacity: 1
}

.events-list p {
  line-height: 1.2;
  margin: 0 4px 2px;
  text-decoration: underline
}

@media (max-width:767px) {
  .events-list p {
    font-size: 16px
  }
}

.results-wrapper.events-list .date-wrapper {
  font-size: 18px;
  line-height: 1.3
}

.results-wrapper.events-list a:not(.btn):hover .ev-title~div {
  color: var(--theme-color-primary)
}

.results-wrapper.events-list .ev-title {
  font-size: 22px;
  font-weight: 600;
  margin: 12px 0 6px;
  text-decoration: underline
}

.results-wrapper.events-list .ev-title~div {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px;
  margin-right: 15px
}

.results-wrapper.events-list .ev-title~div:last-child {
  margin-bottom: 8px
}

.results-wrapper.events-list .ev-title~div:before {
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  vertical-align: top
}

@media (max-width:567px) {
  .results-wrapper.events-list .ev-title~div {
    display: block;
    padding-left: 24px;
    position: relative
  }

  .results-wrapper.events-list .ev-title~div:before {
    left: 0;
    position: absolute
  }
}

.results-wrapper.events-list .ev-title~div.status:before {
  color: #2e8533
}

.results-wrapper.events-list .ev-title~div.status.interested-parties:before,
.results-wrapper.events-list .ev-title~div.status.waiting-list:before {
  color: var(--theme-color-primary)
}

.results-wrapper.events-list .ev-title~div.status.reserved:before {
  color: #ea515a
}

.feature {
  --theme-color-link: var(--theme-color-white);
  --theme-color-link-hover: var(--theme-color-secondary);
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white);
  margin: var(--section-margin) auto;
  padding: var(--section-padding) 0;
  position: relative
}

.feature,
.feature:after {
  border-bottom: var(--border-width) solid var(--theme-color-secondary)
}

.feature:after {
  background: var(--theme-color-primary);
  content: "";
  height: calc(100% + var(--border-width));
  left: 50%;
  margin: 0 calc(-50vw + 7px);
  position: absolute;
  top: 0;
  width: calc(100vw - var(--scrollbar-width));
  z-index: -1
}

.has-sidebar .feature {
  padding: var(--section-padding)
}

.has-sidebar .feature:after {
  display: none
}

.feature h2 {
  margin-bottom: .4em
}

.feature .kicker,
.feature h2:first-child {
  margin-top: var(--section-headline-margin)
}

.feature p {
  font-size: var(--font-size-small)
}

.feature+.events,
.feature+.feature,
.feature+.topics {
  margin-top: 0
}

.feature .row {
  align-items: center;
  flex-wrap: nowrap;
  min-height: calc(120px + 6vw)
}

@media (max-width:567px) {
  .feature .row {
    flex-direction: column
  }

  .feature .row .col {
    flex: 1 1 0
  }
}

.feature a {
  color: #fff
}

@media (max-width:567px) {
  .feature .col:nth-child(2) {
    max-width: 360px;
    min-width: 220px;
    width: 50%
  }
}

@media (min-width:568px) {
  .feature .col:nth-child(2) {
    flex: 1 1 44%;
    max-width: 44%;
    min-width: 44%
  }
}

@media (min-width:1000px) {
  .feature .col:nth-child(2) {
    flex: 1 1 33.3333%;
    max-width: 33.3333%;
    min-width: 33.3333%
  }
}

.feature .text-box {
  margin: calc(var(--col-padding)*-1) 0;
  padding-right: 20px
}

.feature .icon-box {
  border-radius: 40%;
  display: block;
  font-family: Pictograms, sans-serif;
  overflow: hidden;
  position: relative
}

.feature .icon-box:after {
  background-color: #fff;
  content: "";
  display: block;
  padding-top: 100%;
  position: relative
}

.feature .icon-box:before {
  color: var(--theme-color-secondary);
  display: block;
  font-size: 200px;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

@media (max-width:767px) {
  .feature .icon-box:before {
    font-size: 140px
  }
}

.feature .linklist {
  margin-bottom: 0
}

.infobanner {
  margin: var(--section-margin) auto
}

.infobanner .banner {
  background: linear-gradient(130deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);
  border-radius: var(--border-radius-xs);
  color: var(--theme-color-white);
  display: flex;
  position: relative;
  text-decoration: none;
  transition: .25s ease
}

.infobanner .banner.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.infobanner .banner.-moz-focusring,
.infobanner .banner:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.infobanner .banner.focus-visible:focus .btn,
.infobanner .banner.focus-visible:focus .mwf-upload-dropzone .mwf-upload-button>span,
.infobanner .banner.focus-visible:focus .review-wrapper .submit,
.infobanner .banner.focus-visible:focus .steps .next,
.infobanner .banner.focus-visible:focus .vst-registration .submit,
.mwf-upload-dropzone .infobanner .banner.focus-visible:focus .mwf-upload-button>span,
.review-wrapper .infobanner .banner.focus-visible:focus .submit,
.steps .infobanner .banner.focus-visible:focus .next,
.vst-registration .infobanner .banner.focus-visible:focus .submit {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.infobanner .banner-moz-focusring .btn,
.infobanner .banner-moz-focusring .mwf-upload-dropzone .mwf-upload-button>span,
.infobanner .banner-moz-focusring .review-wrapper .submit,
.infobanner .banner-moz-focusring .steps .next,
.infobanner .banner-moz-focusring .vst-registration .submit,
.infobanner .banner:focus-visible .btn,
.infobanner .banner:focus-visible .mwf-upload-dropzone .mwf-upload-button>span,
.infobanner .banner:focus-visible .review-wrapper .submit,
.infobanner .banner:focus-visible .steps .next,
.infobanner .banner:focus-visible .vst-registration .submit,
.mwf-upload-dropzone .infobanner .banner-moz-focusring .mwf-upload-button>span,
.mwf-upload-dropzone .infobanner .banner:focus-visible .mwf-upload-button>span,
.review-wrapper .infobanner .banner-moz-focusring .submit,
.review-wrapper .infobanner .banner:focus-visible .submit,
.steps .infobanner .banner-moz-focusring .next,
.steps .infobanner .banner:focus-visible .next,
.vst-registration .infobanner .banner-moz-focusring .submit,
.vst-registration .infobanner .banner:focus-visible .submit {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.infobanner .banner:before {
  content: "";
  display: block;
  padding-top: 12.36%;
  position: relative
}

@media (max-width:567px) {
  .infobanner .banner:before {
    padding-top: 66.6667%
  }
}

.infobanner .is-commercial {
  background-color: hsla(0, 0%, 100%, .7);
  border-bottom-left-radius: var(--border-radius-xs);
  color: var(--theme-color-primary);
  display: block;
  font-size: var(--font-size-xs);
  padding: 1px 7px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.infobanner .image-box {
  background-position: 50%;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.infobanner .image-box img {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  object-fit: cover;
  width: 100%
}

.infobanner .image-box img,
.infobanner .text-wrapper {
  border-radius: var(--border-radius-xs);
  position: relative
}

.infobanner .text-wrapper {
  background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb), 1) 0, rgba(var(--theme-color-primary-rgb), .2) 100%);
  display: flex;
  flex: 1 1 100%;
  justify-content: space-between
}

@media (max-width:567px) {
  .infobanner .text-wrapper {
    flex-direction: column
  }
}

.infobanner .text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.4;
  max-width: 768px;
  min-height: 180px;
  padding: 18px 24px
}

@media (max-width:1339px) {
  .infobanner .text-box {
    min-height: 150px
  }
}

@media (max-width:999px) {
  .infobanner .text-box {
    min-height: 0;
    padding: 12px 20px
  }
}

@media (max-width:567px) {
  .infobanner .text-box {
    margin: var(--content-box-padding);
    padding: 8px 0
  }
}

.infobanner .text-box>* {
  margin-bottom: .1em;
  margin-top: .1em
}

.infobanner .text-box>.kicker {
  margin-left: 0
}

@media (max-width:567px) {
  .infobanner .text-box>.like-h2 {
    margin-bottom: 10px;
    margin-top: 8px
  }
}

.infobanner .button-box {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding: 24px
}

@media (max-width:999px) {
  .infobanner .button-box {
    padding: 16px
  }
}

@media (max-width:767px) {
  .infobanner .button-box {
    margin: 0 var(--content-box-padding);
    padding: 0 0 20px
  }
}

@media (max-width:567px) {
  .infobanner .button-box {
    padding-bottom: 30px
  }
}

.intro {
  margin: calc(2vw + 20px) 0 calc(2vw + 30px);
  overflow: hidden;
  padding: 0
}

.intro+#toclist>section:first-child {
  margin-top: 0
}

@media (max-width:767px) {
  .intro {
    padding: 0
  }
}

.intro h1 {
  padding-bottom: .7em;
  position: relative
}

.intro h1:first-child {
  margin-top: .1em
}

.intro h1:last-child {
  margin-bottom: 0
}

.intro h1:after {
  background: linear-gradient(85deg, var(--theme-color-gradient-01) 0, var(--theme-color-gradient-02) 50%, var(--theme-color-gradient-03) 100%);
  bottom: calc(.15em - var(--border-width)/2);
  content: "";
  height: var(--border-width);
  left: .05em;
  position: absolute;
  width: calc(50vw + 460px)
}

@media (max-width:999px) {
  .intro h1:after {
    width: calc(100% + 30px)
  }
}

.intro>div.text:first-of-type:first-letter:not(.no-initial),
.intro>p:first-of-type:first-letter:not(.no-initial) {
  display: inline-block;
  float: left;
  font-size: 3.3em;
  font-weight: 400;
  line-height: 1;
  margin: -.03em .08em -.2em -.02em;
  vertical-align: top
}

.intro .detail-text>:last-child {
  margin-bottom: 0
}

[data-browser=firefox] .initial:first-letter,
[data-browser=firefox] .intro>.text:first-of-type:first-letter,
[data-browser=firefox] .intro>p:first-of-type:first-letter {
  margin-top: .113em
}

.participation-map {
  background-color: var(--theme-color-primary-dimmed-04);
  padding: var(--section-padding) 0
}

.participation-map h2 {
  margin-bottom: .2em;
  margin-top: var(--section-headline-margin)
}

@media (max-width:567px) {
  .participation-map .container.small {
    padding-left: 10px;
    padding-right: 10px
  }
}

.participation-map svg {
  display: block;
  margin-top: 12px;
  position: relative
}

.participation-map .map-text {
  fill: #fff;
  transition: .3s ease
}

.participation-map .map-shape {
  fill: var(--theme-color-primary);
  transition: .3s ease
}

.participation-map [data-link] {
  cursor: pointer
}

.participation-map [data-link]:hover .map-text {
  fill: var(--theme-color-primary)
}

.participation-map [data-link]:hover .map-shape {
  fill: var(--theme-color-primary-dimmed-03)
}

.participation-stage {
  align-items: center;
  background-image: url(/blueprint/servlet/resource/crblob/6014860/c2208b86c72360aadf63f12e3ac93421/beteiligung-cover-jpg-data.jpg);
  background-size: cover;
  color: #fff;
  display: flex;
  margin: 0;
  min-height: calc(18vw + 300px)
}

.participation-stage.background-image {
  background-position: 50% 50%;
  background-size: cover
}

@media (min-width:1400px) {
  .participation-stage.first-element {
    margin-top: -60px
  }
}

.participation-stage .kicker {
  margin-bottom: .6em
}

.mwf-upload-dropzone .participation-stage .mwf-upload-button>span,
.participation-stage .btn,
.participation-stage .mwf-upload-dropzone .mwf-upload-button>span,
.participation-stage .review-wrapper .submit,
.participation-stage .steps .next,
.participation-stage .vst-registration .submit,
.review-wrapper .participation-stage .submit,
.steps .participation-stage .next,
.vst-registration .participation-stage .submit {
  margin-bottom: .4em;
  margin-top: .8em
}

.participation-stage .text-box {
  max-width: 580px;
  padding: calc(30px + 1vw) 0
}

.participation-stage a:not(.btn) {
  color: #fff
}

.mwf-upload-dropzone .participation-stage .mwf-upload-button>a:not(.btn)+span,
.participation-stage .mwf-upload-dropzone .mwf-upload-button>a:not(.btn)+span,
.participation-stage .review-wrapper a:not(.btn)+.submit,
.participation-stage .steps a:not(.btn)+.next,
.participation-stage .vst-registration a:not(.btn)+.submit,
.participation-stage a:not(.btn)+.btn,
.review-wrapper .participation-stage a:not(.btn)+.submit,
.steps .participation-stage a:not(.btn)+.next,
.vst-registration .participation-stage a:not(.btn)+.submit {
  margin-left: 30px
}

.participation-stage .progress {
  --color-bg: var(--theme-color-white);
  --color-fg: var(--theme-color-white);
  --bg-opacity: 0.4
}

.participation-stage .progress+.text-2,
.participation-stage .progress+h1 {
  margin-top: .7em
}

.participation-stage.image-stage {
  background-color: var(--theme-color-primary);
  background-image: none;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.participation-stage.image-stage:before {
  background-color: var(--theme-color-primary);
  bottom: 0;
  content: "";
  left: 0;
  margin: -15% 0;
  position: absolute;
  right: 50%;
  top: 0
}

.participation-stage.image-stage .text-box {
  position: relative
}

.participation-stage.image-stage .image-box {
  bottom: 0;
  left: 45%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.participation-stage.image-stage .image-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: relative;
  transition: .4s ease;
  width: 100%
}

.participation-stage.image-stage .image-box img.loading {
  opacity: 0
}

@media (max-width:1200px) {
  .participation-stage.image-stage:before {
    min-width: 560px
  }

  .participation-stage.image-stage .text-box {
    max-width: 480px
  }
}

@media (min-width:1000px) {
  .participation-stage.image-stage:before {
    border-bottom-right-radius: 28% 50%;
    border-top-right-radius: 28% 50%;
    min-width: 650px
  }
}

@media (max-width:999px) {
  .participation-stage.image-stage {
    padding-bottom: 75%
  }

  .participation-stage.image-stage:before {
    border-bottom-left-radius: 50% 28%;
    border-bottom-right-radius: 50% 28%;
    bottom: 0;
    left: 0;
    margin: 0 -28% 67%;
    min-width: 0;
    right: 0;
    top: 0
  }

  .participation-stage.image-stage .col {
    padding: 0 var(--col-padding)
  }

  .participation-stage.image-stage .image-box {
    left: 0;
    position: absolute;
    top: auto
  }

  .participation-stage.image-stage .image-box:before {
    content: "";
    display: block;
    padding-top: 75%;
    position: relative
  }

  .participation-stage.image-stage .image-box img {
    left: 0;
    position: absolute;
    top: 0
  }

  .participation-stage.image-stage .text-box {
    margin-bottom: 0;
    max-width: none;
    padding-bottom: 24px
  }
}

.participation-teasers {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  margin: 0;
  padding: var(--section-padding) 0;
  position: relative
}

@media (max-width:767px) {
  .participation-teasers {
    margin-top: 24px
  }
}

.participation-teasers .like-h2,
.participation-teasers h2 {
  margin-top: var(--section-headline-margin)
}

.participation-teasers .overflow-wrapper {
  overflow: hidden
}

.participation-teasers .row {
  margin: calc(var(--col-padding)*-1);
  overflow: hidden;
  padding-top: .3em
}

@media (max-width:1099px) {
  .participation-teasers .row:after {
    content: "";
    display: block;
    min-width: 50px;
    position: relative
  }
}

@media (max-width:767px) {
  .participation-teasers .row {
    margin-left: -6px;
    margin-right: -6px
  }
}

.participation-teasers .col {
  display: flex;
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  position: relative
}

.participation-teasers .col:first-child {
  margin-left: auto
}

.participation-teasers .col:last-child {
  margin-right: auto
}

@media (max-width:1099px) {
  .participation-teasers .col:last-child {
    flex: 1 1 100%;
    max-width: 100%
  }

  .participation-teasers .col {
    flex: 1 1 50%;
    max-width: 50%
  }
}

@media (max-width:767px) {
  .participation-teasers .col {
    padding: 6px
  }
}

@media (max-width:567px) {
  .participation-teasers .col {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 320px
  }
}

@media (max-width:359px) {
  .participation-teasers .col {
    min-width: 280px
  }
}

.participation-teasers .all-participations {
  margin: calc(var(--col-padding) + 1.5em) 0 0;
  text-align: center
}

.quick-facts {
  margin: var(--section-margin) 0
}

.quick-facts,
.quick-facts .container {
  position: relative
}

.contacts-in-text .contact-wrapper .quick-facts .container .like-h2,
.contacts-in-text .contact-wrapper .quick-facts .container h2,
.quick-facts .container .contacts-in-text .contact-wrapper .like-h2,
.quick-facts .container .contacts-in-text .contact-wrapper h2,
.quick-facts .container .sidebar .contact-wrapper .like-h2,
.quick-facts .container .sidebar .contact-wrapper h2,
.quick-facts .container .vst-registration .title,
.quick-facts .container h3,
.quick-facts .container h4,
.quick-facts .container>h2,
.sidebar .contact-wrapper .quick-facts .container .like-h2,
.sidebar .contact-wrapper .quick-facts .container h2,
.vst-registration .quick-facts .container .title {
  font-family: Source Code Pro, sans-serif;
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 0;
  line-height: 1;
  margin-top: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  z-index: 1
}

@media (max-width:567px) {

  .contacts-in-text .contact-wrapper .quick-facts .container .like-h2,
  .contacts-in-text .contact-wrapper .quick-facts .container h2,
  .quick-facts .container .contacts-in-text .contact-wrapper .like-h2,
  .quick-facts .container .contacts-in-text .contact-wrapper h2,
  .quick-facts .container .sidebar .contact-wrapper .like-h2,
  .quick-facts .container .sidebar .contact-wrapper h2,
  .quick-facts .container .vst-registration .title,
  .quick-facts .container h3,
  .quick-facts .container h4,
  .quick-facts .container>h2,
  .sidebar .contact-wrapper .quick-facts .container .like-h2,
  .sidebar .contact-wrapper .quick-facts .container h2,
  .vst-registration .quick-facts .container .title {
    margin-top: 20px
  }
}

.quick-facts .slider {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

@media (max-width:767px) {
  .quick-facts .slider {
    margin: 0 -20px
  }
}

.quick-facts .slider:before {
  background-color: #9ad7a3;
  border-radius: 50%;
  content: "";
  height: 374px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 374px
}

@media (max-width:567px) {
  .quick-facts .slider:before {
    height: 110vw;
    width: 110vw
  }
}

.quick-facts .slide {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 400px;
  position: relative
}

@media (max-width:567px) {
  .quick-facts .slide {
    min-height: 100vw
  }
}

.quick-facts p {
  max-width: 100%
}

.quick-facts .counter {
  display: inline-block;
  font-family: Korb, sans-serif;
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

@media (max-width:999px) {
  .quick-facts .counter {
    font-size: calc(10vw + 50px)
  }
}

.quick-facts .fact-label {
  display: block;
  line-height: 1.4;
  padding: 10px 20px 0
}

@media (min-width:768px) {
  .quick-facts .fact-label {
    padding-left: 60px;
    padding-right: 60px
  }
}

.quick-facts .like-h4 {
  margin: 40px auto;
  max-width: 60%;
  text-align: center
}

@media (max-width:999px) {
  .quick-facts .like-h4 {
    max-width: 80%;
    padding: 0 20px
  }
}

@media (max-width:767px) {
  .quick-facts .like-h4 {
    max-width: 100%;
    padding: 0 20px
  }
}

.quick-facts button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0
}

.quick-facts .slider-tabs,
.quick-facts .tabs {
  bottom: 0;
  font-size: 0;
  left: 50%;
  line-height: 0;
  list-style: none;
  margin: 20px 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translate(-50%)
}

@media (max-width:567px) {

  .quick-facts .slider-tabs,
  .quick-facts .tabs {
    margin-bottom: 12px
  }
}

.quick-facts .slider-tabs li,
.quick-facts .tabs li {
  display: inline-block;
  vertical-align: top
}

.quick-facts .slider-tabs li.active button:before,
.quick-facts .tabs li.active button:before {
  background-color: var(--theme-color-primary);
  box-shadow: 0 0 0 2px var(--theme-color-primary)
}

.mwf-upload-dropzone .quick-facts .slider-tabs .mwf-upload-button>span,
.mwf-upload-dropzone .quick-facts .tabs .mwf-upload-button>span,
.quick-facts .slider-tabs .btn,
.quick-facts .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
.quick-facts .slider-tabs .review-wrapper .submit,
.quick-facts .slider-tabs .steps .next,
.quick-facts .slider-tabs .vst-registration .submit,
.quick-facts .tabs .btn,
.quick-facts .tabs .mwf-upload-dropzone .mwf-upload-button>span,
.quick-facts .tabs .review-wrapper .submit,
.quick-facts .tabs .steps .next,
.quick-facts .tabs .vst-registration .submit,
.review-wrapper .quick-facts .slider-tabs .submit,
.review-wrapper .quick-facts .tabs .submit,
.steps .quick-facts .slider-tabs .next,
.steps .quick-facts .tabs .next,
.vst-registration .quick-facts .slider-tabs .submit,
.vst-registration .quick-facts .tabs .submit {
  --button-min-size: 24px;
  align-items: center;
  display: flex;
  font-size: 0;
  justify-content: center;
  line-height: 0
}

.mwf-upload-dropzone .quick-facts .slider-tabs .mwf-upload-button>span:before,
.mwf-upload-dropzone .quick-facts .tabs .mwf-upload-button>span:before,
.quick-facts .slider-tabs .btn:before,
.quick-facts .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:before,
.quick-facts .slider-tabs .review-wrapper .submit:before,
.quick-facts .slider-tabs .steps .next:before,
.quick-facts .slider-tabs .vst-registration .submit:before,
.quick-facts .tabs .btn:before,
.quick-facts .tabs .mwf-upload-dropzone .mwf-upload-button>span:before,
.quick-facts .tabs .review-wrapper .submit:before,
.quick-facts .tabs .steps .next:before,
.quick-facts .tabs .vst-registration .submit:before,
.review-wrapper .quick-facts .slider-tabs .submit:before,
.review-wrapper .quick-facts .tabs .submit:before,
.steps .quick-facts .slider-tabs .next:before,
.steps .quick-facts .tabs .next:before,
.vst-registration .quick-facts .slider-tabs .submit:before,
.vst-registration .quick-facts .tabs .submit:before {
  border: 2px solid var(--theme-color-primary);
  border-radius: 5px;
  content: "";
  display: block;
  height: 10px;
  position: relative;
  transition: .2s ease;
  width: 10px
}

.mwf-upload-dropzone .quick-facts .slider-tabs .mwf-upload-button>span:after,
.mwf-upload-dropzone .quick-facts .tabs .mwf-upload-button>span:after,
.quick-facts .slider-tabs .btn:after,
.quick-facts .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.quick-facts .slider-tabs .review-wrapper .submit:after,
.quick-facts .slider-tabs .steps .next:after,
.quick-facts .slider-tabs .vst-registration .submit:after,
.quick-facts .tabs .btn:after,
.quick-facts .tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.quick-facts .tabs .review-wrapper .submit:after,
.quick-facts .tabs .steps .next:after,
.quick-facts .tabs .vst-registration .submit:after,
.review-wrapper .quick-facts .slider-tabs .submit:after,
.review-wrapper .quick-facts .tabs .submit:after,
.steps .quick-facts .slider-tabs .next:after,
.steps .quick-facts .tabs .next:after,
.vst-registration .quick-facts .slider-tabs .submit:after,
.vst-registration .quick-facts .tabs .submit:after {
  display: none
}

.mwf-upload-dropzone .quick-facts .slider-tabs .mwf-upload-button>span:hover,
.mwf-upload-dropzone .quick-facts .tabs .mwf-upload-button>span:hover,
.quick-facts .slider-tabs .btn:hover,
.quick-facts .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.quick-facts .slider-tabs .review-wrapper .submit:hover,
.quick-facts .slider-tabs .steps .next:hover,
.quick-facts .slider-tabs .vst-registration .submit:hover,
.quick-facts .tabs .btn:hover,
.quick-facts .tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.quick-facts .tabs .review-wrapper .submit:hover,
.quick-facts .tabs .steps .next:hover,
.quick-facts .tabs .vst-registration .submit:hover,
.review-wrapper .quick-facts .slider-tabs .submit:hover,
.review-wrapper .quick-facts .tabs .submit:hover,
.steps .quick-facts .slider-tabs .next:hover,
.steps .quick-facts .tabs .next:hover,
.vst-registration .quick-facts .slider-tabs .submit:hover,
.vst-registration .quick-facts .tabs .submit:hover {
  background-color: transparent
}

.mwf-upload-dropzone .quick-facts .slider-tabs .mwf-upload-button>span:hover:before,
.mwf-upload-dropzone .quick-facts .tabs .mwf-upload-button>span:hover:before,
.quick-facts .slider-tabs .btn:hover:before,
.quick-facts .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:hover:before,
.quick-facts .slider-tabs .review-wrapper .submit:hover:before,
.quick-facts .slider-tabs .steps .next:hover:before,
.quick-facts .slider-tabs .vst-registration .submit:hover:before,
.quick-facts .tabs .btn:hover:before,
.quick-facts .tabs .mwf-upload-dropzone .mwf-upload-button>span:hover:before,
.quick-facts .tabs .review-wrapper .submit:hover:before,
.quick-facts .tabs .steps .next:hover:before,
.quick-facts .tabs .vst-registration .submit:hover:before,
.review-wrapper .quick-facts .slider-tabs .submit:hover:before,
.review-wrapper .quick-facts .tabs .submit:hover:before,
.steps .quick-facts .slider-tabs .next:hover:before,
.steps .quick-facts .tabs .next:hover:before,
.vst-registration .quick-facts .slider-tabs .submit:hover:before,
.vst-registration .quick-facts .tabs .submit:hover:before {
  background-color: var(--theme-color-primary)
}

.quick-facts .next,
.quick-facts .prev {
  color: var(--theme-color-primary);
  height: 50px;
  line-height: 50px;
  margin: -25px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 50px
}

@media (max-width:767px) {

  .quick-facts .next,
  .quick-facts .prev {
    display: none
  }
}

.quick-facts .next:before,
.quick-facts .prev:before {
  content: "\e840";
  font-family: Icons, sans-serif;
  font-size: 30px
}

.quick-facts .prev {
  left: 0;
  transform: rotate(180deg)
}

.quick-facts .count {
  bottom: 0;
  font-family: var(--font-korb);
  font-size: 18px;
  left: 0;
  padding-bottom: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  visibility: hidden
}

.quick-facts .count span {
  margin: 0 5px
}

section.search {
  margin: 0;
  min-height: calc(24vw + 220px);
  padding: calc(.4vw + 20px) 0 calc(1vw + 40px);
  position: relative
}

@media (max-width:767px) {
  section.search {
    margin-bottom: -10px;
    padding: calc(1.5vw + 15px) 0 0
  }
}

@media (min-width:768px) {

  section.search+#toclist>section:first-child,
  section.search+section {
    margin-top: 0
  }
}

section.search .container {
  position: relative;
  z-index: 1
}

section.search .row {
  min-height: 620px
}

@media (max-width:567px) {
  section.search .row {
    min-height: 0
  }
}

@media (max-width:420px) {
  section.search .artwork {
    right: -20px;
    top: 30px
  }
}

@media (max-width:340px) {
  section.search .artwork {
    right: -30px;
    top: 40px
  }
}

section.search form {
  border-radius: var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md);
  box-shadow: 0 3px 20px -5px rgba(0, 0, 0, .3);
  margin: 32px 0 16px;
  position: relative
}

@media (max-width:567px) {
  section.search form {
    margin-top: 20px
  }
}

section.search h1 {
  margin-left: 0;
  margin-top: 0
}

@media (max-width:567px) {
  section.search h1 {
    font-size: 24px;
    margin: 0
  }
}

section.search .tiles {
  display: flex;
  flex-wrap: wrap;
  font-family: Korb, sans-serif;
  margin: 0 -8px
}

@media (max-width:567px) {
  section.search .tiles {
    margin: 0 -6px
  }
}

section.search .tiles .tile {
  display: flex;
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  padding: 8px;
  position: relative
}

section.search .tiles .tile:before {
  font-family: Icons, sans-serif;
  font-size: 18px;
  line-height: 1;
  margin: 10px 8px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
  z-index: 1
}

section.search .tiles .tile[data-type=download]:before {
  color: var(--theme-color-link);
  content: "\e842"
}

section.search .tiles .tile[data-type=external]:before {
  color: var(--theme-color-link);
  content: "\e846"
}

@media (max-width:567px) {
  section.search .tiles .tile {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 6px
  }
}

section.search .tiles .tile:nth-child(3)~.tile {
  z-index: 1
}

section.search .tiles .tile.a-z,
section.search .tiles .tile.downloads,
section.search .tiles .tile.events {
  background-color: transparent;
  order: 1
}

section.search .tiles .tile.a-z:before,
section.search .tiles .tile.downloads:before,
section.search .tiles .tile.events:before {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: Icons, sans-serif;
  font-size: 24px;
  line-height: 1;
  margin: 11px 10px;
  padding: 7px 6px 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

@media (max-width:767px) {

  section.search .tiles .tile.a-z:before,
  section.search .tiles .tile.downloads:before,
  section.search .tiles .tile.events:before {
    font-size: 24px;
    margin: 18px
  }
}

section.search .tiles .tile.a-z .outer,
section.search .tiles .tile.downloads .outer,
section.search .tiles .tile.events .outer {
  background-color: var(--theme-color-primary-dimmed-04)
}

section.search .tiles .tile.a-z p,
section.search .tiles .tile.downloads p,
section.search .tiles .tile.events p {
  margin-bottom: .4em
}

section.search .tiles .tile.downloads:before {
  content: "\e835"
}

section.search .tiles .tile.a-z:before {
  content: "\e833"
}

section.search .tiles .tile.events:before {
  content: "\e83b"
}

section.search .tiles .outer,
section.search .tiles .tile>a {
  align-items: flex-end;
  background-color: var(--theme-color-background);
  border-radius: var(--border-radius-md);
  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, .25);
  display: flex;
  line-height: 1.2;
  min-height: 108px;
  overflow: hidden;
  padding: 18px 24px 24px;
  position: relative;
  transition: .25s ease;
  width: 100%
}

section.search .tiles .outer.focus-visible:focus,
section.search .tiles .tile>a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

section.search .tiles .outer.-moz-focusring,
section.search .tiles .outer:focus-visible,
section.search .tiles .tile>a.-moz-focusring,
section.search .tiles .tile>a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:767px) {

  section.search .tiles .outer,
  section.search .tiles .tile>a {
    font-size: 16px;
    min-height: 84px;
    padding: 10px 10px 15px
  }
}

section.search .tiles .outer:before,
section.search .tiles .tile>a:before {
  background-color: var(--theme-color-secondary);
  bottom: 0;
  content: "";
  display: block;
  height: var(--border-width);
  left: 0;
  position: absolute;
  right: 0;
  transition: .25s cubic-bezier(.25, .46, .45, .94)
}

section.search .tiles .outer:hover,
section.search .tiles .tile>a:hover {
  color: var(--theme-color-secondary-intensed)
}

section.search .tiles .outer:hover:before,
section.search .tiles .tile>a:hover:before {
  height: var(--border-width-hover)
}

section.search .tiles .tile>a .item-title {
  text-decoration: underline
}

section.search .tiles .outer {
  background-color: var(--theme-primary-light-04);
  border: 4px solid #fff;
  padding: 14px 20px 18px
}

section.search .tiles .outer:after,
section.search .tiles .outer:before {
  display: none
}

section.search .tiles .inner {
  display: block;
  max-width: 100%
}

section.search .tiles .kicker {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.search .tiles ul {
  font-size: 16px;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0
}

section.search .tiles ul li {
  margin-top: 5px
}

section.search .tiles ul a {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: .2s ease;
  white-space: nowrap
}

section.search .tiles ul a:hover {
  color: var(--color-secondary-dark)
}

section.search .tiles .proposals {
  flex: 1 1 100%;
  order: 2;
  padding: 10px 12px 0
}

section.search .tiles .proposals a {
  margin: 0 .3em 0 .1em
}

section.search .tiles .proposals p {
  margin-bottom: 0
}

section.search .tiles .all-button-wrapper {
  display: block;
  flex: 1 1 100%;
  order: 3;
  padding: 16px 8px
}

.mwf-upload-dropzone section.search .tiles .all-button-wrapper .mwf-upload-button>span,
.review-wrapper section.search .tiles .all-button-wrapper .submit,
.steps section.search .tiles .all-button-wrapper .next,
.vst-registration section.search .tiles .all-button-wrapper .submit,
section.search .tiles .all-button-wrapper .btn,
section.search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
section.search .tiles .all-button-wrapper .review-wrapper .submit,
section.search .tiles .all-button-wrapper .steps .next,
section.search .tiles .all-button-wrapper .vst-registration .submit {
  transition: .2s ease
}

.mwf-upload-dropzone section.search .tiles .all-button-wrapper .mwf-upload-button>span .count,
.review-wrapper section.search .tiles .all-button-wrapper .submit .count,
.steps section.search .tiles .all-button-wrapper .next .count,
.vst-registration section.search .tiles .all-button-wrapper .submit .count,
section.search .tiles .all-button-wrapper .btn .count,
section.search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count,
section.search .tiles .all-button-wrapper .review-wrapper .submit .count,
section.search .tiles .all-button-wrapper .steps .next .count,
section.search .tiles .all-button-wrapper .vst-registration .submit .count {
  margin-left: .3em
}

.mwf-upload-dropzone section.search .tiles .all-button-wrapper .mwf-upload-button>span .count:before,
.review-wrapper section.search .tiles .all-button-wrapper .submit .count:before,
.steps section.search .tiles .all-button-wrapper .next .count:before,
.vst-registration section.search .tiles .all-button-wrapper .submit .count:before,
section.search .tiles .all-button-wrapper .btn .count:before,
section.search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count:before,
section.search .tiles .all-button-wrapper .review-wrapper .submit .count:before,
section.search .tiles .all-button-wrapper .steps .next .count:before,
section.search .tiles .all-button-wrapper .vst-registration .submit .count:before {
  content: "("
}

.mwf-upload-dropzone section.search .tiles .all-button-wrapper .mwf-upload-button>span .count:after,
.review-wrapper section.search .tiles .all-button-wrapper .submit .count:after,
.steps section.search .tiles .all-button-wrapper .next .count:after,
.vst-registration section.search .tiles .all-button-wrapper .submit .count:after,
section.search .tiles .all-button-wrapper .btn .count:after,
section.search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count:after,
section.search .tiles .all-button-wrapper .review-wrapper .submit .count:after,
section.search .tiles .all-button-wrapper .steps .next .count:after,
section.search .tiles .all-button-wrapper .vst-registration .submit .count:after {
  content: ")"
}

.slider {
  opacity: 0;
  transition: opacity .4s linear
}

.slider.initiated {
  opacity: 1
}

.slider.single-slide .controls {
  display: none
}

.slider .slide-overflow {
  overflow: hidden;
  transition: height .6s cubic-bezier(.215, .61, .355, 1)
}

.slider img.loading {
  opacity: 0
}

.slider img.loaded {
  opacity: 1;
  transition: .3s ease
}

.slider .slide-wrapper {
  align-items: flex-start;
  contain: layout;
  display: flex;
  position: relative;
  width: 10000%
}

.slider .slide-wrapper.no-transition {
  -ms-user-select: none;
  user-select: none
}

.slider .slide-wrapper.no-transition .image-box:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.slider .slide-wrapper a,
.slider .slide-wrapper img {
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none
}

.slider .slide {
  max-width: 1%;
  min-width: 1%;
  position: relative;
  width: 1%
}

.slider .next-clone,
.slider .prev-clone {
  display: flex;
  position: absolute;
  width: 100%
}

.slider .prev-clone {
  justify-content: flex-end;
  position: absolute;
  right: 100%
}

.rotation {
  margin: var(--section-margin) auto
}

.rotation .slider {
  background-color: var(--theme-color-primary);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  display: block;
  position: relative
}

@media (max-width:567px) {
  .rotation .slider {
    margin: var(--section-margin) calc(var(--container-padding)*-1)
  }
}

.rotation .slider .slide:not(.current) {
  height: 0
}

@media (max-width:999px) {
  .rotation .slider .slide.text-only .outer .text-box {
    min-height: calc(40vw + 100px)
  }
}

@media (min-width:1000px) {
  .rotation .slider .slide.text-only .outer:after {
    content: "";
    display: block;
    padding-top: calc(44.4444% - 13.3333px);
    position: relative
  }
}

.rotation .slider .outer {
  display: flex;
  margin: 0 -20px
}

@media (max-width:999px) {
  .rotation .slider .outer {
    flex-direction: column;
    margin: 0;
    overflow: hidden
  }
}

.mwf-upload-dropzone .rotation .slider .outer.download .text-box .mwf-upload-button>span:before,
.review-wrapper .rotation .slider .outer.download .text-box .submit:before,
.rotation .slider .outer.download .text-box .btn:before,
.rotation .slider .outer.download .text-box .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotation .slider .outer.download .text-box .review-wrapper .submit:before,
.rotation .slider .outer.download .text-box .steps .next:before,
.rotation .slider .outer.download .text-box .vst-registration .submit:before,
.steps .rotation .slider .outer.download .text-box .next:before,
.vst-registration .rotation .slider .outer.download .text-box .submit:before {
  content: "\e842"
}

.mwf-upload-dropzone .rotation .slider .outer.intranet .text-box .mwf-upload-button>span:before,
.review-wrapper .rotation .slider .outer.intranet .text-box .submit:before,
.rotation .slider .outer.intranet .text-box .btn:before,
.rotation .slider .outer.intranet .text-box .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotation .slider .outer.intranet .text-box .review-wrapper .submit:before,
.rotation .slider .outer.intranet .text-box .steps .next:before,
.rotation .slider .outer.intranet .text-box .vst-registration .submit:before,
.steps .rotation .slider .outer.intranet .text-box .next:before,
.vst-registration .rotation .slider .outer.intranet .text-box .submit:before {
  content: "\e84a"
}

.mwf-upload-dropzone .rotation .slider .outer.extranet .text-box .mwf-upload-button>span:before,
.review-wrapper .rotation .slider .outer.extranet .text-box .submit:before,
.rotation .slider .outer.extranet .text-box .btn:before,
.rotation .slider .outer.extranet .text-box .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotation .slider .outer.extranet .text-box .review-wrapper .submit:before,
.rotation .slider .outer.extranet .text-box .steps .next:before,
.rotation .slider .outer.extranet .text-box .vst-registration .submit:before,
.steps .rotation .slider .outer.extranet .text-box .next:before,
.vst-registration .rotation .slider .outer.extranet .text-box .submit:before {
  content: "\e84b"
}

.mwf-upload-dropzone .rotation .slider .outer.extern .text-box .mwf-upload-button>span:before,
.review-wrapper .rotation .slider .outer.extern .text-box .submit:before,
.rotation .slider .outer.extern .text-box .btn:before,
.rotation .slider .outer.extern .text-box .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotation .slider .outer.extern .text-box .review-wrapper .submit:before,
.rotation .slider .outer.extern .text-box .steps .next:before,
.rotation .slider .outer.extern .text-box .vst-registration .submit:before,
.steps .rotation .slider .outer.extern .text-box .next:before,
.vst-registration .rotation .slider .outer.extern .text-box .submit:before {
  content: "\e846"
}

.rotation .slider .image-box {
  flex: 1 1 100%;
  order: 1;
  position: relative
}

.rotation .slider .image-box:before {
  content: "";
  display: block;
  padding-top: 66.66667%;
  position: relative
}

.rotation .slider .image-box .gallery,
.rotation .slider .image-box>img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media (min-width:1000px) {
  .rotation .slider .image-box {
    flex: 1 1 66.66667%;
    max-width: 66.66667%;
    padding-right: 20px
  }

  .rotation .slider .image-box .gallery,
  .rotation .slider .image-box>img {
    left: 1px;
    width: calc(100% - 20px)
  }
}

.rotation .slider .copyright {
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: .3s ease;
  width: calc(66.6% + 7px);
  z-index: 2
}

@media (min-width:1000px) {
  .rotation .slider .copyright {
    left: calc(100% - 20px)
  }
}

.rotation .slider .text-box {
  color: var(--theme-color-background);
  display: flex;
  flex: 1 1 33.33333%;
  flex-direction: column;
  font-size: var(--font-size-small);
  justify-content: center;
  max-width: 33.3333%;
  min-width: 400px;
  padding: 40px 20px 40px 80px;
  position: relative;
  z-index: 2
}

@media (max-width:1339px) {
  .rotation .slider .text-box {
    min-width: 360px;
    padding: 30px 10px 30px 60px
  }
}

@media (max-width:1199px) and (min-width:1000px) {
  .rotation .slider .text-box {
    font-size: 16px;
    min-height: 500px
  }
}

@media (max-width:999px) {
  .rotation .slider .text-box {
    max-width: none;
    min-width: 0;
    padding: 40px 40px 10px
  }
}

@media (max-width:567px) {
  .rotation .slider .text-box {
    padding: 28px var(--container-padding) 10px
  }
}

.rotation .slider .text-box:first-child {
  background-color: transparent;
  max-width: none;
  padding: 100px 80px;
  position: static
}

@media (max-width:999px) {
  .rotation .slider .text-box:first-child {
    padding: 40px
  }
}

@media (max-width:567px) {
  .rotation .slider .text-box:first-child {
    padding: 28px 20px 100px
  }
}

.rotation .slider .text-box:first-child:after {
  background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 100%);
  content: "";
  height: 800px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.rotation .slider .text-box:first-child>* {
  max-width: 800px;
  z-index: 1
}

.rotation .slider .text-box:not(:first-child):before {
  background-color: var(--theme-color-primary);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1
}

@media (min-width:1000px) {
  .rotation .slider .text-box:not(:first-child):before {
    border-bottom-right-radius: 28% 50%;
    border-top-right-radius: 28% 50%;
    margin: -15% -14% -15% 20px;
    top: 0
  }
}

@media (max-width:999px) {
  .rotation .slider .text-box:not(:first-child):before {
    border-bottom-left-radius: 50% 28%;
    border-bottom-right-radius: 50% 28%;
    margin: 0 -15% -8%;
    padding-top: 70%
  }
}

.rotation .slider .context-box {
  background: linear-gradient(90deg, var(--theme-color-gradient-01) 25%, var(--theme-color-gradient-02) 57%, var(--theme-color-gradient-03) 112%);
  color: var(--theme-color-white);
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  min-height: 47px;
  min-width: 100px;
  padding: 8px 10px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 40px;
  z-index: 100
}

@media (max-width:999px) {
  .rotation .slider .context-box {
    min-height: auto
  }
}

.rotation .slider .context-box--image {
  display: flex;
  padding: 4px 10px
}

.rotation .slider .context-box--image img {
  height: 39px
}

.rotation .slider .image-box .context-box {
  right: 20px
}

@media (max-width:999px) {
  .rotation .slider .image-box .context-box {
    right: 0;
    top: 110px
  }
}

@media (max-width:567px) {
  .rotation .slider .image-box .context-box {
    top: 40px
  }
}

@media (max-width:319px) {
  .rotation .slider .image-box .context-box {
    top: 20px
  }
}

@media (max-width:767px) {
  .rotation .slider .text-box.context {
    padding-top: 100px
  }
}

.rotation .slider .slider-tabs {
  bottom: 0;
  display: flex;
  list-style: none;
  margin: 20px;
  padding: 0;
  position: absolute;
  right: 0
}

.mwf-upload-dropzone .rotation .slider .slider-tabs .mwf-upload-button>span,
.review-wrapper .rotation .slider .slider-tabs .submit,
.rotation .slider .slider-tabs .btn,
.rotation .slider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
.rotation .slider .slider-tabs .review-wrapper .submit,
.rotation .slider .slider-tabs .steps .next,
.rotation .slider .slider-tabs .vst-registration .submit,
.steps .rotation .slider .slider-tabs .next,
.vst-registration .rotation .slider .slider-tabs .submit {
  --button-hover-shadow-opacity: 0.4;
  font-size: var(--font-size-h4);
  margin: 5px
}

.mwf-upload-dropzone .rotation .slider .slider-tabs .mwf-upload-button>span span,
.review-wrapper .rotation .slider .slider-tabs .submit span,
.rotation .slider .slider-tabs .btn span,
.rotation .slider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span span,
.rotation .slider .slider-tabs .review-wrapper .submit span,
.rotation .slider .slider-tabs .steps .next span,
.rotation .slider .slider-tabs .vst-registration .submit span,
.steps .rotation .slider .slider-tabs .next span,
.vst-registration .rotation .slider .slider-tabs .submit span {
  position: relative;
  z-index: 2
}

@media (max-width:767px) {

  .mwf-upload-dropzone .rotation .slider .slider-tabs .mwf-upload-button>span,
  .review-wrapper .rotation .slider .slider-tabs .submit,
  .rotation .slider .slider-tabs .btn,
  .rotation .slider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
  .rotation .slider .slider-tabs .review-wrapper .submit,
  .rotation .slider .slider-tabs .steps .next,
  .rotation .slider .slider-tabs .vst-registration .submit,
  .steps .rotation .slider .slider-tabs .next,
  .vst-registration .rotation .slider .slider-tabs .submit {
    margin: 4px
  }
}

.mwf-upload-dropzone .rotation .slider .slider-tabs .active .mwf-upload-button>span,
.review-wrapper .rotation .slider .slider-tabs .active .submit,
.rotation .slider .slider-tabs .active .btn,
.rotation .slider .slider-tabs .active .mwf-upload-dropzone .mwf-upload-button>span,
.rotation .slider .slider-tabs .active .review-wrapper .submit,
.rotation .slider .slider-tabs .active .steps .next,
.rotation .slider .slider-tabs .active .vst-registration .submit,
.steps .rotation .slider .slider-tabs .active .next,
.vst-registration .rotation .slider .slider-tabs .active .submit {
  --button-bg-color: var(--theme-color-background);
  --button-text-color: var(--theme-color-primary)
}

.mwf-upload-dropzone .rotation .slider .slider-tabs .active .mwf-upload-button>span:hover:after,
.review-wrapper .rotation .slider .slider-tabs .active .submit:hover:after,
.rotation .slider .slider-tabs .active .btn:hover:after,
.rotation .slider .slider-tabs .active .mwf-upload-dropzone .mwf-upload-button>span:hover:after,
.rotation .slider .slider-tabs .active .review-wrapper .submit:hover:after,
.rotation .slider .slider-tabs .active .steps .next:hover:after,
.rotation .slider .slider-tabs .active .vst-registration .submit:hover:after,
.steps .rotation .slider .slider-tabs .active .next:hover:after,
.vst-registration .rotation .slider .slider-tabs .active .submit:hover:after {
  box-shadow: none
}

.rotation .slider .like-h2,
.rotation .slider h2 {
  margin-bottom: .4em;
  margin-top: .3em
}

.mwf-upload-dropzone .rotation .slider .mwf-upload-button>span,
.review-wrapper .rotation .slider .submit,
.rotation .slider .btn,
.rotation .slider .mwf-upload-dropzone .mwf-upload-button>span,
.rotation .slider .review-wrapper .submit,
.rotation .slider .steps .next,
.rotation .slider .vst-registration .submit,
.steps .rotation .slider .next,
.vst-registration .rotation .slider .submit {
  margin-top: .8em
}

.rotation .slider .count,
.rotation .slider .next,
.rotation .slider .prev {
  display: none
}

@media (max-width:767px) {
  section.social .container {
    padding: 0
  }
}

section.social .like-h2,
section.social h2 {
  margin-bottom: .4em
}

section.social .text-box>:first-child {
  margin-top: var(--section-headline-margin)
}

section.social .social-wrapper {
  background-color: var(--theme-color-primary-dimmed-04);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  display: flex;
  padding: var(--content-box-padding);
  position: relative
}

@media (max-width:999px) {
  section.social .social-wrapper {
    flex-direction: column
  }
}

@media (max-width:567px) {
  section.social .social-wrapper {
    padding: calc(var(--content-box-padding)*1.5) var(--content-box-padding)
  }
}

@media (min-width:1000px) {
  section.social .social-wrapper>div {
    flex: 1 1 50%;
    max-width: 50%
  }
}

section.social .social-profiles p {
  margin-bottom: .5em
}

section.social .social-box {
  display: block;
  min-height: 500px;
  position: relative
}

@media (max-width:767px) {
  section.social .social-box {
    height: 350px
  }
}

section.social .social-box iframe {
  min-height: 100%;
  position: relative
}

section.social .social-box .fb_iframe_widget {
  float: right
}

@media (max-width:999px) {
  section.social .social-box .fb_iframe_widget {
    display: inline-block;
    float: none;
    left: 50%;
    transform: translateX(-50%)
  }
}

section.social .social-profiles {
  bottom: var(--content-box-padding);
  left: var(--content-box-padding);
  position: absolute
}

@media (max-width:567px) {
  section.social .social-profiles {
    bottom: calc(var(--content-box-padding)*1.5)
  }
}

@media (min-width:1000px) {
  section.social .social-profiles~.text-box {
    padding-bottom: 120px
  }

  section.social .text-box {
    padding-right: 40px
  }
}

@media (max-width:999px) {
  section.social .social-profiles {
    position: absolute
  }

  section.social .social-profiles~.social-box {
    margin-bottom: 110px
  }

  section.social .text-box {
    margin-bottom: 10px
  }
}

.richtext .detail-text:has(.survey) {
  overflow-x: visible
}

.survey {
  background-color: var(--theme-color-secondary-dimmed);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);
  display: block;
  margin: var(--section-margin) 0;
  position: relative
}

.survey legend {
  margin: 0 0 .75rem
}

.survey .text-box {
  font-size: var(--font-size-small);
  padding: var(--content-box-padding) var(--content-box-padding) 0 var(--content-box-padding)
}

.survey .text-box .kicker {
  margin-top: -.3em
}

.contacts-in-text .contact-wrapper .survey .text-box .like-h2,
.contacts-in-text .contact-wrapper .survey .text-box h2,
.sidebar .contact-wrapper .survey .text-box .like-h2,
.sidebar .contact-wrapper .survey .text-box h2,
.survey .text-box .contacts-in-text .contact-wrapper .like-h2,
.survey .text-box .contacts-in-text .contact-wrapper h2,
.survey .text-box .sidebar .contact-wrapper .like-h2,
.survey .text-box .sidebar .contact-wrapper h2,
.survey .text-box .vst-registration .title,
.survey .text-box h2,
.survey .text-box h3,
.vst-registration .survey .text-box .title {
  margin-bottom: .3em;
  margin-top: .2em
}

.survey .text-box p:last-child {
  margin-bottom: 0
}

@media (max-width:567px) {
  .survey .text-box {
    padding-top: calc(var(--content-box-padding)*1.5)
  }
}

.survey .form-box {
  padding: var(--content-box-padding);
  position: relative;
  transition: height .5s cubic-bezier(.645, .045, .355, 1)
}

@media (max-width:567px) {
  .survey .form-box {
    padding-bottom: calc(var(--content-box-padding)*1.5)
  }
}

.survey form {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0) scale(1);
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.survey form:not(:last-child) {
  height: 0
}

@media (max-width:767px) {

  .contacts-in-text .contact-wrapper .survey .like-h2,
  .contacts-in-text .contact-wrapper .survey h2,
  .sidebar .contact-wrapper .survey .like-h2,
  .sidebar .contact-wrapper .survey h2,
  .survey .contacts-in-text .contact-wrapper .like-h2,
  .survey .contacts-in-text .contact-wrapper h2,
  .survey .sidebar .contact-wrapper .like-h2,
  .survey .sidebar .contact-wrapper h2,
  .survey .vst-registration .title,
  .survey h3,
  .survey h4,
  .vst-registration .survey .title {
    font-size: 26px
  }
}

.survey legend {
  border-bottom: 0;
  color: var(--theme-color-primary);
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 1em 0 .5em;
  padding: 0
}

.survey ul {
  list-style: none;
  margin: 0 -2px;
  padding: 0
}

.survey ul li.choice {
  padding: 0;
  position: relative
}

.survey ul li.choice+li {
  margin-top: 15px
}

.survey input[type=radio] {
  appearance: none;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: .000001;
  position: absolute;
  top: 0;
  transition: .25s ease;
  width: 100%;
  z-index: 1
}

.survey input[type=radio].focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.survey input[type=radio].-moz-focusring,
.survey input[type=radio]:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.survey input[type=radio]:checked+label {
  background-color: var(--theme-color-secondary-intensed);
  color: var(--theme-color-white)
}

.survey input[type=radio]:hover+label:after {
  box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color);
  opacity: var(--button-hover-shadow-opacity)
}

.review-wrapper .survey label.submit,
.steps .survey label.next,
.survey .review-wrapper label.submit,
.survey .steps label.next,
.survey .vst-registration label.submit,
.survey label.btn,
.vst-registration .survey label.submit {
  line-height: 1.2;
  margin: 0;
  min-height: 48px;
  text-align: center;
  transition: .3s ease;
  width: 100%
}

@media (max-width:999px) {

  .review-wrapper .survey label.submit,
  .steps .survey label.next,
  .survey .review-wrapper label.submit,
  .survey .steps label.next,
  .survey .vst-registration label.submit,
  .survey label.btn,
  .vst-registration .survey label.submit {
    min-height: 44px
  }
}

.survey fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

.survey fieldset+fieldset {
  margin-top: calc(20px + 2%)
}

.survey .btn-wrapper,
.survey .survey-result>.title {
  display: none
}

.survey .result-wrapper .title {
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 1.4em -.05em .8em
}

.survey .sub-result-wrapper {
  align-items: center;
  display: flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  justify-content: space-between;
  line-height: 1.1;
  min-height: 48px;
  padding: 10px 15px;
  position: relative
}

@media (max-width:999px) {
  .survey .sub-result-wrapper {
    min-height: 44px
  }
}

@media (max-width:767px) {
  .survey .sub-result-wrapper {
    padding: 5px 5px 5px 10px
  }
}

.survey .sub-result-wrapper+.sub-result-wrapper {
  margin-top: 15px
}

.survey .sub-result-wrapper div {
  display: block;
  position: relative
}

.survey .sub-result-wrapper div.answer {
  max-width: calc(100% - 60px);
  overflow: hidden
}

@media (max-width:767px) {
  .survey .sub-result-wrapper div.answer {
    max-width: calc(100% - 50px)
  }
}

.survey .sub-result-wrapper .bar {
  background-color: #9ad7a3;
  bottom: 0;
  display: block;
  left: 0;
  min-width: 1px;
  position: absolute;
  top: 0;
  transition: .8s cubic-bezier(.645, .045, .355, 1);
  width: 0
}

.survey .survey-result {
  opacity: 0;
  pointer-events: none;
  transform: translateZ(0) scale(.9);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden
}

.contacts-in-text .contact-wrapper .survey .survey-result .like-h2,
.contacts-in-text .contact-wrapper .survey .survey-result h2,
.sidebar .contact-wrapper .survey .survey-result .like-h2,
.sidebar .contact-wrapper .survey .survey-result h2,
.survey .survey-result .contacts-in-text .contact-wrapper .like-h2,
.survey .survey-result .contacts-in-text .contact-wrapper h2,
.survey .survey-result .sidebar .contact-wrapper .like-h2,
.survey .survey-result .sidebar .contact-wrapper h2,
.survey .survey-result .vst-registration .title,
.survey .survey-result h3,
.vst-registration .survey .survey-result .title {
  margin-bottom: .9em
}

.survey.show-result .survey-result {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0) scale(1);
  transition: opacity .4s ease .3s, visibility 0s ease .3s, transform .4s ease .3s;
  visibility: visible
}

.survey.show-result form {
  opacity: 0;
  pointer-events: none;
  transform: translateZ(0) scale(.9);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden
}

.survey[data-size=lg] {
  align-items: flex-start;
  display: flex
}

.survey[data-size=lg] .form-box,
.survey[data-size=lg] .text-box {
  flex: 1 1 100%;
  max-width: 50%
}

.survey[data-size=lg] .text-box {
  margin-bottom: .1em;
  padding: var(--content-box-padding)
}

.survey[data-size=lg] .text-box .kicker {
  padding-top: .1em
}

.survey[data-size=lg] .form-box {
  padding-left: 0
}

.teasers {
  display: block;
  position: relative
}

@media (min-width:1000px) {
  .teasers {
    margin-bottom: -10px
  }
}

.teasers .ad-box {
  position: relative
}

.teasers .ad-box img {
  display: block;
  height: auto;
  position: relative;
  width: 100%
}

.teasers .magazine-indicator {
  align-self: flex-start;
  background: linear-gradient(90deg, var(--theme-color-gradient-01) 20%, var(--theme-color-gradient-02) 70%, var(--theme-color-gradient-03) 100%);
  color: #fff;
  display: inline-block;
  font-family: Korb, sans-serif;
  margin: 0;
  min-width: 160px;
  padding: 6px 12px;
  position: absolute;
  right: 9px;
  top: 100%
}

.teasers .magazine-indicator img {
  display: block;
  height: 40px;
  position: relative;
  width: auto
}

@media (max-width:767px) {
  .teasers .magazine-indicator {
    margin-bottom: 12px
  }
}

.teasers[data-type=hero] .image-box~.text-box .magazine-indicator,
.teasers[data-type=hero] .image-box~.text-box .title .magazine-indicator {
  top: -16px
}

.teasers .image-box~.text-box .like-h4,
.teasers .image-box~.text-box h4 {
  position: relative
}

.teasers .image-box~.text-box .like-h4 .magazine-indicator,
.teasers .image-box~.text-box h4 .magazine-indicator {
  left: 0;
  right: auto;
  top: -40px;
  transform: translateY(-100%)
}

.teasers .button-wrapper {
  padding: calc(20px + 1%) 0 0;
  text-align: center
}

.teasers[data-type=masonry] .container {
  padding-bottom: calc(10px + 1vw)
}

.teasers[data-type=masonry] .row {
  flex-wrap: nowrap
}

.teasers[data-type=masonry] .row>.col {
  display: none
}

.teasers[data-type=masonry] .column {
  flex: 1 1 100%
}

.teasers[data-type=masonry] .social-box {
  display: block;
  font-size: 0;
  line-height: 0;
  min-height: 478px;
  position: relative
}

.teasers[data-type=masonry] .social-box>:first-child {
  display: block;
  height: 450px !important;
  min-height: 450px
}

.teasers[data-type=masonry] img.lazy {
  opacity: 0;
  transition: .3s ease
}

.teasers[data-type=masonry] img.lazy.loaded {
  opacity: 1
}

.teasers[data-background=lightgrey] {
  background-color: var(--theme-grey-light);
  margin: calc(2.5vw + 20px) 0 calc(2vw + 20px);
  padding: calc(2vw + 20px) 0
}

.teasers[data-background=lightgrey]+.teasers[data-background=lightgrey] {
  margin-top: calc(-2vw - 20px);
  padding-top: 20px
}

.teasers[data-background=lightgrey]:first-child {
  margin-top: 0
}

.teasers[data-background=lightgrey] h2 {
  margin-top: 0 !important
}

.teasers[data-background=lightgrey][data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box .like-h4,
.teasers[data-background=lightgrey][data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box h4 {
  background-color: var(--theme-grey-light)
}

@media (min-width:568px) {
  .teasers[data-items="2"] .col {
    max-width: 50%
  }
}

@media (min-width:768px) {
  .teasers[data-items="3"] .col {
    max-width: 33.3333333%
  }

  .teasers[data-items="4"] .col {
    max-width: 50%
  }
}

@media (min-width:1200px) {
  .teasers[data-items="2"] .row {
    margin: 0 -40px
  }

  .teasers[data-items="2"] .col {
    padding: 20px 40px
  }

  .teasers[data-items="4"] .col {
    max-width: 25%
  }
}

@media (min-width:568px) and (max-width:767px) {

  .teasers[data-items="3"] .teaser,
  .teasers[data-items="4"] .teaser {
    display: block;
    min-height: 30vw;
    padding-left: 40%;
    position: relative
  }

  .teasers[data-items="3"] .col.txt-teaser .teaser,
  .teasers[data-items="4"] .col.txt-teaser .teaser {
    min-height: 0;
    padding-left: 8px
  }

  .teasers[data-items="3"] .col.txt-teaser .text-box,
  .teasers[data-items="4"] .col.txt-teaser .text-box {
    padding-top: 12px
  }

  .teasers[data-items="3"] .image-box,
  .teasers[data-items="4"] .image-box {
    left: 0;
    margin-right: 10px;
    position: absolute;
    right: 60%;
    top: 4px
  }

  .teasers[data-items="3"] .kicker,
  .teasers[data-items="4"] .kicker {
    margin: 0 0 4px 10px
  }

  .teasers[data-items="3"] .text-box,
  .teasers[data-items="4"] .text-box {
    margin-left: 10px
  }

  .teasers[data-items="3"] .like-h4,
  .teasers[data-items="3"] h4,
  .teasers[data-items="4"] .like-h4,
  .teasers[data-items="4"] h4 {
    margin-top: 0
  }

  .contacts-in-text .contact-wrapper .teasers[data-items="3"][data-type=hero] .image-box+.text-box .like-h2,
  .contacts-in-text .contact-wrapper .teasers[data-items="3"][data-type=hero] .image-box+.text-box h2,
  .contacts-in-text .contact-wrapper .teasers[data-items="4"][data-type=hero] .image-box+.text-box .like-h2,
  .contacts-in-text .contact-wrapper .teasers[data-items="4"][data-type=hero] .image-box+.text-box h2,
  .sidebar .contact-wrapper .teasers[data-items="3"][data-type=hero] .image-box+.text-box .like-h2,
  .sidebar .contact-wrapper .teasers[data-items="3"][data-type=hero] .image-box+.text-box h2,
  .sidebar .contact-wrapper .teasers[data-items="4"][data-type=hero] .image-box+.text-box .like-h2,
  .sidebar .contact-wrapper .teasers[data-items="4"][data-type=hero] .image-box+.text-box h2,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .contacts-in-text .contact-wrapper .like-h2,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .contacts-in-text .contact-wrapper h2,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .like-h4,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .sidebar .contact-wrapper .like-h2,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .sidebar .contact-wrapper h2,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box .vst-registration .title,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box h3,
  .teasers[data-items="3"][data-type=hero] .image-box+.text-box h4,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .contacts-in-text .contact-wrapper .like-h2,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .contacts-in-text .contact-wrapper h2,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .like-h4,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .sidebar .contact-wrapper .like-h2,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .sidebar .contact-wrapper h2,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box .vst-registration .title,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box h3,
  .teasers[data-items="4"][data-type=hero] .image-box+.text-box h4,
  .vst-registration .teasers[data-items="3"][data-type=hero] .image-box+.text-box .title,
  .vst-registration .teasers[data-items="4"][data-type=hero] .image-box+.text-box .title {
    font-size: 20px;
    margin-top: 0;
    padding: 0;
    position: relative
  }
}

@media (min-width:568px) {
  .teasers[data-items="1"] .kicker:first-child {
    min-width: 100%
  }

  .teasers[data-items="1"] .teaser:not(.fullwidth) {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
  }

  .teasers[data-items="1"] .teaser.fullwidth .kicker:first-child {
    max-width: calc(50% - var(--col-padding));
    min-width: calc(50% - var(--col-padding))
  }

  .teasers[data-items="1"] .teaser.fullwidth .image-box {
    margin-top: -29px
  }

  .teasers[data-items="1"] .text-box {
    min-width: 100%
  }

  .teasers[data-items="1"] .image-box {
    flex: 1 1 100%;
    margin-right: 40px;
    max-width: calc(50% - 20px);
    min-width: calc(50% - 20px)
  }

  .teasers[data-items="1"] .image-box~.kicker {
    left: 50%;
    margin-left: 20px;
    max-width: calc(50% - 20px);
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .teasers[data-items="1"] .image-box~.kicker~.text-box {
    max-width: calc(50% - 20px);
    min-width: calc(50% - 20px);
    padding-top: 10px
  }
}

@media (min-width:1000px) {
  .teasers[data-items="1"] .image-box {
    max-width: calc(50% - 20px);
    min-width: calc(50% - 20px)
  }

  .teasers[data-items="1"] .image-box~.kicker {
    margin-left: 20px;
    max-width: calc(50% - 20px)
  }

  .teasers[data-items="1"] .image-box~.text-box {
    max-width: calc(50% - 20px);
    min-width: calc(50% - 20px)
  }
}

.teasers div.teaser {
  display: flex;
  flex-direction: column;
  height: 100%
}

@media (max-width:999px) {
  .teasers div.teaser {
    height: calc(100% - 20px)
  }
}

.teasers .col.download:before,
.teasers .col.extern:before,
.teasers .col.extranet:before,
.teasers .col.intranet:before {
  display: none
}

.teasers .col.download .title:after,
.teasers .col.extern .title:after,
.teasers .col.extranet .title:after,
.teasers .col.intranet .title:after {
  content: "\e84b";
  display: inline-block;
  font-family: Icons;
  font-size: 20px;
  line-height: 1;
  margin-left: 3px;
  position: relative;
  text-decoration: none;
  top: 7px
}

.teasers .col.extern .title:after {
  content: "\e846"
}

.teasers .col.download .title:after {
  content: "\e842"
}

.teasers .col.intranet .title:after {
  content: "\e84a"
}

.teasers .teaser {
  border-radius: 8px;
  color: var(--theme-color-text);
  display: flex;
  flex-direction: column;
  margin: -7px -8px -5px;
  padding: 7px 8px 5px;
  position: relative;
  text-decoration: none;
  transition: .25s cubic-bezier(.25, .46, .45, .94);
  width: auto
}

.teasers .teaser.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.teasers .teaser.-moz-focusring,
.teasers .teaser:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.contacts-in-text .contact-wrapper .teasers a.teaser .like-h2,
.contacts-in-text .contact-wrapper .teasers a.teaser h2,
.sidebar .contact-wrapper .teasers a.teaser .like-h2,
.sidebar .contact-wrapper .teasers a.teaser h2,
.teasers a.teaser .contacts-in-text .contact-wrapper .like-h2,
.teasers a.teaser .contacts-in-text .contact-wrapper h2,
.teasers a.teaser .like-h4,
.teasers a.teaser .sidebar .contact-wrapper .like-h2,
.teasers a.teaser .sidebar .contact-wrapper h2,
.teasers a.teaser .vst-registration .title,
.teasers a.teaser h3,
.teasers a.teaser h4,
.vst-registration .teasers a.teaser .title {
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .09em
}

.contacts-in-text .contact-wrapper .teasers .like-h2,
.contacts-in-text .contact-wrapper .teasers h2,
.sidebar .contact-wrapper .teasers .like-h2,
.sidebar .contact-wrapper .teasers h2,
.teasers .contacts-in-text .contact-wrapper .like-h2,
.teasers .contacts-in-text .contact-wrapper h2,
.teasers .like-h4,
.teasers .sidebar .contact-wrapper .like-h2,
.teasers .sidebar .contact-wrapper h2,
.teasers .vst-registration .title,
.teasers h3,
.teasers h4,
.vst-registration .teasers .title {
  color: var(--theme-color-link);
  font-weight: 400;
  margin: 16px 0 14px;
  transition: .3s ease
}

.teasers p {
  font-size: 16px
}

@media (min-width:768px) {
  .teasers p {
    font-size: 18px
  }
}

.teasers .kicker {
  margin-bottom: 8px;
  margin-left: 1px;
  order: -1
}

@media (min-height:768px) {
  .teasers .kicker.stand-out {
    bottom: 100%;
    margin-bottom: 0;
    position: absolute
  }
}

.teasers .text-box {
  border-top: 8px solid var(--theme-color-secondary);
  margin-top: 8px
}

.teasers .social-box {
  background-color: #fff;
  border: 4px solid var(--theme-color-primary-dimmed-03);
  flex: 1 1 100%;
  margin-left: -2px;
  margin-right: -2px;
  padding: 10px
}

@media (max-width:767px) {
  .teasers .social-box {
    margin-bottom: 20px
  }
}

.teasers .social-box .twitter-timeline {
  height: 100% !important;
  min-height: 420px !important
}

.teasers .image-box {
  border-radius: 4px;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative
}

.teasers .image-box.chart {
  align-items: center;
  background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%);
  display: flex;
  justify-content: center
}

.teasers .image-box:before {
  content: "";
  display: block;
  margin-bottom: 7px;
  padding-top: 66.6667%;
  position: relative
}

.teasers .image-box:after {
  background-color: var(--theme-color-secondary);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  transition: .3s ease;
  width: 100%;
  z-index: 1
}

.teasers .image-box img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.teasers .image-box~.text-box {
  border-top: 0;
  margin-top: 0
}

.teasers .image-box .gallery {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.teasers .image-box .gallery .gallery-wrapper,
.teasers .image-box .gallery .image {
  margin: 0;
  padding: 0
}

.teasers .image-box .gallery .image:before {
  padding-top: 66.6666%
}

.teasers .linklist {
  margin: 0 0 12px
}

.teasers .linklist>li {
  font-size: 18px;
  margin-bottom: 2px;
  padding-left: 26px
}

.teasers .linklist>li>a {
  margin-left: -26px;
  padding-left: 26px
}

.teasers .linklist>li>a:before {
  font-size: 24px;
  left: -5px;
  top: 3px
}

.teasers .chart-title {
  color: var(--theme-color-background) !important;
  display: block;
  font-weight: 700 !important;
  margin-bottom: 16px;
  padding: 30px;
  text-align: center;
  text-decoration-color: transparent !important
}

@media (max-width:999px) {
  .teasers .chart-title {
    font-size: 28px;
    margin-bottom: 0;
    padding: 20px
  }
}

.teasers .copyright {
  bottom: 0;
  bottom: 8px;
  color: #fff;
  font-size: 12px;
  left: 100%;
  line-height: 1.2;
  padding: 8px 18px;
  text-align: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6);
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  width: calc(66.6% + 7px);
  z-index: 2
}

.teasers .copyright,
.teasers img {
  display: block;
  position: absolute;
  transition: .3s ease
}

.teasers img {
  filter: saturate(100%);
  height: calc(100% - 7px);
  left: 0;
  object-fit: cover;
  opacity: 1;
  top: 0;
  transform: translateZ(0) scale(1);
  width: 100%
}

.teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .text-box {
  position: relative
}

.teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box {
  padding-top: 16px
}

.teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box .like-h4,
.teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .image-box~.text-box h4 {
  background-color: #fff;
  bottom: 100%;
  margin-bottom: 0;
  margin-right: 40px;
  padding-right: 24px;
  padding-top: 12px;
  position: absolute;
  z-index: 1
}

.teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .chart-title {
  margin-bottom: 20px
}

@media (max-width:567px) {
  .teasers[data-type=hero] .teaser:not(.video-teaser-wrapper) .chart-title {
    margin-bottom: 16px
  }
}

.teasers .video-teaser-wrapper .text-box .text {
  font-size: 16px
}

@media (min-width:768px) {
  .teasers .video-teaser-wrapper .text-box .text {
    font-size: 18px
  }
}

.mwf-upload-dropzone .teasers .teaser-gallery .mwf-upload-button>span,
.review-wrapper .teasers .teaser-gallery .submit,
.steps .teasers .teaser-gallery .next,
.teasers .teaser-gallery .btn,
.teasers .teaser-gallery .mwf-upload-dropzone .mwf-upload-button>span,
.teasers .teaser-gallery .review-wrapper .submit,
.teasers .teaser-gallery .steps .next,
.teasers .teaser-gallery .vst-registration .submit,
.vst-registration .teasers .teaser-gallery .submit {
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0
}

.mwf-upload-dropzone .teasers .teaser-gallery:hover .mwf-upload-button>span,
.review-wrapper .teasers .teaser-gallery:hover .submit,
.steps .teasers .teaser-gallery:hover .next,
.teasers .teaser-gallery:hover .btn,
.teasers .teaser-gallery:hover .mwf-upload-dropzone .mwf-upload-button>span,
.teasers .teaser-gallery:hover .review-wrapper .submit,
.teasers .teaser-gallery:hover .steps .next,
.teasers .teaser-gallery:hover .vst-registration .submit,
.vst-registration .teasers .teaser-gallery:hover .submit {
  box-shadow: 0 0 0 5px rgba(var(--theme-color-primary-rgb), .3)
}

.desktop a.teaser:hover,
.mobile a.teaser:active {
  color: var(--theme-color-link-hover)
}

.desktop a.teaser:hover .image-box:after,
.mobile a.teaser:active .image-box:after {
  height: 14px
}

.contacts-in-text .contact-wrapper .desktop a.teaser:hover .like-h2,
.contacts-in-text .contact-wrapper .desktop a.teaser:hover h2,
.contacts-in-text .contact-wrapper .mobile a.teaser:active .like-h2,
.contacts-in-text .contact-wrapper .mobile a.teaser:active h2,
.desktop a.teaser:hover .contacts-in-text .contact-wrapper .like-h2,
.desktop a.teaser:hover .contacts-in-text .contact-wrapper h2,
.desktop a.teaser:hover .like-h4,
.desktop a.teaser:hover .sidebar .contact-wrapper .like-h2,
.desktop a.teaser:hover .sidebar .contact-wrapper h2,
.desktop a.teaser:hover .vst-registration .title,
.desktop a.teaser:hover h3,
.desktop a.teaser:hover h4,
.mobile a.teaser:active .contacts-in-text .contact-wrapper .like-h2,
.mobile a.teaser:active .contacts-in-text .contact-wrapper h2,
.mobile a.teaser:active .like-h4,
.mobile a.teaser:active .sidebar .contact-wrapper .like-h2,
.mobile a.teaser:active .sidebar .contact-wrapper h2,
.mobile a.teaser:active .vst-registration .title,
.mobile a.teaser:active h3,
.mobile a.teaser:active h4,
.sidebar .contact-wrapper .desktop a.teaser:hover .like-h2,
.sidebar .contact-wrapper .desktop a.teaser:hover h2,
.sidebar .contact-wrapper .mobile a.teaser:active .like-h2,
.sidebar .contact-wrapper .mobile a.teaser:active h2,
.vst-registration .desktop a.teaser:hover .title,
.vst-registration .mobile a.teaser:active .title {
  color: var(--theme-color-link-hover)
}

[data-type=masonry] .count {
  background-color: red;
  color: #fff;
  font-size: 14px;
  height: 30px;
  left: 0;
  line-height: 30px;
  margin: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 1
}

.magazine-article .teasers h2,
.magazine-start .teasers h2,
.teasers.magazine-style h2 {
  font-size: var(--font-size-h4);
  line-height: 1.2;
  margin-bottom: 1.2em;
  margin-top: 0;
  text-transform: uppercase
}

.magazine-article .teasers h2:before,
.magazine-start .teasers h2:before,
.teasers.magazine-style h2:before {
  background: linear-gradient(90deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
  content: "";
  display: block;
  height: calc(var(--border-width)/2);
  margin: 0 .05em .5em;
  position: relative
}

.no-container {
  left: 50%;
  margin: 0 calc(-50vw + 7px);
  position: relative;
  width: calc(100vw - var(--scrollbar-width))
}

.tile-grid {
  margin: var(--section-margin) auto
}

.tile-grid h2 {
  margin-bottom: .2em
}

@media (max-width:567px) {
  .tile-grid {
    max-width: 340px
  }
}

@media (min-width:768px) and (max-width:999px) {
  .tile-grid {
    max-width: 88%;
    padding: 0 15px
  }
}

.tile-grid .row {
  margin: 0 -5px
}

.tile-grid .col {
  flex: 1 1 100%;
  margin-bottom: 200px;
  max-width: 25%;
  padding: 5px
}

@media (max-width:1000px) {
  .tile-grid .col {
    max-width: 50%
  }
}

@media (max-width:567px) {
  .tile-grid .col {
    margin-bottom: 100px;
    max-width: 100%
  }
}

.tile-grid .col:nth-child(odd) .tile a {
  background-color: var(--theme-color-secondary-dimmed);
  color: var(--theme-color-secondary-intensed)
}

.tile-grid .col:nth-child(odd) .tile-head-outer {
  background-color: var(--theme-color-secondary-intensed)
}

.tile-grid .tile-outer.no-link {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  position: relative;
  transition: .2s ease
}

.tile-grid .tile-outer.no-link.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile-outer.no-link.-moz-focusring,
.tile-grid .tile-outer.no-link:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile-outer.no-link:before {
  background-color: #fff;
  content: "";
  display: block;
  opacity: 0;
  padding-top: 60%;
  transition: .2s ease
}

@media (max-width:767px) {
  .tile-grid .tile-outer.no-link:before {
    padding-top: 55%
  }
}

.tile-grid .tile-outer.no-link span {
  display: block
}

.tile-grid .tile-outer.no-link .number {
  font-family: Korb, sans-serif;
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1;
  margin-left: -.04em
}

@media (max-width:1200px) {
  .tile-grid .tile-outer.no-link .number {
    font-size: 56px
  }
}

@media (max-width:999px) {
  .tile-grid .tile-outer.no-link .number {
    font-size: 62px
  }
}

.tile-grid .tile-outer.no-link .number small {
  font-size: .6em;
  margin-left: .2em
}

.tile-grid .tile-outer.no-link .icon {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0
}

.tile-grid .tile-outer.no-link .icon img {
  float: right;
  height: 100%;
  width: auto
}

.tile-grid .tile-outer.no-link p {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  line-height: 1.2;
  margin: 0;
  padding: 6% 16% 6.5% 7%;
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width:1200px) and (min-width:1000px) {
  .tile-grid .tile-outer.no-link p {
    font-size: 17px;
    margin-bottom: 1%
  }
}

.tile-grid .tile-outer.no-link:after {
  display: none
}

.tile-grid .tile-head {
  background-color: #fff;
  display: block;
  padding: 20px 0 10px;
  position: sticky;
  top: 100px;
  z-index: 1
}

@media (max-width:767px) {
  .tile-grid .tile-head {
    top: 75px
  }
}

.tile-grid .tile-head .like-h4 {
  margin: 5px 0;
  max-width: 10em;
  min-height: 3.6em
}

.tile-grid .tile-head-outer {
  background-color: var(--theme-color-primary);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  color: #fff;
  display: block;
  padding: 5% 16% 5% 7%;
  position: relative;
  text-decoration-color: hsla(0, 0%, 100%, 0);
  transition: .2s ease
}

.tile-grid .tile-head-outer.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile-head-outer.-moz-focusring,
.tile-grid .tile-head-outer:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile {
  padding: 0 0 10px
}

.tile-grid .tile:last-child {
  margin-bottom: -200px
}

@media (max-width:567px) {
  .tile-grid .tile:last-child {
    margin-bottom: -100px
  }
}

.tile-grid .tile a {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  position: relative;
  transition: .2s ease
}

.tile-grid .tile a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile a.-moz-focusring,
.tile-grid .tile a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.tile-grid .tile a.focus-visible,
.tile-grid .tile a:focus {
  z-index: 1
}

.tile-grid .tile a:before {
  background-color: #fff;
  content: "";
  display: block;
  opacity: 0;
  padding-top: 60%;
  transition: .2s ease
}

@media (max-width:767px) {
  .tile-grid .tile a:before {
    padding-top: 55%
  }
}

.tile-grid .tile a:hover:before {
  opacity: .6
}

.tile-grid .tile span {
  display: block
}

.tile-grid .tile .number {
  font-family: Korb, sans-serif;
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1;
  margin-left: -.04em
}

@media (max-width:1200px) {
  .tile-grid .tile .number {
    font-size: 56px
  }
}

@media (max-width:999px) {
  .tile-grid .tile .number {
    font-size: 62px
  }
}

.tile-grid .tile .number small {
  font-size: .6em;
  margin-left: .2em
}

.tile-grid .tile .icon {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0
}

.tile-grid .tile .icon img {
  float: right;
  height: 100%;
  width: auto
}

.tile-grid .tile p {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 0;
  line-height: 1.2;
  margin: 0;
  padding: 6% 16% 6.5% 7%;
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width:1200px) and (min-width:1000px) {
  .tile-grid .tile p {
    font-size: 17px;
    margin-bottom: 1%
  }
}

.tile-grid .tile a:after,
.tile-grid .tile-head-outer:after {
  bottom: 0;
  content: "\e840";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin: 7% 5%;
  position: absolute;
  right: 0;
  transition: .2s ease
}

@media (max-width:1200px) and (min-width:1000px) {

  .tile-grid .tile a:after,
  .tile-grid .tile-head-outer:after {
    font-size: 24px
  }
}

.tile-grid .tile a:hover:after,
.tile-grid .tile-head-outer:hover:after {
  transform: translateX(20%)
}

.timeline-tabs {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  margin-bottom: -5px;
  padding: 24px 20px 0;
  position: relative
}

.timeline-tabs .tabs {
  margin: 0;
  text-align: center
}

.timeline-tabs ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 -15px;
  padding: 0;
  position: relative;
  z-index: 1
}

.mwf-upload-dropzone .timeline-tabs .mwf-upload-button>span,
.timeline-tabs .btn-small,
.timeline-tabs .mwf-upload-dropzone .mwf-upload-button>span,
.timeline-tabs .vst-registration .add-participant,
.vst-registration .timeline-tabs .add-participant {
  margin-right: 10px;
  min-width: 180px;
  text-align: center
}

.mwf-upload-dropzone .timeline-tabs .mwf-upload-button>span:not(.active),
.timeline-tabs .btn-small:not(.active),
.timeline-tabs .mwf-upload-dropzone .mwf-upload-button>span:not(.active),
.timeline-tabs .vst-registration .add-participant:not(.active),
.vst-registration .timeline-tabs .add-participant:not(.active) {
  background-color: #fff;
  color: var(--theme-primary)
}

.mwf-upload-dropzone .timeline-tabs .mwf-upload-button>span:focus,
.timeline-tabs .btn-small:focus,
.timeline-tabs .mwf-upload-dropzone .mwf-upload-button>span:focus,
.timeline-tabs .vst-registration .add-participant:focus,
.vst-registration .timeline-tabs .add-participant:focus {
  color: #fff
}

@media (max-width:567px) {

  .mwf-upload-dropzone .timeline-tabs .mwf-upload-button>span,
  .timeline-tabs .btn-small,
  .timeline-tabs .mwf-upload-dropzone .mwf-upload-button>span,
  .timeline-tabs .vst-registration .add-participant,
  .vst-registration .timeline-tabs .add-participant {
    margin: 0 4px;
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (max-width:349px) {

  .mwf-upload-dropzone .timeline-tabs .mwf-upload-button>span,
  .timeline-tabs .btn-small,
  .timeline-tabs .mwf-upload-dropzone .mwf-upload-button>span,
  .timeline-tabs .vst-registration .add-participant,
  .vst-registration .timeline-tabs .add-participant {
    font-size: 16px;
    margin: 0 2px
  }
}

@media (min-width:1000px) {

  .timeline-tabs~.timeline .item-slider .next,
  .timeline-tabs~.timeline .item-slider .prev {
    margin-top: -52px
  }
}

@media (min-width:1340px) {

  .timeline-tabs~.timeline .item-slider .next,
  .timeline-tabs~.timeline .item-slider .prev {
    margin-top: -74px
  }
}

.timeline {
  margin: 0 0 calc(1.5vw + 40px)
}

.timeline>p:last-child {
  font-size: 14px;
  margin: 15px;
  text-align: right
}

.timeline .item-slider {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  font-weight: 600;
  min-height: 460px;
  position: relative
}

.timeline .item-slider:before {
  background-color: #9ad7a3;
  border-radius: 50%;
  content: "";
  height: 374px;
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: .3s ease;
  width: 374px
}

@media (max-width:567px) {
  .timeline .item-slider {
    min-height: 380px
  }

  .timeline .item-slider:before {
    height: 280px;
    width: 280px
  }
}

@media (max-width:349px) {
  .timeline .item-slider:before {
    height: 260px;
    width: 260px
  }
}

.timeline .item-slider .count,
.timeline .item-slider .slider-tabs,
.timeline .item-slider .tabs {
  display: none
}

.timeline .item-slider .next,
.timeline .item-slider .prev {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 80px;
  height: 80px;
  line-height: 1;
  margin-top: -40px;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 50%;
  transition: .2s ease;
  width: 80px
}

.timeline .item-slider .next:before,
.timeline .item-slider .prev:before {
  color: var(--theme-color-primary);
  content: "\e840";
  font-family: Icons, sans-serif;
  font-weight: 400
}

.timeline .item-slider .next:hover,
.timeline .item-slider .prev:hover {
  padding-left: 8px
}

@media (max-width:999px) {

  .timeline .item-slider .next:hover,
  .timeline .item-slider .prev:hover {
    padding-left: 0
  }
}

@media (max-width:1339px) {

  .timeline .item-slider .next,
  .timeline .item-slider .prev {
    font-size: 50px;
    height: 50px;
    margin-top: -25px;
    right: 0;
    width: 50px
  }
}

@media (max-width:567px) {

  .timeline .item-slider .next,
  .timeline .item-slider .prev {
    font-size: 30px;
    height: 30px;
    margin-top: -15px;
    width: 30px
  }
}

.timeline .item-slider .prev {
  left: 24px;
  transform: scaleX(-1)
}

@media (max-width:1339px) {
  .timeline .item-slider .prev {
    left: 0
  }
}

.timeline .item-slider .slide {
  align-items: center;
  display: flex;
  min-height: 460px;
  text-align: center
}

.timeline .item-slider .slide:not(.current) {
  max-height: 460px
}

@media (max-width:567px) {
  .timeline .item-slider .slide {
    min-height: 380px
  }

  .timeline .item-slider .slide:not(.current) {
    max-height: 380px
  }
}

.timeline .item-slider .text-box {
  padding: 50px 0
}

@media (max-width:767px) {
  .timeline .item-slider .text-box {
    padding: 30px 0
  }
}

.timeline .item-slider .slide:not(.has-image) .container {
  max-width: 1180px
}

@media (min-width:1000px) and (max-width:1339px) {
  .timeline .item-slider .container {
    padding: 0 60px
  }
}

@media (min-width:768px) and (max-width:999px) {
  .timeline .item-slider .container {
    padding: 0 120px
  }
}

.timeline .item-slider .year {
  font-family: Korb, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: .9;
  margin-bottom: .25em
}

@media (max-width:1340px) {
  .timeline .item-slider .year {
    font-size: 80px
  }
}

@media (max-width:999px) {
  .timeline .item-slider .year {
    font-size: 72px
  }
}

@media (max-width:567px) {
  .timeline .item-slider .year {
    font-size: 48px
  }
}

@media (max-width:349px) {
  .timeline .item-slider .year {
    font-size: 40px
  }
}

.timeline .item-slider .subhead {
  font-weight: 700
}

.timeline .item-slider p:last-child {
  margin-bottom: 0
}

@media (min-width:1000px) {
  .timeline .item-slider .slide.has-image .container {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .timeline .item-slider .slide.has-image .container .image-box,
  .timeline .item-slider .slide.has-image .container .text-box {
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px)
  }
}

@media (min-width:1000px) and (max-width:1339px) {

  .timeline .item-slider .slide.has-image .container .image-box,
  .timeline .item-slider .slide.has-image .container .text-box {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px)
  }
}

@media (min-width:1000px) {
  .timeline .item-slider .slide.has-image .container .image-box {
    margin: 30px 0;
    position: relative
  }

  .timeline .item-slider .slide.has-image .container .image-box.portrait {
    flex: 1 1 265px;
    margin-right: 40px;
    max-width: 265px
  }

  .timeline .item-slider .slide.has-image .container .image-box.portrait+.text-box {
    max-width: none
  }
}

@media (min-width:1000px) and (max-width:1339px) {
  .timeline .item-slider .slide.has-image .container .image-box.portrait {
    margin-right: 30px
  }
}

@media (min-width:1000px) {
  .timeline .item-slider .slide.has-image .container .image-box.medium {
    flex: 1 1 320px;
    margin-right: 40px;
    max-width: 320px
  }

  .timeline .item-slider .slide.has-image .container .image-box.medium+.text-box {
    max-width: none
  }
}

@media (min-width:1000px) and (max-width:1339px) {
  .timeline .item-slider .slide.has-image .container .image-box.medium {
    margin-right: 30px
  }
}

@media (min-width:1000px) {
  .timeline .item-slider .slide.has-image .container .image-box img {
    display: block;
    max-width: 100%
  }

  .timeline .item-slider .slide.has-image .container .image-box .caption {
    backdrop-filter: blur(3px);
    background-color: hsla(0, 0%, 100%, .6);
    bottom: 0;
    font-size: 15px;
    font-weight: 700;
    left: 0;
    line-height: 1.4;
    padding: 8px 12px;
    position: absolute;
    text-align: left;
    width: 100%
  }

  .timeline .item-slider .slide.has-image .container .image-box .caption span+span {
    margin-top: 3px
  }

  .timeline .item-slider .slide.has-image .container .image-box .copyright {
    display: block;
    font-size: 10px;
    font-weight: 400
  }

  .timeline .item-slider .slide.has-image .container .text-box {
    text-align: left
  }

  .timeline .item-slider .slide.has-image .container .year {
    margin-left: -.06em
  }

  .timeline .item-slider.hide-circle:before {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.8)
  }
}

@media (max-width:999px) {
  .timeline .item-slider .image-box {
    display: none
  }
}

@media (max-width:767px) {
  .timeline .item-slider p {
    font-size: .94em;
    line-height: 1.4
  }
}

@media (max-width:567px) {
  .timeline .item-slider p {
    padding-left: 10px;
    padding-right: 10px
  }
}

.timeline .years {
  background-color: var(--theme-color-primary);
  color: #fff;
  display: block;
  overflow: hidden;
  position: relative
}

.timeline .years:before {
  background-color: var(--theme-color-secondary);
  content: "";
  height: 8px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  right: 0;
  top: 50%
}

@media (max-width:999px) {
  .timeline .years:before {
    height: 4px;
    margin-top: 8px
  }
}

.timeline .years-wrapper {
  display: flex;
  position: relative
}

.timeline .years-wrapper.animate {
  transition: .3s ease
}

.timeline .years-wrapper.dragging * {
  pointer-events: none;
  -ms-user-select: none;
  user-select: none
}

@media (max-width:999px) {
  .timeline .year-item {
    margin: 26px 32px 26px 0
  }

  .timeline .year-item .year {
    white-space: nowrap
  }

  .timeline .year-item .year br,
  .timeline .year-item ul {
    display: none
  }

  .timeline .year-item .year {
    cursor: pointer;
    font-family: Korb, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    transition: .2s ease;
    z-index: 1
  }

  .timeline .year-item .year:before {
    background-color: var(--theme-color-primary);
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 -8px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s ease;
    z-index: -1
  }

  .timeline .year-item.anchor .year:before,
  .timeline .year-item.current .year:before {
    opacity: 1
  }

  .timeline .year-item.current .year {
    color: var(--theme-color-secondary)
  }

  .timeline .year-item.last {
    margin-right: 200px
  }
}

@media (min-width:1000px) {
  .timeline .year-item {
    align-items: flex-start;
    display: flex;
    flex: 1 1 320px;
    font-size: .75em;
    line-height: 1.3em;
    max-width: 320px;
    min-height: 360px;
    min-width: 320px;
    padding: 18px 20px 22px;
    position: relative
  }

  .timeline .year-item:before {
    background-color: #fff;
    bottom: calc(50% - 4px);
    content: "";
    left: 0;
    position: absolute;
    top: 26px;
    width: 4px;
    z-index: 2
  }
}

@media (min-width:1000px) and (max-width:999px) {
  .timeline .year-item {
    flex: 1 1 150px;
    max-width: 150px;
    min-height: 0;
    min-width: 60px
  }

  .timeline .year-item:before {
    display: none
  }
}

@media (min-width:1000px) {
  .timeline .year-item:nth-child(odd) {
    align-items: flex-end
  }

  .timeline .year-item:nth-child(odd):before {
    bottom: 26px;
    top: calc(50% - 4px)
  }

  .timeline .year-item.anchor:before {
    display: none
  }

  .timeline .year-item.anchor .year:before {
    opacity: 1
  }

  .timeline .year-item.anchor:not(:first-child) {
    margin-right: 40px
  }

  .timeline .year-item.last {
    margin-right: 400px
  }

  .timeline .year-item.anchor~.anchor~.anchor {
    margin-right: 70px
  }

  .timeline .year-item.anchor~.anchor~.anchor .year:before {
    margin-right: .6em
  }

  .timeline .year-item .year {
    bottom: 50%;
    cursor: pointer;
    font-family: Korb, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin: calc(-4px - .15em) -.06em;
    position: absolute;
    transition: .2s ease;
    z-index: 1
  }

  .timeline .year-item .year:before {
    background-color: var(--theme-color-primary);
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 -16px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s ease;
    z-index: -1
  }
}

@media (min-width:1000px) and (max-width:999px) {
  .timeline .year-item .year {
    font-size: 40px;
    position: relative
  }
}

@media (min-width:1000px) {
  .timeline .year-item.current:before {
    background-color: var(--theme-color-secondary)
  }

  .timeline .year-item.current .year {
    color: var(--theme-color-secondary)
  }

  .timeline .year-item.current .year:before {
    opacity: 1
  }

  .timeline .year-item ul {
    list-style: none;
    margin: 0 -70% 0 -.28em;
    padding: 0
  }
}

@media (min-width:1000px) and (max-width:999px) {
  .timeline .year-item ul {
    display: none
  }
}

@media (min-width:1000px) {
  .timeline .year-item .title {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 600;
    margin: 0
  }

  .timeline .year-item li {
    cursor: pointer;
    padding: .2em 0;
    position: relative;
    top: .25em;
    transition: .2s ease;
    z-index: 3
  }

  .timeline .year-item li:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transition: .2s ease;
    width: 15px
  }

  .timeline .year-item li.active,
  .timeline .year-item li:hover {
    color: var(--theme-color-secondary)
  }

  .timeline .year-item li p {
    transform: translateZ(0);
    transition: .2s ease
  }

  .timeline .year-item li:hover p {
    transform: translate3d(10px, 0, 0)
  }

  .timeline .year-item .slide {
    display: none
  }
}

section.topics {
  background-color: var(--theme-color-primary-dimmed-04);
  margin: var(--section-margin) auto;
  padding: var(--section-padding) 0
}

section.topics .container>h2 {
  margin-top: var(--section-headline-margin)
}

section.topics+.events,
section.topics+.topics {
  margin-top: 8px
}

section.topics .row {
  margin: calc(var(--col-padding)*-1)
}

@media (max-width:767px) {
  section.topics .row {
    margin: 0 -7px
  }
}

section.topics .title {
  font-weight: 400
}

section.topics .col {
  display: flex;
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  position: relative
}

section.topics .col.width-half {
  flex: 1 1 50%;
  max-width: 50%
}

section.topics .col.width-half:first-child:last-child {
  flex: 1 1 100%;
  max-width: 100%
}

@media (max-width:567px) {
  section.topics .col {
    flex: 1 1 50%;
    max-width: 50%
  }

  section.topics .col:nth-child(odd):last-child {
    flex: 1 1 100%;
    max-width: 100%
  }
}

@media (max-width:767px) {
  section.topics .col {
    padding: 6px
  }
}

@media (max-width:567px) {
  section.topics[data-type=list] .col {
    flex: 1 1 100%;
    max-width: 100%
  }
}

.video-stage {
  align-items: center;
  background: red;
  color: #fff;
  display: flex;
  margin: 0;
  min-height: calc(18vw + 300px);
  position: relative
}

.video-stage .video-container {
  background: blue;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-stage .video-container video {
  background: green;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.video-stage .video-container .video--controls {
  display: flex;
  gap: 20px;
  left: 20px;
  position: absolute;
  top: 20px;
  z-index: 10
}

.video-stage .video-container .video--mute-unmute,
.video-stage .video-container .video--play-pause {
  cursor: pointer;
  display: block;
  height: 30px;
  width: 30px
}

.video-stage .video-container .video--mute-unmute:before,
.video-stage .video-container .video--play-pause:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1
}

.video-stage .video-container .video--mute-unmute:hover,
.video-stage .video-container .video--play-pause:hover {
  color: var(--theme-color-secondary)
}

.video-stage .video-container .video--play-pause:before {
  content: "\e806"
}

.video-stage .video-container .video--play-pause.paused:before {
  content: "\e86d"
}

.video-stage .video-container .video--mute-unmute:before {
  content: "\e86f"
}

.video-stage .video-container .video--mute-unmute.unmuted:before {
  content: "\e862"
}

.video-stage .container {
  position: relative
}

@media (min-width:1400px) {
  .video-stage.first-element {
    margin-top: -60px
  }
}

.video-stage .kicker {
  margin-bottom: .6em
}

.mwf-upload-dropzone .video-stage .mwf-upload-button>span,
.review-wrapper .video-stage .submit,
.steps .video-stage .next,
.video-stage .btn,
.video-stage .mwf-upload-dropzone .mwf-upload-button>span,
.video-stage .review-wrapper .submit,
.video-stage .steps .next,
.video-stage .vst-registration .submit,
.vst-registration .video-stage .submit {
  margin-bottom: .4em;
  margin-top: .8em
}

.video-stage .text-box {
  max-width: 580px;
  padding: calc(50px + 1vw) 0
}

section.marketingheader {
  margin-top: 0
}

section.marketingheader.miniinfoteaser .kicker,
section.marketingheader.miniinfoteaser .mini-teaser .category {
  color: var(--theme-color-secondary)
}

section.marketingheader.miniinfoteaser .text-only .kicker {
  color: #fff
}

section.marketingheader .rotation .slider .outer {
  max-height: 427px
}

@media (max-width:999px) {
  section.marketingheader .rotation .slider .outer {
    height: auto;
    max-height: none
  }
}

@media (max-width:900px) {
  section.marketingheader .rotation .slider .copyright {
    left: calc(100% - 30px)
  }
}

@media (max-width:767px) {
  section.marketingheader .rotation .slider .copyright {
    left: calc(100% - 20px)
  }
}

.ihk-landing .page-header .ihk-index .review-wrapper section.marketingheader .text-box a.submit,
.ihk-landing .page-header .ihk-index .steps section.marketingheader .text-box a.has-icon.next,
.ihk-landing .page-header .ihk-index .vst-registration section.marketingheader .text-box a.submit,
.ihk-landing .page-header .ihk-index section.marketingheader .text-box a.btn.has-icon,
.mwf-upload-dropzone section.marketingheader .text-box .mwf-upload-button>span.has-icon.icon-small-arrow-right-simple,
.review-wrapper .ihk-landing .page-header .ihk-index section.marketingheader .text-box a.submit,
.review-wrapper section.marketingheader .text-box .icon-small-arrow-right-simple.submit,
.steps .ihk-landing .page-header .ihk-index section.marketingheader .text-box a.has-icon.next,
.steps section.marketingheader .text-box .has-icon.icon-small-arrow-right-simple.next,
.vst-registration .ihk-landing .page-header .ihk-index section.marketingheader .text-box a.submit,
.vst-registration section.marketingheader .text-box .icon-small-arrow-right-simple.submit,
section.marketingheader .text-box .btn.has-icon.icon-small-arrow-right-simple,
section.marketingheader .text-box .ihk-landing .page-header .ihk-index .review-wrapper a.submit,
section.marketingheader .text-box .ihk-landing .page-header .ihk-index .steps a.has-icon.next,
section.marketingheader .text-box .ihk-landing .page-header .ihk-index .vst-registration a.submit,
section.marketingheader .text-box .ihk-landing .page-header .ihk-index a.btn.has-icon,
section.marketingheader .text-box .mwf-upload-dropzone .mwf-upload-button>span.has-icon.icon-small-arrow-right-simple,
section.marketingheader .text-box .review-wrapper .icon-small-arrow-right-simple.submit,
section.marketingheader .text-box .review-wrapper .ihk-landing .page-header .ihk-index a.submit,
section.marketingheader .text-box .steps .has-icon.icon-small-arrow-right-simple.next,
section.marketingheader .text-box .steps .ihk-landing .page-header .ihk-index a.has-icon.next,
section.marketingheader .text-box .vst-registration .icon-small-arrow-right-simple.submit,
section.marketingheader .text-box .vst-registration .ihk-landing .page-header .ihk-index a.submit {
  bottom: auto
}

section.marketingheader .search {
  background-color: var(--theme-color-primary-dimmed-04);
  background-size: cover;
  height: 100px;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: all .6s ease-in-out
}

@media (max-width:767px) {
  section.marketingheader .search {
    max-height: 78px
  }
}

section.marketingheader .search .artwork-left .background,
section.marketingheader .search .artwork-left .foreground,
section.marketingheader .search .artwork-left+.artwork .background,
section.marketingheader .search .artwork-left+.artwork .foreground {
  height: 100%;
  min-height: 437px
}

section.marketingheader .search .sc.container {
  left: 0;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

@media (max-width:767px) {
  section.marketingheader .search .sc.container {
    bottom: 0;
    top: auto
  }

  section.marketingheader .search .sc.container .close-search {
    float: right;
    margin-bottom: 15px;
    position: relative !important;
    right: 0 !important;
    top: 0 !important
  }
}

section.marketingheader .search .sc.container .close-search {
  background-color: var(--theme-color-primary);
  border: 1px solid var(--theme-color-primary-dimmed-04);
  border-radius: 10px;
  cursor: pointer;
  display: none;
  height: 34px;
  left: auto;
  position: absolute;
  right: 30px;
  top: 33px;
  transition: .3s ease;
  width: 34px;
  z-index: 2
}

section.marketingheader .search .sc.container .close-search.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

section.marketingheader .search .sc.container .close-search.-moz-focusring,
section.marketingheader .search .sc.container .close-search:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

section.marketingheader .search .sc.container .close-search:after,
section.marketingheader .search .sc.container .close-search:before {
  background-color: var(--theme-color-white);
  border-radius: 2px;
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: .3s ease;
  width: 17px
}

section.marketingheader .search .sc.container .close-search:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

section.marketingheader .search.open {
  height: 390px
}

@media (max-width:767px) {
  section.marketingheader .search.open {
    height: 385px;
    max-height: 385px
  }
}

@media (max-width:567px) {
  section.marketingheader .search.open {
    height: 509px;
    max-height: 509px
  }
}

section.marketingheader .search.open.has-button-wrapper {
  height: 460px
}

@media (max-width:767px) {
  section.marketingheader .search.open.has-button-wrapper {
    height: 395px;
    max-height: 395px
  }
}

@media (max-width:567px) {
  section.marketingheader .search.open.has-button-wrapper {
    height: 519px;
    max-height: 519px
  }
}

section.marketingheader .search.open .close-search {
  display: block !important
}

section.marketingheader .search.open .tiles {
  padding-bottom: 9px;
  top: 0
}

@media screen and (max-width:767px) {
  section.marketingheader .search.open .tiles {
    padding-bottom: 0
  }
}

section.marketingheader .search.open .all-button-wrapper {
  top: 0
}

section.marketingheader .search.open form {
  max-width: 580px
}

section.marketingheader .search form {
  border-radius: 24px;
  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, .25) !important;
  font-size: 22px;
  margin: 20px auto !important;
  max-width: 360px;
  overflow: hidden;
  transition: .3s ease
}

@media (max-width:767px) {
  section.marketingheader .search form {
    border-radius: 18px;
    font-size: 18px;
    margin: 15px auto !important
  }
}

@media (max-width:399px) {
  section.marketingheader .search form {
    max-width: 250px
  }
}

@media (min-width:768px) {

  section.marketingheader .search+#toclist>section:first-child,
  section.marketingheader .search+section {
    margin-top: 0
  }
}

section.marketingheader .search input#search-term {
  border-bottom-left-radius: 24px;
  border-color: #fff !important;
  border-top-left-radius: 24px;
  font-size: 22px;
  height: 60px
}

@media (max-width:767px) {
  section.marketingheader .search input#search-term {
    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;
    font-size: 18px;
    height: 48px
  }
}

section.marketingheader .search input#search-term:-ms-input-placeholder {
  color: var(--theme-color-primary) !important
}

section.marketingheader .search input#search-term::placeholder {
  color: var(--theme-color-primary) !important
}

section.marketingheader .search button.search-submit {
  background-color: var(--theme-color-primary) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-color: #fff !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  color: #fff;
  font-size: 22px;
  height: 60px;
  width: 60px
}

@media (max-width:767px) {
  section.marketingheader .search button.search-submit {
    font-size: 18px;
    height: 48px;
    width: 48px
  }
}

section.marketingheader .search button.search-submit:before {
  font-size: 30px;
  height: 30px;
  width: 30px
}

@media (max-width:767px) {
  section.marketingheader .search button.search-submit:before {
    font-size: 24px;
    height: 24px;
    width: 24px
  }
}

section.marketingheader .search .container {
  position: relative;
  z-index: 1
}

@media (max-width:567px) {
  section.marketingheader .search .container .row {
    min-height: 0
  }
}

section.marketingheader .search .container .row>.col {
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0
}

@media (max-width:420px) {
  section.marketingheader .search .artwork {
    right: -20px;
    top: 30px
  }
}

@media (max-width:340px) {
  section.marketingheader .search .artwork {
    right: -30px;
    top: 40px
  }
}

section.marketingheader .search form {
  margin: 0 0 16px;
  position: relative
}

@media (max-width:567px) {
  section.marketingheader .search form {
    margin-top: 20px
  }
}

section.marketingheader .search h1 {
  margin-left: 0;
  margin-top: 0
}

@media (max-width:567px) {
  section.marketingheader .search h1 {
    font-size: 24px;
    margin: 0
  }
}

section.marketingheader .search .tiles {
  display: flex;
  flex-wrap: wrap;
  font-family: Korb, sans-serif;
  margin: 0 -8px;
  padding-bottom: 0;
  position: relative;
  top: 100px;
  transition: all .3s ease-in
}

section.marketingheader .search .tiles .tile {
  display: flex;
  flex: 1 1 33.3333%;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  max-width: 33.3333%;
  padding: 8px;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  position: relative
}

section.marketingheader .search .tiles .tile:before {
  font-family: Icons, sans-serif;
  font-size: 18px;
  line-height: 1;
  margin: 10px 8px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
  z-index: 1
}

section.marketingheader .search .tiles .tile[data-type=download]:before {
  content: "\e842"
}

section.marketingheader .search .tiles .tile[data-type=external]:before {
  content: "\e846"
}

@media (max-width:567px) {
  section.marketingheader .search .tiles .tile {
    flex: 1 1 50%;
    max-width: 50%
  }
}

section.marketingheader .search .tiles .tile:nth-child(3)~.tile {
  z-index: 1
}

section.marketingheader .search .tiles .tile.a-z,
section.marketingheader .search .tiles .tile.downloads,
section.marketingheader .search .tiles .tile.events {
  background-color: transparent;
  order: 1
}

section.marketingheader .search .tiles .tile.a-z:before,
section.marketingheader .search .tiles .tile.downloads:before,
section.marketingheader .search .tiles .tile.events:before {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: Icons, sans-serif;
  font-size: 24px;
  line-height: 1;
  margin: 11px 10px;
  padding: 7px 6px 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

@media (max-width:767px) {

  section.marketingheader .search .tiles .tile.a-z:before,
  section.marketingheader .search .tiles .tile.downloads:before,
  section.marketingheader .search .tiles .tile.events:before {
    font-size: 24px;
    margin: 18px
  }
}

section.marketingheader .search .tiles .tile.a-z .outer,
section.marketingheader .search .tiles .tile.downloads .outer,
section.marketingheader .search .tiles .tile.events .outer {
  background-color: var(--theme-color-primary-dimmed-04)
}

section.marketingheader .search .tiles .tile.a-z p,
section.marketingheader .search .tiles .tile.downloads p,
section.marketingheader .search .tiles .tile.events p {
  margin-bottom: .4em
}

section.marketingheader .search .tiles .tile.downloads:before {
  content: "\e835"
}

section.marketingheader .search .tiles .tile.a-z:before {
  content: "\e833"
}

section.marketingheader .search .tiles .tile.events:before {
  content: "\e83b"
}

section.marketingheader .search .tiles .outer,
section.marketingheader .search .tiles .tile>a {
  align-items: flex-end;
  background-color: var(--theme-color-background);
  border-radius: var(--border-radius-md);
  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, .25);
  display: flex;
  height: 108px;
  line-height: 1.2;
  max-height: 108px;
  overflow: hidden;
  padding: 10px 24px 18px;
  position: relative;
  transition: .25s ease;
  width: 100%
}

section.marketingheader .search .tiles .outer.focus-visible:focus,
section.marketingheader .search .tiles .tile>a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

section.marketingheader .search .tiles .outer.-moz-focusring,
section.marketingheader .search .tiles .outer:focus-visible,
section.marketingheader .search .tiles .tile>a.-moz-focusring,
section.marketingheader .search .tiles .tile>a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:767px) {

  section.marketingheader .search .tiles .outer,
  section.marketingheader .search .tiles .tile>a {
    font-size: 16px;
    min-height: 84px;
    padding: 10px 10px 15px
  }
}

section.marketingheader .search .tiles .outer:before,
section.marketingheader .search .tiles .tile>a:before {
  background-color: var(--theme-color-secondary);
  bottom: 0;
  content: "";
  display: block;
  height: var(--border-width);
  left: 0;
  position: absolute;
  right: 0;
  transition: .25s cubic-bezier(.25, .46, .45, .94)
}

section.marketingheader .search .tiles .outer:hover,
section.marketingheader .search .tiles .tile>a:hover {
  color: var(--theme-color-secondary-intensed)
}

section.marketingheader .search .tiles .outer:hover:before,
section.marketingheader .search .tiles .tile>a:hover:before {
  height: var(--border-width-hover)
}

section.marketingheader .search .tiles .tile>a .item-title {
  text-decoration: underline
}

section.marketingheader .search .tiles .outer {
  background-color: var(--theme-primary-light-04);
  border: 4px solid #fff;
  padding: 14px 20px 18px
}

section.marketingheader .search .tiles .outer:after,
section.marketingheader .search .tiles .outer:before {
  display: none
}

section.marketingheader .search .tiles .inner {
  display: block;
  max-width: 100%
}

section.marketingheader .search .tiles .kicker {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.marketingheader .search .tiles ul {
  font-size: 16px;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0
}

section.marketingheader .search .tiles ul li {
  margin-top: 5px
}

section.marketingheader .search .tiles ul a {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: .2s ease;
  white-space: nowrap
}

section.marketingheader .search .tiles ul a:hover {
  color: var(--color-secondary-dark)
}

section.marketingheader .search .tiles .proposals {
  flex: 1 1 100%;
  order: 2;
  padding: 10px 12px 0
}

section.marketingheader .search .tiles .proposals a {
  margin: 0 .3em 0 .1em
}

section.marketingheader .search .tiles .proposals p {
  margin-bottom: 0
}

section.marketingheader .search .tiles .all-button-wrapper {
  display: block;
  flex: 1 1 100%;
  order: 3;
  padding: 16px 8px
}

.mwf-upload-dropzone section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-button>span,
.review-wrapper section.marketingheader .search .tiles .all-button-wrapper .submit,
.steps section.marketingheader .search .tiles .all-button-wrapper .next,
.vst-registration section.marketingheader .search .tiles .all-button-wrapper .submit,
section.marketingheader .search .tiles .all-button-wrapper .btn,
section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span,
section.marketingheader .search .tiles .all-button-wrapper .review-wrapper .submit,
section.marketingheader .search .tiles .all-button-wrapper .steps .next,
section.marketingheader .search .tiles .all-button-wrapper .vst-registration .submit {
  transition: .2s ease
}

.mwf-upload-dropzone section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-button>span .count,
.review-wrapper section.marketingheader .search .tiles .all-button-wrapper .submit .count,
.steps section.marketingheader .search .tiles .all-button-wrapper .next .count,
.vst-registration section.marketingheader .search .tiles .all-button-wrapper .submit .count,
section.marketingheader .search .tiles .all-button-wrapper .btn .count,
section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count,
section.marketingheader .search .tiles .all-button-wrapper .review-wrapper .submit .count,
section.marketingheader .search .tiles .all-button-wrapper .steps .next .count,
section.marketingheader .search .tiles .all-button-wrapper .vst-registration .submit .count {
  margin-left: .3em
}

.mwf-upload-dropzone section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-button>span .count:before,
.review-wrapper section.marketingheader .search .tiles .all-button-wrapper .submit .count:before,
.steps section.marketingheader .search .tiles .all-button-wrapper .next .count:before,
.vst-registration section.marketingheader .search .tiles .all-button-wrapper .submit .count:before,
section.marketingheader .search .tiles .all-button-wrapper .btn .count:before,
section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count:before,
section.marketingheader .search .tiles .all-button-wrapper .review-wrapper .submit .count:before,
section.marketingheader .search .tiles .all-button-wrapper .steps .next .count:before,
section.marketingheader .search .tiles .all-button-wrapper .vst-registration .submit .count:before {
  content: "("
}

.mwf-upload-dropzone section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-button>span .count:after,
.review-wrapper section.marketingheader .search .tiles .all-button-wrapper .submit .count:after,
.steps section.marketingheader .search .tiles .all-button-wrapper .next .count:after,
.vst-registration section.marketingheader .search .tiles .all-button-wrapper .submit .count:after,
section.marketingheader .search .tiles .all-button-wrapper .btn .count:after,
section.marketingheader .search .tiles .all-button-wrapper .mwf-upload-dropzone .mwf-upload-button>span .count:after,
section.marketingheader .search .tiles .all-button-wrapper .review-wrapper .submit .count:after,
section.marketingheader .search .tiles .all-button-wrapper .steps .next .count:after,
section.marketingheader .search .tiles .all-button-wrapper .vst-registration .submit .count:after {
  content: ")"
}

section.marketingheader .search.background-image:after {
  background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, .86) 56.52%, rgba(0, 51, 102, 0) 94.05%);
  background-blend-mode: overlay;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

section.marketingheader .search.background-image .artwork-wrapper {
  display: none
}

section.marketingheader .search.picto-image {
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100%
}

@media (max-width:767px) {
  section.marketingheader .search.picto-image {
    background-size: auto 78px
  }
}

section.marketingheader .search.picto-image .artwork-wrapper {
  display: none
}

section.marketingheader .search .all-button-wrapper {
  display: block;
  padding-top: 10px;
  position: relative;
  top: 100px;
  transition: all .3s ease-in
}

section.marketingheader.infoteaser,
section.marketingheader.infoteaser .slide-overflow {
  border-radius: 4px
}

section.marketingheader.infoteaser .outer {
  height: 427px;
  max-height: 427px
}

@media (max-width:999px) {
  section.marketingheader.infoteaser .outer {
    height: auto;
    max-height: none
  }
}

section.marketingheader.infoteaser .rotation {
  padding: 0
}

@media screen and (max-width:999px) {
  section.marketingheader.infoteaser .rotation .slide:not(.text-only) .text-box {
    padding: 16px 0
  }

  section.marketingheader.infoteaser .rotation .slide .image-box img {
    height: 300px;
    position: static
  }

  section.marketingheader.infoteaser .rotation .slider-tabs {
    bottom: auto;
    height: auto;
    margin-top: 15px;
    top: 0
  }
}

@media screen and (max-width:900px) {
  section.marketingheader.infoteaser .rotation .slider .image-box {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
  }

  section.marketingheader.infoteaser .rotation .slider .text-box:first-child:after {
    display: none
  }
}

section.marketingheader.infoteaser .rotation .text-box {
  min-height: 0
}

section.marketingheader.infoteaser .outer,
section.marketingheader.infoteaser .outer .image-box img {
  border-radius: 4px
}

section.marketingheader.infoteaser .image-box {
  height: 427px;
  max-height: 427px;
  min-height: 0
}

section.marketingheader.infoteaser .image-box img {
  height: 427px;
  max-height: 427px
}

@media screen and (max-width:900px) {
  section.marketingheader.infoteaser .mainstage {
    padding: 0
  }
}

section.marketingheader.infoteaser .mainstage .row {
  margin: 16px 0
}

@media screen and (min-width:901px) {
  section.marketingheader.infoteaser .mainstage .row {
    margin: 30px -8px 0
  }
}

section.marketingheader.infoteaser .mainstage .row .col {
  flex: 1 1 100%;
  max-width: 100%
}

@media screen and (min-width:901px) {
  section.marketingheader.infoteaser .mainstage .row .col {
    flex: 1 1 calc(100% - 322px);
    max-width: calc(100% - 322px);
    padding: 0 8px
  }
}

section.marketingheader.infoteaser .mainstage .row .col+.col {
  display: flex;
  flex: 1 1 100%;
  flex-flow: column;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding: 0 var(--container-padding)
}

@media screen and (min-width:901px) {
  section.marketingheader.infoteaser .mainstage .row .col+.col {
    flex: 1 1 322px;
    margin: -8px 0;
    max-width: 322px;
    padding: 0 8px
  }
}

section.marketingheader.infoteaser .mainstage .row .col+.col .mt {
  height: 100%;
  padding: 8px 0
}

@media screen and (max-width:575px) {
  section.marketingheader.infoteaser .mainstage .row .col+.col .mt {
    padding: 4px 0
  }
}

section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser {
  height: 100%
}

section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box {
  flex-flow: column;
  height: 100%;
  justify-content: space-between
}

.mwf-upload-dropzone section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .mwf-upload-button>span,
.review-wrapper section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .submit,
.steps section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .next,
.vst-registration section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .submit,
section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .btn,
section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .mwf-upload-dropzone .mwf-upload-button>span,
section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .review-wrapper .submit,
section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .steps .next,
section.marketingheader.infoteaser .mainstage .row .col+.col .mt .mini-teaser .text-box .vst-registration .submit {
  height: -moz-fit-content;
  height: fit-content
}

section.marketingheader.hero-fullwidth .mainstage.container {
  padding: 0;
  width: 100%
}

section.marketingheader.hero-fullwidth .mainstage.container>.row {
  margin: 0
}

section.marketingheader.hero-fullwidth .rotation {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%
}

section.marketingheader.hero-fullwidth .rotation .outer {
  justify-content: center;
  margin: 0 !important;
  position: relative
}

@media screen and (min-width:901px) {
  section.marketingheader.hero-fullwidth .rotation .outer {
    max-height: 566px
  }
}

section.marketingheader.hero-fullwidth .rotation .copyright {
  left: 100%
}

section.marketingheader.hero-fullwidth .rotation .slider {
  background-color: transparent
}

@media screen and (max-width:900px) {
  section.marketingheader.hero-fullwidth .rotation .slider .image-box img {
    height: 300px
  }
}

@media screen and (max-width:767px) {
  section.marketingheader.hero-fullwidth .rotation .slider .image-box img {
    height: 300px
  }
}

section.marketingheader.hero-fullwidth .rotation .slider .slide.text-only.current {
  background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)
}

section.marketingheader.hero-fullwidth .image-box {
  flex: 1 1 100%;
  max-height: 566px;
  max-width: 100%;
  padding-right: 0 !important;
  position: relative;
  width: 100%
}

@media (min-width:1000px) {
  section.marketingheader.hero-fullwidth .image-box {
    padding-right: 0 !important
  }
}

section.marketingheader.hero-fullwidth .image-box:after {
  background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, .86) 56.52%, rgba(0, 51, 102, 0) 94.05%);
  background-blend-mode: overlay;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

section.marketingheader.hero-fullwidth .image-box:after:before {
  display: none
}

section.marketingheader.hero-fullwidth .image-box img {
  left: 0 !important;
  object-fit: cover;
  padding: 0 !important;
  width: 100% !important;
  z-index: -1
}

section.marketingheader.hero-fullwidth .text-box {
  color: #fff;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 var(--container-padding);
  width: var(--container-width)
}

@media screen and (min-width:901px) {
  section.marketingheader.hero-fullwidth .text-box {
    position: absolute
  }

  section.marketingheader.hero-fullwidth .text-box * {
    color: #fff
  }

  .mwf-upload-dropzone section.marketingheader.hero-fullwidth .text-box .mwf-upload-button>span,
  .review-wrapper section.marketingheader.hero-fullwidth .text-box .submit,
  .steps section.marketingheader.hero-fullwidth .text-box .next,
  .vst-registration section.marketingheader.hero-fullwidth .text-box .submit,
  section.marketingheader.hero-fullwidth .text-box .btn,
  section.marketingheader.hero-fullwidth .text-box .mwf-upload-dropzone .mwf-upload-button>span,
  section.marketingheader.hero-fullwidth .text-box .review-wrapper .submit,
  section.marketingheader.hero-fullwidth .text-box .steps .next,
  section.marketingheader.hero-fullwidth .text-box .vst-registration .submit {
    background-color: #fff !important;
    color: var(--theme-color-primary) !important
  }

  .mwf-upload-dropzone section.marketingheader.hero-fullwidth .text-box .mwf-upload-button>span:hover:after,
  .review-wrapper section.marketingheader.hero-fullwidth .text-box .submit:hover:after,
  .steps section.marketingheader.hero-fullwidth .text-box .next:hover:after,
  .vst-registration section.marketingheader.hero-fullwidth .text-box .submit:hover:after,
  section.marketingheader.hero-fullwidth .text-box .btn:hover:after,
  section.marketingheader.hero-fullwidth .text-box .mwf-upload-dropzone .mwf-upload-button>span:hover:after,
  section.marketingheader.hero-fullwidth .text-box .review-wrapper .submit:hover:after,
  section.marketingheader.hero-fullwidth .text-box .steps .next:hover:after,
  section.marketingheader.hero-fullwidth .text-box .vst-registration .submit:hover:after {
    box-shadow: 0 0 0 var(--button-hover-shadow-size) #fff !important
  }
}

section.marketingheader.hero-fullwidth .text-box * {
  max-width: 580px
}

section.marketingheader.hero-fullwidth .text-box:after,
section.marketingheader.hero-fullwidth .text-box:before {
  display: none
}

section.marketingheader.hero-fullwidth .controls {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 var(--container-padding);
  position: relative;
  width: var(--container-width)
}

section.marketingheader.hero-fullwidth .controls .slider-tabs {
  right: 30px
}

@media screen and (max-width:900px) {
  section.marketingheader.hero-fullwidth .controls {
    position: absolute !important;
    top: 0
  }
}

section.marketingheader .rotation .slider {
  background-color: #fff;
  border-bottom: 0
}

.contacts-in-text .contact-wrapper section.marketingheader .rotation .slider .like-h2,
.contacts-in-text .contact-wrapper section.marketingheader .rotation .slider h2,
.sidebar .contact-wrapper section.marketingheader .rotation .slider .like-h2,
.sidebar .contact-wrapper section.marketingheader .rotation .slider h2,
.vst-registration section.marketingheader .rotation .slider .title,
section.marketingheader .rotation .slider .contacts-in-text .contact-wrapper .like-h2,
section.marketingheader .rotation .slider .contacts-in-text .contact-wrapper h2,
section.marketingheader .rotation .slider .like-h2,
section.marketingheader .rotation .slider .sidebar .contact-wrapper .like-h2,
section.marketingheader .rotation .slider .sidebar .contact-wrapper h2,
section.marketingheader .rotation .slider .vst-registration .title,
section.marketingheader .rotation .slider h3 {
  margin-bottom: 8px;
  margin-top: 4px
}

section.marketingheader .rotation .slider .kicker {
  margin-bottom: 0
}

section.marketingheader .rotation .slider p {
  margin-bottom: .4em
}

.mwf-upload-dropzone section.marketingheader .rotation .slider .mwf-upload-button>span,
.review-wrapper section.marketingheader .rotation .slider .submit,
.steps section.marketingheader .rotation .slider .next,
.vst-registration section.marketingheader .rotation .slider .submit,
section.marketingheader .rotation .slider .btn,
section.marketingheader .rotation .slider .mwf-upload-dropzone .mwf-upload-button>span,
section.marketingheader .rotation .slider .review-wrapper .submit,
section.marketingheader .rotation .slider .steps .next,
section.marketingheader .rotation .slider .vst-registration .submit {
  margin-top: .4em
}

.review-wrapper section.marketingheader .rotation .slider.ishovered .slider-tabs li.active button.submit:before,
.steps section.marketingheader .rotation .slider.ishovered .slider-tabs li.active button.next:before,
.vst-registration section.marketingheader .rotation .slider.ishovered .slider-tabs li.active button.submit:before,
section.marketingheader .rotation .slider.ishovered .slider-tabs li.active .review-wrapper button.submit:before,
section.marketingheader .rotation .slider.ishovered .slider-tabs li.active .steps button.next:before,
section.marketingheader .rotation .slider.ishovered .slider-tabs li.active .vst-registration button.submit:before,
section.marketingheader .rotation .slider.ishovered .slider-tabs li.active button.btn:before {
  animation-play-state: paused
}

.review-wrapper section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active button.submit:before,
.steps section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active button.next:before,
.vst-registration section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active button.submit:before,
section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active .review-wrapper button.submit:before,
section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active .steps button.next:before,
section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active .vst-registration button.submit:before,
section.marketingheader .rotation .slider.btnanimation .slider-tabs li.active button.btn:before {
  animation: fillgrey 7s linear forwards
}

section.marketingheader .rotation .slider .slider-tabs li:first-child:last-child {
  display: none
}

.review-wrapper section.marketingheader .rotation .slider .slider-tabs li.active button.submit,
.steps section.marketingheader .rotation .slider .slider-tabs li.active button.next,
.vst-registration section.marketingheader .rotation .slider .slider-tabs li.active button.submit,
section.marketingheader .rotation .slider .slider-tabs li.active .review-wrapper button.submit,
section.marketingheader .rotation .slider .slider-tabs li.active .steps button.next,
section.marketingheader .rotation .slider .slider-tabs li.active .vst-registration button.submit,
section.marketingheader .rotation .slider .slider-tabs li.active button.btn {
  background-blend-mode: overlay;
  overflow: hidden
}

.review-wrapper section.marketingheader .rotation .slider .slider-tabs li button.submit,
.steps section.marketingheader .rotation .slider .slider-tabs li button.next,
.vst-registration section.marketingheader .rotation .slider .slider-tabs li button.submit,
section.marketingheader .rotation .slider .slider-tabs li .review-wrapper button.submit,
section.marketingheader .rotation .slider .slider-tabs li .steps button.next,
section.marketingheader .rotation .slider .slider-tabs li .vst-registration button.submit,
section.marketingheader .rotation .slider .slider-tabs li button.btn {
  border-radius: var(--border-radius-lg);
  position: relative
}

.review-wrapper section.marketingheader .rotation .slider .slider-tabs li button.submit:before,
.steps section.marketingheader .rotation .slider .slider-tabs li button.next:before,
.vst-registration section.marketingheader .rotation .slider .slider-tabs li button.submit:before,
section.marketingheader .rotation .slider .slider-tabs li .review-wrapper button.submit:before,
section.marketingheader .rotation .slider .slider-tabs li .steps button.next:before,
section.marketingheader .rotation .slider .slider-tabs li .vst-registration button.submit:before,
section.marketingheader .rotation .slider .slider-tabs li button.btn:before {
  background-blend-mode: multiply;
  background-color: var(--theme-grey-light);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 0
}

section.marketingheader .rotation .slider .slide.text-only.current {
  background: none
}

section.marketingheader .rotation .slider .slide.text-only.current .outer {
  background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%)
}

section.marketingheader .rotation .slider .slide.text-only.current .outer .text-box {
  justify-content: center;
  max-width: 580px
}

section.marketingheader .rotation .slider .text-box {
  color: var(--theme-color-primary);
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-width: 324px;
  padding: 30px 36px 24px
}

section.marketingheader .rotation .slider .text-box:not(:first-child):before {
  background-color: var(--theme-color-primary-dimmed-04)
}

.mwf-upload-dropzone section.marketingheader .rotation .slider .text-box .mwf-upload-button>span,
.review-wrapper section.marketingheader .rotation .slider .text-box .submit,
.steps section.marketingheader .rotation .slider .text-box .next,
.vst-registration section.marketingheader .rotation .slider .text-box .submit,
section.marketingheader .rotation .slider .text-box .btn,
section.marketingheader .rotation .slider .text-box .mwf-upload-dropzone .mwf-upload-button>span,
section.marketingheader .rotation .slider .text-box .review-wrapper .submit,
section.marketingheader .rotation .slider .text-box .steps .next,
section.marketingheader .rotation .slider .text-box .vst-registration .submit {
  background-color: var(--theme-color-primary);
  color: #fff
}

.mwf-upload-dropzone section.marketingheader .rotation .slider .text-box .mwf-upload-button>span:hover:after,
.review-wrapper section.marketingheader .rotation .slider .text-box .submit:hover:after,
.steps section.marketingheader .rotation .slider .text-box .next:hover:after,
.vst-registration section.marketingheader .rotation .slider .text-box .submit:hover:after,
section.marketingheader .rotation .slider .text-box .btn:hover:after,
section.marketingheader .rotation .slider .text-box .mwf-upload-dropzone .mwf-upload-button>span:hover:after,
section.marketingheader .rotation .slider .text-box .review-wrapper .submit:hover:after,
section.marketingheader .rotation .slider .text-box .steps .next:hover:after,
section.marketingheader .rotation .slider .text-box .vst-registration .submit:hover:after {
  box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary)
}

section.marketingheader .rotation .slider .text-only .text-box {
  color: #fff
}

section.marketingheader .rotation {
  margin: 0
}

@media (max-width:1339px) {
  section.marketingheader .rotation .rotation .slider .text-box {
    min-width: 324px
  }
}

@media (min-width:1000px) {
  section.marketingheader .rotation .slider .text-box:not(:first-child):before {
    border-bottom-right-radius: 16% 50% !important;
    border-top-right-radius: 16% 50% !important;
    margin: -15% -8% -15% 20px
  }
}

@media (max-width:999px) {
  section.marketingheader .rotation .slider {
    background-color: #fff
  }

  section.marketingheader .rotation .slider .text-box:not(:first-child):before {
    display: none
  }

  section.marketingheader .rotation .slider .image-box {
    height: auto;
    max-height: none !important;
    order: 0
  }

  section.marketingheader .rotation .slider .image-box img {
    aspect-ratio: 16/9;
    height: auto !important;
    max-height: none !important;
    min-height: 177px !important
  }

  section.marketingheader .rotation .slider .image-box:before {
    display: none
  }

  section.marketingheader .rotation .slider .image-box img {
    position: static
  }
}

@media screen and (max-width:900px) {
  section.marketingheader .rotation .slider {
    margin-bottom: 20px
  }

  section.marketingheader .rotation .slider .slide:not(.text-only) .text-box {
    padding: 16px var(--container-padding) 0
  }

  section.marketingheader .rotation .slider .slide.text-only {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
  }

  section.marketingheader .rotation .slider .slider-tabs {
    margin: 0;
    padding: 0;
    right: calc(var(--container-padding) + 10px);
    top: 15px
  }

  .mwf-upload-dropzone section.marketingheader .rotation .slider .slider-tabs .mwf-upload-button>span,
  .review-wrapper section.marketingheader .rotation .slider .slider-tabs .submit,
  .steps section.marketingheader .rotation .slider .slider-tabs .next,
  .vst-registration section.marketingheader .rotation .slider .slider-tabs .submit,
  section.marketingheader .rotation .slider .slider-tabs .btn,
  section.marketingheader .rotation .slider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
  section.marketingheader .rotation .slider .slider-tabs .review-wrapper .submit,
  section.marketingheader .rotation .slider .slider-tabs .steps .next,
  section.marketingheader .rotation .slider .slider-tabs .vst-registration .submit {
    margin-top: 0 !important
  }
}

@media screen and (max-width:767px) {
  section.marketingheader .rotation .slider .slide:not(.text-only) .text-box {
    padding: 16px var(--container-padding)
  }

  .mwf-upload-dropzone section.marketingheader .rotation .slider .slider-tabs .mwf-upload-button>span,
  .review-wrapper section.marketingheader .rotation .slider .slider-tabs .submit,
  .steps section.marketingheader .rotation .slider .slider-tabs .next,
  .vst-registration section.marketingheader .rotation .slider .slider-tabs .submit,
  section.marketingheader .rotation .slider .slider-tabs .btn,
  section.marketingheader .rotation .slider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
  section.marketingheader .rotation .slider .slider-tabs .review-wrapper .submit,
  section.marketingheader .rotation .slider .slider-tabs .steps .next,
  section.marketingheader .rotation .slider .slider-tabs .vst-registration .submit {
    --button-icon-padding: 30px;
    --button-icon-offset: 5px;
    --button-padding: 5px 10px;
    --button-min-size: 30px;
    margin: 2.5px
  }
}

@media screen and (max-width:567px) {
  section.marketingheader .rotation .slider {
    margin: 0 0 8px
  }
}

section.marketingheader .rotation .context-box {
  display: none !important
}

@keyframes fillgrey {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

.eventoverview-section {
  margin: 0
}

.eventoverview-section .tilescontainer {
  margin-top: -69px
}

.eventoverview-section .tilescontainer>.row>.col {
  margin-top: 0;
  padding-top: 0
}

.eventoverview-stage {
  align-items: center;
  background-image: url(/blueprint/servlet/resource/crblob/6216478/305b1dde175a2371f651d089a4435900/hero-veranstaltung-gfx-jpg-data.jpg);
  background-size: cover;
  color: #fff;
  display: flex;
  margin: 0;
  min-height: calc(18vw + 400px)
}

.eventoverview-stage.background-image {
  background-position: 50% 50%;
  background-size: cover
}

@media (min-width:1400px) {
  .eventoverview-stage.first-element {
    margin-top: -60px
  }
}

.eventoverview-stage form {
  position: relative
}

.eventoverview-stage form input.search-field {
  height: 60px;
  padding: 14px 90px 14px 24px
}

.eventoverview-stage form button.search-submit {
  border-radius: 24px;
  height: 60px;
  width: 60px
}

.eventoverview-stage form button.search-submit:before {
  font-size: 30px
}

.eventoverview-stage .kicker {
  margin-bottom: .6em
}

.eventoverview-stage .stagetext-box {
  max-width: 580px;
  padding: calc(30px + 1vw) 0
}

.eventoverview-stage .stagetext-box a:not(.btn) {
  color: #fff
}

.eventoverview-stage .stagetext-box .mwf-upload-dropzone .mwf-upload-button>a:not(.btn)+span,
.eventoverview-stage .stagetext-box .review-wrapper a:not(.btn)+.submit,
.eventoverview-stage .stagetext-box .steps a:not(.btn)+.next,
.eventoverview-stage .stagetext-box .vst-registration a:not(.btn)+.submit,
.eventoverview-stage .stagetext-box a:not(.btn)+.btn,
.mwf-upload-dropzone .eventoverview-stage .stagetext-box .mwf-upload-button>a:not(.btn)+span,
.review-wrapper .eventoverview-stage .stagetext-box a:not(.btn)+.submit,
.steps .eventoverview-stage .stagetext-box a:not(.btn)+.next,
.vst-registration .eventoverview-stage .stagetext-box a:not(.btn)+.submit {
  margin-left: 30px
}

.eventoverview-stage .progress {
  --color-bg: var(--theme-color-white);
  --color-fg: var(--theme-color-white);
  --bg-opacity: 0.4
}

.eventoverview-stage .progress+.text-2,
.eventoverview-stage .progress+h1 {
  margin-top: .7em
}

.eventoverview-stage.image-stage {
  background-color: var(--theme-color-primary);
  background-image: none;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.eventoverview-stage.image-stage:before {
  background-color: var(--theme-color-primary);
  bottom: 0;
  content: "";
  left: 0;
  margin: -15% 0;
  position: absolute;
  right: 50%;
  top: 0
}

.eventoverview-stage.image-stage .stagetext-box {
  position: relative
}

.eventoverview-stage.image-stage .image-box {
  bottom: 0;
  left: 45%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.eventoverview-stage.image-stage .image-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: relative;
  transition: .4s ease;
  width: 100%
}

.eventoverview-stage.image-stage .image-box img.loading {
  opacity: 0
}

@media (max-width:1200px) {
  .eventoverview-stage.image-stage:before {
    min-width: 560px
  }

  .eventoverview-stage.image-stage .stagetext-box {
    max-width: 480px
  }
}

@media (min-width:1000px) {
  .eventoverview-stage.image-stage:before {
    border-bottom-right-radius: 28% 50%;
    border-top-right-radius: 28% 50%;
    min-width: 650px
  }
}

@media (max-width:999px) {
  .eventoverview-stage.image-stage {
    padding-bottom: 75%
  }

  .eventoverview-stage.image-stage:before {
    border-bottom-left-radius: 50% 28%;
    border-bottom-right-radius: 50% 28%;
    bottom: 0;
    left: 0;
    margin: 0 -28% 67%;
    min-width: 0;
    right: 0;
    top: 0
  }

  .eventoverview-stage.image-stage .col {
    padding: 0 var(--col-padding)
  }

  .eventoverview-stage.image-stage .image-box {
    left: 0;
    position: absolute;
    top: auto
  }

  .eventoverview-stage.image-stage .image-box:before {
    content: "";
    display: block;
    padding-top: 75%;
    position: relative
  }

  .eventoverview-stage.image-stage .image-box img {
    left: 0;
    position: absolute;
    top: 0
  }

  .eventoverview-stage.image-stage .stagetext-box {
    margin-bottom: 0;
    max-width: none;
    padding-bottom: 24px
  }
}

.tiles {
  background: linear-gradient(0deg, 0, 100%), linear-gradient(88deg, #036, rgba(1, 40, 81, .86) 54%, rgba(0, 51, 102, 0))
}

.tiles.row {
  margin: -10px
}

@media (min-width:1481px) {
  .tiles.row {
    flex-wrap: nowrap
  }
}

.tiles .icon-box {
  font-size: 40px !important;
  margin-top: 0 !important
}

.tiles .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 21px;
  margin: 8px 0 5px !important
}

.tiles .col {
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
  padding: 10px;
  position: relative
}

@media (max-width:1480px) {
  .tiles .col {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%
  }
}

@media (max-width:767px) {
  .tiles .col {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 6px
  }

  .tiles .col:nth-child(odd):last-child {
    flex: 1 1 100%;
    max-width: 100%
  }
}

@media (max-width:1480px) {
  .tiles .col.width-half {
    flex: 1 1 50%;
    max-width: 50%
  }
}

@media (max-width:767px) {
  .tiles .col.width-half+.width-half {
    flex: 1 1 100%;
    max-width: 100%
  }
}

.tiles .col.width-third {
  flex: 1 1 25%;
  max-width: 25%
}

@media (max-width:1480px) {
  .tiles .col.width-third {
    flex: 1 1 50%;
    max-width: 50%
  }
}

.tiles .col .topic-teaser {
  --topic-tile-padding: 10px;
  border-radius: .75rem;
  box-shadow: var(--theme-24dp);
  min-height: 138px
}

@media (max-width:567px) {
  .tiles[data-type=list] .col {
    flex: 1 1 100%;
    max-width: 100%
  }
}

.event-teaser-large,
.events-list-large a:not(.btn) {
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  min-height: 400px;
  overflow: hidden;
  text-decoration: none;
  transition: .3s ease;
  width: 100%
}

.event-teaser-large:not(.widemode),
.events-list-large a:not(.btn):not(.widemode) {
  align-content: baseline;
  background-color: var(--theme-grey-light);
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: flex-start
}

.event-teaser-large:not(.widemode) .blue-box,
.events-list-large a:not(.btn):not(.widemode) .blue-box {
  height: 250px
}

.event-teaser-large:not(.widemode) .text-box,
.events-list-large a:not(.btn):not(.widemode) .text-box {
  height: calc(100% - 250px)
}

.event-teaser-large.focus-visible:focus,
.events-list-large a:not(.btn).focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.event-teaser-large.-moz-focusring,
.event-teaser-large:focus-visible,
.events-list-large a:not(.btn).-moz-focusring,
.events-list-large a:not(.btn):focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.event-teaser-large:hover,
.events-list-large a:not(.btn):hover {
  color: var(--theme-color-secondary-intensed)
}

.event-teaser-large:hover .blue-box,
.events-list-large a:not(.btn):hover .blue-box {
  background-color: var(--theme-color-secondary-intensed)
}

.event-teaser-large .blue-box,
.events-list-large a:not(.btn) .blue-box {
  align-items: baseline;
  color: var(--theme-color-white);
  display: flex;
  flex-flow: column;
  font-family: Korb, sans-serif;
  font-size: 14px;
  justify-content: flex-end;
  line-height: 1;
  margin-right: 0;
  min-height: 80px;
  min-height: 250px;
  min-width: 80px;
  padding: 70px 15px 15px;
  position: relative;
  transition: .2s ease;
  width: 100%
}

.event-teaser-large .blue-box:not(.background-image),
.events-list-large a:not(.btn) .blue-box:not(.background-image) {
  background: linear-gradient(135deg, #036 45.14%, #368484), #d9d9d9
}

.event-teaser-large .blue-box .img-con,
.events-list-large a:not(.btn) .blue-box .img-con {
  background-color: rgba(0, 51, 102, .54);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

.event-teaser-large .blue-box.background-image .img-con:before,
.events-list-large a:not(.btn) .blue-box.background-image .img-con:before {
  background: linear-gradient(0deg, rgba(0, 51, 102, .33), rgba(0, 51, 102, .33)), linear-gradient(180deg, rgba(0, 32, 65, 0), rgba(0, 32, 65, .6));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.event-teaser-large .blue-box .icon-box,
.events-list-large a:not(.btn) .blue-box .icon-box {
  color: var(--theme-color-white);
  font-family: Pictograms, sans-serif;
  font-size: 48px;
  left: 15px;
  line-height: 1;
  position: absolute;
  top: 15px
}

.event-teaser-large .blue-box .ev-title,
.events-list-large a:not(.btn) .blue-box .ev-title {
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-decoration: underline
}

.event-teaser-large .blue-box .ev-cat,
.events-list-large a:not(.btn) .blue-box .ev-cat {
  background-color: #fff;
  border-radius: 8px;
  color: #036;
  display: inline-block;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .32px;
  line-height: 16px;
  padding: 5px 7px;
  position: relative;
  text-transform: uppercase
}

.event-teaser-large .blue-box span,
.events-list-large a:not(.btn) .blue-box span {
  white-space: nowrap
}

.event-teaser-large .blue-box span:nth-child(2),
.events-list-large a:not(.btn) .blue-box span:nth-child(2) {
  font-size: 36px;
  margin-left: -2px
}

.event-teaser-large .blue-box.no-date,
.events-list-large a:not(.btn) .blue-box.no-date {
  align-items: flex-start
}

.event-teaser-large .blue-box.no-date:before,
.events-list-large a:not(.btn) .blue-box.no-date:before {
  content: "\e82c";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin-bottom: 4px;
  margin-top: 5px
}

.event-teaser-large .blue-box.no-date *,
.events-list-large a:not(.btn) .blue-box.no-date * {
  display: none
}

.event-teaser-large .text-box,
.events-list-large a:not(.btn) .text-box {
  background-color: var(--theme-grey-light);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 15px;
  width: 100%
}

@media (max-width:767px) {

  .event-teaser-large .text-box,
  .events-list-large a:not(.btn) .text-box {
    font-size: var(--font-size-small)
  }
}

.event-teaser-large .text-box .ev-desc,
.events-list-large a:not(.btn) .text-box .ev-desc {
  font-size: 18px;
  letter-spacing: .18px;
  line-height: 27px
}

.event-teaser-large p,
.events-list-large a:not(.btn) p {
  margin: 0
}

.event-teaser-large p:not(:last-child),
.events-list-large a:not(.btn) p:not(:last-child) {
  margin: 2px 0 .3em
}

.event-teaser-large .detail-box,
.events-list-large a:not(.btn) .detail-box {
  border-top: 1px solid #ccd7e6;
  padding-top: 15px
}

.event-teaser-large .detail-box .btn,
.event-teaser-large .detail-box .mwf-upload-dropzone .mwf-upload-button>span,
.event-teaser-large .detail-box .review-wrapper .submit,
.event-teaser-large .detail-box .steps .next,
.event-teaser-large .detail-box .vst-registration .submit,
.events-list-large a:not(.btn) .detail-box .btn,
.events-list-large a:not(.btn) .detail-box .mwf-upload-dropzone .mwf-upload-button>span,
.events-list-large a:not(.btn) .detail-box .review-wrapper .submit,
.events-list-large a:not(.btn) .detail-box .steps .next,
.events-list-large a:not(.btn) .detail-box .vst-registration .submit,
.mwf-upload-dropzone .event-teaser-large .detail-box .mwf-upload-button>span,
.mwf-upload-dropzone .events-list-large a:not(.btn) .detail-box .mwf-upload-button>span,
.review-wrapper .event-teaser-large .detail-box .submit,
.review-wrapper .events-list-large a:not(.btn) .detail-box .submit,
.steps .event-teaser-large .detail-box .next,
.steps .events-list-large a:not(.btn) .detail-box .next,
.vst-registration .event-teaser-large .detail-box .submit,
.vst-registration .events-list-large a:not(.btn) .detail-box .submit {
  display: none;
  float: right;
  margin-top: 15px
}

.event-teaser-large .detail-box>div,
.events-list-large a:not(.btn) .detail-box>div {
  color: var(--theme-color-primary);
  display: block;
  font-size: var(--font-size-small);
  line-height: 1.2em;
  margin-bottom: 5px;
  margin-right: 15px
}

.event-teaser-large .detail-box>div:before,
.events-list-large a:not(.btn) .detail-box>div:before {
  color: var(--theme-color-primary);
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-right: 5px;
  position: relative;
  vertical-align: top
}

@media (max-width:567px) {

  .event-teaser-large .detail-box>div,
  .events-list-large a:not(.btn) .detail-box>div {
    display: block;
    padding-left: 24px;
    position: relative
  }

  .event-teaser-large .detail-box>div:before,
  .events-list-large a:not(.btn) .detail-box>div:before {
    left: 0;
    position: absolute
  }
}

.event-teaser-large .detail-box>div.date:before,
.events-list-large a:not(.btn) .detail-box>div.date:before {
  content: "\e855"
}

.event-teaser-large .detail-box>div.time:before,
.events-list-large a:not(.btn) .detail-box>div.time:before {
  content: "\e858"
}

.event-teaser-large .detail-box>div.location:before,
.events-list-large a:not(.btn) .detail-box>div.location:before {
  content: "\e851"
}

.event-teaser-large .detail-box>div.interested-parties:before,
.events-list-large a:not(.btn) .detail-box>div.interested-parties:before {
  content: "\e856"
}

.event-teaser-large .detail-box>div.price:before,
.events-list-large a:not(.btn) .detail-box>div.price:before {
  content: "\e853"
}

.event-teaser-large .detail-box>div.status:before,
.events-list-large a:not(.btn) .detail-box>div.status:before {
  color: #2e8533;
  content: "\e857"
}

.event-teaser-large .detail-box>div.status.interested-parties:before,
.event-teaser-large .detail-box>div.status.waiting-list:before,
.events-list-large a:not(.btn) .detail-box>div.status.interested-parties:before,
.events-list-large a:not(.btn) .detail-box>div.status.waiting-list:before {
  color: var(--theme-color-primary);
  content: "\e856"
}

.event-teaser-large .detail-box>div.status.reserved:before,
.events-list-large a:not(.btn) .detail-box>div.status.reserved:before {
  color: #ea515a;
  content: "\e854"
}

@media screen and (min-width:992px) {

  .event-teaser-large.widemode,
  .events-list-large a:not(.btn).widemode {
    border-radius: 4px
  }

  .event-teaser-large.widemode .blue-box,
  .events-list-large a:not(.btn).widemode .blue-box {
    padding: 100px 15px 20px;
    width: 50%
  }

  .event-teaser-large.widemode .blue-box .icon-box,
  .events-list-large a:not(.btn).widemode .blue-box .icon-box {
    font-size: 70px;
    top: 20px
  }

  .event-teaser-large.widemode .blue-box .ev-title,
  .events-list-large a:not(.btn).widemode .blue-box .ev-title {
    font-size: 36px;
    line-height: 43.2px
  }

  .event-teaser-large.widemode .text-box,
  .events-list-large a:not(.btn).widemode .text-box {
    padding: 20px;
    width: 50%
  }

  .event-teaser-large.widemode .text-box .detail-box .btn,
  .event-teaser-large.widemode .text-box .detail-box .mwf-upload-dropzone .mwf-upload-button>span,
  .event-teaser-large.widemode .text-box .detail-box .review-wrapper .submit,
  .event-teaser-large.widemode .text-box .detail-box .steps .next,
  .event-teaser-large.widemode .text-box .detail-box .vst-registration .submit,
  .events-list-large a:not(.btn).widemode .text-box .detail-box .btn,
  .events-list-large a:not(.btn).widemode .text-box .detail-box .mwf-upload-dropzone .mwf-upload-button>span,
  .events-list-large a:not(.btn).widemode .text-box .detail-box .review-wrapper .submit,
  .events-list-large a:not(.btn).widemode .text-box .detail-box .steps .next,
  .events-list-large a:not(.btn).widemode .text-box .detail-box .vst-registration .submit,
  .mwf-upload-dropzone .event-teaser-large.widemode .text-box .detail-box .mwf-upload-button>span,
  .mwf-upload-dropzone .events-list-large a:not(.btn).widemode .text-box .detail-box .mwf-upload-button>span,
  .review-wrapper .event-teaser-large.widemode .text-box .detail-box .submit,
  .review-wrapper .events-list-large a:not(.btn).widemode .text-box .detail-box .submit,
  .steps .event-teaser-large.widemode .text-box .detail-box .next,
  .steps .events-list-large a:not(.btn).widemode .text-box .detail-box .next,
  .vst-registration .event-teaser-large.widemode .text-box .detail-box .submit,
  .vst-registration .events-list-large a:not(.btn).widemode .text-box .detail-box .submit {
    display: inline-block
  }

  .event-teaser-large.widemode .text-box .ev-desc,
  .events-list-large a:not(.btn).widemode .text-box .ev-desc {
    font-size: 18px
  }
}

@media (min-width:400px) {
  .right-open-container {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
    width: calc(var(--container-width)/2 + 50vw - 8px)
  }
}

.eventteaserlargeslider {
  opacity: 0;
  transition: opacity .4s linear
}

.eventteaserlargeslider.initiated {
  opacity: 1
}

@media (min-width:1471px) {
  .eventteaserlargeslider .slider-tabs {
    left: 0 !important;
    transform: none !important;
    width: calc(var(--container-width) - var(--container-padding)*2)
  }
}

.eventteaserlargeslider.single-slide .controls {
  display: none
}

.eventteaserlargeslider .slide-overflow {
  overflow: hidden;
  transition: height .6s cubic-bezier(.215, .61, .355, 1)
}

.eventteaserlargeslider img.loading {
  opacity: 0
}

.eventteaserlargeslider img.loaded {
  opacity: 1;
  transition: .3s ease
}

.eventteaserlargeslider .slide-wrapper {
  align-items: flex-start;
  contain: layout;
  display: flex;
  margin: 0 calc(var(--col-padding)*-1);
  position: relative;
  width: 80000px
}

@media (max-width:999px) {
  .eventteaserlargeslider .slide-wrapper {
    width: 34500px
  }
}

@media (max-width:399px) {
  .eventteaserlargeslider .slide-wrapper {
    margin: 0;
    width: 10000%
  }
}

.eventteaserlargeslider .slide-wrapper.no-transition {
  -ms-user-select: none;
  user-select: none
}

.eventteaserlargeslider .slide-wrapper.no-transition .image-box:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.eventteaserlargeslider .slide-wrapper a,
.eventteaserlargeslider .slide-wrapper img {
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none
}

.eventteaserlargeslider .slide {
  max-width: 1%;
  min-height: 400px;
  min-width: 1%;
  padding: var(--col-padding);
  position: relative;
  width: 1%
}

@media (min-width:400px) {
  .eventteaserlargeslider .slide {
    padding: var(--col-padding)
  }
}

.eventteaserlargeslider .next-clone,
.eventteaserlargeslider .prev-clone {
  display: flex;
  position: absolute;
  width: 100%
}

.eventteaserlargeslider .prev-clone {
  justify-content: flex-end;
  position: absolute;
  right: 100%
}

.rotationslider {
  margin-bottom: calc(var(--section-margin) + 2rem) !important;
  margin-top: 0;
  overflow: hidden;
  padding-top: var(--section-margin)
}

.rotationslider h1 {
  display: inline-block;
  max-width: 50%
}

.rotationslider .eventteaserlargeslider {
  display: block;
  margin-bottom: 2rem;
  position: relative
}

.rotationslider .eventteaserlargeslider button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0
}

.rotationslider .eventteaserlargeslider .slider-tabs,
.rotationslider .eventteaserlargeslider .tabs {
  bottom: -2rem;
  font-size: 0;
  left: 50%;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translate(-50%)
}

.rotationslider .eventteaserlargeslider .slider-tabs li,
.rotationslider .eventteaserlargeslider .tabs li {
  display: inline-block;
  vertical-align: top
}

.rotationslider .eventteaserlargeslider .slider-tabs li.active button:before,
.rotationslider .eventteaserlargeslider .tabs li.active button:before {
  background-color: var(--theme-color-primary)
}

.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-button>span,
.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .tabs .mwf-upload-button>span,
.review-wrapper .rotationslider .eventteaserlargeslider .slider-tabs .submit,
.review-wrapper .rotationslider .eventteaserlargeslider .tabs .submit,
.rotationslider .eventteaserlargeslider .slider-tabs .btn,
.rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span,
.rotationslider .eventteaserlargeslider .slider-tabs .review-wrapper .submit,
.rotationslider .eventteaserlargeslider .slider-tabs .steps .next,
.rotationslider .eventteaserlargeslider .slider-tabs .vst-registration .submit,
.rotationslider .eventteaserlargeslider .tabs .btn,
.rotationslider .eventteaserlargeslider .tabs .mwf-upload-dropzone .mwf-upload-button>span,
.rotationslider .eventteaserlargeslider .tabs .review-wrapper .submit,
.rotationslider .eventteaserlargeslider .tabs .steps .next,
.rotationslider .eventteaserlargeslider .tabs .vst-registration .submit,
.steps .rotationslider .eventteaserlargeslider .slider-tabs .next,
.steps .rotationslider .eventteaserlargeslider .tabs .next,
.vst-registration .rotationslider .eventteaserlargeslider .slider-tabs .submit,
.vst-registration .rotationslider .eventteaserlargeslider .tabs .submit {
  --button-min-size: 24px;
  align-items: center;
  display: flex;
  font-size: 0;
  justify-content: center;
  line-height: 0
}

.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-button>span:before,
.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .tabs .mwf-upload-button>span:before,
.review-wrapper .rotationslider .eventteaserlargeslider .slider-tabs .submit:before,
.review-wrapper .rotationslider .eventteaserlargeslider .tabs .submit:before,
.rotationslider .eventteaserlargeslider .slider-tabs .btn:before,
.rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotationslider .eventteaserlargeslider .slider-tabs .review-wrapper .submit:before,
.rotationslider .eventteaserlargeslider .slider-tabs .steps .next:before,
.rotationslider .eventteaserlargeslider .slider-tabs .vst-registration .submit:before,
.rotationslider .eventteaserlargeslider .tabs .btn:before,
.rotationslider .eventteaserlargeslider .tabs .mwf-upload-dropzone .mwf-upload-button>span:before,
.rotationslider .eventteaserlargeslider .tabs .review-wrapper .submit:before,
.rotationslider .eventteaserlargeslider .tabs .steps .next:before,
.rotationslider .eventteaserlargeslider .tabs .vst-registration .submit:before,
.steps .rotationslider .eventteaserlargeslider .slider-tabs .next:before,
.steps .rotationslider .eventteaserlargeslider .tabs .next:before,
.vst-registration .rotationslider .eventteaserlargeslider .slider-tabs .submit:before,
.vst-registration .rotationslider .eventteaserlargeslider .tabs .submit:before {
  background-color: var(--theme-color-primary-dimmed-04);
  border-radius: 15px;
  content: "";
  display: block;
  height: 15px;
  position: relative;
  transition: .2s ease;
  width: 15px
}

.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-button>span:after,
.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .tabs .mwf-upload-button>span:after,
.review-wrapper .rotationslider .eventteaserlargeslider .slider-tabs .submit:after,
.review-wrapper .rotationslider .eventteaserlargeslider .tabs .submit:after,
.rotationslider .eventteaserlargeslider .slider-tabs .btn:after,
.rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.rotationslider .eventteaserlargeslider .slider-tabs .review-wrapper .submit:after,
.rotationslider .eventteaserlargeslider .slider-tabs .steps .next:after,
.rotationslider .eventteaserlargeslider .slider-tabs .vst-registration .submit:after,
.rotationslider .eventteaserlargeslider .tabs .btn:after,
.rotationslider .eventteaserlargeslider .tabs .mwf-upload-dropzone .mwf-upload-button>span:after,
.rotationslider .eventteaserlargeslider .tabs .review-wrapper .submit:after,
.rotationslider .eventteaserlargeslider .tabs .steps .next:after,
.rotationslider .eventteaserlargeslider .tabs .vst-registration .submit:after,
.steps .rotationslider .eventteaserlargeslider .slider-tabs .next:after,
.steps .rotationslider .eventteaserlargeslider .tabs .next:after,
.vst-registration .rotationslider .eventteaserlargeslider .slider-tabs .submit:after,
.vst-registration .rotationslider .eventteaserlargeslider .tabs .submit:after {
  display: none
}

.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-button>span:hover,
.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .tabs .mwf-upload-button>span:hover,
.review-wrapper .rotationslider .eventteaserlargeslider .slider-tabs .submit:hover,
.review-wrapper .rotationslider .eventteaserlargeslider .tabs .submit:hover,
.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover,
.rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.rotationslider .eventteaserlargeslider .slider-tabs .review-wrapper .submit:hover,
.rotationslider .eventteaserlargeslider .slider-tabs .steps .next:hover,
.rotationslider .eventteaserlargeslider .slider-tabs .vst-registration .submit:hover,
.rotationslider .eventteaserlargeslider .tabs .btn:hover,
.rotationslider .eventteaserlargeslider .tabs .mwf-upload-dropzone .mwf-upload-button>span:hover,
.rotationslider .eventteaserlargeslider .tabs .review-wrapper .submit:hover,
.rotationslider .eventteaserlargeslider .tabs .steps .next:hover,
.rotationslider .eventteaserlargeslider .tabs .vst-registration .submit:hover,
.steps .rotationslider .eventteaserlargeslider .slider-tabs .next:hover,
.steps .rotationslider .eventteaserlargeslider .tabs .next:hover,
.vst-registration .rotationslider .eventteaserlargeslider .slider-tabs .submit:hover,
.vst-registration .rotationslider .eventteaserlargeslider .tabs .submit:hover {
  background-color: transparent
}

.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-button>span:hover:before,
.mwf-upload-dropzone .rotationslider .eventteaserlargeslider .tabs .mwf-upload-button>span:hover:before,
.review-wrapper .rotationslider .eventteaserlargeslider .slider-tabs .submit:hover:before,
.review-wrapper .rotationslider .eventteaserlargeslider .tabs .submit:hover:before,
.rotationslider .eventteaserlargeslider .slider-tabs .btn:hover:before,
.rotationslider .eventteaserlargeslider .slider-tabs .mwf-upload-dropzone .mwf-upload-button>span:hover:before,
.rotationslider .eventteaserlargeslider .slider-tabs .review-wrapper .submit:hover:before,
.rotationslider .eventteaserlargeslider .slider-tabs .steps .next:hover:before,
.rotationslider .eventteaserlargeslider .slider-tabs .vst-registration .submit:hover:before,
.rotationslider .eventteaserlargeslider .tabs .btn:hover:before,
.rotationslider .eventteaserlargeslider .tabs .mwf-upload-dropzone .mwf-upload-button>span:hover:before,
.rotationslider .eventteaserlargeslider .tabs .review-wrapper .submit:hover:before,
.rotationslider .eventteaserlargeslider .tabs .steps .next:hover:before,
.rotationslider .eventteaserlargeslider .tabs .vst-registration .submit:hover:before,
.steps .rotationslider .eventteaserlargeslider .slider-tabs .next:hover:before,
.steps .rotationslider .eventteaserlargeslider .tabs .next:hover:before,
.vst-registration .rotationslider .eventteaserlargeslider .slider-tabs .submit:hover:before,
.vst-registration .rotationslider .eventteaserlargeslider .tabs .submit:hover:before {
  background-color: var(--theme-color-primary)
}

.rotationslider .eventteaserlargeslider .next,
.rotationslider .eventteaserlargeslider .prev {
  background: var(--theme-color-primary-dimmed-04);
  border-radius: 24px;
  color: var(--theme-color-primary);
  height: 60px;
  left: calc(var(--container-width) - var(--container-padding)*2 - 60px);
  line-height: 60px;
  position: absolute;
  right: auto;
  text-align: center;
  top: -94px;
  width: 60px;
  --button-hover-shadow-opacity: 0.4;
  --button-hover-shadow-size: 6px
}

@media (max-width:1470px) {

  .rotationslider .eventteaserlargeslider .next,
  .rotationslider .eventteaserlargeslider .prev {
    left: auto;
    right: var(--container-padding)
  }
}

@media (max-width:1339px) {

  .rotationslider .eventteaserlargeslider .next,
  .rotationslider .eventteaserlargeslider .prev {
    top: -90px
  }
}

@media (max-width:399px) {

  .rotationslider .eventteaserlargeslider .next,
  .rotationslider .eventteaserlargeslider .prev {
    right: 0;
    top: -80px
  }
}

.rotationslider .eventteaserlargeslider .next:before,
.rotationslider .eventteaserlargeslider .prev:before {
  content: "\e840";
  content: "\e825";
  font-family: Icons, sans-serif;
  font-size: 30px
}

.rotationslider .eventteaserlargeslider .next:after,
.rotationslider .eventteaserlargeslider .prev:after {
  border-radius: var(--border-radius-lg);
  bottom: 0;
  box-shadow: 0 0 0 2px var(--theme-color-primary-dimmed-04);
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.rotationslider .eventteaserlargeslider .next:hover:after,
.rotationslider .eventteaserlargeslider .prev:hover:after {
  box-shadow: 0 0 0 6px var(--theme-color-primary-dimmed-04);
  opacity: .4
}

.rotationslider .eventteaserlargeslider .prev {
  left: calc(var(--container-width) - var(--container-padding)*2 - 140px);
  transform: rotate(180deg)
}

@media (max-width:1470px) {
  .rotationslider .eventteaserlargeslider .prev {
    left: auto;
    right: calc(var(--container-padding) + 70px)
  }
}

@media (max-width:399px) {
  .rotationslider .eventteaserlargeslider .prev {
    right: 70px
  }
}

.rotationslider .eventteaserlargeslider .count {
  display: none
}

.rotationslider .eventteaserlargeslider .like-h2,
.rotationslider .eventteaserlargeslider h2 {
  margin-bottom: .4em;
  margin-top: .3em
}

.event-teasers-large {
  background-color: var(--theme-color-primary-dimmed-04);
  display: block;
  padding: var(--section-padding) 0;
  position: relative
}

@media (max-width:767px) {
  .event-teasers-large {
    margin-top: 24px
  }
}

.event-teasers-large .text-box {
  background-color: #fff !important
}

.event-teasers-large .like-h2,
.event-teasers-large h2 {
  margin-bottom: 10px;
  margin-top: var(--section-headline-margin)
}

.event-teasers-large .like-h2+p,
.event-teasers-large h2+p {
  max-width: 700px
}

.event-teasers-large .row {
  flex-wrap: wrap;
  margin: calc(var(--col-padding)*-1);
  padding-top: .3em
}

@media (max-width:999px) {
  .event-teasers-large .row:after {
    content: "";
    display: block;
    min-width: 50px;
    position: relative
  }
}

.event-teasers-large .col {
  display: flex;
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  position: relative
}

.event-teasers-large .col:first-child {
  margin-left: auto
}

.event-teasers-large .col:last-child {
  margin-right: auto
}

@media (max-width:999px) {
  .event-teasers-large .col {
    flex: 1 1 50%;
    max-width: 50%
  }

  .event-teasers-large .col:nth-child(odd):last-child {
    flex: 1 1 100%;
    max-width: 100%
  }
}

@media (max-width:567px) {
  .event-teasers-large .col {
    flex: 1 1 100%;
    max-width: 100%
  }

  .event-teasers-large .col:last-child {
    display: block
  }
}

.event-teasers-large .all-participations {
  margin: calc(var(--col-padding) + 1.5em) 0 0;
  text-align: center
}

.cover {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  min-height: calc(24vw + 220px);
  overflow: hidden;
  padding: calc(1.5vw + 30px) 0 calc(1vw + 40px);
  position: relative
}

.cover+section {
  margin-top: 0
}

.cover .container {
  margin: 0
}

.cover[data-type=artwork] .image-box {
  display: none
}

.cover[data-type=background-color],
.cover[data-type=background-image] {
  color: #fff
}

.cover[data-type=background-color] .artwork,
.cover[data-type=background-image] .artwork {
  display: none
}

.cover[data-type=background-color] {
  background: linear-gradient(120deg, rgba(0, 51, 102, .6), #036);
  background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb, 0, 51, 102), .6) 0, rgba(var(--theme-color-primary-rgb, 0, 51, 102), 1) 100%)
}

.cover[data-type=background-color] .image-box {
  display: none
}

.cover[data-type=background-image] .image-box.ministartseite:after {
  background: none
}

.cover[data-type=background-image] .image-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cover[data-type=background-image] .image-box:after {
  background: linear-gradient(120deg, #036, rgba(0, 51, 102, .2));
  background: linear-gradient(120deg, rgba(var(--theme-color-primary-rgb, 0, 51, 102), 1) 0, rgba(var(--theme-color-primary-rgb, 0, 51, 102), .2) 100%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cover[data-type=background-image] .image-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%
}

.cover[data-type=image] {
  display: block;
  min-height: 0;
  padding: 0
}

.cover[data-type=image] .image-box {
  display: block;
  position: relative
}

.cover[data-type=image] .image-box img {
  display: block;
  width: 100%
}

.cover[data-type=image] .artwork,
.cover[data-type=image] .container,
.cover[data-type=image] .text-box {
  display: none
}

.cover .text-box {
  max-width: 580px;
  position: relative;
  width: 60%
}

.cover .btn,
.cover .mwf-upload-dropzone .mwf-upload-button>span,
.cover .review-wrapper .submit,
.cover .steps .next,
.cover .vst-registration .submit,
.mwf-upload-dropzone .cover .mwf-upload-button>span,
.review-wrapper .cover .submit,
.steps .cover .next,
.vst-registration .cover .submit {
  margin-left: -1px;
  margin-top: 10px
}

[data-browser=ie] .cover:before {
  content: "";
  display: block;
  height: calc(21.5vw + 150px);
  position: relative;
  width: 0
}

.mwf-form .input-wrapper,
.mwf-form .row .col-xs-12 {
  width: 100%
}

.space-between {
  display: flex;
  justify-content: space-between
}

.form-progress>li {
  background-color: var(--theme-color-secondary-dimmed)
}

.form-progress>li.active {
  background-color: var(--theme-color-secondary)
}

fieldset {
  border: none;
  margin: 0
}

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

select[multiple] {
  background-image: none;
  height: 130px
}

[data-browser=chrome] select {
  padding-left: 10px
}

.contact-form label {
  margin-top: 20px
}

@media (max-width:767px) {
  .contact-form label {
    margin-top: 16px
  }
}

.contact-form .form-title {
  margin-bottom: 10px
}

.contact-form input[type=checkbox] {
  margin-top: 20px
}

.mwf-option {
  display: block;
  margin-right: 24px;
  white-space: nowrap
}

.mfw-l .mwf-input fieldset .mwf-option,
.mfw-s .mwf-input fieldset .mwf-option {
  display: table-cell;
  padding-right: 20px
}

.mwf-option label {
  white-space: normal
}

.mwf-form .row,
.row.mwf-field {
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px
}

.mwf-form .row .input-wrapper:not([class^=col-]),
.row.mwf-field .input-wrapper:not([class^=col-]) {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

.mwf-s .input-wrapper:not(.for-input) {
  display: table-cell
}

.mwf-s .input-wrapper:not(.for-input) .mwf-label {
  display: table-cell;
  float: left
}

.mwf-s .mwf-label {
  padding-right: 20px
}

.mwf-s .for-input .mwf-label {
  display: table-cell;
  white-space: nowrap
}

.mwf-s .mwf-input {
  display: table-cell;
  width: 100%
}

.mwf-m {
  display: block
}

.mwf-m .mwf-option {
  float: left
}

label p {
  margin: 0
}

.mwf-hint,
.mwf-hint~p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: right;
  top: 14px
}

.mwf-hint {
  margin-bottom: -10px
}

.gfi-webforms-pagination {
  display: none
}

.webform-buttons {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  position: relative
}

.webform-buttons>.mwf-button {
  margin: 0 6px
}

.webform-buttons>.mwf-button:first-child {
  margin-left: 0
}

.webform-buttons .mwf-next {
  margin-left: auto !important;
  margin-right: 0;
  order: 1
}

.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span,
.review-wrapper .webform-buttons .submit,
.steps .webform-buttons .next,
.vst-registration .webform-buttons .submit,
.webform-buttons .btn,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span,
.webform-buttons .review-wrapper .submit,
.webform-buttons .steps .next,
.webform-buttons .vst-registration .submit {
  transition: .3s ease
}

.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=back],
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=cancel],
.review-wrapper .webform-buttons .submit[data-type=back],
.review-wrapper .webform-buttons .submit[data-type=cancel],
.steps .webform-buttons .next[data-type=back],
.steps .webform-buttons .next[data-type=cancel],
.vst-registration .webform-buttons .submit[data-type=back],
.vst-registration .webform-buttons .submit[data-type=cancel],
.webform-buttons .btn[data-type=back],
.webform-buttons .btn[data-type=cancel],
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=back],
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=cancel],
.webform-buttons .review-wrapper .submit[data-type=back],
.webform-buttons .review-wrapper .submit[data-type=cancel],
.webform-buttons .steps .next[data-type=back],
.webform-buttons .steps .next[data-type=cancel],
.webform-buttons .vst-registration .submit[data-type=back],
.webform-buttons .vst-registration .submit[data-type=cancel] {
  padding-left: 58px
}

.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=back]:before,
.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=cancel]:before,
.review-wrapper .webform-buttons .submit[data-type=back]:before,
.review-wrapper .webform-buttons .submit[data-type=cancel]:before,
.steps .webform-buttons .next[data-type=back]:before,
.steps .webform-buttons .next[data-type=cancel]:before,
.vst-registration .webform-buttons .submit[data-type=back]:before,
.vst-registration .webform-buttons .submit[data-type=cancel]:before,
.webform-buttons .btn[data-type=back]:before,
.webform-buttons .btn[data-type=cancel]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=back]:before,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=cancel]:before,
.webform-buttons .review-wrapper .submit[data-type=back]:before,
.webform-buttons .review-wrapper .submit[data-type=cancel]:before,
.webform-buttons .steps .next[data-type=back]:before,
.webform-buttons .steps .next[data-type=cancel]:before,
.webform-buttons .vst-registration .submit[data-type=back]:before,
.webform-buttons .vst-registration .submit[data-type=cancel]:before {
  font-family: Icons, sans-serif;
  font-size: 30px;
  left: 16px;
  line-height: 1;
  margin-top: -15px;
  position: absolute;
  top: 50%
}

@media (max-width:767px) {

  .mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=back]:before,
  .mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=cancel]:before,
  .review-wrapper .webform-buttons .submit[data-type=back]:before,
  .review-wrapper .webform-buttons .submit[data-type=cancel]:before,
  .steps .webform-buttons .next[data-type=back]:before,
  .steps .webform-buttons .next[data-type=cancel]:before,
  .vst-registration .webform-buttons .submit[data-type=back]:before,
  .vst-registration .webform-buttons .submit[data-type=cancel]:before,
  .webform-buttons .btn[data-type=back]:before,
  .webform-buttons .btn[data-type=cancel]:before,
  .webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=back]:before,
  .webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=cancel]:before,
  .webform-buttons .review-wrapper .submit[data-type=back]:before,
  .webform-buttons .review-wrapper .submit[data-type=cancel]:before,
  .webform-buttons .steps .next[data-type=back]:before,
  .webform-buttons .steps .next[data-type=cancel]:before,
  .webform-buttons .vst-registration .submit[data-type=back]:before,
  .webform-buttons .vst-registration .submit[data-type=cancel]:before {
    font-size: 24px;
    margin-top: -12px
  }
}

.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=next],
.review-wrapper .webform-buttons .submit[data-type=next],
.steps .webform-buttons .next[data-type=next],
.vst-registration .webform-buttons .submit[data-type=next],
.webform-buttons .btn[data-type=next],
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=next],
.webform-buttons .review-wrapper .submit[data-type=next],
.webform-buttons .steps .next[data-type=next],
.webform-buttons .vst-registration .submit[data-type=next] {
  background-color: var(--theme-color-primary);
  color: #fff
}

.mwf-upload-dropzone .webform-buttons .mwf-upload-button>span[data-type=next]:hover,
.review-wrapper .webform-buttons .submit[data-type=next]:hover,
.steps .webform-buttons .next[data-type=next]:hover,
.vst-registration .webform-buttons .submit[data-type=next]:hover,
.webform-buttons .btn[data-type=next]:hover,
.webform-buttons .mwf-upload-dropzone .mwf-upload-button>span[data-type=next]:hover,
.webform-buttons .review-wrapper .submit[data-type=next]:hover,
.webform-buttons .steps .next[data-type=next]:hover,
.webform-buttons .vst-registration .submit[data-type=next]:hover {
  box-shadow: 0 0 0 5px rgba(var(--theme-color-primary-rgb), .3);
  color: #fff
}

.review-wrapper .webform-buttons .submit {
  float: none
}

.mwf-error-input {
  box-shadow: 0 0 0 2px red, 0 0 8px 2px red
}

.action-col .anchorlinks,
.main-col .anchorlinks,
article.col .anchorlinks {
  margin: 48px 0;
  position: relative
}

.action-col .anchorlinks.sticky,
.main-col .anchorlinks.sticky,
article.col .anchorlinks.sticky {
  display: none !important;
  height: 0;
  margin: 0 -10px;
  opacity: 0;
  pointer-events: none;
  position: sticky;
  top: 99px;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  z-index: 10
}

.action-col .anchorlinks.sticky.show,
.main-col .anchorlinks.sticky.show,
article.col .anchorlinks.sticky.show {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.action-col .anchorlinks.sticky .anchors,
.main-col .anchorlinks.sticky .anchors,
article.col .anchorlinks.sticky .anchors {
  background-color: #fff;
  box-shadow: 0 5px 20px -5px transparent, 0 0 0 10000px transparent;
  height: 55px;
  margin: -1px 0 0;
  overflow: hidden;
  transition: .3s ease
}

.action-col .anchorlinks.sticky .anchors:hover,
.main-col .anchorlinks.sticky .anchors:hover,
article.col .anchorlinks.sticky .anchors:hover {
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .2), 0 0 0 10000px rgba(0, 0, 0, .06);
  height: auto
}

.action-col .anchorlinks.sticky .anchors:hover .anchors-title,
.main-col .anchorlinks.sticky .anchors:hover .anchors-title,
article.col .anchorlinks.sticky .anchors:hover .anchors-title {
  display: none
}

.action-col .anchorlinks.sticky .anchors-title,
.main-col .anchorlinks.sticky .anchors-title,
article.col .anchorlinks.sticky .anchors-title {
  display: flex
}

.action-col .anchorlinks.sticky .anchors-title,
.action-col .anchorlinks.sticky a,
.main-col .anchorlinks.sticky .anchors-title,
.main-col .anchorlinks.sticky a,
article.col .anchorlinks.sticky .anchors-title,
article.col .anchorlinks.sticky a {
  padding: 12px 25px 16px 52px
}

.action-col .anchorlinks.sticky .anchors-title,
.action-col .anchorlinks.sticky a.current,
.main-col .anchorlinks.sticky .anchors-title,
.main-col .anchorlinks.sticky a.current,
article.col .anchorlinks.sticky .anchors-title,
article.col .anchorlinks.sticky a.current {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.action-col .anchorlinks.sticky li:before,
.main-col .anchorlinks.sticky li:before,
article.col .anchorlinks.sticky li:before {
  left: 12px
}

.action-col .anchors,
.main-col .anchors,
article.col .anchors {
  border-bottom: 1px solid #ccd7e6;
  border-bottom: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  list-style: none;
  margin: 0;
  padding: 0
}

.action-col .anchors li,
.main-col .anchors li,
article.col .anchors li {
  border-top: 1px solid #ccd7e6;
  border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  line-height: 1.2;
  position: relative
}

.action-col .anchors li:before,
.main-col .anchors li:before,
article.col .anchors li:before {
  color: #56bd66;
  color: var(--theme-color-secondary, #56bd66);
  font-family: Icons;
  font-size: 30px;
  left: 3px;
  line-height: 1;
  margin-top: -15px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 1
}

.action-col .anchors .anchors-title,
.action-col .anchors a,
.main-col .anchors .anchors-title,
.main-col .anchors a,
article.col .anchors .anchors-title,
article.col .anchors a {
  align-items: center;
  background-color: transparent;
  display: flex;
  margin: 0;
  min-height: 55px;
  padding: 14px 15px 14px 42px;
  position: relative
}

.action-col .anchors .anchors-title,
.main-col .anchors .anchors-title,
article.col .anchors .anchors-title {
  display: none
}

.action-col .anchors a,
.main-col .anchors a,
article.col .anchors a {
  font-weight: 400;
  transition: .3s ease
}

.action-col .anchors a.focus-visible:focus,
.main-col .anchors a.focus-visible:focus,
article.col .anchors a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.action-col .anchors a.-moz-focusring,
.action-col .anchors a:focus-visible,
.main-col .anchors a.-moz-focusring,
.main-col .anchors a:focus-visible,
article.col .anchors a.-moz-focusring,
article.col .anchors a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.action-col .anchors a:before,
.main-col .anchors a:before,
article.col .anchors a:before {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.action-col .anchors a:hover,
.main-col .anchors a:hover,
article.col .anchors a:hover {
  color: #2e8533;
  color: var(--theme-color-link-hover, #2e8533)
}

.action-col .anchors a:hover:before,
.main-col .anchors a:hover:before,
article.col .anchors a:hover:before {
  opacity: .3
}

.action-col .anchors li:not(.anchors-title),
.main-col .anchors li:not(.anchors-title) {
  margin: 0;
  padding: 0
}

.action-col .anchors li:not(.anchors-title):after,
.main-col .anchors li:not(.anchors-title):after {
  display: none
}

.action-col .anchors li.anchors-title,
.main-col .anchors li.anchors-title {
  margin: 0
}

.action-col .anchors li.anchors-title:after,
.main-col .anchors li.anchors-title:after {
  display: none
}

h2.has-anchor {
  position: relative
}

h2.has-anchor .anchor {
  position: absolute;
  top: -140px
}

@media (max-width:767px) {
  h2.has-anchor .anchor {
    top: -100px
  }
}

table {
  background-color: #fff;
  border-collapse: collapse;
  font-size: 18px;
  line-height: 1.2;
  margin: 1rem 0;
  max-width: 100%;
  width: 100%
}

table td,
table th {
  border-bottom: 1px solid #ccd7e6;
  border-bottom: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  border-right: 1px solid #fff;
  border-top: 1px solid #ccd7e6;
  border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  height: 50px;
  padding: 6px 15px;
  vertical-align: middle
}

table td:last-child,
table th:last-child {
  border-right: 0
}

table td .text,
table td p,
table th .text,
table th p {
  margin: 5px 0
}

table th {
  background-color: #e4f1e4;
  background-color: var(--theme-color-secondary-dimmed, #e4f1e4);
  text-align: left
}

table tr:nth-child(even of :not(.tr--header)) td {
  background-color: var(--theme-color-primary-dimmed-04)
}

@media (max-width:567px) {
  .responsive-table {
    margin: 1rem -20px;
    overflow: auto;
    padding: 0 20px
  }

  .responsive-table table {
    border-right: 20px solid #fff;
    margin: 0
  }
}

.responsive-table .columnAlignRight {
  text-align: right
}

.responsive-table .columnAlignCenter {
  text-align: center
}

.richtext ol,
.richtext ul {
  margin: 1em 0 1.5em;
  padding: 0
}

.richtext ol li,
.richtext ul li {
  display: block;
  margin-bottom: .4em;
  padding-left: 32px;
  position: relative
}

@media (max-width:767px) {

  .richtext ol li,
  .richtext ul li {
    padding-left: 24px
  }
}

.richtext ul.contact-buttons li {
  padding-left: 0
}

.richtext ul.contact-buttons li:after {
  display: none
}

.richtext ol ul li:after,
.richtext ul li:after {
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66);
  border-radius: 3px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 8px
}

@media (max-width:767px) {

  .richtext ol ul li:after,
  .richtext ul li:after {
    height: 6px;
    top: 10px;
    width: 6px
  }
}

.richtext .accordion>ul>li:after,
.richtext ul.accordion li:after,
.richtext ul.choices li:after,
.richtext ul.contact-buttons li:after,
.richtext ul.slider-tabs li:after,
.richtext ul.social-icons li:after {
  background: none;
  border: none
}

.richtext .accordion .accordion-content .richtext ul li:after {
  background-color: var(--theme-color-secondary);
  border: 2px solid var(--theme-color-secondary)
}

.richtext ul.slider-tabs li {
  padding-left: 0
}

.richtext ol ul li:before,
.richtext ol>li:after,
.richtext ul:not(.anchors)>li:before {
  display: none
}

.richtext ul ul {
  margin: .4em 0
}

.richtext ul ul li:after {
  background-color: transparent;
  border: 2px solid #56bd66;
  border: 2px solid var(--theme-color-secondary, #56bd66);
  box-sizing: border-box
}

.richtext ol {
  counter-reset: listcount
}

.richtext ol li:before {
  content: counter(listcount) ".";
  counter-increment: listcount;
  font-weight: 700;
  left: 0;
  position: absolute
}

.richtext .rte--list a,
.richtext .strong a,
.richtext .text a {
  background-color: #e4f1e4;
  background-color: var(--theme-color-secondary-dimmed, #e4f1e4);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #036;
  color: var(--theme-color-link, #036);
  display: inline;
  margin: 0 -1px -2px;
  opacity: 1;
  overflow-wrap: break-word;
  padding: 0 5px 2px;
  transition: .2s ease;
  word-wrap: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word
}

.richtext .rte--list a:hover,
.richtext .strong a:hover,
.richtext .text a:hover {
  color: #2e8533
}

.richtext .rte--list a.external,
.richtext .rte--list a.extranet,
.richtext .rte--list a.intranet,
.richtext .rte--list a[data-linktypeicon=CMDownload],
.richtext .rte--list a[data-linktypeicon=CMExternalLink],
.richtext .strong a.external,
.richtext .strong a.extranet,
.richtext .strong a.intranet,
.richtext .strong a[data-linktypeicon=CMDownload],
.richtext .strong a[data-linktypeicon=CMExternalLink],
.richtext .text a.external,
.richtext .text a.extranet,
.richtext .text a.intranet,
.richtext .text a[data-linktypeicon=CMDownload],
.richtext .text a[data-linktypeicon=CMExternalLink] {
  padding-left: 7px;
  position: relative
}

.richtext .rte--list a.external:after,
.richtext .rte--list a.extranet:after,
.richtext .rte--list a.intranet:after,
.richtext .rte--list a[data-linktypeicon=CMDownload]:after,
.richtext .rte--list a[data-linktypeicon=CMExternalLink]:after,
.richtext .strong a.external:after,
.richtext .strong a.extranet:after,
.richtext .strong a.intranet:after,
.richtext .strong a[data-linktypeicon=CMDownload]:after,
.richtext .strong a[data-linktypeicon=CMExternalLink]:after,
.richtext .text a.external:after,
.richtext .text a.extranet:after,
.richtext .text a.intranet:after,
.richtext .text a[data-linktypeicon=CMDownload]:after,
.richtext .text a[data-linktypeicon=CMExternalLink]:after {
  color: #2e8533;
  content: "\e846";
  font-family: icons;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 3px;
  outline: 3px solid #e4f1e4;
  outline-offset: -2px;
  text-decoration: underline;
  text-transform: none
}

.richtext .rte--list a.intranet:after,
.richtext .strong a.intranet:after,
.richtext .text a.intranet:after {
  content: "\e84a"
}

.richtext .rte--list a.extranet:after,
.richtext .strong a.extranet:after,
.richtext .text a.extranet:after {
  content: "\e84b"
}

.richtext .rte--list a[data-linktypeicon=CMDownload]:after,
.richtext .strong a[data-linktypeicon=CMDownload]:after,
.richtext .text a[data-linktypeicon=CMDownload]:after {
  content: "\e842";
  display: inline-block;
  line-height: 0;
  outline: none;
  text-decoration: none
}

.richtext .rte--list .image a,
.richtext .strong .image a,
.richtext .text .image a {
  background-color: var(--theme-color-secondary-dimmed)
}

.richtext .text a.image-link {
  background-color: #fff;
  display: block;
  margin: 0;
  padding: 0
}

.richtext .text a.image-link:after {
  display: none
}

.richtext .responsive-table tr>td>a {
  background-color: #e4f1e4;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #036;
  display: inline;
  margin: 0 -1px -2px;
  opacity: 1;
  padding: 0 5px 2px;
  transition: .2s ease
}

.richtext .responsive-table a.external,
.richtext .responsive-table a.extranet,
.richtext .responsive-table a.intranet,
.richtext .responsive-table a[data-linktypeicon=CMDownload],
.richtext .responsive-table a[data-linktypeicon=CMExternalLink] {
  background-color: #e4f1e4;
  background-color: var(--theme-color-secondary-dimmed, #e4f1e4);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #036;
  color: var(--theme-color-link, #036);
  display: inline;
  margin: 0 -1px -2px;
  opacity: 1;
  padding: 0 5px 2px 7px;
  position: relative;
  transition: .2s ease
}

.richtext .responsive-table a.external:hover,
.richtext .responsive-table a.extranet:hover,
.richtext .responsive-table a.intranet:hover,
.richtext .responsive-table a[data-linktypeicon=CMDownload]:hover,
.richtext .responsive-table a[data-linktypeicon=CMExternalLink]:hover {
  color: #2e8533
}

.richtext .responsive-table a.external:after,
.richtext .responsive-table a.extranet:after,
.richtext .responsive-table a.intranet:after,
.richtext .responsive-table a[data-linktypeicon=CMDownload]:after,
.richtext .responsive-table a[data-linktypeicon=CMExternalLink]:after {
  color: #2e8533;
  content: "\e846";
  font-family: icons;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 3px;
  outline: 3px solid #e4f1e4;
  outline-offset: -2px;
  text-decoration: underline;
  text-transform: none
}

.richtext .responsive-table a.intranet:after {
  content: "\e84a"
}

.richtext .responsive-table a.extranet:after {
  content: "\e84b"
}

.richtext .responsive-table a[data-linktypeicon=CMDownload]:after {
  content: "\e842";
  display: inline-block;
  line-height: 0;
  outline: none;
  text-decoration: none
}

.richtext ul.highcharts-menu {
  padding: 10px 0 !important
}

.richtext ul.highcharts-menu li {
  margin: 0;
  padding: 5px 20px
}

.richtext ul.highcharts-menu li:after {
  display: none
}

.richtext ul.highcharts-menu hr {
  margin: 5px 0 8px
}

.richtext ul.tab-buttons {
  margin: 0
}

.richtext ul.tab-buttons li {
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 0
}

.richtext ul.tab-buttons li:after {
  border: 0;
  content: "";
  height: 0;
  width: 0
}

.richtext .detail-text {
  overflow-x: hidden
}

blockquote {
  border-left: 6px solid #56bd66;
  border-left: 6px solid var(--theme-color-secondary, #56bd66);
  font-style: italic;
  margin: 2em 0;
  padding-left: 26px
}

@media (max-width:767px) {
  blockquote {
    padding-left: 18px
  }
}

blockquote .author {
  font-size: 18px;
  font-style: normal;
  line-height: 1.2
}

[data-browser=ie] .richtext .text a.external:after,
[data-browser=ie] .richtext .text a[data-linktypeicon=CMExternalLink] {
  text-decoration: none
}

.lastPublishDate {
  padding-top: 20px
}

.video-box {
  width: 100%
}

.video-box,
.video-box:before {
  display: block;
  position: relative
}

.video-box:before {
  content: "";
  padding-top: 56.25%
}

.video-box iframe,
.video-box video {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-box video {
  object-fit: cover
}

.teaser .video-in-teaser .video-box {
  height: 100%;
  position: absolute;
  top: 0
}

.teaser .video-in-teaser:after {
  display: none
}

.teaser .video-in-teaser .poster-wrapper .icon-fa-play {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto
}

.teaser .video-in-teaser .poster-wrapper .icon-fa-play:before {
  content: "\e801";
  font-family: IHK24FontAwesome, sans-serif;
  left: 50%;
  right: auto;
  transform: translateX(-50%)
}

.mwf-upload-dropzone .teaser .video-in-teaser:hover .mwf-upload-button>span,
.review-wrapper .teaser .video-in-teaser:hover .submit,
.steps .teaser .video-in-teaser:hover .next,
.teaser .video-in-teaser:hover .btn,
.teaser .video-in-teaser:hover .mwf-upload-dropzone .mwf-upload-button>span,
.teaser .video-in-teaser:hover .review-wrapper .submit,
.teaser .video-in-teaser:hover .steps .next,
.teaser .video-in-teaser:hover .vst-registration .submit,
.vst-registration .teaser .video-in-teaser:hover .submit {
  box-shadow: 0 0 0 5px rgba(var(--theme-color-primary-rgb), .3)
}

.sr-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  clip: auto
}

.hidden {
  display: none !important;
  visibility: hidden
}

.vst-registration:after {
  clear: both;
  content: "";
  display: block;
  position: relative
}

@media (max-width:767px) {
  .vst-registration:after {
    height: 20px
  }
}

.vst-registration>div+div {
  margin-top: calc(3% + 20px)
}

@media (max-width:567px) {
  .vst-registration .title {
    margin-bottom: 0
  }
}

.vst-registration .row {
  margin: 0 -8px
}

.vst-registration .row:after {
  clear: both;
  content: "";
  display: block
}

.vst-registration .row .btn-wrapper,
.vst-registration .row .col-sm-3,
.vst-registration .row .input-wrapper {
  padding: 0 8px;
  width: 100%
}

.vst-registration .row .btn-wrapper .col-sm-3,
.vst-registration .row .col-sm-3 .col-sm-3,
.vst-registration .row .input-wrapper .col-sm-3 {
  padding: 0
}

.vst-registration .row .btn-wrapper .row,
.vst-registration .row .col-sm-3 .row,
.vst-registration .row .input-wrapper .row {
  margin: 0
}

.vst-registration .row .btn-wrapper .text,
.vst-registration .row .col-sm-3 .text,
.vst-registration .row .input-wrapper .text {
  margin: 12px 0
}

.vst-registration .row .btn-wrapper {
  margin-top: 20px
}

.vst-registration .row.Participant {
  color: #036;
  color: var(--theme-color-primary, #036);
  padding-right: 60px;
  position: relative
}

@media (max-width:567px) {
  .vst-registration .row.Participant {
    padding-bottom: 60px;
    padding-right: 0
  }
}

.vst-registration .row.Participant .btn-wrapper {
  bottom: 10px;
  display: block;
  padding: 0;
  position: absolute;
  right: 0;
  width: auto
}

.vst-registration .row.Participant button {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0;
  height: 60px;
  line-height: 0;
  padding: 15px;
  width: 60px
}

.vst-registration .row.Participant button.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.vst-registration .row.Participant button.-moz-focusring,
.vst-registration .row.Participant button:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:567px) {
  .vst-registration .row.Participant button {
    height: 50px;
    padding: 10px;
    width: 50px
  }
}

.vst-registration .row.Participant button:before {
  font-family: Icons;
  font-size: 30px;
  line-height: 1
}

.vst-registration .title.form-title.Participant {
  margin-bottom: 0
}

.vst-registration .add-participant {
  background-color: #ccd7e6;
  background-color: var(--theme-color-primary-dimmed-03, #ccd7e6);
  border: 0;
  border-radius: 18px;
  color: #036;
  color: var(--theme-color-primary, #036);
  cursor: pointer;
  margin: 30px 0 10px;
  opacity: 1;
  padding: 6px 18px 6px 50px
}

.vst-registration .add-participant:hover {
  box-shadow: 0 0 0 5px rgba(204, 215, 230, .4)
}

.vst-registration .add-participant:focus {
  border: 0
}

.vst-registration .add-participant:before {
  font-family: Icons;
  font-size: 30px;
  left: 13px;
  line-height: 1;
  margin-top: -15px;
  position: absolute;
  top: 50%
}

.vst-registration .rechnungAnPrivatAdresse {
  display: none
}

.vst-registration #vst_abweichend_check,
.vst-registration #vst_abweichend_check~label {
  margin-top: 50px
}

@media (max-width:767px) {
  .vst-registration #vst_abweichend_check {
    margin-top: 40px
  }

  .vst-registration #vst_abweichend_check~label {
    margin-top: 38px
  }
}

.terms-wrapper .input-wrapper {
  margin: 12px 0
}

.rw-event {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  margin: 15px 0 calc(2% + 20px);
  padding: 20px 0
}

@media (max-width:567px) {
  .rw-event {
    padding: 10px 0
  }
}

.rw-event .row {
  margin: 10px 15px
}

@media (max-width:567px) {
  .rw-event .row {
    margin: 10px 3px
  }
}

.rw-event .event-label {
  flex: 1;
  font-weight: 600
}

@media (max-width:567px) {
  .rw-event .event-label {
    flex: none;
    width: 100%
  }
}

.rw-event .event-value {
  flex: 2
}

@media (max-width:567px) {
  .rw-event .event-value {
    flex: none;
    width: 100%
  }
}

.review-wrapper .submit,
.vst-registration .submit {
  float: right
}

@media (max-width:999px) {

  .review-wrapper .submit,
  .vst-registration .submit {
    margin-bottom: 40px
  }
}

@media (max-width:567px) {

  .review-wrapper .submit,
  .vst-registration .submit {
    margin: 20px 0
  }
}

.review-wrapper .submit:active,
.review-wrapper .submit:active:focus,
.review-wrapper .submit:focus,
.vst-registration .submit:active,
.vst-registration .submit:active:focus,
.vst-registration .submit:focus {
  outline: 0
}

.review-wrapper .info,
.vst-registration .info {
  border-top: 1px solid #ccd7e6;
  border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  font-size: 18px;
  margin-top: calc(30px + 2%);
  padding-top: 20px
}

@media (max-width:767px) {

  .review-wrapper .info,
  .vst-registration .info {
    font-size: 16px;
    padding-top: 15px
  }
}

.review-wrapper .submit {
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66)
}

.review-wrapper .submit,
.review-wrapper .submit:active,
.review-wrapper .submit:focus,
.review-wrapper .submit:focus:active,
.review-wrapper .submit:hover {
  color: #036;
  color: var(--theme-color-primary, #036)
}

.review-wrapper .submit:hover {
  box-shadow: 0 0 0 5px rgba(86, 189, 102, .4)
}

.review-wrapper .register-summary {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  margin: 15px 0;
  padding: 30px
}

.review-wrapper .register-summary+.register-summary {
  margin-top: -30px;
  padding-top: 0
}

@media (max-width:567px) {
  .review-wrapper .register-summary {
    padding: 15px 18px
  }
}

.review-wrapper .register-summary [data-label=Nachname]+[data-label=Vorname]+span:before,
.review-wrapper .register-summary [data-label=Name]+[data-label=Vorname]+span:before,
.review-wrapper .register-summary [data-label=Vorname]+[data-label=Nachname]+span:before,
.review-wrapper .register-summary [data-label=Vorname]+[data-label=Name]+span:before {
  content: "\A";
  white-space: pre
}

.review-wrapper .register-summary [data-label=Nachname]+[data-label=Vorname]:before,
.review-wrapper .register-summary [data-label=Name]+[data-label=Vorname]:before {
  content: ", ";
  margin-left: -3px
}

.review-wrapper .register-summary [data-label=E-Mail]:before,
.review-wrapper .register-summary [data-label=E-Mailadresse]:before,
.review-wrapper .register-summary [data-label=Faxnummer]+span:before,
.review-wrapper .register-summary [data-label=Firmenname]+span:before,
.review-wrapper .register-summary [data-label=Geburtsdatum]:before,
.review-wrapper .register-summary [data-label=Ort]+span:before,
.review-wrapper .register-summary [data-label=PLZ]:before,
.review-wrapper .register-summary [data-label=Postleitzahl]:before,
.review-wrapper .register-summary [data-label=Rufnummer]+span:before,
.review-wrapper .register-summary [data-label=Stadt]+span:before,
.review-wrapper .register-summary [data-label=Telefon]+span:before,
.review-wrapper .register-summary [data-label=Vorwahl]:before {
  content: "\A";
  white-space: pre
}

.review-wrapper .register-summary [data-label=Vorwahl]:after {
  content: "/";
  margin: 0 0 0 6px
}

.review-wrapper .register-summary [data-label="Geburtsdatum (tt.mm.jjjj)"]:before,
.review-wrapper .register-summary [data-label=Geburtsdatum]:before {
  content: "Geburtsdatum: "
}

.review-wrapper .register-summary:after {
  clear: left;
  content: "";
  display: block;
  position: relative
}

.form-progress.confirmation~.content-wrapper iframe {
  margin-bottom: 20px;
  width: 100%
}

.form-progress {
  counter-reset: progress;
  display: flex;
  list-style: none;
  margin: calc(2% + 20px) -2px;
  padding: 0;
  position: relative
}

.form-progress>li {
  background-color: #e4f1e4;
  background-color: var(--theme-color-secondary-dimmed, #e4f1e4);
  flex: 1 1 100%;
  font-family: Korb, sans-serif;
  margin: 0;
  padding: 14px 24px
}

@media (max-width:567px) {
  .form-progress>li {
    font-size: 16px;
    overflow: hidden;
    padding: 12px 6px 12px 12px;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}

.form-progress>li:before {
  content: counter(progress) ". ";
  counter-increment: progress
}

.form-progress>li+li {
  margin-left: 6px
}

@media (max-width:567px) {
  .form-progress>li+li {
    margin-left: 2px
  }
}

.form-progress>li.active {
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66)
}

.form-progress>li:first-child {
  border-radius: 24px 0 0 24px
}

.form-progress>li:last-child {
  border-radius: 0 24px 24px 0
}

.event-registration-confirmation,
.file-uploads {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  margin: calc(30px + 3%) 0;
  padding: 30px
}

@media (max-width:567px) {

  .event-registration-confirmation,
  .file-uploads {
    padding: 15px 18px
  }
}

.contacts-in-text .contact-wrapper .event-registration-confirmation .like-h2+br,
.contacts-in-text .contact-wrapper .event-registration-confirmation h2+br,
.contacts-in-text .contact-wrapper .file-uploads .like-h2+br,
.contacts-in-text .contact-wrapper .file-uploads h2+br,
.event-registration-confirmation .contacts-in-text .contact-wrapper .like-h2+br,
.event-registration-confirmation .contacts-in-text .contact-wrapper h2+br,
.event-registration-confirmation .sidebar .contact-wrapper .like-h2+br,
.event-registration-confirmation .sidebar .contact-wrapper h2+br,
.event-registration-confirmation .vst-registration .title+br,
.event-registration-confirmation h3+br,
.file-uploads .contacts-in-text .contact-wrapper .like-h2+br,
.file-uploads .contacts-in-text .contact-wrapper h2+br,
.file-uploads .sidebar .contact-wrapper .like-h2+br,
.file-uploads .sidebar .contact-wrapper h2+br,
.file-uploads .vst-registration .title+br,
.file-uploads h3+br,
.sidebar .contact-wrapper .event-registration-confirmation .like-h2+br,
.sidebar .contact-wrapper .event-registration-confirmation h2+br,
.sidebar .contact-wrapper .file-uploads .like-h2+br,
.sidebar .contact-wrapper .file-uploads h2+br,
.vst-registration .event-registration-confirmation .title+br,
.vst-registration .file-uploads .title+br {
  display: none
}

.event-registration-confirmation #confirmation-loading,
.event-registration-confirmation #infscr-loading,
.file-uploads #confirmation-loading,
.file-uploads #infscr-loading {
  background-color: #fff;
  display: block;
  padding: 20px
}

.event-registration-confirmation #confirmation-loading img,
.event-registration-confirmation #infscr-loading img,
.file-uploads #confirmation-loading img,
.file-uploads #infscr-loading img {
  width: 100px
}

.event-registration-confirmation #confirmation-error,
.event-registration-confirmation #confirmation-success,
.file-uploads #confirmation-error,
.file-uploads #confirmation-success,
.file-uploads .input-wrapper p br {
  display: none
}

.file-uploads .progress {
  background-color: transparent;
  box-shadow: none;
  height: auto
}

.infobox.event-payment {
  padding: 30px
}

@media (max-width:567px) {
  .infobox.event-payment {
    padding: 15px 18px
  }
}

.infobox.event-payment .input-wrapper {
  margin: 20px 0
}

.infobox.event-payment .btn-wrapper {
  text-align: right
}

.review-wrapper .alert {
  padding: 25px 30px
}

@media (max-width:567px) {
  .review-wrapper .alert {
    padding: 15px 18px
  }
}

.mwf-upload-dropzone {
  background-color: #fff;
  border: 2px dashed #ccc;
  display: block;
  text-align: center
}

.mwf-upload-dragover {
  background-color: #f3f3f3
}

.mwf-upload-dropzone .mwf-upload-button {
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative
}

.mwf-upload-dropzone .mwf-upload-button>span {
  padding-bottom: 0
}

.mwf-upload-dropzone .mwf-upload-button>span p {
  margin: 0 0 .5em
}

.contacts-in-text .contact-wrapper .mwf-upload-dropzone .like-h2,
.contacts-in-text .contact-wrapper .mwf-upload-dropzone h2,
.mwf-upload-dropzone .contacts-in-text .contact-wrapper .like-h2,
.mwf-upload-dropzone .contacts-in-text .contact-wrapper h2,
.mwf-upload-dropzone .sidebar .contact-wrapper .like-h2,
.mwf-upload-dropzone .sidebar .contact-wrapper h2,
.mwf-upload-dropzone .vst-registration .title,
.mwf-upload-dropzone h3,
.sidebar .contact-wrapper .mwf-upload-dropzone .like-h2,
.sidebar .contact-wrapper .mwf-upload-dropzone h2,
.vst-registration .mwf-upload-dropzone .title {
  color: #b4b4b4;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  padding: .5em
}

.mwf-upload-button input[type=file] {
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.mwf-upload-delete {
  background: #777 none repeat scroll 0 0;
  color: #fff
}

.mwf-upload-upload {
  background: #4189dd none repeat scroll 0 0;
  color: #fff;
  margin-left: 12px
}

.mwf-upload-filecontainer {
  min-height: 10px;
  width: 100%
}

.mwf-upload-row {
  border-bottom: 2px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  padding: 10px;
  position: relative;
  width: 100%
}

.mwf-upload-fileinfo {
  flex: 1
}

.mwf-upload-disabled {
  opacity: .4
}

.mwf-upload-disabled,
.mwf-upload-disabled button,
.mwf-upload-disabled input {
  cursor: not-allowed !important
}

.mwf-upload-preview {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNjgzIiBoZWlnaHQ9IjE2ODMiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5O2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkIiB2aWV3Qm94PSIwIDAgMTY4OCAxNjg4Ij48cGF0aCBkPSJNMCAwaDE2ODh2MTY4OEgweiIgc3R5bGU9ImZpbGw6I2YzZjNmMyIvPjxwYXRoIGQ9Ik0xMDgyIDEyOTZINjEwYy01NSAwLTkyLTM3LTkyLTkyVjQ4MWMwLTcyIDU5LTg4IDEyMS04OGgyNTVjMTkgMCAyOSAyMyAyOSA0NnYxNTFjMCAxNC0xIDI0IDQgMzMgMyA2IDE2IDE2IDIzIDE5IDYgMiAxMzQgMiAxNDggMSA2OSAwIDc1IDIgNzUgNzl2NDc2YzAgNTgtMzQgOTYtOTIgOTZ6TTQzNCA0Njh2NzYxYzAgMTggMTIgNDcgMTkgNjEgMTAgMTkgMjAgMzEgMzQgNDUgMjUgMjUgNjYgNDUgMTE0IDQ1aDQ4MWM1MSAwIDg3LTE1IDExNi0zOSAyMi0xOCA1Ni02MiA1Ni05OVY2MjhjMC0zMy0yNC01Mi00Mi03NS04LTEwLTktMTMtMTktMjMtNTEtNTEtMjA2LTIyMC0yNTYtMjIwSDYxNWMtMTA1IDAtMTgwIDczLTE4MCAxNTl6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: 45px 45px;
  display: block;
  float: left;
  height: 50px;
  position: relative;
  width: 50px
}

.mwf-upload-metadata {
  float: left;
  width: 70%
}

.mwf-upload-metadata ul {
  font-size: 12px;
  list-style-type: none
}

.mwf-upload-metadata ul li {
  list-style-type: none
}

.mwf-upload-error {
  color: #ff4500;
  margin: 10px 0 0
}

.mwf-upload-progressbar {
  background: #f3f3f3;
  bottom: 30px;
  display: none;
  height: 15px;
  margin-top: 10px;
  padding: 5px;
  right: 20px
}

.mwf-upload-progressbar>span {
  background-color: #4189dd;
  color: #fff;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center
}

.mwf-upload-footer {
  display: none;
  justify-content: flex-end
}

.mwf-upload-dropzone .mwf-upload-footer .mwf-upload-button>span,
.mwf-upload-footer .btn,
.mwf-upload-footer .mwf-upload-dropzone .mwf-upload-button>span,
.mwf-upload-footer .review-wrapper .submit,
.mwf-upload-footer .steps .next,
.mwf-upload-footer .vst-registration .submit,
.review-wrapper .mwf-upload-footer .submit,
.steps .mwf-upload-footer .next,
.vst-registration .mwf-upload-footer .submit {
  transition: .3s ease
}

.mwf-upload-dropzone .mwf-upload-footer .mwf-upload-button>span:hover,
.mwf-upload-footer .btn:hover,
.mwf-upload-footer .mwf-upload-dropzone .mwf-upload-button>span:hover,
.mwf-upload-footer .review-wrapper .submit:hover,
.mwf-upload-footer .steps .next:hover,
.mwf-upload-footer .vst-registration .submit:hover,
.review-wrapper .mwf-upload-footer .submit:hover,
.steps .mwf-upload-footer .next:hover,
.vst-registration .mwf-upload-footer .submit:hover {
  background-color: #036;
  background-color: var(--theme-color-primary, #036)
}

#captcha-wrapper {
  background-color: #e3ebf5;
  background-color: var(--theme-color-primary-dimmed-04, #e3ebf5);
  clear: both;
  display: block;
  margin: calc(30px + 2.5%) 0;
  padding: 25px 15px 35px;
  position: relative
}

@media (max-width:567px) {
  #captcha-wrapper {
    padding: 20px 3px 26px
  }
}

#captcha-wrapper h4 {
  float: left;
  margin-bottom: 12px;
  margin-top: 0
}

#captcha-wrapper .input-wrapper {
  clear: both;
  float: none
}

#captcha-wrapper input[type=text] {
  max-width: 280px
}

#captcha-wrapper #tabs>ul {
  float: right;
  font-size: 18px;
  margin: 4px 0 0;
  padding: 0
}

#captcha-wrapper #tabs>ul li {
  display: inline-block;
  margin-left: 8px
}

#captcha-wrapper #tabs>ul li a {
  transition: .3s ease
}

#captcha-wrapper #tabs>ul li.active>a {
  color: #236634;
  text-decoration: none
}

#captcha-wrapper #tabs>ul li:hover>a {
  color: #236634
}

#captcha-wrapper #tabs .tab-wrapper {
  clear: both;
  display: block;
  position: relative
}

#captcha-wrapper #tabs .tab-wrapper>div {
  border-top: 1px solid #ccd7e6;
  border-top: 1px solid var(--theme-color-primary-dimmed-03, #ccd7e6);
  clear: both;
  display: block;
  opacity: 0;
  padding-top: 24px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100%
}

#captcha-wrapper #tabs .tab-wrapper>div.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
  transition: opacity .4s ease .3s, visibility 0s ease .3s, transform .4s ease .3s;
  visibility: visible
}

#captcha-wrapper #tabs .clearformrow {
  font-size: 18px;
  margin: 16px 0
}

@media (max-width:767px) {
  #captcha-wrapper #tabs .clearformrow {
    font-size: 16px
  }
}

#captcha-wrapper #tabs #captcha-code-barrier-free {
  align-items: center;
  background-color: #036;
  background-color: var(--theme-color-primary, #036);
  color: #fff;
  display: flex;
  height: 60px;
  padding: 0 15px
}

#captcha-wrapper #tabs .pos-rel {
  display: flex;
  height: 60px;
  overflow: hidden
}

#captcha-wrapper #tabs .pos-rel img#captcha-code {
  display: block;
  margin: -10px 0;
  position: relative
}

#captcha-wrapper #tabs .pos-rel .captcha-reset {
  background-color: #56bd66;
  background-color: var(--theme-color-secondary, #56bd66);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 30px;
  height: 60px;
  line-height: 1;
  margin-left: 1px;
  padding: 16px 0 14px;
  position: relative;
  text-align: center;
  width: 60px
}

#captcha-wrapper #tabs .pos-rel .captcha-reset:before {
  font-family: Icons
}

.magazine-header {
  display: block;
  font-size: 0;
  height: 90px;
  line-height: 0;
  margin-bottom: 10px;
  pointer-events: none;
  position: sticky;
  text-align: center;
  top: var(--header-height);
  z-index: 99
}

@media (max-width:767px) {
  .magazine-header {
    height: 70px;
    margin-bottom: 0;
    top: 80px
  }
}

@media (max-width:359px) {
  .magazine-header {
    top: 70px
  }
}

.magazine-header .gradient {
  background: linear-gradient(90deg, #036 10%, #4ba490 55%, #afcc7a 90%);
  background: linear-gradient(90deg, var(--theme-color-gradient-01, #036) 10%, var(--theme-color-gradient-02, #4ba490) 55%, var(--theme-color-gradient-03, #afcc7a) 90%);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center top
}

.magazine-header .title {
  color: #fff;
  display: inline-block;
  font-size: 60px;
  font-weight: 400;
  left: 50%;
  line-height: 1;
  padding: 15px;
  pointer-events: all;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center 7%
}

@media (max-width:999px) {
  .magazine-header .title {
    font-size: 48px
  }
}

@media (max-width:567px) {
  .magazine-header .title {
    display: block;
    font-size: 32px;
    width: 100%
  }
}

.magazine-header.narrow .title {
  font-size: 36px
}

.magazine-header img {
  display: block;
  height: 75px;
  width: auto
}

@media (max-width:767px) {
  .magazine-header img {
    height: 56px;
    margin: 0 auto
  }
}

.magazine-header.narrow {
  height: 50px
}

.magazine-header.narrow img {
  height: 40px
}

@media (min-width:1200px) {

  .magazine-article .page-header,
  .magazine-start .page-header {
    height: 100px
  }

  .magazine-article .page-header .logo img,
  .magazine-start .page-header .logo img {
    height: 50px
  }
}

.magazine-article .page-header:not(.nav-open):before,
.magazine-start .page-header:not(.nav-open):before {
  box-shadow: none
}

@media (min-width:1200px) {

  .magazine-article .page-wrapper,
  .magazine-start .page-wrapper {
    border-top: 100px solid #fff
  }
}

.magazine-article a.teaser .kicker:first-child+.text-box h4,
.magazine-article a.teaser .text-box:first-child .like-h4,
.magazine-article a.teaser .text-box:first-child h4,
.magazine-start a.teaser .kicker:first-child+.text-box h4,
.magazine-start a.teaser .text-box:first-child .like-h4,
.magazine-start a.teaser .text-box:first-child h4 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: .4em -.05em;
  text-decoration-thickness: .07em
}

@media (min-width:1000px) {

  .magazine-article a.teaser .kicker:first-child+.text-box h4,
  .magazine-article a.teaser .text-box:first-child .like-h4,
  .magazine-article a.teaser .text-box:first-child h4,
  .magazine-start a.teaser .kicker:first-child+.text-box h4,
  .magazine-start a.teaser .text-box:first-child .like-h4,
  .magazine-start a.teaser .text-box:first-child h4 {
    font-family: var(--font-korb);
    font-size: var(--font-size-h2);
    font-weight: 400;
    line-height: 1.2;
    margin: 0 -.05em .6em;
    text-decoration-thickness: .07em
  }
}

.magazine-article .teasers h2,
.magazine-start .teasers h2 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 1.4em -.05em 1.2em;
  text-transform: uppercase
}

.magazine-article .teasers h2:before,
.magazine-start .teasers h2:before {
  background: linear-gradient(90deg, #036 10%, #4ba490 55%, #afcc7a 90%);
  background: linear-gradient(90deg, var(--theme-color-gradient-01, #036) 10%, var(--theme-color-gradient-02, #4ba490) 55%, var(--theme-color-gradient-03, #afcc7a) 90%);
  content: "";
  display: block;
  height: 4px;
  margin-bottom: .5em;
  position: relative
}

@media (max-width:767px) {
  .magazine-start .page-content>.teasers:first-child {
    margin-top: 10px
  }
}

@media (min-width:768px) and (max-height:999px) {
  .magazine-start .page-content>.teasers:first-child {
    margin-top: 30px
  }
}

@media (min-width:768px) and (min-height:1000px) {
  .magazine-start .page-content>.teasers:first-child {
    margin-top: 50px
  }
}

.magazine-start .teasers[data-items="1"] .kicker:first-child {
  margin-bottom: 0
}

.magazine-start .teasers[data-items="1"] .kicker:first-child~.text-box,
.magazine-start .teasers[data-items="1"] .text-box:first-child {
  border-top: 0;
  margin-top: 0;
  padding-bottom: 44px;
  padding-top: 0;
  position: relative
}

@media (max-width:1199px) {

  .magazine-start .teasers[data-items="1"] .kicker:first-child~.text-box,
  .magazine-start .teasers[data-items="1"] .text-box:first-child {
    padding-right: 20%
  }
}

@media (max-width:767px) {

  .magazine-start .teasers[data-items="1"] .kicker:first-child~.text-box,
  .magazine-start .teasers[data-items="1"] .text-box:first-child {
    padding-right: 0
  }
}

.magazine-start .teasers[data-items="1"] .kicker:first-child~.text-box:after,
.magazine-start .teasers[data-items="1"] .text-box:first-child:after {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  right: 0;
  transition: .3s ease;
  z-index: 1
}

.magazine-start .teasers[data-items="1"] .kicker:first-child~.text-box~.reading-time,
.magazine-start .teasers[data-items="1"] .text-box:first-child~.reading-time {
  margin-bottom: 0
}

.magazine-start .teasers[data-items="1"] a:hover .text-box:after {
  height: 14px !important
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"] .teaser {
    display: block
  }

  .magazine-start .teasers[data-items="1"] .teaser:after {
    clear: left;
    content: "";
    display: block
  }

  .magazine-start .teasers[data-items="1"] .image-box {
    float: left;
    margin-right: 40px;
    max-width: none;
    width: calc(50% - 20px)
  }
}

@media (min-width:1000px) and (max-width:1199px) {
  .magazine-start .teasers[data-items="1"] .image-box {
    margin-right: 30px;
    width: calc(50% - 15px)
  }
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"] .image-box~.text-box {
    float: left;
    max-width: calc(50% - 20px);
    min-width: 0
  }
}

@media (min-width:1000px) and (max-width:1199px) {
  .magazine-start .teasers[data-items="1"] .image-box~.text-box {
    width: calc(50% - 15px)
  }
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"] .image-box~.kicker {
    display: inline-block;
    left: auto;
    margin: 0;
    max-width: calc(50% - 40px);
    position: relative
  }

  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box {
    width: calc(66.66667% - 12px)
  }
}

@media (min-width:1000px) and (max-width:1199px) {
  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box {
    width: calc(66.66667% - 10px)
  }
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box:before {
    padding-top: 55%
  }

  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box~.kicker,
  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box~.text-box {
    max-width: calc(33.33333% - 28px)
  }
}

@media (min-width:1000px) and (max-width:1199px) {

  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box~.kicker,
  .magazine-start .teasers[data-items="1"][data-image-size=l] .image-box~.text-box {
    width: calc(33.33333% - 20px)
  }
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box {
    min-width: 0;
    width: calc(41.66667% - 23px)
  }
}

@media (min-width:1000px) and (max-width:1199px) {
  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box {
    width: calc(41.66667% - 18px)
  }
}

@media (min-width:1000px) {
  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box:before {
    padding-top: 100%
  }

  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box~.kicker,
  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box~.text-box {
    max-width: calc(58.33333% - 17px)
  }
}

@media (min-width:1000px) and (max-width:1199px) {

  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box~.kicker,
  .magazine-start .teasers[data-items="1"][data-image-size=s] .image-box~.text-box {
    width: calc(58.33333% - 12px)
  }
}

@media (min-width:1000px) {

  .magazine-start .teasers[data-items="1"] .like-h4,
  .magazine-start .teasers[data-items="1"] h4 {
    font-family: var(--font-korb);
    font-size: var(--font-size-h2);
    font-weight: 400;
    line-height: 1.2;
    margin: 0 -.05em .6em;
    text-decoration-thickness: .07em
  }
}

.magazine-start .teasers[data-items="2"] .teaser,
.magazine-start .teasers[data-items="3"] .teaser,
.magazine-start .teasers[data-items="4"] .teaser {
  height: calc(100% + 12px)
}

.reading-time {
  bottom: 0;
  color: #036;
  color: var(--theme-color-primary, #036);
  font-family: Korb, sans-serif;
  font-size: 0;
  font-weight: 700;
  margin: 8px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  transition: color .3s ease;
  z-index: 2
}

.reading-time span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  padding-left: 4px
}

.reading-time .value {
  background-color: #036;
  background-color: var(--theme-color-primary, #036);
  color: #fff;
  padding: 0 6px;
  transition: background-color .3s ease
}

a:hover .reading-time {
  color: #2e8533;
  color: var(--theme-color-secondary-intensed, #2e8533)
}

a:hover .reading-time .value {
  background-color: #2e8533;
  background-color: var(--theme-color-secondary-intensed, #2e8533)
}

.magazine-article .teaser .text-box:not(:last-child),
.magazine-start .teaser .text-box:not(:last-child) {
  padding-bottom: 24px
}

.magazine-article .page-details,
.magazine-start .page-details {
  margin-bottom: 20px
}

.magazine-article .row {
  justify-content: center
}

.magazine-article .richtext .detail-text {
  overflow-x: visible
}

.magazine-article article.col {
  background-color: #fff;
  max-width: 66.6667%;
  position: relative;
  z-index: 1
}

@media (max-width:1199px) {
  .magazine-article article.col {
    max-width: 83.3333%
  }
}

@media (max-width:999px) {
  .magazine-article article.col {
    box-shadow: 0 0 0 10px #fff
  }
}

@media (max-width:767px) {
  .magazine-article article.col {
    box-shadow: 0 -4px 0 2px #fff;
    max-width: 100%
  }
}

.magazine-article blockquote {
  border-left: 0;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  margin: 1em 0 1.3em;
  padding: 0 40px
}

@media (max-width:1199px) {
  .magazine-article blockquote {
    font-size: 36px
  }
}

@media (max-width:767px) {
  .magazine-article blockquote {
    font-size: 28px;
    padding: 0 0 0 20px
  }
}

.magazine-article blockquote div.text,
.magazine-article blockquote p:not(.author) {
  line-height: 1.3
}

.magazine-article blockquote div.text:first-child:before,
.magazine-article blockquote p:not(.author):first-child:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTE3IDguOWMtMi45IDEuNS01LjEgMy4yLTYuNiA1LjJxLTIuMSAyLjg1LTIuMSA3LjJjLjItLjEuNS0uMSAxLS4xIDIuMSAwIDMuOC43IDUuMyAyIDEuNSAxLjIgMi4yIDMgMi4yIDUuMiAwIDIuNS0uNyA0LjQtMi4xIDUuOXEtMi4xIDIuMS01LjQgMi4xLTQuNjUgMC02LjktMy4zQy43IDMwLjcgMCAyNy42IDAgMjMuNWMwLTQuNiAxLjEtOC43IDMuNC0xMi4yczUuOC02LjQgMTAuNC04Ljd6bTIzIDBjLTIuOSAxLjUtNS4xIDMuMi02LjYgNS4ycS0yLjEgMi44NS0yLjEgNy4yYy4yLS4xLjUtLjEgMS0uMSAyLjEgMCAzLjguNyA1LjMgMiAxLjUgMS4yIDIuMiAzIDIuMiA1LjIgMCAyLjUtLjcgNC40LTIuMSA1LjlxLTIuMSAyLjEtNS40IDIuMS00LjY1IDAtNi45LTMuM2MtMS41LTIuMy0yLjItNS40LTIuMi05LjUgMC00LjYgMS4xLTguNyAzLjQtMTIuMlMzMi40IDUgMzcgMi43eiIgc3R5bGU9ImZpbGw6IzU2YmQ2NiIvPjwvc3ZnPg==);
  background-size: 100%;
  content: "";
  display: block;
  height: 30px;
  margin: 2px 0 2px -40px;
  position: relative;
  width: 30px
}

@media (max-width:767px) {

  .magazine-article blockquote div.text:first-child:before,
  .magazine-article blockquote p:not(.author):first-child:before {
    margin-left: -20px
  }
}

.magazine-article blockquote .author:after,
.magazine-article blockquote .like-h4:after,
.magazine-article blockquote div.text:last-child:after,
.magazine-article blockquote h4:after,
.magazine-article blockquote p:not(.author):last-child:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTE3IDguOWMtMi45IDEuNS01LjEgMy4yLTYuNiA1LjJxLTIuMSAyLjg1LTIuMSA3LjJjLjItLjEuNS0uMSAxLS4xIDIuMSAwIDMuOC43IDUuMyAyIDEuNSAxLjIgMi4yIDMgMi4yIDUuMiAwIDIuNS0uNyA0LjQtMi4xIDUuOXEtMi4xIDIuMS01LjQgMi4xLTQuNjUgMC02LjktMy4zQy43IDMwLjcgMCAyNy42IDAgMjMuNWMwLTQuNiAxLjEtOC43IDMuNC0xMi4yczUuOC02LjQgMTAuNC04Ljd6bTIzIDBjLTIuOSAxLjUtNS4xIDMuMi02LjYgNS4ycS0yLjEgMi44NS0yLjEgNy4yYy4yLS4xLjUtLjEgMS0uMSAyLjEgMCAzLjguNyA1LjMgMiAxLjUgMS4yIDIuMiAzIDIuMiA1LjIgMCAyLjUtLjcgNC40LTIuMSA1LjlxLTIuMSAyLjEtNS40IDIuMS00LjY1IDAtNi45LTMuM2MtMS41LTIuMy0yLjItNS40LTIuMi05LjUgMC00LjYgMS4xLTguNyAzLjQtMTIuMlMzMi40IDUgMzcgMi43eiIgc3R5bGU9ImZpbGw6IzU2YmQ2NiIvPjwvc3ZnPg==);
  background-size: 100%;
  content: "";
  display: block;
  height: 30px;
  margin: 2px 0 2px -40px;
  position: relative;
  transform: rotate(180deg);
  width: 30px
}

@media (max-width:767px) {

  .magazine-article blockquote .author:after,
  .magazine-article blockquote .like-h4:after,
  .magazine-article blockquote div.text:last-child:after,
  .magazine-article blockquote h4:after,
  .magazine-article blockquote p:not(.author):last-child:after {
    margin-left: -20px
  }
}

.magazine-article blockquote .author,
.magazine-article blockquote .like-h4,
.magazine-article blockquote h4 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-right: -40px;
  margin-top: 36px;
  position: relative;
  text-align: right
}

.magazine-article blockquote .author:before,
.magazine-article blockquote .like-h4:before,
.magazine-article blockquote h4:before {
  content: "— ";
  margin-right: 2px;
  position: relative;
  top: -1px
}

.magazine-article blockquote .author:after,
.magazine-article blockquote .like-h4:after,
.magazine-article blockquote h4:after {
  left: 0;
  position: absolute;
  top: -36px
}

@media (max-width:767px) {

  .magazine-article blockquote .author,
  .magazine-article blockquote .like-h4,
  .magazine-article blockquote h4 {
    font-size: 16px;
    font-weight: 500;
    margin-right: 0;
    margin-top: 32px;
    padding-left: 30px
  }

  .magazine-article blockquote .author:after,
  .magazine-article blockquote .like-h4:after,
  .magazine-article blockquote h4:after {
    top: -30px
  }
}

.bauleitplan-page-wrapper td .icon-box {
  display: inline;
  margin-left: 2px
}

.bauleitplan-page-wrapper .bauleitplan-title {
  display: block;
  font-weight: 700
}

.bauleitplan-page-wrapper .review-wrapper {
  margin-top: 20px
}

.bauleitplan-page-wrapper .bauleitplan-controls .control-right {
  display: flex;
  justify-content: flex-end
}

.bauleitplan-page-wrapper .icon-box {
  font-family: Icons;
  font-weight: 400;
  text-decoration: none !important;
  text-transform: none
}

.richtext .berufsinfo-accordion.accordion[data-type=event] ul li.open,
.richtext .berufsinfo-accordion>ul>li .accordion-content[id=js-event-beruf-info] {
  background-color: inherit
}

.richtext .berufsinfo-accordion .contact-wrapper {
  margin: 0
}

.richtext .berufsinfo-accordion .contact-wrapper .text-box {
  margin-top: 12px
}

.richtext .berufsinfo-accordion .accordion {
  margin: 0
}

form.ihk-finder {
  color: #fff;
  display: inline-block;
  position: relative;
  text-align: left;
  width: 100%
}

form.ihk-finder h1 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 28px
}

@media (max-width:567px) {
  form.ihk-finder h1 {
    font-size: 20px
  }
}

form.ihk-finder input {
  border: 0;
  border-radius: 4px 5px 5px 4px;
  color: #036;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  height: 60px;
  transition: .3s ease
}

form.ihk-finder input.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

form.ihk-finder input.-moz-focusring,
form.ihk-finder input:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:567px) {
  form.ihk-finder input {
    font-size: 16px;
    height: 52px
  }
}

form.ihk-finder input.focus-visible:focus {
  border-radius: 4px
}

form.ihk-finder input.-moz-focusring,
form.ihk-finder input:focus-visible {
  border-radius: 4px
}

form.ihk-finder input:-ms-input-placeholder {
  color: #335c85
}

form.ihk-finder input::placeholder {
  color: #335c85
}

form.ihk-finder button {
  background-color: #e3ebf5;
  border: 0;
  border-radius: 0 4px 4px 0;
  bottom: 0;
  color: #036;
  cursor: pointer;
  font-family: Icons;
  font-size: 30px;
  height: 60px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  transition: .3s ease;
  width: 60px
}

form.ihk-finder button.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

form.ihk-finder button.-moz-focusring,
form.ihk-finder button:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

form.ihk-finder button.focus-visible:focus {
  border-radius: 4px
}

form.ihk-finder button.-moz-focusring,
form.ihk-finder button:focus-visible {
  border-radius: 4px
}

form.ihk-finder button:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

form.ihk-finder button:hover {
  background-color: #ccdbed
}

@media (max-width:567px) {
  form.ihk-finder button {
    height: 52px;
    width: 52px
  }
}

.twitter-typeahead {
  width: 100%
}

.twitter-typeahead input {
  text-transform: uppercase
}

.twitter-typeahead input::placeholder {
  text-transform: none
}

.twitter-typeahead input:-ms-input-placeholder {
  text-transform: none
}

.twitter-typeahead input::-ms-input-placeholder {
  text-transform: none
}

.twitter-typeahead .tt-suggestion {
  cursor: pointer;
  padding: 7px 20px 9px;
  transition: .2s ease
}

.twitter-typeahead .tt-suggestion.tt-cursor,
.twitter-typeahead .tt-suggestion:hover {
  background-color: #e3ebf5
}

.twitter-typeahead .tt-suggestion+.tt-suggestion {
  border-top: 1px solid #ccd7e6
}

.twitter-typeahead .tt-menu {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 10px 26px -6px rgba(0, 0, 0, .15);
  color: #036;
  line-height: 1.3;
  overflow: hidden;
  width: 100%
}

.twitter-typeahead .tt-menu .name {
  font-family: Korb, sans-serif;
  font-size: 18px
}

.twitter-typeahead .tt-menu .zip {
  color: #555;
  display: block;
  font-size: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.twitter-typeahead .tt-menu .no-result {
  font-family: Korb, sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 20px
}

.ihk-landing {
  overflow: hidden
}

.ihk-landing .ihk-finder {
  margin-bottom: 20%;
  margin-left: 10vw;
  max-width: 380px
}

@media (max-width:1239px) {
  .ihk-landing .ihk-finder {
    max-width: 340px
  }
}

@media (min-width:768px) {
  .ihk-landing .page-header {
    height: 120px
  }

  .ihk-landing .page-header.nav-open:not(.scrolled)~.page-wrapper,
  .ihk-landing .page-wrapper {
    border-top: 120px solid #fff
  }
}

.ihk-landing .ihk-selection {
  align-items: center;
  display: flex;
  margin: 0;
  min-height: calc(100vh - 220px);
  min-height: calc(var(--viewport-height, 1vh)*100 - 220px);
  padding: 0;
  position: relative
}

@media (max-width:567px) {
  .ihk-landing .ihk-selection {
    margin-bottom: 15px;
    margin-top: 0
  }
}

.ihk-landing .ihk-selection .row {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between
}

.ihk-landing .ihk-selection .col {
  max-width: 50%
}

@media (max-width:999px) {
  .ihk-landing .ihk-selection .col {
    margin: 0 auto;
    max-width: 500px
  }
}

@media (max-width:567px) {
  .ihk-landing .ihk-selection .col {
    max-width: none;
    padding: 0 40px
  }
}

.ihk-landing .ihk-selection .col:last-child {
  text-align: center
}

.ihk-landing .ihk-selection .map {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 400px;
  position: relative;
  width: calc(65vh - 100px)
}

.ihk-landing .ihk-selection .map:before {
  background-image: url(/blueprint/servlet/resource/crblob/5579224/11527ab20527fed1be6acd72d2752ed2/germany-svg-data.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  padding-bottom: 1px;
  padding-top: 135%;
  position: relative
}

.ihk-landing .ihk-selection .map .marker {
  display: block;
  position: absolute
}

.ihk-landing .ihk-selection .map .marker>a {
  background-color: #036;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ccd7e6;
  display: block;
  height: 10px;
  margin: -6px;
  position: absolute;
  transition: .25s ease;
  width: 10px
}

.ihk-landing .ihk-selection .map .marker.hover,
.ihk-landing .ihk-selection .map .marker:hover {
  z-index: 102
}

.ihk-landing .ihk-selection .map .marker.hover>a,
.ihk-landing .ihk-selection .map .marker:hover>a {
  background-color: #2e8533;
  box-shadow: 0 0 0 6px rgba(86, 189, 102, .3)
}

.ihk-landing .ihk-selection .map .marker.hover>a:before,
.ihk-landing .ihk-selection .map .marker:hover>a:before {
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  margin: -5px;
  position: absolute;
  right: 0;
  top: 0
}

.ihk-landing .ihk-selection .map .marker.hover .tooltip,
.ihk-landing .ihk-selection .map .marker:hover .tooltip {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0);
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.ihk-landing .ihk-selection .map .marker.hover:not(.open) .tooltip,
.ihk-landing .ihk-selection .map .marker:hover:not(.open) .tooltip {
  pointer-events: none
}

.ihk-landing .ihk-selection .map .marker.open>a {
  background-color: #2e8533;
  box-shadow: 0 0 0 6px rgba(86, 189, 102, .3)
}

.ihk-landing .ihk-selection .map .marker.open .tooltip {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0);
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible;
  z-index: 101
}

.ihk-landing .ihk-selection .map .marker.open .tooltip .title {
  font-size: 24px;
  min-width: 380px;
  padding: 26px 70px 190px 30px
}

.ihk-landing .ihk-selection .map .marker.open .tooltip.extra-long-name .title,
.ihk-landing .ihk-selection .map .marker.open .tooltip.long-name .title {
  min-width: 466px
}

.ihk-landing .ihk-selection .map .marker.open .tooltip .closer,
.ihk-landing .ihk-selection .map .marker.open .tooltip .contents {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease .3s, visibility 0s ease .3s, transform .4s ease .3s;
  visibility: visible
}

.ihk-landing .ihk-selection .map .marker.open.sideways .tooltip {
  transform: translate3d(30px, 70%, 0)
}

.ihk-landing .ihk-selection .map .marker.open.sideways .tooltip:before {
  margin-top: -13px
}

.ihk-landing .ihk-selection .map .marker.open.sideways .tooltip:after {
  left: -11px;
  transition: .2s ease .2s
}

.ihk-landing .ihk-selection .map .tooltip {
  background-color: #036;
  bottom: 100%;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
  color: #fff;
  display: block;
  left: -2px;
  margin-bottom: 14px;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  transform: translate3d(0, -10px, 0);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  z-index: 100
}

.ihk-landing .ihk-selection .map .tooltip:before {
  border-color: #036 transparent transparent;
  border-style: solid;
  border-width: 12px 12px 0 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  transition: .2s ease;
  width: 0
}

.ihk-landing .ihk-selection .map .tooltip:after {
  border-color: transparent #036 transparent transparent;
  border-style: solid;
  border-width: 11px 11px 11px 0;
  content: "";
  display: block;
  left: 1px;
  margin-top: 0;
  position: absolute;
  top: 30%;
  transition: .2s
}

.ihk-landing .ihk-selection .map .tooltip.extra-long-name .title,
.ihk-landing .ihk-selection .map .tooltip.long-name .title {
  min-width: 300px;
  white-space: normal
}

.ihk-landing .ihk-selection .map .tooltip.extra-long-name .contents,
.ihk-landing .ihk-selection .map .tooltip.long-name .contents {
  top: 90px
}

.ihk-landing .ihk-selection .map .tooltip.extra-long-name .contents {
  top: 120px
}

.ihk-landing .ihk-selection .map .tooltip .title {
  display: block;
  font-family: Korb, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  min-width: 50px;
  padding: 6px 12px;
  position: relative;
  transition: min-width .2s ease .2s, font-size .2s ease .2s, padding .2s ease .2s;
  white-space: nowrap
}

.ihk-landing .ihk-selection .map .tooltip .contents {
  font-size: 18px;
  opacity: 0;
  padding: 10px 30px 26px;
  pointer-events: none;
  position: absolute;
  top: 60px;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100%
}

.ihk-landing .ihk-selection .map .tooltip .contents:after {
  clear: both;
  content: "";
  display: block;
  position: relative
}

.ihk-landing .ihk-selection .map .tooltip .contents .btn,
.ihk-landing .ihk-selection .map .tooltip .contents .mwf-upload-dropzone .mwf-upload-button>span,
.ihk-landing .ihk-selection .map .tooltip .contents .review-wrapper .submit,
.ihk-landing .ihk-selection .map .tooltip .contents .steps .next,
.ihk-landing .ihk-selection .map .tooltip .contents .vst-registration .submit,
.mwf-upload-dropzone .ihk-landing .ihk-selection .map .tooltip .contents .mwf-upload-button>span,
.review-wrapper .ihk-landing .ihk-selection .map .tooltip .contents .submit,
.steps .ihk-landing .ihk-selection .map .tooltip .contents .next,
.vst-registration .ihk-landing .ihk-selection .map .tooltip .contents .submit {
  background-color: #56bd66;
  color: #036;
  float: right;
  white-space: nowrap
}

.ihk-landing .ihk-selection .map .tooltip .contents .btn:hover,
.ihk-landing .ihk-selection .map .tooltip .contents .mwf-upload-dropzone .mwf-upload-button>span:hover,
.ihk-landing .ihk-selection .map .tooltip .contents .review-wrapper .submit:hover,
.ihk-landing .ihk-selection .map .tooltip .contents .steps .next:hover,
.ihk-landing .ihk-selection .map .tooltip .contents .vst-registration .submit:hover,
.mwf-upload-dropzone .ihk-landing .ihk-selection .map .tooltip .contents .mwf-upload-button>span:hover,
.review-wrapper .ihk-landing .ihk-selection .map .tooltip .contents .submit:hover,
.steps .ihk-landing .ihk-selection .map .tooltip .contents .next:hover,
.vst-registration .ihk-landing .ihk-selection .map .tooltip .contents .submit:hover {
  box-shadow: 0 0 0 5px rgba(86, 189, 102, .5)
}

.ihk-landing .ihk-selection .map .tooltip .details {
  margin-bottom: 30px
}

.ihk-landing .ihk-selection .map .tooltip .closer {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  height: 40px;
  line-height: 1;
  margin: 10px;
  opacity: 0;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  transition: .3s ease;
  visibility: hidden;
  width: 40px
}

.ihk-landing .ihk-selection .map .tooltip .closer.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .ihk-selection .map .tooltip .closer.-moz-focusring,
.ihk-landing .ihk-selection .map .tooltip .closer:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .ihk-selection .map .tooltip .closer:before {
  font-family: Icons
}

.ihk-landing .ihk-selection .artwork {
  max-height: 66vh;
  top: 50%;
  transform: translateY(-50%);
  width: calc(45vw - 50px)
}

@media (min-width:1000px) {
  .ihk-landing .ihk-selection .artwork {
    margin: 0
  }
}

@media (min-width:1000px) and (max-width:1339px) {
  .ihk-landing .ihk-selection .artwork {
    width: 44vw
  }
}

@media (min-height:1050px) {
  .ihk-landing .ihk-selection .artwork {
    max-height: 700px
  }
}

@media (max-width:999px) {
  .ihk-landing .ihk-selection .col:first-child {
    display: none
  }

  .ihk-landing .ihk-selection .col:last-child {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(400px + 30vw)
  }

  .ihk-landing .ihk-selection .artwork {
    height: 100%;
    max-height: none;
    width: 110%
  }

  .ihk-landing .ihk-selection form {
    margin-left: 0
  }
}

@media (max-width:567px) {
  .ihk-landing .ihk-selection .artwork {
    margin-right: -80%;
    margin-top: 0;
    width: 180%
  }

  .ihk-landing .ihk-selection form {
    margin-left: 0;
    max-width: 100%
  }
}

.ihk-landing .page-header:before {
  border: 0;
  box-shadow: none
}

.ihk-landing .page-header .logo {
  z-index: 1
}

.ihk-landing .page-header .logo:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  margin-left: 160px;
  position: absolute;
  right: 0;
  top: 0
}

.ihk-landing .page-header nav {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  height: calc(var(--viewport-height, 1vh)*100 - 100px);
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 0
}

@media (max-width:767px) {
  .ihk-landing .page-header nav {
    height: calc(100vh - 80px);
    height: calc(var(--viewport-height, 1vh)*100 - 80px)
  }
}

@media (max-width:359px) {
  .ihk-landing .page-header nav {
    height: calc(100vh - 70px);
    height: calc(var(--viewport-height, 1vh)*100 - 70px)
  }
}

@media (max-height:800px),
(max-width:1200px) {
  .ihk-landing .page-header nav {
    align-items: flex-start;
    justify-content: flex-start
  }
}

.ihk-landing .page-header nav:before {
  content: "";
  display: block;
  flex-grow: 1
}

.ihk-landing .page-header nav:after {
  content: "";
  display: block;
  flex-grow: 2
}

.ihk-landing .page-header.nav-open {
  z-index: 103
}

@media (min-width:1200px) {
  .ihk-landing .page-header.nav-open {
    height: 120px
  }

  .ihk-landing .page-header.nav-open .logo img {
    height: 75px
  }
}

.ihk-landing .page-header.nav-open nav {
  left: 0;
  opacity: 1;
  pointer-events: all;
  transform: none;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.ihk-landing .page-header.nav-open .ihk-index {
  transform: translateZ(0) scale(1)
}

.ihk-landing .page-header.nav-open .toggle-ihk-list span:first-child {
  display: none
}

.ihk-landing .page-header.nav-open .toggle-ihk-list span:last-child {
  display: block
}

.ihk-landing .page-header .right {
  padding: 0 40px;
  position: relative;
  z-index: 1
}

@media (max-width:999px) {
  .ihk-landing .page-header .right {
    padding: 0 20px
  }
}

@media (max-width:567px) {
  .ihk-landing .page-header .right {
    padding: 0 17px
  }
}

.ihk-landing .page-header .right>* {
  display: inline-block;
  transition: .3s ease;
  vertical-align: middle
}

.ihk-landing .page-header .right>.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .page-header .right>.-moz-focusring,
.ihk-landing .page-header .right>:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .page-header .right .has-icon,
.ihk-landing .page-header .right .review-wrapper .submit,
.ihk-landing .page-header .right .vst-registration .submit,
.review-wrapper .ihk-landing .page-header .right .submit,
.vst-registration .ihk-landing .page-header .right .submit {
  font-size: 0;
  padding: 10px;
  text-decoration: none
}

.ihk-landing .page-header .right .has-icon:before,
.ihk-landing .page-header .right .review-wrapper .submit:before,
.ihk-landing .page-header .right .vst-registration .submit:before,
.review-wrapper .ihk-landing .page-header .right .submit:before,
.vst-registration .ihk-landing .page-header .right .submit:before {
  font-family: Icons;
  font-size: 30px;
  line-height: 1
}

@media (max-width:999px) {

  .ihk-landing .page-header .right .has-icon,
  .ihk-landing .page-header .right .review-wrapper .submit,
  .ihk-landing .page-header .right .vst-registration .submit,
  .review-wrapper .ihk-landing .page-header .right .submit,
  .vst-registration .ihk-landing .page-header .right .submit {
    display: none
  }
}

.ihk-landing .page-header .toggle-ihk-list {
  background-color: transparent;
  border: 2px solid #036;
  border-radius: 24px;
  cursor: pointer;
  font-family: Korb, sans-serif;
  font-size: 22px;
  line-height: 26px;
  margin-left: 15px;
  min-width: 258px;
  padding: 15px 20px 15px 54px;
  position: relative
}

@media (max-width:767px) {
  .ihk-landing .page-header .toggle-ihk-list {
    border-radius: 18px;
    font-size: 20px;
    min-width: 184px;
    padding: 8px 16px 8px 46px
  }
}

.ihk-landing .page-header .toggle-ihk-list:before {
  font-family: Icons;
  font-size: 30px;
  left: 16px;
  line-height: 1;
  margin-top: -15px;
  position: absolute;
  top: 50%
}

@media (max-width:767px) {
  .ihk-landing .page-header .toggle-ihk-list:before {
    font-size: 26px;
    left: 13px;
    line-height: 30px
  }
}

.ihk-landing .page-header .toggle-ihk-list span {
  display: block
}

.ihk-landing .page-header .toggle-ihk-list span:last-child {
  display: none
}

@media (min-width:1200px) {
  .ihk-landing .page-header .toggle-ihk-list:hover {
    background-color: #036;
    box-shadow: 0 0 0 5px rgba(0, 51, 102, .4);
    color: #fff
  }
}

.ihk-landing .page-header .ihk-list {
  margin: 0 auto;
  max-height: 100%;
  max-width: 1442px;
  width: 100%
}

.ihk-landing .page-header .ihk-index {
  column-count: 4;
  column-gap: 30px;
  font-size: 18px;
  line-height: 22px;
  list-style: none;
  margin: 0;
  padding: 30px 40px 50px;
  transform: translateZ(0) scale(.94);
  transition: .4s ease
}

@media (max-width:1199px) {
  .ihk-landing .page-header .ihk-index {
    column-count: 3
  }
}

@media (max-width:999px) {
  .ihk-landing .page-header .ihk-index {
    column-count: 3;
    padding: 30px 30px 50px
  }
}

@media (max-width:567px) {
  .ihk-landing .page-header .ihk-index {
    column-count: 1;
    padding: 20px 20px 40px
  }
}

.ihk-landing .page-header .ihk-index li {
  padding-left: 30px;
  position: relative
}

.ihk-landing .page-header .ihk-index li ul {
  margin-bottom: 6px;
  padding: 0
}

.ihk-landing .page-header .ihk-index li li {
  list-style: none;
  padding-left: 0
}

.ihk-landing .page-header .ihk-index>li {
  break-inside: avoid-column;
  page-break-inside: avoid
}

.ihk-landing .page-header .ihk-index .index-letter {
  background-color: #ccd7e6;
  border-radius: 4px;
  display: inline-block;
  font-weight: 600;
  height: 26px;
  line-height: 22px;
  margin-bottom: 5px;
  margin-left: -20px;
  margin-top: 5px;
  padding: 4px;
  text-align: center
}

.ihk-landing .page-header .ihk-index a {
  cursor: pointer;
  display: block;
  padding: 4px 5px 4px 24px;
  position: relative;
  text-decoration: underline;
  transition: .2s ease
}

.ihk-landing .page-header .ihk-index a:before {
  color: #56bd66;
  display: flex;
  font-family: Icons;
  font-size: 18px;
  left: 0;
  line-height: 22px;
  position: absolute;
  text-decoration: none
}

.ihk-landing .page-header .ihk-index a:hover {
  color: #2e8533
}

.ihk-landing .finder-footer {
  text-align: right
}

@media (min-width:1000px) {
  .ihk-landing .finder-footer {
    bottom: 0;
    position: fixed;
    right: 0
  }
}

.ihk-landing .finder-footer nav {
  margin: 0 20px 20px
}

.ihk-landing .finder-footer ul {
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0
}

.ihk-landing .finder-footer li {
  display: inline-block;
  margin-right: 15px
}

.ihk-landing .finder-footer a {
  display: block;
  font-size: 18px;
  line-height: 24px;
  padding: 5px;
  transition: .2s ease
}

.ihk-landing .finder-footer a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .finder-footer a.-moz-focusring,
.ihk-landing .finder-footer a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.ihk-landing .finder-footer .review-wrapper a.submit,
.ihk-landing .finder-footer .vst-registration a.submit,
.ihk-landing .finder-footer a.has-icon,
.review-wrapper .ihk-landing .finder-footer a.submit,
.vst-registration .ihk-landing .finder-footer a.submit {
  padding-right: 30px;
  position: relative
}

.ihk-landing .finder-footer a:before {
  display: block;
  font-family: Icons;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  right: 3px
}

@media (min-width:768px) {
  .ihk-landing-article .verteiler-article-cover {
    margin-top: 40px
  }
}

@media (max-width:767px) {
  .ihk-landing-article .verteiler-article-cover {
    margin: -6px 0 0
  }

  .ihk-landing-article .verteiler-article-cover .image-box {
    margin: 0 -20px
  }
}

.ihk-landing-article .verteiler-article-cover:after {
  clear: both;
  content: "";
  display: block
}

.ihk-landing-article .verteiler-article-cover .row {
  justify-content: center
}

.ihk-landing-article .verteiler-article-cover .col {
  margin-bottom: -30px;
  padding-top: 0
}

@media (min-width:768px) {
  .ihk-landing-article .verteiler-article-cover .col {
    margin-bottom: -60px
  }
}

@media (min-width:1200px) {
  .ihk-landing-article .verteiler-article-cover .col {
    margin-bottom: -80px
  }
}

@media (min-width:1400px) {
  .ihk-landing-article .verteiler-article-cover .col {
    max-width: 83.33334%
  }
}

.ihk-landing-article article.col {
  background-color: #fff;
  max-width: 100%;
  position: relative;
  z-index: 1
}

.ihk-landing-article article.col .responsive-table {
  margin: 1rem -20px;
  overflow: auto;
  padding: 0 20px
}

.ihk-landing-article article.col .responsive-table table {
  border-right: 20px solid #fff;
  margin: 0
}

.ihk-landing-article .right {
  margin-right: 34px
}

@media (max-width:767px) {
  .ihk-landing-article .right {
    margin-right: 20px
  }
}

@media (max-width:359px) {
  .ihk-landing-article .right {
    margin-right: 16px
  }
}

.ihk-landing-article .verteiler-article-btn {
  background-color: #e3ebf5;
  color: #036;
  overflow: hidden;
  position: relative;
  transition: .2s ease
}

.ihk-landing-article .verteiler-article-btn:before {
  transition: none
}

@media (max-width:359px) {
  .ihk-landing-article .verteiler-article-btn {
    padding-left: 12px;
    padding-right: 12px
  }

  .ihk-landing-article .review-wrapper .verteiler-article-btn.submit,
  .ihk-landing-article .verteiler-article-btn.has-icon,
  .ihk-landing-article .vst-registration .verteiler-article-btn.submit,
  .review-wrapper .ihk-landing-article .verteiler-article-btn.submit,
  .vst-registration .ihk-landing-article .verteiler-article-btn.submit {
    padding-right: 40px
  }

  .ihk-landing-article .review-wrapper .verteiler-article-btn.submit:before,
  .ihk-landing-article .verteiler-article-btn.has-icon:before,
  .ihk-landing-article .vst-registration .verteiler-article-btn.submit:before,
  .review-wrapper .ihk-landing-article .verteiler-article-btn.submit:before,
  .vst-registration .ihk-landing-article .verteiler-article-btn.submit:before {
    right: 10px
  }
}

.ihk-landing-article .mwf-upload-dropzone .mwf-upload-button>.verteiler-article-btn+span,
.ihk-landing-article .review-wrapper .verteiler-article-btn+.submit,
.ihk-landing-article .steps .verteiler-article-btn+.next,
.ihk-landing-article .verteiler-article-btn+.btn,
.ihk-landing-article .vst-registration .verteiler-article-btn+.submit,
.mwf-upload-dropzone .ihk-landing-article .mwf-upload-button>.verteiler-article-btn+span,
.review-wrapper .ihk-landing-article .verteiler-article-btn+.submit,
.steps .ihk-landing-article .verteiler-article-btn+.next,
.vst-registration .ihk-landing-article .verteiler-article-btn+.submit {
  margin-left: 12px
}

@media (max-width:767px) {

  .ihk-landing-article .mwf-upload-dropzone .mwf-upload-button>.verteiler-article-btn+span,
  .ihk-landing-article .review-wrapper .verteiler-article-btn+.submit,
  .ihk-landing-article .steps .verteiler-article-btn+.next,
  .ihk-landing-article .verteiler-article-btn+.btn,
  .ihk-landing-article .vst-registration .verteiler-article-btn+.submit,
  .mwf-upload-dropzone .ihk-landing-article .mwf-upload-button>.verteiler-article-btn+span,
  .review-wrapper .ihk-landing-article .verteiler-article-btn+.submit,
  .steps .ihk-landing-article .verteiler-article-btn+.next,
  .vst-registration .ihk-landing-article .verteiler-article-btn+.submit {
    margin-left: 6px
  }
}

.ihk-landing-article .finder-footer {
  margin-top: calc(1.5vw + 40px)
}

@media (min-width:1000px) {
  .ihk-landing-article .finder-footer {
    bottom: auto;
    position: relative;
    right: auto
  }
}

@media print {

  body,
  button,
  html {
    color: #000;
    font-size: 16px
  }

  #CybotCookiebotDialog,
  #userlikeCustomTab,
  .cookieconsent,
  .toplink,
  .userlike,
  .userlike-custom-button {
    display: none !important
  }

  .main-col,
  .sidebar {
    display: block;
    flex: 1 1 100%;
    max-width: 100%
  }

  .text a,
  a,
  p a {
    color: #000;
    text-decoration: none
  }

  .page-header {
    height: 100px;
    padding: 0 20px !important;
    position: static !important;
    top: 0;
    z-index: 0
  }

  .page-header,
  .page-header .container {
    display: block
  }

  .page-header .close-search,
  .page-header .contact-nav,
  .page-header .open-search,
  .page-header .toggle-nav,
  .page-header nav,
  .page-header:before {
    display: none
  }

  .page-header .logo {
    display: block;
    height: 75px;
    margin: 0;
    max-height: none;
    padding: 0 !important;
    position: static !important
  }

  .page-header .logo img {
    max-height: none;
    max-width: 40%
  }

  .page-header.scrolled {
    height: 100px;
    padding: 0
  }

  .page-header.scrolled .logo img {
    height: 75px;
    max-height: none;
    max-width: 40%
  }

  .page-header .logo-overlay {
    display: none
  }

  .page-header .contact-nav,
  .page-header .search,
  .page-header .toggle-nav {
    display: none !important
  }

  .contact-wrapper[data-size=lg] .text-box {
    max-width: 880px;
    padding-left: calc(var(--content-box-padding) + var(--col-padding))
  }

  .page-wrapper {
    border-top: 0
  }

  .richtext ul li:after {
    box-shadow: inset 0 0 0 1000px #56bd66
  }

  .video-box,
  .video-box+figcaption {
    display: none
  }

  .main-col .steps {
    background-color: transparent;
    margin: 0;
    padding: 0
  }

  .contacts-in-text .contact-wrapper .main-col .steps>.like-h2,
  .contacts-in-text .contact-wrapper .main-col .steps>h2,
  .main-col .contacts-in-text .contact-wrapper .steps>.like-h2,
  .main-col .contacts-in-text .contact-wrapper .steps>h2,
  .main-col .sidebar .contact-wrapper .steps>.like-h2,
  .main-col .sidebar .contact-wrapper .steps>h2,
  .main-col .steps>h3,
  .main-col .vst-registration .steps>.title,
  .sidebar .contact-wrapper .main-col .steps>.like-h2,
  .sidebar .contact-wrapper .main-col .steps>h2,
  .vst-registration .main-col .steps>.title {
    margin: 0
  }

  .main-col .steps .slide {
    padding: 10px 0
  }

  .gallery,
  img {
    display: block;
    page-break-inside: avoid;
    position: relative
  }

  .steps .slider {
    margin: 0
  }

  .steps .slider .slide-wrapper {
    display: block;
    width: 100%
  }

  .steps .slider .slide-wrapper .slide {
    width: 100%
  }

  .steps .slider .slide-wrapper .slide+.slide {
    padding-top: 0
  }

  .steps .slider .slide-wrapper .slide:before {
    content: attr(data-title);
    display: block;
    font-family: Korb, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0
  }

  .steps .slider .slide-wrapper .slide:not(.current) {
    height: auto
  }

  .steps .slider .slide-overflow {
    height: auto !important
  }

  .steps .slider .controls,
  .steps .slider .next-clone,
  .steps .slider .prev-clone {
    display: none
  }

  .page-footer {
    box-shadow: inset 0 0 0 1000px #e3ebf5;
    display: none;
    page-break-inside: avoid
  }

  .mwf-upload-dropzone .page-footer .contact .mwf-upload-button>span,
  .page-footer .contact .btn,
  .page-footer .contact .mwf-upload-dropzone .mwf-upload-button>span,
  .page-footer .contact .review-wrapper .submit,
  .page-footer .contact .steps .next,
  .page-footer .contact .vst-registration .submit,
  .page-footer .legal-nav,
  .page-footer .row.barrier-free li,
  .page-footer .row.social,
  .review-wrapper .page-footer .contact .submit,
  .steps .page-footer .contact .next,
  .vst-registration .page-footer .contact .submit {
    display: none
  }

  .page-footer .contact-list li:before {
    color: #000
  }

  .page-footer .row.contact>div.col {
    flex: 1 1 33%;
    max-width: 33%
  }

  .gallery {
    margin: 40px auto;
    max-width: 70%
  }

  .gallery[data-type=grid] .image {
    flex: 1 1 100% !important;
    max-width: 100% !important
  }

  .gallery[data-type=grid] .image:not(:first-child) {
    position: absolute;
    visibility: hidden
  }

  .gallery[data-type=grid] .image:first-child {
    display: block
  }

  .gallery[data-type=grid] .image:first-child a:after {
    padding-top: 75%
  }

  .gallery[data-type=grid] .button-wrapper {
    display: none
  }

  .gallery[data-type=masonry] .gallery-wrapper>.image {
    display: block;
    position: absolute;
    visibility: hidden
  }

  .gallery[data-type=masonry] .column {
    display: block;
    flex: 1 1 100% !important;
    max-width: 100% !important
  }

  .gallery[data-type=masonry] .column .image:not(:first-child) {
    position: absolute;
    visibility: hidden
  }

  .gallery[data-type=masonry] .column .image:first-child {
    display: block
  }

  .gallery[data-type=masonry] .column .image a {
    padding-top: 75% !important
  }

  .gallery[data-type=masonry] .column+.column {
    position: absolute;
    visibility: hidden
  }

  .gallery[data-type=masonry] .button-wrapper {
    display: none
  }

  .gallery[data-type=grid] .gallery-wrapper,
  .gallery[data-type=masonry] .gallery-wrapper {
    counter-reset: gallerycount
  }

  .gallery[data-type=grid] .gallery-wrapper .image,
  .gallery[data-type=masonry] .gallery-wrapper .image {
    counter-increment: gallerycount
  }

  .gallery[data-type=grid] .gallery-wrapper:after,
  .gallery[data-type=masonry] .gallery-wrapper:after {
    box-shadow: inset 0 0 0 1000px #036;
    color: #fff !important;
    content: counter(gallerycount) " Bilder";
    margin: 20px;
    position: absolute;
    -webkit-print-color-adjust: exact;
    right: 0;
    text-shadow: none;
    top: 0;
    color-adjust: exact !important;
    align-items: center;
    border: 0;
    border-radius: 16px;
    cursor: pointer;
    font-family: Korb;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    min-height: 60px;
    min-height: 44px;
    padding: 12px 20px;
    text-decoration: none;
    white-space: normal
  }

  .print-share-list {
    display: none
  }

  .printonly {
    display: block !important;
    display: inline-block;
    font-weight: 600;
    max-height: none;
    max-width: none;
    opacity: 1
  }

  .contacts-in-text .contact-wrapper body .like-h2,
  .contacts-in-text .contact-wrapper body h2,
  .printonly,
  .sidebar .contact-wrapper body .like-h2,
  .sidebar .contact-wrapper body h2,
  .vst-registration body .title,
  body .contacts-in-text .contact-wrapper .like-h2,
  body .contacts-in-text .contact-wrapper h2,
  body .gallery,
  body .sidebar .contact-wrapper .like-h2,
  body .sidebar .contact-wrapper h2,
  body .vst-registration .title,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body img,
  body li,
  body p {
    position: relative
  }

  .infobox,
  .link-collection,
  .richtext div.strong {
    box-shadow: inset 0 0 0 1000px #e4f1e4
  }

  .infobox.warning {
    box-shadow: inset 0 0 0 1000px #fff4cc
  }

  .infobox.error {
    box-shadow: inset 0 0 0 1000px #fbdcde
  }

  .btn,
  .mwf-upload-dropzone .mwf-upload-button>span,
  .review-wrapper .submit,
  .rotation .slider .tabs button,
  .steps .next,
  .vst-registration .submit {
    box-shadow: inset 0 0 0 1000px #036;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    text-shadow: none;
    color-adjust: exact !important
  }

  .sidebar {
    padding-left: 20px;
    position: relative
  }

  .contacts-in-text .contact-wrapper .contact-person,
  .detail-text .contact-wrapper .contacts,
  .sidebar .contact-wrapper .contact-person,
  .sidebar .contact-wrapper .contacts,
  section.contact .contact-wrapper .contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
  }

  .contacts-in-text .contact-wrapper .contact-person>.image-box,
  .detail-text .contact-wrapper .contacts>.image-box,
  .sidebar .contact-wrapper .contact-person>.image-box,
  .sidebar .contact-wrapper .contacts>.image-box,
  section.contact .contact-wrapper .contacts>.image-box {
    max-width: 40%
  }

  .has-sidebar .row {
    display: block
  }

  .contact-wrapper {
    box-shadow: inset 0 0 0 1000px #e3ebf5
  }

  .contact-wrapper,
  .contact-wrapper img,
  .contact-wrapper ul {
    display: block;
    page-break-inside: avoid;
    position: relative
  }

  .contact-wrapper .tab-buttons {
    display: none
  }

  .contact-wrapper .contacts {
    display: block;
    page-break-inside: avoid;
    position: relative
  }

  .contact-wrapper .contact-person {
    flex-direction: row;
    page-break-inside: avoid;
    position: relative;
    width: 48% !important
  }

  .contact-wrapper .contact-person .image-box {
    display: none;
    margin-right: 20px;
    max-width: calc(40% - 20px)
  }

  .contact-wrapper .contact-person .text-box {
    display: block
  }

  .contact-wrapper:not([data-tab-style=open]) .contact-person {
    opacity: 1;
    order: 1;
    pointer-events: all;
    position: relative;
    transform: translateZ(0) scale(1);
    transition: opacity .4s ease .4s, visibility 0s ease .4s, transform .4s ease .4s;
    visibility: visible;
    z-index: 1
  }

  .linklist>li>a,
  .richtext .linklist>li>a {
    font-size: 16px
  }

  .linklist>li>a:before,
  .richtext .linklist>li>a:before {
    top: 1px
  }

  .accordion>.linklist,
  .richtext .accordion>.linklist {
    margin: 0;
    margin: 20px 0
  }

  .accordion .accordion-content,
  .richtext .accordion .accordion-content {
    display: block;
    padding: 0 0 15px
  }

  .accordion .accordion-toggler,
  .richtext .accordion .accordion-toggler {
    padding-left: 66px;
    padding-right: 0
  }

  .accordion .accordion-toggler:before,
  .richtext .accordion .accordion-toggler:before {
    left: 0
  }

  .anchorlinks,
  .breadcrumb-list-wrapper {
    display: none !important
  }

  .page-details .docnumber,
  .page-details .document-number {
    display: block;
    opacity: 1
  }

  .magazine-article .magazine-header,
  .magazine-article .page-wrapper>.teasers,
  .magazine-article footer {
    display: none
  }

  .ihk-switch {
    display: none !important
  }
}

.custom-text {
  color: red
}

.cm-richtext .underline,
.cm-richtext a,
.cm-richtext u {
  text-decoration: underline
}

.cm-richtext .strike,
.cm-richtext s {
  text-decoration: line-through
}

.cm-richtext sub {
  vertical-align: sub
}

.cm-richtext sup {
  vertical-align: super
}

.cm-richtext .rte--list {
  margin-bottom: 1em;
  margin-left: 20px
}

.cm-richtext blockquote {
  background: #f0f0f0;
  margin: 0 0 1rem;
  padding: 1em;
  quotes: inherit
}

.cm-richtext blockquote p {
  display: inline-block
}

.cm-richtext blockquote p:last-child {
  margin-bottom: 0
}

.cm-richtext .align--left {
  text-align: left
}

.cm-richtext .align--center {
  text-align: center
}

.cm-richtext .align--right {
  text-align: right
}

.cm-richtext .align--justify {
  text-align: justify
}

.cm-richtext .float--left {
  float: left
}

.cm-richtext .float--right {
  float: right
}

.cm-richtext .float--none {
  float: none
}

.cm-richtext table {
  border: 1px solid #000;
  margin: 10px 0;
  width: 100%
}

.cm-richtext table th {
  border-bottom: 1px dashed #000;
  font-weight: 700;
  padding: 10px;
  text-align: left
}

.cm-richtext table td {
  border-bottom: 1px dashed #ccc;
  padding: 5px 10px
}

.cm-richtext table tr:last-child td,
.cm-richtext table tr:last-child th {
  border-bottom: none
}

.cm-richtext .p--standard {
  font-size: 12px;
  font-weight: 400
}

.cm-richtext .p--heading-1 {
  font-size: 24px;
  font-weight: 700
}

.cm-richtext .p--heading-2 {
  font-size: 20px;
  font-weight: 700
}

.cm-richtext .p--heading-3 {
  font-size: 16px;
  font-weight: 700
}

.cm-richtext .p--heading-4 {
  font-size: 14px;
  font-weight: 700
}

.cm-richtext .p--heading-5 {
  font-size: 13px;
  font-weight: 700
}

.cm-richtext .p--heading-6 {
  font-size: 12px;
  font-weight: 700
}

.cm-richtext .font-name--arial {
  font-family: Arial, sans-serif
}

.cm-richtext .font-name--arial-black {
  font-family: Arial Black, sans-serif
}

.cm-richtext .font-name--arial-narrow {
  font-family: Arial Narrow, sans-serif
}

.cm-richtext .font-name--century {
  font-family: Century, serif
}

.cm-richtext .font-name--courier {
  font-family: Courier, serif
}

.cm-richtext .font-name--lucida-console {
  font-family: Lucida Console, serif
}

.cm-richtext .font-name--lucida-sans-unicode {
  font-family: Lucida Sans Unicode, sans-serif
}

.cm-richtext .font-name--times-new-roman {
  font-family: Times New Roman, serif
}

.cm-richtext .font-name--verdana {
  font-family: Verdana, sans-serif
}

.cm-richtext .font-size--8 {
  font-size: 8px
}

.cm-richtext .font-size--9 {
  font-size: 9px
}

.cm-richtext .font-size--10 {
  font-size: 10px
}

.cm-richtext .font-size--11 {
  font-size: 11px
}

.cm-richtext .font-size--12 {
  font-size: 12px
}

.cm-richtext .font-size--14 {
  font-size: 14px
}

.cm-richtext .font-size--16 {
  font-size: 16px
}

.cm-richtext .font-size--18 {
  font-size: 18px
}

.cm-richtext .font-size--20 {
  font-size: 20px
}

.cm-richtext .font-size--24 {
  font-size: 24px
}

.cm-richtext .font-size--26 {
  font-size: 26px
}

.cm-richtext .font-size--28 {
  font-size: 28px
}

.cm-richtext .font-size--36 {
  font-size: 36px
}

.cm-richtext .font-size--48 {
  font-size: 48px
}

.cm-richtext .font-size--72 {
  font-size: 72px
}

.cm-richtext .color--black {
  color: #000
}

.cm-richtext .color--green {
  color: green
}

.cm-richtext .color--silver {
  color: silver
}

.cm-richtext .color--lime {
  color: lime
}

.cm-richtext .color--gray {
  color: gray
}

.cm-richtext .color--olive {
  color: olive
}

.cm-richtext .color--white {
  color: #fff
}

.cm-richtext .color--yellow {
  color: #ff0
}

.cm-richtext .color--maroon {
  color: maroon
}

.cm-richtext .color--navy {
  color: navy
}

.cm-richtext .color--red {
  color: red
}

.cm-richtext .color--blue {
  color: blue
}

.cm-richtext .color--purple {
  color: purple
}

.cm-richtext .color--teal {
  color: teal
}

.cm-richtext .color--fuchsia {
  color: #f0f
}

.cm-richtext .color--aqua {
  color: aqua
}

.cm-richtext .background-color--black {
  background-color: #000
}

.cm-richtext .background-color--green {
  background-color: green
}

.cm-richtext .background-color--silver {
  background-color: silver
}

.cm-richtext .background-color--lime {
  background-color: lime
}

.cm-richtext .background-color--gray {
  background-color: gray
}

.cm-richtext .background-color--olive {
  background-color: olive
}

.cm-richtext .background-color--white {
  background-color: #fff
}

.cm-richtext .background-color--yellow {
  background-color: #ff0
}

.cm-richtext .background-color--maroon {
  background-color: maroon
}

.cm-richtext .background-color--navy {
  background-color: navy
}

.cm-richtext .background-color--red {
  background-color: red
}

.cm-richtext .background-color--blue {
  background-color: blue
}

.cm-richtext .background-color--purple {
  background-color: purple
}

.cm-richtext .background-color--teal {
  background-color: teal
}

.cm-richtext .background-color--fuchsia {
  background-color: #f0f
}

.cm-richtext .background-color--aqua {
  background-color: aqua
}

.cm-richtext .list-item--none {
  list-style-type: none
}

.cm-richtext .list-item--square {
  list-style-type: square
}

.cm-richtext .list-item--circle {
  list-style-type: circle
}

.cm-richtext .list-item--disc {
  list-style-type: disc
}

.cm-richtext--dark-shadow {
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff
}

.cm-richtext--light-shadow {
  text-shadow: 0 0 30px #000
}

.cm-cta {
  display: inline-flex;
  justify-content: center
}

.cm-cta__button+.cm-cta__button {
  margin-left: 5px
}

.cm-cta-button {
  display: inline-block
}

.cm-teaser-overlay {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 5px;
  pointer-events: none;
  position: absolute
}

.cm-teaser-overlay__text :first-child {
  margin-top: 0
}

.cm-teaser-overlay__text :last-child {
  margin-bottom: 0
}

.cm-teaser-overlay__cta {
  margin: 5px 0 0;
  text-align: center;
  width: 100%
}

.cm-teaser-overlay__cta-button {
  pointer-events: auto
}

.cm-media {
  max-width: 100%
}

.cm-media--responsive {
  color: transparent
}

.cm-media--uncropped {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.cm-media--loading {
  background-color: #eee;
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPUpAAQCBLS2tNTW1JyanMTGxGRmZOTm5DQyNLy+vExOTNze3MzOzBwaHLSytHx+fLy6vJyenMzKzKyurMTCxOTi5NTS1KyqrNza3CQmJHx6fGxqbGxubIyOjKSipISChDw+PISGhDQ2NJSSlOzu7BweHERCRCwuLOzq7JSWlCwqLIyKjHR2dHRydDw6PFRSVKSmpFRWVCQiJAwODAQGBFxaXGRiZBQSFFxeXERGRAwKDExKTAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFDQApACwAAAAAIAAgAAAG/8CUcEgkGjQbQ3HJbAoficTESX1uIESolMj6PKpDSKEQGWqnz8MBBBZexpnRM4o+JdSVtnAwbsy3KShqHnpuLGNKZykXH2oUVAsSClljAykTSAQpGWovRBEsfkMeDg4SJ0InGRodckMjICEwrgosDLdEFqWlE3IVF00VZSciGLcMG0ULHLsiAmAIH8chEkwjD6Qek1URJLccrk0GFtVth9tg4VXqRgLu78CFDS/k9RQvA/n65XomAP8ATVhAoY8gvzb+AP4zcQLeu0Ip5tGb+MiaHnZOGi7QEyECqowVAjRooGTdyAACMC56cBJBRSoUELREJyTCSZRyKJRcYuDRCFIBIkeWMSMBZyqZC9T9HOmqYdEARpJ+ErrS5SWqryLQ5BkUlYKRk050hWizwbOVZmtibTOOqRuwR4vu5Ab3bVq7G9miNFJX7VaIF/pCzCjzI5ggACH5BAUNABcALAAAAAAgACAAAAbywItwSCx6PMWkcjmcFAoRplS48FiIhCeBqIJNpkOJw1FpapuJhAgsVIw55tpWWEsL2EKxA0E9X15pa3hCR0gXTlAXCi5pBlICCBRYYxKHYwsXXQlXTR4PRBADA3xCIyKeSSIuBUMUDiEHH1giohCYbUt3F6YfsQcORQIvtRYKYBMuvgmfSgShA5JTC7AfA8ekYEfRg9xJCt/g22wBDRLm5ofl6g3YbCUM8DbwOAjr5e1gOPHxsuHg3OTOmXPUraDBJ8YM5poBQAaIEwqTBMDQEAAGThFbgZBRkUbGYDUqfkziBOPIiAlPqlzJ0mBKlhC5BQEAIfkEBQ0AHwAsAgAAAB4AIAAABvvAj3BIHKJQp6JyyYw4HAumVCiAPIgLD5Q42ESmQsRgIBg6t+FCoQP+UI4v8zMqzKgv7Y+YTJ2n13luYxBJZ1EUGgUsUgoLBlhjCB8LRxUfXQUNkJJ6DQ10Qi8DnFwFHkQcCQk0VBKeAWVuFEwXlh8WMKoJHEMKD66es2ARBboFE0oCr4/DuhZJSycEoGAivIHY2XkIvwG/D8zaQzQH5eYw4kQw5ufpQ9ze8e7zYCyL9FgkDBgiI/h6LfYxaKHJXQRJI0RgELghnYYZKYhsEJiOBgAA18KwKKjtgoyLwsThIeLgYoF/Qk6QuPgF5QuTKIXAkGEh3ciYbrQFAQAh+QQFDQAsACwHAAAAGQAgAAAG8ECWcMg6WSzEpHIpQA0ES2YjQqwMUNChBbSQNhRDKyTLWjgcjaWhIUGEr9kRx+MAe7Pi7OOcjrICbEJ5RXQgJ35lbFQCRxd/ZxNVY0kPAV1JEh4iQwYQGgUbSRQGUQqOfxugBQOITA6qGVStSheqfbNLHQOkuL2+lAjBwr9CGwnHyBrEGsjJxAQPE9HSFMTWSnTV12UhBx8Qh9YECd4HCQ+/C5EsEB/lDr0ZJCWcDt0ffhImJmkaDAwoqngIkA8AACQsSDBIYQdXB4MIVfxb4evhQSEGQvy7NMsiwj8Te0GASKQAhlutPG5joWBfw1ZBAAAh+QQFDQAaACwHAAAAGQAgAAAG60CNcChEIIjIpFLRaCiU0OSl+Rw+IIIokimpaiqDwVE7nDqHL9SAQi5ThZHwuP19a8IQetnIvg4WRFOAdAhhQycSDh4gehoUVROLihaNcCKKixWVQ5hzmxoSlJ+jZBEEp6ifHgWsrR6bq62sr5WmtqYnpLoiHLpfLgkuop8RNcEJBRNJD4NSBEIvwMG9hxgzG0kgITBEIsdEIAAANaAlJQ8aGQcHHYEcykIKNuJPFgwMEo4f6wZRNeKMQN3Ld2ddwGXiMOQSiE/IiATrNCX5B2CYvYZFDCp5IeMGkRcDwX1AR0dCSF0fcLChEwQAIfkEBQ0AFgAsAgACAB4AHgAABvtAi3BILBYjDYVxySxeGo1Fc7p8SJLUrLAClWqppwB09KUSukQKQlAmLqBEBGoAaacpWwgdhbA7X3svF35/cxFkhEUICCeJjnYVC5KTjY4oDpgZmCKPl5oem4+Rk5KPWhc3Gl96BkwnHjIAM15TFxoFGw2IQy8xsgApfWYZuAUZEUM0vzIqQmtMAl4NLDW4dRY5sgVKFiMtMRlGIi4FQwYQxUIvBQREIgwMGxYIMDATFioJCRJpA+1MGOA5O3DggRAXCWiUYQEPxcCC6vRxyhIBXgtEDQgGEHKihj42VBgy4PdwozOJWSTEkDckgEZ3Lu75yQjRVDIYrbQEAQAh+QQFDQAiACwAAAcAIAAZAAAG30CRcEgsGo2GiOLIbBIjjahzWhQEopIFlUp5YAOULRcrEIsjEbOaqbC43wH1RUCvn1KAvD6ktgz+gBZ4enl8Zn6AKAMWbR1vjnJ1dWuURAoaGWISElQcGAwxWwoeDiAITBItoAwfE1QCHKQeHFpEGqsYKCciBGVHc0IIIKUOFkQxoBthQgktKkYdBQ5DJxbERBIbtUIQBwfTBBraIgMFGnHY278t3sEJCa4U4ixrDt4Q7vDB5h1mCyEHEgx58M6VkBXmLojx4A0dr4ID+WlqMW0gxCHl0lR6qG/jL3FmggAAIfkEBQ0AGAAsAAAHACAAGQAABuNADMZSiAiPyKRyKcwBAAUKUsIMMJOw55Nz7TJfMW3q4S0fTw7Z02huX26aNoYwktuXlIZkvyfLKQqBgiMfDIY2hjp2CHqNDQiFh4mLfI0IeZUSfm6CgnefSRkgbYwnXgMfBy0CZRQDr2xKAQmqBwmxVxcvr6+sSBm1HxB1CxdMgUIRELwISC2qHgZHBS4osh4iSA8or9oOFVM6OtkRDh4LQ+YTSAoIvlcwCTBSEwVFGAYe5qZyHPIWyewREPLAHBU38gocqXdPCAdz/eStC9hwjkFSMLgsFDjlHCiKuD6y0ycnCAAh+QQFDQAcACwAAAIAHgAeAAAG/ECOcMh5yW7EpHKZrAEAFqZUSnhiTtNs8wnSejkK2VMBbgS+xdWCCHrW0MQYg7EanjCzzbKRLcznA1gPa3BEEiF/HwSFTCoYc4SMSgoaGZKXXgEPmpsTcAqgoS4HpKVImDClpoVmfEKasJqYs2gUKihfERFSIy8uCS5eBq0CSgg1wAkFkbwIrQ9kQirJLlFgvNECsbscvwkiFEMZGi/GA+VDERKyHAgiSQ0FBQNgIigV7SgDzAYR0ZMb5BngEMGBgzUnIJxDA0Geq4IHhRA4h8CLAA01HKQziE/IC33hsjRctjGikAoDUHjKQoAcEYgdX0G4IAkmLSIpsWQJAgAh+QQFDQAnACwAAAAAGQAgAAAG+sCTcEgkKkwHSnHJHHYAAEtzKcFsiM8okRBoshiMhhMqnW7BrZEwWz4FxNMNmLMmY80nDLiuNTADHkUiYFdVJmIREl1ELQchIEMjISQOf0sZSI4dahMVeEUBCY4HLp9TA40tnqZekKyveAYTCLS0EbAnGgm7vCy4BbwuJS5XsLIPs8nGuK8DHcxDDRoFGgrMBBnUBRmrnxJr2huLAkpMBuVD0wXPQyIecFsNCEUEEBdbDg7fFxYW94kNBODxQFBIBWcCDbwJoKaJhHzzThwUIVCivAVNFOSjYxChkBEPFPmhkq/bxIoWAzJZ8M7IAIrxrJkS4BHaGn9MggAAIfkEBQ0AGAAsAAAAAB4AIAAABv9AjHBILJZwxaRyiZEwGA2mNPBxEC1PCZEms0iFnsPhMXxlywBA4YtZiBPlszCWjrAxDjFEiIWC02t3FB9iFE1nFzJphkoIIgJEA2JWVB8IGFwAHEwuCQkiBkInCS0qSQUzKVIgngk0Xm2QShGXVw12Qgg1rQULd0QPCkkvnS6yv1IUKiLIESfI0MAE09TQjEMOGjUF2gUg0UXZ3OMe4HxCtOkTvtbm7hgGFlHvwCAO5fRtHB73j2zC84pYuHdvgpAL7/h5sPCMzwCD4BZYEDYkwgAUlxQgQHAt2gkIF59pbCDsRMBfjlDgutCAJDoJAXB9UTbgxRCNEiieu5MS4cEVljoB3hEAgcxNmDrzjUxKzyRHNkEAACH5BAUNAB4ALAAAAAAeAB4AAAb/QI9wSCRSYDRDcclsBg6HQHMqRMA4xAZUOtRgGlQhJ5GYDLXRM4OxCnsq5Np5OwytF26PiGwRSuh6a215Hi5kfnQKMWtTBB1FFmRYD0hmXgwoRAQFfR4aBZxDIzUumUUrJB9DCjUAADZioKAPQhEXTQtmJyoyrgA3QxEZNaAOFW4BGL4xnVmfGrdhBDOvICdTA495oNGE3qK54QvH30UiDujpA+Xm6ersEkQVtvTkhAoK7PqiDwj7S46yUcjDhYmAF9lQvMgXhgItJg8SQogghIISfRAU+jvTAE8Re1MEIBgYrEFHgPoCmHRSLoJJARWXvMxjwOTGNyvPeHMpgSHOCniQaAbwWBFMniAAOw==);
  background-position: 50%;
  background-repeat: no-repeat
}

.cm-media--missing {
  background-color: #fff;
  background-size: 50%
}

.cm-audio {
  width: 100%
}

.cm-audio--missing {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 20px;
  text-align: center
}

.cm-video {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover
}

.cm-video--missing {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 40px;
  text-align: center
}

.cm-play-button {
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjIzMSIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuNSk7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjMwO3N0cm9rZS1taXRlcmxpbWl0OjEwIi8+PHBhdGggZD0ibTM0OC4xIDI0NS42LTEzNC03OC4yYy0xMi4yLTcuMS0yMi4xLTEuNC0yMiAxMi43bC43IDE1NS4yYy4xIDE0LjEgMTAgMTkuOSAyMi4zIDEyLjhsMTMzLTc2LjhjMTIuMi03LjEgMTIuMy0xOC42IDAtMjUuNyIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==) no-repeat;
  height: 90px;
  max-height: 75%;
  max-width: 75%;
  width: 90px
}

.cm-play-button,
.cm-play-button:hover {
  transition: all .35s cubic-bezier(.455, .03, .515, .955)
}

.cm-play-button:focus,
.cm-play-button:hover {
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjIzMSIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuNik7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjMwO3N0cm9rZS1taXRlcmxpbWl0OjEwIi8+PHBhdGggZD0ibTM0OC4xIDI0NS42LTEzNC03OC4yYy0xMi4yLTcuMS0yMi4xLTEuNC0yMiAxMi43bC43IDE1NS4yYy4xIDE0LjEgMTAgMTkuOSAyMi4zIDEyLjhsMTMzLTc2LjhjMTIuMi03LjEgMTIuMy0xOC42IDAtMjUuNyIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==) no-repeat
}

@media (min-width:1200px) {

  .header-collapsed,
  .magazine-article,
  .magazine-start {
    --header-height: 100px
  }

  .header-collapsed .page-header,
  .magazine-article .page-header,
  .magazine-start .page-header {
    --logo-size: 60px
  }

  .header-collapsed .page-header.scrolled:before,
  .header-collapsed .page-header:before,
  .magazine-article .page-header.scrolled:before,
  .magazine-article .page-header:before,
  .magazine-start .page-header.scrolled:before,
  .magazine-start .page-header:before {
    box-shadow: none;
    height: var(--header-height)
  }
}

.page-header {
  --logo-size: 75px;
  align-items: center;
  border: 0;
  display: flex;
  height: var(--header-height);
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 100
}

.page-header,
.page-header:before {
  top: 0;
  transition: .25s cubic-bezier(.25, .46, .45, .94)
}

.page-header:before {
  background-color: var(--theme-color-background);
  bottom: 0;
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0);
  content: "";
  left: 0;
  position: absolute;
  right: 0
}

@media (max-width:1199px) {
  .page-header {
    --logo-size: 60px
  }
}

@media (min-width:768px) {

  .page-header.nav-open,
  .page-header.scrolled,
  .page-header.search-open {
    --header-height: 100px;
    --logo-size: 60px
  }

  .page-header.nav-open~*,
  .page-header.scrolled~*,
  .page-header.search-open~* {
    --header-height: 100px
  }

  .page-header.nav-open:before,
  .page-header.scrolled:before,
  .page-header.search-open:before {
    box-shadow: 0 1px 0 rgba(var(--theme-color-primary-rgb), .2)
  }

  .page-header.nav-open nav,
  .page-header.scrolled nav,
  .page-header.search-open nav {
    height: calc(var(--viewport-height, 1vh)*100 - var(--header-height));
    top: var(--header-height);
    transition: transform .25s cubic-bezier(.25, .46, .45, .94), visibility 0s linear 0s;
    visibility: visible
  }
}

@media (max-width:767px) {
  .page-header {
    justify-content: flex-end;
    --logo-size: 44px
  }

  .page-header:before {
    box-shadow: 0 1px 0 rgba(var(--theme-color-primary-rgb), .2)
  }
}

@media (max-width:567px) {
  .page-header .logo-overlay {
    background-color: var(--theme-color-background);
    content: "";
    display: block;
    height: 44px;
    left: 90px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .4s ease .3s, visibility .3s ease .4s, transform .4s ease .3s;
    visibility: hidden;
    width: 100vw
  }

  .page-header .contact-nav,
  .page-header .open-search {
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
    visibility: hidden
  }

  .page-header.scrolled .contact-nav,
  .page-header.scrolled .open-search {
    opacity: 1;
    pointer-events: all;
    transition: opacity .4s ease .3s, visibility 0s ease .3s, transform .4s ease .3s;
    visibility: visible
  }

  .page-header.scrolled .logo-overlay {
    opacity: 1;
    pointer-events: all;
    pointer-events: none;
    transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
    visibility: visible
  }

  .page-header .logo img,
  .page-header .logo object {
    max-width: calc(100vw - 110px)
  }
}

.page-header .logo {
  border-radius: 4px;
  margin-left: 34px;
  margin-right: auto;
  padding: 8px 12px 8px 8px;
  position: relative;
  transition: .2s ease
}

.page-header .logo.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .logo.-moz-focusring,
.page-header .logo:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .logo img {
  display: block;
  height: var(--logo-size);
  max-width: none;
  transform: translateZ(0) scale(1);
  transition: .25s cubic-bezier(.25, .46, .45, .94);
  width: auto
}

@media (max-width:1199px) {
  .page-header .logo img {
    transition: none
  }
}

.page-header .logo canvas {
  background-color: #fff;
  display: block;
  height: calc(100% - 20px);
  left: 0;
  margin: 8px 12px 8px 8px;
  position: absolute;
  top: 0;
  width: calc(100% - 16px)
}

@media (max-width:767px) {
  .page-header .logo {
    align-items: center;
    display: flex;
    height: 44px;
    left: 0;
    margin: 18px 20px;
    padding: 0;
    position: fixed;
    top: 0;
    width: calc(100vw - 110px)
  }

  .page-header .logo img {
    display: block;
    height: auto;
    max-height: 44px;
    max-width: calc(100vw - 110px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    position: relative;
    width: 100%
  }
}

@media (max-width:359px) {
  .page-header .logo {
    margin: 13px 16px
  }

  .page-header .logo img {
    max-width: calc(100vw - 100px)
  }
}

.page-header .toggle-nav {
  background-color: transparent;
  border: 2px solid var(--theme-color-primary-dimmed-04);
  border-radius: 4px;
  color: var(--theme-color-primary);
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 30px 0 20px;
  padding: 18px 20px 18px 72px;
  position: relative;
  transition: .3s ease
}

.page-header .toggle-nav.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .toggle-nav.-moz-focusring,
.page-header .toggle-nav:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:767px) {
  .page-header .toggle-nav {
    font-size: 0;
    height: 56px;
    line-height: 0;
    margin-left: 8px;
    margin-right: 12px;
    padding: 0;
    width: 56px
  }
}

.page-header .toggle-nav span:before,
.page-header .toggle-nav:after,
.page-header .toggle-nav:before {
  background-color: var(--theme-color-primary);
  border-radius: 2px;
  content: "";
  height: 2px;
  left: 40px;
  margin: 0 -19px;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -1px, 0) rotate(0deg);
  transition: margin .2s ease .2s, transform .2s ease 0s, background-color .2s ease 0s, opacity .2s ease 0s;
  width: 38px
}

@media (max-width:767px) {

  .page-header .toggle-nav span:before,
  .page-header .toggle-nav:after,
  .page-header .toggle-nav:before {
    left: 50%
  }
}

.page-header .toggle-nav:before {
  margin-top: -12px
}

.page-header .toggle-nav:after {
  margin-top: 12px
}

@media (max-width:359px) {
  .page-header .toggle-nav {
    height: 50px;
    width: 50px
  }

  .page-header .toggle-nav span:before,
  .page-header .toggle-nav:after,
  .page-header .toggle-nav:before {
    margin-left: -16px;
    width: 32px
  }

  .page-header .toggle-nav:before {
    margin-top: -10px
  }

  .page-header .toggle-nav:after {
    margin-top: 10px
  }
}

.page-header .contact-nav a,
.page-header .open-search {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  color: var(--theme-color-primary);
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 2px;
  padding: 20px 20px 20px 54px;
  position: relative;
  text-decoration: none;
  transition: .25s cubic-bezier(.25, .46, .45, .94)
}

.page-header .contact-nav a.focus-visible:focus,
.page-header .open-search.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .contact-nav a.-moz-focusring,
.page-header .contact-nav a:focus-visible,
.page-header .open-search.-moz-focusring,
.page-header .open-search:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:999px) {

  .page-header .contact-nav a,
  .page-header .open-search {
    font-size: 0;
    line-height: 0;
    margin-right: 5px;
    padding: 5px
  }
}

.page-header .contact-nav a:before,
.page-header .open-search:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "\e83c";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  font-weight: 400;
  height: var(--icon-size);
  left: 14px;
  line-height: 1;
  margin: calc(var(--icon-size)/-2) 0;
  position: absolute;
  top: 50%;
  width: var(--icon-size)
}

@media (max-width:999px) {

  .page-header .contact-nav a:before,
  .page-header .open-search:before {
    display: block;
    left: 0;
    margin: 0;
    position: relative
  }
}

.page-header .contact-nav {
  align-items: center;
  display: flex;
  list-style: none;
  padding: 0
}

.page-header .contact-nav a.phone:before {
  content: "\e83e";
  margin-left: 3px
}

.page-header .contact-nav a.contact:before,
.page-header .contact-nav a.website:before {
  content: "\e816"
}

.page-header .contact-nav a.mail:before {
  content: "\e80c"
}

.page-header .contact-nav a.chat:before {
  content: "\e802"
}

.page-header .contact-nav a.faq:before {
  content: "\e869"
}

.page-header .contact-nav a.login:before {
  content: "\e8cb"
}

.page-header .contact-nav .caruso-basket-link a:before {
  content: "\e843";
  font-family: IHK24FontAwesome, sans-serif
}

.page-header .search form {
  align-items: center;
  background-color: var(--theme-color-primary-dimmed-04);
  display: flex;
  flex-direction: column;
  height: calc(var(--viewport-height, 1vh)*100 - 100px);
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden
}

@media (max-width:767px) {
  .page-header .search form {
    height: calc(var(--viewport-height, 1vh)*100 - 80px)
  }
}

.page-header .search form .outer {
  padding-bottom: 10px;
  position: relative
}

.page-header .search form .container {
  margin: auto
}

.page-header .form-nav {
  background-color: var(--theme-color-white);
  width: 100%
}

.page-header .form-nav .secondary {
  background-color: var(--theme-color-primary-dimmed-04)
}

.page-header .close-search {
  background-color: var(--theme-color-primary);
  border: 0;
  border-radius: 4px;
  color: var(--theme-color-white);
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-top: -35px;
  opacity: 0;
  padding: 20px 22px 20px 70px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  top: 50%;
  transition: .3s ease;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  z-index: 2
}

.page-header .close-search.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .close-search.-moz-focusring,
.page-header .close-search:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:1199px) and (min-width:768px) {
  .page-header .close-search {
    right: 20px
  }
}

@media (max-width:767px) {
  .page-header .close-search {
    font-size: 0;
    height: 56px;
    line-height: 0;
    margin-top: -28px;
    padding: 0;
    right: 12px;
    width: 56px
  }
}

.page-header .close-search:after,
.page-header .close-search:before {
  background-color: var(--theme-color-white);
  border-radius: 2px;
  content: "";
  height: 2px;
  left: 36px;
  margin: -1px -19px;
  position: absolute;
  top: 50%;
  transform: translateZ(0) rotate(45deg);
  transition: .3s ease;
  width: 38px
}

@media (max-width:767px) {

  .page-header .close-search:after,
  .page-header .close-search:before {
    left: 50%
  }
}

.page-header .close-search:after {
  transform: translateZ(0) rotate(-45deg)
}

.page-header.search-open .logo {
  z-index: 1
}

.page-header.search-open:after {
  background-color: var(--theme-color-white);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.page-header.search-open .close-search,
.page-header.search-open .search form {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.page-header.nav-open .toggle-nav {
  background-color: var(--theme-color-primary);
  border-color: var(--theme-color-primary);
  color: var(--theme-color-white);
  transition: .2s ease 0s
}

.page-header.nav-open .toggle-nav span:before,
.page-header.nav-open .toggle-nav:after,
.page-header.nav-open .toggle-nav:before {
  background-color: var(--theme-color-white);
  margin-top: 0;
  transition: margin .2s ease 0s, transform .2s ease .2s, background-color .2s ease 0s, opacity .2s ease .2s
}

.page-header.nav-open .toggle-nav:before {
  transform: translate3d(0, -1px, 0) rotate(45deg)
}

.page-header.nav-open .toggle-nav:after {
  transform: translate3d(0, -1px, 0) rotate(-45deg)
}

.page-header.nav-open .toggle-nav span:before {
  opacity: 0
}

.page-header.nav-open nav {
  transform: translate3d(-100%, 0, 0);
  transition: transform .25s cubic-bezier(.25, .46, .45, .94), visibility 0s linear 0s;
  visibility: visible
}

.page-header.nav-open nav .overlay-holder {
  opacity: 1;
  opacity: .6;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

@media (min-width:768px) {

  .page-header.nav-open:not(.scrolled)~.page-content,
  .page-header.nav-open:not(.scrolled)~.page-wrapper {
    border-top-width: 100px
  }
}

.page-header~.page-content,
.page-header~.page-wrapper {
  transition: .25s cubic-bezier(.25, .46, .45, .94)
}

@media (max-width:1199px) and (min-width:768px) {
  .page-header {
    height: 100px
  }

  .page-header:before {
    box-shadow: 0 1px 0 rgba(var(--theme-color-primary-rgb), .2)
  }

  .page-header .logo {
    height: 66px;
    margin-left: 20px
  }

  .page-header .toggle-nav {
    margin-right: 20px
  }

  .page-header nav {
    height: calc(var(--viewport-height, 1vh)*100 - 100px);
    top: 100px
  }
}

.page-header button::-moz-focus-inner {
  border: 0
}

.page-header a,
.page-header button {
  -webkit-tap-highlight-color: transparent
}

.toplink {
  align-items: center;
  background-color: var(--theme-color-primary);
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  bottom: 105px;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
  display: flex;
  font-size: 16px;
  height: 45px;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-transform: uppercase;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 90px;
  z-index: -1
}

.toplink,
.toplink:active,
.toplink:focus,
.toplink:hover {
  color: #fff;
  text-decoration: none
}

.toplink:before {
  content: "\e822";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin-right: 6px
}

@media (max-width:767px) {
  .toplink {
    bottom: 64px;
    font-size: 0;
    justify-content: flex-start;
    padding-left: 10px;
    width: 54px
  }

  .toplink:before {
    margin-right: 0
  }
}

.show-toplink .toplink {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.mobile .page-header .primary a {
  -webkit-tap-highlight-color: rgba(var(--theme-color-primary-rgb), .1)
}

.desktop .page-header:not(.nav-open) .toggle-nav:hover,
.mobile .page-header li.open>a {
  background-color: var(--theme-color-primary-dimmed-04)
}

.desktop .page-header .contact-nav a:hover,
.desktop .page-header .open-search:hover {
  color: var(--theme-color-secondary-intensed)
}

.page-header.dummy nav {
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  z-index: 0;
  --header-height: 0px
}

.page-header nav {
  background-color: #fff;
  box-shadow: -1px 0 0 var(--theme-grey-light);
  display: flex;
  flex-direction: column;
  height: calc(var(--viewport-height, 1vh)*100 - var(--header-height));
  left: 100%;
  max-width: 100%;
  position: fixed;
  top: var(--header-height);
  transform: translate3d(1px, 0, 0);
  transition: transform .25s cubic-bezier(.25, .46, .45, .94), visibility 0s linear .25s;
  visibility: hidden;
  width: 420px;
  z-index: -1
}

@media (min-width:1199px) {
  .page-header nav {
    --header-height: 100px
  }
}

.page-header nav .overlay-holder {
  background-color: var(--theme-color-primary-dimmed-04);
  border-right: 1px solid rgba(var(--theme-color-primary-rgb), .4);
  bottom: 0;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: -100px;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 100vw;
  z-index: -1
}

.page-header nav .primary {
  flex-grow: 1;
  position: relative
}

.page-header nav .primary img {
  margin-bottom: -3px;
  margin-top: -3px;
  max-height: 44px
}

.page-header nav .primary ul {
  background-color: #fff;
  box-shadow: 0 50vh 0 0 #fff;
  height: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 0;
  transition: transform .3s cubic-bezier(.215, .61, .355, 1), z-index 0s linear .3s;
  width: 100%;
  z-index: 0
}

.page-header nav .primary ul:before {
  background-color: var(--theme-color-white);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgc3R5bGU9Im1hcmdpbjphdXRvO2JhY2tncm91bmQ6MCAwO2Rpc3BsYXk6YmxvY2s7c2hhcGUtcmVuZGVyaW5nOmF1dG8iIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMzYiIHN0cm9rZS13aWR0aD0iMiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMDs0MCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSIwcyIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxcyIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGtleVRpbWVzPSIwOzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAzNiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iLTAuNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMXMiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBrZXlUaW1lcz0iMDsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIwOzQwIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49Ii0wLjVzIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjFzIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIi8+PC9jaXJjbGU+PC9zdmc+);
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: 100px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  z-index: 2
}

.page-header nav .primary ul:after {
  background-color: var(--theme-color-primary);
  bottom: 0;
  content: "";
  left: 0;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s cubic-bezier(.445, .05, .55, .95)
}

.page-header nav .primary ul.loading:before {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.page-header nav .primary ul.current {
  overflow-y: auto;
  pointer-events: all;
  transform: translateZ(0);
  transition: transform .3s cubic-bezier(.215, .61, .355, 1), z-index 0s linear 0s
}

.page-header nav .primary ul.current:after {
  opacity: 0;
  pointer-events: none
}

.page-header nav .primary ul.current ul {
  transform: translate3d(100%, 0, 0)
}

.page-header nav .primary ul.current ul:after {
  opacity: 0
}

.page-header nav .primary li.open>ul {
  transform: translateZ(0);
  z-index: 1
}

.page-header nav .primary li.back {
  left: 0;
  position: sticky;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 1
}

.page-header nav .primary li.back a {
  background-color: var(--theme-color-primary-dimmed-04);
  justify-content: flex-start;
  overflow: hidden;
  padding-left: 60px;
  padding-right: 20px;
  text-overflow: ellipsis
}

.page-header nav .primary li.back a.focus-visible:focus {
  box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header nav .primary li.back a.-moz-focusring,
.page-header nav .primary li.back a:focus-visible {
  box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header nav .primary li.back a:before {
  left: 18px;
  transform: rotate(180deg)
}

@media (max-width:359px) {
  .page-header nav .primary li.back a {
    padding-left: 50px
  }

  .page-header nav .primary li.back a:before {
    left: 12px
  }
}

.page-header nav .primary li.magazine-nav {
  position: relative
}

.page-header nav .primary li.magazine-nav:before {
  background: linear-gradient(90deg, var(--theme-color-gradient-01) 20%, var(--theme-color-gradient-02) 70%, var(--theme-color-gradient-03) 100%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease;
  width: 100%
}

.page-header nav .primary li.magazine-nav:hover:before {
  width: 120%
}

.page-header nav .primary li.magazine-nav:hover a {
  background-color: transparent
}

.page-header nav .primary li.magazine-nav a {
  background-color: transparent !important;
  color: #fff !important
}

.page-header nav .primary li.magazine-nav a:before {
  content: "\e8c8" !important
}

.page-header nav .primary li.link a,
.page-header nav .primary li.miscellaneous a,
.page-header nav .primary li.overview a {
  color: var(--theme-color-secondary-intensed)
}

.page-header nav .primary li.link a:before,
.page-header nav .primary li.miscellaneous a:before {
  content: "\e807";
  margin-top: -14px
}

.page-header nav .primary li.overview a:before {
  content: "\e81c";
  margin-top: -14px
}

.page-header nav .primary li.back:hover {
  text-decoration: none
}

.page-header nav .primary li.link.extranet a:before,
.page-header nav .primary li.miscellaneous.extranet a:before {
  content: "\e86b"
}

.page-header nav .primary li.link.intranet a:before,
.page-header nav .primary li.miscellaneous.intranet a:before {
  content: "\e805"
}

.page-header nav .primary li.link.download a:before,
.page-header nav .primary li.miscellaneous.download a:before {
  content: "\e809"
}

.page-header nav .primary li.overview.extranet a:before {
  content: "\e81b";
  margin-top: -14px
}

.page-header nav .primary li.overview.intranet a:before {
  content: "\e81a";
  margin-top: -14px
}

.page-header nav .primary li.deep.extranet a:before {
  content: "\e824"
}

.page-header nav .primary li.deep.intranet a:before {
  content: "\e823"
}

.page-header nav .primary li.deep.intranet li.back a:before {
  transform: scaleX(-1)
}

.page-header nav .primary li.miscellaneous.external a:before {
  content: "\e819"
}

.page-header nav .primary a {
  align-items: center;
  border-bottom: 1px solid rgba(var(--theme-color-primary-rgb), .1);
  display: flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  justify-content: flex-start;
  line-height: 1.2;
  min-height: 61px;
  padding: 12px 60px 12px 20px;
  position: relative;
  text-decoration: none;
  transition: .3s cubic-bezier(.39, .575, .565, 1)
}

.page-header nav .primary a.focus-visible:focus {
  box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header nav .primary a.-moz-focusring,
.page-header nav .primary a:focus-visible {
  box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header nav .primary a.active {
  background-color: var(--theme-grey-light);
  border-left: var(--border-width) solid var(--theme-color-secondary-intensed);
  padding-left: 12px
}

.page-header nav .primary a:before {
  content: "\e825";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  height: 30px;
  line-height: 1;
  margin-top: calc(var(--icon-size)/-2);
  position: absolute;
  right: 18px;
  text-align: center;
  top: 50%;
  width: 30px
}

@media (max-width:359px),
(max-width:767px) and (orientation:landscape) {
  .page-header nav .primary a {
    min-height: 43px;
    padding: 10px 50px 10px 20px
  }

  .page-header nav .primary a:before {
    right: 12px
  }
}

.page-header nav .primary a:hover {
  background-color: rgba(var(--theme-color-primary-rgb), .06);
  text-decoration: none
}

.page-header .logos {
  display: flex;
  margin: 0 -10px;
  position: relative
}

@media (min-width:1000px) {
  .page-header .logos {
    text-align: right
  }
}

@media (max-width:999px) {
  .page-header .logos {
    display: none
  }
}

.page-header .logos a {
  display: inline-block;
  margin: 0 10px
}

.page-header .logos img {
  max-height: 30px
}

.page-header .secondary {
  background-color: var(--theme-color-primary-dimmed-04);
  position: relative;
  text-align: left;
  z-index: 1
}

.page-header .secondary ul {
  font-size: 18px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 15px 14px
}

@media (max-width:359px) {
  .page-header .secondary ul {
    font-size: 16px;
    line-height: 20px;
    padding: 10px
  }
}

.page-header .secondary li {
  display: inline-block
}

@media (max-width:767px) and (orientation:landscape) {
  .page-header .secondary {
    min-width: 35vw;
    position: absolute;
    right: 100%;
    top: 0;
    width: calc(100vw - 420px)
  }

  .page-header .secondary li {
    display: block
  }
}

.page-header .secondary a {
  display: block;
  padding: 5px 6px;
  position: relative;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  transition: .3s cubic-bezier(.25, .46, .45, .94)
}

.page-header .secondary a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .secondary a.-moz-focusring,
.page-header .secondary a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .page-header .secondary a {
    padding: 5px
  }
}

.page-header .meta {
  padding: 0 12px;
  position: relative;
  z-index: 1
}

.page-header .meta>ul {
  justify-content: flex-start
}

.page-header .meta ul,
.page-header .meta>ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.page-header .meta ul li {
  padding: 0
}

.page-header .meta .icons {
  margin-left: auto
}

.page-header .meta .icons .login a:before {
  content: "\e8ca";
  float: right;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px;
  margin-left: 5px
}

.page-header .meta .icons .login a:hover {
  text-decoration-color: transparent
}

.page-header .meta .icons li:not(.login) a {
  font-size: 0;
  line-height: 0;
  text-decoration: none
}

.page-header .meta .icons li:not(.login) a:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px
}

.page-header .meta .icons li:not(.login) a:hover {
  text-decoration-color: transparent
}

.page-header .meta .icons .sign-language a:before {
  content: "\e843"
}

.page-header .meta .icons .simple-language a:before {
  content: "\e845"
}

.page-header .meta a {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: var(--font-size-small);
  line-height: 30px;
  margin: 10px 0;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  transition: .3s ease
}

.page-header .meta a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-header .meta a.-moz-focusring,
.page-header .meta a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .page-header .meta a {
    padding: 5px
  }
}

.page-header .meta a:hover {
  text-decoration-color: var(--theme-color-primary)
}

.page-header .meta a,
.page-header .secondary a {
  border-radius: var(--border-radius-xs)
}

.secondary-menu {
  background-color: var(--theme-color-primary-dimmed-04);
  position: relative;
  text-align: left;
  z-index: 1
}

.secondary-menu ul {
  font-size: 18px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 15px 14px
}

@media (max-width:359px) {
  .secondary-menu ul {
    font-size: 16px;
    line-height: 20px;
    padding: 10px
  }
}

.secondary-menu li {
  display: inline-block
}

@media (max-width:767px) and (orientation:landscape) {
  .secondary-menu {
    min-width: 35vw;
    position: absolute;
    right: 100%;
    top: 0;
    width: calc(100vw - 420px)
  }

  .secondary-menu li {
    display: block
  }
}

.secondary-menu a {
  display: block;
  padding: 5px 6px;
  position: relative;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  transition: .3s cubic-bezier(.25, .46, .45, .94)
}

.secondary-menu a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.secondary-menu a.-moz-focusring,
.secondary-menu a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .secondary-menu a {
    padding: 5px
  }
}

.meta-menu {
  padding: 0 12px;
  position: relative;
  z-index: 1
}

.meta-menu>ul {
  justify-content: flex-start
}

.meta-menu ul,
.meta-menu>ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.meta-menu ul li {
  padding: 0
}

.meta-menu .icons {
  margin-left: auto
}

.meta-menu .icons .login a:before {
  content: "\e8ca";
  float: right;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px;
  margin-left: 5px
}

.meta-menu .icons .login a:hover {
  text-decoration-color: transparent
}

.meta-menu .icons li:not(.login) a {
  font-size: 0;
  line-height: 0;
  text-decoration: none
}

.meta-menu .icons li:not(.login) a:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px
}

.meta-menu .icons li:not(.login) a:hover {
  text-decoration-color: transparent
}

.meta-menu .icons .sign-language a:before {
  content: "\e843"
}

.meta-menu .icons .simple-language a:before {
  content: "\e845"
}

.meta-menu a {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: var(--font-size-small);
  line-height: 30px;
  margin: 10px 0;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  transition: .3s ease
}

.meta-menu a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.meta-menu a.-moz-focusring,
.meta-menu a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .meta-menu a {
    padding: 5px
  }
}

.meta-menu a:hover {
  text-decoration-color: var(--theme-color-primary)
}

.ihk-switch {
  font-size: 18px;
  left: 42px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translate3d(0, 20px, 0);
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden;
  width: 400px
}

.ihk-switch:after {
  border-color: transparent transparent var(--theme-color-primary) transparent;
  border-style: solid;
  border-width: 0 16px 16px;
  bottom: 100%;
  content: "";
  height: 0;
  left: 30px;
  position: absolute;
  width: 0
}

@media (max-width:1199px) {
  .ihk-switch {
    left: 30px
  }

  .ihk-switch:after {
    border-width: 0 12px 12px;
    left: 24px
  }
}

@media (max-width:767px) {
  .ihk-switch {
    font-size: 16px;
    left: 20px;
    max-width: calc(100% - 40px)
  }

  .ihk-switch:after {
    border-width: 0 10px 10px;
    left: 20px
  }
}

.ihk-switch[data-show-step] {
  opacity: 1;
  pointer-events: all;
  transform: translateZ(0);
  transition: opacity .4s ease 0s, visibility 0s ease 0s, transform .4s ease 0s;
  visibility: visible
}

.ihk-switch[data-show-step].hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden
}

.ihk-switch .step {
  background-color: var(--theme-color-primary);
  color: #fff;
  display: none;
  outline: 1px solid hsla(0, 0%, 100%, .1);
  padding: 50px 30px 30px;
  position: absolute;
  width: 100%
}

@media (max-width:767px) {
  .ihk-switch .step {
    padding: 44px 20px 22px
  }
}

.ihk-switch .step section {
  margin: 0
}

.ihk-switch [data-step=zip],
.ihk-switch[data-show-step=form] [data-step=form],
.ihk-switch[data-show-step=geolocation] [data-step=geolocation],
.ihk-switch[data-show-step=success] [data-step=success],
.ihk-switch[data-show-step=switch] [data-step=switch] {
  display: block
}

.ihk-switch [data-step=success] {
  text-align: center
}

.ihk-switch [data-step=success] .large {
  display: block;
  font-size: 1.3em
}

.ihk-switch [data-step=success]:after {
  background-image: url(/blueprint/servlet/resource/crblob/5579276/484a3e0fb170077df6bb25fa51d6ea0a/loader-switch-gif-data.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  content: "";
  display: block;
  height: 40px;
  margin: 22px 0 8px
}

.ihk-switch .light-hidden {
  display: none
}

.ihk-switch a {
  color: #fff
}

.ihk-switch a:hover {
  color: var(--theme-color-secondary)
}

.ihk-switch .hidden,
.ihk-switch .small {
  font-size: 16px
}

@media (max-width:767px) {

  .ihk-switch .hidden,
  .ihk-switch .small {
    font-size: 13px
  }
}

.ihk-switch .input-wrapper {
  position: relative
}

.ihk-switch .input-wrapper .btn {
  background: #193f69;
  border-radius: 0;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ihk-switch .input-wrapper .btn *,
.ihk-switch .input-wrapper .btn:hover:after {
  display: none
}

.ihk-switch .buttons {
  margin-left: -2px;
  margin-right: -8px;
  margin-top: 28px
}

.ihk-switch .buttons.align-right {
  display: flex;
  justify-content: flex-end;
  margin-right: 0
}

@media (max-width:767px) {
  .ihk-switch .buttons {
    margin-top: 20px
  }
}

.ihk-switch .btn+.btn {
  margin-left: 16px
}

@media (max-width:767px) {
  .ihk-switch .btn+.btn {
    margin-left: 10px
  }
}

.ihk-switch .closer {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px
}

.ihk-switch .closer:after,
.ihk-switch .closer:before {
  background-color: #fff;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: .2s ease;
  width: 24px
}

@media (max-width:767px) {

  .ihk-switch .closer:after,
  .ihk-switch .closer:before {
    width: 20px
  }
}

.ihk-switch .closer:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

@media (min-width:768px) {

  .ihk-switch .closer:hover:after,
  .ihk-switch .closer:hover:before {
    width: 28px
  }
}

@media (max-width:767px) {
  .ihk-switch .closer {
    height: 44px;
    width: 44px
  }
}

.ihk-switch strong {
  font-weight: 600
}

.ihk-switch .ihk-finder {
  margin-bottom: 6px;
  margin-top: 16px
}

@media (max-width:767px) {
  .ihk-switch .ihk-finder {
    margin-top: 12px
  }
}

.btn {
  --button-bg-color: var(--theme-color-primary);
  --button-text-color: var(--theme-color-white);
  --button-padding: 16px 24px;
  --button-min-size: 60px;
  --button-icon-padding: 58px;
  --button-icon-offset: 18px;
  --button-hover-shadow-opacity: 0.3;
  --button-hover-shadow-size: 6px;
  align-items: center;
  border: 0;
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  display: inline-flex;
  font-family: Korb, sans-serif;
  font-size: var(--font-size-copy);
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  min-height: var(--button-min-size);
  min-width: var(--button-min-size);
  padding: var(--button-padding);
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: .2s ease
}

.btn.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.btn.-moz-focusring,
.btn:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:999px) {
  .btn {
    --button-icon-padding: 52px;
    --button-icon-offset: 16px;
    --button-padding: 14px 20px;
    --button-min-size: 52px
  }
}

@media (max-width:767px) {
  .btn {
    --button-icon-padding: 44px;
    --button-icon-offset: 12px;
    --button-padding: 12px 16px;
    --button-min-size: 44px;
    --button-hover-shadow-size: 4px
  }
}

.btn,
.btn:hover {
  background-color: var(--button-bg-color);
  color: var(--button-text-color)
}

.btn.secondary {
  --button-bg-color: var(--theme-color-secondary);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.4
}

.btn.white {
  --button-bg-color: var(--theme-color-white);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.35
}

.btn.primary-light {
  --button-bg-color: var(--theme-color-primary-dimmed-03);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.45
}

.btn.primary-extra-light {
  --button-bg-color: var(--theme-color-primary-dimmed-04);
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.5
}

.btn.secondary-light {
  --button-bg-color: #9ad7a3;
  --button-text-color: var(--theme-color-primary);
  --button-hover-shadow-opacity: 0.45
}

.btn:after {
  border-radius: var(--border-radius-lg);
  bottom: 0;
  box-shadow: 0 0 0 2px var(--button-bg-color);
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.btn:hover:after {
  box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color);
  opacity: var(--button-hover-shadow-opacity)
}

.btn-small {
  --button-icon-padding: 48px;
  --button-icon-offset: 12px;
  --button-min-size: 42px;
  --button-padding: 10px 18px;
  --button-hover-shadow-size: 4px
}

.btn-small,
.btn-small:after {
  border-radius: var(--border-radius-md)
}

@media (max-width:999px) {
  .btn-small {
    --button-icon-padding: 46px;
    --button-min-size: 38px
  }
}

.btn-medium {
  --button-min-size: 48px;
  --button-padding: 10px 18px;
  --button-hover-shadow-size: 5px
}

.btn-medium,
.btn-medium:after {
  border-radius: var(--border-radius-md)
}

@media (max-width:999px) {
  .btn-medium {
    --button-min-size: 44px;
    --button-icon-padding: 46px;
    --button-hover-shadow-size: 4px
  }
}

button::-moz-focus-inner {
  border: 0
}

.btn:before {
  display: none
}

.btn.icon-left {
  padding-left: var(--button-icon-padding)
}

.btn.icon-right {
  padding-right: var(--button-icon-padding)
}

.btn.icon-left:before,
.btn.icon-right:before {
  display: block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: var(--button-icon-offset);
  margin-top: calc(var(--icon-size)*-.5);
  position: absolute;
  top: 50%
}

.btn.icon-right:before {
  left: auto;
  right: var(--button-icon-offset)
}

.btn.icon-inline {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0
}

.btn.icon-inline:before {
  display: block;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  position: relative
}

input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea,
textarea.form-control {
  --input-height: 60px;
  background-color: var(--theme-color-white);
  border: 1px solid var(--theme-color-primary);
  border-radius: var(--border-radius-xs);
  color: var(--theme-color-primary);
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-size: var(--font-size-copy);
  height: var(--input-height);
  line-height: 1.4;
  padding: 10px 15px;
  position: relative;
  transition: .3s ease;
  width: 100%
}

input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea.form-control:focus,
textarea:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:1199px) {

  input[type=date],
  input[type=datetime],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  textarea,
  textarea.form-control {
    --input-height: 50px
  }
}

@media (max-width:767px) {

  input[type=date],
  input[type=datetime],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  textarea,
  textarea.form-control {
    --input-height: 44px
  }
}

input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
textarea.form-control::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--theme-color-secondary-intensed)
}

input[type=date]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea.form-control::placeholder,
textarea::placeholder {
  color: var(--theme-color-secondary-intensed)
}

input[type=date]:focus::-moz-placeholder,
input[type=datetime]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
textarea.form-control:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: var(--theme-color-secondary-dimmed)
}

input[type=date]:focus::placeholder,
input[type=datetime]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
textarea.form-control:focus::placeholder,
textarea:focus::placeholder {
  color: var(--theme-color-secondary-dimmed)
}

textarea,
textarea.form-control {
  height: auto;
  max-width: 100%;
  transition: box-shadow .2s ease
}

[data-browser=chrome] textarea {
  padding-left: 10px
}

button.search-submit {
  align-items: center;
  background-color: var(--theme-color-secondary);
  border: 0;
  border-radius: 32px;
  color: var(--theme-color-primary);
  cursor: pointer;
  display: flex;
  height: 80px;
  justify-content: center;
  padding: 0 2px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .25s ease;
  width: 80px
}

button.search-submit.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

button.search-submit.-moz-focusring,
button.search-submit:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

button.search-submit:hover {
  background-color: var(--theme-color-secondary-intensed);
  color: var(--theme-color-background)
}

button.search-submit:before {
  content: "\e850";
  display: block;
  font-family: Icons, sans-serif;
  font-size: 40px;
  line-height: 1;
  position: relative;
  text-align: center
}

button.search-submit.secondary {
  background-color: var(--theme-color-primary);
  color: var(--theme-color-white)
}

button.search-submit.secondary:hover {
  background-color: var(--theme-color-primary-dimmed-04);
  color: var(--theme-color-primary)
}

@media (max-width:767px) {
  button.search-submit {
    border-radius: 28px;
    height: 70px;
    width: 70px
  }

  button.search-submit:before {
    font-size: 36px
  }
}

#searchcategoryaddition a {
  margin-bottom: 8px;
  margin-right: 10px
}

.header-search {
  align-items: center;
  background-color: var(--theme-color-primary-dimmed-04);
  display: flex;
  flex-direction: column;
  height: calc(var(--viewport-height, 1vh)*100 - var(--header-height));
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

@media (min-width:768px) {
  .header-search {
    --header-height: 100px
  }
}

.header-search .outer {
  padding-bottom: 10px;
  position: relative
}

.header-search .container {
  margin: auto
}

.header-search .form-nav {
  background-color: var(--theme-color-background);
  width: 100%
}

.header-search .form-nav .secondary,
.header-search .secondary {
  background-color: var(--theme-color-primary-dimmed-04)
}

.header-search .secondary {
  position: relative;
  text-align: left;
  z-index: 1
}

.header-search .secondary ul {
  font-size: 18px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 15px 14px
}

@media (max-width:359px) {
  .header-search .secondary ul {
    font-size: 16px;
    line-height: 20px;
    padding: 10px
  }
}

.header-search .secondary li {
  display: inline-block
}

@media (max-width:767px) and (orientation:landscape) {
  .header-search .secondary {
    min-width: 35vw;
    position: absolute;
    right: 100%;
    top: 0;
    width: calc(100vw - 420px)
  }

  .header-search .secondary li {
    display: block
  }
}

.header-search .secondary a {
  display: block;
  padding: 5px 6px;
  position: relative;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  transition: .3s cubic-bezier(.25, .46, .45, .94)
}

.header-search .secondary a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.header-search .secondary a.-moz-focusring,
.header-search .secondary a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .header-search .secondary a {
    padding: 5px
  }
}

.header-search .meta {
  padding: 0 12px;
  position: relative;
  z-index: 1
}

.header-search .meta>ul {
  justify-content: flex-start
}

.header-search .meta ul,
.header-search .meta>ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.header-search .meta ul li {
  padding: 0
}

.header-search .meta .icons {
  margin-left: auto
}

.header-search .meta .icons .login a:before {
  content: "\e8ca";
  float: right;
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px;
  margin-left: 5px
}

.header-search .meta .icons .login a:hover {
  text-decoration-color: transparent
}

.header-search .meta .icons li:not(.login) a {
  font-size: 0;
  line-height: 0;
  text-decoration: none
}

.header-search .meta .icons li:not(.login) a:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size-small);
  line-height: 30px
}

.header-search .meta .icons li:not(.login) a:hover {
  text-decoration-color: transparent
}

.header-search .meta .icons .sign-language a:before {
  content: "\e843"
}

.header-search .meta .icons .simple-language a:before {
  content: "\e845"
}

.header-search .meta a {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: var(--font-size-small);
  line-height: 30px;
  margin: 10px 0;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  transition: .3s ease
}

.header-search .meta a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.header-search .meta a.-moz-focusring,
.header-search .meta a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:359px) {
  .header-search .meta a {
    padding: 5px
  }
}

.header-search .meta a:hover {
  text-decoration-color: var(--theme-color-primary)
}

.page-header .header-search {
  opacity: 0;
  pointer-events: none;
  top: 100%;
  transition: opacity .4s ease 0s, visibility 0s ease .4s, transform .4s ease 0s;
  visibility: hidden
}

input.search-field {
  background-color: #fff;
  border: 2px solid var(--theme-color-secondary-intensed);
  border-radius: var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md);
  color: var(--theme-color-primary);
  display: block;
  font-family: Source Sans Pro, sans-serif;
  font-size: 22px;
  height: 80px;
  line-height: 32px;
  padding: 24px 90px 24px 24px;
  position: relative;
  transition: .25s ease;
  width: calc(100% - 1px)
}

input.search-field.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

input.search-field.-moz-focusring,
input.search-field:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

@media (max-width:767px) {
  input.search-field {
    border-bottom-right-radius: 28px;
    border-top-right-radius: 28px;
    font-size: 18px;
    height: 70px;
    line-height: 30px;
    padding: 10px 50px 10px 16px
  }
}

input.search-field.focus-visible,
input.search-field.focus-visible:focus,
input.search-field:active,
input.search-field:focus {
  box-shadow: 0 0 10px var(--theme-color-secondary-intensed), 0 0 4px var(--theme-color-secondary-intensed)
}

input.search-field::-webkit-input-placeholder {
  color: var(--theme-color-link-hover)
}

input.search-field::-moz-placeholder {
  color: var(--theme-color-link-hover)
}

input.search-field:-ms-input-placeholder {
  color: var(--theme-color-link-hover)
}

input.search-field:-moz-placeholder {
  color: var(--theme-color-link-hover)
}

input.search-field:-webkit-autofill,
input.search-field:-webkit-autofill:active,
input.search-field:-webkit-autofill:focus,
input.search-field:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important
}

input.search-field::-webkit-search-cancel-button,
input.search-field::-webkit-search-decoration,
input.search-field::-webkit-search-results-button,
input.search-field::-webkit-search-results-decoration {
  display: none
}

.page-footer {
  background-color: var(--theme-color-primary-dimmed-04);
  border-bottom: var(--border-width) solid var(--theme-color-primary);
  padding: var(--section-padding) 0;
  z-index: 10
}

@media (max-width:767px) {
  .page-footer .container {
    display: flex;
    flex-direction: column
  }
}

.page-footer .row.contact {
  margin-top: calc(var(--col-padding)*-.5)
}

.page-footer .row.contact .col {
  flex: 1 1 33.3333%;
  max-width: 33.3333%
}

@media (max-width:767px) {
  .page-footer .row.contact .col {
    flex: 1 1 100%;
    max-width: 100%;
    padding-bottom: 0;
    padding-top: 0
  }
}

.page-footer .row.contact .like-h2 {
  margin-top: var(--section-headline-margin)
}

.page-footer .row.contact .like-h6:first-child,
.page-footer .row.contact h6:first-child {
  margin-bottom: .5em;
  margin-top: 0
}

.page-footer .row.contact .btn {
  margin: .2em -.1em 1em
}

.page-footer .contact-list {
  list-style: none;
  margin: 0 -.05em .7em;
  padding: 0
}

.page-footer .contact-list li {
  margin-bottom: .3em
}

.page-footer .contact-list a {
  padding-left: calc(var(--icon-size)*1.4);
  position: relative;
  white-space: nowrap
}

.page-footer .contact-list a:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: 0;
  line-height: 1;
  margin-top: calc(var(--icon-size)/-2);
  position: absolute;
  top: 50%;
  transition: .2s ease
}

.page-footer .contact-list a:after {
  border-radius: var(--border-radius-xs);
  bottom: 0;
  content: "";
  left: 0;
  margin: -.2em -.3em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.page-footer .contact-list a:focus-visible {
  outline: none
}

.page-footer .contact-list a:focus-visible:after {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-footer .contact-list .mail a:before {
  content: "\e80c"
}

.page-footer .contact-list .phone a:before {
  content: "\e83e"
}

.page-footer .row.barrier-free {
  color: var(--theme-color-link);
  text-align: right
}

.page-footer .row.barrier-free ul {
  list-style: none;
  margin: 0 -.5em;
  padding: 0
}

.page-footer .row.barrier-free ul:after {
  border-bottom: 1px solid var(--theme-color-primary-dimmed-03);
  content: "";
  display: block;
  margin: 1em .5em 0;
  position: relative
}

.page-footer .row.barrier-free li {
  align-items: center;
  display: inline-flex;
  margin: 0 .5em;
  position: relative
}

.page-footer .row.barrier-free li:before {
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  margin-left: .2em;
  order: 1;
  transition: .2s ease
}

.page-footer .row.barrier-free li:hover:before {
  color: var(--theme-color-link-hover)
}

.page-footer .row.barrier-free a:before {
  border-radius: var(--border-radius-xs);
  bottom: 0;
  content: "";
  left: 0;
  margin: 0 -.4em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease
}

.page-footer .row.barrier-free a:focus {
  outline: none
}

.page-footer .row.barrier-free a:focus-visible:before {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-footer .row.barrier-free a:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.page-footer .row.copyright {
  font-size: var(--font-size-small)
}

@media (min-width:1200px) {
  .page-footer .row.copyright .col:first-child {
    flex: 1 1 66.66667%;
    max-width: 66.66667%
  }

  .page-footer .row.copyright .col:last-child {
    flex: 1 1 33.33333%;
    max-width: 33.33333%
  }
}

@media (max-width:1199px) {
  .page-footer .row.copyright {
    order: 1;
    padding-right: 80px
  }

  .page-footer .row.copyright .col:last-child {
    min-width: 100%;
    order: -1
  }
}

.page-footer .row.copyright p {
  margin-bottom: 8px
}

@media (max-width:767px) {
  .page-footer .row.social {
    margin: .5em calc(var(--col-padding)*-1)
  }
}

.page-footer .row.social .col {
  padding-bottom: 10px;
  padding-top: 0
}

.page-footer .legal-nav {
  font-size: var(--font-size-small)
}

@media (min-width:768px) {
  .page-footer .legal-nav {
    text-align: right
  }
}

.page-footer .legal-nav .col {
  padding-bottom: 0
}

.page-footer .legal-nav ul {
  list-style: none;
  margin: 0 -.6em;
  padding: 0
}

@media (max-width:767px) {
  .page-footer .legal-nav ul:after {
    border-bottom: 1px solid var(--theme-color-primary-dimmed-03);
    content: "";
    display: block;
    margin: 26px 8px 20px;
    position: relative
  }
}

.page-footer .legal-nav li {
  display: inline-block;
  margin: 0 .3em
}

.page-footer .legal-nav a {
  border-radius: var(--border-radius-xs);
  display: block;
  padding: 0 .2em;
  text-decoration: none
}

.page-footer .legal-nav a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-footer .legal-nav a.-moz-focusring,
.page-footer .legal-nav a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.page-footer .logos {
  margin: 0 -10px
}

@media (min-width:1000px) {
  .page-footer .logos {
    text-align: right
  }
}

.page-footer .logos a {
  display: inline-block;
  margin: 0 10px
}

.page-footer .logos img {
  max-height: 30px
}

.social-icons {
  --color-twitter: #101419;
  --color-youtube: red;
  --color-linkedin: #2867b2;
  --color-instagram: #dd3076;
  --color-facebook: #1877f2;
  --color-xing: #126567;
  --color-threema: #05a63f;
  --color-telegram: #08c;
  --color-whatsapp: #25d366;
  --color-pinterest: red;
  --social-icon-size: 50px;
  --social-icon-distance: 15px;
  font-size: 0;
  line-height: 0;
  margin: 0 0 calc(var(--social-icon-distance)*-1) calc(var(--social-icon-distance)*-1);
  padding: 0
}

@media (max-width:767px) {
  .social-icons {
    --social-icon-size: 44px;
    --social-icon-distance: 10px
  }
}

.social-icons li {
  display: inline-block;
  margin-bottom: var(--social-icon-distance);
  margin-left: var(--social-icon-distance);
  vertical-align: top
}

.social-icons a {
  color: var(--theme-color-white);
  display: block;
  font-size: 0;
  height: var(--social-icon-size);
  line-height: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .3s ease;
  width: var(--social-icon-size);
  z-index: 1
}

.social-icons a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.social-icons a.-moz-focusring,
.social-icons a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.social-icons a:before {
  background-color: var(--theme-color-white);
  display: block;
  font-family: Icons, sans-serif;
  font-size: calc(var(--social-icon-size) + 2px);
  line-height: calc(var(--social-icon-size) + 2px);
  margin: -1px
}

.social-icons a.facebook:before {
  color: var(--color-facebook);
  content: "\e859"
}

.social-icons a.twitter:before {
  color: var(--color-twitter);
  content: "\e85d"
}

.social-icons a.linkedin:before {
  color: var(--color-linkedin);
  content: "\e85b"
}

.social-icons a.youtube:before {
  color: var(--color-youtube);
  content: "\e860"
}

.social-icons a.instagram:before {
  color: var(--color-instagram);
  content: "\e861"
}

.social-icons a.xing:before {
  color: var(--color-xing);
  content: "\e85e"
}

.social-icons a.threema:before {
  color: var(--color-threema);
  content: "\e84e"
}

.social-icons a.telegram:before {
  color: var(--color-telegram);
  content: "\e84d"
}

.social-icons a.whatsapp:before {
  color: var(--color-whatsapp);
  content: "\e84f"
}

.social-icons a.pinterest:before {
  color: var(--color-pinterest);
  content: "\e85c"
}

.page-details {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 48px;
  padding: 10px 42px 0;
  width: auto
}

@media (max-width:1199px) {
  .page-details {
    margin: 20px 0 36px;
    padding: 0 28px
  }
}

@media (max-width:767px) {
  .page-details {
    display: block;
    margin: 14px 0;
    padding: 0 var(--container-padding)
  }
}

.page-details.intranet .document-number {
  padding-left: calc(var(--icon-size)*1.3);
  position: relative
}

.page-details.intranet .document-number:before {
  content: "\e82e";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  left: 0;
  line-height: 1;
  position: absolute;
  top: calc(50% - var(--icon-size)/2)
}

.intranet-short-text {
  background-color: var(--theme-color-primary-dimmed-04);
  overflow: hidden;
  padding: 40px 80px 40px 40px;
  position: relative
}

.intranet-short-text:before {
  content: "\e82e";
  font-family: Icons, sans-serif;
  font-size: var(--icon-size);
  line-height: 1;
  margin: -16px 10px;
  position: absolute;
  right: 1%;
  top: 14%
}

@media (max-width:999px) {
  .breadcrumb-list-wrapper {
    width: 100%
  }
}

.breadcrumb {
  background-color: inherit;
  border-radius: 0;
  font-size: 18px;
  list-style: none;
  margin: 0 -2px;
  padding: 0;
  white-space: nowrap
}

.breadcrumb br {
  display: none
}

@media (max-width:999px) {
  .breadcrumb {
    margin: 0 -20px -10px;
    max-width: 100vw;
    overflow: auto;
    padding: 0 18px 10px
  }
}

@media (max-width:767px) {
  .breadcrumb {
    font-size: 16px;
    opacity: 1
  }
}

.breadcrumb a {
  border-radius: var(--border-radius-xs);
  margin: 0 -2px;
  padding: 2px 4px;
  transition: .3s ease
}

.breadcrumb a.focus-visible:focus {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.breadcrumb a.-moz-focusring,
.breadcrumb a:focus-visible {
  box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
  outline: 0
}

.breadcrumb a:hover {
  color: var(--theme-color-secondary-intensed)
}

.breadcrumb li {
  display: inline-block
}

.breadcrumb li+li:before {
  color: inherit;
  content: "\e825";
  display: inline-block;
  font-family: Icons, sans-serif;
  font-size: 20px;
  margin: -1px 6px 0 3px;
  padding: 0;
  position: relative;
  vertical-align: top
}

@media (max-width:767px) {
  .breadcrumb li+li:before {
    font-size: 18px
  }
}

.breadcrumb li:last-child a {
  text-decoration: none
}

.document-number {
  font-size: 18px;
  line-height: 20px;
  margin: 0 -14px 0 auto;
  padding: 5px 12px
}

@media (max-width:1199px) {
  .document-number {
    margin-right: -12px
  }
}

@media (max-width:999px) {
  .document-number {
    display: none
  }
}