/* QR-Werkzeug für Google-Bewertungen. Farben und Abstände aus den Tokens von start.css. */
.qr-tool .wrap{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr)}
@media (min-width:62rem){.qr-tool .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.qr-tool form{display:grid;gap:1rem}
.qr-tool label{font-weight:600;display:grid;gap:.4rem}
.qr-tool input{font:inherit;padding:.8rem .9rem;border:1px solid var(--line,#c9d3d1);border-radius:6px;background:var(--bg,#fff);color:inherit;inline-size:100%;min-inline-size:0}
.qr-tool input:focus-visible{outline:3px solid var(--teal,#1d7f74);outline-offset:2px}
.qr-tool .hinweis{font-weight:400;font-size:.92em;color:var(--muted,#4b5958)}
.qr-tool .fehler{color:#a3261b;font-weight:600;margin:0}
.qr-ergebnis{display:grid;gap:1rem}
.qr-karte{border:1px solid var(--line,#c9d3d1);border-radius:10px;padding:1.5rem;text-align:center;background:#fff;color:#111;max-inline-size:24rem}
.qr-karte img{inline-size:min(100%,15rem);block-size:auto;margin-inline:auto;display:block}
.qr-karte .gross{font-size:1.35rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}
.qr-karte .klein{margin:.75rem 0 0;font-size:.95rem}
.qr-aktionen{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.qr-ziel{overflow-wrap:anywhere;font-size:.9rem}
.qr-tool canvas{display:none}
@media print{
  body *{visibility:hidden}
  #qr-karte,#qr-karte *{visibility:visible}
  #qr-karte{position:absolute;inset:0 auto auto 0;inline-size:105mm;border:0;padding:8mm;max-inline-size:none}
  #qr-karte img{inline-size:70mm}
}
.qr-aktionen button{font:inherit;font-weight:600;background:none;border:0;padding:.6rem 0;color:var(--teal-text,#14665d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qr-aktionen button:focus-visible{outline:3px solid var(--teal,#1d7f74);outline-offset:2px}
.qr-tool h2{margin-block-end:1.25rem}