/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* Allgemein */

.container-fluid-xl {
	max-width: 1400px;
}

/* Header-top-bar */

#header-top-bar {
	background-color: #000;
	color: #fff;
	font-size: 1rem;
}

#header-top-bar .container-fluid {
	justify-content: center;	
}

@media (min-width: 991px) {
	#header-top-bar .container-fluid {
		justify-content: space-between;	
	}
}

#header-top-bar a {
	color: #fff;
}

#header-top-bar a:not(.dropdown-item):not(.btn) {  
	color: #fff;
}

#header-top-bar .topbar-left span {
	display: block;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
}

/* Header */

.is-checkout header, .is-checkout .navbar {
    height: auto;
}

/* Megamenü */

@media (min-width: 992px) {
	#mainNavigation .navbar-nav > .nav-item > .nav-link {
		text-transform: uppercase;
		font-size: 1rem;
	}
}

/* Content */

@media (min-width: 992px) {
	#content-wrapper:not(.has-fluid) {
		padding-top: 2rem;
	}
}

#content {
	padding-bottom: 1rem;
}

/* Slider */

.theme-default .splide--slide {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.theme-default .splide__slide__caption {
	padding: 1rem;
	font-size: 24px;
	background: #fff !important;	
}

@media (min-width: 992px) {	
	.theme-default .splide__slide__caption {
		position: absolute;
		bottom: 2rem;
		left: 2rem;		
		width: 40%;		
		font-size: 24px;
		border-radius: 1rem;
		opacity: 1;		
	}
	
	.theme-default .splide__slide__caption .title {
		font-family: "Open Sans", sans-serif;
		font-weight: bold;
		font-size: 36px;
		display: block;
		margin-bottom: 1rem;
	}
}

/* OPC-Regeln */

@media (min-width: 992px) {
	.no-opc .reverse-order-lg {
		flex-direction: row-reverse;
	}
}

.no-opc .grid-same-height > div > .opc-Container {
	height: 100%;
	display: flex;
	align-items: center;
}

.no-opc .grid-same-height > div > .opc-Container > div {
	width: 100%;
}

.no-opc .background-grey {
	background-color: #f6f7fb;
	padding: 1rem;
}

.no-opc h2.h2-variant {
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #FFDD0A;
}

.no-opc .rich-text-variant {
	font-size: 22px;
}

.no-opc .btn-text-only .btn {
	padding: 0;
	background-color: transparent;
	font-size: 22px;
	font-weight: bold;
	border: none;
}

@media (min-width: 992px) {
	.no-opc .grid-same-height:not(.reverse-order-lg) > .col[data-area-id="col-0"] {
		padding-right: 0;
	}
	
	.no-opc .grid-same-height:not(.reverse-order-lg) > .col[data-area-id="col-1"] {
		padding-left: 0;
	}
	
	.no-opc .grid-same-height.reverse-order-lg > .col[data-area-id="col-0"] {
		padding-left: 0;
	}
	
	.no-opc .grid-same-height.reverse-order-lg > .col[data-area-id="col-1"] {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.no-opc .grid-same-height > div[data-area-id="col-0"] {
		margin-bottom: 2rem;
	}
	
	.no-opc .mobile-center {
		text-align: center;
	}
	
	.no-opc .mobile-center .h2-variant {
		text-align: center !important;
	}
	
	.no-opc .mobile-center .btn-text-only {
		text-align: center !important;
	}
}