:root{--ink:#141413;--surface:#20201d;--paper:#f4f1e9;--muted:#bdbdb4;--orange:#f47708;--line:#ffffff29;--body:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.topbar img{display:block;height:34px;width:auto}
.back{color:var(--muted);text-decoration:none;font-size:14px;letter-spacing:.02em;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.back:hover{color:var(--orange);border-color:var(--orange)}
main{padding:56px 0 72px}
h1{font-family:var(--heading);font-size:clamp(26px,5vw,44px);line-height:1.1;letter-spacing:-.01em;margin:0 0 10px}
/* German compounds are long: Geschaeftsbedingungen alone overran a 375px screen by 10px. */
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.lede{color:var(--muted);margin:0 0 40px;font-size:15px}
h2{font-family:var(--heading);font-size:clamp(19px,2.4vw,23px);line-height:1.25;margin:44px 0 12px;letter-spacing:-.005em}
h3{font-family:var(--heading);font-size:16px;margin:26px 0 8px}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:20px}
li{margin:0 0 7px}
a{color:var(--orange)}
hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.gap{display:inline;padding:1px 8px;border-radius:4px;background:#f4770826;border:1px dashed #f4770877;color:#ffb877;font-size:13px;letter-spacing:.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
p > .gap:only-child{display:block;padding:8px 12px;-webkit-box-decoration-break:slice;box-decoration-break:slice}
.notice{border:1px solid #f4770866;background:#f477080f;border-radius:14px;padding:18px 20px;margin:0 0 36px}
.notice strong{display:block;font-family:var(--heading);margin-bottom:6px;color:#ffb877}
.notice p{margin:0 0 8px;font-size:14.5px;color:var(--muted)}
.notice p:last-child{margin:0}
.box{border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:0 0 20px;background:#ffffff08}
.box p:last-child{margin:0}
address{font-style:normal;margin:0 0 14px}
.stand{color:var(--muted);font-size:14px;margin-top:40px}
footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--orange)}
footer .sp{flex:1 1 auto}
footer .credit{display:inline-flex;align-items:center;gap:8px}
footer .credit img{height:22px;width:auto;display:block}
@media (max-width:600px){main{padding:36px 0 52px}h2{margin-top:34px}}

/* cancel link: kept in the footer (§ 312k BGB), smaller and last */
footer a.fcancel{font-size:12px;opacity:.75}

/* 29.9: footer like the homepage. One row on desktop, JT Studio credit right with the orange glow line */
footer .wrap{max-width:1080px}
footer .credit{position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 0;color:var(--muted)}
footer .credit span{font:600 9px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#8f8c84;white-space:nowrap}
footer .credit img{display:block;width:64px;height:auto;opacity:.9;transition:opacity .2s}
footer .credit:before{content:"";position:absolute;right:0;bottom:0;width:64px;height:1px;background:linear-gradient(90deg,transparent,#f47708a0 30%,#f47708a0 70%,transparent);opacity:.4;transform:scaleX(.7);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s}
footer .credit:hover img,footer .credit:focus-visible img{opacity:1}
footer .credit:hover:before,footer .credit:focus-visible:before{opacity:.9;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){footer .credit:before{transition:none}}
@media(max-width:700px){footer .sp{flex-basis:100%;height:0}}