/* kissdomain Werkzeug-Seiten (Domainsuche, Transfer, Anfrage, Domainbewertung, Kaufanfrage)
   im reduzierten Design der Startseite – Mail 2495135, 25.10.2026.
   Wird NACH Bootstrap/1bb und den Seiten-Styles geladen und überschreibt deren Optik. */
:root{--ink:#1f2937;--mut:#5b6472;--sun:#f59e0b;--sun2:#fbbf24;--deep:#0f3b5f;--bg:#fffdf7;--card:#fff;--line:#eadfc8}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,h4,h5,.btn,input,button,select,textarea{font-family:inherit}
h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.25}
a{color:var(--deep)}
a:hover,a:focus{color:#0a2a45}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* Kopf wie Startseite: Logo links, Menü + Sprache rechts */
.kd-brand .kd-right{display:flex;align-items:center;gap:14px}
.kd-nav{display:flex;gap:2px}
.kd-nav a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:15px;line-height:1.6;font-weight:600;color:var(--deep)}
.kd-nav a:hover,.kd-nav a:focus{background:#eef2f7;color:var(--deep);text-decoration:none}
.kd-nav a[aria-current]{background:#eef2f7}
@media(max-width:860px){.kd-nav{display:none}}
/* Sprachumschalter als Pille (wie .kd-sw), statt schwebend oben rechts */
.kd-brand .kd-lang{position:static;display:grid;grid-template-columns:44px 44px;padding:0;border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#fff;box-shadow:none;font:700 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;flex:0 0 auto}
.kd-brand .kd-lang .gl,.kd-brand .kd-lang .sep{display:none}
.kd-brand .kd-lang a{display:block;text-align:center;padding:8px 0;border-radius:0;color:var(--deep);background:#fff;text-decoration:none}
.kd-brand .kd-lang a:hover,.kd-brand .kd-lang a:focus{background:#eef2f7;color:var(--deep)}
.kd-brand .kd-lang a.on,.kd-brand .kd-lang a[aria-current]{background:var(--deep);color:#fff}

/* Hero wie Startseite (.hero.c-kd) */
.ds-hero{position:relative;overflow:hidden;color:#fff;border-radius:0;margin:0;padding:48px 0 52px;background:linear-gradient(160deg,#0f172a 0%,#0f3b5f 55%,#f59e0b 150%)}
.ds-hero .sun{position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(253,230,138,.45) 30%,rgba(245,158,11,.22) 58%,rgba(245,158,11,0) 72%);opacity:.9;pointer-events:none}
.ds-hero .wrap{position:relative}
.ds-hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;color:#fff;word-break:break-word}
.ds-hero p,.ds-hero p.sub{font-size:clamp(17px,2vw,20px);max-width:820px;margin:0 0 22px;opacity:1}
.ds-hero > .wrap > p:last-child{margin-bottom:0}
.ds-hero a{color:#fde68a}
.ds-form{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.18);max-width:100%}
.ds-form input{color:var(--ink)}
.ds-form button{background:var(--sun);color:#111827;font-weight:700;min-width:190px}
.ds-form button:hover,.ds-form button:focus{background:var(--sun2);color:#111827}
.ds-chips a{border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff}
.ds-chips a:hover,.ds-chips a:focus{background:rgba(255,255,255,.24);color:#fff}
.ds-msg.err{color:#fecaca}
.ds-hero p.ds-fact{font-size:14px;line-height:1.55;margin:14px 0 0;max-width:820px;color:#e2e8f0}
.ds-hero .ds-fact a{color:#fde68a}
/* Querverweis-Buttons im Hero wie .btn.tool der Startseite – alle gleich breit */
.kd-tools{gap:12px}
.ds-hero .kd-tools{margin-top:12px}
.kd-tools a,.kd-tools a.kd-tool{box-sizing:border-box;background:var(--sun);color:#111827;border:0;border-radius:8px;font-weight:700;font-size:13px;line-height:18px;padding:8px 0;text-decoration:none;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.kd-tools a:hover,.kd-tools a:focus{background:var(--sun2);color:#111827;text-decoration:none}

/* Inhalt: Karten wie .facts der Startseite */
.kd-main{padding-top:28px;padding-bottom:8px}
.ds-box,.tr-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:0 0 22px;box-shadow:0 4px 18px rgba(15,59,95,.06)}
.ds-box h2,.tr-box h2,.ds-faq h2,.ds-summary h2{font-size:24px;color:var(--ink)}
.ds-faq h3,.ds-box h3{font-size:18px}
.tr-box h2{margin:0 0 10px}

/* Ergebnisliste Domainsuche (Raster 150+150 px bleibt unverändert) */
.ds-row{border:1px solid var(--line);border-radius:12px}
.ds-row.hl{border:2px solid var(--deep);box-shadow:0 4px 14px rgba(15,59,95,.12)}
.ds-name{color:var(--ink)}
.ds-actions .btn{border-radius:8px;font-weight:700;border:1px solid transparent}
.ds-actions .btn-success,.ds-actions .btn-tr{background:var(--sun);border-color:var(--sun);color:#111827}
.ds-actions .btn-success:hover,.ds-actions .btn-success:focus,.ds-actions .btn-tr:hover,.ds-actions .btn-tr:focus{background:var(--sun2);border-color:var(--sun2);color:#111827}
.btn-ds{background:var(--deep);border-color:var(--deep);color:#fff}
.btn-ds:hover,.btn-ds:focus{background:#0a2a45;border-color:#0a2a45;color:#fff}
.ds-box .btn-default,.bw-actions .btn-default{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:8px;font-weight:700}
.ds-box .btn-default:hover,.ds-box .btn-default:focus{background:#fff7e6;border-color:var(--sun);color:var(--ink)}
.ds-filter button{border-color:#d6cbb3}
.ds-filter button:hover{border-color:var(--deep)}
.ds-filter button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:#fff}
.ds-prog{background:#fff7e6;border-radius:10px}
.ds-prog .bar{background:#eadfc8}
.ds-prog .bar i{background:var(--deep)}
.ds-detail{background:var(--bg);border-top-color:var(--line);border-radius:0 0 12px 12px}
.ds-detail h3,.ds-detail summary{color:var(--deep)}
.ds-ent{border-color:var(--line);border-radius:10px}
.ds-ent b.role{background:#eef2f7;color:var(--deep)}
.ds-all{border-top-color:var(--line)}
.ds-empty{border-color:var(--line);border-radius:12px}

/* Domainbewertung */
.bw-value{border-color:var(--deep);border-radius:14px}
.bw-value .range,.bw-value .num{color:var(--deep)}
.bw-scale{background:linear-gradient(90deg,#e5e7eb,#9fb6cc,#0f3b5f,#f59e0b)}
.bw-pill.cls{background:#eef2f7;color:var(--deep)}
.bw-f th{color:var(--deep)}
.bw-actions{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:10px}
.bw-actions .btn{display:block;width:100%;white-space:normal;border-radius:8px;font-weight:700;padding:9px 12px}
@media(max-width:600px){.bw-actions{grid-template-columns:1fr}}

/* Formulare (Anfrage, Kaufanfrage, Transfer) */
.kf label,.tr-form label.tr-l{font-weight:600}
.kf .form-control{border:1px solid #cbd5e1;border-radius:10px;box-shadow:none;color:var(--ink)}
.kf input.form-control{height:46px}
.kf .form-control:focus,.tr-row input:focus{border-color:var(--sun);outline:0;box-shadow:0 0 0 3px rgba(245,158,11,.25)}
.kf .btn-send,.tr-go{background:var(--sun);border:0;color:#111827;border-radius:12px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.kf .btn-send{padding:13px 28px}
.kf .btn-send:hover,.kf .btn-send:focus,.tr-go:hover,.tr-go:focus{background:var(--sun2);color:#111827}
.tr-go[aria-disabled="true"]{background:#e5e7eb;color:#6b7280;box-shadow:none}
.tr-row input{border-color:#cbd5e1;border-radius:10px}
.kf-ok,.kf-err,.kf-info,.ds-note{border-radius:10px}
.kf-note{color:var(--mut)}

/* Fuß wie Startseite */
.foot{background:#0f172a;color:#cbd5e1;font-size:14px;line-height:1.6;padding:22px 0;margin-top:20px}
.foot p{margin:0}
.foot a{color:#fde68a}
.foot .legal{margin:6px 0 0}
.foot .legal a{white-space:nowrap}

/* Datenschutz-Hinweis (kein Cookie) in Startseiten-Farben */
.kd-info{background:#0f172a;color:#e2e8f0;border-radius:12px}
.kd-info button{background:var(--sun);color:#111827}
.kd-info button:hover,.kd-info button:focus{background:var(--sun2)}

@media(max-width:600px){
 .ds-hero{padding:30px 0 34px}
 .ds-hero h1{font-size:28px}
 .ds-box,.tr-box{padding:16px}
 .ds-form button{min-width:0}
}
/* gleiche Zeilenhöhen in der Ergebnisliste (Fluchten wie bisher) */
.ds-info,.ds-name{line-height:1.42857}
/* Mobil wie Startseite (.hero-actions): Querverweise untereinander, volle Breite */
@media(max-width:640px){.kd-tools{display:grid;grid-template-columns:1fr;gap:10px}.kd-tools a.kd-tool{width:auto}}
/* Formular-Fluchten: Felder links und rechts auf einer Linie (Adresse = Höhe von 2 Feldern + Abstand) */
.kf .form-group{margin-bottom:16px}
.kf .form-group > label{display:block;font-size:16px;line-height:27px;margin:0 0 6px}
.kf input.form-control{height:46px}
@media(min-width:768px){
 .kf .form-group > label{white-space:nowrap}
 .kf #kf-address{height:141px}
 .kf #kf-domains{height:46px;min-height:46px}
}
/* wie /kd/nav.css (übrige kissdomain-Seiten) */
@media(max-width:1000px){.kd-right .kd-nav a{padding:8px 8px}}
@media(max-width:920px){.kd-right .kd-nav{display:none}}

/* 25.10.2026 Overflow-Fix Kaufanfrage: lange Checkbox-Texte und Senden-Button umbrechen */
.kf .checkbox label,.kf .radio label{white-space:normal;font-weight:400}
.kf .btn-send{white-space:normal;max-width:100%}

/* 25.10.2026 (Mail 2538345) Formular-Fluchten auch bei Fehlermeldungen: festes Raster statt zwei freier Spalten.
   Telefon und Domain stehen immer in derselben Zeile; die Adresse füllt genau die Höhe von Name + E-Mail. */
@media(min-width:768px){
 .kf-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}
 .kf-grid .kf-g-name{grid-column:1;grid-row:1}
 .kf-grid .kf-g-email{grid-column:1;grid-row:2}
 .kf-grid .kf-g-phone{grid-column:1;grid-row:3}
 .kf-grid .kf-g-addr{grid-column:2;grid-row:1 / span 2;align-self:stretch;display:flex;flex-direction:column}
 .kf-grid .kf-g-addr > textarea,.kf-grid #kf-address{flex:1 1 auto;height:auto;min-height:92px;resize:none}
 .kf-grid .kf-g-dom{grid-column:2;grid-row:3}
}