@charset "UTF-8";
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, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* Visible focus styles for keyboard navigation (WCAG 2.4.7) */
:focus {
  outline: 2px solid var(--c-red);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 2px solid var(--c-red);
  outline-offset: 2px;
}

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

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

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

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

@font-face {
  font-family: "Roboto";
  font-weight: normal;
  src: url(../fonts/RobotoCondensed-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: normal;
  src: url(../fonts/RobotoCondensed-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: bold;
  src: url(../fonts/RobotoCondensed-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: italic;
  src: url(../fonts/RobotoCondensed-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "Fjalla One";
  src: url(../fonts/FjallaOne-Regular.ttf) format("truetype");
}
/*******************************************/
/*
/*  Mixins
*/
.shadow-inset {
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
}

:root {
  --c-copy: #5d7781;
  --c-red: #EA0005;
  --c-rot: var(--c-red);
  --c-yellow: #8a6d00;
  --c-gelb: var(--c-yellow);
  --c-fond: #f2f5f7;
  --c-grau: #5e7a84;
  --c-grey: var(--c-grau);
  --c-weiss: #ffffff;
  --ff-copy: "Roboto",sans-serif;
  --ff-head: "Fjalla One",sans-serif;
  --ff-fixed: sans-serif;
  --fs-small: 0.8888888889rem;
  --fs-copy: 1rem;
  --fs-large: 1.386875rem;
  --fs-hl-small: 1.25rem;
  --fs-hl-medium: 1.5rem;
  --fs-hl-large: 1.7777777778rem;
  --fs-medium: var(--fs-copy);
  --max-width: calc(100vw - 4rem);
  --width-margin: 2rem;
  --article-width: var(--max-width);
  --width-margin-article: calc(50vw - var(--article-width) * 0.5);
  --gap: 0.7rem;
  --m-vert: 4rem;
  --m-vert-slim: 2rem;
  --m-vert-2x: calc(2 * var(--m-vert));
  --gap-15x: calc(1.5 * var(--gap));
  --gap-2x: calc(2 * var(--gap));
  --gap-3x: calc(3 * var(--gap));
  --gap-4x: calc(4 * var(--gap));
  --gap-6x: calc(6 * var(--gap));
  --radius: 1.25rem;
  --radius-small: 0.3125rem;
  --shadow: 0px 4px 20px #DCE0E3;
  --shadow-flat: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1280px) {
  :root {
    --fs-copy: 1.125rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --max-width: 720px;
    --width-margin: calc(50vw - var(--max-width) * 0.5);
  }
}
@media (min-width: 1280px) {
  :root {
    --max-width: 60rem;
  }
}
@media (min-width: 1440px) {
  :root {
    --max-width: 72rem;
  }
}
@media (min-width: 1280px) {
  :root {
    --article-width: 876px;
  }
}
@media (min-width: 1440px) {
  :root {
    --article-width: 1024px;
  }
}
@media (min-width: 768px) {
  :root {
    --gap: 1rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --m-vert: 7.3125rem;
    --m-vert-slim: 3.5rem;
  }
}

div.gap {
  width: var(--gap);
}

div.gap2x {
  width: var(--gap-2x);
}

div.gap4x {
  width: var(--gap-4x);
}

div.m-vert {
  width: var(--m-vert);
}

div.m-vert-slim {
  width: var(--m-vert-slim);
}

div.width-margin {
  width: var(--width-margin);
}

div.article-width {
  width: var(--article-margin);
}

.ty b,
.ty strong,
.typography b,
article b,
.aside b,
.content b,
.typography strong,
article strong,
.aside strong,
.content strong {
  font-weight: bold;
}
.ty i,
.ty em,
.typography i,
article i,
.aside i,
.content i,
.typography em,
article em,
.aside em,
.content em {
  font-style: italic;
}
.ty blockquote,
.ty pre,
.typography blockquote,
article blockquote,
.aside blockquote,
.content blockquote,
.typography pre,
article pre,
.aside pre,
.content pre {
  padding: 1rem 0;
}
.ty .wp-block-quote,
.ty blockquote,
.typography .wp-block-quote,
article .wp-block-quote,
.aside .wp-block-quote,
.content .wp-block-quote,
.typography blockquote,
article blockquote,
.aside blockquote,
.content blockquote {
  padding: 0;
  font-size: var(--fs-large);
  margin: var(--gap-2x) 0;
  border: none;
}
.ty .wp-block-quote p:last-child,
.ty blockquote p:last-child,
.typography .wp-block-quote p:last-child,
article .wp-block-quote p:last-child,
.aside .wp-block-quote p:last-child,
.content .wp-block-quote p:last-child,
.typography blockquote p:last-child,
article blockquote p:last-child,
.aside blockquote p:last-child,
.content blockquote p:last-child {
  margin-bottom: 0;
}
.ty .wp-block-pullquote,
.typography .wp-block-pullquote,
article .wp-block-pullquote,
.aside .wp-block-pullquote,
.content .wp-block-pullquote {
  padding: var(--gap-2x);
  background: var(--c-copy);
  color: white;
  border: none;
  text-align: left;
  font-size: 1em;
}
@media (min-width: 1280px) {
  .ty .wp-block-pullquote,
  .typography .wp-block-pullquote,
  article .wp-block-pullquote,
  .aside .wp-block-pullquote,
  .content .wp-block-pullquote {
    transform: translateX(-4em);
    width: 86%;
  }
}
.ty .wp-block-pullquote blockquote,
.typography .wp-block-pullquote blockquote,
article .wp-block-pullquote blockquote,
.aside .wp-block-pullquote blockquote,
.content .wp-block-pullquote blockquote {
  font-size: 1em;
  margin: 0;
}
.ty pre,
.typography pre,
article pre,
.aside pre,
.content pre {
  font-family: var(--ff-fixed);
  line-height: 1.5;
  background: black;
  color: white;
}
.ty .p,
.typography .p,
article .p,
.aside .p,
.content .p {
  font-size: 1em;
  font-family: var(--ff-copy);
}
.ty .p,
.ty dd,
.ty dt,
.ty ul,
.ty ol,
.ty p,
.typography .p,
article .p,
.aside .p,
.content .p,
.typography dd,
article dd,
.aside dd,
.content dd,
.typography dt,
article dt,
.aside dt,
.content dt,
.typography ul,
article ul,
.aside ul,
.content ul,
.typography ol,
article ol,
.aside ol,
.content ol,
.typography p,
article p,
.aside p,
.content p {
  margin: 0 0 1em 0;
  line-height: 1.7;
}
.ty .small,
.typography .small,
article .small,
.aside .small,
.content .small {
  font-size: var(--fs-small);
}
.ty .abstract,
.typography .abstract,
article .abstract,
.aside .abstract,
.content .abstract {
  font-weight: bold;
}
@media (min-width: 560px) {
  .ty .abstract,
  .typography .abstract,
  article .abstract,
  .aside .abstract,
  .content .abstract {
    font-size: var(--fs-large);
  }
}
.ty p:last-child,
.typography p:last-child,
article p:last-child,
.aside p:last-child,
.content p:last-child {
  margin-bottom: 0;
}
.ty ul:not([class]):not(:first-child),
.typography ul:not([class]):not(:first-child),
article ul:not([class]):not(:first-child),
.aside ul:not([class]):not(:first-child),
.content ul:not([class]):not(:first-child) {
  margin-top: var(--gap-2x);
}
.ty ul:not([class]):not(:last-child),
.typography ul:not([class]):not(:last-child),
article ul:not([class]):not(:last-child),
.aside ul:not([class]):not(:last-child),
.content ul:not([class]):not(:last-child) {
  margin-bottom: var(--gap-2x);
}
.ty ul:not([class]) li:not([class]),
.ty ul:not([class]) li.wp-block-list-item,
.typography ul:not([class]) li:not([class]),
article ul:not([class]) li:not([class]),
.aside ul:not([class]) li:not([class]),
.content ul:not([class]) li:not([class]),
.typography ul:not([class]) li.wp-block-list-item,
article ul:not([class]) li.wp-block-list-item,
.aside ul:not([class]) li.wp-block-list-item,
.content ul:not([class]) li.wp-block-list-item {
  padding: 0 0 0 1.2em;
  margin-left: 0;
  background: url("../images/Bullet.svg") no-repeat 0 0.2em;
}
.ty ul:not([class]) li:not([class]):not(:first-child),
.ty ul:not([class]) li.wp-block-list-item:not(:first-child),
.typography ul:not([class]) li:not([class]):not(:first-child),
article ul:not([class]) li:not([class]):not(:first-child),
.aside ul:not([class]) li:not([class]):not(:first-child),
.content ul:not([class]) li:not([class]):not(:first-child),
.typography ul:not([class]) li.wp-block-list-item:not(:first-child),
article ul:not([class]) li.wp-block-list-item:not(:first-child),
.aside ul:not([class]) li.wp-block-list-item:not(:first-child),
.content ul:not([class]) li.wp-block-list-item:not(:first-child) {
  margin-top: 1em;
}
.ty ul:not([class]) li:not([class]) a:only-child:not(.download),
.ty ul:not([class]) li.wp-block-list-item a:only-child:not(.download),
.typography ul:not([class]) li:not([class]) a:only-child:not(.download),
article ul:not([class]) li:not([class]) a:only-child:not(.download),
.aside ul:not([class]) li:not([class]) a:only-child:not(.download),
.content ul:not([class]) li:not([class]) a:only-child:not(.download),
.typography ul:not([class]) li.wp-block-list-item a:only-child:not(.download),
article ul:not([class]) li.wp-block-list-item a:only-child:not(.download),
.aside ul:not([class]) li.wp-block-list-item a:only-child:not(.download),
.content ul:not([class]) li.wp-block-list-item a:only-child:not(.download) {
  text-decoration: none;
  color: var(--c-copy);
}
.ty ul:not([class]) li:not([class]) a:only-child:not(.download):hover,
.ty ul:not([class]) li.wp-block-list-item a:only-child:not(.download):hover,
.typography ul:not([class]) li:not([class]) a:only-child:not(.download):hover,
article ul:not([class]) li:not([class]) a:only-child:not(.download):hover,
.aside ul:not([class]) li:not([class]) a:only-child:not(.download):hover,
.content ul:not([class]) li:not([class]) a:only-child:not(.download):hover,
.typography ul:not([class]) li.wp-block-list-item a:only-child:not(.download):hover,
article ul:not([class]) li.wp-block-list-item a:only-child:not(.download):hover,
.aside ul:not([class]) li.wp-block-list-item a:only-child:not(.download):hover,
.content ul:not([class]) li.wp-block-list-item a:only-child:not(.download):hover {
  color: var(--c-rot);
}
.ty ul:not([class]) ul,
.typography ul:not([class]) ul,
article ul:not([class]) ul,
.aside ul:not([class]) ul,
.content ul:not([class]) ul {
  margin-left: 1em;
}
.ty ul li,
.typography ul li,
article ul li,
.aside ul li,
.content ul li {
  list-style-type: none;
}
.ty ol li,
.typography ol li,
article ol li,
.aside ol li,
.content ol li {
  list-style-type: decimal;
  margin-left: 1em;
  margin-bottom: 1em;
}
.ty ul,
.ty ol,
.typography ul,
article ul,
.aside ul,
.content ul,
.typography ol,
article ol,
.aside ol,
.content ol {
  margin: 1em 0;
  line-height: 1.4;
}
.ty caption,
.ty .h1,
.ty h1,
.ty h2,
.ty h3,
.ty h4,
.ty h5,
.typography caption,
article caption,
.aside caption,
.content caption,
.typography .h1,
article .h1,
.aside .h1,
.content .h1,
.typography h1,
article h1,
.aside h1,
.content h1,
.typography h2,
article h2,
.aside h2,
.content h2,
.typography h3,
article h3,
.aside h3,
.content h3,
.typography h4,
article h4,
.aside h4,
.content h4,
.typography h5,
article h5,
.aside h5,
.content h5 {
  margin-top: var(--m-vert-slim);
  margin-bottom: var(--gap);
  line-height: 1.2;
  font-family: var(--ff-head);
  font-weight: normal;
}
.ty caption a,
.ty .h1 a,
.ty h1 a,
.ty h2 a,
.ty h3 a,
.ty h4 a,
.ty h5 a,
.typography caption a,
article caption a,
.aside caption a,
.content caption a,
.typography .h1 a,
article .h1 a,
.aside .h1 a,
.content .h1 a,
.typography h1 a,
article h1 a,
.aside h1 a,
.content h1 a,
.typography h2 a,
article h2 a,
.aside h2 a,
.content h2 a,
.typography h3 a,
article h3 a,
.aside h3 a,
.content h3 a,
.typography h4 a,
article h4 a,
.aside h4 a,
.content h4 a,
.typography h5 a,
article h5 a,
.aside h5 a,
.content h5 a {
  text-decoration: none;
}
.ty caption:first-child,
.ty .h1:first-child,
.ty h1:first-child,
.ty h2:first-child,
.ty h3:first-child,
.ty h4:first-child,
.ty h5:first-child,
.typography caption:first-child,
article caption:first-child,
.aside caption:first-child,
.content caption:first-child,
.typography .h1:first-child,
article .h1:first-child,
.aside .h1:first-child,
.content .h1:first-child,
.typography h1:first-child,
article h1:first-child,
.aside h1:first-child,
.content h1:first-child,
.typography h2:first-child,
article h2:first-child,
.aside h2:first-child,
.content h2:first-child,
.typography h3:first-child,
article h3:first-child,
.aside h3:first-child,
.content h3:first-child,
.typography h4:first-child,
article h4:first-child,
.aside h4:first-child,
.content h4:first-child,
.typography h5:first-child,
article h5:first-child,
.aside h5:first-child,
.content h5:first-child {
  margin-top: 0;
}
.ty .h1, .ty h1,
.typography .h1,
article .h1,
.aside .h1,
.content .h1,
.typography h1,
article h1,
.aside h1,
.content h1 {
  font-family: var(--ff-head);
  font-size: var(--fs-hl-large);
  text-transform: uppercase;
}
.ty .h2,
.ty h2,
.typography .h2,
article .h2,
.aside .h2,
.content .h2,
.typography h2,
article h2,
.aside h2,
.content h2 {
  font-size: var(--fs-hl-medium);
  text-transform: uppercase;
}
.ty caption,
.ty .h3,
.ty h3,
.typography caption,
article caption,
.aside caption,
.content caption,
.typography .h3,
article .h3,
.aside .h3,
.content .h3,
.typography h3,
article h3,
.aside h3,
.content h3 {
  font-size: var(--fs-hl-small);
}
.ty .h4,
.ty .h5,
.ty h4,
.ty h5,
.typography .h4,
article .h4,
.aside .h4,
.content .h4,
.typography .h5,
article .h5,
.aside .h5,
.content .h5,
.typography h4,
article h4,
.aside h4,
.content h4,
.typography h5,
article h5,
.aside h5,
.content h5 {
  font-size: var(--fs-copy);
  opacity: 0.7;
}
.ty h1 + *,
.ty h2 + *,
.ty h3 + *,
.ty .coltop + h1,
.ty .coltop + h2,
.ty .coltop + h3,
.ty .coltop + h4,
.ty .coltop + h5,
.ty a[name=copytop] + h1,
.ty a[name=copytop] + h2,
.ty a[name=copytop] + h3,
.ty a[name=copytop] + h4,
.ty a[name=copytop] + h5,
.typography h1 + *,
article h1 + *,
.aside h1 + *,
.content h1 + *,
.typography h2 + *,
article h2 + *,
.aside h2 + *,
.content h2 + *,
.typography h3 + *,
article h3 + *,
.aside h3 + *,
.content h3 + *,
.typography .coltop + h1,
article .coltop + h1,
.aside .coltop + h1,
.content .coltop + h1,
.typography .coltop + h2,
article .coltop + h2,
.aside .coltop + h2,
.content .coltop + h2,
.typography .coltop + h3,
article .coltop + h3,
.aside .coltop + h3,
.content .coltop + h3,
.typography .coltop + h4,
article .coltop + h4,
.aside .coltop + h4,
.content .coltop + h4,
.typography .coltop + h5,
article .coltop + h5,
.aside .coltop + h5,
.content .coltop + h5,
.typography a[name=copytop] + h1,
article a[name=copytop] + h1,
.aside a[name=copytop] + h1,
.content a[name=copytop] + h1,
.typography a[name=copytop] + h2,
article a[name=copytop] + h2,
.aside a[name=copytop] + h2,
.content a[name=copytop] + h2,
.typography a[name=copytop] + h3,
article a[name=copytop] + h3,
.aside a[name=copytop] + h3,
.content a[name=copytop] + h3,
.typography a[name=copytop] + h4,
article a[name=copytop] + h4,
.aside a[name=copytop] + h4,
.content a[name=copytop] + h4,
.typography a[name=copytop] + h5,
article a[name=copytop] + h5,
.aside a[name=copytop] + h5,
.content a[name=copytop] + h5 {
  margin-top: 0;
}
.ty a:not([class]),
.typography a:not([class]),
article a:not([class]),
.aside a:not([class]),
.content a:not([class]) {
  color: var(--c-rot);
  text-decoration: underline;
}
.ty a:not([class]):hover,
.typography a:not([class]):hover,
article a:not([class]):hover,
.aside a:not([class]):hover,
.content a:not([class]):hover {
  text-decoration: none;
}
.ty .wp-caption p,
.typography .wp-caption p,
article .wp-caption p,
.aside .wp-caption p,
.content .wp-caption p {
  font-size: 0.8em;
  margin: 0.5em 0 1em 0;
}

html {
  font-size: var(--fs-copy);
  zoom: 100%;
  box-sizing: border-box;
}
html * {
  box-sizing: border-box;
}

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

body {
  font-family: var(--ff-copy);
  -webkit-font-smoothing: antialiased;
  color: var(--c-copy);
  background: var(--c-fond);
}

.wrap {
  width: var(--max-width);
  margin: 0 auto;
  position: relative;
}

#wrapall {
  position: relative;
  max-width: 100vw;
  margin: 0 auto;
  min-height: 100vh;
}
@media (min-width: 1024px) {
  #wrapall {
    display: flex;
    align-items: flex-start;
  }
}

main#content {
  max-width: 100vw;
  padding: 0 var(--gap-2x);
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  main#content {
    padding: 0;
    max-width: calc(100vw - 263px);
    padding-right: var(--gap-2x);
  }
}
@media (min-width: 1280px) {
  main#content {
    max-width: calc(100vw - 447px);
  }
}

