.elementor-769 .elementor-element.elementor-element-5dc1dae0{--display:flex;}#elementor-popup-modal-769{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-769 .dialog-message{width:800px;height:auto;}#elementor-popup-modal-769 .dialog-close-button{display:flex;}#elementor-popup-modal-769 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-5dc1dae0 *//* ================================================
   B-TRONIC Event Form Custom CSS
   WPForms ID: 783
   Theme: V3-Theme (integriert)
   Version: 1.0 - Identisch mit Wedding/Birthday Form
   Hinweis: Eine Seite weniger - Paketauswahl ist Schritt 2
   ================================================ */

/* ==========================================
   WPFORMS THEME SETTINGS (V3-Theme)
   Ersetzt die JSON-Theme-Konfiguration
   ========================================== */

/* === FORM CONTAINER === */
#wpforms-form-783,
#wpforms-783 {
    background-color: #050505 !important;
    padding: 16px !important;
    border-style: solid !important;
    border-width: 0 !important;
    border-radius: 12px !important;
    border-color: #050505 !important;
    box-shadow: none !important;
}

/* Container Background */
#wpforms-783 .wpforms-container,
#wpforms-form-783 .wpforms-field-container {
    background-color: #050505 !important;
}

/* === PAGE/SECTION TITLES - EINZEILIG, KEIN FLEX-WRAP === */
#wpforms-form-783 .wpforms-title,
#wpforms-form-783 .wpforms-page-title,
#wpforms-form-783 .wpforms-field-pagebreak h3,
#wpforms-form-783 h2,
#wpforms-form-783 h3,
#wpforms-form-783 h4,
#wpforms-form-783 .wpforms-head-container .wpforms-title,
#wpforms-form-783 .wpforms-field-divider h3,
#wpforms-form-783 .wpforms-field-html h1,
#wpforms-form-783 .wpforms-field-html h2,
#wpforms-form-783 .wpforms-field-html h3,
#wpforms-form-783 .wpforms-field-html h4,
.wpforms-container #wpforms-form-783 .wpforms-title {
    color: #f3f3f3 !important;
    background-color: transparent !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    text-align: left !important;
}

/* === FIELD STYLING (from theme) === */
#wpforms-form-783 .wpforms-field input[type="text"],
#wpforms-form-783 .wpforms-field input[type="email"],
#wpforms-form-783 .wpforms-field input[type="tel"],
#wpforms-form-783 .wpforms-field input[type="url"],
#wpforms-form-783 .wpforms-field input[type="number"],
#wpforms-form-783 .wpforms-field input[type="date"],
#wpforms-form-783 .wpforms-field input[type="password"],
#wpforms-form-783 .wpforms-field textarea,
#wpforms-form-783 .wpforms-field select {
    background-color: #1a1a1a !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 3px !important;
    border-color: #333333 !important;
    color: #f3f3f3 !important;
    font-size: 16px !important;
}

/* Field Menu/Dropdown Color */
#wpforms-form-783 .wpforms-field select option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* === LABELS (from theme) === */
#wpforms-form-783 .wpforms-field-label,
#wpforms-form-783 legend.wpforms-field-label {
    color: #f3f3f3 !important;
    font-size: 16px !important;
    display: block !important;
    white-space: nowrap !important;
}

#wpforms-form-783 .wpforms-field-sublabel {
    color: #f3f3f3 !important;
}

/* Error Color */
#wpforms-form-783 .wpforms-error,
#wpforms-form-783 label.wpforms-error {
    color: #d63637 !important;
}

/* === PAGE BREAK / PROGRESS BAR (from theme) === */
#wpforms-form-783 .wpforms-page-indicator-page-progress-wrap .wpforms-page-indicator-page-progress,
.wpforms-page-indicator-page-progress-wrap .wpforms-page-indicator-page-progress {
    background-color: #ff4006 !important;
}

/* ==========================================
   BUTTON STYLING - CLEANER MIT BESSERER VERTIKALER ZENTRIERUNG
   ========================================== */

#wpforms-form-783 button[type="submit"],
#wpforms-form-783 .wpforms-submit,
#wpforms-form-783 .wpforms-page-button.wpforms-page-next {
    background-color: #ff4006 !important;
    border: none !important;
    border-radius: 12px !important;
    color: #0a0000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 14px 32px !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    vertical-align: middle !important;
}

#wpforms-form-783 button[type="submit"]:hover,
#wpforms-form-783 .wpforms-submit:hover,
#wpforms-form-783 .wpforms-page-button.wpforms-page-next:hover {
    background-color: #ff6a2b !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ==========================================
   EXTENDED CUSTOM STYLING
   ========================================== */

