/*
	$Id: screen.css, v 1.0 2010-08-24 11:30:03 AM rgerber Exp $
	Copyright (c) 2010 Raphael Gerber, raphael.gerber@gmail.com
	All rights reserved.

	File:          screen.css
	Author:        Raphael Gerber (rgerber)
	Description:   Screen Stylesheet for 1600px Screen Resolution

	History:
		v 1.0 2010-08-24 rgerber Created


	Table of Contents:
		- Image Paths
		- Overwrite Definitions
*/

@import url('../reset.css');
@import url('../layout.css?version=20210708');
@import url('../form.css?version=20190705');
@import url('../lib.css?version=20200114');

body {font-size: 125.01%;}


/* --------------------------------------------------------------------- */
/* Image Paths */
/* --------------------------------------------------------------------- */
body {
	background: #fff url('../../../nas/img/template/1600/bg_body.png') top center repeat-y !important;
}

div#wrapper {
}

blockquote {
	background: transparent url('../../../nas/img/template/1600/blockquote.png') 0 0 no-repeat !important;
}

ul.conclusion-positive li {
	background: transparent url('../../../nas/img/template/1600/icon_conclusion_positive.png') 2px 3px no-repeat !important;
}

ul.conclusion-negative li {
	background: transparent url('../../../nas/img/template/1600/icon_conclusion_negative.png') 2px 3px no-repeat !important;
}


.ageVerificationHint {
	background: #e2e1e1 url('../../../nas/img/template/1600/bg_ageVerification.png') top right no-repeat !important;
}

.rating-50 {
	background: transparent url('../../../nas/img/template/1600/rating_rank50.png') top left no-repeat !important;
}

.rating-60 {
	background: transparent url('../../../nas/img/template/1600/rating_rank60.png') top left no-repeat !important;
}

.rating-70 {
	background: transparent url('../../../nas/img/template/1600/rating_rank70.png') top left no-repeat !important;
}

.rating-80 {
	background: transparent url('../../../nas/img/template/1600/rating_rank80.png') top left no-repeat !important;
}

.rating-90 {
	background: transparent url('../../../nas/img/template/1600/rating_rank90.png') top left no-repeat !important;
}

.rating-100 {
	background: transparent url('../../../nas/img/template/1600/rating_rank100.png') top left no-repeat !important;
}

.rating-50-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank50-detail.png') top left no-repeat !important;
}

.rating-60-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank60-detail.png') top left no-repeat !important;
}

.rating-70-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank70-detail.png') top left no-repeat !important;
}

.rating-80-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank80-detail.png') top left no-repeat !important;
}

.rating-90-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank90-detail.png') top left no-repeat !important;
}

.rating-100-detail {
	background: transparent url('../../../nas/img/template/1600/rating_rank100-detail.png') top left no-repeat !important;
}

.rating-50-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank50s.png') top left no-repeat !important;
}

.rating-60-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank60s.png') top left no-repeat !important;
}

.rating-70-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank70s.png') top left no-repeat !important;
}

.rating-80-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank80s.png') top left no-repeat !important;
}

.rating-90-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank90s.png') top left no-repeat !important;
}

.rating-100-small {
	background: transparent url('../../../nas/img/template/1600/rating_rank100s.png') top left no-repeat !important;
}

.rating-50-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank50m.png') top left no-repeat !important;
}

.rating-60-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank60m.png') top left no-repeat !important;
}

.rating-70-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank70m.png') top left no-repeat !important;
}

.rating-80-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank80m.png') top left no-repeat !important;
}

.rating-90-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank90m.png') top left no-repeat !important;
}

.rating-100-medium {
	background: transparent url('../../../nas/img/template/1600/rating_rank100m.png') top left no-repeat !important;
}

.ui-slider .ui-slider-handle {
	background-image: url('../../../nas/img/template/1600/slider_handle.png');
	height: 21px;
	width: 10px;
}

