body {color:#333;min-height:100vh}

body.dark-grey {background:rgba(0,0,0,.05)}

h3 {font-weight: 500;}

header {height:800px;background:url(../assets/hg_start.png) no-repeat center center;background-size:cover}
header .intro-content {align-items:flex-start}
header .scroll-down-arrow{opacity:1;height:100px;bottom:0}

.header-center h1 {text-align:center}

nav .top-bar {background:#F9F9F9}
nav .top-bar a {color:#777 !important}
nav .top-bar a .icon:before {background-color:#777 !important}
nav .top-bar a:hover {color:#ff9045 !important}
nav .top-bar a:hover .icon:before{background-color:#ff9045 !important}

#indexedsearch:before, .searchbox-sword {color:#777}

nav .menu > li.brand {top:35px}
nav .menu > li a {color:#777777}
nav .menu > li a.call-to-action, nav.minimized .menu > li a.call-to-action {border:none;background:#ff9045 !important;color:#FFF !important}

nav .sub-menu {background:#FFF}

footer {background:#2C3037}
footer .footer-menu, footer .footer-contact {padding:0}
footer .footer-menu ul li {padding:0 20px 20px}
footer a[href^="tel"] {color:#ff9045}
footer .disclaimer {position:absolute;bottom:0;width:100%;background:#25292f;padding:5px 0;color:rgba(255,255,255,.6)}

p a:not(.button), p + ul li a {color:#428bca;transition:.3s ease}
p a:not(.button):hover, p + ul li a:hover {color:#2a6496}

.references div[class*="col-"] .image {margin:15px}

.standorte-container img {opacity:.75;transition:.3s ease}
.standorte-container a:hover img {opacity:1}

.schulungen {text-align:center;}
.schulungen .slick-list {padding:0 0 35px !important;}
.schulungen div[class*="col-md-4"] {-ms-flex-preferred-size: calc(33.333% - 20px);-webkit-flex-basis: calc(33.333% - 20px);max-width: calc(33.333% - 20px)}
.schulungen div[class*="col-"] {min-height:350px;background:#FFF;padding:25px 35px 120px;position:relative;transition: box-shadow .3s ease;box-shadow:0 0 0 rgba(0,0,0,.25);z-index:0;margin:10px;}
.schulungen div[class*="col-"]:hover {box-shadow:0 20px 20px rgba(0,0,0,.15);z-index:1}
.schulungen .image {margin:0 0 25px !important;display:flex;justify-content:center;align-items:center;height:100px}
.schulungen .image img{max-height:55px !important; height: auto; width:auto !important;max-width:calc(100% - 30px) !important}
.schulungen h3 {min-height:60px}
.schulungen p {display:none}
.schulungen .button {position:absolute;bottom:50px;left:50%;transform:translateX(-50%)}
.schulungen .overlay-link {position:absolute;top:0;left:0;right:0;bottom:0}

.schulung-description .ce-image.ce-center {float:left}
.schulung-description .ce-image.ce-center .image {display:flex;justify-content:center;align-items:center;margin:0 25px 0 0;height:250px}
.schulung-description .ce-image.ce-center .image img {max-width:250px !important;height:auto}

.schulung-description .ce-image.ce-left .image {margin:0;}
.schulung-description .ce-image.ce-left .image img {max-width:300px;height:auto;}

.schulung-logo .ce-image.ce-center .image {text-align:left}

.schulung-org .row {padding:0 15px;border-top: 1px solid #efefef;}
.schulung-org .row:nth-child(odd) {background:#FBFBFB}
.schulung-org .row:last-child{border-bottom: 1px solid #efefef;}
.schulung-org .title p{font-weight:bold}

.schulung-anfragen {display:flex;justify-content:flex-end;align-items:flex-end}
.schulung-anfragen .button{background:#5d5e64;margin-top:0}
.schulung-anfragen .button:hover{background:#ff9045}

.partner img {float:left;margin:10px 20px 10px 0;}

.raster-logos div[class*="col-"] {display:flex;justify-content:center;align-items:center;padding:30px}
.raster-logos img {max-width:100%;height:auto;opacity:.8;transform-origin:center center;transform:scale(.9);transition:.3s ease}
.raster-logos div:hover img {opacity:1;transform:scale(1);}

p em.fab {width:20px;}

.referenzen .referenz{width:calc(33.33333% - 20px)}
.referenz-filter{margin-bottom:40px}

.landing-page {background:#ff9045}

.schulung-buchen {color:#FFF}
.schulung-buchen .inhouse-schulung, .schulung-buchen .offene-schulung {position:relative;background-repeat:no-repeat;background-size:auto 125%;background-position:center;min-height:500px;padding:35px;transition:.5s ease}

.schulung-buchen div[class*="col-"] {position:relative;}
.schulung-buchen > div:before {content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;background: linear-gradient(to right, rgba(66,139,202,1) 0%, rgba(66,139,202,.6) 70%,rgba(66,139,202,0) 100%);}

.schulung-buchen > div:hover {background-size:auto 130%}
/*
.schulung-buchen .inhouse-schulung {background-image:url(/fileadmin/wheregroup/resources/images/03_Schulungen/Schulungen-Inhouse.jpg)}
.schulung-buchen .offene-schulung {background-image:url(/fileadmin/wheregroup/resources/images/03_Schulungen/Schulungen-Offen.jpg)}
*/

.schulung-buchen .offene-schulung {background-image:url(https://image.shutterstock.com/z/stock-photo-young-freelance-web-designers-brainstorming-together-662164717.jpg)}
.schulung-buchen .inhouse-schulung {background-image:url(https://image.shutterstock.com/z/stock-photo-happy-web-designers-developing-new-web-site-layout-in-the-office-397392670.jpg)}

.schulung-buchen .headline {position:relative}
.schulung-buchen .headline h2 {color:#FFF;font-weight:600;margin-bottom:0}
.schulung-buchen .headline p {margin-top:0}

.schulung-buchen .overview {background:#FFF;padding:30px;color:#777;width:55%;box-shadow:0 20px 20px rgba(0,0,0,.15);position:relative;}
.schulung-buchen .overview .bullets, .overview p {margin:0}
.schulung-buchen .overview p {text-align:center}
.schulung-buchen .overview .button {min-width:inherit}

@media (max-width: 1200px) {
	header {height:600px}
	header .button {position:relative;left:25%}
	nav.main-page.minimized .responsive-brand,
	nav .responsive-brand {
		top: 45px;
	}
}

@media (max-width: 991px) {
	header {height:500px}
	header .button {position:relative;left:25%}
	.schulungen div[class*="col-sm-6"] {-ms-flex-preferred-size: calc(50% - 20px);-webkit-flex-basis: calc(50% - 20px);max-width: calc(50% - 20px)}
	.padding-right {padding-right: 50px}
	.referenzen .referenz{width:calc(50% - 20px)}
}

@media (max-width:768px) {
	header{height:400px}
	header .button {position:relative;left:0}
	.schulung-anfragen {justify-content:flex-start;align-items:flex-start}
	.schulung-description .ce-image.ce-center {float:none}

	footer .footer-menu li a{display:block;text-align:center;padding:20px 0}
	footer .footer-contact {padding-bottom:40px !important}
	
	.schulungen div[class*="col-md-4"] {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;max-width: 100%;margin:10px 0}
}

@media (max-width:600px){
	header{height:350px}
	.referenzen .referenz{width:calc(100% - 20px);max-width:inherit !important}
}

@media (max-width:520px){
	header{height:300px}
}

@media (max-width:480px){
	#veristore-widget {display:none}
}

@media (max-width:420px) {
	header{height:270px}
}