@import url("fonts.css");

/* Farbwerte:
primary: '#006284'
secondary: '#ededed'
tertiary: '#333333'
quaternary: '#333333'
*/
body {
	font-family: "Gudea",Helvetica,Arial,sans-serif;
  background-color: #fff;
  color: #333;
}

a {
	text-decoration: none;
}
/* Navigation alt

.navbar-transition.navbar-top {
    height:150px;
}
.navbar.navbar-top img {
	max-height: 100%;
	transition: all 0.3s ease-in-out;
	padding-bottom: .55rem;
  padding-top: .3rem;
}
.navbar-transition.navbar-top img {
	max-height: 65%;
	transition: all 0.3s ease-in-out;
		padding-bottom: .1rem;
  padding-top: .1rem;
}

#mainnavigation {
	margin-right:200px;
	margin-top: 138px;
  padding-bottom: 8px;
}
.navbar-transition #mainnavigation {
	margin-right:200px;
	margin-top:100px;
}

.navbar-fixed-top .navbar-collapse.show {
	background: #fff;
}

.navbar-nav li i {
	padding: 0.3rem 0 0 0.8rem;
}
@media (min-width: 1200px) {
	.navbar-mainnavigation .navbar-brand {
	    height: 200px;
	}
	.navbar-mainnavigation.navbar-transition > .container > .collapse > .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
		transition: all 0.3s ease-in-out;
	}
}

@media (min-width: 992px){
	.navbar-mainnavigation .navbar-nav {
    justify-content: right;
	}
	.navbar-mainnavigation .navbar-brand {
	    height: 90px;
	}
	.navbar-transition > .container > .collapse > .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		transition: all 0.3s ease-in-out;
	}
}
@media (min-width: 768px){
	.navbar-mainnavigation .navbar-brand {
	    height: 180px;
	}
}
.navbar-header-main .navbar-brand {
    line-height: 80px;
    height: 80px; 
}
.navbar-main > li > .navbar-text, .navbar-main > li > a {
    padding: 0px 10px;
}
.navbar-mainnavigation .navbar-nav > li.show > .nav-link::before, .navbar-mainnavigation .navbar-nav > li.active > .nav-link::before,
.navbar-mainnavigation .navbar-nav > li > .nav-link:focus::before, .navbar-mainnavigation .navbar-nav > li > .nav-link:hover::before, 
.navbar-mainnavigation .navbar-nav > li:hover > .nav-link::before {
    display:none;
}
*/
/*Navigation RL */
.navbar-mainnavigation .navbar-brand-image {
	margin: 1.2rem 0;
}
.navbar-mainnavigation.navbar-transition .navbar-brand-image {
	margin: 0.6rem 0;
}
@media (min-width: 992px){
	.navbar-mainnavigation .navbar-brand-image img {
    max-height: calc(var(--mainnavigation-nav-height) * .8);
    transition: all 0.4s ease-in-out;
	}
	.navbar-mainnavigation.navbar-transition .navbar-brand-image img {
    max-height: calc(var(--mainnavigation-nav-height) * .75);
    transition: all 0.4s ease-in-out;
	}
	.navbar-mainnavigation .navbar-nav {
	  justify-content: flex-end;
	  align-self: flex-end;
	  margin-bottom: 0.6rem;
	  transition: all 0.4s ease-in-out;
	}
	.navbar-mainnavigation.navbar-transition .navbar-nav {
    margin-bottom: 0.1rem;
    transition: all 0.4s ease-in-out;
	}
	.navbar-mainnavigation .nav-link.nav-link-main:before {
    height: 2px;
	}
}

header.navbar {
    box-shadow: none !important;
}
header.navbar-transition {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) !important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-nav-link-color);
    font-weight: 600;
}
.nav.nav-sidebar li a {
	color: #444;
	font-size:16px;
}

/* Subnavigation linke/rechte Spalte */
.subnav-link {
  color:#333;
  border-right:0;
  border-left:0;
}
.subnav-link:hover, .subnav-link:focus {
    color:#fff;
    background-color: #156192;
    border-color: #d9d9d9;
}
.active > .subnav-link {
	color: #fff !important;
	background-color: #156192;
}

@media (min-width: 1200px) {
	.container {
	    width: 1180px;
	}
}
@media (max-width: 1200px){
	.navbar-mainnavigation .navbar-brand-image img {
		max-height: 75%;
	}
	.navbar-brand-image > img {
    max-height: 54%;
	}
	#mainnavigation {
		margin-right:0px;
	}
}
@media (max-width: 991px){
	.navbar.navbar-top {
    padding-bottom: 0;
	}
	.main-section {
		margin-top: 10px;
	}
	#mainnavigation {
		margin-right:20px;
		margin-top:20px;
	}
}
@media (min-width: 992px){
	.navbar-main > li > .navbar-text, .navbar-main > li > a {
	    line-height: 80px;
	}
}

