body {
	background: #EBEBEB;
	overflow-y: scroll;
	font-family: "Open Sans", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-style: normal;
	font-weight: 400; /* normal 400 | semibold 600 | bold 700 */
	color: #3F3F3F;
}

a {
	color: #3F3F3F;
}
a:hover {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

.wrapper {
	/*display: inline-block;*/
	position: relative;
	width: 100%;
}

.container {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 996px;
	margin: 0 auto;
	padding: 0 18px;

	overflow: hidden;
}

.inner {
}

.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.row:after {
    clear: both;
}
.row {
	width: 100%;
    *zoom: 1; /* IE 6/7 only / trigger hasLayout and contain floats */
	/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*/
}

#wrapper {
	width: 996px;
	margin: 0 auto;
}

.table {
	display: table;
	width: 100%;
}

.table .cell {
	display: table-cell;
	vertical-align: middle;
	/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*/
}

ul.dots li {
	margin-left: 1em;
	list-style: disc;
}



/*
----------------------------------------------------------------------------------------------------------------------
	global stuff
----------------------------------------------------------------------------------------------------------------------
*/

.notice_box {
	margin: 0 0 1rem 0;
	padding: 20px 22px;
	border: 2px solid silver;
}
.notice_box.success {
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #3C763D;
}
.notice_box.success hr {
	border-top-color: #C9E2B3;
}
.notice_box.success a {
	color: #2B542C;
}

.notice_box.info {
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #31708F;
}
.notice_box.info hr {
	border-top-color: #A6E1EC;
}
.notice_box.info a {
	color: #245269;
}

.notice_box.warning {
	background-color: #FCF8E3;
	border-color: #FAEBCC;
	color: #8A6D3B;
}
.notice_box.warning hr {
	border-top-color: #F7E1B5;
}
.notice_box.warning a {
	color: #66512C;
}

.notice_box.danger {
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442;
}
.notice_box.danger hr {
	border-top-color: #e4b9c0;
}
.notice_box.danger a {
	color: #843534;
}

/*
----------------------------------------------------------------------------------------------------------------------
	header / meta navigation
----------------------------------------------------------------------------------------------------------------------
*/

.nav_meta {
	height: 45px;
	padding: 0 18px;
	overflow: auto;
}

/* idg shop logo */

.nav_meta #logo_shop a {	/* 133px x 17px */
	display: block;
	vertical-align: middle;
	width: 84px;
	height: 32px;
	background: url(img/header/foundry-logo-grey.svg) center 0 / 84px 25px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#ws_start .nav_meta #logo_shop,
#ws_download .nav_meta #logo_shop,
.clti_fallback .nav_meta #logo_shop {
	display: none;
}

/*
.nav_meta #logo_shop img {
	width: 133px;
	height: 17px;
}
*/

.nav_meta a {
	text-decoration: none;
	color: #3F3F3F;
}
.nav_meta a:hover {
	text-decoration: underline;
}

.nav_meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* subshop list customized per subshop */

.nav_meta .subshop_list {
	width: auto;
}
.nav_meta .subshop_list ul {
	float: right;
}
.nav_meta .subshop_list ul li {
	float: left;
}
.nav_meta .subshop_list ul li a {
	float: left;
	display: block;
	padding: 2px 6px;
}



/* subshop-change widget */

.nav_meta .subshop_widget {
	width: 36px;
	text-align: right;
}
.nav_meta .subshop_widget a.subshop_widget_icon {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(img/header/subshops_widget_icon.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.nav_meta .subshop_widget .subshop_widget_inner {
	display: inline-block;
	padding: 10px;
	line-height: 0;
	cursor: pointer;
}

.arrow_grey {
    position: absolute;
	/*
    left: 6.5px;
    top: 36px;
    */

	margin: -9px 0 0 94px;

    border-color: transparent transparent #B3B3B3;
    border-style: /* dashed dashed */ solid;
    border-width: 0 8.5px 8.5px;

    height: 0;
    width: 0;
    z-index: 1;
    line-height: normal;
    text-align: left;
	white-space: nowrap;
}

.arrow_white {
    position: absolute;
	/*
    left: 6.5px;
    top: 37px;
    */

	margin: -8px 0 0 94px;

    border-color: transparent transparent #FFFFFF;
    border-style: /* dashed dashed */ solid;
    border-width: 0 8.5px 8.5px;

    height: 0;
    width: 0;
    z-index: 1;
    line-height: normal;
    text-align: left;
	white-space: nowrap;
}

.nav_meta .subshop_widget .subshop_widget_layer {
	position: absolute;
	margin: 10px 0 0 -93px;
	border: 1px solid #B3B3B3;
	background: #FFFFFF;
	z-index: 1999;

	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow:         0 2px 10px rgba(0, 0, 0, 0.2);

	/*
	-webkit-transition: max-height 0.75s linear 0s, visibility 0s linear 0.75s !important;
	-moz-transition:    max-height 0.75s linear 0s, visibility 0s linear 0.75s !important;
	-o-transition:      max-height 0.75s linear 0s, visibility 0s linear 0.75s !important;
	transition:         max-height 0.75s linear 0s, visibility 0s linear 0.75s !important;
	*/

	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity 0s linear 0s, visibility 0s linear 0s !important;
	-moz-transition:    opacity 0s linear 0s, visibility 0s linear 0s !important;
	-o-transition:      opacity 0s linear 0s, visibility 0s linear 0s !important;
	transition:         opacity 0s linear 0s, visibility 0s linear 0s !important;
}
.nav_meta .subshop_widget .subshop_widget_layer_inner {
	padding: 19px 10px 9px 20px;
}
.nav_meta .subshop_widget .subshop_widget_inner:hover > .subshop_widget_layer {
	opacity: 1;
	visibility: visible;

	-webkit-transition: opacity 0.15s linear 0.4s, visibility 0s linear 0s !important;
	-moz-transition:    opacity 0.15s linear 0.4s, visibility 0s linear 0s !important;
	-o-transition:      opacity 0.15s linear 0.4s, visibility 0s linear 0s !important;
	transition:         opacity 0.15s linear 0.4s, visibility 0s linear 0s !important;
}
.nav_meta .subshop_widget .subshop_widget_layer ul {
	float: left;
	width: 174px;
}
.nav_meta .subshop_widget .subshop_widget_layer ul li {
	float: left;
}
/*
.nav_meta .subshop_widget .subshop_widget_layer ul li.simsmagazin {
	padding-left: 58px;
}
*/
.nav_meta .subshop_widget .subshop_widget_layer ul li a {
	line-height: normal;
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 10px 10px 0;
	background: url(img/icons/shop-icons-sprite@2x.png) 0 0 no-repeat;
	background-size: 550px 50px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nav_meta .subshop_widget .subshop_widget_layer ul li.pcwelt a			{ background-position:    0px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.androidwelt a		{ background-position:  -50px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.linuxwelt a		{ background-position: -100px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.macwelt a			{ background-position: -150px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.iphoneundipad a	{ background-position: -500px 0px; }
/*
.nav_meta .subshop_widget .subshop_widget_layer ul li.iphonewelt a		{ background-position: -200px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.ipadwelt a		{ background-position: -250px 0px; }
*/
.nav_meta .subshop_widget .subshop_widget_layer ul li.gamestar a		{ background-position: -300px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.makinggames a		{ background-position: -350px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.gamepro a			{ background-position: -400px 0px; }
.nav_meta .subshop_widget .subshop_widget_layer ul li.simsmagazin a		{ background-position: -450px 0px; }

.nav_meta .subshop_widget .subshop_widget_layer ul li a:hover {
	opacity: 0.7;
}


/* short basket */

.nav_meta #WK-Short {
	width: 24%; /* 24.47916%; */ /* 235px */
	text-align: right;
	font-size: 0;
}
.nav_meta #WK-Short a {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	font-size: 14px;
}
.nav_meta #WK-Short .shortbasket_icon {
	width: 27px;
	height: 32px;
	padding: 0;
	background: url(img/header/shortbasket_icon.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}



/*
----------------------------------------------------------------------------------------------------------------------
	header / logo brand shop header
----------------------------------------------------------------------------------------------------------------------
*/

.header .container,
.header .container .inner {
	position: relative;
	height: 90px;
}

.header .container .inner {
	background: transparent url(img/icons/icon-paypal-header.png) right 50% no-repeat;
	background-size: 136px 57px; /* 272 x 114 */
}

html.androidwelt .header .container .inner,
html.linuxwelt .header .container .inner {
	background-image: none;
}





/* bugfix websale st-catlasttopindex defekt */
.header .container .inner {
	background-image: none;
}
html.pcwelt .header .container .inner,
html.macwelt .header .container .inner,
html.iphoneundipad .header .container .inner {
	background: transparent url(img/icons/icon-paypal-header.png) right 50% no-repeat;
	background-size: 136px 57px; /* 272 x 114 */
}
html.clti_fallback .header .container .inner {
	background-image: none;
}
/* /bugfix websale st-catlasttopindex defekt */





/* header */

.pcwelt .header			{ background: #1F1F1F; }
.androidwelt .header	{ background: #3B3D3D; }
.linuxwelt .header		{ background: #191917; }
.macwelt .header        { background: #8E8E8E; }
.iphoneundipad .header	{ background: #292C31; }
.iphonewelt .header		{ background: #292C31; }
.ipadwelt .header		{ background: #292C31; }

#ws_start .header,
#ws_download .header,
.clti_fallback .header {
	background: #1c3249;
	background: -moz-linear-gradient(top,  #1c3249 0%, #53718d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c3249), color-stop(100%,#53718d));
	background: -webkit-linear-gradient(top,  #1c3249 0%,#53718d 100%);
	background: -o-linear-gradient(top,  #1c3249 0%,#53718d 100%);
	background: -ms-linear-gradient(top,  #1c3249 0%,#53718d 100%);
	background: linear-gradient(to bottom,  #1c3249 0%,#53718d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3249', endColorstr='#53718d',GradientType=0 );
}

/* logos */

#logo_main {
	position: absolute;
	display: block;
	top: 50%;
	/* left: 18px; */
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.pcwelt #logo_main			{ width: 157px;	height:  35px; margin-top: -18px; background-image: url(img/header/pcw.png); }
.androidwelt #logo_main		{ width: 140px;	height:  53px; margin-top: -27px; background-image: url(img/header/aw.png); }
.linuxwelt #logo_main		{ width: 123px;	height:  50px; margin-top: -25px; background-image: url(img/header/lw.png); }
.macwelt #logo_main			{ width: 195px;	height:  45px; margin-top: -24px; background-image: url(img/header/mw.png); }
.iphoneundipad #logo_main	{ width: 224px;	height:  35px; margin-top: -20px; background-image: url(img/header/ip.png); }
.iphonewelt #logo_main		{ width: 210px;	height:  35px; margin-top: -20px; background-image: url(img/header/ipw.png); }
.ipadwelt #logo_main		{ width: 185px;	height:  36px; margin-top: -20px; background-image: url(img/header/ipd.png); }
.gamestar #logo_main		{ width: 229px;	height:  44px; margin-top: -22px; background-image: url(img/header/gs.png); }
.makinggames #logo_main		{ width: 135px;	height:  66px; margin-top: -33px; background-image: url(img/header/mgm.png); }
.gamepro #logo_main			{ width: 220px;	height:  32px; margin-top: -16px; background-image: url(img/header/gp.png); }
.simsmagazin #logo_main		{ width: 234px;	height:  53px; margin-top: -26px; background-image: url(img/header/sim.png); }

#ws_start #logo_main,
#ws_download #logo_main,
.clti_fallback #logo_main	{ width: 118px;	height:  43px; margin-top: -25px; background: url(img/header/foundry-logo-white.svg) center center / 118px 43px no-repeat; }

/*
----------------------------------------------------------------------------------------------------------------------
	product menu
----------------------------------------------------------------------------------------------------------------------
*/

.nav_top {
	border-bottom: 1px solid #B3B3B3;
	background: #FFFFFF;
}
.nav_top .container {
	padding: 0;
}
.nav_top ul {
	margin: 0;
	padding:0;
}
.nav_top li {
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
}
.nav_top li a {
	float: left;
	display: block;
	padding: 3px 18px 3px;
	line-height: 1.5em;
	text-decoration: none;
	color: #3F3F3F;
}
.nav_top li a.selected,
.nav_top li a.opened {
	padding-bottom: 1px;
	border-bottom: 2px solid #B3B3B3;
}
.nav_top li a:hover {
	padding-bottom: 1px;
	border-bottom: 2px solid #B3B3B3;
}

.nav_top ul.nav_extra {
	float: right;
}



/* rwd mobile product menu */

.nav_mobile {
	display: none;
	/*
	float: right;
	*/
	position: absolute;
	right: 0;
	top: 0;
}

.nav_mobile .nav_mobile_btn a {
	padding: 3px 18px 3px 45px;
	background: transparent url(img/icons/icon-menu.png) 18px 50% no-repeat;
	background-size: 271px 18px;
}

.nav_mobile .nav_mobile_btn a:hover {
	padding: 3px 18px 3px 45px;
	border: none;
}

.nav_mobile .nav_mobile_btn.active a {
	border-bottom: 2px solid #888888;
	background-color: #888888;
	background-position: -232px 50%;
	color: #FFFFFF;
}

/* rwd */

#nav_product.rwd_show {
	float: none;
	width: 100%;
}

#nav_product.rwd_show li {
	display: block !important;
	float: none;
	width: 100%;
}

#nav_product.rwd_show li a {
	display: inline-block !important;
	float: none;
}

/* nav_product_start */

#nav_product.nav_product_start {
	padding: 0 9px;
}
#nav_product.nav_product_start li a {
    padding: 3px 9px;
}
#nav_product.nav_product_start li a:hover {
	padding-bottom: 1px;
}



/*
----------------------------------------------------------------------------------------------------------------------
	breadcrumb
----------------------------------------------------------------------------------------------------------------------
*/

.breadcrumb {
	padding-top: 20px;
	font-size: 12px;
	color: #3F3F3F;
}
.breadcrumb a {
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}
.breadcrumb a:hover {
	text-decoration: underline;
}



/*
----------------------------------------------------------------------------------------------------------------------
	content
----------------------------------------------------------------------------------------------------------------------
*/

.content {
	padding-top: 60px;
	padding-bottom: 60px;
}
.content .inner {
	/*
	padding: 32px 18px 36px;
	background: #FFFFFF;
	*/
}





/*
----------------------------------------------------------------------------------------------------------------------
	content general
----------------------------------------------------------------------------------------------------------------------
*/

.pr_vat_and_shipping,
.pr_delivery_notice {
	margin-bottom: 0.75em;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: 400;
}
.pr_delivery_notice {
	margin-top: -0.25em;
}
.pr_vat_and_shipping a {
	font-weight: 600;
	color: #71B116;
	text-decoration: none;
}
.pr_vat_and_shipping a:hover {
	text-decoration: underline;
}



/*
----------------------------------------------------------------------------------------------------------------------
	buttons
----------------------------------------------------------------------------------------------------------------------
*/

/*
.btn {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	padding: 0 18px 0 28px;
	border: 0;
	background: #71B116 url(img/icons/btn-arrow.png) 12px 50% no-repeat;
	background-size: 11px 18px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF !important;
}
.btn.grey,
.btn.neutral,
.btn.cancel {
	padding: 0 36px;
	background-image: none;
	background-color: #BBBBBB;
}
.btn.grey:hover,
.btn.neutral:hover,
.btn.cancel:hover {
	padding: 0 36px;
	background-image: none;
	background-color: #CCCCCC !important;
}
.btn.basket {
	padding: 0 20px 0 30px;
	background-position: 18px 50%;
}
.btn.fit {
	display: block;
	width: 100%;
	padding: 0 10px 0 20px;
	background-position: 8px 50%;
	text-align: center;
}
*/
.btn {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	/* overflow: hidden; */
	white-space: normal;
	line-height: 120%;
	padding: 8px 12px 9px 28px;
	border: 0;
	background: #71B116 url(img/icons/btn-arrow.png) 12px 50% no-repeat;
	background-size: 11px 18px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF !important;
}
.btn:hover {
	background-color: #7FBF26 !important;
	text-decoration: none !important;
}

.btn.center {
	display: block;
	margin: 0 auto;
}
.btn.right {
	float: right;
}

.btn.basket {
	text-align: center;
}
.btn.fit {
	display: block;
	width: 100%;
	background-position: 8px 50%;
	text-align: center;
}

.btn.small {
	height: 16px;
	line-height: 16px;
	padding: 0 6px;
	background: #71B116;
	font-size: 11px;
}

.btn.no_arrow {
	padding: 0 36px;
	background-image: none;
}

.btn.grey,
.btn.neutral,
.btn.cancel {
	padding: 8px 12px 9px 12px;
	background-image: none;
	background-color: #BBBBBB;
}
.btn.grey:hover,
.btn.neutral:hover,
.btn.cancel:hover {
	background-color: #CCCCCC !important;
}

.btn.left,
.btn.back {
	padding: 8px 12px 8px 28px;
	background-image: url(img/icons/btn-arrow-back.png);
	background-color: #BBBBBB;
}
.btn.left:hover,
.btn.back:hover {
	background-color: #CCCCCC !important;
}





/*
----------------------------------------------------------------------------------------------------------------------
	ws_start
----------------------------------------------------------------------------------------------------------------------
*/




/*
----------------------------------------------------------------------------------------------------------------------
	start
----------------------------------------------------------------------------------------------------------------------
*/

.content .col-xs-12 {
	float: left;
	width: 100%;
}
.content .col-md-6 {
}
.content .col-md-6 {
	float: left;
	width: 100%;
}
.content .row .col-md-6:first-child {
	margin-left: 0;
}
@media (min-width: 768px) {
	.content .col-md-6 {
		width: 48%;
		margin-left: 4%;
	}
}
#ws_category_start .content .inner {
	background: none;
	color: #666666;
}



/* teaser boxes */

#ws_category_start .content .inner .teaser {
	position: relative;
	margin-bottom: 52px;
	padding: 14px;
	background: #FFFFFF;
	text-align: center;
}
#ws_category_start .content .inner .teaser h2 {
	margin: 0.5em 0 0.75em 0;
	font-size: 24px;
	line-height: 122%;
	font-weight: 600;
	color: #3F3F3F;
}
#ws_category_start .content .inner .teaser h3 {
	margin: 0 0 0.75em 0;
	font-size: 14px;
	font-weight: 400;
}
#ws_category_start .content .inner .teaser img {
	width: 62%;
	margin: 0 auto 3%;
}
#ws_category_start .content .inner .teaser .btn {
	position: absolute;
	right: 14px;
	bottom: 14px;
}



/* main teaser */

#ws_category_start .content .inner .teaser.main {
	padding-bottom: 28px;
}
#ws_category_start .content .inner .teaser.main h2 {
	margin: 0.25em 0 0.5em 0;
	padding: 0;
	font-size: 33px;
	font-weight: 400;
	color: #3F3F3F;
}
#ws_category_start .content .inner .teaser.main h3 {
	font-size: 18px;
	line-height: 140%;
	font-weight: 600;
	color: #3F3F3F;
}
#ws_category_start .content .inner .teaser.main ul {
	margin: 40px 0 20px 0;
}
#ws_category_start .content .inner .teaser.main ul li {
	/*
	margin: 0 0 0 1.0em;
	padding: 0 0 0 0.25em;
	*/
	margin: 0 0 0.5em 1.0em;
	font-weight: 400;
	list-style: none; /* disc outside none; */
}
#ws_category_start .content .inner .teaser.main ul li:before {
	content: "\203A";
	display: inline-block;
	width: 1em;
	margin-left: -1.0em;
	/* padding: 0 0.5em 0 0; */
}
#ws_category_start .content .inner .teaser.main p {
	margin: 0 0 1.0em 0;
}
#ws_category_start .content .inner .teaser.main .btn {
	position: static;
}
#ws_category_start .content .inner .teaser.main .teaser_text {
	float: right;
	width: 53%;
	margin-right: 14px;
	text-align: left;
}
#ws_category_start .content .inner .teaser.main .teaser_text_headline {
	margin-top: 40px;
	font-weight: bold;
}
#ws_category_start .content .inner .teaser.main .teaser_text_headline ~ ul {
	margin-top: 0;
}
#ws_category_start .content .inner .teaser.main .teaser_image {
	width: 36%;
	margin: 0 0 0 7%;
	float: left;
}



