/* temp fix for hidden statusbar */
@media (min-width: 1025px) {
	#stage { margin-top: 400px; }
}

/* reset fonts */
body {
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#background {
    width: unset;
}

#passepartout-bg {
	display: none !important;
}
nav a {
	font-family: inherit;
	text-transform: unset;
	letter-spacing: 0;
	font-weight: 600;
}
#date {
	font-family: inherit;
	text-transform: unset;
	letter-spacing: 0;
}
.content h1 {
	font-family: inherit;
	color: #333;
}
.content span.more,
.content a {
	color: #333;
}

footer .center > div.left {
	max-width: unset;
}
footer .left span[itemprop="name"] br {
	display: block;
}

.content .btn {
	padding: .5rem 2rem;
	border-radius: .25rem;
	border: 2px solid #888;
	background-color: #888;
	color: #fff;
	text-decoration: none;
	transition: .1s all ease-in;
}
.content .btn.cwd  {
	background-color: #ed3338;
	border-color: #ed3338;
	&:hover {
		background-color: #fff;
		color: #ed3338;
	}
}
.content .btn.dsec {
	background-color: #016ab3;
	border-color: #016ab3;
	&:hover {
		background-color: #fff;
		color: #016ab3;
	}
}


header, #menu-deco {
	background-color: rgba(0,0,0,0.7);
	background-image: url(/fileadmin/content/CWD-DSEC/cwd_dsec-keyvisual.jpg);
	background-blend-mode: multiply;

}
header #logo a {
	background-image: url(/fileadmin/content/CWD-DSEC/CWD2027_DSEC2027_White.svg);
}

