/* ######################## General ######################## */
::selection { background: var(--dark-red); color: var(--white); }
::-moz-selection { background: var(--red); color: var(--off-white); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--off-white); }
::-webkit-scrollbar-thumb { background: var(--red); }
::-webkit-scrollbar-thumb:hover { background: var(--red); }

:root {
	--red: #D9000E;
	--dark-red: #B30000;
	--white: #FFF;
	--off-white: #F2F2F2;
	--dark: #444;
	--grey: #CCC
}

html{
	font-family: 'interstate-regular';
}

h1, h2, h3, h4, h5, h6, p { color: var(--dark); }
h1 { display: inline; background: var(--red); padding: 0 10px; }
.tab-switcher h2{ color: var(--red); }
a { transition: all .35s; }
a:focus,
a:hover { text-decoration: none; transition: all .35s; }

.position-relative { position: relative; }
.object-fit-cover img { object-fit: cover; height: 700px; width: 100%; }
.uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge { max-width: calc(50% + (100% /2)) }
.uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child,
.uk-container-expand-right.uk-container-xlarge .uk-grid .uk-grid-item-match:first-child { padding: 0 70px; }
.el-sublayout .uk-container-expand-right.uk-container-xlarge .uk-grid .uk-grid-item-match:first-child { padding: 70px; }
.tab-switcher .uk-switcher .uk-margin-remove-first-child, .tab-switcher .uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child {
    padding: 70px;
}

@media (max-width: 959px) {
	.tab-switcher .uk-switcher .uk-margin-remove-first-child, .tab-switcher .uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child {
		padding: 20px;
	}
}

@media (max-width: 1199px) {
	.uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child,
	.uk-container-expand-right.uk-container-xlarge .uk-grid .uk-grid-item-match:first-child { padding: 0 40px; }
}
@media (max-width: 959px) {
	.flex-direction-reverse { flex-direction: column-reverse; }
	.uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child,
	.uk-container-expand-right.uk-container-xlarge .uk-grid .uk-grid-item-match:first-child { padding: 40px 20px 40px 20px; }
}

.karriere-overlay .uk-overlay-primary { background: transparent; }
/* ######################## General ######################## */

/* ### Toolbar ### */
.tm-toolbar { background: var(--white); padding: 0; }

.tm-toolbar .uk-container > div,
.tm-toolbar .uk-container .uk-grid > div { flex: 0 0 100%; }

.tm-toolbar .toolbar-container { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 30px; }
.tm-toolbar .toolbar-container > span:first-child { display: flex; gap: 10px; }
.tm-toolbar .toolbar-container img { width: 30px; }
.tm-toolbar .toolbar-container p { font-size: 8px; margin: 0; }
.tm-toolbar .toolbar-container p a { color: var(--dark); text-decoration: underline; }
.tm-toolbar .toolbar-container p a:focus,
.tm-toolbar .toolbar-container p a:hover { color: var(--red); }
.tm-toolbar .toolbar-container span:nth-child(2) { display: flex; justify-content: center; }
.tm-toolbar .toolbar-container .uk-inline { display: flex; justify-content: center; }
.tm-toolbar .toolbar-container .uk-inline button { display: flex; align-items: center; gap: 5px; }
.tm-toolbar .toolbar-container .uk-inline button img { position: relative; top: 1px; width: 11px; }
.tm-toolbar .toolbar-container .uk-inline ul li:nth-child(2) { padding: 5px 0 10px; }
.tm-toolbar .toolbar-container .uk-inline ul li:nth-child(2) img,
.tm-toolbar .toolbar-container .uk-inline ul li:nth-child(3) img { width: 100px; }
.tm-toolbar .toolbar-container .uk-inline ul li img { filter: grayscale(1); transition: all .35s; }
.tm-toolbar .toolbar-container .uk-inline ul li img:focus,
.tm-toolbar .toolbar-container .uk-inline ul li img:hover { filter: grayscale(0); transition: all .35s; }
.tm-toolbar .toolbar-container .uk-button { color: var(--dark); font-family: 'interstate-regular'; font-size: 13px; }
.tm-toolbar .toolbar-container .uk-dropdown { z-index: 981; left: -20% !important; box-shadow: none; padding: 10px 30px 20px; }
.tm-toolbar .toolbar-container .uk-dropdown img { width: 300px; }
.tm-toolbar .toolbar-container > span:last-child { display: flex; justify-content: flex-end; }
.tm-toolbar .toolbar-container .toolbar-button {
	position: relative;
    right: -40px;
	display: flex;
	align-items: center;
	font-size: 13px;
	background: var(--red);
	height: 44px;
	padding: 0 40px 0 20px;
}
.tm-toolbar .toolbar-container .toolbar-button:focus,
.tm-toolbar .toolbar-container .toolbar-button:hover { background: var(--dark-red); }

