.konto-main{padding:40px 20px;min-height:calc(100vh - 80px)}.konto-header{margin-bottom:30px}.konto-header h1{font-size:2rem;color:var(--text-color);margin-bottom:5px}.konto-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap;border-bottom:2px solid #3a3a3a;padding-bottom:0}.konto-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#aaa;cursor:pointer;font-size:.95rem;font-family:inherit;transition:all .2s ease;margin-bottom:-2px;border-radius:8px 8px 0 0}.konto-tab:hover{color:var(--text-color);background:#333}.konto-tab.aktiv{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#333;font-weight:600}.konto-tab-danger{color:#ff6b6b !important}.konto-tab-danger:hover,.konto-tab-danger.aktiv{border-bottom-color:#f44 !important;color:#f44 !important}.tab-icon{font-size:1.1rem}.konto-karten-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.konto-karte{background:#333;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.konto-karte-info{border-left:4px solid var(--primary-color)}.karte-icon{font-size:1.8rem;flex-shrink:0}.karte-titel{font-size:.8rem;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.karte-wert{font-size:.95rem;font-weight:600;color:var(--text-color);word-break:break-all}.konto-abschnitt{background:#333;border-radius:12px;padding:30px;margin-bottom:24px}.konto-abschnitt h2{font-size:1.3rem;margin-bottom:20px;color:var(--text-color)}.konto-abschnitt h3{font-size:1rem;margin-bottom:12px;color:#ccc}.konto-abschnitt-info{border-left:4px solid #555}.konto-abschnitt-danger{border-left:4px solid #f44;border:1px solid #f4433}.form-reihe{display:flex;gap:16px}.form-gruppe{margin-bottom:18px;flex:1}.form-gruppe-breit{flex:3}.form-gruppe-schmal{flex:1}.form-gruppe label{display:block;margin-bottom:6px;color:#ccc;font-size:.9rem}.form-gruppe input,.form-gruppe select{width:100%;padding:10px 14px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:var(--text-color);font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-gruppe input:focus,.form-gruppe select:focus{outline:none;border-color:var(--primary-color)}.form-gruppe input::placeholder{color:#666}.input-mit-auge{position:relative;display:flex;align-items:center}.input-mit-auge input{padding-right:46px}.auge-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;line-height:1}.form-aktionen{margin-top:24px;display:flex;gap:12px}.btn-primary{background:var(--primary-color);color:white;border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:.95rem;font-family:inherit;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-danger{background:#f44;color:white;border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:.95rem;font-family:inherit;font-weight:600;transition:opacity .2s}.btn-danger:hover{opacity:.85}.info-zeile{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #444}.info-zeile:last-of-type{border-bottom:none}.info-label{color:#aaa;font-size:.9rem}.info-wert{font-weight:600;font-size:.95rem}.danger-hinweis{background:#f4420;border:1px solid #f4455;border-radius:8px;padding:20px;margin-bottom:25px}.danger-hinweis p{margin-bottom:12px;color:#f88}.danger-hinweis ul{list-style:disc;padding-left:20px;color:#ccc;font-size:.9rem;line-height:1.8}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#ccc;font-size:.9rem;line-height:1.5}.checkbox-label input[type="checkbox"]{width:auto;margin-top:3px;flex-shrink:0;accent-color:var(--primary-color)}.sicherheits-tipps{list-style:none;padding:0}.sicherheits-tipps li{padding:8px 0;border-bottom:1px solid #444;color:#ccc;font-size:.9rem;padding-left:20px;position:relative}.sicherheits-tipps li::before{content:'✓';position:absolute;left:0;color:var(--success-color)}.sicherheits-tipps li:last-child{border-bottom:none}.konto-meldung{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:10px;font-weight:600;font-size:.95rem;z-index:9999;max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,0.4);animation:einblenden .3s ease}.konto-meldung.erfolg{background:#2d5a27;border:1px solid #4caf50;color:#a5d6a7}.konto-meldung.fehler{background:#5a1a1a;border:1px solid #f44;color:#f88}@keyframes einblenden{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bestellung-karte{background:#2a2a2a;border:1px solid #444;border-radius:10px;margin-bottom:16px;overflow:hidden}.bestellung-kopf{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;user-select:none;flex-wrap:wrap;gap:10px}.bestellung-kopf:hover{background:#333}.bestellung-nr{font-weight:700;font-size:1rem}.bestellung-datum{color:#aaa;font-size:.85rem}.bestellung-status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-ausstehend{background:#4a3500;color:#ffc107}.status-bezahlt{background:#1a3a5c;color:#64b5f6}.status-verarbeitung{background:#2a3a1a;color:#81c784}.status-versandt{background:#1a2a4a;color:#90caf9}.status-zugestellt{background:#1a4a1a;color:#a5d6a7}.status-storniert{background:#4a1a1a;color:#ef9a9a}.bestellung-betrag{font-weight:700;font-size:1.05rem;color:var(--primary-color)}.bestellung-pfeil{color:#666;transition:transform .2s;font-size:.85rem}.bestellung-pfeil.offen{transform:rotate(180deg)}.bestellung-details{display:none;padding:0 20px 20px;border-top:1px solid #3a3a3a}.bestellung-details.offen{display:block}.detail-abschnitt{margin-top:16px}.detail-abschnitt h4{color:#aaa;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.artikel-zeile{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #3a3a3a;font-size:.9rem}.artikel-zeile:last-child{border-bottom:none}.artikel-name{color:#ccc;flex:1}.artikel-menge{color:#aaa;margin:0 15px}.artikel-preis{font-weight:600;min-width:80px;text-align:right}.summen-zeile{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}.summen-zeile.gesamt{border-top:1px solid #444;margin-top:8px;padding-top:12px;font-weight:700;font-size:1rem;color:var(--primary-color)}.btn-stornieren{background:transparent;border:1px solid #ff6b6b;color:#ff6b6b;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;margin-top:12px;transition:all .2s}.btn-stornieren:hover{background:#ff6b6b;color:white}.leer-hinweis{text-align:center;padding:60px 20px;color:#666}.leer-hinweis .leer-icon{font-size:48px;margin-bottom:15px}.pyroschein-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:700}.pyroschein-keine{background:#444;color:#aaa}.pyroschein-p27{background:#1a3a5c;color:#90caf9}.pyroschein-p20{background:#1a4a1a;color:#a5d6a7}@media (max-width:600px){.form-reihe{flex-direction:column;gap:0}.konto-tabs{gap:4px}.konto-tab{padding:10px 12px;font-size:.85rem}.konto-tab span:not(.tab-icon){display:none}.konto-karten-reihe{grid-template-columns:1fr 1fr}.konto-abschnitt{padding:20px}.konto-meldung{bottom:15px;right:15px;left:15px;max-width:none}.bestellung-kopf{padding:12px 16px}}