Model update: Berkel, IJssel, Reest

assets/scss/main.scss

@@ -531,26 +531,26 @@ p {
         height: 100%;
         width: 100%;
         z-index: 2;
-        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
+        background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
     }
 
     .price-badge {
-        background: rgba(255, 255, 255, 0.95);
+        background: rgba(255, 255, 255, 0.9);
         display: inline-block;
         padding: 10px 20px;
         border-radius: 15px;
-        color: #1a1a1a;
+        color: #212121;
         align-self: flex-start; 
         
         span:first-child {
             color: $van-emous-orange;
-            font-size: 0.7rem;
+            // font-size: 0.7rem;
             letter-spacing: 0.1em;
         }
     }
 
     .model-info {
-        text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
     }
 }
 
@@ -780,7 +780,7 @@ textarea {
 }
 
 #gallery-splide {
-    overflow: hidden; // Zorgt dat alles wat buiten de slider valt onzichtbaar is
+    overflow: hidden; 
     padding-bottom: 40px;
     .splide__slide {
         transition: transform 0.3s ease;
@@ -834,10 +834,10 @@ textarea {
         background: transparent;
     }
     .modal-backdrop.show {
-        opacity: 0.9; // Lekker donker zodat de foto knalt
+        opacity: 0.9; 
     }
     #lightboxImage {
-        max-height: 90vh; // Voorkomt dat de foto buiten beeld valt op kleine schermen
+        max-height: 90vh; 
         box-shadow: 0 0 50px rgba(0,0,0,0.5);
     }
 }
@@ -858,7 +858,7 @@ textarea {
     height: 45px;
     border-radius: 50%;
     border: none;
-    background-color: $van-emous-orange; // Je primary kleur
+    background-color: $van-emous-orange; 
     color: #fff;
     display: flex;
     align-items: center;
@@ -874,12 +874,12 @@ textarea {
         opacity: 1;
         width: 50px;
         height: 50px;
-        svg { fill: #fff; } // Als je de standaard Splide pijltjes gebruikt
-        i { font-size: 1.5rem; } // Als je Bootstrap Icons gebruikt
+        svg { fill: #fff; } 
+        i { font-size: 1.5rem; }
     }
 
     .splide__track {
-        overflow: visible; // Zorgt dat pijltjes buiten de foto kunnen vallen indien gewenst
+        overflow: visible;
     }
 }
 
@@ -968,17 +968,17 @@ textarea {
 .contact-icon-circle {
     width: 60px;
     height: 60px;
-    background-color: $van-emous-orange; // Gebruik je variabele
+    background-color: $van-emous-orange;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
-    flex-shrink: 0; // Voorkomt dat de cirkel platgedrukt wordt bij lange tekst
+    flex-shrink: 0;
 
     i, img {
         color: white;
         font-size: 1.5rem;
-        width: 24px; // Mocht je SVG's gebruiken
+        width: 24px;
     }
 }