.tm-header-mobile .uk-sticky-below { background: var(--white); }

#tm-dialog-mobile .uk-modal-body > div > div > div:last-child { display: flex; justify-content: center; }

#tm-dialog-mobile .toolbar-container { display: grid; gap: 15px; margin-top: 20px; }
#tm-dialog-mobile .toolbar-container span:first-child { display: flex; align-items: flex-start; gap: 10px; }
#tm-dialog-mobile .toolbar-container span:first-child img { width: 30px; }
#tm-dialog-mobile .toolbar-container span:first-child p { color: var(--white); font-size: 10px; margin: 0; }

#tm-dialog-mobile .toolbar-container span:nth-child(2) { display: flex; justify-content: center; }
#tm-dialog-mobile .toolbar-container .uk-inline { width: 100%; }
#tm-dialog-mobile .toolbar-container .uk-inline button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: var(--dark);
	width: 100%;
	background: var(--white);
}
#tm-dialog-mobile .toolbar-container .uk-inline button img { position: relative; top: 1px; width: 11px; }
#tm-dialog-mobile .toolbar-container .uk-inline ul li:nth-child(2) { padding: 5px 0 10px; }
#tm-dialog-mobile .toolbar-container .uk-inline ul li:nth-child(2) img,
#tm-dialog-mobile .toolbar-container .uk-inline ul li:nth-child(3) img { width: 100px; }

#tm-dialog-mobile .toolbar-container .toolbar-button {
	position: relative;
    right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	font-family: 'interstate-bold';
	background: var(--red);
	height: 44px;
	padding: 0 20px;
}
#tm-dialog-mobile .toolbar-container .toolbar-button:focus,
#tm-dialog-mobile .toolbar-container .toolbar-button:hover { background: var(--dark-red); }
/* ### Toolbar ### */

/* ### BvB Badge ### */

.bvb-badge {
	width: 180px;
	position: fixed;
	bottom: 40px;
	right: 0px;
    opacity: 1;
	z-index: 9999;
	transition: opacity 0.3s ease-in-out;
}

.bvb-badge.hidden {
    opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
    .bvb-badge {
		width: 150px;
		bottom: 24px;
    }
}

/* ### BvB Badge End ### */


/* ### Navigation ### */
.tm-header { position: relative; z-index: 2; }
.tm-header-overlay { z-index: 1; }

.uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; }
.uk-navbar-container:not(.uk-navbar-transparent).uk-sticky-below { background: var(--white); }