@media (max-width: 1024px) {
	body header, #menu-deco {
		background-size: 180%;
		background-position: center 0;
	}
	body header {
		height: 40vh;
	}
	body.sticky header {
		height: 80px;
		overflow: hidden;
	}
	body #menu-deco {
		display: none;
	}
	body #stage {
		margin-top: 44vh;
	}
	body #organizer {
		top: 18px;
		left: 128px;
	}

	#header #logo {
		top: 30px;
		background: #000000cc;
	}
	#logo > a {
		top: 8px;
		left: 15px;
		background-size: 100%;
		width: 180px;
		opacity: 0;
	}
	.menu-open #logo > a,
	.sticky #logo > a {
		opacity: 1;
	}
	body #dl-layer button {
		border-color: #fff;
	}
	body #dl-layer button::before,
	body #dl-layer button::after {
		background: #fff;
	}

	#header #dl-layer{
		top: 30px;
		right: 10px;
	}
	body nav.nav ul li a {
		width: calc( 100% - 50px );
	}

	#date {
		top: 120px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		position: relative;
		bottom: unset;
		width: 100%;
		height: unset;
		padding: 0;
		background-color: unset;
		text-align: center;
		margin: 0 auto;
	}
	#date h1 {
		margin: 0 auto;
		border: none;
		height: 100px;
		width: 90vw;
		text-indent: -9999px;
		overflow: hidden;
		background: transparent center center / 100% auto no-repeat url(/fileadmin/content/CWD-DSEC/CWD2027_DSEC2027_White_mit_Datum.svg);
	}
	#date p {
		display: none;
	}
	#date p span {
		text-transform: initial;
	}
	.menu-open #date {
		display: none;
	}

	body.xs #statusbar,
	body.sm #statusbar,
	body.xs.sticky #statusbar,
	body.sm.sticky #statusbar {
		height: 30px;
	}

	body #statusbar > div {
		border: 0;
	}
	body.xs #userlinks .right .login,
	body.sm #userlinks .right .login,
	body.xs #userlinks .right .logout,
	body.sm #userlinks .right .logout {
		margin: 2px 10px;
		padding: 0 8px;
	}

	footer .right ul {
		display: flex;
		flex-flow: column;
	}

    .frame-type-container .row {
        flex-flow: column;
    }
    .frame-type-container .col {
        width: 100%;
        max-width: 100%;
    }

}
@media (min-width: 1025px) {
	body#u855 header {
		height: 610px;
	}
	body#u855 #stage {
		margin-top: 707px;
	}
	body header {
		height: 430px;
	}
	#stage {
		margin-top: 527px;
	}
	.sticky header {
		position: inherit;
		opacity: 1;
	}
	#passepartout {
		z-index: 0;
	}
	#logo {
		position: fixed;
		right: unset;
		top: 0;
		left: 0;
		background: unset;
		z-index: 123;
		width: unset;
		height: unset;
	}

	#logo a {
		background-size: 300px auto;
		border: none;
		height: 60px;
		width: 300px;
		text-indent: -330px;
		overflow: hidden;
		transition: all .4s ease-in-out;
	}

	.sticky header #logo a {
		top: 15px;
		height: 40px;
		width: 220px;
		background-size: 220px auto;
	}

	header .navline {
		position: fixed;
		top: 0;
		border: 0;
		height: unset;
		background: unset;
		background-color: rgba(42, 48, 55, 0.75);
	}
	.sticky header .navline {
		background-color: rgba(42, 48, 55, 1);
	}

	header .navline nav ul,
	header .navline nav ul li,
	header .navline nav ul li a {
		height: unset;
		line-height: unset;
	}

	header .navline nav ul {
		justify-content: end;
		margin: 0 10px;
	}
	header .navline nav ul li {
		flex: unset;
	}
	header nav li.active {
		background-color: unset;
	}
	header .navline nav ul li a {
		margin: 35px 10px;
		color: #fff;
		transition: all .4s ease-in-out;
		font-family: inherit;
		letter-spacing: unset;
	}
	.sticky header .navline nav ul li a {
		margin: 20px 10px;
	}
	header .navline nav ul li:hover {
		background-color: unset;
	}
	header .navline nav ul li a:hover {
		background-color: unset;
		opacity: .7;
		transition: all .4s ease-in-out;
	}

	header .navline nav ul.dl-submenu {
		justify-content: end;
		margin: 0 10px;
	}
	header .navline nav ul.dl-submenu li:hover {
		background-color: rgba(42, 48, 55, 0.75);
	}
	header .navline nav ul.dl-submenu li a {
		margin: 0;
		padding: 20px;
		color: rgba(42, 48, 55, 1);
	}
	header .navline nav ul.dl-submenu li:hover a {
		color: #fff;
	}


	#statusbar {
		top: 430px;
	}
	#u855 #statusbar {
		top: 610px;
	}
	#u855.sticky #statusbar,
	.sticky #statusbar {
		top: 64px;
		opacity: 1;
	}

	#date {
		display: flex;
		flex-flow: column;
		justify-content: center;
		position: relative;
		bottom: unset;
		width: 80%;
		max-width: 1080px;
		height: unset;
		padding: 0;
		background-color: unset;
		text-align: center;
		margin: 0 auto;
	}
	#date h1 {
		margin: 150px auto 0;
		border: none;
		height: 214px;
		width: 900px;
		text-indent: -9999px;
		overflow: hidden;
		background: transparent center center / 880px auto no-repeat url(/fileadmin/content/CWD-DSEC/CWD2027_DSEC2027_White_mit_Datum.png);
	}
	#date p {
		display: none;
	}
	#date p span {
		text-transform: initial;
	}
}

#sponsors .cohost h2 {
    color: #777;
}

#sponsors .gold h2 {
    color: #d4af37dd;
    border-color: #d4af3799;
}

#sponsors .cohost   li:nth-child(1) a { width: 180px; background: center center / 100% auto no-repeat url(../img/sponsors/3DS_corporate-logo_blue.svg);   }

#sponsors .gold     li:nth-child(1) a { width: 180px; background: center center / 100% auto no-repeat url(../img/sponsors/waukesha-bearings-logo.svg);   }

#sponsors .bronze   li:nth-child(1) a { width: 140px; background: center center / 100% auto no-repeat url(../img/sponsors/vestas-logo.svg);   }


#organizer {
	top: 76px;
	left: 298px;
}

#affiliates ul {
	justify-content: space-evenly;
}

#affiliates li:nth-child(1) a { width: 180px; padding: 90px 40px 0; background: center center no-repeat url(../img/cwd_gmbh.svg);  margin: 0; background-size: 100%; }
#affiliates li:nth-child(2) a { width: 180px; padding: 80px 30px 0; background: center center no-repeat url(../img/cse.png);  margin: 0; background-size: 100%; }
#affiliates li:nth-child(3) a { width: 120px; padding: 90px 40px 0; background: center center no-repeat url(/fileadmin/content/Logos/FVA-Service-Logo.svg); margin: 0; background-size: 100%; }

