/* ==========================================================================
   DoctorCura Design 0.9.0: Behandlungsplan (includes/behandlungsplan.php)
   Uitlegpagina [dcd_behandlungsplan], teaser [dcd_behandlungsplan_teaser], productregel, kenmerk op tegels en overzicht.
   Bouwt op de variabelen en knoppen van design.css (dcd-button, dcd-eyebrow-inline, dcd-divider-after, dcd-reveal).
   ========================================================================== */

/* ---------- Pagina ---------- */
.dcd-plan { max-width: var(--dcd-wrap); margin: 0 auto; padding: 40px 24px 80px; display: grid; gap: 80px; }
.dcd-plan__hero { display: grid; justify-items: center; gap: 18px; max-width: 880px; margin: 0 auto; padding-top: 24px; text-align: center; }
.dcd-plan__h1 { margin: 0 !important; font: 800 clamp(36px, 5vw, 60px)/1.05 var(--dcd-font-head) !important; letter-spacing: -.035em !important; color: var(--dcd-navy) !important; }
.dcd-plan__h1 em {
	font-style: normal;
	background: linear-gradient(100deg, var(--dcd-blue) 10%, #4f8dff 60%, var(--dcd-coral) 120%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.dcd-plan__slogan { margin: 0; font: 700 clamp(20px, 2.2vw, 26px)/1.3 var(--dcd-font-head); color: var(--dcd-navy); letter-spacing: -.02em; }
.dcd-plan__lead { margin: 0; font-size: 18px; line-height: 1.65; color: var(--dcd-muted); max-width: 680px; }
.dcd-plan__lead--hero { max-width: 760px; }
.dcd-plan__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 6px; }
.dcd-plan__usps { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.dcd-plan__usps li {
	display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px;
	background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm); font: 600 13.5px/1.2 var(--dcd-font); color: var(--dcd-ink);
}
.dcd-plan__usps .dcd-icon { width: 18px; height: 18px; color: var(--dcd-mint); }

.dcd-plan__section { display: grid; gap: 32px; }
.dcd-plan__kop { display: grid; justify-items: start; gap: 14px; max-width: 760px; }
.dcd-plan__h2 { margin: 0 !important; font: 800 clamp(28px, 3.2vw, 42px)/1.1 var(--dcd-font-head) !important; letter-spacing: -.03em !important; color: var(--dcd-navy) !important; }

/* Vier beloften */
.dcd-plan__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.dcd-plan__card {
	display: flex; flex-direction: column; gap: 12px; padding: 26px 24px; border-radius: var(--dcd-radius-lg);
	background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm); transition: transform .35s var(--dcd-ease), box-shadow .35s var(--dcd-ease);
}
.dcd-plan__card:hover { transform: translateY(-4px); box-shadow: var(--dcd-shadow); }
.dcd-plan__cardicon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: var(--dcd-blue-50); color: var(--dcd-blue); }
.dcd-plan__cardicon .dcd-icon { width: 24px; height: 24px; }
.dcd-plan__card h3 { margin: 4px 0 0 !important; font: 800 18px/1.3 var(--dcd-font-head) !important; color: var(--dcd-navy) !important; letter-spacing: -.01em; }
.dcd-plan__card p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--dcd-muted); }

/* Stappen */
.dcd-plan__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: none; }
.dcd-plan__step {
	position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 24px 80px; border-radius: var(--dcd-radius-lg);
	background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm);
}
.dcd-plan__stepnum {
	position: absolute; left: 24px; top: 24px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
	background: linear-gradient(180deg, #2a78ff 0%, var(--dcd-blue) 55%, var(--dcd-blue-600) 100%); color: #fff; font: 800 15px/1 var(--dcd-font-head);
	box-shadow: 0 8px 18px -8px rgba(5, 96, 255, .7);
}
.dcd-plan__stepicon { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--dcd-blue-50); color: var(--dcd-blue); }
.dcd-plan__stepicon .dcd-icon { width: 18px; height: 18px; }
.dcd-plan__step strong { font: 800 17px/1.3 var(--dcd-font-head); color: var(--dcd-navy); letter-spacing: -.01em; }
.dcd-plan__steptext { font-size: 14.5px; line-height: 1.6; color: var(--dcd-muted); }

