.entry-content .wp-block-custom-block-container{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:30px 50px}.bg-auto{background-size:auto!important}.bg-cover{background-size:cover!important}.bg-contain{background-size:contain!important}.bg-100{background-size:100%!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-repeat{background-repeat:repeat!important}.bg-repeat-x{background-repeat:repeat-x!important}.bg-repeat-y{background-repeat:repeat-y!important}.w3eden h2.components-heading{font-size:14px}
/* 
Ziel: Nutzer darf alles setzten für max-width - solange es nicht aus dem Layout ausbricht.

Logik: Nehme die kleinste Größe für max width
- Vom container (--wp--style--global--content-size oder --wp--style--global--wide-size)
- Vom Block selbst
*/

/* 
In einem constarained layout (unser "Inhalts"-Block), Blöcke mit ermisch-dimensions, die aber nicht explizit aligned sind
*/
.is-layout-constrained
  > :where(.has-ermisch-dimensions:not(.alignfull, .alignwide, .alignleft, .alignright)) {
  max-width: min(
    var(--wp--style--global--content-size),
    var(--blockWidthMax-desktop, var(--wp--style--global--content-size))
  ) !important;
}

/* Ich weiß nicht, wofür das hier war, aber ich lasse es mal drin, falls wir es doch noch brauchen. Allerdings hatte das hier Probleme verursacht */
/* .is-layout-constrained > .alignwide.has-ermisch-dimensions,
.block-editor-block-list__layout.is-root-container > .alignwide.has-ermisch-dimensions {
  max-width: min(
    var(--wp--style--global--wide-size),
    var(--blockWidthMax-desktop, var(--wp--style--global--wide-size))
  ) !important;
} */

.has-ermisch-dimensions {
  /* Initial Values */
  --blockWidthMin-desktop: initial;
  --blockWidthMin-tablet: initial;
  --blockWidthMin-mobile: initial;
  --blockWidth-desktop: initial;
  --blockWidth-tablet: initial;
  --blockWidth-mobile: initial;
  --blockWidthMax-desktop: initial;
  --blockWidthMax-tablet: initial;
  --blockWidthMax-mobile: initial;
  --blockHeightMin-desktop: initial;
  --blockHeightMin-tablet: initial;
  --blockHeightMin-mobile: initial;
  --blockHeight-desktop: initial;
  --blockHeight-tablet: initial;
  --blockHeight-mobile: initial;
  --blockHeightMax-desktop: initial;
  --blockHeightMax-tablet: initial;
  --blockHeightMax-mobile: initial;

  /* Desktop Styles */
  min-width: var(--blockWidthMin-desktop, initial);
  width: var(--blockWidth-desktop, initial);
  max-width: var(--blockWidthMax-desktop, initial);

  min-height: var(--blockHeightMin-desktop, initial);
  height: var(--blockHeight-desktop, initial);
  max-height: var(--blockHeightMax-desktop, initial);
}

.has-ermisch-spacing {
  /* Initial Values */
  --padding-top-desktop: initial;
  --padding-top-tablet: initial;
  --padding-top-mobile: initial;
  --padding-right-desktop: initial;
  --padding-right-tablet: initial;
  --padding-right-mobile: initial;
  --padding-bottom-desktop: initial;
  --padding-bottom-tablet: initial;
  --padding-bottom-mobile: initial;
  --padding-left-desktop: initial;
  --padding-left-tablet: initial;
  --padding-left-mobile: initial;

  --margin-top-desktop: initial;
  --margin-top-tablet: initial;
  --margin-top-mobile: initial;
  --margin-right-desktop: initial;
  --margin-right-tablet: initial;
  --margin-right-mobile: initial;
  --margin-bottom-desktop: initial;
  --margin-bottom-tablet: initial;
  --margin-bottom-mobile: initial;
  --margin-left-desktop: initial;
  --margin-left-tablet: initial;
  --margin-left-mobile: initial;

  --gap-right-desktop: initial;
  --gap-right-tablet: initial;
  --gap-right-mobile: initial;

  /* Desktop Styles */
  padding-top: var(--padding-top-desktop, initial) !important;
  padding-right: var(--padding-right-desktop, initial) !important;
  padding-bottom: var(--padding-bottom-desktop, initial) !important;
  padding-left: var(--padding-left-desktop, initial) !important;

  margin-top: var(--margin-top-desktop, initial) !important;
  margin-right: var(--margin-right-desktop, initial);
  margin-bottom: var(--margin-bottom-desktop, initial) !important;
  margin-left: var(--margin-left-desktop, initial);

  gap: var(--gap-right-desktop, initial);
}

.has-ermisch-borders {
  /* Initial Values */
  --border-top-width-desktop: initial;
  --border-top-width-tablet: initial;
  --border-top-width-mobile: initial;
  --border-top-style-desktop: initial;
  --border-top-style-tablet: initial;
  --border-top-style-mobile: initial;
  --border-top-color-desktop: initial;
  --border-top-color-tablet: initial;
  --border-top-color-mobile: initial;

  --border-right-width-desktop: initial;
  --border-right-width-tablet: initial;
  --border-right-width-mobile: initial;
  --border-right-style-desktop: initial;
  --border-right-style-tablet: initial;
  --border-right-style-mobile: initial;
  --border-right-color-desktop: initial;
  --border-right-color-tablet: initial;
  --border-right-color-mobile: initial;

  --border-bottom-width-desktop: initial;
  --border-bottom-width-tablet: initial;
  --border-bottom-width-mobile: initial;
  --border-bottom-style-desktop: initial;
  --border-bottom-style-tablet: initial;
  --border-bottom-style-mobile: initial;
  --border-bottom-color-desktop: initial;
  --border-bottom-color-tablet: initial;
  --border-bottom-color-mobile: initial;

  --border-left-width-desktop: initial;
  --border-left-width-tablet: initial;
  --border-left-width-mobile: initial;
  --border-left-style-desktop: initial;
  --border-left-style-tablet: initial;
  --border-left-style-mobile: initial;
  --border-left-color-desktop: initial;
  --border-left-color-tablet: initial;
  --border-left-color-mobile: initial;

  --borderRadius-topLeft-desktop: initial;
  --borderRadius-topLeft-tablet: initial;
  --borderRadius-topLeft-mobile: initial;
  --borderRadius-topRight-desktop: initial;
  --borderRadius-topRight-tablet: initial;
  --borderRadius-topRight-mobile: initial;
  --borderRadius-bottomLeft-desktop: initial;
  --borderRadius-bottomLeft-tablet: initial;
  --borderRadius-bottomLeft-mobile: initial;
  --borderRadius-bottomRight-desktop: initial;
  --borderRadius-bottomRight-tablet: initial;
  --borderRadius-bottomRight-mobile: initial;

  /* Desktop Styles */

  border-top: var(--border-top-width-desktop, initial) var(--border-top-style-desktop, initial)
    var(--border-top-color-desktop, initial) !important;
  border-right: var(--border-right-width-desktop, initial)
    var(--border-right-style-desktop, initial) var(--border-right-color-desktop, initial) !important;
  border-bottom: var(--border-bottom-width-desktop, initial)
    var(--border-bottom-style-desktop, initial) var(--border-bottom-color-desktop, initial) !important;
  border-left: var(--border-left-width-desktop, initial) var(--border-left-style-desktop, initial)
    var(--border-left-color-desktop, initial) !important;

  border-top-left-radius: var(--borderRadius-topLeft-desktop, initial) !important;
  border-top-right-radius: var(--borderRadius-topRight-desktop, initial) !important;
  border-bottom-left-radius: var(--borderRadius-bottomLeft-desktop, initial) !important;
  border-bottom-right-radius: var(--borderRadius-bottomRight-desktop, initial) !important;
}

.has-ermisch-flexbox {
  /* Initial Values */
  --wrap-desktop: initial;
  --wrap-tablet: initial;
  --wrap-mobile: initial;

  --direction-desktop: initial;
  --direction-tablet: initial;
  --direction-mobile: initial;

  --justifyContent-desktop: initial;
  --justifyContent-tablet: initial;
  --justifyContent-mobile: initial;

  --alignItems-desktop: initial;
  --alignItems-tablet: initial;
  --alignItems-mobile: initial;

  --textAlign-desktop: initial;
  --textAlign-tablet: initial;
  --textAlign-mobile: initial;

  --flexShrink-desktop: initial;
  --flexShrink-tablet: initial;
  --flexShrink-mobile: initial;

  --flexGrow-desktop: initial;
  --flexGrow-tablet: initial;
  --flexGrow-mobile: initial;

  --flexBasis-desktop: initial;
  --flexBasis-tablet: initial;
  --flexBasis-mobile: initial;

  --flexOrder-desktop: initial;
  --flexOrder-tablet: initial;
  --flexOrder-mobile: initial;

  /* Desktop Styles */
  display: flex;
  box-sizing: border-box;

  flex-wrap: var(--wrap-desktop, initial);
  flex-direction: var(--direction-desktop, initial);

  justify-content: var(--justifyContent-desktop, initial);
  align-items: var(--alignItems-desktop, initial);
  text-align: var(--textAlign-desktop, initial);

  flex-shrink: var(--flexShrink-desktop, initial);
  flex-grow: var(--flexGrow-desktop, initial);
  flex-basis: var(--flexBasis-desktop, initial);
  order: var(--flexOrder-desktop, initial);
}

/* Tablet Styles */
@media (max-width: 1024px) {
  .has-ermisch-dimensions {
    min-width: var(--blockWidthMin-tablet, var(--blockWidthMin-desktop, initial));
    width: var(--blockWidth-tablet, var(--blockWidth-desktop, initial));
    max-width: var(--blockWidthMax-tablet, var(--blockWidthMax-desktop, initial));

    min-height: var(--blockHeightMin-tablet, var(--blockHeightMin-desktop, initial));
    height: var(--blockHeight-tablet, var(--blockHeight-desktop, initial));
    max-height: var(--blockHeightMax-tablet, var(--blockHeightMax-desktop, initial));
  }
  .has-ermisch-spacing {
    padding-top: var(--padding-top-tablet, var(--padding-top-desktop, initial)) !important;
    padding-right: var(--padding-right-tablet, var(--padding-right-desktop, initial)) !important;
    padding-bottom: var(--padding-bottom-tablet, var(--padding-bottom-desktop, initial)) !important;
    padding-left: var(--padding-left-tablet, var(--padding-left-desktop, initial)) !important;

    margin-top: var(--margin-top-tablet, var(--margin-top-desktop, initial)) !important;
    margin-right: var(--margin-right-tablet, var(--margin-right-desktop, initial)) !important;
    margin-bottom: var(--margin-bottom-tablet, var(--margin-bottom-desktop, initial)) !important;
    margin-left: var(--margin-left-tablet, var(--margin-left-desktop, initial)) !important;

    gap: var(--gap-right-tablet, var(--gap-right-desktop, initial));
  }

  .has-ermisch-borders {
    border-top: var(--border-top-width-tablet, var(--border-top-width-desktop, initial))
      var(--border-top-style-tablet, var(--border-top-style-desktop, initial))
      var(--border-top-color-tablet, var(--border-top-color-desktop, initial)) !important;
    border-right: var(--border-right-width-tablet, var(--border-right-width-desktop, initial))
      var(--border-right-style-tablet, var(--border-right-style-desktop, initial))
      var(--border-right-color-tablet, var(--border-right-color-desktop, initial)) !important;
    border-bottom: var(--border-bottom-width-tablet, var(--border-bottom-width-desktop, initial))
      var(--border-bottom-style-tablet, var(--border-bottom-style-desktop, initial))
      var(--border-bottom-color-tablet, var(--border-bottom-color-desktop, initial)) !important;
    border-left: var(--border-left-width-tablet, var(--border-left-width-desktop, initial))
      var(--border-left-style-tablet, var(--border-left-style-desktop, initial))
      var(--border-left-color-tablet, var(--border-left-color-desktop, initial)) !important;

    border-top-left-radius: var(
      --borderRadius-topLeft-tablet,
      var(--borderRadius-topLeft-desktop, initial)
    ) !important;
    border-top-right-radius: var(
      --borderRadius-topRight-tablet,
      var(--borderRadius-topRight-desktop, initial)
    ) !important;
    border-bottom-left-radius: var(
      --borderRadius-bottomLeft-tablet,
      var(--borderRadius-bottomLeft-desktop, initial)
    ) !important;
    border-bottom-right-radius: var(
      --borderRadius-bottomRight-tablet,
      var(--borderRadius-bottomRight-desktop, initial)
    ) !important;
  }

  .has-ermisch-flexbox {
    flex-wrap: var(--wrap-tablet, var(--wrap-desktop, initial));
    flex-direction: var(--direction-tablet, var(--direction-desktop, initial));

    justify-content: var(--justifyContent-tablet, var(--justifyContent-desktop, initial));
    align-items: var(--alignItems-tablet, var(--alignItems-desktop, initial));
    text-align: var(--textAlign-tablet, var(--textAlign-desktop, initial));

    flex-shrink: var(--flexShrink-tablet, var(--flexShrink-desktop, initial));
    flex-grow: var(--flexGrow-tablet, var(--flexGrow-desktop, initial));
    flex-basis: var(--flexBasis-tablet, var(--flexBasis-desktop, initial));
    order: var(--flexOrder-tablet, var(--flexOrder-desktop, initial));
  }
}

/** Mobile Styles */
@media (max-width: 640px) {
  .has-ermisch-dimensions {
    min-width: var(
      --blockWidthMin-mobile,
      var(--blockWidthMin-tablet, var(--blockWidthMin-desktop, initial))
    );
    width: var(--blockWidth-mobile, var(--blockWidth-tablet, var(--blockWidth-desktop, initial)));
    max-width: var(
      --blockWidthMax-mobile,
      var(--blockWidthMax-tablet, var(--blockWidthMax-desktop, initial))
    );

    min-height: var(
      --blockHeightMin-mobile,
      var(--blockHeightMin-tablet, var(--blockHeightMin-desktop, initial))
    );
    height: var(
      --blockHeight-mobile,
      var(--blockHeight-tablet, var(--blockHeight-desktop, initial))
    );
    max-height: var(
      --blockHeightMax-mobile,
      var(--blockHeightMax-tablet, var(--blockHeightMax-desktop, initial))
    );
  }

  .has-ermisch-spacing {
    padding-top: var(
      --padding-top-mobile,
      var(--padding-top-tablet, var(--padding-top-desktop, initial))
    ) !important;
    padding-right: var(
      --padding-right-mobile,
      var(--padding-right-tablet, var(--padding-right-desktop, initial))
    ) !important;
    padding-bottom: var(
      --padding-bottom-mobile,
      var(--padding-bottom-tablet, var(--padding-bottom-desktop, initial))
    ) !important;
    padding-left: var(
      --padding-left-mobile,
      var(--padding-left-tablet, var(--padding-left-desktop, initial))
    ) !important;

    margin-top: var(
      --margin-top-mobile,
      var(--margin-top-tablet, var(--margin-top-desktop, initial))
    ) !important;
    margin-right: var(
      --margin-right-mobile,
      var(--margin-right-tablet, var(--margin-right-desktop, initial))
    ) !important;
    margin-bottom: var(
      --margin-bottom-mobile,
      var(--margin-bottom-tablet, var(--margin-bottom-desktop, initial))
    ) !important;
    margin-left: var(
      --margin-left-mobile,
      var(--margin-left-tablet, var(--margin-left-desktop, initial))
    ) !important;

    gap: var(--gap-right-mobile, var(--gap-right-tablet, var(--gap-right-desktop, initial)));
  }

  .has-ermisch-borders {
    border-top: var(
        --border-top-width-mobile,
        var(--border-top-width-tablet, var(--border-top-width-desktop, initial))
      )
      var(
        --border-top-style-mobile,
        var(--border-top-style-tablet, var(--border-top-style-desktop, initial))
      )
      var(
        --border-top-color-mobile,
        var(--border-top-color-tablet, var(--border-top-color-desktop, initial))
      ) !important;
    border-right: var(
        --border-right-width-mobile,
        var(--border-right-width-tablet, var(--border-right-width-desktop, initial))
      )
      var(
        --border-right-style-mobile,
        var(--border-right-style-tablet, var(--border-right-style-desktop, initial))
      )
      var(
        --border-right-color-mobile,
        var(--border-right-color-tablet, var(--border-right-color-desktop, initial))
      ) !important;
    border-bottom: var(
        --border-bottom-width-mobile,
        var(--border-bottom-width-tablet, var(--border-bottom-width-desktop, initial))
      )
      var(
        --border-bottom-style-mobile,
        var(--border-bottom-style-tablet, var(--border-bottom-style-desktop, initial))
      )
      var(
        --border-bottom-color-mobile,
        var(--border-bottom-color-tablet, var(--border-bottom-color-desktop, initial))
      ) !important;
    border-left: var(
        --border-left-width-mobile,
        var(--border-left-width-tablet, var(--border-left-width-desktop, initial))
      )
      var(
        --border-left-style-mobile,
        var(--border-left-style-tablet, var(--border-left-style-desktop, initial))
      )
      var(
        --border-left-color-mobile,
        var(--border-left-color-tablet, var(--border-left-color-desktop, initial))
      ) !important;

    border-top-left-radius: var(
      --borderRadius-topLeft-mobile,
      var(--borderRadius-topLeft-tablet, var(--borderRadius-topLeft-desktop, initial))
    ) !important;
    border-top-right-radius: var(
      --borderRadius-topRight-mobile,
      var(--borderRadius-topRight-tablet, var(--borderRadius-topRight-desktop, initial))
    ) !important;
    border-bottom-left-radius: var(
      --borderRadius-bottomLeft-mobile,
      var(--borderRadius-bottomLeft-tablet, var(--borderRadius-bottomLeft-desktop, initial))
    ) !important;
    border-bottom-right-radius: var(
      --borderRadius-bottomRight-mobile,
      var(--borderRadius-bottomRight-tablet, var(--borderRadius-bottomRight-desktop, initial))
    ) !important;
  }

  .has-ermisch-flexbox {
    flex-wrap: var(--wrap-mobile, var(--wrap-tablet, var(--wrap-desktop, initial)));
    flex-direction: var(
      --direction-mobile,
      var(--direction-tablet, var(--direction-desktop, initial))
    );

    justify-content: var(
      --justifyContent-mobile,
      var(--justifyContent-tablet, var(--justifyContent-desktop, initial))
    );
    align-items: var(
      --alignItems-mobile,
      var(--alignItems-tablet, var(--alignItems-desktop, initial))
    );
    text-align: var(--textAlign-mobile, var(--textAlign-tablet, var(--textAlign-desktop, initial)));

    flex-shrink: var(
      --flexShrink-mobile,
      var(--flexShrink-tablet, var(--flexShrink-desktop, initial))
    );
    flex-grow: var(--flexGrow-mobile, var(--flexGrow-tablet, var(--flexGrow-desktop, initial)));
    flex-basis: var(--flexBasis-mobile, var(--flexBasis-tablet, var(--flexBasis-desktop, initial)));
    order: var(--flexOrder-mobile, var(--flexOrder-tablet, var(--flexOrder-desktop, initial)));
  }
}

/* 
  .accordion-block,
  .accordionButton,
  .currency-switcher,
  .heading-sticky-image  */
/* Reset Browser default for Select component */

select {
  appearance: none; /* Removes native arrow in Safari */
  -webkit-appearance: none; /* Safari-specific reset */
  -moz-appearance: none; /* Firefox */

  cursor: pointer;
  background-color: white;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

select:focus {
  outline: none;
  border-color: #007aff;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
}

/* Adjustments general */
.tnp-subscription {
  width: 100%;
}
.tnp-field input,
.tnp-field select {
  width: 100%;
}
.tnp-privacy-field {
  align-self: left;
}

.tnp-privacy-field {
  line-height: 1.1;
}

.tnp-privacy-field label {
  display: flex;
  align-items: flex-start; /* Aligns checkbox to the top of the text line; use 'center' if you prefer vertical centering */
  gap: 8px; /* Adds a small, controlled space between checkbox and text; adjust as needed */
  line-height: inherit; /* Ensures consistent line height */
}

.tnp-privacy-field label input[type='checkbox'] {
  border-width: 0px;
  padding-inline: 0 !important;
  margin: 0;
  flex-shrink: 0;
  width: auto;
}

.felusch-footer-waitlist .tnp-field input,
.felusch-footer-waitlist .tnp-lists select {
  font-family: var(--wp--preset--font-family--nunito, sans-serif);
}

/* Reactivate Button, Abbestellen button */

.tnp-reactivate .tnp-submit,
.tnp-unsubscribe .tnp-submit {
  background-color: var(--wp--preset--color--foreground, #333333);
  font-family: var(--wp--preset--font-family--nunito);
  font-size: var(--wp--preset--font-size--body-normal);
  color: var(--wp--preset--color--foreground-foreground, white);
  border-radius: 8px;
  padding: var(--wp--preset--spacing--xs-12, 12px) var(--wp--preset--spacing--xs-24, 24px);
}

/* Waitlist footer */

.felusch-footer-waitlist .tnp-field-firstname,
.felusch-footer-waitlist .tnp-field-surname,
.felusch-footer-waitlist .tnp-field-email,
.felusch-footer-waitlist .tnp-privacy-field,
.felusch-footer-waitlist .tnp-lists {
  margin-bottom: 8px;
}

.felusch-footer-waitlist .tnp-field input,
.felusch-footer-waitlist .tnp-lists select {
  padding: 4px 8px;
  border-radius: 4px;
  border-width: 0px;
}

.felusch-footer-waitlist .tnp-field label {
  font-size: small;
}

.felusch-footer-waitlist .tnp-field-button input {
  padding: 8px 16px;
  width: max-content !important;
  border-width: 0px;
  border-radius: 8px;
  background-color: var(--wp--preset--color--primary, #0f6dbf);
  color: var(--wp--preset--color--primary-foreground, white);
  margin-top: 1rem;
}

.tnp-subscription input.tnp-submit:hover,
.tnp-subscription-minimal input.tnp-submit:hover,
.tnp-submit:hover {
  opacity: 0.8;
  cursor: pointer;
}

/* Waitlist regular */

.felusch-waitlist .tnp-field-firstname,
.felusch-waitlist .tnp-field-surname,
.felusch-waitlist .tnp-field-email,
.felusch-waitlist .tnp-privacy-field,
.felusch-waitlist .tnp-lists {
  display: flex;
  gap: auto;
  justify-content: left;
  margin-bottom: var(--wp--preset--spacing--sm-16, 1rem);
}

.felusch-waitlist .tnp-field-firstname label,
.felusch-waitlist .tnp-field-surname label,
.felusch-waitlist .tnp-field-email label,
.felusch-waitlist .tnp-lists label {
  min-width: 7rem;
  font-weight: 600;
  margin-right: 8px;
  font-size: var(--wp--preset--font-size--body-normal, 18px);
}

.felusch-waitlist .tnp-field input,
.felusch-waitlist .tnp-lists select {
  padding: 4px;
  border-radius: 4px;
  border-width: 0px;
  font-size: var(--wp--preset--font-size--body-normal, 18px);
  font-family: var(--wp--preset--font-family--nunito, sans-serif);
  padding: var(--wp--preset--spacing--xxs-6, 6px) var(--wp--preset--spacing--sm-24, 24px);
}

.felusch-waitlist .tnp-field-button input {
  margin-top: var(--wp--preset--spacing--sm-24, 24px);
  margin-bottom: 0;
  background-color: var(--wp--preset--color--foreground, #333333);
  border-radius: 8px;
  font-weight: 600;
  padding: var(--wp--preset--spacing--xs-12, 12px) var(--wp--preset--spacing--xs-24, 24px);
  color: var(--wp--preset--color--primary-foreground, white);
  width: max-content !important;
}

.felusch-waitlist .tnp-privacy-field a,
.felusch-waitlist .tnp-privacy-field a:visited {
  color: var(--wp--preset--color--foreground, #333333);
}

.felusch-waitlist .tnp-privacy-field input {
  transform: scale(1.25);
  -webkit-transform: scale(1.25); /* Safari */
  transform-origin: center;
}

/* Honig */
.tnp-field.tnp-field-company {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .felusch-waitlist .tnp-field-firstname,
  .felusch-waitlist .tnp-field-surname,
  .felusch-waitlist .tnp-field-email,
  .felusch-waitlist .tnp-privacy-field,
  .felusch-waitlist .tnp-lists {
    flex-direction: column;
    gap: 8px;
  }
}
.stroke-width-1.wp-block-outermost-icon-block .icon-container svg {
  stroke-width: 1;
}
.stroke-width-1.wp-block-outermost-icon-block .icon-container svg > * {
  stroke-width: inherit;
}
.stroke-width-4.wp-block-outermost-icon-block .icon-container svg {
  stroke-width: 4;
}
.stroke-width-4.wp-block-outermost-icon-block .icon-container svg > * {
  stroke-width: inherit;
}
/* ##### Resets ##### */
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background-color: white;
  /* background-color: rosybrown; */
}
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;

  /* Fallback */
  min-height: 100dvh;
  /* Preferred */
  display: flex;
  flex-direction: column;
}
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: inherit;
}
main {
  flex: 1;
}
/*  Buttons  */
.custom-button a {
  text-decoration: none;
  color: inherit;
}
.custom-button p {
  font-family: var(--wp--preset--font-family--nunito);
  font-size: var(--wp--preset--font-size--body-normal);
}

.wp-block-button :hover {
  opacity: 0.7;
}


/* Grid container für call to action */

.felusch-call-to-action {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--sm-16-r, 1rem);
  max-width: 100%; /* Container passt sich an */
  justify-content: stretch;
}
@media screen and (max-width: 640px) {
  .felusch-call-to-action {
    grid-template-columns: 1fr;
  }

  .felusch-inhouse-card .felusch-call-to-action {
    width: 100%;
  }
}
/* ##### Resets ##### */

/* ##### Container for wider separators ##### */
.flex-block .wp-block-image,
.flex-block .wp-block-image img {
  width: 100%;
}
/* ##### Container for wider separators ##### */

/* ##### Container for wider separators ##### */
.wide-divider {
  max-width: 1068px !important;
  margin-inline: auto !important;
}
/* ##### Container for wider separators ##### */

/* ##### Umbrechen von Text in gleichlange Zeilen ##### */
.textBalance {
  text-wrap: balance;
}
/* ##### Umbrechen von Text in gleichlange Zeilen ##### */

/* ##### global padding settings ##### */
/* global outer padding except in full layout */
.wp-site-blocks > .woocommerce > .is-layout-constrained,
.wp-site-blocks > .is-layout-constrained,
.wp-site-blocks > .wp-block-group > .wp-block-post-content {
  padding-inline: var(--wp--custom--global-outer-padding-inline);
}

.no-global-margin {
  margin-inline: calc(-1 * var(--wp--custom--global-outer-padding-inline)) !important;
  padding-inline: var(--wp--custom--global-outer-padding-inline) !important;
}
.no-global-padding {
  margin-inline: calc(-1 * var(--wp--custom--global-outer-padding-inline)) !important;
}
/* ##### global padding settings ##### */

/** ##### Footer Cookie ##### */
.cookie-menu:hover {
  color: var(--wp--preset--color--primary);
  cursor: pointer;
}
/** ##### Footer Cookie ##### */

/** ##### Cookie Banner #####*/
.cmplz-links a {
  text-decoration: none !important;
}

.cmplz-link {
  text-transform: uppercase;
}

.cookie-statement {
  display: none;
}

.cmplz-manage-third-parties {
  display: inline !important;
}

.cmplz-document-eu {
  display: inline !important;
}
/** ##### Cookie Banner #####*/

/** ##### Klasse um was auszublenden #####*/
.hide {
  display: none;
}
/** ##### Klasse um was auszublenden #####*/

/** ##### Referenzen Liste ##### */
/** Kein Wrap und overflow */
.referencesList {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: var(--wp--preset--spacing--sm-16-r);
}

/** Für Editor */
.referencesList .block-editor-rich-text__editable.rich-text {
  white-space: nowrap !important;
}

/** Abgerundeter Kasten für Einträge */
.referencesList li {
  background-color: var(--wp--preset--color--background);
  border: 1px solid var(--wp--preset--color--accent);
  border-radius: 8px;
  padding-block: var(--wp--preset--spacing--xxs-6);
  padding-inline: var(--wp--preset--spacing--xs-12-r);
  user-select: none;
}
/** ##### Referenzen Liste ##### */

@media (max-width: 640px) {
  .display-none-mobile {
    display: none;
  }
}

/** ##### Hover effects for Teilnehmer Link Karten ##### */
/* Animate felusch-teilnehmer-link hover effects */
.felusch-teilnehmer-link {
  transition: background 0.3s, color 0.3s;
}
.felusch-teilnehmer-link-icon .icon-container path {
  transition: fill 0.3s;
}
.felusch-teilnehmer-link button {
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.felusch-teilnehmer-link .icon-container {
  transition: color 0.3s;
}
.felusch-teilnehmer-link button:hover {
  transition: opacity 0.3s;
}

/* gradient background of card */
.felusch-teilnehmer-link:hover {
  background: linear-gradient(180deg, #0f6dbf 0%, #0f7a95 100%);
  color: var(--wp--preset--color--primary-foreground, white);
}

/* white icons, fonts, border etc */
.felusch-teilnehmer-link:hover .felusch-teilnehmer-link-icon .icon-container path {
  /* fill: var(--wp--preset--color--primary-foreground, white) !important; */
  stroke: var(--wp--preset--color--primary-foreground, white) !important;
}
.felusch-teilnehmer-link:hover button,
.felusch-teilnehmer-link:hover a {
  color: var(--wp--preset--color--primary-foreground, white) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary-foreground, white) !important;
}

.felusch-teilnehmer-link:hover .icon-container {
  color: var(--wp--preset--color--primary-foreground, white) !important;
}

.felusch-teilnehmer-link:hover button:hover,
.felusch-teilnehmer-link:hover a:hover,
.felusch-teilnehmer-link:hover .wp-block-ermisch-block-custom-button {
  opacity: 1;
}
/** ##### Hover effects for Teilnehmer Link Karten ##### */

/** ##### Header Style wird durch Custom Header kontrolliert ##### */
/* Header "durchsichtig" */
header.wp-block-template-part {
  display: contents;
}

/* Darunter liegende Gruppe ebenfalls "durchsichtig" (nicht benutzt, weil wir die Gruppe selber auf Sticky setzen. Dadurch hat man die ganze Leiste mit Hintergrundfarbe beim Scrollen */
/* header.wp-block-template-part:first-child .wp-block-group {
  display: contents;
} */
/** ##### Header Style wird durch Custom Header kontrolliert ##### */

/** #### Styling Feature List ##### */

/* General List Styling */
.felusch-seminar-list,
.wp-block-list.felusch-seminar-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--sm-16);
}

.felusch-seminar-list li,
.felusch-seminar-list .wp-block-list-item li {
  margin-bottom: 0;
  padding-left: 2rem;
  position: relative;
  display: flex;
  align-items: center;
}

/* Add checkmark icon using ::before pseudo-element */
.felusch-seminar-list li::before,
.felusch-seminar-list .wp-block-list-item li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.625rem;
  height: 1.625rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="128" cy="128" r="96" fill="none" stroke="%23084d86" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line x1="88" y1="128" x2="168" y2="128" fill="none" stroke="%23084d86" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline points="136 96 168 128 136 160" fill="none" stroke="%23084d86" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

ul.felusch-seminar-list,
.block-editor-block-list__block ul.felusch-seminar-list {
  padding-left: 0;
  margin-left: 0;
}

/* Mobile Styles */
@media (max-width: 640px) {
  .felusch-seminar-list {
    flex-direction: column;
    gap: var(--wp--preset--spacing--xxs-6);
  }
}

/** ##### Styling für Seminare ##### */

/* Learnings list in Accordion */
.wp-block-list.felusch-learnings-list {
  list-style: none;
  padding-left: 1rem;
}
.wp-block-list.felusch-learnings-list li,
.wp-block-list.felusch-learnings-list .wp-block-list-item li {
  margin-bottom: 0.375rem;
  padding-left: 1.5rem;
  position: relative;
}
.wp-block-list.felusch-learnings-list li::before,
.wp-block-list.felusch-learnings-list .wp-block-list-item li::before {
  content: '✓ ';
  color: var(--wp--preset--color--secondary, #084d86);
  position: absolute;

  left: 0;
  top: 0;
  font-weight: 300;
}

/* Tabs Active and hover state */

.wp-block-ermisch-block-tabs-block .tab-header-buttons button:hover {
  color: var(--wp--preset--color--primary, #0f6dbf);
}
.wp-block-ermisch-block-tabs-block .tab-header-buttons button.active:hover {
  color: var(--wp--preset--color--foreground, #333333);
}

.wp-block-ermisch-block-tabs-block .tab-header-buttons button.active .tab-title {
  font-weight: 600;
}

/* Smooth transition for sticky state changes */
.wp-block-ermisch-block-tabs-block .tab-heading,
.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck .tab-header .tab-header-buttons .tab-title,
.wp-block-ermisch-block-tabs-block
  .tab-sidebar.is-stuck
  .tab-header
  .tab-header-buttons
  .tab-label {
  transition: font-size 0.2s ease-in-out;
}

/* .wp-block-ermisch-block-tabs-block .tab-sidebar {
  transition: gap 0.1s ease-in-out;
  transition: padding 0.1s ease-in-out;
} */

.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck {
  padding-top: 1.5rem;
}

/* reduce font size and adjust spacing for smaller screens */
@media (max-width: 640px) {
  .wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck .tab-heading {
    font-size: 1rem;
  }
  .wp-block-ermisch-block-tabs-block
    .tab-sidebar.is-stuck
    .tab-header
    .tab-header-buttons
    .tab-title,
  .wp-block-ermisch-block-tabs-block
    .tab-sidebar.is-stuck
    .tab-header
    .tab-header-buttons
    .tab-label {
    font-size: 0.8rem !important;
  }

  .wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck {
    gap: 1rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    opacity: 0.98;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

/* Kursinhalte */
.felusch-kurs-inhalte .tab-label {
  white-space: nowrap;
}

/* Modul Liste */

.felusch-modul-list {
  list-style: none;
}
.felusch-modul-list li,
.felusch-modul-list .wp-block-list-item li {
  margin-bottom: 1.5rem;
  padding-left: 0;
  margin-left: 0;
}
ul.felusch-modul-list,
.block-editor-block-list__block ul.felusch-modul-list {
  padding-left: 0!important;
  margin-left: 0;
}

/** ##### Styling für Download Links ##### */

/* Inject Svg Icon */

.felusch-external-link a {
  display: inline-flex;
  align-items: top;
  justify-content: top;
  gap: 0.2em;

  text-decoration: none;
}

.felusch-external-link a::after {
  content: '';
  display: inline-block;
  width: 1.375em;
  height: 1.375em;

  background-color: currentColor; /* takes the link's text color */

  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M220,104a4,4,0,0,1-8,0V49.66l-73.16,73.17a4,4,0,0,1-5.66-5.66L206.34,44H152a4,4,0,0,1,0-8h64a4,4,0,0,1,4,4Zm-36,28a4,4,0,0,0-4,4v72a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V80a4,4,0,0,1,4-4h72a4,4,0,0,0,0-8H48A12,12,0,0,0,36,80V208a12,12,0,0,0,12,12H176a12,12,0,0,0,12-12V136A4,4,0,0,0,184,132Z"/></svg>')
    no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M220,104a4,4,0,0,1-8,0V49.66l-73.16,73.17a4,4,0,0,1-5.66-5.66L206.34,44H152a4,4,0,0,1,0-8h64a4,4,0,0,1,4,4Zm-36,28a4,4,0,0,0-4,4v72a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V80a4,4,0,0,1,4-4h72a4,4,0,0,0,0-8H48A12,12,0,0,0,36,80V208a12,12,0,0,0,12,12H176a12,12,0,0,0,12-12V136A4,4,0,0,0,184,132Z"/></svg>')
    no-repeat center / contain;
}

.felusch-external-link:hover {
  color: var(--wp--preset--color--primary);
}

/* Layout */

.felusch-link-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--sm-16-r, 1.5rem);
}
@media (max-width: 1024px) {
  .felusch-link-collection {
    grid-template-columns: 1fr;
  }
}

.wp-block-post-excerpt__more-link {
  position: relative;
  display: inline-block;
  border: 1px var(--wp--preset--color--foreground, #333333) solid;
  border-radius: 10px;
  padding-block: 0.5rem;
  margin-top: 32px;
  padding-left: 2.8rem;
  padding-right: 1.7rem;
  text-decoration: none;
  color: var(--wp--preset--color--foreground, #333333);
}

.wp-block-post-excerpt__more-link::before {
  content: '';
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  width: 1.625rem;
  height: 1.625rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 640px) {
  .wp-block-post-excerpt__more-text {
    text-align: right;
  }
  .wp-block-post-featured-image {
    min-height: 0px;
    min-width: 100%;
  }
  .attachment-full.size-full.wp-post-image {
    height: 100%;
  }
}

@media (min-width: 641px) {
  /* Add arrows to Tab Buttons */
  .wp-block-ermisch-block-tabs-block .tab-header-buttons button:not(.active) .tab-title::before {
    content: '';
    display: inline-flex;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.2rem;

    vertical-align: sub;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }

  /* Change arrow color to blue on hover */
  .wp-block-ermisch-block-tabs-block
    .tab-header-buttons
    button:not(.active):hover
    .tab-title::before {
    filter: brightness(0) saturate(100%) invert(20%) sepia(96%) saturate(1352%) hue-rotate(211deg)
      brightness(118%) contrast(101%);
  }
}

/* micro animation for cards -depricated*/
/* 
.felusch-modul-card-container:hover,
.ermisch-seminar-card:hover,
.felusch-inhouse-card:hover {
  filter: brightness(1.03);
  transform: translateY(-4px);
  transition: transform 0.3s ease, filter 0.3s ease;
} */

/* micro animation for cards, no effect on Formular */
.felusch-modul-card-container:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))),
.ermisch-seminar-card:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))),
.felusch-inhouse-card:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))) {
  filter: brightness(1.03);
  transform: translateY(-4px);
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Spacing in Datenschutz */
.felusch-datenschutz h3,
.felusch-datenschutz h4 {
  margin-top: var(---wp--preset--spacing--sm-24-r, 1.5rem);
}
.felusch-datenschutz ul {
  padding-left: 1.5rem;
}

/* Listen in Block-Beiträgen */
.wp-singular .wp-block-list {
  padding-left: 1.75rem;
}

/*Schrift BilderGalerie */
.vp-portfolio__item-meta {
  font-size: var(--wp--preset--font-size--body-small, clamp(0.688rem, 0.598rem + 0.446vw, 1rem));
}
/*Schrift BilderGalerie Popup */
.vp-portfolio__item-popup-title {
  font-size: var(--wp--preset--font-size--body-small, clamp(0.688rem, 0.598rem + 0.446vw, 1rem));
}
/*Dateinamen ausblenden BilderGalerie */
.vp-portfolio__item-popup-description {
  display: none;
}
.block-preview-picture img {
  max-height: 200px;
}
@media (max-width: 640px) {
  .block-preview-picture-image img {
    object-fit: contain !important;
  }
}
/** ##### WP-Navigation Html Struktur ##### */
/* 
Menü(nav) => nav.wp-block-navigation
  Einträge(ul) => ul.wp-block-navigation.wp-block-navigation__container
    Eintrag mit Untermenü(li) => li.wp-block-navigation-item.wp-block-navigation-submenu
      Button(button) => button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle
        Label(span) => span.wp-block-navigation-item__label
      Icon(span) => li.wp-block-navigation-item.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon
        Unser Icon(::before) => span.wp-block-navigation__submenu-icon::before
        Standard Icon(svg) => li.wp-block-navigation-item.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon svg
      Untermenü(ul) => ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container
                    => .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
                        .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
                        .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container
    Eintrag normal(li) => li.wp-block-navigation-item.wp-block-navigation-link
      Link(a) => a.wp-block-navigation-item__content
*/
/** ##### WP-Navigation Html Struktur ##### */

/** ##### Navigationsmenü in Leiste ##### */
/* Backdrop (definiert in custon header): Wird getriggert wenn Submenü geöffnet ist, aber nicht im geöffneten Nav */
body:has(
    .wp-block-navigation
      .has-child
      .wp-block-navigation-submenu__toggle[aria-expanded="true"]
      ~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container
  ):not(.nav_menu.nav_menu.navOpen)::before {
  opacity: 1;
}
.wp-block-group:has(.wp-block-ermisch-block-custom-header) {
  opacity: unset;
  z-index: 999;
}

/* Navigationsitem (hatte manchmal keinen Pointer) */
li.wp-block-navigation-item.wp-block-navigation-link {
  cursor: pointer;
}

/* Geöffnetes Menü */
.wp-block-navigation
  .has-child
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container {
  border: none;
  white-space: nowrap;
  padding: var(--wp--preset--spacing--md-32);
  gap: var(--wp--preset--spacing--sm-16);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--wp--preset--color--primary);
}