.page-id-190 .uk-navbar-container:not(.uk-navbar-transparent).uk-sticky-below,
.page-id-192 .uk-navbar-container:not(.uk-navbar-transparent).uk-sticky-below,
.page-id-263 .uk-navbar-container:not(.uk-navbar-transparent).uk-sticky-below { top: 44px !important; }
.page-id-190 .tm-header nav ul li a,
.page-id-192 .tm-header nav ul li a,
.page-id-263 .tm-header nav ul li a { color: var(--dark) !important; }
.page-id-190 .uk-logo svg,
.page-id-192 .uk-logo svg,
.page-id-263 .uk-logo svg { color: #706F6F; }
.page-id-190 .uk-logo #Pfad_81,
.page-id-190 .uk-logo #Rechteck_32,
.page-id-190 .uk-logo #Rechteck_33,
.page-id-192 .uk-logo #Pfad_81,
.page-id-192 .uk-logo #Rechteck_32,
.page-id-192 .uk-logo #Rechteck_33,
.page-id-263 .uk-logo #Pfad_81,
.page-id-263 .uk-logo #Rechteck_32,
.page-id-263 .uk-logo #Rechteck_33 { color: var(--red); }

.tm-header nav ul li a { color: var(--white) !important; }
.tm-header .uk-navbar-dropdown-nav > li.uk-active > a,
.tm-header nav ul li.uk-active a,
.tm-header nav ul li a:focus,
.tm-header nav ul li a:hover { color: var(--red) !important; }
.tm-header nav ul li a.uk-icon-link { display: block; }
.uk-navbar-dropdown { padding: 20px 30px; }

.uk-modal-dialog { background: var(--dark); }
.uk-modal-body { width: 100%; }
.uk-modal-body .uk-nav li a,
.uk-modal-body .uk-nav-sub li a {
	color: var(--white) !important;
	font-family: 'interstate-regular';
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
}
.uk-modal-body .uk-panel li a svg { color: var(--white); transition: all .35s; }
.uk-modal-body .uk-nav > li.uk-active > a,
.uk-modal-body .uk-nav li a:focus,
.uk-modal-body .uk-nav li a:hover,
.uk-modal-body .uk-nav li a svg:focus,
.uk-modal-body .uk-panel li a svg:hover { color: var(--red) !important; transition: all .35s; }

@media (max-width: 1199px) { .uk-navbar-container { top: 0 !important; } }
/* ### Navigation ### */

/* ### Logo ### */
.uk-logo svg { color: var(--white); >}
.uk-navbar-sticky .uk-logo svg { color: #706F6F; }
.uk-navbar-sticky .uk-logo #Pfad_81,
.uk-navbar-sticky .uk-logo #Rechteck_32,
.uk-navbar-sticky .uk-logo #Rechteck_33 { color: var(--red); }

.uk-navbar-sticky .uk-navbar-toggle-icon { color: var(--dark); }

.tm-header .uk-sticky-below nav ul li a { color: var(--dark) !important; }
/* ### Logo ### */

/* ### Header ### */
.video-header { position: relative; margin-top: -80px; }
.video-header .el-container { width: -webkit-fill-available; }
.video-header video {
	height: 100vh;
	width: 100vw;
	object-fit: cover;
}
.video-header p { color: var(--white); }

.page-id-9551 .video-header .uk-position-center{
	top: calc(30% - var(--uk-position-margin-offset)) !important;
}

.video-tabs { position: relative; }
.video-tabs .el-container { width: -webkit-fill-available; }
.video-tabs video {
	height: 750px;
	width: 100vw;
	object-fit: cover;
}

/* ### Header ### */

/* ### Mehr entdecken ### */
.discover-more {
	position: absolute;
	z-index: 999;
	bottom: 100px;
	width: 100%;
}
.discover-more .dm-container { display: grid; justify-content: center; }
.discover-more a { display: block; color: var(--white); text-align: center; }
.discover-more img {
	display: block;
	width: 15px;
	margin: 15px auto 0;
	-webkit-animation: action .75s infinite alternate;
    animation: action .75s infinite alternate;
}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}

@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}

@media (max-width: 959px) { .discover-more { bottom: 65px; } }
@media (max-width: 639px) { .discover-more { bottom: 50px; } }
/* ### Mehr entdecken ### */

/* ### Cards ### */
.cards a,
.cards img { width: 100%; }