/* BS4 Breadcrumb-Navi */
.breadcrumb-item + .breadcrumb-item::before {
	font-family: "FontAwesome";
	content: "\f101";
}
.breadcrumb-section {
border-bottom:1px solid #dadada;
}

.section-secondary {
	color: #2b2b2b;
	background-color: #ededed;
}
#p158 .section-secondary {
	color: #333;
	background-color: #fff;
}

h1,.h1 {
    font-size: 1.15rem;
}
h2,.h2 {
    font-size: 1.1rem;
}
h3,.h3 {
    font-size: 1.05rem;
}
h4,.h4 {
    font-size: 1rem;
}
h5,.h5 {
    font-size: 0.95rem;
}
h6,.h6 {
    font-size: 0.9rem;
}

h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-transform: none;
    font-weight: 700;
}

/* Header-Klasse "Großbuchstaben" (header_class im BE): Ueberschrift in Grossbuchstaben */
.header-uppercase {
    text-transform: uppercase;
}

/* Navigation + Dropdowns: keine Grossbuchstaben */
.navbar-mainnavigation .nav-link,
.navbar-mainnavigation .dropdown-menu .nav-link,
.navbar-main > li > a,
.navbar-main > li > .navbar-text,
.dropdown-menu .nav-link,
.dropdown-menu .dropdown-item,
.subnav-link,
.nav-tabs > li > a {
    text-transform: none;
}

@media (min-width: 992px) {
    h1,.h1 {
        font-size: 1.25rem;
    }

    h2,.h2 {
        font-size: 1.2rem;
    }

    h3,.h3 {
        font-size: 1.15rem;
    }

    h4,.h4 {
        font-size: 1.1rem;
    }

    h5,.h5 {
        font-size: 1.05rem;
    }

    h6,.h6 {
        font-size: 1rem;
    }
}
/* "Extraklein": bsp-Frames haben immer ein eingebautes Padding (--frame-spacing, ~1.75rem
   pro Seite); frame-space-* steuert nur zusaetzliches Margin (Default 0). Damit "extraklein"
   den Abstand wirklich verkleinert, wird hier auch das Frame-Padding reduziert. */
.frame-space-before-extra-small {
    --frame-outer-spacing-before: 0;
    padding-top: 0.375rem;
}
.frame-space-after-extra-small {
    --frame-outer-spacing-after: 0;
    padding-bottom: 0.375rem;
}

/* Frame-Option Indent: Desktop (xxl) etwas weniger Einzug als BSP-Default 25% */
@media (min-width: 1400px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 20%;
    }
    .frame-option-indent-right .frame-inner {
        margin-right: 20%;
    }
}

