/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.sdc-dialog {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(700px, 100vw);
  max-width: min(700px, 100vw);
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  border: 0;
  background: #111;
  color: #f2f2f2;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.18);
  transform: translateX(100%);
  overflow: hidden;
  display: none;
}
.sdc-dialog[open] {
  display: flex;
  flex-direction: column;
  transform: translateX(0);
}

.sdc-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}

.sdc-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: #ed1c24;
  color: #fff;
}

.sdc-dialog__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}

.sdc-dialog__close {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.75rem;
  line-height: 1;
  padding: 0 4px;
  cursor: pointer;
}

.sdc-dialog__body {
  flex: 1;
  overflow: auto;
  padding: 16px 20px 24px;
}

.sdc-dialog__frame {
  display: block;
  width: 100%;
  min-height: 320px;
  border: 0;
}

.sdc-dialog__credit {
  margin: 12px 0 0;
  text-align: right;
  font-size: 0.75rem;
}
.sdc-dialog__credit a {
  color: #c8c8c8;
  text-decoration: none;
}

html:has(.sdc-dialog[open]) {
  overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .sdc-dialog {
    transition: transform 0.35s ease, display 0.35s allow-discrete, overlay 0.35s allow-discrete;
  }
}
@starting-style {
  .sdc-dialog[open] {
    transform: translateX(100%);
  }
}
/* #region Bloom */
.et_bloom_form_container_wrapper.clearfix {
  height: auto !important;
}

.et_bloom_form_header.et_bloom_header_text_light {
  height: auto !important;
}

.et_bloom_optin_1 .et_bloom_header_outer {
  background: #000;
}

/* #endregion Bloom */
.et_pb_scroll_top:before {
  color: red !important;
  background: white !important;
}

.et_pb_contact p input[type=checkbox]:checked + label i:before {
  color: black !important;
}

/* ====================================================
   AMELIA EVENTS: VOLLE BREITE & 3-SPALTIGES GRID
==================================================== */
/* 1. Amelia-Container-Begrenzungen aufheben (Volle Breite) */
.amelia-v2-booking,
#amelia-container,
.am-els {
  width: 100% !important;
  max-width: 100% !important;
  --am-mw-main: 100% !important; /* Überschreibt Amelias interne CSS-Variablen */
}

/* 2. Dreispaltiges Grid für den Hauptcontainer */
.am-els__wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 30px !important;
}

/* 3. Inneres Layout der Karten auf vertikal umstellen */
.am-ec {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 20px !important;
  height: auto !important;
}

/* 4. Datum & Uhrzeit volle Breite geben */
.am-ec__period {
  width: 100% !important;
  margin-bottom: 15px !important;
}

/* 5. Bild anpassen (volle Breite der Karte) */
.am-ec__image {
  width: 100% !important;
  min-width: 100% !important;
  height: 220px !important; /* Höhe je nach Bedarf anpassen */
  background-size: cover !important;
  background-position: center !important;
  margin: 0 0 15px 0 !important;
}

/* 6. Text-Bereich entzerren */
.am-ec__info {
  width: 100% !important;
  margin: 0 0 20px 0 !important;
}

/* 7. Button unten rechts ausrichten */
.am-ec__actions {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: auto !important; /* Drückt den Button nach ganz unten */
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#page-container {
  overflow: hidden;
}
#page-container #et-main-area .et_builder_inner_content > .et_pb_section:first-child {
  padding-top: 170px !important;
}

header.et-l--header > .et_builder_inner_content > .et_pb_section {
  top: var(--wp-admin--admin-bar--height, 0px);
}

.jet-form-builder__action-button.et_pb_button {
  background-color: #000000 !important;
  font-weight: 600;
  color: #ffffff !important;
  font-size: 100% !important;
  letter-spacing: 1px !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-width: 0;
  border-color: #ffffff;
  border-style: solid;
  transition-property: background-color, color;
  transition-duration: 300ms;
  transition-timing-function: ease;
  transition-delay: 0ms;
  box-shadow: 0px 2px 18px 0px #ffffff;
  margin-top: 16px;
}
.jet-form-builder__action-button.et_pb_button:hover {
  border: 0 solid transparent;
  padding: 0.3em 2em 0.3em 0.7em !important;
}
.jet-form-builder__action-button.et_pb_button::after {
  content: "9" !important;
  right: 8px;
  font-size: inherit;
}

/*# sourceMappingURL=style-index.css.map*/