/* sercankahraman.com — gemeinsames Stylesheet für alle drei Seiten.
   Farben aus dem minoka-Bestand: --brand #3182CE ist der Marken-Blauton aus
   wp-plugins/minoka-styles/css/global.css. Für Fließtext-Links wird bewusst
   der dunklere Ton --accent #2B6CB0 genommen: #3182CE erreicht auf Weiß nur
   etwa 3.9:1 und verfehlt damit WCAG AA für normalen Text, #2B6CB0 liegt bei
   etwa 5.3:1. Der helle Ton bleibt Flächen und Linien vorbehalten, wo die
   Anforderung niedriger ist. */

:root{
  --paper:#f5f6f7; --surface:#fff; --ink:#1a202c; --muted:#4a5568; --faint:#718096;
  --rule:#dde1e6; --rule-soft:#e9ecef;
  --brand:#3182ce; --accent:#2b6cb0; --accent-soft:#ebf4fc;
  --shadow:0 1px 2px rgba(26,32,44,.05), 0 8px 24px -12px rgba(26,32,44,.14);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --measure:64ch;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0f1319; --surface:#171d25; --ink:#e6eaef; --muted:#a0aec0; --faint:#78859a;
    --rule:#262f3b; --rule-soft:#1c242e;
    --brand:#63b3ed; --accent:#90cdf4; --accent-soft:#152a40;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --paper:#0f1319; --surface:#171d25; --ink:#e6eaef; --muted:#a0aec0; --faint:#78859a;
  --rule:#262f3b; --rule-soft:#1c242e;
  --brand:#63b3ed; --accent:#90cdf4; --accent-soft:#152a40;
}
:root[data-theme="light"]{
  --paper:#f5f6f7; --surface:#fff; --ink:#1a202c; --muted:#4a5568; --faint:#718096;
  --rule:#dde1e6; --rule-soft:#e9ecef;
  --brand:#3182ce; --accent:#2b6cb0; --accent-soft:#ebf4fc;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.62 var(--sans);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:52rem;margin:0 auto;padding:0 1.5rem}
a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.06em}
a:hover{text-decoration-thickness:.12em}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--surface);padding:.6rem 1rem;border-radius:6px;box-shadow:var(--shadow)}

/* Kopf */
.hero{padding:clamp(3rem,9vw,6rem) 0 clamp(2rem,5vw,3.5rem)}
.hero-grid{display:grid;gap:2rem;align-items:start}
@media(min-width:44rem){.hero-grid{grid-template-columns:auto 1fr;gap:2.5rem}}
.avatar{
  width:128px;height:128px;border-radius:50%;object-fit:cover;display:block;
  border:3px solid var(--brand);box-shadow:var(--shadow);background:var(--surface);
}
.eyebrow{
  margin:0 0 .7rem;font:600 .74rem/1.4 var(--mono);letter-spacing:.09em;
  text-transform:uppercase;color:var(--accent);
}
h1{
  margin:0 0 .9rem;font-size:clamp(2.4rem,7vw,4rem);line-height:1.02;
  letter-spacing:-.035em;font-weight:800;text-wrap:balance;
}
.lede{margin:0 0 1.6rem;max-width:var(--measure);font-size:clamp(1.02rem,1.9vw,1.16rem);color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:.7rem}
.btn{
  display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1.1rem;
  border-radius:7px;font-weight:600;font-size:.94rem;text-decoration:none;
  border:1px solid var(--brand);transition:transform .12s ease;
}
.btn-primary{background:var(--brand);color:#fff}
.btn-secondary{background:transparent;color:var(--accent)}
.btn:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

.langswitch{margin:1.1rem 0 0;font-size:.9rem}
.langswitch a{text-decoration:none;font-weight:600;border-bottom:1px solid var(--brand);padding-bottom:1px}
.langswitch a:hover{color:var(--brand)}

/* Abschnitte */
section{padding:clamp(2.5rem,6vw,4rem) 0;border-top:1px solid var(--rule)}
h2{margin:0 0 1.3rem;font-size:clamp(1.35rem,3vw,1.7rem);letter-spacing:-.02em;font-weight:700;text-wrap:balance}
h3{margin:0 0 .35rem;font-size:1.02rem;font-weight:650;letter-spacing:-.01em}
p{margin:0 0 1rem;max-width:var(--measure)}
p:last-child{margin-bottom:0}

.cite{font-size:.86rem;color:var(--faint);border-left:2px solid var(--brand);padding-left:.8rem;margin-top:1.25rem}
.cite a{color:var(--accent)}

/* Fakten */
.facts{display:grid;gap:0;background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.fact{display:grid;gap:.15rem;padding:.85rem 1.1rem;border-top:1px solid var(--rule-soft)}
.fact:first-child{border-top:0}
@media(min-width:38rem){.fact{grid-template-columns:13rem 1fr;gap:1.2rem;align-items:baseline}}
.fact dt{font:600 .74rem/1.5 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--faint)}
.fact dd{margin:0;font-size:.97rem}

/* Karten */
.cards{display:grid;gap:1rem}
@media(min-width:44rem){.cards{grid-template-columns:repeat(3,1fr)}}
.card{
  padding:1.25rem 1.3rem;background:var(--surface);border:1px solid var(--rule);
  border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;
  border-top:3px solid var(--brand);
}
.card p{font-size:.94rem;color:var(--muted);margin:0;flex:1}
.card a{font-size:.9rem;font-weight:600;text-decoration:none}
.card a:hover{text-decoration:underline}

/* Listen und Verweise */
.list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.list li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:baseline;font-size:.97rem}
.list li::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--brand);transform:translateY(-.18em)}
.list .issuer{color:var(--muted)}
.links{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-block;padding:.42rem .85rem;border:1px solid var(--rule);border-radius:999px;font-size:.9rem;text-decoration:none;color:var(--ink);background:var(--surface)}
.chip:hover{border-color:var(--brand);color:var(--accent)}

/* FAQ */
.faq{display:grid;gap:.5rem}
details{background:var(--surface);border:1px solid var(--rule);border-radius:9px;padding:.9rem 1.1rem}
details[open]{border-color:var(--brand)}
summary{cursor:pointer;font-weight:650;font-size:1rem;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--brand);font-weight:400;font-size:1.2rem;line-height:1.2}
details[open] summary::after{content:"\2212"}
details p{margin:.7rem 0 0;color:var(--muted);font-size:.96rem}

footer{padding:2.5rem 0 3.5rem;border-top:1px solid var(--rule);color:var(--faint);font-size:.88rem}
footer p{margin:0 0 .4rem}
footer nav{display:flex;flex-wrap:wrap;gap:.9rem}

/* Rechtsseiten */
.legal{padding:clamp(2.5rem,7vw,4.5rem) 0 1rem}
.legal h1{font-size:clamp(1.9rem,5vw,2.6rem);margin-bottom:.5rem}
.legal .back{display:inline-block;margin-bottom:2rem;font-size:.92rem;text-decoration:none;font-weight:600}
.legal .back:hover{text-decoration:underline}
.legal h2{margin-top:2.5rem;font-size:1.2rem}
.legal h3{margin-top:1.5rem;font-size:1rem}
.legal section{border-top:0;padding:0}
.legal address{font-style:normal;margin:0 0 1rem;line-height:1.7}
.legal .actions{margin-top:1.75rem}
.legal .eyebrow{margin-bottom:.5rem}
.legal .updated{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);color:var(--faint);font-size:.88rem}