.c-draenfonden-page {
background: var(--color-surface);
padding-bottom: 80px;
} .c-draenfonden-hero {
position: relative;
min-height: 220px;
display: flex;
align-items: center;
background-color: var(--color-heading);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.c-draenfonden-hero__inner {
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
color: #fff;
}
.c-draenfonden-hero__eyebrow {
margin: 0 0 10px;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
}
.c-draenfonden-hero h1 {
margin: 0 0 14px;
color: #fff;
font-family: var(--font-display);
font-size: clamp(40px, 5vw, 56px);
line-height: 1.05;
}
.c-draenfonden-hero__text {
max-width: 680px;
margin: 0;
color: #fff;
font-size: 19px;
line-height: 1.55;
} .c-draenfonden-content {
padding: 64px 0 0;
}
.c-draenfonden-content__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
gap: 56px;
align-items: start;
}
.c-draenfonden-content__main {
min-width: 0;
}
.c-draenfonden-intro {
margin-bottom: 48px;
font-size: 16px;
line-height: 1.7;
}
.c-draenfonden-intro h2,
.c-draenfonden-intro h3,
.c-draenfonden-intro h4 {
color: var(--color-heading);
font-family: var(--font-display);
line-height: 1.25;
}
.c-draenfonden-intro h2 {
margin: 0 0 14px;
font-size: clamp(28px, 3vw, 38px);
}
.c-draenfonden-intro h3 {
margin: 32px 0 12px;
font-size: 24px;
}
.c-draenfonden-intro p {
margin-top: 0;
margin-bottom: 16px;
}
.c-draenfonden-intro > p:has(strong) {
margin-bottom: 8px;
}
.c-draenfonden-intro > p:has(strong) + ul,
.c-draenfonden-intro > p:has(strong) + ol {
margin-top: 0;
margin-bottom: 28px;
}
.c-draenfonden-intro > ul + p:has(strong),
.c-draenfonden-intro > ol + p:has(strong) {
margin-top: 28px;
}
.c-draenfonden-intro ul,
.c-draenfonden-intro ol {
margin-bottom: 24px;
}
.c-draenfonden-intro a,
.c-draenfonden-year-card a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.c-draenfonden-intro a:hover,
.c-draenfonden-year-card a:hover {
color: var(--color-primary-dark);
} .c-draenfonden-section-heading {
margin-bottom: 28px;
}
.c-draenfonden-section-heading__eyebrow {
margin: 0 0 6px;
color: var(--color-primary);
font-size: 13px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}
.c-draenfonden-section-heading h2 {
margin: 0;
color: var(--color-heading);
font-family: var(--font-display);
font-size: clamp(30px, 4vw, 42px);
line-height: 1.15;
} .c-draenfonden-meetings__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.c-draenfonden-year-card {
display: flex;
flex-direction: column;
min-width: 0;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-background, #fff);
overflow: hidden;
}
.c-draenfonden-year-card__header {
display: flex;
align-items: center;
gap: 12px;
padding: 17px 18px;
background: var(--color-surface-alt, var(--color-surface));
border-bottom: 1px solid var(--color-border);
}
.c-draenfonden-year-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 34px;
height: 34px;
border: 1px solid var(--color-primary);
border-radius: 4px;
color: var(--color-primary);
font-size: 9px;
font-weight: 700;
letter-spacing: .02em;
}
.c-draenfonden-year-card__header h3 {
margin: 0;
color: var(--color-heading);
font-family: var(--font-display);
font-size: 24px;
line-height: 1.1;
}
.c-draenfonden-year-card__content {
flex: 1;
padding: 16px 18px 18px;
font-size: 15px;
line-height: 1.55;
}
.c-draenfonden-year-card__content p {
margin: 0 0 10px;
}
.c-draenfonden-year-card__content p:last-child {
margin-bottom: 0;
}
.c-draenfonden-year-card__content ul,
.c-draenfonden-year-card__content ol {
margin: 0;
padding-left: 0;
list-style: none;
}
.c-draenfonden-year-card__content li {
margin: 0;
padding: 9px 0 9px 18px;
border-bottom: 1px solid var(--color-border);
position: relative;
}
.c-draenfonden-year-card__content li:last-child {
border-bottom: 0;
}
.c-draenfonden-year-card__content li::before {
content: '→';
position: absolute;
left: 0;
top: 9px;
color: var(--color-primary);
font-weight: 600;
}
.c-draenfonden-year-card__content li a {
display: inline;
}  .c-draenfonden-content__media {
position: sticky;
top: 32px;
}
.c-draenfonden-media-card {
margin: 0 0 28px;
padding: 0;
}
.c-draenfonden-media-card img,
.c-draenfonden-media-card video {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
}
.c-draenfonden-media-card figcaption {
margin-top: 9px;
color: var(--color-heading);
font-size: 14px;
line-height: 1.4;
font-weight: 600;
}
.c-draenfonden-video {
margin-top: 30px;
} @media (max-width: 1000px) {
.c-draenfonden-content__grid {
grid-template-columns: minmax(0, 1fr) 260px;
gap: 36px;
}
.c-draenfonden-meetings__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.c-draenfonden-hero {
min-height: 200px;
}
.c-draenfonden-hero__inner {
padding-top: 42px;
padding-bottom: 42px;
}
.c-draenfonden-content {
padding-top: 48px;
}
.c-draenfonden-content__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.c-draenfonden-content__media {
position: static;
max-width: 560px;
}
}
@media (max-width: 560px) {
.c-draenfonden-page {
padding-bottom: 56px;
}
.c-draenfonden-meetings__grid {
grid-template-columns: 1fr;
}
.c-draenfonden-hero h1 {
font-size: 42px;
}
} .c-draenfonden-document-row {
margin: 0;
padding: 9px 0;
border-bottom: 1px solid var(--color-border);
line-height: 1.45;
}
.c-draenfonden-document-row:last-child {
border-bottom: 0;
}
.c-draenfonden-document-row a {
position: relative;
display: inline-block;
padding-left: 16px;
}
.c-draenfonden-document-row a::before {
content: '→';
position: absolute;
left: 0;
top: 0;
color: var(--color-primary);
font-weight: 600;
}