@charset "UTF-8";
/* KMS Style Check 2017-06 : Schriftgroessen, -farben, Abstaende */
/* @see https://ab1d.plan.io/issues/2602 */
/*-------------------------- info colors ---------------------------*/
/*------------------------ info fonts ---------------------------*/
/* Fliesstext, Labels, Servicenavi, Teilen-Links, Quick-Links, Menu-Ebene-3, Buttons */
/*
$continuous-text: 18px;
$continuous-text-lh: 24px;
*/
/* Neu 12.11. */
/* Nur Fliesstext */
/* Bildunterschriften, Arkkordeon, H Soziale Medien, breadcrumb */
/* sonder */
/* Label copyright */
/* H2 Startseite */
/* H2 Startseite mobile */
/* Stage H2 */
/* Stage H2 mobile */
/* H1 */
/* H1 mobile */
/* H2, Zitat gross */
/* H2, Zitat gross mobile */
/* H3, Einleitungen, Zitat klein, Menu-Ebene-1 */
/* H3, Einleitungen, Zitat klein, Menu-Ebene-1 mobile */
/* H4, Einleitungen, Links, Sprungmarken, Menu-Ebene-2 */
/* H4, Einleitungen, Links, Sprungmarken, Menu-Ebene-2 mobile */
/*----------------------- mobile fonts --------------------------*/
/* Fliesstext, Labels, Servicenavi, Teilen-Links, Quick-Links, Menu-Ebene-3, Buttons */
/*
$continuous-text-mobile: 18px;
$continuous-text-lh-mobile: 24px;
*/
/* Neue Vorlage 2016_11_16 */
/* Bildunterschriften, Arkkordeon, H Soziale Medien, breadcrumb */
/* sonder */
/* Label copyright */
/*----------------------- mobile misc --------------------------*/
/*------------------------ info misc ---------------------------*/
/* normal */
/* bold */
/* Offset header arrow icon */
/* Offset bottom elements */
/* Offset top elements h2 */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++ SERVICE ++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------------ info misc ---------------------------*/
/* Offset header arrow icon */
/* Offset bottom elements */
/* Offset top elements h2 */
/*----------------------- mobile misc --------------------------*/
/* $screen-xs:                  680px !default; */
/* $screen-sm:                  1024px !default; */
/*

$screen-xs:                  680px !default;

$screen-xs-min:              $screen-xs !default;

$screen-phone:               $screen-xs-min !default;

// Small screen / tablet

$screen-sm:                  1024px !default;
$screen-sm-min:              $screen-sm !default;

$screen-tablet:              $screen-sm-min !default;

// Medium screen / desktop

$screen-md:                  1440px !default;
$screen-md-min:              $screen-md !default;

$screen-desktop:             $screen-md-min !default;

// Large screen / wide desktop

$screen-lg:                  1920px !default;
$screen-lg-min:              $screen-lg !default;

$screen-lg-desktop:          $screen-lg-min !default;
*/
/*------------------------- Mixins --------------------------*/
/*
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
  position: relative;
  min-height: 1px;
  padding-left:  ($gutter / 2);
  padding-right: ($gutter / 2);

  @media (min-width: $screen-sm-min) {
    float: none;
    width: 959px;
    @include clearfix;
  }
}
@mixin make-sm-column-offset($columns) {
  @media (min-width: $screen-sm-min) {
    margin: 0 auto;
    @include clearfix;
  }
}
@mixin make-sm-column-push($columns) {
  @media (min-width: $screen-sm-min) {
    left: percentage(($columns / $grid-columns));
  }
}
@mixin make-sm-column-pull($columns) {
  @media (min-width: $screen-sm-min) {
    right: percentage(($columns / $grid-columns));
  }
}
*/
/*------------------------- Global --------------------------*/
html, body {
  font-size: 16px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
  color: #444;
  background-color: #fff;
}

.page {
  background-color: #777;
}
.page .container-fluid {
  max-width: 1440px;
  background-color: #fff;
}

a {
  color: rgb(80, 37, 114);
  text-decoration: none;
}

h1 {
  font-size: 40px;
  line-height: 1.2;
}

h2 {
  font-size: 32px;
  line-height: 1.25;
}

h3, h4 {
  margin-top: 0px;
  font-size: 24px;
  line-height: 1.333333;
}

h3 {
  margin-bottom: 20px;
}

h4 {
  margin-bottom: 16px;
}

p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 24px;
  color: currentColor;
}

/*
ul, ol {
  padding-left: 0px;
}
*/
.std-box ul, .std-box ol {
  padding-left: 35px;
}
.std-box ul li, .std-box ol li {
  padding-left: 19px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 2px;
}

.color-a {
  background-color: rgb(46, 38, 114) !important;
}

.color-b {
  background-color: rgb(110, 34, 114) !important;
}

.color-c {
  background-color: rgb(90, 37, 114) !important;
}

.color-d {
  background-color: rgb(70, 38, 114) !important;
}

.color-e {
  background-color: rgb(90, 37, 114) !important;
}

.color-f {
  background-color: rgb(70, 38, 114) !important;
}

.color-g {
  background-color: rgb(110, 34, 114) !important;
}

.color-h {
  background-color: rgb(46, 38, 114) !important;
}

.color-violet-1 {
  background-color: rgb(90, 37, 114) !important;
}

.color-violet-2 {
  background-color: rgb(46, 38, 114) !important;
}

.color-violet-3 {
  background-color: rgb(70, 38, 114) !important;
}

.color-violet-4 {
  background-color: rgb(110, 34, 114) !important;
}

@media print {
  .color-violet-1,
  .color-violet-2,
  .color-violet-3,
  .color-violet-4,
  .color-a,
  .color-b,
  .color-c,
  .color-d,
  .color-e,
  .color-f,
  .color-g,
  .color-h {
    background-color: transparent !important;
  }
}
.out {
  left: -20000em;
  position: absolute;
  top: -20000em;
}

.new-2017-button-style, .content .form-horizontal .form-group .btn-default, .content .more-button .btn.btn-default {
  background-color: rgb(80, 37, 114);
  color: rgb(255, 255, 255);
  font-weight: bold;
  border: 2px solid rgb(80, 37, 114);
}
.new-2017-button-style:focus, .content .form-horizontal .form-group .btn-default:focus, .content .more-button .btn.btn-default:focus, .new-2017-button-style:hover, .content .form-horizontal .form-group .btn-default:hover, .content .more-button .btn.btn-default:hover {
  background-color: transparent;
  color: rgb(80, 37, 114);
  text-decoration: underline;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: none;
}

#skip-link a:focus {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  padding: 0.3em 0.5em;
  background: white;
  font-weight: bold;
  text-decoration: underline;
}

.unbutton, .calendar button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background: transparent;
  text-align: left;
  font-weight: normal;
  margin: 0;
  line-height: inherit;
  font-family: inherit;
}
.unbutton::-moz-focus-inner, .calendar button::-moz-focus-inner {
  outline: 0;
  border: none;
}

.DNU-std-h1, .content .stage-slider-h1 h2, .quick-tiles .tile-fact .tile-number {
  font-size: 32.5px;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .DNU-std-h1, .content .stage-slider-h1 h2, .quick-tiles .tile-fact .tile-number {
    font-size: 40px;
    line-height: 1.2;
  }
}

.DNU-std-h2, .skilled .stage-text h2, .stage-slider[data-columns="12/12"] .stage-intro--text > blockquote:first-child p, .quick-tiles .tile-icon i {
  font-size: 26px;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .DNU-std-h2, .skilled .stage-text h2, .stage-slider[data-columns="12/12"] .stage-intro--text > blockquote:first-child p, .quick-tiles .tile-icon i {
    font-size: 32px;
    line-height: 1.25;
  }
}

.DNU-std-h3, .accordion-dw .accordion-heading, .stage-intro--links.stage-intro--links--standalone, .stage-introduction .stage-intro--text > blockquote:first-child p,
.stage-introduction .topline + blockquote p, .quick-tiles .tile-icon .tile-label, .quick-tiles .tile-fact .tile-label, .quick-tiles .tile-link, .section-header .subheader {
  font-size: 19.5px;
  line-height: 1.333333;
}
@media (min-width: 1024px) {
  .DNU-std-h3, .accordion-dw .accordion-heading, .stage-intro--links.stage-intro--links--standalone, .stage-introduction .stage-intro--text > blockquote:first-child p,
  .stage-introduction .topline + blockquote p, .quick-tiles .tile-icon .tile-label, .quick-tiles .tile-fact .tile-label, .quick-tiles .tile-link, .section-header .subheader {
    font-size: 24px;
    line-height: 1.333333;
  }
}

.DNU-std-h4, .news-date-filter .date-input .label-text, .news-date-filter .btn-primary, .news-list-filters .btn-primary.dropdown-toggle {
  font-size: 14.625px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .DNU-std-h4, .news-date-filter .date-input .label-text, .news-date-filter .btn-primary, .news-list-filters .btn-primary.dropdown-toggle {
    font-size: 18px;
    line-height: 1.5;
  }
}

.DNU-normal, .content .news-meta-details,
.content .intro p.news-meta-details, .stage-intro--links, .pictlist ul li, .news-grid--teaser .text li, .news-grid--teaser .topline, .content .section-header a, .info-box .info-2-columns li,
.links-in-text li,
.stage-text li,
.std-sitemap li {
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .DNU-normal, .content .news-meta-details,
  .content .intro p.news-meta-details, .stage-intro--links, .pictlist ul li, .news-grid--teaser .text li, .news-grid--teaser .topline, .content .section-header a, .info-box .info-2-columns li,
  .links-in-text li,
  .stage-text li,
  .std-sitemap li {
    font-size: 18px;
    line-height: 1.5;
  }
}

.DNU-section-h2, .content .section-header h2 {
  font-size: 32px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .DNU-section-h2, .content .section-header h2 {
    font-size: 40px;
    line-height: 1;
  }
}

/*------------------------- Header --------------------------*/
.fix-header {
  position: relative;
  max-width: 1440px;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  background-color: #fff;
  z-index: 30;
  border-bottom: 1px solid #000;
}
.fix-header.affix {
  position: fixed;
}
.fix-header.no-border {
  border-bottom: none;
}
.fix-header .logo a, .fix-header .logo span {
  padding: 14px 0;
  display: inline-block;
}
.fix-header .logo img {
  width: 135px;
  height: auto;
  max-width: 100%;
}
.fix-header .service {
  display: inline-block;
  width: 100%;
}
.fix-header .service .language {
  text-align: right;
  display: none;
}
.fix-header .service .language .nav > li > a:hover,
.fix-header .service .language .fix-header .logo .nav > li > span:hover,
.fix-header .service .language .nav > li > a:focus,
.fix-header .service .language .fix-header .logo .nav > li > span:focus {
  text-decoration: underline;
  background-color: transparent;
}
.fix-header .service .language .nav > li.lang-selector > a:hover,
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:hover,
.fix-header .service .language .nav > li.lang-selector > a:focus,
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:focus {
  text-decoration: none;
  background-color: #eee;
  color: rgb(80, 37, 114);
}
.fix-header .service .language .nav > li.lang-selector > a:hover:before,
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:hover:before,
.fix-header .service .language .nav > li.lang-selector > a:focus:before,
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:focus:before {
  color: rgb(80, 37, 114);
}
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:hover {
  text-decoration: none;
  background-color: #eee;
  color: rgb(80, 37, 114);
}
.fix-header .service .language .fix-header .logo .nav > li.lang-selector > span:hover:before {
  color: rgb(80, 37, 114);
}
.fix-header .service .language nav {
  display: inline-block;
}
.fix-header .service .language nav ul li {
  margin-top: 0;
  margin-bottom: 8px;
  margin-left: 28px;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 300;
}
.fix-header .service .language nav ul li .icon:before {
  content: " ";
  width: 18px;
  height: 21px;
  display: block;
  position: absolute;
  top: 12px;
}
.fix-header .service .language nav ul li .icon:hover:before {
  color: rgb(80, 37, 114);
}
.fix-header .service .language nav ul li a {
  height: auto;
}
.fix-header .service .language nav ul li a:hover {
  color: rgb(80, 37, 114);
}
.fix-header .service .language nav ul li a:active {
  color: rgb(80, 37, 114);
}
.fix-header .service .language nav ul li a:focus {
  color: rgb(80, 37, 114);
}
.fix-header .service .language nav ul li.simple a .icon:before {
  background: url("Images/icon-simple.png") no-repeat 0 0 transparent;
  left: -18px;
}
.fix-header .service .language nav ul li.simple a:hover .icon:before {
  background: url("Images/icon-simple_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.simple a:active .icon:before {
  background: url("Images/icon-simple_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.simple a:focus .icon:before {
  background: url("Images/icon-simple_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.sign a .icon:before {
  background: url("Images/icon-sign.png") no-repeat 0 0 transparent;
  left: -12px;
}
.fix-header .service .language nav ul li.sign a:hover .icon:before {
  background: url("Images/icon-sign_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.sign a:active .icon:before {
  background: url("Images/icon-sign_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.sign a:focus .icon:before {
  background: url("Images/icon-sign_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector {
  margin-left: 0px;
}
.fix-header .service .language nav ul li.lang-selector .icon:before {
  width: 23px;
  height: 13px;
  top: 14px;
  left: 16px;
  background: url("Images/icon-language.png") no-repeat 0 0 transparent;
  z-index: 20;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-toggle {
  padding-right: 50px;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu {
  padding: 0px;
  margin: 0px;
  border: none;
  border-radius: 0px;
  min-width: 100%;
  background-color: #eee;
  box-shadow: unset;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li {
  margin-left: 0px;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li a {
  color: rgb(80, 37, 114);
  padding: 8px 0px 8px 50px;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li a:hover {
  background-color: #fff;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li a:active {
  background-color: #fff;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li a:focus {
  background-color: #fff;
}
.fix-header .service .language nav ul li.lang-selector .dropdown-menu li.active a:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 12px;
  position: absolute;
  top: 16px;
  left: 20px;
  background: url("Images/icon-dropdown-active.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector a:hover .icon-carret:after {
  background: url("Images/icon-dropdown-closed_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector a:active .icon-carret:after {
  background: url("Images/icon-dropdown-closed_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector a:focus .icon-carret:after {
  background: url("Images/icon-dropdown-closed_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector.open .icon-carret:after {
  background: url("Images/icon-dropdown-open.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector.open a:hover .icon-carret:after {
  background: url("Images/icon-dropdown-open_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector.open a:active .icon-carret:after {
  background: url("Images/icon-dropdown-open_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav ul li.lang-selector.open a:focus .icon-carret:after {
  background: url("Images/icon-dropdown-open_hover.png") no-repeat 0 0 transparent;
}
.fix-header .service .language nav .dropdown-menu > li > a {
  color: #000;
}
.fix-header .service .language nav .dropdown-menu > .active > a {
  color: #000;
  background-color: #eee;
}
.fix-header .service .language .nav > li.lang-selector > a {
  padding-left: 46px;
  padding-right: 36px;
}
.fix-header .service .language .nav > li.lang-selector > a .icon-carret:after {
  content: " ";
  width: 24px;
  height: 24px;
  top: 10px;
  right: 17px;
  display: block;
  position: absolute;
  background: url("Images/icon-dropdown-closed.png") no-repeat 0 0 transparent;
  z-index: 20;
  color: rgb(80, 37, 114);
}
.fix-header .service .language .nav-pills > li.lang-selector > a {
  border-radius: 0;
}

.fix-header .service .language nav ul li.lang-selector .dropdown-menu li.active a {
  color: #000;
}

.fix-header.affix {
  max-width: 1440px;
}
.fix-header.affix .logo {
  display: inline-block;
}
.fix-header.affix .logo img {
  width: 135px;
  height: auto;
}
.fix-header.affix .menu {
  display: inline-block;
  margin-top: 0px;
  padding-top: 4px;
}
.fix-header.affix .service {
  display: inline-block;
}
.fix-header.affix .service .language {
  display: none;
}
.fix-header.affix .service .search {
  padding-top: 4px;
}

@media screen and (min-width: 800px) {
  .fix-header:not(.affix) > .row > .col-xs-18 > .row:not(.service) {
    margin-top: 4px;
  }
}
@media screen and (max-width: 540px) {
  .xxs-col-menu {
    width: calc(100% - 125px);
  }
  .xxs-col-search {
    width: 125px;
  }
  .fix-header.affix .service,
  .fix-header .service {
    display: none;
  }
  .fix-header > .row > div {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .fix-header > .row > div.col-xs-18 {
    width: calc(75% - 5px);
  }
}
/*------------------------- OffCanvas Menu ------------------*/
.oc-menu--visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.oc-menu--no-overflow {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.oc-menu {
  position: absolute;
  height: calc(100vh - 100%);
  width: 100%;
  background-color: #555;
  top: 100%;
  left: 0;
  color: white;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.oc-menu--column-wrap {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.oc-menu.oc-menu--ie11 {
  display: flex;
  flex-direction: row;
}

.oc-menu--ie11 .oc-menu--column-wrap {
  flex: 0 1 100%;
}

.oc-menu--level-wrap {
  width: 33.3333333333%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 30px;
  flex: 0 1 auto;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.oc-menu--level-wrap[data-level="0"] {
  z-index: 10;
  background-color: #083a81;
  padding-top: 40px;
}

.oc-menu--level-wrap[data-level="1"] {
  z-index: 9;
  background-color: #2d5794;
}

.oc-menu--level-wrap[data-level="2"] {
  z-index: 8;
  background-color: #5275a7;
}

.oc-menu ul {
  list-style: none;
  transition: opacity 0.3s ease-out, display 0s ease-out 0.6s;
  position: absolute;
  padding: 0;
  width: 100%;
}

.oc-menu ul[aria-expanded=false] {
  z-index: -1;
  opacity: 0;
  display: none;
}

.oc-menu ul[aria-expanded=true] {
  opacity: 1;
  z-index: auto;
  display: block;
}

.oc-menu button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  text-align: left;
  outline: 0;
  width: 100%;
  display: block;
  padding: 0;
  transition: background-color 0.2s ease-out;
  position: relative;
}

.oc-menu button:not(.oc-menu--close-level):after {
  content: "";
  width: 16px;
  height: 18px;
  background-image: url("Images/arrow_right.svg");
  background-size: auto 18px;
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 9px);
  right: 5%;
}

.oc-menu button:focus,
.oc-menu button:active {
  outline: 0;
}

.oc-menu button::-moz-focus-inner {
  outline: 0;
}

.oc-menu button.oc-menu--close-level {
  background-image: none;
}

.oc-menu .oc-menu--close-level {
  display: none;
}
.oc-menu .oc-menu--close-level:before {
  content: url("Images/arrow_right.svg");
  display: inline-block;
  transform: rotate(180deg);
  width: 7px;
  line-height: 14px;
  margin-right: 12px;
  margin-left: 0;
}

@media (max-width: 1199px) {
  .oc-menu--level-wrap[data-level="3"] .oc-menu--close-level {
    display: block;
  }
}
.oc-menu li > span,
.oc-menu button,
.oc-menu ul a {
  color: white;
  font-size: 22px;
  line-height: 1.5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 12.5%;
  padding-left: calc(12.5% - 20px);
  border-left-width: 20px;
  border-left-style: solid;
  border-left-color: transparent;
  display: block;
}

.oc-menu button:hover, .oc-menu button:focus,
.oc-menu ul a:hover, .oc-menu ul a:focus {
  border-left-color: white;
  text-decoration: none;
  outline: 0;
}

.oc-menu button[aria-selected=true] {
  background-color: white;
  color: #083a81;
}

.oc-menu button:not(.oc-menu--close-level)[aria-selected=true]:after {
  background-image: url("Images/arrow_right_blue1.svg");
}

.oc-menu--level-wrap[data-level="1"] li > span,
.oc-menu--level-wrap[data-level="1"] button,
.oc-menu--level-wrap[data-level="1"] ul a {
  font-size: 20px;
}

.oc-menu--level-wrap[data-level="2"] li > span,
.oc-menu--level-wrap[data-level="2"] button,
.oc-menu--level-wrap[data-level="2"] ul a {
  font-size: 19px;
}

.oc-menu--level-wrap[data-level="0"] {
  display: flex;
  flex-direction: column;
}

.oc-menu--level-wrap[data-level="0"] > ul {
  position: static;
  flex: 1 0 auto;
  margin-bottom: 25px;
}

.oc-menu--level-wrap[data-level="0"] > h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 12.5%;
}

.oc-menu--portal-links {
  width: 100%;
  flex: 0 0 auto;
}

.oc-menu--portal-links h3 {
  margin-top: 0;
}

.oc-menu--portal-links span,
.oc-menu--portal-links a {
  display: block;
}

.oc-menu--portal-links > a {
  padding: 32px 12.5%;
}

.oc-menu--portal-links > a:nth-child(1) {
  background-color: #5c2874;
}

.oc-menu--portal-links > a:nth-child(2) {
  background-color: #792573;
}

.oc-menu--portal-links a {
  color: white;
}
.oc-menu--portal-links a:hover, .oc-menu--portal-links a:focus {
  text-decoration: none;
}

.oc-menu--duped {
  font-weight: bold;
}

.oc-menu span.oc-menu--root-line,
button.oc-menu--root-line,
ul a.oc-menu--root-line {
  background-color: #96abca;
  color: #000;
}

button.oc-menu--root-line:after {
  background-image: url("Images/arrow_right_black.svg");
}

.oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: white;
  color: #083a81;
}

.oc-menu--external-link {
  position: relative;
  padding-left: 1.7em;
  margin-top: 0.25em;
}

.oc-menu--external-link:before {
  content: "";
  background-image: url("/fileadmin/Public/Css/Images/icon-external-white.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.3em;
  position: absolute;
  top: 1px;
  left: 0;
}

.oc-menu--external-link:hover,
.oc-menu--external-link:focus {
  color: white;
}

.oc-menu--portal-links a:hover .oc-menu--external-link,
.oc-menu--portal-links a:focus .oc-menu--external-link {
  text-decoration: underline;
}
.oc-menu--portal-links a:hover .oc-menu--external-link:before,
.oc-menu--portal-links a:focus .oc-menu--external-link:before {
  background-image: url("/fileadmin/Public/Css/Images/icon-external-white_hover.png");
}

.oc-menu--link {
  display: block;
  margin-top: 10px;
  text-align: center;
}

.oc-menu--link button {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
  padding: 0;
  background: transparent;
  border: none;
}

.oc-menu--link button:focus,
.oc-menu--link button:hover {
  text-decoration: underline;
}

.oc-menu--link button i.fa {
  margin-right: 10px;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  color: #222;
  position: relative;
  top: -2px;
}

.oc-menu--link button i.fa::before {
  display: inline-block;
  position: relative;
  top: 0.19rem;
}

.oc-menu--link button.oc-menu--close i.fa {
  background-color: #083a81;
  border-radius: 50%;
  color: white;
}

.oc-menu--meta-nav ul {
  position: static;
}
.oc-menu--meta-nav ul li {
  display: block;
  float: none;
}
.oc-menu--meta-nav .lang-selector > .icon {
  display: none;
}
.oc-menu--meta-nav .lang-selector .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  margin: 0;
}
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:hover,
.oc-menu--meta-nav .lang-selector .dropdown-menu > li > a:focus {
  color: white;
}
.oc-menu--meta-nav .lang-selector .dropdown-menu .active {
  background-image: url(Images/icon-dropdown-active-white.png);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.5em 0.9em;
}
.oc-menu--meta-nav .lang-selector .icon-carret:after {
  content: "";
  background: url("Images/icon-dropdown-closed.png") no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: 5px;
}
.oc-menu--meta-nav .lang-selector.open .icon-carret:after {
  background: url("Images/icon-dropdown-open.png") no-repeat 0 0 transparent;
}
.oc-menu--meta-nav .lang-selector.open > a {
  border-left-color: transparent;
}
.oc-menu--meta-nav .lang-selector.open > a:hover, .oc-menu--meta-nav .lang-selector.open > a:focus {
  border-left-color: white;
}
.oc-menu--meta-nav .simple a {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAQAAAAn3TzeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBCoq5AoJAAABC0lEQVQ4y+2TsUrDUBSGv0QcRZC2kzGtBbW4Ci4+gL6CODlk9Em6OLp2EBx0EJwFdRRXW4WSpotKhww6RGt/F4tJ7oXGzv3udP5zvnOng7C+Az3oWx86k2fr26Wm/nhVvZi2qyy3xbQb5dnOz7jkqbBjZHv5wNS2cIxsbbJWw8SdrJUtWt/UrtjPjN5zTZyqE+44T9XLBLQc6XffE4880yUk5J0SJcokDIiYw6dKnXUaNPCAPrIR6VKB0JEu1NXI6Mfj30x6VIlZtPZGLtPgTqcx02ZaEe2Er386CccIVRToVB0NM8cRCsWZZKi2WjrUknBSdzOPzwoePqtssMAmL7zRpkNIj4iQz/HoD08YEa5kBPdEAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1.1em 1em;
}
.oc-menu--meta-nav .sign a {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAiCAQAAAAJthr8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAMiIAADIiAR+gcTwAAAAHdElNRQfhAg0LBQjmn3qsAAACsElEQVQ4y42VX2jWZRTHP5tLlqTJ3AQlaC52sbmpwXBqUgRuBiYaif8mbg2LBCVFUIQKEtsuLI1CKW0hpEJRgdPV1DvndKxR4HAyaOzCXDBka8ts9ro+Xezx9d273/u689z8vuf5fX7nPIdznh8y6VVjh+880pMH31T1k8ehuRYkeTao+m1Qc1KjDToOXq5qZ1CfqfWSSZT9AcyLqyIuA8NUAgVcZgcwkxRRL4x9N6xuVSvFrd5TdV+qhItU/SCow6p+JH6jasw1Yq5PR6Evqlou4mZVT4ktqvY5S1zvqFej0HfVEaeIW1T9y5dtUrVVnBueP41Cb6oDLgyp6t8Oq1rnfPcG3/tRZ61UddTx1m+1b9mvaodl0WXabrL1qdc9GtTB1N1UlQANeMBXLPZi0E0WhrcKzc6a0A6bgXZiNPEbQzzBe/TQQAV9rOMa8BLL2EQptRPRQ5xmkBwKeINSngGOsBj4nXucZyVjRB83ktNd7C7bE1JuconrxhVtwOOuMkMeRq0jm38oozIe/T7fc44uNrI/eG7zE2dp5kHQIhZPqOodp/mUPyZ4PjZ7fIYZAnzH60knHuEEbcwgnwcsZwr7uZJclAyhiK7I0YvRzEVGyKSVXkb4L2nfqXb6OIupPTa6zWcTL5gP00J/hv59ZJd8YQzNopN09it13CGXCnJ4kgryWMEtWh9W+GjauN2etDYkOdUSq81J7OEvUmAd9oanfz0W79+k9j8UiZ6xxj22xXWDi6Lu4ZIw/YZ5HQq1/cpCi/3c+2GnPnroVvtzfEanW+1dVW+5WsS3/UU19by+6teqfinmedKYqi0uEHGtK9P/OHaq2ixivkdCJj84O6pMyWu3qo1BPe8ZVasmg+Iyh9RGpwdd7mtmTQ7F5+xXe8yI3s9M04Q9LKWNwVTb/wMJNVft16gY+wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: 1em 1em;
}
.oc-menu--meta-nav .lang-selector a.dropdown-toggle {
  background-image: url(Images/icon-lang-white.svg);
  background-repeat: no-repeat;
  background-size: auto 0.9em;
  background-position: 0.75em 1em;
}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a {
  font-size: 16px;
  background-color: transparent;
  padding-left: 48px;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:hover, .oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a:focus {
  background-color: transparent;
}

@media screen and (min-width: 800px) {
  .oc-menu li > span,
  .oc-menu button,
  .oc-menu ul a {
    font-size: 24px;
  }
  .oc-menu--level-wrap[data-level="1"] li > span,
  .oc-menu--level-wrap[data-level="1"] button,
  .oc-menu--level-wrap[data-level="1"] ul a {
    font-size: 21px;
  }
  .oc-menu--level-wrap[data-level="2"] li > span,
  .oc-menu--level-wrap[data-level="2"] button,
  .oc-menu--level-wrap[data-level="2"] ul a {
    font-size: 20px;
  }
  .oc-menu--meta-nav {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .oc-menu--column-wrap {
    height: auto;
    min-height: 100%;
  }
  .oc-menu--level-wrap {
    height: auto;
    min-height: 46.875em;
    max-height: none;
    overflow-y: visible;
  }
  .oc-menu ul {
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .oc-menu .oc-menu--close-level {
    display: block;
  }
  .oc-menu {
    width: 300vw;
    margin-left: 0;
    transition: margin-left 0.3s ease-in-out;
  }
  .oc-menu[data-current-level="1"] {
    margin-left: -100vw;
  }
  .oc-menu[data-current-level="2"] {
    margin-left: -200vw;
  }
  .oc-menu[data-current-level="3"] {
    margin-left: -300vw;
  }
  .oc-menu--level-wrap {
    padding-top: 10px;
    min-height: 29rem;
  }
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 32px;
  }
  .oc-menu--level-wrap[data-level="0"] > h3 {
    font-size: 20px;
    padding: 0 7.5%;
    margin-bottom: 15px;
  }
  .oc-menu .oc-menu--level-wrap li > span,
  .oc-menu .oc-menu--level-wrap button,
  .oc-menu .oc-menu--level-wrap ul a {
    font-size: 16px;
    padding-right: 7.5%;
    padding-left: calc(7.5% - 10px);
    border-left-width: 10px;
  }
  .oc-menu .oc-menu--level-wrap[data-level="0"] li > span,
  .oc-menu .oc-menu--level-wrap[data-level="0"] button,
  .oc-menu .oc-menu--level-wrap[data-level="0"] ul a {
    font-size: 18px;
  }
  .oc-menu--portal-links {
    display: flex;
  }
  .oc-menu--portal-links > a {
    display: inline-block;
    width: 50%;
    padding: 25px 3%;
    font-size: 14px;
  }
  .oc-menu--portal-links > a h3 {
    font-size: 24px;
    margin-bottom: 0.65em;
  }
}
@media screen and (max-width: 480px) {
  .oc-menu--level-wrap[data-level="0"] {
    padding-top: 20px;
  }
  .oc-menu--portal-links {
    display: block;
  }
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    padding: 25px 7.5%;
    font-size: 12px;
  }
  .oc-menu--portal-links > a h3 {
    font-size: 20px;
  }
  .oc-menu--close-extra {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
/*
  ************************ Content **************************
*/
/*------------------------------------ unter 1440px bis 1024px -----------------------------------------*/
/* ------ Ueberschreiben ------ */
.static-sm-16 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 800px) {
  .static-sm-16 {
    float: none;
    /* width: 959px; */
    width: 738px;
    max-width: 100%;
  }
  .static-sm-16:before, .static-sm-16:after {
    content: " ";
    display: table;
  }
  .static-sm-16:after {
    clear: both;
  }
}

.static-sm-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 800px) {
  .static-sm-24 {
    float: none;
    width: 100%;
  }
  .static-sm-24:before, .static-sm-24:after {
    content: " ";
    display: table;
  }
  .static-sm-24:after {
    clear: both;
  }
}

@media (min-width: 800px) {
  .static-sm-offset-4 {
    margin: 0 auto;
  }
}

/* ------ Reset ------ */
.col-md-6 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1440px) {
  .col-md-6 {
    float: left;
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
}

.col-md-14 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1440px) {
  .col-md-14 {
    float: left;
    width: 58.3333333333%;
  }
}

@media (min-width: 1440px) {
  .col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
}

.col-md-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1440px) {
  .col-md-24 {
    float: left;
    width: 100%;
  }
}

/* Overwrites Vendor/colorbox/colorbox.css */
#colorbox, #cboxWrapper {
  overflow: visible;
}

#cboxLoadedContent {
  margin-bottom: 0px;
}

#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  background: #fff;
  overflow: visible;
  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
}
#cboxContent .cboxIframe {
  background: #fff;
}
#cboxContent #cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxContent #cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}
#cboxContent #cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
#cboxContent #cboxTitle {
  position: relative;
  bottom: auto;
  left: 0;
  text-align: left;
  width: 100%;
  background-color: rgb(70, 38, 114);
  font-weight: bold;
  color: #fff;
}
#cboxContent #cboxTitle i {
  width: 100%;
  display: inline-block;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  background-color: rgb(110, 34, 114);
  padding: 10px 0px 10px 170px;
}
#cboxContent #cboxTitle .caption-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 32px;
  padding: 0px 50px 0px 50px;
}
#cboxContent #cboxTitle .caption-text.links-in-text a:focus, #cboxContent #cboxTitle .caption-text.links-in-text a:hover {
  color: white;
}
#cboxContent #cboxTitle .caption-text:not(.links-in-text) a {
  color: #fff;
  text-decoration: underline;
}
#cboxContent #cboxTitle .caption-text p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
#cboxContent #cboxTitle .caption-copyright {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 200;
  border-top: 1px solid #fff;
  margin-top: 32px;
  padding: 12px 50px 50px 50px;
  color: #fff;
}
#cboxContent #cboxCurrent {
  position: absolute;
  bottom: -32px;
  left: 50px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
#cboxContent #cboxPrevious, #cboxContent #cboxNext, #cboxContent #cboxSlideshow, #cboxContent #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  background: url(images/controls.png) no-repeat 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
#cboxContent #cboxPrevious:active, #cboxContent #cboxNext:active, #cboxContent #cboxSlideshow:active, #cboxContent #cboxClose:active {
  outline: 0;
}
#cboxContent #cboxPrevious {
  width: 50px;
  height: 50px;
  bottom: 44%;
  left: -75px;
  background: url(Images/icon-back-white.png) no-repeat 0px 0px;
}
#cboxContent #cboxNext {
  width: 50px;
  height: 50px;
  bottom: 44%;
  right: -75px;
  background: url(Images/icon-forward-white.png) no-repeat 0px 0px;
}
#cboxContent #cboxClose {
  background: url(Images/icon-close-lilac.png) no-repeat 0px 0px;
  width: 50px;
  height: 50px;
  top: -75px;
  bottom: auto;
  right: 0;
  background-position: 0px 0px;
}
#cboxContent .cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
#cboxContent .cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
#cboxContent .cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
#cboxContent .cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}

@media screen and (min-width: 1024px) {
  #cboxContent #cboxCurrent {
    left: 50px;
  }
  #cboxContent #cboxPrevious {
    left: -75px;
  }
  #cboxContent #cboxNext {
    right: -75px;
  }
  #cboxContent #cboxClose {
    top: -75px;
    right: 0;
  }
}
.video-wrapper > a,
.figure > a {
  display: block;
  position: relative;
}
.video-wrapper > a:not([rel=lightbox]):not(.lightbox):after,
.figure > a:not([rel=lightbox]):not(.lightbox):after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 0px 8px transparent inset;
}
.video-wrapper > a:not([rel=lightbox]):not(.lightbox):focus:after, .video-wrapper > a:not([rel=lightbox]):not(.lightbox):hover:after,
.figure > a:not([rel=lightbox]):not(.lightbox):focus:after,
.figure > a:not([rel=lightbox]):not(.lightbox):hover:after {
  box-shadow: 0px 0px 0px 8px rgb(90, 37, 114) inset;
}
.video-wrapper > a.lightbox::after, .video-wrapper > a[rel=lightbox]::after,
.figure > a.lightbox::after,
.figure > a[rel=lightbox]::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  font-size: 32px;
  padding: 0.22em 0.2em;
  color: white;
  background: rgba(0, 0, 0, 0.5);
}
.video-wrapper > a.lightbox:hover:after, .video-wrapper > a.lightbox:focus:after, .video-wrapper > a[rel=lightbox]:hover:after, .video-wrapper > a[rel=lightbox]:focus:after,
.figure > a.lightbox:hover:after,
.figure > a.lightbox:focus:after,
.figure > a[rel=lightbox]:hover:after,
.figure > a[rel=lightbox]:focus:after {
  color: rgb(90, 37, 114);
  background: rgba(255, 255, 255, 0.5);
}
.video-wrapper > a figcaption .copy,
.figure > a figcaption .copy {
  z-index: 1;
}

.links-in-text h2 a::before,
.links-in-text h3 a::before,
.links-in-text h4 a::before,
.links-in-text li a::before,
.links-in-text p a::before,
.link-download::before,
.link-anchor::before,
.link-external::before,
.link-internal::before,
.link-mail::before {
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  font-size: 0.805em;
}
.links-in-text h2 a > span,
.links-in-text h3 a > span,
.links-in-text h4 a > span,
.links-in-text li a > span,
.links-in-text p a > span,
.link-download > span,
.link-anchor > span,
.link-external > span,
.link-internal > span,
.link-mail > span {
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
}
.links-in-text h2 a:hover, .links-in-text h2 a:focus,
.links-in-text h3 a:hover,
.links-in-text h3 a:focus,
.links-in-text h4 a:hover,
.links-in-text h4 a:focus,
.links-in-text li a:hover,
.links-in-text li a:focus,
.links-in-text p a:hover,
.links-in-text p a:focus,
.link-download:hover,
.link-download:focus,
.link-anchor:hover,
.link-anchor:focus,
.link-external:hover,
.link-external:focus,
.link-internal:hover,
.link-internal:focus,
.link-mail:hover,
.link-mail:focus {
  text-decoration: none;
}
.links-in-text h2 a:hover > span,
.links-in-text h3 a:hover > span,
.links-in-text h4 a:hover > span,
.links-in-text li a:hover > span,
.links-in-text p a:hover > span,
.link-download:hover > span,
.link-anchor:hover > span,
.link-external:hover > span,
.link-internal:hover > span,
.link-mail:hover > span {
  border-bottom-color: currentColor;
}
.links-in-text h2 a h2, .links-in-text h2 a h3, .links-in-text h2 a h4,
.links-in-text h3 a h2,
.links-in-text h3 a h3,
.links-in-text h3 a h4,
.links-in-text h4 a h2,
.links-in-text h4 a h3,
.links-in-text h4 a h4,
.links-in-text li a h2,
.links-in-text li a h3,
.links-in-text li a h4,
.links-in-text p a h2,
.links-in-text p a h3,
.links-in-text p a h4,
.link-download h2,
.link-download h3,
.link-download h4,
.link-anchor h2,
.link-anchor h3,
.link-anchor h4,
.link-external h2,
.link-external h3,
.link-external h4,
.link-internal h2,
.link-internal h3,
.link-internal h4,
.link-mail h2,
.link-mail h3,
.link-mail h4 {
  display: inline;
}

.links-in-text h2 a,
.links-in-text h3 a,
.links-in-text h4 a,
.links-in-text li a,
.links-in-text p a {
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
  font-weight: bold;
  color: currentColor;
  position: relative;
  margin-left: 1.3em;
}
.links-in-text h2 a::before,
.links-in-text h3 a::before,
.links-in-text h4 a::before,
.links-in-text li a::before,
.links-in-text p a::before {
  position: absolute;
  left: -1.5em;
  top: 0.2em;
}
.links-in-text h2 a:hover, .links-in-text h2 a:focus,
.links-in-text h3 a:hover,
.links-in-text h3 a:focus,
.links-in-text h4 a:hover,
.links-in-text h4 a:focus,
.links-in-text li a:hover,
.links-in-text li a:focus,
.links-in-text p a:hover,
.links-in-text p a:focus {
  color: rgb(80, 37, 114);
  border-bottom-color: transparent;
}

.links-in-text h2 a::before {
  top: 0.25em;
}

.links-in-text h3 a::before {
  top: 0.3em;
}

.links-in-text h2 a,
.links-in-text h3 a,
.links-in-text h4 a {
  border-bottom-color: transparent;
  border-bottom-width: 2px;
}
.links-in-text h2 a:hover, .links-in-text h2 a:focus,
.links-in-text h3 a:hover,
.links-in-text h3 a:focus,
.links-in-text h4 a:hover,
.links-in-text h4 a:focus {
  border-bottom-color: currentColor;
}

.intro.links-in-text p a {
  padding-bottom: 0;
}

.intro.links-in-text p a::before {
  top: 0.25em;
}

h1 .link-download::before,
h1 .link-anchor::before,
h1 .link-external::before,
h1 .link-internal::before, h2 .link-download::before,
h2 .link-anchor::before,
h2 .link-external::before,
h2 .link-internal::before {
  font-size: 0.7em;
  top: -0.05em;
}

h3 .link-download::before,
h3 .link-anchor::before,
h3 .link-external::before,
h3 .link-internal::before, h4 .link-download::before,
h4 .link-anchor::before,
h4 .link-external::before,
h4 .link-internal::before, h5 .link-download::before,
h5 .link-anchor::before,
h5 .link-external::before,
h5 .link-internal::before {
  font-size: 0.85em;
  top: 0em;
}

h1 .link-external::before, h2 .link-external::before, h3 .link-external::before, h4 .link-external::before, h5 .link-external::before {
  transform: rotate(-45deg);
}

.links-in-text h2 a::before,
.links-in-text h3 a::before,
.links-in-text h4 a::before,
.links-in-text li a::before,
.links-in-text p a::before,
.link-external::before,
.link-internal::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
}
.links-in-text h2 a:hover::before,
.links-in-text h3 a:hover::before,
.links-in-text h4 a:hover::before,
.links-in-text li a:hover::before,
.links-in-text p a:hover::before,
.link-external:hover::before,
.link-internal:hover::before {
  content: "\e90a";
}

.link-external::before {
  top: 0;
  transform: rotate(-45deg);
}

.links-in-text h2 a[target=_blank]::before,
.links-in-text h3 a[target=_blank]::before,
.links-in-text h4 a[target=_blank]::before,
.links-in-text li a[target=_blank]::before,
.links-in-text p a[target=_blank]::before,
.links-in-text a.link-external::before {
  top: 0.25em;
  transform: rotate(-45deg);
}

.links-in-text .stage-intro--links a.link-external::before {
  top: 0;
}

.links-in-text h2 a[href^="#"]::before,
.links-in-text h3 a[href^="#"]::before,
.links-in-text h4 a[href^="#"]::before,
.links-in-text li a[href^="#"]::before,
.links-in-text p a[href^="#"]::before,
.link-anchor::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
}

.links-in-text li a[href$=".pdf"]::before,
.links-in-text li a[href$=".zip"]::before,
.links-in-text li a[href$=".xlsx"]::before,
.links-in-text li a[href$=".pptx"]::before,
.links-in-text li a[href$=".docx"]::before,
.links-in-text li a[download]::before,
.links-in-text p a[href$=".pdf"]::before,
.links-in-text p a[href$=".zip"]::before,
.links-in-text p a[href$=".xlsx"]::before,
.links-in-text p a[href$=".pptx"]::before,
.links-in-text p a[href$=".docx"]::before,
.links-in-text p a[download]::before,
.link-download::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  top: auto;
  bottom: 0;
  transform: none;
}

.links-in-text p a[href^="mailto:"]::before,
.links-in-text p a[href^="javascript:linkTo_UnCryptMailto"]::before,
.links-in-text li a[href^="mailto:"]::before,
.links-in-text li a[href^="javascript:linkTo_UnCryptMailto"]::before,
.link-mail::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  top: 0.3em;
}

.file-hint {
  margin-left: 0.75em;
}

.links-in-text li.link-wrapper {
  list-style: none;
}
.links-in-text li.link-wrapper > a:first-child {
  margin-left: 0.18em;
}

.links-in-text li > a::before {
  top: 0.45em;
}

.ab1d-tabpanel[aria-expanded=false] {
  display: none;
}

/*------------------------------------ Startseite -----------------------------------------*/
.content {
  z-index: 6;
}
.content .standard {
  border-top: 1px solid #000;
}
.content.start-page .stage .stage-wrapper .slides {
  background-color: rgb(110, 34, 114);
}
.content .stage .flexslider {
  margin: 0;
  background-color: rgb(70, 38, 114);
  border: 0px none;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.content .stage:not(.element-box) .stage-wrapper li {
  flex-direction: column;
}
@media (min-width: 800px) {
  .content .stage:not(.element-box) .stage-wrapper li {
    flex-direction: row;
  }
}
.content .stage .stage-wrapper li {
  display: flex !important;
  /* mediaquery */
  flex-direction: column-reverse;
  /*
          .m-lower {
            min-height: 32vw;
          }
  */
}
.content .stage .stage-wrapper li.text-quote {
  flex-direction: column-reverse;
  flex-direction: column;
}
.content .stage .stage-wrapper li.text-quote-img {
  flex-direction: column-reverse;
  flex-direction: column;
}
.content .stage .stage-wrapper li.text-quote-img > div {
  display: flex;
}
.content .stage .stage-wrapper li.text-quote-img .figure {
  /* display: none; */
}
.content .stage .stage-wrapper .stage-text {
  display: inline-block;
  width: 100%;
  min-height: 360px;
  height: auto;
  /* mediaquery */
  /* padding: 20px $padding-mobile 60px $padding-mobile; */
  padding: 14px 10px 60px 10px;
  height: 22vw;
  /* change request */
  height: auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 200;
}
.content .stage .stage-wrapper .stage-text h2 {
  /* mediaquery */
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  margin-top: 8px;
  margin-bottom: 19px;
  font-weight: bold;
}
.content .stage .stage-wrapper .stage-text h3 {
  margin-bottom: 10px;
}
.content .stage .stage-wrapper .stage-text strong {
  font-weight: bold;
}
.content .stage .stage-wrapper .stage-text strong:first-child {
  line-height: 1;
}
.content .stage .stage-wrapper .stage-text p {
  display: none;
  color: #fff;
}
.content .stage .stage-wrapper .stage-text .link-wrapper {
  display: inline-block;
  margin-top: 10px;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a:hover, .content .stage .stage-wrapper .stage-text .link-wrapper a:focus, .content .stage .stage-wrapper .stage-text .link-wrapper a:active {
  text-decoration: none;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a .icon-link {
  display: inline;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a .icon-link:after {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0;
  top: 2px;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a:hover .icon-link, .content .stage .stage-wrapper .stage-text .link-wrapper a:focus .icon-link, .content .stage .stage-wrapper .stage-text .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .stage .stage-wrapper .stage-text .link-wrapper a:hover .icon-link:after, .content .stage .stage-wrapper .stage-text .link-wrapper a:focus .icon-link:after, .content .stage .stage-wrapper .stage-text .link-wrapper a:active .icon-link:after {
  content: url("Images/icon-internal-white_hover.png");
}
.content .stage .stage-wrapper .stage-text .link-wrapper a .icon-link.external:after {
  top: 2px;
  content: url("Images/icon-external-white.png");
}
.content .stage .stage-wrapper .stage-text .link-wrapper a:hover .icon-link.external:after, .content .stage .stage-wrapper .stage-text .link-wrapper a:focus .icon-link.external:after, .content .stage .stage-wrapper .stage-text .link-wrapper a:active .icon-link.external:after {
  content: url("Images/icon-external-white_hover.png");
}
.content .stage .stage-wrapper .stage-text blockquote {
  border: none;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.content .stage .stage-wrapper .stage-text blockquote p {
  font-weight: bold;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  hyphens: auto;
}
@media (min-width: 1440px) {
  .content .stage .stage-wrapper .stage-text blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
}
.content .stage .stage-wrapper .stage-text blockquote p:before {
  content: "„";
}
.content .stage .stage-wrapper .stage-text blockquote p:after {
  content: "“";
}
.content .stage .stage-wrapper .stage-text blockquote ~ .link-wrapper {
  margin-top: 0em;
}
@media (max-width: 799px) {
  .content .stage .stage-wrapper .stage-text.stage-text.stage-text blockquote p,
  .content .stage .stage-wrapper .stage-text.stage-text.stage-text p.stagequote--attribution {
    display: block;
    font-size: 70%;
    margin-bottom: 0;
    hyphens: auto;
  }
}
.content .stage .stage-wrapper .stage-pict {
  /* Version 1 */
  min-height: 636px;
  /* Version 2 */
  min-height: auto;
  min-height: unset;
  width: 100%;
  /* Background images */
}
.content .stage .stage-wrapper .stage-pict img {
  width: 100%;
  /* Version 1 */
  /*
            min-height: 636px;
            object-fit: cover;
  */
  /* Version 2 */
  height: auto;
}
.content .stage .stage-wrapper .stage-pict iframe {
  /* top: 0 !important; */
  width: 100%;
  /* Beide raus nach .content .stage .flexslider + js anpassen */
  /*
            min-height: 636px;
            height: 43vw;
  */
}
.content .stage .stage-wrapper .stage-pict .bg-img {
  /* image: url('Images/stage-slider/start-stage.jpg'); */
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /* min-height: 636px; */
  min-height: auto;
  min-height: unset;
  height: 100%;
  height: 48.855vw;
  height: 44vw;
  /* change request */
  height: auto;
}
.content .stage .stage-wrapper .stage-pict figcaption {
  background-color: rgb(110, 34, 114);
  color: #fff;
  position: relative;
}
.content .stage .stage-wrapper .stage-pict figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .stage .stage-wrapper figcaption {
  background-color: rgb(110, 34, 114);
  color: #fff;
  position: relative;
}
.content .stage .stage-wrapper figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  top: -26px;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .stage .stage-wrapper .stage-text.blockquote {
  min-height: auto;
  min-height: unset;
  padding-top: 20px;
  padding-bottom: 20px !important;
}
.content .stage .stage-wrapper .stage-text.blockquote h2 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: normal;
}
.content .stage .stage-wrapper .stage-quote {
  /* mediaquery */
  /*  min-height: 636px; */
  min-height: auto;
  min-height: unset;
  margin-bottom: 0px;
  /* padding: 20px $padding-mobile 20px $padding-mobile; */
  padding: 20px 10px 60px 10px;
  color: #fff;
  /* mediaquery */
  /* height: 44.1725vw; */
}
.content .stage .stage-wrapper .stage-quote blockquote {
  border-left: none;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.content .stage .stage-wrapper .stage-quote blockquote p {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  /*
                @include font-size(26px);
                @include line-height(34px);
  */
  font-weight: bold;
  color: #fff;
}
.content .stage .stage-wrapper .video {
  position: static;
  height: auto;
  /* top: 0 !important; */
}
.content .stage .stage-wrapper .video .video-wrapper.embed-responsive {
  overflow: visible;
  /* top: 5vw; */
}
.content .stage .stage-wrapper .video .video-wrapper.embed-responsive .video-start img {
  object-fit: cover;
}
.content .stage .custom-navigation {
  min-height: 60px;
  position: absolute;
  bottom: 30px;
  display: table;
  width: calc(100% - 10px);
  /* mediaquery */
  padding-right: 10px;
  padding-left: 10px;
  table-layout: fixed;
}
.content .stage .custom-navigation .flex-prev {
  color: #fff;
  display: table-cell;
}
.content .stage .custom-navigation .flex-prev .icon-link {
  display: inline-block;
}
.content .stage .custom-navigation .flex-prev .icon-link:before {
  content: url("Images/icon-slider-prev.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .stage .custom-navigation .flex-prev .icon-link:before {
  display: flex;
  display: inline;
  width: 35px;
  height: 35px;
}
.content .stage .custom-navigation .flex-prev:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-prev:hover .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .stage .custom-navigation .flex-prev:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-prev:active .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .stage .custom-navigation .flex-prev:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-prev:focus .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .stage .custom-navigation .flex-prev:active .icon-link {
  color: #fff;
}
.content .stage .custom-navigation .flex-prev:active .icon-link:before {
  content: url("Images/icon-slider-prev.png");
}
.content .stage .custom-navigation .flex-prev:focus .icon-link {
  color: #fff;
}
.content .stage .custom-navigation .flex-prev:focus .icon-link:before {
  content: url("Images/icon-slider-prev.png");
}
.content .stage .custom-navigation .flex-next {
  color: #fff;
  display: table-cell;
  text-align: right;
}
.content .stage .custom-navigation .flex-next .icon-link {
  display: inline-block;
}
.content .stage .custom-navigation .flex-next .icon-link:before {
  content: url("Images/icon-slider-next.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .stage .custom-navigation .flex-next .icon-link:before {
  padding-right: 0;
  display: flex;
  display: inline;
  width: 35px;
  height: 35px;
}
.content .stage .custom-navigation .flex-next:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-next:hover .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .stage .custom-navigation .flex-next:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-next:active .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .stage .custom-navigation .flex-next:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .stage .custom-navigation .flex-next:focus .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .stage .custom-navigation .flex-next:active .icon-link {
  color: #fff;
}
.content .stage .custom-navigation .flex-next:active .icon-link:before {
  content: url("Images/icon-slider-next.png");
}
.content .stage .custom-navigation .flex-next:focus .icon-link {
  color: #fff;
}
.content .stage .custom-navigation .flex-next:focus .icon-link:before {
  content: url("Images/icon-slider-next.png");
}
.content .stage .custom-navigation .custom-controls-container {
  display: table-cell;
  padding-right: 4.16667%;
  width: 76%;
}
.content .stage .custom-navigation .custom-controls-container .flex-control-nav {
  position: relative;
  top: 10px;
  bottom: auto;
}
.content .stage .custom-navigation .custom-controls-container .flex-control-paging li {
  padding-left: 4px;
}
.content .stage .custom-navigation .custom-controls-container .flex-control-paging li a {
  background: rgb(255, 255, 255);
  border: 2px solid transparent;
}
.content .stage .custom-navigation .custom-controls-container .flex-control-paging li a.flex-active {
  background: transparent;
  border: 2px solid #fff;
}
.content .themes {
  color: #fff;
  background-color: rgb(70, 38, 114);
  display: inline-block;
  width: 100%;
  padding: 20px 10px 30px 10px;
  /* element-box */
  margin-bottom: 40px;
}
@media (min-width: 800px) {
  .content .themes {
    padding: 30px 0px 30px 0px;
    /* element-box */
    margin-bottom: 75px;
  }
}
.content .themes h2 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 11px;
}
@media (min-width: 800px) {
  .content .themes h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .content .themes h2 {
    margin-top: 7px;
  }
}
.content .themes .themes-selection--control {
  width: 100%;
  padding: 10px 18px;
  background: transparent;
  border: 1px solid rgb(255, 255, 255);
  text-align: left;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .themes .themes-selection--control:after {
  content: url("Images/icon-down-white.png");
  position: absolute;
  width: 16px;
  height: 10px;
  right: 16px;
  top: 8px;
}
.content .themes .themes-selection--control:hover {
  text-decoration: underline;
}
.content .themes .themes-selection--control:hover, .content .themes .themes-selection--control:focus {
  background-color: rgb(255, 255, 255);
  color: #111;
}
.content .themes .themes-selection--control:hover:after, .content .themes .themes-selection--control:focus:after {
  content: url("Images/icon-down-black.png");
}
.content .themes .open .themes-selection--control:after {
  content: url("Images/icon-up-black.png");
}
.content .themes .themes-selection--dropdown {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #e8e8e8;
  margin-top: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
}
.content .themes .themes-selection--dropdown li > a {
  padding: 6px 20px;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
}
.content .themes .themes-selection--dropdown.collapsing, .content .themes .themes-selection--dropdown.collapse {
  padding: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.content .themes .themes-selection--dropdown .panel {
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  display: block;
}
.content .themes .themes-selection--dropdown > li:first-child {
  margin-top: 20px;
}
.content .themes .themes-selection--dropdown > li:last-child {
  margin-bottom: 20px;
}
.content .themes .themes-selection--dropdown h3 {
  margin: 0.4em 0 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .themes .themes-selection--dropdown button {
  border: none;
  padding: 5px 20px 6px;
  background: transparent;
  color: #111;
  display: block;
  width: 100%;
  text-align: left;
}
.content .themes .themes-selection--dropdown button:hover {
  background-color: rgb(46, 38, 114);
  color: rgb(255, 255, 255);
}
.content .themes .themes-selection--dropdown button:focus {
  background-color: rgb(46, 38, 114);
  color: rgb(255, 255, 255);
}
.content .themes .themes-selection--dropdown a {
  display: block;
  color: #111;
}
.content .themes .themes-selection--dropdown a:hover, .content .themes .themes-selection--dropdown a:focus {
  background-color: rgb(80, 37, 114);
  color: rgb(255, 255, 255);
}
.content .themes .themes-selection--dropdown li ul {
  list-style: none;
  padding: 0;
}
@media (min-width: 800px) {
  .content .themes .themes-selection .dropdown {
    max-width: 540px;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  .content .themes .themes-selection .dropdown {
    max-width: calc(100% - 4.16667vw);
  }
}
.content .current {
  /* element-box */
  /* header-offset */
  /* margin-bottom: 140px; */
  /* Ausnahme. header ohne col-sm-offset. Offset in h2*/
}
.content .current header {
  margin-bottom: 10px;
}
.content .current header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 52px;
  margin-left: 10px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 30px;
}
.content .current header .link-wrapper {
  display: inline-block;
  margin-left: 12px;
}
.content .current header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .current header .link-wrapper a:hover, .content .current header .link-wrapper a:focus, .content .current header .link-wrapper a:active {
  text-decoration: none;
}
.content .current header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .current header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .current header .link-wrapper a .icon-link {
  display: inline;
}
.content .current header .link-wrapper a .icon-link:after {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 2px;
}
.content .current header .link-wrapper a:hover .icon-link, .content .current header .link-wrapper a:focus .icon-link, .content .current header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .current header .link-wrapper a:hover .icon-link:after, .content .current header .link-wrapper a:focus .icon-link:after, .content .current header .link-wrapper a:active .icon-link:after {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .current .article {
  color: #fff;
  padding: 30px 10px 30px 10px;
  min-height: auto;
  min-height: unset;
}
.content .current .article .header {
  margin-bottom: 0px;
}
.content .current .article .header .date-cat {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 12px;
}
.content .current .article .header .date-cat .cat {
  display: inline-block;
  margin: 0px;
  padding-right: 10px;
  font-weight: bold;
}
.content .current .article .header .date-cat .date {
  font-weight: normal;
}
.content .current .article .link-wrapper {
  margin-left: 2px;
  max-width: 100%;
}
.content .current .article .link-wrapper a {
  color: #fff;
  max-width: 100%;
  position: relative;
  display: inline-block;
}
.content .current .article .link-wrapper a:hover, .content .current .article .link-wrapper a:focus, .content .current .article .link-wrapper a:active {
  text-decoration: none;
}
.content .current .article .link-wrapper a .icon-link {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .current .article .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
}
.content .current .article .link-wrapper a .icon-link {
  display: inline;
}
.content .current .article .link-wrapper a .icon-link:after {
  content: url("Images/icon-header-internal-white.png");
  position: absolute;
  left: 0;
  top: 4px;
}
.content .current .article .link-wrapper a:hover .icon-link, .content .current .article .link-wrapper a:focus .icon-link, .content .current .article .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .current .article .link-wrapper a:hover .icon-link:after, .content .current .article .link-wrapper a:focus .icon-link:after, .content .current .article .link-wrapper a:active .icon-link:after {
  content: url("Images/icon-header-internal-white_hover.png");
}
.content .current .article .link-wrapper a h3 {
  margin: 0;
}
.content .quick-links {
  color: #fff;
  background-color: rgb(70, 38, 114);
  width: 100%;
  min-height: 95px;
  /* element-box */
  margin-bottom: 140px;
  padding-bottom: 20px;
  display: inline-block;
}
.content .quick-links h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  margin: 32px 0 26px 20px;
  font-weight: bold;
}
.content .quick-links ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  display: block;
}
.content .quick-links ul li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  position: relative;
  margin-right: 0px;
}
.content .quick-links ul li.appointments a .icon {
  display: block;
}
.content .quick-links ul li.appointments a .icon:before {
  content: url("Images/icon-calendar.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.content .quick-links ul li.appointments a .icon:before {
  padding-right: 0px;
  left: 28px;
}
.content .quick-links ul li.appointments a:hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.content .quick-links ul li.appointments a:hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.content .quick-links ul li.appointments a:hover .icon:before {
  content: url("Images/icon-calendar_hover.png");
}
.content .quick-links ul li.appointments a:active .icon:before {
  content: url("Images/icon-calendar_hover.png");
}
.content .quick-links ul li.appointments a:focus .icon:before {
  content: url("Images/icon-calendar_hover.png");
}
.content .quick-links ul li.logos a .icon {
  display: block;
}
.content .quick-links ul li.logos a .icon:before {
  content: url("Images/icon-logos.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.content .quick-links ul li.logos a .icon:before {
  padding-right: 0px;
  left: 28px;
}
.content .quick-links ul li.logos a:hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.content .quick-links ul li.logos a:hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.content .quick-links ul li.logos a:hover .icon:before {
  content: url("Images/icon-logos_hover.png");
}
.content .quick-links ul li.logos a:active .icon:before {
  content: url("Images/icon-logos_hover.png");
}
.content .quick-links ul li.logos a:focus .icon:before {
  content: url("Images/icon-logos_hover.png");
}
.content .quick-links ul li.graphics a .icon {
  display: block;
}
.content .quick-links ul li.graphics a .icon:before {
  content: url("Images/icon-graphics.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.content .quick-links ul li.graphics a .icon:before {
  padding-right: 0px;
  left: 28px;
}
.content .quick-links ul li.graphics a:hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.content .quick-links ul li.graphics a:hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.content .quick-links ul li.graphics a:hover .icon:before {
  content: url("Images/icon-graphics_hover.png");
}
.content .quick-links ul li.graphics a:active .icon:before {
  content: url("Images/icon-graphics_hover.png");
}
.content .quick-links ul li.graphics a:focus .icon:before {
  content: url("Images/icon-graphics_hover.png");
}
.content .quick-links ul li .icon {
  padding-top: 34px;
  border-bottom: 1px solid transparent;
}
.content .quick-links ul li a {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  display: block;
  padding: 0 100px 0 103px;
  height: 95px;
}
.content .quick-links ul li:last-child {
  margin-right: 0px;
}
.content .infographic {
  /* element-box */
  /* header-offset */
  margin-bottom: 140px;
}
.content .infographic .header {
  font-size: 32px;
  font-size: 2rem;
  /* mediaquery - col-sm-offset = 0 */
  margin-left: 10px;
  margin-bottom: 10px;
}
.content .infographic .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 52px;
  display: inline-block;
  margin: 0;
}
.content .infographic .header .link-wrapper {
  display: inline-block;
  margin-left: 6px;
  line-height: 20px; /* Abstandproblem */
}
.content .infographic .header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .infographic .header .link-wrapper a:hover, .content .infographic .header .link-wrapper a:focus, .content .infographic .header .link-wrapper a:active {
  text-decoration: none;
}
.content .infographic .header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .infographic .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .infographic .header .link-wrapper a .icon-link {
  display: inline;
}
.content .infographic .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 3px;
}
.content .infographic .header .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .infographic .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .infographic .header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .infographic .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .infographic .header .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .infographic .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .infographic .figure {
  background-color: #009BDB;
}
.content .infographic .figure img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.content .management-news {
  /* element-box */
  /* header-offset */
  margin-bottom: 140px;
  clear: both;
  float: none;
  border-bottom: 1px solid #aaa;
  /* Ausnahme. header ohne col-sm-offset. Offset in h2*/
}
.content .management-news header {
  margin-bottom: 40px;
}
.content .management-news header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 52px;
  padding-left: 10px;
  display: inline-block;
  margin: 0;
}
.content .management-news .mgnt {
  display: table;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.content .management-news .mgnt .mgnt-text {
  padding-right: 0px;
}
.content .management-news .mgnt .mgnt-text h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  padding-left: 10px;
  margin-top: 50px;
  margin-bottom: 36px;
  margin-top: 20px;
  margin-bottom: 14px;
}
.content .management-news .mgnt .mgnt-text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 5px;
  padding-left: 10px;
}
.content .management-news .mgnt .mgnt-text .link-wrapper {
  padding-left: 10px;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a {
  color: rgb(80, 37, 114);
  position: relative;
  display: inline-block;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a:hover, .content .management-news .mgnt .mgnt-text .link-wrapper a:focus, .content .management-news .mgnt .mgnt-text .link-wrapper a:active {
  text-decoration: none;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a .icon-link {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .management-news .mgnt .mgnt-text .link-wrapper a .icon-link {
  display: inline;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a .icon-link:after {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 3px;
}
.content .management-news .mgnt .mgnt-text .link-wrapper a:hover .icon-link, .content .management-news .mgnt .mgnt-text .link-wrapper a:focus .icon-link, .content .management-news .mgnt .mgnt-text .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .management-news .mgnt .mgnt-text .link-wrapper a:hover .icon-link:after, .content .management-news .mgnt .mgnt-text .link-wrapper a:focus .icon-link:after, .content .management-news .mgnt .mgnt-text .link-wrapper a:active .icon-link:after {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .management-news .mgnt .mgnt-text .link-wrapper a .icon-link.external::after {
  content: url("Images/icon-external-lilac.png");
}
.content .management-news .mgnt .mgnt-text .link-wrapper a:hover .icon-link.external::after, .content .management-news .mgnt .mgnt-text .link-wrapper a:focus .icon-link.external::after, .content .management-news .mgnt .mgnt-text .link-wrapper a:active .icon-link.external::after {
  content: url("Images/icon-external-lilac_hover.png");
}
.content .management-news .mgnt .mgnt-text form {
  padding-left: 10px;
  position: relative;
}
.content .management-news .mgnt .mgnt-text form .form-group label {
  margin-bottom: 8px;
}
.content .management-news .mgnt .mgnt-text form .form-group input {
  width: calc(100% - 10px);
  height: 40px;
  margin-bottom: 20px;
  margin-right: 10px;
}
.content .management-news .mgnt .mgnt-text form .btn-default {
  /*
              border-color: #000;
              height: 40px;

              color: #fff;
              background-color: #522a73;
              border-color: transparent;
              height: auto;
              padding: 12px 44px;
  */
  width: 40px;
  height: 40px;
  padding: 0px;
  position: absolute;
  top: 30px;
  right: 10px;
  text-indent: -9999;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  background-color: transparent;
  background-image: url("Images/icon-internal-lilac.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  /*
              &:active {
                color: $link-color;
                background-color: #fff;
                border-color: #522a73;
              }
              &:focus {
                color: $link-color;
                background-color: #fff;
                border-color: #522a73;
              }
  */
}
.content .management-news .mgnt .mgnt-text form .btn-default:before {
  /*
                content: url('Images/icon-internal-lilac.png');
                position: absolute;
                width: 20px;
                height: 40px;
                top: 40px;
                right: 30px;
                cursor: pointer;
  */
}
.content .management-news .mgnt .mgnt-text form .btn-default:hover {
  background-image: url("Images/icon-internal-lilac_hover.png");
}
.content .management-news .mgnt .figure {
  display: table-caption;
  caption-side: top;
  margin-top: 0px;
  width: 100%;
}
.content .management-news .mgnt .figure img {
  width: 100%;
}
.content .management-news .mgnt .figure figcaption {
  background-color: rgb(110, 34, 114);
  color: #fff;
  position: relative;
}
.content .management-news .mgnt .figure figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  top: -26px;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .local {
  /* element-box */
  /* header-offset */
  /* margin-bottom: 140px; */
}
.content .local .header {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-right: 32px;
}
.content .local .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 52px;
  display: inline-block;
  margin: 0;
  margin-right: 4.16667%;
}
.content .local .header .link-wrapper {
  display: inline-block;
  margin-left: 0px;
}
.content .local .header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .local .header .link-wrapper a:hover, .content .local .header .link-wrapper a:focus, .content .local .header .link-wrapper a:active {
  text-decoration: none;
}
.content .local .header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .local .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .local .header .link-wrapper a .icon-link {
  display: inline;
}
.content .local .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .local .header .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .local .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .local .header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .local .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .local .header .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .local .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .local .list-label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.content .local .list-label > span {
  font-weight: bold;
}
.content .local .std-list {
  margin-left: 10px;
}
.content .local .std-list ul li.link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .local .std-list ul li.link-wrapper a:hover, .content .local .std-list ul li.link-wrapper a:focus, .content .local .std-list ul li.link-wrapper a:active {
  text-decoration: none;
}
.content .local .std-list ul li.link-wrapper a .icon-link {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .local .std-list ul li.link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .local .std-list ul li.link-wrapper a .icon-link {
  display: inline;
}
.content .local .std-list ul li.link-wrapper a .icon-link:after {
  content: url("Images/icon-header-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 3px;
}
.content .local .std-list ul li.link-wrapper a:hover .icon-link, .content .local .std-list ul li.link-wrapper a:focus .icon-link, .content .local .std-list ul li.link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .local .std-list ul li.link-wrapper a:hover .icon-link:after, .content .local .std-list ul li.link-wrapper a:focus .icon-link:after, .content .local .std-list ul li.link-wrapper a:active .icon-link:after {
  content: url("Images/icon-header-internal-lilac_hover.png");
}
.content .local .std-list ul li.link-wrapper a .icon-link.external {
  display: inline;
}
.content .local .std-list ul li.link-wrapper a .icon-link.external:after {
  content: url("Images/icon-header-external-lilac.png");
  position: absolute;
  left: 0px;
  top: 3px;
}
.content .local .std-list ul li.link-wrapper a:hover .icon-link.external, .content .local .std-list ul li.link-wrapper a:focus .icon-link.external, .content .local .std-list ul li.link-wrapper a:active .icon-link.external {
  color: rgb(80, 37, 114);
}
.content .local .std-list ul li.link-wrapper a:hover .icon-link.external:after, .content .local .std-list ul li.link-wrapper a:focus .icon-link.external:after, .content .local .std-list ul li.link-wrapper a:active .icon-link.external:after {
  content: url("Images/icon-header-external-lilac_hover.png");
}
.content .local .proposal {
  background-color: rgb(70, 38, 114);
  color: #fff;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.content .local .proposal .header {
  margin-bottom: 30px;
}
.content .local .proposal .header h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 0px;
}
.content .local .proposal h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-bottom: 30px;
}
.content .local .proposal .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .local .proposal .link-wrapper a:hover, .content .local .proposal .link-wrapper a:focus, .content .local .proposal .link-wrapper a:active {
  text-decoration: none;
}
.content .local .proposal .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .local .proposal .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .local .proposal .link-wrapper a .icon-link {
  display: inline;
}
.content .local .proposal .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .local .proposal .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .local .proposal .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .local .proposal .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .local .proposal .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .local .proposal .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .local .proposal .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .twitter {
  border: 1px solid #000;
}
.content .twitter .header {
  padding: 20px 30px 0px 42px;
}
.content .twitter .header h2, .content .twitter .header h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 20px;
  position: relative;
}
.content .twitter .header h2 i, .content .twitter .header h3 i {
  font-size: 30px;
  font-size: 1.875rem;
  color: #47A9DB;
  position: absolute;
  top: -4px;
  right: -12px;
}
.content .twitter .scroll-wrapper {
  height: 540px;
  overflow: scroll;
}
.content .twitter .scroll-wrapper .scroll-box {
  padding: 0px 30px 40px 42px;
}
.content .twitter .scroll-wrapper .scroll-box .article {
  margin-bottom: 20px;
}
.content .twitter .footer {
  background-color: rgb(110, 34, 114);
  margin-top: 20px;
  padding: 21px 10px 21px 42px;
}
.content .twitter .footer .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .twitter .footer .link-wrapper a:hover, .content .twitter .footer .link-wrapper a:focus, .content .twitter .footer .link-wrapper a:active {
  text-decoration: none;
}
.content .twitter .footer .link-wrapper a .icon-link {
  padding-left: 32px;
}
.content .twitter .footer .link-wrapper a .icon-link span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  margin-right: 0px;
}
.content .twitter .footer .link-wrapper a .icon-link span + span {
  margin-left: 0;
  margin-right: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
.content .twitter .footer .link-wrapper a .icon-link span + span:before {
  content: "";
  display: inline-block;
  width: 20px;
}
.content .twitter .footer .link-wrapper a:hover .icon-link span {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .twitter .footer .link-wrapper a:hover .icon-link span + span {
  border-bottom: 1px solid transparent;
}
.content .twitter .footer .link-wrapper a .icon-link {
  display: block;
  font-weight: normal;
}
.content .twitter .footer .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .twitter .footer .link-wrapper a .icon-link span {
  margin-right: 0px;
}
.content .twitter .footer .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .twitter .footer .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .twitter .footer .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .twitter .footer .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .twitter .footer .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .twitter .footer .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .start-slider {
  /* element-box */
  /* header-offset */
  margin-bottom: 140px;
}
.content .start-slider .header {
  font-size: 32px;
  font-size: 2rem;
  margin-left: 10px;
  margin-bottom: 10px;
}
.content .start-slider .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 52px;
  display: inline-block;
  margin-top: 0;
}
.content .start-slider .header .link-wrapper {
  display: inline-block;
  margin-left: 6px;
  line-height: 20px;
}
.content .start-slider .header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .start-slider .header .link-wrapper a:hover, .content .start-slider .header .link-wrapper a:focus, .content .start-slider .header .link-wrapper a:active {
  text-decoration: none;
}
.content .start-slider .header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .start-slider .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .start-slider .header .link-wrapper a .icon-link {
  display: inline;
}
.content .start-slider .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .start-slider .header .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .start-slider .header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .start-slider .header .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .start-slider .flexslider-start .flex-viewport {
  width: 100%;
}
.content .start-slider .flexslider-start .flex-viewport .slides li {
  position: relative;
  left: 2.3%;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper {
  display: table;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text {
  display: table-caption;
  caption-side: bottom;
  color: #fff;
  background-color: rgb(70, 38, 114);
  padding: 30px 10px 30px 10px;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text h3 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-bottom: 12px;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text p {
  margin-bottom: 20px;
  font-weight: normal;
  color: #fff;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper {
  display: inline-block;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:focus, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:active {
  text-decoration: none;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a .icon-link.internal {
  display: inline;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link.internal, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link.internal, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:active .icon-link.internal {
  color: #fff;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link.internal:before, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link.internal:before, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a .icon-link.external {
  display: inline;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link.external, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link.external, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:active .icon-link.external {
  color: #fff;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link.external:before, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link.external:before, .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-white_hover.png");
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .figure figcaption {
  position: relative;
  color: #fff;
}
.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .figure figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .start-slider .custom-navigation-start {
  min-height: 60px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: table;
  width: 90%;
  table-layout: fixed;
}
.content .start-slider .custom-navigation-start .flex-prev {
  color: #fff;
  display: table-cell;
}
.content .start-slider .custom-navigation-start .flex-prev .icon-link {
  display: inline-block;
}
.content .start-slider .custom-navigation-start .flex-prev .icon-link:before {
  content: url("Images/icon-slider-prev.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .start-slider .custom-navigation-start .flex-prev:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-prev:hover .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .start-slider .custom-navigation-start .flex-prev:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-prev:active .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .start-slider .custom-navigation-start .flex-prev:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-prev:focus .icon-link:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .start-slider .custom-navigation-start .flex-prev:active .icon-link {
  color: #fff;
}
.content .start-slider .custom-navigation-start .flex-prev:active .icon-link:before {
  content: url("Images/icon-slider-prev.png");
}
.content .start-slider .custom-navigation-start .flex-prev:focus .icon-link {
  color: #fff;
}
.content .start-slider .custom-navigation-start .flex-prev:focus .icon-link:before {
  content: url("Images/icon-slider-prev.png");
}
.content .start-slider .custom-navigation-start .flex-next {
  color: #fff;
  display: table-cell;
  text-align: right;
}
.content .start-slider .custom-navigation-start .flex-next .icon-link {
  display: inline-block;
}
.content .start-slider .custom-navigation-start .flex-next .icon-link:before {
  content: url("Images/icon-slider-next.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .start-slider .custom-navigation-start .flex-next .icon-link:before {
  padding-right: 0;
}
.content .start-slider .custom-navigation-start .flex-next:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-next:hover .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .start-slider .custom-navigation-start .flex-next:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-next:active .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .start-slider .custom-navigation-start .flex-next:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .start-slider .custom-navigation-start .flex-next:focus .icon-link:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .start-slider .custom-navigation-start .flex-next:active .icon-link {
  color: #fff;
}
.content .start-slider .custom-navigation-start .flex-next:active .icon-link:before {
  content: url("Images/icon-slider-next.png");
}
.content .start-slider .custom-navigation-start .flex-next:focus .icon-link {
  color: #fff;
}
.content .start-slider .custom-navigation-start .flex-next:focus .icon-link:before {
  content: url("Images/icon-slider-next.png");
}
.content .start-slider .custom-navigation-start .custom-controls-container-start {
  display: table-cell;
  padding-right: 4.16667%;
}
.content .start-slider .custom-navigation-start .custom-controls-container-start .flex-control-nav {
  position: relative;
  top: 10px;
  bottom: auto;
}
.content .start-slider .custom-navigation-start .custom-controls-container-start .flex-control-paging li a {
  background: rgb(255, 255, 255);
  border: 2px solid transparent;
}
.content .start-slider .custom-navigation-start .custom-controls-container-start .flex-control-paging li a.flex-active {
  background: transparent;
  border: 2px solid #fff;
}
.content .slides .single-li {
  /*
        position: relative;
        left: 8.33333%;
        width: 79.16667%;
  */
}
.content .slides .single-li .slide-wrapper {
  display: table;
}
.content .slides .single-li .slide-wrapper .slider-text {
  display: table-caption;
  caption-side: bottom;
  color: #fff;
  background-color: rgb(70, 38, 114);
  padding: 20px 80px 116px 80px;
}
.content .slides .single-li .slide-wrapper .slider-text h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
}
.content .slides .single-li .slide-wrapper .slider-text p {
  margin-bottom: 18px;
  color: #fff;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper {
  display: inline-block;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:hover, .content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:focus, .content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:active {
  text-decoration: none;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a .icon-link {
  display: inline;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 4px;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .slides .single-li .slide-wrapper .slider-text .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .slides .single-li .slide-wrapper .figure figcaption {
  position: relative;
  color: #fff;
}
.content .slides .single-li .slide-wrapper .figure figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.content.start-page .stage .flexslider {
  /* Von iframe hierher + js anpassen */
  /*
          min-height: 636px;
          height: 44.11vw;
  */
  /* mediaquery */
  height: auto;
}
@media (min-width: 800px) {
  .content.start-page .stage:not(.element-box) .flexslider {
    max-height: 544px;
    overflow-y: hidden;
  }
}
.content.start-page .stage.element-box header {
  margin-bottom: 40px;
}
@media (max-width: 799px) {
  .content.start-page .stage.element-box header {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 800px) {
  .content.start-page .stage.element-box header h2 {
    display: inline-block;
    margin-right: 4.1666667%;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .content.start-page .stage.element-box header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.content.start-page .stage.element-box header .link-wrapper {
  display: inline-block;
}
.content.start-page .stage.element-box header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content.start-page .stage.element-box header .link-wrapper a:hover, .content.start-page .stage.element-box header .link-wrapper a:focus, .content.start-page .stage.element-box header .link-wrapper a:active {
  text-decoration: none;
}
.content.start-page .stage.element-box header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content.start-page .stage.element-box header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content.start-page .stage.element-box header .link-wrapper a .icon-link {
  display: inline;
}
.content.start-page .stage.element-box header .link-wrapper a .icon-link:after {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 2px;
}
.content.start-page .stage.element-box header .link-wrapper a:hover .icon-link, .content.start-page .stage.element-box header .link-wrapper a:focus .icon-link, .content.start-page .stage.element-box header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content.start-page .stage.element-box header .link-wrapper a:hover .icon-link:after, .content.start-page .stage.element-box header .link-wrapper a:focus .icon-link:after, .content.start-page .stage.element-box header .link-wrapper a:active .icon-link:after {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.start-page .stage.element-box .stage-text h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .content.start-page .stage.element-box .stage-text h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
.content.start-page .stage.element-box .custom-navigation {
  width: 28%;
}
@media (max-width: 799px) {
  .content.start-page .stage.element-box .custom-navigation {
    width: 100%;
  }
}

/* letztes div vor sharing */
/*
#content.row {
  & div:nth-last-child(2) section {
    margin-bottom: 40px;
  }
}
*/
/*------------------------------------ Standardseite -----------------------------------------*/
.breadcrumb-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.breadcrumb-wrapper .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.breadcrumb-wrapper .breadcrumb li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0;
}
.breadcrumb-wrapper .breadcrumb li a {
  color: #000;
  font-weight: bold;
}
.breadcrumb-wrapper .breadcrumb li a:hover {
  color: rgb(80, 37, 114);
}
.breadcrumb-wrapper .breadcrumb li a:active {
  color: rgb(80, 37, 114);
}
.breadcrumb-wrapper .breadcrumb li a:focus {
  color: rgb(80, 37, 114);
}
.breadcrumb-wrapper .breadcrumb li.active a {
  font-weight: normal;
}
.breadcrumb-wrapper .breadcrumb li.active strong {
  color: #000;
  font-weight: normal;
}
.breadcrumb-wrapper .breadcrumb > li + li::before {
  content: url("Images/breadcrumb.png");
  display: inline-block;
  position: relative;
  top: 5px;
  padding-right: 3px;
}
.breadcrumb-wrapper.stage-intro .breadcrumb {
  margin-bottom: 10px;
}

.content.standard-page .static-sm-16.intro, .content.standard-page .static-sm-16.accordion.element-box .panel, .content.standard-page .static-sm-16 .std-box, .content.standard-page .static-sm-16:not(.intro) h2, .content.standard-page .static-sm-16 h3 .content.standard-page .static-sm-16 h4 {
  padding-left: 10px;
  padding-right: 10px;
}
.content.standard-page .static-sm-16 .std-box h2 {
  padding-left: 0px;
}

.content {
  /* Video fix */
  /*----- Accordion Coloured ---------------*/
  /*----- //Accordion Coloured -------------*/
}
.content .intro {
  margin-bottom: 25px;
  /* margin-top: -45px; */
  margin-top: 0px;
}
.content .intro h1 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 25px;
}
.content .intro .date-cat {
  /* margin-bottom: 25px; */
  margin-bottom: 16px;
}
.content .intro .date-cat .date {
  display: inline-block;
  margin-right: 25px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .intro .date-cat .cat {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
.content .intro .date-cat .cat ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}
.content .intro .date-cat .cat ul li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  padding-right: 25px;
  font-weight: bold;
}
.content .intro p, .content .intro li {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: normal;
}
.content .intro ul {
  margin-bottom: 24px;
}
.content .intro li {
  margin-bottom: 0.2em;
}
.content h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
}
.content figcaption span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  top: -24px;
  padding: 4px 12px 2px 14px;
}
.content .std-text {
  /* std-offset-bottom */
  margin-bottom: 100px;
  clear: both;
}
.content .std-text h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  font-weight: bold;
  margin-top: 0;
  /* margin-bottom: 30px; */
  margin-bottom: 21px;
}
.content .std-text h2:only-child {
  margin-bottom: 0px;
  position: absolute;
  top: 20px;
}
.content .std-text a {
  position: relative;
  display: inline-block;
}
.content .std-text a:hover, .content .std-text a:focus, .content .std-text a:active {
  text-decoration: none;
}
.content .std-text a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .std-text a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .std-text a .icon-link {
  display: inline;
}
.content .std-text a .icon-link:after {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 2px;
}
.content .std-text a:hover .icon-link, .content .std-text a:focus .icon-link, .content .std-text a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .std-text a:hover .icon-link:after, .content .std-text a:focus .icon-link:after, .content .std-text a:active .icon-link:after {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .std-text a .icon-link.external:after {
  top: 2px;
  content: url("Images/icon-external-lilac.png");
}
.content .std-text a:hover .icon-link.external:after, .content .std-text a:focus .icon-link.external:after, .content .std-text a:active .icon-link.external:after {
  content: url("Images/icon-external-lilac_hover.png");
}
.content .std-text a .icon-link.download:after {
  top: 2px;
  content: url("Images/icon-download-lilac.png");
}
.content .std-text a:hover .icon-link.download:after, .content .std-text a:focus .icon-link.download:after, .content .std-text a:active .icon-link.download:after {
  content: url("Images/icon-download-lilac.png");
}
.content .std-text .std-box {
  padding-bottom: 10px;
}
.content .std-text .std-box a {
  border-bottom: 1px solid rgb(80, 37, 114);
  display: inline;
}
.content .std-text .std-box a:hover {
  border-bottom: 1px solid transparent;
  color: rgb(80, 37, 114);
}
.content .std-text .std-box a:active {
  border-bottom: 1px solid transparent;
  color: rgb(80, 37, 114);
}
.content .std-text .std-box a:focus {
  border-bottom: 1px solid transparent;
  color: rgb(80, 37, 114);
}
.content .std-text .std-box h2 {
  clear: both;
  float: none;
  /* margin-top: 84px; */
}
.content .std-text .std-box h2:first-of-type {
  margin-top: 0;
}
.content .std-text .image {
  padding-top: 6px;
}
.content .std-text .image img {
  width: auto;
}
.content .std-text .image figcaption {
  background-color: rgb(110, 34, 114);
  color: #fff;
  position: relative;
}
.content .std-text .image figcaption p {
  padding: 0 30px;
}
.content .std-text .image figcaption p:first-of-type {
  padding-top: 30px;
}
.content .std-text .image figcaption p:last-child {
  padding-bottom: 30px;
}
@media (max-width: 640px) {
  .content .std-text .image figcaption p {
    padding: 0 10px;
  }
  .content .std-text .image figcaption p:first-of-type {
    padding-top: 10px;
  }
  .content .std-text .image figcaption p:last-child {
    padding-bottom: 10px;
  }
}
.content .std-text .image figcaption p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  color: inherit;
}
.content .std-text .image figcaption p:last-child {
  margin-bottom: 0;
}
.content .std-text .image figcaption .caption-header {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 15px;
  color: inherit;
  padding: 25px 10px 25px 10px;
}
.content .std-text .image figcaption .caption-header strong {
  font-weight: bold;
}
.content .std-text .image figcaption span {
  position: absolute;
  display: inline-block;
  right: auto;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: inherit;
}
.content .std-text .image-small-left {
  float: left;
  padding-bottom: 20px;
  padding-right: 36px;
  padding-left: 10px;
}
.content .std-text .image-small-left figcaption {
  width: auto;
}
.content .std-text .image-small-right {
  float: right;
  padding-bottom: 20px;
  padding-left: 36px;
  padding-right: 10px;
}
.content .std-text .image-small-right figcaption {
  width: auto;
}
.content .std-text .image-middle figcaption {
  width: auto;
}
.content .std-text .image-big {
  position: relative;
}
.content .std-text .image-big img {
  width: 100%;
  height: auto;
}
.content .std-text .image-big figcaption {
  position: relative;
  bottom: 0px;
  background-color: #fff;
  color: #000;
  padding: 0;
}
.content .std-text .image-big figcaption p {
  color: #444;
  padding: 0px 10px;
}
.content .std-text .image-big figcaption p:last-child {
  margin-bottom: 10px;
}
.content .std-text .image-big figcaption .caption-header {
  padding: 30px 10px 10px 10px;
}
.content .std-text .image-big figcaption .caption-header strong {
  color: #444;
}
.content .std-text .image-big figcaption span {
  color: #fff;
}
.content .std-text .image.image-middle, .content .std-text .image.image-big {
  padding-top: 0px;
}
.content .std-text .contactbox {
  width: 42.858%;
  float: right;
  margin: 0 0 40px 60px;
}
.content .std-text .contactbox .address {
  width: 100%;
  display: inline-block;
  padding: 25px 10px 30px 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none;
  /* border: 1px solid #000; */
}
.content .std-text .contactbox .address h3 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 18px;
}
.content .std-text .contactbox .address p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 15px;
}
.content .std-text .contactbox .address p.name {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 14px;
}
.content .std-text .contactbox .address p .icon-link.phone {
  display: inline-block;
}
.content .std-text .contactbox .address p .icon-link.phone:after {
  content: url("Images/icon-phone.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .std-text .contactbox .address p .icon-link.phone:before {
  padding-right: 10px;
}
.content .std-text .contactbox .address p .icon-link.fax {
  display: inline-block;
}
.content .std-text .contactbox .address p .icon-link.fax:after {
  content: url("Images/icon-fax.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .std-text .contactbox .address p .icon-link.fax-new {
  display: inline-block;
  width: 36px;
  margin-right: 7px;
  padding-right: 6px;
  vertical-align: middle;
}
.content .std-text .contactbox .address p .icon-link.fax-new:after {
  content: url("Images/icon-fax.svg");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .std-text .contactbox .address p .icon-link.mobile {
  display: inline-block;
  width: 36px;
  margin-right: 7px;
  padding-right: 6px;
  vertical-align: middle;
}
.content .std-text .contactbox .address p .icon-link.mobile:after {
  content: url("Images/icon-mobile.svg");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .std-text .contactbox .address a {
  color: rgb(80, 37, 114);
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .std-text .contactbox .address a .icon-link.mail {
  display: inline;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  margin-left: 26px;
}
.content .std-text .contactbox .address a .icon-link.mail:after {
  content: url("Images/icon-mail.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .std-text .contactbox .address a[href^=tel] {
  margin-left: 0;
  line-height: 1.3;
}
.content .std-text .contactbox .image-contact {
  padding-left: 10px;
  padding-right: 10px;
}
.content .std-text .contactbox .image-contact + .address {
  border-top: none;
}
.content .std-text .contactbox .image-contact figcaption {
  padding: 0px;
}
.content .std-text .contactbox .image-contact span {
  top: auto;
  bottom: 0px;
}
.content .std-text .contactbox.small {
  clear: both;
  float: none;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 0px;
  padding: 0px 10px;
}
.content .std-text .contactbox.small .image-contact {
  padding-left: 0px;
  padding-right: 0px;
}
.content .std-text .contactbox.small .image-contact img {
  width: 100%;
}
.content .std-text .contactbox.small .address {
  padding: 24px 40px 40px 40px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.content .std-text .contactbox.small .address.no-img {
  border: 1px solid #000;
}
.content .std-text .contactbox.wide {
  clear: both;
  float: none;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 0px;
}
.content .std-text .contactbox.wide > div {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
}
.content .std-text .contactbox.wide > div .address:only-child {
  float: right;
}
.content .std-text .contactbox.wide div:last-child {
  margin-bottom: 0px;
}
.content .std-text .contactbox.wide .image-contact {
  width: 100%;
  float: left;
  /* padding-right: 0px; */
  padding-right: 10px;
  margin-bottom: 14px;
}
.content .std-text .contactbox.wide .address {
  border: none;
  padding: 0px 10px 0px 10px;
  width: 100%;
  float: left;
}
.content .std-text .contactbox.wide .address p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .std-text .contactbox.wide .address p.name {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin: -1px 0 20px 0;
}
.content .std-text .contactbox.wide .address p .icon-link.phone {
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle;
}
.content .std-text .contactbox.wide .address p .icon-link.phone:after {
  content: url("Images/icon-phone-big.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .std-text .contactbox.wide .address a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .std-text .contactbox.wide .address a .icon-link.mail {
  display: inline;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  margin-left: 42px;
}
.content .std-text .contactbox.wide .address a .icon-link.mail:after {
  content: url("Images/icon-mail-big.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .std-text .contactbox.wide .address a[href^=tel] {
  line-height: 1.3;
}
.content .std-text .contactbox.wide .orga .address {
  width: 100%;
  clear: both;
  float: none;
  padding-bottom: 0px;
  margin-bottom: 12px;
}
.content .std-text .contactbox.wide .orga .address .location {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  padding-right: 28px;
}
.content .std-text .contactbox.wide .orga .address a .icon-link {
  margin-left: 31px;
}
.content .std-text .contactbox a .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .std-text .contactbox a .icon-link:hover {
  border-bottom: 1px solid transparent;
}
.content .std-text .contactbox a .icon-link:active {
  border-bottom: 1px solid transparent;
}
.content .std-text .contactbox a .icon-link:focus {
  border-bottom: 1px solid transparent;
}
.content .contactbox-wide h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
}
.content .contactbox-wide p {
  padding-left: 10px;
  padding-right: 10px;
}
.content .quote {
  background-color: rgb(110, 34, 114);
  padding: 42px 10px 17px 10px;
  color: #fff;
  /* element-box */
  margin-bottom: 40px;
  clear: both;
}
.content .quote blockquote {
  border-left: none;
}
.content .quote blockquote header {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 14px;
}
.content .quote blockquote p {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  position: relative;
  display: inline-block;
  padding-left: 0px;
  font-weight: bold;
  color: #fff;
}
.content .quote blockquote p .fa.fa-quote-right {
  font-size: 12px;
  font-size: 0.75rem;
}
.content .quote blockquote p .fa.fa-quote-right:before {
  position: absolute;
  bottom: 0;
  left: 0;
}
.content .quote blockquote p .fa.fa-quote-left {
  font-size: 12px;
  font-size: 0.75rem;
}
.content .quote blockquote p .fa.fa-quote-left:before {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 800px) {
  .content .quote {
    /*
          width: 100%;
          float: left;
    */
  }
}
.content .video .video-wrapper {
  position: relative;
}
.content .video .video-wrapper a {
  position: static;
  display: initial;
}
.content .video .video-wrapper a:hover .video-button {
  opacity: 0.8;
}
.content .video .video-wrapper a:active .video-button {
  opacity: 0.8;
}
.content .video .video-wrapper a:focus .video-button {
  opacity: 0.8;
}
.content .video .video-wrapper a .video-start {
  /* Background images */
}
.content .video .video-wrapper a .video-start .bg-img {
  background-image: url("Images/stage-slider/video-dummy-focus.jpg");
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /* min-height: 636px; */
  height: 100%;
  height: 48.855vw;
  height: 44vw;
  max-height: 636px;
}
.content .video .video-wrapper a .img-responsive {
  width: 100%;
}
.content .video .video-wrapper a .video-button {
  background: transparent url("Images/icon-video-play.png") no-repeat scroll 0 0;
  width: 106px;
  height: 107px;
  position: absolute;
  top: calc(50% - 54px);
  left: calc(50% - 53px);
}
.content .video figcaption {
  background-color: rgb(70, 38, 114);
  color: #fff;
  position: relative;
}
.content .video figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.content .video figcaption .caption-header {
  margin-bottom: 15px;
  padding: 25px 10px 10px 10px;
}
.content .video figcaption .caption-header strong {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .video figcaption p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  color: #fff;
}
.content .video figcaption p:last-child {
  margin-bottom: 0;
}
.content .stage-wrapper .video figcaption {
  padding: 0px;
}
.content .video .video-wrapper.embed-responsive iframe {
  top: 1px;
}
.content .pict-gallery {
  /* std-offset-bottom */
  margin-bottom: 100px;
  background-color: rgb(46, 38, 114);
  clear: both;
}
.content .pict-gallery .header {
  color: #fff;
  padding-top: 25px;
  padding-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
.content .pict-gallery .header h2, .content .pict-gallery .header h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 16px;
}
.content .pict-gallery .header p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 20px;
  color: #fff;
}
.content .pict-gallery .header .link-wrapper {
  display: inline-block;
}
.content .pict-gallery .header .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .pict-gallery .header .link-wrapper a:hover, .content .pict-gallery .header .link-wrapper a:focus, .content .pict-gallery .header .link-wrapper a:active {
  text-decoration: none;
}
.content .pict-gallery .header .link-wrapper a .icon-link {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .pict-gallery .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .pict-gallery .header .link-wrapper a .icon-link {
  display: inline;
}
.content .pict-gallery .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .pict-gallery .header .link-wrapper a .icon-link:before {
  left: 4px;
}
.content .pict-gallery .header .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .pict-gallery .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .pict-gallery .header .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .pict-gallery .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .pict-gallery .header .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .pict-gallery .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .pict-gallery .thumbnails {
  line-height: 0px;
}
.content .pict-gallery .thumbnails .thumbnail-list {
  padding-left: 0px;
  margin-bottom: 0px;
  width: 100%;
  display: inline-block;
}
.content .pict-gallery .thumbnails .thumbnail-list li {
  display: block;
  float: left;
  width: 25%;
  padding-left: 0px;
}
.content .pict-gallery .thumbnails .thumbnail-list li .figure a {
  display: block;
}
.content .pict-gallery .thumbnails .thumbnail-list li .figure a img {
  width: 100%;
}
.content .pict-gallery .thumbnails .thumbnail-list li .figure a img.m-hide {
  display: none;
}
.content .info-box {
  border: 1px solid #000;
  border-left: none;
  border-right: none;
  padding: 30px 30px 5px;
  /* std-offset-bottom */
  margin-bottom: 100px;
}
.content .info-box h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0px;
}
.content .info-box .col-wrapper {
  border-bottom: 1px solid #000;
  padding-bottom: 44px;
}
.content .info-box .col-wrapper li,
.content .info-box .col-wrapper p {
  padding-right: 0px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.content .info-box .col-wrapper div:last-child p {
  padding-left: 0px;
  padding-right: 0px;
}
.content .info-box .col-wrapper:only-of-type {
  border-bottom: none;
}
.content .info-box .list-wrapper span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  padding-left: 20px;
}
.content .info-box .list-wrapper span + span {
  color: #000;
}
.content .info-box .list-wrapper .link-wrapper {
  margin-top: 22px;
}
.content .info-box .list-wrapper .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .info-box .list-wrapper .link-wrapper a:hover, .content .info-box .list-wrapper .link-wrapper a:focus, .content .info-box .list-wrapper .link-wrapper a:active {
  text-decoration: none;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link {
  padding-left: 32px;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  margin-right: 0px;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link span + span {
  margin-left: 0;
  margin-right: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link span + span:before {
  content: "";
  display: inline-block;
  width: 20px;
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link span {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link span + span {
  border-bottom: 1px solid transparent;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link {
  margin-left: 0px;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.internal {
  display: block;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.internal, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.internal, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.internal {
  color: rgb(80, 37, 114);
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.internal:before, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.internal:before, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.external {
  display: block;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.external, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.external, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.external {
  color: rgb(80, 37, 114);
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.external:before, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.external:before, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-lilac_hover.png");
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.download {
  display: block;
}
.content .info-box .list-wrapper .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.download, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.download, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.download {
  color: rgb(80, 37, 114);
}
.content .info-box .list-wrapper .link-wrapper a:hover .icon-link.download:before, .content .info-box .list-wrapper .link-wrapper a:focus .icon-link.download:before, .content .info-box .list-wrapper .link-wrapper a:active .icon-link.download:before {
  content: url("Images/icon-download-lilac.png");
}
.content .info-box .list-wrapper ul {
  display: inline-block;
  padding-left: 0;
  margin-top: 46px;
  margin-left: -4px;
}
.content .info-box .list-wrapper ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 23px;
}
.content .info-box.basic {
  padding-top: 10px;
  padding-bottom: 15px;
}
.content.standard-page .static-sm-16.info-box h2 {
  padding-left: 0px;
  padding-right: 0px;
}
.content .table-responsive {
  /* std-offset-bottom */
  border: none;
  margin-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
}
.content .table-responsive h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.content .table-responsive h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-top: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.content .table-responsive .table {
  margin-bottom: 0px;
}
.content .table-responsive .table thead > tr > th {
  border-bottom: none;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 16px 8px 14px 15px;
}
.content .table-responsive .table thead > tr > th:first-child {
  padding-left: 0px;
}
.content .table-responsive .table tbody > tr > td {
  border-color: #000;
  border-right: 1px solid #000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  padding: 22px 8px 22px 15px;
}
.content .table-responsive .table tbody > tr > td:last-child {
  border-right: none;
}
.content .table-responsive .table tbody > tr > td:first-child {
  padding-left: 0px;
}
.content .panel-group.accordion {
  /* std-offset-bottom */
  margin-bottom: 100px;
  clear: both;
}
.content .panel-group.accordion h2 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-bottom: 22px;
  margin-top: 0px;
}
.content .panel-group.accordion h3 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  margin-bottom: 22px;
  margin-top: 0px;
}
.content .panel-group.accordion .panel {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  margin-bottom: 22px;
}
.content .panel-group.accordion .panel .panel-heading {
  border-radius: 0px;
  border: none;
  padding: 10px 0;
}
.content .panel-group.accordion .panel .panel-heading h2,
.content .panel-group.accordion .panel .panel-heading h3 {
  margin-bottom: 0px;
}
.content .panel-group.accordion .panel .panel-heading h2 a,
.content .panel-group.accordion .panel .panel-heading h3 a {
  color: rgb(80, 37, 114);
  position: relative;
  display: inline-block;
}
.content .panel-group.accordion .panel .panel-heading h2 a:hover, .content .panel-group.accordion .panel .panel-heading h2 a:focus, .content .panel-group.accordion .panel .panel-heading h2 a:active,
.content .panel-group.accordion .panel .panel-heading h3 a:hover,
.content .panel-group.accordion .panel .panel-heading h3 a:focus,
.content .panel-group.accordion .panel .panel-heading h3 a:active {
  text-decoration: none;
}
.content .panel-group.accordion .panel .panel-heading h2 a .icon-link,
.content .panel-group.accordion .panel .panel-heading h3 a .icon-link {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: normal;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .panel-group.accordion .panel .panel-heading h2 a:hover .icon-link,
.content .panel-group.accordion .panel .panel-heading h3 a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .panel-group.accordion .panel .panel-heading h2 a .icon-link.icon-accordion,
.content .panel-group.accordion .panel .panel-heading h3 a .icon-link.icon-accordion {
  display: inline;
  margin-left: 60px;
  display: inline-flex;
}
.content .panel-group.accordion .panel .panel-heading h2 a .icon-link.icon-accordion:before,
.content .panel-group.accordion .panel .panel-heading h3 a .icon-link.icon-accordion:before {
  content: url("Images/icon-accordion.png");
  position: absolute;
  left: 0px;
  top: -9px;
}
.content .panel-group.accordion .panel .panel-heading h2 a .icon-link.icon-accordion:before,
.content .panel-group.accordion .panel .panel-heading h3 a .icon-link.icon-accordion:before {
  width: 50px;
  height: 50px;
  left: -10px;
}
.content .panel-group.accordion .panel .panel-heading h2 a:hover .icon-link,
.content .panel-group.accordion .panel .panel-heading h3 a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content .panel-group.accordion .panel .panel-heading h2 a:hover .icon-link:before,
.content .panel-group.accordion .panel .panel-heading h3 a:hover .icon-link:before {
  content: url("Images/icon-accordion_hover.png");
}
.content .panel-group.accordion .panel .panel-heading h2 a:active .icon-link,
.content .panel-group.accordion .panel .panel-heading h3 a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .panel-group.accordion .panel .panel-heading h2 a:active .icon-link:before,
.content .panel-group.accordion .panel .panel-heading h3 a:active .icon-link:before {
  content: url("Images/icon-accordion_hover.png");
}
.content .panel-group.accordion .panel .panel-heading h2 a:focus .icon-link,
.content .panel-group.accordion .panel .panel-heading h3 a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content .panel-group.accordion .panel .panel-heading h2 a:focus .icon-link:before,
.content .panel-group.accordion .panel .panel-heading h3 a:focus .icon-link:before {
  content: url("Images/icon-accordion_hover.png");
}
@media (max-width: 799px) {
  .content .panel-group.accordion .panel .panel-heading h2 a .icon-link,
  .content .panel-group.accordion .panel .panel-heading h3 a .icon-link {
    font-size: 19.5px;
    font-size: 1.21875rem;
  }
  .content .panel-group.accordion .panel .panel-heading h2 a .icon-link.icon-accordion:before,
  .content .panel-group.accordion .panel .panel-heading h3 a .icon-link.icon-accordion:before {
    width: 40.625px;
    height: 40.625px;
    top: -11.0769230769px;
  }
}
.content .panel-group.accordion .panel .panel-heading h2 {
  font-size: 32px;
  font-weight: normal;
}
.content .panel-group.accordion .panel .panel-heading h2 a .icon-link.icon-accordion:before {
  top: 0;
}
.content .panel-group.accordion .panel .panel-heading h4 a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
  color: rgb(80, 37, 114);
}
.content .panel-group.accordion .panel .panel-heading h4 a .icon-link.icon-accordion {
  display: inline-block;
  padding-right: 13px;
}
.content .panel-group.accordion .panel .panel-heading h4 a .icon-link.icon-accordion:before {
  content: url("Images/icon-accordion.png");
  position: relative;
  top: 2px;
  padding-right: 8px;
}
.content .panel-group.accordion .panel .panel-heading h4 a .icon-link.icon-accordion:before {
  display: inline-block;
  vertical-align: middle;
}
.content .panel-group.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.content .panel-group.accordion .panel .collapse .panel-body p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .panel-group.accordion .panel .collapse .panel-body p a {
  color: rgb(80, 37, 114);
  color: #444;
  font-weight: bold;
  border-bottom: 1px solid #444;
}
.content .panel-group.accordion .panel .collapse .panel-body p a.internal-link {
  border-bottom: 1px solid #444;
}
.content .panel-group.accordion .panel .collapse .panel-body p a.external-link {
  color: #444 !important;
  border-bottom: 1px solid #444;
}
.content .panel-group.accordion .panel .collapse .panel-body p a.external-link::before {
  content: url("Images/career/icon-k-external-lilac.png");
  top: 3px;
  position: relative;
  background-color: #fff;
  display: inline-block;
  height: 23px;
  width: 22px;
}
.content .panel-group.accordion .panel .collapse .panel-body p a:hover.external-link {
  color: rgb(80, 37, 114) !important;
}
.content .panel-group.accordion .panel .collapse .panel-body p a:hover.external-link:before {
  content: url("Images/career/icon-k-external-lilac_hover.png");
  position: relative;
  left: 0;
  top: 3px;
  padding-right: 4px;
  background-color: #fff;
  height: 23px;
  width: 22px;
  white-space: nowrap;
}
.content .panel-group.accordion .panel .collapse .panel-body p a.download {
  border-bottom: 1px solid #444;
}
.content .panel-group.accordion .panel .collapse .panel-body p a.download::before {
  content: url("Images/career/icon-k-download-lilac.png");
  top: 0;
  position: relative;
  background-color: #fff;
  padding-right: 2px;
  height: auto;
  display: inline-block;
}
.content .panel-group.accordion .panel .collapse .panel-body p a:hover {
  border-bottom: 1px solid transparent;
  color: rgb(80, 37, 114);
  text-decoration: none;
}
.content .panel-group.accordion .panel .collapsing {
  padding-left: 0px;
  margin-bottom: 22px;
}
.content .panel-group.accordion .panel .collapsing p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .panel-group.accordion .panel .collapse.in {
  margin-bottom: 22px;
  padding-left: 0px;
}
.content .panel-group.accordion .panel .collapse.in p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.content .panel-group.accordion.accordion-coloured {
  margin-top: -153px;
  margin-bottom: 75px;
}
.content .panel-group.accordion.accordion-coloured .panel {
  margin-bottom: 0;
  padding-bottom: 22px;
  padding-right: 80px;
  padding-top: 20px;
  background-color: inherit;
  color: #fff;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading span,
.content .panel-group.accordion.accordion-coloured .panel .panel-body,
.content .panel-group.accordion.accordion-coloured .panel .panel-body a, .content .panel-group.accordion.accordion-coloured .panel .collapse .panel-body a, .content .panel-group.accordion.accordion-coloured .panel .collapse .panel-body a:hover, .content .panel-group.accordion.accordion-coloured .panel .collapse .panel-body a:focus,
.content .panel-group.accordion.accordion-coloured .panel .collapse .panel-body a:active, .content .panel-group.accordion.accordion-coloured .panel .collapse .panel-body a:visited,
.content .panel-group.accordion.accordion-coloured .panel .panel-body p {
  color: #fff;
}
@media (max-width: 1439px) {
  .content .panel-group.accordion.accordion-coloured .panel {
    margin-left: 8%;
  }
}
@media (max-width: 799px) {
  .content .panel-group.accordion.accordion-coloured .panel {
    margin-left: 0;
    padding-right: 10px;
  }
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  margin-bottom: 2px;
}
@media (max-width: 1023px) {
  .content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 26px;
  }
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a .icon-link.icon-accordion {
  padding-right: 13px;
  padding-left: 66px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a .icon-link.icon-accordion.color-violet-4 {
  display: block;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a .icon-link.icon-accordion.color-violet-4:before {
  content: url("Images/icon-accordion-coloured_up.png");
  position: absolute;
  left: 0px;
  top: 22px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a .icon-link.icon-accordion.color-f {
  display: block;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a .icon-link.icon-accordion.color-f:before {
  content: url("Images/icon-accordion-coloured-2_up.png");
  position: absolute;
  left: 0px;
  top: 22px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a:hover, .content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a:focus {
  text-decoration: none;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a:hover .elem-inline, .content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a:focus .elem-inline {
  border-bottom: 1px solid #fff;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a.collapsed .icon-link.icon-accordion.color-violet-4 {
  display: block;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a.collapsed .icon-link.icon-accordion.color-violet-4:before {
  content: url("Images/icon-accordion-coloured.png");
  position: absolute;
  left: 0px;
  top: 22px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a.collapsed .icon-link.icon-accordion.color-f {
  display: block;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-heading h2 a.collapsed .icon-link.icon-accordion.color-f:before {
  content: url("Images/icon-accordion-coloured-2.png");
  position: absolute;
  left: 0px;
  top: 22px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse {
  margin-top: 15px;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-body {
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  .content .panel-group.accordion.accordion-coloured .panel .panel-body {
    margin-left: 20px;
  }
}
.content .panel-group.accordion.accordion-coloured .panel .panel-body h3 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .content .panel-group.accordion.accordion-coloured .panel .panel-body h3 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 32.5px;
  }
}
.content .panel-group.accordion.accordion-coloured .panel .panel-body a {
  position: relative;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  color: #fff !important;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-body a:hover {
  color: #fff !important;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a {
  border-bottom: 1px solid #fff;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a.external-link {
  margin-left: 25px;
  text-decoration: none;
  color: #fff !important;
  border-bottom: 1px solid #fff;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a.external-link:hover {
  border-bottom: 1px solid transparent;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a.external-link::before {
  content: url("Images/icon-external-white.png");
  position: absolute;
  top: 0;
  left: -25px;
  background-color: transparent;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a.download {
  margin-left: 22px;
  text-decoration: none;
  color: #fff !important;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a.download::before {
  content: url("Images/icon-download-white.png");
  position: absolute;
  top: 0;
  left: -18px;
  background-color: transparent;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a:hover {
  border-bottom: 1px solid transparent;
}
.content .panel-group.accordion.accordion-coloured .panel .panel-collapse .panel-body p a:hover.external-link::before {
  content: url("Images/icon-external-white_hover.png");
}
.content.content-page .std-text {
  margin-bottom: 80px;
}
.content.content-page .std-text h2 {
  margin-top: -10px;
}
/*------------------------------------ Listenseiten ----------------------------------------*/
.content {
  /* nicht fuer reine Inhatsseiten */
}
.content h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 32px;
  margin-bottom: 35px;
}
.content.content-page .intro h2,
.content.content-page .intro h1 {
  margin-top: 0px;
  margin-bottom: 22px;
}
.content .focus-stage h1 {
  margin-top: 12px;
}
.content .std-list ul {
  display: inline-block;
  padding-left: 0;
  padding-left: 0px;
  margin-top: 10px;
}
.content .std-list ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 30px;
}
.content .std-list ul li.link-wrapper .date-cat {
  margin-bottom: 6px;
}
.content .std-list ul li.link-wrapper .date-cat .date {
  display: inline-block;
  margin-right: 25px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
.content .std-list ul li.link-wrapper .date-cat .cat {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
.content .std-list ul li.link-wrapper .date-cat .cat ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0px;
  margin-top: 0px;
}
.content .std-list ul li.link-wrapper .date-cat .cat ul li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  padding-right: 25px;
}
.content .std-list ul li.link-wrapper a {
  position: relative;
  display: inline-block;
}
.content .std-list ul li.link-wrapper a:hover, .content .std-list ul li.link-wrapper a:focus, .content .std-list ul li.link-wrapper a:active {
  text-decoration: none;
}
.content .std-list ul li.link-wrapper a .icon-link {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .std-list ul li.link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .std-list ul li.link-wrapper a .icon-link {
  display: inline;
}
.content .std-list ul li.link-wrapper a .icon-link:after {
  content: url("Images/icon-header-internal-lilac.png");
  position: absolute;
  left: 0;
  top: 5px;
}
.content .std-list ul li.link-wrapper a:hover .icon-link, .content .std-list ul li.link-wrapper a:focus .icon-link, .content .std-list ul li.link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .std-list ul li.link-wrapper a:hover .icon-link:after, .content .std-list ul li.link-wrapper a:focus .icon-link:after, .content .std-list ul li.link-wrapper a:active .icon-link:after {
  content: url("Images/icon-header-internal-lilac_hover.png");
}
@media (min-width: 1024px) {
  .content .std-list ul li.link-wrapper a .icon-link:after {
    top: 3px;
  }
}
.content .std-list ul li.link-wrapper a h3 {
  margin: 0;
}
.content .more-button {
  text-align: center;
}
.content .more-button .btn {
  border-radius: 0;
  padding: 22px 48px;
  margin: 20px 0 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
/*------------------------------------ Listenseiten ----------------------------------------*/
.content .std-list.dates {
  clear: both;
  float: none;
  width: auto;
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
}
.content .std-list.dates .dates-list ul li.link-wrapper {
  margin-bottom: 50px;
}
.content .std-list.dates .dates-list ul li.link-wrapper .left {
  background-color: rgb(70, 38, 114);
}
.content .std-list.dates .dates-list ul li.link-wrapper .left span {
  color: #fff;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right .date-cat {
  color: #000;
  font-weight: bold;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right .date-cat div {
  display: inline-block;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a {
  color: rgb(80, 37, 114);
  margin-bottom: 6px;
  position: relative;
  display: inline-block;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a h3 {
  margin-top: 10px;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a:hover, .content .std-list.dates .dates-list ul li.link-wrapper .right a:focus, .content .std-list.dates .dates-list ul li.link-wrapper .right a:active {
  text-decoration: none;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a .icon-link {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a .icon-link {
  display: inline;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a .icon-link:after {
  content: url("Images/icon-list-lilac.png");
  position: absolute;
  left: 0;
  top: 0px;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a:hover .icon-link, .content .std-list.dates .dates-list ul li.link-wrapper .right a:focus .icon-link, .content .std-list.dates .dates-list ul li.link-wrapper .right a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a:hover .icon-link:after, .content .std-list.dates .dates-list ul li.link-wrapper .right a:focus .icon-link:after, .content .std-list.dates .dates-list ul li.link-wrapper .right a:active .icon-link:after {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content .std-list.dates .dates-list ul li.link-wrapper .right a .icon-link:after {
  left: -30px;
}
.content .std-list.dates .dates-list ul li.link-wrapper .right p {
  padding-left: 0;
  color: #000;
}
.content .filter {
  position: relative;
}
.content .filter .cat-filter, .content .filter .format-filter {
  width: 360px;
  position: relative;
  display: inline-block;
  min-height: 1px;
  margin-right: 35px;
  margin-bottom: 20px;
  padding-right: 20px;
  text-align: left;
}
.content .filter .cat-filter .filter-control, .content .filter .format-filter .filter-control {
  width: 380px;
  height: 52px;
  padding-left: 23px;
  background-color: rgb(70, 38, 114);
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border: 1px solid transparent;
}
.content .filter .cat-filter .filter-control:after, .content .filter .format-filter .filter-control:after {
  content: url("Images/icon-select-white.png");
  position: absolute;
  width: 12px;
  height: 7px;
  right: 0;
  top: 12px;
}
.content .filter .cat-filter .filter-control:hover, .content .filter .format-filter .filter-control:hover {
  background-color: #fff;
  border: 1px solid #000;
}
.content .filter .cat-filter .filter-control:hover:after, .content .filter .format-filter .filter-control:hover:after {
  color: rgb(80, 37, 114);
  content: url("Images/icon-select-down-lilac.png");
}
.content .filter .cat-filter .filter-control:hover a, .content .filter .format-filter .filter-control:hover a {
  color: rgb(80, 37, 114);
}
.content .filter .cat-filter .filter-control:active, .content .filter .format-filter .filter-control:active {
  background-color: rgb(70, 38, 114);
  color: #000;
}
.content .filter .cat-filter .filter-control:focus, .content .filter .format-filter .filter-control:focus {
  /* background-color: $color-F; */
  color: #000;
}
.content .filter .cat-filter .filter-control a, .content .filter .format-filter .filter-control a {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: left;
  padding-top: 13px;
}
.content .filter .cat-filter .filter-control.open, .content .filter .format-filter .filter-control.open {
  background-color: #444;
}
.content .filter .cat-filter .filter-control.open:after, .content .filter .format-filter .filter-control.open:after {
  content: url("Images/icon-select-up-white.png");
}
.content .filter .cat-filter .filter-control.open:hover, .content .filter .format-filter .filter-control.open:hover {
  background-color: #fff;
  border: 1px solid #000;
}
.content .filter .cat-filter .filter-control.open:hover:after, .content .filter .format-filter .filter-control.open:hover:after {
  color: #000;
  content: url("Images/icon-select-up-lilac.png");
}
.content .filter .cat-filter .filter-control.open:hover a, .content .filter .format-filter .filter-control.open:hover a {
  color: rgb(80, 37, 114);
}
.content .filter .cat-filter .filter-control.open:active, .content .filter .format-filter .filter-control.open:active {
  background-color: rgb(70, 38, 114);
  color: #000;
}
.content .filter .cat-filter .filter-control.open:focus, .content .filter .format-filter .filter-control.open:focus {
  /* background-color: $color-F; */
  color: #000;
}
.content .filter .format-filter {
  width: 145px;
  margin-right: 0px;
}
.content .filter .format-filter .filter-control {
  width: 165px;
}
.content .filter .filter-list {
  display: none;
  background-color: #e8e8e8;
  width: 100%;
  min-height: 100px;
  position: absolute;
  top: 52px;
  z-index: 100;
}
.content .filter .filter-list .col {
  padding-bottom: 30px;
  padding-top: 30px;
}
.content .filter .filter-list .col ul {
  padding-left: 0px;
}
.content .filter .filter-list .col ul li {
  list-style-type: none;
}
.content .filter .filter-list .col ul li a {
  display: block;
}
.content .filter .filter-list .col ul li a span {
  color: #000;
  padding-left: 30px;
  padding-bottom: 6px;
  padding-top: 6px;
  display: block;
}
.content .filter .filter-list .col ul li a span strong {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #000;
  display: block;
  margin-bottom: 4px;
}
.content .filter .filter-list .col ul li a:hover {
  text-decoration: none;
  background-color: rgb(70, 38, 114);
}
.content .filter .filter-list .col ul li a:hover span {
  color: #fff;
}
.content .filter .filter-list .col ul li a:hover strong {
  color: #fff;
}
.content .filter .filter-list .col ul li a:active {
  background-color: rgb(70, 38, 114);
}
.content .filter .filter-list .col ul li a:active span {
  color: #fff;
}
.content .filter .filter-list .col ul li a:active strong {
  color: #fff;
}
.content .filter .filter-list .col ul li a:focus {
  background-color: rgb(70, 38, 114);
}
.content .filter .filter-list .col ul li a:focus span {
  color: #fff;
}
.content .filter .filter-list .col ul li a:focus strong {
  color: #fff;
}
.content .filter .filter-list.cat .col {
  float: left;
  width: 50%;
  min-height: 100px;
}
.content .filter .filter-list.format {
  z-index: 90;
}
/*------------------------------------ Teaserliste -----------------------------------------*/
.content .intro + .teaser-list {
  /* margin-top: 104px; */
}
.content .teaser-list {
  /* element-box */
  margin-bottom: 75px;
}
.content .teaser-list:last-child {
  margin-bottom: 0px;
}
.content .teaser-list h2 {
  font-weight: bold;
  /* margin-left: $start-offset-left; */
  margin-top: 0;
  margin-bottom: 30px;
}
.content .teaser-list .color-a figure.image, .content .teaser-list .color-a div.image {
  background-color: rgb(110, 34, 114);
}
.content .teaser-list .color-b figure.image, .content .teaser-list .color-b div.image {
  background-color: rgb(46, 38, 114);
}
.content .teaser-list .color-c figure.image, .content .teaser-list .color-c div.image {
  background-color: rgb(70, 38, 114);
}
.content .teaser-list .color-d figure.image, .content .teaser-list .color-d div.image {
  background-color: rgb(90, 37, 114);
}
.content .teaser-list .color-e figure.image, .content .teaser-list .color-e div.image {
  background-color: rgb(70, 38, 114);
}
.content .teaser-list .color-f figure.image, .content .teaser-list .color-f div.image {
  background-color: rgb(90, 37, 114);
}
.content .teaser-list .color-g figure.image, .content .teaser-list .color-g div.image {
  background-color: rgb(46, 38, 114);
}
.content .teaser-list .color-h figure.image, .content .teaser-list .color-h div.image {
  background-color: rgb(110, 34, 114);
}
.content .teaser-list > div:nth-child(9n+1) {
  background-color: rgb(90, 37, 114);
}
.content .teaser-list > div:nth-child(9n+2) {
  background-color: rgb(70, 38, 114);
}
.content .teaser-list > div:nth-child(9n+3) {
  background-color: rgb(110, 34, 114);
}
.content .teaser-list > div:nth-child(9n+4) {
  background-color: rgb(70, 38, 114);
}
.content .teaser-list > div:nth-child(9n+5) {
  background-color: rgb(110, 34, 114);
}
.content .teaser-list > div:nth-child(9n+6) {
  background-color: rgb(90, 37, 114);
}
.content .teaser-list > div:nth-child(9n+7) {
  background-color: rgb(110, 34, 114);
}
.content .teaser-list > div:nth-child(9n+8) {
  background-color: rgb(90, 37, 114);
}
.content .teaser-list > div:nth-child(9n+9) {
  background-color: rgb(70, 38, 114);
}
.content .teaser-list .article {
  color: #fff;
  min-height: 240px;
}
.content .teaser-list .article .header .image {
  height: 32vw;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .content .teaser-list .article .header .image {
    height: 22vw;
  }
}
@media screen and (min-width: 640px) {
  .content .teaser-list .article .header .image {
    height: auto;
  }
}
.content .teaser-list .article .header .image img {
  width: 100%;
}
.content .teaser-list .article .header .image figcaption {
  position: relative;
}
.content .teaser-list .article .header .image figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.content .teaser-list .article .header div.image {
  margin-bottom: 30px;
}
.content .teaser-list .article .header .link-wrapper {
  display: inline-block;
  width: 100%;
  min-height: 140px;
  margin-left: 0;
  padding: 30px 12.50001% 30px 12.50001%;
}
.content .teaser-list .article .header .link-wrapper a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .teaser-list .article .header .link-wrapper a:hover {
  text-decoration: none;
}
.content .teaser-list .article .header .link-wrapper a h3 {
  margin: 7px 0 0 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
}
.content .teaser-list .article .header .link-wrapper a h3 span {
  border-bottom: 1px solid transparent;
}
.content .teaser-list .article .header .link-wrapper a h3:before {
  content: url("Images/icon-header-internal-white.png");
  position: absolute;
  left: -23px;
  top: 4px;
}
@media (max-width: 1023px) {
  .content .teaser-list .article .header .link-wrapper a h3:before {
    top: 5px;
  }
}
.content .teaser-list .article .header .link-wrapper a:hover h3 span {
  border-bottom: 1px solid #fff;
}
.content .teaser-list .article .header .link-wrapper a:hover h3:before {
  content: url("Images/icon-header-internal-white_hover.png");
}
.content .teaser-list .article .header .link-wrapper a:active h3:before {
  content: url("Images/icon-header-internal-white_hover.png");
}
.content .teaser-list .article .header .link-wrapper a:focus h3:before {
  content: url("Images/icon-header-internal-white_hover.png");
}

/*------------------------------------ Downloadliste -----------------------------------------*/
.content .intro + .download-list {
  margin-top: 104px;
}
.content .teaser-list .col-sm-12.col-md-8 {
  /*
        display: -webkit-inline-flex;
        -webkit-flex-direction: column;
        display: inline-flex;
        flex-direction: column;
  */
}
.content .teaser-list .download-box {
  color: #fff;
}
.content .teaser-list .download-box .text-wrapper {
  padding: 36px 12.50001% 30px 12.50001%;
  display: inline-block;
}
.content .teaser-list .download-box .text-wrapper .header {
  color: #fff;
  display: inline-block;
  margin-bottom: 2px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .teaser-list .download-box .text-wrapper .header h3 {
  margin: 7px 0 15px 0;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper {
  display: inline-block;
  width: 100%;
  margin-left: 0;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper {
  margin-top: 12px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  padding-left: 20px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a {
  color: #fff;
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:hover, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:focus, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:active {
  text-decoration: none;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link {
  padding-left: 32px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  margin-right: 0px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link span + span {
  margin-left: 0;
  margin-right: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link span + span:before {
  content: "";
  display: inline-block;
  width: 20px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:hover .icon-link span {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:hover .icon-link span + span {
  border-bottom: 1px solid transparent;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link.download {
  display: block;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:hover .icon-link.external, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:focus .icon-link.external, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:active .icon-link.external {
  color: #fff;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:hover .icon-link.external:before, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:focus .icon-link.external:before, .content .teaser-list .download-box .text-wrapper .list-wrapper .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-download-white_hover.png");
}
.content .teaser-list .download-box .text-wrapper .list-wrapper ul {
  display: inline-block;
  padding-left: 0;
  padding-left: 0px;
  margin-top: 0px;
}
.content .teaser-list .download-box .text-wrapper .list-wrapper ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 24px;
}
.content .teaser-list .download-box .image {
  position: relative;
  height: 32vw;
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  .content .teaser-list .download-box .image {
    height: 22vw;
  }
}
@media screen and (min-width: 640px) {
  .content .teaser-list .download-box .image {
    height: auto;
  }
}
.content .teaser-list .download-box .image a img {
  width: 100%;
}
.content .teaser-list .download-box .image a .icon-link.enlarge {
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  display: block;
}
.content .teaser-list .download-box .image a .icon-link.enlarge:before {
  content: url("Images/icon-enlarge.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .teaser-list .download-box .image a:hover .icon-link.enlarge:before {
  content: url("Images/icon-enlarge_hover.png");
}
.content .teaser-list .download-box .image a:active .icon-link.enlarge:before {
  content: url("Images/icon-enlarge_hover.png");
}
.content .teaser-list .download-box .image a:focus .icon-link.enlarge:before {
  content: url("Images/icon-enlarge_hover.png");
}

/*------------------------------------ Presse Details -----------------------------------------*/
.content.press .intro {
  padding-left: 10px;
  padding-right: 10px;
}
.content.press .management-news .mgnt .mgnt-text {
  padding-left: 10px;
  padding-right: 10px;
}
.content.press .management-news .mgnt .mgnt-text h3 {
  padding-left: 0px;
}
.content.press .management-news .mgnt .mgnt-text .link-wrapper a .icon-link {
  font-weight: normal;
}

.content.teaser-page .intro {
  padding-left: 10px;
  padding-right: 10px;
}
.content.teaser-page .intro h1 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  margin-top: 0px;
}
.content.teaser-page .teaser-list h2 {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
}
.content.teaser-page .teaser-list .link-wrapper h3 span {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
}

/*------------------------------------ Downloads (Presse) -----------------------------------------*/
.content .downloads {
  /* element-box */
  /* header-offset */
  /* std-offset-bottom */
  margin-bottom: 100px;
}
.content .downloads h2 {
  font-weight: bold;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  padding-left: 10px;
  padding-right: 10px;
}
.content .downloads .download-wrapper {
  background-color: rgb(46, 38, 114);
  display: inline-flex;
  flex-direction: column-reverse;
  width: 100%;
}
.content .downloads .download-wrapper .download-links {
  color: #fff;
  padding: 20px 10px 20px 10px;
}
.content .downloads .download-wrapper .download-links h3 {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
}
.content .downloads .download-wrapper .download-links p {
  color: #fff;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper {
  margin-left: 0px;
  padding-right: 20px;
  position: relative;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:hover, .content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:focus, .content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:active {
  text-decoration: none;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a .icon-link {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a .icon-link {
  display: inline;
  margin-left: 36px;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .downloads .download-wrapper .download-links .list-wrapper .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .downloads .download-wrapper .download-links .list-wrapper span {
  /*
              @include font-size($continuous-text);
              @include line-height($continuous-text-lh);
              font-weight: $font-weight5;
  */
  color: #fff;
}
.content .downloads .download-wrapper .download-links .list-wrapper ul {
  display: inline-block;
  padding-left: 0;
  padding-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.content .downloads .download-wrapper .download-links .list-wrapper ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 30px;
}
.content .downloads .download-wrapper .download-picts .figure {
  height: 25vw;
  overflow: hidden;
}
.content .downloads .download-wrapper .download-picts .figure img {
  display: block;
  float: left;
  width: 25%;
}

.content .stage-header {
  display: inline-block;
  margin-bottom: 0px;
}
.content .stage-header .stage-wrapper {
  /* element-box */
  /* margin-bottom: 100px; */
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}
.content .stage-header .stage-wrapper .stage-text {
  min-height: unset;
  padding: 20px 10px 40px 10px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 200;
}
.content .stage-header .stage-wrapper .stage-text h1 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  margin-top: 12px;
  margin-bottom: 19px;
}
.content .stage-header .stage-wrapper .stage-text strong {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0px;
}
.content .stage-header .stage-wrapper ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0px;
  margin-top: 40px;
  padding-bottom: 0px;
  display: block;
  position: relative;
  bottom: 0px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  padding-right: 20px;
  margin-bottom: 12px;
  display: block;
  clear: both;
  float: none;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus, .content .stage-header .stage-wrapper ul li.link-wrapper a:active {
  text-decoration: none;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.internal {
  display: inline;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.internal, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.internal, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.internal {
  color: #fff;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.internal:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.internal:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.external {
  display: inline;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.external, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.external, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.external {
  color: #fff;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.external:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.external:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-white_hover.png");
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.page-internal {
  display: inline;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.page-internal:before {
  content: url("Images/icon-down-white.png");
  position: absolute;
  left: 0px;
  top: -1px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a .icon-link.page-internal:before {
  left: 5px;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.page-internal, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.page-internal, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.page-internal {
  color: #fff;
}
.content .stage-header .stage-wrapper ul li.link-wrapper a:hover .icon-link.page-internal:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:focus .icon-link.page-internal:before, .content .stage-header .stage-wrapper ul li.link-wrapper a:active .icon-link.page-internal:before {
  content: url("Images/icon-down-white.png");
}
.content .stage-header .stage-wrapper .stage-pict {
  width: 100%;
}
.content .stage-header .stage-wrapper .stage-pict img {
  min-height: auto;
  min-height: unset;
  object-fit: unset;
  width: 100%;
  height: auto;
}
.content .stage-header .stage-wrapper .stage-pict figcaption {
  position: relative;
}
.content .stage-header .stage-wrapper .stage-pict figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
}
.content .stage-header.landing .stage-text {
  padding-top: 25px;
  min-height: auto;
  min-height: unset;
}
.content .stage-header.landing .stage-pict {
  width: 100%;
  /* Background images */
}
.content .stage-header.landing .stage-pict .bg-img {
  background-image: url("Images/stage-slider/landing-dummy.jpg");
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 602px;
  min-height: auto;
  min-height: unset;
  height: auto;
  height: 50vw;
}
.content .stage-header.landing .stage-pict img {
  min-height: 600px;
  object-fit: cover;
}
.content .stage-header.landing {
  width: 100%;
}
.content .stage-header.landing .stage-wrapper {
  width: 100%;
  /* hinzu +js anpassen oder nur falsche Bildgroesse??? */
  /* min-height: 600; */
}
.content .stage-header.landing .stage-wrapper .video.stage-pict iframe {
  height: 100%;
  width: 100%;
}
.content .stage-header.campaign {
  display: block;
}
.content .stage-header.campaign .intro {
  clear: both;
}
.content .stage-header.campaign .intro p {
  clear: both;
}
.content .stage-header.campaign .stage-wrapper {
  margin-bottom: 55px;
  float: none;
}
.content .stage-header.campaign .stage-wrapper .stage-text {
  height: auto;
}
.content .stage-header.campaign .stage-wrapper .stage-pict {
  position: relative;
  /* Background images */
}
.content .stage-header.campaign .stage-wrapper .stage-pict .bg-img {
  background-image: url("Images/stage-slider/start-stage.jpg");
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: unset;
  /*
            height: 100%;
            height: 48.855vw;
  */
  height: 50vw;
}
.content .combi-big {
  margin-bottom: 50px;
}
.content .combi-big .combi-wrapper {
  display: table;
  width: 100%;
}
.content .combi-big .combi-wrapper .header {
  position: relative;
  display: inline-block;
  z-index: 20;
  padding: 20px 10px 0 10px;
  margin-top: 0px;
  background-color: #fff;
}
.content .combi-big .combi-wrapper .header span {
  position: absolute;
  display: inline-block;
  right: 0;
  /* top: -27px */
  padding: 2px 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .combi-big .combi-wrapper .header h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
  background-color: #fff;
  margin-top: 27px;
  margin-bottom: 30px;
}
.content .combi-big .combi-wrapper .header .intro {
  background-color: #fff;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: normal;
}
.content .combi-big .combi-wrapper .header .intro p {
  margin-bottom: 0px;
}
.content .combi-big .combi-wrapper .image {
  display: table-caption;
  caption-side: top;
  position: relative;
  z-index: 10;
}
.content .combi-big .combi-wrapper .image figcaption {
  position: relative;
  padding: 0;
}
/* ----------------------- Termindetail-Page ----------------------- */
.content .event-map {
  /* element-box */
  /* std-offset-bottom */
  margin-bottom: 100px;
  background-color: rgb(70, 38, 114);
  display: flex;
  flex-direction: column-reverse;
}
.content .event-map .event-venue > :first-child,
.content .event-map .event-text > :first-child {
  margin-top: 0;
}
.content .event-map .event-venue > :last-child,
.content .event-map .event-text > :last-child {
  margin-bottom: 0;
}
.content .event-map .map {
  height: 50vw;
}
.content .event-map .map .gmap {
  height: 100%;
}
.content .event-map .map #gmap {
  /*
          width: auto !important;
          height: auto !important;
  */
}
.content .event-map .event {
  padding: 45px 10px 50px 10px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
}
.content .event-map .event h2 {
  margin-top: 0px;
  margin-bottom: 38px;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  font-weight: bold;
}
.content .event-map .event h3 {
  margin-top: 28px;
  margin-bottom: 15px;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
}
.content .event-map .event .event-venue .address {
  margin-bottom: 20px;
}
.content .event-map .event a:hover,
.content .event-map .event a:focus {
  color: white;
}

/* ----------------------- Sitemap ----------------------- */
.content.sitemap-page h1 {
  padding-left: 10px;
  padding-right: 10px;
}
.content.sitemap-page .sitemap {
  margin-top: 32px;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.content.sitemap-page .sitemap ul {
  display: block;
  padding-left: 0px;
}
.content.sitemap-page .sitemap ul li {
  list-style-type: none;
}
.content.sitemap-page .sitemap ul.level-1 li {
  margin-bottom: 40px;
}
.content.sitemap-page .sitemap ul.level-1 li a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.content.sitemap-page .sitemap ul.level-1 li a span.icon-link {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  color: #444;
}
.content.sitemap-page .sitemap ul.level-1 li a:hover {
  border-bottom: 1px solid #000;
  text-decoration: none;
}
.content.sitemap-page .sitemap ul.level-1 li a:active {
  border-bottom: 1px solid #000;
  text-decoration: none;
}
.content.sitemap-page .sitemap ul.level-1 li a:focus {
  border-bottom: 1px solid #000;
  text-decoration: none;
}
.content.sitemap-page .sitemap ul.level-1 li .level-1-header {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px;
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper {
  margin-bottom: 4px;
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a {
  position: relative;
  display: inline-block;
  color: rgb(80, 37, 114);
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:hover, .content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:focus, .content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:active {
  text-decoration: none;
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a .icon-link {
  display: inline;
  display: block;
  color: rgb(80, 37, 114);
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a .icon-link:before {
  content: url("Images/icon-list-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.sitemap-page .sitemap ul.level-1 li .level-2 .link-wrapper a:hover {
  border-bottom: 1px solid transparent;
  text-decoration: none;
}

/* ----------------------- Infografikdetail-Page ----------------------- */
.content.info .element-box.std-text {
  margin-bottom: 120px;
}
.content.info .infographic .link-wrapper {
  margin-top: -78px;
  padding-bottom: 20px;
}
.content.info .infographic .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content.info .infographic .link-wrapper a:hover, .content.info .infographic .link-wrapper a:focus, .content.info .infographic .link-wrapper a:active {
  text-decoration: none;
}
.content.info .infographic .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content.info .infographic .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content.info .infographic .link-wrapper a .icon-link {
  display: inline;
}
.content.info .infographic .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content.info .infographic .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.content.info .infographic .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.info .infographic .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.content.info .infographic .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.info .infographic .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.content.info .infographic .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.content.info .infographic .list-wrapper .link-wrapper {
  margin-right: 50px;
  position: static;
  top: 0px;
}
.content.info .infographic .list-wrapper .link-wrapper a {
  position: relative;
  display: inline-block;
}
.content.info .infographic .list-wrapper .link-wrapper a:hover, .content.info .infographic .list-wrapper .link-wrapper a:focus, .content.info .infographic .list-wrapper .link-wrapper a:active {
  text-decoration: none;
}
.content.info .infographic .list-wrapper .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content.info .infographic .list-wrapper .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content.info .infographic .list-wrapper .link-wrapper a .icon-link.download {
  display: inline;
}
.content.info .infographic .list-wrapper .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content.info .infographic .list-wrapper .link-wrapper a:hover .icon-link.internal, .content.info .infographic .list-wrapper .link-wrapper a:focus .icon-link.internal, .content.info .infographic .list-wrapper .link-wrapper a:active .icon-link.internal {
  color: rgb(80, 37, 114);
}
.content.info .infographic .list-wrapper .link-wrapper a:hover .icon-link.internal:before, .content.info .infographic .list-wrapper .link-wrapper a:focus .icon-link.internal:before, .content.info .infographic .list-wrapper .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-download-lilac_hover.png");
}
.content.info .infographic .list-wrapper .link-wrapper a .icon-link.print {
  display: inline;
}
.content.info .infographic .list-wrapper .link-wrapper a .icon-link.print:before {
  content: url("Images/icon-download-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content.info .infographic .list-wrapper .link-wrapper a:hover .icon-link.external, .content.info .infographic .list-wrapper .link-wrapper a:focus .icon-link.external, .content.info .infographic .list-wrapper .link-wrapper a:active .icon-link.external {
  color: rgb(80, 37, 114);
}
.content.info .infographic .list-wrapper .link-wrapper a:hover .icon-link.external:before, .content.info .infographic .list-wrapper .link-wrapper a:focus .icon-link.external:before, .content.info .infographic .list-wrapper .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-download-lilac_hover.png");
}
.content.info .infographic .list-wrapper .link-wrapper span abbr:first-child {
  margin-left: 10px;
}
.content.info .infographic .list-wrapper span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
.content.info .infographic .list-wrapper ul {
  display: inline-block;
  padding-left: 0;
  padding-left: 0px;
  margin-top: 16px;
  margin-bottom: 0px;
}
.content.info .infographic .list-wrapper ul li.link-wrapper {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 23px;
}

/* ----------------------- Landing-Page ----------------------- */
.content .links, .content .dates {
  width: 100%;
  clear: both;
  float: none;
  min-height: 320px;
  position: relative;
  padding: 56px 4.16667% 0px 4.16667%;
}
.content .links h2, .content .dates h2 {
  margin-top: 0px;
  margin-bottom: 55px;
  color: #fff;
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
}
@media screen and (min-width: 800px) {
  .content .links, .content .dates {
    width: 100%;
    /*
          clear: none;
          float: left;
    */
  }
}
.content .links {
  background-color: rgb(110, 34, 114);
}
.content .links.combibox-pair {
  /* padding: 56px $start-offset-left 0px $start-offset-left; */
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.content .links.combibox-single {
  padding-bottom: 100px;
}
.content .links h2 {
  margin-bottom: 50px;
}
.content .links .list-wrapper {
  border: 1px solid #fff;
  margin-bottom: 40px;
}
.content .links .list-wrapper .link-wrapper {
  margin-left: 20px;
  padding-right: 20px;
  position: relative;
}
.content .links .list-wrapper .link-wrapper a {
  color: #fff;
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.content .links .list-wrapper .link-wrapper a:hover, .content .links .list-wrapper .link-wrapper a:focus, .content .links .list-wrapper .link-wrapper a:active {
  text-decoration: none;
}
.content .links .list-wrapper .link-wrapper a .icon-link {
  padding-left: 32px;
}
.content .links .list-wrapper .link-wrapper a .icon-link span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  margin-right: 0px;
}
.content .links .list-wrapper .link-wrapper a .icon-link span + span {
  margin-left: 0;
  margin-right: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
.content .links .list-wrapper .link-wrapper a .icon-link span + span:before {
  content: "";
  display: inline-block;
  width: 20px;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link span {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link span + span {
  border-bottom: 1px solid transparent;
}
.content .links .list-wrapper .link-wrapper a .icon-link.internal {
  display: block;
}
.content .links .list-wrapper .link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.internal, .content .links .list-wrapper .link-wrapper a:focus .icon-link.internal, .content .links .list-wrapper .link-wrapper a:active .icon-link.internal {
  color: #fff;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.internal:before, .content .links .list-wrapper .link-wrapper a:focus .icon-link.internal:before, .content .links .list-wrapper .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .links .list-wrapper .link-wrapper a .icon-link.external {
  display: block;
}
.content .links .list-wrapper .link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.external, .content .links .list-wrapper .link-wrapper a:focus .icon-link.external, .content .links .list-wrapper .link-wrapper a:active .icon-link.external {
  color: #fff;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.external:before, .content .links .list-wrapper .link-wrapper a:focus .icon-link.external:before, .content .links .list-wrapper .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-white_hover.png");
}
.content .links .list-wrapper .link-wrapper a .icon-link.download {
  display: block;
}
.content .links .list-wrapper .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-white.png");
  position: absolute;
  left: 0px;
  top: 0px;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.download, .content .links .list-wrapper .link-wrapper a:focus .icon-link.download, .content .links .list-wrapper .link-wrapper a:active .icon-link.download {
  color: #fff;
}
.content .links .list-wrapper .link-wrapper a:hover .icon-link.download:before, .content .links .list-wrapper .link-wrapper a:focus .icon-link.download:before, .content .links .list-wrapper .link-wrapper a:active .icon-link.download:before {
  content: url("Images/icon-download-white.png");
}
.content .links .list-wrapper .link-wrapper a .icon-link {
  max-width: 100%;
}
@media (max-width: 799px) {
  .content .links .list-wrapper .link-wrapper a .icon-link {
    padding-left: 32px;
  }
}
.content .links .list-wrapper span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
.content .links .list-wrapper ul {
  display: inline-block;
  padding-left: 0;
  padding-left: 18px;
  margin-top: 45px;
  margin-bottom: 0px;
  max-width: 100%;
}
@media (max-width: 799px) {
  .content .links .list-wrapper ul {
    padding-left: 0;
  }
}
.content .links .list-wrapper ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 43px;
}
.content .dates {
  background-color: rgb(70, 38, 114);
}
.content .dates .header {
  margin-bottom: 25px;
}
.content .dates .header h2 {
  display: inline-block;
  margin-bottom: 20px;
}
.content .dates .header .link-wrapper {
  display: inline-block;
  margin-left: 20px;
  padding-left: 40px;
  padding-right: 20px;
}
.content .dates .header .link-wrapper a {
  color: #fff;
  position: relative;
  display: inline-block;
}
.content .dates .header .link-wrapper a:hover, .content .dates .header .link-wrapper a:focus, .content .dates .header .link-wrapper a:active {
  text-decoration: none;
}
.content .dates .header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.content .dates .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.content .dates .header .link-wrapper a .icon-link {
  display: inline;
}
.content .dates .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.content .dates .header .link-wrapper a:hover .icon-link {
  color: #fff;
}
.content .dates .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .dates .header .link-wrapper a:active .icon-link {
  color: #fff;
}
.content .dates .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .dates .header .link-wrapper a:focus .icon-link {
  color: #fff;
}
.content .dates .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-white_hover.png");
}
.content .dates-links {
  /* element-box */
  /* std-offset-bottom */
  margin-bottom: 100px;
  flex-direction: column;
}
.content .dates-links:before, .content .dates-links:after {
  content: " ";
  display: table;
}
.content .dates-links:after {
  clear: both;
}
.content .dates-links div:only-child {
  width: 100%;
  clear: both;
  float: none;
}
.content .single-teaser .article {
  display: table;
  width: 100%;
}
.content .single-teaser h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  margin-left: 10px;
}
.content .single-teaser .figure {
  margin-bottom: 36px;
}
.content .single-teaser .figure .bg-img {
  min-height: 580px;
  min-height: auto;
  min-height: unset;
  background-position: center center;
  background-size: cover;
  height: auto;
  height: 50vw;
}
.content .single-teaser .figure figcaption {
  position: relative;
}
.content .single-teaser .figure figcaption span {
  position: absolute;
  display: inline-block;
  right: 0;
  /* top: -27px */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}
.content .single-teaser .teaser-text {
  padding: 0px 10px 20px 10px;
  display: table-caption;
  caption-side: bottom;
}
.content .single-teaser .teaser-text h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  margin-top: -8px;
}
.content .accordion.faq {
  position: relative;
  /* element-box */
  /* header-offset */
  margin-bottom: 140px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.content .accordion.faq .intro {
  margin-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
.content .accordion.faq .intro h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 40px;
}
.content .accordion.faq .intro h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  margin-bottom: 40px;
}
.content .accordion.faq .panel {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  min-height: 100px;
  clear: both;
  float: none;
}
.content .accordion.faq .panel .panel-heading {
  border-radius: 0px;
  border: none;
  padding: 0px;
  width: 100%;
  left: 0px;
}
.content .accordion.faq .panel .panel-heading h3 {
  position: relative;
  padding: 24px 80px 24px 10px;
  border-bottom: 1px solid #000;
  border-right: none;
}
.content .accordion.faq .panel .panel-heading h3 a {
  display: block;
}
.content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion {
  display: inline;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  color: #444;
  margin-left: 0px;
  border-bottom: 1px solid transparent;
}
.content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion:before {
  content: none;
}
.content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion:after {
  content: url("Images/icon-accordion.png");
  position: relative;
  padding-right: 0px;
  -ms-transform: unset;
  -webkit-transform: unset;
  transform: unset;
  width: 50px;
  height: 50px;
  position: absolute;
  right: -70px;
  top: calc(50% - 25px);
}
.content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion:hover:after {
  content: url("Images/icon-accordion-open.png");
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.content .accordion.faq .panel .panel-heading h3 a:hover {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading h3 a:hover .icon-link.icon-accordion {
  border-bottom: 1px solid #444;
}
.content .accordion.faq .panel .panel-heading h3 a:active {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading h3 a:active .icon-link.icon-accordion {
  border-bottom: 1px solid #444;
}
.content .accordion.faq .panel .panel-heading h3 a:focus {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading h3 a:focus .icon-link.icon-accordion {
  border-bottom: 1px solid #444;
}
.content .accordion.faq .panel .panel-heading h4 a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
  color: rgb(80, 37, 114);
}
.content .accordion.faq .panel .panel-heading h4 a .icon-link.icon-accordion {
  display: inline-block;
  padding-right: 13px;
}
.content .accordion.faq .panel .panel-heading h4 a .icon-link.icon-accordion:after {
  content: url("Images/icon-accordion.png");
  position: relative;
  top: 6px;
  padding-right: 8px;
}
.content .accordion.faq .panel .panel-heading.active {
  background-color: rgb(110, 34, 114);
}
.content .accordion.faq .panel .panel-heading.active h3 a:hover, .content .accordion.faq .panel .panel-heading.active h4 a:hover {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a:hover .icon-link.icon-accordion, .content .accordion.faq .panel .panel-heading.active h4 a:hover .icon-link.icon-accordion {
  border-bottom: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a:active, .content .accordion.faq .panel .panel-heading.active h4 a:active {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a:active .icon-link.icon-accordion, .content .accordion.faq .panel .panel-heading.active h4 a:active .icon-link.icon-accordion {
  border-bottom: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a:focus, .content .accordion.faq .panel .panel-heading.active h4 a:focus {
  text-decoration: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a:focus .icon-link.icon-accordion, .content .accordion.faq .panel .panel-heading.active h4 a:focus .icon-link.icon-accordion {
  border-bottom: none;
}
.content .accordion.faq .panel .panel-heading.active h3 a .icon-link.icon-accordion, .content .accordion.faq .panel .panel-heading.active h4 a .icon-link.icon-accordion {
  color: #fff;
}
.content .accordion.faq .panel .panel-heading.active h3 a .icon-link.icon-accordion:after, .content .accordion.faq .panel .panel-heading.active h4 a .icon-link.icon-accordion:after {
  content: "";
}
.content .accordion.faq .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
  border-bottom: 1px solid #000;
  padding-top: 20px;
  overflow: scroll;
}
.content .accordion.faq .panel .panel-collapse {
  margin-bottom: 0px;
  padding-left: 0px;
  position: static;
  width: 100%;
  top: 60px;
  right: 0px;
}
.content .accordion.faq .panel .panel-collapse.in {
  margin-bottom: 0px;
  padding-left: 0px;
}
.content .accordion.faq .panel .collapse .panel-body {
  padding-left: 10px;
}
.content .accordion.faq .panel .collapse.in {
  color: rgb(0, 0, 0);
}
.content .accordion.faq .panel .collapsing {
  color: rgba(0, 0, 0, 0.1);
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}
.content .accordion.faq .panel:first-of-type {
  border-top: 1px solid #000;
}
.content .accordion.faq .panel:last-of-type {
  border-bottom: 1px solid #000;
}
.content .accordion.faq .panel:first-of-type h3 {
  border-top: 1px solid transparent;
}
.content .accordion.faq .panel:last-of-type h3 {
  border-bottom: 1px solid transparent;
}
.content.theme-page .video .video-wrapper a .video-start .bg-img {
  height: auto;
}
.content.theme-page .stage .stage-wrapper .stage-text p {
  display: block;
}
.content.theme-page .stage .stage-pict .bg-img {
  min-height: 602px;
  min-height: auto;
  min-height: unset;
  height: auto;
  height: 50vw;
}
.content.theme-page .std-text .std-box + .link-wrapper {
  margin-top: 40px;
}

.focus .stage {
  /* element-box */
  /* header-offset */
  margin-bottom: 100px;
}
.focus .stage .header {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 10px;
}
.focus .stage .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
  /* margin-left: $start-offset-left; */
  display: inline-block;
  margin: 0px 0px 0px 10px;
}
.focus .stage .header .link-wrapper {
  display: inline-block;
  margin-left: 10px;
}
.focus .stage .header .link-wrapper a {
  position: relative;
  display: inline-block;
}
.focus .stage .header .link-wrapper a:hover, .focus .stage .header .link-wrapper a:focus, .focus .stage .header .link-wrapper a:active {
  text-decoration: none;
}
.focus .stage .header .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.focus .stage .header .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.focus .stage .header .link-wrapper a .icon-link {
  display: inline;
}
.focus .stage .header .link-wrapper a .icon-link:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 15px;
}
.focus .stage .header .link-wrapper a:hover .icon-link {
  color: rgb(80, 37, 114);
}
.focus .stage .header .link-wrapper a:hover .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.focus .stage .header .link-wrapper a:active .icon-link {
  color: rgb(80, 37, 114);
}
.focus .stage .header .link-wrapper a:active .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.focus .stage .header .link-wrapper a:focus .icon-link {
  color: rgb(80, 37, 114);
}
.focus .stage .header .link-wrapper a:focus .icon-link:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.focus .stage .stage-wrapper li {
  display: flex !important;
  flex-direction: column-reverse;
}
.focus .stage .stage-wrapper .stage-text {
  min-height: 320px;
  padding: 20px 10px 140px 10px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 200;
}
.focus .stage .stage-wrapper .stage-text h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.25;
  margin-top: 12px;
  margin-bottom: 12px;
}
.focus .stage .stage-wrapper .stage-text strong {
  font-weight: bold;
}
.focus .stage .stage-wrapper .stage-text .link-wrapper {
  display: inline-block;
  margin-top: 0px;
}
.focus .stage .stage-wrapper .stage-pict {
  /* Version 1 */
  min-height: 602px;
  /* Version 2 */
  min-height: auto;
  min-height: unset;
}
.focus .stage .stage-wrapper .stage-pict iframe {
  /*
          min-height: 602px;
          height: 41.7vw;
  */
  min-height: auto;
  min-height: unset;
  height: 100%;
}
.focus .stage .stage-wrapper .stage-pict img {
  width: 100%;
  /* Version 1 */
  min-height: auto;
  min-height: unset;
  object-fit: cover;
  /* Version 2 */
  height: auto;
}
.focus .stage .stage-wrapper .video {
  position: relative;
  /*       height: 44.1725vw; */
  height: auto;
}
.focus .stage .stage-wrapper .video .video-wrapper {
  /* top: 2.2225vw; */
}
.focus .stage .stage-wrapper .video .video-wrapper .video-start img {
  object-fit: cover;
}
.focus .stage .custom-navigation {
  bottom: 46px;
  width: 100%;
}
.focus .stage .custom-controls-container {
  width: 76%;
}
/* Formulare */
.content {
  /* form Code ursprünglich*/
}

/* Textelement padding Mobile Focus */
.content.focus .current .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
}
.content.focus .infographic .header h2 {
  font-size: 32.5px;
  font-size: 2.03125rem;
  line-height: 1.2;
}
.content.focus .std-text .std-box {
  padding-left: 10px;
  padding-right: 10px;
}
.content.focus .std-text .link-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

/* Element Abstaende Mobile */
.content.theme-page .element-box {
  margin-bottom: 46px;
}
.content.theme-page .headline-offset {
  margin-top: -18px;
}

.content.standard-page .element-box {
  margin-bottom: 70px;
}
.content.standard-page .headline-offset {
  margin-top: -13px;
}

.content.theme-page.focus .stage .stage-wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.content.theme-page.focus .stage .custom-navigation {
  width: 98%;
}
.content.theme-page.focus .stage.testimonials .stage-wrapper {
  display: flex;
  flex-direction: column;
}
.content.theme-page.focus .stage-header.element-box {
  margin-bottom: 46px;
}
.content.theme-page.focus .headline-offset {
  margin-top: -13px;
}

.content .std-text .std-box {
  padding-bottom: 0px;
}
.content .std-text .std-box ul, .content .std-text .std-box ol {
  margin-bottom: 24px;
}
.content .std-text .std-box p:last-child, .content .std-text .std-box h2:last-child, .content .std-text .std-box h3:last-child, .content .std-text .std-box h4:last-child, .content .std-text .std-box ul:last-child, .content .std-text .std-box ol:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/* Alle Copyrightbilder ohne Caption-Text */
figcaption span:only-child {
  top: auto;
  bottom: 0px;
}

/* Abstand breadcrumb */
div#content {
  margin-top: 0px;
}

.breadcrumb-wrapper + article#content {
  margin-top: 5px;
}

article#content .breadcrumb-jobdetail {
  position: relative;
  margin-top: 0;
}

article#content.focus {
  margin-top: 0px;
}

/* letztes div vor sharing start */
#content.start-page > div:nth-last-child(2) {
  margin-bottom: 0px;
}

/* letztes div vor sharing mit focus */
#content.focus > div:nth-last-child(2) {
  margin-bottom: 40px;
}

/* letztes div vor sharing Listen */
#content.teaser-page > div:nth-last-child(2) {
  margin-bottom: 0px;
}

/*
.content {
  &.focus h2 {
    @include font-size($std-h1);
    @include line-height($std-h1-lh);
    font-weight: 500;
  }
}
*/
/* ---------------- Kampagne Unerhoert! ---------------- */
.content .cpu-block-wrapper .teaser-intro {
  margin-bottom: 35px;
}
.content .cpu-block-wrapper .teaser-intro h2 {
  margin-bottom: 22px;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.content .cpu-block-wrapper .teaser-intro h2 .upper {
  text-transform: uppercase;
}
.content .cpu-block-wrapper .teaser-intro p {
  margin-bottom: 25px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  color: rgb(68, 68, 68);
}
.content .cpu-block-wrapper .teaser-intro a {
  position: relative;
  padding-left: 32px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  color: rgb(68, 68, 68);
  font-weight: bold;
}
.content .cpu-block-wrapper .teaser-intro a:before {
  content: url("Images/icon-header-internal-grey.png");
  position: absolute;
  left: 0;
  top: 2px;
}
.content .cpu-block-wrapper .teaser-intro a:hover:before {
  content: url("Images/icon-header-internal-grey_hover.png");
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element {
  position: relative;
  padding: 44px 0 35px;
  /*padding: 1.5% 0;*/
  min-height: 420px;
  color: rgb(255, 255, 255);
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element.slick-slide {
  padding: 44px 0 35px;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element .inner-wrapper {
  /*padding: 0 18%;*/
  padding: 0 22%;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element strong {
  display: inline-block;
  margin-bottom: 12px;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  color: rgb(255, 255, 255);
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element p {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 200;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element p.hash {
  position: absolute;
  bottom: 4%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 1.333333;
  font-weight: bold;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element a {
  color: rgb(255, 255, 255);
  position: relative;
  display: inline-block;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element a .icon-link {
  margin-left: 32px;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element a .icon-link:after {
  content: url("Images/icon-header-internal-white.png");
  position: absolute;
  left: 0;
  top: 4px;
}
.content .cpu-block-wrapper .teaser-wrapper .teaser-element a .icon-link:hover:after {
  content: url("Images/icon-header-internal-white_hover.png");
}
.content .cpu-block-wrapper .teaser-wrapper.box-wide {
  width: 840px;
  margin-left: -51px;
}
.content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element {
  padding: 6% 0;
}
.content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element .inner-wrapper {
  padding: 0 15%;
}
.content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
}
.content .cpu-block-wrapper.focus-intro {
  margin-top: -55px;
  margin-bottom: 140px;
}
.content .cpu-block-wrapper.focus-intro .teaser-intro {
  background-color: #e8e8e8;
  padding: 1.5% 5% 1.5% 4%;
  min-height: 420px;
  margin-bottom: 0;
}
.content .cpu-block-wrapper.focus-intro .teaser-intro h2 {
  margin-bottom: 14px;
}
.content .cpu-block-wrapper.focus-intro .teaser-intro p {
  margin-bottom: 35px;
}
.content .cpu-block-wrapper.focus-intro .teaser-intro p:last {
  margin-bottom: 0;
}
.content .cpu-block-wrapper.focus-intro + div + .element-box.std-text .std-box p:first-child {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
}
@media screen and (max-width: 840px) {
  .content .cpu-block-wrapper .teaser-wrapper.box-wide {
    width: auto;
    margin-left: 0;
  }
}
@media screen and (max-width: 799px) {
  .content .cpu-block-wrapper .teaser-intro h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .content .cpu-block-wrapper .teaser-intro p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .cpu-block-wrapper .teaser-wrapper .teaser-element, .content .cpu-block-wrapper .teaser-wrapper .teaser-element.slick-slide {
    padding: 20px 10px;
  }
  .content .cpu-block-wrapper .teaser-wrapper .teaser-element p.hash, .content .cpu-block-wrapper .teaser-wrapper .teaser-element.slick-slide p.hash {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element {
    min-height: auto;
    padding: 20px 10px;
  }
  .content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element .inner-wrapper {
    padding: 0;
  }
  .content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .cpu-block-wrapper .teaser-wrapper.box-wide .teaser-element p.hash {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    margin-top: 40px;
  }
  .content .cpu-block-wrapper.focus-intro {
    margin-bottom: 70px;
  }
  .content .cpu-block-wrapper.focus-intro .teaser-intro {
    min-height: auto;
  }
  .content .cpu-block-wrapper.focus-intro + div + .element-box.std-text p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
}
@media screen and (max-width: 640px) {
  .content .cpu-block-wrapper .teaser-wrapper .teaser-element {
    padding: 20px 10px;
  }
  .content .cpu-block-wrapper .teaser-wrapper .teaser-element .inner-wrapper {
    padding: 0;
  }
}

/* ----- Kampagne Unerhoert! Teaser-Slider ----- */
.content .cpu-block-wrapper .slick-initialized .slick-slide {
  height: 420px;
}
.content .cpu-block-wrapper .slick-slider .slick-arrow {
  position: absolute;
  top: 190px;
  background: none;
  border: none;
  z-index: 20;
}
.content .cpu-block-wrapper .slick-slider .slick-arrow:before {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 30;
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-prev {
  left: 0;
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-prev:before {
  content: url("Images/icon-slider-prev.png");
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-prev:hover:before {
  content: url("Images/icon-slider-prev_hover.png");
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-next {
  right: 0;
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-next:before {
  content: url("Images/icon-slider-next.png");
}
.content .cpu-block-wrapper .slick-slider .slick-arrow.slick-next:hover:before {
  content: url("Images/icon-slider-next_hover.png");
}
.content .cpu-block-wrapper .slick-slider .slick-arrow span {
  text-indent: -999999px;
  display: inline-block;
}
.content .cpu-block-wrapper .slick-slider .slick-dots {
  display: inline-block;
  padding-left: 0;
  margin-left: 0;
  position: absolute;
  bottom: -80px;
  right: 47%;
}
.content .cpu-block-wrapper .slick-slider .slick-dots li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  width: 11px;
  height: 11px;
  margin: 0 8px;
  background-color: rgb(68, 68, 68);
  border: 2px solid rgb(68, 68, 68);
  border-radius: 100%;
}
.content .cpu-block-wrapper .slick-slider .slick-dots li.slick-active {
  background-color: rgb(255, 255, 255);
}
.content .cpu-block-wrapper .slick-slider .slick-dots li:hover {
  background-color: rgb(255, 255, 255);
}
.content .cpu-block-wrapper .slick-slider .slick-dots li button {
  text-indent: -9999em;
  background: none;
  border: none;
}
@media screen and (max-width: 799px) {
  .content .cpu-block-wrapper .slick-slider .slick-dots {
    bottom: -40px;
    right: 44%;
  }
}

/* ----- Kampagne Unerhoert! Tagboard Embed ----- */
.content .embed.board {
  background-color: #e8e8e8;
  padding: 2% 0 6% 0;
}
.content .embed.board h2 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media screen and (max-width: 799px) {
  .content .embed.board {
    padding: 0 10px 50px 10px;
  }
  .content .embed.board h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
  }
}

a[href^=tel]:focus,
a[href^=tel] {
  border-bottom: 1px solid currentColor;
}
a[href^=tel]:focus:hover,
a[href^=tel]:hover {
  border-bottom-color: transparent;
  text-decoration: none;
}

body[data-layout=pagets__startseite] #content {
  margin-top: 0;
}

.figure figcaption {
  position: relative;
}
.figure figcaption .copy {
  position: absolute;
  bottom: 100%;
  right: 0;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  padding: 4px 12px 2px 12px;
}

.content.content-page > .intro:first-child h1 {
  margin-top: 1em;
}
@media (max-width: 799.8px) {
  .content.content-page > .intro:first-child h1 {
    margin-top: 0.7em;
  }
}

.info-box .info-2-columns ul,
.links-in-text ul,
.stage-text ul,
.std-sitemap ul {
  margin-bottom: 1.5em;
  margin-top: 0;
}
.info-box .info-2-columns ul ul,
.links-in-text ul ul,
.stage-text ul ul,
.std-sitemap ul ul {
  margin-bottom: 0;
}
.info-box .info-2-columns li,
.links-in-text li,
.stage-text li,
.std-sitemap li {
  margin-bottom: 0.3em;
  padding-left: 1em;
}

.content .info-box .info-2-columns ul {
  margin-top: 0;
}

.content.focus-stage .infographic .header h2 {
  font-size: 3.125rem;
  line-height: 3.5rem;
}

.content .twitter .scroll-wrapper {
  height: 444px;
}

.content .std-text .contactbox.wide .address {
  padding-bottom: 0;
}

.content .start-slider .slides .single-li .slide-wrapper .slider-text p {
  color: #fff;
}

.frame-type-form_formframework {
  width: 738px;
  margin: 0 auto;
  max-width: calc(100% - 20px);
}

.calendar,
.calendar select,
.calendar table,
.calendar th,
.calendar td {
  background: #fff;
  color: #000;
  text-shadow: none;
  height: auto;
  width: auto;
  padding: 0;
  line-height: normal;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  font-family: sans-serif;
  font-size: 16px;
}

.calendar {
  position: absolute;
  border: 1px solid #c0c0c0;
  text-align: center;
  min-width: 280px;
  right: 0;
  z-index: 50;
  padding: 5px;
}
.calendar select {
  margin: 3px 5px;
  border: 1px solid #c0c0c0;
}
.calendar table {
  width: 100%;
}
.calendar th, .calendar td {
  width: 14%;
  padding: 4px;
  text-align: center;
}
.calendar td {
  cursor: pointer;
}
.calendar .selected button {
  background-color: rgb(80, 37, 114);
  color: white;
  font-weight: bold;
}
.calendar button {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 2;
}
.calendar button:hover {
  background-color: rgb(80, 37, 114);
  color: white;
}
.calendar button:focus {
  outline: 1px dotted rgb(80, 37, 114);
}

.form .calendar select {
  margin-left: 5px;
  margin-right: 5px;
  width: auto;
}

.calendar-opener {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  width: 3.0625rem;
  height: 3.0625rem;
  background: rgb(80, 37, 114);
  color: white;
  position: relative;
  vertical-align: top;
  border: 1px solid rgb(66.4900662252, 30.7516556291, 94.7483443709);
  border-left: 0;
}
.calendar-opener:hover, .calendar-opener:focus {
  background-color: white;
  color: rgb(80, 37, 114);
}
.calendar-opener:focus {
  outline: 1px dotted rgb(80, 37, 114);
  outline-offset: -2px;
}
.calendar-opener::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "FontAwesome" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f073";
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.calendar button.calendar-remove {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  margin-right: 10px;
}
.calendar button.calendar-remove::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
}

input.has-calendar-opener {
  min-width: 170px;
}

.date-inputs {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 655px) {
  .date-inputs {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.date-input {
  position: relative;
  display: inline-block;
  margin: 0;
}
@media (max-width: 655px) {
  .date-input {
    margin-bottom: 1em;
    width: 100%;
  }
}
.date-input .label-text {
  display: block;
}
.date-input .calendarContainer {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1;
  background: white;
  box-shadow: 1px 1px 3px black;
}
.date-input input {
  border: 1px solid rgb(80, 37, 114);
  border-radius: 0;
  height: 3.0625rem;
  padding-left: 0.5em;
}

html[data-ua*="Edg/"] .calendar-opener,
html[data-ua*=AppleWebKit][data-ua*=Mobile] .date-input .calendar-opener {
  display: none;
}

.content .tx-diakonie-berufomat .intro {
  margin-bottom: 0;
  margin-top: 16px;
}

.berufomat--intro-text {
  padding: 24px 10px 24px 10px;
}
.berufomat--intro-text p:last-child {
  margin-bottom: 0;
}

.berufomat--intro-image {
  background-image: url(../Images/career/berufomat_header_wide.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 47.2998137803%;
}

.berufomat--filters {
  background-color: rgb(110, 34, 114);
  color: white;
}

.berufomat--filters,
.berufomat--jobs {
  padding: 10px 10px 10px 10px;
}

.berufomat--filter--heading {
  font-size: 24px;
  line-height: 1.333333;
}

.berufomat--filter--heading button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background: transparent;
  text-align: left;
  width: 100%;
  position: relative;
  padding-left: 1.1em;
}
.berufomat--filter--heading button:before {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url(Images/icon-select-white.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 2px;
  top: 0.6em;
}
.berufomat--filter--heading button:disabled {
  color: rgba(255, 255, 255, 0.7);
}

.berufomat--filter {
  margin-top: 2em;
}
.berufomat--filter .berufomat--filter--option {
  font-size: 16px;
}
.berufomat--filter input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0.1em;
}
.berufomat--filter label {
  position: relative;
  font-weight: normal;
  padding-left: 1.5em;
  cursor: pointer;
  margin-bottom: 1.4em;
}
.berufomat--filter label > span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.1em;
  top: 0.3em;
  width: 0.9em;
  height: 0.9em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
  background-size: 14px 14px;
  background-repeat: no-repeat;
}
.berufomat--filter input[type=radio]:checked + span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIvPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSIzIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

.berufomat--job {
  margin-top: 2rem;
}
.berufomat--job img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}

.berufomat--job--description p {
  line-height: 1.6rem;
}

.berufomat--internal-link {
  position: relative;
  padding-left: 1.5em;
  font-weight: bold;
  display: inline-block;
}

.berufomat--internal-link:before {
  content: "";
  background-image: url("Images/icon-internal-lilac.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.4em;
  height: 1.2em;
  position: absolute;
  top: 3px;
  left: 0;
}

.berufomat--internal-link:hover:before,
.berufomat--internal-link:focus:before {
  background-image: url("Images/icon-internal-lilac_hover.png");
}

.berufomat--no-jobs {
  display: none;
  margin-top: 2rem;
}

.berufomat--jobs--heading[data-job-count="0"] ~ .berufomat--no-jobs {
  display: block;
}

.berufomat--filter--value-wrap {
  display: none;
}

.berufomat--filter > .collapsing[aria-expanded=false] + .berufomat--filter--value-wrap,
.berufomat--filter > .collapse[aria-expanded=false] + .berufomat--filter--value-wrap {
  display: block;
}

@media all and (min-width: 640px) {
  .berufomat--job--image + .berufomat--job--description,
  .berufomat--job--image {
    width: 50%;
    float: left;
  }
  .berufomat--job--image + .berufomat--job--description {
    padding-left: 7%;
  }
}
@media all and (min-width: 800px) {
  .tx-diakonie-berufomat .intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .berufomat--intro-image {
    -ms-flex-grow: 0 1 auto;
    background-size: cover;
    background-position: 79% top;
    padding-bottom: 0;
    min-height: 320px;
  }
  .berufomat--filters {
    padding: 20px 4.16667% 20px 4.16667%;
  }
  .berufomat--jobs {
    padding: 20px 5.555555% 20px 4.16667%;
  }
  .berufomat--intro-text {
    padding: 24px 5.555555% 24px 4.16667%;
  }
  .berufomat--filter--heading button {
    padding-left: 0;
  }
  .berufomat--filter--heading button:before {
    left: -10%;
  }
}
@media all and (min-width: 1440px) {
  .berufomat--filters {
    padding: 30px 4.16667% 30px 4.16667%;
  }
  .berufomat--jobs {
    padding: 30px 5.555555% 30px 4.16667%;
  }
}
/*------------------------- Elements  Baukasten-------------------*/
.content .section-header {
  padding: 4.166667vw 10px;
}
@media (min-width: 800px) {
  .content .section-header {
    padding: 4.583333vw 4.166667vw 3.75vw 4.166667vw;
  }
}
@media (min-width: 1440px) {
  .content .section-header {
    padding: 66px 60px 54px 60px;
  }
}
.content .section-header .link-wrapper,
.content .section-header h2 {
  display: inline-block;
  margin: 0;
}
.content .section-header .link-wrapper {
  margin-left: 2.2222222222vw;
}
@media (min-width: 1440px) {
  .content .section-header .link-wrapper {
    margin-left: 32px;
  }
}
.content .section-header a {
  font-weight: bold;
}

.content.standard-page .element-box + .section-header {
  margin-top: -60px;
}

.section-header .subheader {
  margin-top: 0.5em;
}

.landingpage {
  width: 100%;
}
.landingpage .landing-container {
  display: flex;
}
@media (max-width: 1024px) {
  .landingpage .landing-container {
    flex-direction: column;
  }
}
.landingpage .landing-container .landing-wrapper {
  display: flex;
  flex-direction: column;
  width: 75%;
  position: relative;
}
@media (max-width: 1024px) {
  .landingpage .landing-container .landing-wrapper {
    width: 100%;
  }
}
.landingpage .text-slider {
  position: absolute;
  max-width: 360px;
  margin-left: 4.166666%;
  bottom: 2.7777777778vw;
}
@media (min-width: 1440px) {
  .landingpage .text-slider {
    bottom: 40px;
  }
}
@media (max-width: 799.8px) {
  .landingpage .text-slider {
    position: unset;
    max-width: 100%;
    margin-left: 0;
    color: #333333;
  }
}
.landingpage .slider-sizer {
  padding-bottom: 48.44%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .landingpage .slider-sizer {
    min-height: 524px;
  }
}
.landingpage .text-box-slider {
  background: rgb(46, 38, 114);
  padding: 40px;
  padding-bottom: 100px;
}
@media (max-width: 799.8px) {
  .landingpage .text-box-slider {
    background-color: #E5E5E5;
    padding: 40px 4.1666667% 80px 4.1666667%;
  }
}
.landingpage .landing-content {
  padding: 60px 4.166666%;
  background-color: #D1D1D1;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 56.2% auto;
}
.landingpage .landing-content .heading {
  margin-top: 0;
}
.landingpage .landing-slider {
  background-color: #D1D1D1;
}
.landingpage .input-wrap {
  position: relative;
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid rgb(68, 68, 68);
  max-width: 22em;
  font-size: 1.5em;
}
.landingpage .input-wrap button[type=submit] {
  border: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 2rem;
}
.landingpage .search-query-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  margin-bottom: 11px;
}
.landingpage .search-query {
  flex-grow: 1;
  font-weight: normal;
  border: none;
  background: transparent;
}
.landingpage .search-query::placeholder {
  font-style: italic;
  color: #444444;
  opacity: 1;
}
.landingpage .search-query::-webkit-input-placeholder {
  font-style: italic;
  color: #444444;
  opacity: 1;
}
.landingpage .search-query::-moz-placeholder {
  font-style: italic;
  color: #444444;
  opacity: 1;
}
.landingpage .search-query:-ms-input-placeholder {
  font-style: italic;
  color: #444444;
  opacity: 1;
}
.landingpage .search-query:-moz-placeholder {
  font-style: italic;
  color: #444444;
  opacity: 1;
}
.landingpage .landingpage-links {
  width: 25%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .landingpage .landingpage-links {
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 480px) {
  .landingpage .landingpage-links {
    flex-direction: column;
  }
}
.landingpage .landingpage-links .landingpage-links--textbox {
  margin-right: 1.5em;
}
@media (max-width: 799.8px) {
  .landingpage .landingpage-links .landingpage-links--textbox {
    margin-right: 1em;
  }
}
.landingpage .landingpage-links .menu-link {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 16.6666666667%;
  text-decoration: none;
}
.landingpage .landingpage-links .menu-link::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  font-size: 40px;
}
@media (max-width: 1024px) {
  .landingpage .landingpage-links .menu-link::after {
    font-size: 32px;
  }
}
@media (max-width: 799.8px) {
  .landingpage .landingpage-links .menu-link::after {
    font-size: 29px;
  }
}
@media (max-width: 1024px) {
  .landingpage .landingpage-links .menu-link {
    padding: 6.3333333333%;
    width: 33.33%;
  }
}
@media (max-width: 799.8px) {
  .landingpage .landingpage-links .menu-link {
    padding: 2.3333333333%;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .landingpage .landingpage-links .menu-link {
    width: 100%;
    padding: 7.6666666667%;
  }
}
.landingpage .landingpage-links .menu-link:hover::after, .landingpage .landingpage-links .menu-link:focus::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}
.landingpage .landingpage-links .menu-link:hover h2 span, .landingpage .landingpage-links .menu-link:focus h2 span {
  border-color: currentColor;
}
.landingpage .landingpage-links .menu-link h2 {
  margin-top: 0;
  font-size: 1.5rem;
}
@media (max-width: 799.8px) {
  .landingpage .landingpage-links .menu-link h2 {
    font-size: 1.2rem;
  }
}
.landingpage .landingpage-links .menu-link h2 span {
  border-bottom: 1px solid transparent;
}
.landingpage .landingpage-links .menu-link span {
  text-decoration: none;
}
.landingpage .landingpage-links .menu-link:nth-child(1) {
  background-color: white;
}
.landingpage .landingpage-links .menu-link:nth-child(2) {
  background-color: #6e2272;
  color: white;
}
.landingpage .landingpage-links .menu-link:nth-child(3) {
  background-color: #2e2672;
  color: white;
}
.landingpage .landingpage-links .icon-menulinks {
  font-size: 2.4em;
  text-decoration: none;
}
.landingpage .ab1d-slider--wrap {
  max-width: 100%;
  color: white;
}
.landingpage .ab1d-slider--wrap .ab1d-slider--slide h4,
.landingpage .ab1d-slider--wrap .ab1d-slider--slide h3,
.landingpage .ab1d-slider--wrap .ab1d-slider--slide h2,
.landingpage .ab1d-slider--wrap .ab1d-slider--slide p,
.landingpage .ab1d-slider--wrap .ab1d-slider--slide a {
  color: white;
}
@media (max-width: 799.8px) {
  .landingpage .ab1d-slider--wrap .ab1d-slider--slide h4,
  .landingpage .ab1d-slider--wrap .ab1d-slider--slide h3,
  .landingpage .ab1d-slider--wrap .ab1d-slider--slide h2,
  .landingpage .ab1d-slider--wrap .ab1d-slider--slide p,
  .landingpage .ab1d-slider--wrap .ab1d-slider--slide a {
    color: #333333;
  }
}
.landingpage .ab1d-slider--wrap .ab1d-slider--slide > :first-child {
  margin-top: 0;
}
.landingpage .ab1d-slider--wrap .ab1d-slider--slide > :last-child {
  margin-bottom: 0;
}
.landingpage .ab1d-slider--wrap .ab1d-slider-button--next,
.landingpage .ab1d-slider--wrap .ab1d-slider-button--previous {
  margin-bottom: 30px;
}
@media (max-width: 799.8px) {
  .landingpage .ab1d-slider--wrap .ab1d-slider-button--next,
  .landingpage .ab1d-slider--wrap .ab1d-slider-button--previous {
    display: none;
  }
}
.landingpage .ab1d-slider--wrap .ab1d-slider-button--next {
  right: 40px;
}
.landingpage .ab1d-slider--wrap .ab1d-slider-button--previous {
  left: 40px;
}
.landingpage .ab1d-slider--wrap .ab1d-slider--knobs {
  bottom: 30px !important;
}
@media (max-width: 799.8px) {
  .landingpage .ab1d-slider--wrap .ab1d-slider--knob {
    color: #333333 !important;
  }
}
@media (max-width: 480px) {
  .landingpage h1 {
    font-size: 1.7rem;
    margin-bottom: 7px;
  }
  .landingpage .search-query {
    font-size: 0.7em;
  }
  .landingpage .input-wrap {
    max-width: 14em;
  }
  .landingpage .landing-content {
    padding: 30px 4.1666666%;
  }
  .landingpage .slider-sizer {
    padding-bottom: 58.14%;
  }
  .landingpage .ab1d-slider--knobs {
    bottom: 0 !important;
    top: 50px;
  }
}

.ab1d-slider {
  display: flex;
}

.ab1d-slider--wrap {
  overflow-x: auto;
}

.ab1d-slider > .ab1d-slider--slide {
  flex: 1 0 100%;
  position: relative;
}

.ab1d-slider--slide:focus {
  outline: 0;
}

.ab1d-slider--slide:focus::after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px dashed currentColor;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ab1d-slider--slide img {
  display: block;
}

[data-ab1d-slider-initialised=true] .ab1d-slider {
  transition: transform 0.5s ease-in-out 0s;
  transform: translateX(0);
}

.ab1d-slider--caption {
  padding: 0.5em;
  margin: 0;
}

p.ab1d-slider--caption {
  font-size: 16px;
}

[data-ab1d-slider-initialised=true] {
  overflow: hidden;
  position: relative;
}

.ab1d-slider-button--next,
.ab1d-slider-button--previous {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: transparent no-repeat center center;
  background-size: 100% auto;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  z-index: 1;
  font-size: 40px;
}
.ab1d-slider-button--next:after,
.ab1d-slider-button--previous:after {
  display: block;
}
.ab1d-slider-button--next:focus,
.ab1d-slider-button--previous:focus {
  outline: 1px dashed currentColor;
  outline-offset: 2px;
}
.ab1d-slider-button--next::-moz-focus-inner,
.ab1d-slider-button--previous::-moz-focus-inner {
  outline: 0;
  border: none;
}

.ab1d-slider-button--next {
  right: 10px;
}
.ab1d-slider-button--next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}

.ab1d-slider-button--next:focus::after,
.ab1d-slider-button--next:hover::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

.ab1d-slider-button--previous {
  left: 10px;
}
.ab1d-slider-button--previous::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  transform: rotateY(180deg);
}

.ab1d-slider-button--previous:focus::after,
.ab1d-slider-button--previous:hover::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  transform: rotateY(180deg);
}

.ab1d-slider--thumbs {
  position: absolute;
  height: 50px;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.5);
  transition: all 0.2s ease-out;
  z-index: 10;
}

.ab1d-slider--thumb-wrap {
  position: absolute;
  display: inline-block;
  bottom: 3px;
  left: 50%;
  transform: translateX(-25px);
  float: left;
  margin-right: -9000em;
  transition: transform 0.2s linear;
}

.ab1d-slider--thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  width: 44px;
  height: 44px;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin-right: 6px;
  opacity: 0.5;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
  float: left;
}

.ab1d-slider--thumbs:hover {
  transform: translateY(-20%) scale(1.4);
}

.ab1d-slider--thumb:hover {
  opacity: 1;
}

.ab1d-slider--knobs {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0px;
  /*background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);*/
  z-index: 10;
}

.ab1d-slider--knob-wrap {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ab1d-slider--knob-wrap:focus {
  outline: 1px dashed currentColor;
}

.ab1d-slider--knob {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  position: relative;
  display: inline-block;
  width: 25px;
  height: 42px;
  cursor: pointer;
  color: white;
}
.ab1d-slider--knob:focus {
  border: 1px dashed currentColor;
}
.ab1d-slider--knob::-moz-focus-inner {
  outline: 0;
  border: none;
}

.ab1d-slider--knob:last-child {
  margin-right: 0;
}

.ab1d-slider--knob:after {
  content: "";
  display: block;
  background: transparent;
  border: 2px solid currentColor;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
}

.ab1d-slider--knob:hover:after {
  transform: translate(-50%, -50%) scale(1.25);
}

.ab1d-slider--wrap[data-t3-slide-number="1"] .ab1d-slider--thumb:nth-child(1) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="1"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (0) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="1"] .ab1d-slider--knob:nth-child(1)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="2"] .ab1d-slider--thumb:nth-child(2) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="2"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (1) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="2"] .ab1d-slider--knob:nth-child(2)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="3"] .ab1d-slider--thumb:nth-child(3) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="3"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (2) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="3"] .ab1d-slider--knob:nth-child(3)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="4"] .ab1d-slider--thumb:nth-child(4) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="4"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (3) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="4"] .ab1d-slider--knob:nth-child(4)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="5"] .ab1d-slider--thumb:nth-child(5) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="5"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (4) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="5"] .ab1d-slider--knob:nth-child(5)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="6"] .ab1d-slider--thumb:nth-child(6) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="6"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (5) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="6"] .ab1d-slider--knob:nth-child(6)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="7"] .ab1d-slider--thumb:nth-child(7) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="7"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (6) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="7"] .ab1d-slider--knob:nth-child(7)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="8"] .ab1d-slider--thumb:nth-child(8) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="8"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (7) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="8"] .ab1d-slider--knob:nth-child(8)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="9"] .ab1d-slider--thumb:nth-child(9) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="9"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (8) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="9"] .ab1d-slider--knob:nth-child(9)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="10"] .ab1d-slider--thumb:nth-child(10) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="10"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (9) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="10"] .ab1d-slider--knob:nth-child(10)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="11"] .ab1d-slider--thumb:nth-child(11) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="11"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (10) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="11"] .ab1d-slider--knob:nth-child(11)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="12"] .ab1d-slider--thumb:nth-child(12) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="12"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (11) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="12"] .ab1d-slider--knob:nth-child(12)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="13"] .ab1d-slider--thumb:nth-child(13) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="13"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (12) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="13"] .ab1d-slider--knob:nth-child(13)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="14"] .ab1d-slider--thumb:nth-child(14) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="14"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (13) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="14"] .ab1d-slider--knob:nth-child(14)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="15"] .ab1d-slider--thumb:nth-child(15) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="15"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (14) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="15"] .ab1d-slider--knob:nth-child(15)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="16"] .ab1d-slider--thumb:nth-child(16) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="16"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (15) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="16"] .ab1d-slider--knob:nth-child(16)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="17"] .ab1d-slider--thumb:nth-child(17) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="17"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (16) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="17"] .ab1d-slider--knob:nth-child(17)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="18"] .ab1d-slider--thumb:nth-child(18) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="18"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (17) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="18"] .ab1d-slider--knob:nth-child(18)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="19"] .ab1d-slider--thumb:nth-child(19) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="19"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (18) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="19"] .ab1d-slider--knob:nth-child(19)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="20"] .ab1d-slider--thumb:nth-child(20) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="20"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (19) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="20"] .ab1d-slider--knob:nth-child(20)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="21"] .ab1d-slider--thumb:nth-child(21) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="21"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (20) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="21"] .ab1d-slider--knob:nth-child(21)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="22"] .ab1d-slider--thumb:nth-child(22) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="22"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (21) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="22"] .ab1d-slider--knob:nth-child(22)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="23"] .ab1d-slider--thumb:nth-child(23) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="23"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (22) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="23"] .ab1d-slider--knob:nth-child(23)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="24"] .ab1d-slider--thumb:nth-child(24) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="24"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (23) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="24"] .ab1d-slider--knob:nth-child(24)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="25"] .ab1d-slider--thumb:nth-child(25) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="25"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (24) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="25"] .ab1d-slider--knob:nth-child(25)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="26"] .ab1d-slider--thumb:nth-child(26) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="26"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (25) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="26"] .ab1d-slider--knob:nth-child(26)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="27"] .ab1d-slider--thumb:nth-child(27) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="27"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (26) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="27"] .ab1d-slider--knob:nth-child(27)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="28"] .ab1d-slider--thumb:nth-child(28) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="28"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (27) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="28"] .ab1d-slider--knob:nth-child(28)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="29"] .ab1d-slider--thumb:nth-child(29) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="29"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (28) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="29"] .ab1d-slider--knob:nth-child(29)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-t3-slide-number="30"] .ab1d-slider--thumb:nth-child(30) {
  box-shadow: 0 0 0px 2px currentColor;
  opacity: 1;
}

.ab1d-slider--wrap[data-t3-slide-number="30"] .ab1d-slider--thumb-wrap {
  transform: translateX(calc(-22px - (29) * 50px));
}

.ab1d-slider--wrap[data-ab1d-slide-number="30"] .ab1d-slider--knob:nth-child(30)::after {
  background: currentColor;
}

.ab1d-slider--wrap[data-ab1d-slider-knobs-below=true][data-ab1d-slider-initialised=true] {
  padding-bottom: 55px;
}

.ab1d-slider--wrap[data-ab1d-slider-knobs-below=true] .ab1d-slider--knobs {
  height: 55px;
}

.ab1d-slider--wrap[data-ab1d-slider-no-knobs=true] .ab1d-slider--knob-wrap {
  bottom: auto;
  top: 0;
}

.ab1d-slider--wrap[data-ab1d-slider-no-knobs=true] .ab1d-slider--knob {
  opacity: 0;
}

.ab1d-slider--wrap[data-ab1d-slider-no-knobs=true] .ab1d-slider--knob:focus {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10em;
  background: currentColor;
}
.ab1d-slider--wrap[data-ab1d-slider-no-knobs=true] .ab1d-slider--knob:focus:after {
  display: none;
}
.ab1d-slider--wrap[data-ab1d-slider-no-knobs=true] .ab1d-slider--knob:focus:before {
  display: inline-block;
  content: attr(aria-label);
}

.ab1d-slider--slide > a:not(.heading) {
  display: block;
}
.ab1d-slider--slide > a:not(.heading):focus {
  outline-offset: -3px;
}

.offerings-row.desktop {
  display: block;
}
.offerings-row.mobile {
  display: none;
}
.offerings-row .row-container {
  display: flex;
  flex-direction: row;
}
.offerings-row .heading {
  width: 33.3333333%;
  margin: 0;
  font-size: 22px;
}
.offerings-row .heading i {
  color: white;
  font-size: 3.4em;
  pointer-events: none;
  line-height: 1;
}
.offerings-row .heading .icon-beratung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e920";
}
.offerings-row .heading .icon-ausbildung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91f";
}
.offerings-row .heading .icon-freizeit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
}
.offerings-row .heading .icon-hilfeimalter::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91e";
}
.offerings-row .heading .icon-kinderbetreuung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
}
.offerings-row .heading .icon-kulturmigration::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
}
.offerings-row .heading .icon-nachbarschaftshilfe::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91a";
}
.offerings-row .heading .icon-gesundheit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
}
.offerings-row .heading .icon-wichernzentrum::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
}
.offerings-row .heading button {
  width: 100%;
  height: 100%;
  border: none;
  color: white;
  display: flex;
  padding-left: 1em;
  padding-right: 1em;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  padding-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .offerings-row .heading button {
    padding-top: 60px;
  }
}
@media (max-width: 799.8px) {
  .offerings-row .heading button {
    padding-top: 30px;
  }
}
@media (min-width: 1440px) {
  .offerings-row .heading button {
    padding-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .offerings-row .heading button {
    padding-bottom: 30px;
  }
}
.offerings-row .heading button:focus {
  outline: 1px dashed currentColor;
  outline-offset: -2px;
}
.offerings-row .heading button span {
  pointer-events: none;
  margin-bottom: 1em;
}
.offerings-row .heading button svg {
  position: absolute;
  top: calc(100% - 2px);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.1s ease-out;
}
.offerings-row.desktop .ab1d-collapsible--trigger[aria-expanded=true] + .ab1d-tablist button[aria-selected=true] svg {
  display: block;
  transform: scaleY(1);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(1) button {
  background-color: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(1) button path {
  fill: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(1) button:hover {
  background-color: white;
  color: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(1) button:hover i:before {
  color: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(2) button {
  background-color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(2) button path {
  fill: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(2) button:hover {
  background-color: white;
  color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(2) button:hover i:before {
  color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(3) button {
  background-color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(3) button path {
  fill: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(3) button:hover {
  background-color: white;
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+1) .heading:nth-child(3) button:hover i:before {
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(1) button {
  background-color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(1) button path {
  fill: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(1) button:hover {
  background-color: white;
  color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(1) button:hover i:before {
  color: rgb(46, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(2) button {
  background-color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(2) button path {
  fill: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(2) button:hover {
  background-color: white;
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(2) button:hover i:before {
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(3) button {
  background-color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(3) button path {
  fill: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(3) button:hover {
  background-color: white;
  color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+2) .heading:nth-child(3) button:hover i:before {
  color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(1) button {
  background-color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(1) button path {
  fill: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(1) button:hover {
  background-color: white;
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(1) button:hover i:before {
  color: rgb(70, 38, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(2) button {
  background-color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(2) button path {
  fill: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(2) button:hover {
  background-color: white;
  color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(2) button:hover i:before {
  color: rgb(110, 34, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(3) button {
  background-color: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(3) button path {
  fill: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(3) button:hover {
  background-color: white;
  color: rgb(90, 37, 114);
}
.offerings-row:nth-child(3n+3) .heading:nth-child(3) button:hover i:before {
  color: rgb(90, 37, 114);
}
.offerings-row .ab1d-tabpanel[aria-expanded=false] .close-collapsible {
  display: none;
}
.offerings-row .close-collapsible {
  margin-left: 93%;
  margin-top: 1em;
  width: 2em;
  height: 2em;
  border: none;
  background-color: transparent;
  color: #462672;
  font-size: 2.3rem;
}
.offerings-row .close-collapsible::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "FontAwesome" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
}
@media (max-width: 767px) {
  .offerings-row.mobile {
    display: block;
  }
  .offerings-row.mobile .heading {
    width: 100%;
    font-size: 26px;
  }
  .offerings-row.mobile .heading button {
    flex-direction: row;
    justify-content: flex-start;
  }
  .offerings-row.mobile .heading button i {
    width: 1em;
    display: inline-block;
    font-size: 2.7em;
    margin-left: 3%;
  }
  .offerings-row.mobile .heading button span {
    margin-left: 8%;
    pointer-events: none;
  }
  .offerings-row.mobile .heading button .close-open-toggle {
    font-size: 1em;
    margin-left: auto;
  }
  .offerings-row.mobile .heading button .close-open-toggle::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "diakonie_baukasten" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
  }
  .offerings-row.mobile .heading button[aria-expanded=true] .close-open-toggle:before {
    transform: rotate(180deg);
    display: inline-block;
  }
  .offerings-row.mobile .heading:nth-child(18n+1) button {
    background-color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+1) button:hover {
    background-color: white;
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+1) button:hover i:before {
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+1) button:hover .close-open-toggle {
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+3) button {
    background-color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+3) button:hover {
    background-color: white;
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+3) button:hover i:before {
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+3) button:hover .close-open-toggle {
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+5) button {
    background-color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+5) button:hover {
    background-color: white;
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+5) button:hover i:before {
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+5) button:hover .close-open-toggle {
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+7) button {
    background-color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+7) button:hover {
    background-color: white;
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+7) button:hover i:before {
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+7) button:hover .close-open-toggle {
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+9) button {
    background-color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+9) button:hover {
    background-color: white;
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+9) button:hover i:before {
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+9) button:hover .close-open-toggle {
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+11) button {
    background-color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+11) button:hover {
    background-color: white;
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+11) button:hover i:before {
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+11) button:hover .close-open-toggle {
    color: rgb(46, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+13) button {
    background-color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+13) button:hover {
    background-color: white;
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+13) button:hover i:before {
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+13) button:hover .close-open-toggle {
    color: rgb(70, 38, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+15) button {
    background-color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+15) button:hover {
    background-color: white;
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+15) button:hover i:before {
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+15) button:hover .close-open-toggle {
    color: rgb(110, 34, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+17) button {
    background-color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+17) button:hover {
    background-color: white;
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+17) button:hover i:before {
    color: rgb(90, 37, 114);
  }
  .offerings-row.mobile .heading:nth-child(18n+17) button:hover .close-open-toggle {
    color: rgb(90, 37, 114);
  }
  .offerings-row.desktop {
    display: none;
  }
}

.ab1d-collapsible--content[aria-expanded=false] {
  display: none;
}

.ab1d-collapsed {
  max-height: 0 !important;
  will-change: max-height;
}

.ab1d-collapsible--content {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.ab1d-collapsible--content .alpha-link-redmore {
  margin-bottom: 1.4em;
}

.ab1d-collapsible--fast-transition .ab1d-collapsible--content {
  transition-duration: 0.15s;
}

.ab1d-collapsible--no-transition {
  transition-timing-function: step-start;
  transition-duration: 0s;
}

.ab1d-collapsible--content-wrap:after,
.ab1d-collapsible--content-wrap:before {
  content: "";
  display: table;
  clear: both;
}

.textlist {
  margin-bottom: 100px;
}
.textlist .header {
  margin-bottom: 20px;
}
.textlist .header h2 {
  margin-bottom: 5px;
}
.textlist .figure {
  /* height: 29.15555vw; */
  height: auto;
}
.textlist .figure img {
  width: 100%;
  height: auto;
}
.textlist .figure .bg-img {
  width: 100%;
  height: 36.6vw;
  min-height: auto;
  min-height: unset;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #E84A31;
}
.textlist .article {
  height: auto;
  min-height: 29.15555vw;
  min-height: 420px;
  min-height: auto;
  min-height: unset;
  width: 100%;
  color: #ffffff;
  padding: 20px 10px 20px 10px;
}
.textlist .article p {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  color: #fff;
}
.textlist .article .link-wrapper {
  padding: 4px 0px 20px 0px;
}
.textlist .article .link-wrapper a .icon-link.internal {
  display: inline;
}
.textlist .article .link-wrapper a .icon-link.internal:after {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.textlist .article .link-wrapper a:hover .icon-link.internal, .textlist .article .link-wrapper a:focus .icon-link.internal, .textlist .article .link-wrapper a:active .icon-link.internal {
  color: #fff;
}
.textlist .article .link-wrapper a:hover .icon-link.internal:after, .textlist .article .link-wrapper a:focus .icon-link.internal:after, .textlist .article .link-wrapper a:active .icon-link.internal:after {
  content: url("Images/icon-internal-white_hover.png");
}
.textlist .article .link-wrapper a .icon-link.external {
  display: inline;
}
.textlist .article .link-wrapper a .icon-link.external:after {
  content: url("Images/icon-external-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.textlist .article .link-wrapper a:hover .icon-link.external, .textlist .article .link-wrapper a:focus .icon-link.external, .textlist .article .link-wrapper a:active .icon-link.external {
  color: #fff;
}
.textlist .article .link-wrapper a:hover .icon-link.external:after, .textlist .article .link-wrapper a:focus .icon-link.external:after, .textlist .article .link-wrapper a:active .icon-link.external:after {
  content: url("Images/icon-external-white_hover.png");
}
.textlist .article .link-wrapper a span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
}
.textlist .links-in-text p a:hover, .textlist .links-in-text p a:focus {
  color: white;
}
.textlist .links-in-text p a:before {
  top: 0.27em;
}

.dates-list ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 40px;
  bottom: 0px;
}
.dates-list ul li.link-wrapper {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  min-height: 121px;
  padding-right: 0px;
  padding-left: 100px;
  margin-bottom: 60px;
  display: block;
  clear: both;
  float: none;
  position: relative;
}
.dates-list ul li.link-wrapper .left {
  position: absolute;
  top: 4px;
  left: 0;
  width: 80px;
  height: 80px;
  padding: 0px 0px 20px 0px;
  background-color: #fff;
}
.dates-list ul li.link-wrapper .left span {
  display: block;
  color: rgb(80, 37, 114);
  text-align: center;
}
.dates-list ul li.link-wrapper .left span.day {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: normal;
}
.dates-list ul li.link-wrapper .left span.month {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
}
.dates-list ul li.link-wrapper .left.local-item {
  width: auto;
  height: auto;
  padding: 0px;
}
.dates-list ul li.link-wrapper .left.local-item span {
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 80px 80px;
}
.dates-list ul li.link-wrapper .left.local-item .icon-1 {
  background-image: url("Images/icon-local-1.png");
}
.dates-list ul li.link-wrapper .left.local-item .icon-2 {
  background-image: url("Images/icon-local-2.png");
}
.dates-list ul li.link-wrapper .left.local-item .icon-3 {
  background-image: url("Images/icon-local-3.png");
}
.dates-list ul li.link-wrapper .left.local-item .icon-4 {
  background-image: url("Images/icon-local-4.png");
}
.dates-list ul li.link-wrapper .left.local-item .icon-5 {
  background-image: url("Images/icon-local-5.png");
}
.dates-list ul li.link-wrapper .right .date-cat {
  color: #fff;
  font-weight: bold;
}
.dates-list ul li.link-wrapper .right .date-cat div {
  display: inline-block;
  padding-right: 18px;
}
.dates-list ul li.link-wrapper .right h3 {
  margin-top: 5px;
  margin-bottom: 7px;
}
.dates-list ul li.link-wrapper .right a {
  color: #fff;
}
.dates-list ul li.link-wrapper .right p {
  color: #fff;
}

@media (min-width: 800px) {
  .dates-list ul li.link-wrapper {
    padding-left: 180px;
  }
  .dates-list ul li.link-wrapper .left {
    width: 116px;
    height: 121px;
    padding: 20px 0px 20px 0px;
  }
  .dates-list ul li.link-wrapper .left span.day {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .dates-list ul li.link-wrapper .left span.month {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
  }
  .dates-list ul li.link-wrapper .left.local-item span {
    width: 120px;
    height: 120px;
    background-size: 120px 120px;
  }
}
@media (max-width: 799.8px) {
  .content .dates .dates-list ul li.link-wrapper {
    padding-left: 0;
  }
  .content .dates .dates-list ul li.link-wrapper .left {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }
  .content .dates .dates-list ul li.link-wrapper .left.local-item {
    height: 80px;
    width: 80px;
    padding: 0;
  }
}
.quick-links {
  display: block;
  background-color: transparent;
  padding-bottom: 0;
}
.quick-links ul {
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 800px) {
  .quick-links ul {
    display: flex;
  }
}
.quick-links ul li {
  margin-right: 0;
  width: 20%;
}
.quick-links ul li a {
  min-height: 88px;
  text-align: center;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 800px) {
  .quick-links ul li a {
    min-height: 115px;
  }
}
.quick-links ul li a .icon {
  font-size: inherit;
  padding-top: 20px;
  padding-left: 3%;
  line-height: 130%;
  text-align: left;
  min-width: 205px;
}
@media (min-width: 800px) {
  .quick-links ul li a .icon {
    padding-top: 20px;
  }
}
.quick-links ul li a .icon:before {
  top: 16px;
  padding-right: 15px;
  padding-left: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  left: 28px;
  position: static !important;
}
@media (min-width: 800px) {
  .quick-links ul li a .icon:before {
    padding-right: 48px;
    padding-left: 48px;
  }
}
@media (min-width: 1024px) {
  .quick-links ul li a .icon {
    padding-top: 30px;
  }
  .quick-links ul li a .icon:before {
    padding-right: 15px;
    padding-left: 0;
  }
}
.quick-links ul li a:hover .icon {
  border-bottom: none !important;
}
.quick-links ul li.q-donation {
  background-image: url("Images/gift-bg.png");
  background-repeat: no-repeat;
  background-position: 94% 24%;
  background-size: 24%;
}
@media (min-width: 800px) {
  .quick-links ul li.q-donation {
    background-position: 134%;
    background-size: 134px;
  }
}
.quick-links ul li.q-donation a .icon {
  display: block;
  display: inline-block;
}
.quick-links ul li.q-donation a .icon:before {
  content: url("Images/icon-donation.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-donation a:not(.no-hover):hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.quick-links ul li.q-donation a:not(.no-hover):hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.quick-links ul li.q-donation a:not(.no-hover):hover .icon:before {
  content: url("Images/icon-donation_hover.png");
}
.quick-links ul li.q-donation a:not(.no-hover):active .icon:before {
  content: url("Images/icon-donation_hover.png");
}
.quick-links ul li.q-donation a:not(.no-hover):focus .icon:before {
  content: url("Images/icon-donation_hover.png");
}
.quick-links ul li.q-dates a .icon {
  display: block;
  display: inline-block;
}
.quick-links ul li.q-dates a .icon:before {
  content: url("Images/icon-dates.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-dates a:not(.no-hover):hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.quick-links ul li.q-dates a:not(.no-hover):hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.quick-links ul li.q-dates a:not(.no-hover):hover .icon:before {
  content: url("Images/icon-dates_hover.png");
}
.quick-links ul li.q-dates a:not(.no-hover):active .icon:before {
  content: url("Images/icon-dates_hover.png");
}
.quick-links ul li.q-dates a:not(.no-hover):focus .icon:before {
  content: url("Images/icon-dates_hover.png");
}
.quick-links ul li.q-publication a .icon {
  display: block;
  display: inline-block;
}
.quick-links ul li.q-publication a .icon:before {
  content: url("Images/icon-publication.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-publication a:not(.no-hover):hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.quick-links ul li.q-publication a:not(.no-hover):hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.quick-links ul li.q-publication a:not(.no-hover):hover .icon:before {
  content: url("Images/icon-publication_hover.png");
}
.quick-links ul li.q-publication a:not(.no-hover):active .icon:before {
  content: url("Images/icon-publication_hover.png");
}
.quick-links ul li.q-publication a:not(.no-hover):focus .icon:before {
  content: url("Images/icon-publication_hover.png");
}
.quick-links ul li.q-downloads a .icon {
  display: block;
  display: inline-block;
}
.quick-links ul li.q-downloads a .icon:before {
  content: url("Images/icon-downloads.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-downloads a:not(.no-hover):hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.quick-links ul li.q-downloads a:not(.no-hover):hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.quick-links ul li.q-downloads a:not(.no-hover):hover .icon:before {
  content: url("Images/icon-downloads_hover.png");
}
.quick-links ul li.q-downloads a:not(.no-hover):active .icon:before {
  content: url("Images/icon-downloads_hover.png");
}
.quick-links ul li.q-downloads a:not(.no-hover):focus .icon:before {
  content: url("Images/icon-downloads_hover.png");
}
.quick-links ul li.q-portal a .icon {
  display: block;
  display: block;
  display: inline-block;
}
.quick-links ul li.q-portal a .icon:before {
  content: url("Images/icon-calendar.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-portal a .icon:before {
  content: url("Images/icon-portal.png");
  position: absolute;
  left: 0px;
  top: 10px;
}
.quick-links ul li.q-portal a:not(.no-hover):hover {
  background-color: #fff;
  color: rgb(70, 38, 114);
  text-decoration: none;
}
.quick-links ul li.q-portal a:not(.no-hover):hover .icon {
  border-bottom: 1px solid rgb(70, 38, 114);
}
.quick-links ul li.q-portal a:not(.no-hover):hover .icon:before {
  content: url("Images/icon-portal_hover.png");
}
.quick-links ul li.q-portal a:not(.no-hover):active .icon:before {
  content: url("Images/icon-portal_hover.png");
}
.quick-links ul li.q-portal a:not(.no-hover):focus .icon:before {
  content: url("Images/icon-portal_hover.png");
}
.quick-links .q-jobs a,
.quick-links .q-ausbildung a,
.quick-links .q-initiativbewerbung a,
.quick-links .q-praktikum a,
.quick-links .q-whatsapp a {
  height: 100%;
  min-height: auto;
}
.quick-links .q-jobs .icon,
.quick-links .q-ausbildung .icon,
.quick-links .q-initiativbewerbung .icon,
.quick-links .q-praktikum .icon,
.quick-links .q-whatsapp .icon {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  padding-left: 4em;
  position: relative;
}
@media (min-width: 800px) {
  .quick-links .q-jobs .icon,
  .quick-links .q-ausbildung .icon,
  .quick-links .q-initiativbewerbung .icon,
  .quick-links .q-praktikum .icon,
  .quick-links .q-whatsapp .icon {
    padding: 0.5em 0.2em;
  }
}
@media (min-width: 1025px) {
  .quick-links .q-jobs .icon,
  .quick-links .q-ausbildung .icon,
  .quick-links .q-initiativbewerbung .icon,
  .quick-links .q-praktikum .icon,
  .quick-links .q-whatsapp .icon {
    padding: 4.166667vw 0.2em;
  }
}
@media (min-width: 1440px) {
  .quick-links .q-jobs .icon,
  .quick-links .q-ausbildung .icon,
  .quick-links .q-initiativbewerbung .icon,
  .quick-links .q-praktikum .icon,
  .quick-links .q-whatsapp .icon {
    padding: 60px 0.2em;
  }
}
.quick-links .q-jobs .icon:after,
.quick-links .q-ausbildung .icon:after,
.quick-links .q-initiativbewerbung .icon:after,
.quick-links .q-praktikum .icon:after,
.quick-links .q-whatsapp .icon:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: 3em;
  height: 2.4em;
  position: absolute;
  left: 1em;
  top: calc(50% - 1.2em);
}
@media (min-width: 800px) {
  .quick-links .q-jobs .icon:after,
  .quick-links .q-ausbildung .icon:after,
  .quick-links .q-initiativbewerbung .icon:after,
  .quick-links .q-praktikum .icon:after,
  .quick-links .q-whatsapp .icon:after {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 10px;
    background-size: auto 150%;
    background-position: center center;
  }
}
@media (min-width: 1024px) {
  .quick-links .q-jobs .icon:after,
  .quick-links .q-ausbildung .icon:after,
  .quick-links .q-initiativbewerbung .icon:after,
  .quick-links .q-praktikum .icon:after,
  .quick-links .q-whatsapp .icon:after {
    position: relative;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .quick-links .q-jobs .icon,
  .quick-links .q-ausbildung .icon,
  .quick-links .q-initiativbewerbung .icon,
  .quick-links .q-praktikum .icon,
  .quick-links .q-whatsapp .icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .quick-links .q-jobs .icon:after,
  .quick-links .q-ausbildung .icon:after,
  .quick-links .q-initiativbewerbung .icon:after,
  .quick-links .q-praktikum .icon:after,
  .quick-links .q-whatsapp .icon:after {
    height: 2em;
  }
}
.quick-links .q-jobs:hover a, .quick-links .q-jobs:focus a,
.quick-links .q-ausbildung:hover a,
.quick-links .q-ausbildung:focus a,
.quick-links .q-initiativbewerbung:hover a,
.quick-links .q-initiativbewerbung:focus a,
.quick-links .q-praktikum:hover a,
.quick-links .q-praktikum:focus a,
.quick-links .q-whatsapp:hover a,
.quick-links .q-whatsapp:focus a {
  background-color: white;
  color: rgb(80, 37, 114);
}
.quick-links .q-jobs a {
  background-image: url("Images/quicklinks/jobs_bg_weiss.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 175%;
}
.quick-links .q-jobs .icon:after {
  background-image: url("Images/quicklinks/jobs_weiss.svg");
}
.quick-links .q-jobs:focus .icon:after,
.quick-links .q-jobs:hover .icon:after {
  background-image: url("Images/quicklinks/jobs_lila.svg");
}
.quick-links .q-ausbildung .icon:after {
  background-image: url("Images/quicklinks/ausbildung_weiss.svg");
}
.quick-links .q-ausbildung:focus .icon:after,
.quick-links .q-ausbildung:hover .icon:after {
  background-image: url("Images/quicklinks/ausbildung_lila.svg");
}
.quick-links .q-initiativbewerbung .icon:after {
  background-image: url("Images/quicklinks/initiativbewerbung_weiss.svg");
}
.quick-links .q-initiativbewerbung:focus .icon:after,
.quick-links .q-initiativbewerbung:hover .icon:after {
  background-image: url("Images/quicklinks/initiativbewerbung_lila.svg");
}
.quick-links .q-praktikum .icon:after {
  background-image: url("Images/quicklinks/praktikum_weiss.svg");
}
.quick-links .q-praktikum:focus .icon:after,
.quick-links .q-praktikum:hover .icon:after {
  background-image: url("Images/quicklinks/praktikum_lila.svg");
}
.quick-links .q-whatsapp .icon:after {
  background-image: url("Images/quicklinks/whatsapp_weiss.svg");
}
.quick-links .q-whatsapp:focus .icon:after,
.quick-links .q-whatsapp:hover .icon:after {
  background-image: url("Images/quicklinks/whatsapp_lila.svg");
}

.quick-tiles {
  display: flex;
  flex-direction: row;
}
@media (max-width: 799.8px) {
  .quick-tiles {
    display: block;
  }
}
.quick-tiles[data-layout=high] {
  min-height: 13.8888888889vw;
}
@media (min-width: 1440px) {
  .quick-tiles[data-layout=high] {
    min-height: 200px;
  }
}
.quick-tiles[data-margin="1"] {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .quick-tiles[data-margin="1"] {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .quick-tiles[data-margin="1"] {
    margin-bottom: 30px;
  }
}
.quick-tiles > * {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #782772;
  color: #fff;
  padding: 2.0833333333vw;
}
@media (min-width: 1440px) {
  .quick-tiles > * {
    padding: 30px;
  }
}
@media (max-width: 799.8px) {
  .quick-tiles > * {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: flex-start;
    width: 100% !important;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.quick-tiles[data-count="3"] > * {
  width: 33.333%;
}
.quick-tiles[data-count="4"] > * {
  width: 25%;
}
.quick-tiles[data-count="5"] > * {
  width: 20%;
}
.quick-tiles .tile-link {
  font-weight: bold;
}
.quick-tiles .tile-link i {
  margin-right: 0.5em;
  font-size: 0.8em;
  position: relative;
  top: 0.08em;
}
.quick-tiles .tile-fact {
  font-weight: bold;
  flex-direction: column;
}
.quick-tiles .tile-fact .tile-number {
  margin-bottom: 0.3em;
}
.quick-tiles .tile-icon .tile-label {
  font-weight: bold;
}
.quick-tiles .tile-icon i {
  line-height: 1;
  margin-right: 0.7em;
}
.quick-tiles .tile-icon[data-bg="1"] {
  position: relative;
  overflow: hidden;
}
.quick-tiles .tile-icon[data-bg="1"]:before {
  position: absolute;
  font-size: 13.1944444444vw;
  opacity: 0.2;
  top: -0.2em;
  right: -0.3em;
}
@media (min-width: 1440px) {
  .quick-tiles .tile-icon[data-bg="1"]:before {
    font-size: 190px;
  }
}
.quick-tiles .tile-icon[data-bg="1"].tile-ausbildung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
}
.quick-tiles .tile-icon[data-bg="1"].tile-initiativbewerbung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
}
.quick-tiles .tile-icon[data-bg="1"].tile-praktikum::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e";
}
.quick-tiles .tile-icon[data-bg="1"].tile-whatsapp::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90f";
}
.quick-tiles .tile-icon[data-bg="1"].tile-jobs::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
  font-size: 20.8333333333vw;
  top: -0.35em;
  right: -0.41em;
}
@media (min-width: 1440px) {
  .quick-tiles .tile-icon[data-bg="1"].tile-jobs::before {
    font-size: 300px;
  }
}
.quick-tiles .tile-icon[data-bg="1"].tile-dates::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.quick-tiles .tile-icon[data-bg="1"].tile-donation::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
}
.quick-tiles .tile-icon[data-bg="1"].tile-downloads::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
}
.quick-tiles .tile-icon[data-bg="1"].tile-portal::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
}
.quick-tiles .tile-icon[data-bg="1"].tile-publication::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}
@media (min-width: 800px) {
  .quick-tiles[data-layout=high] .tile-icon {
    flex-direction: column-reverse;
  }
  .quick-tiles[data-layout=high] .tile-icon i {
    margin-top: 0.5em;
    margin-right: 0;
    transform: scale(1.41427);
  }
}
.quick-tiles a {
  text-decoration: none;
}
.quick-tiles a:focus, .quick-tiles a:hover {
  background-color: #fff;
  color: #782772;
}
.quick-tiles a .tile-label {
  border-bottom: 1px transparent solid;
}
.quick-tiles a:hover .tile-label {
  border-color: currentColor;
}
.quick-tiles[data-count="5"] > :nth-child(5), .quick-tiles[data-count="3"] > :nth-child(3), .quick-tiles[data-count="4"] > :nth-child(4), .quick-tiles[data-count="2"] > :nth-child(2) {
  background-color: rgb(46, 38, 114);
}
.quick-tiles[data-count="5"] > a:nth-child(5):focus, .quick-tiles[data-count="5"] > a:nth-child(5):hover, .quick-tiles[data-count="3"] > a:nth-child(3):focus, .quick-tiles[data-count="3"] > a:nth-child(3):hover, .quick-tiles[data-count="4"] > a:nth-child(4):focus, .quick-tiles[data-count="4"] > a:nth-child(4):hover, .quick-tiles[data-count="2"] > a:nth-child(2):focus, .quick-tiles[data-count="2"] > a:nth-child(2):hover {
  background-color: #fff;
  color: rgb(46, 38, 114);
}
.quick-tiles[data-count="5"] > :nth-child(3), .quick-tiles[data-count="4"] > :nth-child(2), .quick-tiles[data-count="3"] > :nth-child(2) {
  background-color: rgb(90, 37, 114);
}
.quick-tiles[data-count="5"] > a:nth-child(3):focus, .quick-tiles[data-count="5"] > a:nth-child(3):hover, .quick-tiles[data-count="4"] > a:nth-child(2):focus, .quick-tiles[data-count="4"] > a:nth-child(2):hover, .quick-tiles[data-count="3"] > a:nth-child(2):focus, .quick-tiles[data-count="3"] > a:nth-child(2):hover {
  background-color: #fff;
  color: rgb(90, 37, 114);
}
.quick-tiles[data-count="5"] > :nth-child(4), .quick-tiles[data-count="4"] > :nth-child(3) {
  background-color: #482974;
}
.quick-tiles[data-count="5"] > a:nth-child(4):focus, .quick-tiles[data-count="5"] > a:nth-child(4):hover, .quick-tiles[data-count="4"] > a:nth-child(3):focus, .quick-tiles[data-count="4"] > a:nth-child(3):hover {
  background-color: #fff;
  color: #482974;
}
.quick-tiles[data-count="5"] > :nth-child(2) {
  background-color: #702673;
}
.quick-tiles[data-count="5"] > a:nth-child(2):focus, .quick-tiles[data-count="5"] > a:nth-child(2):hover {
  background-color: #fff;
  color: #702673;
}

.news-grid {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
.news-grid[data-margin="1"] {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .news-grid[data-margin="1"] {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .news-grid[data-margin="1"] {
    margin-bottom: 30px;
  }
}

.news-grid--teaser {
  color: white;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .news-grid--teaser {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .news-grid--teaser {
    width: 33.33333333%;
  }
}
.news-grid--teaser:nth-child(9n+1) {
  background-color: rgb(90, 37, 114);
}
.news-grid--teaser:nth-child(9n+2) {
  background-color: rgb(46, 38, 114);
}
.news-grid--teaser:nth-child(9n+3) {
  background-color: rgb(70, 38, 114);
}
.news-grid--teaser:nth-child(9n+4) {
  background-color: rgb(110, 34, 114);
}
.news-grid--teaser:nth-child(9n+5) {
  background-color: rgb(90, 37, 114);
}
.news-grid--teaser:nth-child(9n+6) {
  background-color: rgb(46, 38, 114);
}
.news-grid--teaser:nth-child(9n+7) {
  background-color: rgb(70, 38, 114);
}
.news-grid--teaser:nth-child(9n+8) {
  background-color: rgb(110, 34, 114);
}
.news-grid--teaser:nth-child(9n+9) {
  background-color: rgb(90, 37, 114);
}
.news-grid--teaser .text {
  padding: 4.1666666667vw;
  flex-grow: 1;
}
@media (min-width: 1440px) {
  .news-grid--teaser .text {
    padding: 60px;
  }
}
.news-grid--teaser .text > :first-child {
  margin-top: 0;
}
.news-grid--teaser .text > :last-child {
  margin-bottom: 0;
}
.news-grid--teaser .topline {
  display: block;
  margin-bottom: 0.666em;
}
.news-grid--teaser .teaser--category {
  margin-right: 0.5em;
}
.news-grid--teaser .teaser--date {
  font-weight: normal;
}
.news-grid--teaser li a,
.news-grid--teaser p a,
.news-grid--teaser a {
  color: white;
}
.news-grid--teaser li a:focus, .news-grid--teaser li a:hover,
.news-grid--teaser p a:focus,
.news-grid--teaser p a:hover,
.news-grid--teaser a:focus,
.news-grid--teaser a:hover {
  color: white;
}
.news-grid--teaser h3 a {
  display: block;
}
.news-grid--teaser h3 + p {
  margin-top: 0.666em;
}
.news-grid--teaser .links-in-text:last-child > p:last-child {
  margin-bottom: 0;
}
.news-grid--teaser .text ul {
  padding-left: 1.2em;
}
.news-grid--teaser .text li {
  margin-bottom: 0.4em;
}

.news-grid--teaser .text .download-linklist {
  padding: 0;
}

.news-grid--teaser .download-linklist .link-wrapper {
  list-style: none;
  margin-bottom: 1em;
}
.news-grid--teaser .download-linklist .link-wrapper:last-child {
  margin-bottom: 0;
}
.news-grid--teaser .download-linklist .link-wrapper a {
  font-weight: bold;
}

/* Bebilderte Liste */
.pictlist {
  margin-bottom: 60px;
}
@media (min-width: 800px) {
  .pictlist .row {
    display: flex;
  }
}
.pictlist h2 {
  margin-bottom: 1em;
}
@media (max-width: 799.8px) {
  .pictlist h2 {
    margin-bottom: 20px;
  }
}
.pictlist .pictlist--pict {
  background-color: rgb(70, 38, 114);
  color: white;
}
.pictlist .pict-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
@media (max-width: 799.8px) {
  .pictlist .pict-wrapper {
    min-height: 28vw;
  }
}
.pictlist .pict-wrapper .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 799.8px) {
  .pictlist .pict-wrapper .bg-img {
    width: 33vw;
  }
}
.pictlist .pict-wrapper[data-extension=svg] .bg-img {
  background-repeat: no-repeat;
  background-size: 80% auto;
}
.pictlist .pict-wrapper[data-extension=svg] .bg-img::after {
  display: none;
}
.pictlist .pict-wrapper h3, .pictlist .pict-wrapper a {
  position: relative;
  z-index: 1;
  text-shadow: 0 0 7px #000;
}
@media (max-width: 799.8px) {
  .pictlist .pict-wrapper h3, .pictlist .pict-wrapper a {
    left: 33vw;
    max-width: calc(100% - 33vw);
    text-shadow: none;
  }
}
.pictlist .pict-wrapper a {
  color: white;
}
.pictlist .pictlist--pict[data-vignette="1"] .bg-img::after {
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  background-image: radial-gradient(ellipse, transparent 29%, rgba(0, 0, 0, 0.3));
  width: 100%;
  height: 100%;
}
@media (max-width: 799.8px) {
  .pictlist .pictlist--pict[data-vignette="1"] .bg-img::after {
    display: none;
  }
}
.pictlist .list-wrapper,
.pictlist .pict-wrapper {
  padding: 3.6111111111vw 4.1666666667vw;
}
@media (min-width: 1440px) {
  .pictlist .list-wrapper,
  .pictlist .pict-wrapper {
    padding: 52px 60px;
  }
}
@media (max-width: 799.8px) {
  .pictlist .list-wrapper,
  .pictlist .pict-wrapper {
    padding: 20px 20px;
  }
}
.pictlist .list-wrapper {
  border: 1px solid currentColor;
  border-right-width: 0;
}
@media (max-width: 799.8px) {
  .pictlist .list-wrapper {
    border-right-width: 1px;
    border-bottom-width: 0;
  }
}
.pictlist .list-wrapper > :first-child {
  margin-top: 0;
}
.pictlist .list-wrapper > :last-child {
  margin-bottom: 0;
}
.pictlist ul {
  padding-left: 0px;
}
.pictlist ul li {
  position: relative;
  list-style-type: none;
  padding-left: 34px;
  margin-bottom: 21px;
}
.pictlist ul li:before {
  content: url("Images/career/list-dot.png");
  position: absolute;
  left: 0px;
  top: -2px;
}
.pictlist ul li:last-child,
.pictlist ul li > :last-child {
  margin-bottom: 0;
}

.stage-introduction {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023.8px) {
  .stage-introduction {
    flex-direction: column;
  }
  .stage-introduction[data-is-page-header="1"][data-layout=stage] {
    flex-direction: column;
  }
  .stage-introduction:not([data-is-page-header="1"][data-layout=stage]) .stage-intro--text {
    order: 2;
  }
  .stage-introduction .stage-intro--text,
  .stage-introduction .stage-intro--picture {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .stage-introduction[data-placement=left] {
    flex-direction: row-reverse;
  }
}
.stage-introduction .topline {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.stage-introduction .topline + h2 {
  margin-top: 0.3em;
}
.stage-introduction .topline + h3 {
  font-size: 2rem;
  margin-bottom: 0.5em;
}
.stage-introduction blockquote {
  border: none;
  padding: 0;
}
.stage-introduction blockquote > :first-child::before {
  content: "„";
}
.stage-introduction blockquote > :last-child::after {
  content: "“";
}
.stage-introduction .stage-intro--text > blockquote:first-child p,
.stage-introduction .topline + blockquote p {
  font-weight: bold;
}
.stage-introduction .figure a,
.stage-introduction .figure {
  height: 100%;
}
.stage-introduction h1 {
  margin-top: 0.5em;
}

.stage-introduction .stage-intro--text {
  padding: 4.1666666667vw 4.1666666667vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .stage-introduction .stage-intro--text {
    padding: 60px 60px;
  }
}
@media (max-width: 799.8px) {
  .stage-introduction .stage-intro--text {
    padding: 20px 10px;
  }
}

.stage-introduction[data-is-page-header="1"][data-layout=stage] .stage-intro--text {
  padding: 8.3333333333vw 4.1666666667vw 4.1666666667vw 4.1666666667vw;
}
@media (min-width: 1440px) {
  .stage-introduction[data-is-page-header="1"][data-layout=stage] .stage-intro--text {
    padding: 120px 60px 60px 60px;
  }
}
@media (max-width: 799.8px) {
  .stage-introduction[data-is-page-header="1"][data-layout=stage] .stage-intro--text {
    padding: 20px 10px 20px 10px;
  }
}

.stage-intro--text > :first-child {
  margin-top: 0;
}
.stage-intro--text > :last-child {
  margin-bottom: 0;
}

.stage-intro--links {
  padding: 0;
  list-style: none;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: 0;
}
.stage-intro--links li + li {
  margin-top: 0.35em;
}

.stage-intro--text.color-gray .stage-intro--links {
  margin-top: 1em;
}

.stage-intro--sizer {
  position: relative;
  height: 100%;
}
.stage-intro--sizer > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stage-introduction .bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.stage-intro--text:not(.color-white):not(.color-gray),
.stage-intro--text:not(.color-white):not(.color-gray) a {
  color: white;
}
.stage-intro--text:not(.color-white):not(.color-gray):focus, .stage-intro--text:not(.color-white):not(.color-gray):hover,
.stage-intro--text:not(.color-white):not(.color-gray) a:focus,
.stage-intro--text:not(.color-white):not(.color-gray) a:hover {
  color: white;
}

.stage-introduction .video-wrapper {
  position: relative;
}
.stage-introduction .video-wrapper .video-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 106px;
  height: 107px;
  background: transparent url("Images/icon-video-play.png") no-repeat scroll 0 0;
  opacity: 0.8;
  pointer-events: none;
}
.stage-introduction .video-wrapper.embed-responsive + figcaption {
  display: none;
}

.stage-introduction + .stage-intro--intro.stage-intro--intro {
  margin-top: 40px;
}

.stage-intro--links.stage-intro--links--standalone a {
  font-weight: normal;
}

.stage-introduction .figure[data-aspect-ratio][data-aspect-ratio="16/12"] .embed-responsive-16by9 {
  padding-bottom: 75%;
}
.stage-introduction .figure[data-aspect-ratio][data-aspect-ratio="16/11"] .embed-responsive-16by9 {
  padding-bottom: 68.75%;
}
.stage-introduction .figure[data-aspect-ratio][data-aspect-ratio="16/10"] .embed-responsive-16by9 {
  padding-bottom: 62.5%;
}

.stage-slider .stage-introduction .stage-intro--text {
  padding-bottom: 120px;
}
.stage-slider .ab1d-slider--knob-wrap {
  bottom: 38px;
}
.stage-slider .ab1d-slider-button--next,
.stage-slider .ab1d-slider-button--previous {
  bottom: 40px !important;
}
.stage-slider .ab1d-slider--knob,
.stage-slider .ab1d-slider-button--next,
.stage-slider .ab1d-slider-button--previous {
  color: white;
}
.stage-slider[data-text-color=color-gray] .ab1d-slider-button--next,
.stage-slider[data-text-color=color-gray] .ab1d-slider-button--previous,
.stage-slider[data-text-color=color-gray] .ab1d-slider--knob {
  color: rgb(46, 38, 114);
}
@media (min-width: 1024px) {
  .stage-slider[data-text-color=color-gray] .ab1d-slider-button--next,
  .stage-slider[data-text-color=color-gray] .ab1d-slider-button--previous {
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .stage-slider[data-text-color=color-gray] .ab1d-slider--knob-wrap {
    bottom: 43px;
  }
}
.stage-slider[data-text-color=color-white] .ab1d-slider-button--next,
.stage-slider[data-text-color=color-white] .ab1d-slider-button--previous,
.stage-slider[data-text-color=color-white] .ab1d-slider--knob {
  color: rgb(90, 37, 114);
}
@media (min-width: 800px) {
  .stage-slider .ab1d-slider-button--previous {
    left: 4.1666666667vw;
  }
}
@media (min-width: 800px) and (min-width: 1440px) {
  .stage-slider .ab1d-slider-button--previous {
    left: 60px;
  }
}
@media (min-width: 800px) {
  .stage-slider .ab1d-slider-button--next {
    right: 4.1666666667vw;
  }
}
@media (min-width: 800px) and (min-width: 1440px) {
  .stage-slider .ab1d-slider-button--next {
    right: 60px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right] .ab1d-slider-button--previous {
    left: 4.1666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=right] .ab1d-slider-button--previous {
    left: 60px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right][data-columns="8/16"] .ab1d-slider-button--next {
    right: 70.8333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=right][data-columns="8/16"] .ab1d-slider-button--next {
    right: 1020px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right][data-columns="8/16"] .ab1d-slider--knob-wrap {
    left: 16.6666666667%;
  }
  .stage-slider[data-placement=right][data-columns="9/15"] .ab1d-slider-button--next {
    right: 66.6666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=right][data-columns="9/15"] .ab1d-slider-button--next {
    right: 960px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right][data-columns="9/15"] .ab1d-slider--knob-wrap {
    left: 18.75%;
  }
  .stage-slider[data-placement=right][data-columns="10/14"] .ab1d-slider-button--next {
    right: 62.5vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=right][data-columns="10/14"] .ab1d-slider-button--next {
    right: 900px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right][data-columns="10/14"] .ab1d-slider--knob-wrap {
    left: 20.8333333333%;
  }
  .stage-slider[data-placement=right][data-columns="12/12"] .ab1d-slider-button--next {
    right: 54.1666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=right][data-columns="12/12"] .ab1d-slider-button--next {
    right: 780px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=right][data-columns="12/12"] .ab1d-slider--knob-wrap {
    left: 25%;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left] .ab1d-slider-button--next {
    right: 4.1666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=left] .ab1d-slider-button--next {
    right: 60px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left][data-columns="8/16"] .ab1d-slider-button--previous {
    left: 70.8333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=left][data-columns="8/16"] .ab1d-slider-button--previous {
    left: 1020px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left][data-columns="8/16"] .ab1d-slider--knob-wrap {
    left: 83.3333333333%;
  }
  .stage-slider[data-placement=left][data-columns="9/15"] .ab1d-slider-button--previous {
    left: 66.6666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=left][data-columns="9/15"] .ab1d-slider-button--previous {
    left: 960px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left][data-columns="9/15"] .ab1d-slider--knob-wrap {
    left: 81.25%;
  }
  .stage-slider[data-placement=left][data-columns="10/14"] .ab1d-slider-button--previous {
    left: 62.5vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=left][data-columns="10/14"] .ab1d-slider-button--previous {
    left: 900px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left][data-columns="10/14"] .ab1d-slider--knob-wrap {
    left: 79.1666666667%;
  }
  .stage-slider[data-placement=left][data-columns="12/12"] .ab1d-slider-button--previous {
    left: 54.1666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  .stage-slider[data-placement=left][data-columns="12/12"] .ab1d-slider-button--previous {
    left: 780px;
  }
}
@media (min-width: 1024px) {
  .stage-slider[data-placement=left][data-columns="12/12"] .ab1d-slider--knob-wrap {
    left: 75%;
  }
}

.stage-slider[data-margin="1"],
.stage-introduction[data-margin="1"] {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .stage-slider[data-margin="1"],
  .stage-introduction[data-margin="1"] {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .stage-slider[data-margin="1"],
  .stage-introduction[data-margin="1"] {
    margin-bottom: 30px;
  }
}

.ab1d-slider--slide.color-gray {
  background: #d1d1d1;
}

.stage-intro--picture.color-white {
  background-color: white;
}

.stage-intro--picture.color-gray {
  background-color: #d1d1d1;
}

/* Flexibles Content-Element - Fachkraefte */
.skilled {
  display: flex;
  flex-direction: column-reverse;
}
.skilled .stage-text {
  padding-top: 10px;
}
.skilled .stage-text h2 {
  color: #444;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0px;
}
.skilled .stage-text p {
  color: #444;
  display: block;
}
.skilled .stage-text p a {
  color: rgb(80, 37, 114);
  color: #444;
  font-weight: bold;
  border-bottom: 1px solid rgb(80, 37, 114);
}
.skilled .stage-text p a.external-link {
  color: #444 !important;
  border-bottom: 1px solid rgb(80, 37, 114);
}
.skilled .stage-text p a.external-link::before {
  content: url("Images/career/icon-k-external-lilac.png");
  top: 3px;
  position: relative;
  background-color: #fff;
  display: inline-block;
  height: 23px;
  width: 22px;
}
.skilled .stage-text p a:hover.external-link {
  color: rgb(80, 37, 114) !important;
}
.skilled .stage-text p a:hover.external-link:before {
  content: url("Images/career/icon-k-external-lilac_hover.png");
  position: relative;
  left: 0;
  top: 3px;
  padding-right: 4px;
  background-color: #fff;
  height: 23px;
  width: 22px;
  white-space: nowrap;
}
.skilled .stage-text p a.download::before {
  content: url("Images/career/icon-k-download-lilac.png");
  top: 0;
  position: relative;
  background-color: #fff;
  padding-right: 2px;
  height: auto;
  display: inline-block;
}
.skilled .stage-text p a:hover {
  border-bottom: 1px solid transparent;
  color: rgb(80, 37, 114);
  text-decoration: none;
}
.skilled .stage-text .link-wrapper {
  color: rgb(80, 37, 114);
}
.skilled .stage-text .link-wrapper a {
  position: relative;
  display: inline-block;
}
.skilled .stage-text .link-wrapper a:hover, .skilled .stage-text .link-wrapper a:focus, .skilled .stage-text .link-wrapper a:active {
  text-decoration: none;
}
.skilled .stage-text .link-wrapper a .icon-link {
  padding-left: 32px;
}
.skilled .stage-text .link-wrapper a .icon-link span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  margin-right: 0px;
}
.skilled .stage-text .link-wrapper a .icon-link span + span {
  margin-left: 0;
  margin-right: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: rgb(80, 37, 114);
}
.skilled .stage-text .link-wrapper a .icon-link span + span:before {
  content: "";
  display: inline-block;
  width: 20px;
}
.skilled .stage-text .link-wrapper a:hover .icon-link span {
  border-bottom: 1px solid rgb(80, 37, 114);
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.skilled .stage-text .link-wrapper a:hover .icon-link span + span {
  border-bottom: 1px solid transparent;
}
.skilled .stage-text .link-wrapper a .icon-link.internal {
  display: block;
}
.skilled .stage-text .link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.skilled .stage-text .link-wrapper a:hover .icon-link.internal, .skilled .stage-text .link-wrapper a:focus .icon-link.internal, .skilled .stage-text .link-wrapper a:active .icon-link.internal {
  color: rgb(80, 37, 114);
}
.skilled .stage-text .link-wrapper a:hover .icon-link.internal:before, .skilled .stage-text .link-wrapper a:focus .icon-link.internal:before, .skilled .stage-text .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-lilac_hover.png");
}
.skilled .stage-text .link-wrapper a .icon-link.external {
  display: block;
}
.skilled .stage-text .link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.skilled .stage-text .link-wrapper a:hover .icon-link.external, .skilled .stage-text .link-wrapper a:focus .icon-link.external, .skilled .stage-text .link-wrapper a:active .icon-link.external {
  color: rgb(80, 37, 114);
}
.skilled .stage-text .link-wrapper a:hover .icon-link.external:before, .skilled .stage-text .link-wrapper a:focus .icon-link.external:before, .skilled .stage-text .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-lilac_hover.png");
}
.skilled .stage-text .link-wrapper a .icon-link.download {
  display: block;
}
.skilled .stage-text .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-lilac.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.skilled .stage-text .link-wrapper a:hover .icon-link.download, .skilled .stage-text .link-wrapper a:focus .icon-link.download, .skilled .stage-text .link-wrapper a:active .icon-link.download {
  color: rgb(80, 37, 114);
}
.skilled .stage-text .link-wrapper a:hover .icon-link.download:before, .skilled .stage-text .link-wrapper a:focus .icon-link.download:before, .skilled .stage-text .link-wrapper a:active .icon-link.download:before {
  content: url("Images/icon-download-lilac_hover.png");
}
.skilled .stage-text .link-wrapper a .icon-link {
  padding-left: 32px;
}
.skilled .skilled-pict .col-md-12 {
  width: 100%;
}
.skilled .skilled-pict .stage-pict {
  height: auto;
  position: relative;
}
.skilled .skilled-pict .stage-pict .bg-img {
  width: 100%;
  height: 70vw;
  min-height: auto;
  min-height: unset;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.skilled .skilled-pict .stage-pict figcaption {
  position: relative;
  color: #fff;
}
.skilled .skilled-pict .stage-pict figcaption span {
  position: absolute;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Intro Nachwuchskraefte */
.offspring .skilled-pict .stage-pict .bg-img {
  height: 81vw;
}
.offspring .form-horizontal .form-group label {
  color: #444;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
.offspring .form-horizontal .form-group label div.option {
  margin-top: 2px;
}
.offspring .form-horizontal .form-group label div:first-of-type {
  margin-top: 15px;
}
.offspring .form-horizontal .form-group .btn-default {
  margin-top: 0px;
}

.flexibox {
  display: flex;
}
@media (min-width: 800px) {
  .flexibox {
    flex-direction: row;
  }
}
.flexibox .stage-text {
  padding: 4.1666666667vw 4.1666666667vw;
}
@media (min-width: 1440px) {
  .flexibox .stage-text {
    padding: 60px 60px;
  }
}
@media (max-width: 799.8px) {
  .flexibox .stage-text {
    padding: 30px 10px;
  }
}
.flexibox .stage-text h2 {
  margin-top: 0;
}
.flexibox .stage-text .link-wrapper {
  font-size: 1.25rem;
  font-weight: bold;
}
.flexibox .stage-pict .bg-img {
  background-size: cover;
  background-position: center center;
  min-height: 405px;
}
@media (max-width: 799.8px) {
  .flexibox .stage-pict .bg-img {
    min-height: 56.25vw;
  }
}
.flexibox .figure,
.flexibox .stage-pict,
.flexibox .figure > a,
.flexibox .bg-img {
  height: 100%;
}

@media (min-width: 800px) {
  .flexibox-count:nth-child(2n) .flexibox {
    flex-direction: row-reverse;
  }
  .flexibox-count:nth-child(2n+1) {
    flex-direction: row;
  }
}
.partner-links {
  text-align: center;
}
.partner-links ul {
  display: inline-block;
  padding-left: 0;
}
.partner-links ul li {
  list-style-type: none;
  display: inline-block;
  padding: 26px 10px 16px 10px;
}
.partner-links ul li a {
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding: 0px 18px 12px 18px;
}
.partner-links ul li a:hover {
  border-bottom: 2px solid rgb(80, 37, 114);
}
.partner-links ul li a:active {
  border-bottom: 2px solid rgb(80, 37, 114);
}
.partner-links ul li a:focus {
  border-bottom: 2px solid rgb(80, 37, 114);
}

.logo-bar h2 {
  margin-top: 0;
}
.logo-bar .logos {
  display: flex;
  justify-content: flex-start;
}
.logo-bar .logos {
  width: 100%;
}
.logo-bar .logos a:hover .img-wrapper, .logo-bar .logos a:focus .img-wrapper {
  border-bottom-color: rgb(80, 37, 114);
}
.logo-bar .img-wrapper {
  padding: 10px;
  border-bottom: 2px solid transparent;
  max-width: 210px;
}
.logo-bar .img-wrapper img {
  width: 100%;
  height: auto;
}
.logo-bar .logo-bar-wrapper {
  display: flex;
  justify-content: space-between;
}
.logo-bar .logo-bar-text > :first-child {
  margin-top: 0;
}
.logo-bar .logo-bar-text > :last-child {
  margin-bottom: 0;
}

.logo-bar[data-text="1"][data-width=leftstart] .logo-bar-text {
  width: 50%;
  padding-left: 20px;
}
.logo-bar[data-text="1"][data-width=leftstart] .logos {
  width: 50%;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media (max-width: 799.8px) {
  .logo-bar[data-text="1"][data-width=leftstart] .logo-bar-wrapper {
    display: block;
  }
  .logo-bar[data-text="1"][data-width=leftstart] .logos,
  .logo-bar[data-text="1"][data-width=leftstart] .logo-bar-text {
    width: auto;
  }
  .logo-bar[data-text="1"][data-width=leftstart] .logo-bar-text {
    padding-left: 0;
  }
}

.logo-bar[data-width=leftstart] .logo-bar-wrapper {
  padding: 4.1666666667vw 4.1666666667vw;
}
@media (min-width: 1440px) {
  .logo-bar[data-width=leftstart] .logo-bar-wrapper {
    padding: 60px 60px;
  }
}
@media (max-width: 799.8px) {
  .logo-bar[data-width=leftstart] .logo-bar-wrapper {
    padding: 30px 10px;
  }
}

.logo-bar[data-width=center] .logo-bar-wrapper {
  display: block;
}
.logo-bar[data-width=center] .logo-bar-wrapper .logos {
  justify-content: space-evenly;
  align-items: center;
  padding: 4.1666666667vw 4.1666666667vw;
}
@media (min-width: 1440px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logos {
    padding: 60px 60px;
  }
}
@media (max-width: 799.8px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logos {
    padding: 30px 10px;
  }
}
@media (max-width: 799.8px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logos {
    flex-wrap: wrap;
  }
}
.logo-bar[data-width=center] .logo-bar-wrapper .logo-bar-text {
  width: 100%;
}
@media (max-width: 800px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logo-bar-text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.logo-bar[data-width=center] .logo-bar-wrapper .logos + .logo-bar-text {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logos + .logo-bar-text {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logos + .logo-bar-text {
    margin-bottom: 30px;
  }
}
@media (min-width: 800px) {
  .logo-bar[data-width=center] .logo-bar-wrapper .logo-bar-text {
    width: 738px;
    margin: 0 auto;
  }
}

.section-header + .logo-bar .logos,
.section-header + .logo-bar .logo-bar-wrapper {
  padding-top: 0 !important;
}

/* Formulare */
.content .form-horizontal .form-group {
  margin-bottom: 25px;
}
.content .form-horizontal .form-group .control-label {
  clear: both;
  float: none;
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
.content .form-horizontal .form-group .form-control {
  height: 50px;
}
.content .form-horizontal .form-group textarea {
  min-height: 205px;
}
.content .form-horizontal .form-group .radio {
  min-height: 32px;
  clear: both;
  float: none;
  width: 100%;
  margin-bottom: 2px;
}
.content .form-horizontal .form-group .radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 35px;
}
.content .form-horizontal .form-group .radio label:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  bottom: auto;
  top: 4px;
  background-color: #fff;
  background-image: url("Images/radio.png");
  background-position: 1px 1px;
  box-shadow: none;
  border-radius: 10px;
}
.content .form-horizontal .form-group .radio input[type=radio] {
  display: none;
}
.content .form-horizontal .form-group .radio input[type=radio]:checked + label:before {
  content: "•";
  content: "";
  color: rgb(82, 42, 115);
  font-size: 35px;
  text-align: center;
  line-height: 16px;
  padding-right: 1px;
  background-image: url("Images/radio-checked.png");
}
.content .form-horizontal .form-group .checkbox {
  min-height: 32px;
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
.content .form-horizontal .form-group .checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 35px;
}
.content .form-horizontal .form-group .checkbox label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  bottom: auto;
  top: 4px;
  background-color: #fff;
  box-shadow: inset 0px 0px 0px 2px rgb(82, 42, 115), 0px 0px 0px 0px rgba(51, 29, 73, 0);
  border-radius: 0px;
}
.content .form-horizontal .form-group .checkbox input[type=checkbox] {
  display: none;
}
.content .form-horizontal .form-group .checkbox input[type=checkbox]:checked + label:before {
  content: "✔";
  color: rgb(82, 42, 115);
  font-size: 20px;
  text-align: center;
  line-height: 14px;
}
.content .form-horizontal .form-group.short {
  float: left;
  width: 45%;
  margin-right: 10%;
}
.content .form-horizontal .form-group.short div.col-sm-10:first-of-type {
  width: 100%;
}
.content .form-horizontal .form-group.short.single {
  margin-right: 45%;
}
.content .form-horizontal .form-group.short.even {
  margin-right: 0px;
}
.content .form-horizontal .form-group.long {
  float: left;
  width: 65%;
  margin-right: 10%;
}
.content .form-horizontal .form-group.long div.col-sm-10:first-of-type {
  width: 100%;
}
.content .form-horizontal .form-group.long.even {
  margin-right: 0px;
}
.content .form-horizontal .form-group.xshort {
  float: left;
  width: 25%;
  margin-right: 10%;
}
.content .form-horizontal .form-group.xshort div.col-sm-10:first-of-type {
  width: 100%;
}
.content .form-horizontal .form-group.xshort.even {
  margin-right: 0px;
}
.content .form-horizontal .form-group .btn-default {
  padding: 12px 44px;
  margin-top: 25px;
}
.content .form-horizontal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 100%;
  border: 1px solid rgb(68, 68, 68);
  padding-left: 10px;
  color: rgb(68, 68, 68);
  background-color: rgb(255, 255, 255);
  background-image: url("Images/icon-down-black.png");
  background-position: 97% 48%;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 480px) {
  .content .form-horizontal select {
    background-position: 95% 48%;
  }
}
.content .form-horizontal select:focus::-ms-value {
  background-color: transparent;
  color: rgb(68, 68, 68);
}
.content .form-horizontal select::-ms-expand {
  display: none;
}
.content .form-horizontal select option {
  /*background: none;
  background-color: #ffffff;
  border-top: 1px dotted $color-gray;
  */
  padding: 4px;
  color: rgb(68, 68, 68);
}
.content .form-horizontal select option:first-child {
  border-top: none;
}
.content .form-horizontal .row {
  display: flex;
}
.content .form-horizontal .row > div {
  width: auto;
  flex-grow: 1;
  margin-left: 5%;
}
.content .form-horizontal .row > div:first-child {
  margin-left: 0;
}
@media (max-width: 800px) {
  .content .form-horizontal .row {
    flex-direction: column;
  }
  .content .form-horizontal .row > div {
    margin-left: 0;
    width: 100%;
  }
}
.content .form-horizontal strong.label {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: inline-block;
  padding-top: 7px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-bottom: 16px;
}
.content .form-horizontal strong.label + .form-group {
  margin-left: 20px;
}
.content.press-form .form-horizontal .btn-default {
  margin-top: 65px;
}

/* IE 10 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content .form-horizontal .form-group .radio input[type=radio]:checked + label::before {
    font-size: 32px;
    line-height: 0.55em;
    padding-right: 0px;
  }
  .content .form-horizontal .form-group .checkbox label::before {
    font-size: 16px;
    line-height: 15px;
  }
}
.form-horizontal .form-inner-wrapper {
  padding: 20px 10px;
  background-color: rgb(221, 221, 221);
}
@media (min-width: 800px) {
  .form-horizontal .form-inner-wrapper {
    padding: 42px 60px;
  }
}
.form-horizontal .form-group input.powermail_captcha {
  width: 278px;
}
.form-horizontal .form-group .form-hint {
  display: block;
  padding-bottom: 10px;
}
.form-horizontal .form-group .single-text {
  clear: both;
}
.form-horizontal .form-group .form-control.error, .form-horizontal .form-group .parsley-error {
  border-color: #c51216;
  border-width: 2px;
}
.form-horizontal .form-group span.error {
  color: #c51216;
  font-weight: bold;
  display: inline-block;
  padding-top: 8px;
  min-height: 60px;
}
.form-horizontal .form-group .parsley-errors-list {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}
.form-horizontal .form-group .parsley-errors-list li {
  color: #c51216;
  font-size: medium;
  font-weight: bold;
  display: inline-block;
  padding-top: 8px;
  padding-left: 0;
  /*min-height: 60px;*/
  min-height: auto;
  margin-bottom: 0;
}
.form-horizontal .form-group .radio label::before {
  background-color: transparent;
}
.form-horizontal .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 100%;
  border: 1px solid rgb(68, 68, 68);
  padding-left: 10px;
  color: rgb(68, 68, 68);
  background-color: rgb(255, 255, 255);
  background-image: url("Images/icon-down-black.png");
  background-position: 97% 48%;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 480px) {
  .form-horizontal .form-group select {
    background-position: 95% 48%;
  }
}
.form-horizontal .form-group select:focus::-ms-value {
  background-color: transparent;
  color: rgb(68, 68, 68);
}
.form-horizontal .form-group select::-ms-expand {
  display: none;
}
.form-horizontal .form-group select option {
  /*background: none;
  background-color: #ffffff;
  border-top: 1px dotted $color-gray;
  */
  padding: 4px;
  color: rgb(68, 68, 68);
}
.form-horizontal .form-group select option:first-child {
  border-top: none;
}
.form-horizontal .form-group.f-submit {
  float: none;
  clear: both;
}

.std-sitemap > ul {
  padding-left: 0;
}

.std-sitemap li {
  list-style: none;
  padding-left: 0;
}

.std-sitemap a + ul {
  margin-top: 0.5em;
}

.std-sitemap [data-level="0"] > li {
  margin-bottom: 2em;
}

.std-sitemap h3 {
  margin-bottom: 0.5em;
}

.std-sitemap [data-level="1"] > li {
  margin-bottom: 1em;
}

.std-sitemap li > a {
  color: rgb(80, 37, 114);
}

.accordion-dw {
  margin-bottom: 60px;
}
.accordion-dw .panel {
  border: none;
}
.accordion-dw .fa-caret-right {
  font-size: 2rem;
}
.accordion-dw .panel-heading {
  color: white;
  padding: 0.5em;
  background-color: rgb(90, 37, 114);
}
.accordion-dw .panel-group {
  margin-bottom: 0;
  clear: both;
}
.accordion-dw .panel-body {
  border: none;
  padding: 0;
}
.accordion-dw .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.accordion-dw .panel-heading a {
  display: flex;
  align-items: center;
  padding: 1.5em;
}
.accordion-dw .panel-heading a:hover {
  color: white;
  text-decoration: underline;
}
.accordion-dw .panel-heading a:focus {
  color: white !important;
  text-decoration: underline;
}
.accordion-dw .accordion-heading {
  color: white;
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 780px) {
  .accordion-dw .accordion-heading {
    font-size: 1.4rem;
  }
}
.accordion-dw a .icon-container-cd {
  margin-bottom: 0;
  position: relative;
  vertical-align: middle;
  margin-right: 1.5em;
}
.accordion-dw a .icon-container-cd .icon-caret-down {
  background-image: url("Images/icon-down-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotateX(0deg);
  transform-origin: center center;
  width: 13px;
  height: 8px;
  margin: 0;
  transition: transform 0.2s linear;
}
.accordion-dw a[aria-expanded=true] .icon-container-cd .icon-caret-down {
  transform: rotateX(-180deg);
}
.accordion-dw .panel-group:last-child .panel-body .element-box:last-child {
  margin-bottom: 0;
}
.accordion-dw .panel-body > .headline-offset:first-child {
  margin-top: 60px !important;
}
.accordion-dw .panel-body > .std-text:first-child,
.accordion-dw .panel-body > div:first-child + .std-text {
  margin-top: 60px !important;
}

.accordion-dw .panel-heading {
  background-color: rgb(90, 37, 114);
}
.accordion-dw .panel-group:nth-child(9n+1) .panel-heading {
  background-color: rgb(90, 37, 114);
}
.accordion-dw .panel-group:nth-child(9n+2) .panel-heading {
  background-color: rgb(70, 38, 114);
}
.accordion-dw .panel-group:nth-child(9n+3) .panel-heading {
  background-color: rgb(110, 34, 114);
}
.accordion-dw .panel-group:nth-child(9n+4) .panel-heading {
  background-color: rgb(70, 38, 114);
}
.accordion-dw .panel-group:nth-child(9n+5) .panel-heading {
  background-color: rgb(110, 34, 114);
}
.accordion-dw .panel-group:nth-child(9n+6) .panel-heading {
  background-color: rgb(90, 37, 114);
}
.accordion-dw .panel-group:nth-child(9n+7) .panel-heading {
  background-color: rgb(110, 34, 114);
}
.accordion-dw .panel-group:nth-child(9n+8) .panel-heading {
  background-color: rgb(90, 37, 114);
}
.accordion-dw .panel-group:nth-child(9n+9) .panel-heading {
  background-color: rgb(70, 38, 114);
}

.divider[data-layout="2"],
.divider[data-layout="1"] {
  width: 100%;
  height: 60px;
  display: block;
  clear: both;
}

.divider[data-layout="2"] {
  height: 30px;
}

.divider[data-layout="-1"] + * {
  margin-top: -60px;
}

.divider[data-layout="-2"] + * {
  margin-top: -30px;
}

.doubleteaser-slider {
  clear: both;
  position: relative;
}
.doubleteaser-slider .flexslider {
  border: none;
}
.doubleteaser-slider .slide {
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  .doubleteaser-slider .slide {
    margin-right: 0px;
    float: left;
    display: block;
  }
}
.doubleteaser-slider .flexwrap {
  display: flex;
}
.doubleteaser-slider .slider-item {
  display: flex;
  width: 100%;
}
@media (max-width: 1023px) {
  .doubleteaser-slider .slider-item {
    flex-direction: column;
  }
}
@media (min-width: 800px) {
  .doubleteaser-slider .slider-item {
    width: 50%;
  }
}
.doubleteaser-slider .bg-img-slider {
  background-size: cover;
  background-position: center top;
  width: 100%;
  padding-bottom: 50%;
  position: relative;
}
@media (min-width: 800px) {
  .doubleteaser-slider .bg-img-slider {
    width: 100%;
    padding-bottom: 100%;
  }
}
@media (min-width: 1024px) {
  .doubleteaser-slider .bg-img-slider {
    width: 41.7%;
    padding-bottom: 41.7%;
  }
}
.doubleteaser-slider .bg-img-slider figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.doubleteaser-slider a {
  color: white;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.333333;
  font-weight: bold;
}
.doubleteaser-slider .link-wrapper {
  display: inline-block;
  margin-bottom: 0.5em;
}
.doubleteaser-slider .link-wrapper:before {
  content: url("Images/icon-internal-white.png");
  position: relative;
  top: 4px;
  padding-right: 8px;
}
.doubleteaser-slider .link-wrapper:hover {
  display: inline-block;
}
.doubleteaser-slider .link-wrapper:hover:before {
  content: url("Images/icon-internal-white_hover.png");
  position: relative;
  top: #fff;
  padding-right: 8px;
}
.doubleteaser-slider .teaser-text {
  background-color: #6e2272;
  color: white;
  padding: 40px 60px;
  width: 58.4%;
}
@media (max-width: 1023px) {
  .doubleteaser-slider .teaser-text {
    width: 100%;
    flex-grow: 1;
  }
}
@media (max-width: 799px) {
  .doubleteaser-slider .teaser-text {
    padding: 4.166vw;
  }
}
.doubleteaser-slider .teaser-text p {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media (max-width: 800px) {
  .doubleteaser-slider .teaser-text p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
.doubleteaser-slider .teaser-text p:last-child {
  margin-bottom: 0;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev,
.doubleteaser-slider .custom-slider-navigation .flex-next {
  position: absolute;
  top: 0;
  background-color: rgba(231, 231, 231, 0.8);
  opacity: 0.3;
  height: 100%;
  border: none;
  padding: 0;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev:hover,
.doubleteaser-slider .custom-slider-navigation .flex-next:hover {
  opacity: 1;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev:before,
.doubleteaser-slider .custom-slider-navigation .flex-next:before {
  vertical-align: middle;
  height: 50px;
  display: block;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev {
  left: 0;
  display: inline-block;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev:before {
  content: url("Images/icon-slider-blue-prev.png");
  position: relative;
  top: 0;
  padding-right: 8px;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev:before {
  padding-right: 17px;
  padding-left: 24px;
}
.doubleteaser-slider .custom-slider-navigation .flex-prev:hover:before, .doubleteaser-slider .custom-slider-navigation .flex-prev:focus:before {
  content: url("Images/icon-slider-blue-prev_hover.png");
}
.doubleteaser-slider .custom-slider-navigation .custom-controls-container {
  display: none;
}
@media (max-width: 1023px) {
  .doubleteaser-slider .custom-slider-navigation .custom-controls-container {
    display: block;
  }
}
.doubleteaser-slider .custom-slider-navigation .flex-next {
  right: 0;
  display: inline-block;
}
.doubleteaser-slider .custom-slider-navigation .flex-next:before {
  content: url("Images/icon-slider-blue-next.png");
  position: relative;
  top: 0;
  padding-right: 8px;
}
.doubleteaser-slider .custom-slider-navigation .flex-next:before {
  padding-right: 24px;
  padding-left: 17px;
}
.doubleteaser-slider .custom-slider-navigation .flex-next:hover:before, .doubleteaser-slider .custom-slider-navigation .flex-next:focus:before {
  content: url("Images/icon-slider-blue-next_hover.png");
}

.location-teaser {
  clear: both;
  display: flex;
  color: white;
}
@media (max-width: 940px) {
  .location-teaser {
    display: block;
  }
}
.location-teaser .map-location {
  min-width: 58.3333333333%;
}
.location-teaser .map-location > div {
  padding-bottom: 50%;
  height: 100%;
}
.location-teaser .location-adress {
  margin-bottom: 3em;
}
.location-teaser .label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  padding: 0;
  padding-bottom: 1em;
}
.location-teaser .location-card {
  background-color: #6e2272;
  min-width: 41.6666666667%;
  padding: 40px 60px;
}
@media (max-width: 799px) {
  .location-teaser .location-card {
    padding: 4.166vw;
  }
}
.location-teaser .location-card p {
  color: white;
  margin-bottom: 0;
}
.location-teaser .location-card a {
  color: white;
  font-weight: bold;
}
.location-teaser .location-card a > span {
  padding-bottom: 1px;
  border-bottom: 1px solid currentColor;
}
.location-teaser .location-card a:hover, .location-teaser .location-card a:focus {
  text-decoration: none;
}
.location-teaser .location-card a:hover > span {
  border-bottom-color: transparent;
}
.location-teaser .location-card .address {
  margin-bottom: 0.3em;
}
.location-teaser .heading {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  color: white;
}
.location-teaser .contact-item--wrap {
  margin-top: 1em;
}
.location-teaser .contact-item {
  display: flex;
  align-items: center;
}
.location-teaser .icon {
  width: 1.2em;
  text-align: center;
  margin-right: 0.9em;
  flex-shrink: 0;
}
.location-teaser .i-route {
  background-image: url(./Images/routen-planer-white.svg);
  width: 1.3em;
  height: 1.3em;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8em;
}

.stage-trio {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
.stage-trio h3:last-child {
  margin-bottom: 0;
}
.stage-trio .trio-item {
  color: white;
}
.stage-trio .trio-item a {
  color: white;
}
.stage-trio .trio-item:nth-child(6n+1) {
  background-color: rgb(90, 37, 114);
}
.stage-trio .trio-item:nth-child(6n+2) {
  background-color: rgb(70, 38, 114);
}
.stage-trio .trio-item:nth-child(6n+3) {
  background-color: rgb(110, 34, 114);
}
.stage-trio .trio-item:nth-child(6n+4) {
  background-color: rgb(70, 38, 114);
}
.stage-trio .trio-item:nth-child(6n+5) {
  background-color: rgb(110, 34, 114);
}
.stage-trio .trio-item:nth-child(6n+6) {
  background-color: rgb(90, 37, 114);
}
.stage-trio .link-wrapper {
  padding: 2.7777777778vw;
}
@media (min-width: 1440px) {
  .stage-trio .link-wrapper {
    padding: 40px;
  }
}

.sticky-contactbox {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
@media (max-width: 800px) {
  .sticky-contactbox {
    width: 100%;
  }
}
.sticky-contactbox .sticky-container {
  padding: 0;
  position: fixed;
  z-index: 1;
  width: 500px;
  overflow: hidden;
  pointer-events: none;
  cursor: pointer;
}
@media (max-width: 800px) {
  .sticky-contactbox .sticky-container {
    width: 94%;
    display: flex;
    bottom: 0px;
    overflow: visible;
    justify-content: center;
    left: 3%;
  }
}
.sticky-contactbox .sticky-container .sticky-boxes-contact {
  display: flex;
  pointer-events: auto;
  padding: 1.5em 1.2em;
  align-items: center;
  color: white;
}
@media (max-width: 800px) {
  .sticky-contactbox .sticky-container .sticky-boxes-contact {
    justify-content: center;
    padding: 1.2em 2em;
    width: 100%;
  }
}
.sticky-contactbox .sticky-container .contact-text {
  text-align: left;
  margin-right: auto;
  color: white;
  word-break: break-word;
  font-weight: bold;
}
.sticky-contactbox .sticky-container .wrapper-stky-contact {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.sticky-contactbox .sticky-container .wrapper-stky-contact p {
  margin-bottom: 0.2em;
  font-weight: bold;
  color: white;
}
.sticky-contactbox .sticky-container .phone-container {
  background-color: rgb(0, 155, 220);
}
.sticky-contactbox .sticky-container .phone-container:hover {
  background-color: rgb(0, 119.0681818182, 169);
}
.sticky-contactbox .sticky-container .route-container {
  background-color: rgb(51, 178, 233);
}
.sticky-contactbox .sticky-container .route-container:hover {
  background-color: rgb(17.7168141593, 119.9911504425, 164.2831858407);
}
.sticky-contactbox .sticky-container .mail-container {
  background-color: rgb(46, 38, 114);
}
.sticky-contactbox .sticky-container .mail-container:hover {
  background-color: rgb(61.4342105263, 50.75, 152.25);
}
.sticky-contactbox .sticky-container .icon {
  width: 4em;
  height: 4em;
  flex-shrink: 0;
  background-size: 3.7em;
  background-repeat: no-repeat;
  background-position: center;
}
.sticky-contactbox .sticky-container .i-phone {
  background-image: url("./Images/phone.svg");
}
.sticky-contactbox .sticky-container .i-route {
  background-image: url("./Images/route.svg");
}
.sticky-contactbox .sticky-container .i-mail {
  background-image: url("./Images/at-regular.svg");
  background-size: 2.5em;
}
.sticky-contactbox .sticky-container[data-tiny=true] .sticky-boxes-contact {
  padding: 1em 1em;
  transform: translateX(27.5em);
  transition-duration: 0.1s;
}
.sticky-contactbox .sticky-container[data-tiny=true] .wrapper-stky-contact {
  visibility: hidden;
}
.sticky-contactbox .sticky-container[data-tiny=true] .icon {
  background-size: 2.8em;
  width: 2em;
}
.sticky-contactbox .sticky-container[data-tiny=true] .i-mail {
  background-size: 1.6em;
}
.sticky-contactbox .sticky-boxes-contact {
  transform: translateX(24.2em);
  transition: 0.6s;
}
@media (max-width: 800px) {
  .sticky-contactbox .sticky-boxes-contact {
    transform: translateX(0em);
  }
}
.sticky-contactbox .sticky-boxes-contact.open {
  transform: translateX(0em);
}
.sticky-contactbox .desktop.sticky-container {
  margin-top: 25vh;
  top: 0;
  right: 0;
}

.sticky-container.mobile {
  display: none;
  bottom: 0px;
  pointer-events: auto;
  transition: 0.1s;
}
.sticky-container.mobile a {
  position: absolute;
  top: 100%;
  display: flex;
  z-index: 1;
  width: 100%;
  height: 70px;
  align-items: center;
  color: white;
}
.sticky-container.mobile a:hover {
  text-decoration: underline;
  color: white;
}
.sticky-container.mobile .icon {
  width: 3.5em;
  height: 3.5em;
  padding: 1em;
  background-size: 2.5em;
}
.sticky-container.mobile .i-mail {
  background-size: 1.8em;
}
.sticky-container.mobile button {
  background-repeat: no-repeat;
  flex-grow: 1;
  background-position: center;
  border: none;
}
.sticky-container.mobile .wrapper-stky-contact {
  padding-left: 2.5em;
  padding-right: 2.5em;
  color: white;
}
.sticky-container.mobile .wrapper-stky-contact > p {
  font-weight: bold;
  color: white;
  margin-bottom: 0.2em;
}
.sticky-container.mobile .contact-text {
  font-weight: bold;
  padding: 0;
}
.sticky-container.mobile.expand {
  bottom: 70px;
}
.sticky-container.mobile[data-sticky=mail] .mail-container, .sticky-container.mobile[data-sticky=phone] .phone-container, .sticky-container.mobile[data-sticky=route] .route-container {
  z-index: 2;
}

@media (max-width: 800px) {
  .sticky-contactbox .sticky-container.desktop {
    display: none;
  }
  .sticky-container.mobile {
    display: flex;
  }
}
.scrolly .sticky-contactbox .sticky-boxes-contact {
  transform: translateX(26.2em);
}

@media (max-width: 360px) {
  .sticky-container.mobile .contact-text {
    font-size: 0.8em;
  }
  .sticky-contactbox .sticky-container .wrapper-stky-contact p {
    font-size: 1em;
  }
  .sticky-container.mobile .wrapper-stky-contact {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.oc-menu--no-overflow .sticky-contactbox {
  display: none;
}

.news-teaser-slider .slick-slide[aria-hidden=true] .text-box {
  visibility: hidden;
}
.news-teaser-slider .slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0 10px;
  margin-left: 0;
  text-align: center;
}
.news-teaser-slider .slick-dots li {
  list-style-type: none;
  display: inline-block;
  padding-left: 0;
  width: 11px;
  height: 11px;
  margin: 0 8px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 100%;
}
.news-teaser-slider .slick-dots li.slick-active {
  background-color: transparent;
}
.news-teaser-slider .slick-dots li:hover {
  background-color: transparent;
}
.news-teaser-slider .slick-dots li:focus {
  background-color: transparent;
}
.news-teaser-slider .slick-dots li button {
  text-indent: -999999px;
  background: none;
  border: none;
}
.news-teaser-slider .slick-dots li button:focus {
  outline: 0;
}
.news-teaser-slider .slick-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 80px;
  background-color: transparent;
  border: none;
  padding: 0;
  z-index: 1;
}
@media (min-width: 1025px) {
  .news-teaser-slider .slick-arrow {
    width: 120px;
  }
}
.news-teaser-slider .slick-arrow span {
  text-indent: -999999px;
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 80px;
  background-color: #ffffff;
  opacity: 0.6;
  z-index: 1;
}
@media (min-width: 1025px) {
  .news-teaser-slider .slick-arrow span {
    width: 120px;
  }
}
.news-teaser-slider .slick-arrow .icon {
  position: relative;
  top: 46%;
  left: 18%;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 2;
}
@media (min-width: 1025px) {
  .news-teaser-slider .slick-arrow .icon {
    left: 28%;
  }
}
.news-teaser-slider .slick-arrow .icon:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  opacity: 1;
  position: absolute;
}
.news-teaser-slider .slick-arrow.slick-next {
  right: 0;
}
.news-teaser-slider .slick-arrow.slick-next .icon:before {
  background-image: url("Images/icon-slider-blue-next.png");
}
.news-teaser-slider .slick-arrow.slick-next .icon:hover:before {
  background-image: url("Images/icon-slider-blue-next_hover.png");
}
.news-teaser-slider .slick-arrow.slick-prev {
  left: 0;
}
.news-teaser-slider .slick-arrow.slick-prev .icon:before {
  background-image: url("Images/icon-slider-blue-prev.png");
}
.news-teaser-slider .slick-arrow.slick-prev .icon:hover:before {
  background-image: url("Images/icon-slider-blue-prev_hover.png");
}
.news-teaser-slider .article {
  width: 100%;
  padding: 0 !important;
}
.news-teaser-slider .article .text-box {
  color: #fff;
  min-height: 265px;
  padding: 30px 10px;
}
@media (min-width: 800px) {
  .news-teaser-slider .article .text-box {
    padding: 40px 8.33334%;
  }
}
.news-teaser-slider .article .text-box p {
  color: inherit;
}
.news-teaser-slider .article .text-box .link-wrapper {
  margin-bottom: 10px;
}
.news-teaser-slider .article .text-box .link-wrapper h3 {
  margin-bottom: 0;
}
.news-teaser-slider .article .text-box .link-wrapper a {
  color: #fff;
}

.news-slider .text-img {
  width: 50%;
  background: rgb(90, 37, 114);
}
.news-slider .text-img:nth-child(4n+2), .news-slider .text-img:nth-child(4n+3) {
  background: rgb(70, 38, 114);
}

.news-teaser-slider .news-slider {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 799.8px) {
  .news-teaser-slider .news-slider:not(.slick-slider) .text-img {
    width: 100%;
  }
  .news-teaser-slider .news-slider:not(.slick-slider) .text-img .text-box {
    min-height: auto;
  }
}

.news-slider-box[data-margin="1"] {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .news-slider-box[data-margin="1"] {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .news-slider-box[data-margin="1"] {
    margin-bottom: 30px;
  }
}

@media (max-width: 799px) {
  .news-list-filters,
  .news-list-view {
    padding: 0 10px;
  }
}

.content .news-meta-details span, .content .news-meta-details strong,
.content .intro p.news-meta-details span,
.content .intro p.news-meta-details strong {
  margin-right: 1em;
}

.news-list-filters form {
  margin-bottom: 0;
}

.news-list-filters .btn-primary.dropdown-toggle {
  font-weight: bold;
  max-width: 100%;
}
.news-list-filters .btn-primary.dropdown-toggle > span {
  padding-right: 1.5em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-date-filter .btn-primary {
  font-weight: bold;
  padding-left: 2em;
  padding-right: 3.85em;
  position: relative;
}
.news-date-filter .btn-primary:hover span, .news-date-filter .btn-primary:focus span {
  text-decoration: underline;
}
.news-date-filter .btn-primary::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  position: absolute;
  top: 0.4em;
  right: 1.538em;
  font-size: 1.3em;
}
@media (max-width: 1023.8px) {
  .news-date-filter .btn-primary::after {
    top: 0.6em;
  }
}
.news-date-filter .btn-primary span {
  display: inline-block;
}

.news-date-filter .date-input {
  display: inline-flex;
  flex-wrap: wrap;
  margin-right: 2em;
  flex-grow: 1;
}
@media (max-width: 655px) {
  .news-date-filter .date-input {
    margin-right: 0;
  }
}
.news-date-filter .date-input .label-text {
  width: 100%;
  margin-bottom: 0.3em;
  font-weight: normal;
}
.news-date-filter .date-input input {
  flex-grow: 1;
}
.news-date-filter .date-input button {
  flex-shrink: 0;
}

@media (max-width: 799.8px) {
  .news-date-filter {
    padding: 0 10px;
  }
}
.news-date-filter input.has-calendar-opener {
  min-width: auto;
  width: 200px;
  flex-shrink: 1;
  max-width: calc(100% - 49px);
}

html[data-ua*=AppleWebKit][data-ua*=Mobile] input.has-calendar-opener,
html[data-ua*="Edg/"] .news-date-filter input.has-calendar-opener {
  max-width: 100%;
}

.content .news-list-view ul {
  display: block;
}

.content .intro + .news-list .news-list-view > ul {
  margin-top: 0;
}

.news-list .cat {
  margin-right: 1em;
}
.news-list .cat:last-child {
  margin-right: 0;
}

/*------------------------- Elements  Iconfont Baukasten-------------------*/
@font-face {
  font-family: "diakonie_baukasten";
  src: url("fonts/diakonie_baukasten.eot?ncrds");
  src: url("fonts/diakonie_baukasten.eot?ncrds#iefix") format("embedded-opentype"), url("fonts/diakonie_baukasten.ttf?ncrds") format("truetype"), url("fonts/diakonie_baukasten.woff?ncrds") format("woff"), url("fonts/diakonie_baukasten.svg?ncrds#diakonie_baukasten") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-slider-button_hover::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

.icon-slider-button::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}

.icon-services::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
}

.icon-search::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
}

.icon-menulinks_hover::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}

.icon-menulinks::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
}

.icon-benefit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
}

.icon-link-internal::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
}

.icon-link-external::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  transform: rotate(-45deg);
}

.icon-link-jump::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
}

.icon-link-download::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
}

.icon-ausbildung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
}

.icon-initiativbewerbung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90c";
}

.icon-jobs::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
}

.icon-praktikum::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e";
}

.icon-whatsapp::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90f";
}

.icon-dates::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}

.icon-donation::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
}

.icon-downloads::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
}

.icon-portal::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
}

.icon-publication::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}

.icon-enlarge::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
}

.icon-Freizeit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
}

.icon-Seelische_Gesundheit::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
}

.icon-Wichern-Zentrum::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
}

.icon-Nachbarschaftshilfe::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91a";
}

.icon-Kinderbetreuung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
}

.icon-Kultur_Migration::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
}

.icon-Hilfe_im_Alter::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91e";
}

.icon-Ausbildung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91f";
}

.icon-Beratung::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e920";
}

.icon-mail::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
}

/*------------------------- Locationsearch -------------------*/
/* ---- location map container--- */
.location-view .sn-main-container {
  margin-bottom: 0;
}
.location-view .sn-mode-navigation {
  color: rgb(68, 68, 68);
  background-color: rgb(255, 255, 255);
  font-weight: bold;
}
.location-view .sn-mode-navigation div {
  padding: 8px;
  border-top: 0 none;
  text-align: center;
}
.location-view #sn-number-of-results.loading {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 155, 220);
  border-bottom-color: rgb(0, 155, 220);
}
.location-view .sn-mode-button {
  border-bottom: 1px solid #e8e8e8;
}
@media (max-width: 799px) {
  .location-view .sn-mode-button.sn-mode-result {
    border-bottom: none;
  }
}
.location-view .sn-mode-button.sn-mode-map {
  border-left: 1px solid #e8e8e8;
}
.location-view .sn-mode-button a {
  display: block;
}
.location-view .sn-mode-button.sn-mode-active {
  color: rgb(255, 255, 255);
  background-color: rgb(110, 34, 114);
  border-color: rgb(110, 34, 114);
}
.location-view .sn-mode-button.sn-mode-active a {
  color: rgb(255, 255, 255);
}
.location-view #sn-map-container {
  height: 80vh;
}
.location-view #sn-map-container,
.location-view #sn-list-container {
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.location-view #sn-map {
  height: 100%;
}
.location-view #sn-list-container {
  padding: 0 5%;
}
.location-view #sn-list-container .no-results {
  margin-top: 2em;
}

#content.focus > div:nth-last-child(2).location-view {
  margin-bottom: 0;
}

/* --- location filter --- */
.location-search,
.content.theme-page .location-search.element-box {
  margin-bottom: 10px;
}
.location-search .header h2,
.content.theme-page .location-search.element-box .header h2 {
  margin-top: 0;
  margin-bottom: 36px;
}

.location-search-wrapper {
  position: relative;
}
.location-search-wrapper .filterbox {
  margin-top: 24px;
  margin-left: 8px;
}
.location-search-wrapper .location-search-filterbox {
  background-color: rgb(70, 38, 114);
  padding: 24px 4.166667% 24px 4.166667%;
}
@media (min-width: 800px) {
  .location-search-wrapper .location-search-filterbox {
    display: flex;
  }
}
.location-search-wrapper .location-search-filterbox h3 {
  font-size: 1.125rem;
  color: rgb(255, 255, 255);
  line-height: 1.5;
  margin-bottom: 15px;
}
.location-search-wrapper .location-search-filterbox .format-filter {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 1px;
  text-align: left;
  padding: 0;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control {
  width: 100%;
  height: 43px;
  padding: 0;
  margin-bottom: 20px;
  background-color: rgb(255, 255, 255);
  color: #444;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid rgb(255, 255, 255);
  position: relative;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control a {
  color: #444;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: 18px;
  text-align: left;
  padding-top: 8px;
  text-decoration: none;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control a:after {
  content: url("Images/icon-down-black.png");
  position: absolute;
  width: 16px;
  height: 10px;
  right: 50px;
  top: 10px;
  right: 16px;
  top: 8px;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control:hover {
  background-color: rgb(70, 38, 114);
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control:hover a {
  background-color: rgb(70, 38, 114);
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control:hover a:after {
  content: url("Images/icon-down-white.png");
  right: 16px;
  top: 8px;
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control.open a:after {
  content: url("Images/icon-up-black.png");
}
.location-search-wrapper .location-search-filterbox .format-filter .filter-control.open a:hover:after {
  content: url("Images/icon-up-white.png");
}
.location-search-wrapper .location-search-filterbox .filter-location {
  margin-bottom: 48px;
}
.location-search-wrapper .location-search-filterbox .filter-list {
  width: 100%;
  min-height: 100px;
  background-color: #e8e8e8;
  position: absolute;
  top: 44px;
  z-index: 1;
}
.location-search-wrapper .location-search-filterbox .filter-list .col {
  clear: both;
  float: none;
  padding-bottom: 20px;
  padding-top: 20px;
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul {
  padding-left: 0;
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul li {
  width: 100%;
  clear: both;
  float: none;
  text-align: left;
  min-height: auto;
  min-height: unset;
  padding: 0;
  list-style-type: none;
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul li a {
  color: #333333;
  text-decoration: none;
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul li a span {
  font-weight: normal;
  padding: 6px 20px 6px 20px;
  display: block;
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul li:hover {
  background-color: rgb(70, 38, 114);
}
.location-search-wrapper .location-search-filterbox .filter-list .col ul li:hover span {
  color: rgb(255, 255, 255);
}
.location-search-wrapper .background-image {
  display: none;
}
.location-search-wrapper .input-field-location {
  padding: 7px 8px 8px 35px !important;
  color: rgb(68, 68, 68);
  width: 100%;
  height: 43px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background: url("Images/icon-location.png");
  background-size: 14px 19px;
  background-position: center left 8px;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  position: relative;
}
.location-search-wrapper .button-overwrite {
  padding: 8px 24px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  background-color: transparent;
  color: rgb(255, 255, 255);
  border: rgb(255, 255, 255) solid 1px;
}
.location-search-wrapper .button-overwrite:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 38, 114);
  text-decoration: underline;
}
.location-search-wrapper .dropdown-filter {
  background: url("Images/icon-down-white.png") no-repeat;
  background-size: auto;
  display: inline-block;
  background-position: center;
  min-width: 36px;
  min-height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  margin: 0 6px 0 12px;
  padding: 0;
}
.location-search-wrapper .dropdown-filter:checked {
  background-image: url("Images/icon-up-white.png");
}
.location-search-wrapper .label-small-filter {
  color: rgb(255, 255, 255);
  padding: 0;
  margin-bottom: 0 !important;
}
.location-search-wrapper .margin {
  top: 24px;
}
.location-search-wrapper .button-800 {
  display: none;
}
.location-search-wrapper .filter-text {
  margin-bottom: 24px;
}
@media screen and (min-width: 800px) {
  .location-search-wrapper .background-image {
    display: block;
    width: 200px;
    height: 200px;
    font-size: 16px !important;
    background: url("Images/dart.png");
    background-size: 200px 200px;
    background-repeat: no-repeat;
    background-position: left 8px;
    opacity: 0.4;
    z-index: 0;
    position: absolute;
    left: 25.4%;
    top: -5px;
  }
  .location-search-wrapper .filter-location {
    width: 25.1%;
    left: 4.166667%;
    position: absolute;
  }
  .location-search-wrapper .filter-text {
    width: 46%;
    left: 37.475%;
    position: absolute;
  }
  .location-search-wrapper .center-div {
    margin-left: 48px;
    padding-top: 42px;
  }
  .location-search-wrapper .dropdown-label {
    text-align: center;
    padding: 8px 8px 8px 0 !important;
  }
  .location-search-wrapper .button-overwrite {
    visibility: hidden;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border: rgb(255, 255, 255) solid 1px;
  }
  .location-search-wrapper .button-800 {
    padding: 8px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border: rgb(255, 255, 255) solid 1px;
    position: absolute;
    left: 85.627%;
    top: 66px;
    display: block;
  }
  .location-search-wrapper .button-800:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(70, 38, 114);
    text-decoration: underline;
  }
}

/*------------------------- Search --------------------------*/
/* Additional col-X definitions */
@media screen and (min-width: 1025px) {
  .col-md-lg-1, .col-md-lg-2, .col-md-lg-3, .col-md-lg-4, .col-md-lg-5, .col-md-lg-6, .col-md-lg-7, .col-md-lg-8, .col-md-lg-9, .col-md-lg-10, .col-md-lg-11, .col-md-lg-12, .col-md-lg-13, .col-md-lg-14, .col-md-lg-15, .col-md-lg-16, .col-md-lg-17, .col-md-lg-18, .col-md-lg-19, .col-md-lg-20, .col-md-lg-21, .col-md-lg-22, .col-md-lg-23, .col-md-lg-24 {
    float: left;
  }
  .col-md-lg-1 {
    width: 4.1666666667%;
  }
  .col-md-lg-2 {
    width: 8.3333333333%;
  }
  .col-md-lg-3 {
    width: 12.5%;
  }
  .col-md-lg-4 {
    width: 16.6666666667%;
  }
  .col-md-lg-5 {
    width: 20.8333333333%;
  }
  .col-md-lg-6 {
    width: 25%;
  }
  .col-md-lg-7 {
    width: 29.1666666667%;
  }
  .col-md-lg-8 {
    width: 33.3333333333%;
  }
  .col-md-lg-9 {
    width: 37.5%;
  }
  .col-md-lg-10 {
    width: 41.6666666667%;
  }
  .col-md-lg-11 {
    width: 45.8333333333%;
  }
  .col-md-lg-12 {
    width: 50%;
  }
  .col-md-lg-13 {
    width: 54.1666666667%;
  }
  .col-md-lg-14 {
    width: 58.3333333333%;
  }
  .col-md-lg-15 {
    width: 62.5%;
  }
  .col-md-lg-16 {
    width: 66.6666666667%;
  }
  .col-md-lg-17 {
    width: 70.8333333333%;
  }
  .col-md-lg-18 {
    width: 75%;
  }
  .col-md-lg-19 {
    width: 79.1666666667%;
  }
  .col-md-lg-20 {
    width: 83.3333333333%;
  }
  .col-md-lg-21 {
    width: 87.5%;
  }
  .col-md-lg-22 {
    width: 91.6666666667%;
  }
  .col-md-lg-23 {
    width: 95.8333333333%;
  }
  .col-md-lg-24 {
    width: 100%;
  }
  .col-md-lg-offset-0 {
    margin-left: 0%;
  }
  .col-md-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-md-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-md-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-md-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-md-lg-offset-6 {
    margin-left: 25%;
  }
  .col-md-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-md-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-md-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-md-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-md-lg-offset-12 {
    margin-left: 50%;
  }
  .col-md-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-md-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-md-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-md-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-md-lg-offset-18 {
    margin-left: 75%;
  }
  .col-md-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-md-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-md-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-md-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-md-lg-offset-24 {
    margin-left: 100%;
  }
}
.form-control {
  box-shadow: none;
}
.form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgb(80, 37, 114);
}

label {
  margin-bottom: 1em;
}

.dwksearch--plugin label {
  font-size: 18px;
  font-size: 1.125rem;
}

hr {
  border-top-color: #898989;
  margin-bottom: 38px;
  margin-top: 38px;
}

.dwksearch--external-link {
  position: relative;
  padding-left: 1.5em;
}
.dwksearch--external-link:before {
  content: "";
  background-image: url("Images/icon-external-lilac.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.15em;
  position: absolute;
  top: 0.175em;
  left: 0;
}
.dwksearch--external-link:hover:before, .dwksearch--external-link:focus:before {
  background-image: url("Images/icon-external-lilac_hover.png");
}

.dwksearch--internal-link {
  position: relative;
  padding-left: 1.5em;
}
.dwksearch--internal-link:before {
  content: "";
  background-image: url("Images/icon-internal-lilac.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.15em;
  position: absolute;
  top: 0.075em;
  left: 0;
}
.dwksearch--internal-link:hover:before, .dwksearch--internal-link:focus:before {
  background-image: url("Images/icon-internal-lilac_hover.png");
}

.dwksearch--internal-link.white:before {
  background-image: url("Images/icon-internal-white.png");
}
.dwksearch--internal-link.white:hover:before, .dwksearch--internal-link.white:focus:before {
  background-image: url("Images/icon-internal-white_hover.png");
}

.dwksearch--query {
  margin-bottom: 32px;
}
.dwksearch--query .col-search-button {
  padding-left: 24px;
}
.dwksearch--query .col-search-button button .fa-search {
  display: none;
}

.dwksearch--plugin .btn-primary {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}

.dwksearch--portal-select p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  min-height: 3;
  margin-bottom: 0.5em;
}
.dwksearch--portal-select .row:first-child {
  margin-bottom: 20px;
}
.dwksearch--portal-select .row:first-child p {
  margin-bottom: 0;
}

.dwksearch--portal-select--column:nth-child(2) {
  padding-right: 24px;
}
.dwksearch--portal-select--column:nth-child(3) {
  padding-left: 24px;
}

.dwksearch--portal-select--link {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

a.dwksearch--portal-select--link,
button.dwksearch--portal-select--link {
  background: transparent;
  border: none;
  color: rgb(80, 37, 114);
  text-decoration: none;
  font-weight: bold;
}
a.dwksearch--portal-select--link:hover, a.dwksearch--portal-select--link:focus,
button.dwksearch--portal-select--link:hover,
button.dwksearch--portal-select--link:focus {
  text-decoration: underline;
}

.dwksearch--sort p {
  margin-bottom: 24px;
}
.dwksearch--sort button {
  padding-left: 2em;
  margin-left: 1em;
  background: transparent;
  border: none;
  font-weight: bold;
  font-size: 1em;
  position: relative;
}
.dwksearch--sort button:before {
  content: "";
  display: inline-block;
  width: 0.83em;
  height: 0.83em;
  border: 2px solid white;
  box-shadow: 0 0 0 2px rgb(70, 38, 114);
  border-radius: 50%;
  position: absolute;
  left: 0.5em;
  top: 0.3em;
}
.dwksearch--sort button.active:before {
  background-color: rgb(70, 38, 114);
}
.dwksearch--sort button:hover, .dwksearch--sort button:focus {
  outline: 0;
  text-decoration: underline;
}
.dwksearch--sort button:hover:before, .dwksearch--sort button:focus:before {
  box-shadow: 0 0 2px 3px rgb(70, 38, 114);
}
.dwksearch--sort button[disabled]:hover, .dwksearch--sort button[disabled]:focus {
  text-decoration: none;
}
.dwksearch--sort button[disabled]:hover:before, .dwksearch--sort button[disabled]:focus:before {
  box-shadow: 0 0 0 2px rgb(70, 38, 114);
}

.dwksearch--filter li button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.dwksearch--filter li button:hover, .dwksearch--filter li button:focus {
  background-color: rgb(46, 38, 114);
  color: white;
}
.dwksearch--filter .active {
  background-color: rgb(70, 38, 114);
  color: white;
}

.dwksearch--filter-type h4, .dwksearch--filter-type h3 {
  padding-left: 2.08333vw;
}
.dwksearch--filter-type li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
.dwksearch--filter-type li span {
  font-weight: bold;
}
.dwksearch--filter-type li button:hover span,
.dwksearch--filter-type li button:active span {
  text-decoration: underline;
}
.dwksearch--filter-type li.active, .dwksearch--filter-type li button {
  padding: 1em 0 1em 2.08333vw;
}

.dwksearch--filter-dropdowns {
  margin-bottom: 38px;
}
.dwksearch--filter-dropdowns .btn-primary {
  padding-left: 1em;
  padding-right: 1em;
}
.dwksearch--filter-dropdowns .btn-primary span {
  position: relative;
}
.dwksearch--filter-dropdowns .btn-primary span.caret {
  position: absolute;
  right: -2px;
  width: auto;
  height: auto;
  color: white;
  font-size: 1em;
  border: none;
  top: 1px;
}
.dwksearch--filter-dropdowns .btn-primary span.caret::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "diakonie_baukasten" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  display: inline-block;
}
.dwksearch--filter-dropdowns .btn-primary:focus .caret::before, .dwksearch--filter-dropdowns .btn-primary:hover .caret::before {
  color: #502572;
}
.dwksearch--filter-dropdowns .open span.caret::before {
  transform: rotate(180deg);
}
.dwksearch--filter-dropdowns .dropdown-menu {
  width: 100%;
  background-color: #e2e2e2;
  padding-top: 1em;
  padding-bottom: 1em;
}
.dwksearch--filter-dropdowns .dropdown-menu li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0.1em;
  font-weight: bold;
  margin-top: 1em;
}
.dwksearch--filter-dropdowns .dropdown-menu li.active, .dwksearch--filter-dropdowns .dropdown-menu button {
  padding: 0.3em 1em;
}
.dwksearch--filter-dropdowns .dropdown-menu li.dwksearch--child-category {
  font-weight: normal;
  margin-top: 0;
}

.dwksearch--current-filter strong {
  font-size: 18px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2em;
}
.dwksearch--current-filter form {
  display: inline-block;
  vertical-align: middle;
}
.dwksearch--current-filter form > div {
  display: none;
}

.dwksearch--result-container {
  margin-bottom: 4.1666666667vw;
}
@media (min-width: 1440px) {
  .dwksearch--result-container {
    margin-bottom: 60px;
  }
}
@media (max-width: 799.8px) {
  .dwksearch--result-container {
    margin-bottom: 30px;
  }
}
.dwksearch--result-container a {
  color: rgb(80, 37, 114);
  text-decoration: none;
}
.dwksearch--result-container a:hover, .dwksearch--result-container a:focus {
  text-decoration: underline;
}
.dwksearch--result-container .dwksearch--result--header {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 1.1em;
}
.dwksearch--result-container .dwksearch--result--header span.date, .dwksearch--result-container .dwksearch--result--header ul, .dwksearch--result-container .dwksearch--result--header li {
  display: inline-block;
}
.dwksearch--result-container .dwksearch--result--header ul {
  padding-left: 0;
  margin-bottom: 0;
  font-weight: bold;
}
.dwksearch--result-container .dwksearch--result--header li {
  margin-left: 1em;
}
.dwksearch--result-container .dwksearch--result--header ul:first-child li:first-child {
  margin-left: 0;
}
.dwksearch--result-container h4 {
  font-size: 24px;
  line-height: 1.333333;
  margin-bottom: 13px;
  font-weight: bold;
  hyphens: auto;
}
.dwksearch--result-container p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 13px;
}
.dwksearch--result-container em {
  display: inline;
  position: relative;
  font-style: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #e8e8e8;
}
.dwksearch--result-container em:after, .dwksearch--result-container em:before {
  content: " ";
  display: inline;
}
.dwksearch--result-container a:hover em,
.dwksearch--result-container a:focus em {
  text-decoration: underline;
}

.dwksearch--result-focus {
  background: rgb(90, 37, 114);
  color: white;
}
.dwksearch--result-focus p {
  color: white;
}
.dwksearch--result-focus a {
  color: white;
}
.dwksearch--result-focus a:hover, .dwksearch--result-focus a:focus {
  color: white;
}
.dwksearch--result-focus .media-left {
  padding-right: 0;
  width: 38.095%;
  height: 204px;
  background-size: cover;
}
.dwksearch--result-focus .media-body {
  padding: 40px 4.1666666667vw;
  width: 61.904%;
}
.dwksearch--result-focus img {
  width: 16.6666666667vw;
  min-width: 240px;
}

#dwkSearch_more {
  text-align: center;
}
#dwkSearch_more button {
  padding: 13px 25px;
}

#search {
  text-align: right;
}

#search > button {
  display: none;
  border: none;
  background: transparent;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: rgb(80, 37, 114);
  padding: 0;
  margin-top: 10px;
  margin-right: 10px;
}
#search > button:hover, #search > button:focus {
  text-decoration: underline;
}
#search > button .fa-search {
  padding-right: 10px;
  font-size: 1.375rem;
  color: #000;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
#search > button .fa-search:before {
  position: relative;
  top: 2px;
}
#search > button .fa-close {
  display: none;
  background-color: #083a81;
  border-radius: 50%;
  color: white;
  margin-right: 10px;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 1.95rem;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

#search.dwksearch--mini--initialized > button {
  display: inline-block;
}

#search.dwksearch--mini--initialized > a {
  display: none;
}

.dwksearch--mini form {
  position: relative;
  display: none;
}

.dwksearch--mini input {
  display: inline-block;
}

#dwkSearch_mini {
  padding-right: 1.8px;
  padding-bottom: 2px;
}

#search.dwksearch--mini--active form {
  display: block;
}
#search.dwksearch--mini--active > button {
  display: none;
}

.fix-header .service .search.dwksearch--mini--active {
  padding-right: 0;
  margin-bottom: -16px;
  position: relative;
  top: -6px;
}

.dwksearch--mini--submit {
  position: absolute;
  height: 39px;
  width: 39px;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  padding: 0;
  font-size: 1.3rem;
}

.dwksearch--mini .ui-front {
  text-align: left;
  position: relative;
  display: inline-block;
}
.dwksearch--mini .ui-front ul {
  display: block;
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-autocomplete {
  background-color: #e2e2e2;
}
.ui-autocomplete li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 0.3em 1em;
  cursor: pointer;
}
.ui-autocomplete .ui-state-active {
  background-color: rgb(46, 38, 114);
  color: white;
}

@media (min-width: 540px) {
  #search > button {
    margin-right: 20px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
  .dwksearch--col-results {
    padding-right: 20px;
  }
}
@media screen and (max-width: 799px) {
  hr {
    margin: 20px 0;
  }
  .dwksearch--plugin {
    padding: 0 10px;
  }
  .dwksearch--plugin h1 {
    font-size: 2.625rem;
    line-height: 3rem;
    margin-top: 0;
    margin-bottom: 18px;
  }
  .dwksearch--query .col-search-button {
    padding-left: 12px;
  }
  .dwksearch--current-filter strong {
    font-size: 18px;
    line-height: 21px;
  }
  .dwksearch--filter-dropdowns {
    margin-bottom: 20px;
  }
  .dwksearch--filter-dropdowns .dropdown-menu {
    padding: 0.5em 0;
  }
  .dwksearch--filter-dropdowns .btn-primary {
    font-size: 16px;
    line-height: 24px;
  }
  .dwksearch--filter-dropdowns .dropdown-menu li {
    font-size: 16px;
    line-height: 21px;
    margin-top: 0.5em;
  }
  .dwksearch--result-focus .media-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .dwksearch--result-container {
    margin-bottom: 30px;
  }
  .dwksearch--result-container h4 {
    font-size: 21px;
    line-height: 28px;
  }
  .dwksearch--result-container .dwksearch--result--header {
    margin-bottom: 0.7em;
  }
  .dwksearch--result-container .dwksearch--result--header ul, .dwksearch--result-container .dwksearch--result--header li {
    display: inline;
  }
}
@media (max-width: 640px) {
  .dwksearch--result-focus .media-left {
    display: none;
  }
  .dwksearch--result-container p,
  .dwksearch--result-container h4 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .dwksearch--portal-select .row:first-child {
    margin-bottom: 20px;
  }
  .dwksearch--portal-select .dwksearch--portal-select--column {
    padding: 0;
  }
  .dwksearch--portal-select .dwksearch--portal-select--column + .dwksearch--portal-select--column {
    margin-top: 1em;
  }
  .dwksearch--portal-select p {
    min-height: initial;
    margin-bottom: 16px;
  }
  .dwksearch--portal-select .col-xs-12 {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .fix-header .col-xs-18.col-sm17,
  .xxs-col-search {
    position: static;
  }
  #search.dwksearch--mini--active > button {
    display: inline-block;
  }
  .dwksearch--mini--active #dwkSearch_mini {
    position: absolute;
    width: 100vw;
    right: 0;
    top: 110%;
    padding: 2vw;
    background-color: white;
    box-shadow: 2px 0 0 2px white;
  }
  #search.dwksearch--mini--active > button .fa-search {
    display: none;
  }
  #search.dwksearch--mini--active > button .fa-close {
    display: inline-block;
  }
  .dwksearch--mini .ui-front {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .dwksearch--result-container .dwksearch--result--header li.dwksearch--result--category {
    display: none;
  }
  .dwksearch--query .row {
    position: relative;
  }
  .dwksearch--query .ui-form {
    width: 100%;
  }
  .dwksearch--query .col-search-button {
    position: absolute;
    right: 0;
    width: auto;
    padding: 5px;
  }
  .dwksearch--query .col-search-button button {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px;
    line-height: 24px;
  }
  .dwksearch--query .col-search-button button span {
    font-size: 0;
  }
  .dwksearch--query .col-search-button button .fa-search {
    display: inline;
  }
  .dwksearch--sort p {
    font-size: 1em;
  }
  .dwksearch--sort p span {
    display: block;
  }
  .dwksearch--sort p button::before {
    top: 0.4em;
  }
  .dwksearch--sort p button:first-of-type {
    margin-left: 0;
  }
  .dwksearch--plugin .btn-primary {
    font-size: 15px;
    line-height: 16px;
  }
}
/*------------ new menu & header 2017-07 --------------------*/
#skip-link a:focus {
  outline-offset: -2px;
}

.fix-header {
  height: 75px;
}

.fix-header > .fix-header-content {
  position: fixed;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  height: 75px;
  background: #fff;
  border-bottom: 1px solid black;
  left: 0;
  top: 0;
}

@media (min-width: 800px) {
  .fix-header {
    height: 116px;
  }
  .fix-header > .fix-header-content {
    height: 116px;
    left: auto;
  }
}
.fix-header .service .language nav ul li {
  margin-bottom: 0;
  line-height: 1;
}

.fix-header .service .language nav ul li .icon::before {
  top: 5px;
}

.service-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.service-navigation li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}

.service-navigation a {
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  position: relative;
}
.service-navigation a:focus {
  outline-offset: -2px;
}

.service-navigation li:last-child a {
  padding-right: 0;
}

.service-navigation .icon {
  position: relative;
}

.service-navigation .icon:before {
  position: absolute;
  top: 0;
  left: -24px;
}

.oc-menu--meta-nav .icon:before {
  margin-right: 10px;
}

.service-navigation li.lang-selector {
  margin-left: 10px;
}

.service-navigation .simple,
.service-navigation .sign {
  margin-left: 40px;
}

.oc-menu--meta-nav .simple .icon:before,
.service-navigation .simple .icon:before {
  content: url("Images/icon-simple.png");
}

.oc-menu--meta-nav .sign .icon:before,
.service-navigation .sign .icon:before {
  content: url("Images/icon-sign.png");
}

.service-navigation .search-link {
  margin-left: 10px;
  padding-right: 10px;
}

.oc-menu--meta-nav .search-link .icon:after,
.service-navigation .search-link .icon:after {
  content: "";
  background-image: url("Images/icon-search-new.svg");
  background-size: auto 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: 3px;
}

.oc-menu--meta-nav .search-link .icon:after {
  position: relative;
  top: 3px;
}

.service-navigation .search-link.active {
  /*background-color: $color-light-grey;*/
}

.service-navigation .search-link.active .icon:after {
  background-image: url("Images/icon-new-search-close.svg");
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center;
}

.service-navigation .icon-carret:after {
  content: url("Images/icon-select-down-lilac.png");
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.oc-menu--meta-nav .lang-selector .icon-carret:after {
  background-image: url("Images/icon-select-down-lilac.png");
  background-position: center;
  top: -1px;
}

.service-navigation .dropdown-toggle {
  padding-left: 14px;
  padding-right: 10px;
}

.oc-menu--meta-nav .lang-selector.open > a:hover,
.oc-menu--meta-nav .lang-selector.open > a:focus {
  border-left-color: transparent;
}

.oc-menu--meta-nav .dropdown-toggle[aria-expanded=true] .icon-carret:after {
  background-image: url("Images/icon-select-up-lilac.png");
  background-position: center;
}

.service-navigation .dropdown-toggle[aria-expanded=true] .icon-carret:after {
  content: url("Images/icon-select-up-lilac.png");
}

.oc-menu--meta-nav .lang-selector .dropdown-menu,
.service-navigation .dropdown-menu {
  text-align: left;
  background-color: #e8e8e8;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  box-shadow: none;
}

.oc-menu--meta-nav .lang-selector .dropdown-menu {
  padding-top: 0;
  margin-bottom: 10px;
}

.service-navigation .dropdown-menu li {
  display: block;
  margin-left: 0;
}

.service-navigation .dropdown-menu > li > a {
  color: rgb(80, 37, 114);
  padding: 8px 25px 8px 42px;
  display: block;
}

.service-navigation .dropdown-menu > li > a:focus,
.service-navigation .dropdown-menu > li > a:hover {
  background: white;
}

.service-navigation .dropdown-menu li.active > a {
  background: transparent;
  color: #000;
}

.service-navigation .dropdown-menu li.active > a:focus,
.service-navigation .dropdown-menu li.active > a:hover {
  background: white;
}

.service-navigation .dropdown-menu li.active a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
  left: 10px;
  background: url("Images/icon-dropdown-active.png") no-repeat 0 0 transparent;
}

.oc-menu--meta-nav .dropdown-menu li.active a {
  color: #000;
}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li a:hover,
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li a:focus {
  background-color: white;
  color: currentColor;
}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li.active a:hover,
.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li li.active a:focus {
  background-color: transparent;
  color: #000;
}

.oc-menu--meta-nav .lang-selector a.dropdown-toggle {
  background-image: none;
}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav ul li a {
  padding-left: calc(7.5% - 10px);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.oc-menu .oc-menu--level-wrap[data-level="0"] .oc-menu--meta-nav .lang-selector ul li a {
  padding-left: calc(7.5% + 15px);
}

.oc-menu--meta-nav .lang-selector .dropdown-menu .active {
  background-image: url("Images/icon-dropdown-active.png");
  background-position: 7.6% center;
}

.portal-header {
  background-color: rgb(90, 37, 114);
  display: flex;
}

[data-color-scheme=info] .portal-header {
  background-color: rgb(90, 37, 114);
}

[data-color-scheme=hilfe] .portal-header {
  background-color: rgb(110, 34, 114);
}

[data-color-scheme=karriere] .portal-header {
  background-color: rgb(46, 38, 114);
}

.portal-header--logo {
  background-color: rgb(90, 37, 114);
  max-height: 82px;
  width: auto;
  display: inline-block;
  padding: 20px 4.16666666%;
}

.portal-header--logo a {
  display: block;
}
.portal-header--logo a:focus {
  outline-color: #fff;
  outline-offset: 0.4em;
}

.portal-header--logo img {
  max-height: 42px;
  width: auto;
}

.portal-header--name {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  padding: 20px;
  padding-left: 4.1666666%;
  display: inline-block;
}
.portal-header--name a {
  color: #fff;
}

.portal-header--menu-links {
  margin: 0 4.166667%;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.portal-header--menu-links li {
  color: white;
}
.portal-header--menu-links a {
  color: white;
  font-size: 18px;
  font-weight: bold;
}
.portal-header--menu-links a:hover, .portal-header--menu-links a:focus {
  text-decoration: none;
}
.portal-header--menu-links a:hover span, .portal-header--menu-links a:focus span {
  text-decoration: underline;
}
.portal-header--menu-links i {
  margin-right: 0.5em;
  position: relative;
  font-size: 1.2em;
  top: 0.14em;
}
.portal-header--menu-links li + li {
  margin-left: 4.16667vw;
}
@media (min-width: 1440px) {
  .portal-header--menu-links li + li {
    margin-left: 3.75rem;
  }
}
@media (max-width: 767px) {
  .portal-header--menu-links {
    display: none;
  }
}

.portal-header .oc-menu--link button i.fa,
.portal-header .oc-menu--link {
  color: white;
}

.portal-header--menu {
  padding: 20px;
  padding-right: 4.166666666%;
  margin-left: auto;
  margin-right: 0;
}

.portal-header .oc-menu--link {
  margin: 0;
  position: relative;
}

.portal-header .oc-menu--link > a {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.portal-header .oc-menu--link a,
.portal-header .oc-menu--link button {
  line-height: 42px;
}

.oc-menu--link a i.fa,
.oc-menu--link button i.fa {
  top: 0;
  margin-right: 0;
  margin-left: 10px;
}

.oc-menu--link a i.fa:before {
  top: 0;
  position: relative;
}

.oc-menu--link button i.fa::before {
  top: 2px;
  position: relative;
}

.oc-menu--link button.oc-menu--close i.fa {
  display: none;
}

.oc-menu--link button.oc-menu--close:after {
  content: "";
  background-image: url("Images/icon-new-menu-close.svg");
  background-repeat: no-repeat;
  background-size: auto 18px;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 35px;
  height: 42px;
  margin-left: 7px;
}

.portal-header[data-layout=right] .portal-header--logo {
  order: 2;
  margin-left: auto;
}
@media (max-width: 767px) {
  .portal-header[data-layout=right] .portal-header--logo {
    margin-left: 0;
    margin-right: auto;
  }
}
.portal-header[data-layout=right] .portal-header--menu {
  order: 3;
  margin-left: 0;
}

body[data-layout=pagets__startseite] .portal-header[data-layout=right] .portal-header--menu {
  display: none;
}

@media (max-width: 799px) {
  .service-row {
    display: none;
  }
  .portal-header--logo {
    max-height: 75px;
  }
  .portal-header--logo img {
    max-height: 35px;
  }
  .portal-header--name {
    font-size: 18px;
    line-height: 34px;
  }
  .portal-header .oc-menu--link a,
  .portal-header .oc-menu--link button {
    font-size: 18px;
    line-height: 34px;
  }
  .oc-menu--link button.oc-menu--close:after {
    height: 35px;
  }
}
@media (max-width: 400px) {
  .fix-header {
    height: 60px;
  }
  .fix-header > .fix-header-content {
    height: 60px;
  }
  .portal-header--logo {
    max-height: 60px;
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .portal-header--logo img {
    max-height: 25px;
  }
  .portal-header--name {
    font-size: 14px;
    line-height: 40px;
    padding: 10px;
  }
  .portal-header .oc-menu--link a,
  .portal-header .oc-menu--link button {
    line-height: 40px;
    font-size: 14px;
  }
  .oc-menu--link a i.fa {
    font-size: 18px;
    margin-left: 3px;
  }
  .oc-menu--link button i.fa {
    font-size: 18px;
    margin-left: 0;
  }
  .oc-menu--link a i.fa::before {
    top: 2px;
  }
  .oc-menu--link button i.fa::before {
    top: 7px;
  }
  .portal-header--menu {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .oc-menu--link button.oc-menu--close:after {
    width: 32px;
    height: 40px;
    margin-left: 0;
    background-size: auto 16px;
  }
}
.oc-menu {
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  transition: background-color 0.3s linear 0s;
  top: 116px;
}

@media (max-width: 799px) {
  .oc-menu {
    top: 75px;
  }
}
@media (max-width: 400px) {
  .oc-menu {
    top: 60px;
  }
}
.oc-menu.hidden {
  display: none;
  background-color: transparent;
  overflow: hidden;
}

@supports (pointer-events: none) {
  .oc-menu.hidden {
    display: block !important;
    pointer-events: none;
  }
}
.oc-menu--column-wrap {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0%;
  /* both because IE */
  min-height: auto;
  min-height: unset;
  transition: left 0.3s ease-in-out 0s;
}

@media (max-width: 480px) {
  .oc-menu--column-wrap {
    min-height: 660px;
  }
}
.oc-menu.hidden .oc-menu--column-wrap {
  left: 100vw !important;
}

@media (min-width: 1440px) {
  .oc-menu.hidden .oc-menu--column-wrap {
    left: 1440px !important;
  }
}
.oc-menu--level-wrap {
  background-color: white;
  min-height: 560px;
}

.oc-menu--level-wrap[data-level=portals] {
  display: none;
  padding-top: 0;
  flex-direction: column;
}

.oc-menu--level-wrap[data-level=portals] > * {
  padding: 45px 25% 30px 45px;
}

.oc-menu--level-wrap[data-level=portals] a {
  position: relative;
}

.oc-menu--level-wrap[data-level=portals] a h3:after {
  content: url("Images/icon-new-external-white.svg");
  display: block;
  position: absolute;
  top: calc(50% - 1.3rem);
  right: 8.16666%;
  width: 2.6rem;
  height: 2.6rem;
}

.oc-menu--level-wrap[data-level=portals] a:hover,
.oc-menu--level-wrap[data-level=portals] a:focus {
  text-decoration: none;
}

.oc-menu--level-wrap[data-level=portals] .oc-menu--external-link,
.oc-menu--level-wrap[data-level=portals] .oc-menu--external-link {
  display: block;
}

.oc-menu--level-wrap[data-level=portals] a:hover h3,
.oc-menu--level-wrap[data-level=portals] a:focus h3 {
  text-decoration: underline;
}

.oc-menu--level-wrap[data-level=portals] a:hover h3:after,
.oc-menu--level-wrap[data-level=portals] a:focus h3:after {
  content: url("Images/icon-new-external-white_hover.svg");
}

.oc-menu--level-wrap[data-level=portals] a:hover .oc-menu--external-link:before,
.oc-menu--level-wrap[data-level=portals] a:focus .oc-menu--external-link:before {
  background-image: url("Images/icon-external-white_hover.png");
}

.oc-menu--portal-links {
  margin-bottom: 0px;
}

.oc-menu--portal-links > a {
  width: 50%;
  display: inline-block;
  padding: 25px 3%;
  font-size: 14px;
  min-height: 100%;
  vertical-align: top;
  position: relative;
}

.oc-menu--portal-links > a h3:after {
  content: url("Images/icon-new-external-white.svg");
  display: block;
  position: absolute;
  top: calc(50% - 1rem);
  right: 6%;
  width: 2rem;
  height: 2rem;
}

.oc-menu--portal-links > a:hover h3,
.oc-menu--portal-links > a:focus h3 {
  text-decoration: underline;
}

.oc-menu--portal-links > a:focus h3:after,
.oc-menu--portal-links > a:hover h3:after {
  content: url("Images/icon-new-external-white_hover.svg");
}

.oc-menu--portal-links > a > span.oc-menu--external-link {
  display: none;
}

@media (min-width: 769px) {
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    /* both because IE */
    min-height: auto;
    min-height: unset;
    padding: 20px 12.5%;
    padding-right: 16.6666666%;
  }
  .oc-menu--portal-links > a > h3 {
    margin-bottom: 5px;
  }
}
@media (max-width: 479px) {
  .oc-menu--portal-links > a {
    display: block;
    width: 100%;
    /* both because IE */
    min-height: auto;
    min-height: unset;
    padding: 15px;
    padding-left: 7.5%;
  }
  .oc-menu--portal-links > a > h3 {
    margin-bottom: 5px;
  }
}
.oc-menu--level-wrap[data-level] {
  padding-top: 0px;
}

.oc-menu .oc-menu--level-wrap[data-level="2"] li > span,
.oc-menu .oc-menu--level-wrap[data-level="2"] button,
.oc-menu .oc-menu--level-wrap[data-level="2"] ul a,
.oc-menu .oc-menu--level-wrap[data-level="1"] li > span,
.oc-menu .oc-menu--level-wrap[data-level="1"] button,
.oc-menu .oc-menu--level-wrap[data-level="1"] ul a,
.oc-menu li > span,
.oc-menu button,
.oc-menu ul a {
  font-size: 18px;
}

.oc-menu li > span,
.oc-menu button,
.oc-menu ul a {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}

@media (max-width: 480px) {
  .oc-menu li > span,
  .oc-menu button,
  .oc-menu ul a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
.oc-menu button {
  background-size: auto 16px;
}

.oc-menu button,
.oc-menu ul a {
  font-weight: bold;
}

.oc-menu button:focus,
.oc-menu ul a:focus,
.oc-menu button:hover,
.oc-menu ul a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .oc-menu[data-current-level="0"],
  .oc-menu[data-current-level="1"],
  .oc-menu[data-current-level="2"],
  .oc-menu[data-current-level="3"] {
    margin-left: 0;
  }
  .oc-menu:not(.hidden)[data-current-level="1"] .oc-menu--column-wrap {
    left: -100vw;
  }
  .oc-menu:not(.hidden)[data-current-level="2"] .oc-menu--column-wrap {
    left: -200vw;
  }
  .oc-menu:not(.hidden)[data-current-level="3"] .oc-menu--column-wrap {
    left: -300vw;
  }
  .oc-menu[data-depth="4"] {
    width: 400vw;
  }
}
@media (min-width: 769px) {
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    left: 66.6666666667vw;
  }
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    left: 33.3333333333vw;
  }
  .oc-menu[data-current-level="2"] .oc-menu--column-wrap {
    left: 0;
  }
  .oc-menu[data-current-level="3"] .oc-menu--column-wrap {
    left: -33.3333333333vw;
  }
  .oc-menu--level-wrap {
    width: 33.3333333333%;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .oc-menu[data-depth="4"] {
    width: 133.333333%;
  }
}
@media (min-width: 1200px) {
  .oc-menu--portal-links {
    display: none;
  }
  .oc-menu--level-wrap[data-level=portals] {
    display: flex;
  }
  .oc-menu--level-wrap[data-level=portals] > * {
    flex: 1 0 10%;
    height: 33.333333%;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="1"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    left: 50vw;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="2"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    left: 25vw;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="3"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="2"] .oc-menu--column-wrap {
    left: 0;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="0"] .oc-menu--column-wrap {
    left: 75vw;
  }
  .oc-menu--level-wrap {
    width: 25%;
  }
}
@media (min-width: 1440px) {
  .oc-menu[data-has-portal-links=false][data-current-level="1"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="0"] .oc-menu--column-wrap {
    left: 720px;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="2"] .oc-menu--column-wrap,
  .oc-menu[data-current-level="1"] .oc-menu--column-wrap {
    left: 360px;
  }
  .oc-menu[data-has-portal-links=false][data-current-level="0"] .oc-menu--column-wrap {
    left: 1080px;
  }
}
.dwksearch--mini {
  position: relative;
  display: block;
}

.dwksearch--mini .dwksearch--mini-wrap form {
  display: block;
}

.dwksearch--mini-wrap {
  overflow: hidden;
  height: 0;
  width: 47vw;
  max-width: 676px;
  transition: height 0.3s ease-in-out 0s;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 10;
  background-color: rgb(90, 37, 114);
}

.dwksearch--mini--overflow .dwksearch--mini-wrap {
  overflow: visible;
}

[data-color-scheme=hilfe] .dwksearch--mini-wrap {
  background-color: rgb(110, 34, 114);
}

[data-color-scheme=karriere] .dwksearch--mini-wrap {
  background-color: rgb(46, 38, 114);
}

[data-color-scheme=info] .dwksearch--mini input:focus {
  border-color: rgb(0, 155, 220);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgb(0, 155, 220);
}

[data-color-scheme=karriere] .dwksearch--mini input:focus {
  border-color: rgb(0, 155, 220);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgb(0, 155, 220);
}

[data-color-scheme=hilfe] .dwksearch--mini input:focus {
  border-color: rgb(0, 155, 220);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgb(0, 155, 220);
}

#dwkSearch_mini {
  margin-top: 16px;
  margin-bottom: 16px;
  position: absolute;
  bottom: 0;
  width: calc(100% - 4.166666vw);
}

.dwksearch--mini--active .dwksearch--mini-wrap {
  height: 82px;
}

.dwksearch--mini .ui-front {
  width: 95.83333333%;
}

@media (min-width: 1440px) {
  #dwkSearch_mini {
    width: calc(100% - 60px);
  }
}
@media (max-width: 799px) {
  .dwksearch--mini--active .dwksearch--mini-wrap {
    display: none;
  }
}
/** ===== fixes for IE 10 ===== **/
@media (min-width: 1200px) {
  .oc-menu--ie11 .oc-menu--level-wrap[data-level=portals] {
    display: block;
    position: relative;
  }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level=portals] > * {
    flex: none;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 33.333333%;
  }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level=portals] > *:nth-child(2) {
    top: 33.333333%;
  }
  .oc-menu--ie11 .oc-menu--level-wrap[data-level=portals] > *:nth-child(3) {
    top: 66.6666666%;
  }
}
/* //////////////// color scheme infoportal //////////////// */
[data-color-scheme=info] .oc-menu {
  color: rgb(90, 37, 114);
}

[data-color-scheme=info] .oc-menu .oc-menu--level-wrap[data-level=portals] a {
  color: white;
}

[data-color-scheme=info] .oc-menu--portal-links > a:nth-child(1),
[data-color-scheme=info] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(2) {
  background-color: rgb(110, 34, 114);
}

[data-color-scheme=info] .oc-menu--portal-links > a:nth-child(2),
[data-color-scheme=info] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(3) {
  background-color: rgb(46, 38, 114);
}

[data-color-scheme=info] .oc-menu .oc-menu--level-wrap[data-level] {
  background-color: white;
}

[data-color-scheme=info] .oc-menu li > span,
[data-color-scheme=info] .oc-menu button,
[data-color-scheme=info] .oc-menu ul a {
  color: rgb(90, 37, 114);
}

[data-color-scheme=info] .oc-menu button:hover,
[data-color-scheme=info] .oc-menu button:focus,
[data-color-scheme=info] .oc-menu ul a:hover,
[data-color-scheme=info] .oc-menu ul a:focus {
  border-left-color: rgb(90, 37, 114);
  border-left-color: transparent;
}

[data-color-scheme=info] .oc-menu button:not(.oc-menu--close-level):after {
  background-image: url("Images/arrow_right_violet_1.svg");
}

[data-color-scheme=info] .oc-menu .oc-menu--close-level::before {
  content: url("Images/arrow_right_violet_1.svg");
}

[data-color-scheme=info] .oc-menu button[aria-selected=true] {
  background-color: rgb(90, 37, 114);
  color: white;
  transition-property: background, color;
}

[data-color-scheme=info] .oc-menu button:not(.oc-menu--close-level)[aria-selected=true]:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=info] .oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: rgb(90, 37, 114);
  color: white;
}

[data-color-scheme=info] .oc-menu span.oc-menu--root-line,
[data-color-scheme=info] .oc-menu button.oc-menu--root-line,
[data-color-scheme=info] .oc-menu ul a.oc-menu--root-line {
  background-color: rgb(144, 88, 160);
  color: white;
}

[data-color-scheme=info] .oc-menu button.oc-menu--root-line:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=info] .oc-menu button.oc-menu--root-line[aria-selected=true] {
  background-color: rgb(90, 37, 114);
}

/* //////////////////////// */
/* //////////////// color scheme hilfeportal //////////////// */
[data-color-scheme=hilfe] .oc-menu {
  color: rgb(110, 34, 114);
}

[data-color-scheme=hilfe] .oc-menu .oc-menu--level-wrap[data-level=portals] a {
  color: white;
}

[data-color-scheme=hilfe] .oc-menu--portal-links > a:nth-child(1),
[data-color-scheme=hilfe] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(2) {
  background-color: rgb(90, 37, 114);
}

[data-color-scheme=hilfe].oc-menu--portal-links > a:nth-child(2),
[data-color-scheme=hilfe] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(3) {
  background-color: rgb(46, 38, 114);
}

[data-color-scheme=hilfe] .oc-menu .oc-menu--level-wrap[data-level] {
  background-color: white;
}

[data-color-scheme=hilfe] .oc-menu li > span,
[data-color-scheme=hilfe] .oc-menu button,
[data-color-scheme=hilfe] .oc-menu ul a {
  color: rgb(110, 34, 114);
}

[data-color-scheme=hilfe] .oc-menu button:hover,
[data-color-scheme=hilfe] .oc-menu button:focus,
[data-color-scheme=hilfe] .oc-menu ul a:hover,
[data-color-scheme=hilfe] .oc-menu ul a:focus {
  border-left-color: rgb(110, 34, 114);
  border-left-color: transparent;
}

[data-color-scheme=hilfe] .oc-menu button:not(.oc-menu--close-level):after {
  background-image: url("Images/arrow_right_violet_4.svg");
}

[data-color-scheme=hilfe] .oc-menu .oc-menu--close-level::before {
  content: url("Images/arrow_right_violet_4.svg");
}

[data-color-scheme=hilfe] .oc-menu button[aria-selected=true] {
  background-color: rgb(110, 34, 114);
  color: white;
  transition-property: background, color;
}

[data-color-scheme=hilfe] .oc-menu button:not(.oc-menu--close-level)[aria-selected=true]:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=hilfe] .oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: rgb(110, 34, 114);
  color: white;
}

[data-color-scheme=hilfe] .oc-menu span.oc-menu--root-line,
[data-color-scheme=hilfe] .oc-menu button.oc-menu--root-line,
[data-color-scheme=hilfe] .oc-menu ul a.oc-menu--root-line {
  background-color: rgb(162, 94, 160);
  color: white;
}

[data-color-scheme=hilfe] .oc-menu button.oc-menu--root-line:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=hilfe] .oc-menu button.oc-menu--root-line[aria-selected=true] {
  background-color: rgb(110, 34, 114);
}

/* //////////////////////// */
/* //////////////// color scheme karriereportal //////////////// */
[data-color-scheme=karriere] .oc-menu {
  color: rgb(46, 38, 114);
}

[data-color-scheme=karriere] .oc-menu .oc-menu--level-wrap[data-level=portals] a {
  color: white;
}

[data-color-scheme=karriere] .oc-menu--portal-links > a:nth-child(1),
[data-color-scheme=karriere] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(2) {
  background-color: rgb(90, 37, 114);
}

[data-color-scheme=karriere] .oc-menu--portal-links > a:nth-child(2),
[data-color-scheme=karriere] .oc-menu .oc-menu--level-wrap[data-level=portals] a:nth-child(3) {
  background-color: rgb(110, 34, 114);
}

[data-color-scheme=karriere] .oc-menu .oc-menu--level-wrap[data-level] {
  background-color: white;
}

[data-color-scheme=karriere] .oc-menu li > span,
[data-color-scheme=karriere] .oc-menu button,
[data-color-scheme=karriere] .oc-menu ul a {
  color: rgb(46, 38, 114);
}

[data-color-scheme=karriere] .oc-menu button:hover,
[data-color-scheme=karriere] .oc-menu button:focus,
[data-color-scheme=karriere] .oc-menu ul a:hover,
[data-color-scheme=karriere] .oc-menu ul a:focus {
  border-left-color: rgb(46, 38, 114);
  border-left-color: transparent;
}

[data-color-scheme=karriere] .oc-menu button:not(.oc-menu--close-level):after {
  background-image: url("Images/arrow_right_violet_2.svg");
}

[data-color-scheme=karriere] .oc-menu .oc-menu--close-level::before {
  content: url("Images/arrow_right_violet_2.svg");
}

[data-color-scheme=karriere] .oc-menu button[aria-selected=true] {
  background-color: rgb(46, 38, 114);
  color: white;
  transition-property: background, color;
}

[data-color-scheme=karriere] .oc-menu button:not(.oc-menu--close-level)[aria-selected=true]:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=karriere] .oc-menu span.oc-menu--root-line.oc-menu--active {
  background-color: rgb(46, 38, 114);
  color: white;
}

[data-color-scheme=karriere] .oc-menu span.oc-menu--root-line,
[data-color-scheme=karriere] .oc-menu button.oc-menu--root-line,
[data-color-scheme=karriere] .oc-menu ul a.oc-menu--root-line {
  background-color: rgb(105, 89, 160);
  color: white;
}

[data-color-scheme=karriere] .oc-menu button.oc-menu--root-line:after {
  background-image: url("Images/arrow_right.svg");
}

[data-color-scheme=karriere] .oc-menu button.oc-menu--root-line[aria-selected=true] {
  background-color: rgb(46, 38, 114);
}

/* //////////////////////// */
.oc-menu .oc-menu--portal-link {
  padding-top: 1.15em;
  padding-bottom: 1.15em;
}
.oc-menu .oc-menu--portal-link:focus, .oc-menu .oc-menu--portal-link:hover {
  text-decoration: none;
}
.oc-menu .oc-menu--portal-link:focus h3, .oc-menu .oc-menu--portal-link:hover h3 {
  text-decoration: underline;
}
.oc-menu .oc-menu--portal-link h3 {
  margin-bottom: 5px;
}
.oc-menu .oc-menu--portal-link h3:only-child {
  margin-bottom: 0;
}
.oc-menu .oc-menu--portal-link h3 + span {
  font-weight: normal;
}

.sharing {
  padding: 73px 0 23px 0;
  float: left;
  width: 100%;
}
.sharing h2 {
  float: left;
  margin: 0;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  margin-left: 10px;
  margin-right: 20px;
  padding-bottom: 33px;
}
.sharing ul {
  float: left;
  display: inline-block;
  padding-left: 0;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
}
.sharing ul li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  padding-right: 20px;
}
.sharing ul li.twitter {
  border: none !important;
}
.sharing ul li.info a {
  padding: 10px 10px 10px 10px;
}
.sharing ul li a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #444;
  padding: 15px 20px 15px 10px;
  border: 2px solid transparent;
}
.sharing ul li a span {
  padding-right: 16px;
  vertical-align: top;
}
.sharing ul li a span.fa-twitter:before {
  font-size: 30px;
  font-size: 1.875rem;
  color: #47A9DB;
  position: relative;
  top: -4px;
}
.sharing ul li a span.fa-facebook:before {
  font-size: 29px;
  font-size: 1.8125rem;
  color: #3C5A99;
  position: relative;
  top: -2px;
}
.sharing ul li a span.fa-whatsapp:before {
  font-size: 29px;
  font-size: 1.8125rem;
  color: #24d366;
  position: relative;
  top: -2px;
}
.sharing ul li a span.fa-envelope:before {
  font-size: 29px;
  font-size: 1.8125rem;
  position: relative;
  top: -2px;
}
.sharing ul li a span.fa-info:before {
  font-size: 24px;
  font-size: 1.5rem;
}
.sharing ul li a span.fa-info + .share_text {
  padding-right: 0px;
}
.sharing ul li a:hover {
  text-decoration: none;
  border: 2px solid rgb(80, 37, 114);
}
.sharing ul li a:active {
  text-decoration: none;
  border: 2px solid rgb(80, 37, 114);
}
.sharing ul li a:focus {
  text-decoration: none;
  border: 2px solid rgb(80, 37, 114);
}

/*------------------------- Footer --------------------------*/
.page-footer {
  clear: both;
}
.page-footer .internal .row .flex-box {
  padding: 19px 0px 24px 0px;
}
.page-footer .internal .portal {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.page-footer .internal .portal h2 {
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.333333;
  margin-top: 0;
}
.page-footer .internal .portal p {
  color: #fff;
}
.page-footer .internal .portal .link-wrapper {
  margin-top: 22px;
  margin-left: 4px;
}
.page-footer .internal .portal .link-wrapper a {
  color: #fff;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}
.page-footer .internal .portal .link-wrapper a:hover, .page-footer .internal .portal .link-wrapper a:focus, .page-footer .internal .portal .link-wrapper a:active {
  text-decoration: none;
}
.page-footer .internal .portal .link-wrapper a .icon-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  margin-left: 32px;
  padding-left: 0px;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link {
  border-bottom: 1px solid #fff;
  /* border-bottom: 1px solid $color;
  border-bottom: 1px solid $link-color; */
}
.page-footer .internal .portal .link-wrapper a .icon-link.internal {
  display: inline;
}
.page-footer .internal .portal .link-wrapper a .icon-link.internal:before {
  content: url("Images/icon-internal-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.internal, .page-footer .internal .portal .link-wrapper a:focus .icon-link.internal, .page-footer .internal .portal .link-wrapper a:active .icon-link.internal {
  color: #fff;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.internal:before, .page-footer .internal .portal .link-wrapper a:focus .icon-link.internal:before, .page-footer .internal .portal .link-wrapper a:active .icon-link.internal:before {
  content: url("Images/icon-internal-white_hover.png");
}
.page-footer .internal .portal .link-wrapper a .icon-link.external {
  display: inline;
}
.page-footer .internal .portal .link-wrapper a .icon-link.external:before {
  content: url("Images/icon-external-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.external, .page-footer .internal .portal .link-wrapper a:focus .icon-link.external, .page-footer .internal .portal .link-wrapper a:active .icon-link.external {
  color: #fff;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.external:before, .page-footer .internal .portal .link-wrapper a:focus .icon-link.external:before, .page-footer .internal .portal .link-wrapper a:active .icon-link.external:before {
  content: url("Images/icon-external-white_hover.png");
}
.page-footer .internal .portal .link-wrapper a .icon-link.download {
  display: inline;
}
.page-footer .internal .portal .link-wrapper a .icon-link.download:before {
  content: url("Images/icon-download-white.png");
  position: absolute;
  left: 0px;
  top: 2px;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.download, .page-footer .internal .portal .link-wrapper a:focus .icon-link.download, .page-footer .internal .portal .link-wrapper a:active .icon-link.download {
  color: #fff;
}
.page-footer .internal .portal .link-wrapper a:hover .icon-link.download:before, .page-footer .internal .portal .link-wrapper a:focus .icon-link.download:before, .page-footer .internal .portal .link-wrapper a:active .icon-link.download:before {
  content: url("Images/icon-download-white.png");
}
.page-footer .internal .portal ul {
  padding-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.page-footer .internal .portal ul li.link-wrapper {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 12px;
}
.page-footer .internal .portal ul li.link-wrapper:last-child {
  margin-bottom: 0px;
}
.page-footer .social-media {
  background-color: rgb(90, 37, 114);
  color: #fff;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.page-footer .social-media .social-media--icon-wrap {
  text-align: left;
}
@media (min-width: 800px) {
  .page-footer .social-media .social-media--icon-wrap {
    text-align: center;
  }
}
.page-footer .social-media h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 200;
  clear: both;
  float: none;
  margin-top: 7px;
  margin-bottom: 42px;
  padding-right: 35px;
}
.page-footer .social-media ul {
  display: inline-block;
  padding-left: 0;
  clear: both;
  float: none;
  margin-left: 46px;
}
.page-footer .social-media ul li {
  margin-bottom: 28px;
  list-style-type: none;
}
.page-footer .social-media ul li:last-child {
  margin-right: 0px;
}
.page-footer .social-media ul li a {
  color: #fff;
  position: relative;
}
.page-footer .social-media ul li a i {
  vertical-align: top;
}
.page-footer .social-media ul li a i.fa:before {
  left: -36px;
  width: 50px;
}
.page-footer .social-media ul li a i.fa-twitter:before {
  font-size: 36px;
  font-size: 2.25rem;
  top: -4px;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-facebook:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-youtube-play:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-google-plus:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-google-plus span {
  margin-top: 0px;
}
.page-footer .social-media ul li a i.fa-instagram:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-xing:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-linkedin:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i.fa-rss:before {
  font-size: 36px;
  font-size: 2.25rem;
  position: absolute;
}
.page-footer .social-media ul li a i span {
  border-bottom: 1px solid transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 400;
  margin-left: 34px;
  padding-top: 5px;
  display: inline-block;
}
.page-footer .social-media ul li a:hover {
  text-decoration: none;
}
.page-footer .social-media ul li a:hover i {
  /* color: #019bdb; */
}
.page-footer .social-media ul li a:hover i:before {
  content: url("Images/icon-external-white_hover.png");
}
.page-footer .social-media ul li a:hover i span {
  color: #fff;
}
.page-footer .social-media ul li a:active {
  text-decoration: none;
}
.page-footer .social-media ul li a:focus {
  text-decoration: none;
}
.page-footer .social-media ul li a:hover span {
  border-bottom: 1px solid #fff;
}
.page-footer .social-media ul li a:active span {
  border-bottom: 1px solid #fff;
}
.page-footer .social-media ul li a:focus span {
  border-bottom: 1px solid #fff;
}
.page-footer .social-media[data-layout="1"] {
  padding-top: 20px;
}
.page-footer .social-media[data-layout="1"] .social-media--icon-wrap {
  text-align: center;
}
.page-footer .social-media[data-layout="1"] .social-media--icon-wrap a {
  display: inline-block;
  color: white;
  font-size: 24px;
  line-height: 1;
  margin: 0 0.75em;
  outline-offset: 2px;
}
.page-footer .service-links {
  clear: both;
  background-color: rgb(90, 37, 114);
  min-height: 72px;
  text-align: left;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.page-footer .service-links ul {
  display: inline-block;
  padding-left: 0;
  margin-left: 80px;
}
.page-footer .service-links ul li {
  list-style-type: none;
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 25px;
  clear: both;
  float: none;
}
.page-footer .service-links ul li a {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: 1px solid transparent;
}
.page-footer .service-links ul li a:hover {
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
.page-footer .service-links ul li a:active {
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
.page-footer .service-links ul li a:focus {
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
.page-footer .service-links ul li strong {
  border-bottom: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 200;
}
@media (min-width: 800px) {
  .page-footer .service-links {
    text-align: center;
    padding-top: 26px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-footer .service-links ul {
    margin-left: 0px;
  }
  .page-footer .service-links ul li {
    clear: none;
    float: left;
    padding-right: 36px;
    margin-bottom: 0px;
  }
  .page-footer .service-links ul li:last-child {
    padding-right: 0;
  }
}

/*------------------------- Media-Queries --------------------*/
@media screen and (min-width: 640px) {
  .content .current .article {
    width: 100%;
    padding: 30px 10px 30px 10px;
    min-height: 220px;
  }
}
@media screen and (min-width: 800px) {
  /* CAREER OVERWRITE */
  /* SERVICE OVERWRITE */
  .content .quote.testimonials .stage-wrapper .figure .bg-img {
    min-height: 640px;
    height: auto;
  }
  .content .quote.testimonials .stage-wrapper blockquote {
    padding: 60px 60px 20px 60px;
  }
  .content .quote.testimonials .stage-wrapper li {
    flex-direction: row;
  }
  .content .quote.testimonials .stage-wrapper li blockquote {
    padding: 60px 0px 120px 60px;
  }
  .content .quote.testimonials .custom-navigation {
    width: 50%;
  }
  .content .stage-header.campaign .stage-wrapper .stage-text {
    /* height: 42vw; */
    height: auto;
    padding-top: 150px;
  }
  .content .stage-header.campaign .stage-wrapper .stage-pict .bg-img {
    min-height: 600px;
  }
  .content .stage-header.campaign .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .current.textlist {
    margin-bottom: 100px;
  }
  .content .current.textlist .header {
    margin-bottom: 40px;
  }
  .content .current.textlist .header h2 {
    margin-bottom: 0px;
  }
  .content .current.textlist .figure .bg-img {
    height: auto;
    min-height: 420px;
  }
  .content .current.textlist .article {
    padding: 60px 60px 20px 60px;
    min-height: 420px;
  }
  .content .current.textlist .article p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .dates-links {
    display: inline-flex;
    flex-direction: column;
  }
  .content .std-text h2:only-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*----------------- Header -------------------*/
  .fix-header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fix-header .logo {
    display: block;
    min-height: 74px;
  }
  .fix-header .logo a, .fix-header .logo span {
    padding: 24px 0;
  }
  .fix-header .logo img {
    width: auto;
    height: auto;
  }
  .fix-header .service .language {
    display: block;
  }
  .fix-header.affix .logo {
    display: block;
  }
  .fix-header.affix .logo a, .fix-header.affix .logo span {
    padding: 16px 0;
  }
  .fix-header.affix .logo img {
    width: 123px;
    height: auto;
    margin-bottom: 0;
  }
  /*----------------- Content -------------------*/
  /* Start */
  .content.start-page .stage .stage-wrapper .slides {
    background-color: transparent;
  }
  .content.start-page .stage .flexslider {
    /*
            min-height: 636px;
            height: 44.11vw;
    */
  }
  .content .video .video-wrapper {
    position: relative;
  }
  .content .video .video-wrapper a .bg-img {
    min-height: 636px;
  }
  /* Aktuelles */
  .content .current header {
    margin-bottom: 10px;
  }
  .content .current header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 52px;
    margin-left: 4.16667%;
  }
  .content .current header .link-wrapper {
    margin-left: 32px;
  }
  .content .current .article {
    /* width: 33.33335%; */
    padding: 42px 40px 30px 4.16667%;
    min-height: 300px;
  }
  .content .current .article .header .date-cat {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .content .current .article .link-wrapper {
    margin-left: 0px;
  }
  /* Quick-links */
  .content .quick-links {
    padding-bottom: 0px;
  }
  .content .quick-links h2 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    margin: 32px 0 0 0;
    font-weight: bold;
  }
  .content .quick-links ul {
    margin-left: 10px;
    padding-left: 20px;
  }
  .content .quick-links ul li {
    margin-right: 10px;
  }
  .content .quick-links ul li.appointments a .icon:before, .content .quick-links ul li.logos a .icon:before, .content .quick-links ul li.graphics a .icon:before {
    left: 35px;
    top: 16px;
  }
  .content .quick-links ul li a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 0 66px 0 123px;
  }
  /* Infografik */
  .content .infographic .header {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 40px;
    margin-left: 4.16667%;
  }
  .content .infographic .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 52px;
  }
  .content .infographic .header .link-wrapper {
    display: inline-block;
    margin-left: 32px;
  }
  .content.info .infographic .link-wrapper {
    margin-top: -88px;
    padding-bottom: 0px;
  }
  /* Management News */
  .content .management-news {
    border-bottom: none;
  }
  .content .management-news header {
    margin-bottom: 40px;
  }
  .content .management-news header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 52px;
    padding-left: 0px;
  }
  .content .management-news .col-sm-8 {
    width: 100%;
  }
  .content .management-news .mgnt {
    padding-right: 0px;
    margin-bottom: 34px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row-reverse;
  }
  .content .management-news .mgnt .mgnt-text {
    /* padding-right: 80px; */
    padding-right: 0px;
    padding-left: 30px;
    width: 70%;
  }
  .content .management-news .mgnt .mgnt-text h3 {
    /*
                @include font-size($std-h3-mobile);
                @include line-height($std-h3-lh-mobile);
    */
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 28px;
  }
  .content .management-news .mgnt .mgnt-text p {
    padding-left: 0px;
    margin-bottom: 12px;
  }
  .content .management-news .mgnt .mgnt-text .link-wrapper {
    padding-left: 0px;
  }
  .content .management-news .mgnt .mgnt-text form {
    padding-left: 0px;
  }
  .content .management-news .mgnt .mgnt-text form .form-group input {
    width: 100%;
  }
  .content .management-news .mgnt .mgnt-text form .btn-default {
    right: 0;
  }
  .content .management-news .mgnt .figure {
    display: block;
    margin-top: 0px;
    width: 65%;
  }
  .content .management-news .mgnt .figure img {
    width: auto;
  }
  .content .local .header {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .content .local .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 52px;
  }
  .content .local .header .link-wrapper {
    margin-left: 0px;
  }
  .content .local .std-list {
    margin-left: 0px;
  }
  .content .local .std-list ul {
    margin-top: 40px;
  }
  .content .local .std-list ul li.link-wrapper {
    margin-bottom: 30px;
  }
  .content .local .std-list ul li.link-wrapper:last-child {
    margin-bottom: 0;
  }
  .content .local .proposal {
    margin-top: 40px;
  }
  /* Flex-Slider */
  .content .stage .stage-wrapper {
    /*
            .stage-text.blockquote {
              padding-bottom: 30px;
            }
    */
  }
  .content .stage .stage-wrapper li {
    flex-direction: row;
    /*
            .m-lower {
              min-height: auto;
              min-height: unset;

            }
    */
  }
  .content .stage .stage-wrapper li.text-quote {
    flex-direction: row;
  }
  .content .stage .stage-wrapper li.text-quote-img {
    flex-direction: row;
  }
  .content .stage .stage-wrapper li.text-quote-img > div {
    display: block;
  }
  .content .stage .stage-wrapper li.text-quote-img .figure {
    display: block;
  }
  .content .stage .stage-wrapper .stage-text {
    display: block;
    min-height: 636px;
    /*
              height: auto;

    */
    padding: 4.16666666vw;
  }
  .content .stage .stage-wrapper .stage-text h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .content .stage .stage-wrapper .stage-text strong {
    font-weight: bold;
  }
  .content .stage .stage-wrapper .stage-text p {
    display: block;
  }
  .content .stage .stage-wrapper .stage-text .link-wrapper {
    margin-top: 26px;
  }
  .content .stage .stage-wrapper .stage-pict {
    /* Background images */
  }
  .content .stage .stage-wrapper .stage-pict img {
    min-height: 636px;
    object-fit: cover;
  }
  .content .stage .stage-wrapper .stage-pict .bg-img {
    min-height: 636px;
  }
  .content .stage .stage-wrapper .stage-quote {
    min-height: 636px;
    margin-bottom: 0px;
    padding: 150px 100px 0px 100px;
    height: 44.1725vw;
    /* change request */
    height: auto;
  }
  .content .stage .stage-wrapper .stage-quote blockquote {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
  }
  .content .stage .stage-wrapper .stage-quote blockquote p {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
  }
  .content .stage .stage-wrapper .video {
    position: relative;
    height: 44.1725vw;
    /* change request */
    height: auto;
  }
  .content .stage .custom-navigation {
    width: 33.33333%;
    padding-right: 4.16667%;
    padding-left: 0px;
    bottom: 45px;
  }
  .content .stage .custom-navigation .flex-prev .icon-link:before {
    display: inline;
    width: auto;
    height: auto;
  }
  .content .stage .custom-navigation .flex-next .icon-link:before {
    display: inline;
    width: auto;
    height: auto;
  }
  .content.standard-page.focus .stage .custom-navigation {
    width: 29.1666669%;
  }
  /* Start-Slider Kampagnen */
  .content .start-slider .header {
    margin-left: 4.16667%;
    margin-bottom: 40px;
  }
  .content .start-slider .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 52px;
  }
  .content .start-slider .header .link-wrapper {
    margin-left: 35px;
  }
  .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text {
    padding: 60px 70px 116px 60px;
  }
  .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text h3 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    font-weight: bold;
  }
  .content .start-slider .custom-navigation-start {
    left: calc(50% - 390px);
    width: calc(100% - 140px);
    max-width: 780px;
    bottom: 38px;
  }
  /* Social Media */
  .sharing {
    padding: 63px 0;
    /*
        ul {

          li {

            a {

            }
          }
        }
    */
  }
  .sharing h2 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
  }
  .sharing ul {
    margin-top: 8px;
  }
  .sharing ul li {
    padding-right: 40px;
  }
  .sharing ul li a {
    padding: 15px 40px 15px 30px;
  }
  /*--------------- Standardseiten ---------------*/
  .breadcrumb-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.standard-page .static-sm-16.intro, .content.standard-page .static-sm-16.accordion.element-box .panel, .content.standard-page .static-sm-16 .std-box, .content.standard-page .static-sm-16:not(.intro) h2, .content.standard-page .static-sm-16 h3 .content.standard-page .static-sm-16 h4 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.standard-page .static-sm-16 .std-box.h2 {
    padding-left: 0px;
  }
  .content {
    /* nicht fuer reine Inhaltsseiten */
    /* Bilder + Videos */
    /* Bildergalerie */
    /* Zitate */
    /* Info Box */
    /* Tabellen */
    /* Stage Header Thema */
    /* Themen Seiten + Kampgnen */
    /*
      .accordion.faq {

        .intro {
          padding-left: 0px;
          padding-right: 0px;

          h2 {
            @include font-size($std-h1);
            @include line-height($std-h1-lh);
            margin-bottom: 40px;
          }
          h3 {
            @include font-size($std-h2);
            @include line-height($std-h2-lh);
            margin-bottom: 40px;
          }
        }
        .panel {

          .panel-heading {
            width: 41.66667%;

            h3 {
              position: relative;
              padding: 40px 80px 40px 60px;
              border-bottom: 1px solid #000;
              border-right: 1px solid #000;

              a {

                .icon-link.icon-accordion {

                  &:after {
                    -ms-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                  }
                  &:hover {

                   &:after {
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    }
                  }
                  &:active {

                  }
                  &:focus {

                  }
                }
              }
            }
          }
          & .panel-heading + .panel-collapse > .panel-body {
            border-bottom: none;
          }
          .panel-collapse {
            margin-bottom: 0px;
            padding-right: 80px;
            position: absolute;
            width: 58.33333%;
            top: 60px;
            right: 0px;

            &.in {
              margin-bottom: 22px;
            }
          }
        }
      }
    */
    /* Padding Mobile lists */
    /* Padding Mobile Teaser-list */
    /* Padding Mobile Presse Uebersicht */
    /* sitemap */
    /* Downloads */
    /* Textelement padding Mobile Focus */
  }
  .content .intro {
    /* margin-top: -45px; */
    margin-top: 0px;
  }
  .content .intro h1 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 35px;
    margin-top: 22px;
  }
  .content .intro p, .content .intro li {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    font-weight: normal;
  }
  .content.content-page .intro h2,
  .content.content-page .intro h1 {
    /* margin-top: 32px; */
    margin-top: 8px;
  }
  .content .std-text {
    /* Kontaktboxen */
  }
  .content .std-text h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    /* margin-bottom: 30px; */
    margin-bottom: 21px;
  }
  .content .std-text h2:only-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .std-text .image img {
    width: 100%;
  }
  .content .std-text .image figcaption .caption-header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .image figcaption span {
    left: auto;
    right: 0;
  }
  .content .std-text .image-small-left {
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 56px;
  }
  .content .std-text .image-small-left figcaption {
    width: 350px;
  }
  .content .std-text .image-small-right {
    padding-bottom: 50px;
    padding-right: 0px;
    padding-left: 76px;
  }
  .content .std-text .image-small-right figcaption {
    width: 400px;
  }
  .content .std-text .image-middle figcaption p {
    padding: 30px;
  }
  .content .std-text .image-big figcaption {
    position: absolute;
    padding: 0;
  }
  .content .std-text .image-big figcaption p {
    padding: 0px 50px;
  }
  .content .std-text .image-big figcaption p:last-child {
    margin-bottom: 10px;
  }
  .content .std-text .image-big figcaption .caption-header {
    padding: 34px 50px 10px 50px;
  }
  .content .std-text .contactbox .address {
    padding: 24px 40px 40px 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  }
  .content .std-text .contactbox .address h3 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    margin-bottom: 23px;
  }
  .content .std-text .contactbox .address p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .content .std-text .contactbox .address p.name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
  .content .std-text .contactbox.small {
    clear: both;
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 40px;
    padding: 0px;
  }
  .content .std-text .contactbox.small .image-contact {
    width: 50%;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    clear: none;
    float: left;
  }
  .content .std-text .contactbox.small .address {
    padding: 0px 40px 40px 40px;
    width: 50%;
    border-top: 1px solid #000;
    border-left: none;
    border: none;
    clear: none;
    float: left;
  }
  .content .std-text .contactbox.wide .image-contact {
    width: 50%;
    padding-right: 50px;
    margin-bottom: 0px;
  }
  .content .std-text .contactbox.wide .address {
    padding: 0px 10px 40px 0px;
    width: 50%;
  }
  .content .std-text .contactbox.wide .address p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox.wide .address p.name {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .std-text .contactbox.wide .address a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox.wide .address a .icon-link.mail {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox .image-contact {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .contactbox-wide h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    margin-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .contactbox-wide p {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .video figcaption {
    padding: 42px 56px 42px 56px;
  }
  .content .video figcaption .caption-header {
    margin-bottom: 24px;
  }
  .content .video figcaption .caption-header strong {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .pict-gallery {
    clear: both;
  }
  .content .pict-gallery .header {
    padding-top: 45px;
    padding-bottom: 44px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li {
    width: 12.5%;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li .figure a {
    display: block;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li .figure a img.m-hide {
    display: block;
  }
  .content .quote {
    padding: 42px 0px 37px 0px;
  }
  .content .quote blockquote header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .quote blockquote p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .info-box {
    border: 1px solid #000;
    padding: 4.166667vw 4.1666667vw 2.0833333vw;
    margin-bottom: 100px;
  }
  .content .info-box h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 0;
  }
  .content .info-box .col-wrapper p {
    padding-right: 28px;
  }
  .content .info-box .col-wrapper div:last-child p {
    padding-left: 28px;
  }
  .content .info-box .list-wrapper span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-left: 20px;
  }
  .content .info-box ul {
    display: inline-block;
    padding-left: 0;
    margin-top: 46px;
    margin-left: -4px;
  }
  .content .info-box ul li.link-wrapper {
    margin-top: 0;
    margin-bottom: 43px;
  }
  .content .table-responsive {
    margin-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .stage-header .stage-wrapper {
    display: inline-block;
  }
  .content .stage-header .stage-wrapper .stage-text {
    padding: 75px 10% 30px 10%;
    min-height: 600px;
  }
  .content .stage-header .stage-wrapper .stage-text ul {
    position: absolute;
    padding-bottom: 40px;
    margin-top: 0px;
  }
  .content .stage-header .stage-wrapper .stage-pict img {
    min-height: 600px;
    object-fit: cover;
  }
  .content .stage-header.landing .stage-text {
    padding-top: 150px;
    min-height: 600px;
  }
  .content .stage-header.landing .stage-pict .bg-img {
    min-height: 600px;
    height: auto;
  }
  .content.theme-page .stage .stage-pict .bg-img {
    min-height: 600px;
    height: auto;
  }
  .content .combi-big .combi-wrapper {
    display: table;
  }
  .content .combi-big .combi-wrapper .header {
    padding: 20px 4.16667% 0 4.16667%;
    margin-top: -117px;
  }
  .content .links, .content .dates {
    padding: 76px 4.16667% 0px 4.16667%;
  }
  .content .links h2, .content .dates h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
  }
  .content .links.combibox-pair {
    /* padding: 56px $start-offset-left 0px $start-offset-left; */
    margin-bottom: 0px;
  }
  .content .single-teaser .article {
    display: block;
  }
  .content .single-teaser h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    margin-left: 4.16667%;
  }
  .content .single-teaser .figure {
    margin-bottom: 0px;
  }
  .content .single-teaser .figure .bg-img {
    min-height: 580px;
    /*
            min-height: auto;
            min-height: unset;
    */
    height: auto;
    /* height: 50vw; */
  }
  .content .single-teaser .teaser-text {
    padding: 0px 60px 20px 60px;
  }
  .content .single-teaser .teaser-text h3 {
    margin-top: -4px;
  }
  .content .panel-group.accordion h2 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .panel-group.accordion h3 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .panel-group.accordion .panel .collapsing {
    padding-left: 50px;
  }
  .content .panel-group.accordion .panel .collapse.in {
    padding-left: 50px;
  }
  .content .accordion.faq .panel .collapsing {
    padding-left: 0px;
  }
  .content .accordion.faq .panel .collapse.in {
    padding-left: 0px;
  }
  .content .filter .cat-filter:after, .content .filter .format-filter:after {
    content: url("Images/icon-select-white.png");
  }
  .content .filter .format-filter {
    width: 145px;
    margin-right: 0px;
  }
  .content .filter .format-filter .filter-control {
    width: 165px;
  }
  .content .filter .filter-list {
    z-index: 100;
  }
  .content .filter .filter-list .col {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .content .filter .filter-list .col ul li a span {
    color: #000;
    padding-left: 30px;
    padding-bottom: 6px;
    padding-top: 6px;
    display: block;
  }
  .content .filter .filter-list .col ul li a span strong {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #000;
    display: block;
    margin-bottom: 4px;
  }
  .content .filter .filter-list .col ul li a:hover {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:hover span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:hover strong {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:active {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:active span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:active strong {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:focus {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:focus span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:focus strong {
    color: #fff;
  }
  .content .filter .filter-list.cat .col {
    float: left;
    width: 50%;
    min-height: 100px;
  }
  .content .filter .filter-list.format {
    z-index: 90;
  }
  .content .std-list ul {
    margin-top: 46px;
  }
  .content .std-list ul li.link-wrapper {
    margin-bottom: 50px;
  }
  .content .std-list ul li.link-wrapper a .icon-link {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.teaser-page .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.teaser-page .intro h1 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    margin-top: 32px;
  }
  .content.teaser-page .teaser-list h2 {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
  }
  .content.teaser-page .teaser-list .link-wrapper h3 span {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.teaser-page .teaser-list .download-box .text-wrapper .header h3 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.press .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.press .management-news .mgnt .mgnt-text {
    padding-left: 30px;
    padding-right: 0px;
  }
  .content.sitemap-page h1 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.sitemap-page .sitemap {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 64px;
    margin-bottom: 80px;
  }
  .content.sitemap-page .sitemap ul.level-1 li {
    margin-bottom: 55px;
  }
  .content.sitemap-page .sitemap ul.level-1 li .level-1-header {
    margin-bottom: 28px;
  }
  .content .downloads h2 {
    margin-left: 4.16667%;
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .downloads .download-wrapper {
    flex-direction: row;
  }
  .content .downloads .download-wrapper .download-links {
    padding: 50px 60px 0px 60px;
  }
  .content .downloads .download-wrapper .download-links h3 {
    margin-bottom: 20px;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .downloads .download-wrapper .download-picts .figure {
    height: auto;
    overflow: visible;
  }
  .content .downloads .download-wrapper .download-picts .figure img {
    width: 33.33335%;
  }
  .content.focus .current header h2, .content.focus .current .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
  }
  .content.focus .infographic .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
  }
  .content.focus .std-text .std-box {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.focus .std-text .link-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*----------------- Footer -------------------*/
  .page-footer .internal {
    clear: both;
  }
  .page-footer .internal .row {
    display: flex;
    flex-direction: row;
    background-color: rgb(70, 38, 114);
  }
  .page-footer .internal .row:before {
    display: -webkit-box;
  }
  .page-footer .internal .row .flex-box {
    background-color: rgb(70, 38, 114);
    padding: 57px 4.16667% 87px 4.16667%;
  }
  .page-footer .internal .portal {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-footer .internal .portal h2 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .page-footer .internal .portal .link-wrapper {
    margin-top: 22px;
    margin-left: 0px;
  }
  .page-footer .internal .portal ul {
    display: inline-block;
    padding-left: 0;
    padding-left: 8px;
    margin-top: 10px;
  }
  .page-footer .internal .portal ul li.link-wrapper {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .page-footer .social-media {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-footer .social-media h2 {
    clear: none;
    float: left;
    margin-top: 7px;
    margin-bottom: 11px;
    padding-right: 35px;
  }
  .page-footer .social-media ul {
    display: inline-block;
    padding-left: 0;
    clear: none;
    margin-left: 0px;
  }
  .page-footer .social-media ul li {
    list-style-type: none;
    float: left;
    padding-left: 0px;
    margin-right: 100px;
    margin-bottom: 15px;
  }
  .page-footer .social-media ul li:last-child {
    margin-right: 0px;
  }
  .page-footer .social-media ul li a i.fa:before {
    left: -40px;
    width: 50px;
  }
  .page-footer .social-media ul li a i.fa-twitter:before {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .page-footer .social-media ul li a i.fa-facebook:before {
    font-size: 29px;
    font-size: 1.8125rem;
  }
  .page-footer .social-media ul li a i.fa-youtube-play:before {
    font-size: 29px;
    font-size: 1.8125rem;
  }
  .page-footer .social-media ul li a i.fa-google-plus:before {
    font-size: 25px;
    font-size: 1.5625rem;
  }
  .page-footer .social-media ul li a i.fa-google-plus span {
    margin-top: -5px;
  }
  .page-footer .social-media ul li a i.fa-rss:before {
    font-size: 29px;
    font-size: 1.8125rem;
  }
  .page-footer .social-media ul li a i span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 0px;
  }
  .page-footer .partner-links {
    text-align: center;
  }
  .page-footer .partner-links ul li:last-child img {
    width: 100%;
  }
  /* .page-footer END */
  /* Element Abstaende >= 800 */
  .content.theme-page .element-box {
    margin-bottom: 75px;
  }
  .content.theme-page .headline-offset {
    margin-top: -18px;
  }
  .content.standard-page .element-box {
    margin-bottom: 60px;
  }
  .content.standard-page .headline-offset {
    margin-top: -13px;
  }
  .content.theme-page.focus .stage .stage-wrapper {
    display: block;
  }
  .content.theme-page.focus .stage .custom-navigation {
    width: 28%;
  }
  .content.theme-page.focus .stage.testimonials .stage-wrapper {
    flex-direction: row;
  }
  .content.theme-page.focus .stage-header.element-box {
    margin-bottom: 46px;
  }
  .content.theme-page.focus .headline-offset {
    margin-top: -13px;
  }
  .content .std-text .std-box {
    padding-bottom: 0px;
  }
  .content .std-text .std-box p:last-child, .content .std-text .std-box h2:last-child, .content .std-text .std-box h3:last-child, .content .std-text .std-box h4:last-child, .content .std-text .std-box ul:last-child, .content .std-text .std-box ol:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .focus .stage .header {
    margin-bottom: 40px;
  }
  .focus .stage .header h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
    margin: 0px;
  }
  .focus .stage .header .link-wrapper {
    margin-left: 32px;
  }
  .focus .stage .stage-wrapper li {
    flex-direction: row;
  }
  .focus .stage .stage-wrapper .stage-text {
    min-height: 602px;
    padding: 38px 13.2% 30px 13.2%;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .focus .stage .stage-wrapper .stage-text h3 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .focus .stage .stage-wrapper .stage-text .link-wrapper {
    margin-top: 26px;
  }
  .focus .stage .stage-wrapper .stage-pict {
    min-height: auto;
    min-height: unset;
  }
  .focus .stage .stage-wrapper .stage-pict iframe {
    /* top: 3vw !important; */
    /*
            min-height: 602px;
            height: 41.7vw;
    */
    min-height: auto;
    min-height: unset;
    height: 100%;
  }
  .focus .stage .stage-wrapper .stage-pict img {
    width: 100%;
    min-height: 602px;
    object-fit: cover;
    height: auto;
  }
  .focus .stage .stage-wrapper .video {
    /* height: 41.6725vw; */
    height: auto;
  }
  /* CAREER OVERWRITE */
  /* SERVICE OVERWRITE */
  .content.service .row-wrapper .testimonials-sliderbox {
    width: 100%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block {
    width: 60%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text {
    height: auto;
    padding: 60px 12.5% 60px 12.5%;
    background-color: #fff;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote {
    border-left: none;
    padding: 0px;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote header {
    color: #000;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 14px;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: bold;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text h3 {
    color: #000;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text p {
    color: #000;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block {
    width: 40%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict {
    position: relative;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict .bg-img {
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 34.72222vw;
    height: 500px;
    min-height: auto;
    min-height: unset;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict figcaption {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict figcaption span {
    color: #fff;
  }
  .content.service .row-wrapper .custom-navigation-service {
    padding-right: 4.16667%;
    padding-left: 0px;
    width: 58%;
  }
  .content.service .row-wrapper .text-box {
    height: auto;
    height: 34.72222vw;
    min-height: auto;
    min-height: unset;
  }
  .content.service .row-wrapper .text-box .benefit h3 {
    color: #fff;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.service .row-wrapper .text-box .benefit p {
    color: #fff;
    margin-bottom: 24px;
  }
  .content.service .row-wrapper .text-box .benefit ul {
    display: inline-block;
    padding-left: 0;
    position: absolute;
    bottom: 16px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper {
    position: relative;
    list-style: none;
    margin-bottom: 10px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a {
    color: #fff;
    padding-left: 38px;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    font-weight: bold;
    border-bottom: 1px solid transparent;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.internal {
    display: inline;
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.internal:before {
    content: url("Images/icon-internal-white.png");
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.internal, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.internal, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.internal {
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.internal:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.internal:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.internal:before {
    content: url("Images/icon-internal-white_hover.png");
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.external {
    display: inline;
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.external:before {
    content: url("Images/icon-external-white.png");
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.external, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.external, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.external {
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.external:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.external:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.external:before {
    content: url("Images/icon-external-white_hover.png");
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover span {
    border-bottom: 1px solid #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active span {
    border-bottom: 1px solid #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus span {
    border-bottom: 1px solid #fff;
  }
  .content.service .single-teaser .teaser-text {
    padding: 64px 60px 20px 60px;
    height: 40.25vw;
    height: auto;
    min-height: 580px;
  }
  .content.service-start .element-box .std-text h2 {
    font-size: 32.5px;
    font-size: 2.03125rem;
    line-height: 1.2;
  }
  .content.service-start .stage .stage-wrapper li {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service-start .stage .stage-wrapper li .stage-text h3 {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.service-start .stage .stage-wrapper li .stage-pict {
    min-height: 475px;
    height: auto;
  }
  .content.service-start .stage .stage-wrapper li .stage-pict img {
    min-height: 475px;
  }
  .content.service-start .stage .stage-wrapper li .stage-pict .bg-img {
    min-height: 475px;
    height: auto;
    width: auto;
  }
  .content.service-start .stage .stage-wrapper li .wrapper-dark {
    display: none;
    /*
                  height: auto;
                  position: absolute;
                  top: 0;
                  width: 100%;
                  background: rgba(0, 0, 0, 0.3);
                  min-height: 475px;
    */
  }
  .content.service-start .stage .stage-wrapper li.flex-active-slide .wrapper-dark {
    display: none;
  }
  .content.service-start .location-counter .facts-wrapper ul li {
    width: 25%;
    padding: 5.5vw 0px 4.05vw 0px;
  }
  /* .content END */
  /* Element Abstaende Mobile */
}
@media screen and (min-width: 800px) and (min-width: 1440px) {
  .content.service-start .location-counter .facts-wrapper ul li {
    padding-top: 70px;
    padding-bottom: 58px;
  }
}
@media screen and (min-width: 800px) {
  .content.service-start .location-counter .facts-wrapper ul li span {
    color: #fff;
    display: block;
  }
  .content.service-start .location-counter .facts-wrapper ul li span.value {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .content.service-start .location-counter .facts-wrapper ul li span.label {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.service-start .row-wrapper.row-1 {
    display: inline-flex;
  }
  .content.service-start .row-wrapper.row-1 .stage-text {
    border-top: none;
  }
  .content.service-start .row-wrapper.row-2 {
    display: inline-flex;
  }
  .content.service-start .row-wrapper.row-2 .text-box {
    /*
                clear: none;
                float: right;
    */
  }
  .content.service-start .row-wrapper .text-box {
    height: 34.72222vw;
  }
  .content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text {
    padding-bottom: 10px !important;
    height: 34.72222vw;
    height: auto;
  }
  .content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text blockquote header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text blockquote p {
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .pict-block .stage-pict .bg-img {
    background-image: url("Images/service/benefit-dummy-1-480x640.jpg");
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 34.72222vw;
    height: 600px;
    height: 500px;
    min-height: auto;
    min-height: unset;
  }
  .content .donate-wrapper {
    clear: both;
    display: flex;
  }
  .content .donate-wrapper .donate-text {
    display: inline-block;
    color: #fff;
    background-color: rgb(110, 34, 114);
    padding: 68px 4.16667% 68px 4.16667%;
  }
  .content .donate-wrapper .donate-text h3 {
    margin-bottom: 12px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
  }
  .content .donate-wrapper .donate-text p {
    color: #fff;
  }
  .content .donate-wrapper .donate-links {
    display: inline-block;
    color: #fff;
    background-color: rgb(70, 38, 114);
    padding: 68px 4.16667% 68px 4.16667%;
  }
  .content .donate-wrapper .donate-links ul {
    display: inline-block;
    padding-left: 0;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper {
    position: relative;
    list-style: none;
    margin-bottom: 10px;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a {
    color: #fff;
    padding-left: 38px;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
    font-weight: bold;
    border-bottom: 1px solid transparent;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a .icon-link.internal {
    display: inline;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a .icon-link.internal:before {
    content: url("Images/icon-internal-white.png");
    position: absolute;
    left: 0px;
    top: 4px;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.internal, .content .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.internal, .content .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.internal {
    color: #fff;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.internal:before, .content .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.internal:before, .content .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.internal:before {
    content: url("Images/icon-internal-white_hover.png");
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a .icon-link.external {
    display: inline;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a .icon-link.external:before {
    content: url("Images/icon-external-white.png");
    position: absolute;
    left: 0px;
    top: 4px;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.external, .content .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.external, .content .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.external {
    color: #fff;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.external:before, .content .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.external:before, .content .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.external:before {
    content: url("Images/icon-external-white_hover.png");
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover {
    text-decoration: none;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:hover span {
    border-bottom: 1px solid #fff;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:active {
    text-decoration: none;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:active span {
    border-bottom: 1px solid #fff;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:focus {
    text-decoration: none;
  }
  .content .donate-wrapper .donate-links ul .link-wrapper a:focus span {
    border-bottom: 1px solid #fff;
  }
  .content .event-map {
    flex-direction: row;
  }
  .content .event-map .map {
    height: auto;
  }
  .content .event-map .event {
    padding: 45px 60px 50px 60px;
  }
  .content .event-map .event h2 {
    margin-bottom: 38px;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content .event-map .event h3 {
    margin-top: 28px;
    margin-bottom: 15px;
    font-size: 19.5px;
    font-size: 1.21875rem;
    line-height: 1.333333;
  }
  .content.service.service-start .element-box {
    margin-bottom: 62px;
  }
} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ @media 800 END ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 1200px) {
  .content .teaser-list .col-md-8 {
    width: 33.33335%;
  }
}
@media screen and (min-width: 1024px) {
  /* CAREER OVERWRITE */
  /* SERVICE OVERWRITE */
  .content .quote.testimonials .stage-wrapper .figure .bg-img {
    min-height: 640px;
    height: auto;
  }
  .content .quote.testimonials .stage-wrapper blockquote {
    padding: 60px 60px 20px 60px;
  }
  .content .quote.testimonials .stage-wrapper li {
    flex-direction: row;
  }
  .content .quote.testimonials .stage-wrapper li blockquote {
    padding: 60px 0px 120px 60px;
  }
  .content .quote.testimonials .custom-navigation {
    width: 50%;
  }
  .content .stage-header.campaign .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .stage-header.campaign .stage-wrapper .stage-pict .bg-img {
    min-height: 600px;
    height: auto;
  }
  .content .current.textlist {
    margin-bottom: 100px;
  }
  .content .current.textlist .header {
    margin-bottom: 40px;
  }
  .content .current.textlist .figure .bg-img {
    height: auto;
    min-height: 420px;
  }
  .content .current.textlist .article {
    padding: 60px 60px 20px 60px;
    min-height: 29.1555vw;
    min-height: 420px;
  }
  .content .current.textlist .article p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .dates-links {
    display: inline-flex;
    flex-direction: row;
  }
  /*----------------- Content -------------------*/
  /* Start */
  .content.start-page .stage .stage-wrapper .slides {
    background-color: transparent;
  }
  .content .video .video-wrapper {
    position: relative;
  }
  .content .video .video-wrapper a .video-start .bg-img {
    /* min-height: 636px; */
  }
  .content.theme-page .stage .stage-pict .bg-img {
    min-height: 602px;
    height: auto;
  }
  /* Aktuelles */
  .content .current header {
    margin-bottom: 10px;
  }
  .content .current header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 64px;
    margin-left: 4.16667%;
  }
  .content .current header .link-wrapper {
    margin-left: 32px;
  }
  .content .current .article {
    padding: 60px 4.16667%;
    min-height: 260px;
  }
  .content .current .article .header .date-cat {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .content .current .article .link-wrapper {
    margin-left: 0px;
    hyphens: auto;
  }
  .content .current .article .link-wrapper a .icon-link {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  /* Quick-links */
  .content .quick-links {
    padding-bottom: 0px;
  }
  .content .quick-links h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    margin: 32px 0 0 0;
    font-weight: bold;
  }
  .content .quick-links ul {
    margin-left: 10px;
    padding-left: 20px;
  }
  .content .quick-links ul li {
    margin-right: 10px;
  }
  .content .quick-links ul li.appointments a .icon:before {
    left: 46px;
  }
  .content .quick-links ul li.logos a .icon:before {
    left: 46px;
  }
  .content .quick-links ul li.graphics a .icon:before {
    left: 46px;
  }
  .content .quick-links ul li a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 0 66px 0 123px;
  }
  /* Infografik */
  .content .infographic .header {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 40px;
    margin-left: 4.16667%;
  }
  .content .infographic .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 64px;
  }
  .content .infographic .header .link-wrapper {
    display: inline-block;
    margin-left: 32px;
  }
  .content.info .infographic .link-wrapper {
    margin-top: -88px;
    padding-bottom: 0px;
  }
  /* Management News */
  .content .management-news {
    border-bottom: none;
  }
  .content .management-news header {
    margin-bottom: 40px;
  }
  .content .management-news header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 64px;
    padding-left: 0px;
  }
  .content .management-news .col-sm-8 {
    width: 33.33333%;
  }
  .content .management-news .mgnt {
    display: table;
    margin-bottom: 0px;
  }
  .content .management-news .mgnt .mgnt-text {
    padding-right: 40px;
    padding-left: 0px;
    width: 100%;
  }
  .content .management-news .mgnt .mgnt-text h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    padding-left: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .content .management-news .mgnt .mgnt-text p {
    padding-left: 0px;
    margin-bottom: 12px;
  }
  .content .management-news .mgnt .mgnt-text .link-wrapper {
    padding-left: 0px;
  }
  .content .management-news .mgnt .mgnt-text form {
    padding-left: 0px;
  }
  .content .management-news .mgnt .mgnt-text form .form-group input {
    width: 66.6665%;
  }
  .content .management-news .mgnt .mgnt-text form .btn-default {
    right: 34%;
  }
  .content .management-news .mgnt .figure {
    display: table-caption;
    margin-top: 0px;
    width: 100%;
  }
  .content .management-news .mgnt .figure img {
    width: auto;
  }
  .content .local .header {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .content .local .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 64px;
  }
  .content .local .header .link-wrapper {
    margin-left: 0px;
  }
  .content .local .std-list {
    margin-left: 0px;
  }
  .content .local .proposal {
    padding: 4.1666667vw;
    margin-bottom: 0;
  }
  /* Flex-Slider */
  .content .stage .stage-wrapper {
    /*
            .stage-text.blockquote {
              padding-bottom: 30px;
            }
    */
  }
  .content .stage .stage-wrapper li {
    flex-direction: row;
  }
  .content .stage .stage-wrapper li.text-quote {
    flex-direction: row;
  }
  .content .stage .stage-wrapper li.text-quote-img {
    flex-direction: row;
  }
  .content .stage .stage-wrapper li.text-quote-img > div {
    display: block;
  }
  .content .stage .stage-wrapper li.text-quote-img .figure {
    display: block;
  }
  .content .stage .stage-wrapper .stage-text {
    display: block;
    min-height: 636px;
    /*

              height: auto;
    */
  }
  .content .stage .stage-wrapper .stage-text h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .content .stage .stage-wrapper .stage-text strong {
    font-weight: bold;
  }
  .content .stage .stage-wrapper .stage-text p {
    display: block;
  }
  .content .stage .stage-wrapper .stage-text .link-wrapper {
    margin-top: 26px;
  }
  .content .stage .stage-wrapper .stage-pict {
    /* Background images */
  }
  .content .stage .stage-wrapper .stage-pict img {
    min-height: 636px;
    object-fit: cover;
  }
  .content .stage .stage-wrapper .stage-pict .bg-img {
    /* min-height: 636px; */
  }
  .content .stage .stage-wrapper .stage-quote {
    min-height: 636px;
    margin-bottom: 0px;
    padding: 150px 100px 0px 100px;
    height: 44.1725vw;
    /* change request */
    height: auto;
  }
  .content .stage .stage-wrapper .stage-quote blockquote {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
  }
  .content .stage .stage-wrapper .stage-quote blockquote p {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .content .stage .stage-wrapper .video {
    position: relative;
    height: 44.1725vw;
    /* change request */
    height: auto;
  }
  /* Start-Slider Kampagnen */
  .content .start-slider .header {
    margin-left: 4.16667%;
    margin-bottom: 40px;
  }
  .content .start-slider .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 64px;
  }
  .content .start-slider .header .link-wrapper {
    margin-left: 35px;
  }
  .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text {
    padding: 60px 70px 116px 70px;
  }
  .content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper .slider-text h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: bold;
  }
  .content .start-slider .custom-navigation-start {
    left: calc(50% - 380px);
    width: 760px;
  }
  /* Social Media */
  .sharing {
    padding: 61px 0;
    /*
        ul {

          li {

            a {

            }
          }
        }
    */
  }
  .sharing h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
  }
  .sharing ul {
    margin-top: 8px;
  }
  .sharing ul li {
    padding-right: 40px;
  }
  .sharing ul li a {
    padding: 15px 40px 15px 30px;
  }
  /*--------------- Standardseiten ---------------*/
  .breadcrumb-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.standard-page .static-sm-16.intro, .content.standard-page .static-sm-16.accordion.element-box .panel, .content.standard-page .static-sm-16 .std-box, .content.standard-page .static-sm-16:not(.intro) h2, .content.standard-page .static-sm-16 h3 .content.standard-page .static-sm-16 h4 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.standard-page .static-sm-16 .std-box.h2 {
    padding-left: 0px;
  }
  .content {
    /* Bilder + Videos */
    /* Bildergalerie */
    /* Zitate */
    /* Info Box */
    /* Tabellen */
    /* Stage Header Thema */
    /* Themen Seiten + Kampgnen */
    /* Padding Mobile lists */
    /* Padding Mobile Teaser-list */
    /* Padding Mobile Presse Uebersicht */
    /* sitemap */
    /* Downloads */
    /* Textelement padding Mobile Focus */
  }
  .content .intro {
    /* margin-top: -45px; */
    margin-top: 0px;
  }
  .content .intro h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 35px;
    margin-top: 22px;
  }
  .content .intro p, .content .intro li {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: normal;
  }
  .content .std-text {
    /* Kontaktboxen */
  }
  .content .std-text h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    /* margin-bottom: 30px; */
    margin-bottom: 21px;
  }
  .content .std-text h2:only-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .std-text .image img {
    width: 100%;
  }
  .content .std-text .image figcaption .caption-header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .image figcaption span {
    left: auto;
    right: 0;
  }
  .content .std-text .image-small-left {
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 56px;
  }
  .content .std-text .image-small-left figcaption {
    width: 350px;
  }
  .content .std-text .image-small-right {
    padding-bottom: 50px;
    padding-right: 0px;
    padding-left: 76px;
  }
  .content .std-text .image-small-right figcaption {
    width: 400px;
  }
  .content .std-text .image-middle figcaption p {
    padding: 30px;
  }
  .content .std-text .contactbox .address {
    padding: 24px 40px 40px 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  }
  .content .std-text .contactbox .address h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    margin-bottom: 23px;
  }
  .content .std-text .contactbox .address p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .content .std-text .contactbox .address p.name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
  .content .std-text .contactbox.small {
    clear: none;
    float: right;
    width: 42.85%;
    margin-left: 60px;
    margin-bottom: 40px;
    padding: 0px;
  }
  .content .std-text .contactbox.small .image-contact {
    width: 100%;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    clear: both;
    float: none;
  }
  .content .std-text .contactbox.small .address {
    padding: 24px 40px 40px 40px;
    width: 100%;
    border-top: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    float: none;
  }
  .content .std-text .contactbox.wide .image-contact {
    width: 50%;
    padding-right: 50px;
    margin-bottom: 0px;
  }
  .content .std-text .contactbox.wide .address {
    padding: 0px 10px 40px 0px;
    width: 50%;
  }
  .content .std-text .contactbox.wide .address p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox.wide .address p.name {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .std-text .contactbox.wide .address a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox.wide .address a .icon-link.mail {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .std-text .contactbox .image-contact {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .contactbox-wide h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .contactbox-wide p {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .video figcaption {
    padding: 42px 56px 42px 56px;
  }
  .content .video figcaption .caption-header {
    margin-bottom: 24px;
  }
  .content .video figcaption .caption-header strong {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .pict-gallery {
    clear: both;
  }
  .content .pict-gallery .header {
    padding-top: 45px;
    padding-bottom: 44px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li {
    width: 12.5%;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li .figure a {
    display: block;
  }
  .content .pict-gallery .thumbnails .thumbnail-list li .figure a img.m-hide {
    display: block;
  }
  .content .quote {
    padding: 42px 0px 37px 0px;
  }
  .content .quote blockquote header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content .quote blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .info-box {
    border: 1px solid #000;
    padding: 60px 60px 30px;
    margin-bottom: 100px;
  }
  .content .info-box h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 0;
  }
  .content .info-box .col-wrapper p {
    padding-right: 28px;
  }
  .content .info-box .col-wrapper div:last-child p {
    padding-left: 28px;
  }
  .content .info-box .list-wrapper span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-left: 20px;
  }
  .content .info-box ul {
    display: inline-block;
    padding-left: 0;
    margin-top: 46px;
    margin-left: -4px;
  }
  .content .info-box ul li.link-wrapper {
    margin-top: 0;
    margin-bottom: 43px;
  }
  .content .table-responsive {
    margin-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .stage-header .stage-wrapper {
    display: inline-block;
  }
  .content .stage-header .stage-wrapper .stage-text {
    padding: 60px 10% 30px 10%;
    min-height: 600px;
  }
  .content .stage-header .stage-wrapper .stage-text h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content .stage-header .stage-wrapper .stage-text ul {
    position: absolute;
    padding-bottom: 40px;
    margin-top: 0px;
  }
  .content .stage-header .stage-wrapper .stage-pict img {
    min-height: 600px;
    object-fit: cover;
  }
  .content .stage-header.landing .stage-text {
    padding-top: 150px;
    min-height: 600px;
  }
  .content .stage-header.landing .stage-pict .bg-img {
    height: auto;
    min-height: 600px;
  }
  .content .combi-big .combi-wrapper {
    display: table;
  }
  .content .combi-big .combi-wrapper .header {
    padding: 20px 4.16667% 0 4.16667%;
    margin-top: -117px;
  }
  .content .links, .content .dates {
    padding: 76px 4.16667% 0px 4.16667%;
  }
  .content .links h2, .content .dates h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content .links.combibox-pair {
    /* padding: 56px $start-offset-left 0px $start-offset-left; */
    margin-bottom: 0px;
  }
  .content .single-teaser .article {
    display: block;
  }
  .content .single-teaser h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-left: 4.16667%;
  }
  .content .single-teaser .figure {
    margin-bottom: 0px;
  }
  .content .single-teaser .figure .bg-img {
    min-height: 580px;
    /*
            min-height: auto;
            min-height: unset;
    */
    height: auto;
    /* height: 50vw; */
  }
  .content .single-teaser .teaser-text {
    padding: 0px 60px 20px 60px;
  }
  .content .single-teaser .teaser-text h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .content .panel-group.accordion h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .panel-group.accordion h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .panel-group.accordion .panel .collapsing {
    padding-left: 50px;
  }
  .content .panel-group.accordion .panel .collapse.in {
    padding-left: 50px;
  }
  .content .accordion.faq .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .accordion.faq .intro h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 40px;
  }
  .content .accordion.faq .intro h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 40px;
  }
  .content .accordion.faq .panel .panel-heading {
    width: 41.66667%;
  }
  .content .accordion.faq .panel .panel-heading h3 {
    position: relative;
    padding: 40px 80px 40px 60px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion:after {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .content .accordion.faq .panel .panel-heading h3 a .icon-link.icon-accordion:hover:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .content .accordion.faq .panel .panel-heading + .panel-collapse > .panel-body {
    border-bottom: none;
  }
  .content .accordion.faq .panel .panel-collapse {
    margin-bottom: 0px;
    padding-right: 80px;
    position: absolute;
    width: 58.33333%;
    top: 60px;
    right: 0px;
  }
  .content .accordion.faq .panel .panel-collapse.in {
    margin-bottom: 22px;
    padding-left: 50px;
  }
  .content .accordion.faq .panel .collapse .panel-body {
    padding-left: 15px;
  }
  .content .accordion.faq .panel:last-child .panel-heading h3 {
    border-bottom: none;
  }
  .content .filter .cat-filter:after, .content .filter .format-filter:after {
    content: url("Images/icon-select-white.png");
  }
  .content .filter .format-filter {
    width: 145px;
    margin-right: 0px;
  }
  .content .filter .format-filter .filter-control {
    width: 165px;
  }
  .content .filter .filter-list {
    z-index: 100;
  }
  .content .filter .filter-list .col {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .content .filter .filter-list .col ul li a span {
    color: #000;
    padding-left: 30px;
    padding-bottom: 6px;
    padding-top: 6px;
    display: block;
  }
  .content .filter .filter-list .col ul li a span strong {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #000;
    display: block;
    margin-bottom: 4px;
  }
  .content .filter .filter-list .col ul li a:hover {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:hover span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:hover strong {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:active {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:active span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:active strong {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:focus {
    background-color: rgb(70, 38, 114);
  }
  .content .filter .filter-list .col ul li a:focus span {
    color: #fff;
  }
  .content .filter .filter-list .col ul li a:focus strong {
    color: #fff;
  }
  .content .filter .filter-list.cat .col {
    float: left;
    width: 50%;
    min-height: 100px;
  }
  .content .filter .filter-list.format {
    z-index: 90;
  }
  .content .std-list ul {
    margin-top: 46px;
  }
  .content .std-list ul li.link-wrapper {
    margin-bottom: 50px;
  }
  .content .std-list ul li.link-wrapper a .icon-link {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.teaser-page .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.teaser-page .intro h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 32px;
  }
  .content.teaser-page .teaser-list h2 {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .content.teaser-page .teaser-list .link-wrapper h3 span {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.teaser-page .teaser-list .download-box .text-wrapper .header h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.press .intro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.press .management-news header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content.press .management-news .mgnt .mgnt-text {
    padding-left: 0px;
    padding-right: 40px;
  }
  .content.standard-page .management-news header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content.sitemap-page h1 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.sitemap-page .sitemap {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 64px;
    margin-bottom: 80px;
  }
  .content.sitemap-page .sitemap ul.level-1 li {
    margin-bottom: 55px;
  }
  .content.sitemap-page .sitemap ul.level-1 li a span.icon-link {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .content.sitemap-page .sitemap ul.level-1 li .level-1-header {
    margin-bottom: 28px;
  }
  .content .downloads h2 {
    margin-left: 4.16667%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    padding-left: 0px;
    padding-right: 0px;
  }
  .content .downloads .download-wrapper {
    flex-direction: row;
  }
  .content .downloads .download-wrapper .download-links {
    padding: 50px 60px 0px 60px;
  }
  .content .downloads .download-wrapper .download-links h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .downloads .download-wrapper .download-picts .figure {
    height: auto;
    overflow: visible;
  }
  .content .downloads .download-wrapper .download-picts .figure img {
    width: 33.33335%;
  }
  .content.focus .current header h2, .content.focus .current .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content.focus .infographic .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content.focus .std-text .std-box {
    padding-left: 0px;
    padding-right: 0px;
  }
  .content.focus .std-text .link-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*----------------- Footer -------------------*/
  .page-footer .internal {
    clear: both;
  }
  .page-footer .internal .row {
    display: flex;
    flex-direction: row;
    background-color: rgb(70, 38, 114);
  }
  .page-footer .internal .row:before {
    display: -webkit-box;
  }
  .page-footer .internal .row .flex-box {
    background-color: rgb(70, 38, 114);
    padding: 57px 4.16667% 87px 4.16667%;
  }
  .page-footer .internal .portal {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-footer .internal .portal h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .page-footer .internal .portal .link-wrapper {
    margin-top: 22px;
    margin-left: 0px;
  }
  .page-footer .internal .portal ul {
    display: inline-block;
    padding-left: 0;
    padding-left: 8px;
    margin-top: 10px;
  }
  .page-footer .internal .portal ul li.link-wrapper {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .page-footer .social-media {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-footer .social-media h2 {
    clear: none;
    float: left;
    margin-top: 0;
    margin-bottom: 11px;
    padding-right: 35px;
  }
  .page-footer .social-media ul {
    display: inline-block;
    padding-left: 0;
    clear: none;
    margin-left: 0px;
  }
  .page-footer .social-media ul li {
    list-style-type: none;
    float: left;
    padding-left: 0px;
    margin-right: 100px;
    margin-bottom: 15px;
  }
  .page-footer .social-media ul li:last-child {
    margin-right: 0px;
  }
  .page-footer .social-media ul li a i.fa:before {
    left: -40px;
    width: 50px;
  }
  .page-footer .social-media ul li a i.fa-twitter:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
    top: -2px;
  }
  .page-footer .social-media ul li a i.fa-facebook:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-xing:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-linkedin:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-instagram:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-youtube-play:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-google-plus:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i.fa-google-plus span {
    margin-top: -5px;
  }
  .page-footer .social-media ul li a i.fa-rss:before {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 24px;
  }
  .page-footer .social-media ul li a i span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 0px;
  }
  .page-footer .partner-links {
    text-align: center;
  }
  .page-footer .partner-links ul li:last-child img {
    width: 100%;
  }
  /* .page-footer END */
  /* Element Abstaende >= 1024 */
  .content.theme-page .element-box {
    margin-bottom: 75px;
  }
  .content.theme-page .headline-offset {
    margin-top: -18px;
  }
  .content.standard-page .element-box {
    margin-bottom: 60px;
  }
  .content.standard-page .headline-offset {
    margin-top: -13px;
  }
  .content.theme-page.focus .stage .stage-wrapper {
    display: block;
  }
  .content.theme-page.focus .stage .custom-navigation {
    width: 28%;
  }
  .content.theme-page.focus .stage.testimonials .stage-wrapper {
    flex-direction: row;
  }
  .content.theme-page.focus .stage-header.element-box {
    margin-bottom: 46px;
  }
  .content.theme-page.focus .headline-offset {
    margin-top: -13px;
  }
  .content .std-text .std-box {
    padding-bottom: 0px;
  }
  .content .std-text .std-box p:last-child, .content .std-text .std-box h2:last-child, .content .std-text .std-box h3:last-child, .content .std-text .std-box h4:last-child, .content .std-text .std-box ul:last-child, .content .std-text .std-box ol:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .focus .stage .header {
    margin-bottom: 40px;
  }
  .focus .stage .header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 0px;
  }
  .focus .stage .header .link-wrapper {
    margin-left: 32px;
  }
  .focus .stage .stage-wrapper li {
    flex-direction: row;
  }
  .focus .stage .stage-wrapper .stage-text {
    min-height: 602px;
    padding: 60px 60px 120px 60px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .focus .stage .stage-wrapper .stage-text h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .focus .stage .stage-wrapper .stage-text .link-wrapper {
    margin-top: 26px;
  }
  .focus .stage .stage-wrapper .stage-pict {
    min-height: auto;
    min-height: unset;
  }
  .focus .stage .stage-wrapper .stage-pict iframe {
    /* top: 3vw !important; */
    /*
            min-height: 602px;
            height: 41.7vw;
    */
    min-height: auto;
    min-height: unset;
    height: 100%;
  }
  .focus .stage .stage-wrapper .stage-pict img {
    width: 100%;
    min-height: 602px;
    object-fit: cover;
    height: auto;
  }
  .focus .stage .stage-wrapper .video {
    /* height: 41.6725vw; */
    height: auto;
  }
  /* CAREER OVERWRITE */
  /* SERVICE OVERWRITE */
  .content.service .row-wrapper .custom-navigation-service {
    padding-right: 70px;
    padding-left: 0px;
    width: 53%;
  }
  .content.service .row-wrapper .testimonials-sliderbox {
    width: 62%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block {
    width: 60%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text {
    height: auto;
    padding: 60px 12.5% 0px 12.5%;
    background-color: #fff;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote {
    border-left: none;
    padding: 0px;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote header {
    color: #000;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 14px;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: bold;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text h3 {
    color: #000;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text p {
    color: #000;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block {
    width: 40%;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict {
    position: relative;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict .bg-img {
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 34.72222vw;
    height: auto;
    min-height: 500px;
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict figcaption {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .pict-block .stage-pict figcaption span {
    color: #fff;
  }
  .content.service .row-wrapper.row-1 {
    display: block;
  }
  .content.service .row-wrapper.row-1 .stage-text {
    border-top: 1px solid #000;
  }
  .content.service .row-wrapper.row-2 {
    display: block;
  }
  .content.service .row-wrapper .text-box {
    height: 34.72222vw;
    height: auto;
    min-height: 500px;
    width: 37.5%;
  }
  .content.service .row-wrapper .text-box .benefit h3 {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.service .row-wrapper .text-box .benefit p {
    color: #fff;
    margin-bottom: 24px;
  }
  .content.service .row-wrapper .text-box .benefit ul {
    display: inline-block;
    padding-left: 0;
    position: absolute;
    bottom: 16px;
    max-width: 77.7%;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper {
    position: relative;
    list-style: none;
    margin-bottom: 10px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a {
    color: #fff;
    padding-left: 38px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: bold;
    border-bottom: 1px solid transparent;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.internal {
    display: inline;
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.internal:before {
    content: url("Images/icon-internal-white.png");
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.internal, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.internal, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.internal {
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.internal:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.internal:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.internal:before {
    content: url("Images/icon-internal-white_hover.png");
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.external {
    display: inline;
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.external:before {
    content: url("Images/icon-external-white.png");
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.external, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.external, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.external {
    color: #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover .icon-link.external:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus .icon-link.external:before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active .icon-link.external:before {
    content: url("Images/icon-external-white_hover.png");
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:hover span {
    border-bottom: 1px solid #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:active span {
    border-bottom: 1px solid #fff;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus {
    text-decoration: none;
  }
  .content.service .row-wrapper .text-box .benefit ul .link-wrapper a:focus span {
    border-bottom: 1px solid #fff;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block {
    width: 60%;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text {
    padding-bottom: 10px !important;
    height: 34.72222vw;
    height: auto;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text blockquote header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text blockquote p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .pict-block {
    width: 40%;
  }
  .content.service .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .pict-block .stage-pict .bg-img {
    background-image: url("Images/service/benefit-dummy-1-480x640.jpg");
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 34.72222vw;
    /* height: 600px; */
    height: auto;
    min-height: 500px;
  }
  .content.service .donate-wrapper {
    clear: both;
    display: flex;
  }
  .content.service .donate-wrapper .donate-text {
    display: inline-block;
    color: #fff;
    background-color: rgb(110, 34, 114);
    padding: 68px 4.16667% 68px 4.16667%;
  }
  .content.service .donate-wrapper .donate-text h3 {
    margin-bottom: 12px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
  .content.service .donate-wrapper .donate-text p {
    color: #fff;
  }
  .content.service .donate-wrapper .donate-links {
    display: inline-block;
    color: #fff;
    background-color: rgb(70, 38, 114);
    padding: 68px 4.16667% 68px 4.16667%;
  }
  .content.service .donate-wrapper .donate-links ul {
    display: inline-block;
    padding-left: 0;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper {
    position: relative;
    list-style: none;
    margin-bottom: 10px;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a {
    color: #fff;
    padding-left: 38px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
    font-weight: bold;
    border-bottom: 1px solid transparent;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a .icon-link.internal {
    display: inline;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a .icon-link.internal:before {
    content: url("Images/icon-internal-white.png");
    position: absolute;
    left: 0px;
    top: 4px;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.internal, .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.internal, .content.service .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.internal {
    color: #fff;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.internal:before, .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.internal:before, .content.service .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.internal:before {
    content: url("Images/icon-internal-white_hover.png");
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a .icon-link.external {
    display: inline;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a .icon-link.external:before {
    content: url("Images/icon-external-white.png");
    position: absolute;
    left: 0px;
    top: 4px;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.external, .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.external, .content.service .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.external {
    color: #fff;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover .icon-link.external:before, .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus .icon-link.external:before, .content.service .donate-wrapper .donate-links ul .link-wrapper a:active .icon-link.external:before {
    content: url("Images/icon-external-white_hover.png");
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover {
    text-decoration: none;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:hover span {
    border-bottom: 1px solid #fff;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:active {
    text-decoration: none;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:active span {
    border-bottom: 1px solid #fff;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus {
    text-decoration: none;
  }
  .content.service .donate-wrapper .donate-links ul .link-wrapper a:focus span {
    border-bottom: 1px solid #fff;
  }
  .content.service .single-teaser .teaser-text {
    padding: 64px 60px 20px 60px;
    height: 40.25vw;
    height: auto;
    min-height: 580px;
  }
  .content.service-start .element-box .std-text h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .content.service-start .stage .stage-wrapper li {
    display: flex;
    flex-direction: row-reverse;
  }
  .content.service-start .stage .stage-wrapper li .stage-text {
    min-height: 475px;
    height: auto;
  }
  .content.service-start .stage .stage-wrapper li .stage-text h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content.service-start .stage .stage-wrapper li .stage-pict img {
    min-height: 475px;
  }
  .content.service-start .stage .stage-wrapper li .stage-pict .bg-img {
    min-height: 475px;
    height: auto;
    width: auto;
  }
  .content.service-start .stage .stage-wrapper li .wrapper-dark {
    display: block;
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    min-height: 475px;
  }
  .content.service-start .stage .stage-wrapper li.flex-active-slide .wrapper-dark {
    display: none;
  }
  .content .event-map {
    flex-direction: row;
  }
  .content .event-map .map {
    height: auto;
  }
  .content .event-map .event {
    padding: 45px 60px 50px 60px;
  }
  .content .event-map .event h2 {
    margin-bottom: 38px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  .content .event-map .event h3 {
    margin-top: 28px;
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.333333;
  }
  /* .content END */
  /* Element Abstaende Mobile */
  .content.service.service-start .element-box {
    margin-bottom: 62px;
  }
} /* @media END */
@media screen and (min-width: 1440px) {
  .content .stage .stage-wrapper .stage-text {
    padding: 60px;
  }
  .content .local .proposal {
    padding: 60px;
  }
  .content .current.textlist .article {
    min-height: 420px;
  }
}
/* IE 10 Hack */
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content .teaser-list {
    display: inline-block;
    width: 100.05%;
  }
}
@media screen and (max-width: 1023px) and (min-width: 800px) {
  .content .sharing h2 {
    margin-top: 6px;
  }
}
@media (max-width: 799px) {
  .content.standard-page.focus .stage-pict .bg-img {
    height: 50vw;
  }
}
.content.contentPage .management-news header h2 {
  font-size: 40px;
  line-height: 1.2;
}

.content.service .row-wrapper .text-box .benefit ul .link-wrapper a,
.content.service .row-wrapper .text-box .benefit ul .link-wrapper .fix-header .logo span,
.fix-header .logo .content.service .row-wrapper .text-box .benefit ul .link-wrapper span {
  font-size: 24px;
}

@media screen and (max-width: 1023px) {
  .content .infobox-outer h2 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: bold;
  }
}
/*
.icon-link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  width: 140%;
  left: -40%;
  background-color: rgba(255, 100, 0, 0.5);
}
*/
@media print {
  .portal-header--logo {
    background-color: rgb(90, 37, 114) !important;
  }
}