/* frame_class=none: Wrapper ohne eigene Box (Margin-Collapse bleibt erhalten) */
.frame-anchor {
    display: contents;
}
/* Fallback: leere CE-Anker aus dem Fluss nehmen */
a[id^="c"]:empty {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* Frame-Spacing: grosszuegigerer Innenabstand (Ist/Soll-Vergleich Desktop).
   Progressiv: kleinere Breakpoints weniger Zuwachs als xl; Basis +50 %. */
:root {
    --frame-spacing: 3.3rem;
    --frame-spacing-xs: 3.3rem;
    --frame-spacing-sm: 3.975rem;
    --frame-spacing-md: 4.65rem;
    --frame-spacing-lg: 5.325rem;
    --frame-spacing-xl: 6rem;
    --frame-spacing-small: 1.425rem;
    --frame-spacing-small-xs: 1.425rem;
    --frame-spacing-small-sm: 1.725rem;
    --frame-spacing-small-md: 2.025rem;
    --frame-spacing-small-lg: 2.25rem;
    --frame-spacing-small-xl: 2.55rem;
}

/* BS4 Carousel 
.frame-type-carousel {
	padding:0;
}
.carousel .carousel-inner .item {
	height:auto;
	max-height:400px;
}
.carousel .carousel-item .valign {
	max-width: 100%;
}
.carousel-item-type-image .carousel-image img {
	width: 100%;
	border-radius: 2rem 0 2rem 0;
}
.carousel .carousel-item {
	padding-left:0;
	padding-right:0;
}
*/
.carousel-item-type-image .carousel-image img {
	border-radius: 2rem 0 2rem 0;
}
.carousel-control-prev, .carousel-control-next {
	opacity: 0;
}
/* Header-Slider: Rundungen oben links / unten rechts */
.frame-type-carousel .carousel {
    border-radius: 2rem 0 2rem 0;
    overflow: hidden;
}
/* Hoehe nicht durch bsp erzwingen (400/600px), Inhalt bestimmt die Hoehe */
.frame-type-carousel .carousel .item {
    height: auto;
}
/* kein farbiger Hintergrund hinter den Slides */
.frame-type-carousel .carousel-item {
    background-color: transparent;
}
/* kein Innenabstand fuer die (unsichtbaren) Controls - Bild bis an beide Raender */
.frame-type-carousel .carousel-item-type-text_and_image {
    padding-left: 0;
    padding-right: 0;
}
/* Container-Begrenzung des bsp aufheben + Textbox unten links ausrichten */
.frame-type-carousel .carousel .carousel-content-inner {
    max-width: none;
    align-items: flex-end;
    justify-content: flex-start;
}
/* Bild auf allen Screens anzeigen (bsp blendet es unter 576px aus) und als Cover skalieren */
.frame-type-carousel .carousel-item-type-text_and_image .carousel-image {
    display: block;
}
.frame-type-carousel .carousel-item-type-text_and_image .carousel-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mw-slider-overlay {
    position: relative;
    display: flex;
    align-items: flex-end; /* Textbox unten */
    justify-content: flex-start; /* Textbox links */
    /* Hoehe folgt der Breite - Seitenverhaeltnis wie in der Vorlage (ca. 2.35:1) */
    aspect-ratio: 2.35 / 1;
    min-height: 320px;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.mw-image-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Spricht das gerenderte Bild des bsp Partials an */
.mw-image-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mw-text-layer {
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5); /* halbtransparenter dunkler Hintergrund */
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    padding: 1.5rem 2rem;
    max-width: 480px;
    margin: 0 0 2.5rem 2.5rem; /* Box unten links */
    border-radius: 1rem 0 1rem 0;
    box-shadow: none;
}
.mw-text-layer h1, .mw-text-layer h2, .mw-text-layer h3, .mw-text-layer h4, .mw-text-layer h5, .mw-text-layer h6 {
    color: #fff;
    text-transform: none; /* Headline nicht uppercase */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}
.mw-text-layer .carousel-subheader {
    font-size: 1.1rem;
}
.mw-text-layer a {
    color: #fff;
}

/* Responsives Verhalten Header-Slider */
@media (max-width: 991px) {
    .mw-slider-overlay {
        aspect-ratio: 2 / 1;
    }
}
@media (max-width: 768px) {
    .mw-slider-overlay {
        aspect-ratio: auto;
        min-height: 320px;
    }
    .mw-text-layer {
        /* genug Abstand nach unten, damit die Box nicht auf den Navipunkten liegt */
        margin: 0 1rem 3rem 1rem;
        padding: 1rem 1.25rem;
        max-width: calc(100% - 2rem);
    }
    .mw-text-layer h1, .mw-text-layer h2, .mw-text-layer h3, .mw-text-layer h4, .mw-text-layer h5, .mw-text-layer h6 {
        font-size: 1.05rem;
    }
}

.frame-container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .frame-container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .frame-container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .frame-container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .frame-container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .frame-container {
        padding-left:0;
        padding-right:0;
    }
}


.frame {
	color:#333;
}

/* BS Accordion - Header in Tab-Pill-Optik (bg-Farben + Rundungen) */
.accordion-item {
	margin-bottom: 1rem;
	border: none;
	background: transparent;
}
.accordion-item:not(:first-of-type) {
	border-top: none;
}
.accordion-item:first-of-type,
.accordion-item:last-of-type {
	border-radius: 0;
}
.accordion-button {
	background-color: #a5aeb0;
	color: #fff;
	font-weight: 700;
	border-radius: 2rem 0 2rem 0 !important;
	padding: 1.5rem 2rem;
	transition: background-color 0.25s ease-in-out;
}
.accordion-button:hover,
.accordion-button:focus {
	background-color: #006284;
	color: #fff;
	box-shadow: none;
	outline: none;
}
/* geoeffnet: Primaerfarbe wie aktiver Tab-Pill */
.accordion-button:not(.collapsed) {
	background-color: #006284;
	color: #fff;
	box-shadow: none;
}
/* Pfeil-Indikator in Weiss */
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.btn-outline-primary::after, .link-arrow::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 17px;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.15s ease-in-out;
}

/* Pfeil-Links: Linie nur unter dem Text (nicht unter dem Pfeil, nicht bei .btn) */
a.link-arrow:not(.btn),
span.link-arrow:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 0.7em;
  text-decoration-thickness: 1px;
}

.btn-outline-primary:hover::after,
.btn-outline-primary:active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
}

/* RTE-Listen mit Klasse "list-chevron" – Mareko-Pfeil statt BSP-Chevron */
.list-chevron > li {
  padding-left: 2em;
  margin-bottom: 0.9em;
}
.list-chevron > li:last-child {
  margin-bottom: 0;
}
.list-chevron > li:before {
  width: 0.85em;
  height: 0.85em;
  margin-top: 0.3em;
  margin-left: -2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* BS Card */
h3.card-title {
	font-weight:bold;
}
.section-primary .card-title a:not(.btn) {
    color: #000; 
}

/* BS media-list */

.media-list, .media-list h4, .media-list .h4 {
	font-size:1.1rem;
}
.uploads-filename {
	color:#333;
}
.frame-background-dark .uploads-filename {
	color:#fff;
}
ul.media-list {
	padding-left:0;
	list-style: none;
}
li.media {
	margin-bottom: 0.4rem;
}
/* Dateiliste: Mareko-Pfeil wie bei .list-chevron */
ul.media-list li.media {
	position: relative;
	padding-left: 1.7em;
}
ul.media-list li.media::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em; /* Mitte der ersten Zeile */
	transform: translateY(-50%);
	width: 0.85em;
	height: 0.85em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.frame-background-dark ul.media-list li.media::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
}
.uploads-filesize {
	display: inline-block;
	margin-left:15px;
	font-size:1rem;
}
.bootstrappackageicon-file:before {
    content: "" !important;
    width:24px;
    height:24px;
    margin-bottom:-7px;
    margin-right:0;
    display:inline-block;
}
/* Dateilinks im Akkordeon-Layout: kein Datei-Icon (Pfeil kommt via media-list) */
.frame-layout-accordion .uploads-fileicon,
.frame-layout-accordion-open .uploads-fileicon {
    display: none;
}

