body{margin:0;background:#0a0a0a}
a{color:#dcbc72;text-decoration:none}
a:hover{color:#f2dca6}
.nav a{color:#efefef}
.nav a:hover{color:#dcbc72}
html[data-lang="de"] .en{display:none}
html:not([data-lang="de"]) .de{display:none}
.langsw{display:flex;gap:4px;margin-left:12px}
.hin{flex-direction:column!important;align-items:center!important;gap:10px!important;padding-top:20px!important;padding-bottom:20px!important}
.hw{justify-content:center}.hw nav{justify-content:center}
.langsw{margin-left:0!important}
@media (min-width:700px){.langsw{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.hin{padding-left:120px!important;padding-right:120px!important}}
@media (max-width:700px){header.nav{position:relative!important}.logo{font-size:24px!important;letter-spacing:0.1em!important}}
.lb{background:none;border:1px solid #444444;color:#efefef;font:inherit;font-size:10.5px;letter-spacing:0.1em;padding:1px 6px;cursor:pointer}
html:not([data-lang="de"]) .ben,html[data-lang="de"] .bde{color:#0a0a0a;background:#dcbc72;border-color:#dcbc72}
.btn{display:inline-block;box-sizing:border-box;padding:8px 18px;border:1px solid #dcbc72;background-color:transparent;color:#dcbc72;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .35s ease}
.btn:hover{background-color:rgba(220,188,114,0.14)}
.btn.bk{display:block}
.btn.md{padding:10px 24px;font-size:12px}
.burger{display:none}#drawer,#drawerbd{display:none}
@media (max-width:700px){
.hin{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:20px 16px!important;gap:0!important}
.hw{width:100%;flex-wrap:nowrap!important;justify-content:space-between!important}
.hw>nav{display:none!important}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:0 10px;box-sizing:border-box;background:none;border:1px solid #333;cursor:pointer;transition:border-color .3s ease}
.burger:hover{border-color:#dcbc72}
.burger span{display:block;height:1px;background:#dcbc72;width:100%}
#drawerbd{display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:60;background:rgba(0,0,0,0.62);opacity:0;pointer-events:none;transition:opacity .35s ease}
#drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:min(78vw,300px);z-index:61;background:#0c0c0c;border-right:1px solid #242424;padding:76px 30px 30px;box-sizing:border-box;transform:translateX(-102%);transition:transform .38s ease;overflow-y:auto;box-shadow:8px 0 40px rgba(0,0,0,0.5)}
#drawer nav{display:flex;flex-direction:column}
#drawer nav a{display:block;color:#efefef;font-family:Jost,sans-serif;font-size:13px;letter-spacing:0.22em;text-transform:uppercase;padding:15px 0;border-bottom:1px solid #1d1d1d;transition:color .3s ease,padding-left .3s ease}
#drawer nav a:hover{color:#dcbc72;padding-left:6px}
.dclose{position:absolute;right:16px;top:16px;background:none;border:1px solid #333;color:#efefef;font-size:15px;line-height:1;width:40px;height:40px;cursor:pointer}
html.dopen #drawer{transform:translateX(0)}
html.dopen #drawerbd{opacity:1;pointer-events:auto}
html.dopen{overflow:hidden}
}
.dl{display:inline-block;margin-top:10px;padding-bottom:3px;font-size:10.5px;letter-spacing:0.24em;text-transform:uppercase;color:#d4d4d4;border-bottom:1px solid #666;transition:color .3s ease,border-color .3s ease,letter-spacing .3s ease}
.dl:hover{color:#dcbc72;border-bottom-color:#dcbc72;letter-spacing:0.28em}