/* Allgemein */

.price_course .euro_price {font-family: 'DINWeb-Light';}
b, h3, fieldset legend, .price, #offers_course .offer li, .price_course {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;}

#table_offers p {font-size: 0.8em;}
.price {font-size: 1.5em;}
.price_course .euro_price {font-size: 2.25em;}

#table_offers h2 {line-height: 1em; margin-bottom: 0;}
.price {line-height: 1.233em;}
#wrapper_content .product_overview, .offer, .sf4, #product_header_bottom li a, .selection, .step3_teaser_box div {line-height: 1.35em;}

#wrapper_product_header_bottom {background-color: #00305e;}
#wrapper_content {background-color: #f1f1f1;}
.teaser_box, select {background-color: #fff;}

/* Menü */
#wrapper_product_header ul {float: none; overflow: hidden; margin-bottom: 0; padding: 0;}
#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; float: left;}
#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 {position: relative; border-bottom: 1px solid #a1a1a1; padding-bottom: 3.5%; margin-bottom: 3.5%;}
#product_presentation_img {width: 25%; position: absolute; right: 0; bottom: 0;}
#product_presentation_img img {width: 100%; display: block;}
div#product_description {width: 70%;}

div#table_offers {margin-bottom: 5%;}
.table_row {border: 2px solid #fff; margin-bottom: -2px; overflow: hidden; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.table_row#include_website {height: 136px;}
.cell {box-sizing: border-box; border-right: 2px solid #fff; padding: 20px;}
#table_head {border: none; border-right: 2px solid #fff; border-left: 2px solid #f1f1f1;}
.cell.second_cell, .cell.third_cell, .cell.fourth_cell, .cell.fifth_cell, .cell.sixth_cell {text-align: center;}
.cell.last_cell {border-right: 0;}
.check_mark {display: block; margin: auto; align-self: center;}
#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 {background-color: #d5d5d5; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

#table_offers #table_foot p {margin-bottom: 10px;}
#table_offers h3 {margin-bottom: 5px;}
#table_offers p {margin-bottom: 0;}
#table_offers .button_green {display: block;}
p.cell_text {margin-top: 10px;}

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

.contact_text_seminars {width: 100%;}

/* Step 1 – Bestellung Online-Lehrgang */
#offers_course {padding-bottom: 3.5%; margin-bottom: 3.5%; border-bottom: 1px solid #a1a1a1;}
#offers_course .twothirds_onethird {background-color: #dedede; margin-bottom: 3.5%; display: flex; width: 100%; min-height: 120px;}
#offers_course .twothirds_onethird:last-child {margin-bottom: 0;}
#offers_course .twothirds.text {width: 65%; padding: 30px; box-sizing: border-box; background-color: #fff;}
#offers_course .offer ul {margin: 0; list-style-type: none; list-style-image: url(../img/seminars/order_check_mark_small.svg); padding-left: 26px;}
#offers_course .offer li {margin-bottom: 10px;}
#offers_course .offer li:last-child {margin-bottom: 0;}
#offers_course .onethird {width: 35%; position: relative; align-self: center;}
#offers_course .arrow {position: absolute; top: 0; bottom: 0; margin: auto;}
.wrapper_price_course {margin: auto; width: 270px; text-align: center;}
.price_course {margin-bottom: 0.5em;}
#offers_course .button_green, #offers_course .button_grey {display: block;}

/* Step 2 - Registrierung */
#guest_checkout {margin-top: 50px;}
#guest_checkout .button_blue {margin: 0; float: left;}

/* 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%;}
#register span.hint {float: none;}
.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;}
.step3_teaser .terms_of_purchase {margin-bottom: 6%;}

.radio_toolbar label input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio_toolbar {
	margin-bottom: 1em;
}

.radio_toolbar label {
	display: inline-flex;
	font-size: 1em;
	font-family: 'DINWeb-Medium', Arial, sans-serif;
	font-weight: 100;
	color: #fff;
	cursor: pointer;
	outline: 0;
	text-align: center;
	padding: 12px 25px 8px;
	border-radius: 3px;
	text-decoration: none;
	border: 0;
	margin-right: 0.5em;
	background-image: url(/img/button_bg_blue.png);
	background: -webkit-linear-gradient(#294a75, #00305e);
	background: -o-linear-gradient(#294a75, #00305e);
	background: -moz-linear-gradient(#294a75, #00305e);
	background: linear-gradient(#294a75, #00305e);
}

.radio_toolbar label.checked {
	background: -webkit-linear-gradient(#8bb73c, #a8c96c);
	background: -o-linear-gradient(#8bb73c, #a8c96c);
	background: -moz-linear-gradient(#8bb73c, #a8c96c);
	background: linear-gradient(#8bb73c, #a8c96c);
}

select {
	padding: 10px;
}

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

	#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 {height: 130px;}
	.table_row#include_website {height: 148px;}
	#table_foot {height: 270px;}

}