*,
*::before,
*::after {
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
img, video, iframe, embed, object {
max-width: 100%;
height: auto;
} @media (max-width: 479px) {
.dkk-container, .container { padding-left: 1rem; padding-right: 1rem; }
.dkk-nav-inner { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-container, .container { padding-left: 1.5rem; padding-right: 1.5rem; }
.dkk-nav-inner { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-container, .container { padding-left: 2rem; padding-right: 2rem; }
.dkk-nav-inner { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.dkk-container, .container { padding-left: 2.5rem; padding-right: 2.5rem; }
.dkk-nav-inner { padding-left: 2.5rem; padding-right: 2.5rem; }
} @media (min-width: 1024px) and (max-width: 1099px) {
.dkk-container, .container { padding-left: 3rem; padding-right: 3rem; }
.dkk-nav-inner { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1100px) and (max-width: 1199px) {
.dkk-container, .container { padding-left: 3.5rem; padding-right: 3.5rem; }
.dkk-nav-inner { padding-left: 3.5rem; padding-right: 3.5rem; }
}
@media (min-width: 1200px) and (max-width: 1320px) {
.dkk-container, .container { padding-left: 4rem; padding-right: 4rem; }
.dkk-nav-inner { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1321px) and (max-width: 1439px) {
.dkk-container, .container { padding-left: 3.5rem; padding-right: 3.5rem; }
.dkk-nav-inner { padding-left: 3.5rem; padding-right: 3.5rem; }
}
@media (min-width: 1440px) {
.dkk-container, .container { padding-left: 4rem; padding-right: 4rem; }
.dkk-nav-inner { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1600px) {
.dkk-container, .container { max-width: 1400px; }
.dkk-nav-inner { max-width: 1400px; }
}
@media (min-width: 1920px) {
.dkk-container, .container { max-width: 1480px; }
.dkk-nav-inner { max-width: 1480px; }
} @media (max-width: 479px) {
.dkk-section { padding: 2rem 0; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-section { padding: 2.5rem 0; }
}  .dkk-om-hero-photo-wrap,
.dkk-ts-editorial-visuals,
.dkk-wt-hero-photo-wrap,
.dkk-om-expertise-visual {
background: transparent !important;
box-shadow: none !important;
} @media (max-width: 767px) {
.dkk-usp-image-wrap { padding: 0; overflow: visible; }
} @media (max-width: 767px) {
.dkk-om-verhaal-img-label {
position: relative;
right: auto !important;
left: auto !important;
bottom: auto;
display: inline-block;
margin-top: 0.75rem;
transform: rotate(1deg);
}
.dkk-om-verhaal-block--reverse .dkk-om-verhaal-img-label {
right: auto !important;
left: auto !important;
transform: rotate(-1deg);
}
} @media (max-width: 767px) {
.dkk-wt-hero-photo-wrap { padding: 0.5rem; }
.dkk-om-hero-photo-wrap { padding: 0.5rem; }
.dkk-ts-editorial-visuals { padding: 0.5rem 0 1.5rem 0; }
.dkk-om-expertise-visual { padding: 0; overflow: visible; }
}  .dkk-ts-photo-main { width: 80%; }
.dkk-ts-photo-accent { width: 45%; } .dkk-om-hero-photo { width: 95%; } .dkk-tb-hero-photo { width: 92%; margin-left: auto; } .dkk-wt-hero-photo { width: 92%; } @media (min-width: 1024px) and (max-width: 1320px) {
.dkk-ts-photo-main { width: 75%; }
.dkk-ts-photo-accent { width: 40%; }
.dkk-om-hero-photo { width: 90%; }
.dkk-tb-hero-photo { width: 88%; }
.dkk-wt-hero-photo { width: 88%; } .dkk-ts-editorial-inner { grid-template-columns: 58fr 42fr; }
.dkk-om-hero-inner { grid-template-columns: 55fr 45fr; }
.dkk-tb-hero-inner { grid-template-columns: 55fr 45fr; }
.dkk-wt-hero-inner { grid-template-columns: 55fr 45fr; }
} @media (min-width: 1024px) and (max-width: 1320px) { .dkk-usp-bubble { padding: 1.75rem; }
.dkk-usp-bubble p { font-size: 1.5rem; }
.dkk-usp-image-wrap { padding: 0 2.5rem 2.5rem 0; } .dkk-about-preview-image-label { font-size: 2rem; } .dkk-om-expertise-bubble { padding: 1.25rem 1.75rem; }
.dkk-om-expertise-bubble p { font-size: 1.3rem; }
} .dkk-usp::before,
.dkk-cta-block::before,
.dkk-cta-block::after,
.dkk-om-expertise::before,
.dkk-om-missie::before {
pointer-events: none;
}
.dkk-cta-block {
overflow: hidden;
} @media (max-width: 479px) {
.dkk-hero .dkk-container { padding-top: 4rem; }
body.home .dkk-hero-title { font-size: 2.25rem; }
body:not(.home) .dkk-hero-title { font-size: 2rem; }
.dkk-hero-desc { font-size: 1rem; }
.dkk-hero-cta { flex-direction: column; gap: 1rem; }
.dkk-hero-cta .dkk-btn { width: 100%; justify-content: center; }
}
@media (min-width: 480px) and (max-width: 639px) {
body.home .dkk-hero-title { font-size: 2.75rem; }
body:not(.home) .dkk-hero-title { font-size: 2.5rem; }
.dkk-hero-desc { font-size: 1.1rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
body.home .dkk-hero-title { font-size: 3.5rem; }
body:not(.home) .dkk-hero-title { font-size: 3rem; }
}
@media (min-width: 768px) and (max-width: 1023px) {
body.home .dkk-hero-title { font-size: 4.5rem; }
body:not(.home) .dkk-hero-title { font-size: 3.75rem; }
}   @media (min-width: 640px) and (max-width: 767px) {
.dkk-problem-grid { grid-template-columns: 1fr 1fr; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-reviews-grid { grid-template-columns: 1fr 1fr; }
.dkk-review-card { padding: 1.75rem; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-proces-grid { grid-template-columns: 1fr 1fr; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-blog-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-footer-grid { grid-template-columns: 1fr 1fr; }
.dkk-footer-brand { grid-column: 1 / -1; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-methods-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-bereik-grid { grid-template-columns: 1fr 1fr; }
.dkk-bereik-card--urgent { grid-column: 1 / -1; }
} @media (min-width: 640px) and (max-width: 767px) {
.dkk-om-katten-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
} @media (min-width: 768px) and (max-width: 1023px) {
.dkk-usp-grid { grid-template-columns: 1fr; gap: 3rem; }
} @media (min-width: 768px) and (max-width: 1023px) {
.container--with-sidebar { grid-template-columns: 1fr; }
} @media (max-width: 767px) {
.dkk-locatie-grid { gap: 3rem; }
.dkk-locatie h2 { font-size: 2.25rem; }
.dkk-locatie-map-wrap { height: 300px; }
}
@media (max-width: 479px) {
.dkk-locatie h2 { font-size: 2rem; }
.dkk-locatie-map-wrap { height: 250px; }
.dkk-locatie-map-pin { width: 8rem; height: 8rem; }
} @media (max-width: 479px) {
.dkk-footer { padding: 4rem 0 2rem; }
.dkk-footer-title { font-size: 1.75rem; }
.dkk-footer-tel-num { font-size: 1.4rem; }
.dkk-footer-bottom { margin-top: 4rem; }
}
@media (min-width: 480px) and (max-width: 767px) {
.dkk-footer { padding: 5rem 0 2rem; }
} @media (max-width: 479px) {
.dkk-cta-block { padding: 2rem 1.25rem; border-radius: 1.5rem; }
.dkk-cta-block h2 { font-size: 1.75rem; }
.dkk-cta-block .dkk-cta-desc { font-size: 1rem; }
.dkk-cta-buttons { flex-direction: column; gap: 1rem; }
.dkk-cta-buttons .dkk-btn { width: 100%; justify-content: center; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-cta-block { padding: 2.5rem 1.5rem; border-radius: 2rem; }
.dkk-cta-block h2 { font-size: 2.25rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-cta-block { padding: 3rem 2rem; border-radius: 2.5rem; }
} @media (max-width: 479px) {
.dkk-nav { padding: 1rem 0; }
.dkk-nav-logo-text { font-size: 1.2rem; }
.dkk-nav-logo-icon { width: 2.5rem; height: 2.5rem; }
.dkk-nav-logo-img { height: 52px; }
.dkk-mobile-menu { padding: 1.5rem; }
.dkk-mobile-link { font-size: 1.25rem; }
.dkk-mobile-menu-links { gap: 1rem; }
} @media (max-width: 479px) {
.dkk-ts-editorial { padding: 7rem 0 3rem; }
.dkk-ts-editorial-text h1 { font-size: 2.25rem; }
.dkk-ts-photo-main { width: 100%; }
.dkk-ts-photo-accent { width: 45%; bottom: 0; }
.dkk-ts-photo-label { font-size: 1.2rem; top: 0.5rem; right: 0.5rem; }
.dkk-ts-bento-card { padding: 1.75rem; }
.dkk-ts-filmstrip { grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.dkk-ts-camper-desc { padding: 1.5rem; }
.dkk-ts-camper-desc-accent { font-size: 1.4rem; }
.dkk-ts-katten-card { padding: 1.75rem; }
.dkk-ts-katten-card h3 { font-size: 1.25rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-ts-editorial { padding: 8rem 0 4rem; }
.dkk-ts-editorial-text h1 { font-size: 2.75rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-ts-editorial { padding: 9rem 0 5rem; }
.dkk-ts-editorial-text h1 { font-size: 3.25rem; }
} @media (max-width: 479px) {
.dkk-om-hero { padding: 7rem 0 3rem; }
.dkk-om-hero-text h1 { font-size: 2.5rem; }
.dkk-om-hero-subtitle { font-size: 1.25rem; }
.dkk-om-hero-accent { bottom: 0; left: 0; width: 30%; }
.dkk-om-hero-label { font-size: 1.1rem; right: 0.5rem; top: 1rem; }
.dkk-om-missie-inner h2 { font-size: 2rem; }
.dkk-om-missie-quote { font-size: 1.1rem; }
.dkk-om-missie-quote-mark { font-size: 5rem; margin-bottom: -2rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-om-hero { padding: 8rem 0 4rem; }
.dkk-om-hero-text h1 { font-size: 3rem; }
}
@media (max-width: 1279px) {
.dkk-om-expertise-bubble { padding: 1rem 1.5rem; }
.dkk-om-expertise-bubble p { font-size: 1.2rem; }
} @media (max-width: 479px) {
.dkk-tb-hero { padding: 7rem 0 3rem; }
.dkk-tb-hero-text h1 { font-size: 2.25rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-tb-hero { padding: 8rem 0 4rem; }
.dkk-tb-hero-text h1 { font-size: 2.75rem; }
} @media (max-width: 479px) {
.dkk-wt-hero { padding: 7rem 0 3rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-wt-hero { padding: 8rem 0 4rem; }
} @media (max-width: 479px) {
body:not(.home) .dkk-rates-hero .dkk-hero-title { font-size: 2.125rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
body:not(.home) .dkk-rates-hero .dkk-hero-title { font-size: 2.625rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
body:not(.home) .dkk-rates-hero .dkk-hero-title { font-size: 3rem; }
} @media (max-width: 479px) { .dkk-contact-page-hero.dkk-hero { min-height: auto; padding-bottom: 3rem; }
.dkk-contact-page-hero .dkk-container { padding-top: calc(84px + 2.5rem); }
.dkk-method-card { padding: 2rem 1.5rem; }
.dkk-method-card__icon { width: 4rem; height: 4rem; }
.dkk-form-wrapper { padding: 2rem 1.25rem; }
.dkk-map-container { aspect-ratio: 1/1; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-contact-page-hero.dkk-hero { min-height: auto; }
.dkk-contact-page-hero .dkk-container { padding-top: calc(128px + 2.5rem); }
} @media (max-width: 479px) {
.dkk-gallery-intro-text { font-size: 1rem; }
} @media (max-width: 479px) {
.dkk-faq-list .faq-question { font-size: 1.05rem; padding: 0; }
.dkk-faq-list .faq-item { padding: 1rem 0; }
.dkk-faq-header { margin-bottom: 3rem; }
} @media (max-width: 479px) {
.dkk-section-title { font-size: 1.75rem; }
.dkk-content-section h2 { font-size: 1.5rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-section-title { font-size: 2rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-section-title { font-size: 2.25rem; }
} @media (max-width: 479px) {
.dkk-btn { padding: 0.65rem 1.5rem; font-size: 0.7rem; }
.dkk-hero-cta .dkk-btn,
.dkk-cta-buttons .dkk-btn,
.dkk-final-cta .dkk-btn {
width: 100%; justify-content: center; text-align: center;
}
} @media (max-width: 479px) {
.dkk-ai-hero-block { padding: 1.5rem; border-radius: 1rem; }
} @media (max-width: 479px) {
.dkk-floating-cta { bottom: 1rem; }
.dkk-floating-cta .dkk-btn { padding: 1rem 2rem; font-size: 0.7rem; }
} @media (max-width: 639px) {
.dkk-problem .dkk-container { padding-left: 1rem; padding-right: 1rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-problem .dkk-container { padding-left: 2rem; padding-right: 2rem; }
} @media (max-width: 479px) {
.dkk-page-hero { padding: 3rem 0 2rem; }
.dkk-page-hero .dkk-hero-subheadline { font-size: 1rem; }
} @media (max-width: 767px) {
.dkk-about-preview-image { height: 350px; }
.dkk-about-preview-content h2 { font-size: 2.25rem; }
}
@media (max-width: 479px) {
.dkk-about-preview-image { height: 280px; }
.dkk-about-preview-content h2 { font-size: 2rem; }
} @media (max-width: 479px) {
.dkk-usp-content h2, .dkk-locatie h2,
.dkk-about-preview-content h2, .dkk-om-expertise-text h2 { font-size: 2rem; }
.dkk-usp-list li { font-size: 1rem; }
.dkk-locatie-desc { font-size: 1.05rem; }
}
@media (min-width: 480px) and (max-width: 639px) {
.dkk-usp-content h2, .dkk-locatie h2,
.dkk-about-preview-content h2, .dkk-om-expertise-text h2 { font-size: 2.25rem; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-usp-content h2, .dkk-locatie h2,
.dkk-about-preview-content h2, .dkk-om-expertise-text h2 { font-size: 2.5rem; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.dkk-usp-content h2, .dkk-locatie h2,
.dkk-about-preview-content h2 { font-size: 2.5rem; }
}  @media (min-width: 480px) and (max-width: 639px) {
.dkk-om-hero-photo img { height: 300px; }
.dkk-om-hero-accent img { height: 110px; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-om-hero-photo img { height: 360px; }
.dkk-om-hero-accent img { height: 130px; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-ts-photo-main { width: 90%; }
.dkk-ts-photo-accent { width: 48%; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-ts-photo-main { width: 88%; }
.dkk-ts-photo-accent { width: 46%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.dkk-ts-photo-main { width: 85%; }
.dkk-ts-photo-accent { width: 45%; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-tb-hero-photo img { height: 300px; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-tb-hero-photo img { height: 340px; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-wt-hero-photo img { height: 300px; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-wt-hero-photo img { height: 340px; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-om-expertise-photo img { height: 280px; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-om-expertise-photo img { height: 320px; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-om-verhaal-img img { height: 250px; }
}
@media (min-width: 640px) and (max-width: 767px) {
.dkk-om-verhaal-img img { height: 300px; }
} @media (min-width: 480px) and (max-width: 639px) {
.dkk-om-kat-card-photo img { height: 180px; }
} @media (max-width: 767px) {
.dkk-ts-vs-item {
padding: 1rem 1.25rem;
font-size: 0.95rem;
}
.dkk-ts-vs-header {
padding: 1rem 1.25rem;
font-size: 1.1rem;
} .dkk-ts-vs-column--ons .dkk-ts-vs-header {
border-radius: 1.5rem 1.5rem 0 0;
}
.dkk-ts-vs-column--hen .dkk-ts-vs-header {
border-radius: 1.5rem 1.5rem 0 0;
}
.dkk-ts-vs-column--ons .dkk-ts-vs-item:last-child {
border-radius: 0 0 1.5rem 1.5rem;
}
.dkk-ts-vs-column--hen .dkk-ts-vs-item:last-child {
border-radius: 0 0 1.5rem 1.5rem;
}
}  @media (min-width: 480px) {
.site-main .dkk-ts-editorial,
.site-main .dkk-om-hero,
.site-main .dkk-tb-hero,
.site-main .dkk-wt-hero,
.site-main .dkk-legal-hero { padding-top: calc(128px + 2.5rem); }
}