html {
	scroll-behavior: smooth;
}

.image_container.float_left {
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.image_container.float_right {
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.image_container {
	display: table;
}

.image_container figcaption {
	display: table-caption;
	caption-side: bottom;
	padding-top: 0.5rem;
}



.width-max--1200 {
  max-width: 1200px;
  margin: auto;
  padding: 0 30px;
}

.width-max--1000 {
  max-width: 1000px;
  margin: auto;
  padding: 0 30px;
}

.width-max--800 {
  max-width: 800px;
  margin: auto;
  padding: 0 30px;
}

.width-max--600 {
  max-width: 600px;
  margin: auto;
  padding: 0 30px;
}

.overflow { overflow: visible; }

.nav--sub .nav--sub--hide { display: none; }

#footer .slide-in-message p a { color: #fff; }
#footer .slide-in-message a { text-decoration: underline; }

/* Akkordeon */

.ce_accordion .toggler {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #fff;
    color: inherit;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    font-size: 1.5rem;
	display: inline-block;
}

.ce_accordion .toggler span {
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 99;
    font-size: 1rem;
    font-family: sans-serif;
    top: 2px;
    right: -40px;
    position: absolute;
    border: 3px solid #fff;
    transition: transform .6s ease-in-out;
}

.ce_accordion .toggler span::after {
    content: '';
    border-bottom: 4px solid #000;
    border-right: 4px solid #000;
    display: inline-block;
    height: 14px;
    width: 14px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 5%;
}

.enets-faq .ce_accordion .toggler span::after {
	border: none;
}

.toggler:active span, .toggler.ui-state-active span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


.ce_text ul ul {
    list-style-type: circle;
}

.ce_metamodel_content {
	overflow: visible;
}

.teaser__medium {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Timeline Element */
 .timeline {
	margin: 2.66667em 8.33334%;
	position: relative;
}
@media screen and (max-width: 900px) {
	.timeline {
		margin-right: 0;
		margin-left: 0;
	}
}
.timeline::before,
.timeline::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #00CCBA;
}
@media screen and (max-width: 599px) {
	.timeline::before,
	.timeline::after {
		left: 4.54545%;
	}
}
.timeline::before {
	top: 0;
	width: 2px;
	margin: 0 -1px;
}
.timeline::after {
	width: 10px;
	height: 10px;
	margin: 0 -5px;
	border-radius: 99em;
}

.timeline-item {
	position: relative;
	min-height: 6em;
	/* clearfix */
	overflow: hidden;
	padding: 0 0 2em;
}
.timeline-item::before {
	position: absolute;
	top: 1em;
	left: 50%;
	font-size: 2em;
	border-radius: 99em;
}
@media screen and (max-width: 599px) {
	.timeline-item::before {
		left: 4.54545%;
	}
}
.timeline-item.not-in-view::before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.timeline-item.in-view::before {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 0.6s ease-out;
	-moz-transition: -moz-transform 0.6s ease-out;
	-o-transition: -o-transform 0.6s ease-out;
	transition: transform 0.6s ease-out;
}
.timeline-item:not([data-icon])::before {
	content: "";
	width: 0.66667em;
	height: 0.66667em;
	margin: -0.33333em;
	border: 0.06667em solid #00CCBA;
	background: #00CCBA;
}
.timeline-item[data-icon]::before {
	width: 2em;
	height: 2em;
	margin: -1em;
	padding-top: 0.5em;
	color: white;
	text-align: center;
	background: #33b1ec;
}
@media screen and (max-width: 599px) {
	.timeline-item[data-icon]::before {
		font-size: 1.06667em;
	}
}
.timeline-item > h3 {
	float: left;
	width: 40%;
	color: #174173;
	text-align: right;
}
@media screen and (max-width: 599px) {
	.timeline-item > h3 {
		float: none;
		width: auto;
		margin-left: 13.63636%;
		text-align: left;
	}
}
.timeline-item:nth-of-type(2n) > h3 {
	float: right;
	text-align: left;
}
@media screen and (max-width: 599px) {
	.timeline-item:nth-of-type(2n) > h3 {
		float: none;
	}
}
.timeline-item:nth-of-type(2n) > .timeline-item-text {
	float: left;
	text-align: right;
}
@media screen and (max-width: 599px) {
	.timeline-item:nth-of-type(2n) > .timeline-item-text {
		float: ;
		text-align: left;
	}
}

.timeline-item-text {
	float: right;
	width: 40%;
}
@media screen and (max-width: 599px) {
	.timeline-item-text {
		float: none;
		width: auto;
		margin-left: 13.63636%;
	}
}

.timeline-item > h3,
.timeline-item-text h4,
.timeline-item-text h2 {
	margin-top: 0.4375em;
	margin-bottom: 1em;
	font-size: 1.75rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.timeline-image-caption {
	font-size: 0.93333em;
	color: #98a0ab;
}

/*
.timeline2.timeline::before, .timeline2.timeline::after {
    left: 30%;
}

.timeline2 .timeline-item::before {
	left: 30%;
}

.timeline2 > .timeline-item > h3 {
    width: 20%;
}

.timeline2 > .timeline-item:nth-of-type(2n) > h3 {
    float: left;
    text-align: right;
}

.timeline2 > .timeline-item:nth-of-type(2n) > .timeline-item-text {
    float: right;
    text-align: left;
}

.timeline2 .timeline-item-text {
    width: 60%;
}
*/

/*back to top link*/
a.back-to-top {
    display:none;
	background: rgba(102,102,102,0.7);
	border-radius: 50%;
	bottom: 100px;
	height: 40px;
	line-height: 42px;
	overflow: hidden;
	position: fixed;
	right: 15px;
	text-align: center;
	text-decoration: none;
	width: 40px;
	z-index: 999;
	font-size: 1rem;
	font-family: sans-serif;
}
a.back-to-top::before {
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	content: '';
	display: inline-block;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-radius: 5%;
	vertical-align: middle;
}
a.back-to-top:hover {
	background: rgba(102,102,102,1);
	text-decoration: none;
} 

/*shrinking header */

.has-scrolled .topheader {
	padding-top: .5em;
    padding-bottom: .5em;
}
.logo__container{
transition:width .35s linear; 
}
.has-scrolled .logo__container  {
	width: 200px;  
}
.has-scrolled .navbar {
	min-height: 30px;
	padding: 2px 0 2px 0;
}

 /*active backgroundcolor subnav */
.nav-main ul ul > li .active {
	background: #C7E2F3;
}

/* Bild nicht mehr gerundet */
.image--not-rounded img {
	border-radius: 0;	
}

/* Programme */
.date__of__day {
	margin-bottom: 1rem;
	margin-bottom: 0;
}

/* Survey */
.ce_survey input.radio {
	appearance: radio;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	margin: 0 auto 0.5em auto;
	width: auto;
}

.ce_survey .submit_container .right {
	text-align: center;
}

.ce_survey .submit {
	margin-top: 1rem;
	background-color: rgba(19,88,255,1);
	color: #fff;
	display: inline-block;
	max-width: 200px;
}
	
.progressbar, .surveyhead .right, .pagetitle, .pageintroduction, .widget > .radio_container > div > label, .widget.openended > label, .widget.matrix > label {
	display: none;
}

.ce_survey .matrix .rowtext {
	display: none;
}

.ce_survey .columnheader {
	text-align: center;
}

.ce_survey .answer-5-cols table {
	width: 100%;
}

.ce_survey .answer-5-cols col {
	width: 20% !important;
}

.ce_survey .answer-yes-no-cols td {
	text-align: center;
	width: 40px;
}

.ce_survey textarea {
	border: 1px solid #ccc;
}

.ce_survey .radio_container.answer-radio-plus-other div {
	display: flex;
	flex-wrap: wrap;
}

.ce_survey input.answer-radio-plus-other + label {
	display: inline-block;
	order: 1;
	min-width: 150px;
}

.ce_survey input.answer-radio-plus-other {
	order: 2;
	margin: 5px;
}

.ce_survey input.text.answer-radio-plus-other {
	order: 3;
	margin: 0;
	width: 100%;
	background-color: #f0f0f0;
}

.radio_container.answer-radio-multiple > div {
	margin-top: 0.5rem;
}

.radio_container.answer-radio-multiple > div:first-child {
	display: none;
}
 
.radio_container.answer-radio-multiple > div > input, .radio_container.answer-radio-multiple > div > label {
	display: inline-block;
}

.surveyblock {
	margin-top: 0.5rem;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 15px;
}

.surveyblock.even {
	background-color: #fff;
}

.surveyblock .textarea {
	border: 1px solid #ccc;
}

.surveyblock.odd .textarea {
	background-color: #fff;
}


/* Webinars */
.webinar__iframe__wrapper {
	overflow: hidden;
	position: relative; 
	width: 100%; 
	height: 1200px;
	/*padding-top: 100%;*/
}

@media (max-width: 768px) {
	.webinar__iframe__wrapper {
		padding-top: auto;
		height: 1000px;
	}
}

.webinar__iframe__wrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.webinar__teaser__headline {
	min-height: 120px;
}

.webinar__teaser__subheadline {
	font-size: 1.25rem;
	font-weight: bold;
  }

.webinar__description {
	/*max-width: 600px;
	margin: 0 auto;*/
}

.webinar__keywords {
	margin-top: 2em;
	font-weight: bold;
	text-align: center;
}

.webinar__divider {
	border-top: 1px solid #ccc;
    margin: 2em 0 1em 0;
}

.webinar__people__gallery {
	display: grid;
    grid-template-columns: repeat(2,180px);
    grid-gap: 15px;
}
.webinar__people__gallery--moderator {
	grid-template-columns: repeat(2,180px);
}
.webinar__people__gallery .image_container {
	position: relative;
	max-width: 170px;
}
@media (min-width: 768px) {
	.webinar__people__gallery {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap: 15px;
	}
	.webinar__people__gallery--moderator {
		grid-template-columns: 180px;
	}
	.webinar__people__gallery .image_container {
		position: relative;
		max-width: 220px;
	}
}
@media (min-width: 992px) {
	.webinar__people__gallery {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-gap: 15px;
	}
	.webinar__people__gallery--moderator {
		grid-template-columns: repeat(2,1fr);
	}
	.webinar__people__gallery .image_container {
		position: relative;
		max-width: 270px;
	}
}

.webinar__people__gallery figcaption {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	background: rgba(255,255,255,0.8);
}

.webinar__details__date {
	font-size: 1.375rem;
	margin-top: 0.9375em;
}

.webinar__details__headline {
	text-align: start;
	margin-top: 0;
}

.webinar__level {
    display: flex;
    gap: 10px;
    margin-top: 1rem;
}

.webinar__level__text {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #fff;
    width: 150px;
    justify-content: center;
}

.webinar__level--Basic .webinar__level__text {
	background-color: #8AA1D5;
}

.webinar__level--Intermediate .webinar__level__text {
	background-color: #597FD3;
}

.webinar__level--Advanced .webinar__level__text {
	background-color: #053399;
}

.webinar__level__bars {
	display: flex;
    align-items: end;
    height: 45px;
}

.webinar__levels {
	display: inline-block;
    border: 1px solid #DDDDDD;
	margin-right: 1px;
    width: 12px;
}

.webinar__level__first {
    height: 15px;
	background-color: #dddddd;
}

.webinar__level--Basic .webinar__level__first {
	background-color: #8AA1D5;
}

.webinar__level--Intermediate .webinar__level__first {
	background-color: #597FD3;
}

.webinar__level--Advanced .webinar__level__first {
	background-color: #053399;
}

.webinar__level__second {
    height: 30px;
	background-color: #dddddd;
}

.webinar__level--Intermediate .webinar__level__second {
	background-color: #597FD3;
}

.webinar__level--Advanced .webinar__level__second {
	background-color: #053399;
}

.webinar__level__third {
    height: 45px;
	background-color: #dddddd;
}

.webinar__level--Advanced .webinar__level__third {
	background-color: #053399;
}


.attention {
    position: fixed;
    bottom: 0;
    right: 10px;
	color: #fff;
    background: #174173;
    z-index: 100;
    box-shadow: 10px 10px 46px #00000029;
    padding: 1rem;
    width: 315px;
    max-height: 90vh;
    overflow: auto;
	display: flex;
    flex: 0 0 30%;
	animation: slideInRight 1s ease-in-out 3s 1 normal backwards;
}

.attention h2 {
	color: #fff;
	margin-top: 0:
}

.attention .btn-section1 a {
    background-color: #fff;
    color: rgba(19,88,255,1);
    padding: 0.5rem 0.75rem;
	margin-top: 1rem;
	text-decoration: none;
    display: block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    min-width: 280px;
}

.btn-close {
	display: none;
}

.attention .btn-close {
	display: block;
	align-items: flex-end;
	text-align: right;
	font-size: 1.5rem;
	font-weight: bold;
    appearance: none;
    background: none;
    color: #fff;
    border: none;
    cursor: pointer;
}

@keyframes slideInRight {
  0% {
    opacity: 0;
	right: -320px;
    /* transform: translateX(320px); */
  }

  100% {
    opacity: 1;
	right: 10px;
    /* transform: translateX(0); */
  }
}


/*teaserboxes*/
.teaser-big{
/* height:100%; */
 padding-bottom:35px;
}
.line-below{border-bottom: 1px solid;}

/*.teaserwrapper:last-child .teaser-big{
border-bottom:none;
}
*/
/*@media(min-width:768px){
.teaserwrapper:nth-last-child(2) .teaser-big,.teaserwrapper:last-child .teaser-big{
border-bottom:none;
}
}
*/

.filter--abstracts .submit {
	margin-top: 0;
}

/* FAQ */

.filter--faq .submit_container {
	margin-top: 1.5rem;
}

.enets-faq .faq__section__healine {
	font-size: 1.5rem;
}

.enets-faq h3 {
	font-size: 1.25rem;
	margin-top: 0.75rem;
}

.enets-faq h3:after {
	font-family: "icomoon" !important;
    content: "\edbf";
    margin-left: 10px;
    display: inline-block;
	position: relative;
	top: 2px;
}

.enets-faq .ui-state-active h3:after {
    content: "\edb7";
}

.enets-faq .ui-accordion-content {
    padding: 0 15px 15px;
    border-bottom: 1px solid #ccc;
}

.faq__answer__video, .faq__answer__downloads {
	margin-top: 1.5rem;
}

/* Calendar Slider */

.events__list .event span {
	font-size: 0.75rem;
}

.slick-cal {
	max-width: calc(100vw - 30px);
	width: 100%;
	/*overflow: hidden;*/
}

.slick-slide {
	padding: 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    left: -10px;
	z-index: 2;
}
.slick-arrow::after {
	font-family: "icomoon" !important;
    content: "\edbf";
	display: block;
	transform: rotate(90deg);
}

.slick-arrow:nth-of-type(2) {
    left: auto;
	right: 20px;
}
.slick-arrow:nth-of-type(2)::after {
	transform: rotate(-90deg);
}

@media (min-width: 1024px) {
	.slick-arrow:nth-of-type(2) {
		right: 40px;
	}
}

.slick-arrow.slick-disabled {
	display: none !important;
}

/* MM Database Persons */
.db-support__list {
	margin-top: 1.5rem;
}

.db-support__list ul {
	column-count: 2;
}

/* RSCE Concepts */

.concepts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 0 auto;
	max-width: 800px;
}

@media (min-width:1200px) {
	.concepts {
		max-width: 1200px;
	}
}

.concept__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 180px;
	margin: 20px;
	position: relative;
	transition: transform 1s ease;
}

.concept__item:hover {
	transform: scale(1.1);
}

.concept__bullet {
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #174173;
    color: #fff;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    font-size: 0.875rem;
    text-align: center;
}

.concept__bullet--1 {
    background-color: #174173;
	//background: radial-gradient(circle, rgba(26,35,126,1) 70%, rgba(159,168,218,1) 100%);
}

.concept__bullet--2 {
	background-color: #3F51B5;
	//background: radial-gradient(circle, rgba(26,35,126,1) 70%, rgba(159,168,218,1) 100%);
}

.concept__bullet--3 {
	background-color: #29B6F6;
	//background: radial-gradient(circle, rgba(26,35,126,1) 70%, rgba(159,168,218,1) 100%);
}

.concept__bullet--4 {
	background-color: #00BCD4;
	//background: radial-gradient(circle, rgba(26,35,126,1) 70%, rgba(159,168,218,1) 100%);
}

.concept__bullet--5 {
	background-color: #4DB6AC;
	//background: radial-gradient(circle, rgba(26,35,126,1) 70%, rgba(159,168,218,1) 100%);
}

.concept__bullet--large {
	font-size: 2rem;
}

.concept__more {
    display: inline-block;
    background: #1CAAFC;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #fff;
}

.concept__more a {
	text-decoration: none;
	color: white;
}


/* COE */

.coe-label {
	color: #fff;
	background-color: #174173;
	border-radius: 4px;
	padding: 3px 5px;
	display: inline-block;
	margin-top: 1rem;
	margin-right: 1rem;
}

/* Social Media */

.social-media {
	display: flex;
	margin: 1rem 0 0 -10px;

}

.sm-icon {
	margin-right: 1rem;
}

.sm-icon path {
	fill: #174173;
}

/* Grants */
.form--grant input, .form--grant select, .form--grant textarea {
  background-color: #eee;
  border: 1px solid #ccc;
}