:root{
  --paper:#f7ead7;
  --paper2:#fff2db;
  --ink:#15051f;
  --red:#e94b2c;
  --cyan:#13bdc9;
  --yellow:#f3b21c;
  --green:#8fc923;
  --shadow:0 18px 48px rgba(22,5,31,.18);
  --max:1448px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#f4dfc4}
body{
  margin:0;
  color:var(--ink);
  font-family:"Trebuchet MS","Arial Narrow",Arial,sans-serif;
  background:
    radial-gradient(circle at 7% 12%,rgba(19,189,201,.09),transparent 22rem),
    radial-gradient(circle at 90% 20%,rgba(244,180,29,.12),transparent 23rem),
    url("assets/paper-soft.jpg") center top/800px 800px repeat,
    #f7ead7;
  line-height:1.35;
}
a{color:inherit}
img{max-width:100%;display:block}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--ink);color:white;padding:10px 14px;z-index:999;border-radius:8px}.skip-link:focus{left:12px}

.hero-viewport{width:min(100%,var(--max));margin:0 auto;padding:0 0 0}
.hero-poster-card{position:relative;background:var(--paper2);box-shadow:var(--shadow);overflow:hidden}
.hero-poster{width:100%;height:auto;display:block}
.hotspot{position:absolute;display:block;border-radius:10px;text-indent:-9999px;overflow:hidden;outline:0}
.hotspot:focus-visible{outline:5px solid var(--cyan);outline-offset:2px;background:rgba(19,189,201,.15)}
.nav-rundenpass{left:35.1%;top:2.4%;width:8.2%;height:5.2%}.nav-noch{left:44%;top:2.4%;width:12.5%;height:5.2%}.nav-partner{left:58.1%;top:2.4%;width:13.7%;height:5.2%}.nav-sponsoren{left:74.1%;top:2.4%;width:12.4%;height:5.2%}.nav-kontakt{left:88.4%;top:2.4%;width:7.6%;height:5.2%}
.cta-infos{left:5.1%;top:64.1%;width:19.9%;height:6.4%}.cta-sponsor{left:26.5%;top:64%;width:19%;height:6.5%}.card-rundenpass{left:6%;top:83.5%;width:39%;height:13.5%}.card-noch{left:49.3%;top:78.1%;width:42%;height:16%}
.mobile-quicknav{display:none;gap:10px;flex-wrap:wrap;justify-content:center;padding:14px 12px;background:var(--ink);color:white}.mobile-quicknav a{color:white;text-decoration:none;font-weight:900;border:2px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 11px;font-size:.92rem}.mobile-quicknav a:nth-child(2n){border-color:var(--cyan)}


