/*!
 * Krystallpalast Gruppe-2024 1.0.6
 * https://www.ifabrik.de/
 *
 * Copyright 2023 i-fabrik GmbH
 *
 * Released on July 28, 2025
 * 
 * Author: i-fabrik GmbH
 * Contributor: Heiko Pfefferkorn <heiko.pfefferkorn@ifabrik.de>
 */
@charset "UTF-8";
/**
 * Überschriftselektoren zusammenstellen<br/>
 *
 * @example scss
 *   $var : heading-selectors();
 *   // = h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
 *
 *   $var : heading-selectors(1, 6, false);
 *   // = h1, h2, h3, h4, h5, h6
 *
 *   $var : heading-selectors(3, 4);
 *   // = h3, .h3, h4, .h4
 *
 *   // Abfangen von nicht korrekten Angaben (`< 1`, `> 6`).
 *   $var : heading-selectors(0, 0);
 *   $var : heading-selectors(-1, 0);
 *   $var : heading-selectors(7, -15);
 *   // = h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
 *
 *   $var : heading-selectors(0, 2);
 *   // = h1, .h1, h2, .h2
 *
 *   // Vertauschte Werte.
 *   $var : heading-selectors(3, 1);
 *   // = h3, .h3, h4, .h4, h5, .h5, h6, .h6
 */
/**
 * Replace `$search` with `$replace` in `$string`
 */
/**
 * SVG-XML-String kodieren
 */
/**
 * Einheit eines Wertes entfernen.
 *
 * @example
 *   $var : strip-unit(16px);
 *   // = 16
 */
/**
 * Einheit eines Wertes entfernen.
 *
 * @example
 *   $var : get-unit(16px);
 *   // = px
 */
/**
 * Höhenangabe ´vh´ auf Basis einer Rootvariable, wird per JS gesetzt berechnen.
 * (https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html)
 *
 * @example scss
 *   // Rootvariable `--vh` wurde per JS mit dem Wert ´6.4px´ (Browserhöhe ist 640px) gesetzt
 *
 *   $var : vh(50);
 *   // = calc(var(--vh, 1vh) * 50); // berechnet wird demzufolge 320px
 *
 *   // Mit Prefix der Rootvariable (`--ws-vh`)
 *
 *   $var : vh(25, 'ws-');
 *   // = calc(var(--ws-vh, 1vh) * 25); // berechnet wid demzufolge 160px
 */
/**
 * Prüft ob `$val` null ist.
 *
 * @example scss
 *   $var : is-null(null);
 *   // = true
 *
 *   $var : is-null(0);
 *   // = false
 */
/**
 * Prüft ob `$val` leer ist.
 *
 * @example scss
 *   $var : is-empty();
 *   // = true
 *
 *   $var : is-empty('');
 *   // = true
 *
 *   $var : is-empty('foo');
 *   // = false
 */
/**
 * Prüft ob `$val` numerisch ist.
 *
 * @example scss
 *   $var : is-numeric(1);
 *   // = true
 *
 *   $var : is-numeric('2');
 *   // = false
 *
 *   $var : is-numeric(3rem);
 *   // = false
 */
/**
 * Prüft ob `$val` boolean ist.
 *
 * @example scss
 *   $var : is-bool(true);
 *   // = true
 *
 *   $var : is-bool(false);
 *   // = false
 *
 *   $var : is-bool(1);
 *   // = true
 *
 *   $var : is-bool(0);
 *   // = false
 *
 *   $var : is-bool(null);
 *   // = false
 */
/**
 * Prüft ob `$val` ein String ist.
 *
 * @example scss
 *   $var : is-string(foo);
 *   // = true
 *
 *   $var : is-string('bar');
 *   // = true
 *
 *   $var : is-string(0);
 *   // = false
 */
/**
 * Prüft ob `$val` eine Liste ist.
 *
 * @example scss
 *   $var : is-list(a b c d);
 *   // = true
 *
 *   $var : is-list(lorem, ipsum);
 *   // = true
 *
 *   $var : is-list(foo);
 *   // = false
 */
/**
 * Prüft ob `$val` eine Map ist.
 *
 * @example scss
 *   $var : is-map((a: b));
 *   // = true
 *
 *   $var : is-list(foo);
 *   // = false
 */
/**
 * Farbton (Hue) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-hue(#6176ff);
 *   // = 232
 */
/**
 * Sättigung (Saturation) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-saturation(#6176ff);
 *   // = 100%
 */
/**
 * Helligkeit (Lightness) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-lightness(#6176ff);
 *   // = 69%
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `hsl()` zu einer realen
 * `hsl()`-Angabe.
 *
 * @example
 *   hsl(232, 100%, 69%);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(232, 100, 69);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(#6176ff);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(var(--color-hue), 100%, 69%);
 *   // = hsl(var(--color-hue), 100%, 69%)
 *
 *   hsl(var(--color-hue), var(--color-saturation), var(--color-lightness));
 *   // = hsl(var(--color-hue), var(--color-saturation), var(--color-lightness))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `hsla()` zu einer realen
 * `hsla()`-Angabe.
 *
 * @example
 *   hsla(232, 100%, 69%, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(232, 100, 69, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(#6176ff, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(#6176ff);
 *   // = hsla(232, 100%, 69%, 1)
 *
 *   hsla(var(--color-hue), 100%, 69%);
 *   // = hsla(var(--color-hue), 100%, 69%, 1)
 *
 *   hsla(var(--color-hue), var(--color-saturation), var(--color-lightness));
 *   // = hsla(var(--color-hue), var(--color-saturation), var(--color-lightness), 1)
 *
 *   hsla(#6176ff, var(--opacity));
 *   // = hsla(232, 100%, 69%, var(--opacity))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `rgb()` zu einer realen
 * `rgb()`-Angabe.
 *
 * @example
 *   rgb(97, 118, 255);
 *   // = rgb(97, 118, 255)
 *
 *   rgb(#6176ff);
 *   // = rgb(97, 118, 255)
 *
 *   // `--color : 97, 118, 255;`
 *   rgb(var(--color));
 *   // = rgb(var(--color))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `rgba()` zu einer realen
 * `rgba()`-Angabe.
 *
 * @example
 *   rgba(97, 118, 255, 0.75);
 *   // = rgba(97, 118, 255, 0.75)
 *
 *   rgba(97, 118, 255);
 *   // = rgba(97, 118, 255, 1)
 *
 *   rgba(#6176ff, 0.75);
 *   // = rgba(97, 118, 255, 0.75)
 *
 *   rgba(#6176ff);
 *   // = rgba(97, 118, 255, 1)
 *
 *   // `--color : 97, 118, 255;`
 *   rgba(var(--color));
 *   // = rgba(var(--color), 1)
 *
 *   // `--color : 97, 118, 255;`
 *   // `--opcity : 0.75;`
 *   rgba(var(--color), var(--opacity));
 *   // = rgba(var(--color), var(--opacity))
 */
/**
 * Minimale Breakpointweite.<br/>
 * <small>_Null für den kleinsten (ersten) Breakpoint._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-min('xs');
 *   // = 420px
 */
/**
 * Maximale Breakpointweite.<br/>
 * <small>_Null für den größten (letzten) Breakpoint. Der Maximalwert wird als Minimum des nächsten Breakpointwertes minus 1px berechnet._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-max('xs');
 *   // = 575px
 */
/**
 * Name des nächsten Breakpoints.<br/>
 * <small>_Null für den letzten Breakpoint._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-next('xs');
 *   // = s
 *
 *   $var : breakpoint-next('s');
 *   // = m
 */