/* === INPUT FOCUS STATE === */
#wpforms-form-783 .wpforms-field input:focus,
#wpforms-form-783 .wpforms-field textarea:focus,
#wpforms-form-783 .wpforms-field select:focus {
    border-color: #ff4006 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 64, 6, 0.2) !important;
}

/* Placeholder */
#wpforms-form-783 .wpforms-field input::placeholder,
#wpforms-form-783 .wpforms-field textarea::placeholder {
    color: #888888 !important;
    opacity: 1;
}

/* Textarea specific */
#wpforms-form-783 .wpforms-field textarea {
    min-height: 100px;
    resize: vertical;
}


/* === CHECKBOX CHIPS STYLING (Musikgenres) === */
#wpforms-form-783 .wpforms-field-checkbox ul.wpforms-field-required,
#wpforms-form-783 .wpforms-field-checkbox ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#wpforms-form-783 .wpforms-field-checkbox ul li[class*="choice-"] {
    margin: 0 !important;
    padding: 0 !important;
}

#wpforms-form-783 .wpforms-field-checkbox ul li[class*="choice-"] input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

#wpforms-form-783 .wpforms-field-checkbox ul li[class*="choice-"] label {
    display: inline-block !important;
    padding: 10px 20px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 50px !important;
    color: #f3f3f3 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#wpforms-form-783 .wpforms-field-checkbox ul li[class*="choice-"] label:hover {
    border-color: #ff4006 !important;
    background-color: #2a2a2a !important;
}

/* Selected State */
#wpforms-form-783 .wpforms-field-checkbox ul li.wpforms-selected label {
    background-color: #ff4006 !important;
    border-color: #ff4006 !important;
    color: #0a0000 !important;
}

/* === SUBMIT CONTAINER === */
#wpforms-form-783 .wpforms-submit-container {
    margin-top: 30px !important;
}

/* === PAGE NAVIGATION BUTTONS === */
#wpforms-form-783 .wpforms-page-button {
    background-color: #ff4006 !important;
    border: none !important;
    border-radius: 12px !important;
    color: #0a0000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 14px 32px !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
}

#wpforms-form-783 .wpforms-page-button:hover {
    background-color: #ff6a2b !important;
    transform: none !important;
    box-shadow: none !important;
}

/* === Previous/Zurück Button === */
#wpforms-form-783 .wpforms-page-button.wpforms-page-prev {
    background-color: transparent !important;
    color: #888888 !important;
    padding: 14px 20px !important;
    font-weight: 400 !important;
    min-height: 48px !important;
}

#wpforms-form-783 .wpforms-page-button.wpforms-page-prev:hover {
    color: #f3f3f3 !important;
    background-color: transparent !important;
    transform: none;
    box-shadow: none;
}

/* Kein doppelter Pfeil */
#wpforms-form-783 .wpforms-page-button.wpforms-page-prev::before {
    content: none !important;
    display: none !important;
}

/* === PROGRESS BAR === */
#wpforms-form-783 .wpforms-page-indicator {
    margin-bottom: 30px;
}

#wpforms-form-783 .wpforms-page-indicator-page-progress-wrap {
    background-color: #333333 !important;
    height: 4px !important;
    border-radius: 2px !important;
    overflow: hidden;
}

#wpforms-form-783 .wpforms-page-indicator-page-progress {
    background: linear-gradient(90deg, #ff4006 0%, #ff6a2b 100%) !important;
    height: 4px !important;
    border-radius: 2px !important;
    transition: width 0.4s ease;
}

#wpforms-form-783 .wpforms-page-indicator-steps {
    display: none;
}


/* ==========================================
   PAKET-KARTEN STYLING (Field ID: 22)
   Event: Paketauswahl ist Schritt 2 (eine Seite weniger)
   ========================================== */

/* Container: LINKS AUSGERICHTET */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul.wpforms-field-required,
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
}

/* Einzelne Karte */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li[class*="choice-"] {
    flex: 0 0 auto !important;
    width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Radio Input verstecken */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Label als Karte */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 16px 12px 40px !important;
    min-height: 200px !important;
    max-height: 220px !important;
    background-color: #0a0a0a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    color: #f3f3f3 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li label:hover {
    border-color: #ff4006 !important;
    background-color: #111111 !important;
}

/* Selected State */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li.wpforms-selected label {
    border: 2px solid #ff4006 !important;
    background-color: #1a1a1a !important;
}

/* Hide default radio styling */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li label::before,
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li label::after {
    display: none !important;
}

/* Paket-Titel */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] .package-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

