/* Extra inhoudspagina's: één rustige Steenuil-grammatica voor campagnes, contact en Puur-details. */
#su-dagje-uit.xp-page{--xp-green:#267B42}
#su-dagje-uit.xp-page .k-phone{border:0;border-radius:0}
#su-dagje-uit.xp-page .xp-hero{display:grid;gap:24px;padding-top:24px;padding-bottom:38px}
#su-dagje-uit.xp-page .xp-hero h1{font:400 clamp(35px,9vw,50px)/1.07 Georgia,serif;letter-spacing:-.035em;color:var(--k-red);max-width:18ch;margin:0}
#su-dagje-uit.xp-page .xp-lead{font-size:17px;line-height:1.7;max-width:61ch;margin-top:16px}
#su-dagje-uit.xp-page .xp-photo{margin:0;padding:6px;background:var(--k-white);align-self:start}
#su-dagje-uit.xp-page .xp-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#su-dagje-uit.xp-page .xp-photo figcaption{font-size:13px;line-height:1.5;color:var(--k-muted);padding:8px 3px 3px}
#su-dagje-uit.xp-page .xp-jump{display:grid;padding-top:5px;padding-bottom:5px;border-block:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-jump a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;border-bottom:1px solid var(--k-line);font-weight:600;color:var(--k-ink);font-size:14px}
#su-dagje-uit.xp-page .xp-jump a:last-child{border-bottom:0}
#su-dagje-uit.xp-page .xp-jump svg{width:16px;height:16px;color:var(--k-red)}
#su-dagje-uit.xp-page .xp-section{padding-top:40px;padding-bottom:40px}
#su-dagje-uit.xp-page .xp-section h2{font:400 30px/1.17 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;max-width:27ch}
#su-dagje-uit.xp-page .xp-section h3{font:400 21px/1.24 Georgia,serif;letter-spacing:-.015em;margin:0 0 8px}
#su-dagje-uit.xp-page .xp-section>p:not(.k-section-label),#su-dagje-uit.xp-page .xp-copy p{max-width:70ch;font-size:15px;line-height:1.72;margin:0 0 13px}
#su-dagje-uit.xp-page .xp-sand{background:var(--k-sand)}
#su-dagje-uit.xp-page .xp-blue{background:var(--k-grey)}
#su-dagje-uit.xp-page .xp-white{background:var(--k-white)}
#su-dagje-uit.xp-page .xp-grid{display:grid;gap:1px;margin-top:23px;background:var(--k-line);border:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-card{background:var(--k-white);padding:20px}
#su-dagje-uit.xp-page .xp-card svg{display:block;width:23px;height:23px;color:var(--xp-green);margin-bottom:12px}
#su-dagje-uit.xp-page .xp-card p{font-size:14px;line-height:1.65;margin:0}
#su-dagje-uit.xp-page .xp-price{font:400 28px/1.16 Georgia,serif!important;color:var(--k-red);margin:12px 0 0!important}
#su-dagje-uit.xp-page .xp-price small{display:block;font:400 13px/1.5 'Erfboek Tekst',Arial,sans-serif;color:var(--k-muted);margin-top:4px}
#su-dagje-uit.xp-page .xp-split{display:grid;gap:28px;align-items:center}
#su-dagje-uit.xp-page .xp-split .xp-photo img{max-height:420px}
#su-dagje-uit.xp-page .xp-notice{padding:18px 20px;background:var(--k-white);border-left:2px solid var(--k-red)}
#su-dagje-uit.xp-page .xp-notice p{margin:0;font-size:14px;line-height:1.65;max-width:78ch}
#su-dagje-uit.xp-page .xp-list{max-width:72ch;margin:18px 0 0;padding-left:20px;font-size:15px;line-height:1.7}
#su-dagje-uit.xp-page .xp-list li+li{margin-top:7px}
#su-dagje-uit.xp-page .xp-dates{display:grid;gap:10px;margin-top:22px}
#su-dagje-uit.xp-page .xp-date{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;align-items:center;padding:15px;background:var(--k-white);border:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-date strong{font:400 25px/1 Georgia,serif;color:var(--k-red);text-align:center}
#su-dagje-uit.xp-page .xp-date strong small{display:block;font:600 11px/1.4 'Erfboek Tekst',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--k-muted);margin-top:4px}
#su-dagje-uit.xp-page .xp-date span{font-size:14px;line-height:1.6}
#su-dagje-uit.xp-page .xp-timeline{margin-top:22px;border-left:1px solid var(--k-red);padding-left:20px}
#su-dagje-uit.xp-page .xp-timeline article{position:relative;padding:0 0 23px}
#su-dagje-uit.xp-page .xp-timeline article:last-child{padding-bottom:0}
#su-dagje-uit.xp-page .xp-timeline article::before{content:"";position:absolute;left:-25px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--k-red)}
#su-dagje-uit.xp-page .xp-timeline p{font-size:14px;line-height:1.65;margin:0}
#su-dagje-uit.xp-page .xp-stat-grid{display:grid;gap:1px;margin-top:24px;background:var(--k-line);border:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-stat{padding:21px;background:var(--k-white)}
#su-dagje-uit.xp-page .xp-stat strong{display:block;font:400 32px/1.05 Georgia,serif;color:var(--k-red)}
#su-dagje-uit.xp-page .xp-stat span{display:block;font-size:13px;line-height:1.55;color:var(--k-muted);margin-top:7px}
#su-dagje-uit.xp-page .xp-contact-grid{display:grid;gap:1px;margin-top:22px;background:var(--k-line);border:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-contact-grid article{background:var(--k-white);padding:21px}
#su-dagje-uit.xp-page .xp-contact-grid svg{width:23px;height:23px;color:var(--xp-green);margin-bottom:12px}
#su-dagje-uit.xp-page .xp-contact-grid p{font-size:14px;line-height:1.65;margin:0 0 10px}
#su-dagje-uit.xp-page .xp-quote{max-width:850px;padding:24px 0;border-block:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-quote blockquote{font:400 24px/1.4 Georgia,serif;margin:0;color:var(--k-ink)}
#su-dagje-uit.xp-page .xp-quote cite{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;min-height:28px;font-size:14px;line-height:1.45;color:var(--k-muted);margin-top:12px;font-style:normal}
#su-dagje-uit.xp-page .xp-quote-source{display:inline-flex;align-items:center;min-height:28px;color:var(--k-red);font-weight:600;text-decoration:underline;text-underline-offset:4px}
#su-dagje-uit.xp-page .xp-end{border-top:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px}
#su-dagje-uit.xp-page .xp-actions .k-quiet-button{background:var(--k-red);border-color:var(--k-red);color:var(--k-white)}
#su-dagje-uit.xp-page .xp-actions .k-quiet-button svg{color:var(--k-white)}
#su-dagje-uit.xp-page .xp-actions .k-quiet-button:hover{color:var(--k-white)}
#su-dagje-uit.xp-page .xp-details details{border-bottom:1px solid var(--k-line)}
#su-dagje-uit.xp-page .xp-details summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600}
#su-dagje-uit.xp-page .xp-details summary::-webkit-details-marker{display:none}
#su-dagje-uit.xp-page .xp-details details p{padding:0 0 18px;max-width:72ch;font-size:14px;line-height:1.65}
@media(min-width:520px){
 #su-dagje-uit.xp-page .xp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #su-dagje-uit.xp-page .xp-grid.xp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
 #su-dagje-uit.xp-page .xp-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #su-dagje-uit.xp-page .xp-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #su-dagje-uit.xp-page .xp-jump{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
 #su-dagje-uit.xp-page .xp-jump a:nth-last-child(-n+2){border-bottom:0}
}
@media(min-width:760px){
 #su-dagje-uit.xp-page .xp-split{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:55px}
 #su-dagje-uit.xp-page .xp-split.xp-reverse{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}
 #su-dagje-uit.xp-page .xp-split.xp-reverse .xp-photo{grid-column:1;grid-row:1}
 #su-dagje-uit.xp-page .xp-split.xp-reverse>div{grid-column:2;grid-row:1}
 #su-dagje-uit.xp-page .xp-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:900px){
 #su-dagje-uit.xp-page .xp-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:55px;padding-top:42px;padding-bottom:52px}
 #su-dagje-uit.xp-page .xp-hero.xp-hero-text{grid-template-columns:minmax(0,1fr)}
 #su-dagje-uit.xp-page .xp-hero.xp-hero-text>div{max-width:800px}
 #su-dagje-uit.xp-page .xp-photo img{aspect-ratio:16/10}
 #su-dagje-uit.xp-page .xp-jump{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}
 #su-dagje-uit.xp-page .xp-jump a{border-bottom:0}
 #su-dagje-uit.xp-page .xp-section{padding-top:52px;padding-bottom:52px}
 #su-dagje-uit.xp-page .xp-section h2{font-size:38px}
 #su-dagje-uit.xp-page .xp-section>p:not(.k-section-label),#su-dagje-uit.xp-page .xp-copy p{font-size:16px}
 #su-dagje-uit.xp-page .xp-card{padding:24px}
}