/**
 * Anwendung von Definitionen (`@content`) ab dem Breakpoint `$name` und höher
 * (mobile first).
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-up('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width: 576px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Anwendung von Definitionen (`@content`) ab der Maximalbreite des Breakpoint
 * `$name` und kleiner (desktop first).
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-down('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (max-width: 767px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Shortcut-Funktion für `media-breakpoint-up()` und `media-breakpoint-down()`.
 */
/**
 * Anwendung von Definitionen (`@content`) zwischen Minimumbreite `$lower` und
 * Maximumbreite `$upper`.
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-between('xs', 'm') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width : 420px) and (max-width : 991px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Anwendung von Definitionen (`@content`) nur innerhalb der Minimum- und
 * Maxiamlbreite des Breakpoints `$name`.
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-only('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width: 576px) and (max-width: 767px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Kontextbasierten Selektor etwas vereinfachen ;).
 */
/**
 * On `:disabled`
 */
/**
 * On `.not(:disabled)`
 */
/**
 * On `:readonly`
 */
/**
 * On `:hover`
 */
/**
 * On `:active`
 */
/**
 * On `:focus`
 */
/**
 * On `:hover, :focus`
 */
/**
 * On `:hover, :active, :focus`
 */
/**
 * Webfonts mit `@font-face` integrieren.
 *
 * Bzgl. moderner Browser (Stand Anfang 2019) wird normalerweise nur `woff2` und
 * `woff` benötigt. Eine Prüfung auf das Schriftformat bzgl. einer Erweiterung
 * der URL wird nur für `eot` und `ttf` durchgeführt!
 *
 * `woff2` moderne Browser
 * `woff` IE 11
 * `eot` IE6-IE8
 * `ttf` Safari, Android, iOS
 *
 * @example scss
 *   @include font-face(
 *     'Example-Regular',
 *     'example/',
 *     (
 *       woff2 : 'example-regular.woff2',
 *       woff  : 'example-regular.woff',
 *       eot   : 'example-regular.eot',
 *       ttf   : 'example-regular.ttf'
 *     )
 *   );
 *
 * @example css - Result
 *   @font-face {
 *     font-family : 'Example-Regular';
 *     font-display: swap;
 *     src         : url('../example/example-regular.woff2') format('woff2'),
 *                   url('../example/example-regular.woff') format('woff'),
 *                   url('../example/example-regular.eot?#iefix') format('embedded-opentype'),
 *                   url('../example/example-regular.ttf') format('truetype');
 *   }
 */
/**
 * Generieren von Selektoren bzgl. Validierungsstatus
 */
/* stylelint-disable-line scss/dollar-variable-pattern */
/* stylelint-disable-line scss/dollar-variable-pattern */
/**
 * Scrollen eines Containers deaktivieren.
 */
/**
 * Helper class integrieren.
 */
/**
 * Textelement bei Klick vollständig ausgewählen.
 */
/**
 * Textelement nicht auswählbar.
 */
/**
 * ´Aufspannen´ eines Links.
 * Ein Elternelement muss dazu mit `position: relative;` definiert sein!
 */
/**
 * Inhalte visuell ausblenden aber für unterstützende Technologien zugänglich
 * halten.
 */
/**
 * Zeige Inhalt nur wenn er fokussiert wird/wurde.
 */
.krystallpalastmanagement-list .deck[data-columns="2"] {
  --ifabsh-deck-gap-row: calc(var(--wp-spacing) * 3);
}
.krystallpalastmanagement-list .event-item {
  grid-template-areas: "media" "heading" "body";
  grid-auto-rows: max-content;
}
.krystallpalastmanagement-list .event-item__media {
  position: relative;
}
.krystallpalastmanagement-list .event-item__media .ticket-link {
  --ifabsh-button-background-color: var(--wp-color-ivory);
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  width: auto;
  z-index: 1;
}
.krystallpalastmanagement-list .event-item__media .detail-link .figure.-dummy {
  background: var(--wp-color-ivory);
  padding: var(--wp-spacing-l);
}
.krystallpalastmanagement-list .event-item__media .detail-link .figure.-dummy > picture > img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.krystallpalastmanagement-list .event-item__media .button.-primary.-outline:not(:focus):not(:hover) {
  --ifabsh-button-background-color: var(--wp-color-white);
}
.krystallpalastmanagement-list .event-item__heading {
  color: var(--wp-color-gold-typo);
  margin-top: var(--wp-spacing-s);
}
.krystallpalastmanagement-list .event-item__heading .heading {
  --wp-heading-margin: var(--wp-spacing-xs);
}
.krystallpalastmanagement-list .event-item__heading .subheading {
  --wp-heading-margin: var(--wp-spacing-s) !important;
}
.krystallpalastmanagement-list .event-item__body > * + * {
  margin-top: var(--wp-spacing-s);
}
.krystallpalastmanagement-list .event-item__body .informations {
  align-items: center;
  display: flex;
  gap: var(--wp-spacing-s);
}
.krystallpalastmanagement-list .event-item__body .teaser {
  font-size: var(--wp-font-size-s);
}
@media (min-width: 992px) {
  .krystallpalastmanagement-list .deck[data-columns="4"] .event-item .button.ticket-link {
    --ifabsh-button-font-size: 15px;
    --ifabsh-button-height: 30px;
  }
}

.page-layout-detail .hero-header {
  color: var(--wp-color-primary);
}
.page-layout-detail .hero-header > * + .date {
  margin-top: var(--wp-spacing-s);
}
.page-layout-detail .hero-header .date {
  color: var(--wp-color-primary);
  text-align: center;
}

/* stylelint-disable-line length-zero-no-unit */
.icon-button {
  --ifabsh-icon-button-background-color: transparent;
  --ifabsh-icon-button-background-color-hover: var(--ifabsh-icon-button-background-color);
  --ifabsh-icon-button-background-color-active: var(--ifabsh-icon-button-background-color-hover);
  --ifabsh-icon-button-border-color: transparent;
  --ifabsh-icon-button-border-width: var(--ifabsh-input-border-width, var(--ifabsh-border-width, 1px));
  --ifabsh-icon-button-color: inherit;
  --ifabsh-icon-button-color-hover: var(--ifabsh-icon-button-color);
  --ifabsh-icon-button-color-active: var(--ifabsh-icon-button-color-hover);
  --ifabsh-icon-button-duration: var(--ifabsh-duration, 0.15s);
  --ifabsh-icon-button-height: var(--ifabsh-input-height, 40px);
  --ifabsh-icon-button-line-height: calc(var(--ifabsh-icon-button-height) - var(--ifabsh-icon-button-border-width) * 2);
  --ifabsh-icon-button-padding: 0px; /* stylelint-disable-line length-zero-no-unit */
  --ifabsh-icon-button-soft-factor: 0.1;
  --_ibtn-background-color: var(--ifabsh-icon-button-background-color);
  --_ibtn-color: var(--ifabsh-icon-button-color);
  --_ibtn-duration: calc(var(--global-duration-multiplier, 1) * var(--ifabsh-icon-button-duration));
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: var(--_ibtn-background-color);
  border: none;
  border-radius: var(--ifabsh-icon-button-border-radius, var(--ifabsh-input-border-radius, var(--ifabsh-border-radius, 0px)));
  color: var(--_ibtn-color) !important; /* stylelint-disable-line declaration-no-important */
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--ifabsh-icon-button-font-size, inherit);
  height: var(--ifabsh-icon-button-height);
  justify-content: center;
  line-height: var(--ifabsh-icon-button-line-height);
  min-width: var(--ifabsh-icon-button-height);
  padding: 0 var(--ifabsh-icon-button-padding);
  position: relative;
  text-decoration-line: none;
  transition-duration: var(--_ibtn-duration);
  transition-property: background-color, border-color, color, opacity;
  transition-timing-function: ease-in-out;
}
.icon-button__icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  width: 1em;
}
@media (hover: hover) {
  .icon-button:hover {
    --_ibtn-background-color: var(--ifabsh-icon-button-background-color-hover);
    --_ibtn-color: var(--ifabsh-icon-button-color-hover);
  }
}
.icon-button:focus, .icon-button._focus {
  --_ibtn-background-color: var(--ifabsh-icon-button-background-color-focus, var(--ifabsh-icon-button-background-color));
  --_ibtn-color: var(--ifabsh-icon-button-color-focus, var(--ifabsh-icon-button-color));
  box-shadow: none;
  outline: none;
}
.icon-button._focus-visible:focus, .icon-button:focus-visible:focus {
  outline: var(--ifabsh-focus-outline-width, 1px) var(--ifabsh-focus-outline-style, dotted) var(--focus-outline-color, currentColor);
  outline-offset: var(--ifabsh-focus-outline-offset, 2px);
}
.icon-button:active, .icon-button._active {
  --_ibtn-background-color: var(--ifabsh-icon-button-background-color-active);
  --_ibtn-color: var(--ifabsh-icon-button-color-active);
}
.icon-button:disabled, .icon-button[disabled], .icon-button._disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: var(--ifabsh-icon-button-disabled-opacity, 0.4);
  outline: none;
  pointer-events: none;
}

