/* Produkt-Header */
.flex--header {display: flex; align-items: center;}
.flex-header--mobile {height: 50px; display: flex; align-items: center; justify-content: center;}
.logo-di {float: none; display: block; margin-right: 20px;}
#logo_copublisher {margin-left: 20px;}
#mobile_logo img {padding: 0; height: 40px;}
.wrapper_sub_header {box-shadow: none; border-bottom: 1px solid #ccc;}

#wrapper_product_header_top {background-color: #002f56;}
#wrapper_product_header_bottom, #main_menu_product .active a, #wrapper_product_header .menue-hide {background-color: #004970;}
#wrapper_product_header .menue-hide {-moz-box-shadow: 0px 0px 10px 0px #002f56; -webkit-box-shadow: 0px 0px 10px 0px #002f56; box-shadow: 0px 0px 10px 0px #002f56;}

img {max-width: 100%;}
#my #mysubscriptions img.arrow_left, #my #mysubscriptions img.arrow_right {max-width: none;}

/* Colors */
#highlighted_content a, #highlighted_content a:hover, .isolator.highlighted h2, #highlighted_content, #highlighted_content button, .category span {color: #fff;}
{color: #999;}
.more button {color: #00305e;}

/* Background-Color */
.more button, .isolator {background-color: #fff;}
#mobile_menu,  #mobile_menu #search #searchbutton, #mobile_header #hamburger.active {background-color: #f1f1f1;}
.isolator.highlighted {background-color: #3e3e3e;}
{background-color: #dedede;}
#wrapper_highlighted_content {background-color: #444;}
#highlighted_content button {background-color: #333;}
#highlighted_content .category {background-color: #ef8846;}
#content .category {background-color: #00305e;}
{background-color: #E60004;}

/* Typografie (Schriftgestaltung) */
{font-family: 'Overpass', Arial, sans-serif; font-weight: 400;}
figure>figcaption.caption {margin-top: 0; margin-bottom: 0;}
.isolator h2 {font-family: 'Overpass'; font-weight: 300;}
.more button {font-family: 'Overpass'; font-weight: 500;}
{font-family: 'Overpass'; font-weight: 500; font-style: italic;}
.article_teaser .read_on {font-family: 'Overpass'; font-weight: 500;}
.balken {font-family: 'Overpass'; font-weight: 700;}

{font-size: 0.7em;} /* 14px */
.more button, .category span, #highlighted_content .description a {font-size: 0.75em;} /* 15px */
.article_teaser h3 {font-size: 0.8em;} /* 16px */
figcaption.caption, #highlighted_content .description p {font-size: 0.9em;} /* 18px */
.barrier_content p>span {font-size: 0.5em;}
#top_article.article_teaser h3, .wrapper_article_teaser_small h2 {font-size: 1em;} /* 20px */
{font-size: 1.2em;} /* 24px */
{font-size: 1.5em;} /* 30px */
{font-size: 1.8em;} /* 38px */

#top_article .category img, #highlighted_content .article_teaser, #highlighted_content #top_article, #highlighted_content .article_teaser:last-child {margin-bottom: 0;}
.opener_img, .article_teaser p {margin-bottom: 0.5em;}
.wrapper_opener_img, .wrapper_video {margin-bottom: 1em;}
/*figure.wrapper_opener_img {margin-bottom: 1.5em;}*/
figure.wrapper_opener_img.closed {width: 48%; float: left; margin-right: 1em;}

/* Listing - Home */
#product_title {float: left; padding-top: 14px;}
#wrapper_product_header #search_product {margin-top: 1.8%;}
.article_teaser {cursor: auto;}
.article_teaser:first-child {border: none; padding-top: 0;}
.isolator h2, #highlighted_content {width: 1200px; margin: 0 auto;}

.isolator {padding: 20px 0 15px;}
.isolator h2 {line-height: 1em;}

.category {padding: 5px;}
#highlighted_content .article_teaser .category {}
#top_article.article_teaser .category {position: absolute; max-width: 30%; min-width: 55px; margin-bottom: 10px; right: 10px; bottom: -20px; width: auto; top: auto;}
#highlighted_content .category img {clear: both; position: absolute; bottom: -8px; left: 15px; height: 8px;}
#highlighted_content .article_teaser .category img {display: none;}
#top_article.article_teaser .category img {display: block;}

#wrapper_highlighted_content {overflow: hidden;}
#highlighted_content {padding: 30px 0 40px;}

.plus_symbol {position: absolute; top: -5px; left: -5px; width: 30px; z-index: 1; border: 2px solid #fff; border-radius: 100%;}
.icon_on_img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0.6;}
.wrapper_article_teaser_small {float: right; width: 40%;}
.wrapper_article_teaser_small:after, #highlighted_content:after {content: ''; display: block; clear: both;}
#highlighted_content .article_teaser {border-bottom: 1px solid #ccc;}
#highlighted_content .article_teaser {border-color: #555; border-top: none; padding: 20px;}
#highlighted_content #top_article {width: 60%; box-sizing: border-box; float: left; padding: 0 20px 0 0; border-bottom: none; border-right: 1px solid #555;}
#highlighted_content .article_teaser:first-child {padding-top: 0;}
#highlighted_content .article_teaser:last-child {padding-bottom: 0; border-bottom: none;}
#highlighted_content .article_teaser .wrapper_teaser_img {position: relative; width: 35%;}
#highlighted_content .frame_teaser_img {max-height: 155px;}
#top_article .frame_teaser_img {max-height: none;}
#highlighted_content .article_teaser .wrapper_text {width: 60%;}
#highlighted_content #top_article .wrapper_teaser_img {margin-bottom: 20px; float: none; width: 100%;}
#highlighted_content .article_teaser h2 a:hover {text-shadow: 0px 0px 10px;}

#content {padding: 2% 0 3.5%;}
.main_content .more .description {display: block;}
.more .description, .more .fold_close, .more.open .fold_open {display: none;}
.more.open .description, .more.open .fold_close {display: block;}
.more button {padding: 5px 5px 3px; border-radius: 3px;}
.more .fold_close {margin-top: 1em;}
.more button span {margin-right: 8px;}
#highlighted_content .more .description {margin-top: 10px;}

.frame_teaser_img {overflow: hidden; display: block; position: relative;}
.teaser_img {display: block; transition: all 0.4s ease-in-out; width: 100%;}
.main_content .teaser_img {filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.main_content .article_teaser:hover .teaser_img {filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.article_teaser:hover .teaser_img {transform: scale3d(1.05, 1.05, 1);}
.article_teaser:after {content: ''; display: block; clear: both;}
.main_content .article_teaser .wrapper_teaser_img {width: 25%; float: left; position: relative;}
.main_content .article_teaser .wrapper_text {float: right; width: 72%;}
.main_content .article_teaser.with_disrupter:first-child {margin-top: 20px;}
.main_content .article_teaser .stoerer {top: -20px;}

/* Artikeldetail */
.opener_img {width: 100%; display: block;}
.barrier_content .button_grey, .barrier_content .button_blue {box-sizing: border-box; width: 48%;}
#download .button_blue {float: none; display: block; margin: auto;}
.wrapper_video {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;}
.wrapper_video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.articleimage {width: 100%; max-width: none;}

/* Footer */
#footer_grey #footer_top {padding-bottom: 0;}
#footer_grey .footer_links {border: none; padding: 0; margin: 0;}
#footer_grey ul {margin-right: 0; width: auto;}
#footer_grey li {float: left; margin-right: 20px;}

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

	#logo_iww_di {display: none;}
	#logo_copublisher {height: 30px; margin-left: 10px; display: block;}
	.logo-di {margin-right: 10px !important;}

	.main_content {overflow: visible;}
	.isolator h2, #highlighted_content {width: 95%;}
	.article .main_content {width: 62%; float: left;}
	.article .teaser {float: right; width: 35%;}
	.teaser .teaser_box, .teaser .slider, .teaser_iww-seminare {float: none; width: 100%; box-sizing: border-box;}
	.teaser div:first-child {margin-right: 0;}

	#footer_grey {padding-top: 3.5%;}

}

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

	#highlighted_content {padding: 20px 0;}
	#highlighted_content #top_article {width: 100%; float: none; padding: 0 0 20px; margin-bottom: 20px; border-right: 0; border-bottom: 1px solid #555;}
	#highlighted_content #top_article .wrapper_teaser_img {width: 40%; float: left; margin-right: 3%;}
	#top_article.article_teaser .category {position: static; width: 100%; max-width: inherit; box-sizing: border-box; margin: 0;}
	#top_article.article_teaser .category img {display: none;}
	#top_article .wrapper_teaser_text {float: right; width: 57%;}

	.wrapper_article_teaser_small {float: none; width: 100%;}
	#highlighted_content .article_teaser {width: 48%; float: left; box-sizing: border-box; border-bottom: none; padding: 0; margin-bottom: 20px;}
	#highlighted_content .wrapper_article_teaser_small .article_teaser {border-left: 0;}
	#highlighted_content .article_teaser:nth-child(odd) {margin-right: 4%;}

	.article .main_content, .article .teaser {width: 100%; float: none;}
	.teaser .teaser_box, .teaser .slider, .teaser_iww-seminare {width: 48%; padding: 5%; float: left; margin-right: 0; box-sizing: border-box;}
	.teaser div:nth-child(odd) {margin-right: 4%;}
	.teaser_box.iww_numbers_small {padding: 0;}
}

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

	#product_title a {font-size: 1.9em;}
	#wrapper_product_header #search_product {margin-top: 1.5%;}
	#highlighted_content .article_teaser .wrapper_teaser_img {width: 100%; margin-bottom: 20px;}
	#highlighted_content .article_teaser .wrapper_text {width: 100%; float: none;}
}

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

	#product_header_top {height: 50px;}
	#wrapper_product_header #search_product {margin-top: 8px;}
	#search_product #searchfield_product {width: 170px;}

	.main_content .more .description {display: none;}
	.main_content .more.open .description {display: block;}
	.main_content .article_teaser h2, #highlighted_content .description p {font-size: 1em;}
	.main_content .article_teaser .wrapper_text {width: 62%; float: right;}
	.more .description {margin-top: 10px;}
	.main_content .article_teaser {padding-top: 10px;}
	.main_content .article_teaser .wrapper_teaser_img {max-width: none; width: 35%; float: left;}
	.main_content .article_teaser.with_disrupter:first-child {margin-top: 0;}
	.main_content .article_teaser .stoerer {margin-top: -10px;}
	.main_content .article_teaser.with_disrupter h3 {max-width: none;}

	.teaser .teaser_box, .teaser .slider, .teaser_iww-seminare {width: 100%;}
	.barrier_content .button_grey, .barrier_content .button_blue {margin: 0 auto 0.5em; width: 100%;}

	#footer_grey {padding-top: 5%;}
	#footer_grey .copyright {padding: 0 0 25px;}
	#footer_grey #footer_top {border-bottom: 1px solid #b5b5b5; margin-bottom: 15px;}
	#footer_grey li {float: none;}

}

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

	#highlighted_content #top_article .wrapper_teaser_img {width: 100%; float: none; margin-right: 0;}
	#top_article.article_teaser .category {position: absolute; max-width: 30%; right: 10px; width: auto; bottom: -20px; margin-bottom: 10px;}
	#top_article.article_teaser .category img {display: inline;}
	#top_article .wrapper_teaser_text {width: 100%; float: none;}
	#highlighted_content .article_teaser {width: 100%; padding-bottom: 20px; border-bottom: 1px solid #555;}
	#highlighted_content .article_teaser .wrapper_teaser_img {width: 35%; margin-bottom: 0;}
	#highlighted_content .article_teaser .wrapper_text {width: 62%; float: right;}
	#highlighted_content .article_teaser:nth-child(odd) {margin-right: 0;}
	#highlighted_content .article_teaser:last-child {margin-bottom: 0; padding-bottom: 0; border: 0;}

	figure.wrapper_opener_img.closed {width: 100%; float: none; margin-right: 0;}
	#download .button_blue {width: 100%;}

}