/* Startseite im Plakat-Design, Variante Sonne. Nur Skin: Struktur bleibt wie bisher. */
main.hx0{--color-primary:var(--fw-k,#10233b);--color-text:var(--fw-k,#10233b);--color-text-muted:var(--fw-gt,#3b4b60);--color-divider:var(--fw-k,#10233b);--color-surface-white:var(--fw-wb,#fff);--color-container-low:var(--fw-yl,#fff3cf);--color-secondary:var(--fw-o,#e8630a);--color-secondary-container:var(--fw-yl,#fff3cf);--color-inst-blue:color-mix(in srgb,#1d3a5f var(--fw-sm,100%),#fff);--color-surface-bg:var(--fw-p,#f5f2ea);background:var(--fw-p,#f5f2ea);color:var(--fw-k,#10233b)}
main.hx0 .wrap{max-width:1800px}
main.hx0 h1,main.hx0 h2,main.hx0 h3{font-family:Montserrat,Inter,system-ui,sans-serif}
main.hx0 a:focus-visible,main.hx0 button:focus-visible{outline:3px solid var(--fw-o,#e8630a);outline-offset:3px}
@keyframes hxsp{to{transform:rotate(360deg)}}
main.hx0 .hero.hx{position:relative;z-index:2;overflow:visible;overflow-x:clip;color:var(--fw-k,#10233b);background:radial-gradient(ellipse at 70% 40%,var(--fw-ys,#ffd25e) 0,var(--fw-y,#ffb81c) 55%,#f08a0c 100%);border-bottom:3px solid var(--fw-k,#10233b);padding:60px 0 70px}
main.hx0 .hero.hx::after{content:none}
main.hx0 .hero.hx::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from var(--hxa,0deg) at calc(100% - 400px) 50%,rgba(255,255,255,.28) 0 7.5deg,transparent 7.5deg 15deg);animation:hxsp2 120s linear infinite;pointer-events:none}
main.hx0 .hero.hx .wrap{position:relative}
main.hx0 .hx-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
main.hx0 .hx-band{display:inline-block;background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c);padding:6px 14px;font:800 14px/1.2 Montserrat,Inter,sans-serif;margin:0 0 18px;transform:rotate(-1.5deg)}
main.hx0 .hx-h1{max-width:none;color:var(--fw-k,#10233b);font-weight:900;font-size:clamp(32px,4.2vw,58px);line-height:1.05;letter-spacing:-.02em}
main.hx0 .hero.hx p{color:var(--fw-k,#10233b);font-size:17px;max-width:60ch}
main.hx0 .hx-sentence{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.1fr) auto;gap:10px;border:0;border-radius:0;background:none;box-shadow:none;padding:0}
main.hx0 .hx-sentence>.hx-sel:nth-of-type(n){border:3px solid var(--fw-k,#10233b);background:var(--fw-wb,#fff);box-shadow:5px 5px 0 var(--fw-k,#10233b);padding:8px 14px}
main.hx0 .hx-sel label{color:var(--fw-gt,#3b4b60)}
main.hx0 .hx-sentence .hx-go{width:auto;min-width:64px;height:auto;min-height:0;padding:0 18px;border:3px solid var(--fw-k,#10233b);border-radius:0;background:var(--fw-o,#e8630a);color:var(--fw-k,#10233b);box-shadow:5px 5px 0 var(--fw-k,#10233b)}
main.hx0 .hx-sentence .hx-go:hover{background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)}
main.hx0 .hx-form .hx-link,main.hx0 .hx-form .hx-link:hover{border:3px solid var(--fw-k,#10233b);border-radius:0;background:var(--fw-wb,#fff);box-shadow:5px 5px 0 var(--fw-k,#10233b);color:var(--fw-k,#10233b);font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-form .hx-link:hover{background:var(--fw-yl,#fff3cf)}
main.hx0 .hx-ar,main.hx0 .hx-form .hx-link:hover .hx-ar{border-radius:0;background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)}
main.hx0 .hx-list{border:3px solid var(--fw-k,#10233b);border-radius:0;box-shadow:6px 6px 0 var(--fw-k,#10233b)}
main.hx0 .hx-list li{border-radius:0}
main.hx0 .hx-list li[aria-selected=true]{background:var(--fw-y,#ffb81c);color:var(--fw-k,#10233b)}
main.hx0 .hx-visual{margin-bottom:0}
main.hx0 .hx-collage{display:block;position:relative;height:480px}
main.hx0 .hx-collage img{position:absolute;aspect-ratio:1/1;height:auto;border-radius:50%;border:3px solid var(--fw-k,#10233b);box-shadow:8px 8px 0 var(--fw-k,#10233b);background:var(--fw-yl,#fff3cf)}
main.hx0 .hx-collage img:nth-child(1){left:2%;top:40px;width:52%}
main.hx0 .hx-collage img:nth-child(2){right:0;top:0;width:40%}
main.hx0 .hx-collage img:nth-child(3){right:10%;bottom:0;width:44%}
main.hx0 .hx-stamps{position:absolute;inset:0;display:block;pointer-events:none}
main.hx0 .hx-st{position:absolute;z-index:3;width:auto;height:auto;border:3px solid var(--fw-k,#10233b);border-radius:0;box-shadow:4px 4px 0 var(--fw-k,#10233b);padding:10px 16px;font-family:Montserrat,Inter,sans-serif}
main.hx0 .hx-st b{font-size:24px;font-weight:900}
main.hx0 .hx-st.s1{left:0;bottom:30px;top:auto;background:var(--fw-p,#f5f2ea);color:var(--fw-k,#10233b);transform:rotate(-6deg)}
main.hx0 .hx-st.s2{right:2%;top:46%;background:var(--fw-o,#e8630a);color:var(--fw-k,#10233b);transform:rotate(5deg)}
main.hx0 .hx-st.s3{left:42%;top:0;background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c);transform:rotate(-4deg)}
main.hx0>section.hx-cats{padding:56px 0 56px;background:var(--fw-p,#f5f2ea)}
main.hx0 .hx-cats h2,main.hx0 .hx-trip h2{font-weight:900;font-size:clamp(26px,3vw,38px);color:var(--fw-k,#10233b)}
main.hx0 .hx-all{color:var(--fw-k,#10233b);font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-mosaic{grid-template-rows:230px 230px;gap:18px}
main.hx0 .hx-tile{border:3px solid var(--fw-k,#10233b);border-radius:0;box-shadow:6px 6px 0 var(--fw-k,#10233b);background:var(--fw-y,#ffb81c)}
main.hx0 .hx-tile .cap,main.hx0 .hx-tile.t1 .cap{background:var(--fw-y,#ffb81c);color:var(--fw-k,#10233b);border-top:3px solid var(--fw-k,#10233b);padding:10px 16px;font:800 20px/1.2 Montserrat,Inter,sans-serif}
main.hx0 .hx-tile.t1 .cap{font-size:28px;padding:14px 20px}
main.hx0 .hx-tile .cap small{font:600 13px/1.3 Inter,system-ui,sans-serif;color:var(--fw-k,#10233b)}
main.hx0 .hx-cl{color:var(--fw-k,#10233b);font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-chip{border:2px solid var(--fw-k,#10233b);border-radius:0;background:var(--fw-wb,#fff);color:var(--fw-k,#10233b);font:700 14px Montserrat,Inter,sans-serif}
main.hx0 .hx-chip:hover{background:var(--fw-y,#ffb81c);border-color:var(--fw-k,#10233b)}
main.hx0 .hx-chip.adult{background:var(--fw-yl,#fff3cf);color:var(--fw-k,#10233b);border-color:var(--fw-k,#10233b)}
main.hx0 .hx-chip img{border:2px solid var(--fw-k,#10233b)}
main.hx0>section.hx-trip{background:var(--fw-wb,#fff);border-block:3px solid var(--fw-k,#10233b);padding:56px 0 64px}
main.hx0 .hx-route::before{left:0;right:0;top:20px;border-top:6px solid var(--fw-k,#10233b)}
main.hx0 .hx-route li{padding-top:88px}
main.hx0 .hx-n{left:0;top:0;width:46px;height:46px;border:4px solid var(--fw-k,#10233b);border-radius:50%;background:var(--fw-y,#ffb81c);color:var(--fw-k,#10233b);box-shadow:3px 3px 0 var(--fw-k,#10233b);font-family:Montserrat,Inter,sans-serif;font-weight:900}
main.hx0 .hx-route li.big .hx-n{top:-6px;left:-6px;width:58px;height:58px;font-size:26px;background:var(--fw-o,#e8630a);border-color:var(--fw-k,#10233b);color:var(--fw-k,#10233b);box-shadow:3px 3px 0 var(--fw-k,#10233b)}
main.hx0 .hx-route h3,main.hx0 .hx-route li.big h3{color:var(--fw-k,#10233b);font-weight:800}
main.hx0 .hx-route li.big h3{font-size:26px}
main.hx0 .hx-route p{color:var(--fw-gt,#3b4b60)}
main.hx0>section.hx-why{background:var(--fw-k,#10233b);border-bottom:3px solid var(--fw-k,#10233b);padding:56px 0 72px}
main.hx0 .hx-whygrid{grid-template-columns:minmax(0,1fr);gap:28px}
main.hx0 .hx-whyhead{position:static;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline}
main.hx0 .hx-whyhead h2{color:var(--fw-y,#ffb81c);font-weight:900;font-size:clamp(26px,3vw,38px);margin:0}
main.hx0 .hx-whyhead p{color:var(--fw-wt,#fff);max-width:60ch}
main.hx0 .hx-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
main.hx0 .hx-card,main.hx0 .hx-card.c2,main.hx0 .hx-card.c3{margin:0;min-height:0;background:var(--fw-p,#f5f2ea);color:var(--fw-k,#10233b);border:3px solid var(--fw-y,#ffb81c);border-radius:0;box-shadow:6px 6px 0 var(--fw-y,#ffb81c);padding:22px 24px 26px}
main.hx0 .hx-card.c2{transform:translateY(14px)}
main.hx0 .hx-card h3{color:var(--fw-k,#10233b);font-weight:800}
main.hx0 .hx-card p{color:var(--fw-k,#10233b);max-width:none}
main.hx0 .hx-ticks{grid-template-columns:1fr}
main.hx0 .hx-ticks li{color:var(--fw-k,#10233b)}
main.hx0 .hx-ticks li::before{border-color:var(--fw-k,#10233b)}
main.hx0 .hx-b1,main.hx0 .hx-b2{border-radius:0;border:3px solid var(--fw-k,#10233b);font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-b1{background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c)}
main.hx0 .hx-b2{background:var(--fw-wb,#fff);color:var(--fw-k,#10233b)}
main.hx0 .hx-b1:focus-visible,main.hx0 .hx-b2:focus-visible{outline-color:var(--fw-o,#e8630a)}
main.hx0 .hx-bar{background:var(--fw-y,#ffb81c);border-top:3px solid var(--fw-k,#10233b);box-shadow:none}
main.hx0 .hx-barin b,main.hx0 .hx-barin span{color:var(--fw-k,#10233b)}
main.hx0 .hx-barin b{font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-go2{border:3px solid var(--fw-k,#10233b);border-radius:0;background:var(--fw-k,#10233b);color:var(--fw-y,#ffb81c);font-family:Montserrat,Inter,sans-serif;font-weight:800}
main.hx0 .hx-go2:hover{background:var(--fw-wb,#fff);color:var(--fw-k,#10233b)}
@media(max-width:900px){
main.hx0 .hero.hx{padding:40px 0 50px}
main.hx0 .hx-sentence{grid-template-columns:minmax(0,1fr)}
main.hx0 .hx-sentence .hx-go{width:100%;height:56px;gap:10px}
main.hx0 .hx-collage{height:340px}
main.hx0 .hx-stack{grid-template-columns:minmax(0,1fr)}
main.hx0 .hx-card.c2{transform:none}
main.hx0 .hx-mosaic{grid-template-rows:none}
main.hx0 .hx-route::before{left:20px;right:auto;top:0;bottom:30px;width:0;border-top:0;border-left:6px solid var(--fw-k,#10233b)}
main.hx0 .hx-route li,main.hx0 .hx-route li.big{padding:2px 0 0 80px}
main.hx0 .hx-n{left:0;top:0;width:44px;height:44px}
main.hx0 .hx-route li.big .hx-n{left:-6px;top:-6px;width:56px;height:56px}
}
@media(max-width:700px){main.hx0 .hx-st b{font-size:18px}main.hx0 .hx-st{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){main.hx0 .hero.hx::before{animation:none}}

@property --hxa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes hxsp2{to{--hxa:360deg}}
@media(prefers-reduced-motion:reduce){main.hx0 .hero.hx::before{animation:none}}

main.hx0 .hx-collage img{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;cursor:pointer}
main.hx0 .hx-collage img:hover{transform:scale(1.08);box-shadow:12px 12px 0 var(--fw-k,#10233b);z-index:2}
@media(prefers-reduced-motion:reduce){main.hx0 .hx-collage img{transition:none}main.hx0 .hx-collage img:hover{transform:none}}

/* Handy: Kategorie-Kacheln, Text nicht am Rand abschneiden */
@media(max-width:900px){
main.hx0 .hx-tile.t1{height:auto;min-height:230px}
main.hx0 .hx-tile.t1 .cap{font-size:26px;line-height:1.15;padding:14px 18px 18px}
main.hx0 .hx-tile .cap{padding:12px 14px 16px}
main.hx0 .hx-tile .cap small{display:block;margin-top:6px}
main.hx0 .hx-mosaic{grid-auto-rows:minmax(168px,auto)}
}