/* Selected: Titel orange */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] li.wpforms-selected .package-title {
    color: #ff4006 !important;
}

/* Preis */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] .package-price {
    font-size: 32px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    color: #ff4006 !important;
    margin-bottom: 12px !important;
    line-height: 1 !important;
}

/* Details Liste */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] .package-details {
    list-style: disc !important;
    padding-left: 16px !important;
    margin: 0 !important;
    text-align: left !important;
    color: #cccccc !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

/* Info Icon */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] .package-info {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #555 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background-color: #0a0a0a !important;
}

#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] .package-info:hover {
    border-color: #ff4006 !important;
    color: #ff4006 !important;
}


/* ==========================================
   UPGRADES & EXTRAS - CHECKBOX KARTEN (Field ID: 23)
   ========================================== */

/* Container: Grid Layout - LINKS BÜNDIG */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul {
    display: grid !important;
    grid-template-columns: repeat(3, 0fr) !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
}

/* Einzelne Karte */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li[class*="choice-"] {
    margin: 0 !important;
    padding: 0 !important;
}

/* Checkbox Input verstecken */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Label als Karte */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 40px 16px 16px !important;
    min-height: 60px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    color: #f3f3f3 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    position: relative !important;
}

/* Hover */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li label:hover {
    border-color: #ff4006 !important;
    background-color: #222222 !important;
}

/* Selected State */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li.wpforms-selected label {
    border: 2px solid #ff4006 !important;
    background-color: #1a1a1a !important;
}

/* Hide default checkbox styling */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li label::before,
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul li label::after {
    display: none !important;
}

/* Upgrade Content Wrapper */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] .upgrade-content {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* Upgrade Name */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] .upgrade-name {
    color: #ffffff !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* Upgrade Preis */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] .upgrade-price {
    color: #888888 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

/* Selected: Preis auch heller */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] li.wpforms-selected .upgrade-price {
    color: #bbbbbb !important;
}

/* Info Icon - ABSOLUT POSITIONIERT RECHTS */
#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] .upgrade-info {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 1px solid #555 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: #888 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background-color: #1a1a1a !important;
    z-index: 2 !important;
}

#wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] .upgrade-info:hover {
    border-color: #ff4006 !important;
    color: #ff4006 !important;
}


/* ==========================================
   TIMEPICKER DROPDOWN STYLING
   ========================================== */

.ui-timepicker-wrapper {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
    z-index: 99999 !important;
}

.ui-timepicker-list {
    background-color: #1a1a1a !important;
    padding: 8px 0 !important;
    margin: 0 !important;
}

.ui-timepicker-list li {
    padding: 10px 16px !important;
    color: #f3f3f3 !important;
    background-color: transparent !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.ui-timepicker-list li:hover {
    background-color: #2a2a2a !important;
    color: #ff4006 !important;
}

.ui-timepicker-list li.ui-timepicker-selected {
    background-color: #ff4006 !important;
    color: #0a0000 !important;
    font-weight: 600 !important;
}

/* Scrollbar Styling */
.ui-timepicker-wrapper::-webkit-scrollbar,
.ui-timepicker-list::-webkit-scrollbar {
    width: 8px !important;
}

.ui-timepicker-wrapper::-webkit-scrollbar-track,
.ui-timepicker-list::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

.ui-timepicker-wrapper::-webkit-scrollbar-thumb,
.ui-timepicker-list::-webkit-scrollbar-thumb {
    background-color: #444444 !important;
    border-radius: 4px !important;
}

.ui-timepicker-wrapper::-webkit-scrollbar-thumb:hover,
.ui-timepicker-list::-webkit-scrollbar-thumb:hover {
    background-color: #ff4006 !important;
}

/* ==========================================
   FLATPICKR KALENDER STYLING
   ========================================== */

.flatpickr-calendar {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
    padding: 16px !important;
    width: 320px !important;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    display: none !important;
}

/* Header */
.flatpickr-months {
    padding-bottom: 12px !important;
    border-bottom: 1px solid #333333 !important;
    margin-bottom: 12px !important;
}

.flatpickr-months .flatpickr-month {
    background: transparent !important;
    color: #f3f3f3 !important;
    height: 40px !important;
}

.flatpickr-current-month {
    color: #f3f3f3 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.flatpickr-current-month .cur-month {
    color: #f3f3f3 !important;
    font-weight: 600 !important;
}

.flatpickr-current-month input.cur-year {
    color: #f3f3f3 !important;
    background: transparent !important;
    font-weight: 600 !important;
}

/* Navigation Pfeile */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #f3f3f3 !important;
    fill: #f3f3f3 !important;
    padding: 8px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    background-color: #2a2a2a !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: #f3f3f3 !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #ff4006 !important;
}

