/*
Name: 			Examples - Spotlight Cursor Text
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.9.2
*/
.spotlight-cursor-text {
		position: relative;
		height: 100vh;
		width: 100vw;
		background: #0088CC;
		overflow: hidden;
}

.spotlight-cursor-text .shape {
		will-change: transform;
		position: absolute;
		border-radius: 50%;
}

.spotlight-cursor-text .shape.shape-1 {
		background: #1EA6EA;
		width: 650px;
		height: 650px;
		margin: -325px 0 0 -325px;
}

.spotlight-cursor-text .shape.shape-2 {
		background: #3CC4FF;
		width: 440px;
		height: 440px;
		margin: -220px 0 0 -220px;
}

.spotlight-cursor-text .shape.shape-3 {
		background: #5AE2FF;
		width: 270px;
		height: 270px;
		margin: -135px 0 0 -135px;
}

.spotlight-cursor-text .content {
		top: 0;
		left: 0;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		background: #fff;
		mix-blend-mode: screen;
}

.spotlight-cursor-text .title {
		font-size: 150px;
		line-height: 150px;
		font-weight: bolder;
		color: #000;
		margin: 0;
		text-align: center;
}

@media (max-width: 1200px) {
		.spotlight-cursor-text .title {
				font-size: 75px;
				line-height: 75px;
		}
}
/*
Name: 			Examples - Text Background Clip Animation
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.9.2
*/
.text-bg-clip-animation {
		font-size: 150px;
		line-height: 200px;
		font-weight: bolder;
		color: #000;
		margin: 0;
		text-align: center;
		background-size: 40%;
		background-position: 50% 50%;
		background-clip: text;
		-webkit-background-clip: text;
		color: rgba(0, 0, 0, 0.08);
}

@media (max-width: 1200px) {
		.text-bg-clip-animation {
				font-size: 75px;
				line-height: 100px;
		}
}

.text-bg-clip-animation.appear-animation-visible {
		animation: textBgZoom 10s ease 500ms forwards;
}

@keyframes textBgZoom {
		from {
				background-size: 40%;
		}
		to {
				background-size: 10%;
		}
}
body {
  line-height: 22px;
}

html.sticky-header-active .header-body .header-logo .logo {
	margin-top: 15px;
}

.overlay::before {
	background: #0B426E;
}

.prefooter h5 {
	margin-bottom: 5px !important;
}
#team .thumb-info-caption-text span {
	display: inline-block;
	min-width: 42px;
}

.data-ajax-portfolio-close {
	position: absolute;
	right: 0;
	bottom: 30px;
}

@media (max-width: 991px) {
	#header .header-nav {
		padding-top: 5px;
	}
}

.tabs-krey a.nav-link:not(.active) {
	background-color: rgba(11,66,110,0.2);
	border-color: rgba(255,255,255,0.2);
	color: #ffffff !important;
}

.tabs-krey a.nav-link:hover {
	border-top-color: #E31E24 !important;
}

.tabs-krey a.nav-link.active {
	border-top-color: #fff !important;
}

.tabs-krey a.nav-link {
	text-transform: uppercase;
}

.tabs-krey .tab-content {
	background-color: rgba(11,66,110,0.2);
	border-color: rgba(255,255,255,0.2);
	color: #ffffff !important;
}

.tabs-krey .tab-content p {
	color: #ffffff !important;
}

.owl-carousel .owl-dots .owl-dot.active span, 
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #E31E24;
}

html .badge-red {
	background-color: #E31E24;
	color: white;
	border: 1px #E31E24 solid;
}

html .badge-red:hover {
	background-color: #ffffff;
	color: #E31E24;
	border: 1px #E31E24 solid;
}

html .scroll-to-top:hover {
	background-color: #E31E24;
	color: #fff;
}

section.bg-primary .readmore-overlay {
	background: linear-gradient(rgba(2, 36, 0, 0) 0%, rgba(11, 66, 110, 1) 80%) !important;
}

section.bg-primary .readmore-button-wrapper a {
	color: #fff;
}

.bg-lightblue {
	background-color: rgba(255,255,255,0.2);
}

#ueberuns2 .counters i,
#aboutus2 .counters i {
	margin-bottom: 15px;
	color: #ccc;
}

#ueberuns2 .counters strong,
#aboutus2 .counters strong {
	line-height: 70px;
	color: #0B426E;
	font-size: 3.5em;
}

.box-shadow-2.on-owl-stage-outer {
	box-shadow: none;
}

.on-owl-stage-outer .owl-stage-outer{
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.mfp-bg {
	background: rgba(0,0,0,.5);
	opacity: 1;
	transition: all 2.5s ease;
	filter: blur(3px);
	backdrop-filter: blur(3px);
}

/*
.nav-link.lang {
	display: inline-block;
}
*/

.header-nav .mobile-lang {
	display: none;
	text-align: right;
}

#header .header-nav-features .header-nav-features-dropdown {
	min-width: 200px;
}

