@charset "UTF-8";
/*//////////////////////////////////////////////=============================
       GAMING-PIZZEN  //////////   © 2025 seltsam., Tim Gloystein
=============================//////////////////////////////////////////////*/

/*//////////////////////////////////////////////=============================
     FONTS
=============================//////////////////////////////////////////////*/
@font-face {
 font-family: 'IBMPlexMono';
 src: url('../fonts/fishy/IBMPlexMono-SemiBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     BASICS
=============================//////////////////////////////////////////////*/
:root {
 --montorange: #ff6e00;
 --inkblack: #060606;
/* color: var(--orange);*/
}
body {
 font-family: "IBMPlexMono", Helvetica, Arial, sans-serif;
 background-image: linear-gradient(45deg, #659f93 25%, #060606 25%, #060606 50%, #659f93 50%, #659f93 75%, #060606 75%, #060606 100%);
 background-size: 56.57px 56.57px;
 color: white;
 position: relative;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     STYLING
=============================//////////////////////////////////////////////*/
h1 {
 font-family: 'IBMPlexMono', sans-serif;
 text-transform: none;
 font-size: 3rem;
 line-height: 3.4rem;
}
h2 {
 font-family: 'IBMPlexMono', sans-serif;
 text-transform: none;
 font-size: 3.4rem;
 line-height: 3.6rem;
 margin-bottom: 2rem;
}
p {
 font-size: 2.0rem;
 line-height: 2.4rem;
 margin-bottom: 1.6rem;
}
p.small {
 font-size: 1.3rem;
 line-height: 1.5rem;
 text-align: left;
}
p.msg {
 font-family: 'IBMPlexMono', sans-serif;
}
ol {
 padding-left: 5rem;
}
ol.small {
 font-size: 1.5rem;
 font-weight: 500;
}
.btn-danger {
 color: var(--fontyellow);
 font-size: 1rem;
 width: 509px;
 height: 128px;
}
.btn-light {
 background: var(--white);
 color: var(--montorange);
}
ol.upper-roman {
 list-style-type: upper-roman;
} 
ol.lower-alpha {
 list-style-type: lower-alpha;
} 
table {
 color: white !important;
 border-color: white !important;
 width: auto !important;
 font-size: 1.2rem !important;
 font-family: "IBMPlexMono", Helvetica, Arial, sans-serif;
}
.table-hover>tbody>tr:hover>* {
 color: var(--montorange);
}
.pinkBack {
 background-color: var(--montorange);
}
.blackBack h1, .blackBack h2 {
 color: white;
 margin-bottom: 0;
}
.anker {
 margin-bottom: 0;
}
label {
 color: var(--inkblack);
 font-family: "IBMPlexMono", Helvetica, Arial, sans-serif;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     LAYOUT
=============================//////////////////////////////////////////////*/
.gaming header #logo {
 position: relative;
 z-index: 1000;
 width: 200px;
 margin: 0 auto;
}
.gaming header #logo img {
 display: block;
 margin-top: 0px;
 transition: all 0.4s;
 width: 120px;
}
.gaming .page {
 background-color: var(--inkblack);
 background-image: url(/_uploads/images/aktionen/gaming/gaming-background.png);
 background-repeat: repeat;
 background-size: 100% auto;
 margin-top:20px;
 max-width: 90%;
    position: relative;
}
.gaming .gamingLogo {
 position: absolute;
 top:35rem;
}
.gaming .gronkh {
 padding: 2.5rem;
}
.gaming .netto img {
 max-width: 90px;

}
/*==========================/////////////////////==========================*/



/*//////////////////////////////////////////////=============================
     BREAKPOINTS BOOTSTRAP v5.2
=============================//////////////////////////////////////////////*/
/*// Small devices (landscape phones, 576px and up) //*/
@media (min-width: 576px) {
 .container {
  max-width: none;
 }
}
/*// Medium devices (tablets, 768px and up) //*/
@media (min-width: 768px) {
 h1 {
 font-size: 4rem;
 line-height: 4.4rem;
 }
 .gaming .netto img {
  top:11rem;
  right: 2rem;
  max-width: 160px;
 }
}
/*// Large devices (desktops, 992px and up) //*/
@media (min-width: 992px) {
 .gaming .page {
  background-color: var(--inkblack);
  margin-top:20px;
 }
 h1 {
  font-size: 6rem;
  line-height: 6.4rem;
 }
 h2 {
  font-size: 4.5rem;
  line-height: 4.8rem;
 }
 p {
 font-size: 2.8rem;
 line-height: 3.2rem;
 margin-bottom: 1.6rem;
}
 p.small {
  font-size:1.5rem;
  line-height: 1.8rem;
 }
 ul {
  /*font-size: 1.4rem;
  line-height: 2.4rem;*/
 }
 table {
  font-size: 1.5rem !important;
 }
}
/*// X-Large devices (large desktops, 1200px and up) //*/
@media (min-width: 1200px) {
 .gaming header #logo img {
  width: 200px;
  margin-top: 0px;
 }
 h1 {

 }
 h2 {
  font-size: 4.5rem;
 }
  p {
  font-size: 2.5rem;
  line-height: 3.8rem;
  margin-bottom: 1.6rem;
 }
 ol {
  font-size: 2.5rem;
  line-height: 3.8rem;
  margin-bottom: 1.6rem;
 }
 .gaming .page {
  margin-top:20px;
 }
 .gaming .netto img {
  top:11rem;
  right: 3rem;
  max-width: 269px;
 }
}
/*// XX-Large devices (larger desktops, 1400px and up) //*/
@media (min-width: 1400px) { 
 .gaming .page {
  background-color:  var(--inkblack);
  margin-top:20px;
  max-width: 1320px;
 }
 .gaming .gronkh {
  /*padding: 6rem 10rem;*/
 }
 .gaming .netto img {
  top:11rem;
  right: 10rem;
  max-width: 269px;
 }
}
@media (min-width: 1780px) { 
 .gaming .netto img {
  margin-top:-60px;
  max-width: 269px;
 }
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     PRINT
=============================//////////////////////////////////////////////*/
@media print {
 * {
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
 }
 a, a:visited {
  text-decoration: underline !important;
  border: none !important;
 }
 a[href]:after {
  content: " ("attr(href) ")";
 }
 abbr[title]:after {
  content: " ("attr(title) ")";
 }
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  content: "";
 }
 pre, blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
 }
 thead {
  display: table-header-group;
 }
 tr, img {
  page-break-inside: avoid;
 }
 img {
  max-width: 100% !important;
 }
 @page {
  margin: 0.5cm;
 }
 p, h2, h3 {
  orphans: 3;
  widows: 3;
 }
 h2, h3 {
  page-break-after: avoid;
 }
}