/* Produkt-Header */
#wrapper_product_header_top {background-color: #006fb4;}
#wrapper_product_header_bottom, #main_menu_product .active a, #wrapper_product_header .menue-hide {background-color: #208acc;}
#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 {width: 20%; float: right; text-align: center; margin-right: 6%; margin-top: 20px;}
#product_description .button_green {float: none; text-align: center; margin: 25px auto 0;}

#product_table {margin-top: 30px;}
#table_left {float: left;}
#table_right {float: right;}
.table_head h1 {text-align: center; 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;}
.table_row {position: relative; width: 32.5%; float: left; margin-right: 1.2%;}
.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: 455px;}
.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: 30%;}
.header_2, .issue_format {width: 70%;}
.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: #e6e6e6; width: 183px; padding: 5px;}
.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;}
#current_issue .introduction_text {padding: 10px; width: 173px;}

#websync {background: #fff; padding: 15px; margin: 15px 0 25px;}
#websync .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%;}
.wcr_offers .table_row {width: 100%; margin-right: 0; float: none; height: 112px;}
.table_row.last_row {border-left: 0; border-bottom: 0; height: 82px;}
.last_row .cell.second_cell, .last_row .cell.third_cell, .last_row .cell.fourth_cell {border-bottom: 2px solid #fff;}
#table_head {border-left: 2px solid #f1f1f1;}
.cell {width: 25%; position: relative;}
div#content:after {content: ''; clear: both; display: block;}
.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: 0; 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 {display:none; color:red; font-size:1em;	width: 25%; line-height: 1.35em; margin: 0px 0 10px 25%;}

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

	.wcr_offers .table_row {height: 100px;}
	.cell {padding: 10px;}
	
}	

@media only screen and (max-width: 850px) {
	
	#table_head {height: 140px;}
	
}	

@media only screen and (max-width: 850px) {
	
	.wcr_offers .table_row {height: 110px;}
	
}	

@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 {margin: auto; display: block; width: 420px; margin-top: 1em;}
	.row_body {height: 480px;}
	
	.issue {border: 2px solid #dedede;}
	#current_issue {border-color: #9c9c9c;}
	#current_issue .issue_nr {padding: 15px 15px 11px;}
	.issue_nr, .issue_format {float: none; width: 100%; text-align: center;}
	.dl_archive_arrow_right {display: none;}
		
}	

@media only screen and (max-width: 650px) {
	
	#table_left {float: none;}
	.table_row {width: 100%; margin: 0 0 4%;}
	.wcr_offers .table_row {margin-bottom: -2px;}
	.row_body {height: auto;}
	.opacity, .header_1, .header_2 {display: none;}
		
}	

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

	#wrapper_product_header li #menu-wcr_home {display: none;}
	
	#product_presentation img, #product_presentation .button_green {width: 100%;}
	#product_presentation .button_green {box-sizing: border-box;}
	
	#websynclink, #websync .button {width: 100%; float: none; display: block;}
	.issue_format>div {width: 100%;}
	#current_issue .dl_button img {display: none;}
	#current_issue .dl_button span {margin: 0; display: inline; float: none;}
	.dl_button {width: 31%; margin-right: 3.5%;}
	
}