@import url(fonts.css);
@import url(registrierung.css);

body {
	font-family: 'Source Sans Pro', verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #202020;
	margin: 0;
	width: 100%;
}

body[data-popup-modal="true"]:before{
	background-color: #202020 !important;
	opacity: 0.6 !important;
}

/* ** GENERAL ** */
#loginError{
	display: block !important;
}
a {
	color: #202020;
	text-decoration: none;
	cursor: pointer;
	word-break: break-word;
}

img {
	display: block;
	max-width: 100%;
}
iframe {
	height: 100%;
	width: 100%;
	border: 0;
}
.form textarea{
	height: 250px;
	width: 100%;
}
.center {
	text-align: center;
}
.hide {
	display: none !important;
}
.handlebars-partial {
	display: none;
}


/* ** GENERAL --> HEADLINES ** */
.headline-hero{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 33px;
	line-height: 39px;
}
.headline-1, h1{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 33px;
	line-height: 39px;
	display: block;
}
.headline-2, h2{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 27px;
	line-height: 32px;
	display: block;
}
.headline-3, h3{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 23px;
	line-height: 27px;
	display: block;
}
.headline-4, h4{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 19px;
	line-height: 22px;
	display: block;
}

/* ** GENERAL --> DATES ** */
.date-hero{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 16px;
	line-height: 29px;
}
.date{
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-size: 16px;
	line-height: 29px;
}
.session-date{
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
	letter-spacing: 0.16px;
	padding-bottom: 40px;
}
/* ** GENERAL --> TEXT ** */
.text-hero{
	font-family: 'Source Sans Pro';
	font-size: 16px;
	line-height: 24px;
}
.text-1{
	font-family: 'Source Sans Pro';
	font-size: 16px;
	line-height: 24px;
}
.text-2{
	font-family: 'Source Sans Pro';
	font-size: 16px;
	line-height: 24px;
}
.text-3{
	font-family: 'Source Sans Pro';
	font-size: 16px;
	line-height: 23px;
}
.text-4{
	font-size: 16px;
	line-height: 24px;
	color: #666A6E;
}
.text-5{
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	color: #000;
}

/* ** GENERAL --> COLORS ** */
.grey{
	background: #F2F4F6;
}
.petrol{
	color: #0098A1 !important;
}

/* ** GENERAL ELEMENTS --> TOOLTIP ** */
.tooltip {
	background: #F2F4F6;
	color: #000;
	font-size: 16px;
	border: 1px solid #0098a1;
	min-width: 100px;
	padding: 8px;
	opacity: 0;
	display: none;
	transition: all 0.2s ease;
	position: absolute;
	top: -14px;
	left: 30px;
	z-index: 9;
}
.tooltip > span {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 12px solid #0098a1;
	position: absolute;
	top: 18px;
	left: -12px;
}
.tooltip > span:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 11px solid #F2F4F6;
	position: absolute;
	top: -8px;
	left: 1px;
}

/* ** GENERAL --> BUTTONS ** */
button {
	background: transparent;
	border: 0;
}

.btn-primary{
	background: #0098A1;
	border-radius: 2px;
	letter-spacing: 0.4px;
	color: #fff;
	padding:  8px 22px 10px 22px;
	text-transform: uppercase;
	font-weight: 600;
	width: fit-content;
	cursor: pointer;
	height: fit-content;
	min-width: -moz-fit-content;
	height: -moz-fit-content;
	min-height: -moz-fit-content;
	width: -moz-fit-content;
	text-align: center;
}
.btn-primary:hover {
	background: #0098A1;
}
.btn-primary a{
	color: #fff;
	text-decoration: none;
}
.btn-secondary{
	background: #FFFFFF;
	color: #0098A1;
	border: 1px solid #0098A1;
	border-radius: 2px;
	padding:  8px 19px 10px 19px;
	text-transform: uppercase;
	font-weight: 600;
	width: fit-content;
	cursor: pointer;
	min-width: -moz-fit-content;
	height: -moz-fit-content;
	min-height: -moz-fit-content;
	width: -moz-fit-content;
	text-align: center;
}
.btn-primary:hover,
.btn-secondary:hover{
	color: #fff;
	background: #00838A;
}

.btn-tertitary{
	color: #0098A1;
	border-bottom: 1px solid #0098A1;
	text-transform: uppercase;
	width: fit-content;
	cursor: pointer;
}