.cards .el-item:before {
	content: '';
	position: absolute;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(68, 68, 68, 0), rgba(68, 68, 68, .5));
	height: 100%;
	width: 100%;
}
.cards .uk-panel { position: relative; z-index: 2; }

.cards .uk-position-top-left { top: unset; bottom: 0; width: 100%; padding-bottom: 28px; }
.cards .uk-overlay-primary { background: rgba(217 0 14 / 75%); }
.cards .uk-transition-fade { z-index: 1; }
.cards .uk-overlay .el-content { display: grid; width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; }
.cards .uk-overlay .el-content a { color: var(--white); line-height: normal; width: fit-content; margin: 5px 0; }
.cards .uk-overlay .el-content a:first-child { padding-top: 0; }
.cards .uk-overlay .el-content a:focus,
.cards .uk-overlay .el-content a:hover { color: var(--grey); }
.cards .uk-overlay .el-link { display: none; }
.cards .cards-container { position: relative; }
.cards h3 { position: absolute; z-index: 1; bottom: 0; color: var(--white); padding: 20px; }

@media (max-width: 1589px) { .cards .uk-grid > div:first-child .uk-overlay .el-content { margin-bottom: 55px; } }
@media (max-width: 959px) { .cards .uk-grid > div:first-child .uk-overlay .el-content { margin-bottom: 0; } }
@media (max-width: 799px) { .cards .uk-grid > div:first-child .uk-overlay .el-content { margin-bottom: 55px; } }
@media (max-width: 639px) { .cards .uk-grid > div:first-child .uk-overlay .el-content { margin-bottom: 0; } }
@media (max-width: 404px) { .cards .uk-grid > div:first-child .uk-overlay .el-content { margin-bottom: 55px; } }
/* ### Cards ### */

/* ### News Teaser ### */
.news-teaser .el-meta { font-family: 'interstate-bold'; font-size: 13px; }
.uk-dotnav > * > * { border-radius: 0; }
/* ### News Teaser ### */

/* ### Unterseite Hero ### */
.subpage-hero p { color: var(--white); }
/* ### Unterseite Hero ### */