#header .header-nav-features .header-nav-features-cart .actions .btn {
	min-width: 75px;
}

.ajax-container .box-shadow-2:not(.box-shadow-hover) {
	box-shadow: 0 15px 20px -18px rgba(0, 0, 0, 0.45);
}
	
.google-map {
	min-height: 800px;
}

.btn-danger {
	background-color: #E31E24;
	border-color: #E31E24 #E31E24 #bd2130;
	color: #FFF;
}

.btn-danger span {
	background-color: #0B426E;
}

.custom-highlight-text-1::before {
    border-bottom: 7px solid #006ea6;
}

.text-bg-clip-animation {
  font-size: 120px;
  line-height: 150px;
  font-weight: bolder;
  color: #000;
  margin: 0;
  text-align: center;
  background-size: 200%;
  background-position: 50% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0, 0, 0, 0.08);
}

.text-bg-clip-animation.text-left {
  text-align: left;
}

.pd-bottom .owl-stage-outer {
	padding-bottom: 30px;
}

#team .owl-carousel h3 {
	text-transform: none;
}

#flotte .portfolio-item .thumb-info-wrapper img, 
#fleet .portfolio-item .thumb-info-wrapper img{
	filter: grayscale(100%);
	opacity: 1;
	mix-blend-mode: hard-light;
}

#flotte .portfolio-item a:hover .thumb-info-wrapper img, 
#fleet .portfolio-item a:hover .thumb-info-wrapper img{
	filter: none;
	opacity: 1;
	mix-blend-mode: normal;
}

#flotte .thumb-info .thumb-info-wrapper, 
#fleet .thumb-info .thumb-info-wrapper {
	/*background-color: #0B426E;*/
}

#flotte .portfolio-item .thumb-info-title, 
#fleet .portfolio-item .thumb-info-title{
	font-size: 17px;
	padding: 8px 16px 0px;
	bottom: 10%;
	letter-spacing: 0em;
}

.owl-carousel.dotts-pt .owl-dots{
	margin-top: 30px;
}

#career .header-top.bg-color-light {
	background-color: lightgrey !important;
}

#career .header-logo img {
	margin-top: 20px !important;
}

#career form label.error {
	color: #E31E24 !important;
}

#career form input::placeholder,
#career form textarea::placeholder {
    color: #777 !important;
}

#career .container.quest .icons::before {
	font-size: 64px;
	display: block;
}

#career .container.quest a:hover .icons::before {
	color: #0B426E;
}

#career .container .pl-15 {
	padding-left: 150px;
}

#career .container .pl-textbetween {
	padding-left: 200px;
}

#career .owl-pics .owl-stage {
	padding-bottom: 20px;
}

#ueberuns2 .counter label, 
#aboutus2 .counter label {
	margin: 20px 0px;
}

#ueberuns2 .counter label:last-child, 
#aboutus2 .counter label:last-child {
	margin-bottom: 0px;
}

.text-hyphens {
	hyphens: auto;
}

@media (max-width: 575px) {
	.header-body .header-logo .logo img{
		width: 280px;
	}

	#team .owl-carousel .owl-nav button.owl-prev::before {
		left: 10px;
	}
	
	#team .owl-carousel .owl-nav button.owl-next::before {
		left: -10px;
	}
	
	#team .thumb-info-caption h3.text-4 {
		font-size: 1.8em !important;
	}
	
	#team .thumb-info-caption .text-2,
	#team .thumb-info-caption .thumb-info-caption-text,
	#team .thumb-info-caption p,
	#team .thumb-info-caption .btn.btn-xs
	{
		font-size: 1em !important;
	}
	
	#team .thumb-info-caption-text span {
		min-width: 50px;
	}
	
	#flotte .thumb-info .thumb-info-title,
	#fleet .thumb-info .thumb-info-title {
		font-size: 18px;
	}
	
	#ueberuns2 .counters > div,
	#aboutus2 .counters > div {
		border-bottom: 1px #ccc solid;
	}
	
	#ueberuns2 .counters > div:last-child,
	#aboutus2 .counters > div:last-child {
		border-bottom: 0px;
	}
	
	#ueberuns2 .counters .counter,
	#aboutus2 .counters .counter {
		margin-bottom: 1.5rem !important;
	}
	
	.header-nav-features {
		display: none;
	}

	.header-nav .mobile-lang {
		display: block;
	}
	
	.sticky-header-active #header .header-btn-collapse-nav {
		margin: 0.8rem 0 0 1rem;
	}
	
	.google-map {
		min-height: 400px;
	}

	.sticky-header-enabled #ueberuns:before,
	.sticky-header-enabled #flotte:before,
	/*.sticky-header-enabled #projekt:before,*/
	.sticky-header-enabled #team:before,
	.sticky-header-enabled #kontakt:before,
	.sticky-header-enabled #aboutus:before,
	.sticky-header-enabled #fleet:before,
	/*.sticky-header-enabled #projekt:before,*/
	.sticky-header-enabled #contact:before {
		content: "";
		display: block;
		height: 5px; /* fixed header height*/
		margin: -5px 0 0; /* negative fixed header height */
	}
	
	#career .header-logo img {
		width: 250px !important;
		margin-top: 10px !important;
	}

	#career .container .pl-textbetween {
		padding-left: 100px;
	}
	
}

