@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%; scroll-behavior:smooth;}
body{width:100%; height:100%; font-family:'Oxygen', sans-serif; font-size:1.6rem; line-height:1.628571; color:#444444; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'Oswald', sans-serif; height:auto; font-weight:500; line-height:1.628571;}
h1{font-size:10rem; margin-bottom:32px; font-weight:900;}
h2{font-size:3.0rem; margin-bottom:32px;}
h3{font-size:2.6rem; margin-bottom:16px;}
h4{font-size:2.2rem; margin-bottom:16px;}
h2.center{text-align:center;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#1a8ecf; text-decoration:none;}
a:hover, a:hover {color:#496778;}
small{font-size:1.2rem;}
section{padding: 48px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.button{display:block; width:fit-content; font-size:2.0rem; font-weight:700; color:#ffffff; font-family:'Oxygen',sans-serif; border-radius:4px; padding: 4px 10px; text-align:center;}
.button:hover{}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.outline{background:unset; border:4px solid white;}
.button.signup,
.button.donate{border-radius:4px; min-width:250px;}
.button.signup i,
.button.donate i{margin-left:8px;}
.button.signup{border:2px solid #1a8ecf; background:#1a8ecf;}
.button.signup:hover{background:white; color:#1a8ecf;}
.button.donate{border:2px solid #04b149; background:#04b149;}
.button.donate:hover{background:white; color:#04b149;}

.button.bg-white{color:#1D609A;}
.button.bg-white:hover{background:#1a8ecf; color:white;}

.ol-blue{border:2px solid #1a8ecf; color:#1a8ecf;}
.ol-red{border:2px solid #e3051b; color:#e3051b;}
.bg-red{background:#e3051b;}
.bg-lightblue{background:#b7dff6;}
.bg-blue{background:#1a8ecf;}
.bg-darkblue{background:#1D609A;}
.bg-green{background:#04b149;}
.bg-white{background:white;}
.txt-white{color:white;}
.button.ol-blue:hover{ background:#1a8ecf; color:white;}
.button.ol-red:hover{ background:#e3051b; color:white;}
article ul li a,
article ol li a,
article p a{color:#1a8ecf; text-decoration:underline;}
article ul li a:hover,
article ol li a:hover,
article p a:hover{color:#1D609A;}
section article table.anbi tr td{border-bottom:1px dotted #1a8ecf;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:28px; margin:0 0 24px 0;}
.breadcrumbs .ctr{max-width:1260px; padding:0 24px; margin:0 auto;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li a{font-size:1.4rem; line-height:28px; color:#1D609A;}
.breadcrumbs a span{color:#1D609A !important; margin:0 4px;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px; padding:24px;}
form.form-grid.donate{grid-template-columns:1fr; gap:24px;}
form .form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .row.sizer{display:grid; grid-template-columns:32px 48px 32px auto 64px; gap:12px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid .wide.grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .rides{width:100%; height:auto; display:grid; grid-template-columns:1fr 1fr; grid-gap:35px;}
form.form-grid .rides a.ride{padding:15px; box-sizing:border-box; background:#008ecf; border:2px solid #008ecf; color:#ffffff; border-radius:10px; padding-bottom:48px; text-align:center; position:relative;}
form.form-grid .rides a.ride{display:block; cursor:pointer; text-decoration:none !important;}
form.form-grid .rides a.ride *{text-decoration:none !important;}
form.form-grid .rides a.ride i{width:70px; height:70px; display:block; margin:0px auto 10px auto; border-radius:35px; background:#ffffff; color:#008ecf; line-height:70px; text-align:center; font-size:32px; font-size:3.2rem;}
form.form-grid .rides a.ride span{font-weight:bold; font-size:1.7rem; color:#ffffff; }
form.form-grid .rides a.ride em{font-style:normal;}
form.form-grid .rides a.ride.checked{background:#ffffff !important; color:#04b149; border:2px solid #04b149; }
form.form-grid .rides a.ride.checked i{background:#04b149; color:#ffffff;}
form.form-grid .rides a.ride.checked em,
form.form-grid .rides a.ride.checked span{color:#04b149;}    
form.form-grid .rides a.ride.red{border:1px solid #e3051b;}  
form.form-grid .rides a.ride .queue{width:100%; position:absolute; bottom:0; left:0; background:#e6e0c5; border-radius:0px 0px 10px 10px; font-size:1.4rem; color:#5d5428;}
form.form-grid .rides a.ride.checked .queue{background:#04b149; color:#ffffff;}
form.form-grid div.wide .summary{display:grid; grid-template-columns:auto 140px; gap:16px; border-bottom:1px dotted #ffffff;}
form.form-grid div.wide .summary div{font-size:1.4rem;}
form.form-grid div.row .image{width:200px; height:200px; display:block; margin:0px auto; border-radius:50%; overflow:hidden;}
form.form-grid div.row .image img{width:100%; height:100%; object-fit:cover;}
form.form-grid div.age div{width:100%; height:24px; line-height:0px; font-size:1.4rem; padding:16px; border-radius:4px; background:rgba(255,255,255,0.8); border:1px solid #eae9e9; font-family:'Oxygen', sans-serif; color:#555555;}
form.form-grid div.age div span{display:inline-block !important; color:#555555; font-size:unset; height:unset; line-height:unset; font-weight:bold;}
form.form-grid div.grey{background:#efefef;}
form.form-grid div.green{background:#ddfeea;}
form.form-grid div.blue{background:#008ecf;}
form.form-grid div.rounded{border-radius:16px;}
form.form-grid div.padding{padding:16px;}
form.form-grid div.nopadding{padding:0px;}
form.form-grid div ul{list-style:disc outside; margin:0px 0px 0px 20px;}
form.form-grid div label{font-size:1.4rem; margin-right:24px;}
form.form-grid div span{display:block; height:32px; line-height:32px;}
form.form-grid div input[type="text"].upper{text-transform:uppercase;}
form.form-grid div input[type="text"].white{color:#ffffff;}
form.form-grid div input[type="radio"]{margin-right:12px;}
form.form-grid div input[type="checkbox"]{margin-right:24px;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="datetime-local"],
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Oxygen', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; font-family:'Oxygen', sans-serif; color:#555555;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Oxygen', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer; background-color:#303031;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Oxygen', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer; background-color:#e3051b;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#008ecf;}
form.form-grid div span{color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="file"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="datetime-local"].red,
form.form-grid div select.red{border:1px solid #e3051b; background:#fed5d9;}
form.form-grid div label.red{color:#e3051b; background:#fed5d9; padding:4px;}
form.form-grid div label.red a{color:#e3051b !important;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="datetime-local"]:focus,
form.form-grid div select:focus{border:1px solid #303030;}
form.form-grid div textarea{border:1px solid #eae9e9;}
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{color:#555555; background-color:#eae9e9;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{color:#ffffff; background-color:#04b149;}

/*Donate steps*/
.form-step .progress{width: 100%; height:40px;}
.form-step .steps{ position:relative; border-bottom:3px solid #008ecf; margin:auto; padding-bottom:8px;}
.form-step .steps .steps-inner{display:flex; justify-content:center; }
.form-step .steps .steps-inner .step{width:33%; height:24px; text-align:center;}
.form-step .steps .steps-inner .step .step-inner.active i{color:#e3051b; padding-bottom:6px; border-bottom:6px solid #e3051b;}
.form-step .steps .steps-inner .step .step-inner i{color:#1D609A; font-size:2.4rem;}

/*header*/
header{height:128px; width:100%; background:rgba(29,96,154,0.91); position:fixed; top:0; z-index:10000;}
header .grid{margin: 24px auto; display:grid; grid-template-columns:200px 151px auto; gap:24px;}
header .grid .logo{width:100%; height:79px;}
header .grid .kwf{width: 100%; height:79px; margin:auto 0;}
header .grid .kwf img,
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid nav{display:grid; grid-template-rows:32px 40px; gap:8px;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li a{font-size:2.0rem; color:white; font-family:'Oswald',sans-serif; line-height:26px;}
header .grid nav .submenu li{margin-right:12px;}
header .grid nav .mainmenu li{margin-right:24px ;padding:4px 10px; border:2px solid white; border-radius:4px;}
header .grid nav .mainmenu li:hover{border:2px solid #1a8ecf;}
header .grid nav .submenu li:hover a,
header .grid nav .mainmenu li:hover a{color:#1a8ecf}
header .grid nav .mainmenu .donate a,
header .grid nav .mainmenu .signup a{font-size:1.8rem; font-weight:700; font-family:'Oxygen',sans-serif;}
header .grid nav .mainmenu .donate{border:2px solid #04b149; background:#04b149;}
header .grid nav .mainmenu .signup{border:2px solid #1a8ecf; background:#1a8ecf;}
header .grid nav .mainmenu .donate:hover{border:2px solid #04b149; background:white;}
header .grid nav .mainmenu .signup:hover{border:2px solid #1a8ecf; background:white;}
header .grid nav .mainmenu .donate:hover a{color:#04b149 !important;}
header .grid nav .mainmenu .signup:hover a{color:#1a8ecf !important;}
header .grid nav .mainmenu .signup i,
header .grid nav .mainmenu .donate i{margin-left:12px;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid nav ul li .language{display:flex; justify-content:flex-end;}
header .grid nav ul li .language a{margin-right:12px;}
header .grid nav ul li .language img{width:24px; height:24px; display:block; margin:auto 0;}
header .grid nav ul li .language img:hover{background:rgba(26,142,207,0.5); border-radius:50%;opacity:0.4;}
header .grid nav ul li .language a:last-of-type{margin-right:unset;}
header .grid .menu{display:none;}

/*popup*/
.popup{display:flex; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.5); justify-content:center; align-items:center;}
.popup-content{aspect-ratio:61/27; max-width:95%; height:auto; margin:auto; margin-top:160px; position: relative; cursor:pointer;}
.popup-content span i{color:#e3051b;}
.popup-content img{width:100%; height:100%; object-fit:contain;}
.close-popup{position:absolute; top:10px; right:15px; font-size:2.4rem; cursor:pointer; color:white;}
body.noscroll{overflow:hidden; height:100%;}


/*Sections*/
/*Slider*/
section.slider{position:relative; padding-top:unset; padding-bottom:unset;}
section.slider .background{position:absolute; top:0; left:0; width:100%; height:700px; border-bottom:24px solid #1d609a;}
section.slider.low .background{height:500px;}
section.slider .background img{height: 100%; width: 100%; object-fit:cover;}
section.slider .container{margin-top:278px; height:422px;}
section.slider.low .container{height:222px}
section.slider .container .payoff{color:white; width:65%; margin:auto; margin-left:0; text-shadow: 8px 8px 18px rgba(0, 0, 0, 0.7);}
section.slider.low .container .payoff{width:100%;}
section.slider .container .payoff h1{line-height:1.0;}
section.slider .container .payoff p{font-size:2.0rem;}

/*Intro*/
section.intro{overflow:visible;}
section.intro.hp article{font-size:2.0rem;;}
section.intro.hp article h2{font-size:3.4rem; color:#1D609A;}
section.intro .grid{display:grid; grid-template-columns:auto 363px; gap:32px;}
section.intro.fund .grid{grid-template-columns:auto 363px; position: relative; margin-bottom:150px;}
section.intro.fund .grid .tip{height:fit-content; margin-bottom: 0; margin-top:auto;}
section.intro.fund .grid .button:hover{background:#1D609A; color:white;}
section.intro.fund .event-badge{background:#1D609A;}
section.intro.fund .event-badge .event-title{font-size:3.3rem;}
section.intro.fund .event-badge .event-date{font-size:3.9rem; color:white;}
section.intro.fund .event-badge .button:hover{color:white; background:#008ecf;}
section.intro.clean .event-badge{display:none;}
section.intro.clean .grid{grid-template-columns:auto 500px;}
section.intro.clean .buttons{margin:0 auto; width:fit-content; margin-top:24px;}
section.intro.clean .button{display:inline-block; margin-right:12px;}
section.intro.clean .button:last-of-type{margin-right:unset;}
section.intro.participant .grid{grid-template-columns:2fr 220px; gap:24px;}
section.intro.participant .grid .image{width:220px; max-height:220px; }
section.intro.participant .grid .image img{max-width:220px; max-height:220px;}

/*intro achievements*/
.achievements{padding:4px; width:100%; display:grid; grid-template-columns:repeat(2,120px); gap:48px; background:#008ecf; font-family:'Oswald',sans-serif; position: relative; padding-left:45vw;}
.achievements .stat{text-align:center; color:white;}
.achievements .stat:nth-of-type(odd) .title{transform:rotate(-2deg);}
.achievements .stat:nth-of-type(even) .title{transform:rotate(2deg);}
.achievements .stat .icon{font-size: 2.4rem; margin-bottom: 24px; width: 32px; height: 32px; margin: 0 auto 8px auto; color:white;}
.achievements .title{font-family: 'Oswald', sans-serif; font-size: 1.6rem; color: white;  padding: 0px 10px; font-weight: 700; border:1px solid white; border-radius:4px;}
.achievements .overlay{position:absolute; width: 100px; height:auto; opacity:0.17; left:60%; top:50%; transform:translateY(-50%);}
/*splash usp*/
.splash-usp{padding-top:0; padding-bottom:0;}
.splash-usp .links{display:flex; height:fit-content;justify-content:center;}
.splash-usp .links .button{padding:8px 24px; font-size:2.6rem;}
.splash-usp .links .button:first-of-type{margin-right:24px;}

.splash-usp .cta{display:grid; grid-template-columns:auto 30px; font-family:'Caveat',serif; font-size:2.8rem; color:#e3051b; line-height:50px; width: 30%; margin:auto; margin-top:24px;}
.splash-usp .cta .image{width:  auto; height:75px; margin: 0 auto auto 0;}
.splash-usp .cta .image img{width: 100%; height: 100%; object-fit:contain;}

/*merch homepagina block*/
.merch-block .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.merch-block .grid article{padding:24px; position: relative; overflow:visible;}
.merch-block .grid article h2 .subtitle{display:block; color:#e3051b; font-size:1.6rem;}
.merch-block .grid article h2{color:#008ecf;}
.merch-block .grid article h2 .icon{background:#008ecf; color:white; padding:4px; border-radius:50%; overflow:hidden; text-align:center; margin-left:12px;}
.merch-block .grid article .sizes{padding:8px 12px; color:white; text-align:center; text-transform:uppercase; position:absolute; bottom:-36px; right:0; font-weight:600;}
.merch-block .grid article .button{margin-top:24px; border: 1px solid #04b149}
.merch-block .grid article .button:hover{background:white; color:#04b149;}
.merch-block .grid .image{position: relative; width:100%; height:auto;}
.merch-block .grid .image img{width:100%; height:100%; object-fit:cover;}
.merch-block .grid .image .title{padding:12px 24px; background:#e3051b; font-family:'Oswald',sans-serif; font-size:2.6rem; font-weight:500; position:absolute; top:0 ; right:0; color:white;}

/*progess impact*/
.progressbar{background:#b7dff6;}
.progressbar .grid{display:grid; grid-template-columns:150px auto 150px;}
.progress-container {width: 100%; background-color: #e0e0e0; border-radius: 5px; overflow: hidden; height: 30px; position: relative;}
.progress-bar {height: 100%; width: 0%; background-color: #4caf50; text-align: center; line-height: 30px; color: white; font-weight: bold; transition: width 0.5s ease-in-out;}
.progressbar .milestone{text-align:center; font-size:2.2rem; color:#1D609A; font-family:'Oswald',sans-serif;}
.progressbar article{grid-column:span 3; margin-bottom:48px;}

.impact-section{background:#1a8ecf;}
.impact-section article{text-align:center; color:white;}
.impact-section article h2{font-size:4.0rem;}
.achievements.impact{grid-template-columns:1fr 1fr 1fr; padding-left:unset; padding:12px; background:unset;}
.achievements.impact .stat .icon{font-size:6.0rem; width:96px; height:96px; margin: 0 auto 24px auto;}
.achievements.impact .title{font-size:3.0rem; padding:8px 16px;}

/*localsupport*/
section.localsupport .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.localsupport .localgoals{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.localsupport .localgoals .tile{width: auto; height:150px; position: relative;}
section.localsupport .localgoals .tile img{height:100%; width:100%; object-fit:contain;}


section.video{overflow:visible; border-bottom:16px solid #1D609A;}
section.video h2{font-size:3.0rem; color:#ffffff; font-family:'Oswald',sans-serif; margin-bottom:24px; background:#1D609A; width:unset; display:unset; padding:8px 16px; transform:translateX(-50%) rotate(-2deg); text-align:center; position:absolute; width:600px; top:-48px; left:30%; margin-right:200px; z-index:900;}
section.video .video{width:80%; display:block; position:relative; border:12px solid #e3051b; border-radius:16px; background:#e3051b; margin:0px auto; box-shadow:3px 6px 5px 0px rgba(0,0,0,0.11);}
section.video .video video{width:100%; position:relative; object-fit:cover; border-radius:12px;}


/*research*/
section.research{padding:unset;}
section.research .goal{position: relative;}
section.research .goal .grid{display:grid; grid-template-columns:305px auto; gap:24px; padding:48px 24px;}
section.research .goal:nth-of-type(even) .grid{grid-template-columns:auto 305px;}
section.research .goal .background{position:absolute; top:0; left:0; width: 100%; height: 287px; z-index:-1;}
section.research .goal:nth-of-type(odd) .background{background: rgb(29,96,154); background: linear-gradient(90deg, rgba(29,96,154,1) 0%, rgba(26,142,207,1) 100%);}
section.research .goal:nth-of-type(even) .background{background: rgb(227,5,27); background: linear-gradient(90deg, rgba(227,5,27,1) 0%, rgba(26,142,207,1) 100%);}
section.research .goal .image{height: 287px; width:100%; margin-bottom:24px;}
section.research .goal:nth-of-type(even) .image{grid-area:1/2/1/2;}
section.research .goal .image img{height: 100%; width:100%; object-fit:contain;}
section.research .goal .info *{color:white;}
section.research .goal .info h2{margin-bottom:8px;}
section.research .goal .info p{margin-bottom:12px !important;}
section.research .goal .info span{font-size:2.2rem; margin-bottom:12px; display:block;}
section.research .goal .info .researcher span{display:block; font-size:2.0rem}
section.research .goal article{grid-column-end:span 2; margin-top:32px;}
section.research .goal article .buttons{width:fit-content; margin-top:24px;}
section.research .goal article .buttons .button{display:inline-block; margin-right:24px;}
section.research .goal article .buttons .button:last-of-type{margin-right:unset;}

/*event-badge*/
.event-badge{position:absolute; top:-193px; right:0; background:white; padding:24px; width:363px; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
.event-badge .event-title{font-family:'Oswald',sans-serif; font-size:4.3rem; font-weight:700; color:white; background:#e3051b; padding: 4px 10px; width:70%; text-align:center; position:absolute; top:-25px; left:50%; transform: translateX(-50%) rotate(-2deg);}
.event-badge .event-date{margin-top:32px; font-size:4.9rem; color:#1a8ecf; font-weight:bold; font-family:'Oswald',sans-serif; text-align:center; margin-bottom:24px;}
.event-badge .button{width: 100%;}
.event-badge .signup{background:#1a8ecf;margin-bottom:24px;}
.event-badge .donate{background:#04b149;}
.event-badge .button i{margin-left:12px;}
.event-badge .event-date span{font-weight:300; font-family:'Oxygen',sans-serif; margin-left:8px;}
.package .event-badge{top:0; right:24px;}
.intro.fund .event-badge{top:0;}

/*event-badge coundown*/
.event-badge .counter-box{display:flex; justify-content:space-evenly; background:#1d609a; padding:12px; border-radius:4px; transform:scale(1.2);}
.event-badge .counter-box .counter{width:48px; line-height:48px; height:48px; color:#e3051b; background:white; text-align:center; font-family:'Oswald',sans-serif; font-size:1.6rem; border-radius:4px; font-weight:300;}
.event-badge .counter-box .counter span{font-size:2.0rem; font-weight:700;}
.event-badge .event-counter{font-family:'Caveat',serif; font-weight:700; text-align:center; font-size:2.6rem; margin: 12px 0;}
/*tiles*/
.tile-container{max-width:1574px; padding:0 24px; margin: 0 auto;}
section.tiles.three .tile-container{max-width:1260px;}
section.tiles .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; grid-template-rows:repeat(4, 124px);}
section.tiles.three .grid{grid-template-rows:repeat(6, 142px);}
section.tiles .grid .tile{width:100%; position: relative;}
section.tiles .grid .tile:hover{opacity:0.5;}
section.tiles .grid .tile:nth-of-type(1){grid-row-end:span 4;}
section.tiles .grid .tile:nth-of-type(2){grid-column-end:span 2;grid-row-end:span 2}
section.tiles .grid .tile:nth-of-type(2) article{display:none;}
section.tiles .grid .tile:nth-of-type(3) article p{display:none;}
section.tiles.three .grid .tile:nth-of-type(2) article{display:unset}
section.tiles.three .grid .tile:nth-of-type(3) article p{display:unset}
section.tiles .grid .tile:nth-of-type(3){grid-row-end:span 2}
section.tiles.three .grid .tile:nth-of-type(3){grid-row-end:span 2; grid-column-end:span 2;}
section.tiles .grid .tile .tile-background{width: 100%; height:100%;}
section.tiles .grid .tile .tile-background img{height: 100%; width:100%; object-fit:cover;}
section.tiles .grid .tile .tile-overlay{display:none;}
section.tiles.three .grid .tile .tile-overlay{display:block; position:absolute; bottom:0; left:0;  width: 100%; height: 100%; background: rgb(26,142,207); background: linear-gradient(0deg, rgba(26,142,207,1) 0%, rgba(255,255,255,0) 67%);}
section.tiles.three .grid .tile:nth-of-type(even) .tile-overlay{background: rgb(227,5,27); background: linear-gradient(0deg, rgba(227,5,27,1) 0%, rgba(255,255,255,0) 67%);}
section.tiles .grid .tile .title{padding:12px 24px; background:#1d609a; font-family:'Oswald',sans-serif; font-size:2.6rem; font-weight:500; position:absolute; top:0 ; left:0; color:white;}
section.tiles.three .grid .tile .title{font-size:2.2rem;}
section.tiles .grid .tile article{position:absolute; bottom:0; left:0; color:white; padding:24px;}
section.tiles .grid .tile article .button{background:white; color:#e3051b; padding:8px 12px; border-radius:4px; margin-top:24px;}
section.tiles .grid .tile:hover article .button{background:#008ecf; color:white;}
section.tiles .grid .tile:nth-of-type(4) .tile-background{background: rgb(26,142,207); background: linear-gradient(90deg, rgba(26,142,207,1) 0%, rgba(29,96,154,1) 100%);}
section.tiles .grid .tile:nth-of-type(5) .tile-background{background:#e3051b;}
section.tiles .grid .tile:nth-of-type(4) .title{background:unset;}
section.tiles .grid .tile:nth-of-type(5) .title{background:unset;}
section.tiles .grid .tile .tile-background i{position:absolute; top:64px; transform:translateY(-50%); right:24px; font-size:9.0rem; opacity:0.2; color:white;}
section.tiles.three .grid .tile:nth-of-type(4){grid-row-end:span 2; grid-column-end:span 3;}
section.tiles.three .grid .tile:nth-of-type(4) .tile-background{background:unset;}
section.tiles.three .grid .tile:nth-of-type(4) .title{background:#1d609a;}
section.tiles .grid .tile.addon article{background:#e3051b; padding:8px; bottom:8px; left:unset; right:8px;}
section.tiles .grid .tile.addon article small{font-size:1.2rem;}

/*support*/
section.support .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap: 24px; row-gap:32px;}
section.support .grid article{grid-column-end:span 4;}
section.support .grid .support-role{width: 100%; height:300px; position: relative;}
section.support .grid .support-role .image{width: 100%; height:100%;}
section.support .grid .support-role .image img{width: 100%; height:100%; object-fit:cover;}
section.support .grid .support-role .title{font-size:2.0rem; font-weight:700; position:absolute; bottom:-8px; right:-4px; text-align:center;}
section.support .grid .support-role .title .top,
section.support .grid .support-role .title .bottom{padding:4px 10px;}
section.support .grid .support-role .title .top{background:white; color:#1a8ecf; position:absolute; top:-98%; left:50%; transform:translateX(-50%);}
section.support .grid .support-role .title .bottom{color:white; background:#1a8ecf; padding:4px 20px;}
section.support .grid .support-role:nth-of-type(2) .title .bottom{background:#1D609A;}
section.support .grid .support-role:nth-of-type(3) .title .bottom{background:#e3051b;}
section.support .grid .support-role:nth-of-type(4) .title .bottom{background:white; color:#1a8ecf; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
section.support .grid .support-role:nth-of-type(4) .title .top{background:#1a8ecf; color:white;}

/*Statistics*/
section.stats{background:#1a8ecf;}
section.stats .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:64px;}
section.stats.top .grid{grid-template-columns:1fr; column-gap:0;}
section.stats.top .grid h2{grid-column-end:unset;}
section.stats.top .button{margin: 0 auto;}
section.stats.top .button:hover{background:#1D609A; color:white;}
section.stats .grid h2{grid-column-end:span 4; color:white;}
section.stats .grid .stat{text-align:center; color:white;}
section.stats .grid .stat .icon{font-size:4.8rem; margin-bottom:24px; width:48px; height:48px; margin: 0 auto 24px auto;}
section.stats .grid .stat .title{font-family:'Oswald',sans-serif; font-size:3.5rem; color:white; background:#e3051b; padding: 0px 10px; font-weight:700;}
section.stats .grid .stat:nth-of-type(odd) .title{transform:rotate(-2deg);}
section.stats .grid .stat:nth-of-type(even) .title{transform:rotate(2deg);}
section.stats .grid .stat:nth-of-type(2) .title{color:#e3051b; background:white;}
section.stats .grid .stat:nth-of-type(3) .title{color:white; background:#1d609a;}
section.stats .grid .stat:nth-of-type(4) .title{color:#1d609a; background:white;}
section.stats .grid .stat span{font-size:1.8rem; display:block; font-weight:700; margin-top:12px;}
section.stats .overlay{position:absolute; width: 440px; height:450px; opacity:0.17; right:0; top:50%; transform:translateY(-50%);}
section.stats .overlay img{width: 100%; height:100%; object-fit:contain;}
/*About*/
section.about .grid{display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:96px; column-gap:24px;}
section.about.five .grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:24px;}
section.about .grid article{grid-column-end:span 3;}
section.about.five .grid article{grid-column-end:span 5;}
section.about .grid article .button{border:2px solid #1d609a; color:#1d609a; padding:8px 12px; margin-top:24px; font-size:1.8rem; border-radius:2px;}
section.about .grid article .button:hover{border:2px solid #008ecf; color:white; background:#008ecf;}
section.about .grid .ride-tile{position:relative;}
section.about .grid .ride-tile .image{width: 100%; height:401px;}
section.about.album .grid .ride-tile .image{height:212px; background:#008ecf;}
section.about.five .grid .ride-tile .image{width: 100%; height:320px;}
section.about .grid .ride-tile .image img{width: 100%; height: 100%; object-fit:cover;}
section.about .grid .ride-tile .ride-badge{width: 90%; height:115px; background:white; position:absolute; top:48px; left:50%; transform:translateX(-50%);text-align:center; font-family:'Oswald',sans-serif; font-size:2.8rem;}
section.about.imp .grid .ride-tile .ride-badge{ top:-10px; height:90px;}
section.about .grid .ride-tile .ride-badge .edition{ font-weight:700; color:white; background:#e3051b; padding:4px 10px; width:80%; transform:rotate(-2deg)translateX(-50%); position:absolute; top:-24px; left:50%;}
section.about .grid .ride-tile .ride-badge .event{color: #1a8ecf; margin-top:48px;}
section.about.imp .grid .ride-tile .ride-badge .event{margin-top:32px;}
section.about .grid .ride-tile .ride-title{font-size:2.0rem; text-align:center; color:white; background:#1a8ecf; padding:8px}
section.about .grid .ride-tile .ride-title .title{font-weight:700;  border-bottom:2px solid white; padding-bottom:8px;}
section.about .grid .ride-tile.impact .ride-title .title{height:15rem; font-size:1.8rem;}
section.about .grid .ride-tile .ride-title .date{font-weight:300;}
section.about .grid .ride-tile .ride-cta{display:block; font-weight:700; color:#e3051b; background:white; width: 90%; margin:-5px auto auto auto; padding:8px; position: relative; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
section.about .grid .ride-tile .ride-cta:hover{font-weight:700; color:#008ecf;}
section.about .grid .ride-tile .ride-cta .ride-overlay{position:absolute; top:8px; right:8px; height:24px; width: 24px;}
section.about .grid .ride-tile .ride-cta .ride-overlay img{height:100%; width:100%; object-fit:contain;}
section.about .grid .ride-tile.impact.total .progress{display:none;}
section.about .grid .ride-tile.impact.total .ride-badge .edition{width:88%;}
section.about .grid .ride-tile .progress{border-radius:unset;}
section.about .progress{grid-column-start:2; background:#1D609A; color:white; padding:24px;border-radius:4px;}
section.about .progress .title{text-align:center; font-size:2.2rem; font-family:'Oswald',sans-serif;}
section.about .progress .split{display:grid; grid-template-columns:1fr 1fr;}
section.about .progress .split .current span,
section.about .progress .split .goal span{display:block; font-weight:700; font-family:'Oswald',sans-serif;}
section.about .progress .split .goal{text-align:right;}
section.about .progress .progress-bar{width: 100%; height: 24px; display: block; margin-top: 24px; background: rgb(255,255,255,0.4);border-radius: 12px; border: 2px solid #ffffff;}
section.about .progress .progress-bar .fill{height: 20px; display: block; background: #80ba26; float: left; border-radius: 12px;}
/*Content + variations*/
section.content .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.content .grid .image{width: 100%; margin: 0 auto auto auto; aspect-ratio:297 / 181;}
section.content .grid .image img{Width:100%; height: 100%; object-fit:cover; border-radius:4px;}
section.content article .button{background:#e3051b; margin-top:24px;}
section.content article .button:hover{background:white; color:#e3051b; box-shadow:  3px 6px 5px 0px rgba(0,0,0,0.11);}
section.content article.wide{grid-column-end:span 2;}
section.content .background{display:none;}


/*section.content.switch .grid{margin-bottom:32px;}
section.content.switch .grid:last-child{margin-bottom:unset;}
section.content.switch .grid:nth-of-type(even) .image{grid-area:1/1/1/1;}*/

section.content.variant .grid{gap:0; margin-bottom:32px; position: relative;}
section.content.variant .background{display:unset;}
section.content.variant .grid:last-child{margin-bottom:unset;}
section.content.variant .background{width: 95%; height:100%; background:#1D609A; position:absolute; top:0; right:0; z-index:-1;}
section.content.variant:nth-of-type(even) .grid .background{top:0; left:0; right:unset; z-index:-1;}
section.content.variant article{ padding:24px;}
section.content.variant article h2{color:white; margin-bottom:12px;}
section.content.variant article *{color:white;}
section.content.variant article{grid-area:1/2/1/2;}
section.content:nth-of-type(even) .grid article:not(section.content .grid article.wide){grid-area:1/1/1/1;}
section.content:nth-of-type(even) .grid .image{grid-area:1/2/1/2;}
section.content:nth-of-type(odd) .grid article:not(section.content .grid article.wide){grid-area:1/2/1/2;}
section.content:nth-of-type(odd) .grid .image{grid-area:1/1/1/1;}
section.content.variant .image{margin-top:-10px;}

section.content.vacature .container.grid{gap:64px; grid-template-columns:1fr;}
section.content.vacature .details{padding:24px 24px 24px 0;}
section.content.vacature article{padding:unset;}
section.content.vacature article h3,
section.content.vacature article h2{border-bottom:1px solid white;}
section.content.vacature .location{font-size:2.2rem; color:white; font-family:'Oswald',sans-serif; font-weight:500; display:grid; grid-template-columns:max-content auto; gap:12px;}
section.content.vacature .location i{font-size:2.2rem; color:#e3051b; line-height:unset;}
section.content.vacature .tagline{color:white; margin:24px 0;}
section.content.vacature .item{display:grid; grid-template-columns:1fr 1fr; gap:24px; position: relative;}
section.content.vacature .item:nth-of-type(even) .details{grid-column-start:1; padding: 24px 0 24px 24px;}
section.content.vacature .item:nth-of-type(even) .image{grid-area:unset; grid-column-start:2;}
section.content.vacature .item:nth-of-type(odd) .image{grid-column-start:1;}
section.content.vacature .item:nth-of-type(even) .background{left:0; right:unset;}

section.content.quote  article h2{color:white;}
section.content.quote  article h3{color:white;}
section.content.quote  article p{color:white;}

/*Routes*/
section.routes{background: rgb(29,96,154); background: linear-gradient(90deg, rgba(29,96,154,1) 0%, rgba(26,142,207,1) 100%);}
section.routes .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.routes .grid p,
section.routes .grid h2{grid-column-end:span 2; color:white;}
section.routes .grid .route{position: relative; background:white; padding:32px;}
section.routes .grid .route .map{width:100%; margin:32px 0px 24px 0px;}
section.routes .grid .route .map.smaller{height:24px;}
section.routes .grid .route .map img{width:100%; height:100%; object-fit:cover;}
section.routes .grid .route .title{font-size:2.0rem; font-weight:700; position:absolute; top:20px; left:35px; text-align:center;}
section.routes .grid .route .title .top,
section.routes .grid .route .title .bottom{padding:4px 30px; min-width:150px;}
section.routes .grid .route .title .top{background:#e3051b; color:white; position:absolute; top:-98%; left:-50px; transform:rotate(-3deg); min-width:180px;}
section.routes .grid .route .title .bottom{color:#444444; background:white; padding:4px 20px;}
section.routes .grid .route .route-title{font-size:2.2rem; font-weight:700; margin-bottom:24px;}
section.routes .grid .route .button{background:#1a8ecf; color:white; margin-top:24px;}
section.routes .grid .route .button:hover{background:white; color:#1D609A;}

/*Sponsor-strip*/
section.sponsor-strip{border-bottom:4px solid #1D609A;}
section.sponsor-strip .slicker .logo{width: 228px; height: 120px;margin: 0 12px;}
section.sponsor-strip .slicker .logo img{width: 100%; height: 100%; object-fit:contain;}

/*Lokal support*/
.localsupport .slicker{margin-top:64px;}
.localsupport .slicker .logo{width:228px; height:auto; margin:0 12px;}
.localsupport .slicker .logo img{width: 100%; height: 100%; object-fit:contain;}
.localsupport .slicker .logo .title{font-family:'Oswald',sans-serif; font-size:2.6rem; text-align:center; margin-top:24px; }

/*Sponsor*/
section.sponsor{overflow:visible;}
section.sponsor .grid{display:grid; margin-bottom:128px;}
section.sponsor .grid.main{grid-template-columns:1fr 1fr 1fr; gap:48px;}
section.sponsor .grid.partner{grid-template-columns:2fr 3fr; gap:24px;}
section.sponsor .grid.partner .logos{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
section.sponsor .grid.partner.two .logos{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px;}
section.sponsor .grid.partner.three .logos{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
section.sponsor .grid.partner.four .logos{display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;}
section.sponsor .grid.sponsor article{overflow:visible; margin-bottom:48px;}
section.sponsor .grid.partner article{overflow:visible;}
section.sponsor .grid.main article{grid-column-end:span 2; position: relative; overflow:visible;}
section.sponsor .grid article .title{font-size:2.0rem; font-weight:700; text-align:center; min-width:200px; position:relative; overflow:visible; margin-bottom:24px; margin-left:24px;}
section.sponsor .grid article .title .top,
section.sponsor .grid article .title .bottom{padding:4px 10px;}
section.sponsor .grid article .title .top{background:#e3051b; color:white; position:absolute; top:-142%; left:-10%;  transform:rotate(-3deg); font-size:3.5rem; font-family:'Oswald',sans-serif; padding:4px 80px;}
section.sponsor .grid article .title .bottom{color:#444444; background:white; padding:4px 20px; max-width:230px; box-shadow:  3px 6px 5px 0px rgba(0,0,0,0.11);}
section.sponsor .grid.sponsor:nth-of-type(1) article .title .top{background:#e3051b;}
section.sponsor .grid.sponsor:nth-of-type(2) article .title .top{background:#1D609A;}
section.sponsor .grid.sponsor:nth-of-type(3) article .title .top{background:#008ecf;}
section.sponsor .grid .logo{aspect-ratio:16/9; margin: 0 auto auto auto; border:1px solid rgba(29,96,154,0.4); border-radius:4px; width:100%;}
section.sponsor .grid.main .logo{border:none;}
section.sponsor .grid .logo:hover{border: 1px solid rgba(227,12,27,0.4);}
section.sponsor .grid .logo img{width: 100%; height: 100%; object-fit:contain;}

/*Fundraiser*/
section.ranking{background:rgba(26,142,207,0.4)}
section.ranking.search{background:#1D609A}
section.ranking .grid{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:24px;}
section.ranking .grid article{grid-column-end:span 3; margin-bottom:64px;}
section.ranking.search .grid article{margin-bottom:0px;}
section.ranking.search .grid article *{color:#ffffff;}
section.ranking .grid .search-container{margin:24px 0;}
section.ranking .grid .search-container{margin:24px 0;}
section.ranking .grid article input[type="text"]{width:100%; padding: 8px 10px; border:1px solid #a3a3a3; color:#1D609A; border-top-left-radius:4px; border-bottom-left-radius:4px; font-size:1.8rem; font-family:'Oxygen', sans-serif;}
/*section.ranking .grid article input[type="submit"]{width: 20%; text-align:center; padding: 8px 10px; border:1px solid #008ecf; background:#008ecf; color:white; border-top-right-radius:4px; border-bottom-right-radius:4px; font-size:1.8rem; font-family:'Oxygen', sans-serif;}*/
section.ranking .grid article input[type="submit"]:hover{cursor:pointer;}
section.ranking .grid h3{margin-bottom:unset;}
/*Fundraiser packages*/
section.package{color:white; background: rgb(29, 96, 154); background: linear-gradient(90deg, rgba(29, 96, 154, 1) 0%, rgba(26, 142, 207, 1) 100%);}
section.package .grid{display:grid; grid-template-columns: auto 400px; gap:24px; margin-bottom:150px;}
section.package .grid .right{position: relative;}
section.package .grid .event-badge .event-title{font-size:3.3rem;}
section.package .grid .event-badge .event-date{font-size:3.9rem;}
section.package .grid .event-badge .button:hover{color:white; background:#008ecf;}
/*Fundraiser tabs*/
section.ranking .grid .tags{display:flex; justify-content:flex-end; grid-column-end:span 2;}
section.ranking .grid .tags .toggl{background:white; padding:8px 10px; color:#008ecf;}
section.ranking .grid .tags .toggl:hover{background:#008ecf; color:white; cursor:pointer;}
section.ranking .grid .tags .toggl:first-of-type{border-top-left-radius:4px;}
section.ranking .grid .tags .toggl:last-of-type{border-top-right-radius:4px;}
section.ranking .grid .tags .toggl.on{background:#008ecf; color:white; border-bottom: 2px solid #008ecf;}
section.ranking .grid .divider{grid-column-end:span 3; width: 100%; height:12px; background:#008ecf;}
/*Fundraiser results*/
.results{grid-column-end:span 3; counter-reset:section;}
.results .title{font-family:'Oswald', sans-serif; font-size:3.0rem; color:#303030; text-align:center; margin-top:32px; margin-bottom:27px;}
.participants{display:grid; grid-template-columns:repeat(12, 1fr); gap:24px; margin:64px 0;}
.results .participant{padding:24px; background:white; display:grid; grid-template-columns:60px auto 80px; gap:12px; border-radius:4px; border-left:5px solid #ffffff;}
.results .participant:hover{box-shadow:3px 6px 5px 0px rgba(0,0,0,0.11); border-left:5px solid #e3051b;}
.results .participant{grid-column-end:span 3;}
.results .participant:nth-of-type(1),
.results .participant:nth-of-type(2),
.results .participant:nth-of-type(3){grid-column-end:span 4;}
.results .participant:not(:nth-of-type(1)),
.results .participant:not(:nth-of-type(2)),
.results .participant:not(:nth-of-type(3)){padding:12px; grid-template-columns:24px auto 80px; gap:8px;}
.results .participant .counter,
.results .participant .member{height:fit-content; margin: auto 0; text-align:center;}
.results .participant .counter i,
.results .participant .member i{font-size:2.4rem;}
.results .participant:first-of-type .counter i{color:gold; display:block !important; }
.results .participant:nth-of-type(2) .counter i{color:silver; display:block !important;}
.results .participant:nth-of-type(3) .counter i{color:#cd7f32;display: block !important;}
.results .participant .counter:after{counter-increment:section; content: counter(section); font-size:2.6rem; font-family:'Oswald',sans-serif; margin-left:12px;}
.results .participant .profile-picture{height:80px; width:80px; }
.results .participant .profile-picture img{height:100%; width:100%; object-fit:cover;}
.results .participant .details{font-size:1.6rem;}
.results .participant .details .name{font-size:2.0rem; font-family:'Oswald',sans-serif; min-height:60px;}
.results .participant:not(:nth-of-type(1)) .details .name,
.results .participant:not(:nth-of-type(2)) .details .name,
.results .participant:not(:nth-of-type(3)) .details .name{font-size:1.8rem;}
.results .participant .details .amount{font-style:italic;}
.results .participant .details .ride{color:#008ecf;}
.results .participant:nth-of-type(odd) .details .name{color:#1D609A;}
.results .participant:nth-of-type(even) .details .name{color:#e3051b;}
.results .participant.member .counter i{display:none !important;}
.results .participant.member:not(:nth-of-type(1)) .counter i,
.results .participant.member:not(:nth-of-type(2)) .counter i,
.results .participant.member:not(:nth-of-type(3)) .counter i{display:unset;}
.results .participant:not(:nth-of-type(1)) .counter i,
.results .participant:not(:nth-of-type(2)) .counter i,
.results .participant:not(:nth-of-type(3)) .counter i{display:none;}
.results .participant:not(:nth-of-type(1)) .counter:after,
.results .participant:not(:nth-of-type(2)) .counter:after,
.results .participant:not(:nth-of-type(3)) .counter:after{margin-left:unset;}
.results .message{width:100%; background:white; font-family:'Oswald',sans-serif; font-size:2.0rem; padding:24px; grid-column-end:span 12;}

/*Fund-tips*/
section.fund-tips{counter-reset:section; background:#008ecf;}
section.fund-tips .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.fund-tips .grid h2{grid-column-end:span 2; color:white;}
section.fund-tips .grid article{background:white; padding:24px; border-radius:4px;}
section.fund-tips .grid article:nth-of-type(even){border-right:5px solid #1D609A;}
section.fund-tips .grid article:nth-of-type(odd){border-right:5px solid #e3051b;}
section.fund-tips .grid article .title{display:grid; grid-template-columns:48px auto; gap:12px;}
section.fund-tips .grid article .title .counter{width:100%; height:48px; text-align:center; color:white; border-radius:50%;}
section.fund-tips .grid article:nth-of-type(odd) .title .counter{background:#1D609A;}
section.fund-tips .grid article:nth-of-type(even) .title .counter{background:#e3051b;}
section.fund-tips .grid article .title .counter:after{counter-increment:section; content: counter(section); font-size:2.6rem; font-family:'Oswald', sans-serif; line-height:48px;}

/*Donations*/
section.donations{background:rgba(26,142,207,0.4);}
section.donations .grid{display: grid; grid-template-columns:2fr 1fr; gap:24px;}
section.donations .wrapper{padding:24px; background:white;}
section.donations .grid h2{margin-bottom:unset;}
section.donations .grid .social-links{display:flex; justify-content:center;}
section.donations .grid .social-links a{display:block; margin-right:12px; height:48px; width:48px; background:#008ecf; color:white; text-align:center; border-radius:50%; overflow:hidden;}
section.donations .grid .social-links a:hover{cursor:pointer; background:#e3051b; box-shadow:  3px 6px 5px 0px rgba(0,0,0,0.11);}
section.donations .grid .social-links a i{font-size:2.4rem; line-height:48px;}
section.donations .progress{grid-column-start:2; background:#1D609A; color:white; padding:24px;border-radius:4px;}
section.donations .progress .title{text-align:center; font-size:2.2rem; font-family:'Oswald',sans-serif;}
section.donations .progress .split{display:grid; grid-template-columns:1fr 1fr;}
section.donations .progress .split .current span,
section.donations .progress .split .goal span{display:block; font-weight:700; font-family:'Oswald',sans-serif;}
section.donations .progress .split .goal{text-align:right;}
section.donations .progress .progress-bar{width: 100%; height: 24px; display: block; margin-top: 24px; background: rgb(255,255,255,0.4);border-radius: 12px; border: 2px solid #ffffff;}
section.donations .progress .progress-bar .fill{height: 20px; display: block; background: #80ba26; float: left; border-radius: 12px;}
section.donations .grid .donate{grid-column-start:2; width: 100%; margin-top:24px;}
section.donations .grid .donation-feed{grid-column-start:1; grid-row-start:2; grid-row-end:span 2;}
section.donations .grid .donation-feed .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.donations .grid .donation-feed .grid .donation{padding:12px; background:#008ecf; color:white; display:grid; grid-template-columns:80px auto; gap:24px;}
section.donations .grid .donation-feed .grid .donation .amount{grid-row-end:span 2; height:80px; width:80px; text-align:center; line-height:80px; font-weight:700; background:#04b149; border-radius:50%; overflow:hidden; margin: auto 0; font-size:1.4rem !important;}
section.donations .grid .donation-feed .grid .donation .donator{font-family:'Oswald',sans-serif;}


/*captainslink*/
div.tabs{width:100%; height:40px; display:block; background:#1D609A;}
div.tabs a{width:auto; height:32px; display:inline-block; margin-right:24px; line-height:16px; margin-top:8px; padding:8px; color:#ffffff; background:rgba(255,255,255,0.2); font-weight:bold; border-radius:4px 4px 0px 0px; }
div.tabs a.on{background:#aad2ec; color:#1D609A;}
div.tabs a.right{float:right; margin-right:0px;}

section.captainslink{background:rgba(26,142,207,0.4);}
section.captainslink .wrapper{padding:24px; background:white;}
section.captainslink .wrapper table tr th{background:#008ecf; color:#ffffff;}
section.captainslink .wrapper table tr td,
section.captainslink .wrapper table tr th{padding:4px; text-align:left;}
section.captainslink .wrapper table tr td{border-bottom:1px solid #f0efeb;}


/*Stories*/
section.stories .grid{display:grid; grid-template-columns:1fr 1fr;}
section.stories .grid .video{width: 100%; height: 299px;}
section.stories .grid .video iframe{width: 100%; height: 100%;}
section.stories .grid .quote{padding:24px; background:white; position:absolute; top:24px; left:50%; transform:translateX(-20%); box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
section.stories .grid .quote article{border-left:8px solid #1a8ecf; padding-left:8px;}
section.stories .grid .quote article .author{margin-top:12px; font-weight:300;}
section.stories .grid a{position: absolute; bottom:-50px; right:80px; color:#444444;}
section.stories .grid .quote-overlay{width: 24px; height: 24px; position:absolute; top:0; right:-48px;}

/*FAQ*/
section.practical-info .grid{display:grid; grid-template-columns:1fr 1fr; column-gap:24px; row-gap:12px;}
section.practical-info .grid h2{grid-column-end:span 2;}
section.practical-info .accordion{background:white; position: relative; color:#1a8ecf; margin-bottom:12px; border:1px solid #1a8ecf; border-radius:4px; cursor: pointer; padding:16px 12px; width: 100%; text-align: left; outline: none; transition: 0.4s; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11)}
section.practical-info .active, 
section.practical-info .accordion:hover {background-color: #ccc;}
section.practical-info .panel {padding:18px; background-color: white; display: none; overflow: hidden;}
section.practical-info .accordion:after {content: '\0002b';  margin-left: 5px; color:#1a8ecf; position:absolute; top:16px; right:16px;}
section.practical-info .accordion.active:after {content: "\002d";}

/*News*/
section.news .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.news .grid h2{grid-column-end:span 2;}
section.news .grid .news-item:nth-of-type(1){grid-row-end:span 2; grid-column-start:1;}
section.news .grid .news-item{width: 100%; height:100%; position: relative;}
section.news .grid .news-item .image{width: 100%; height:100%;}
section.news .grid .news-item .image img{width: 100%; height:100%; object-fit:cover;}
section.news .grid .news-item .title{position:absolute; width: 100%; bottom:0; left:0; color:white; font-family:'Oswald',sans-serif; font-size:2.2rem; padding:24px; text-shadow:2px 2px rgba(0,0,0,0.11);}
section.news .grid .news-item:hover{box-shadow:3px 6px 5px 0px rgba(0,0,0,0.35); opacity:0.5;}
section.news .grid .news-item .title span{display:block; font-size: 1.6rem; font-family:'Oxygen',sans-serif;}
section.news .grid .button{background:#e3051b; color:white; grid-column-end:span 2; margin: 0 0 0 auto;}
section.news .grid .button:hover{background:#008ecf;}

/*News-featured*/
section.news-featured .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.news-featured .grid h2{grid-column-end:span 3; margin-bottom:unset;}
section.news-featured .news-item:not(:first-of-type){display:grid; grid-template-columns:1fr; gap:24px;}
section.news-featured .news-item:not(:first-of-type) .image{grid-area:1/1/1/1;}
section.news-featured .news-item:first-of-type{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 3; gap:24px;}
section.news-featured .news-item article .title{min-height:68px; font-size:2.0rem; font-family:'Oswald',sans-serif; margin-bottom:24px;}
section.news-featured .news-item article .details{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px;}
section.news-featured .news-item article .details .post-date{font-weight:700; font-size:1.4rem;}
section.news-featured .news-item article .details .reading-time{font-size:1.4rem;}
section.news-featured .news-item article .details .reading-time i{color:#1a8ecf; font-size:1.8rem; margin-right:12px;}
section.news-featured .news-item article p{min-height:200px;}
section.news-featured .news-item article .button{margin-top:24px;}
section.news-featured .news-item article .button:hover{background:white; box-shadow:3px 6px 5px 0px rgba(0,0,0,0.35); color:#e3051b;}
section.news-featured .news-item:not(:first-of-type) .button{width:100%;}
section.news-featured .news-item:first-of-type .image{width: 100%; height:300px;}
section.news-featured .news-item .image{width: 100%; height:250px;}
section.news-featured .news-item .image img{width: 100%; height:100%; object-fit:cover;}

/*News-detail*/
section.news-detail .news-item{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.news-detail .news-item article h1{font-size:2.0rem; font-family:'Oswald',sans-serif; margin-bottom:24px;}
section.news-detail .news-item article .details{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px;}
section.news-detail .news-item article .details .post-date{font-weight:700; font-size:1.4rem;}
section.news-detail .news-item article .details .reading-time{font-size:1.4rem;}
section.news-detail .news-item article .details .reading-time i{color:#1a8ecf; font-size:1.8rem; margin-right:12px;}
section.news-detail .news-item .button{margin-top:24px;}
section.news-detail .news-item .button:hover{background:white; box-shadow:3px 6px 5px 0px rgba(0,0,0,0.35); color:#e3051b;}
section.news-detail .news-item .image{width: 100%; height:340px;}
section.news-detail .news-item .image img{width: 100%; height:100%; object-fit:cover;}

/*product*/
section.product .grid {display: grid; grid-template-columns: 1fr 1fr; gap: 86px;}
section.product .grid .product-images {display:grid; grid-template-columns:80px auto; gap:24px;}
section.product .grid .product-images .thumbnails{grid-area:1/1/1/1;}
section.product .grid .product-images .thumbnails a{margin-bottom:24px; display:block;}
section.product .grid .product-images a img{width: 100%;}
section.product .grid .product-details h2 span{display: block; font-size:1.6rem;}
section.product .grid .product-details .price{font-size:4.0rem; font-weight:500; font-family:'Oswald',sans-serif; margin-bottom:24px;}
section.product .grid .product-details .price span{display:block; font-weight:100; font-size:1.6rem; font-family:'Oxygen',sans-serif;}
section.product form.form-grid{border-radius:4px; margin-bottom:8px;}
section.product form.form-grid div.row{border-bottom:unset;}
section.product form.form-grid .submit{display:block;}
section.product form.form-grid .submit .button-left .button,
section.product form.form-grid .submit .button-right .button{width: 100%;}
section.product .grid .product-details .banner{padding:4px; border: 1px solid #e3051b; color:#e3051b; border-radius:4px; margin-bottom:24px;}
section.product .grid .product-details .banner i{margin-right:12px;}
section.product .grid .product-details article{margin-bottom:24px;}
section.product .grid .product-details .accordion{border-bottom:1px solid #1D609A; font-weight:700; padding-bottom:8px; position: relative;}
section.product .grid .product-details .accordion:hover{cursor: pointer;}
section.product .grid .product-details .accordion:after{content: "\276F"; color:#1D609A; position:absolute; right:12px;  top: 50%; transform: translateY(-50%) rotate(90deg); transform-origin: center right; transition: transform 0.3s ease-in-out;}
section.product .grid .product-details .accordion.active:after{transform:translateY(-50%) rotate(-90deg);}
section.product .grid .product-details .panel{display:none; padding: 24px 0;}
  
/*Stories*/
section.stories-overview{position: relative;}
section.stories-overview .background{background: rgb(29, 96, 154); background: linear-gradient(90deg, rgba(29, 96, 154, 1) 0%, rgba(26, 142, 207, 1) 100%); position: absolute; top:81px; left: 0; width: 100%; height: 270px; z-index: -1;}
section.stories-overview .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;}
section.stories-overview .grid .story:nth-of-type(2){grid-column-end:span 3; display:grid; grid-template-columns:1fr 1fr; gap:24px; color:white;}
section.stories-overview .grid .story .image{width: 100%; height:350px; margin: 0 auto auto auto;}
section.stories-overview .grid .story .image img{width: 100%; height: 100%; object-fit:contain;}
section.stories-overview .grid .story .button{margin-top:24px;}
section.stories-overview .grid .story .button:hover{color:white; background:#e3051b;}
section.stories-overview .grid .story:not(.story:nth-of-type(2)){display:grid; grid-template-columns: 1fr; gap:24px;}
section.stories-overview .grid .story:not(.story:nth-of-type(2)) .image{height:250px; grid-row-start:1;}
section.stories-overview .grid h2{grid-column-end:span 3;}

section.video-gallery .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.video-gallery .grid article{grid-column-end:span 3;}

/*video*/
.video-container iframe{width:100%; aspect-ratio:16/9; margin-left:0; margin-right:auto;}
.intro .title{font-family:'Oswald',sans-serif; font-size:3.5rem; color:white; background:#e3051b; padding: 0px 10px; font-weight:700; width:fit-content;}

/*Donate*/
section.donate{accent-color:#e3051b;}
section.donate .container{width: 40%;}
section.donate .container form{padding:unset;}
section.donate .container .form-step .box{background:#1D609A; padding:24px; margin-top:12px;}
section.donate .container .form-step .box h2{color:white; text-align:center;}
section.donate .container .form-step .box ul *{color:white;}
section.donate .container .form-step .box ul{margin-bottom:12px;}
section.donate .container .form-step .box p{color:white; margin:0px 0px 12px 0px !important;}
section.donate .container .form-step .box .message{background:#e3051b; border-radius:4px; padding:12px; border:2px solid #ffffff; margin-bottom:24px;}
section.donate .container .form-step .box .message .split{display:grid; grid-template-columns:24px auto; gap:12px;}
section.donate .container .form-step .box .message .split *{color:#ffffff;}
section.donate .container .form-step .box .message .split i{font-size:2.0rem;}
section.donate .container .form-step .box * a:not(.button){color:white; text-decoration:underline;}
section.donate .container .form-step .box .icon{height: 227px; width: 227px; margin:24px auto ; background:white; border-radius:50%; text-align:center;}
section.donate .container .form-step .box .icon i{font-size:12.8rem;  line-height:227px; color:#1a8ecf;}
section.donate .container .form-step .box .submit{margin-top:24px; gap:24px;}
section.donate .container .form-step:first-of-type:not(:last-of-type) .box .submit{grid-template-columns:1fr;}
section.donate .container .form-step .box input{border-radius:4px;}
section.donate .container .form-step .box .submit .button{width: 100%; cursor:pointer;}
section.donate .container .form-step .box .submit .button:hover{color:#e3051b; background:white;}
section.donate .container .form-step .box .submit .button-left,
section.donate .container .form-step .box .submit .button-right{height: inherit;}
section.donate .container .form-step .box .results .participants{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0px;}
section.donate .container .form-step .box .results .participants .participant{padding:12px; display:block; background:#ffffff; display:grid; grid-template-columns:24px auto 80px; gap:8px; border-radius:4px;}
section.donate .container .form-step .box .results .participants .participant .member{height:fit-content; margin:auto 0; text-align:center;}
section.donate .container .form-step .box .results .participants .participant .member i{font-size:2.4rem;}
section.donate .container .form-step .box .results .participants .participant .details .name{font-size:1.8rem; font-family:'Oswald',sans-serif; min-height:60px; color:#1D609A;}
section.donate .container .form-step .box .results .participants .participant .details .ride{color:#444444;}
section.donate .container .form-step .box .results .participants .participant .profile-picture{width:80px; height:80px;}
section.donate .container .form-step .box .results .participants .participant .profile-picture img{width:100%; height:100%; object-fit:cover; object-position:center;}
section.donate .container .form-step .row,
section.donate .container .form-step .label{border-bottom:unset; color:white; margin-bottom:8px;}
section.donate .container .form-step .amount{display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:24px; gap:12px; row-gap:24px;}
section.donate .container .form-step .amount div{display:flex; padding:5px; border-radius:15px; background:#008ecf; border:2px solid #008ecf; }
section.donate .container .form-step .amount div:last-of-type{grid-column-end:span 5; text-align:center !important;}
section.donate .container .form-step .amount div:hover{cursor:pointer;}
section.donate .container .form-step .amount div:hover,
section.donate .container .form-step .amount div.active{background:white; border: 2px solid #04b149; color:#04b149; cursor:pointer;}
section.donate .container .form-step .amount input[type="radio"]{-webkit-appearance: none; appearance: none; background-color: #fff; margin: 0;}
section.donate .container .form-step .amount label{font-family:'Oxygen',sans-serif; font-size:2.0rem; font-weight:700; margin-right:unset; display:block; width:100%; text-align:center; cursor: pointer;}

section.donate .container .form-step .sizer span{text-align:right; color:white; font-size:unset !important;}
section.donate .container .form-step .sizer input[type="number"]::-webkit-outer-spin-button,
section.donate .container .form-step .sizer input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
section.donate .container .form-step .sizer input[type="number"] {-moz-appearance: textfield;}
section.donate .container .form-step .sizer input[type="number"],
section.donate .container .form-step .sizer button[type="button"]{text-align:center; height:32px; line-height:32px; margin:0; padding:0; border:none;border-radius:4px; appearance:none;}
section.donate .container .form-step .sizer input[type="number"]{padding:unset; margin:0 8px; width:32px; background:white; color:#e3051b}
section.donate .container .form-step .sizer .plus-knop,
section.donate .container .form-step .sizer .min-knop{color:white; padding:unset; display: block; width: 100%; background:#008ecf;}
section.donate .container .form-step .sizer .plus-knop:hover,
section.donate .container .form-step .sizer .min-knop:hover{color:white; background:#aad2ec; cursor: pointer;}
section.donate .container .form-step .sizer .plus-knop{margin-right:41px; width:32px;}
section.donate .container .form-step .sizer .size-label{background:#e3051b; font-weight:600; text-align:center; color:white; height:32px; line-height:32px; border-radius:4px; width:200px; display:block; margin:0px auto;}
section.donate .container .form-step .sizer.total{grid-template-columns:302px auto; font-weight:700;}
section.donate .container .form-step .sizer.total div.total-amount{text-align:right;}
section.donate .container .form-step .sizer.total span{color:white; display:unset;}

/*signup*/
section.signup{background:#1D609A;}
section.signup .container{background:white; padding:24px; border-radius:4px;}

/*photo-album*/
section.photo-album .grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:35px; grid-auto-columns:max-content; grid-auto-flow:dense; grid-auto-rows:minmax(100px,auto);}
section.photo-album .grid h2{grid-column-end:span 4;}
section.photo-album .grid figure{grid-column:span 1; grid-row:span 1;}
section.photo-album .grid figure:hover{opacity:0.5; transition: 0.1s;}
section.photo-album .grid figure:nth-of-type(3n + 1){grid-column:span 2; grid-row: span 2;}
section.photo-album .grid figure a{width: 100%; height: 100%; display:block; background:#efefef;}
section.photo-album .grid figure a img{width: 100%; height: 100%; object-fit:cover;}

/*Footer*/
footer{background:#1a8ecf; padding-top:48px; position: relative;}
footer .bg{width: 50%; height:100%; background:#1D609A; position:absolute; top:0; right:0;}
footer .grid{display: grid; grid-template-columns:25% 25% 25% 25%; gap:24px;}
footer .grid .news{background:#1D609A;}
footer .grid h4 a,
footer .grid h4{color:white;}
footer .grid .legal ul li a,
footer .grid .menu ul li a{color:white;}
footer .grid .legal ul li a:hover,
footer .grid .menu ul li a:hover{color:#1D609A;}
footer .grid .news .form-grid{grid-template-columns:1fr;}
footer .grid .news .form-grid .wide{grid-column-end:unset;}
footer .grid .news .form-grid .label{color:white;}
footer .grid .news .form-grid div{border-bottom:unset; padding:unset;}
footer .grid .news .form-grid .submit{display:block;}
footer .grid .news .form-grid .submit .button-right input{float:unset; width: 100%; font-family:'Oyxgen',sans-serif; padding: 8px 16px; margin-bottom:12px;}
footer .grid .news .form-grid .submit .button-right:hover input{background:white; color:#1a8ecf; box-shadow:3px 6px 5px 0px rgba(0,0,0,0.11);}
footer .grid .social{margin-bottom:24px;}
footer .grid .social span{color:white; display:block; margin-bottom:12px;}
footer .grid .social .social-icons{display:flex; justify-content: flex-start; }
footer .grid .social .social-icons a{color:white;}
footer .grid .social .social-icons a:hover{color:#008ecf;}
footer .grid .social a{font-size:2.4rem;  margin-right:24px;}
footer .grid .logo{width: 134px; height: 54px;float:left;}
footer .grid .kwf{width: 101px; height:54px; float:right;}
footer .grid .kwf img,
footer .grid .logo img{width: 100%; height: 100%; object-fit:contain;}
footer .grid .copyright *{color:white;}
footer .grid .copyright{grid-column-end:span 4; font-size:1.2rem;}
footer .grid .copyright a:hover,
footer .grid .copyright a:hover *{color:#1D609A;}
footer .grid .copyright a:after{content:'|'; margin:0 4px;}
footer .grid .copyright a:last-of-type:after{content:none; margin:unset;}


/*1220*/
@media only screen and (max-width:1220px)
{
    header .grid nav .mainmenu li{margin-right:5px;}
    
    header .grid nav ul li a{font-size:1.8rem;}
    header .grid nav .mainmenu .donate a,
    header .grid nav .mainmenu .signup a{font-size:1.4rem; font-weight:700; font-family:'Oxygen',sans-serif;}

    .achievements{padding-left:5vw;}


    .progress{padding:12px;}

.event-badge{right:24px;}

.slogan{bottom:-26%; right:-22%;}

    section.slider.low .background{height:500px;}
    section.slider.low .container{margin-top:200px; height:300px;}

    section.slider .container .payoff{width:100%;}
    

    section.support .grid .support-role{height:220px;}
    
    section.donate .container{width: 70%;}
    section.donate .container .form-step .amount label{padding: 5px 7px;}
    

    .results .participant .profile-picture{margin: auto 0;}
    .results .other{grid-template-columns:1fr 1fr;}
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
h1{font-size:7.0rem;}
h2{font-size:2.8rem;}
h3{font-size:2.2rem;}
.button{font-size:1.8rem;}

.achievements{gap:12px;}

header{height:114px;}
header .grid{margin: 12px auto; display:grid; grid-template-columns:125px 95px auto; gap:24px;}
header .grid .logo{width:100%; height:52px; margin: auto 0;}
header .grid nav{display:grid; grid-template-rows:32px 40px; gap:8px;}
header .grid nav ul li a{font-size:1.6rem; color:white; line-height:40px;}
header .grid nav .submenu li{margin-right:8px; line-height:32px;}
header .grid nav .mainmenu li{margin-right:8px ;padding:unset; border:unset; border-radius:4px;}
header .grid nav .mainmenu .donate a,
header .grid nav .mainmenu .signup a{font-size:1.4rem; padding:0 4px;}
header .grid nav .mainmenu .signup i,
header .grid nav .mainmenu .donate i{margin-left:8px;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid nav ul li .language{margin:4px 0;}

section.slider .background{ height:500px;}
section.slider .container{margin-top:140px; height:360px;}
section.slider .container .payoff p{font-size:2.0rem;}

section.intro.hp article{font-size:1.6rem;}

.event-badge{position:absolute; top:-193px; right:24px; padding:24px; width:300px; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
.event-badge .event-title{font-size:3.5rem; }
.event-badge .event-date{font-size:3.0rem;}

section.video h2{font-size:2.0rem; padding:4px 8px; width:400px; top:-48px; left:30%;}

section.intro .grid{grid-template-columns:auto 300px;}
section.intro.fund .grid .tip{margin-top:24px;}
section.intro.fund .grid .tip .button{width: 100%;}
section.intro.clean .grid{grid-template-columns:auto 300px;}

section.tiles .grid .tile .title{padding:12px 12px; background:#1d609a; font-family:'Oswald',sans-serif; font-size:2.0rem; font-weight:500; position:absolute; top:0 ; left:0; color:white;}
section.tiles .grid .tile article{position:absolute; bottom:0; left:0; color:white; padding:12px; font-size:1.6rem;}
section.tiles .grid .tile article .button{background:white; color:#e3051b; padding:8px; border-radius:4px; margin-top:24px;}
section.tiles .grid .tile .tile-background i{font-size:5.0rem;}

section.stats .grid{column-gap:24px;}
section.stats .grid .stat .icon{font-size:3.2rem; margin-bottom:24px; width:32px; height:32px; margin: 0 auto 24px auto;}
section.stats .grid .stat .title{font-family:'Oswald',sans-serif; font-size:3.0rem; color:white; background:#e3051b; padding: 0px 10px; font-weight:700;}
section.stats .overlay{position:absolute; width: 440px; height:450px; opacity:0.17; right:0; top:50%; transform:translateY(-50%); z-index:0;}

section.content .grid{grid-template-columns:1fr; gap:24px !important;}
section.content.variant article{grid-area:unset; padding:12px;}
section.content.variant .background{width: 100%;}
section.content.variant .image{margin-top:0; margin-bottom:24px;}
section.content:nth-of-type(even) .grid .image{grid-area:unset;}
section.content:nth-of-type(even):not(section.content .grid article.wide) .grid article{grid-area:unset;}
section.content:nth-of-type(odd):not(section.content .grid article.wide) .grid article{grid-area:unset;}
section.content:nth-of-type(odd) .grid .image{grid-area:unset;}

section.content.vacature .container.grid{gap:24px;}

section.content.vacature .item:nth-of-type(even) .details,
section.content.vacature .item .details{padding:24px;}
section.content.vacature .item .image{margin-bottom:unset;}

section.content.vacature .item{display:grid; grid-template-columns:1fr; gap:24px;}
section.content.vacature .item:nth-of-type(even) .details{grid-column-start:unset; }
section.content.vacature .item:nth-of-type(even) .image{grid-area:unset; grid-column-start:unset; }
section.content.vacature .item:nth-of-type(odd) .image{grid-column-start:unset;}
section.content.vacature .item:nth-of-type(even) .background{left:0; right:unset;}


section.about .grid{ row-gap:64px; column-gap:24px;}
section.about.five .grid{grid-template-columns:1fr 1fr 1fr;}
section.about.five .grid article{grid-column-end:unset;}
section.about .grid article .button{padding:8px; font-size:1.8rem; border-radius:2px;}
section.about .grid .ride-tile .image{width: 100%; height:265px;}
section.about .grid .ride-tile .ride-badge{width: 80%; height:134px; background:white; position:absolute; top:48px; left:50%; transform:translateX(-50%);text-align:center; font-family:'Oswald',sans-serif; font-size:2.8rem;}
section.about .grid .ride-tile .ride-badge .edition{ font-weight:700; color:white; background:#e3051b; padding:4px 10px; width:90%; transform:rotate(-2deg)translateX(-50%); position:absolute; top:-24px; left:50%;}
section.about .grid .ride-tile .ride-badge .event{color: #1a8ecf; margin-top:36px;}
section.about .grid .ride-tile .ride-title{font-size:1.6rem; text-align:center; color:white; background:#1a8ecf; padding:8px;}
section.about .grid .ride-tile .ride-cta{font-weight:700; color:#e3051b; background:white; width: 90%; margin:-5px auto auto auto; padding:8px; position: relative; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.11);}
section.about .grid .ride-tile .ride-cta .ride-overlay{position:absolute; top:8px; right:8px; height:24px; width: 24px;}
section.about .grid .ride-tile .ride-cta .ride-overlay img{height:100%; width:100%; object-fit:contain;}
section.support .grid{grid-template-columns:1fr 1fr;}
section.support .grid article{grid-column-end:span 2;}

section.donate .container{width: 80%;}

section.fund-tips .grid article{background:white; padding:12px; border-radius:4px;}

section.fund-tips .grid article .title{display:grid; grid-template-columns:32px auto; gap:8px;}
section.fund-tips .grid article .title .counter{width:100%; height:32px; text-align:center; color:white; border-radius:50%;}
section.fund-tips .grid article .title .counter:after{font-size:2.0rem; line-height:32px;}

section.ranking .grid{grid-template-columns:1fr;}
section.ranking .grid article{grid-column-end:unset;}
section.ranking .grid .tags{justify-content:flex-start; grid-column-end:unset;}
section.ranking .grid .divider{grid-column-end:unset;}
section.ranking .grid .results{grid-column-end:unset;}
.results .participants{margin:24px 0; grid-template-columns:1fr 1fr;}
section.ranking .grid .results .participant{grid-template-columns:45px auto max-content; padding:8px; grid-column-end:unset;}
section.ranking .grid .results .participant:nth-of-type(1), section.ranking .grid .results .participant:nth-of-type(2), section.ranking .grid .results .participant:nth-of-type(3){grid-column-end:unset;}

section.news-featured .grid{grid-template-columns:1fr;}
section.news-featured .grid h2{grid-column-end:unset;}
section.news-featured .news-item:first-of-type{grid-column-end:unset; grid-template-columns:1fr;}
section.news-featured .news-item:first-of-type .image{grid-area:1/1/1/1;}
section.news-featured .news-item article .button{width: 100%;}

section.donations .grid .donation-feed{grid-template-columns:1fr;}

section.news-detail .news-item{display:grid; grid-template-columns:1fr;}
section.news-detail .news-item .button{width: 100%;}

section.stories-overview .grid{grid-template-columns:1fr;}
section.stories-overview .grid .story:nth-of-type(2){grid-template-columns:1fr; grid-column-end:unset;}
section.stories-overview .grid h2{grid-column-end:unset;}
section.stories-overview .grid .button{width: 100%;}

section.package .grid{display:grid; grid-template-columns: auto 300px;}
section.package .grid .right .image{width:250px;}
section.package .grid .event-badge .event-title{font-size:2.5rem;}
section.package .grid .event-badge .event-date{font-size:2.5rem;}

section.donations .grid{display: grid; grid-template-columns:1fr;}
section.donations .grid .progress{grid-column-start:unset;}
section.donations .grid .donation-feed{grid-column-start:unset; grid-row-start:unset; grid-row-end:unset;}

section.video-gallery .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.video-gallery .grid article{grid-column-end:span 1;}


footer .grid{grid-template-columns:repeat(3, 33%); gap:14px;}
footer .bg{width: 33%;}
footer .grid .logo{width: 131px;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:768px) 
{

    h1{font-size:5.0rem;}
    h2{font-size:2.4rem; margin-bottom:24px;}

    section{padding:32px 0;}

    .breadcrumbs{display:none;}

    .achievements{display:none;}

    .splash-usp .links{display:block;}
    .splash-usp .links .button{width: 100%;}
    .splash-usp .links .button:first-of-type{margin-right:unset; margin-bottom:24px;}
    .splash-usp .cta{width: 91%;}
    section.tiles .grid .tile:nth-of-type(1){grid-row-start:2;}

    section.localsupport .grid{grid-template-columns:1fr;}
    section.localsupport .localgoals .tile .title{font-size:2.0rem; padding: 8px 12px;}

    .progressbar .grid{grid-template-columns:100px auto 100px;}
    .progressbar article{margin-bottom:24px;}
    .progressbar .milestone{font-size:1.6rem;}

    section.about.imp .grid .ride-tile .ride-badge{height:80px;}

    header{overflow:visible;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:white; line-height:100px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#1D609A; margin-left:unset;}
    header .grid nav ul.submenu{padding: 24px 24px 0 24px;}
    header .grid nav ul.mainmenu{padding: 0 24px 24px 24px;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:center; border-radius:unset;}
    header .grid nav ul li a{color:white; height:48px; line-height:48px; margin:unset; border-right:unset;}
    header .grid nav ul li a:active,
    header .grid nav ul li a:hover{color:#1D609A;}
    header .grid nav ul li a.on{color:#e3051b;}
    header .grid nav ul li .language{justify-content: center;}
    header .grid nav ul .signup{margin-bottom:12px;}
    header .grid nav ul .signup:last-of-type{margin-bottom:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:100px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}


    section.video h2{font-size:1.6rem; width:300px; left:30%;}
    section.video .video{width:90%;}

    section.slider .container .payoff{width: 100%;}
    section.slider .container .payoff p{font-size:1.8rem;}
    section.slider.low .background{height:350px;}
    section.slider.low .container{height:150px;}

    .event-badge{right:unset; left:50%; transform:translateX(-50%);}
    .package .event-badge{position: relative; padding:12px; width:100%; margin-top:48px;}
    section.package .grid .event-badge .event-title{font-size:2.0rem;}
    section.package .grid .event-badge .event-date{font-size:2.0rem;}
    section.package .grid{margin-bottom:unset;}
    

    section.sponsor .grid.partner,
    section.sponsor .grid.sponsor,
    section.sponsor .grid.main{grid-template-columns:1fr;}
    section.sponsor .grid.main article{grid-column-end:unset; grid-column-start:unset;}
    section.sponsor .grid.main:nth-of-type(even) article{grid-column-start:unset; grid-row-start:unset;}
    section.sponsor .grid.main:nth-of-type(even) .logo{grid-column-start:unset;}
    section.sponsor .grid .title{margin-top:64px;}
    section.sponsor .grid.partner .logos,
    section.sponsor .grid.sponsor .logos{grid-template-columns:repeat(3,1fr);}

    section.intro .grid{grid-template-columns:1fr;}
    section.intro .grid article h2{margin-top:96px; position: relative;}
    section.intro.fund .grid article h2{margin-top:247px;}
    section.intro.fund .grid{margin-bottom:unset;}
    section.intro.clean .grid{grid-template-columns:1fr;}
    section.intro.clean .grid article h2{margin-top:unset;}
    section.intro.clean .grid .buttons .button{width: 100%; margin-bottom:12px;}
    section.intro.clean .grid .buttons .button:last-of-type{margin-bottom:unset;}

 .slogan{display:none;}

 .merch-block .grid{display:grid; grid-template-columns:1fr;}
 .merch-block .grid .image{grid-row-start:1;}
 .merch-block .grid article .sizes{position: relative;}
 .merch-block .grid .image .title{font-size:2.0rem;}
 .merch-block .grid article .button{width: 100%;}


    section.tiles.three .grid{grid-template-columns:1fr; grid-template-rows:unset;}
    section.tiles .grid{grid-template-columns:1fr; grid-template-rows:unset;}
    section.tiles .grid .tile:nth-of-type(1){grid-row-end:unset;}
    section.tiles .grid .tile:nth-of-type(2){grid-column-end:unset; grid-row-end:unset;}
    section.tiles .grid .tile:nth-of-type(3){grid-row-end:unset;}
    section.tiles.three .grid .tile:nth-of-type(3){grid-row-end:unset; grid-column-end:unset;}
    section.tiles.three .grid .tile:nth-of-type(4){grid-row-end:unset; grid-column-end:unset;}
    section.tiles .grid .tile article{display:none;}
    section.tiles.three .grid .tile article{display:none !important;}
    section.tiles .grid .tile{height:100px;}
    section.tiles.three .grid .tile{height:120px;}
    section.tiles.three .grid .tile .title{font-size:2.0rem;}
    /*section.tiles.three .grid .tile .title{height:100%; width:100%; font-size:1.8rem;}*/
    section.tiles.three .grid .tile .tile-overlay{display:none;}

    section.stats .grid{grid-template-columns:1fr;}
    section.stats .grid h2{grid-column-end:unset;}
    section.stats .grid .stat .title{font-size:2.2rem; width: 50%; margin:0 auto;}

    section.about .grid{grid-template-columns:1fr;}
    section.about.five .grid{grid-template-columns:1fr;}
    section.about .grid article{grid-column-end:unset;}
    section.about .grid .ride-tile .ride-badge{height:130px;}
    section.about .grid article .button{width: 100%;}

    section.content.vacature .item .button{width: 100%;}

    section.research .goal .background{height:560px;}
    section.research .goal .grid{display:grid; grid-template-columns:1fr; padding:48px 24px;}
    section.research .goal:nth-of-type(even) .grid{grid-template-columns:1fr;}
    section.research .goal .image{height:237px; width:237px; margin:auto auto auto 0;}
    section.research .goal:nth-of-type(even) .image{grid-area:unset;}
    section.research .goal article{grid-column-end:unset;}
    section.research .goal article .buttons .button{width: 100%;}
    section.research .goal article .buttons .button:first-of-type{margin-bottom:12px;}

    section.support .grid{grid-template-columns:1fr;}
    section.support .grid article{grid-column-end:unset;}

    section.practical-info .grid{grid-template-columns:1fr; gap:unset;}
    section.practical-info .grid h2{grid-column-end:unset;}

    section.content article .button{width: 100%;}

    section.routes .grid{grid-template-columns:1fr;}
    section.routes .grid p,
    section.routes .grid h2{grid-column-end:unset;}
    section.routes .grid .route{padding:24px;}
    section.routes .grid .route .map{margin-bottom:12px;}
    section.routes .grid .route .route-title{margin-bottom:12px;}
    section.routes .grid .route .button{width: 100%;}

    section.stories .grid{display:block;}
    section.stories .grid .quote{position:relative; top:unset; left:unset; transform:unset; margin-bottom:48px;}

    section.news .grid{grid-template-columns:1fr;}
    section.news .grid h2{grid-column-end:unset;}
    section.news .grid .news-item:nth-of-type(1){grid-row-end:unset; grid-column-start:unset;}
    section.news .grid .button{grid-column-end:unset; width: 100%;}
    section.news .grid .news-item .image img{height:190px;}
    
    section.news-featured .news-item:first-of-type .image,
    section.news-featured .news-item .image{height:140px;}
    section.news-featured .news-item article .title,
    section.news-featured .news-item article p{min-height:unset;}
    
    section.news-detail .news-item .image{height: 145px;}

    section.donate .container{width: 100%;}
    section.donate .container .form-step .box .icon{width: 150px; height: 150px;}
    section.donate .container .form-step .box .icon i{font-size:7.0rem; line-height:150px;}
    section.donate .container .form-step .amount{display:grid; grid-template-columns:1fr; gap:4px;}
    section.donate .container .form-step .amount div:last-of-type{grid-column-end:unset;}
    section.donate .container .form-step .amount label{font-size:1.8rem; width: 100%; display:block; margin-bottom:8px; padding:12px 0; text-align:center;}
    section.donate .container .form-step .box .results .participants{grid-template-columns:1fr;}

    form.form-grid .row.sizer{display:grid; grid-template-columns:32px 48px 36px 64px auto; gap:unset;}
    section.donate .container .form-step .sizer.total {grid-template-columns:180px auto;}
    section.donate .container .form-step .sizer{padding:0 5%;}
    section.donate .container .form-step .sizer .plus-knop{margin-right:24px;}


    section.ranking .grid article input[type="text"]{width: 100%}
    section.ranking .grid article input[type="submit"]{width: 100%;}
    section.ranking .grid .tags{display:block;}

    section.ranking .grid h3{margin-bottom:16px;}
    section.ranking .grid article input[type="text"]{font-size:1.4rem;}
    .results .participant .details .name{font-size:1.6rem;}
    .results .participant .counter:after{font-size:2.0rem;}
    .results .participant .counter i{font-size:1.8rem;}
    .results .participant .profile-picture{ margin: auto; width: 65px; height: 65px;}
    .results .participants{margin:24px 0; grid-template-columns:1fr;}

    .video-container iframe{width:100%; margin-left:unset; margin-right:unset;}
    

    form.form-grid div.submit{grid-template-columns:1fr;}
    form.form-grid .rides{grid-template-columns:1fr;}
    form.form-grid div.submit .button-right input[type=button], form.form-grid div.submit .button-right input[type=submit]{width:100%;}
    form.form-grid div.submit .button-left input[type=button], form.form-grid div.submit .button-left input[type=submit]{width: 100%;}

    section.donations .grid{grid-template-columns:1fr;}
    section.donations .wrapper{padding:unset; background:unset;}
    section.donations .grid .progress{grid-column-start:unset; padding:10px}
    section.donations .grid .donation-feed{grid-column-start:unset; grid-row-start:unset;}
    section.donations .grid .social-links{justify-content:space-evenly;}
    section.donations .grid .social-links a{width:unset; height:unset; color:#008ecf; background:unset; border-radius:unset; overflow:unset;}
    section.donations .grid .social-links a:hover{color:white;}
    section.donations .grid .social-links a i{line-height:unset; font-size:1.8rem;}
    section.donations .grid .progress .title{font-size:1.8rem;}
    section.donations .grid .donation-feed .grid{grid-template-columns:1fr;}

    section.fund-tips .grid{display:grid; grid-template-columns:1fr;}
    section.fund-tips .grid h2{grid-column-end:unset;}

    section.photo-album .grid{display:grid; grid-template-columns:repeat(1, 1fr); gap:24px; grid-auto-columns:max-content; grid-auto-flow:dense; grid-auto-rows:minmax(20px,auto);}
    section.photo-album .grid h2{grid-column-end:unset; margin-bottom:unset;}
    section.photo-album .grid figure:nth-of-type(3n + 1){grid-column:unset; grid-row:unset;}
    section.photo-album .grid figure{grid-column:span 1; grid-row:span 1;}
    section.photo-album .grid figure:hover{opacity:0.5; transition: 0.1s;}  
    
    section.product .grid{grid-template-columns:1fr; gap:24px;}


    section.package .grid{display:grid; grid-template-columns: 1fr;}
    section.package .grid .right .image{width:250px; margin:auto;}

    footer *{text-align:center;}
    footer .grid{grid-template-columns:1fr;}
    footer .bg{display:none;}
    footer .grid .news{background:none;}
    footer .grid .social .social-icons{justify-content:center;}
    footer .grid .copyright{grid-column-end:unset;}
    

}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    body{font-size:1.4rem;}
    h1{font-size:4.6rem;}
    section.intro.hp article{font-size:1.4rem;}
 
    header .grid{grid-template-columns:102px 82px auto;}

    section.video h2{font-size:1.2rem; width:200px; left:30%;}
    section.video .video{width:95%; border:4px solid #e3051b; border-radius:4px; }
    section.video .video video{border-radius:4px;}
    
 .event-arrow{display:none;}

 .progressbar .grid{grid-template-columns:73px auto 73px; gap:4px;}

 section.product .grid .product-images{grid-template-columns:1fr; gap:24px;}
 section.product .grid .product-images .thumbnails{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; grid-row-start:2;}
 section.product .grid .product-images .thumbnails a{margin-bottom:unset;}

 section.donate .container .form-step .sizer{padding:unset;}
 

 .localsupport .slicker .logo .title{ font-size:1.6rem; }
 section.about .grid .ride-tile.impact .ride-title .title{height:15rem;}

 section.research .goal .background{height:600px;}

    
}