/* The Human Condition — form pages.
   Shared by kuendigung.html, widerruf.html, passwort-vergessen.html.

   Deliberately quiet: no boxes, no fieldsets, no numbered steps. The rhythm
   is the same as the legal documents — a hairline rule, a question in
   Cormorant, the answer beneath it. These pages are read by someone who is
   leaving or asking for money back; they should feel calm, not procedural. */

:root{
  --bg:#0E1526; --bg2:#0A0F1D; --surface:#161F36;
  --ink:#EAE4DA; --ink-dim:rgba(234,228,218,0.62); --ink-faint:rgba(234,228,218,0.38);
  --hairline:rgba(147,197,253,0.16); --accent:#93C5FD; --accent-soft:rgba(147,197,253,0.62);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:radial-gradient(ellipse 80% 50% at 50% -10%,#16223F 0%,var(--bg) 55%) var(--bg);
  color:var(--ink); font-family:'Crimson Pro',Georgia,serif; font-weight:300; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
body.lang-en [data-de]{display:none !important;}
body.lang-de [data-en]{display:none !important;}

h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:0.01em;}
a{color:var(--accent-soft);}
p,label,li{color:var(--ink-dim);font-size:16px;}
strong{color:var(--ink);}

.wrap{max-width:620px;margin:0 auto;padding:56px 28px 110px;}

.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px;}
.back{font-size:14px;color:var(--ink-dim);text-decoration:none;letter-spacing:0.03em;}
.back:hover{color:var(--ink);}
.langtoggle{border:1px solid var(--hairline);background:transparent;color:var(--ink-dim);
  font-family:inherit;font-size:13px;letter-spacing:0.06em;padding:5px 12px;border-radius:3px;cursor:pointer;}
.langtoggle:hover{color:var(--ink);border-color:var(--accent-soft);}

h1{font-size:clamp(30px,4.4vw,40px);margin:0 0 14px;color:var(--ink);line-height:1.15;}
.lede{font-size:17px;color:var(--ink-dim);margin:0 0 8px;}

/* a question: hairline above, Cormorant prompt, answer beneath */
.q{margin:0;padding:34px 0 0;border-top:1px solid var(--hairline);}
.q:first-of-type{margin-top:38px;}
.q > .ask{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;
  font-size:22px;color:var(--ink);letter-spacing:0.01em;margin-bottom:4px;line-height:1.3;}
.q > .why{display:block;font-size:14.5px;color:var(--ink-faint);margin-bottom:16px;}
.q + .q{margin-top:34px;}

/* choices — no boxes, just space */
.choice{display:flex;align-items:baseline;gap:11px;padding:7px 0;cursor:pointer;}
.choice input{accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto;
  transform:translateY(2px);cursor:pointer;}
.choice span{font-size:16.5px;color:var(--ink-dim);}
.choice:hover span{color:var(--ink);}
.choice input:checked ~ span{color:var(--ink);}

/* inputs — an underline, not a box */
input[type=text],input[type=email],input[type=date],input[type=password],textarea{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--hairline);
  color:var(--ink);font-family:inherit;font-weight:300;font-size:17px;
  padding:9px 2px;border-radius:0;
}
input:focus,textarea:focus{outline:none;border-bottom-color:var(--accent-soft);}
input::placeholder{color:rgba(234,228,218,0.22);}
textarea{min-height:88px;resize:vertical;line-height:1.65;}
.inset{margin-top:14px;padding-left:27px;}

.err{color:#F0A9A9;font-size:15px;margin:24px 0 0;}

.submit{display:block;width:100%;margin:44px 0 0;padding:16px 18px;border:none;border-radius:4px;
  background:var(--accent);color:#0B1120;font-family:'Cormorant Garamond',Georgia,serif;
  font-size:21px;letter-spacing:0.04em;cursor:pointer;}
.submit:hover{filter:brightness(1.08);}

.footnote{margin-top:30px;padding-top:26px;border-top:1px solid var(--hairline);
  font-size:14.5px;color:var(--ink-faint);}
.footnote a{color:var(--accent-soft);}

/* the durable record */
.record{background:var(--surface);border:1px solid var(--hairline);border-radius:4px;
  padding:20px 22px;white-space:pre-wrap;font-size:14.5px;color:var(--ink);
  line-height:1.75;margin:24px 0;}
.rowbtns{display:flex;gap:12px;flex-wrap:wrap;}
.ghost{border:1px solid var(--accent-soft);background:transparent;color:var(--accent-soft);
  font-family:inherit;font-size:15.5px;padding:10px 20px;border-radius:4px;cursor:pointer;
  text-decoration:none;display:inline-block;}
.ghost:hover{background:rgba(147,197,253,0.08);}

.note{background:var(--surface);border-left:2px solid var(--accent-soft);border-radius:3px;
  padding:16px 18px;font-size:15px;color:var(--ink-dim);margin:26px 0 0;}
.note strong{color:var(--ink);}

.hidden{display:none !important;}

@media print{
  body{background:#fff;color:#000;}
  .topbar,.submit,.rowbtns,.note,.footnote{display:none !important;}
  .record{background:#fff;color:#000;border:1px solid #999;}
  p,label,h1,h2{color:#000;}
}