/* Montserrat-Schriftart importieren */
@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap‘);
.hs-banner-container {
Breite: 100 %;
maximale Breite: 1200px;
Rand: 0 automatisch;
Box-Shadow: 0 15px 30px rgba(0, 0, 0, 0,08);
Randradius: 12px;
Überlauf: versteckt;
Position: relativ;
}
.hs-banner {
Anzeige: Flex;
Höhe: 300px;
Position: relativ;
Hintergrund: linearer Farbverlauf (135 Grad, #1a3a2f 0 %, #2a5c46 100 %);
}
.hs-banner-content {
Flex: 1;
Polsterung: 30px 40px;
Anzeige: Flex;
Flexrichtung: Spalte;
rechtfertigen-Inhalt: Mitte;
Farbe: weiß;
Z-Index: 2;
Position: relativ;
}
.hs-banner-image {
Flex: 1;
Position: relativ;
Überlauf: versteckt;
}
.hs-banner-image img {
Breite: 100 %;
Höhe: 100 %;
Objektanpassung: Abdeckung;
Objektposition: Mitte;
}
.hs-logo {
Schriftfamilie: „Montserrat“, serifenlos;
Schriftstärke: 700;
Schriftgröße: 36px;
Farbe: #fff;
Rand unten: 15px;
Textschatten: 2px 2px 0 #000;
}
.hs-Tagline {
Schriftgröße: 13px;
Schriftstärke: 400;
Deckkraft: 0,85;
Buchstabenabstand: 1px;
Texttransformation: Großbuchstaben;
Rand unten: 20px;
Schriftfamilie: „Montserrat“, serifenlos;
}
.hs-cta-button {
Position: absolut;
links: 54 %;
unten: 5 %;
transform: Translate(-50%, -50%);
Hintergrundfarbe: #e8a838;
Farbe: #1a3a2f;
Textdekoration: keine;
Polsterung: 16px 40px;
Randradius: 8px;
Schriftstärke: 700;
Schriftgröße: 20px;
Übergang: alle 0,3 Sekunden nachlassen;
Box-Shadow: 0 4px 12px rgba(232, 168, 56, 0,25);
Schriftfamilie: „Montserrat“, serifenlos;
Textausrichtung: Mitte;
Leerraum: nowrap;
Z-Index: 10;
}
.hs-cta-button:hover {
Hintergrundfarbe: #f5bc4f;
transform: Translate(-50%, -50%) Scale(1.05);
Box-Shadow: 0 6px 20px rgba(232, 168, 56, 0,4);
}
@media (maximale Breite: 900 Pixel) {
.hs-banner {
Flexrichtung: Spalte;
Höhe: 350px;
}
.hs-banner-content {
Polsterung: 25px 30px;
}
.hs-banner-image {
Höhe: 150px;
}
.hs-cta-button {
links: 50 %;
oben: calc(100% – 150px / 2);
transform: Translate(-50%, -50%);
Polsterung: 14px 32px;
Schriftgröße: 18px;
}
.hs-cta-button:hover {
transform: Translate(-50%, -50%) Scale(1.05);
}
}
@media (maximale Breite: 600 Pixel) {
.hs-banner {
Höhe: 300px;
}
.hs-banner-content {
Polsterung: 20px 25px;
}
.hs-logo {
Schriftgröße: 22px;
Textschatten: 1px 1px 0 #000;
}
.hs-cta-button {
Polsterung: 12px 28px;
Schriftgröße: 16px;
}
}

Der Shop der Humane Society of Morocco
Jeder Einkauf hilft Tieren

Jetzt Shoppen

[custom_breadcrumbs]

Einkaufen mit Herz – Unterstützen Sie Tiere in Marokko

.shop-hero {
Hintergrund: linearer Farbverlauf(
nach unten,
#69DBAA 0 %,
#5AC79A 100%
);
Textausrichtung: Mitte;
Polsterung: 100px 20px;
}
.shop-hero h1 {
Farbe: #0E1A17;
Schriftgröße: 32px;
Schriftstärke: 700;
}
.shop-hero p {
Farbe: #1A1A1A;
Schriftgröße: 20px;
Zeilenhöhe: 1,5;
maximale Breite: 900 Pixel;
Rand: 0 automatisch 20px;
}
.shop-hero .cta-btn {
Hintergrund: #AB1B2E;
Farbe: #fff !important;
Polsterung: 14px 36px;
Randradius: 6px;
Schriftgröße: 18px;
Schriftstärke: 600;
}

Jeder Einkauf, den Sie tätigen, unterstützt direkt die Rettung, Pflege und das Wohlergehen von Tieren in ganz Marokko.

Mit unseren vertrauenswürdigen Partnern ist es ganz einfach, etwas zurückzugeben – kaufen Sie die Dinge, die Sie lieben, und machen Sie noch heute einen Unterschied.

Gemeinsam sorgen wir dafür, dass Mitgefühl noch weiter voranschreitet.

Jetzt einkaufen – Helfen Sie noch heute →

Warenkorb

💬 Was unsere Unterstützer sagen

„Ich liebe die Gewissheit, dass meine Einkäufe echte Rettungen streunender Tiere unterstützen.“ — Sarah M. (Großbritannien)
„Jede Bestellung fühlt sich an, als würde man einem Hund oder einer Katze in Not helfen.“ — Jonas L. (Deutschland)
„Die Qualität ist großartig und die Mission dahinter macht sie noch besser.“ — Amina R. (Frankreich)
„Ich erzähle allen meinen Freunden von diesem Geschäft – es bedeutet Einkaufen mit Absicht.“ — Emily P. (USA)
„Wunderschöne Artikel und ein noch schönerer Zweck!“ — Chloe B. (Frankreich)
„Es ist schön zu wissen, dass meine Gabe auch gerettete Tiere ernährt.“ — Marco D. (Italien)
„Der Kauf war einfach und ich liebe die Geschichte hinter jedem Produkt.“ — Layla S. (VAE)
„Beim Einkaufen den artgerechten Umgang mit Tieren unterstützen – perfekt.“ — Thomas K. (Kanada)
„Einkaufen für einen guten Zweck. Ich komme wieder!“ — Nadia T. (Spanien)
„Jeder Einkauf fühlt sich wie eine kleine Geste der Freundlichkeit an.“ — Helen F. (Australien)

/* ===============================
MAROKKO SPA – Erfahrungsberichte
================================ */
.hsm-Testimonials {
Textausrichtung: Mitte;
Rand: 70px automatisch;
maximale Breite: 850px;
Polsterung: 50px 25px;
Hintergrund: #fff7f8;
Rand: 2px fest #f0d4d7;
Randradius: 18px;
Box-Shadow: 0 4px 18px rgba(171, 28, 45, 0,08);
Schriftfamilie: “Poppins”, “Offene Sans”, serifenlos;
}
.hsm-Testimonials h2 {
Schriftgröße: 1,8rem;
Farbe: #ab1c2d;
Schriftstärke: 700;
Rand unten: 25px;
Buchstabenabstand: 0,3 Pixel;
}
.testimonial-carousel {
Position: relativ;
Überlauf: versteckt;
Höhe: 100px;
Anzeige: Flex;
align-items: center;
rechtfertigen-Inhalt: Mitte;
}
.testimonial-item {
Position: absolut;
Breite: 100 %;
Deckkraft: 0;
Übergang: Deckkraft 1s Easy-in-out;
Schriftgröße: 1.1rem;
Farbe: #444;
Schriftstil: kursiv;
Zeilenhöhe: 1,5;
Polsterung: 0 15px;
}
.testimonial-item.active {
Deckkraft: 1;
}
/* Responsive Schriftgrößen */
@media (maximale Breite: 768 Pixel) {
.hsm-Testimonials {
Polsterung: 40px 20px;
}
.hsm-Testimonials h2 {
Schriftgröße: 1,5rem;
}
.testimonial-item {
Schriftgröße: 1rem;
}
}