/* AVGS-Hinweis im Ratgeber (03.10.2026): blauer Gutschein-Zettel „0 €“ mit Büroklammer an einer Karteikarte, Bauart wie der
   Merkblatt-Hinweis (merkblatt-hinweis.css). Führt aus den Artikeln, die bei Google gut stehen, zur AVGS-Seite.
   Nur auf Seiten geladen, die ihn zeigen. Büroklammer (.p-klammer), Textmarker und Papiertexturen kommen aus papier.css. */
html body .avh{--hw:132px;position:relative;display:grid;grid-template-columns:var(--hw) minmax(0,1fr);gap:0 26px;align-items:start;max-width:640px;margin:38px 0 30px;padding:0 0 0 6px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#191b1d;-webkit-font-smoothing:antialiased;text-align:left}
html body .avh *,html body .avh *::before,html body .avh *::after{box-sizing:border-box}

/* der Gutschein: blaues Blockpapier, links perforiert; Text beginnt unter der Büroklammer */
html body .avh__schein{position:relative;z-index:2;grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;
  min-height:154px;margin-top:-10px;padding:50px 8px 16px 14px;border-radius:2px;text-align:center;transform:rotate(-3deg);transition:transform .35s cubic-bezier(.2,.8,.2,1);
  background-color:#eef3f8;
  background-image:radial-gradient(circle at 0 50%,#fbf9f5 0 3.2px,transparent 3.6px),linear-gradient(170deg,rgba(246,249,252,.55),rgba(246,249,252,0) 70%,rgba(214,225,238,.4)),var(--p-t-blau,none);
  background-size:8px 12px,100% 100%,256px 256px;background-repeat:repeat-y,no-repeat,repeat;background-position:-1px 4px,0 0,0 0;
  box-shadow:0 0 0 .5px hsl(212 30% 30%/.18),-1px 2px 2px hsl(32 30% 26%/.07),-4px 8px 10px hsl(32 30% 26%/.08),-10px 20px 24px -8px hsl(32 30% 26%/.2)}
html body .avh__schein::after{content:"";position:absolute;left:12px;top:10px;bottom:10px;border-left:1.2px dashed hsl(212 35% 45%/.35)}
html body .avh__schein .p-klammer{top:-20px;left:auto;right:16px}
html body .avh__schein-kopf{font-size:12.5px;font-weight:650;line-height:1.25;color:#174a78}
html body .avh__schein-zahl{font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:900;font-size:44px;line-height:1.05;letter-spacing:-.04em;color:#174a78}
html body .avh__schein-fuss{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:17px;line-height:1.1;color:#1f5a96;transform:rotate(-4deg)}
@media (hover:hover) and (pointer:fine){ html body .avh:hover .avh__schein{transform:rotate(-1.4deg) translateY(-3px)} }

/* die Karteikarte */
html body .avh__karte{position:relative;z-index:1;grid-column:1 / -1;grid-row:1;margin-left:calc(var(--hw) * .52);padding:18px 22px 18px calc(var(--hw) * .48 + 26px);border-radius:3px;
  background-color:#fcf8ef;background-image:linear-gradient(180deg,rgba(255,253,247,.45),rgba(251,247,236,0) 70%),var(--p-t-karte,none);background-size:100% 100%,256px 256px;background-repeat:no-repeat,repeat;
  box-shadow:0 0 0 .5px hsl(32 30% 26%/.13),-.5px 1px 1px hsl(32 30% 26%/.12),-1px 2px 2px hsl(32 30% 26%/.06),-2px 4px 5px hsl(32 30% 26%/.06),-5px 10px 12px hsl(32 30% 26%/.06),inset 0 -1.5px 0 hsl(38 30% 70%/.35),inset 0 1px 0 rgba(255,255,255,.9);
  transform:rotate(.4deg)}
html body .avh__kopf{margin:0;padding-bottom:7px;border-bottom:1.2px solid hsl(354 62% 58%/.45);font-size:13px;font-weight:650;line-height:1.35;color:#174a78}
html body .avh__titel{margin:10px 0 0;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;font-size:clamp(19px,1.7vw,21px);line-height:1.2;letter-spacing:-.02em;color:#191b1d;text-wrap:balance}
html body .avh__satz{margin:4px 0 0;font-size:15px;line-height:26px;color:rgba(25,27,29,.74);
  background:repeating-linear-gradient(transparent 0 24px,hsl(208 55% 58%/.2) 24px 25px,transparent 25px 26px) 0 0/100% 26px}
html body .avh__aktion{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:14px 0 0}
html body .avh__aktion a{text-decoration:none}
html body a.avh__knopf{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:10px;background:#174a78;color:#fff;font-size:15px;font-weight:650;line-height:1.2;
  box-shadow:0 8px 18px -10px rgba(23,74,120,.6);transition:background .18s ease,transform .18s ease}
html body a.avh__knopf:hover{background:#21598e;color:#fff;transform:translateY(-1px)}
html body a.avh__link{font-size:14.5px;font-weight:650;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:4px}
html body a.avh__link:hover{text-decoration-color:currentColor}

@media (max-width:639.98px){
  html body .avh{--hw:88px;gap:0 16px;margin:32px 0 26px;padding-left:2px}
  html body .avh__schein{min-height:118px;margin-top:-8px;padding:41px 4px 12px 11px}
  html body .avh__schein::after{left:9px}
  html body .avh__schein .p-klammer{right:10px;top:-18px;width:20px;height:56px}
  html body .avh__schein-kopf{font-size:12.5px}
  html body .avh__lang{display:none}
  html body .avh__schein-zahl{font-size:31px}
  html body .avh__schein-fuss{font-size:15px}
  html body .avh__karte{margin-left:calc(var(--hw) * .5);padding:16px 16px 16px calc(var(--hw) * .5 + 16px);transform:none}
  html body .avh__titel{font-size:18px}
  html body .avh__satz{font-size:14.5px}
  html body .avh__aktion{margin-left:calc(-1 * var(--hw) * .5)}
  html body a.avh__knopf{flex:1 1 100%;justify-content:center}
}

html body .avh__kopf-kurz{display:none}
@media (max-width:379.98px){
  html body .avh{--hw:80px}
  html body .avh__kopf-lang{display:none}
  html body .avh__kopf-kurz{display:inline}
  html body a.avh__knopf{gap:6px;padding:10px 12px;font-size:14px;white-space:nowrap}
}

/* Sentinel für den CSS-Failsafe im Kopf (muss am Ende stehen) */
:root{--css-ok-avgs-hinweis:1}