@font-face { font-family: "Segoe MDL2 Assets"; src: local("Segoe MDL2 Assets"), url('/de-de/webinare/renderingassets/skillher/segmdl2.woff') format('woff'), url('/de-de/webinare/renderingassets/skillher/segmdl2.ttf') format('truetype'); }
.msame_Header { display: none !important; }
/*
.s-herowrapper { position: relative; background-color: #003366; z-index: 1; }
	.s-herowrapper:after { content: ''; display: block; position: absolute; width: 50%; max-width: 800px; height: 100%; right: 0; top: 0; background: url('img-hero-europe_v2.png'), url('bg-hero-binary_start.png') !important; background-position: right center, left center !important; background-repeat: no-repeat, repeat-y !important; background-size: contain, 224px 240px !important; z-index: -1 !important; }
	.s-herowrapper:after { content: ''; display: block; position: absolute; width: 50%; max-width: 800px; height: 100%; right: 0; top: 0; background: url('img-hero-europe_v2.png'), url('bg-hero-binary_start.png') !important; background-position: right center, left center !important; background-repeat: no-repeat, repeat-y !important; background-size: contain, 224px 240px !important; z-index: -1 !important; }
	.s-herowrapper:before { content: ''; display: block !important; position: absolute; width: calc(50% - 224px); max-width: calc(800px - 224px); height: 100%; right: 0; top: 0; background: url('bg-hero-binary_repeat.png') !important; background-position: left center !important; background-repeat: repeat; background-size: 336px 240px !important; opacity: 1 !important; z-index: -1 !important; }
.s-hero { background-color: transparent; }
	.s-hero picture > img { height: 100%; width: auto; left: auto !important; top: 0 !important; right: 0; transform: none !important; z-index: 0 !important; display: none; }
	.s-hero picture:before { content: ''; display: none; position: absolute; width: 50%; height: 100%; right: 0; top: 0; background: url('bg-hero-binary_start.png') !important; background-position: left center !important; background-repeat: repeat-y !important; background-size: 224px 240px !important; z-index: -1 !important; }
	.s-hero picture:after { content: ''; display: none !important; position: absolute; width: calc(50% - 224px); height: 100%; right: 0; top: 0; background: url('bg-hero-binary_repeat.png') !important; background-position: left center !important; background-repeat: repeat; background-size: 336px 240px !important; opacity: 1 !important; z-index: -1 !important; }
*/

#hero-wrapper { background-color: #003366; }
	#hero-wrapper .m-hero-item { background-color: transparent }
		#hero-wrapper .m-hero-item img { display: none }

#main { background-color: #003366; color: white; background-image: url(img-hero-europe.png), url(european-cyber-agora-binary.svg); background-size: clamp(1%, 40%, 50%) auto, 50% 240px; background-position: right 0; background-repeat: no-repeat, repeat-y; background-attachment: scroll, scroll; }
	#main a { color: rgba(255,255,255,.9) }
		#main a:hover { color: rgba(255,255,255,1) }
	#main > [data-grid=container] { padding: 5% }

.s-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 36px 10%; }
	.s-logos > * { padding: 24px 36px; flex-basis: 20%; text-align: center }
.s-flex-break { flex-grow: 1; flex-shrink: 0; flex-basis: 100%; padding: 0; }

[role=tablist].override { justify-content: center }
	[role=tablist].override > * { font-size: 18px !important }
		[role=tablist].override > *.f-active { font-weight: 600 }

#agenda-content td:nth-child(1) { font-weight: 600; white-space: nowrap; vertical-align: top }
#agenda-content caption { padding: 10px 19px; background-color: #007ea8; color: white }

