/* co-drAIver Fassung 4: nur Kopf, Handy-Menü und Footer, für Seiten mit eigenem Inhalts-CSS (Blog) */
:root{--f-display:"Archivo",system-ui,sans-serif;--ink:#1F1A16;--ink2:#4A423B;--paper:#F5F0E7;--paper2:#EADFCC;--paper3:#DDCDB3;--hair:#EDE6DA;--pink:#F135CB;--mag:#BF0FA0;--magdk:#9A0C82;--muted:#8C857C;--gut:clamp(20px,4vw,48px);--max:1240px}
header.top,.mnav,body>footer{font-family:"Archivo",system-ui,sans-serif;line-height:1.5}
header.top *,.mnav *,body>footer *{box-sizing:border-box}
header.top .btn{display:inline-flex;align-items:center;gap:10px;font:700 16px "Archivo";padding:17px 28px;border:2px solid var(--mag);background:var(--mag);color:#fff;cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
header.top .btn:hover{background:var(--magdk);border-color:var(--magdk);color:#fff}
.mnav .btn{display:inline-flex;align-items:center;gap:10px;font:700 16px "Archivo";padding:17px 28px;border:2px solid var(--mag);background:var(--mag);color:#fff;cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
.mnav .btn:hover{background:var(--magdk);border-color:var(--magdk);color:#fff}
header.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--hair)}
header.top .in-row{max-width:1320px;margin:0 auto;height:76px;padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px}
header.top .logo img{height:28px;width:auto}
nav.main{display:flex;align-items:center;gap:30px}
nav.main a{color:var(--ink);font-weight:600;font-size:15px;white-space:nowrap}
nav.main a:hover{color:var(--mag)}
nav.main .btn{padding:13px 22px;font-size:15px}
.burger{display:none;width:48px;height:48px;border:0;background:var(--paper);flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.burger span{width:22px;height:2px;background:var(--ink)}
.mnav{position:fixed;inset:0;z-index:90;background:var(--paper);padding:20px;display:none;flex-direction:column}
.mnav.open{display:flex}
.mnav .row{display:flex;justify-content:space-between;align-items:center;height:56px}
.mnav .row img{height:26px;width:auto}
.mnav .x{width:48px;height:48px;border:0;background:#fff;font:400 28px "Archivo";cursor:pointer;color:var(--ink)}
.mnav nav{display:flex;flex-direction:column;gap:6px;margin-top:40px}
.mnav nav a{color:var(--ink);font-weight:800;font-size:32px;padding:10px 0}
.mnav .btn{margin-top:auto;justify-content:center}
@media (max-width:1179px){nav.main{display:none}.burger{display:flex}}
body>footer{background:#fff;padding:40px 0}
body>footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font:400 13px "Space Mono",monospace}
body>footer img{height:24px;width:auto}
body>footer nav{display:flex;flex-wrap:wrap;gap:20px}
body>footer nav a{color:var(--ink)}
body>footer nav a:hover{color:var(--mag)}
nav.main a[aria-current="page"]{color:var(--mag);box-shadow:inset 0 -2px 0 var(--pink)}
.mnav nav a[aria-current="page"]{color:var(--mag)}
nav.main a.btn,nav.main a.btn:hover,.mnav a.btn{color:#fff}
body>footer .wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
header.top a,.mnav a,body>footer a{text-decoration:none}
body>footer .fcontact{margin:0;color:var(--ink2)}
body>footer .fcontact a{color:var(--ink2)}
body>footer .fcontact a:hover{color:var(--mag)}