/* ===== FIXED HEADER + scroll state (match design homepage.js) ===== */
body.home header.elementor-location-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:100;background:transparent!important;transition:background .35s ease,box-shadow .35s ease,padding .35s ease}
body.home.zsk-scrolled header.elementor-location-header{background:rgba(251,247,239,.92)!important;backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(36,31,26,.12)}
body.home.zsk-scrolled header.elementor-location-header > .elementor-section{padding-top:13px!important;padding-bottom:13px!important}
/* scrolled: dark text/icons on cream bar */
body.home.zsk-scrolled header .elementor-heading-title{color:#241F1A!important}
body.home.zsk-scrolled header .elementor-widget-text-editor p{color:#5C5347!important}
body.home.zsk-scrolled header nav.elementor-nav-menu--main a.elementor-item{color:#5C5347!important}
body.home.zsk-scrolled header nav.elementor-nav-menu--main a.elementor-item:hover{color:#241F1A!important}
body.home.zsk-scrolled header .elementor-menu-toggle{color:#241F1A!important}

/* zellamseekaprun.at — design fidelity tweaks vs Showcase.html */
/* ---- HERO h1 italic accent ---- */
.hero-h1 .elementor-heading-title em{font-style:italic;color:#F2DC93;font-weight:600}
/* ---- HERO scroll hint & photo credit (absolutely positioned within the hero section) ---- */
.elementor-element-b4b8ebf{position:relative}
.hero-scroll-hint{position:absolute!important;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;width:auto!important;max-width:none!important}
.hero-scroll-hint .elementor-heading-title{color:rgba(255,255,255,.8)!important;font-size:11px!important;letter-spacing:3.4px;text-transform:uppercase}
.hero-photo-credit{position:absolute!important;right:18px;bottom:14px;z-index:3;width:auto!important;max-width:none!important}
.hero-photo-credit p{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:11px!important;background:rgba(7,30,38,.32);padding:3px 9px;border-radius:999px;backdrop-filter:blur(3px)}
/* ---- POSTS section header: float 'Alle Artikel' to right ---- */
.posts-head-more{float:right!important;margin-top:-110px!important}
@media(max-width:760px){.posts-head-more{float:none!important;margin-top:0!important}}
/* ---- POST CARDS: make each card column position:relative so cat-pill anchors to it ---- */
.elementor-element-486d030,.elementor-element-3d5fc30,.elementor-element-47bd72b{position:relative}
.zsk-cat-pill{position:absolute!important;top:14px;left:14px;z-index:3;width:auto!important;max-width:none!important;background:rgba(251,247,239,.94);padding:7px 13px;border-radius:999px}
.zsk-cat-pill .elementor-heading-title{color:#0A3A44!important;font-size:11px!important;letter-spacing:1.4px!important;text-transform:uppercase;margin:0!important;line-height:1}
/* ---- POST CARDS: uniform 4:3 image crop (design .card .media{aspect-ratio:4/3}) ---- */
.zsk-card-media img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}
.zsk-card-media .elementor-widget-container,.zsk-card-media a{display:block;line-height:0}
/* ---- REGION STATS: vertical dividers between the 4 columns ---- */
.elementor-element-8cbd9c6 > .elementor-container > .elementor-column + .elementor-column{position:relative}
.elementor-element-8cbd9c6 > .elementor-container > .elementor-column + .elementor-column::before{content:'';position:absolute;left:0;top:14%;height:72%;width:1px;background:rgba(255,255,255,.16);pointer-events:none}
@media(max-width:1024px){.elementor-element-8cbd9c6 > .elementor-container > .elementor-column + .elementor-column::before{display:none}}
/* ---- HEADER brand row: logo + heading + subtitle in a horizontal flex row ---- */
.elementor-element-8935f2a > .elementor-widget-wrap{display:flex!important;align-items:center;gap:12px;flex-wrap:nowrap}
.elementor-element-8935f2a > .elementor-widget-wrap > .elementor-element{width:auto!important;max-width:none}
.elementor-element-8935f2a > .elementor-widget-wrap > .elementor-widget-image{flex:none;width:auto!important}
.elementor-element-8935f2a > .elementor-widget-wrap > .elementor-widget-image img{width:34px;height:34px;display:block}
.elementor-element-8935f2a > .elementor-widget-wrap > .elementor-widget-heading{margin-bottom:0!important}
.elementor-element-8935f2a > .elementor-widget-wrap .elementor-widget-text-editor{margin-top:0!important}
/* ---- FOOTER brand: stack vertically with logo on top ---- */
.elementor-element-bc762de .elementor-widget-image img{width:34px;height:34px;margin-bottom:12px;display:block}
/* ===== FIDELITY POLISH v2 (match Claude design) ===== */
/* Season cards 500px tall, content bottom-aligned */
.elementor-element-5b4d263 > .elementor-element-populated,.elementor-element-d818433 > .elementor-element-populated{min-height:500px!important;justify-content:flex-end!important}
@media(max-width:767px){.elementor-element-5b4d263 > .elementor-element-populated,.elementor-element-d818433 > .elementor-element-populated{min-height:400px!important}}
/* Season title heading ~37px (design 2.3rem) */
.elementor-element-5b4d263 h3.elementor-heading-title,.elementor-element-d818433 h3.elementor-heading-title{font-size:37px!important;line-height:1.04!important}
/* Region stat numbers 40px (design 2.5rem) */
#region .elementor-icon-box-title{font-size:40px!important;line-height:1!important}
/* Region radial glow top-right */
#region{position:relative;overflow:hidden}
#region::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,rgba(60,128,144,.35),transparent 60%);opacity:.5;pointer-events:none;z-index:0}
#region > .elementor-container{position:relative;z-index:1}
/* Newsletter gold glow top-right inside teal card */
.elementor-element-3df14e1 > .elementor-element-populated{position:relative;overflow:hidden}
.elementor-element-3df14e1 > .elementor-element-populated::before{content:'';position:absolute;right:-60px;top:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.4),transparent 65%);pointer-events:none;z-index:0}
.elementor-element-3df14e1 > .elementor-element-populated > *{position:relative;z-index:1}
/* Hero ghost button -> text + 38px circle arrow */
.elementor-element-ef583d8 .elementor-button{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important}
.elementor-element-ef583d8 .elementor-button:hover{transform:none!important}
.elementor-element-ef583d8 .elementor-button-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:.25s;margin-inline-start:8px}
.elementor-element-ef583d8 .elementor-button:hover .elementor-button-icon{background:#fff;border-color:#fff}
.elementor-element-ef583d8 .elementor-button:hover .elementor-button-icon svg{fill:#0A3A44}
/* Hero scroll-hint vertical line */
.hero-scroll-hint{display:flex!important;flex-direction:column;align-items:center;gap:8px}
.hero-scroll-hint::after{content:'';width:1px;height:42px;background:linear-gradient(rgba(255,255,255,.7),transparent)}
/* Section rhythm: block sections 118px (design clamp max) */
.elementor-element-00c3104,.elementor-element-896a7c6,#region{padding-top:118px!important;padding-bottom:118px!important}
@media(max-width:767px){.elementor-element-00c3104,.elementor-element-896a7c6,#region{padding-top:64px!important;padding-bottom:64px!important}}
/* ---- HEADER nav link spacing (design nav.links{gap:30px}) ---- */
header nav.elementor-nav-menu--main ul.elementor-nav-menu{gap:30px}
@media(max-width:1024px){header nav.elementor-nav-menu--main ul.elementor-nav-menu{gap:20px}}

/* ===== v3: INNER-PAGE HEADER + LOGO SWAP + DE/EN TOGGLE (Claude) ===== */
/* Home top: legibility gradient like design header::before */
body.home:not(.zsk-scrolled) header.elementor-location-header::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,48,.55),rgba(8,40,48,0));pointer-events:none;z-index:0}
body.home:not(.zsk-scrolled) header.elementor-location-header > .elementor-section{position:relative;z-index:1}
/* Inner pages: solid cream header, dark text (design scrolled state) */
body:not(.home) header.elementor-location-header{background:rgba(251,247,239,.97)!important;box-shadow:0 1px 0 rgba(36,31,26,.12)}
body:not(.home) header .elementor-heading-title{color:#241F1A!important}
body:not(.home) header .elementor-widget-text-editor p{color:#5C5347!important}
body:not(.home) header nav.elementor-nav-menu--main a.elementor-item{color:#5C5347!important}
body:not(.home) header nav.elementor-nav-menu--main a.elementor-item:hover{color:#241F1A!important}
body:not(.home) header .elementor-menu-toggle{color:#241F1A!important}
/* Logo swap: white over hero, dark on cream (scrolled home + inner pages) */
.zsk-logo-dark{display:none!important}
body.home.zsk-scrolled .zsk-logo-white,body:not(.home) .zsk-logo-white{display:none!important}
body.home.zsk-scrolled .zsk-logo-dark,body:not(.home) .zsk-logo-dark{display:block!important}
/* DE/EN toggle (design .lang) */
.elementor-element-d6147dc > .elementor-widget-wrap{justify-content:flex-end;align-items:center}
.zsk-lang{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.04em;line-height:1}
.zsk-lang a{padding:6px 12px;color:#fff;text-decoration:none;transition:background .2s,color .2s}
.zsk-lang a.active{background:#C9A84C;color:#1a1407}
body.home.zsk-scrolled .zsk-lang,body:not(.home) .zsk-lang{border-color:rgba(36,31,26,.16)}
body.home.zsk-scrolled .zsk-lang a,body:not(.home) .zsk-lang a{color:#241F1A}
body.home.zsk-scrolled .zsk-lang a.active,body:not(.home) .zsk-lang a.active{background:#C9A84C;color:#1a1407}
/* Hide TranslatePress floating switcher — we use the header DE/EN toggle */
.trp-floating-switcher{display:none!important}

/* ===== v4: Season card links — gold underline (design .season .go) ===== */
.elementor-element-66b05b6 .elementor-button,.elementor-element-10fee88 .elementor-button{display:inline-flex;align-items:center;gap:10px;background:transparent!important;border:0!important;border-bottom:2px solid #C9A84C!important;border-radius:0!important;padding:0 0 4px 0!important;color:#fff!important;font-weight:600;box-shadow:none!important;width:auto!important}
.elementor-element-66b05b6 .elementor-button:hover,.elementor-element-10fee88 .elementor-button:hover{transform:none!important;gap:13px}
.elementor-element-66b05b6 .elementor-button .elementor-button-icon,.elementor-element-10fee88 .elementor-button .elementor-button-icon{transition:transform .25s}
.elementor-element-66b05b6 .elementor-button:hover .elementor-button-icon,.elementor-element-10fee88 .elementor-button:hover .elementor-button-icon{transform:translateX(3px)}

/* ===== v5: Season card gap — more space between the two cards ===== */
@media(min-width:768px){
.elementor-element-5b4d263 > .elementor-element-populated{margin-right:24px}
.elementor-element-d818433 > .elementor-element-populated{margin-left:24px}
}


/* ===== v6: LOGO LOCKUP — Playfair serif wordmark + stacked subtitle (writing cream/white in all states) ===== */
/* brand row -> grid: icon spans both rows; wordmark over subtitle, balanced gap */
.elementor-element-8935f2a > .elementor-widget-wrap{
  display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  align-items:center;column-gap:15px;row-gap:5px;flex-wrap:nowrap;
}
.elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-white,
.elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-dark{grid-row:1 / 3;grid-column:1;align-self:center}
.elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-white img,
.elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-dark img{width:46px!important;height:46px!important}
.elementor-element-f841b4a{grid-row:1;grid-column:2;align-self:end;margin:0!important}
.elementor-element-f6585ad{grid-row:2;grid-column:2;align-self:start;margin:0!important}

/* wordmark: Playfair Display serif, tight leading so the lockup centres evenly */
.elementor-element-f841b4a .elementor-heading-title{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;
  font-weight:600!important;font-size:27px!important;line-height:1!important;
  letter-spacing:.2px!important;white-space:nowrap;color:#ECE4D6!important;
}
/* subtitle: uppercase, wide-tracked, muted cream */
.elementor-element-f6585ad,
.elementor-element-f6585ad p{
  font-family:'Hanken Grotesk',system-ui,sans-serif!important;
  font-size:11px!important;font-weight:600!important;letter-spacing:3.2px!important;
  text-transform:uppercase!important;margin:0!important;line-height:1!important;white-space:nowrap;
  color:rgba(236,228,214,.74)!important;
}

/* WRITING CREAM/WHITE IN ALL STATES — override the scrolled/inner dark-text rules */
body.home.zsk-scrolled .elementor-element-f841b4a .elementor-heading-title,
body:not(.home) .elementor-element-f841b4a .elementor-heading-title{color:#ECE4D6!important}
body.home.zsk-scrolled .elementor-element-f6585ad,
body.home.zsk-scrolled .elementor-element-f6585ad p,
body:not(.home) .elementor-element-f6585ad,
body:not(.home) .elementor-element-f6585ad p{color:rgba(236,228,214,.74)!important}
/* keep the WHITE logo mark in all states (match the white writing) */
.zsk-logo-dark{display:none!important}
.zsk-logo-white,
body.home.zsk-scrolled .zsk-logo-white,
body:not(.home) .zsk-logo-white{display:block!important}
body.home.zsk-scrolled .zsk-logo-dark,
body:not(.home) .zsk-logo-dark{display:none!important}

/* small screens: shrink wordmark + icon, allow wrap */
@media(max-width:600px){
  .elementor-element-f841b4a .elementor-heading-title{font-size:20px!important;white-space:normal}
  .elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-white img,
  .elementor-element-8935f2a > .elementor-widget-wrap > .zsk-logo-dark img{width:38px!important;height:38px!important}
  .elementor-element-f6585ad,.elementor-element-f6585ad p{letter-spacing:2.4px!important}
}