/* Wochentage */
.flatpickr-weekdays {
    background: transparent !important;
    margin-bottom: 8px !important;
}

.flatpickr-weekday {
    color: #888888 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background: transparent !important;
}

/* Tage */
.flatpickr-days {
    border: none !important;
}

.dayContainer {
    padding: 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.flatpickr-day {
    color: #f3f3f3 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 2px !important;
    transition: all 0.15s ease !important;
}

.flatpickr-day:hover {
    background-color: #2a2a2a !important;
    border: none !important;
    color: #ff4006 !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #555555 !important;
}

.flatpickr-day.today {
    border: 1px solid #ff4006 !important;
    color: #ff4006 !important;
    background: transparent !important;
}

.flatpickr-day.today:hover {
    background-color: #ff4006 !important;
    color: #0a0000 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
    background-color: #ff4006 !important;
    border: none !important;
    color: #0a0000 !important;
    font-weight: 600 !important;
}

.flatpickr-day.flatpickr-disabled {
    color: #333333 !important;
    cursor: not-allowed !important;
}

/* Jahr Input */
.numInputWrapper:hover {
    background: transparent !important;
}

.numInputWrapper span {
    border: none !important;
}

.numInputWrapper span:hover {
    background: #2a2a2a !important;
}

.numInputWrapper span svg path {
    fill: #f3f3f3 !important;
}

.numInputWrapper span:hover svg path {
    fill: #ff4006 !important;
}


/* === SPOTIFY FIELD STYLING === */
#wpforms-form-783 .wpforms-field input[type="url"][placeholder*="Spotify"],
#wpforms-form-783 .wpforms-field input[name*="spotify"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231DB954"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px;
    padding-right: 50px !important;
}

/* === FIELD SPACING === */
#wpforms-form-783 .wpforms-field {
    margin-bottom: 24px !important;
}

/* === TWO COLUMN LAYOUT === */
#wpforms-form-783 .wpforms-field-row {
    display: flex;
    max-width: 75%;
}

#wpforms-form-783 .wpforms-field-row .wpforms-field {
    flex: 1;
}

/* === REQUIRED ASTERISK === */
#wpforms-form-783 .wpforms-required-label {
    color: #ff4006 !important;
}

/* === ERROR STYLING === */
#wpforms-form-783 .wpforms-error {
    color: #d63637 !important;
    font-size: 13px;
    margin-top: 6px;
}

#wpforms-form-783 .wpforms-field.wpforms-has-error input,
#wpforms-form-783 .wpforms-field.wpforms-has-error textarea {
    border-color: #d63637 !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    #wpforms-form-783 {
        padding: 16px 12px !important;
    }
    
    #wpforms-form-783 .wpforms-field-row {
        flex-direction: column;
        gap: 0;
    }
    
    /* Pakete: 2 Spalten auf Tablet, links bündig */
    #wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul {
        justify-content: flex-start !important;
    }
    
    #wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li[class*="choice-"] {
        width: 140px !important;
        max-width: 140px !important;
    }
    
    /* Upgrades: 2 Spalten auf Tablet */
    #wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    #wpforms-form-783 .wpforms-field-checkbox ul,
    #wpforms-form-783 .wpforms-field-radio ul {
        gap: 8px !important;
    }
    
    #wpforms-form-783 .wpforms-field-checkbox .wpforms-field-label-inline,
    #wpforms-form-783 .wpforms-field-radio .wpforms-field-label-inline {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
    
    #wpforms-form-783 button[type="submit"],
    #wpforms-form-783 .wpforms-page-button {
        width: 100% !important;
        max-width: none !important;
    }
    
    /* Überschriften auch auf Mobile einzeilig */
    #wpforms-form-783 .wpforms-title,
    #wpforms-form-783 .wpforms-page-title,
    #wpforms-form-783 h2, #wpforms-form-783 h3 {
        font-size: 18px !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 480px) {
    /* Pakete: 1 Spalte auf Mobile, links bündig */
    #wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    #wpforms-form-783 .wpforms-field-radio[data-field-id="22"] ul li[class*="choice-"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Upgrades: 1 Spalte auf kleinen Screens */
    #wpforms-form-783 .wpforms-field-checkbox[data-field-id="23"] ul {
        grid-template-columns: 1fr !important;
    }
    
    /* Überschriften kleiner aber einzeilig */
    #wpforms-form-783 .wpforms-title,
    #wpforms-form-783 .wpforms-page-title,
    #wpforms-form-783 h2, #wpforms-form-783 h3 {
        font-size: 16px !important;
        white-space: nowrap !important;
    }
}

