*:not(.is-position-sticky) {
 position: relative;
}

html {
 scroll-behavior: smooth;
}

body {
 overflow-x: hidden;
}

/* NAV 

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{
  position: absolute;
  scale: 1.5;
}

.wp-block-navigation__responsive-container{

  &.is-menu-open{
    position: fixed;
    padding: 0;
    ul{
      width: 100%;
      gap: var(--wp--preset--font-size--large) !important;
      li{
        width: 100%;
        display: flex;
        align-items: center !important;
        font-size: var(--wp--preset--font-size--large) !important;
      }
    }
  }

  &.is-menu-open{
    justify-content: stretch;
    height: 100%;
    color: white !important;
    background: #000000cc !important;

    .wp-block-navigation__responsive-close{
      position: absolute;
      display: flex;
      height: 100%;
      width: auto;
      min-width: 80vw;
      right: 0;
      padding: 3rem;
      justify-content: center;
      align-items: center;
      background: var(--wp--preset--color--blue) !important;
    }

    .wp-block-navigation__responsive-container-close{
      position: fixed;
      right: 2rem;
      top: 2rem;
    }

    .wp-block-navigation__responsive-dialog{

      .wp-block-navigation__responsive-container-content{
        padding-top: var(--header-height) !important;
      }

    }
  }

}*/
/* Content */
.home-hero-logo {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 50%;
 max-width: 15rem;
 margin: 0;
 filter: drop-shadow(0 0 2rem rgb(65, 50, 45)) drop-shadow(0 0 0.2rem rgb(215, 200, 195));
}

.is-hidden {
 display: none !important;
}

.beitrag-teaser-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 -moz-column-gap: var(--wp--preset--spacing--20);
      column-gap: var(--wp--preset--spacing--20);
 row-gap: var(--wp--preset--spacing--20);
 max-width: var(--wp--style--global--wide-size);
}
.beitrag-teaser-grid > .beitrag-teaser {
 margin: 0;
}
.beitrag-teaser-grid > .beitrag-teaser .beitrags-teaser-icons {
 display: flex;
 gap: 1rem;
}

.vcard-details {
 position: fixed;
 width: 100vw;
 height: 0;
 left: 0;
 top: 50%;
 overflow: hidden;
 overflow-y: auto;
 z-index: 999999999;
 transition: all 0.5s ease;
}
.vcard-details.is-open {
 width: 100vw;
 height: 100vh;
 left: 0;
 top: 0;
 overflow-y: auto;
}

ul {
 list-style: none;
}
ul li:before {
 content: "";
 border-color: transparent currentColor;
 border-style: solid;
 border-width: 0.35em 0 0.35em 0.45em;
 display: block;
 height: 0;
 width: 0;
 left: -1em;
 top: 1em;
 position: relative;
}

nav ul {
 list-style: none;
}
nav ul li:before {
 content: unset;
}

.inview {
 opacity: 0;
 transition: all 0.75s ease-out 0.01s;
 transition-timing-function: cubic-bezier(0.15, 0, 0, 1) !important;
}
.inview.delay-1 {
 transition-delay: 0.1s;
}
.inview.delay-2 {
 transition-delay: 0.2s;
}
.inview.delay-3 {
 transition-delay: 0.3s;
}
.inview.slide-left {
 transform: translate(20vw, 0);
}
.inview.slide-right {
 transform: translate(-20vw, 0);
}
.inview.slide-top {
 transform: translate(0, 20vh);
}
.inview.slide-bottom {
 transform: translate(0, -20vh);
}
.inview.is-inview {
 transform: translate(0, 0) scale(1);
 opacity: 1;
}

.vcard {
 padding-left: 2.5rem;
}
.vcard:before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 1.9rem;
 height: auto;
 aspect-ratio: 200/230;
 background-color: black; /* visible color */
 -webkit-mask-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.07 224.09'>  <path d='M55.42,67.12v-24.86C55.42,18.92,74.35,0,97.68,0s42.26,18.92,42.26,42.26v24.86c0,23.34-18.92,42.26-42.26,42.26s-42.26-18.92-42.26-42.26ZM196.07,168.12c-19.81,33.5-56.3,55.97-98.03,55.97S19.81,201.62,0,168.12c14.41-24.37,37.65-42.89,65.32-51.18,9.17,10.57,20.26,19.43,32.72,26.04,12.46-6.61,23.55-15.47,32.72-26.04,27.66,8.29,50.9,26.81,65.32,51.18ZM157.45,168.88h-15.89v-15.89h-13.33v15.89h-15.89v13.33h15.89v15.89h13.33v-15.89h15.89v-13.33Z'/>  </svg>");
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: contain;
 -webkit-mask-position: center;
 mask-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.07 224.09'>  <path d='M55.42,67.12v-24.86C55.42,18.92,74.35,0,97.68,0s42.26,18.92,42.26,42.26v24.86c0,23.34-18.92,42.26-42.26,42.26s-42.26-18.92-42.26-42.26ZM196.07,168.12c-19.81,33.5-56.3,55.97-98.03,55.97S19.81,201.62,0,168.12c14.41-24.37,37.65-42.89,65.32-51.18,9.17,10.57,20.26,19.43,32.72,26.04,12.46-6.61,23.55-15.47,32.72-26.04,27.66,8.29,50.9,26.81,65.32,51.18ZM157.45,168.88h-15.89v-15.89h-13.33v15.89h-15.89v13.33h15.89v15.89h13.33v-15.89h15.89v-13.33Z'/>  </svg>");
 mask-repeat: no-repeat;
 mask-size: contain;
 mask-position: center;
}