/* Allgemein */

b, h3, .button, .product_description span, .offer, #choice p, .first_half span, fieldset legend {font-family: 'DINWeb-Medium'; font-weight: 100;}
#wrapper_product_header .active {font-family: 'DINWeb-Black'; font-weight: 100;}

#wrapper_content .product_overview, .offer, .sf4 {line-height: 1.35em;}

#wrapper_product_header #search_product {margin-bottom: 10px;}
.sf4, .product_overview {margin-bottom: 20px;}
.product_overview>ul, .mandatory {margin-bottom: 0;}
.product_overview>ul {margin-top: 10px;}

.nav li.active a, input.hint {background-color: #00305E;}
.menu_wrapper {background-color: #F1F1F1;}
#wrapper_content .half_half, #wrapper_content .second_half {background-color: #dedede !important;}
#wrapper_content .twothirds_onethird, #wrapper_content .twothirds_onethird.border-top .twothirds, #wrapper_content .box, #choice, #wrapper_content .first_half, 
#wrapper_content .half_half, #wrapper_content .affirmation {background-color: #fff !important;}

.menu_wrapper, body {border-color: #444;}

#wrapper_content .affirmation {border-top: 2px #444 solid;}

.main_content {float: none; width: auto; position: relative;}
.standardcontent ul li, .standardcontent ol, .standardcontent ul {margin-left: 0px; }

#wrapper_content .button, #wrapper_content .product_overview img, #wrapper_content .twothirds img, #wrapper_content .onethird span, #produktvorteile img, 
#leistungsumfang img, #wrapper_content .box img, #wrapper_content .back, #wrapper_product_header_bottom li span, #wrapper_product_header_bottom img {display: block;}

#wrapper_content .illus {float: right;}
#wrapper_content .half_half .illus {float: none;}
#wrapper_content .illus img {margin: 0 35px 0 0; float: right; width: 130px;}
#wrapper_content .product_overview img { margin: 5px 15px 10px 0; }
#wrapper_content .button, #wrapper_content .product_overview img, #wrapper_content .product_description, #wrapper_content .twothirds, #wrapper_content .onethird, 
#wrapper_content .onethird h1, #wrapper_content .onethird span, #wrapper_content .content, #wrapper_content .teaser, #produktvorteile img, #leistungsumfang img, #wrapper_content .box img, 
#produktvorteile div, #leistungsumfang div, #iwwprinzip, #wrapper_content .first_headline, #wrapper_content .first_half, #wrapper_content .second_half, 
#wrapper_product_header_bottom li {float: left;}
#wrapper_content .back, #wrapper_content .affirmation_options {float: right;}
#wrapper_content .active a:hover span, #wrapper_content .back, #wrapper_content .affirmation_options a {text-decoration: underline;}
#wrapper_content h3 {text-transform: none; color: #000; margin: 10px 0 5px 0;}

/* Menü */
#wrapper_product_header ul {float: none;}
#product_header_bottom li a {padding: 0; line-height: 1.35em;}
#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;}

/* Bestellseite */
#wrapper_content #leistungsumfang div {width:457px;}
#wrapper_content .product_overview img {margin: 0 15px 20px 0;}
#wrapper_content .product_description {width: 450px;}
#wrapper_content .product_description img {display: inline; margin: 0 5px 0 0; float: none;}
#wrapper_content .product_overview .button {margin: 15px 0;}
#wrapper_content .twothirds_onethird, #wrapper_content .half_half {margin-bottom: 20px; position: relative;}
#wrapper_content .twothirds {position: relative; width: 65%; box-sizing: border-box; padding: 20px; border-right: 10px solid #f1f1f1;}
#wrapper_content .twothirds .offer {float: left; width: 70%;}
#wrapper_content .onethird.price .offer {margin-top: 0;}
#wrapper_content .onethird.price .offer.daypass_price {margin-top: 1.6em;}
#wrapper_content .daypass_price .euro_price {margin-top: 0; float: none; display: inline; font-size: 3em; font-family: 'DINWeb-Light';}

.wrapper_onethird {float: right; width: 35%; border-left: 10px solid #f1f1f1; box-sizing: border-box;}
#wrapper_content .onethird {width: 400px; text-align: center;}
#wrapper_content .onethird h1 {font-size: 36px !important; margin: 15px 5px 24px 0; padding-left: 0 !important;}
#wrapper_content .onethird span {margin-top: 34px;}
.onethird.weiter .button_blue {display: block; margin: 0 auto; width: 70px;}
#wrapper_content .ordernow {background-color: #c90c0f !important; color: #fff !important; text-align: center; width: 227px; margin-top: 0px; border: 0; border-radius: 0;}
#wrapper_content .ordernow:hover {text-shadow: 0 0 10px #fff;}
#wrapper_content .twothirds_onethird .ordernow {width: 90%; padding: 5% 5% 3.8%;}
#wrapper_content .twothirds_onethird .arrow {position: absolute;	right: -34px; top: 0; bottom: 0; margin: auto;}
#wrapper_content .twothirds_onethird .onethird.price .arrow {left: -10px; right: inherit;}
#wrapper_content .content {width: 790px;}
#wrapper_content .teaser {width: 400px; float: right;}
#details {margin-bottom: 20px;}
#produktvorteile img {margin: 5px 10px 0 0;}
#wrapper_content .content p {margin-bottom: 5px;}
#details li {margin-bottom: 5px;}
#wrapper_content .box {padding: 20px; margin-bottom: 10px;}
#wrapper_content .box h2 {margin-top: 0px;}
#wrapper_content .box img {width: 100%;}

/* Anmeldeseite */
#choice {padding: 10px;	font-size: 16px;}
#wrapper_content .back, #wrapper_content .affirmation_options {margin: 8px 0 10px;}
#wrapper_content .sign_in {padding-bottom: 10px;}
#wrapper_content .sign_in p {margin-bottom: 10px;}
#wrapper_content .loginform .logininput {width: 235px;}
#wrapper_content .onethird.weiter {height: 39px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: transparent; text-decoration: none;}
#wrapper_content .gross, #wrapper_content .net {float: right; margin-top: 0px;}
#wrapper_content .net {float: none;}
#wrapper_content .onethird.price {position: relative; width: 90%; text-align: center; padding: 20px 5%; border-bottom: 10px solid #f1f1f1; min-height: 80px;}
#wrapper_content .onethird.price h1 {margin:auto; float: none; font-size: 28px !important;}
#wrapper_content .onethird.price p {font-weight: bold;}
#wrapper_content .gross p, #wrapper_content .net p {font-size:12px;}
#wrapper_content .twothirds.text {border: 0; overflow: hidden;}

/* Bestellseite */
#wrapper_content .pagetwo {margin-top: 30px;}
#wrapper_content .first_half {width: 45%; padding: 2.5%;}
#wrapper_content .half_half .arrow {position: absolute; left: -10px; top: 0;	bottom: 0; margin: auto;}
#wrapper_content .first_half p {margin-bottom: 20px;}
#wrapper_content .first_half img {margin: 0 25px 30px 0; float: none;}
#wrapper_content .second_half {position: relative; width: 50%; padding: 2.5%; border-left: 10px solid #f1f1f1; box-sizing: border-box;}
fieldset {border: none; margin-bottom: 30px;}
fieldset legend {font-size: 1.25em; margin-bottom: 10px;}
label.table_left.optional {font-size: 1em; margin-top: 0;}
tr td:first-child {width: 220px;}
tr td:last-child {width: 350px;}
select, #fieldset-agreements td, #fieldset-button td {width: 100%;}
#content .textfield, #content .textarea {width: 100%; box-sizing: border-box;}
input#terms {margin: 4px 10px 20px 0; float: left;}
#leistungsumfang img {margin-right: 15px;}

/* Bestätigung */
#wrapper_content .affirmation {padding: 20px;}

/* Step 2 */
#layout_order_step2 #wrapper_content h1 {padding-left: 0;}
#layout_order_step2 .main_content {float: left; width: 65%; position: relative;}
#layout_order_step2 #wrapper_content .teaser {width: 33%; float: right;}
#layout_order_step2 select, #fieldset-agreements td, #layout_order_step2 #fieldset-button td {width: 385px;}
#layout_order_step2 #content .textfield, #layout_order_step2 #content .textarea {width: 363px; box-sizing: unset;}

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

	#wrapper_product_header_bottom li {padding-top: 22px;}
	#layout_order_step2 .main_content {width: 100%; margin-bottom: 5%;}
	#layout_order_step2 #wrapper_content .teaser {width: 100%; float: none;}
	.teaser .teaser_box:last-child {float: right; margin-right: 0;}
	
}	

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

	#wrapper_content .twothirds .offer {width: 60%;}
	#wrapper_content .illus img {margin: 0;}
	
}

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

	#product_header_bottom {padding: 0;}
	#wrapper_content .twothirds.text {width: 100%; border-bottom: 10px solid #f1f1f1;}
	.wrapper_onethird {float: none; width: 100%; border-left: 0;}
	#wrapper_content .onethird.price {min-height: 0;}
	#wrapper_content .twothirds_onethird .onethird.price .arrow {-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
	top: -27px; left: 50%; margin: 0; margin-left: -17px;}
	#wrapper_content .twothirds_onethird .ordernow {padding: 15px 0; width: 100%; box-sizing: border-box;}
	
}	

@media only screen and (max-width: 650px) {
	
	#layout_order_step2 #content .textfield, #layout_order_step2 #content .textarea, #layout_order_step2 select {width: 100%; box-sizing: border-box;}

}	


@media only screen and (max-width: 450px) {
	
	#wrapper_product_header_bottom li {padding-left: 15px; padding-right: 15px; font-size: 0.8em;}
	#wrapper_content .illus img {display: none;}
	#wrapper_content .twothirds .offer {width: 100%;}
	#wrapper_content .twothirds .offer ul {margin-bottom: 0;}
	
	
}	

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	#layout_order {padding:0;}
	#layout_order .wrapper, .menu_wrapper#wrapper_product_header_bottom, .menu_wrapper#wrapper_product_header_bottom .menu {width: 978px;} 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	#layout_order {padding:0;}
	#layout_order .wrapper, .menu_wrapper#wrapper_product_header_bottom, .menu_wrapper#wrapper_product_header_bottom .menu {width: 978px;} 
}