.btn-tertitary:hover{
	color: #005F66;
}
.btn-disabled{
	background:  #ccd0d2;
	color: #fff;
	cursor: auto;
	text-transform: uppercase;
}
.btn-disabled:hover{
	background: #ccd0d2;
    color: #fff;
}
.btn-wrapper {
	display: flex;
}
.btn-wrapper .btn-secondary.login {
	margin-right: 15px;
}


/* ** HEADER ** */
.container.header .links {
	margin: 0 24px 15px;
}
.container.header .links a {
	display: block;
	font-size: 19px;
	font-weight: 600;
	line-height: 48px;
	color: #202020;
}
.container.header .links a:first-child {
	margin-top: 10px;
}
.container.header #divLogotext {
	display: flex;
	justify-content: space-between;
	background-color: #FFFFFF;
	font-size: 14px;
	position: relative;
	z-index: 100;
}

.container.header .language.desktop{
	display: none;
}
.container.header #divLogotext>.interactions.login {
	padding: 0px 14px;
}
.container.header #divLogotext div.logos {
	padding: 15px 20px 15px 10px;
	min-width: 100px;
}

.container.header #divLogotext .logos i{
	margin-right: 5px;
}


/* ** HEADER --> LOGOS** */
#divLogotext .logos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px 15px 0px;
}
	#divLogotext a.logos{
		min-width: fit-content;
	}
#divLogotext div.logos div:first-child {
	display: flex;
}
#divLogotext div.logos div #logo img {
	max-height: 40px;
	height: auto;
}

#divLogotext>div.logos>div.navigation.mobile {
	display: flex;
	align-items: center;
	position: relative;
}

#divLogotext>div.logos>div.navigation.mobile.login:after {
	content: '';
	display: block;
	border-left: 8.5px solid transparent;
	border-right: 8.5px solid transparent;
	border-top: 12px solid #f2f4f6;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -19px;
	left: 3px;
	z-index: 999;
}

#divLogotext>div.logos>div.navigation.mobile:not(.login) img{
	display: none;
}

#divLogotext>div.logos>div.navigation.mobile img {
	width: 24px;
	height: 24px;
}

/* ** NAVIGATION ** */
/*#navbar-collapse .btn-secondary.logout,
#navbar-collapse .btn-primary.login,
#top-menu #divNavPunkt_my_events,
#top-menu #divNavPunkt_main_home,
#top-menu #divNavPunkt_v_event{
	display: none !important;
}
*/

/* ** HEADER --> USER EVENTS** */
.container.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.container.header #divLogotext {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}

	.container.header .navigation.mobile .login{
		display: none;
	}

#divLogotext>.interactions.login {
	background: #f2f4f6;
}

#divLogotext>.interactions.logout{
	display: flex;
	justify-content: flex-end;
	margin: 24px 12px 24px 24px;
	min-width: unset;
}

#divLogotext>.interactions.logout .logout-icon{
	display: block;
	border: 2px solid black;
    border-radius: 100%;
    cursor: pointer;
}
#divLogotext>.interactions.login .logout-icon{
	display: none;
}

#divLogotext>.interactions.login .btn-primary.login,
#divLogotext>.interactions.logout .logout.btn-secondary,
#divLogotext>.interactions,
#divLogotext>.interactions:not(.login) .profile{
	display: none;
}

#divLogotext>.interactions {
	display: flex;
	align-items: center;
	margin: 18px 4px 18px 18px;
	justify-content: space-between;
	min-width: 100px;
	border-radius: 4px;
}
#divLogotext>.interactions.login .profile,
#divLogotext>.interactions.logout .profile{
	display: flex;
	font-weight: 600;
	align-items: center;
	cursor: pointer;
}
#divLogotext>.interactions .profile > div{
	flex-direction: row-reverse;
    display: flex;
    align-items: center;
}

