/* ==================================================================================
	24.11.2025 
	Ersatz-css, wenn KEIN _ASSETS-Ordner vorhanden
================================================================================== */

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.row {
  --bs-gutter-x: 1.5rem;
   margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

@media (max-width: 767px) {
	.container,
	.container-fluid,
	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm {
	--bs-gutter-x: 5rem;
	}
}

/* --------- wenn KEIN _ASSETS: visually-hidden --------- */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}


/* --------- wenn KEIN _ASSETS: Focus --------- */
a:focus,
a:focus-visible,
.wrapper-link:focus,
.wrapper-link:focus-visible,
.stretched-link:focus,
.stretched-link:focus-visible,
.nav-link:focus,
.nav-link:focus-visible,
.nav-item:focus,
.nav-item:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.figure a:focus,
.figure a:focus-visible,
.figure a:focus img,
.figure a:focus-visible img,

a.mehr-wrap:focus,
a.mehr-wrap:focus-visible,
a.mehr-wrap:focus div,
a.mehr-wrap:focus-visible div,
a.mehr:focus,
a.mehr:focus-visible,

.navigationsliste ul li > a:focus,
.navigationsliste ul li > a:focus-visible,
.linkliste li > a:focus,
.linkliste li > a:focus-visible,

.form-control:focus,
.form-control:focus-visible,
.form-select:focus,
.form-select:focus-visible,
.form-check-input:focus,
.form-check-input:focus-visible,
.form-range:focus,
.form-range:focus-visible {
	outline: 3px solid rgba(0, 240, 255, 0.5);
	box-shadow: 0 0 0 0.25rem rgba(0, 240, 255,.5) inset; 
}
a[aria-hidden="true"]:focus-visible,
a[aria-hidden="true"]:focus {
	outline: none !important;
	box-shadow: none !important;
}





/* --------- wenn KEIN _ASSETS: C-Page --------- */
.c-row { 
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	--bs-gutter-x: 5rem;
	}
	@media (max-width: 1200px) { .c-row { --bs-gutter-x: 4rem; } }
	@media (max-width: 992px) { .c-row { --bs-gutter-x: 3rem; } }
	@media (max-width: 767px) { .c-row { --bs-gutter-x: 2rem; } }
	
.c-col { 
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	}
.c-element {
	width: 100%;
	min-width: 100%;
	display: block;
	position: relative;
	padding: 0;
	margin-bottom: 5rem
	} 
	.c-element :is(h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6):first-of-type {
		margin-top: 0 !important
	}
	
/* --------- Header im .content --------- */
.header-content {
	position: relative;
	overflow: visible; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	margin: -40px auto 50px auto;
	gap: 5px;
	line-height: 1.5;
	}
	.header-content :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) {
		display: inline-block;
		margin: 0 !important;
		padding-top: 10px;
		}
	.header-content :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5)::after {
		display: none
		}
	.header-content p {
		margin: 0 !important;
		}
	.header-content .figure {
		margin: 10px 0 !important
		}		
	.header-content figcaption {
		display: none !important
		}
	
.header-content.typ2 {
	color: #fff;
	}	
	.header-content.typ2 :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) {
	color: #fff !important;
	}	
	.header-content.typ2:before {
	content: '';
	position: absolute;
	display: block;
	overflow: visible; 
	z-index: -1;
	margin-left: -50%;
	margin-right: -50%;
	width: 200%;
	height: 380px;
	top: -100px;
	background: #333;
	box-shadow: .1em, .1em .2em rgba(0, 0, 0, 0.2);
	}
		
.header-content.typ3 {
	margin-top: -60px;
	margin-left: -50%;
	margin-right: -50%;
	width: 200%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	font-size: 0;
	}
	.header-content.typ3 :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) {
	z-index: 10;
	display: inline-block !important;
	position: absolute;
	margin: auto;
	padding: .1em .4em .15em .4em !important;
	width: auto;
	max-width: 40%;
	left: auto;
	right: auto;
	
	background: rgba(255,255,255,.5);
	box-shadow: .1em, .1em .3em rgba(0, 0, 0, .5) !important;
	color: #333;
	font-size: 40pt !important;
	}		
	.header-content.typ3 .figure {
		z-index: 1;
		margin: 0 auto !important;
		width: 100vw;
		height: auto;
		padding: 0 !important;
		border: none !important;
		}
	.header-content.typ3 .figure img {
		padding: 0 !important;
		border: none !important
		}		
		
		
@media (max-width: 1200px) {
	.header-content 				{  }
	.header-content.typ2:before 	{ height: 330px; }
	
	.header-content :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 		{ padding-top: 20px; }
	.header-content.typ3 :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 	{ font-size: 35pt !important }
}	
@media (max-width: 992px) {
	.header-content 				{ margin-top: -30px; gap: 0 }
	.header-content.typ2:before 	{ height: 285px; }
	
	.header-content :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 		{ padding-top: 10px }
	.header-content.typ3 :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 	{ font-size: 30pt !important }
}
@media (max-width: 767px) {
	.header-content 				{ margin-top: -20px; }
	.header-content.typ2:before 	{ height: 250px; }	
	.header-content.typ3 			{ margin-top: 0; }
	
	.header-content :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 		{ margin-top: 20px !important }
	.header-content.typ3 :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) 	{ font-size: 25pt !important }
}
/* --------- end Header im .content -------- */	






/* --------- wenn KEIN _ASSETS: Grid / Aufbau --------- */
*,
*::before,
*::after {
	box-sizing: border-box;
	}
main .container,
main .container-fluid,
main .container-xxl,
main .container-xl,
main .container-lg,
main .container-md,
main .container-sm {
--bs-gutter-x: 3rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}

/*@media (min-width: 576px) {
main .container-sm, 
main .container {
max-width: 540px;
}
}*/
@media (min-width: 768px) {
main .container-md, 
main .container-sm, 
main .container {
max-width: 720px;
--bs-gutter-x: 0;
}
}
@media (min-width: 992px) {
main .container-lg, 
main .container-md, 
main .container-sm, 
main .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
main .container-xl, 
main .container-lg, 
main .container-md, 
main .container-sm, 
main .container {
max-width: 1140px;
}
}
/*@media (min-width: 1400px) {
main .container-xxl, 
main .container-xl, 
main .container-lg, 
main .container-md, 
main .container-sm, 
main .container {
max-width: 1320px;
}
}*/

:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
main .row {
--bs-gutter-x: 3rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
main .row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}

/* --------- end Grid -------- */	



