/*
Theme Name: frankfurtwest
Author: frankfurtwest
Author URI: https://www.frankfurtwest.com
Description: frankfurtwest theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* frankfurtwest 2026 */
:root {
  --wp--preset--spacing--20: clamp(.2rem, 1vw, .4rem);
  --wp--preset--spacing--30: clamp(.28rem, 1.4vw, .56rem);
  --wp--preset--spacing--40: clamp(.36rem, 2vw, .72rem);
  --wp--preset--spacing--50: clamp(.48rem, 2.4vw, .96rem);
  --wp--preset--spacing--60: clamp(.8rem, 3.2vw, 1.28rem);
  --wp--preset--spacing--70: clamp(1rem, 4vw, 3.2rem);
  --wp--preset--spacing--80: clamp(1.25rem, 5vw, 4rem);
  --wp--preset--spacing--90: clamp(1.4rem, 6vw, 5rem);
  --wp--preset--spacing--100: clamp(1.8rem, 8vw, 6rem);
  --fw--preset--font-size--title: clamp(6rem, 16vw, 12rem);
  --fw--preset--aspect-ratio-desktop: 1.6 / 1;
  --fw--preset--aspect-ratio-mobile: 1 / 1.8; }

:root * {
  box-sizing: border-box; }
  :root *:focus-visible {
    outline-style: solid;
    outline-color: var(--wp--preset--color--custom-primary);
    outline-width: .2rem;
    outline-offset: .2rem; }
  @media (max-width: 991) {
    :root *:focus, :root *:active {
      outline-style: solid;
      outline-color: var(--wp--preset--color--custom-primary);
      outline-width: .2rem;
      outline-offset: .2rem; } }

html {
  margin: 0 !important;
  padding: 0 !important; }

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .wp-site-blocks > header {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2; }
    .wp-site-blocks > header::before {
      content: "";
      position: absolute;
      inset: 0 0 -2rem 0;
      background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0));
      z-index: -2; }
    .wp-site-blocks > header::after {
      content: "";
      position: absolute;
      inset: 0;
      mask: linear-gradient(black, rgba(0, 0, 0, 0));
      backdrop-filter: blur(6px);
      z-index: -1; }
  .wp-site-blocks:has(.wp-block-post-title), .wp-site-blocks:has(.wp-block-query-title) {
    margin-top: 4rem; }
  .wp-site-blocks > footer {
    margin-top: auto; }

main section, main > .wp-block-cover, main > div > .wp-block-cover {
  padding-bottom: var(--wp--preset--spacing--100); }
  main section:not(:first-child), main > .wp-block-cover:not(:first-child), main > div > .wp-block-cover:not(:first-child) {
    padding-top: var(--wp--preset--spacing--100); }
  main section.has-subsections, main > .wp-block-cover.has-subsections, main > div > .wp-block-cover.has-subsections {
    padding-inline: 0; }
    main section.has-subsections > div > div.wp-block-group, main section.has-subsections > div > div.wp-block-cover > div, main > .wp-block-cover.has-subsections > div > div.wp-block-group, main > .wp-block-cover.has-subsections > div > div.wp-block-cover > div, main > div > .wp-block-cover.has-subsections > div > div.wp-block-group, main > div > .wp-block-cover.has-subsections > div > div.wp-block-cover > div {
      padding-block: var(--wp--preset--spacing--80); }

::selection {
  color: #fff;
  background: rgba(255, 0, 0, 0.8); }

