.use-case-page{--case-surface:var(--lime);--case-ink:var(--ink)}.use-case-schrottliste{--case-surface:var(--coral)}.use-case-entsorgungstagebuch{--case-surface:var(--ink);--case-ink:var(--white)}.use-case-breadcrumb{padding-block:28px 0;font-size:14px}.use-case-breadcrumb ol{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.use-case-breadcrumb li+li:before{content:"/";margin-right:12px}.use-case-breadcrumb a{text-underline-offset:4px}.use-case-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:28px 55px;padding-block:42px 65px;display:grid}.landing .use-case-hero h1{letter-spacing:-.02em;word-spacing:0;-webkit-hyphens:manual;hyphens:manual;grid-column:1/-1;font-size:clamp(36px,4.2vw,62px);line-height:1.12}.use-case-hero h1 span{display:block}.use-case-hero-copy>p{font-size:var(--copy-size);line-height:var(--copy-leading);max-width:58ch;margin:0}.use-case-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px;display:flex}.use-case-actions .quiet-link{font-size:15px}.use-case-art{align-self:center;min-width:0;margin:0}.use-case-art img{width:100%;height:auto;display:block}.use-case-result{background:var(--case-surface);color:var(--case-ink);padding-block:75px}.use-case-result-opening{grid-template-columns:1fr 1fr;align-items:start;gap:65px;display:grid}.landing .use-case-result h2,.landing .use-case-workflow h2,.landing .use-case-final h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15}.use-case-result-opening>p{font-size:var(--copy-size);line-height:var(--copy-leading);max-width:65ch;margin:0}.use-case-output{margin:40px 0 0}.use-case-output figcaption{font-size:var(--copy-size);line-height:var(--copy-leading);max-width:76ch;margin-top:24px}.use-case-table-scroll{background:var(--white);max-width:100%;color:var(--ink);scrollbar-color:var(--blue) var(--white);scrollbar-width:thin;border-radius:14px;overflow-x:auto}.use-case-table{border-collapse:collapse;width:100%;min-width:600px;font-size:var(--copy-size);line-height:var(--copy-leading);text-align:left}.use-case-table caption{background:var(--blue);color:var(--white);text-align:left;padding:22px 28px;font-weight:600}.use-case-table th{background:#191a260a;font-weight:600}.use-case-table th,.use-case-table td{border-bottom:1px solid #191a2626;padding:19px 28px}.use-case-table tr:last-child td{border-bottom:0}.use-case-table .quantity{font-variant-numeric:tabular-nums;white-space:nowrap}.diary-document{background:var(--white);max-width:920px;color:var(--ink);border-radius:14px;padding:35px 42px}.diary-document-heading{border-bottom:1px solid #191a2633;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:22px;padding-bottom:25px;display:flex}.diary-document-heading>strong{-webkit-hyphens:auto;hyphens:auto;font-size:24px;font-weight:600}.diary-document-heading>span{font-size:var(--copy-size)}.diary-document-contents{gap:24px;margin:25px 0 0;padding-left:24px;display:grid}.diary-document-contents li{padding-left:10px}.diary-document-contents strong,.diary-document-contents span{font-size:var(--copy-size);line-height:var(--copy-leading);display:block}.diary-document-contents strong{margin-bottom:4px;font-weight:600}.use-case-workflow{padding-block:24px 80px}.use-case-page .contact-copy h2{-webkit-hyphens:manual;hyphens:manual;text-wrap:initial}@media (width<=960px){.use-case-page .contact-content .tonnja-form-skin{grid-row:2}.use-case-page .contact-visual{grid-row:3}}@media (width<=700px){.use-case-page .contact-copy h2{font-size:clamp(28px,8vw,36px)}}.use-case-page .faq-section{padding-block:55px 85px}.use-case-page .faq-heading h2{-webkit-hyphens:auto;hyphens:auto;font-size:clamp(30px,3.1vw,42px)}.use-case-final{background:var(--lime);padding-block:75px}.use-case-final h2{max-width:22ch}.use-case-final p{font-size:var(--copy-size);line-height:var(--copy-leading);max-width:65ch;margin:24px 0 0}.use-case-related{flex-wrap:wrap;align-items:center;gap:30px 45px;padding-block:50px;display:flex}.landing .use-case-related h2{word-spacing:0;margin-right:auto;font-family:TonnjaText,Arial,sans-serif;font-size:23px;font-weight:600;line-height:1.3}.use-case-related>a{text-underline-offset:5px;align-items:center;gap:16px;display:inline-flex}@media (width>=1600px){.use-case-hero{gap:65px}}@media (width<=1100px){.use-case-hero{grid-template-columns:1.2fr .8fr;gap:20px}.landing .use-case-hero h1{font-size:46px}}@media (width<=800px){.use-case-hero{grid-template-columns:1fr;padding-block:36px 45px}.landing .use-case-hero h1{font-size:clamp(32px,7vw,48px)}.use-case-art{width:min(100%,560px);margin-inline:auto}.use-case-result{padding-block:50px}.use-case-result-opening{grid-template-columns:1fr;gap:22px}.use-case-workflow{padding-block:0 35px}.use-case-page .faq-section{padding-block:40px 55px}.use-case-final{padding-block:50px}.use-case-related{grid-template-columns:1fr;gap:23px;display:grid}.diary-document{padding:27px}}@media (width<=520px){.use-case-breadcrumb{padding-top:22px;font-size:13px}.use-case-breadcrumb ol{gap:8px}.use-case-breadcrumb li+li:before{margin-right:8px}.landing .use-case-hero h1{font-size:32px}.use-case-art{margin-top:5px}.use-case-actions{gap:22px}.use-case-actions .sample-primary{white-space:normal;text-align:left;max-width:100%;padding:17px 18px;font-size:14px}.use-case-actions .arrow-icon{flex:none}.use-case-output{margin-top:28px}.use-case-table caption{padding:19px 20px}.use-case-table th,.use-case-table td{padding:17px 20px}.diary-document{padding:24px 20px}.diary-document-heading>strong{font-size:21px}.diary-document-contents{padding-left:20px}.diary-document-contents li{padding-left:4px}.use-case-page .faq-heading h2{font-size:30px}}@media (width<=600px){.use-case-table{table-layout:fixed;min-width:0}.use-case-table th,.use-case-table td{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:15px 10px}.use-case-schrottliste .use-case-table th:first-child,.use-case-schrottliste .use-case-table td:first-child,.use-case-mengenaufstellung .use-case-table th:last-child,.use-case-mengenaufstellung .use-case-table td:last-child{display:none}}.use-case-benefits .compact-comparison__heading{min-height:clamp(130px,13vw,175px);margin-bottom:40px}.use-case-benefits .benefits-panel__items{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.use-case-benefits .benefits-panel__items{grid-template-columns:1fr}}@media (width<=700px){.use-case-benefits .compact-comparison__heading{min-height:75px;margin-bottom:32px}}