.icon-button.-default {
  --ifabsh-icon-button-color: var(--ifabsh-color-text, #3e3e3e);
}
.icon-button.-default.-fill:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-grey, #e8e8e8);
  --focus-outline-color: currentColor;
}
.icon-button.-default.-soft:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-grey-h), var(--ifabsh-color-grey-s), var(--ifabsh-color-grey-l), var(--ifabsh-icon-button-soft-factor));
}

.icon-button.-primary, .event-group-footer .icon-button.button {
  --ifabsh-icon-button-color: var(--ifabsh-color-ui, #6176ff);
}
.icon-button.-primary.-fill:not(.-soft), .event-group-footer .icon-button.-fill.button:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-ui, #6176ff);
  --ifabsh-icon-button-color: var(--ifabsh-color-ui-contrast, #fff);
  --focus-outline-color: var(--ifabsh-icon-button-background-color);
}
.icon-button.-primary.-soft:not(.-fill), .event-group-footer .icon-button.-soft.button:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-ui-h), var(--ifabsh-color-ui-s), var(--ifabsh-color-ui-l), var(--ifabsh-icon-button-soft-factor));
  --ifabsh-icon-button-color: var(--ifabsh-color-ui);
}

.icon-button.-info {
  --ifabsh-icon-button-color: var(--ifabsh-color-info, #2db5cd);
}
.icon-button.-info.-fill:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-info, #2db5cd);
  --ifabsh-icon-button-color: var(--ifabsh-color-info-contrast, #000);
  --focus-outline-color: var(--ifabsh-icon-button-background-color);
}
.icon-button.-info.-soft:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-info-h), var(--ifabsh-color-info-s), var(--ifabsh-color-info-l), var(--ifabsh-icon-button-soft-factor));
  --ifabsh-icon-button-color: var(--ifabsh-color-info);
}

.icon-button.-success {
  --ifabsh-icon-button-color: var(--ifabsh-color-success, #15c182);
}
.icon-button.-success.-fill:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-success, #15c182);
  --ifabsh-icon-button-color: var(--ifabsh-color-success-contrast, #fff);
  --focus-outline-color: var(--ifabsh-icon-button-background-color);
}
.icon-button.-success.-soft:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-success-h), var(--ifabsh-color-success-s), var(--ifabsh-color-success-l), var(--ifabsh-icon-button-soft-factor));
  --ifabsh-icon-button-color: var(--ifabsh-color-success);
}

.icon-button.-warning {
  --ifabsh-icon-button-color: var(--ifabsh-color-warning, #fca311);
}
.icon-button.-warning.-fill:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-warning, #fca311);
  --ifabsh-icon-button-color: var(--ifabsh-color-warning-contrast, #000);
  --focus-outline-color: var(--ifabsh-icon-button-background-color);
}
.icon-button.-warning.-soft:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-warning-h), var(--ifabsh-color-warning-s), var(--ifabsh-color-warning-l), var(--ifabsh-icon-button-soft-factor));
  --ifabsh-icon-button-color: var(--ifabsh-color-warning);
}

