/* Nur Header und Gutschein. Darunter bleibt die abgestimmte Arbeitsfassung erhalten. */
.site-header { position:relative; height:114px; }
.site-header .partnership-label { font:italic 700 17px/1.2 var(--display); letter-spacing:0; }
.site-header .partnership-label span { width:30px; height:9px; background:#e97b22; -webkit-mask:url("assets/pinselspur-v9.png") center/100% 100% no-repeat; mask:url("assets/pinselspur-v9.png") center/100% 100% no-repeat; }
.flyer-hero { padding-top:12px; padding-bottom:29px; }
.flyer-hero .voucher {
  border:1px solid #dddccf; border-radius:36px; background:#fffef9;
  box-shadow:0 2px 2px #4d4b3912,0 11px 20px -12px #4d4b3926,0 30px 55px -20px #4d4b3926,inset 0 0 0 5px #fffffd;
  transform:rotate(-.45deg); isolation:isolate;
}
.flyer-hero .voucher::after { content:""; position:absolute; inset:7px; z-index:4; border:1px solid #ffffffad; border-radius:29px; pointer-events:none; }
.flyer-hero .voucher-visual { height:477px; border-radius:35px 35px 0 0; background:#fffef9; isolation:isolate; }
.flyer-hero .voucher-scene { width:100%; height:100%; object-position:center 45%; opacity:.85; z-index:-2; filter:saturate(.84); }
.flyer-hero .voucher-visual::after {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(105deg,#fffef9ed 0%,#fffef9cf 43%,#fffffba6 70%,#fffffb85 100%);
}
.flyer-hero .paint::before {
  -webkit-mask-image:url("assets/pinselspur-v9.png"); mask-image:url("assets/pinselspur-v9.png");
  -webkit-mask-size:100% 100%; mask-size:100% 100%;
  transform:none;
}
.flyer-hero .paint-green { --paint:linear-gradient(105deg,#0b4e1c,#1b7327 54%,#0e5822); }
.flyer-hero .paint-orange { --paint:linear-gradient(105deg,#fa8a15,#f26915 70%,#f7a42c); }
.flyer-hero .paint-white { --paint:#fffef9; }
.flyer-hero .voucher-top {
  left:5%; right:auto; top:17px; width:53%; padding:27px 75px 29px 46px;
  color:#fff; font:italic 800 48px/1 var(--display); letter-spacing:-.025em; transform:rotate(-3deg);
}
.flyer-hero .voucher-top::before { inset:-4px -21px -5px -20px; }
.flyer-hero .club-heart { width:75px; height:75px; right:8px; top:12px; transform:rotate(9deg); }
.flyer-hero .voucher-content { left:7%; right:5%; bottom:105px; grid-template-columns:1.5fr 1fr; gap:42px; align-items:center; }
.flyer-hero .voucher-main { margin:0; padding:11px 0 17px; text-align:left; transform:rotate(-3deg); }
.flyer-hero .voucher-main::before { inset:-22px -55px -13px -58px; opacity:.92; transform:rotate(-1deg); }
.flyer-hero .voucher-title { font:400 115px/.91 var(--script); text-align:left; padding:0 0 3px; margin:0; color:#ee6819; letter-spacing:-.035em; text-shadow:none; }
.flyer-hero .voucher-subtitle { color:#174c25; font:italic 700 28px/1.1 var(--display); margin:5px 0 0; padding:0 0 0 20px; letter-spacing:-.02em; }
.flyer-hero .voucher-subtitle strong { display:block; font-size:46px; font-weight:900; line-height:1.02; margin-top:1px; white-space:nowrap; }
.flyer-hero .brush-underline {
  display:block; width:82%; height:15px; margin:6px 0 0 21px; background:linear-gradient(95deg,#f2ae20,#ef6518 55%,#f48620);
  -webkit-mask:url("assets/pinselspur-v9.png") center/100% 100% no-repeat; mask:url("assets/pinselspur-v9.png") center/100% 100% no-repeat;
  transform:rotate(-1.7deg);
}
.flyer-hero .voucher-message { padding:26px 17px 23px; margin:24px 0 0; text-align:center; transform:rotate(4deg); }
.flyer-hero .voucher-message::before { inset:-18px -28px; opacity:.88; transform:rotate(3deg); }
.flyer-hero .voucher-message p { margin:0; font:400 38px/1.04 var(--script); color:#1e5d2a; }
.flyer-hero .voucher-message p span { color:#d66a22; }
.flyer-hero .voucher-message .brush-underline { width:80%; height:11px; margin:7px auto -5px; background:#358131; transform:rotate(-3deg); }
.flyer-hero .voucher-motto { left:3%; right:3%; bottom:13px; padding:25px 20px 30px; font-size:34px; transform:rotate(-1deg); }
.flyer-hero .voucher-motto::before { inset:-7px -8px -7px; }
.flyer-hero .voucher-motto em { color:#ffc34c; }
.flyer-hero .voucher-foot {
  gap:27px; min-height:113px; padding:20px 48px 24px; border-radius:0 0 35px 35px;
  background:linear-gradient(110deg,#fffefb,#fcfbf4); border-top:2px dashed #a5ac975c;
}
.flyer-hero .tear-notch { z-index:6; top:-20px; width:20px; height:40px; background:#fffef9; border-color:#d9ddc9; box-shadow:0 1px 1px #334a1310; }
.flyer-hero .tear-notch-left { left:-1px; border-radius:0 24px 24px 0; }
.flyer-hero .tear-notch-right { right:-1px; border-radius:24px 0 0 24px; }
.flyer-hero .voucher-free strong { font:400 33px/1 var(--script); color:#24652b; }
.flyer-hero .voucher-free>span { font-size:11px; margin-top:5px; color:#6b705f; }
.flyer-hero .voucher-worth { position:relative; margin-left:auto; text-align:center; }
.flyer-hero .voucher-worth>span:first-child { display:block; font-size:10px; color:#717663; letter-spacing:.025em; }
.flyer-hero .voucher-worth strong { display:block; font:italic 800 31px/1 var(--display); color:#396734; margin-top:3px; }
.flyer-hero .voucher-worth .brush-underline { width:78px; height:8px; margin:1px auto 0; opacity:.75; }
.flyer-hero .redeem-button {
  width:239px; max-width:none; min-height:67px; padding:11px 28px 17px; border:0; border-radius:0; background:none;
  font:italic 800 34px/1 var(--display); color:white; box-shadow:none; transform:rotate(-2deg);
  transition:filter .2s,transform .2s;
}
.flyer-hero .redeem-button::before { inset:-7px -8px; filter:drop-shadow(0 3px 1px #bc4b1224); }
.flyer-hero .redeem-button:hover { background:none; transform:rotate(-2deg) translateY(-2px); filter:saturate(1.15); }
.flyer-hero .hero-copy { justify-content:center; margin-top:21px; }
.flyer-hero .contact-link { color:#5e7455; }
@media(min-width:1600px) { .flyer-hero { padding-top:12px; padding-bottom:29px; } }
@media(max-width:1050px) {
  .site-header { height:106px; }
  .flyer-hero .voucher-visual { height:465px; }
  .flyer-hero .voucher-top { width:60%; font-size:43px; }
  .flyer-hero .voucher-content { gap:20px; left:6%; right:4%; }
  .flyer-hero .voucher-title { font-size:105px; }
  .flyer-hero .voucher-subtitle { font-size:25px; padding-left:12px; }
  .flyer-hero .voucher-subtitle strong { font-size:36px; }
  .flyer-hero .voucher-message p { font-size:31px; }
  .flyer-hero .voucher-motto { font-size:29px; }
  .flyer-hero .voucher-foot { padding-inline:35px; gap:22px; }
  .flyer-hero .voucher-free strong { font-size:30px; }
  .flyer-hero .redeem-button { width:200px; }
}
@media(max-width:720px) {
  .site-header { height:87px; }
  .flyer-hero { padding-top:10px; padding-bottom:21px; }
  .flyer-hero .voucher { border-radius:29px; transform:rotate(-.45deg); }
  .flyer-hero .voucher::after { inset:5px; border-radius:24px; }
  .flyer-hero .voucher-visual { height:406px; border-radius:28px 28px 0 0; }
  .flyer-hero .voucher-scene { height:100%; width:100%; object-position:57% 50%; opacity:.72; }
  .flyer-hero .voucher-visual::after { background:linear-gradient(100deg,#fffef9e8,#fffef9ba 55%,#fffef994); }
  .flyer-hero .voucher-top { top:13px; left:5%; width:90%; padding:21px 52px 24px 29px; font-size:32px; z-index:1; }
  .flyer-hero .voucher-top::before { inset:-5px -10px; }
  .flyer-hero .club-heart { width:53px; height:53px; top:15px; right:7px; }
  .flyer-hero .voucher-content { left:10%; right:7%; bottom:95px; display:block; }
  .flyer-hero .voucher-main { padding:9px 0 10px; transform:rotate(-3deg); }
  .flyer-hero .voucher-main::before { inset:-5px -30px -11px; opacity:.87; }
  .flyer-hero .voucher-title { font-size:91px; padding:0; line-height:.97; }
  .flyer-hero .voucher-subtitle { font-size:24px; padding-left:8px; margin-top:8px; }
  .flyer-hero .voucher-subtitle strong { font-size:40px; line-height:.94; white-space:normal; max-width:290px; margin-top:3px; }
  .flyer-hero .voucher-main .brush-underline { width:83%; height:12px; margin:6px 0 0 9px; }
  .flyer-hero .voucher-message { display:none; }
  .flyer-hero .voucher-motto { left:1%; right:1%; bottom:12px; padding:23px 9px 29px; font-size:23px; line-height:1.03; }
  .flyer-hero .voucher-motto em { margin-top:2px; }
  .flyer-hero .voucher-foot { display:grid; grid-template-columns:1.25fr 1fr; gap:11px 10px; min-height:0; padding:19px 24px 15px; border-radius:0 0 28px 28px; }
  .flyer-hero .tear-notch { width:15px; height:30px; top:-15px; }
  .flyer-hero .voucher-free strong { font-size:25px; white-space:nowrap; }
  .flyer-hero .voucher-free>span { max-width:165px; font-size:9px; line-height:1.35; margin-top:4px; }
  .flyer-hero .voucher-worth { margin:0; justify-self:end; }
  .flyer-hero .voucher-worth>span:first-child { font-size:8px; letter-spacing:0; }
  .flyer-hero .voucher-worth strong { font-size:25px; }
  .flyer-hero .voucher-worth .brush-underline { width:58px; height:7px; }
  .flyer-hero .redeem-button { grid-column:1/-1; width:100%; min-height:64px; margin:0; padding:12px 28px 19px; font-size:32px; }
  .flyer-hero .redeem-button::before { inset:-4px 4px; }
  .flyer-hero .hero-copy { margin-top:18px; padding:0; }
  .flyer-hero .contact-link { margin-top:0; font-size:10px; }
}
@media(max-width:370px) {
  .flyer-hero .voucher-top { font-size:27px; padding-left:25px; }
  .flyer-hero .club-heart { width:47px; height:47px; top:14px; right:9px; }
  .flyer-hero .voucher-title { font-size:77px; }
  .flyer-hero .voucher-subtitle { font-size:21px; }
  .flyer-hero .voucher-subtitle strong { font-size:36px; }
  .flyer-hero .voucher-content { left:9%; }
  .flyer-hero .voucher-visual { height:383px; }
  .flyer-hero .voucher-motto { font-size:21px; }
  .flyer-hero .voucher-free strong { font-size:23px; }
  .flyer-hero .voucher-free>span { max-width:143px; }
  .flyer-hero .voucher-foot { padding-inline:20px; }
}
