/* Grand Beau-Rivage Interlaken: Aufenthaltsplaner «Ihre Tage in Interlaken» und die Zielseiten (Tasty Studios 14.10.2026).
   Geladen von planer.html und ziel-*.html, nach region.css, ausfluege.css, abreise.css (und veranstaltungen.css auf planer.html):
   Kacheln, Billette, Tafel, Leiste und Liste kommen von dort. Hier steht nur, was der Planer dazu braucht.
   Bewegung nur über transform, alles deckend; Auftritte hängen am Scrollen (animation-timeline), nie an einem Auslöser. */

/* ---------- Leiste mit den Reisedaten (drei Felder, kein Knopf) ---------- */
.zf-leiste.pl-leiste{grid-template-columns:1fr 1fr 1.25fr;width:min(1040px,100%);padding:12px 40px}
.zf-leiste.pl-leiste--weg{grid-template-columns:1fr 1fr;width:min(660px,100%)}
.pl-wahl .pl-leiste{margin-top:0}
.pl-weg .pl-leiste{margin-bottom:clamp(30px,3.2vw,48px)}
@media (max-width:900px){.zf-leiste.pl-leiste{grid-template-columns:1fr 1fr;padding:14px 22px}.zf-leiste.pl-leiste label:nth-child(3){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--linie);padding-top:14px}}
@media (max-width:560px){.zf-leiste.pl-leiste,.zf-leiste.pl-leiste--weg{grid-template-columns:1fr;padding:10px 20px 14px}.zf-leiste.pl-leiste label:nth-child(3){padding-top:14px}}

/* ---------- Auswahl: zehn Ziele, fünf in der Reihe ---------- */
.pl-wahl .pl-frage{margin-top:clamp(40px,4.4vw,68px)}
.pl-programme.ab__bf{justify-content:center;margin:0 0 clamp(26px,2.8vw,44px)}
.pl-halb.ab__bf{justify-content:center;margin:0 auto}
.pl-ziele{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(40px,4.4vw,68px) clamp(16px,1.7vw,30px)}
@media (min-width:1181px){.pl-ziele{margin-inline:calc(-1*clamp(0px,2.8vw,56px))}}
@media (max-width:1180px){.pl-ziele{grid-template-columns:repeat(2,minmax(0,1fr));width:min(820px,100%);margin-inline:auto;gap:clamp(34px,5vw,52px) clamp(14px,2.6vw,30px)}}
.pl-z{display:flex;flex-direction:column;align-items:center;min-width:0}
.pl-z .k3{width:100%;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.pl-z .k3 .kachel__n{margin-top:clamp(14px,1.4vw,20px)}
.pl-z .k3 .kachel__n b{font-size:clamp(1.22rem,1.52vw,1.72rem);text-wrap:balance}
.pl-z .k3 .kachel__n small{font-size:clamp(.6rem,.66vw,.7rem);letter-spacing:.2em;line-height:1.5;min-height:3em;align-items:flex-start}
.pl-z__mehr{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:8px 4px;font:500 .68rem var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:rgba(232,220,194,.72);transition:color .3s}
.pl-z__mehr svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .5s var(--e2)}
@media (hover:hover){.pl-z__mehr:hover{color:var(--gold)}.pl-z__mehr:hover svg{transform:translate(2px,-2px)}}
.pl-z[data-zu] .k3 .kachel__n small{color:rgba(232,220,194,.42)}
.pl-z[data-zu] .k3[aria-pressed="true"] .kachel__n small{color:#e9b58f}
.pl-wahl .pl-hinweis{min-height:1.6em;margin-top:clamp(34px,3.6vw,56px)}

/* ---------- Der Plan: je Tag ein Kopf, je Ausflug ein langes Billett ---------- */
.pl-plan .kopfzeile{margin-bottom:clamp(40px,4.4vw,72px)}
.pl-plan .kopfzeile .lauf{max-width:64ch}
.pl-tage{display:grid;gap:clamp(48px,5.4vw,88px);width:min(1080px,100%);margin:0 auto}
.pl-leer{margin:0;padding:clamp(24px,3vw,40px);text-align:center;font:italic 500 1.25rem var(--serif);color:rgba(26,29,40,.62)}
.pl-tag{display:grid;gap:clamp(20px,2.2vw,32px)}
.pl-po{display:grid;gap:clamp(14px,1.5vw,20px)}
.pl-tag__kopf{display:grid;justify-items:center;gap:6px;text-align:center}
.pl-tag__nr{font-family:var(--caps);font-weight:600;font-size:clamp(.66rem,.74vw,.78rem);letter-spacing:.3em;text-transform:uppercase;color:var(--taupe-tief)}
.pl-tag__name{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,2.9vw,3rem);line-height:1.08;color:var(--tinte)}
.pl-tag__kopf::after{content:'';width:96px;height:1px;margin-top:10px;background:linear-gradient(90deg,rgba(150,125,64,.7) 42%,transparent 42%,transparent 58%,rgba(150,125,64,.7) 58%)}
.pl-frei{margin:0;text-align:center;font:italic 500 clamp(1.1rem,1.3vw,1.3rem)/1.5 var(--serif);color:rgba(26,29,40,.6)}