#divLogotext>.interactions .event-user-wrapper{
	display: none;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	margin-top: 1px;
	position: absolute;
	background: white;
	position: absolute;
	padding: 24px 0px 40px 0px;
	top: 70px;
	right: -20px;
	width: fit-content;
	min-width: 272px;
	max-width: 272px;
	border-radius: 4px;
}

	#divLogotext>.interactions .event-user-wrapper .flex-wrapper{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	    position: relative;
	}
	#divLogotext>.interactions .event-user-wrapper .flex-wrapper:before{
		content: "";
	    border-style: solid;
	    border-width: 6px 6px 6px 0;
	    border-color: transparent #fff transparent transparent;
	    position: absolute;
	    right: 46px;
	    transform: rotate(90deg);
	    top: -33px;
	    z-index: 99;
	}
	#divLogotext>.interactions .event-user-wrapper .flex-wrapper:after{
		content: "";
	    border-style: solid;
	    border-width: 7px 7px 7px 0;
	    border-color: transparent #E1E5E9 transparent transparent;
	    position: absolute;
	    right: 46px;
	    transform: rotate(90deg);
	    top: -35px;
	}

	#divLogotext>.interactions .event-user-wrapper .flex-wrapper > div{
		padding: 0px 24px 0px 24px;
		width: 100%;
	}

	#divLogotext>.interactions .event-user-wrapper .flex-wrapper .myEvent-info{
		padding-top: 16px;
		padding-bottom: 16px;
		border-top: 1px solid #CCD0D2;
		border-bottom: 1px solid #CCD0D2;
		font-size: 18px;
		line-height: 27px;
		position: relative;
	}
		#divLogotext>.interactions .myEvent-info a{
			padding-left: 35px;
		    padding-top: 4px;
		    display: inline-block;
		    position: relative;
		}
		#divLogotext>.interactions .myEvent-info i{
		    position: absolute;
		    left: -3px;
		    top: 0px;
		}
		#divLogotext>.interactions .myEvent-info i:before{
		    width: 28px;
			height: 32px;
			margin-right: 6px;
			background-image: url(/custom/img/microsite/6454/calendar-alt_black.svg);
			color: #202020;
		}

	#divLogotext>.interactions .event-user-wrapper img{
		width: 100px;
		margin-bottom: 24px;
		height: auto;
		margin: auto;
		border: none;
		border-radius: 100%;
		position: relative;
	}
	#divLogotext>.interactions .event-user-wrapper .user-info{
		position: relative;
	}
		/*#divLogotext>.interactions .event-user-wrapper .edit-profil{
			display: block;
			height: 32px;
			width: 32px;
			background: #FFFFFF;
			box-shadow: 0 2px 6px 0 rgba(32,32,32,0.30);
			border-radius: 100%;
			position: absolute;
			top: 69px;
    		right: 43px;
    		padding: 4px 0px 0px 2px;
    		cursor: pointer;
		}
		#divLogotext>.interactions .event-user-wrapper .edit-profil:after{
			content: url(/custom/img/microsite/6454/icon_root_edit.svg);
			top: 3px;
    		right: 3px;
			position: absolute;
		}*/
	#divLogotext>.interactions .event-user-wrapper .info{
		font-weight: lighter;
		font-size: 16px;
		color: #202020;
		line-height: 21px;
		margin-top: 24px;
		margin-bottom: 8px;
	}
	#divLogotext>.interactions .event-user-wrapper .username{
		margin-bottom: 32px;
		font-size: 18px;
		font-weight: 600;
		line-height: 27px;
	}
	#divLogotext>.interactions .event-user-wrapper .login-info >div{
		margin: auto;
		margin-top: 40px;
		background: #F2F4F6;
		border: 1px solid #A2A7A9;
		box-shadow: 0 4px 8px 0 rgba(32,32,32,0.30);
		border-radius: 4px;
		border-radius: 4px;
	}
#divLogotext>.interactions .profile img {
	width: auto;
	height: 34px;
	border-radius: 100%;
	border: 1px solid #CCD0D2;
}

#divLogotext>.interactions .event-user-wrapper{
	flex-direction: column;
	align-items: flex-start;
	background: #FFFFFF;
	border: 1px solid #E1E5E9;
	box-shadow: 0 4px 8px 0 rgba(32,32,32,0.30);
}
#divLogotext>.interactions .event-user-wrapper 
#divLogotext>.interactions .event-user-wrapper span{
	font-size: 14px;
	line-height: 14px;
	padding-top: 3px;
}
#divLogotext>.interactions .event-counter{
	float: left;
	padding: 0px 17px 0px 0px;
	position: relative;
	color: transparent;
}

