/* Allgemein */

b, h3, fieldset legend, .price {font-family: 'DINWeb-Medium'; font-weight: 100;}
.availability h3 {font-family: 'DINWeb-Bold'; font-weight: 100;}
#wrapper_product_header .active {font-family: 'DINWeb-Black'; font-weight: 100;}

#wrapper_content .product_overview, .offer, .sf4, #product_header_bottom li a, .selection, .step3_teaser_box div {line-height: 1.35em;}
#wrapper_content { background-color: #e6e6e6; }

/* Header Digital Services (CE, DR) */
.flex--header {display: flex; align-items: center;}
.logo-di {float: none; display: block; margin-right: 20px;}
#logo_copublisher {margin-left: 20px;}

/* Menü */
#wrapper_product_header ul {float: none;}
#product_header_bottom li a {padding: 0;}
#wrapper_product_header_bottom li span {color: #fff;}
#wrapper_product_header_bottom li {position: relative; list-style: none; margin: 0; text-align: center; padding: 20px 30px 18px;}
#wrapper_product_header_bottom li:first-child {padding-left: 0;}
#wrapper_product_header_bottom li span {text-transform: uppercase; letter-spacing: 0.05em;}
#wrapper_product_header_bottom img {position: absolute; width: 10px; top: 23px; right: -5px; z-index: 1000;}

/* Step 1 */
#order_opener {border-bottom: 1px solid #a1a1a1; padding-bottom: 3.5%; margin-bottom: 3.5%;}
#product_presentation_img {width: 40%;}
div#product_description {width: 55%;}
#product_presentation_img img {width: 100%;}

div#table_offers, .table_offers {margin-bottom: 5%; display: table; width: 100%; border-collapse: collapse;}
.table_row {display: table-row;}
.cell {border: 2px solid #fff; padding: 20px 20px 15px; display: table-cell; vertical-align: middle;}
#table_head .cell.second_cell, #table_head .cell.third_cell, #table_head .cell.fourth_cell, #table_head .cell.fifth_cell, #table_head .cell.sixth_cell,
.table_head .cell, #table_head_buttons .cell {background-color: #d5d5d5;}
.table_head .cell.first_cell, #table_head_buttons .cell.first_cell {background-color: transparent;}
.cell.first_cell {border: none;}
.table_row_text .cell {border-bottom: 0; padding-bottom: 0; vertical-align: top;}
.table_row_buttons .cell {border-top: 0; padding-top: 0;}
.order_astw .cell.first_cell {border: 2px solid #fff;}
.cell.second_cell, .cell.third_cell, .cell.fourth_cell, .cell.fifth_cell, .cell.sixth_cell {text-align: center;}
#table_foot .cell, .table_foot .cell {vertical-align: top}

#table_offers h2, #table_offers #table_foot p, .table_offers h2, .table_offers .table_foot p {margin-bottom: 10px;}
#table_offers h3, .table_offers h3 {margin-bottom: 5px;}
#table_offers p, .table_offers p {margin-bottom: 0; font-size: 0.8em;}
#table_offers .button_green, .table_offers .button_green {display: block;}
p.cell_text {margin-top: 10px;}

/* AStW-Bestellseite */
.order_astw .table_head .first_cell {background-color: #fff;}
.order_astw .table_head h2 {margin-bottom: 0;}

.faq {border: 2px solid #d5d5d5; padding: 20px; margin-bottom: 10px;}
.panel_head {background: url(../img/order_arrow_down.svg) no-repeat right;}
.panel_body {display: none;}
.faq h3 {margin-bottom: 0; line-height: 1em; padding-right: 30px;}
.faq p {margin-bottom: 0;}
.open .panel_head {background: url(../img/order_arrow_up.svg) no-repeat right;}
.open .panel_head h3 {margin-bottom: 20px;}
.open .panel_body {display: block;}

/* Step 2 - Registrierung */
#guest_checkout {margin-top: 50px;}
#guest_checkout .button_blue {margin: 0; float: left;}
.price {font-size: 1.5em; line-height: 1.233em;}

/* Step 3 - Bestellung abschließen */
.main_content.step3 {width: 35%;}
.teaser.step3_teaser {width: 60%;}
.step3 h2 {margin-bottom: 10px;}
#contact {margin-bottom: 40px;}
#adress {margin-bottom: 30px;}
.checkbox_with_text {overflow: hidden;}
.checkbox_with_text input {width: 5%; margin-right: 1%;}
span.hint {float: right; width: 94%;}
.step3 .button_green {margin-top: 20px;}
.step3 .textfield, .step3 .textarea, .step3 select {width: 100%; box-sizing: border-box;}
.step3_teaser .teaser_box {padding: 6%; margin-bottom: 6%;}
.step3 input[readonly='readonly'] {background-color:transparent;}

@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;}

	#guest_checkout {margin-bottom: 50px;}
	.main_content.step3 {width: 48.25%; float: left;}
	.teaser.step3_teaser {width: 48.25%; float: right;}
	.teaser.step3_teaser .teaser_box {width: 100%; box-sizing: border-box; margin-right: 0;}
}

@media only screen and (max-width: 850px) {
	.table_row#include_website {height: 148px;}
}