/* kissdomain Tools – im reduzierten kissdomain-Design (25.10.2026). Basis: /kd/site.css, /kd/brand.css, /kd/nav.css */
.tt-sr,.tt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.tt-ic{width:24px;height:24px;flex:0 0 24px}

/* Hero */
.tt-hero{padding:44px 0 48px}
.tt-hero .crumb{margin:0 0 14px}
.tt-hero .crumb a{color:#fff}
.tt-hero .lead{max-width:760px}
.tt-h1ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);margin-right:16px;vertical-align:-6px}
.tt-h1ic .tt-ic{width:30px;height:30px;flex-basis:30px}
.tt-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tt-chips li{box-sizing:border-box;height:34px;display:flex;align-items:center;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);font-size:15px;font-weight:600}

/* Formular im Hero: Eingabe und Knopf gleich hoch, bündig */
.tt-form{max-width:760px}
.tt-row{display:grid;grid-template-columns:1fr 200px;gap:12px}
.tt-row input,.tt-row .btn{box-sizing:border-box;height:52px;margin:0;border-radius:12px;font-size:17px}
.tt-row input{width:100%;border:1px solid rgba(255,255,255,.6);padding:0 16px;color:var(--ink);background:#fff;font-family:inherit}
.tt-row input:focus{outline:3px solid var(--sun2);outline-offset:1px}
.tt-row .btn{border:0;cursor:pointer;padding:0 12px;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-row .btn:disabled{opacity:.75;cursor:wait}
.tt-opts{display:grid;gap:12px;margin-top:12px}
.tt-opts.n1{grid-template-columns:1fr 200px}
.tt-opts.n2{grid-template-columns:1fr 1fr}
.tt-opts.n3{grid-template-columns:1fr 1fr 1fr}
.tt-sel{display:block;font-size:14px;font-weight:600;min-width:0}
.tt-sel span{display:block;height:22px;line-height:22px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-sel select,.tt-sel input{box-sizing:border-box;width:100%;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.6);padding:0 12px;font:inherit;font-weight:400;font-size:15px;color:var(--ink);background:#fff}
/* Hinweis unter dem Formular (z. B. Postfachprüfung): statisch, verschiebt nichts */
.tt-hint{max-width:760px;margin:10px 0 0;font-size:14px;line-height:22px;opacity:.92}
/* Statuszeile mit fester Höhe: Hinweise und Fehlermeldungen verschieben nichts */
.tt-status{max-width:760px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:12px;min-height:48px}
.tt-quota{margin:0;font-size:14px;line-height:24px;opacity:.92;white-space:nowrap}
.tt-quota.low{color:#fde68a;font-weight:700}
.tt-msg{margin:0;font-size:15px;line-height:24px;min-height:48px;text-align:right}
.tt-msg.err{color:#fecaca;font-weight:700}
.tt-nojs{margin:8px 0 0;font-weight:700}
.tt-unavail{max-width:760px;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:16px 18px}
.tt-unavail p{margin:0;font-size:16px}
.tt-unavail .btn{box-sizing:border-box;height:48px;display:flex;align-items:center;justify-content:center;padding:0 18px;white-space:nowrap;box-shadow:none}

/* Karten: 3×2-Raster, alle gleich hoch */
.tt-cards{grid-auto-rows:1fr}
.tt-cards a{box-sizing:border-box;min-height:150px;display:flex;flex-direction:column}
.tt-ct{display:flex;align-items:center;gap:10px;margin-bottom:6px;min-height:28px}
.tt-ct .tt-ic{color:var(--sun)}
.tt-ct .cn{flex:1;min-width:0;line-height:1.3}
.tt-badge{display:inline-flex;align-items:center;height:24px;box-sizing:border-box;padding:0 10px;border-radius:999px;background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:12.5px;font-weight:700;white-space:nowrap}
.tt-soon .cn,.tt-soon .ch{opacity:.75}
.tt-soon .tt-ct .tt-ic{color:#9ca3af}
.tt-unavail .tt-badge{background:#fef3c7}

/* Textteil, Fakten, verwandte Tools */
.tt-text h2{margin-top:0}
.tt-text h2:not(:first-child){margin-top:28px}
.tt-text code,.tt-pre,.tt-tab td,.tt-kv td{font-family:Menlo,Consolas,"DejaVu Sans Mono",monospace}
.tt-text code{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 5px;font-size:.88em}
.facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.facts dt{font-weight:700}.facts dd{margin:0}
.tt-rel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tt-rel a{box-sizing:border-box;height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--deep);font-weight:600;font-size:15px}
.tt-rel a:hover,.tt-rel a:focus{border-color:var(--sun)}
.tt-rel .tt-ic{width:20px;height:20px;flex-basis:20px;color:var(--sun)}
.tt-rel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-privacy{margin:16px 0 0}

/* CTA: drei gleich breite, gleich hohe Knöpfe */
.tt-cta{text-align:center}
.tt-cta .sub{max-width:720px;margin:-6px auto 0}
.tt-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:18px auto 0}
.tt-trio .btn{box-sizing:border-box;height:52px;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Ergebnis */
.tt-result{background:#fff;border:1px solid var(--line)!important;border-radius:16px;padding:22px 24px!important;margin:28px 0 6px;box-shadow:0 4px 18px rgba(15,59,95,.06)}
.tt-result:focus{outline:none}
.tt-res-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.tt-res-top h2{margin:0}
.tt-res-top .btn{box-sizing:border-box;height:40px;display:flex;align-items:center;padding:0 16px;font-size:15px;cursor:pointer;font-family:inherit}
.tt-sum{display:flex;gap:12px;align-items:flex-start;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:16px;line-height:1.45}
.tt-sum-l{white-space:nowrap;border-radius:6px;padding:1px 9px;font-size:13px;color:#fff;margin-top:2px}
.tt-sum.s-ok{background:#e6f5e8}.tt-sum.s-ok .tt-sum-l{background:#2e7d32}
.tt-sum.s-warn{background:#fff4d6}.tt-sum.s-warn .tt-sum-l{background:#a16207}
.tt-sum.s-err{background:#fbe7e7}.tt-sum.s-err .tt-sum-l{background:#b91c1c}
.tt-sum.s-info{background:#eef3f7}.tt-sum.s-info .tt-sum-l{background:var(--deep)}
.tt-block{margin-top:16px}
.tt-block h3{font-size:16px;margin:0 0 8px;color:var(--deep)}
.tt-kv{width:100%;border-collapse:collapse;font-size:14px}
.tt-kv th{width:32%;text-align:left;vertical-align:top;padding:6px 12px 6px 0;color:var(--mut);font-weight:700}
.tt-kv td{padding:6px 0;vertical-align:top;word-break:break-word;font-size:13px}
.tt-kv tr+tr th,.tt-kv tr+tr td{border-top:1px solid #f1ead9}
.tt-tw{overflow-x:auto}
.tt-tab{width:100%;border-collapse:collapse;font-size:13px}
.tt-tab th{background:#f8f4ea;color:var(--deep);text-align:left;padding:6px 8px;font-family:inherit;white-space:nowrap}
.tt-tab td{padding:6px 8px;border-top:1px solid #f1ead9;vertical-align:top;word-break:break-word}
td.s-ok{color:#1f7a2a}td.s-warn{color:#8a6400}td.s-err{color:#b02524;font-weight:700}td.s-muted{color:#8c979f}
.tt-kv td.s-ok:before,.tt-kv td.s-warn:before,.tt-kv td.s-err:before{display:inline-block;width:16px;font-weight:700}
.tt-kv td.s-ok:before{content:"✓"}.tt-kv td.s-warn:before{content:"!"}.tt-kv td.s-err:before{content:"✗"}
.tt-pre{background:#0f172a;color:#d7e1e8;border-radius:10px;padding:12px 14px;font-size:12.5px;max-height:440px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}
.tt-pre b{display:inline-block;min-width:24px;font-weight:700}
.tt-pre .l-c{color:#fbbf24}.tt-pre .l-s{color:#b6f0c0}.tt-pre .l-i{color:#9fb3c2}
.tt-notes{margin:0;padding-left:18px}.tt-notes li{margin:4px 0}.tt-notes li.s-err{color:#b02524}.tt-notes li.s-warn{color:#8a6400}

@media(max-width:900px){.tt-cards a{min-height:0}}
@media(max-width:760px){
 .tt-hero{padding:32px 0 36px}
 .tt-row,.tt-opts.n1,.tt-opts.n2,.tt-opts.n3{grid-template-columns:1fr}
 .tt-status{grid-template-columns:1fr;gap:4px;min-height:76px}
 .tt-msg{text-align:left}
 .tt-unavail{grid-template-columns:1fr;justify-items:start}
 .tt-unavail .btn{width:100%}
 .tt-trio{grid-template-columns:1fr}
 .tt-h1ic{width:40px;height:40px;margin-right:10px;vertical-align:-4px}
 .tt-h1ic .tt-ic{width:24px;height:24px}
 .tt-result{padding:16px 14px!important}
 .tt-kv th{width:40%}
}

/* „In Kürze verfügbar“ (Ingmar 25.10. 12:33): Hinweis unten in der Karte, Titelzeile bleibt einzeilig, kein Versatz */
.tt-sb{display:flex;margin-top:auto;padding-top:10px}
/* DNS-Abfrage: deaktiviertes Feld „Eigener Nameserver“ und dig-Rohausgabe (Mail 2552334, 25.10.2026) */
.tt-sel input:disabled{background:#e8eef3;color:#64748b;cursor:not-allowed;opacity:1}
.tt-raw{white-space:pre-wrap;word-break:break-all;tab-size:8;max-height:640px;color:#d7e1e8}
/* Punycode: Kopier-Symbol neben der Domain; Bestätigung „Kopiert“ absolut positioniert (kein Versatz) */
.tt-cp{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px 0 -4px 8px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;cursor:pointer;vertical-align:middle}
.tt-cp:hover,.tt-cp:focus-visible{border-color:#64748b;color:#0f172a}
.tt-cp:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.tt-cp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tt-cp-ok{position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%);padding:2px 8px;border-radius:6px;background:#0f172a;color:#fff;font:600 12px/18px system-ui,sans-serif;white-space:nowrap;visibility:hidden;pointer-events:none}
.tt-cp.ok .tt-cp-ok{visibility:visible}
.tt-cp.ok{border-color:#16a34a;color:#16a34a}
.tt-edit{margin:18px 0 0;font-size:inherit}
.tt-edit a{font-weight:600;color:#0b5cad;text-decoration:underline;text-underline-offset:3px}
.tt-edit a::before{content:"\2190\00a0"}
