Widget:GOV-Test

Variante: responsiv

 <style>
   body {
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
   }

   .iframe-wrapper {
     width: 100vw; /* Volle Breite des Viewports */
     height: 100vh; /* Volle Höhe des Viewports */
     overflow: hidden; /* Überschüssige Inhalte ausblenden */
     position: relative; /* Container für absolutes Positionieren */
   }

   iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%; /* Standardbreite */
     height: 100%; /* Standardhöhe */
     transform-origin: top left; /* Skalierung ab der oberen linken Ecke */
     transform: scale(1); /* Standard-Skalierung */
   }

   /* Media Queries für kleinere Bildschirme */
   @media (max-width: 768px) {
     iframe {
       transform: scale(0.8); /* Skaliere das iframe-Inhalte */
       width: 125%; /* Kompensiere die Skalierung, um die Breite zu erhalten */
       height: 125%; /* Gleiche Relation wie Breite */
     }
   }

   @media (max-width: 480px) {
     iframe {
       transform: scale(0.7); /* Noch stärkere Skalierung */
       width: 143%; /* Entsprechend der Skalierung erhöhen */
       height: 143%; /* Höhe bleibt proportional */
     }
   }
 </style>