/* --------- wenn KEIN _ASSETS: altes Grid (XS) --------- */
main .col-xs-1 { width: 8.33333333%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-2 { width: 16.66666667%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-3 { width: 25%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-4 { width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-5 { width: 41.66666667%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-6 { width: 50%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-7 { width: 58.33333333%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-8 { width: 66.66666667%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-9 { width: 75%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-10 { width: 83.33333333%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-11 { width: 91.66666667%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-12 { width: 100%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
main .col-xs-offset-1 { margin-left: 8.33333333%; }
main .col-xs-offset-2 { margin-left: 16.66666667%; }
main .col-xs-offset-3 { margin-left: 25%; }
main .col-xs-offset-4 { margin-left: 33.33333333%; }
main .col-xs-offset-5 { margin-left: 41.66666667%; }
main .col-xs-offset-6 { margin-left: 50%; }
main .col-xs-offset-7 { margin-left: 58.33333333%; }
main .col-xs-offset-8 { margin-left: 66.66666667%; }
main .col-xs-offset-9 { margin-left: 75%; }
main .col-xs-offset-10 { margin-left: 83.33333333%; }
main .col-xs-offset-11 { margin-left: 91.66666667%; }
/* --------- end altes Grid (XS) -------- */


/* --------- wenn KEIN _ASSETS: neues Grid --------- */
main .col{flex:1 0 0%}main .col-auto,main .row-cols-auto>*{flex:0 0 auto;width:auto}main .col-12,main .row-cols-1>*{flex:0 0 auto;width:100%}main .col-6,main .row-cols-2>*{flex:0 0 auto;width:50%}main .col-4,main .row-cols-3>*{flex:0 0 auto;width:33.33333333%}main .col-3,main .row-cols-4>*{flex:0 0 auto;width:25%}main .row-cols-5>*{flex:0 0 auto;width:20%}main .col-2,main .row-cols-6>*{flex:0 0 auto;width:16.66666667%}main .col-1{flex:0 0 auto;width:8.33333333%}main .col-5{flex:0 0 auto;width:41.66666667%}main .col-7{flex:0 0 auto;width:58.33333333%}main .col-8{flex:0 0 auto;width:66.66666667%}main .col-9{flex:0 0 auto;width:75%}main .col-10{flex:0 0 auto;width:83.33333333%}main .col-11{flex:0 0 auto;width:91.66666667%}main .offset-1{margin-left:8.33333333%}main .offset-2{margin-left:16.66666667%}main .offset-3{margin-left:25%}main .offset-4{margin-left:33.33333333%}main .offset-5{margin-left:41.66666667%}main .offset-6{margin-left:50%}main .offset-7{margin-left:58.33333333%}main .offset-8{margin-left:66.66666667%}main .offset-9{margin-left:75%}main .offset-10{margin-left:83.33333333%}main .offset-11{margin-left:91.66666667%}main .g-0,main .gx-0{--bs-gutter-x:0}main .g-0,main .gy-0{--bs-gutter-y:0}main .g-1,main .gx-1{--bs-gutter-x:0.25rem}main .g-1,main .gy-1{--bs-gutter-y:0.25rem}main .g-2,main .gx-2{--bs-gutter-x:0.5rem}main .g-2,main .gy-2{--bs-gutter-y:0.5rem}main .g-3,main .gx-3{--bs-gutter-x:1rem}main .g-3,main .gy-3{--bs-gutter-y:1rem}main .g-4,main .gx-4{--bs-gutter-x:1.5rem}main .g-4,main .gy-4{--bs-gutter-y:1.5rem}main .g-5,main .gx-5{--bs-gutter-x:3rem}main .g-5,main .gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}main .col-sm-auto,main .row-cols-sm-auto>*{flex:0 0 auto;width:auto}main .col-sm-12,main .row-cols-sm-1>*{flex:0 0 auto;width:100%}main .col-sm-6,main .row-cols-sm-2>*{flex:0 0 auto;width:50%}main .col-sm-4,main .row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}main .col-sm-3,main .row-cols-sm-4>*{flex:0 0 auto;width:25%}main .row-cols-sm-5>*{flex:0 0 auto;width:20%}main .col-sm-2,main .row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}main .col-sm-1{flex:0 0 auto;width:8.33333333%}main .col-sm-5{flex:0 0 auto;width:41.66666667%}main .col-sm-7{flex:0 0 auto;width:58.33333333%}main .col-sm-8{flex:0 0 auto;width:66.66666667%}main .col-sm-9{flex:0 0 auto;width:75%}main .col-sm-10{flex:0 0 auto;width:83.33333333%}main .col-sm-11{flex:0 0 auto;width:91.66666667%}main .offset-sm-0{margin-left:0}main .offset-sm-1{margin-left:8.33333333%}main .offset-sm-2{margin-left:16.66666667%}main .offset-sm-3{margin-left:25%}main .offset-sm-4{margin-left:33.33333333%}main .offset-sm-5{margin-left:41.66666667%}main .offset-sm-6{margin-left:50%}main .offset-sm-7{margin-left:58.33333333%}main .offset-sm-8{margin-left:66.66666667%}main .offset-sm-9{margin-left:75%}main .offset-sm-10{margin-left:83.33333333%}main .offset-sm-11{margin-left:91.66666667%}main .g-sm-0,main .gx-sm-0{--bs-gutter-x:0}main .g-sm-0,main .gy-sm-0{--bs-gutter-y:0}main .g-sm-1,main .gx-sm-1{--bs-gutter-x:0.25rem}main .g-sm-1,main .gy-sm-1{--bs-gutter-y:0.25rem}main .g-sm-2,main .gx-sm-2{--bs-gutter-x:0.5rem}main .g-sm-2,main .gy-sm-2{--bs-gutter-y:0.5rem}main .g-sm-3,main .gx-sm-3{--bs-gutter-x:1rem}main .g-sm-3,main .gy-sm-3{--bs-gutter-y:1rem}main .g-sm-4,main .gx-sm-4{--bs-gutter-x:1.5rem}main .g-sm-4,main .gy-sm-4{--bs-gutter-y:1.5rem}main .g-sm-5,main .gx-sm-5{--bs-gutter-x:3rem}main .g-sm-5,main .gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}main .col-md-auto,main .row-cols-md-auto>*{flex:0 0 auto;width:auto}main .col-md-12,main .row-cols-md-1>*{flex:0 0 auto;width:100%}main .col-md-6,main .row-cols-md-2>*{flex:0 0 auto;width:50%}main .col-md-4,main .row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}main .col-md-3,main .row-cols-md-4>*{flex:0 0 auto;width:25%}main .row-cols-md-5>*{flex:0 0 auto;width:20%}main .col-md-2,main .row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}main .col-md-1{flex:0 0 auto;width:8.33333333%}main .col-md-5{flex:0 0 auto;width:41.66666667%}main .col-md-7{flex:0 0 auto;width:58.33333333%}main .col-md-8{flex:0 0 auto;width:66.66666667%}main .col-md-9{flex:0 0 auto;width:75%}main .col-md-10{flex:0 0 auto;width:83.33333333%}main .col-md-11{flex:0 0 auto;width:91.66666667%}main .offset-md-0{margin-left:0}main .offset-md-1{margin-left:8.33333333%}main .offset-md-2{margin-left:16.66666667%}main .offset-md-3{margin-left:25%}main .offset-md-4{margin-left:33.33333333%}main .offset-md-5{margin-left:41.66666667%}main .offset-md-6{margin-left:50%}main .offset-md-7{margin-left:58.33333333%}main .offset-md-8{margin-left:66.66666667%}main .offset-md-9{margin-left:75%}main .offset-md-10{margin-left:83.33333333%}main .offset-md-11{margin-left:91.66666667%}main .g-md-0,main .gx-md-0{--bs-gutter-x:0}main .g-md-0,main .gy-md-0{--bs-gutter-y:0}main .g-md-1,main .gx-md-1{--bs-gutter-x:0.25rem}main .g-md-1,main .gy-md-1{--bs-gutter-y:0.25rem}main .g-md-2,main .gx-md-2{--bs-gutter-x:0.5rem}main .g-md-2,main .gy-md-2{--bs-gutter-y:0.5rem}main .g-md-3,main .gx-md-3{--bs-gutter-x:1rem}main .g-md-3,main .gy-md-3{--bs-gutter-y:1rem}main .g-md-4,main .gx-md-4{--bs-gutter-x:1.5rem}main .g-md-4,main .gy-md-4{--bs-gutter-y:1.5rem}main .g-md-5,main .gx-md-5{--bs-gutter-x:3rem}main .g-md-5,main .gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}main .col-lg-auto,main .row-cols-lg-auto>*{flex:0 0 auto;width:auto}main .col-lg-12,main .row-cols-lg-1>*{flex:0 0 auto;width:100%}main .col-lg-6,main .row-cols-lg-2>*{flex:0 0 auto;width:50%}main .col-lg-4,main .row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}main .col-lg-3,main .row-cols-lg-4>*{flex:0 0 auto;width:25%}main .row-cols-lg-5>*{flex:0 0 auto;width:20%}main .col-lg-2,main .row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}main .col-lg-1{flex:0 0 auto;width:8.33333333%}main .col-lg-5{flex:0 0 auto;width:41.66666667%}main .col-lg-7{flex:0 0 auto;width:58.33333333%}main .col-lg-8{flex:0 0 auto;width:66.66666667%}main .col-lg-9{flex:0 0 auto;width:75%}main .col-lg-10{flex:0 0 auto;width:83.33333333%}main .col-lg-11{flex:0 0 auto;width:91.66666667%}main .offset-lg-0{margin-left:0}main .offset-lg-1{margin-left:8.33333333%}main .offset-lg-2{margin-left:16.66666667%}main .offset-lg-3{margin-left:25%}main .offset-lg-4{margin-left:33.33333333%}main .offset-lg-5{margin-left:41.66666667%}main .offset-lg-6{margin-left:50%}main .offset-lg-7{margin-left:58.33333333%}main .offset-lg-8{margin-left:66.66666667%}main .offset-lg-9{margin-left:75%}main .offset-lg-10{margin-left:83.33333333%}main .offset-lg-11{margin-left:91.66666667%}main .g-lg-0,main .gx-lg-0{--bs-gutter-x:0}main .g-lg-0,main .gy-lg-0{--bs-gutter-y:0}main .g-lg-1,main .gx-lg-1{--bs-gutter-x:0.25rem}main .g-lg-1,main .gy-lg-1{--bs-gutter-y:0.25rem}main .g-lg-2,main .gx-lg-2{--bs-gutter-x:0.5rem}main .g-lg-2,main .gy-lg-2{--bs-gutter-y:0.5rem}main .g-lg-3,main .gx-lg-3{--bs-gutter-x:1rem}main .g-lg-3,main .gy-lg-3{--bs-gutter-y:1rem}main .g-lg-4,main .gx-lg-4{--bs-gutter-x:1.5rem}main .g-lg-4,main .gy-lg-4{--bs-gutter-y:1.5rem}main .g-lg-5,main .gx-lg-5{--bs-gutter-x:3rem}main .g-lg-5,main .gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}main .col-xl-auto,main .row-cols-xl-auto>*{flex:0 0 auto;width:auto}main .col-xl-12,main .row-cols-xl-1>*{flex:0 0 auto;width:100%}main .col-xl-6,main .row-cols-xl-2>*{flex:0 0 auto;width:50%}main .col-xl-4,main .row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}main .col-xl-3,main .row-cols-xl-4>*{flex:0 0 auto;width:25%}main .row-cols-xl-5>*{flex:0 0 auto;width:20%}main .col-xl-2,main .row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}main .col-xl-1{flex:0 0 auto;width:8.33333333%}main .col-xl-5{flex:0 0 auto;width:41.66666667%}main .col-xl-7{flex:0 0 auto;width:58.33333333%}main .col-xl-8{flex:0 0 auto;width:66.66666667%}main .col-xl-9{flex:0 0 auto;width:75%}main .col-xl-10{flex:0 0 auto;width:83.33333333%}main .col-xl-11{flex:0 0 auto;width:91.66666667%}main .offset-xl-0{margin-left:0}main .offset-xl-1{margin-left:8.33333333%}main .offset-xl-2{margin-left:16.66666667%}main .offset-xl-3{margin-left:25%}main .offset-xl-4{margin-left:33.33333333%}main .offset-xl-5{margin-left:41.66666667%}main .offset-xl-6{margin-left:50%}main .offset-xl-7{margin-left:58.33333333%}main .offset-xl-8{margin-left:66.66666667%}main .offset-xl-9{margin-left:75%}main .offset-xl-10{margin-left:83.33333333%}main .offset-xl-11{margin-left:91.66666667%}main .g-xl-0,main .gx-xl-0{--bs-gutter-x:0}main .g-xl-0,main .gy-xl-0{--bs-gutter-y:0}main .g-xl-1,main .gx-xl-1{--bs-gutter-x:0.25rem}main .g-xl-1,main .gy-xl-1{--bs-gutter-y:0.25rem}main .g-xl-2,main .gx-xl-2{--bs-gutter-x:0.5rem}main .g-xl-2,main .gy-xl-2{--bs-gutter-y:0.5rem}main .g-xl-3,main .gx-xl-3{--bs-gutter-x:1rem}main .g-xl-3,main .gy-xl-3{--bs-gutter-y:1rem}main .g-xl-4,main .gx-xl-4{--bs-gutter-x:1.5rem}main .g-xl-4,main .gy-xl-4{--bs-gutter-y:1.5rem}main .g-xl-5,main .gx-xl-5{--bs-gutter-x:3rem}main .g-xl-5,main .gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}main .col-xxl-auto,main .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}main .col-xxl-12,main .row-cols-xxl-1>*{flex:0 0 auto;width:100%}main .col-xxl-6,main .row-cols-xxl-2>*{flex:0 0 auto;width:50%}main .col-xxl-4,main .row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}main .col-xxl-3,main .row-cols-xxl-4>*{flex:0 0 auto;width:25%}main .row-cols-xxl-5>*{flex:0 0 auto;width:20%}main .col-xxl-2,main .row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}main .col-xxl-1{flex:0 0 auto;width:8.33333333%}main .col-xxl-5{flex:0 0 auto;width:41.66666667%}main .col-xxl-7{flex:0 0 auto;width:58.33333333%}main .col-xxl-8{flex:0 0 auto;width:66.66666667%}main .col-xxl-9{flex:0 0 auto;width:75%}main .col-xxl-10{flex:0 0 auto;width:83.33333333%}main .col-xxl-11{flex:0 0 auto;width:91.66666667%}main .offset-xxl-0{margin-left:0}main .offset-xxl-1{margin-left:8.33333333%}main .offset-xxl-2{margin-left:16.66666667%}main .offset-xxl-3{margin-left:25%}main .offset-xxl-4{margin-left:33.33333333%}main .offset-xxl-5{margin-left:41.66666667%}main .offset-xxl-6{margin-left:50%}main .offset-xxl-7{margin-left:58.33333333%}main .offset-xxl-8{margin-left:66.66666667%}main .offset-xxl-9{margin-left:75%}main .offset-xxl-10{margin-left:83.33333333%}main .offset-xxl-11{margin-left:91.66666667%}main .g-xxl-0,main .gx-xxl-0{--bs-gutter-x:0}main .g-xxl-0,main .gy-xxl-0{--bs-gutter-y:0}main .g-xxl-1,main .gx-xxl-1{--bs-gutter-x:0.25rem}main .g-xxl-1,main .gy-xxl-1{--bs-gutter-y:0.25rem}main .g-xxl-2,main .gx-xxl-2{--bs-gutter-x:0.5rem}main .g-xxl-2,main .gy-xxl-2{--bs-gutter-y:0.5rem}main .g-xxl-3,main .gx-xxl-3{--bs-gutter-x:1rem}main .g-xxl-3,main .gy-xxl-3{--bs-gutter-y:1rem}main .g-xxl-4,main .gx-xxl-4{--bs-gutter-x:1.5rem}main .g-xxl-4,main .gy-xxl-4{--bs-gutter-y:1.5rem}main .g-xxl-5,main .gx-xxl-5{--bs-gutter-x:3rem}main .g-xxl-5,main .gy-xxl-5{--bs-gutter-y:3rem}}
/* --------- end neus Grid -------- */	