#divLogotext>.interactions .event-counter .fa-calendar{
	margin-top: 9px;
}
	#divLogotext>.interactions .event-counter .fa-calendar:before{
		width: 28px;
	    height: 36px;
	    background-image: url(/custom/img/microsite/6454/calendar-alt_gray800.svg);
	}

	#divLogotext>.interactions .event-counter:not(.loaded) > div .fa-calendar:before,
	#divLogotext>.interactions .event-counter > div[data-count="0"] .fa-calendar:before{
		background-image: url(/custom/img/microsite/6454/calendar-alt_gray400.svg);
	}

	#divLogotext>.interactions .event-counter > div[data-count="0"] span{
		display: none;
	}
#divLogotext>.interactions .event-counter span{
	background: #f50079;
	color: white;
	font-size: 12px;
	padding: 0px 3.5px;
	line-height: 18px;
	border-radius: 50%;
	border: 2px solid white;
	top: 6px;
	right: 7px;
	position: absolute;
	width: 21px;
	height: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#divLogotext>.interactions .wrapper{
	display: flex;
}
#divLogotext .navigation.mobile .btn-primary.login,
#divLogotext>.interactions .btn-primary,
#divLogotext.logout .navigation.mobile .btn-primary.login,
#divLogotext>.interactions .btn-secondary {
	text-transform: uppercase;
	color: #0098A1;
	text-decoration: underline;
	font-weight: 600;
	align-self: center;
	padding: 8px 18px;
	margin-right: 0px;
	cursor: pointer;
	background: transparent;
	border: 0;
}

/* ** HEADER --> QUICK-FUNCTIONS** */
.quick-functions {
	display: none;
	/*display: flex;*/
	align-items: center;
}
.quick-functions>div {
	cursor: pointer;
	position: relative;
	margin-right: 10px;
	color: #666A6E;
}
.quick-functions .item-profile>span:before {
	content: '\f2bc';
	font-family: 'FontAwesome4';
	font-size: 20px;
}
.quick-functions .item-conferences>span:before
{
	content: '\f073';
	font-family: 'FontAwesome4';
	font-size: 20px;
}
.quick-functions .item-guided-tours>span:before {
	content: '\f006';
	font-family: 'FontAwesome';
	font-size: 20px;
}
.quick-functions .item-experts>span:before {
	content: '\f2c0';
	font-family: 'FontAwesome4';
	font-size: 20px;
}
.quick-functions>div>span:hover+.tooltip {
	opacity: 1;
	display: block;
}

/* ** HEADER --> NAVIGATION ** */
.btn-primary.login + .navbar-toggle{
	margin-top: 19px;
}
.navbar-toggle{
	float: right;
	margin: 18px 0px 15px 0px;
	width: 54px;
	background: 0 none;
	border: 0 none;
	outline: none;
	display: inline-block;
	position: relative;
	z-index: 9999;
}
.navbar-toggle:before{
	content: '';
	background-image: url(/custom/img/microsite/6454/Burger.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-size: 28px;
	cursor: pointer;
	display: block;
	padding: 16px 15px;
}
.navbar-toggle:not(.collapsed):before {
	background-image: url(/custom/img/microsite/6454/Atom_close_XXL.svg);
}
.navbar-toggle span{
	display: none;
}
#navbar-collapse{
	display: none;
	position: absolute;
	z-index: 9999;
	right: 0;
	width: 100%;
	max-width: 330px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 13px #00000029;
	height: 100vh;
	overflow-y: auto;
}
#navbar-collapse.in{
	display: block;
}
#navbar-collapse .navbar-toggle.close{
	position: absolute;
	top: 5px;
	right: 0px;
}
#navbar-collapse .btn-primary.login,
#navbar-collapse .logout.btn-secondary{
	margin: 31px 31px 5px 24px;
	background: white;
	border: solid 1px #0098A1;
	color: #0098A1;
	/*display: inline-block;*/
	padding: 8px 18px;
	display: none;
}
#naviLanguage .dropdown-toggle:after {
	content: '\f107';
	font-family: 'FontAwesome';
	margin-left: 5px;
}
#naviLanguage .dropdown-toggle + .dropdown-menu {
	display: none;
	list-style-type: none;
	padding: 0px 20px;
}
#naviLanguage .dropdown-toggle[aria-expanded=true] + .dropdown-menu {
	display: block;
}
#naviLanguage .dropdown-menu li.active{
	pointer-events: none;
}
.container.header .navigation.desktop {
	display: none;
}

#top-menu{
	list-style-type: none;
	padding: 60px 0px 0px 0px;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
}
#top-menu #divNavPunkt_maintenance{
	display: none;
}

