.hosting-packages{position:relative;padding:clamp(4.8rem,11vw,6rem) 5vw;background:#e9eee8;color:#10201c}.hosting-packages__header{display:grid;grid-template-columns:.42fr 1.1fr .58fr;gap:clamp(2rem,5vw,3.8rem);align-items:end;width:min(100%,94rem);margin:0 auto clamp(2.9rem,7vw,4rem)}.hosting-packages__header .control-kicker{align-self:start;color:#39705e}.hosting-packages__header h2{margin:0;font-size:clamp(1.99rem,3.41vw,3.25rem);font-weight:730;letter-spacing:-.07em;line-height:1.15}.hosting-packages__header h2 em{color:#39705e}.hosting-packages__header>p:last-child{margin:0;color:#64736e;line-height:1.75}.hosting-packages__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start;width:min(100%,94rem);margin:auto}.hosting-package{position:relative;overflow:hidden;border:1px solid rgba(16,32,28,.17);border-radius:1.2rem;background:#f8faf7;box-shadow:0 1.5rem 4rem rgba(25,53,43,.06)}.hosting-package>header{min-height:21rem;padding:clamp(1.5rem,2.8vw,2.5rem);border-bottom:1px solid rgba(16,32,28,.14)}.hosting-package>header>small{color:#477363;font-size:.62rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hosting-package h3{margin:2.45rem 0 .8rem;font-size:clamp(1.75rem,2.2vw,2.47rem);letter-spacing:-.065em}.hosting-package>header>p{min-height:4.5rem;margin:0;color:#66736f;font-size:.86rem;line-height:1.6}.hosting-package>header>div{display:flex;align-items:baseline;gap:.5rem;margin-top:1.6rem}.hosting-package>header strong{font-size:clamp(1.55rem,1.65vw,1.95rem);letter-spacing:-.055em}.hosting-package>header span{color:#73817c;font-size:.67rem}.hosting-package table{width:100%;border-collapse:collapse}.hosting-package caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hosting-package tr{border-bottom:1px solid rgba(16,32,28,.1)}.hosting-package th{padding:1rem .6rem 1rem 1.25rem;text-align:left;vertical-align:top}.hosting-package th strong{display:block;font-size:.78rem;line-height:1.35}.hosting-package th small{display:block;margin-top:.35rem;color:#78837f;font-size:.65rem;font-weight:450;line-height:1.45}.hosting-package td{width:3.4rem;padding:1rem .9rem;text-align:center;vertical-align:middle}.hosting-package td b{display:grid;place-items:center;width:1.7rem;aspect-ratio:1;margin:auto;border-radius:50%;background:#dcebe4;color:#287056;font-size:.85rem}.hosting-package td i{color:#a8afac;font-size:1.05rem;font-style:normal}.hosting-package td>span{display:grid;place-items:center;width:1.8rem;aspect-ratio:1;margin:auto;border-radius:50%;background:#10201c;color:#9deacb;font-size:.72rem;font-weight:850}.hosting-package>a{display:flex;align-items:center;justify-content:space-between;margin:1rem;padding:1rem 1.1rem;border:1px solid rgba(16,32,28,.22);border-radius:999px;color:#183a30;font-size:.72rem;font-weight:850}.hosting-package--premium{border-color:rgba(93,199,158,.68);background:#0b1a16;color:#eef7f2;box-shadow:0 2rem 5rem rgba(12,50,37,.2);transform:translateY(-1rem)}.hosting-package--premium:before{content:"";position:absolute;right:-8rem;top:-8rem;width:19rem;aspect-ratio:1;border-radius:50%;background:rgba(142,240,198,.12);filter:blur(30px)}.hosting-package__badge{position:relative;padding:.75rem 1rem;background:#8ef0c6;color:#081510;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}.hosting-package--premium>header{border-color:rgba(255,255,255,.13)}.hosting-package--premium>header>small,.hosting-package--premium>header span{color:#8ef0c6}.hosting-package--premium>header>p{color:#a9bbb4}.hosting-package--premium tr{border-color:rgba(255,255,255,.11)}.hosting-package--premium th small{color:#91a59d}.hosting-package--premium td b{background:#8ef0c6;color:#07130f}.hosting-package--premium>a{border-color:#8ef0c6;background:#8ef0c6;color:#07130f}.hosting-packages__note{width:min(100%,94rem);margin:2rem auto 0;color:#6f7d78;font-size:.68rem;line-height:1.6}@media(max-width:1100px){.hosting-packages__header{grid-template-columns:1fr}.hosting-packages__grid{grid-template-columns:1fr}.hosting-package,.hosting-package--premium{transform:none}.hosting-package>header{min-height:auto}.hosting-package>header>p{min-height:0}.hosting-package h3{margin-top:2rem}}@media(max-width:600px){.hosting-packages{padding-inline:.8rem}.hosting-packages__header h2{font-size:clamp(1.87rem,7.15vw,2.55rem)}.hosting-package th{padding-left:.9rem}.hosting-package td{width:2.8rem;padding-inline:.5rem}}
/* Einheitliche Statusanzeige: Haken oder dezentes Kreuz. */
.hosting-package td i{display:grid;place-items:center;width:1.7rem;aspect-ratio:1;margin:auto;border-radius:50%;background:rgba(125,134,130,.08);color:#a8afac;font-size:.95rem;font-style:normal}
/* Gemeinsame Leistungen stehen einmal übersichtlich über dem Paketvergleich. */
.hosting-common{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,6vw,4rem);width:min(100%,94rem);margin:0 auto clamp(2.45rem,5vw,3.35rem);padding:clamp(1.5rem,3vw,2.7rem);border:1px solid rgba(93,199,158,.4);border-radius:1.2rem;background:#10201c;color:#eff7f3;box-shadow:0 1.6rem 4rem rgba(20,55,43,.12)}.hosting-common header>small{color:#8ef0c6;font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hosting-common h2{margin:1rem 0 0;font-size:clamp(1.55rem,1.925vw,2.27rem);letter-spacing:-.06em;line-height:1.15}.hosting-common h2 span{color:#8ef0c6}.hosting-common ul{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none}.hosting-common li{display:grid;grid-template-columns:1.8rem 1fr;gap:.75rem;padding:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:rgba(255,255,255,.035)}.hosting-common li>b{display:grid;place-items:center;width:1.6rem;aspect-ratio:1;border-radius:50%;background:#8ef0c6;color:#0b1a16;font-size:.72rem}.hosting-common li>span{display:grid;gap:.25rem}.hosting-common li strong{font-size:.76rem}.hosting-common li small{color:#9eafa8;font-size:.64rem;line-height:1.4}@media(max-width:800px){.hosting-common{grid-template-columns:1fr}.hosting-common ul{grid-template-columns:1fr}}
/* Mengen und Reaktionszeiten kompakt direkt beim Paketpreis. */
.hosting-package__limits{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none}.hosting-package__limits li{padding:.38rem .55rem;border:1px solid rgba(16,32,28,.15);border-radius:999px;color:#52635d;font-size:.57rem;font-weight:750}.hosting-package--premium .hosting-package__limits li{border-color:rgba(142,240,198,.25);color:#b8d8cb}
/* Erreichbarkeit und Änderungsstart als ein sofort erfassbares Leistungsfeld. */
.hosting-package__access{display:grid;gap:.32rem;margin-top:1.2rem;padding:.9rem;border:1px solid rgba(45,103,82,.2);border-radius:.75rem;background:#eaf2ed;font-family:"Avenir Next","Segoe UI",Arial,sans-serif}.hosting-package__access>small{color:#4d7164;font-size:.54rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hosting-package>header .hosting-package__access>strong{font-size:.83rem;letter-spacing:0;line-height:1.25}.hosting-package__access>span{color:#5e6f69;font-size:.65rem;font-weight:700}.hosting-package--premium .hosting-package__access{border-color:rgba(142,240,198,.28);background:rgba(142,240,198,.08)}.hosting-package--premium .hosting-package__access>small,.hosting-package--premium .hosting-package__access>span{color:#a9d6c4}.hosting-package table{font-family:"Avenir Next","Segoe UI",Arial,sans-serif}.hosting-package tr.is-included{background:rgba(69,151,117,.055)}.hosting-package tr.is-excluded{background:rgba(110,117,114,.035)}.hosting-package tr.is-excluded th strong,.hosting-package tr.is-excluded th small{color:#9ba29f}.hosting-package tr.is-included th strong{color:#193a2f}.hosting-package--premium tr.is-included th strong{color:#effaf5}.hosting-package--premium tr.is-excluded th strong,.hosting-package--premium tr.is-excluded th small{color:#63766e}
/* Ruhiger, direkt vergleichbarer Aufbau mit Business als Bestseller. */
.hosting-packages__grid,.offer-package-grid.is-hosting-comparison{gap:1.25rem}.hosting-package{display:grid;grid-template-rows:auto 1fr auto;border-radius:1.35rem;background:#fbfcfa;box-shadow:0 1.2rem 3.5rem rgba(20,45,36,.08);transition:transform .3s ease,box-shadow .3s ease}.hosting-package>header{display:flex;flex-direction:column;min-height:30rem;background:linear-gradient(145deg,#fff,#f0f5f1)}.hosting-package>header>div{margin-top:auto}.hosting-package table{align-self:stretch}.hosting-package th strong{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:.82rem;font-weight:760}.hosting-package th small{font-size:.63rem;line-height:1.5}.hosting-package td b,.hosting-package td i{width:2rem;font-size:1rem;font-weight:900}.hosting-package tr.is-excluded{opacity:.58}.hosting-package tr.is-included{box-shadow:inset .2rem 0 #4b9b7b}.hosting-package>a{margin-top:1.2rem;background:#edf3ef;transition:background .2s,transform .2s}.hosting-package>a:hover,.hosting-package>a:focus-visible{background:#dce9e2;transform:translateY(-2px)}.hosting-package--bestseller{z-index:3;border-color:rgba(93,199,158,.72);background:#0b1a16;color:#eef7f2;box-shadow:0 2.4rem 6rem rgba(12,50,37,.25);transform:translateY(-1.2rem)}.hosting-package--bestseller>header{padding-top:3.36rem;border-color:rgba(255,255,255,.13);background:radial-gradient(circle at 85% 12%,rgba(142,240,198,.15),transparent 33%),#0b1a16}.hosting-package--bestseller>header>small,.hosting-package--bestseller>header span{color:#8ef0c6}.hosting-package--bestseller>header>p{color:#a9bbb4}.hosting-package--bestseller .hosting-package__badge{position:absolute;top:0;right:0;left:0;z-index:3;background:#8ef0c6;color:#07130f}.hosting-package--bestseller .hosting-package__access{border-color:rgba(142,240,198,.3);background:rgba(142,240,198,.08)}.hosting-package--bestseller .hosting-package__access>small,.hosting-package--bestseller .hosting-package__access>span{color:#a9d6c4}.hosting-package--bestseller .hosting-package__limits li{border-color:rgba(142,240,198,.27);color:#c0ddd1}.hosting-package--bestseller tr{border-color:rgba(255,255,255,.11)}.hosting-package--bestseller tr.is-included{background:rgba(142,240,198,.065)}.hosting-package--bestseller tr.is-included th strong{color:#f1faf6}.hosting-package--bestseller tr.is-excluded th strong,.hosting-package--bestseller tr.is-excluded th small{color:#6e8179}.hosting-package--bestseller th small{color:#91a59d}.hosting-package--bestseller td b{background:#8ef0c6;color:#07130f}.hosting-package--bestseller>a{border-color:#8ef0c6;background:#8ef0c6;color:#07130f}@media(max-width:1100px){.hosting-package>header{min-height:auto}.hosting-package--bestseller{transform:none}}
/* Die Mengen stehen im Vergleich; der Paketkopf bleibt bewusst kompakt. */
@media(min-width:1101px){.hosting-package>header{min-height:26rem}}
.hosting-packages__scope{display:grid;grid-template-columns:.42fr 1.58fr;gap:1.5rem;width:min(100%,94rem);margin:-2.5rem auto 3rem;padding:1.25rem 1.4rem;border-left:.22rem solid #4b9b7b;border-radius:0 .8rem .8rem 0;background:rgba(255,255,255,.58)}.hosting-packages__scope strong{color:#315d4d;font-size:.72rem;letter-spacing:.04em}.hosting-packages__scope p{margin:0;color:#52635d;font-size:.72rem;line-height:1.65}.hosting-packages__scope b{color:#183a30}@media(max-width:800px){.hosting-packages__scope{grid-template-columns:1fr;margin-top:-1.5rem}}
/* Einheitliche Gliederung: enthaltene Leistungen stehen in jedem Paket zuerst. */
.hosting-package tr.hosting-package__section{background:#dfeae4;box-shadow:none;opacity:1}.hosting-package tr.hosting-package__section th{padding:.7rem 1.25rem;color:#315d4d;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hosting-package tr.hosting-package__section--muted{background:#f0f2f0}.hosting-package tr.hosting-package__section--muted th{color:#88918d}.hosting-package--bestseller tr.hosting-package__section{border-color:rgba(255,255,255,.1);background:rgba(142,240,198,.14)}.hosting-package--bestseller tr.hosting-package__section th{color:#8ef0c6}.hosting-package--bestseller tr.hosting-package__section--muted{background:rgba(255,255,255,.035)}.hosting-package--bestseller tr.hosting-package__section--muted th{color:#71847c}
#social-free-preise .hosting-package:first-child h3{font-size:clamp(1.51rem,1.65vw,2.05rem);overflow-wrap:anywhere}
.website-purchase-packages{background:linear-gradient(180deg,#eee8dc,#e7ede7)}
.website-purchase-packages .hosting-common{background:radial-gradient(circle at 85% 10%,rgba(210,173,98,.15),transparent 34%),#17130d;border-color:rgba(210,173,98,.5)}
.website-purchase-packages .hosting-common header>small,.website-purchase-packages .hosting-common h2 span{color:#dfbd75}
.website-purchase-packages .hosting-common li>b{background:#dfbd75;color:#17130d}
.website-purchase-packages .hosting-package h3{font-size:clamp(1.65rem,1.925vw,2.27rem)}
.website-purchase-packages .hosting-packages__grid{align-items:stretch}.website-purchase-packages .hosting-package{height:100%}
.website-tuning-packages{background:linear-gradient(180deg,#e5eee9,#edf0e9)}.website-tuning-packages .hosting-common{background:radial-gradient(circle at 85% 10%,rgba(142,240,198,.14),transparent 34%),#10201c;border-color:rgba(93,199,158,.46)}.website-tuning-packages .hosting-common header>small,.website-tuning-packages .hosting-common h2 span{color:#8ef0c6}.website-tuning-packages .hosting-common li>b{background:#8ef0c6;color:#10201c}
.website-care-option{display:grid;grid-template-columns:.45fr 1fr 1.15fr auto;gap:1.5rem;align-items:center;width:min(100%,94rem);margin:2.45rem auto 0;padding:clamp(1.3rem,2.5vw,2rem);border:1px solid rgba(16,32,28,.16);border-radius:1.15rem;background:#fff;color:#10201c;box-shadow:0 1.2rem 3.5rem rgba(20,45,36,.07)}
.website-care-option>span{color:#477363;font-size:.61rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.website-care-option>strong{font-size:clamp(1.1rem,0.935vw,1.33rem);line-height:1.2}.website-care-option>p{margin:0;color:#66736f;font-size:.72rem;line-height:1.6}.website-care-option>button{display:flex;align-items:center;gap:1rem;padding:.9rem 1.15rem;border:1px solid #183a30;border-radius:999px;background:#183a30;color:#f2f8f5;font:inherit;font-size:.69rem;font-weight:850;white-space:nowrap;cursor:pointer}.website-care-option>button i{color:#8ef0c6;font-style:normal}
@media(max-width:1000px){.website-care-option{grid-template-columns:1fr 1fr}.website-care-option>button{justify-self:start}}
@media(max-width:620px){.website-care-option{grid-template-columns:1fr}.website-care-option>button{white-space:normal}}
.event-production-offer{overflow:hidden;background:radial-gradient(circle at 85% 8%,rgba(202,148,62,.16),transparent 28%),linear-gradient(180deg,#0c0a08,#171109);color:#f5eee3}.event-production-offer .hosting-packages__header h2{color:#fff8ed}.event-production-offer .hosting-packages__header h2 em,.event-production-offer .control-kicker{color:#e2bc72}.event-production-offer .hosting-packages__header>p:last-child{color:#aaa096}.event-production-offer .hosting-packages__scope{border-left-color:#d6ac60;background:rgba(255,255,255,.055)}.event-production-offer .hosting-packages__scope strong{color:#e2bc72}.event-production-offer .hosting-packages__scope p,.event-production-offer .hosting-packages__scope b{color:#c0b6a8}
.event-offer-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.5fr);gap:clamp(1.2rem,2.5vw,2.225rem);align-items:start;width:min(100%,94rem);margin:auto}.event-offer-card{transform:none}.event-offer-card>header{min-height:24rem}.event-offer-card h3{font-size:clamp(1.95rem,2.75vw,2.95rem)}.event-offer-card table{columns:1}.event-offer-card .hosting-package__section th{padding-block:.9rem}.event-offer-card>a{justify-content:center;gap:1rem;padding:1.15rem}
.event-offer-value{position:sticky;top:7rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(226,188,114,.25);border-radius:1.35rem;background:linear-gradient(145deg,rgba(226,188,114,.12),rgba(255,255,255,.035));box-shadow:0 2rem 5rem rgba(0,0,0,.28)}.event-offer-value>small{color:#e2bc72;font-size:.61rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.event-offer-value h3{margin:2rem 0 1rem;font-size:clamp(1.59rem,1.815vw,2.15rem);letter-spacing:-.06em;line-height:1.15}.event-offer-value>p{color:#aaa096;font-size:.75rem;line-height:1.7}.event-offer-value ul{display:grid;gap:.7rem;margin:2rem 0 0;padding:0;list-style:none}.event-offer-value li{display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.1)}.event-offer-value li>b{color:#e2bc72;font-size:.62rem}.event-offer-value li>span{display:grid;gap:.25rem}.event-offer-value li strong{font-size:.8rem}.event-offer-value li small{color:#8f877d;font-size:.64rem;line-height:1.45}.event-production-offer .hosting-packages__note{color:#8f877d}
.corporate-production-offer{background:radial-gradient(circle at 12% 12%,rgba(93,199,158,.12),transparent 25%),radial-gradient(circle at 88% 7%,rgba(202,148,62,.16),transparent 30%),linear-gradient(180deg,#08100d,#14100a)}.corporate-production-offer .hosting-packages__scope{border-left-color:#8fd6b7}.corporate-production-offer .hosting-packages__scope strong{color:#9de4c5}.corporate-production-offer .hosting-package__badge{background:linear-gradient(90deg,#8ef0c6,#e2bc72)}.corporate-production-offer .event-offer-value{border-color:rgba(142,240,198,.24);background:linear-gradient(145deg,rgba(142,240,198,.09),rgba(226,188,114,.07))}.corporate-production-offer .event-offer-value>small,.corporate-production-offer .event-offer-value li>b{color:#9de4c5}
@media(max-width:900px){.event-offer-stage{grid-template-columns:1fr}.event-offer-value{position:static}}
.social-content-warning{display:grid;gap:.65rem;margin:1rem;padding:1.15rem;border:1px solid rgba(226,195,123,.34);border-radius:.85rem;background:linear-gradient(145deg,rgba(226,195,123,.12),rgba(255,255,255,.035));color:#f5eee3}.social-content-warning>small{color:#e2c37b;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.social-content-warning>strong{font-size:1rem;line-height:1.25}.social-content-warning>p{margin:0;color:#a99f91;font-size:.67rem;line-height:1.55}.social-content-warning>button{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.35rem;padding:.8rem .9rem;border:1px solid #e2c37b;border-radius:999px;background:#e2c37b;color:#171009;font:inherit;font-size:.65rem;font-weight:900;cursor:pointer;transition:transform .25s,box-shadow .25s}.social-content-warning>button:hover{transform:translateY(-2px);box-shadow:0 .8rem 2rem rgba(0,0,0,.22)}.social-content-warning>button span{font-size:1rem}