#slider .ui-widget-content,
#slider-short .ui-widget-content,
#slider-off .ui-widget-content {
	/*slider background*/
	background-color: #dddddd;
	border: 0;
}

#slider div.criteria .ui-slider-range {
	/*yellow*/
	background-color: rgb(249,218,169);
}

#slider div#total.criteria .ui-slider-range {
	/*blue*/
	background-color: rgb(155,165,190);
}

#slider-off div.criteria .ui-slider-handle {
	background-image: none;
	height: 21px;
	width: 10px;
	background: none;
}

#slider-off div.criteria .ui-slider-range {
	/*yellow*/
	background-color: rgb(249,218,169);
}

#slider-off div#total.criteria .ui-slider-range {
	/*blue*/
	background-color: rgb(155,165,190);
}

#slider-short .ui-widget-content {
	/*slider background*/
	background-color: #dddddd;
}

#slider-short div.criteria .ui-slider-range {
		/*yellow*/
	background-color: rgb(249,218,169);
}



/* --------------------------------------------------------------------- */
/* Overwrite Definitions */
/* --------------------------------------------------------------------- */


div#search form {
	padding: 7px;
}

.teaser .desc-small {
	width: 100%;
}


div.carousel div.scrollable {
	width: 67%;
	font-size: 0.75em;
}
div.carousel div.scrollable div#items div {
	width: 8.667em;
}

div.carousel-standalone div.scrollable-standalone {
	width: 67%;
	font-size: 0.75em;
}
div.carousel-standalone div.scrollable-standalone div#items div {
	width: 8.667em;
}

div.carousel-recommended div.scrollable-recommended {
	width: 67%;
	font-size: 0.75em;
}
div.carousel-recommended div.scrollable-recommended div#items div {
	width: 8.667em;
}

div.carousel-seventy div.scrollable-seventy {
	width: 67%;
	font-size: 0.75em;
}
div.carousel-seventy div.scrollable-seventy div#items div {
	width: 8.667em;
}

a.btn-cart {
	height: 1.6em; /* 24px */
}

.recommendations {
	margin: 7.833em 5.750em 0 0.75em; /* 94px 69px 0 8px */
}

/* developer timeline */
.timelineRightCorner {
	background-image: url('../../../nas/img/template/1600/developerTimelineDotLeft.png');
	height: 1.8em;
	margin-left: 30.32em;
	width: 2.917em;
}
.timelineLeftCorner{
	background-image: url('../../../nas/img/template/1600/developerTimelineDotRight.png');
	height: 1.8em;
	width: 2.947em;
	margin-left: -7.25em;
}



/* --------------------------------------------------------------------- */
/* Layout Overwrite Definitions */
/* --------------------------------------------------------------------- */

.width-10p, .width-15p, .width-20p, .width-25p, .width-30p, .width-33p, .width-35p, .width-36p, .width-40p, .width-45p, .width-50p, .width-55p, .width-60p, .width-65p, .width-67p, .width-70p, .width-75p, .width-80p, .width-85p, .width-90p, .width-95p, .width-99p {
    clear: left;
    width: 98% !important;
}

.accordion-row .width-60p {
	width: 60% !important;
}
.product-detail-info-area .width-20p {
	width: 20% !important;
}

.grid-25,
.grid-30,
.grid-35,
.grid-40,
.grid-50,
.grid-60,
.grid-65,
.grid-75,
.grid-100,
.grid-details-30,
.grid-details-35,
.grid-details-50,
.grid-details-65,
.grid-details-70,
.grid-details-100 {
	clear: left;
    padding: 0 0.5em;
    width: auto;
}