/* --------- wenn KEIN _ASSETS: Abstände --------- */
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media(min-width:576px){.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}}@media(min-width:768px){.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}}@media(min-width:992px){.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}}@media(min-width:1200px){.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}}@media(min-width:1400px){.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}}
/* --------- end Abstände -------- */	




/* --------- wenn KEIN _ASSETS: Bildausrichtungen --------- */
.figure { /* = bildrahmen... */
	display: inline-flex;
	flex-direction: column; 
	}
/* --------- AUSRICHTUNG rechts + links */
figure[class*="bildunterschrift-bildrahmen"] {
	/*width: 60%; /* temporär von she */
	}
	aside figure[class*="bildunterschrift-bildrahmen"] {
	/*width: 50%; /* temporär von she */
	}
	aside figure[class*="bildunterschrift-bildrahmenmitte"] {
	/*width: 100%; /* temporär von she */
	}
	@media (max-width: 767px) {
		figure[class*="bildunterschrift-bildrahmen"],
		aside figure[class*="bildunterschrift-bildrahmen"] {
		/*width: 60% /* temporär von she */
		}
		aside figure[class*="bildunterschrift-bildrahmenmitte"] {
		/*width: 100%; /* temporär von she */
		}
	}	
	figure[class*="bildunterschrift-bildrahmenrechts"] {
		float: right; 
		margin: .5rem 0 2rem 1rem;
		}
	figure[class*="bildunterschrift-bildrahmenlinks"] {
		float: left; 
		margin: .5rem 1rem 2rem 0;
		}