@media screen and (max-width: 1024px) {
	#affiliates {
		height: unset;
		margin-bottom: 240px;
	}
	#affiliates ul {
		flex-flow: column;
	}
	#affiliates ul li:nth-child(1) a { width:280px; margin: 0 auto 20px; }
	#affiliates ul li:nth-child(2) a { width:280px; margin: 0 auto 20px; }
	#affiliates ul li:nth-child(3) a { width:220px; margin: 0 auto 20px; }

}

#statusbar .login {
	margin: 2px 14px;
	padding: 2px 14px 0px;
	line-height: 25px;
	background-color: #DC353B;
	color: #fff;
	border-radius: 2px;
	font-family: inherit;
}
#statusbar .login:hover {
	color: #fff;
	background-color: #DC353B88;
}

footer,
footer .center {
	background-color: #222;
	color: #bbb;
}

.loggedin header .navline {
	border-bottom: 0;
}

.loggedin #statusbar {
	border-bottom-color: #aaa;
}
#statusbar #userlinks .left a {
	color: #fff;
	background-color: #DC353B;
}
#userlinks .wrap span.myname {
	font-family: "NettoWeb";
}

#statusbar #userlinks .left,
#statusbar #userlinks .right {
	border: 0;
}


.loggedin #statusbar #userlinks .right a,
.loggedin #statusbar #userlinks .right form input {
	color: #333;
}
.loggedin #statusbar #userlinks .right a:hover,
.loggedin #statusbar #userlinks .right form input:hover {
	color: #000;
}

/* ------------------------------------------------------------------------- */

.timer.j-timer-first {
	display: flex;
	justify-content: center;
	font-size: 4rem;
	font-weight: 300;
	text-align: center;
	margin-top: 48px;
	margin-bottom: 24px;
	color: #fff;
}

header #date .timer span {
	line-height: 1;
}

.timer b {
	font-weight: 100;
	line-height: 1;
	display: flex;
	justify-content: center;
	flex-flow: column;
	padding: 16px 48px;
	position: relative;

}