.icon-button.-danger {
  --ifabsh-icon-button-color: var(--ifabsh-color-danger, #fb3e4e);
}
.icon-button.-danger.-fill:not(.-soft) {
  --ifabsh-icon-button-background-color: var(--ifabsh-color-danger, #fb3e4e);
  --ifabsh-icon-button-color: var(--ifabsh-color-danger-contrast, #fff);
  --focus-outline-color: var(--ifabsh-icon-button-background-color);
}
.icon-button.-danger.-soft:not(.-fill) {
  --ifabsh-icon-button-background-color: hsla(var(--ifabsh-color-danger-h), var(--ifabsh-color-danger-s), var(--ifabsh-color-danger-l), var(--ifabsh-icon-button-soft-factor));
  --ifabsh-icon-button-color: var(--ifabsh-color-danger);
}

.icon-button.-l {
  --ifabsh-icon-button-font-size: var(--ifabsh-input-font-size-l, var(--ifabsh-font-size-l, 1.25rem));
  --ifabsh-icon-button-height: var(--ifabsh-input-height-l, 50px);
}

.icon-button.-s {
  --ifabsh-icon-button-font-size: var(--ifabsh-input-font-size-s, var(--ifabsh-font-size-s, 0.75rem));
  --ifabsh-icon-button-height: var(--ifabsh-input-height-s, 28px);
}

.icon-button.-pill {
  border-radius: var(--ifabsh-icon-button-height);
}

.icon-button[data-is-loading] {
  cursor: wait;
  pointer-events: none;
}
.icon-button > .spinner {
  display: none;
}

.icon-button[data-is-loading] .icon-button__icon {
  visibility: hidden;
}
.icon-button[data-is-loading] > .spinner {
  --_sp-pos: calc(50% - var(--ifabsh-spinner-size) / 2);
  display: inline-block;
  left: var(--_sp-pos);
  position: absolute;
  top: var(--_sp-pos);
  z-index: 5;
}

.swiper {
  --swiper-theme-color: var(--ifabsh-slider-theme-color);
  --swiper-preloader-color: var(--ifabsh-slider-preloader-color, var(--ifabsh-slider-theme-color));
  opacity: 0;
  transition-duration: calc(var(--global-duration-multiplier, 1) * var(--ifabsh-slider-init-duration, 0.25s));
  transition-property: opacity;
}
.swiper.swiper-initialized {
  opacity: 1;
}
.swiper-lazy-preloader {
  border-width: 0.125em;
  font-size: var(--ifabsh-slider-preloader-size, 1rem);
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  width: 1em;
}
.swiper-button-lock {
  display: none;
  pointer-events: none;
}
.swiper-button-next, .swiper-button-prev {
  --ifabsh-icon-button-color: var(--ifabsh-slider-button-color);
  font-size: var(--ifabsh-slider-button-font-size);
  margin: 0;
  opacity: var(--ifabsh-slider-button-opacity, 1);
  position: absolute;
  transform: translateY(-50%);
  width: auto;
}
.swiper-button-next[aria-disabled=true], .swiper-button-prev[aria-disabled=true] { /* stylelint-disable-line string-quotes */
  opacity: var(--ifabsh-slider-button-disabled-opacity, 0);
}
.swiper-button-next::after, .swiper-button-prev::after {
  display: none;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev {
  left: 0;
}
.swiper-pagination {
  --swiper-pagination-color: var(--ifabsh-slider-theme-color);
  background-color: var(--ifabsh-slider-pagination-background-color);
  -moz-column-gap: var(--ifabsh-slider-pagination-column-gap);
       column-gap: var(--ifabsh-slider-pagination-column-gap);
  display: inline-flex;
  flex-wrap: wrap;
  padding: var(--ifabsh-slider-pagination-padding);
  row-gap: var(--ifabsh-slider-pagination-row-gap);
}
.swiper-pagination-bullet {
  --swiper-pagination-bullet-color: var(--ifabsh-slider-pagination-item-color-active);
  --swiper-pagination-bullet-height: var(--ifabsh-slider-pagination-item-height);
  --swiper-pagination-bullet-inactive-color: var(--ifabsh-slider-pagination-item-color);
  --swiper-pagination-bullet-inactive-opacity: var(--ifabsh-slider-pagination-item-opacity, 1);
  --swiper-pagination-bullet-opacity: var(--ifabsh-slider-pagination-item-opacity-active, 1);
  --swiper-pagination-bullet-width: var(--ifabsh-slider-pagination-item-width);
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-vertival-gap: 0;
  border-radius: var(--ifabsh-slider-pagination-item-border-radius, 0);
  transition-duration: calc(var(--global-duration-multiplier, 1) * 0.15s);
  transition-property: all;
}
.swiper-pagination-bullet:focus {
  box-shadow: none;
  outline: none;
}
.swiper-pagination-bullet._focus-visible:focus, .swiper-pagination-bullet:focus-visible:focus {
  outline: var(--ifabsh-focus-outline-color, currentColor) var(--ifabsh-focus-outline-style, dotted) var(--ifabsh-focus-outline-width, 1px);
  outline-offset: var(--ifabsh-focus-outline-offset, 2px);
}
.swiper-pagination.swiper-pagination-lock {
  display: none;
  pointer-events: none;
}
.swiper-pagination.swiper-pagination-horizontal {
  bottom: auto;
  justify-content: flex-end;
  left: auto;
  line-height: 1;
  max-width: 100%;
  right: var(--ifabsh-slider-pagination-offset);
  top: var(--ifabsh-slider-pagination-offset);
  width: -moz-max-content;
  width: max-content;
}

.slider {
  --ifabsh-slider-theme-color: var(--ifabsh-color-ui, #6176ff);
  --ifabsh-slider-button-color: var(--ifabsh-slider-theme-color);
  --ifabsh-slider-button-font-size: var(--ifabsh-font-size, 1rem);
  --ifabsh-slider-pagination-item-height: var(--ifabsh-slider-pagination-item-size, 0.3125rem);
  --ifabsh-slider-pagination-item-width: var(--ifabsh-slider-pagination-item-size, 1.25rem);
  --ifabsh-slider-pagination-item-color: var(--ifabsh-color-white, #fff);
  --ifabsh-slider-pagination-item-color-active: var(--ifabsh-slider-theme-color);
  --ifabsh-slider-pagination-background-color: transparent;
  --ifabsh-slider-pagination-column-gap: var(--ifabsh-slider-pagination-gap, var(--ifabsh-spacing-s, 0.5rem));
  --ifabsh-slider-pagination-row-gap: var(--ifabsh-slider-pagination-gap, var(--ifabsh-spacing-s, 0.5rem));
  --ifabsh-slider-pagination-offset: 0;
  --ifabsh-slider-pagination-padding: var(--ifabsh-spacing-s, 0.5rem);
  position: relative;
}
.slider-item__inner {
  position: relative;
}
.slider-item__inner > *:not(.swiper-lazy-preloader) {
  margin: 0;
}

.slider {
  --swiper-scrollbar-size: 1px;
  --swiper-scrollbar-border-radius: 0;
  --swiper-scrollbar-bg-color: var(--wp-color-primary);
  --swiper-scrollbar-drag-bg-color: var(--wp-color-primary);
  --swiper-scrollbar-drag-size: 4px;
  --ifabsh-slider-button-disabled-opacity: 0.5;
  --ifabsh-slider-pagination-gap: var(--wp-spacing-s);
  --ifabsh-slider-pagination-offset: var(--wp-spacing-xs);
  --ifabsh-slider-pagination-item-height: calc(var(--wp-spacing-s) * 1.5);
  --ifabsh-slider-pagination-item-width: var(--ifabsh-slider-pagination-item-height);
  --ifabsh-slider-pagination-item-border-radius: 50%;
}
@media (min-width: 576px) {
  .slider {
    --ifabsh-slider-pagination-gap: calc(var(--wp-spacing-s) * 1.5);
    --ifabsh-slider-pagination-item-height: var(--wp-spacing);
    --ifabsh-slider-pagination-offset: var(--wp-spacing);
  }
}
.slider .swiper-pagination.swiper-pagination-horizontal {
  bottom: var(--ifabsh-slider-pagination-offset);
  top: auto;
}
.slider .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: transparent;
  border: 2px solid var(--wp-color-ivory);
}
.slider .swiper-pagination-bullet-active {
  width: var(--ifabsh-slider-pagination-item-width) !important;
}
.slider .swiper-button-prev, .slider .swiper-button-next {
  --ifabsh-icon-button-height: auto;
  --ifabsh-icon-button-width: auto;
  background: var(--wp-swiper-button-background-color, var(--wp-color-coffee));
}
.slider .swiper-scrollbar {
  cursor: pointer;
}
.slider .swiper-scrollbar-drag {
  height: var(--swiper-scrollbar-drag-size);
  top: calc(var(--swiper-scrollbar-size) - var(--swiper-scrollbar-drag-size));
}

.button {
  --ifabsh-button-background-color: var(--ifabsh-input-background-color, #fff);
  --ifabsh-button-border-color: var(--ifabsh-input-border-color, #e8e8e8);
  --ifabsh-button-border-width: var(--ifabsh-input-border-width, var(--ifabsh-border-width, 1px));
  --ifabsh-button-color: var(--ifabsh-input-color, #000);
  --ifabsh-button-duration: var(--ifabsh-duration, 0.15s);
  --ifabsh-button-font-size: var(--ifabsh-input-font-size, var(--ifabsh-font-size, 1rem));
  --ifabsh-button-height: var(--ifabsh-input-height, 40px);
  --ifabsh-button-line-height: calc(var(--ifabsh-button-height) - var(--ifabsh-button-border-width) * 2);
  --ifabsh-button-padding: var(--ifabsh-input-padding, var(--ifabsh-spacing, 1rem));
  --ifabsh-button-prefix-suffix-gap: calc(var(--ifabsh-button-font-size) / 2);
  --ifabsh-button-soft-factor: 0.1;
  --_btn-background-color: var(--ifabsh-button-background-color);
  --_btn-border-color: var(--ifabsh-button-border-color);
  --_btn-color: var(--ifabsh-button-color);
  --_btn-duration: calc(var(--global-duration-multiplier, 1) * var(--ifabsh-button-duration));
  --focus-outline-color: var(--_btn-border-color);
  align-items: stretch;
  background-color: var(--_btn-background-color);
  border: var(--ifabsh-button-border-width) solid var(--_btn-border-color);
  border-radius: var(--ifabsh-button-border-radius, var(--ifabsh-input-border-radius, var(--ifabsh-border-radius, 0px)));
  color: var(--_btn-color) !important; /* stylelint-disable-line declaration-no-important */
  display: inline-flex;
  font-size: var(--ifabsh-button-font-size);
  font-style: var(--ifabsh-button-font-style, normal);
  font-weight: var(--ifabsh-button-font-weight, normal);
  gap: var(--ifabsh-button-prefix-suffix-gap);
  height: var(--ifabsh-button-height);
  justify-content: center;
  line-height: var(--ifabsh-button-line-height);
  max-width: 100%;
  min-width: var(--ifabsh-button-height);
  overflow: hidden;
  padding: 0 var(--ifabsh-button-padding);
  text-decoration-line: none;
  text-transform: var(--ifabsh-button-text-transform, var(--ifabsh-input-text-transform, none));
  transition-duration: var(--_btn-duration);
  transition-property: background-color, border-color, color;
  transition-timing-function: ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.button i,
.button .icon,
.button svg {
  pointer-events: none;
  position: relative;
}
.button__label {
  align-items: center;
  order: 2;
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
}
.button__prefix, .button__suffix, .button__caret {
  align-items: center;
  color: var(--ifabsh-button-prefix-suffix-color, currentColor);
  display: flex;
  flex: 0 0 auto;
}
.button__prefix {
  order: 1;
  pointer-events: none;
}
.button__suffix {
  order: 3;
  pointer-events: none;
}
.button__caret {
  order: 4;
  pointer-events: none;
}
@media (hover: hover) {
  .button:hover {
    --_btn-background-color: var(--ifabsh-button-background-color-hover, var(--ifabsh-button-background-color));
    --_btn-border-color: var(--ifabsh-button-border-color-hover, var(--ifabsh-button-border-color));
    --_btn-color: var(--ifabsh-button-color-hover, var(--ifabsh-button-color));
  }
  .button:hover:not(.-text) {
    text-decoration-line: none;
  }
}
.button:focus, .button._focus {
  --_btn-background-color: var(--ifabsh-button-background-color-focus, var(--ifabsh-button-background-color));
  --_btn-border-color: var(--ifabsh-button-border-color-focus, var(--ifabsh-button-border-color));
  --_btn-color: var(--ifabsh-button-color-focus, var(--ifabsh-button-color));
  box-shadow: none;
  outline: none;
}
.button:focus:not(.-text), .button._focus:not(.-text) {
  text-decoration-line: none;
}
.button._focus-visible:focus, .button:focus-visible:focus {
  outline: var(--focus-outline-color, currentColor) var(--ifabsh-focus-outline-style, dotted) var(--ifabsh-focus-outline-width, 1px);
  outline-offset: var(--ifabsh-focus-outline-offset, 2px);
}
.button._active {
  --_btn-background-color: var(--ifabsh-button-background-color-active, var(--ifabsh-button-background-color));
  --_btn-border-color: var(--ifabsh-button-border-color-active, var(--ifabsh-button-border-color));
  --_btn-color: var(--ifabsh-button-color-active, var(--ifabsh-button-color));
}
.button:disabled, .button[disabled], .button._disabled {
  cursor: not-allowed !important; /* stylelint-disable-line declaration-no-important */
  opacity: var(--ifabsh-button-disabled-opacity, var(--ifabsh-input-disabled-opacity, var(--ifabsh-disabled-opacity, 0.4))) !important; /* stylelint-disable-line declaration-no-important */
}
.button:disabled *, .button[disabled] *, .button._disabled * {
  pointer-events: none;
}

.button.split-button:not(button) {
  border: 0 none;
  flex-wrap: nowrap;
  gap: 0;
  padding: 0;
}
.button.split-button:not(button) > .button:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
}
.button.split-button:not(button) > .button + .button {
  border-bottom-left-radius: 0;
  border-left-width: 0;
  border-top-left-radius: 0;
  min-width: var(--ifabsh-button-split-width, var(--ifabsh-button-height));
  padding: 0;
  position: relative;
}
.button.split-button:not(button) > .button + .button::after {
  background-color: var(--ifabsh-button-split-color, currentColor);
  content: ""; /* stylelint-disable-line string-quotes */
  display: block;
  height: var(--ifabsh-button-split-height, var(--ifabsh-button-font-size));
  left: 0;
  opacity: var(--ifabsh-button-split-opacity, 0.3125);
  position: absolute;
  top: 51%;
  translate: 0 -50%;
  width: var(--ifabsh-button-border-width);
}

.button.-outline,
.button.-soft {
  --focus-outline-color: currentColor;
}

.button.-default {
  --ifabsh-button-background-color: var(--ifabsh-color-grey, #e8e8e8);
  --ifabsh-button-border-color: var(--ifabsh-color-grey, #e8e8e8);
  --ifabsh-button-color: var(--ifabsh-color-text, #3e3e3e);
  --focus-outline-color: currentColor;
}
.button.-default.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-default.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-grey-h), var(--ifabsh-color-grey-s), var(--ifabsh-color-grey-l), var(--ifabsh-button-soft-factor));
}
.button.-default.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-primary, .event-group-footer .button {
  --ifabsh-button-background-color: var(--ifabsh-color-ui, #6176ff);
  --ifabsh-button-border-color: var(--ifabsh-color-ui, #6176ff);
  --ifabsh-button-color: var(--ifabsh-color-ui-contrast, #fff);
}
.button.-primary.-outline, .event-group-footer .button.-outline, .button.-primary.-soft, .event-group-footer .button.-soft {
  --ifabsh-button-color: var(--ifabsh-color-ui);
}
.button.-primary.-outline:not(.-soft), .event-group-footer .button.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-primary.-soft, .event-group-footer .button.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-ui-h), var(--ifabsh-color-ui-s), var(--ifabsh-color-ui-l), var(--ifabsh-button-soft-factor));
}
.button.-primary.-soft:not(.-outline), .event-group-footer .button.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-info {
  --ifabsh-button-background-color: var(--ifabsh-color-info, #2db5cd);
  --ifabsh-button-border-color: var(--ifabsh-color-info, #2db5cd);
  --ifabsh-button-color: var(--ifabsh-color-info-contrast, #000);
}
.button.-info.-outline, .button.-info.-soft {
  --ifabsh-button-color: var(--ifabsh-color-info);
}
.button.-info.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-info.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-info-h), var(--ifabsh-color-info-s), var(--ifabsh-color-info-l), var(--ifabsh-button-soft-factor));
}
.button.-info.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-success {
  --ifabsh-button-background-color: var(--ifabsh-color-success, #15c182);
  --ifabsh-button-border-color: var(--ifabsh-color-success, #15c182);
  --ifabsh-button-color: var(--ifabsh-color-success-contrast, #fff);
}
.button.-success.-outline, .button.-success.-soft {
  --ifabsh-button-color: var(--ifabsh-color-success);
}
.button.-success.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-success.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-success-h), var(--ifabsh-color-success-s), var(--ifabsh-color-success-l), var(--ifabsh-button-soft-factor));
}
.button.-success.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-warning {
  --ifabsh-button-background-color: var(--ifabsh-color-warning, #fca311);
  --ifabsh-button-border-color: var(--ifabsh-color-warning, #fca311);
  --ifabsh-button-color: var(--ifabsh-color-warning-contrast, #000);
}
.button.-warning.-outline, .button.-warning.-soft {
  --ifabsh-button-color: var(--ifabsh-color-warning);
}
.button.-warning.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-warning.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-warning-h), var(--ifabsh-color-warning-s), var(--ifabsh-color-warning-l), var(--ifabsh-button-soft-factor));
}
.button.-warning.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-danger {
  --ifabsh-button-background-color: var(--ifabsh-color-danger, #fb3e4e);
  --ifabsh-button-border-color: var(--ifabsh-color-danger, #fb3e4e);
  --ifabsh-button-color: var(--ifabsh-color-danger-contrast, #fff);
}
.button.-danger.-outline, .button.-danger.-soft {
  --ifabsh-button-color: var(--ifabsh-color-danger);
}
.button.-danger.-outline:not(.-soft) {
  --ifabsh-button-background-color: transparent;
}
.button.-danger.-soft {
  --ifabsh-button-background-color: hsla(var(--ifabsh-color-danger-h), var(--ifabsh-color-danger-s), var(--ifabsh-color-danger-l), var(--ifabsh-button-soft-factor));
}
.button.-danger.-soft:not(.-outline) {
  --ifabsh-button-border-color: transparent;
}

.button.-l {
  --ifabsh-button-font-size: var(--ifabsh-input-font-size-l, var(--ifabsh-font-size-l, 1.25rem));
  --ifabsh-button-height: var(--ifabsh-input-height-l, 50px);
  --ifabsh-button-padding: var(--ifabsh-input-padding-l, var(--ifabsh-spacing-l, 1.25rem));
}

.button.-s {
  --ifabsh-button-font-size: var(--ifabsh-input-font-size-s, var(--ifabsh-font-size-s, 0.75rem));
  --ifabsh-button-height: var(--ifabsh-input-height-s, 28px);
  --ifabsh-button-padding: var(--ifabsh-input-padding-s, var(--ifabsh-spacing-s, 0.5rem));
}

.button.-pill {
  border-radius: var(--ifabsh-button-height);
}

.button.-circle {
  --ifabsh-button-padding: 0;
  border-radius: 50%;
  width: var(--ifabsh-button-height);
}
.button.-circle .button__prefix, .button.-circle .button__suffix {
  display: none;
}
.button.-text {
  --_btn-background-color: transparent;
  --_btn-border-color: transparent;
  --_btn-color: inherit;
  --focus-outline-color: currentColor;
}

.button[data-caret] {
  --_btn-caret-size: var(--ifabsh-button-caret-size, 1em);
}
.button[data-caret] .button__suffix {
  display: none;
}
.button[data-caret] .button__caret svg {
  height: var(--_btn-caret-size);
  width: var(--_btn-caret-size);
}

.button[data-loading] {
  cursor: wait;
  pointer-events: none;
  position: relative;
}
.button > .spinner {
  display: none;
}

.button[data-loading] .button__label, .button[data-loading] .button__prefix, .button[data-loading] .button__suffix {
  visibility: hidden;
}
.button[data-loading] > .spinner {
  --_sp-pos: calc(50% - var(--ifabsh-spinner-size) / 2);
  display: inline-block;
  left: var(--_sp-pos);
  position: absolute;
  top: var(--_sp-pos);
  z-index: 5;
}

.button {
  --ifabsh-button-height: 40px;
  --ifabsh-button-border-radius: var(--ifabsh-button-height);
  --ifabsh-button-border-width: 2px;
  --ifabsh-button-font-size: 18px;
  --ifabsh-button-font-weight: var(--wp-font-weight-semibold);
  --ifabsh-button-padding: var(--wp-spacing-l);
  --wp-link-font-weight: var(--ifabsh-button-font-weight);
  align-items: center;
  border-radius: var(--ifabsh-button-border-radius);
  font-family: var(--wp-font-family-heading);
  text-decoration: none !important;
  text-transform: uppercase;
}

.button.-info {
  --ifabsh-button-background-color: var(--wp-color-info, #3f9aa9);
  --ifabsh-button-border-color: var(--wp-color-info, #3f9aa9);
  --ifabsh-button-color: var(--wp-color-info-contrast, #fff);
  --ifabsh-button-border-color-hover: var(--wp-color-info-hover, #3f9aa9);
}
.button.-info:hover {
  --ifabsh-button-background-color: var(--wp-color-info-hover, #3f9aa9);
}
.button.-info.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-info, #3f9aa9);
  --ifabsh-button-border-color-hover: var(--wp-color-info, #3f9aa9);
}
.button.-info.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-info, #3f9aa9);
  --ifabsh-button-border-color: var(--wp-color-info, #3f9aa9);
  --ifabsh-button-color: var(--wp-color-info-contrast, #fff);
}

.button.-success {
  --ifabsh-button-background-color: var(--wp-color-success, #4b9f80);
  --ifabsh-button-border-color: var(--wp-color-success, #4b9f80);
  --ifabsh-button-color: var(--wp-color-success-contrast, #fff);
  --ifabsh-button-border-color-hover: var(--wp-color-success-hover, #4b9f80);
}
.button.-success:hover {
  --ifabsh-button-background-color: var(--wp-color-success-hover, #4b9f80);
}
.button.-success.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-success, #4b9f80);
  --ifabsh-button-border-color-hover: var(--wp-color-success, #4b9f80);
}
.button.-success.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-success, #4b9f80);
  --ifabsh-button-border-color: var(--wp-color-success, #4b9f80);
  --ifabsh-button-color: var(--wp-color-success-contrast, #fff);
}

.button.-warning {
  --ifabsh-button-background-color: var(--wp-color-warning, #e39c29);
  --ifabsh-button-border-color: var(--wp-color-warning, #e39c29);
  --ifabsh-button-color: var(--wp-color-warning-contrast, #000);
  --ifabsh-button-border-color-hover: var(--wp-color-warning-hover, #e39c29);
}
.button.-warning:hover {
  --ifabsh-button-background-color: var(--wp-color-warning-hover, #e39c29);
}
.button.-warning.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-warning, #e39c29);
  --ifabsh-button-border-color-hover: var(--wp-color-warning, #e39c29);
}
.button.-warning.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-warning, #e39c29);
  --ifabsh-button-border-color: var(--wp-color-warning, #e39c29);
  --ifabsh-button-color: var(--wp-color-warning-contrast, #000);
}

.button.-danger {
  --ifabsh-button-background-color: var(--wp-color-danger, #c34550);
  --ifabsh-button-border-color: var(--wp-color-danger, #c34550);
  --ifabsh-button-color: var(--wp-color-danger-contrast, #fff);
  --ifabsh-button-border-color-hover: var(--wp-color-danger-hover, #c34550);
}
.button.-danger:hover {
  --ifabsh-button-background-color: var(--wp-color-danger-hover, #c34550);
}
.button.-danger.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-danger, #c34550);
  --ifabsh-button-border-color-hover: var(--wp-color-danger, #c34550);
}
.button.-danger.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-danger, #c34550);
  --ifabsh-button-border-color: var(--wp-color-danger, #c34550);
  --ifabsh-button-color: var(--wp-color-danger-contrast, #fff);
}

.button.-primary, .event-group-footer .button {
  --ifabsh-button-background-color: var(--wp-color-primary, #91825a);
  --ifabsh-button-border-color: var(--wp-color-primary, #91825a);
  --ifabsh-button-color: var(--wp-color-primary-contrast, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-primary-hover, #91825a);
}
.button.-primary:hover, .event-group-footer .button:hover {
  --ifabsh-button-background-color: var(--wp-color-primary-hover, #91825a);
}
.button.-primary.-outline, .event-group-footer .button.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-primary, #91825a);
  --ifabsh-button-border-color-hover: var(--wp-color-primary, #91825a);
}
.button.-primary.-outline:hover, .event-group-footer .button.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-primary, #91825a);
  --ifabsh-button-border-color: var(--wp-color-primary, #91825a);
  --ifabsh-button-color: var(--wp-color-primary-contrast, #fbf9f3);
}

.button.-secondary {
  --ifabsh-button-background-color: var(--wp-color-secondary, #141414);
  --ifabsh-button-border-color: var(--wp-color-secondary, #141414);
  --ifabsh-button-color: var(--wp-color-secondary-contrast, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-secondary-hover, #141414);
}
.button.-secondary:hover {
  --ifabsh-button-background-color: var(--wp-color-secondary-hover, #141414);
}
.button.-secondary.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-secondary, #141414);
  --ifabsh-button-border-color-hover: var(--wp-color-secondary, #141414);
}
.button.-secondary.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-secondary, #141414);
  --ifabsh-button-border-color: var(--wp-color-secondary, #141414);
  --ifabsh-button-color: var(--wp-color-secondary-contrast, #fbf9f3);
}

.button.-ivory, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-footer .button {
  --ifabsh-button-background-color: var(--wp-color-ivory, #fbf9f3);
  --ifabsh-button-border-color: var(--wp-color-ivory, #fbf9f3);
  --ifabsh-button-color: var(--wp-color-ivory-contrast, #91825a);
  --ifabsh-button-border-color-hover: var(--wp-color-ivory-hover, #fbf9f3);
}
.button.-ivory:hover, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-footer .button:hover {
  --ifabsh-button-background-color: var(--wp-color-ivory-hover, #fbf9f3);
}
.button.-ivory.-outline, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-footer .button.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-ivory, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-ivory, #fbf9f3);
}
.button.-ivory.-outline:hover, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-footer .button.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-ivory, #fbf9f3);
  --ifabsh-button-border-color: var(--wp-color-ivory, #fbf9f3);
  --ifabsh-button-color: var(--wp-color-ivory-contrast, #91825a);
}

.button.-coffee {
  --ifabsh-button-background-color: var(--wp-color-coffee, #272013);
  --ifabsh-button-border-color: var(--wp-color-coffee, #272013);
  --ifabsh-button-color: var(--wp-color-coffee-contrast, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-coffee-hover, #272013);
}
.button.-coffee:hover {
  --ifabsh-button-background-color: var(--wp-color-coffee-hover, #272013);
}
.button.-coffee.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-coffee, #272013);
  --ifabsh-button-border-color-hover: var(--wp-color-coffee, #272013);
}
.button.-coffee.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-coffee, #272013);
  --ifabsh-button-border-color: var(--wp-color-coffee, #272013);
  --ifabsh-button-color: var(--wp-color-coffee-contrast, #fbf9f3);
}

.button.-gold-typo {
  --ifabsh-button-background-color: var(--wp-color-gold-typo, #91825a);
  --ifabsh-button-border-color: var(--wp-color-gold-typo, #91825a);
  --ifabsh-button-color: var(--wp-color-gold-typo-contrast, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-gold-typo-hover, #91825a);
}
.button.-gold-typo:hover {
  --ifabsh-button-background-color: var(--wp-color-gold-typo-hover, #91825a);
}
.button.-gold-typo.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-gold-typo, #91825a);
  --ifabsh-button-border-color-hover: var(--wp-color-gold-typo, #91825a);
}
.button.-gold-typo.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-gold-typo, #91825a);
  --ifabsh-button-border-color: var(--wp-color-gold-typo, #91825a);
  --ifabsh-button-color: var(--wp-color-gold-typo-contrast, #fbf9f3);
}

.button.-gold-menu {
  --ifabsh-button-background-color: var(--wp-color-gold-menu, #91825a);
  --ifabsh-button-border-color: var(--wp-color-gold-menu, #91825a);
  --ifabsh-button-color: var(--wp-color-gold-menu-contrast, #fbf9f3);
  --ifabsh-button-border-color-hover: var(--wp-color-gold-menu-hover, #91825a);
}
.button.-gold-menu:hover {
  --ifabsh-button-background-color: var(--wp-color-gold-menu-hover, #91825a);
}
.button.-gold-menu.-outline {
  --ifabsh-button-background-color: transparent;
  --ifabsh-button-color: var(--wp-color-gold-menu, #91825a);
  --ifabsh-button-border-color-hover: var(--wp-color-gold-menu, #91825a);
}
.button.-gold-menu.-outline:hover {
  --ifabsh-button-background-color: var(--wp-color-gold-menu, #91825a);
  --ifabsh-button-border-color: var(--wp-color-gold-menu, #91825a);
  --ifabsh-button-color: var(--wp-color-gold-menu-contrast, #fbf9f3);
}

.button.-s {
  --ifabsh-button-height: 30px;
  --ifabsh-button-font-size: 15px;
}

.button.-l {
  --ifabsh-button-height: 45px;
  --ifabsh-button-font-size: 18px;
}

.button.-circle {
  --ifabsh-button-font-size: 16px;
}
.button.-circle.-l {
  --ifabsh-button-font-size: 20px;
}

.event-group__inner {
  display: grid;
  grid-auto-columns: 1fr 1fr;
  grid-template-areas: "eventheading eventheading" "eventslider eventslider" "eventfooter eventfooter";
}
.event-group-header, .event-group-footer {
  display: flex;
  justify-content: center;
}
.event-group-header > *:first-child, .event-group-footer > *:first-child {
  margin-top: 0;
}
.event-group-header > *:last-child, .event-group-footer > *:last-child {
  margin-bottom: 0;
}
.event-group-header {
  grid-area: eventheading;
  margin-bottom: var(--wp-spacing-l);
  text-align: center;
}
.event-group-slider {
  grid-area: eventslider;
}
.event-group-footer {
  grid-area: eventfooter;
  margin-top: calc(var(--wp-spacing) * 3);
}
.krystallpalastmanagement-slider {
  --wp-event-slider-gap-column: calc(var(--wp-spacing-l) / 2);
}
.krystallpalastmanagement-slider .slider {
  --ifabsh-slider-button-font-size: 3.5rem;
  --wp-swiper-button-background-color: transparent;
  --wp-swiper-scrollbar-margin: var(--wp-spacing-l);
}
@media (min-width: 576px) {
  .krystallpalastmanagement-slider .slider {
    --wp-swiper-scrollbar-margin: calc(var(--wp-spacing-xl) * 1.5);
  }
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .slider {
    --ifabsh-slider-button-font-size: 4rem;
    --wp-swiper-scrollbar-margin: calc(var(--wp-spacing-xl) * 1.5);
  }
}
.krystallpalastmanagement-slider .slider-container {
  margin-left: calc(var(--wp-event-slider-gap-column) * -1);
  margin-right: calc(var(--wp-event-slider-gap-column) * -1);
}
.krystallpalastmanagement-slider .slider-item {
  width: 100%;
}
.krystallpalastmanagement-slider .slider-item__inner {
  padding-left: var(--wp-event-slider-gap-column);
  padding-right: var(--wp-event-slider-gap-column);
}
.krystallpalastmanagement-slider .slider .swiper-button-next, .krystallpalastmanagement-slider .slider .swiper-button-prev {
  background: 0;
  bottom: var(--wp-spacing);
  left: 100%;
  padding: 0;
  right: auto;
  top: auto;
  transform: none;
}
.krystallpalastmanagement-slider .slider .swiper-button-prev {
  transform: translateX(-200%);
}
.krystallpalastmanagement-slider .slider .swiper-button-next {
  transform: translateX(-100%);
}
.krystallpalastmanagement-slider .slider .swiper-scrollbar {
  --swiper-scrollbar-sides-offset: 0;
  max-width: calc(100vw - var(--wp-page-max-width-padding) * 2);
}

.krystallpalastmanagement-slider .event-group[data-view=default] .event-item {
  --wp-event-item-gap-column: var(--wp-spacing);
  --wp-event-item-gap-row: var(--wp-spacing);
  grid-auto-columns: 1fr 1fr;
  grid-template-areas: "media media" "heading heading" "body body";
}
@media (min-width: 576px) {
  .krystallpalastmanagement-slider .event-group[data-view=default] .event-item {
    grid-template-areas: "media body" "heading heading";
  }
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=default] .event-item {
    --wp-event-item-gap-column: var(--wp-spacing-xl);
    --wp-event-item-gap-row: var(--wp-spacing-l);
    grid-auto-columns: 1.1fr 0.9fr;
    grid-template-areas: "media heading" "media body";
  }
}
.krystallpalastmanagement-slider .event-group[data-view=default] .event-item__heading .teaser {
  font-size: var(--wp-font-size-l);
}
.krystallpalastmanagement-slider .event-group[data-view=default] .event-item__body .heading {
  --wp-heading-margin: var(--wp-spacing-xs);
}
.krystallpalastmanagement-slider .event-group[data-view=default] .event-item__body .subheading {
  --wp-heading-margin: var(--wp-spacing-s) !important;
}
.krystallpalastmanagement-slider .event-group[data-view=default] .swiper-scrollbar {
  margin-top: var(--wp-swiper-scrollbar-margin);
  position: relative;
}

.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-slider {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp-spacing-l);
  justify-content: space-between;
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-group-slider > .swiper {
  width: 100%;
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item {
  grid-auto-columns: max-content 1fr;
  grid-template-areas: "date heading" "date body";
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item__date .h3 {
  --wp-heading-margin: var(--wp-spacing-xs);
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item__date > .from {
  border-top: 1px solid currentColor;
  padding-top: var(--wp-spacing-xs);
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item__date > .till {
  border-bottom: 1px solid currentColor;
  padding-bottom: var(--wp-spacing-s);
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item__heading .heading {
  --wp-heading-margin: var(--wp-spacing-xs);
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .event-item__heading .subheading {
  --wp-heading-margin: var(--wp-spacing-s) !important;
}
@media (min-width: 768px) {
  .krystallpalastmanagement-slider .event-group[data-view=timeonly] .slider-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=timeonly] .slider-item {
    width: 33.3333333333%;
  }
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly] .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .swiper-button-next {
  --ifabsh-icon-button-color: var(--wp-color-ivory);
  margin-bottom: calc(var(--wp-spacing-l) * -1);
  margin-top: var(--wp-spacing-l);
  position: relative;
  transform: none;
}
@media (min-width: 576px) {
  .krystallpalastmanagement-slider .event-group[data-view=timeonly] .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=timeonly] .swiper-button-next {
    margin-bottom: 0;
  }
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-next {
  bottom: 0;
  margin-top: 0;
  position: absolute;
  top: auto;
  transform: translateY(114%);
}
@media (min-width: 576px) {
  .krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-next {
    transform: translateY(170%);
  }
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-next {
    transform: translateY(155%);
  }
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-prev {
  left: 0;
  right: auto;
}
.krystallpalastmanagement-slider .event-group[data-view=timeonly].-with-offset .swiper-button-next {
  left: auto;
  right: 0;
}

.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group__inner {
  -moz-column-gap: var(--wp-spacing-l);
       column-gap: var(--wp-spacing-l);
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  row-gap: var(--wp-spacing-l);
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group__inner {
    grid-auto-columns: 20% 1fr;
    grid-auto-rows: max-content 1fr;
    grid-template-areas: "eventheading eventheading" "eventslider eventslider" "eventfooter eventfooter";
    row-gap: calc(var(--wp-spacing) * 3);
  }
}
@media (min-width: 1200px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group__inner {
    -moz-column-gap: calc(var(--wp-spacing-xl) * 2);
         column-gap: calc(var(--wp-spacing-xl) * 2);
    grid-auto-columns: 20% 76%;
  }
}
@media (min-width: 1400px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group__inner {
    -moz-column-gap: var(--wp-spacing-xl);
         column-gap: var(--wp-spacing-xl);
    grid-template-areas: "eventheading eventslider" "eventfooter eventslider";
  }
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-header,
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-footer {
  justify-content: center;
  text-align: center;
}
@media (min-width: 1400px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-header,
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-footer {
    justify-content: start;
    text-align: left;
  }
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-header {
  margin-bottom: 0;
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-group-footer {
  margin-top: 0;
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item {
  --wp-event-item-gap-column: var(--wp-spacing);
  --wp-event-item-gap-row: var(--wp-spacing);
  grid-auto-columns: auto 1fr;
  grid-template-areas: "media media" "date body";
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item {
    --wp-event-item-gap-column: var(--wp-spacing-l);
    --wp-event-item-gap-row: var(--wp-spacing-l);
    grid-template-areas: "media media" "media body";
  }
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item__date .day {
  --wp-heading-margin: var(--wp-spacing-xs) !important;
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item__date .date {
  --wp-heading-margin: var(--wp-spacing-s) !important;
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item__date + .event-item__body {
  border-left: 1px solid var(--wp-color-gold-typo);
  padding-left: var(--wp-event-item-gap-column);
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item__body .heading {
  --wp-heading-margin: var(--wp-spacing-xs);
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .event-item__body .subheading {
  --wp-heading-margin: var(--wp-spacing-s) !important;
}
@media (min-width: 768px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .slider-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .slider-item {
    width: 40%;
  }
}
@media (min-width: 1400px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .slider-item {
    width: 40%;
  }
}
@media (min-width: 1600px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .slider-item {
    width: 42%;
  }
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .swiper-button-next {
  left: calc(100vw - var(--wp-page-max-width-padding) * 1.5);
}
@media (min-width: 1400px) {
  .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .swiper-button-prev, .krystallpalastmanagement-slider .event-group[data-view=guestperformances] .swiper-button-next {
    bottom: 0;
    left: -128px;
    right: auto;
  }
}
.krystallpalastmanagement-slider .event-group[data-view=guestperformances] .swiper-scrollbar {
  margin-top: var(--wp-swiper-scrollbar-margin);
  position: relative;
}

@media (min-width: 1400px) {
  .section.section-events > .section-body {
    margin-right: 0;
    padding-right: 0;
    max-width: none;
    width: calc(var(--wp-page-max-width-absolute) + (100% - var(--wp-page-max-width-absolute)) / 2);
  }
}

.krystallpalastmanagement .event-item {
  -moz-column-gap: var(--wp-event-item-gap-column, var(--wp-spacing));
       column-gap: var(--wp-event-item-gap-column, var(--wp-spacing));
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "media" "date" "heading" "body";
  row-gap: var(--wp-event-item-gap-row, var(--wp-spacing));
}
.krystallpalastmanagement .event-item > * > *:first-child {
  margin-top: 0;
}
.krystallpalastmanagement .event-item > * > *:last-child {
  margin-bottom: 0;
}
.krystallpalastmanagement .event-item__date {
  grid-area: date;
}
.krystallpalastmanagement .event-item__heading {
  grid-area: heading;
}
.krystallpalastmanagement .event-item__body {
  grid-area: body;
}
.krystallpalastmanagement .event-item__media {
  grid-area: media;
}
.krystallpalastmanagement .event-item .controls {
  display: flex;
  gap: var(--wp-spacing);
}
.krystallpalastmanagement .badge-group {
  margin-bottom: var(--wp-spacing);
}
.krystallpalastmanagement .headline + .teaser {
  margin-top: var(--wp-spacing);
}
/*# sourceMappingURL=krystallpalastmanagement.css.map */