/* eyecatcher */

/* macwelt, ... */

#ws_category_start .content .inner .teaser.main .teaser_eyecatcher {
	position: absolute;
	left: 5%;
	bottom: 15%;
	width: 135px;
	height: 135px;
	margin: 0;
	padding: 0;
	background: #71b116;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 20px rgba(255,255,255,0.5);
	-moz-box-shadow:    0 0 0 20px rgba(255,255,255,0.5);
	box-shadow:         0 0 0 20px rgba(255,255,255,0.5);
	color: #FFFFFF;
	display: table;
}
#ws_category_start .content .inner .teaser.main .teaser_eyecatcher .section {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 12%;
}
#ws_category_start .content .inner .teaser.main .teaser_eyecatcher p {
	margin: 0;
}
#ws_category_start .content .inner .teaser.main .teaser_eyecatcher .top {
	margin: -10% 0 0.2em 0;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: 400;
}



/* pcwelt, androidwelt, linuxwelt */

#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher {
	position: absolute;
	left: 0;
	bottom: 8%;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	border-radius: 0;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher .section,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher .section,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher .section {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	margin: 5px 0 0 0;
	padding: 12px 10.833333333333334% 13px;
	background: #CCE5EF;
	color: #002555;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher .section:first-child,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher .section:first-child,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher .section:first-child {
	background: #009FE3;
	color: #FFFFFF;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher .section p,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher .section p,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher .section p {
	margin: 0;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher .section .left,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher .section .left,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher .section .left {
	float: left;
	width: 45px;
	margin: 3px 0 0 0;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: 400;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher .section .right,
#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher .section .right,
#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher .section .right {
	margin-left: 45px;
}





/* individual eyecatcher styles */

#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher.teaser_eyecatcher_pcw_p_dig .section .left {
	width: 100%;
	margin: 4px 0 8px 0;
	letter-spacing: 1px;
}
#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher.teaser_eyecatcher_pcw_p_dig .section .right {
	width: 100%;
	margin: 0;
}





/* kiosk */

/*
#ws_category_start .content .inner .tab {
	display: block;
	margin: 0;
}
#ws_category_start .content .inner .tab h2 {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 14px;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #3F3F3F;
}
*/

/* tab as centered headline */

#ws_category_start .content .inner .tab {
	width: 100%;
	background: #FFFFFF;
}
#ws_category_start .content .inner .tab h2 {
	text-align: center;
    padding: 2% 0 0.25em;
    font-size: 24px;
	font-weight: 600;
	color: #3F3F3F;
}


#ws_category_start .content .inner .kiosk {
	position: relative;
	margin-bottom: 52px;
	padding: 0;
}
#ws_category_start .content .inner .kiosk .col-xs-12 {
	background: #FFFFFF;
	overflow: hidden;
}

#ws_category_start .content .inner .kiosk ul {
	float: left;
	width: 100%;
	padding: 0.8333333333333334%;
	padding-bottom: 0.6%;
}
#ws_category_start .content .inner .kiosk li {
	position: relative;
	float: left;
	width: 25%;
	margin: 0;
	padding: 14px 1.8367346938775513%;
	list-style: none;
	z-index: 1;
}
#ws_category_start .content .inner .kiosk p {
	padding: 2% 0 0 0;
	line-height: 122%;
}




/* cover flip */

#ws_category_start .content .inner .kiosk li a {
	text-decoration: none !important;
}
#ws_category_start .content .inner .kiosk li .panel {
	display: block;
	width: 100%;
	border: 1px solid #CCCCCC;
}



#ws_category_start .content .inner .kiosk li {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;


}
#ws_category_start .content .inner .kiosk li .panel_wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#ws_category_start .content .inner .kiosk li .panel_wrapper .panel_front {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding: 133% 0 0 0;
	overflow: hidden;

}
#ws_category_start .content .inner .kiosk li .panel_wrapper .panel_front img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#ws_category_start .content .inner .kiosk li .panel_wrapper .panel_back {
	display: block;
    position: absolute;

    top: 0;
    left: 0;
	height: 0;
	padding: 0 0 133% 0;
	/*
	padding: 1.4583333333333333%;
	*/
	background: #FFFFFF;
	text-align: center;

    -webkit-transform: rotateY(-180deg) translateZ(1px); /* work around performance & IE font rendering */
    -moz-transform: rotateY(-180deg) translateZ(1px);
    -o-transform: rotateY(-180deg) translateZ(1px);
    -ms-transform: rotateY(-180deg) translateZ(1px);
    transform: rotateY(-180deg) translateZ(1px);
}
#ws_category_start .content .inner .kiosk li .pr_name {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 1.5em 3% 0;
	font-size: 20px;
	line-height: 125%;
}
#ws_category_start .content .inner .kiosk li .pr_evt {
	display: block;
	padding: 0 3%;
	line-height: 136%;
}
#ws_category_start .content .inner .kiosk li .btn {
	position: absolute;
	float: none;
	bottom: 14px;
	left:0; right:0;
	margin: 0 14px;
	text-align: center;
}

/* animation */

#ws_category_start .content .inner .kiosk li .panel_wrapper {
	-webkit-transition: 0.8s linear 0s;
	-moz-transition:    0.8s linear 0s;
	-o-transition:      0.8s linear 0s;
	-ms-transition:     0.8s linear 0s;
	transition:         0.8s linear 0s;
}
#ws_category_start .content .inner .kiosk li:hover .panel_wrapper {
	-webkit-transform: rotateY(-180deg) translateZ(1px);
	-moz-transform:    rotateY(-180deg) translateZ(1px);
	-o-transform:      rotateY(-180deg) translateZ(1px);
	-ms-transform:     rotateY(-180deg) translateZ(1px);
	transform:         rotateY(-180deg) translateZ(1px);
}
#ws_category_start .content .inner .kiosk li .panel_wrapper .panel_front {
	opacity: 1;
    -webkit-transition: opacity 0.4s linear 0s;
    -moz-transition:    opacity 0.4s linear 0s;
    -o-transition:      opacity 0.4s linear 0s;
    -ms-transition:     opacity 0.4s linear 0s;
    transition:         opacity 0.4s linear 0s;
}
#ws_category_start .content .inner .kiosk li:hover .panel_wrapper .panel_front {
	opacity: 0;
    -webkit-transition: opacity 0.6s linear 0s;
    -moz-transition:    opacity 0.6s linear 0s;
    -o-transition:      opacity 0.6s linear 0s;
    -ms-transition:     opacity 0.6s linear 0s;
    transition:         opacity 0.6s linear 0s;
}
#ws_category_start .content .inner .kiosk li .panel_wrapper .panel_back {
    opacity: 0.5;
    visibility: hidden;
    -webkit-transition: opacity 0.4s linear 0.4s, visibility 0s linear 0.8s;
    -moz-transition:    opacity 0.4s linear 0.4s, visibility 0s linear 0.8s;
    -o-transition:      opacity 0.4s linear 0.4s, visibility 0s linear 0.8s;
    -ms-transition:     opacity 0.4s linear 0.4s, visibility 0s linear 0.8s;
    transition:         opacity 0.4s linear 0.4s, visibility 0s linear 0.8s;
}
#ws_category_start .content .inner .kiosk li:hover .panel_wrapper .panel_back {
	visibility: visible;
	opacity: 1;
    -webkit-transition: opacity 0.4s linear 0.4s, visibility 0s linear 0.4s;
    -moz-transition:    opacity 0.4s linear 0.4s, visibility 0s linear 0.4s;
    -o-transition:      opacity 0.4s linear 0.4s, visibility 0s linear 0.4s;
    -ms-transition:     opacity 0.4s linear 0.4s, visibility 0s linear 0.4s;
    transition:         opacity 0.4s linear 0.4s, visibility 0s linear 0.4s;
}