/* --------- AUSRICHTUNG mitte */	
figure[class*="bildunterschrift-bildrahmenmitte"] {
	width: 100%;
	margin-bottom: 2rem
	}	
	aside figure[class*="bildunterschrift-bildrahmenmitte"] {
	margin-bottom: 1rem
	}
/* --------- IMG */
.figure-img,
figure[class*="bildunterschrift-bildrahmen"] img {
	line-height: 1;
	height: auto;
	display: block;
	margin-bottom: 0;
	/*width: 100%;*/
	margin-bottom: 0 !important
	}	
	/* --------- mit Rand */
	.figure-img,
	figure[class*="bildunterschrift-bildrahmen"] img {
		padding: 3px;
		border: 1px solid #ddd;
		background: #fff
		}
	/* --------- ohne Rand */	
	.figure-img[class*="-nb"],
	figure[class*="-nb"] img {
		padding: 0 !important;
		border: none
		}
		
		
figure .figure.bildunterschrift-bildrahmenrechts-nb {
	
}
/* --------- end Bildausrichtungen -------- */			




/* --------- wenn KEIN _ASSETS: Bildunterschrift */
main .figure-caption,	
main .bildunterschrift,
main .news_lang_video span {
	font-size: 12px !important;
	color: #888;
	line-height: 1.45em;
	font-style: italic;
	text-align: left;
	padding-top: .7rem;
	}
	/*
	figure.bildunterschrift-bildrahmenrechts .figure-caption,
	figure.bildunterschrift-bildrahmenrechts-nb .figure-caption,
	figure.bildunterschrift-bildrahmenrechts .bildunterschrift,
	figure.bildunterschrift-bildrahmenrechts-nb .bildunterschrift,
	figure.bildunterschrift-bildrahmenrechts .news_lang_video span,
	figure.bildunterschrift-bildrahmenrechts-nb .news_lang_video span {
		text-align: right
		}*/




/* temporäre Hilfslösung she */
.bildunterschrift-bildrahmenlinks,
.bildunterschrift-bildrahmenlinks-nb,
.bildunterschrift-bildrahmenrechts,
.bildunterschrift-bildrahmenrechts-nb {
	display: inline-block;
	width: auto !important;
	max-width: 40% !important;
	margin: 10px 30px 2em 0 !important;
	padding: 0 !important;
	float: left;
	clear: left
	}
	.bildunterschrift-bildrahmenrechts,
	.bildunterschrift-bildrahmenrechts-nb {
		margin: 10px 0 2em 30px !important;
		float: right;
		clear: right
		}	
	.bildunterschrift-bildrahmenlinks a,
	.bildunterschrift-bildrahmenlinks-nb a,
	.bildunterschrift-bildrahmenrechts a,
	.bildunterschrift-bildrahmenrechts-nb a {
		width: 100% !important;
		min-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		background: #f3f3f3;
		}
		.bildunterschrift-bildrahmenrechts a,
		.bildunterschrift-bildrahmenrechts-nb a {
		}	
	.bildunterschrift-bildrahmenlinks img,
	.bildunterschrift-bildrahmenlinks-nb img,
	.bildunterschrift-bildrahmenrechs img,
	.bildunterschrift-bildrahmenrechts-nb img {
		width: auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important
		}
	img.bildrahmenlinks,
	img.bildrahmenlinks-nb,
	img.bildrahmenlinkts,
	img.bildrahmenlinkts-nb, {
		width: auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important
		}			
.bildunterschrift-bildrahmenlinks .figure-caption,
.bildunterschrift-bildrahmenlinks-nb .figure-caption,
.bildunterschrift-bildrahmenrechts .figure-caption,
.bildunterschrift-bildrahmenrechts-nb .figure-caption {
	display: block;
	width: 100% !important;
	clear: both
	}
	
	
/* --------- end Bildunterschrift -------- */	




/* --------- wenn KEIN _ASSETS: Galerien --------- */
main .gallery-list,
main .gallery-wrapper,
main .galerie_wrap {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 25px;
	list-style: none;
	padding: 0;
	margin: 3em 0 !important;
	clear: both;
	width: calc(100% - 60px)
}
main aside .gallery-list,	
main aside .gallery-wrapper,
main aside .galerie_wrap {
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}
main .gallery-list li,
main .gallery-wrapper a,
main .galerie_wrap .galerie_container {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: 4px;
	overflow: visible; /* wichtig für Fokkussierung */
}
main .gallery-wrapper a,
main [class*="col-"] .gallery {
	display: flex;
	align-items: center; 
	justify-content: center;
	height: auto !important;	
	width: auto !important;
	margin: 0;
}
main .galerie_wrap .galerie_container {
	width: auto !important; 
	height: auto !important;
}
main .gallery-list li a,
main .gallery-wrapper a img,
main .galerie_wrap .galerie_container a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center; 
	justify-content: center;
}
main .gallery-list li a img,
main .gallery-wrapper a img,
main .galerie_wrap .galerie_container a img  {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover; /* für Overlay-Hover-Effekt */
	display: block; /* für Overlay-Hover-Effekt */
	transition: transform .25s ease; /* für Overlay-Hover-Effekt */
}
main .gallery-wrapper a img,
main img.gallery_bild {
	object-fit: contain;
}
main img.gallery_bild {
	border: none !important;
	padding: 0 !important;
	text-align: center;
	position: relative;
	max-height: auto !important;
	border-radius: none !important;
	max-width: auto !important;
}
main img.gallery_bild:hover { 
	border: none;
}
main [class*="col-"] img.gallery_bild {
	padding: 0 !important;
	border-radius: none !important;
	max-width: auto !important;
	border-radius: 4px !important;
}
main .gallery-list img,
main .gallery-wrapper img,
main .galerie_wrap img {
	border-radius: 4px !important;
}