/* Button ist primary color wenn Menü ist geöffnet */
.wp-block-navigation
  .has-child
  .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
  color: var(--wp--preset--color--primary);
}

/* Farbwechsel bei Hover für Einträge(li) */
li.wp-block-navigation-item.wp-block-navigation-link:hover,
li.wp-block-navigation-item.wp-block-navigation-submenu:hover {
  transition: color 200ms ease-in-out;
  color: var(--wp--preset--color--primary);
}

li.wp-block-navigation-item.wp-block-navigation-submenu
  button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
  padding-right: unset;
}

/* Farbwechsel bei Hover für Einträge - ändere auch die Farbe des Svgs */
li.wp-block-navigation-item.wp-block-navigation-link:hover
  button.wp-block-navigation-item__content
  ~ span.wp-block-navigation__submenu-icon::before,
li.wp-block-navigation-item.wp-block-navigation-submenu:hover
  button.wp-block-navigation-item__content
  ~ span.wp-block-navigation__submenu-icon::before {
  /* Stroke is primary */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polyline points="208 96 128 176 48 96" fill="none" stroke="%230F6DBF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>');
}

/* Pfeil nach unten (span container)*/
ul.wp-block-navigation.wp-block-navigation__container
  li.wp-block-navigation-item.wp-block-navigation-submenu
  span.wp-block-navigation__submenu-icon,
