:root{--marke-rot: #e8002d;--blau: #1a47a0;--blau-bg: #eaf0fb;--blau-border: #b0c8f0;--schwarz: #202223;--schwarz-hover: #000000;--text-2: #4a4a4a;--text-3: #6d7175;--text-4: #8c9196;--hint: #6b7688;--label: #475467;--linie: #e1e3e5;--linie-feld: #8c9196;--bg: #f6f6f7;--weiss: #ffffff;--gruen: #1e6b31;--gruen-bg: #f0f8f1;--gruen-border: #b6ddb9;--gelb: #b54708;--gelb-bg: #fff8ef;--gelb-border: #f0d0a0;--rot: #b42318;--rot-bg: #fef4f3;--rot-border: #f3c4bf;--r-feld: 8px;--r-logo: 6px;--r-vorschau: 10px;--r-karte: 12px;--r-modal: 14px;--r-pill: 20px;--s-1: 4px;--s-haar: 1px;--s-nav: 6px;--s-icon: 7px;--s-logo: 9px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-feld: 10px;--s-kompakt: 14px;--s-block: 56px;--h-feld: 30px;--h-touch: 44px;--h-touch-gross: 52px;--w-menge: 64px;--d-kreis: 28px;--d-icon: 16px;--w-formular: 680px;--w-arbeit: 950px;--w-text: 70ch;--w-doku-nav: 200px;--w-doku-vorschau: 520px;--w-doku-email: 480px;--d-linie: 1px;--d-fokus: 2px;--d-akzent: 3px;--d-punkt: 5px;--text-xs: 11px;--text-klein: 12px;--text-ui: 13px;--text-body: 14px;--text-lead: 15px;--text-zwischen: 18px;--text-titel: 24px;--text-kpi: 26px;--h-button: 36px;--w-evidence-reference: 24%;--w-evidence-date: 22%;--w-evidence-count: 14%;--w-evidence-email: 18%;--w-evidence-state: 12%;--w-evidence-action: 10%;--w-evidence-format: 44px;--w-email-dns-type: 10%;--w-email-dns-name: 32%;--w-email-dns-value: 34%;--w-email-dns-purpose: 14%;--w-email-dns-state: 10%;--w-email-mobile-label: 80px;--h-email-template: 220px;--w-email-skeleton-back: 200px;--h-email-skeleton-heading: 64px;--h-email-skeleton-card: 320px;--h-email-skeleton-card-compact: 160px;--w-overview-status: 17%;--w-overview-reference: 22%;--w-overview-customer: 31%;--w-overview-date: 18%;--w-overview-action: 12%;--d-result: 20px;--w-mobile-label: 88px;--w-history-date: 150px;--columns-three: 3;--columns-four: 4;--text-code: 17px;--leading-tight: 1.35;--leading-copy: 1.5;--leading-mail: 1.7;--leading-control: 1;--tracking-eyebrow: .1em;--tracking-table: .06em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-strong: 650;--opacity-disabled: .45;--opacity-skeleton: .55;--opacity-hidden: 0;--rotation-half: 180deg;--rotation-quarter: 90deg;--rotation-full: 360deg;--scale-modal-start: .98;--z-modal: 1000;--modal-backdrop: rgba(0, 0, 0, .45);--schatten-karte: 0 1px 3px rgba(15, 23, 42, .05);--schatten-hover: 0 2px 6px rgba(15, 23, 42, .07);--schatten-toast: 0 8px 24px rgba(0, 0, 0, .18);--schatten-modal: 0 20px 60px rgba(0, 0, 0, .25);--fokus: 0 0 0 3px rgba(26, 71, 160, .18);--fokus-warnung: 0 0 0 3px rgba(181, 71, 8, .16);--fokus-fehler: 0 0 0 3px rgba(180, 35, 24, .14);--dauer-1: .12s;--dauer-2: .18s;--dauer-3: .24s;--kurve: cubic-bezier(.2, 0, .2, 1);--kurve-ein: cubic-bezier(0, 0, .2, 1);--kurve-aus: cubic-bezier(.4, 0, 1, 1);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Menlo, monospace}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--schwarz);font-family:var(--font-ui);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}:focus-visible{outline:2px solid var(--blau);outline-offset:2px}::selection{background:var(--blau-bg);color:var(--schwarz)}.overview-page{box-sizing:border-box;width:100%;max-width:var(--w-arbeit);margin:0 auto;padding:var(--s-8) var(--s-4) var(--s-16);color:var(--schwarz)}.withdrawal-module-header{margin-bottom:var(--s-6)}.withdrawal-module-header h2{margin:var(--s-1) 0 var(--s-2);font-size:var(--text-titel);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:0}.withdrawal-module-header p{max-width:var(--w-text);margin:0;color:var(--text-3);font-size:var(--text-ui);line-height:var(--leading-copy)}.withdrawal-module-eyebrow{color:var(--blau);font-size:var(--text-klein);font-weight:var(--weight-semibold);text-transform:uppercase}.withdrawal-module-tabs{display:flex;gap:var(--s-1);overflow-x:auto;margin:0 0 var(--s-6);border-bottom:var(--s-haar) solid var(--linie);scrollbar-width:thin}.withdrawal-module-tabs a{flex:0 0 auto;min-height:42px;box-sizing:border-box;padding:11px 10px 9px;border-bottom:2px solid transparent;color:var(--text-2);font-weight:var(--weight-semibold);text-decoration:none}.withdrawal-module-tabs a.active{border-bottom-color:var(--blau);color:var(--blau)}.withdrawal-module-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4)}.overview-result{display:grid;grid-template-columns:var(--d-result) minmax(0,1fr) auto;gap:var(--s-3);align-items:center;margin-bottom:var(--s-4);padding:var(--s-4);border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte)}.overview-result.warning{border-color:var(--gelb-border);background:var(--gelb-bg)}.overview-result.neutral{background:var(--bg)}.overview-result-icon{display:grid;place-items:center;width:var(--d-result);height:var(--d-result);border-radius:var(--r-pill);background:var(--text-3);color:var(--weiss)}.overview-result.warning .overview-result-icon{background:var(--gelb)}.overview-result-icon svg{width:var(--s-3);height:var(--s-3);stroke-width:var(--d-fokus);stroke-linecap:round}.overview-result h2,.overview-card h2,.overview-empty h3{margin:0;font-weight:var(--weight-semibold);letter-spacing:0}.overview-result h2{color:var(--gelb);font-size:var(--text-body)}.overview-result.neutral h2{color:var(--schwarz)}.overview-result p{max-width:var(--w-text);margin:var(--s-1) 0 0;color:var(--text-2);font-size:var(--text-ui);line-height:var(--leading-copy)}.overview-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-touch);box-sizing:border-box;padding:0 var(--s-4);border:var(--s-haar) solid;border-radius:var(--r-feld);font-size:var(--text-ui);font-weight:var(--weight-semibold);line-height:var(--leading-control);text-decoration:none;transition:background var(--dauer-1) var(--kurve),border-color var(--dauer-1) var(--kurve)}.overview-button-primary{border-color:var(--schwarz);background:var(--schwarz);color:var(--weiss)}.overview-button-primary:hover{border-color:var(--schwarz-hover);background:var(--schwarz-hover)}.overview-button-secondary{border-color:var(--linie-feld);background:var(--weiss);color:var(--schwarz)}.overview-button-secondary:hover{border-color:var(--schwarz)}.overview-button-small{min-height:var(--h-feld);padding-inline:var(--s-3);font-size:var(--text-klein)}.overview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin-bottom:var(--s-4)}.overview-kpi{display:grid;gap:var(--s-1);min-width:0;padding:var(--s-5);border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte);background:var(--weiss);color:var(--schwarz);text-decoration:none;box-shadow:var(--schatten-karte);transition:border-color var(--dauer-1) var(--kurve),box-shadow var(--dauer-1) var(--kurve)}.overview-kpi:hover{border-color:var(--linie-feld);box-shadow:var(--schatten-hover)}.overview-kpi.emphasized{border-color:var(--gelb-border);box-shadow:0 0 0 var(--s-haar) var(--gelb-border),var(--schatten-karte)}.overview-kpi strong{font-size:var(--text-kpi);font-variant-numeric:tabular-nums;font-weight:var(--weight-strong);line-height:var(--leading-tight)}.overview-kpi>span{color:var(--label);font-size:var(--text-ui);font-weight:var(--weight-medium)}.overview-kpi small{color:var(--text-3);font-size:var(--text-xs);line-height:var(--leading-tight)}.overview-kpi.emphasized small{color:var(--gelb)}.overview-card{overflow:hidden;border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte);background:var(--weiss);box-shadow:var(--schatten-karte)}.overview-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:var(--s-haar) solid var(--linie)}.overview-card h2{font-size:var(--text-lead)}.overview-card-header p{margin:var(--s-1) 0 0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.overview-table{width:100%;table-layout:fixed;border-collapse:collapse}.overview-col-status{width:var(--w-overview-status)}.overview-col-reference{width:var(--w-overview-reference)}.overview-col-customer{width:var(--w-overview-customer)}.overview-col-date{width:var(--w-overview-date)}.overview-col-action{width:var(--w-overview-action)}.overview-table th,.overview-table td{padding:var(--s-3) var(--s-feld);border-bottom:var(--s-haar) solid var(--linie);text-align:left;vertical-align:middle}.overview-table tbody tr:last-child td{border-bottom:0}.overview-table th{color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:var(--tracking-table);text-transform:uppercase}.overview-table td{color:var(--text-2);font-size:var(--text-ui);line-height:var(--leading-copy)}.overview-reference{color:var(--schwarz);font-family:var(--font-mono);font-size:var(--text-klein)}.overview-customer{display:grid;min-width:0}.overview-customer strong{overflow:hidden;color:var(--schwarz);font-size:var(--text-ui);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.overview-customer small{overflow:hidden;color:var(--text-3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.overview-action-cell{text-align:right}.overview-badge{display:inline-flex;max-width:100%;padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:normal}.overview-badge.warning{background:var(--gelb-bg);color:var(--gelb)}.overview-badge.success{background:var(--gruen-bg);color:var(--gruen)}.overview-badge.critical{background:var(--rot-bg);color:var(--rot)}.overview-badge.neutral{background:var(--bg);color:var(--text-2)}.overview-empty{display:grid;justify-items:center;padding:var(--s-8);text-align:center}.overview-empty h3{font-size:var(--text-lead)}.overview-empty p{max-width:var(--w-text);margin:var(--s-2) 0 var(--s-4);color:var(--text-2);font-size:var(--text-body);line-height:var(--leading-copy)}.benefits-page{box-sizing:border-box;width:100%;max-width:var(--w-arbeit);margin:0 auto;padding:var(--s-8) var(--s-4) var(--s-16);color:var(--schwarz)}.benefits-header{display:flex;align-items:center;min-height:var(--h-touch);margin-bottom:var(--s-4);padding-bottom:var(--s-4);border-bottom:var(--s-haar) solid var(--linie)}.benefits-header h1{margin:0;font-size:var(--text-zwischen);font-weight:var(--weight-semibold);letter-spacing:0}.benefits-header p{margin:var(--s-haar) 0 0;color:var(--text-3);font-size:var(--text-klein)}.benefits-result{display:grid;grid-template-columns:var(--d-result) minmax(0,1fr);gap:var(--s-3);align-items:flex-start;margin-bottom:var(--s-4);padding:var(--s-4);border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte);background:var(--bg)}.benefits-result.success{border-color:var(--gruen-border);background:var(--gruen-bg)}.benefits-result h2{margin:0;color:var(--schwarz);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:0}.benefits-result.success h2{color:var(--gruen)}.benefits-result p{max-width:var(--w-text);margin:var(--s-1) 0 0;color:var(--text-2);font-size:var(--text-ui);line-height:var(--leading-copy)}.benefits-status-circle{display:grid;place-items:center;width:var(--d-result);height:var(--d-result);flex:0 0 auto;border-radius:var(--r-pill);background:var(--text-3);color:var(--weiss)}.benefits-status-circle.success{background:var(--gruen)}.benefits-status-circle svg,.benefits-consent-box svg{width:var(--s-3);height:var(--s-3);stroke-width:var(--d-fokus);stroke-linecap:round;stroke-linejoin:round}.benefits-card,.benefits-history{margin-bottom:var(--s-4);overflow:hidden;border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte);background:var(--weiss);box-shadow:var(--schatten-karte)}.benefits-card-header{padding:var(--s-4) var(--s-5);border-bottom:var(--s-haar) solid var(--linie)}.benefits-card-header h2{margin:0;font-size:var(--text-lead);font-weight:var(--weight-semibold);letter-spacing:0}.benefits-card-header p{max-width:var(--w-text);margin:var(--s-1) 0 0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.benefits-eyebrow{display:block;margin-bottom:var(--s-1);color:var(--blau);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.benefits-settings-form{padding:var(--s-5)}.benefits-fields{display:grid;grid-template-columns:repeat(var(--columns-three),minmax(0,1fr));gap:var(--s-4)}.benefits-fields label,.benefits-referral-form label{display:grid;gap:var(--s-icon);color:var(--label);font-size:var(--text-klein);font-weight:var(--weight-medium)}.benefits-fields input,.benefits-fields select,.benefits-referral-form input{width:100%;min-height:var(--h-touch);box-sizing:border-box;padding:0 var(--s-feld);border:var(--s-haar) solid var(--linie-feld);border-radius:var(--r-feld);background:var(--weiss);color:var(--schwarz);font-size:var(--text-ui)}.benefits-field-hint,.benefits-disabled-reason{display:block;margin:var(--s-2) 0 0;color:var(--hint);font-size:var(--text-xs);line-height:var(--leading-copy)}.benefits-consent{position:relative;display:grid;grid-template-columns:var(--d-result) minmax(0,1fr);gap:var(--s-feld);align-items:flex-start;margin-top:var(--s-4);color:var(--text-2);cursor:pointer;font-size:var(--text-ui);line-height:var(--leading-copy)}.benefits-consent>input{position:absolute;width:var(--d-result);height:var(--d-result);margin:0;opacity:var(--opacity-hidden)}.benefits-consent-box{display:grid;place-items:center;width:var(--d-result);height:var(--d-result);box-sizing:border-box;border:var(--s-haar) solid var(--linie-feld);border-radius:var(--s-1);background:var(--weiss);color:var(--weiss)}.benefits-consent-box.checked{border-color:var(--blau);background:var(--blau)}.benefits-consent>input:checked+.benefits-consent-box{border-color:var(--blau);background:var(--blau)}.benefits-consent>input:checked+.benefits-consent-box:empty:after{width:var(--s-2);height:var(--s-1);border-bottom:var(--d-fokus) solid var(--weiss);border-left:var(--d-fokus) solid var(--weiss);content:"";transform:rotate(-45deg)}.benefits-consent strong{display:block;color:var(--schwarz);font-weight:var(--weight-semibold)}.benefits-form-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-top:var(--s-5)}.benefits-button,.benefits-copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--h-touch);box-sizing:border-box;padding:0 var(--s-4);border:var(--s-haar) solid;border-radius:var(--r-feld);font-size:var(--text-ui);font-weight:var(--weight-semibold);line-height:var(--leading-control);text-decoration:none;cursor:pointer}.benefits-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.benefits-button-primary{border-color:var(--schwarz);background:var(--schwarz);color:var(--weiss)}.benefits-button-secondary,.benefits-copy-button{border-color:var(--linie-feld);background:var(--weiss);color:var(--schwarz)}.benefits-button-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.benefits-plan{display:grid;grid-template-columns:repeat(var(--columns-four),minmax(0,1fr))}.benefits-plan-item{min-width:0;padding:var(--s-4);border-right:var(--s-haar) solid var(--linie)}.benefits-plan-item:last-child{border-right:0}.benefits-plan-item>span{color:var(--blau);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:var(--tracking-table);text-transform:uppercase}.benefits-plan-item h3{margin:var(--s-2) 0 var(--s-1);font-size:var(--text-ui);font-weight:var(--weight-semibold);letter-spacing:0}.benefits-plan-item p{margin:0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.benefits-referral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding:var(--s-5)}.benefits-code-card{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:var(--s-haar) solid var(--linie);border-radius:var(--r-feld);background:var(--bg)}.benefits-code-card>div{display:grid;gap:var(--s-1);min-width:0}.benefits-code-card small{color:var(--text-3);font-size:var(--text-xs)}.benefits-code-card code,.benefits-reward-row code{overflow-wrap:anywhere;color:var(--schwarz);font-family:var(--font-mono);font-size:var(--text-code);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-table)}.benefits-copy-button{gap:var(--s-2);min-height:var(--h-feld);padding-inline:var(--s-3);font-size:var(--text-klein)}.benefits-copy-button svg,.benefits-history summary svg{width:var(--s-4);height:var(--s-4);stroke-width:var(--d-linie);stroke-linecap:round;stroke-linejoin:round}.benefits-referral-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-feld);align-items:end}.benefits-referral-form .benefits-field-hint{grid-column:1 / -1}.benefits-referral-attached{display:flex;gap:var(--s-feld);align-items:center;min-height:var(--h-touch);color:var(--gruen)}.benefits-referral-attached p{margin:0;font-size:var(--text-ui);font-weight:var(--weight-medium)}.benefits-reward-list,.benefits-addon-list{border-top:var(--s-haar) solid var(--linie)}.benefits-reward-row,.benefits-addon-row{display:grid;grid-template-columns:var(--d-result) minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-4) var(--s-5);border-bottom:var(--s-haar) solid var(--linie)}.benefits-reward-row:last-child,.benefits-addon-row:last-child{border-bottom:0}.benefits-reward-row>div,.benefits-addon-row>div{display:grid;gap:var(--s-1);min-width:0}.benefits-reward-row strong,.benefits-addon-row strong{font-size:var(--text-ui);font-weight:var(--weight-semibold)}.benefits-reward-row small,.benefits-addon-row small{color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.benefits-badge{display:inline-flex;width:fit-content;padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--weight-medium)}.benefits-badge.neutral{background:var(--bg);color:var(--text-2)}.benefits-history summary{display:grid;grid-template-columns:var(--s-4) minmax(0,1fr) auto;gap:var(--s-2);align-items:center;padding:var(--s-3) var(--s-4);color:var(--schwarz);cursor:pointer;font-size:var(--text-ui);font-weight:var(--weight-medium);list-style:none}.benefits-history summary::-webkit-details-marker{display:none}.benefits-history summary>span{color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-regular)}.benefits-history[open] summary svg{transform:rotate(var(--rotation-quarter))}.benefits-history-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto var(--w-history-date);gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);border-top:var(--s-haar) solid var(--linie)}.benefits-history-list>p{margin:0;padding:var(--s-4);border-top:var(--s-haar) solid var(--linie);color:var(--text-3);font-size:var(--text-ui)}.benefits-history-list small{color:var(--text-3);text-align:right}.email-flow-page,.email-domain-page{box-sizing:border-box;width:100%;max-width:var(--w-arbeit);margin:0 auto;padding:var(--s-8) var(--s-4) var(--s-16);color:var(--schwarz);font-family:var(--font-ui)}.email-page-header,.email-domain-header{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-5);margin-bottom:var(--s-6);border-bottom:var(--s-haar) solid var(--linie)}.email-page-header img,.email-domain-header img{width:var(--s-8);height:var(--s-8);border-radius:var(--r-logo);flex:0 0 auto}.email-page-header h1,.email-domain-header h1{margin:0;font-size:var(--text-zwischen);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.email-page-header p,.email-domain-header p{margin:var(--s-haar) 0 0;color:var(--text-3);font-size:var(--text-klein)}.email-card,.email-domain-card{margin-bottom:var(--s-4);overflow:hidden;border:var(--s-haar) solid var(--linie);border-radius:var(--r-karte);background:var(--weiss);box-shadow:var(--schatten-karte)}.email-card-header,.email-domain-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:var(--s-haar) solid var(--linie)}.email-card-header h2,.email-domain-card-header h2{margin:0;font-size:var(--text-lead);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.email-card-header p,.email-domain-card-header p{max-width:var(--w-text);margin:var(--s-1) 0 0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-eyebrow{display:block;margin-bottom:var(--s-1);color:var(--blau);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.email-card-section,.email-domain-card-section{padding:var(--s-5)}.email-card-section+.email-card-section{border-top:var(--s-haar) solid var(--linie)}.email-message{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:var(--s-haar) solid;border-radius:var(--r-feld);font-size:var(--text-ui);line-height:var(--leading-copy)}.email-message.warning{border-color:var(--gelb-border);background:var(--gelb-bg)}.email-message.success{border-color:var(--gruen-border);background:var(--gruen-bg)}.email-message.info{border-color:var(--blau-border);background:var(--blau-bg)}.email-message-icon{display:grid;width:var(--d-icon);height:var(--d-icon);place-items:center;flex:0 0 auto;margin-top:var(--s-haar);border-radius:var(--r-pill);color:var(--weiss);font-size:var(--text-xs);font-weight:var(--weight-strong)}.email-message-icon svg{width:var(--s-3);height:var(--s-3);fill:none;stroke:currentColor;stroke-width:var(--d-fokus);stroke-linecap:round;stroke-linejoin:round}.email-message.warning .email-message-icon{background:var(--gelb)}.email-message.success .email-message-icon{background:var(--gruen)}.email-message.info .email-message-icon{background:var(--blau)}.email-message strong{color:var(--schwarz);font-weight:var(--weight-semibold)}.email-message p{max-width:var(--w-text);margin:var(--s-haar) 0 0;color:var(--text-2)}.email-delivery-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-bottom:var(--s-4)}.email-button,.email-domain-button{display:inline-flex;min-height:var(--h-button);align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);border:var(--s-haar) solid transparent;border-radius:var(--r-feld);color:var(--schwarz);font-family:var(--font-ui);font-size:var(--text-ui);font-weight:var(--weight-semibold);line-height:var(--leading-control);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dauer-1) var(--kurve),border-color var(--dauer-1) var(--kurve),color var(--dauer-1) var(--kurve)}.email-button.small{min-height:var(--h-feld);padding:0 var(--s-3);font-size:var(--text-klein)}.email-button.primary,.email-domain-button.primary{border-color:var(--schwarz);background:var(--schwarz);color:var(--weiss)}.email-button.primary:hover:not(:disabled),.email-domain-button.primary:hover:not(:disabled){border-color:var(--schwarz-hover);background:var(--schwarz-hover)}.email-button.secondary,.email-domain-button.secondary{border-color:var(--linie-feld);background:var(--weiss)}.email-button.secondary:hover:not(:disabled),.email-domain-button.secondary:hover:not(:disabled){border-color:var(--text-3)}.email-button.danger-outline{border-color:var(--rot-border);background:var(--weiss);color:var(--rot)}.email-button.danger-outline:hover:not(:disabled){background:var(--rot-bg)}.email-button.danger-solid{border-color:var(--rot);background:var(--rot);color:var(--weiss)}.email-button:disabled,.email-domain-button:disabled,.email-choice:disabled,.email-placeholder:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.email-template-tabs{display:flex;flex-wrap:wrap;gap:var(--s-1);border-bottom:var(--s-haar) solid var(--linie)}.email-template-tab{min-height:var(--h-touch);padding:var(--s-3) var(--s-4);border:0;border-bottom:var(--d-fokus) solid transparent;background:transparent;color:var(--text-3);font-size:var(--text-ui);font-weight:var(--weight-semibold);cursor:pointer;transition:color var(--dauer-1) var(--kurve),border-color var(--dauer-1) var(--kurve)}.email-template-tab:hover{color:var(--schwarz)}.email-template-tab.active{border-bottom-color:var(--blau);color:var(--blau)}.saved-dot{display:inline-block;width:var(--d-punkt);height:var(--d-punkt);margin-left:var(--s-2);border-radius:var(--r-pill);background:var(--gruen);vertical-align:middle}.email-field-label,.email-field>span,.email-domain-field>span{display:block;margin-bottom:var(--s-1);color:var(--label);font-size:var(--text-klein);font-weight:var(--weight-medium)}.email-language-tabs,.email-placeholders,.email-inline-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.email-language-tab,.email-placeholder{min-height:var(--h-feld);padding:0 var(--s-3);border:var(--s-haar) solid var(--linie-feld);border-radius:var(--r-pill);background:var(--weiss);color:var(--schwarz);font-size:var(--text-klein);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--dauer-1) var(--kurve),border-color var(--dauer-1) var(--kurve),color var(--dauer-1) var(--kurve)}.email-language-tab.active{border-color:var(--blau);background:var(--blau-bg);color:var(--blau)}.email-field-hint,.email-field small,.email-domain-field small,.email-locked-reason,.email-domain-locked-reason{display:block;max-width:var(--w-text);margin-top:var(--s-1);color:var(--hint);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-copy)}.email-template-fields,.email-branding-form,.email-domain-card .settings-form{display:grid;gap:var(--s-4)}.email-field input,.email-field textarea,.email-domain-field input{width:100%;box-sizing:border-box;border:var(--s-haar) solid var(--linie-feld);border-radius:var(--r-feld);background:var(--weiss);color:var(--schwarz);font-family:var(--font-ui);font-size:var(--text-ui);transition:border-color var(--dauer-1) var(--kurve),box-shadow var(--dauer-1) var(--kurve)}.email-field input,.email-domain-field input{min-height:var(--h-touch);padding:var(--s-2) var(--s-3)}.email-field textarea{min-height:var(--h-email-template);padding:var(--s-2) var(--s-3);font-family:var(--font-mono);line-height:var(--leading-mail);resize:vertical}.email-field input:focus,.email-field textarea:focus,.email-domain-field input:focus{outline:none;border-color:var(--blau);box-shadow:var(--fokus)}.email-field input:disabled,.email-field textarea:disabled,.email-domain-field input:disabled{background:var(--bg);opacity:var(--opacity-disabled);cursor:not-allowed}.email-field-error{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3);border:var(--s-haar) solid var(--rot-border);border-radius:var(--r-feld);background:var(--rot-bg);color:var(--rot);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-placeholder-block>strong{display:block;margin-bottom:var(--s-2);color:var(--label);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-table);text-transform:uppercase}.email-placeholder{gap:var(--s-2);border-radius:var(--r-feld)}.email-placeholder code{color:var(--blau);font-family:var(--font-mono);font-size:var(--text-xs)}.email-actions,.email-domain-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-top:var(--s-haar) solid var(--linie)}.email-actions-right{margin-left:auto}.email-spinner,.email-domain-spinner{display:none;width:var(--d-icon);height:var(--d-icon);box-sizing:border-box;border:var(--d-fokus) solid currentColor;border-right-color:transparent;border-radius:var(--r-pill);animation:email-spin var(--dauer-3) linear infinite}.email-spinner.visible,.email-domain-spinner.visible{display:inline-block}.email-preview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s-4);padding:var(--s-5);background:var(--bg)}.email-mail-preview{overflow:hidden;border:var(--s-haar) solid var(--linie);border-radius:var(--r-vorschau);background:var(--weiss)}.email-mail-kicker{padding:var(--s-3) var(--s-4);border-bottom:var(--s-haar) solid var(--linie);color:var(--text-3);font-size:var(--text-xs)}.email-mail-body{padding:var(--s-6)}.email-mail-body h3{margin:0 0 var(--s-4);font-size:var(--text-lead);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.email-mail-body pre{margin:0;color:var(--text-2);font-family:var(--font-ui);font-size:var(--text-ui);line-height:var(--leading-mail);white-space:pre-wrap}.email-mail-preview .mail-footer{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);border-top:var(--s-haar) solid var(--linie);background:var(--bg);color:var(--text-3);font-size:var(--text-xs)}.email-mail-preview .mail-footer img{width:var(--s-8);height:var(--s-8);object-fit:contain}.email-mail-preview .mail-footer a{color:var(--blau)}.email-preview-info h3{margin:0 0 var(--s-3);font-size:var(--text-ui);font-weight:var(--weight-semibold)}.email-preview-info dl,.email-info-list,.email-domain-info-list{margin:0}.email-preview-info dl>div,.email-info-list>div,.email-domain-info-list>div{padding:var(--s-3) 0;border-bottom:var(--s-haar) solid var(--linie)}.email-preview-info dt,.email-info-list dt,.email-domain-info-list dt{margin-bottom:var(--s-1);font-size:var(--text-klein);font-weight:var(--weight-semibold)}.email-preview-info dd,.email-info-list dd,.email-domain-info-list dd{margin:0;color:var(--text-2);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-branding-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s-5)}.email-field-full{grid-column:1 / -1}.email-lock-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%}.email-lock-callout p{margin:var(--s-1) 0 0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-modal-backdrop{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;padding:var(--s-4);background:var(--modal-backdrop);animation:email-fade-in var(--dauer-3) var(--kurve-ein)}.email-modal{width:100%;max-width:var(--w-formular);padding:var(--s-6);border-radius:var(--r-modal);background:var(--weiss);box-shadow:var(--schatten-modal);animation:email-modal-in var(--dauer-3) var(--kurve-ein)}.email-modal h3{margin:0;font-size:var(--text-zwischen);font-weight:var(--weight-semibold)}.email-modal p{margin:var(--s-3) 0 0;color:var(--text-2);font-size:var(--text-ui);line-height:var(--leading-copy)}.email-modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-6)}.email-back-link,.email-domain-back{display:inline-flex;align-items:center;gap:var(--s-1);margin-bottom:var(--s-3);color:var(--text-3);font-size:var(--text-ui);text-decoration:none}.email-back-link svg,.email-domain-back svg{width:var(--d-icon);height:var(--d-icon);fill:none;stroke:currentColor;stroke-width:var(--d-linie);stroke-linecap:round;stroke-linejoin:round}.email-back-link:hover,.email-domain-back:hover{color:var(--blau)}.email-status-badge,.email-domain-status{display:inline-flex;width:fit-content;align-items:center;min-height:var(--h-feld);padding:0 var(--s-3);border:var(--s-haar) solid;border-radius:var(--r-pill);font-size:var(--text-klein);font-weight:var(--weight-semibold);white-space:nowrap}.email-status-badge.warning,.email-domain-status.warning{border-color:var(--gelb-border);background:var(--gelb-bg);color:var(--gelb)}.email-status-badge.success,.email-domain-status.success{border-color:var(--gruen-border);background:var(--gruen-bg);color:var(--gruen)}.email-domain-status.critical{border-color:var(--rot-border);background:var(--rot-bg);color:var(--rot)}.email-delivery-card>.selmore-feedback-toast,.email-delivery-card>s-banner{margin:var(--s-4) var(--s-5) 0}.email-delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.email-delivery-steps>li{display:grid;grid-template-columns:var(--d-kreis) minmax(0,1fr);gap:var(--s-3);min-width:0;padding:var(--s-5);border-right:var(--s-haar) solid var(--linie)}.email-delivery-steps>li:last-child{border-right:0}.email-delivery-steps>li.locked{background:var(--bg);color:var(--text-3)}.email-delivery-steps h3{margin:var(--s-1) 0 var(--s-2);font-size:var(--text-ui);font-weight:var(--weight-semibold)}.email-delivery-steps p{margin:0;color:var(--text-2);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-step-number{display:grid;width:var(--d-kreis);height:var(--d-kreis);place-items:center;border:var(--s-haar) solid var(--linie);border-radius:var(--r-pill);background:var(--bg);color:var(--text-3);font-size:var(--text-klein);font-weight:var(--weight-semibold)}.email-step-number svg{width:var(--s-3);height:var(--s-3);fill:none;stroke:currentColor;stroke-width:var(--d-fokus);stroke-linecap:round;stroke-linejoin:round}.email-delivery-steps>li.complete .email-step-number{border-color:var(--gruen-border);background:var(--gruen-bg);color:var(--gruen)}.email-delivery-steps>li.current .email-step-number{border-color:var(--blau);background:var(--blau);color:var(--weiss)}.email-inline-actions{margin-top:var(--s-3)}.email-choice{display:inline-flex;min-height:var(--h-button);align-items:center;padding:0 var(--s-3);border:var(--s-haar) solid var(--linie-feld);border-radius:var(--r-feld);background:var(--weiss);color:var(--schwarz);font-size:var(--text-ui);font-weight:var(--weight-semibold);cursor:pointer}.email-choice.active{border-color:var(--blau);background:var(--blau-bg);color:var(--blau)}.email-test-form{display:grid;gap:var(--s-2);margin-top:var(--s-3)}.email-info-list,.email-domain-info-list{padding:var(--s-2) var(--s-5)}.custom-smtp-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);cursor:pointer;list-style:none}.custom-smtp-panel>summary strong,.custom-smtp-panel>summary small{display:block}.email-chevron{width:var(--d-icon);height:var(--d-icon);fill:none;stroke:currentColor;stroke-width:var(--d-linie);stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dauer-1) var(--kurve)}.custom-smtp-panel[open] .email-chevron{transform:rotate(var(--rotation-half))}.custom-smtp-panel>summary small{margin-top:var(--s-1);color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-regular)}.custom-smtp-content{padding:var(--s-5);border-top:var(--s-haar) solid var(--linie)}.smtp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.smtp-form .field{display:grid;gap:var(--s-1);color:var(--label);font-size:var(--text-klein);font-weight:var(--weight-medium)}.smtp-form input,.smtp-form select{width:100%;min-height:var(--h-touch);box-sizing:border-box;border:var(--s-haar) solid var(--linie-feld);border-radius:var(--r-feld);background:var(--weiss);padding:var(--s-2) var(--s-3);color:var(--schwarz)}.smtp-purchase-card{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.smtp-purchase-card p{max-width:var(--w-text);margin:var(--s-1) 0 0;color:var(--text-3);font-size:var(--text-klein);line-height:var(--leading-copy)}.email-domain-plan{margin-left:auto;color:var(--text-3);font-size:var(--text-klein)}.email-domain-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s-6)}.email-domain-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.email-domain-plan-lock{display:grid;gap:var(--s-1);min-width:var(--w-doku-nav);padding:var(--s-3);border-radius:var(--r-feld);background:var(--bg);color:var(--text-2);font-size:var(--text-klein)}.email-domain-plan-lock>span{color:var(--schwarz);font-weight:var(--weight-semibold)}.domain-register-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s-3)}.email-dns-panel{border-top:var(--s-haar) solid var(--linie)}.email-domain-empty{margin:0;padding:var(--s-5);color:var(--text-3);font-size:var(--text-ui)}.email-dns-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--text-klein)}.email-dns-table .email-dns-type{width:var(--w-email-dns-type)}.email-dns-table .email-dns-name{width:var(--w-email-dns-name)}.email-dns-table .email-dns-value{width:var(--w-email-dns-value)}.email-dns-table .email-dns-purpose{width:var(--w-email-dns-purpose)}.email-dns-table .email-dns-state{width:var(--w-email-dns-state)}.email-dns-table th,.email-dns-table td{padding:var(--s-3);border-bottom:var(--s-haar) solid var(--linie);text-align:left;vertical-align:top}.email-dns-table th{color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:var(--tracking-table);text-transform:uppercase}.email-dns-copy-value{display:flex;align-items:flex-start;gap:var(--s-1);min-width:0}.email-dns-copy-value code{min-width:0;overflow-wrap:anywhere;color:var(--schwarz);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-mail)}.email-dns-copy-button{display:grid;width:var(--d-kreis);height:var(--d-kreis);place-items:center;flex:0 0 auto;border:var(--s-haar) solid var(--linie);border-radius:var(--r-feld);background:var(--weiss);color:var(--text-3);cursor:pointer}.email-dns-copy-button:hover{border-color:var(--blau);color:var(--blau)}.email-dns-copy-button svg{width:var(--d-icon);height:var(--d-icon);fill:none;stroke:currentColor;stroke-width:var(--d-linie);stroke-linecap:round;stroke-linejoin:round}.email-domain-actions>p{margin:0 0 0 auto;color:var(--text-3);font-size:var(--text-klein)}.email-skeleton{border-radius:var(--r-feld);background:var(--bg);animation:email-skeleton-pulse var(--dauer-3) var(--kurve) infinite alternate}.email-skeleton.back{width:var(--w-email-skeleton-back);height:var(--h-feld);margin-bottom:var(--s-3)}.email-skeleton.heading{height:var(--h-email-skeleton-heading);margin-bottom:var(--s-6)}.email-skeleton.card{height:var(--h-email-skeleton-card);margin-bottom:var(--s-4)}.email-skeleton.card.compact{height:var(--h-email-skeleton-card-compact)}@keyframes email-spin{to{transform:rotate(var(--rotation-full))}}@keyframes email-fade-in{0%{opacity:var(--opacity-hidden)}}@keyframes email-modal-in{0%{opacity:var(--opacity-hidden);transform:scale(var(--scale-modal-start))}}@keyframes email-skeleton-pulse{0%{opacity:var(--opacity-skeleton)}}@media(max-width:640px){.overview-page{padding:var(--s-5) var(--s-3) var(--s-12)}.overview-result,.overview-kpis{grid-template-columns:minmax(0,1fr)}.overview-result{justify-items:start}.overview-result .overview-button,.overview-card-header .overview-button,.overview-empty .overview-button,.overview-action-cell .overview-button{width:100%}.overview-card-header{align-items:stretch;flex-direction:column}.overview-table,.overview-table tbody,.overview-table tr,.overview-table td{display:block;width:100%;box-sizing:border-box}.overview-table colgroup,.overview-table thead{display:none}.overview-table tr{padding:var(--s-3) var(--s-4);border-bottom:var(--s-haar) solid var(--linie)}.overview-table tbody tr:last-child{border-bottom:0}.overview-table td{display:grid;grid-template-columns:var(--w-mobile-label) minmax(0,1fr);gap:var(--s-2);padding:var(--s-2) 0;border:0}.overview-table td:not(.overview-status-cell,.overview-action-cell):before{content:attr(data-label);color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-strong);text-transform:uppercase}.overview-status-cell,.overview-action-cell{display:block}.overview-customer strong,.overview-customer small{overflow:visible;text-overflow:clip;white-space:normal}.benefits-page{padding:var(--s-5) var(--s-3) var(--s-12)}.benefits-fields,.benefits-plan,.benefits-referral-grid,.benefits-referral-form{grid-template-columns:minmax(0,1fr)}.benefits-plan-item{border-right:0;border-bottom:var(--s-haar) solid var(--linie)}.benefits-plan-item:last-child{border-bottom:0}.benefits-referral-form .benefits-field-hint{grid-column:auto}.benefits-form-actions,.benefits-form-actions .benefits-button,.benefits-copy-button,.benefits-referral-form .benefits-button,.benefits-addon-row .benefits-button{width:100%}.benefits-code-card,.benefits-reward-row,.benefits-addon-row{align-items:flex-start;grid-template-columns:var(--d-result) minmax(0,1fr)}.benefits-code-card{align-items:stretch;flex-direction:column}.benefits-reward-row>code,.benefits-reward-row>.benefits-badge,.benefits-reward-row>form,.benefits-addon-row>.benefits-button{grid-column:2}.benefits-history-list>div{grid-template-columns:minmax(0,1fr) auto}.benefits-history-list small{grid-column:1 / -1;text-align:left}.email-flow-page,.email-domain-page{padding:var(--s-5) var(--s-3) var(--s-12)}.email-delivery-summary,.email-card-header,.email-domain-card-header,.email-lock-callout,.smtp-purchase-card{grid-template-columns:minmax(0,1fr);align-items:flex-start;flex-direction:column}.email-template-tabs>button{flex:1 1 auto}.email-actions,.email-domain-actions,.email-modal-actions,.email-field-error{align-items:stretch;flex-direction:column}.email-actions-right{margin-left:0}.email-actions .email-button,.email-domain-actions .email-domain-button,.email-modal-actions .email-button{width:100%;white-space:normal}.email-preview-grid,.email-branding-form,.email-delivery-steps,.smtp-form,.email-domain-info-list,.email-domain-two,.domain-register-row{grid-template-columns:minmax(0,1fr)}.email-delivery-steps>li{border-right:0;border-bottom:var(--s-haar) solid var(--linie)}.email-delivery-steps>li:last-child{border-bottom:0}.email-dns-table,.email-dns-table tbody,.email-dns-table tr,.email-dns-table td{display:block;width:100%}.email-dns-table colgroup,.email-dns-table thead{display:none}.email-dns-table tr{padding:var(--s-3) var(--s-4);border-bottom:var(--s-haar) solid var(--linie)}.email-dns-table td{display:grid;grid-template-columns:var(--w-email-mobile-label) minmax(0,1fr);gap:var(--s-2);padding:var(--s-2) 0;border:0}.email-dns-table td:before{content:attr(data-label);color:var(--text-3);font-size:var(--text-xs);font-weight:var(--weight-strong);text-transform:uppercase}}.billing-purchase-control{display:grid;gap:var(--s-2)}.billing-purchase-control>button[aria-busy=true]{cursor:progress;opacity:.72}.billing-purchase-error{margin:0;color:var(--rot);font-size:var(--text-sm);line-height:1.45}.billing-purchase-recovery{margin:0;color:var(--text-2);font-size:var(--text-sm);line-height:1.45;text-align:center}@media(prefers-reduced-motion:reduce){.email-button,.email-domain-button,.email-template-tab,.email-language-tab,.email-placeholder{transition:none}.email-spinner,.email-domain-spinner,.email-modal-backdrop,.email-modal,.email-skeleton{animation:none}}