:root{
  --eggshell:#F4EFE4;--eggshell2:#EDE7D8;--anthrazit:#272724;--rot:#B4573A;
  --ocker:#BF8C24;--gruen:#4A6840;--mittelton:#7E7E76;--linie:#C8C4BC;
  --f-serif:'Fraunces',Georgia,serif;--f-sans:'DM Sans','Helvetica Neue',sans-serif;
  --f-mono:'JetBrains Mono','Courier New',monospace;--leaf:12px 0 12px 0;--leaf-sm:7px 0 7px 0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--eggshell);color:var(--anthrazit);font-family:var(--f-sans);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--rot)}
.mainmenu{background:var(--anthrazit);color:var(--eggshell);border-radius:var(--leaf-sm);
  margin:10px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.menu-wordmark{font-size:18px;text-decoration:none;line-height:1}
.menu-wordmark .anthro{font-family:var(--f-serif);font-weight:200;font-variation-settings:"opsz" 72;color:var(--eggshell)}
.menu-wordmark .pipe{font-family:var(--f-mono);font-weight:500;color:var(--rot)}
.menu-wordmark .ki{font-family:var(--f-mono);font-weight:500;color:var(--eggshell)}
.menu-nav{display:flex;gap:4px;flex-wrap:wrap}
.menu-nav a{font-size:12.5px;color:var(--eggshell);text-decoration:none;padding:6px 12px;border-radius:var(--leaf-sm)}
.menu-nav a:hover{background:rgba(244,239,228,.1)}
.menu-nav a.cta{border:1px solid var(--ocker)}
.menu-nav a.cta:hover{background:var(--ocker);color:var(--anthrazit)}
.menu-ham{display:none;background:none;border:none;color:var(--eggshell);font-size:22px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:var(--leaf-sm);transition:background .15s}
.menu-ham:hover{background:rgba(244,239,228,.1)}
.menu-dropdown{display:none;position:absolute;top:100%;left:10px;right:10px;background:var(--anthrazit);border-radius:0 0 var(--leaf-sm) var(--leaf-sm);padding:8px 12px 12px;z-index:200;flex-direction:column;gap:4px}
.menu-dropdown.open{display:flex}
.menu-dropdown a{font-size:12.5px;color:var(--eggshell);text-decoration:none;padding:7px 12px;border-radius:var(--leaf-sm)}
.menu-dropdown a:hover{background:rgba(244,239,228,.1)}
.menu-dropdown a.cta{border:1px solid var(--ocker)}
.menu-dropdown a.cta:hover{background:var(--ocker);color:var(--anthrazit)}
.brandhead{padding:30px 0 18px;border-bottom:1px solid var(--linie);margin-bottom:24px}
.wordmark{font-size:24px;line-height:1}
.wordmark .a{font-family:var(--f-serif);font-weight:200;font-variation-settings:"opsz" 72}
.wordmark .p{font-family:var(--f-mono);font-weight:500;color:var(--rot)}
.wordmark .g{font-family:var(--f-mono);font-weight:500}
.tagline{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mittelton);margin-top:5px}
.crumbs{font-family:var(--f-mono);font-size:11px;color:var(--mittelton);margin-bottom:18px}
.crumbs a{color:var(--mittelton);text-decoration:none}
.crumbs a:hover{color:var(--rot)}
article{padding-bottom:8px}
h1{font-family:var(--f-serif);font-weight:200;font-variation-settings:"opsz" 144;font-size:38px;line-height:1.15;margin-bottom:16px}
.lead{font-family:var(--f-serif);font-weight:400;font-size:20px;line-height:1.5;color:var(--anthrazit);margin-bottom:24px}
article p{margin-bottom:16px}
h2{font-family:var(--f-serif);font-weight:200;font-variation-settings:"opsz" 96;font-size:24px;margin:34px 0 12px}
.quellen{margin-top:28px;padding:20px 22px;background:#fff;border:1px solid var(--linie);border-left:3px solid var(--rot);border-radius:var(--leaf)}
.quellen h2{margin:0 0 12px;font-size:14px;font-family:var(--f-mono);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mittelton)}
.quellen ul{list-style:none}
.quellen li{font-family:var(--f-mono);font-size:12.5px;line-height:1.5;color:var(--anthrazit);padding:7px 0;border-bottom:1px solid var(--eggshell2)}
.quellen li:last-child{border-bottom:none}
.cta-box{margin:30px 0;padding:24px;background:var(--anthrazit);color:var(--eggshell);border-radius:var(--leaf)}
.cta-box h2{font-family:var(--f-serif);color:var(--eggshell);margin:0 0 8px;font-size:22px}
.cta-box p{color:rgba(244,239,228,.8);font-size:14px;margin-bottom:16px}
.cta-btn{display:inline-block;background:var(--rot);color:var(--eggshell);text-decoration:none;font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:11px 22px;border-radius:var(--leaf-sm)}
.cta-btn:hover{background:#9d4a30}
.related{margin:28px 0}
.related h2{font-size:14px;font-family:var(--f-mono);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mittelton);margin-bottom:12px}
.cards{display:flex;flex-wrap:wrap;gap:10px}
.card{display:block;background:var(--eggshell2);border:1px solid var(--linie);border-radius:var(--leaf-sm);padding:12px 16px;text-decoration:none;color:var(--anthrazit);font-weight:500;font-size:14px}
.card:hover{border-color:var(--rot);background:#fff}
.card .small{display:block;font-weight:400;font-size:12px;color:var(--mittelton);margin-top:2px}
footer{border-top:1px solid var(--linie);margin-top:40px;padding:18px 0 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--mittelton)}
footer a{color:var(--mittelton);text-decoration:none}
footer a:hover{color:var(--rot)}
.wm-inline .anthro{font-family:var(--f-serif);font-weight:200;font-variation-settings:"opsz" 72;color:var(--anthrazit)}
.wm-inline .pipe{font-family:var(--f-mono);font-weight:500;color:var(--rot)}
.wm-inline .ki{font-family:var(--f-mono);font-weight:500;color:var(--anthrazit)}
@media(max-width:560px){
  h1{font-size:30px}.lead{font-size:18px}
  .mainmenu{position:relative}
  .menu-nav{display:none}
  .menu-ham{display:block}
}