/* Bilder */
.frame-default .image img {
	width:100%;
	max-width: 100%;
	height: auto;
}
.frame-well .image img {
	width: 100%;
	height: auto;
}
.originalsize .image img, .originalsize .gallery-item:not(.gallery-item-size-1) img, .originalsize .gallery-item:not(.gallery-item-size-1) picture  {
	width:auto;
	height:auto;	
	float:left;
}
.frame-ruler-before, .frame-ruler-after {
    border-top: 0;
}
.container .frame-has-backgroundimage, .container .frame-background-primary, .container .frame-background-secondary, .container .frame-background-light, .container .frame-background-dark {
	padding: 1.5rem;
}
.container .frame-background-light{
  position: relative;
  background-color: #E5E5E5;
  border: 1px solid silver;
	padding: 1.5rem !important;
}


.fixed-buttons {
	position:absolute;
	z-index:1010; /* unter dem fixierten Header (theme.css: z-index 1020) */
	right:-1rem;
}
.fixed-buttons-list {
	list-style:none;
	margin:0;
	padding:0;
}
.fixed-buttons a,
.fixed-buttons button {
	display:block;
	margin-bottom:.3rem;
	width:100%;
}

/* Startseite: Karriere / Downloads (und aehnliche Button-Paare) gleich breit */
.frame-inner > p.text-center:has(> .btn-outline-primary ~ .btn-outline-primary) {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	justify-content: center;
	gap: 3rem;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.frame-inner > p.text-center:has(> .btn-outline-primary ~ .btn-outline-primary) > .btn-outline-primary {
	width: 100%;
	margin-right: 0 !important;
	text-align: center;
}

/* Scroll to top Button */
.scroll-top {
	border-radius: 1.5em;
}

/* News Extension */
.news-list-item {
	clear:both;
	border-bottom:1px solid #d9d9d9;
	padding:20px 0;
}
.news-list-item h3 {
	font-size: 1.3vw;
	font-weight:600;
}
.lead {
	font-size: 1rem;
}
.news-single .lead {
	font-weight:600;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.news .pagination a, .news .pagination li.active span, .news .pagination li.disabled span {                                                                                                                                                                                    
    padding: 0.5rem 0.75rem;
    border: 1px solid #d9d9d9;
}

/* DCE */
.linklist {
	background:#156192;
}
.linklist-box {
	background:#156192;
	border-right:2px solid #fff;
	transition: all 0.3s ease-in-out;
	padding-right:0;
	padding-left:0;
}
.linklist-box:hover {
	background:#9c9c9c;
	transition: all 0.3s ease-in-out;
}
.lb-last {
	border-right:0;
}
.linklist-box a {
	padding:10px 0 10px 20px;
	display:block;
	font-size:24px;
	font-weight:normal;
	color:#fff;
}
.linklist-box a:hover {
	text-decoration:none;
}

/* Footer */
.footer-section {
	color:#000;
	font-size: 90%;
	background: #ededed;
	border-top: 1px solid #dadada;
}
.footer-section ul {
	padding-left:0;
}
.footer-section h1 {
	font-size: 180%;
}
.footer-section h2 {
	font-size: 160%;
}
.footer-section h3 {
	font-size: 140%;
	font-weight:600;
}
.footer-section h4 {
	font-size: 120%;
}
.footer-section h5 {
	font-size: 110%;
}

.footer-section li {
	list-style: none;
}
.footer-section a, .footer-section a:not(.btn) {
	color:#000;
}
.footer-section a:hover, .footer-section a:not(.btn):hover, .footer-section a:not(.btn):focus {
	color:#156192;
	text-decoration:underline;
	transition: all 0.3s ease-in-out;
}
.footer-section ul {
	padding-left:0;
}

/* Footer: Social-Media (HTML-IE, rechte Spalte unter Impressum) */
.footer-social {
	margin-top: 1.25rem;
}
.footer-social-list {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid #333;
	border-radius: 50%;
	color: #333;
	text-decoration: none;
	transition: color .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
}
.footer-social-link svg {
	width: 1.15rem;
	height: 1.15rem;
	fill: currentColor;
}
.footer-section .footer-social-link:hover,
.footer-section .footer-social-link:focus {
	color: #006284;
	border-color: #006284;
	background-color: rgba(0, 98, 132, .08);
	text-decoration: none;
}

.footer-section-meta {
	background:#fff;
	padding:20px 0;
	text-align:left;
}
.footer-section-meta .col-right {
	text-align:right
}
@media (max-width: 769px) {
	.footer-copyright {
		font-size: small;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
}

.footer-section-content-column-left figure img {
  margin: 0;
}
.footer-section-content-column-left .frame-default .image img {
	max-width:85%;
}
@media (max-width: 1199px) {
	.footer-section-content-column-left .frame-default .image img {
		max-width:100%;
	}
}
@media (max-width: 769px) {
	.footer-section-content-column-left .frame-default .image img {
		max-width:66%;
	}
}

.footer-section-content .section-row {
    background-image: repeating-linear-gradient(
        to left,
        #006284 0,
        #006284 1px,
        transparent 1px,
        transparent 6px
    );
    background-size: 72px 100%; /* Beschraenkt die Breite auf genau 12 Linien */
    background-position: right top; /* Richtet das Muster rechtsbuendig aus */
    background-repeat: no-repeat; /* Verhindert ein Endlos-Muster */
} 







.navbar-header-main .navbar-brand {
	margin-top:15px;
	line-height: 168px;
	height: auto;
}
.navbar-main > li > a {
	line-height:normal;
  font-weight: normal; 
  border-right:2px solid #8d8d8d;
}
.navbar-main > li:last-child > a { 
  border-right:none;
}
.navbar-main > li > a > .bar {
	display:none;
}
.dropdown-menu > li > a {
    padding: 4px 15px;
}
.navbar-main  {
	margin:163px 15px 0 90px;
	float:left;
}
.navbar .container {
	position:relative;
}
.info-box-header {
	position:absolute;
	right:0;
	text-align:right;
}
.info-box-header a {
	padding:3px 37px 3px 0;
	margin:0 15px;
	color:#8d8d8d;
	text-decoration:none;
	display:block;
}
.header-phone {
	background: url("../Icons/phone.png") no-repeat right center;
}
.header-email {
	background: url("../Icons/email.png") no-repeat right center;
}
.header-downloads {
	background: url("../Icons/downloads.png") no-repeat right center;
}

.icon-img {
	height:50px;
	width:50px;
}

@media (max-width: 991px){
	.navbar-mainnavigation.navbar-transition .navbar-brand-image img {
    max-height: 65%;
    transition: all 0.3s ease-in-out;
	}
}
@media (max-width: 769px){
	.navbar-mainnavigation .navbar-brand-image {
    padding-top: 0; 
    padding-bottom: 0; 
	}
	.navbar-mainnavigation .navbar-brand {
    height: 120px;
	}
	#mainnavigation, .navbar-transition #mainnavigation {
  	margin-right: 0;
  	margin-top: 0;
	}	
	.navbar-transition.navbar-top {
    height: auto;
	}
}

.slider-top {
	margin-top:15px;
}
.panel-heading a:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e258";    /* adjust as needed, taken from bootstrap.css */
    font-family: FontAwesome;
    content: "\f103";
    float: right;        /* adjust as needed */
    color: #156192;         /* adjust as needed */
    font-size:140%;
    margin-top: -5px;
}
.panel-heading a.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e259";    /* adjust as needed, taken from bootstrap.css */
    content: "\f101";
}

