/* ============================================================
   Parkatlas — Startseite und Ländereinstiege
   Gleiche Gestaltungssprache wie park-detail.css.
   Wird nur auf /, /kroatien und /kanada geladen.
   ============================================================ */
body.croatia.pdxl{
  --pdx-canvas:#f4f3ed!important;
  --pdx-paper:#fff!important;
  --pdx-paper-warm:#fbfaf6!important;

  --pdx-ink:#111714!important;
  --pdx-ink-2:#48524b!important;
  --pdx-ink-3:#7c867e!important;
  --pdx-line:#e4e2d8!important;
  --pdx-line-soft:#eeece4!important;

  --pdx-forest-950:#061911!important;
  --pdx-forest-900:#0a261a!important;
  --pdx-forest-800:#103827!important;
  --pdx-forest-700:#17674d!important;
  --pdx-forest-600:#1e8260!important;
  --pdx-forest-300:#7fb69c!important;
  --pdx-forest-100:#e0efe6!important;
  --pdx-forest-50:#f1f8f4!important;

  --pdx-clay-700:#8d4a25!important;
  --pdx-clay-500:#b4671f!important;
  --pdx-clay-50:#fdf6ed!important;

  --pdx-r-m:16px!important; --pdx-r-l:24px!important; --pdx-r-xl:32px!important;
  --pdx-shadow-1:0 1px 2px rgba(10,38,26,.05), 0 2px 8px rgba(10,38,26,.04)!important;
  --pdx-shadow-2:0 2px 4px rgba(10,38,26,.05), 0 12px 28px rgba(10,38,26,.09)!important;
  --pdx-shadow-3:0 24px 60px rgba(6,25,17,.16)!important;
  --pdx-ease:cubic-bezier(.22,.8,.3,1)!important;

  background:var(--pdx-canvas)!important;
}
body.croatia.pdxl #kombination{background:var(--pdx-canvas)!important; overflow-x:clip!important}
body.croatia.pdxl #kombination .container{max-width:1180px!important; padding-inline:24px!important}
body.croatia.pdxl #kombination .i{width:1em!important; height:1em!important; flex:none!important; stroke:currentColor!important; fill:none!important; stroke-width:1.6!important; stroke-linecap:round!important; stroke-linejoin:round!important}
body.croatia.pdxl #kombination .pdxl-num{font-variant-numeric:tabular-nums!important}

/* ---------- Seitenkopf über dem Bild ---------- */
body.croatia.pdxl #kombination .sitehead{
  position:absolute!important; inset:0 0 auto 0!important; z-index:40!important; background:none!important; border:0!important;
  max-width:none!important; margin:0!important; padding:20px max(24px,calc(50vw - 590px))!important;
}
body.croatia.pdxl #kombination .sitehead .brand, body.croatia.pdxl #kombination .sitehead .navcopy a{color:#fff!important}
body.croatia.pdxl #kombination .sitehead .navcopy a:hover{color:#fff!important; opacity:.75!important}
body.croatia.pdxl #kombination .sitehead .saved{
  background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.28)!important; color:#fff!important; backdrop-filter:blur(8px)!important;
}
body.croatia.pdxl #kombination .sitehead .saved:hover{background:rgba(255,255,255,.2)!important}
body.croatia.pdxl #kombination .sitehead .saved .trip-count{background:#fff!important; color:var(--pdx-forest-900)!important}

/* ============================================================
   Hero
   ============================================================ */
