/* Visueller Feinschliff der Startseite; Produktdesigner und Bestelllogik bleiben erhalten. */
:root{--bg:#f7f7f4;--surface-2:#f2f1eb;--ink:#182126;--muted:#59646b;--line:#e5e6e2;--brand:#f2bd39;--brand-dark:#89600a;--accent:#182126;--shadow:0 14px 40px rgba(20,32,38,.08);--radius-xl:24px;--radius-lg:18px}
body{background:#f7f7f4;color:#182126}.container{width:min(100% - 40px,1180px)}.section-pad{padding-block:clamp(56px,6vw,88px)}
.site-header{background:rgba(255,255,255,.97);border-bottom-color:#e9e9e5;box-shadow:0 2px 16px rgba(20,32,38,.035)}.top-strip{min-height:30px;gap:32px;font-size:.75rem}.top-strip span:nth-child(2),.top-strip a{display:none}.navbar{min-height:72px}.nav-menu{font-size:.86rem;font-weight:650}.brand-mark{background:transparent;box-shadow:none;overflow:hidden}.cart-button{border-radius:12px;padding:10px 14px}
.hero{background:#f5f4ee;padding-block:clamp(62px,7vw,104px) clamp(75px,8vw,114px)}.hero::before{display:none}.hero-grid{gap:clamp(32px,6vw,84px);grid-template-columns:1.03fr .97fr}.hero-copy h1{max-width:12ch;font-size:clamp(3rem,5.3vw,5.1rem)!important;line-height:1.04!important;letter-spacing:-.055em;margin-bottom:24px}.hero-copy>p{font-size:1.08rem;line-height:1.7;color:#4b5961}.eyebrow,.section-kicker{letter-spacing:.12em;font-size:.74rem;color:#8b620e}.hero-actions{margin:30px 0 27px}
.btn{border-radius:12px;min-height:48px;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#efbc3e;box-shadow:none}.btn-primary:hover{background:#e5ae26}.btn-ghost{border-color:#dcded9}.trust-row{gap:7px 16px}.trust-row span{padding:0;border:0;background:transparent;font-size:.8rem;color:#526067}.hero-card{min-height:480px;border-radius:22px;box-shadow:0 22px 54px rgba(20,32,38,.13)}.hero-product-photo{min-height:480px}.hero-mini-cards{bottom:16px;gap:5px}.hero-mini-cards span{border-radius:9px;padding:10px 4px;font-size:.76rem}.floating-badge{top:17px;right:17px;border-radius:9px;padding:8px 12px;font-size:.75rem}
.shop-flow-strip{margin-top:-34px}.shop-flow-grid{gap:10px}.shop-flow-grid article{padding:17px 18px;border:1px solid #e5e6e2;border-radius:15px;background:#fff;color:#182126;box-shadow:0 8px 25px rgba(20,32,38,.05)}.shop-flow-grid strong{width:32px;height:32px;border-radius:9px;color:#182126;background:#f7df9e;font-size:.85rem}.shop-flow-grid span{font-size:.86rem}.shop-flow-grid small{color:#68747a;font-size:.73rem}
h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.13;letter-spacing:-.045em}.section-head{margin-bottom:28px}.section-sub{color:#617077;line-height:1.65}.service-hub{background:#fff}.service-card-grid{gap:14px}.service-card{min-height:0;padding:26px;border-radius:18px;box-shadow:none}.service-card::after{display:none}.service-card-primary{background:#1d2b30;border-color:#1d2b30}.service-card-soon{background:#faf7ed;border-color:#eee8d6}.service-code{height:30px;min-width:0;margin-bottom:28px;border-radius:7px;font-size:.7rem}.service-card h3{font-size:clamp(1.5rem,2vw,1.9rem)}.service-card p{margin:14px 0;line-height:1.6;font-size:.9rem}.service-card ul{gap:.45rem;font-size:.83rem}
.featured-products{background:#f7f7f4}.featured-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-product{padding:8px 8px 20px;border-color:#e8e9e4;border-radius:18px;box-shadow:none}.featured-product img{height:210px;border-radius:12px}.featured-product:hover{box-shadow:0 14px 30px rgba(20,32,38,.08)}.featured-product span{color:#89600a}.plotter-section{background:#1d2b30}.plotter-grid article{min-height:190px;border-radius:16px;background:rgba(255,255,255,.045)}.plotter-grid h3{margin-top:24px}.uv-section{background:#faf8f2}.uv-items article{border-radius:14px}.designer-launch{background:#f7f7f4}.designer-launch-shell{border-radius:22px;box-shadow:none}.designer-launch-visual{border-radius:17px}:where(.product-card,.benefit-card,.review-card,.faq-item){box-shadow:none}:where(a,button,input,select,textarea):focus-visible{outline:3px solid #bc8115;outline-offset:3px}section[id]{scroll-margin-top:95px}
@media(max-width:1120px) and (min-width:761px){.service-card-grid,.featured-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:20px}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.section-pad{padding-block:54px}.hero{padding-block:48px 72px}.hero-grid{gap:30px}.hero-copy h1{font-size:clamp(2.65rem,10vw,4.1rem)!important}.hero-card,.hero-product-photo{min-height:340px!important}.shop-flow-strip{margin-top:-22px}.shop-flow-grid{gap:7px}.shop-flow-grid article{padding:12px 15px}.service-card-grid,.featured-product-grid{grid-template-columns:1fr}.service-card{padding:22px}.trust-row span{width:auto;text-align:left}}
@media(max-width:420px){.hero-mini-cards span{font-size:.67rem}.brand{font-size:.88rem}.cart-button{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* DTF-Transferfolie */
.dtf-section{background:#fff}.dtf-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.dtf-photo{width:100%;border-radius:22px}.dtf-price-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:22px 0}.dtf-price-table th,.dtf-price-table td{padding:10px 4px;border-bottom:1px solid #e5e6e2;text-align:left}.dtf-price-table td:last-child,.dtf-price-table th:last-child{text-align:right}.dtf-note{color:#59646b;font-size:.83rem;line-height:1.6}.finish-kind-film .finish-product{width:min(470px,70vw,calc((97dvh - 320px)*var(--film-ratio)));height:auto!important;min-height:0!important;aspect-ratio:var(--film-ratio);margin:40px 24px;background:repeating-conic-gradient(#e8ebed 0% 25%,#fff 0% 50%) 0 0/20px 20px;box-shadow:0 12px 32px #18212622}.finish-kind-film .finish-product>img{display:none}.finish-kind-film .finish-print{left:0;top:0;transform:none;width:100%!important;height:100%!important;max-height:none;border:1px dashed #a77b12;background:#ffffff77}.finish-kind-film .finish-canvas-title{top:-6px}.is-film .finish-side-overview{display:none}.is-film .finish-material-note{padding:12px}.is-film .finish-stage{overflow:auto}
@media(max-width:820px){.dtf-layout{grid-template-columns:1fr}.finish-kind-film .finish-product{width:min(300px,68vw,calc(360px*var(--film-ratio)))}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-card{width:100%;max-width:600px;justify-self:center}}
@media(max-width:1120px){.navbar{position:relative}.nav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:white;border:1px solid #e5e6e2;border-radius:14px;padding:12px;box-shadow:0 15px 30px #18212616}.nav-menu a{padding:12px}}

/* Arbeitskleidung und Vereinsdruck mit bereitgestellten Produktbildern. */
.featured-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-workwear img,.featured-sponsoring img{object-fit:contain;background:#f2f1eb}.sponsoring-section{background:#fff}.sponsoring-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}.sponsoring-photo{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:18px;background:#f2f1eb}.sponsoring-layout p{line-height:1.7;color:#59646b}.sponsoring-layout .sponsoring-lead{color:#182126;font-size:1.2rem;font-weight:700}
@media(max-width:1120px){.featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.featured-product-grid,.sponsoring-layout{grid-template-columns:1fr}.sponsoring-photo{max-height:450px}}

/* DTF-Formate als direkt auswählbares Preisraster. */
.dtf-grid-intro{display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:center;margin-bottom:30px}.dtf-grid-intro>img{width:220px;height:220px;object-fit:cover;border-radius:18px}.dtf-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.dtf-format-card{padding:22px;border:1px solid #e2e5df;background:#fafaf7;border-radius:16px;display:flex;flex-direction:column;align-items:stretch}.dtf-format-heading{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:10px;margin-bottom:16px;color:#59646b;font-size:.82rem;font-weight:700}.dtf-sheet-icon{height:30px;border:1px solid #b7b9ae;background:linear-gradient(135deg,#fff,#f4e4b8);border-radius:3px;max-width:48px}.dtf-format-card h3{font-size:1.35rem;margin-bottom:12px}.dtf-format-price{font-size:1.65rem;font-weight:800;margin-bottom:8px;color:#182126}.dtf-format-price small{font-size:.75rem;font-weight:500;color:#59646b}.dtf-format-detail{font-size:.78rem;line-height:1.6;color:#59646b;margin-bottom:20px}.dtf-format-card .btn{margin-top:auto;padding:10px;font-size:.84rem}.hero-copy .hero-dtf-note{font-size:.86rem;line-height:1.6;margin:0 0 24px;color:#59646b}.hero-dtf-note strong{color:#725100}
@media(max-width:1000px){.dtf-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dtf-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dtf-format-card{padding:16px}.dtf-grid-intro{grid-template-columns:1fr}.dtf-grid-intro>img{display:none}}
@media(max-width:380px){.dtf-format-grid{grid-template-columns:1fr}}

/* Geschlossene Preisübersicht: auf der Startseite nur eine kompakte Zeile. */
.dtf-compact{padding:24px 0;background:#fff}.dtf-price-disclosure{border:1px solid #e2e5df;border-radius:16px;background:#fafaf7;overflow:hidden}.dtf-price-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;cursor:pointer;list-style:none}.dtf-price-disclosure summary::-webkit-details-marker{display:none}.dtf-price-disclosure summary strong{display:block;font-size:1.2rem;color:#182126}.dtf-price-disclosure summary small{display:block;margin-top:5px;color:#59646b;font-size:.85rem}.dtf-disclosure-action{display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:700;color:#725100}.dtf-disclosure-action b{font-size:1.4rem}.dtf-close-label{display:none}.dtf-price-disclosure[open] .dtf-open-label{display:none}.dtf-price-disclosure[open] .dtf-close-label{display:inline}.dtf-price-disclosure[open] .dtf-disclosure-action b{transform:rotate(45deg)}.dtf-disclosure-content{padding:0 24px 20px}.dtf-price-disclosure summary:focus-visible{outline:3px solid #bc8115;outline-offset:-4px}
@media(max-width:640px){.dtf-price-disclosure summary{padding:18px;align-items:flex-start;flex-direction:column;gap:12px}.dtf-disclosure-content{padding:0 12px 12px}}

/* Vier Produktkategorien inklusive Trikots und Vereinsdruck. */
@media(min-width:1121px){.featured-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Produktauswahl direkt nach dem T-Shirt-Startbereich. */
.shop-flow-strip{margin-top:0;padding:20px 0 36px;background:#f7f7f4}
.hero-copy h1{max-width:14ch}

/* Vollständiges Trikotmotiv und Anfragekarte ohne festen Produktpreis. */
.catalog-inquiry-card .product-photo{object-fit:contain!important;transform:none!important;background:#f4f4f4}.catalog-inquiry-card .catalog-card-footer{flex-wrap:wrap;gap:12px}.catalog-inquiry-card .catalog-price strong{font-size:1.1rem}.catalog-inquiry-card .product-visual{display:block}

.featured-garment img{object-fit:contain;background:#f4f4f4}

/* Eigene Beispiel-Leiste für Abschlusskleidung außerhalb des Sortiments. */
.abschluss-strip{padding:32px 0 40px;background:#eef2f7;border-block:1px solid #dfe5ed}
.abschluss-shell{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);gap:28px;align-items:center}
.abschluss-intro h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.15;margin:10px 0 14px}
.abschluss-intro p:not(.section-kicker){color:#59646b;line-height:1.65;margin-bottom:18px}
.abschluss-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.abschluss-example{background:#fff;border:1px solid #dfe5ed;border-radius:16px;overflow:hidden}
.abschluss-example-image{display:block;width:100%;height:180px;padding:8px;border:0;background:#f4f4f4;cursor:pointer}
.abschluss-example-image img{width:100%;height:100%;object-fit:contain;display:block}
.abschluss-example>div{padding:16px}.abschluss-example h3{font-size:1.05rem;margin:6px 0}.abschluss-example p{margin:0 0 12px;font-weight:700}.abschluss-example-label{font-size:.74rem;color:#59646b}.abschluss-example .btn{font-size:.83rem;padding:10px 14px;min-height:44px}
@media(max-width:900px){.abschluss-shell{grid-template-columns:1fr}.abschluss-intro{max-width:650px}.abschluss-example-image{height:220px}}
@media(max-width:540px){.abschluss-examples{grid-template-columns:1fr}.abschluss-example-image{height:210px}}