#top-menu li:not(#divNavPunkt_events):hover a,
#top-menu li#divNavPunkt_events.empty:hover > a, 
#navbar-collapse .links a:hover,
#divNavPunkt_events_overview li:hover a{
	color: #0098a1;
	
}
#divNavPunkt_events_overview li a{
	width: fit-content;
	position: relative;
	color: #202020;
}
#divNavPunkt_events_overview li:hover a:after{
	content:"";
	width: 100%;
	height: 1px;
	background:#0098a1;
	display: block;
	position: absolute;
}
#top-menu + .links {
	margin: 0 30px;
}
#top-menu + .links a {
	display: block;
	font-size: 19px;
	font-weight: 600;
	line-height: 48px;
}

/* ** HEADER --> NAVIGATION --> LANGUAGE ** */
#top-menu #naviLanguage{
	width: 72px;
	margin: 0 auto;
	position: absolute;
	right: 39%;
	bottom: -60px;
	border: none;
}

#top-menu #naviLanguage.open{
	-webkit-box-shadow: 0px 5px 13px 0px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 5px 13px 0px rgb(0 0 0 / 18%);
    bottom: -95px;
}
#top-menu #naviLanguage a{
	border-bottom: unset !important;
	text-align: center;
	padding: 7px 7px 7px 7px;
	width: 100%;
	margin: 0px !important;
}
#top-menu #naviLanguage ul{
	padding: 0px;
	background: white;
	width: 100%;
}

#top-menu #naviLanguage.open a:hover{
	color: black;
	pointer: default;
}

/* ** HEADER --> NAVIGATION --> EVENTS ** */
#top-menu > li a{
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
	/*text-transform: uppercase;*/
	color: #202020;
	display: block;
	padding: 24px 0px 24px 0px;
	word-break: break-word;
	cursor: pointer;
}

#top-menu >li{
	border-bottom: 1px solid #A2A7A9;
	margin: 0px 24px;
}

#top-menu li#logoutButton a {
	border-radius: 2px;
	color: #0098A1;
	font-weight: 600;
	padding: 8px 18px;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #0098A1;
	display: inline-block;
	font-size: 14px;
	margin-top: 16px;
	line-height: 21px;
}
/*#divNavPunkt_events_overview li.micrositeNavigationMainEntry:first-child a{
	border-top: 1px solid #A2A7A9;
}*/
#top-menu li#logoutButton a i {
	display: none;
}
#divNavPunkt_events_overview li{
	position: relative;
	padding:  0px 24px;
    list-style: none;
}

#top-menu #divNavPunkt_events:not(.empty):after {
	/*content: '\f054';*/
	font-family: 'FontAwesome';
	position: absolute;
	top: 35%;
	right: 32px;
}
#top-menu #divNavPunkt_35686 a{
	color: #0098A1;
	border: 1px solid #0098A1;;
	padding: 0px 17px;
	max-width: 83px;
	height: 38px;
	border-radius: 3px;
}
.navbar .eventsLabel{
	color: #A2A7A9 !important;
	text-transform: uppercase;
	cursor: default;
	margin-left: 28px;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 0px;
	line-height: 33px;
}
#top-menu #divNavPunkt_events:not(.empty) #divNavPunkt_events_overview {
	list-style-type: none;
	margin: 0;
	padding:  0px;
	position: relative;
	padding: 0px 11px 24px 11px;
	margin-top: -8px;
	text-transform: none;
}
#divNavPunkt_events_overview li a {
	padding: 0px 0px 24px 0px !important;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	padding-bottom: 24px;
}
#divNavPunkt_events_overview li:last-child a{
	padding-bottom: 0px !important;
}

#divNavPunkt_events_overview li.locked a:before {
	content: '\f023';
	font-family: 'FontAwesome';
	margin-right: 16px;
	font-size: 18px;
}

#divNavPunkt_events_overview li.locked a{
	color: #A2A7A9;
	pointer-events: none;
}

/* ** HEADER --> NAVIGATION --> BACK-BUTTON ** */
.navbar{
	top: 0px;
	position: absolute;
	width: 100%;
}
.navbar .back-to-navigation{
	font-weight: bold;
	color: #0098A1;
	position: relative;
	margin-left: 30px;
	padding: 10px 5px 0px 19px;
	position: absolute;
	text-transform: uppercase;
	top: 24px;
	cursor: pointer;
}
.navbar .back-to-navigation:after{
	content: '\f054';
	font-family: 'FontAwesome';
	position: absolute;
	color: #0098A1;
	top: 10px;
	left: 0px;
	transform: rotate(180deg);
	font-weight: lighter;
}

