/* ===== Escopo total sob .fs-about para não conflitar com o tema ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap');
.fs-about *{box-sizing:border-box;margin:0;padding:0}
.fs-about{
--bg:#ffffff;
--cream:#f7f5f2;
--beige:#eeeae4;
--beige-deep:#e3ded6;
--ink:#171717;
--muted:#6f6f6f;
--line:#e6e3de;
--gold:#171717;
--gold-soft:#cfccc7;
--serif:'Cormorant Garamond',Georgia,serif;
--sans:'Inter','Helvetica Neue',Arial,sans-serif;
font-family:var(--sans);
color:var(--ink);
background:var(--bg);
line-height:1.65;
font-weight:400;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
.fs-about img{display:block;max-width:100%}
.fs-about section{position:relative}
/* remove parágrafos vazios que o editor do Shopify insere antes do conteúdo */
.rte > p:empty{display:none}
.page.rte > p{display:none!important;margin:0!important}
/* ===== Utilitários ===== */
.fs-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.fs-narrow{max-width:760px;margin:0 auto;padding:0 32px}
.fs-eyebrow{
font-size:12px;letter-spacing:.32em;text-transform:uppercase;
color:var(--gold);font-weight:500;margin-bottom:22px;
}
.fs-h2{
font-family:var(--serif);font-weight:500;
font-size:clamp(30px,4.2vw,52px);line-height:1.08;
letter-spacing:.005em;color:var(--ink);
}
.fs-lead{
font-size:clamp(16px,1.15vw,18px);color:var(--muted);
font-weight:400;line-height:1.8;
}
.fs-lead p{margin-bottom:20px}
.fs-lead p:last-child{margin-bottom:0}
.fs-rule{width:48px;height:1px;background:var(--gold-soft);margin:0 0 26px}
.fs-center .fs-rule{margin-left:auto;margin-right:auto}
/* ===== Slots de imagem ===== */
.fs-media{
position:relative;width:100%;
background-image:var(--img,none);
background-size:cover;background-position:center;
background-color:var(--beige);
background-repeat:no-repeat;
overflow:hidden;
}
.fs-media .fs-img-el{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;display:block;
}
.fs-r-16-9{aspect-ratio:16/9}
.fs-r-4-3{aspect-ratio:4/3}
.fs-r-3-4{aspect-ratio:3/4}
.fs-r-1-1{aspect-ratio:1/1}
/* ============================================================= */
/* 1 · HERO */
/* ============================================================= */
.fs-hero{
min-height:88vh;display:flex;align-items:flex-end;
background-image:
linear-gradient(180deg,rgba(30,27,24,.05) 0%,rgba(30,27,24,.55) 100%),
var(--hero-img,none);
background-size:cover;background-position:center;background-color:var(--beige-deep);
}
.fs-hero::before{
content:attr(data-label);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d8cbb4;
text-align:center;width:80%;pointer-events:none;
}
.fs-hero[style*="--hero-img"]::before{content:none}
.fs-hero-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 32px 72px}
.fs-hero-eyebrow{
font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#f4ecdc;
font-weight:500;margin-bottom:22px;
}
.fs-hero h1{
font-family:var(--serif);font-weight:500;color:#fff;
font-size:clamp(34px,5.4vw,68px);line-height:1.06;letter-spacing:.005em;
max-width:15ch;text-shadow:0 1px 30px rgba(0,0,0,.25);
}
.fs-hero p{
color:#efe8de;margin-top:24px;max-width:52ch;
font-size:clamp(15px,1.2vw,19px);font-weight:400;line-height:1.7;
}
/* ============================================================= */
/* 2 · UNSERE GESCHICHTE */
/* ============================================================= */
.fs-story{padding:clamp(72px,10vw,140px) 0;background:var(--bg)}
.fs-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.fs-story .fs-media{border-radius:2px}
/* ============================================================= */
/* 3 · TIMELINE */
/* ============================================================= */
.fs-timeline{padding:clamp(72px,10vw,130px) 0;background:var(--cream)}
.fs-timeline-head{text-align:center;max-width:720px;margin:0 auto 72px}
.fs-year-badge{
font-family:var(--serif);font-size:clamp(56px,9vw,110px);line-height:1;
color:var(--ink);font-weight:500;letter-spacing:.01em;
}
.fs-year-badge span{color:var(--gold)}
.fs-steps{
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
position:relative;max-width:1000px;margin:0 auto;
}
.fs-steps::before{
content:"";position:absolute;top:9px;left:12%;right:12%;height:1px;
background:var(--beige-deep);
}
.fs-step{text-align:center;padding:0 14px;position:relative}
.fs-step-dot{
width:18px;height:18px;border-radius:50%;background:var(--bg);
border:1px solid var(--gold-soft);margin:0 auto 26px;position:relative;z-index:1;
}
.fs-step.is-now .fs-step-dot{background:var(--gold);border-color:var(--gold)}
.fs-step-year{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:500}
.fs-step-label{font-family:var(--serif);font-size:22px;color:var(--ink);font-weight:500}
/* ============================================================= */
/* 4 · ZIEL / 5 · MISSION (split alternado) */
/* ============================================================= */
.fs-alt{padding:clamp(72px,10vw,140px) 0}
.fs-alt.is-cream{background:var(--cream)}
.fs-alt .fs-split{align-items:center}
.fs-alt.reverse .fs-split .fs-copy{order:2}
.fs-alt.reverse .fs-split .fs-media{order:1}
/* ============================================================= */
/* 6 · WORAN WIR GLAUBEN */
/* ============================================================= */
.fs-values{padding:clamp(72px,10vw,140px) 0;background:var(--bg)}
.fs-values-head{text-align:center;max-width:640px;margin:0 auto 70px}
.fs-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px)}
.fs-value{text-align:center}
.fs-value .ico{
width:52px;height:52px;margin:0 auto 26px;color:var(--gold);
display:flex;align-items:center;justify-content:center;
}
.fs-value .ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:1;fill:none}
.fs-value h3{font-family:var(--serif);font-size:26px;font-weight:500;margin-bottom:12px}
.fs-value p{font-size:15px;color:var(--muted);font-weight:300;line-height:1.7;max-width:26ch;margin:0 auto}
/* ============================================================= */
/* 7 · PRODUKT & QUALITÄT */
/* ============================================================= */
.fs-product{padding:clamp(72px,10vw,140px) 0;background:var(--cream)}
.fs-product-head{text-align:center;max-width:640px;margin:0 auto 60px}
.fs-detail-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.fs-detail-grid .g-tall{grid-row:span 2}
.fs-features{
display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;
margin-top:48px;max-width:820px;margin-left:auto;margin-right:auto;
}
.fs-features span{
font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
display:inline-flex;align-items:center;gap:9px;
}
.fs-features span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-soft)}
/* ============================================================= */
/* 8 · MEHR ALS NUR MODE */
/* ============================================================= */
.fs-experience{padding:clamp(72px,10vw,140px) 0;background:var(--bg)}
.fs-experience .fs-split{align-items:center}
.fs-signature{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3vw,38px);color:var(--gold);line-height:1.2;margin-bottom:24px}
/* ============================================================= */
/* 9 · WARUM FRAUENSINN */
/* ============================================================= */
.fs-why{padding:clamp(72px,10vw,140px) 0;background:var(--cream)}
.fs-why-head{text-align:center;max-width:640px;margin:0 auto 64px}
.fs-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.fs-why-cell{background:var(--cream);padding:clamp(30px,3vw,44px) clamp(22px,2.4vw,30px);text-align:center}
.fs-why-num{font-family:var(--serif);font-size:20px;color:var(--gold);margin-bottom:20px}
.fs-why-cell h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.25;color:var(--ink)}
/* ============================================================= */
/* 10 · BESUCHE FRAUENSINN */
/* ============================================================= */
.fs-store{padding:clamp(72px,10vw,130px) 0 0;background:var(--bg);text-align:center}
.fs-store-head{max-width:640px;margin:0 auto clamp(48px,6vw,72px)}
.fs-store .fs-media{aspect-ratio:16/9}
/* ============================================================= */
/* 11 · CTA FINAL */
/* ============================================================= */
.fs-cta{padding:clamp(90px,12vw,160px) 0;background:var(--beige);text-align:center}
.fs-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.6vw,58px);line-height:1.08;color:var(--ink)}
.fs-cta p{max-width:44ch;margin:26px auto 40px;color:var(--muted);font-weight:300;font-size:clamp(15px,1.1vw,18px)}
.fs-btn{
display:inline-block;font-family:var(--sans);font-size:14px;letter-spacing:.01em;
font-weight:500;color:#fff;text-decoration:none;
padding:18px 46px;border:1px solid var(--ink);background:var(--ink);
border-radius:0;transition:opacity .3s ease;
}
.fs-btn:hover{opacity:.85}
/* ============================================================= */
/* RESPONSIVO */
/* ============================================================= */
@media (max-width:900px){
.fs-split{grid-template-columns:1fr;gap:36px}
.fs-alt.reverse .fs-split .fs-copy{order:1}
.fs-alt.reverse .fs-split .fs-media{order:2}
.fs-values-grid{grid-template-columns:repeat(2,1fr);gap:44px 28px}
.fs-why-grid{grid-template-columns:repeat(2,1fr)}
.fs-detail-grid{grid-template-columns:1fr 1fr}
.fs-detail-grid .g-tall{grid-row:span 1;aspect-ratio:3/4}
.fs-steps{grid-template-columns:1fr 1fr;gap:44px 0}
.fs-steps::before{display:none}
}
@media (max-width:560px){
.fs-wrap,.fs-narrow{padding-left:22px;padding-right:22px}
.fs-hero-inner{padding-bottom:52px}
.fs-hero{min-height:78vh}
.fs-values-grid{grid-template-columns:1fr;gap:40px}
.fs-why-grid{grid-template-columns:1fr}
.fs-detail-grid{grid-template-columns:1fr}
.fs-steps{grid-template-columns:1fr}
.fs-features{gap:8px 18px}
}
Über FRAUENSINN
FRAUENSINN – Mode, die sich deinem Leben anpasst.
Entdecke unsere Philosophie, unsere Leidenschaft und die Idee hinter FRAUENSINN.
Unsere Geschichte
Aus einer einfachen Idee entstanden.
FRAUENSINN entstand aus einer einfachen Idee: Frauen sollten Kleidung tragen können, in der sie sich gleichzeitig wohl, selbstbewusst und stilvoll fühlen.
Was mit der Leidenschaft für hochwertige Damenmode begann, entwickelte sich zu einer Marke mit einem klaren Anspruch: ausgewählte Produkte, hochwertige Materialien und ein Einkaufserlebnis, das die Bedürfnisse moderner Frauen versteht.
Bei FRAUENSINN glauben wir, dass Mode mehr sein kann als nur Kleidung. Sie kann Selbstvertrauen geben, den Alltag begleiten und das eigene Wohlbefinden stärken.
Seit 2024
Seit 2024
Seit 2024 steht FRAUENSINN für moderne Damenmode, Komfort und ein bewusst ausgewähltes Sortiment für Frauen, die Wert auf Qualität und ein gutes Gefühl legen.
Schritt für Schritt
Entwicklung der Marke
Wachstum
Erweiterung des Sortiments
Unser Ziel
Kleidung, die sich in den Alltag integriert.
Unser Ziel ist es, Frauen hochwertige Kleidung anzubieten, die sich selbstverständlich in ihren Alltag integriert – komfortabel, funktional und stilvoll.
Wir möchten Produkte auswählen, die nicht nur gut aussehen, sondern sich auch gut anfühlen und Frauen in ihrem Alltag begleiten.
Unsere Mission
Komfort, Funktion und feminine Ästhetik.
Unsere Mission ist es, Frauen dabei zu unterstützen, sich in ihrer Kleidung wohlzufühlen und selbstbewusst aufzutreten.
Deshalb verbinden wir Komfort, Funktionalität und feminine Ästhetik. Jedes Produkt soll einen echten Mehrwert bieten – beim Training, unterwegs oder im Alltag.
Woran wir glauben
Unsere Werte
Qualität
Hochwertige Materialien und sorgfältig ausgewählte Produkte.
Komfort
Kleidung, die sich deinem Alltag anpasst und sich angenehm trägt.
Selbstvertrauen
Mode soll Frauen dabei unterstützen, sich wohl in ihrer Haut zu fühlen.
Zeitloser Stil
Moderne Designs, die nicht nur einem kurzfristigen Trend folgen.
Produkt & Qualität
Mit Liebe zum Detail
Premium-Material
Hoher Bund
Kompression
Elastizität
Blickdichter Stoff
Saubere Nähte
Perfekter Sitz
Die FRAUENSINN Erfahrung
„Wir sind für dich da.“
Mehr als nur Mode
Bei FRAUENSINN geht es nicht nur darum, ein Produkt zu kaufen. Wir möchten eine Marke schaffen, bei der Frauen sich verstanden, willkommen und gut beraten fühlen.
Vertrauen
Warum FRAUENSINN?
01
Qualität, auf die du dich verlassen kannst
02
Für den Alltag gemacht
03
Sorgfältig ausgewähltes Sortiment
Unsere Welt
Besuche FRAUENSINN
Entdecke FRAUENSINN
Entdecke unsere ausgewählte Kollektion und finde deine neuen Lieblingsstücke.
Kollektion entdecken