/*
Theme Name: EMV Onepage
Template: emv-original
Description: Moderne Onepage für das EMV Büro Verden mit Original-Logo und neuem konzeptionellem IT-Titelmotiv.
Version: 1.0.0
Author: EMV Büro Verden
License: GPL-2.0-or-later
Text Domain: emv-onepage
*/
@font-face{font-family:EMV;src:url(../emv-original/assets/font.woff) format('woff');font-style:normal;font-weight:300;font-display:swap}
:root{--navy:#071b2b;--ink:#102c3c;--muted:#506674;--teal:#20d9c4;--line:#dce5e9;--paper:#f4f7f8;--header:98px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #009d91;outline-offset:5px}img{max-width:100%;height:auto;display:block}svg{width:24px;height:24px;flex:none}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em;line-height:1.08;font-weight:650}h1{font-size:clamp(44px,5.3vw,76px)}h2{font-size:clamp(34px,3.8vw,52px)}h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:600}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.section{padding:100px 0;scroll-margin-top:20px}.site-header{background:rgba(7,27,43,.97);color:white;position:sticky;top:0;z-index:100;border-bottom:1px solid #ffffff14}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:40px}.logo img{width:112px;height:68px;object-fit:contain}#mainnav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500}#mainnav>a:not(.nav-contact){color:#d3dee4}#mainnav a[aria-current=location]{color:var(--teal)}.nav-contact{display:inline-flex;gap:18px;align-items:center;border:1px solid #ffffff3b;padding:11px 18px;border-radius:5px}.nav-contact svg{width:18px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:#03131f;color:white;overflow:hidden;min-height:690px}.hero-art{position:absolute;width:79%;height:100%;right:0;top:0;object-fit:cover;object-position:70% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041521 4%,#041521ed 30%,#04152165 64%,#04152108 100%);z-index:-2}.hero-content{padding-block:78px 80px;position:relative}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.16em;font-weight:700;color:#397381;margin-bottom:23px}.eyebrow.light{color:#a2cbc9}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:9px;box-shadow:0 0 15px #20d9c480}.hero h1{max-width:710px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy{font-size:18px;color:#c2d0da;line-height:1.75;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:5px;padding:15px 21px;font-size:14px;font-weight:650;transition:background .15s,transform .15s}.button:hover{text-decoration:none;transform:translateY(-2px)}.primary{background:var(--teal);color:#06292b}.primary:hover{background:#65e8d9}.button svg{width:19px}.text-link{font-size:12px;color:#d9e5ea}.hero-proof{display:flex;gap:40px;margin-top:48px;font-size:11px;color:#9fb4c2}.hero-proof>span{display:flex;flex-direction:column;gap:3px}.hero-proof strong{font-size:16px;letter-spacing:.01em;color:white;font-weight:550}.hero-bottom{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:30px;padding:18px 0;color:#a7bbc6;font-size:10px;letter-spacing:.11em}.hero-bottom a{letter-spacing:0;font-size:11px}.intro-strip{padding:26px 0;border-bottom:1px solid var(--line);font-size:13px}.intro-strip .container{display:flex;justify-content:space-between;gap:25px;align-items:center}.intro-strip span{color:var(--muted)}.intro-strip strong{font-weight:600}.section-head{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:48px}.section-head>div{flex:1}.section-head>p{width:360px;color:var(--muted);font-size:15px;padding-bottom:2px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:8px;overflow:hidden}.service-card{padding:30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.service-card:hover{background:#f5fbfb}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.service-icon{width:48px;height:48px;display:grid;place-items:center;background:#eaf7f5;color:#087a77;border-radius:10px}.card-number{font-size:11px;color:#8fa4b1}.service-card h3{font-size:21px;margin-bottom:14px}.service-card p{color:var(--muted);font-size:14px;margin-bottom:28px;flex:1}.service-card>a{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.service-card>a>span{display:flex;align-items:center;line-height:1}.service-card>a svg{display:block;height:19px}.service-card>a svg{width:19px}.approach{background:var(--paper)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.section-copy{color:var(--muted);max-width:400px;margin-top:24px;margin-bottom:28px;font-size:15px}.dark{background:var(--navy);color:white}.dark:hover{background:#18516a}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:26px;border-bottom:1px solid #d4e0e5;padding:25px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{font-size:12px;font-weight:600;color:#21867e;padding-top:5px}.steps h3{font-size:22px;margin-bottom:8px}.steps p{font-size:14px;color:var(--muted)}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.company-visual{position:relative;padding:24px 24px 0 0}.company-visual:before{content:'';position:absolute;inset:0 0 45px 25px;background:#e2f4f0;border-radius:6px;z-index:-1}.company-visual>img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:6px}.location-note{display:flex;gap:15px;align-items:center;padding:23px 5px;color:var(--muted);font-size:12px}.location-note svg{color:#168f84}.location-note strong{color:var(--ink);font-size:14px;font-weight:600}.company-copy>p:not(.eyebrow){margin-top:23px;color:var(--muted);font-size:15px}.inline-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:600;margin-top:26px}.inline-link svg{width:20px}.service-section{background:var(--navy);color:white}.service-section .section-head>p{color:#b7c7d0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.support-grid article{border-top:1px solid #ffffff35;padding-top:30px}.support-icon{display:block;color:var(--teal);margin-bottom:22px}.support-icon svg{width:30px;height:30px}.support-grid h3{font-size:22px}.support-grid p{color:#b3c7d3;font-size:14px;margin:16px 0 25px}.support-grid a{font-size:13px;color:#62e3d4}.support-grid small{display:block;margin-top:12px;color:#97adbb;font-size:11px}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;border-top:1px solid var(--line);padding-top:45px}.contact-phone{display:flex;gap:25px;align-items:center;font-size:clamp(28px,3.5vw,48px);font-weight:550;letter-spacing:-.035em}.contact-phone svg{width:32px;height:32px;transform:rotate(-35deg);color:#087e78}.contact-email{display:inline-block;margin-top:10px;color:#167d78;font-size:19px}.contact-address{display:flex;gap:17px;margin-top:40px;font-size:13px;line-height:1.8;color:var(--muted)}.contact-address strong{color:var(--ink);font-weight:550}.contact-address svg{color:#167d78}.contact-address a{display:inline-block;color:#167d78;margin-top:10px}.hours{background:var(--paper);padding:30px;border-radius:8px}.hours h3{font-size:21px}.hours dl{margin:20px 0 0}.hours dl>div{padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.hours dt{font-size:12px;color:var(--muted);margin-bottom:5px}.hours dd{font-size:14px;margin:0}.site-footer{background:#041320;color:#a4bac7;padding-top:50px;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:40px}.footer-brand{color:#fff;font-size:24px;font-weight:700;letter-spacing:.03em}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#94aebf;margin-top:5px}.footer-top>a:last-child{color:#6bdcce}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:23px 0;border-top:1px solid #ffffff20;font-size:10px}.footer-bottom>div{display:flex;gap:22px}.reading-width{max-width:900px}.content{overflow-wrap:anywhere}.content h1,.content h2,.content h3{margin:32px 0 18px}.content p,.content ul{margin:20px 0}.content a{color:#007c77;text-decoration:underline}.content table{max-width:100%;border-collapse:collapse}.content td{padding:7px}.content img{max-width:100%;height:auto}.content:after{content:'';display:table;clear:both}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;padding:10px;background:white;color:var(--navy);z-index:1000}
@media(min-width:1500px){.hero-art{width:72%}.hero-content{padding-top:100px;padding-bottom:90px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero h1{font-size:58px}.hero-art{width:100%;opacity:.75}.hero-shade{background:linear-gradient(90deg,#041521f5,#041521ad 55%,#04152138)}.section{padding:75px 0}.section-head{gap:35px}.section-head>p{width:320px}.service-card{padding:24px}.service-card h3{font-size:19px}.approach-grid{gap:60px}.company-grid{gap:40px}.contact-grid{gap:40px}.hero-actions{gap:20px}#mainnav{gap:22px}}
@media(max-width:720px){html{scroll-padding-top:95px}.admin-bar .site-header{top:46px}.header-inner{min-height:78px}.logo img{width:90px;height:55px}.menu-toggle{display:flex;gap:15px;align-items:center;border:1px solid #ffffff40;background:transparent;color:white;border-radius:4px;padding:9px 12px;font:inherit;font-size:12px}#mainnav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px;background:var(--navy);border-top:1px solid #ffffff20;box-shadow:0 10px 20px #0003;align-items:stretch}#mainnav.is-open{display:flex;flex-direction:column}#mainnav>a{padding:8px 0}.nav-contact{padding:10px 15px!important;justify-content:space-between}.hero{min-height:680px}.hero-content{padding-top:58px;padding-bottom:50px}.hero h1{font-size:clamp(42px,7.7vw,56px)}.hero-art{width:140%;max-width:none;height:100%;opacity:.55;object-position:70% center}.hero-shade{background:linear-gradient(90deg,#041521f5,#041521b0 85%)}.hero-copy{font-size:15px;max-width:340px}.hero-copy br{display:none}.hero-proof{gap:28px;margin-top:38px}.hero-proof strong{font-size:14px}.hero-proof>span{max-width:150px}.hero-bottom{font-size:8px;gap:10px}.hero-bottom a{font-size:10px;white-space:nowrap}.intro-strip{padding:22px 0}.intro-strip .container{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}.section{padding:60px 0}h2{font-size:36px}.section-head{display:block;margin-bottom:32px}.section-head>p{width:auto;margin-top:24px;font-size:14px;max-width:450px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:23px 19px}.card-top{margin-bottom:25px}.service-card h3{font-size:19px}.service-card p{font-size:13px}.approach-grid,.company-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.approach-grid .section-copy{max-width:none}.steps li{padding:23px 0}.company-copy{order:-1}.company-visual{max-width:500px}.company-visual>img{aspect-ratio:1.65}.support-grid{grid-template-columns:1fr;gap:30px}.support-grid article{position:relative;padding-left:58px;padding-top:24px}.support-icon{position:absolute;left:0;top:25px}.support-grid p{margin:12px 0 18px}.contact-phone{font-size:36px}.contact-email{font-size:18px}.hours{padding:25px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:11px}.footer-top>a:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom>div{gap:20px}.content table{display:block;overflow-x:auto}}
@media(max-width:420px){.container{width:calc(100% - 36px)}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{gap:18px}.hero-proof strong{font-size:13px}.hero-bottom>span{max-width:180px}.service-grid{grid-template-columns:1fr}.service-card{padding:26px}.card-top{margin-bottom:22px}.service-card p{font-size:14px}.hero-bottom{padding-block:15px}.eyebrow{font-size:10px}.contact-phone{font-size:32px}.footer-brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Mobile Textumbruch */
@media(max-width:720px){.hero-copy br{display:initial}}
/* Direkte, verlässliche Abschnittsnavigation */
html{scroll-behavior:auto}

/* Vier Leistungen als ausgewogenes Raster */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-card{padding:32px}
@media(max-width:720px){.service-card{padding:25px}}
@media(max-width:520px){.service-grid{grid-template-columns:minmax(0,1fr)}}

/* TeamViewer-Direktzugriff in der Kopfleiste */
.header-inner{gap:24px}.header-inner #mainnav{margin-left:auto;gap:24px}.header-teamviewer{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;font-weight:600;color:#d8fcf6;border:1px solid #20d9c45c;border-radius:5px;padding:10px 13px;background:#20d9c40c}.header-teamviewer svg{width:25px;height:25px;color:#087be6}.header-teamviewer:hover{background:#20d9c41f;text-decoration:none}
@media(max-width:720px){.header-inner{gap:12px}.header-teamviewer{order:2;margin-left:auto;font-size:11px;padding:8px;gap:6px}.header-teamviewer svg{width:22px;height:22px}.menu-toggle{order:3}.header-inner #mainnav{margin-left:0}}
@media(max-width:360px){.header-teamviewer span{display:none}.header-teamviewer{padding:8px}.header-teamviewer:after{content:"Fernwartung";font-size:10px}}

/* Kopfleiste: Schrift um 2 Pixel vergrößert */
#mainnav{font-size:16px}.header-teamviewer{font-size:15px}
@media(max-width:720px){.menu-toggle{font-size:14px}.header-teamviewer{font-size:13px}}
@media(max-width:360px){.header-teamviewer:after{font-size:12px}}

/* Logo in doppelter Größe */
.logo{flex-shrink:0}.logo img{width:224px;height:136px;max-width:none}.header-inner{min-height:160px}html{scroll-padding-top:185px}
@media(min-width:721px) and (max-width:1000px){.header-inner{flex-wrap:wrap;padding-block:10px;gap:10px 24px}.header-inner #mainnav{order:3;width:100%;justify-content:center;padding-bottom:10px}.header-teamviewer{margin-left:auto}}
@media(max-width:720px){.header-inner{flex-wrap:wrap;padding-block:10px;gap:10px}.logo{flex-basis:100%}.logo img{width:180px;height:110px}.header-teamviewer{margin-left:0}.menu-toggle{margin-left:auto}html{scroll-padding-top:240px}}

/* Fassadenfoto vollständig und ohne unscharfe Hochskalierung */
.company-visual>img{width:100%;max-width:400px;height:auto;aspect-ratio:auto;object-fit:contain;margin-inline:auto}

/* Wiederhergestellte Anpassungen vom 28.10.2026 */
.service-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;align-items:center}.service-photos img{width:100%;height:100px;object-fit:contain;border-radius:4px}.edv-service-photo{width:100%;max-width:431px;height:auto;margin-top:20px;border-radius:6px}
.teamviewer-icon{position:relative;display:inline-block;width:25px;height:25px;overflow:hidden;border-radius:2px;flex:none}.teamviewer-icon img{position:absolute;width:27.44px;height:27.6px;max-width:none;left:-1.39px;top:-1.22px}
.hero .eyebrow{font-size:21px}#unternehmen .eyebrow{font-size:15px}
#mainnav{font-size:18px}.hero-copy{font-size:20px}.text-link{font-size:14px}.hero-proof{font-size:15px}.hero-bottom{font-size:12px}.hero-bottom a{font-size:13px}.intro-strip span{font-size:15px}.section-head>p{font-size:17px}.service-card p,.steps p,.support-grid p{font-size:16px}.section-copy,.company-copy>p:not(.eyebrow){font-size:17px}.location-note>span{font-size:14px}.company-copy .inline-link{font-size:17px}.support-grid a{font-size:19px}.support-grid small{font-size:13px}.contact-phone{font-size:54px}.contact-email{font-size:25px}.contact-address p,.contact-address a{font-size:19px}.contact-address strong{font-size:17px}.hours dt{font-size:18px}.hours dd{font-size:20px}#kontakt .section-head>p{font-size:19px}.site-footer{font-size:14px}.footer-brand span{font-size:13px}.footer-bottom{font-size:12px}
@media(max-width:720px){.hero-copy{font-size:17px}.hero-bottom{font-size:10px}.hero-bottom a{font-size:12px}.intro-strip span{font-size:14px}.section-head>p{font-size:16px}.service-card p{font-size:15px}.contact-phone{font-size:40px}.contact-email{font-size:24px}.footer-top{font-size:13px}}
@media(max-width:420px){.hero .eyebrow{font-size:20px}#unternehmen .eyebrow{font-size:14px}.service-card p{font-size:16px}.contact-phone{font-size:36px}}

/* Markierte Systemhaus-Zeile um 2 px vergrößert */
.hero-bottom>span{font-size:14px}
@media(max-width:720px){.hero-bottom>span{font-size:12px}}

/* Dezente Aktivitätsanzeigen auf dem Servermotiv */
.server-led-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.server-led{position:absolute;width:5px;height:5px;border-radius:50%;background:#d4fff9;box-shadow:0 0 7px 2px #28e6e5,0 0 14px 3px #28e6e580;opacity:.15;transform:translate(-50%,-50%);animation:emv-led-pulse var(--led-duration,4s) linear var(--led-delay,0s) infinite}
@keyframes emv-led-pulse{0%,18%,31%,57%,76%,100%{opacity:.2}22%,26%{opacity:1}61%,67%{opacity:.85}82%,86%{opacity:1}}
@media(prefers-reduced-motion:reduce){.server-led{animation:none;opacity:.25}}

/* Sanfte Lichtimpulse entlang der Datenleitungen */
.server-led-layer .server-data-lines{position:absolute;max-width:none;overflow:visible;pointer-events:none}.server-data-lines path{fill:none;stroke:#b5fff6;stroke-width:4;stroke-linecap:round;stroke-dasharray:.01 120;opacity:.55;filter:drop-shadow(0 0 4px #25e5e5);animation:emv-data-flow 5s linear infinite}.server-data-lines path:nth-child(2){animation-duration:6.7s;animation-delay:-2s}.server-data-lines path:nth-child(3){animation-duration:5.8s;animation-delay:-3s}
@keyframes emv-data-flow{to{stroke-dashoffset:-240.02}}
@media(prefers-reduced-motion:reduce){.server-data-lines path{animation:none;opacity:.18;stroke-dasharray:none}}

/* Gut lesbare Hauptüberschriften auf den Inhaltsseiten. */
.subpage .content>h1{font-size:clamp(32px,4.2vw,52px);line-height:1.15;margin:0 0 32px}