/*
----------------------------------------------------------------------------------------------------------------------
	ws_download
----------------------------------------------------------------------------------------------------------------------
*/

#ws_download .content .inner {
	padding: 28px;
	background: #FFFFFF;
}
#ws_download .content .inner h1 {
	font-weight: 700;
}
#ws_download .content .inner .dltbl {
	width: 100%;
	margin-top: 20px;
}
#ws_download .content .inner .dltbl th {
	font-weight: 700;
}
#ws_download .content .inner .dltbl th,
#ws_download .content .inner .dltbl td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#ws_download .content .inner .dltbl td:first-child {
	text-align: left;
	padding-left: 0;
}
#ws_download .content .inner .dltbl td:last-child {
	text-align: right;
	padding-right: 0;
}
#ws_download .rwd_show {
	display: none;
}
#ws_download .form-group {
	padding-top: 26px;
	margin-bottom: 28px;
}
#ws_download .form-group .control-label {
	float: left;
	text-align: left;
	width: auto;
	padding: 5px 10px 6px 0;
	font-weight: 400;
}
#ws_download .form-group .form-control {
	float: left;
	width: auto;
	margin: 0 10px 10px 0;
}
#ws_download .form-group .btn {

}
#ws_download .box_errormessage {
	margin: 0 0 10px 0;
}

/*
----------------------------------------------------------------------------------------------------------------------
	ws_category
----------------------------------------------------------------------------------------------------------------------
*/

#ws_category .content {
	padding-bottom: 0;
}

#ws_category .content .inner {
	margin-bottom: 56px;
	background: #FFFFFF;
	color: #666666;
}
#ws_category .content .inner.cat_has_children {
	background: none;
}

/* category: subcategory listing */

.cat_children {
	float: left;
	width: 106.25%; /* 1020px; */
	margin: -56px 0 0 0;
	padding: 0;
}
.cat_children li {
	float: left;
	position: relative;
	width: 44.11764%; /* 450px; */
	margin: 56px 5.88235% /* 60px */ 0 0;
	padding: 14px 14px 44px 14px;
	background: #FFFFFF;
	list-style: none;
}

/* full-width columns */

.cat_children li.full_width {
	width: 94.11764705882352%;
	min-height: 255px;
}
#ws_category .cat_children li.full_width h1 {
	text-align: left;
	padding-left: 30%;
}
.cat_children li.full_width p.cat_descr {
	text-align: left;
	padding-left: 30%;
}
.cat_children li.full_width .cat_overviewimg {
	float: left;
	width: 25%;
	max-width: 100%;
	/*
	margin: -30px 0 10px 0;
	*/
	position: absolute;
	top: 10px;
	left: 14px;
}
.cat_children li.full_width .cat_longdescr {
	margin: 0 0 1.0em 0;
	float: right;
	width: 70%;
	color: #3F3F3F;
}
.cat_children li.full_width .cat_longdescr p {
	margin: 0 0 0.75em 0;
	text-align: left;
	line-height: 166%;
}
.cat_children li.full_width .cat_longdescr p a {
	font-weight: 600;
	color: #71B116;
}
.cat_children li.full_width .cat_longdescr ul {
	margin: 0 0 0.75em 1.0em;
	font-size: 13px;
}
.cat_children li.full_width .cat_longdescr ul li {
	float: none;
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
}

/* 3 cols */

.cat_children.cols_3 li {
	width: 27.45098%; /* 280px; */
}

/* 4 cols */

.cat_children.cols_4 li {
	width: 19.11764705882353%; /* 260px / 1020px */
}

/* 5 cols */

.cat_children.cols_5 li {
	width: 16.470588235294116%; /* 168px / 1020px */
	margin: 0 2.941176470588235% /* 30px */ 29px 0;
	padding: 0;
}
.cat_children.cols_5 li a {
	display: block;
	padding: 14px;
}
.cat_children.cols_5 .cat_child h2 {
	margin: 0 0 0.25em 0;
	font-size: 15px;
}
.cat_children.cols_5 .cat_child button {
	position: relative;
	right: auto;
	bottom: auto;
}

.cat_child a {
	text-decoration: none;
}
.cat_child h1,
.cat_child h2 {
	margin: 0 0 0.75em 0;
	padding: 0.25em 0 0 0;
	font-size: 24px;
	line-height: 116%;
	font-weight: 600;
	text-align: center;
}
.cat_child p {
	font-size: 14px;
	line-height: 1.35em;
	text-align: center;
}
.cat_child .cat_overviewimg {
	width: 75%;
	max-width: 100%;
	margin: 0 auto 10px;
}
.cat_child button {
	position: absolute;
	right: 14px;
	bottom: 14px;
	color: #FFFFFF;
}
.cat_child button a {
	color: inherit;
}

/* pseudo-cat listing tpl_apps */

#tpl_magazin_apps h1 {
	text-align: center;
	margin: 0 0 1.25em 0;
    font-size: 20px;
    line-height: 122%;
    font-weight: 600;
    color: #3F3F3F;
}
#tpl_magazin_apps .cat_children li {
	padding: 0;
}
#tpl_magazin_apps .cat_children li a {
	display: block;
	padding: 14px;
}
#tpl_magazin_apps .cat_child h2 {
	margin: 0 0 0.25em 0;
}
#tpl_magazin_apps .cat_child img.cat_overviewimg {
	max-width: 50%;
}
#tpl_magazin_apps .cat_child button {
	position: relative;
	right: auto;
	bottom: auto;
}

/* ws_notify */

#ws_notify .content .inner {
	margin: 0 0 50px 0;
    padding: 32px 18px 36px;
	background: #FFFFFF;
}
#ws_notify .content h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 0.5em;
}
#ws_notify .cat_children {
	padding-top: 50px;
}

/* product listing */

#ws_category h1 {
    text-align: center;
    /* padding: 2% 0 2.6%; */
	padding: 2% 0 0 0;
    margin: 0 0 0.75em;
    font-size: 24px;
    line-height: 122%;
    font-weight: 600;
    color: #3F3F3F;
}
#ws_category p.subhead {
	text-align: center;
	margin: 0 28px 2.6%;
}
#ws_category p.cat_descr {
	margin: 0 0 2.6% 0;
	color: #3F3F3F;
}
#ws_category .products_wrapper {
	margin: 0 0 0 2.7083333333333335%; /* 0 0 0 26px */
	width: 98.33333333333333%; /* 944px */
	overflow: hidden;
}
#ws_category ul.products {
	width: 100%; /* 944px */
	font-size: 0;
}
#ws_category .product_list { /* item */    /* 26 200 36 200 36 200 36 200 26 */
	display: inline-block;
	vertical-align: top;
	margin: 0 3.8135593220338984% 36px 0; /* 0 36px - 0 */
	padding: 0;
	width: 21.1864406779661%; /* 200px */
}

#ws_category .product_list_img {
	width: 100%;
	/* height: 0; */
	/* padding-bottom: 133%; */
	position: relative;
}
#ws_category .product_list_img img {
	width: 100%;
	border: 1px solid #CCCCCC;
}

#ws_category .product_list.no-border .product_list_img img {
	border: none;
}

#ws_category .product_list_content {
	width: 100%;
	margin: 5px 0 0 0;
	text-align: center;
}
#ws_category .product_list_content h4 {
	font-size: 14px;
	line-height: 136%;
	font-weight: 600;
	overflow: hidden;
}
#ws_category .product_list_content h4 a {
	text-decoration: none;
}
#ws_category .product_list_content h4 a:hover {
	text-decoration: underline;
}
#ws_category .product_list_content .pr_descr {
	font-size: 13px;
	line-height: 136%;
}
#ws_category .product_list_content .pr_price {
	padding: 0 0 0.25em 0;
	font-size: 13px;
	line-height: 136%;
}
#ws_category .product_list_depvars {
	width: 100%;
	text-align: center;
}
#ws_category .product_list_depvars .p_depvar_notice {
	font-size: 11px;
	line-height: 136%;
}
#ws_category .product_list_depvars .btn {
	margin-top: 2px;
}
#ws_category.js .product_list_depvars .btn {
	visibility: hidden;
}

#ws_category .cat_longdescr {
	margin: 0 0 1.0em 0;
}


/*
----------------------------------------------------------------------------------------------------------------------
	ws_product
----------------------------------------------------------------------------------------------------------------------
*/

/* construction */

.inner.product {
	margin: 0;
	padding: 0;
	background: none;
}
.product .main .prod_info {
	/*margin-bottom: 100px;*/
	padding: 18px;
	background: #FFFFFF;
}

.product .main .col {
	float: left;
}

.product .main .col_pr_image {
	width: 32%;
}

.product .main .col_prinfo_and_order {
	float: right;
	padding-top: 14px;
	width: 65%;
}
.product .main .col_prinfo {
	width: 46%
}
.product .main .col_prorder {
	float: right;
	width: 49%;
	text-align: right;
}


.product .main .col_pr_image img {
	width: 100%;
}
.einzel .product .main .col_pr_image img,
.download .product .main .col_pr_image img {
	width: 80%;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
}

.no-border .product .main .col_pr_image img {
	border: none;
}

/* product info */

.product .main h1 {
	margin: 0 0 0.75em 0;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 600;
	color: #666666;
}
.product .main .pr_country {
	margin: -1.0em 0 1.0em 0;
	font-size: 11px;
	text-transform: uppercase;
}
.product .main h2,
.product .main .pr_name2 {
	display: block;
	margin: 0 0 0.75em 0;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: 600;
	color: #666666;
}
.product .main .pr_highlights_ul {
	margin-left: 1em;
}
.product .main .pr_highlights_ul li {
	font-size: 14px;
	list-style: disc;
}

.product .main .pr_notice_hinweis {
	padding-top: 10px;
}

.pr_notice_out_of_print {
	font-size: 0.9rem;
	font-weight: 600;
	color: #C41A1A;
}

/* pdfs */
.product .main ul.pr_pdfs {
	padding-top: 1.0em;
}
.product .main ul.pr_pdfs li {
	margin: 0 0 8px 0;
}
.product .main ul.pr_pdfs a {
	display: block;
	padding: 4px 0 4px 30px;
	background: url(img/icons/icon_pdf.png) 0 2px no-repeat;
	background-size: 24px 24px;
	color: #3F3F3F;
}

.product .main .pr_price {
	margin: 0 0 0.5em 0;
	font-size: 30px;
	font-weight: 600;
	color: #666666;
}


/* country choice */

.pr_country_notice {
	margin: 0 0 0.5em 0;
}
.pr_country_notice p {
	margin: 0 0 0.35em 0;
	font-size: 11px;
	line-height: 1.4em;
}
.pr_country_notice ul {
	font-size: 0;
}
.pr_country_notice li {
	display: inline-block;
	margin-left: 4px;
}
.pr_country_notice li img {
	width: 32px;
	height: 21px;
}
.pr_country_notice li.eu img {
	width: 68px;
	height: 21px;
}
.pr_country_notice li.eu_ch img {
	width: 104px;
	height: 21px;
}


/* depvariations */

.pr_depvars {
	margin: 0 0 0.25em 0;

}
.pr_depvariation {
	text-align: left;
}
.col_prorder label {
	display: block;
	font-size: 12px;
	text-align: left;
}
.select_dep_variations {
	width: 100%;
	margin: 0 0 0.5em 0;
}


/* pr_textinputfields */

#ws_product .pr_textinputfields {
	float: left;
	margin: 0 0 0.25em 0;
}
#ws_product .pr_textinputfields_headline_wrapper .note_mandatory_fields {
	margin: 0;
	padding: 0.75em 0 0 0;
}
#ws_product .pr_textinputfields .control-label {
	text-align: left;
	padding: 0;
	font-weight: 400;
}
/*
#ws_product .pr_textinputfields_headline_wrapper.has_additional_address {
	padding-left: 51%;
}
*/
#ws_product .pr_textinputfields_headline {
	margin: 0 0 -0.25em 0;
	padding: 0.25em 0 0 0;
	font-weight: 600;
	text-align: left;
}
#ws_product .note_mandatory_fields {
	margin: 0 0 0.5em 0;
	font-size: 11px;
	text-align: left;
}


/* pr_vars */

#ws_product .form-group {
	float: left;
	width: 100%;
	margin: 0 0 0.5em 0;
}
#ws_product .form-group label {
	float: left;
	width: 100%;
}
#ws_product .form-group input {
	float: left;
	width: 100%;
}
#ws_product .form-group select {
	float: left;
	width: 100%;
}


/* form elements additional address */

#ws_product .col_additional_address {
	float: left;
	width: 100%;
}

#ws_product .col_additional_address .pr_textinputfields_headline_wrapper {
	padding-left: 51%;
}

