/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*-----------Hauptfarbe anpassen-----------*/ :root {
	--bs-primary: #c90509;
	--bs-hover: #45606c;
	--bs-buttontext: #fff; /*Farbe Buttontext. Auf nötigen Kontrast zur Hintergrundfarbe achten.*/
	--swiper-theme-color: var(--bs-primary) !important;
	--bs-background: #ffffff;
	--bs-fontcolor: #555555;
}
/*-----------Burger-Menü – STROKE ÄNDERN! %23 steht für #-----------*/
body.start #header:not(.scrolled) .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' stroke='%23ffffff' /%3E%3C/svg%3E")
}


#header.scrolled .navbar-light .navbar-toggler-icon, body:not(.start) #header .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' stroke='%2345606c' /%3E%3C/svg%3E")
}

#header-wrap, #top-bar, body, html {
	background-color: var(--bs-background);
}
body, html, h1, h2, h3, h4, h5, h6, #top-bar .top-links a, #mainnav ul.nav.navbar-nav li.nav-item a.nav-link, #footer ul.listfooter > li > a {
	color: var(--bs-fontcolor);
}
#header.position-fixed {
	top: 40px !important;
}
/*----- Top-Bar mit Kontaktinfos ausblenden -----*/
#top-bar {
	height: 0px;
	min-height: unset;
	overflow: hidden;
	visibility: hidden;
}
#header.position-fixed {
	top: 0 !important;
	border-bottom: none;
}
/*----- Mobilmenü: Kompletter Navigationspunt (komplette Breite) klappt Subnavigation aus -----*/
/*@media (max-width: 991px) {
#mainnav .mobile-toggle, #mainnav .mobile-toggle.openmenu {
	width: 100% !important;
	z-index: 2;
    pointer-events: auto;}
	
#mainnav .nav .dropdown-toggle {width: 0px;
    position: absolute;
    z-index: 1;
    pointer-events: none;}
	
}*/
/*----- Header-Image: Wenn mobil mehr Text verwendet wird, einblenden und height ändern; Bildausschnitt- mit object-position ändern -----*/
/*@media (max-width:575px){ 
    .header-image .img-fluid {
        height: 600px;
        object-position: -700px;
    }
}*/
/* league-spartan-100 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/league-spartan-v14-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-200 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/league-spartan-v14-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/league-spartan-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/league-spartan-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/league-spartan-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/league-spartan-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/league-spartan-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-800 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/league-spartan-v14-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* league-spartan-900 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/league-spartan-v14-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
.uppercase {
	text-transform: uppercase;
}
.link-mehr {
	text-align: right;
	display: block;
}
.link-mehr:after {
	content: " \27F6";
}
.card-link {
	margin-bottom: 0;
}
.space-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#wrapper .space-between .card-text {
	margin-bottom: .2rem;
}

#wrapper #footer a.social-icon {
    margin-bottom: 1.2rem;
}


/* Navigation*/
@media (min-width: 992px) {
	#mainnav.stroke-v ul.navbar-nav li a.nav-link:hover:before, #mainnav.stroke-v ul.navbar-nav li a.nav-link.active:before {
		height: 100%;
	}
}
@media (min-width: 992px) {
	#mainnav.stroke-v ul.navbar-nav li a.nav-link:before, #mainnav.fill ul.navbar-nav li a.nav-link:before {
		position: absolute;
		top: 0;
		left: -1px;
		right: auto;
		margin: auto;
		width: 1px;
		max-width: 1px;
		font-size: 0;
		content: '.';
		color: transparent;
		background: var(--bs-primary);
		height: 0%;
	}
}
.align-items-normal {
	align-items: normal;
}
.justify-content-space-around {
	justify-content: space-around;
}
@media (min-width: 992px) {
	#mainnav.stroke-v, #mainnav.stroke-v .navbar-nav {
		margin-top: 0;
		height: 100%;
	}
	#mainnav.stroke-v ul.nav.navbar-nav li.nav-item {
		padding-right: 25px;
		padding-top: 32px;
		margin-bottom: 20px;
	}
	#mainnav ul.navbar-nav ul.dropdown-menu {
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
	}
	#nav #mainnav ul.navbar-nav ul.dropdown-menu li.nav-item, #nav #mainnav ul.navbar-nav ul.dropdown-menu li.nav-item.show, #nav #mainnav ul.navbar-nav ul.dropdown-menu li.nav-item:hover {
		margin: 0;
		padding: 15px 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#mainnav ul.navbar-nav ul.dropdown-menu li.nav-item.show, #mainnav ul.navbar-nav ul.dropdown-menu li.nav-item:hover {
		background-color: #46606c;
	}
	#mainnav ul.navbar-nav ul.dropdown-menu li.nav-item.show a, #mainnav ul.navbar-nav ul.dropdown-menu li.nav-item.show a:hover {
		color: #fff;
	}
	.dropdown-toggle::after {
		transition: all 1s ease;
	}
	li.nav-item.dropdown.show .dropdown-toggle::after {
		transform: scaleY(-1)
	}
}
@media (max-width: 991px) {
	.navbar-collapse ul.navbar-nav {
		border-left: 3px solid #c90509;
	}
}
#logo img {
	padding-bottom: 10px;
}
#header .navbar-toggler, #header .navbar-light .navbar-toggler {
	border: none;
	transform: translate(0, 16px);
}
#header-wrap {
	height: fit-content;
}
#header #nav {
	height: fit-content;
}
.navbar-toggler:focus {
	box-shadow: none;
}
body.start #header:not(.scrolled), body.start #header:not(.scrolled) #header-wrap {
	background-color: rgba(255, 255, 255, 0);
	transition: all .6s ease;
}
@media (min-width:992px) {
body.start #wrapper #header:not(.scrolled) ul.nav > li.nav-item > a.nav-link:not(.active) {
		color: #fff;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.33);
	}
}
#wrapper #header ul.nav li.nav-item a.nav-link {
	font-weight: 400;
}
#start {
	margin-top: -95px;
}
.kante {
	position: absolute;
	bottom: -1px;
	width: 100%;
}
.kante img {
	width: 100%;
	height: 50px;
	aspect-ratio: unset;
}
.header-image figcaption {
	background-image: linear-gradient(90deg, #fff 30%, transparent 75%);
}
/*Kontakt*/
#kontakt iframe {
	filter: saturate(0);
	transition: all .6s ease;
}
#kontakt iframe:hover, #kontakt iframe:focus {
	filter: saturate(1);
}
/*Footer*/
.partner-logos img {
	filter: saturate(0);
	transition: all .2s ease;
	margin: 0 25px 25px 0;
	max-width: 152px;
}
.partner-logos a:hover img {
	filter: saturate(1);
}
/*mobil*/
@media (max-width:1399px) {
	.header-image .img-fluid {
		object-fit: cover;
		height: 750px;
		width: 100%;
	}
	.header-image {
		height: 750px;
	}
	.header-image figcaption h1, .header-image figcaption p {
		text-shadow: 0 0 25px #fff;
	}
}
@media (max-width:576px) {
	/*figcaption .container	{background-color: rgba(255,255,255,0.66); padding: 25px;}*/
	#start figcaption {
		position: relative;
		order: 3;
		margin-top: 50px;
	}
	#start picture {
		order: 1;
	}
	#start .kante {
		order: 2;
	}
	.header-image {
		height: fit-content;
		display: flex;
		flex-direction: column;
	}
	.kante {
		position: relative;
		margin-top: -50px;
		width: 100%;
	}
	#header:not(.scrolled) #header-wrap {
		background-image: linear-gradient(90deg, #fff 33%, rgba(255,255,255,.2) 66%);
	}
	
	
	.header-image .img-fluid {height: 405px;}
}




img.mitarbeiterbild {max-width: 350px;}

@media (min-width: 768px){
.column-count-3 { column-count: 3;}
}

ul.mitarbeiter li {margin-bottom: 20px;}


#accordion-bytt {min-height: calc(100vh - 375px)}