/* ** HEADER --> FIXED NAVI ** */
.section.navi{
	background: #000;
	color: #fff;
}
.section.navi.desktop{
	display: none;
}
.section.navi .content-wrapper{
	padding: 0px;
}
.section.navi a.join-now{
	display: none;
	cursor: pointer;
}
.section.navi a.scroll-navi{
	color: #fff;
	cursor: pointer;
	display: block;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding:3px 0;
	display: none;
	padding: 15px 30px 15px 60px;

}
.section.navi a.scroll-navi.focus,
.section.navi a.scroll-navi.show{
	display: block;
}

.section.navi a.scroll-navi.disable{
	color: grey;
	pointer: default;
}

.section.navi a.scroll-navi.focus:before{
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 25px;
	left: 35px;
	font-weight: lighter;
	position: absolute;
}

.section.navi a.scroll-navi.focus.show:before{
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 25px;
	left: 35px;
	font-weight: lighter;
	position: absolute;
	transform: rotate(180deg);
}


.section.navi a.scroll-navi:last-child{
	/*border: none;*/
}
.section.navi.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}


/* ** CONTENT ** */
.section:not(.navi):not(.stage):not(.my-events):not(.my-conferences):nth-child(2n+1){
	background: #F2F4F6;
}

.content-wrapper {
	padding: 60px 30px;
	position: relative;
}


/* ** FOOTER ** */
#divFooter {
	background: #666A6E;
	color: #fff;
	position: relative;
}

#divFooter .content-wrapper{
	padding-bottom: 31px;
}

#divFooter .links {
	margin: 49px 0 0 0;
}
#divFooter .links a {
	display: block;
	line-height: 24px;
	color: #fff;
	margin-top: 24px;
}
#divFooter .social-media {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
#divFooter .social-media a {
	width: 46px;
}
#divFooter #gototop {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 25px;
	color: #fff;
	right: 25px;
	text-transform: lowercase;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}
#divFooter #gototop:after {
	content: '\f106';
	font-family: 'FontAwesome';
	background: #fff;
	border-radius: 50%;
	width: 54px;
	height: 50px;
	display: flex;
	margin-left: 14px;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #666a6e;
}
.info.fullWidth {
    width: 100% !important;
}

.visual.hide {
    display: none;
}

@media only screen and (min-width: 560px) {
	/* ** GENERAL ** */

	/* ** GENERAL --> HEADLINES ** */
	.headline-hero{
		font-size: 48px;
		line-height: 58px;
	}
	.headline-1, h1{
		font-size: 40px;
		line-height: 48px;
	}
	.headline-2, h2{
		font-size: 33px;
		line-height: 39px;
	}
	.headline-3, h3{
		font-size: 26px;
		line-height: 31px;
	}
	.headline-4, h4{
		font-size: 21px;
		line-height: 25px;
	}

	/* ** GENERAL --> DATES ** */
	.date-hero{
		font-size: 19px;
		line-height: 28px;
	}
	.date{
		font-size: 18px;
		line-height: 23px;
	}
	.session-date{
		font-size: 19px;
		line-height: 23px;
		letter-spacing: 0.16px;
	}

	/* ** GENERAL --> TEXT ** */
	.text-hero{
		font-size: 18px;
		line-height: 27px;
	}
	.text-1{
		font-size: 18px;
		line-height: 27px;
	}
	.text-3{
		font-size: 18px;
		line-height: 27px;
	}

	/* ** GENERAL --> BUTTONS ** */
	.btn-primary{
		padding:  8px 19px 10px 19px;
	}
	.btn-secondary{
		padding:  8px 19px 10px 19px;
	}

	.container.header #divLogotext div.logos {
		padding: 15px 20px 15px 40px;
	}
}


