@charset "UTF-8";
@font-face { font-family: 'iconmoon'; src: url("icons/icomoon.eot?xptlkq"); src: url("icons/icomoon.eot?xptlkq#iefix") format("embedded-opentype"), url("icons/icomoon.ttf?xptlkq") format("truetype"), url("icons/icomoon.woff?xptlkq") format("woff"), url("icons/icomoon.svg?xptlkq#icomoon") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ASSP'; src: url("../fonts/ASSP400.woff") format("woff"), url("../fonts/ASSP400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'ASSP'; src: url("../fonts/ASSP400I.woff") format("woff"), url("../fonts/ASSP400I.ttf") format("truetype"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'ASSP'; src: url("../fonts/ASSP600.woff") format("woff"), url("../fonts/ASSP600.ttf") format("truetype"); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'ASSP'; src: url("../fonts/ASSP700.woff") format("woff"), url("../fonts/ASSP700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }

@font-face { font-family: 'AL'; src: url("../fonts/AL400.woff") format("woff"), url("../fonts/AL400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0008-25CA; }

@font-face { font-family: 'AL'; src: url("../fonts/AL400I.woff") format("woff"), url("../fonts/AL400I.ttf") format("truetype"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0008-25CA; }

@media (min-width: 1024px) { .hide-above-landscape { display: none; } }

.to-lowercase { text-transform: lowercase; }

html { box-sizing: border-box; }

* { box-sizing: inherit; }

*::after, *::before { box-sizing: inherit; }

#core select { padding: 0; }

::-moz-input-placeholder { color: #a6b3a0; }

::-ms-input-placeholder { color: #a6b3a0; }

::-webkit-input-placeholder { color: #a6b3a0; }

:focus::-moz-input-placeholder { color: #d3d9d0; }

:focus::-ms-input-placeholder { color: #d3d9d0; }

:focus::-webkit-input-placeholder { color: #d3d9d0; }

button, input, select, textarea { outline: 0; }

[type='button'], [type='submit'], button { background-color: #4d2b74; border: 0; clear: both; color: #fff; cursor: pointer; display: inline-block; font-family: "ASSP", sans-serif; font-size: 16px; font-weight: 600; margin-bottom: 20px; margin-right: 20px; padding: 12.5px 25px; transition: all 0.25s ease-in; border-radius: 0; }

[type='button']:hover, [type='submit']:hover, button:hover { background-color: #70B066; color: #fff; }

[type='button'], [type='email'], [type='password'], [type='search'], [type='submit'], [type='tel'], [type='text'], [type='url'], button, select, textarea { -webkit-appearance: none; }

[type='button'], [type='email'], [type='password'], [type='search'], [type='submit'], [type='tel'], [type='text'], [type='url'], select { max-width: 320px; }

[type='email'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='url'], select, textarea { background-color: #fff; border-radius: 0; border: 1px solid #4d2b74; display: block; font-family: "ASSP", sans-serif; font-size: 16px; padding: 10px 15px; transition: border-color 0.25s ease-in; width: 100%; }

@media (min-width: 768px) { [type='email'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='url'], select, textarea { font-size: 1em; } }

[type='email']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='url']:focus, select:focus, textarea:focus { border: 1px solid #3a2057; }

select { -moz-appearance: none; background: url("data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==") no-repeat right 10px center; text-indent: .01px; text-overflow: ''; }

select option { padding: 5px 10px; }

select::-ms-expand { display: none; }

textarea { max-width: 580px; min-height: 200px; padding-bottom: 10px; padding-top: 10px; resize: vertical; }

hr { background-color: #4d2b74; border: 0; height: 1px; margin: 0 0 2rem; }

.main figure { margin: 0; }

.main img { display: inline-block; height: auto; max-width: 100%; }

html, body { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }

blockquote { display: block; font-family: "AL", serif; font-size: 24px; font-style: italic; line-height: 1.25em; margin: 0 0 20px; }

body { color: inherit; font-family: "ASSP", sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; line-height: 21px; }

@media (min-width: 1024px) { body { font-size: 17px; line-height: 23px; } }

h1, h2, h3, h4, h5, h6 { color: inherit; font-family: inherit; font-weight: 600; line-height: 1.25; margin: 0 0 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #4d2b74; }

h1 { font-size: 30px; }

@media (min-width: 1024px) { h1 { font-size: 36px; } }

h2 { font-size: 20px; }

@media (min-width: 1024px) { h2 { font-size: 26px; } }

h3 { font-size: 17px; }

@media (min-width: 1024px) { h3 { font-size: 23px; } }

h4, h5, h6 { font-size: 15px; }

@media (min-width: 1024px) { h4, h5, h6 { font-size: 20px; } }

a { color: #4d2b74; text-decoration: none; transition: color 0.25s ease-in; }

a:hover { color: #3a2057; }

ul, ol { list-style-position: outside; margin: 0 0 2rem; }

ul ul, ul ol, ol ul, ol ol { margin: 0; }

ul { list-style-type: square; }

p { margin: 0 0 2rem; }

strong { font-weight: 600; }

.main table:not(.formtable) { border-left: 1px solid #4d2b74; border-top: 1px solid #4d2b74; display: inline-block; margin: 0 0 2rem; max-width: 100%; overflow-x: auto; white-space: nowrap; }

@media (min-width: 1024px) { .main table:not(.formtable) { overflow-x: hidden; white-space: normal; } }

.main table:not(.formtable) th, .main table:not(.formtable) td { border-bottom: 1px solid #4d2b74; border-right: 1px solid #4d2b74; padding: .5em .75em; text-align: left; }

.main table:not(.formtable) th { background-color: #323232; border-color: #323232; color: #fff; font-weight: 700; }

.footer { float: left; width: 100%; font-size: 14px; line-height: 22px; background-color: #e1ecdc; color: #4d2b74; min-height: 115px; }

@media (min-width: 1024px) { .footer { min-height: 230px; } }

.footer p { color: inherit; margin-bottom: 0; }

.footer .inner { border-top: 2px solid #4d6641; margin-top: -2px; max-width: 1120px; overflow: auto; padding-bottom: 20px; padding-top: 20px; }

@media (min-width: 1024px) { .footer .inner { padding-top: 40px; padding-bottom: 40px; } }

.footer-address a:hover { text-decoration: underline; }

.footer-col { float: left; width: 100%; margin-bottom: 20px; }

.footer-col:last-of-type { margin-bottom: 0; }

@media (min-width: 768px) { .footer-col { padding-right: 20px; margin-bottom: 0; }
  .footer-col:first-of-type { max-width: 25%; width: auto; }
  .footer-col:last-of-type { float: right; max-width: 75%; width: auto; } }

.footer-logo-aloy, .footer-logo-kso, .footer-logo-text { float: left; width: 100%; margin-bottom: 25px; }

@media (min-width: 768px) { .footer-logo-aloy, .footer-logo-kso, .footer-logo-text { margin-bottom: 0; padding-right: 20px; width: auto; } }

.footer-logo-text:hover { text-decoration: underline; }

.footer-logo-aloy img { max-width: 110px; }

@media (min-width: 768px) { .footer-logo-kso { padding-right: 0; } }

.footer-logo-kso img { height: 48px; }

.header { float: left; width: 100%; padding: 25px 0 0; }

.inner { margin: 0 auto; max-width: 1200px; padding: 0 20px; }

@media (min-width: 1024px) { .inner { padding: 0 40px; } }

.main { float: left; width: 100%; margin-bottom: 40px; }

@media (min-width: 1024px) { .main { margin-bottom: 80px; } }

.main-header { float: left; width: 100%; }

.main-content { float: left; width: 100%; }

@media (min-width: 1024px) { .main-content { width: 66%; }
  .no-spacing .main-content { width: 66.666%; } }

@media (min-width: 1024px) { .main-content-full-width { margin-right: 0; width: 100%; } }

.main-sidebar { float: left; width: 100%; }

@media (min-width: 1024px) { .main-sidebar { float: right; width: calc(33% - (20px / 2)); }
  .no-spacing .main-sidebar { width: 33.333%; } }

.main-navigation { float: left; width: 100%; background-color: #e1ecdc; display: none; font-family: "ASSP", sans-serif; margin-bottom: 20px; }

@media (min-width: 1024px) { .main-navigation { display: block !important; } }

.main-navigation ul { list-style-type: none; margin: 0; padding: 0; }

@media (min-width: 1024px) { .main-navigation li { float: left; } }

.main-navigation a { float: left; width: 100%; background-color: #e1ecdc; color: #4d6641; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; transition: all 0.25s ease-in; }

.main-navigation a.selected, .main-navigation a:hover { background-color: #4d2b74; color: #fff; }

.main-navigation a.selected { font-weight: 600; }

.avatar { border: 2px solid #70B066; padding: 6px; display: block; border-radius: 100%; transition: all 0.25s ease-in; }

.block .avatar, .header-block .avatar { margin-bottom: 20px; max-width: 160px; }

.big { font-size: 17px; line-height: 23px; }

@media (min-width: 1024px) { .big { font-size: 22px; line-height: 28px; } }

.block-wrap { float: left; width: 100%; }

@media (min-width: 768px) { .block-wrap { display: flex; flex-wrap: wrap; width: 100%; } }

@media (min-width: 768px) { .block-wrap .block { margin-right: 20px; width: calc(33.333% - ((20px / 3) * 2)); }
  .block-wrap .block:nth-of-type(3n+3) { margin-right: 0; }
  .no-spacing .block-wrap .block { margin-right: 0; width: 33.333%; } }

.block { float: left; width: 100%; margin-bottom: 20px; position: relative; transition: background 0.25s ease-in; }

.no-spacing .block { margin-bottom: 0; }

.block-dark-purple { background-color: #4d2b74; color: #fff; }

.block-medium-purple { background-color: #a286b9; border-top: 3px solid #4d2b74; color: #4d2b74; }

.block-light-purple { background-color: #f2eef2; border-top: 3px solid #4d2b74; color: #4d2b74; }

.block-dark-green { background-color: #4d6641; color: #fff; }

.block-dark-green .block-read-more { color: #4d6641; }

.block-medium-green { background-color: #c2dbc0; color: #4d6641; }

.block-light-green { background-color: #e1ecdc; color: #4d6641; }

.block-dark-yellow { background-color: #d7dd72; color: #4d6641; }

.block-medium-yellow { background-color: #eeedb5; color: #4d6641; }

.block-light-yellow { background-color: #f6f6dd; color: #4d6641; }

.block-read-more { background-color: #fff; color: inherit; font-family: "ASSP", sans-serif; font-size: 15px; font-weight: 600; height: 38px; letter-spacing: 0.5px; line-height: 38px; padding-left: 16px; padding-right: 16px; bottom: 0; position: absolute; right: 0; }

.block-read-more:after { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

@media (min-width: 1024px) { .block-read-more { font-size: 17px; } }

.block-read-more:before, .block-read-more:after { display: inline-block; padding-right: 4px; position: relative; top: 2px; }

.block-read-more:hover { color: inherit; }

.block-content { padding: 25px; }

@media (min-width: 1024px) { .main-header .block-content, .main-content .block-content { padding: 37.5px; } }

.block-has-read-more .block-content { padding-bottom: calc(25px + 38px); }

@media (min-width: 1024px) { .block-content-60 { max-width: 776px; width: 100%; } }

.block-content h1, .block-content h2 { margin-bottom: 0; }

.block-content h1 + p, .block-content h1 + ul, .block-content h1 + ol, .block-content h2 + p, .block-content h2 + ul, .block-content h2 + ol { margin-top: 20px; }

.block-content p { margin-bottom: 20px; }

.block-content p:last-of-type { margin-bottom: 0; }

.block-content a { color: inherit; }

.block-content ul, .block-content ol { padding-left: 20px; }

.block-content ul { list-style-type: disc; }

.block-image { float: left; width: 100%; background-repeat: no-repeat; background-position: top left; background-size: contain; margin-bottom: 20px; }

@media (min-width: 900px) { .block-image { margin-bottom: 0; width: auto; } }

@media (min-width: 900px) { .block-image-full { margin-bottom: 20px; width: 100%; } }

@media (min-width: 900px) { .block-image-left { float: left; margin-right: 25px; } }

@media (min-width: 1024px) { .block-image-left { margin-right: 37.5px; } }

@media (min-width: 900px) { .block-image-right { float: right; margin-left: 25px; } }

@media (min-width: 1024px) { .block-image-right { margin-left: 37.5px; } }

.block-image img { display: block; visibility: hidden; }

@media (min-width: 1024px) { .block-image img { visibility: visible; } }

.block-clickable:hover { cursor: pointer; }

.block-clickable:hover.block-light-purple { background-color: #d6cad6; }

.block-clickable:hover.block-medium-purple { background-color: #835ea2; }

.block-clickable:hover.block-dark-purple { background-color: #2e1a45; }

.block-clickable:hover.block-light-green { background-color: #bed6b3; }

.block-clickable:hover.block-medium-green { background-color: #9bc497; }

.block-clickable:hover.block-dark-green { background-color: #303f28; }

.block-clickable:hover.block-light-yellow { background-color: #e9e9ab; }

.block-clickable:hover.block-medium-yellow { background-color: #e2e081; }

.block-clickable:hover.block-dark-yellow { background-color: #c8d13f; }

.block-muted { opacity: 0.75; }

.block-colleague-avatar { margin-top: 20px; }

.block-colleague p { font-family: "ASSP", sans-serif; font-size: 16px; }

@media (min-width: 900px) { .block-image-size-50 .block-image { width: 50%; } }

.block-jobs span { font-family: "ASSP", sans-serif; font-size: 36px; line-height: 44px; }

.block-jobs span span { text-decoration: underline; }

.block-maps .maps-map { float: left; height: 275px; width: 100%; }

.block-maps .maps-map:before { content: ''; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1000; }

.colleague-card { float: left; width: 100%; background-color: #e1ecdc; color: #4d6641; padding: 25px 25px 0 25px; }

.logged-in .colleague-card { margin-top: 20px; margin-bottom: 20px; }

@media (min-width: 900px) { .colleague-card { padding-bottom: 25px; } }

.colleague-card:last-of-type { padding-bottom: 25px; }

.colleague-card-wrapper .colleague-card { cursor: pointer; }

.colleague-card-wrapper .colleague-card:hover { color: #70B066; }

.colleague-slider .colleague-card { display: none; }

.cycle-pager-active .colleague-card { color: #70B066; }

.colleague-card-wrapper { float: left; width: 100%; background-color: #e1ecdc; margin-bottom: 20px; }

@media (min-width: 900px) { .colleague-card-wrapper { padding: 25px; } }

@media (min-width: 900px) { .colleague-card-wrapper .colleague-card { min-height: 260px; width: 50%; } }

@media (min-width: 1024px) { .colleague-card-wrapper .colleague-card { min-height: 240px; } }

.colleague-card-image { float: left; width: 100%; margin-bottom: 12.5px; }

@media (min-width: 768px) { .colleague-card-image { margin-bottom: 0; margin-right: 25px; width: 166px; } }

.colleague-card-text { float: left; width: 100%; color: inherit; }

@media (min-width: 768px) { .colleague-card-text { padding-top: 12.5px; width: calc(100% - ((166px) + 25px)); } }

.colleague-card-cite { font-family: "ASSP", sans-serif; margin-bottom: 0; }

.colleague-card-cite span { display: block; }

.colleague-slider { float: left; width: 100%; margin-bottom: 20px; max-width: 515px; overflow: hidden; position: relative; }

@media (min-width: 900px) { .colleague-slider { max-width: none; } }

.colleague-slider-pagination { bottom: 38px; color: #4d6641; position: absolute; right: 0; width: 100%; z-index: 10000; }

.colleague-slider-pagination-prev, .colleague-slider-pagination-next { position: absolute; }

.colleague-slider-pagination-prev { background-color: #fff; color: inherit; font-family: "ASSP", sans-serif; font-size: 15px; font-weight: 600; height: 38px; letter-spacing: 0.5px; line-height: 38px; padding-left: 16px; padding-right: 16px; left: 0; }

.colleague-slider-pagination-prev:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; transform: rotate(180deg); }

@media (min-width: 1024px) { .colleague-slider-pagination-prev { font-size: 17px; } }

.colleague-slider-pagination-prev:before, .colleague-slider-pagination-prev:after { display: inline-block; padding-right: 4px; position: relative; top: 2px; }

.colleague-slider-pagination-prev:hover { color: inherit; }

.colleague-slider-pagination-next { background-color: #fff; color: inherit; font-family: "ASSP", sans-serif; font-size: 15px; font-weight: 600; height: 38px; letter-spacing: 0.5px; line-height: 38px; padding-left: 16px; padding-right: 16px; right: 0; }

.colleague-slider-pagination-next:after { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

@media (min-width: 1024px) { .colleague-slider-pagination-next { font-size: 17px; } }

.colleague-slider-pagination-next:before, .colleague-slider-pagination-next:after { display: inline-block; padding-right: 4px; position: relative; top: 2px; }

.colleague-slider-pagination-next:hover { color: inherit; }

.colleague-slide { float: left; width: 100%; background-color: #c2dbc0; font-family: "ASSP", sans-serif; max-width: 515px; position: relative; }

@media (min-width: 900px) { .colleague-slide { max-width: none; } }

.colleague-card-wrapper .colleague-slide { display: none; }

.colleague-slide-image { background-position: top center; background-repeat: no-repeat; background-size: cover; float: left; width: 100%; background-color: #fff; margin-bottom: 20px; }

@media (min-width: 900px) { .colleague-slide-image { height: 100%; left: 0; margin-bottom: 0; position: absolute; right: 0; width: 50%; } }

@media (min-width: 1024px) { .colleague-slide-image { border-right: 20px solid #fff; position: relative; } }

.colleague-slide-image img { display: block; }

@media (min-width: 900px) { .colleague-slide-image img { visibility: hidden; } }

.colleague-slide-text { float: left; width: 100%; color: #4d6641; padding: 25px 25px 50px; }

@media (min-width: 900px) { .colleague-slide-text { float: right; width: 50%; } }

@media (min-width: 1024px) { .colleague-slide-text { padding: 50px; } }

.colleague-slide-text p:last-of-type { margin-bottom: 0; }

.colleague-slide-title { float: left; width: 100%; font-size: 30px; font-family: "AL", serif; font-style: italic; font-weight: 400; margin-bottom: 20px; }

@media (min-width: 1024px) { .colleague-slide-title { font-size: 36px; } }

.colleague-slide-meta { float: left; width: 100%; margin-bottom: 20px; }

@media (min-width: 1024px) { .colleague-slide-meta { margin-bottom: 40px; } }

.colleague-slide-meta span { display: block; }

.page-1360 .contact-form-wrap, .page-1113 .contact-form-wrap { float: left; width: 100%; background-color: #f2eef2; padding: 0 25px 25px 25px; }

@media (min-width: 1024px) { .page-1360 .contact-form-wrap, .page-1113 .contact-form-wrap { padding: 0 37.5px 37.5px 37.5px; } }

@media (min-width: 1200px) { .page-1360 .contact-form-wrap, .page-1113 .contact-form-wrap { width: 1120px; } }

.page-1360 .contact-form-wrap { margin-top: -20px; padding-bottom: 30px; padding-top: 50px; }

.page-1360 .contact-form-wrap div { float: left; width: 100%; padding: 10px 0; }

.page-1360 .contact-form-wrap div p { color: #4d2b74; font-size: 16px; line-height: 24px; }

.course-list { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; counter-reset: section; margin-left: 0; }

html body .course-list { padding-left: 0; margin-bottom: 20px; }

.course-list li { float: left; width: 100%; counter-increment: section; margin-bottom: 10px; min-height: 45px; padding-left: 67.5px; padding-top: 10px; position: relative; }

.course-list li:before { background-image: url("../../image/web/koers-hex.svg"); background-position: top left; background-repeat: no-repeat; content: counter(section); float: left; font-family: "AL", serif; font-size: 22px; font-weight: 700; height: 45px; left: 0; line-height: 45px; position: absolute; text-align: center; top: 0; width: 40px; }

.course-list li:last-of-type { margin-bottom: 0; }

.cta { background-color: #4d2b74; border: 0; clear: both; color: #fff; cursor: pointer; display: inline-block; font-family: "ASSP", sans-serif; font-size: 16px; font-weight: 600; margin-bottom: 20px; margin-right: 20px; padding: 12.5px 25px; transition: all 0.25s ease-in; }

.cta:hover { background-color: #70B066; color: #fff; }

.formnotify { float: left; width: 100%; background-color: #f2eef2; color: #4d2b74; font-weight: 700; padding: 0 25px 25px 25px; }

@media (min-width: 1024px) { .formnotify { padding: 0 37.5px 37.5px 37.5px; } }

@media (min-width: 1200px) { .formnotify { width: 1120px; } }

.formtable { border: 0; width: 100%; }

.formtable td, .formtable th { color: #4d2b74; display: block; border: inherit; padding: 0 0 12.5px; }

@media (min-width: 768px) { .formtable td, .formtable th { display: table-cell; } }

.formtable .formlabel { color: #4d2b74; font-size: 16px; line-height: 24px; width: 100%; }

@media (min-width: 768px) { .formtable .formlabel { padding-right: 20px; width: 280px; } }

.formtable .formline, .formtable .formarea { width: 100%; }

@media (min-width: 768px) { .formtable .formline { max-width: 360px; } }

@media (min-width: 768px) { .formtable .formarea { max-width: 540px; } }

.formtable .formextra.editlabel { font-style: italic; }

.formtable .clear-this-td { display: block; width: 100%; }

.formtable .clear-this-td td, .formtable .clear-this-td th { display: block; }

@media (min-width: 768px) { .formtable .clear-this-td .formlabel { display: block; width: 100%; } }

.highlight { font-weight: 700; }

.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; }

.iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.image-block { float: left; width: 100%; margin-bottom: 20px; }

.no-spacing .image-block { margin-bottom: 0; }

html > body .image-block-full-width-image { display: block; }

.image-block img { width: 100%; }

.login-search { float: left; width: 100%; color: #4d2b74; display: none; font-family: "ASSP", sans-serif; }

@media (min-width: 1024px) { .login-search { display: block; } }

@media (min-width: 1024px) { .login-search { float: right; width: calc(100% - 360px); } }

.login-search-search ::-moz-input-placeholder { color: #4d2b74; }

.login-search-search ::-ms-input-placeholder { color: #4d2b74; }

.login-search-search ::-webkit-input-placeholder { color: #4d2b74; }

.login-search-search :focus::-moz-input-placeholder { color: #4d2b74; }

.login-search-search :focus::-ms-input-placeholder { color: #4d2b74; }

.login-search-search :focus::-webkit-input-placeholder { color: #4d2b74; }

.main-navigation .login-search-search { float: left; margin-left: 20px; margin-top: 10px; }

@media (min-width: 1024px) { .login-search-search { float: right; } }

.login-search-search [type="text"] { border-radius: 18px; border: 1px solid #4d2b74; color: #4d2b74; float: left; height: 40px; padding-left: 15px; padding-right: 15px; width: 200px; }

@media (min-width: 1024px) { .login-search-search [type="text"] { font-size: 14px; } }

.login-search-search [type="submit"] { background-color: transparent; border: 0; clear: none; float: left; height: 40px; margin-left: -40px; margin-right: 0; padding: 0; width: 40px; }

.login-search-search [type="submit"]:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; color: #4d2b74; }

.login { background-color: #e1ecdc; color: #4d6641; font-family: "ASSP", sans-serif; margin: 20px auto 0 auto; max-width: 420px; padding: 25px; }

@media (min-width: 1024px) { .login { margin: 60px auto 0 auto; } }

.login-title, .login-message, .login-error { margin-bottom: 10px; text-align: center; }

.login-title { font-size: 22px; line-height: 28px; margin-bottom: 10px; }

.login-error { color: red; font-weight: 700; }

.login-label { display: block; font-weight: 700; margin-bottom: 10px; margin-top: 5px; }

.login-form { margin-top: 20px; }

.login-button { margin-bottom: 0; margin-right: 0; margin-top: 20px; }

.login p { margin-bottom: 0; }

.logo { float: left; margin-bottom: 25px; }

.logo img { max-width: 220px; }

.navigation-toggle { cursor: pointer; float: right; height: 19px; position: relative; transition: transform 0.4s cubic-bezier(0, 0, 0, 1); width: 24px; }

@media (min-width: 1024px) { .navigation-toggle { display: none; } }

.navigation-toggle-line { background-color: #4d2b74; height: 3px; position: absolute; transition: transform 0.4s cubic-bezier(0, 0, 0, 1); width: 24px; }

.navigation-toggle-line:nth-child(1) { top: 0; }

.navigation-toggle-line:nth-child(2) { top: 8px; }

.navigation-toggle-line:nth-child(3) { top: 16px; }

.navigation-toggle-active .navigation-toggle { transform: rotate(-90deg); }

.navigation-toggle-active .navigation-toggle-line:nth-child(1) { transform: rotate(-45deg) translate(-5.3px, 5.3px); }

.navigation-toggle-active .navigation-toggle-line:nth-child(2) { transform: scale(0, 1); }

.navigation-toggle-active .navigation-toggle-line:nth-child(3) { transform: rotate(45deg) translate(-6px, -6px); }

.nextlink { color: inherit; text-decoration: none; }

.nextlink:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; float: left; font-size: 22px; padding-left: 6px; transform: rotate(180deg); }

.pages { float: left; width: 100%; border: 1px solid #4d2b74; padding: 25px; }

.pages-title { float: left; width: 100%; font-size: 15px; color: #4d2b74; margin-bottom: 25px; }

@media (min-width: 1024px) { .pages-title { font-size: 20px; } }

.picture-edit { float: left; width: 100%; margin-bottom: 20px; }

@media (min-width: 768px) { .picture-edit { margin-right: 20px; width: calc(50% - 20px); }
  .picture-edit:nth-of-type(2n+1) { clear: left; } }

@media (min-width: 1024px) { .picture-edit { width: calc(33.333% - 20px); }
  .picture-edit:nth-of-type(2n+1) { clear: none; }
  .picture-edit:nth-of-type(3n+1) { clear: left; } }

@media (min-width: 1200px) { .picture-edit { width: calc(25% - 20px); }
  .picture-edit:nth-of-type(3n+1) { clear: none; }
  .picture-edit:nth-of-type(4n+1) { clear: left; } }

.picture-edit-wrap { float: left; width: 100%; }

@media (min-width: 768px) { .picture-edit-wrap { width: calc(100% + 20px); } }

.picture-edit span { float: left; width: 100%; font-size: 14px; line-height: 22px; color: #4d2b74; float: left; padding: 0 0 6.25px 0; }

.picture-edit span:first-of-type { margin-top: 25px; }

.picture-edit img { display: block; height: 140px; }

.quote { font-family: "AL", serif; font-style: italic; font-weight: 400; }

.socials { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; margin-top: 10px; }

.socials li { display: inline; position: relative; }

.socials li:last-of-type a { margin-right: 0; }

.socials a { background-color: #a286b9; border-radius: 100%; color: #fff; float: left; height: 33px; line-height: 33px; margin-right: 15px; text-align: center; transition: all 0.25s ease-in; width: 33px; }

.socials a:hover { background-color: #4d2b74; }

.socials-linkedin:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

.socials-facebook:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

.socials-twitter:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

.socials-mail:before { content: ""; font-family: 'iconmoon'; font-style: normal; font-weight: normal; speak: none; }

.socials-copy { background-image: url("../../image/web/link.svg"); background-position: center; background-repeat: no-repeat; background-size: 18.33333px; cursor: pointer; }

.socials-copy-modal { background-color: rgba(0, 0, 0, 0.75); border-radius: 5px; color: #fff; float: left; font-size: 12px; font-weight: 700; left: 50%; line-height: 20px; margin-left: -16px; padding: 5px 10px; position: absolute; text-align: center; top: -70px; transform: translateX(-50%); width: 200px; }

.socials-copy-modal:after { border: solid transparent; border-top-color: rgba(0, 0, 0, 0.75); border-width: 6px; content: ''; height: 0; left: 50%; margin-left: -6px; pointer-events: none; position: absolute; top: 100%; width: 0; }

.socials-copy-modal span { float: left; width: 100%; }

.socials-copy-modal textarea { background-color: rgba(0, 0, 0, 0.75); border: 0; overflow: hidden; padding: 0; min-height: 1px; max-height: 1px; min-width: 1px; max-width: 1px; height: 1px; width: 1px; }

.list-wrap { float: left; width: 100%; }

@media (min-width: 1024px) { .list-wrap { width: calc(100% + 20px); } }

.list { float: left; width: 100%; margin-bottom: 10px; padding: 15px 20px; transition: all 0.25s ease-in; }

@media (min-width: 1024px) { .list { margin-right: 20px; width: calc(50% - 20px); } }

.list-light-yellow { background-color: #f6f6dd; color: #4d6641; }

.list-light-yellow:hover { background-color: #d7dd72; color: #4d6641; }

.list:last-of-type { margin-bottom: 0; }

.list-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: calc(10px / 2); }

.list-meta { display: block; }

.list-muted { opacity: 0.75; }

.video-container { height: 0; padding-bottom: 56.25%; position: relative; }

.video-container-wrap { float: left; width: 100%; margin-bottom: 20px; }

.no-spacing .video-container-wrap { margin-bottom: 0; }

.video-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.webitem { float: left; width: 100%; position: relative; }

.is-search-page .main-content { color: #4d2b74; }

.is-search-page .main-content h2 { color: #4d2b74; margin-top: 25px; }

.is-search-page .main-content ul { list-style-type: none; margin: 0; padding: 0; }

.is-search-page .main-content li { float: left; width: 100%; border: 1px solid #4d2b74; color: #4d2b74; margin-bottom: 20px; padding: 25px 25px 0; }

.is-search-page .main-content li.clickable { cursor: pointer; }

.is-search-page .main-content [name="search"] { margin-bottom: 12.5px; }

.is-search-page .main-content [value="zoeken"] { margin-bottom: 37.5px; }

.is-search-page .main-content #searchExtendedDiv { color: #4d2b74; margin-bottom: 12.5px; }

.is-search-page .main-content #searchExtendedDiv #explode0, .is-search-page .main-content #searchExtendedDiv [for='explode0'] { margin-top: 10px; }
/*# sourceMappingURL=main.css.map */