/* --- HOVER --- */	
/* schwarzer Overlay */
main .gallery-list li a::before,
main .gallery-wrapper a::before,
main .galerie_wrap .galerie_container a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .25);
	opacity: 0;
	transform: scale(0);
	transform-origin: center center;
	transition: transform .4s ease, opacity .25s ease;
	z-index: 1;
	border-radius: inherit;
	pointer-events: none;
	border-radius: 4px !important;
}
/* Lupe */
main .gallery-list li a::after,
main .gallery-wrapper a::after,
main .galerie_wrap .galerie_container a::after {
	content: "\f002";
	font-family: 'FontAwesome';
	font-size: 4rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0.85);
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	border-radius: 50%;
	opacity: 0;
	transition: opacity .25s ease, transform .25s ease;
	z-index: 2;
	pointer-events: none;
}
main aside .gallery-list li a::after,
main aside .gallery-wrapper a::after,
main aside .galerie_wrap .galerie_container a::after {
	font-size: 1rem;
}
/* Hover */
main .gallery-list li:hover,
main .gallery-list li a:focus-visible,
main .gallery-wrapper a:hover,
main .gallery-wrapper a:focus-visible,
main .galerie_wrap .galerie_container:hover,
main .galerie_wrap .galerie_container:focus-visible {
	transform: scale(1.05);
	transition: all .25s ease;
}
main .gallery-list li:hover a::before,
main .gallery-list li a:focus-visible::before,
main .gallery-wrapper a:hover::before,
main .gallery-wrapper a:focus-visible::before,
main .galerie_wrap .galerie_container a:hover::before,
main .galerie_wrap .galerie_container a:focus-visible::before {
	opacity: 1;
	transform: scale(1);
}
main .gallery-list li:hover a::after,
main .gallery-list li a:focus-visible::after,
main .gallery-wrapper a:hover::after,
main .gallery-wrapper a:focus-visible::after,
main .galerie_wrap .galerie_container a:hover::after,
main .galerie_wrap .galerie_container a:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 1400px) {
	main .gallery-list, main .gallery-wrapper { grid-template-columns: repeat(5, 1fr); }
	main aside .gallery-list, main aside .gallery-wrapper { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1200px) {
	main .gallery-list, main .gallery-wrapper { grid-template-columns: repeat(5, 1fr); gap: 20px; }
	main aside .gallery-list, main aside .gallery-wrapper { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
	main .gallery-list, main .gallery-wrapper { grid-template-columns: repeat(4, 1fr); gap: 20px; width: calc(100% - 50px) }
}
@media (max-width: 767px) {
	main .gallery-list, main .gallery-wrapper { grid-template-columns: repeat(3, 1fr); gap: 15px; width: calc(100% - 35px) }
}	
@media (max-width: 380px) {
	main .gallery-list, main .gallery-wrapper { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; width: calc(100% - 25px) }
}

/* ------ COVER - quadratisch füllend ------ */
main .gallery-list.cover li,
main .gallery-wrapper.cover a,
main .galerie_wrap.cover .galerie_container {
	aspect-ratio: 1 / 1; /* quadratische Container */
}
main .gallery-list.cover li a img,
main .gallery-wrapper.cover a img,
main .galerie_wrap.cover .galerie_container a img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}


/* --------- end GALERIE --------- */




/* --------- wenn KEIN _ASSETS: Listen-Korrektur --------- */
main ul.gallery-list,
main ul.pagination,
main nav ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
	main ul.gallery-list > li,
	main ul.pagination li,
	main nav ul li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
	main ul.gallery-list > li::before,
	main ul.pagination li::before,
	main nav ul li::before {
	display: none;
	}
/* --------- end Listen-Korrektur --------- */



/* --------- wenn KEIN _ASSETS: Buttons-Größen --------- */
.btn:not(form .btn):not(label.btn):not(button[type=submit].btn):not(.input-group .btn),
.mehr {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem
	}			
.btn.btn-sm {
	font-size: 0.875rem;
	padding: 0.375rem 1.375rem;
	line-height: 1.25;
	min-width: 44px;
	min-height: 44px;
	}
.btn.btn-md {
	font-size: 1rem;
	padding: 0.5rem 1.5rem;
	line-height: 1.5;
	min-width: 60px;
	min-height:60px;
	}
.btn.btn-lg {
	font-size: 1.25rem;
	padding: 0.75rem 1.75rem;
	line-height: 1.5;
	min-width: 70px;
	min-height: 70px;
	}
main .btn i {
	margin-left: .4em; margin-right: .4em
}	
/* --------- end Button-Größen -------- */




/* --------- wenn KEIN _ASSETS: Typo --------- */
.ls-0 { letter-spacing: 0 !important; }
.ls-1 { letter-spacing: .02rem !important }
.ls-2 { letter-spacing: .05rem !important }
.ls-2 { letter-spacing: .07rem !important }
.ls-n1 { letter-spacing: -.02rem !important }
.ls-n2 { letter-spacing: -.05rem !important }
.ls-n3 { letter-spacing: -.07rem !important }


.fs-1 { font-size: 2.5rem !important; }
.fs-2 { font-size: 2rem !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; line-height: 1.4em;  }
.fs-7 { font-size: .9rem !important; line-height: 1.4em;  }
.fs-8 { font-size: .8rem !important; line-height: 1.4em } 
.fs-9 { font-size: .75rem !important; line-height: 1.4em } 

	@media (min-width: 768px) {
	.fs-md-1 { font-size: calc(1.375rem + 1.5vw) !important; }
	.fs-md-2 { font-size: calc(1.325rem + 0.9vw) !important; }
	.fs-md-3 { font-size: calc(1.3rem + 0.6vw) !important; }
	.fs-md-4 { font-size: calc(1.275rem + 0.3vw) !important; }
	.fs-md-5 { font-size: 1.25rem !important; }
	.fs-md-6 { font-size: 1rem !important; }
	.fs-md-7 { font-size: .9rem !important; }
	.fs-md-8 { font-size: .8rem !important; }
	.fs-md-9 { font-size: .75rem !important; }
	}
	@media (min-width: 992px) {
	.fs-lg-1 { font-size: calc(1.375rem + 1.5vw) !important; }
	.fs-lg-2 { font-size: calc(1.325rem + 0.9vw) !important; }
	.fs-lg-3 { font-size: calc(1.3rem + 0.6vw) !important; }
	.fs-lg-4 { font-size: calc(1.275rem + 0.3vw) !important; }
	.fs-lg-5 { font-size: 1.25rem !important; }
	.fs-lg-6 { font-size: 1rem !important; }
	.fs-lg-7 { font-size: .9rem !important; }
	.fs-lg-8 { font-size: .8rem !important; }
	.fs-lg-9 { font-size: .75rem !important; }
	}
	@media (min-width: 1200px) {
	.fs-xl-1 { font-size: calc(1.375rem + 1.5vw) !important; }
	.fs-xl-2 { font-size: calc(1.325rem + 0.9vw) !important; }
	.fs-xl-3 { font-size: calc(1.3rem + 0.6vw) !important; }
	.fs-xl-4 { font-size: calc(1.275rem + 0.3vw) !important; }
	.fs-xl-5 { font-size: 1.25rem !important; }
	.fs-xl-6 { font-size: 1rem !important; }
	.fs-xl-7 { font-size: .9rem !important; }
	.fs-xl-8 { font-size: .8rem !important; }
	.fs-xl-9 { font-size: .75rem !important; }
	}
/* --------- end Typo -------- */	
	
	
	
	
	
	

/* --------- wenn KEIN _ASSETS: Highlight / Carousel --------- */
#highlight {
	overflow: hidden !important;
	background: #ddd;
}
#highlight .carousel-inner {
	width: 100%;
	overflow: hidden;
}
/* ------------------------------ */
/* Bei .hero --------------- */
#highlight.hero { /* Komplette Höhe */
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -80px; /* Höhe Navbar */
}
#highlight.hero .carousel {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
}
#highlight.hero .carousel-inner {
	height: 100%;
}
/* ------------------------------ */
/* Bei .ratio --------------- */
#highlight.ratio {
	--bs-aspect-ratio: 35%;
}
@media (min-width: 1600px) {
	#highlight.ratio {
		--bs-aspect-ratio: 30%;
		max-height: 500px;
	}
}
@media (max-width: 1400px) {
	#highlight.ratio {
		--bs-aspect-ratio: 40%;
	}
}
@media (max-width: 675px) {
	#highlight.ratio {
		--bs-aspect-ratio: 65%;
	}
}
@media (max-width: 575px) {
	#highlight.ratio {
		--bs-aspect-ratio: 75%;
	}
}
#highlight.ratio .carousel-inner {
	height: 100%;
}
/* ------------------------------ */
/* Carousel Items --------------- */
#highlight .carousel-item {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#highlight .carousel-item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0, .6);
}
#highlight .carousel-item img.carousel-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* ------------------------------ */
/* Carousel stretched-link --------------- */
#highlight .carousel-item a.stretched-link { 
transition: all .4s ease;
}
#highlight .carousel-item a.stretched-link:hover .carousel-img 			{ opacity: .8; transition: all .4s ease-in-out; }

#highlight .carousel-item .caption-content								{ background: rgba(255,255,255, .8) !important; }
#highlight .carousel-item a.stretched-link .caption-content				{ background: rgba(255,255,255, .8) !important; transition: .2s; }
#highlight .carousel-item a.stretched-link:hover .caption-content		{ background: rgba(255,255,255, .9) !important; transition: .2s; }
#highlight .carousel-item a.stretched-link:hover .caption-content:hover	{ background: rgba(255,255,255, 1) !important; transition: .2s; transform: scale(1); box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.2)}