header#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  color: white;
}
@media (min-width: 1024px) {
  header#header {
    background: var(--c-copy);
    width: 210px;
    margin-right: 53px;
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  header#header {
    width: 335px;
    margin-right: 112px;
  }
}
header#header .inner {
  background: url(../images/Head.png) no-repeat bottom center;
  height: 124px;
  margin-bottom: 50px;
  background-size: cover;
  position: sticky;
  left: 0;
  top: 0;
}
@media (min-width: 1024px) {
  header#header .inner {
    height: auto;
    background-color: var(--c-copy);
    background-position: top center;
    background-size: contain;
    padding: 274px 0 0 calc(var(--m-vert-slim) - var(--gap-2x));
    width: 210px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  header#header .inner {
    width: 335px;
  }
}
header#header a {
  text-decoration: none;
  color: var(--ff-copy);
}
header#header .logo {
  position: absolute;
  z-index: 13;
  top: var(--gap);
  width: 100%;
}
header#header .logo img {
  position: relative;
  z-index: 13;
  max-width: 124px;
}
@media (min-width: 1024px) {
  header#header .logo {
    left: var(--gap);
    width: 100%;
  }
  header#header .logo img {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(7vw);
    max-width: 17.5694444444vw;
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  header#header .logo img {
    transform: translateX(105px);
    max-width: 253px;
  }
}
header#header .logo .logo-text {
  z-index: 12;
  position: absolute;
  top: var(--gap);
  line-height: 1.2;
  text-transform: uppercase;
  color: white;
  font-size: 22px;
  font-family: var(--ff-head);
  width: 100%;
  left: 0;
}
@media (max-width: 1023px) {
  header#header .logo .logo-text {
    padding: 0.2em 0 0.2em 132px;
    background: var(--c-copy);
  }
}
@media (min-width: 1024px) {
  header#header .logo .logo-text {
    color: var(--c-copy);
    font-size: 1.6666666667vw;
    left: var(--gap);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  header#header .logo .logo-text {
    font-size: 28px;
  }
}
header#header > div {
  justify-content: space-between;
  align-items: flex-end;
}
header#header nav {
  line-height: 1.2;
}
@media (max-width: 1023px) {
  header#header #nav {
    display: none;
  }
}
header#header nav.main {
  width: 100%;
  line-height: 1.2;
}
header#header nav.main a:hover {
  background: rgba(255, 255, 255, 0.24);
}
header#header nav.main > ul {
  justify-content: flex-end;
}
header#header nav.main > ul a:hover {
  background: rgba(255, 255, 255, 0.24);
}
header#header nav.main > ul > li {
  position: relative;
}
header#header nav.main > ul > li > a {
  display: inline-block;
  padding: 0.3em var(--gap) 0.2em;
  font-family: var(--ff-head);
  font-size: var(--fs-hl-small);
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  header#header nav.main > ul > li > a {
    font-size: var(--fs-hl-medium);
  }
}
header#header nav.main > ul > li.current-menu-item > a, header#header nav.main > ul > li.current-menu-ancestor > a {
  background: white;
  color: var(--c-rot);
}
header#header nav.main > ul > li.current-menu-item > ul, header#header nav.main > ul > li.current-menu-ancestor > ul {
  margin-top: var(--gap);
}
header#header nav.main > ul > li ul {
  display: none;
}
header#header nav.main > ul > li.current-menu-item, header#header nav.main > ul > li.current-menu-ancestor,
header#header nav.main > ul > li li.current-menu-item,
header#header nav.main > ul > li li.current-menu-ancestor {
  margin-top: 0.7em;
}
header#header nav.main > ul > li.current-menu-item > ul, header#header nav.main > ul > li.current-menu-ancestor > ul,
header#header nav.main > ul > li li.current-menu-item > ul,
header#header nav.main > ul > li li.current-menu-ancestor > ul {
  display: inline-block !important;
  margin-bottom: var(--gap);
}
header#header nav.main > ul > li.current-menu-item > a, header#header nav.main > ul > li.current-menu-ancestor > a,
header#header nav.main > ul > li li.current-menu-item > a,
header#header nav.main > ul > li li.current-menu-ancestor > a {
  opacity: 1;
}
header#header nav.main > ul > li > ul > li > a {
  display: inline-block;
  font-family: var(--ff-head);
  font-size: var(--fs-hl-small);
  padding: 0.5em var(--gap) 0.3em var(--gap);
  margin-left: var(--gap);
}
header#header nav.main > ul > li > ul > li.current-menu-item > a, header#header nav.main > ul > li > ul > li.current-menu-ancestor > a {
  background: white;
  color: var(--c-copy);
}
header#header nav.main > ul > li > ul > li.current-menu-item > ul, header#header nav.main > ul > li > ul > li.current-menu-ancestor > ul {
  margin-top: var(--gap);
}
header#header nav.main > ul > li > ul > li > ul {
  margin: 0.5em 0 !important;
}
header#header nav.main > ul > li > ul > li > ul > li {
  padding-left: var(--gap);
}
header#header nav.main > ul > li > ul > li > ul > li > a {
  display: inline-block;
  font-family: var(--ff-copy);
  font-size: var(--fs-copy);
  text-transform: none;
  padding: 0.3em var(--gap);
  margin-left: var(--gap);
  opacity: 0.8;
}
header#header nav.main > ul > li > ul > li > ul > li > a:hover {
  opacity: 1;
}
header#header nav.main > ul > li > ul > li > ul > li > ul {
  background: red;
}
header#header nav.main > ul > li > ul > li > ul > li > ul > li {
  padding-left: var(--gap);
}
header#header nav.main > ul > li > ul > li > ul > li > ul > li > a {
  display: inline-block;
  font-family: var(--ff-copy);
  font-size: var(--fs-copy);
  text-transform: none;
  padding: 0.3em var(--gap);
  margin-left: var(--gap);
}
header#header nav.main > ul > li > ul > li > ul > li > ul > li:first-child:not(.current-menu-item):not(.current-menu-ancestor) a {
  padding-top: 0;
}
header#header nav.secondary {
  margin-top: var(--gap-2x);
  font-size: var(--fs-copy);
  font-family: var(--ff-head);
}
@media (min-width: 1280px) {
  header#header nav.secondary {
    font-size: var(--fs-hl-small);
  }
}
header#header nav.secondary > ul > li.current-menu-item, header#header nav.secondary > ul > li.current-menu-ancestor {
  margin: 0.3em 0;
}
header#header nav.secondary > ul > li.current-menu-item > a, header#header nav.secondary > ul > li.current-menu-ancestor > a {
  background: white;
  color: var(--c-rot);
}
header#header nav.secondary > ul > li > a {
  display: inline-block;
  padding: 0.4em var(--gap) 0.3em;
}
header#header nav.secondary > ul > li ul {
  display: none;
}
header#header nav.secondary > ul > li.current-menu-item ul, header#header nav.secondary > ul > li.current-menu-ancestor ul {
  display: block !important;
  padding: var(--gap);
}
header#header nav.secondary > ul > li.current-menu-item ul li > a, header#header nav.secondary > ul > li.current-menu-ancestor ul li > a {
  font-family: var(--ff-copy);
  font-size: var(--fs-copy);
  text-transform: none;
  padding: 0.3em 0;
}
header#header nav.extras {
  opacity: 0.5;
}
header#header #mobile_menu {
  position: fixed;
  background-color: var(--c-copy);
  z-index: 2086;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: var(--gap-3x);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  transform: translateX(-100%);
  transition: transform 800ms;
}
@media (min-width: 768px) {
  header#header #mobile_menu {
    display: none;
  }
}
header#header #mobile_menu.open {
  transition: transform 800ms;
  transform: translateX(0);
}
header#header #mobile_menu > nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
header#header #mobile_menu > nav > ul {
  margin: 0 0 var(--gap);
}
header#header #mobile_menu > nav > ul:last-child {
  font-size: var(--fs-copy);
}
header#header #mobile_menu > nav > ul li {
  padding: 0.2em 0 0;
  line-height: 1.4;
}
header#header #mobile_menu > nav > ul > li {
  padding-bottom: var(--gap);
}
header#header #mobile_menu > nav > ul > li.kontakt, header#header #mobile_menu > nav > ul > li.contact {
  font-weight: bold;
}
header#header #mobile_menu > nav > ul > li > a {
  font-family: var(--ff-head);
  text-transform: uppercase;
}
header#header #mobile_menu > nav > ul > li.open > ul {
  display: block;
}
header#header #mobile_menu > nav > ul > li > ul {
  display: none;
  padding-left: var(--gap);
}
header#header #mobile_menu > nav > ul > li > ul > li > ul {
  padding-left: var(--gap);
  font-size: 0.8em;
}
header#header #mobile_menu > nav > ul > li > ul > li > ul > li > ul {
  padding-left: var(--gap);
  padding-bottom: 0;
  font-size: 0.8em;
}
header#header #mobile_menu > nav > ul > li > ul > li > ul > li > ul > li > ul {
  padding: 0.5em var(--gap) 0;
}
header#header #mobile_menu > nav .footer {
  font-size: 0.86em;
}
header#header .trigger {
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  position: fixed;
  right: var(--gap);
  top: calc(var(--gap-2x) + 18px);
  z-index: 2089;
  width: 36px;
  height: 26px;
}
header#header .trigger > span {
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: white;
  position: absolute;
  left: 0;
}
header#header .trigger > span.ff1 {
  top: 0;
}
header#header .trigger > span.ff2 {
  top: 50%;
  transform: translateY(-1.5px);
}
header#header .trigger > span.ff3 {
  bottom: 0;
}
header#header .trigger.open > span.ff1 {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
header#header .trigger.open > span.ff2 {
  opacity: 0;
}
header#header .trigger.open > span.ff3 {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 1024px) {
  header#header #trigger {
    display: none;
  }
}

