/* Allgemein */
.event h3, #filter li a, .seminar-series-headline-3 {font-family: 'DINWeb', Arial, sans-serif; font-weight: 400;}
#product_title a b, #detail_top_stage_text h2 {font-family: 'DINWeb-light', Arial, sans-serif; font-weight: 100;}
.seminar-series-headline-1, .speaker_partial h3, #detail_top_stage h3, .wrapper_headlines h1, .tabs li, .price, #wrapper_booking .one_half h3,
.headline--medium, .event .marketing-text__span, .seminar-series-headline-2, .seminar-series-headline-4 {font-family: 'DINWeb-Medium'; font-weight: 100;}
.more button span, .more_topics_part button, .more_topics_part_small button,  .more_abstract button, .booking_box_small span {font-family: 'DINWeb-Bold'; font-weight: 100;}

.more_topics_part button,.more_topics_part_small button, .more_abstract button, .booking_box_small p, .booking_box_small .button_blue, .event .points span {font-size: 0.8em;} /* 16px */
.event h3, .event p, #filter li a, .wrapper_headlines h2, .event .marketing-text__span {font-size: 0.9em;} /* 18px */
#detail_top_stage h3, #wrapper_booking .one_half h3, .seminar-series-headline-4 {font-size: 1em;}
.event h2, .tabs li, #wrapper_booking .one_half .webinar_title h3, .headline--medium {font-size: 1.2em;} /* 24px */
.booking_box_small span, .seminar-series-headline-2 {font-size: 1.25em;}
.seminar-series-headline-1, .price {font-size: 1.5em;} /* 30px */
.wrapper_headlines h1 {font-size: 1.8em;} /* 36px */
#detail_top_stage_text h2 {font-size: 2em;} /* 45px */

#filter li {line-height: 1em;}
#detail_top_stage_text h2 {line-height: 1.3em;}
.event .points span, .more_text, #wrapper_booking .one_half.right>a {line-height: 1.35em;}

.event h2, .event h3, .event p, .booking_content li, .teaser_box li, .seminar-series-headline-4 {margin-bottom: 5px;}
#contact_footer h3, .speaker_partial h2, .speaker_partial h3, .speaker_partial p, .participant_voice, .booking_content h2, .more_text, .seminar-series-headline-3 {margin-bottom: 10px;}
.head_speaker_listing, .link_connection_test {margin-bottom: 30px;}
.event p:last-child, .speaker_partial p:last-child, #detail_top_stage h3, .booking_box p:last-child, #entrance_seminar_box .optional, #entrance_seminar_box form, #detail_top_stage_text h2 {margin-bottom: 0;}

