/* STYLE CSS */

:root {
  --color-wertungsbalken: #e8c0a0;
  --color-wertungsrot: #db391f;
}

/* Background Colors */

.bg-playstation {
  /* color: #fff !important; */
  background-color: #0076ff !important;
}

.bg-nintendo {
  /* color: #fff !important; */
  background-color: #e4000f !important;
}

.bg-xbox {
  /* color: #fff !important; */
  background-color: #008c2f !important;
}

.bg-vg_orange_dark {
  /* color: #fff !important; */
  background-color: #ea4506 !important;
}

.bg-vg_orange {
  /* color: #fff !important; */
  background-color: #ee974a !important;
}

.bg-vg_blue {
  /* color: #fff !important; */
  background-color: #033a85 !important;
}

.bg-vg_green {
  /* color: #fff !important; */
  background-color: #008764 !important;
}

.bg-flieder {
  /* color: #fff !important; */
  background-color: #938fad !important;
}

.bg-footer {
  /* color: #fff !important; */
  background-color: #494344 !important;
}

.bg-wertungsbalken {
  /* color: #fff !important; */
  background-color: #e8c0a0 !important;
}

.bg-pp_blue_mid {
  /* color: #fff !important; */
  background-color: #527ed9 !important;
}

.bg-pp_blue_dark {
  /* color: #fff !important; */
  background-color: #1630a2 !important;
}

.bg-pp_blue_bright {
  /* color: #fff !important; */
  background-color: #b9d8f2 !important;
}

/* Text Colors */

.text-yellow {
  --bs-text-opacity: 1;
  color: #f9e547 !important;
}

.text-vg_orange {
  --bs-text-opacity: 1;
  color: #ee974a !important;
}

.text-vg_blue {
  --bs-text-opacity: 1;
  color: #1c4b6f !important;
}

.text-vg_teal {
  --bs-text-opacity: 1;
  color: #328e99 !important;
}

.text-vg_yellow {
  --bs-text-opacity: 1;
  color: #f5cc63 !important;
}

.text-vg_orange_dark {
  --bs-text-opacity: 1;
  color: #ea4506 !important;
}

.text-spielspasswertungsrot {
  --bs-text-opacity: 1;
  color: #db391f !important;
}

.text-footer {
  --bs-text-opacity: 1;
  color: #db391f !important;
}

.text-pp_pink {
  --bs-text-opacity: 1;
  color: #ea087d !important;
}

.text-psx {
  --bs-text-opacity: 1;
  color: #0076ff !important;
}

.text-nintendo {
  --bs-text-opacity: 1;
  color: #e4000f !important;
}

.text-xbox {
  --bs-text-opacity: 1;
  color: #008c2f !important;
}

/* - - - B U T T O N S - - - */

.btn-vg {
  font-weight: 800;
  --bs-text-opacity: 1;
  color: #1c4b6f !important;
  background-color: #ee974a !important;
  
}

.btn-psx {
  font-weight: 800;
  --bs-text-opacity: 1;
  color: white !important;
  background-color: #0076ff !important;
  
}

.btn-nintendo {
  font-weight: 800;
  --bs-text-opacity: 1;
  color: white !important;
  background-color: #e4000f !important;
  
}


.btn-xbox {
  font-weight: 800;
  --bs-text-opacity: 1;
  color: white !important;
  background-color: #008c2f !important;
  
}


/*  - - - H A U P T S E I T E - - -  */


#cover a {
  text-decoration: none;
}

#cover_back {
  background-image: url(media/images/cover/cover_back.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: auto 100vh;
  background-color: #1e1818;
}

#covertextundimage {
  background-image: url(media/images/cover/cover_front.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
}

#biglogo {
  display: block;
  margin: auto;
  padding-top: 0.75rem;

  max-height: 55vh;
  max-width: 90vw;

  z-index: 100;
}

#biglogoo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 100;
}

#seitentext {
  height: 100vh;
  width: 4rem;
  float: left;
  background-color: #ee974a;
}

#seitentext p {
  color: #1c4b6f;
  font-size: 3rem;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

#topthemen {
  z-index: 100;
}

#topthementext {
  margin-left: 3rem;
  margin-right: 3rem;

  margin-bottom: 3rem;
}

#topthementext h2 {
  font-size: 4rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: white;
  background-color: #ee974a;
  width: fit-content;
}

#topthementext p {
  font-size: 2rem;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #f9e547;
}

#weiterethemen {
  z-index: 100;
}

#weiterethementext {
  background-color: #328e99;

  border: solid white 0.2rem;
  margin: 3rem;
  padding: 1rem;

  width: auto;
}

#weiterethementext h3 {
  font-size: 2.5rem;
  max-width: 100%;
  color: white;
  text-align: center;
}

