@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.upbtn{color:#a4ece1;position:sticky;text-align:center;border-radius:50%;bottom:10px;float:right;z-index:150;cursor:pointer}.upbtn:hover{background-color:#c8ebf6;transition:.7s;color:#190095}.formBtn{color:#a4ece1;background-color:#200454;font-size:1.2rem;padding:5px 15px;border-radius:10px;cursor:pointer;margin:5px;height:fit-content}.formBtn:hover{background-color:#c8ebf6;transition:.7s;color:#190095}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none;font-size:1em;font-weight:500}body{font-family:"Montserrat",Verdana,Tahoma,sans-serif;background-color:hsla(0,0%,100%,.5);background-image:url("../rooster/assets/img/bg.jpg");color:#000}.tc{text-align:center}.black{background-color:rgba(47,41,41,.605) !important;color:#fff !important}a{color:#f0b82c}a:hover{font-weight:bold}.green{background-color:rgba(54,81,52,.605) !important;color:#fff !important}.mainBg{background-color:hsla(0,0%,100%,.761) !important;color:#281c1c}.blauw{background-color:rgba(44,102,136,.605) !important;color:#dada9a}.container{margin:40px auto;max-width:95%;padding-bottom:20px}.col75{width:75%;border-radius:5px;border:1px solid #745252}.col50{width:49%;border-radius:5px;border:1px solid #745252}.col25{width:23%;border-radius:5px;min-width:300px;min-height:100px;border:1px solid #745252}.col25 img{width:100%}.col30{width:32%;border-radius:5px;border:1px solid #745252}.col100{width:100%;border:1px solid #745252;border-radius:5px;min-height:100px}.col100 img{max-height:250px;height:100%;float:right;z-index:10}h1{font-size:1.8rem;font-weight:800}h2{font-size:1rem;text-align:center;width:100%}.cc{margin-left:20px}.page{gap:10px;margin:20px auto;display:flex;flex-wrap:wrap;justify-content:space-around}.page ul{padding-left:20px}.page .fr{float:right}.page .fl{float:left}.page h1{width:100%;text-align:center;margin-left:20px auto;background-color:rgba(226,201,201,.321);border-top-left-radius:5px;border-top-right-radius:5px}.page h3{color:#4a2727;font-size:1.5rem}.page p{padding:20px}.tc{text-align:center}.page .animation{opacity:.2;transition:all 3s ease-out;transition-delay:.2s}.page .scroll-animation{opacity:1}@media screen and (max-width: 960px){.page{flex-direction:column;justify-content:space-around}.col25{width:100%;max-width:500px;min-width:200px;margin:0 auto}.col25 img{width:100%;max-height:300px;margin:0 auto}.col30{width:100%;flex-wrap:wrap}.col50{width:100%;flex-wrap:wrap}.col75{width:100%}.page h1{font-size:1.3rem}}.allCards{display:flex;flex-wrap:wrap;justify-content:space-around}.medewerker-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:300px;margin:15px;background-color:hsla(0,0%,100%,.573);overflow:hidden;font-family:Arial,sans-serif}.card-header{background-color:rgba(71,134,193,.545);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.employee-name{font-size:1.2em;font-weight:bold}.employee-id{font-size:.8em;opacity:.8}.card-body{padding:10px;border-bottom:1px solid #eee}.email-link{margin-bottom:10px}.actions{display:flex;gap:10px}.button{text-decoration:none;padding:8px 12px;border-radius:4px;font-size:.9em;text-align:center;transition:background-color .3s}.edit-button{background-color:#ffc107;color:#333}.edit-button:hover{background-color:#e0a800}.voorkeur-button{background-color:#28a745;color:#fff}.voorkeur-button:hover{background-color:#1e7e34}.card-preferences{padding:15px}.card-preferences h4{margin-top:0;color:#007bff;border-bottom:1px dashed #ccc;padding-bottom:5px;margin-bottom:10px;font-size:1em}.preference-list{list-style:none;padding:0;margin:0 0 10px 0;display:grid;grid-template-columns:repeat(2, 1fr);gap:5px}.preference-list li{font-size:.9em;padding:2px 0}.preference-list span{font-weight:bold;color:#333}.other-data p{margin:5px 0;font-size:.9em}form{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;width:100%;height:fit-content;background-color:rgba(106,178,242,.453);padding:20px}form .logo{max-width:120px;margin:0 auto}input{border:none;outline:none}textarea{width:100%;border:none;outline:none}fieldset{text-align:center;margin:10px}fieldset legend{font-size:1.5rem}.input-container{width:100%;display:flex;justify-content:center;flex-direction:column}.input-groep{border:none;margin:5px auto;text-align:left;padding:4px 10px;background-color:hsla(0,0%,100%,.908);border-radius:20px;box-shadow:1px 1px 1px 1px rgba(67,102,83,.4);font-size:1.2rem;color:#201e4d;max-width:500px}input[type=radio]{width:1.5rem;height:1.5rem}.radio-groep{display:inline-block}.reactie{font-size:1.2rem;color:#201e4d;width:90%;margin:5px auto}.reactie p{background-color:hsla(0,0%,100%,.726)}.reactie .error{color:red;border-radius:20px;background-color:hsla(0,0%,100%,.726)}.input-groep:hover{padding:5px 12px;margin:6px auto;border:none}.hero{height:100px;background-image:url("../assets/img/logo-jbv.png");background-repeat:no-repeat;margin-top:60px}.hero h1{height:auto;display:flex;justify-content:center;align-items:center;z-index:10;height:100%;color:rgba(229,195,195,.747);text-align:center;font-size:5vw;font-weight:900;text-shadow:2px 2px rgba(126,113,113,.685);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#070707;z-index:50}@media screen and (max-width: 960px){.hero{background-image:url("../assets/img/hero2.jpg");margin-top:20px;background-position:center;object-fit:cover}.hero h1{font-size:8vw;text-align:center}}table{border-collapse:collapse;color:#000;table-layout:auto;width:100%}thead{background-color:rgba(25,180,204,.662)}th,td{border:1px solid #999;background-color:hsla(0,0%,100%,.807);padding:6px;vertical-align:top;text-align:left}tr:nth-of-type(even){background-color:rgba(180,215,212,.807)}td{min-width:100px}footer{position:fixed;left:0;bottom:0;width:100%;text-align:center;background-color:rgba(0,0,0,.4);width:100%;font-size:.8em;color:#fff}