/* Grand Beau-Rivage Interlaken, Seite «Jungfrauregion» (region.html), Fassung 2 vom 12.10.2026.
   Robert: «komplett im Grand-Beau-Rivage-Stil, high-end, bis ins kleinste Detail»; dazu vier Durchgänge mit Bildschirmfotos:
   Zeichen in Gold mittig über der Überschrift, Harder-Angaben als Billett, Ausflüge als 3D-Kacheln ohne Platte,
   gewählte Ausflüge ohne Rahmen, Pässe als Billette, Auftritte federnd wie auf den übrigen Seiten.
   Nur diese Seite lädt die Datei (inhalt/h_region.py). Bewegung nur über transform und opacity. Zurück: Datei nicht laden,
   Sicherung in _sicherung/2026-10-12-region-luxus/. */

/* Das Zeichen in Gold (.rg-z) steht in assets/css/ausfluege.css (auch für kontakt.html). */

/* ---------- Kopf: die Namen der drei Abzüge bleiben lesbar (vorher verdeckte der vordere Abzug «Lauterbrunnen» und «Harder Kulm») ---------- */
.sk--abzuege .sk__abz .a0{left:0}
.sk--abzuege .sk__abz .a2{left:33%}
.sk--abzuege .sk__abz .a0 figcaption{text-align:left;padding-left:8px}
.sk--abzuege .sk__abz .a1 figcaption{text-align:right;padding-right:8px}

/* ---------- Harder Kulm: wie die Betriebe der Restaurantseite, Zeichen mittig über dem Titel, alles höher ---------- */
.rg-harder{--kf:var(--papier)}
.rg-harder.fl{padding-top:clamp(58px,5.8vw,100px);padding-bottom:clamp(70px,7.4vw,124px)}
.rg-harder .betrieb{align-items:center}
@media (min-width:861px){.rg-harder .betrieb>.b{grid-column:1/7}.rg-harder .betrieb>.t{grid-column:7/-1}}
.rg-harder .t .raum--nur.rg-z{margin:0 auto clamp(18px,2vw,30px)}
.rg-harder .t .raum--nur.rg-z img{width:clamp(96px,8.6vw,140px)}
.rg-harder .t .d2{text-align:center;font-size:clamp(2.5rem,4.6vw,4.9rem);line-height:1.04}
.rg-harder .t .lauf{margin-top:clamp(18px,2vw,28px)}
.rg-harder .b>.foto:first-child img{aspect-ratio:4/3.1}
.rg-harder .nebenbei .foto img{aspect-ratio:4/3}

/* Das Billett (.rg-tk) steht in assets/css/ausfluege.css, weil die Startseite es auch braucht. */