body.croatia.pdxl #kombination .country-hero{
  position:relative!important; width:100%!important; max-width:none!important; margin:0!important; border-radius:0!important; overflow:hidden!important;
  min-height:clamp(500px,76vh,740px)!important; display:flex!important; align-items:flex-end!important; background:var(--pdx-forest-950)!important;
}
body.croatia.pdxl #kombination .country-hero > img{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; border-radius:0!important; margin:0!important;
}
body.croatia.pdxl #kombination .hero-shade{
  position:absolute!important; inset:0!important; z-index:2!important; background:
    linear-gradient(to top, rgba(6,25,17,.93) 0%, rgba(6,25,17,.62) 34%, rgba(6,25,17,.12) 64%, rgba(6,25,17,.5) 100%),
    linear-gradient(to right, rgba(6,25,17,.5) 0%, rgba(6,25,17,0) 58%)!important;
}
body.croatia.pdxl #kombination .hero-copy{
  position:relative!important; z-index:5!important; width:100%!important; max-width:1180px!important; margin-inline:auto!important;
  padding:130px 24px 104px!important; color:#fff!important;
}
body.croatia.pdxl #kombination .hero-copy .eyebrow{
  display:block!important; font-size:.75rem!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase!important;
  color:rgba(255,255,255,.66)!important; margin:0 0 20px!important;
}
body.croatia.pdxl #kombination .hero-copy h1{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:clamp(2.6rem,6.2vw,4.6rem)!important;
  font-weight:600!important; letter-spacing:-.035em!important; line-height:1.04!important; color:#fff!important; margin:0 0 20px!important; max-width:18ch!important;
}
body.croatia.pdxl #kombination .hero-copy > p{
  color:rgba(255,255,255,.85)!important; font-size:clamp(1rem,1.5vw,1.188rem)!important; line-height:1.6!important;
  max-width:46ch!important; margin:0 0 30px!important;
}
body.croatia.pdxl #kombination .hero-copy .button{
  display:inline-flex!important; align-items:center!important; gap:9px!important; background:#fff!important; color:var(--pdx-forest-900)!important;
  border:0!important; border-radius:999px!important; padding:13px 24px!important; font-size:.875rem!important; font-weight:600!important; text-decoration:none!important;
  transition:background .2s, transform .2s var(--pdx-ease)!important;
}
body.croatia.pdxl #kombination .hero-copy .button:hover{background:#f0efe8!important; transform:translateY(-1px)!important}
body.croatia.pdxl #kombination .hero-link{
  display:inline-flex!important; align-items:center!important; gap:8px!important; margin-left:12px!important; padding:13px 22px!important; border-radius:999px!important;
  background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.3)!important; color:#fff!important;
  font-size:.875rem!important; font-weight:600!important; text-decoration:none!important; backdrop-filter:blur(8px)!important; transition:background .2s!important;
}
body.croatia.pdxl #kombination .hero-link:hover{background:rgba(255,255,255,.22)!important}
body.croatia.pdxl #kombination .hero-place{
  position:absolute!important; right:24px!important; bottom:96px!important; z-index:5!important; color:rgba(255,255,255,.62)!important;
  font-size:.688rem!important; font-weight:600!important; letter-spacing:.14em!important; text-transform:uppercase!important;
}
body.croatia.pdxl #kombination .hero-credit{
  position:absolute!important; left:auto!important; right:24px!important; bottom:76px!important; z-index:5!important; max-width:60%!important; text-align:right!important;
  padding:0!important; margin:0!important; background:none!important; border:0!important; font-size:.625rem!important; color:rgba(255,255,255,.45)!important; line-height:1.5!important;
}
body.croatia.pdxl #kombination .hero-credit a{color:inherit!important}

/* ============================================================
   Faktenleiste
   ============================================================ */
body.croatia.pdxl #kombination .pdxl-factbar-holder{position:relative!important; z-index:20!important; margin-top:-62px!important}
body.croatia.pdxl #kombination .pdxl-factbar{
  background:var(--pdx-paper)!important; border-radius:var(--pdx-r-l)!important; box-shadow:var(--pdx-shadow-3)!important;
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(230px,1.5fr)!important;
  overflow:hidden!important; border:1px solid rgba(255,255,255,.6)!important;
}
body.croatia.pdxl #kombination .pdxl-fact{padding:22px 24px!important; border-right:1px solid var(--pdx-line-soft)!important; display:flex!important; flex-direction:column!important; gap:7px!important; min-width:0!important}
body.croatia.pdxl #kombination .pdxl-fact .k{font-size:.688rem!important; font-weight:700!important; letter-spacing:.1em!important; text-transform:uppercase!important; color:var(--pdx-ink-3)!important; overflow-wrap:anywhere!important}
body.croatia.pdxl #kombination .pdxl-fact .v{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.625rem!important; font-weight:600!important;
  letter-spacing:-.025em!important; line-height:1.05!important; font-variant-numeric:tabular-nums!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .pdxl-fact .v.is-text{font-size:1.125rem!important; letter-spacing:-.015em!important}
