/* Entwurf E: D mit kürzerer Bühne und Onpage-Navigation für Desktop. */
.theme-compact{padding-bottom:0}
.theme-compact .design-dock{position:static;transform:none;width:max-content;max-width:calc(100% - 32px);margin:20px auto}
.theme-compact .hero{height:560px;min-height:560px;padding:38px 4.5% 42px}
.theme-compact .hero-copy{max-width:540px}
.theme-compact .hero .eyebrow{margin-bottom:20px}
.theme-compact .hero h1{font-size:clamp(64px,6.5vw,98px);line-height:1;letter-spacing:-.015em;margin-bottom:22px}
.theme-compact .hero-description{font-size:15px;line-height:1.65;max-width:360px;margin-bottom:25px}
.theme-compact .join-button{text-decoration:none}
.theme-compact .hero .join-button{padding:15px 22px;min-height:54px}
.theme-compact .hero-art img{object-position:58% 65%}
.theme-compact .art-label{width:112px;height:112px;padding:30px 10px;font-size:9px;right:32px;bottom:30px}
.theme-compact .art-label b{font-size:15px}
.onpage-strip{background:#b93e29;border-bottom:1px solid #f3e9da66}
.onpage-nav{max-width:1560px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4.5%;color:#f3e9da}
.onpage-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.onpage-links a{font-size:12px;font-weight:700;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.onpage-links a:hover{border-bottom-color:#f3e9da}
.onpage-join{display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap;background:#edb94c;color:#123e40;border:2px solid #f3e9da;box-shadow:3px 3px 0 #f3e9da;padding:12px 17px;font-size:12px;font-weight:700;text-decoration:none}
.onpage-join>span{font-size:19px;font-weight:400}
.onpage-join:hover{background:#f3e9da;border-color:#edb94c;box-shadow:3px 3px 0 #edb94c}
.onpage-nav a:focus-visible{outline-color:#f3e9da}
.theme-compact #spielinteressen,.theme-compact #miteinander,.theme-compact #mitmachen{scroll-margin-top:0}
.card-compact .card-copy{background:#f3e9da;color:#123e40}
.card-compact .card-copy .eyebrow,.card-compact .card-copy>p:not(.eyebrow){color:#123e40cc}
.card-compact .card-copy h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:400}
.card-compact .card-link{border-color:#123e4033}
@media(min-width:901px){
 .gallery-five .design-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
 .gallery-five .design-card:last-child .card-image img{height:100%;min-height:250px}
}
/* Der Platzhalter bewahrt den Seitenaufbau, während der sichtbare Header schrumpft. */
.theme-compact{--header-expanded:88px;--header-collapsed:64px}
.theme-compact .header-slot{position:sticky;top:0;z-index:50;height:var(--header-expanded);pointer-events:none}
.theme-compact .site-header{position:relative;top:auto;height:var(--header-expanded);padding:0 4.5%;pointer-events:auto;transition:height .16s ease}
.theme-compact .site-header .brand{min-height:44px}
.theme-compact.header-is-compact .site-header{height:var(--header-collapsed)}
.theme-compact .site-header .brand-mark{transition:width .16s ease,height .16s ease}
.theme-compact.header-is-compact .site-header .brand-mark{width:32px;height:32px}
html:has(.theme-compact){scroll-padding-top:100px}
html:has(.theme-compact.header-is-compact){scroll-padding-top:76px}
.theme-compact :is(#community,#spielinteressen,#miteinander,#mitmachen){scroll-margin-top:0}
@media(max-width:900px){
 .theme-compact{--header-expanded:80px;--header-collapsed:58px}
 .theme-compact .site-header{padding:0 5%}
 .theme-compact .site-header.menu-open{height:auto;min-height:var(--header-expanded);padding-top:8px;padding-bottom:8px}
 .theme-compact.header-is-compact .site-header.menu-open{min-height:var(--header-collapsed)}
 .theme-compact .menu-toggle{min-height:44px}
 html:has(.theme-compact){scroll-padding-top:92px}
 html:has(.theme-compact.header-is-compact){scroll-padding-top:70px}
}
@media(max-width:600px){
 .theme-compact{--header-expanded:76px;--header-collapsed:54px}
 .theme-compact.header-is-compact .site-header .brand-mark{width:28px;height:28px}
 html:has(.theme-compact){scroll-padding-top:88px}
 html:has(.theme-compact.header-is-compact){scroll-padding-top:66px}
}
@media(prefers-reduced-motion:reduce){.theme-compact .site-header,.theme-compact .site-header .brand-mark{transition:none}}
@media(max-width:1150px) and (min-width:901px){.onpage-links{gap:18px}.onpage-links a{font-size:11px}.onpage-nav{gap:16px}.onpage-join{font-size:11px;gap:15px}}
@media(max-width:900px){
 .theme-compact .hero{height:730px;min-height:730px;display:block;padding:36px 7% 340px}
 .theme-compact .hero-copy{max-width:570px}
 .theme-compact .hero h1{font-size:76px}
 .theme-compact .hero-art{inset:350px 0 0}
 .theme-compact .hero-art::after{background:linear-gradient(180deg,#123e40 0%,#123e4066 23%,transparent 55%)}
 .theme-compact .hero-art img{object-position:center 60%}
 .onpage-strip{height:3px;border:0;background:#b93e29}
 .onpage-nav{display:none}
}
@media(max-width:600px){
 .theme-compact .hero{height:660px;min-height:660px;padding:30px 6%}
 .theme-compact .hero h1{font-size:clamp(52px,15vw,70px);margin-bottom:20px}
 .theme-compact .hero .eyebrow{font-size:8px;margin-bottom:18px}
 .theme-compact .hero-description{font-size:13px;line-height:1.65;max-width:290px;margin-bottom:22px}
 .theme-compact .hero-art{inset:320px 0 0}
 .theme-compact .art-label{right:7%;bottom:26px;width:106px;height:106px;padding-top:28px}
 .theme-compact .hero .join-button{font-size:11px;padding:14px 20px}
 .theme-compact #spielinteressen,.theme-compact #miteinander,.theme-compact #mitmachen{scroll-margin-top:44px}
 .theme-compact .closing-section .join-wrap small{max-width:280px;line-height:1.6}
}