/* Fortführung unterhalb des Heroes: bewusst wie ein zweites, scrollbares Plakat aufgebaut. */
.poster-continuation{
  width:min(100%,var(--max));
  margin:0 auto;
  position:relative;
  overflow:hidden;
  padding:clamp(44px,5vw,76px) clamp(24px,5.2vw,82px) clamp(62px,6vw,92px);
  background:
    radial-gradient(circle at 5% 18%,rgba(243,178,28,.20),transparent 16rem),
    radial-gradient(circle at 96% 8%,rgba(19,189,201,.18),transparent 26rem),
    radial-gradient(circle at 70% 88%,rgba(233,75,44,.10),transparent 24rem),
    url("assets/paper-clean.jpg") center top/900px 900px repeat,
    #f7ead7;
  box-shadow:var(--shadow);
}
.poster-continuation:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) right 6% top 4%/16px 16px no-repeat,
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) left 3% bottom 18%/16px 16px no-repeat;
  opacity:.35;
}
.poster-continuation:after{
  content:"↝";
  position:absolute;
  right:5%;top:44px;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  color:var(--ink);
  font-size:clamp(2.5rem,4.5vw,4.8rem);
  font-weight:900;
  transform:rotate(14deg);
  opacity:.92;
}
.poster-deco{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(5px 8px 0 rgba(22,5,31,.08))}
.poster-deco img{width:100%;height:auto}.harburg-deco{right:3.5%;top:118px;width:min(220px,19vw);transform:rotate(3deg)}.speech-deco{right:16%;top:210px;width:min(155px,16vw);transform:rotate(-5deg);opacity:.95}
.section-title-image{
  position:relative;z-index:2;
  width:min(440px,82vw);
  margin:0 0 clamp(34px,4vw,56px);
  filter:drop-shadow(7px 9px 0 rgba(22,5,31,.10));
  transform:rotate(-.5deg);
}
.info-poster-block{
  position:relative;
  z-index:2;
  margin:0 0 clamp(34px,5vw,64px);
}
.info-poster-block:last-child{margin-bottom:0}
.brush-number{
  display:inline-block;
  color:#fff;
  background:var(--ink);
  padding:.28em .7em .34em;
  font-size:clamp(1.25rem,2.2vw,2.25rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.04em;
  transform:rotate(-.8deg);
  box-shadow:6px 7px 0 rgba(22,5,31,.12);
  clip-path:polygon(2% 13%,12% 0,32% 7%,47% 0,70% 8%,99% 1%,96% 91%,76% 100%,55% 92%,31% 100%,11% 92%,0 96%);
}
.opener-block{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  grid-template-areas:"label badges" "copy badges";
  gap:24px clamp(26px,5vw,60px);
  align-items:center;
}
.opener-block .brush-number{grid-area:label;align-self:end}
.opener-copy{
  grid-area:copy;
  padding:clamp(24px,3.6vw,40px);
  background:rgba(255,242,219,.90);
  background-image:url("assets/paper-clean.jpg");
  background-size:900px 900px;
  filter:drop-shadow(9px 13px 0 rgba(22,5,31,.10));
  clip-path:polygon(0 6%,9% 0,25% 4%,42% 1%,65% 5%,88% 0,100% 8%,97% 92%,82% 100%,61% 96%,39% 100%,18% 95%,2% 100%);
  transform:rotate(.25deg);
}
.opener-copy h3,.copy-ticket h3,.contact-poster h3{
  margin:0 0 .45em;
  color:var(--ink);
  font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(1.75rem,3vw,3.25rem);
  line-height:.98;
  letter-spacing:-.06em;
}
.opener-copy p,.copy-ticket p,.copy-ticket li,.contact-poster p{
  font-size:clamp(1.05rem,1.55vw,1.45rem);
  font-weight:900;
  line-height:1.3;
  margin:.65em 0 0;
}
.badge-strip{grid-area:badges;align-self:center;justify-self:center;width:min(520px,100%);filter:drop-shadow(8px 11px 0 rgba(22,5,31,.12));transform:rotate(-1deg)}
.badge-strip img{width:100%;height:auto}
.image-led-block{
  display:grid;
  grid-template-columns:minmax(360px,55%) minmax(320px,1fr);
  gap:clamp(24px,4vw,56px);
  align-items:center;
}
.image-led-block.reverse{grid-template-columns:minmax(320px,1fr) minmax(360px,55%)}
.image-led-block.reverse .visual-strip{grid-column:2}.image-led-block.reverse .copy-ticket{grid-column:1;grid-row:1}
.visual-strip{
  width:100%;
  height:auto;
  filter:drop-shadow(10px 13px 0 rgba(22,5,31,.12)) drop-shadow(0 12px 22px rgba(22,5,31,.10));
  transform:rotate(-.4deg);
}
.image-led-block:nth-of-type(3) .visual-strip{transform:rotate(.4deg)}
.image-led-block:nth-of-type(4) .visual-strip{transform:rotate(-.2deg)}
.copy-ticket{
  position:relative;
  padding:clamp(24px,3.2vw,42px) clamp(24px,3.5vw,48px);
  background:rgba(255,242,219,.93);
  background-image:url("assets/paper-clean.jpg");
  background-size:900px 900px;
  filter:drop-shadow(9px 13px 0 rgba(22,5,31,.10));
  clip-path:polygon(2% 5%,12% 0,28% 3%,46% 0,64% 4%,85% 1%,100% 6%,97% 92%,86% 100%,64% 96%,48% 100%,26% 96%,7% 100%,0 90%);
}
.copy-ticket:after{
  content:"";
  position:absolute;left:clamp(24px,3.5vw,48px);right:clamp(24px,3.5vw,48px);top:calc(clamp(24px,3.2vw,42px) + 4.1rem);height:8px;border-radius:999px;background:var(--cyan);transform:rotate(-.7deg);opacity:.95;
}
.copy-ticket-green:before,.copy-ticket-cyan:before,.copy-ticket-yellow:before{
  content:"♡";
  position:absolute;right:24px;bottom:18px;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  color:var(--ink);
  font-size:2.3rem;
  line-height:1;
}
.copy-ticket-green{border-left:0 solid var(--green);transform:rotate(.55deg)}
.copy-ticket-cyan{transform:rotate(-.45deg)}
.copy-ticket-yellow{transform:rotate(.35deg)}
.copy-ticket ul{margin:1em 0 0;padding:0;list-style:none}.copy-ticket li{position:relative;padding-left:1.55em;margin:.35em 0}.copy-ticket li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:950;text-shadow:1px 1px 0 var(--ink)}
.status-block{
  display:grid;
  grid-template-columns:minmax(300px,420px) minmax(320px,1fr);
  gap:22px clamp(26px,4vw,54px);
  align-items:center;
}
.status-block .brush-number{grid-column:1 / -1;justify-self:start}
.date-strip{width:min(443px,100%);filter:drop-shadow(9px 13px 0 rgba(22,5,31,.10));transform:rotate(-.6deg)}
.status-stamps{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:18px}
.status-stamps div{
  min-height:118px;
  padding:20px 22px;
  color:var(--ink);
  background:var(--yellow);
  filter:drop-shadow(7px 10px 0 rgba(22,5,31,.11));
  clip-path:polygon(4% 8%,22% 0,40% 5%,58% 0,80% 7%,98% 2%,100% 90%,82% 100%,60% 94%,42% 100%,23% 95%,0 100%);
  transform:rotate(.6deg);
}
.status-stamps div:nth-child(2){background:var(--cyan);transform:rotate(-.6deg)}.status-stamps div:nth-child(3){background:var(--green);transform:rotate(-.2deg)}.status-stamps div:nth-child(4){background:#fff2db;transform:rotate(.35deg)}
.status-stamps strong{display:block;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(1.1rem,1.7vw,1.7rem);line-height:1.05;margin-bottom:.3em}.status-stamps span{font-size:clamp(.98rem,1.3vw,1.2rem);font-weight:950;line-height:1.2}
.contact-poster{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:clamp(26px,4vw,48px);
  background:var(--ink);
  color:white;
  clip-path:polygon(0 13%,8% 2%,21% 9%,36% 0,50% 12%,66% 3%,80% 10%,100% 1%,99% 86%,91% 99%,73% 92%,55% 100%,38% 91%,19% 96%,4% 88%);
}
.contact-poster h3,.contact-poster p{color:white}.brush-contact{background:var(--red);margin-bottom:18px}.mail-paint{display:inline-block;padding:.85em 1.05em;background:var(--cyan);color:var(--ink);text-decoration:none;font-weight:950;font-size:clamp(1rem,1.6vw,1.45rem);filter:drop-shadow(7px 9px 0 rgba(255,255,255,.18));clip-path:polygon(2% 9%,18% 0,39% 8%,57% 0,79% 6%,100% 2%,98% 90%,77% 100%,51% 92%,31% 100%,8% 91%)}
.site-footer{
  width:min(100%,var(--max));
  margin:0 auto 44px;
  padding:22px clamp(20px,5vw,76px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  background:var(--ink);
  color:white;
}
.site-footer p{margin:0;font-size:1rem;font-weight:850}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{color:white;font-weight:900;text-decoration:none;border-bottom:4px solid var(--cyan)}

@media (max-width:980px){
  .opener-block,.image-led-block,.image-led-block.reverse,.status-block{grid-template-columns:1fr;grid-template-areas:none}.image-led-block.reverse .visual-strip,.image-led-block.reverse .copy-ticket{grid-column:auto;grid-row:auto}.badge-strip{justify-self:start}.harburg-deco,.speech-deco{display:none}.status-stamps{grid-template-columns:1fr 1fr}.contact-poster{align-items:flex-start;flex-direction:column}.visual-strip{max-width:740px}.copy-ticket:after{top:calc(clamp(24px,3.2vw,42px) + 3.2rem)}
}
@media (max-width:900px){
  .hero-viewport{margin-bottom:0}.mobile-quicknav{display:flex}
}
@media (max-width:620px){
  .poster-continuation{padding:34px 14px 48px}.section-title-image{margin-left:auto;margin-right:auto}.opener-copy,.copy-ticket{padding:22px 20px}.status-stamps{grid-template-columns:1fr}.site-footer{justify-content:center;text-align:center}.site-footer nav{justify-content:center}.opener-copy p,.copy-ticket p,.copy-ticket li,.contact-poster p{font-size:1rem}.copy-ticket:after{display:none}.brush-number{font-size:1.25rem}.contact-poster{padding:28px 20px}.mail-paint{font-size:.95rem;word-break:break-word}.badge-strip{width:100%}
}

/* Einfache Unterseiten */
.subpage{
  width:min(calc(100% - 34px),1050px);
  margin:36px auto 44px;
  background:url("assets/paper-soft.jpg") center/800px 800px repeat,#f7ead7;
  padding:clamp(28px,5vw,64px);
  box-shadow:var(--shadow);
  color:var(--ink);
}
.subpage h1,.subpage h2{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;line-height:1;letter-spacing:-.055em;margin:0 0 18px}.subpage h1{font-size:clamp(2.2rem,5vw,5rem)}.subpage h2{font-size:clamp(1.6rem,3vw,2.6rem);margin-top:34px}.subpage p,.subpage li{font-size:clamp(1rem,1.3vw,1.18rem);font-weight:800}.subpage a{font-weight:950}.backlink{display:inline-block;margin-bottom:24px;font-weight:950;text-decoration:none;border-bottom:5px solid var(--cyan)}
.subpage-hero{margin:-20px -20px 34px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.subpage-hero img{filter:drop-shadow(8px 12px 0 rgba(22,5,31,.10));}.sponsor-card-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:28px 0}.sponsor-card-strip img{filter:drop-shadow(8px 12px 0 rgba(22,5,31,.10));}

@media (max-width:900px){
  .hero-viewport{margin-bottom:0}.mobile-quicknav{display:flex}.poster-grid-main{grid-template-columns:1fr}.poster-grid-main .visual-card{max-width:720px;margin:0 auto}.poster-grid-secondary{grid-template-columns:1fr}.visual-card-date{margin:0 auto}.poster-bottom-band{justify-content:center;text-align:center}.subpage-hero,.sponsor-card-strip{grid-template-columns:1fr}
}
@media (max-width:560px){
  .poster-continuation{padding:34px 14px 46px}.section-title-image{margin-left:auto;margin-right:auto}.poster-bottom-band{margin-top:38px}.site-footer{justify-content:center;text-align:center}.site-footer nav{justify-content:center}.visual-note{padding:20px 20px 18px}.visual-note p{font-size:1rem}
}
.subpage-header{
  width:min(100%,var(--max));
  margin:0 auto;
  padding:18px clamp(18px,4vw,60px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  background:url("assets/paper-soft.jpg") center/800px 800px repeat,#f7ead7;
  box-shadow:0 10px 22px rgba(22,5,31,.10);
}
.mini-logo{
  color:var(--ink);
  text-decoration:none;
  font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(1.4rem,3vw,2.6rem);
  font-weight:950;
  letter-spacing:-.06em;
  line-height:.9;
}
.mini-logo em{
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-style:normal;
  color:var(--red);
  letter-spacing:-.02em;
}
.subpage-header nav{display:flex;gap:18px;flex-wrap:wrap}.subpage-header nav a{font-weight:950;text-decoration:none;border-bottom:5px solid var(--cyan)}
.legal-list{padding-left:1.2rem}.legal-list li{margin:.35rem 0}
@media (max-width:720px){.subpage-header{justify-content:center;text-align:center}.subpage-header nav{justify-content:center}}

/* Feinschliff v5: flexible Unterstreichungen statt fixer Linien, damit lange Überschriften lesbar bleiben. */
.copy-ticket:after{display:none!important}
.copy-ticket h3,.opener-copy h3,.contact-poster h3{
  display:inline;
  background:linear-gradient(transparent 72%, rgba(19,189,201,.95) 72%, rgba(19,189,201,.95) 86%, transparent 86%);
  padding-right:.15em;
}
.contact-poster h3{background:linear-gradient(transparent 72%, rgba(233,75,44,.95) 72%, rgba(233,75,44,.95) 86%, transparent 86%)}

/* Sponsorenseite v6: gleiche Bildwelt wie OnePage-Hero, mehr Raum und mehr Inhalt */
.sponsor-body{
  background:
    radial-gradient(circle at 8% 10%,rgba(243,178,28,.16),transparent 22rem),
    radial-gradient(circle at 92% 18%,rgba(19,189,201,.13),transparent 26rem),
    url("assets/paper-clean.jpg") center top/900px 900px repeat,
    #f7ead7;
}
.sponsor-header{
  width:min(100%,var(--max));
  background:url("assets/paper-clean.jpg") center/900px 900px repeat,#f7ead7;
  border-bottom:0;
}
.sponsor-poster-page{
  width:min(100%,var(--max));
  margin:0 auto;
  position:relative;
  overflow:hidden;
  padding:clamp(28px,4vw,56px) clamp(22px,5.2vw,82px) clamp(70px,6vw,100px);
  background:
    radial-gradient(circle at 5% 24%,rgba(243,178,28,.18),transparent 18rem),
    radial-gradient(circle at 95% 8%,rgba(19,189,201,.18),transparent 28rem),
    radial-gradient(circle at 80% 82%,rgba(233,75,44,.10),transparent 23rem),
    url("assets/paper-clean.jpg") center top/900px 900px repeat,
    #f7ead7;
  box-shadow:var(--shadow);
}
.sponsor-poster-page:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) right 5% top 7%/16px 16px no-repeat,
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) left 4% top 42%/16px 16px no-repeat,
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) right 8% bottom 19%/16px 16px no-repeat;
}
.sponsor-backlink{position:relative;z-index:2;margin-bottom:28px}
.sponsor-hero-panel{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(360px,560px);
  gap:clamp(30px,5vw,72px);
  align-items:center;
  min-height:620px;
  padding-bottom:clamp(34px,5vw,70px);
}
.sponsor-small-title{
  width:min(385px,72vw);
  height:auto;
  margin:0 0 20px;
  filter:drop-shadow(7px 9px 0 rgba(22,5,31,.10));
  transform:rotate(-1deg);
}
.red-brush-line{
  display:inline-block;
  color:#fff;
  background:var(--red);
  padding:.42em 1em .48em;
  font-size:clamp(1.02rem,1.45vw,1.45rem);
  font-weight:950;
  letter-spacing:.01em;
  text-transform:uppercase;
  transform:rotate(-1.1deg);
  box-shadow:7px 9px 0 rgba(22,5,31,.10);
  clip-path:polygon(2% 12%,16% 0,35% 9%,55% 1%,76% 8%,100% 0,97% 91%,77% 100%,54% 92%,31% 100%,8% 92%,0 98%);
}
.sponsor-hero-copy h1{
  font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(3.2rem,7.4vw,8.6rem);
  line-height:.88;
  letter-spacing:-.075em;
  color:var(--ink);
  margin:.18em 0 .22em;
  max-width:720px;
}
.sponsor-lead,
.sponsor-lead-small{
  max-width:680px;
  font-size:clamp(1.25rem,1.75vw,1.8rem);
  font-weight:950;
  line-height:1.22;
  margin:.7em 0 0;
}
.sponsor-lead-small{font-size:clamp(1.05rem,1.35vw,1.35rem);font-weight:900;max-width:640px}
.sponsor-cta-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.paint-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:58px;
  padding:.85em 1.4em;
  color:var(--ink);text-decoration:none;font-weight:950;
  font-size:clamp(1rem,1.25vw,1.22rem);
  filter:drop-shadow(7px 10px 0 rgba(22,5,31,.12));
  clip-path:polygon(2% 9%,19% 0,37% 7%,59% 0,81% 6%,100% 2%,98% 89%,78% 100%,52% 92%,30% 100%,8% 91%);
}
.paint-button.cyan{background:var(--cyan);color:white}.paint-button.yellow{background:var(--yellow)}
.sponsor-hero-visual{position:relative;min-height:540px}
.sponsor-rathaus{
  position:absolute;right:-1%;top:38px;width:min(590px,100%);
  filter:drop-shadow(13px 18px 0 rgba(22,5,31,.10));
}
.sponsor-hero-visual:before{
  content:"";position:absolute;right:-3%;top:0;width:min(570px,92%);height:min(570px,92%);
  background:var(--cyan);border-radius:50%;opacity:.86;z-index:-1;
  clip-path:circle(48% at 52% 48%);
}
.sponsor-speech{position:absolute;left:2%;top:2%;width:min(170px,35%);filter:drop-shadow(7px 10px 0 rgba(22,5,31,.10));transform:rotate(-7deg)}
.sponsor-date{position:absolute;left:2%;bottom:10px;width:min(420px,78%);filter:drop-shadow(8px 11px 0 rgba(22,5,31,.12));transform:rotate(-.7deg)}
.sponsor-section{position:relative;z-index:2;margin:0 0 clamp(58px,7vw,98px)}
.two-column-loose{display:grid;grid-template-columns:minmax(360px,1fr) minmax(340px,520px);gap:clamp(28px,5vw,74px);align-items:center}
.sponsor-copy-card{padding:clamp(28px,3.6vw,52px);}
.sponsor-copy-card h2,
.sponsor-copy-card h3,
.section-paint-title{
  margin:.35em 0 .55em;
  font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(2.05rem,4.2vw,4.7rem);
  line-height:.92;
  letter-spacing:-.065em;
}
.sponsor-copy-card h3{font-size:clamp(1.55rem,2.3vw,2.7rem)}
.sponsor-copy-card p,.sponsor-copy-card li{
  font-size:clamp(1.05rem,1.38vw,1.34rem);
  font-weight:900;
  line-height:1.33;
}
.sponsor-asset-card{
  display:grid;gap:22px;
  padding:22px;
  background:rgba(255,242,219,.72);
  filter:drop-shadow(9px 13px 0 rgba(22,5,31,.10));
  clip-path:polygon(1% 4%,14% 0,31% 4%,49% 0,69% 3%,88% 1%,100% 5%,98% 94%,83% 100%,61% 96%,42% 100%,21% 96%,3% 100%,0 88%);
}
.sponsor-asset-card img{filter:drop-shadow(8px 11px 0 rgba(22,5,31,.11))}.asset-card-badges{justify-self:center;max-width:92%}
.section-paint-title{display:block;margin:.38em 0 .65em;max-width:900px;background:linear-gradient(transparent 72%, rgba(19,189,201,.95) 72%, rgba(19,189,201,.95) 86%, transparent 86%);width:max-content;max-width:100%;}
.sponsor-card-grid.wide{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:clamp(18px,2.4vw,30px)}
.sponsor-note{
  min-height:230px;
  padding:clamp(24px,3vw,36px);
  filter:drop-shadow(8px 12px 0 rgba(22,5,31,.12));
  clip-path:polygon(4% 8%,18% 0,38% 6%,58% 1%,78% 7%,99% 2%,100% 89%,84% 100%,63% 94%,44% 100%,23% 95%,0 100%);
}
.sponsor-note h3{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(1.45rem,2vw,2rem);line-height:1.05;margin:0 0 .55em;font-weight:950}.sponsor-note p{font-size:clamp(1rem,1.22vw,1.18rem);font-weight:950;line-height:1.28;margin:0}
.red-note{background:var(--red);color:white}.cyan-note{background:var(--cyan);color:#fff}.yellow-note{background:var(--yellow)}.green-note{background:var(--green)}.paper-note{background:#fff2db}.ink-note{background:var(--ink);color:white}
.sponsor-benefit-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,52px)}
.sponsor-status{margin-bottom:clamp(58px,7vw,96px)}
.sponsor-contact{margin-bottom:0}
.sponsor-contact h2{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;font-size:clamp(2.2rem,4.5vw,5rem);line-height:.92;letter-spacing:-.065em;margin:.2em 0 .25em;color:white}
@media (max-width:1040px){
  .sponsor-hero-panel,.two-column-loose,.sponsor-benefit-layout{grid-template-columns:1fr}.sponsor-hero-panel{min-height:0}.sponsor-hero-visual{min-height:520px;max-width:650px}.sponsor-card-grid.wide{grid-template-columns:repeat(2,minmax(220px,1fr))}
}
@media (max-width:720px){
  .sponsor-poster-page{padding:26px 14px 54px}.sponsor-hero-visual{min-height:390px}.sponsor-rathaus{top:48px}.sponsor-speech{width:130px}.sponsor-date{width:min(360px,88%)}.sponsor-card-grid.wide{grid-template-columns:1fr}.sponsor-copy-card h2,.section-paint-title{font-size:clamp(2rem,11vw,3.5rem)}.sponsor-lead{font-size:1.15rem}.sponsor-lead-small{font-size:1rem}.paint-button{width:100%}
}

