.dienst-row{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.dienst-row.reverse>div:first-child{order:2}.dienst-row.reverse>div:last-child{order:1}@media (max-width: 880px){.dienst-row{grid-template-columns:1fr;gap:48px}.dienst-row.reverse>div:first-child,.dienst-row.reverse>div:last-child{order:initial}}.dienst-ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:12px}.dienst-ul li{position:relative;padding-left:28px;color:var(--ink-2);font-size:16px}.dienst-ul li:before{content:"";position:absolute;left:0;top:9px;width:16px;height:2px;background:var(--blue)}.dienst-visual{display:flex;justify-content:center}.photo-card{position:relative;width:100%;max-width:460px;border-radius:18px;overflow:hidden;aspect-ratio:4 / 5;border:1px solid var(--line);box-shadow:var(--shadow)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}.photo-card:hover img{transform:scale(1.04)}.photo-card-dark{border-color:#0a254066}.photo-meta{position:absolute;left:14px;right:14px;bottom:14px;background:#fffffff5;backdrop-filter:blur(8px);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);font-family:Space Grotesk,sans-serif}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.ok{background:#21d07a;box-shadow:0 0 0 3px #21d07a33}.dot.warn{background:#f3a712;box-shadow:0 0 0 3px #f3a71233}.dot.err{background:#ef5350;box-shadow:0 0 0 3px #ef535033}.sec-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.sec-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}.badge-ok{background:#21d07a1f;color:#1d9b5d;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;font-family:Space Grotesk}.sec-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--line);font-size:14px}.sec-row:last-child{border-bottom:none}.sec-row b{color:var(--navy);font-weight:600;font-family:Space Grotesk}.net-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.net-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.node{flex:1;padding:14px 8px;text-align:center;border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em}.n-cloud{background:var(--blue);color:#fff}.n-glas{background:var(--bg-tint);color:var(--blue)}.n-office{background:var(--navy);color:#fff}.link{flex:.6;height:2px;background:linear-gradient(90deg,var(--blue),var(--navy));position:relative}.link:before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 1.6s linear infinite}@keyframes pulse{0%{left:0;opacity:1}to{left:100%;opacity:0}}.net-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.meter{background:var(--bg-soft);padding:16px;border-radius:12px;text-align:center}.meter-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:Space Grotesk}.meter-val{font-family:Space Grotesk;font-size:24px;font-weight:600;color:var(--navy);margin-top:6px;letter-spacing:-.02em}.meter-val span{font-size:12px;color:var(--muted);margin-left:2px;font-weight:500}.plan-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.plan-list{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-2)}.hw-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,transform .2s ease}.hw-tile:hover{border-color:var(--blue);transform:translateY(-3px)}.hw-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-tint);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.hw-icon .i{width:22px;height:22px}.hw-name{font-weight:600;color:var(--navy);font-family:Space Grotesk;font-size:17px}.hw-price{font-size:13px;color:var(--muted)}.diensten-cta{background:var(--navy);border-radius:28px;padding:72px 56px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}@media (max-width: 880px){.diensten-cta{grid-template-columns:1fr;padding:48px 32px}.diensten-cta>div:last-child{justify-content:flex-start!important}}@media (max-width: 480px){.diensten-cta{padding:36px 22px;border-radius:22px}.diensten-cta .btn{width:100%;justify-content:center}}