/*
#ws_product .col_additional_address .box_errormessage {
	margin: 10px 0 0;
	font-weight: 700;
	color: #DE0000;
}
*/
#ws_product .col_additional_address .note_mandatory_fields {
	padding: 0;
}
#ws_product .col_additional_address .form-fields-group {
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
}
#ws_product .col_additional_address .form-group {
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	padding: 7px 0 0 0;
}
#ws_product .col_additional_address .form-group .control-label {
	float: left;
	text-align: right;
	width: 51%;
	padding: 0 2% 0 0;
	text-align: right;
	line-height: 140%;
	font-weight: 700;
}
#ws_product .col_additional_address .form-group input,
#ws_product .col_additional_address .form-group select {
	float: left;
	width: 49%;
	max-width: 400px;
}
#ws_product .col_additional_address .form-group .form-control-group {
	float: left;
	width: 70%;
	max-width: 400px;
}
#ws_product .col_additional_address .form-group .form-control-group .form-control {
	width: auto;
	max-width: inherit;
}
#ws_product .col_additional_address .form-group .form-control-group .input_zip {
	width: 18%;
	margin: 0 2% 0 0;
}
#ws_product .col_additional_address .form-group .form-control-group .input_city {
	width: 80%;
}

#ws_product .col_additional_address .form-group .form-control-group.select_date_of_birth {
}
#ws_product .col_additional_address .form-group .form-control-group.select_date_of_birth select {
	float: left;
	display: block;
	width: 32%;
	margin: 0 0 0 2%;
}
#ws_product .col_additional_address .form-group .form-control-group.select_date_of_birth select:first-child {
	margin: 0;
	max-width: inherit;
}

#ws_product .col_additional_address .form-group p {
	float: left;
	width: 100%;
	padding: 4px 0 0 30%;
	font-size: 12px;
}

#ws_product .pr_notice_epaper_dvd {

	padding-top: 0.75rem;
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: #71b116;

}











/* pr qty and buttons */

.pr_quantity_and_buttons {
	text-align: left;
}
.pr_quantity {
	float: left;
	width: 25% !important; /* override form-control */
}
.pr_order_btn {
	float: right;
	width: 70%;
}
.pr_order_btn.pr_no_quantity_input {
	width: 100%;
}
.has_additional_address .pr_order_btn.pr_no_quantity_input {
	width: 49%;
}
.pr_order_btn .btn.basket {
	width: 100%;
}
.pr_order_btn.pr_change .btn {
	display: block;
	width: 100%;
	margin: 0 0 0.75em 0;
}


/* product app links */

