/*
Theme Name: Fliesenratgeber Starter
Description: Eigenständiges Ratgeber- und Affiliate-Theme rund um Fliesenaufkleber. Kein Shop-Theme und kein Auftritt des früheren Unternehmens FoLIESEN e.K.
Version: 2.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: fliesenratgeber
*/
:root{--ink:#1f2933;--muted:#61707d;--bg:#f7f5ef;--card:#fff;--accent:#b85c38;--accent2:#8f4328;--soft:#efe4d8;--border:#ded8cf;--green:#426b5a}
html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg)}a{text-underline-offset:.15em}.fr-shell{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.fr-hero{border-radius:28px;padding:clamp(36px,6vw,76px);background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.48),transparent 26%),linear-gradient(135deg,#ead9c8 0%,#f7f2eb 50%,#d7e0db 100%);margin:24px 0 42px}
.fr-hero h1{max-width:850px;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.98;letter-spacing:-.035em;margin:.35em 0 .3em}.fr-hero p{max-width:780px;font-size:clamp(1.06rem,2vw,1.3rem);color:#394650}
.fr-badge{display:inline-block;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72)}
.fr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.fr-btn{display:inline-block;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;background:var(--accent);color:#fff}.fr-btn:hover{background:var(--accent2);color:#fff}.fr-btn--ghost{background:transparent;color:var(--ink);border:1px solid rgba(31,41,51,.25)}
.fr-section{margin:54px 0}.fr-section h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.02em}.fr-lead{font-size:1.15rem;color:var(--muted);max-width:820px}
.fr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.fr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fr-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 10px 26px rgba(34,42,47,.04)}.fr-card h3{margin-top:0}.fr-card a{font-weight:700}
.fr-note{background:#eaf1ed;border-left:5px solid var(--green);padding:20px 22px;border-radius:12px;margin:28px 0}.fr-warning{background:#fff5e8;border-left:5px solid #c87932;padding:20px 22px;border-radius:12px;margin:28px 0}
.fr-checklist{padding-left:1.2rem}.fr-checklist li{margin:.5rem 0}.fr-steps{counter-reset:frstep;list-style:none;padding:0}.fr-steps li{counter-increment:frstep;position:relative;padding:0 0 22px 54px;min-height:42px}.fr-steps li:before{content:counter(frstep);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}
.fr-table{width:100%;border-collapse:collapse;margin:22px 0;background:#fff}.fr-table th,.fr-table td{border:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:top}.fr-table th{background:#eee9e2}
.fr-affiliate{background:#fff;border:1px dashed #b9b1a6;border-radius:18px;padding:22px;margin:28px 0}.fr-affiliate strong{display:block;margin-bottom:4px}.fr-footer-note{color:#d8dde1;font-size:.9rem;line-height:1.55}
.wp-site-blocks>main{min-height:65vh}@media(max-width:850px){.fr-grid,.fr-grid--2{grid-template-columns:1fr}.fr-shell{padding-left:18px;padding-right:18px}}

/* v2.0 */
.fr-topnote{font-size:.84rem;background:#24333b;color:#f8fafc;padding:8px 20px;text-align:center}
.fr-topnote a{color:#fff}
.fr-kicker{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent2)}
.fr-trustbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-16px 0 46px}
.fr-trustitem{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;font-size:.95rem}
.fr-trustitem strong{display:block;font-size:1.02rem;margin-bottom:3px}
.fr-hero{position:relative;isolation:isolate}
.fr-hero:after{content:"";position:absolute;right:-38px;bottom:-48px;width:310px;height:310px;z-index:-1;opacity:.32;transform:rotate(9deg);background-image:linear-gradient(#fff 2px,transparent 2px),linear-gradient(90deg,#fff 2px,transparent 2px);background-size:52px 52px;border-radius:50%}
.fr-card--accent{background:linear-gradient(160deg,#fff,#f2e7dc)}
.fr-card--green{background:linear-gradient(160deg,#fff,#e8f0ec)}
.fr-card--dark{background:#24333b;color:#fff;border-color:#24333b}
.fr-card--dark a{color:#fff}
.fr-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--accent2)}
.fr-stat{font-size:2.2rem;line-height:1;font-weight:850;display:block;margin-bottom:8px}
.fr-faq details{background:#fff;border:1px solid var(--border);border-radius:14px;margin:10px 0;padding:16px 18px}
.fr-faq summary{cursor:pointer;font-weight:750}
.fr-faq details p{margin-bottom:0;color:var(--muted)}
.fr-legal{max-width:820px}
.fr-legal h2{margin-top:2.2em}
.fr-legal h3{margin-top:1.6em}
.fr-legal address{font-style:normal}
.fr-disclosure{border:1px solid #e1c38f;background:#fff8e9;border-radius:14px;padding:16px 18px;margin:22px 0}
.fr-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fr-product-slot{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}
.fr-product-slot .fr-slot-label{display:inline-block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;background:#eee9e2;padding:5px 8px;border-radius:999px;margin-bottom:10px}
.fr-divider{height:1px;background:var(--border);margin:48px 0}
.fr-headerwrap{backdrop-filter:saturate(1.15) blur(10px);background:rgba(247,245,239,.94);position:sticky;top:0;z-index:50}
.admin-bar .fr-headerwrap{top:32px}
@media(max-width:782px){.admin-bar .fr-headerwrap{top:46px}}
@media(max-width:850px){.fr-trustbar,.fr-product-grid{grid-template-columns:1fr}.fr-hero:after{width:210px;height:210px}}