/* Silbentrennung */
h2,
h3,
p,
li,
th, td,
.x {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

h1:not(.wp-block-site-title), h2, h3, h4 {
  line-height: .9 !important;
  /** /
  &:first-child {
      margin-top: 0 !important;
  }
  /**/ }

/**/
h1, h2 {
  letter-spacing: -.05em !important; }

.single-post h2 {
  font-size: clamp(3rem, 8vw, 6rem);
  color: var(--wp--preset--color--custom-tertiary) !important; }
  .single-post h2::before {
    content: "_"; }

/** /
h3,
h4,
h5,
.x {
    color: #000;
}
/**/
p:empty,
div.col-12:empty,
div.col-md-6:empty,
.x:empty {
  display: none !important; }

/** /
/**/
img, video, figure {
  max-width: 100%;
  height: auto; }

a.bluesky-share {
  font-size: var(--fw--preset--font-size--small);
  color: #08f !important;
  text-decoration: none !important;
  white-space: nowrap; }
  a.bluesky-share:hover, a.bluesky-share:focus, a.bluesky-share:active {
    text-decoration: none !important;
    color: #2af !important; }
  a.bluesky-share img {
    margin-bottom: -10px;
    margin-left: -2px; }

@property --rotate {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false; }
.gradient-rotate {
  animation: rotate-gradient 10s linear infinite;
  background-image: linear-gradient(var(--rotate), #600, #606, #044, #006, #440, #600);
  background-image: linear-gradient(var(--rotate), #400, #404, #022, #004, #220, #400);
  background-clip: text; }
  .gradient-rotate h1 {
    color: transparent !important;
    padding-bottom: .25em; }

@keyframes rotate-gradient {
  from {
    --rotate: 0deg; }
  to {
    --rotate: 360deg; } }
.fw-start-title {
  font-size: var(--fw--preset--font-size--title); }

/*Buttons & More Link */
.wp-block-post-excerpt__more-link {
  padding: .5rem 2rem;
  border: 2px solid #000;
  border-radius: 1111px;
  color: #000;
  text-decoration: none; }

.wp-block-button a.wp-block-button__link.small, .wp-block-button a.wp-block-post-excerpt__more-link.small, .wp-block-post-excerpt__more-text a.wp-block-button__link.small, .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link.small {
  padding: .2em .4em !important; }
.wp-block-button a.wp-block-button__link:hover, .wp-block-button a.wp-block-button__link:focus, .wp-block-button a.wp-block-button__link:active, .wp-block-button a.wp-block-post-excerpt__more-link:hover, .wp-block-button a.wp-block-post-excerpt__more-link:focus, .wp-block-button a.wp-block-post-excerpt__more-link:active, .wp-block-post-excerpt__more-text a.wp-block-button__link:hover, .wp-block-post-excerpt__more-text a.wp-block-button__link:focus, .wp-block-post-excerpt__more-text a.wp-block-button__link:active, .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:hover, .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:focus, .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important; }
.wp-block-button.is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:focus, .wp-block-button.is-style-outline a.wp-block-button__link:active, .wp-block-post-excerpt__more-text.is-style-outline a.wp-block-button__link:hover, .wp-block-post-excerpt__more-text.is-style-outline a.wp-block-button__link:focus, .wp-block-post-excerpt__more-text.is-style-outline a.wp-block-button__link:active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important; }

/**/
.has-custom-primary-background-color + .wp-block-cover__inner-container .wp-block-button a:hover, .has-custom-primary-background-color + .wp-block-cover__inner-container .wp-block-button a:focus, .has-custom-primary-background-color + .wp-block-cover__inner-container .wp-block-button a:active {
  color: #fff !important;
  background-color: #000 !important; }

/**/
.has-custom-contrast-background-color + .wp-block-cover__inner-container .wp-block-button {
  color: #fff !important; }
  .has-custom-contrast-background-color + .wp-block-cover__inner-container .wp-block-button a.wp-block-button__link:hover, .has-custom-contrast-background-color + .wp-block-cover__inner-container .wp-block-button a.wp-block-button__link:focus, .has-custom-contrast-background-color + .wp-block-cover__inner-container .wp-block-button a.wp-block-button__link:active {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff !important; }

/**/
figure.post-image-logo,
figure.post-image-merch,
figure.post-image-painting,
figure.post-image-print,
figure.post-image-website,
figure.post-image-social-media,
figure.post-image-kampagne,
figure.post-image-corporate-design,
.x {
  display: none; }

body.category-logo .wp-block-post-featured-image, body.category-merch .wp-block-post-featured-image, body.category-painting .wp-block-post-featured-image, body.category-website .wp-block-post-featured-image, body.category-print .wp-block-post-featured-image, body.category-social-media .wp-block-post-featured-image, body.category-kampagne .wp-block-post-featured-image, body.category-corporate-design .wp-block-post-featured-image, body.tag-t-shirt .wp-block-post-featured-image,
body .x .wp-block-post-featured-image {
  display: none !important; }
body.category-logo figure.post-image-logo {
  display: block; }
body.category-merch figure.post-image-merch {
  display: block; }
body.category-painting figure.post-image-painting {
  display: block; }
body.category-website figure.post-image-website {
  display: block; }
body.category-print figure.post-image-print {
  display: block; }
body.category-social-media figure.post-image-social-media {
  display: block; }
body.category-kampagne figure.post-image-kampagne {
  display: block; }
body.category-corporate-design figure.post-image-corporate-design {
  display: block; }
body.tag-t-shirt figure.t-shirt-image {
  display: block; }

/* archive page logo */
.category-logo ul.wp-block-post-template {
  grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
  gap: 4rem; }
.category-logo figure.post-image-logo {
  max-width: 400px; }
  .category-logo figure.post-image-logo a img {
    max-height: 180px;
    filter: brightness(0);
    transition: all .3s; }
  .category-logo figure.post-image-logo a:hover img {
    filter: brightness(1); }

/* archive page print */
.category-social-media ul.wp-block-post-template,
.category-print ul.wp-block-post-template {
  grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.6rem); }
  @media (max-width: 600px) {
    .category-social-media ul.wp-block-post-template,
    .category-print ul.wp-block-post-template {
      grid-template-columns: 1fr 1fr !important; } }

/* archive page merch kampagne */
.category-merch ul.wp-block-post-template,
.category-corporate-design ul.wp-block-post-template,
.category-kampagne
ul.wp-block-post-template {
  grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.6rem); }

.wp-block-post-terms, .wp-block-categories-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .15em; }
  .wp-block-post-terms a, .wp-block-categories-list a {
    display: inline-block;
    padding: .1em .5em;
    text-decoration: none;
    font-weight: 400;
    white-space: nowrap;
    border: 1px solid;
    border-color: currentColor; }
    .wp-block-post-terms a:hover, .wp-block-post-terms a:focus, .wp-block-post-terms a:active, .wp-block-categories-list a:hover, .wp-block-categories-list a:focus, .wp-block-categories-list a:active {
      color: var(--wp--preset--color--custom-base);
      background: var(--wp--preset--color--custom-secondary);
      border-color: var(--wp--preset--color--custom-secondary); }
  .wp-block-post-terms > span, .wp-block-post-terms .current-cat, .wp-block-categories-list > span, .wp-block-categories-list .current-cat {
    display: none; }

/* mobile menu */
.fw-menu-main {
  z-index: 111;
  /**/
  /**/ }
  .fw-menu-main .wp-block-navigation__responsive-container-open,
  .fw-menu-main .wp-block-navigation__responsive-container-close {
    border-radius: 1111px;
    justify-content: center; }
    .fw-menu-main .wp-block-navigation__responsive-container-open:focus-visible,
    .fw-menu-main .wp-block-navigation__responsive-container-close:focus-visible {
      outline-style: solid;
      outline-color: var(--wp--preset--color--custom-primary);
      outline-width: .2rem;
      outline-offset: .2rem; }
    @media (max-width: 576px) {
      .fw-menu-main .wp-block-navigation__responsive-container-open,
      .fw-menu-main .wp-block-navigation__responsive-container-close {
        position: fixed;
        bottom: 0;
        left: 0;
        width: -webkit-fill-available;
        display: flex;
        align-items: flex-end;
        padding-top: .4rem !important;
        padding-bottom: .4rem !important;
        margin: .4rem 2rem;
        background-color: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(4px); } }
  .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close {
    border-radius: 1111px; }
    .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close path {
      stroke: #000;
      stroke-width: 3px; }
  .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog {
    /**/
    /**/ }
    .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog a {
      font-size: var(--wp--preset--font-size--custom-1) !important;
      font-weight: 700;
      letter-spacing: -5%;
      line-height: 1;
      border-bottom: 8px solid transparent; }
      .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog a:hover, .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog a:focus, .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog a:active {
        border-bottom-color: #000; }
      .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog a:focus-visible {
        border-color: #000 !important;
        outline-color: #000;
        outline-style: solid;
        outline-width: 8px; }
    .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .current-menu-item a {
      border-bottom: 8px solid #000; }
    .fw-menu-main .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog li:first-child:not(.current-menu-item) a:focus:not(:hover) {
      border-color: transparent !important; }

/* .fw-hover-scale */
.fw-hover-scale {
  transition: all .2s ease-in-out; }
  .fw-hover-scale:hover {
    transform: scale(1.05) !important;
    transform-origin: center center; }

.fw-hover-bg:hover {
  background-color: rgba(0, 0, 0, 0.025); }

/**/
/* fw-overlay */
.fw-overlay {
  display: grid;
  width: 100%;
  position: relative;
  transition: all .4s;
  z-index: 0; }
  .fw-overlay > * {
    grid-area: 1 / -1;
    width: 100%; }
  .fw-overlay:hover {
    transform: scale(1.05); }
  .fw-overlay figure.wp-block-post-featured-image {
    z-index: 1; }
    .fw-overlay figure.wp-block-post-featured-image img {
      object-fit: contain; }
  .fw-overlay > div.wp-block-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: .2em;
    overflow-y: hidden;
    line-height: .9 !important;
    z-index: 2;
    /** /
            @media(max-width:991px) {
                opacity: 1;
                background-color: rgba(0,0,0,.5);
            }
    /**/ }
    .fw-overlay > div.wp-block-group a {
      width: 100%;
      height: 100%;
      display: inline-block;
      color: #fff !important;
      line-height: .8 !important;
      text-decoration: none;
      font-size: calc(var(--wp--preset--font-size--large) * .8);
      z-index: 2;
      transition: all .4s;
      opacity: 0;
      /** /
                  &:after {
                      content: "";
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      background-color: rgba(0,0,0,.5);
                      z-index: -1;
      
                  }
                  &:hover, &:focus, &:focus-visible, &:active {
                      opacity: 1;
      
                      &:after {
                      }
                  }
      /**/ }
      .fw-overlay > div.wp-block-group a:focus-visible {
        outline-style: none; }
    .fw-overlay > div.wp-block-group + p {
      color: #fff; }
    .fw-overlay > div.wp-block-group:has(a:focus-visible) {
      opacity: 1;
      outline-style: solid;
      outline-color: rgba(255, 0, 0, 0.8);
      outline-width: .5em;
      outline-offset: 1em;
      z-index: 111; }

/* fw-scroll-container */
.fw-scroll-container {
  display: flex;
  align-items: center;
  aspect-ratio: 1.6 / 1; }
  .fw-scroll-container .fw-scroll-inner {
    display: flex;
    align-items: stretch;
    width: 76.4%;
    aspect-ratio: 1.6 / 1;
    overflow-y: hidden !important; }
    .fw-scroll-container .fw-scroll-inner figure {
      overflow-y: scroll; }
      .fw-scroll-container .fw-scroll-inner figure img {
        width: 100%; }
  .fw-scroll-container.fw-mobile {
    aspect-ratio: 1 / 2.0; }
    .fw-scroll-container.fw-mobile .fw-scroll-inner {
      width: 91% !important;
      aspect-ratio: 1 / 1.9; }

/* hscroller */
.hscroller ul, .hscroller #vsel {
  --_spacer: .25rem;
  display: grid;
  grid-auto-flow: column !important;
  grid-auto-columns: 17% !important;
  grid-template-columns: none !important;
  /** /
  grid-template-rows: 100%;
  /**/
  gap: calc(2px + 0.5%) !important;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: var(--_spacer, 0.4rem);
  padding-bottom: 1rem; }
  @media (max-width: 1099px) {
    .hscroller ul, .hscroller #vsel {
      grid-auto-columns: 30% !important; } }
  @media (max-width: 991px) {
    .hscroller ul, .hscroller #vsel {
      grid-auto-columns: 36% !important; } }
  @media (max-width: 767px) {
    .hscroller ul, .hscroller #vsel {
      grid-auto-columns: 46% !important; } }
  @media (max-width: 575px) {
    .hscroller ul, .hscroller #vsel {
      grid-auto-columns: 72% !important; } }
  .hscroller ul li, .hscroller ul .vsel-content, .hscroller #vsel li, .hscroller #vsel .vsel-content {
    display: grid;
    align-items: stretch;
    scroll-snap-align: start;
    inline-size: 100%; }
    .hscroller ul li figure a, .hscroller ul .vsel-content figure a, .hscroller #vsel li figure a, .hscroller #vsel .vsel-content figure a {
      display: flex;
      align-items: center; }
    .hscroller ul li img, .hscroller ul .vsel-content img, .hscroller #vsel li img, .hscroller #vsel .vsel-content img {
      -o-object-fit: cover;
      object-fit: cover; }
    .hscroller ul li::marker, .hscroller ul .vsel-content::marker, .hscroller #vsel li::marker, .hscroller #vsel .vsel-content::marker {
      content: "";
      display: none; }