/* v7 Sponsorenseite – enger an der Hero-Optik, klarer und mit ausgeschnittenen Rapid-Prototype-Elementen */
.sponsor-body{
  background:
    radial-gradient(circle at 8% 12%,rgba(243,178,28,.14),transparent 20rem),
    radial-gradient(circle at 92% 12%,rgba(19,189,201,.12),transparent 22rem),
    url("assets/paper-clean.jpg") center top/900px 900px repeat,
    #f7ead7;
}
.sponsor-header{
  background:url("assets/paper-clean.jpg") center/900px 900px repeat,#f7ead7;
}
.sponsor-poster-page{
  width:min(100%,var(--max));
  margin:0 auto;
  position:relative;
  overflow:hidden;
  padding:clamp(24px,4vw,52px) clamp(16px,4.6vw,76px) clamp(70px,6vw,96px);
  background:
    radial-gradient(circle at 6% 24%,rgba(243,178,28,.18),transparent 18rem),
    radial-gradient(circle at 95% 10%,rgba(19,189,201,.14),transparent 26rem),
    url("assets/paper-clean.jpg") center top/900px 900px repeat,
    #f7ead7;
  box-shadow:var(--shadow);
}
.sponsor-poster-page:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) right 4% top 8%/16px 16px no-repeat,
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) left 3% top 50%/16px 16px no-repeat,
    radial-gradient(var(--yellow) 1.7px,transparent 2.4px) right 7% bottom 16%/16px 16px no-repeat;
}
.sponsor-hero-panel{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:minmax(360px,1.05fr) minmax(320px,.95fr);
  gap:clamp(28px,5vw,72px);
  align-items:center;
  margin-bottom:clamp(34px,5vw,60px);
}
.sponsor-hero-copy h1{
  margin:.18em 0 .22em;
  max-width:720px;
}
.sponsor-neutral-visual{
  display:grid;
  gap:22px;
  align-content:start;
  justify-items:start;
  max-width:530px;
  margin-inline:auto 0;
}
.sticker-cutout{
  position:relative;
  display:inline-block;
  padding:12px;
  background:#fffaf0;
  box-shadow:0 14px 26px rgba(22,5,31,.14), 0 2px 0 rgba(22,5,31,.08);
  border-radius:10px;
}
.sticker-cutout img{
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;
}
.sticker-cutout:before{
  content:"";
  position:absolute;
  top:-11px;
  left:22px;
  width:92px;
  height:24px;
  opacity:.88;
  border-radius:3px;
  transform:rotate(-4deg);
}
.tape-cyan:before{background:rgba(19,189,201,.78)}
.tape-yellow:before{background:rgba(243,178,28,.80)}
.tape-green:before{background:rgba(143,201,35,.78)}
.tape-red:before{background:rgba(233,75,44,.72)}
.rotate-left{transform:rotate(-2deg)}
.rotate-right{transform:rotate(2deg)}
.rotate-soft{transform:rotate(.7deg)}
.sticker-speech{width:min(170px,40%)}
.sticker-badges{width:min(430px,100%)}
.sticker-partner-card{width:min(470px,100%)}
.sticker-large{width:min(520px,100%)}
.sticker-medium{width:min(500px,100%)}
.sponsor-cutout-section{
  position:relative;z-index:2;
  margin:0 0 clamp(46px,6vw,80px);
}
.sponsor-cutout-wrap{display:flex;align-items:center}
.sponsor-cutout-wrap.right-align{justify-content:flex-end}
.sponsor-cutout-wrap.left-align{justify-content:flex-start}
.sponsor-copy-paper{
  background:rgba(255,242,219,.92);
  background-image:url("assets/paper-clean.jpg");
  background-size:900px 900px;
}
.sponsor-copy-paper h2{
  margin-top:.5em;
}
.sponsor-beteiligung{position:relative;z-index:2;margin:0 0 clamp(50px,6vw,84px)}
.sponsor-card-grid-balanced{
  grid-template-columns:repeat(3,minmax(250px,1fr));
  align-items:stretch;
}
.sponsor-card-grid-balanced .sponsor-note{
  min-height:255px;
}
.mail-paint-wide{
  white-space:nowrap;
  font-size:clamp(.9rem,1.35vw,1.28rem);
  max-width:100%;
}