body.croatia.pdxl #kombination .pdxl-fact .s{font-size:.75rem!important; color:var(--pdx-ink-3)!important; line-height:1.4!important}
body.croatia.pdxl #kombination .pdxl-verified{
  background:var(--pdx-forest-50)!important; border-left:1px solid var(--pdx-line-soft)!important;
  padding:22px 24px!important; display:flex!important; flex-direction:column!important; gap:8px!important; justify-content:center!important;
}
body.croatia.pdxl #kombination .pdxl-verified .k{display:flex!important; align-items:center!important; gap:8px!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.11em!important; text-transform:uppercase!important; color:var(--pdx-forest-700)!important}
body.croatia.pdxl #kombination .pdxl-dot{width:7px!important; height:7px!important; border-radius:50%!important; background:var(--pdx-forest-600)!important; flex:none!important; animation:pdxl-pulse 2.8s infinite!important}
@keyframes pdxl-pulse{0%{box-shadow:0 0 0 0 rgba(30,130,96,.45)}70%{box-shadow:0 0 0 7px rgba(30,130,96,0)}100%{box-shadow:0 0 0 0 rgba(30,130,96,0)}}
body.croatia.pdxl #kombination .pdxl-verified .t{font-size:.813rem!important; color:var(--pdx-ink-2)!important; line-height:1.45!important}
body.croatia.pdxl #kombination .pdxl-verified .t b{color:var(--pdx-ink)!important; font-weight:700!important}

/* ============================================================
   Sektionsnavigation (nur Länderseiten)
   ============================================================ */
body.croatia.pdxl #kombination .pd-nav{
  position:sticky!important; top:0!important; z-index:35!important; margin:52px 0 0!important; padding:0!important; width:100%!important; max-width:none!important;
  background:rgba(244,243,237,.84)!important; backdrop-filter:saturate(1.6) blur(14px)!important;
  border:0!important; border-radius:0!important; box-shadow:none!important; display:block!important;
}
body.croatia.pdxl #kombination .pd-nav::before{content:''!important; position:absolute!important; inset:auto 0 0 0!important; height:1px!important; background:var(--pdx-line)!important}
body.croatia.pdxl #kombination .pd-nav-inner{
  display:flex!important; align-items:center!important; gap:4px!important; height:58px!important; overflow-x:auto!important; scrollbar-width:none!important;
  max-width:1180px!important; margin-inline:auto!important; padding-inline:24px!important;
}
body.croatia.pdxl #kombination .pd-nav-inner::-webkit-scrollbar{display:none!important}
body.croatia.pdxl #kombination .pd-nav a{
  padding:8px 15px!important; border-radius:999px!important; text-decoration:none!important; white-space:nowrap!important;
  font-size:.813rem!important; font-weight:600!important; color:var(--pdx-ink-3)!important; background:none!important; border:0!important;
  transition:color .2s, background .2s!important;
}
body.croatia.pdxl #kombination .pd-nav a:hover{color:var(--pdx-ink)!important; background:rgba(16,56,39,.06)!important}
body.croatia.pdxl #kombination .pd-nav a[aria-current="location"]{color:var(--pdx-forest-800)!important; background:var(--pdx-forest-100)!important}
body.croatia.pdxl #kombination .pd-nav a.pdxl-nav-cta{margin-left:auto!important; background:var(--pdx-forest-800)!important; color:#fff!important}
body.croatia.pdxl #kombination .pd-nav a.pdxl-nav-cta:hover{background:var(--pdx-forest-700)!important; color:#fff!important}

/* ============================================================
   Abschnitte
   ============================================================ */
body.croatia.pdxl #kombination .pd-section, body.croatia.pdxl #kombination .overview-intro, body.croatia.pdxl #kombination .world-note, body.croatia.pdxl #kombination #laender{
  background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; margin:0!important;
}
body.croatia.pdxl #kombination .overview-intro{
  display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important; gap:40px!important; align-items:end!important;
  padding:84px 0 0!important; scroll-margin-top:76px!important;
}
body.croatia.pdxl #kombination .overview-intro .eyebrow{
  display:block!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase!important;
  color:var(--pdx-ink-3)!important; margin-bottom:12px!important;
}
body.croatia.pdxl #kombination .overview-intro h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:clamp(1.875rem,3.4vw,2.625rem)!important;
  font-weight:600!important; letter-spacing:-.025em!important; line-height:1.1!important; margin:0!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .overview-intro p{color:var(--pdx-ink-2)!important; font-size:1rem!important; line-height:1.65!important; margin:0!important; max-width:52ch!important}

body.croatia.pdxl #kombination .pd-section .pd-heading{display:block!important; margin-bottom:34px!important; max-width:62ch!important; border:0!important; padding:0!important}
body.croatia.pdxl #kombination .pd-section .pd-heading > span{display:none!important}
body.croatia.pdxl #kombination .pd-section .pd-heading h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:clamp(1.75rem,3.2vw,2.375rem)!important;
  font-weight:600!important; letter-spacing:-.025em!important; line-height:1.12!important; margin:0 0 10px!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .pd-section .pd-heading p{color:var(--pdx-ink-2)!important; font-size:1rem!important; margin:0!important}
