<section class="bephoenix-story">
<div class="bephoenix-story-inner">
<!-- Bild -->
<div class="bephoenix-story-image">
<img
src="DEIN-BILD-LINK-HIER.jpg"
alt="be phoenix – Ruhe, Natur und innere Stärke"
loading="lazy">
</div>
<!-- Text -->
<div class="bephoenix-story-text">
<h2>Unsere Story –<br><span>Trage, was dich stärkt</span></h2>
<p><strong>be phoenix</strong> ist mehr als nachhaltige Kleidung.<br>
Es ist ein Gefühl. Eine Haltung. Eine bewusste Entscheidung.</p>
<p>
Eine Entscheidung für Mode, die nicht nur gut aussieht, sondern sich richtig anfühlt –
auf der Haut und im Herzen. Für einen Lebensstil, der Verantwortung übernimmt und dennoch Raum für Leichtigkeit lässt.
Für Mode, die nicht nur deinen Stil widerspiegelt, sondern auch deine Haltung.
</p>
<p>
Unsere nachhaltige Lifestyle-Fashion entsteht aus recyceltem Meeresplastik und Bio-Baumwolle.
Materialien, die zeigen, dass aus dem, was unsere Ozeane belastet, Neues und Wertvolles entstehen kann.
Etwas, das du mit Stolz tragen kannst.
</p>
<p>
Mit jedem Kleidungsstück trägst du aktiv dazu bei, die Umwelt zu schützen – leise, aber wirkungsvoll.
Für den Schutz der Ozeane. Für den Respekt gegenüber der Natur und allen Lebewesen.
</p>
<p>
Gleichzeitig steht <strong>be phoenix</strong> für Komfort, Ruhe und Zeitlosigkeit.
Für ein gutes Gefühl im Alltag.
</p>
<p>
Kuschelige Lieblingsstücke, die dich begleiten, dich erden und dir Halt geben.
Nicht als kurzlebiger Trend, sondern als Teil deines persönlichen Lifestyles.
</p>
<p>
<strong>Der Phönix ist das Herz unserer Marke.</strong><br>
Ein uraltes Symbol für Hoffnung, Neubeginn, Transformation und innere Stärke.
</p
<style>
.bephoenix-story {
padding: 80px 20px;
background-color: #f7f8f5;
}
.bephoenix-story-inner {
max-width: 1200px;
margin: 0 auto;
know: 60px;
display: flex;
align-items: center;
gap: 60px;
}
.bephoenix-story-image img {
width: 100%;
max-width: 520px;
border-radius: 18px;
object-fit: cover;
}
.bephoenix-story-text {
max-width: 600px;
color: #2f3a2f;
font-size: 16px;
line-height: 1.7;
}
.bephoenix-story-text h2 {
font-size: 34px;
margin-bottom: 24px;
line-height: 1.2;
}
.bephoenix-story-text h2 span {
font-weight: 400;
}
.bephoenix-story-text p {
margin-bottom: 18px;
}
.bephoenix-claim {
margin-top: 32px;
font-size: 18px;
}
/* Responsive */
@media (max-width: 900px) {
.bephoenix-story-inner {
flex-direction: column;
gap: 40px;
}
.bephoenix-story-text h2 {
font-size: 28px;
}
}
</style>