/* LWT solutions OG | Sichtbarkeit 2026 | Ergänzung für Startseite & Leistungen.
   Bewusst auf neue Klassen begrenzt, damit vorhandene Designs erhalten bleiben. */
:root { --lwt-ink:#171717; --lwt-paper:#f3f3f1; --lwt-line:#d8d8d4; }
/* STARTSEITE */
body .lwt-home-offer { background:#f3f3f1; color:#171717; }
body .lwt-home-offer .lwu-section-head h2 { color:#171717; }
body .lwt-home-offer .lwu-section-head>p { color:#595955; }
.lwt-home-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 17px; }
.lwt-home-pillars>span { display:flex; gap:13px; align-items:center; min-height:58px; border:1px solid #d8d8d4; border-radius:12px; padding:13px 18px; color:#343431; font-size:12px; font-weight:600; }
.lwt-home-pillars b { color:#8b8b85; font-size:11px; letter-spacing:.07em; }
.lwt-home-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.lwt-home-service { display:flex; flex-direction:column; background:#fff; border:1px solid #ddddd8; border-radius:17px; padding:clamp(24px,3vw,36px); min-width:0; min-height:375px; color:#20201e; transition:transform .25s ease,box-shadow .25s ease; }
.lwt-home-service-featured { color:#f5f5f2; background:#171717; border-color:#171717; }
.lwt-home-service-top { min-height:24px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#777771; font-size:10px; letter-spacing:.12em; font-weight:700; }
.lwt-home-service-featured .lwt-home-service-top { color:#b7b7b0; }
.lwt-home-recommended { border:1px solid #575752; border-radius:30px; padding:6px 9px; font-size:9px; letter-spacing:.07em; }
body .lwt-home-service h3 { color:inherit; font-size:clamp(25px,2.7vw,37px); letter-spacing:-.052em; line-height:1.12; margin:49px 0 16px; }
body .lwt-home-service p { color:#676761; font-size:13px; line-height:1.85; margin:0 0 25px; }
body .lwt-home-service-featured p { color:#c6c6c0; }
.lwt-home-service-foot { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:10px; padding-top:22px; border-top:1px solid #dededb; margin-top:auto; }
.lwt-home-service-featured .lwt-home-service-foot { border-color:#484843; }
.lwt-home-service-foot strong { font-size:clamp(22px,2.6vw,30px); letter-spacing:-.045em; white-space:nowrap; }
.lwt-home-service-foot small { font-size:12px; font-weight:500; letter-spacing:0; }
.lwt-home-service-foot a { color:inherit; text-decoration:none; font-size:12px; font-weight:700; border-bottom:1px solid currentColor; padding-bottom:4px; }
.lwt-home-service-foot a:hover { opacity:.6; }
.lwt-home-ai-note { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(35px,6vw,95px); margin-top:17px; padding:clamp(28px,5vw,60px); border:1px solid #d3d3ce; border-radius:17px; background:#e9e9e5; color:#1a1a18; }
.lwt-home-ai-mark { display:inline-grid; place-items:center; width:38px; height:38px; border:1px solid #9e9e97; border-radius:50%; margin-bottom:16px; }
.lwt-home-ai-note .eyebrow { margin-bottom:12px; }
body .lwt-home-ai-note h3 { color:#1b1b1a; font-size:clamp(27px,3vw,42px); line-height:1.13; letter-spacing:-.05em; margin:0; }
body .lwt-home-ai-note p { color:#585852; line-height:1.85; font-size:14px; margin:0 0 18px; }
.lwt-home-ai-note a { font-size:13px; color:#191919; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .lwt-home-service:hover { transform:translateY(-4px); box-shadow:0 14px 40px #0000000b; } }
/* LEISTUNGEN */
.services-page .lwt-intro-cards .lw-service-card { min-height:315px; }
.services-page .lwt-ai-disclaimer { font-size:12px!important; border-left:2px solid #9f9f99; padding-left:17px; }
.services-page .lwt-ai-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:54px; }
.services-page .lwt-ai-principles>div { border-top:1px solid #bcbcb6; padding-top:20px; }
.services-page .lwt-ai-principles span { color:#777770; font-size:11px; letter-spacing:.1em; }
.services-page .lwt-ai-principles h3 { color:#181817; font-size:19px; letter-spacing:-.035em; margin:18px 0 11px; }
.services-page .lwt-ai-principles p { font-size:13px; line-height:1.8; color:#62625e; }
.services-page .lwt-setup-band { display:grid; grid-template-columns:1.5fr .85fr; gap:40px; align-items:center; background:#242424; border:1px solid #494949; border-radius:13px; padding:clamp(28px,4vw,48px); }
.services-page .lwt-pricing-eyebrow { display:block; margin:0 0 16px; font-size:10px; font-weight:700; letter-spacing:.14em; color:#adada9; }
.services-page .lwt-setup-band h3 { font-size:clamp(25px,3.1vw,37px); line-height:1.17; letter-spacing:-.048em; margin:0 0 15px; color:#fff; }
.services-page .lwt-setup-band p { color:#b3b3af; font-size:13px; max-width:550px; line-height:1.8; margin:0; }
.services-page .lwt-setup-side { display:grid; justify-items:end; gap:22px; text-align:right; }
.services-page .lwt-setup-price { color:#f8f8f4; font-size:clamp(40px,4.2vw,58px); font-weight:700; letter-spacing:-.06em; white-space:nowrap; }
.services-page .lwt-setup-price small { font-size:16px; font-weight:500; letter-spacing:0; }
.services-page .lwt-setup-price span { display:block; font-size:12px; font-weight:500; color:#aeadab; letter-spacing:0; }
.services-page .lwt-setup-link { display:inline-flex; gap:20px; align-items:center; padding:14px 18px; border-radius:5px; background:#eee; color:#1b1b1b; text-decoration:none; font-size:12px; font-weight:700; }
.services-page .lwt-setup-link:hover { background:#d4d4d0; }
.services-page .lwt-plan-intro { display:flex; justify-content:space-between; align-items:end; gap:45px; margin:95px 0 34px; }
.services-page .lwt-plan-intro h3 { font-size:clamp(33px,4vw,52px); line-height:1.07; margin:0; letter-spacing:-.055em; }
.services-page .lwt-plan-intro>p { color:#acaca6; line-height:1.8; font-size:14px; max-width:460px; margin:0; }
.services-page .lwt-pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.services-page .lwt-package { display:flex; flex-direction:column; border:1px solid #4a4a4a; border-radius:13px; padding:clamp(27px,3.3vw,43px); min-width:0; color:#f4f4f0; }
.services-page .lwt-package-standard { background:#f2f1ed; border-color:#f2f1ed; color:#181818; }
.services-page .lwt-package-head { display:flex; justify-content:space-between; align-items:start; gap:8px; flex-wrap:wrap; }
.services-page .lwt-package-standard .lwt-pricing-eyebrow { color:#5e5e59; }
.services-page .lwt-package-head h4 { font-size:clamp(26px,2.8vw,37px); line-height:1.13; letter-spacing:-.04em; margin:0; color:inherit; }
.services-page .lwt-package-suited { border:1px solid currentColor; opacity:.7; border-radius:20px; padding:6px 9px; font-size:9px; letter-spacing:.055em; }
.services-page .lwt-package-price { font-size:clamp(48px,5vw,69px); font-weight:700; letter-spacing:-.065em; margin:37px 0 8px; white-space:nowrap; }
.services-page .lwt-package-price small { font-size:14px; letter-spacing:0; font-weight:500; color:#adada9; }
.services-page .lwt-package-standard .lwt-package-price small { color:#63635e; }
.services-page .lwt-package-summary { font-size:14px; line-height:1.8; color:#b7b7b3; margin:0 0 27px; min-height:75px; }
.services-page .lwt-package-standard .lwt-package-summary { color:#5f5f59; }
.services-page .lwt-package ul { list-style:none; padding:24px 0 0; margin:0; border-top:1px solid #484848; display:grid; gap:16px; }
.services-page .lwt-package-standard ul { border-color:#c9c9c3; }
.services-page .lwt-package li { position:relative; padding-left:24px; font-size:13px; line-height:1.65; }
.services-page .lwt-package li:before { position:absolute; content:'✓'; left:0; top:0; font-weight:700; color:#b5b5b0; }
.services-page .lwt-package-standard li:before { color:#454541; }
.services-page .lwt-package-notice { font-size:12px; line-height:1.7; color:#a3a39e; margin:26px 0; }
.services-page .lwt-package-standard .lwt-package-notice { color:#66665f; }
.services-page .lwt-package-cta { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; border-radius:5px; padding:17px 19px; text-decoration:none; font-size:13px; font-weight:700; background:#e8e8e4; color:#1a1a1a; }
.services-page .lwt-package-standard .lwt-package-cta { background:#1b1b1b; color:#f7f7f4; }
.services-page .lwt-package-cta:hover { opacity:.85; }
.services-page .lwt-compare { margin-top:95px; }
.services-page .lwt-compare-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:25px; }
.services-page .lwt-compare-head h3 { font-size:clamp(29px,3.4vw,45px); letter-spacing:-.048em; margin:0; }
.services-page .lwt-compare-head>p { max-width:320px; font-size:13px; line-height:1.8; color:#aaa; }
.services-page .lwt-table-scroll { overflow-x:auto; border:1px solid #414141; border-radius:10px; }
.services-page .lwt-compare-table { border-collapse:collapse; width:100%; min-width:580px; text-align:left; }
.services-page .lwt-compare-table th,.services-page .lwt-compare-table td { padding:17px 22px; border-bottom:1px solid #383838; font-size:12px; line-height:1.55; vertical-align:middle; }
.services-page .lwt-compare-table thead { background:#242424; color:#f4f4f1; }
.services-page .lwt-compare-table thead th { font-size:11px; letter-spacing:.06em; }
.services-page .lwt-compare-table tbody th { font-weight:600; color:#eee; width:44%; }
.services-page .lwt-compare-table td { color:#c8c8c3; width:28%; }
.services-page .lwt-compare-table tr:last-child th,.services-page .lwt-compare-table tr:last-child td { border-bottom:0; }
.services-page .lwt-compare-table tbody tr:nth-child(even) { background:#1a1a1a; }
.services-page .lwt-compare-table .lwt-no { color:#858580; }
.services-page .lwt-compare-note { max-width:930px; line-height:1.75; color:#aaa; font-size:12px; margin:19px 0 0; }
.services-page .lwt-billing { display:grid; grid-template-columns:1fr 1.4fr; gap:30px 45px; border-top:1px solid #404040; padding-top:40px; margin-top:90px; }
.services-page .lwt-billing h3 { font-size:clamp(24px,2.6vw,33px); line-height:1.2; letter-spacing:-.04em; margin:0 0 14px; }
.services-page .lwt-billing>div:first-child>p { color:#a5a5a0; font-size:13px; line-height:1.8; }
.services-page .lwt-billing-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.services-page .lwt-billing-options>div { display:grid; align-content:start; gap:9px; background:#222; border:1px solid #3c3c3c; border-radius:8px; padding:18px; }
.services-page .lwt-billing-options b { font-size:12px; }
.services-page .lwt-billing-options strong { font-size:15px; letter-spacing:-.02em; }
.services-page .lwt-billing-options small { color:#aaa; font-size:11px; }
.services-page .lwt-billing-note { grid-column:1/-1; color:#999; max-width:980px; font-size:12px; line-height:1.8; margin:0; }
@media(max-width:980px) {
 .lwt-home-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lwt-home-service-featured { grid-column:1/-1; }
 .lwt-home-service { min-height:330px; }
 .services-page .lwt-setup-band { grid-template-columns:1fr 0.8fr; }
 .services-page .lwt-billing { grid-template-columns:1fr; }
}
@media(max-width:740px) {
 .lwt-home-pillars { grid-template-columns:1fr; gap:7px; }
 .lwt-home-services { grid-template-columns:1fr; }
 .lwt-home-service-featured { grid-column:auto; }
 .lwt-home-service { min-height:300px; }
 .lwt-home-service h3 { margin-top:34px!important; }
 .lwt-home-ai-note { grid-template-columns:1fr; gap:20px; }
 .services-page .lwt-ai-principles { grid-template-columns:1fr; margin-top:35px; }
 .services-page .lwt-pricing-grid { grid-template-columns:1fr; }
 .services-page .lwt-plan-intro,.services-page .lwt-compare-head { display:block; margin-top:62px; }
 .services-page .lwt-plan-intro>p { margin-top:20px; }
 .services-page .lwt-compare-head>p { margin-top:15px; }
 .services-page .lwt-setup-band { grid-template-columns:1fr; gap:25px; }
 .services-page .lwt-setup-side { justify-items:start; text-align:left; }
 .services-page .lwt-billing-options { grid-template-columns:1fr; }
 .services-page .lwt-package-summary { min-height:0; }
}
@media(max-width:420px) {
 .lwt-home-service,.lwt-home-ai-note { padding:25px; }
 .lwt-home-service-foot { align-items:start; flex-direction:column; }
 .services-page .lwt-setup-band,.services-page .lwt-package { padding:24px; }
 .services-page .lwt-package-head { gap:15px; }
 .services-page .lwt-package-price { font-size:48px; }
}
@media(prefers-reduced-motion:reduce) { .lwt-home-service { transition:none!important; transform:none!important; } }
