/* =====================================================================
   ÖWR Tirol – „Modern“-Design-Ebene
   CI bleibt: Primär #0E478F, Dunkel #0D2A50, Akzent #A53A57, Text #414756, Hellgrau #F1F2F5
   Wird nur mit body.owr-modern aktiv (Customizer: Design → Modern)
   ===================================================================== */

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/Manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/Manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.owr-modern {
	--m-radius: 24px;
	--m-radius-sm: 14px;
	--m-shadow: 0 10px 30px -12px rgba(13, 42, 80, .22);
	--m-shadow-hover: 0 24px 48px -16px rgba(13, 42, 80, .35);
	--m-border: 1px solid rgba(13, 42, 80, .08);
	--m-ease: cubic-bezier(.2, .7, .2, 1);
	--m-navy: #0D2A50;
	--m-primary: #0E478F;
	--m-accent: #A53A57;
	--m-grey: #F1F2F5;
}

/* ---------- Typografie ---------- */
.owr-modern, .owr-modern * {
	font-family: "Manrope", -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif !important;
		-webkit-font-smoothing: antialiased;
}
.owr-modern h1, .owr-modern h2, .owr-modern h3,
.owr-modern .seiten-titel, .owr-modern .home-bundesland-titel, .owr-modern .aktuelle-nachrichten-titel,
.owr-modern .kooperationen-home-titel, .owr-modern .unterstuetzer-home-titel {
	letter-spacing: -0.02em;
}
.owr-modern .seiten-titel {
	font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
	font-weight: 800 !important;
	margin-bottom: 14px;
}
.owr-modern hr.unterstrich-seiten-titel,
.owr-modern hr.unterstrich-ueberschrift-gross {
	width: 64px; height: 4px; border: 0; border-radius: 2px;
	background: var(--m-accent); margin: 0 0 36px 0;
}