.pr_notice_apps {
	padding-top: 22px;
	text-align: right;
}
.pr_notice_apps p {
	display: inline-block;
	vertical-align: middle;
	/* padding-right: 10px; */
	font-size: 11px;
	line-height: 1.4em;
}
.pr_notice_apps em {
	font-weight: 600;
	color: #71B116;
}
.pr_notice_apps em:hover {
	text-decoration: underline;
}
.pr_notice_apps p {
	padding-bottom: 0.35em;
}
.pr_notice_apps a {
	text-decoration: none;
}
.pr_notice_apps ul {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	padding-left: 10px;
}
.pr_notice_apps ul li {
	display: inline-block;
}
.pr_notice_apps ul li a {
	display: block;
	width: 22px;
	height: 22px;
	background: 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pr_notice_apps ul li.ios a {
	background-image: url(img/product/icon_ios.png);
}
.pr_notice_apps ul li.android a {
	background-image: url(img/product/icon_android.png);
}
.pr_notice_apps ul li.windowsphone a {
	background-image: url(img/product/icon_windowsphone.png);
}





/* product description and cross selling links */

.product .main .prod_details {
	margin-top: 100px;
}
.product .main .prod_details .col {
	/* padding: 14px 28px 14px 14px; */
	padding: 28px 42px 0 28px;
	background: #FFFFFF;
}
.product .main .prod_details .tab {
	display: block;
	margin: -58px 0 42px -28px;
}
.product .main .prod_details .col_prdescr {
	width: 64.27083%;	/* column spacing 30px */
	padding-bottom: 50px;
}
.product .main .prod_details .col_prdescr.no_cslinks {
	width: 100%;
	padding-right: 38%;
}

.product .main .prod_details .col_cslinks {
	float: right;
	width: 32.60416%; /* 313px */
	padding-right: 14px;
	/* padding-left: 28px; */
	padding-left: 14px;
}
.product .main .prod_details .col_cslinks .tab {
	display: block;
	/* margin-left: -28px; */
	margin-left: -14px;
}
.product .main .tab h2 {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 14px;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #3F3F3F;
}



/* product description */

.product .main .pr_descr h3 {
	margin: 0 0 1.0em 0;
	font-weight: 700;
}
.product .main .pr_descr p {
	margin: 0 0 1.0em 0;
	line-height: 1.7em;
}
.product .main .pr_descr h2 {
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.7em;
	color: #3F3F3F;
}
.product .main .pr_descr h2 + h2,
.product .main .pr_descr h2 + p,
.product .main .pr_descr h2 + ul {
	margin-top: -1em;
}
.product .main .pr_descr strong {
	font-weight: 700;
}
.product .main .pr_descr em {
	font-style: italic;
}
.product .main .pr_descr ul {
	margin: 0 0 2.0em 0;
	padding: 1.0em 2.0em 0 2.0em;
}
.product .main .pr_descr li {
	margin: 0 0 0.25em 0;
	list-style: disc outside;
}
.product .main .pr_descr a.pdf {
	display: block;
	padding: 4px 0 4px 32px;
	background: url(img/icons/icon_pdf.png) 0 50% no-repeat;
	background-size: 24px 24px;
}

/* adjust markup fail */
.product .main .pr_descr ul + ul {
	margin-top: -2.0em;
}
.product .main .pr_descr u {
	text-decoration: none;
}


/* cross-selling links */

.cs_links {
	width: 100%;
	color: #3F3F3F;
}
.cs_links li.product_list {
	margin: 0;
	padding: 50px 0 0 0;
	font-size: 12px;
	line-height: 130%;
}
.cs_links li.product_list:first-child {
	padding: 0;
}
.einzel .cs_links li .product_list_img,
.download .cs_links li .product_list_img {
	float: left;
	width: 38%;
}
.cs_links li img {
	width: 100%;
}
.product_list.einzel .cs_links li img,
.product_list.download .cs_links li img {
    border: 1px solid #CCCCCC;
}

.cs_links li .product_list_content {
	float: right;
	width: 60%;
}
.cs_links li .product_list_depvars {
	float: right;
	width: 60%;
}
.cs_links li h4 {
	margin: 0 0 0.25em 0;
	font-weight: 600;
	color: inherit;
}
.product .main .cs_links p {
	margin: 0 0 0.75em 0;
}
.product .main .cs_links .pr_descr {
	margin: 0;
}
.product .main .cs_links .pr_price {
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0 0;
	font-size: 12px;
	font-weight: 600;
	color: inherit;
}
.cs_links li a {
	text-decoration: none;
	color: inherit;
}
.cs_links li a:hover {
	text-decoration: underline;
}
.product .main .cs_links .btn {
    margin: 0.25em 0 20px 0;
}


/*
----------------------------------------------------------------------------------------------------------------------
	ajax dialogs
----------------------------------------------------------------------------------------------------------------------
*/

/* // old version: websale standard
.ajax_modal {
	position: absolute;
	top: 50%;
	left: 50%;
}
.ajax_modal .ajax_container {
	position: relative;
	display: table;
	width: 300px;
	height: 200px;
	left: -150px;
	top: -140px;
	margin: 0;
	padding: 22px 30px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.ajax_modal .ajax_container .ajax_inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.ajax_modal .ajax_container .ajax_inner img {
	margin: 0 auto 10px;
}
.ajax_modal .ajax_container .ajax_inner  p {
	margin: 0 0 1.0em 0;
}
.ajax_modal .ajax_container .ajax_inner  a {
	display: inline-block;
	margin: 0 auto 0.5em;
}
*/

/* ajax depvars */

/* new version: infolayer style */
.ajax_modal {
	display: table;
	width: 100%;
	height: 100%;
}
.ajax_modal .ajax_container {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 22px 30px;
}
.ajax_modal .ajax_container .ajax_inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.ajax_modal .ajax_container .ajax_inner img {
	margin: 0 auto 10px;
}
.ajax_modal .ajax_container .ajax_inner  p {
	margin: 0 0 1.0em 0;
}
.ajax_modal .ajax_container .ajax_inner  a {
	display: inline-block;
	margin: 0 auto 0.5em;
}



/* ajax basket modal */

.ajax_basket_modal {
	position: fixed;
	left: 50%;
	top: 49%;
	width: 560px;
	/* min-height: 404px; */
	z-index: 2000;
	margin: -226px 0 0 -280px;
	border: 14px solid #DBDBDB;
	background: #EDEDED;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}
.ajax_basket_modal .ajax_basket_modal_header {
	position: relative;
	display: table;
	width: 100%;
	height: 100px;
	padding: 8px;
	background: #EDEDED;
	border-bottom: 1px solid #DBDBDB;
}
.ajax_basket_modal .ajax_basket_modal_header .col {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
.ajax_basket_modal .ajax_basket_modal_header .col:first-child {
	vertical-align: middle;
	text-align: left;
}
.ajax_basket_modal .ajax_basket_modal_header p {
	padding: 20px 6px 21px;
	font-size: 15px;
	line-height: 19px;
	font-weight: 700;
}
.ajax_basket_modal .ajax_basket_modal_header a {
	float: right;
	display: block;
	width: 29px;
	height: 29px;
	background: url(img/icons/btn-close.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.ajax_basket_modal .ajax_basket_modal_content {
	/* display: table; */
	min-height: 150px;
	padding: 14px 14px 28px 14px;
	background: #FFFFFF;
	line-height: 136%;
}
.ajax_basket_modal .ajax_basket_modal_content .loading {
	padding: 26px 0 0;
}
.ajax_basket_modal .ajax_basket_modal_content .loading img {
	margin: 0 auto;
}
.ajax_basket_modal .ajax_basket_modal_content .msg_wrapper {
	padding: 20px 0 0 0;
	font-size: 14px;
	line-height: 136%;
	font-weight: 400;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product {
	display: table;
	width: 100%;
	margin: 0 0 14px 0;
	padding: 12px 0 14px 0;
	border-bottom: 1px solid #DBDBDB;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product .ajax_basket_primage {
	display: table-cell;
	width: 15%;
	padding: 0 5% 0 5%;
	vertical-align: middle;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product .ajax_basket_primage img {
	width: 100%;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product .ajax_basket_pr_info {
	display: table-cell;
	width: 70%;
	padding: 0 5% 0 0;
	vertical-align: middle;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product .ajax_basket_pr_info .ajax_basket_pr_name {
	margin: 0 0 0.25em 0;
	font-size: 18px;
	line-height: 125%;
	font-weight: 600;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_product .ajax_basket_pr_info .ajax_basket_pr_name2 {
	font-size: 12px;
	line-height: 125%;
}
.ajax_basket_modal .ajax_basket_modal_content .row {
	display: table;
	width: 100%;
}
.ajax_basket_modal .ajax_basket_modal_content .col {
	display: table-cell;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_amount {
	padding: 0;
	text-align: left;
}
.ajax_basket_modal .ajax_basket_modal_content .ajax_basket_sum {
	padding: 0;
	text-align: right;
}
.ajax_basket_modal .ajax_basket_modal_footer {
	float: left;
	width: 100%;
	min-height: 89px;
	padding: 28px;
	border-top: 1px solid #DBDBDB;
}
.ajax_basket_modal .ajax_basket_modal_footer .col {
	float: right;
	width: 60%;
	text-align: left;
}
.ajax_basket_modal .ajax_basket_modal_footer .col:first-child {
	float: left;
	width: 40%;
	padding-right: 40px;
	text-align: right;
}
.ajax_basket_modal .ajax_basket_modal_footer .col .close {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 2px 14px;
}





/*
----------------------------------------------------------------------------------------------------------------------
	basket page (ws_basket)
----------------------------------------------------------------------------------------------------------------------
*/

#ws_basket .notice_ch {
	margin: 0 0 1.0em 0;
	padding: 1.0em 0 0 0;
	font-size: 12px;
	line-height: 135%;
}


.basket_table {
	width: 100%;
}
.basket_table td {
	padding: 10px 0 10px 20px;
	vertical-align: middle;
}
.basket_table td:first-child {
	padding-left: 0;
}
.basket_table .basket_header_tr {
	font-weight: 700;
}

/* columns */
.basket_table .basket_td_image {
	width: 14%;
}
.basket_table .basket_td_productinfo {
	width: 29%;
}
.basket_table .basket_td_quantity {
	width: 19%;
	text-align: center;
}
.basket_table .basket_td_sum {
	width: 19%;
	text-align: right;
}
.basket_table .basket_td_totalsum {
	width: 19%;
	text-align: right;
}

/* content */

.basket_table .basket_td_image img {
	width: 100%;
}

/* basket table footer */
.basket_table.footer {
	margin: 0 0 50px 0;
}
.basket_table.footer .basket_footer_descr {
	width: 81%;
	text-align: right;
}
.basket_table.footer .basket_footer_price {
	width: 19%;
	text-align: right;
}





/*
----------------------------------------------------------------------------------------------------------------------
	basket responsive (ws_basket)
----------------------------------------------------------------------------------------------------------------------
*/

.basket_wrapper {
	float: left;
	width: 100%;
	margin: 18px 0 20px;
}
.basket_wrapper .row {
	float: left;
	width: 100%;

	padding: 14px 0 14px 0;
	border-top: 1px solid #B3B3B3;
}
.basket_wrapper .row .row {
	padding: 0;
	border: none;
}
.basket_wrapper .col {
	float: left;
	padding: 0 0 0 2%;
}
.basket_wrapper .col:first-child {
	padding: 0;
}

/* header */

.basket_wrapper .basket_header {
	width: 100%;
	font-weight: 600;
}
.basket_wrapper .basket_header .basket_header_product {
	width: 50%;
}
.basket_wrapper .basket_header .basket_header_quantity {
	width: 10%;
	text-align: center;
}
.basket_wrapper .basket_header .basket_header_price {
	width: 20%;
	text-align: right;
}
.basket_wrapper .basket_header .basket_header_sum {
	width: 20%;
	text-align: right;
}

/* product rows construction */

.basket_wrapper .basket_products .basket_prod_img {
	width: 12%;
}
.basket_wrapper .basket_products .basket_prod_details {
	width: 88%;
}
.basket_wrapper .basket_products .basket_prod_info {
	width: 41.86046511627907%;
}
.basket_wrapper .basket_products .basket_prod_quantity {
	width: 11.62790697674419%;
	text-align: center;
}
.basket_wrapper .basket_products .basket_prod_price {
	width: 23.25581395348837%;
	text-align: right;
}
.basket_wrapper .basket_products .basket_prod_price .basket_prod_price_value {
	display: block;
}
.basket_wrapper .basket_products .basket_prod_price .basket_prod_price_vat {
	display: block;
}
.basket_wrapper .basket_products .basket_prod_sum {
	width: 23.25581395348837%;
	text-align: right;
}

/* product info */

.basket_wrapper .basket_products .basket_prod_info .basket_pr_name {
	font-weight: 600;
}
.basket_wrapper .basket_products .basket_prod_info .basket_pr_name2 {
	font-weight: 400;
	font-style: italic;
}
/*
.basket_wrapper .basket_products .basket_prod_info ul.basket_pr_variatons {
}
.basket_wrapper .basket_products .basket_prod_info ul.basket_pr_variatons li {
}
*/
.basket_wrapper .basket_products ul.basket_pr_variatons {
	margin: 0 0 0.5em 0;
	font-size: 11px;
	/*font-style: italic;*/
}
.basket_wrapper .basket_products ul.basket_pr_variatons li {
	line-height: 130%;
}
.basket_wrapper .basket_products ul.basket_pr_variatons li:before {
	margin: 0 0.2em 0 0;
	content: "\203A";
}
.basket_wrapper .basket_products ul.basket_pr_variatons em {
	/*font-style: normal;*/
}


.basket_wrapper .basket_products ul.basket_pr_textinputfields {
	margin: -0.5em 0 0.5em 0;
	font-size: 11px;
}
.basket_wrapper .basket_products ul.basket_pr_textinputfields li {
	line-height: 130%;
}
.basket_wrapper .basket_products ul.basket_pr_textinputfields li:before {
	margin: 0 0.2em 0 0;
	content: "\203A";
}
.basket_wrapper .basket_products ul.basket_pr_textinputfields em {
}

/* product set children construction */

.basket_wrapper .basket_products.pr_set_child {
	width: 100%;
	margin: 0 0 0.75em 0;
	border-top: none;
	font-size: 11px;
	line-height: 1.5em;
}
.basket_wrapper .basket_products.pr_set_child .basket_prod_info {
	width: 53.48837209302326%;
}

/* set children product info */

.basket_wrapper .basket_products .basket_prod_info .basket_pr_set_child_prefix {
	margin: 0 0 0.75em;
	font-size: 11px;
}

.basket_wrapper .basket_products.pr_set_child .basket_prod_info .basket_pr_name {
}


/* product rows content */

.basket_wrapper .basket_products .basket_prod_img img {
	width: 100%;
}
.basket_wrapper .basket_products .basket_prod_img img.einzel {
	border: 1px solid #CCCCCC;
}


/* edit / delete */

.basket_wrapper .basket_products .basket_change_delete_links {
	width: 100%;
	padding: 0;
	font-size: 12px;
}
.basket_wrapper .basket_products .basket_change_delete_links a {
	font-weight: 600;
	color: #71B116;
}


/* basket_subtotal_sum */

.basket_wrapper .basket_footer_name {
	width: 80%;
	text-align: right;
}
.basket_wrapper .basket_footer_value {
	width: 20%;
	text-align: right;
}

/* basket footer */

.basket_wrapper .basket_footer {
	border-bottom: 1px solid #B3B3B3;
}

/* basket voucher */

.basket_wrapper .basket_voucher {
	width: 50%;
}
.basket_wrapper .basket_voucher label {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
}
.basket_wrapper .basket_voucher input.form-control {
	display: inline-block;
	width: auto;
}

/* basket_total_sum */

.basket_wrapper .basket_total_sum {
	width: 50%;
	text-align: right;
}
.basket_wrapper .basket_total_sum .basket_footer_name {
	/*width: 58.33459%;*/
}
.basket_wrapper .basket_total_sum .basket_footer_value {
	/*width: 41.66541%;*/
}
.basket_wrapper .basket_total_sum .basket_order_total {
}
.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_name {
	width: 60% !important;
	margin: 0 0 0.25em 0;
	font-size: 20px;
	font-weight: 600;
}
.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_name .pr_vat_and_shipping {
	padding-top: 0.25em;
}
.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_value {
	width: 40% !important;
	font-size: 20px;
	font-weight: 600;
}

#ws_basket #btn_order,
#ws_basket .btn.back {
	margin: 0 0 20px 0;
}
#ws_basket.checkout .content .inner {
	padding-bottom: 16px;
}

/* rwd stuff */
.basket_wrapper .basket_products .rwd_show {
	display: none;
}


/* checkout: basket */

.basket_wrapper.checkout .basket_total_sum {
	margin-left: 50%;
}
.basket_wrapper .notice_not_eu {
	clear: both;
	margin: 0;
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 135%;
}



/*
----------------------------------------------------------------------------------------------------------------------
	checkout
----------------------------------------------------------------------------------------------------------------------
*/

.checkout .content .inner {
	min-height: 300px;
	padding: 32px 18px 36px;
	background: #FFFFFF;
}

.checkout h1 {
    margin: 0 0 0.75em;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 600;
    color: #666666;
}

.checkout h2 {
	margin: 0 0 0.75em 0;
	padding: 0.5em 0 0 0;
	font-size: 18px;
	font-weight: 600;
}

/* form controls */

input.form-control,
input.ws_pr_text_input,
.form-control select,
.form-control-group select,
select.select_variations,
select.select_dep_variations {
	display: block;

	width: 100%;
	height: 34px;
	line-height: 1.42857;
	padding: 5px 12px;
	border: 1px solid #B3B3B3;
	background: #FFFFFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	font-size: 14px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
}

input.form-control:focus,
input.ws_pr_text_input:focus,
.form-control select:focus,
.form-control-group select:focus,
select.select_variations:focus,
select.select_dep_variations:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.form-control-group {
	font-size: 0;
}
.form-control-group input,
.form-control-group select {
	float: left;
}
.form-control-group.items-2 input,
.form-control-group.items-2 select {
	width: 49%;
	margin: 0 0 0 2%;
}
.form-control-group.items-2 input:first-child,
.form-control-group.items-2 select:first-child {
	margin: 0;
}
.form-control-group.items-3 input,
.form-control-group.items-3 select {
	width: 32%;
	margin: 0 0 0 2%;
}
.form-control-group.items-3 input:first-child,
.form-control-group.items-3 select:first-child {
	margin: 0;
}

/* form errors */

input.input_error,
select.input_error,
.input_error input,
.input_error select {
	background: #F7E5E4;
}

/*
select.select_salutation_error,
select.select_a_salut_error {
	background: #F7E5E4;
}
*/

.ccard_select_validity_error {
	background: #F7E5E4 !important;
}

.form-group p.error {
	float: left;
	width: 100%;
	margin: 2px 0 3px 0;
	padding-top: 4px;
	font-size: 12px;
	line-height: 140%;
	font-weight: 700;
	color: #DE0000;
}

.box_errormessage {
	margin: 10px 0 0;
	font-weight: 700;
	color: #DE0000;
}
.box_errormessage .input_error_ul {
	padding: 0.5em 0 0 0;
}




/*
----------------------------------------------------------------------------------------------------------------------
	ws_address_combined
----------------------------------------------------------------------------------------------------------------------
*/

.form-horizontal {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
.form-fields-group {
	float: left;
	width: 100%;
	margin: 0 0 50px 0;
}
.form-group {
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	padding: 7px 0 0 0;
}
.form-group .control-label {
	float: left;
	width: 30%;
	padding: 0 2% 0 0;
	text-align: right;
	/* line-height: 140%; */
	font-weight: 700;
	cursor: pointer;
}
#ws_address_combined .form-group .control-label {
	line-height: 140%;
}
.form-group .form-control {
	float: left;
	width: 70%;
	max-width: 400px;
}
.form-group .form-control-group {
	float: left;
	width: 70%;
	max-width: 400px;
}
.form-group .form-control-group .form-control {
	width: auto;
	max-width: inherit;
}
.form-group .form-control-group .input_zip {
	width: 18%;
	margin: 0 2% 0 0;
}
.form-group .form-control-group .input_city {
	width: 80%;
}

.form-group .form-control-group.select_date_of_birth {
}
.form-group .form-control-group.select_date_of_birth select {
	float: left;
	display: block;
	width: 32%;
	margin: 0 0 0 2%;
}
.form-group .form-control-group.select_date_of_birth select:first-child {
	margin: 0;
	max-width: inherit;
}
/*
.form-group .form-control-group.select_date_of_birth {
	font-size: 0;
}
*/

.form-fields-group h2 {
	float: left;
	width: 100%;
	padding-left: 30% !important;
}
.form-group p {
	float: left;
	width: 100%;
	padding: 4px 0 0 30%;
	font-size: 12px;
}


/* inline radio buttons */

.form-group.radio-inline {
	padding-left: 30%;
}
.form-group.radio-inline .control-label {
	position: relative;
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
    margin-bottom: 0;
	padding-right: 0;
	padding-left: 20px;
	font-weight: 400;
	cursor: pointer;
}
.form-group.radio-inline input {
	position: absolute;
	float: none;
	display: inline-block;
	margin-top: 4px;
	margin-left: -20px;
	line-height: normal;
}

.radio-inline label + label {
    margin-left: 16px;
    margin-top: 0;
}

.form-group.radio-inline p.error {
	padding-left: 0;
}




/*
----------------------------------------------------------------------------------------------------------------------
	ws_pay_deliv
----------------------------------------------------------------------------------------------------------------------
*/

/* pay_deliv page */
#ws_pay_deliv .box_checkout_steps {
	float: left;
	width: 100%;
	/*max-width: 700px;*/
	margin: 0 0 1.0em 0;
	border-bottom: 1px solid #B3B3B3;
}
#ws_pay_deliv #ws_pay_deliv_form {
    border-top: 1px solid #B3B3B3;
}
#ws_pay_deliv #ws_pay_deliv_form h2 {
	margin-top: 0;
}
#ws_pay_deliv .box_buttons {
	margin-top: 40px;
}

/* paymentdiv / deliverydiv */

#ws_pay_deliv .ws_paymentdiv_main,
#ws_pay_deliv .ws_deliverydiv_main {
	clear: both;
	float: left;
	width: 100%;
	min-height: 42px;
    padding: 14px 0 14px 0;
	border-top: 1px solid #B3B3B3;
}

#ws_pay_deliv .ws_paymentdiv_logo,
#ws_pay_deliv .ws_paymentdiv_clear1,
#ws_pay_deliv .ws_paymentdiv_clear2,
#ws_pay_deliv .ws_paymentdiv_clear3,

#ws_pay_deliv .ws_deliverydiv_logo,
#ws_pay_deliv .ws_deliverydiv_clear1,
#ws_pay_deliv .ws_deliverydiv_clear2,
#ws_pay_deliv .ws_deliverydiv_clear3 {
	display: none;
}

#ws_pay_deliv .ws_paymentdiv_radio,
#ws_pay_deliv .ws_deliverydiv_radio {
	float: left;
	width: 20%;
	padding: 3px 2% 0 0;
}
#ws_pay_deliv .ws_paymentdiv_radio input,
#ws_pay_deliv .ws_deliverydiv_radio input {
	float: right;
}

#ws_pay_deliv .ws_paymentdiv_text,
#ws_pay_deliv .ws_deliverydiv_text {
	float: left;
	width: 80%;
	padding: 0;
}
#ws_pay_deliv .ws_paymentdiv_text .ws_paymentdiv_name,
#ws_pay_deliv .ws_deliverydiv_text .ws_deliverydiv_name {
	/*margin: 0 0 5px 0;*/
	line-height: 136%;
}
#ws_pay_deliv .ws_paymentdiv_text .ws_paymentdiv_remarks,
#ws_pay_deliv .ws_deliverydiv_text .ws_deliverydiv_remarks {
	margin: 0;
	/*padding-top: 5px;*/
}
#ws_pay_deliv .ws_paymentdiv_text .ws_paymentdiv_suffix,
#ws_pay_deliv .ws_deliverydiv_text .ws_deliverydiv_suffix {
	margin: 0.35em 0 0 0;
	font-size: 12px;
	line-height: 140%;
	font-style: italic;
}

.box_checkout_buttons {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 50px;
}





/*
----------------------------------------------------------------------------------------------------------------------
	ws_place_order
----------------------------------------------------------------------------------------------------------------------
*/

/*
#ws_place_order .inner {
}
*/

