*{box-sizing:border-box}html{font-size:100%}body{margin:0;background:#afb1b4 url('../images/logo/bg_body.jpg') no-repeat center top;color:#666;font:13px/1.65 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif}a{color:#e76c19;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #e76c19;outline-offset:3px}.wrapper{max-width:998px;margin:auto;padding-top:30px}.header{height:91px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 36px 18px 45px}.brand img{width:135px;height:auto;display:block}.header nav ul{display:flex;list-style:none;gap:16px;margin:0;padding:0}.header nav a{color:#fff;text-transform:uppercase;font-size:14px;white-space:nowrap}.header nav a[aria-current=page]{border-bottom:2px solid #f48228}.menu-toggle{display:none}.content{margin:0 14px 40px;background:#fff;box-shadow:0 5px 10px #333;border-radius:0 0 20px 20px;overflow:hidden;min-height:450px}.slider{position:relative;background:#e4e4e4;min-height:145px}.slider>img{display:block;width:100%;height:auto}.slider>img[hidden]{display:none}.slide-controls{position:absolute;right:15px;bottom:10px;display:flex;gap:4px}.slide-controls button{border:0;background:#555;color:white;cursor:pointer;padding:4px 8px}.slide-controls button[aria-pressed=true]{background:#ed731b}.home-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:28px 35px 75px}.home-columns section{padding:0 25px;border-right:1px solid #ddd}.home-columns section:first-child{padding-left:0}.home-columns section:last-child{border:0}.home-columns h1,.home-columns h2{color:#404040;font-size:22px;line-height:1.2;margin:0 0 15px}.home-columns ul,.news-list{list-style:none;padding:0;margin:0}.home-columns li{margin-bottom:8px}.page-layout{display:grid;grid-template-columns:250px minmax(0,630px);gap:50px;padding:40px 35px 70px;min-height:530px}.page-layout aside{border-right:1px solid #eee;margin-top:40px}.page-layout article{min-width:0}.page-layout h1{font-size:42px;line-height:1.1;color:#b4b4b4;text-transform:uppercase;letter-spacing:-1px;margin:0 0 25px}.page-layout h2{font-size:20px;line-height:1.2;text-transform:uppercase;letter-spacing:-1px;color:#555}.page-layout p{margin:0 0 15px}.page-layout img{max-width:100%;height:auto}.page-layout article>div img{display:block;margin:12px 0}.page-layout table{border-collapse:collapse;min-width:570px;width:100%}.page-layout td,.page-layout th{border:1px solid #ccc;padding:8px;text-align:left}.table-scroll{overflow-x:auto}.news-list li{margin:0 0 8px}.news-list time{white-space:nowrap}.sponsors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sponsor{min-height:100px;border-bottom:1px solid #dadada;display:flex;align-items:center}.sponsor img{max-width:100%;max-height:140px;object-fit:contain}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important}.lightbox{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;gap:15px;padding:25px}.lightbox[hidden]{display:none}.lightbox img{max-width:85vw;max-height:85vh;object-fit:contain}.lightbox button{color:#fff;background:transparent;border:0;font-size:36px;cursor:pointer}.lightbox .close{position:absolute;right:15px;top:5px}footer{text-align:center;font-size:11px;padding:0 0 20px}footer a{color:#666}@media(max-width:900px){.header{height:auto;min-height:85px;align-items:center;padding:15px 25px;flex-wrap:wrap}.menu-toggle{display:block;background:#333;color:#fff;border:0;padding:8px 12px;font:inherit;cursor:pointer}.header nav{width:100%}.header nav ul{flex-wrap:wrap;gap:8px 16px;padding-top:12px}.js .header nav{display:none}.js .header nav.open{display:block}.page-layout{grid-template-columns:1fr;padding:35px}.page-layout aside{display:none}.home-columns{padding:25px}.home-columns section{padding:0 15px}}@media(max-width:600px){.wrapper{padding-top:0}.content{margin:0 10px 25px}.home-columns{grid-template-columns:1fr}.home-columns section{border:0;border-bottom:1px solid #ddd;padding:20px 0}.home-columns section:first-child{padding-top:0}.page-layout{padding:28px 20px 45px}.page-layout h1{font-size:31px}.gallery{grid-template-columns:repeat(2,1fr)}.sponsors{grid-template-columns:1fr}.lightbox{gap:0;padding:10px}.lightbox img{max-width:75vw}}
.gallery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-content:start}.gallery-overview h1{grid-column:1/-1}.gallery-overview>div img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0 0 5px!important}.gallery-overview>div a{display:block}.newsphoto{max-width:45%!important;float:right;margin:0 0 15px 15px!important}@media(max-width:600px){.gallery-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.newsphoto{float:none;max-width:100%!important;margin:0 0 15px!important}}
.home-columns img{display:block;max-width:250px;width:100%;height:auto;margin:0 0 12px}.news-list li{margin-bottom:18px}.news-list p{margin:3px 0 0;color:#666}

/* Vormgeving gebaseerd op de oorspronkelijke Team Streuer-site. */
body{background-color:#d0d0d0;background-size:cover;color:#555;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
a{color:#f02b0a}.wrapper{width:calc(100% - 48px);max-width:1425px;padding-top:35px}.header{height:120px;padding:0 45px;align-items:center;background:#f32a08;border-radius:18px 18px 0 0;box-shadow:0 5px 12px #0005}.brand img{width:200px;max-width:100%}.header nav ul{gap:28px}.header nav a{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:16px;font-stretch:condensed}.header nav a[aria-current=page]{border-color:#fff}.content{position:relative;margin:0 0 40px;box-shadow:0 6px 12px #0008;border-radius:0 0 25px 25px}.slider{margin:0 16px;background:#fff;aspect-ratio:970/355;min-height:0}.slider>img{width:100%;height:auto}.slide-controls{left:0;right:0;bottom:0;height:46px;padding:0 15px;justify-content:flex-end;align-items:center;gap:8px;background:#898989}.slide-controls button{width:17px;height:17px;padding:0;border-radius:50%;background:#5b5b5b;color:transparent;font-size:0}.slide-controls button[aria-pressed=true]{background:#fff}.home-columns{padding:55px 50px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.home-columns section{padding:35px 50px 0;border-color:#ccc}.home-columns section:first-child{padding-left:0}.home-columns section:last-child{padding-right:0}.home-columns h1,.home-columns h2{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:26px;margin-bottom:18px}.home-columns h1{color:#f32a08}.home-columns li{margin-bottom:3px}.home-columns img{max-width:100%;width:100%;margin-bottom:5px}.home-sponsor{padding:55px 30px 45px;text-align:center}.home-sponsor img{display:inline-block;width:min(50%,680px);height:auto}.page-layout{padding-top:55px}.menu-toggle{background:#b8240b}
@media(max-width:1250px){.header nav ul{gap:14px}.header nav a{font-size:14px}.brand img{width:160px}}
@media(max-width:1050px){.header{height:auto;min-height:90px;padding:20px 25px;flex-wrap:wrap}.header nav{width:100%}.header nav ul{flex-wrap:wrap;gap:8px 16px;padding-top:12px}.menu-toggle{display:block}.js .header nav{display:none}.js .header nav.open{display:block}.home-columns{padding:35px 30px 0}.home-columns section{padding:25px 25px 0}.home-columns h1,.home-columns h2{font-size:22px}}
@media(max-width:600px){body{font-size:15px}.wrapper{width:calc(100% - 20px);padding-top:10px}.header{border-radius:12px 12px 0 0}.brand img{width:135px}.content{margin:0 0 25px}.slider{margin:0 8px;min-height:170px;aspect-ratio:auto}.slide-controls{height:32px;padding:0 10px;gap:7px}.slide-controls button{width:13px;height:13px}.home-columns{grid-template-columns:1fr;padding:10px 25px 0}.home-columns section,.home-columns section:first-child,.home-columns section:last-child{padding:22px 0;border-right:0;border-bottom:1px solid #ddd}.home-columns section:last-child{border-bottom:0}.home-columns img{max-width:250px}.home-sponsor{padding:25px 25px 35px}.home-sponsor img{width:min(85%,400px)}}

/* Behoud de oorspronkelijke breedte van de websitekaart. */
@media(min-width:1051px){.wrapper{max-width:998px}.header{height:91px;padding:0 30px}.brand img{width:135px}.header nav ul{gap:14px}.header nav a{font-size:13px}.slide-controls{height:32px}.slide-controls button{width:12px;height:12px}.home-columns{padding:38px 35px 0}.home-columns section{padding:25px 30px 0}.home-columns h1,.home-columns h2{font-size:22px}.home-sponsor{padding:45px 25px 35px}}