.grid-details-100 .grid-25,
.grid-details-100 .grid-30,
.grid-details-100 .grid-35,
.grid-details-100 .grid-40,
.grid-details-100 .grid-50,
.grid-details-100 .grid-60,
.grid-details-100 .grid-65,
.grid-details-100 .grid-75,
.grid-details-100 .grid-100,
.grid-details-100 .grid-details-20,
.grid-details-100 .grid-details-30,
.grid-details-100 .grid-details-35,
.grid-details-100 .grid-details-50,
.grid-details-100 .grid-details-65,
.grid-details-100 .grid-details-70,
.grid-details-100 .grid-details-80 {
    padding: 0;
    width: 100%;
}



.grid-25, .grid-40, .grid-50, .grid-60, .grid-75, .grid-100, .grid-details-20, .grid-details-30, .grid-details-35, .grid-details-50, .grid-details-65, .grid-details-70, .grid-details-80, .grid-details-100 {
    margin-right: 0;
}



.grid-inner-40,
.grid-inner-60 {
	width: 100%;
}

.grid-100 {
	width: 96%;
}


#descriptionBox {
	width: auto;
}

#inlineDetailsBox {
	width: 95% !important;
}



#main-details .float-left {
    float: none;
}
#ratings .float-left,
.product-detail-info-area .float-left {
	float: left !important;
}

#main-details .align-center {
    text-align: left;
}
#descriptionPanel .align-center,
.product-detail-info-line .align-center {
	text-align: center !important;
}
#descriptionBox {
	margin-bottom: 0 !important;
}


#predicateBox .width-33p{
	width: 33% !important;
	clear: none;
	float:left;
}

.product-screenshots div.clear {
	clear: none;
}

#productAttributesColumn2 {
	border:none;
}

.recommendations-background {
	background-size: 100% auto;
}

.tile, .tile-disabled, .tilePromo {
   width: 48%;
}
.tileContainer, .tilePromoContainer {
    width: 100%;
}

.tileInfo130, .tileInfo135, .tileInfoPromo {
    width: auto;
}

.tileInfo {
	width: auto;
}



/* context */
div#context, div#searchContext, div#listContext {
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-top: 0;
    position: absolute;
    top: 9.5em;
    width: 97%;
    display: none;
}
#searchContext, div#listContext{
	top: 13em;
}


#filter fieldset ul li label {
    display: block;
    padding: 0.5em 0;
}

#mobileViewChange {
    text-align: center;
    width: 100%;
}


div#menuButton {
	float: left;
	margin: 0em 0 0 0.5em;
}
div#contextButton {
	float: right;
	margin: 0em 0.5em 0 0;
}

div#contextButton img {
	width: 1.2em;
}

#videoFrame{
	width: 100%;
}

.singleScreenshot {
    width: 96%;
}

/* --------------------------------------------------------------------- */
/* Menu (slickNav) */
/* --------------------------------------------------------------------- */

#mobileMenu {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}


/* --------------------------------------------------------------------- */
/* layout overwrite */
/* --------------------------------------------------------------------- */

div#wrapper {
	width:auto;
}

div#header {
	border-bottom: none;
	height: auto;
	width: auto;
	padding-top: 2.7em;
}

div.sidebar {
	float: none;
	width: auto;
}

/* Main */
div#main {
	float: none;
	width: auto;
}

div#main-details {
	width: auto;
}

div.main-modal {
}

div#footer {
	width: auto;
	position: relative;
}

div#footer-links {
	width: auto;
}

div#search {
	float: left;
	text-align: right;
	margin-top: 0.4em;
	width: auto;
}

div.carousel {
	height: 13.167em;
}

div.carousel a.nextPage,
div.carousel a.next {
	float: right;
}

div.carousel-standalone a.nextPage,
div.carousel-standalone a.next {
	float: right;
}

div.carousel-standalone div.scrollable-standalone div#items div {
	height: 13.167em;
}

div.carousel-recommended {
	height: 13.167em;
}

div.carousel-recommended a.nextPage,
div.carousel-recommended a.next {
	float: right;
}

div.carousel-releases a.nextPage,
div.carousel-releases a.next {
	float: left;
}