.control-bar {
  z-index: 2087;
  width: 100%;
  overflow: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: var(--gap);
  background: var(--c-copy);
}
@media (min-width: 1024px) {
  .control-bar {
    margin: var(--gap-2x) auto;
    max-width: calc(var(--gap-4x) + var(--article-width));
    top: 0;
    position: sticky;
    gap: var(--gap-2x);
    overflow: visible;
  }
}
.control-bar > div {
  position: relative;
  height: 100%;
}
.control-bar > div .select {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .control-bar form button svg {
    width: 1.2em;
  }
  .control-bar form button span {
    display: none;
  }
}
.control-bar #quicklinks {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding: var(--gap);
  max-height: 50vh;
  overflow-y: scroll;
  background: var(--c-copy);
}
.control-bar #quicklinks.open {
  display: block;
}
@media (max-width: 1023px) {
  .control-bar #quicklinks {
    max-height: none;
    padding: var(--gap-3x);
    position: fixed;
    z-index: 2087;
    left: 0;
    top: 0;
    width: 100vw;
    height: calc(100vh - 70px);
  }
}
.control-bar #quicklinks a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 0.5em var(--gap);
}
@media (max-width: 767px) {
  .control-bar #quicklinks a {
    font-size: var(--fs-large);
  }
}

