html,
body {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
font-size:12px;
background: #000000;
}

body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}

.preload * {
-webkit-transition: none !important;
transition: none !important;
}

.container {
position: relative;
width: 100%;
padding-top: 20%; /* 384/1920 = 20% pour maintenir le ratio du banner */
background: url("../img/banner.webp") no-repeat top center;
background-size: 100% auto;
cursor: pointer;
}

.maximize {
position: absolute;
width: 9.22%; /* 177/1920 */
aspect-ratio: 1/1; /* Maintient le carré 177x177 */
left: 88.33%; /* 1696/1920 */
top: 50%;
transform: translate(0, -50%); /* Centre verticalement par rapport au container */
background: url("../img/maximize-btn.png") no-repeat center;
background-size: contain;
opacity: 1;
cursor: pointer;
}

.maximize.light {
background: url("../img/maximize-btn.png") no-repeat center;
background-size: contain;
}

.maximize.dark {
background: url("../img/maximize-btn.png") no-repeat center;
background-size: contain;
}

.anzeige {
  position: absolute;
  top: 0.7vw;
  left: 0.7vw;
  letter-spacing: 0.3px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 2vw;
  color: rgba(255, 255, 255, 0.5);
  z-index: 1001;
}
}