div.carousel-mywog a.nextPage,
div.carousel-mywog a.next {
	float: right;
}

.quantity-to-cart {
	float: left !important;
}

.price-info-cart {
	height: auto;
}

.product-screenshots {
	float: none;
	height: auto;
}

#releasesBox .teaser {
	width: 50%;
}

.teaser .desc,
.teaser .desc-small {
	font-size: 0.9em;
	width: auto;
}

.teaser>a>img {
	width: 100%;
	height: auto;
}

ul.releases-list-group li a.icons-1 {
	width: auto;
}

ul.releases-list-group li a.icons-2 {
	width: auto;
}

ul.releases-list-group li a.icons-3 {
	width: auto;
}

ul.releases-list-group li a.icons-4 {
	width: auto;
}

ul.releases-list-group li a.icons-5 {
	width: auto;
}

ul.releases-list-group li a.iconLink {
	width: auto;
}

div#footer-links ul {
    width: auto;
}

ul.tab-list-group li a.icons-1,
ul.tab-list-group li a.icons-2,
ul.tab-list-group li a.icons-3,
ul.tab-list-group li a.icons-4,
ul.tab-list-group li a.icons-5 {
	width: auto;
}

.actor-list-no-trailer {
    margin-left: 0em;
    width: auto;
}

.actor-list-trailer {
    float: none;
    height: 21.6em;
    width: auto;
}

.actor-style {
    border-left: none;
    overflow-y: hidden;
    padding: 0 0 0 0;
}

.actors {
    background-color: transparent;
}

#main-details .actor-style .float-left {
    float: left;
}

div.filmographieCell, div.timelineCell, .timelineitem.notReleased, #timelinecontainerActor .notReleased {
    width: 90% !important;
    margin-left: 1em !important;
}


div.carousel-releases div.scrollable-releases div#items div {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}
div.carousel-releases div.scrollable-releases {
    width: 85%;
}
div.carousel-releases {
    width: auto;
}



#logo {
	text-align: center;
	margin-top: 1em;

	display: none;
}

div#header img.logo {
    position: relative;
}

#switchLayout {
	display: none !important;
}

#releasesBox .releases-list-group .teaser {
	width: 85%;
}

div.paginationContainer, div.tiles-pagination {
    height: auto;
}

ul.pagination li.next a, ul.pagination li.previous a, ul.pagination li.next a:hover, ul.pagination li.previous a:hover {
    border: 1px solid #c0c2c2;
}

body > div#wrapper {
    /*margin-top: 2.7em;*/
}

div#header img.logo {
    max-width: 11em;
    width: 50%;
}

#descriptionPanel {
	width: auto !important;
}

div#search {
    text-align: left;
    float: none;

    position: static !important;
    width: 100% !important;
    left: 0 !important;
    top: 2.7em !important;

}

div#search form select {
    width: 7em;
}

div#search form input {
    width: 93%;
}

div#search form button {
    right: 1em !important;
}

.slicknav_btn {
    float: left !important;
}

.tileProduct, .tileProductPromo {
    height: 17.8em;
}

.tileCover, .tileCoverPromo {
    float: none;
}

.tileInfo, .tileInfoPromo {
    clear: left;
    height: 1.5em;
}

.tileInfoRating {
    float: left;
}

.tileInfoArea {
    bottom: 0.4em;
    float: left;
    position: relative;
}

.tilePricePromo {
    text-align: right;
    width: 96%;
}

h1, h2, h3 {
    font-size: 1.05em;
    text-transform: none;
}

h5 {
    font-size: 1em;
}

h1.product-title {
    font-size: 1.3em;
}


/* --------------------------------------------------------------------- */
/* Div Tables */
/* --------------------------------------------------------------------- */

.table {
    display:block;
}
.tr {
    display:block;
    clear: both;
}
.td, .th {
    display:block;
    /*float: left;*/
}
.thead {
    display:none;
}
.tbody {
     display:block;
}


