.abm-dp-foto__img {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
}
.abm-dp-foto--square .abm-dp-foto__img,
.abm-dp-foto--portrait .abm-dp-foto__img,
.abm-dp-foto--round .abm-dp-foto__img {
object-fit: cover;
}
.abm-dp-foto--square .abm-dp-foto__img {
aspect-ratio: 1 / 1;
}
.abm-dp-foto--portrait .abm-dp-foto__img {
aspect-ratio: 3 / 4;
}
.abm-dp-foto--round .abm-dp-foto__img {
aspect-ratio: 1 / 1;
border-radius: 50%;
} .abm-dp-foto__placeholder {
aspect-ratio: 3 / 4;
color: currentColor;
}
.abm-dp-naam {
margin-bottom: 0.2em;
}
.abm-dp-tagline {
font-size: 1.05em;
font-weight: 600;
opacity: 0.75;
margin-bottom: 1em;
}
.abm-dp-tekst > :last-child,
.abm-dp-veld > :last-child {
margin-bottom: 0;
}
.abm-dp-veld {
margin-bottom: 1.2em;
}
.abm-dp-veld__label {
margin-bottom: 0.4em;
}
.abm-dp-instrumenten {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 1.2em;
}
.abm-dp-chip {
display: inline-block;
padding: 3px 12px;
border: 1px solid currentColor;
border-radius: 999px;
font-size: 0.8em;
font-weight: 700;
line-height: 1.6;
opacity: 0.8;
} .abm-dp-links {
--abm-dp-icon-size: 48px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 14px;
margin-top: 1.2em;
}
.abm-dp-links--left {
justify-content: flex-start;
}
.abm-dp-links--right {
justify-content: flex-end;
}
.abm-dp-links__item {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: var(--abm-dp-icon-size);
height: var(--abm-dp-icon-size);
border-radius: 50%;
background: #111827; color: #fff !important;
text-decoration: none !important;
box-shadow: none;
transition: transform 0.15s ease, opacity 0.15s ease;
}
.abm-dp-links__item:hover,
.abm-dp-links__item:focus {
color: #fff !important;
opacity: 0.85;
transform: translateY(-2px);
}
.abm-dp-links__icon {
width: 45%;
height: 45%;
display: block;
} .abm-dp-links__label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
} .abm-dp-links--merk .abm-dp-links__item--facebook {
background: #1877f2;
}
.abm-dp-links--merk .abm-dp-links__item--instagram {
background: #c13584;
background-image: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.abm-dp-links--merk .abm-dp-links__item--youtube {
background: #ff0000;
}
.abm-dp-links--merk .abm-dp-links__item--website {
background: #111827;
} .abm-dp-links--neutraal .abm-dp-links__item {
background: #111827;
} .abm-dp-kaart .box-text-inner {
text-align: center;
padding-top: 0.8em;
}
.abm-dp-kaart__image {
max-width: 260px;
margin: 0 auto;
}
.abm-dp-kaart .person-name {
margin: 0 0 0.15em;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.abm-dp-kaart .person-title {
margin: 0 0 0.5em;
text-transform: uppercase;
letter-spacing: 0.03em;
opacity: 0.55;
}
.abm-dp-kaart__meta {
margin: 0 0 0.2em;
}
.abm-dp-kaart__knoppen {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 23px;
}
.abm-dp-kaart__knoppen .button {
margin: 0;
width: 100%;
} .abm-dp-lesdagen__table,
.abm-dp-inhaal__table {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.abm-dp-lesdagen__table th,
.abm-dp-inhaal__table th {
width: 40%;
text-align: left;
font-weight: 700;
padding: 0.55em 1em 0.55em 0;
vertical-align: top;
}
.abm-dp-lesdagen__table td,
.abm-dp-inhaal__table td {
padding: 0.55em 0;
vertical-align: top;
}
.abm-dp-lesdagen__table tr,
.abm-dp-inhaal__table tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.abm-dp-lesdagen__table tr:last-child,
.abm-dp-inhaal__table tr:last-child {
border-bottom: 0;
} .abm-dp-dag--leeg th,
.abm-dp-dag--leeg td {
opacity: 0.5;
}
.abm-dp-inhaal__leeg {
margin: 0;
opacity: 0.75;
}  .abm-dp-profiel {
margin-bottom: 2.5em;
} .abm-dp-profiel--side {
display: flex;
flex-wrap: wrap;
gap: 32px;
align-items: flex-start;
} .abm-dp-profiel.abm-dp-profiel--side > .abm-dp-profiel__media,
.abm-dp-profiel.abm-dp-profiel--side > .abm-dp-profiel__body {
flex: 0 0 calc(50% - 16px);
width: calc(50% - 16px);
max-width: calc(50% - 16px);
min-width: 0;
box-sizing: border-box;
} .abm-dp-profiel__body {
padding-top: 3em;
}
@media (max-width: 767px) {
.abm-dp-profiel__body {
padding-top: 1.25em;
}
}
.abm-dp-profiel__body > :first-child {
margin-top: 0;
}
.abm-dp-profiel--stacked .abm-dp-profiel__media {
max-width: 360px;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.abm-dp-profiel--side {
gap: 20px;
}
.abm-dp-profiel.abm-dp-profiel--side > .abm-dp-profiel__media,
.abm-dp-profiel.abm-dp-profiel--side > .abm-dp-profiel__body {
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
} .abm-dp-info {
--abm-dp-accent: #e2703a;
margin: 1.5em 0;
}
.abm-dp-info__titel {
margin: 0 0 0.1em;
padding-bottom: 0.35em;
font-size: 1.05em;
letter-spacing: 0.06em;
text-transform: uppercase;
border-bottom: 3px solid var(--abm-dp-accent);
display: inline-block;
}
.abm-dp-info__radio {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.abm-dp-info__tabs {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
margin: 1.1em 0 0.3em;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.abm-dp-info__tab {
display: inline-block;
padding: 0 0 0.5em;
margin-bottom: -1px;
border-bottom: 3px solid transparent;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
cursor: pointer;
opacity: 0.55;
transition: opacity 0.15s ease, border-color 0.15s ease;
}
.abm-dp-info__tab:hover {
opacity: 0.85;
}
.abm-dp-info__panel {
display: none;
padding-top: 1.2em;
} .abm-dp-info__radio:nth-of-type(1):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(1),
.abm-dp-info__radio:nth-of-type(2):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(2),
.abm-dp-info__radio:nth-of-type(3):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(3),
.abm-dp-info__radio:nth-of-type(4):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(4),
.abm-dp-info__radio:nth-of-type(5):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(5),
.abm-dp-info__radio:nth-of-type(6):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(6),
.abm-dp-info__radio:nth-of-type(7):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(7),
.abm-dp-info__radio:nth-of-type(8):checked ~ .abm-dp-info__tabs .abm-dp-info__tab:nth-child(8) {
opacity: 1;
border-bottom-color: var(--abm-dp-accent);
}
.abm-dp-info__radio:nth-of-type(1):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(1),
.abm-dp-info__radio:nth-of-type(2):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(2),
.abm-dp-info__radio:nth-of-type(3):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(3),
.abm-dp-info__radio:nth-of-type(4):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(4),
.abm-dp-info__radio:nth-of-type(5):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(5),
.abm-dp-info__radio:nth-of-type(6):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(6),
.abm-dp-info__radio:nth-of-type(7):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(7),
.abm-dp-info__radio:nth-of-type(8):checked ~ .abm-dp-info__panels .abm-dp-info__panel:nth-child(8) {
display: block;
} .abm-dp-info__radio:focus-visible ~ .abm-dp-info__tabs .abm-dp-info__tab {
outline: 2px solid var(--abm-dp-accent);
outline-offset: 3px;
} .abm-dp-prijzen__kop {
margin: 1.4em 0 0.6em;
font-size: 1.05em;
}
.abm-dp-prijzen__kop:first-child {
margin-top: 0;
}
.abm-dp-prijzen__table {
width: 100%;
border-collapse: collapse;
margin-bottom: 0.5em;
}
.abm-dp-prijzen__table thead th {
text-align: left;
font-weight: 700;
padding: 0.5em 1em 0.5em 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.abm-dp-prijzen__table td {
padding: 0.55em 1em 0.55em 0;
vertical-align: middle;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.abm-dp-prijzen__table tr:last-child td {
border-bottom: 0;
}
.abm-dp-prijzen__prijs {
font-weight: 700;
white-space: nowrap;
}
.abm-dp-prijzen__duur {
white-space: nowrap;
opacity: 0.7;
}
@media (max-width: 560px) {
.abm-dp-prijzen__table thead {
display: none;
}
.abm-dp-prijzen__table tr {
display: block;
padding: 0.5em 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.abm-dp-prijzen__table td {
display: block;
border: 0;
padding: 0;
}
}