@font-face {
    font-family: 'RL Zeta Mono';
    src: url('./RL-Zeta-Mono.woff2') format('woff2'),
         url('./RL-Zeta-Mono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {  
background-color: #fff;
}

* {
  cursor: url("./gelb.png") 10 10, auto !important;
}



::-moz-selection { /* Code for Firefox */
	color: #ffff4d;
  background: #000;
}

::selection {
 	color: #ffff4d;
  background: #000;
}

.container {
z-index:-10;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  background-color: #fff;
}

img {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: auto;
     min-height: 100vh; /* Mindesthöhe des Bildes */
  object-fit: cover;
}

.title{
 z-index:1000;
 text-align:left; 
 font-family: 'RL Zeta Mono', monospace; 
 position:absolute; 
 text-transform: uppercase;
 top:35px; 
 left:35px;
 letter-spacing:2px; 
 font-weight:400;
 font-size:1.4rem; 
 line-height: 1.5rem;
 color:#ffff4d;

}


footer {
      position: fixed;
      bottom: 0;
      width: 95vw;
      display: flex;
      justify-content: space-between;
      padding: 20px;
      font-family: 'RL Zeta Mono', monospace;
      text-transform: uppercase;
      font-size:1.4rem; 
 line-height: 1.5rem;
      color:#ffff4d;
    }

    .footer-left {
      display: flex;
      gap: 2rem; /* Abstand zwischen den beiden Texten */
    }

    .footer-right {
      text-align: right;
      font-size: 1.5rem; /* Größere Schrift für den Zähler */
    }


a {
	color: #ffff4d;
	border-bottom: none;
	text-decoration: none;
cursor:url("./gelb.png") 10 10, auto;
}



a:hover {
	color: #ffff4d;
	border-bottom: 1px solid #ffff4d;
	text-decoration: none;
	cursor:url("./gelb.png") 10 10, auto;
}


a:visited {
	color: #ffff4d;
	text-decoration: none;
	cursor:url("./gelb.png") 10 10, auto;
}

@media only screen and (max-device-width: 680px) {

.container {
  position: fixed;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  z-index:-10;
}

.title{
 max-width:79vw;
top:20px; 
 left:20px;
}

img {
position: fixed;
      top: 50%;
      left: 50%;
   height: 100vh;
   object-fit:cover;
}


footer {
    width: 89vw; /* Footer ist nur 90% der Viewport-Breite */
    padding: 30px 10px;
      padding-right:0px;
      }
  
  .footer-left {
      display: block;
    }
    .footer-right {
      text-align: right;
      font-size: 1.5rem; /* Größere Schrift für den Zähler */
    
    }
    .footer-left div {
    margin-bottom: 10px; /* Abstand nach unten */
}

}