.article {
  min-width: 100%;
  flex-grow: 1;
  justify-content: center;
  width: var(--article-width);
}

.content {
  margin-right: var(--gap);
}

.aside,
.content {
  padding: var(--gap-2x) 0;
}
.aside > .h1, .ty .aside > h1,
.typography .aside > h1,
article .aside > h1,
.aside .aside > h1,
.content .aside > h1, .aside > div,
.content > .h1,
.ty .content > h1,
.typography .content > h1,
article .content > h1,
.aside .content > h1,
.content .content > h1,
.content > div {
  max-width: var(--article-width);
  margin-left: auto;
  margin-right: auto;
}
.aside > ul,
.content > ul {
  margin-top: 2em;
  margin-bottom: 2em;
}
.aside h2 + ul,
.content h2 + ul {
  margin-top: 1em;
}
.aside > .wp-block-buttons, .aside > .wp-block-columns, .aside > .wp-block-group,
.content > .wp-block-buttons,
.content > .wp-block-columns,
.content > .wp-block-group {
  margin-left: auto;
  margin-right: auto;
}
.aside > .wp-block-group,
.content > .wp-block-group {
  margin-bottom: 1em;
}
.aside li,
.content li {
  background: none;
  padding-left: 0;
}
.aside .wp-block-columns,
.content .wp-block-columns {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.aside .wp-block-group__inner-container .wp-block-columns,
.content .wp-block-group__inner-container .wp-block-columns {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.aside .wp-block-df-block-df-abstract,
.content .wp-block-df-block-df-abstract {
  margin-bottom: 3rem;
}
.aside div.has-background,
.content div.has-background {
  padding: var(--gap-2x);
}
.aside div.has-background.wp-block-group,
.content div.has-background.wp-block-group {
  padding: var(--gap-2x) 0;
}
.aside div.has-background.wp-block-group,
.content div.has-background.wp-block-group {
  padding: var(--gap-2x);
}

div.has-background {
  padding: var(--gap-2x);
}
div.has-background.wp-block-group {
  padding: var(--gap-2x) 0;
}

div.has-background.wp-block-group {
  padding: var(--gap-2x);
}

.wp-block-hb-news .news {
  display: block;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 1px var(--c-grau);
}

.news {
  text-decoration: none;
  color: var(--c-copy);
}
.news:hover {
  color: var(--c-rot);
}
.news .p,
.news p {
  line-height: 1.2;
  margin-bottom: 0;
}
.news__list {
  background: white;
  padding: var(--gap);
}
.news__list:not(:last-child) {
  margin-bottom: var(--gap-2x);
}

.hb-tab__content .news__list {
  padding-top: var(--gap-2x);
}

p.date {
  color: var(--c-gelb);
  margin-bottom: 0;
}

p.link {
  font-family: var(--ff-head);
  text-transform: uppercase;
  line-height: 1;
}
p.link a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
p.link a svg {
  margin-bottom: 0.086em;
}
p.link a span {
  display: inline-block;
  margin-left: 0.5em;
}
p.link a:hover {
  color: var(--c-gelb);
}
p.link a:hover svg path {
  stroke: var(--c-gelb);
}

.wp-block-hb-features.grid {
  gap: var(--gap);
  display: grid;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .wp-block-hb-features.grid {
    gap: 5px;
  }
}
@media (min-width: 768px) {
  .wp-block-hb-features.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .wp-block-hb-features.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.feature.hb-box {
  text-decoration: none;
  color: var(--c-copy);
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .feature.hb-box {
    font-size: var(--fs-small);
  }
}
@media (min-width: 1024px) {
  .feature.hb-box:not(:first-child) {
    margin-top: 0;
  }
}
.feature.hb-box:hover .link span {
  color: var(--c-gelb);
}
.feature.hb-box:hover .link svg path {
  stroke: var(--c-gelb);
}

.wp-block-hb-ergebnisse {
  width: 100%;
  overflow: hidden;
}
.wp-block-hb-ergebnisse .swiper {
  width: 100%;
  overflow: hidden;
}
.wp-block-hb-ergebnisse p {
  margin: 0 0 0.5em 0;
  line-height: 1.2;
}
.wp-block-hb-ergebnisse p a {
  text-decoration: none;
  color: var(--c-copy);
}
.wp-block-hb-ergebnisse p a:hover {
  color: var(--c-rot);
}
.wp-block-hb-ergebnisse .hb-accordion > div {
  font-size: var(--fs-small);
  padding-left: 1.1em;
  padding-bottom: 1em;
}
.wp-block-hb-ergebnisse .swiper-slide {
  height: auto;
  margin-bottom: 20px;
}
.wp-block-hb-ergebnisse .swiper-slide .hb-box {
  height: 100%;
}

.jersey__table {
  width: 100%;
  overflow-x: auto;
}

.wp-block-hb-downloads h2, .wp-block-hb-downloads h3, .wp-block-hb-downloads h4 {
  margin: 0 0 1rem;
}
.wp-block-hb-downloads h2:not(:first-child), .wp-block-hb-downloads h3:not(:first-child), .wp-block-hb-downloads h4:not(:first-child) {
  margin-top: 1rem;
}
.wp-block-hb-downloads h2:not(:first-child), .wp-block-hb-downloads h3:not(:first-child) {
  border-top: solid 1px var(--c-grau);
  padding-top: 1rem;
}
.wp-block-hb-downloads a {
  color: var(--c-rot);
}
.wp-block-hb-downloads a:hover {
  color: var(--c-copy);
}

.wp-block-hb-ergebnisse .hb-box {
  height: 100%;
  margin-top: 0 !important;
}
.wp-block-hb-ergebnisse .swiper-slide {
  height: auto;
}

main#content:has(article.scores) {
  max-width: none;
}
@media (max-width: 1439px) {
  main#content:has(article.scores) article.scores .content {
    padding-bottom: 0;
  }
  main#content:has(article.scores) article.scores .aside {
    margin-top: var(--m-vert-slim);
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  main#content:has(article.scores) article.scores {
    display: flex;
    align-items: stretch;
  }
  main#content:has(article.scores) article.scores .content {
    width: var(--article-width);
  }
  main#content:has(article.scores) article.scores .content .hb-box {
    min-height: 100%;
  }
  main#content:has(article.scores) article.scores .aside {
    position: sticky;
    padding-bottom: 0;
    margin-right: var(--gap);
  }
}

