/* 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-papier {
  /* color: #fff !important; */
  background-color: #f6efd4 !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;
}




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

#covertextundimage {
  
  background-image: url(media/images/cover/re9.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: 60vh;
  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;
  color: white;
  background-color: #ea4506;
  width: fit-content;
}

#topthementext p {
  font-size: 2rem;
  color: #f9e547;
}



#weiterethemen {
      
  z-index: 100;
}

#weiterethementext {
  
  background-color: #ea4506;
  
  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 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_playstation {
  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_playstation {
  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;
}

#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);
}

#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;
  
  }

#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;
  }


/* Seitenlinie + Deko Elemente */

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




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





#wrapper_review {
  border-left: 3rem solid #ea4506;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  
  
  background-image: url(img/deko/dekodreieck.svg);
  background-repeat: no-repeat;
  
  background-size: 20rem;
  background-position-x: left;
  background-position-y: center;
  
}


#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;
}


/* WARPZONE SECTION */

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







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

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



/* SUPPORT BOX */

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

#support a {
  font-weight: 800;
  color: #ee974a;
  text-decoration: none;
}

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

/* 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;
  }




/* SINGLE PAGE */

.uppercase {
  text-transform: uppercase;
}