/*
 * Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten.
 * Datei: public/assets/free-tools.css
 * Zweck: Gestaltet die Benutzeroberfläche „free tools“ des TNSystem Faktura-Portals.
 */
.tools-page{position:relative;z-index:1;width:min(1480px,calc(100% - 48px));margin:32px auto 70px;color:#14263d}.tools-hero,.tool-workbench,.tools-conversion{background:rgba(255,255,255,.96);border:1px solid rgba(207,219,232,.9);border-radius:24px;box-shadow:0 22px 65px rgba(6,28,54,.16)}.tools-hero{padding:clamp(34px,5vw,72px);background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(237,247,250,.96))}.tools-hero h1{max-width:900px;margin:8px 0 16px;font-size:clamp(34px,4.5vw,66px);line-height:1.03;letter-spacing:-.045em}.tools-hero>p:not(.eyebrow){max-width:830px;font-size:clamp(17px,1.6vw,23px);line-height:1.6;color:#516277}.tools-privacy-note{display:flex;gap:12px;align-items:center;max-width:850px;margin-top:24px;padding:14px 17px;border-radius:13px;background:#e9f7f3;color:#155d4a}.tools-privacy-note span{font-size:14px}.tool-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0 42px}.tool-card-grid a{display:flex;min-height:250px;flex-direction:column;padding:24px;border:1px solid #d7e2ec;border-radius:19px;background:rgba(255,255,255,.96);color:#14263d;text-decoration:none;box-shadow:0 15px 38px rgba(10,34,60,.12);transition:.18s}.tool-card-grid a:hover,.tool-card-grid a:focus-visible{transform:translateY(-4px);border-color:#208b93;box-shadow:0 22px 48px rgba(10,34,60,.17)}.tool-card-grid a>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:#e7f4f5;color:#14747b;font-weight:900}.tool-card-grid strong{font-size:18px;line-height:1.3}.tool-card-grid small{margin:12px 0 18px;color:#65758a;line-height:1.6}.tool-card-grid b{margin-top:auto;color:#136f76;font-size:13px}.tool-workbench{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(480px,1.28fr);gap:38px;margin:22px 0;padding:clamp(26px,3.5vw,52px);scroll-margin-top:110px}.tool-copy h2{margin:8px 0 12px;font-size:clamp(25px,2.4vw,38px)}.tool-copy p,.tool-copy li{color:#617086;line-height:1.65}.tool-panel{align-self:start;padding:24px;border:1px solid #dbe4ed;border-radius:17px;background:#f8fafc}.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;color:#293c54}.tool-panel input,.tool-panel select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cdd8e4;border-radius:10px;background:#fff;font:inherit}.tool-panel .wide,.tool-panel button,.tool-panel .tool-result{grid-column:1/-1}.tool-panel button{justify-self:start;margin-top:4px}.tool-file{padding:22px;border:2px dashed #b9cbd9;border-radius:13px;background:#fff}.tool-file input{border:0;padding:10px 0 0}.tool-result{min-height:76px;margin-top:16px;padding:16px;border-radius:12px;background:#edf4f8;color:#34495f;line-height:1.55}.tool-result.success{background:#e8f7f0;color:#155d43}.tool-result.warning{background:#fff7e5;color:#76500c}.tool-result.error{background:#feecec;color:#992629}.tool-result h3{margin:0 0 8px}.tool-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:12px 0}.tool-result dl div{padding:8px 0;border-bottom:1px solid rgba(90,110,130,.16)}.tool-result dt{font-size:11px;text-transform:uppercase;color:#6d7d90}.tool-result dd{margin:4px 0 0;font-weight:750;overflow-wrap:anywhere}.invoice-checklist{display:grid;gap:10px}.invoice-checklist label{display:grid;grid-template-columns:22px 1fr;align-items:start;padding:10px;border-radius:10px;background:#fff}.invoice-checklist input{min-height:0;margin-top:2px}.tool-disclaimer{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid #e1e8ef;color:#6b7889;font-size:12px}.tool-next-step{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;border-radius:14px;background:#eef5f8}.tool-next-step p{max-width:850px;margin:0;color:#52667a;font-size:13px;line-height:1.55}.tool-next-step>div{display:flex;gap:8px;flex:0 0 auto}.qr-result img{display:block;width:min(280px,100%);height:auto;margin:10px auto;padding:14px;background:#fff;border-radius:10px}.qr-result .qr-download{display:inline-flex;margin-top:12px}.tools-conversion{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:42px;padding:clamp(28px,4vw,54px)}.tools-conversion h2{max-width:800px;margin:6px 0 10px;font-size:clamp(25px,3vw,42px)}.tools-conversion p{max-width:780px;color:#617086;line-height:1.6}.tools-conversion>div:last-child{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
@media(max-width:1180px){.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workbench{grid-template-columns:1fr}.tools-conversion{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.tools-page{width:min(100% - 24px,1480px);margin-top:16px}.tools-hero{padding:28px 22px}.tools-privacy-note{align-items:flex-start;flex-direction:column}.tool-card-grid{grid-template-columns:1fr}.tool-card-grid a{min-height:0}.tool-workbench{padding:22px 17px}.tool-form{grid-template-columns:1fr}.tool-result dl{grid-template-columns:1fr}.tool-next-step{align-items:flex-start;flex-direction:column}.tool-next-step>div{flex-wrap:wrap}.tools-conversion{padding:25px 20px}}