#workshops-content h3, .c-dialog h3 { padding-top: 0 }
.s-lines { padding-bottom: 36px }
	.s-lines:before { content: ''; display: block; height: 12px; margin-bottom: 12px; background-color: #d2d2d2 }

.s-agenda p + .s-speaker, .s-agenda h3 + .s-speaker { margin-top: .5em }
.s-agenda .s-speaker { font-style: italic }
.s-agenda .s-name { font-weight: 600 }
.s-agenda a:not(href) { font-weight: 600 }
.s-agenda .s-subheading { padding-bottom: 0 }
.s-agenda .s-moderator { padding-top: .5em }

.context-read-more { display: block; font-weight: normal !important; display: block; margin-top: 10px; margin-bottom: -20px }
#document-content .c-heading-3 { padding-top: 0; padding-bottom: 16px }
.s-session-links { padding-bottom: 24px }
.context-pre-briefing { margin-bottom: -28px; display: block !important; width: max-content; }

.s-dialog-table td { vertical-align: top }
.s-dialog-table tr:nth-child(even) { background-color: #f2f2f2 }
.c-dialog .c-call-to-action { white-space: normal; text-align: left !important }
	.c-dialog .c-call-to-action span { display: inline }
.f-dialog-scroll { padding-right: 1em }

/* #workshops-content h4 { font-weight: 600;  } */
#workshops-content h4, .s-agenda h4 { font-weight: 600; padding-top: 18px; padding-bottom: 6px; border-bottom: 1px solid #d2d2d2; margin-bottom: 6px }
#workshops-content .s-speaker { font-style: italic; padding-bottom: 6px }
#workshops-content .s-name { font-weight: 600 }

.s-content-toggle:not([data-f-expanded='true']) div { overflow-y: hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical }
.s-content-toggle button { position: relative; border: 2px solid transparent; outline: 0; display: inline-block; color: #0067b8; background: transparent; padding: 0; margin-left: -2px; margin-top: 6px; }
	.s-content-toggle button:focus:not(.x-hidden-focus) { background: rgba(0,103,184,.1) }
	.s-content-toggle button:focus:not(.x-hidden-focus), .c-content-toggle button:hover { color: #005da6; text-decoration: underline }
	.s-content-toggle button:active { background: none; color: #005293; -ms-transform: none; transform: none }
.s-content-toggle:not([data-f-expanded='true']) button:before { content: attr(data-f-more) }
.s-content-toggle[data-f-expanded='true'] button:before { content: attr(data-f-less) }

/* [data-f-expanded='true'] */
.s-content-toggle:not([data-f-expanded='true']) .s-description ~ * { display: none }

.s-spot-icon:before { font-family: 'MWF-MDL2'; font-size: 48px; content: attr(data-icon-unicode); display: block; margin-bottom: 24px; color: #0078D7 }
.s-spot-icon.s-extended-icon-set:before { font-family: 'Segoe MDL2 Assets' }
.s-spot-icon.s-small:before { font-size: 32px }

.s-tile { padding: 12px; background-color: white }
#workstreams { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
	#workstreams > * { flex: 0 1 250px; margin: 12px; }
		#workstreams > * > * { height: 100%; display: flex; flex-direction: column; justify-content: space-around; background-color: white; padding: 12px }
	#workstreams h3 { background-color: #f2f2f2; font-size: 100%; font-weight: 600; background-color: #f2f2f2; padding: 1em; margin-bottom: .75em; height: 70% }
	#workstreams .c-action-trigger { padding-top: 2px; padding-bottom: 2px; margin-top: 0 }
	#workstreams .c-glyph:before { margin-left: 0 }

#sitebanner { font-size: 13px; display: block; background-color: #007ea8; color: white !important; }
	/* #0067b8, orange:rgb(218,59,1) */
	#sitebanner a { display: flex; padding: 12px 7px; align-items: center }
/*
		#sitebanner a:hover { text-decoration: underline }
		#sitebanner a > span:last-child::after { display: inline-block; margin-left: 3px; position: relative; top: 1px; right: 0; font-family: MWF-MDL2; font-size: 11px; text-decoration-line: none; content: '\E76C'; transition: all 200ms ease-in-out }
		#sitebanner a:hover > span:last-child::after { right: -4px }
		*/

.s-broadcasting { position: relative; display: inline-block; width: 30px; height: 10px; }
	.s-broadcasting > span { position: absolute; width: 6px; height: 6px; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; background-color: #fff; border: 2px solid white; border-radius: 50%; z-index: 2; }
	.s-broadcasting:before, .s-broadcasting:after { content: ''; display: block; position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; opacity: 0; border: 5px solid white; border-radius: 50%; box-sizing: border-box; z-index: 1; }
	.s-broadcasting:before { animation: pulse 3000ms 0ms ease-out infinite; }
	.s-broadcasting:after { animation: pulse 3000ms 1200ms ease-out infinite; }

#how-to-join { font-weight: 200; margin-top: 24px }

#hero-wrapper { background-image: url('img-hero-europe.png'), url('european-cyber-agora-binary.svg'); background-size: clamp(1%, 40%, 50%) auto, 50% 240px; background-position: right 0; background-repeat: no-repeat, repeat-y; background-attachment: scroll, scroll; }

.c-table.s-agenda { margin: 24px auto 0 auto; max-width: 80% }
.s-agenda .c-subheading-5 { font-weight: 600; padding-top: 0 }
.s-agenda > caption { padding: 0 19px 12px 19px }
.s-agenda > tbody > tr > td { vertical-align: top }
	.s-agenda > tbody > tr > td:first-child { white-space: nowrap }
.s-badges { display: flex !important; justify-content: space-between; padding-bottom: 12px; flex-wrap: wrap; }
	.s-badges > *:first-child { width: 125px; flex-grow: 1 }
	.s-badges > *:last-child { flex-grow: 0; display: flex !important; flex-direction: column; align-items: flex-end }
.c-badge.context-track { background-color: #737373; color: #ffffff; padding: 2px 7px 2px 7px; line-height: 13px; font-weight: normal; text-transform: uppercase; }
/*
	.c-badge.context-track[data-track='policy'] { background-color: #107c10 }
	.c-badge.context-track[data-track='business'] { background-color: #d83b01 }
	.c-badge.context-track[data-track='academic'] { background-color: #ffb900 }
	*/
.s-highlight { animation-name: highlight; animation-duration: 1s; }
#legend { width: 80%; margin: 0 auto; border-top: 1px solid #dbdbdb; padding-top: 12px; font-size: .85em; margin-top: 1em }
	#legend h3 { font-weight: normal; font-style: italic; font-size: 100%; padding-bottom: .5em }
	#legend dfn { font-weight: 600 }

#uhf-footer { margin-top: 0 }

#agenda .c-glyph.s-override { padding-top: 3px; padding-bottom: 3px; margin-left: -1em; margin-top: .5em; margin-bottom: .75em; }
	#agenda .c-glyph.s-override:before { margin-right: 3px }

/* SITE */
#hero .card { background-color: transparent; background-image: linear-gradient(to right, transparent, rgba(41,57,91,.8) 40%, rgba(41,57,91,.8) 60%, transparent); color: white; box-shadow: none !important }
#hero a { color: white }
#attend .card { background-color: transparent; background-image: linear-gradient(to right, transparent, rgba(41,57,91,.8) 10%, rgba(41,57,91,.8) 30%, transparent); color: white; box-shadow: none !important }

@media (min-width: 1400px) {
	.display-4 { font-size: 3.85rem; }
}

.media-control.media-control-lg.absolute-center { pointer-events: none }

.tab-group a:not(.active) { background-color: #E5F0F8 !important; }
:root { --off-white: #f4f3f5; --light-gray: #d9d9d6; --cool-gray: #b1b3b3; --mid-gray: #d7d2cb; --time-col-width: 60px }
#agenda thead th { padding-bottom: .5em; color: #646464; border-bottom-color: rgba(1,1,1,.3) !important }
/*rgba(1,1,1,.5)*/
#agenda th { white-space: nowrap }
#agenda h3 { font-size: 100%; line-height: 24px; margin-bottom: 0 }
#agenda p { margin-top: .5em }
#agenda .badge { background-color: var(--off-white); white-space: nowrap; margin-bottom: .5em; margin-right: .5em; overflow: hidden; text-overflow: ellipsis }
/* ;margin-left:-12px */
/* #agenda td.parallel:first-of-type {padding-right:1.5rem} */
@media (min-width: 540px) {
	#agenda td + td { border-left: 1px solid var(--light-gray); padding-left: 1.5rem }
	#agenda table, #agenda tbody tr:last-child > * { border-bottom: 0 }
}

@media (min-width: 401px) and (max-width: 539px) { /* 859px */
	#agenda th { width: var(--time-col-width); white-space: normal }
	#agenda table tr { display: flex; flex-wrap: wrap }
	#agenda tr.parallel th { display: none }
	#agenda tr.parallel td { padding-left: calc(var(--time-col-width) + 12px) }
	#agenda td { width: 100% }
		#agenda td[colspan='2'], #agenda thead th:last-child { display: block; width: calc(100% - var(--time-col-width)) }
	.table tr > *:first-child { padding-left: 5px }
	#agenda table, #agenda tbody tr:last-child > td { border-bottom-color: #d2d2d2 }
		#agenda table, #agenda tbody tr:last-child > td:last-child { border-bottom: 0 }
}

@media (max-width: 400px) {
	#agenda table { border-bottom: 0; width:100%; table-layout:fixed }
		#agenda table tr { display: flex; flex-wrap: wrap; width: 100% }
	#agenda thead th { display: none }
	#agenda th, #agenda td { display: block; width: 100%; white-space: normal; padding-left: 12px; padding-right: 12px; }
	#agenda th { background-color: var(--off-white); border-bottom: 0; }
	#agenda tr.parallel th { display: none }
	#agenda .table tr:last-child td, #agenda .table tr:last-child th { border-bottom: 0 !important }
	/*
	#agenda tr.parallel td { padding-left: 12px; }
	#agenda td { width: 100% }
		#agenda td[colspan='2'], #agenda thead th:last-child { display: block; width: 80% }
	.table tr > *:first-child { padding-left: 5px }
	#agenda table, #agenda tbody tr:last-child > td { border-bottom-color: #d2d2d2 }
		#agenda table, #agenda tbody tr:last-child > td:last-child { border-bottom: 0 }
	*Z
}


@keyframes highlight {
	0% { background-color: transparent; }
	50% { background-color: #fff999; }
	100% { background-color: transparent; }
}

@keyframes pulse {
	0% { transform: scale(0); opacity: 0.0; }
	25% { transform: scale(0); opacity: 0.1; }
	50% { transform: scale(0.1); opacity: 0.3; }
	75% { transform: scale(0.5); opacity: 0.5; }
	100% { transform: scale(1); opacity: 0.0; }
}

@media screen and (max-width: 1399px) {
	.m-hero-item .override .c-heading { font-size: 46px; line-height: 56px; max-height: 112px; }
	.m-hero-item .override .c-subheading { font-size: 24px; line-height: 28px; padding: 4px 0 8px; max-height: 56px; }
	.m-hero-item > div > div.override { max-width: none; width: 550px }
	.m-hero-item > div > div { padding-bottom: 48px }
}

@media screen and (min-width: 1084px) and (max-width: 1380px) {
	.s-badges > *:first-child { width: 100% }
}

#video-and-chat-container { background-color: #003366 !important; color: white }

@media only screen and (min-width: 1084px) {
	#main > [data-grid=container] { padding-left: 10%; padding-right: 10% }
	#video-and-chat-container { display: flex; }
		#video-and-chat-container > div:nth-child(1) { width: 70% }
		#video-and-chat-container > div:nth-child(2) { width: 30%; padding-left: 36px; padding-right: 36px; align-self: center }
			#video-and-chat-container > div:nth-child(2) .c-heading-2 { padding-top: 0 }
}

@media only screen and (max-width: 1083px) {
	.m-social { padding-left: 24px }
	#video-and-chat-container > div:nth-child(2) { text-align: center; padding-bottom: 48px; padding-left: 5%; padding-right: 5%; }
		#video-and-chat-container > div:nth-child(2) .c-group { display: inline-block }
}

@media screen and (min-width:768px) {
	#hero-wrapper .m-hero-item picture { background-image: none }
	#hero-wrapper { background-size: auto 100%, 50% 240px; background-position: right 0; background-repeat: no-repeat, repeat-y; }
	.c-quote.override .c-quote__headline { font-size: 24px; font-weight: 200; margin-bottom: 36px }
	#how-to-join { max-width: 50% }
}

@media screen and (max-width:767px) {
	#hero-wrapper { background-image: none }
		#hero-wrapper .m-hero-item picture { background-size: auto 100%, 90% 240px; background-position: right 0, right center; background-repeat: no-repeat; height: 55% }
	#main { background-repeat: no-repeat }
	/*
	.s-herowrapper:before, .s-herowrapper:after { display: none !important; }
	.s-hero { background-color: #003366; }
		.s-hero picture > img { height: calc(100% - 280px); display: block; }
		.s-hero picture:before, .s-hero picture:after { display: block !important; left: 10%; width: 224px; height: 240px; top: calc(50% - 140px); transform: translateY(-50%); }
		.s-hero picture:after { left: calc(10% + 224px); width: calc(90% - 224px); }
	*/
}

@media only screen and (min-width: 860px) and (max-width: 1083px) {
	.s-sitebanner [data-grid=container] { padding-left: 24px; padding-right: 24px }
}

@media only screen and (max-width: 859px) {
	.s-sitebanner [data-grid=container] { padding-left: 5px; padding-right: 5px }
}