#highlight .carousel-item .highlight-title 								{ color: #ddd !important; }
#highlight .carousel-item a.stretched-link .highlight-title 			{ color: #ddd !important; transition: .2s;}
#highlight .carousel-item a.stretched-link:hover .highlight-title 		{ color: #fff !important; transition: .2s;}
#highlight .carousel-item a.stretched-link .caption-content:hover .highlight-title	{ color:#fff !important; transition: .2s;}
#highlight .carousel-item a.stretched-link:hover .highlight-title:hover { text-decoration: none; transition: .2s; transition: .2s; }

#highlight .carousel-item .lead 										{ color: #000 !important; }
#highlight .carousel-item a.stretched-link .lead 						{ color: #000 !important; transition: .2s;}
#highlight .carousel-item a.stretched-link:hover .lead 					{ color: #fff !important; transition: .2s;}
#highlight .carousel-item a.stretched-link .caption-content:hover .lead	{ color: #fff !important; transition: .2s;}
#highlight .carousel-item a.stretched-link:hover .lead:hover 			{ color: #fff !important; text-decoration: none; transition: .2s; }

/* ------------------------------ */
/* Carousel Caption --------------- */
#highlight .carousel-caption {
	transition: .3s;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}
#highlight .carousel-caption :is(.container, [class*="container-"]) {
	overflow: hidden;
	padding: 0;
}
#highlight .carousel-caption .caption-content {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
#highlight .carousel-caption .highlight-title {
	margin: 0;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
#highlight .carousel-caption .lead {
	margin: 0;
}
#highlight .carousel-caption .btn:not(.w-100) {
	align-self: flex-start;
	width: auto;
	flex: 0 0 auto;
}
#highlight .carousel-caption .btn {
	opacity: 0;
}
#highlight .carousel-item a.stretched-link:hover .carousel-caption .btn {
	opacity: 1;
	transition: all .4s ease-in-out;
}
#highlight .carousel-caption .caption-content .btn {
	opacity: 1;
	margin: 0;
	position: relative;
	left: auto;
	bottom: auto;
	transform: none;
}
/* ------------------------------ */
/* Erstes Carousel-Item --------------- */
#highlight .carousel-caption img.carousel-img-2 {
	height: 150px;
	max-width: 150px;
	width: auto;
	margin: 0 auto !important;
}
@media (max-width: 1400px) {
	#highlight .carousel-caption img.carousel-img-2 { height: 130px; }
}
@media (max-width: 992px) {
	#highlight .carousel-caption img.carousel-img-2 { height: 110px; }
}
@media (max-width: 575px) {
	#highlight .carousel-caption img.carousel-img-2 { height: 100px; }
}
@media (max-width: 380px) {
	#highlight .carousel-caption img.carousel-img-2 { height: 80px; }
}
/* ------------------------------ */
/* Carousel Controls & Indicators --------------- */
#highlight .carousel-indicators {
	position: absolute;
	display: flex;
	justify-content: center;
	z-index: 100 !important;
}
#highlight .carousel-indicators button:hover {
	opacity: 1;
	transition: 0s;
}
#highlight .carousel-indicators [data-bs-target] {
	width: 30px;
	height: 3px;
	background-color: #ddd;
}
#highlight .carousel-control-prev,
#highlight .carousel-control-next {
	z-index: 30;
	opacity: 1 !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in-out;
	background: #999;
	color: #ddd;
	width: 50px;
	height: 50px;
	font-size: 30px;
}
#highlight .carousel-control-prev:hover,
#highlight .carousel-control-next:hover {
	opacity: 1;
	background: #666;
	color: #fff;
}
#highlight .carousel-control-prev-icon,
#highlight .carousel-control-next-icon {
	background: none;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
#highlight .carousel-control-prev-icon::before,
#highlight .carousel-control-next-icon::before {
	font-weight: normal;
	font-style: normal;
	color: #ddd;
	transition: all .3s ease-in-out;
	font-family: 'FontAwesome';
}
#highlight .carousel-control-prev-icon::before { content: "\f053"; }
#highlight .carousel-control-next-icon::before { content: "\f054"; }

#highlight .carousel-item a.stretched-link:hover .carousel-control-prev,
#highlight .carousel-item a.stretched-link:hover .carousel-control-next {
	color: #000;
}
#highlight .carousel-control-prev { left: -50px; }
#highlight .carousel-control-next { right: -50px; }

#highlight .carousel:hover .carousel-control-prev { left: 10px; }
#highlight .carousel:hover .carousel-control-next { right: 10px; }

#highlight .carousel .carousel-control-prev:hover,
#highlight .carousel .carousel-control-next:hover { transition: all .2s ease-in-out; }

/* --------- end Highlight / Carousel -------- */	





	

/* --------- wenn KEIN _ASSETS: Icon-List --------- */
.icon-list,
.icon-md-list,
.icon-lg-list {
	list-style: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}
	.icon-list :is(li, div, p),
	.icon-md-list :is(li, div, p),
	.icon-lg-list :is(li, div, p) {
		border-bottom: 1px solid #ddd;
		padding-top: .5em;
		padding-bottom: .5em;
		list-style: none;
		list-style-type: none;
		margin-left: 0;
		margin-bottom: 0
		}
		.icon-list :is(li, div, p):last-child,
		.icon-md-list :is(li, div, p):last-child,
		.icon-lg-list :is(li, div, p):last-child {
			border: none;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important
			}
		.icon-list.list-unstyled :is(li, div, p),
		.icon-md-list.list-unstyled :is(li, div, p),
		.icon-lg-list.list-unstyled :is(li, div, p) {
			border: none
			}
	.icon-list i,
	.icon-md-list i,
	.icon-lg-list i {
		color: #000;
		text-align: center;
		margin-right: 0 !important 
		}		
	.icon-list li::before,
	.icon-md-list li::before,
	.icon-lg-list li::before {
		display: none !important
		}		
	.icon-list a,
	.icon-md-list a,
	.icon-lg-list a {
		color: #666 !important;
		text-decoration: underline !important;
		}	
	.icon-list a:hover,
	.icon-md-list a:hover,
	.icon-lg-list a:hover {
		color: #000 !important;
		text-decoration: underline !important
		}	
	
	.icon-list					{ padding-left: 40px !important; }
	.icon-list :is(li, div, p)	{ margin-left: -40px !important; padding-left: 40px !important; }
	.icon-list i 				{ width: 40px; margin-left: -40px; font-size: 110% }
	
	.icon-md-list				{ padding-left: 50px !important; }
	.icon-md-list :is(li, div, p)	{ margin-left: -50px !important; padding-left: 50px !important; }
	.icon-md-list i	{			 width: 50px; margin-left: -50px; font-size: 140% }
	
	.icon-lg-list 				{ padding-left: 60px !important; }
	.icon-lg-list :is(li, div, p)	{ margin-left: -60px !important; padding-left: 60px !important; }
	.icon-lg-list i				{ width: 60px; margin-left: -60px; font-size: 170% }	
	
	
.icon-list :is(li.ms-0, div.ms-0, p.ms-0) 		{ padding-left: 0 !important; margin-left: -40px !important; }	
.icon-md-list :is(li.ms-0, div.ms-0, p.ms-0) 	{ padding-left: 0 !important; margin-left: -50px !important; }	
.icon-lg-list :is(li.ms-0, div.ms-0, p.ms-0) 	{ padding-left: 0 !important; margin-left: -60px !important; }	
	

.icon-list :is(li.mb-0, div.mb-0 p.mb-0),
.icon-md-list :is(li.mb-0, div.mb-0 p.mb-0),
.icon-lg-list :is(li.mb-0, div.mb-0 p.mb-0)  { margin-bottom: 0 !important; padding-bottom: 0 !important }