/* ### Unterseite Tabs ### */
.tab-switcher .el-nav, .tab-switcher-pro .el-nav { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; margin: 0; }
.tab-switcher.grid-2 .el-nav { grid-template-columns: repeat(2, 1fr); }
.tab-switcher.grid-5 .el-nav { grid-template-columns: repeat(5, 1fr); }
.tab-switcher.grid-6 .el-nav { grid-template-columns: repeat(6, 1fr); }
.tab-switcher.grid-7 .el-nav { grid-template-columns: repeat(7, 1fr); }
.tab-switcher.grid-8 .el-nav { grid-template-columns: repeat(8, 1fr); }
.tab-switcher.grid-9 .el-nav { grid-template-columns: repeat(9, 1fr); }
.tab-switcher .el-nav li, .tab-switcher-pro .el-nav li { padding: 0; }
.tab-switcher .el-nav li a, .tab-switcher-pro .el-nav li a {
	display: flex;
	justify-content: center;
	color: var(--dark);
	font-family: 'interstate-bold';
	font-size: 15px;
	text-transform: none;
	text-align: center;
	letter-spacing: 0;
	background: #EAEAEA;
	height: 150px;
	width: 100%;
}
.tab-switcher .el-nav li a span { hyphens: auto; width: 75%; }
.tab-switcher .el-nav li.uk-active a,
.tab-switcher .el-nav li a:focus,
.tab-switcher .el-nav li a:hover { background: #D8D8D8; border: 0; }

.tab-switcher .uk-switcher .el-item .uk-grid { align-items: stretch; }
.tab-switcher .uk-switcher .el-item .uk-grid img { height: 100%; width: 100%; object-fit: cover; }


@media (max-width: 959px) {
	.tab-switcher .uk-switcher > * > * { text-align: left; }
	.tab-switcher .el-nav,
	.tab-switcher.grid-2 .el-nav,
	.tab-switcher.grid-5 .el-nav,
	.tab-switcher.grid-6 .el-nav,
	.tab-switcher.grid-7 .el-nav,
	.tab-switcher.grid-8 .el-nav,
	.tab-switcher.grid-9 .el-nav {
		grid-template-columns: repeat(4, 1fr);
		justify-content: flex-start;
		overflow-x: auto;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	/* .tab-switcher.grid-2 .el-nav { grid-template-columns: repeat(2, 1fr); } */
	.tab-switcher.grid-5 .el-nav { grid-template-columns: repeat(5, 1fr); }
	.tab-switcher.grid-6 .el-nav { grid-template-columns: repeat(6, 1fr); }
	.tab-switcher.grid-7 .el-nav { grid-template-columns: repeat(7, 1fr); }
	.tab-switcher.grid-8 .el-nav { grid-template-columns: repeat(8, 1fr); }
	.tab-switcher.grid-9 .el-nav { grid-template-columns: repeat(9, 1fr); }
	.tab-switcher .el-nav li,
	.tab-switcher.grid-2 .el-nav li,
	.tab-switcher.grid-5 .el-nav li,
	.tab-switcher.grid-6 .el-nav li { width: 250px; }
}

@media (max-width: 1199px) { .tab-switcher .uk-switcher li .uk-margin-remove-first-child { padding-left: 40px; padding-right: 40px; } }
@media (max-width: 959px) {
	.tab-switcher .uk-switcher li img { width: -webkit-fill-available; }
	.tab-switcher .uk-switcher li .uk-margin-remove-first-child { padding-right: 0; }
	.tab-switcher .uk-switcher li .uk-grid-margin { padding: 0 20px 40px 20px !important; }
	.fs-switcher .uk-switcher li .uk-grid-margin { padding: 20px 20px 40px 40px !important; }
	.fs-switcher.tab-switcher.uk-margin { margin-bottom: 0 !important; }
}

/* .display-on-second-tab-parent .tab-switcher .uk-switcher li.uk-active:nth-child(2) { padding: 200px; } */
/* ### Unterseite Tabs ### */

/* ### Unterseite Slider ### */
.custom-slider .el-content { padding: 0 100px; }
.custom-slider .el-slidenav { border: 2px solid rgba(105, 105, 105, .5); padding: 8px 15px; }
.custom-slider .el-slidenav:focus,
.custom-slider .el-slidenav:hover { color: #444; border-color: #444; }

@media (max-width: 959px) {
	.custom-slider .el-content { padding: 0; }
}
/* ### Unterseite Slider ### */

/* #### Unterseite Map ### */
.map-row .uk-container-expand-left.uk-container-xlarge .uk-grid .uk-grid-item-match:last-child, .map-row .uk-container-expand-right.uk-container-xlarge .uk-grid .uk-grid-item-match:first-child { padding:0; }

.map-row {
	position: relative;
	z-index: 0;
}

/* #### Unterseite Map ### */

/* ### Ansprechpartner ### */
.contact-person-nav .el-nav { gap: 10px; padding-left: 20px; margin-bottom: 10px; }
.contact-person-nav .el-nav:before { border: 0; }
.contact-person-nav li { padding: 0; }
.contact-person-nav li a {
	color: var(--dark);
	font-family: 'interstate-bold';
	font-size: 13px;
	letter-spacing: normal;
	height: 40px;
	background: var(--off-white);
	border: 0;
	padding: 0 15px;
}
.contact-person-nav li.uk-active a,
.contact-person-nav li a:focus,
.contact-person-nav li a:hover { color: var(--white); background: var(--red); border: 0; }

.contact-person-nav .el-item { background: var(--off-white); padding: 12px; }
.contact-person-nav .el-item img { width: 100%; }
.contact-person-nav .el-item .uk-grid { display: grid; }
.contact-person-nav .el-item .uk-grid .uk-first-column:last-child { padding: 12px 18px 6px 18px; margin: 0; }
.contact-person-nav .el-item .el-title { display: grid; font-family: 'interstate-bold'; font-size: 20px; }
.contact-person-nav .el-item .el-job { color: var(--dark); font-family: 'interstate-regular'; font-size: 13px; text-transform: uppercase; }
.contact-person-nav .el-item .el-meta {
	position: absolute;
	top: 18px;
	right: 0;
	color: var(--white);
	font-family: 'interstate-bold';
	font-size: 11px;
	letter-spacing: normal;
	background: var(--red);
	padding: 2px 18px 3px 6px;
}
.contact-person-nav .el-item .el-content { font-size: 14px; }
/* ### Ansprechpartner ### */

/* ### Accordion ### */
.uk-accordion .el-item { border-top: 1px solid #444; padding-top: 20px; }
.uk-accordion .el-item:first-child { border: 0; padding: 0; }
.uk-accordion-title { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.uk-accordion-title:before {
	content: '';
    width: 17px;
    height: 23px;
    background: url(/wp-content/uploads/2023/02/plus.svg) no-repeat;
	background-position: center;
	margin-left: 0;
}
.uk-open > .uk-accordion-title:before { position: relative; top: 3px; background: url(/wp-content/uploads/2023/02/minus.svg) no-repeat; }
.uk-accordion-content { padding-bottom: 50px; }
/* ### Accordion ### */

/* ### Footer ### */
.social-nav { display: none; }
.footer-nav { display: flex; justify-content: center; }
.footer-nav li a { color: var(--dark); font-family: 'interstate-bold'; font-size: 13px; text-transform: uppercase; padding: 0 20px 0 0; }
.footer-nav li a svg { transition: all .35s; }
.footer-nav li:first-child a,
.footer-nav li:nth-child(2) a { padding-right: 5px; }
.footer-nav li:last-child a { padding: 0; }
.footer-nav li.uk-active a,
.footer-nav li a:focus,
.footer-nav li a:hover { color: var(--red); }
.footer-nav li a:focus svg,
.footer-nav li a:hover svg { fill: var(--red); transition: all .35s; }

@media (max-width: 639px) {
	.social-nav { display: flex; justify-content: center; gap: 5px; margin-bottom: 10px; }
	.social-nav li a svg { transition: all .35s; }
	.social-nav li a:focus svg,
	.social-nav li a:hover svg { fill: var(--red); transition: all .35s; }
	.footer-nav { display: grid; gap: 10px; }
	.footer-nav li { display: flex; justify-content: center; }
	.footer-nav li:first-child,
	.footer-nav li:nth-child(2),
	.footer-nav li:nth-child(3) { display: none; }
	.footer-nav li a,
	.footer-nav li:first-child a,
	.footer-nav li:nth-child(2) a { padding-right: 0; }
}
/* ### Footer ### */

/* ### Back to top ### */
.footer-bottom .uk-container { position: relative; }
.back-to-top {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white);
	height: 50px;
	width: 50px;
	margin: 0 20px 0 0 !important;
	transition: all .35s;
}
.back-to-top:focus,
.back-to-top:hover { background: #eaeaea; transition: all .35s; }
.back-to-top svg { color: var(--red); }
/* ### Back to top ### */

/* ######################## Fonts ######################## */
@font-face {
	font-family: "interstate-bold";
	src: url("../fonts/interstate-bold.woff2") format("woff2"),
		 url("../fonts/interstate-bold.woff") format("woff");
}
@font-face {
	font-family: "interstate-regular";
	src: url("../fonts/interstate-regular.woff2") format("woff2"),
		 url("../fonts/interstate-regular.woff") format("woff");
}
/* ######################## Fonts ######################## */
.not-visbile {
	display:none;
}

/* ######################## HERO SECTION ######################## */

.uk-inline-clip,
.uk-inline-clip img{
	width:100%;
}

.uk-inline-clip img{
	max-height:800px;
}