.ct-tools{padding:170px 0 60px;background:#f5f7fa;color:#243246}.ct-tools-intro{max-width:900px;margin:0 0 42px}.ct-tools h1{font-size:clamp(2.2rem,5vw,3.7rem);font-weight:750;line-height:1.08;margin:14px 0 22px}.ct-tools h2{font-size:clamp(1.6rem,3vw,2.3rem)}.ct-tools h3{font-size:1.15rem}.ct-eyebrow{font-size:.76rem;font-weight:750;letter-spacing:.11em;color:#b91f35;margin:0 0 10px}.ct-panel{background:#fff;border:1px solid #dfe4e9;border-radius:16px;padding:30px;margin:24px 0;scroll-margin-top:150px}.ct-note{background:#f3f5f7;border-left:4px solid #c6223b;padding:16px;line-height:1.6}.ct-jumps,.ct-actions,.ct-inputs{display:flex;gap:12px;flex-wrap:wrap}.ct-jumps a,.ct-tools button,.ct-tool-grid a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd2dc;border-radius:7px;padding:10px 14px;background:#fff;color:#243246;min-height:44px;font-weight:600;text-decoration:none}.ct-tools .ct-primary{background:#bd2038;color:#fff;border-color:#bd2038}.ct-tools button:hover,.ct-jumps a:hover,.ct-tool-grid a:hover{background:#f7e9ec;color:#922035}.ct-tools :focus-visible{outline:3px solid #1766ab;outline-offset:3px}.ct-filters{display:grid;grid-template-columns:2fr 1.3fr 1fr auto;align-items:end;gap:14px;margin:24px 0}.ct-tools label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600;min-width:0}.ct-tools input,.ct-tools select{width:100%;border:1px solid #aab4c1;border-radius:7px;padding:11px;min-height:46px;background:white;color:#243246;font:inherit}.ct-tools input[type=color]{width:100px;padding:4px}.ct-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ct-color{border:1px solid #dbe1e7;border-radius:10px;overflow:hidden;min-width:0;background:#fff}.ct-swatch{height:135px;border-bottom:1px solid #dbe1e7}.ct-special{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#364358;background:repeating-linear-gradient(135deg,#e2e5e9,#e2e5e9 12px,#f6f7f9 12px,#f6f7f9 24px);font-size:.85rem}.ct-color-body{padding:16px}.ct-color-code,.ct-source{font-size:.78rem;color:#586476}.ct-color-body h3{margin-bottom:10px}.ct-color-body p{font-size:.8rem}.ct-actions{gap:7px}.ct-actions button{font-size:.75rem;padding:7px 9px}.ct-source{margin-top:22px}.ct-inputs{margin:20px 0}.ct-inputs label{flex:1 1 110px;max-width:260px}#ct-mode{max-width:440px}#ct-error{color:#a71d31;font-weight:650;margin-top:14px}.ct-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ct-match{border:1px solid #dbe1e7;padding:16px;border-radius:10px}.ct-match .ct-swatch{margin-bottom:15px}.ct-best{border:2px solid #b91f35}.ct-source-color{padding:18px;background:#f3f5f7;border-radius:10px;margin:20px 0}.ct-source-color>.ct-swatch{float:left;width:95px;height:95px;margin-right:20px;border:1px solid #cbd2dc}.ct-source-color:after{content:'';display:block;clear:both}.ct-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ct-tool-grid article{padding:22px;background:#f5f7fa;border-radius:10px;display:flex;flex-direction:column}.ct-tool-grid article p{flex:1}.ct-care details{border-bottom:1px solid #dbe1e7;padding:18px 0}.ct-care summary{font-size:1.15rem;font-weight:650;cursor:pointer;min-height:44px}.ct-care details p{margin:12px 0}#ct-tool-gap,#vergleich,#pflege{scroll-margin-top:150px}.ct-tools [hidden]{display:none!important}.ct-tools a{overflow-wrap:anywhere}.ct-tools-intro>p:not(.ct-eyebrow){font-size:1.15rem}
@media(max-width:1100px){.ct-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-filters{grid-template-columns:1fr 1fr}.ct-search{grid-column:1/-1}}
@media(max-width:767px){.ct-tools{padding-top:130px}.ct-panel{padding:20px 16px}.ct-colors,.ct-match-grid,.ct-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-filters{grid-template-columns:1fr}.ct-search{grid-column:auto}.ct-color-body{padding:12px}.ct-source-color>.ct-swatch{float:none;margin-bottom:15px}.ct-jumps a{flex:1 1 140px}.ct-tools-intro{margin-bottom:24px}}
@media(max-width:420px){.ct-colors,.ct-match-grid,.ct-tool-grid{grid-template-columns:1fr}.ct-swatch{height:155px}}
/* Tools use the existing ComTwo red, with a solid header above light content. */
.comtwo-tools-page #header{background:#303639}.ct-tools .ct-eyebrow{color:#c00000}.ct-tools .ct-primary{background:#e00000;border-color:#e00000;color:#fff}.ct-tools .ct-note{border-left-color:#e00000}.ct-tools .ct-best{border-color:#e00000}.ct-tools button:hover,.ct-tools .ct-jumps a:hover,.ct-tools .ct-tool-grid a:hover{background:#fff0f0;color:#b00000}#ct-copy-status:not(:empty){position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:1001;max-width:90vw;background:#26333b;color:white;padding:14px 20px;border-radius:10px;box-shadow:0 6px 20px #0003}
body.comtwo-tools-page #header.comtwo-site-header.header-transparent{background:#303639}
.ct-inline-link{display:inline-flex;padding:12px 18px;border-radius:7px;min-height:44px;align-items:center;text-decoration:none}.ct-tools .ct-rating{font-weight:750;color:#243246;font-size:1rem}.ct-tools #ct-more{display:block;margin:24px auto}.ct-ral-match{clear:both;padding-top:20px;display:grid;grid-template-columns:80px 1fr;gap:8px 16px}.ct-ral-match .ct-swatch{grid-row:span 3;width:80px;height:80px}.ct-ral-match p{margin:0}.ct-tools #ct-distance-help{margin-top:22px}.ct-tools details summary{cursor:pointer;min-height:44px;padding-top:10px}.ct-tools #ct-ral-search{margin:12px 0}.ct-tools #ct-ral{margin-bottom:12px}
.ct-tools button:disabled{opacity:.55;cursor:not-allowed}.ct-tools #qr-generator .comtwo-tool{padding:0}.ct-tools #qr-generator .container{width:100%;padding:0}.ct-tools #qr-generator .comtwo-tool-cta{margin-top:20px;display:inline-block}.ct-tools #qr-generator{scroll-margin-top:150px}
/* Preserve the original dark ComTwo wordmark with a legible background. */
.comtwo-tools-page #logo>a{display:flex;align-items:center;background:#fff;padding:6px 10px;border-radius:6px}
.ct-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;margin:0 0 24px}.ct-back{margin:28px 0}.ct-calculation-result{display:block;margin:24px 0;padding:24px;border-radius:10px;background:#f3f5f7;font-size:1.3rem;font-weight:700}.ct-tools textarea{width:100%;padding:15px;border:1px solid #aab4c1;border-radius:7px;line-height:1.6;color:#243246;background:#fff}.ct-tools #ct-lorem-error,.ct-tools #ct-scale-error{color:#a71d31;font-weight:650;margin-top:15px}.ct-tools input[type=number]{min-width:0}