@media (max-width:1040px){
  .sponsor-hero-panel,
  .sponsor-cutout-section.two-column-loose,
  .sponsor-cutout-section.two-column-loose.reverse{
    grid-template-columns:1fr;
  }
  .sponsor-neutral-visual{max-width:100%;margin:0}
  .sponsor-cutout-wrap.right-align,
  .sponsor-cutout-wrap.left-align{justify-content:flex-start}
  .sponsor-card-grid-balanced{grid-template-columns:repeat(2,minmax(240px,1fr))}
}
@media (max-width:720px){
  .sponsor-poster-page{padding:22px 14px 54px}
  .sponsor-card-grid-balanced{grid-template-columns:1fr}
  .mail-paint-wide{white-space:normal;overflow-wrap:anywhere}
}

/* v8 Hauptseite – Hero-Fortsetzung stärker im Rapid-Prototype-/Sticker-Stil wie die Sponsoren-Seite */
.poster-deco.intro-sticker-card{
  filter:none;
  padding:12px;
  background:#fffaf0;
  border-radius:10px;
  box-shadow:0 14px 26px rgba(22,5,31,.14), 0 2px 0 rgba(22,5,31,.08);
}
.poster-deco.intro-sticker-card img{display:block;width:100%;height:auto;border-radius:4px}
.poster-deco.intro-sticker-card:before{
  content:"";
  position:absolute;
  top:-12px;
  left:22px;
  width:88px;
  height:24px;
  border-radius:3px;
  transform:rotate(-4deg);
  opacity:.88;
}
.harburg-deco.intro-sticker-card:before{background:rgba(243,178,28,.82)}
.speech-deco.intro-sticker-card:before{background:rgba(19,189,201,.80)}
.harburg-deco{right:2.8%;top:104px;width:min(235px,20vw);transform:rotate(2deg)}
.speech-deco{right:14%;top:206px;width:min(172px,15vw);transform:rotate(-4deg);opacity:1}

