modulecard, form und benefidcard respoonsive anpassungen

components/BenefitCardBar/BenefitCard/BenefitCard.Module.css

@@ -63,7 +63,7 @@
 @media (max-width: 835px) {
   .benefitCard {
     border-radius: 40px;
-    width: 600px;
+    width: 500px;
   }
 
   .card1 {
@@ -80,7 +80,7 @@
   }
 }
 
-@media (max-width: 430px) {
+@media (max-width: 500px) {
   .benefitCard {
     gap: 20px;
     width: 350px;

components/Formular/Form.module.css

@@ -246,7 +246,7 @@
   }
 }
 
-@media (max-width: 430px) {
+@media (max-width: 500px) {
   .container {
     gap: 20px;
     max-width: 350px;

components/ModuleCardSlider/ModuleCardsContainer.module.css

@@ -50,6 +50,8 @@
     justify-content: space-between;
     padding-left: 5vw;
     padding-right: 5vw;
+    flex-direction: column;
+    gap: 20px;
   }
 }
 
@@ -71,8 +73,6 @@
     justify-content: space-between;
     padding-left: 5vw;
     padding-right: 5vw;
-    flex-direction: column;
-    gap: 20px;
   }
 }
 
@@ -82,11 +82,6 @@
     margin-right: 0px;
   }
 
-  .infoText {
-    flex-direction: column;
-    gap: 20px;
-  }
-
   .module {
     display: flex;
     flex-direction: column;