.list-gc {
	margin-left: 27px;
	display:block;
}
.gc-listitem {
	float:left;
	margin-top:3px;
	display:block;
}
.bg-blue .info-img-box a:hover {
	color:#666;
	-webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bg-blue .info-img-box a:hover {
	color:#666;
	-webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  width:33.33333333%;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.55;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  font-size:120%;
  font-weight:bold;
}
.nav-tabs > li > a:hover {
  border-color: #ffffff #ffffff #dddddd;
  background-color: #ffffff;
}
.nav-tabs > li > .nav-link.active,
.nav-tabs > li > .nav-link.active :hover,
.nav-tabs > li > .nav-link.active :focus {
  color: #156192;
  background-color: #ededed;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs > li > a:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e258";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #555555;         /* adjust as needed */
    font-family: FontAwesome;
    content: "\f101";
    font-size:140%;
    margin-top: -5px;
}
.nav-tabs > li > a.active:after {
    /* symbol for "collapsed" panels */
    content: "\e259";    /* adjust as needed, taken from bootstrap.css */
    color: #156192;
    content: "\f103";
}
.tab-navigation {
  margin-bottom: 0px;
}
.tab-content > .active {
  padding:30px 15px 20px 15px;
  border: 1px solid #dddddd;
  border-top:none;
  background:#ededed;
}
.tab-pane-img {
	padding:7px 0 20px;
}

.carousel-indicators {
	bottom:0;
}

.nomarpad {
	padding:0;
	margin:0;
}
.bg-grey-100 {
	background:#ededed;
	margin:0;
	width:100%;
}
.bg-grey, .frame-background-light {
	background:#ededed !important;
	padding:30px 30px;
	min-height:340px;
}
.bg-blue {
	background:#6c94c1;
	padding:30px 30px;
	color:#fff;
	min-height:340px;
}
.bg-blue a, .bg-blue a:hover, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5 {
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.frame-background-dark {
	background: #6c94c1 url("../Icons/arrow-down.png") no-repeat 30px 26px;
	padding:73px 30px 30px !important;
	color:#fff;
	min-height:340px;
}
.frame-background-dark a, .frame-background-dark a:hover, .frame-background-dark a:not(.btn), .frame-background-dark h1, .frame-background-dark h2, .frame-background-dark h3, .frame-background-dark h4, .frame-background-dark h5 {
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.scrolloff {
	pointer-events: none;
}
.onlydis-xxs {
	display:none;
}
.navbar {
	--bs-navbar-toggler-focus-width: 0;
}
@media (max-width: 1200px) {
	.navbar-main  {
		margin:163px 15px 0 15px;
		float:right;
	}

	.navbar-main > li > a {
	    padding: 0px 10px;
	}
	.info-box-header .frame {
    margin:0;
	}
	.tx-reint-downloadmanager .info-img-box {
		margin:6px 0;
	}
}


@media (max-width: 991px) {
	
	.navbar-toggle {
    margin: 145px 12px 0 0;
	}
	.navbar-main  {
		margin:15px;
		float:left;
	}
	.navbar-main > li > a {
    line-height: 1.8em;
    font-size: 1.5em;
    border-right: none;
	}
	
	.navbar-header-main .navbar-brand {
		margin-top:0;
	}
	
	.tx-reint-downloadmanager .info-img-box {
		margin:7px 0;
	}
}

@media (max-width: 630px) {

	.nav-tabs > li > a {
		font-size: 90%;
	}
	.tx-reint-downloadmanager .info-img-box {
		margin:10px 0;
	}
}

@media (max-width: 991px) {

	.container-header {
		padding-top:30px;
	}
	.info-box-header .frame {
    padding-top: 0;
    padding-bottom: 0;
	}
	.info-box-header {
		position:absolute;
		top:5px;
		right:20px;
		left:0;
		text-align:right;
	}
	.info-box-header a {
		padding:3px 37px 3px 0;
		margin:0 0 0 10px;
		color:#8d8d8d;
		text-decoration:none;
		display:inline-block;
	}
	a.header-email {
		margin:0;
		width:37px;
	}
	.nodis-xxs {
		display:none;
	}
	.onlydis-xxs {
    display:block;
	}
}


@media (max-width: 450px) {
	.nav-tabs > li > a:after {
		display:none;
	}
}
@media (max-width: 520px) {
	.info-box-header .nodis-xxxs {
		display:none;
	}
}

.navbar-mainnavigation {
    --mainnavigation-link-height: calc((var(--mainnavigation-link-padding-y) * 1) + (var(--mainnavigation-link-line-height)));
}

.btn {
    --bs-btn-font-weight: 600;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.9rem;
    --bs-btn-border-width: 2px;
    --bs-border-radius: 1rem;
}

:root, [data-bs-theme="light"] {
    --bs-heading-color: #212121;
}

/* ==========================================================================
   Teaser-Slider (CType mw_teaserslider, Swiper.js)
   Varianten: --teaser (Bild links, Text rechts, Link)
              --testimonial (Zitat, grauer Hintergrund, schmaler, ohne Link)
   ========================================================================== */
.mw-teaser-slider {
    position: relative;
    /* Ausbruch aus dem Container: volle Seitenbreite */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 0 0 1rem;
}
.mw-teaser-slider .swiper-slide {
    width: min(900px, 86vw);
    height: auto;
    box-sizing: border-box;
}
/* Testimonials: kein Ausbruch, bleibt in der Contentbreite (wie frame-container-default) */
.mw-teaser-slider--testimonial {
    width: 100%;
    margin-left: 0;
}
/* Breite kommt von Swiper (slidesPerView: 2, mobil 1) */
.mw-teaser-slider--testimonial .swiper-slide {
    width: auto;
}

/* Karte */
.mw-teaser-card {
    --mw-teaser-card-background: #fff;
    --mw-teaser-card-color: #333;
    --mw-teaser-card-heading: #006284;
    --mw-teaser-card-link: #006284;
    display: flex;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
    background: var(--mw-teaser-card-background);
    color: var(--mw-teaser-card-color);
    border-radius: 2rem 0 2rem 0;
    border: 1px solid #e3e3e3;
}
/* Farbvarianten ueber das Layout-Feld der Carousel-Items
   (custom nutzt die Farbwaehler background_color / text_color) */
.mw-teaser-card-layout-primary {
    --mw-teaser-card-background: #006284;
    --mw-teaser-card-color: #fff;
    --mw-teaser-card-heading: #fff;
    --mw-teaser-card-link: #fff;
    border: 0;
}
.mw-teaser-card-layout-secondary {
    --mw-teaser-card-background: #ededed;
    --mw-teaser-card-heading: #000;
    border: 0;
    min-height: 20rem;
}
@media (max-width: 767px) {
    .mw-teaser-card-layout-secondary {
        min-height: 14rem;
    }
}
.mw-teaser-card-layout-light {
    --mw-teaser-card-background: #f8f9fa;
    border: 0;
}
.mw-teaser-card-layout-tertiary,
.mw-teaser-card-layout-quaternary,
.mw-teaser-card-layout-dark {
    --mw-teaser-card-background: #333333;
    --mw-teaser-card-color: #fff;
    --mw-teaser-card-heading: #fff;
    --mw-teaser-card-link: #fff;
    border: 0;
}
.mw-teaser-card-image {
    flex: 0 0 42%;
    max-width: 42%;
}
.mw-teaser-card-image img,
.mw-teaser-card-image picture {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mw-teaser-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 2.5rem;
}
.mw-teaser-card-header {
    color: var(--mw-teaser-card-heading);
    text-transform: none; /* nicht uppercase */
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.mw-teaser-card-subheader {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.75rem;
}
.mw-teaser-card-text {
    margin-bottom: 0.75rem;
}
.mw-teaser-card-linkwrap {
    margin-top: auto;
}
.mw-teaser-card-link {
    font-weight: 600;
    color: var(--mw-teaser-card-link);
}
/* weisser Pfeil auf dunklen Karten */
.mw-teaser-card-layout-primary .mw-teaser-card-link.link-arrow::after,
.mw-teaser-card-layout-tertiary .mw-teaser-card-link.link-arrow::after,
.mw-teaser-card-layout-quaternary .mw-teaser-card-link.link-arrow::after,
.mw-teaser-card-layout-dark .mw-teaser-card-link.link-arrow::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
}

/* Testimonial-Variante: schmaler, Zitat-Stil, ohne Link (Hintergrund kommt vom Item-Layout) */
.mw-teaser-slider--testimonial .mw-teaser-card-body {
    padding: 2rem 2.5rem;
}
.mw-teaser-slider--testimonial .mw-teaser-card-text {
    font-size: 1.15rem;
    font-style: normal;
}
.mw-teaser-slider--testimonial .mw-teaser-card-subheader {
    order: 1;
    margin-bottom: 0;
    margin-top: 0.75rem;
}

/* Nicht aktive Slides leicht abdunkeln */
.mw-teaser-slider .swiper-slide {
    transition: opacity 0.3s ease-in-out;
    opacity: 0.5;
}
.mw-teaser-slider .swiper-slide-active {
    opacity: 1;
}
/* Testimonials: beide sichtbaren Boxen voll deckend */
.mw-teaser-slider--testimonial .swiper-slide {
    opacity: 1;
}

/* Vor/Zurueck-Buttons */
.mw-teaser-slider-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border: 2px solid #006284;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.85);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}
.mw-teaser-slider-control:hover {
    background-color: #fff;
}
.mw-teaser-slider-prev {
    left: 1.5rem;
    transform: translateY(-50%) rotate(180deg);
}
.mw-teaser-slider-next {
    right: 1.5rem;
}
.mw-teaser-slider-control.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}
.mw-teaser-slider-control.swiper-button-lock {
    display: none;
}
/* Testimonials: Pfeile leicht ausserhalb der Boxen (Slider steht in der Contentbreite) */
.mw-teaser-slider--testimonial .mw-teaser-slider-prev {
    left: -1rem;
}
.mw-teaser-slider--testimonial .mw-teaser-slider-next {
    right: -1rem;
}
/* Testimonials: keine Punktnavigation */
.mw-teaser-slider--testimonial .mw-teaser-slider-pagination {
    display: none;
}

/* Punktnavigation */
.mw-teaser-slider-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    min-height: 12px;
}
.mw-teaser-slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #b5b5b5;
    opacity: 1;
    cursor: pointer;
}
.mw-teaser-slider-pagination .swiper-pagination-bullet-active {
    background: #006284;
}

