/*###########################################################*/
/* TAGS START */

body{
	background-color:#e7ecf6;
    overflow-y: scroll;

}

/* TAGS END */
/*###########################################################*/

/*###########################################################*/
/* NAVIGATION START */

.my-sub-navigation{
	color:#255c9c !important;
}
.my-sub-navigation:hover{
	text-decoration:unset;
	color:#1f6ac2 !important;
}

.top-function-nav-icons {
    color:grey !important;
}

.top-function-nav-icons{
	color:gray !important;
}

.navbar{
	background-color:white !important;
	z-index: 10002;
}

.top-bar{
	background-color:#f6f7f9 !important;
	font-size: 0.9rem;
}

.top-function-nav-icons:hover{
	color:#8a8d95 !important;
	text-decoration: unset !important;
}

/* NAVIGATION END */
/*###########################################################*/

/*###########################################################*/
/* DROPDOWN START */

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #255c9c !important;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0,0,0,.9) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5) !important;
}

/* DROPDOWN END */
/*###########################################################*/

/*###########################################################*/
/* GENERAL START */

.my-txt-color{
	color:  #1E4490 !important;
	//font-size: 0.9rem;
	line-height: 1.3 !important;
}

.my-txt-block{
	background-color: white !important;
	padding: 1.5rem;
	padding-left: 1rem;
}


.my-person-block{
	color:#1E4490 !important;
}

.centered {
  color:white !important;
}

.centered-top {
  color:white !important;
}
.my-button{
	color: #1E4490 !important;
    margin-left: 40px;
	margin-bottom: 0rem;
}

.my-button:hover{
	background-color: white !important;
    margin-left: 40px;
}

.my-input-group{
	 border: 1px solid #1E4490;
    background: white;
    padding-left: 10px;
	width:100% !important;
}

.form-control:disabled{
	background-color:white !important;
}
.form-control:focus{
	box-shadow: none !important;
}

a {
    color: #2a288c !important;
}
a:hover {
    color: #413ea6 !important;
}


.shariff .linkedin a {
    color: white !important;
}


.shariff .facebook a {
    color: white !important;
}


.shariff .xing a {
    color: white !important;
}


.shariff .twitter a {
    color: white !important;
}




/* GENERAL END */
/*###########################################################*/

/*###########################################################*/
/* IMAGES START */

.overlay-image .text {
	color: #fff !important;
	background: linear-gradient(to bottom, #1E529A, rgba(255,255,255,0));
}

.overlay-image-text-header{
	 color: #fff !important;
	 background: linear-gradient(to bottom, #255c9c, rgba(255,255,255,0));
}

.overlay-image-text-header{
	 color: #fff !important;
}

.image-company-banner-default{
	content: url(/frontend_redesign_event_sites/img/pic_2_unternehmensseite_neutral.jpg);
	width:100%;
}

	
@media only screen and (max-width: 765px) {
	.my-background-banner{
		height: 400px !important; 
	}
}
@media only screen and (max-width: 576px) {
	.my-background-banner{
		height: 190px !important; 
		min-height: 190px !important;
	}
}


/* IMAGES END */
/*###########################################################*/

/*###########################################################*/
/* FOOTER START */

.my-footer{
	background-color:#54606b !important;
	padding-bottom: 2rem;
	margin-top: 2rem;
	color: white !important;
}

.my-footer-a{
	color:white !important;
}

/* FOOTER END */
/*###########################################################*/



/*###########################################################*/
/* REGISTRATION MENUE START */

.one, .two, .three, .four{
    position:absolute;
	margin-top:-18px;
	z-index:1;
	height:40px;
	width:40px;
	border-radius:25px;
}
.one-txt,.two-txt,.three-txt,.four-txt{
	position:absolute;
	color:black;
	margin-top:20px;
}
.one{
	left:4.5%;
}

.one-txt{
	left:4%;
}
.two{
	left:33%;
}
.two-txt{
	left:31%;
}

.three{
	left:66%;
}
.three-txt{
	left:63%;
}

.four{
	left:92.5%;
}
.four-txt{
	left:93%;
}

.primary-color{
	background-color:#4989bd;
}
.success-color{
	background-color:#5cb85c;
}
.danger-color{
	background-color:#d9534f;
}
.warning-color{
	background-color:#255c9c;
}
.info-color{
	background-color:#5bc0de;
}
.no-color{
	background-color:inherit;
	background-color: #e7ecf6;
}
.progress{
	margin-left: 1rem;
	margin-right: 1rem;
	background-color: #e7ecf6;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #255c9c;
    transition: width .6s ease;
}

@media only screen and (max-width: 992px) {
	.one, .two, .three, .four{
    position:absolute;
	margin-top:-18px;
	z-index:1;
	height:40px;
	width:40px;
	border-radius:25px;
	}
	.one-txt,.two-txt,.three-txt,.four-txt{
		position:absolute;
		color:black;
		margin-top:20px;
	}
	.one{
		left:7.5%;
	}

	.one-txt{
		left: 8%;
		max-width: 75px;
	}
	.two{
		left:31%;
	}
	.two-txt{
		left:28%;
		max-width: 100px;
	}

	.three{
		left:57%;
	}
	.three-txt{
		left:51%;
	}

	.four{
		left:80.5%;
	}
	.four-txt{
		left:80%;
	}

	.primary-color{
		background-color:#4989bd;
	}
	.success-color{
		background-color:#5cb85c;
	}
	.danger-color{
		background-color:#d9534f;
	}
	.warning-color{
		background-color:#255c9c;
	}
	.info-color{
		background-color:#5bc0de;
	}
	.no-color{
		background-color:inherit;
		background-color: #e7ecf6;
	}
	.progress{
		margin-left: 1rem;
		margin-right: 1rem;
		background-color: #e7ecf6;
	}

	
}



/* REGISTRATION MENUE END */
/*###########################################################*/