.rg-tk.pl-tk{grid-template-columns:minmax(0,1fr) clamp(150px,19%,196px);margin-top:0}
.pl-tk .rg-tk__haupt{padding:clamp(20px,2vw,28px) clamp(18px,2vw,30px) clamp(22px,2.2vw,30px) clamp(20px,2.2vw,32px)}
.pl-tk .rg-tk__kopf span:first-child b{font-weight:500;color:var(--tinte)}
.pl-tk__in{position:relative;z-index:1;display:grid;grid-template-columns:clamp(150px,24%,230px) minmax(0,1fr);gap:clamp(18px,2.4vw,38px);align-items:start;margin-top:clamp(16px,1.7vw,22px)}
.pl-tk__b{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#d8cbb0;box-shadow:0 0 0 1px rgba(130,108,53,.14),0 18px 24px -16px rgba(20,26,46,.5)}
.pl-tk__b img{display:block;width:100%;height:100%;object-fit:cover}
.pl-tk__n{margin:0 0 clamp(8px,.9vw,12px);font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.2vw,2.3rem);line-height:1.08;color:var(--tinte)}
.pl-tk__n a{color:inherit;text-decoration:none}
.pl-zeit{margin:0}
.pl-zeit>div{display:grid;grid-template-columns:clamp(64px,6vw,84px) minmax(0,1fr);gap:0 clamp(10px,1.2vw,18px);align-items:baseline;padding:clamp(8px,.85vw,11px) 0;border-top:1px solid rgba(150,125,64,.24)}
.pl-zeit>div:first-child{border-top:0;padding-top:0}
.pl-zeit dt{font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.5vw,1.6rem);line-height:1.1;font-variant-numeric:lining-nums tabular-nums;color:var(--tinte)}
.pl-zeit dd{margin:0;font-family:var(--sans);font-size:clamp(.96rem,1.02vw,1.04rem);line-height:1.5;color:var(--tinte)}
.pl-zeit dd small{display:block;font-size:.86em;color:rgba(26,29,40,.62)}
.pl-zeit>div.pl-zeit--ort dt{color:var(--taupe-tief)}
.pl-zeit>div.pl-zeit--frei{grid-template-columns:minmax(0,1fr)}
.pl-tk__hinweis{position:relative;z-index:1;margin:clamp(12px,1.2vw,16px) 0 0;font:italic 500 1.02rem/1.5 var(--serif);color:rgba(26,29,40,.66)}
.pl-tk .rg-tk__abriss{gap:6px;padding-inline:14px}
.pl-tk .rg-tk__abriss b{font-size:clamp(1.9rem,2.5vw,2.7rem)}
.pl-tk .rg-tk__abriss b small{font-size:36%;letter-spacing:.2em;font-family:var(--caps);font-weight:600;text-transform:uppercase;color:#967D40;margin-inline-end:.4em}
.pl-tk .rg-tk__abriss em{font-style:italic;font-family:var(--serif);font-size:1.02rem;line-height:1.3;color:rgba(26,29,40,.7)}
.rg-tk__abriss b.pl-chf{font-size:clamp(1.7rem,2.3vw,2.5rem)}
/* Zeile unter dem Billett: anderer Tag, Haus oder selbst, entfernen */
.pl-tk__wahl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px clamp(18px,2.4vw,36px);font:500 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(26,29,40,.72)}
.pl-tk__wahl label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.pl-tk__wahl select{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--tinte);background:none;border:0;border-bottom:1px solid rgba(150,125,64,.6);padding:4px 2px;border-radius:0;-webkit-appearance:none;appearance:none}
.pl-tk__wahl .hwahl-knopf{font:inherit!important;letter-spacing:inherit;text-transform:inherit;color:var(--tinte)!important;padding:4px 2px!important;border-bottom:1px solid rgba(150,125,64,.6)!important}
.pl-tk__wahl input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:0;border-radius:6px;border:1px solid rgba(130,108,53,.7);background:#fdf9f1;box-shadow:inset 0 1px 2px rgba(20,26,46,.12);cursor:pointer}
.pl-tk__wahl input[type=checkbox]:checked{border-color:#967D40;background:#d9c38f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.5l2.9 2.9 5.9-6.6' fill='none' stroke='%231a1d28' stroke-width='1.8'/%3E%3C/svg%3E") center/14px no-repeat}
.pl-tk__wahl a,.pl-tk__wahl button{display:inline-flex;align-items:center;gap:8px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(150,125,64,.6);transition:color .3s}
.pl-tk__wahl a svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5}
@media (hover:hover){.pl-tk__wahl a:hover,.pl-tk__wahl button:hover{color:var(--taupe-tief)}}
@media (max-width:860px){
  .pl-tk__in{grid-template-columns:clamp(96px,26vw,150px) minmax(0,1fr);gap:16px}
  .pl-tk__b{aspect-ratio:1}
}
@media (max-width:560px){
  .rg-tk.pl-tk{grid-template-columns:minmax(0,1fr)}
  .pl-tk__in{grid-template-columns:minmax(0,1fr)}
  .pl-tk__b{aspect-ratio:16/9}
  .pl-zeit>div{grid-template-columns:62px minmax(0,1fr)}
  .pl-tk__wahl{justify-content:flex-start;gap:10px 22px;letter-spacing:.12em}
}
/* Was keinen Platz fand */
.pl-rest{width:min(1080px,100%);margin:clamp(64px,6vw,96px) auto 0;padding:clamp(22px,2.4vw,34px) clamp(22px,2.6vw,40px);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px rgba(150,125,64,.42);text-align:center}
.pl-rest h3:not(:first-child){margin-top:clamp(18px,2vw,28px)}
.pl-rest h3{margin:0 0 8px;font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.9vw,1.9rem);color:var(--tinte)}
.pl-rest p{margin:6px auto 0;max-width:68ch;font-size:1rem;line-height:1.6;color:rgba(26,29,40,.78)}
.pl-rest .kn-reihe{justify-content:center;margin-top:clamp(16px,1.8vw,24px)}
.pl-mit.kn-reihe{justify-content:center;margin-top:clamp(64px,6vw,96px)}
.pl-plan .pl-quelle{max-width:96ch;margin:clamp(38px,4vw,60px) auto 0;text-align:center}
.pl-kopiert{position:fixed;z-index:60;left:50%;bottom:clamp(86px,10vh,120px);transform:translate(-50%,24px);padding:12px 26px;border-radius:999px;background:var(--marine);color:#fcf7ee;font:500 .72rem var(--mono);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 18px 30px -14px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:transform .5s var(--e2),opacity .3s}
.pl-kopiert.an{transform:translate(-50%,0);opacity:1}

/* Auftritt der Billette: steigen mit dem Scrollen an ihren Platz (wie zfHoch auf der Zimmerseite), deckend */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .pl-tag{transform-origin:50% 100%;animation:plHoch linear both;animation-timeline:view(block);animation-range:entry 0% cover 22%}
    @keyframes plHoch{0%{transform:translate3d(0,clamp(34px,3.6vw,56px),0) scale(.98)}55%{transform:translate3d(0,clamp(9px,1vw,15px),0) scale(.995)}100%{transform:none}}
  }
}

