@font-face {
  font-family:Manrope;
  src:url("./manrope-latin-wght.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
}
@scope (#tt-products) {
:scope{--blue:#224785;--navy:#162147;--cyan:#60aeba;--lime:#d3db52;--green:#008b55;--ink:#17233c;--muted:#596575;--line:#dfe5eb;--wash:#f3f6f8}*{box-sizing:border-box}:scope{scroll-behavior:smooth}:scope{margin:0;font:16px/1.65 var(--catalog-font);color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.draft{padding:7px 24px;text-align:center;font-size:16px;letter-spacing:normal;background:#edf1f7;color:#304b74}.draft span{letter-spacing:normal}.contactbar{font-size:16px;color:var(--blue);font-weight:bold;padding:9px 0}.contactbar a+a{margin-left:26px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.logo{width:255px;height:auto;display:block}nav{display:flex;gap:28px;font-family:var(--catalog-font);font-size:16px;letter-spacing:normal;font-weight:600}nav a{position:relative;padding:15px 0;color:#000;border-bottom:0}nav a::before{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#1e4489;opacity:0;transform:translateX(-50%);transition:width 300ms cubic-bezier(.680,-.550,.265,1.550),opacity 300ms cubic-bezier(.680,-.550,.265,1.550)}nav a:hover,nav a:focus-visible{color:#1e4489}nav a:hover::before,nav a:focus-visible::before,nav a.active::before{width:100%;opacity:1}nav a.active{color:#000}@media(prefers-reduced-motion:reduce){nav a::before{transition:none}}.hero{background:var(--navy);color:white;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:380px;gap:25px}.eyebrow{font-weight:700;font-size:16px;letter-spacing:normal}.hero .eyebrow{color:#b9dce4}.hero h1{font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:normal;margin:18px 0 20px}.hero p{max-width:520px;color:#e1e7f0;margin:0 0 28px;font-size:16px}.hero-art{width:100%;height:330px}.search-box{display:flex;background:white;border:1px solid var(--line);max-width:630px;align-items:center;color:var(--blue)}.search-box span{padding:0 17px;font-size:24px}.search-box input{width:100%;border:0;padding:16px 10px;background:transparent;color:var(--ink);min-width:0}.search-box button{border:0;background:var(--blue);color:white;margin:5px;padding:10px 19px}.hero .search-box{margin-bottom:36px}.intro{padding:52px 0 28px;display:flex;justify-content:space-between;gap:30px;align-items:end}h2{font-size:32px;line-height:1.2;margin:0 0 14px;letter-spacing:normal}.intro p{color:var(--muted);margin:0;max-width:590px}.section-number{font-size:16px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;padding-bottom:55px}.category{border:1px solid var(--line);transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.category:hover{transform:translateY(-5px);border-color:var(--blue)}.scene{background:#eff4f7;height:190px;width:100%;display:block}.category-body{padding:23px;display:flex;flex-direction:column;flex:1}.category h3{font-size:20px;line-height:1.3;margin:0 0 12px;min-height:52px}.category p{font-size:16px;color:var(--muted);margin:0 0 24px;flex:1}.card-link{font-size:16px;font-weight:bold;color:var(--blue);display:flex;justify-content:space-between;align-items:center}.card-link span{font-size:24px}.popular{background:var(--wash);padding:38px 0 48px}.popular h2{font-size:24px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-block;border:1px solid #cbd5e1;background:white;padding:9px 15px;font-size:16px}.chip:hover,.chip.selected{background:var(--blue);color:white;border-color:var(--blue)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:45px 0}.how>div{display:flex;gap:15px}.how b{color:var(--cyan);font-size:24px}.how h3{margin:0;font-size:16px}.how p{margin:5px 0;font-size:16px;color:var(--muted)}.advice{background:var(--blue);color:white;padding:42px 0}.advice-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.advice .eyebrow{color:#bfdae9;margin-bottom:16px}.advice h2{font-size:32px}.advice p{margin:0;color:#e2eaf5}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;background:var(--blue);color:white;padding:14px 22px;border:1px solid var(--blue);font-size:16px;font-weight:bold;letter-spacing:normal}.button.white{background:white;color:var(--blue);border-color:white}.button:hover{filter:brightness(.93)}footer{padding:42px 0 20px}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;font-size:16px}.footer-inner .logo{width:220px}.footer-inner strong{font-size:16px;letter-spacing:normal}.footer-inner p{color:var(--muted)}.fineprint{border-top:1px solid var(--line);padding-top:16px;font-size:16px;color:var(--muted)}.breadcrumb{font-size:16px;color:var(--muted);padding:22px 0}.breadcrumb a:hover{text-decoration:underline}.page-title{background:var(--wash);padding:28px 0 32px}.page-title h1{font-size:32px;line-height:1.15;margin:0 0 12px}.page-title p{margin:0;color:var(--muted);max-width:700px}.catalog{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:35px 0 55px}.sidebar h2{font-size:16px;letter-spacing:normal;margin:0 0 16px}.sidebar a{display:block;padding:10px 12px;border-left:3px solid transparent;font-size:16px}.sidebar a:hover,.sidebar .selected{background:var(--wash);border-color:var(--blue);color:var(--blue)}.sidebar .all{font-weight:bold}.sidebar hr{border:0;border-top:1px solid var(--line);margin:22px 0}.results-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:16px;margin:24px 0 20px}.results-bar select{padding:7px;border:1px solid var(--line);color:var(--ink);background:white;font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid var(--line);display:block}.product:hover{border-color:var(--blue)}.product .product-art{background:#fff;height:190px;width:100%}.product-body{padding:18px}.tag{font-size:16px;color:#596678;letter-spacing:normal}.product h3{font-size:16px;line-height:1.4;margin:8px 0}.product p{color:var(--muted);font-size:16px;margin:0 0 18px}.product .card-link{font-size:16px}.notice{padding:13px 16px;border-left:3px solid var(--cyan);background:#eff6f7;font-size:16px;color:#41586a;margin:0 0 24px}.empty{padding:42px;background:var(--wash)}.empty h2{font-size:24px}.detail{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:16px 0 48px}.detail .product-art{width:100%;height:390px;background:#fff}.detail h1{font-size:32px;line-height:1.15;margin:15px 0}.detail p{color:var(--muted)}.detail dl{display:grid;grid-template-columns:1fr 1fr;font-size:16px;border-top:1px solid var(--line);margin:24px 0}.detail dt,.detail dd{padding:11px 0;margin:0;border-bottom:1px solid var(--line)}.detail dt{color:var(--muted)}.details-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:55px}.details-bottom h2{font-size:24px}.details-bottom p{color:var(--muted);font-size:16px}.document{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px}.doc-icon{color:var(--blue);font-size:16px;border:1px solid var(--line);padding:9px}.document strong{display:block;font-size:16px}.document small{color:var(--muted);font-size:16px}.related{padding:30px 0 55px}.skip{position:absolute;left:20px;top:-80px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}main:focus{outline:none}@media(max-width:1000px){nav{gap:16px;font-size:16px}.logo{width:215px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:32px}.hero-art{height:270px}.category h3{min-height:0}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.draft{font-size:16px}.draft span{display:none}.contactbar{font-size:16px}.contactbar a+a{margin-left:16px}.header-inner{display:block;padding:15px 0 0;min-height:auto}.logo{width:210px}nav{justify-content:space-between;gap:8px;font-size:16px;margin-top:12px}.hero-inner{display:block;min-height:0;padding-top:35px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-art{height:200px;margin-top:-20px}.hero .search-box{margin-bottom:20px}.search-box input{font-size:16px;padding:14px 6px}.search-box span{padding:0 10px}.search-box button{font-size:16px;padding:9px}.intro{padding-top:34px;display:block}h2{font-size:24px}.section-number{display:none}.category-grid{gap:14px;padding-bottom:35px}.scene{height:145px}.category-body{padding:16px}.category h3{font-size:16px}.category p{font-size:16px}.card-link{font-size:16px}.how{grid-template-columns:1fr;padding:30px 0;gap:20px}.advice-inner{display:block}.advice .button{margin-top:24px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>div:first-child{grid-column:1/-1}.catalog{display:block;padding-top:22px}.sidebar{margin-bottom:25px}.sidebar a{display:inline-block;font-size:16px;padding:7px}.sidebar hr,.sidebar .othercats{display:none}.sidebar h2{margin-bottom:10px}.product-grid{gap:12px}.product .product-art{height:150px}.product-body{padding:13px}.product h3{font-size:16px}.product p{font-size:16px}.page-title h1{font-size:32px}.results-bar{flex-wrap:wrap}.detail{grid-template-columns:1fr;gap:25px}.detail .product-art{height:270px}.detail h1{font-size:32px}.details-bottom{grid-template-columns:1fr;gap:25px}.advice h2{font-size:24px}}

/* Real product information */
.product-photo{display:block;width:100%;height:200px;object-fit:contain;background:#fff;padding:12px}
.product-visual{align-self:start;border:1px solid #e1e7ec;border-radius:4px;background:white}
.product-visual .product-photo{height:auto;aspect-ratio:550/350;padding:20px}
.image-credit{font-size:16px;color:#667582;text-align:center;padding:0 14px 15px}
.product-lead{font-size:20px;line-height:1.6}.product-body .pack{font-size:16px;font-weight:bold;color:#224785}
.eco-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.eco-chip{display:inline-block;max-width:100%;font-size:16px;line-height:1.5;background:#edf6ee;color:#225f3b;padding:5px 8px;overflow-wrap:anywhere}
.eco-labels{display:grid;gap:10px;margin:22px 0}.eco-label{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #dce6df;background:#fff;text-decoration:none;color:#162147}
.eco-label img{width:72px;height:72px;object-fit:contain;padding:6px;flex-shrink:0}.eco-label small{display:block;line-height:1.5;color:#586876;margin-top:5px;font-size:16px}
.feature-list{padding-left:20px;line-height:1.8}.details-bottom h3{font-size:16px;margin:25px 0 10px}.application-note,.document-note{font-size:16px;line-height:1.6;color:#586876}.document{text-decoration:none;color:#162147;gap:14px}.document:hover{background:#edf4f7}.document small{display:block;line-height:1.5}.doc-icon{flex-shrink:0}.product h3{overflow-wrap:anywhere}.product-body{display:flex;flex-direction:column;height:100%}.product .card-link{margin-top:auto;padding-top:12px}.product{display:flex;flex-direction:column}.static-product .document{font-size:16px}.static-product .eco-label{padding:8px;gap:8px}.static-product .eco-label img{width:58px;height:58px}
@media(max-width:600px){.detail h1{font-size:24px;overflow-wrap:anywhere}.product-visual .product-photo{max-height:255px}.eco-label{gap:10px}.eco-label img{width:65px;height:65px}.detail dl{grid-template-columns:110px 1fr}.detail dd{overflow-wrap:anywhere}}


.photo-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#6d7e8d;min-height:210px}.photo-pending>span{font-size:48px;color:#9bb4c2}.photo-pending small{font-size:16px;margin:12px}.pack-variants{margin:24px 0}.pack-variants .chip{display:flex;flex-direction:column;gap:5px;font-size:16px}.pack-variants small{font-size:16px;font-weight:400}.active-pack{border-color:#224785!important;background:#edf3fa!important}.document small{overflow-wrap:anywhere}
.hazard-info{margin-top:28px;padding-top:24px;border-top:1px solid #cdd6e2;font-family:var(--catalog-font);font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.hazard-info h3{font-size:20px;line-height:1.35;margin:0 0 18px;color:#112849}
.hazard-info h4{font-size:16px;margin:20px 0 8px}
.hazard-pictograms{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.hazard-pictograms img{display:block;width:64px;height:64px;object-fit:contain;background:white}
.hazard-info .hazard-signal{font-size:20px;font-weight:700;text-transform:uppercase;color:#112849;margin:12px 0}
.hazard-statements{padding-left:20px;margin:0}
.hazard-statements li{margin-bottom:9px}
.hazard-statements strong{font-weight:700}
.hazard-components{white-space:pre-line}
.hazard-source,.hazard-footnote{font-size:16px;line-height:1.6;color:#536780}
.hazard-entry+.hazard-entry{border-top:1px solid #cdd6e2;padding-top:12px;margin-top:24px}
.hazard-pending{border-left:3px solid #b67c29;padding-left:14px}
.static-product .hazard-info h3{font-size:16px}
@media(max-width:600px){.hazard-info{padding-top:20px;margin-top:24px}.hazard-info h3{font-size:20px}.hazard-pictograms{gap:10px}}

.search-box input:focus::placeholder{color:transparent;opacity:0}

.material-guide{margin-top:24px;border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--wash)}.material-guide summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.material-guide summary::-webkit-details-marker{display:none}.material-guide summary strong{font-size:16px;display:block}.material-guide summary small{display:block;color:var(--muted);margin-top:3px}.guide-toggle{font-size:24px;color:var(--blue)}.material-guide[open] .guide-toggle{transform:rotate(45deg)}.material-guide-body{padding:0 20px 20px;font-size:16px}.material-guide-body p{margin:0 0 16px}.material-table-wrap{overflow-x:auto}.material-guide table{width:100%;border-collapse:collapse;background:white;margin-bottom:16px;font-size:16px}.material-guide caption{text-align:left;font-weight:bold;padding:0 0 10px}.material-guide th,.material-guide td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px}.material-guide thead{background:var(--blue);color:white}.material-guide-note{line-height:1.5}.material-guide-source{font-size:16px;color:var(--muted);margin-top:12px!important}.material-guide summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(max-width:600px){.material-guide summary,.material-guide-body{padding-left:14px;padding-right:14px}.material-guide .button{width:100%;gap:10px}.material-guide th,.material-guide td{padding:8px;font-size:16px}}
.material-filter-link{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--blue);text-decoration:underline;text-underline-offset:3px;min-height:28px}.material-filter-link small{font-size:16px;color:var(--muted);font-weight:normal;text-decoration:none}.material-filter-link:hover{color:var(--green)}.active-material-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;margin-top:20px;background:#eff6f7;border-left:3px solid var(--cyan);font-size:16px}.active-material-filter a{color:var(--blue);text-decoration:underline;padding:4px}

.material-guide table{table-layout:fixed}.material-guide th,.material-guide td{vertical-align:top;overflow-wrap:break-word}.material-guide thead th:nth-child(1){width:18%}.material-guide thead th:nth-child(2){width:29%}.material-guide thead th:nth-child(3){width:20%}.material-guide thead th:nth-child(4){width:33%}.material-guide td{line-height:1.5}.material-guide .material-filter-link small{display:block;flex-basis:100%}.material-guide-note{line-height:1.8}
@media(max-width:850px){.material-guide table,.material-guide tbody,.material-guide tr,.material-guide td,.material-guide tbody th{display:block;width:100%}.material-guide thead{display:none}.material-guide tr{border:1px solid var(--line);margin:0 0 14px;padding:4px 8px;background:white}.material-guide tbody th{background:#eff6f7}.material-guide td{border:0;padding:8px;font-size:16px}.material-guide td:before{content:attr(data-label);display:block;font-size:16px;font-weight:bold;color:var(--muted);margin-bottom:3px}.material-guide table{background:transparent}.material-guide .material-filter-link small{flex-basis:auto}.material-guide .material-table-wrap{overflow:visible}}
.takeaway-symbols{margin-top:28px;padding-top:22px;border-top:1px solid var(--line,#dce3eb)}.takeaway-symbols ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.takeaway-symbols li{display:flex;align-items:flex-start;gap:14px;padding:14px;background:#f3f6f8;border:1px solid #dce3eb}.takeaway-symbols svg{flex:0 0 52px;color:#183660}.takeaway-symbols h4{margin:0 0 5px;font-size:16px}.takeaway-symbols li p{margin:0;font-size:16px;line-height:1.55}.static-product .takeaway-symbols li{break-inside:avoid}
/* Paged product lists */
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:24px 0}
.pagination a,.pagination>span{min-width:42px;min-height:42px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1ec;text-decoration:none;font-size:16px}
.pagination a:hover,.pagination a:focus-visible{background:#eef4f8;outline:2px solid #244986;outline-offset:2px}
.pagination a[aria-current="page"]{background:#244986;color:white;border-color:#244986;font-weight:700}
.pagination>span{color:#66758a}.pagination .page-gap{border:0;min-width:12px;padding:4px}
#list-start{scroll-margin-top:20px}#list-start:focus{outline:none}
@media(max-width:600px){.pagination{gap:4px}.pagination a,.pagination>span{padding:9px;min-width:36px}.results-bar{flex-wrap:wrap;gap:12px}}
/* Progressive enhancement: the mail preview remains readable without scripts. */
.interactive-ready .static-catalog{display:none}
.mobile-tools{display:none}
.static-catalog .static-intro{padding:28px 0}
.static-catalog .static-section{padding:32px 0;border-top:1px solid var(--line)}
.static-catalog h3{overflow-wrap:anywhere}
.static-catalog .static-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.static-catalog .static-product{border:1px solid var(--line);padding:18px;min-width:0}
.static-catalog .static-product .product-art{width:100%;height:160px;background:#fff}
.static-catalog .static-product h4{font-size:20px;margin:12px 0}
.static-catalog .static-product p{font-size:16px}
.static-catalog .static-groups{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.static-catalog .static-groups span{border:1px solid var(--line);padding:7px 12px;background:var(--wash);font-size:16px}
@media(max-width:700px){
 :scope{scroll-behavior:auto}
 .mobile-tools{display:block;padding-top:16px;padding-bottom:16px}
 .mobile-search-label{display:block;font-size:16px;letter-spacing:normal;font-weight:bold;margin-bottom:7px;color:var(--blue)}
 .mobile-tools .search-box{max-width:none}
 .search-box input{font-size:16px}
 .search-box button{min-height:44px;flex-shrink:0}
 .mobile-groups{margin-top:12px;border:1px solid var(--line);background:white}
 .mobile-groups summary{cursor:pointer;min-height:48px;padding:12px;font-size:16px;font-weight:bold;color:var(--blue);display:flex;justify-content:space-between;gap:8px}
 .mobile-groups[open] summary{border-bottom:1px solid var(--line)}
 .mobile-group-list{max-height:55vh;overflow:auto;padding:8px 12px}
 .mobile-group-list a{display:block;padding:11px 8px;font-size:16px;min-height:44px;border-bottom:1px solid var(--line)}
 .mobile-group-list .mobile-cat{color:var(--blue);font-weight:bold;background:var(--wash);margin-top:12px}
 .hero .search-box,.catalog>section>.search-box{display:none}
 .hero-art{height:155px;margin-top:0}
 .hero h1{font-size:32px}
 .hero-inner{padding:25px 0 12px}
 .sidebar{display:none}
 .catalog{gap:20px}
 .catalog>section,.detail>div,.details-bottom>section{min-width:0}
 .page-title h1,.detail h1,.category h3{overflow-wrap:anywhere}
 .static-catalog .static-products{grid-template-columns:1fr}
 .static-catalog .static-product .product-art{height:140px}
 .static-catalog .static-section{padding:24px 0}
 .static-catalog .hero p{margin-bottom:10px}
}
@media(max-width:390px){
 .category-grid{grid-template-columns:1fr}
 .category{display:grid;grid-template-columns:95px 1fr}
 .category .scene{height:100%;min-height:135px}
 .category-body{padding:14px}
 .category p{margin-bottom:12px}
 .product-grid{grid-template-columns:1fr}
 .contactbar .wrap{display:flex;flex-wrap:wrap;gap:5px 14px}
 .contactbar a+a{margin-left:0}
 .button{gap:12px}
}
/* Katalogprüfung für importierte Artikel mit unklarer Aktualität oder Nachfolger. */
.catalog-status{font-size:16px;line-height:1.5;background:#fff8e8;border-left:3px solid #c99c42;padding:10px 12px;color:#66501e;margin:12px 0}.catalog-status a{color:inherit;text-decoration:underline}
.empty-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:24px 0}.empty-actions .button{max-width:100%;box-sizing:border-box;white-space:normal}.empty-back{display:inline-block;text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.empty-actions{flex-direction:column;align-items:stretch}.empty-actions .button{text-align:center}}
.helpers-heading{font-size:clamp(16px,1.4vw,20px);overflow-wrap:normal;hyphens:none}
.category-body{min-width:0}
.product{display:flex;flex-direction:column;min-width:0}.product-main{display:block;flex:1}.basket-add{margin:0 16px 16px;justify-content:center;gap:8px;font-size:16px}.detail .basket-add{margin:0 12px 12px 0}.detail-advice{margin-bottom:12px}
.basket-nav{white-space:nowrap}nav{flex-wrap:wrap}
.basket-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:36px;padding-top:32px;padding-bottom:55px;align-items:start}
.basket-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.basket-row:first-child{padding-top:0}.basket-row .product-art{width:100px;height:120px;object-fit:contain}.basket-row h2{font-size:20px;margin:6px 0}.basket-row p{margin:6px 0;color:var(--muted)}.basket-row small{font-size:16px;color:var(--muted)}.basket-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:12px 0}.basket-controls input{width:85px;padding:8px;border:1px solid #9daabb;margin-left:10px}.basket-remove{background:none;border:0;text-decoration:underline;color:var(--blue);padding:8px}.basket-layout .empty-back{margin-top:24px}
.quote-panel{border:1px solid var(--line);background:var(--wash);padding:26px;min-width:0}.quote-panel h2{font-size:24px}.quote-panel p{font-size:16px}.quote-panel label{display:block;font-size:16px;font-weight:bold;margin:14px 0}.quote-panel input,.quote-panel textarea{display:block;width:100%;border:1px solid #9daabb;background:white;padding:11px;margin-top:5px;font:inherit;color:var(--ink)}.quote-panel textarea{resize:vertical}.quote-panel .button{width:100%;justify-content:center;margin-top:12px;gap:10px}.quote-copy{background:white;color:var(--blue)}.quote-panel .quote-help{font-size:16px;color:var(--muted);overflow-wrap:anywhere}.button:disabled{opacity:.5;cursor:not-allowed}.basket-feedback:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--navy);color:white;box-shadow:0 3px 18px #0003;z-index:20;max-width:calc(100% - 30px);width:max-content;font-size:16px}
@media(max-width:800px){.basket-layout{grid-template-columns:1fr;gap:28px}.quote-panel{padding:20px}.helpers-heading{font-size:16px}}
@media(min-width:391px) and (max-width:550px){.category-grid{grid-template-columns:1fr}}
@media(max-width:390px){.helpers-heading{font-size:16px}.basket-row{grid-template-columns:65px minmax(0,1fr);gap:12px}.basket-row .product-art{width:65px;height:90px}.basket-row h2{font-size:16px}}


.quote-confirmation{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.quote-confirmation[hidden]{display:none}.quote-confirmation h3{font-size:16px;margin:0 0 8px}.quote-panel .quote-sent{background:#008b55;border-color:#008b55;white-space:normal;text-align:center;line-height:1.5}.quote-success{padding:16px;border-left:3px solid #008b55;background:#eaf6ef;color:#165536}

.basket-feedback{opacity:1;transition:opacity .3s ease}.basket-feedback.is-fading{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.basket-feedback{transition:none}}

/* Individualisation is separate from environmental certifications. */
.logo-print-chip{display:table;margin:8px 0 12px;padding:5px 9px;background:#edf2fa;border:1px solid #c6d3e7;border-radius:3px;color:#21477f;font-size:16px;font-weight:600;line-height:1.4}
.logo-print-label{margin:16px 0;padding:13px 15px;border:1px solid #c6d3e7;background:#edf2fa;border-radius:3px}
.logo-print-label a{display:block;color:#21477f;text-decoration:none}.logo-print-label strong,.logo-print-label small{display:block}.logo-print-label small{margin-top:5px;line-height:1.5}.logo-print-label a:hover{text-decoration:underline}
.basket-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:24px}.basket-layout .basket-actions .empty-back{margin-top:0}.basket-clear{border:0;background:none;padding:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer}.basket-clear:hover{text-decoration:none}.basket-clear:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

header .header-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
header .basket-nav { padding:10px 14px; border:1px solid currentColor; color:#1e4489; font:600 16px/1.4 var(--catalog-font); }
header .basket-nav:is(:hover,:focus-visible) { color:white; background:#1e4489; }
@media(max-width:700px) { header .header-inner { padding-block:12px; } }

/* Typografie und Aktionen der TT-Handel-Website */
:scope { --catalog-font:Manrope,Arial,Helvetica,sans-serif; --blue:#1d428a; --action-radius:10px; }
:scope, button, input, select, textarea { font-family:var(--catalog-font); }
:scope { font-size:16px; line-height:1.75; }
.hero h1,.detail h1,.page-head h1,.intro h2 { font-size:32px; line-height:1.5; letter-spacing:normal; }
.group-title h1,.detail h1 { font-weight:600; }
.product-lead,.hero p,.category-body p,.how p,.product-body h3,.quote-panel input,.quote-panel textarea { font-size:16px; }
.eyebrow,.tag { letter-spacing:normal; }
.category-photo { object-fit:cover; }
.details-bottom > section:first-child :is(p, .feature-list) { font-size:16px; line-height:1.6; color:var(--muted); }
.catalog-notes { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 24px; border-top:1px solid var(--line); padding-block:20px; font-size:16px; color:var(--muted); }
.catalog-notes a { text-decoration:underline; }
:scope :is(.button, .search-box button, .basket-nav) {
  border:2px solid var(--blue); border-radius:var(--action-radius); color:var(--blue); background:white;
  font:700 16px/1.75 var(--catalog-font); letter-spacing:normal;
  padding:8px clamp(12px,2vw,40px); text-align:center; justify-content:center;
  transition:background-color .3s,color .3s,border-color .3s;
}
:scope :is(.button,.search-box button,.basket-nav):is(:hover,:focus-visible):not(:disabled) { background:var(--blue); color:white; border-color:var(--blue); filter:none; }
.search-box { border-radius:var(--action-radius); }
.chip,.pagination a,.pagination button { border-radius:var(--action-radius); }
@media (prefers-reduced-motion:reduce) { :scope :is(.button,.basket-nav,.search-box button) { transition:none; } }
.hero h1 {
  color:#fff;
  font:700 clamp(28px,3.2vw,48px)/1.12 var(--catalog-font);
  letter-spacing:normal;
}
@media(max-width:700px){
  .hero h1 { font-size:32px; }
}

/* Einheitliche Lesegroesse auch fuer native Bedienelemente und Nebenangaben. */
button, input, select, textarea, small { font-size:16px; }
.breadcrumb, .document, .basket-row, .detail dd, .category-body { overflow-wrap:break-word; }
.results-bar select { max-width:100%; }
@media(max-width:700px) {
 .catalog-notes, .basket-controls { row-gap:8px; }
 .document > span:last-child { min-width:0; overflow-wrap:anywhere; }
}

/* Lange Gruppen- und Gebindebezeichnungen innerhalb der Produktkarte umbrechen. */
.product-body p, .product-body h3 { hyphens:auto; overflow-wrap:anywhere; }


.home-intro { padding-block:clamp(24px, 2.4vw, 36px); }
.home-title-row, .wrap.breadcrumb { display:flex; justify-content:space-between; align-items:center; gap:12px 24px; }
.home-title-row { margin-bottom:14px; }
.home-intro h1 { font-size:36px; margin:0; }
.wrap.breadcrumb > span { min-width:0; }
.basket-nav { flex:none; }
@media(max-width:700px) {
  .home-intro h1 { font-size:28px; }
  .home-title-row, .wrap.breadcrumb { flex-direction:column; align-items:flex-start; }
}
.hero .home-intro p { max-width:72ch; margin:0; }
.home-intro p + p { padding-top:8px; }
.home-intro .search-box { display:flex; width:100%; max-width:none; margin:20px 0 0; }
.hero + .mobile-tools .mobile-groups { margin-top:0; }
@media(min-width:551px) {
  .category-grid .category {
    display:grid;
    grid-row:span 4;
    grid-template-rows:subgrid;
    row-gap:0;
  }
  .category-grid .category-body {
    display:grid;
    grid-row:span 3;
    grid-template-rows:subgrid;
    row-gap:0;
  }
  .category-grid .category h3 { min-height:0; }
}

/* Abstand zwischen Kacheltitel und Beschreibung wie auf der TT-Handel-Website. */
.category-grid .category h3 {
  min-height: 0;
  margin-bottom: 6px;
}

.product-body h3 {
  margin-bottom: 6px;
}

.product > .biocide-notice {
  margin: 0 16px 16px;
  overflow-wrap: anywhere;
}

.product > .biocide-notice strong {
  display: block;
}

.how h3 + p {
  margin-top: 6px;
}

}
#tt-products{font:400 16px/1.65 Manrope,Arial,sans-serif;background:white;letter-spacing:normal}
#tt-products .wrap{float:none}#tt-products .product-photo{object-fit:contain}
#tt-products .category{text-decoration:none}#tt-products .category-body p{margin-bottom:0}
body.tt-products-page #featured-title{display:none}
#tt-products button, #tt-products .button, #tt-products .basket-nav,
#tt-products .search-box input, #tt-products .search-box input::placeholder { text-transform: none; }
#tt-products .search-box input::placeholder { font: inherit !important; letter-spacing: inherit; }
#tt-products .search-box input { flex: 1 1 0%; width: auto; min-width: 0; }
#tt-products .search-box button {
  display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
  text-transform: uppercase; text-align: center; letter-spacing: normal;
}
#tt-products .hero:has(.home-intro) { background: #fff; color: #595959; }
#tt-products .home-intro h1 { color: #000 !important; }
#tt-products .home-intro h1::after {
  content: ""; display: block; width: 60px; height: 3px;
  margin-top: 12px; background: #1d428a;
}
#tt-products .hero .home-intro p { color: #595959 !important; }
#tt-products .home-intro .basket-nav { color: #1d428a; background: #fff; }
#tt-products .home-intro .search-box button,
#tt-products .home-intro .basket-nav:is(:hover, :focus-visible) { color: #fff; background: #1d428a; }
#tt-products .home-intro .search-box button:is(:hover, :focus-visible) { background: #162147; border-color: #162147; }
.tt-products-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}