/*
Theme Name: Extra Child
Theme URI: https://www.collectabox.com/extra-child/
Description: Extra Child Theme
Author: Katrin Loehr
Author URI: https://www.collectabox.com/
Template: Extra
Version: 1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@media only screen and ( max-width: 1024px ) {
.et_pb_main_blurb_image {
    display: block !important;
    margin: 0 auto;
}
}

@media only screen and ( max-width: 1024px ) {
.blurb .et_pb_blurb_container {
display: block !important;
text-align: center !important;
}
}

@media (max-width:1024px){
#main-header{
display:none;
}}

.rating-stars {
    color: #ff533d;
}

.blog_masonry .read-more-button:hover {
	padding-right: 0.7em !important;
}

.talk_masonry .read-more-button:hover {
	padding-right: 0.7em !important;
}

.review-summary-score-box {
	background-color: #ff533d !important;
}

.score-bar {
	background-color: #ff533d !important;
}

.winter_post .et_pb_divider_internal {
	margin-bottom: 120px;
}

.post-wrap.post-wrap-review {
    padding: 0 50px 50px !important;
}

.woocommerce .summary .price .amount, .woocommerce-page .summary .price .amount {
    color: #ff533d;
	font-size: 23px;
	font-weight: bold;
	text-decoration: underline;
}


.woocommerce div.product div.summary p, .woocommerce-page div.product div.summary p {
    margin: 0 0 0px;
}


.woocommerce div.product .extra-woocommerce-details-accordion, .woocommerce-page div.product .extra-woocommerce-details-accordion {
width: calc(100% - 1px);
border: 0px none;
clear: right;
float: right;
}

.krypto_bitcoin h1 {
	margin-top: 50px !important;
	margin-bottom: -10px;
}

.krypto_etherium h1 {
	margin-top: 50px !important;
	margin-bottom: -10px;
}

.krypto_paypal h1 {
	margin-top: 20px;
	margin-bottom: -10px;
}

.blurb:hover {
background-color: #ffffff;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
}

.et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container {
    display: table-cell;
    vertical-align: middle;
}

.et_pb_contact_submit {
	display: inline-block !important;
    background-color: #ff533d !important;
	font-weight: bold !important;
    color: #F5F5F5 !important;
    border: 0 !important;
    border-radius: 3px !important;
    font-size: 18px !important;
    padding: 27px 55px !important;
	box-shadow: inset 0 0 0 100px transparent !important;
}

.et_pb_contact_submit:hover {
	box-shadow: inset 0 0 0 100px rgba(255,255,255,.2) !important;
	color: #F5F5F5 !important;
	padding: 27px 55px !important;
}

.et_bloom_submit_subscription:hover {
	box-shadow: inset 0 0 0 100px rgba(255,255,255,.2);
	color: #F5F5F5;
}

.team_heading h1 {
	font-size: 30px !important;
	text-decoration: underline;
}

.et_pb_widget.widget_text .textwidget {
    padding: 5px;
    line-height: 1.3em;
    margin: 7px 7px 2px 7px;
}

.produkt_slider .ms-thumb-frame.ms-thumb-frame-selected {
    display: none;
}

.et_bloom .et_bloom_form_header img, .et_bloom .et_bloom_form_header .et_bloom_form_text {
    max-width: 100%;
    padding: 5px !important;
    display: block;
    clear: both;
}

.et_bloom .et_bloom_inline_form {
	margin: 0px !important; 
}

.archive h1 {
    line-height: 24px;
    margin: 0 0 7px;
    display: none;
}

.et_pb_widget li a:hover, .et_pb_widget.woocommerce .product_list_widget li a:hover {
    color: #ab987a !important;
}

.et_pb_widget.woocommerce .product_list_widget li a:hover {
    color: #ab987a !important;
}

.woocommerce .summary a.button.alt {
background-color: #ff533d;
color: #f5f5f5 !important;
-webkit-font-smoothing: antialiased;
}

.woocommerce div.product div.summary .product_meta a, .woocommerce-page div.product div.summary .product_meta a {
color: #ff533d !important;
}

.woocommerce .summary .price .amount, .woocommerce-page .summary .price .amount{color: #ff533d;}

.woocommerce-Price-amount.amount {
	color: #ff533d !important;
}

.woocommerce .button.alt, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .product_list_widget li a.remove:hover, .et_pb_widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
background-color: #ff533d;
margin-bottom: 30px;
}


.tagged_as {
    display: none !important;
}

#footer div.et_pb_extra_column:nth-child(1) .et_pb_widget h4.widgettitle {
    margin-bottom: 10px;
}

#main-header img {
display: none;
}

#footer {
	background: #0f1626;
}
.trailertitel {
    background: #0F1626;
    padding: 15px 20px;
    color: #F5F5F5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
	border-radius: 3px;
	display: block;
}

.trailer .et_pb_video_box {
	margin-bottom: 57px;
	margin-top: -30px;
	padding: 5px;
	border-right-color: #F5F5F5 !important;
	border-right: 1px solid;
	display: block;
	background: #FFFFFF;
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0px;
	overflow: hidden;
}

.support_effect img {
	width: 250px;
	height: auto;
}

.support_effect {
    display: inline-block;
    text-align: center;
    margin-bottom: 6.3px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
}

.support_effect:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.support_effect:hover, .support_effect:focus, .support_effect:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.support_effect:hover:before, .support_effect:focus:before, .support_effect:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}


.et_pb_widget.widget_text .textwidget {
    padding: 5px;
    line-height: 1.3em;
}

/* Change widget title colors */

