/* Lingolini · Entwurf v1 · 02.11.2026 */
:root{
  --ink:#1E2A4A; --ink-2:#4A5573; --cream:#FFF8EC; --sand:#FBEBD3; --line:#EADFCB; --white:#fff;
  --red:#D7373F; --red-d:#B92A31; --blue:#3A63D8; --yellow:#F6B70F; --green:#2E9C55;
  --teal:#14A7A0; --purple:#7A45B0; --pink:#E8649A; --grass:#5DB43C;
  --r:22px; --r-s:14px;
  --f-head:"Fredoka",system-ui,sans-serif; --f-text:"Nunito",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* Logo v2: Schriftzug wie das Original (Großbuchstaben, jeder Buchstabe eigene Farbe, drei Punkte oben rechts), nur ruhiger gezeichnet */
.logo{--l1:#D7373F;--l2:#4A72D6;--l3:#F2B30C;--l4:#1F9A4F;--l5:#25BFB4;--l6:#6A2E96;--l7:#3DB5E6;--l8:#EC7DB5;--l9:#5A5249;
  font-family:var(--f-head);font-weight:600;font-size:30px;line-height:1;letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:flex-end;white-space:nowrap;padding-top:.32em;padding-right:.62em;position:relative}
.logo b{font-weight:inherit;color:var(--c)}
.logo b:nth-child(1){--c:var(--l1)}.logo b:nth-child(2){--c:var(--l2)}.logo b:nth-child(3){--c:var(--l3)}.logo b:nth-child(4){--c:var(--l4)}.logo b:nth-child(5){--c:var(--l5)}
.logo b:nth-child(6){--c:var(--l6)}.logo b:nth-child(7){--c:var(--l7)}.logo b:nth-child(8){--c:var(--l8)}.logo b:nth-child(9){--c:var(--l9)}
.logo .dots{position:absolute;right:0;top:0;width:.62em;height:.5em}
.logo .dots i{position:absolute;border-radius:50%}
.logo .dots i:nth-child(1){width:.3em;height:.3em;left:0;top:0;background:var(--l1)}
.logo .dots i:nth-child(2){width:.19em;height:.19em;left:.3em;top:.12em;background:var(--l2)}
.logo .dots i:nth-child(3){width:.12em;height:.12em;left:.49em;top:.27em;background:var(--l3)}
.logo.ein b{color:var(--ink)}

/* Entwurfs-Markierung für offene Punkte */
.offen{display:inline-block;font:700 11px/1.3 var(--f-text);letter-spacing:.04em;text-transform:uppercase;background:#FFF1A8;color:#6B5200;border:1px dashed #C9A400;border-radius:6px;padding:2px 7px;vertical-align:middle;white-space:nowrap}