.wp-block-navigation
  .wp-block-navigation-item.wp-block-navigation-submenu
  span.wp-block-navigation__submenu-icon {
  margin-left: var(--wp--preset--spacing--xxs-6);
  width: fit-content;
  height: fit-content;
}

/* Pfeil nach unten (standard Svg ausschalten)*/
li.wp-block-navigation-item.wp-block-navigation-submenu
  span.wp-block-navigation__submenu-icon
  svg,
.wp-block-navigation-item.wp-block-navigation-submenu
  span.wp-block-navigation__submenu-icon
  svg {
  display: none;
}

/* Pfeil nach unten (eigenes Icon in button)*/
span.wp-block-navigation__submenu-icon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 200ms ease-in-out, background-image 200ms ease-in-out;
  /* Stroke is primary-foreground */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polyline points="208 96 128 176 48 96" fill="none" stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>');
}

/* Pfeil nach unten (eigenes Icon - wenn geklickt wurde, Aufklapp-Animation)*/
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ span.wp-block-navigation__submenu-icon::before {
  transform: rotate(180deg);
  /* Stroke is primary */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polyline points="208 96 128 176 48 96" fill="none" stroke="%230F6DBF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>');
}
/** ##### Navigationsmenü in Leiste ##### */

/** ##### Navigationsmenü bei .nav_menu.navOpen (Tablet/Mobile) ##### */
/* IM Navmenü: Einträge sind linksbündig */
.nav_menu.navOpen ul.wp-block-navigation.wp-block-navigation__container {
  align-items: flex-start;
}

