:root{--hunter-red:#d12838;--hunter-navy:#07111f;--hunter-yellow:#eaff00;--hunter-silver:#cbd3da;--jf-orange:#f26a21;--jf-blue:#173f67;--jf-light-blue:#72bddb;--jf-silver:#d8e0e5}
body{background:radial-gradient(circle at 92% 16%,rgba(209,40,56,.13),transparent 27%),radial-gradient(circle at 7% 57%,rgba(203,211,218,.075),transparent 24%),linear-gradient(112deg,transparent 0 72%,rgba(234,255,0,.022) 72% 74%,rgba(203,211,218,.028) 74% 77%,transparent 77%),linear-gradient(180deg,var(--navy),var(--navy-deep))}
/* HUNTER-inspired: dark shell, red construction accents, yellow-silver-yellow reflective geometry. */
.header-surface:after{height:4px;right:1.7rem;bottom:-2px;left:auto;width:min(210px,32vw);opacity:.9;background:linear-gradient(90deg,var(--hunter-red) 0 16%,transparent 16% 20%,var(--hunter-yellow) 20% 38%,var(--hunter-silver) 38% 64%,var(--hunter-yellow) 64% 82%,transparent 82%)}
.eyebrow:before,.section-kicker:before{height:4px;width:2.4rem;background:linear-gradient(90deg,var(--hunter-red) 0 25%,var(--hunter-yellow) 25% 48%,var(--hunter-silver) 48% 76%,var(--hunter-yellow) 76%)}
.destination-card:after,.post-card:after{width:5rem;height:4px;background:linear-gradient(90deg,var(--hunter-red) 0 22%,transparent 22% 28%,var(--hunter-yellow) 28% 48%,var(--hunter-silver) 48% 76%,var(--hunter-yellow) 76%)}
.portal-button{box-shadow:inset 0 -3px 0 var(--hunter-red)}
/* Jugendfeuerwehr: own clothing language in navy, orange, light blue and silver. */
.youth-page{--yellow:var(--jf-orange);--yellow-soft:var(--jf-light-blue);position:relative;background:radial-gradient(circle at 84% 8%,rgba(114,189,219,.22),transparent 28%),radial-gradient(circle at 3% 34%,rgba(242,106,33,.13),transparent 23%),radial-gradient(circle at 82% 69%,rgba(23,63,103,.42),transparent 31%),linear-gradient(115deg,transparent 0 67%,rgba(242,106,33,.032) 67% 70%,rgba(216,224,229,.045) 70% 73%,rgba(114,189,219,.04) 73% 77%,transparent 77%)}
.youth-page:before{content:"";position:absolute;z-index:-1;top:30rem;right:-12rem;width:34rem;height:34rem;border:5rem solid rgba(114,189,219,.035);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(242,106,33,.025);pointer-events:none}
.youth-page .eyebrow,.youth-page .section-kicker{color:var(--jf-orange)}
.youth-page .eyebrow:before,.youth-page .section-kicker:before{background:linear-gradient(90deg,var(--jf-orange) 0 35%,var(--jf-light-blue) 35% 68%,var(--jf-silver) 68%)}
.youth-page .portal-button{background:var(--jf-orange);color:#07192a;box-shadow:inset 0 -3px 0 var(--jf-light-blue)}
.youth-page .youth-hero h1 span{color:var(--jf-light-blue)}
.youth-page .youth-dates span{border-color:rgba(114,189,219,.3);background:rgba(23,63,103,.28)}
.youth-page .youth-dates strong{color:var(--jf-orange)}
.youth-page .youth-hero__photo{border-color:rgba(216,224,229,.38);box-shadow:12px 12px 0 var(--jf-orange),20px 20px 0 rgba(114,189,219,.55),0 35px 90px rgba(0,0,0,.4)}
.youth-page .youth-hero__photo figcaption span{color:var(--jf-orange)}
.youth-page .youth-card{overflow:hidden;border-color:rgba(114,189,219,.26);background:linear-gradient(145deg,rgba(23,63,103,.72),rgba(8,17,32,.58))}
.youth-page .youth-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--jf-orange) 0 27%,var(--jf-light-blue) 27% 66%,var(--jf-silver) 66% 84%,var(--jf-light-blue) 84%)}
.youth-page .youth-card:nth-child(2):before{background:linear-gradient(90deg,var(--jf-light-blue) 0 39%,var(--jf-silver) 39% 60%,var(--jf-orange) 60%)}
.youth-page .youth-card>span{color:var(--jf-orange)}
.youth-page .youth-origin{background:linear-gradient(135deg,#e7eef0,#d7e6eb)}
.youth-page .youth-origin figure{box-shadow:-10px 10px 0 var(--jf-orange),-18px 18px 0 var(--jf-light-blue)}
.youth-page .youth-origin a{color:#b83d0a}
.youth-page .youth-donation{border-color:rgba(114,189,219,.42);border-left-color:var(--jf-orange);background:linear-gradient(135deg,rgba(23,63,103,.72),rgba(114,189,219,.08))}
.youth-page .youth-donation p strong{color:var(--jf-silver)}
.youth-page .youth-donation__button{background:var(--jf-orange);color:#07192a;box-shadow:inset 0 -3px 0 var(--jf-light-blue)}
@media(max-width:620px){.header-surface:after{width:110px}.youth-page .youth-hero__photo{box-shadow:7px 7px 0 var(--jf-orange),12px 12px 0 rgba(114,189,219,.55)}}