body.croatia.pdxl #kombination .pd-section{padding:84px 0 0!important; scroll-margin-top:76px!important}

/* ---------- Vergleichs-Hinweis ---------- */
body.croatia.pdxl #kombination .compare-promo{
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; flex-wrap:wrap!important;
  background:var(--pdx-paper)!important; border:1px solid var(--pdx-line)!important; border-radius:var(--pdx-r-l)!important;
  padding:26px 30px!important; margin:34px 0 0!important; box-shadow:var(--pdx-shadow-1)!important;
}
body.croatia.pdxl #kombination .compare-promo h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.25rem!important; font-weight:600!important;
  margin:0 0 6px!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .compare-promo p{font-size:.875rem!important; color:var(--pdx-ink-2)!important; margin:0!important}
body.croatia.pdxl #kombination .compare-promo .button{
  background:var(--pdx-forest-800)!important; color:#fff!important; border:0!important; border-radius:999px!important;
  padding:12px 22px!important; font-size:.875rem!important; font-weight:600!important; text-decoration:none!important;
}
body.croatia.pdxl #kombination .compare-promo .button:hover{background:var(--pdx-forest-700)!important}

/* ============================================================
   Filter und Suche
   ============================================================ */
body.croatia.pdxl #kombination .filterbar{
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; flex-wrap:wrap!important;
  background:none!important; border:0!important; padding:0!important; margin:36px 0 0!important;
}
body.croatia.pdxl #kombination .filter-chips{display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important}
body.croatia.pdxl #kombination .filter-chips button{
  padding:8px 15px!important; border-radius:999px!important; border:1px solid var(--pdx-line)!important; background:var(--pdx-paper)!important;
  font:inherit!important; font-size:.813rem!important; font-weight:600!important; color:var(--pdx-ink-2)!important; cursor:pointer!important;
  transition:all .2s var(--pdx-ease)!important;
}
body.croatia.pdxl #kombination .filter-chips button:hover{border-color:var(--pdx-forest-300)!important; color:var(--pdx-ink)!important}
body.croatia.pdxl #kombination .filter-chips button[aria-pressed="true"]{background:var(--pdx-forest-800)!important; border-color:var(--pdx-forest-800)!important; color:#fff!important}
body.croatia.pdxl #kombination .search-box input{
  width:270px!important; max-width:100%!important; padding:10px 16px!important; border-radius:999px!important; border:1px solid var(--pdx-line)!important;
  background:var(--pdx-paper)!important; font:inherit!important; font-size:.875rem!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .search-box input:focus{outline:2px solid var(--pdx-forest-300)!important; outline-offset:1px!important; border-color:transparent!important}
body.croatia.pdxl #kombination .result-count{
  font-size:.688rem!important; font-weight:700!important; letter-spacing:.11em!important; text-transform:uppercase!important;
  color:var(--pdx-ink-3)!important; margin:22px 0 16px!important;
}
body.croatia.pdxl #kombination .result-count a{color:var(--pdx-forest-700)!important; text-decoration:none!important}
body.croatia.pdxl #kombination #no-results{
  background:var(--pdx-paper)!important; border:1px solid var(--pdx-line)!important; border-radius:var(--pdx-r-m)!important;
  padding:26px!important; font-size:.938rem!important; color:var(--pdx-ink-2)!important;
}

/* ============================================================
   Parkkarten
   ============================================================ */