/* IM Navmenü: Menü hat 100% Breite und Einträge sind links */
.nav_menu.navOpen nav.wp-block-navigation {
  width: 100%;
  align-items: flex-start;
}

/* IM Navmenü: Ausklappbares Menü hat Border */
.nav_menu.navOpen li.wp-block-navigation-item.wp-block-navigation-submenu {
  border: 1px solid var(--wp--preset--color--primary-foreground);
  border-radius: 8px;
  padding-inline: var(--wp--preset--spacing--sm-16);
  padding-block: var(--wp--preset--spacing--xs-12);
}

/* IM Navmenü: SubMenü-li ist Grid */
.nav_menu.navOpen li.wp-block-navigation-item.wp-block-navigation-submenu {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  width: 100%;
}

/* IM Navmenü: Geöffnetes Menü */
.nav_menu.navOpen
  .wp-block-navigation
  .has-child
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ .wp-block-navigation__submenu-container,
.nav_menu.navOpen
  .wp-block-navigation
  .has-child:not(.open-on-click):hover
  > .wp-block-navigation__submenu-container,
.nav_menu.navOpen
  .wp-block-navigation
  .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
  > .wp-block-navigation__submenu-container {
  position: unset !important;
  grid-column: span 3;
  grid-row: 2 / 3;
  white-space: normal;
  width: 100%;
  padding-top: var(--wp--preset--spacing--xs-12) !important;
  padding-block: unset;
  padding-inline: unset;
  gap: var(--wp--preset--spacing--xs-12);
}
/** ##### Navigationsmenü bei .nav_menu.navOpen (Tablet/Mobile) ##### */

