:root {
	--mandantPrimaryColor: #c75a00;
	--navigationButtonColor: #3112a1;
	--navigationBackgroundImage: url("./../../assets/images/bild4.jpg");
	--layer0: -1;
	--layer1: 10000;
	--layer2: 100000;
	--layer3: 1000000;
	--layer4: 10000000;
}

body{
	padding: 0;
	margin: 0;
	background:#f4f4f4;
}
html,h1,h2,h3,h4,h5,h6,a,.navbar-brand,button,.nav-label{
	font-family: sans-serif;
	line-height: 1.15;
}

.navbar-image{
	background-image: var(--navigationBackgroundImage) ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	min-height: 200px;
}

	/*
.navbar{
	background: var(--mandantPrimaryColor);
}
	*/
	.dropdown-toggle{
	background: var(--mandantPrimaryColor);
	border-radius: 0;
	border: none;
}
.nav-label{
    vertical-align: -7px !important;
}
.nav-link,.navbar-brand,.dropdown,.nav-label{
	color: #f4f4f4;
	cursor: pointer;
}
.nav-link,.dropdown,.nav-label{
	margin-right: 1em !important;
}
.nav-link:hover,.dropdown:hover,.dropdown-toggle:hover,.dropdown-toggle:active,.dropdown-toggle:focus{
	background: #f4f4f4 !important;
	color: var(--mandantPrimaryColor) !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
}
a.nav-link{
	color: #f4f4f4 !important;
}
.nav-link-vertical:hover{
	background: #F4F4F4 !important;
	border-radius: .25rem !important;
}
a.nav-link-vertical{
	color: var(--mandantPrimaryColor) !important;
}
a.nav-link-vertical active{
	color: var(--mandantPrimaryColor) !important;
}
.nav-label:hover{
	background: var(--mandantPrimaryColor) !important;
	color: #f4f4f4 !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
	text-decoration: none !important;
}
.navbar-collapse{
 justify-content: flex-end;
}
.navbar-toggler {
	margin-right: 15px;
}
.dropdown-item{
	color:var(--mandantPrimaryColor);
}
.dropdown-item:hover{
	background: #f4f4f4 !important;
	color: var(--mandantPrimaryColor) !important;
}

.logo2 img {
	max-height: 50px;
    margin-right: 40px;
}

/*header style*/
.header{
	position: relative;
	background-size: cover;
	background-position: center;
}
.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(244, 244, 244, 0.79);
}
.description{
    position: absolute;
    top: 30%;
    margin: auto;
    padding: 2em;

}
.description h1{
	color: var(--mandantPrimaryColor);
}
.description p{
	color:#666;
	font-size: 20px;
	width: 50%;
	line-height: 1.5;
}
.description button{
	border:1px  solid var(--mandantPrimaryColor);
	background:var(--mandantPrimaryColor);
	color:#fff;
}

.contact-form{
	margin: 6em 0;
	position: relative;
}

.contact-form h1{
	padding:2em 1px;
	color: var(--mandantPrimaryColor);
}

.contact-form h2,h4{
	color: var(--mandantPrimaryColor);
}

.contact-form p{
	color:#666;
}

.contact-form .right{
	max-width: 600px;
}
.contact-form .right .btn-secondary{
	background:  var(--mandantPrimaryColor);
	color: #fff;
	border:0;
}
.contact-form .right .form-control::placeholder{
	color: #888;
	font-size: 16px;
}

#footer .footer-top .footer-contact h4 {
	color: var(--mandantPrimaryColor);
}

#footer .footer-top .footer-contact p {
	color:#666;
	position: relative;
	top: 1em;
}
#footer .logo img {
	margin-left: 120px;
	margin-bottom: 5px;
	max-height: 40px;
  }

 .btn-primary_navigation {
	    /* background:  var(--navigationButtonColor); */
	    background-color:transparent;
		color: #fff;
		border:0;
}
  
.btn-primary{
	background:  var(--navigationButtonColor);
	color: #fff;
	border:0;
}

.btn-block{
	background: var(--mandantPrimaryColor);
	color: #fff;
	border:0;
}

.mx-1{
	background:  var(--mandantPrimaryColor);
	color: rgb(222, 222, 222);
	font-size: 12px
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-top: 3rem;
  padding-bottom: 3rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: var(--layer0);
}

.validation-error {
  border-color:red;
  border-width: 2px;
}

.required:after {
    content:" *";
    color: red;
}

.input-validation-error {
	border-radius: 5px; 
	border:#FF0000 1px solid;
}

.overlay-loader {
	padding-top: 5rem;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index: var(--layer3);
	visibility: hidden;
}
.overlay-loader.active {
	visibility: visible;
	opacity: 0.5;
	transition-property: visibility;
	transition-duration: 300ms;
  	transition-timing-function: linear;
	transition-delay: 300ms;
}
.overlay-loader.inactive {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
}

#modal-holder {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: var(--layer1);
	background-color: #F4F4F4;
	visibility: hidden;
	opacity: 0;
  }
  
#modal-holder.active {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 300ms;
}

#modal-holder.inactive {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
}

#modal-holder-top {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: var(--layer2);
	background-color: #F4F4F4;
	visibility: hidden;
	opacity: 0;
  }
  
#modal-holder-top.active {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 300ms;
}

#modal-holder-top.inactive {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
}

.modal-overlay {
	background-color: #fff;
}

.btn-outline-primary {
    border-color: var(--mandantPrimaryColor);
	color: var(--mandantPrimaryColor);
}
.nav-link.nav-link-vertical.active {
	background-color: var(--mandantPrimaryColor);
	color: #fff !important;
}

.nav-link.nav-link-vertical:hover {
	color: var(--mandantPrimaryColor) !important;
}

.tooltip {
	z-index: var(--layer4);
}

span.tooltip-span {
	display: inline-block;
    width: 200%;
    position: relative;
}

.closed {
	background-color: rgb(170, 170, 170);
}