:root {
 font-size: var(--wp--preset--font-size--normal) !important;
 --hh: 4rem;
}

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

html {
 scroll-behavior: smooth;
 --color-Messagebox: var(--wp--preset--color--white);
 --bg-Messagebox: var(--wp--preset--color--orange);
 width: 100%;
}

body {
 width: 100%;
 overflow-x: hidden;
}

.page-hero .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
 filter: drop-shadow(0px 0px 1em var(--wp--preset--color--blue)) drop-shadow(0px 0px 1em var(--wp--preset--color--blue));
}

.wp-block-cover__inner-container > .wp-block-heading {
 filter: drop-shadow(0px 0px 1em #000000) drop-shadow(0px 0px 1em #000000);
}

/* 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;
      }

    }
  }
}*/
/*
body:not(.logged-in){
  .header-nophone-language-modal{
    overflow: hidden;
    display: none !important;
  }
}
*/
.header-nophone-language-modal a.rich-button-link:after {
 content: none;
 position: absolute;
 display: block;
 width: 1em;
 height: auto;
 aspect-ratio: 2;
 -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
         clip-path: polygon(0 100%, 50% 0, 100% 100%);
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 background: currentColor;
}

html[lang=en-US] .header-nophone-language-modal a.rich-button-link[aria-label=English]:after {
 content: "";
}

html[lang=de-DE] .header-nophone-language-modal a.rich-button-link[aria-label=Deutsch]:after {
 content: "";
}

.header-nophone-language-modal > div {
 display: none;
}

/* 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));
}

html[lang=en-US] section#Karriere,
html[lang=en-US] section#Karriere-Inner {
 display: none !important;
}

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

.beitrag-teaser-grid {
 display: grid;
 grid-template-columns: 1fr 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);
}
@media screen and (max-width: 992px) {
 .beitrag-teaser-grid {
  grid-template-columns: 1fr 1fr;
 }
}
@media screen and (max-width: 575px) {
 .beitrag-teaser-grid {
  grid-template-columns: 1fr;
 }
}
.beitrag-teaser-grid > .beitrag-teaser {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 width: 100%;
 overflow: hidden;
 margin: 0;
}
.beitrag-teaser-grid > .beitrag-teaser .beitrag-teaser-content {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}
.beitrag-teaser-grid > .beitrag-teaser .beitrag-teaser-more {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}
.beitrag-teaser-grid > .beitrag-teaser .post-teaser-img {
 aspect-ratio: 1;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: top;
    object-position: top;
}
.beitrag-teaser-grid > .beitrag-teaser .beitrag-teaser-text {
 display: -webkit-box;
 line-clamp: 5;
 -webkit-line-clamp: 5;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.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.25s ease;
}
.vcard-details.is-open {
 width: 100vw;
 height: 100vh;
 left: 0;
 top: 0;
 overflow-y: auto;
}
.vcard-details .vcard-close {
 position: absolute;
 right: 1rem;
 top: 1rem;
 width: 2rem;
 height: 2rem;
 background: white;
 border-radius: 0.25rem;
 color: var(--wp--preset--color--bluedark-1);
 cursor: pointer;
}
.vcard-details .vcard-close svg {
 fill: currentColor;
 width: 2rem;
 height: 2rem;
}

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(.15,0,0,1) !important;

  &.delay-1{ transition-delay: 0.1s; }
  &.delay-2{ transition-delay: 0.2s; }
  &.delay-3{ transition-delay: 0.3s; }

  &.slide-left{ transform: translate(20vw, 0); }
  &.slide-right{ transform: translate(-20vw, 0); }
  &.slide-top{ transform: translate(0, 20vh); }
  &.slide-bottom{ transform: translate(0, -20vh); }

  &.is-inview{ transform: translate(0, 0) scale(1); opacity:1; }
}
  */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* FOCUS on TAB-Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
a:focus-visible, button:focus-visible, form:focus-visible {
 border-radius: 3px !important;
 outline: 3px solid var(--wp--preset--color--focus, red) !important;
 outline-offset: 3px !important;
 transition: none !important;
}

.wp-block-ensch-form-input:has(button:focus-visible, input:focus-visible, textarea:focus-visible) {
 border-radius: 3px !important;
 outline: 3px solid var(--wp--preset--color--focus, red) !important;
 outline-offset: 3px !important;
 transition: none !important;
}

.wp-block-search__inside-wrapper:has(button:focus-visible, input:focus-visible, textarea:focus-visible):before {
 content: " ";
 position: absolute;
 top: -10px;
 left: -10px;
 width: calc(100% + 20px);
 height: calc(100% + 20px);
 border-radius: 6px !important;
 outline: 1px solid var(--wp--preset--color--focus, red) !important;
 background: var(--wp--preset--color--focus, red) !important;
 outline-offset: 0px !important;
 opacity: 0.25;
 transition: none !important;
}

.wp-block-search__inside-wrapper > button:focus-visible, .wp-block-search__inside-wrapper > input:focus-visible {
 border-radius: 3px !important;
 outline: 3px solid var(--wp--preset--color--focus, red) !important;
 outline-offset: 3px !important;
 transition: none !important;
}

.main-search-group.main-search-group.main-search-group.main-search-group.main-search-group form.main-search-form:has(button:focus-visible, input:focus-visible) {
 position: fixed !important;
 left: 50% !important;
 top: 50% !important;
 width: 30rem !important;
 max-width: 100vw !important;
 overflow: visible !important;
 transform: translate(-50%, -50%) !important;
 z-index: 999999999 !important;
 padding: 0.5em 0 !important;
 transition: all 300ms ease !important;
 transition: all 600ms cubic-bezier(0.5, -0.35, 0.5, 1.35) !important;
 filter: drop-shadow(0px 0px 5vmax black) drop-shadow(0px 0px 15vmax black) drop-shadow(0px 0px 30vmax black) !important;
}

.testimonial-slider {
 max-height: unset;
}