/* ABTT voorpagina v1.2 — uitsluitend voor .abtt-page */
.abtt-page {--blue:#155b86;--grey:#59697c;--paper:#fafaf8}
.abtt-page * {box-sizing:border-box}
.abtt-page {font-size:15px}
.abtt-page {color:var(--grey);font:15px/1.55 Georgia,"Times New Roman",serif}
.abtt-page {max-width:910px;margin:auto;padding:32px clamp(18px,3.5vw,42px) 65px}
.abtt-page h1, .abtt-page h2, .abtt-page h3, .abtt-page h4, .abtt-page h5, .abtt-page h6 {color:var(--blue);line-height:1.23}
.abtt-page .original-font {font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.abtt-page p, .abtt-page li {color:var(--grey)}
.abtt-page a {color:var(--blue);text-underline-offset:3px}
.abtt-page .intro {margin-bottom:38px}
.abtt-page .intro h1 {font-size:clamp(27px,3.6vw,43px);font-weight:700;margin:0 0 26px;max-width:850px}
.abtt-page .intro-row {display:flex;gap:24px;align-items:flex-start}
.abtt-page .intro-photo {flex:0 0 108px;max-width:108px;margin:0}
.abtt-page .intro-photo img {width:100%;height:auto;display:block}
.abtt-page .intro-copy {min-width:0;flex:1}
.abtt-page .intro h2 {font-size:clamp(19px,2.3vw,25px);margin:0 0 18px;font-weight:700}
.abtt-page .intro p {margin:0 0 17px}
.abtt-page .intro p:last-child {font:700 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.055em;margin:24px 0 0}
.abtt-page .gallery {display:grid;grid-template-columns:1.05fr .95fr;gap:18px 25px;align-items:start;margin:0 0 46px}
.abtt-page .media-card {margin:0;min-width:0;position:static;width:100%;grid-column:auto!important;grid-row:auto!important}
.abtt-page .media-card:nth-child(even) {width:85%;justify-self:end}
.abtt-page .media-card:nth-child(3) {width:90%;justify-self:center}
.abtt-page .media-card:nth-child(4) {width:100%}
.abtt-page .media-card:nth-child(6) {width:72%;justify-self:center}
.abtt-page .media-card .wp-block-image, .abtt-page .media-card figure {float:none!important;margin:0!important;display:block!important}
.abtt-page .media-card img {display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}
.abtt-page .program-header {display:flex;align-items:center;justify-content:flex-start;gap:18px;margin:0 0 22px;padding:0;min-width:0}
.abtt-page .program-header .logo-wrap {width:100px;flex:0 0 100px;min-width:0;max-width:100px}
.abtt-page .program-header .logo-wrap .wp-block-image, .abtt-page .program-header .logo-wrap figure {margin:0!important;display:block!important;width:100%!important;float:none!important}
.abtt-page .program-header .logo-wrap img {display:block!important;width:100%!important;max-width:100%!important;height:auto!important}
.abtt-page .program-header .group-title {font-size:clamp(25px,3vw,32px);margin:0!important;padding:0!important;min-width:0;flex:1 1 auto}
.abtt-page .schedule {display:flex;flex-direction:column;gap:20px;margin:0 0 45px}
.abtt-page .schedule-card {display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:clamp(18px,4vw,46px);align-items:center;min-height:0;margin:0!important;padding:9px 0}
.abtt-page .schedule-card:nth-child(even) {grid-template-columns:minmax(0,1fr) minmax(0,38%)}
.abtt-page .schedule-card:nth-child(even)>.wp-block-image {grid-column:2;grid-row:1}
.abtt-page .schedule-card:nth-child(even)>.copy {grid-column:1;grid-row:1}
.abtt-page .schedule-card .wp-block-image, .abtt-page .schedule-card figure {display:block!important;float:none!important;margin:0!important;min-width:0}
.abtt-page .schedule-card img {width:100%!important;max-width:100%!important;height:auto!important;display:block}
.abtt-page .schedule-card:nth-child(3n) img {max-width:88%!important;margin:auto}
.abtt-page .schedule-card .copy {min-width:0;font-size:15px}
.abtt-page .schedule-card .schedule-heading {font:700 clamp(17px,2vw,21px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.012em;color:var(--blue);margin:0 0 9px}
.abtt-page .schedule-card .copy p {margin:0 0 8px}
.abtt-page .schedule-card .copy p:last-child {margin-bottom:0}
.abtt-page .links-block {columns:2;column-gap:38px;margin-top:30px;padding:0}
.abtt-page .links-block>p, .abtt-page .links-block>ul {break-inside:avoid}
.abtt-page .links-block p {margin:0 0 12px}
.abtt-page .links-block ul {padding-left:19px;margin:0 0 19px}
.abtt-page .links-block li {margin-bottom:6px}
@media(max-width:650px){
.abtt-page {padding:25px 19px 55px}
.abtt-page .intro {margin-bottom:29px}
.abtt-page .intro-row {gap:15px}
.abtt-page .intro-photo {flex-basis:86px;max-width:86px}
.abtt-page .gallery {grid-template-columns:1fr 1fr;gap:15px;margin-bottom:33px}
.abtt-page .gallery .media-card {width:100%;justify-self:auto}
.abtt-page .gallery .media-card:nth-child(even) {width:90%;justify-self:end}
.abtt-page .program-header {gap:15px;margin-bottom:19px}
.abtt-page .program-header .logo-wrap {flex-basis:86px;width:86px;max-width:86px}
.abtt-page .schedule {gap:15px}
.abtt-page .schedule-card, .abtt-page .schedule-card:nth-child(even) {grid-template-columns:minmax(0,39%) minmax(0,1fr);gap:15px}
.abtt-page .schedule-card:nth-child(even)>.wp-block-image {grid-column:1;grid-row:1}
.abtt-page .schedule-card:nth-child(even)>.copy {grid-column:2;grid-row:1}
.abtt-page .links-block {columns:1}
}
@media(max-width:430px){
.abtt-page .intro h1 {font-size:28px}
.abtt-page .intro h2 {font-size:19px}
.abtt-page .intro-row {gap:12px}
.abtt-page .intro-photo {flex-basis:75px;max-width:75px}
.abtt-page .gallery {grid-template-columns:1fr;gap:14px}
.abtt-page .gallery .media-card, .abtt-page .gallery .media-card:nth-child(even), .abtt-page .gallery .media-card:nth-child(3), .abtt-page .gallery .media-card:nth-child(6) {width:85%;justify-self:start}
.abtt-page .gallery .media-card:nth-child(even) {justify-self:end}
.abtt-page .program-header .logo-wrap {flex-basis:74px;width:74px;max-width:74px}
.abtt-page .schedule-card, .abtt-page .schedule-card:nth-child(even) {display:flex;flex-direction:column;align-items:stretch;gap:9px}
.abtt-page .schedule-card .wp-block-image {width:75%}
.abtt-page .schedule-card:nth-child(even)>.wp-block-image {align-self:flex-end}
.abtt-page .schedule-card:nth-child(3n) img {max-width:100%!important}
}
.abtt-page .gallery {column-gap:35px;row-gap:35px;padding:14px 16px 16px}
.abtt-page .schedule {gap:26px}
.abtt-page .schedule-card {padding:16px 13px!important}
.abtt-page .gallery .media-card img, .abtt-page .schedule-card .wp-block-image img {
  transform:rotate(var(--photo-angle,0deg));
  transform-origin:center center;
  box-shadow:3px 5px 10px rgba(0,0,0,.18);
}
.abtt-page .gallery .media-card:nth-child(1) {--photo-angle:-3.4deg}
.abtt-page .gallery .media-card:nth-child(2) {--photo-angle:4.2deg}
.abtt-page .gallery .media-card:nth-child(3) {--photo-angle:-5.8deg}
.abtt-page .gallery .media-card:nth-child(4) {--photo-angle:3.1deg}
.abtt-page .gallery .media-card:nth-child(5) {--photo-angle:-4.9deg}
.abtt-page .gallery .media-card:nth-child(6) {--photo-angle:5.7deg}
.abtt-page .schedule-card:nth-child(1) {--photo-angle:3.6deg}
.abtt-page .schedule-card:nth-child(2) {--photo-angle:-5.4deg}
.abtt-page .schedule-card:nth-child(3) {--photo-angle:5.9deg}
.abtt-page .schedule-card:nth-child(4) {--photo-angle:-3.2deg}
.abtt-page .schedule-card:nth-child(5) {--photo-angle:4.1deg}
.abtt-page .schedule-card:nth-child(6) {--photo-angle:-5.6deg}
.abtt-page .schedule-card:nth-child(7) {--photo-angle:3.3deg}
.abtt-page .schedule-card:nth-child(8) {--photo-angle:-4.8deg}
.abtt-page .schedule-card:nth-child(9) {--photo-angle:5.5deg}
@media(max-width:650px){
.abtt-page .gallery {gap:25px;padding:12px 13px}
.abtt-page .schedule-card {padding:13px 10px!important}
}
@media(max-width:430px){
.abtt-page .gallery {gap:26px}
.abtt-page .schedule {gap:22px}
}
.abtt-page .intro .stream-action {margin:8px 0 18px}
.abtt-page .stream-link {display:inline-flex;align-items:center;gap:12px;color:var(--blue);text-decoration:none;font:600 16px/1.35 Arial,Helvetica,sans-serif}
.abtt-page .stream-link img {display:block;width:56px;height:56px;flex:0 0 56px}
.abtt-page .stream-link span {text-decoration:underline;text-underline-offset:3px}
.abtt-page .stream-link:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:430px){
.abtt-page .stream-link {font-size:14px;gap:9px}
.abtt-page .stream-link img {width:48px;height:48px;flex-basis:48px}
}