/*
Theme Name: WLAN Zentrale
Theme URI: https://wlan-zentrale.de/
Author: WLAN Zentrale
Description: Modernes WordPress-Theme für das WLAN-Zentrale Management-Center.
Version: 16.0.0
Text Domain: wlan-zentrale
*/
:root{--navy:#061728;--navy2:#09243b;--blue:#09a8ff;--blue2:#087fe8;--ink:#0b1d31;--muted:#65758a;--line:#dce7f0;--bg:#f5f9fc;--white:#fff;--green:#20c997;--radius:24px;--shadow:0 20px 55px rgba(7,34,60,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,20,35,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:.14em}.brand-mark{width:50px;height:38px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;left:50%;transform:translateX(-50%);border:5px solid var(--blue);border-color:var(--blue) transparent transparent transparent;border-radius:50%;width:44px;height:44px;top:1px}.brand-mark:after{width:29px;height:29px;top:11px}.brand-mark i{width:13px;height:13px;top:21px}.brand-copy{line-height:1}.brand-copy strong{display:block;font-size:25px}.brand-copy small{display:block;color:#46c3ff;font-size:11px;margin-top:5px}.nav{margin-left:auto;display:flex;align-items:center;gap:26px;color:#d9e6f1;font-size:14px}.nav a:hover{color:#fff}.portal-btn,.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important;padding:13px 20px;border-radius:10px;font-weight:700;box-shadow:0 8px 24px rgba(9,168,255,.22)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 32%,rgba(20,151,239,.32),transparent 34%),linear-gradient(120deg,#041421 0%,#082139 58%,#0b3151 100%);padding:86px 0 110px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,rgba(0,0,0,.18));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#9ab0c7;font-size:12px;font-weight:700}.hero h1{font-size:clamp(54px,6vw,82px);line-height:.96;margin:22px 0 24px;letter-spacing:-.05em}.accent{color:#13aefb}.lead{font-size:19px;color:#d9e4ed;max-width:610px}.actions{display:flex;gap:15px;margin:32px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:11px;font-weight:750;border:1px solid rgba(255,255,255,.3)}.btn-secondary{color:#fff;background:rgba(4,18,31,.38)}.checks{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:#dce8f2}.checks span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;margin-right:8px}.dashboard-wrap{position:relative}.dashboard{background:#f9fcff;color:var(--ink);border-radius:18px;box-shadow:0 35px 80px rgba(0,0,0,.38);padding:22px;transform:perspective(1100px) rotateY(-5deg);border:1px solid rgba(255,255,255,.5)}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.dash-title{font-weight:800}.status{font-size:12px;color:var(--green);font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.stat{background:#fff;border:1px solid #e8f0f6;border-radius:10px;padding:12px}.stat b{display:block;font-size:21px}.stat small{color:var(--muted)}.sites{background:#fff;border:1px solid #e8f0f6;border-radius:12px;padding:15px}.site-row{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f6;font-size:12px}.site-row:last-child{border:0}.online{color:var(--green)}.chart{height:105px;margin-top:15px;border-radius:12px;background:linear-gradient(180deg,rgba(10,168,255,.18),rgba(10,168,255,.02)),repeating-linear-gradient(0deg,transparent 0 25px,#e9f1f6 26px);position:relative;overflow:hidden}.chart:after{content:"";position:absolute;left:-5%;right:-5%;top:54%;height:3px;background:var(--blue);transform:rotate(-3deg);box-shadow:70px -12px 0 var(--blue),160px 8px 0 var(--blue),260px -16px 0 var(--blue)}.feature-strip{position:relative;margin-top:-55px;z-index:5}.feature-card{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.feature{padding:28px 20px;text-align:center;border-right:1px solid #e7eef4}.feature:last-child{border:0}.icon{width:52px;height:52px;margin:0 auto 13px;display:grid;place-items:center;background:#eaf8ff;color:#079ee9;border-radius:50%;font-size:24px}.feature h3{font-size:15px;margin:0 0 6px}.feature p{font-size:13px;color:var(--muted);margin:0}.section{padding:100px 0}.section.alt{background:var(--bg)}.section-head{max-width:760px;margin-bottom:46px}.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:10px 0 16px;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:18px}.steps,.cards,.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step,.card,.price-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.step-num{width:34px;height:34px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;font-weight:800;margin-bottom:18px}.step h3,.card h3{margin:0 0 9px}.step p,.card p{color:var(--muted);font-size:14px}.cards{grid-template-columns:repeat(3,1fr)}.card{min-height:225px}.card .icon{margin:0 0 18px}.pricing{grid-template-columns:repeat(3,1fr);align-items:stretch}.price-card{padding:32px}.price-card.featured{border:2px solid var(--blue);transform:translateY(-10px);box-shadow:var(--shadow)}.price{font-size:38px;font-weight:850;margin:15px 0}.price small{font-size:14px;color:var(--muted);font-weight:500}.price-card ul{padding-left:20px;color:var(--muted);min-height:150px}.price-card .btn{width:100%;color:var(--ink);border-color:var(--line)}.price-card.featured .btn{color:#fff;border:0;background:var(--blue)}.cta{background:linear-gradient(120deg,#061728,#0a3558);color:#fff;border-radius:28px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:0 0 10px}.cta p{margin:0;color:#c9d9e7}.site-footer{background:#041421;color:#aebfd0;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h4{color:#fff}.site-footer a{display:block;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:22px;font-size:12px}.page-hero{background:linear-gradient(120deg,#041421,#0b3151);color:#fff;padding:80px 0}.page-hero h1{font-size:52px;margin:0}.content{padding:70px 0}.woocommerce-page .site-main{padding:60px 0}@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#061728;padding:25px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-inner>.portal-btn{display:none}.hero-grid{grid-template-columns:1fr}.dashboard{transform:none}.feature-card{grid-template-columns:1fr 1fr}.steps,.cards,.pricing{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:55px}.hero h1{font-size:50px}.actions{flex-direction:column}.feature-card,.steps,.cards,.pricing,.stats{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #e7eef4}.feature:last-child{border:0}.section{padding:70px 0}.cta{padding:35px 25px}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:40px}}

/* V2 multi-page refinements */
.feature-card a.feature{color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;background:#fff}.feature-card a.feature:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(6,27,52,.10)}.feature span{display:inline-block;margin-top:10px;color:#079cf0;font-weight:700;font-size:13px}.home-intro .split{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.cards.compact{grid-template-columns:repeat(3,1fr);gap:18px}.cards.compact .card{display:block;text-decoration:none;color:inherit}.page-hero{overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:60px}.page-signal{position:relative;height:220px}.page-signal span{position:absolute;border:1px solid rgba(21,166,255,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.page-signal span:nth-child(1){width:210px;height:210px}.page-signal span:nth-child(2){width:145px;height:145px}.page-signal span:nth-child(3){width:80px;height:80px}.page-signal i{position:absolute;width:18px;height:18px;border-radius:50%;background:#12a8ff;box-shadow:0 0 35px #12a8ff;left:50%;top:50%;transform:translate(-50%,-50%)}.page-content-section{padding:72px 0 100px}.editor-content{max-width:1000px}.editor-content h2{font-size:clamp(30px,4vw,48px);margin:0 0 22px;color:#09213d}.editor-content h3{font-size:24px;margin:42px 0 12px;color:#0b2949}.editor-content p,.editor-content li{font-size:18px;line-height:1.75;color:#50647a}.editor-content a{color:#079cf0}.editor-content img{border-radius:20px}.editor-content .wp-block-columns{gap:28px}.editor-content .wp-block-group{border-radius:20px}.site-main .content{padding-top:0;padding-bottom:0}@media(max-width:900px){.home-intro .split,.page-hero-grid{grid-template-columns:1fr}.cards.compact{grid-template-columns:1fr}.page-signal{display:none}}
/* V3 multi-page extensions */
.page-hero{min-height:390px;background-color:#061a2e;background-position:center;background-size:cover;display:flex;align-items:center;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(0,166,255,.22),transparent 30%);pointer-events:none}.page-hero-grid{position:relative;z-index:1;width:100%;padding-top:55px;padding-bottom:55px}.page-hero h1{font-size:clamp(42px,6vw,72px);max-width:800px;margin:.15em 0}.page-hero .lead{max-width:720px;color:#d4e5f4;font-size:19px;line-height:1.65}.page-content-section{padding:75px 0 95px;background:#f7fbff}.editor-content{max-width:1120px}.editor-content>h2:first-child{font-size:38px}.editor-content h2,.editor-content h3{color:#082039}.editor-content h2{margin-top:45px}.editor-content h3{margin-top:28px}.editor-content p,.editor-content li{font-size:17px;line-height:1.75;color:#526579}.editor-content .wp-block-columns{gap:22px;margin:35px 0}.editor-content .wp-block-column{background:#fff;border:1px solid #e3edf5;border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(12,49,79,.06)}.editor-content details{background:#fff;border:1px solid #e0ebf4;border-radius:12px;padding:17px 20px;margin:10px 0}.editor-content summary{font-weight:700;color:#0a2740;cursor:pointer}.contact-layout{display:grid;grid-template-columns:.72fr 1.4fr;gap:28px;margin-top:50px}.contact-card,.form-card{background:#fff;border:1px solid #dfebf4;border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(12,49,79,.07)}.contact-card{background:linear-gradient(145deg,#071d32,#0b3151);color:#d8eafa}.contact-card h2{color:#fff}.contact-card a{color:#32b9ff}.wz-contact-form label{display:block;font-weight:700;color:#17344c;margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wz-contact-form input,.wz-contact-form select,.wz-contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbdbe7;border-radius:9px;background:#fbfdff;font:inherit;color:#17344c}.wz-contact-form textarea{resize:vertical}.privacy-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px}.privacy-check input{width:auto;margin-top:3px}.hp-field{position:absolute!important;left:-9999px!important}.form-message{padding:14px 16px;border-radius:10px;margin-bottom:18px}.form-message.success{background:#e9f9f1;color:#11623d}.form-message.error{background:#fff0f0;color:#9c2525}.shop-products{margin-top:45px}.hero-wlan-management{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.76) 58%,rgba(4,24,45,.3)),radial-gradient(circle at 78% 50%,#116b9d 0,#0a3454 25%,#061a2e 55%)}.hero-access-points{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.76) 60%,rgba(4,24,45,.2)),radial-gradient(circle at 82% 48%,#159ed9 0,#0c4a6d 18%,#061a2e 48%)}.hero-preise{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.78)),radial-gradient(circle at 80% 50%,#147db5,#061a2e 45%)}.hero-shop{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.74)),radial-gradient(circle at 82% 45%,#126f9f,#061a2e 48%)}.hero-support{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.72)),radial-gradient(circle at 82% 45%,#0b8dcc,#061a2e 48%)}.hero-ueber-uns{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.7)),radial-gradient(circle at 82% 45%,#1179ad,#061a2e 48%)}.hero-kontakt{background-image:linear-gradient(90deg,#04182d 0%,rgba(4,24,45,.7)),radial-gradient(circle at 82% 45%,#1688bd,#061a2e 48%)}
@media(max-width:820px){.contact-layout,.form-grid{grid-template-columns:1fr}.page-hero{min-height:330px}.page-content-section{padding:50px 0}.editor-content>h2:first-child{font-size:31px}}


/* === V5: Unterseiten sauber im gemeinsamen Seitenraster === */
:root{
  --wz-content-width: 1180px;
  --wz-gutter: clamp(22px, 4vw, 56px);
}
.container{
  width:min(var(--wz-content-width), calc(100% - (var(--wz-gutter) * 2)));
  max-width:var(--wz-content-width);
  margin-left:auto;
  margin-right:auto;
}
.site-header .container,
.page-hero .container,
.page-content-section .container,
.site-footer .container{
  width:min(var(--wz-content-width), calc(100% - (var(--wz-gutter) * 2)));
  max-width:var(--wz-content-width);
  margin-inline:auto;
}
.page-hero{
  min-height:360px;
  padding:72px 0 66px;
  display:flex;
  align-items:center;
  background-position:center;
  background-size:cover;
}
.page-hero-grid{
  min-height:0;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 720px) 1fr;
  gap:56px;
  align-items:center;
}
.page-hero h1{
  max-width:760px;
  margin:12px 0 18px;
  font-size:clamp(42px, 5vw, 68px);
  line-height:1.02;
}
.page-hero .lead{
  max-width:700px;
  margin:0;
  font-size:clamp(18px, 1.55vw, 22px);
  line-height:1.6;
}
.page-signal{
  justify-self:end;
  margin-right:18px;
}
.page-content-section{
  padding:72px 0 90px;
}
.page-content-section .content.editor-content{
  max-width:920px;
  margin:0;
}
.editor-content > :first-child{margin-top:0;}
.editor-content h2{
  font-size:clamp(30px,3vw,42px);
  line-height:1.15;
  margin:0 0 24px;
}
.editor-content h3{
  margin-top:42px;
}
@media (max-width:900px){
  .page-hero{min-height:300px;padding:58px 0;}
  .page-hero-grid{grid-template-columns:1fr;gap:24px;}
  .page-signal{display:none;}
  .page-content-section{padding:54px 0 70px;}
}
@media (max-width:600px){
  :root{--wz-gutter:20px;}
  .page-hero{min-height:260px;padding:46px 0;}
  .page-hero h1{font-size:clamp(36px,11vw,50px);}
}

/* V6 bundled visual system */
.home-hero,.hero{background-image:linear-gradient(90deg,rgba(3,18,35,.97),rgba(3,18,35,.58),rgba(3,18,35,.18)),url("assets/images/hero-home.svg");background-size:cover;background-position:center;}
.page-hero{background-repeat:no-repeat;background-size:cover;background-position:center;}
.editor-content .wp-block-columns{gap:24px;margin:38px 0;}
.editor-content .wp-block-column{background:#fff;border:1px solid #e1ebf2;border-radius:18px;padding:26px;box-shadow:0 14px 35px rgba(3,30,52,.06);}
.editor-content details{background:#fff;border:1px solid #dfeaf1;border-radius:12px;padding:16px 18px;margin:10px 0;}
.editor-content details summary{font-weight:700;cursor:pointer;}

body.consent-open{overflow:hidden}.wz-consent[hidden]{display:none!important}.wz-consent{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center;padding:24px}.wz-consent-backdrop{position:absolute;inset:0;background:rgba(1,12,23,.7);backdrop-filter:blur(5px)}.wz-consent-panel{position:relative;width:min(760px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.35);color:#08233b}.wz-consent-brand{font-size:13px;font-weight:900;letter-spacing:.14em;color:#079fe9;margin-bottom:14px}.wz-consent-panel h2{font-size:30px;margin:0 0 12px}.wz-consent-panel>p{color:#52697b;line-height:1.65}.wz-consent-settings{border-top:1px solid #e3edf3;margin-top:18px}.wz-consent-settings label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid #e3edf3}.wz-consent-settings label span{display:grid;gap:3px}.wz-consent-settings small{color:#64798a}.wz-consent-settings input{width:22px;height:22px;accent-color:#08a7f2}.wz-consent-links{display:flex;gap:18px;margin:16px 0}.wz-consent-links a{font-size:13px;color:#35576f;text-decoration:underline}.wz-consent-actions{display:flex;gap:10px;flex-wrap:wrap}.wz-consent-actions .btn{border:1px solid #cbdbe5;cursor:pointer}.consent-secondary,.consent-settings-btn{background:#fff;color:#0a2942}.wz-cookie-settings{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;opacity:.8;padding:0;margin:0 0 18px}@media(max-width:600px){.wz-consent{padding:12px}.wz-consent-panel{padding:22px}.wz-consent-panel h2{font-size:25px}.wz-consent-actions{display:grid}.wz-consent-actions .btn{width:100%}}

.wz-footer-legal{color:inherit;opacity:.8;text-decoration:underline}.hero-datenschutz .page-signal{opacity:.6}

.form-message{padding:16px 18px;border-radius:12px;margin:0 0 22px;font-weight:600}.form-message.success{background:#e9f9f2;border:1px solid #a9e5cb;color:#155f45}.form-message.error{background:#fff0f0;border:1px solid #efb8b8;color:#8b2525}.form-privacy-note{font-size:13px;color:#6b7f8d;margin:8px 0 20px}.wz-contact-form input:focus,.wz-contact-form textarea:focus,.wz-contact-form select:focus{outline:2px solid #13aee9;outline-offset:2px}

/* V17 local CAPTCHA */
.wz-captcha{margin:18px 0 14px;padding:16px 18px;border:1px solid #d9e6ee;border-radius:12px;background:#f7fbfd}.wz-captcha label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.wz-captcha label span{font-weight:700;color:#087ca7}.wz-captcha input[type="number"]{width:130px;max-width:100%;padding:11px 12px;border:1px solid #c9d9e2;border-radius:8px;background:#fff}