@charset "UTF-8";
/**
 *	Additional CSS for Allied Companies, which use a design color in project settings
 *
 **/


@media all {



/* Header */
.header .header-toolbar {
	background-color: #696969 !important;
}

.webkit #subnav a:hover,
#megaDropdown.booNavigation .navContent ul li a:hover {
	color: #696969 !important;
}

.header .header-nav .navbar-brand {
	width: 19%;
}

.sticky.is-sticky .navbar-brand-scroll {
	width: 16rem;
}

.header-new .header-nav .nav-link {
	font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 2.2rem;
}

.header-new .header-toolbar a,
.header-new .header-toolbar .dropdown-toggle#languageDropDown:after {
	color: #fff;
}

/* headlines */

.webkit h1, 
.webkit .h1, 
.webkit a.h1 {
	font-family: wuerthbook,Arial,Helvetica,sans-serif;
	color: #605d5c;
	font-size: 3rem;
    font-weight: normal !important;
}

.webkit h2, 
.webkit .h2-style,
.webkit .boxarrowLink h2, 
.webkit .boxarrow h2 {
	font-weight: normal !important;
	margin-bottom: 0;
}

/* footer */
.footer-legal-info {
	margin-bottom: 0;
}


/* flexible Cookiebanner */
#cookieBanner .btn_cta {
	text-align: center;
}

#cookieBanner .row {
	margin-left: 0;
	margin-right: 0;
}

.navbar-light .navbar-nav .show>.nav-link, 
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active,
.header .header-nav .nav-item:hover>.nav-link,
.webkit .frontpage .frontpage4col .column h4,
.webkit a,
.webkit a:link,
.webkit a:hover,
.webkit a:focus,
.webkit a:visited,
.webkit a:active,
.breadcrumb,
.breadcrumb a {
	color: #696969;
}

.webkit .frontpage4col .column .textcontainer {
	border-top: 2px solid #696969;
}

.stageSlider .jcarousel-pagination.dots a.active,
.cd-top.cd-is-visible {
	background-color: #696969 !important;
}

#subnav a .icon,
#subnav a.current .icon,
#subnav a.down .icon,
 .swiper-pagination-button .icon {
	background-image: url(../../layout_wl2/images_wl2/icon-sprites.png);
}

.webkit .redbox{
	background-color: #696969 !important;
	color: #fff !important;
}

.webkit .greybox{
	background-color: #dedede !important;
	color: #000 !important;
}

.webkit .yform .type-button input[type="submit"] {
	background-color: #696969 !important;
}

.gallery-top  .swiper-pagination.numbers .swiper-pagination-bullet.list {
	display: none;
}

.gallery-top  .swiper-pagination.numbers .swiper-pagination-bullet.list.swiper-pagination-bullet-active {
	display: block;
	width: 40px;
}
.gallery-top  .swiper-pagination.numbers.right .swiper-pagination-bullet.list.swiper-pagination-bullet-active {
	float: right;
}

.gallery-top  .swiper-pagination.numbers.left .swiper-pagination-bullet.list.swiper-pagination-bullet-active {
	float: left;
}

.stage-slider .swiper-pagination-button{
	height: 53px;
    width: 54px;
    //background-color:;
    position: absolute;
    top: 50%;
	margin-top: -26px;
    z-index: 10;
	text-align: center;
	cursor: pointer;
}

.stage-slider .swiper-pagination-button:hover{
	background-color: #e7e7e7;
}

.stage-slider .swiper-prev-button{
	left: 0px;
}

.stage-slider .swiper-next-button{
	right: 0px;
	
}

.stage-slider .swiper-pagination-button .icon{
	width: 22px;
	height: 37px;
	margin-top: 8px;
}

.stage-slider .swiper-prev-button .icon{
	background-position: -168px -276px;
	margin-left: 12px;
}

.stage-slider .swiper-prev-button:hover .icon{
	background-position: -113px -276px;
}

.stage-slider .swiper-next-button .icon{
	background-position: -172px -325px;
	margin-left: 18px;
}

.stage-slider .swiper-next-button:hover .icon{
	background-position: -116px -325px;
}

.stage-slider .invisible-button{
	display : none;
}

.stage-slider .swiper-button-next, 
.stage-slider .swiper-button-prev{
	margin-top: -25px !important;
}

/* Storytelling */
.outer-container.stories {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.outer-container.stories h3.card-title {
	font-size: 1.4rem !important;
	font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.outer-container.stories .card:hover .card-img-custom {
	transform: scale(1.03);
}


.outer-container.stories .card-img-overlay {
	top: unset !important;
	background-color: rgba(0, 0, 0, .5);
	padding: 1em !important;
}

.outer-container.stories .card {
	border: 1px solid white !important;
	overflow: hidden;
}

.outer-container.stories .card-img-custom {
	background-size: cover;
	background-position: center;
	transition-duration: 1s;
}
.outer-container.stories .big-img-resp {
	height: calc(28vw + 2px);
	max-height: 539.6px;
}
.outer-container.stories .img-resp {
	height: 14vw;
	max-height: 268.8px;
}




}

@media screen and (max-width: 974px){
	#header #header-mobile-nav img {
		margin-top: 0;
	}
	
	.btn_cta.contentfilter {
		background: #5b98e0;
		color: #ffffff;
		display: inline-block;
		font-family: wuerthbold, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
}