:root{--navy:#123b52;--ocean:#1f718d;--sky:#eaf6f8;--sand:#f4ead7;--ink:#17303b;--muted:#617984;--white:#fff;--line:#d8e5e8;--accent:#d88b39;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#f8fbfc;line-height:1.65}a{color:var(--ocean);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.bar{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:26px;padding:13px 20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--navy);font-size:21px;white-space:nowrap}.mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#f4c26b,#d76938 48%,#1f718d 50%,#123b52);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #d9e5e8}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-left:auto}.nav a{font-size:14px;font-weight:700;color:#294b5a}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 11px}.hero{background:linear-gradient(110deg,rgba(10,49,67,.92),rgba(20,92,117,.72)),url('../assets/images/Kanaren_ohne_Namen.jpg');background-size:cover;background-position:center;color:white}.home .hero{background-image:linear-gradient(110deg,rgba(10,49,67,.90),rgba(20,92,117,.62)),url('Kanaren_ohne_Namen.jpg')}.hero-inner{max-width:var(--max);margin:auto;padding:72px 20px 62px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:800;opacity:.86}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.02;margin:10px 0 18px;max-width:850px}.hero p{font-size:19px;max-width:760px;margin:0}.wrap{max-width:var(--max);margin:auto;padding:38px 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.islands{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(22,66,84,.06)}.card img{width:100%;height:150px;object-fit:cover}.card-body{padding:18px}.card h3{margin:0 0 6px;color:var(--navy)}.card p{margin:0;color:var(--muted);font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:30px;margin:0;color:var(--navy)}.section-head p{margin:0;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}.article{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,48px);box-shadow:0 8px 30px rgba(20,65,82,.06)}.article h1{font-size:clamp(32px,5vw,50px);line-height:1.08;color:var(--navy);margin:0 0 12px}.article h2,.article h3{color:var(--navy);line-height:1.25}.article p{font-size:17px}.article table{max-width:100%;border-collapse:collapse;display:block;overflow:auto}.article td,.article th{border:1px solid var(--line);padding:8px}.article img{border-radius:12px}.meta{color:var(--muted);margin-bottom:24px}.legacy-block{margin:0 0 24px}.legacy-block p:first-child{margin-top:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.gallery img{width:100%;height:220px;object-fit:cover;background:#eef4f5}.side{display:grid;gap:15px;position:sticky;top:84px}.sidebox{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.sidebox h3{margin:0 0 10px;color:var(--navy)}.sidebox a{display:block;padding:7px 0;border-bottom:1px solid #edf2f3;font-size:14px}.sidebox a:last-child{border:0}.ad{border:1px dashed #aac4cc;background:#f3f8f9;border-radius:14px;padding:24px;text-align:center;color:#68818b;font-size:13px}.cta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cta{background:var(--navy);color:white;padding:23px;border-radius:16px}.cta h3{margin:0 0 7px}.cta p{margin:0;opacity:.85}.cta a{color:white;font-weight:800}.footer{margin-top:50px;background:#0f3447;color:#dbe9ee}.footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer a{color:#dbe9ee}.small{font-size:13px;color:var(--muted)}.notice{background:#fff7e7;border:1px solid #f1d8aa;padding:14px 16px;border-radius:12px;margin:20px 0;color:#705324}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;left:0;right:0;top:65px;background:white;padding:16px 20px;border-bottom:1px solid var(--line)}.article-layout{grid-template-columns:1fr}.side{position:static}.grid,.islands,.cta-row{grid-template-columns:repeat(2,1fr)}.footer .wrap{grid-template-columns:1fr 1fr}.hero-inner{padding-top:52px}}
@media(max-width:580px){.grid,.islands,.cta-row,.footer .wrap{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.hero-inner{padding:42px 18px}.wrap{padding-left:16px;padding-right:16px}.article{border-radius:15px;padding:22px}.brand{font-size:18px}}