.more button span, .more_topics_part button span, .more_topics_part_small button span, .more_abstract button span {color: #00305e;}
.event .points span {color: #fff;}

.event.congress, #filter, #entrance_seminar_box, .booking_box, #menu_sectors, #wrapper_booking.wrapper_booking_all,
.tabs li.active, #wrapper_contact_footer {background-color: #f1f1f1;}
.event .points, #wrapper_product_header_top, .stoerer_detail {background-color: #00305e;}
.booking_box_small, #detail_top_stage_text h2 span, .booking_box_white, .booking_content_next_date {background-color: #fff;}

.one_half {width: 48%;}

/* Header */
#wrapper_product_header li a {font-family: 'DINWeb', Arial, sans-serif; font-weight: 400;padding: 20px 15px 18px; display: block; line-height: 1em;}
#wrapper_product_header .active a {font-family: 'DINWeb-Black'; font-weight: 100;}
#wrapper_product_header li {float: left; font-size: 0.9em;} /* 18px */
#wrapper_product_header a {color: #fff;}
#wrapper_product_header li a:hover {text-shadow: 0 0 10px #fff;}
#wrapper_product_header ul, #issues {list-style-type: none; margin-bottom: 0; padding-left: 0; float: left;}
#wrapper_product_header .menue-more {position: relative;}
#wrapper_product_header .menue-hide {background-color: #605fa2; position: absolute; right: 0; top: 47px; min-width: 200px; z-index: 1000;}
#wrapper_product_header .menue-hide li a {line-height: 1.35em; font-size: 1.111em;}
#wrapper_product_header #main_menu_seminar .phone a {padding: 10px; line-height: 0;}
#product_header_top {width: 1200px; margin: 0 auto;}
#product_header_top::after {content: " "; display: table; clear: both;}
#product_title {padding-top: 2%; margin-bottom: 1%;}
#wrapper_product_header_bottom, #main_menu_product .active a {background-color: #605FA2;}
#wrapper_product_header #main_menu_product .phone a {padding: 10px; line-height: 0;}
#main_menu_product .phone img {width: 30px; height: 33px; float: right;}
#main_menu_product .active a {background-color: #004970;}

/* Home */
#seminars_top_stage>div:not(.active) {display: none;}
#seminars_top_stage>div.active {display: block;}
#wrapper_seminars_top_stage {margin: 0 auto; width: 1200px; position: relative;}
.seminars_slider .arrow_left, .seminars_slider .arrow_right {position: absolute; top: 0; bottom: 0; cursor: pointer; margin: auto 0;}
.seminars_slider .arrow_left {left: 20px;}
.seminars_slider .arrow_right {right: 20px;}

#top_stage {position: absolute; top: 0; bottom: 0; left: 80px; right: 0; width: 460px; box-sizing: border-box; margin: auto 0; height: 230px; padding: 0;}
#top_stage ul {width: 100%;}
#top_stage li a {padding: 2.5% 2.5% 2%;}
/* #top_stage_text h1, #detail_top_stage_text h3 {text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;} */

.seminars_stage_img {width: 100%;}
#top_stage .sectors_top_stage li {margin-bottom: 2%;}
#top_stage .sectors_top_stage li:last-child {margin-bottom: 0;}

#menu_sectors {padding: 1.5% 1.5% 1%; overflow: hidden; margin-bottom: 5%;}
#menu_sectors .sectors_listing {list-style-type: none; margin-bottom: 0; padding-left: 0; float: left;}
#menu_sectors .sectors_listing li {float: left; line-height: 1em; margin: 0 9px; font-size: 0.85em;}
#menu_sectors .sectors_listing li:first-child {margin-left: 0;}
#menu_sectors .sectors_listing li:last-child {margin-right: 0;}

#filter {padding: 10px 10px 5px; margin-bottom: 5%;}
#filter ul {margin: 0; padding: 0; list-style: none;}

#filter li {float: left; margin-right: 3%;}
#filter li.active > a {color: #E60004;}
#filter li ul {display: none;}

.event, .speaker_partial {box-sizing: border-box; position: relative; padding-bottom: 2%; margin-bottom: 5%; border-bottom: 1px solid #ccc;}
.event {min-height: 210px;}
.wrapper_speaker_img {position: absolute; right: 0; bottom: 0; width: 24%; max-height: 195px; border-bottom: 10px solid; overflow: hidden;}
.speaker_img {display: block; max-width: 100%; margin: auto;}
.event_description {float: left; margin-right: 3%; width: 50%;}
.event .marketing-text {margin-bottom: 10px;}
.marketing-text__span {background-color: #ef8846; color: #fff; padding: 5px 5px 2px; display: inline-flex;}
.event .further_info {float: left; width: 20%;}
.event .points {position: relative; padding: 5px 5px 2px; margin-bottom: 20px; min-height: 42px;}
.event .points span {width: 75%; display: block;}
div.event  {cursor: pointer}

.event.congress {padding: 30px; border: none; position: relative;}
.congress .event_description {width: 60%; margin-right: 0;}
.congress_img {width: 37%; float: left; margin-right: 3%; border-bottom: 10px solid;}
.event.congress .points {position: absolute; width: 20%; top: -19px; right: 30px; box-sizing: border-box;}

/* Referenten-Listing */
.speaker_partial {min-height: 285px;}
.speaker_description {width: 65%;}
.speaker_partial .speaker_img {max-width: 35%; max-height: 300px; position: absolute; right: 0; bottom: 0;}
.seminar_link {display: block;}

/* Detailansicht */
#wrapper_detail_top_stage {background-image: url(/img/seminars/buehne_detail_seminars.png); background-position: center; background-repeat: no-repeat; border-bottom: 5px solid; background-size: cover;}
#detail_top_stage {width: 1200px; margin: 0 auto; position: relative; padding: 80px 0; min-height: 400px; box-sizing: border-box;}
#detail_top_stage_text {width: 65%;}
#detail_top_stage_text h2 span {padding: 5px 0; opacity: 0.85;}
#detail_top_stage h3 {margin-top: 1em;}
#detail_top_stage h3 span {color: #fff; background-color: #727272; padding: 5px 5px 3px; opacity: 0.85;}
.detail_top_stage_img {position: absolute; right: 0; bottom: -5px; max-width: 35%; max-height: 95%;}

#wrapper_booking, .seminar-series {margin: 5% 0; padding: 5% 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.wrapper_headlines.with_stoerer {max-width: 68%; float: left;}
.stoerer_detail {position: relative; box-sizing: border-box; width: 30%; padding: 10px 10px 6px;}
.stoerer_detail .icon_certificate, .points .icon_certificate {width: 25px;}
.stoerer_detail .dialogue_corner, .points .dialogue_corner {position: absolute; left: 30px; bottom: -9px;}
.stoerer_detail span {font-size: 0.8em; color: #fff; width: 80%; float: left; line-height: 1.35em;}
.more .more_text, .more .fold_close, .more.open .fold_open, .more_topics_part .fold_close, .more_topics_part.open .fold_open, .more_topics_part_small .fold_close, .more_topics_part_small.open .fold_open, .more_abstract .fold_close, .more_abstract.open .fold_open {display: none;}
.more.open .more_text, .more.open .fold_close, .more_topics_part.open .fold_close, .more_topics_part_small.open .fold_close, .more_abstract.open .fold_close {display: block;}
.more button , .more_topics_part button , .more_topics_part_small button, .more_abstract button {background: none;}
.more button span, .more_topics_part button span, .more_topics_part_small button span, .more_abstract button span {margin-right: 5px;}

ul.tabs {list-style-type: none; padding: 0; margin: 0; overflow: hidden;}
.tabs li {float: left; padding: 20px 15px 18px;}
#wrapper_booking.wrapper_booking_all {padding: 3.5%; box-sizing: border-box; border: none;}
.description_general {padding-bottom: 5%; margin-bottom: 5%; border-bottom: 1px solid #ccc;}
.booking_box {padding: 30px;}
.booking_box .button_green, .booking_box .button_blue {display: block; margin-bottom: 20px;}
.booking_box_small {padding: 10px; width: 35%; box-sizing: border-box;}
.booking_box_small .button_blue {display: block; padding: 8px 10px 5px;}
.booking_box_listing {padding: 0; background-color: transparent;}

.more_topics_part {line-height: 1.35em;}
.booking_content_next_date {padding: 30px; border-top: 5px solid #ccc; border-bottom: 5px solid #ccc; margin-bottom: 5%;}
.webinar_title {margin-bottom: 20px;}
.webinar_title h3 {margin-bottom: 5px;}

.wrapper_rating_categories {margin-bottom: 20px;}
.rating_category {overflow: hidden; margin-bottom: 10px;}
.category_title {float: left; margin-top: 10px;}
.stars {float: right;}
.stars img {margin-left: 5px;}
.participant_voice:last-child {margin-bottom: 0;}

.wrapper_short_info {margin-bottom: 1em;}
.icon_webinar_type {width: 45px; height: 45px; margin-right: 10px;}
.short_info {flex: 3;}
.past_date {padding: 3.5% 0; border-bottom: 1px solid #ccc;}
.past_date:first-child {padding-top: 0;}
.past_date:last-child {padding-bottom: 0; border-bottom: 0;}
.more_text ul {list-style-type: disc;}

.booking_content_courses {background-color: #f1f1f1; padding: 30px;}
.course_top {margin-bottom: 5%;}
.course_top .booking_box { background-color: #fff;}
.date.course {border-bottom: 1px solid #ccc; padding-bottom: 3%; margin-bottom: 3%;}
.date.course.highlighted {background-color: #fff; padding: 20px; border: none;}
.date.course:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.date.course .left {float: none;}
.date.course h3 {font-size: 1em; font-family: 'DINWeb-Medium', sans-serif; margin-bottom: 0;}
.date.course p {margin-bottom: 10px;}
.date.course h3.more_text {font-size: 1em;}

.seminar-series-marginbottom {margin-bottom: 2em;}

/* Aufzeichnungsseite */
.marginbottom--05 {margin-bottom: 0.5em;}
.marginbottom--2 {margin-bottom: 2em;}
.button_blue--download {display: inline-block;}
.button-download__text {padding-left: 10px; position: relative; top: -7px;}
.iww-section {margin-bottom: 2em;}
.video-wrapper {position: relative; overflow: hidden;}
.video__preview-img {width: 100%; display: block; transition: all 0.4s ease-in-out;}
.play-btn {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 87px; text-align: center;}
.play-btn__icon {display: block; margin: 0 auto 0.8em;}
.play-btn__text {color: #fff;}
.wrapper-webinar {padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px solid #ccc;}
.wrapper-webinar:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}

/* Eingang Seminarraum */
#entrance_seminar_box {padding: 3.5%; background-image: url("/img/seminars/eingang_seminarraum_ott.png"); background-repeat: no-repeat; background-position: right top; background-size: 50%;}
#entrance_seminar_box .textblock {width: 50%;}
#entrance_seminar_box #guestname {margin-bottom: 30px;}
#entrance_seminar #footer_blue .iww-dialog-corner--white {display: block;}
#entrance_seminar #footer_blue .iww-dialog-corner--grey {display: none;}
.button_entrance_seminar {display: inline-block; margin-bottom: 30px;}
#entrance_seminar_box .optional--entrance {margin-bottom: 30px;}
.webinar-contact {display: flex; flex-wrap: wrap; justify-content: space-between;}
.webinar-contact__block {width: 32%; background-color: #fff; padding: 20px; box-sizing: border-box; display: flex; align-items: flex-start;}
.webinar-contact__block--grey {background-color: #f1f1f1;}
.webinar-contact__icon {margin-right: 15px; display: block;}
.webinar-contact__text {margin-bottom: 0;}

/* Footer */
#contact_footer {width: 1200px; margin: 0 auto; padding: 2% 0 0;}
#contact_footer .two_thirds {width: 63%; position: relative;}
#contact_footer .one_third {width: 32%; margin-bottom: 2%;}
.contact_text_seminars {width: 45%;}
.contact_img {width: 55%; position: absolute; bottom: 0; right: 0;}
#contact_footer .textarea, #contact_footer .textfield {display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box;}
#contact_footer .button_blue {margin-top: 15px;}
#contact_footer .optional {margin: 20px 0 0;}
#contact_footer .checkbox_with_text {margin-top: 5px;}
#footer_blue .iww-dialog-corner--grey {display: block;}
#footer_blue .iww-dialog-corner--white {display: none;}

#introduction .abstract {overflow: hidden; max-height:8em;}

.seminars_product_teaser  { width:80% ;float: left; margin: 0 3% 5% 0;}

@media only screen and (max-width: 1200px) {

	#main_menu {padding-top: 15px;}
	#wrapper_seminars_top_stage, #contact_footer, .slick-slide img {width: 100%;}
	#product_header_top, #product_header_bottom, #content {width: 95%;}

	#top_stage {height: 220px;}

	#detail_top_stage {width: 100%; padding: 10% 2.5%; min-height: 350px;}
	#detail_top_stage_text h2 {line-height: 1.35em;}
	.teaser_box.product_teaser.seminars_product_teaser {margin-right: 0;}
	#detail_top_stage.more_speakers {padding: 8% 2.5%; min-height: 300px;}
	.more_speakers #detail_top_stage_text h2 {font-size: 1.5em;}

	#contact_footer {padding: 2.5% 2.5% 0; box-sizing: border-box; position: relative;}
	#contact_footer .two_thirds {width: 53%;}
	#contact_footer .one_third {width: 41%;}
	#contact_footer .checkbox_with_text input {margin-top: 3px;}

}

@media only screen and (max-width: 950px) {

	#top_stage {height: 160px; left: 45px; width: 330px;}

}

@media only screen and (max-width: 900px) {

	.webinar-contact__block {display: block; text-align: center;}
	.webinar-contact__icon {margin: 0 auto 15px;}

}

@media only screen and (max-width: 800px) {

	#detail_top_stage {min-height: auto; padding: 6% 2.5%;}

	#menu_sectors .sectors_listing li {font-size: 0.8em;}
	#contact_footer .two_thirds, #contact_footer .one_third {width: 48%;}
	.contact_text_seminars {width: 100%;}
	.contact_img {display: none;}

	#entrance_seminar_box .textblock {width: 100%;}
	#entrance_seminar_box {background-image: none;}

	#detail_top_stage_text h2 {font-size: 1.8em; line-height: 1.4em;}
	.speaker_partial {min-height: 265px;}

}


@media only screen and (max-width: 650px) {

	#wrapper_seminars_top_stage {background-color: #f1f1f1; padding: 5%; box-sizing: border-box;}
	#seminars_top_stage {display: none;}
	#top_stage {position: static; width: 100%; height: auto; margin: auto;}


	#entrance_seminar_box .button_blue, .booking_box_small .button_blue {width: auto;}

	.event_description, .event .further_info {float: right; width: 70%;}
	.event_description {margin-right: 0;}
	.event .further_info {margin-top: 20px;}
	.wrapper_speaker_img {width: 25%; left: 0; bottom: 0; right: auto;}

	.event {min-height: 170px; padding-bottom: 5%;}
	.event .points {position: absolute; top: -35px; right: 0; width: 130px; padding: 6px;}

	.event.congress {min-height: auto; padding: 15px; margin-top: 35px;}
	.congress_img {max-width: 25%;}
	.congress .event_description {width: 70%; float: left;}
	.event.congress .points {padding: 8px 8px 5px; float: right; top: -25px; right: 10px; width: 130px;}
	.event.congress .points span {float: left;}
	.event.congress .points .icon_certificate {float: right; position: static; width: 19%;}
	.event.congress .points:after {content: ''; clear: both; display: block;}

	#detail_top_stage_text h2 {font-size: 1.5em; line-height: 1.5em;}
	.speaker_partial {min-height: 210px;}
	.one_half {width: 100%; float: none; margin-bottom: 5%;}
	.one_half.right {margin-bottom: 0;}

	#contact_footer .two_thirds, #contact_footer .one_third {width: 100%; float: none;}
	#contact_footer {padding: 4% 2.5%;}
	#contact_footer .one_third {padding-bottom: 0;}
	#contact_footer .optional, #contact_footer .checkbox_with_text .hint {font-size: 0.9em}
	#contact_footer .checkbox_with_text input {margin-top: 1px;}

}

@media only screen and (max-width: 500px) {

	#product_title a {font-size: 1.5em;}
	#wrapper_product_header li #menu-sm_webinars, #wrapper_product_header li #menu-sm_congresses, #wrapper_product_header li #menu-sm_courses {display: none;}

	#top_stage_text span {font-size: 1em;}

	.booking_box {padding: 20px;}
	.booking_box_listing {padding: 0;}
	.speaker_partial {min-height: auto; padding-bottom: 0;}
	.speaker_description {width: 100%; margin-bottom: 3.5%;}
	.speaker_partial .speaker_img {position: static; margin: auto; width: 200px; max-width: none;}

	.webinar-contact__block {width: 100%; margin-bottom: 20px; display: flex; text-align: left; align-items: center;}
	.webinar-contact__icon {margin: 0 15px 0 0;}

}

@media only screen and (max-width: 450px) {

	.event {margin-bottom: 30px; padding-bottom: 30px;}
	.event .points {top: -44px; width: auto; margin-bottom: 0; min-height: auto;}
	.event.congress .points {width: auto;}
	.points .icon_certificate {display: none;}
	.event .points span {width: 100%;}

	#wrapper_detail_top_stage {display: none;}
}