.timer i {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

.timer b:not(:last-child)::before {
	content: ":";
	position: absolute;
	left: 85%;
	top: 40%;
	font-size: 3rem;
	transform: translate(15px,-50%);
}


@media (max-width: 1024px) {
	.timer.j-timer-first {
		font-size: 2.75em;
		margin-top: 12px;
	}
	.timer b {
		padding-left: 16px;
		padding-right: 16px;
	}
	.timer i {
		font-size: 11px;
	}
	.timer b:not(:last-child)::before {
		font-size: 2rem;
	}
}

/* ------------------------------------------------------------------------- */

.ui.form .form-group .control-label + .ui.selection.dropdown {
	width: calc( 100% - 136px);
}

/* ------------------------------------------------------------------------- */

.ui.form .springer,
.ui.form .springer a {
    font-size: .9rem;
    opacity: .8;
}


/* ------------------------------------------------------------------------- */ /* CWD CfP */


#u981 .form-control.ui.selection.dropdown .item[data-value="304"],
#u981 .form-control.ui.selection.dropdown .item[data-value="305"],
#u981 .form-control.ui.selection.dropdown .item[data-value="306"],
#u981 .form-control.ui.selection.dropdown .item[data-value="307"],
#u981 .form-control.ui.selection.dropdown .item[data-value="308"],
#u981 .form-control.ui.selection.dropdown .item[data-value="309"],
#u981 .form-control.ui.selection.dropdown .item[data-value="310"],
#u981 .form-control.ui.selection.dropdown .item[data-value="311"],
#u981 .form-control.ui.selection.dropdown .item[data-value="312"],
#u981 .form-control.ui.selection.dropdown .item[data-value="313"],
#u981 .form-control.ui.selection.dropdown .item[data-value="314"],
#u981 .form-control.ui.selection.dropdown .item[data-value="315"],
#u981 .form-control.ui.selection.dropdown .item[data-value="316"],
#u981 .form-control.ui.selection.dropdown .item[data-value="317"],
#u981 .form-control.ui.selection.dropdown .item[data-value="318"],
#u981 .form-control.ui.selection.dropdown .item[data-value="319"],

.type-19.form-control.ui.selection.dropdown .item[data-value="304"],
.type-19.form-control.ui.selection.dropdown .item[data-value="305"],
.type-19.form-control.ui.selection.dropdown .item[data-value="306"],
.type-19.form-control.ui.selection.dropdown .item[data-value="307"],
.type-19.form-control.ui.selection.dropdown .item[data-value="308"],
.type-19.form-control.ui.selection.dropdown .item[data-value="309"],
.type-19.form-control.ui.selection.dropdown .item[data-value="310"],
.type-19.form-control.ui.selection.dropdown .item[data-value="311"],
.type-19.form-control.ui.selection.dropdown .item[data-value="312"],
.type-19.form-control.ui.selection.dropdown .item[data-value="313"],
.type-19.form-control.ui.selection.dropdown .item[data-value="314"],
.type-19.form-control.ui.selection.dropdown .item[data-value="315"],
.type-19.form-control.ui.selection.dropdown .item[data-value="316"],
.type-19.form-control.ui.selection.dropdown .item[data-value="317"],
.type-19.form-control.ui.selection.dropdown .item[data-value="318"],
.type-19.form-control.ui.selection.dropdown .item[data-value="319"] { display: none; }

/* ------------------------------------------------------------------------- */ /* DSEC CfP */


#u984 .form-control.ui.selection.dropdown .item[data-value="320"],
#u984 .form-control.ui.selection.dropdown .item[data-value="321"],
#u984 .form-control.ui.selection.dropdown .item[data-value="322"],
#u984 .form-control.ui.selection.dropdown .item[data-value="323"],
#u984 .form-control.ui.selection.dropdown .item[data-value="324"],
#u984 .form-control.ui.selection.dropdown .item[data-value="325"],
#u984 .form-control.ui.selection.dropdown .item[data-value="326"],
#u984 .form-control.ui.selection.dropdown .item[data-value="327"],
#u984 .form-control.ui.selection.dropdown .item[data-value="328"],
#u984 .form-control.ui.selection.dropdown .item[data-value="329"],
#u984 .form-control.ui.selection.dropdown .item[data-value="330"],
#u984 .form-control.ui.selection.dropdown .item[data-value="331"],
#u984 .form-control.ui.selection.dropdown .item[data-value="332"],
#u984 .form-control.ui.selection.dropdown .item[data-value="333"],
#u984 .form-control.ui.selection.dropdown .item[data-value="334"],
#u984 .form-control.ui.selection.dropdown .item[data-value="335"],
#u984 .form-control.ui.selection.dropdown .item[data-value="336"],
#u984 .form-control.ui.selection.dropdown .item[data-value="337"],
#u984 .form-control.ui.selection.dropdown .item[data-value="338"],
#u984 .form-control.ui.selection.dropdown .item[data-value="339"],
#u984 .form-control.ui.selection.dropdown .item[data-value="340"],
#u984 .form-control.ui.selection.dropdown .item[data-value="341"],
#u984 .form-control.ui.selection.dropdown .item[data-value="342"],
.type-18.form-control.ui.selection.dropdown .item[data-value="320"],
.type-18.form-control.ui.selection.dropdown .item[data-value="321"],
.type-18.form-control.ui.selection.dropdown .item[data-value="322"],
.type-18.form-control.ui.selection.dropdown .item[data-value="323"],
.type-18.form-control.ui.selection.dropdown .item[data-value="324"],
.type-18.form-control.ui.selection.dropdown .item[data-value="325"],
.type-18.form-control.ui.selection.dropdown .item[data-value="326"],
.type-18.form-control.ui.selection.dropdown .item[data-value="327"],
.type-18.form-control.ui.selection.dropdown .item[data-value="328"],
.type-18.form-control.ui.selection.dropdown .item[data-value="329"],
.type-18.form-control.ui.selection.dropdown .item[data-value="330"],
.type-18.form-control.ui.selection.dropdown .item[data-value="331"],
.type-18.form-control.ui.selection.dropdown .item[data-value="332"],
.type-18.form-control.ui.selection.dropdown .item[data-value="333"],
.type-18.form-control.ui.selection.dropdown .item[data-value="334"],
.type-18.form-control.ui.selection.dropdown .item[data-value="335"],
.type-18.form-control.ui.selection.dropdown .item[data-value="336"],
.type-18.form-control.ui.selection.dropdown .item[data-value="337"],
.type-18.form-control.ui.selection.dropdown .item[data-value="338"],
.type-18.form-control.ui.selection.dropdown .item[data-value="339"],
.type-18.form-control.ui.selection.dropdown .item[data-value="340"],
.type-18.form-control.ui.selection.dropdown .item[data-value="341"],
.type-18.form-control.ui.selection.dropdown .item[data-value="342"] { display: none; }

/* ------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	.ce-left .ce-gallery {
		float: none;
	}
}

/* ------------------------------------------------------------------------- */
/* EOF */