/* Gebieden */
.dcd-plan__areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dcd-plan__area {
	display: flex; gap: 16px; padding: 22px; border-radius: var(--dcd-radius-lg); background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm);
	color: var(--dcd-ink) !important; text-decoration: none !important; transition: transform .35s var(--dcd-ease), box-shadow .35s var(--dcd-ease), border-color .3s;
}
.dcd-plan__area:hover { transform: translateY(-4px); box-shadow: var(--dcd-shadow); border-color: var(--dcd-blue-100); }
.dcd-plan__areaicon { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--dcd-blue-50); color: var(--dcd-blue); transition: background .2s, color .2s; }
.dcd-plan__areaicon .dcd-icon { width: 22px; height: 22px; }
.dcd-plan__area:hover .dcd-plan__areaicon { background: var(--dcd-blue); color: #fff; }
.dcd-plan__areabody { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dcd-plan__areabody strong { font: 800 17px/1.3 var(--dcd-font-head); color: var(--dcd-navy); letter-spacing: -.01em; }
.dcd-plan__areabody > span { font-size: 14.5px; line-height: 1.55; color: var(--dcd-muted); }
.dcd-plan__areabody em { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font: 700 13.5px/1 var(--dcd-font); font-style: normal; color: var(--dcd-blue); }
.dcd-plan__areabody em .dcd-icon { width: 15px; height: 15px; transition: transform .25s var(--dcd-ease); }
.dcd-plan__area:hover .dcd-plan__areabody em .dcd-icon { transform: translateX(3px); }

/* Controle en wat nooit gebeurt */
.dcd-plan__two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.dcd-plan__panel { display: grid; gap: 18px; padding: 30px; border-radius: var(--dcd-radius-lg); background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm); }
.dcd-plan__panel h3 { display: flex; align-items: center; gap: 10px; margin: 0 !important; font: 800 20px/1.3 var(--dcd-font-head) !important; color: var(--dcd-navy) !important; }
.dcd-plan__panel h3 .dcd-icon { width: 22px; height: 22px; color: var(--dcd-blue); }
.dcd-plan__panel--navy { background: linear-gradient(135deg, var(--dcd-navy) 0%, var(--dcd-navy-2) 55%, #143a8a 100%); border-color: transparent; color: #fff; box-shadow: var(--dcd-shadow-lg); }
.dcd-plan__panel--navy h3 { color: #fff !important; }
.dcd-plan__panel--navy h3 .dcd-icon { color: #6ee7b7; }
.dcd-plan__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dcd-plan__list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.6; color: var(--dcd-ink); }
.dcd-plan__list .dcd-icon { flex: none; width: 20px; height: 20px; margin-top: 3px; color: var(--dcd-blue); }
.dcd-plan__list--white li { color: rgba(255, 255, 255, .92); }
.dcd-plan__list--white .dcd-icon { color: #6ee7b7; }
.dcd-plan__note { display: flex; gap: 10px; margin: 0; padding-top: 16px; border-top: 1px dashed var(--dcd-line); font-size: 13.5px; line-height: 1.55; color: var(--dcd-muted); }
.dcd-plan__note .dcd-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--dcd-coral); }
/* Kündigungsbutton zonder login (§ 312k BGB), pas zichtbaar als de pagina bestaat. */
.dcd-plan__cancel { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 10px 16px; border-radius: 999px; background: var(--dcd-blue-50); border: 1px solid var(--dcd-blue-100); color: var(--dcd-navy) !important; text-decoration: none !important; font: 700 13.5px/1.2 var(--dcd-font); transition: border-color .25s, background .25s; }
.dcd-plan__cancel:hover { background: #e4eeff; border-color: var(--dcd-blue); }
.dcd-plan__cancel .dcd-icon { width: 15px; height: 15px; color: var(--dcd-blue); }

/* Vragen */
.dcd-plan__faq { display: grid; gap: 12px; max-width: 900px; }
.dcd-plan__faq details { border-radius: 18px; background: #fff; border: 1px solid var(--dcd-line); box-shadow: var(--dcd-shadow-sm); overflow: hidden; transition: box-shadow .3s, border-color .3s; }
.dcd-plan__faq details[open] { border-color: var(--dcd-blue-100); box-shadow: var(--dcd-shadow); }
.dcd-plan__faq summary { list-style: none; cursor: pointer; position: relative; padding: 18px 56px 18px 22px; font: 700 17px/1.4 var(--dcd-font-head); color: var(--dcd-navy); }
.dcd-plan__faq summary::-webkit-details-marker { display: none; }
.dcd-plan__faq summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font: 700 24px/1 var(--dcd-font); color: var(--dcd-blue); transition: transform .25s var(--dcd-ease); }
.dcd-plan__faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.dcd-plan__faq details p { margin: 0; padding: 0 22px 20px; font-size: 15.5px; line-height: 1.65; color: #3b4a68; }

/* Oproep */
.dcd-plan__cta {
	position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 52px 56px; border-radius: var(--dcd-radius-xl);
	background: linear-gradient(120deg, var(--dcd-blue) 0%, #2f7bff 45%, var(--dcd-blue-700) 100%); color: #fff; box-shadow: var(--dcd-shadow-lg);
}
.dcd-plan__ctatext { position: relative; z-index: 1; max-width: 620px; }
.dcd-plan__cta h2 { margin: 0 0 10px !important; font: 800 clamp(26px, 3vw, 38px)/1.1 var(--dcd-font-head) !important; color: #fff !important; letter-spacing: -.03em; }
.dcd-plan__cta p { margin: 0; color: rgba(255, 255, 255, .88); font-size: 16.5px; line-height: 1.6; }
.dcd-plan__cta .dcd-plan__buttons { position: relative; z-index: 1; flex: none; flex-direction: column; align-items: stretch; margin: 0; }
.dcd-plan__cta .dcd-button--ghost { background: rgba(255, 255, 255, .12) !important; color: #fff !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .35) inset !important; }
.dcd-plan__orb { position: absolute; border-radius: 50%; pointer-events: none; }
.dcd-plan__orb--1 { width: 380px; height: 380px; right: -90px; top: -160px; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 60%); }
.dcd-plan__orb--2 { width: 320px; height: 320px; left: -120px; bottom: -220px; background: radial-gradient(circle, rgba(255, 122, 89, .35), transparent 65%); }
.dcd-plan__hinweis { margin: 0 auto; max-width: 860px; text-align: center; font-size: 13.5px; line-height: 1.6; color: var(--dcd-muted); }

/* ---------- Teaser op de startpagina (onder de tegels, of als eigen blok) ---------- */
.dcd-plan-teaser {
	position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px;
	margin-top: 24px; padding: 36px 40px; border-radius: var(--dcd-radius-xl); color: #fff; text-align: left;
	background: linear-gradient(120deg, var(--dcd-navy) 0%, var(--dcd-navy-2) 50%, var(--dcd-blue-700) 100%); box-shadow: var(--dcd-shadow-lg);
}
.dcd-plan-teaser__orb { position: absolute; right: -120px; top: -180px; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 35% 35%, rgba(5, 96, 255, .55), rgba(5, 96, 255, 0) 62%); }
.dcd-plan-teaser__body { position: relative; z-index: 1; display: grid; gap: 10px; min-width: 0; }
.dcd-plan-teaser__eyebrow {
	display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 6px 12px 6px 9px; border-radius: 999px;
	background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); font: 600 13px/1.2 var(--dcd-font); color: #fff; letter-spacing: .01em;
}
.dcd-plan-teaser__eyebrow .dcd-icon { width: 16px; height: 16px; color: #6ee7b7; }
.dcd-plan-teaser__title { margin: 4px 0 0 !important; font: 800 clamp(22px, 2.4vw, 30px)/1.15 var(--dcd-font-head) !important; color: #fff !important; letter-spacing: -.025em; }
.dcd-plan-teaser__text { margin: 0 !important; max-width: 680px; font-size: 15.5px !important; line-height: 1.6 !important; color: rgba(255, 255, 255, .84) !important; }
.dcd-plan-teaser__points { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.dcd-plan-teaser__points li { display: inline-flex; align-items: center; gap: 6px; font: 600 13.5px/1.3 var(--dcd-font); color: rgba(255, 255, 255, .92); }
.dcd-plan-teaser__points .dcd-icon { width: 16px; height: 16px; color: #6ee7b7; }
.dcd-plan-teaser__action { position: relative; z-index: 1; flex: none; }

/* ---------- Regel op de productpagina (onder de zekerheden) ---------- */
.dcd-plan-hinweis {
	display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 12px 16px; border-radius: 14px;
	background: var(--dcd-blue-50); border: 1px solid var(--dcd-blue-100); color: var(--dcd-navy) !important; text-decoration: none !important;
	font: 600 14px/1.4 var(--dcd-font); transition: background .25s, border-color .25s;
}
.dcd-plan-hinweis:hover { background: #e4eeff; border-color: var(--dcd-blue); }
.dcd-plan-hinweis > .dcd-icon { flex: none; width: 20px; height: 20px; color: var(--dcd-blue); }
.dcd-plan-hinweis__text { flex: 1; min-width: 0; }
.dcd-plan-hinweis__link { flex: none; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: var(--dcd-blue); white-space: nowrap; }
.dcd-plan-hinweis__link .dcd-icon { width: 14px; height: 14px; transition: transform .25s var(--dcd-ease); }
.dcd-plan-hinweis:hover .dcd-plan-hinweis__link .dcd-icon { transform: translateX(3px); }

/* ---------- Kenmerk "Behandlungsplan" op de tegels en in het overzicht ---------- */
/* Tegel: los in de tekst boven de titel (anders dan "Beliebt", dat rechtsboven op de foto staat), glas met mintgroene
   toon; de foto's zijn onderaan donker, dus witte letters. Altijd met .dcd-cat ervoor, tegen de linkkleuren van het thema. */
.dcd-cat .dcd-cat__plan {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 2px; padding: 5px 11px; border-radius: 999px;
	background: rgba(16, 185, 129, .24); border: 1px solid rgba(255, 255, 255, .35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	font: 700 12px/1.3 var(--dcd-font); letter-spacing: .01em; color: #fff; white-space: nowrap;
}
.dcd-cat .dcd-cat__plan .dcd-icon { width: 13px; height: 13px; }
/* Overzicht: kleine mintgroene pil naast de naam, na "Beliebt" als dat er ook staat. */
.dcd-area__head .dcd-area__plan {
	display: inline-flex; align-items: center; gap: 5px; margin-right: auto; padding: 2px 9px 3px; border-radius: 999px;
	background: var(--dcd-mint-50); color: #0b7a57; font: 700 11px/1.4 var(--dcd-font); white-space: nowrap;
}
.dcd-area__head .dcd-area__plan .dcd-icon { width: 11px; height: 11px; }
.dcd-area__head .dcd-area__flag:has(+ .dcd-area__plan) { margin-right: 0; }

/* ---------- 0.9.1: kenmerk "Behandlungsplan möglich" op productkaarten, in de vergelijking en in "Kurz erklärt" ---------- */
.dcd-plan-tag { display: grid; gap: 6px; justify-items: start; }
.dcd-plan-tag__pill {
	display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 4px; border-radius: 999px;
	background: var(--dcd-mint-50); color: #0b7a57; font: 700 11.5px/1.4 var(--dcd-font); white-space: nowrap;
}
.dcd-plan-tag__pill .dcd-icon { width: 12px; height: 12px; }
.dcd-plan-tag__text { font-size: 12.5px; line-height: 1.5; color: var(--dcd-muted); }
/* De link boven de uitgerekte titellink van de productkaart (dcd-pcard__title a::after), zoals de knop in de voet. */
.dcd-plan-tag__text a { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 3px; font-weight: 700; color: var(--dcd-blue) !important; text-decoration: none !important; white-space: nowrap; }
.dcd-plan-tag__text a .dcd-icon { width: 12px; height: 12px; }
.dcd-plan-tag--explain { padding-top: 16px; border-top: 1px dashed var(--dcd-line); }
.dcd-plan-tag--explain .dcd-plan-tag__text { font-size: 14px; }

/* ---------- 0.9.1: blok "Diese Mittel sind auch im Behandlungsplan erhältlich" op een gebiedspagina ---------- */
.dcd-plan-block {
	display: flex; gap: 16px; align-items: flex-start; margin: 20px 0 0; padding: 22px 24px; border-radius: var(--dcd-radius-lg);
	background: var(--dcd-blue-50); border: 1px solid var(--dcd-blue-100); text-align: left;
}
.dcd-plan-block__icon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #fff; color: var(--dcd-blue); box-shadow: var(--dcd-shadow-sm); }
.dcd-plan-block__icon .dcd-icon { width: 22px; height: 22px; }
.dcd-plan-block__body { display: grid; gap: 10px; min-width: 0; }
.dcd-plan-block__title { font: 800 17px/1.3 var(--dcd-font-head); color: var(--dcd-navy); letter-spacing: -.01em; }
.dcd-plan-block__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.dcd-plan-block__list a { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: #fff; border: 1px solid var(--dcd-blue-100); font: 600 13px/1.3 var(--dcd-font); color: var(--dcd-navy) !important; text-decoration: none !important; transition: border-color .2s, color .2s; }
.dcd-plan-block__list a:hover { border-color: var(--dcd-blue); color: var(--dcd-blue) !important; }
.dcd-plan-block__text { margin: 0 !important; font-size: 14px; line-height: 1.55; color: var(--dcd-muted); }
.dcd-plan-block__text a { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--dcd-blue) !important; text-decoration: none !important; }
.dcd-plan-block__text a .dcd-icon { width: 14px; height: 14px; }

/* ---------- 0.9.1: uitklapmenu Behandlungen (navigation.php) ---------- */
/* Kenmerk naast de naam van een deelnemend gebied: dezelfde mintgroene pil als in het overzicht, ook in het mobiele menu. */
.dcd-mm__areatext .dcd-mm__plan {
	display: inline-flex; align-items: center; gap: 4px; margin: 3px 0 0; padding: 2px 8px 3px; border-radius: 999px;
	background: var(--dcd-mint-50); color: #0b7a57; font: 700 11px/1.4 var(--dcd-font); white-space: nowrap;
}
.dcd-mm__areatext .dcd-mm__plan .dcd-icon { width: 11px; height: 11px; }
/* Eén regel in de rechterkolom (op de desktop de onderbalk), in de stijl van de link "Nicht dabei?". */
.dcd-mega__plan { display: flex; gap: 10px; align-items: center; margin-top: 10px; padding: 10px 12px; border-radius: 14px; background: #fff; color: var(--dcd-ink) !important; text-decoration: none !important; font: 600 13px/1.35 var(--dcd-font); box-shadow: var(--dcd-shadow-sm); }
.dcd-mega__plan .dcd-icon { flex: none; width: 18px; height: 18px; color: #0b7a57; }
.dcd-mega__plan .dcd-icon:last-child { width: 14px; height: 14px; color: var(--dcd-blue); transition: transform .25s var(--dcd-ease); }
.dcd-mega__plan:hover .dcd-icon:last-child { transform: translateX(3px); }
@media (min-width: 1025px) {
	.dcd-mega__aside .dcd-mega__plan { margin: 0; }
}

/* ---------- Kleinere schermen ---------- */
@media (max-width: 1024px) {
	.dcd-plan { gap: 64px; }
	.dcd-plan__cards, .dcd-plan__steps, .dcd-plan__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dcd-plan__two { grid-template-columns: 1fr; }
	.dcd-plan__cta { flex-direction: column; align-items: flex-start; padding: 40px 36px; }
	.dcd-plan__cta .dcd-plan__buttons { flex-direction: row; }
	/* minmax(0, 1fr): een lange knoptekst (Frans) mag de kolom niet breder maken dan het blok. */
	.dcd-plan-teaser { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 767px) {
	.dcd-plan { padding: 24px 16px 64px; gap: 56px; }
	.dcd-plan__hero { padding-top: 8px; }
	.dcd-plan__cards, .dcd-plan__steps, .dcd-plan__areas { grid-template-columns: 1fr; }
	.dcd-plan__step { padding-left: 24px; padding-top: 76px; }
	.dcd-plan__panel { padding: 24px 20px; }
	.dcd-plan__cta { padding: 32px 22px; }
	.dcd-plan__cta .dcd-plan__buttons, .dcd-plan__buttons { flex-direction: column; align-items: stretch; }
	/* Knoppen over de volle breedte; lange teksten (Frans, Nederlands) mogen op twee regels. */
	.dcd-plan__buttons .dcd-button, .dcd-plan-teaser__action .dcd-button { width: 100%; white-space: normal; text-align: center; min-height: 48px; padding: 12px 22px !important; line-height: 1.3 !important; }
	.dcd-plan-teaser { margin-top: 20px; padding: 26px 22px; }
	.dcd-plan-hinweis { flex-wrap: wrap; }
	.dcd-plan-hinweis__text { flex-basis: calc(100% - 32px); }
	.dcd-plan-hinweis__link { margin-left: 32px; }
	/* 0.9.1: gebiedsblok onder elkaar op de telefoon. */
	.dcd-plan-block { flex-direction: column; padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.dcd-plan__card, .dcd-plan__area, .dcd-plan-hinweis .dcd-icon, .dcd-plan__areabody em .dcd-icon { transition: none; }
}