/** ##### links-for-members ##### */
/* links-for-members: Nav hat fit content und border Radius; padding */
nav.wp-block-navigation.links-for-members {
  width: fit-content;
  border-radius: 8px;
  padding-inline: var(--wp--preset--spacing--sm-16);
  padding-block: var(--wp--preset--spacing--xxs-6);
}
/* links-for-members: border-radius */
.links-for-members ul.wp-block-navigation.wp-block-navigation__container {
  border-radius: inherit;
}
.links-for-members li.wp-block-navigation-item.wp-block-navigation-submenu {
  border-radius: inherit;
}
.links-for-members
  li.wp-block-navigation-item.wp-block-navigation-submenu
  span.wp-block-navigation__submenu-icon {
  border-radius: inherit;
}

/* links-for-members: etwas größere block padding wenn menü offen */
.nav_menu.navOpen nav.wp-block-navigation.links-for-members {
  /* padding-block: var(--wp--preset--spacing--xs-12); */
  padding: 0;
}

/* links-for-members: Pfeil nach unten andere standard Farbe und andere Größe */
.links-for-members span.wp-block-navigation__submenu-icon::before {
  width: 16px;
  height: 16px;
  /* Stroke is bg-dark-neutral */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polyline points="208 96 128 176 48 96" fill="none" stroke="%233A3A3A" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>');
}

