/* 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;*/
    font-family: "NettoWeb", sans-serif;
}

#passepartout-bg {
	display: none !important;
}

nav li {
    float: none;
}

nav a {
	text-transform: unset;
	letter-spacing: 0;
	font-weight: 600;
    width: unset;
}

@media (min-width: 1025px) {
    nav li ul {
        top: 4rem;
    }
}

#date {
	font-family: inherit;
	text-transform: unset;
	letter-spacing: 0;
}

#cta {
	margin: 2em;
	display: flex;
	justify-content: center;
	gap: 2em;
}

#cta a {
	font-family: inherit;
	font-size: 1.2em	;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	padding: .25em 2em;
	border-radius: 2px;
	transition: all 0.15s;
}
#cta a:hover {
	color: #454243;
	background-color: #fff;
}

.content h1 {
	color: #333;
}
.content span.more,
.content a {
	color: #333;
}

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


header, #menu-deco {
	background-color: rgba(0,0,0,0.5);
	background-image: url(../img/keyvisual.jpg);
	background-position: center center;
	background-blend-mode: overlay;
}
header #logo {
	top: 1.5rem;
	left: 1.5rem;
}
header #logo a {
	top: 0; left: 0;
	text-indent: -100rem;
	background-position: center;
    background-size: 25rem auto;
    background-image: url(../img/logo-interoperability-summit.svg);
	height: 6rem;
	width: 22rem;
}
.sticky header #logo {
	top: 0;
}
.sticky header #logo a {
	top: 0;
	height: 3rem;
	width: 14rem;
	background-image: url(../img/logo-interoperability-summit-invert.svg);
}

@media (max-width: 1024px) {
	body header, #menu-deco {
        background-size: 300%;
        background-position: center -23vh;
        }
	body header {
		height: max(40vh, 400px);
		position: unset;
	}
	body.sticky header {
		height: max(40vh, 400px);
		opacity: unset;
		overflow: hidden;
		position: unset;
	}
	body #menu-deco {
		display: none;
	}
	body #stage {
		margin-top: max(44vh, 420px);
	}
	body #organizer {
		top: 26px;
		left: 196px;
        display: none;
	}

	#header #logo {
		top: 40px;
		left: 0;
		position: fixed;
	}
    header #logo > a {
        top: 0;
		left: 15px;
        background: unset;
		text-indent: 0;
		text-decoration: none;
		height: 50px;
		line-height: 50px;
		font-size: 1.2rem;
		color: #000;
	}
	.menu-open #logo > a,
	.sticky #logo > a {
		opacity: 1;
	}


	body #dl-layer {
		position: fixed;
	}
	body #dl-layer button {
		border-color: #656263;
	}
	body #dl-layer button::before,
	body #dl-layer button::after {
		background: #656263;
	}

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

	#date {
		top: 180px;
		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;
		z-index: 1;
	}
	#date h1 {
		margin: 0 auto;
		border: none;
		height: 100px;
		width: 90vw;
		text-indent: -9999px;
		overflow: hidden;
	}
	#date p {
		display: none;
	}
	#date span {
		font-size: 21px;
	}
	body #cta a {
		font-size: 1.5em;
	}

	header .navline {
		position: fixed;
		top: 0;
		border: 0;
		height: unset;
		background: unset;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 100%);
	}
	header .navline.active {
		background: #eee;
	}

	header nav#highlights {
		display: none;
	}

	.menu-open #date {
		display: none;
	}

	body.xs #statusbar,
	body.sm #statusbar,
	body.xs.sticky #statusbar,
	body.sm.sticky #statusbar {
		height: 40px;
		background-color: #fff;
	}
	body #statusbar,
	body.sticky #statusbar {
		background-color: #fff;
		z-index: 25;
	}
	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;
	}

	#affiliates {
        height: auto;
    }
	div#affiliates ul {
        gap: 1rem;
		flex-flow: column;
	}
	#affiliates li {
		padding: 0;
	}
	div#affiliates li a {
		margin: 0 auto !important;
	}
    .col-md-6.col {
        flex: 0 0 1;
        width: 100%;
    }

	.frame-type-container .row {
		flex-flow: column;
	}
	.frame-type-container .col {
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width: 1025px) {
	body#u1652 header {
		height: 70vh;
		background-position: center center;
        background-size: 120% auto;
	}
	body#u1652 #stage {
		margin-top: 75vh;
	}
	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: 10rem;
		width: 15rem;
		text-indent: 0;
		overflow: hidden;
		transition: all .4s ease-in-out;

		/* temp */
		font-size: 2rem;
		color: #fff;
		text-decoration: none;
	}

	header nav {
		margin-top: 3rem;
		transition: margin-top .4s ease-in-out;
	}
	.sticky header nav {
		margin-top: 0;
	}

	.sticky header #logo a {
		top: .5rem;
		height: 3rem;
		width: 15rem;
		background-size: 14.5rem auto;
	}
	.sticky #organizer {
		top: 34px;
		left: 100px;
		font-size: 14px;
	}

	header .navline {
		position: fixed;
		top: 0;
		border: 0;
		height: unset;
		background: unset;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 100%);
	}
	.sticky header .navline {
		background: #f2f2f2;
	}


	header .navline nav ul,
	header .navline nav ul li,
	header .navline nav ul li a {
		height: unset;
		line-height: unset;
		font-weight: 500;
		font-size: 1.2rem;
	}

	header .navline nav ul {
		justify-content: end;
		margin: 0 1rem;
		width: unset;
	}
	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;
		color: #454243;
	}
	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;
	}
	#u1652 #statusbar {
		top: 70vh;
	}
	#u1652.sticky #statusbar,
	.sticky #statusbar {
		top: 64px;
		opacity: 1;
	}

	#date {
		display: flex;
		flex-flow: column;
		justify-content: center;
		position: relative;
		bottom: unset;
		width: 100%;
		max-width: 100%;
		height: unset;
		padding: 0;
		background-color: unset;
		text-align: center;
		margin: 0 auto;
		top: 120px;
	}
	#u1652 #date {
		top: min(30vh, 350px);
	}
	#date h1 {
		margin: 150px auto 0;
		border: none;
		height: 214px;
		width: 900px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#date p {
		display: none;
	}
	#date span {
		font-size: 36px;
	}
}

