*{box-sizing:border-box}
body{font-family:Lora,serif;line-height:1.6;background:#e6f0fa;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.header-container{width:100%}
.header-top{width:100%;min-height:150px;background:#D8BFD8;display:flex;justify-content:center;align-items:flex-start;padding:20px}
.header-content{display:flex;flex-direction:column;align-items:center;width:80%;max-width:1200px}
.header-content-top{display:flex;justify-content:space-around;align-items:flex-start;width:100%}
.link-box{background:rgba(230,240,250,0.9);border:2px solid #4a7eb3;border-radius:15px;padding:10px;width:200px;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:left;display:flex;flex-direction:column;justify-content:flex-start;height:auto;min-height:120px}
.eldense-links-title{color:#4a7eb3;font-family:Lora,serif;font-size:1em;margin-bottom:8px}
.links-list ul{list-style:none;padding-left:15px;margin:0}
.links-list a,.links-list a.popup-link,.links-list a.new-window-link{color:#6b8ead;text-decoration:none;font-size:0.9em;transition:color 0.3s;cursor:pointer;pointer-events:auto;display:block;margin:2px 0}
.links-list a:hover,.links-list a.popup-link:hover,.links-list a.new-window-link:hover{color:#2e5a7e}
.links-list span.disabled{color:#999;cursor-not-allowed;font-size:0.9em;display:block;margin:2px 0}
.banner-wrapper{display:flex;justify-content:center;align-items:flex-start;padding-top:10px}
.banner-image{height:auto;width:auto;display:block;object-fit:contain;max-width:300px;min-height:120px;image-rendering:-webkit-optimize-contrast}
.header-bottom{width:100%;min-height:50px;background:#4682B4;display:flex;justify-content:center;align-items:center;padding:0 20px}
.main-menu{display:flex;align-items:center}
.main-menu ul{list-style:none;display:flex;gap:40px;padding:0;margin:0}
.main-menu a{color:#fff;text-decoration:none;font-family:Open Sans,sans-serif;font-size:1.1em;font-weight:700;transition:color 0.3s;display:flex;align-items:center;gap:10px;cursor:pointer;pointer-events:auto;white-space:nowrap}
.main-menu a:hover{color:#e0e0e0}
.main-menu a.disabled{color:#999;cursor-not-allowed;pointer-events:none}
.main-menu a.disabled:hover{color:#999}
.main-menu span.disabled{color:#999;cursor-not-allowed;font-family:Open Sans,sans-serif;font-size:1.1em;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap}
.main-menu span.disabled .menu-icon{opacity:0.5}
.menu-text{font-family:Open Sans,sans-serif;font-size:1.1em;font-weight:700;white-space:nowrap}
.main-menu a.disabled .menu-text{color:#999}
.menu-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.main-menu a.disabled .menu-icon{opacity:0.5}
.content-container{max-width:1200px;margin:0 auto;display:flex;gap:20px;padding:40px 20px}
.sidebar{width:300px;display:flex;flex-direction:column;gap:15px}
.sidebar-panel{background:#d0e1f5;border:2px solid #4a7eb3;border-radius:15px;padding:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1);height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sidebar-panel.active{background:#4a7eb3;border:2px solid #87CEEB}
.sidebar-panel.active h3,.sidebar-panel.active a{color:#fff}
.sidebar-panel.disabled{background:#e0e0e0;border:2px solid #999;cursor:not-allowed}
.sidebar-panel.disabled a{color:#999;cursor-not-allowed;pointer-events:none}
.sidebar-panel.disabled span{color:#999;cursor-not-allowed;display:flex;align-items:center;gap:10px;white-space:nowrap}
.sidebar-panel.disabled .sidebar-text{color:#999}
.sidebar-panel a,.sidebar-panel a.new-window-link{text-decoration:none;color:#000;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.sidebar-panel a.new-window-link:hover{color:#2e5a7e}
.sidebar-panel span{display:flex;align-items:center;justify-content:center;gap:10px}
.sidebar-text{font-family:Lora,serif;font-size:1.1em;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700}
.sidebar-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.sidebar-panel a img{flex-shrink:0}
.sidebar-panel.disabled .sidebar-icon{opacity:0.5}
.main-content{flex:1;background:#e6f0fa;background-image:url(image/pruimen1.jpg);background-size:cover;background-position:center;border:2px solid #4a7eb3;border-radius:15px;padding:10px 20px 20px 20px;position:relative;overflow:hidden}
.main-content::before{display:none}
.main-content h1{font-family:Lora,serif;font-size:2em;color:#000;margin-bottom:15px;margin-top:-5px;position:relative;z-index:3}
.main-content p{font-family:Open Sans,sans-serif;font-size:1em;color:#333;padding-right:270px;position:relative;z-index:3}
.main-content p a,.main-content p a.popup-link,.main-content p a.new-window-link,.club-list-item a.popup-link{color:#4a7eb3;text-decoration:underline}
.main-content p a:hover,.main-content p a.popup-link:hover,.main-content p a.new-window-link:hover,.club-list-item a.popup-link:hover{color:#2e5a7e}
.club-list{margin:0;padding:0;padding-right:270px}
.club-list-item{font-family:Open Sans,sans-serif;font-size:1em;color:#333;margin:0;padding:0;line-height:1}
.event-list{margin:0;padding:0}
.event-list-item{font-family:Open Sans,sans-serif;color:#333;margin-bottom:15px;padding:10px;border-bottom:2px solid #4a7eb3}
.event-list-item:last-child{border-bottom:none}
.event-list-item h3{font-family:Lora,serif;font-size:1.2em;color:#000;margin:0 0 5px}
.event-list-item p{font-size:0.9em;margin:5px 0}
.event-list-item p:first-of-type{display:flex;gap:10px;flex-wrap:wrap}
.event-list-item p:first-of-type .event-date{color:#ff0000 !important;font-weight:bold}
.inschrijf-knop{display:inline-block;padding:8px 16px;background-color:#87CEEB;color:#fff;text-decoration:none;border-radius:5px;font-family:Open Sans,sans-serif;font-size:0.9em;transition:background-color 0.3s}
.inschrijf-knop:hover{background-color:#4682B4}
.centered-button{display:flex;justify-content:center;margin-top:10px;margin-bottom:10px;position:relative;z-index:10}
.centered-button .sidebar-panel{display:inline-block;padding:8px 16px;width:auto;height:40px;min-height:40px;overflow:visible}
.centered-button .sidebar-panel a{color:#fff !important;text-decoration:none;font-family:Open Sans,sans-serif;font-size:1.1em;font-weight:700;display:flex;align-items:center;justify-content:center}
.centered-button .sidebar-panel h3{margin:0;font-size:1.1em;font-family:Open Sans,sans-serif;color:#fff;font-weight:700}
.centered-button .sidebar-panel:hover{background-color:#2e5a7e !important}
.photo-panel{background:#d0e1f5;height:250px;border-radius:15px;overflow:hidden;position:absolute;right:20px;top:100px;width:250px;border:2px solid #000;z-index:0}
.photo{width:100%;height:100%;object-fit:cover}
footer{background:#e6f0fa;padding:30px;text-align:center}
.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}
.footer-contact{flex:1;min-height:200px;margin:10px}
.footer-contact h3{font-family:Lora,serif;font-size:1.2em;color:#4a7eb3;margin-bottom:10px}
.footer-contact p{font-family:Open Sans,sans-serif;font-size:0.9em;color:#333}
.footer-bottom{margin-top:10px;border-top:1px solid #4a7eb3;padding-top:10px}
.footer-bottom p{font-family:Open Sans,sans-serif;font-size:0.8em;color:#333}
.footer-bottom a{color:#4a7eb3;text-decoration:none;font-size:0.8em;margin-left:10px}
.form-table{border:0;border-collapse:collapse;width:100%;max-width:600px;margin:20px 0}
.form-table td.label-cell{font-family:Open Sans,sans-serif;font-size:1em;color:#333;padding:10px 20px 10px 0;text-align:left;vertical-align:middle;font-weight:700}
.form-table td.input-cell{padding:10px 0;text-align:left;vertical-align:middle}
.form-table input{max-width:333px;min-width:267px;width:100%;padding:12px;border:1px solid #4a7eb3;border-radius:5px;font-family:Open Sans,sans-serif;font-size:1.1em;box-sizing:border-box}
.submit-button-container{display:flex;justify-content:center;margin-top:20px}
.submit-button{max-width:167px;min-width:133px;background:#4a7eb3;color:#fff;border:none;padding:12px 20px;cursor:pointer;font-family:Open Sans,sans-serif;font-size:1.1em;border-radius:5px}
.submit-button:hover{background:#2e5a7e}
.error{font-family:Open Sans,sans-serif;font-size:1em;color:#d32f2f;margin-bottom:15px;text-align:center}
@media (max-width:768px){
    .header-top{min-height:auto;padding:10px}
    .header-content{width:100%}
    .header-content-top{flex-direction:column;align-items:center}
    .link-box,.banner-wrapper{width:100%;margin:10px 0;min-height:100px}
    .eldense-links-title{font-size:0.95em}
    .banner-image{max-width:150px;min-height:80px}
    .header-bottom{min-height:auto;padding:10px}
    .main-menu ul{gap:20px}
    .main-menu a,.main-menu span.disabled{font-size:1em;gap:8px}
    .menu-text{font-size:1em}
    .content-container{flex-direction:column;padding:20px 10px}
    .sidebar{width:100%}
    .main-content{width:100%;padding:10px}
    .main-content p,.club-list{padding-right:0}
    .photo-panel{height:150px;position:static;width:100%;margin:10px 0;border:2px solid #000}
    .sidebar-panel{width:100%;height:40px}
    .sidebar-panel a,.sidebar-panel span{gap:8px}
    .sidebar-text{font-size:1em}
    .sidebar-icon,.menu-icon{width:28px;height:28px;object-fit:contain}
    .event-list-item{padding:8px;margin-bottom:10px;border-bottom:2px solid #4a7eb3}
    .event-list-item:last-child{border-bottom:none}
    .event-list-item p:first-of-type{flex-direction:column;gap:5px}
    .event-list-item p:first-of-type .event-date{color:#ff0000 !important;font-weight:bold}
    .inschrijf-knop{padding:6px 12px;font-size:0.85em;background-color:#87CEEB}
    .inschrijf-knop:hover{background-color:#4682B4}
    .centered-button{margin-top:5px;margin-bottom:5px}
    .centered-button .sidebar-panel{padding:6px 12px;height:36px;min-height:36px}
    .centered-button .sidebar-panel a,.centered-button .sidebar-panel h3{font-size:1em}
    .form-table{width:100%;max-width:100%}
    .form-table td.label-cell{padding:8px 10px 8px 0}
    .form-table td.input-cell{padding:8px 0}
    .form-table input{max-width:100% !important;min-width:0 !important}
    .submit-button{max-width:100% !important;min-width:0 !important}
    .error{font-size:0.9em}
    .admin-buttons{flex-direction:row;gap:10px;flex-wrap:wrap}
    .admin-buttons .sidebar-panel{width:calc(50% - 5px);height:40px}
    .admin-buttons .sidebar-panel h3{font-size:1em}
    .exit-button{background:#d32f2f !important;border:2px solid #d32f2f !important}
    .exit-button h3,.exit-button a{color:#fff !important}
    .exit-button:hover{background:#b71c1c !important}
}