@charset "utf-8";

@media all {
	section.block-header2 .row.orient-right {
		flex-direction: row-reverse;
	}

	section.block-header2 .row.orient-right .card * {
		text-align: right;
	}

	section.block-header2 .row.orient-right .card .buttons + div {
		flex-direction: row-reverse;
	}

	section.block-header2 {
		margin-bottom: calc(4rem + 0.5rem) !important; /* Herausragender Inhalt (4rem) + selber Abstand wie beim Footer (1.5rem) */
	}

	#header_countdown > span {
		white-space: nowrap;
	}
	.block-header2 {
		display: flex;
		flex-direction: column;
	}

    .block-header2.slider-header {
        padding-bottom: 64px;
    }

	.slider_adjust {
		height: calc(100% - 64px) !important;
	}

	.logo-area-animate {
		overflow: hidden;
	}

	.logo-ctrl:focus-visible {
		outline: 2px solid #fff;
		outline-offset: 2px;
	}

	.logo-ctrl__icon {
		font-size: 16px;
		line-height: 1;
	}

	.logo-below-text {
		display: block;
		max-width: 920px;
		margin: 12px auto 0;
		padding: 0 16px;
		text-align: center;
	}

	.logo-ctrl {
		position:absolute;
		bottom: 10px;
		right: 20px;
		z-index:200;
		width:34px;
		height:34px;
		border:0;
		opacity: 1;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
		background: rgba(255, 255, 255, 0);
		color: var(--bs-primary);
	}

	.logo-slider {
		position: absolute;
		width: 100%;
		height: 50px;
		bottom: 0;
		z-index: 666;
        margin-bottom: 3px;
	}

	.logo-slider::before,
	.logo-slider::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 40px;
		pointer-events: none;
		z-index: 2;
	}

	.logo-slider::after {
		right: 0;
		background: linear-gradient(
				to left,
				rgba(240, 242, 245, 1) 0%,
				rgba(240, 242, 245, 0) 100%
		);
	}
	.logo-slider::before {
		left: 0;
		background: linear-gradient(
				to right,
				rgba(240, 242, 245, 1) 0%,
				rgba(240, 242, 245, 0) 100%
		);
	}
	.logo-area-animate .track{
		display: inline-flex;
		align-items: center;
		will-change: transform;
		gap: 24px;
	}

	.logo-area-animate .logo-items--wrapper{
		display:inline-flex;
		flex:0 0 auto;
		gap: 24px;
	}

	.logo-area-animate .logo-items--wrapper > [class*="col-"]{
		padding-left:0;
		padding-right:0;
	}

	.logo-fixed-height {
		height: 48px;
	}
}

@media (max-width: 767px) {
	section.block-header2 img {
		display: block !important;
		width: 100% !important;
		border-bottom-left-radius: 0 !important;
	}

	section.block-header2 .container {
		margin-bottom: 2rem;
		margin-top: 1rem;
	}
}

@media (max-width: 567px) {
	section.block-header2 {
		min-height: 78svh !important;
	}
}