body.croatia.pdxl #kombination .park-grid{display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; margin:0!important}
body.croatia.pdxl #kombination .park-card{
  display:flex!important; flex-direction:column!important; background:var(--pdx-paper)!important; border:1px solid var(--pdx-line)!important;
  border-radius:var(--pdx-r-l)!important; overflow:hidden!important; box-shadow:var(--pdx-shadow-1)!important; padding:0!important;
  transition:transform .35s var(--pdx-ease), box-shadow .35s var(--pdx-ease), border-color .25s!important;
}
body.croatia.pdxl #kombination .park-card:hover{transform:translateY(-5px)!important; box-shadow:var(--pdx-shadow-2)!important; border-color:var(--pdx-forest-300)!important}
body.croatia.pdxl #kombination .card-photo{position:relative!important; display:block!important; margin:0!important; aspect-ratio:16/10!important; overflow:hidden!important}
body.croatia.pdxl #kombination .card-photo img{width:100%!important; height:100%!important; object-fit:cover!important; border-radius:0!important; transition:transform .7s var(--pdx-ease)!important}
body.croatia.pdxl #kombination .park-card:hover .card-photo img{transform:scale(1.06)!important}
body.croatia.pdxl #kombination .card-photo::after{
  content:''!important; position:absolute!important; inset:0!important;
  background:linear-gradient(to top,rgba(6,25,17,.9) 6%,rgba(6,25,17,.25) 52%,rgba(6,25,17,0) 100%)!important;
}
body.croatia.pdxl #kombination .card-caption{position:absolute!important; inset:auto 0 0 0!important; z-index:2!important; padding:20px 22px!important; background:none!important}
body.croatia.pdxl #kombination .card-caption span{
  display:block!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important;
  color:rgba(255,255,255,.66)!important; margin-bottom:6px!important;
}
body.croatia.pdxl #kombination .card-caption h3{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.375rem!important; font-weight:600!important;
  letter-spacing:-.02em!important; color:#fff!important; margin:0!important;
}
body.croatia.pdxl #kombination .card-body{display:flex!important; flex-direction:column!important; flex:1!important; gap:12px!important; padding:20px 22px 22px!important; background:none!important; border:0!important}
body.croatia.pdxl #kombination .card-tag{
  display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:wrap!important; font-size:.688rem!important; font-weight:700!important;
  letter-spacing:.09em!important; text-transform:uppercase!important; color:var(--pdx-forest-700)!important; margin:0!important;
}
body.croatia.pdxl #kombination .card-tag .distance{color:var(--pdx-ink-3)!important}
body.croatia.pdxl #kombination .card-body > p{font-size:.875rem!important; color:var(--pdx-ink-2)!important; line-height:1.6!important; margin:0!important; flex:1!important}
body.croatia.pdxl #kombination .card-body .fineprint{font-size:.688rem!important; color:var(--pdx-ink-3)!important; line-height:1.5!important; margin:0!important}
body.croatia.pdxl #kombination .card-actions{
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; flex-wrap:wrap!important;
  padding-top:14px!important; margin-top:auto!important; border-top:1px solid var(--pdx-line-soft)!important;
}
body.croatia.pdxl #kombination .card-actions > a:not(.button){
  font-size:.813rem!important; font-weight:600!important; color:var(--pdx-forest-700)!important; text-decoration:none!important;
}
body.croatia.pdxl #kombination .card-actions > a:not(.button):hover{text-decoration:underline!important}
body.croatia.pdxl #kombination .card-actions .button{
  background:var(--pdx-forest-800)!important; color:#fff!important; border:0!important; border-radius:999px!important;
  padding:9px 17px!important; font-size:.813rem!important; font-weight:600!important; text-decoration:none!important;
}
body.croatia.pdxl #kombination .card-actions .button:hover{background:var(--pdx-forest-700)!important}
body.croatia.pdxl #kombination .card-actions .button.outline, body.croatia.pdxl #kombination .card-actions [data-save-park]{
  background:var(--pdx-paper-warm)!important; color:var(--pdx-forest-800)!important; border:1px solid var(--pdx-line)!important;
  border-radius:999px!important; padding:9px 15px!important; font-size:.813rem!important; font-weight:600!important; cursor:pointer!important;
}
body.croatia.pdxl #kombination .card-actions [data-save-park]:hover{border-color:var(--pdx-forest-300)!important; background:var(--pdx-forest-50)!important}
body.croatia.pdxl #kombination .card-actions [data-save-park][aria-pressed="true"]{background:var(--pdx-forest-800)!important; border-color:var(--pdx-forest-800)!important; color:#fff!important}

/* ============================================================
   Länderkarten der Startseite
   ============================================================ */