@media (max-width: 767px) {
    .mw-teaser-card {
        flex-direction: column;
    }
    .mw-teaser-card-image {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .mw-teaser-card-image img {
        aspect-ratio: 16 / 9;
    }
    .mw-teaser-card-body {
        padding: 1.5rem;
    }
    .mw-teaser-slider--testimonial .mw-teaser-card-body {
        padding: 1.5rem;
    }
    .mw-teaser-slider-control {
        width: 40px;
        height: 40px;
        background-size: 16px;
    }
    .mw-teaser-slider-prev {
        left: 0.5rem;
    }
    .mw-teaser-slider-next {
        right: 0.5rem;
    }
}

/* ==========================================================================
   Gemeinsam: Collapse-Elemente Tab-Pills + Steckbrief-Tabs
   (Bootstrap Collapse, exklusiv ueber data-bs-parent)
   ========================================================================== */
/* Link mit Pfeil nach oben (Einklappen) */
.link-arrow-up::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 17px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

/* Trigger (Mehr erfahren / Einklappen) als Textlink gestylt */
.mw-collapse-toggle {
    display: inline-block;
    padding: 0;
    border: 0;
    background: none;
    font-weight: 600;
    color: #006284;
    cursor: pointer;
    text-align: left;
}
.mw-collapse-toggle .mw-collapse-label-open,
.mw-collapse-toggle .mw-collapse-label-close {
    text-decoration: underline;
    text-underline-offset: 0.7em;
}
/* Label-Wechsel ueber die von Bootstrap gepflegte .collapsed-Klasse */
.mw-collapse-toggle .mw-collapse-label-open {
    display: none;
}
.mw-collapse-toggle.collapsed .mw-collapse-label-open {
    display: inline-block;
}
.mw-collapse-toggle .mw-collapse-label-close {
    display: inline-block;
}
.mw-collapse-toggle.collapsed .mw-collapse-label-close {
    display: none;
}

/* Ausklapp-Panel */
.mw-collapse-panel-inner {
    padding: 2rem 0 0.5rem;
}
.mw-collapse-panel-header {
    font-weight: 700;
    margin-bottom: 1rem;
}
.mw-collapse-close {
    display: inline-block;
    margin-top: 1.25rem;
    padding: 0;
    border: 0;
    background: none;
    font-weight: 600;
    color: #006284;
    text-decoration: underline;
    text-underline-offset: 0.7em;
    cursor: pointer;
}

/* ==========================================================================
   Tab-Pills (CType mw_tabpills)
   ========================================================================== */
.mw-tabpills-grid {
    display: grid;
    /* minmax(0, 1fr): verhindert, dass Pills mit viel Inhalt die Spalten
       ueber den Container hinaus aufblaehen */
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
    container-type: inline-size;
}
@media (max-width: 767px) {
    .mw-tabpills-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }
}
.mw-tabpills-pill {
    background: #a5aeb0;
    border-radius: 2rem 0 2rem 0;
    padding: 2rem 2.5rem;
    transition: background-color 0.25s ease-in-out;
    min-width: 0;
}
/* Nur zweispaltig: Mindesthoehe entspricht dem Seitenverhaeltnis der Vorlage (ca. 1.9:1)
   bei halber Containerbreite (50cqw - halber Gap). Anders als aspect-ratio blockiert
   min-height nicht das Grid-Stretching: Pills nebeneinander sind immer gleich hoch,
   die hoechste Pill der Reihe gibt die Hoehe vor. Einspaltig (mobil) bleibt es kompakt. */
