Widget:GOV-Test

Variante: responsiv

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

   .iframe-container {
     width: 100%; /* Container passt sich an die Breite des Viewports an */
     overflow: hidden; /* Inhalte außerhalb des Containers werden ausgeblendet */
     position: relative; /* Wichtig für absolute Positionierung des iframes */
     padding-top: 160%; /* Vermutetes Seitenverhältnis */
   }

   iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%; /* Standardbreite des iframes */
     height: 100%; /* Höhe passend zum Container */
     border: none;
   }

   /* Media Queries für Smartphones */
   @media (max-width: 768px) {
     .iframe-container {
       transform: scale(0.9); /* Verkleinere das gesamte iframe */
       transform-origin: top left; /* Ursprung für die Skalierung */
       width: 100%; /* Stelle sicher, dass die Breite des Containers bleibt */
     }
   }

   @media (max-width: 480px) {
     .iframe-container {
       transform: scale(0.8); /* Noch kleinere Skalierung für sehr kleine Geräte */
       transform-origin: top left;
     }
   }
 </style>