body.croatia.pdxl #kombination #laender{display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; padding:84px 0 0!important}
body.croatia.pdxl #kombination .country-entry{
  display:flex!important; flex-direction:column!important; background:var(--pdx-paper)!important; border:1px solid var(--pdx-line)!important;
  border-radius:var(--pdx-r-xl)!important; overflow:hidden!important; box-shadow:var(--pdx-shadow-1)!important; padding:0!important; gap:0!important;
  transition:transform .35s var(--pdx-ease), box-shadow .35s var(--pdx-ease)!important;
}
body.croatia.pdxl #kombination .country-entry:hover{transform:translateY(-5px)!important; box-shadow:var(--pdx-shadow-2)!important}
body.croatia.pdxl #kombination .country-entry figure{position:relative!important; margin:0!important; aspect-ratio:16/9!important; overflow:hidden!important}
body.croatia.pdxl #kombination .country-entry img{width:100%!important; height:100%!important; object-fit:cover!important; border-radius:0!important; transition:transform .7s var(--pdx-ease)!important}
body.croatia.pdxl #kombination .country-entry:hover img{transform:scale(1.05)!important}
body.croatia.pdxl #kombination .country-entry figcaption{
  position:absolute!important; right:14px!important; bottom:10px!important; margin:0!important; padding:0!important; text-align:right!important;
  font-size:.625rem!important; color:rgba(255,255,255,.7)!important; line-height:1.5!important; text-shadow:0 1px 3px rgba(6,25,17,.7)!important;
}
body.croatia.pdxl #kombination .country-entry figcaption a{color:inherit!important}
body.croatia.pdxl #kombination .country-entry > div{display:flex!important; flex-direction:column!important; gap:12px!important; padding:28px 30px 30px!important}
body.croatia.pdxl #kombination .country-entry .eyebrow{
  display:block!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important;
  color:var(--pdx-ink-3)!important; margin:0!important;
}
body.croatia.pdxl #kombination .country-entry h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.75rem!important; font-weight:600!important;
  letter-spacing:-.025em!important; line-height:1.14!important; margin:0!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .country-entry p{font-size:.938rem!important; color:var(--pdx-ink-2)!important; line-height:1.65!important; margin:0!important}
body.croatia.pdxl #kombination .country-entry .button{
  align-self:flex-start!important; margin-top:6px!important; display:inline-flex!important; align-items:center!important; gap:9px!important;
  background:var(--pdx-forest-800)!important; color:#fff!important; border:0!important; border-radius:999px!important;
  padding:12px 22px!important; font-size:.875rem!important; font-weight:600!important; text-decoration:none!important; transition:background .2s!important;
}
body.croatia.pdxl #kombination .country-entry .button:hover{background:var(--pdx-forest-700)!important}

/* ============================================================
   Karte
   ============================================================ */
body.croatia.pdxl #kombination .map-module{
  display:grid!important; grid-template-columns:340px minmax(0,1fr)!important; gap:0!important; background:var(--pdx-paper)!important;
  border:1px solid var(--pdx-line)!important; border-radius:var(--pdx-r-l)!important; overflow:hidden!important; box-shadow:var(--pdx-shadow-1)!important; margin:0!important;
}
body.croatia.pdxl #kombination .map-sidebar{border-right:1px solid var(--pdx-line)!important; padding:26px!important; background:none!important}
body.croatia.pdxl #kombination .map-sidebar .eyebrow{
  display:block!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--pdx-ink-3)!important;
}
body.croatia.pdxl #kombination .map-sidebar h3{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.25rem!important; font-weight:600!important;
  margin:10px 0 8px!important; color:var(--pdx-ink)!important;
}
body.croatia.pdxl #kombination .map-sidebar .muted{font-size:.813rem!important; color:var(--pdx-ink-3)!important; line-height:1.55!important; margin:0!important}
body.croatia.pdxl #kombination .map-list{display:flex!important; flex-direction:column!important; gap:8px!important; margin-top:18px!important; max-height:360px!important; overflow-y:auto!important}
body.croatia.pdxl #kombination .map-list button{
  text-align:left!important; background:var(--pdx-paper-warm)!important; border:1px solid var(--pdx-line-soft)!important;
  border-radius:10px!important; padding:12px 14px!important; font:inherit!important; font-size:.875rem!important; font-weight:600!important;
  color:var(--pdx-ink)!important; cursor:pointer!important; transition:border-color .2s, background .2s!important;
}
body.croatia.pdxl #kombination .map-list button small{display:block!important; font-size:.75rem!important; font-weight:500!important; color:var(--pdx-ink-3)!important; margin-top:3px!important}
body.croatia.pdxl #kombination .map-list button:hover{border-color:var(--pdx-forest-300)!important}
body.croatia.pdxl #kombination .map-list button[aria-pressed="true"]{background:var(--pdx-forest-50)!important; border-color:var(--pdx-forest-700)!important}
body.croatia.pdxl #kombination #park-map{height:560px!important; min-height:560px!important; border-radius:0!important; border:0!important}
body.croatia.pdxl #kombination #map-selection{margin-top:18px!important; font-size:.813rem!important; line-height:1.6!important; color:var(--pdx-ink-2)!important}
body.croatia.pdxl #kombination .map-note{font-size:.75rem!important; color:var(--pdx-ink-3)!important; line-height:1.6!important; margin:16px 0 0!important}

/* ============================================================
   Reise-Teaser
   ============================================================ */