/* === POPUP/MODAL SPECIFIC (Elementor Popup) === */
.elementor-popup-modal #wpforms-form-783 {
    background-color: transparent;
    padding: 0;
}

/* === ANIMATION === */
#wpforms-form-783 .wpforms-field {
    animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ==========================================
   FIX: Riesiger Abstand zwischen Überschrift und Paketen
   ========================================== */

/* Alle versteckten/leeren Felder minimieren */
#wpforms-form-783 .wpforms-field[style*="display: none"],
#wpforms-form-783 .wpforms-field[style*="display:none"],
#wpforms-form-783 .wpforms-field:empty,
#wpforms-form-783 .wpforms-field-hidden {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Page Break Felder - kein extra Abstand */
#wpforms-form-783 .wpforms-field-pagebreak {
    margin-bottom: 16px !important;
    padding: 0 !important;
}

/* Überschrift (Page Title) - minimaler Abstand nach unten */
#wpforms-form-783 .wpforms-page-title,
#wpforms-form-783 .wpforms-title,
#wpforms-form-783 .wpforms-field-pagebreak h3 {
    margin-bottom: 24px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Fieldset/Legend Abstände reduzieren */
#wpforms-form-783 fieldset {
    margin: 0 !important;
    padding: 0 !important;
}

#wpforms-form-783 legend.wpforms-field-label {
    margin-bottom: 12px !important;
}

/* Paket-Feld (Field ID 22) - Abstand oben reduzieren */
#wpforms-form-783 .wpforms-field-radio[data-field-id="22"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* HTML-Felder die eventuell dazwischen sind */
#wpforms-form-783 .wpforms-field-html {
    margin-bottom: 16px !important;
}

#wpforms-form-783 .wpforms-field-html:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Divider Felder */
#wpforms-form-783 .wpforms-field-divider {
    margin-bottom: 16px !important;
    margin-top: 8px !important;
}

/* Genereller Field Spacing - kompakter */
#wpforms-form-783 .wpforms-field {
    margin-bottom: 20px !important;
}

/* Alle Wpforms Pages - keine extra Margins */
#wpforms-form-783 .wpforms-page {
    padding: 0 !important;
}

#wpforms-form-783 .wpforms-page > .wpforms-field:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================
   FIX: Max-Width für Seiten
   ========================================== */

/* Formular Container - breitere max-width */
#wpforms-form-783 {
    max-width: 100% !important;
    width: 100% !important;
}

/* WPForms Page Container - Event hat eine Seite weniger (3 statt 4) */
#wpforms-form-783 .wpforms-page,
#wpforms-form-783 .wpforms-page-1,
#wpforms-form-783 .wpforms-page-2,
#wpforms-form-783 .wpforms-page-3 {
    max-width: 100% !important;
    width: 100% !important;
}

/* Field Container */
#wpforms-form-783 .wpforms-field-container {
    max-width: 100% !important;
}

/* ==========================================
   Event-spezifische Field IDs (falls vorhanden)
   ========================================== */

/* Field 32 (falls vorhanden) */
#wpforms-783-field_32-container,
#wpforms-783-field_32,
#wpforms-form-783 .wpforms-field[data-field-id="32"] {
    max-width: 90% !important;
}


/* ==========================================
   FIX: Weißer Rand um Popup entfernen
   ========================================== */

/* Elementor Popup Container - weißen Rand entfernen */
.elementor-popup-modal .dialog-widget-content {
    background-color: #050505 !important;
    border: none !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
}

.elementor-popup-modal .dialog-message {
    background-color: #050505 !important;
    padding: 20px !important;
}

.elementor-popup-modal .dialog-lightbox-widget-content {
    background-color: #050505 !important;
    border: none !important;
}

/* Close Button styling */
.elementor-popup-modal .dialog-close-button {
    color: #888888 !important;
    background-color: transparent !important;
}

.elementor-popup-modal .dialog-close-button:hover {
    color: #ff4006 !important;
}

/* Elementor Section/Container innerhalb des Popups */
.elementor-popup-modal .elementor-section,
.elementor-popup-modal .elementor-container,
.elementor-popup-modal .elementor-widget-wrap,
.elementor-popup-modal .elementor-element {
    background-color: transparent !important;
}

/* Falls es ein innerer Container mit weißem Hintergrund ist */
.elementor-popup-modal .elementor-widget-container {
    background-color: transparent !important;
}/* End custom CSS */