@media only screen and (min-width: 768px) {
	/* ** HEADER --> QUICK-FUNCTION** */
	.tooltip {
		top: -18px;
	}

	/* **HEADER --> LANGUAGE** */
	#language {
		display: flex;
	}
	#language a {
		font-size: 23px;
		font-weight: 600;
		line-height: 28px;
		color: #202020;
		display: block;
		padding: 16px 10px;
		margin-right: 30px;
	}
	#language a:first-child {
		font-size: 28px;
		margin-right: 0;
	}
	#language .dropdown-toggle:before {
		font-family: fontAwesome;
		margin-right: 10px;
	}
	#language .dropdown-menu {
		display: none;
	}

	/* ** HEADER --> NAVI ** */
	.navbar-toggle{
		margin-right: 20px;
		z-index: 100;
	}

	/* ** HEADER --> FIXED NAVI ** */
	.section.navi .btn-primary {
		background: transparent;
		padding: 3px 0;
		color: #0098A1;
		border-bottom: 1px solid;
	}
}

@media only screen and (min-width: 950px) {
	/* ** HEADER --> FIXED NAVI ** */
	.section.navi{
		padding:9px 30px;
	}
	.navbar-toggle{
		margin-top: 8px;
	}
	#divLogotext>.interactions.logout{
		margin-right: 21px;
	}

	.section.navi.mobile{
		display: none;
	}
	.section.navi.desktop{
		display: block;
	}
	.section.navi a.join-now{
		right: 360px;
		height: 50px;
		position: absolute;
		right: 30px;
		top: 15px;
	}
	.section.navi a.scroll-navi{
		display: inline-block;
		padding: 4px 0px 4px 0px !important;
		border: none;
		margin-right:40px;
	}
	.section.navi a.scroll-navi.show{
		display: inline-block;
	}
	.section.navi a.scroll-navi.show:before{
		display: none;
	}
	.section.navi a.scroll-navi.focus{
		color: #0098A1;
	}
	.section.navi a.scroll-navi:hover{
		color: #0098A1;
	}

	/* ** HEADER --> PROFIL ** */
	#divLogotext>.interactions .event-user-wrapper{
		right: -50px;
	}
	#divLogotext>.interactions .event-user-wrapper .flex-wrapper:before,
	#divLogotext>.interactions .event-user-wrapper .flex-wrapper:after {
		right: 80px;
	}

	/** * NAVIGATION * **/
	.container.header{
		margin-bottom: 43px;
		height: 86px;
	}
	.navbar{
		top: 90px;
		z-index: 5;
	}
	.navbar #navbar-collapse{
		height: unset;
		display: block;
		max-width: unset !important;
		display: flex;
		height: 30px;
		box-shadow: none;
		justify-content: center;
		overflow: initial;
		background: transparent;
	}

	.navbar #navbar-collapse .navbar-nav{
		display: flex;
		padding-top: 0px;
		max-width: 1110px;
		width: 1110px;
		margin: 0px 40px;
	}
		.navbar #navbar-collapse .navbar-nav a{
			margin: 0px;
			padding: 0px;
			border: none;
			text-transform: uppercase;
			font-size: 16px;
			line-height: 25px;
			margin-right: 40px;
			padding-top: 5px;
			padding-bottom: 9px;
		}
			#top-menu #divNavPunkt_events:after{
				display: none;
				border: none;
			}

			#top-menu #divNavPunkt_events:not(.empty):hover > a{
				border-bottom: 5px solid #007C84;
			}

			#top-menu > li{
				border: none;
				margin: 0px;
				position: relative;
			}
			#top-menu ul#divNavPunkt_events_overview{
				display: none;
				left: -30px;
    			top: 47px;
				position: absolute !important;
				padding: 40px 0px;
				width: max-content;
				background: white;
				margin: 0px;
				text-transform: none;
				box-shadow: 0 4px 8px 0 rgba(32,32,32,0.30);
			}

			#top-menu #divNavPunkt_events:not(.empty) ul#divNavPunkt_events_overview{
				padding-top: 24px;
				z-index: -1;
			}

			#top-menu #divNavPunkt_events:hover > ul#divNavPunkt_events_overview{
				display: block;
			}

	.container.header .navigation.mobile,
	#navbar-collapse #naviLanguage,
	.navbar #navbar-collapse .links{
		display: none;
	}

	.navbar #navbar-collapse button,
	.navbar #navbar-collapse .logout{
		display: none !important;
	}
	.container.header .navigation.desktop {
		display: flex;
		align-items: center;
    	z-index: 999;
	}

	.container.header .language.desktop {
		text-transform: uppercase;
		display: block;
		font-weight: 600;
		margin-right: 30px;
		margin-bottom: 10px;
		display: block;
		margin-left: 25px;
	}
	.container.header .language.desktop .dropdown-toggle {
		color: #202020;
		padding-left: 15px;
		padding-right: 10px;
		padding-top: 10px;
		width: 61px;
		display: block;
	}
	.container.header .language.desktop .dropdown-toggle:after {
		content: '\f107';
		font-family: 'FontAwesome';
		margin-left: 5px;
	}

	.container.header .language.desktop .dropdown-menu {
		display: none;
		position: absolute;
		background: #fff;
		border-width: 1px 1px 1px 1px;
		list-style-type: none;
		padding: 3px 20px 0px 20px;
		z-index: 99;
		width: 61px;
		margin: 0;
		-webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.18);
		box-shadow: 0px 10px 13px 0px rgb(0 0 0 / 18%);
	}
	.container.header .language.desktop .dropdown-menu li {
		cursor: pointer;
		padding: 15px 0;
	}
	.container.header .language.desktop .dropdown-menu li.active {
		pointer-events: none;
	}
	.container.header .language.desktop .dropdown-menu li a {
		color: #0098a1;
	}
	.container.header .language.desktop.open {
		-webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.18);
		box-shadow: 0px 5px 13px 0px rgb(0 0 0 / 18%);
	}
	.container.header .language.desktop.open .dropdown-menu {
		display: block ;
	}
	#navbar-collapse {
		max-width: 355px;
	}
	#navbar-collapse .navbar-toggle.close{
		right:  0px;
		top: 3px;
	}
	.container.header .links,
	#navbar-collapse .btn-primary.login,
	#navbar-collapse .logout.btn-secondary,
	#top-menu li a,
	#divNavPunkt_events_overview li a {
		margin-left: 28px;
	}
}