#weiterethementext p {
  font-size: 1.5rem;
  text-align: center;
  color: #f9e547;
}

/* R O M   C H E C K */
#tests a {
  text-decoration: none;
}

/*  - - - E D I T O R I A L - - -  */

#editorial_image {
  background-image: url(../media/images/editorials/editorial1.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  /* background-color: rgba(240, 240, 240, 0.5); */
  height: 50vh;
}

/*  - - - R E V I E W   S E I T E + S I N G L E   S E I T E - - -  */

/* Spieltitel */

.titel {
  background-image: url("../img/deko/designelement.png");
  background-color: #008764;
  background-size: 100% 100%;
}

.titel_psx {
  background-image: url("../img/deko/designelement_psx.png");
  background-size: 100% 100%;
}

.titel_nintendo {
  background-image: url("../img/deko/designelement_nsw.png");
  background-size: 100% 100%;
}

.titel_xbox {
  background-image: url("../img/deko/designelement_xbox.png");
  background-size: 100% 100%;
}

.spieltitel {
  --bs-text-opacity: 1;
  color: #f9e547 !important;
  text-shadow: 2px 2px black;
}

/* der eigentliche Artikel */

/* Kurzbewertung */

.kurzbewertung {
  background-image: url("../img/deko/designelement.png");
  background-size: 100% 100%;
  background-color: #008764;
}

.kurzbewertung_psx {
  background-image: url("../img/deko/designelement_psx.png");
  background-size: 100% 100%;
}

.kurzbewertung_nintendo {
  background-image: url("../img/deko/designelement_nsw.png");
  background-size: 100% 100%;
}

.kurzbewertung_xbox {
  background-image: url("../img/deko/designelement_xbox.png");
  background-size: 100% 100%;
}

.autor img {
  height: 125px;
}

.bewertung {
  font-size: 2.7rem;
}

/* Text im Blocksatz */

.blocksatz {
  hyphens: auto;
  text-align: justify; /* für Edge */
  -moz-text-align-last: justify; /* für Firefox vor 58.0 */
  text-align-last: left;
  margin-bottom: 0;
  padding-bottom: 0;
}

.blocksatz p {
  margin-bottom: 0.6rem;
}

.text-left {
  text-align: left;
  hyphens: none;
}

.autorinitialen {
  margin-top: 0;
  text-align: end;
  font-size: 1.25rem;
  font-style: italic;
  margin-bottom: 2rem;
}

/* Wertungskasten */

#wertungskastencontainer {
  margin-right: 0.5rem;
}

.wertungspadding {
  padding-left: 0.65rem;
}

.shadow {
  box-shadow: 3px 3px #008764;
}

#wertungskasten {
  background-color: #f6efd4;
  filter: drop-shadow(0.5rem 0.5rem #328e99);
}

#wertungskasten_psx {
  background-color: #f6efd4;
  filter: drop-shadow(0.5rem 0.5rem rgba(0, 118, 255, 0.25));
}

#wertungskasten_switch {
  background-color: #f6efd4;
  filter: drop-shadow(0.5rem 0.5rem rgba(228, 0, 15, 0.25));
}

#wertungskasten_xbox {
  background-color: #f6efd4;
  filter: drop-shadow(0.5rem 0.5rem rgba(0, 140, 47, 0.25));
}

#spielspasswertung {
  --bs-text-opacity: 1;
  color: #db391f !important;
  font-size: 3.5rem;
}

.wertungsprozent {
  font-size: 4rem;
}

/* Font Sizes */

.rem4 {
  font-size: 4rem;
}

/* COLUMNS */

.text_columns-2 {
  column-count: 2;
}

.text_columns-3 {
  column-count: 3;
  font-size: 1rem;
}

.w-10 {
  width: 10% !important;
}

.mw-10 {
  max-width: 10% !important;
}

.vw-10 {
  width: 10vw !important;
}

.min-vw-10 {
  min-width: 10vw !important;
}

.h-10 {
  height: 10% !important;
}

.mh-10 {
  max-height: 10% !important;
}

.vh-10 {
  height: 10vh !important;
}

.min-vh-10 {
  min-height: 10vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-25 {
  height: 25vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.vh-80 {
  height: 80vh !important;
}

/* HEADER */

#header {
  border-left: 3rem solid #ee974a;
  border-top: 3rem solid #ee974a;

  padding-bottom: 1rem;
}

#header-cont {
  border-bottom: 0.2rem dashed #f5cc63;
}

#head-left {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#header-nav {
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: 800;

  text-align: right;
}

#header-nav a {
  font-size: 1.25rem;
  text-decoration: none;
  margin-left: 1rem;
  margin-right: 1rem;
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#header-nav a:last-child {
  margin-right: 0;
}

