@font-face{font-family:Cinzel;src:url('/assets/fonts/cinzel.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root[data-font=cinzel]{--display:'Cinzel',Georgia,serif;--serif:'Cinzel',Georgia,serif}
html[data-font=cinzel] :is(h1,h2,h3,.site-header nav a,.header-status,.button,.text-link,.footer-wordmark){font-weight:500}
html[data-font=cinzel] .hero h1{font-size:clamp(54px,5.3vw,82px)}
html[data-font=cinzel] h2,html[data-font=cinzel] .world h2{font-size:clamp(36px,3.7vw,57px)}
html.font-picker-enabled{scroll-padding-bottom:120px}
html.font-picker-enabled body{padding-bottom:115px}
.font-picker[hidden]{display:none}
.font-picker{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:90;max-width:calc(100% - 24px);width:max-content;display:flex;align-items:center;gap:16px;padding:12px 16px;background:rgba(5,24,29,.97);border:1px solid #bba06a;border-radius:8px;box-shadow:0 6px 28px #0008;font:13px/1.4 Arial,Helvetica,sans-serif;color:#eee3cb}
.font-picker-label{white-space:nowrap}.font-picker-options{display:flex;gap:7px}.font-picker button{font:14px/1.25 Arial,Helvetica,sans-serif;color:#f5e8cb;background:transparent;min-height:44px;cursor:pointer;padding:10px 16px;border:1px solid #927e5855;border-radius:4px;white-space:nowrap}.font-picker button[aria-pressed=true]{color:#12282c;background:#e6c58b;border-color:#e6c58b}.font-picker button:focus-visible{outline:2px solid #fff0cd;outline-offset:3px}.font-picker-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){html[data-font=cinzel] .hero h1{font-size:clamp(32px,8.7vw,56px)}html[data-font=cinzel] h2,html[data-font=cinzel] .world h2{font-size:clamp(30px,7.4vw,45px)}.font-picker{bottom:max(10px,env(safe-area-inset-bottom));gap:6px;flex-direction:column;padding:8px 12px}.font-picker-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.font-picker button{min-height:44px;padding:9px 14px}.font-picker-enabled .hero-bottom{bottom:120px}}
@media(max-width:380px){html[data-font=cinzel] .hero h1{font-size:30px}}

@font-face{font-family:'Pirates 1720 Display';src:url('/custom-schrift/Pirates1720Display-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root[data-font=custom]{--display:'Pirates 1720 Display',Georgia,serif;--serif:'Pirates 1720 Display',Georgia,serif}
html[data-font=custom] :is(h1,h2,h3,.site-header nav a,.header-status,.button,.text-link,.footer-wordmark){font-weight:400;font-synthesis:none}
html[data-font=custom] .hero h1{font-size:clamp(54px,5.8vw,88px);line-height:1.25}
html[data-font=custom] h2,html[data-font=custom] .world h2{font-size:clamp(36px,3.8vw,58px);line-height:1.25}
@media(max-width:760px){.font-picker{width:calc(100% - 24px);max-width:400px}.font-picker-options{width:100%;display:grid;grid-template-columns:1.35fr .8fr 1fr}.font-picker button{white-space:normal;font-size:13px;padding:8px 6px}html[data-font=custom] .hero h1{font-size:clamp(32px,8.9vw,57px)}html[data-font=custom] h2,html[data-font=custom] .world h2{font-size:clamp(28px,7.2vw,44px)}}
@media(max-width:380px){html[data-font=custom] .hero h1{font-size:30px}}