/**/
.fw-hscroller {
  display: flex; }
  .fw-hscroller ul, .fw-hscroller #vsel {
    display: flex;
    width: 100vw;
    max-height: 540px;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: auto;
    --_spacer: .25rem;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: var(--_spacer, 0.4rem);
    padding-bottom: 1rem; }
    @media (max-width: 1099px) {
      .fw-hscroller ul, .fw-hscroller #vsel {
        grid-auto-columns: 30% !important; } }
    @media (max-width: 991px) {
      .fw-hscroller ul, .fw-hscroller #vsel {
        grid-auto-columns: 36% !important; } }
    @media (max-width: 767px) {
      .fw-hscroller ul, .fw-hscroller #vsel {
        grid-auto-columns: 46% !important; } }
    @media (max-width: 575px) {
      .fw-hscroller ul, .fw-hscroller #vsel {
        grid-auto-columns: 72% !important; } }
    .fw-hscroller ul li, .fw-hscroller ul .vsel-content, .fw-hscroller #vsel li, .fw-hscroller #vsel .vsel-content {
      display: flex; }
      .fw-hscroller ul li figure, .fw-hscroller ul .vsel-content figure, .fw-hscroller #vsel li figure, .fw-hscroller #vsel .vsel-content figure {
        display: flex; }
        .fw-hscroller ul li figure a, .fw-hscroller ul .vsel-content figure a, .fw-hscroller #vsel li figure a, .fw-hscroller #vsel .vsel-content figure a {
          display: flex;
          align-items: center; }

