/*
Theme Name: Fiebig Premium IT
Theme URI: https://fiebig.net
Author: Fiebig IT Website
Description: Eigenständiges Premium-Firmentheme für IT Systemhaus Fiebig GmbH.
Version: 1.12.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fiebig-premium
*/
:root{--navy:#07152a;--navy2:#0d2445;--blue:#2c83ff;--light:#f3f7fc;--ink:#15283f;--muted:#64748b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #68b4ff;outline-offset:3px}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:#07152a;color:#fff;position:relative;z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.45rem;letter-spacing:.05em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:12px;color:white}.brand small{display:block;font-size:.59rem;letter-spacing:.17em;color:#9ccaff;font-weight:600;line-height:1.2}.menu{display:flex;align-items:center;gap:25px;list-style:none;padding:0;margin:0}.menu a:hover{color:#7cc7ff}.nav-toggle{display:none;background:transparent;border:1px solid #55708e;color:white;padding:9px 13px;border-radius:8px;cursor:pointer}.hero{background:radial-gradient(circle at 82% 40%,#164d86 0%,transparent 36%),linear-gradient(125deg,#061328,#0c2446 70%,#07152a);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:60px;align-items:center;min-height:610px;padding:80px 0}.eyebrow{text-transform:uppercase;color:#60b9ff;font-size:.76rem;font-weight:800;letter-spacing:.15em}.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.1;margin:18px 0 24px;letter-spacing:-.035em}.hero p{font-size:1.13rem;color:#c9d8ea;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-block;border-radius:8px;background:#2478ee;color:#fff;padding:13px 22px;font-weight:700;border:1px solid #2478ee;cursor:pointer}.btn:hover{background:#1261ce}.btn-outline{background:transparent;border-color:#7892b0}.btn-outline:hover{background:#16365a}.network-art{height:340px;position:relative;border:1px solid #37669c;border-radius:24px;background:linear-gradient(145deg,#132e52,#071529);box-shadow:0 25px 65px #020b1a80;display:flex;align-items:center;justify-content:center}.network-art:before{content:'';position:absolute;inset:22px;background:repeating-linear-gradient(0deg,transparent 0 31px,#24466b 32px 33px),repeating-linear-gradient(90deg,transparent 0 44px,#24466b 45px 46px);opacity:.5}.server{z-index:1;width:66%;display:grid;gap:12px}.server span{height:51px;background:linear-gradient(90deg,#122b4b,#214b7b);border:1px solid #44719c;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 17px}.server i{width:9px;height:9px;border-radius:50%;background:#39d9ac;box-shadow:0 0 12px #39d9ac}.server b{height:5px;width:55%;border-radius:4px;background:#6f9cbd;opacity:.6}.section{padding:86px 0}.section.alt{background:var(--light)}.section-head{max-width:720px;margin-bottom:35px}.section h2,.page-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.17;letter-spacing:-.025em;margin:12px 0}.lead{color:#5d7086;font-size:1.08rem}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #e2eaf4;border-radius:14px;padding:27px;box-shadow:0 10px 30px #142e4b08}.card-icon{width:48px;height:48px;display:grid;place-items:center;background:#e8f2ff;color:#1268db;border-radius:11px;font-size:1.3rem;font-weight:800}.card h3{font-size:1.07rem;line-height:1.3;margin:18px 0 8px}.card p{color:#63748a;font-size:.94rem;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-panel{background:#0c2444;color:white;border-radius:18px;padding:40px}.feature-panel li{margin:15px 0}.cta{background:linear-gradient(110deg,#0b2342,#124c8b);color:white;padding:60px 0}.cta h2{margin:0 0 10px;font-size:2.1rem}.cta p{color:#d6e5f4}.site-footer{background:#061226;color:#c4d4e7;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:35px}.site-footer h3{color:white}.site-footer a:hover{color:#75bbff}.footer-bottom{border-top:1px solid #29405b;margin-top:30px;padding-top:18px;font-size:.86rem}.page-hero{background:linear-gradient(120deg,#07152a,#143d6d);color:white;padding:75px 0}.page-content{padding:70px 0;min-height:320px}.page-content a{color:#1667d2;text-decoration:underline}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:45px}.field{display:block;margin-bottom:16px;font-weight:600}.field input,.field textarea{width:100%;border:1px solid #bfcddd;border-radius:8px;padding:12px;font:inherit;margin-top:6px}.field textarea{min-height:135px}.notice{padding:12px 15px;background:#e8f6ed;border-radius:8px}.notice.error{background:#fff0ed}.muted{color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px;padding:70px 0}.network-art{max-width:600px;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#07152a;padding:20px}.site-nav.open{display:block}.menu{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.cards,.footer-grid{grid-template-columns:1fr}.section{padding:62px 0}.network-art{height:260px}.hero-grid{min-height:unset}.brand{font-size:1.1rem}.brand-mark{width:38px;height:38px}}

/* LANCOM-Partnerschaft und Kundenreferenzen – v1.1 */
.partner-section{background:#f7faff}.partner-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.partner-emblem{background:linear-gradient(145deg,#08172d,#173f70);border:1px solid #a88739;box-shadow:0 16px 36px #08172d25;border-radius:20px;min-height:230px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;gap:10px}.partner-emblem span{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;letter-spacing:.08em}.partner-emblem strong{color:#eac77d;font-size:1.1rem;letter-spacing:.18em}.partner-emblem small{color:#c6d9ef}.references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:30px 0;padding:0}.reference-item{background:#fff;border:1px solid #dce6f1;border-radius:14px;min-height:112px;display:flex;align-items:center;gap:14px;padding:20px;font-weight:650;color:#142b48;box-shadow:0 8px 22px #0d244008}.reference-symbol{color:#287be7;font-size:1.2rem;flex:none}.references-more{text-align:center;margin-top:28px}.reference-footnote{color:#60758b;font-size:.88rem;margin-top:28px}@media(max-width:900px){.partner-layout{grid-template-columns:1fr}.references-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.references-grid{grid-template-columns:1fr}}

/* Offizielle bereitgestellte Logos – v1.2 */
.brand-logo{display:block;width:min(240px,35vw);height:auto;max-height:75px;object-fit:contain}.brand{display:flex;align-items:center}.partner-logo-panel{background:#fff;border:1px solid #e1e8f2;border-radius:18px;padding:22px;box-shadow:0 16px 36px #08172d15}.partner-logo-panel img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:600px){.brand-logo{width:170px;max-height:60px}.partner-logo-panel{padding:12px}}

/* Premium-Redesign v1.3 */
:root{--navy:#06162d;--blue:#2485ee;--ink:#10263f}body{font-size:16px;line-height:1.72}.container{width:min(1200px,calc(100% - 48px))}.site-header{background:#07172e;border-bottom:1px solid #244265}.nav-inner{min-height:100px}.brand{background:#fff;border-radius:10px;padding:8px 13px;box-shadow:0 8px 24px #0002}.brand-logo{width:230px;max-height:78px;object-fit:contain}.menu a{font-size:1rem;font-weight:600}.hero{background:radial-gradient(circle at 82% 42%,#20568c 0%,transparent 46%),linear-gradient(120deg,#06152b,#0b2c53)}.hero-grid{grid-template-columns:1.05fr .95fr;gap:58px;min-height:620px;padding:85px 0}.hero h1{font-size:clamp(2.7rem,4.5vw,4.5rem);line-height:1.12;max-width:680px}.hero p{font-size:1.14rem}.hero-photo-wrap{position:relative;overflow:hidden;aspect-ratio:1.2;border-radius:24px;box-shadow:0 28px 70px #0008;border:1px solid #5c89b8;background:linear-gradient(135deg,#1b436e,#07152a)}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08)}.hero-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#06152bdc)}.photo-caption{position:absolute;z-index:1;bottom:22px;left:26px;color:white;font-weight:700;letter-spacing:.03em}.section{padding:95px 0}.section h2{font-size:clamp(2rem,3.2vw,3.1rem)}.lead{font-size:1.15rem;color:#536b85}.partner-section{background:#f3f7fc}.partner-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.partner-layout>div:first-child{max-width:550px}.partner-layout h2{max-width:none}.partner-logo-panel{padding:34px;border-radius:22px;box-shadow:0 20px 48px #102d4d18}.partner-logo-panel img{width:100%;max-height:330px;object-fit:contain}.card{border-radius:18px;padding:30px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #142e4b18}.reference-item{border-radius:16px;min-height:120px;font-size:1rem}.btn{padding:14px 23px;border-radius:10px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.hero-grid,.partner-layout{grid-template-columns:1fr}.hero-grid{min-height:unset;gap:36px}.hero-photo-wrap{max-width:690px;aspect-ratio:1.6}.partner-layout{gap:30px}.site-nav{top:100px}.brand-logo{width:190px}}@media(max-width:560px){.container{width:min(100% - 32px,1200px)}.nav-inner{min-height:86px}.site-nav{top:86px}.brand{padding:6px}.brand-logo{width:155px}.hero-grid{padding:62px 0}.hero h1{font-size:clamp(2.4rem,9vw,3.2rem)}.hero-photo-wrap{aspect-ratio:1.15}.section{padding:68px 0}.partner-logo-panel{padding:16px}}

/* v1.4: dark-background company logo integrated into header */
.site-header{background:#06172f;}
.site-header .nav-inner{min-height:100px;}
.site-header .brand{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;flex-shrink:0;}
.site-header .brand-logo{display:block;width:clamp(220px,30vw,360px);max-height:none;height:auto;object-fit:contain;mix-blend-mode:screen;}
@media(max-width:900px){.site-header .brand-logo{width:250px}}
@media(max-width:560px){.site-header .nav-inner{min-height:82px}.site-header .brand-logo{width:min(225px,65vw)}}

/* v1.5: Cyber Security and local network cabinet artwork */
.cyber-card{border:1px solid #91baf0;background:linear-gradient(145deg,#eaf3ff,#fff)}.cyber-card .card-icon{background:#0d3765;color:#fff}.card-link{display:inline-block;margin-top:16px;color:#125cba;font-weight:700;text-decoration:underline;text-underline-offset:3px}.hero-photo{object-position:center center}

/* v1.6 partner banner in site header */
.site-header .brand-logo{width:clamp(300px,38vw,510px);max-height:110px;mix-blend-mode:normal}
.site-header .nav-inner{min-height:116px;gap:16px}
.site-header .menu{gap:15px}
.site-header .menu a{font-size:.9rem}
@media(max-width:1100px){.site-header .brand-logo{width:330px}.site-header .nav-inner{min-height:100px}}
@media(max-width:900px){.site-header .brand-logo{width:min(440px,70vw)}.site-header .nav-inner{min-height:94px}.site-nav{top:94px}}
@media(max-width:560px){.site-header .brand-logo{width:min(290px,72vw)}.site-header .nav-inner{min-height:82px}.site-nav{top:82px}}

/* v1.7 Datenrettung */
.recovery-card{border-color:#b4cdeb;background:linear-gradient(155deg,#f0f7ff,#fff)}.recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.recovery-notice{background:#eff6ff;border-left:4px solid #2478ee;padding:22px 26px;border-radius:10px;margin:36px 0}.recovery-notice h2{margin-top:0}.recovery-phone{display:inline-block;margin-left:18px;color:#1261ce;font-weight:700}@media(max-width:760px){.recovery-grid{grid-template-columns:1fr}.recovery-phone{margin:18px 0 0}}

/* A10 Center reference card */
.references-grid .reference-item-logo {display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;min-height:170px;}
.reference-logo-link {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#102c4d;text-decoration:none;width:100%;}
.reference-logo-link:hover {color:#1269c7;}
.reference-logo {display:block;max-width:min(100%,270px);height:auto;max-height:95px;object-fit:contain;}
.reference-logo-link span {font-weight:700;}

/* Autohaus Dietz Referenzlogo – v1.9 */
.reference-item-dietz .reference-logo-link{display:flex;align-items:center;gap:14px;width:100%;flex-wrap:wrap}.reference-logo-dietz{width:102px;height:80px;object-fit:contain;border-radius:5px;flex:none}.reference-item-dietz .reference-logo-link span{flex:1;min-width:115px}