.single-scores .content {
  max-width: var(--article-width) !important;
  width: auto !important;
}

.kontakte {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--gap-2x);
}
@media (min-width: 768px) {
  .kontakte {
    grid-template-columns: 1fr 1fr;
  }
}
.kontakte li {
  display: flex;
}
.kontakte li .thumbnail {
  width: 30%;
  flex-shrink: 0;
  margin-right: var(--gap);
}
.kontakte li .thumbnail > div {
  width: 100%;
  padding-bottom: 125%;
  position: relative;
}
.kontakte li .thumbnail > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kontakte li .info {
  flex-grow: 1;
}
.kontakte li h6 {
  font-weight: bold;
}
.kontakte li p {
  margin: 0;
}

.vereine {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--gap);
}
.vereine li {
  border: solid 1px var(--c-grau);
  padding: var(--gap);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.vereine li a {
  text-decoration: none !important;
  color: var(--c-copy) !important;
}
.vereine li a:hover {
  color: var(--c-rot);
}

.df-blocks-upload-wrap {
  position: relative;
}
.df-blocks-upload-wrap .df-blocks-upload-button {
  cursor: pointer;
  position: absolute;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5em 1.5em;
  border: solid 1px white;
  border-radius: 8px;
}

/*******************************************/
/*
/*  Standard Blocks
*/
.wp-block-file {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  font-size: 1em !important;
  margin-bottom: 1em;
}
.wp-block-file a:not(.wp-block-file__button) {
  color: var(--c-copy);
  text-decoration: none;
}
.wp-block-file .wp-block-file__button {
  margin: 0 1em 0 0;
}

.wp-block-buttons:not(:last-child) {
  margin-bottom: 1em;
}

.wp-block-image:not(:first-child) {
  margin-top: var(--m-vert-slim);
}
.wp-block-image:not(:last-child) {
  margin-bottom: var(--m-vert-slim);
}
.wp-block-image figcaption {
  opacity: 0.8;
  text-align: left;
  font-size: var(--fs-small);
  line-height: 1.2;
  margin: 1em 0 0 0;
}

article {
  clear: both;
  margin: 0 auto;
}
article figure {
  margin: 0;
}

table {
  width: 100%;
  background: white;
}

thead {
  border: 0;
}

td, th {
  padding: 0.5em;
  border: 0;
  line-height: 1.4;
}

th {
  background: var(--c-copy);
  color: white;
  font-family: var(--ff-head);
}
th + th {
  border-left: solid 1px white;
}

td + td {
  border-left: solid 1px white;
}

tr:nth-child(odd) td {
  background-color: #eeeeee;
}

.wp-element-caption {
  font-size: 1em;
  margin-top: var(--gap);
}

.error404 form p,
.single form p,
.search form p,
.home form p,
.post form p,
.page form p {
  margin: 0;
}
.error404 label,
.single label,
.search label,
.home label,
.post label,
.page label {
  display: inline-block;
}
.error404 .select,
.error404 textarea,
.error404 select,
.error404 input[type=email],
.error404 input[type=search],
.error404 input[type=text],
.single .select,
.single textarea,
.single select,
.single input[type=email],
.single input[type=search],
.single input[type=text],
.search .select,
.search textarea,
.search select,
.search input[type=email],
.search input[type=search],
.search input[type=text],
.home .select,
.home textarea,
.home select,
.home input[type=email],
.home input[type=search],
.home input[type=text],
.post .select,
.post textarea,
.post select,
.post input[type=email],
.post input[type=search],
.post input[type=text],
.page .select,
.page textarea,
.page select,
.page input[type=email],
.page input[type=search],
.page input[type=text] {
  font-family: var(--ff-copy);
  padding: 0.8em;
  background: white;
  margin: 0;
  width: 100%;
  border: none;
  font-size: 1em;
}
.error404 .select,
.single .select,
.search .select,
.home .select,
.post .select,
.page .select {
  display: block;
  cursor: pointer;
}
.error404 .select,
.error404 select,
.single .select,
.single select,
.search .select,
.search select,
.home .select,
.home select,
.post .select,
.post select,
.page .select,
.page select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(255, 255, 255, 0.7) url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" fill="rgb(208, 42, 30)"/><path d="M32.5 20.5455L25 28.1819L17.5 20.5455" stroke="white" stroke-width="3"/></svg>') no-repeat right 0;
  background-size: contain;
}
.error404 .select:hover,
.error404 select:hover,
.single .select:hover,
.single select:hover,
.search .select:hover,
.search select:hover,
.home .select:hover,
.home select:hover,
.post .select:hover,
.post select:hover,
.page .select:hover,
.page select:hover {
  background-color: white;
}
.error404 ::-moz-placeholder, .single ::-moz-placeholder, .search ::-moz-placeholder, .home ::-moz-placeholder, .post ::-moz-placeholder, .page ::-moz-placeholder {
  color: var(--c-copy);
  opacity: 0.7;
}
.error404 ::placeholder,
.single ::placeholder,
.search ::placeholder,
.home ::placeholder,
.post ::placeholder,
.page ::placeholder {
  color: var(--c-copy);
  opacity: 0.7;
}
.error404 input[type=checkbox],
.error404 input[type=radio],
.error404 input[type=submit],
.error404 input[type=button],
.error404 select,
.single input[type=checkbox],
.single input[type=radio],
.single input[type=submit],
.single input[type=button],
.single select,
.search input[type=checkbox],
.search input[type=radio],
.search input[type=submit],
.search input[type=button],
.search select,
.home input[type=checkbox],
.home input[type=radio],
.home input[type=submit],
.home input[type=button],
.home select,
.post input[type=checkbox],
.post input[type=radio],
.post input[type=submit],
.post input[type=button],
.post select,
.page input[type=checkbox],
.page input[type=radio],
.page input[type=submit],
.page input[type=button],
.page select {
  cursor: pointer;
}
.error404 .gform_wrapper,
.single .gform_wrapper,
.search .gform_wrapper,
.home .gform_wrapper,
.post .gform_wrapper,
.page .gform_wrapper {
  margin-bottom: var(--m-vert);
}
.error404 .gform_wrapper .gform_fields,
.single .gform_wrapper .gform_fields,
.search .gform_wrapper .gform_fields,
.home .gform_wrapper .gform_fields,
.post .gform_wrapper .gform_fields,
.page .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: var(--gap);
}
.error404 .gform_wrapper .gform_fields > *,
.single .gform_wrapper .gform_fields > *,
.search .gform_wrapper .gform_fields > *,
.home .gform_wrapper .gform_fields > *,
.post .gform_wrapper .gform_fields > *,
.page .gform_wrapper .gform_fields > * {
  grid-column: span 6;
}
.error404 .gform_wrapper .gform_fields .gfield--width-half,
.single .gform_wrapper .gform_fields .gfield--width-half,
.search .gform_wrapper .gform_fields .gfield--width-half,
.home .gform_wrapper .gform_fields .gfield--width-half,
.post .gform_wrapper .gform_fields .gfield--width-half,
.page .gform_wrapper .gform_fields .gfield--width-half {
  grid-column: span 3;
}
.error404 .gform_wrapper .gform_fields .gfield--width-third,
.single .gform_wrapper .gform_fields .gfield--width-third,
.search .gform_wrapper .gform_fields .gfield--width-third,
.home .gform_wrapper .gform_fields .gfield--width-third,
.post .gform_wrapper .gform_fields .gfield--width-third,
.page .gform_wrapper .gform_fields .gfield--width-third {
  grid-column: span 2;
}
.error404 .gform_wrapper .ginput_container,
.single .gform_wrapper .ginput_container,
.search .gform_wrapper .ginput_container,
.home .gform_wrapper .ginput_container,
.post .gform_wrapper .ginput_container,
.page .gform_wrapper .ginput_container {
  margin: 0;
}
.error404 .gform_wrapper .gfield_label,
.single .gform_wrapper .gfield_label,
.search .gform_wrapper .gfield_label,
.home .gform_wrapper .gfield_label,
.post .gform_wrapper .gfield_label,
.page .gform_wrapper .gfield_label {
  margin: 0.5em 0;
}
.error404 .gform_wrapper .gform_fields .gfield,
.single .gform_wrapper .gform_fields .gfield,
.search .gform_wrapper .gform_fields .gfield,
.home .gform_wrapper .gform_fields .gfield,
.post .gform_wrapper .gform_fields .gfield,
.page .gform_wrapper .gform_fields .gfield {
  margin: 0 0 1em;
}
.error404 .gform_wrapper .hidden_label label,
.single .gform_wrapper .hidden_label label,
.search .gform_wrapper .hidden_label label,
.home .gform_wrapper .hidden_label label,
.post .gform_wrapper .hidden_label label,
.page .gform_wrapper .hidden_label label {
  display: none;
}
.error404 .gform_wrapper .hidden_label input,
.single .gform_wrapper .hidden_label input,
.search .gform_wrapper .hidden_label input,
.home .gform_wrapper .hidden_label input,
.post .gform_wrapper .hidden_label input,
.page .gform_wrapper .hidden_label input {
  margin-top: 0;
}