/* warenkorb-spezifisch getestet */
.table.border .th, .table.border .td {
    border: none;
}
.table.border .tr {
    border-bottom: 1px solid #cecfd0;
}
.tr.alternate .td {
    background-color: transparent;
}
.tr.alternate {
    background-color: #eee;
}
.td.align-center {
}

.cartCover {
	float: left;
}
.cartAge {
	text-align: left;
	clear: both;
}
.cartRemove {
	text-align: right;
}
.cartQuantity {
	float: left;
}
.cartQuantityFactor{
	display: initial !important;
}
.cartPrice {
	float: left;
}
.cart-step, .cart-step-off {
	font-size: 1em;
}
.cart-step img, .cart-step-off img {
	height: 2em;
}

.mobileClearBoth {
	clear: both;
}
.mobileTextLeft {
	text-align: left;
}
.mobileFloatLeft {
	float: left;
}
.mobileBottomDivider {
	display: block !important;
	border-bottom: 1px solid #cecfd0 !important;
	margin: 0.8em 2em 0 2em;
}

.mobileShow {
	display: inline !important;
}
.mobileHide {
	display: none;
}

.mobileFullWidth {
	width: 100%;
	box-sizing: border-box;
}

dl.table-display dd {
    text-align: right;
}


/* warenkorb - anzahl */
#mobileCart {
	position: absolute;
	z-index: 1001;
	right: 0.4em;
	padding: 1em 0.1em;
	height: 0.7em;
}

#mobileCart img {
	height: 1.4em;
}

.cartItems {
	color: rgb(247, 190, 46);
	padding-left: 1.3em;
	font-weight: bold;
	top: -1.2em;
	left: 3.3em;
}

#cart_breadcrumbs div {
	width: auto;
	font-size: 1.0em;
}

#cart_breadcrumbs div img {
	margin-right: 0.5em;
	height: 1.3em;
}


#productDetailCover {
	height: auto;
    width: 10em;
}

#mobileLogo {
	position: absolute;
	z-index: 1001;
	left: 5.5em;
	padding: 0.1em;
	height: 2.5em;
}
#mobileLogo img {
	height:100%;
}


.tab-bar ul li {
	display: block;
}

.tiles, .tiles-disabled {
   width: 94% !important;
}

.tab-bar ul li a,
.tab-bar ul li div {
    border: 1px solid #2c3a6e;
    border-bottom: 0px;
}
.tab-bar ul li:first-child a,
.tab-bar ul li:first-child div {
	border-radius: 0px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}
.tab-bar ul li:last-child a,
.tab-bar ul li:last-child div {
	border-radius: 0px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
    border-bottom: 1px solid #2c3a6e;
}


.load-products-area-left {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 0 !important;
	margin-bottom: 2em;
}

.load-products-area-center {
	width: 100%;
	margin-bottom: 1.5em;
}
.load-products-area-center button {
	width: 70%;
}

.load-products-area-right {
	width: 100%;
	float: none;
	text-align: center !important;
}
.load-products-area-right button {
	width: 70%;
}

.page-slider {
  	width: 85%;
}


#priceFilter {
	display: none;
}


/* Bewertungen */
#ratingDetailContentBox {
	width: auto;
	border: 1em solid;
}

.width-49p, .width-60p {
	width: auto !important;
}


#ratingDetailContentBox .float-right {
	float: none;
}

.ratingDetailClose {
	display: block !important;
}
.ratingDetailClose img {
	width: 1.4em;
}

/* Tooltip */
.ui-tooltip {
    visibility: hidden;
}


img.tab-platform-icon {
	margin-bottom: 0.75em;
}
img.tab-platform-icon.details {
	margin-bottom: 0;
}
img.tab-platform-icon.details.active {
	margin-bottom: -0.5em;
}


/* --------------------------
	e3 Promotion
-------------------------- */
.e3 .carousel-container {
	display: none;
}
.e3PromoBox {
	width: 90%;
	height: 100%;
}
.e3 .closedClass{
	height: initial;
}
.e3 .showMoreBox{
	display: none;
}


