/* Kreativideen: lean, accessible editorial cards, mobile first. */
.ideas-hero{background:linear-gradient(125deg,#f5f0ff 0%,#fffaf6 62%,#e9f6f0 100%);padding:75px 0 65px}
.ideas-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:42px}
.ideas-hero h1{font-size:clamp(2.6rem,6vw,4.8rem)}
.ideas-hero-art{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;min-height:290px;padding:26px;box-shadow:var(--shadow)}
.ideas-hero-art svg{max-width:100%;max-height:270px}
.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ideas-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:25px;display:flex;flex-direction:column;box-shadow:0 7px 22px rgba(44,37,72,.04)}
.ideas-card h3{font-size:1.22rem}
.ideas-card p{color:var(--muted);flex:1}
.ideas-icon{display:grid;place-items:center;width:57px;height:57px;background:#f4efff;border-radius:17px;font-size:1.7rem;margin-bottom:15px}
.ideas-card .card-link{display:inline-flex;min-height:42px;align-items:center}
.ideas-lead{max-width:760px;font-size:1.1rem;color:var(--muted)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
.guide-content{max-width:760px}
.guide-content h2{font-size:clamp(1.55rem,3vw,2.25rem);margin-top:38px}
.guide-content h3{font-size:1.2rem;letter-spacing:-.015em;margin-top:26px}
.guide-content p,.guide-content li{color:#595465}
.guide-content ul{padding-left:1.3em}
.guide-side{position:sticky;top:105px;border:1px solid var(--line);background:white;border-radius:23px;padding:23px}
.guide-side h2{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:16px}
.guide-side a{display:block;color:var(--purple-dark);text-decoration:none;font-weight:700;padding:9px 0;border-bottom:1px solid var(--line)}
.guide-side a:last-child{border-bottom:0}
.guide-highlight{background:#f5f0ff;border-radius:20px;padding:22px;margin:26px 0;color:#514374}
.guide-highlight p{margin:7px 0 0}
.editorial-note{color:#665f42;background:#fffaf0;border:1px solid #eadfa9;border-radius:16px;padding:17px 20px;margin-bottom:25px}
.material-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 30px}
.material-tabs a{background:#f5f0ff;border-radius:99px;padding:9px 15px;text-decoration:none;font-weight:750;color:var(--purple-dark)}
.material-section{margin:48px 0 0;scroll-margin-top:100px}
.material-section h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.material-card{display:flex;flex-direction:column;border-radius:22px;background:white;border:1px solid var(--line);padding:23px;min-width:0}
.material-card .material-tag{font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--purple-dark);margin-bottom:12px}
.material-card h3{font-size:1.16rem;margin-bottom:12px;letter-spacing:-.02em}
.material-card p{font-size:.96rem;line-height:1.55;color:var(--muted);flex:1;margin:0 0 15px}
.material-card a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--purple-dark);text-decoration:none}
.material-card .material-type{font-size:.8rem;color:#746c7c;margin-bottom:8px}
.section-divider{border-top:1px solid var(--line);margin-top:35px}
.guide-recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.guide-recs .material-card{padding:20px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.84rem;color:var(--muted);padding:18px 0 0}
.crumbs a{color:var(--purple-dark);text-decoration:none}
.review-status{font-size:.86rem;color:var(--muted);margin-top:20px}
@media(max-width:960px){.ideas-hero-grid,.guide-layout{grid-template-columns:1fr}.guide-side{position:static}.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ideas-hero{padding:44px 0}.ideas-hero-art{min-height:200px}.ideas-grid,.material-grid,.guide-recs{grid-template-columns:1fr}.ideas-card,.material-card{padding:19px}}


/* Visual-first discoverability: artwork made for FarbzauberBooks, never third-party product photos. */
.visual-showcase{padding-top:58px;background:linear-gradient(180deg,#fff8f3 0%,#fbf8ff 100%)}
.visual-showcase-head{margin-bottom:25px}
.showcase-intro{color:var(--muted);font-size:1.05rem;margin-bottom:0}
.visual-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.visual-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-card{display:flex;flex-direction:column;min-width:0;background:#fff;overflow:hidden;border:1px solid var(--line);border-radius:23px;text-decoration:none;color:var(--ink);box-shadow:0 10px 28px rgba(44,37,72,.07);transition:transform .18s ease,box-shadow .18s ease}
.visual-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(44,37,72,.12)}
.visual-card:focus-visible,.idea-chips a:focus-visible{outline:3px solid #6a4ecd;outline-offset:3px}
.visual-card img{display:block;width:100%;height:auto;aspect-ratio:640/430;object-fit:cover;background:#f5f0ff}
.visual-card-copy{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:17px 18px 19px}
.visual-card-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:var(--purple-dark);margin-bottom:10px}
.visual-card-copy strong{font-size:1.26rem;line-height:1.2;letter-spacing:-.025em}
.visual-card-note{font-size:.9rem;line-height:1.45;color:var(--muted);padding-top:8px;flex:1}
.visual-card-link{font-size:.9rem;color:var(--purple-dark);font-weight:850;padding-top:15px}
.visual-quickbar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 25px;border:1px solid #e3d7fb;background:#f4edff;border-radius:21px}
.visual-quickbar span{font-size:1rem}
.ideas-hero-art{overflow:hidden}
.ideas-hero-art img{max-width:100%;width:100%;height:auto;border-radius:18px;display:block;object-fit:cover}
.more-ideas{margin-top:36px}
.more-ideas h3{font-size:1.2rem;margin-bottom:16px}
.idea-chips{display:flex;flex-wrap:wrap;gap:10px}
.idea-chips a{padding:12px 17px;border:1px solid #dfd4f4;border-radius:99px;background:#f7f3ff;color:var(--purple-dark);font-weight:750;text-decoration:none}
.idea-chips a:hover{background:#eee5ff}
.idea-thumb{display:block;object-fit:cover;width:100%;aspect-ratio:640/430;margin-bottom:18px;border-radius:16px}
.extra-find{border-left:4px solid #d4c5f6}
@media(max-width:1030px){.visual-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.visual-showcase{padding-top:40px}.visual-card-copy{padding:14px}.visual-card-copy strong{font-size:1.16rem}.visual-quickbar{align-items:flex-start;flex-direction:column}.visual-cards--three{grid-template-columns:1fr}.ideas-hero-art{min-height:0}}
@media(max-width:540px){.visual-cards{grid-template-columns:1fr}.visual-cards--three{grid-template-columns:1fr}.visual-card img{aspect-ratio:640/320}.idea-chips a{width:100%}}
@media(prefers-reduced-motion:reduce){.visual-card{transition:none}.visual-card:hover{transform:none}}

/* Visual-first Landing & Material */
.hero-kreativ{padding:44px 0;background:linear-gradient(125deg,#fff9f6,#f2ecff 62%,#eaf8f3)}
.hero-kreativ .hero-grid{gap:32px}
.hero-kreativ h1{font-size:clamp(2.65rem,5.7vw,4.9rem);margin-bottom:14px}
.hero-kreativ .hero-actions{margin:22px 0}
.hero-shortcuts{display:flex;gap:9px;flex-wrap:wrap}
.hero-shortcuts a{background:#fff;border:1px solid #e5dbed;border-radius:99px;padding:8px 12px;font-size:.83rem;text-decoration:none;font-weight:800;color:var(--purple-dark)}
.hero-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;min-height:340px;align-items:center}
.hero-gallery a{min-width:0;background:#fff;border:1px solid var(--line);border-radius:23px;text-decoration:none;overflow:hidden;box-shadow:0 16px 36px rgba(54,42,85,.15)}
.hero-gallery a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.hero-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.hero-gallery-mini img{aspect-ratio:3/5}
.hero-gallery-caption{display:flex;flex-direction:column;padding:12px 14px}
.hero-gallery-caption span{font-size:.75rem;color:var(--muted)}
.hero-gallery-caption strong{color:var(--purple-dark);line-height:1.35}
.hero-gallery-mini span{display:block;padding:11px;font-size:.83rem;font-weight:800;line-height:1.25;color:var(--purple-dark)}
.featured-material{padding:24px 0 12px}
.featured-material-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;padding:24px;background:#f1edff;border:1px solid #ded3fa;border-radius:24px}
.featured-material-card img{width:100%;aspect-ratio:640/340;object-fit:cover;border-radius:17px}
.featured-material-card h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:12px}
.featured-material-card p{color:var(--muted)}
.ideas-hero-compact{padding:43px 0 35px}
.ideas-hero-compact h1{font-size:clamp(2.5rem,5.1vw,4.3rem)}
.ideas-hero-art{position:relative;text-decoration:none}
.ideas-hero-art .image-cta{position:absolute;bottom:32px;left:34px;padding:9px 13px;background:white;border-radius:60px;color:var(--purple-dark);font-weight:800}
.material-image{width:100%;aspect-ratio:640/300;display:block;object-fit:cover;border-radius:14px;margin-bottom:16px}
.marker-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.marker-preview-grid a{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;padding-bottom:16px}
.marker-preview-grid img{display:block;width:100%;aspect-ratio:640/300;object-fit:cover}
.marker-preview-grid strong,.marker-preview-grid span{padding:0 16px}
.marker-preview-grid strong{margin-top:13px}
.marker-preview-grid span{font-size:.88rem;color:var(--muted)}
.compact-product-guide{padding:35px 0}
@media(max-width:900px){.hero-kreativ .hero-grid{grid-template-columns:1fr;gap:18px}.hero-gallery{min-height:0;max-width:560px;margin:auto}.marker-preview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero-kreativ{padding:30px 0}.hero-kreativ h1{font-size:clamp(2.3rem,9vw,3.3rem)}.hero-gallery{grid-template-columns:1.4fr .6fr}.featured-material-card{grid-template-columns:1fr;padding:17px}.featured-material-card img{aspect-ratio:640/220}.ideas-hero-compact{padding:30px 0}.marker-preview-grid{grid-template-columns:1fr}}

/* Show model verification link as secondary to disclosed Amazon search. */
.material-card a.material-proof{font-weight:700;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;color:#675e84;padding-top:2px}
.material-grid-dot .material-card{box-shadow:0 8px 24px rgba(44,37,72,.04)}
.material-grid-dot .material-card .material-type{line-height:1.45}