.swiper-container {
  overflow: hidden;
}

.error404 a.button,
.error404 .button,
.single a.button,
.single .button,
.search a.button,
.search .button,
.block-editor-block-list__block a.button,
.block-editor-block-list__block .button,
.home a.button,
.home .button,
.post a.button,
.post .button,
.page a.button,
.page .button {
  display: inline-flex;
  align-items: center;
  font-family: var(--ff-head);
  font-size: 1em;
  padding: 0.6em 1em;
  background: var(--c-rot);
  color: white;
  text-decoration: none;
  border: none;
}
.error404 a.button svg,
.error404 .button svg,
.single a.button svg,
.single .button svg,
.search a.button svg,
.search .button svg,
.block-editor-block-list__block a.button svg,
.block-editor-block-list__block .button svg,
.home a.button svg,
.home .button svg,
.post a.button svg,
.post .button svg,
.page a.button svg,
.page .button svg {
  margin-right: 0.5em;
}

.wp-element-button {
  display: inline-flex;
  align-items: center;
}
.wp-element-button svg {
  margin-right: 0.5em;
}

.hb-box {
  display: block;
  background: white;
  box-shadow: var(--shadow);
}
.hb-box + .hb-box {
  margin-top: var(--gap);
}
.hb-box + h2 {
  margin-top: var(--gap-2x);
}
.hb-box__image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.hb-box__image img {
  position: relative;
  width: 100%;
  height: auto;
}
.hb-box__image h2, .hb-box__image h3, .hb-box__image p {
  position: absolute;
  z-index: 2;
  top: var(--gap);
  left: var(--gap);
  color: white;
  font-family: var(--ff-head);
  font-size: var(--fs-large);
  margin: 0;
}
.hb-box__content {
  padding: var(--gap-15x);
}

