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: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

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: "" ""; }

/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/montserrat-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v12-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v12-latin-regular.woff") format("woff"), url("../fonts/montserrat-v12-latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v12-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */ }

/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v12-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../fonts/montserrat-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v12-latin-600.woff2") format("woff2"), url("../fonts/montserrat-v12-latin-600.woff") format("woff"), url("../fonts/montserrat-v12-latin-600.ttf") format("truetype"), url("../fonts/montserrat-v12-latin-600.svg#Montserrat") format("svg");
  /* Legacy iOS */ }

/* montserrat-500italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("../fonts/montserrat-v12-latin-500italic.woff2") format("woff2"), url("../fonts/montserrat-v12-latin-500italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* barlow-regular - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: local("Barlow Regular"), local("Barlow-Regular"), url("../fonts/barlow-v1-latin-regular.woff2") format("woff2"), url("../fonts/barlow-v1-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* barlow-700 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: local("Barlow Bold"), local("Barlow-Bold"), url("../fonts/barlow-v1-latin-700.woff2") format("woff2"), url("../fonts/barlow-v1-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* playfair-display-regular - latin */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url("../fonts/playfair-display-v13-latin-regular.woff2") format("woff2"), url("../fonts/playfair-display-v13-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

h1 {
  font-size: 2.69568rem; }
  h1 {
    font-size: 40.4352px; }
    @media screen and (min-width: 320px) {
      h1 {
        font-size: calc( 40.4352px + 23.7744 * ((100vw - 320px) / 1580)); } }
    @media screen and (min-width: 1900px) {
      h1 {
        font-size: 64.2096px; } }

h2 {
  font-size: 2.304rem; }
  h2 {
    font-size: 41.472px; }
    @media screen and (min-width: 320px) {
      h2 {
        font-size: calc( 41.472px + 14.976 * ((100vw - 320px) / 1580)); } }
    @media screen and (min-width: 1900px) {
      h2 {
        font-size: 56.448px; } }

h3 {
  font-size: 1.44rem; }
  h3 {
    font-size: 25.92px; }
    @media screen and (min-width: 320px) {
      h3 {
        font-size: calc( 25.92px + 9.36 * ((100vw - 320px) / 1580)); } }
    @media screen and (min-width: 1900px) {
      h3 {
        font-size: 35.28px; } }

html {
  font-size: 18px; }
  @media screen and (min-width: 320px) {
    html {
      font-size: calc( 18px + 5 * ((100vw - 320px) / 1580)); } }
  @media screen and (min-width: 1900px) {
    html {
      font-size: 23px; } }

nav ul li {
  font-size: 0.96rem; }
  nav ul li {
    font-size: 17.28px; }
    @media screen and (min-width: 320px) {
      nav ul li {
        font-size: calc( 17.28px + 2.88 * ((100vw - 320px) / 1580)); } }
    @media screen and (min-width: 1900px) {
      nav ul li {
        font-size: 20.16px; } }

body {
  font-size: 1em;
  line-height: 1.2; }
  @media (min-width: 64em) {
    body {
      font-size: 1.2em;
      line-height: 1.44; } }
  @media (min-width: 85.375em) {
    body {
      font-size: 1.3em; } }
  @media (min-width: 120em) {
    body {
      font-size: 1.4em; } }
  @media (min-width: 160em) {
    body {
      font-size: 1.6em; } }

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.container {
  margin: 0 2%; }
  @media (min-width: 64em) {
    .container {
      margin: 0 4%; } }
  @media (min-width: 85.375em) {
    .container {
      margin: 0 6%; } }
  @media (min-width: 120em) {
    .container {
      margin: 0 8%; } }

nav {
  position: fixed;
  background: white;
  opacity: 0.89;
  z-index: 10000;
  width: 100vw;
  height: 15vh;
  max-height: 150px;
  display: flex;
  justify-content: space-between; }
  nav a {
    color: #2d304e;
    text-decoration: none; }
    nav a:visited {
      color: #2d304e; }
  nav > a {
    flex: 1 1 33%;
    display: flex;
    align-items: center; }
    nav > a > svg {
      width: 32.5vw;
      margin: 2vh 3vw;
      min-width: 240px; }
  nav.mobile-overlay {
    opacity: 1;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    height: 100%;
    max-height: 100vh;
    width: 100%;
    top: 0;
    background: #af7db9; }
    nav.mobile-overlay li.current.active {
      color: inherit;
      outline: none;
      text-decoration: none;
      transition: all 0.2s ease-out;
      background: linear-gradient(#fa1955, #82006e);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto auto;
      background-size: 100% 0.2em;
      background-repeat: no-repeat;
      background-position: left 0 bottom 0; }
    nav.mobile-overlay li.active.deeper.parent {
      color: inherit;
      outline: none;
      text-decoration: none;
      transition: all 0.2s ease-out;
      background: linear-gradient(#fa1955, #82006e);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto auto;
      background-size: 100% 0.2em;
      background-repeat: no-repeat;
      background-position: left 0 bottom 0; }
    nav.mobile-overlay a.logo {
      display: none; }
    nav.mobile-overlay .menu_icon {
      align-self: flex-end;
      flex: none;
      position: absolute;
      top: 10vh;
      left: 90vw; }
    nav.mobile-overlay svg#Logo {
      display: none; }
    nav.mobile-overlay ul.mainmenu {
      display: block; }
      nav.mobile-overlay ul.mainmenu a {
        font-size: 4vw;
        line-height: 2.6em; }
      nav.mobile-overlay ul.mainmenu .deeper ul {
        display: none; }
  nav ul.mainmenu {
    display: none; }
  nav .menu_icon {
    display: flex; }
    nav .menu_icon svg#mobile_menu, nav .menu_icon svg#close_button {
      width: 4vw;
      min-width: 30px;
      min-height: 30px;
      margin-right: 3vw; }
    nav .menu_icon svg#close_button {
      z-index: 3000;
      display: none; }
    nav .menu_icon.is-open svg#mobile_menu, nav .menu_icon.is-open svg#close_button {
      display: none; }
    nav .menu_icon.is-open svg#close_button {
      display: block; }
  @media screen and (min-width: 1150px) {
    nav .menu_icon {
      display: none; }
    nav ul.nav.menu {
      flex: 1 1 66%;
      height: 150px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      z-index: 1000;
      margin: 0 2vw; }
      nav ul.nav.menu li {
        padding: 0.5vw; }
        nav ul.nav.menu li.current.active {
          color: inherit;
          outline: none;
          text-decoration: none;
          transition: all 0.2s ease-out;
          background: linear-gradient(#fa1955, #82006e);
          background-position-x: 0%;
          background-position-y: 0%;
          background-repeat: repeat;
          background-size: auto auto;
          background-size: 100% 0.2em;
          background-repeat: no-repeat;
          background-position: left 0 bottom 0; }
        nav ul.nav.menu li.active.deeper.parent {
          color: inherit;
          outline: none;
          text-decoration: none;
          transition: all 0.2s ease-out;
          background: linear-gradient(#fa1955, #82006e);
          background-position-x: 0%;
          background-position-y: 0%;
          background-repeat: repeat;
          background-size: auto auto;
          background-size: 100% 0.2em;
          background-repeat: no-repeat;
          background-position: left 0 bottom 0; }
      nav ul.nav.menu .nav-child {
        display: none;
        opacity: 0;
        height: 0;
        padding-left: 1rem;
        line-height: 1.2em;
        transition: visibility 0s, opacity 0.5s, height 0.5s ease-in-out; }
        nav ul.nav.menu .nav-child.is__open {
          visibility: visible;
          opacity: 1;
          height: auto; }
        nav ul.nav.menu .nav-child a {
          font-size: 0.88em;
          color: #2d304e; } }

.jsTrack img.slider__bg {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  object-fit: cover; }

.bg_width {
  width: 100%; }

@media screen and (max-width: 1024px) {
  /* Specific to this particular image */ }

.carousel__track {
  min-height: 100%; }

.carousel__dot:hover {
  background-color: var(--color-hover-state); }

.is-hidden {
  visibility: hidden; }

.carousel__dot > * {
  pointer-events: none; }

.carousel__slide {
  left: 0;
  top: 150px;
  position: absolute;
  height: calc(100% - 150px);
  width: 100%;
  overflow: hidden; }
  .carousel__slide.is-selected {
    display: flex;
    justify-content: center;
    align-items: baseline; }
  .carousel__slide .slider__text {
    position: absolute;
    opacity: 0;
    color: #fff;
    z-index: 1000;
    font-size: 2.34rem;
    padding: 0 1%;
    color: white;
    border-radius: var(--border-radius);
    background: #ff9b00;
    background-image: linear-gradient(336deg, #ff9b00 5%, #fa1955 85%); }

.carousel__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .carousel__slide:nth-child(1) .slider__text {
    top: 45%;
    margin-left: 10%; }
    @media screen and (min-width: 800px) {
      .carousel__slide:nth-child(1) .slider__text {
        top: 35%;
        margin-left: 70%; } }
  .carousel__slide:nth-child(2) .slider__text {
    top: 45%;
    margin-left: 10%; }
    @media screen and (min-width: 800px) {
      .carousel__slide:nth-child(2) .slider__text {
        top: 55%;
        margin-left: 62%; } }
  .carousel__slide:nth-child(3) .slider__text {
    top: 35%;
    left: 10%; }
    @media screen and (min-width: 800px) {
      .carousel__slide:nth-child(3) .slider__text {
        top: 35%;
        left: 10%; } }
  .carousel__slide:nth-child(4) .slider__text {
    top: 25%;
    margin-left: 20%; }
    @media screen and (min-width: 800px) {
      .carousel__slide:nth-child(4) .slider__text {
        top: 45%;
        margin-left: 20%; } }

@media screen and (max-width: 1100px) {
  .carousel__slide:nth-child(2) img.slider__bg {
    object-position: -1000px top; }
  .carousel__slide:nth-child(3) img.slider__bg {
    object-position: -1200px top; }
  .carousel__slide:nth-child(4) img.slider__bg {
    object-position: -1000px top; } }

.carousel__slide:nth-child(2) img.slider__bg {
  z-index: 2; }

.carousel__slide:nth-child(3) img.slider__bg {
  z-index: 3; }

.carousel__slide:nth-child(4) img.slider__bg {
  z-index: 3; }

.carousel__button {
  position: absolute;
  z-index: 1000; }

.carousel__track-container {
  overflow: hidden; }

ul.jsTrack {
  width: 100%;
  position: relative;
  height: 100vh; }

.carousel__button svg {
  fill: #fff;
  height: 80px;
  width: 80px; }

svg#Logo {
  max-height: 105px; }

#svg-pen-clipped {
  clip-path: url(#svgPenPath);
  float: right;
  filter: contrast(1.5); }

#svg-speaker-clipped {
  clip-path: url(#svgSpeakerPath);
  float: right;
  filter: contrast(1.5); }

#svg-pokal-clipped {
  clip-path: url(#svgPokalPath);
  float: right;
  filter: contrast(1.2); }

svg.facebook path {
  fill: #fff; }

svg.twitter path {
  fill: #fff; }

svg.phone path {
  fill: #fff; }

svg.email path {
  fill: #fff; }

:root {
  --color-font: #5f2d2d;
  --color-nav: white;
  --border-radius: 3px; }

html {
  color: #5f2d2d; }

body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: scroll; }
  body em {
    font-weight: 500;
    font-style: italic; }
  body strong {
    font-weight: 600; }

body:not(.front) h1 {
  margin-bottom: 2vh; }

body:not(.front) .page-header {
  display: flex;
  margin: 6.5vh 0 2.8vh 0; }

body:not(.front) p {
  padding: 0 2vh 2vh 0;
  max-width: 70vw; }

div.button.readmore p.readmore {
  padding: 1vh 2vh 1vh 0;
  transition: padding 0.5s ease-in-out; }
  div.button.readmore p.readmore:hover {
    padding: 1vh 1vh 1vh 1vh; }
  div.button.readmore p.readmore a {
    text-decoration: none; }

h3 {
  margin-top: 2vh; }

p:has(strong) {
  border: none; }

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.Site-content {
  flex: 1; }

p {
  padding: 1vh 0; }

header {
  min-width: inherit;
  width: inherit; }
  header .custom {
    min-height: 100%;
    width: 100%; }
  header .filter img {
    max-width: 100%;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    top: 150%;
    text-align: center; }
  header p {
    min-width: inherit;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0; }

main {
  position: relative;
  padding-bottom: 8vh; }
  main .button.readmore {
    display: flex;
    justify-content: flex-end; }
  main p.readmore {
    border-radius: 3px;
    background: #82006e;
    background-image: linear-gradient(336deg, #82006e 10%, #fa1955 95%);
    display: flex;
    justify-content: center; }
    main p.readmore a {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding-right: 10px;
      color: #2d304e;
      color: white;
      font-weight: 600;
      font-size: 1.05rem; }

h2[itemprop="headline"],
h2[itemprop="name"] {
  color: white;
  border-radius: var(--border-radius);
  background: #ff9b00;
  background-image: linear-gradient(336deg, #ff9b00 5%, #fa1955 85%);
  padding: 0 1%;
  z-index: 100;
  position: relative; }
  h2[itemprop="headline"]:before,
  h2[itemprop="name"]:before {
    border-radius: inherit;
    background-image: linear-gradient(336deg, #5f2d2d 5%, #fa1955 85%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity 0.65s ease-in-out; }
  h2[itemprop="headline"]:hover:before,
  h2[itemprop="name"]:hover:before {
    opacity: 1; }
  h2[itemprop="headline"] a,
  h2[itemprop="name"] a {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }


h1[itemprop="headline"],
h2[itemprop="name"] {
  color: white;
  border-radius: var(--border-radius);
  background: #ff9b00;
  background-image: linear-gradient(336deg, #ff9b00 5%, #fa1955 85%);
  padding: 0 1%;
  z-index: 100;
  position: relative; }
  h1[itemprop="headline"]:before,
  h2[itemprop="name"]:before {
    border-radius: inherit;
    background-image: linear-gradient(336deg, #5f2d2d 5%, #fa1955 85%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity 0.65s ease-in-out; }
  h1[itemprop="headline"]:hover:before,
  h1[itemprop="name"]:hover:before {
    opacity: 1; }
  h1[itemprop="headline"] a,
  h2[itemprop="name"] a {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

    

.front .page-header {
  display: flex;
  justify-content: flex-end;
  background: #ff5815;
  color: white;
  padding: 0 3vw; }

.blog {
  margin-top: -11px; }
  .blog h1 {
    display: flex;
    justify-content: flex-end;
    background: #ff5815;
    color: white;
    padding: 0 3vw;
    margin-top: -7px; }
    @media screen and (min-width: 1400px) {
      .blog h1 {
        margin-top: -13px; } }
  .blog .items-row {
    border-bottom: solid 1px darkgrey;
    padding-bottom: 2vh; }
  .blog .container .items-row:last-child {
    border: none !important; }

.highlights article .page-heading {
  display: flex;
  justify-content: flex-end;
  background: #ff5815;
  color: white;
  padding: 0 3vw;
  margin-top: -11px; }
  .highlights article .page-heading h1 {
    margin: 0; }

.journalist article .page-heading {
  display: flex;
  justify-content: flex-end;
  background: #ff5815;
  color: white;
  padding: 0 3vw;
  margin-top: -11px; }
  .journalist article .page-heading h1 {
    margin: 0; }

    .impressum article .page-heading {
      display: flex;
      justify-content: flex-end;
      background: #ff5815;
      color: white;
      padding: 0 3vw;
      margin-top: -11px; }
      .journalist article .page-heading h1 {
        margin: 0; }

.datenschutz article .page-heading {
  display: flex;
  justify-content: flex-end;
  background: #ff5815;
  color: white;
  padding: 0 3vw;
  margin-top: -11px; }
  .datenschutz article .page-heading h1 {
    margin: 0; }

footer {
  position: relative;
  padding-bottom: 2.5vh;
  background-image: linear-gradient(336deg, #82006e, #fa1955);
  height: 300px;
  opacity: 0.95;
  width: 100%;
  color: #fff; }
  @media screen and (min-width: 700px) {
    footer {
      height: 14vh;
      min-height: 250px; } }
  footer .container {
    margin-top: 2vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    footer .container .social {
      align-self: flex-start; }
  footer svg {
    margin: 0 0.8vw; }
    footer .social {
      margin: 0.8vw; }
  footer ul.nav {
    margin-top: 12px; }
    footer ul.nav li {
      padding: 10px 0; }
  footer a {
    color: white;
    text-decoration: none;
    text-shadow: none; }

.blog-featured .jump__item {
  margin-bottom: 8vh; }

.blog-featured > div:not(.page-header) {
  min-height: 25vw; }
  @media screen and (min-width: 1400px) {
    .blog-featured > div:not(.page-header) {
      min-height: 30vw; } }
  .blog-featured > div:not(.page-header) .item-title {
    border-radius: var(--border-radius);
    background-image: linear-gradient(336deg, #82006e, #ff5815);
    color: #fff !important;
    box-shadow: none;
    background-repeat: repeat; }
    .blog-featured > div:not(.page-header) .item-title a {
      color: white;
      text-decoration: none; }
    .blog-featured > div:not(.page-header) .item-title + p {
      margin-top: 3vh; }

.blog-featured div[itemprop="blogPost"]::before {
  content: "";
  display: block;
  width: 45vw;
  float: left;
  height: 30vw;
  background: #ff5815;
  background: linear-gradient(150deg, #ff5815 20%, rgba(9, 9, 121, 0) 50%);
  shape-outside: linear-gradient(150deg, #ff5815 20%, rgba(9, 9, 121, 0) 50%); }

.blog-featured.jump__item div:not([itemprop="blogPost"]) .item-title {
  margin-bottom: 1.5vh; }
  .blog-featured.jump__item div:not([itemprop="blogPost"]) .item-title a {
    margin-left: 3vw; }

body:not(.front) div[itemprop="blogPost"] {
  display: table; }

.eva-wolfangel .container .infowrapper .page-header {
  border-radius: var(--border-radius);
  background-image: linear-gradient(336deg, #82006e, #ff5815);
  color: #fff !important;
  box-shadow: none;
  background-repeat: repeat; }
  .eva-wolfangel .container .infowrapper .page-header a {
    color: white;
    text-decoration: none; }
  .eva-wolfangel .container .infowrapper .page-header + p {
    margin-top: 3vh; }
  .eva-wolfangel .container .infowrapper .page-header h2 {
    background: none; }
    .eva-wolfangel .container .infowrapper .page-header h2:hover {
      background-image: none;
      background: none; }
    .eva-wolfangel .container .infowrapper .page-header h2::before {
      background: none; }

.topics {
  display: flex;
  flex-wrap: wrap;
  /* Compensate for excess margin on outer gallery flex items */
  margin: -1rem -1rem;
  transition: background 400ms ease-in-out; }
  .topics .topic-item {
    flex: 1 1 50%;
    overflow: hidden;
    cursor: pointer; }
    .topics .topic-item:hover .topic-image {
      transform: scale(1.08); }
    .topics .topic-item a {
      text-decoration: none; }
    .topics .topic-item figcaption {
      position: relative;
      top: -4em;
      z-index: 1000;
      color: white;
      font-weight: bolder;
      text-align: center;
      background: linear-gradient(135deg, #ff9b00 0%, #000000 25%);
      color: #fff !important;
      box-shadow: none;
      background-repeat: repeat;
      opacity: 0.7;
      display: block; }
      .topics .topic-item figcaption::before {
        border-radius: inherit;
        background-image: linear-gradient(336deg, #000000 5%, #82006e 50%, #ff9b00 85%);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        z-index: -100;
        transition: opacity 0.65 ease-in-out; }
      .topics .topic-item figcaption:hover:before {
        opacity: 1; }

@media screen and (min-width: 580px) {
  .topic-item {
    flex-basis: 25%; } }

.topic-image {
  display: block;
  width: 100%;
  height: calc(100% - 4rem);
  object-fit: cover;
  transition: transform 400ms ease-in-out;
  position: relative;
  z-index: 1;
  filter: contrast(1.5);
  border-radius: var(--border-radius); }

@supports (display: grid) {
  .topics {
    display: grid;
    grid-template-columns: auto-fill(minmax) 300px, 2fr;
    grid-gap: 1rem; }
  @media screen and (min-width: 580px) {
    .topics {
      grid-template-columns: repeat(6, 2fr); }
    .topics {
      margin: 1.8vh 0 0 0; }
    .topic-item {
      margin: 0; }
    .topic-item:nth-child(1) {
      grid-column: 1 / 3; }
    .topic-item:nth-child(2) {
      grid-column: 3 / 5; }
    .topic-item:nth-child(3) {
      grid-column: 5 / 7; }
    .topic-item:nth-child(4) {
      grid-column: 1 / 4; }
    .topic-item:nth-child(5) {
      grid-column: 4 / 7; } } }

.items-more h3 {
  padding: 0; }

.items-more a {
  color: #ff5815;
  text-decoration: none; }

.cat-children h3.page-header {
  padding: 0;
  margin: 0; }
  .cat-children h3.page-header a {
    font-weight: 600;
    color: black;
    text-decoration: none;
    padding-left: 0;
    transition: padding 0.3s ease-in-out; }
    .cat-children h3.page-header a:hover {
      padding-left: 1vw; }

.pagination {
  margin-top: 3vh; }
  .pagination ul {
    display: flex;
    justify-content: space-evenly; }
    .pagination ul a {
      font-weight: 600;
      color: black;
      text-decoration: none; }

.left.item-image {
  padding-right: 2vw; }
  @media screen and (min-width: 860px) {
    .left.item-image {
      float: left; } }
  .left.item-image img {
    max-width: 30vh; }

.tags {
  display: flex; }
  .tags form {
    margin-top: 4vh; }
  .tags ul.category {
    margin-top: 4vh; }
    .tags ul.category li:nth-of-type(2n) {
      background: #dedede;
      border-radius: var(--border-radius); }
    .tags ul.category h2 {
      background: none;
      background-image: none; }
      .tags ul.category h2 a {
        color: black;
        font-size: 0.7em; }
      .tags ul.category h2::before {
        background: none;
        background-image: linear-gradient(336deg, #e9dfdf 5%, #ece5d6 85%); }
  .tags .chzn-container {
    min-width: 70px; }

.category-name a {
  color: inherit;
  outline: none;
  text-decoration: none;
  transition: all 0.2s ease-out;
  background: linear-gradient(#ff9b00, #ff5815);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto auto;
  background-size: 100% 0.2em;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0; }

article p:not(.readmore) a {
  color: #ff5815;
  text-decoration: none; }

.article-info-term {
  display: none; }

.themengebiete .Site-content {
  top: 160px;
  padding-bottom: calc(156px +2vh); }

.themengebiete footer {
  top: 160px; }

dd.category-name a {
  color: #ff5815;
  background: none; }

.article-info-wrapper {
  font-size: 0.85em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.8vh; }

.article-info-wrapper .tags li {
  background-color: #ff5815;
  background-image: none;
  padding: 0.05vh 0.5vw;
  margin: 0.2vh 0.5vw;
  border-radius: 2px; }
  .article-info-wrapper .tags li a {
    font-size: 0.85em;
    color: #fff;
    text-decoration: none; }

.infobox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
  align-items: center; }
  .infobox .tags li {
    background-color: #ff5815;
    background-image: none;
    padding: 0.05vh 0.5vw;
    margin: 0.2vh 0.5vw;
    border-radius: 2px; }
    .infobox .tags li a {
      font-size: 0.85em;
      color: #fff;
      text-decoration: none; }

.items-more a {
  background-image: none;
  color: #ff5815;
  text-decoration: none;
  padding-left: 0;
  transition: padding 0.3s ease-in-out; }
  .items-more a:hover {
    padding-left: 1vw; }

.tip,
.hasTooltip {
  display: block !important; }

.fade {
  display: none !important; }

/* modcustomclick */
div[class^="ccctwoclickcontainer"] {
  margin: unset !important; }

.ccctc {
  margin-bottom: 5px; }

div[class^="ccctwoclickcontainer"] a.btn.btn-primary {
  color: #fff;
  border-radius: 3px;
  background: #82006e;
  background-image: none;
  background-image: linear-gradient(336deg, #82006e 10%, #fa1955 95%);
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: background-image 0.5s ease-in-out;
  text-align: center; }

div[class^="ccctwoclickcontainer"] a.btn.btn-primary:hover {
  color: #fff;
  border-radius: 3px;
  background: #82006e;
  background-image: none;
  background-image: linear-gradient(336deg, #82006e 10%, #5e0b21 95%);
  display: flex;
  justify-content: center;
  cursor: pointer; }

div[class^="ccctwoclickcontainer"] a.btn.btn-secondary {
  color: #fff;
  border-radius: 3px;
  background: #82006e;
  background-image: none;
  background-image: linear-gradient(336deg, #963688 10%, #fa668d 95%);
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: background-image 0.5s ease-in-out;
  text-align: center; }

div[class^="ccctwoclickcontainer"] a.btn.btn-secondary:hover {
  color: #fff;
  border-radius: 3px;
  background: #82006e;
  background-image: none;
  background-image: linear-gradient(336deg, #a22a90 10%, #ce4066 95%);
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: background-image 0.5s ease-in-out;
  text-align: center; }

.tccontentbefore {
  font-size: 0.6em; }

  .blog-item.jump__item:nth-child(5):before {
    content: unset;
}

.blog .create {
  visibility: hidden;
}