/* ---------- Kosten: die drei Billette des Pass-Beraters ---------- */
.pl-kosten .kopfzeile{margin-bottom:clamp(28px,3vw,46px)}
.pl-kosten .pb__erg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.pl-kosten .pb__erg{grid-template-columns:minmax(0,1fr);width:min(520px,100%);margin-inline:auto}}
.pl-kosten .pb-s__liste li small{display:block;margin-top:2px;font-size:.78rem;font-style:italic;color:rgba(26,29,40,.62)}

/* ---------- Was das Haus dazulegt ---------- */
.pl-haus .kopfzeile{margin-bottom:clamp(36px,4vw,64px)}

/* ---------- Programm an den Concierge ---------- */
.pl-senden .ve-bw{margin-top:clamp(44px,4.8vw,76px)}
.pl-termine{margin-top:clamp(26px,2.8vw,40px)}
/* Liste und Formular schliessen unten auf gleicher Höhe: die Liste füllt ihre Spalte, die Telefonzeile sitzt an ihrem Fuss */
.pl-senden .ve-bw{align-items:stretch}
.pl-senden .ve-wl{display:flex;flex-direction:column}
.pl-ruf{margin:auto 0 0;padding-top:clamp(22px,2.4vw,34px);display:flex;justify-content:space-between;align-items:baseline;gap:10px 24px;flex-wrap:wrap}
.pl-ruf::before{content:"";flex:0 0 100%;height:1px;background:rgba(210,191,152,.35);margin-bottom:clamp(14px,1.5vw,20px)}
.pl-ruf span{font:italic 500 clamp(1.15rem,1.5vw,1.4rem)/1.2 var(--serif);color:rgba(232,220,194,.75)}
.pl-ruf a{font:500 .78rem/1 var(--mono);letter-spacing:.14em;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(210,191,152,.5);padding-bottom:4px}
[dir=rtl] .pl-ruf a{direction:ltr;unicode-bidi:isolate}
.pl-senden .ve-wl__liste li .pl-li__tag{display:block;font-family:var(--caps);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
.pl-senden [data-pl-merk]{font:500 .66rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:none;border:1px solid rgba(230,210,162,.45);border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s}
.pl-senden [data-pl-merk][aria-pressed="true"]{background:linear-gradient(180deg,#f3e3b8,#d9c38f);color:var(--marine);border-color:transparent}

/* ---------- Zielseite ---------- */
/* Die kleinen Fotos unter dem grossen füllen die Reihe immer ganz: eines breit, zwei nebeneinander, drei wie beim Harder Kulm */
.pl-ort .nebenbei--1{grid-template-columns:minmax(0,1fr)}
.pl-ort .nebenbei--1 .foto img{aspect-ratio:21/8}
.pl-ort .nebenbei--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-ort .nebenbei--2 .foto img{aspect-ratio:3/2}
.pl-ort .rg-tk__drei{grid-template-columns:1.2fr .9fr .9fr}
.pl-punkte .kopfzeile{margin-bottom:clamp(34px,3.8vw,60px)}
.pl-pp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(40px,6vw,110px);width:min(1180px,100%);margin:0 auto}
.pl-p{padding:clamp(22px,2.4vw,34px) 0;border-top:1px solid rgba(150,125,64,.34)}
.pl-p h3{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.2vw,2.3rem);line-height:1.1;color:var(--tinte)}
.pl-p p{margin:clamp(8px,.9vw,12px) 0 0;max-width:52ch;font-size:clamp(1rem,1.06vw,1.08rem);line-height:1.62;color:rgba(26,29,40,.8)}
.pl-p span{display:block;margin-top:clamp(10px,1vw,14px);font-family:var(--caps);font-weight:600;font-size:clamp(.62rem,.68vw,.72rem);letter-spacing:.24em;text-transform:uppercase;color:var(--taupe-tief)}
.pl-pp .pl-p:nth-last-child(-n+2){border-bottom:1px solid rgba(150,125,64,.34)}
@media (max-width:860px){.pl-pp{grid-template-columns:minmax(0,1fr)}.pl-pp .pl-p:nth-last-child(2){border-bottom:0}}
.pl-punkte .quelle{max-width:none;margin:clamp(26px,2.8vw,40px) auto 0;text-align:center}
.pl-punkte .quelle a{color:inherit;box-shadow:inset 0 -1px 0 currentColor;text-decoration:none}
.pl-weg .pl-tafel{max-width:1000px}
.pl-weg .ab-z__gleis b{font-size:clamp(.92rem,1vw,1.05rem)}
.pl-wissen .gzw{width:min(980px,100%);margin-inline:auto}
.pl-wissen .kopfzeile{margin-bottom:clamp(30px,3.4vw,52px)}
.k3reihe.pl-zwei{grid-template-columns:repeat(2,minmax(0,1fr));width:min(1000px,100%);margin-inline:auto}
.pl-zwei .k3{text-decoration:none}
@media (max-width:860px){.k3reihe.pl-zwei{grid-template-columns:minmax(0,1fr)}}
.pl-nachweis{margin:0;padding:clamp(18px,2vw,26px) clamp(20px,4vw,60px);text-align:center;font:400 .66rem/1.7 var(--mono);letter-spacing:.06em;color:rgba(26,29,40,.62);background:var(--creme)}
.pl-nachweis a{color:inherit;text-decoration:none;box-shadow:inset 0 -1px 0 rgba(26,29,40,.3)}

/* ---------- Druck: nur der Plan, als Blatt des Hauses ---------- */
@media print{
  @page{margin:14mm}
  body>*:not(main),main>*:not([data-planer]),[data-planer]>*:not(#plan),.pl-mit,.pl-tk__wahl,.pl-rest .kn-reihe,.pl-plan .lauf{display:none!important}
  html,body,#plan{background:#fff!important}
  #plan{padding:0!important}
  #plan .in{width:100%;max-width:none;padding:0}
  .pl-tage{gap:9mm;width:100%}
  .pl-tag{break-inside:avoid;gap:4mm}
  .pl-tag{animation:none!important;transform:none!important}
  .rg-tk.pl-tk::before{display:none}
  .pl-tk .rg-tk__haupt,.pl-tk .rg-tk__abriss{box-shadow:inset 0 0 0 .3mm #b9a47a;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pl-tk__b{box-shadow:none}
  [data-r]{opacity:1!important;transform:none!important}
}

/* =====================================================================================================================
   Fassung 4 (Robert 14.10.2026, 01:48): Titel im Billett grösser, kräftiger, höher · Preis gestapelt (Betrag, CHF, Preis des
   Anbieters) · Tagesverlauf als Schiene mit Knoten, die mit dem Scrollen wächst · Karten legen sich nach einer Änderung neu hin ·
   Siegel auf der gewählten Kachel · Zeile unter dem Billett als Leiste.
   ===================================================================================================================== */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Billett: Titel und Foto ---------- */
.pl-tk .rg-tk__haupt{padding:clamp(22px,2.2vw,32px) clamp(20px,2.4vw,38px) clamp(26px,2.6vw,38px) clamp(22px,2.4vw,36px)}
.pl-tk__in{grid-template-columns:clamp(170px,27%,270px) minmax(0,1fr);gap:clamp(22px,2.8vw,46px);margin-top:clamp(20px,2.1vw,30px)}
.pl-tk__n{margin:-.16em 0 clamp(16px,1.7vw,26px);font-weight:600;font-size:clamp(2.1rem,3.1vw,3.3rem);line-height:.98;letter-spacing:-.006em;text-wrap:balance}
.pl-tk__b{border-radius:16px;box-shadow:0 0 0 1px rgba(130,108,53,.2),0 2px 0 rgba(255,255,255,.7) inset,0 26px 30px -20px rgba(20,26,46,.55)}
.pl-tk__b::after{content:'';position:absolute;inset:7px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(246,232,196,.55);pointer-events:none}

/* ---------- Tagesverlauf: Uhrzeit, Schiene mit Knoten, Text ---------- */
.pl-zeit{--pz:clamp(10px,1vw,14px)}
.pl-zeit>div{grid-template-columns:clamp(68px,6.4vw,92px) 11px minmax(0,1fr);gap:0 clamp(12px,1.4vw,22px);padding:var(--pz) 0;border-top:0}
.pl-zeit>div:first-child{padding-top:0}
.pl-zeit dt{font-size:clamp(1.34rem,1.62vw,1.74rem);font-weight:500}
.pl-zeit dd{padding-bottom:var(--pz);border-bottom:1px solid rgba(150,125,64,.22);margin-bottom:calc(-1*var(--pz))}
.pl-zeit>div:last-child dd{border-bottom:0}
.pl-zeit>div>i{position:relative;align-self:stretch;display:block}
.pl-zeit>div>i::before{content:'';position:absolute;z-index:1;top:.5em;left:50%;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:#fbf5e6;box-shadow:0 0 0 1px #967D40}
.pl-zeit>div.pl-zeit--ort>i::before{background:linear-gradient(135deg,#f3e2b4,#c9aa66);box-shadow:0 0 0 1px #7d6630,0 0 0 4px rgba(201,170,102,.22)}
.pl-zeit>div>i::after{content:'';position:absolute;top:calc(.5em + 4px);left:50%;width:1px;margin-left:-.5px;height:calc(100% + 2*var(--pz));background:linear-gradient(180deg,#967D40,rgba(150,125,64,.5));transform-origin:50% 0}
.pl-zeit>div:first-child>i::after{height:calc(100% + var(--pz))}
.pl-zeit>div:last-child>i::after{content:none}
.pl-zeit>div.pl-zeit--ort dt{color:#967D40}
.pl-zeit>div.pl-zeit--ort dd{font-weight:400}
.pl-zeit>div.pl-zeit--frei{grid-template-columns:minmax(0,1fr)}
[dir=rtl] .pl-zeit>div>i::before{transform:rotate(45deg)}

/* ---------- Abriss: Zeichen, Betrag, Währung, «Preis des Anbieters» ---------- */
.rg-tk.pl-tk{grid-template-columns:minmax(0,1fr) clamp(168px,20%,214px)}
.rg-tk__abriss.pl-preis{gap:0;padding-inline:14px}
.rg-tk__abriss.pl-preis img{width:clamp(34px,2.9vw,46px);margin-bottom:clamp(12px,1.3vw,20px)}
.rg-tk__abriss.pl-preis b.pl-chf{font-size:clamp(2.5rem,3.5vw,3.8rem);line-height:.92;font-weight:500;letter-spacing:-.01em;color:var(--tinte)}
.rg-tk__abriss.pl-preis b.pl-chf i{font-style:normal;font-weight:400;margin:0 .06em;color:rgba(26,29,40,.62)}
.rg-tk__abriss.pl-preis>small{display:block;margin-top:clamp(8px,.8vw,12px);padding-inline-start:.36em;font-family:var(--caps);font-weight:600;font-size:clamp(.78rem,.86vw,.94rem);letter-spacing:.36em;line-height:1;color:var(--tinte)}
.rg-tk__abriss.pl-preis>span{display:block;margin-top:clamp(12px,1.2vw,18px);padding-top:clamp(12px,1.2vw,18px);min-width:72%;border-top:1px solid rgba(150,125,64,.4)}
.rg-tk__abriss.pl-preis>em{margin-top:8px;font-style:italic;font-family:var(--serif);font-size:1.02rem;line-height:1.3;color:rgba(26,29,40,.7)}
.rg-tk__abriss.pl-preis>em.pl-preis__offen{margin-top:0;font-size:1.12rem;color:rgba(26,29,40,.74);max-width:11ch}

/* ---------- Leiste unter dem Billett ---------- */
.pl-po{gap:0}
.pl-tk__wahl{justify-content:space-between;gap:0;width:calc(100% - clamp(28px,4vw,72px));margin:0 auto;padding:clamp(12px,1.2vw,16px) clamp(16px,2vw,30px);border-radius:0 0 18px 18px;background:linear-gradient(180deg,rgba(236,224,196,.72),rgba(244,236,216,.4));box-shadow:inset 0 0 0 1px rgba(150,125,64,.26),inset 0 9px 10px -9px rgba(20,26,46,.22)}
.pl-tk__wahl>*{padding-inline:clamp(10px,1.4vw,22px)}
.pl-tk__wahl>*:first-child{padding-inline-start:0}
.pl-tk__wahl>*:last-child{padding-inline-end:0}
.pl-tk__wahl{font-size:.68rem;letter-spacing:.13em;flex-wrap:nowrap}
.pl-tk__wahl>*{padding-inline:clamp(8px,1.1vw,18px);white-space:nowrap}
.pl-tk__wahl>a,.pl-tk__wahl>button{box-shadow:none;padding:6px clamp(8px,1.1vw,18px)}
.pl-tk__wahl>label+label,.pl-tk__wahl>a,.pl-tk__wahl>button{border-inline-start:1px solid rgba(150,125,64,.32)}
.pl-tk__wahl>a:last-child,.pl-tk__wahl>button:last-child{padding-inline-end:0}
.pl-tk__wahl a>svg{margin-inline-start:2px}
.pl-tk__wahl input[type=checkbox]{transition:background-color .3s,border-color .3s,transform .5s cubic-bezier(.28,1.5,.42,1)}
.pl-tk__wahl input[type=checkbox]:checked{transform:scale(1.08)}
@media (max-width:1240px){.pl-tk__wahl{flex-wrap:wrap;justify-content:flex-start;gap:8px 0;width:calc(100% - 24px)}.pl-tk__wahl>label+label,.pl-tk__wahl>a,.pl-tk__wahl>button{border-inline-start:0}.pl-tk__wahl>*,.pl-tk__wahl>a,.pl-tk__wahl>button{padding-inline:0 clamp(16px,2.4vw,26px);white-space:normal}}
@media (max-width:560px){.pl-tk__wahl{width:calc(100% - 16px);padding:12px 16px}.pl-tk__wahl>*{padding-inline:0 18px}}

/* ---------- Hinweise über dem Plan ---------- */
.pl-haken{max-width:62ch;margin:calc(-1*clamp(20px,2.2vw,36px)) auto clamp(40px,4.4vw,72px);text-align:center;font:italic 500 clamp(1.1rem,1.3vw,1.3rem)/1.5 var(--serif);color:rgba(26,29,40,.72)}
.pl-dichter{margin:0 auto;max-width:60ch;padding:clamp(14px,1.5vw,20px) clamp(20px,2.4vw,36px);border-radius:999px;text-align:center;font:italic 500 clamp(1.06rem,1.24vw,1.24rem)/1.45 var(--serif);color:var(--tinte);background:linear-gradient(180deg,#fbf3dc,#efe1bc);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(150,125,64,.4),0 16px 22px -18px rgba(20,26,46,.5)}
.pl-rest{margin:0 auto clamp(48px,5.4vw,88px);background:linear-gradient(180deg,#fbf3dc,#f1e4c3);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(150,125,64,.42),0 22px 28px -24px rgba(20,26,46,.5)}

/* ---------- Auswahl: Siegel auf der gewählten Kachel (wie bei den Wünschen ans Haus) ---------- */
.pl-z .k3[data-ziel]{position:relative}
.pl-z .k3[data-ziel]::after{content:'';position:absolute;z-index:3;top:clamp(10px,1vw,14px);inset-inline-end:clamp(10px,1vw,14px);width:clamp(34px,2.8vw,42px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23121c3c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 8.5l2.9 2.9 5.9-6.6'/%3E%3C/svg%3E") center/46% no-repeat,linear-gradient(180deg,#f9edc9,#d6ba7c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(92,66,24,.45),0 0 0 1px rgba(255,236,190,.4),0 12px 18px -8px rgba(9,17,39,.65);
  opacity:0;transform:scale(.3);transition:transform .7s cubic-bezier(.28,1.5,.42,1),opacity .25s ease}
.pl-z .k3[data-ziel][aria-pressed="true"]::after{opacity:1;transform:none}

/* ---------- Bewegung ---------- */
@media (prefers-reduced-motion:no-preference){
  /* Nach einer Änderung legen sich die Billette neu hin, eines nach dem anderen (ausgelöst vom Gast, deckend, nur transform) */
  .pl-neu .pl-po{animation:plLeg .72s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n,0)*80ms)}
  @keyframes plLeg{0%{transform:translate3d(0,26px,0) scale(.982)}100%{transform:none}}
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    /* Die Schiene wächst mit dem Scrollen von Knoten zu Knoten */
    .pl-zeit>div>i::after{animation:plSchiene linear both;animation-timeline:view(block);animation-range:cover 8% cover 34%}
    @keyframes plSchiene{from{transform:scaleY(0)}to{transform:none}}
    .pl-neu .pl-zeit>div>i::after{animation:none}
  }
}
@media print{.pl-tk__wahl,.pl-haken,.pl-dichter{display:none!important}.pl-zeit>div>i::after{animation:none!important;transform:none!important}}
@media (max-width:860px){.pl-tk__in{grid-template-columns:clamp(96px,26vw,150px) minmax(0,1fr);gap:16px}}
@media (max-width:560px){.rg-tk.pl-tk{grid-template-columns:minmax(0,1fr)}.pl-tk__in{grid-template-columns:minmax(0,1fr)}.pl-zeit>div{grid-template-columns:62px 11px minmax(0,1fr)}.pl-tk__n{margin-top:0}}
/* Billett der Zielseite: Abriss breit genug für Sommer- und Winterpreis, die drei Angaben stehen mittig neben ihm */
@media (min-width:561px){
  .rg-tk:not(.pl-tk){grid-template-columns:minmax(0,1fr) clamp(160px,27%,204px)}
  .rg-tk:not(.pl-tk) .rg-tk__haupt{display:flex;flex-direction:column}
  .rg-tk:not(.pl-tk) .rg-tk__drei{margin-block:auto;padding-block:clamp(14px,1.5vw,22px)}
}
.rg-tk:not(.pl-tk) .pl-preis{padding-block:clamp(18px,1.9vw,26px)}
.rg-tk:not(.pl-tk) .pl-preis img{width:clamp(30px,2.4vw,38px);margin-bottom:clamp(8px,.9vw,12px)}
.rg-tk:not(.pl-tk) .pl-preis b.pl-chf{font-size:clamp(1.9rem,2.5vw,2.7rem)}
.rg-tk:not(.pl-tk) .pl-preis>span{margin-top:10px;padding-top:10px}
.rg-tk:not(.pl-tk) .pl-preis>em{font-size:.96rem}

/* Kopf des Planers (Robert 14.10.2026, Wahl 01 aus planer-koepfe.html): der Brienzersee über den ganzen Schirm, Zeichen, Titel in einer Zeile, Satz und Knöpfe
   auf der Mittelachse. Abdunklung und Hof hinter der Schrift sind ins Bild gerechnet (assets/img/kd-aus-brienzersee.webp, Rechnung: _varianten/planer_koepfe_bau.py, Fassung 01). */
.sk--planer .d1 .z{display:inline-block;margin:0 .12em}
.sk--planer .sk__em{margin-bottom:clamp(20px,2.4vw,34px)}
.sk--planer .sk__satz{max-width:48ch;font-size:clamp(1.2rem,1.7vw,1.75rem);text-wrap:balance}

/* ---------- Billett: links ein grosses Foto und zwei kleine, oben bündig mit dem Titel, unten mit der letzten Uhrzeit (Robert 14.10.2026, 02:12) ---------- */
.pl-tk__in{align-items:stretch}
.pl-tk__bb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(clamp(120px,12vw,170px),1fr) auto;gap:clamp(8px,.8vw,12px);min-width:0;text-decoration:none}
.pl-tk__bb .pl-tk__b{aspect-ratio:1;border-radius:12px;box-shadow:0 0 0 1px rgba(130,108,53,.2),0 14px 18px -14px rgba(20,26,46,.5)}
.pl-tk__bb .pl-tk__b::after{inset:5px;border-radius:8px}
.pl-tk__bb .pl-tk__b--g{grid-column:1/-1;aspect-ratio:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(130,108,53,.2),0 26px 30px -20px rgba(20,26,46,.55)}
.pl-tk__bb .pl-tk__b--g::after{inset:7px;border-radius:10px}
.pl-tk__bb .pl-tk__b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pl-tk__n{margin-top:-.17em}
.pl-zeit>div:last-child{padding-bottom:0}
.pl-zeit>div:last-child dd{padding-bottom:0;margin-bottom:0}
.pl-zeit{margin-bottom:-.32em}
@media (max-width:860px){.pl-tk__bb{grid-template-rows:minmax(96px,1fr) auto;gap:8px}}
@media (max-width:560px){
  .pl-tk__bb{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:16/9}
  .pl-tk__bb .pl-tk__b{aspect-ratio:auto}
  .pl-tk__bb .pl-tk__b--g{grid-column:1;grid-row:1/3}
  .pl-zeit{margin-bottom:0}
}
.pl-zeit{margin-bottom:-.2em}
@media (max-width:560px){
  .pl-tk__bb{width:100%}
  .pl-zeit{margin-bottom:0}
  /* Abriss auf dem Handy: derselbe Stapel wie am Rechner, mittig unter dem Billett */
  .rg-tk__abriss.pl-preis{flex-direction:column;align-items:center;gap:0;padding:20px 16px 22px;text-align:center}
  .rg-tk__abriss.pl-preis img{width:34px;margin:0 0 10px}
  .rg-tk__abriss.pl-preis>span{min-width:46%}
}
@media (max-width:560px){.pl-tk__n{margin-top:8px}}

/* ---------- Abfahrt früher oder später, Umstiege zum Aufklappen, Satz zum Tempo (Robert 14.10.2026, 02:30) ---------- */
.pl-tempo{max-width:70ch;min-height:1.5em;margin:clamp(14px,1.5vw,20px) auto 0;text-align:center;font:italic 500 clamp(1.02rem,1.16vw,1.18rem)/1.5 var(--serif);color:rgba(232,220,194,.8)}
.pl-zeit>div.pl-zeit--ab dd{position:relative;padding-inline-end:clamp(128px,13vw,168px)}
.pl-zeit__wahl{position:absolute;top:-2px;inset-inline-end:0;display:inline-flex;border-radius:999px;background:linear-gradient(180deg,#fdf8ea,#efe2c2);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(150,125,64,.42),0 8px 12px -10px rgba(20,26,46,.5)}
.pl-zeit__wahl button{font:500 .64rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tinte);background:none;border:0;padding:10px 14px;cursor:pointer;border-radius:999px;transition:color .3s,transform .5s cubic-bezier(.28,1.5,.42,1)}
.pl-zeit__wahl button+button{box-shadow:-1px 0 0 rgba(150,125,64,.38)}
.pl-zeit__wahl button:active{transform:scale(.94)}
.pl-zeit__wahl button:disabled{opacity:.45;cursor:default}
.pl-zeit__wahl button:focus-visible{outline:2px solid #967D40;outline-offset:2px}
@media (hover:hover){.pl-zeit__wahl button:hover{color:#967D40}}
.pl-um{margin-top:2px}
.pl-um summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:.86em;color:rgba(26,29,40,.66);border-bottom:1px solid rgba(150,125,64,.5);padding-bottom:1px;-webkit-tap-highlight-color:transparent}
.pl-um summary::-webkit-details-marker{display:none}
.pl-um summary svg{width:11px;height:11px;fill:none;stroke:#967D40;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--e2)}
.pl-um[open] summary svg{transform:rotate(180deg)}
.pl-um summary:focus-visible{outline:2px solid #967D40;outline-offset:3px}
.pl-um ol{list-style:none;margin:clamp(10px,1vw,14px) 0 2px;padding:clamp(10px,1vw,14px) clamp(12px,1.3vw,18px);border-radius:12px;background:linear-gradient(180deg,rgba(255,252,243,.9),rgba(246,238,217,.75));box-shadow:inset 0 0 0 1px rgba(150,125,64,.26);display:grid;gap:8px}
.pl-um li{display:grid;grid-template-columns:clamp(44px,4.2vw,56px) minmax(0,1fr);gap:0 12px;align-items:baseline}
.pl-um li b{font-family:var(--serif);font-weight:500;font-size:1.1rem;line-height:1.2;font-variant-numeric:lining-nums tabular-nums;color:var(--tinte)}
.pl-um li span{font-size:.92rem;line-height:1.4;color:var(--tinte)}
.pl-um li small{display:block;font-size:.84em;color:rgba(26,29,40,.62)}
@media (prefers-reduced-motion:no-preference){.pl-um[open] ol{animation:plAuf .5s var(--e2) both}@keyframes plAuf{from{transform:translate3d(0,-8px,0)}to{transform:none}}}
@media (max-width:560px){.pl-zeit>div.pl-zeit--ab dd{padding-inline-end:0;padding-top:0}.pl-zeit__wahl{position:static;margin-top:10px}.pl-um ol{padding:10px 12px}}
@media print{.pl-zeit__wahl{display:none!important}.pl-um summary svg{display:none}}
/* Platz für «Früher / Später» nur neben den ersten Zeilen: die aufgeklappten Teilstrecken laufen über die ganze Breite */
.pl-zeit>div.pl-zeit--ab dd{padding-inline-end:0}
.pl-zeit>div.pl-zeit--ab dd::before{content:'';float:inline-end;width:clamp(150px,14vw,180px);height:2.6em}
.pl-um ol{clear:both}
@media (max-width:560px){.pl-zeit>div.pl-zeit--ab dd::before{content:none}}

/* Druckblatt: zwei Tage je Seite, keine Lücke für die ausgeblendeten Tasten */
@media print{
  #plan{zoom:.74}
  .pl-plan .kopfzeile{margin-bottom:6mm}
  .pl-tage{gap:7mm}
  .pl-zeit>div.pl-zeit--ab dd::before{content:none}
  .pl-um summary{border-bottom:0}
  .pl-um ol{box-shadow:inset 0 0 0 .2mm #b9a47a;background:none}
  .pl-tk__bb .pl-tk__b{box-shadow:none}
}
/* Hinweis, solange der Plan noch einen Platz sucht: atmet leise (nur Deckkraft), bis der fertige Plan ihn ersetzt */
@media (prefers-reduced-motion:no-preference){.pl-sucht{animation:plSucht 1.6s ease-in-out infinite alternate}@keyframes plSucht{from{opacity:1}to{opacity:.62}}}

/* Eigene Abfahrtszeit zwischen «Früher» und «Später», eigene Zeit vor Ort (Robert 14.10.2026: «selber eintragen, aber es wird eine Zeit empfohlen») */
.pl-zeit__uhr{display:inline-flex;align-items:center;padding:0 4px;box-shadow:-1px 0 0 rgba(150,125,64,.38)}
.pl-zeit__uhr .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pl-zeit__uhr input{width:5.4em;border:0;background:none;padding:8px 6px;font:500 .78rem/1 var(--mono);letter-spacing:.06em;color:var(--tinte);text-align:center;font-variant-numeric:tabular-nums;color-scheme:light;cursor:pointer}
.pl-zeit__uhr input::-webkit-calendar-picker-indicator{display:none}
.pl-zeit__uhr input:focus-visible{outline:2px solid #967D40;outline-offset:2px;border-radius:6px}
.pl-zeit>div.pl-zeit--ab dd::before{width:clamp(220px,20vw,250px)}
.pl-vor{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:4px}
.pl-vor label{display:inline-flex;align-items:baseline;gap:10px;font-size:.86em;color:rgba(26,29,40,.66)}
.pl-vor select,.pl-vor .hwahl-knopf{font:400 .92em var(--sans)!important;color:var(--tinte)!important;background:none;border:0;border-bottom:1px solid rgba(150,125,64,.6)!important;padding:2px 2px!important;border-radius:0;-webkit-appearance:none;appearance:none}
.pl-vor small{font-size:.86em;color:#967D40}
@media print{.pl-zeit__uhr{display:none}.pl-vor select,.pl-vor .hwahl-knopf{border:0!important}}
.pl-vor label{white-space:nowrap}
.pl-vor .hwahl,.pl-vor .hwahl-knopf{min-width:0;width:auto}

/* Zuschlag am Abriss (z. B. Eintritt Trümmelbachfälle): abgesetzt vom «Preis des Anbieters», damit er nicht als dessen Betrag gelesen wird; Handy: Zeitwahl über die ganze Zeile, ragt nicht über den Rand (14.10.2026) */
.rg-tk__abriss.pl-preis>em.pl-preis__dazu{margin-top:clamp(14px,1.4vw,20px);font-style:normal;font-family:inherit;font-size:clamp(.82rem,.86vw,.9rem);line-height:1.4;color:rgba(26,29,40,.62);max-width:none;text-wrap:balance}
.pl-preis__dazu b{font-weight:400;color:#967D40;margin-inline-end:.15em}
@media (max-width:560px){.pl-zeit__wahl{display:flex;width:100%;max-width:100%;box-sizing:border-box}.pl-zeit__wahl button{flex:1 1 0;min-width:0;padding-inline:8px}.pl-zeit__uhr{flex:0 0 auto}.pl-zeit__uhr input{min-width:0;width:5em}.rg-tk__abriss.pl-preis>em.pl-preis__dazu{max-width:none}}

/* ---------- Zeitwahl «Früher · Uhrzeit · Später» als kleine Abfahrtsanzeige (Robert 14.10.2026 abends: «die Zahl in der Mitte zu fett»):
   dunkle Tafel in Tinte mit Goldkante, die Zeit in der Serife des Hauses auf einem eingelassenen Fenster, die Knöpfe in Cinzel-Versalien. ---------- */
.pl-zeit__wahl{background:linear-gradient(180deg,#262c46,#171b2e 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(210,191,152,.55),0 12px 18px -12px rgba(10,14,28,.75);padding:3px;align-items:center}
.pl-zeit__wahl button{font:400 .6rem/1 var(--caps,'Cinzel',Georgia,serif);letter-spacing:.22em;color:#e8d9b5;padding:9px 13px}
.pl-zeit__wahl button+button{box-shadow:none}
.pl-zeit__wahl button:disabled{opacity:.4}
.pl-zeit__wahl button:focus-visible{outline-color:#e8d9b5}
@media (hover:hover){.pl-zeit__wahl button:hover{color:#fff}}
.pl-zeit__uhr{margin:0 2px;padding:0;border-radius:999px;background:#0b0e18;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),inset 0 0 0 1px rgba(210,191,152,.4)}
.pl-zeit__uhr input{width:5em;padding:6px 10px;font:500 .98rem/1 var(--serif);letter-spacing:.05em;color:#f3e7c9;color-scheme:dark;font-variant-numeric:lining-nums tabular-nums}
.pl-zeit__uhr input::-webkit-datetime-edit,.pl-zeit__uhr input::-webkit-datetime-edit-fields-wrapper,.pl-zeit__uhr input::-webkit-datetime-edit-hour-field,.pl-zeit__uhr input::-webkit-datetime-edit-minute-field,.pl-zeit__uhr input::-webkit-datetime-edit-text{font:inherit;color:inherit;padding:0;background:none}
.pl-zeit__uhr input::-webkit-datetime-edit-hour-field:focus,.pl-zeit__uhr input::-webkit-datetime-edit-minute-field:focus{background:rgba(210,191,152,.3);color:#fff;border-radius:3px}
.pl-zeit__uhr input:focus-visible{outline-color:#e8d9b5}
@media (max-width:560px){.pl-zeit__wahl{padding:3px}.pl-zeit__uhr input{width:5em}}

/* Die Antwort über den drei Billetten (14.10.2026, Robert «edler»): Tafel in Nacht mit doppelter Goldkante, Name in Glanzgold, Betrag gross, Vergleich darunter */
.pl-kosten .pl-emp{position:relative;text-align:center;width:min(640px,100%);margin:clamp(30px,3.4vw,52px) auto 0;padding:clamp(26px,2.8vw,38px) clamp(24px,3vw,46px) clamp(24px,2.6vw,36px);border-radius:18px;
  background:linear-gradient(180deg,#1d2546,#10152a);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(230,210,162,.6),0 34px 54px -30px rgba(0,0,0,.85)}
.pl-kosten .pl-emp::before{content:"";position:absolute;inset:7px;border:1px solid rgba(230,210,162,.26);border-radius:12px;pointer-events:none}
.pl-kosten .pl-emp[hidden]{display:none}
.pl-kosten .pl-emp b{display:block;font:600 .6rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:rgba(230,210,162,.8)}
.pl-kosten .pl-emp__linie{display:block;width:84px;height:1px;margin:14px auto 18px;background:linear-gradient(90deg,transparent,#f3e3b6 30%,#f3e3b6 70%,transparent)}
.pl-kosten .pl-emp strong::before{content:'';display:block;width:clamp(42px,3.4vw,52px);aspect-ratio:1;margin:0 auto 12px;background:url(../logo/zeichen-gold-440.webp?v=2572ea87n2) center/contain no-repeat}
.pl-kosten .pl-emp strong{display:block;font:500 clamp(1.05rem,1.35vw,1.35rem)/1.25 var(--caps);letter-spacing:.16em;text-transform:uppercase;
  background:linear-gradient(180deg,#fbf0cf 0%,#ead39c 30%,#c9a764 48%,#9c7b43 58%,#dcc189 76%,#f3e3b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pl-kosten .pl-emp__preis{display:block;margin:12px 0 4px;font:500 clamp(2.7rem,3.8vw,3.8rem)/1 var(--serif);color:#fff}
.pl-kosten .pl-emp__preis small{display:inline-block;margin-right:.55em;vertical-align:.95em;font:600 .6rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#E6D2A2}
.pl-kosten .pl-emp p{margin:12px 0 0;font:400 clamp(1rem,1.15vw,1.14rem)/1.6 var(--sans);color:rgba(255,255,255,.9)}
/* Der Vergleich als zwei Posten mit Goldfaden (Robert 14.10.2026: der Satz darunter war schlecht lesbar, dann «noch schöner») */
.pl-kosten .pl-emp__vgl{display:flex;justify-content:center;align-items:stretch;margin:20px auto 0;padding-top:18px;border-top:1px solid rgba(230,210,162,.22)}
.pl-kosten .pl-emp__vgl span{padding:0 clamp(18px,2.6vw,38px)}
.pl-kosten .pl-emp__vgl span+span{border-left:1px solid rgba(230,210,162,.32)}
.pl-kosten .pl-emp__vgl small{display:block;margin-bottom:9px;font:600 .58rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:rgba(230,210,162,.78)}
.pl-kosten .pl-emp__vgl b{display:block;margin:0;font:500 clamp(1.5rem,1.9vw,1.9rem)/1 var(--serif);font-variant-numeric:lining-nums;letter-spacing:0;text-transform:none;white-space:nowrap;color:rgba(255,255,255,.92)}
.pl-kosten .pl-emp__vgl .ist b{color:#f3e3b6}
@media (max-width:420px){.pl-kosten .pl-emp__vgl span{padding:0 14px}.pl-kosten .pl-emp__vgl b{font-size:1.35rem}}
.pl-kosten .pl-emp--offen p{margin-top:0;font-style:normal;font:400 clamp(1.05rem,1.3vw,1.25rem)/1.5 var(--serif);color:rgba(255,255,255,.84)}
.pl-kosten .pl-emp+.pb__erg{margin-top:clamp(36px,3.8vw,58px)}

/* Befunde der Durchsicht 14.10.2026 (spät): Handy und Rechen-Hinweis */
/* «Zeit vor Ort»: am Handy rutscht die Auswahl unter das Wort, statt über den Rand des Billetts zu ragen */
@media (max-width:560px){.pl-vor label{flex-wrap:wrap;white-space:normal;row-gap:4px;max-width:100%}.pl-vor .hwahl{max-width:100%}}
/* «Früher» und «Später» brechen nie mitten im Wort */
.pl-zeit__wahl button{word-break:keep-all;overflow-wrap:normal;hyphens:manual}
@media (max-width:560px){.pl-zeit__wahl button{min-width:min-content;letter-spacing:.14em;padding-inline:10px}}   /* min-content: «Plus tard» darf an der Lücke umbrechen, ein Wort nie */
/* Während der Plan neu gerechnet wird, tritt der alte zurück (nur Deckkraft) */
.pl-tage{transition:opacity .3s ease}
.pl-tage[aria-busy="true"]{opacity:.45}