body.croatia.pdxl #kombination .trip-teaser{
  display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:0!important; align-items:stretch!important;
  background:var(--pdx-forest-950)!important; border:0!important; border-radius:var(--pdx-r-xl)!important; overflow:hidden!important;
  margin:84px 0 0!important; padding:0!important; color:#fff!important;
}
body.croatia.pdxl #kombination .trip-teaser > div{display:flex!important; flex-direction:column!important; justify-content:center!important; gap:14px!important; padding:48px 52px!important}
body.croatia.pdxl #kombination .trip-teaser .eyebrow{
  display:block!important; font-size:.688rem!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase!important;
  color:rgba(255,255,255,.5)!important; margin:0!important;
}
body.croatia.pdxl #kombination .trip-teaser h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:clamp(1.75rem,3vw,2.25rem)!important;
  font-weight:600!important; letter-spacing:-.025em!important; line-height:1.12!important; color:#fff!important; margin:0!important;
}
body.croatia.pdxl #kombination .trip-teaser p{color:rgba(255,255,255,.72)!important; font-size:.938rem!important; line-height:1.65!important; margin:0!important; max-width:46ch!important}
body.croatia.pdxl #kombination .trip-teaser .button{
  align-self:flex-start!important; margin-top:8px!important; background:#fff!important; color:var(--pdx-forest-900)!important; border:0!important;
  border-radius:999px!important; padding:12px 22px!important; font-size:.875rem!important; font-weight:600!important; cursor:pointer!important;
}
body.croatia.pdxl #kombination .trip-teaser .button:hover{background:#eceae2!important}
body.croatia.pdxl #kombination .trip-teaser img{width:100%!important; height:100%!important; min-height:300px!important; object-fit:cover!important; border-radius:0!important; margin:0!important}

/* ============================================================
   Dunkler Abschluss
   ============================================================ */
body.croatia.pdxl #kombination .pdxl-dark{
  background:var(--pdx-forest-950)!important; color:#fff!important; margin:88px 0 0!important;
  width:100vw!important; position:relative!important; left:50%!important; right:50%!important; margin-left:-50vw!important; margin-right:-50vw!important;
  padding-left:max(24px,calc(50vw - 566px))!important; padding-right:max(24px,calc(50vw - 566px))!important;
  padding-top:74px!important; padding-bottom:64px!important; border:0!important; border-radius:0!important;
}
body.croatia.pdxl #kombination .pdxl-dark h2{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:clamp(1.75rem,3.2vw,2.375rem)!important;
  font-weight:600!important; letter-spacing:-.025em!important; line-height:1.12!important; color:#fff!important; margin:0 0 14px!important; max-width:20ch!important;
}
body.croatia.pdxl #kombination .pdxl-dark > p{color:rgba(255,255,255,.66)!important; font-size:1rem!important; line-height:1.7!important; margin:0 0 14px!important; max-width:70ch!important}
body.croatia.pdxl #kombination .pdxl-dark .pd-heading h2{color:#fff!important}
body.croatia.pdxl #kombination .pdxl-dark .pd-heading p{color:rgba(255,255,255,.62)!important}
body.croatia.pdxl #kombination .pdxl-dark .eyebrow{color:rgba(255,255,255,.45)!important}
body.croatia.pdxl #kombination .pdxl-dark a{color:#fff!important; font-weight:600!important}
body.croatia.pdxl #kombination .pdxl-dark .info-grid{
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:28px!important; margin:34px 0 0!important;
}
body.croatia.pdxl #kombination .pdxl-dark .info-grid article{
  background:none!important; border:0!important; border-top:1px solid rgba(255,255,255,.14)!important; border-radius:0!important;
  padding:20px 0 0!important; box-shadow:none!important;
}
body.croatia.pdxl #kombination .pdxl-dark .info-grid h3{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.125rem!important; font-weight:600!important;
  color:#fff!important; margin:0 0 10px!important;
}
body.croatia.pdxl #kombination .pdxl-dark .info-grid p{color:rgba(255,255,255,.66)!important; font-size:.875rem!important; line-height:1.65!important; margin:0 0 12px!important}
body.croatia.pdxl #kombination .pdxl-dark details{margin-top:26px!important; border-top:1px solid rgba(255,255,255,.12)!important; padding-top:18px!important}
body.croatia.pdxl #kombination .pdxl-dark summary{cursor:pointer!important; font-size:.813rem!important; font-weight:600!important; color:rgba(255,255,255,.72)!important}
body.croatia.pdxl #kombination .pdxl-dark details p{color:rgba(255,255,255,.55)!important; font-size:.75rem!important; line-height:1.65!important; margin:12px 0 0!important}

/* ============================================================
   Fußzeile
   ============================================================ */
