.wecker-wrapper { 
    max-width: 750px; 
    margin: auto; 
    font-family: 'League Spartan', sans-serif; 
    color: #333; 
    padding: 15px; 
}

.section-title { 
    color: #1800ad; 
    border-bottom: 3px solid #f0f2ff; 
    padding-bottom: 10px; 
    margin: 30px 0 20px 0; 
    font-size: 1.5em; 
    text-transform: uppercase;
}

.input-grid, .input-grid-calc { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; }
.field { flex: 1 1 calc(50% - 15px); display: flex; flex-direction: column; }

@media (min-width: 600px) {
    .input-grid .field { flex: 1 1 calc(25% - 15px); }
    .input-grid-calc .field { flex: 1 1 calc(33% - 15px); }
}

.field label { 
    font-size: 12px; font-weight: 700; margin-bottom: 6px; 
    color: #1800ad; text-transform: uppercase; 
}

/* FIX FÜR VERDECKTE FELDER */
.field input, .field select { 
    padding: 12px !important; 
    border: 2px solid #e1e1e1 !important; 
    border-radius: 8px !important; 
    font-size: 15px !important; 
    font-family: 'League Spartan', sans-serif !important;
    background-color: #fff !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important; /* Feste Höhe für Stabilität */
    line-height: 1.2 !important;
}

.field select {
    appearance: auto !important; /* Zeigt den Standard-Pfeil korrekt an */
    cursor: pointer;
}

.tariff-card { 
    background: #fff; border: 2px solid #f0f2ff; padding: 25px; border-radius: 15px; 
    margin-bottom: 30px; box-shadow: 0 4px 15px rgba(24, 0, 173, 0.08); border-left: 8px solid #1800ad; 
}

.tariff-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.tariff-label { font-weight: 700; color: #1800ad; }
.remove-btn { color: #ff4444; font-size: 28px; cursor: pointer; font-weight: bold; }

.calculation-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 2px dashed #f0f2ff; }
.calc-item { flex: 1 1 calc(50% - 12px); background: #f8f9fa; padding: 12px; border-radius: 10px; }
.calc-item label { display: block; font-size: 11px; font-weight: 700; color: #777; margin-bottom: 5px; text-transform: uppercase; }
.calc-item input { width: 100%; border: none; background: transparent; font-weight: 700; color: #1800ad; font-size: 16px; font-family: 'League Spartan', sans-serif; height: auto !important; }

.calc-item.highlight { background: #fff3e0; border: 1px solid #ffe0b2; }
.calc-item.highlight input { color: #e65100; }

.action-area { display: flex; flex-direction: column; gap: 12px; margin-top: 25px; }
.btn-primary { background: #1800ad; color: white; border: none; padding: 18px; border-radius: 10px; font-size: 18px; font-weight: 700; cursor: pointer; font-family: 'League Spartan', sans-serif; }
.btn-send { background: #e65100; }
.btn-secondary { width: 100%; background: #fff; color: #1800ad; border: 2px dashed #1800ad; padding: 12px; border-radius: 10px; font-weight: 700; font-family: 'League Spartan', sans-serif; cursor: pointer; margin-bottom: 25px; }

.success-box { background: #f0f4ff; border: 2px solid #1800ad; padding: 25px; border-radius: 15px; text-align: center; }
#final-link-display { width: 100%; height: 70px; margin-top: 15px; }