/* Inhaltsrohseiten (10 Stueck: ueber-uns, projekte, kontakt, impressum,
   datenschutz und die Leistungsseiten). Bewusst UNGESTALTET — sie tragen im Kopf
   selbst den Vermerk "Inhaltsrohseite · Design folgt" und existieren nur, damit
   im Demo kein Navigationspunkt ins Leere fuehrt.

   Sie bekommen deshalb absichtlich NICHT das Schriftsystem und NICHT die
   Aufdeckbewegung der Startseite: eine Rohseite, die aussieht wie eine fertige
   Seite, wird im Kundengespraech faelschlich fuer eine gehalten.

   Am 16.08.2026 geprueft: die Palette hier ist bereits die aktuelle
   (--ink #2b301f, --paper #f8f6ef, --accent #c44814). Nur die eingefrorene
   Fassung v2 traegt noch das alte Blaugruen #123c2e und das alte Orange #ed6b1b.
   Eine Rohseite darf schlicht sein — der Marke widersprechen darf sie nicht. */
:root{--accent:#c44814;--accent-rgb:196,72,20;color:#2b301f;background:#f8f6ef;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(920px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid rgba(43,48,31,.2)}header span{display:none}a{color:inherit}header a{font-weight:700;text-decoration:none}main{min-height:72vh;padding:90px 0}p:first-child{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{max-width:14ch;margin:12px 0 30px;font-size:clamp(52px,8vw,94px);line-height:.92}main>p:not(:first-child){max-width:62ch;font-size:18px;line-height:1.6}.note{margin-top:52px;padding:24px;border:1px solid rgba(43,48,31,.22);border-radius:18px;background:#fff9}footer{padding:30px 0;border-top:1px solid rgba(43,48,31,.2);font-size:12px}@media(max-width:600px){main{padding:60px 0}}

/* Impressum und Datenschutz sind die einzigen Rohseiten mit echtem Fliesstext:
   Ueberschriften, Listen, mehrere Absaetze. Der Rest der Rohseiten kommt mit
   h1 und p aus — deshalb steht das hier unten und nicht oben in der Grundregel.
   .offen faellt absichtlich aus dem Papierton heraus: der Kasten soll auffallen,
   solange noch [OFFEN]-Stellen drin stehen, und beim Aufraeumen mit verschwinden. */
main h2{max-width:34ch;margin:44px 0 12px;font-size:22px;line-height:1.25}
main h2:first-of-type{margin-top:36px}
main ul{max-width:62ch;margin:0 0 18px;padding-left:22px;font-size:18px;line-height:1.6}
main li{margin-bottom:8px}
main ul+p,main p+ul{margin-top:0}
.offen{max-width:62ch;margin:0 0 12px;padding:20px 22px;border-left:4px solid var(--accent);background:rgba(var(--accent-rgb),.07);font-size:16px;line-height:1.55}
.offen b{color:var(--accent)}
/* Sprunglink, sichtbar nur mit Fokus. Gleiche Regel wie auf der Startseite. */
.skip-link{position:absolute;z-index:50;top:8px;left:8px;padding:11px 18px;border-radius:999px;
  color:#fff;background:#2b301f;font-size:12px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;transform:translateY(-160%);transition:transform .18s ease}
.skip-link:focus{transform:none;outline:2px solid var(--accent);outline-offset:3px}