/* Produkt-Header */
#wrapper_product_header_top {background-color: #e20020;}
#wrapper_product_header_bottom, #main_menu_product .active a, #wrapper_product_header .menue-hide {background-color: #c9001e;}
#wrapper_product_header .menue-hide {min-width: 405px; -moz-box-shadow: 0px 0px 10px 0px #006fb4; -webkit-box-shadow: 0px 0px 10px 0px #006fb4; box-shadow: 0px 0px 10px 0px #006fb4;}

#product_description {float: left; width: 58%;}
#product_description h3 {margin: 15px 0 5px;}
#product_presentation {width: 100%; float: none;}
#product_description.em {height: 300px;}
#product_presentation img {width: 40%; display: block; float: right; margin: -9px -13px 0 0;}
#product_presentation .button_green, #product_presentation .test_button {width: 25%; float: right; text-align: center; margin-right: 5%; margin-top: 20px; box-sizing: border-box; padding: 12px 25px 8px;}
#product_description .button_green {float: none; text-align: center; margin: 25px auto 0;}

#product_table {margin-top: 30px;}
#table_left {float: left; width: 72%;}
#table_right {float: right; width: 25%;}
.table_head h1 {margin-bottom: 10px;}
.row_head {background-color: #dedede; text-align: center; padding: 15px 15px 12px; font-weight: 600; width: 100%; box-sizing: border-box; font-size: 1.25em; height: 50px;}
.table_row {position: relative; width: 48.5%; float: left; margin-right: 1.2%;}
#table_right .table_row {width: 100%;}
.table_row ul {list-style-type: square;}
.row_body ul, #product_description ul {padding-left: 17px;}
.row_body ul li {margin-bottom: 0.3em;}
.table_row ul ul {list-style-type: none; padding: 0;}
.table_row ul ul li {margin-bottom: 0;}
.row_body {background: #fff; padding: 15px; height: 120px;}
.row_bottom {background-image: url(/img/pfeil_kasten_down.svg); background-position: top; background-repeat: no-repeat; background-color: #dedede; padding: 30px 15px 15px; text-align: center;}
.table_row .button_green {display: block;}
.table_row.last {margin-right: 0;}

.opacity {opacity: 0.4;/* modern browser */ -moz-opacity: 0.4;/* older Mozilla browser */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 in Standard Compliant Mode */ filter:alpha(opacity=40); /* IE5.x -7.0 */ }
.opacity:hover {opacity: 1;/* modern browser */ -moz-opacity: 1;/* older Mozilla browser */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */ filter:alpha(opacity=100); /* IE5.x -7.0 */ }

.download_archiv #product_description {float: none; width: 100%;}
#download_listing {margin-top: 40px;}
#dl_header {margin-bottom: 10px;}
.header_1, .header_2, .header_3 {float: left; text-align: center;}
.header_1, .issue_nr {width: 32%;}
.header_2, .issue_format {width: 50%;}
.header_3, .introduction_text {width: 18%; float: right;}
.issue {margin-bottom: 10px;}
.issue_nr, .issue_format, .dl_button img {float: left;}
.issue_nr {font-weight: 600; background: #fff; padding: 15px 15px 11px; box-sizing: border-box;}
.issue_format {background: #dedede; padding: 7.5px; box-sizing: border-box; position: relative;}
.dl_archive_arrow_right {position: absolute; left: 0; top: 0; height: 100%;}
.dl_button,.dl_nobutton {position: relative; float: left; width: 130px; background: #fff; border-radius: 3px; margin-right: 10px; text-align: center;}
.dl_button.last {margin-right: 0;}
.dl_button a {display: block; padding: 8px 20px 3px; border-radius: 3px;}
.dl_button a:hover {background: #00305e;}
.dl_button a:hover span {color: #fff;}
.dl_button span {line-height: 14px;}
.dl_nobutton {background: none;}
.issue_format > div {margin: 0 auto; width: 410px;}
.introduction_text {background: #dedede; padding: 7.5px; box-sizing: border-box;}
.introduction_text .dl_button {margin: 0 auto; float: none;}

#current_issue {margin-bottom: 30px;}
#current_issue .issue_nr {padding: 35px 15px 27px;}
#current_issue .issue_format, #current_issue .introduction_text {background: #9c9c9c; padding: 17px;}
#current_issue .dl_button a {padding: 15px 20px 10px;}
#current_issue .dl_button img {margin-top: -3px; height: 25px;}
.white_icon, .dl_button a:hover .blue_icon {display: none;}
.dl_button a:hover .white_icon {display: block;}
#current_issue .dl_button span {display: block; margin: 4px 0 0 10px; float: left;}

#websync {background: #fff; padding: 15px; margin: 15px 0 25px;}
#websync .button, .test_button {background-image: url(/img/button_bg_grey.png); background: -webkit-linear-gradient(#9a9a9a,#7c7c7c); background: -o-linear-gradient(#9a9a9a,#7c7c7c); background: -moz-linear-gradient(#9a9a9a,#7c7c7c); background: linear-gradient(#9a9a9a,#7c7c7c);
	text-align: center; padding: 12px 0 8px; border-radius: 3px; text-decoration: none; border: 0; color: #fff; float: right; margin-top: 5px; width: 18%; box-sizing: border-box;}
#websynclink {box-sizing: border-box; background: #fff; font-family: monospace; border: 1px solid #ccc; border-radius: 5px; font-family: monospace; padding: 12px; overflow: hidden; overflow-y: hidden; -ms-overflow-y: hidden; white-space:nowrap; width: 80%; float: left;}

/* Bestellung */
#wrapper_content {background-color: #f1f1f1 !important;}
#opener_offers {margin-bottom: 5%; width: 90%;}
#vbm_offers {display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; flex-wrap: wrap; margin-bottom: 5%;}
.option {border: 2px solid #fff; border-right: 0; box-sizing: border-box; position:relative; padding: 135px 0 50px; width: 50%!important;}
.option.last {border-right: 2px solid #fff;}
.vbm_cell {padding: 20px;}
.option_head {height: 145px; text-align: center; background-color: #dedede; border-bottom: 2px solid #fff; position: absolute; top: 0; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.option_foot {height: 50px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; border-top: 2px solid #fff;}
.vbm_cell p {margin-bottom: 10px;}
#vbm_offers h2, .vbm_cell h3, .vbm_cell p:last-child {margin-bottom: 0;}
.wrapper_calltoaction {padding: 20px; border: 2px solid #fff; border-top: 0; width: 100%;}
.wrapper_calltoaction .button_green, .wrapper_calltoaction .button_grey {display: block; width: 200px; margin: auto;}
.check_mark {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.checkbox {width: 25px; height: 25px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.checkbox label {cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: -2px; background: #fff; border:1px solid #ddd;}
.checkbox label:after {opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 7px; left: 7px; border: 3px solid #333; border-top: none; border-right: none; transform: rotate(-45deg);}
.checkbox label:hover::after {opacity: 0.5;}
.checkbox input[type=checkbox]:checked + label:after {opacity: 1;}
.error_msg {margin: -40px 0 5%;}
.error_msg p {color: red; text-align: center; margin-bottom: 0;}


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

	.table_head h1 {font-size: 1.7em;}
	.issue_format > div {width: 395px;}
	.dl_button, .dl_nobutton {width: 125px;}

}

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

	.table_head h1 {font-size: 1.4em;}
	.row_head, .table_row .button_green {padding-left: 0; padding-right: 0;}
	.row_body {height: 420px;}

	.issue {border: 2px solid #dedede;}
	#current_issue {border-color: #9c9c9c;}
	#current_issue .issue_nr {padding: 15px 15px 11px;}
	.issue_nr {float: none; width: 100%; text-align: center;}
	.header_2, .issue_format {width: 74%;}
	.header_3, .introduction_text {width: 25%;}
	.header_1, .dl_archive_arrow_right {display: none;}

	#vbm_offers h2 {font-size: 1.3em;}
	.vbm_cell {padding: 10px;}
	.option {padding: 110px 0 50px;}
	.option_head {height: 110px;}

}

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

	.vbm_cell p {font-size: 0.9em;}

}

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

	#product_description, #product_presentation img, #product_presentation .button_green {float: none;}
	#product_description {width: 100%;}
	#product_presentation img {margin: auto; width: 500px;}
	#product_presentation .button_green, #product_presentation .test_button {margin: auto; display: block; width: 420px; margin-top: 1em; float: none;}
	.row_body {height: 480px;}
	#table_left {float: none; width: 100%;}
	#table_right {float: none; width: 350px; margin: auto;}
	.table_row {width: 350px; margin: 0 auto 4% !important; float: none;}
	.row_head, .row_body {height: auto;}

	.option {width: 50% !important; margin-bottom: 4%;}
	.option:nth-child(even) {border-right: 2px solid #fff;}
	.wrapper_calltoaction {border: none; padding: 0;}

}

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

	#table_left {float: none;}
	.table_row {width: 100%; margin: 0 0 4%;}
	#table_right {width: 100%;}
	.row_body {height: auto;}
	.opacity, .table_head {display: none;}

	#current_issue .dl_button img {display: none;}
	#current_issue .dl_button span {margin: 0; display: inline; float: none;}
	.issue_format>div {width: 100%;}
	.dl_button {width: 31%; margin-right: 3.5%;}
	.introduction_text .dl_button {width: 100%;}
	.dl_button a, #current_issue .dl_button a {padding-left: 0; padding-right: 0;}

}

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

	#wrapper_product_header li #menu-vbm_home {display: none;}

	#product_presentation img, #product_presentation .button_green, #product_presentation .test_button {width: 100%;}
	#product_presentation .button_green {box-sizing: border-box;}

	#websynclink, #websync .button {width: 100%; float: none; display: block;}
	.header_2, .header_3 {font-size: 0.9em;}

}

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

	#vbm_offers {display: block;}
	.option {width: 100% !important; float: none; padding: 0;}
	.option:nth-child(odd) {border-right: 2px solid #fff;}
	.option_head, .option_body {height: auto;}
	.option_head {position: static;}
	.option_foot {position: relative;}

}