.icon-list :is(li.mb-1, div.mb-1, p.mb-1),
.icon-md-list :is(li.mb-1, div.mb-1 p.mb-1),
.icon-lg-list :is(li.mb-1, div.mb-1 p.mb-1) { margin-bottom: .25em !important; padding-bottom: .25em !important }

.icon-list :is(li.mb-2, div.mb-2, p.mb-2),
.icon-md-list :is(li.mb-2, div.mb-2 p.mb-2),
.icon-lg-list :is(li.mb-2, div.mb-2 p.mb-2) { margin-bottom: .5em !important; padding-bottom: .5em !important }

.icon-list :is(li.mb-3, div.mb-3, p.mb-3),
.icon-md-list :is(li.mb-3, div.mb-3 p.mb-3),
.icon-lg-list :is(li.mb-3, div.mb-3 p.mb-3) { margin-bottom: .75em !important; padding-bottom: .75em !important }

.icon-list :is(li.mb-4, div.mb-4, p.mb-4),
.icon-md-list :is(li.mb-4, div.mb-4 p.mb-4),
.icon-lg-list :is(li.mb-4, div.mb-4 p.mb-4) { margin-bottom: 1em !important; padding-bottom: 1em !important }

.icon-list :is(li.mb-5, div.mb-5, p.mb-5),
.icon-md-list :is(li.mb-5, div.mb-0 p.mb-5),
.icon-lg-list :is(li.mb-5, div.mb-0 p.mb-5) { margin-bottom: 2em !important; padding-bottom: 2em !important }


:is(ul.gap-0 > li, ol.gap-0 > li),
	.icon-list.gap-0 :is(li, div, p),
	.icon-md-list.gap-0 :is(li, div, p),
	.icon-lg-list.gap-0 :is(li, div, p) {  padding-top: 0 !important;  padding-bottom: 0 !important;
	}
:is(ul.gap-1 > li, ol.gap-1 > li),
	.icon-list.gap-1 :is(li, div, p),
	.icon-md-list.gap-1 :is(li, div, p),
	.icon-lg-list.gap-1 :is(li, div, p) {  padding-top: 0.25rem !important;  padding-bottom: 0.25rem !important;
	}
:is(ul.gap-2 > li, ol.gap-2 > li),
	.icon-list.gap-2 :is(li, div, p),
	.icon-md-list.gap-2 :is(li, div, p),
	.icon-lg-list.gap-2 :is(li, div, p) {  padding-top: 0.5rem !important;  padding-bottom: 0.5rem !important;
	}
:is(ul.gap-3 > li, ol.gap-3 > li),
	.icon-list.gap-3 :is(li, div, p),
	.icon-md-list.gap-3 :is(li, div, p),
	.icon-lg-list.gap-3 :is(li, div, p) {  padding-top: 0.75rem !important;  padding-bottom: 0.75rem !important;
	}
:is(ul.gap-4 > li, ol.gap-4 > li),
	.icon-list.gap-4 :is(li, div, p),
	.icon-md-list.gap-4 :is(li, div, p),
	.icon-lg-list.gap-4 :is(li, div, p) {  padding-top: 1rem !important;  padding-bottom: 1rem !important;
	}
:is(ul.gap-5 > li, ol.gap-5 > li),
	.icon-list.gap-5 :is(li, div, p),
	.icon-md-list.gap-5 :is(li, div, p),
	.icon-lg-list.gap-5 :is(li, div, p) {  padding-top: 1.5rem !important;  padding-bottom: 1.5rem !important;
	}
:is(ul.gap-6 > li, ol.gap-6 > li),
	.icon-list.gap-6 :is(li, div, p),
	.icon-md-list.gap-6 :is(li, div, p),
	.icon-lg-list.gap-6 :is(li, div, p) {  padding-top: 2rem !important;	padding-bottom: 2rem !important;
	}	
/* --------- end Icon-List -------- */	




/* --------- wenn KEIN _ASSETS: Paginierung --------- */
main nav {
	}

main .pagination {
	display: flex !important;
	flex-wrap: wrap !important; 
	gap: 10px;
	justify-content: space-between;
	justify-content: start;
	width: 100%;
	clear: both;
	padding-top: 3em;
	margin-top: 3em !important;
	border-radius: 0 !important;
	border-top: 1px solid #ddd;
	flex-direction: row
	}
	main .pagination.noborder {
	padding-top: 0;
	border-top: none
	}
	main nav:is([class*="col-"], main [class*="w-"]) .pagination {
	width: 100%
	}
main .pagination .btn {
	margin: 0 !important
	}
main .pagination .btn i {
	margin: 0
	}		
main .pagination li {
	}
main .pagination li::before {
	}
main .pagination li.page-item {
	width: auto;
	align-items: stretch; 
	}
	main .pagination:not(.no-gutter) li.page-item {
	display: flex
	}
	main nav:is([class*="col-"], [class*="w-"]) .pagination li.page-item {
	flex: 1 1 0
	}
	main nav.border-0 .pagination li.page-item .page-link {
	border: none !important;
	}
	main nav.py-0 .pagination li.page-item .page-link {
	padding-top: 0 !important;
	padding-bottom: 0 !important
	}
	main nav.px-0 .pagination li.page-item .page-link {
	padding-left: 0 !important;
	padding-right: 0 !important
	}
	main nav.bg-none .pagination li.page-item .page-link {
	background: none !important
	}
		
main .pagination li.page-item .page-link {
	color: var(--bs-body-color);
	line-height: 1.3em;
	font-size: 100%;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	main .pagination li.page-item:first-child .page-link,
	main .pagination li.page-item:first-child.prev .page-link,
	main .pagination li.page-item:first-child.ueberblick .page-link {
	justify-content: start;
	}
	main .pagination li.page-item:last-child .page-link {
	justify-content: end;
	}
	main .pagination li.page-item.ueberblick {
	right: 0;
	position: absolute
	}
	@media (max-width: 768px) {
		main .pagination li.page-item.ueberblick {
		right: auto;
		position: relative
		}
	}
	
	
main .pagination li.page-item .page-link:hover {
	}
	main .pagination li.page-item a.page-link:hover {
	background-color: rgba(var(--bs-primary-rgb), 0.2);
	color: var(--bs-primary)
	}
main .pagination li.page-item.active .page-link {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: var(--bs-white)
	}

main .pagination li.page-item .page-link i {
	margin: 0
	}
	main .pagination li.page-item a[rel="prev"] i { margin-right: 5px }
	main .pagination li.page-item a[rel="next"] i { margin-left: 5px }

@media (max-width: 768px) {
	main nav:is([class*="col-"], main [class*="w-"]) .pagination li.page-item {
		flex: 1 1 auto
		}
	main .pagination li.page-item .page-link {
		justify-content: center !important;
		}
}
/* --------- end Paginierung -------- */	




/* --------- wenn KEIN _ASSETS: Ratio --------- */
.ratio {
	position: relative;
	width: 100%;
	}
.ratio::before {
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: "";
	}
.ratio > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.ratio-1x1 {--bs-aspect-ratio: 100%;}
.ratio-4x3 {--bs-aspect-ratio: 75%;}
.ratio-16x9 {--bs-aspect-ratio: 56.25% }
.ratio-21x9 {--bs-aspect-ratio: 42.8571428571%;}
.ratio-20x8 {--bs-aspect-ratio: 40%;}	
.ratio-20x7 {--bs-aspect-ratio: 35%;}
.ratio-20x5 {--bs-aspect-ratio: 25%;}	
/* --------- end Ratio -------- */







/* --------- wenn KEIN _ASSETS: Kacheln --------- */
.kacheln {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	}
.kacheln .col {
	flex: 0 0 calc((100% / 4) - 20px);
	max-width: calc((100% / 4) - 20px);
	box-sizing: border-box;
	margin-bottom: 20px
	}
	[class*="col-"][class*="-9"]  .kacheln .col,
	[class*="col-"][class*="-8"]  .kacheln .col,
	[class*="col-"][class*="-7"]  .kacheln .col {
		flex: 0 0 calc((100% / 3) - 20px);max-width: calc((100% / 3) - 20px);
		}
	[class*="col-"][class*="-6"]  .kacheln .col,
	[class*="col-"][class*="-5"]  .kacheln .col {
		flex: 0 0 calc((100% / 2) - 20px);max-width: calc((100% / 2) - 20px);
		}
	[class*="col-"][class*="-4"]  .kacheln .col,
	[class*="col-"][class*="-3"]  .kacheln .col {
		flex: 0 0 100%;max-width: 100%;
		}
	@media (max-width: 1200px) {
		[class*="col-"][class*="-7"]  .kacheln .col {
			flex: 0 0 calc((100% / 2) - 20px);max-width: calc((100% / 2) - 20px);
			}
	}
	@media (max-width: 992px) {
		.kacheln .col {
			flex: 0 0 calc((100% / 3) - 20px);max-width: calc((100% / 3) - 20px);
			}
		[class*="col-"][class*="-9"]  .kacheln .col,
		[class*="col-"][class*="-8"]  .kacheln .col {
			flex: 0 0 calc((100% / 2) - 20px);max-width: calc((100% / 2) - 20px);
			}
		[class*="col-"][class*="-6"]  .kacheln .col,
		[class*="col-"][class*="-5"]  .kacheln .col {
			flex: 0 0 100%;max-width: 100%;
			}
	}
	@media (max-width: 767px) {
		.kacheln .col {
			flex: 0 0 calc((100% / 2) - 20px);max-width: calc((100% / 2) - 20px);
			}
		[class*="col-"][class*="-8"]  .kacheln .col,
		[class*="col-"][class*="-7"]  .kacheln .col {
			flex: 0 0 100%;max-width: 100%;
			}
	}
	@media (max-width: 575px) {
		.kacheln .col {
			flex: 0 0 100%;max-width: 100%;
			}
	}
	
.kacheln .wrapper-link {
	text-decoration: none !important;
	display: flex;
	height: 100%;
	width: 100%;
	}
	.kacheln .wrapper-link:hover {
	transition: .4s;
	}	
.kacheln .card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 !important;
	background: rgba(0,0,0, .05);
	border: 2px solid rgba(0,0,0, .3);
	color: var(--bs-primary) !important;
	}
	.kacheln .wrapper-link:hover .card {
	transition: .3s;
	background-color: rgba(0,0,0, 1)
	}
