/* Dakwerken Palmans homepagina, ontwerp "nokbadge": antraciet + limoen, schuine daksnede
   als vormtaal. Teksten blijven woord voor woord die van de oude site. */
.elementor-6{--tz-lime:#B8CC0C;--tz-lime-h:#C9DE1A;--tz-ink:#141513;--tz-ink-2:#1E1F1C;--tz-grijs:#F3F4EF;--tz-breed:1280px}

/* ---------- algemeen: koppen, knoppen ---------- */
.elementor-6 .e-con-boxed.e-parent>.e-con-inner{max-width:var(--tz-breed)!important}
.elementor-6 h2.elementor-heading-title{font-family:"Archivo Black",sans-serif!important;font-size:clamp(28px,2.7vw,40px)!important;line-height:1.12!important;letter-spacing:-.005em;text-transform:uppercase!important;text-wrap:balance}
.elementor-6 h2.elementor-heading-title span{color:#7E8C00!important}
.elementor-6 .elementor-button{background:var(--tz-lime)!important;color:var(--tz-ink)!important;border:0!important;border-radius:10px!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em;padding:17px 30px!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important;transition:background .2s,transform .2s,box-shadow .2s}
.elementor-6 .elementor-button:hover{background:var(--tz-lime-h)!important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)!important}
.elementor-6 .elementor-button .elementor-button-text{color:var(--tz-ink)!important}
.elementor-6 .elementor-button .elementor-button-icon{display:none!important}
.elementor-6 .elementor-button-content-wrapper{gap:0!important}

/* ---------- hero ---------- */
.elementor-6 .elementor-element-2331fa6{background:linear-gradient(90deg,rgba(14,15,13,.94) 0%,rgba(14,15,13,.84) 38%,rgba(14,15,13,.40) 66%,rgba(14,15,13,.12) 100%),url(/_static/dakwerken-palmans/beeld/hero-dak.jpg) center 40%/cover no-repeat!important;background-attachment:scroll!important;padding:84px 0 0!important;min-height:0!important;overflow:visible}
.elementor-6 .elementor-element-2331fa6:before{display:none!important}
.elementor-6 .elementor-element-2331fa6>.e-con-inner{width:calc(100% - 40px);flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:0!important;padding:0!important}
.elementor-6 .elementor-element-299a751{width:58%!important;max-width:58%!important;padding:0 0 64px!important;gap:22px!important}
.elementor-6 .elementor-element-fcdc48b .elementor-heading-title{display:inline-block;background:var(--tz-lime);color:var(--tz-ink)!important;font-family:Inter,sans-serif!important;font-size:13.5px!important;font-weight:700!important;font-style:italic;line-height:1.3!important;padding:7px 18px 7px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.elementor-6 .elementor-element-1ab7e5b h1{color:#fff!important;font-family:"Archivo Black",sans-serif!important;font-size:clamp(32px,3.35vw,50px)!important;line-height:1.06!important;text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(180deg,#fff 55%,#E3E6DA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}
.elementor-6 .elementor-element-3db7dc5 p,.elementor-6 .elementor-element-3db7dc5 span{color:#fff!important;font-family:"DM Sans",sans-serif!important;font-size:17px!important;line-height:1.55!important;max-width:600px}
.elementor-6 .elementor-element-1a35160{gap:14px!important;flex-wrap:wrap}
.elementor-6 .elementor-element-6903548{gap:14px!important;flex-wrap:wrap}
.elementor-6 .elementor-element-081f8d5,.elementor-6 .elementor-element-e59cf8e{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;backdrop-filter:blur(6px);padding:10px 16px!important;width:auto!important}
.elementor-6 .elementor-element-081f8d5 .elementor-heading-title,.elementor-6 .elementor-element-e59cf8e .elementor-heading-title{color:#fff!important}
/* eigenaar: alleen bovenlichaam, rechts uitgelijnd, staat op het formulier */
.elementor-6 .elementor-element-3713dc4{width:42%!important;max-width:42%!important;align-self:flex-end!important;display:flex!important;justify-content:flex-end!important;padding:0!important;margin:0!important;position:relative;z-index:2}
.elementor-6 .elementor-element-dc8292d{width:auto!important;max-width:none!important;flex:0 0 auto!important;align-self:flex-end!important;margin:0 0 0 auto!important;line-height:0;text-align:right}
.elementor-6 .elementor-element-dc8292d img{display:block;margin-left:auto!important;margin-right:0!important;height:clamp(400px,36vw,560px)!important;width:auto!important;max-width:none!important;object-fit:contain;border-radius:0!important;box-shadow:none!important}
/* offertekaart onder de hero */
.elementor-6 .elementor-element-de6ee42{width:100%!important;max-width:100%!important;background:#fff!important;backdrop-filter:none!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important;padding:26px 30px!important;margin:0 0 -64px!important;position:relative;z-index:3;gap:14px!important}
.elementor-6 .elementor-element-de6ee42:before,.elementor-6 .elementor-element-de6ee42:after{display:none!important}
.elementor-6 .elementor-element-eb67154{background:none!important;padding:0!important}
.elementor-6 .elementor-element-1fb67d3 .elementor-heading-title{color:var(--tz-ink)!important;font-family:"Archivo Black",sans-serif!important;font-size:20px!important;text-transform:uppercase}
.elementor-6 .elementor-element-de6ee42 .elementor-field{background:#fff!important;border:1px solid #D5D8CC!important;border-radius:10px!important;color:var(--tz-ink)!important;font-family:Inter,sans-serif!important;font-size:15px!important;min-height:52px;padding:0 16px!important}
.elementor-6 .elementor-element-de6ee42 .elementor-field::placeholder{color:#6B6E66!important}
.elementor-6 .elementor-element-de6ee42 .elementor-field:focus{border-color:var(--tz-lime)!important;box-shadow:0 0 0 3px rgba(184,204,12,.25)!important}
.elementor-6 .elementor-element-de6ee42 .elementor-button{width:100%;min-height:52px}
.elementor-6 .elementor-element-d66a409{display:none!important}
/* ruimte onder de hero voor de kaart die over de rand valt */
.elementor-6 .elementor-element-565a1c7{padding-top:120px!important}

/* ---------- over ons: foto met daksnede + limoen kader ---------- */
.elementor-6 .elementor-element-f1f6046 img[src*="8054d629"]{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 70px) 0,100% 70px,100% 100%,0 100%);box-shadow:none!important}
.elementor-6 .elementor-element-f1f6046 .elementor-widget-image:has(img[src*="8054d629"]){position:relative;padding:0 16px 16px 0}
.elementor-6 .elementor-element-f1f6046 .elementor-widget-image:has(img[src*="8054d629"]):before{content:"";position:absolute;left:16px;top:16px;right:0;bottom:0;background:var(--tz-lime);clip-path:polygon(0 0,calc(100% - 70px) 0,100% 70px,100% 100%,0 100%);z-index:-1}
.elementor-6 .elementor-element-f1f6046 .elementor-widget-image:has(img[src*="8054d629"]){z-index:0}

/* ---------- realisaties: 6 vierkante foto's, 3 per rij, vast raster ---------- */
.elementor-6 .elementor-element-3daebfb{background:#fff!important;padding:90px 0!important}
.elementor-6 .elementor-element-2686795{display:none!important}
.elementor-6 .elementor-element-3daebfb>.e-con-inner{padding:0!important}
/* oude golflijnen weg: overgangen zijn schuine daksneden */
.elementor-6 .elementor-widget-image:has(img[src*="Group-1000010185"]),.elementor-6 .elementor-widget-image:has(img[src*="Group-1000010186"]),.elementor-6 .elementor-widget-image:has(img[src*="Rectangle-20184"]){display:none!important}
.elementor-6 .tz-real{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;margin-top:10px}
.elementor-6 .tz-real figure{margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#E8EAE2;position:relative}
.elementor-6 .tz-real figure:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:5px;background:var(--tz-lime)}
/* statisch: geen zoom of beweging bij hover */
.elementor-6 .tz-real img{width:100%;height:100%;object-fit:cover;display:block;transform:none!important;transition:none!important}

/* ---------- diensten: antraciet fotoband, kaarten met eigen foto ---------- */
.elementor-6 .elementor-element-e037a3d{background:linear-gradient(rgba(20,21,19,.92),rgba(20,21,19,.92)),url(/_static/dakwerken-palmans/beeld/hero-dak.jpg) center/cover no-repeat!important;padding:90px 0 100px!important;clip-path:polygon(0 50px,50% 0,100% 50px,100% calc(100% - 46px),0 100%);margin-top:-50px!important;position:relative;z-index:1}
.elementor-6 .elementor-element-e037a3d>.e-con-inner{padding-top:30px!important}
.elementor-6 .elementor-element-6c27893{width:100%!important;align-self:stretch!important}
.elementor-6 .elementor-element-6c27893 h2{color:#fff!important;text-align:left!important}
.elementor-6 .elementor-element-83cbf15{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:22px!important;width:100%}
.elementor-6 .tz-dkaart{flex:0 0 calc(25% - 17px)!important;width:calc(25% - 17px)!important;max-width:none!important;background:#fff!important;border-radius:12px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:0!important;gap:0!important;box-shadow:0 18px 40px rgba(0,0,0,.25)!important;min-height:0!important;transition:transform .25s}
.elementor-6 .tz-dkaart:hover{transform:translateY(-4px)}
.elementor-6 .tz-dkaart:before,.elementor-6 .tz-dkaart:after{display:none!important}
.elementor-6 .tz-dfoto{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;order:-1}
.elementor-6 .tz-dkaart>.e-con:first-of-type{background:none!important;padding:0 22px!important;margin-top:-28px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;position:relative;z-index:2;min-height:0!important;border-radius:0!important}
.elementor-6 .tz-dkaart>.e-con:first-of-type:before,.elementor-6 .tz-dkaart>.e-con:first-of-type:after{display:none!important}
.elementor-6 .tz-dkaart>.e-con:first-of-type .elementor-widget-image{width:56px!important;height:56px!important;background:var(--tz-lime);border-radius:10px;display:grid!important;place-items:center;margin:0!important;box-shadow:0 0 0 4px #fff;position:static!important;transform:none!important}
.elementor-6 .tz-dkaart>.e-con:first-of-type .elementor-widget-image img{width:56px!important;height:56px!important;max-width:none!important;object-fit:contain;filter:none}
.elementor-6 .tz-dkaart>.e-con:first-of-type .elementor-heading-title{color:var(--tz-ink)!important;font-family:"Archivo Black",sans-serif!important;font-size:19px!important;text-transform:uppercase;text-align:left!important}
.elementor-6 .tz-dkaart>.e-con:nth-of-type(2){background:none!important;padding:10px 22px 24px!important;align-items:flex-start!important;gap:16px!important;flex:1 1 auto;justify-content:space-between!important;min-height:0!important}
.elementor-6 .tz-dkaart>.e-con:nth-of-type(2) p,.elementor-6 .tz-dkaart>.e-con:nth-of-type(2) span{color:#3D3F3A!important;font-family:"DM Sans",sans-serif!important;font-size:15.5px!important;line-height:1.5!important;text-align:left!important}
.elementor-6 .tz-dkaart>.e-con:nth-of-type(2) .elementor-widget-text-editor{width:100%!important;max-width:none!important}
.elementor-6 .tz-dkaart .elementor-button{padding:13px 22px!important;font-size:13.5px!important}
.elementor-6 .tz-dkaart .elementor-widget-image:has(img[src*="Group-1000010187"]){display:none!important}

/* ---------- afspraakblok: antraciet met dakfoto, geen gele waas ---------- */
.elementor-6 .elementor-element-e690cee{padding:90px 0!important}
.elementor-6 .elementor-element-2059a91{background:linear-gradient(100deg,rgba(20,21,19,.97) 0%,rgba(20,21,19,.93) 50%,rgba(20,21,19,.70) 100%),url(/_static/dakwerken-palmans/beeld/real-4.jpg) center/cover no-repeat!important;border-radius:16px!important;overflow:hidden;padding:48px!important;gap:44px!important;box-shadow:0 30px 70px rgba(0,0,0,.22)!important;position:relative;align-items:center!important}
.elementor-6 .elementor-element-2059a91:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--tz-lime);z-index:2}
.elementor-6 .elementor-element-2059a91:after{display:none!important}
.elementor-6 .elementor-element-a614ae9{background:none!important;padding:0!important;gap:22px!important;flex:1 1 55%!important;width:auto!important;max-width:none!important}
.elementor-6 .elementor-element-e142f3f h2{color:#fff!important;text-align:left!important}
.elementor-6 .elementor-element-6928faa .elementor-field{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:10px!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:15px!important;min-height:52px;padding:0 16px!important}
.elementor-6 .elementor-element-6928faa .elementor-field::placeholder{color:rgba(255,255,255,.72)!important}
.elementor-6 .elementor-element-6928faa .elementor-field:focus{border-color:var(--tz-lime)!important}
.elementor-6 .elementor-element-6928faa select.elementor-field option{color:#141513}
.elementor-6 .elementor-element-6928faa .elementor-button{width:100%;min-height:54px}
.elementor-6 .elementor-element-2059a91>.e-con:last-child,.elementor-6 .elementor-element-2059a91>.elementor-widget-image{flex:1 1 45%!important}
.elementor-6 .elementor-element-2059a91 img{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 60px) 0,100% 60px,100% 100%,0 100%);box-shadow:none!important}


/* ---------- proces: antraciet met dakfoto, schuine bovenkant ---------- */
.elementor-6 .elementor-element-f9aada8{background:linear-gradient(rgba(24,25,22,.93),rgba(24,25,22,.93)),url(/_static/dakwerken-palmans/beeld/real-8.jpg) center/cover no-repeat!important;clip-path:polygon(0 0,100% 56px,100% 100%,0 100%);padding-top:110px!important}
.elementor-6 .elementor-element-f9aada8>.e-con-inner{padding-top:0!important}
/* ---------- werkgebied: lichte band met schuine bovenkant ---------- */
.elementor-6 .elementor-element-6e1faacb{background:var(--tz-grijs)!important;clip-path:polygon(0 0,100% 48px,100% 100%,0 100%);padding-top:110px!important}
.elementor-6 .elementor-element-6e1faacb>.e-con-inner{padding-top:0!important}

/* ---------- tablet en mobiel ---------- */
@media(max-width:1024px){
  .elementor-6 .elementor-element-299a751{width:100%!important;max-width:100%!important;padding-bottom:28px!important}
  .elementor-6 .elementor-element-3713dc4{width:100%!important;max-width:100%!important}
  .elementor-6 .elementor-element-dc8292d img{height:400px!important}
  .elementor-6 .tz-dkaart{flex-basis:calc(50% - 11px)!important;width:calc(50% - 11px)!important}
  .elementor-6 .elementor-element-2059a91{flex-direction:column!important;padding:36px 28px!important}
}
@media(max-width:767px){
  .elementor-6 .elementor-element-2331fa6{padding-top:56px!important;background:linear-gradient(180deg,rgba(14,15,13,.90) 0%,rgba(14,15,13,.80) 55%,rgba(14,15,13,.35) 100%),url(/_static/dakwerken-palmans/beeld/hero-dak.jpg) 70% center/cover no-repeat!important}
  .elementor-6 .elementor-element-2331fa6>.e-con-inner{width:calc(100% - 32px)}
  .elementor-6 .elementor-element-1ab7e5b h1{font-size:clamp(20px,6vw,30px)!important}
  .elementor-6 .elementor-element-299a751{margin-top:0!important;gap:18px!important}
  .elementor-6 h2.elementor-heading-title{font-size:clamp(18px,5.2vw,24px)!important;line-height:1.15!important}
  .elementor-6 .elementor-element-081f8d5,.elementor-6 .elementor-element-e59cf8e{flex:1 1 0!important;min-width:0}
  .elementor-6 .elementor-element-6903548{flex-wrap:nowrap!important;gap:10px!important}
  .elementor-6 .elementor-element-3db7dc5 p,.elementor-6 .elementor-element-3db7dc5 span{font-size:16px!important}
  .elementor-6 .elementor-element-dc8292d img{height:330px!important}
  .elementor-6 .elementor-element-de6ee42{padding:20px 18px!important}
  .elementor-6 .tz-real{grid-template-columns:1fr;gap:12px}
  .elementor-6 .tz-dkaart{flex-basis:100%!important;width:100%!important}
  .elementor-6 .elementor-element-e037a3d{clip-path:polygon(0 28px,50% 0,100% 28px,100% 100%,0 100%);margin-top:-28px!important;padding:70px 0 70px!important}
  .elementor-6 .elementor-element-2059a91{padding:30px 20px!important}
  .elementor-6 .elementor-element-3daebfb,.elementor-6 .elementor-element-e690cee{padding:64px 0!important}
}