.hb-tabs {
  display: grid;
  gap: 4px;
  margin-bottom: 0px;
  grid-template-columns: 1fr 1fr;
}
.hb-tabs.three {
  grid-template-columns: 1fr 1fr 1fr;
}
.hb-tabs .hb-tab {
  border: 0;
  background: none;
  padding: 0;
  display: block;
  background: var(--c-grau);
  color: white;
  padding: var(--gap);
  font-family: var(--ff-head);
  text-transform: uppercase;
  text-align: center;
  font-size: var(--fs-hl-small);
  border-bottom: solid 4px var(--c-fond);
}
.hb-tabs .hb-tab.disabled {
  background: var(--c-grau);
  color: rgba(255, 255, 255, 0.3);
  cursor: not-allowed;
}
.hb-tabs .hb-tab.is-active {
  border-color: var(--c-copy);
}
.hb-tabs .hb-tab:hover:not(.disabled), .hb-tabs .hb-tab.is-active {
  background: var(--c-copy);
}
.hb-tabs .hb-tab:not(.is-active):hover:not(.disabled) {
  cursor: pointer;
  background: var(--c-rot);
}

.hb-tab__content {
  display: none;
}
.hb-tab__content.hb-box {
  margin-top: 0;
}
.hb-tab__content.is-active {
  display: block;
}

