diff --git a/css/style.css b/css/style.css
index eede615..3bfab23 100644
--- a/css/style.css
+++ b/css/style.css
@@ -396,6 +396,10 @@ section {
     align-items: center;
 }
 
+.about-layout > * {
+    min-width: 0;
+}
+
 .about-text p {
     font-size: 1.05rem;
     line-height: 1.8;
@@ -718,6 +722,7 @@ section {
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
     background: var(--light-bg);
     aspect-ratio: 4 / 5;
+    min-width: 0;
 }
 
 .services-gallery-button {
@@ -1452,6 +1457,40 @@ section {
     }
 }
 
+/* Fallback for browsers without reliable aspect-ratio support (older iOS Safari) */
+@supports not (aspect-ratio: 1 / 1) {
+    .about-carousel .carousel-inner {
+        position: relative;
+        width: 100%;
+        height: 0;
+        padding-top: 66.6667%;
+        overflow: hidden;
+    }
+
+    .about-carousel .carousel-item,
+    .about-carousel-img {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .services-gallery-item {
+        position: relative;
+        width: 100%;
+        height: 0;
+        padding-top: 125%;
+    }
+
+    .services-gallery-button,
+    .services-gallery-img {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+    }
+}
+
 /* iOS-spezifische Fixes */
 @supports (-webkit-touch-callout: none) {
     .hero-logo {