.et_pb_widget .widgettitle { 	
	background: #0F1626;
}

.et_pb_widget_area_left {
	border-right-color: #F5F5F5 !important;
    padding-right: 0px;
}

table {
  border-collapse: separate;
  background: #FFF;
  @include border-radius(5px);
  margin:0px auto;
  @include box-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

thead {
  @include border-radius(5px);
}

thead th {
  font-size:17px;
  font-weight:700;
  @include text-shadow(1px 1px 0px rgba(0,0,0,0.5));
  text-align:left;
  padding:20px;
  @include background-image(linear-gradient(#ff533d, #4a5564));
  border-top:3px solid #ff533d;
  text-align: center;

  &:first-child {
   @include border-top-left-radius(5px); 
  }

  &:last-child {
    @include border-top-right-radius(5px); 
  }
}

tbody tr td {
  font-weight:600;
  color:#5f6062;
  font-size:15px;
  padding:20px 10px 20px 10px;
  border-bottom:1px solid #e0e0e0;
  vertical-align: middle;
  text-align: center;
  
}

tbody:hover > tr td {
  @include opacity(0.5);
  
  /* uncomment for blur effect */
  /* color:transparent;
  @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/
}

tbody:hover > tr:hover td {
  @include text-shadow(none);
  color:#2d2d2d;
  @include opacity(1.0);
}

.table_button {
	vertical-align: middle;
}

.table_img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.thirstylink {
    color: #ff533d !important;
	font-weight: bold !important;
}

.thirstylink:hover {
    text-decoration: underline;
	font-weight: bold !important;
}


.et_pb_space::after, .et_pb_divider::after {
    content: '';
    display: table;
    margin-top: -26px;
}

.blog_layout_talk .et_pb_post h2 {
	font-size: 10px;
	line-height: 17px;
}

@media only screen and (min-width: 768px) {
.blog_layout .et_pb_post {
min-height: 370px;
max-height: 370px;
}
}

@media only screen and (min-width: 768px) {
.blog_layout_talk .et_pb_post {
min-height: 350px;
max-height: 350px;
}
}

.blog_layout .et_pb_post .post-content {
	display: none;
}

.blog_layout_talk .et_pb_post .post-content {
	display: none;
}

.blog_layout .entry-title a:hover {
	color: #ff533d;
}

.blog_layout_talk .entry-title a:hover {
	color: #ff533d;
}

.blog_layout_talk .et_pb_row { 
	padding-top: 20px !important; 
}

:not(.et_pb_fullwidth_section).blog_layout .et_pb_post { 
   margin-bottom: 20px !important;
}

:not(.et_pb_fullwidth_section).blog_layout_talk .et_pb_post { 
   margin-bottom: 20px !important;
}

.update_container {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}

.timeline-item {
  padding: 3.5em 2em 2em;
  position: relative;
  border-left: 2px solid #ff533d;
}

.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 1.8em;
  font-weight: bold;
  top: 1em;
  display: block;
  font-weight: 700;
  font-size: .95rem;
}

.timeline-item::after {
  width: 10px;
  height: 10px;
  display: block;
  top: 1.5em;
  position: absolute;
  left: -6px;
  border-radius: 10px;
  content: '';
  border: 2px solid #ff533d;
  background: white;
}

.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, #ff533d 60%, transparent) 1 100%;
     border-image: -webkit-linear-gradient(top, #ff533d 60%, transparent) 1 100%;
     border-image: linear-gradient(to bottom, #ff533d 60%, transparent) 1 100%;
}

.preorder_links {
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    margin-top: -10px;
    padding-top: 5px;
    text-align: center;
    padding-bottom: 4px;
}

.preorder_img {
    margin-bottom: -3px;
	display: inline;
}

.preorder {
    margin: 7px;
    position: relative;
    font-size: 16px;
	color: #ff533d !important;
	font-weight: bold;
}

.preorder:hover {
	text-decoration: underline !important;
	font-weight: bold;
}

.releaseliste_beitrag {
	width: 250px;
	height: 250px;
	padding-left: 20px;
	float:right;
}

.preorder_button_beitrag_games {
    display: flex;
    position: absolute;
	margin-top: -60px;
	margin-left: -4px;
	width: 93%;
}

.preorder_button_beitrag_games img {
	opacity: 0.8;
}

.preorder_button_beitrag_games img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

.beitrag_game_datum {
	font-size: 14px;
	font-weight: 900;
	padding-bottom: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0; 
	right: 0;
	text-align: center;
	margin-bottom: 25px
}

.beitrag_game_titel {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	margin-top: -10px;
}


.beitrag_game_exclusive {
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 26px
}

.infos_beitrag_game {
	border: 1px solid;
	margin-top: -10px;
	margin-bottom: 20px
}

.beitrag_game_platform {
   	width: 100%;
	text-align: center;
	padding: 8px;
	margin-top: -10px;
}

.beitrag_game_platform_pc {
    display: inline-block;
	color: #171A21;
	font-weight: bold;
} 

.beitrag_game_platform_ps {
    display: inline-block;
	color: #003791;
	font-weight: bold;
} 

.beitrag_game_platform_xbx {
    display: inline-block;
	font-weight: bold;
	color: #107c10;
}

.beitrag_game_platform_nin {
	display: inline-block;
	color: #009ac7;
	font-weight: bold;
	clear: both;
	width: 100%;
}


.et-dropcap {
    font-size: 85px;
    line-height: 0.7;
    color: #ff533d;
    font-family: Times;
    padding-top: 10px;
}

.gamecard-meta {
    background-color: #fff;
    padding: 16px;
}
.gamecard {
    background-color: #ecf0f5;
}
.gamecard-meta {
    background-color: #ecf0f5;
    text-align: left;
}

.gamecard {
    text-align: left;
}

.gamecard {
    font-family: inherit;
    background-color: #ecf0f5;
    clear: both;
    margin-bottom: 1.2rem;
    padding-bottom: 10px;
    text-align: center;
}

*, *::after, *::before {
    box-sizing: border-box;
    text-decoration: inherit;
    vertical-align: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
}

.gamecard-meta_item--titel .gamecard_label {
    display: none;
}

.gamecard-meta {
    text-align: left;
}

.gamecard {
	text-align: left;
}

.gamecard-meta-game .gamecard-meta_item--titel::after, .gamecard-meta--venue .gamecard_label {
    display: none;
}

.gamecard-meta_item:not(:last-child)::after {
    color: #ccc;
    content: "|";
    padding-left: 4px;
}

.gamecard-meta-game .gamecard-meta_item--titel {
    color: #ff533d;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 19px;
    font-weight: 700;
}
.gamecard-meta__item--titel {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.gamecard-meta_item {
    display: inline;
    font-size: 0.85em;
    margin-right: 8px;
}

*, *::after, *::before {
    box-sizing: border-box;
    text-decoration: inherit;
    vertical-align: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    margin: 0;
    margin-right: 0px;
    padding: 0;
}

.gamecard_value {
	font-weight: 800;
}

.layer_guide {
    background-color: rgba(35, 35, 35, 0.6);
    width: 300px;
    height: 165px;
    position: absolute;
    top: 0;
	left: 50%;
	margin-left: -150px;
	border-radius: 10px;
}

.background_guide {
    height: 100%;
	width: 50%;
    position: relative;
	text-align: center;
	float: left;
	margin: auto;
	margin-bottom: 20px;
}

.background_guide img {
	border-radius: 10px;
}

.guide {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.guide_date {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-color: #ab987a;
	width: 30%;
	height: 15%;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}

.wp-svg-cart-3 {
	vertical-align: middle;
	padding-right: 8px;
	float: left;
}

.more_button {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-weight: bold;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	font-color: #F5F5F5 !important;
	margin-top: -60px;
}

.more_button img {
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
}

.fa.fa-long-arrow-right {
	float: right;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
	font-size: 20px;
}

.fa.fa-book {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-book:hover {
	color: #ab987a;
}

.fa.fa-gamepad {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-gamepad:hover {
	color: #ab987a;
}

.fa.fa-handshake-o {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-handshake-o:hover {
	color: #ab987a;
}

.fa.fa-rss-square {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-rss-square:hover {
	color: #ab987a;
}

.fa.fa-youtube-play {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-youtube-play:hover {
	color: #ab987a;
}

.fa.fa-instagram {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-instagram:hover {
	color: #ab987a;
}

.fa.fa-shopping-cart {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-shopping-cart:hover {
	color: #ab987a;
}

.section-ueberschrift {
    background: #0F1626;
    padding: 0;
    height: 40px;
	padding: 0 0 0 13px;
	border-radius: 5px;
	margin-bottom: 25px;
	margin-top: 25px
}

.section-ueberschrift h3 {
    color: #F5F5F5;
    font-size: 18px;
    letter-spacing: .8px;
    margin-left: 7px;
    float: left;
	padding-top: 8px;
	margin-bottom: 0px;
}

.section-ueberschrift a.weitere-beitraege {
    display: block;
    float: right;
    font-weight: 600;
    font-size: 13px;
    color: #F5F5F5;
    letter-spacing: .5px;
    text-transform: uppercase;
    height: 40px;
    padding: 8px 9px 15px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.section-ueberschrift a.weitere-beitraege:hover {
	background-color: #ab987a;
	padding: 8px 25px 0 ;
}

.section-ueberschrift a.my_button {
    display: block;
    float: right;
    font-weight: 600;
    font-size: 13px;
    color: #F5F5F5;
    letter-spacing: .5px;
    text-transform: uppercase;
    height: 40px;
    padding: 8px 9px 15px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
}

.section-ueberschrift a.my_button:hover {
	background-color: #ab987a;
	padding: 8px 25px 0 ;
}

.effect .buttons {
margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.effect {
  /*display: flex; !!!uncomment this line !!!*/
}

.effect a {
  text-decoration: none !important;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin: auto;
  font-size: 25px;
  overflow: hidden;
  position: relative;
  color: #0F1626 !important;
  border: 2px solid #0F1626;
}

.effect a i {
  position: relative;
  z-index: 3;
}

.effect a:last-child {
  margin: auto;
}

.effect a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.effect a i {
  display: inline-block;
}

/* varrius effect */
.effect.varrius a {
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.effect.varrius a:after {
  content: "";
  display: block;
  width: 90%;
  height: 90%;
  top: -110%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  background-color: #0F1626;
  border-radius: 50%;
}
.effect.varrius a:hover {
  color: #fff !important;
}

.effect.varrius a:hover:after {
  top: 5%;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.Amazon_button {
	display: inline-block;
    background-color: #ff533d;
	font-weight: bold;
    color: #F5F5F5 !important;
    border: 0;
    border-radius: 3px;
    font-size: 18px;
    padding: 15px 20px;
	margin-top: 10px;
	box-shadow: inset 0 0 0 100px transparent;
}

.Produkt_Highlight {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 7px;
}

.Amazon_button:hover {
	box-shadow: inset 0 0 0 100px rgba(255,255,255,.2);
	color: #F5F5F5 !important;
}



li.highlights {
	margin-top: 0px !important;
	font-size: 16px;
}

.Titel_Produkt {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
	margin-top: 17px;

}

.Subtitel_Produkt {
	font-size: 15px;
	margin-bottom: 4px !important;
}

.Preis_Produkt {
	font-size: 19px;
	color: #ff533d;
	font-weight: 800;
	margin-bottom: 25px !important;
    text-decoration: underline;
}

i.fa.fa-calendar, i.fa.fa-user-o, i.fa.fa-comments-o {
	padding-left: 20px;
}

i.fa.fa-rss-square {
	padding-right: 5px;
	padding-bottom: 4px;
}

.layer {
    background-color: rgba(35, 35, 35, 0.6);
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
	left: 50%;
	margin-left: -150px;
	border-radius: 10px;
}

.background_game img {
	border-radius: 10px;
}

.background_game {
    height: 100%;
	width: 33.3333%;
    position: relative;
	text-align: center;
	float: left;
	margin: auto;
	margin-bottom: 20px;
	border-radius: 10px;
}

.game {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
}

.game_date {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-color: #ff533d;
	width: 30%;
	height: 15%;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}

.preorder_button {
	position: absolute;
	display: flex;
	top: 65%;
}

.preorder_button img {
	opacity: 0.8;
	margin-left: -10px;
	width: 240px;
}

.preorder_button img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

a.element.element_1.read_more {
  background-color: #0F1626;
  border: none;
  color: #F5F5F5 !important;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  font-size: 11px;
  line-height: 1em;
  margin: 15px 40px;
  outline: none;
  padding: 7px 20px 7px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}

a.element.element_1.read_more:before,
a.element.element_1.read_more:after {
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

a.element.element_1.read_more:before {
  border-color: #0F1626;
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}

a.element.element_1.read_more:after {
  border-bottom-width: 2px;
  border-color: #0F1626;
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
}

a.element.element_1.read_more:hover,
a.element.element_1.read_more.hover {
  background-color: #0F1626;
  color: #F5F5F5 !important;
}

a.element.element_1.read_more:hover:before,
a.element.element_1.read_more.hover:before,
a.element.element_1.read_more:hover:after,
a.element.element_1.read_more.hover:after {
  height: 100%;
  width: 100%;
}


.hintergrund_guide {
	max-width: 100%;
	max-height: 169px;
	float: left;
    position: relative;
	margin-bottom: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
}

.hintergrund_guide img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
}

.infos_guide {
	max-width: 100%;
	height: 300px;
	background: #E8E8E8;
	border-radius: 10px;
	border: 2px solid;
}

.releaseliste_guides {
	width: 22%;
	float: left;
	margin:  10px 10px;
	position: relative;
}

.guide_datum {
	font-size: 18px;
	font-weight: 900;
	padding: 10px;
	position: absolute;
	bottom: 0;
	max-width: 300px;
	left: 0; 
	right: 0;
}

.guide_titel {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.releaseliste_guides:hover {
	box-shadow: 0 0 10px #b5b5b5;
	border-radius: 10px;
}

.Release_Quartal h3 {
	background: #0F1626;
	font-size: 20px;
	color: #F5F5F5;
	width: 18%;
	text-align: center;
	padding: 8px;
	border-radius: 10px;
	margin-left: 7px;
	margin-top: 40px;
}

.hintergrund_game {
	width: 100%;
	max-height: 169px;
	float: left;
    position: relative;
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
}

.hintergrund_game img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
}

.infos_game {
	width: 100%;
	height: 330px;
	background: #E8E8E8;
	border-radius: 10px;
	border: 2px solid;
}

.releaseliste_games {
	width: 22.6%;
	float: left;
	margin:  10px 10px;
	position: relative;
}

.releaseliste_games:hover {
	box-shadow: 0 0 10px #b5b5b5;
	border-radius: 10px;
}

.game_datum {
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0; 
	right: 0;
	text-align: center;
}

.game_titel {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}


.game_exclusive {
	text-align: center;
	position: absolute;
	bottom: 0;
	margin-bottom: -5.9px;
}

.game_exclusive img{
	border-bottom-left-radius:7px;
	border-top-right-radius:8.5px;
}

.game_platform {
   	width: 100%;
	text-align: center;
	padding: 8px;
	margin-top: -10px;
}

.game_platform_pc {
    display: inline-block;
	color: #171A21;
	font-weight: bold;
} 

.game_platform_ps {
    display: inline-block;
	color: #003791;
	font-weight: bold;
} 

.game_platform_xbx {
    display: inline-block;
	font-weight: bold;
	color: #107c10;
}

.game_platform_nin {
	display: inline-block;
	color: #009ac7;
	font-weight: bold;
	clear: both;
	width: 100%;
}


.preorder_button_games {
    display: flex;
    position: absolute;
	margin: -50px -35px 0 0;
	width: 98%;
}

.preorder_button_games img {
	opacity: 0.8;
}

.preorder_button_games img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

.preorder_button_guides {
    display: flex;
    position: absolute;
	margin: -50px -35px 0 0;
	width: 98%;
}

.preorder_button_guides img {
	opacity: 0.8;
}

.preorder_button_guides img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

.layer_steelbook_front {
    background-color: rgba(35, 35, 35, 0.6);
    width: 300px;
    height: 165px;
    position: absolute;
    top: 0;
	left: 50%;
	margin-left: -150px;
	border-radius: 10px;
}

.background_steelbook img {
	border-radius: 10px;
}

.background_steelbook {
    height: 100%;
	width: 33.3333%;
    position: relative;
	text-align: center;
	float: left;
	margin: auto;
	margin-bottom: 20px;
	border-radius: 10px;
}

.steelbook_post_title {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
}

.steelbook_date {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-color: #ff533d;
	width: 30%;
	height: 15%;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}

.preorder_button_steelbook {
	position: absolute;
	top: 65%;
	left: 25%;
}

.preorder_button_steelbook img {
	opacity: 0.8;
	width: 140px;
}

.preorder_button_steelbook img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

.hintergrund_steelbook {
	width: 100%;
	max-height: 169px;
	float: left;
    position: relative;
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
}

.hintergrund_steelbook img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
}

.infos_steelbook {
	width: 100%;
	height: 300px;
	background: #E8E8E8;
	border-radius: 10px;
	border: 2px solid;
}

.steelbook {
	max-width: 23%;
	float: left;
	margin:  10px 7px;
	position: relative;
}

.steelbook:hover {
	box-shadow: 0 0 10px #b5b5b5;
	border-radius: 10px;
}

.steelbook_datum {
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0; 
	right: 0;
	text-align: center;
}

.steelbook_titel {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.preorder_button_steelbooks {
	width: 50%;
	position: absolute;
	text-align: center;
	left: 25%;
	top: 64%;
}

.preorder_button_steelbooks img {
	opacity: 0.8;
}

.preorder_button_steelbooks img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}

.steelbook_exclusive {
	text-align: center;
	position: absolute;
	bottom: 0;
	margin-bottom: -5.8px;
}

.steelbook_exclusive img{
	border-bottom-left-radius:7px;
	border-top-right-radius:8.5px;
}

.steelbook_platform {
   	width: 100%;
	text-align: center;
	padding: 8px;
	margin-top: -10px;
}

.steelbook_platform_pc {
    display: inline-block;
	color: #171A21;
	font-weight: bold;
} 

.steelbook_platform_ps {
    display: inline-block;
	color: #003791;
	font-weight: bold;
} 

.steelbook_platform_xbx {
    display: inline-block;
	font-weight: bold;
	color: #107c10;
}


.fa.fa-home a {
	text-decoration: #FF533d !important;
}


.fa.fa-home {
	font-size: 25px;
	color: #fff;
	margin-top: -10px;
}

.fa.fa-shield {
	color: #FFF;
	float: left;
	padding-top: 10px;
	font-size: 18px;
}

.fa.fa-shield:hover {
	color: #ab987a;
}

.release_quartal_last {
    border-radius: 10px;
    margin-top: 35px;
    margin-bottom: 10px;
}

.release_quartal {
    border-radius: 10px;
    margin-top: 35px;
    margin-bottom: -15px !important;
}

#yottie_1 .yottie-widget-nav-list-item:hover::after {
    background: rgb(255, 0, 0);
    bottom: 10px !important;
}

#yottie_1 .yottie-widget-nav-list-item.yottie-active:hover::after, #yottie_1 .yottie-widget-nav-list-item.yottie-active::after {
    background: rgb(255, 0, 0);
    bottom: 10px !important;
}

.section-ueberschrift-youtube {
    background: #0F1626;
    padding: 0;
    height: 40px;
	padding: 0 0 0 13px;
	border-radius: 5px;
	margin-bottom: 25px;
	margin-top: -150px
}

.section-ueberschrift-youtube h3 {
    color: #F5F5F5;
    font-size: 18px;
    letter-spacing: .8px;
    margin-left: 7px;
    float: left;
	padding-top: 8px;
	margin-bottom: 0px;
}

@media only screen and ( max-width: 1024px ) {
.section-ueberschrift-youtube {
    margin-top: 0px !important;
}
}

.et_pb_tabs {
 border: none !important;
}

.et_pb_tabs.test {
 border: none;
}

.test .et_pb_tabs_controls li {
 border-right: none;
}

.test ul.et_pb_tabs_controls {
 background-color: transparent;
}

.test .et_pb_all_tabs {
 border-top: none;
}
 
.test .et_pb_tabs_controls {
 padding: 0 30% !important;
}
.test .et_pb_tabs_controls li {
 width: 50% !important;
 font-size: 30px !important;
}

.test .et_pb_tabs_controls li a {
 width: 100% !important;
 text-align:center;
 color: #0f1626;
 text-transform: uppercase;
 letter-spacing:2px;
 font-weight: 900 !important;
}

.test .et_pb_tab_active a {
 color: #ff533d !important;
 text-decoration: underline;
}

.test .et_pb_tab p {
 font-weight: 300 !important;
}
.test .et_pb_tabs_controls li a:before {
 font-family: 'FontAwesome';
 display:block;
 font-size:40px;
 color: #a3a3a3;
 margin-bottom: 15px;
 font-weight: 300 !important;
}
 
.test .et_pb_tabs_controls li.et_pb_tab_active a:before {
 color: #0b83a1;
}
 
ul.et_pb_tabs_controls::after { 
border-top: none !important;
} 
 
.et_pb_tabs .et_pb_all_tabs .et_pb_tab {
padding-top: 1em; 
}

@media (max-width: 768px) {
 
.test .et_pb_tabs_controls li {
	width: 100% !important;
	font-size: 20px !important;
}
 
.test .et_pb_tabs_controls {
 padding: 0 !important;
}
 
.test .et_pb_tabs_controls li {
 margin-bottom: 35px;
}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
.releaseliste_games {
	width: 30% !important;
}

.hintergrund_game {
	width: 100%;
	height: 100%;
}
}

@media only screen and ( min-width: 480px ) and ( max-width: 768px ) {

.releaseliste_games {
	width: 44% !important;
	float: left;
}

.hintergrund_game {
	width: 100%;
	height: 100%;
}

.icon-tabs .et_pb_tabs_controls li {
	width: 100% !important;
	font-size: 25px !important;
	float: left;
	border-bottom: none;
}

.icon-tabs .et_pb_tabs_controls {
 padding: 0 !important;
}

.et_pb_tab_content {
    margin-top: -50px;
}
}

@media only screen and ( max-width: 480px ) 
{
.hintergrund_game {
	width: 100%;
	height: 100%;
}

.hintergrund_game img {
    max-height: 169px;
}

.preorder_button_games img {
    max-height: 100% !important;
}

.preorder_button_games {
    margin: -60px -35px 0 0 !important;
}

.releaseliste_games {
	width: 100% !important;
	margin: 0 0 10px 0;
}
}

.totaku_exclusive {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
}

.totaku_exclusive img{
	border-top-left-radius:7px;
	border-bottom-right-radius:8.5px;
}

.preorder_button_totaku {
    display: flex;
    position: absolute;
	margin: 50px -35px 0 0;
	width: 98%;
}

.preorder_button_totaku img {
	opacity: 0.8;
}

.preorder_button_totaku img:hover {
	opacity: 1.0; 
	filter: alpha(opacity=60);
}


.Totaku {
	width: 23%;
	float: left;
	margin:  10px 10px;
	position: relative;
}

.hintergrund_totaku {
	max-width: 250px;
	max-height: 250px;
	float: left;
    position: relative;
	margin-bottom: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
}

.hintergrund_totaku img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
}

.infos_totaku {
	max-width: 250px;
	height: 350px;
	background: #E8E8E8;
	border-radius: 10px;
	border: 2px solid;
}

.releaseliste_totaku {
	width: 23%;
	float: left;
	margin:  10px 10px;
	position: relative;
}

.totaku_datum {
	font-size: 15px;
	font-weight: 900;
	position: absolute;
	max-width: 250px;
	left: 0; 
	right: 0;
}

.totaku_titel {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.releaseliste_totaku:hover {
	box-shadow: 0 0 10px #b5b5b5;
	border-radius: 10px;
}