/* Servicepagina's Montage, Geschäftlich en Kontakt (seiten.php). Alles onder body.leno-look. */

body.leno-look .lla-ico--download { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E"); }
body.leno-look .lla-ico--meter { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/%3E%3Cpath d='m14.5 12.5 2-2M11.5 9.5l2-2M8.5 6.5l2-2M17.5 15.5l2-2'/%3E%3C/svg%3E"); }
body.leno-look .lla-ico--mes { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12M20 4 8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/svg%3E"); }

body.leno-look.lla-seite-actief { scroll-behavior: smooth; }
body.leno-look .lla-seite h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; margin: 0 0 14px; }
body.leno-look .lla-seite p { font-size: 16px; line-height: 1.65; color: var(--lla-grijs); margin: 0 0 18px; }
body.leno-look .lla-seite__creme { background: var(--lla-creme); }
body.leno-look .lla-seite [id] { scroll-margin-top: 110px; }

/* ----------------------------------------------------------------- kop */
body.leno-look .lla-sh { position: relative; background: var(--lla-inkt); color: #fff; overflow: hidden; }
body.leno-look .lla-sh__foto { position: absolute; top: 0; right: 0; bottom: 0; width: 44%; }
body.leno-look .lla-sh__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.leno-look .lla-sh__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--lla-inkt) 0%, rgba(20,18,17,.55) 18%, rgba(20,18,17,0) 46%); }
body.leno-look .lla-sh__inhoud { position: relative; z-index: 1; padding-top: 96px; padding-bottom: 96px; }
body.leno-look .lla-sh__inhoud > * { max-width: 600px; }
body.leno-look .lla-sh__titel { color: #fff !important; font-size: clamp(36px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.03em; font-weight: 600; margin: 0 0 20px; text-wrap: balance; }
body.leno-look .lla-sh__tekst { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.82); margin: 0 0 32px; }
body.leno-look .lla-sh__knoppen { display: flex; flex-wrap: wrap; gap: 12px; }
body.leno-look .lla-sh__knoppen .lla-ico { width: 17px; height: 17px; }
body.leno-look .lla-sh__kaarten { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 12px; max-width: 760px !important; margin-top: 8px; }
body.leno-look .lla-sh__kaart { display: flex; flex-direction: column; gap: 4px; padding: 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.04); text-decoration: none !important; color: #fff !important; transition: border-color .15s, background .15s; min-width: 0; }
body.leno-look .lla-sh__kaart:hover { border-color: var(--lla-goud); background: rgba(255,255,255,.07); }
body.leno-look .lla-sh__kaart .lla-ico { width: 22px; height: 22px; color: var(--lla-goud); margin-bottom: 12px; }
body.leno-look .lla-sh__kaart b { font-size: 15px; font-weight: 600; color: #fff; }
body.leno-look .lla-sh__kaart > span { font-size: 12.5px; line-height: 1.45; color: rgba(255,255,255,.62); }
body.leno-look .lla-sh__kaart em { font-style: normal; font-size: 13px; font-weight: 600; color: var(--lla-goud); margin-top: auto; padding-top: 12px; white-space: nowrap; }
@media (max-width: 1023px) {
	body.leno-look .lla-sh__foto { position: relative; width: 100%; height: 300px; }
	body.leno-look .lla-sh__foto::after { background: linear-gradient(0deg, var(--lla-inkt) 0%, rgba(20,18,17,0) 55%); }
	body.leno-look .lla-sh__inhoud { padding-top: 8px; padding-bottom: 56px; }
}
@media (max-width: 767px) {
	body.leno-look .lla-sh__foto { height: 240px; }
	body.leno-look .lla-sh__tekst { font-size: 16px; }
	body.leno-look .lla-sh__knoppen .lla-knop { width: 100%; }
	body.leno-look .lla-sh__kaarten { grid-template-columns: 1fr; }
	body.leno-look .lla-sh__kaart { display: grid; grid-template-columns: 22px 1fr; column-gap: 14px; row-gap: 2px; }
	body.leno-look .lla-sh__kaart .lla-ico { grid-row: span 3; margin: 2px 0 0; }
	body.leno-look .lla-sh__kaart em { margin-top: 6px; }
}

/* ----------------------------------------------------------------- lijsten */
body.leno-look .lla-vinkjes { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 10px; }
body.leno-look .lla-vinkjes li { position: relative; padding-left: 30px; font-size: 15px; line-height: 1.5; color: var(--lla-tekst); margin: 0; }
body.leno-look .lla-vinkjes li::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 99px; background: var(--lla-goud-zacht); border: 1px solid #efe2cd; }
body.leno-look .lla-vinkjes li::after { content: ""; position: absolute; left: 6px; top: 6px; width: 8px; height: 5px; border-left: 2px solid var(--lla-goud); border-bottom: 2px solid var(--lla-goud); transform: rotate(-45deg); }

body.leno-look .lla-stappen { list-style: none; counter-reset: stap; margin: 0 0 22px; padding: 0; display: grid; gap: 12px; }
body.leno-look .lla-stappen li { counter-increment: stap; position: relative; padding-left: 40px; font-size: 15px; line-height: 1.55; color: var(--lla-tekst); margin: 0; min-height: 26px; }
body.leno-look .lla-stappen li::before { content: counter(stap); position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 99px; background: var(--lla-goud-zacht); border: 1px solid #efe2cd; color: #a57b42; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

body.leno-look .lla-tipp { display: flex; gap: 10px; align-items: baseline; background: var(--lla-creme); border: 1px solid var(--lla-lijn); border-radius: 10px; padding: 12px 14px; font-size: 14.5px !important; color: var(--lla-tekst) !important; margin-bottom: 26px !important; }
body.leno-look .lla-tipp b { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--lla-goud); flex: 0 0 auto; }

body.leno-look .lla-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 22px; }
body.leno-look .lla-chips span { font-size: 13.5px; font-weight: 500; padding: 7px 14px; border-radius: 99px; background: #fff; border: 1px solid var(--lla-lijn-sterk); color: var(--lla-inkt); }

/* ----------------------------------------------------------------- montage */
body.leno-look .lla-werkzeug { border-bottom: 1px solid var(--lla-lijn); background: #fff; }
body.leno-look .lla-werkzeug__rij { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; padding-top: 20px; padding-bottom: 20px; }
body.leno-look .lla-werkzeug__rij span { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: var(--lla-tekst); }
body.leno-look .lla-werkzeug__rij .lla-ico { width: 16px; height: 16px; color: var(--lla-goud); }
body.leno-look .lla-werkzeug__label { font-size: 11.5px !important; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--lla-grijs) !important; }
@media (max-width: 767px) {
	body.leno-look .lla-werkzeug__rij { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
	body.leno-look .lla-werkzeug__label { grid-column: 1 / -1; }
	body.leno-look .lla-werkzeug__rij span { font-size: 13px; align-items: flex-start; }
}

body.leno-look .lla-methodes { display: grid; gap: 28px; }
body.leno-look .lla-methode { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); border: 1px solid var(--lla-lijn); border-radius: 18px; overflow: hidden; background: #fff; }
body.leno-look .lla-methode--om .lla-methode__foto { order: 2; }
body.leno-look .lla-methode__foto { position: relative; min-height: 460px; background: var(--lla-creme); }
body.leno-look .lla-methode__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.leno-look .lla-methode__badge { position: absolute; top: 16px; left: 16px; background: #fff; color: var(--lla-inkt); font-size: 12.5px; font-weight: 600; padding: 7px 12px; border-radius: 99px; box-shadow: 0 6px 18px -8px rgba(20,18,17,.35); }
body.leno-look .lla-methode__tekst { padding: 48px 52px; align-self: center; }
body.leno-look .lla-methode__tekst .lla-eyebrow { margin-bottom: 8px; }
body.leno-look .lla-methode__intro { font-size: 16px !important; margin-bottom: 22px !important; }
body.leno-look .lla-methode__knoppen { display: flex; flex-wrap: wrap; gap: 10px; }
body.leno-look .lla-methode__knoppen .lla-ico { width: 16px; height: 16px; }
@media (max-width: 1023px) {
	body.leno-look .lla-methode { grid-template-columns: 1fr; }
	body.leno-look .lla-methode--om .lla-methode__foto { order: 0; }
	body.leno-look .lla-methode__foto { min-height: 0; aspect-ratio: 4 / 3; }
	body.leno-look .lla-methode__tekst { padding: 28px 22px 30px; }
}
@media (max-width: 549px) {
	body.leno-look .lla-methode__knoppen .lla-knop { width: 100%; }
}

body.leno-look .lla-tweeluik { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
body.leno-look .lla-tweeluik__foto { border-radius: 18px; overflow: hidden; aspect-ratio: 5 / 4; background: #fff; }
body.leno-look .lla-tweeluik__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.leno-look .lla-tweeluik__foto--product { border: 1px solid var(--lla-lijn); }
body.leno-look .lla-tweeluik__foto--product img { object-fit: contain; padding: 28px; }
@media (max-width: 849px) {
	body.leno-look .lla-tweeluik { grid-template-columns: 1fr; gap: 28px; }
}

/* ----------------------------------------------------------------- faq */
body.leno-look .lla-sfaq__rij { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 64px; align-items: start; }
body.leno-look .lla-sfaq__kop p a { color: var(--lla-inkt) !important; font-weight: 600; white-space: nowrap; }
body.leno-look .lla-sfaq__lijst { border-top: 1px solid var(--lla-lijn-sterk); }
body.leno-look .lla-sfaq__item { border-bottom: 1px solid var(--lla-lijn-sterk); }
body.leno-look .lla-sfaq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; font-size: 16.5px; font-weight: 600; color: var(--lla-inkt); }
body.leno-look .lla-sfaq__item summary::-webkit-details-marker { display: none; }
body.leno-look .lla-sfaq__item summary:hover { color: var(--lla-goud); }
body.leno-look .lla-sfaq__plus { position: relative; flex: 0 0 28px; height: 28px; border-radius: 99px; border: 1px solid var(--lla-lijn-sterk); }
body.leno-look .lla-sfaq__plus::before, body.leno-look .lla-sfaq__plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px; background: var(--lla-inkt); transform: translate(-50%, -50%); transition: transform .2s; }
body.leno-look .lla-sfaq__plus::after { transform: translate(-50%, -50%) rotate(90deg); }
body.leno-look .lla-sfaq__item[open] .lla-sfaq__plus::after { transform: translate(-50%, -50%) rotate(0deg); }
body.leno-look .lla-sfaq__item p { margin: -4px 0 22px !important; max-width: 640px; font-size: 15.5px !important; }
@media (max-width: 849px) {
	body.leno-look .lla-sfaq__rij { grid-template-columns: 1fr; gap: 20px; }
	body.leno-look .lla-sfaq__item summary { font-size: 15.5px; padding: 17px 0; }
}

/* ----------------------------------------------------------------- hulp */
body.leno-look .lla-hulp { background: var(--lla-creme); border-top: 1px solid var(--lla-lijn); }
body.leno-look .lla-hulp__rij { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
body.leno-look .lla-hulp__knoppen { display: flex; flex-wrap: wrap; gap: 10px; }
body.leno-look .lla-hulp__knoppen .lla-ico { width: 16px; height: 16px; }
body.leno-look .lla-hulp__lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.leno-look .lla-hulp__lijst li { position: relative; margin: 0; background: #fff; border: 1px solid var(--lla-lijn); border-radius: 12px; padding: 16px 18px 16px 52px; font-size: 15px; color: var(--lla-inkt); }
body.leno-look .lla-hulp__lijst li::before { content: ""; position: absolute; left: 18px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 99px; background: var(--lla-goud); }
body.leno-look .lla-hulp__lijst li::after { content: ""; position: absolute; left: 25px; top: 50%; width: 8px; height: 4px; margin-top: -4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
body.leno-look .lla-hulp__noot { margin: 40px 0 0 !important; padding-top: 22px; border-top: 1px solid var(--lla-lijn); font-size: 14px !important; }
body.leno-look .lla-hulp__noot a { color: var(--lla-inkt) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 849px) {
	body.leno-look .lla-hulp__rij { grid-template-columns: 1fr; gap: 28px; }
	body.leno-look .lla-hulp__knoppen .lla-knop { flex: 1 1 auto; }
}

/* ----------------------------------------------------------------- geschäftlich */
body.leno-look .lla-keuze { padding-bottom: 56px; }
body.leno-look .lla-keuze__rij { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
body.leno-look .lla-keuze__kaart { border: 1px solid var(--lla-lijn); border-radius: 18px; padding: 36px; background: #fff; box-shadow: 0 24px 50px -40px rgba(20,18,17,.4); display: flex; flex-direction: column; align-items: flex-start; }
body.leno-look .lla-keuze__kaart h2 { font-size: 24px !important; margin-bottom: 18px !important; }
body.leno-look .lla-keuze__kaart .lla-vinkjes { flex: 1; }
body.leno-look .lla-keuze__ico { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--lla-goud-zacht); border: 1px solid #efe2cd; margin-bottom: 20px; }
body.leno-look .lla-keuze__ico .lla-ico { width: 20px; height: 20px; color: var(--lla-goud); }
body.leno-look .lla-keuze__noot { font-size: 13.5px !important; margin: 14px 0 0 !important; }
body.leno-look .lla-keuze__noot a { color: var(--lla-inkt) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.leno-look .lla-usp--vlak { margin-top: 0; }
@media (max-width: 849px) {
	body.leno-look .lla-keuze__rij { grid-template-columns: 1fr; }
	body.leno-look .lla-keuze__kaart { padding: 26px 22px; }
	body.leno-look .lla-keuze__kaart .lla-knop { width: 100%; }
}

body.leno-look .lla-formblok { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 64px; align-items: start; }
body.leno-look .lla-formblok__kop { position: sticky; top: 120px; }
body.leno-look .lla-tijdlijn { list-style: none; counter-reset: tl; margin: 26px 0 0; padding: 0; display: grid; gap: 0; }
body.leno-look .lla-tijdlijn li { counter-increment: tl; position: relative; margin: 0; padding: 0 0 22px 46px; }
body.leno-look .lla-tijdlijn li::before { content: counter(tl); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 99px; background: var(--lla-goud); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
body.leno-look .lla-tijdlijn li:not(:last-child)::after { content: ""; position: absolute; left: 14.5px; top: 34px; bottom: 4px; width: 1px; background: #e4d3b9; }
body.leno-look .lla-tijdlijn b { display: block; font-size: 15px; font-weight: 600; color: var(--lla-inkt); }
body.leno-look .lla-tijdlijn span { font-size: 14px; color: var(--lla-grijs); }
@media (max-width: 849px) {
	body.leno-look .lla-formblok { grid-template-columns: 1fr; gap: 24px; }
	body.leno-look .lla-formblok__kop { position: static; }
}

body.leno-look .lla-seite__contactregel { padding: 0 0 var(--lla-sectie); }
body.leno-look .lla-seite__contactregel .lla-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; }
body.leno-look .lla-seite__contactregel p { display: inline-flex; align-items: center; gap: 9px; margin: 0 !important; font-size: 14.5px !important; color: var(--lla-tekst) !important; }
body.leno-look .lla-seite__contactregel .lla-ico { color: var(--lla-goud); width: 16px; height: 16px; }
body.leno-look .lla-seite__contactregel a { color: var(--lla-inkt) !important; font-weight: 600; }

/* ----------------------------------------------------------------- formulieren */
body.leno-look .lla-formkaart { position: relative; background: #fff; border: 1px solid var(--lla-lijn); border-radius: 18px; padding: 36px; box-shadow: 0 30px 70px -48px rgba(20,18,17,.45); overflow: hidden; }
body.leno-look .lla-formkaart::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, rgba(202,159,98,0), var(--lla-goud) 50%, rgba(202,159,98,0)); }
body.leno-look .lla-formkaart__titel { display: flex; align-items: center; gap: 10px; font-size: 21px !important; margin: 0 0 22px !important; }
body.leno-look .lla-formkaart__titel .lla-ico { width: 20px; height: 20px; color: var(--lla-goud); }
@media (max-width: 549px) {
	body.leno-look .lla-formkaart { padding: 24px 18px; border-radius: 14px; }
}

body.leno-look .lla-form .lla-form__rij { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
@media (max-width: 549px) { body.leno-look .lla-form .lla-form__rij { grid-template-columns: 1fr; } }
body.leno-look .lla-form .lla-form__rij > p { display: contents; }
body.leno-look .lla-form p:not(.lla-form__noot) { margin: 0 !important; }
body.leno-look .lla-form br { display: none; }
body.leno-look .lla-form .lla-veld { display: block; margin: 0 0 16px; }
body.leno-look .lla-form .lla-veld__label { display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--lla-inkt); margin-bottom: 7px; }
body.leno-look .lla-form .lla-veld__label em { font-style: normal; font-weight: 400; font-size: 12px; color: var(--lla-grijs); }
body.leno-look .lla-form .wpcf7-form-control-wrap { display: block; }

body.leno-look .lla-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.leno-look .lla-form select, body.leno-look .lla-form textarea,
body.leno-look .lla-formkaart--ur input.input-text, body.leno-look .lla-formkaart--ur input[type="email"], body.leno-look .lla-formkaart--ur input[type="password"], body.leno-look .lla-formkaart--ur input[type="text"], body.leno-look .lla-formkaart--ur input[type="url"] {
	width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--lla-lijn-sterk) !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; font-size: 15px !important; color: var(--lla-inkt) !important; transition: border-color .15s, box-shadow .15s;
}
body.leno-look .lla-form textarea { height: auto !important; min-height: 120px; padding: 12px 14px !important; line-height: 1.5; resize: vertical; }
body.leno-look .lla-form select { appearance: none; -webkit-appearance: none; padding-right: 40px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6459' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat !important; }
body.leno-look .lla-form ::placeholder, body.leno-look .lla-formkaart--ur ::placeholder { color: #a9a196; opacity: 1; }
body.leno-look .lla-form input:focus, body.leno-look .lla-form select:focus, body.leno-look .lla-form textarea:focus,
body.leno-look .lla-formkaart--ur input:focus { outline: none; border-color: var(--lla-goud) !important; box-shadow: 0 0 0 3px rgba(202,159,98,.18) !important; }
body.leno-look .lla-form .wpcf7-not-valid { border-color: var(--lla-rood) !important; }
body.leno-look .lla-form .wpcf7-not-valid-tip { font-size: 12.5px; color: var(--lla-rood); margin-top: 5px; }

body.leno-look .lla-form .lla-form__knop, body.leno-look .lla-formkaart--ur button[type="submit"], body.leno-look .lla-formkaart--ur .ur-submit-button {
	width: 100% !important; height: 54px !important; padding: 0 24px !important; margin: 6px 0 0 !important; display: flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 99px !important; background: var(--lla-goud) !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; line-height: 1 !important;
}
body.leno-look .lla-form .lla-form__knop:hover, body.leno-look .lla-formkaart--ur button[type="submit"]:hover { background: #b98d52 !important; }
body.leno-look .lla-form .wpcf7-spinner { display: block; margin: 10px auto 0; }
body.leno-look .lla-form .lla-form__noot { text-align: center; font-size: 13px !important; color: var(--lla-grijs) !important; margin: 12px 0 0 !important; }
body.leno-look .lla-form .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: 10px; font-size: 14px; border-width: 1px !important; }
body.leno-look .lla-form.sent .wpcf7-response-output { border-color: #b7dcbf !important; background: var(--lla-groen-bg); color: var(--lla-groen); }

/* User Registration-formulier (Geschäftskonto) */
body.leno-look .lla-formkaart--ur .ur-frontend-form { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; }
body.leno-look .lla-formkaart--ur .ur-form-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; margin: 0 !important; }
body.leno-look .lla-formkaart--ur .ur-form-grid { padding: 0 !important; width: auto !important; }
body.leno-look .lla-formkaart--ur .ur-field-item, body.leno-look .lla-formkaart--ur .form-row { margin: 0 0 16px !important; padding: 0 !important; }
body.leno-look .lla-formkaart--ur label, body.leno-look .lla-formkaart--ur .ur-label { display: block; font-size: 13.5px !important; font-weight: 600 !important; color: var(--lla-inkt) !important; margin: 0 0 7px !important; }
body.leno-look .lla-formkaart--ur .required { color: var(--lla-goud) !important; text-decoration: none; }
body.leno-look .lla-formkaart--ur .ur-button-container { margin: 0 !important; padding: 0 !important; }
body.leno-look .lla-formkaart--ur .user-registration-message, body.leno-look .lla-formkaart--ur .user-registration-error { border-radius: 10px; font-size: 14px; }
@media (max-width: 549px) {
	body.leno-look .lla-formkaart--ur .ur-form-row { grid-template-columns: 1fr; }
}

/* ----------------------------------------------------------------- kontakt */
body.leno-look .lla-kontakt__rij { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; align-items: start; }
body.leno-look .lla-snellinks { display: flex; flex-direction: column; border: 1px solid var(--lla-lijn); border-radius: 14px; overflow: hidden; margin: 8px 0 22px; }
body.leno-look .lla-snellinks a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 18px; font-size: 15px; font-weight: 500; color: var(--lla-inkt) !important; text-decoration: none !important; background: #fff; transition: background .15s; }
body.leno-look .lla-snellinks a + a { border-top: 1px solid var(--lla-lijn); }
body.leno-look .lla-snellinks a span { color: var(--lla-grijs); transition: transform .15s, color .15s; }
body.leno-look .lla-snellinks a:hover { background: var(--lla-creme); }
body.leno-look .lla-snellinks a:hover span { color: var(--lla-goud); transform: translateX(3px); }
body.leno-look .lla-tijden { background: var(--lla-creme); border: 1px solid var(--lla-lijn); border-radius: 14px; padding: 20px 22px; }
body.leno-look .lla-tijden__kop { display: flex; align-items: center; gap: 9px; font-size: 15px !important; font-weight: 600; color: var(--lla-inkt) !important; margin: 0 0 12px !important; }
body.leno-look .lla-tijden__kop .lla-ico { color: var(--lla-goud); width: 17px; height: 17px; }
body.leno-look .lla-tijden dl { display: grid; grid-template-columns: 80px 1fr; gap: 8px 16px; margin: 0 0 14px; font-size: 14px; }
body.leno-look .lla-seite dt, body.leno-look .lla-seite dd { text-transform: none !important; letter-spacing: 0 !important; }
body.leno-look .lla-tijden dt { color: var(--lla-grijs); font-weight: 400; }
body.leno-look .lla-tijden dd { margin: 0; color: var(--lla-inkt); }
body.leno-look .lla-tijden__rating { display: flex; align-items: center; gap: 8px; font-size: 13px !important; margin: 0 !important; padding-top: 12px; border-top: 1px solid var(--lla-lijn); }
@media (max-width: 849px) {
	body.leno-look .lla-kontakt__rij { grid-template-columns: 1fr; gap: 32px; }
	body.leno-look .lla-formkaart--kontakt { order: -1; }
}

body.leno-look .lla-firma { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 64px; align-items: start; }
body.leno-look .lla-firma__lijst { display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: 0; margin: 0; background: #fff; border: 1px solid var(--lla-lijn); border-radius: 14px; overflow: hidden; }
body.leno-look .lla-firma__lijst dt, body.leno-look .lla-firma__lijst dd { padding: 16px 20px; margin: 0; border-bottom: 1px solid var(--lla-lijn); font-size: 14.5px; line-height: 1.55; }
body.leno-look .lla-firma__lijst dt { color: var(--lla-grijs); font-weight: 400; }
body.leno-look .lla-firma__lijst dd { color: var(--lla-inkt); }
body.leno-look .lla-firma__lijst dd span { display: block; font-size: 13px; color: var(--lla-grijs); margin-top: 2px; }
body.leno-look .lla-firma__lijst dt:last-of-type, body.leno-look .lla-firma__lijst dd:last-of-type { border-bottom: 0; }
@media (max-width: 849px) {
	body.leno-look .lla-firma { grid-template-columns: 1fr; gap: 24px; }
	body.leno-look .lla-firma__lijst { grid-template-columns: 1fr; }
	body.leno-look .lla-firma__lijst dt { padding-bottom: 0; border-bottom: 0; font-size: 12.5px; }
	body.leno-look .lla-firma__lijst dd { padding-top: 4px; }
}

/* User Registration zet hoogte, max-hoogte en hoeken met hoge specificiteit; hier met id erboven. */
html body.leno-look .lla-formkaart--ur #user-registration-form-258.ur-frontend-form form .ur-form-row .ur-form-grid .ur-field-item input:not([type="checkbox"]):not([type="radio"]) {
	height: 48px !important; max-height: none !important; border-radius: 10px !important; padding: 0 14px !important; margin: 0 !important; border: 1px solid var(--lla-lijn-sterk) !important; color: var(--lla-inkt) !important; font-size: 15px !important;
}
html body.leno-look .lla-formkaart--ur #user-registration-form-258.ur-frontend-form form .ur-form-row .ur-form-grid .ur-field-item input:focus { border-color: var(--lla-goud) !important; box-shadow: 0 0 0 3px rgba(202,159,98,.18) !important; }
html body.leno-look .lla-formkaart--ur #user-registration-form-258.ur-frontend-form form .ur-button-container { display: block !important; width: 100% !important; padding: 0 !important; margin: 4px 0 0 !important; }
html body.leno-look .lla-formkaart--ur #user-registration-form-258.ur-frontend-form form .ur-button-container .ur-submit-button { width: 100% !important; height: 54px !important; margin: 0 !important; border-radius: 99px !important; }

/* ---------------------------------------------------------------- Häufige Fragen en Muster-overzicht (Teun 19-10-2026) */
body.leno-look .lla-fq-kop { padding: 72px 0 40px; background: var(--lla-creme); border-bottom: 1px solid var(--lla-lijn); }
body.leno-look .lla-fq-kop h1 { margin: 8px 0 14px; font-size: 44px; line-height: 1.08; letter-spacing: -0.025em; color: var(--lla-inkt); max-width: 760px; }
body.leno-look .lla-fq-kop p:not(.lla-eyebrow) { max-width: 680px; font-size: 16.5px; line-height: 1.6; color: var(--lla-grijs); }
body.leno-look .lla-fq-kop p a { color: var(--lla-inkt) !important; font-weight: 600; white-space: nowrap; }
body.leno-look .lla-fq-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
body.leno-look .lla-fq-nav a { padding: 8px 15px; border-radius: 99px; background: #fff; border: 1px solid var(--lla-lijn-sterk); font-size: 14px; font-weight: 600; color: var(--lla-inkt) !important; text-decoration: none; }
body.leno-look .lla-fq-nav a:hover { border-color: var(--lla-goud); color: #9a7440 !important; }
body.leno-look .lla-fq-groep { padding: 56px 0; scroll-margin-top: 120px; }
body.leno-look .lla-fq-groep + .lla-fq-groep { border-top: 1px solid var(--lla-lijn); }
body.leno-look .lla-fq-groep__rij { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 64px; align-items: start; }
body.leno-look .lla-fq-groep__kop h2 { margin: 0 0 8px; font-size: 28px; letter-spacing: -0.02em; color: var(--lla-inkt); }
body.leno-look .lla-fq-groep__kop p { font-size: 15px; color: var(--lla-grijs); }
body.leno-look .lla-fq-groep .lla-sfaq__item p a { color: var(--lla-inkt) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.leno-look .lla-mo-groep { padding: 56px 0; scroll-margin-top: 120px; }
body.leno-look .lla-mo-groep--creme { background: var(--lla-creme); border-top: 1px solid var(--lla-lijn); }
body.leno-look .lla-mo-groep__titel { margin: 0 0 20px; font-size: 28px; letter-spacing: -0.02em; color: var(--lla-inkt); }
@media (max-width: 849px) {
	body.leno-look .lla-fq-kop { padding: 44px 0 28px; }
	body.leno-look .lla-fq-kop h1 { font-size: 32px; }
	body.leno-look .lla-fq-groep { padding: 36px 0; }
	body.leno-look .lla-fq-groep__rij { grid-template-columns: 1fr; gap: 16px; }
	body.leno-look .lla-mo-groep { padding: 36px 0; }
}

/* Musterseite: grote foto links naast de lijst, zoals op de musterproducten (Teun 21-10-2026) */
body.leno-look .lla-mo-raster { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
body.leno-look .lla-mo-foto { position: sticky; top: 92px; }
body.leno-look.admin-bar .lla-mo-foto { top: 124px; }
body.leno-look .lla-mo-foto img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 16px; }
@media (max-width: 849px) {
	body.leno-look .lla-mo-raster { grid-template-columns: 1fr; gap: 20px; }
	body.leno-look .lla-mo-foto { position: static; }
	body.leno-look .lla-mo-foto img { aspect-ratio: 16 / 10; }
}
