/* Gemeinsame Vorderseite für die öffentliche Beispielkarte und den Kartendruck. */
.card-front{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#f7f4e9}
.card-front .card-art{position:absolute;z-index:-1;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:none;border:0;border-radius:0;box-shadow:none}
.card-front .card-brand{position:absolute;left:4.5%;top:5%;width:37.5%;height:6.2%;border-radius:999px;background:var(--accent,#087f83);color:#fff;display:grid;place-items:center;padding-top:.25em;font:800 1.8cqw/1 var(--font);letter-spacing:.07em;white-space:nowrap}
.card-front .card-front-title{position:absolute;left:4.8%;top:15%;max-width:58%;color:#071d41;font:900 7.7cqw/1.04 var(--display);letter-spacing:-.05em;white-space:nowrap}
.card-front .card-front-subtitle{position:absolute;left:4.8%;top:44.5%;max-width:59%;color:#071d41;font:750 2.9cqw/1.1 var(--font);white-space:nowrap}
.card-front .card-pigeon-name{position:absolute;left:4.8%;top:56%;max-width:36%;padding:1.1% 1.6%;border-radius:7px;background:#fffdf0;color:#203d36;font:800 2.25cqw/1.2 var(--font);white-space:nowrap;box-shadow:0 1px 6px #17362c20}
.card-front .card-pigeon-name span{display:block;overflow:hidden;text-overflow:ellipsis}
.card-front .card-pigeon-pointer{position:absolute;left:100%;top:50%;width:28cqw;height:9cqw;transform:translateY(-50%);overflow:visible;pointer-events:none}
.card-front .card-pigeon-pointer path{fill:none;stroke:#203d36;stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round}
.card-front .card-qr-panel{position:absolute;right:4.5%;bottom:8.8%;width:23.5%;padding:1%;border-radius:11px;background:#087f83;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 2px 9px #16322938}
.card-front .card-qr-title{text-align:center;color:#fff;font:800 2.25cqw/1.2 var(--font);padding:1.2% 0 2%;white-space:nowrap}
.card-front .card-qr{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1;padding:5%;border-radius:5px;background:#fff;overflow:hidden}
.card-front .card-qr canvas{display:none!important}
.card-front .card-qr img{display:block!important;width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated}