/* ==========================================================================
   WIENINSIDE – globales CSS
   Einbinden: Elementor → Website-Einstellungen → Benutzerdefiniertes CSS
   (zusätzlich als Datei unter /wp-content/uploads/wieninside/wieninside.css
   ablegen, damit der Block-Editor dieselben Stile zeigt).
   Ergänzt nur, was Elementor-Einstellungen nicht abdecken.
   ========================================================================== */

/* --- Schrift: lokal, variabel, je Latin + Latin-Extended (z. B. „ı“, „ć“) -- */
@font-face{font-family:"Plus Jakarta Sans";src:url("/wp-content/uploads/fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap;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:"Plus Jakarta Sans";src:url("/wp-content/uploads/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap;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}
@font-face{font-family:"Plus Jakarta Sans";src:url("/wp-content/uploads/fonts/plus-jakarta-sans-latin-wght-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap;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:"Plus Jakarta Sans";src:url("/wp-content/uploads/fonts/plus-jakarta-sans-latin-ext-wght-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap;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}

/* --- Tokens (Spiegel der Elementor-Variablen) -------------------------- */
:root{
  --wi-navy:#0F1B2D; --wi-navy-2:#1B2A42; --wi-red:#D42A33; --wi-red-dark:#B4212A; --wi-red-soft:#FCE9EA; --wi-red-on-dark:#FF8A8E;
  --wi-bg:#F2F4F6; --wi-surface:#FFFFFF; --wi-text:#2A3443; --wi-text-2:#3A4555; --wi-muted:#5A6474; --wi-subtle:#8A93A0; --wi-muted-on-dark:#AEB7C4;
  --wi-border:#E2E6EB; --wi-divider:#EEF1F4; --wi-sponsor-bg:#FFF1C7; --wi-sponsor-text:#6E5200; --wi-sponsor-box:#FFFBEF; --wi-mark:#FFE08A;
  --wi-shadow-hover:0 10px 30px rgba(15,27,45,.08);
  --wi-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.elementor-heading-title{text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--wi-red);outline-offset:2px}

/* --- Karten: Hover, Zoom, Titel ----------------------------------------- */
.wi-card{transition:box-shadow .25s ease}
.wi-card:hover{box-shadow:var(--wi-shadow-hover)}
.wi-hover-title:hover :is(h2,h3,.elementor-heading-title,.e-heading-base) a,
.wi-hover-title:hover :is(h2,h3,.elementor-heading-title,.e-heading-base){color:var(--wi-red)}
.wi-zoom img{transition:transform .5s ease}
.wi-zoom:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.wi-zoom img,.wi-card{transition:none}.wi-zoom:hover img{transform:none}}

/* --- Bilder / Ratios ---------------------------------------------------- */
.wi-img,.wi-img img{border-radius:14px;overflow:hidden}
.wi-img img{width:100%;height:100%;object-fit:cover;display:block}
.wi-img--16x9 img{aspect-ratio:16/9}.wi-img--4x3 img{aspect-ratio:4/3}.wi-img--3x2 img{aspect-ratio:3/2}
.wi-img--1x1 img{aspect-ratio:1/1}.wi-img--16x10 img{aspect-ratio:16/10}
/* Ratio-Modifier am Loop-Grid-Widget */
.wi-grid--16x9 .wi-img img{aspect-ratio:16/9}.wi-grid--3x2 .wi-img img{aspect-ratio:3/2}.wi-grid--1x1 .wi-img img{aspect-ratio:1/1}

/* --- L2/L3 Varianten über Grid-Klasse ----------------------------------- */
/* Auszug nur in L2 standardmäßig aus (L1 = .wi-card--lead, L3 = .wi-row zeigen ihn) */
.wi-card:not(.wi-row):not(.wi-card--lead) .wi-teaser{display:none}
.wi-grid--teaser .wi-card:not(.wi-row):not(.wi-card--lead) .wi-teaser{display:-webkit-box}
.wi-row .wi-teaser{-webkit-line-clamp:2}
.wi-card .wi-readtime{display:none}
.wi-grid--readtime .wi-card .wi-readtime{display:block}
.wi-grid--readtime .wi-card .wi-date{display:none}
.wi-teaser{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Feature (L3 vergrößert) */
.wi-grid--feature .wi-card{padding:14px;gap:24px}
.wi-grid--feature .wi-card > :first-child{flex:1 1 50% !important;width:auto !important;max-width:50%}
.wi-grid--feature .wi-img img{aspect-ratio:4/3;border-radius:16px}
.wi-grid--feature :is(h3,.elementor-heading-title){font-size:32px;line-height:1.14;letter-spacing:-.035em}
.wi-grid--feature .wi-teaser{display:block !important;-webkit-line-clamp:4}
@media (max-width:1024px){.wi-grid--feature :is(h3,.elementor-heading-title){font-size:28px}}
@media (max-width:767px){
  .wi-grid--feature .wi-card{flex-direction:column !important;align-items:stretch !important;gap:8px}
  .wi-grid--feature .wi-card > :first-child{max-width:100%}
  .wi-grid--feature :is(h3,.elementor-heading-title){font-size:24px}
}
/* L3 mobil: Teaser weg */
@media (max-width:767px){.wi-row .wi-teaser{display:none}}

/* --- Pills / Kicker ----------------------------------------------------- */
.wi-pill{display:inline-flex;align-items:center;font:700 12px/1.2 var(--wi-font);color:var(--wi-red-dark);background:var(--wi-red-soft);border-radius:999px;padding:4px 10px;white-space:nowrap}
.wi-pill--sponsor{color:var(--wi-sponsor-text);background:var(--wi-sponsor-bg)}
.wi-kicker{font:700 12px/1.2 var(--wi-font);color:var(--wi-red)}
.wi-kicker--sponsor{color:var(--wi-sponsor-text)}
.wi-card--dark .wi-kicker{color:var(--wi-muted-on-dark)}
.wi-guide-meta{font:700 12px/1.3 var(--wi-font);color:var(--wi-red)}
.wi-card--dark .wi-guide-meta,.wi-guide-dark .wi-guide-meta{color:var(--wi-muted-on-dark)}
.wi-bignum{font:800 64px/.9 var(--wi-font);letter-spacing:-.05em;color:#FF5A5F}

/* --- Chips / Pill-Navigation ------------------------------------------- */
.wi-chip{display:inline-flex;align-items:center;gap:6px;flex:none;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--wi-border);background:#fff;color:var(--wi-navy);font:600 14px/1 var(--wi-font);white-space:nowrap;text-decoration:none;transition:border-color .15s,background .15s}
.wi-chip:hover{border-color:var(--wi-navy);color:var(--wi-navy)}
.wi-chip.is-active{background:var(--wi-navy);border-color:var(--wi-navy);color:#fff}
.wi-chip span{opacity:.6;font-weight:500}
@media (max-width:767px){.wi-chip{height:34px;padding:0 14px;font-size:13px}}

.wi-scroll-x{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.wi-scroll-x::-webkit-scrollbar{display:none}
.wi-scroll-x > *{scroll-snap-align:start}

/* Nav-Menu-Widget als Pills */
.wi-pillnav .elementor-nav-menu{display:flex !important;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}
.wi-pillnav .elementor-nav-menu::-webkit-scrollbar{display:none}
.wi-pillnav .elementor-nav-menu > li > a.elementor-item{height:34px;padding:0 14px !important;border-radius:999px;background:var(--wi-bg);color:var(--wi-navy);font:600 13px/34px var(--wi-font);white-space:nowrap}
.wi-pillnav .elementor-nav-menu > li > a.elementor-item:after,.wi-pillnav .elementor-nav-menu > li > a.elementor-item:before{display:none}
.wi-pillnav .elementor-nav-menu > li > a.elementor-item-active{background:var(--wi-navy);color:#fff}
.wi-pillnav--outline .elementor-nav-menu{flex-wrap:wrap;overflow:visible}
.wi-pillnav--outline .elementor-nav-menu > li > a.elementor-item{height:40px;line-height:38px;font-size:14px;background:#fff;border:1px solid var(--wi-border)}
.wi-pillnav--outline .elementor-nav-menu > li > a.elementor-item:hover{border-color:var(--wi-navy)}
.wi-pillnav--outline.wi-arrows .elementor-nav-menu > li > a.elementor-item:after{content:" →";white-space:pre;display:inline !important;position:static !important;background:none !important;opacity:1 !important;width:auto !important;height:auto !important;transform:none !important}
.wi-scroll-x.wi-pillnav--outline .elementor-nav-menu{flex-wrap:nowrap;overflow-x:auto}

/* Off-Canvas: Untermenüs immer offen, als Pills */
.wi-pillnav-sub .sub-menu{display:flex !important;flex-wrap:wrap;gap:6px;position:static !important;box-shadow:none !important;border:0 !important;background:transparent !important;width:auto !important;margin:10px 0 0 !important;padding:0 !important}
.wi-pillnav-sub .sub-menu a{height:34px;padding:0 12px !important;border-radius:999px;background:var(--wi-bg) !important;color:var(--wi-text-2) !important;font:600 13px/34px var(--wi-font) !important;border:0 !important}
.wi-pillnav-sub .sub-arrow{display:none !important}
.wi-pillnav-sub .elementor-nav-menu > li{border-bottom:1px solid var(--wi-divider);padding:14px 0}
.wi-pillnav-sub .elementor-nav-menu > li > a{font:800 20px/1.2 var(--wi-font) !important;letter-spacing:-.02em;padding:2px 0 !important}

/* --- Avatar / Badges --------------------------------------------------- */
.wi-avatar{border-radius:50%;background:#C9D0D9;flex:none;overflow:hidden}
.wi-avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover}
.wi-avatar--22{width:22px;height:22px}.wi-avatar--26{width:26px;height:26px}.wi-avatar--32{width:32px;height:32px}.wi-avatar--42{width:42px;height:42px}.wi-avatar--56{width:56px;height:56px}
.wi-mostread{counter-reset:wi}
.wi-mostread :is(.e-loop-item,[role=listitem]){counter-increment:wi}
.wi-numbadge{width:30px;height:30px;border-radius:999px;background:var(--wi-red-soft);color:var(--wi-red-dark);display:flex;align-items:center;justify-content:center;font:800 13px/1 var(--wi-font);flex:none}
.wi-mostread .wi-numbadge::before{content:counter(wi)}

/* --- Bezirke ------------------------------------------------------------ */
.wi-districts--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
@media (max-width:767px){.wi-districts--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wi-district{display:flex;align-items:center;gap:12px;background:var(--wi-bg);border-radius:14px;padding:10px 12px;color:var(--wi-navy);text-decoration:none;min-width:0;transition:background .15s}
.wi-district:hover{background:var(--wi-red-soft);color:var(--wi-navy)}
.wi-district__num{width:38px;height:38px;border-radius:10px;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--wi-font);color:var(--wi-red)}
.wi-district__txt{min-width:0;display:flex;flex-direction:column}
.wi-district__name{font:700 14px/1.2 var(--wi-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wi-district__plz{font:400 12px/1.3 var(--wi-font);color:var(--wi-muted);margin-top:2px}
.wi-districts--grid,.wi-districts--mini{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.wi-district-tile{height:44px;border-radius:12px;background:var(--wi-bg);display:flex;align-items:center;justify-content:center;font:800 15px/1 var(--wi-font);color:var(--wi-navy);text-decoration:none}
.wi-districts--mini .wi-district-tile{height:40px;border-radius:10px;font-size:13px}
.wi-district-tile:hover{background:var(--wi-red-soft);color:var(--wi-red-dark)}
.wi-districts--chips{display:flex;flex-wrap:wrap;gap:8px}
.wi-district-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.wi-district-head__num{width:64px;height:64px;border-radius:16px;background:var(--wi-red-soft);color:var(--wi-red-dark);display:flex;align-items:center;justify-content:center;font:800 28px/1 var(--wi-font);letter-spacing:-.04em}
.wi-district-map{margin:0 0 20px;background:var(--wi-surface);border:1px solid var(--wi-border);border-radius:16px;padding:12px}
.wi-district-map img{display:block;width:100%;height:auto;border-radius:10px}
.wi-district-map figcaption{margin-top:8px;font:500 12px/1.4 var(--wi-font);color:var(--wi-muted)}
.wi-district-map figcaption a{color:inherit}
.wi-panel .wi-district-map{margin:12px 0 4px;max-width:440px}
@media (min-width:1025px){
  header.wi-panel:has(.wi-district-map){display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto 1fr;column-gap:48px;align-items:start;align-content:start}
  header.wi-panel:has(.wi-district-map)>*{grid-column:1}
  header.wi-panel:has(.wi-district-map)>.elementor-widget-shortcode:has(.wi-district-map){grid-column:2;grid-row:1/-1;margin:0}
  header.wi-panel:has(.wi-district-map)>:last-child{grid-column:1;grid-row:4}
  .wi-panel .wi-district-map{max-width:none;margin:0}
}
.elementor-widget-shortcode:has(.wi-dmap-wrap){align-self:stretch;width:100%}
.wi-dmap-wrap{margin:28px auto 0;width:100%;max-width:960px}
.wi-dmap{display:block;width:100%;height:auto}
.wi-dmap__d path{fill:#E9EDF2;stroke:#fff;stroke-width:2;stroke-linejoin:round;transition:fill .15s}
.wi-dmap__d[data-n="1"] path,.wi-dmap__d[data-n="2"] path,.wi-dmap__d[data-n="3"] path,.wi-dmap__d[data-n="4"] path,.wi-dmap__d[data-n="5"] path,.wi-dmap__d[data-n="6"] path,.wi-dmap__d[data-n="7"] path,.wi-dmap__d[data-n="8"] path,.wi-dmap__d[data-n="9"] path{fill:var(--wi-red-soft)}
.wi-dmap__d text{fill:var(--wi-navy);font-family:var(--wi-font);font-weight:700;text-anchor:middle;pointer-events:none}
.wi-dmap__d:hover path,.wi-dmap__d:focus-visible path{fill:var(--wi-red)}
.wi-dmap__d:hover text,.wi-dmap__d:focus-visible text{fill:#fff}
.wi-dmap__d:focus-visible{outline:none}
.wi-dmap__d:focus-visible path{stroke:var(--wi-navy);stroke-width:3}
.wi-dmap-wrap figcaption{margin-top:10px;font:500 13px/1.4 var(--wi-font);color:var(--wi-muted)}
.wi-dmap-wrap figcaption a{color:inherit}
.wi-district-head__plz{font:700 12px/1 var(--wi-font);color:var(--wi-red)}

/* --- Formulare ---------------------------------------------------------- */
.wi-form-inline .elementor-form-fields-wrapper{background:#fff;border-radius:999px;padding:6px;flex-wrap:nowrap !important;gap:6px;margin:0 !important}
.wi-form-inline .elementor-field-group{padding:0 !important;margin:0 !important}
.wi-form-inline .elementor-field-type-email{flex:1 1 auto;width:auto !important}
.wi-form-inline .elementor-field-type-submit{flex:none;width:auto !important}
.wi-form-inline input[type=email]{height:46px;border:0 !important;background:transparent !important;padding:0 14px !important;font:400 15px var(--wi-font);color:var(--wi-navy)}
.wi-form-inline .elementor-button{height:46px;border-radius:999px;padding:0 22px;background:var(--wi-red);font:700 14px var(--wi-font)}
.wi-form-inline .elementor-button:hover{background:var(--wi-red-dark)}
.wi-form-inline .elementor-message{color:#fff;font:400 15px/1.55 var(--wi-font);background:var(--wi-navy-2);border-radius:18px;padding:18px 20px;margin-top:10px}
.wi-form-inline .elementor-message::before{display:none}

/* Search-Widget als Pill */
.wi-search .e-search-form,.wi-search form{display:flex;align-items:center;gap:12px;height:58px;padding:0 8px 0 22px;background:#fff;border:1px solid var(--wi-border);border-radius:999px;box-shadow:0 6px 24px rgba(15,27,45,.06)}
.wi-search input[type=search]{border:0 !important;background:transparent !important;font:400 16px var(--wi-font);color:var(--wi-navy);flex:1;min-width:0;outline:none;box-shadow:none !important}
.wi-search button[type=submit]{height:44px;padding:0 20px;border-radius:999px;background:var(--wi-navy);color:#fff;font:700 14px var(--wi-font);border:0}
.wi-search button[type=submit]:hover{background:var(--wi-red)}
/* Pro-Suchwidget setzt bei :hover border-radius:0 → Pill in allen Zuständen erzwingen */
.wi-search .elementor-search-form .elementor-search-form__submit,.wi-search .elementor-search-form .elementor-search-form__submit:hover,.wi-search .elementor-search-form .elementor-search-form__submit:focus,.wi-search .elementor-search-form .elementor-search-form__submit:active{border-radius:999px;color:#fff}
.wi-search .elementor-search-form .elementor-search-form__submit:hover,.wi-search .elementor-search-form .elementor-search-form__submit:focus-visible{background:var(--wi-red)}
.wi-search--large .e-search-form,.wi-search--large form{height:62px}
.wi-search--large input[type=search]{font-weight:600;font-size:20px}
@media (max-width:767px){.wi-search input[type=search]{font-size:16px}.wi-search button[type=submit]{padding:0 14px}}

/* --- Suche -------------------------------------------------------------- */
mark.wi-mark{background:var(--wi-mark);color:inherit;border-radius:4px;padding:0 2px}
.wi-search-count{font:700 15px/1.4 var(--wi-font);margin:36px 0 0}
.wi-search-filters{margin-top:14px}
.wi-search-district{display:flex;align-items:center;gap:18px;background:#fff;border-radius:20px;padding:18px 20px;margin-top:20px;text-decoration:none;color:var(--wi-navy)}
.wi-search-district > span:last-child{display:flex;flex-direction:column;gap:2px}
.wi-search-district__num{width:64px;height:64px;border-radius:16px;background:var(--wi-red-soft);color:var(--wi-red-dark);display:flex;align-items:center;justify-content:center;font:800 28px/1 var(--wi-font);letter-spacing:-.04em;flex:none}
.wi-search-district__kick{font:700 12px/1.2 var(--wi-font);color:var(--wi-red)}
.wi-search-district__name{font:800 22px/1.2 var(--wi-font);letter-spacing:-.02em}
.wi-grid--wide .e-loop-item > *{flex-direction:row !important;justify-content:space-between;align-items:center}
.wi-grid--wide .e-loop-item > *::after{content:"→";width:38px;height:38px;border-radius:999px;background:var(--wi-red);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}


/* --- Artikel-Inhalt ----------------------------------------------------- */
.wi-prose{font:400 18px/1.75 var(--wi-font);color:var(--wi-text)}
.wi-prose > *{margin-top:18px;margin-bottom:0}
.wi-prose > p:first-child{margin-top:28px}
.wi-prose h2{font:800 30px/1.2 var(--wi-font);letter-spacing:-.025em;color:var(--wi-navy);margin-top:52px;scroll-margin-top:100px}
.wi-prose h3{font:800 22px/1.25 var(--wi-font);letter-spacing:-.02em;color:var(--wi-navy);margin-top:36px}
.wi-prose a{color:var(--wi-red);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.wi-prose a:hover{color:var(--wi-red-dark)}
.wi-prose ul,.wi-prose ol{padding-left:22px}
.wi-prose li{margin-top:8px}
.wi-prose figure{margin-top:28px}
.wi-prose figure img{border-radius:18px;width:100%;height:auto}
.wi-prose figcaption{font:400 12px/1.4 var(--wi-font);color:var(--wi-subtle);margin-top:8px;text-align:left}
.wi-prose .wi-address,.wi-prose .is-style-wi-address{font-size:13px;line-height:1.4;color:var(--wi-muted);display:flex;align-items:center;gap:6px;margin-top:8px}
.wi-prose .wi-address::before,.wi-prose .is-style-wi-address::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--wi-red);flex:none}
.wi-prose .wi-address a,.wi-prose .is-style-wi-address a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.wi-prose .wi-map{position:relative;z-index:0;aspect-ratio:16/10;margin-top:20px;border-radius:20px;overflow:hidden;background:#EEF1F4;font-family:var(--wi-font)}
@media (max-width:767px){.wi-prose .wi-map{aspect-ratio:4/5}}
.wi-map .wi-map-pin{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;background:var(--wi-red);border:2.5px solid #fff;box-shadow:0 4px 14px rgba(15,27,45,.28);color:#fff;font:800 13px/1 var(--wi-font);cursor:pointer}
.wi-map .wi-map-pin:hover,.wi-map .wi-map-pin:focus-visible{background:var(--wi-red-dark);outline:none;transform:scale(1.08)}
.wi-map .maplibregl-popup-content{border-radius:14px;padding:12px 30px 12px 16px;box-shadow:0 12px 32px rgba(15,27,45,.16);font:400 14px/1.45 var(--wi-font);color:var(--wi-navy)}
.wi-map .maplibregl-popup-content a{color:var(--wi-red);font-weight:700}
.wi-map .maplibregl-popup-close-button,.wi-map .maplibregl-popup-close-button:hover,.wi-map .maplibregl-popup-close-button:focus{top:6px;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;font:400 20px/28px var(--wi-font);color:var(--wi-muted);text-align:center}
.wi-map .maplibregl-popup-close-button:hover{background:var(--wi-bg,#f3f4f6);color:var(--wi-navy)}
.wi-map .maplibregl-popup-content a,.wi-map .maplibregl-popup-content a:focus{outline:0}
.wi-map .maplibregl-popup-content a:focus-visible,.wi-map .maplibregl-popup-close-button:focus-visible{outline:2px solid var(--wi-red);outline-offset:2px;border-radius:4px}
.wi-map .maplibregl-ctrl-group{border-radius:12px;box-shadow:0 4px 14px rgba(15,27,45,.12)}
.wi-map .maplibregl-ctrl-group button,.wi-map .maplibregl-ctrl-group button:focus{width:36px;height:36px;padding:0;border-radius:0;background-color:#fff;color:var(--wi-navy)}
.wi-map .maplibregl-ctrl-group button:hover,.wi-map .maplibregl-ctrl-group button:focus-visible{background-color:var(--wi-bg)}
.wi-map .maplibregl-ctrl-attrib{font-size:11px}
.wi-map .maplibregl-cooperative-gesture-screen{font:600 15px/1.4 var(--wi-font);background:rgba(15,27,45,.55)}
.wi-map.is-fallback{aspect-ratio:auto;padding:16px 20px;background:#fff}
.wi-map__list{margin:0;padding-left:18px}.wi-map__list li{margin:6px 0}
@media (max-width:1024px){.wi-prose h2{font-size:27px}}
@media (max-width:767px){.wi-prose{font-size:17px}.wi-prose h2{font-size:24px}}

/* Infobox „Auf einen Blick“ */
.wi-prose .is-style-wi-infobox{background:#fff;border-radius:18px;padding:22px 24px;margin-top:32px}
.wi-prose .is-style-wi-infobox > :first-child{font:800 16px/1.3 var(--wi-font);margin:0;color:var(--wi-navy)}
.wi-prose .is-style-wi-infobox ol{list-style:none;padding:0;margin:12px 0 0;counter-reset:wib;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 24px}
.wi-prose .is-style-wi-infobox ol li{counter-increment:wib;position:relative;display:block;margin:0;padding:7px 0 7px 32px;font-size:14px;line-height:1.4}
.wi-prose .is-style-wi-infobox ol li::before{content:counter(wib);position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:999px;background:var(--wi-red-soft);color:var(--wi-red-dark);font:800 12px/22px var(--wi-font);text-align:center}

/* Tipp */
.wi-prose .is-style-wi-tip{position:relative;background:var(--wi-red-soft);border-radius:18px;padding:20px 22px 20px 64px;margin-top:20px}
.wi-prose .is-style-wi-tip::before{content:"!";position:absolute;left:22px;top:20px;width:28px;height:28px;border-radius:999px;background:var(--wi-red);color:#fff;font:800 14px/28px var(--wi-font);text-align:center}
.wi-prose .is-style-wi-tip > :first-child{font:800 15px/1.3 var(--wi-font);color:#8E1820;margin:0}
.wi-prose .is-style-wi-tip p{font-size:16px;line-height:1.6;color:#3A1A1D;margin:4px 0 0}

/* Fakten */
.wi-prose .is-style-wi-facts{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 20px;background:#fff;border-radius:16px;padding:16px 18px;margin-top:20px;font-size:13px;line-height:1.4}
.wi-prose .is-style-wi-facts p{margin:0}
.wi-prose .is-style-wi-facts strong{display:block;font-weight:700;color:var(--wi-navy);margin-top:2px}
.wi-prose .is-style-wi-facts span{color:var(--wi-muted)}

/* Zitat */
.wi-prose .is-style-wi-quote,.wi-prose blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--wi-red)}
.wi-prose .is-style-wi-quote p,.wi-prose blockquote p{font:700 26px/1.35 var(--wi-font);letter-spacing:-.02em;color:var(--wi-navy);margin:0}
.wi-prose blockquote cite{display:block;font:400 13px/1.4 var(--wi-font);font-style:normal;color:var(--wi-muted);margin-top:10px}
@media (max-width:767px){.wi-prose .is-style-wi-quote p,.wi-prose blockquote p{font-size:21px}}

/* Guide-Hinweis */
.wi-prose .is-style-wi-cta-guide{position:relative;background:var(--wi-navy);color:#fff;border-radius:18px;padding:22px 80px 22px 24px;margin-top:40px}
.wi-prose .is-style-wi-cta-guide::after{content:"→";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;background:var(--wi-red);display:flex;align-items:center;justify-content:center;font-size:16px}
.wi-prose .is-style-wi-cta-guide p{margin:0;font:700 12px/1.3 var(--wi-font);color:var(--wi-red-on-dark)}
.wi-prose .is-style-wi-cta-guide p + p{font:800 21px/1.25 var(--wi-font);letter-spacing:-.02em;color:#fff;margin-top:6px}
.wi-prose .is-style-wi-cta-guide a{color:#fff;text-decoration:none;font-weight:inherit}
.wi-prose .is-style-wi-cta-guide a::after{content:"";position:absolute;inset:0}
.wi-prose .is-style-wi-cta-guide:hover{background:var(--wi-navy-2)}

/* Partnerbox (Anzeige im Artikel) */
.wi-prose .is-style-wi-partner{background:var(--wi-sponsor-box);border:1px solid #F3E2AE;border-radius:18px;padding:18px;margin-top:48px;font-size:14px;line-height:1.5}
.wi-prose .is-style-wi-partner > :first-child{display:inline-flex;font:700 12px/1.2 var(--wi-font);color:var(--wi-sponsor-text);background:var(--wi-sponsor-bg);border-radius:999px;padding:4px 10px;margin:0}

/* Rank-Math-FAQ als Akkordeon */
.wi-prose .rank-math-block{margin-top:16px}
.wi-prose .rank-math-list{display:flex;flex-direction:column;gap:8px}
.wi-prose .rank-math-list-item{background:#fff;border-radius:16px}
.wi-prose .rank-math-question{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 !important;padding:16px 18px;cursor:pointer;font:700 16px/1.4 var(--wi-font) !important;letter-spacing:0 !important;color:var(--wi-navy)}
.wi-prose .rank-math-question::after{content:"+";width:28px;height:28px;border-radius:999px;background:var(--wi-bg);color:var(--wi-red);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.wi-prose .rank-math-list-item.is-open .rank-math-question::after{content:"–"}
.wi-prose .rank-math-answer{display:none;padding:0 18px 18px;font-size:16px;line-height:1.65;color:var(--wi-text-2)}
.wi-prose .rank-math-list-item.is-open .rank-math-answer{display:block}

/* Tags unter dem Artikel */
.wi-tags .elementor-post-info__terms-list{display:flex;flex-wrap:wrap;gap:8px}
.wi-tags .elementor-post-info__terms-list a.elementor-post-info__terms-list-item{display:inline-flex !important;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--wi-border);background:#fff;font:600 13px/1 var(--wi-font) !important;color:var(--wi-navy);text-decoration:none}
.wi-tags .elementor-post-info__terms-list a.elementor-post-info__terms-list-item::before{content:"#\00a0"}
.wi-tags .elementor-post-info__terms-list a.elementor-post-info__terms-list-item:hover{border-color:var(--wi-navy);color:var(--wi-navy)}
.wi-tags .elementor-post-info__terms-list{font-size:0} /* Kommas entfernen */

/* Loop-Grid „Mehr laden“ + Paginierung */
.e-loop__load-more .elementor-button{height:48px;padding:0 28px;border-radius:999px;background:var(--wi-navy);font:700 14px var(--wi-font)}
.e-loop__load-more .elementor-button:hover{background:var(--wi-red)}
.elementor-pagination{display:flex;justify-content:center;gap:6px;margin-top:28px}
.elementor-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--wi-border);font:600 14px var(--wi-font);color:var(--wi-navy)}
.elementor-pagination .page-numbers.current{background:var(--wi-navy);border-color:var(--wi-navy);color:#fff}

/* Header-Höhe für Anker */
html{scroll-padding-top:96px}

/* --- Header / Footer / Off-Canvas (Phase 5) ----------------------------- */
/* Sticky-Header: am Theme-Builder-Wrapper, damit er über die ganze Seite klebt */
.elementor-location-header{position:sticky;top:0;z-index:50}
.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){.admin-bar .elementor-location-header{top:46px}}
/* Logo-Schriftzug „wien“ + „inside“ in Rot; Startseiten-H1 „Wien“ in Rot */
.wi-logo span,.wi-display span{color:var(--wi-red)}
/* Hauptnavigation Desktop */
.wi-mainnav{flex:1 1 auto;min-width:0}
.wi-mainnav .elementor-nav-menu{flex-wrap:nowrap}
.wi-pillnav,.wi-footnav,.wi-pillnav-sub{min-width:0;width:100%}
.wi-legalnav{min-width:0;width:auto}
.wi-mainnav .elementor-nav-menu{gap:28px}
.wi-mainnav .elementor-nav-menu > li > a.elementor-item{font:600 15px/1.3 var(--wi-font);color:var(--wi-navy);padding:8px 0 !important}
.wi-mainnav .elementor-nav-menu > li > a.elementor-item:hover,.wi-mainnav .elementor-nav-menu > li > a.elementor-item-active{color:var(--wi-red)}
.wi-mainnav .e--pointer-underline .elementor-item:after{background-color:var(--wi-red);height:2px}
/* Footer-Menüs */
.wi-footnav .elementor-nav-menu > li > a.elementor-item{font:400 14px/1.4 var(--wi-font);color:var(--wi-muted);padding:5px 0 !important}
.wi-footnav .elementor-nav-menu > li > a.elementor-item:hover{color:var(--wi-red)}
.wi-legalnav .elementor-nav-menu{gap:20px;flex-wrap:wrap}
.wi-legalnav .elementor-nav-menu > li > a.elementor-item{font:400 13px/1.4 var(--wi-font);color:var(--wi-muted);padding:4px 0 !important}
.wi-legalnav .elementor-nav-menu > li > a.elementor-item:hover{color:var(--wi-red)}
.wi-legalnav .elementor-nav-menu > li > a.elementor-item:after{display:none}
/* Off-Canvas: Suche kompakt (52 px, ohne Schatten) */
.wi-search--compact .e-search-form,.wi-search--compact form{height:52px;box-shadow:none;padding:0 6px 0 18px}
.wi-search--compact button[type=submit]{height:40px}
/* Newsletter nicht auf der Suchseite (§3a) */
body.search .wi-newsletter{display:none}
#newsletter{scroll-margin-top:120px}
/* Visuell versteckt, für Screenreader lesbar */
.wi-sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Pro-Suchformular in .wi-search: eigenen Container neutralisieren */
.wi-search .elementor-search-form__container{flex:1;display:flex;align-items:center;gap:12px;background:transparent !important;border:0 !important;min-height:0 !important;box-shadow:none !important;overflow:visible}
.wi-search .elementor-search-form__input{flex:1;min-width:0;height:100%;background:transparent !important;padding:0 !important;border:0 !important}
.wi-search .elementor-search-form__submit{flex:none;width:auto !important;min-width:0 !important;--e-search-form-submit-min-width:0}
/* Klickflächen ≥ 44 px auf Mobil (Footer-Menüs, Logo-Link) */
.wi-logo{min-height:44px}
@media (max-width:767px){
  .wi-footnav .elementor-nav-menu > li > a.elementor-item,.wi-legalnav .elementor-nav-menu > li > a.elementor-item{padding:12px 0 !important;line-height:20px}
}
/* Startseiten-Suche: Lupe links im Feld (4.1) */
.wi-search:not(.wi-search--compact) .elementor-search-form__container::before{content:"";flex:none;width:18px;height:18px;background:var(--wi-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.wi-search:not(.wi-search--compact) form{padding-left:20px}
/* Unterkategorie-Pills neben Sektionstiteln: Desktop umbrechen, Mobil horizontal scrollen */
@media (max-width:767px){.wi-scroll-x .wi-pillnav--outline .elementor-nav-menu{flex-wrap:nowrap;overflow-x:auto}}
/* Atomic-Container (.e-con) setzen ::before absolut – Zähler im Badge wieder in den Fluss */
.wi-mostread .wi-numbadge::before{position:static !important;inset:auto !important;width:auto !important;height:auto !important;background:none !important;opacity:1 !important}
/* Shortcode-Links gegen die Kit-Linkfarbe absichern */
a.wi-district,a.wi-district:hover,a.wi-district-tile,a.wi-chip,a.wi-search-district{color:var(--wi-navy)}
a.wi-district-tile:hover{color:var(--wi-red-dark)}
a.wi-chip.is-active,a.wi-chip.is-active:hover{color:#fff;background:var(--wi-navy);border-color:var(--wi-navy)}
.wi-logo .wi-logo{min-height:0}

/* --- Beitrag (Phase 7) --------------------------------------------------- */
.rank-math-breadcrumb{font:400 13px/1.4 var(--wi-font);color:var(--wi-muted)}
.rank-math-breadcrumb p{margin:0}
.rank-math-breadcrumb a{color:var(--wi-muted);text-decoration:none}
.rank-math-breadcrumb a:hover{color:var(--wi-red)}
.rank-math-breadcrumb .separator{margin:0 6px;color:var(--wi-subtle)}
.wi-share.is-copied{border-color:var(--wi-red) !important;color:var(--wi-red) !important}
/* Teilen-Menü (Desktop) unter „Link teilen“ */
:has(> .wi-share){position:relative}
.wi-share-menu{position:absolute;z-index:50;display:flex;flex-direction:column;min-width:200px;padding:6px;background:#fff;border:1px solid var(--wi-border);border-radius:16px;box-shadow:0 12px 32px rgba(15,27,45,.12)}
.wi-share-menu a.wi-share-menu__item,.wi-share-menu button.wi-share-menu__item{display:flex;align-items:center;height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:600 14px/1 var(--wi-font);color:var(--wi-navy);text-align:left;text-decoration:none;cursor:pointer}
.wi-share-menu a.wi-share-menu__item:hover,.wi-share-menu a.wi-share-menu__item:focus-visible,.wi-share-menu button.wi-share-menu__item:hover,.wi-share-menu button.wi-share-menu__item:focus,.wi-share-menu button.wi-share-menu__item:focus-visible{background:var(--wi-bg);color:var(--wi-red);outline:none}

/* Mobil: Tippflächen bei Tags ≥ 44 px */
@media (max-width:767px){.wi-tags .elementor-post-info__terms-list a.elementor-post-info__terms-list-item{height:44px}}

/* --- Archive / Suche / 404 (Phase 8) ------------------------------------ */
/* Suchtreffer im Titel */
mark{background:var(--wi-mark);color:inherit;padding:0 2px;border-radius:3px}
/* Guides-Box im Kategoriearchiv nur, wenn es Guides gibt (Unterkategorien: leer) */
.wi-guides-panel:not(:has([role=listitem])){display:none !important}
/* Leere Suche: Ergebnisse aus, „Häufig gesucht“ an */
.wi-empty-panel{display:none !important}
.wi-empty-search .wi-empty-panel{display:flex !important}
.wi-empty-search .wi-search-results{display:none !important}
.wi-empty-panel .elementor-nav-menu{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}
@media (max-width:767px){.wi-empty-panel .elementor-nav-menu{grid-template-columns:1fr}}
/* L7 als Zeile mit Pfeil (Suche) */
.wi-grid--wide .wi-guide-dark{display:grid !important;grid-template-columns:1fr auto;column-gap:16px;align-items:center}
.wi-grid--wide .wi-guide-dark > *{grid-column:1}
.wi-grid--wide .wi-guide-dark::after{content:"→";grid-column:2;grid-row:1 / span 2;width:38px;height:38px;border-radius:999px;background:var(--wi-red);color:#fff;display:flex;align-items:center;justify-content:center;position:static !important;inset:auto !important}

/* --- Barrierefreiheit (Lighthouse) -------------------------------------- */
/* Bildunterschriften: wi-subtle (#8A93A0) erreicht auf wi-bg nur 2,8:1 → wi-muted (5,4:1) */
.wi-prose figcaption,.wi-caption{color:var(--wi-muted) !important}
/* Datenschutz-Link im Newsletter: hell genug auf Navy und unterstrichen */
.wi-newsletter p a,.wi-newsletter p a:hover{color:var(--wi-red-on-dark);text-decoration:underline;text-underline-offset:2px}
/* Aktiver Menüpunkt in der Pill-Navigation: weiß auf Navy */
.wi-pillnav .elementor-nav-menu > li > a.elementor-item-active,.wi-pillnav .elementor-nav-menu > li > a.elementor-item.elementor-item-active:hover{color:#fff !important}
/* FAQ: Frage als echter Button (statt role="button" auf der Überschrift) */
.wi-prose .rank-math-question .wi-faq-btn{all:unset;box-sizing:border-box;display:block;flex:1;cursor:pointer;font:inherit;color:inherit}
.wi-prose .rank-math-question .wi-faq-btn:focus-visible{outline:2px solid var(--wi-red);outline-offset:4px;border-radius:6px}
/* Sprungmarke hinter dem Header */
#content.wi-skip-target{display:block;height:0;outline:0}
.elementor-kit-7 h2.wi-search-count,h2.wi-search-count{font:700 15px/1.4 var(--wi-font);letter-spacing:0;color:var(--wi-navy);margin:36px 0 0}
/* Feature-Karte: Titel wi-h3-feature (32/28/24) – stärker als die Kartenklasse wi-h3-row */
.wi-grid--feature .wi-card h3.wi-h3-row{font-size:32px;line-height:1.14;letter-spacing:-.035em}
@media (max-width:1024px){.wi-grid--feature .wi-card h3.wi-h3-row{font-size:28px}}
@media (max-width:767px){.wi-grid--feature .wi-card h3.wi-h3-row{font-size:24px}}
/* „Auf einen Blick“ als Inhaltsverzeichnis: Namen sind Sprunglinks */
.wi-prose .is-style-wi-infobox a{color:var(--wi-navy);font-weight:inherit;text-decoration:none}
.wi-prose .is-style-wi-infobox a:hover{color:var(--wi-red);text-decoration:underline;text-underline-offset:3px}

/* --- Header-Icons zentrieren (SVG im Atomic-SVG-Container sitzt sonst auf der Grundlinie) --- */
.elementor-location-header .e-svg-base{display:flex;align-items:center;justify-content:center;line-height:0}
.elementor-location-header .e-svg-base svg{display:block;width:100%;height:100%}

/* --- Such-Overlay mit Live-Ergebnissen ---------------------------------- */
.wi-live-results:empty{display:none}
.wi-is-typing .wi-search-suggest{display:none !important}
.wi-live-results{display:flex;flex-direction:column;gap:2px}
.wi-live-group{font:700 12px/1.2 var(--wi-font);color:var(--wi-muted);text-transform:none;margin:10px 0 4px}
a.wi-live-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--wi-navy);font:600 15px/1.35 var(--wi-font);text-decoration:none}
a.wi-live-item:hover,a.wi-live-item:focus-visible{background:var(--wi-bg);color:var(--wi-navy)}
.wi-live-item small{flex:none;font:700 12px/1 var(--wi-font);color:var(--wi-red-dark);background:var(--wi-red-soft);border-radius:999px;padding:4px 10px}
a.wi-live-all{display:inline-flex;margin-top:10px;font:700 14px/1.3 var(--wi-font);color:var(--wi-navy);text-decoration:none}
a.wi-live-all:hover{color:var(--wi-red)}
.wi-live-empty{font:400 15px/1.6 var(--wi-font);color:var(--wi-text-2);margin:6px 0 0}
/* Such-Overlay: feste Breite (sonst schrumpft das Popup mit dem Inhalt) */
.elementor-popup-modal:has(.wi-search-live) .dialog-widget-content{width:min(880px,100vw) !important;max-width:100vw}
.wi-live-results{width:100%}

/* --- Inhaltsseiten (Über uns, Redaktion, Kontakt …) --------------------- */
.wi-icon-tile .e-svg-base{display:flex !important;align-items:center;justify-content:center;width:22px !important;height:22px !important;line-height:0}
.wi-icon-tile svg{display:block;width:22px !important;height:22px !important;fill:currentColor}
.wi-initials{margin:0}
.wi-hero .wi-btn--secondary:hover{background:#fff}
/* Links in Fließtexten der Inhaltsseiten */
.wi-text a{color:var(--wi-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wi-text a:hover{color:var(--wi-red-dark)}
/* Formulare in weißen Panels (Kontakt): Felder wie Textarea – das Kit-Feldstyling ist sonst spezifischer */
.wi-panel form .e-form-input-base{height:48px;padding:0 16px !important;background:var(--wi-bg) !important;border:1px solid var(--wi-border) !important;border-radius:14px !important;font-size:15px;color:var(--wi-navy)}
.wi-panel form .e-form-input-base:focus,.wi-panel form .e-form-textarea-base:focus{border-color:var(--wi-navy) !important;outline:2px solid var(--wi-red);outline-offset:1px}

/* Google „Bevorzugte Quellen“ (Ende des Beitrags + Footer) */
.wi-gsource,.wi-gsource *{box-sizing:border-box}
.wi-gsource{display:flex;align-items:center;gap:14px;margin-top:40px;padding:16px 18px;border:1px solid var(--wi-border);border-radius:18px;background:#fff}
.wi-gsource__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--wi-red-soft);color:var(--wi-red);flex:none}
.wi-gsource__icon svg{width:20px;height:20px}
.wi-prose .wi-gsource__text,.wi-gsource__text{flex:1;margin:0;font:400 15px/1.4 var(--wi-font);color:var(--wi-text-2)}
.wi-gsource__text strong{color:var(--wi-navy);font-weight:700}
.wi-prose a.wi-gsource__btn,a.wi-gsource__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1.5px solid var(--wi-red);border-radius:999px;color:var(--wi-red);font:700 14px/1 var(--wi-font);text-decoration:none;flex:none;white-space:nowrap}
.wi-prose a.wi-gsource__btn:hover,a.wi-gsource__btn:hover{background:var(--wi-red);color:#fff}
.wi-gsource__admin{display:block;margin-top:4px;font-size:12px;color:var(--wi-subtle)}
@media (max-width:767px){.wi-gsource{flex-wrap:wrap}.wi-gsource__text{flex:1 1 calc(100% - 54px)}.wi-gsource__btn{width:100%;justify-content:center}}
.wi-gsource-foot{margin:14px 0 0;font:400 13px/1.4 var(--wi-font)}
.wi-gsource-foot a{display:inline-flex;align-items:center;gap:6px;color:var(--wi-muted);text-decoration:underline;text-underline-offset:2px;min-height:44px}
.wi-gsource-foot a:hover{color:var(--wi-red)}
.wi-gsource-foot svg{width:15px;height:15px;color:var(--wi-red);flex:none}

/* Beitragskopf: Titelbild weiter oben (Wunsch 5. 10. 2026)
   Desktop: Titel + Teaser → Bild → Autorenzeile → Text. Mobil: Bild direkt unter der Breadcrumb, vor Kategorie und Titel.
   Element-IDs aus den Vorlagen „Beitrag“ (360) und „Beitrag – Anzeige“ (361), Spalte „main“ ist ein Flex-Container. */
.elementor-element.elementor-element-7c425765,.elementor-element.elementor-element-12426755{order:1}
.elementor-element.elementor-element-34b672ec,.elementor-element.elementor-element-46ea0f2,
.elementor-element.elementor-element-6fe0e405,.elementor-element.elementor-element-3d86ffe5{order:0}
.elementor-element.elementor-element-f1ed6d5,.elementor-element.elementor-element-5a772ece,.elementor-element.elementor-element-46664058,
.elementor-element.elementor-element-6228fe48,.elementor-element.elementor-element-4a7f8088,.elementor-element.elementor-element-33732d7b{order:2}
.elementor-element.elementor-element-34b672ec,.elementor-element.elementor-element-6fe0e405{margin-top:26px}
@media (max-width:767px){
	.elementor-element.elementor-element-de68944,.elementor-element.elementor-element-233664ba{order:-2}
	.elementor-element.elementor-element-34b672ec,.elementor-element.elementor-element-46ea0f2,
	.elementor-element.elementor-element-6fe0e405,.elementor-element.elementor-element-3d86ffe5{order:-1}
	.elementor-element.elementor-element-34b672ec,.elementor-element.elementor-element-6fe0e405{margin-top:14px}
}

/* Galerie in Listen-Einträgen (Studio): Bildunterschrift unter dem Bild statt darüber */
.wi-prose .wp-block-gallery.has-nested-images{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin:12px 0 24px}
.wi-prose .wp-block-gallery.has-nested-images figure.wp-block-image{flex-direction:column;justify-content:flex-start}
.wi-prose .wp-block-gallery.has-nested-images figure.wp-block-image img{aspect-ratio:3/2;object-fit:cover;flex:0 0 auto;border-radius:12px}
.wi-prose .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;max-height:none;overflow:visible;padding:6px 0 0;background:none;color:var(--wi-muted);text-align:left;text-shadow:none;font-size:12px;line-height:1.4}
.wi-prose .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{content:none;display:none}
@media (max-width:767px){.wi-prose .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%}}

/* Mobilmenü als Akkordeon (Klasse .wi-acc setzt das Skript in wieninside-core.php) */
.wi-pillnav-sub.wi-acc .elementor-nav-menu > li{position:relative;padding:4px 0}
.wi-pillnav-sub.wi-acc .elementor-nav-menu > li > a{display:flex !important;align-items:center;min-height:52px;padding:0 56px 0 0 !important;font-size:19px !important}
.wi-pillnav-sub.wi-acc .elementor-nav-menu > li:not(.is-open) > .sub-menu{display:none !important}
.wi-pillnav-sub.wi-acc .elementor-nav-menu > li > .sub-menu{margin:2px 0 12px !important}
.wi-acc-t,button.wi-acc-t.wi-acc-t{position:absolute;right:0;top:8px;display:flex;align-items:center;justify-content:center;width:44px !important;min-width:0 !important;height:44px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:999px !important;background:var(--wi-bg) !important;color:var(--wi-navy) !important;cursor:pointer;box-shadow:none !important}
.wi-acc-t svg{transition:transform .2s}
.wi-pillnav-sub li.is-open > .wi-acc-t svg,.wi-acc-sec.is-open .wi-acc-t svg{transform:rotate(180deg)}
.wi-acc-t:hover,button.wi-acc-t.wi-acc-t:hover{background:#e6e9ee !important}
.wi-acc-t:focus-visible{outline:2px solid var(--wi-red);outline-offset:2px}
.wi-acc-head{position:relative;width:100%}
button.wi-acc-t.wi-acc-t--h{top:4px;right:0;transform:none}
.wi-acc-sec h2{margin:0 !important;min-height:52px;display:flex;align-items:center;font-size:19px !important}
.wi-acc-sec:not(.is-open) .wi-districts--grid{display:none}
.wi-acc-sec.is-open h2{margin-bottom:10px !important}
@media (prefers-reduced-motion:reduce){.wi-acc-t svg{transition:none}}
/* WienMatch in der Navigation hervorheben */
.wi-pillnav .elementor-nav-menu > li.wi-nav-match > a.elementor-item{background:var(--wi-red);color:#fff}
.wi-pillnav .elementor-nav-menu > li.wi-nav-match > a.elementor-item:before{content:"✦\00a0";display:inline !important;position:static !important;opacity:1 !important;background:none !important;width:auto !important;height:auto !important;transform:none !important;color:#fff}
/* Desktop: WienMatch steht als Button rechts im Header → in der Navigation ausblenden (am Handy bleibt die rote Pille) */
.wi-mainnav .elementor-nav-menu > li.wi-nav-match{display:none !important}

/* Programm- & Ticket-Link unter der Adresse (Studio, Event-Artikel) */
.wi-prose p.wi-info-link{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 18px}
.wi-prose p.wi-info-link a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--wi-red-soft);color:var(--wi-red-dark);font:700 15px/1 var(--wi-font);text-decoration:none}
.wi-prose p.wi-info-link a::before{content:"🎟️"}
.wi-prose p.wi-info-link a::after{content:"↗";font-weight:400}
.wi-prose p.wi-info-link a:hover{background:var(--wi-red);color:#fff}
.wi-prose p.wi-info-link a.wi-oeticket{background:var(--wi-red);color:#fff}
.wi-prose p.wi-info-link a.wi-oeticket:hover{background:var(--wi-red-dark)}
.wi-prose .wi-aff{margin-left:2px;font-weight:400}
.wi-prose p.wi-aff-note{margin-top:28px;font-size:14px;color:var(--wi-muted)}

/* Übersichtstabellen in Artikeln (Feiertage, Preise …) */
.wi-prose .wi-table{margin:8px 0 28px}
.wi-prose .wi-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--wi-line,#E6E9EE);border-radius:16px;overflow:hidden;background:#fff;font-size:16px}
.wi-prose .wi-table th,.wi-prose .wi-table td{border:0 !important}
.wi-prose .wi-table th{background:var(--wi-navy,#0F1B2D);color:#fff;font-weight:700;text-align:left;padding:12px 14px}
.wi-prose .wi-table td{padding:11px 14px;border-top:1px solid var(--wi-line,#E6E9EE) !important;vertical-align:top}
.wi-prose .wi-table td{background:transparent !important}
.wi-prose .wi-table tbody tr{background:#fff}
.wi-prose .wi-table tbody tr:nth-child(even){background:#F6F7F9}
.wi-prose .wi-table td:first-child{font-weight:700}
.wi-prose .wi-table figcaption{margin-top:8px;font-size:14px;color:var(--wi-muted,#5A6474)}
/* Handy: jede Zeile als kompakte Karte („Neujahr“ / „1. Jänner · Freitag · langes Wochenende“) */
@media(max-width:600px){
	.wi-prose .wi-table thead{display:none}
	.wi-prose .wi-table table,.wi-prose .wi-table tbody,.wi-prose .wi-table tr{display:block;width:100%}
	.wi-prose .wi-table tr{padding:12px 16px;border-top:1px solid var(--wi-line,#E6E9EE)}
	.wi-prose .wi-table tbody tr:first-child{border-top:0}
	.wi-prose .wi-table td{display:inline;padding:0;border:0 !important;font-size:15px;color:var(--wi-muted,#5A6474);line-height:1.6}
	.wi-prose .wi-table td:first-child{display:block;font-size:17px;color:var(--wi-navy,#0F1B2D);margin-bottom:2px}
	.wi-prose .wi-table td:nth-child(n+3):not(:empty)::before{content:" · "}
	.wi-prose .wi-table td:empty{display:none}
}

/* Hauptmenü mit 8 Punkten: auf kleinen Desktops enger setzen */
@media (min-width:1025px) and (max-width:1279px){
  .wi-mainnav .elementor-nav-menu--main ul.elementor-nav-menu{gap:12px}
  .wi-mainnav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{font-size:14px}
}
@media (min-width:1025px) and (max-width:1199px){
  .wi-mainnav .elementor-nav-menu--main ul.elementor-nav-menu{gap:10px}
  .wi-mainnav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{font-size:13px}
}