@media only screen and (min-width: 1024px) {

	/* ** HEADER ** */
	.container.header .links{
		margin-left: 28px;
	}

	#divLogotext>.interactions .profile > div{
		flex-direction: row;
		margin-left: 0px;
	}

	#divLogotext>.interactions .event-counter .fa-calendar:before{
		width: 28px;
	}
	#divLogotext>.interactions .event-counter span{
		top: 0px;
	}
	.container.header #divLogotext>div.logos>div #logo img {
		height: 50px;
	}

	/* ** HEADER --> QUICK FUNCTIONS** */
	.quick-functions {
		margin-right: 15px;
	}

	/* ** HEADER --> USER EVENTS** */
	#divLogotext>.interactions .profile {
		font-size: 16px;
	}
	#divLogotext>.interactions .event-counter span{
		right: 6x;
	}
	#divLogotext>.interactions .btn-primary {
		background: #0098A1;
		text-decoration: none;
		color: #fff;
		padding: 8px 18px;
		border-radius: 2px;
	}
	#divLogotext>.interactions .btn-secondary {
		text-decoration: none;
		border: 1px solid #0098A1;
		background: white;
		font-weight: bold;
	}

	#divLogotext>.interactions .login:not(.mobile) {
		background: white !important;
		border: solid 1px #0098A1 !important;
		color: #0098A1 !important;
	}
	#divLogotext>div.logos>div.navigation.mobile {
		display: none;
	}

	/* ** CONTENT ** */
	.content-wrapper {
		padding: 120px 28px;
	}


	/* ** FOOTER ** */
	#divFooter .links {
		display: flex;
		align-items: center;
		margin: 0px;
	}
	#divFooter .links a {
		margin: 0 20px 0 0;
	}
	#divFooter .links a:first-child {
		margin-left: 20px;
	}
	#divFooter .social-media {
		margin-top: 0px;
		margin-left: 50px;
	}
		#divFooter .social-media a {
			width: 27px;
			margin-right: 28px;
		}
	#divFooter .content-wrapper {
		padding: 40px 30px;
		display: flex;
		justify-content: space-between;
		max-width: 1140px;
		width: 100%;
	}
	#divFooter #lower-footer {
		display: flex;
	}
	#divFooter #lower-footer .content-wrapper {
		display: flex;
		align-items: center;
		padding: 40px 0;
	}

	#divFooter #gototop{
		font-size: 20px;
		line-height: 23px;
	}
	#divFooter #gototop:after{
		margin-left: 16px;
	}

}

@media only screen and (min-width: 1200px) {
	/* ** CONTENT ** */
	.content-wrapper {
		padding: 120px 0px;
		max-width: 1110px;
		margin: 0 auto;
	}
	#divFooter .content-wrapper{
		padding: 40px 0px;
	}
}