A:link { text-decoration: none; color: #003399 }
A:visited { text-decoration: none; color: #663366 }
A:hover { text-decoration: underline; color: #0F3300 }
A:active { text-decoration: none; color: #cc00FF }

/* Breadcrumb */

ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: #ffffff;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.breadcrumb li a {color: blue;}

/* einde breadcrumb */

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

div.gyg-container {
 min-height: 280px;
  max-height: 410px;
  text-align: left;
  padding: 10px 20px;
   overflow: hidden;
}


/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,
body{font-family:"Roboto",Verdana,sans-serif;font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:15px}h2{font-size:15px}h3{font-size:15px}h4{font-size:15px}h5{font-size:15px}h6{font-size:12px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Roboto","Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100vh;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:801px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:800px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:1281px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:1280px) and (min-width:801px){.w3-hide-medium{display:none!important}}
@media (max-width:1280px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}

.w3-mijn-groen,.w3-hover-mijn-groen:hover{color:#000!important;background-color:#DEF3BD!important}
.w3-mijn-licht-groen,.w3-hover-mijn-groen:hover{color:#000!important;background-color:#F3FCE4!important}
.w3-mijn-adv,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-colom,.w3-hover-colom:hover{color:#000!important;background-color:#fff!important}
.w3-button-link-kleur,.w3-hover-mijn-rose:hover{color:#003399!important;background-color:#F3FCE4!important}

.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#ffffff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#003399!important} 
/* .w3-text-teal{color:#009688!important} */
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

/* ================================================================
  RUGZAKTRIPS 2026 | nieuwe vormgeving
  De basis hierboven is de originele style-1.css (W3.CSS 4.04).
  Nieuwe rz-* regels zijn beperkt tot de vernieuwde pagina’s.
  Responsive basis: de bestaande W3.CSS .w3-col s12 m6 l4.
  ================================================================ */

/* Rugzaktrips – gezamenlijke stylesheet: homepage en reispagina's. herbruikbare CSS3 aanvullingen op /css/style-1.css.
   Behoudt de bestaande W3.CSS-indeling, zijbalk, menu's en responsive werking.
   Geen JavaScript-framework nodig.
*/
:root {
  --rz-groen: #286044;
  --rz-donkergroen: #21482f;
  --rz-licht: #F3FCE4;     /* bestaande lichtgroene kleur uit style-1.css */
  --rz-zacht: #FAFDF6;
  --rz-rand: #d4e4c6;
  --rz-tekst: #273529;
}

/* Introductie en primaire ingangen */
.rz-intro, .rz-themas, .rz-praktisch, .rz-panel-sectie {
  margin: 16px 16px 26px;
}
.rz-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(180px, .75fr);
  align-items: center;
  gap: 24px;
  padding: 25px;
  background: var(--rz-licht);
  border: 1px solid var(--rz-rand);
  border-radius: 9px;
}
.rz-intro h1 {
  font-size: clamp(27px, 3vw, 39px);
  line-height: 1.18;
  margin: 4px 0 16px;
  color: var(--rz-donkergroen);
}
.rz-intro p { color: var(--rz-tekst); line-height: 1.62; margin: 0 0 12px; }
.rz-intro .rz-lead { font-size: 1.1rem; }
.rz-eyebrow {
  color: var(--rz-groen) !important;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.rz-intro-foto img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 320px;
  border-radius: 7px;
  object-fit: cover;
}
.rz-intro-links { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 18px; }
.rz-intro-links a {
  color: var(--rz-donkergroen);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rz-themas h2, .rz-praktisch h2, .rz-panel-sectie h2 {
  color: var(--rz-donkergroen);
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.3;
  margin: 0 0 16px;
}
.rz-thema-grid, .rz-link-grid, .rz-panel-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}
.rz-thema {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 17px 14px;
  border: 1px solid var(--rz-rand);
  border-radius: 8px;
  background: var(--rz-zacht);
  color: var(--rz-tekst) !important;
  text-decoration: none !important;
}
.rz-thema:hover, .rz-link-grid a:hover {
  background: var(--rz-licht);
  border-color: var(--rz-groen);
}
.rz-thema > i { color: var(--rz-groen); font-size: 22px; margin-top: 2px; }
.rz-thema strong, .rz-thema small { display: block; }
.rz-thema strong { line-height: 1.3; }
.rz-thema small { margin-top: 6px; color: #526052; font-size: .86rem; line-height: 1.4; }
.rz-section-heading p { margin: -6px 0 15px; }
.rz-link-grid a {
  padding: 15px;
  border: 1px solid var(--rz-rand);
  border-bottom: 3px solid var(--rz-rand);
  border-radius: 6px;
  background: var(--rz-zacht);
  color: var(--rz-donkergroen) !important;
  text-decoration: none !important;
}
.rz-link-grid strong, .rz-link-grid span { display: block; }
.rz-link-grid span { margin-top: 7px; color: #526052; font-size: .89rem; }

/* Panels voor bestemmingsfoto's en aanklikbare kaarten */
.rz-panel-sectie { margin-top: 28px; }
.rz-sectie-intro { margin: -6px 0 16px; color: var(--rz-tekst); }
.rz-reispanel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--rz-rand);
  border-radius: 9px;
  transition: border-color .15s ease;
}
.rz-reispanel:hover { border-color: #9dbc96; }
.rz-reispanel-beeld {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
  overflow: hidden;
  background: var(--rz-licht);
}
.rz-reispanel-beeld img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
/* Witte kaartpanelen: geen groen of andere kleur achter de vaak witte kaarten.
   De neutrale rand scheidt de kaart van de omliggende pagina. */
.rz-reispanel--kaart {
  background: #fff;
  border-color: #d9dedc;
}
.rz-reispanel--kaart .rz-reispanel-beeld {
  height: 170px;
  margin: 12px 12px 0;
  padding: 8px;
  background: #fff;
  border: 1px solid #e2e5e3;
  border-radius: 5px;
}
.rz-reispanel--kaart .rz-reispanel-beeld img { object-fit: contain; }
.rz-reispanel--kaart .rz-reispanel-tekst { background: #fff; }
.rz-reispanel-tekst {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px;
}
.rz-reispanel h3 {
  color: var(--rz-donkergroen);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0 0 9px;
}
.rz-reispanel p {
  color: var(--rz-tekst);
  line-height: 1.52;
  margin: 0 0 15px;
}
.rz-reispanel-link {
  display: inline-block;
  align-self: flex-start;
  margin-top: auto;
  padding: 7px 11px;
  border-radius: 5px;
  background: var(--rz-licht);
  color: var(--rz-donkergroen) !important;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1.4;
}
.rz-reispanel-link:hover { background: #e0edcf; text-decoration: underline !important; }
.rz-reispanel-link span { padding-left: 5px; }
.rz-thema:focus-visible, .rz-link-grid a:focus-visible,
.rz-intro-links a:focus-visible, .rz-reispanel a:focus-visible,
.rz-verder-groep a:focus-visible {
  outline: 3px solid #bf6b16;
  outline-offset: 3px;
}


/* Onderste linklijst: drie compacte thematische panels in plaats van een kale linkmuur.
   De links staan direct in de HTML (geen JavaScript of verborgen accordion). */
.rz-verder { margin: 30px 16px 30px; }
.rz-verder .rz-section-heading h2 {
  color: var(--rz-donkergroen);
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.3;
  margin: 0 0 12px;
}
.rz-verder .rz-section-heading p {
  margin: 0 0 17px;
  line-height: 1.55;
}
.rz-verder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  align-items: stretch;
}
.rz-verder-groep {
  min-width: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid #d9e2d9;
  border-radius: 9px;
}
.rz-verder-groep h3 {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.35;
  color: var(--rz-donkergroen);
  font-weight: 700;
}
.rz-verder-groep h3 i { color: var(--rz-groen); }
.rz-verder-groep p {
  color: #48564c;
  line-height: 1.5;
  margin: 0 0 11px;
  font-size: .94rem;
}
.rz-verder-groep ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rz-verder-groep li { margin: 0; padding: 0; border-top: 1px solid #e8ece8; }
.rz-verder-groep a {
  display: block;
  position: relative;
  padding: 10px 13px 10px 0;
  color: #245577;
  text-decoration: none;
  line-height: 1.4;
}
.rz-verder-groep a::after {
  content: "\203A";
  position: absolute;
  right: 1px;
  color: #6b8a75;
  font-size: 20px;
  line-height: 1.1;
}
.rz-verder-groep a:hover { color: #164e43; text-decoration: underline; }

/* Vier panelkolommen op brede schermen, twee op middelgrote, één op smalle. */
@media (max-width: 1000px) {
  .rz-thema-grid, .rz-link-grid, .rz-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rz-verder-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .rz-intro { grid-template-columns: 1fr; gap: 14px; padding: 18px; }
  .rz-intro-foto { display: none; }
  .rz-intro, .rz-themas, .rz-praktisch, .rz-panel-sectie, .rz-verder {
    margin: 12px 12px 23px;
  }
  .rz-verder-grid { grid-template-columns: 1fr; gap: 11px; }
  .rz-thema-grid, .rz-link-grid, .rz-panel-grid { grid-template-columns: 1fr; gap: 11px; }
  .rz-thema { padding: 13px; }
  .rz-reispanel-beeld { height: 200px; }
  .rz-reispanel--kaart .rz-reispanel-beeld { height: 175px; }
}
@media (prefers-reduced-motion: reduce) {
  .rz-reispanel { transition: none; }
}

/* Reisadvies-blokken op één lijn op tablet en desktop.
   W3.CSS zet de kolommen vanaf 601px naast elkaar; daar gebruiken
   we flex om de linkblokken onder aan de even hoge kolommen te zetten.
   Onder 601px laten we het standaard W3.CSS-gedrag ongemoeid. */
@media (min-width: 601px) {
  .rz-adviesrij {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .rz-adviesrij > .rz-advieskolom {
    display: flex;
    flex-direction: column;
  }
  .rz-adviesrij > .rz-advieskolom > ul {
    margin-top: auto;
  }
}


/* Bilbao: redactionele vervoersgids. De algemene v2-stijlen blijven gelijk. */
#portfolio h1.rz-bilbao-pagetitle { font-size: clamp(26px, 2.7vw, 36px); font-weight: 700; color: var(--rz-donkergroen); line-height: 1.25; margin: 12px 0 18px; }
.rz-bilbao { margin: 10px 16px 28px; color: var(--rz-tekst); }
.rz-bilbao * { box-sizing: border-box; }
.rz-bilbao p { line-height: 1.64; }
.rz-bilbao h2 { color: var(--rz-donkergroen); line-height: 1.27; font-size: clamp(21px,2.1vw,26px); margin: 0 0 15px; font-weight: 700; }
.rz-bilbao h3 { color: var(--rz-donkergroen); font-size: 19px; line-height: 1.3; font-weight: 700; margin: 0 0 13px; }
.rz-bilbao a:not(.rz-bilbao-inhoud a) { text-underline-offset: 2px; }
.rz-bilbao-intro { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(210px,.75fr); align-items: center; gap: 23px; border-radius: 9px; border: 1px solid var(--rz-rand); background: var(--rz-licht); padding: 25px; }
.rz-bilbao-intro .rz-eyebrow { margin: 0 0 7px; }
.rz-bilbao-intro .rz-bilbao-lead { font-size: 1.12rem; line-height: 1.55; font-weight: 500; }
.rz-bilbao-intro p { margin-top: 0; }
.rz-bilbao-introbeeld { margin: 0; }
.rz-bilbao-introbeeld img { display: block; width: 100%; max-height: 300px; object-fit: cover; border-radius: 6px; }
.rz-bilbao-introbeeld figcaption { color: #506150; font-size: .85rem; margin-top: 8px; line-height: 1.4; }
.rz-bilbao-snel { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.rz-bilbao-snel div { border: 1px solid #d9e4d0; padding: 10px; background: #fff; border-radius: 6px; }
.rz-bilbao-snel strong,.rz-bilbao-snel span { display: block; line-height: 1.42; }
.rz-bilbao-snel strong { color: var(--rz-donkergroen); margin-bottom: 5px; }
.rz-bilbao-snel span { font-size: .89rem; }
.rz-bilbao-inhoud { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 11px; margin: 18px 0 28px; padding: 13px 15px; background: #f7faf5; border: 1px solid #e1e8db; border-radius: 7px; }
.rz-bilbao-inhoud strong { color: var(--rz-donkergroen); margin-right: 7px; }
.rz-bilbao-inhoud a { display: inline-block; font-size: .95rem; padding: 6px 9px; background: #fff; border: 1px solid #dae5d3; border-radius: 5px; color: #245577; text-decoration: none; }
.rz-bilbao-inhoud a:hover,.rz-bilbao-inhoud a:focus-visible { text-decoration: underline; background: var(--rz-licht); }
.rz-bilbao-sectie { margin: 0 0 27px; padding-bottom: 22px; border-bottom: 1px solid #e3e8e0; scroll-margin-top: 20px; }
.rz-bilbao-sectie > p { max-width: 85ch; }
.rz-bilbao-split { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(210px,.8fr); gap: 22px; align-items: start; }
.rz-bilbao-split p:first-child,.rz-bilbao-kaart p:first-of-type { margin-top: 0; }
.rz-bilbao-feiten { padding: 18px; border: 1px solid var(--rz-rand); border-radius: 8px; background: var(--rz-zacht); }
.rz-bilbao-feiten dl { margin: 0; }
.rz-bilbao-feiten dl div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 12px; padding: 9px 0; border-top: 1px solid #e4eadf; }
.rz-bilbao-feiten dt { font-weight: 700; }
.rz-bilbao-feiten dd { margin: 0; }
.rz-bilbao-feiten p { font-size: .89rem; margin-bottom: 0; }
.rz-bilbao-tabelwrap { overflow-x: auto; margin: 16px 0 20px; }
.rz-bilbao-tabel { border-collapse: collapse; width: 100%; min-width: 540px; font-size: .95rem; }
.rz-bilbao-tabel caption { text-align: left; color: #526052; font-size: .85rem; margin-bottom: 7px; }
.rz-bilbao-tabel th,.rz-bilbao-tabel td { text-align: left; padding: 11px 13px; vertical-align: top; border: 1px solid #dce4d8; }
.rz-bilbao-tabel thead th { background: var(--rz-licht); color: var(--rz-donkergroen); }
.rz-bilbao-tabel tbody th { font-weight: 700; white-space: normal; }
.rz-bilbao-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: stretch; }
.rz-bilbao-kaart { background: #fff; border: 1px solid #dbe4d7; border-radius: 9px; padding: 19px; min-width: 0; }
.rz-bilbao-diensten .rz-bilbao-kaart { scroll-margin-top: 20px; }
.rz-bilbao-bronlinks { font-size: .89rem; color: #4b5a4f; padding-top: 4px; }
.rz-bilbao-bronlinks a { color: #235976; }
.rz-bilbao-prijzen { list-style: none; padding: 0; margin: 15px 0; }
.rz-bilbao-prijzen li { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid #e5eae3; }
.rz-bilbao-prijzen strong { color: var(--rz-donkergroen); }
.rz-bilbao-overzicht { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.rz-bilbao-overzicht > div { background: var(--rz-zacht); border: 1px solid var(--rz-rand); padding: 14px; border-radius: 7px; }
.rz-bilbao-overzicht strong,.rz-bilbao-overzicht span { display: block; }
.rz-bilbao-overzicht strong { color: var(--rz-donkergroen); margin-bottom: 6px; }
.rz-bilbao-tip { background: var(--rz-licht); padding: 21px; border: 1px solid var(--rz-rand); border-radius: 8px; }
.rz-bilbao-tip p:last-child { margin-bottom: 0; }
.rz-bilbao-verdergrid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.rz-bilbao-verder ul { margin: 0; padding-left: 17px; }
.rz-bilbao-verder li { margin-bottom: 9px; }
.rz-bilbao-verder li:last-child { margin-bottom: 0; }
.rz-bilbao-verder a { color: #235976; }
.rz-bilbao-commercieel { border-top: 1px solid #e1e7e1; padding-top: 12px; }
.rz-bilbao-commercieel > p { color: #626962; }
.rz-bilbao a:focus-visible { outline: 3px solid #bf6b16; outline-offset: 3px; }
@media (max-width: 1120px) {
  .rz-bilbao-intro { grid-template-columns: minmax(0,1fr) minmax(170px,.6fr); }
  .rz-bilbao-snel { grid-template-columns: 1fr; }
  .rz-bilbao-verdergrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 840px) {
  .rz-bilbao-intro,.rz-bilbao-split { grid-template-columns: 1fr; }
  .rz-bilbao-introbeeld { max-width: 500px; }
  .rz-bilbao-grid,.rz-bilbao-overzicht { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .rz-bilbao { margin: 9px 12px 25px; }
  .rz-bilbao-intro { padding: 16px; gap: 13px; }
  .rz-bilbao-introbeeld { display: none; }
  .rz-bilbao-inhoud { padding: 12px; }
  .rz-bilbao-inhoud strong { flex: 0 0 100%; }
  .rz-bilbao-kaart { padding: 15px; }
  .rz-bilbao-feiten { padding: 14px; }
  .rz-bilbao-verdergrid { grid-template-columns: 1fr; }
}


/* Bilbao v4: originele beelden, hotelverwijzing en aparte ticketkaart. */
.rz-bilbao-beeldpanelen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 30px;
}
.rz-bilbao-beeldpaneel {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 17px;
  background: #fff;
  border: 1px solid #dbe4d7;
  border-radius: 9px;
  text-align: center;
}
.rz-bilbao-beeldpaneel h2 { align-self: stretch; font-size: 21px; }
.rz-bilbao-beeldpaneel > a { display: block; max-width: 100%; margin: auto 0 0; }
.rz-bilbao-beeldpaneel img {
  display: block;
  height: auto;
  max-height: 220px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
  margin: auto;
  background: #fff;
}
.rz-bilbao-landkaart > a {
  padding: 10px;
  background: #fff;
  border: 1px solid #e3e6e3;
  border-radius: 6px;
}
.rz-bilbao-beeldpaneel p { margin: 13px 0 0; }
.rz-bilbao-beeldpaneel p a,
.rz-bilbao-stationbeeld figcaption a,
.rz-bilbao-tickets p a { color: #235976; }
.rz-bilbao-advertentie {
  margin: 15px 0 30px;
  padding: 12px 14px;
  border-top: 1px solid #e3e8e0;
  border-bottom: 1px solid #e3e8e0;
  text-align: center;
}
.rz-bilbao-advertentie > p { text-align: left; color: #626962; margin: 0 0 9px; }
.rz-bilbao-stationbeeld {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 3px 0 20px;
}
.rz-bilbao-stationbeeld img {
  display: block;
  max-width: 100%;
  max-height: 320px;
  width: auto;
  height: auto;
  border-radius: 6px;
  border: 1px solid #e0e6dc;
}
.rz-bilbao-stationbeeld figcaption {
  margin-top: 9px;
  color: #4b5a4f;
  font-size: .93rem;
}
.rz-bilbao-tickets {
  display: grid;
  grid-template-columns: minmax(145px, .55fr) minmax(0, 1.45fr);
  gap: 20px;
  align-items: center;
  margin: 8px 0 25px;
  padding: 18px;
  background: #fff;
  border: 1px solid #dbe4d7;
  border-radius: 9px;
}
.rz-bilbao-tickets-beeld { display: flex; align-items: center; justify-content: center; }
.rz-bilbao-tickets img { display: block; max-width: 100%; width: auto; max-height: 210px; height: auto; object-fit: contain; }
.rz-bilbao-tickets p:last-child { margin-bottom: 0; }
@media (max-width: 680px) {
  .rz-bilbao-beeldpanelen, .rz-bilbao-tickets { grid-template-columns: 1fr; }
  .rz-bilbao-tickets { gap: 10px; }
  /* Op mobiel de tramfoto niet verbergen: de gebruiker wil de originele beelden behouden. */
  .rz-bilbao-introbeeld { display: block; max-width: 100%; }
  .rz-bilbao-introbeeld img { max-height: 240px; }
  .rz-bilbao-beeldpaneel img { max-height: 220px; }
}

.rz-bilbao-beeldpaneel a:focus-visible, .rz-bilbao-tickets a:focus-visible, .rz-bilbao-stationbeeld a:focus-visible { outline: 3px solid #bf6b16; outline-offset: 3px; }


/* Bilbao v5: gebruiker wil een liggende hotelafbeelding zonder uitsnijden. */
.rz-bilbao-overnachten .rz-bilbao-hotelbeeld {
  width: min(100%, 403px);
  height: auto;
  max-height: none;
  object-fit: contain;
  border: 1px solid #e3e6e3;
  border-radius: 5px;
}
.rz-bilbao-subkop {
  color: var(--rz-donkergroen);
  font-size: 1.08rem;
  font-weight: 700;
  margin: 17px 0 9px;
  line-height: 1.35;
}
.rz-bilbao-voorbeelddatum { margin: 12px 0 4px; color: #4b5a4f; }
.rz-bilbao-kostentabel { min-width: 490px; }
.rz-bilbao-kostentabel td:last-child { font-weight: 600; }


/* Bilbao v6: stationfoto niet los onderaan, maar als aanvullend
   infoblok onderaan de kaart Bilbao Bizkaia Card. Foto blijft volledig zichtbaar. */
.rz-bilbao-kaart--bbcard {
  display: flex;
  flex-direction: column;
}
.rz-bilbao-stationtip {
  margin-top: auto;
  padding: 18px 0 0;
  border-top: 1px solid #e3e8e0;
}
.rz-bilbao-stationtip h4 {
  color: var(--rz-donkergroen);
  font-size: 1.08rem;
  line-height: 1.35;
  font-weight: 700;
  margin: 0 0 8px;
}
.rz-bilbao-stationtip p { font-size: .94rem; margin: 0 0 13px; }
.rz-bilbao-stationtip .rz-bilbao-stationbeeld {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
  align-items: center;
  gap: 13px;
  text-align: left;
  margin: 0;
}
.rz-bilbao-stationtip .rz-bilbao-stationbeeld img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 190px;
  object-fit: contain;
}
.rz-bilbao-stationtip .rz-bilbao-stationbeeld figcaption { margin: 0; }
@media (max-width: 840px) {
  .rz-bilbao-stationtip { margin-top: 18px; }
}
@media (max-width: 470px) {
  .rz-bilbao-stationtip .rz-bilbao-stationbeeld {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .rz-bilbao-stationtip .rz-bilbao-stationbeeld img { max-width: 300px; }
}



/* === Rugzaktrips reisgidsen: Bilbao, samen met de bestaande stylesheets ===
   Dezelfde klassen kunnen later voor andere steden worden hergebruikt.
   Behoud /css/style-1.css voor W3.CSS en basisopmaak. */
.rz-gids { margin: 12px 18px 28px; color: #26352a; }
.rz-gids * { box-sizing: border-box; }
.rz-gids-intro {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 23px;
  margin: 6px 0 24px;
  background: #f0f5ed;
  border: 1px solid #d6e3d2;
  border-radius: 10px;
  align-items: center;
}
.rz-gids-intro > div:first-child { flex: 1 1 350px; min-width: 0; }
.rz-gids-intro > .rz-gids-introbeeld { flex: 0 1 230px; min-width: 0; margin: 0 auto; }
.rz-gids-label { color: #4d704b; font-size: .83rem; text-transform: uppercase; font-weight: 700; letter-spacing: .05em; margin: 0 0 9px; }
.rz-gids-lead { font-size: 1.1rem; line-height: 1.65; margin: 0 0 16px; max-width: 66ch; }
.rz-gids-snellinks { display: flex; flex-wrap: wrap; gap: 8px; }
.rz-gids-snellinks a { display: inline-block; padding: 8px 12px; background:#fff; border: 1px solid #c5d9be; border-radius: 5px; text-decoration: none; color: #2b5d37; font-weight: 650; line-height: 1.35; }
.rz-gids-snellinks a:hover, .rz-gids-snellinks a:focus { background: #e1eddb; }
.rz-gids-introbeeld { text-align: center; max-width: 100%; }
.rz-gids-introbeeld img { display: block; width: auto; max-width: 100%; max-height: 235px; object-fit: contain; border-radius: 7px; margin: 0 auto; }
/* W3.CSS bepaalt s12/m6/l4; Flexbox houdt panelen per rij even hoog.
   Geen tweede set media-/containerqueries voor kolombreedtes. */
.rz-gids-grid, .rz-gids-links-grid, .rz-londen-fotoraster, .rz-londen-linkrooster {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 0 12px;
  gap: 0;
}
.rz-gids-kolom {
  display: flex;
  min-width: 0;
  padding: 0 8px 16px;
  box-sizing: border-box;
}
.rz-gids-kolom > .rz-gids-kaart,
.rz-gids-kolom > .rz-gids-foto,
.rz-gids-kolom > .rz-londen-linkblok,
.rz-gids-kolom > div,
.rz-gids-kolom > figure {
  width: 100%;
  min-width: 0;
  height: 100%;
}
.rz-gids-kolom > .rz-londen-linkblok { display: block; }

.rz-gids-kaart, .rz-gids-foto {
  min-width:0; margin:0; padding:17px 18px; background:#fff;
  border:1px solid #dae5d7; border-radius:9px;
  overflow-wrap:anywhere;
}
.rz-gids-kaart h2, .rz-gids-links h2 { color:#315c38; font-size:clamp(19px,1.6vw,23px); line-height:1.32; margin:0 0 13px; font-weight:700; }
.rz-gids-kaart p { line-height:1.62; margin:0 0 13px; }
.rz-gids-kaart p:last-child { margin-bottom:0; }
.rz-gids-kaart a, .rz-gids-foto a, .rz-gids-links a { color:#195e83; }
.rz-gids-kaart a:hover, .rz-gids-foto a:hover, .rz-gids-links a:hover { text-decoration: underline; }
.rz-gids-bron { color:#59675d; font-size:.88rem; padding-top:8px; border-top:1px solid #e9eee7; }
.rz-gids-foto { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:11px; }
.rz-gids-foto a { display:flex; width:100%; align-items:center; justify-content:center; text-align:center; }
.rz-gids-foto img { display:block; width:auto; height:auto; max-width:100%; max-height:245px; object-fit:contain; }
.rz-gids-foto figcaption { font-size:.93rem; line-height:1.46; color:#425c49; }
.rz-gids-kaartbeeld img { border:1px solid #e5e9e4; padding:9px; border-radius:5px; background:white; }
.rz-gids-hotelbeeld { display:block; text-align:center; }
.rz-gids-hotelbeeld img { display:block; width:100%; height:auto; max-width:403px; object-fit:contain; margin:11px auto 10px; border:1px solid #e4e8e2; border-radius:5px; }
.rz-gids-ticket { display:flex; align-items:center; gap:13px; }
.rz-gids-ticket img { display:block; width:auto; height:auto; max-width:115px; max-height:130px; object-fit:contain; }
.rz-gids-ticket p { margin:0; }
.rz-gids-advertentie { border-top:1px solid #e1e9de; border-bottom:1px solid #e1e9de; margin:24px 0; padding:16px 8px; text-align:center; min-height:70px; }
.rz-gids-lijst { padding-left:21px; margin:0 0 12px; }
.rz-gids-lijst li { padding-bottom:8px; line-height:1.58; }
.rz-gids-links { border-top:2px solid #d9e5d5; margin:24px 0 16px; padding-top:22px; }
/* Linkgroepen gebruiken dezelfde W3.CSS-kolomklassen als informatiepanelen. */
.rz-gids-links-grid > .rz-gids-kolom > div { padding:17px; border:1px solid #d9e4d8; border-radius:8px; background:#fff; }
.rz-gids-links-grid h3 { color:#315c38; font-size:18px; line-height:1.35; margin:0 0 10px; font-weight:700; }
.rz-gids-links-grid ul { list-style:none; margin:0; padding:0; }
.rz-gids-links-grid li { border-top:1px solid #e8ede7; padding:9px 0; line-height:1.42; }
.rz-gids-lastmodified { color:#536255; padding:15px 0 2px; }
@media (max-width:690px) {
 .rz-gids { margin:10px 12px 22px; }
 .rz-gids-intro { padding:17px; gap:13px; }
 .rz-gids-introbeeld img { max-height:205px; }
 .rz-gids-kaart, .rz-gids-foto { padding:16px; }
 .rz-gids-lead { font-size:1.02rem; }
 .rz-gids-ticket { align-items:flex-start; }
}
.rz-gids a:focus-visible { outline:3px solid #bc6f1d; outline-offset:3px; }

/* Bilbao: twee oorspronkelijke foto's compact in een paneel, zonder croppen.
   Ook de interne links blijven direct klikbaar en zichtbaar. */
/* Bilbao: oorspronkelijk beeldmateriaal volledig tonen, zonder hoogtebeperking of bijsnijden. */
.rz-gids-fotopaar-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.rz-gids-fotopaar figure, .rz-gids-hotel-bilbaofoto { margin:0; }
.rz-gids-fotopaar figure > a:first-child, .rz-gids-hotel-bilbaofoto > a:first-child { display:block; text-align:center; }
.rz-gids-fotopaar img { display:block; width:100%; max-width:260px; height:auto; max-height:none; object-fit:contain; margin:0 auto; }
.rz-gids-fotopaar figcaption, .rz-gids-hotel-bilbaofoto figcaption { font-size:.92rem; line-height:1.45; margin-top:7px; text-align:center; }
.rz-gids-hotel-bilbaofoto { margin-top:18px; border-top:1px solid #e3eae1; padding-top:14px; }
.rz-gids-hotel-bilbaofoto img { display:block; width:100%; height:auto; max-width:320px; max-height:none; object-fit:contain; margin:0 auto; border-radius:4px; }
.rz-gids-hotel-bilbaofoto a { color:#195e83; }
.rz-gids-route-info { background:#f3f7f0; padding:10px 12px; border-left:3px solid #8bac81; border-radius:3px; }
.rz-gids-stappen li { padding-bottom:6px; }
.rz-gids-extra-link { display:block; margin-top:12px; }

/* Londen: alleen extra, herbruikbare accenten; basislayout blijft W3.CSS. */
.rz-londen-fiets .rz-gids-prijstabel { width:100%; border-collapse:collapse; margin:8px 0 14px; font-size:.96rem; }
.rz-londen-fiets .rz-gids-prijstabel th, .rz-londen-fiets .rz-gids-prijstabel td { border-bottom:1px solid #e2eae0; padding:9px 8px; text-align:left; vertical-align:top; }
.rz-londen-fiets .rz-gids-prijstabel th { background:#f1f6ef; color:#315c38; }
.rz-londen-fiets .rz-fiets-voorbeeld { background:#f3f7f0; border-left:3px solid #8bac81; padding:12px 14px; border-radius:4px; }
.rz-londen-fiets .rz-fiets-waarschuwing { background:#fbf6eb; border:1px solid #e7dcc2; border-radius:6px; padding:14px 16px; margin:12px 0 24px; line-height:1.6; }
.rz-londen-fiets .rz-fiets-waarschuwing strong { color:#65502b; }
.rz-londen-fiets .rz-fiets-foto img { display:block; max-width:100%; width:auto; height:auto; max-height:250px; margin:0 auto; border-radius:5px; }
.rz-londen-fiets .rz-fiets-foto figcaption { color:#546052; font-size:.92rem; text-align:center; }
.rz-londen-fiets .rz-fiets-advertentie { margin:22px 0; padding:10px; border-top:1px solid #e1e9de; border-bottom:1px solid #e1e9de; }
.rz-londen-fiets .rz-gids-lijst li { line-height:1.62; }
.rz-londen-fiets .rz-fiets-tickets { display:flex; gap:14px; align-items:center; }
.rz-londen-fiets .rz-fiets-tickets img { max-height:115px; max-width:105px; width:auto; height:auto; object-fit:contain; }
@media(max-width:690px){ .rz-londen-fiets .rz-gids-prijstabel { font-size:.88rem; } .rz-londen-fiets .rz-gids-prijstabel th, .rz-londen-fiets .rz-gids-prijstabel td { padding:8px 5px; } }

/* Heldere Londense paginatitel en leesbare prijsbedragen */
.rz-londen-fiets .rz-gids-intro h1 { margin:0 0 12px; color:#315c38; font-size:clamp(27px,2.55vw,36px); line-height:1.2; font-weight:700; }
.rz-londen-fiets .rz-gids-introbeeld figcaption { color:#526354; font-size:.9rem; margin-top:7px; }
/* Londen: een bedrag in de rechterkolom blijft altijd volledig op één regel. */
.rz-londen-fiets .rz-gids-prijstabel { table-layout: auto; }
.rz-londen-fiets .rz-gids-prijstabel td:last-child,
.rz-londen-fiets .rz-gids-prijstabel th:last-child {
  width: 104px;
  min-width: 94px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.rz-londen-fiets .rz-fiets-bedrag {
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 690px) {
  .rz-londen-fiets .rz-gids-prijstabel td:last-child,
  .rz-londen-fiets .rz-gids-prijstabel th:last-child {
    width: 92px;
    min-width: 92px;
  }
}


/* Londen-budget: herbruikbare kaarten, foto's en links, mobiel en desktop. */
.rz-londen-gids .rz-gids-intro h1 {font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:750;line-height:1.15;margin:0 0 14px;}
.rz-londen-gids .rz-gids-kaart li { margin-bottom: 7px; line-height: 1.55; }
/* Fotopanelen krijgen eveneens bestaande W3.CSS-breedteklassen. */
.rz-londen-fotoraster figure { min-width:0; margin:0; padding:10px; background:#fff; border:1px solid #dae5d7; border-radius:8px; }
.rz-londen-fotoraster img { max-width:100%; width:100%; height:175px; object-fit:contain; border-radius:5px; }
.rz-londen-fotoraster figcaption { font-size:.85rem; line-height:1.4; color:#526354; padding-top:7px; }

.rz-londen-linkblok { padding:12px; border:1px solid #d6e4d2; border-radius:6px; color:#24573a; background:#f9fcf8; text-decoration:none; }
.rz-londen-linkblok:hover, .rz-londen-linkblok:focus { background:#edf5e9; text-decoration:underline; }
.rz-londen-boekbox { margin-top:20px; }
.rz-londen-boekbox img { display:block; width:auto; max-width:100%; height:auto; max-height:325px; margin:10px auto; object-fit:contain; }
.rz-londen-verantwoording { padding:14px 16px; border-left:3px solid #c9d9c3; background:#f8faf7; margin:22px 0; }
.rz-londen-verantwoording h2 { font-size:1.05rem; margin:0 0 8px; }
.rz-londen-ad { margin:20px auto 24px; width:100%; max-width:740px; min-width:0; }
@media(max-width:650px){.rz-londen-fotoraster img{height:auto; max-height:280px;}.rz-londen-ad{margin:12px auto 20px;}}

/* Londen-budget: op brede schermen steeds drie even hoge informatiepanels.
   Op tablet twee, op smalle schermen een; de inhoud wordt niet afgekapt. */
/* Gelijke hoogte binnen een rij wordt verzorgd door .rz-gids-kolom. */
/* Originele foto links: rechthoekig, zonder de ronde W3.CSS-hoeken. */
#mySidebar .rz-zijbalkfoto { display:block; width:auto; height:auto; max-width:100%; max-height:210px; border-radius:4px; object-fit:contain; margin:12px auto; }
/* Vier staande foto's: twee naast elkaar in plaats van drie plus een losse foto. */
.rz-londen-fotoraster-vier figure { text-align:center; }
.rz-londen-fotoraster-vier img { width:auto; max-width:100%; height:auto; max-height:390px; object-fit:contain; margin:0 auto; }
@media(max-width:650px) { .rz-londen-fotoraster-vier img { max-height:380px; } }
/* De extra markttips niet als een los vierde paneel, maar als brede afsluiting. */
.rz-londen-tipblok { border-left:3px solid #a9bea0; padding:14px 17px; margin:-4px 0 20px; background:#f4f8f2; }
.rz-londen-tipblok h2 { font-size:1.15rem; margin:0 0 10px; color:#315c38; }
.rz-londen-tipblok p { margin:0 0 8px; line-height:1.6; }

/* Markten Londen: originele foto's op natuurlijke afmetingen.
   Geen ronde navigatiefoto, geen oprekken, geen geforceerde fotohoogte. */
.rz-markten-pagina #mySidebar .rz-zijbalkfoto {
  display:block; width:auto; height:auto; max-width:100%; max-height:none; border-radius:0;
}
.rz-londen-markten .rz-gids-intro { grid-template-columns:1fr; }
.rz-londen-markten .rz-markten-foto { margin:15px 0 13px; text-align:left; }
.rz-londen-markten .rz-markten-foto img {
  display:block; width:auto; height:auto; max-width:100%; max-height:none;
  object-fit:initial; border-radius:0; margin:0;
}
.rz-londen-markten .rz-markten-diaslink,
.rz-londen-markten .rz-markten-diaslinks {
  margin:12px 0 0; line-height:1.55; font-size:.93rem;
}
.rz-londen-markten .rz-markten-foto .rz-markten-diaslink { margin-top:8px; }

/* Markten Londen: aparte fotopanels tussen de tekstpanelen.
   De oorspronkelijke afbeeldingen worden nooit uitgerekt of bijgesneden.
   Geen onderschrift toevoegen zonder zekere beeldinformatie. */
.rz-londen-markten .rz-markten-fotopanel {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-width:0;
  margin:0;
  padding:17px 18px;
  background:#fff;
}
.rz-londen-markten .rz-markten-fotopanel img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:none;
  object-fit:initial;
  border-radius:0;
}
.rz-londen-markten .rz-markten-fotopanel .rz-markten-diaslink {
  align-self:stretch;
  text-align:center;
  margin:0;
  font-size:.93rem;
  line-height:1.5;
}


/* FIX 2026-11-08: W3.CSS blijft de basis voor de 1/2/3 kolommen.
   Omdat de website ook een vaste zijbalk heeft, kan een rij tijdelijk
   smaller zijn dan de viewport doet vermoeden (bijvoorbeeld tijdens
   het laden van advertenties). Flexbox mag dan wel wrappen, maar geen
   informatiepaneel tot een onleesbaar smalle strook comprimeren.
   Geen nieuwe breakpoint- of container-query nodig. */
.rz-gids-grid.rz-w3-rij > .w3-col {
  min-width: min(100%, 255px);
  flex-shrink: 0;
  flex-grow: 1;
}
/* Een titel en intro mogen nooit een tekststrook van enkele letters worden. */
.rz-gids-intro > div:first-child {
  min-width: min(100%, 255px);
}


/* Afgebakende advertentierij: stabiel getest bij Goedkoop eten in Londen. */
.rz-advertentie-rij {
  display: flow-root;
  clear: both;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 24px 0;
}
.rz-advertentie-vak {
  display: block;
  width: 100%;
  max-width: 600px;
  min-width: 0;
  box-sizing: border-box;
  margin-inline: auto;
}
.rz-advertentie-vak > ins.adsbygoogle {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Bristol proef, november 2026: exact drie kaarten per desktoprij, DOM-volgorde T-F-T / F-T-F / T-F-T. */
.rz-bristol-proef .rz-bristol-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px;align-items:stretch}
.rz-bristol-proef .rz-bristol-rij > *{min-width:0;height:100%;box-sizing:border-box}
.rz-bristol-proef .rz-bristol-rij .rz-gids-kaart{padding:16px 17px}
.rz-bristol-proef .rz-bristol-rij .rz-gids-kaart h2{font-size:clamp(18px,1.4vw,21px)}
.rz-bristol-proef .rz-bristol-fotokaart{margin:0;padding:14px;border:1px solid #dae5d7;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}
.rz-bristol-proef .rz-bristol-fotokaart img{display:block;max-width:100%;width:auto;height:auto;max-height:none;object-fit:contain;border-radius:2px}
.rz-bristol-proef .rz-bristol-fotokaart figcaption{font-size:.94rem;line-height:1.45;color:#4e5e51;text-align:left;width:100%}
.rz-bristol-proef .rz-bristol-hotel a{max-width:100%}
.rz-bristol-proef .rz-bristol-hotel img{width:100%;max-width:407px;height:auto}
.rz-bristol-proef .rz-bristol-verder,.rz-bristol-proef .rz-bristol-bronnen{padding:16px 18px;margin:18px 0;background:#f7faf5;border:1px solid #d8e4d5;border-radius:8px}
.rz-bristol-proef .rz-bristol-verder h2,.rz-bristol-proef .rz-bristol-bronnen h2{font-size:1.18rem;color:#315c38;margin:0 0 10px}
/* zijbalkfoto natuurlijke grootte (240px breed indien de ruimte dat toelaat) */
body:has(.rz-bristol-proef) #mySidebar .rz-zijbalkfoto{width:240px!important;max-width:100%!important;max-height:none!important;height:auto!important;border-radius:0!important;margin:0 auto 10px!important}
@media(max-width:940px){.rz-bristol-proef .rz-bristol-rij{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.rz-bristol-proef .rz-bristol-rij{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:13px}.rz-bristol-proef .rz-bristol-fotokaart{padding:13px}.rz-bristol-proef .rz-bristol-fotokaart img{max-height:none}}

/* Bristol: klikbare verklaringen voor desktop, mobiel en toetsenbord. */
.rz-bristol-proef .rz-uitleg-houder{position:relative;display:inline}
.rz-bristol-proef .rz-uitleg-knop{font:inherit;color:inherit;border:0;border-bottom:1px dotted #347554;padding:0 1px;background:none;cursor:pointer;text-align:left}
.rz-bristol-proef .rz-uitleg-knop:focus-visible{outline:2px solid #1d6575;outline-offset:3px}
.rz-bristol-proef .rz-uitleg-tekst:not([hidden]){display:block;position:absolute;left:0;top:calc(100% + 7px);width:min(290px,80vw);padding:10px 12px;z-index:50;border:1px solid #a2bba7;border-radius:6px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.17);font:normal .94rem/1.55 Roboto,Arial,sans-serif;color:#1f2d21}
.rz-bristol-proef .rz-uitleg-tekst[hidden]{display:none}
@media(max-width:690px){.rz-bristol-proef .rz-uitleg-tekst:not([hidden]){left:auto;right:0;max-width:78vw}}


/* Newquay: afwisselende tekst- en fotopanelen, desktop en mobiel */
.rz-newquay-pagina #mySidebar > .w3-container:first-child{padding:0 10px}
.rz-newquay-pagina #mySidebar .rz-zijbalkfoto{display:block;width:auto;height:auto;max-width:100%;max-height:none;border-radius:0;object-fit:contain;margin:0 auto 10px}
.rz-newquay-gids .rz-gids-intro h1{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.22;font-weight:700;color:#315c38}
.rz-newquay-gids .rz-gids-introbeeld img{display:block;width:auto;height:auto;max-width:100%;max-height:none;object-fit:contain;margin:0 auto}
.rz-newquay-gids .rz-newquay-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px;align-items:stretch}
.rz-newquay-gids .rz-newquay-rij > *{min-width:0;height:100%;box-sizing:border-box}
.rz-newquay-gids .rz-newquay-rij .rz-gids-kaart{padding:16px 17px}
.rz-newquay-gids .rz-newquay-rij .rz-gids-kaart h2{font-size:clamp(18px,1.4vw,21px)}
.rz-newquay-gids .rz-newquay-fotokaart{margin:0;padding:14px;border:1px solid #dae5d7;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}
.rz-newquay-gids .rz-newquay-fotokaart img{display:block;max-width:100%;width:auto;height:auto;max-height:none;object-fit:contain;border-radius:2px}
.rz-newquay-gids .rz-newquay-fotokaart a{max-width:100%;text-align:center}
.rz-newquay-gids .rz-newquay-fotokaart figcaption{font-size:.94rem;line-height:1.45;color:#4e5e51;text-align:left;width:100%}
.rz-newquay-gids .rz-newquay-zoekkaart img{width:100%;max-width:426px;height:auto;object-fit:contain}
.rz-newquay-gids .rz-newquay-tips{margin-top:21px}
.rz-newquay-gids .rz-newquay-tips ul{margin:0;padding-left:21px}
.rz-newquay-gids .rz-newquay-tips li{margin:0 0 9px;line-height:1.55}
.rz-newquay-gids .rz-uitleg-houder{position:relative;display:inline}
.rz-newquay-gids .rz-uitleg-knop{font:inherit;color:inherit;border:0;border-bottom:1px dotted #347554;padding:0 1px;background:none;cursor:pointer;text-align:left}
.rz-newquay-gids .rz-uitleg-knop:focus-visible{outline:2px solid #1d6575;outline-offset:3px}
.rz-newquay-gids .rz-uitleg-tekst:not([hidden]){display:block;position:absolute;left:0;top:calc(100% + 7px);width:min(290px,80vw);padding:10px 12px;z-index:50;border:1px solid #a2bba7;border-radius:6px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.17);font:normal .94rem/1.55 Roboto,Arial,sans-serif;color:#1f2d21}
.rz-newquay-gids .rz-uitleg-tekst[hidden]{display:none}
@media(max-width:900px){.rz-newquay-gids .rz-newquay-rij{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:13px}.rz-newquay-gids .rz-newquay-fotokaart{padding:13px}}
@media(max-width:690px){.rz-newquay-gids .rz-uitleg-tekst:not([hidden]){left:auto;right:0;max-width:78vw}}