/*
Theme Name: Tele-Link
Author: Design Punt
Version: 1.1.3
Description: Zelfstandig one-page thema voor Tele-Link, zonder Elementor.
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: tele-link
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172d40;--muted:#657784;--blue:#6aafcf;--orange:#de6138;--pale:#f0f6f8;--line:#dfe8ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(45px,5.2vw,76px);font-weight:800}h2{font-size:clamp(32px,3.6vw,48px)}h3{font-size:25px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{background:var(--ink);color:#fff;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.topbar span{opacity:.75}.header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:94px}.logo{width:143px}.links{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:500}.links a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;border-radius:7px;font-weight:600;font-size:14px;background:var(--orange);color:#fff;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#c84e28;transform:translateY(-2px)}.button.light{background:#fff;color:var(--ink);border-color:var(--line)}.button.light:hover{background:var(--pale)}.mobile{display:none}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#5283a0;display:flex;gap:10px;align-items:center;margin-bottom:22px}.eyebrow:before{content:'';height:6px;width:6px;background:var(--orange);border-radius:50%}.hero{background:linear-gradient(115deg,#f5f8fa 40%,#e8f3f8);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:650px;padding-top:62px;padding-bottom:66px}.hero h1 span{color:#629ebc}.hero-copy>p{font-size:17px;max-width:480px;margin:27px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.trust{margin-top:30px;font-size:12px;color:var(--muted);display:flex;gap:22px}.trust span:before{content:'✓';color:#5489a3;margin-right:7px}.visual{position:relative;height:490px;display:grid;place-items:center}.orbit{position:absolute;width:450px;height:450px;border:1px solid #a9d1e455;border-radius:50%}.orbit:before{content:'';position:absolute;inset:35px;border:1px solid #a9d1e455;border-radius:50%}.orbit:after{content:'';position:absolute;inset:70px;background:radial-gradient(circle,#c8e4ee,transparent 70%);border-radius:50%}.device-ground{position:absolute;bottom:10px;left:15%;width:75%;height:45px;background:#7493a530;filter:blur(20px);border-radius:50%}.phone{position:absolute;border:5px solid #24333e;border-radius:34px;width:176px;height:351px;background:#111;box-shadow:14px 25px 35px #23445e30;overflow:hidden}.phone.back{transform:rotate(-15deg);left:55px;top:65px;background:linear-gradient(140deg,#d5e3e9,#8fabb9);border:3px solid #abc0cb}.camera{position:absolute;top:17px;left:15px;background:#acc0cc;border-radius:20px;width:79px;height:87px;box-shadow:inset 1px 1px 3px #fff7}.camera i{position:absolute;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle,#142535 20%,#34536a 28%,#0e1b26 45%,#5d7584 53%,#263e50 62%);border:2px solid #708995}.camera i:nth-child(1){top:9px;left:8px}.camera i:nth-child(2){top:46px;left:8px}.camera i:nth-child(3){top:28px;left:43px}.phone.front{top:45px;left:200px;transform:rotate(10deg);background:radial-gradient(ellipse at 0% 70%,#e5f8fc,transparent 60%),radial-gradient(ellipse at 100% 15%,#81bed8,transparent 60%),linear-gradient(155deg,#2d536e,#9bcce0 60%,#d0e8f2)}.phone.front:before{content:'';position:absolute;top:9px;left:53px;width:60px;height:16px;border-radius:20px;background:#15232f}.screen-time{text-align:center;font:500 43px/1 Manrope,sans-serif;letter-spacing:-3px;color:#f8fcff;margin-top:64px}.screen-date{font-size:10px;text-align:center;color:#eaf6fc;margin-top:12px}.visual-label{position:absolute;bottom:30px;right:0;padding:17px 21px;background:#fff;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 45px #1730470d;display:flex;align-items:center;gap:14px}.visual-label b{display:block;font-size:13px}.visual-label small{color:var(--muted);font-size:11px}.mini-icon{width:35px;height:35px;background:#edf5f8;color:#5d95b0;border-radius:50%;display:grid;place-items:center}.brand-strip{border-bottom:1px solid var(--line)}.brands{padding:26px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;color:#8c9ca6;font:700 25px Manrope,Arial}.brands small{font:11px/1.5 'DM Sans',Arial;max-width:90px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}section.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head h2{max-width:580px}.section-head p{max-width:330px;font-size:14px}.catalogue{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.category{border:1px solid var(--line);border-radius:15px;padding:30px;min-height:330px;position:relative;overflow:hidden;background:#f4f7f8;display:flex;flex-direction:column;align-items:start}.category:first-child{background:#eaf3f7}.category small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#61869b}.category h3{margin-top:8px;font-size:25px;position:relative;z-index:1}.category p{font-size:13px;max-width:200px;margin-top:10px;position:relative;z-index:1}.category .category-link{margin-top:auto;font-size:13px;font-weight:600;border-bottom:1px solid #a9bac3;z-index:2}.category:hover{border-color:#9fc3d5}.category svg{position:absolute;bottom:30px;right:16px;width:125px;height:150px;color:#7199ae;opacity:.6}.category:first-child svg{width:180px;height:190px;right:5px}.about{background:#172d40;color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about .eyebrow{color:#9ac9df}.about h2{font-size:clamp(35px,4vw,53px);margin-bottom:26px}.about p{color:#b5c7d2;font-size:15px;margin-bottom:20px}.about .button{margin-top:13px}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.fact{padding:30px 0;border-bottom:1px solid #ffffff21}.fact .num{font:500 42px/1 Manrope,Arial;color:#c7e3f0;letter-spacing:-2px}.fact h3{font-size:16px;letter-spacing:-.01em;margin:14px 0 7px}.fact p{font-size:13px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service{border-top:1px solid var(--line);padding-top:25px}.service .number{font:500 12px Manrope;color:var(--orange);margin-bottom:25px}.service h3{font-size:21px;margin-bottom:15px}.service p{font-size:14px}.contact-panel{background:#eff5f8;border-radius:20px;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact-panel h2{margin-bottom:20px}.contact-panel p{font-size:15px}.contact-links{display:grid;gap:15px;margin-top:30px}.contact-links a{font-size:19px;font-weight:600;letter-spacing:-.02em}.contact-links small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.05em}.contact-card{background:white;border-radius:12px;padding:30px;align-self:center}.contact-card h3{font-size:22px;margin-bottom:12px}.contact-card p{font-size:14px;margin-bottom:22px}.footer{padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p{font-size:13px;max-width:290px;margin-top:15px}.footer h3{font:600 13px 'DM Sans';letter-spacing:0;margin-bottom:15px}.footer nav{display:grid;gap:8px;font-size:13px;color:var(--muted)}.copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;z-index:99;background:#fff;padding:10px}:focus-visible{outline:3px solid #5192b5;outline-offset:5px}.preview-note{font-size:11px;color:#84949f;margin-top:12px}
@media(max-width:1000px){.hero-grid{gap:0}.visual{transform:scale(.85);transform-origin:center}.catalogue{grid-template-columns:1fr 1fr}.category:first-child{grid-column:1/-1;min-height:280px}.about-grid{gap:40px}.links{gap:22px}.contact-panel{gap:35px;padding:35px}.hero h1{font-size:55px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.topbar .wrap>span{display:none}.nav{min-height:78px;gap:12px}.logo{width:112px}.links{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:24px;border-bottom:1px solid var(--line)}.links.open{display:grid;gap:20px}.mobile{display:block;border:1px solid var(--line);border-radius:6px;background:white;padding:7px 12px;font-size:20px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px;min-height:0}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.visual{height:390px;transform:scale(.8);margin:-15px -25px -35px}.visual .phone.back{left:calc(50% - 150px)}.visual .phone.front{left:calc(50% - 5px)}.visual-label{right:0;bottom:10px}.brands{gap:22px;flex-wrap:wrap;justify-content:center;font-size:21px}.brands small{max-width:none;width:100%;text-align:center}.section-head{display:block}.section-head p{margin-top:20px}.section-head h2{font-size:35px}section.section{padding:65px 0}.catalogue{grid-template-columns:1fr}.category:first-child{grid-column:auto}.category{min-height:280px}.about-grid{grid-template-columns:1fr;gap:25px}.about-facts{gap:0 20px}.services{grid-template-columns:1fr;gap:30px}.service .number{margin-bottom:15px}.contact-panel{grid-template-columns:1fr;padding:28px;gap:30px;border-radius:14px}.contact-panel h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:8px}.trust{gap:14px;font-size:11px}.actions .button{padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brands img{width:110px;height:60px;object-fit:contain}.brands{flex-wrap:wrap}.original-image{width:100%;border-radius:15px;object-fit:cover}.hero-grid{grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(40px,4.7vw,66px)}@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.hero-image{margin-top:30px}.brands img{width:80px;height:45px}}
/* Verfijnde one-page vormgeving, met originele inhoud. */
body{background:#fbfcfd}.header{border-bottom:1px solid #e6edf1}.nav{min-height:100px}.logo{width:152px}.hero{position:relative;background:radial-gradient(ellipse at 80% 30%,#cae3ef99,transparent 55%),linear-gradient(115deg,#f4f8fa,#edf4f7)}
.hero-grid{min-height:680px;gap:65px;padding-top:75px;padding-bottom:75px}.hero-copy h1{max-width:650px;letter-spacing:-.055em}.hero-copy>p{font-size:18px;line-height:1.8}.hero-image{position:relative;padding:18px 0 18px 18px}.hero-image:before{content:'';position:absolute;inset:0 20px 0 0;border:1px solid #9fc7dc77;border-radius:100px 20px 100px 20px;transform:rotate(-5deg)}.hero-image img{position:relative;border-radius:90px 18px 90px 18px;min-height:350px;object-fit:cover;box-shadow:0 25px 60px #345d781a}
.button{border-radius:6px;padding:16px 27px;box-shadow:0 5px 15px #de613818}.brand-strip{background:#fff}.brands{padding:32px 0;gap:35px}.brands img{width:125px;height:65px;object-fit:contain;opacity:.85}.section-head{margin-bottom:50px}.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:benefit}.service{counter-increment:benefit;border:0;border-left:1px solid #dce6ec;padding:7px 0 7px 22px}.service:before{content:'0' counter(benefit);display:block;color:#de6138;font:500 12px Manrope,Arial;margin-bottom:25px}.service h3{font-size:20px;line-height:1.4;margin-bottom:18px;letter-spacing:-.025em}.service p{font-size:14px;line-height:1.85}.about{background:linear-gradient(120deg,#162c3f,#254e68);position:relative;overflow:hidden}.about:after{content:'';position:absolute;right:-100px;top:-160px;width:520px;height:520px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.about h2{max-width:950px;font-size:clamp(30px,3.4vw,47px);line-height:1.25}.about span{border:1px solid #ffffff30;border-radius:30px;padding:8px 22px;font-size:13px;color:#d8e8f0}.about-grid{gap:80px}.about-grid>img{height:440px;border-radius:16px 80px 16px 16px;object-fit:cover;box-shadow:0 20px 50px #26455e12}.about-grid h2{line-height:1.18}.about-grid p{line-height:1.9}.about-detail{background:#edf4f7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-grid h2{font-size:39px;max-width:450px}.detail-grid p+p{margin-top:24px}.contact-panel{margin-top:90px;margin-bottom:40px;background:#172d40;color:white;padding:65px;border-radius:18px;gap:50px}.contact-links a{font-size:clamp(18px,2vw,25px)}.contact-links a:hover{color:#9fcfe4}.contact-card{background:#ffffff0a;border:1px solid #ffffff20;padding:35px}.footer{background:white}.copyright a:hover,.footer nav a:hover{color:var(--orange)}
@media(max-width:1000px){.services{grid-template-columns:1fr 1fr;gap:35px}.hero-grid{gap:30px}.hero-copy>p{font-size:16px}.about-grid,.detail-grid{gap:40px}.contact-panel{padding:40px}}
@media(max-width:700px){.nav{min-height:80px}.links{top:80px}.logo{width:120px}.hero-grid{min-height:0;gap:30px;padding-top:50px;padding-bottom:45px}.hero-image{margin:0;padding:10px 0 10px 10px}.hero-image img{min-height:0;max-height:340px;width:100%;border-radius:65px 14px 65px 14px}.hero-image:before{border-radius:65px 14px 65px 14px}.brands{gap:18px;padding:25px 0}.brands img{width:80px;height:45px}.services{grid-template-columns:1fr;gap:30px}.service{padding-left:20px}.service:before{margin-bottom:10px}.about-grid{gap:35px}.about-grid>img{height:300px;border-radius:14px 60px 14px 14px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid h2{font-size:32px}.contact-panel{margin-top:55px;padding:28px;gap:30px}.contact-card{padding:22px}.contact-links a:last-child{font-size:17px}}

.contact-panel{grid-template-columns:.85fr 1.15fr;align-items:start}.contact-card{width:100%;padding:32px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.form-wide{grid-column:1/-1}#contactformulier label{display:block;font-size:12px;font-weight:500;color:#e4edf3;margin-bottom:7px}#contactformulier input,#contactformulier textarea{appearance:none;width:100%;min-width:0;border:1px solid #ffffff35;border-radius:6px;background:#ffffff08;color:#fff;padding:13px 14px;font:15px/1.5 'DM Sans',Arial,sans-serif}#contactformulier input{height:50px}#contactformulier textarea{min-height:140px;resize:vertical}#contactformulier input:focus,#contactformulier textarea:focus{outline:2px solid #9fcfe4;outline-offset:2px;background:#ffffff10}#contactformulier .button{margin-top:24px;min-width:145px}#contactformulier .form-feedback{font-size:13px;line-height:1.6;color:#d3e3ed;margin-top:16px}#contactformulier .form-feedback:empty{display:none}@media(max-width:700px){.contact-panel{grid-template-columns:1fr}.contact-card{padding:22px}.form-grid{grid-template-columns:minmax(0,1fr)}#contactformulier .button{width:100%}}

body.admin-bar .header{top:32px}#contactformulier button:disabled{opacity:.6;cursor:wait}#contactformulier input:-webkit-autofill{-webkit-text-fill-color:#172d40}.site-main a{text-decoration:underline}@media(max-width:782px){body.admin-bar .header{top:46px}}

.contact-panel{grid-template-columns:1fr}.contact-panel>div{max-width:100%}

/* Houd knoptekst leesbaar ondanks algemene linkstijlen van plugins. */
body a.button,body a.button:link,body a.button:visited,body a.button:hover,body a.button:focus,body a.button:active,body a.button span{color:#fff!important;text-decoration:none!important}
body a.button.light,body a.button.light:link,body a.button.light:visited,body a.button.light:hover,body a.button.light:focus,body a.button.light:active,body a.button.light span{color:#172d40!important}