.badge-strip.sticker-cutout{
  justify-self:end;
  align-self:center;
  width:min(560px,100%);
  padding:14px;
  background:#fffaf0;
  border-radius:10px;
  box-shadow:0 14px 26px rgba(22,5,31,.14), 0 2px 0 rgba(22,5,31,.08);
  filter:none;
  position:relative;
  transform:rotate(-1.2deg);
}
.badge-strip.sticker-cutout:before{
  content:"";
  position:absolute;
  top:-12px;
  left:26px;
  width:92px;
  height:24px;
  border-radius:3px;
  transform:rotate(-4deg);
  background:rgba(143,201,35,.78);
}
.badge-strip.sticker-cutout img{display:block;width:100%;height:auto}

.visual-cutout-wrap,
.date-cutout-wrap{
  position:relative;
  display:flex;
}
.visual-cutout-wrap.left-align,
.date-cutout-wrap.left-align{justify-content:flex-start}
.visual-cutout-wrap.right-align{justify-content:flex-end}
.visual-cutout-wrap:before,
.date-cutout-wrap:before{
  content:"";
  position:absolute;
  top:-12px;
  left:22px;
  width:92px;
  height:24px;
  border-radius:3px;
  transform:rotate(-4deg);
  opacity:.88;
  z-index:2;
}
#rundenpass .visual-cutout-wrap:before{background:rgba(143,201,35,.78)}
#partner-verlage .visual-cutout-wrap:before{background:rgba(19,189,201,.80)}
#noch-eine-runde .visual-cutout-wrap:before{background:rgba(243,178,28,.82)}
.status-block .date-cutout-wrap:before{background:rgba(233,75,44,.78)}
.visual-cutout-wrap .visual-strip,
.date-cutout-wrap .date-strip{
  display:block;
  width:100%;
  height:auto;
  padding:12px;
  background:#fffaf0;
  border-radius:10px;
  box-shadow:0 14px 26px rgba(22,5,31,.14), 0 2px 0 rgba(22,5,31,.08);
  filter:none;
  transform:none !important;
}
.date-cutout-wrap{width:min(470px,100%)}

.contact-poster .mail-paint-wide{
  white-space:nowrap;
  min-width:min(560px,100%);
  text-align:center;
}

@media (max-width:980px){
  .harburg-deco{right:1.5%;top:86px;width:min(210px,28vw)}
  .speech-deco{right:10%;top:186px;width:min(160px,22vw)}
  .badge-strip.sticker-cutout{justify-self:start}
}
@media (max-width:720px){
  .badge-strip.sticker-cutout{width:100%}
  .contact-poster .mail-paint-wide{white-space:normal;min-width:0;overflow-wrap:anywhere}
}