.wp-block-column > .wp-block-hb-news,
.wp-block-column > .wp-block-hb-news > .hb-box,
.wp-block-column > .hb-box {
  height: 100%;
}

.hb-accordion > button.title {
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
.hb-accordion > button.title span {
  margin-left: 0.5em;
}
.hb-accordion > button.title:hover {
  color: var(--c-rot);
}
.hb-accordion > div {
  display: none;
}
.hb-accordion.is-open > button.title {
  color: var(--c-rot);
}
.hb-accordion.is-open > button.title svg {
  transform: rotate(90deg);
}
.hb-accordion.is-open > div {
  display: block;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--gap);
  font-size: var(--fs-hl-small) !important;
}
.breadcrumb a {
  color: var(--c-rot);
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb svg {
  margin: 0 0.5em;
}
.breadcrumb + .h1, .ty .breadcrumb + h1,
.typography .breadcrumb + h1,
.aside .breadcrumb + h1,
.content .breadcrumb + h1,
article .breadcrumb + h1 {
  margin-top: var(--gap);
}

/*
/* Formate
*/
article.format-video iframe {
  max-width: 100%;
}

.credits {
  color: var(--c-copy);
}
.credits p {
  font-size: 1em;
  margin: 0;
  float: left;
  margin: 0 20px 0 0;
}
.credits a {
  text-decoration: none;
}
.credits ul {
  font-size: 1em;
  float: left;
  margin: 0 20px 0 0;
}
.credits ul li {
  float: left;
  background: none;
  padding: 0;
  margin: 0;
}
.credits ul li:after {
  content: ", ";
}
.credits ul li:first-child, .credits ul li:last-child {
  content: "";
}
.credits ul li:first-child:after, .credits ul li:last-child:after {
  content: "";
}

@media (min-width: 550px) {
  .f-left,
  .alignleft {
    float: left;
  }
}

@media (min-width: 550px) {
  .f-right,
  .alignright {
    float: right;
  }
}

.aligncenter,
.alignright,
.alignleft {
  display: block;
  margin: 0 auto;
}
@media (min-width: 550px) {
  .aligncenter,
  .alignright,
  .alignleft {
    display: inline;
    margin: 0 10px 10px 0;
  }
}

@media (min-width: 550px) {
  .alignright {
    display: inline;
    margin: 0 0 10px 10px;
  }
}

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

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

#searchform {
  display: flex;
}
#searchform input {
  flex-grow: 1;
}
#searchform button {
  flex-shrink: 0;
}

footer {
  padding: var(--gap-2x) 0;
}
@media (max-width: 1023px) {
  footer {
    padding-bottom: 100px;
  }
}
footer a {
  color: var(--color);
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer nav ul {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  footer nav ul {
    flex-direction: column;
    align-items: center;
  }
}
footer nav ul li {
  margin: 1em 0 0;
}
@media (min-width: 1024px) {
  footer nav ul li {
    margin: 0 1em;
  }
}

/* Screen-reader-only utility (WCAG 2.4.1) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Skip link — hidden until focused by keyboard */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  position: fixed;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
  background: var(--c-red);
  color: #fff;
  padding: 0.75em 1.25em;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
  z-index: 99999;
}

.pr {
  position: relative;
}
.pr.pa1 {
  width: 100%;
  padding-bottom: 100%;
}
.pr.pa1.wide {
  padding-bottom: 56%;
}

.pa {
  position: absolute;
}
.pa.l0 {
  left: 0;
}
.pa.t0 {
  top: 0;
}
.pa.r0 {
  right: 0;
}
.pa.b0 {
  bottom: 0;
}

.pa1 {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pa1.of {
  -o-object-fit: cover;
     object-fit: cover;
}

.fxc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fxsb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fxsb.afs {
  align-items: flex-start;
}
.fxsb.afe {
  align-items: flex-end;
}

.txc {
  text-align: center;
}

.hideMove {
  position: fixed;
  top: -5000px;
}

.clear {
  clear: both;
}

.printonly {
  display: none;
}

.wp-caption,
img {
  max-width: 100%;
  height: auto;
}

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

.blur-50 {
  filter: url("#sharpBlur");
}

.hideSvgSoThatItSupportsFirefox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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