/* Der Stilblock der Website. Bis hierher stand er eingebettet in
   jeder Seite; die Astro-Anmeldeseite laedt ihn als Datei, weil
   geschweifte Klammern im Astro-Markup sonst Ausdruecke waeren. */
body{margin:0;background:#0b0b0d;font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#F2B23E;text-decoration:none}a:hover{color:#ffd07a}
/* T1 · Grotesk fett, Fotobox-Charakter */
h1,h2,h3{font-family:Archivo,system-ui,sans-serif!important;letter-spacing:-.035em!important;text-transform:uppercase}
h1{font-weight:900!important;line-height:.94!important}
h2{font-weight:900!important;line-height:.96!important}
h3{font-weight:800!important;line-height:1!important}
[style*="Instrument Serif"]{font-family:Archivo,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important}
.ybwm{font-family:Archivo,system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.04em!important;text-transform:lowercase}
.ybwm em{font-weight:600!important;letter-spacing:.02em!important}
.h2,.stitle,.ybh2,.pname,.serif,.tt{text-transform:none}
.ybnav{position:sticky;top:0;z-index:60;background:rgba(11,11,13,.82);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(244,242,238,.08);box-shadow:0 10px 30px -24px rgba(0,0,0,.8);display:flex;align-items:center;gap:clamp(12px,2vw,26px);padding:0 clamp(18px,3.4vw,48px);height:76px;transition:height .22s ease,background .22s ease}
.ybnav.ybshrink{height:62px;background:rgba(11,11,13,.94);border-bottom-color:rgba(244,242,238,0.50)}
.ybbrand{display:flex;align-items:center;gap:11px;color:#f4f2ee;text-decoration:none;flex:none}
.ybbrand img{transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.ybbrand:hover img{transform:rotate(-8deg) scale(1.08)}
.ybwm{font:900 24px/1 Archivo,sans-serif;letter-spacing:-.045em;text-transform:lowercase;display:inline-flex;align-items:baseline;gap:1px;color:#f4f2ee}
.ybwm em{font:500 12px 'IBM Plex Mono',ui-monospace,monospace;font-style:normal;letter-spacing:.02em;color:#F2B23E;transform:translateY(-1px)}
.yblinks{display:flex;align-items:center;gap:2px;margin:0 auto;font:500 13.5px Archivo,sans-serif}
.yblinks a,.ybmore>span{position:relative;color:rgba(244,242,238,.66);text-decoration:none;padding:9px 12px;border-radius:10px;white-space:nowrap;cursor:pointer;transition:color .16s ease,background .16s ease}
.yblinks a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:#F2B23E;transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.22,.61,.36,1)}
.yblinks a:hover{color:#f4f2ee;background:rgba(244,242,238,.06)}
.yblinks a:hover:after{transform:scaleX(1)}
.yblinks a.on{color:#141008;background:#F2B23E;font-weight:600}
.yblinks a.on:after{display:none}
.ybmore{position:relative}
.ybmore>span:first-child{display:flex;align-items:center;gap:7px}
.ybmore>span:first-child:after{content:"";width:5px;height:5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease}
.ybmore:hover>span:first-child{color:#f4f2ee;background:rgba(244,242,238,.06)}
.ybmore:hover>span:first-child:after{transform:rotate(225deg) translateY(-2px)}
.ybmore.on>span:first-child{color:#141008;background:#F2B23E;font-weight:600}
.ybpanel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);width:520px;padding:14px;border-radius:16px;background:rgba(17,17,22,.97);border:1px solid rgba(244,242,238,.14);box-shadow:0 30px 70px -34px rgba(0,0,0,.9);display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility .18s}
.ybmore:hover .ybpanel,.ybmore:focus-within .ybpanel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ybpanel a{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:11px;background:none}
.ybpanel a:after{display:none}
.ybpanel a b{font:600 13.5px Archivo,sans-serif;color:#f4f2ee}
.ybpanel a i{font:400 11.5px/1.35 Archivo,sans-serif;font-style:normal;color:rgba(244,242,238,.5)}
.ybpanel a:hover{background:rgba(242,178,62,.14)}
.ybpanel a:hover b{color:#F2B23E}
.ybright{display:flex;align-items:center;gap:9px;flex:none;margin-left:auto}
.ybghost{height:40px;padding:0 16px;border-radius:11px;border:1px solid rgba(244,242,238,.2);display:flex;align-items:center;font:600 12.5px Archivo,sans-serif;color:#f4f2ee;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease}
.ybghost:hover{border-color:rgba(244,242,238,.5);background:rgba(244,242,238,.07);color:#f4f2ee}
.ybcta{height:40px;padding:0 19px;border-radius:11px;background:#F2B23E;display:flex;align-items:center;gap:8px;font:600 12.5px Archivo,sans-serif;color:#141008;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px -8px rgba(242,178,62,.75);transition:transform .2s ease,box-shadow .2s ease}
.ybcta:after{content:"→";font:600 13px Archivo,sans-serif;transition:transform .2s ease}
.ybcta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(242,178,62,.95);color:#141008}
.ybcta:hover:after{transform:translateX(3px)}
.ybtoggle{display:none}
.ybburger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(244,242,238,.2);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;flex:none;order:9}
.ybburger:hover{border-color:rgba(244,242,238,.5)}
.ybburger i{display:block;width:18px;height:2px;background:#f4f2ee;border-radius:2px;transition:transform .22s ease,opacity .16s ease}
.ybrise{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.ybrise.ybin{opacity:1;transform:none}
@media (max-width:1160px){
.ybnav{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px}
.ybnav.ybshrink{height:auto}
.ybburger{display:flex}
.yblinks{order:5;flex:1 1 100%;margin:0;flex-direction:column;align-items:stretch;gap:2px;display:none;padding:12px 0 6px;border-top:1px solid rgba(244,242,238,.1);margin-top:12px}
.yblinks a{padding:13px 14px;border-radius:11px}
.yblinks a:after{display:none}
.ybmore{width:100%}
.ybmore>span:first-child{display:none}
.ybpanel{position:static;width:auto;transform:none;opacity:1;visibility:visible;background:none;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:2px}
.ybpanel a{padding:13px 14px}
.ybpanel a i{display:none}
#ybmenu:checked ~ .yblinks{display:flex}
#ybmenu:checked ~ .ybburger i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
#ybmenu:checked ~ .ybburger i:nth-child(2){opacity:0}
#ybmenu:checked ~ .ybburger i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.ybright{order:3}
}
@media (max-width:640px){.ybwm{font-size:21px}.ybwm em{font-size:11px}.ybcta{height:38px;padding:0 14px;font-size:12px}.ybghost{height:38px;padding:0 13px;font-size:12px}}
@media (max-width:900px){div[style*="padding:56px"],div[style*="px 56px"]{padding-left:20px!important;padding-right:20px!important}div[style*="min-width:min(4"],div[style*="min-width:min(5"]{min-width:100%!important}}
img,image-slot{max-width:100%}