.kacheln .card .card-body {
	padding: 25px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .3rem
	}
.kacheln a,
.kacheln a:hover,
.kacheln .col:hover a {
	text-decoration: none !important;
	color: #000
	}
.kacheln .wrapper-link :is(h1, h2, h3, h4, h5, h6) {
	text-decoration: none !important;
	margin: 0;
	font-weight: bold;
	color: #000;
	}
.kacheln .wrapper-link:hover :is(h1, h2, h3, h4, h5, h6){
	color: #fff;
	}	
.kacheln .wrapper-link :is(h1, h2, h3, h4, h5, h6):hover {
	text-decoration: underline !important;
	}		
.kacheln p {
	margin: 0;
	font-size: 120%;
	opacity: .7
	}
	.kacheln .wrapper-link:hover p {
	color: #fff;
	opacity: 1
	}
.kacheln span {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	width: 4rem;
	height: 4rem;
	font-size:4rem; 
	margin-bottom: 1.5rem;
	}
	.kacheln i {
	line-height: 1;  
	color: #000;
	opacity: .5;
	}
	.kacheln .wrapper-link:hover i {
	text-decoration: none !important;	
	transform: scale(1.1);
	transition: all .25s ease;
	color: #fff;
	opacity: 1
	}
.kacheln .ratio {
	position: relative;
	overflow: hidden;
	margin-top: 0;
	}	
	.kacheln .ratio img {
	object-fit: cover;
	width: 100%;
	}
	.kacheln .ratio img::before {
	display: none
	}		
	.kacheln .wrapper-link:hover .ratio img {
	transform: scale(1.05);
	transition: all .5s ease;
	}
/* --------- end Kacheln -------- */






/* --------- Navigationsliste --------- */
.navigationsliste {
	margin: .5rem 0 1em 0 !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 1 !important;
	}
.navigationsliste ul {
	padding-left: 0 !important;
	list-style: none !important;
	display: inline-block !important;
	}
.navigationsliste ul li {
	display: inline-block !important;
	padding: 0 !important;
	margin: 0 .25em 1.5em 0 !important;
	list-style: none !important;
	white-space: nowrap !important
	}
	.navigationsliste ul li:last-child {
	margin-right: 0 !important;
	}	
	.navigationsliste ul li::before {
	display: none !important;
	}	
.navigationsliste ul li > a {
	padding: .4em .7em !important;
	line-height: 1.2em !important;
	font-weight: bold !important;
	background: rgba(0,0,0, .1) !important;
	border: 2px solid rgba(0,0,0, .3) !important;
	color: #000 !important;
	}
.navigationsliste ul li > a:hover {
	transition: .3s !important;
	text-decoration: none !important;
	background: #000 !important;
	border: 2px solid rgba(0,0,0, .3) !important;
	color: #fff !important;
	}			
/* --------- end Navigationsliste -------- */





/* --------- Linkliste --------- */
.linkliste {
	}
.linkliste li {
	padding-top: .1em !important;
	padding-bottom: .1em !important;
	list-style: none !important;
	padding-left: 20px !important;
	}	
.linkliste li::before {
	margin-left: -20px !important;
	width: 20px !important;
	display: inline-block !important;
	text-align: left !important;
	content: "\f08e" !important;
	font-family: 'FontAwesome' !important;
	font-weight: normal !important;
	font-size: 100% !important;
	vertical-align: middle !important
	}	
	.linkliste li:hover::before {
	}	
.linkliste li > a {
	text-decoration: none !important;
	}
.linkliste li > a:hover {
	transition: .3s !important;
	text-decoration: underline !important;
	}					
/* --------- end Linkliste -------- */





/* --------- M aus N
================================================== */
.mausn {
	margin: 0 !important;
	padding: 60px 0 !important;
	background: var(--bs-light);
	}	
.mausn .row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	line-height: 1.6em;
	justify-content: start;
	align-items: stretch;
	margin: 0;
	}
.mausn .row::before {
	display: none
	}
.mausn .row .col { 
	background: #fff !important;
	padding: 30px 40px;
	}
.mausn .frontend {
	flex: 0 0 auto;
	align-self: flex-end;
	height: auto;
	max-height: none;
	}
.mausn :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) {
	margin: 0 0 .5em 0;
	}	
.mausn ul {
	margin: 0;
	padding: 0
	}
.mausn ul li {
	margin: 0 !important;
	padding: .7em 0 !important;
	list-style: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	display: block;
	float: left;
	clear: both;
	width: 100%;
	line-height: 1.4
	}
	.mausn ul li:last-child {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0
	}
.mausn ul li::before {
	display: none !important
	}	
.mausn ul li a {
	}
.mausn ul li a:hover {
	}	
.mausn ul li .bild {
	height: 60px;
	width: auto;
	max-width: 120px;
	margin: 0 0 0 15px !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
	float: right
	}
	.mausn ul li a:hover .bild {
	opacity: .8;
	transition: .3s;
	}
	
@media (max-width: 1200px) {
	.mausn .row .col { 
	padding: 20px 30px;
	}
}
@media (max-width: 992px) {
	.mausn .row {
	grid-template-columns: repeat(2, 1fr);
	}
	.mausn .row .col { 
	padding: 20px 30px;
	}
}
@media (max-width: 767px) {
	.mausn {
	padding: 25px 0;
	}
	.mausn .row {
	grid-template-columns: repeat(2, 1fr);
	}
	.mausn .row .col { 
	padding: 20px 30px;
	}
}
/* --------- end M aus N / Bottom-Info ---------------------------------------------
================================================================================== */