@charset "UTF-8";
/*
styles.css für blista.de
A&B One Digital GmbH || http://www.a-b-one-digital.de/
Version: 2015-10-13
*/
/* *** =========================================== ***
** Variables
*/
/* *** =========================================== ***
** Helper classes
*/
.visuallyhidden, .element-invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .focusable.element-invisible:active,
.visuallyhidden.focusable:focus,
.focusable.element-invisible:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.top_wrapper:after,
.accessibility-bar:after,
.mobile_navigation li:after,
.service_wrap:after,
.inner:after,
.sup-phablet:after,
.nav-level-1:after,
.nav-level-1 ul:after,
.nav-quicklinks__list_wrap > ul:after,
.nav-social__list_wrap > ul:after,
.nav-legal__list_wrap > ul:after,
.navgroups-wrapper:after,
.page_main:after,
main:after,
.clearfix:after,
.container:after,
.teaser:after,
.pic_gallery__list:after,
.event_data:after,
.search:after,
.field_wrap:after,
.legal:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.hidden {
  color: transparent; }

.align_center {
  text-align: center; }

.float_left {
  float: left; }

.float_right {
  float: right; }

ul.layout,
ol.layout {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.layout li,
  ol.layout li {
    margin-left: 0;
    padding-left: 0; }

a[href$='.zip'],
a[href$='.pdf'],
a[href$='.doc'],
a[href$='.docx'],
a[href$='.xls'],
a[href$='.xlsx'],
a[href$='.ppt'],
a[href$='.pptx'],
a[href$='.odt'],
a[href^=download],
.teaser--linkbox li a {
  position: relative;
  padding-left: 3rem; }
  a[href$='.zip']:before,
  a[href$='.pdf']:before,
  a[href$='.doc']:before,
  a[href$='.docx']:before,
  a[href$='.xls']:before,
  a[href$='.xlsx']:before,
  a[href$='.ppt']:before,
  a[href$='.pptx']:before,
  a[href$='.odt']:before,
  a[href^=download]:before,
  .teaser--linkbox li a:before {
    position: absolute;
    top: -.1rem;
    left: 0;
    width: 2.6rem;
    height: 2.6rem;
    background-color: transparent;
    background-image: url(svg/pfeile-rechts.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    content: ""; }
  a[href$='.zip']:hover:before, a[href$='.zip']:focus:before, a[href$='.zip']:active:before,
  a[href$='.pdf']:hover:before,
  a[href$='.pdf']:focus:before,
  a[href$='.pdf']:active:before,
  a[href$='.doc']:hover:before,
  a[href$='.doc']:focus:before,
  a[href$='.doc']:active:before,
  a[href$='.docx']:hover:before,
  a[href$='.docx']:focus:before,
  a[href$='.docx']:active:before,
  a[href$='.xls']:hover:before,
  a[href$='.xls']:focus:before,
  a[href$='.xls']:active:before,
  a[href$='.xlsx']:hover:before,
  a[href$='.xlsx']:focus:before,
  a[href$='.xlsx']:active:before,
  a[href$='.ppt']:hover:before,
  a[href$='.ppt']:focus:before,
  a[href$='.ppt']:active:before,
  a[href$='.pptx']:hover:before,
  a[href$='.pptx']:focus:before,
  a[href$='.pptx']:active:before,
  a[href$='.odt']:hover:before,
  a[href$='.odt']:focus:before,
  a[href$='.odt']:active:before,
  a[href^=download]:hover:before,
  a[href^=download]:focus:before,
  a[href^=download]:active:before,
  .teaser--linkbox li a:hover:before,
  .teaser--linkbox li a:focus:before,
  .teaser--linkbox li a:active:before {
    background-image: url(svg/pfeile-rechts_hover.svg);
    background-position: -.5rem 0; }

a[href$='.zip']:before,
a[href$='.pdf']:before,
a[href$='.doc']:before,
a[href$='.docx']:before,
a[href$='.xls']:before,
a[href$='.xlsx']:before,
a[href$='.ppt']:before,
a[href$='.pptx']:before,
a[href$='.odt']:before,
.teaser--linkbox li a[href$='.zip']:before,
.teaser--linkbox li a[href$='.pdf']:before,
.teaser--linkbox li a[href$='.doc']:before,
.teaser--linkbox li a[href$='.docx']:before,
.teaser--linkbox li a[href$='.xls']:before,
.teaser--linkbox li a[href$='.xlsx']:before,
.teaser--linkbox li a[href$='.ppt']:before,
.teaser--linkbox li a[href$='.pptx']:before,
.teaser--linkbox li a[href$='.odt']:before,
a[href^=download]:before {
  background-image: url(svg/pfeil-download.svg); }

a[href$='.zip']:hover:before, a[href$='.zip']:focus:before, a[href$='.zip']:active:before,
a[href$='.pdf']:hover:before,
a[href$='.pdf']:focus:before,
a[href$='.pdf']:active:before,
a[href$='.doc']:hover:before,
a[href$='.doc']:focus:before,
a[href$='.doc']:active:before,
a[href$='.docx']:hover:before,
a[href$='.docx']:focus:before,
a[href$='.docx']:active:before,
a[href$='.xls']:hover:before,
a[href$='.xls']:focus:before,
a[href$='.xls']:active:before,
a[href$='.xlsx']:hover:before,
a[href$='.xlsx']:focus:before,
a[href$='.xlsx']:active:before,
a[href$='.ppt']:hover:before,
a[href$='.ppt']:focus:before,
a[href$='.ppt']:active:before,
a[href$='.pptx']:hover:before,
a[href$='.pptx']:focus:before,
a[href$='.pptx']:active:before,
a[href$='.odt']:hover:before,
a[href$='.odt']:focus:before,
a[href$='.odt']:active:before,
.teaser--linkbox li a[href$='.zip']:hover:before,
.teaser--linkbox li a[href$='.zip']:focus:before,
.teaser--linkbox li a[href$='.zip']:active:before,
.teaser--linkbox li a[href$='.pdf']:hover:before,
.teaser--linkbox li a[href$='.pdf']:focus:before,
.teaser--linkbox li a[href$='.pdf']:active:before,
.teaser--linkbox li a[href$='.doc']:hover:before,
.teaser--linkbox li a[href$='.doc']:focus:before,
.teaser--linkbox li a[href$='.doc']:active:before,
.teaser--linkbox li a[href$='.docx']:hover:before,
.teaser--linkbox li a[href$='.docx']:focus:before,
.teaser--linkbox li a[href$='.docx']:active:before,
.teaser--linkbox li a[href$='.xls']:hover:before,
.teaser--linkbox li a[href$='.xls']:focus:before,
.teaser--linkbox li a[href$='.xls']:active:before,
.teaser--linkbox li a[href$='.xlsx']:hover:before,
.teaser--linkbox li a[href$='.xlsx']:focus:before,
.teaser--linkbox li a[href$='.xlsx']:active:before,
.teaser--linkbox li a[href$='.ppt']:hover:before,
.teaser--linkbox li a[href$='.ppt']:focus:before,
.teaser--linkbox li a[href$='.ppt']:active:before,
.teaser--linkbox li a[href$='.pptx']:hover:before,
.teaser--linkbox li a[href$='.pptx']:focus:before,
.teaser--linkbox li a[href$='.pptx']:active:before,
.teaser--linkbox li a[href$='.odt']:hover:before,
.teaser--linkbox li a[href$='.odt']:focus:before,
.teaser--linkbox li a[href$='.odt']:active:before,
a[href^=download]:hover:before,
a[href^=download]:focus:before,
a[href^=download]:active:before {
  background-image: url(svg/pfeil-download_hover.svg); }

.bg_color--gruen {
  background-color: #a9eeaa; }

.bg_color--blau {
  background-color: #c9ebf9; }

.bg_color--orange {
  background-color: #fed6b2; }

.bg_color--gelb {
  background-color: #fad796; }

.sup-phablet {
  display: none; }

.sub-tablet {
  display: block; }

@media only screen and (min-width: 45em) {
  .sub-phablet {
    display: none; }
  .sup-phablet {
    display: block; } }

@media only screen and (min-width: 48em) {
  .sub-tablet {
    display: none; }
  .sup-tablet {
    display: block; } }

/* sig:rbu, 150902: Here was content of 00_variables.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1.6rem;
  font-size: inherit;
  font-family: inherit;
  vertical-align: baseline; }

html {
  box-sizing: border-box;
  font-size: 10px;
  font-family: Roboto, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input:focus,
button:focus,
textarea:focus {
  outline: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

/* sig:rbu, 150902: Here was content of 04_helpers.scss */
b,
strong {
  font-weight: bold; }

img {
  display: block; }

a {
  color: #000000;
  background-color: transparent;
  text-decoration: underline; }
  a:hover, a:focus, a:active {
    color: #ffffff;
    background-color: #000000;
    text-decoration: underline; }

h1 {
  padding: 4rem 0 0;
  font-size: 2.7rem;
  line-height: 1.25; }
  @media only screen and (min-width: 45em) {
    h1 {
      font-size: 3.2rem; } }
  @media only screen and (min-width: 80em) {
    h1 {
      font-size: 4.5rem; } }

h2 {
  padding: 4rem 0 0;
  font-size: 2.2rem;
  line-height: 1.19;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  @media only screen and (min-width: 45em) {
    h2 {
      font-size: 2.6rem; } }
  @media only screen and (min-width: 80em) {
    h2 {
      font-size: 3.6rem; } }

h3 {
  padding: 2rem 0 0;
  font-size: 2.2rem;
  line-height: 1.25; }

article h3 {
  font-weight: bold; }

h4 {
  padding: 1.75rem 0 0;
  font-size: 2.0rem;
  line-height: 1.25; }

h5 {
  padding: 1.6rem 0 0;
  font-size: 1.9rem;
  line-height: 1; }

h6 {
  padding: 1.5rem 0 0;
  font-size: 1.9rem;
  line-height: 1; }

p,
li,
figcaption,
blockquote,
form {
  font-size: 1.6rem;
  line-height: 1.2; }
  @media only screen and (min-width: 48em) {
    p,
    li,
    figcaption,
    blockquote,
    form {
      font-size: 1.7rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 80em) {
    p,
    li,
    figcaption,
    blockquote,
    form {
      font-size: 1.8rem;
      line-height: 1.5; } }

h1 + a[name] + h2,
h1 + h2 {
  padding-top: 0.9em; }

h1 + p,
h2 + p,
h3 + p,
p + p,
ul + p,
ol + p,
figure + p,
blockquote + p {
  padding: 2rem 0 0; }

h4 + p,
h5 + p,
h6 + p {
  padding-top: 0.6em; }

h1 + ul,
h1 + ol,
h2:not(.visuallyhidden):not(.element-invisible) + ul,
h2:not(.visuallyhidden):not(.element-invisible) + ol,
h3 + ul,
h3 + ol,
p + ul,
p + ol {
  padding: 2rem 0 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

ul li,
ol li {
  margin: 0 0 0 2.2rem;
  padding: 0 0 0 1rem; }
  ul li + li,
  ol li + li {
    margin-top: 2rem; }

article {
  padding: 0 1rem 2rem 4.5rem;
  overflow: hidden; }
  @media only screen and (min-width: 45em) {
    article {
      padding: 0 1rem 2rem 2rem; } }

figure {
  margin: 0;
  background: #dcdcdc; }
  figure img {
    max-width: 100%;
    height: auto; }
  figure figcaption {
    padding: 1rem 2rem; }

em,
cite {
  font-style: italic; }

blockquote {
  position: relative;
  padding: 2rem 0 0 0;
  overflow: visible; }
  @media only screen and (min-width: 60em) {
    blockquote {
      padding: 2rem 0 0; } }
  blockquote:before {
    position: absolute;
    top: 1rem;
    left: -3.5rem;
    font-size: 4rem;
    font-weight: bold;
    font-family: serif;
    content: "\201C"; }
    @media only screen and (min-width: 60em) {
      blockquote:before {
        top: 0;
        left: -5rem;
        font-size: 6rem; } }

article blockquote {
  margin-left: 4rem; }

sup, sub {
  font-size: smaller; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

body {
  background-color: #c9eccd; }

.page_header,
.page_main,
.page_footer {
  margin: 0 auto;
  background-color: white; }

.page_header {
  max-width: 1280px; }
  .page_header > .sup-phablet,
  .page_header > .intro {
    margin: 0 auto;
    max-width: 1280px; }

.top_wrapper {
  position: relative;
  padding-top: 1rem; }
  @media only screen and (min-width: 30em) {
    .top_wrapper {
      padding-top: 2rem; } }

.site_banner {
  float: left;
  margin: 1rem 0 1rem 1rem;
  width: 14rem;
  max-width: 265px;
  background: #ffffff; }
  @media only screen and (min-width: 30em) {
    .site_banner {
      margin: .6rem 0 0 2rem;
      width: 20rem; } }
  @media only screen and (min-width: 45em) {
    .site_banner {
      width: auto; } }
  .site_banner img, .site_banner picture {
    max-width: 100%; }
  .site_banner img.logo {
    left: 21px;
    top: -70px; }
  .site_banner a {
    display: inline-block;
    padding-bottom: 2px; }
  .site_banner a:hover,
  .site_banner a:focus {
    background-color: #4cc059; }

.page_main {
  max-width: 1280px;
  border-top: 1px solid #000000; }
  .page_main aside .nav_category {
    display: none;
    margin-bottom: 4rem; }
  @media only screen and (max-width: 44.99em) {
    .page_main aside {
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
      margin: 0 1%;
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 30em) {
    .page_main aside:after {
      content: '';
      width: 32%;
      max-width: 32%; } }
  @media only screen and (min-width: 45em) {
    .page_main aside {
      float: left;
      padding: 4rem 1rem 4rem 1rem;
      width: 33.333%;
      width: 30%; }
      .page_main aside .nav_category {
        display: block; } }
  @media only screen and (min-width: 45em) and (min-width: 60em) {
    .page_main aside {
      padding: 4rem 2rem 4rem 2rem; } }
  @media only screen and (min-width: 45em) {
      .page_main aside + main {
        float: right;
        padding: 0 2rem 2rem 1rem;
        width: 66.666%;
        width: 70%; } }
    @media only screen and (min-width: 45em) and (min-width: 60em) {
      .page_main aside + main {
        padding: 0 4rem 4rem 4rem; } }
  .page_main main {
    padding-bottom: 4rem; }

@media only screen and (min-width: 45em) {
  .page_main .nav-schnellzugriffe + aside + #page-content .nav_breadcrumbs,
  .page_main .nav-schnellzugriffe + aside {
    padding-top: 2rem; } }

.page_footer {
  max-width: 1280px;
  border-top: 1px solid #000000; }

.center_horizont_pull_01 {
  position: relative;
  left: -50%;
  float: right; }

.center_horizont_pull_02 {
  position: relative;
  margin: 0 auto;
  padding: 0;
  left: 50%; }

.container {
  max-width: 100%;
  margin: 0 auto;
  position: relative; }
  .container > hr {
    border-top: none; }
  .container > hr.trennlinie {
    border-top: 1px solid;
    margin: 2em 0; }

.label {
  margin: 2rem 1rem 0 1rem;
  padding: 0 0 0 3rem;
  line-height: 1.25;
  border-left: 0.5rem solid #00a513;
  font-size: 1.6rem; }
  @media only screen and (min-width: 45em) {
    .label {
      margin: 5.5rem 1rem 0 4rem;
      padding-left: 4.5rem;
      font-size: 2.34rem; } }
  .intro .label {
    margin-top: 3rem; }
  @media only screen and (min-width: 45em) {
    main .label {
      margin: 5.5rem 1rem 0 2rem;
      padding-left: 4.5rem; } }
  article .label {
    margin-left: 0; }
    @media only screen and (min-width: 45em) {
      article .label {
        margin-left: 0; } }

.category_heading {
  margin-left: 4rem; }
  @media only screen and (min-width: 45em) {
    .category_heading {
      margin-left: 2.5rem; } }

[role="navigation"] ul {
  list-style-type: none; }
  [role="navigation"] ul li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 1; }
    [role="navigation"] ul li a,
    [role="navigation"] ul li span {
      float: left; }

.archive_link {
  display: block;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  text-align: center;
  border: 3px solid #000000; }

.video_embed_container {
  position: relative;
  margin: 0;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  overflow: hidden;
  width: 100%;
  height: auto;
  background: transparent; }
  .video_embed_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

audio {
  width: 100%; }

/**
 * Markup generated by theme_item_list().
 */
.item-list .title {
  font-weight: bold; }

.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0; }

.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  /* LTR */
  padding: 0; }

.item-list .pager {
  margin-top: 4rem;
  clear: both;
  text-align: center; }

.item-list .pager li {
  background-image: none;
  display: inline-block;
  list-style-type: none;
  padding: 0.5em;
  margin-left: 0; }

.pager-current {
  font-weight: bold; }

/* *** =========================================== ***
** navgroup Object - TBW!!!
*/
/* [role="navigation"]  */
.navgroup ul li {
  float: none;
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .navgroup ul li a, .navgroup ul li span {
    float: none;
    display: block; }
  .navgroup ul li a {
    padding: .5rem 1rem .5rem 1rem;
    margin: 0 .5rem .3rem 0;
    font-weight: bold;
    line-height: 1.2; }
  .navgroup ul li a:focus,
  .navgroup ul li a:active {
    background-color: #000000; }
  .navgroup ul li ul {
    padding: 2rem 0 0 2rem; }
    .navgroup ul li ul li a {
      font-weight: normal; }

/* *** =========================================== ***
** Visual Orientation in level 1 Navigation and Category Navigation
*/
.nav-level-1 ul .is_current strong {
  float: none;
  display: block;
  padding: 1rem 2rem;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.35;
  text-align: center;
  background: transparent;
  border: 2px solid transparent;
  color: #ffffff;
  background: #000000; }
  @media only screen and (min-width: 45em) {
    .nav-level-1 ul .is_current strong {
      padding: 1.3rem 2rem 1.2rem 2rem;
      font-size: 1.8rem;
      min-height: 7.8rem; } }
  @media only screen and (min-width: 60em) {
    .nav-level-1 ul .is_current strong {
      padding: 2rem 2rem 1.6rem 2rem;
      font-size: 2rem;
      min-height: 9.5rem; } }
  @media only screen and (min-width: 80em) {
    .nav-level-1 ul .is_current strong {
      padding: 2.2rem 2.75rem 1.4rem 2.75rem; } }
  .nav-level-1 ul .is_current strong:before {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 9;
    margin-bottom: 5px;
    width: 25px;
    min-height: 100%;
    background-color: transparent;
    background-image: url(bg/sprite-navigation.png);
    background-repeat: no-repeat;
    background-position: 10px 2rem;
    border-left: solid 5px #4cc059;
    content: ""; }
    @media only screen and (min-width: 60em) {
      .nav-level-1 ul .is_current strong:before {
        background-position: 7px 3.2rem; } }
    @media only screen and (min-width: 80em) {
      .nav-level-1 ul .is_current strong:before {
        background-position: 15px 3.5rem; } }

.nav-level-1 ul .is_current + li a:hover:after, .nav-level-1 ul .is_current + li a:focus:after, .nav-level-1 ul .is_current + li a:active:after {
  background: transparent; }

.nav-level-1 ul .is_parent {
  background: #dcdcdc; }
  .nav-level-1 ul .is_parent:before {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 9;
    width: 25px;
    min-height: 100%;
    background-color: transparent;
    background-image: url(bg/sprite-navigation.png);
    background-repeat: no-repeat;
    background-position: 10px -17.5rem;
    border-left: solid 5px transparent;
    content: ""; }
    @media only screen and (min-width: 60em) {
      .nav-level-1 ul .is_parent:before {
        background-position: 7px -16.7rem; } }
    @media only screen and (min-width: 80em) {
      .nav-level-1 ul .is_parent:before {
        background-position: 15px -16.5rem; } }
  .nav-level-1 ul .is_parent:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    height: 5px;
    background-color: transparent;
    border-bottom: solid 5px #000000;
    content: ""; }
  .nav-level-1 ul .is_parent:hover:before, .nav-level-1 ul .is_parent:focus:before, .nav-level-1 ul .is_parent:active:before {
    background-position: 10px 100%;
    background-color: #4cc059; }
  .nav-level-1 ul .is_parent:hover:after, .nav-level-1 ul .is_parent:focus:after, .nav-level-1 ul .is_parent:active:after {
    border-color: transparent; }
  .nav-level-1 ul .is_parent:hover > a, .nav-level-1 ul .is_parent:focus > a, .nav-level-1 ul .is_parent:active > a {
    background: #4cc059;
    text-decoration: underline; }
  .nav-level-1 ul .is_parent + li a:hover:after, .nav-level-1 ul .is_parent + li a:focus:after, .nav-level-1 ul .is_parent + li a:active:after {
    background: transparent; }

.navgroup--category ul li.is_current strong {
  display: block;
  margin: 0;
  padding: .75rem 1rem .75rem 3.5rem;
  line-height: 1.2;
  font-weight: normal;
  color: #ffffff;
  background: #000000;
  border: 1px solid transparent;
  position: relative; }
  .navgroup--category ul li.is_current strong:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 5px;
    min-height: 100%;
    background: #4cc059;
    content: ""; }
  .navgroup--category ul li.is_current strong:after {
    position: absolute;
    top: 1.4rem;
    left: 1.5rem;
    width: 5px;
    height: 5px;
    background: #4cc059;
    content: ""; }

.navgroup--category ul li.is_current > .navgroup__list {
  position: relative; }
  .navgroup--category ul li.is_current > .navgroup__list a {
    background: #dcdcdc; }
    .navgroup--category ul li.is_current > .navgroup__list a:before {
      background: #000000; }
    .navgroup--category ul li.is_current > .navgroup__list a:hover, .navgroup--category ul li.is_current > .navgroup__list a:focus, .navgroup--category ul li.is_current > .navgroup__list a:active {
      color: #000000;
      background: #ffffff;
      border: 1px solid #000000; }
      .navgroup--category ul li.is_current > .navgroup__list a:hover:before, .navgroup--category ul li.is_current > .navgroup__list a:focus:before, .navgroup--category ul li.is_current > .navgroup__list a:active:before {
        background: #4cc059; }
      .navgroup--category ul li.is_current > .navgroup__list a:hover:after, .navgroup--category ul li.is_current > .navgroup__list a:focus:after, .navgroup--category ul li.is_current > .navgroup__list a:active:after {
        background: transparent; }

.navgroup--category ul li a {
  position: relative;
  margin: 0;
  padding: .75rem 1rem .75rem 3.5rem;
  border: 1px solid transparent;
  font-weight: normal; }
  .navgroup--category ul li a:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 5px;
    min-height: 100%;
    background: transparent;
    content: ""; }
  .navgroup--category ul li a:after {
    position: absolute;
    top: 1.4rem;
    left: 1.5rem;
    width: 5px;
    height: 5px;
    background: transparent;
    content: ""; }
  .navgroup--category ul li a:hover, .navgroup--category ul li a:focus, .navgroup--category ul li a:active {
    color: #000000;
    background: #ffffff;
    border: 1px solid #000000; }
    .navgroup--category ul li a:hover:before, .navgroup--category ul li a:focus:before, .navgroup--category ul li a:active:before {
      background: #4cc059; }
  .navgroup--category ul li a.is_current_parent + .navgroup__list, .navgroup--category ul li a.is_current_grandparent + .navgroup__list {
    position: relative; }
    .navgroup--category ul li a.is_current_parent + .navgroup__list a, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a {
      background: #dcdcdc; }
      .navgroup--category ul li a.is_current_parent + .navgroup__list a:before, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:before {
        background: #000000; }
      .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover, .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus, .navgroup--category ul li a.is_current_parent + .navgroup__list a:active, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active {
        color: #000000;
        background: #ffffff;
        border: 1px solid #000000; }
        .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover:before, .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus:before, .navgroup--category ul li a.is_current_parent + .navgroup__list a:active:before, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover:before, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus:before, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active:before {
          background: #4cc059; }
        .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover:after, .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus:after, .navgroup--category ul li a.is_current_parent + .navgroup__list a:active:after, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover:after, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus:after, .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active:after {
          background: transparent; }
  .navgroup--category ul li a.is_current_parent, .navgroup--category ul li a.is_current_grandparent {
    color: #000000;
    background: #dcdcdc; }
    .navgroup--category ul li a.is_current_parent:before, .navgroup--category ul li a.is_current_parent:after, .navgroup--category ul li a.is_current_grandparent:before, .navgroup--category ul li a.is_current_grandparent:after {
      background: #000000; }
    .navgroup--category ul li a.is_current_parent:hover, .navgroup--category ul li a.is_current_parent:focus, .navgroup--category ul li a.is_current_parent:active, .navgroup--category ul li a.is_current_grandparent:hover, .navgroup--category ul li a.is_current_grandparent:focus, .navgroup--category ul li a.is_current_grandparent:active {
      color: #000000;
      background: #ffffff;
      border: 1px solid #000000; }
      .navgroup--category ul li a.is_current_parent:hover:before, .navgroup--category ul li a.is_current_parent:focus:before, .navgroup--category ul li a.is_current_parent:active:before, .navgroup--category ul li a.is_current_grandparent:hover:before, .navgroup--category ul li a.is_current_grandparent:focus:before, .navgroup--category ul li a.is_current_grandparent:active:before {
        background: #4cc059; }
      .navgroup--category ul li a.is_current_parent:hover:after, .navgroup--category ul li a.is_current_parent:focus:after, .navgroup--category ul li a.is_current_parent:active:after, .navgroup--category ul li a.is_current_grandparent:hover:after, .navgroup--category ul li a.is_current_grandparent:focus:after, .navgroup--category ul li a.is_current_grandparent:active:after {
        background: transparent; }
    .navgroup--category ul li a.is_current_parent + .navgroup__list, .navgroup--category ul li a.is_current_grandparent + .navgroup__list {
      position: relative; }

/* *** =========================================== ***
** Various Constellations for Category Navigation
*/
[role="navigation"] .navgroup--category .navgroup__list--level01 > li > a {
  display: none; }

[role="navigation"] .navgroup--category .navgroup__list--level02 {
  padding: 0; }
  [role="navigation"] .navgroup--category .navgroup__list--level02 li .navgroup__list {
    display: none;
    padding: 0; }
  [role="navigation"] .navgroup--category .navgroup__list--level02 li.is_current > .navgroup__list {
    display: block;
    margin: 0 0 0 1.5rem;
    padding: 0 0 0 0; }
  [role="navigation"] .navgroup--category .navgroup__list--level02 li > .is_current_parent + .navgroup__list,
  [role="navigation"] .navgroup--category .navgroup__list--level02 li > .is_current_grandparent + .navgroup__list {
    display: block;
    margin: 0 0 0 1.5rem;
    padding: 0 0 0 0; }

/* *** =========================================== ***
** Breadcrumb Navigation
*/
.nav_breadcrumbs {
  margin: 0 4rem;
  padding: 4rem 0 0; }
  @media only screen and (min-width: 45em) {
    .nav_breadcrumbs {
      margin-left: 2rem; } }
  .nav_breadcrumbs a {
    position: relative;
    float: none;
    display: block;
    margin: 0 3rem 0 0;
    padding: .5rem; }
    .nav_breadcrumbs a:after, .nav_breadcrumbs a:hover:after {
      position: absolute;
      right: -2rem;
      top: .6rem;
      color: #000000;
      content: ">"; }
  .nav_breadcrumbs strong {
    display: block;
    margin: 0;
    padding: .5rem; }

/* *** =========================================== ***
** Sitemap *like* navigation in page footer
*/
.navgroup--sitemap .navgroup__list__level02 .is_current strong {
  font-weight: normal; }

/* *** =========================================== ***
** Teaser Object
*/
.teaser {
  margin-top: 4rem;
  border-top: 1px solid #000000; }
  .page_main > .teaser:first-of-type {
    margin-top: 0;
    border-top: none; }
  .teaser + .teaser {
    /* border-top: 1px solid $weiss; */
    /* because of collapsing margins!!! */ }
  .bg_color--gruen + .teaser,
  .bg_color--orange + .teaser,
  .bg_color--gelb + .teaser,
  .bg_color--blau + .teaser,
  .teaser + .bg_color--gruen,
  .teaser + .bg_color--orange,
  .teaser + .bg_color--gelb,
  .teaser + .bg_color--blau {
    border-top: 1px solid transparent; }

.teaser__body {
  padding: 0 4.5rem 2rem 4.5rem; }
  @media only screen and (min-width: 45em) {
    .teaser__body {
      padding: 0 4rem 4rem 9rem; } }
  @media only screen and (min-width: 45em) {
    main .teaser__body {
      padding: 0 4rem 4rem 7rem; } }
  .label + .teaser__body {
    margin-top: 4rem; }
    .label + .teaser__body h2:first-child {
      padding-top: 0; }

.teaser_wrap {
  margin: 4rem 0 0;
  border-top: 1px solid #000000; }
  .page_main .teaser_wrap:first-child,
  .page_main .tabs + .teaser_wrap,
  .bg_color--gruen + .teaser_wrap,
  .bg_color--orange + .teaser_wrap,
  .bg_color--blau + .teaser_wrap,
  .bg_color--gelb + .teaser_wrap,
  .teaser_wrap + .bg_color--gruen,
  .teaser_wrap + .bg_color--orange,
  .teaser_wrap + .bg_color--gelb,
  .teaser_wrap + .bg_color--blau {
    border-top: 1px solid transparent; }

.teaser_wrap--clustered {
  margin: 0 0 0;
  border-top: 1px solid transparent; }
  .teaser + .teaser_wrap--clustered,
  .teaser_wrap--clustered + .teaser,
  .teaser_wrap + .teaser_wrap--clustered,
  .teaser_wrap--clustered + .teaser_wrap {
    border-top: 1px solid #000000; }
  .bg_color--gruen + .teaser_wrap--clustered,
  .bg_color--orange + .teaser_wrap--clustered,
  .bg_color--blau + .teaser_wrap--clustered,
  .bg_color--gelb + .teaser_wrap--clustered,
  .teaser_wrap--clustered + .bg_color--gruen,
  .teaser_wrap--clustered + .bg_color--orange,
  .teaser_wrap--clustered + .bg_color--gelb,
  .teaser_wrap--clustered + .bg_color--blau {
    border-top: 1px solid transparent; }

/* *** =========================================== ***
** Teaser Variants
*/
.teaser.bg_color--gruen, .teaser.bg_color--blau, .teaser.bg_color--gelb, .teaser.bg_color--orange,
.teaser_wrap.bg_color--gruen,
.teaser_wrap.bg_color--blau,
.teaser_wrap.bg_color--gelb,
.teaser_wrap.bg_color--orange {
  border-top-color: #ffffff; }

@media only screen and (min-width: 45em) {
  .teaser--wide .label {
    margin-left: 4rem; } }

@media only screen and (min-width: 60em) {
  .teaser--wide .teaser__body {
    padding: 0 20rem 4rem; } }

@media only screen and (min-width: 45em) {
  main .teaser--wide .label {
    margin-left: 2rem; } }

@media only screen and (min-width: 48em) {
  main .teaser--wide .teaser__body,
  main .teaser--wide .teaser--media__body {
    padding: 0 4rem 4rem 7rem; } }

.teaser--media__body,
.teaser--media__media {
  padding: 0 4.5rem;
  width: auto;
  max-width: 100%; }

.teaser--media__media {
  padding: 0 4.5rem;
  overflow: hidden; }
  .teaser--media__media img {
    width: auto;
    max-width: 100%; }
    .teaser--media__media img[src$=svg] {
      margin: 0 auto;
      max-width: 50%; }
  .label + .teaser--media__media {
    margin-top: 4rem; }
    .label + .teaser--media__media h2:first-child {
      padding-top: 0; }
  @media only screen and (min-width: 60em) {
    .teaser--media__media + .teaser--media__body {
      margin-top: 0; } }
  @media only screen and (min-width: 45em) {
    .teaser--media__media {
      padding: 0 4rem 2rem 9rem; } }
  @media only screen and (min-width: 45em) {
    main .teaser--media__media {
      padding: 0 2rem 2rem 2rem; } }

.teaser--media__body {
  padding-bottom: 2rem; }
  .teaser--media__body > .label {
    margin-left: -3.5rem; }
  @media only screen and (min-width: 45em) {
    .teaser--media__body {
      padding: 0 4rem 4rem 9rem; }
      .teaser--media__body > .label {
        margin-left: -5rem; } }
  @media only screen and (min-width: 45em) {
    main .teaser--media__body {
      padding: 0 2rem 4rem 7rem; }
      main .teaser--media__body > .label {
        margin-left: -2rem; } }
  @media only screen and (min-width: 60em) {
    main .teaser--media__body {
      padding: 0 4rem 4rem 7rem; } }

.teaser--media--left .teaser--media__body,
.teaser--media--left .teaser--media__media,
.teaser--media--right .teaser--media__body,
.teaser--media--right .teaser--media__media {
  width: 100%; }
  @media only screen and (min-width: 60em) {
    .teaser--media--left .teaser--media__body,
    .teaser--media--left .teaser--media__media,
    .teaser--media--right .teaser--media__body,
    .teaser--media--right .teaser--media__media {
      width: 50%; } }

@media only screen and (min-width: 60em) {
  .teaser--media__media {
    max-height: 100%;
    overflow: visible; }
  .teaser--media--left .teaser--media__body {
    float: right; }
  .teaser--media--left .teaser--media__media {
    float: left; }
  .teaser--media--right .teaser--media__body {
    float: left; }
  .teaser--media--right .teaser--media__media {
    float: right;
    padding: 0 4rem 2rem 9rem; }
  main .teaser--media--right .teaser--media__media {
    float: right;
    padding: 0 2rem 2rem 4rem; } }

.teaser--media__media--icon figure {
  background: transparent; }

.teaser--top {
  padding: 0; }
  .teaser--top .teaser--media__media {
    padding: 0; }
    .teaser--top .teaser--media__media img {
      width: 100%; }
  @media only screen and (min-width: 60em) {
    main .teaser--top .label {
      margin-left: -5rem; }
    main .teaser--top .teaser--media__media {
      padding: 0; }
    main .teaser--top .teaser--media__body {
      padding: 0 3rem 4rem 7rem; } }
  @media only screen and (min-width: 60em) {
    .teaser--top.teaser--media--up .teaser--media__body {
      padding: 0 20rem 4rem; }
      .teaser--top.teaser--media--up .teaser--media__body > .label {
        margin-left: -16rem; } }

.teaser--half_width {
  margin-top: 0;
  padding: 1rem 0;
  border-top: none;
  border-bottom: none; }
  .teaser--half_width + .teaser--half_width {
    border-top: 1px solid #000000; }
  @media only screen and (min-width: 60em) {
    .teaser--half_width {
      float: left;
      padding: 0 0 5rem 0;
      width: 50%;
      border-top: none;
      border-bottom: none; }
      .teaser--half_width + .teaser--half_width {
        float: right;
        border-top: none; }
      .teaser--half_width > .teaser__body,
      .teaser--half_width > .teaser--media__media,
      .teaser--half_width > .teaser--media__body {
        position: relative; }
        .teaser--half_width > .teaser__body:after,
        .teaser--half_width > .teaser--media__media:after,
        .teaser--half_width > .teaser--media__body:after {
          position: absolute;
          left: 0;
          top: 0;
          width: 1px;
          height: 100%;
          background: #000000;
          content: ""; }
      .teaser--half_width > .teaser--media__media {
        padding: 0 2rem 0 2.5rem; }
      .teaser--half_width:first-of-type > .teaser__body:after,
      .teaser--half_width:first-of-type > .teaser--media__media:after,
      .teaser--half_width:first-of-type > .teaser--media__body:after {
        left: 100%; } }
  @media only screen and (min-width: 80em) {
    .teaser--half_width > .teaser--media__media {
      padding: 0 5rem 0 9rem; }
      main .teaser--half_width > .teaser--media__media {
        padding: 0 2rem 0 2rem; }
    main .teaser--half_width > .teaser--media__body {
      padding: 0 2rem 0 7rem; } }

.teaser_wrap--clustered {
  padding: 2rem; }
  .teaser_wrap--clustered .label {
    margin-left: -1rem; }
  @media only screen and (min-width: 45em) {
    .teaser_wrap--clustered {
      padding: 2rem 4rem; }
      .teaser_wrap--clustered .label {
        margin-left: 0; } }
  @media only screen and (min-width: 60em) {
    .teaser_wrap--clustered {
      padding: 4rem 7rem; }
      .teaser_wrap--clustered .label {
        margin-left: -3rem; } }
  main .teaser_wrap--clustered {
    padding: 0; }
    main .teaser_wrap--clustered .label {
      margin-left: 1.5rem; }
    @media only screen and (min-width: 45em) {
      main .teaser_wrap--clustered .label {
        margin-left: 2rem; } }

.teaser--clustered {
  margin: 0 2rem;
  padding: 2rem 2.5rem 0;
  border-top: none; }
  @media only screen and (min-width: 60em) {
    .teaser--clustered {
      padding: 4rem 2rem 2rem 5rem; } }
  .teaser--clustered + .teaser--clustered {
    margin: 2rem 0 0 0;
    border-top: 1px solid #000000; }
  .teaser--clustered .teaser__body {
    padding: 0 2rem 0 2rem; }
  .teaser--clustered.teaser--half_width {
    margin: 0;
    padding: 2rem 2.5rem; }
    .label + .teaser--clustered.teaser--half_width {
      margin-top: 2rem; }
    @media only screen and (min-width: 45em) {
      .teaser--clustered.teaser--half_width {
        padding: 2rem 2.5rem 2rem 3rem; } }
    @media only screen and (min-width: 60em) {
      .teaser--clustered.teaser--half_width {
        padding-top: 3.6rem;
        padding-bottom: 2rem;
        width: calc(50% - 3rem);
        border-top: 1px solid #000000; }
        .teaser--clustered.teaser--half_width:nth-of-type(odd) {
          float: left;
          margin: 0 3rem 0 0;
          clear: both; }
        .teaser--clustered.teaser--half_width .teaser__body:after {
          display: none; }
        .teaser--clustered.teaser--half_width:first-of-type,
        .teaser--clustered.teaser--half_width:first-of-type + .teaser--clustered.teaser--half_width {
          margin-top: 2rem;
          border-top: none; } }
    .teaser--clustered.teaser--half_width + .archive_link {
      margin: 2rem auto 0;
      width: calc(100% - 4rem);
      clear: right; }
      @media only screen and (min-width: 48em) {
        .teaser--clustered.teaser--half_width + .archive_link {
          float: right;
          margin: 4rem 0 0;
          width: calc(50% - 5rem); } }
    @media only screen and (min-width: 48em) {
      .teaser--clustered.teaser--half_width:nth-of-type(odd) + .archive_link {
        margin: 6.4rem 0 0; } }
  main .teaser--clustered {
    margin: 0 0 0 0; }
    @media only screen and (min-width: 45em) {
      main .teaser--clustered {
        margin: 0 0 0 2.5rem; }
        main .teaser--clustered + .teaser--clustered {
          margin-left: 2.5rem; } }
    @media only screen and (min-width: 60em) {
      main .teaser--clustered {
        margin: 0 0 0 0; }
        main .teaser--clustered + .teaser--clustered {
          margin-left: 0; } }

@media only screen and (min-width: 45em) {
  main .teaser_wrap--clustered .label + .teaser--half_width {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 60em) {
  main .teaser_wrap--clustered .label + .teaser--half_width {
    margin-left: 0; } }

.teaser--calendar .event_data {
  padding: 0 2rem 0 2rem; }
  .teaser--calendar .event_data + .teaser__body .event_heading:first-child {
    padding-top: .8rem;
    font-size: 2.4rem; }
    @media only screen and (min-width: 45em) {
      .teaser--calendar .event_data + .teaser__body .event_heading:first-child {
        font-size: 2.8rem; } }
    .teaser--calendar .event_data + .teaser__body .event_heading:first-child + .event_description {
      padding-top: .8rem; }
      @media only screen and (min-width: 45em) {
        .teaser--calendar .event_data + .teaser__body .event_heading:first-child + .event_description {
          padding-top: 1.2rem; } }

.teaser--calendar .event_day,
.teaser--calendar .event_month,
.teaser--calendar .event_year,
.teaser--calendar .event_time,
.teaser--calendar .event_location {
  display: block;
  float: left;
  padding-right: .6rem; }

.teaser--calendar .event_day,
.teaser--calendar .event_month,
.teaser--calendar .event_year {
  padding: 0 1rem 2.4rem 0;
  font-size: 2.4rem;
  line-height: 1; }
  @media only screen and (min-width: 45em) {
    .teaser--calendar .event_day,
    .teaser--calendar .event_month,
    .teaser--calendar .event_year {
      padding: 0 1rem 3.6rem 0;
      font-size: 2.8rem; } }

.teaser--calendar .event_time {
  clear: left; }
  .teaser--calendar .event_time + .event_location:before {
    content: " - "; }

@media only screen and (min-width: 60em) {
  .teaser--calendar.teaser--half_width {
    padding: 4rem 0; } }

.teaser--calendar.teaser--half_width .event_data {
  float: left;
  margin-top: 0;
  margin-left: 2rem;
  padding: 0 0 .8rem 0;
  line-height: 1;
  border-bottom: 5px solid #4cc059; }
  @media only screen and (min-width: 60em) {
    .teaser--calendar.teaser--half_width .event_data {
      margin-top: -1rem; } }

.teaser--calendar.teaser--half_width .event_day,
.teaser--calendar.teaser--half_width .event_month,
.teaser--calendar.teaser--half_width .event_location {
  float: none;
  line-height: 1; }
  @media only screen and (min-width: 48em) {
    .teaser--calendar.teaser--half_width .event_day,
    .teaser--calendar.teaser--half_width .event_month,
    .teaser--calendar.teaser--half_width .event_location {
      float: left;
      line-height: 1.2; } }
  @media only screen and (min-width: 60em) {
    .teaser--calendar.teaser--half_width .event_day,
    .teaser--calendar.teaser--half_width .event_month,
    .teaser--calendar.teaser--half_width .event_location {
      float: none;
      line-height: 1.5; } }

.teaser--calendar.teaser--half_width .event_day,
.teaser--calendar.teaser--half_width .event_month {
  padding: 0; }

.teaser--calendar.teaser--half_width .event_day {
  font-size: 4.6rem; }

.teaser--calendar.teaser--half_width .event_location {
  line-height: 1.5; }

.teaser--calendar.teaser--half_width .event_month,
.teaser--calendar.teaser--half_width .event_month abbr {
  font-size: 2.5rem; }

@media only screen and (min-width: 48em) {
  .teaser--calendar.teaser--half_width .event_month {
    line-height: 2;
    padding-left: 2rem; } }

@media only screen and (min-width: 60em) {
  .teaser--calendar.teaser--half_width .event_month {
    line-height: 1;
    padding-left: 0; } }

.teaser--calendar.teaser--half_width .teaser__body {
  padding-left: 10rem; }
  @media only screen and (min-width: 48em) {
    .teaser--calendar.teaser--half_width .teaser__body {
      clear: both;
      padding: 2rem 2rem 0; } }
  @media only screen and (min-width: 60em) {
    .teaser--calendar.teaser--half_width .teaser__body {
      clear: none;
      margin-left: 10rem;
      padding: 0 0 0 0; } }

.teaser--calendar.teaser--half_width .event_location + .event_heading {
  padding-top: 0; }

.teaser--calendar.teaser--half_width .event_heading {
  font-size: 1.6rem;
  line-height: 1.25; }
  @media only screen and (min-width: 48em) {
    .teaser--calendar.teaser--half_width .event_heading {
      clear: both; } }
  @media only screen and (min-width: 60em) {
    .teaser--calendar.teaser--half_width .event_heading {
      clear: none;
      font-size: 1.8rem;
      line-height: 1.5; } }

.teaser--news .pub_date {
  font-weight: bold; }
  .teaser--news .pub_date + p {
    padding-top: 0; }

.teaser--news .teaser--media__body {
  padding-bottom: .1rem; }

.teaser--news + .teaser--news {
  border-color: transparent; }

.teaser--news.teaser--clustered {
  margin: 0 0 0 2.5rem;
  padding: 0; }
  @media only screen and (min-width: 45em) {
    .teaser--news.teaser--clustered {
      margin: 0 0 0 4.5rem; }
      .teaser--news.teaser--clustered + .teaser--news.teaser--clustered {
        margin: 0 0 0 4.5rem; } }
  @media only screen and (min-width: 60em) {
    .teaser--news.teaser--clustered {
      margin: 0 0 0 5rem; }
      .teaser--news.teaser--clustered + .teaser--news.teaser--clustered {
        margin: 0 0 0 5rem; } }

.teaser--news + .teaser--news.teaser--media {
  margin-top: 0; }
  .teaser--news + .teaser--news.teaser--media .teaser--media__media {
    margin-top: 4rem; }

.teaser--linkbox ul {
  margin-left: -2rem; }
  .teaser--linkbox ul li {
    padding-left: 2rem; }
    .teaser--linkbox ul li a {
      margin-left: -3rem; }

/* *** =========================================== ***
** Figures in articles
*/
.article__figure {
  margin: 2rem 0 0; }

.article__figure--width_full {
  clear: both; }

@media only screen and (min-width: 35.75em) and (max-width: 45em) {
  .article__figure--left,
  .article__figure--right {
    margin: 2rem 0 2rem; } }

@media only screen and (min-width: 60em) {
  .article__figure--left,
  .article__figure--right {
    margin: 2rem 0 2rem; } }

@media only screen and (min-width: 35.75em) and (max-width: 45em) {
  .article__figure--left {
    float: left;
    margin-right: 2.6rem; } }

@media only screen and (min-width: 60em) {
  .article__figure--left {
    float: left;
    margin-right: 2.6rem; } }

@media only screen and (min-width: 35.75em) and (max-width: 45em) {
  .article__figure--right {
    float: right;
    margin-left: 2.6rem; } }

@media only screen and (min-width: 60em) {
  .article__figure--right {
    float: right;
    margin-left: 2.6rem; } }

.article__figure--width_golden_ratio,
.article__figure--width_thirds {
  width: 100%; }

@media only screen and (min-width: 35.75em) and (max-width: 45em) {
  .article__figure--width_golden_ratio {
    width: 38.196%; } }

@media only screen and (min-width: 60em) {
  .article__figure--width_golden_ratio {
    width: 38.196%; } }

@media only screen and (min-width: 35.75em) and (max-width: 45em) {
  .article__figure--width_thirds {
    width: 33.333%; } }

@media only screen and (min-width: 60em) {
  .article__figure--width_thirds {
    width: 33.333%; } }

.call_to_action_wrap {
  margin: 4rem 0 0 0;
  padding: 0;
  flex: 0 1 49%; }
  @media only screen and (min-width: 30em) {
    .call_to_action_wrap {
      flex: 0 1 32%; } }

.nav_category + .call_to_action_wrap {
  padding-top: 4rem;
  border-top: 1px solid #000000; }
  @media only screen and (max-width: 44.99em) {
    .nav_category + .call_to_action_wrap {
      border-top: none;
      padding-top: 0; } }

.call_to_action {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column-reverse; }
  .call_to_action .call_to_action__heading {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1.8rem;
    text-align: center; }
    .call_to_action .call_to_action__heading a {
      position: relative;
      display: block;
      padding: 1.4rem 0 1.2rem;
      color: #ffffff;
      background: #000000;
      border: 3px solid transparent; }
      .call_to_action .call_to_action__heading a:hover, .call_to_action .call_to_action__heading a:focus, .call_to_action .call_to_action__heading a:active {
        color: #000000;
        background: #ffffff;
        border-color: #000000; }
  .call_to_action img {
    margin: 0;
    width: 100%; }
  .call_to_action.bg_color--gruen .call_to_action__heading a {
    background-color: #4cc059;
    color: #000000; }
  .call_to_action.bg_color--orange .call_to_action__heading a {
    background-color: #febb7f;
    color: #000000; }
  .call_to_action.bg_color--blau .call_to_action__heading a {
    background-color: #b2e2f7;
    color: #000000; }
  .call_to_action.bg_color--gelb .call_to_action__heading a {
    background-color: #fcb42e;
    color: #000000; }
  .call_to_action.bg_color--gelb .call_to_action__heading a:hover, .call_to_action.bg_color--gelb .call_to_action__heading a:focus, .call_to_action.bg_color--gelb .call_to_action__heading a:active,
  .call_to_action.bg_color--gruen .call_to_action__heading a:hover,
  .call_to_action.bg_color--gruen .call_to_action__heading a:focus,
  .call_to_action.bg_color--gruen .call_to_action__heading a:active,
  .call_to_action.bg_color--orange .call_to_action__heading a:hover,
  .call_to_action.bg_color--orange .call_to_action__heading a:focus,
  .call_to_action.bg_color--orange .call_to_action__heading a:active,
  .call_to_action.bg_color--blau .call_to_action__heading a:hover,
  .call_to_action.bg_color--blau .call_to_action__heading a:focus,
  .call_to_action.bg_color--blau .call_to_action__heading a:active {
    color: #ffffff;
    background: #000000; }

/* *** =========================================== ***
** Mobile Menu Module
*/
.mobile-menu {
  margin: 0 1rem 0 0;
  text-align: right; }
  @media only screen and (min-width: 30em) {
    .mobile-menu {
      margin: 0 2rem 0 0;
      min-height: 6rem; } }
  .mobile-menu button {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    overflow: hidden;
    border: none;
    background: #4cc059;
    position: relative; }
    @media only screen and (min-width: 30em) {
      .mobile-menu button {
        width: 5rem;
        height: 5rem;
        line-height: 5rem; } }
    .mobile-menu button:hover, .mobile-menu button:focus {
      background: #000000;
      color: #ffffff; }
    .mobile-menu button.open-search {
      text-indent: -99999px; }
    .mobile-menu button.open-menu .visual-text {
      position: relative;
      top: 0.8rem;
      font-size: 1.3rem; }
      @media only screen and (min-width: 30em) {
        .mobile-menu button.open-menu .visual-text {
          top: 1.5rem; } }
    .mobile-menu button .close-menu-text {
      display: none; }
    .mobile-menu button.close-search {
      display: none;
      background-size: 75%;
      text-indent: -99999px; }
    .mobile-menu button.open-settings {
      text-indent: -99999px; }
    .mobile-menu button img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .mobile-menu button img.hover {
        display: none; }
    .mobile-menu button:hover img, .mobile-menu button:focus img, .mobile-menu button:active img {
      display: none; }
      .mobile-menu button:hover img.hover, .mobile-menu button:focus img.hover, .mobile-menu button:active img.hover {
        display: block; }

.top_wrapper .mobile_navigation {
  display: none; }

.top_wrapper.js-menu-is-open .mobile_navigation {
  display: block; }

.top_wrapper.js-menu-is-open .mobile-menu button .close-menu-text {
  display: inline; }

.top_wrapper.js-menu-is-open .mobile-menu button .open-menu-text {
  display: none; }

.js-settings-is-open .accessibility-bar {
  display: block; }

/* *** =========================================== ***
** Accessibility Bar
*/
.accessibility-bar {
  display: none;
  padding: 0;
  width: 100%;
  border: 0; }
  @media only screen and (min-width: 30em) {
    .accessibility-bar {
      float: right;
      width: 86%;
      text-align: right; } }
  @media only screen and (min-width: 35.75em) {
    .accessibility-bar {
      width: 56%; } }
  @media only screen and (min-width: 45em) {
    .accessibility-bar {
      display: block; } }
  @media only screen and (min-width: 48em) {
    .accessibility-bar {
      width: 40rem; } }
  @media only screen and (min-width: 60em) {
    .accessibility-bar {
      width: 57rem; } }
  .accessibility-bar .inner {
    float: right;
    margin-right: 1rem;
    padding-top: 0;
    width: 100%; }
    @media only screen and (min-width: 30em) {
      .accessibility-bar .inner {
        margin-right: 2rem; } }
    .accessibility-bar .inner hr {
      display: none; }

/* *** =========================================== ***
** .themepicker in ".container .accessibility-bar"
*/
.themepicker {
  position: relative;
  float: right;
  text-align: right;
  margin: 0 0 1rem 0;
  width: 30rem; }
  @media only screen and (min-width: 30em) {
    .themepicker {
      width: 28rem; } }
  @media only screen and (min-width: 48em) {
    .themepicker {
      width: 30rem; } }
  @media only screen and (min-width: 60em) {
    .themepicker {
      float: left;
      width: 30rem; } }
  .themepicker .opener {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    font-size: 1.6rem;
    text-align: left;
    line-height: 3.8rem; }
    .themepicker .opener strong {
      font-weight: normal; }
    .themepicker .opener a {
      float: right;
      padding: 0 5rem 0 2rem;
      width: 20rem;
      border: 1px solid #000000;
      color: #000000;
      background-color: #ffffff;
      background-repeat: no-repeat;
      background-position: 100% 0;
      cursor: pointer;
      text-decoration: none;
      position: relative; }
      @media only screen and (min-width: 30em) {
        .themepicker .opener a {
          width: 18rem; } }
      .themepicker .opener a:focus, .themepicker .opener a:hover {
        color: #ffffff;
        background-color: #000000;
        text-decoration: none; }
      .themepicker .opener a:after {
        content: url(svg/header/pfeil-dropdown.svg);
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        height: 100%;
        width: auto;
        overflow: hidden; }
  .themepicker .options {
    display: none;
    background-color: #ffffff;
    background-image: none;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 100%;
    width: 20rem; }
    @media only screen and (min-width: 30em) {
      .themepicker .options {
        width: 18rem; } }
    .themepicker .options ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .themepicker .options ul li {
        margin: 0;
        padding: 0;
        text-align: left; }
        .themepicker .options ul li a {
          display: block;
          line-height: 4rem;
          padding: 0 2rem;
          background-image: none;
          border: 1px solid #000000;
          border-top: none;
          text-decoration: none; }
          .themepicker .options ul li a:focus, .themepicker .options ul li a:hover {
            text-decoration: none;
            box-shadow: inset 0 0 0 2px #ffffff; }

.themepicker.isOpen h6.opener a,
.themepicker.isOpen h6.opener a:focus,
.themepicker.isOpen h6.opener a:hover {
  color: #000000;
  background: #ffffff url(svg/header/pfeil-dropdown.svg) no-repeat 100% 0; }

.themepicker.isOpen .options {
  display: block; }

/* *** =========================================== ***
** .fontsizer in ".container .accessibility-bar"
*/
.fontsizer {
  float: right;
  clear: right; }
  @media only screen and (min-width: 60em) {
    .fontsizer {
      width: 25rem; } }
  .fontsizer p {
    font-size: 1.6rem;
    line-height: 4rem; }
  .fontsizer strong {
    font-weight: normal;
    margin-right: 2rem; }

.fontsize-reset,
.fontsize-minus,
.fontsize-plus {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  text-indent: -99999px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #4cc059;
  border: none;
  position: relative; }
  @media only screen and (min-width: 30em) {
    .fontsize-reset,
    .fontsize-minus,
    .fontsize-plus {
      width: 5rem;
      height: 5rem;
      background-size: 75%; } }
  @media only screen and (min-width: 45em) {
    .fontsize-reset,
    .fontsize-minus,
    .fontsize-plus {
      width: 4rem;
      height: 4rem; } }
  .fontsize-reset img,
  .fontsize-minus img,
  .fontsize-plus img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .fontsize-reset img.hover,
    .fontsize-minus img.hover,
    .fontsize-plus img.hover {
      display: none; }
  .fontsize-reset:hover, .fontsize-reset:focus, .fontsize-reset:active,
  .fontsize-minus:hover,
  .fontsize-minus:focus,
  .fontsize-minus:active,
  .fontsize-plus:hover,
  .fontsize-plus:focus,
  .fontsize-plus:active {
    background-color: #000000; }
    .fontsize-reset:hover img, .fontsize-reset:focus img, .fontsize-reset:active img,
    .fontsize-minus:hover img,
    .fontsize-minus:focus img,
    .fontsize-minus:active img,
    .fontsize-plus:hover img,
    .fontsize-plus:focus img,
    .fontsize-plus:active img {
      display: none; }
      .fontsize-reset:hover img.hover, .fontsize-reset:focus img.hover, .fontsize-reset:active img.hover,
      .fontsize-minus:hover img.hover,
      .fontsize-minus:focus img.hover,
      .fontsize-minus:active img.hover,
      .fontsize-plus:hover img.hover,
      .fontsize-plus:focus img.hover,
      .fontsize-plus:active img.hover {
        display: block; }

/* *** =========================================== ***
** Top Header Component
*/
.top-header {
  padding: 0 1rem;
  width: 100%;
  min-height: 0;
  border-bottom: none; }
  @media only screen and (min-width: 30em) {
    .top-header {
      float: right;
      clear: right;
      padding: 0 2rem 0 0; } }
  @media only screen and (min-width: 35.75em) {
    .top-header {
      width: 62%; } }
  @media only screen and (min-width: 45em) {
    .top-header {
      width: 72%; } }
  @media only screen and (min-width: 48em) {
    .top-header {
      margin-top: 1rem;
      width: 64%; } }
  @media only screen and (min-width: 60em) {
    .top-header {
      margin-top: 0; } }
  .top-header .service_wrap {
    text-align: right; }

/* *** =========================================== ***
** Search & Service Navigation
*/
.search,
.nav-service {
  float: right;
  clear: both;
  font-size: 1.6rem; }

.search {
  display: none;
  float: none;
  padding-top: 0;
  padding-right: 0; }
  @media only screen and (min-width: 45em) {
    .search {
      display: block; } }
  .search a {
    padding: .5rem; }
  .search .icon-sitemap {
    display: inline;
    border-right: 1px solid #000000;
    padding: 0 2rem 0 3.3rem;
    margin-right: 0;
    margin-left: 0;
    font-size: 1.6rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(svg/header/inhalt.svg); }
  .search label {
    line-height: 3rem;
    padding: 0 1rem; }
  .search input {
    display: inline-block;
    margin: 0;
    padding: 0 3rem 0 1rem;
    width: 82%;
    height: 4rem;
    line-height: 4rem;
    vertical-align: middle;
    border: 1px dotted #000000; }
    @media only screen and (min-width: 30em) {
      .search input {
        width: 62%;
        height: 5rem;
        line-height: 5rem; } }
    @media only screen and (min-width: 35.75em) {
      .search input {
        width: 80%; } }
    @media only screen and (min-width: 45em) {
      .search input {
        width: 52%;
        height: 4rem;
        line-height: 4rem; } }
    @media only screen and (min-width: 48em) {
      .search input {
        width: 43%;
        max-width: 29rem; } }
    .search input:focus {
      border: 1px solid #000000; }
  .search button {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    background: #4cc059; }
    @media only screen and (min-width: 30em) {
      .search button {
        width: 5rem;
        height: 5rem;
        line-height: 5rem; } }
    @media only screen and (min-width: 45em) {
      .search button {
        width: 4rem;
        height: 4rem;
        line-height: 4rem; } }
  .search button[type=submit] {
    text-indent: -99999px;
    position: relative; }
    .search button[type=submit] img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .search button[type=submit] img.hover {
        display: none; }
    .search button[type=submit]:hover, .search button[type=submit]:focus, .search button[type=submit]:active {
      background: #000000; }
      .search button[type=submit]:hover img, .search button[type=submit]:focus img, .search button[type=submit]:active img {
        display: none; }
        .search button[type=submit]:hover img.hover, .search button[type=submit]:focus img.hover, .search button[type=submit]:active img.hover {
          display: block; }
  .search .icon-sitemap,
  .search label[for="suche"],
  .search .nav-service {
    display: none; }
    @media only screen and (min-width: 45em) {
      .search .icon-sitemap,
      .search label[for="suche"],
      .search .nav-service {
        display: inline-block; } }

.top_wrapper.js-search-is-open .search {
  display: block; }

.top_wrapper.js-search-is-open .close-search {
  display: inline-block; }

.top_wrapper.js-search-is-open .open-search {
  display: none; }

.nav-service {
  padding: 1rem 2.6vw;
  padding-right: 0; }
  .nav-service ul li {
    border-right: 1px solid #000000; }
    .nav-service ul li a, .nav-service ul li strong {
      margin: 0 1rem;
      padding: .5rem;
      font-size: 1.6rem; }
    .nav-service ul li strong {
      float: left;
      font-weight: normal; }
    .nav-service ul li:last-child a, .nav-service ul li:last-child strong {
      margin-right: -0.5rem; }
    .nav-service ul li:last-child {
      border-right: none; }

/* *** =========================================== ***
** Top Banner Component
*/
.top-banner {
  clear: both;
  max-width: 100%;
  padding: 0;
  height: 260px;
  overflow: hidden;
  border-bottom: none;
  border-top: 1px solid #000000; }
  .top-banner img {
    position: absolute;
    min-width: 0;
    width: auto;
    height: 100%; }
    @media only screen and (min-width: 35.75em) {
      .top-banner img {
        width: 100%;
        height: auto; } }
    @media only screen and (min-width: 60em) {
      .top-banner img {
        min-width: 1280px;
        width: 100%;
        height: auto; } }
  .top-banner .image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center top;
    left: -30%; }
    @media only screen and (min-width: 20em) {
      .top-banner .image {
        left: 0; } }
  .top-banner h1 {
    position: absolute;
    bottom: 3rem;
    z-index: 5;
    font-size: 2.1rem;
    line-height: 1.2;
    background-color: #4cc059;
    padding: 1.4rem 2rem 1.4rem 3rem; }
    @media only screen and (min-width: 30em) {
      .top-banner h1 {
        padding-left: 4vw;
        font-size: 3rem; } }
    @media only screen and (min-width: 45em) {
      .top-banner h1 {
        font-size: 4.5rem;
        padding-left: 8.8rem;
        bottom: 4rem; }
        .top-banner h1.long-text {
          font-size: 3.6rem; } }

@media only screen and (min-width: 30em) {
  .front .top-banner {
    height: 46.875vw; } }

@media only screen and (min-width: 60em) {
  .front .top-banner {
    height: 370px; } }

@media only screen and (min-width: 45em) {
  .front .top-banner h1 {
    bottom: 6rem; } }

/* *** =========================================== ***
** Navigation level one module
*/
.nav-level-1 {
  position: relative;
  left: -50%;
  float: right; }
  .nav-level-1 ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    left: 50%;
    width: 90%; }
    @media only screen and (min-width: 60em) {
      .nav-level-1 ul {
        width: auto; } }
    .nav-level-1 ul li {
      position: relative;
      width: 33.333%; }
      @media only screen and (min-width: 60em) {
        .nav-level-1 ul li {
          width: auto;
          max-width: 16.6rem; } }
      @media only screen and (min-width: 80em) {
        .nav-level-1 ul li {
          max-width: 20rem; } }
      .nav-level-1 ul li:before {
        position: absolute;
        top: 1rem;
        left: -1px;
        z-index: -1;
        width: 1px;
        min-height: 3.4rem;
        background: #000000;
        content: ""; }
        @media only screen and (min-width: 45em) {
          .nav-level-1 ul li:before {
            top: 1.5rem;
            min-height: 4rem; } }
        @media only screen and (min-width: 60em) {
          .nav-level-1 ul li:before {
            top: 1.75rem;
            min-height: 6rem; } }
      .nav-level-1 ul li:first-child:before, .nav-level-1 ul li:nth-child(4):before {
        background-color: #ffffff; }
      .nav-level-1 ul li:first-child.is_parent:before, .nav-level-1 ul li:nth-child(4).is_parent:before {
        left: 0;
        background-color: #dcdcdc; }
      .nav-level-1 ul li:first-child.is_parent:hover:before, .nav-level-1 ul li:first-child.is_parent:focus:before, .nav-level-1 ul li:first-child.is_parent:active:before, .nav-level-1 ul li:nth-child(4).is_parent:hover:before, .nav-level-1 ul li:nth-child(4).is_parent:focus:before, .nav-level-1 ul li:nth-child(4).is_parent:active:before {
        background-color: #4cc059; }
      @media only screen and (min-width: 60em) {
        .nav-level-1 ul li:first-child:nth-child(4):before, .nav-level-1 ul li:nth-child(4):nth-child(4):before {
          background-color: #000000; }
        .nav-level-1 ul li:first-child:nth-child(4).is_parent:before, .nav-level-1 ul li:nth-child(4):nth-child(4).is_parent:before {
          background-color: #dcdcdc; }
        .nav-level-1 ul li:first-child:nth-child(4).is_parent:hover:before, .nav-level-1 ul li:first-child:nth-child(4).is_parent:focus:before, .nav-level-1 ul li:first-child:nth-child(4).is_parent:active:before, .nav-level-1 ul li:nth-child(4):nth-child(4).is_parent:hover:before, .nav-level-1 ul li:nth-child(4):nth-child(4).is_parent:focus:before, .nav-level-1 ul li:nth-child(4):nth-child(4).is_parent:active:before {
          background-color: #4cc059; } }
      .nav-level-1 ul li a {
        float: none;
        display: block;
        padding: 1rem 2rem;
        font-size: 2rem;
        line-height: 1.35;
        text-decoration: none;
        text-align: center;
        background: transparent;
        border: 2px solid transparent; }
        @media only screen and (min-width: 45em) {
          .nav-level-1 ul li a {
            padding: 1.3rem 2.2rem 1.2rem 2.2rem;
            font-size: 1.8rem;
            min-height: 7.8rem; } }
        @media only screen and (min-width: 60em) {
          .nav-level-1 ul li a {
            padding: 2rem 2rem 1.6rem 2.3rem;
            font-size: 2rem;
            min-height: 9.5rem; } }
        @media only screen and (min-width: 80em) {
          .nav-level-1 ul li a {
            padding: 2.2rem 2.8rem 1.4rem 3rem; } }
        .nav-level-1 ul li a:hover, .nav-level-1 ul li a:focus, .nav-level-1 ul li a:active {
          color: #000000;
          background: #4cc059;
          text-decoration: underline;
          border-color: #4cc059; }
      .nav-level-1 ul li a:after {
        position: absolute;
        top: 1rem;
        left: -1px;
        z-index: 1;
        width: 1px;
        min-height: 3.4rem;
        background: transparent;
        content: ""; }
        @media only screen and (min-width: 45em) {
          .nav-level-1 ul li a:after {
            top: 1.5rem;
            min-height: 4rem; } }
        @media only screen and (min-width: 60em) {
          .nav-level-1 ul li a:after {
            top: 1.75rem;
            min-height: 6rem; } }
      .nav-level-1 ul li a:hover:after, .nav-level-1 ul li a:focus:after, .nav-level-1 ul li a:active:after {
        background: #ffffff; }
  .nav-level-1 hr {
    display: none; }

/* *** =========================================== ***
** Intro and Contact module, which share a lot props -- so together here
*/
.intro,
.contact {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: contain; }

.intro {
  margin-top: 0;
  padding: 2rem 0;
  border-top: 1px solid #000000;
  background-image: url(bg/intro-hintergrund.png);
  background-size: 100% auto;
  background-position: center bottom;
  clear: both; }
  .intro p {
    font-size: 1.6rem;
    text-align: center; }
    @media only screen and (min-width: 45em) {
      .intro p {
        font-size: 2.34rem; } }
    .intro p.label {
      text-align: left; }
    .intro p a {
      font-size: inherit; }

.page_header > .intro .teaser__body {
  padding-bottom: 1rem; }

.contact {
  margin-top: 0;
  padding: 0 0 4rem 0;
  background-image: url(bg/kontakt-hintergrund.png);
  background-position: bottom right;
  border-top: none; }
  .contact.teaser--media--right {
    background-image: none; }
    .contact.teaser--media--right .teaser--media__media {
      margin-bottom: 2rem; }
      @media only screen and (min-width: 35.75em) {
        .contact.teaser--media--right .teaser--media__media {
          float: right;
          margin-top: 4rem;
          width: 50%; }
          .contact.teaser--media--right .teaser--media__media img {
            float: right; } }
      @media only screen and (min-width: 60em) {
        .contact.teaser--media--right .teaser--media__media {
          margin-top: 4rem;
          width: 40%; } }
    .contact.teaser--media--right .teaser--media__body {
      margin-top: 4rem; }
      @media only screen and (min-width: 35.75em) {
        .contact.teaser--media--right .teaser--media__body {
          width: 50%; } }
      @media only screen and (min-width: 60em) {
        .contact.teaser--media--right .teaser--media__body {
          width: 60%; } }
  .contact + .contact {
    border-top: 1px solid #000000; }

/* *** =========================================== ***
** Navigation Schnellzugriffe
*/
.nav-schnellzugriffe {
  padding: 0 4vw;
  border-bottom: none; }
  @media only screen and (min-width: 30em) {
    .nav-schnellzugriffe {
      padding: 0 4rem; } }
  .nav-schnellzugriffe p.label {
    margin-left: 0; }
  .nav-schnellzugriffe ul {
    padding: 0; }
    .nav-schnellzugriffe ul li {
      margin-right: -1px; }
      @media only screen and (min-width: 60em) {
        .nav-schnellzugriffe ul li {
          width: 13%; } }
      .nav-schnellzugriffe ul li a {
        position: relative;
        padding: 1rem 5px 2rem;
        width: 14.8rem;
        height: 18.8rem;
        text-align: center;
        font-size: 1.8rem;
        background-color: #ffffff;
        background-size: 70px 70px;
        background-position: 50% 25%;
        background-repeat: no-repeat;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        text-decoration: none; }
        .nav-schnellzugriffe ul li a img {
          display: block;
          margin: 1rem auto 1rem;
          width: 50%; }
          .nav-schnellzugriffe ul li a img.hover, .nav-schnellzugriffe ul li a img[src*=_hover] {
            display: none; }
          @media only screen and (min-width: 60em) {
            .nav-schnellzugriffe ul li a img {
              margin-top: 0.5rem; } }
        .nav-schnellzugriffe ul li a span {
          float: none; }
        @media only screen and (min-width: 30em) {
          .nav-schnellzugriffe ul li a {
            width: 15.4rem;
            height: 15.4rem; } }
        @media only screen and (min-width: 60em) {
          .nav-schnellzugriffe ul li a {
            width: 100%; } }
        .nav-schnellzugriffe ul li a:hover, .nav-schnellzugriffe ul li a:focus, .nav-schnellzugriffe ul li a:active {
          background-color: #000000; }
          .nav-schnellzugriffe ul li a:hover::before, .nav-schnellzugriffe ul li a:focus::before, .nav-schnellzugriffe ul li a:active::before {
            display: none; }
          .nav-schnellzugriffe ul li a:hover img, .nav-schnellzugriffe ul li a:focus img, .nav-schnellzugriffe ul li a:active img {
            display: none; }
            .nav-schnellzugriffe ul li a:hover img.hover, .nav-schnellzugriffe ul li a:hover img[src*=_hover], .nav-schnellzugriffe ul li a:focus img.hover, .nav-schnellzugriffe ul li a:focus img[src*=_hover], .nav-schnellzugriffe ul li a:active img.hover, .nav-schnellzugriffe ul li a:active img[src*=_hover] {
              display: block; }
        .nav-schnellzugriffe ul li a::before, .nav-schnellzugriffe ul li a::after {
          position: absolute;
          top: 20%;
          width: 1px;
          height: 55%;
          background: #000000;
          content: ""; }
          @media only screen and (min-width: 30em) {
            .nav-schnellzugriffe ul li a::before, .nav-schnellzugriffe ul li a::after {
              height: 60%; } }
          @media only screen and (min-width: 60em) {
            .nav-schnellzugriffe ul li a::before, .nav-schnellzugriffe ul li a::after {
              height: 70%;
              top: 13%; } }
        .nav-schnellzugriffe ul li a::before {
          left: -1px; }
        .nav-schnellzugriffe ul li a::after {
          right: 0; }
      .nav-schnellzugriffe ul li a.szg-text {
        padding-top: 6rem;
        line-height: 150%; }
    @media only screen and (min-width: 60em) {
      .nav-schnellzugriffe ul li:last-child {
        float: right; } }
  @media only screen and (min-width: 60em) {
    .nav-schnellzugriffe[data-count="8"] ul li {
      width: 12%; } }
  .nav-schnellzugriffe + .teaser {
    margin-top: 0;
    border-top: none; }
  .nav-schnellzugriffe + .teaser_wrap {
    margin-top: 0; }

/* *** =========================================== ***
** Quicklinks Module
*/
[role=navigation].nav-quicklinks {
  padding: .1rem 0 0 0; }
  [role=navigation].nav-quicklinks .nav-quicklinks__list_wrap {
    position: relative;
    left: -50%;
    float: right;
    padding: 2rem 0; }
    @media only screen and (min-width: 48em) {
      [role=navigation].nav-quicklinks .nav-quicklinks__list_wrap {
        padding: 4rem 0; } }
  [role=navigation].nav-quicklinks ul {
    position: relative;
    left: 50%;
    text-align: left;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 30em) {
      [role=navigation].nav-quicklinks ul {
        width: 90vw; } }
    @media only screen and (min-width: 45em) {
      [role=navigation].nav-quicklinks ul {
        width: 72rem; } }
    @media only screen and (min-width: 60em) {
      [role=navigation].nav-quicklinks ul {
        width: 96rem; } }
  [role=navigation].nav-quicklinks li {
    position: relative;
    width: 50%;
    padding: 0 2rem 1rem;
    text-align: center; }
    [role=navigation].nav-quicklinks li:nth-of-type(2n+1) {
      clear: both; }
    @media only screen and (min-width: 30em) {
      [role=navigation].nav-quicklinks li {
        width: 33%; }
        [role=navigation].nav-quicklinks li:nth-of-type(2n+1) {
          clear: none; }
        [role=navigation].nav-quicklinks li:nth-of-type(3n+1) {
          clear: both; } }
    @media only screen and (min-width: 45em) {
      [role=navigation].nav-quicklinks li {
        width: 25%; }
        [role=navigation].nav-quicklinks li:nth-of-type(2n+1) {
          clear: none; }
        [role=navigation].nav-quicklinks li:nth-of-type(3n+1) {
          clear: none; }
        [role=navigation].nav-quicklinks li:nth-of-type(4n+1) {
          clear: both; } }
    [role=navigation].nav-quicklinks li img {
      margin: 0 auto;
      width: 10rem;
      max-width: 50%; }
  [role=navigation].nav-quicklinks[role="navigation"] ul li a,
  [role=navigation].nav-quicklinks[role="navigation"] ul li span {
    float: none; }
  [role=navigation].nav-quicklinks a {
    display: block;
    text-decoration: underline; }
    [role=navigation].nav-quicklinks a span {
      bottom: 1rem;
      margin: 0 auto;
      padding: .3rem 0;
      line-height: 1.25;
      text-align: center;
      text-decoration: underline; }
    [role=navigation].nav-quicklinks a:hover, [role=navigation].nav-quicklinks a:focus, [role=navigation].nav-quicklinks a:active {
      background: transparent; }
      [role=navigation].nav-quicklinks a:hover span, [role=navigation].nav-quicklinks a:focus span, [role=navigation].nav-quicklinks a:active span {
        background-color: #000000; }

/* *** =========================================== ***
** Sitemap like Navigation in Footer = mirrored main navigation with level 01 and 02 only
*/
.sitemap,
.nav-sitemap {
  padding: 0;
  border-bottom: none; }
  .sitemap .navgroups-wrapper,
  .nav-sitemap .navgroups-wrapper {
    margin: 2rem 0 0;
    padding: 0 4rem; }
    @media only screen and (min-width: 60em) {
      .sitemap .navgroups-wrapper,
      .nav-sitemap .navgroups-wrapper {
        margin: 4rem 0 0;
        padding: 0 9rem; } }

.nav-sitemap .sub-phablet {
  padding: 2rem 1rem 2rem 4.5rem; }
  .nav-sitemap .sub-phablet h2 {
    margin: 1rem auto;
    font-size: 2rem;
    text-align: center; }

.navgroup--sitemap {
  width: 31.333%;
  float: left;
  margin: 0 2% 4rem 0; }
  .navgroup--sitemap:nth-child(3n+1) {
    clear: left; }

.navgroup--sitemap .navgroup__list--level03,
.navgroup--sitemap .navgroup__list--level04 {
  display: none; }

[role="navigation"] .navgroup--sitemap ul li {
  margin: .7rem 0 0;
  padding: .5rem 0; }
  [role="navigation"] .navgroup--sitemap ul li a {
    padding: .3rem 0;
    line-height: 1.25;
    display: inline; }

/* *** =========================================== ***
** Social Module
*/
.nav-social {
  margin: 5rem 0 2rem;
  height: 0;
  border-top: 1px solid #000000; }

.nav-sociaL__list_wrap {
  position: relative;
  left: -50%;
  top: -2rem;
  float: right;
  height: 0; }
  .nav-sociaL__list_wrap ul {
    position: relative;
    left: 50%;
    margin: 0 auto;
    padding: 0; }
    .nav-sociaL__list_wrap ul li {
      margin: 0 1rem; }

.nav-social ul a {
  display: block;
  width: 4rem;
  height: 4rem;
  background: transparent; }
  .nav-social ul a img[src*=_invers] {
    display: none; }
  .nav-social ul a:hover img, .nav-social ul a:focus img, .nav-social ul a:active img {
    display: none; }
    .nav-social ul a:hover img[src*=_invers], .nav-social ul a:focus img[src*=_invers], .nav-social ul a:active img[src*=_invers] {
      display: block; }

/* *** =========================================== ***
** MOBILE NAVIGATION
*/
.mobile_navigation {
  clear: both;
  /* END .mobile_navigation ul */ }
  .mobile_navigation ul {
    padding: 0;
    /* END .mobile_navigation ul li */ }
    .mobile_navigation ul li {
      position: relative;
      float: none;
      width: 100%;
      clear: both;
      border-top: 1px solid #b3b3b3; }
      .mobile_navigation ul li a,
      .mobile_navigation ul li strong {
        position: relative;
        float: left;
        margin: 0 0 0 0;
        padding: 1.2rem 6rem 1rem 3rem;
        width: 100%;
        min-height: 6rem;
        font-size: 1.8rem;
        line-height: 1.4; }
        .mobile_navigation ul li a:before,
        .mobile_navigation ul li strong:before {
          position: absolute;
          top: 2.1rem;
          left: 1.5rem;
          width: 5px;
          height: 5px;
          content: ""; }
      .mobile_navigation ul li strong {
        font-weight: normal;
        background: #ffffff; }
      .mobile_navigation ul li.is_current strong:before,
      .mobile_navigation ul li.is_parent > a:before {
        background: #000000; }
      .mobile_navigation ul li.is_parent > a:hover:before, .mobile_navigation ul li.is_parent > a:focus:before, .mobile_navigation ul li.is_parent > a:active:before {
        background: #ffffff; }
      .mobile_navigation ul li > .accordion-trigger {
        position: absolute;
        top: 0;
        right: 0;
        width: 6rem;
        height: 6rem;
        color: #000000;
        background: transparent;
        border: none; }
        .mobile_navigation ul li > .accordion-trigger:after {
          position: absolute;
          display: block;
          top: 1rem;
          right: 1rem;
          padding: .3rem 0 0 0;
          width: 4rem;
          height: 4rem;
          background: #4cc059;
          font-size: 3.6rem;
          content: "\2b";
          line-height: 2.3rem; }
        .mobile_navigation ul li > .accordion-trigger:hover, .mobile_navigation ul li > .accordion-trigger:focus, .mobile_navigation ul li > .accordion-trigger:active {
          color: #ffffff; }
          .mobile_navigation ul li > .accordion-trigger:hover:after, .mobile_navigation ul li > .accordion-trigger:focus:after, .mobile_navigation ul li > .accordion-trigger:active:after {
            background: #000000; }
      .mobile_navigation ul li[data-accordion-panel=expanded] > .accordion-trigger:after {
        content: "\2212"; }
      .mobile_navigation ul li .open-menu {
        position: relative;
        float: left;
        margin: 0 0 0 0;
        padding: 1.2rem 6rem 1rem 3rem;
        width: 100%;
        min-height: 6rem;
        font-size: 1.8rem;
        line-height: 1.4;
        color: #000000;
        background: transparent;
        border: none; }
        .mobile_navigation ul li .open-menu:after {
          position: absolute;
          display: block;
          top: 1rem;
          right: 1rem;
          padding: .3rem 0 0 0;
          width: 4rem;
          height: 4rem;
          font-size: 2.6rem;
          font-weight: bold;
          content: "\2715"; }
        .mobile_navigation ul li .open-menu:focus, .mobile_navigation ul li .open-menu:hover {
          color: #ffffff;
          background-color: #000000; }
          .mobile_navigation ul li .open-menu:focus span, .mobile_navigation ul li .open-menu:hover span {
            text-decoration: underline; }

/* END .mobile_navigation */
li[data-accordion-panel=expanded] {
  background: #dcdcdc; }
  li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a,
  li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong {
    padding-left: 4.5rem; }
    li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a:before,
    li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong:before {
      left: 3rem; }
  li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a,
  li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong {
    padding-left: 6rem; }
    li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a:before,
    li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong:before {
      left: 4.5rem; }
  li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a,
  li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong {
    padding-left: 7.5rem; }
    li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li a:before,
    li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] li[data-accordion-panel=expanded] .accordion-trigger + [aria-expanded=true] li strong:before {
      left: 6rem; }

/* *** =========================================== ***
** Sitemap
*/
.sitemap {
  margin: 0 1rem; }
  @media only screen and (min-width: 60em) {
    .sitemap {
      margin: 0 6rem; } }
  .sitemap > h1 {
    padding-left: 2rem; }
    @media only screen and (min-width: 48em) {
      .sitemap > h1 {
        padding-left: 4rem; } }

.sitemap__list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .sitemap__list li {
    margin: .4rem 0;
    padding: 0; }
  .sitemap__list.sitemap__list--level01 {
    margin: 1rem 0 0; }
    .sitemap__list.sitemap__list--level01 > li {
      margin: 1rem 0 .5rem; }
      .sitemap__list.sitemap__list--level01 > li > a {
        display: block;
        margin: 1rem 0;
        padding: .2rem 1.8rem;
        font-size: 2.4rem;
        background: #dcdcdc;
        border: 2px solid #dcdcdc; }
        .sitemap__list.sitemap__list--level01 > li > a:hover, .sitemap__list.sitemap__list--level01 > li > a:focus, .sitemap__list.sitemap__list--level01 > li > a:active {
          background: #000000;
          border-color: #000000; }
    @media only screen and (min-width: 48em) {
      .sitemap__list.sitemap__list--level01 {
        margin: 2rem 0 0; }
        .sitemap__list.sitemap__list--level01 > li {
          margin: 2rem 0 1rem; }
          .sitemap__list.sitemap__list--level01 > li > a {
            margin: 2rem 0;
            padding: .2rem 3.8rem;
            font-size: 3rem; } }
  .sitemap__list.sitemap__list--level02 {
    margin: 0 0 0 2rem; }
    .sitemap__list.sitemap__list--level02 > li {
      margin: 1rem 0 0; }
      .sitemap__list.sitemap__list--level02 > li > a {
        padding: .4rem 0;
        font-size: 2rem; }
    @media only screen and (min-width: 48em) {
      .sitemap__list.sitemap__list--level02 {
        margin: 0 0 0 8rem; }
        .sitemap__list.sitemap__list--level02 > li {
          margin: 2rem 0 0; }
          .sitemap__list.sitemap__list--level02 > li > a {
            font-size: 2.4rem; } }
  .sitemap__list.sitemap__list--level03 {
    margin: 2rem 0 2rem 2rem; }
    .sitemap__list.sitemap__list--level03 > li {
      margin: 1rem 0 .4rem; }
      .sitemap__list.sitemap__list--level03 > li > a {
        padding: .4rem 0;
        font-size: 1.8rem; }
    @media only screen and (min-width: 48em) {
      .sitemap__list.sitemap__list--level03 {
        margin: 2rem 0 2rem 6rem; }
        .sitemap__list.sitemap__list--level03 > li {
          margin: 1rem 0 .4rem; }
          .sitemap__list.sitemap__list--level03 > li > a {
            font-size: 2rem; } }
  .sitemap__list.sitemap__list--level04 {
    margin: 2rem 0 2rem 2rem; }
    .sitemap__list.sitemap__list--level04 > li {
      margin: 1rem 0 .4rem; }
      .sitemap__list.sitemap__list--level04 > li > a {
        padding: .4rem 0;
        font-size: 1.6rem; }
    @media only screen and (min-width: 48em) {
      .sitemap__list.sitemap__list--level04 {
        margin: 2rem 0 2rem 6rem; }
        .sitemap__list.sitemap__list--level04 > li > a {
          font-size: 1.8rem; } }

/* *** =========================================== ***
** Search results component
*/
.search_results {
  margin-top: 4rem;
  padding: 0 4.5rem 2rem 4.5rem; }
  @media only screen and (min-width: 45em) {
    .search_results {
      padding: 0 2.5rem 2rem 2.5rem; } }
  .search_results .search label[for=suche] {
    padding-left: 0; }
  .search_results .pager form button {
    border: 0;
    background: transparent;
    text-decoration: underline; }
    .search_results .pager form button:hover, .search_results .pager form button:focus {
      background: #000000;
      color: #ffffff; }

.search_results__result__heading {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: normal; }
  @media only screen and (min-width: 48em) {
    .search_results__result__heading {
      font-size: 1.7rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 80em) {
    .search_results__result__heading {
      font-size: 1.8rem;
      line-height: 1.4; } }

.search_results__result__excerpt {
  padding: 0; }

/* *** =========================================== ***
** Legal Module
*/
.legal {
  padding: 1rem 0;
  border-bottom: 5px solid #4cc059; }
  @media only screen and (min-width: 45em) {
    .legal {
      clear: both;
      padding: 3rem 4rem 2rem 4rem; } }
  .legal p {
    clear: both;
    margin: 0 auto 0;
    padding: 0 1rem;
    text-align: center; }
    @media only screen and (min-width: 45em) {
      .legal p {
        clear: none;
        float: right;
        width: 50%;
        text-align: right; } }
  .legal hr {
    display: none; }

.nav-legal__list_wrap {
  position: relative;
  left: -50%;
  float: right; }
  .nav-legal__list_wrap ul {
    position: relative;
    margin: 0 auto 2rem;
    padding: 0;
    left: 50%;
    list-style-type: none; }
    @media only screen and (min-width: 45em) {
      .nav-legal__list_wrap ul {
        float: left;
        margin-bottom: 0;
        line-height: 1.5; }
        .nav-legal__list_wrap ul li {
          margin: 0; } }
  @media only screen and (min-width: 45em) {
    .nav-legal__list_wrap {
      left: 0;
      float: left;
      width: 50%; }
      .nav-legal__list_wrap ul {
        left: 0; } }
  .nav-legal__list_wrap li {
    margin: 1rem 0;
    padding: 0 1rem;
    display: inline-block; }
    .nav-legal__list_wrap li a {
      padding: .5rem 0; }

/* *** =========================================== ***
** Picture gallery overview version
*/
.pic_gallery {
  margin: 2rem 2rem 0 4.5rem; }
  .teaser + .pic_gallery,
  .pic_gallery + .teaser {
    border-top: 1px solid #000000; }
  @media only screen and (min-width: 45em) {
    .pic_gallery {
      margin: 2rem 2rem 0 2rem; } }
  .bg_color--gruen + .pic_gallery,
  .bg_color--gelb + .pic_gallery,
  .bg_color--orange + .pic_gallery,
  .bg_color--blau + .pic_gallery,
  .pic_gallery + .bg_color--gruen,
  .pic_gallery + .bg_color--gelb,
  .pic_gallery + .bg_color--orange,
  .pic_gallery + .bg_color--blau {
    border-top: 1px solid transparent; }

.pic_gallery__wrap > .label {
  margin-left: -3.5rem; }

@media only screen and (min-width: 45em) {
  .pic_gallery__wrap > .label {
    margin-left: 0; } }

.pic_gallery__list {
  list-style: none;
  list-style-type: none;
  margin: 2rem 0 0;
  padding: 0;
  max-width: 88rem; }

.pic_gallery__list_item {
  float: left;
  margin: 2rem 0 0;
  padding: 0;
  width: calc(50% - 1rem);
  max-width: 28rem; }
  .pic_gallery__list_item:nth-of-type(2n+1) {
    clear: both; }
  .pic_gallery__list_item:nth-of-type(2n) {
    margin-left: 2rem; }
  @media only screen and (min-width: 30em) {
    .pic_gallery__list_item {
      margin-left: 2rem;
      width: calc(33.333% - 1.333rem); }
      .pic_gallery__list_item:nth-of-type(2n+1) {
        clear: none; }
      .pic_gallery__list_item:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; } }
  @media only screen and (min-width: 45em) {
    .pic_gallery__list_item {
      width: calc(50% - 1rem); }
      .pic_gallery__list_item:nth-of-type(3n+1) {
        clear: none; }
      .pic_gallery__list_item:nth-of-type(2n+1) {
        margin-top: 2rem;
        margin-left: 0;
        clear: both; }
      .pic_gallery__list_item:nth-of-type(2n) {
        margin-left: 2rem; } }
  @media only screen and (min-width: 60em) {
    .pic_gallery__list_item {
      margin-top: 4rem;
      margin-left: 2rem;
      width: calc(33.333% - 1.34rem); }
      .pic_gallery__list_item:nth-of-type(2n+1) {
        clear: none;
        margin-top: 4rem;
        margin-left: 2rem; }
      .pic_gallery__list_item:nth-of-type(3n+1) {
        clear: both;
        margin-top: 4rem;
        margin-left: 0; } }

.node-type-landing-page h2:not(.visuallyhidden):not(.element-invisible):not(.element-invisible) + ul.pic_gallery__list {
  padding: 0 0 3rem; }

.node-type-gallery-page .pic_gallery__list,
.node-type-landing-page .pic_gallery__list {
  padding-bottom: 3rem;
  max-width: 110rem;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (min-width: 45em) {
  .node-type-gallery-page .pic_gallery__list_item,
  .node-type-landing-page .pic_gallery__list_item {
    width: calc(33.3333% - 1.33333rem); }
    .node-type-gallery-page .pic_gallery__list_item:nth-of-type(2n+1),
    .node-type-landing-page .pic_gallery__list_item:nth-of-type(2n+1) {
      clear: none;
      margin-left: 2rem; }
    .node-type-gallery-page .pic_gallery__list_item:nth-of-type(3n+1),
    .node-type-landing-page .pic_gallery__list_item:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .node-type-gallery-page .pic_gallery__list_item:nth-of-type(3n),
    .node-type-landing-page .pic_gallery__list_item:nth-of-type(3n) {
      margin-left: 2rem; } }

@media (min-width: 920px) {
  .node-type-gallery-page .pic_gallery__list_item,
  .node-type-landing-page .pic_gallery__list_item {
    width: calc(25% - 1.5rem); }
    .node-type-gallery-page .pic_gallery__list_item:nth-of-type(3n+1),
    .node-type-landing-page .pic_gallery__list_item:nth-of-type(3n+1) {
      clear: none;
      margin-left: 2rem; }
    .node-type-gallery-page .pic_gallery__list_item:nth-of-type(4n+1),
    .node-type-landing-page .pic_gallery__list_item:nth-of-type(4n+1) {
      clear: both;
      margin-left: 0; } }

@media only screen and (min-width: 60em) {
  .node-type-gallery-page .pic_gallery__list_item,
  .node-type-landing-page .pic_gallery__list_item {
    max-width: 30rem; }
    .node-type-gallery-page .pic_gallery__list_item a img,
    .node-type-landing-page .pic_gallery__list_item a img {
      width: 100%; } }

.pic_gallery__thumb_container {
  margin: 0;
  background: transparent; }
  .pic_gallery__thumb_container button {
    appearance: none;
    position: relative; }
    .pic_gallery__thumb_container button:before {
      content: '';
      background-color: #4cc059;
      background-image: url(svg/play.svg);
      border: 1px solid #000000;
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      left: 1rem;
      bottom: 1rem; }
    .pic_gallery__thumb_container button.audio_gallery__playing:before {
      background-image: url(svg/pause.svg); }
  .pic_gallery__thumb_container a, .pic_gallery__thumb_container button {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #dcdcdc; }
    .pic_gallery__thumb_container a:hover, .pic_gallery__thumb_container a:focus, .pic_gallery__thumb_container a:active, .pic_gallery__thumb_container button:hover, .pic_gallery__thumb_container button:focus, .pic_gallery__thumb_container button:active {
      border-color: #4cc059; }
    .pic_gallery__thumb_container a img, .pic_gallery__thumb_container button img {
      max-width: 100%;
      height: auto;
      border: 0.5rem solid #ffffff; }
    .pic_gallery__thumb_container a:hover img, .pic_gallery__thumb_container a:focus img, .pic_gallery__thumb_container a:active img, .pic_gallery__thumb_container button:hover img, .pic_gallery__thumb_container button:focus img, .pic_gallery__thumb_container button:active img {
      border-color: #4cc059; }
  .pic_gallery__thumb_container figcaption {
    padding: 1rem 1rem 0; }

.pic_gallery__thumb_copyright {
  position: relative;
  display: block;
  padding: 0 0 0 1rem; }
  .pic_gallery__thumb_copyright:before {
    position: absolute;
    left: 0;
    top: .5rem;
    width: 1px;
    height: 1.4rem;
    background: #000000;
    content: ""; }

/* *** =========================================== ***
** Picture Galery single View with Carousel
*/
.pic_gallery--single_view main {
  margin: 0 2rem 2rem 4rem; }
  .pic_gallery--single_view main .nav_breadcrumbs {
    margin-left: 0; }
  .pic_gallery--single_view main .label {
    margin-left: -3rem;
    padding-left: 2.5rem; }
  @media only screen and (min-width: 45em) {
    .pic_gallery--single_view main {
      margin: 0 4rem 4rem 9rem; }
      .pic_gallery--single_view main .label {
        margin-left: -5rem;
        padding-left: 4.5rem; } }

.carousel_wrap {
  margin: 4rem 0 2rem 0;
  max-width: 89rem; }
  @media only screen and (min-width: 45em) {
    .carousel_wrap {
      margin: 4rem 0 4rem 0; } }
  @media only screen and (min-width: 60em) {
    .carousel_wrap {
      margin: 4rem 4rem 4rem 4rem; } }
  @media only screen and (min-width: 80em) {
    .carousel_wrap {
      margin: 6rem auto 4rem; } }

.carousel_single_pic {
  margin: 0 0 2rem; }
  @media only screen and (min-width: 35.75em) {
    .carousel_single_pic {
      margin: 0 0 4rem; } }
  .carousel_single_pic .slick-list {
    border-bottom: 1px solid #000000; }
  .carousel_single_pic figure {
    background: transparent; }
  .carousel_single_pic img {
    max-width: 100%;
    height: auto; }
  .carousel_single_pic figcaption {
    margin: 0 0;
    padding: 2rem 0 2rem 0; }
    @media only screen and (min-width: 45em) {
      .carousel_single_pic figcaption {
        padding: 4rem 4rem 2rem 4rem; } }
    @media only screen and (min-width: 60em) {
      .carousel_single_pic figcaption {
        margin: 0 1rem;
        padding: 4rem 4rem 2rem 7rem; } }

.carousel_pic_counter_wrap {
  position: relative;
  top: 0;
  left: -50%;
  float: right;
  font-size: 1.6rem; }
  @media only screen and (min-width: 45em) {
    .carousel_pic_counter_wrap {
      font-size: 1.7rem; } }
  @media only screen and (min-width: 60em) {
    .carousel_pic_counter_wrap {
      font-size: 1.8rem; } }
  .carousel_pic_counter_wrap .carousel_pic_counter {
    position: relative;
    top: -100%;
    left: 50%;
    display: block;
    margin: 0 auto;
    padding: .5rem 0;
    width: auto; }

.carousel_navigation_wrap {
  position: relative;
  padding: 10rem 0 0; }
  @media only screen and (min-width: 35.75em) {
    .carousel_navigation_wrap {
      padding: 6rem 0 0; } }
  .carousel_navigation_wrap button {
    position: absolute;
    top: -6rem;
    padding: 0 0;
    width: auto;
    height: 2.6rem;
    font-size: 1.6rem;
    line-height: 1;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent; }
    @media only screen and (min-width: 45em) {
      .carousel_navigation_wrap button {
        font-size: 1.7rem; } }
    @media only screen and (min-width: 60em) {
      .carousel_navigation_wrap button {
        font-size: 1.8rem; } }
    .carousel_navigation_wrap button:hover, .carousel_navigation_wrap button:focus, .carousel_navigation_wrap button:active {
      color: #ffffff;
      background: #000000; }
    .carousel_navigation_wrap button:before {
      content: ""; }
    .carousel_navigation_wrap button:first-of-type {
      left: 1rem; }
    .carousel_navigation_wrap button:last-of-type {
      right: 1rem; }
  .carousel_navigation_wrap .slick-list {
    min-height: 6rem; }
    .carousel_navigation_wrap .slick-list .slick-slide {
      margin: 0 .6rem;
      border: 0.4rem solid #ffffff;
      overflow: hidden; }
      .carousel_navigation_wrap .slick-list .slick-slide.slick-current {
        border-color: #4cc059; }
      .carousel_navigation_wrap .slick-list .slick-slide.slick-active:first-of-type {
        margin-left: 0; }
      .carousel_navigation_wrap .slick-list .slick-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

.slick-prev-arrow,
.slick-next-arrow {
  background-image: url("svg/pfeile-rechts.svg");
  background-size: 125% auto;
  background-position: center center;
  background-color: #4cc059;
  border: none;
  width: 42px;
  height: 44px;
  font-size: 0;
  position: absolute;
  top: 46%;
  right: -22px;
  z-index: 110; }
  @media only screen and (min-width: 60em) {
    .slick-prev-arrow,
    .slick-next-arrow {
      right: -60px; } }
  .slick-prev-arrow:hover, .slick-prev-arrow:focus,
  .slick-next-arrow:hover,
  .slick-next-arrow:focus {
    background-image: url("svg/pfeile-rechts_white.svg");
    background-color: black; }

.slick-prev-arrow {
  transform: rotate(180deg);
  left: -22px;
  right: auto; }
  @media only screen and (min-width: 60em) {
    .slick-prev-arrow {
      left: -60px; } }

/* *** =========================================== ***
** Registration form
*/
.registration_form_wrap {
  margin: 0 2rem;
  background-color: transparent;
  background-image: url(bg/newsletter-hintergrund.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 30%; }
  @media only screen and (min-width: 35.75em) {
    .registration_form_wrap {
      background-position: 100% 1rem; } }
  @media only screen and (min-width: 45em) {
    .registration_form_wrap {
      background-position: 100% 2rem; } }
  .registration_form_wrap > .label {
    margin-left: 0; }
  .registration_form_wrap.no-newsletter {
    background-image: none; }

.registration_form {
  margin: 4rem 0 2rem; }
  .registration_form .field_wrap {
    position: relative; }
  .registration_form input.error, .registration_form textarea.error, .registration_form select.error {
    box-shadow: 0 0 0 3px red; }
  .registration_form input:invalid, .registration_form textarea:invalid, .registration_form select:invalid {
    box-shadow: 0 0 0 3px red; }
  .registration_form :-moz-ui-invalid {
    box-shadow: 0 0 0 3px red; }
  .registration_form input, .registration_form textarea, .registration_form select {
    color: #000000;
    background: transparent;
    border: 1px solid #000000; }
    .registration_form input:focus, .registration_form input:active, .registration_form textarea:focus, .registration_form textarea:active, .registration_form select:focus, .registration_form select:active {
      outline: 1px solid #000000; }
  .registration_form input[type=text],
  .registration_form input[type=email] {
    margin: 1rem 0 0;
    padding: 0 1rem;
    width: 100%;
    max-width: 60rem;
    height: 5rem; }
  .registration_form input[type=radio],
  .registration_form input[type=checkbox] {
    margin: 0;
    width: 2rem;
    height: 2rem;
    border: 2px solid #000000; }
    @media only screen and (min-width: 60em) {
      .registration_form input[type=radio],
      .registration_form input[type=checkbox] {
        margin: .3rem 0 0; } }
    .registration_form input[type=radio] + .option-title,
    .registration_form input[type=checkbox] + .option-title {
      margin: 0 0 0 2rem; }
  .registration_form textarea {
    margin: 1rem 0 0;
    resize: vertical;
    width: 100%;
    max-width: 60rem; }
  .registration_form select {
    width: 100%;
    max-width: 60rem;
    padding: 0 1rem;
    height: 5rem;
    border-radius: 0; }

.field_wrap {
  margin: 2rem 0 0; }
  .field_wrap label,
  .field_wrap input {
    display: block; }

.field_wrap--radio_group,
.field_wrap--checkbox_group {
  clear: both;
  margin: 4rem 0 0; }
  .field_wrap--radio_group input,
  .field_wrap--checkbox_group input {
    float: left; }
  .field_wrap--radio_group .option_title,
  .field_wrap--checkbox_group .option_title {
    display: block;
    margin: 0 0 0 4rem;
    width: auto;
    width: calc(100% - 6rem);
    max-width: 55rem; }
    @media only screen and (min-width: 45em) {
      .field_wrap--radio_group .option_title,
      .field_wrap--checkbox_group .option_title {
        float: left;
        margin: 0 0 0 2rem; } }

.field_wrap--radio_group .field_wrap--option {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 45em) {
    .field_wrap--radio_group .field_wrap--option {
      float: left;
      width: auto; } }
  .field_wrap--radio_group .field_wrap--option .option_title {
    width: 70%; }
    @media only screen and (min-width: 45em) {
      .field_wrap--radio_group .field_wrap--option .option_title {
        margin: 0 4rem 0 2rem;
        width: auto; } }
    @media only screen and (min-width: 60em) {
      .field_wrap--radio_group .field_wrap--option .option_title {
        margin: 0 6rem 0 2rem; } }

.field_wrap--checkbox_group .field_wrap--option {
  float: none;
  width: 100%;
  clear: both; }

.field_wrap--submit {
  margin: 4rem 0 0; }
  .field_wrap--submit input[type=submit] {
    width: 100%;
    max-width: 30rem;
    line-height: 5rem;
    border: 3px solid #000000; }
    .field_wrap--submit input[type=submit]:hover, .field_wrap--submit input[type=submit]:focus, .field_wrap--submit input[type=submit]:active {
      color: #ffffff;
      background: #000000; }

.form_error_message {
  color: #9f1b2a; }
  .form_error_message a {
    color: #9f1b2a; }
    .form_error_message a:hover, .form_error_message a:focus, .form_error_message a:active {
      color: #ffffff; }

.form_error_message--summary li {
  display: block;
  margin: 0 0 2rem;
  padding: 0; }

.form_error_email .form_error_message--summary,
.form_error_confirmation .form_error_message--summary {
  display: block; }

.form_error_email .form_error_message--summary .form_error_email_description {
  display: block; }

.form_error_confirmation .form_error_message--summary .form_error_confirmation_description {
  display: block; }

.field_error_description {
  margin: 2rem 0 0; }

.form_error_email input[type=email] {
  border-color: #9f1b2a; }

.form_error_email .field_error_description {
  display: block; }

.form_error_confirmation label {
  color: #9f1b2a; }

.form_error_confirmation .field_error_description {
  display: block; }

fieldset.captcha {
  margin-top: 1em; }

.detail--calendar .event_day,
.detail--calendar .event_month,
.detail--calendar .event_year {
  font-size: 2.4rem;
  line-height: 1;
  display: inline-block;
  padding-right: 0.25em; }

.detail--calendar .event_time:before {
  display: block;
  content: '';
  padding-top: 0.5em; }

.detail--calendar .event_time + .event_location:before {
  content: " - "; }

.detail--calendar .event_heading {
  padding-top: 0.5em; }

ul#jump_links {
  position: absolute;
  top: 2px;
  width: 100%; }
  ul#jump_links li {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 35%; }
  ul#jump_links a {
    font-size: 0; }
  ul#jump_links a:focus {
    font-size: 1em; }

/* *** =========================================== ***
** Variables
*/
/* *** =========================================== ***
** Styles
*/
.high_con_dark_bg-block, .high_con_dark_bg-inline-block {
  display: none; }

.high_con_dark_bg {
  color: #ffffff;
  background: #000000; }
  .high_con_dark_bg .high_con_dark_bg-block {
    display: block; }
  .high_con_dark_bg .high_con_dark_bg-inline-block {
    display: inline-block; }
  .high_con_dark_bg .high_con_dark_bg-none {
    display: none; }
  .high_con_dark_bg figure,
  .high_con_dark_bg .site_banner {
    background-color: #000000; }
  .high_con_dark_bg a,
  .high_con_dark_bg .search button {
    color: #ffffff;
    background-color: transparent; }
    .high_con_dark_bg a:hover, .high_con_dark_bg a:focus, .high_con_dark_bg a:active,
    .high_con_dark_bg .search button:hover,
    .high_con_dark_bg .search button:focus,
    .high_con_dark_bg .search button:active {
      color: #000000;
      background-color: #ffffff; }
  .high_con_dark_bg .themepicker .opener a {
    color: #ffffff;
    background-color: #000000;
    border-color: #ffffff; }
    .high_con_dark_bg .themepicker .opener a:hover, .high_con_dark_bg .themepicker .opener a:focus, .high_con_dark_bg .themepicker .opener a:active {
      color: #000000;
      background-color: #ffffff; }
  .high_con_dark_bg .themepicker .options {
    background-color: #000000; }
    .high_con_dark_bg .themepicker .options ul {
      border-color: #ffffff; }
      .high_con_dark_bg .themepicker .options ul li a {
        border-color: #ffffff; }
        .high_con_dark_bg .themepicker .options ul li a:focus, .high_con_dark_bg .themepicker .options ul li a:hover {
          box-shadow: inset 0 0 0 2px #000000; }
  .high_con_dark_bg p.icon-sitemap {
    background-image: url(svg/header/inhalt-invers.svg); }
  .high_con_dark_bg .fontsize-reset,
  .high_con_dark_bg .fontsize-minus,
  .high_con_dark_bg .fontsize-plus,
  .high_con_dark_bg .search button {
    border: 1px solid #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .fontsize-reset img,
    .high_con_dark_bg .fontsize-minus img,
    .high_con_dark_bg .fontsize-plus img,
    .high_con_dark_bg .search button img {
      display: none; }
      .high_con_dark_bg .fontsize-reset img.hover,
      .high_con_dark_bg .fontsize-minus img.hover,
      .high_con_dark_bg .fontsize-plus img.hover,
      .high_con_dark_bg .search button img.hover {
        display: block; }
    .high_con_dark_bg .fontsize-reset:hover, .high_con_dark_bg .fontsize-reset:focus, .high_con_dark_bg .fontsize-reset:active,
    .high_con_dark_bg .fontsize-minus:hover,
    .high_con_dark_bg .fontsize-minus:focus,
    .high_con_dark_bg .fontsize-minus:active,
    .high_con_dark_bg .fontsize-plus:hover,
    .high_con_dark_bg .fontsize-plus:focus,
    .high_con_dark_bg .fontsize-plus:active,
    .high_con_dark_bg .search button:hover,
    .high_con_dark_bg .search button:focus,
    .high_con_dark_bg .search button:active {
      background: #ffffff; }
      .high_con_dark_bg .fontsize-reset:hover img, .high_con_dark_bg .fontsize-reset:focus img, .high_con_dark_bg .fontsize-reset:active img,
      .high_con_dark_bg .fontsize-minus:hover img,
      .high_con_dark_bg .fontsize-minus:focus img,
      .high_con_dark_bg .fontsize-minus:active img,
      .high_con_dark_bg .fontsize-plus:hover img,
      .high_con_dark_bg .fontsize-plus:focus img,
      .high_con_dark_bg .fontsize-plus:active img,
      .high_con_dark_bg .search button:hover img,
      .high_con_dark_bg .search button:focus img,
      .high_con_dark_bg .search button:active img {
        display: block; }
        .high_con_dark_bg .fontsize-reset:hover img.hover, .high_con_dark_bg .fontsize-reset:focus img.hover, .high_con_dark_bg .fontsize-reset:active img.hover,
        .high_con_dark_bg .fontsize-minus:hover img.hover,
        .high_con_dark_bg .fontsize-minus:focus img.hover,
        .high_con_dark_bg .fontsize-minus:active img.hover,
        .high_con_dark_bg .fontsize-plus:hover img.hover,
        .high_con_dark_bg .fontsize-plus:focus img.hover,
        .high_con_dark_bg .fontsize-plus:active img.hover,
        .high_con_dark_bg .search button:hover img.hover,
        .high_con_dark_bg .search button:focus img.hover,
        .high_con_dark_bg .search button:active img.hover {
          display: none; }
  .high_con_dark_bg .search input {
    color: #ffffff;
    background-color: #000000;
    border-color: #ffffff; }
  .high_con_dark_bg .search p.icon-sitemap {
    border-color: #ffffff; }
  .high_con_dark_bg .mobile-menu button img {
    display: none; }
    .high_con_dark_bg .mobile-menu button img.hover {
      display: block; }
  .high_con_dark_bg .mobile-menu button:hover img, .high_con_dark_bg .mobile-menu button:focus img, .high_con_dark_bg .mobile-menu button:active img {
    display: block; }
    .high_con_dark_bg .mobile-menu button:hover img.hover, .high_con_dark_bg .mobile-menu button:focus img.hover, .high_con_dark_bg .mobile-menu button:active img.hover {
      display: none; }
  .high_con_dark_bg .mobile-menu button.open-search {
    border: 1px solid #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .mobile-menu button.open-search:hover, .high_con_dark_bg .mobile-menu button.open-search:focus {
      background-color: #ffffff; }
  .high_con_dark_bg .mobile-menu button.close-search {
    border: 1px solid #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .mobile-menu button.close-search:hover, .high_con_dark_bg .mobile-menu button.close-search:focus {
      background-color: #ffffff; }
  .high_con_dark_bg .mobile-menu button.open-menu {
    border: 1px solid #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .mobile-menu button.open-menu:hover, .high_con_dark_bg .mobile-menu button.open-menu:focus {
      color: #000000;
      background-color: #ffffff; }
  .high_con_dark_bg .mobile-menu button.open-settings {
    border: 1px solid #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .mobile-menu button.open-settings:hover, .high_con_dark_bg .mobile-menu button.open-settings:focus {
      color: #000000;
      background-color: #ffffff; }
  .high_con_dark_bg .mobile_navigation ul li {
    border-color: #ffffff;
    background-color: #000000; }
    .high_con_dark_bg .mobile_navigation ul li a:hover, .high_con_dark_bg .mobile_navigation ul li a:focus, .high_con_dark_bg .mobile_navigation ul li a:active {
      color: #000000;
      background-color: #ffffff; }
    .high_con_dark_bg .mobile_navigation ul li strong {
      color: #000000; }
    .high_con_dark_bg .mobile_navigation ul li.is_parent > a:before {
      background: #ffffff; }
    .high_con_dark_bg .mobile_navigation ul li.is_parent > a:hover:before, .high_con_dark_bg .mobile_navigation ul li.is_parent > a:focus:before, .high_con_dark_bg .mobile_navigation ul li.is_parent > a:active:before {
      background: #000000; }
    .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:after {
      background-color: #ffffff;
      border: 1px solid #000000; }
    .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:hover, .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:focus, .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:active {
      color: #ffffff; }
      .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:hover:after, .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:focus:after, .high_con_dark_bg .mobile_navigation ul li .accordion-trigger:active:after {
        background-color: #000000;
        border: 1px solid #ffffff; }
    .high_con_dark_bg .mobile_navigation ul li .open-menu {
      color: #ffffff; }
      .high_con_dark_bg .mobile_navigation ul li .open-menu:focus, .high_con_dark_bg .mobile_navigation ul li .open-menu:hover {
        color: #000000;
        background-color: #ffffff; }
  .high_con_dark_bg .top-banner h1,
  .high_con_dark_bg .intro,
  .high_con_dark_bg .bg_color--gruen,
  .high_con_dark_bg .bg_color--blau,
  .high_con_dark_bg .bg_color--gelb,
  .high_con_dark_bg .bg_color--orange {
    background-color: #000000; }
  .high_con_dark_bg .nav-level-1 {
    border-color: #ffffff; }
    .high_con_dark_bg .nav-level-1 ul li:before {
      background: #ffffff;
      z-index: 1; }
    .high_con_dark_bg .nav-level-1 ul li:first-child:before, .high_con_dark_bg .nav-level-1 ul li:nth-child(4):before {
      background: #000000; }
    .high_con_dark_bg .nav-level-1 ul li.is_current strong {
      color: #000000;
      background: #ffffff;
      border-color: #ffffff; }
      .high_con_dark_bg .nav-level-1 ul li.is_current strong:before {
        background: #ffffff;
        background-color: transparent;
        background-image: url(bg/sprite-navigation.png);
        background-repeat: no-repeat;
        background-position: 7px -17.6rem;
        border-left: solid 5px #ffffff; }
        @media only screen and (min-width: 60em) {
          .high_con_dark_bg .nav-level-1 ul li.is_current strong:before {
            background-position: 7px -16.8rem; } }
        @media only screen and (min-width: 80em) {
          .high_con_dark_bg .nav-level-1 ul li.is_current strong:before {
            background-position: 15px -16.5rem; } }
      .high_con_dark_bg .nav-level-1 ul li.is_current strong:after {
        left: calc(100% - 10px);
        width: 10px;
        border-right: 1px solid #ffffff;
        background: #ffffff;
        z-index: 31; }
    .high_con_dark_bg .nav-level-1 ul li.is_parent {
      background: #000000; }
      .high_con_dark_bg .nav-level-1 ul li.is_parent:before {
        top: 1rem;
        top: 1.5rem;
        width: 25px;
        min-height: 3.4rem;
        min-height: 4rem;
        background-color: transparent;
        background-image: url(bg/sprite-navigation.png);
        background-repeat: no-repeat;
        background-position: 10px -8.6rem;
        border-left: 1px solid #ffffff; }
        @media only screen and (min-width: 60em) {
          .high_con_dark_bg .nav-level-1 ul li.is_parent:before {
            top: 1.75rem;
            min-height: 6rem;
            background-position: 7px -8.3rem; } }
        @media only screen and (min-width: 80em) {
          .high_con_dark_bg .nav-level-1 ul li.is_parent:before {
            background-position: 15px -8.3rem; } }
      .high_con_dark_bg .nav-level-1 ul li.is_parent:after {
        background-color: transparent;
        border-bottom: solid 5px #ffffff; }
      .high_con_dark_bg .nav-level-1 ul li.is_parent:hover:before, .high_con_dark_bg .nav-level-1 ul li.is_parent:focus:before, .high_con_dark_bg .nav-level-1 ul li.is_parent:active:before {
        left: 0;
        background-position: 10px 100%;
        background-color: #000000;
        border-color: #ffffff;
        border-width: 2px; }
      .high_con_dark_bg .nav-level-1 ul li.is_parent:hover:after, .high_con_dark_bg .nav-level-1 ul li.is_parent:focus:after, .high_con_dark_bg .nav-level-1 ul li.is_parent:active:after {
        border-color: transparent; }
      .high_con_dark_bg .nav-level-1 ul li.is_parent:hover > a, .high_con_dark_bg .nav-level-1 ul li.is_parent:focus > a, .high_con_dark_bg .nav-level-1 ul li.is_parent:active > a {
        background: #000000;
        border-color: #ffffff; }
      .high_con_dark_bg .nav-level-1 ul li.is_parent + li a:hover:after, .high_con_dark_bg .nav-level-1 ul li.is_parent + li a:focus:after, .high_con_dark_bg .nav-level-1 ul li.is_parent + li a:active:after {
        background: #000000; }
    @media only screen and (min-width: 60em) {
      .high_con_dark_bg .nav-level-1 ul li:nth-child(4):before {
        background: #ffffff; } }
    .high_con_dark_bg .nav-level-1 ul li a {
      border-color: #000000; }
      .high_con_dark_bg .nav-level-1 ul li a:hover, .high_con_dark_bg .nav-level-1 ul li a:focus, .high_con_dark_bg .nav-level-1 ul li a:active {
        color: #ffffff;
        background-color: #000000;
        border-color: #ffffff; }
        .high_con_dark_bg .nav-level-1 ul li a:hover:after, .high_con_dark_bg .nav-level-1 ul li a:focus:after, .high_con_dark_bg .nav-level-1 ul li a:active:after {
          background: #000000;
          z-index: 11; }
    .high_con_dark_bg .nav-level-1 ul li.is_current + li a:hover:after, .high_con_dark_bg .nav-level-1 ul li.is_current + li a:focus:after, .high_con_dark_bg .nav-level-1 ul li.is_current + li a:active:after {
      background: transparent; }
  .high_con_dark_bg .navgroup--category ul li.is_current strong {
    color: #000000;
    background: #ffffff;
    text-decoration: none;
    cursor: default; }
    .high_con_dark_bg .navgroup--category ul li.is_current strong:before, .high_con_dark_bg .navgroup--category ul li.is_current strong:after {
      background: #000000; }
  .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a {
    background: #000000; }
    .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:before {
      background: #ffffff; }
    .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:hover, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:focus, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:active {
      color: #000000;
      background: #ffffff;
      border-color: #ffffff; }
      .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:hover:before, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:focus:before, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:active:before {
        background: #000000; }
      .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:hover:after, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:focus:after, .high_con_dark_bg .navgroup--category ul li.is_current > .navgroup__list a:active:after {
        background: transparent; }
  .high_con_dark_bg .navgroup--category ul li a:hover, .high_con_dark_bg .navgroup--category ul li a:focus, .high_con_dark_bg .navgroup--category ul li a:active {
    color: #000000;
    background: #ffffff;
    border-color: #ffffff; }
    .high_con_dark_bg .navgroup--category ul li a:hover:before, .high_con_dark_bg .navgroup--category ul li a:focus:before, .high_con_dark_bg .navgroup--category ul li a:active:before {
      background: #ffffff; }
  .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a {
    background: #000000; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:before {
      background: #ffffff; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:active, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active {
      color: #000000;
      background: #ffffff;
      border-color: #ffffff; }
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:active:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active:before {
        background: #000000; }
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list a:active:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list a:active:after {
        background: transparent; }
  .high_con_dark_bg .navgroup--category ul li a.is_current_parent, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent {
    color: #000000;
    background: #ffffff; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:before {
      background: #ffffff; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:after {
      background: #000000; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:active, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:active {
      color: #000000;
      background: #ffffff;
      border-color: #ffffff; }
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:active:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:active:before {
        background: #000000; }
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent:active:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent:active:after {
        background: #000000; }
    .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list {
      position: relative; }
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent,
      .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent,
      .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent {
        color: #000000;
        background: #ffffff; }
        .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:active,
        .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:hover,
        .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:focus,
        .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:active, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:hover, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:focus, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:active,
        .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:hover,
        .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:focus,
        .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:active {
          color: #000000;
          background: #ffffff;
          border-color: #ffffff; }
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:active:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:hover:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:focus:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:active:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:hover:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:focus:before, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:active:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:hover:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:focus:before,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:active:before {
            background: #000000; }
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_parent:active:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:hover:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:focus:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_parent + .navgroup__list .is_current_grandparent:active:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:hover:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:focus:after, .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_parent:active:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:hover:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:focus:after,
          .high_con_dark_bg .navgroup--category ul li a.is_current_grandparent + .navgroup__list .is_current_grandparent:active:after {
            background: #000000; }
  .high_con_dark_bg .call_to_action_wrap {
    border-color: #ffffff; }
  .high_con_dark_bg .call_to_action,
  .high_con_dark_bg .call_to_action.bg_color--blau,
  .high_con_dark_bg .call_to_action.bg_color--orange,
  .high_con_dark_bg .call_to_action.bg_color--gelb,
  .high_con_dark_bg .call_to_action.bg_color--gruen {
    background: #ffffff; }
    .high_con_dark_bg .call_to_action a,
    .high_con_dark_bg .call_to_action.bg_color--blau a,
    .high_con_dark_bg .call_to_action.bg_color--orange a,
    .high_con_dark_bg .call_to_action.bg_color--gelb a,
    .high_con_dark_bg .call_to_action.bg_color--gruen a {
      color: #ffffff;
      background: #000000;
      border-color: #ffffff; }
      .high_con_dark_bg .call_to_action a:hover, .high_con_dark_bg .call_to_action a:focus, .high_con_dark_bg .call_to_action a:active,
      .high_con_dark_bg .call_to_action.bg_color--blau a:hover,
      .high_con_dark_bg .call_to_action.bg_color--blau a:focus,
      .high_con_dark_bg .call_to_action.bg_color--blau a:active,
      .high_con_dark_bg .call_to_action.bg_color--orange a:hover,
      .high_con_dark_bg .call_to_action.bg_color--orange a:focus,
      .high_con_dark_bg .call_to_action.bg_color--orange a:active,
      .high_con_dark_bg .call_to_action.bg_color--gelb a:hover,
      .high_con_dark_bg .call_to_action.bg_color--gelb a:focus,
      .high_con_dark_bg .call_to_action.bg_color--gelb a:active,
      .high_con_dark_bg .call_to_action.bg_color--gruen a:hover,
      .high_con_dark_bg .call_to_action.bg_color--gruen a:focus,
      .high_con_dark_bg .call_to_action.bg_color--gruen a:active {
        color: #000000;
        background: #ffffff; }
  .high_con_dark_bg .page_main,
  .high_con_dark_bg .container,
  .high_con_dark_bg .teaser,
  .high_con_dark_bg .teaser-50-50 .left,
  .high_con_dark_bg .label,
  .high_con_dark_bg .page_footer {
    border-color: #ffffff; }
  .high_con_dark_bg .page_header, .high_con_dark_bg .page_main, .high_con_dark_bg .page_footer {
    background-color: transparent; }
  .high_con_dark_bg .intro {
    background-image: none; }
    .high_con_dark_bg .intro p a:hover, .high_con_dark_bg .intro p a:focus, .high_con_dark_bg .intro p a:active {
      color: #000000;
      background-color: #ffffff; }
  @media only screen and (min-width: 60em) {
    .high_con_dark_bg .teaser--half_width > .teaser__body:after,
    .high_con_dark_bg .teaser--half_width > .teaser--media__media:after,
    .high_con_dark_bg .teaser--half_width > .teaser--media__body:after {
      background: #ffffff; } }
  .high_con_dark_bg .teaser--news + .teaser--news {
    border-color: transparent; }
  .high_con_dark_bg .contact {
    background-image: none; }
  .high_con_dark_bg .nav_breadcrumbs a:after, .high_con_dark_bg .nav_breadcrumbs a:hover:after {
    color: #ffffff; }
  .high_con_dark_bg .article__figure figcaption {
    border: 1px solid #ffffff;
    border-top: none; }
  .high_con_dark_bg .nav-schnellzugriffe ul li a {
    background-color: #000000; }
    .high_con_dark_bg .nav-schnellzugriffe ul li a:hover, .high_con_dark_bg .nav-schnellzugriffe ul li a:focus, .high_con_dark_bg .nav-schnellzugriffe ul li a:active {
      background-color: #ffffff; }
    .high_con_dark_bg .nav-schnellzugriffe ul li a::before, .high_con_dark_bg .nav-schnellzugriffe ul li a::after {
      background: #ffffff; }
    .high_con_dark_bg .nav-schnellzugriffe ul li a img {
      display: none; }
      .high_con_dark_bg .nav-schnellzugriffe ul li a img.hover, .high_con_dark_bg .nav-schnellzugriffe ul li a img[src*=_hover] {
        display: block; }
    .high_con_dark_bg .nav-schnellzugriffe ul li a:hover img, .high_con_dark_bg .nav-schnellzugriffe ul li a:focus img, .high_con_dark_bg .nav-schnellzugriffe ul li a:active img {
      display: block; }
      .high_con_dark_bg .nav-schnellzugriffe ul li a:hover img.hover, .high_con_dark_bg .nav-schnellzugriffe ul li a:hover img[src*=_hover], .high_con_dark_bg .nav-schnellzugriffe ul li a:focus img.hover, .high_con_dark_bg .nav-schnellzugriffe ul li a:focus img[src*=_hover], .high_con_dark_bg .nav-schnellzugriffe ul li a:active img.hover, .high_con_dark_bg .nav-schnellzugriffe ul li a:active img[src*=_hover] {
        display: none; }
  .high_con_dark_bg [role=navigation].nav-quicklinks a:hover span, .high_con_dark_bg [role=navigation].nav-quicklinks a:focus span, .high_con_dark_bg [role=navigation].nav-quicklinks a:active span {
    background-color: #ffffff; }
  .high_con_dark_bg .teaser--calendar .event_data {
    border-color: #ffffff; }
  .high_con_dark_bg .archive_link {
    border-color: #ffffff; }
  .high_con_dark_bg .teaser--linkbox li a:before,
  .high_con_dark_bg p a[href^=http]:before,
  .high_con_dark_bg p a[href^=https]:before {
    background-image: url(svg/pfeile-rechts_hover.svg);
    background-position: -.5rem 0; }
  .high_con_dark_bg .teaser--linkbox li a:hover:before, .high_con_dark_bg .teaser--linkbox li a:focus:before, .high_con_dark_bg .teaser--linkbox li a:active:before,
  .high_con_dark_bg p a[href^=http]:hover:before,
  .high_con_dark_bg p a[href^=http]:focus:before,
  .high_con_dark_bg p a[href^=http]:active:before,
  .high_con_dark_bg p a[href^=https]:hover:before,
  .high_con_dark_bg p a[href^=https]:focus:before,
  .high_con_dark_bg p a[href^=https]:active:before {
    background-image: url(svg/pfeile-rechts.svg);
    background-position: 0 0; }
  .high_con_dark_bg a[href$='.zip']:before,
  .high_con_dark_bg a[href$='.pdf']:before,
  .high_con_dark_bg a[href$='.doc']:before,
  .high_con_dark_bg a[href$='.docx']:before,
  .high_con_dark_bg a[href$='.xls']:before,
  .high_con_dark_bg a[href$='.xlsx']:before,
  .high_con_dark_bg a[href$='.ppt']:before,
  .high_con_dark_bg a[href$='.pptx']:before,
  .high_con_dark_bg a[href$='.odt']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.zip']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pdf']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.doc']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.docx']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xls']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xlsx']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.ppt']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pptx']:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.odt']:before,
  .high_con_dark_bg a[href^=download]:before {
    background-image: url(svg/pfeil-download_hover.svg);
    background-position: -.5rem 0; }
  .high_con_dark_bg a[href$='.zip']:hover:before, .high_con_dark_bg a[href$='.zip']:focus:before, .high_con_dark_bg a[href$='.zip']:active:before,
  .high_con_dark_bg a[href$='.pdf']:hover:before,
  .high_con_dark_bg a[href$='.pdf']:focus:before,
  .high_con_dark_bg a[href$='.pdf']:active:before,
  .high_con_dark_bg a[href$='.doc']:hover:before,
  .high_con_dark_bg a[href$='.doc']:focus:before,
  .high_con_dark_bg a[href$='.doc']:active:before,
  .high_con_dark_bg a[href$='.docx']:hover:before,
  .high_con_dark_bg a[href$='.docx']:focus:before,
  .high_con_dark_bg a[href$='.docx']:active:before,
  .high_con_dark_bg a[href$='.xls']:hover:before,
  .high_con_dark_bg a[href$='.xls']:focus:before,
  .high_con_dark_bg a[href$='.xls']:active:before,
  .high_con_dark_bg a[href$='.xlsx']:hover:before,
  .high_con_dark_bg a[href$='.xlsx']:focus:before,
  .high_con_dark_bg a[href$='.xlsx']:active:before,
  .high_con_dark_bg a[href$='.ppt']:hover:before,
  .high_con_dark_bg a[href$='.ppt']:focus:before,
  .high_con_dark_bg a[href$='.ppt']:active:before,
  .high_con_dark_bg a[href$='.pptx']:hover:before,
  .high_con_dark_bg a[href$='.pptx']:focus:before,
  .high_con_dark_bg a[href$='.pptx']:active:before,
  .high_con_dark_bg a[href$='.odt']:hover:before,
  .high_con_dark_bg a[href$='.odt']:focus:before,
  .high_con_dark_bg a[href$='.odt']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.zip']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.zip']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.zip']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pdf']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pdf']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pdf']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.doc']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.doc']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.doc']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.docx']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.docx']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.docx']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xls']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xls']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xls']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xlsx']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xlsx']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.xlsx']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.ppt']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.ppt']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.ppt']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pptx']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pptx']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.pptx']:active:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.odt']:hover:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.odt']:focus:before,
  .high_con_dark_bg .teaser--linkbox li a[href$='.odt']:active:before,
  .high_con_dark_bg a[href^=download]:hover:before,
  .high_con_dark_bg a[href^=download]:focus:before,
  .high_con_dark_bg a[href^=download]:active:before {
    background-image: url(svg/pfeil-download.svg);
    background-position: 0 0; }
  .high_con_dark_bg .pic_gallery__thumb_container button:before {
    background-color: #000000;
    border: 1px solid #ffffff;
    background-image: url(svg/play_invers.svg); }
  .high_con_dark_bg .pic_gallery__thumb_container button.audio_gallery__playing:before {
    background-image: url(svg/pause_invers.svg); }
  .high_con_dark_bg .pic_gallery__thumb_container a img, .high_con_dark_bg .pic_gallery__thumb_container button img {
    border-color: #000000; }
  .high_con_dark_bg .pic_gallery__thumb_container a:hover, .high_con_dark_bg .pic_gallery__thumb_container a:focus, .high_con_dark_bg .pic_gallery__thumb_container a:active, .high_con_dark_bg .pic_gallery__thumb_container button:hover, .high_con_dark_bg .pic_gallery__thumb_container button:focus, .high_con_dark_bg .pic_gallery__thumb_container button:active {
    border-color: #ffffff; }
    .high_con_dark_bg .pic_gallery__thumb_container a:hover img, .high_con_dark_bg .pic_gallery__thumb_container a:focus img, .high_con_dark_bg .pic_gallery__thumb_container a:active img, .high_con_dark_bg .pic_gallery__thumb_container button:hover img, .high_con_dark_bg .pic_gallery__thumb_container button:focus img, .high_con_dark_bg .pic_gallery__thumb_container button:active img {
      border-color: #ffffff; }
  .high_con_dark_bg .carousel_single_pic .slick-list {
    border-color: #ffffff; }
  .high_con_dark_bg .carousel_navigation_wrap button {
    color: #ffffff; }
    .high_con_dark_bg .carousel_navigation_wrap button:hover, .high_con_dark_bg .carousel_navigation_wrap button:focus, .high_con_dark_bg .carousel_navigation_wrap button:active {
      color: #000000;
      background: #ffffff; }
  .high_con_dark_bg .carousel_navigation_wrap .slick-list .slick-slide {
    border-color: #000000; }
    .high_con_dark_bg .carousel_navigation_wrap .slick-list .slick-slide.slick-current {
      border-color: #ffffff; }
  .high_con_dark_bg .pic_gallery__thumb_copyright:before {
    background: #ffffff; }
  .high_con_dark_bg .slick-prev-arrow,
  .high_con_dark_bg .slick-next-arrow {
    border: 1px solid #ffffff;
    background-color: #000000;
    background-image: url("svg/pfeile-rechts_white.svg"); }
    .high_con_dark_bg .slick-prev-arrow:hover, .high_con_dark_bg .slick-prev-arrow:focus,
    .high_con_dark_bg .slick-next-arrow:hover,
    .high_con_dark_bg .slick-next-arrow:focus {
      background-image: url("svg/pfeile-rechts.svg");
      background-color: #ffffff; }
  .high_con_dark_bg .sitemap__list.sitemap__list--level01 > li > a {
    background: #000000;
    border-color: #000000; }
    .high_con_dark_bg .sitemap__list.sitemap__list--level01 > li > a:hover, .high_con_dark_bg .sitemap__list.sitemap__list--level01 > li > a:focus, .high_con_dark_bg .sitemap__list.sitemap__list--level01 > li > a:active {
      color: #000000;
      background: #ffffff;
      border-color: #ffffff; }
  .high_con_dark_bg .registration_form_wrap {
    background-image: none; }
  .high_con_dark_bg .registration_form input.error, .high_con_dark_bg .registration_form textarea.error, .high_con_dark_bg .registration_form select.error, .high_con_dark_bg #user-login input.error, .high_con_dark_bg #user-login textarea.error, .high_con_dark_bg #user-login select.error {
    box-shadow: 0 0 0 3px yellow; }
  .high_con_dark_bg .registration_form input:invalid, .high_con_dark_bg .registration_form textarea:invalid, .high_con_dark_bg .registration_form select:invalid, .high_con_dark_bg #user-login input:invalid, .high_con_dark_bg #user-login textarea:invalid, .high_con_dark_bg #user-login select:invalid {
    box-shadow: 0 0 0 3px yellow; }
  .high_con_dark_bg .registration_form :-moz-ui-invalid, .high_con_dark_bg #user-login :-moz-ui-invalid {
    box-shadow: 0 0 0 3px yellow; }
  .high_con_dark_bg .registration_form input, .high_con_dark_bg .registration_form select, .high_con_dark_bg .registration_form textarea, .high_con_dark_bg #user-login input, .high_con_dark_bg #user-login select, .high_con_dark_bg #user-login textarea {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff; }
    .high_con_dark_bg .registration_form input:focus, .high_con_dark_bg .registration_form input:active, .high_con_dark_bg .registration_form select:focus, .high_con_dark_bg .registration_form select:active, .high_con_dark_bg .registration_form textarea:focus, .high_con_dark_bg .registration_form textarea:active, .high_con_dark_bg #user-login input:focus, .high_con_dark_bg #user-login input:active, .high_con_dark_bg #user-login select:focus, .high_con_dark_bg #user-login select:active, .high_con_dark_bg #user-login textarea:focus, .high_con_dark_bg #user-login textarea:active {
      outline: 1px solid #ffffff; }
  .high_con_dark_bg .form_error_message a:hover, .high_con_dark_bg .form_error_message a:focus, .high_con_dark_bg .form_error_message a:active {
    color: #000000; }
  .high_con_dark_bg input[type=submit], .high_con_dark_bg #user-login input[type=submit] {
    border: 3px solid #ffffff; }
    .high_con_dark_bg input[type=submit]:hover, .high_con_dark_bg input[type=submit]:focus, .high_con_dark_bg input[type=submit]:active, .high_con_dark_bg #user-login input[type=submit]:hover, .high_con_dark_bg #user-login input[type=submit]:focus, .high_con_dark_bg #user-login input[type=submit]:active {
      color: #000000;
      background: #ffffff; }
  .high_con_dark_bg [role="navigation"] .navgroup--sitemap ul li a:hover, .high_con_dark_bg [role="navigation"] .navgroup--sitemap ul li a:focus, .high_con_dark_bg [role="navigation"] .navgroup--sitemap ul li a:active {
    background: #ffffff; }
  .high_con_dark_bg .nav-social ul a {
    background: transparent; }
    .high_con_dark_bg .nav-social ul a img {
      display: block; }
      .high_con_dark_bg .nav-social ul a img[src*=_default] {
        display: none; }
    .high_con_dark_bg .nav-social ul a:hover img, .high_con_dark_bg .nav-social ul a:focus img, .high_con_dark_bg .nav-social ul a:active img {
      display: none; }
      .high_con_dark_bg .nav-social ul a:hover img[src*=_default], .high_con_dark_bg .nav-social ul a:focus img[src*=_default], .high_con_dark_bg .nav-social ul a:active img[src*=_default] {
        display: block; }
  .high_con_dark_bg .search_results .pager form button:hover, .high_con_dark_bg .search_results .pager form button:focus {
    background: #ffffff;
    color: #000000; }

.xyz {
  position: relative; }