:root{--ink:#26343b;--muted:#687b83;--turq:#87d5dd;--deep:#287c8b;--silver:#e9eff0;--bg:#f8fafb;--line:#dbe6e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--deep)}.container{max-width:1200px;margin:auto;padding:0 28px}.topbar{background:#26343b;color:#d8e5e7;font-size:12px;padding:7px 0;letter-spacing:.08em}.topbar .container{display:flex;justify-content:space-between;gap:10px}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.headinner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:31px;letter-spacing:-2px;color:#2c3940}.brand sup{font-size:11px;letter-spacing:0;vertical-align:top}.brand small{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:2.5px;color:var(--deep);margin-top:-7px}.mainnav{display:flex;gap:18px;align-items:center}.mainnav>a{font-size:13px;font-weight:700}.menu{position:relative}.menu summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none}.menu summary:after{content:' ▾';color:var(--deep)}.dropdown{position:absolute;right:0;top:30px;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:18px;background:#fff;box-shadow:0 18px 55px #253c4425;border:1px solid var(--line);border-radius:12px}.dropdown a{font-size:13px;padding:9px;border-radius:6px}.dropdown a:hover{background:#eaf7f8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:5px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;border:1px solid var(--ink)}.btn:hover{background:var(--deep);border-color:var(--deep);color:#fff}.btn.light{background:#fff;color:var(--ink);border-color:#b7c8cc}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--deep);text-transform:uppercase}.hero{background:linear-gradient(120deg,#edf8f9 0%,#f7f9fa 56%,#e4ecee 100%);overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.hero h1,.pagehero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5.5vw,72px);line-height:1.1;letter-spacing:-3px;margin:20px 0}.hero p,.pagehero p{max-width:610px;font-size:18px;color:#546c74}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.scene{height:420px;position:relative;border-radius:180px 180px 8px 8px;background:linear-gradient(145deg,#c2dce1,#f3fafb 65%);border:14px solid #fff;box-shadow:20px 28px 60px #6e969d24;overflow:hidden}.scene:before{content:'';position:absolute;left:12%;right:12%;top:13%;bottom:0;background:linear-gradient(130deg,#eaf5f7 0%,#a7c9d0 60%,#dceff1 100%);border:10px solid #f9fbfb;box-shadow:inset 0 0 0 2px #adcbd1}.scene:after{content:'';position:absolute;top:14%;left:18%;width:64%;height:84%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 13px,rgba(241,249,250,.72) 14px 28px,transparent 29px 39px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.9}.rail-line{position:absolute;z-index:2;top:13%;left:13%;width:74%;height:9px;background:#758c91;border-radius:3px}.section{padding:85px 0}.section.alt{background:var(--bg)}.section h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3.3vw,45px);line-height:1.2;letter-spacing:-1.5px;margin:12px 0 20px}.lead{color:var(--muted);max-width:740px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #27474b12}.art{height:220px;display:grid;place-items:center;background:linear-gradient(140deg,#e8f5f6,#f5f8f9);color:#718f96}.product-svg{width:80%;max-height:180px}.cardbody{padding:24px}.card h3{font:800 21px Manrope,sans-serif;margin:0 0 8px}.card p{color:var(--muted);font-size:14px;min-height:62px}.more{color:var(--deep);font-weight:800;font-size:13px}.pagehero{background:linear-gradient(115deg,#eff8f9,#e6eff1);padding:78px 0}.pagehero h1{font-size:clamp(38px,5vw,60px)}.pagehero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px}.pagehero .art{height:290px;border:10px solid #fff;border-radius:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.feature{border-top:3px solid var(--turq);background:#f7fafb;padding:28px}.feature h3{font:800 19px Manrope,sans-serif}.feature p{color:var(--muted);font-size:15px}.band{background:#26343b;color:#fff;padding:55px 0}.bandinner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{font:800 30px Manrope,sans-serif;margin:0 0 8px}.band p{color:#b9cbd0;margin:0}.notice{border-left:3px solid var(--turq);padding:15px 20px;background:#f2f8f9;color:#596f77;font-size:13px;margin-top:30px}.footer{background:#17252c;color:#d2dde0;padding:55px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{color:#d2dde0}.footer a:hover{color:#87d5dd}.footer h4{color:#fff;margin:0 0 12px}.footer .brand{color:#fff}.footer p{font-size:13px;color:#a8bcc2}.footerlinks{display:flex;flex-direction:column;gap:7px;font-size:13px}.footbottom{border-top:1px solid #405056;margin-top:40px;padding-top:18px;font-size:12px;color:#a8bcc2}.crumb{font-size:13px;color:var(--muted);margin-bottom:20px}.crumb a{color:var(--deep)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contactbox{background:#f1f8f9;padding:32px;border-radius:10px}.contactbox h3{margin-top:0}.small{font-size:13px;color:var(--muted)}.mobile-toggle{display:none}ul.clean{padding-left:20px}ul.clean li{margin:10px 0}@media(max-width:900px){.mainnav{gap:10px}.mainnav>a{display:none}.cards,.features{grid-template-columns:repeat(2,1fr)}.hero-grid,.pagehero-grid{grid-template-columns:1fr}.hero-grid{padding-top:55px;padding-bottom:55px}.scene{max-width:600px;width:100%;margin:auto}.pagehero .art{max-width:520px}.footgrid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}}@media(max-width:620px){.container{padding:0 18px}.topbar .container{display:block}.topbar span:last-child{display:none}.headinner{min-height:72px}.brand{font-size:26px}.mainnav>.btn{display:none}.dropdown{position:fixed;left:12px;right:12px;top:100px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}.hero h1,.pagehero h1{letter-spacing:-1.5px}.hero-grid{gap:25px}.scene{height:300px}.cards,.features,.footgrid{grid-template-columns:1fr}.section{padding:58px 0}.bandinner{display:block}.band .btn{margin-top:22px}.pagehero{padding:50px 0}.card p{min-height:0}}
.catalog-photo{display:block;width:100%;max-height:440px;object-fit:contain;background:#f2f3f3;border-radius:18px;padding:10px}.catalog-note{font-size:.85rem;color:#56646a;margin-top:10px}.catalog-section{padding:40px 0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.catalog-tile{border:1px solid #dce2e4;border-radius:18px;padding:18px;background:white}.catalog-tile img{width:100%;height:230px;object-fit:contain}.regional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.regional-card{padding:24px;border:1px solid #cbdce0;border-radius:16px;background:white}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.swatch{display:flex;align-items:center;gap:12px;border:1px solid #dde3e5;border-radius:10px;padding:9px;background:#fff}.swatch b{display:block;width:42px;height:42px;border:1px solid #aaa;border-radius:6px;flex-shrink:0}.source-label{font-size:.8rem;color:#5d686d}.nav-region{font-weight:700;color:#248a98!important}@media(max-width:700px){.catalog-grid{grid-template-columns:1fr}}

/* decolonia® final visual refresh */
.hero{background:#eef4f5}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:42px;min-height:auto}.hero-grid>div:first-child{max-width:1000px;padding:10px 0 28px}.hero h1{font-size:clamp(42px,5.4vw,72px);margin:12px 0}.hero-visual{width:100%;height:clamp(340px,47vw,660px);border-radius:16px;background:url('hero-decolonia.webp') center center/cover no-repeat;box-shadow:0 16px 50px #17333a1a}.art{height:230px;display:block;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;display:block}.cardbody{padding:22px 24px 25px}.card p{font-size:15px;line-height:1.65;min-height:70px}.card h3{font-size:21px}.pagehero .art{height:330px;padding:0}.pagehero .art img{width:100%;height:100%;object-fit:cover}.color-feature{padding:65px 0 85px;background:#f1f7f8}.color-feature h2{font-size:clamp(30px,3.6vw,46px);line-height:1.2}.color-feature p{font-size:18px;max-width:860px;color:#536971}.color-feature-image{display:block;margin:28px 0 22px;overflow:hidden;border-radius:12px;box-shadow:0 12px 40px #19323b16}.color-feature-image img{display:block;width:100%;height:auto}.swatch{font-size:15px}.color-intro{font-size:19px!important;color:#256f7b!important;font-weight:700}.catalog-photo{max-height:480px}.mainnav>a,.menu summary{font-size:14px}.lead{font-size:18px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{height:390px}.mainnav{gap:9px}}@media(max-width:620px){.hero-visual{height:280px}.color-feature{padding:48px 0}.card p{min-height:0}.pagehero .art{height:250px}}

.legal-content{max-width:850px;margin:0 auto;font-size:1.03rem;line-height:1.85;color:#34434b}.legal-content h2{font-size:1.45rem;line-height:1.3;margin:2rem 0 .6rem;color:#23353d}.legal-content p{margin:.5rem 0 1.2rem}.legal-content a{overflow-wrap:anywhere}

/* decolonia® editorial typography – local font stacks, no external tracking */
:root{--script-font:"Apple Chancery","URW Chancery L","Segoe Print","Bradley Hand",cursive;--reading-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
body{font-family:var(--reading-font);font-size:17px;line-height:1.7;letter-spacing:.005em}
.brand{font-family:var(--script-font);font-size:38px;font-weight:600;letter-spacing:-.04em;line-height:1.15}
.brand small{font-family:var(--reading-font);font-size:10px;letter-spacing:2px;margin-top:1px}
.hero h1,.pagehero h1,.section h2,.color-feature h2,.band h2{font-family:var(--script-font);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.hero h1{font-size:clamp(48px,6vw,82px)}
.section h2,.color-feature h2{font-size:clamp(38px,4.4vw,58px)}
.pagehero h1{font-size:clamp(43px,5.5vw,70px)}
.card h3,.feature h3,.contactbox h3,.footer h4{font-family:var(--script-font);font-weight:600;letter-spacing:0;font-size:clamp(24px,2.4vw,31px)}
.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p{font-family:var(--reading-font);font-size:clamp(17px,1.6vw,19px);line-height:1.65}
.card p{min-height:0}.eyebrow{font-family:var(--reading-font);font-size:13px;letter-spacing:2px}
.mainnav a,.menu summary,.btn,.more,.footerlinks{font-family:var(--reading-font);font-size:15px;font-weight:600}
.legal-content,.legal-content h2{font-family:var(--reading-font)}.legal-content h2{font-size:26px}
.hero-visual{background-image:url('hero-decolonia.webp');background-position:center center}
@media(max-width:620px){.brand{font-size:30px}.hero h1{font-size:49px}.section h2{font-size:39px}.hero-visual{height:280px}.card h3{font-size:27px}}

/* decolonia® – einheitliche elegante Handschrift auch für Fließtexte */
:root{--decolonia-handwriting:"Apple Chancery","URW Chancery L","Segoe Print","Bradley Hand","Comic Neue",cursive}
body,.lead,.card p,.feature p,.hero p,.pagehero p,.color-feature p,.contactbox p,.contactbox li,.section p,.section li,.notice,.small,.band p,.footer p,.footerlinks,.crumb,.topbar,.mainnav a,.menu summary,.dropdown a,.btn,.more,.eyebrow{font-family:var(--decolonia-handwriting);font-weight:500;letter-spacing:.012em}
body{font-size:19px;line-height:1.75}
.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p,.contactbox p{font-family:var(--decolonia-handwriting);font-size:clamp(19px,1.85vw,22px);line-height:1.65}
.card h3,.feature h3,.section h2,.hero h1,.pagehero h1,.brand{font-family:var(--decolonia-handwriting)}
.mainnav a,.menu summary,.dropdown a,.btn,.more{font-size:16px}
/* Pflichtangaben bewusst besonders gut lesbar */
.legal-content,.legal-content p,.legal-content li,.legal-content h2{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.65}
@media(max-width:620px){.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p{font-size:19px}}

/* 2026 decolonia® airy turquoise redesign */
:root{--ink:#31545b;--deep:#267b87;--turq:#9cdee3;--bg:#f5fbfb;--line:#d2e8e9}
.topbar{background:#d8f3f5;color:#305d65}.band{background:#bcebef;color:#244f59;background-image:linear-gradient(90deg,rgba(205,245,246,.92),rgba(222,250,250,.70)),url('tuerkis-footer.webp');background-position:center;background-size:cover;border-top:1px solid #a9dfe3}.band h2{color:#24545b}.band p{color:#386b72}.footer{background:#e2f6f7;color:#345f67;border-top:1px solid #c4e9eb}.footer .brand,.footer h4{color:#24525c}.footer p,.footbottom{color:#486d73}.footer a{color:#315e67}.footer a:hover{color:#137d8b}.footbottom{border-top:1px solid #b8dfe2}.btn{background:#68bfca;border-color:#68bfca;color:#163f48}.btn:hover{background:#48aeba;border-color:#48aeba;color:#103a43}.btn.light{background:#fff;color:#245b65;border-color:#9fd2d8}.btn.light:hover{background:#f0fdfd;color:#176c79}.feature{background:#f1fbfb}.contactbox{background:#edfafa}
.footerlinks a:focus-visible,.btn:focus-visible{outline:3px solid #187b88;outline-offset:3px}
/* Regional SEO content stays clear and readable */
.seo-panel{padding:65px 0;background:#f1fbfb}.seo-panel h2{font-family:var(--decolonia-handwriting);font-size:clamp(35px,4vw,52px);line-height:1.3;margin:0 0 18px}.seo-panel p{font-size:clamp(18px,1.7vw,21px);max-width:980px}.seo-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.seo-links a{background:white;border:1px solid #b8dfe3;padding:10px 16px;border-radius:9px;color:#276d79;font-size:17px}.seo-links a:hover{background:#ddf7f8}.offer-box{background:#fff;border:1px solid #b8e3e6;border-radius:16px;padding:28px;margin:24px 0}.offer-box h3{font-family:var(--decolonia-handwriting);font-size:32px;margin:0 0 12px}.offer-box p{margin:10px 0 18px}

/* Finale mediterrane Gestaltung */
.inspiration{padding:50px 0 75px;background:#f0fafb}.inspiration h2{margin:0 0 8px}.inspiration p{margin:0 0 22px}.inspiration img{display:block;width:100%;max-height:550px;object-fit:cover;border-radius:16px}.hero-visual{background-position:center center}.card .art img{transition:transform .35s ease}.card:hover .art img{transform:scale(1.025)}

/* decolonia® modern handwriting refresh */
:root{--decolonia-handwriting:"Caveat","Segoe Print","Comic Neue",cursive;--script-font:"Caveat","Segoe Print","Comic Neue",cursive;--reading-font:"Kalam","Comic Neue",sans-serif}
body,.lead,.card p,.feature p,.hero p,.pagehero p,.color-feature p,.contactbox p,.contactbox li,.section p,.section li,.notice,.small,.band p,.footer p,.footerlinks,.crumb,.topbar,.mainnav a,.menu summary,.dropdown a,.btn,.more,.eyebrow{font-family:var(--decolonia-handwriting);font-style:normal;font-weight:500;letter-spacing:.008em}
.brand,.card h3,.feature h3,.section h2,.hero h1,.pagehero h1,.band h2,.footer h4,.seo-panel h2,.offer-box h3{font-family:var(--decolonia-handwriting);font-style:normal;font-weight:700;letter-spacing:0}
.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p,.contactbox p{font-family:var(--decolonia-handwriting);font-size:clamp(23px,2.15vw,27px);line-height:1.32}
.card h3,.feature h3{font-size:clamp(30px,2.7vw,36px);line-height:1.15}
.mainnav a,.menu summary,.dropdown a,.btn,.more,.footerlinks{font-size:20px;line-height:1.25}
.legal-content,.legal-content p,.legal-content li,.legal-content h2{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;font-style:normal}
@media(max-width:620px){.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p{font-size:23px}.mainnav a,.menu summary,.dropdown a,.btn,.more{font-size:18px}}

/* Datenschutzfreundliche Schrift: nur lokal vorhandene Systemschriften, keine Font-Server */
:root{--decolonia-handwriting:"Segoe Print","Bradley Hand","Comic Sans MS","Comic Neue",cursive;--script-font:var(--decolonia-handwriting);--reading-font:Arial,Helvetica,sans-serif}
/* Gut lesbare Rechtstexte und Kontaktdaten */
.legal-content,.legal-content p,.legal-content li,.legal-content h2{font-family:Arial,Helvetica,sans-serif!important;font-size:16px;line-height:1.7}


/* FINAL: Variante A – moderne, ruhige, gut lesbare Typografie.
   Skia wird verwendet, sofern auf dem Gerät vorhanden; sonst System-Fallback.
   Keine externen Schriftanbieter oder fremden Font-Dateien. */
:root{--decolonia-handwriting:Skia,"Avenir Next","Trebuchet MS",Arial,sans-serif;--script-font:Skia,"Avenir Next","Trebuchet MS",Arial,sans-serif;--reading-font:"Avenir Next",Arial,Helvetica,sans-serif;--modern-text:"Avenir Next",Arial,Helvetica,sans-serif}
body,body p,body li,.lead,.card p,.feature p,.hero p,.pagehero p,.color-feature p,.contactbox p,.contactbox li,.section p,.section li,.notice,.small,.band p,.footer p,.footerlinks,.crumb,.topbar,.mainnav a,.menu summary,.dropdown a,.btn,.more,.eyebrow,.seo-panel p,.seo-links a,.offer-box p{font-family:var(--modern-text);font-size:16px;line-height:1.65;letter-spacing:0;font-weight:400}
body{font-size:17px;line-height:1.7}
.hero h1,.pagehero h1,.section h2,.color-feature h2,.band h2,.seo-panel h2,.inspiration h2{font-family:var(--script-font);font-weight:600;letter-spacing:-.025em;line-height:1.17}
.hero h1{font-size:clamp(39px,5.2vw,68px)}
.pagehero h1{font-size:clamp(36px,4.7vw,60px)}
.section h2,.color-feature h2,.seo-panel h2{font-size:clamp(29px,3.4vw,45px)}
.brand{font-family:var(--script-font);font-weight:650;font-size:36px;letter-spacing:-.035em}
.brand small{font-family:var(--modern-text);font-size:10px;letter-spacing:1.8px}
.card h3,.feature h3,.contactbox h3,.footer h4,.offer-box h3{font-family:var(--script-font);font-size:clamp(21px,2.1vw,26px);font-weight:600;line-height:1.25;letter-spacing:-.015em}
.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p,.contactbox p,.seo-panel p{font-family:var(--modern-text);font-size:clamp(16px,1.5vw,18px);line-height:1.7;font-weight:400}
.mainnav a,.menu summary,.dropdown a,.btn,.more,.footerlinks,.seo-links a{font-family:var(--modern-text);font-size:14px;line-height:1.4;font-weight:600}
.eyebrow{font-family:var(--modern-text);font-size:12px;font-weight:700;letter-spacing:2px}
.legal-content,.legal-content p,.legal-content li,.legal-content h2{font-family:Arial,Helvetica,sans-serif!important;font-size:16px;line-height:1.7}
@media(max-width:620px){.brand{font-size:29px}.hero h1{font-size:clamp(36px,9vw,48px)}.section h2{font-size:clamp(29px,7vw,39px)}.card p,.feature p,.lead,.hero p,.pagehero p,.color-feature p,.section p{font-size:16px}.mainnav a,.menu summary,.dropdown a,.btn,.more{font-size:14px}}

/* decolonia 2026-11-14: schlanke, gut lesbare Skia-Regular-Typografie */
:root{--script-font:Skia,"Avenir Next","Helvetica Neue",Arial,sans-serif;--modern-text:"Avenir Next","Helvetica Neue",Arial,sans-serif}
.hero h1,.pagehero h1,.section h2,.color-feature h2,.band h2,.seo-panel h2,.inspiration h2{font-family:var(--script-font)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.2!important;font-synthesis:none}
.hero h1{font-size:clamp(40px,5vw,72px)!important}
.pagehero h1{font-size:clamp(38px,4.5vw,66px)!important}
.section h2,.color-feature h2,.seo-panel h2{font-size:clamp(30px,3.3vw,44px)!important}
.card h3,.feature h3,.contactbox h3,.footer h4,.offer-box h3{font-family:var(--script-font)!important;font-weight:400!important;font-synthesis:none}
.brand{font-family:var(--script-font)!important;font-weight:400!important;letter-spacing:-.025em!important;font-synthesis:none}
@media(max-width:620px){.hero h1{font-size:clamp(36px,8.5vw,48px)!important}.pagehero h1{font-size:clamp(34px,8vw,46px)!important}}