#ws_place_order form {
	padding-top: 30px;
}

/* box construction */

#ws_place_order .box_checkout_steps_wrapper {
	display: table;
	width: 103.24675324675326%; /* 924 + 30 = 954px; */
	margin: 0 0 50px 0;
}
#ws_place_order .box_checkout_steps {
	float: left;
	width: 100%;
	/*max-width: 700px;*/
	margin: 0;
	/*padding: 28px 18px 29px;*/
	/*background: #FFFFFF;*/
}
#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps {
	float: none;
	display: table-cell;
	vertical-align: top;
	width: 51.57232704%; /* 432px; */
	margin: 0 0 56px 0;  /* 0 30px 56px 0 */
	padding: 0 3.1446540880503147% 0 3.1446540880503147%; /* 0 0 0 30px */
	border-left: 1px solid #B3B3B3;
}
#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps:first-child {
	width: 31.236897274633122% !important; /* 268px; */
	padding: 0 3.1446540880503147% 0 0;
	border: 0;
}
#ws_place_order .box_checkout_steps_wrapper.cols_2 .box_checkout_steps {
}
#ws_place_order .box_checkout_steps_wrapper.cols_2 .box_checkout_steps:first-child {
	width: 48.42767296% !important;
	padding: 0 3.1446540880503147% 0 0;
	border: 0;
}
#ws_place_order .box_checkout_steps_wrapper.cols_3 .box_checkout_steps {
	width: 34.38155136268344%; /* 298px; */
}











#ws_place_order .box_checkout_steps .header_edit {
	float: left;
	width: 100%;
}
#ws_place_order .box_checkout_steps h2.first,
#ws_place_order .box_checkout_steps .header_edit h2 {
	padding: 0;
}
#ws_place_order .box_checkout_steps .header_edit .btn_edit {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 40px;
	height: 39px;
	border: 0;
	background: url(img/icons/edit-icon.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#ws_place_order .box_checkout_steps.basket .header_edit h2 {
	float: left;
	padding-top: 6px;
}
#ws_place_order .box_checkout_steps.basket .header_edit .btn_edit {
	float: right;
	margin: 0 0 5px 0;
}

/* header */

#ws_place_order .box_checkout_steps.intro {
	margin: 0 0 1.0em 0;
}


/* agb */

#ws_place_order .box_checkout_steps.agb {
	margin-bottom: 50px;
	border: 0;
}
#ws_place_order .box_checkout_steps.agb .notify {
	margin: 0 0 2.0em 0;
	padding: 0;
	border: 0;
	background: none;
}
#ws_place_order .box_checkout_steps.agb .notify .notify_inner {
	margin: 0;
	padding: 0 0 0.2em 0;
	font-weight: 700;
	line-height: 130%;
	color: #E50000;
}
#ws_place_order .box_checkout_steps.agb .notify ul.clearing_error_ul {

}
#ws_place_order .box_checkout_steps.agb .notify ul.clearing_error_ul li.clearing_error_li {
	margin-left: 1.0em;
	list-style: disc;
	color: #E50000;
}
#ws_place_order .box_checkout_steps.agb label a {
	font-weight: 600;
}
#ws_place_order .check_order_conditions {
    margin: 0 !important;
}
#ws_place_order .check_order_conditions.error {
	margin-top: -2.0em !important;
	padding: 12px 16px 13px;
	border: 3px solid #E50000;
}
#ws_place_order .check_order_conditions .check_order_conditions_inner {
    margin-left: 22px;
}
#ws_place_order .check_order_conditions input.check_conditions {
    float: left;
    margin: 0.3em 0 0 -22px;
}

/* ehplus, creditcard, bank */

#ws_place_order .box_checkout_steps .form-group .control-label {
    cursor: pointer;
    float: none;
    font-weight: 700;
    padding: 0;
    text-align: right;
    width: auto;
}

#ws_place_order .box_checkout_steps .form-group .form-control-group {
    float: none;
    max-width: none;
    width: auto;
}

#ws_place_order .box_checkout_steps .form-group .form-control {
    float: none;
    max-width: none;
    width: 100%;
}
#ws_place_order .box_checkout_steps .form-group p.error {
    float: none;
    margin: 2px 0 3px;
    padding: 0;
    width: 100%;
}

/* billing address */

/* basket */
#ws_place_order .basket_wrapper {
    margin: 0;
	/*
    padding: 15px 15px 17px 15px;
	border: 3px solid #B3B3B3;
	*/
}

#ws_place_order #button_place_order {
	height: 48px;
	line-height: 48px;
	margin-bottom: 24px;
	padding: 0 46px 0 60px;
	font-size: 16px;
	font-weight: 600;
}





/*
----------------------------------------------------------------------------------------------------------------------
	confirm
----------------------------------------------------------------------------------------------------------------------
*/

#ws_confirm h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 0.5em;
}
#ws_confirm h1 + h2 {
    margin-top: -1em;
}
#ws_confirm h2 {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0 0 0.75em;
}






/*
----------------------------------------------------------------------------------------------------------------------
	content pages
----------------------------------------------------------------------------------------------------------------------
*/

/* tpls */

.page .content .inner {
	min-height: 300px;
	/* padding: 32px 18px 36px; */
	padding: 32px 32px 34px 32px;
	background: #FFFFFF;
}
.page .content h1 {
	margin: 0 0 0.5em 0;
	font-size: 24px;
	line-height: 120%;
	font-weight: 600;
}
.page .content h2 {
	display: block;
	margin: 0 0 0.75em 0;
	padding: 1.25em 0 0 0;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 600;
}
.page .content h1 + h2 {
	margin-top: -0.5em;
	padding: 0;
}
.page .content h3 {
	font-weight: 700;
}
.page .content h3 {
	padding: 1.0em 0 0 0;
	margin: 0 0 1.0em 0;
	font-weight: 700;
}
.page .content p {
	margin: 0 0 1.0em 0;
}
.page .content ul {
	margin: 0 0 1.0em 2.0em;
}
.page .content li {
	margin: 0 0 0.5em 0;
	list-style: disc outside;
}





/*
----------------------------------------------------------------------------------------------------------------------
	content page: gamestar plus
----------------------------------------------------------------------------------------------------------------------
*/

.page .gsplus-flag {
	margin: 0 0 10px -32px;
}
.page .gsplus-flag img {
	width: 32%;
	padding-top: 18px;
}
.page .gsplus-teaser img {
	width: 100%;
	margin: 0 auto 36px;
}
.page .content ul.gsplus-list {
	float: left;
	width: 100%;
	margin: 0;
}
.page .gsplus-list li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 20px 10px 94px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 72px 72px;
	list-style: none;
}
.page .gsplus-list li.gsplus-icon-play {
	background-image: url(img/content/gsplus/gamestar-plus-icon-play@2x.png);
}
.page .gsplus-list li.gsplus-icon-noads {
	background-image: url(img/content/gsplus/gamestar-plus-icon-noads@2x.png);
}
.page .gsplus-list li.gsplus-icon-video {
	background-image: url(img/content/gsplus/gamestar-plus-icon-video@2x.png);
}
.page .gsplus-list li.gsplus-icon-archive {
	background-image: url(img/content/gsplus/gamestar-plus-icon-archive@2x.png);
}
.page .gsplus-list li.gsplus-icon-onepage {
	background-image: url(img/content/gsplus/gamestar-plus-icon-onepage@2x.png);
}
.page .gsplus-list li.gsplus-icon-payment {
	background-image: url(img/content/gsplus/gamestar-plus-icon-payment-4@2x.png);
}
.page .gsplus-list li h3 {
	margin-bottom: 0.75em;
	padding-top: 0;
}
.page .gsplus-list li p {

}
.page .gsplus-footer {
	float: left;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 24px 24px 28px 24px;
	background: #EEEEEE;
}
.page .gsplus-footer p {
	margin: 0 0 0.75em 0;
	font-size: 18px;
	text-transform: uppercase;
}
.page .gsplus-footer p:first-child {
	margin: 0 0 0.5em 0;
}
.page .gsplus-footer a.gsplus-btn {
	position: relative;
	height: 50px;
	padding: 0 44px 0 25px;
	margin: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #00BB00;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	text-transform: none;
}
.page .gsplus-footer a.gsplus-btn:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 20px;
	width: 11px;
	height: 18px;
	margin-top: -8px;
	background: transparent url(img/content/gsplus/gamestar-plus-icon-arrow-right@2x.png) 0 50% no-repeat;
	background-size: 11px 18px;
}
.page .gsplus-footer a.gsplus-btn:hover,
.page .gsplus-footer a.gsplus-btn:focus {
    background-color: #00D200 !important;
    text-decoration: none;
    transition: background 0.3s ease-in 0s;
}



/*
----------------------------------------------------------------------------------------------------------------------
	content page: gamestar pc
----------------------------------------------------------------------------------------------------------------------
*/

.page .gspc-teaser {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 0 20px 0;
	padding-bottom: 48.25737%;
	background: #00448F;
}
.page .gspc-teaser img {
	position: absolute;
	top: 0;
	left: 14.5%;
	width: auto;
	height: 100%;
}
.page .gspc-main {
	margin: 0 0 20px 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.page .gspc-main p {
	margin: 0 0 1.5em 0;
}
.page .gspc-footer {
	text-align: center;
}





/*
----------------------------------------------------------------------------------------------------------------------
	ueber uns
----------------------------------------------------------------------------------------------------------------------
*/

#tpl_ueber .content img.teaser_image {
	float: right;
	width: 25%;
	margin: 0 0 10px 2%;
}
#tpl_ueber .content ul {
	float: left;
	display: block;
	width: 73%;
	margin: 0 0 1.0em 0;
	padding: 0 0 0 1.0em;
}
#tpl_ueber .content ul li {
	margin: 0 0 0.25em 0;
}

#tpl_ueber .content .buying_options {
	width: 100%;
	margin: 0 0 2.0em 0;
}
#tpl_ueber .content .buying_options .col {
	float: left;
	width: 33%;
}
#tpl_ueber .content .buying_options .col .headline {
	margin-left: 0.5em;
	padding: 0.25em 1.0em 0.3em 1.0em;
	background: #EBEBEB;
	font-weight: bold;
}
#tpl_ueber .content .buying_options .col:first-child .headline {
	margin-left: 0;
}
#tpl_ueber .content .buying_options .col .option {
	margin-left: 0.5em;
}
#tpl_ueber .content .buying_options .col:first-child .option {
	margin-left: 0;
}
#tpl_ueber .content .buying_options .col .option .small {
	font-size: 84%;
}
#tpl_ueber .content .buying_options .col .option a {
	display: block;
	padding: 0.75em 1.0em 0.85em 1.0em;
	border-bottom: 1px solid #EBEBEB;
	text-decoration: none;
}
#tpl_ueber .content .buying_options .col .option a:hover {
	background: #FFFECC;
}

#tpl_ueber ul.chain_list {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#tpl_ueber ul.chain_list li {
	float: left;
	list-style: none;
	margin: 0 0 0 -0.25em;
	padding: 0;
}
#tpl_ueber ul.chain_list li:after {
	content: '·';
	float: left;
	text-align: center;
	width: 1.5em;
}
#tpl_ueber ul.chain_list li:last-child:after {
	content: '';
	width: 0;
}
#tpl_ueber ul.chain_list li:first-child {
	margin: 0;
}
#tpl_ueber ul.chain_list li a {
	float: left;
	display: block;
}




/*
----------------------------------------------------------------------------------------------------------------------
	inquiry
----------------------------------------------------------------------------------------------------------------------
*/

/*
.inquiry .form-group {
	max-width: 670px;
}
*/




/*
----------------------------------------------------------------------------------------------------------------------
	modals
----------------------------------------------------------------------------------------------------------------------
*/

.modal body {
	overflow-y: auto;
}
.modal body {
	background: white;
}
.modal body .content {
	margin: 0;
	padding: 14px 28px 14px 14px;
}

/* ehplushelp */

#tpl_ehplushelp.modal .section {
	max-width: 310px;
}
#tpl_ehplushelp.modal .section img {
	width: 100%;
}
#tpl_ehplushelp.modal.page .content h3 {
	clear: both;
}

/* cchelp */

.modal .section {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}
.modal .section img {
	float: left;
	margin: 0 20px 0 0;
}
.modal .section p {

}










/*
----------------------------------------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------------------------------------
*/

.footer {
	padding: 50px 0 34px 0;
	font-size: 12px;
	line-height: 160%;
}
.footer h4 {
	margin: 0 0 1.0em 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 170%;
}
.footer a {
	display: block;
	padding: 2px 0 3px 0;
	text-decoration: none;
	color: inherit;
}
.footer a:hover {
	text-decoration: underline;
}
.footer p {
	padding: 2px 0 3px 0;
}

.footer .col {
	float: left;
	width: 25%;
}
.footer .footer_item {
	float: left;
	width: 100%;
	min-height: 165px;
	padding: 0 10% 26px 0;
}



