/* index-page.css — ausgelagerter Startseiten-Style (benannt, wiederverwendbar; 0 Inline) */

  *{box-sizing:border-box;margin:0;padding:0}
  body{
    font-family:var(--t-font-sans,'Inter Tight',sans-serif);
    font-stretch:var(--t-stretch-body,70%);
    letter-spacing:var(--t-tracking-body,-.012em);
    color:hsl(var(--t-foreground,60 4% 12%));
    background:hsl(var(--t-background,42 25% 91%));
    line-height:1.5;min-height:100vh;
    display:flex;flex-direction:column;
  }
  .wrap{max-width:880px;margin:0 auto;padding:0 22px;width:100%}

  header{padding:26px 0 18px;border-bottom:1px solid hsl(var(--t-border,40 12% 76%))}
  .brand{display:flex;align-items:center;gap:13px}
  .dot{width:42px;height:42px;border-radius:var(--t-radius-pill,999px);
    background:hsl(var(--t-orange,18 84% 55%));
    box-shadow:var(--t-shadow-soft);flex:0 0 auto}
  .brand h1{font-stretch:var(--t-stretch-tight,64%);letter-spacing:var(--t-tracking-tight,-.02em);
    font-size:30px;font-weight:800}
  .brand h1 .sep{color:hsl(var(--t-orange,18 84% 55%))}
  .tag{color:hsl(var(--t-muted-foreground,40 6% 38%));font-size:15px;margin-top:5px}

  main{flex:1;padding:38px 0 60px}
  .lead{font-size:21px;font-stretch:66%;max-width:640px;margin-bottom:34px}
  .lead strong{color:hsl(var(--t-orange-dark,18 84% 44%))}

  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--t-gap,18px)}
  .card{
    background:hsl(var(--t-card,42 30% 94%));
    border:1px solid hsl(var(--t-border,40 12% 76%));
    border-radius:var(--t-radius,14px);
    padding:var(--t-pad-panel,18px);
    box-shadow:var(--t-shadow-panel);
    text-decoration:none;color:inherit;display:block;transition:transform .12s ease,box-shadow .12s ease}
  .card:hover{transform:translateY(-2px);box-shadow:var(--t-shadow-panel-hover, var(--t-shadow-panel))}
  .card .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    color:hsl(var(--t-orange-dark,18 84% 44%));font-weight:700;margin-bottom:7px}
  .card h3{font-stretch:64%;font-size:19px;font-weight:800;margin-bottom:6px}
  .card p{font-size:14px;color:hsl(var(--t-muted-foreground,40 6% 38%))}

  .people{margin-top:42px}
  .people h2{font-stretch:64%;font-size:15px;text-transform:uppercase;letter-spacing:.06em;
    color:hsl(var(--t-muted-foreground,40 6% 38%));margin-bottom:14px}
  .crew{display:flex;flex-wrap:wrap;gap:11px}
  .chip{display:flex;align-items:center;gap:9px;
    background:hsl(var(--t-muted,42 18% 84%));border-radius:var(--t-radius-pill,999px);
    padding:8px 16px 8px 9px;font-size:14px;font-weight:600}
  .chip .c{width:22px;height:22px;border-radius:50%;flex:0 0 auto}
  .c-jens{background:hsl(var(--t-anthracite,60 4% 12%))}
  .c-ee{background:hsl(var(--t-olive,45 14% 58%))}
  .c-ra{background:hsl(var(--t-orange,18 84% 55%))}

  footer{border-top:1px solid hsl(var(--t-border,40 12% 76%));
    padding:18px 0;font-size:12.5px;color:hsl(var(--t-muted-foreground,40 6% 38%))}
  footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  footer a{color:hsl(var(--t-orange-dark,18 84% 44%));text-decoration:none}
  .lang .lg{font:inherit;font-size:12px;font-weight:700;border:1px solid hsl(var(--t-border,40 12% 76%));
    background:hsl(var(--t-card, 42 30% 94%));color:hsl(var(--t-muted-foreground,40 6% 38%));border-radius:var(--t-radius-pill,999px);
    padding:5px 11px;cursor:pointer;transition:all .12s}
  .lang .lg.on{background:hsl(var(--t-orange,18 84% 55%));color:hsl(var(--t-orange-foreground,0 0% 100%));border-color:transparent}
  .k-head h2{font-stretch:64%;font-size:15px;text-transform:uppercase;letter-spacing:.06em;
    color:hsl(var(--t-muted-foreground,40 6% 38%));margin-bottom:6px}
  .k-head p{font-size:14px;color:hsl(var(--t-muted-foreground,40 6% 38%));max-width:560px;margin-bottom:14px}
  .card-accent{background:hsl(var(--t-orange,18 84% 55%));border-color:transparent;color:hsl(var(--t-orange-foreground,0 0% 100%))}
  .card-accent .k{color:hsl(var(--t-orange-foreground, 0 0% 100%) / .85)}
  .card-accent p{color:hsl(var(--t-orange-foreground, 0 0% 100%) / .9)}
  .card-accent:hover{box-shadow:var(--t-shadow-panel-hover, var(--t-shadow-panel))}

.hdr-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}

/* 260715home1 — Lesbarkeit freistehender Homepage-Typo auf Style-/Pattern-Hintergründen */
body>header .brand h1,
body>header .tag,
main>.wrap>.lead,
main>.wrap>.k-head h2,
main>.wrap>.k-head p,
.people>h2{
  color:hsl(var(--t-cream,42 30% 94%));
  -webkit-text-fill-color:hsl(var(--t-cream,42 30% 94%));
  text-shadow:0 2px 12px hsl(var(--t-anthracite,60 4% 12%) / .72);
}
main>.wrap>.lead strong{color:hsl(var(--t-cream,42 30% 94%));-webkit-text-fill-color:hsl(var(--t-cream,42 30% 94%));}
.card{color:hsl(var(--t-anthracite,60 4% 12%));-webkit-text-fill-color:hsl(var(--t-anthracite,60 4% 12%));}
.card p{color:hsl(var(--t-anthracite,60 4% 20%));-webkit-text-fill-color:hsl(var(--t-anthracite,60 4% 20%));}
.card-accent,.card-accent h3,.card-accent p,.card-accent .k{color:hsl(var(--t-cream,42 30% 94%));-webkit-text-fill-color:hsl(var(--t-cream,42 30% 94%));}
footer,footer a{color:hsl(var(--t-cream,42 30% 94%));-webkit-text-fill-color:hsl(var(--t-cream,42 30% 94%));text-shadow:0 1px 8px hsl(var(--t-anthracite,60 4% 12%) / .72);}

/* 260715home2 — freistehende Homepage-Textmodule: dunkle Lesefläche statt heller Kontrastfalle */
main>.wrap>.lead,
main>.wrap>.k-head{
  background:hsl(var(--t-anthracite,60 4% 12%) / .72)!important;
  border:1px solid hsl(var(--t-cream,42 30% 94%) / .18)!important;
  border-radius:18px!important;
  padding:22px!important;
  box-shadow:0 18px 52px hsl(var(--t-anthracite,60 4% 12%) / .28)!important;
}
main>.wrap>.k-head{max-width:840px;margin-bottom:18px!important;}
main>.wrap>.lead,
main>.wrap>.lead strong,
main>.wrap>.k-head h2,
main>.wrap>.k-head p{
  color:hsl(var(--t-cream,42 30% 94%))!important;
  -webkit-text-fill-color:hsl(var(--t-cream,42 30% 94%))!important;
}