/*
Theme Name: WWW24
Theme URI: https://www24.at/
Author: WWW24
Description: Schlankes, modernes WordPress-Block-Theme für WWW24 – Hosting, IT und Infrastruktur aus Österreich.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: www24
*/

:root {
  --www24-navy: #07111f;
  --www24-blue: #0b63ce;
  --www24-cyan: #16b8d4;
  --www24-ink: #101828;
  --www24-muted: #667085;
  --www24-bg: #f6f8fb;
  --www24-border: #e4e9f0;
  --www24-white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--www24-ink); background: #fff; }
a { text-underline-offset: 3px; }
img { max-width: 100%; height: auto; }
.wp-site-blocks > * { margin-block-start: 0; }
.www24-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.www24-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(228,233,240,.8); }
.www24-header-inner { min-height: 76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.www24-brand { display:flex; align-items:center; gap:12px; color:var(--www24-navy); text-decoration:none; font-weight:800; letter-spacing:-.04em; font-size:1.45rem; }
.www24-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--www24-blue),var(--www24-cyan)); color:#fff; font-weight:900; }
.www24-nav { display:flex; align-items:center; gap:26px; }
.www24-nav a { color:#344054; text-decoration:none; font-weight:650; font-size:.95rem; }
.www24-nav a:hover { color:var(--www24-blue); }
.www24-actions { display:flex; gap:10px; align-items:center; }
.www24-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border-radius:10px; text-decoration:none; font-weight:750; border:1px solid transparent; }
.www24-btn-primary { background:var(--www24-blue); color:#fff; }
.www24-btn-primary:hover { background:#0956b4; color:#fff; }
.www24-btn-secondary { background:#fff; color:var(--www24-ink); border-color:var(--www24-border); }
.www24-btn-secondary:hover { border-color:#b8c4d4; color:var(--www24-blue); }
.www24-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#06101d 0%,#0b1f35 58%,#0b4161 100%); color:#fff; }
.www24-hero:after { content:""; position:absolute; inset:auto -10% -45% 35%; height:80%; background:radial-gradient(circle,rgba(22,184,212,.28),transparent 60%); pointer-events:none; }
.www24-hero-inner { position:relative; z-index:1; padding:105px 0 100px; max-width:800px; }
.www24-eyebrow { text-transform:uppercase; letter-spacing:.13em; font-size:.78rem; font-weight:800; color:#7edff0; }
.www24-hero h1 { margin:16px 0 22px; font-size:clamp(2.7rem,6vw,5.3rem); line-height:.98; letter-spacing:-.055em; color:#fff; }
.www24-hero p { max-width:680px; color:#d9e5f2; font-size:1.2rem; line-height:1.65; }
.www24-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.www24-trust { display:flex; flex-wrap:wrap; gap:18px 28px; margin-top:34px; color:#b9c9da; font-size:.92rem; }
.www24-section { padding:88px 0; }
.www24-section-alt { background:var(--www24-bg); }
.www24-section-head { max-width:760px; margin-bottom:42px; }
.www24-section-head h2 { margin:0 0 12px; font-size:clamp(2rem,4vw,3.2rem); line-height:1.05; letter-spacing:-.045em; }
.www24-section-head p { color:var(--www24-muted); font-size:1.08rem; line-height:1.7; }
.www24-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.www24-card { background:#fff; border:1px solid var(--www24-border); border-radius:18px; padding:28px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.www24-card:hover { transform:translateY(-3px); box-shadow:0 18px 45px rgba(7,17,31,.08); border-color:#cbd6e4; }
.www24-card-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:#eaf4ff; color:var(--www24-blue); font-weight:900; margin-bottom:24px; }
.www24-card h3 { margin:0 0 9px; font-size:1.2rem; letter-spacing:-.02em; }
.www24-card p { margin:0; color:var(--www24-muted); line-height:1.6; }
.www24-card a { display:inline-block; margin-top:20px; color:var(--www24-blue); font-weight:750; text-decoration:none; }
.www24-pricing { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.www24-price-card { position:relative; background:#fff; border:1px solid var(--www24-border); border-radius:20px; padding:30px; }
.www24-price-card.featured { border:2px solid var(--www24-blue); box-shadow:0 20px 50px rgba(11,99,206,.12); }
.www24-badge { position:absolute; right:20px; top:20px; background:#eaf4ff; color:var(--www24-blue); padding:6px 9px; border-radius:999px; font-size:.72rem; font-weight:800; }
.www24-price { font-size:2.7rem; font-weight:850; letter-spacing:-.05em; margin:18px 0 4px; }
.www24-price small { font-size:.9rem; color:var(--www24-muted); font-weight:600; letter-spacing:0; }
.www24-features { list-style:none; padding:0; margin:25px 0; }
.www24-features li { padding:9px 0; border-bottom:1px solid #eef1f5; color:#475467; }
.www24-feature { color:#067647; font-weight:800; margin-right:6px; }
.www24-split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.www24-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.www24-stat { background:#fff; border:1px solid var(--www24-border); border-radius:16px; padding:24px; }
.www24-stat strong { display:block; font-size:1.65rem; letter-spacing:-.04em; }
.www24-stat span { color:var(--www24-muted); font-size:.92rem; }
.www24-cta { background:linear-gradient(135deg,#0a1a2b,#0b4d6d); color:#fff; border-radius:24px; padding:55px; }
.www24-cta h2 { margin:0 0 12px; color:#fff; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.045em; }
.www24-cta p { color:#d6e4ef; max-width:700px; line-height:1.7; }
.www24-footer { background:#06101d; color:#b8c7d7; padding:55px 0 25px; }
.www24-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
.www24-footer h3 { color:#fff; margin:0 0 15px; font-size:1rem; }
.www24-footer a { color:#b8c7d7; text-decoration:none; }
.www24-footer a:hover { color:#fff; }
.www24-footer-brand { color:#fff; font-size:1.4rem; font-weight:850; }
.www24-footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:45px; padding-top:20px; display:flex; justify-content:space-between; gap:20px; font-size:.85rem; }
.www24-mobile-toggle { display:none; }
@media (max-width: 980px) {
  .www24-nav { display:none; }
  .www24-mobile-toggle { display:inline-flex; }
  .www24-grid { grid-template-columns:repeat(2,1fr); }
  .www24-pricing { grid-template-columns:1fr; max-width:600px; }
  .www24-footer-grid { grid-template-columns:1fr 1fr; }
  .www24-split { gap:35px; }
}
@media (max-width: 680px) {
  .www24-container { width:min(100% - 28px,1180px); }
  .www24-header-inner { min-height:68px; }
  .www24-actions .www24-btn-secondary { display:none; }
  .www24-hero-inner { padding:75px 0 70px; }
  .www24-section { padding:65px 0; }
  .www24-grid, .www24-split, .www24-stat-grid, .www24-footer-grid { grid-template-columns:1fr; }
  .www24-cta { padding:34px 24px; }
  .www24-footer-bottom { flex-direction:column; }
}

.www24-mobile-menu-button{display:none;border:1px solid var(--www24-border);background:#fff;border-radius:10px;padding:10px 14px;font-weight:750;color:var(--www24-ink)}
@media(max-width:980px){.www24-mobile-menu-button{display:inline-flex}.www24-nav{gap:14px;flex-wrap:wrap}.www24-actions{margin-left:auto}}
@media(min-width:981px){.www24-nav{display:flex}}

.www24-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#dceaf5;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.www24-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#16b8d4;box-shadow:0 0 0 4px rgba(22,184,212,.14)}
.www24-mini-note{font-size:.82rem;color:#98a6b7;margin-top:12px}
.www24-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.www24-news-card{background:#fff;border:1px solid var(--www24-border);border-radius:18px;padding:24px}
.www24-news-date{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--www24-blue)}
.www24-news-card h3{margin:10px 0 8px;font-size:1.12rem}
.www24-news-card p{margin:0;color:var(--www24-muted);line-height:1.6}
.www24-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.www24-quote{background:#fff;border:1px solid var(--www24-border);border-radius:18px;padding:26px}
.www24-quote p{font-size:1.05rem;line-height:1.65;margin:0 0 18px}
.www24-quote strong{font-size:.9rem}
.www24-location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.www24-location{background:#07111f;color:#fff;border-radius:18px;padding:26px}
.www24-location span{display:block;color:#8dddec;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:10px}
.www24-location h3{margin:0 0 7px;color:#fff}
.www24-location p{margin:0;color:#b9c9da;line-height:1.55}
.www24-hero .www24-btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}
.www24-hero .www24-btn-secondary:hover{background:#fff;color:var(--www24-ink)}
@media(max-width:980px){.www24-news-grid,.www24-testimonials,.www24-location-grid{grid-template-columns:1fr}}

.www24-page-hero{background:linear-gradient(135deg,#07111f 0%,#0c2037 70%,#0a4f79 100%);color:#fff;padding:74px 0}
.www24-page-hero h1{color:#fff;max-width:820px;margin:14px 0 14px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02}
.www24-page-hero p{max-width:760px;color:#c9d7e5;font-size:1.12rem;line-height:1.7}
.www24-page-kicker{color:#8dddec;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem}
.www24-content-section{padding:68px 0}
.www24-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.www24-feature{padding:26px;border:1px solid var(--www24-border);border-radius:18px;background:#fff}
.www24-feature h3{margin:0 0 9px}
.www24-feature p{color:var(--www24-muted);line-height:1.6}
.www24-table-wrap{overflow:auto;border:1px solid var(--www24-border);border-radius:16px}
.www24-table{width:100%;border-collapse:collapse;background:#fff}
.www24-table th,.www24-table td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--www24-border)}
.www24-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;background:#f5f8fb}
.www24-callout{background:#eef7fb;border:1px solid #cdebf3;border-radius:18px;padding:28px}
.www24-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.www24-form-card,.www24-info-card{border:1px solid var(--www24-border);border-radius:18px;padding:28px;background:#fff}
.www24-form-card label{display:block;font-weight:700;margin:0 0 6px}
.www24-form-card input,.www24-form-card textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cfd8e2;border-radius:9px;margin-bottom:16px;font:inherit}
@media(max-width:900px){.www24-feature-grid,.www24-contact-grid{grid-template-columns:1fr}}

.www24-servicebar{background:#06101d;color:#c9d7e5;font-size:.82rem}.www24-servicebar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px}.www24-servicebar-links{display:flex;gap:16px;flex-wrap:wrap}.www24-servicebar a{color:#dceaf5;text-decoration:none}.www24-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.www24-product-card{border:1px solid var(--www24-border);border-radius:18px;background:#fff;padding:28px}.www24-product-meta{color:var(--www24-muted);line-height:1.7}.www24-domain-box{display:flex;gap:12px;padding:18px;border:1px solid var(--www24-border);border-radius:16px}.www24-domain-box input{flex:1;padding:13px;border:1px solid #cfd8e2;border-radius:10px;font:inherit}.www24-legal-note{font-size:.82rem;color:#667085;line-height:1.6}@media(max-width:900px){.www24-product-grid{grid-template-columns:1fr}.www24-domain-box{flex-direction:column}}

.www24-order-shell{max-width:920px;margin:0 auto}
.www24-order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:28px}
.www24-order-progress span{padding:11px 12px;border-radius:10px;background:#eef2f6;color:#667085;font-size:.82rem;font-weight:800;text-align:center}
.www24-order-progress span.is-active{background:#0b63ce;color:#fff}
.www24-order-card{border:1px solid var(--www24-border);border-radius:20px;background:#fff;padding:30px}
.www24-order-step[hidden]{display:none}
.www24-order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.www24-field{display:flex;flex-direction:column;gap:7px}
.www24-field.full{grid-column:1/-1}
.www24-field label{font-weight:750}
.www24-field input,.www24-field select,.www24-field textarea{width:100%;padding:12px 13px;border:1px solid #cfd8e2;border-radius:10px;font:inherit;background:#fff}
.www24-field small{color:#667085;line-height:1.45}
.www24-order-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.www24-order-summary{background:#f6f8fb;border-radius:14px;padding:20px}
.www24-order-summary dl{display:grid;grid-template-columns:180px 1fr;gap:9px 18px;margin:0}
.www24-order-summary dt{font-weight:800}.www24-order-summary dd{margin:0;color:#475467}
.www24-notice{padding:16px 18px;border-radius:12px;background:#fff8e6;border:1px solid #f4df9e;color:#5f4a12;line-height:1.55}
.www24-success{padding:18px;border-radius:12px;background:#ecfdf3;border:1px solid #abefc6;color:#067647}
@media(max-width:700px){.www24-order-progress{grid-template-columns:1fr 1fr}.www24-order-grid{grid-template-columns:1fr}.www24-field.full{grid-column:auto}.www24-order-summary dl{grid-template-columns:1fr}.www24-order-actions{flex-direction:column-reverse}}