/* links-for-members: Geöffnetes Menü */
nav.wp-block-navigation.links-for-members
  .has-child
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container {
  top: calc(100% - 2px);
  white-space: normal;
  width: calc(100% + 2 * var(--wp--preset--spacing--sm-16));
  transform: translateX(calc(-1 * var(--wp--preset--spacing--sm-16)));
  padding: var(--wp--preset--spacing--sm-16);
}

/* IM Navmenü, links-for-members: Ausklappbares Menü */
.nav_menu.navOpen
  .links-for-members
  li.wp-block-navigation-item.wp-block-navigation-submenu {
  border: unset;
  border-radius: inherit;
  /* padding: unset; */
  padding-block: var(--wp--preset--spacing--xs-12);
}

/* IM Navmenü, links-for-members: Geöffnetes Menü, fix padding bottom */
.nav_menu.navOpen
  .wp-block-navigation.links-for-members
  .has-child
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ .wp-block-navigation__submenu-container,
.nav_menu.navOpen
  .wp-block-navigation.links-for-members
  .has-child:not(.open-on-click):hover
  > .wp-block-navigation__submenu-container,
.nav_menu.navOpen
  .wp-block-navigation.links-for-members
  .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
  > .wp-block-navigation__submenu-container {
  padding-bottom: unset;
}
/** ##### links-for-mebers ##### */
/* adjust pagination */
.ermisch_testimonials ~ .glsr-pagination {
  background-color: var(--wp--preset--color--primary-foreground);
  box-shadow: var(--wp--preset--shadow--card);
  margin-block: var(--wp--preset--spacing--md-48-r) !important;
  width: 100%;
  .pagination {
    width: 100%;
    .navigation {
      .nav-links {
        display: flex;
        font-size: 0;
        justify-content: center;
        padding: 24px;
        border: 1px solid var(--wp--preset--color--border);
        border-radius: 8px;
        flex-direction: row;
        gap: var(--wp--preset--spacing--xs-12-r);
        .page-numbers {
          font-size: var(--wp--preset--font-size--body-normal);
          display: block;
        }
      }
    }
  }
}

@media (max-width: 1024px) {
  .ermisch_testimonials ~ .glsr-pagination {
    margin-block: var(--wp--preset--spacing--md-32-r) !important;
  }
}

/* adjust pagination ("mehr anzeigen" button) */
/* .ermisch_testimonials .glsr-pagination {
  width: 100%;
  .pagination {
    width: 100%;
    .navigation .nav-links {
      .page-numbers {
        display: none;
      }
      .page-numbers.next {
        display: flex;
        font-size: 0;
        justify-content: center;
        padding: 24px;
        border: 2px dashed black;
        border-radius: 8px
         &::after {
          content: "Mehr anzeigen";
          font-size: 16px;
        }
      }
    }
  }
} */
/* 
AUFBAU
(div) glsr glsr-default glsr-ltr
-- (div) glsr-form-wrap
--- (form) testimonial-form glsr-review-form glsr-form
---- (input) site-reviews[_action]
---- (...)
---- (div) glsr-field glsr-field-rating glsr-required
----- (label)
----- (span oder textarea)
---- (...)
*/

/* Form Außenelement */
.glsr.glsr-default.glsr-ltr:has(.testimonial-form.glsr-review-form.glsr-form) {
  width: 100%;
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 8px;
  padding: var(--wp--preset--spacing--md-32-r);
}

/* Form */
.testimonial-form.glsr-review-form.glsr-form {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  row-gap: var(--wp--preset--spacing--sm-24-r);
  column-gap: var(--wp--preset--spacing--sm-24-r);
}

/* Form field display contents damit wir die column bestimmen können */
.testimonial-form.glsr-review-form.glsr-form .glsr-field {
  display: contents;
}

/* Label links (20%) */
.testimonial-form.glsr-review-form.glsr-form .glsr-label {
  grid-column: 1 / 2;
  margin: 0;
}

/* Felder rechts (Rest) */
.testimonial-form.glsr-review-form.glsr-form .glsr-field-toggle {
  grid-column: 1 / -1;
}

/* Austausch gegen Phosphor Stern */
form.glsr-form.testimonial-form .glsr-star-rating--stars[class*=' s'] > span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M128,189.09l54.72,33.65a8.4,8.4,0,0,0,12.52-9.17l-14.88-62.79,48.7-42A8.46,8.46,0,0,0,224.27,94L160.36,88.8,135.74,29.2a8.36,8.36,0,0,0-15.48,0L95.64,88.8,31.73,94a8.46,8.46,0,0,0-4.79,14.83l48.7,42L60.76,213.57a8.4,8.4,0,0,0,12.52,9.17Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>');
}

form.glsr-form.testimonial-form .glsr-star-rating--stars[class*=' s'] > span.gl-active,
form.glsr-form.testimonial-form .glsr-star-rating--stars[class*=' s'] > span.gl-active.gl-selected {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M128,189.09l54.72,33.65a8.4,8.4,0,0,0,12.52-9.17l-14.88-62.79,48.7-42A8.46,8.46,0,0,0,224.27,94L160.36,88.8,135.74,29.2a8.36,8.36,0,0,0-15.48,0L95.64,88.8,31.73,94a8.46,8.46,0,0,0-4.79,14.83l48.7,42L60.76,213.57a8.4,8.4,0,0,0,12.52,9.17Z" fill="%2347D3EF" stroke="%2347D3EF" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>');
}

form.glsr-form.testimonial-form
  .glsr-field-is-invalid
  .glsr-star-rating--stars[class*=' s']
  > span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M128,189.09l54.72,33.65a8.4,8.4,0,0,0,12.52-9.17l-14.88-62.79,48.7-42A8.46,8.46,0,0,0,224.27,94L160.36,88.8,135.74,29.2a8.36,8.36,0,0,0-15.48,0L95.64,88.8,31.73,94a8.46,8.46,0,0,0-4.79,14.83l48.7,42L60.76,213.57a8.4,8.4,0,0,0,12.52,9.17Z" fill="none" stroke="%23e02424" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>');
}

