/*
 * Detail-page layout matching the German crafting-world template.
 * The wrapper keeps the old shop shell intact while giving the CreativeTips
 * page a stable responsive grid: hero media and intro first, materials and
 * hint in the aside, numbered instructions beside it, then products and
 * related ideas.
 */
.v2-creative-detail{clear:both;max-width:1280px;margin:0 auto;padding:0 22px 64px;color:#2d2b29;background:#f8f5f1;font-family:inherit;line-height:1.5}
.v2-creative-detail .v2-module-breadcrumb{padding-top:12px}
.v2-creative-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:360px;margin:0 0 54px;background:#eee9e4;border-radius:4px;overflow:hidden}
.v2-creative-detail-hero-media{min-height:360px;background:#e4ded7}
.v2-creative-detail-hero-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.v2-creative-detail-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px clamp(28px,5vw,78px);background:#eee9e4}
.v2-creative-detail-back{align-self:flex-start;margin-bottom:28px;color:#4d4945;text-decoration:none;font-size:14px}
.v2-creative-detail-back:hover,.v2-creative-detail-back:focus{text-decoration:underline;color:#1f1d1b}
.v2-creative-detail-back span{font-size:20px;line-height:0;vertical-align:-1px}
.v2-creative-detail h1,.v2-creative-detail h2,.v2-creative-detail h3{color:#282624;font-weight:600}
.v2-creative-detail h1{margin:0 0 24px;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:0}
.v2-creative-detail h2{margin:0 0 20px;font-size:clamp(24px,2.5vw,34px);line-height:1.15}
.v2-creative-detail h3{margin:0 0 10px;font-size:20px;line-height:1.2}
.v2-creative-detail-badge{display:flex;align-items:center;gap:12px;color:#285683;font-size:17px;font-weight:600}
.v2-creative-detail-badge:before{content:'✦';display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#bfd9f2;color:#285683;font-size:20px}
.v2-creative-detail-body{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:clamp(32px,6vw,86px);max-width:1120px;margin:0 auto 62px}
.v2-creative-detail-aside{min-width:0}
.v2-creative-detail-materials{color:#44413e}
.v2-creative-detail-materials ul{margin:0 0 20px;padding-left:20px}
.v2-creative-detail-materials p{margin:0 0 12px}
.v2-creative-detail-primary-link{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;margin:4px 0 28px;background:#ffb36f;color:#292521;text-decoration:none;border-radius:4px;font-weight:600}
.v2-creative-detail-primary-link:hover,.v2-creative-detail-primary-link:focus{background:#ff9c4b;color:#292521}
.v2-creative-detail-primary-link span{font-size:20px;line-height:1}
.v2-creative-detail-tip{margin:8px 0 26px;padding:18px;background:#f0e3d5;border-radius:4px}
.v2-creative-detail-tip-icon{float:left;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 10px 8px 0;border-radius:50%;background:#f4bd61;color:#5b401b}
.v2-creative-detail-tip h3{padding-top:3px}
.v2-creative-detail-tip>div:last-child{clear:both;color:#4b433c}
.v2-creative-detail-tip p{margin:0}
.v2-creative-detail-facts{display:grid;gap:7px;margin:0 0 24px;padding-top:18px;border-top:1px solid #d9d1ca}
.v2-creative-detail-facts div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.v2-creative-detail-facts dt{color:#716b65}
.v2-creative-detail-facts dd{margin:0;font-weight:600}
.v2-creative-detail-files{display:grid;gap:8px;margin-top:22px}
.v2-creative-detail-files a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #cfc5bd;border-radius:4px;color:#3a3734;text-decoration:none;background:rgba(255,255,255,.45)}
.v2-creative-detail-files a:hover,.v2-creative-detail-files a:focus{background:#fff;text-decoration:underline}
.v2-creative-detail-files a>span:first-child{font-size:22px;color:#9e5b40}
.v2-creative-detail-instructions{min-width:0}
.v2-creative-detail-instructions h2{margin-bottom:24px}
.v2-creative-detail-richtext{color:#403d3a}
.v2-creative-detail-richtext p{margin:0 0 16px}
.v2-creative-detail-richtext ol,.v2-creative-detail-richtext ul{padding-left:24px}
.v2-creative-detail-steps{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:creative-step}
.v2-creative-detail-steps li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-items:start;color:#403d3a;counter-increment:creative-step}
.v2-creative-detail-steps li:before{content:counter(creative-step);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#bfd9f2;color:#285683;font-weight:700}
.v2-creative-detail-steps li p{margin:4px 0 0}
.v2-creative-detail-step-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.v2-creative-detail-step-images figure{overflow:hidden;margin:0;background:#eee9e4;border-radius:4px;aspect-ratio:1.25}
.v2-creative-detail-step-images img{display:block;width:100%;height:100%;object-fit:cover}
.v2-creative-detail-empty{color:#746e68;font-style:italic}
.v2-creative-detail-products{clear:both;padding:54px 0 58px;background:#eee9e4}
.v2-creative-detail-products-inner{max-width:1120px;margin:0 auto;padding:0 22px}
.v2-creative-detail-products h2{margin-bottom:10px}
.v2-creative-detail-products-note{margin:0 0 26px;color:#716b65}
.v2-creative-detail-product-list{display:grid;gap:14px}
.v2-creative-detail-product-list:after{display:none!important}
.v2-creative-detail-product-list .productbox-display-as-list,.v2-creative-detail-product-list .productbox-list{width:100%}
.v2-creative-detail-related{max-width:1120px;margin:56px auto 0;padding:0 22px}
.v2-creative-detail-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v2-creative-detail-related-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:4px;background:#fff;color:#2d2b29;text-decoration:none;box-shadow:0 2px 10px rgba(40,36,32,.08)}
.v2-creative-detail-related-card:hover,.v2-creative-detail-related-card:focus{color:#2d2b29;box-shadow:0 6px 18px rgba(40,36,32,.15)}
.v2-creative-detail-related-media{display:block;aspect-ratio:1.25;overflow:hidden;background:#e4ded7}
.v2-creative-detail-related-media img{display:block;width:100%;height:100%;object-fit:cover}
.v2-creative-detail-related-title{padding:14px 42px 14px 14px;font-size:16px;font-weight:600;line-height:1.25}
.v2-creative-detail-related-arrow{position:absolute;right:12px;bottom:10px;font-size:22px}

@media (max-width:900px){
	.v2-creative-detail{padding-left:16px;padding-right:16px}
	.v2-creative-detail-hero{grid-template-columns:1fr;margin-bottom:38px}
	.v2-creative-detail-hero-media,.v2-creative-detail-hero-media img{min-height:0;aspect-ratio:1.5}
	.v2-creative-detail-hero-copy{padding:28px 26px 34px}
	.v2-creative-detail-body{grid-template-columns:1fr;gap:38px;margin-bottom:44px}
	.v2-creative-detail-aside{display:block}
	.v2-creative-detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
	.v2-creative-detail h1{font-size:32px}
	.v2-creative-detail h2{font-size:26px}
	.v2-creative-detail-hero-copy{padding:22px 20px 28px}
	.v2-creative-detail-back{margin-bottom:22px}
	.v2-creative-detail-badge{font-size:15px}
	.v2-creative-detail-steps li{grid-template-columns:32px minmax(0,1fr);gap:12px}
	.v2-creative-detail-steps li:before{width:30px;height:30px}
	.v2-creative-detail-step-images{grid-template-columns:repeat(2,minmax(0,1fr))}
	.v2-creative-detail-related-grid{grid-template-columns:1fr}
}