/* ---------- Gästekarte, Fassung 2 ---------- */
.gka--2.gka{padding-top:clamp(70px,7.4vw,124px);padding-bottom:clamp(70px,7.4vw,124px)}
.gka--2 .kopfzeile{margin-bottom:clamp(40px,4.6vw,76px)}
.gka--2 .kopfzeile .lauf{max-width:58ch}
.gka--2 .gka__in{grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:clamp(34px,5.4vw,104px);align-items:center}
@media (max-width:1000px){.gka--2 .gka__in{grid-template-columns:minmax(0,1fr)}}
.gka--2 .gka__karte{perspective:1400px}
/* Die Karte: Marine mit der Tapete des Hauses, Rand und Schrift in Goldprägung, darunter ein tiefer Schatten. Kippt mit der Hand (funktionen.js setzt --rx/--ry). */
.gka--2 .gka-k{max-width:600px;padding:clamp(22px,2.6vw,36px);border-radius:24px;color:#f4e6c2;overflow:hidden;isolation:isolate;
  background:linear-gradient(140deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 38%,rgba(0,0,0,.18) 100%),var(--marine,#1b2033) url(../img/tapete-dunkel.webp?v=08c86b19) 50% 46%/250px auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(230,210,162,.38),0 2px 0 #0b0e18,0 54px 60px -34px rgba(20,26,46,.82),0 20px 28px -16px rgba(20,26,46,.5);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--e2)}
.gka--2 .gka-k::before{inset:11px;border-radius:14px;border:1px solid rgba(230,210,162,.6);z-index:1}
.gka--2 .gka-k::after{inset:15px;border-radius:10px;border:1px solid rgba(230,210,162,.24);z-index:1}
.gka--2 .gka-k__zeile{position:relative;z-index:2;align-items:flex-start}
.gka--2 .gka-k__zeile img{width:clamp(58px,6vw,84px);height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.gka--2 .gka-k__zeile .mono{padding-top:6px;font-size:clamp(.58rem,.66vw,.7rem);letter-spacing:.28em;color:rgba(232,220,194,.8)}
.gka--2 .gka-k{display:flex;flex-direction:column}
.gka--2 .gka-k__ort{position:relative;z-index:2;inset:auto;margin-top:auto;padding-bottom:clamp(9px,1vw,13px);font-family:var(--caps);font-size:clamp(.54rem,.62vw,.66rem);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.gka--2 .gka-k__name{position:relative;z-index:2;inset:auto;padding-top:clamp(12px,1.2vw,16px);border-top:1px solid rgba(230,210,162,.34)}
.gka--2 .gka-k__name b{font-weight:500;font-size:clamp(1.15rem,1.75vw,1.85rem);letter-spacing:.16em;color:#e9d6a6;
  background:linear-gradient(180deg,#fbf0cf 0%,#c9a560 52%,#f3e3b6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.gka--2 .gka-k__name span{margin-top:8px;font-size:clamp(.98rem,1.15vw,1.16rem);color:rgba(244,236,220,.78)}
@media (max-width:560px){.gka--2 .gka-k__name b{font-size:clamp(.8rem,3.9vw,1.1rem);letter-spacing:.12em;white-space:nowrap}.gka--2 .gka-k__name span{font-size:.9rem}.gka--2 .gka-k__zeile .mono{font-size:.52rem;letter-spacing:.2em}}
/* Glanz: zieht einmal über die Karte, wenn sie angekommen ist */
.gka--2 .gka-k__glanz{position:absolute;z-index:1;left:-45%;top:-30%;width:38%;height:160%;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,240,205,.2) 42%,rgba(255,246,222,.42) 50%,rgba(255,240,205,.2) 58%,transparent 100%);transform:translate3d(0,0,0) rotate(14deg)}
.gka--2 .gka__karte.da .gka-k__glanz{animation:rgGlanz 1.9s cubic-bezier(.4,0,.2,1) 1.5s both}
@keyframes rgGlanz{0%{opacity:1;transform:translate3d(0,0,0) rotate(14deg)}99%{opacity:1}100%{opacity:0;transform:translate3d(420%,0,0) rotate(14deg)}}
/* Leistungen: grosse Zahl in Sandgold, Leistung in der Titelschrift, Haarlinien dazwischen */
.gka--2 .gka__liste{margin:0}
.gka--2 .gka-z{grid-template-columns:clamp(104px,10.4vw,160px) 1fr;gap:clamp(16px,2vw,34px);padding:clamp(18px,1.9vw,28px) 0}
.gka--2 .gka-z b{font-size:clamp(2.3rem,3.7vw,4rem);line-height:1;font-variant-numeric:lining-nums}
.gka--2 .gka-z b small{font-size:44%}
.gka--2 .gka-z span{font-size:clamp(1.14rem,1.42vw,1.5rem);line-height:1.24}
.gka--2 .gka-z em{margin-top:7px;font-size:clamp(.6rem,.66vw,.7rem);letter-spacing:.22em;line-height:1.6}
/* Bedingungen: eine Reihe unter Karte und Leistungen, darüber eine Goldlinie mit Raute */
.gka--2 .gka__bedingung{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,44px);margin-top:clamp(46px,5vw,84px);padding-top:clamp(30px,3.2vw,48px);font-size:.95rem;line-height:1.62}
.gka--2 .gka__bedingung::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(150,125,64,.55) 18%,rgba(150,125,64,.55) calc(50% - 16px),transparent calc(50% - 16px),transparent calc(50% + 16px),rgba(150,125,64,.55) calc(50% + 16px),rgba(150,125,64,.55) 82%,transparent)}
.gka--2 .gka__bedingung::after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-4px;border:1px solid var(--akzent,#967D40);transform:rotate(45deg)}
.gka--2 .gka__bedingung p{margin:0}
@media (max-width:1000px){.gka--2 .gka__bedingung{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gka--2 .gka__bedingung{grid-template-columns:minmax(0,1fr)}}
.gka--2 .gf-quelle{max-width:none;margin-top:clamp(26px,2.8vw,40px);text-align:center}

/* ---------- Ausflüge: 3D-Kacheln ohne Platte wie auf den übrigen Seiten, Text mittig darunter ---------- */
.rg-ziele.fl{padding-top:clamp(70px,7.4vw,124px)}
.rg-ziele .kopfzeile{margin-bottom:0}
.rg-ziele .k3reihe{row-gap:clamp(48px,5.4vw,88px);margin-top:clamp(40px,4.4vw,72px)}
.rg-ziele .k3 .kachel__t{display:block;max-width:40ch;margin:clamp(14px,1.4vw,20px) auto 0;padding:0;text-align:center;font-size:clamp(.96rem,1.02vw,1.05rem);line-height:1.62;color:rgba(20,26,46,.76)}
.rg-ziele .quelle{max-width:none;margin-top:clamp(40px,4.4vw,70px);text-align:center}

/* ---------- Pass-Berater ---------- */
.pb--2.pb{padding-top:clamp(70px,7.4vw,124px)}
.pb--2 .kopfzeile{margin-bottom:clamp(34px,3.8vw,60px)}
.pb--2 .kopfzeile .lauf{max-width:62ch}
.pb--2 .pb__frage{justify-content:center;margin-bottom:clamp(22px,2.4vw,36px);text-align:center;color:var(--gold)}
.pb--2 .pb__frage span{font-style:italic;font-size:clamp(1.3rem,1.8vw,1.9rem)}
/* Gewählt ohne Rahmen (Robert 12.10.2026): das gewählte Foto steht hell, der Name in Gold; was nicht gewählt ist, tritt zurück */
.pb--2 .k3[data-ziel] .kachel__b{transition:opacity .55s ease,transform .8s var(--e2)}
.pb--2 .k3[data-ziel][aria-pressed="true"] .kachel__b{box-shadow:0 0 0 1px rgba(230,210,162,.14),0 40px 56px -26px rgba(0,0,0,.75),0 14px 22px -12px rgba(0,0,0,.5)}
.pb--2 .k3[data-ziel]:not([aria-pressed="true"]) .kachel__b{opacity:.46}
.pb--2 .k3[data-ziel]:not([aria-pressed="true"]) .kachel__n b{color:rgba(252,247,238,.62)}
.pb--2 .k3[data-ziel]:not([aria-pressed="true"]) .kachel__n small{color:rgba(232,220,194,.42)}
.pb--2 .k3[data-ziel] .kachel__n b,.pb--2 .k3[data-ziel] .kachel__n small{transition:color .45s ease}
.pb--2 .k3[data-ziel]:hover .kachel__b{transform:none}
@media (hover:hover) and (pointer:fine){
  .pb--2 .k3[data-ziel] .kachel__b,.pb--2 .k3[data-ziel]:hover .kachel__b{transform:translateZ(0) translateY(var(--ly,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--ls,1))}
  .pb--2 .k3.kipp[data-ziel] .kachel__b{transition:opacity .55s ease,transform .2s ease-out}
  .pb--2 .k3[data-ziel]:not([aria-pressed="true"]).kipp .kachel__b{opacity:.8}
}
.pb--2 .k3[data-ziel]:focus-visible .kachel__b{opacity:1;box-shadow:0 0 0 2px var(--gold)}
/* Beim Antippen passiert etwas (Robert 12.10.2026 ~10:50: «so einen Effekt machen, wenn man die Kacheln anklickt … vielleicht wieder so ein
   goldener Rahmen»): ein feiner Goldrahmen legt sich von aussen an den Bildrand und bleibt, solange der Ausflug gewählt ist. Eine Linie
   innen im Foto, nicht der doppelte Ring von früher (den hat Robert am 12.10. abgewählt). Nur transform und opacity an einer eigenen Fläche. */
.pb--2 .k3[data-ziel] .kachel__b::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px rgba(20,26,46,.4),inset 0 0 26px rgba(230,210,162,.22);
  opacity:0;transform:scale(1.07);transition:opacity .3s ease,transform .5s ease}
.pb--2 .k3[data-ziel][aria-pressed="true"] .kachel__b::after{opacity:1;transform:none;transition:opacity .35s ease,transform .75s cubic-bezier(.2,1.25,.35,1)}
@media (prefers-reduced-motion:reduce){.pb--2 .k3[data-ziel] .kachel__b::after{transform:none;transition:none}}
.pb--2 .pb__leiste{margin-top:clamp(40px,4.4vw,68px)}

/* Die drei Wege als Billette: Kopfzeile, Zeichen, Name und Preis; darunter Perforation und der Abriss mit den Fahrten.
   Die Perforationen liegen bei allen dreien auf einer Höhe (subgrid). */
.pb--2 .pb__erg{grid-template-rows:auto auto;gap:0 clamp(34px,3.2vw,52px);margin-top:clamp(46px,5vw,76px);align-items:stretch}
.pb--2 .pb-s{display:grid;grid-template-rows:auto 1fr;grid-row:span 2;padding:0;border-radius:20px;overflow:visible;
  background:linear-gradient(180deg,#fdf9f1,#f6eedd 60%,#efe4cf);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(150,125,64,.22),0 2px 0 #b9a47a,0 44px 54px -30px rgba(0,0,0,.8),0 16px 24px -14px rgba(0,0,0,.5)}
@supports (grid-template-rows:subgrid){.pb--2 .pb-s{grid-template-rows:subgrid}}
.pb--2 .pb-s--best{background:linear-gradient(180deg,#faedcb,#ecd9ab 62%,#dcc590)}
.pb--2 .pb-s::after{content:'';position:absolute;inset:9px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(150,125,64,.38);pointer-events:none}
.pb--2 .pb-s--best::after{box-shadow:inset 0 0 0 1px rgba(126,98,38,.5)}
.pb--2 .pb-s__haupt{display:flex;flex-direction:column;align-items:center;padding:clamp(24px,2.4vw,34px) clamp(24px,2.6vw,40px) clamp(26px,2.8vw,40px);text-align:center}
.pb--2 .pb-s__kopf{display:flex;justify-content:space-between;gap:16px;align-self:stretch;margin:0;padding-bottom:13px;border-bottom:1px solid rgba(150,125,64,.3);font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#8a7238}
.pb--2 .pb-s__kopf::after{content:none}
.pb--2 .pb-s__name{margin-top:clamp(18px,1.9vw,26px);font-family:var(--caps);font-weight:600;font-size:clamp(1.02rem,1.3vw,1.36rem);letter-spacing:.14em;line-height:1.25;text-transform:uppercase;color:#8a7238}
.pb--2 .pb-s__name::before{content:'';display:block;width:clamp(50px,4.2vw,64px);aspect-ratio:1;margin:0 auto clamp(12px,1.3vw,18px);background:url(../logo/zeichen-gold-440.webp?v=2572ea87n2) center/contain no-repeat;filter:brightness(.82) saturate(1.45) contrast(1.14) drop-shadow(0 1px 2px rgba(60,40,10,.3))}
.pb--2 .pb-s__preis{justify-content:center;margin-top:clamp(16px,1.7vw,24px);gap:10px;font-size:clamp(3rem,4.5vw,4.9rem);font-variant-numeric:lining-nums;color:var(--tinte)}
.pb--2 .pb-s__preis small{font-weight:600;font-size:.72rem;letter-spacing:.26em;color:#8a7238}
.pb--2 .pb-s__preis em{font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.5;color:rgba(26,29,40,.72)}
.pb--2 .pb-s__unter{max-width:36ch;margin-top:clamp(12px,1.2vw,16px);font-size:.92rem;line-height:1.55;text-wrap:balance}
.pb--2 .pb-s__abriss{position:relative;display:flex;flex-direction:column;padding:clamp(20px,2.1vw,30px) clamp(24px,2.6vw,40px) clamp(24px,2.5vw,34px);border-top:2px dashed rgba(150,125,64,.46);border-radius:0 0 20px 20px;background:linear-gradient(180deg,rgba(214,194,150,.1),rgba(214,194,150,.32))}
.pb--2 .pb-s__abriss::before,.pb--2 .pb-s__abriss::after{content:'';position:absolute;top:-15px;width:28px;height:28px;border-radius:50%;background:var(--nacht);z-index:2;box-shadow:inset 0 3px 5px -2px rgba(0,0,0,.6)}
.pb--2 .pb-s__abriss::before{left:-14px}.pb--2 .pb-s__abriss::after{right:-14px}
.pb--2 .pb-s__liste{margin:0;gap:0}
.pb--2 .pb-s__liste li{padding:clamp(11px,1.1vw,15px) 0;border-top:1px solid rgba(130,108,53,.24);font-size:1rem}
.pb--2 .pb-s__liste li:first-child{border-top:0;padding-top:0}
.pb--2 .pb-s__liste li b{font-size:1.14rem}
.pb--2 .pb-s__liste li i{font-size:1rem}
.pb--2 .pb-s__fuss{margin-top:auto;padding-top:14px;border-top:1px solid rgba(130,108,53,.3);font-size:.64rem;text-align:center}
.pb--2 .pb-s__liste+.pb-s__fuss{margin-top:clamp(16px,1.8vw,22px)}
/* «Günstigster belegter Weg»: Marke auf der Oberkante des Billetts, Marine mit Goldschrift und feiner Goldlinie */
.pb--2 .pb-s__stempel{top:0;right:auto;left:50%;z-index:3;transform:translate(-50%,-50%);padding:9px 20px 8px;white-space:nowrap;font-weight:600;font-size:.62rem;letter-spacing:.26em;color:#f3e3b6;
  background:linear-gradient(180deg,#2b355c,#161c33);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(230,210,162,.62),0 10px 18px -8px rgba(0,0,0,.7)}
@media (max-width:1000px){
  .pb--2 .pb__erg{grid-template-rows:none;gap:clamp(34px,6vw,48px) 0}
  .pb--2 .pb-s{grid-row:auto;grid-template-rows:auto auto}
}
/* Auftritt: bis der Abschnitt im Bild ist, liegen die Billette tief; dann steigen sie nacheinander federnd herauf. Nach der ersten Ankunft nur noch ein leiser Wechsel. */
.pb--2 .pb__erg:not(.da) .pb-s{transform:translate3d(0,clamp(80px,9vw,140px),0) scale(.93);transform-origin:50% 100%}
.pb--2 .pb__erg.da .pb-s{animation:rgBillett 2s cubic-bezier(.28,1.42,.42,1) backwards;transform-origin:50% 100%}
.pb--2 .pb__erg.da .pb-s:nth-child(2){animation-delay:.14s}.pb--2 .pb__erg.da .pb-s:nth-child(3){animation-delay:.28s}
.pb--2 .pb__erg.da.ruhig .pb-s{animation:rgBillettNeu .7s cubic-bezier(.16,1,.3,1) backwards}
.pb--2 .pb__erg.da.ruhig .pb-s:nth-child(2){animation-delay:.06s}.pb--2 .pb__erg.da.ruhig .pb-s:nth-child(3){animation-delay:.12s}
@keyframes rgBillett{from{transform:translate3d(0,clamp(80px,9vw,140px),0) scale(.93)}to{transform:none}}
@keyframes rgBillettNeu{from{opacity:.35;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.pb--2 .gf-quelle{max-width:112ch;margin:clamp(34px,3.6vw,56px) auto 0;text-align:center}
.pb--2 .pb__leer{margin-top:clamp(34px,3.6vw,56px)}

/* Echte Einkerbungen an den Billetten der Pässe (Robert 12.10.2026): keine Kreise mehr über der Kante. Hauptteil und Abriss sind zwei
   Flächen, an der Naht ist links und rechts aus jeder ein Viertelkreis geschnitten (Maske); Fläche, Lichtkante und Innenrahmen liegen
   auf den beiden Teilen, der Schatten bleibt am Billett. */
.pb--2 .pb-s,.pb--2 .pb-s--best{--kr:14px;--m:#0000 98%,#000;--o1:#fdf9f1;--o2:#f8f1e3;--u1:#f5ecd9;--u2:#ebdfc6;--kante:#b9a47a;--linie:rgba(150,125,64,.38);background:none;box-shadow:0 44px 54px -30px rgba(0,0,0,.8),0 16px 24px -14px rgba(0,0,0,.5)}
.pb--2 .pb-s--best{--o1:#faedcb;--o2:#f3e3ba;--u1:#eedcae;--u2:#dcc590;--kante:#a88f5c;--linie:rgba(126,98,38,.5)}
.pb--2 .pb-s::after{content:none}
.pb--2 .pb-s__haupt{position:relative;border-radius:20px 20px 0 0;background:linear-gradient(180deg,var(--o1),var(--o2));box-shadow:inset 0 1px 0 #fff;
  -webkit-mask:radial-gradient(circle var(--kr) at 0 100%,var(--m)) left/51% 100% no-repeat,radial-gradient(circle var(--kr) at 100% 100%,var(--m)) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--kr) at 0 100%,var(--m)) left/51% 100% no-repeat,radial-gradient(circle var(--kr) at 100% 100%,var(--m)) right/51% 100% no-repeat}
.pb--2 .pb-s__abriss{background:linear-gradient(180deg,var(--u1),var(--u2));box-shadow:inset 0 -2px 0 var(--kante);
  -webkit-mask:radial-gradient(circle var(--kr) at 0 0,var(--m)) left/51% 100% no-repeat,radial-gradient(circle var(--kr) at 100% 0,var(--m)) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--kr) at 0 0,var(--m)) left/51% 100% no-repeat,radial-gradient(circle var(--kr) at 100% 0,var(--m)) right/51% 100% no-repeat}
.pb--2 .pb-s__haupt::after,.pb--2 .pb-s__abriss::before{content:'';position:absolute;width:auto;height:auto;border:1px solid var(--linie);background:none;box-shadow:none;pointer-events:none;z-index:0}
.pb--2 .pb-s__haupt::after{inset:9px 9px 0 9px;border-bottom:0;border-radius:12px 12px 0 0}
.pb--2 .pb-s__abriss::before{inset:0 9px 9px 9px;border-top:0;border-radius:0 0 12px 12px}
.pb--2 .pb-s__abriss::after{content:none}

@media (prefers-reduced-motion:reduce){
  .pb--2 .pb__erg .pb-s,.pb--2 .pb__erg:not(.da) .pb-s{animation:none!important;transform:none!important}
  .gka--2 .gka-k__glanz{display:none}
  .gka--2 .gka-k{transform:none;transition:none}
}

/* Knopf zum Aufenthaltsplaner unter den Ausflügen (14.10.2026): unten mittig unter der Reihe */
.rg-ziele .rg-planen{justify-content:center;margin-top:clamp(44px,4.8vw,76px)}

/* Einstieg «Lohnt sich ein Pass?» (14.10.2026): zwei feste Billette, mittig, der Knopf führt in den Planer, der rechnet. */
.pb--2 .pb__erg--zwei{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
@media (max-width:1000px){.pb--2 .pb__erg--zwei{grid-template-columns:minmax(0,1fr);width:min(520px,100%)}}
.pb--2 .pb__planer{justify-content:center;margin-top:clamp(36px,4vw,60px)}