/* dmarc.cloud – Bausteine, die email-audit.css nicht hat (Vergleichstabelle, Meldungen, Umschalter, Bestellformular) */

.dc-static{cursor:default}
.dc-center{text-align:center}
.dc-gap{margin:15px 0 20px!important}
.ea-section code{color:#3f444a;background:#f0f3f5;padding:1px 5px;font-size:.9em}
.ea-card__icon{margin-bottom:20px}
.dc-grid-4{grid-template-columns:repeat(4,1fr)}
.dc-split-top{align-items:start}
.dc-pain li{padding-bottom:18px}
.dc-pain strong{color:#3f444a}
.ea-notice .btn{margin:0}

/* Kopfzeile und Hero wie dkim-manager.eu */
.itw-origin{white-space:nowrap}
.itw-flag{display:inline-block;width:auto;height:.85em;margin:0 .3em 0 0;vertical-align:-.06em;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.itw-origin--top{margin-left:28px;font-weight:600}
@media(max-width:991px){.itw-origin--top{display:block;margin-left:0}}
.c-layout-header .c-brand .c-desktop-logo-inverse,.c-layout-header .c-brand .c-mobile-logo{width:190px!important;height:auto!important}
.dc-hero .ea-hero__title span{display:block;margin-top:8px;font-size:30px;line-height:1.2}
.ea-hero__box>p.dc-hero__origin{color:#c0cf48;font-size:22px;font-weight:700;margin:0 0 16px}

/* Abzeichen */
.dc-pill{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;padding:3px 9px 1px;color:#fff;white-space:nowrap}
.dc-pill--crit{background:#d64545}
.dc-pill--warn{background:#c98a1a}
.dc-pill--info{background:#394048}
.dc-pill--ok{background:#7f8c1f}

/* Beispiel-Auswertung */
.dc-mock{max-width:760px;margin:0 auto;background:#fff;border:1px solid rgba(0,0,0,.1)}
.dc-mock__bar{display:flex;justify-content:space-between;gap:10px;background:#394048;color:#fff;padding:12px 20px;font-weight:700}
.dc-mock__bar small{color:#c0c9d3;font-weight:400}
.dc-mock__kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(0,0,0,.1)}
.dc-mock__kpis>div{padding:18px 20px;border-right:1px solid rgba(0,0,0,.1)}
.dc-mock__kpis>div:last-child{border-right:0}
.dc-mock__kpis b{display:block;font-size:26px;line-height:1.2;color:#3f444a}
.dc-mock__ok b{color:#7f8c1f}
.dc-mock__kpis span{font-size:14px}
.dc-mock__chart{display:block;width:100%;height:auto;padding:15px 20px}
.dc-mock__alerts{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.1)}
.dc-mock__alerts li{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid #eee;font-size:15px}
.dc-mock__alerts li:last-child{border-bottom:0}
.dc-mock__alerts time{margin-left:auto;color:#6b737c;font-size:13px}

/* Beispiel-Meldungen */
.dc-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dc-alert{background:#fff;border:1px solid rgba(0,0,0,.1);border-top:3px solid #394048;padding:25px}
.dc-alert--crit{border-top-color:#d64545}
.dc-alert--warn{border-top-color:#c98a1a}
.dc-alert header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.dc-alert header small{color:#6b737c;font-size:13px;text-align:right}
.dc-alert h3{font-size:18px;font-weight:700;margin:0 0 12px!important;color:#3f444a}
.dc-alert p{font-size:15px;margin:0 0 12px}
.dc-alert__rec{margin:0!important;padding-top:12px;border-top:1px solid #eee}

/* Kennzahlen */
.dc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.dc-stats b{display:block;font-size:38px;line-height:1.2;color:#c0cf48;margin-bottom:8px}
.dc-stats span{color:#c0c9d3}

/* Abschlussband */
.dc-cta .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.dc-cta .container:before,.dc-cta .container:after{display:none}
.dc-cta h2{color:#fff;font-size:26px;font-weight:700;margin:0 0 8px}
.dc-cta p{margin:0}
.dc-cta .ea-intro__actions{margin:0}

/* Umschalter Zahlungsweise */
.dc-toggle{display:flex;justify-content:center;flex-wrap:wrap;gap:0;border:0;margin:0 0 40px;padding:0}
.dc-toggle legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dc-toggle label{margin:0;font-weight:400;cursor:pointer}
.dc-toggle input{position:absolute;opacity:0}
.dc-toggle span{display:block;padding:9px 22px 7px;border:1px solid #c0cf48;color:#3f444a;font-weight:700;text-transform:uppercase;font-size:15px}
.dc-toggle em{font-style:normal;font-weight:400;text-transform:none;font-size:13px;margin-left:6px}
.dc-toggle input:checked+span{background:#c0cf48;color:#fff}
.dc-toggle input:focus-visible+span{outline:2px solid #3f444a;outline-offset:2px}
.dc-amount{min-height:96px;align-content:flex-start}
.dc-amount strong s{font-size:16px;font-weight:400;color:#6b737c;margin-left:8px}
.dc-amount span{flex-basis:100%}

/* Vergleichstabelle */
.dc-table-scroll{overflow-x:auto}
.dc-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;font-size:15px}
.dc-table th{background:#394048;color:#fff;font-weight:700;text-transform:uppercase;padding:12px 14px 10px;text-align:center}
.dc-table th:first-child,.dc-table td:first-child{text-align:left}
.dc-table td{padding:10px 14px;border:1px solid rgba(0,0,0,.08);text-align:center}
.dc-table--left td{text-align:left}
.dc-group td{background:#f7fafb;font-weight:700;text-transform:uppercase;color:#3f444a;text-align:left}
.dc-yes{color:#7f8c1f;font-weight:700}
.dc-no{color:#9aa5b1}

/* Zusatzleistungen */
.dc-addon{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.1)}
.dc-addon h4{font-size:17px;font-weight:700;margin:0 0 4px;color:#3f444a}
.dc-addon p{margin:0;font-size:15px}
.dc-addon strong{white-space:nowrap;color:#3f444a}

/* Bestellformular */
.dc-order{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.dc-panel{background:#fff;border:1px solid rgba(0,0,0,.1);padding:25px 30px;margin-bottom:20px}
.dc-panel h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 20px!important;color:#3f444a}
.dc-panel h3 span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#c0cf48;color:#fff;font-size:15px}
.dc-opts{display:grid;gap:12px}
.dc-opts[hidden],.dc-field[hidden]{display:none}
.dc-opts--2{grid-template-columns:repeat(2,1fr)}
.dc-opts--3{grid-template-columns:repeat(3,1fr)}
.dc-opt[hidden]{display:none}
.dc-opt--wide{grid-column:1/-1}
.dc-opt{display:block;margin:0;font-weight:400;cursor:pointer}
.dc-opt input{position:absolute;opacity:0}
.dc-opt>span{display:block;height:100%;padding:14px 16px;border:1px solid rgba(0,0,0,.15)}
.dc-opt b{display:block;color:#3f444a}
.dc-opt small{display:block;font-size:13px}
.dc-opt em{display:block;font-style:normal;font-weight:700;color:#3f444a;margin-top:6px}
.dc-opt input:checked+span{border:2px solid #c0cf48;padding:13px 15px;background:#fbfcf4}
.dc-opt input:focus-visible+span{outline:2px solid #3f444a;outline-offset:2px}
.dc-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dc-field--full{grid-column:1/-1}
.dc-field label{display:block;font-size:14px;font-weight:700;color:#3f444a;margin-bottom:6px}
.dc-opt-hint{font-weight:400}
.dc-field input,.dc-field select,.dc-field textarea{width:100%;padding:9px 12px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#3f444a;font:inherit;font-size:16px;border-radius:0}
.dc-field textarea{min-height:90px;resize:vertical}
.dc-field input:focus,.dc-field select:focus,.dc-field textarea:focus{outline:2px solid #c0cf48;outline-offset:0}
.dc-field [aria-invalid="true"]{border-color:#c0392b}
.dc-hint{font-size:14px;margin:12px 0 0}
.dc-field--full.dc-hint{margin:-6px 0 0}
.dc-consent{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.dc-consent input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:#c0cf48}
.dc-consent label{flex:1;margin:0;font-weight:400}
.dc-consent a,.dc-panel a{text-decoration:underline}
.dc-danke{max-width:760px;margin:0 auto;text-align:center}
.dc-danke h1{font-size:26px;margin:0 0 15px}
.dc-err[hidden]{display:none}
.dc-err{flex-basis:100%;color:#c0392b;font-size:14px;font-weight:700;margin:6px 0 0}
.dc-submit{display:block;width:100%;margin:14px 0 0;white-space:normal}
.dc-done{display:none;background:#fbfcf4;border:2px solid #c0cf48;padding:25px 30px}
.dc-done.is-visible{display:block}
.dc-done h3{font-size:18px;font-weight:700;margin:0 0 12px!important}
.dc-summary{position:sticky;top:120px;background:#394048;color:#c0c9d3;padding:25px}
.dc-summary h3{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 15px!important}
.dc-summary dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 15px;font-size:14px}
.dc-summary dt{font-weight:400}
.dc-summary dd{margin:0;text-align:right;color:#fff}
.dc-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0;border-top:1px solid #4f5761;border-bottom:1px solid #4f5761;margin-bottom:12px}
.dc-total b{font-size:28px;color:#c0cf48;white-space:nowrap}
.dc-summary>small{display:block;font-size:13px;margin-bottom:15px}
.dc-summary .ea-checks{font-size:14px;margin:0}
.dc-summary .ea-checks li{color:#c0c9d3;padding-bottom:8px}

@media(max-width:1199px){
  .dc-grid-4{grid-template-columns:repeat(2,1fr)}
  .dc-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991px){
  .dc-order{grid-template-columns:1fr}
  .dc-summary{position:static;order:-1}
  .dc-alerts{grid-template-columns:1fr}
}
@media(max-width:767px){
  .dc-grid-4,.dc-opts--2,.dc-opts--3,.dc-fields,.dc-stats{grid-template-columns:1fr}
  .dc-mock__kpis{grid-template-columns:1fr}
  .dc-mock__kpis>div{border-right:0;border-bottom:1px solid rgba(0,0,0,.1)}
  .dc-mock__alerts li{flex-wrap:wrap}
  .dc-panel{padding:20px}
}