/* ---------- Header: Glas-Effekt ---------- */
.owr-modern .header-wrapper {
	/* kein backdrop-filter: würde das fixierte Popup-Menü auf die Header-Höhe begrenzen */
	background: #fff;
	border-bottom: var(--m-border);
	transition: box-shadow .3s var(--m-ease);
}
.owr-modern .popup-menu { position: fixed; inset: 0; width: 100%; height: 100%; }
.owr-modern .header-wrapper--shrink { box-shadow: 0 8px 30px -14px rgba(13, 42, 80, .3); }
.owr-modern .owr-header-leiste-01-wrapper { background: var(--m-navy); height: 40px; min-height: 40px; }
.owr-modern .owr-header-leiste-01 { gap: 28px; }
.owr-modern .owr-header-leiste-02-wrapper { background: transparent; }
.owr-modern .kurzruf-header { color: #fff; margin-right: 0; }
.owr-modern .kurzruf-header img { filter: brightness(0) invert(1); }
.owr-modern .mitgliederbereich-header-leiste *, .owr-modern .mitgliederbereich-header-leiste a:link { color: rgba(255,255,255,.85) !important; }
.owr-modern .mitgliederbereich-header-leiste a:hover * { color: #fff !important; }
.owr-modern .spenden-button a {
	background: var(--m-accent) !important; border-color: var(--m-accent) !important;
	border-radius: 999px; transition: transform .2s var(--m-ease), filter .2s;
}
.owr-modern .spenden-button a:hover { filter: brightness(1.1); transform: translateY(-1px); }
.owr-modern .owr-header-nav-menu > ul > li > a { padding-inline: 14px; border-radius: 999px; transition: background .2s; }
.owr-modern .owr-header-nav-menu > ul > li:hover > a { background: var(--m-grey); }

/* Dropdowns */
.owr-modern .owr-header-nav-menu ul ul,
.owr-modern .bundesleitung-link .sub-menu,
.owr-modern .einsatzstelle-link .sub-menu {
	border: var(--m-border) !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 50px -20px rgba(13, 42, 80, .45) !important;
	overflow: hidden;
	padding: 6px !important;
}
.owr-modern .owr-header-nav-menu ul ul li a,
.owr-modern .bundesleitung-link .sub-menu li a,
.owr-modern .einsatzstelle-link .sub-menu li a { border-radius: 12px; }

/* ---------- Hero ---------- */
.owr-modern .home-hero-image {
	min-height: clamp(560px, 78vh, 860px);
	border-radius: 0 0 var(--m-radius) var(--m-radius);
	overflow: hidden;
	align-items: flex-end;
}
.owr-modern .hero-bild-verlauf {
	min-height: 100%;
	background-image:
		linear-gradient(180deg, rgba(13, 42, 80, 0) 30%, rgba(13, 42, 80, .85) 100%),
		linear-gradient(90deg, rgba(13, 42, 80, .55) 0%, rgba(13, 42, 80, 0) 60%);
}
.owr-modern .home-hero-image-content { padding: 0 24px 56px 24px; }
.owr-modern .gemeinsam-text, .owr-modern .im-einsatz-text {
	font-size: clamp(3rem, 7vw, 6rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: .95;
}
.owr-modern .gemeinsam-text span, .owr-modern .im-einsatz-text span {
	background: transparent !important; color: #fff !important; padding: 0;
	text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}
.owr-modern .sei-auch-du-dabei-text { margin-top: 18px; font-size: clamp(1.4rem, 2.6vw, 2.2rem); letter-spacing: 0; }
.owr-modern .sei-auch-du-dabei-text span {
	background: rgba(255, 255, 255, .14) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .35);
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	padding: 8px 18px; border-radius: 999px; font-weight: 600;
}
.owr-modern .lerne-bei-uns-text { color: rgba(255, 255, 255, .9); font-weight: 400; font-size: 1.25rem; max-width: 560px; width: auto; }
.owr-modern .lerne-bei-uns-text * { color: rgba(255, 255, 255, .9) !important; }
.owr-modern .pfeil-button {
	width: 64px; height: 64px; border-radius: 50%;
	background: rgba(255, 255, 255, .18); border: 1px solid rgba(255, 255, 255, .4);
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	animation: owr-bounce 2.4s var(--m-ease) infinite;
}
.owr-modern .pfeil-button:hover { background: #fff; }
.owr-modern .icon-pfeil-button { width: 34px; height: 34px; background-size: 34px 34px; }
@keyframes owr-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* ---------- Drei Karten ---------- */
.owr-modern .drei-karten-container { margin-top: -70px; position: relative; z-index: 5; gap: 24px; align-items: stretch; }
.owr-modern .drei-karten, .owr-modern .lerne-schwimmen-box {
	border-radius: var(--m-radius);
	border: var(--m-border);
	box-shadow: var(--m-shadow);
	padding: 32px 24px 28px;
	background: #fff;
	transition: transform .35s var(--m-ease), box-shadow .35s var(--m-ease);
}
.owr-modern .drei-karten:hover, .owr-modern .lerne-schwimmen-box:hover { transform: translateY(-6px); box-shadow: var(--m-shadow-hover); }
.owr-modern .lerne-schwimmen-box { background: linear-gradient(160deg, var(--m-primary) 0%, var(--m-navy) 100%); border: 0; }
.owr-modern .lerne-schwimmen-box .drei-karten-titel, .owr-modern .lerne-schwimmen-box .drei-karten-titel * { color: #fff !important; }
.owr-modern .lerne-schwimmen-box .drei-karten-untertitel, .owr-modern .lerne-schwimmen-box .drei-karten-untertitel * { color: rgba(255,255,255,.75) !important; }
.owr-modern .lerne-schwimmen-box svg path, .owr-modern .lerne-schwimmen-box svg { filter: brightness(0) invert(1); }
.owr-modern .drei-karten-titel { font-size: 1.7rem; font-weight: 800; letter-spacing: -0.02em; }
.owr-modern .drei-karten-untertitel { font-size: 1.15rem; font-weight: 400; }
.owr-modern .drei-karten-button { font-size: 1rem; }
.owr-modern .drei-karten-button a, .owr-modern .drei-karten-button a:hover {
	background-color: var(--m-accent) !important; border-color: var(--m-accent) !important; color: #fff !important;
	border-radius: 999px; padding: 12px 26px; font-weight: 600;
	transition: transform .2s var(--m-ease), filter .2s;
}
.owr-modern .drei-karten-button a span { color: #fff !important; }
.owr-modern .drei-karten-button a:hover { filter: brightness(1.12); transform: translateY(-2px); }
.owr-modern .lerne-schwimmen-box .drei-karten-button a, .owr-modern .lerne-schwimmen-box .drei-karten-button a:hover { background-color: #fff !important; border-color: #fff !important; }
.owr-modern .lerne-schwimmen-box .drei-karten-button a, .owr-modern .lerne-schwimmen-box .drei-karten-button a span { color: var(--m-navy) !important; }

/* ---------- Einsatzstellen / Landesverband ---------- */
.owr-modern .home-bundesland-container { margin-top: 120px; border-radius: var(--m-radius); }
.owr-modern .home-bundesland-titel { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; }
.owr-modern .home-bundesland-untertitel { font-size: 1.3rem; font-weight: 400; margin-top: 4px; }
.owr-modern .home-bundesland-spalte-2 { gap: 18px; }
.owr-modern .bundesland-box {
	border-radius: 20px; border: var(--m-border);
	box-shadow: var(--m-shadow) !important;
	transition: transform .3s var(--m-ease), box-shadow .3s var(--m-ease) !important;
	padding: 18px 12px 16px;
}
.owr-modern .bundesland-box:hover { transform: translateY(-4px); box-shadow: var(--m-shadow-hover) !important; }
.owr-modern .bundesland-box-text-1 * { font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; color: #8A90A0 !important; }
.owr-modern .bundesland-box-text-2 * { font-weight: 700; }

/* ---------- Hast du Fragen ---------- */
.owr-modern .hast-du-fragen-home-container { margin-top: 120px; }
.owr-modern .hast-du-fragen-inner-container {
	border-radius: var(--m-radius); overflow: hidden; position: relative;
	background-size: cover; background-position: center;
	min-height: 440px; padding: 80px 40px; justify-content: center;
	box-shadow: var(--m-shadow) !important;
}
.owr-modern .hast-du-fragen-inner-container::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(120deg, rgba(13, 42, 80, .92) 0%, rgba(14, 71, 143, .55) 60%, rgba(13, 42, 80, .2) 100%);
}
.owr-modern .hast-du-fragen-inner-container > * { position: relative; z-index: 1; }
.owr-modern .hast-du-fragen-titel { background: transparent !important; text-transform: none; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; letter-spacing: -0.02em; }
.owr-modern .hast-du-fragen-titel *, .owr-modern .hast-du-fragen-titel { color: #fff !important; }
.owr-modern .hast-du-fragen-text, .owr-modern .hast-du-fragen-text * { color: rgba(255,255,255,.85) !important; background: transparent !important; font-size: 1.15rem; }
.owr-modern .button-faq { border-radius: 999px; padding: 16px 34px; font-size: 1.05rem; font-weight: 600; background: #fff; border-color: #fff; color: var(--m-navy) !important; }
.owr-modern .button-faq * { color: var(--m-navy) !important; }
.owr-modern .button-faq:hover { background: var(--m-accent); border-color: var(--m-accent); }
.owr-modern .button-faq:hover * { color: #fff !important; }

/* ---------- Nachrichten ---------- */
.owr-modern .home-news { background: transparent; margin-top: 120px; padding: 0 12px; }
.owr-modern .home-news--archive { margin-top: 0; }
.owr-modern .aktuelle-nachrichten-titel { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 800; margin-bottom: 28px; }
.owr-modern .home-news__grid { gap: 24px; }
.owr-modern .news-card {
	border-radius: 20px; overflow: hidden; border: var(--m-border);
	box-shadow: var(--m-shadow);
	transition: transform .35s var(--m-ease), box-shadow .35s var(--m-ease);
}
.owr-modern .news-card:hover { transform: translateY(-6px); box-shadow: var(--m-shadow-hover); }
.owr-modern .news-card__image img { transition: transform .6s var(--m-ease); }
.owr-modern .news-card:hover .news-card__image img { transform: scale(1.05); }
.owr-modern .news-card__content { padding: 22px 22px 8px; }
.owr-modern .news-card__title { font-size: 1.15rem; font-weight: 700; letter-spacing: -0.01em; }
.owr-modern .news-card__readmore { font-weight: 600; }
.owr-modern .news-card__meta { padding: 0 22px 20px; }
.owr-modern .news-card__date { font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; color: #8A90A0 !important; }
.owr-modern .home-news__all, .owr-modern .zu-allen-nachrichten-button a {
	border-radius: 999px; padding: 14px 30px; font-weight: 600; border: 2px solid var(--m-navy) !important; color: var(--m-navy) !important; background-color: #fff !important;
	transition: background .2s, color .2s;
}
.owr-modern .home-news__all:hover, .owr-modern .zu-allen-nachrichten-button a:hover { background-color: var(--m-navy) !important; color: #fff !important; text-decoration: none; }

/* ---------- Kooperationen ---------- */
.owr-modern .kooperationen-home-container { margin-top: 120px; }
.owr-modern .kooperationen-home-titel, .owr-modern .unterstuetzer-home-titel { font-size: 1.1rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #8A90A0 !important; }
.owr-modern .kooperationen-home-raster { gap: 18px; }
.owr-modern .logo-kooperationen-home { background: var(--m-grey); border-radius: 18px; padding: 24px; min-height: 140px; transition: background .2s, transform .3s var(--m-ease); }
.owr-modern .logo-kooperationen-home:hover { opacity: 1; background: #fff; box-shadow: var(--m-shadow); transform: translateY(-3px); }
.owr-modern .logo-kooperationen-home img { max-height: 90px; }

/* ---------- Footer: dunkel ---------- */
.owr-modern .owr-footer { margin-top: 120px; }
.owr-modern .owr-footer-leiste-01 { background: var(--m-navy); border: 0; padding-top: 40px; }
.owr-modern .besuche-uns-auch-auf * { color: rgba(255,255,255,.6) !important; font-size: .85rem; letter-spacing: .2em; }
.owr-modern .facebook-owr-footer .social-icon { fill: #fff; }
.owr-modern .facebook-owr-footer a:hover .social-icon { fill: var(--m-accent); }
.owr-modern .facebook-owr-footer figcaption { color: rgba(255,255,255,.75); }
.owr-modern .owr-footer-leiste-02 { background: var(--m-navy); border: 0; border-top: 1px solid rgba(255,255,255,.08); padding: 50px; }
.owr-modern .owr-footer-spalte * { color: rgba(255,255,255,.75) !important; }
.owr-modern .owr-footer-leiste-02 ul li:first-child a:link { color: #fff !important; font-size: 1rem; }
.owr-modern .owr-footer-leiste-02 a:hover { color: #fff !important; text-decoration: none; }
.owr-modern .owr-footer-leiste-03 { background: #091E3A; }
.owr-modern .impressum-menu-footer a, .owr-modern .impressum-menu-footer a:link { color: rgba(255,255,255,.7) !important; }
.owr-modern .impressum-menu-footer li:not(:last-child)::after { background: rgba(255,255,255,.2); }
.owr-modern .copyright-footer { background: #091E3A; }
.owr-modern .copyright-footer * { color: rgba(255,255,255,.55) !important; font-size: .85rem; }
.owr-modern .footer-kristo, .owr-modern .footer-kristo * { color: rgba(255,255,255,.35) !important; padding-bottom: 14px; }
.owr-modern .back-to-top { border-radius: 50%; background: var(--m-accent); color: #fff; border: 0; box-shadow: var(--m-shadow); }

/* ---------- Seiten / Beitrag ---------- */
.owr-modern .header-owr-single-posting-container { background: var(--m-grey); border-radius: 0 0 var(--m-radius) var(--m-radius); }
.owr-modern .nachrichten-hauptbild { border: 0; border-radius: 20px; overflow: hidden; box-shadow: var(--m-shadow); }
.owr-modern .nachrichten-hauptbild img { display: block; }
.owr-modern .owr-single-posting-title h1 { font-weight: 800; letter-spacing: -0.02em; }
.owr-modern .mitglied-box { border: var(--m-border); border-radius: 18px; background: var(--m-grey); padding: 18px; }
.owr-modern .mitglied-mail-button a span.f_email { border-radius: 999px; padding: 10px 18px; display: inline-block; }
.owr-modern .faq-item { border: var(--m-border); border-radius: 16px; overflow: hidden; background: var(--m-grey); }
.owr-modern .faq-toggle-icon { color: var(--m-accent); }
.owr-modern .entry-content .wp-block-button__link, .owr-modern .owr-home-content .wp-block-button__link { border-radius: 999px; font-weight: 600; }

/* ---------- Popup-Menü (mobil) ---------- */
.owr-modern .popup-menu-spenden-titel, .owr-modern .popup-menu-kontakt-titel, .owr-modern .popup-menu-mitgliederbereich-titel { border-radius: 14px; }
.owr-modern .bundesland-box.last-box { border-radius: 20px; }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	.owr-modern .home-hero-image { min-height: 78vh; border-radius: 0 0 20px 20px; }
	.owr-modern .drei-karten-container { margin-top: 24px; }
	.owr-modern .drei-karten, .owr-modern .lerne-schwimmen-box { width: 100%; }
	.owr-modern .home-bundesland-container, .owr-modern .hast-du-fragen-home-container, .owr-modern .home-news, .owr-modern .kooperationen-home-container, .owr-modern .owr-footer { margin-top: 72px; }
	.owr-modern .hast-du-fragen-inner-container { padding: 56px 24px; min-height: 340px; }
	.owr-modern .owr-footer-leiste-02 { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.owr-modern * { animation: none !important; transition: none !important; }
}

/* Hauptmenü-Punkte nicht umbrechen */
.owr-modern .owr-header-nav-menu > ul > li > a { white-space: nowrap; }