/* ---------------------------------
	new product detail elements
--------------------------------- */
#cart-div {
	float: left;
}

#descriptionPanel .closedClass {
	height: 25.0em !important;
}

.version-type {
	top: 0;
}

.accordion-row .td {
	display: inline-block;
}
.accordion-row .align-right {
	width: 95% !important;
}
.accordion-row .align-center {
	float: right;
}
.accordion-block {
	max-height: none !important;
}
.accordion-games {
	width: 9% !important;
}

.circle-parent {
	margin-right: 1em;
}
.cart-icon-box {
	top: -0.3em;
	margin-top: 0;
	margin-right: 0.3em;
}
.fav-icon-box {
	top: -0.2em;
	margin-top: 0;
}

.fi-message-tile {
	bottom: 5em;
}
.fi-message-detail-active {
    bottom: 1.0833em;
}
.fi-message-accordion {
	bottom: 4.2em;
}

.message-arrow {
	bottom: -0.7em;
}
.list-message-arrow {
	right: 0.9em;
}
.tile-message-arrow {
	right: 1.5em;
}

/*unfolding text*/
.unfolding-text {
	margin-bottom: 2em /*24px*/;
}
.unfolding-text {
	margin-bottom: 2em /*24px*/;
}

.series-info {
	margin-top: 1em;
	float: none;
}



/* ---------------------------------
	new event promotion
--------------------------------- */
.promotion-100 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.menu-tab-bar {
	width: 100%;

	font-size: 1em;
	line-height: 2em;

	border-bottom: 1px solid black;

	margin-bottom: 1em;
}

.menu-tab-bar-item {
	display: inline-block;
	padding: 0 0.5em;
	line-height: 2em;

	-webkit-transform: translateY(3px);

	font-weight: bold;
	text-transform: uppercase;
}

.menu-tab-bar-item.link {
	cursor: pointer;
}

.menu-tab-bar-item.active {
	border-bottom: 5px solid #464548;
}

.justified-box-4 {
	width: 100%;

	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;

	text-align: center;
	vertical-align: middle;

	margin-bottom: 1em;
}

.justified-box-5 {
	width: 48%;

	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;

	text-align: center;
	vertical-align: middle;
}

.justified-box {
	box-sizing: border-box;
	width: 100% !important;
}

.justified-box-4 > .teaser .desc {
    background: rgba(34, 34, 34, 0.8);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 1.167em;
    font-weight: 500;
    left: 0;
    padding: 0.571em;
    position: absolute;
    width: 33.143em;
    z-index: 10;
}

.justified-box > .price.discount {
	background: #ff0045;
}


.justified-box-4 > .teaser .desc .price {
    border: 1px solid #67605f;
    color: #fff;
    padding: 0.286em 0.417em;
}

.justified-box > .round-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.search-tile {
	width: 100%;
	margin-right: 1.25em;
}


/*My orders*/
.article-grid {
	width: calc(100% + 1.5em);
}

.current-order-bar {
	border: solid 1px #36417c;
	line-height: 1.5em;
}

.current-order-tag {
	width: 93%;
	margin-bottom: 0.5em !important;
	line-height: 1em;
}

.current-order-edit-icon {
	margin-top: -0.5em !important;
}

.delivery-status-icon {
	margin-top: -0.5em !important;
}


/*Key displays*/
.code-display .info-message,
.hint .code-display .info-message {
	top: 2em;
	left: -5.5em;
}

.code-display .info-message-arrow {
	left: 6.25em;
	top: -1em;
	border-width: 0 1em 1em 1em;
	border-color: transparent transparent #36417c transparent;
}


/*myWog Overview*/
.myWog-sub-box .title {
	font-size: 1em;
}

.myWog-sub-box div.carousel-mywog div.scrollable {
	left: 1em;
	width: 14em;
}