/* Pantelco home 2026 - opmaak, gescoped op .ppdh */
.ppdh-sec{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
.ppdh-sec>.e-con-inner{max-width:none!important;padding:0!important;width:100%}
.ppdh-sec .elementor-widget-html{width:100%;max-width:none}
.ppdh-sec .elementor-widget-container{padding:0}

.ppdh{--navy:#1f2751;--navy-d:#111734;--amber:#ffb300;--amber-d:#e9a825;--ink:#231913;--body:#4a5160;--line:#e4e7ee;--soft:#f6f7fa;font-family:Rubik,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--body);overflow:hidden}
.ppdh *{box-sizing:border-box}
.ppdh img{max-width:100%;height:auto}
.ppdh .row{max-width:1120px;margin:0 auto;padding:0 26px;width:100%}
.ppdh section.s{padding:74px 0;position:relative}
.ppdh h2.t{font-family:Montserrat,sans-serif;font-weight:800;font-size:38px;line-height:1.1;color:var(--navy);margin:0 0 16px;letter-spacing:-1.2px}
.ppdh h2.t em{font-style:normal;color:var(--amber-d)}
.ppdh .lead{font-size:17.5px;line-height:1.65;max-width:62ch;margin:0}
.ppdh .eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--amber-d);margin-bottom:12px}
.ppdh .hand{font-family:Caveat,cursive;font-size:27px;color:var(--amber-d);line-height:1.25}
.ppdh .btn{display:inline-block;background:var(--amber);color:var(--navy-d);font-weight:800;font-size:15.5px;padding:16px 30px;border-radius:8px;text-decoration:none;margin:0 10px 12px 0;box-shadow:0 6px 20px rgba(255,179,0,.42);transition:.15s}
.ppdh .btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,179,0,.5);color:var(--navy-d)}
.ppdh .btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45);padding:14px 28px;box-shadow:none}
.ppdh .btn.ghost:hover{color:#fff}
.ppdh .btn.dark{background:var(--navy);color:#fff;box-shadow:0 6px 20px rgba(31,39,81,.3)}
.ppdh .btn.dark:hover{color:#fff}

.ppdh .rv{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.ppdh .rv.in{opacity:1;transform:none}

.ppdh .hero{background:var(--navy-d);color:#fff;padding:78px 0 96px;position:relative;overflow:hidden}
.ppdh .hero .blob{position:absolute;border-radius:50%;pointer-events:none}
.ppdh .hero .b1{width:520px;height:520px;right:-150px;top:-190px;background:radial-gradient(circle,rgba(255,179,0,.34),rgba(255,179,0,0) 68%)}
.ppdh .hero .b2{width:340px;height:340px;left:-130px;bottom:-150px;background:radial-gradient(circle,rgba(255,179,0,.18),rgba(255,179,0,0) 70%)}
.ppdh .hero .wedge{position:absolute;left:0;right:0;bottom:-2px;height:82px;background:#fff;clip-path:polygon(0 100%,100% 22%,100% 100%)}
.ppdh .hero .grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;position:relative;z-index:3}
.ppdh .hero h1{font-family:Montserrat,sans-serif;font-weight:900;font-size:50px;line-height:1.07;margin:0 0 20px;letter-spacing:-2px;color:#fff}
.ppdh .hero h1 .hl{color:var(--navy-d);background:var(--amber);padding:0 12px;border-radius:6px;display:inline-block;transform:rotate(-1.4deg)}
.ppdh .hero p{font-size:19px;line-height:1.58;color:rgba(255,255,255,.88);margin:0 0 12px;max-width:50ch}
.ppdh .sig{margin:20px 0 26px;display:flex;align-items:center;gap:14px}
.ppdh .sig .av{width:52px;height:52px;border-radius:50%;background:#2c3768 center/cover;background-image:url("/wp-content/uploads/Peter-2020.jpg");border:3px solid var(--amber);flex:none}
.ppdh .sig .n{font-family:Caveat,cursive;font-size:26px;color:var(--amber);line-height:1.1}
.ppdh .sig .f{font-size:12.5px;color:rgba(255,255,255,.6)}

.ppdh .collage{position:relative;height:410px}
.ppdh .ph{position:absolute;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 18px 46px rgba(0,0,0,.42);border:5px solid #fff}
.ppdh .ph.p1{width:270px;height:250px;left:0;top:16px;transform:rotate(-3.5deg);background-image:url("/wp-content/uploads/Klantgericht-communiceren-1920-br-1024x683.jpg");background-color:#2c3768}
.ppdh .ph.p2{width:198px;height:238px;right:14px;top:0;transform:rotate(3deg);background-image:url("/wp-content/uploads/Peter-2020.jpg");background-color:#3a4680}
.ppdh .ph.p3{width:216px;height:172px;right:56px;bottom:6px;transform:rotate(-2deg);background-image:url("/wp-content/uploads/foto-Petrer-Claes.jpg");background-color:#46528c}
.ppdh .sticker{position:absolute;left:118px;bottom:40px;background:var(--amber);color:var(--navy-d);font-family:Montserrat,sans-serif;font-weight:900;font-size:14px;padding:14px 17px;border-radius:50%;width:104px;height:104px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;transform:rotate(-9deg);box-shadow:0 10px 26px rgba(255,179,0,.5);z-index:4}

.ppdh .band{background:var(--amber);color:var(--navy-d);padding:56px 0;position:relative}
.ppdh .band .row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.ppdh .band h2{font-family:Montserrat,sans-serif;font-weight:900;font-size:34px;margin:0;letter-spacing:-1.1px;line-height:1.15;color:var(--navy-d)}
.ppdh .band p{margin:10px 0 0;font-size:17px;color:rgba(17,23,52,.78);max-width:56ch}

.ppdh .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:34px}
.ppdh .st b{display:block;font-family:Montserrat,sans-serif;font-weight:900;font-size:46px;color:var(--amber-d);letter-spacing:-2px;line-height:1}
.ppdh .st span{display:block;font-size:14px;margin-top:7px;color:var(--body)}
.ppdh .nastat{margin:30px 0 0;font-size:15.5px;line-height:1.6;color:var(--body);max-width:76ch;padding-left:18px;border-left:3px solid var(--amber)}

.ppdh .wall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.ppdh .tm{text-align:center}
.ppdh .tm .av{aspect-ratio:1;border-radius:14px;background:linear-gradient(150deg,#2c3768,#1f2751);background-size:cover;background-position:center 18%;margin-bottom:10px;border:4px solid #fff;box-shadow:0 8px 22px rgba(31,39,81,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.42);font-family:Montserrat,sans-serif;font-weight:900;font-size:24px}
.ppdh .tm b{font-family:Montserrat,sans-serif;font-size:13.5px;color:var(--navy);display:block;line-height:1.25}
.ppdh .tm span{font-size:11.5px;color:#7b8496;display:block;margin-top:3px;line-height:1.35}

.ppdh .router{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.ppdh .rc{background:#fff;border:2px solid var(--line);border-radius:14px;padding:26px 24px;text-decoration:none;display:block;transition:.18s;position:relative;color:var(--body);overflow:hidden}
.ppdh .rc::before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:var(--amber)}
.ppdh .rc:hover{border-color:var(--amber);box-shadow:0 14px 34px rgba(31,39,81,.14);transform:translateY(-4px)}
.ppdh .rc b{font-family:Montserrat,sans-serif;font-weight:800;color:var(--navy);font-size:19px;display:block;margin-bottom:8px;letter-spacing:-.5px;padding-right:36px}
.ppdh .rc.wide b{padding-right:0}
.ppdh .rc p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--body)}
.ppdh .rc .sub{font-size:12.5px;color:#7b8496;display:block}
.ppdh .rc .go{color:var(--amber-d);font-weight:900;font-size:22px;position:absolute;right:22px;top:22px}
.ppdh .rc.wide{grid-column:span 3;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}

.ppdh .tq{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ppdh .tq .c{background:#fff;border-radius:16px;padding:30px 28px 26px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.ppdh .tq .c::before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:var(--amber)}
.ppdh .tq .c q{font-size:17px;line-height:1.55;font-weight:500;color:#2a3047;quotes:none;display:block;flex:1}
.ppdh .tq .who{display:flex;align-items:center;gap:13px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.ppdh .tq .av{width:52px;height:52px;border-radius:50%;border:3px solid var(--amber);flex:none;background-repeat:no-repeat;background-color:#eef0f5}
.ppdh .tq .av.a1{background-image:url("/wp-content/uploads/herman-verddodt.jpeg");background-size:155%;background-position:78% 16%}
.ppdh .tq .av.a2{background-image:url("/wp-content/uploads/Elisabeth-De-Dobbeleer.jpg");background-size:cover;background-position:center}
.ppdh .tq .av.a3{background-image:url("/wp-content/uploads/Hans-Van-Heghe.jpg");background-size:132%;background-position:50% 14%}
.ppdh .tq .who b{display:block;font-family:Montserrat,sans-serif;font-weight:700;font-size:14.5px;color:var(--navy)}
.ppdh .tq .who span{font-size:12.5px;color:#7b8496}

.ppdh .waarom{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px;margin-top:30px}
.ppdh .wp{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
.ppdh .wp .n{font-family:Montserrat,sans-serif;font-weight:900;font-size:13px;color:var(--navy-d);background:var(--amber);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ppdh .wp b{font-family:Montserrat,sans-serif;font-weight:800;color:var(--navy);font-size:16.5px;display:block;margin-bottom:5px;letter-spacing:-.3px}
.ppdh .wp p{margin:0;font-size:14.5px;line-height:1.55}
.ppdh .human{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}
.ppdh .hc{position:relative;padding-top:22px}
.ppdh .hc .num{font-family:Montserrat,sans-serif;font-weight:900;font-size:15px;color:var(--navy-d);background:var(--amber);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ppdh .hc b{font-family:Montserrat,sans-serif;font-weight:800;color:var(--navy);font-size:19px;display:block;margin-bottom:8px;letter-spacing:-.4px}
.ppdh .hc p{margin:0;font-size:14.5px}

.ppdh .nietdoen{background:var(--soft);border-left:6px solid var(--amber);border-radius:0 14px 14px 0;padding:30px 34px;margin-top:34px}
.ppdh .nietdoen b{font-family:Montserrat,sans-serif;color:var(--navy);font-size:18px;display:block;margin-bottom:10px}
.ppdh .nietdoen ul{margin:0;padding-left:20px}
.ppdh .nietdoen li{margin-bottom:7px;font-size:15px}

.ppdh .kal{border:2px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;margin-top:28px}
.ppdh .kal .k{display:grid;grid-template-columns:130px 1fr 120px 150px;align-items:center;border-bottom:1px solid var(--line);padding:17px 24px;gap:14px}
.ppdh .kal .k:last-child{border-bottom:none}
.ppdh .kal .k:hover{background:#fffdf6}
.ppdh .kal .dt{font-family:Montserrat,sans-serif;font-weight:800;color:var(--navy);font-size:15px}
.ppdh .kal .nm{font-size:15.5px;color:var(--navy);font-weight:600}
.ppdh .kal .pl{font-size:13.5px}
.ppdh .kal a{background:var(--amber);color:var(--navy-d);font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:6px;text-decoration:none;text-align:center}

.ppdh .formwrap{background:var(--navy-d);border-radius:18px;padding:46px;color:#fff;display:grid;grid-template-columns:1fr 400px;gap:46px;align-items:center;position:relative;overflow:hidden}
.ppdh .formwrap::before{content:"";position:absolute;left:-90px;bottom:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,0,.22),rgba(255,179,0,0) 70%)}
.ppdh .formwrap h2{font-family:Montserrat,sans-serif;font-weight:900;font-size:33px;color:#fff;margin:0 0 12px;letter-spacing:-1.1px;position:relative;z-index:2}
.ppdh .formwrap p{color:rgba(255,255,255,.85);margin:0 0 16px;font-size:16px;position:relative;z-index:2}
.ppdh .formwrap .tel{font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;color:var(--amber);text-decoration:none;position:relative;z-index:2}
.ppdh .form{background:#fff;border-radius:12px;padding:26px;position:relative;z-index:2}
.ppdh .form label{display:block;font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:5px}
.ppdh .form input,.ppdh .form select,.ppdh .form textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px 14px;font-size:14px;color:var(--ink);margin-bottom:14px;background:#fbfcfd;font-family:inherit}
.ppdh .form textarea{min-height:92px;resize:vertical}
.ppdh .form button{width:100%;text-align:center;margin:4px 0 0;padding:15px;border:0;cursor:pointer;font-family:inherit}
.ppdh .form .ok{display:none;color:#1f7a45;font-size:14px;font-weight:600;margin-top:10px}

@media(max-width:1240px){
.ppdh .hero h1{font-size:45px;letter-spacing:-1.7px}
}
@media(max-width:980px){
.ppdh .hero .grid,.ppdh .band .row,.ppdh .formwrap,.ppdh .human,.ppdh .stats,.ppdh .router{grid-template-columns:1fr}
.ppdh .wall{grid-template-columns:repeat(3,1fr)}
.ppdh .waarom{grid-template-columns:1fr;gap:20px}
.ppdh .rc.wide{grid-column:span 1;grid-template-columns:1fr}
.ppdh .hero h1{font-size:34px;letter-spacing:-1.2px}
.ppdh h2.t{font-size:28px}
.ppdh .collage{height:300px}
.ppdh .kal .k{grid-template-columns:1fr;gap:6px}
.ppdh .tq{grid-template-columns:1fr}
.ppdh .tq .c{padding:26px 24px 22px}
.ppdh .formwrap{padding:28px}
.ppdh section.s{padding:52px 0}
}
@media(prefers-reduced-motion:reduce){.ppdh .rv{opacity:1;transform:none;transition:none}}

/* echt contactformulier home */
.ppdh .ppd-frmrow{max-width:1120px!important;margin:0 auto!important;padding:0 26px 74px!important;width:100%}
.ppdh .ppd-frmwrap{display:grid!important;grid-template-columns:1fr 520px;gap:46px;align-items:center;background:var(--navy-d);border-radius:18px;padding:46px!important;color:#fff;position:relative;overflow:hidden;width:100%}
.ppdh .ppd-frmwrap::before{content:"";position:absolute;left:-90px;bottom:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,0,.22),rgba(255,179,0,0) 70%);z-index:0}
.ppdh .ppd-frmwrap > *{position:relative;z-index:2;min-width:0;width:100%}
.ppdh .ppd-frmtxt h2{font-family:Montserrat,sans-serif;font-weight:900;font-size:33px;color:#fff;margin:0 0 12px;letter-spacing:-1.1px;line-height:1.12}
.ppdh .ppd-frmtxt p{color:rgba(255,255,255,.85);margin:0 0 16px;font-size:16px;line-height:1.6}
.ppdh .ppd-frmtxt p.klein{margin-bottom:6px;font-size:14px;color:rgba(255,255,255,.68)}
.ppdh .ppd-frmtxt a.tel{font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;color:var(--amber);text-decoration:none}
.ppdh .ppd-frmcard{background:#fff;border-radius:12px;padding:26px!important}
.ppdh .ppd-frmcard .elementor-field-group{margin-bottom:12px}
.ppdh .ppd-frmcard .elementor-field-group > label{font-family:Rubik,sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:5px}
.ppdh .ppd-frmcard input[type=text],.ppdh .ppd-frmcard input[type=email],.ppdh .ppd-frmcard input[type=tel],.ppdh .ppd-frmcard select,.ppdh .ppd-frmcard textarea{border:1px solid var(--line)!important;border-radius:8px!important;padding:11px 13px!important;font-size:14px!important;background:#fbfcfd!important;color:var(--ink)!important;font-family:Rubik,sans-serif!important;line-height:1.4!important;height:auto!important}
.ppdh .ppd-frmcard textarea{min-height:88px!important}
.ppdh .ppd-frmcard .elementor-field-type-acceptance label{font-size:12.5px;font-weight:400;color:var(--body);line-height:1.45}
.ppdh .ppd-frmcard .elementor-button{background:var(--amber)!important;color:var(--navy-d)!important;font-family:Montserrat,sans-serif!important;font-weight:800!important;font-size:15px!important;border-radius:8px!important;width:100%;padding:15px!important;border:0!important}
.ppdh .ppd-frmcard .elementor-button:hover{background:var(--amber-d)!important}
.ppdh .ppd-frmcard .elementor-message{font-size:14px}
@media(max-width:980px){.ppdh .ppd-frmwrap{grid-template-columns:1fr;padding:28px!important}.ppdh .ppd-frmtxt h2{font-size:26px}}

.ppdh .ppd-frmcard .elementor-field-type-acceptance > label{display:none!important}
.ppdh .ppd-frmcard .elementor-field-type-acceptance input[type=checkbox]{margin-right:8px;vertical-align:-1px}
