/* ==========================================================================
   ONLINE-ANFRAGE.CSS - VOLLSTÄNDIGES ORIGINAL-DESIGN
   ========================================================================== */

/* Basis-Setup */
body { 
    margin: 0; padding: 40px 0; font-family: 'Montserrat', sans-serif; 
    background: url('graphics/meinmaturaball-ballprojekte-showcase-hintergrund.webp') no-repeat center center fixed; 
    background-size: cover; color: #fff; display: flex; justify-content: center; 
}

.backend-wrapper { width: 70%; background: rgba(26, 10, 42, 0.95); padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); box-sizing: border-box; }

.backend-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; }
.backend-header h1 { font-weight: 700; font-size: 28px; text-transform: uppercase; margin: 0; letter-spacing: 1px; color: #7f3c8d; }

.workspace { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 5px; }
.left-panel { flex: 0 0 45%; }
.right-panel { flex: 0 0 50%; }

/* Formular Basics */
.form-section-title { font-weight: 700; font-size: 20px; text-transform: uppercase; letter-spacing: 1.5px; color: #7f3c8d; margin: 30px 0 20px 0; padding-bottom: 5px; border-bottom: 2px solid #7f3c8d; }
label { display: block; font-weight: 600; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; color: rgba(255, 255, 255, 0.7); letter-spacing: 1px; }

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], textarea { 
    width: 100%; padding: 12px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 0px !important; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 15px; margin-bottom: 20px; box-sizing: border-box; 
}
textarea { height: 120px; resize: vertical; }

.form-row-2col { display: flex; gap: 20px; }
.form-row-2col .form-group { flex: 1; }

/* Leistungen & Checkboxen */
.leistungen-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 25px; }
.leistungs-item { display: flex; align-items: center; background: rgba(255, 255, 255, 0.05); padding: 12px; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; }
.leistungs-item input { margin-right: 12px; width: 16px; height: 16px; accent-color: #7f3c8d; }

/* Balldruck Master Box & Produkte */
.balldruck-master-box { background: rgba(57, 64, 70, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; margin: 20px 0; width: 100%; box-sizing: border-box; }
.product-calc-row { display: flex; flex-direction: column; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); padding: 10px 15px; margin-bottom: 10px; box-sizing: border-box; }
.product-check { display: flex; align-items: center; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.product-check input { margin-right: 10px; width: 16px; height: 16px; accent-color: #7f3c8d; }
.product-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

/* Buttons & Toggles */
.submit-btn { width: 100%; padding: 18px; background: #7f3c8d; border: none; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; cursor: pointer; letter-spacing: 1px; transition: background 0.3s, color 0.3s; margin-top: 10px; }
.submit-btn:hover { background: #fff; color: #1a0a2a; }

/* RESPONSIVE LAYOUT */
@media (max-width: 1448px) {
    .backend-wrapper { width: 90%; }
    .workspace { flex-direction: column; gap: 20px; }
    .left-panel, .right-panel { flex: 0 0 100%; }
}