/* maintenance.css */
@font-face {
    font-family: 'Zoika';
    src: url('https://panelcrafter.de/fonts/Zoika.woff2') format('woff2'),
         url('https://panelcrafter.de/fonts/Zoika.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Set height to 100% for body and html to enable the background image to cover the whole page: */
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0 auto;             /* Zentriert die Box horizontal */
  box-sizing: border-box;     /* Verhindert, dass Padding die Breite sprengt */
  vertical-align: middle;
  text-align: center;
}

main {
  height: 100%;
}

h1 {
    display: none;
    }


.responsive-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}



.bgimg {
  /* Background image */
  background-image: url('https://panelcrafter.de/pictures/bg.webp');
  /* Full-screen */
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Dunkle Farbe mit Deckkraft */
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
  position: relative;
  /* Add a white text color to all elements inside the .bgimg container */
  color: white;
  /* Add a font */
  font-family: "Zoika", sans-serif;
  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}