/*
Theme Name: Viennaweb TechBlue (Classic - Designed)
Theme URI: https://viennaweb.at/
Author: Viennaweb
Description: Production-ready classic theme with Modern Tech Blue header + fixed front-page.php. Built for custom PHP integrations.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viennaweb-techblue
Tags: custom-logo, one-column, custom-menu, sticky-post, featured-images
*/

:root{
  --vw-bg:#061a2b;
  --vw-bg-2:#0a2e52;
  --vw-text:rgba(255,255,255,.92);
  --vw-muted:rgba(255,255,255,.74);
  --vw-accent:#27d3ff;
  --vw-accent-2:#38bdf8;
  --vw-border:rgba(255,255,255,.14);
  --vw-button:linear-gradient(180deg,#27d3ff 0%,#38bdf8 100%);
  --vw-shadow:0 20px 60px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:#fff;color:#0b1220;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.vw-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

.vw-site-header{
  background:linear-gradient(90deg,var(--vw-bg) 0%,var(--vw-bg-2) 100%);
  color:var(--vw-text);
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.vw-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;height:78px;
}
.vw-brand{display:flex;align-items:center;gap:12px;min-width:220px}
.vw-brand img{height:40px;width:auto;display:block}
.vw-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end}
.vw-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap}
.vw-menu a{color:rgba(255,255,255,.88);font-weight:700;font-size:14px;letter-spacing:.2px}
.vw-menu a:hover{color:#fff}
.vw-cta{
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 16px;border-radius:12px;
  background:var(--vw-button);color:#052033;font-weight:900;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(39,211,255,.18);
  white-space:nowrap;
}

.vw-hero{
  position:relative;overflow:hidden;
  background:radial-gradient(1200px 600px at 70% 40%, rgba(39,211,255,.22), transparent 60%),
             linear-gradient(90deg,var(--vw-bg) 0%,var(--vw-bg-2) 100%);
  color:var(--vw-text);
  padding:72px 0 64px;
}
.vw-hero::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:90px 90px;
  opacity:.22;
  mask-image:radial-gradient(circle at 70% 50%, black 0%, transparent 68%);
}
.vw-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.vw-hero h1{font-size:54px;line-height:1.05;margin:0 0 14px;letter-spacing:-.8px}
.vw-hero p{font-size:18px;line-height:1.5;margin:0 0 22px;color:rgba(255,255,255,.78)}
.vw-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.vw-btn{
  height:46px;padding:0 18px;border-radius:12px;font-weight:900;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);
}
.vw-btn-primary{background:var(--vw-button);color:#052033;border-radius:10px;padding:10px 18px;font-weight:700;text-decoration:none;transition:all .25s ease;}
.vw-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 20px rgba(14,165,233,.35);}
.vw-btn-secondary{background:rgba(255,255,255,.06);color:rgba(255,255,255,.92)}
.vw-btn-secondary:hover{background:rgba(255,255,255,.10)}
.vw-btn-third{background:#0B2F4A;color:#ffffff;border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 10px rgba(11,47,74,.15);}
.vw-btn-third:hover{background:#124062;box-shadow:0 8px 20px rgba(11,47,74,.25);transform:translateY(-1px);}

.vw-hero-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;padding:22px;
  box-shadow:var(--vw-shadow);backdrop-filter:blur(10px);
}
.vw-hero-card h3{margin:0 0 10px;font-size:16px;color:rgba(255,255,255,.90)}
.vw-hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.vw-kpi{padding:12px;border-radius:16px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.10)}
.vw-kpi b{display:block;font-size:16px}
.vw-kpi span{display:block;font-size:12px;color:rgba(255,255,255,.72);margin-top:4px}

.vw-section{padding:64px 0}
.vw-section h2{font-size:34px;margin:0 0 16px;letter-spacing:-.4px}
.vw-section p.lead{color:#334155;margin:0 0 26px;font-size:16px;line-height:1.55}

.vw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vw-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(2,6,23,.06)}
.vw-card .icon{width:36px;height:36px;border-radius:12px;background:rgba(39,211,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:1px solid rgba(39,211,255,.22);color:#0a2e52}
.vw-card h3{margin:0 0 8px;font-size:16px}
.vw-card p{margin:0;color:#475569;font-size:14px;line-height:1.45}

.vw-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vw-list{margin:0;padding:0;list-style:none}
.vw-list li{padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:10px;background:#fff}
.vw-list li b{display:block}
.vw-list li span{display:block;color:#475569;font-size:14px;margin-top:4px}

.vw-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vw-price{border-radius:22px;padding:22px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 14px 34px rgba(2,6,23,.06)}
.vw-price.featured{border-color: rgba(39,211,255,.55); box-shadow:0 18px 50px rgba(39,211,255,.10)}
.vw-price h3{margin:0 0 6px}
.vw-price .meta{color:#475569;font-size:14px;margin:0 0 14px}
.vw-price .value{font-size:34px;font-weight:900;margin:0 0 14px}
.vw-price ul{margin:0 0 18px;padding-left:18px;color:#334155}
.vw-price li{margin:8px 0}

.vw-footer{
  background:linear-gradient(90deg,var(--vw-bg) 0%,var(--vw-bg-2) 100%);
  color:rgba(255,255,255,.80);
  padding:34px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.vw-footer .vw-footer-inner{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.vw-footer small{color:rgba(255,255,255,.62)}

.vw-content{padding:48px 0}
.vw-content h1{margin-top:0}
.vw-content .entry-content{line-height:1.7;color:#111827}

@media (max-width: 980px){
  .vw-hero-inner{grid-template-columns:1fr;gap:18px}
  .vw-hero h1{font-size:42px}
  .vw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vw-two{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .vw-menu{display:none}
  .vw-hero h1{font-size:34px}
  .vw-header-inner{height:72px}
  .vw-brand img{height:34px}
  .vw-pricing{grid-template-columns:1fr}
}




/* IT-Service Layout */
.vw-it-service .vw-hero-it { 
  margin-bottom: 28px;
}

.vw-it-card {
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
}

.vw-it-card h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.vw-it-cta {
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  margin-top: 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
}


.vw-strahl{
  position:relative !important;
  display:inline-block !important;
  padding-bottom:10px !important;
  letter-spacing:-0.02em !important;
}
.vw-strahl::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:62% !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(15,106,166,1) 0%, rgba(11,47,74,0) 100%) !important;
}