
.swipe-tools,.swipe-order-photo{display:none}
@media(max-width:760px){
html{scroll-behavior:smooth;scroll-padding-top:0}body{overflow-x:hidden}#sortiment,#lieferanten,#team-vorschau,#bestellen{scroll-margin-top:74px}
#sortiment .section-heading h2{font-size:30px;max-width:320px}.home-order .section-heading h2{font-size:30px}.section-heading{margin-bottom:24px}
#sortiment,#team-vorschau,#bestellen{padding-top:42px;padding-bottom:42px}
.range-grid,.home-team .team-grid,.modern-order .order-layout{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -24px;padding:0 24px 12px;align-items:stretch}
.range-grid::-webkit-scrollbar,.home-team .team-grid::-webkit-scrollbar,.order-layout::-webkit-scrollbar{display:none}
.range-grid>.range{flex:0 0 67%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;border-radius:19px}.range-grid .range-photo{height:185px}.range-grid .range>div:last-child{padding:19px 18px 22px}.range-grid .range h3{font-size:21px;padding-right:0;line-height:1.15}.range-grid .range p{font-size:12px;padding-right:0;line-height:1.6;margin-top:11px}.range-grid .range .circle{display:none}
.home-team .team-grid{gap:13px}.home-team .team-grid>.team-card,.home-team .team-grid>.team-card:last-child{flex:0 0 44%;min-width:0;width:auto;grid-column:auto;scroll-snap-align:start}.home-team .team-card h3{font-size:15px;line-height:1.25;min-height:38px}.home-team .team-card-copy{padding-top:12px}.home-team .team-card img{border-radius:15px}.home-team .section-heading .team-intro{max-width:100%}
.supplier-track{gap:16px;scroll-snap-type:x mandatory;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}.supplier-logo{flex:0 0 46%;height:105px}.supplier-heading h2{font-size:29px}.supplier-heading .supplier-controls{display:none}.supplier-band{padding:38px 0 25px}
.modern-order .order-direct{display:contents}.modern-order .order-layout>.order-feature,.modern-order .order-direct>.order-contact{flex:0 0 79%;min-width:0;width:auto;scroll-snap-align:start;border-radius:19px;overflow:hidden}.modern-order .order-feature{display:flex;flex-direction:column}.modern-order .order-feature>img{order:-1;display:block;width:100%;height:188px;aspect-ratio:auto;object-fit:cover;margin:0}.modern-order .order-feature-copy{padding:23px 22px}.modern-order .order-feature h3{font-size:28px;line-height:1.13;margin:12px 0}.modern-order .order-feature p{font-size:12px;line-height:1.65}.modern-order .order-tag{font-size:9px;line-height:1.5}.modern-order .order-contact{padding:0;display:flex;flex-direction:column}.swipe-order-photo{display:block;width:100%;height:188px;object-fit:cover}.swipe-order-copy{padding:23px 22px}.modern-order .order-contact h3{font-size:26px;line-height:1.2;margin:17px 0 12px}.modern-order .order-number{font-size:21px;letter-spacing:-.025em}.modern-order .order-contact p{font-size:12px;line-height:1.7}.modern-order .order-arrow{font-size:19px}.modern-order .order-bottom{margin-top:24px}
.swipe-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#65717a;font-size:11px}.swipe-tools-label{display:flex;align-items:center;gap:8px}.swipe-tools-label:before{content:"";width:24px;height:2px;border-radius:3px;background:#b87932}.swipe-tools-buttons{display:flex;align-items:center;gap:8px}.swipe-tools button{appearance:none;width:34px;height:34px;border:0;border-radius:50%;background:#f1f2f3;color:#17232b;font-size:18px;cursor:pointer}.swipe-tools button:disabled{opacity:.3;cursor:default}.swipe-tools button:focus-visible,.range-grid:focus-visible,.team-grid:focus-visible,.order-layout:focus-visible{outline:2px solid #b87932;outline-offset:3px}.swipe-tools-counter{font-variant-numeric:tabular-nums;min-width:35px;text-align:center}.supplier-band .swipe-tools{color:#fff9}.supplier-band .swipe-tools button{background:#ffffff0d;color:#fff}
/* Cards in horizontal rows are always visible, including before sideways scrolling. */
.range-grid>.scroll-reveal,.home-team .team-grid>.scroll-reveal{opacity:1;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.home-team .section-heading{padding-left:0;min-height:0}.home-team .section-heading>div:first-child{padding-left:0;min-height:0}.home-team .section-heading h2{font-size:30px;line-height:1.15}.home-team .section-heading .eyebrow{font-size:10px}.home-team .team-bear-peek{display:none}}

/* Single-page proposal: clear anchors replace the mobile hamburger menu. */
header .menu{display:none!important}header .nav nav a{white-space:nowrap}
.range-detail-subtitle{font-weight:700;color:#94652f!important;margin-bottom:5px!important}.range-full-description{margin-top:6px!important}
.onepage-extra{padding-top:38px;padding-bottom:38px}.onepage-extra .section-heading{margin-bottom:22px}.onepage-extra h2{font-size:clamp(28px,3.5vw,42px)}.onepage-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-bottom:10px}.onepage-slider::-webkit-scrollbar{display:none}.onepage-card{flex:0 0 min(65%,460px);min-width:0;scroll-snap-align:start;border-radius:20px;background:#f5f3ef;padding:27px}.onepage-card .card-step{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:#94652f;margin-bottom:17px}.onepage-card h3{font-size:23px;line-height:1.2;margin:0 0 16px}.onepage-card p{font-size:14px;line-height:1.75;color:#65717a;margin:0 0 18px}.onepage-card .button{font-size:12px;padding:13px 18px;margin-top:10px;min-width:0}.onepage-card .checklist{margin:0;padding:0}.onepage-card .checklist li{font-size:13px;padding:7px 0 7px 22px;line-height:1.6}.onepage-card .onepage-footnote{font-size:12px;line-height:1.6;margin:14px 0 0}.new-customer-slider .onepage-card:first-child{background:#17232b;color:#fff}.new-customer-slider .onepage-card:first-child p{color:#c8d0d4}.new-customer-slider .onepage-card:first-child .card-step{color:#e0b57d}.new-customer-slider .onepage-card:first-child .button{background:#fff;color:#17232b}
@media(max-width:760px){
header .nav{height:auto;min-height:0;display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0 8px;align-items:center}header .logo{width:148px}header .nav>a.button.small{display:inline-flex;min-width:0;gap:9px;font-size:10px;padding:10px 12px;height:auto}header .nav nav{position:static;display:flex!important;grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px;width:auto;padding:0 0 3px;background:transparent;border:0;border-radius:0;box-shadow:none}header .nav nav a{display:block;font-size:10px;line-height:1.4;border-radius:20px;background:#f2f1ed;padding:8px 10px;flex-shrink:0}header .nav nav a:after{display:none}header .nav nav a:hover{background:#e8e4dc}
#sortiment,#lieferanten,#team-vorschau,#bestellen,#take-order,#neukunden,#liefergebiet,#fragen,#kontakt{scroll-margin-top:118px}
.range-grid .range h3{font-size:21px}.range-grid .range-detail-subtitle{font-size:11px;line-height:1.5}.range-grid .range-full-description{font-size:12px;line-height:1.7}.range-grid .range>div:last-child{padding-bottom:23px}
.onepage-slider{gap:14px;scroll-padding-inline:24px;margin:0 -24px;padding:0 24px 12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.onepage-card{flex-basis:81%;padding:24px 21px;border-radius:19px}.onepage-card h3{font-size:23px}.onepage-card p{font-size:13px;line-height:1.75}.onepage-card .checklist li{font-size:12px}.onepage-extra{padding-top:32px;padding-bottom:32px}.onepage-extra .section-heading h2{font-size:29px}.onepage-extra .swipe-tools{margin-top:10px}
}

@media(max-width:760px){header .nav>a:first-child{grid-row:1;grid-column:1}header .nav>a.button.small{grid-row:1;grid-column:2}header .nav nav{grid-row:2}.take-order-slider .onepage-card{flex-basis:78%}.take-order-slider .onepage-card h3{font-size:21px}.take-order-slider .onepage-card p{font-size:13px;line-height:1.7}}

.home-team .team-card-copy .team-functions{font-size:11px;line-height:1.65;color:#65717a;margin:6px 0 0;overflow-wrap:anywhere}.home-team .team-card h3{min-height:0}.history-section#firmengeschichte{scroll-margin-top:125px}.history-section#firmengeschichte{padding-bottom:45px}@media(max-width:760px){.home-team .team-card-copy .team-functions{font-size:10px;line-height:1.7}.home-team .team-card-copy{padding-top:12px}.history-section#firmengeschichte{padding-top:20px;padding-bottom:35px}}

.team-story{margin-top:28px;border-top:1px solid #e5e8ea;border-bottom:1px solid #e5e8ea;padding:20px 0;scroll-margin-top:130px}.team-story summary{display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;list-style:none}.team-story summary::-webkit-details-marker{display:none}.team-story summary small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#94652f;font-size:10px;margin-bottom:8px;font-weight:700}.team-story summary strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-.04em}.team-story-toggle{font-size:24px;color:#b87932;transition:transform .2s}.team-story[open] .team-story-toggle{transform:rotate(45deg)}.team-story>div{max-width:760px;padding-top:15px}.team-story p{font-size:14px;line-height:1.75;color:#65717a;margin:0 0 15px}.team-story .text-link{font-size:12px}@media(max-width:760px){.team-story{margin-top:20px;padding:20px 0}.team-story summary strong{font-size:23px}.team-story p{font-size:13px}.new-customer-slider .onepage-card{flex-basis:86%}.new-customer-slider .onepage-card .checklist li{padding-top:6px;padding-bottom:6px}}

.new-customer-slider .onepage-card:first-child .new-customer-swipe-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;font-weight:700;color:#e0b57d;margin:18px 0 0}.new-customer-swipe-hint span{font-size:23px;line-height:1;flex-shrink:0}

/* A quiet emphasis for the company history disclosure. */
#firmengeschichte .company-history{border:0;background:transparent;padding:0}
#firmengeschichte .company-history>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f7f4ef;border:1px solid #eee6da;border-left:3px solid #b87932;border-radius:0 12px 12px 0;padding:18px 20px;color:#17232b;font-size:15px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none;transition:background .2s}
#firmengeschichte .company-history>summary::-webkit-details-marker{display:none}
#firmengeschichte .company-history>summary:hover{background:#f2ece2}
#firmengeschichte .company-history>summary:focus-visible{outline:2px solid #b87932;outline-offset:4px}
#firmengeschichte .company-history>summary>span{color:#b87932;font-size:21px;flex-shrink:0}
@media(max-width:760px){#firmengeschichte .company-history>summary{padding:17px 16px;font-size:14px;gap:12px}}

@media(min-width:761px){.onepage-extra .swipe-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;font-size:11px;color:#65717a}.onepage-extra .swipe-tools-buttons{display:flex;gap:8px}.onepage-extra .swipe-tools button{width:34px;height:34px;border:0;border-radius:50%;background:#f1f2f3;color:#17232b;font-size:18px;cursor:pointer}.onepage-extra .swipe-tools button:disabled{opacity:.3;cursor:default}.onepage-extra .swipe-tools button:focus-visible{outline:2px solid #b87932;outline-offset:3px}}
@media(min-width:761px) and (max-width:1150px){header .logo{width:145px}header .nav{gap:15px}header .nav nav{gap:11px;font-size:10px}header .nav>a.button.small{font-size:10px;padding:12px 15px;min-width:0}}

.history-milestone-logo{display:block;object-fit:contain;margin:18px 0 10px;max-width:100%;height:auto}.history-monsterslush-logo{width:120px}.history-current-logo{width:240px;padding:10px;background:#fff;border-radius:10px}

.history-hitshop-logo{width:260px;background:#fff;border-radius:8px}.history-eckard{max-width:160px}

.history-logo.history-logo-milestone{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0 0;margin:0;border:0}.history-logo-milestone .history-mark{max-width:100%;width:240px}.history-logo-milestone p{max-width:100%}

/* Four separate product groups. */
@media(min-width:900px){#sortiment .range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#sortiment .range h3{font-size:24px;line-height:1.15}#sortiment .range>div:last-child{padding:24px 20px}#sortiment .range p{font-size:13px;line-height:1.65;padding-right:0}#sortiment .range-photo{height:auto;aspect-ratio:4/3;object-fit:cover}}
@media(min-width:761px) and (max-width:899px){#sortiment .range-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding-bottom:12px}#sortiment .range{flex:0 0 40%;min-width:0;scroll-snap-align:start}}

@media(min-width:900px){#sortiment .range-grid{display:grid;overflow:visible}#sortiment .range{min-width:0}#sortiment .range h3{font-size:clamp(19px,1.9vw,24px)}#sortiment .range>div:last-child{padding:21px 14px}#sortiment .range p{font-size:12px}}

/* Additional original supplier logos, aligned with the white logo band. */
.supplier-logo img.supplier-white{filter:brightness(0) invert(1);height:auto;max-height:100%;padding:10px;box-sizing:border-box}.supplier-logo img.supplier-screen{filter:grayscale(1) contrast(1.15) invert(1) brightness(4);mix-blend-mode:screen;height:auto;max-height:100%;padding:10px;box-sizing:border-box}.supplier-logo img.supplier-gre{max-width:122px}.supplier-logo img.supplier-monsterslush{max-width:130px;filter:grayscale(1) brightness(2.4) contrast(1.1)}.supplier-logo img.supplier-stg{padding:6px}

.swipe-tools{justify-content:flex-end}

.supplier-logo img.supplier-transparent{filter:none;mix-blend-mode:normal;height:auto;max-height:100%;padding:10px;box-sizing:border-box}