#header-nav a:link,
a:active,
a:visited {
  color: #1c4b6f;
  background-color: #ee974a;
  filter: drop-shadow(2px -2px #1c4b6f);
}

#header-nav a:hover {
  color: #ee974a;
  background-color: #1c4b6f;
  filter: drop-shadow(3px -3px #ee974a);

  text-decoration: underline;
}

#header-nav a:last-child {
  margin-right: 3rem;
}

/* Seitenlinie + Deko Elemente */

/*
#wrapper {
  
  max-height: 100%;
  
}
*/

#wrapper_cover {
  border-left: 3rem solid #ee974a;
  border-top: 3rem solid #ee974a;
}

#wrapper_review {
  border-left: 3rem solid #ee974a;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.review_system_ps5 {
  background-image: url(../img/deko/dreieck-playstation5.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.review_system_ps4 {
  background-image: url(../img/deko/dreieck-playstation4.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.review_system_switch {
  background-image: url(../img/deko/dreieck-switch.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.review_system_switch2 {
  background-image: url(../img/deko/dreieck-switch2.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.review_system_xboxseries {
  background-image: url(../img/deko/dreieck-xboxseries.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.review_system_xboxone {
  background-image: url(../img/deko/dreieck-xboxone.svg);
  background-repeat: no-repeat;

  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
}

.vg_classic {
  float: right;
  height: 8rem;
}

#wrapper_single {
  border-left: 3rem solid #ee974a;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Index Links */

.indexlink {
  justify-content: end;
}

.indexlink a {
  padding: 1rem;
  text-decoration: none;
  color: #1c4b6f;
  background-color: #ee974a;
}

.indexlink a:link,
a:active,
a:visited {
  color: #1c4b6f;
}

.indexlink a:hover {
  color: white;
}

.indexlink h5 {
  text-align: end;
  padding: 1rem 0;
  margin: 1rem;
}

/* EDITORIAL SECTION */

#editorial {
  border-bottom-style: dashed;
  border-bottom-color: #1c4b6f;
  border-bottom-width: thick;
}

#editorial_text {
  hyphens: none;
  text-align: justify; /* für Edge */
  -moz-text-align-last: justify; /* für Firefox vor 58.0 */
  text-align-last: left;
}

/* WARPZONE SECTION */

#warpzone {
  border-bottom-style: dashed;
  border-bottom-color: #1c4b6f;
  border-bottom-width: thick;
}

.dekocontainer {
  height: fit-content;
}

.dekocontainer img {
  height: 3rem;
}

.dekoelement {
  float: inline-end;
  margin-right: 4rem;
}

.dekolinie {
  border-block: 2px solid #ccc;
  display: block;
}

.section-sub-headline {
  text-align: right;
  padding-right: 4rem;
}


/* ROM CHECK */
.card-maintext {
  height: 5rem;
  overflow: clip;
  background: -webkit-linear-gradient(#000000, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


/* SUPPORT BOX */

#support_section {
  padding: 1rem 0;
}

#support {
  padding: 1rem;
  border: dashed;
}

#support a {
  font-weight: 800;
  color: #1c4b6f;
  text-decoration: none;
  background-color: #ee974a;
  filter: drop-shadow(2px -2px #1c4b6f);
  padding: 0.2rem;
}

#support a:hover {
  text-decoration: underline;
  color: #328e99;
}

.affiliate-link {
  font-size: large;
  text-align: center;
}

/* Gradient for those support sections which need it */
.support-border {
  border-image: linear-gradient(to bottom, #ee974a 0%, #494344 100%) 1;
  border-left: 3rem solid #ea4506;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Footer */

#footer {
  font-size: 1rem;
}

#footer a {
  font-size: medium;
  text-decoration: none;
}

#footer a:link,
a:active,
a:visited {
  color: #ee974a;
}

#footer a:hover {
  color: white;
  text-decoration: underline;
}

.footer_videogames_logo {
  display: block;
  margin-right: auto;
  text-align: left;
}

.footer_powerplay_logo {
  text-align: right;
  display: block;
  margin-left: auto;
}

.footer_powerplay_logo p {
  padding-bottom: 0;
  margin-bottom: 0.2rem;
}

.bg-papier {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-image: url(./img/deko/bgpapier.webp);
}

.bg-papier-white {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(254, 254, 254, 0.45) !important;
}

.bg-papier-playstation {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(0, 118, 255, 0.25) !important;
}

.bg-papier-nintendo {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(228, 0, 15, 0.25) !important;
}

.bg-papier-xbox {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(0, 140, 47, 0.25) !important;
}

.bg-papier-retro {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(60, 50, 250, 0.25) !important;
}

.bg-papier-sonstige {
  /* color: #fff !important; */
  /* background-color: #f6efd4 !important;*/

  background-color: rgba(254, 240, 0, 0.13) !important;
}

/* SINGLE PAGE */

.uppercase {
  text-transform: uppercase;
}