/* ----------------------------------------------------------------
	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: #00519E;
	--bs-hover: #9C9E9F;
	--bs-buttontext: #fff;
	/*Farbe Buttontext. Auf nötigen Kontrast zur Hintergrundfarbe achten.*/
	--swiper-theme-color: var(--bs-primary) !important;
}



/*-----------STROKE ÄNDERN! %23 steht für #-----------*/
#header .navbar-light .navbar-toggler-icon,
#header.scrolled .navbar-dark .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='%2300519E' /%3E%3C/svg%3E")
}



/*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;}
	
}*/

/*-----------Font Orbitron-----------*/
/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 500;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 600;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 700;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 800;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-800.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* orbitron-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: 'Orbitron';
	font-style: normal;
	font-weight: 900;
	src: url('//cdn.xuansiwei.com/xinde11628/layout/fonts/orbitron/orbitron-v31-latin-900.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*-----------Allgemein-----------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Orbitron', sans-serif;
}

.btn-primary {
	width: fit-content;
	border-radius: 0;
	margin-bottom: 20px;
}

.btn-group {
	display: flex;
	width: fit-content;
	justify-content: center;
	margin: auto;
}

#gototop:hover {
	background-color: rgba(0, 81, 158, 0.95);
}


/*-----------Header-----------*/

#mainnav ul li a.active:hover {
	color: #fff !important;
}

#header #mainnav ul li a,
#top-bar a {
	font-weight: 500;
}

@media (min-width: 1400px) {

	#header>#header-wrap>.container,
	#top-bar>.container {
		max-width: 1500px;
	}
}


/*-----------Start-----------*/
#start figcaption {
	bottom: 50%;
}

#start figcaption .container {
	margin: 0 100px;
}

#start p.text-large {
	font-weight: 500;
}

#start figure {
	margin: 0;
}

#start figcaption h1 {
	color: var(--bs-primary);
}

@media (max-width: 1300px) {
	#start figcaption {
		bottom: 0;
		background: #ffffff9e;
	}
}

@media (max-width: 767px) {
	#start img {
		height: 700px;
		width: auto;
		max-width: 120%;
		object-position: 70%;
		object-fit: cover;
	}
}

@media (max-width: 580px) {
	#start figcaption .container {
		margin: 20px;
	}
}


/*-----------Cardslider-----------*/
#cardslider {
	width: 50%;
}

#cardslider .card {
	border: none;
}

#cardslider .swiper-button-prev-custom {
	left: 35px;
}

#cardslider .swiper-button-next-custom {
	right: 35px;
}

#cardslider .card {
	border-radius: 0 !important;
}

.card-img,
.card-img-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#cncdrehen #cardslider,
#cncfraesen #cardslider,
#baugruppenmontage #cardslider {
	padding-right: 0;
	padding-left: 0;
}

#cncdrehen #cardslider .swiper-container,
#cncfraesen #cardslider .swiper-container,
#baugruppenmontage #cardslider .swiper-container {
	padding: 0;
}

#cncdrehen .background {
	background: #cbcbcb;
}



/*-----------CNC Drehen + CNC Fräsen + Baugruppenmontage -----------*/

#cncdrehen,
#baugruppenmontage {
	padding-top: 0 !important;
}

#cncfraesen,
#cncdrehen {
	padding-bottom: 0 !important;
	background-image: none;
}

#cncdrehen .col-md-6,
#cncfraesen .col-md-6,
#baugruppenmontage .col-md-6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 40px;
}

@media (max-width: 1399px) {
	#cardslider {
		justify-content: space-between;
		height: fit-content;
	}
}

@media (max-width: 767px) {
	#cncdrehen #cardslider {
		order: 2;
	}

	#cardslider {
		width: 100%;
	}

	#cncdrehen .col-md-6 h2,
	#cncfraesen .col-md-6 h2,
	#baugruppenmontage .col-md-6 h2 {
		padding-top: 30px;
	}
}


#baugruppenmontage {
	background-position: 0;
}


@media (max-width: 991px) {

	#cncdrehen .col-md-6,
	#cncfraesen .col-md-6,
	#baugruppenmontage .col-md-6 {
		width: 100%;
	}

	#cncdrehen .col-md-6.cardslider {
		order: 2;
	}
}



/*-----------USP-----------*/
#usp .col-md-2 {
	width: 20%;
	justify-content: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#usp .col-md-2 p {
	font-family: 'Orbitron', sans-serif;
	font-weight: 500;
	font-size: 22px;
}

#usp img {
	max-width: 150px;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	#usp .col-md-2 p {
		font-size: 18px;
	}

}

@media (max-width: 767px) {
	#usp .col-md-2 {
		width: 30%;
	}
}

@media (max-width: 430px) {
	#usp .col-md-2 {
		width: 40%;
	}
}

/*-----------Footer-----------*/
#footer img.meisterfachbetrieb {
	max-width: 150px;
}

#footer {
	background-image: none;
}



/*-----------Rechtliches-----------*/

#rechtliches {
	margin-top: 150px;
}



/*-----------Überschriften und Hintergrund-----------*/

.bg-grey {
	background-image: url(//cdn.xuansiwei.com/xinde11628/layout/images/zahnraeder-hg.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
}

section .section-title h1::after,
section .section-title h2::after,
section .section-title h3::after,
section .section-title h4::after {
	background: transparent;
}


section .section-title h1::before,
section .section-title h2::before,
section .section-title h3::before,
section .section-title h4::before,
#cncfraesen h2:before,
#cncdrehen h2:before,
#baugruppenmontage h2:before {
	content: "";
	background-image: url(//cdn.xuansiwei.com/xinde11628/1751699537138/4_r__385-387_c__f3a40a_.png?x-oss-process=style/png_small);
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	background-size: contain;
	position: absolute;
	left: -80px;
	bottom: 0;
}

section .section-title h1,
section .section-title h2,
section .section-title h3,
section .section-title h4,
section .section-title h5,
section .section-title h6 {
	width: fit-content;
	margin: auto;
}


#palettenrundspeichersystem h2:before {
	background-image: none;
}


#cncfraesen h2,
#cncdrehen h2,
#baugruppenmontage h2 {
	position: relative;
	padding-left: 60px;
}


#cncfraesen h2:before,
#cncdrehen h2:before,
#baugruppenmontage h2:before {
	left: 0;
	bottom: 0;
	width: 65px;
	height: 50px;
}


/*-----------Consent tool-----------*/

/* ----------- Platzhaltergrafik Google Maps iframe ------------ */
.cmp-maps>.cmplazypreviewiframe {
	background-image: url(https://www.planit-online.de/fileadmin/layout/images/platzhalter-karte.png);
	background-size: cover;
	max-width: 100%;
}

.cmplazypreviewiframe {
	max-width: 100%;
}

#cmpcookieinfo {
	overflow: scroll;
}