.footer.footer_section_service {
	background: #DBDBDB;
	color: #666666;
}
.footer .footer_item.customer_service {
	min-height: inherit;
}
.footer.footer_section_service .footer_logo {
	float: left;
	display: block;
	width: 68px;
	height: 67px;
	margin: 0 12px 8px 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.footer.footer_section_service .carbon_neutral_shop span {
	background-image: url(img/icons/logo-klimaneutraler-shop.png);
}
.footer.footer_section_service .payment_methods .payment_paypal {
	background: url(img/icons/icon-paypal-footer.png) 0 0 no-repeat;
	background-size: 72px 18px; /* 144 x 36 */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.footer.footer_section_service .privacy_policy a {
	/* background-image: url(img/icons/logo-idg-datenschutzkodex.png); */
}

.footer.footer_section_service .hotline h4 {
	margin: 0 0 2px 0;
}
.footer.footer_section_service .hotline .hotline_number {
	margin: 0 0 2px 0;
	font-size: 14px;
	font-weight: 600;
}
.footer.footer_section_service .hotline .hotline_business_hours {
	margin: 0 0 26px 0;
	font-weight: 600;
}


.footer.footer_section_shops {
	background: #999999;
}
.footer.footer_section_shops .col {
	/* width: 33%; */
	padding: 0 2% 26px 0;
}
.footer.footer_section_shops a {
	padding: 0;
	font-size: 14px;
	line-height: 200%;
	font-weight: 600;
	color: #FFFFFF;
}



.footer.footer_section_copyright {
	padding: 10px 0 10px 0;
	background: #666666;
	font-weight: 600;
	color: #B2B2B2;
}
.footer.footer_section_copyright .copyright {
	float: left;
}
.footer.footer_section_copyright .pr_vat_and_shipping {
	float: right;
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}
.footer.footer_section_copyright a {
	display: inline;
	text-decoration: underline;
	color: #B2B2B2;
}
.footer.footer_section_copyright .copyright a {
	text-decoration: none;
}


/* nojswarning */

html body {
	margin-top: 100px;
}
html.js body {
	margin-top: 0 !important;
}

.nojswarning {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height: 100px;
    z-index: 1000;
	padding: 14px 14px 14px 54px;
    border-bottom: 1px solid #A29330;
    background: #FDF0A9 url(img/icons/icon-warning.png) 14px 18px no-repeat;
	background-size: 24px 24px;
}

.nojswarning p {
	position: relative;
	overflow: auto;
    text-align: left;
    width: 100%;
	height: 72px;
    margin: 0;
    padding: 0 14px 0 0;
    font-weight: 600;
    color: #000000;
}



/*
----------------------------------------------------------------------------------------------------------------------
	colorbox
----------------------------------------------------------------------------------------------------------------------
*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999966; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe {width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {background:#FFFFFF;}
#colorbox {	outline:0; }
    #cboxTopLeft {width:25px; height:25px;}
    #cboxTopCenter {height:25px;}
    #cboxTopRight {width:25px; height:25px;}
    #cboxBottomLeft {width:25px; height:25px;}
    #cboxBottomCenter {height:25px;}
    #cboxBottomRight {width:25px;}
    #cboxMiddleLeft {width:25px;}
    #cboxMiddleRight {width:25px;}
    #cboxContent {
		overflow: hidden;
		padding: 14px;
		background: #FFFFFF;
		-webkit-box-shadow: 0 2px 6px 0 #999;
		-moz-box-shadow: 0 2px 6px 0 #999;
		box-shadow: 0 2px 6px 0 #999;
	}
        .cboxIframe { background:#FFFFFF; }
        #cboxError { padding:50px; border:1px solid #CCCCCC; }
        #cboxLoadedContent { margin-top: 30px; }
        #cboxTitle { display: none; }
        #cboxCurrent { display: none; }
        #cboxLoadingOverlay { background: #FFFFFF url(img/icons/loading.gif) 50% 49% no-repeat; }

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
			border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;
		}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active  {outline:0;}

        #cboxSlideshow {position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious {position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext {position:absolute; bottom:0px; left:63px; color:#444;}

		#cboxClose {
			position: absolute;
			top: 8px;
			right: 8px;
			width: 29px;
			height: 29px;
			background: url(img/icons/btn-close.png) 0 0 no-repeat;
			background-size: 29px 29px;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
		}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* image content in colorbox-layer */

.einzel img.cboxPhoto {
	border: 1px solid #CCCCCC;
}

/* text content in colorbox-layer */

#cboxContent .inner {
	padding: 14px 28px 14px 14px;
}
#cboxContent h1 {
	margin: 0 0 1.0em 0;
	font-size: 24px;
	font-weight: 600;
}
#cboxContent h1 + h2 {
	margin-top: -1.0em;
}
#cboxContent h2 {
	display: block;
	margin: 0 0 0.75em 0;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: 600;
}
#cboxContent h3 {
	padding: 1.0em 0 0 0;
	margin: 0 0 1.0em 0;
	font-weight: 700;
}
#cboxContent p {
	margin: 0 0 1.0em 0;
}
#cboxContent ul {
	margin: 0 0 1.0em 2.0em;
}
#cboxContent li {
	margin: 0 0 0.5em 0;
}
#cboxContent strong {
	font-weight: 600;
}
#cboxContent a {
	font-weight: 600;
	text-decoration: underline;
	color: #777777;
}
#cboxContent a:hover {
	text-decoration: none;
}





/* colorbox for praemie details */

#pr_praemie_layer {
	padding: 0 50px;
}
#pr_praemie_layer img {
	float: left;
	width: 41.55124653739612%; /* 300px; */
	height: auto;
}
#pr_praemie_layer .pr_praemie_descr {
	float: right;
	width: 52%;
	padding-top: 16px;
}
#pr_praemie_layer .pr_praemie_descr h1 {
	line-height: 120%;
}
#pr_praemie_layer .pr_praemie_descr ul {
	clear: both;
}
#pr_praemie_layer .pr_praemie_descr ul li {
	list-style: outside disc;
}
.pr_image_notice {
	text-align: center;
	font-size: 11px;
}
.product .main .col_pr_image.has_praemie {
	cursor: pointer;
}



/*
----------------------------------------------------------------------------------------------------------------------
	tools & tests
----------------------------------------------------------------------------------------------------------------------
*/

.test_mode_notice {
	padding: 0 6px 0 6px;
	background: #FFEE00;
	font-family: Consolas, "Courier New", Courier, monospace;
	font-size: 12px !important;
	color: #000000 !important;
}
.test_mode .pr_setproduct_box {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	border: 1px solid orangered !important;
}
.test_mode .col_additional_address {
	padding-top: 5px;
	border-top: 3px dotted red !important;
}








/*
----------------------------------------------------------------------------------------------------------------------
	responsiveness
----------------------------------------------------------------------------------------------------------------------
*/

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

	/* global */

	#wrapper {
		width: 100%;
	}
	.container {
		width: 100%;
		margin: 0;
		/*
		padding-right: 18px;
		padding-left: 18px;
		*/
	}

	/* header */
	.nav_meta .subshop_list {
		font-size: 13px;
	}
	.nav_meta #WK-Short {
		width: 25%;
	}
	.nav_meta #WK-Short a {
		font-size: 13px;
	}

	#ws_start .nav_top #nav_product li.rwd_hide,
	#ws_download .nav_top #nav_product li.rwd_hide,
	.clti_fallback .nav_top #nav_product li.rwd_hide {
		display: none;
	}
	#ws_start .nav_mobile,
	#ws_download .nav_mobile,
	.clti_fallback .nav_mobile {
		display: block;
	}

	/* ws_category */

	.cat_children.cols_3 li {
		width: 44.11764%; /* switch back to 2 columns */
	}
	.cat_child .cat_overviewimg {
		width: 100%;
	}

}

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

	/* gamestar / gs plus menu items */
	.gamestar .nav_mobile {
		display: block;
	}
	.gamestar .nav_top #nav_product li.level2_li_3,
	.gamestar .nav_top #nav_product li.level2_li_4,
	.gamestar .nav_top #nav_product li.level2_li_5,
	.gamestar .nav_top #nav_product li.level2_li_6,
	.gamestar .nav_top #nav_product li.level2_li_7,
	.gamestar .nav_top #nav_product li.level2_li_8,
	.gamestar .nav_top #nav_product li.level2_li_9,
	.gamestar .nav_top #nav_product li.level2_li_10 {
		display: none;
	}
	.gamestar .nav_extra {
		display: none;
	}
	.gamestar .nav_top ul.nav_extra.rwd_show {
		float: left;
		display: block;
	}

}

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

	/* header */
	.nav_meta .subshop_list {
		font-size: 12px;
	}
	.nav_meta #WK-Short {
		width: 27%;
	}
	.nav_meta #WK-Short a {
		font-size: 12px;
	}

	/* basket */

	.basket_wrapper .basket_voucher input.form-control {
		width: 50%;
	}

}

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

	/* start */

	#ws_category_start .content .inner .kiosk li .pr_name {
		padding-top: 0.5em;
	}

}

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

	#ws_category_start .content .inner .kiosk li .pr_name {
		font-size: 18px;
	}

}

/* <= ipad portrait */
@media only screen and (max-width: 768px) {

	/* start page */

	#ws_category_start .content .inner .teaser.main ul {
		margin: 0 0 20px 0;
	}

	#ws_category_start .content .inner .teaser.main .teaser_image {
		float: left;
		margin: 0 0 0 2%;
		width: 36%;
	}

	#ws_category_start .content .inner .teaser.main .teaser_eyecatcher {
		width: 135px;
	}

	#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher {
		width: 39%;
	}

	/* tpl_gamestar_pc */

	.page .gspc-main {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	/* page tpl_ueber */

	#tpl_ueber .content .buying_options .col {
		width: 100%;
		margin: 2.0em 0 0 0;
	}
	#tpl_ueber .content .buying_options .col:first-child {
		margin: 0;
	}

}






/* < ipad portrait */
@media only screen and (max-width: 767px) {

	.nav_meta .subshop_list {
		display: none;
	}

	.nav_meta #WK-Short a.shortbasket_text {
		display: none;
	}

	.nav_mobile {
		display: block;
	}

	.nav_top #nav_product li.level2_li_3,
	.nav_top #nav_product li.level2_li_4,
	.nav_top #nav_product li.level2_li_5,
	.nav_top #nav_product li.level2_li_6,
	.nav_top #nav_product li.level2_li_7,
	.nav_top #nav_product li.level2_li_8,
	.nav_top #nav_product li.level2_li_9,
	.nav_top #nav_product li.level2_li_10 {
		display: none;
	}

	.nav_extra {
		display: none;
	}
	.nav_top ul.nav_extra.rwd_show {
		float: left;
		display: block;
	}


	/* content */
	.content {
		padding-top: 20px;
	}

	/* start page */

	#ws_category_start .content .inner .kiosk {
		padding: 14px 0 14px 0;
		background: #FFFFFF;
	}

	#ws_category_start .content .inner .kiosk ul li {
		width: 50%;
	}
	#ws_category_start .content .inner .kiosk ul li .panel_wrapper {
		width: 75%;
		margin: 0 auto;
	}
	#ws_category_start .content .inner .kiosk p {
		text-align: center;
	}

	/* product page */

	.product .main .prod_details .col {
		padding: 14px 14px 50px 14px;
	}
	.product .main .prod_details .col_prdescr {
		width: 100%;
		margin-bottom: 70px;
	}
	.product .main .prod_details .col_prdescr.no_cslinks {
		padding-right: 14px;
		width: 100%;
	}
	.product .main .prod_details .tab {
		margin: -44px 0 42px -14px;
	}

	/* cslinks */

	.product .main .prod_details .col_cslinks {
		float: left;
		width: 100%;
	}
	.einzel .cs_links li .product_list_img, .download .cs_links li .product_list_img {
		width: 26%;
	}
	.cs_links li .product_list_content {
		width: 68%;
	}

	/* basket */

	.basket_wrapper .basket_voucher {
		width: 100%;
		/* padding-bottom: 10px !important; */
		margin-bottom: 10px !important;
		border-bottom: 1px solid #B3B3B3;
	}
	.basket_wrapper .basket_voucher input {
		margin-bottom: 10px;
	}

	.basket_wrapper .basket_total_sum {
		width: 100%;
	}
	.basket_wrapper.checkout .basket_total_sum {
		margin-left: 0;
	}
	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_name {
		width: 80% !important;
	}
	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_value {
		width: 20% !important;
	}

	/* footer */

	.footer .col {
		float: left;
		width: 50%;
	}

	.footer.footer_section_copyright .pr_vat_and_shipping {
		float: left;
		width: 100%;
	}

	/* ws_notify */

	#ws_notify .cat_children.cols_5 li {
		width: 29.411764705882355%; /* 300px / 1020px */
	}

	/* tpl_magazin_apps */

	#tpl_magazin_apps .cat_children.cols_4 li {
		width: 44.11764%; /* switch back to 2 columns */
	}

	/* ws_download */

	#ws_download .content .inner .dltbl th {
		display: none;
	}
	#ws_download .rwd_show {
		display: block;
	}
	#ws_download .content .inner .dltbl td {
		display: block;
		text-align: left;
		width: 100%;
		padding: 0;
		border: none;
	}
	#ws_download .content .inner .dltbl td:first-child {
		padding: 10px 0 10px 0;
	}
	#ws_download .content .inner .dltbl td:last-child {
		padding: 0 0 10px 0;
		border-bottom: 1px solid #CCCCCC;
	}
	#ws_download .content .inner .dltbl td span {
		display: inline;
		font-weight: 700;
	}

	/* tpl_gamestar_plus */

	.page .gsplus-list li {
		width: 100%;
	}

}


