no message

adventskalender/2025/css/popup.css

@@ -35,11 +35,16 @@
     0 0 25px color-mix(in srgb, var(--ci-gold) 40%, transparent),
     inset 0 0 10px rgba(255, 255, 255, 0.4);
 
-  width: min(90vw, 1800px);
+  /* neue, ausgewogenere Breite */
+  width: min(95vw, 2000px);
   max-height: 90vh;
+
   overflow-y: auto;
   overflow-x: hidden;
-  padding: clamp(1.5rem, 2vw, 3rem);
+
+  /* leicht reduziertes Padding */
+  padding: clamp(1rem, 1.5vw, 2rem);
+
   color: #333;
   text-align: center;
   position: relative;
@@ -49,6 +54,14 @@
   box-sizing: border-box;
 }
 
+/* ab sehr großen Bildschirmen: mehr Weite, weniger Rahmen */
+@media (min-width: 1800px) {
+  #popup-box {
+    width: 85vw;
+    padding: 1.2rem 2rem;
+  }
+}
+
 /* === Grundlayout für Inhalte === */
 #popup-content {
   margin-top: 1rem;