/**/
/* posts-navigation */
.posts-navigation {
  --mywh: calc(2vw + 2rem);
  position: fixed;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  top: 66%;
  width: calc(100vw + var(--mywh) * 2);
  max-width: 1800px;
  height: .1px;
  margin-top: 0 !important;
  z-index: 222; }
  .posts-navigation > div {
    height: .1px;
    width: 100%;
    justify-content: space-between; }
  .posts-navigation .wp-block-post-navigation-link {
    position: relative;
    color: var(--wp--preset--color--base) !important; }
    .posts-navigation .wp-block-post-navigation-link a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: calc(var(--mywh)*2);
      height: calc(var(--mywh)*2);
      padding: .2em;
      background: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(4px);
      border: 2px solid #000;
      border-radius: 1111px;
      /**/
      /**/
      /**/ }
      .posts-navigation .wp-block-post-navigation-link a::before {
        width: calc(var(--mywh) / 1.15);
        height: calc(var(--mywh) / 1.5);
        content: url("data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20123%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix%281%2C0%2C0%2C1%2C-924.274%2C-888.39%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.251054%2C0%2C0%2C0.251054%2C783.95%2C733.045%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M991.806%2C815.479L573.168%2C810.903C562.955%2C810.903%20558.241%2C806.189%20559.026%2C796.76C559.026%2C786.547%20563.74%2C781.833%20573.168%2C782.618L992.853%2C783.892L858.404%2C644.186C851.182%2C636.964%20851.182%2C630.297%20858.404%2C624.186C865.626%2C616.964%20872.293%2C616.964%20878.404%2C624.186L1041.74%2C788.352C1048.4%2C795.575%201048.4%2C802.519%201041.74%2C809.186L878.404%2C973.352C872.293%2C980.575%20865.626%2C980.575%20858.404%2C973.352C851.182%2C967.241%20851.182%2C960.575%20858.404%2C953.352L991.806%2C815.479Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
      .posts-navigation .wp-block-post-navigation-link a[rel="next"] {
        transform: scaleX(-1); }
      .posts-navigation .wp-block-post-navigation-link a:hover, .posts-navigation .wp-block-post-navigation-link a:focus, .posts-navigation .wp-block-post-navigation-link a:active {
        background: #000;
        /**/
        /**/ }
        .posts-navigation .wp-block-post-navigation-link a:hover::before, .posts-navigation .wp-block-post-navigation-link a:focus::before, .posts-navigation .wp-block-post-navigation-link a:active::before {
          content: url("data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20123%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill%3Awhite%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix%281%2C0%2C0%2C1%2C-924.274%2C-888.39%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.251054%2C0%2C0%2C0.251054%2C783.95%2C733.045%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M991.806%2C815.479L573.168%2C810.903C562.955%2C810.903%20558.241%2C806.189%20559.026%2C796.76C559.026%2C786.547%20563.74%2C781.833%20573.168%2C782.618L992.853%2C783.892L858.404%2C644.186C851.182%2C636.964%20851.182%2C630.297%20858.404%2C624.186C865.626%2C616.964%20872.293%2C616.964%20878.404%2C624.186L1041.74%2C788.352C1048.4%2C795.575%201048.4%2C802.519%201041.74%2C809.186L878.404%2C973.352C872.293%2C980.575%20865.626%2C980.575%20858.404%2C973.352C851.182%2C967.241%20851.182%2C960.575%20858.404%2C953.352L991.806%2C815.479Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

/* fancybox__carousel */
.fancybox__sidebar.undefined {
  display: none; }

.fancybox__toolbar .f-button[title="Close"] path {
  stroke: current-color;
  stroke-width: 3px; }

.fancybox__nav {
  --mywh: calc(2vw + 2rem);
  justify-content: center;
  width: 100vw !important;
  max-width: 1800px;
  height: .1px;
  z-index: 222;
  height: .1px;
  width: 100%;
  justify-content: space-between; }
  .fancybox__nav button.f-button.is-next, .fancybox__nav button.f-button.is-prev {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(var(--mywh)*2);
    height: calc(var(--mywh)*2);
    padding: .2em;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
    border: 2px solid #000;
    border-radius: 1111px;
    transform: translateY(0) !important;
    /**/
    /**/
    /**/
    /**/ }
    .fancybox__nav button.f-button.is-next::before, .fancybox__nav button.f-button.is-prev::before {
      position: static !important;
      width: calc(var(--mywh) / 1.15);
      height: calc(var(--mywh) / 1.5);
      content: url("data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20123%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill%3Awhite%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix%281%2C0%2C0%2C1%2C-924.274%2C-888.39%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.251054%2C0%2C0%2C0.251054%2C783.95%2C733.045%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M991.806%2C815.479L573.168%2C810.903C562.955%2C810.903%20558.241%2C806.189%20559.026%2C796.76C559.026%2C786.547%20563.74%2C781.833%20573.168%2C782.618L992.853%2C783.892L858.404%2C644.186C851.182%2C636.964%20851.182%2C630.297%20858.404%2C624.186C865.626%2C616.964%20872.293%2C616.964%20878.404%2C624.186L1041.74%2C788.352C1048.4%2C795.575%201048.4%2C802.519%201041.74%2C809.186L878.404%2C973.352C872.293%2C980.575%20865.626%2C980.575%20858.404%2C973.352C851.182%2C967.241%20851.182%2C960.575%20858.404%2C953.352L991.806%2C815.479Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
    .fancybox__nav button.f-button.is-next svg, .fancybox__nav button.f-button.is-prev svg {
      display: none; }
    .fancybox__nav button.f-button.is-next[disabled=""], .fancybox__nav button.f-button.is-prev[disabled=""] {
      display: none; }
  .fancybox__nav button.f-button.is-prev {
    left: calc(-20px - 1%) !important;
    transform: scaleX(-1) translateY(0) !important; }
  .fancybox__nav button.f-button.is-next {
    right: calc(-20px - 1%) !important; }
  .fancybox__nav button.f-button:hover, .fancybox__nav button.f-button:focus, .fancybox__nav button.f-button:active {
    background: rgba(255, 255, 255, 0.8) !important;
    /**/
    /**/ }
    .fancybox__nav button.f-button:hover::before, .fancybox__nav button.f-button:focus::before, .fancybox__nav button.f-button:active::before {
      content: url("data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20123%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix%281%2C0%2C0%2C1%2C-924.274%2C-888.39%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22matrix%280.251054%2C0%2C0%2C0.251054%2C783.95%2C733.045%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M991.806%2C815.479L573.168%2C810.903C562.955%2C810.903%20558.241%2C806.189%20559.026%2C796.76C559.026%2C786.547%20563.74%2C781.833%20573.168%2C782.618L992.853%2C783.892L858.404%2C644.186C851.182%2C636.964%20851.182%2C630.297%20858.404%2C624.186C865.626%2C616.964%20872.293%2C616.964%20878.404%2C624.186L1041.74%2C788.352C1048.4%2C795.575%201048.4%2C802.519%201041.74%2C809.186L878.404%2C973.352C872.293%2C980.575%20865.626%2C980.575%20858.404%2C973.352C851.182%2C967.241%20851.182%2C960.575%20858.404%2C953.352L991.806%2C815.479Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }

/**/
/* fw-buttons */
.fw-buttons {
  margin-top: 1em;
  margin-bottom: 2em; }
  .fw-buttons .fw-button a.fw-button__link {
    display: inline-block;
    border-radius: 1111px !important;
    padding: 0.3em 1.33em !important;
    text-decoration: none !important;
    border: 2px solid;
    text-transform: uppercase;
    font-weight: 400; }
  .fw-buttons .fw-button.fw-button-solid a.fw-button__link {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important; }
    .fw-buttons .fw-button.fw-button-solid a.fw-button__link:hover, .fw-buttons .fw-button.fw-button-solid a.fw-button__link:focus, .fw-buttons .fw-button.fw-button-solid a.fw-button__link:active {
      background-color: #f00 !important;
      color: #fff !important;
      border-color: #f00 !important; }
  .fw-buttons .fw-button.fw-button-outline a.fw-button__link {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #000 !important; }
    .fw-buttons .fw-button.fw-button-outline a.fw-button__link:hover, .fw-buttons .fw-button.fw-button-outline a.fw-button__link:focus, .fw-buttons .fw-button.fw-button-outline a.fw-button__link:active {
      background-color: #f00 !important;
      color: #fff !important;
      border-color: #f00 !important; }

/**/
/* fw-breadcrumb */
.fw-breadcrumb {
  position: relative;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  z-index: 1; }
  .fw-breadcrumb a {
    color: #000;
    text-decoration: none;
    border-top: .125em solid #000;
    border-bottom: .125em solid #000; }
    .fw-breadcrumb a:hover, .fw-breadcrumb a:focus, .fw-breadcrumb a:active {
      border-top-width: .2em;
      border-bottom-width: .2em; }
  .fw-breadcrumb + div {
    margin-top: .2em; }

/* searchandfilter */
/* reset form elements */
input,
button,
select,
textarea {
  font: inherit;
  color: inherit; }

/**/
@media (min-width: 782px) {
  .fw-alternate li:nth-child(2n) :first-child {
    order: 2 !important; }
  .fw-alternate li:nth-child(2n):hover::after {
    left: 0; } }

/* grid columns fix */
@media (min-width: 480px) {
  .wp-block-post-template.columns-3,
  .wp-block-post-template.columns-4,
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: repeat(2, 1fr) !important; } }
/* */
@media (min-width: 782px) {
  .wp-block-post-template.columns-4,
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: repeat(3, 1fr) !important; } }
/* */
@media (min-width: 992px) {
  .wp-block-post-template.columns-5,
  .wp-block-post-template.columns-6,
  .x {
    grid-template-columns: repeat(5, 1fr) !important; } }
@media (min-width: 992px) {
  .wp-block-post-template.columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; } }
/* flex colums fix */
:root :where(.is-layout-flex) {
  gap: clamp(0.4rem, 2vw, 2rem); }

@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile).fw-mobile-columns-2 > .wp-block-column {
    flex-basis: 50% !important;
    max-width: 48%; } }
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile).fw-tablet-columns-2 > .wp-block-column {
    flex-basis: 50% !important;
    max-width: 48%; } }
/*misc */
.wp-element-caption {
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
  color: rgba(0, 0, 0, 0.5); }

.category-name-list {
  white-space: normal; }
  .category-name-list .category-name-item {
    display: inline flow-root;
    color: var(--wp--preset--color--custom-secondary);
    hyphens: none;
    white-space: nowrap; }
    .category-name-list .category-name-item:not(:first-child)::before {
      content: " | "; }

audio {
  color-scheme: dark;
  border-radius: 1111px !important;
  background-image: linear-gradient(#000, #000);
  width: auto !important;
  max-width: none !important; }

.display-flex {
  display: flex; }

.align-items-flex-end {
  align-items: flex-end; }

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

.w-100,
.w-100 * {
  width: 100%; }

.h-100 {
  height: 100%; }

.fw-round {
  border-radius: 1111px; }

.fw-work {
  color: #666;
  font-weight: 500; }

.overflow-visible {
  overflow: visible !important; }

.border-bottom {
  border-bottom: 8px dotted var(--wp--presets--color--custom-tertiary);
  padding-bottom: 1em; }

.text-decoration-none,
.text-decoration-none a,
.x {
  text-decoration: none !important; }

.translatexy-n30 {
  transform: translateX(-30px) translateY(-30px); }

.translatex-n30 {
  transform: translateX(-30px); }

.translatey-n30 {
  transform: translateY(-30px); }

.margin-n30 {
  margin: -30px !important; }

.marginx-n30 {
  margin-inline: -30px !important; }

.marginy-n30 {
  margin-block: -30px !important; }

/**/
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
  max-width: 100%; }

.untertitel {
  display: block;
  font-weight: 500; }

h1 .untertitel {
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: -.05em;
  margin-top: .5em; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-static {
  position: static; }

/**/
blockquote {
  position: relative;
  padding-left: 2em;
  color: rgba(0, 0, 0, 0.6); }
  blockquote::before {
    content: "\201D";
    position: absolute;
    left: .1em;
    top: -.35em;
    font-size: var(--wp--preset--font-size--x-large);
    color: rgba(0, 0, 0, 0.15); }

h2.beschreibung {
  margin: 1em 0 .4em !important; }

.stretched-link {
  position: relative; }
  .stretched-link a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .stretched-link img {
    transition: .4s all ease-in-out; }
  .stretched-link:has(a:hover) img {
    mix-blend-mode: unset; }

.object-fit-cover,
.object-fit-cover figure,
.object-fit-cover img,
.x {
  object-fit: cover; }

.hide-if-empty:empty {
  display: none !important; }
.hide-if-empty:has(div:empty), .hide-if-empty:has(p:empty) {
  display: none !important; }

.hide-if-no-img {
  display: none !important; }
  .hide-if-no-img + div {
    width: 100% !important; }

.row:has(.hide-if-no-img) {
  /** /
  &> div:not(.hide-if-no-img):not(:has(img)) {
      width: 100% !important;
  }
  /**/ }
  .row:has(.hide-if-no-img) .hide-if-no-img {
    display: none !important; }

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-y-hidden {
  overflow-y: hidden; }

.aspect-ratio-1-1,
.aspect-ratio-1-1 img {
  aspect-ratio: 1 / 1; }

.aspect-ratio-2-3,
.aspect-ratio-2-3 img {
  aspect-ratio: 2 / 3; }

.aspect-ratio-3-4,
.aspect-ratio-3-4 img {
  aspect-ratio: 3 / 4; }

.aspect-ratio-16-9,
.aspect-ratio-16-9 img {
  aspect-ratio: 16 / 9; }

/* bs */
/* z-index e. a. */
.z-n1 {
  z-index: -1 !important; }

.z-0 {
  z-index: 0 !important; }

.z-1 {
  z-index: 1 !important; }

.z-2 {
  z-index: 2 !important; }

.z-3 {
  z-index: 3 !important; }

.mt-lg-0 {
  margin-bottom: 0 !important; }

.mt-lg-1 {
  margin-bottom: 1rem !important; }

.mt-lg-2 {
  margin-bottom: 2rem !important; }

.mt-lg-3 {
  margin-bottom: 3rem !important; }

.mt-lg-4 {
  margin-bottom: 4rem !important; }

.mt-lg-5 {
  margin-bottom: 5rem !important; }

.mt-lg-n1 {
  margin-bottom: -1rem !important; }

.mt-lg-n2 {
  margin-bottom: -2rem !important; }

.mt-lg-n3 {
  margin-bottom: -3rem !important; }

.mt-lg-n4 {
  margin-bottom: -4rem !important; }

.mt-lg-n5 {
  margin-bottom: -5rem !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mb-5 {
  margin-bottom: 5rem !important; }

.mb-n1 {
  margin-bottom: -1rem !important; }

.mb-n2 {
  margin-bottom: -2rem !important; }

.mb-n3 {
  margin-bottom: -3rem !important; }

.mb-n4 {
  margin-bottom: -4rem !important; }

.mb-n5 {
  margin-bottom: -5rem !important; }

@media (min-width: 576px) {
  .z-sm-n1 {
    z-index: -1 !important; }

  .z-sm-0 {
    z-index: 0 !important; }

  .z-sm-1 {
    z-index: 1 !important; }

  .z-sm-2 {
    z-index: 2 !important; }

  .z-sm-3 {
    z-index: 3 !important; } }
@media (min-width: 782px) {
  .z-md-n1 {
    z-index: -1 !important; }

  .z-md-0 {
    z-index: 0 !important; }

  .z-md-1 {
    z-index: 1 !important; }

  .z-md-2 {
    z-index: 2 !important; }

  .z-md-3 {
    z-index: 3 !important; }

  .text-md-end {
    text-align: end !important; } }
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0 !important; }

  .mt-lg-1 {
    margin-top: 1rem !important; }

  .mt-lg-2 {
    margin-top: 2rem !important; }

  .mt-lg-3 {
    margin-top: 3rem !important; }

  .mt-lg-4 {
    margin-top: 4rem !important; }

  .mt-lg-5 {
    margin-top: 5rem !important; }

  .mt-lg-n1 {
    margin-top: -1rem !important; }

  .mt-lg-n2 {
    margin-top: -2rem !important; }

  .mt-lg-n3 {
    margin-top: -3rem !important; }

  .mt-lg-n4 {
    margin-top: -4rem !important; }

  .mt-lg-n5 {
    margin-top: -5rem !important; }

  .mb-lg-0 {
    margin-bottom: 0 !important; }

  .mb-lg-1 {
    margin-bottom: 1rem !important; }

  .mb-lg-2 {
    margin-bottom: 2rem !important; }

  .mb-lg-3 {
    margin-bottom: 3rem !important; }

  .mb-lg-4 {
    margin-bottom: 4rem !important; }

  .mb-lg-5 {
    margin-bottom: 5rem !important; }

  .mb-lg-n1 {
    margin-bottom: -1rem !important; }

  .mb-lg-n2 {
    margin-bottom: -2rem !important; }

  .mb-lg-n3 {
    margin-bottom: -3rem !important; }

  .mb-lg-n4 {
    margin-bottom: -4rem !important; }

  .mb-lg-n5 {
    margin-bottom: -5rem !important; }

  .z-lg-n1 {
    z-index: -1 !important; }

  .z-lg-0 {
    z-index: 0 !important; }

  .z-lg-1 {
    z-index: 1 !important; }

  .z-lg-2 {
    z-index: 2 !important; }

  .z-lg-3 {
    z-index: 3 !important; }

  .p-lg-inline-start-2 {
    padding-inline-start: 1rem; } }