@media (min-width: 992px) {
	html:not(.sticky-header-active) .logo img{
		width: 420px !important;
		margin-top: 20px;
	}
	
	html:not(.sticky-header-active) #header .header-nav.header-nav-links nav > ul > li > a,
	html:not(.sticky-header-active) #header .header-nav-features > div > a {
		color: rgba(255,255,255,0.25);
	}

	html:not(.sticky-header-active) #header .header-nav.header-nav-links nav > ul > li > a.active,
	html:not(.sticky-header-active) #header .header-nav.header-nav-links nav > ul > li > a:hover,
	html:not(.sticky-header-active) #header .header-nav-features > div > a:hover	{
		color: #FFFFFF;
	}
	
	html.sticky-header-active #header .header-nav-features > div > a	{
		color: #777;
	}
	
	html #career #header .header-nav.header-nav-links nav > ul li > a {
		color: #0B426E;
	}
	
	html.sticky-header-active #career #header .header-nav.header-nav-links nav > ul li:hover > a, 
	html.sticky-header-active #career #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
		background: #fff !important;
	}
}


#career .upload-area{
    width: 100%;
    height: 100px;
    border: 2px dotted #777;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#career .upload-area:hover{
    cursor: pointer;
    border: 2px dotted #fff;
}

#career .upload-area:hover p{
    color: #fff;
}

#career .upload-area p{
    text-align: center;
    color: #777;
	margin: 0;
}

#career #attachment{
    display: none;
}

#career .team .overlay:hover:before, #career .team .overlay.overlay-show:before, #career .team .overlay.show:before {
	opacity: 0.0;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0em;
}

.font-weight-bold {
	font-weight: 600 !important;
}

.thumb-info .sold {
	position: absolute;
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	font-size: 3em;
	text-align: center;
	font-weight: 900;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%) rotate(-25deg);
	z-index: 9999;
}

.thumb-info .sold.en {
	font-size: 5em;
}

.thumb-info:hover .sold {
	color: rgba(255,255,255,1);
}

.thumb-info .to-come {
	position: absolute;
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	font-size: 3em;
	text-align: center;
	font-weight: 900;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%) rotate(-25deg);
	z-index: 9999;
}

.thumb-info .to-come.en {
	font-size: 4em;
	line-height: 0.8em;
	top: 55%;
	left: 45%;
}

.thumb-info:hover .to-come {
	color: rgba(255,255,255,1);
}

:root {
	--cookie-color: #0B426E;
	--cookie-button-color: #fff;
	--cookie-button-color-bg: #0B426E;
}
#CookiebotWidget, #CybotCookiebotDialog {font-family: Arial !important;}
#CookiebotWidget svg {filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2)) !important;}
/*#CookiebotWidget, #CybotCookiebotDialog {background-color: rgba(255,255,255,0.9) !important;}*/
#CookiebotWidget .CookiebotWidget-show-consent-details {color: var(--cookie-color) !important;}
#CookiebotWidget .CookiebotWidget-consents-list svg path {fill: var(--cookie-color) !important;}
#CookiebotWidget .CookiebotWidget-logo svg circle {fill: var(--cookie-button-color-bg) !important;}
#CookiebotWidget .CookiebotWidget-logo svg path {fill: var(--cookie-button-color) !important;}
#CookiebotWidget #CookiebotWidget-btn-withdraw {border-color: var(--cookie-color) !important;}
#CookiebotWidget #CookiebotWidget-btn-change {background-color: var(--cookie-color) !important; border-color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept {background-color: var(--cookie-color) !important; border-color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline {border-color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetailsLink {color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogNavList li a[aria-selected="true"]{color: var(--cookie-color);border-bottom-color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogNavList li a:hover{color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {color: var(--cookie-color) !important;}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button label, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button::before, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button span {border-color: var(--cookie-color) !important;}
#CybotCookiebotDialog button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {background-color: var(--cookie-color) !important;}
#CybotCookiebotDialog .CookieCard button:hover, #CybotCookiebotDialog .CookieCard button:hover label, #CybotCookiebotDialog .CookieCard button:hover::before, #CybotCookiebotDialog .CookieCard button:hover span {color: var(--cookie-color) !important;}
#CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {background-color: var(--cookie-color) !important;}
#CybotCookiebotDialogBodyFieldsetInnerContainer span:hover {color: var(--cookie-color) !important;}