/* <= 640 */
@media only screen and (max-width: 640px) {

	/* start */

	#ws_category_start .content .inner .kiosk li .pr_name {
		font-size: 14px;
	}
	#ws_category_start .content .inner .kiosk li .pr_evt {
		font-size: 12px;
	}

	/* category page */

	/* einzel */

	#ws_category .product_list.einzel .btn {
		font-size: 12px;
	}

	/* product page */

	.product .main .col_prinfo_and_order {
		width: 100%;
	}
	.product .main .col_prorder {
		margin-top: -30%;
	}

	.product .main .prod_details {
		margin-top: 75px;
	}

	/* modal */

	.ajax_basket_modal {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.ajax_basket_modal .ajax_basket_modal_header {
		height: auto;
	}
	.ajax_basket_modal .ajax_basket_modal_header p {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ajax_basket_modal .ajax_basket_modal_content {
		min-height: auto;
	}

	.ajax_basket_modal .ajax_basket_modal_footer {
		min-height: auto;
		padding: 14px;
	}

	.ajax_basket_modal .ajax_basket_modal_footer .col .close {
		display: inline-block;
		height: auto;
		line-height: 136%;
		padding: 2px;
	}

	/* basket */

	.basket_wrapper .basket_header .basket_header_quantity,
	.basket_wrapper .basket_header .basket_header_price,
	.basket_wrapper .basket_header .basket_header_sum {
		display: none;
	}

	.basket_wrapper .basket_products .rwd_show {
		display: inline;
	}

	.basket_wrapper .basket_products .basket_prod_info,
	.basket_wrapper .basket_products .basket_prod_quantity,
	.basket_wrapper .basket_products .basket_prod_price,
	.basket_wrapper .basket_products .basket_prod_sum {
		float: none;
		width: 100%;
		padding: 0;
		text-align: left;
	}

	.basket_wrapper .basket_products.pr_set_child .basket_prod_info {
    	width: 100%;
	}

	.basket_wrapper .basket_products .basket_prod_price .basket_prod_price_value {
		display: inline;
	}
	.basket_wrapper .basket_products .basket_prod_price .basket_prod_price_vat {
		display: inline;
	}

	.basket_wrapper .basket_products .basket_prod_sum {
		margin: 0 0 1.0em 0;
	}

	.basket_wrapper .basket_products .basket_change_delete_links {
		margin-top: -1.0em;
	}

	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_name,
	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_value {
		font-size: 16px !important;
	}

	/* ws_address */

	#ws_address_combined .control-label {
		width: 100%;
		text-align: left;
	}
	#ws_address_combined .form-control {
		max-width: inherit;
		width: 100%;
	}
	#ws_address_combined .form-control-group {
		max-width: inherit;
		width: 100%;
	}
	#ws_address_combined .form-group .form-control-group .input_zip {
		width: 28%;
	}
	#ws_address_combined .form-group .form-control-group .input_city {
		width: 70%;
	}
	#ws_address_combined .form-group p {
		padding-left: 0;
	}

	/* ws_place_order */

	#ws_place_order .box_checkout_steps_wrapper {
		width: 100%;
	}
	#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps {
		float: left;
		display: block;
		width: 100% !important;
		margin: 0 0 50px 0 !important;
		padding: 0 !important;
		border: none;
	}
	#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps:first-child {
		width: 100% !important;
		/* margin: 0 !important; */
	}
	#ws_place_order .box_checkout_steps .form-fields-group {
		margin: 0 !important;
	}
	#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps .control-label,
	#ws_place_order .box_checkout_steps_wrapper .box_checkout_steps .form-control {
		width: 100%;
	}

	/* tpl_gamestar_plus */

	.page .gsplus-flag img {
		width: 40%;
		margin: 0 0 20px 0;
	}

	/* tpl_gamestar_pc */

	.page .gspc-main {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

    /* colorbox layer praemie */

	#pr_praemie_layer {
		padding: 0 25px;
	}
	#pr_praemie_layer img {
		padding: 0 25px 22px 0;
	}
	#pr_praemie_layer .pr_praemie_descr {
		float: none;
		width: 100%;
		padding-top: 0;
	}

}



/* <= iphone landscape */
@media only screen and (max-width: 480px) {

	/* start page */

	#ws_category_start .content .inner .kiosk ul li {
		width: 100%;
	}
	#ws_category_start .content .inner .kiosk ul li .panel_wrapper {
		width: 50%;
		margin: 0 auto;
	}

	#ws_category_start .content .inner .kiosk li .pr_name {
		font-size: 18px;
	}
	#ws_category_start .content .inner .kiosk li .pr_evt {
		font-size: 12px;
	}
	#ws_category_start .content .inner .kiosk li .btn {
		font-size: 12px;
	}

	.footer .col {
		float: left;
		width: 100%;
	}

	/* category page */

	/* abo */
	.cat_children li {
		width: 94.11764705882352%;
	}

	/* basket */

	.basket_wrapper .basket_footer_name {
		width: 60%;
	}
	.basket_wrapper .basket_footer_value {
		width: 40%;
	}
	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_name {
		width: 60% !important;
	}
	.basket_wrapper .basket_total_sum .basket_order_total .basket_footer_value {
		width: 40% !important;
	}

	/* ws_download */

	#ws_download .content .inner .dltbl .btn {
		width: 100%;
		margin-top: 10px;
	}

	/* tpl_gamestar_plus */

	.page .gsplus-flag img {
		width: 70%;
	}
	.page .gsplus-list li {
		padding-left: 74px;
		background-size: 60px;
	}
	.page .gsplus-footer a.gsplus-btn {
		height: auto;
		padding-top: 10px;
		padding-bottom: 11px;
		line-height: 120%;
	}

}


/* < iphone landscape */
@media only screen and (max-width: 479px) {

	/* header */

	.header .container .inner {
		background-size: 90px 38px; /* 272 x 114 */
	}

	/* start page */

	#ws_category_start .content .inner .teaser.main .teaser_text {
		float: none;
		width: 100%;
	}

	#ws_category_start .content .inner .teaser.main .teaser_image {
		width: 100% !important;
		margin: 10px 0 0 0;
	}

	#ws_category_start .content .inner .teaser .btn {
		float: right;
	}

	#ws_category_start .content .inner .teaser.main .teaser_eyecatcher {
		width: 135px;
		bottom: 2%;
	}

	#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher {
		width: 50%;
		bottom: 2%;
	}

	/* individual eyecatcher styles */

	#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher.teaser_eyecatcher_pcw_p_dig .section .left {
		font-size: 26px;
	}

	/* category */

	/* abo */

	.cat_children.cols_3 li {
		width: 94.11764705882352%; /* 960 / 1020 // 450 / 1020 // */
	}

	/* full width column */

	#ws_category .cat_children li.full_width h1 {
		text-align: center;
		padding-left: 0;
	}
	.cat_children li.full_width p.cat_descr {
		text-align: center;
		padding-left: 0;
	}
	.cat_children li.full_width .cat_overviewimg {
		float: left;
		width: 100%;
		max-width: 100%;
		margin: 0 auto 10px;
		position: static;
	}
	.cat_children li.full_width .cat_longdescr {
		margin: 0 0 1.0em 0;
		float: left;
		width: 100%;
	}
	.cat_children li.full_width .cat_longdescr p {
		text-align: center;
	}

	/* einzel */

	#ws_category .product_list { /* item */     /* 26 436 36 436 26 */
		/* margin: 0 3.8135593220338984% 36px 0; */ /* 0 36px - 0 */
		width: 46.186440677966104%; /* 436px / 944px */
	}

	/* product page */

	.product .main .col_prinfo {
		width: 100%;
		margin: 0 0 1.0em 0;
	}
	.product .main h1 {
		margin: 0 0 0.25em 0;
		font-size: 22px;
		line-height: 1.2em;
	}
	.product .main .pr_country {
		margin: -0.5em 0 0.5em 0;
	}
	.product .main .pr_vat_and_shipping {
		margin: 0 0 0.75em 0;
	}
	.product .main .col_prorder {
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.pr_country_notice ul {
		margin-left: -4px;
		line-height: 1;
	}
	.pr_notice_apps {
		text-align: left;
	}
	.pr_notice_apps ul {
		display: block;
		text-align: left;
		padding-left: 0;
	}

	/* prdepvars */

	.pr_depvars {
		padding-top: 6px;
	}

	/* zusatzadresse */

	#ws_product .pr_textinputfields_headline_wrapper.has_additional_address {
		padding-top: 6px;
		padding-left: 0;
	}
	#ws_product .pr_textinputfields_headline {
		font-weight: 700;
	}
	#ws_product .col_additional_address .form-group .control-label {
		float: none;
		width: 100%;
	}
	#ws_product .col_additional_address .form-group input,
	#ws_product .col_additional_address .form-group select {
		float: none;
		width: 100%;
	}

	/* basket */

	.basket_wrapper .basket_voucher input.form-control[name="input_voucher"] {
		width: 30%;
	}

	/* ws_place_order */

	#ws_place_order .basket_wrapper .basket_footer_name {
		font-size: 12px;
	}

    /* colorbox layer praemie */

	#pr_praemie_layer {
		padding: 0 10px;
	}
	#pr_praemie_layer img {
		float: none;
		width: 100%;
		padding: 0;
	}
	#pr_praemie_layer .pr_praemie_descr {
		float: none;
		width: 100%;
		padding-top: 20px;
	}

}

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

	/* header */

	.header .container .inner {
		background: none !important;
	}

	/* start page */

	/* individual eyecatcher styles */

	#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher.teaser_eyecatcher_pcw_p_dig .section .left {
		font-size: 20px;
	}

	#ws_category_start .content .inner .kiosk li .pr_name {
		font-size: 16px;
	}
	#ws_category_start .content .inner .kiosk li .pr_evt {
		font-size: 11px;
	}

	/* ws_notify */

	#ws_notify .cat_children.cols_5 li {
		width: 45.588235294117645%; /* 465px / 1020px */
	}

	/* tpl_magazin_apps */

	#tpl_magazin_apps .cat_children.cols_4 li {
		width: 94.11764705882352%; /* switch back to 1 column */
	}

}

/* <= iphone portrait */
@media only screen and (max-width: 320px) {

	/* start page */

	#ws_category_start .content .inner .teaser.main .teaser_eyecatcher {
		width: 135px;
	}

	#ws_category_start.pcwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.androidwelt .content .inner .teaser.main .teaser_eyecatcher,
	#ws_category_start.linuxwelt .content .inner .teaser.main .teaser_eyecatcher {
		width: 100%;
	}

	#ws_category_start .content .inner .kiosk li .pr_name {
		font-size: 11px;
	}
	#ws_category_start .content .inner .kiosk li .pr_evt {
		font-size: 10px;
	}

	/* category */

	/* einzel */

	#ws_category .product_list { /* item */     /* 26 908 26 */
		width: 96.1864406779661%; /* 908px / 944px */
	}

	/* ws_place_order*/

	#ws_place_order #button_place_order {
		font-size: 14px;
		padding: 0 23px 0 30px;
	}

	/* pages */

	.page .content .inner {
		padding: 16px 16px 18px 16px;
	}

	/* tpl_gamestar_plus */

	.page .gsplus-flag {
		margin-left: -16px;
	}
	.page .gsplus-list li {
		padding-top: 70px;
		padding-left: 0;
	}

}



/* special product page styles */
@media only screen and (min-width: 641px) {
	.pwpdrtl2no .product .main .col_prinfo_and_order {
	    padding-top: 0;
	}
}








.pcwelt-box-abo-print {
	float: none;
	clear: both;
	padding-top: 2rem;
	margin-bottom: 2rem;
}





.shop-header-navbar-cancel {

	text-align: right;
	background-color: #B3B3B3;

}
.shop-header-navbar-cancel .container {
	padding: 0;
}
.shop-header-navbar-cancel a {

	display: inline-block;
	margin: 0 auto;
	padding: 3px 18px;
	color: white;
	text-decoration: none;
	line-height: 1.5;
	font-size: 14px;

}
.shop-header-navbar-cancel a:hover {

	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 2px solid #ebebeb;

}



.pr_mandatory_info {
	padding-top: 2rem;
}



/* ------------------------------------------------------------------------------------------------------------------ */
/* pp neu 2025 */

/* START https://www.paypalobjects.com/webstatic/en_US/developer/docs/css/cardfields.css */
.paypal-button-container {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}
.card_container {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}
.card_field {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_50 {
    width: 50%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
.card_field_75 {
    width: 75%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
/*
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}
*/
.col-25 {
    flex: 25%;
}
.col-50 {
    flex: 50%;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.message_container {
    border-radius: 5px;
    background:#FFFFFF;
    font-size:13px;
    font-family:monospace;
    padding: 20px;
}
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#loading-image {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}
.button_container {
    display: flex;
    justify-content: center;
}
button:hover {
    background-color: powderblue;
}
button {
    width:229px;
    height:49px;
    background:lightblue;
    border:1px dotted black;
    font-size:17px;
    color:#3a3a3a;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
}
.btn_small {
    width:130px;
    height:39px;
    background:lightblue;
    border:1px dotted black;
    font-size:14px;
    color:#3a3a3a;
}
.btn_small:hover {
    background-color: powderblue;
}
/* ENDE https://www.paypalobjects.com/webstatic/en_US/developer/docs/css/cardfields.css */

/* kk via pp button */
.shop-paypal-cc-submit-button-wrapper {

	max-width: 400px;
	margin: 0 auto;

	button {

		display: block;
		margin: 0 auto;
		width: auto !important;
		text-align: left;
		vertical-align: top;
		overflow: hidden;
		white-space: normal;
		line-height: 120%;
		border: 0;
		border-radius: 0;
		background: #71B116 url(/$WS/idg/websale8_shop-idg/benutzer/templates/css/img/icons/btn-arrow.png) 12px 50% no-repeat;
		background-size: 11px 18px;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF !important;
		height: 48px;
		margin-bottom: 24px;
		padding: 0 46px 0 60px;
		font-size: 16px;
		font-weight: 600;

		&:hover {

			background-color: #7FBF26 !important;
            text-decoration: none !important;

		}

		@media (max-width: 400px) {

			padding: 0 15px 0 35px;

		}

	}

}