/* Button unten volle Breite */
.glsr-default .testimonial-form > :last-child {
  /* margin-top: var(--wp--preset--spacing--sm-24-r); */
  grid-column: 1 / -1;
}

/* Button styles */
.glsr-default .testimonial-form button.glsr-button {
  border-radius: 8px;
  background-color: var(--wp--preset--color--foreground);
  color: var(--wp--preset--color--primary-foreground);
  padding-inline: var(--wp--preset--spacing--sm-24-r);
  padding-block: var(--wp--preset--spacing--xs-12-r);
}

/* Honig Feld  */
.testimonial-form div.glsr-field.glsr-field-text[data-field='website_confirm'] label,
.testimonial-form div.glsr-field.glsr-field-text[data-field='website_confirm'] input {
  position: absolute !important;
  left: -9999px !important;
  top: auto;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  tab-index: -1 !important;
}

/* Failed message volle Breite */
.testimonial-form.glsr-review-form.glsr-form .glsr-form-message.glsr-form-failed {
  grid-column: 1 / -1;
}

/* Error rechts */
.testimonial-form.glsr-review-form.glsr-form .glsr-field-error {
  grid-column: 2 / 3;
}

/* Success volle Breite */
.testimonial-form.glsr-review-form.glsr-form .glsr-form-message.glsr-form-success {
  grid-column: 1 / -1;
}

/* Profile pic conteiner, volle Breite */
.testimonial-form.glsr-review-form.glsr-form .profile-picture-container {
  grid-column: 1 / -1;
  margin: 0;
}

/* Sowohl picker als auch Vorschau rechts, untereinander */
.testimonial-form.glsr-review-form.glsr-form .profile-picture-container .crop-container {
  grid-column: 2 / 3;
  margin: 0;
}

.testimonial-form.glsr-review-form.glsr-form .profile-picture-container > :last-child {
  grid-column: 2 / 3;
}

/* Keine AUßencontainer Padding und kleinere Abstände auf Mobile */
@media (max-width: 640px) {
  .glsr.glsr-default.glsr-ltr:has(.testimonial-form.glsr-review-form.glsr-form) {
    border: none;
    padding: unset;
  }

  .testimonial-form.glsr-review-form.glsr-form {
    overflow-x: auto;
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    row-gap: var(--wp--preset--spacing--sm-16-r);
    column-gap: var(--wp--preset--spacing--sm-16-r);
  }
}

/* Für sehr kleine Geräte Label und Feld untereinander */
@media (max-width: 295px) {
  /* Form */
  .testimonial-form.glsr-review-form.glsr-form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* Label */
  .testimonial-form.glsr-review-form.glsr-form .glsr-label {
    margin-bottom: var(--wp--preset--spacing--xxs-6);
  }

  /* Felder (erste 3), Sterne, Toggle */
  .glsr-default form.glsr-form.testimonial-form input.glsr-input:not(.wp-block-search__input),
  .glsr-default form.glsr-form.testimonial-form select.glsr-select,
  .glsr-default form.glsr-form.testimonial-form textarea.glsr-textarea,
  .glsr-default form.glsr-form.testimonial-form .glsr-field.glsr-field-rating .glsr-star-rating,
  .glsr-default form.glsr-form.testimonial-form .glsr-field.glsr-field-choice .glsr-field-toggle {
    margin-bottom: var(--wp--preset--spacing--sm-16-r);
  }

  /* Profile Pic Selector */
  .testimonial-form.glsr-review-form.glsr-form .profile-picture-container .crop-container,
  .testimonial-form.glsr-review-form.glsr-form .profile-picture-container .preview-container {
    margin-bottom: var(--wp--preset--spacing--sm-16-r);
  }

  /* Profile Pic Selector - prevent overflow */
  .testimonial-form.glsr-review-form.glsr-form
    .profile-picture-container
    .crop-container
    .cropper-canvas {
    min-width: unset;
  }
}
.em-item-single {
  margin-block: var(--wp--preset--spacing--xl-128-r, 96px);
  max-width: 740px;
  margin-inline: auto;
}

.em-item-header {
  border-top: 1px solid var(--wp--preset--color--border);
  border-bottom: 1px solid var(--wp--preset--color--border);
  padding-top: var(--wp--preset--spacing--sm-24-r, 1.5rem) !important;
}

.em-event-bookings
  .em-booking-form-section-confirm
  .em-booking-form-buttons
  .em-form-submit.em-booking-submit.em-button {
  background: var(--wp--preset--gradient--blue-to-turquoise) !important;
  color: var(--wp--preset--color--background) !important;
  border: var(--wp--preset--color--border) !important;

  font-size: var(
    --wp--preset--font-size--body-normal,
    clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem)
  ) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  border-radius: var(--wp--preset--border-radius--rounded) !important;
  cursor: pointer !important;
  letter-spacing: normal !important;
  border-radius: 8px !important;
  padding-block: var(--wp--preset--spacing--xs-12-r, 12px) !important;
  font-family: var(--wp--preset--font-family--nunito);
  height: max-content !important;
}

.em-event-bookings
  .em-booking-form-section-confirm
  .em-booking-form-buttons
  .em-form-submit.em-booking-submit.em-button:hover,
.em-event-bookings
  .em-booking-form-section-confirm
  .em-booking-form-buttons
  .em-form-submit.em-booking-submit.em-button:active,
.em-event-bookings
  .em-booking-form-section-confirm
  .em-booking-form-buttons
  .em-form-submit.em-booking-submit.em-button:focus {
  color: var(--wp--preset--color--primary--foreground, white) !important;
}

.em-event-bookings
  .em-booking-form-section-confirm
  .em-booking-form-buttons
  .em-form-submit.em-booking-submit.em-button:hover {
  opacity: 0.8 !important;
}
/* Button styling */

.wpdm-download-button a {
  text-decoration: none !important;
}
.w3eden .btn-primary,
.w3eden .btn-info,
.w3eden .btn-danger,
.w3eden .btn-success {
  border-style: solid !important;
  border-radius: 8px !important;
  padding: 4px 12px !important;
  border-width: 1px !important;

  font-weight: 500 !important;
  font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
  /* margin-left: var(--wp--preset--spacing--xs-12, 0.75rem) !important; */

  &:hover,
  &:focus,
  &:active {
    opacity: 0.8 !important;
    box-shadow: none !important;
  }
}

