/* „Noch Fragen?“ im gezeichneten Stil (Victor 15.10.2026). Bleibt eine ruhige Zeile wie am 22.09. gewünscht:
   keine Schräglage, keine Klebestreifen. Gezeichnet sind Rand, Knöpfe und Symbole wie bei den Knöpfen der Website. */
aside.anruf {
  max-width: min(760px, calc(100vw - 32px));
  border-radius: var(--zg-radius, 16px 26px 18px 24px / 24px 16px 26px 18px);
  background: #fff;
  box-shadow: 3px 4px 0 var(--ink, #19191C);
  padding: 9px 12px 9px 12px;
}
aside.anruf::before {
  content: "";
  position: absolute;
  inset: -5px -6px -6px -5px;
  background: url(/assets/img/zeichen/feld-rand.svg) 0 0 / 100% 100% no-repeat;
  pointer-events: none;
}
aside.anruf .anruf__bild { box-shadow: 0 0 0 1.5px var(--ink, #19191C); }
aside.anruf .anruf__text b {
  padding: 0 .2em;
  background: url(/assets/img/zeichen/marker-cyan.svg) center / 100% 100% no-repeat;
}
aside.anruf .anruf__text span { color: var(--ink-2, #2B2B2F); }
aside.anruf .anruf__tel,
aside.anruf .anruf__wa {
  position: relative;
  border: 0;
  border-radius: var(--zg-radius, 16px 26px 18px 24px / 24px 16px 26px 18px);
  box-shadow: 2px 3px 0 var(--ink, #19191C);
}
aside.anruf .anruf__tel::before,
aside.anruf .anruf__wa::before {
  content: "";
  position: absolute;
  inset: -4px -5px -5px -4px;
  background: url(/assets/img/zeichen/knopf-rand.svg) 0 0 / 100% 100% no-repeat;
  pointer-events: none;
}
aside.anruf .anruf__wa { background: #fff; color: var(--ink, #19191C); }
aside.anruf .anruf__wa:hover { background: #ddf8fa; }
/* Gezeichnete Symbole statt der Linien-Icons */
aside.anruf .anruf__tel svg,
aside.anruf .anruf__wa svg { display: none; }
aside.anruf .anruf__tel::after,
aside.anruf .anruf__wa::after {
  content: "";
  order: -1;
  flex: none;
  width: 24px;
  height: 24px;
  background: url(/assets/img/zeichen/symbol-anrufen-dunkel.svg) center / contain no-repeat;
}
aside.anruf .anruf__wa::after { background-image: url(/assets/img/zeichen/symbol-whatsapp-dunkel.svg); }
aside.anruf .anruf__zu { color: var(--ink, #19191C); font-size: 22px; }

@media (max-width: 640px) {
  aside.anruf { padding: 8px 10px 8px 10px; gap: 8px; }
  aside.anruf .anruf__bild { width: 38px; height: 38px; }
  aside.anruf .anruf__text { overflow: visible; text-overflow: clip; min-width: 4.5em; }
  aside.anruf .anruf__text b { padding: 0 .15em; }
  aside.anruf .anruf__tel, aside.anruf .anruf__wa { padding: 0 11px; gap: 6px; }
  aside.anruf .anruf__tel::after, aside.anruf .anruf__wa::after { width: 20px; height: 20px; }
  aside.anruf .anruf__zu { width: 30px; }
  aside.anruf .anruf__wa::after { margin: 0 -2px; }
}