#date span {
    font-family: "NettoWeb", serif;
	text-transform: initial;
	color: #fff;
}
#date span b {
    font-family: "NettoWeb-Bold", serif;
}

#langswitch a {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-left: 1px solid #555;
	padding-left: 24px;
	margin-left: 12px;
}
.sticky #langswitch a {
	border-color: #888;
}



#organizer {
    top: 5.25rem;
    left: 16rem;
    color: #fff;
	transition: all .4s ease-in-out;
    font-size: 20px;
}

#affiliates {
	background-color: #f2f2f2;
	margin-bottom: 0;
}
#affiliates h2 {
    padding-top: 10px;
    padding-bottom: 0;
	border-top: 0;
}
#affiliates ul {
	justify-content: center;
    gap: 0;
	margin-top: 1rem;
}
#affiliates li {
    padding: 0;
}


#affiliates li:nth-child(1) a       { width: 150px; margin: 0 40px;        padding: 120px 40px 0; background: center center / 100% auto no-repeat url(/fileadmin/content/comot/iosummit/eclass.svg);  }
#affiliates li:nth-child(2) a       { width: 150px; margin: 0 20px;        padding: 120px 40px 0; background: center center / 100% auto no-repeat url(/fileadmin/content/comot/iosummit/gs1.svg);  }
#affiliates li:nth-child(3) a       { width: 256px; margin: 0 20px 0 30px; padding: 120px 40px 0; background: center left   / auto 100% no-repeat url(/fileadmin/content/Logos/vdma-machine-Information-interoperability.svg); }
#affiliates li:nth-child(4) a       { width: 190px; margin: 0 60px;        padding: 120px 40px 0; background: center center / 100% auto no-repeat url(/fileadmin/content/comot/iosummit/prostep.svg);  }


#sponsors li:nth-child(1) a { width: 300px; background: center center / 100% auto no-repeat url(/fileadmin/content/comot/iosummit/); }

#affiliates h2,
#sponsors h2 {
	color: #656263;
	font-size: 12px;
}

#organized-by {
    position: relative;
    width: 100%;
    height: 200px;
    background: #f5f2f3;
    margin-bottom: 200px;
	display: flex;
	justify-content: space-evenly;
}
@media (max-width: 1024px) {
	#organized-by {
		flex-flow: column;
		height: 400px;
	}
}


#organized-by h2 {
    color: #656263;
    font-size: 12px;
    font-weight: normal;
    padding: 20px 0 0 0;
    text-align: center;
}

#organized-by ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
	gap: 4rem;
}
#organized-by li {
    list-style: none;
}

#organized-by li a {
    width: 160px;
    padding: 80px 40px 0;
    background: center center no-repeat url(../img/FVA-Logo-sdi.svg);
    background-size: 100%;
    margin: 0;
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
}
#organized-by .host li:nth-child(1) a {
    width: 120px;
    padding: 90px 40px 0;
    background: center center no-repeat url(/fileadmin/content/Logos/FVA-Service-Logo.svg);
    background-size: 100%;
    margin: 0;
}
#organized-by .host li:nth-child(2) a {
    width: 80px;
    padding: 80px 40px 0;
    background: center center no-repeat url(/fileadmin/content/comot/iosummit/logo-interop4x.svg);
    background-size: 100%;
    margin: 0;
}
#organized-by .co-host li:nth-child(1) a {
	width: 180px;
	padding: 90px 0 0;
	background: center center no-repeat url(/fileadmin/content/comot/iosummit/logo-tsystems.svg);
	background-size: 100%;
	margin: 0;
}



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

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

footer .center > div {
	color: #f2f2f2;
}
footer a {
	color: inherit;
}

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

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

#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;
}


div .ui.primary.button {
	background-color: #046654;
}
div .ui.primary.button:hover {
	background-color: #044624;
}

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

.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;
	}
}

/* ------------------------------------------------------------------------- */ /* better newsletter subscription bar */

#nls {
	border-top: 1px solid #d8d8d8;
	padding-top: 100px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (min-width: 1025px) {
	#nls {
		margin-bottom: -90px;
	}
}

#nls a {
	width: auto;
	display: inline-block;
	color: #fff;
	margin: 0;
	border: 1px solid #F6B958;
	background-color: #F6B958;
	padding: .5em 5vw .5em;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 28px;
	transition: all 0.15s;
}
#nls a:hover {
	color: #F6B958;
	background-color: #fff;
	border: 1px solid #F6B958;
	box-shadow: unset;
}


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

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

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

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


#packages .ui.styled.extras .ui.three.cards > .card {
	border: 3px solid #c00;
	/*width: 100%;*/
}

#packages .ui.styled.extras .card .title,
#packages .ui.styled.extras .card .ui.buttons .or::before {
	color: #000;
}


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