.w3eden .btn-primary,
.w3eden .btn-info {
  border-color: var(--wp--preset--color--primary, #0f6dbf) !important;
  color: var(--wp--preset--color--primary, #0f6dbf) !important;
  background-color: transparent !important;
}

.w3eden .btn-danger {
  border-color: var(--wp--preset--color--warning, #fb0c0c) !important;
  color: var(--wp--preset--color--warning, #fb0c0c) !important;
  background-color: transparent !important;
}
.w3eden .btn-success {
  background-color: transparent !important;
  background-image: var(--wp--preset--gradient--blue-to-turquoise) !important;
  border-color: var(--wp--preset--color--border, #dee6e6) !important;
  color: var(--wp--preset--color--primary-foreground, #ffffff) !important;
}

.w3eden .btn .label-price {
  background-color: transparent !important;
}
.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white {
  width: 22px !important;
  height: 22px !important;
}

.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white::before {
  content: '' !important;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27%23ffffff%27%20viewBox%3D%270%200%20256%20256%27%3E%3Cpath%20d%3D%27M248,128a87.34,87.34,0,0,1-17.6,52.81,8,8,0,1,1-12.8-9.62A71.34,71.34,0,0,0,232,128a72,72,0,0,0-144,0,8,8,0,0,1-16,0,88,88,0,0,1,3.29-23.88C74.2,104,73.1,104,72,104a48,48,0,0,0,0,96H96a8,8,0,0,1,0,16H72A64,64,0,1,1,81.29,88.68,88,88,0,0,1,248,128Zm-69.66,42.34L160,188.69V128a8,8,0,0,0-16,0v60.69l-18.34-18.35a8,8,0,0,0-11.32,11.32l32,32a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;

  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 22px !important;
  height: 22px !important;

  font-size: 0 !important; /* hide original FontAwesome glyph */
  line-height: 0 !important;
}

/* Card styling */

.felusch-download-card {
  border: solid 1px var(--wp--preset--color--border, #e5e5e5);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
}

.felusch-download-card-body {
  display: flex;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--md-48-r, 1rem);
}

.felusch-download-card-media {
  display: flex;

  gap: var(--wp--preset--spacing--sm-16, 1rem);
}

.felusch-download-card-description {
  color: var(--wp--preset--color--muted, #6c757d);
}

.felusch-download-card-meta {
  display: flex;
  align-items: flex-start;
  gap: var(--wp--preset--spacing--sm-16, 1rem);
  color: var(--wp--preset--color--muted, #6c757d);
}

@media screen and (max-width: 640px) {
  .felusch-download-card-body {
    flex-direction: column;
  }
  .felusch-download-card-meta {
    flex-direction: column;
    gap: 6px;
  }
  .felusch-download-card-link {
    display: flex;
    justify-content: flex-end;
  }
}

.felusch-download-card-meta-entry {
  display: flex;
  align-items: stretch;
  gap: 6px;
}

.felusch-download-card-link .wpdm_cart_form {
  margin: 0px 0px;
}
.w3eden .felusch-download-card-link .btn {
  text-wrap: nowrap;
}

.w3eden h3.felusch-download-card-title {
  font-size: var(--wp--preset--font-size--body-emphasized, 1.375rem);
  color: var(--wp--preset--color--foreground, #333333);
}

/* default template */
.w3eden .link-template-default .card-body {
  display: flex;
  gap: 1rem;
}

/* pay what you want template */
.w3eden .felusch-pwyw .wpdm_cart_form {
  margin-left: 64px;
}

.w3eden .custom-pwyw-container .price-and-button {
  display: flex;
  align-items: center;

  gap: 12px;
}

.w3eden .custom-pwyw-container .price-and-button .form-control {
  width: auto;
  max-width: 6.25rem;
}

@media screen and (max-width: 640px) {
  .w3eden .custom-pwyw-container .price-and-button {
    flex-direction: column;
    align-items: start;
    margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
  }
}

/* purchases page */
.w3eden .card-purchases #od-fullwidth-view {
  display: none;
}

/* Single Product Premium Package */
.felusch-premium-package-image {
  max-width: 100%;
}
.felusch-premium-package-image img {
  max-width: 100%;
}
.felusch-premium-package-image-and-description {
  display: flex;
  flex-direction: row;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
  align-items: flex-start;
}

.felusch-premium-package-buttons hr {
  display: none;
}

.felusch-premium-package {
  padding: var(--wp--preset--spacing--sm-24-r, 1.5rem);
  border: var(--wp--preset--color--border, #e5e5e5) solid 1px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}

.felusch-premium-package-content {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}

.felusch-premium-package .__wpdmpp_buy_now_zone_4396 {
  display: none;
}

.felusch-premium-package .wpdm_cart_form {
  margin: 0px !important;
}

.felusch-premium-package .wpdmpp-product-price::before {
  content: 'Preis: ';
}

.felusch-premium-package-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--wp--preset--spacing--sm-16-r, 1.375rem);
}
.felusch-premium-package-buttons .input-group-asyoupay .iwanttopay {
  width: auto !important;
  max-width: 7rem !important;
}

.w3eden .felusch-download-card .custom-pwyw-container label {
  font-style: italic;
  font-size: smaller;
}

@media screen and (max-width: 640px) {
  .felusch-premium-package-image-and-description {
    flex-direction: column;
    gap: var(--wp--preset--spacing--md-32-r, 2rem);
  }

  .felusch-premium-package-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Set Logo for modal */

#wpdm_modal_login_logo::before {
  content: url(//felusch.de/wp-content/themes/felusch/assets/logo_black_110x110.png);
  display: block;
}

#wpdm_modal_login_logo img {
  display: none !important;
}

#modalloginform {
  display: flex !important;
  flex-direction: column !important;

  gap: var(--wp--preset--spacing--sm-16-r, 1rem) !important;
}

.wpdm-checkbox {
  margin-right: 6px !important;
}

/* Disable dashboard link */
.wpdm-logged-in-actions,
.wpdm-auth-welcome-text {
  display: none !important;
}

/* Fix for Backdrop and Modal background */
.modal-backdrop {
  z-index: 999 !important;
}
#wpdmloginmodal .modal-content {
  background: white;
}

/* Wordpress based Login Form */
.felusch-login #loginform {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm-16-r, 1rem);
}
.felusch-login .login-username,
.felusch-login .login-password {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--xxs-6, 0.375rem);
}

.felusch-login .login-username input,
.felusch-login .login-password input {
  padding: 8px 12px !important;
  border: solid 1px var(--wp--preset--color--border, #e5e5e5) !important;
  border-radius: 4px !important;
  font-size: var(--wp--preset--font-size--body-normal, 18px);
  font-family: var(--wp--preset--font-family--nunito, sans-serif);
}
.felusch-login .login-remember label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.felusch-login .login-remember input {
  margin-right: 6px;
  width: 1rem;
  height: 1rem;
  border: solid 1px var(--wp--preset--color--border, #e5e5e5) !important;
}

.felusch-login .login-submit input {
  border-style: solid;
  border-radius: 8px;
  padding: 12px 24px;
  border-width: 1px;

  font-weight: 500;
  font-size: var(--wp--preset--font-size--body-normal, 18px);
  font-family: var(--wp--preset--font-family--nunito, sans-serif);
  line-height: 1;

  border-color: var(--wp--preset--color--foreground, #333333);
  color: var(--wp--preset--color--primary-foreground, #ffffff);
  background-color: var(--wp--preset--color--foreground, #333333);

  &:hover,
  &:focus,
  &:active {
    opacity: 0.8 !important;
    box-shadow: none !important;
    cursor: pointer;
  }
}

.felusch-login.logged-in {
  border-style: solid;
  border-radius: 8px;
  padding: 12px 24px;
  border-width: 1px;

  font-weight: 500;
  font-size: var(--wp--preset--font-size--body-normal, 18px);
  font-family: var(--wp--preset--font-family--nunito, sans-serif);
  line-height: 1;

  border-color: var(--wp--preset--color--foreground, #333333);
  background-color: var(--wp--preset--color--primary-foreground, #ffffff);

  &:hover,
  &:focus,
  &:active {
    opacity: 0.8 !important;
    box-shadow: none !important;
    cursor: pointer;
  }
}

/* Login from */

.login-form-meta-text {
  font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
}

/* 

.felusch-downloads #wpdmlogin {
  background-color: transparent !important;
  width: 100% !important  ;
  padding-inline: 0px !important;
  margin-inline: 0px !important;
  border: none !important;
}
 */

.felusch-downloads .__wpdm_gb_signup_form {
  width: 100% !important  ;
}
/* .felusch-downloads .wpdmlogin-logo {
  display: none;
} */

.felusch-downloads #wpdmlogin {
  background-color: transparent !important;
  width: 100% !important  ;
  padding: 0px !important;
  margin-inline: 0px !important;
  border: none !important;
}

.felusch-downloads #wpdmlogin .form-control {
  font-size: var(--wp--preset--font-size--body-small) !important;
}

.felusch-downloads .login-form {
  margin-top: 0px !important;
}

.felusch-downloads .alert {
  background-color: #ffffff !important;
}

.felusch-downloads .login-form-meta-text .color-blue {
  color: var(--wp--preset--color--foreground, #333333) !important;
}

.felusch-downloads .btn-block.btn-primary {
  border-color: var(--wp--preset--color--foreground, #333333) !important;
  background-color: var(--wp--preset--color--foreground, #333333) !important;
  color: var(--wp--preset--color--primary-foreground, #ffffff) !important;
}
/* Profile Picture Cropper Styles */

/* Main container */
.profile-picture-container {
  display: none;
}

/* Crop area container */
.crop-container {
  margin-bottom: var(--wp--preset--spacing--sm-16-r);
  border: 2px dashed var(--wp--preset--color--border);
  border-radius: 8px;
  padding: var(--wp--preset--spacing--sm-16-r);
  background: var(--wp--preset--color--bg-2);
}

/* Instruction text */
.crop-instruction {
  font-size: var(--wp--preset--font-size--body-small);
  color: var(--wp--preset--color--muted);
  padding: var(--wp--preset--spacing--xs-12-r);
  background: var(--wp--preset--color--card-background);
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Preview container */
.preview-container {
  display: none;
  /* margin-top: 15px; */
  text-align: center;
  flex-direction: column;
  gap: var(--wp--preset--spacing--xs-12-r);
}

/* Preview image */
.preview-image {
  max-width: 150px;
  max-height: 150px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Preview label */
.preview-label {
  text-align: left;
  font-size: var(--wp--preset--font-size--body-small);
  font-weight: bold;
  /* margin-bottom: 10px; */
  color: var(--wp--preset--color--foreground);
}

/* Controls container */
.controls-container {
  display: flex;
  gap: var(--wp--preset--spacing--xs-12-r);
  flex-wrap: wrap;
  margin-top: var(--wp--preset--spacing--sm-16-r);
}

/* Buttons */
.btn-crop,
.btn-reset,
.btn-remove {
  font-family: var(--wp--preset--font-family--nunito);
  font-size: var(--wp--preset--font-size--body-small);
  border: none;
  padding: var(--wp--preset--spacing--xxs-6) var(--wp--preset--spacing--sm-24-r);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
}

/* Crop button */
.btn-crop {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary-foreground);
}

/* Reset button */
.btn-reset {
  background: var(--wp--preset--color--muted);
  color: var(--wp--preset--color--primary-foreground);
}

/* Remove button */
.btn-remove {
  background: var(--wp--preset--color--warning);
  color: var(--wp--preset--color--primary-foreground);
}

/* Cropper Canvas */
.cropper-canvas {
  display: block;
  max-width: 100%;
}