/*
 * Copyright (c) 2026 Rudi Loferer im Auftrag der Österreichischen Wasserrettung – Landesverband Tirol.
 * Alle Rechte vorbehalten. Fremdbestandteile (Schriften, Symbole, Bibliotheken): siehe LIZENZEN.md.
 */
/* =====================================================================
   Ö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+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, 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 .wt-seitentitel {
	letter-spacing: -0.02em;
}
.owr-modern .wt-seitentitel {
	font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
	font-weight: 800 !important;
	margin-bottom: 14px;
}
.owr-modern hr.wt-unterstrich,
.owr-modern hr.wt-unterstrich-gross {
	width: 64px; height: 4px; border: 0; border-radius: 2px;
	background: var(--m-accent); margin: 0 0 36px 0;
}

/* ---------- Header: Glas-Effekt ---------- */
.owr-modern .wt-kopf {
	/* 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 .wt-menue { position: fixed; inset: 0; width: 100%; height: 100%; }
.owr-modern .wt-kopf--klein { box-shadow: 0 8px 30px -14px rgba(13, 42, 80, .3); }
.owr-modern .wt-kopf__oben { background: var(--m-navy); height: 40px; min-height: 40px; }
.owr-modern .wt-kopf__oben-innen { gap: 28px; }
.owr-modern .wt-kopf__unten { background: transparent; }
.owr-modern .wt-notruf { color: #fff; margin-right: 0; }
.owr-modern .wt-notruf img { filter: brightness(0) invert(1); }
.owr-modern .wt-mitglieder *, .owr-modern .wt-mitglieder a:link { color: rgba(255,255,255,.85) !important; }
.owr-modern .wt-mitglieder a:hover * { color: #fff !important; }
.owr-modern .wt-spenden 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 .wt-spenden a:hover { filter: brightness(1.1); transform: translateY(-1px); }
.owr-modern .wt-navi__menue > ul > li > a { padding-inline: 14px; border-radius: 999px; transition: background .2s; }
.owr-modern .wt-navi__menue > ul > li:hover > a { background: var(--m-grey); }

/* Dropdowns */
.owr-modern .wt-navi__menue ul ul,
.owr-modern .wt-wahl-lv__punkt .sub-menu,
.owr-modern .wt-wahl-es__punkt .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 .wt-navi__menue ul ul li a,
.owr-modern .wt-wahl-lv__punkt .sub-menu li a,
.owr-modern .wt-wahl-es__punkt .sub-menu li a { border-radius: 12px; }

/* ---------- Hero ---------- */

@keyframes owr-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* ---------- Drei Karten ---------- */

/* ---------- Einsatzstellen / Landesverband ---------- */

.owr-modern .wt-einheit {
	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 .wt-einheit:hover { transform: translateY(-4px); box-shadow: var(--m-shadow-hover) !important; }
.owr-modern .wt-einheit__art * { font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; color: #8A90A0 !important; }
.owr-modern .wt-einheit__name * { font-weight: 700; }

/* ---------- Hast du Fragen ---------- */

/* ---------- Nachrichten ---------- */
.owr-modern .wt-news { background: transparent; margin-top: 120px; padding: 0 12px; }
.owr-modern .wt-news--archiv { margin-top: 0; }

.owr-modern .wt-news__raster { gap: 24px; }
.owr-modern .wt-karte {
	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 .wt-karte:hover { transform: translateY(-6px); box-shadow: var(--m-shadow-hover); }
.owr-modern .wt-karte__bild img { transition: transform .6s var(--m-ease); }
.owr-modern .wt-karte:hover .wt-karte__bild img { transform: scale(1.05); }
.owr-modern .wt-karte__inhalt { padding: 22px 22px 8px; }
.owr-modern .wt-karte__titel { font-size: 1.15rem; font-weight: 700; letter-spacing: -0.01em; }
.owr-modern .wt-karte__weiter { font-weight: 600; }
.owr-modern .wt-karte__meta { padding: 0 22px 20px; }
.owr-modern .wt-karte__datum { font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; color: #8A90A0 !important; }
.owr-modern .wt-news__alle {
	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 .wt-news__alle:hover { background-color: var(--m-navy) !important; color: #fff !important; text-decoration: none; }

/* ---------- Kooperationen ---------- */

/* ---------- Footer: dunkel ---------- */
.owr-modern .wt-fuss { margin-top: 120px; }
.owr-modern .wt-fuss__netz { background: var(--m-navy); border: 0; padding-top: 40px; }
.owr-modern .wt-fuss__netz-titel * { color: rgba(255,255,255,.6) !important; font-size: .85rem; letter-spacing: .2em; }
.owr-modern .wt-fuss__netz-liste .wt-symbol { fill: #fff; }
.owr-modern .wt-fuss__netz-liste a:hover .wt-symbol { fill: var(--m-accent); }
.owr-modern .wt-fuss__netz-liste figcaption { color: rgba(255,255,255,.75); }
.owr-modern .wt-fuss__spalten { background: var(--m-navy); border: 0; border-top: 1px solid rgba(255,255,255,.08); padding: 50px; }
.owr-modern .wt-fuss__spalte * { color: rgba(255,255,255,.75) !important; }
.owr-modern .wt-fuss__spalten ul li:first-child a:link { color: #fff !important; font-size: 1rem; }
.owr-modern .wt-fuss__spalten a:hover { color: #fff !important; text-decoration: none; }
.owr-modern .wt-fuss__recht { background: #091E3A; }
.owr-modern .wt-fuss__recht-menue a, .owr-modern .wt-fuss__recht-menue a:link { color: rgba(255,255,255,.7) !important; }
.owr-modern .wt-fuss__recht-menue li:not(:last-child)::after { background: rgba(255,255,255,.2); }
.owr-modern .wt-fuss__copyright { background: #091E3A; }
.owr-modern .wt-fuss__copyright * { color: rgba(255,255,255,.55) !important; font-size: .85rem; }

.owr-modern .wt-nach-oben { border-radius: 50%; background: var(--m-accent); color: #fff; border: 0; box-shadow: var(--m-shadow); }

/* ---------- Seiten / Beitrag ---------- */

.owr-modern .wt-akkordeon { border: var(--m-border); border-radius: 16px; overflow: hidden; background: var(--m-grey); }
.owr-modern .wt-akkordeon__zeichen { color: var(--m-accent); }
.owr-modern .entry-content .wp-block-button__link, .owr-modern .wt-startinhalt .wp-block-button__link { border-radius: 999px; font-weight: 600; }

/* ---------- Popup-Menü (mobil) ---------- */
.owr-modern .wt-menue__spenden-titel, .owr-modern .wt-menue__kontakt-titel, .owr-modern .wt-menue__mitglieder-titel { border-radius: 14px; }
.owr-modern .wt-einheit.wt-einheit--lv { border-radius: 20px; }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	
	
	
	 .owr-modern .wt-news, .owr-modern .wt-fuss { margin-top: 72px; }
	
	.owr-modern .wt-fuss__spalten { padding: 32px 24px; }
}

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

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