/* DH-Service24 Vergleichsseite – reine Designvorschau */
.compare-page{color:#172b45;background:#f6f8fc;padding-bottom:48px}.compare-page *{box-sizing:border-box}.compare-hero{background:linear-gradient(115deg,#102b50,#164778 65%,#176d93);color:#fff;padding:72px 0 76px}.compare-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:55px;align-items:center}.compare-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#35bdc7}.compare-hero h1{font-size:clamp(34px,4.6vw,59px);line-height:1.12;margin:15px 0 18px;color:white}.compare-hero h1 span{color:#74e0e1}.compare-hero p{max-width:590px;font-size:17px;line-height:1.7;color:#d7e8f5}.compare-primary{display:inline-flex;align-items:center;gap:22px;margin-top:12px;background:#38c6c8;color:#072a3d;padding:14px 23px;border-radius:11px;font-weight:800;text-decoration:none}.compare-primary:hover{background:#79e1e0}.compare-hero .compare-note{font-size:12px;color:#afc9dc;margin-top:17px}.compare-hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:29px;box-shadow:0 20px 45px rgba(0,0,0,.1)}.compare-card-icon{display:flex;align-items:center;justify-content:center;background:#43c8c8;color:#083650;width:48px;height:48px;border-radius:14px;font-size:27px;margin-bottom:19px}.compare-hero-card strong{font-size:23px}.compare-hero-card p{font-size:14px}.compare-mini{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;margin-top:18px;font-size:12px;color:#cde7f0}.compare-section{padding-top:64px;padding-bottom:52px}.compare-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.compare-heading h2,.compare-bottom h2{font-size:clamp(25px,3vw,36px);margin:9px 0;color:#16314f}.compare-heading p,.compare-bottom p{color:#65758b;line-height:1.6;margin:0}.compare-count{background:#e8f3f7;color:#246b81;padding:9px 13px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.compare-tile{background:#fff;border:1px solid #e1e8f1;border-radius:19px;padding:24px;box-shadow:0 7px 22px rgba(20,55,90,.04);display:flex;flex-direction:column;min-height:260px}.compare-tile-top{display:flex;justify-content:space-between;align-items:center}.compare-symbol{display:flex;align-items:center;justify-content:center;background:#eaf8fa;border-radius:13px;width:48px;height:48px;font-size:28px;color:#148e9b}.compare-tag{font-size:11px;color:#698399;background:#f0f4f8;border-radius:20px;padding:6px 10px}.compare-tile h3{margin:22px 0 8px;font-size:20px;color:#1a3555}.compare-tile p{font-size:14px;color:#6a7b8d;line-height:1.55;margin:0 0 22px;flex:1}.compare-disabled{background:#edf2f7;border:0;border-radius:10px;color:#718397;padding:12px 13px;text-align:left;font-weight:700;display:flex;justify-content:space-between;cursor:not-allowed}.compare-bottom{background:#eaf2f9;border-radius:21px;padding:34px 39px;display:flex;align-items:center;justify-content:space-between;gap:25px}.compare-bottom p{max-width:690px}.compare-secondary{background:#173b61;color:white;padding:13px 19px;border-radius:10px;text-decoration:none;white-space:nowrap;font-weight:700}.compare-disclaimer{font-size:12px;color:#7b8796;padding-top:22px}@media(max-width:1000px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.compare-hero{padding:48px 0}.compare-hero-inner{grid-template-columns:1fr;gap:23px}.compare-hero-card{padding:23px}.compare-grid{grid-template-columns:1fr}.compare-heading{display:block}.compare-count{display:inline-block;margin-top:17px}.compare-bottom{display:block;padding:26px}.compare-secondary{display:inline-block;margin-top:22px}.compare-tile{min-height:225px}.compare-section{padding-top:43px}}

/* 8.13.56 – kompakter Hero und Platz fuer die globale Kelly-Figur */
.compare-hero{padding:42px 0 38px}
.compare-hero-inner{grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:25px;padding-right:clamp(115px,13vw,190px)}
.compare-hero h1{font-size:clamp(32px,3.7vw,49px);margin:10px 0 12px}
.compare-hero p{font-size:15px;line-height:1.5;margin:10px 0}
.compare-primary{margin-top:10px;padding:11px 18px}
.compare-hero .compare-note{margin-top:10px}
.compare-hero-card{padding:19px 18px;border-radius:16px;min-width:0;overflow-wrap:anywhere}
.compare-hero-card strong{font-size:19px}
.compare-hero-card p{font-size:13px;line-height:1.5}
.compare-card-icon{width:36px;height:36px;font-size:21px;margin-bottom:10px}
.compare-mini{padding-top:11px;margin-top:11px;line-height:1.45}
.compare-section{padding-top:36px;padding-bottom:34px}
.compare-heading{margin-bottom:19px}
.compare-tile{min-height:215px;padding:19px}
.compare-tile h3{margin:14px 0 7px}
@media(max-width:950px){.compare-hero-inner{grid-template-columns:minmax(0,1fr) minmax(190px,250px);padding-right:100px;gap:18px}}
@media(max-width:720px){.compare-hero{padding:32px 0}.compare-hero-inner{grid-template-columns:1fr;padding-right:0;gap:16px}.compare-hero-card{max-width:calc(100% - 105px)}.compare-hero h1{font-size:clamp(30px,8vw,40px)}.compare-section{padding-top:28px}.compare-tile{min-height:190px}}
@media(max-width:420px){.compare-hero-card{max-width:calc(100% - 75px)}}