@charset "UTF-8";
/**
 * MVD CSS Style Sheets
 */

/* HTML Elemente */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--mvd-schrift-titel);
	margin-top: 1.5em;
	margin-bottom: 1em;

	/* Farben: mvd_farben.css (Tönungsreihe von #000033 dort) */
	border-bottom: 1px solid var(--mvd-linie);

}

body {
	font-size: 0.90rem;
}

/* Inline-SVG-Icons (ersetzen seit dem S494-Audit den Bootstrap-Icons-Font) */
.bi {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	fill: currentColor;
}

/* Gestaltung Button "Scroll Back to Top" */
#btn-back-to-top {
	position: fixed;
	bottom: 216px;
	right: 15px;
	display: none;
}

/* Gestaltung Top Menu */
#topmenu {
	border-bottom: 1px solid var(--mvd-blau);
}

/* 10.10.2026: Nebelblau statt des violettstichigen #DEDFFF */
#topmenu.bg-light {
	background-color: var(--mvd-nebel) !important;
}

/* Gestaltung Content Container */
#contentcontainer {
}

/* Skip-Link "Zum Inhalt springen": nur bei Tastaturfokus sichtbar (Bootstrap .visually-hidden-focusable) */
.mvd-skiplink:focus {
	position: fixed;
	top: .5rem;
	left: .5rem;
	z-index: 2000;
	padding: .5rem 1rem;
	background: var(--mvd-papier);
	color: var(--mvd-blau);
	border: 2px solid var(--mvd-blau);
	border-radius: .25rem;
	text-shadow: none;
}

/* Sprungziel <main>: kein Fokusrahmen um den ganzen Inhalt, Ziel nicht unter dem Sticky-Menü verstecken */
#inhalt:focus {
	outline: none;
}
#inhalt {
	scroll-margin-top: 5rem;
}

/* Gestaltung Brotkrumenmenü */
#breadcrumb {
	--bs-breadcrumb-divider: '»';
}
#breadcrumbContainer {
	padding-left: 0.5rem;
}

.breadcrumb {
	min-height: 60px;
}

/* Navbar Light Links (10.10.2026: ohne Leuchtschatten und ohne Rot — Hervorhebung durch Gold-Unterstreichung) */
.navbar-light .navbar-nav .nav-link {
	color: var(--mvd-blau);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: transparent;
	text-underline-offset: 6px;
	transition: text-decoration-color .2s;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .show>.nav-link:hover {
	color: var(--mvd-blau);
	text-decoration-color: var(--mvd-gold);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
	color: var(--mvd-blau);
	font-weight: bold;
	text-decoration-color: var(--mvd-altgold);
}


/* Drop Down Menu Items: aktiver/überfahrener Eintrag mit Goldkante links */
.dropdown-item.active, .dropdown-item:active {
	color: var(--mvd-blau);
	text-decoration: none;
	font-weight: bold;
	background-color: var(--mvd-papier-blau) !important;
	box-shadow: inset 3px 0 0 var(--mvd-altgold);
}

.dropdown-item:focus, .dropdown-item:hover {
	color: var(--mvd-blau);
	text-decoration: none;
	background-color: var(--mvd-nebel) !important;
	box-shadow: inset 3px 0 0 var(--mvd-gold);
}

/* General Link Styles (10.10.2026: ohne Leuchtschatten, Hover = Gold-Unterstreichung statt Rot) */
a {
	color: var(--mvd-blau-hell);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	transition: text-decoration-color .2s;
}

a:hover {
	color: var(--mvd-blau);
	text-decoration-color: var(--mvd-gold);
}

/* Footer Link Styles */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: var(--mvd-weiss-75);
	text-decoration-color: var(--mvd-gold);
}

.navbar-dark .navbar-nav .nav-link {
	color: var(--mvd-weiss-55);
}

/* Gestaltung Footer */
#footer {
	margin-top: 3rem;
}

.dropdown-menu {
	font-size: 0.80rem;
}

/* Mehr Abstand im Burger Menü */
.navbar-light .navbar-toggler {
	margin-bottom: 10px;
}

/* Nach-Audit T54 (09.10.2026): Blocksatz ist im Editor wählbar (RTE-Preset, Klasse text-justify), Bootstrap 5
   kennt die Klasse nicht mehr -> im Frontend wirkte sie nicht (z. B. News 459). */
.text-justify { text-align: justify; }

/* Handy (10.10.2026): „Bild im Text“ (FSC ce-intext) nicht mehr neben den Text stellen — neben 240–320 px breiten
   Bildern blieben 50–120 px schmale Textspalten (Mobil-Messung: Infos zu H2D). Das Bild steht über dem Text. */
@media (max-width: 575.98px) {
	.ce-intext.ce-right .ce-gallery,
	.ce-intext.ce-left .ce-gallery {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.ce-intext.ce-left.ce-nowrap .ce-bodytext,
	.ce-intext.ce-right.ce-nowrap .ce-bodytext {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Lange Adressen im Fließtext umbrechen statt die Seite zu verbreitern */
main p a,
main li a,
main td a {
	overflow-wrap: anywhere;
}