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

/*//////////////////////////////////////////////=============================
     FONTS
=============================//////////////////////////////////////////////*/
@font-face {
 font-family: 'MinecraftSeven';
 src: url('../fonts/minecraft/Minecraft-Seven_v2.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MinecraftTen';
 src: url('../fonts/minecraft/Minecraft-Tenv2.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MinecraftSixteen';
 src: url('../fonts/minecraft/MinecraftSixteen_v1.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     BASICS
=============================//////////////////////////////////////////////*/
:root {
 --brightblue: #3f94d1;
 --darkblue: #094f9e;
 --inkblack: #060606;
/* color: var(--orange);*/
}
body {
 font-family: "MinecraftSixteen", Helvetica, Arial, sans-serif;
 background-image: linear-gradient(45deg, #3f94d1 25%, #094f9e 25%, #094f9e 50%, #3f94d1 50%, #3f94d1 75%, #094f9e 75%, #094f9e 100%);
 background-size: 56.57px 56.57px;
 color: white;
 position: relative;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     STYLING
=============================//////////////////////////////////////////////*/
h1 {
 font-family: 'MinecraftTen', sans-serif;
 text-transform: none;
 font-size: 3rem;
 line-height: 3.4rem;
}
h2 {
 font-family: 'MinecraftSeven', sans-serif;
 text-transform: none;
 font-size: 3.4rem;
 line-height: 3.6rem;
 margin-bottom: 2rem;
}
h2 strong {
 font-family: 'MinecraftTen', sans-serif;
}
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: 'MinecraftSixteen', 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(--inkblack);
}
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: "MinecraftSixteen", 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: "MinecraftSixteen", Helvetica, Arial, sans-serif;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     LAYOUT
=============================//////////////////////////////////////////////*/
.minecraft header #logo {
 position: relative;
 z-index: 1000;
 width: 200px;
 margin: 0 auto;
}
.minecraft header #logo img {
 display: block;
 margin-top: 0px;
 transition: all 0.4s;
 width: 120px;
}
.minecraft .page {
 background-color: var(--darkblue);
 background-image: url(/_uploads/images/aktionen/minecraft/background.png);
 background-repeat: no-repeat;
 background-size: 100% auto;
 margin-top:20px;
 max-width: 90%;
 position: relative;
}
.mojangPermission {
 position: absolute;
 bottom: 6rem;
 right: 10px;
 writing-mode: vertical-lr;
 transform: rotate(180deg);
}
.mojangPermission p.small {
 line-height: 1rem;
}
.minecraft .beeee {
 position: absolute;
 top:1rem;
 right: 0rem;
}
.minecraft .beeee img {
 max-width: 120px;
}

.minecraft .alex {
 margin-top: 14rem;
 padding: 2.5rem;
}
/*==========================/////////////////////==========================*/



/*//////////////////////////////////////////////=============================
     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;
 }
 .mojangPermission {
  position: absolute;
  bottom: 18rem;
  right: 1rem;
  background-color: var(--darkblue);
 }
 .minecraft .beeee {
  top:10rem;
  right: 5rem;
 }
 .minecraft .beeee img {
  max-width: 140px;
 }
}
/*// Large devices (desktops, 992px and up) //*/
@media (min-width: 992px) {
 .minecraft .page {
  background-color: var(--darkblue);
  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;
 }
 .mojangPermission {
  right: .5rem;
 }
 .minecraft .beeee {
  top:18rem;
  right: 5rem;
 }
 .minecraft .beeee img {
  max-width: 160px;
 }
}
/*// X-Large devices (large desktops, 1200px and up) //*/
@media (min-width: 1200px) {
 .minecraft 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;
 }
 .minecraft .page {
  margin-top:20px;
 }
}
/*// XX-Large devices (larger desktops, 1400px and up) //*/
@media (min-width: 1400px) { 
 .minecraft .page {
  background-color:  var(--darkblue);
  margin-top:20px;
  max-width: 1320px;
 }
 .minecraft .alex {
  /*padding: 6rem 10rem;*/
 }
 .minecraft .beeee {
  top:30rem;
  right: 9rem;
 }
}
@media (min-width: 1780px) {
}
/*==========================/////////////////////==========================*/


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