#faq{color:#333;font-family:Museo Sans Rounded,Arial,sans-serif;line-height:1.6}@media (min-width:1244px){#faq .desktop-wrapper{margin:0 auto;max-width:1244px;width:100%}}#faq h2{color:#000;font-family:Museo Sans Rounded,Arial,sans-serif;font-size:42px;font-style:normal;font-weight:600;line-height:110%;margin-bottom:20px}#faq p{margin-bottom:15px}#faq img{height:auto;max-width:100%}#faq .faq-container{display:flex;gap:110px;margin:50px auto;max-width:1200px;padding:0 20px}#faq .faq-hero{height:auto;position:relative;width:100%}#faq .faq-hero-image{background-image:url();background-position:50%;background-size:cover;height:200px;width:100%}#faq .faq-hero-title{align-items:center;background-color:#00b3e3;color:#fff;display:flex;height:80px;position:relative}#faq .faq-hero-title h1{font-size:42px;font-weight:600;line-height:120%;margin:0;padding-left:78px}#faq .faq-sidebar{box-sizing:border-box;flex:0 0 253px;gap:30px}#faq .faq-sidebar .student-portal{background-color:#0073cf;border:2px solid #0073cf;border-radius:10px;color:#fff;margin-bottom:30px;overflow:hidden}#faq .faq-sidebar .student-portal .portal-content{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}#faq .faq-sidebar .student-portal .portal-content .portal-icon{height:98px;margin-bottom:15px;width:98px}#faq .faq-sidebar .student-portal .portal-content .portal-title{color:#fff;font-size:30px;font-weight:600;line-height:1;margin:0 0 15px}#faq .faq-sidebar .student-portal .portal-content .portal-arrow{font-size:24px;margin-top:5px}#faq .faq-sidebar .student-portal .portal-nav{background-color:#fff;color:#000;padding:0 12px}#faq .faq-sidebar .student-portal .portal-nav ul{list-style:none;margin:0;padding:0}#faq .faq-sidebar .student-portal .portal-nav ul li{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;padding:12px 0}#faq .faq-sidebar .student-portal .portal-nav ul li>span{align-items:center;display:flex;justify-content:center;margin-right:12px;width:35px}#faq .faq-sidebar .student-portal .portal-nav ul li:last-child{border-bottom:none}#faq .faq-sidebar .student-portal .portal-nav ul li img{width:24px}#faq .faq-sidebar .student-portal .portal-nav ul li a{color:#000;font-size:14px;font-weight:400;text-decoration:none}#faq .faq-sidebar .student-portal .portal-nav ul li a:hover{color:#0073cf}#faq .faq-sidebar .student-portal .portal-nav ul li .nav-arrow{height:10px;margin-left:8px;width:12px}#faq .faq-sidebar .help-box{background-color:#cbe9e7;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.1);overflow:hidden}#faq .faq-sidebar .help-box .help-header{background-color:#2fbbac;color:#fff;padding:15px 15px 28px;text-align:center}#faq .faq-sidebar .help-box .help-header .help-icon{height:107px;width:107px}#faq .faq-sidebar .help-box .help-header .help-title{color:#fff;font-size:30px;font-weight:600;margin:0 0 12px}#faq .faq-sidebar .help-box .help-header .help-subtitle{font-size:20px;line-height:normal;margin:5px 0 0}#faq .faq-sidebar .help-box .contact-methods{display:flex;flex-direction:column;gap:25px;padding:32px 8px}#faq .faq-sidebar .help-box .contact-methods .contact-method{align-items:center;display:flex;flex-direction:column;text-align:center}#faq .faq-sidebar .help-box .contact-methods .contact-method .contact-icon{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}#faq .faq-sidebar .help-box .contact-methods .contact-method .contact-icon img{height:60px;object-fit:contain;width:60px}#faq .faq-sidebar .help-box .contact-methods .contact-method .contact-title{color:#000;font-size:16px;font-weight:600;margin:0 0 3px}#faq .faq-sidebar .help-box .contact-methods .contact-method .contact-title a{color:#000}#faq .faq-sidebar .help-box .contact-methods .contact-method .contact-subtitle{color:#000;font-size:14px;line-height:1.5;margin:0;max-width:90%}#faq .student-portal-mobile{display:none}#faq .faq-content{flex:1}#faq .faq-content .highlight-box{border:3px solid #00b3e3;border-radius:20px;margin-bottom:76px;padding:30px 42px}#faq .faq-content .highlight-box .highlight-title{color:#00b3e3;font-size:36px;font-weight:600;margin:0 0 20px;text-align:center}#faq .faq-content .highlight-box .highlight-text{font-size:20px;line-height:1.4;margin:0 0 8px;text-align:center}#faq .faq-content .highlight-box .highlight-text a{color:#000;font-weight:600;text-decoration:underline}#faq .faq-content .faq-categories{display:flex;flex-direction:column;gap:20px}#faq .faq-content .faq-category{margin-bottom:28px;padding-top:25px;position:relative}#faq .faq-content .faq-category .category-header{align-items:center;background-color:#f3bd49;border-radius:20px 20px 0 0;display:flex;height:50px;padding:0 20px 0 140px;position:relative}#faq .faq-content .faq-category .category-header .category-icon{align-items:center;background-color:#00b3e3;border-radius:50%;display:flex;height:100px;justify-content:center;left:24px;position:absolute;top:50%;transform:translateY(-50%);width:100px;z-index:2}#faq .faq-content .faq-category .category-header .category-icon img{height:60px;width:60px}#faq .faq-content .faq-category .category-header .category-title{color:#000;font-size:20px;font-weight:600;margin:0}#faq .faq-content .faq-category.bestellen .category-header,#faq .faq-content .faq-category.facturatie .category-header,#faq .faq-content .faq-category.inleveren .category-header,#faq .faq-content .faq-category.lesmateriaal .category-header,#faq .faq-content .faq-category.levering .category-header,#faq .faq-content .faq-category.mijn-iddink .category-header{background-color:#f3bd49}#faq .faq-content .faq-category .category-items{border:3px solid #fceed4;border-radius:0 0 20px 20px;border-top:none;padding:36px 24px 20px}#faq .faq-content .faq-category .faq-item{border-bottom:1px solid #ddd;padding:0}#faq .faq-content .faq-category .faq-item:last-child{border-bottom:none}#faq .faq-content .faq-category .faq-item .faq-question{align-items:center;cursor:pointer;display:flex;font-weight:500;padding:4px 0}#faq .faq-content .faq-category .faq-item .faq-question:hover{background-color:rgba(0,0,0,.02)}#faq .faq-content .faq-category .faq-item .faq-question .question-icon{color:#000;font-size:28px;margin-right:16px;min-width:20px}#faq .faq-content .faq-category .faq-item .faq-question .question-text{font-size:18px;line-height:1.5}#faq .faq-content .faq-category .faq-item .faq-answer{font-size:16px;max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease,padding .3s ease}#faq .faq-content .faq-category .faq-item .faq-answer.active{max-height:500px;padding:15px 20px 15px 56px}@media (max-width:1243px){#faq{overflow-x:hidden}#faq .faq-container{flex-direction:column;gap:20px;margin:0;padding:0}#faq .faq-hero-image{height:150px}#faq .faq-hero-title{height:60px;justify-content:center}#faq .faq-hero-title h1{font-size:32px;padding-left:0;text-align:center;width:100%}#faq .faq-sidebar{display:none}#faq .student-portal-mobile{background-color:#0073cf;border:2px solid #0073cf;border-radius:10px;color:#fff;display:block;margin:0 15px 20px;overflow:hidden}#faq .student-portal-mobile .portal-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:14px;text-align:left}#faq .student-portal-mobile .portal-content .portal-icon{flex-shrink:0;height:50px;margin-bottom:0;margin-right:22px;width:50px}#faq .student-portal-mobile .portal-content .portal-title{color:#fff;flex:1;font-size:20px;font-weight:600;line-height:1;margin:0}#faq .student-portal-mobile .portal-content .portal-arrow{flex-shrink:0;height:33px;width:40px}#faq .student-portal-mobile .portal-nav{background-color:#fff;box-sizing:border-box;color:#000;padding:24px 0}#faq .student-portal-mobile .portal-nav ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0 15px;row-gap:24px}#faq .student-portal-mobile .portal-nav ul li{align-items:center;border:none;display:flex;padding:0}#faq .student-portal-mobile .portal-nav ul li>span{align-items:center;display:flex;justify-content:center;margin-right:8px;width:35px}#faq .student-portal-mobile .portal-nav ul li:last-child{border-bottom:none}#faq .student-portal-mobile .portal-nav ul li img{flex-shrink:0;width:30px}#faq .student-portal-mobile .portal-nav ul li a{color:#000;font-size:14px;font-weight:400;line-height:1.2;text-decoration:none}#faq .student-portal-mobile .portal-nav ul li a:hover{color:#0073cf}#faq .student-portal-mobile .portal-nav ul li .nav-arrow{flex-shrink:0;height:10px;margin-left:8px;margin-right:0;width:12px}#faq .faq-content{order:-1}#faq .faq-content .highlight-box{border-radius:8px;margin:25px 17px;padding:27px 16px}#faq .faq-content .highlight-box .highlight-title{color:#00b3e3;font-size:28px;margin-bottom:20px}#faq .faq-content .highlight-box .highlight-text{font-size:20px;line-height:1.4}#faq .faq-content .highlight-box .highlight-text a{display:block;font-weight:600;margin-top:10px}#faq .faq-content .faq-categories{margin:0 15px}#faq .faq-content .faq-category{margin-bottom:0}#faq .faq-content .faq-category .category-header{padding:0 15px 0 96px}#faq .faq-content .faq-category .category-header .category-icon{height:70px;left:10px;top:50%;transform:translateY(-50%);width:70px}#faq .faq-content .faq-category .category-header .category-icon img{height:42px;width:42px}#faq .faq-content .faq-category .category-header .category-title{font-size:24px}#faq .faq-content .faq-category .category-items{border:2px solid #fceed4;border-color:#fceed4!important;padding:12px 10px 8px}#faq .faq-content .faq-category .category-items .faq-item{padding:5px 0}#faq .faq-content .faq-category .category-items .faq-item .faq-question .question-icon{font-size:18px;margin-right:10px}#faq .faq-content .faq-category .category-items .faq-item .faq-question .question-text{font-size:16px;line-height:1.4}#faq .faq-content .faq-category .category-items .faq-item .faq-answer{font-size:16px}#faq .faq-content .faq-category .category-items .faq-item .faq-answer.active{padding:10px 10px 10px 30px}#faq .faq-category.bestellen .category-header,#faq .faq-category.facturatie .category-header,#faq .faq-category.inleveren .category-header,#faq .faq-category.lesmateriaal .category-header,#faq .faq-category.levering .category-header,#faq .faq-category.mijn-iddink .category-header{background-color:#f3bd49}#faq .faq-category.bestellen .category-icon,#faq .faq-category.facturatie .category-icon,#faq .faq-category.inleveren .category-icon,#faq .faq-category.lesmateriaal .category-icon,#faq .faq-category.levering .category-icon,#faq .faq-category.mijn-iddink .category-icon{background-color:#00b3e3}#faq .faq-category.bestellen .category-items,#faq .faq-category.facturatie .category-items,#faq .faq-category.inleveren .category-items,#faq .faq-category.lesmateriaal .category-items,#faq .faq-category.levering .category-items,#faq .faq-category.mijn-iddink .category-items{border-color:#ddd}#faq .page-hero-title h1{font-size:24px}}