body.croatia.pdxl #kombination .atlas-footer{
  margin-top:0!important; padding:44px 0 56px!important; border-top:1px solid var(--pdx-line)!important; background:none!important;
}
body.croatia.pdxl #kombination .atlas-footer .brand{
  font-family:var(--font-serif,'Fraunces',Georgia,serif)!important; font-size:1.125rem!important; font-weight:600!important;
  color:var(--pdx-ink)!important; text-decoration:none!important;
}
body.croatia.pdxl #kombination .atlas-footer p{font-size:.813rem!important; color:var(--pdx-ink-3)!important; line-height:1.65!important; margin:10px 0 0!important}
body.croatia.pdxl #kombination .legal-nav{display:flex!important; gap:20px!important; flex-wrap:wrap!important; margin-top:22px!important}
body.croatia.pdxl #kombination .legal-nav a{font-size:.75rem!important; color:var(--pdx-ink-3)!important; text-decoration:none!important}
body.croatia.pdxl #kombination .legal-nav a:hover{color:var(--pdx-ink)!important; text-decoration:underline!important}

/* ============================================================
   Responsiv
   ============================================================ */
@media (max-width:1080px){
  body.croatia.pdxl #kombination .pdxl-factbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.croatia.pdxl #kombination .pdxl-fact:nth-of-type(2){border-right:0!important}
  body.croatia.pdxl #kombination .pdxl-fact:nth-of-type(1), body.croatia.pdxl #kombination .pdxl-fact:nth-of-type(2){border-bottom:1px solid var(--pdx-line-soft)!important}
  body.croatia.pdxl #kombination .pdxl-verified{grid-column:1/-1!important; border-left:0!important; border-top:1px solid var(--pdx-line-soft)!important}
  body.croatia.pdxl #kombination .overview-intro{grid-template-columns:1fr!important; gap:18px!important; align-items:start!important}
  body.croatia.pdxl #kombination .park-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.croatia.pdxl #kombination #laender{grid-template-columns:1fr!important}
  body.croatia.pdxl #kombination .map-module{grid-template-columns:1fr!important}
  body.croatia.pdxl #kombination .map-sidebar{border-right:0!important; border-bottom:1px solid var(--pdx-line)!important}
  body.croatia.pdxl #kombination .trip-teaser{grid-template-columns:1fr!important}
  body.croatia.pdxl #kombination .trip-teaser img{min-height:240px!important}
  body.croatia.pdxl #kombination .pdxl-dark .info-grid{grid-template-columns:1fr!important}
}
@media (max-width:860px){
  body.croatia.pdxl #kombination .hero-copy{padding:112px 24px 136px!important}
  body.croatia.pdxl #kombination .hero-place{display:none!important}
  body.croatia.pdxl #kombination .hero-link{margin-left:0!important; margin-top:10px!important}
  body.croatia.pdxl #kombination .overview-intro, body.croatia.pdxl #kombination .pd-section, body.croatia.pdxl #kombination #laender{padding-top:58px!important}
  body.croatia.pdxl #kombination .trip-teaser{margin-top:58px!important}
  body.croatia.pdxl #kombination .trip-teaser > div{padding:34px 28px!important}
  body.croatia.pdxl #kombination .pdxl-dark{margin-top:64px!important; padding-top:56px!important; padding-bottom:48px!important}
  body.croatia.pdxl #kombination #park-map{height:420px!important; min-height:420px!important}
}
@media (max-width:620px){
  body.croatia.pdxl #kombination .pdxl-factbar{grid-template-columns:1fr!important}
  body.croatia.pdxl #kombination .pdxl-fact{border-right:0!important; border-bottom:1px solid var(--pdx-line-soft)!important}
  body.croatia.pdxl #kombination .park-grid{grid-template-columns:1fr!important}
  body.croatia.pdxl #kombination .search-box input{width:100%!important}
  body.croatia.pdxl #kombination .filterbar{gap:14px!important}
}

/* Kanada zeigt vier Profile; zwei Spalten wirken ruhiger als drei plus Waise. */
body.croatia.pdxl #kombination #parks[data-country="kanada"] .park-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:860px){
  body.croatia.pdxl #kombination #parks[data-country="kanada"] .park-grid{grid-template-columns:1fr!important}
}

/* Suchfeld füllt auf schmalen Schirmen die Zeile */
body.croatia.pdxl #kombination .search-box{display:block!important; min-width:0!important}
@media (max-width:620px){
  body.croatia.pdxl #kombination .search-box{width:100%!important}
  body.croatia.pdxl #kombination .search-box input{width:100%!important}
}