@media (min-width: 768px) {
    .mw-tabpills-pill {
        min-height: calc((50cqw - 0.75rem) / 1.9);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
.mw-tabpills-header {
    color: #fff;
    font-size: 1.15rem;
    margin-bottom: 1rem;
}
/* aktiver Pill in Primaerfarbe */
.mw-tabpills-pill.active {
    background: #006284;
}
.mw-tabpills-pill.active .mw-collapse-toggle {
    color: #fff;
}
.mw-tabpills-pill.active .link-arrow::after,
.mw-tabpills-pill.active .link-arrow-up::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Steckbrief-Tabs (CType mw_profiletabs)
   ========================================================================== */
.mw-profiletabs {
    background: #f2f4f5;
    border-radius: 2rem 0 2rem 0;
    padding: 2.5rem;
}
.mw-profiletabs-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5rem;
}
.mw-profiletabs-person {
    flex: 0 1 260px;
}
.mw-profiletabs-person .mw-collapse-toggle {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: normal;
}
.mw-profiletabs-image {
    display: block;
    margin-bottom: 1rem;
}
.mw-profiletabs-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 2rem 0 2rem 0;
}
.mw-profiletabs-name {
    display: block;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.mw-profiletabs-role {
    display: block;
    margin-bottom: 0.75rem;
}
.mw-profiletabs-arrow {
    display: inline-block;
    width: 16px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23006284' d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L382.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l358.1 0L231.4 420.6c-9.6 9.2-10 24.3-.8 33.9s24.3 10 33.9 .8l176-168z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg); /* Pfeil nach unten */
    transition: transform 0.25s ease-in-out;
}
.mw-collapse-toggle:not(.collapsed) .mw-profiletabs-arrow {
    transform: rotate(-90deg); /* Pfeil nach oben bei geoeffnetem Panel */
}
.mw-profiletabs .mw-collapse-panel-inner {
    padding: 2.5rem 0 0;
    /* Breite wird per JS (mw-collapse.js) an die Kacheln darueber angeglichen */
    margin: 0 auto;
}
@media (max-width: 767px) {
    .mw-profiletabs {
        padding: 1.5rem;
    }
    .mw-profiletabs-grid {
        gap: 1.5rem;
    }
}