/* Apple-App-Look fuer die Gaeste-Kartenseite. Nur geladen, wenn in app/betriebe/<kurz>.php 'apple' => true steht (body.apple). */
body.apple{--ap-bg:#F2F2F7;--ap-card:#fff;--ap-linie:rgba(60,60,67,.18);--ap-label2:rgba(60,60,67,.6);--ap-gruen:#34C759;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;background:var(--ap-bg);color:#000;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom)}
body.apple .kopf-logo{background:rgba(242,242,247,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  position:sticky;top:0;z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 20px 12px;border-bottom:.5px solid var(--ap-linie)}
body.apple .kopf-logo-bild{width:112px!important;height:auto}
body.apple .inhalt{max-width:480px;padding:20px 16px 8px}

/* Karte */
body.apple .karte{border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12)}
body.apple .karte-wallet{border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12)}
body.apple .feld{border-radius:50%}

/* Abschnitte als Inset-Grouped-Gruppen */
body.apple .vorzeigen,body.apple .sichern,body.apple .freunde,body.apple .plus-angebote,body.apple .gast-meine,body.apple .regeln,body.apple .plus-bewertung,
body.apple .plus-doppel,body.apple .plus-nachricht{background:var(--ap-card);border:0;border-radius:20px;box-shadow:none;padding:18px 18px 16px;margin:20px auto 0;max-width:none}
body.apple .vorzeigen{text-align:center}
body.apple .qr{width:176px;height:176px;margin:6px auto 14px}
body.apple .abschnitt-titel{font-family:inherit;font-weight:600;font-size:1.06rem;letter-spacing:-.01em;text-transform:none;color:#000;margin:0 0 12px;text-align:left}
body.apple .vorzeigen .abschnitt-titel{text-align:center}
body.apple .nummer{font-size:.82rem;color:var(--ap-label2)}
body.apple .nummer span{font-family:ui-monospace,'SF Mono',Menlo,monospace;color:#000}
body.apple .hinweis-klein,body.apple .kopiert,body.apple .plus-nachricht-kopf{font-size:.8rem;line-height:1.4;color:var(--ap-label2)}
body.apple .freunde-text,body.apple .anleitung p,body.apple .regeln ol,body.apple .plus-bewertung-text,body.apple .schalter-text,body.apple .plus-nachricht-text{font-size:.94rem;line-height:1.45;color:#000}
body.apple .regeln ol{padding-left:1.3em}
body.apple .regeln li::marker{color:var(--ap-label2);font-family:inherit}
body.apple .plus-begruessung{color:#000}
body.apple .plus-doppel-titel{font-weight:600}
body.apple .plus-doppel ul{color:var(--ap-label2)}

/* Knoepfe: iOS-Pillen */
body.apple .knopf,body.apple .wallet-knopf{border-radius:14px;min-height:50px;background:#000;color:#fff;font-weight:600;font-size:1.02rem;letter-spacing:0;border:0;box-shadow:none}
body.apple .knopf-zweit{border-radius:14px;min-height:48px;background:rgba(120,120,128,.12);border:0;color:#007AFF;font-weight:600;font-size:1rem;letter-spacing:0}
body.apple .knopf-zweit:active,body.apple .knopf:active,body.apple .wallet-knopf:active{opacity:.6;transform:none}
body.apple .link-knopf{color:#007AFF;font-size:.94rem;font-weight:500}
body.apple .wallet{margin-top:20px;gap:12px}
body.apple .wallet .wallet-knopf{align-self:stretch}

/* iOS-Toggle */
body.apple .schalter{width:51px;height:31px;border:0;background:rgba(120,120,128,.32)}
body.apple .schalter span{top:2px;left:2px;width:27px;height:27px;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16),0 3px 1px rgba(0,0,0,.1)}
body.apple .schalter[aria-checked="true"]{background:var(--ap-gruen)}
body.apple .schalter[aria-checked="true"] span{transform:translateX(20px)}

/* Gast-Angaben */
body.apple .gast-liste dt{color:var(--ap-label2)}
body.apple .gast-eingabe{border-radius:12px;border:0;background:rgba(120,120,128,.12);font-size:1rem}
body.apple .gast-eingabe:focus{outline:2px solid #007AFF;outline-offset:0}

/* Fuss */
body.apple .fuss,body.apple footer{color:var(--ap-label2)}
@media (prefers-reduced-motion:reduce){body.apple *{transition:none!important}}
body.apple .kopiert:empty{display:none;margin:0}
body.apple .link-knopf{text-decoration:none;margin-top:6px}
body.apple .holen-titel,body.apple .seiten-titel{font-family:inherit;font-weight:700;letter-spacing:-.02em}
body.apple .karte-hell,body.apple .mit-stil .inhalt h1{font-family:inherit}
body.apple .kw-code .qr{width:100%;height:auto;margin:0}

/* 14.11.2026 Eikmeier: Logo oben ruhig (kein Glas-Kopf ueber der Karte) */
body.apple.kopf-ruhig .kopf-logo{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;padding:calc(env(safe-area-inset-top) + 22px) 20px 4px}
body.apple.kopf-ruhig .kopf-logo-bild{width:150px!important}

/* 14.11.2026 "Wenn Sie mögen" vor den Wallet-Knoepfen (Vorlage: Formular der Eikmeier-Webseite) */
body.apple .wenn-moegen{background:var(--ap-card);border-radius:20px;padding:18px 18px 12px;margin:20px auto 0}
body.apple .wenn-moegen .abschnitt-titel{margin-bottom:4px}
.wm-intro{margin:0 0 14px}
.wm-schalter{padding:12px 0;border-top:.5px solid var(--ap-linie,#ddd);border-bottom:.5px solid var(--ap-linie,#ddd)}
.wenn-moegen .wm-schalter:first-child{border-top:0;padding-top:0}
.wm-schalter .schalter-text strong{display:block;font-weight:600;color:#000;margin-bottom:2px}
.wm-schalter .schalter-text span{display:block;font-size:.88rem;color:var(--ap-label2,#666);line-height:1.35}
.wm-angaben{margin-top:14px}
.wm-feld{display:block;margin-bottom:12px}
.wm-feld span{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:#000}
.wm-feld em{font-style:normal;font-weight:400;color:var(--ap-label2,#666);margin-left:6px}
.wm-feld input{box-sizing:border-box;width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid rgba(60,60,67,.25);border-radius:12px;background:#fff;color:#000}
.wm-feld input:focus{outline:2px solid #C4100D;outline-offset:1px;border-color:transparent}
.wenn-moegen .kopiert:empty{display:none}