diff --git a/config/config.php b/config/config.php
index 272d093..672d91c 100644
--- a/config/config.php
+++ b/config/config.php
@@ -11,8 +11,8 @@ return [
'before' => '2W',
'from' => '2022-12-27',
'until' => '2025-05-02',
- 'text' => 'Wir suchen aktuell eine(n) Gesundheits- oder Krankenpfleger-(in)/MFA (m/w/d) für den Dialysebereich, sowie eine Küchenkraft/ Dialyseassistenz in Voll- oder Teilzeit.
-Gründliche Einarbeitung gewährleistet! Melden Sie sich gern unter kontakt@dialyse-berlin.de.
-Wir freuen uns schon Sie kennen zu lernen!'
+ 'text' => 'Wir suchen aktuell eine(n) Gesundheits- oder Krankenpfleger(in) / MFA (m/w/d) für den Dialysebereich sowie eine Küchenkraft / Dialyseassistenz in Voll- oder Teilzeit.
+Gründliche Einarbeitung gewährleistet! Melden Sie sich gern unter kontakt@dialyse-berlin.net.
+Wir freuen uns schon, Sie kennenzulernen!'
]
];
\ No newline at end of file
diff --git a/css/frontend.css b/css/frontend.css
index 25f5dcb..422a248 100644
--- a/css/frontend.css
+++ b/css/frontend.css
@@ -81,6 +81,7 @@ html {
font-size: 16px;
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
+ text-size-adjust: 100%;
}
body {
@@ -493,6 +494,7 @@ li {
align-items: center;
gap: 0.5rem;
background-color: rgba(255, 255, 255, 0.15);
+ -webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: 0.35rem 0.85rem;
border-radius: var(--radius-full);
@@ -1195,6 +1197,8 @@ li {
display: flex;
align-items: center;
justify-content: space-between;
+ flex-wrap: wrap;
+ gap: 0.75rem;
}
.map-header-title {
@@ -1478,6 +1482,28 @@ textarea.form-control {
Responsive Media Queries
========================================================================== */
+/* Prevent grid and flex children from forcing horizontal overflow */
+.grid-2 > *,
+.grid-3 > *,
+.grid-4 > *,
+.condition-grid > *,
+.contact-layout > *,
+.footer-grid > * {
+ min-width: 0;
+}
+
+h1, h2, h3, h4, p, li, .card, .location-card, .contact-detail-value, .btn {
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ hyphens: auto;
+}
+
+.btn {
+ flex-wrap: wrap;
+ text-align: center;
+ max-width: 100%;
+}
+
/* Prioritized Address Hiding when space is limited */
@media screen and (max-width: 1240px) {
.top-bar-addr-satellite {
@@ -1485,6 +1511,23 @@ textarea.form-control {
}
}
+/* Compact Header for Medium Laptops & Tablets (max 1100px) */
+@media screen and (max-width: 1100px) {
+ .header-actions .header-cta-btn {
+ display: none;
+ }
+
+ .site-logo-img {
+ height: 60px;
+ max-width: 280px;
+ }
+
+ .nav-link {
+ padding: 0.5rem 0.75rem;
+ font-size: 0.9rem;
+ }
+}
+
@media screen and (max-width: 992px) {
.top-bar-left {
display: none !important;
@@ -1521,24 +1564,26 @@ textarea.form-control {
h2 {
font-size: 1.35rem;
}
+
+ .top-bar {
+ white-space: normal;
+ }
.top-bar-inner {
justify-content: center;
text-align: center;
- overflow-x: auto;
- scrollbar-width: none;
- -webkit-overflow-scrolling: touch;
- }
-
- .top-bar-inner::-webkit-scrollbar {
- display: none;
+ overflow-x: visible;
+ flex-wrap: wrap;
}
.top-bar-right {
justify-content: center;
- gap: 0.85rem;
+ row-gap: 0.25rem;
+ column-gap: 0.85rem;
font-size: 0.8rem;
- flex-wrap: nowrap;
+ flex-wrap: wrap;
+ white-space: normal;
+ width: 100%;
}
.site-header {
@@ -1638,18 +1683,42 @@ textarea.form-control {
.content-card {
padding: 1.5rem;
}
+
+ .contact-detail-row {
+ flex-wrap: wrap;
+ gap: 0.25rem 0.6rem;
+ }
+
+ .contact-detail-label {
+ min-width: 120px;
+ }
}
/* Small Smartphone (max 480px) */
@media screen and (max-width: 480px) {
+ .container {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ h1 {
+ font-size: 1.4rem;
+ }
+
+ h2 {
+ font-size: 1.2rem;
+ }
+
.top-bar-right {
- gap: 0.65rem;
- font-size: 0.76rem;
+ row-gap: 0.2rem;
+ column-gap: 0.65rem;
+ font-size: 0.75rem;
}
.site-logo-img {
- height: 53px;
- max-width: 270px;
+ height: auto;
+ max-height: 53px;
+ max-width: calc(100vw - 96px);
}
.logo-title {
@@ -1659,6 +1728,31 @@ textarea.form-control {
.logo-sub {
font-size: 0.65rem;
}
+
+ .content-card {
+ padding: 1.15rem;
+ }
+
+ .card,
+ .location-card,
+ .schedule-card,
+ .highlight-panel,
+ .form-card {
+ padding: 1.15rem;
+ }
+
+ .location-title {
+ font-size: 1.1rem;
+ }
+
+ .contact-detail-label {
+ min-width: calc(100% - 28px);
+ }
+
+ .contact-detail-value {
+ flex-basis: 100%;
+ padding-left: 26px;
+ }
.hero-actions {
flex-direction: column;
diff --git a/img/gallery/backup_orig/behandlung1.jpg b/img/gallery/backup_orig/behandlung1.jpg
new file mode 100644
index 0000000..7058bc1
Binary files /dev/null and b/img/gallery/backup_orig/behandlung1.jpg differ
diff --git a/img/gallery/backup_orig/behandlung1_thumb.jpg b/img/gallery/backup_orig/behandlung1_thumb.jpg
new file mode 100644
index 0000000..c3a672e
Binary files /dev/null and b/img/gallery/backup_orig/behandlung1_thumb.jpg differ
diff --git a/img/gallery/backup_orig/behandlung2.jpg b/img/gallery/backup_orig/behandlung2.jpg
new file mode 100644
index 0000000..3394593
Binary files /dev/null and b/img/gallery/backup_orig/behandlung2.jpg differ
diff --git a/img/gallery/backup_orig/behandlung2_thumb.jpg b/img/gallery/backup_orig/behandlung2_thumb.jpg
new file mode 100644
index 0000000..cfc3440
Binary files /dev/null and b/img/gallery/backup_orig/behandlung2_thumb.jpg differ
diff --git a/img/gallery/backup_orig/leistung1.jpg b/img/gallery/backup_orig/leistung1.jpg
new file mode 100644
index 0000000..eb0194f
Binary files /dev/null and b/img/gallery/backup_orig/leistung1.jpg differ
diff --git a/img/gallery/backup_orig/leistung1_thumb.jpg b/img/gallery/backup_orig/leistung1_thumb.jpg
new file mode 100644
index 0000000..6e8667d
Binary files /dev/null and b/img/gallery/backup_orig/leistung1_thumb.jpg differ
diff --git a/img/gallery/backup_orig/leistung2.jpg b/img/gallery/backup_orig/leistung2.jpg
new file mode 100644
index 0000000..c46e2b9
Binary files /dev/null and b/img/gallery/backup_orig/leistung2.jpg differ
diff --git a/img/gallery/backup_orig/leistung2_thumb.jpg b/img/gallery/backup_orig/leistung2_thumb.jpg
new file mode 100644
index 0000000..88eba41
Binary files /dev/null and b/img/gallery/backup_orig/leistung2_thumb.jpg differ
diff --git a/img/gallery/backup_orig/leistung3.jpg b/img/gallery/backup_orig/leistung3.jpg
new file mode 100644
index 0000000..88e359f
Binary files /dev/null and b/img/gallery/backup_orig/leistung3.jpg differ
diff --git a/img/gallery/backup_orig/leistung3_thumb.jpg b/img/gallery/backup_orig/leistung3_thumb.jpg
new file mode 100644
index 0000000..82eeaa3
Binary files /dev/null and b/img/gallery/backup_orig/leistung3_thumb.jpg differ
diff --git a/img/gallery/backup_orig/leistung4.jpg b/img/gallery/backup_orig/leistung4.jpg
new file mode 100644
index 0000000..e223e1b
Binary files /dev/null and b/img/gallery/backup_orig/leistung4.jpg differ
diff --git a/img/gallery/backup_orig/leistung4_thumb.jpg b/img/gallery/backup_orig/leistung4_thumb.jpg
new file mode 100644
index 0000000..9df925d
Binary files /dev/null and b/img/gallery/backup_orig/leistung4_thumb.jpg differ
diff --git a/img/gallery/behandlung1.jpg b/img/gallery/behandlung1.jpg
index 7058bc1..78101be 100644
Binary files a/img/gallery/behandlung1.jpg and b/img/gallery/behandlung1.jpg differ
diff --git a/img/gallery/behandlung1_thumb.jpg b/img/gallery/behandlung1_thumb.jpg
index c3a672e..5f457ea 100644
Binary files a/img/gallery/behandlung1_thumb.jpg and b/img/gallery/behandlung1_thumb.jpg differ
diff --git a/img/gallery/behandlung2.jpg b/img/gallery/behandlung2.jpg
index 3394593..4e61194 100644
Binary files a/img/gallery/behandlung2.jpg and b/img/gallery/behandlung2.jpg differ
diff --git a/img/gallery/behandlung2_thumb.jpg b/img/gallery/behandlung2_thumb.jpg
index cfc3440..ccc0866 100644
Binary files a/img/gallery/behandlung2_thumb.jpg and b/img/gallery/behandlung2_thumb.jpg differ
diff --git a/img/gallery/leistung1.jpg b/img/gallery/leistung1.jpg
index eb0194f..1414bc0 100644
Binary files a/img/gallery/leistung1.jpg and b/img/gallery/leistung1.jpg differ
diff --git a/img/gallery/leistung1_thumb.jpg b/img/gallery/leistung1_thumb.jpg
index 6e8667d..1446d32 100644
Binary files a/img/gallery/leistung1_thumb.jpg and b/img/gallery/leistung1_thumb.jpg differ
diff --git a/img/gallery/leistung2.jpg b/img/gallery/leistung2.jpg
index c46e2b9..2f19b25 100644
Binary files a/img/gallery/leistung2.jpg and b/img/gallery/leistung2.jpg differ
diff --git a/img/gallery/leistung2_thumb.jpg b/img/gallery/leistung2_thumb.jpg
index 88eba41..e74d64a 100644
Binary files a/img/gallery/leistung2_thumb.jpg and b/img/gallery/leistung2_thumb.jpg differ
diff --git a/img/gallery/leistung3.jpg b/img/gallery/leistung3.jpg
index 88e359f..6e38ddc 100644
Binary files a/img/gallery/leistung3.jpg and b/img/gallery/leistung3.jpg differ
diff --git a/img/gallery/leistung3_thumb.jpg b/img/gallery/leistung3_thumb.jpg
index 82eeaa3..751710a 100644
Binary files a/img/gallery/leistung3_thumb.jpg and b/img/gallery/leistung3_thumb.jpg differ
diff --git a/img/gallery/leistung4.jpg b/img/gallery/leistung4.jpg
index e223e1b..bde79bb 100644
Binary files a/img/gallery/leistung4.jpg and b/img/gallery/leistung4.jpg differ
diff --git a/img/gallery/leistung4_thumb.jpg b/img/gallery/leistung4_thumb.jpg
index 9df925d..0c992a0 100644
Binary files a/img/gallery/leistung4_thumb.jpg and b/img/gallery/leistung4_thumb.jpg differ
diff --git a/view/contact-form.php b/view/contact-form.php
index 1402dc1..511ad63 100644
--- a/view/contact-form.php
+++ b/view/contact-form.php
@@ -21,7 +21,7 @@ $form = $session->get('form');
Hier können Sie, unter Angabe Ihrer Kontaktdaten, eine persönliche Anfrage stellen. Die mit einem (*) gekennzeichneten Felder sind Pflichtfelder. - Bitte geben Sie entweder eine E-Mailadresse oder Ihre Telefonnummer an, damit wir Sie erreichen können. + Bitte geben Sie entweder eine E-Mail-Adresse oder Ihre Telefonnummer an, damit wir Sie erreichen können.