/*#46939A*/
* { box-sizing: border-box; margin: 0; padding: 0; }

html { min-height: 100%; }

body { min-height: 100%; overflow-x: hidden; width: 100%; }

body, button, input, select, textarea { color: #222; font-family: 'Open Sans', 'Arial', sans-serif; font-size: 12px; line-height: 1.6; }

body { background-color: #fff; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

textarea { resize: vertical; }

p { margin: 0 0 1em 0; }

a img { border: none; }

.content ul, .content ol { margin: 0 0 1em 20px; }

h1 { color: #666; font-size: 25px; font-weight: 300; line-height: 1.1; margin-bottom: 15px; }

h2 { color: #387F7C; font-size: 20px; font-weight: bold; line-height: 1.2; margin: 0 0 0.5em 0; }

.kb h2 { font-size: 26px; margin-bottom: 20px; }

.sa h3, .sa__phase__handle > span { color: #89BC3C; font-weight: bold; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; }

h3, .sa h4 { color: #387F7C; font-size: 15px; font-weight: bold; letter-spacing: 1px; margin: 2.5em 0 1em 0; text-transform: uppercase; }

.sa h4 { font-size: 25px; letter-spacing: 0; text-transform: none; }

.sa__phase__content h4 { margin: 0.2em 0; }

h4 { color: #387F7C; font-size: 15px; font-weight: normal; margin: 1.2em 0 0 0; }

.intro { font-size: 18px; max-width: 550px; }

.breadcrumb { font-size: 13px; }

.caption, .sa .caption, .wp-caption-text { font-size: 10px; margin: 3px 0 0 0; }

summary { cursor: pointer; list-style: none; }

.caption__copyright { color: #666; }

.caption__longdesc-toggle { color: #387F7C; display: inline; }

.caption__longdesc-toggle:after { display: inline-block; content: '\25BC'; font-size: 8px; margin: 0 0 0 4px; transition: all 0.3s ease; -webkit-transform: rotate(0deg); transform: rotate(0deg); vertical-align: 1px; }

details[open] .caption__longdesc-toggle:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.caption__longdesc-content { border: 1px solid #ddd; padding: 1em 1.2em 0 1.2em; margin-top: 10px; }

dl { margin: 0 0 1rem 0; }

dt { clear: left; float: left; font-weight: bold; margin-right: 0.25rem; }

input[type='text'], input[type='email'] { background-color: #fff; border: 1px solid #666; padding: 3px 7px; width: 100%; }

.colorblock input[type='text'], .colorblock input[type='email'] { border-color: white; }

#mc-embedded-subscribe-form input[type='email'] { font-size: 18px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; }

#view-switch a, .button, .wpptopdfenh, .whitepaper { -webkit-appearance: none; background-color: #666; border-radius: 6px; color: #fff; cursor: pointer; display: inline-block; padding: 9px 13px 9px 10px; position: relative; text-decoration: none; }

#view-switch a { background-color: #ddd; color: black; }

.whitepaper { margin: 10px 0; }

.colorblock .button { background-color: white; color: #387F7C; font-weight: bold; padding-left: 16px; padding-right: 16px; }

.button--big { font-size: 24px; font-weight: normal; }

#view-switch a:before, .wpptopdfenh:before, .whitepaper:before { background: transparent url("../img/sprite1.png") no-repeat 0 -29px; color: #fff; content: ''; display: inline-block; height: 25px; margin: 0 4px 0 0; width: 20px; vertical-align: -9px; }

.backgroundsize #view-switch a:before, .backgroundsize .wpptopdfenh:before, .backgroundsize .whitepaper:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.wpptopdfenh:before, .whitepaper:before { background-position: -62px -28px; }

.button--white { font-weight: bold; }

.button--white:link, .button--white:visited { background-color: white; color: #387F7C !important; }

.button--blue:link, .button--blue:visited, .wpptopdfenh:link, .wpptopdfenh:visited, .whitepaper:link, .whitepaper:visited { background-color: #387F7C; color: #fff !important; }

.button--print { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NSA0NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUgNDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LjYsMTkuMmMwLjIsMCwwLjMsMCwwLjUsMGMwLjUsMCwxLDAsMS41LDBjMC45LDAsMS43LDAuMywyLjQsMC44YzAuNiwwLjQsMS4xLDEsMS41LDEuNgoJYzAuMywwLjUsMC41LDEuMSwwLjYsMS44YzAsMC4zLDAuMSwwLjYsMC4xLDFjMCwzLjUsMCw2LjksMCwxMC40YzAsMC40LTAuMywwLjgtMC43LDAuOWMtMC4xLDAtMC4yLDAtMC4zLDBjLTEuOCwwLTMuNywwLTUuNSwwCgljLTAuMSwwLTAuMSwwLTAuMiwwYzAsMC4xLDAsMC4yLDAsMC4zYzAsMS4zLDAsMi41LDAsMy44YzAsMS4xLTAuNSwxLjktMS41LDIuM2MtMC4zLDAuMi0wLjcsMC4yLTEuMSwwLjJjLTQuMywwLTguNiwwLTEzLDAKCWMtMy45LDAtNy44LDAtMTEuNywwYy0wLjUsMC0xLTAuMS0xLjQtMC40Yy0wLjgtMC41LTEuMS0xLjItMS4xLTIuMWMwLTEuMywwLTIuNiwwLTMuOWMwLDAsMC0wLjEsMC0wLjJjLTAuMSwwLTAuMSwwLTAuMiwwCgljLTEuOCwwLTMuNywwLTUuNSwwYy0wLjYsMC0wLjktMC40LTAuOS0wLjljMC0zLjUsMC03LDAtMTAuNmMwLTAuOCwwLjItMS42LDAuNS0yLjRjMC4zLTAuNSwwLjYtMC45LDEtMS4zYzAuNy0wLjYsMS40LTEsMi4zLTEuMgoJYzAuNC0wLjEsMC44LTAuMSwxLjItMC4xYzAuNSwwLDEsMCwxLjQsMGMwLDAsMC4xLDAsMC4yLDBjMC0wLjEsMC0wLjEsMC0wLjJjMC00LjYsMC05LjIsMC0xMy44YzAtMSwwLjQtMS43LDEuMi0yLjIKCWMwLjQtMC4zLDAuOS0wLjQsMS40LTAuNGMyLjgsMCw1LjcsMCw4LjUsMGMyLjgsMCw1LjcsMCw4LjUsMGMwLjksMCwxLjcsMC4yLDIuNiwwLjVjMC42LDAuMiwxLjEsMC41LDEuNSwwLjkKCWMwLjEsMC4xLDAuMywwLjIsMC40LDAuNGMxLjMsMS4zLDIuNSwyLjUsMy44LDMuOGMwLjYsMC42LDEsMS4zLDEuMywyLjFjMC4zLDAuOCwwLjUsMS43LDAuNSwyLjZjMCwyLDAsNCwwLDYKCUMzNy42LDE5LDM3LjYsMTkuMSwzNy42LDE5LjJ6IE0xMS4xLDUuOWMwLDUuNSwwLDExLDAsMTYuNWM3LjcsMCwxNS40LDAsMjMuMSwwYzAtMy4zLDAtNi42LDAtOS45Yy0wLjEsMC0wLjEsMC0wLjIsMAoJYy0xLjMsMC0yLjYsMC0zLjksMGMtMC40LDAtMC43LDAtMS4xLTAuMmMtMS0wLjUtMS41LTEuMi0xLjUtMi4zYzAtMS4zLDAtMi42LDAtMy45YzAsMCwwLTAuMSwwLTAuMUMyMi4xLDUuOSwxNi42LDUuOSwxMS4xLDUuOXoKCSBNMzQuMywzMi40Yy03LjcsMC0xNS40LDAtMjMuMSwwYzAsMi4yLDAsNC40LDAsNi42YzcuNywwLDE1LjQsMCwyMy4xLDBDMzQuMywzNi44LDM0LjMsMzQuNiwzNC4zLDMyLjR6IE0zOS4yLDIyLjUKCWMtMC45LDAtMS42LDAuOC0xLjcsMS42YzAsMC45LDAuOCwxLjcsMS43LDEuN2MwLjksMCwxLjYtMC44LDEuNy0xLjdDNDAuOSwyMy4yLDQwLjEsMjIuNSwzOS4yLDIyLjV6Ii8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 21px; background-position: 10px center; margin-left: 0; padding-left: 40px; }

.wpptopdfenh { display: inline-block; margin: 0 0 20px 0; }

#view-switch { margin: 30px 0; }

#view-switch #view-switch__projects__grid:before, #view-switch #view-switch__designtool__grid:before { background-position: -200px -29px; }

#view-switch #view-switch__designtool__list:before { background-position: -240px -29px; }

#view-switch #view-switch__projects__map:before { background-position: -220px -29px; }

#view-switch #view-switch__designtool__grid.active:before, #view-switch #view-switch__designtool__grid:focus:before, #view-switch #view-switch__designtool__grid:hover:before, #view-switch #view-switch__projects__grid.active:before, #view-switch #view-switch__projects__grid:focus:before, #view-switch #view-switch__projects__grid:hover:before { background-position: 0 -29px; }

#view-switch #view-switch__designtool__list.active:before, #view-switch #view-switch__designtool__list:focus:before, #view-switch #view-switch__designtool__list:hover:before { background-position: -40px -29px; }

#view-switch #view-switch__projects__map.active:before, #view-switch #view-switch__projects__map:focus:before, #view-switch #view-switch__projects__map:hover:before { background-position: -19px -29px; }

#view-switch a:hover, #view-switch a:focus, .button:hover, .button:focus, .wpptopdfenh:hover, .wpptopdfenh:focus, .whitepaper:hover, .whitepaper:focus { background-color: #666; text-decoration: underline; }

.button:hover, .button:focus, #view-switch a:hover, #view-switch a:focus { color: white; }

.button--white:hover, .button--white:focus { background-color: white; color: #222 !important; }

.wpptopdfenh:hover, .wpptopdfenh:focus, .whitepaper:hover, .whitepaper:focus { background-color: #666; }

#view-switch a.active, .wpptopdfenh.active { background-color: #387F7C; color: white; }

.highlight { border: 2px dotted #387F7C; margin: 30px 0; padding: 1.4em 1.4em 0.6em 1.4em; }

iframe, fieldset { border: none; }

/* ========================================================================== Links ========================================================================== */
a:link, a:visited { color: #387F7C; }

a:hover, a:focus { color: #222; }

header a, footer a, .banner a, .water-subpages li a, .sub-nav__list-item a, .sidebar__content li a, .kb__research-publications__link { text-decoration: none; }

.meta-nav__list-item--language a:link, .meta-nav__list-item--language a:visited, .back:link, .back:visited { color: #222; }

.bubble a:link, .bubble a:visited { color: #fff; }

.bubble a:hover, .bubble a:focus { color: #222; }

.img-in-post { margin: 1.5em 0 2em; }

.img-in-post img { display: block; max-width: 100%; }

.skip-link { background-color: white; border: 1px solid #eee; display: block; font-size: 0.8rem; padding: 5px 8px; position: absolute; left: -9999px; }

.skip-link:focus { left: 20px; top: 20px; z-index: 100; }

.share-linkedin { display: inline-block; border-radius: 15px; font-size: 11px; font-weight: bold; padding: 1px 10px 2px 10px; text-decoration: none; }

.share-linkedin:link, .share-linkedin:visited { background-color: #0073b1; color: white; }

.share-linkedin > svg { display: inline-block; height: 16px; margin-right: 3px; vertical-align: middle; width: 16px; }

/* ========================================================================== Layout ========================================================================== */
#main { position: relative; }

.page { margin: 0 auto; max-width: 1300px; padding-right: 20px; position: relative; width: 96%; }

.page--first { padding-top: 5px; }

.col { float: left; margin: 1.0416666666666666%; /* 10 / 960 */ position: relative; }

.col--white { background-color: #fff; }

.col--grey { background-color: #eee; }

.col--green { background-color: #89BC3C; color: white; padding: 30px; }

.col--green a:link, .col--green a:visited { color: white; text-decoration: underline; }

.col--green h3 { color: white; margin: 0 0 20px 0; }

.col--six ul { margin: 0 0 1em 0; padding: 0 0 0 20px; }

.col--one, .col--two, .col--three, .col--four, .col--five, .col--six, .col--seven, .col--eight { width: 97.91666666666666%; /* 940 / 960 */ }

.col--four.content { width: 90%; /* 910 / 960 */ }

.col--six .content { width: 65.7%; /* 910 / 960 */ }

.col--single ul, .col--single ol { margin: 0 0 1em 0; padding: 0 0 0 20px; }

.col img { max-width: 100%; }

.col-img { display: block; margin: 20px 0; }

.col-img--five { margin-right: -320px; max-width: none; position: absolute; width: 780px; }

.col--centered { text-align: center; }

.content { z-index: 20; zoom: 1; }

.content table, .kb__research-tool__highlight table { border-spacing: 0; border-collapse: collapse; font-size: 10px; margin: 0 0 1em 0; }

.content thead td, .content th, .kb__research-tool__highlight thead td, .kb__research-tool__highlight th, .content tfoot td, .content th, .kb__research-tool__highlight tfoot td, .kb__research-tool__highlight th { font-weight: bold; }

.content thead td, .content th, .content tfoot td, .content th { color: #387F7C; }

.content td, .content th, .kb__research-tool__highlight td { border-bottom: 1px solid #ddd; padding: 3px 10px 3px 3px; text-align: left; vertical-align: top; }

.content .caption__longdesc-content table:last-child tr:last-child td, .content .caption__longdesc-content table:last-child tr:last-child th { border-bottom: none; }

.content table h4 { margin: 0; }

.bubble { background: #387F7C; color: #fff; display: inline-block; font-size: 14px; margin-left: 28px; position: relative; padding: 8px 14px; border-radius: 6px; -moz-border-top-left-radius: 0; border-top-left-radius: 0; }

.bubble:after { border-style: solid; border-color: #387F7C transparent; border-width: 10px 0 0 25px; bottom: auto; content: ''; left: -25px; position: absolute; /* reduce the damage in FF3.0 */ display: block; width: 0; top: 0; }

.bubble a { display: block; }

.bubble--map img { display: block; margin-bottom: 5px; max-width: 170px; }

.back { display: block; clear: both; margin: 20px 0; }

.back:before { content: '\2196'; color: #666; padding: 0 2px 0 0; vertical-align: 1px; }

cite { color: #666; font-style: normal; }

/* ========================================================================== Header ========================================================================== */
.header__position { display: block; left: 0; position: relative; top: 0; width: 100%; z-index: 100; zoom: 1; }

header { margin: 0 auto; max-width: 1300px; padding-right: 20px; position: relative; width: 96%; }

header .col { margin-bottom: 0; margin-top: 0; }

.header__wrapper { background-color: white; margin: 0 0 5px 0; padding-top: 10px; }

.site-title { display: inline-block; margin: 0 0 16px 0; padding: 30px 0 0 0; }

.site-title a { color: #89BC3C; display: block; font-size: 33px; font-weight: bold; margin: 0; text-transform: uppercase; }

.kb .site-title a { color: #79A024; width: 270px; }

.site-title em { color: #387F7C; font-style: normal; }

.site-title__logo { display: block; height: 94px; width: 300px; }

header.alt { margin-bottom: 75px; }

header.alt .header__wrapper { padding: 30px 0 0 0; }

header.alt .site-title { bottom: -80px; left: 0; margin: 0; position: absolute; }

.site-title--en a { background-position: 0 -310px; }

#main-nav { display: block; }

.kb #main-nav { border: 1px solid white; }

#main-nav ul { display: block; padding: 0 0 17px 0; }

.kb #main-nav ul { padding: 50px 0 2px 0; }

.main-nav__item { border-top: 1px solid #ddd; cursor: pointer; display: block; list-style: none; padding: 5px 0; position: relative; }

.main-nav__item > a { display: block; }

.main-nav__item > a, .main-nav__item > span { font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }

#main-nav .main-nav__contact { margin: 0; }

.main-nav__item > span, .main-nav__item > a:link, .main-nav__item > a:visited { color: #666; cursor: pointer; }

.main-nav__item > a:hover, .main-nav__item > a:focus { color: #387F7C; }

.main-nav__item--current > span, .main-nav__item--current > a:link, .main-nav__item--current > a:visited { color: #222; font-weight: bold; }

.main-nav__item--has-children > a:after { content: '\25BC'; display: inline-block; font-size: 10px; margin: 0 0 0 5px; vertical-align: 2px; }

.main-nav__dropdown { display: none; font-weight: normal; overflow: visible !important; width: 250px; z-index: 110; zoom: 1; }

.main-nav__dropdown li { border: none; margin: 0; padding: 0; }

.main-nav__dropdown ul { display: block; }

.main-nav__dropdown__item--water, .main-nav__dropdown__item--heat, .main-nav__dropdown__item--energy { position: relative; }

.archive__refine__item--water, .archive__refine__item--heat, .archive__refine__item--biodiversity, .archive__refine__item--agriculture, .archive__refine__item--air, .archive__refine__item--energy, .archive__refine__item--social, .archive__refine__item--process { font-weight: bold; }

.main-nav__dropdown a:hover, .main-nav__dropdown a:focus, #main-nav .main-nav__dropdown a:focus { background-color: #eee; }

.main-nav__item li { display: block; }

#main-nav .main-nav__dropdown__sub { display: none; }

#main-nav div a { display: block; padding: 5px 0; }

.main-nav__dropdown__item--water a:before, .main-nav__dropdown__item--heat a:before, .main-nav__dropdown__item--biodiversity a:before, .main-nav__dropdown__item--agriculture a:before, .main-nav__dropdown__item--air a:before, .main-nav__dropdown__item--energy a:before, .main-nav__dropdown__item--social a:before, .main-nav__dropdown__item--process a:before { background-color: #387F7C; content: ''; display: inline-block; height: 10px; margin-right: 5px; width: 10px; }

.meta-nav { font-size: 10px; }

.kb header .meta-nav { top: 10px; }

header .meta-nav { margin-bottom: 20px; }

.meta-nav ul { display: inline; }

.meta-nav li { display: inline; list-style: none; }

.meta-nav__item > a { position: relative; }

.meta-nav__item > a:link, .meta-nav__item > a:visited { color: #666; }

.meta-nav__item--atelier .atelier__green { color: #79A024; font-weight: bold; }

.meta-nav__item--atelier .atelier__blue { color: #387F7C; font-weight: bold; }

.meta-nav__item > a:hover, .meta-nav__item > a:focus, .meta-nav__item--atelier:hover .atelier__green, .meta-nav__item--atelier:focus .atelier__green, .meta-nav__item--atelier:hover .atelier__blue, .meta-nav__item--atelier:focus .atelier__blue { color: #222; }

.meta-nav__item--language, .meta-nav__item--login, .meta-nav__item--search, .meta-nav__item--rss { margin: 0 0 0 18px; }

.meta-nav__item--language > a:before, .meta-nav__item--login > a:before, .meta-nav__item--search > a:before, .meta-nav__item--rss > a:before { background: transparent url("../img/sprite1.png") no-repeat 9999px 9999px; content: ''; display: inline-block; height: 20px; margin: 0 3px 0 0; vertical-align: -4px; width: 20px; }

.backgroundsize .meta-nav__item--language > a:before, .backgroundsize .meta-nav__item--login > a:before, .backgroundsize .meta-nav__item--search > a:before, .backgroundsize .meta-nav__item--rss > a:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.meta-nav__item--rss > a:before { background-position: 0 0; }

.meta-nav__item--rss > a:hover:before, .meta-nav__item--rss > a:focus:before { background-position: -20px 0; }

.meta-nav__item--search > a:before { background-position: -40px 0; }

.meta-nav__item--search > a:hover:before, .meta-nav__item--search > a:focus:before { background-position: -60px 0; }

.meta-nav__item--language > a:before { background-position: -80px 0; }

.meta-nav__item--language > a:hover:before, .meta-nav__item--language > a:focus:before { background-position: -100px 0; }

.meta-nav__item--login > a:before { background-position: -120px 0; }

.meta-nav__item--login > a:hover:before, .meta-nav__item--login > a:focus:before { background-position: -140px 0; }

header #searchform { margin: 30px 0 15px 0; }

#searchform p { margin: 0 0 5px 0; }

.meta-nav__item #searchform { display: none; margin: 0; width: 280px; }

.meta-nav__item #searchform { position: absolute; right: 0; top: 30px; }

.meta-nav__item #searchform p { display: none; }

.meta-nav__item #searchform input[type='text'] { float: right; margin-right: 75px; width: auto; }

.meta-nav__item #searchform input[type='submit'] { position: absolute; right: 0; top: 0; width: 70px; }

/* ========================================================================== Homepage ========================================================================== */
.strip { background: #eeeeee; background: rgba(255, 255, 255, 0.7); color: #222; left: 0; line-height: 38px; margin: 0 0 50px 0; padding: 0 0 0 9px; position: absolute; top: 0; width: 100%; z-index: 70; zoom: 1; }

.slider__wrapper { margin: 0 0 20px 0; }

.slider__wrapper .caption { position: absolute; text-align: right; top: 100%; width: 100%; }

#slider { position: relative; list-style: none; width: 100%; padding: 0; }

#slider li { position: absolute; display: none; width: 100%; left: 0; top: 0; }

#slider li:first-child { position: relative; display: block; float: left; }

#slider img { display: block; height: auto; float: left; width: 100%; border: 0; }

#slider li a { display: block; height: 100%; left: 0; position: absolute; text-decoration: none; top: 0; width: 100%; }

.slide { bottom: 20px; left: 20px; margin-top: 0; max-width: 400px; position: absolute; right: 40px; z-index: 1; }

.slide__title { color: #fff; background-color: #387F7C; display: inline-block; padding: 10px 18px 13px 18px; position: relative; margin: 10px 0 0 0; }

.slide--water .slide__title, .slide--heat .slide__title, .slide--energy .slide__title, .slide--agriculture .slide__title, .slide--biodiversity .slide__title, .slide--energy .slide__title { color: #222; }

.slide__description, .slide_link { background-color: #fff; color: #666; margin: 0; }

.slide__description { font-size: 16px; padding: 10px 18px; }

.rslides .slide__description { padding-bottom: 0; }

.slide--air .slide__title, .slide--social .slide__title, .slide--process .slide__title { color: white; }

.slide__description p { margin: 0; }

.slide_link { padding: 8px 18px 13px; }

.subpages li { list-style: none; padding: 10px 0 0 0; }

.subpages:first-child li { padding: 0 0 10px 0; }

.subpages li a { background-color: #387F7C; color: #222; padding: 2px 4px; text-decoration: none; }

.slide--air .subpages li a, .slide--social .subpages li a { color: white; }

.subpages li a:hover, .subpages li a:focus { text-decoration: underline; }

#slider .slide:hover .slide__description, #slider .slide:focus .slide__description, #slider .slide:hover .slide_link, #slider .slide:focus .slide_link { color: #387F7C; }

.banners { margin: 3% 0; }

.banner { font-size: 16px; margin: 0 0 1rem 0; position: relative; }

.banner a { color: #666; display: block; position: relative; }

.banner a:hover, .banner a:focus { color: #387F7C; }

.banner img { display: block; margin-bottom: 20px; max-width: 120px; width: 100%; }

.banner--book img { margin: -1px -10px 0 -10px; width: auto; }

.banner p { position: relative; z-index: 1; }

.credits { border: 1px solid #ddd; padding: 18px 22px 22px 22px; }

.credits h3 { margin-top: 0; }

.credits ul { list-style: none; position: relative; }

.heading--arrow { display: inline-block; position: relative; *display: inline; zoom: 1; }

.heading--arrow:after { background: transparent url("../img/sprite1.png") no-repeat -94px -28px; content: ''; display: block; height: 23px; position: absolute; right: -30px; top: 3px; width: 20px; }

.backgroundsize .heading--arrow:after { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.heading--arrow-diagonal:after { background-position: -117px -28px; }

.examples ul { display: block; padding: 0; margin: 0; position: relative; width: 101.2%; }

.examples li { margin: 0 0 1.38% 0; }

.examples__item__title { background-color: #387F7C; bottom: 10px; color: #fff; display: inline-block; left: 10px; margin: 0 10px 0 0; padding: 5px 10px; position: absolute; }

.teaser a { display: block; position: relative; }

.teaser:hover .examples__item__title, .teaser:focus .examples__item__title { background-color: #fff; color: #387F7C; }

.latest-updates h2 { margin-top: 1.5em; }

.latest-updates ul { list-style: none; }

.latest-updates .update__date { color: #666; font-size: 10px; font-weight: 600; margin: 1em 0; }

.latest-updates h3 { margin: 1em 0 0.5em 0; }

.sponsor { margin-bottom: 50px; }

.sidebar__content li.miniteaser, .sidebar2__group__panel li.miniteaser { display: block; margin: 0; }

.miniteaser__image { display: none; }

.miniteaser__image img { display: block; width: 100%; }

#sponsorslider li { width: 100%; }

#sponsorslider h2 { margin: 0 0 0.8em 0; }

/* ========================================================================== Chapters ========================================================================== */
.chapter-header { margin-bottom: 30px; position: relative; }

.themes { letter-spacing: 1px; text-transform: uppercase; }

/* .theme-nav { display: none; position: absolute; left: 0; top: 0; width: 100%; z-index: 90; zoom: 1; } */
.slider-pause { background-color: transparent; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC40LDAuNGg2LjR2MTkuMkgwLjRWMC40eiIvPgoJPHBhdGggZD0iTTEzLjIsMC40aDYuNHYxOS4yaC02LjRWMC40eiIvPgo8L2c+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 10px; background-position: center; border: none; cursor: pointer; height: 38px; position: absolute; right: 0; text-indent: -9999px; top: 0; z-index: 70; width: 38px; }

.slider-pause:hover { background-color: #89BC3C; }

.slider-pause--is-paused { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTAuNCwwLjRMMTkuNiwxMEwwLjQsMTkuNlYwLjR6Ii8+Cjwvc3ZnPgo="); }

.rslides_tabs { top: 10px; position: absolute; right: 13px; z-index: 80; zoom: 1; }

.rslides_tabs li { display: inline; }

.rslides_tabs li a { background-color: #666; display: inline-block; height: 14px; margin: 0 0 0 14px; text-decoration: none; text-indent: -9999px; width: 14px; }

/* .theme-nav__list-item.inactive a { visibility: hidden; } .theme-nav__list-item a:hover, .theme-nav__list-item a:focus { background-color: #fff; } */
.rslides_tabs li a { border: 1px solid #222; color: #222; font-size: 12px; font-weight: bold; line-height: 12px; overflow: hidden; text-align: center; text-indent: 0; text-transform: uppercase; }

.rslides_tabs .rslides1_s5 a, .rslides_tabs .rslides1_s7 a, .rslides_tabs .rslides1_s8 a { color: white; }

.rslides_tabs li a:hover, .rslides_tabs li a:focus { background-color: #fff; color: #222; height: 14px; width: 14px; }

/* .theme-nav__list-item { display: inline; } */
.chapter-header .caption { position: absolute; text-align: right; width: 100%; }

.chapter-header__img { background-position: center; background-size: cover; display: block; height: 0; overflow: hidden; padding: 100% 0 0 0; position: relative; }

.chapter-header__img--small { padding: 35% 0 0 0; }

.chapter-header__img > img { /* display: block; height: auto; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; */ opacity: 0; }

.chapter-header__img--stakeholder { margin: 0 0 3% 0; }

.chapter-header__img img { display: block; z-index: 1; zoom: 1; }

#sub-nav { z-index: 10; zoom: 1; }

#sub-nav.fixed { position: fixed; top: 70px; }

.sub-nav__list { border-top: 1px solid #ddd; }

.sub-nav__list-item { border-bottom: 1px solid #ddd; font-size: 10px; list-style-type: none; margin: 0 0 5px 0; position: relative; }

.sub-nav__list-item a { display: block; padding: 5px 20px 5px 0; }

.sub-nav__list-item:before { background: transparent url("../img/sprite1.png") no-repeat -167px -34px; content: ''; height: 12px; position: absolute; right: 0; top: 5px; width: 12px; }

.kb .sub-nav__list-item:before { content: none; }

.backgroundsize .sub-nav__list-item:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.sub-nav__list-item a.current { font-weight: bold; }

.sub-nav__list-item a:hover, .sub-nav__list-item a:focus { color: #666 !important; text-decoration: underline; }

.sub-nav__list--sub { border: none; }

.sub-nav__list--sub .sub-nav__list-item { border-bottom: none; display: none; letter-spacing: 0; margin: 0; text-transform: none; }

.sub-nav__list-item--open a { background: none; }

.content ul.references { font-size: 12px; list-style: none; margin-left: 40px; text-indent: -40px; }

.cite:before { content: '['; }

.cite:after { content: ']'; }

.cite, .reference { padding: 0 3px; }

.cite:link, .cite:visited, .reference:link, .reference:visited { color: #666; cursor: pointer; }

.cite:hover, .cite:focus, .reference:hover, .reference:focus { color: #387F7C; cursor: pointer; }

.cite.current, .reference.current { background-color: #eee; border: 1px dotted #888; }

/* ========================================================================== Single project ========================================================================== */
.project__details { bottom: 0; position: absolute; right: 0; }

.project__details__title { margin-top: 0; }

.project__details__list dt { color: #666; float: left; margin: 0 5px 0 0; }

#project__map { border: 1px solid #ddd; height: 300px; margin: 0 0 20px 0; }

#fb-like { height: 30px; }

.breadcrumbs { color: #666; }

/* ========================================================================== Measure / project overview ========================================================================== */
#project_view_list_toggle { display: none; }

#project_view_map { display: none; }

#project_view_map_container { height: 700px; width: 100%; }

#project_view_map_container .item { background-color: #fff; padding: 20px 20px 15px 20px; width: 200px; }

#project_view_map_container .item a { display: block; }

#project_view_map_container .item .item__img { display: block; margin: 0 0 5px 0; width: 100%; }

.pagination { text-align: right; width: 100%; }

.pagination ul { text-align: right; width: 100%; }

.pagination li { list-style: none; display: inline; }

.pagination .page-numbers { background-color: #eee; display: inline-block; height: 30px; line-height: 30px; margin: 0 0 0 5px; text-align: center; width: 30px; *display: inline; zoom: 1; }

.pagination .page-numbers.prev, .pagination .page-numbers.next { padding: 0 10px; width: auto; }

/* ========================================================================== Measure / project teasers ========================================================================== */
.measure__sub-measures { float: left; margin: 50px 0 0 0 0; position: relative; width: 100%; }

.measure__sub-measures .col--eight { border-top: 2px solid #666; margin-top: 30px; padding-bottom: 20px; }

.measure__sub-measures h2 { background-color: #fff; display: inline; position: absolute; top: -22px; }

.measure__sub-measures__arrow { background: transparent url("../img/sprite1.png") no-repeat 0 -17px; height: 48px; position: absolute; text-indent: -9999px; top: -24px; width: 48px; }

.backgroundsize .measure__sub-measures__arrow:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.archive__list { display: grid; float: right; list-style: none; width: 100%; }

.archive__list li { margin: 1.3888888888888888%; /* 10 / 720 */ position: relative; }

.view-list li { margin-top: 0; }

.archive__list--search li { margin: 1.0416666666666666%; /* 10 / 960 */ }

.archive__list a { display: block; }

.teaser__placeholder { display: block; width: 100%; }

.archive__list.view-list .teaser__image { display: none; }

.teaser__image { display: block; height: 100%; position: absolute; text-align: center; top: 0; left: 0; width: 100%; }

.teaser__image > img { display: inline; height: auto; max-height: 100%; max-width: 100%; width: 100%; }

.examples .teaser__image { position: relative; }

.teaser__title { background-color: #387F7C; bottom: 10px; color: #fff; display: block; left: 10px; margin: 0 10px 0 0; padding: 5px 10px; position: absolute; right: 10px; }

.archive__list.view-list .teaser__title { position: relative; }

.teaser:hover .teaser__title, .teaser:focus .teaser__title { background-color: #fff; color: #387F7C; }

.archive__list.view-list li a { border-top: 1px solid #ddd; display: block; padding: 10px 0; position: relative; text-decoration: none; }

.archive__list.view-list li a:hover, .archive__list.view-list li a:focus { text-decoration: underline; }

.archive__list.view-list li .teaser__title { background-color: transparent; bottom: auto; color: #387F7C; font-weight: bold; left: 0; margin: 0; padding: 0; position: relative; width: 50%; }

.archive--search .archive__list.view-list li .teaser__title { width: auto; }

.archive__list.view-list li .teaser__title .teaser__posttype { color: #222; font-weight: normal; }

/* ========================================================================== Theme values ========================================================================== */
.theme_details { background-color: #fff; border: 1px solid #ddd; margin: 0 0 20px 0; }

.theme_details ul { color: #666; font-size: 10px; line-height: 26px; list-style: none; padding: 10px 0; }

.theme_details li { position: relative; }

.details__value { line-height: 1.5; padding: 0 15px; }

.details__theme__label { float: left; font-weight: 600; display: block; }

.theme_details .details__theme__label { font-weight: normal; padding: 0 50px 0 0; }

.details__theme__label > span { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.theme_details .details__theme__icon { padding: 0 2%; position: absolute; right: 0; top: 1px; width: 50px; }

.theme_details_list .details__theme__label { background-color: #222; border-radius: 4px; color: white; display: none; position: absolute; left: 0; top: 100%; font-size: 12px; font-weight: normal; white-space: nowrap; padding: 2px 10px; z-index: 1; }

.theme_details_list .details__theme:hover .details__theme__label, .theme_details_list .details__theme:focus .details__theme__label { display: block; }

.details__theme__icon > div { background-color: #666; border: 1px solid #222; display: inline-block; height: 10px; margin: 0 2px 0 0; width: 10px; }

.details__theme--water .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--water a:before, .slide--water .slide__title, .slide--water .subpages li a, .archive__refine__item--water:before { background-color: #5c9fbc; }

.details__theme--heat .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--heat a:before, .slide--heat .slide__title, .slide--heat .subpages li a, .archive__refine__item--heat:before { background-color: #f51e1e; }

.details__theme--biodiversity .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--biodiversity a:before, .slide--biodiversity .slide__title, .slide--biodiversity .subpages li a, .archive__refine__item--biodiversity:before { background-color: #00a54b; }

.details__theme--agriculture .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--agriculture a:before, .slide--agriculture .slide__title, .slide--agriculture .subpages li a, .archive__refine__item--agriculture:before { background-color: #ffc200; }

.details__theme--air .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--air a:before, .slide--air .slide__title, .slide--air .subpages li a, .archive__refine__item--air:before { background-color: #5e728a; }

.details__theme--energy .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--energy a:before, .slide--energy .slide__title, .slide--energy .subpages li a, .archive__refine__item--energy:before { background-color: #fa9608; }

.details__theme--social .details__theme__icon > div, .main-nav__dropdown .main-nav__dropdown__item--social a:before, .slide--social .slide__title, .slide--social .subpages li a, .archive__refine__item--social:before { background-color: #503a80; }

.main-nav__dropdown .main-nav__dropdown__item--process a:before, .slide--process .slide__title, .slide--process .subpages li a, .archive__refine__item--process:before { background-color: #7d2543; }

.other_details { background-color: #fff; border: 1px solid #ddd; margin: 0 0 20px 0; }

.other_details ul { color: #666; font-size: 10px; line-height: 26px; list-style: none; padding: 7px 0 10px 0; }

.other_details h3 { margin: 15px 15px 0 15px; }

.other_details .details__value strong { float: none; display: inline; margin: 0; width: auto; }

.other_details .details__value span { display: inline; width: auto; }

.print { background-color: #fff; border: 1px dashed #ddd; font-size: 12px; margin: 0 0 20px 0; padding: 14px 15px 0 15px; }

.print__title { font-size: 12px; font-weight: bold; color: #666; }

/* ========================================================================== Sidebar ========================================================================== */
.sidebar2 { background-color: white; height: auto; min-height: 930px; position: absolute; right: 0; top: 0; transition: all 0.5s ease; width: 300px; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 110; zoom: 1; }

.sidebar2--is-expanded { -webkit-transform: translateX(0); transform: translateX(0); }

.sidebar2:before { background-color: white; box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.1); border-left: 1px solid #8f8f8f; content: ''; height: 1000%; position: fixed; right: 0; top: 0; transition: right 0.5s ease; width: 100%; z-index: 120; }

.sidebar2__group { left: 0; position: absolute; top: 0; }

.sidebar2__group--is-selected { z-index: 130; }

.sidebar2__group__handle { background-color: #ddd; border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.1); border: 1px solid #8f8f8f; border-right: none; cursor: pointer; height: 110px; position: absolute; right: 100%; text-indent: -9999px; top: 285px; -webkit-transform: translateX(1px); transform: translateX(1px); width: 100px; width: 23px; }

.sidebar2__group--is-selected .sidebar2__group__handle { background-color: white; z-index: 1; }

.sidebar2__group:nth-child(2) .sidebar2__group__handle { top: 405px; }

.sidebar2__group__handle:before { background-image: url("../img/sprite1@2x.png"); background-size: 138px 756px; content: ''; display: block; height: 91px; left: 7px; position: absolute; top: 7px; width: 9px; }

.sidebar2__group__panel { background-color: white; display: none; margin-left: 1px; padding: 15px 20px; position: relative; }

.sidebar2__group--is-selected .sidebar2__group__panel { display: block; }

/* .mobile-collapse { background: #fff url('../img/sprite1.png') no-repeat -112px -285px; border-left: 1px solid #dddddd; cursor: pointer; display: block; padding: 15px 25px 4px; text-indent: -9999px; } .backgroundsize .mobile-collapse { background-image: url('../img/sprite1@2x.png'); background-size: 276px 1512px; } */
#sidebar__panel { background-color: #fff; border-left: 1px solid #8f8f8f; height: 100%; float: left; margin: 0 0 5px 0; min-height: 925px; position: relative; width: 300px; zoom: 1; z-index: 90; }

#sidebar__panel ul { margin: 10px 0 0 0; }

.sidebar__content { display: none; margin: 15px 25px; }

.sidebar__content li { border-top: 1px solid #ddd; }

.sidebar__content li a { display: block; padding: 5px 0; }

.sidebar__content li p { margin: 0; }

.sidebar__content.current { display: block; }

#sidebar__panel ul { list-style: none; }

#sidebar__handles { left: -33px; position: absolute; top: 285px; width: 34px; }

.sidebar__handle { background-color: white; border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.1); border: 1px solid #8f8f8f; border-right: none; cursor: pointer; height: 110px; margin: 0 0 20px 10px; position: relative; text-indent: -9999px; width: 23px; z-index: 0; zoom: 1; }

.sidebar__handle:hover, .sidebar__handle:focus { box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.3); }

.sidebar__handle:before { background: transparent url("../img/sprite1.png") no-repeat 99999px 99999px; content: ''; display: block; height: 91px; left: 7px; position: absolute; top: 7px; width: 9px; }

.backgroundsize .sidebar__handle:before { background-image: url("../img/sprite1@2x.png"); background-size: 138px 756px; }

.sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: 0 -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -9px -30px; }

.sidebar2__group__handle--measures.sidebar2__group__handle--en:before { background-position: -17px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--en:before { background-position: -26px -30px; }

.sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -34px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -43px -30px; }

.sidebar2__group__handle--projects.sidebar2__group__handle--en:before { background-position: -51px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--en:before { background-position: -60px -30px; }

.sidebar2__group__handle--stakeholders.sidebar2__group__handle--nl:before { background-position: -68px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--stakeholders.sidebar2__group__handle--nl:before { background-position: -77px -30px; }

.sidebar2__group__handle--stakeholders.sidebar2__group__handle--en:before { background-position: -68px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--stakeholders.sidebar2__group__handle--en:before { background-position: -77px -30px; }

.sidebar2__group__handle--pilots.sidebar2__group__handle--nl:before { background-position: -85px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--pilots.sidebar2__group__handle--nl:before { background-position: -94px -30px; }

.sidebar2__group__handle--pilots.sidebar2__group__handle--en:before { background-position: -85px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--pilots.sidebar2__group__handle--en:before { background-position: -94px -30px; }

.sidebar2__group__handle--strategies.sidebar2__group__handle--nl:before { background-position: -103px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--strategies.sidebar2__group__handle--nl:before { background-position: -112px -30px; }

.sidebar2__group__handle--strategies.sidebar2__group__handle--en:before { background-position: -120px -30px; }

.sidebar2__group--is-selected .sidebar2__group__handle--strategies.sidebar2__group__handle--en:before { background-position: -129px -30px; }

.kb .sidebar2__group__handle--research.sidebar2__group__handle--nl:before { background-position: 0 -595px; }

.kb .sidebar2__group--is-selected .sidebar2__group__handle--research.sidebar2__group__handle--nl:before { background-position: -9px -595px; }

.kb .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -17px -595px; }

.kb .sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -26px -595px; }

.kb .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -39px -595px; }

.kb .sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -47px -595px; }

#sidebar__handle--measures.sidebar__handle--nl:before { background-position: 0 -30px; }

#sidebar__handle--measures.sidebar__handle--nl.current:before { background-position: -9px -30px; }

#sidebar__handle--measures.sidebar__handle--en:before { background-position: -17px -30px; }

#sidebar__handle--measures.sidebar__handle--en.current:before { background-position: -26px -30px; }

#sidebar__handle--projects.sidebar__handle--nl:before { background-position: -34px -30px; }

#sidebar__handle--projects.sidebar__handle--nl.current:before { background-position: -43px -30px; }

#sidebar__handle--projects.sidebar__handle--en:before { background-position: -51px -30px; }

#sidebar__handle--projects.sidebar__handle--en.current:before { background-position: -60px -30px; }

#sidebar__handle--stakeholders.sidebar__handle--nl:before { background-position: -68px -30px; }

#sidebar__handle--stakeholders.sidebar__handle--nl.current:before { background-position: -77px -30px; }

#sidebar__handle--stakeholders.sidebar__handle--en:before { background-position: -68px -30px; }

#sidebar__handle--stakeholders.sidebar__handle--en.current:before { background-position: -77px -30px; }

#sidebar__handle--pilots.sidebar__handle--nl:before { background-position: -85px -30px; }

#sidebar__handle--pilots.sidebar__handle--nl.current:before { background-position: -94px -30px; }

#sidebar__handle--pilots.sidebar__handle--en:before { background-position: -85px -30px; }

#sidebar__handle--pilots.sidebar__handle--en.current:before { background-position: -94px -30px; }

#sidebar__handle--strategies.sidebar__handle--nl:before { background-position: -103px -30px; }

#sidebar__handle--strategies.sidebar__handle--nl.current:before { background-position: -112px -30px; }

#sidebar__handle--strategies.sidebar__handle--en:before { background-position: -120px -30px; }

#sidebar__handle--strategies.sidebar__handle--en.current:before { background-position: -129px -30px; }

.kb #sidebar__handle--research.sidebar__handle--nl:before { background-position: 0 -595px; }

.kb #sidebar__handle--research.sidebar__handle--nl.current:before { background-position: -9px -595px; }

.kb #sidebar__handle--projects.sidebar__handle--nl:before { background-position: -17px -595px; }

.kb #sidebar__handle--projects.sidebar__handle--nl.current:before { background-position: -26px -595px; }

.kb #sidebar__handle--measures.sidebar__handle--nl:before { background-position: -34px -595px; }

.kb #sidebar__handle--measures.sidebar__handle--nl.current:before { background-position: -43px -595px; }

.sidebar__handle.current { z-index: 100; width: 24px; }

/* ========================================================================== Design tool ========================================================================== */
.refine { font-size: 12px; }

.refine .highlight { margin: 0 0 10px 0; }

#designtool__explanation { background-color: #fff; display: none; position: absolute; left: 0; top: 0; width: 300px; zoom: 1; z-index: 110; }

.refine sup { cursor: help; }

.archive__refine { margin: 0 0 10px 0; }

.archive__refine--steps { font-weight: bold; }

.archive__refine__item { background-color: #eee; border: 1px solid #eee; display: block; font-size: 13px; list-style: none; margin: 0 0 5px 0; position: relative; }

form .archive__refine__item { padding: 5px 10px; }

.archive__refine__item--water, .archive__refine__item--heat, .archive__refine__item--biodiversity, .archive__refine__item--agriculture, .archive__refine__item--air, .archive__refine__item--energy, .archive__refine__item--social, .archive__refine__item--process { font-size: 14px; font-weight: bold; }

.archive__refine__item--water:before, .archive__refine__item--heat:before, .archive__refine__item--biodiversity:before, .archive__refine__item--agriculture:before, .archive__refine__item--air:before, .archive__refine__item--energy:before, .archive__refine__item--social:before, .archive__refine__item--process:before { border: 1px solid #222; content: ''; display: inline-block; height: 10px; -webkit-transform: translateX(14px); transform: translateX(14px); width: 10px; }

.archive__refine__item--stakeholder > a, .archive__refine__item--stakeholder > span { cursor: pointer; margin-left: 24px; }

form .archive__refine__item--stakeholder:before, .archive__refine__item--stakeholder > a:before, .archive__refine__item--stakeholder > span:before { background: transparent url("../img/sprite1.png") no-repeat 9999px 9999px; content: ''; display: block; height: 22px; left: 5px; margin: 0 5px 0 0; position: absolute; top: 3px; width: 22px; }

form .archive__refine__item--stakeholder:before { left: 23px; }

.archive__refine.ui-sortable li:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNOS42MDksMTQuMzdsLTAuMzQxLTAuMzU5Yy0wLjE4OC0wLjE5Ny0wLjQ5Ni0wLjE5Ny0wLjY4MywwbC0yLjg2MSwzLjAxMVYyLjk3OGwyLjg2MSwzLjAxMQoJYzAuMTg3LDAuMTk3LDAuNDk1LDAuMTk3LDAuNjgzLDBMOS42MDksNS42M2MwLjE4OC0wLjE5NywwLjE4OC0wLjUyMSwwLTAuNzE5TDUuMzQxLDAuNDE5Yy0wLjE4Ny0wLjE5Ny0wLjQ5NS0wLjE5OC0wLjY4MywwCglMMC4zOTEsNC45MTFjLTAuMTg3LDAuMTk3LTAuMTg4LDAuNTIxLDAsMC43MTlsMC4zNDEsMC4zNTljMC4xODgsMC4xOTcsMC40OTYsMC4xOTcsMC42ODMsMGwyLjg2MS0zLjAxMXYxNC4wNDNsLTIuODYxLTMuMDExCgljLTAuMTg3LTAuMTk3LTAuNDk1LTAuMTk3LTAuNjgzLDBMMC4zOTEsMTQuMzdjLTAuMTg4LDAuMTk3LTAuMTg4LDAuNTIyLDAsMC43MTlsNC4yNjgsNC40OTJjMC4xODcsMC4xOTcsMC40OTQsMC4xOTgsMC42ODMsMAoJbDQuMjY4LTQuNDkyQzkuNzk2LDE0Ljg5Miw5Ljc5NywxNC41NjcsOS42MDksMTQuMzd6Ii8+Cjwvc3ZnPgo="); background-position: center; background-size: 100%; background-repeat: no-repeat; content: ''; height: 20px; position: absolute; right: 7px; top: 5px; width: 10px; }

.ui-sortable .archive__refine__item:hover, .ui-sortable .archive__refine__item:focus { border: 1px dashed #999; cursor: move; }

.ui-sortable .archive__refine__item:hover:after, .ui-sortable .archive__refine__item:focus:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNOS42MDksMTQuMzdsLTAuMzQxLTAuMzU5Yy0wLjE4OC0wLjE5Ny0wLjQ5Ni0wLjE5Ny0wLjY4MywwbC0yLjg2MSwzLjAxMVYyLjk3OGwyLjg2MSwzLjAxMQoJYzAuMTg3LDAuMTk3LDAuNDk1LDAuMTk3LDAuNjgzLDBMOS42MDksNS42M2MwLjE4OC0wLjE5NywwLjE4OC0wLjUyMSwwLTAuNzE5TDUuMzQxLDAuNDE5Yy0wLjE4Ny0wLjE5Ny0wLjQ5NS0wLjE5OC0wLjY4MywwCglMMC4zOTEsNC45MTFjLTAuMTg3LDAuMTk3LTAuMTg4LDAuNTIxLDAsMC43MTlsMC4zNDEsMC4zNTljMC4xODgsMC4xOTcsMC40OTYsMC4xOTcsMC42ODMsMGwyLjg2MS0zLjAxMXYxNC4wNDNsLTIuODYxLTMuMDExCgljLTAuMTg3LTAuMTk3LTAuNDk1LTAuMTk3LTAuNjgzLDBMMC4zOTEsMTQuMzdjLTAuMTg4LDAuMTk3LTAuMTg4LDAuNTIyLDAsMC43MTlsNC4yNjgsNC40OTJjMC4xODcsMC4xOTcsMC40OTQsMC4xOTgsMC42ODMsMAoJbDQuMjY4LTQuNDkyQzkuNzk2LDE0Ljg5Miw5Ljc5NywxNC41NjcsOS42MDksMTQuMzd6Ii8+Cjwvc3ZnPgo="); }

.archive__refine__item.active { background-color: #387F7C; border-color: #387F7C; color: #fff; }

.archive__refine__item.active > a:link, .archive__refine__item.active > a:visited { color: #fff; }

.archive__refine .archive__refine__item--water.active, .rslides_tabs .rslides1_s1 a, .slide__title--water, .theme-nav__list-item--water a { background-color: #5c9fbc; }

.archive__refine .archive__refine__item--heat.active, .rslides_tabs .rslides1_s2 a, .slide__title--heat, .theme-nav__list-item--heat a { background-color: #f51e1e; }

.archive__refine .archive__refine__item--biodiversity.active, .rslides_tabs .rslides1_s3 a, .slide__title--biodiversity, .theme-nav__list-item--biodiversity a { background-color: #00a54b; }

.archive__refine .archive__refine__item--agriculture.active, .rslides_tabs .rslides1_s4 a, .slide__title--agriculture, .theme-nav__list-item--agriculture a { background-color: #ffc200; }

.archive__refine .archive__refine__item--air.active, .rslides_tabs .rslides1_s5 a, .slide__title--air, .theme-nav__list-item--air a { background-color: #5e728a; }

.archive__refine .archive__refine__item--energy.active, .rslides_tabs .rslides1_s6 a, .slide__title--energy, .theme-nav__list-item--energy a { background-color: #fa9608; }

.archive__refine .archive__refine__item--social.active, .rslides_tabs .rslides1_s7 a, .slide__title--social, .theme-nav__list-item--social a { background-color: #503a80; }

.archive__refine .archive__refine__item--process.active, .rslides_tabs .rslides1_s8 a, .slide__title--process, .theme-nav__list-item--process a { background-color: #7d2543; }

.archive__refine__item.placeholder { background-color: #fff; border: 1px dashed #ddd; height: 21px; }

.archive__refine__item > a, .archive__refine__item > span { display: block; padding: 5px 10px; text-decoration: none; }

.archive__refine__item > a:hover, .archive__refine__item > a:focus { text-decoration: underline; }

.archive__refine__item > label { margin: 0 0 0 18px; }

.ui-sortable .archive__refine__item > label { margin: 0 0 0 14px; }

.archive__refine__item--stakeholder > label { margin: 0 0 0 40px; }

.archive__checkboxes { list-style: none; }

.sa .archive__checkboxes { margin: 0 0 20px 0; }

.archive__checkboxes > li { padding: 0 0 0 16px; position: relative; }

.archive__checkbox { left: 6px; position: absolute; top: 9px; }

.archive__checkboxes .archive__checkbox { left: 0; top: 5px; }

.theme_details_list { display: none; list-style: none; padding: 11px 0 0 0; position: absolute; right: 0; top: 0; width: 40%; }

.view-list { display: flex; flex-direction: column; }

.view-list .theme_details_list { display: flex; }

.view-list .teaser__placeholder { display: none; }

.theme_details_list li { float: left !important; margin: 0; text-align: right; width: 14.285714285714286% !important; }

.theme_details_list li span { text-align: left; width: 36px; }

.stakeholders__refine { position: relative; }

.stakeholders__refine--inactive:after { background: white; background: rgba(255, 255, 255, 0.8); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* ========================================================================== Colophon ========================================================================== */
.sponsors li { display: block; list-style: none; margin: 7% 10%; text-align: center; }

/* ========================================================================== Owl Carousel ========================================================================== */
/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under  () */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item > img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item > img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover, .owl-carousel .owl-video-play-icon:focus { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under  () */
/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.owl-prev, .owl-next { color: #387F7C; display: block; font-size: 40px; height: 40px; line-height: 32px; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-20px); transform: translateY(-20px); width: 40px; }

.owl-stage { display: flex; }

.owl-prev { left: -40px; }

.owl-next { right: -40px; }

.owl-prev:hover, .owl-prev:focus, .owl-next:hover, .owl-next:focus { color: #89BC3C; }

/* ========================================================================== SPONGE Toolbox ========================================================================== */
.colorblock { background-color: #387F7C; padding: 15px 25px 22px 25px; position: relative; margin: 0 0 20px 0; }

.col--two .colorblock { padding: 18px 22px 22px 22px; }

.colorblock--green { background-color: #89BC3C; }

.colorblock--guide { padding: 15px 25px; margin: 0; }

.colorblock > img { float: right; margin: 1.5% 5% 0 5%; width: 20%; }

.colorblock--blue > img { margin: 2% 2% 0 8%; width: 24%; }

.colorblock__content { margin: 0 5% 0 0; position: relative; width: 60%; }

.col--two .colorblock__content { margin: 0; width: auto; }

.colorblock--textleft > .colorblock__content { max-width: 290px; }

.colorblock--textright > .colorblock__content { float: right; }

.colorblock--textright > img { float: left; }

.colorblock__content h2 { color: white; }

.colorblock--green .colorblock__content h2 { color: #222; }

.colorblock__content p { color: white; font-size: 24px; font-weight: 300; letter-spacing: 0.05rem; margin: 0 0 0.75em 0; }

.colorblock--green .colorblock__content p { color: #222; }

.col--two .colorblock__content p { font-size: 14px; font-weight: 500; letter-spacing: 0; margin: 0 0 0.75em 0; }

.stakeholders--carousel { margin: 0 20px 50px 20px; }

.flexwrap .stakeholders__list { display: flex; flex-wrap: wrap; }

.owl-item .stakeholder { height: 100%; }

.stakeholders__list .stakeholder { display: inline-block; list-style: none; margin: 0 0 3.5% 0; width: 100%; vertical-align: top; }

.flexwrap .blocklink { height: 100%; }

.blocklink { background-color: #89BC3C; color: white; cursor: pointer; display: flex; min-height: 110px; padding: 6%; transition: all 0.3s ease; flex-direction: column; justify-content: center; }

.blocklink:link, .blocklink:visited { background-color: #89BC3C; color: white; }

.blocklink:hover, .blocklink:focus { background-color: #387F7C; }

.blocklink__icon { display: inline-block; height: auto; margin: 0 0 5px 0; width: 80%; }

.blocklink__title { display: inline-block; font-weight: bold; margin: 0 0 0 90px; }

.blocklink--stakeholder:before { background: transparent url("../img/sprite1.png") no-repeat 9999px 9999px; content: ''; display: inline-block; height: 75px; margin: 0 auto 10px auto; margin: 0 20px 17px 0; position: absolute; width: 75px; vertical-align: middle; }

.backgroundsize .blocklink--stakeholder:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; }

.blocklink--stakeholder-0:before { background-position: -100px -925px; }

.blocklink--stakeholder-1:before { background-position: 0 -1000px; }

.blocklink--stakeholder-2:before { background-position: 0 -1225px; }

.blocklink--stakeholder-3:before { background-position: -100px -1300px; }

.blocklink--stakeholder-4:before { background-position: 0 -850px; }

.blocklink--stakeholder-5:before { background-position: -100px -1075px; }

.blocklink--stakeholder-6:before { background-position: -100px -850px; }

.quicklinks__item { display: block; margin: 0 0 15px 0; }

.quicklinks__item:link, .quicklinks__item:visited { color: #666; }

.quicklinks__item > p { font-size: 18px; margin: 0; }

.quicklinks__item > img { display: block; margin: 15px 0 53px 0; max-width: 100%; width: 115px; }

.stake-nav { border-bottom: 1px solid #ddd; margin: 3px 20px 0 0; }

.stake-nav__item { border-top: 1px solid #ddd; display: block; list-style: none; position: relative; }

.stake-nav__item > a:before, .stake-nav__item > span:before { background: transparent url("../img/sprite1.png") no-repeat 9999px 9999px; content: ''; display: block; height: 22px; left: 5px; margin: 0 5px 0 0; position: absolute; top: 6px; width: 22px; }

.stake-nav--filter .stake-nav__item > a:before, .stake-nav--filter .stake-nav__item > span:before { content: none; }

.stake-nav__item-id-2323 > span:before { background-position: -66px -1490px; }

.stake-nav__item-id-2583 > span:before { background-position: -132px -1490px; }

.stake-nav__item-id-2322 > span:before { background-position: -88px -1468px; }

.stake-nav__item-id-2994 > span:before { background-position: -66px -1468px; }

.stake-nav__item-id-2995 > span:before { background-position: -44px -1490px; }

.stake-nav__item-id-2323 > a:before { background-position: -88px -1402px; }

.stake-nav__item-id-2583 > a:before { background-position: 0 -1380px; }

.stake-nav__item-id-2322 > a:before { background-position: -88px -1380px; }

.stake-nav__item-id-2329 > a:before { background-position: -44px -1380px; }

.stake-nav__item-id-2994 > a:before { background-position: -66px -1380px; }

.stake-nav__item-id-2995 > a:before { background-position: -44px -1402px; }

.stake-nav__item--current.stake-nav__item-id-2323 > a:before { background-position: -88px -1446px; }

.stake-nav__item--current.stake-nav__item-id-2583 > a:before { background-position: -132px -1446px; }

.stake-nav__item--current.stake-nav__item-id-2322 > a:before { background-position: -88px -1424px; }

.stake-nav__item--current.stake-nav__item-id-2994 > a:before { background-position: -66px -1424px; }

.stake-nav__item--current.stake-nav__item-id-2995 > a:before { background-position: -44px -1446px; }

.stake-nav__item--current.stake-nav__item-id-2329 > a:before { background-position: -44px -1424px; }

.stake-nav > ul > .stake-nav__item > a, .stake-nav > ul > .stake-nav__item > span { font-weight: bold; position: relative; }

.stake-nav--filter > ul > .stake-nav__item > span { font-weight: normal; }

.stake-nav__item > span { color: #666; }

.stake-nav__check { left: 0; position: absolute; top: 11px; }

.stake-nav__item > a, .stake-nav__item > span { background-color: transparent; display: block; margin: 0; padding: 6px 0 6px 33px; }

.stake-nav--filter .stake-nav__item > a, .stake-nav--filter .stake-nav__item > span { padding-left: 20px; }

.stake-nav__item > a:link, .stake-nav__item > a:visited { color: #387F7C; }

.stake-nav__item > a:hover, .stake-nav__item > a:focus { color: #222; }

.stake-nav__item--current > a { font-weight: bold; }

.stake-nav__item--current > a:link, .stake-nav__item--current > a:visited { color: #222; }

.stake-nav__item--has-children:after { bottom: 10px; content: 'v'; position: absolute; right: 0; }

.stake-nav__children { position: relative; margin: 0 0 0 33px; }

.stake-nav__children .stake-nav__children { margin-left: 18px; }

.stake-nav__item__expand { background-color: transparent; border: none; color: #387F7C; cursor: pointer; font-weight: bold; line-height: 34px; position: absolute; right: -10px; text-align: center; top: -34px; vertical-align: -3px; width: 40px; }

.stake-nav__item__expand > span { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.stake-nav__item__expand:after { content: '\25BC'; display: block; font-size: 10px; }

.stake-nav__item__expand:hover:after, .stake-nav__item__expand:focus:after { color: #222; }

.stake-nav__children--is-open > .stake-nav__item__expand:after { content: '\25B2'; }

.stake-nav__item__expand:hover, .stake-nav__item__expand:focus { color: #387F7C; }

.stake-nav__children > ul { display: none; }

.stake-nav__children--is-open > ul { display: block; }

.stake-nav__children .stake-nav__item > a { padding: 6px 0; }

.stake-selection { background-color: #eee; color: #666; display: none; margin: 0 20px 30px 0; padding: 12px 15px; }

.stake-selection > h3 { margin: 0 0 7px 0; }

.stake-selection__list__item { cursor: pointer; display: block; list-style: none; margin: 2px 0 0 0; position: relative; }

.stake-selection__list__item:hover, .stake-selection__list__item:focus { color: #222; text-decoration: line-through; }

.stake-selection:hover .stake-selection__list__item:after, .stake-selection:focus .stake-selection__list__item:after { content: '\00D7'; position: absolute; right: 0; top: 0; }

.guidancepack__chapters { margin: 0.25rem 0 1rem 0; padding: 0 0 0 1rem; }

.guidancepack__chapters > li { margin: 0 0 0.25rem 0; }

img.sponge-logo { position: absolute; right: 20px; width: 100px; -webkit-transform: none; transform: none; height: auto; left: auto; top: 20px; opacity: 1; }

/*
	
.guide {
	margin: 35px 0 0 0;
}

.guide__steps {
	counter-reset: my-badass-counter;
	display: flex;
	justify-content: space-between;
	margin: 20px 0 40px 0;
	width: 100%;
}

.guide__arrow {
	background: transparent url('../img/sprite1.png') no-repeat right -764px;
	height: 27px;
	flex-grow: 1;
	margin: 0 2.5%;
}

.backgroundsize .guide__arrow {
	background-image: url('../img/sprite1@2x.png');
	background-size: 276px 1512px;
}

.guide__step {
	color: $color_darkGray;
	font-size: 14px;
	list-style: none;
	padding: 0 0 45px 0;
	position: relative;
}

.guide__step--1 {
	text-align: left;
	z-index: 24;
	zoom: 1;
}

.guide__step--2 {
	text-align: center;
	z-index: 23;
	zoom: 1;
}

.guide__step--3 {
	text-align: center;
	z-index: 22;
	zoom: 1;
}

.guide__step--4 {
	text-align: right;
	z-index: 21;
	zoom: 1;
}

.guide__step:before {
	background: transparent url('../img/sprite1.png') no-repeat -51px -800px;
	color: white;
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	display: block;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.backgroundsize .guide__step:before {
	background-image: url('../img/sprite1@2x.png');
	background-size: 276px 1512px;
}

.guide__step > span {
	color: $color_blue;
	font-weight: bold;
	font-size: $font_small;
	left: -30px;
	letter-spacing: 1px;
	position: absolute;
	text-transform: uppercase;
	top: 50px;
	width: 100px;
}

.guide__step--1 > span {
	left: 0;
}

.guide__step--5 > span {
	left: auto;
	right: 0;
}

*/
.guide__stepps { margin: 35px 0 2em 0; padding: 0; }

.guide__stepps > h2 { margin: 10px 0 0 0; position: relative; }

.guide__stepps__button { background-color: #89BC3C; border: none; color: #222; cursor: pointer; display: block; font-size: 24px; padding: 15px 40px 15px 20px; text-align: left; transition: all 0.3s ease; width: 100%; }

.guide__stepps__button > span { font-weight: normal; }

.guide__stepps__button:after { content: '\25BC'; font-weight: normal; font-size: 16px; position: absolute; top: 21px; right: 18px; }

.guide__stepps__button:hover, .guide__stepps__button:focus { background-color: #387F7C; color: white; }

.guide__stepps__button[aria-expanded=true]:after { content: '\25B2'; }

.guide__stepps__item__content { display: block; padding: 10px 0 20px 0; }

.guide__stepps__item__content[hidden] { display: none; }

.guide__title { color: #666; font-size: 20px; letter-spacing: 0; margin: 0; text-transform: none; }

.colorblock .guide__title { color: white; font-weight: 300; font-size: 30px; }

.guide__title > span { font-weight: bold; }

.blog { margin: 0 0 55px 0; }

.blog__img { margin: 0 0 3.5% 0; }

.blog__img > img { display: block; width: 100%; }

.blog--no-image .blog__info { float: none; width: 100%; }

.article__date, .blog__date { background-color: #89BC3C; color: #fff; display: inline-block; padding: 5px 10px; }

.article__date { margin: 10px 0 23px 0; }

.article__back { background-color: #ddd; display: inline-block; padding: 5px 10px; }

.partnermap { display: none; }

.content .partners { margin: 0; }

.partners > li { display: inline-block; list-style: none; margin: 0 0 3.5% 0; text-align: center; vertical-align: top; width: 100%; }

.partners__logo { border: 1px solid #ddd; display: block; height: 0; margin: 0 0 8px 0; padding: 60% 0 0 0; position: relative; }

.kb__footer__partners .partners__logo { border: none; border-top: 1px solid #387F7C; }

.sa .partners__logo { border: none; }

.partners__logo > div { background-repeat: no-repeat; background-size: contain; background-position: center center; bottom: 10px; left: 20px; overflow: hidden; position: absolute; text-indent: -9999px; top: 10px; right: 20px; }

.kb__footer__partners .partners__logo > div { left: 0; top: 0; }

.partners__logo > img { left: 0; position: absolute; top: 0; width: 100%; }

.partners__name { color: #666; font-weight: bold; margin: 0 0 2px 0; }

.partners__country { color: #666; margin: 0; }

/* ========================================================================== Footer ========================================================================== */
footer { color: #666; display: block; padding: 30px 0 0 0; position: relative; z-index: 100; zoom: 1; }

footer .col, .kb__footer { background-color: #eee; margin-bottom: 0; }

.footer__description { float: left; margin: 15px; }

.footer__credits { float: right; margin: 15px; text-align: right; }

/* ========================================================================== Start Adaptief ========================================================================== */
.sa p { font-size: 16px; }

.sa__logo { margin: 3.5% 0; transition: all 0.3s ease; }

.sa__logo:hover, .sa__logo:focus { opacity: 0.7; }

.sa__logo--scrolling { margin: 1.5% 0; }

.sa__logo a { display: block; margin: 0; }

.sa__logo__img { display: block; height: 103px; width: 200px; transition: all 0.3s ease; }

.sa__logo--scrolling .sa__logo__img { height: 52px; width: 100px; }

.sa__menu { margin: 0 0 3% 0; }

.sa__menu__item { display: inline-block; list-style: none; }

.sa__menu__item > a { display: block; font-size: 12px; font-weight: normal; letter-spacing: 1px; margin: 0 20px 0 0; padding: 5px 0; text-transform: uppercase; }

.sa__menu__item--current > a { font-weight: bold; }

.sa__menu__item > a:link, .sa__menu__item > a:visited { color: #222; }

.sa__menu__item--current > a:link, .sa__menu__item--current > a:visited { color: #89BC3C; }

.sa__menu__item > a:hover, .sa__menu__item > a:focus { color: #387F7C; }

.sa__linkblock { display: block; }

.sa__linkblock__img { background-size: cover; background-position: center center; height: 0; padding: 60% 0 0 0; }

.sa__linkblock__text { background-color: #89BC3C; padding: 15px 50px 16px 19px; position: relative; transition: all 0.3s ease; }

.sa__linkblock:hover .sa__linkblock__text, .sa__linkblock:focus .sa__linkblock__text { background-color: #503a80; }

.sa__linkblock__text:after { border: 13px solid transparent; border-left-color: white; color: white; content: ''; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sa__linkblock__text > h3 { color: white; font-weight: normal; letter-spacing: 1px; margin: 0 0 3px 0; text-transform: uppercase; }

.sa__linkblock__text > p { color: white; margin: 0; }

.sa__steps { counter-reset: my-counter; }

.sa__step { counter-increment: my-counter; list-style: none; position: relative; text-align: left; }

.sa__step--current { pointer-events: none; }

.sa__step > a { display: block; }

.sa .sa__step__title { background-color: #503a80; border: 1px solid #503a80; color: white; font-size: 20px; line-height: 1.2; margin: 0 0 10px 0; padding: 45px 15px 15px 15px; transition: all 0.3s ease; }

.sa__step--current .sa__step__title { background-color: white; color: #503a80; }

.sa__step > a:hover .sa__step__title, .sa__step > a:focus .sa__step__title { background-color: #387F7C; border-color: #387F7C; }

.sa__step__title:before { content: counter(my-counter) "."; color: white; font-size: 20px; left: 20px; position: absolute; top: 15px; }

.sa__step--current .sa__step__title:before { color: #503a80; }

.sa__step__subtitle { color: #503a80; }

.sa__step > a:hover .sa__step__subtitle, .sa__step > a:focus .sa__step__subtitle { color: #387F7C; }

.sa__phases { margin: 0 0 6% 0; text-align: left; }

.sa__phase { margin: 0 0 18px 0; }

.sa__phase__handle { background-color: #89BC3C; padding: 14px; position: relative; transition: all 0.3s ease; }

.sa__phase--has-content .sa__phase__handle { cursor: pointer; }

.sa__phase--is-open .sa__phase__handle { background-color: #503a80; }

.sa__phase--has-content .sa__phase__handle:hover, .sa__phase--has-content .sa__phase__handle:focus { opacity: 0.9; }

.sa__phase--has-content .sa__phase__handle:after { color: white; content: '\25BC'; font-size: 24px; line-height: 34px; position: absolute; right: 14px; top: 14px; }

.sa__phase--is-open .sa__phase__handle:after { content: '\25B2'; line-height: 32px; }

.sa__phase__handle > span { color: white; left: 14px; position: absolute; top: 14px; width: 100px; }

.sa__phase__handle > h3, .sa__phase__handle > p { color: white; font-weight: normal; margin: 0 40px 0 70px; min-height: 36px; }

.sa__phase__content { display: none; }

.sa__phase__content > div { margin: 15px 0 30px 0; }

.sa__phase__content > div p { font-size: 14px; }

.sa__themes > div > h3 { color: #89BC3C; margin: 0 0 15px 0; }

.sa__themes__intro { background-color: #eee; padding: 3%; margin: 0 0 18px 0; }

.sa__themes__intro > p { margin: 0; }

.sa__themes > p > strong { display: block; font-weight: normal; margin: 0 0 0.5em 0; line-height: 1.4em; }

.col .sa__areatypes { margin: 0; padding: 0; }

.sa__areatype { display: inline-block; list-style: none; margin: 0 2% 0 0; position: relative; width: 31.333%; vertical-align: top; }

.sa__areatype__link { display: block; transition: all 0.3s ease; }

.sa__areatype__link:link, .sa__areatype__link:visited { background-color: white; }

.sa__areatype__link--active:link, .sa__areatype__link--active:visited { background-color: #89BC3C; }

.sa__areatype__link:focus, .sa__areatype__link:hover { opacity: 0.6; }

.sa__areatype__img { background-color: #eee; display: block; height: 0; padding: 100% 0 0 0; position: relative; width: 100%; }

.sa__areatype__img > img { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.sa .sa__areatype__title { font-size: 12px; padding: 14px 28px 14px 0; transition: all 0.3s ease; }

.sa__areatype__link--active .sa__areatype__title { color: white; padding: 14px; }

.sa__areatype__link--active .sa__areatype__title:before { content: '\2713\0020'; }

.sa__downloads { text-align: left; }

.col .sa__downloads { padding: 0; }

.sa__downloads > li { list-style: none; }

.sa__downloads__link { font-size: 24px; position: relative; }

.sa__downloads__link:before { content: '\203A'; display: inline-block; margin: 0 12px 0 0; }

.sa__panel { padding: 4% 5%; }

.sa__panel h3:first-child { margin-top: 0; }

.sa__refine__atlas { background-color: #eee; padding: 20px; max-width: 225px; }

.sa .sa__refine, .sa__refine__atlas > h4 { font-size: 14px; margin: 0 0 5px 0; }

.sa__refine__atlas > p { font-size: 14px; }

.sa footer p { font-size: 14px; }

/* ========================================================================== Kennisbank ========================================================================== */
.kb__spacing { padding: 30px; }

.kb__spacing--half { padding: 15px; }

.kb__home__start { background-size: cover; background-position: center center; margin-top: -172px; padding: 120px 0 0 0; }

.kb__home__start h2 { color: white; font-size: 40px; margin: 15% 0; max-width: 500px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); width: 100%; }

.kb__home__research { margin-top: -10%; padding-top: 10%; }

.kb__section--blue { background-color: #ecf4f5; }

.kb__research-publications > li { list-style: none; margin: 0 0 9px 0; }

.kb__research-publications__link { display: block; font-size: 19px; font-weight: bold; letter-spacing: 0.03rem; padding: 8px 52px 8px 16px; position: relative; transition: all 0.3s ease; }

.kb__research-publications__link:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOCAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjggMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTYuNiwxLjcgMjUuOSwxMSAxNi42LDIwLjMgIi8+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyNS45IiB5MT0iMTEiIHgyPSIxLjkiIHkyPSIxMSIvPgo8L3N2Zz4K"); background-size: 26px; content: ''; display: inline-block; height: 20px; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 26px; }

.kb__research-publications__link:link, .kb__research-publications__link:visited { background-color: #387F7C; color: white; }

.kb__research-publications__link:hover, .kb__research-publications__link:focus { background-color: #89BC3C; color: #222; }

.kb__research-tool { position: relative; }

.kb__research-tool__step { pointer-events: none; opacity: 0.3; }

.kb__research-tool__step--is-active { opacity: 1; pointer-events: all; }

.kb__research-tool__question { background-color: #387F7C; color: white; display: block; font-size: 19px; font-weight: bold; margin: 0 0 9px 0; padding: 8px 16px; }

.col .kb__research-tool__answers { align-items: stretch; display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 30px 0; padding: 0; }

.kb__research-tool__listitem--is-inactive { display: none; }

.kb__research-tool__answers > li { flex-grow: 1; list-style: none; width: 100%; }

.kb__research-tool__answer { background-color: white; border: 1px solid white; cursor: pointer; display: block; font-weight: bold; height: 100%; padding: 8px 0; text-align: center; transition: all 0.3s ease; width: 100%; }

.kb__research-tool__answer--is-disabled { display: none; }

.kb__research-tool__answer:hover, .kb__research-tool__answer:focus { border-color: #888; }

.kb__research-tool__answer--is-current { background-color: #89BC3C; border-color: #222; }

.col .kb__research-tool__results { padding: 0; }

.kb__research-tool__results > li { list-style: none; margin: 0 0 9px 0; }

.kb__research-tool__result { background-color: white; border: 1px solid white; cursor: pointer; display: block; font-weight: bold; padding: 8px 16px; text-align: left; width: 100%; }

.kb__research-tool__result:hover, .kb__research-tool__result:focus { border-color: #bbb; }

.kb__research-tool__result--is-current { background-color: #89BC3C; border-color: #89BC3C; }

.kb__research-tool__highlight { display: none; position: relative; }

.kb__research-tool__highlight > div { background-color: white; padding: 24px; margin: 0 0 9px 0; }

.kb__research-tool__measures { display: none; }

.kb__publication__link { background-color: #387F7C; color: white; margin-bottom: 20px; padding: 14px 15px; }

.content .kb__publication__link { padding: 24px 28px 28px 28px; }

.kb__publication__link h3 { color: white; margin-top: 0; }

.kb__over__colofon { background-color: #89BC3C; padding: 14px 15px; }

.kb__over__colofon h2 { color: #222; }

.kb__over__colofon h3 { color: #222; margin: 0; }

.kb__over__colofon h4 { color: #222; font-weight: bold; }

.kb__over__colofon a:link, .kb__over__colofon a:visited { text-decoration: underline; }

.halfwidth__image { background-color: #eee; background-size: cover; background-position: center center; padding: 60% 0 0 0; }

.kb__footer .col { padding: 40px 20px; }

.kb__footer__title { color: #222; margin-right: 3.5%; position: relative; }

.kb__footer__title .partners__logo { border: none; }

.kb__footer__title .partners__logo > span { left: 0; position: absolute; top: 0; white-space: nowrap; }

.col--three .kb__footer__title { width: 20%; }

.kb__footer__partners { display: inline; }

/* ========================================================================== Slider ========================================================================== */
.fluid-height { height: 0; padding: 50% 0 0 0; position: relative; }

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

.iosslider { height: 100%; overflow: hidden; position: relative; width: 100%; }

.iosslider > i { display: none !important; }

.iosslider .slider { width: 100%; height: 100%; }

.iosslide > a { display: block; }

.iosslider .iosslide { background-size: cover; background-position: center center; display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: center; width: 100%; }

.slide__quote { background-color: red; color: white; padding: 1.4rem; position: absolute; right: 0; text-align: left; top: 0; width: 100%; }

.slide__quote > blockquote { font-weight: 500; }

.slide__quote > p { font-size: 0.8rem; margin: 15px 0 0 0; }

.iosslide > p { padding: 0 70px; margin: 0; }

.slidenav { display: none; }

.slidenav--text { bottom: 100%; }

.slidenav > div { cursor: pointer; display: inline-block; height: 30px; position: relative; width: 30px; }

.slidenav > div:after { background-color: white; border-radius: 10px; border: 1px solid #bbb; box-shadow: 0 0 5px black; content: ''; display: block; height: 12px; left: 9px; position: absolute; top: 9px; transition: all 0.3s ease; width: 12px; }

.slidenav > .current:after { height: 16px; left: 7px; top: 7px; width: 16px; }

.slidenav > div:hover:after, .slidenav > div:focus:after { background-color: #89BC3C; }

.slider__prevnext { height: 76px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 20; }

.slider__prev, .slider__next { background-color: white; border-radius: 40px; border: none; cursor: pointer; height: 50px; position: absolute; overflow: hidden; text-indent: -9999px; top: 0; transition: all 0.3s ease; width: 50px; zoom: 1; z-index: 10; }

.slider__prev { left: 4%; }

.slider__next { right: 4%; }

.slider__prev:hover, .slider__prev:focus { left: 3%; }

.slider__next:hover, .slider__next:focus { right: 3%; }

.slider__prev:after, .slider__next:after { background-color: #387F7C; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOCAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjggMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTYuNiwxLjcgMjUuOSwxMSAxNi42LDIwLjMgIi8+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIyNS45IiB5MT0iMTEiIHgyPSIxLjkiIHkyPSIxMSIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; background-size: 26px; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.slider__prev:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.measure-slider__imageslider { background-color: #bbb; height: 0; padding: 50% 0 0 0; position: relative; }

.measure-slider__imageslider__nav { bottom: 6%; left: 0; position: absolute; text-align: center; width: 100%; }

.measure-slider__imageslider__nav__item { cursor: pointer; display: inline-block; height: 22px; position: relative; width: 22px; }

.measure-slider__imageslider__nav__item:after { background-color: white; border-radius: 10px; content: ''; display: block; height: 10px; left: 6px; position: absolute; top: 6px; transition: all 0.3s ease; width: 10px; }

.measure-slider__imageslider__nav__item--current:after { height: 16px; left: 3px; top: 3px; width: 16px; }

.measure-slider__imageslider__nav__item:hover:after, .measure-slider__imageslider__nav__item:focus:after { background-color: red; }

.measure-slider__info { position: relative; }

.measure-slider__infoslider { padding: 5%; position: relative; }

.measure-slider--praktijk .measure-slider__infoslider { background-color: rgba(56, 127, 124, 0.1); }

.measure-slider__infoslider__info { background-color: white; left: 0; position: absolute; top: 0; visibility: hidden; width: 100%; }

.measure-slider--praktijk .measure-slider__infoslider__info { padding: 7%; }

.section--grey .measure-slider__infoslider__info { background-color: white; }

.measure-slider__infoslider__info--is-active { visibility: visible; z-index: 20; }

.measure-slider__infoslider__type { color: #387F7C; font-size: 0.8rem; font-weight: normal; letter-spacing: 0; margin: 0 0 1em 0; text-transform: none; }

.measure-slider__infoslider__title { color: #387F7C; font-size: 1.36rem; font-weight: 700; margin: 0 0 15px 0; }

.measure-slider__infoslider > .button { margin: 2% 0 0 0; }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (min-width: 400px) { .partners > li { display: inline-block; list-style: none; margin-right: 3.5%; text-align: center; width: 48.25%; vertical-align: top; } .partners:not(.kb__footer__partners) > li:nth-child(2n) { margin-right: 0; } }

@media only screen and (min-width: 500px) { .blog__img { clear: left; float: left; width: 27%; } .blog__info { clear: right; float: right; width: 70%; } .partnermap { display: block; height: 0; margin: 10px 0 50px 0; padding: 40% 0 0 0; position: relative; width: 100%; } .examples li { height: 200px; list-style: none; float: left; margin: 0 1% 1% 0; position: relative; } .examples .examples__item--6, .examples .examples__item--7, .examples .examples__item--8 { margin-bottom: 0; } .examples .teaser__image { background-position: center center; background-size: cover; height: 100%; left: 0; max-width: none; overflow: hidden; position: absolute; top: 0; width: 100%; } .stakeholders__list .stakeholder { margin-right: 3.5%; width: 48.25%; } .stakeholders__list .stakeholder:nth-child(2n) { margin-right: 0; } .backgroundsize .examples .teaser__image > img { display: none; } .examples__item--0 { width: 35%; } .examples__item--1 { width: 35%; } .examples__item--2 { width: 27%; } .examples__item--3 { width: 37%; } .examples__item--4 { width: 37%; } .examples__item--5 { width: 23%; } .examples__item--6 { width: 44%; } .examples__item--7 { width: 34%; } .examples__item--8 { width: 19%; } .examples li a { display: block; height: 100%; } .examples__item--2 img, .examples__item--5 img, .examples__item--8 img { height: 100%; width: auto; } .kb__research-tool__results { float: left; width: 33%; } .kb__research-tool__highlight { float: right; width: 67%; } .kb__research-tool__highlight > div { border-left: 8px solid #ecf4f5; } }

@media only screen and (min-width: 530px) { .chapter-header__img { padding: 75% 0 0 0; } .kb__home__start h2 { font-size: 60px; } .col .sa__areatypes { display: flex; justify-content: space-between; margin: 0; padding: 0; } .sa__areatype { display: block; margin: 0; width: 18.3%; } }

@media only screen and (min-width: 700px) { .col { float: left; } .col--one { width: 10.416666666666667%; /* 100 / 960 */ } .col--two { width: 22.916666666666666%; /* 220 / 960 */ } .col--three { width: 35.41666666666667%; /* 340 / 960 */ } .col--four, .col--four.content { width: 47.91666666666667%; /* 460 / 960 */ } .col--five { width: 60.41666666666666%; /* 580 / 960 */ } .col--six { width: 72.91666666666666%; /* 700 / 960 */ } .col--seven { width: 85.41666666666666%; /* 820 / 960 */ } .col--eight { width: 97.91666666666666%; /* 940 / 960 */ } .col--single { float: none; margin-left: auto; margin-right: auto; } .col--twocols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2.08%; -moz-column-gap: 2.08%; column-gap: 2.08%; } .theme-nav { display: block; } #sub-nav { border: none; display: block; left: 0; position: absolute; text-align: right; top: 0; width: 100%; } .print { margin-right: 20px; } .sub-nav__list { border: none; } .sub-nav__list-item { border: none; padding-left: 0; } .sub-nav__list-item a { padding-bottom: 0; padding-top: 0; } .sub-nav__list-item a { background-position: right -502px; } .sub-nav__list--sub .sub-nav__list-item a { background-position: right -440px; } .backgroundsize .sidebar__handle:before { background-size: 276px 1512px; } header, .page { padding-right: 0; } .sidebar2 { width: 400px; } .sidebar2__group__panel { padding: 30px 40px; position: relative; } .sidebar2__group__handle:before { background-size: 276px 1512px; left: 9px; height: 182px; width: 18px; } .sidebar2__group__handle:after { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; background-repeat: no-repeat; content: ''; display: block; height: 170px; position: absolute; right: 16px; top: 24px; width: 90px; } .sidebar2__group:nth-child(2) .sidebar2__group__handle { top: 520px; } .sidebar__handle:before { left: 9px; height: 182px; width: 18px; } .sidebar__handle:after { background-image: url("../img/sprite1.png"); background-repeat: no-repeat; content: ''; display: block; height: 170px; position: absolute; right: 16px; top: 24px; width: 90px; } .backgroundsize .sidebar__handle:after { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; } .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -1px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -18px -61px; } .sidebar2__group__handle--measures.sidebar2__group__handle--en:before { background-position: -35px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--en:before { background-position: -52px -61px; } .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -69px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -86px -61px; } .sidebar2__group__handle--projects.sidebar2__group__handle--en:before { background-position: -103px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--en:before { background-position: -120px -61px; } .sidebar2__group__handle--stakeholders.sidebar2__group__handle--nl:before { background-position: -137px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--stakeholders.sidebar2__group__handle--nl:before { background-position: -154px -61px; } .sidebar2__group__handle--stakeholders.sidebar2__group__handle--en:before { background-position: -137px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--stakeholders.sidebar2__group__handle--en:before { background-position: -154px -61px; } .sidebar2__group__handle--pilots.sidebar2__group__handle--nl:before { background-position: -171px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--pilots.sidebar2__group__handle--nl:before { background-position: -188px -61px; } .sidebar2__group__handle--pilots.sidebar2__group__handle--en:before { background-position: -171px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--pilots.sidebar2__group__handle--en:before { background-position: -188px -61px; } .sidebar2__group__handle--strategies.sidebar2__group__handle--nl:before { background-position: -206px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--strategies.sidebar2__group__handle--nl:before { background-position: -224px -61px; } .sidebar2__group__handle--strategies.sidebar2__group__handle--en:before { background-position: -241px -61px; } .sidebar2__group--is-selected .sidebar2__group__handle--strategies.sidebar2__group__handle--en:before { background-position: -258px -61px; } .kb .sidebar2__group__handle--research.sidebar2__group__handle--nl:before { background-position: -1px -1190px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--research.sidebar2__group__handle--nl:before { background-position: -18px -1190px; } .kb .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -35px -1190px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--projects.sidebar2__group__handle--nl:before { background-position: -57px -1190px; } .kb .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -79px -1190px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--measures.sidebar2__group__handle--nl:before { background-position: -96px -1190px; } .sidebar2__group__handle--measures:after { background-position: 0 -250px; } .sidebar2__group--is-selected .sidebar2__group__handle--measures:after { background-position: -90px -250px; } .sidebar2__group__handle--projects:after { background-position: 0 -420px; } .sidebar2__group--is-selected .sidebar2__group__handle--projects:after { background-position: -91px -420px; } .sidebar2__group__handle--pilots:after { background-position: 0 -420px; } .sidebar2__group--is-selected .sidebar2__group__handle--pilots:after { background-position: -91px -420px; } .sidebar2__group__handle--stakeholders:after { background-position: 0 -590px; } .sidebar2__group--is-selected .sidebar2__group__handle--stakeholders:after { background-position: -90px -590px; } .sidebar2__group__handle--strategies:after { background-position: -180px -250px; } .sidebar2__group--is-selected .sidebar2__group__handle--strategies:after { background-position: -180px -420px; } .kb .sidebar2__group__handle--strategies:after { background-position: 0 -1020px; } .kb .sidebar2__group__handle--research:after { background-position: -90px -1020px; } .kb .sidebar2__group__handle--measures:after { background-position: -180px -1020px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--projects:after { background-position: 0 -850px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--research:after { background-position: -90px -850px; } .kb .sidebar2__group--is-selected .sidebar2__group__handle--measures:after { background-position: -180px -850px; } .sidebar__content li.miniteaser, .sidebar2__group__panel li.miniteaser { margin: 0 0 20px 0; } .miniteaser__image { display: block; float: left; margin: 0 10px 0 0; width: 80px; } #view-switch { margin: -40px 0 30px 0; text-align: right; } .refine .highlight { margin-top: 37px; } .archive { float: right; width: 75%; /* 720 / 960 */ } .archive__list { grid-template-columns: 1fr 1fr 1fr; } .archive__list li { position: relative; margin: 4.16666%; /* 10 / 720 * 3 */ } .archive__list.view-list li { margin: 0; } .bubble--map { float: right; margin-top: -45px; } #sidebar { width: 20px; } #sidebar__panel-wrapper { width: 20px; } /* .mobile-collapse { display: none; } */ #sidebar__panel { width: 400px; } #sidebar__panel ul { margin: 30px 0 0 0; } .sidebar__content { margin: 30px 40px; } .sidebar__content li { border: none; margin: 0 0 20px 0; } .sidebar__content li a { padding: 0; } #sidebar__handles { left: -160px; width: 161px; } .sidebar2__group__handle { height: 220px; width: 150px; } .sidebar__handle { height: 220px; width: 150px; } .sidebar__handle.current { width: 151px; } .sidebar__handle:before { left: 18px; } .teaser__image img { width: auto; } .archive__list--search li { width: 22.916666666666666%; /* 220 / 960 */ } .archive__list.view-list li { display: block; float: none; width: 95.83333333333334%; /* 920 / 960 */ } .footer__description { margin: 20px 20px 50px 20px; width: 40%; } .sa .footer__description { margin: 30px; } .footer__credits { margin: 20px 20px 50px 20px; width: 40%; } .sa .footer__credits { margin: 30px; } .banner--stakeholders, .banner--measures { float: left; margin-right: 10%; width: 40%; } .aligned { bottom: 5px; left: 0; position: absolute; } .archive-controls { float: right; margin-top: 30px; width: 74.5%; } .archive-controls__order { float: left; margin: 3px 0 0 0; } .whitepaper { margin: 3px 0 0 0; position: absolute; right: -52.6%; top: 0; } .partners > li { width: 22.375%; } .kb .partners > li { width: 48.25%; } .kb .kb__footer__partners > li { width: 31%; } .col--three .kb__footer__partners > li { width: 55.3%; } .partners:not(.kb__footer__partners) > li:nth-child(2n) { margin-right: 3.5%; } .partners:not(.kb__footer__partners) > li:nth-child(4n) { margin-right: 0; } .kb__footer__partners > li:nth-child(3n-1) { margin-right: 0; } .kb__footer__title { display: inline-block; width: 31%; } .col--three .kb__footer__title { border-bottom: 1px solid #eee; display: block; margin-bottom: 6.3%; width: 55.3%; } .sa__steps { display: flex; justify-content: space-between; margin: 4% 0 9% 0; } .sa__step { width: 18.3%; vertical-align: top; } .sa__steps--1 .sa__step:nth-child(5n+2):before, .sa__steps--2 .sa__step:nth-child(5n+3):before, .sa__steps--3 .sa__step:nth-child(5n+4):before { content: ''; background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat 0 0; position: absolute; } .sa__steps--0 .sa__step:nth-child(5n+1):before { height: 107px; left: -130px; top: -95px; width: 198px; } .sa__steps--1 .sa__step:nth-child(5n+2):before { background-position: 0 -121px; height: 100px; right: 0; top: 90%; width: 198px; } .sa__steps--2 .sa__step:nth-child(5n+3):before { background-position: 0 -238px; height: 100px; right: 0; top: 90%; width: 198px; } .sa__steps--3 .sa__step:nth-child(5n+4):before { background-position: 0 -355px; height: 100px; right: 0; top: 90%; width: 198px; } .sa .sa__step__title { display: block; margin: 0 0 16px 0; min-height: 115px; width: 100%; } .sa__step__title:after { border: 16px solid transparent; border-left-color: #503a80; color: white; content: ''; left: 100%; position: absolute; top: 18px; transition: all 0.3s ease; } .sa__step:last-child .sa__step__title:after { content: none; } .sa__step > a:hover .sa__step__title:after, .sa__step > a:focus .sa__step__title:after { border-left-color: #387F7C; } .colorblock--book { margin-top: 3.6%; } .kb__research-tool__answer--is-disabled { display: block; pointer-events: none; opacity: 0.4; } .kb__research-tool__answers > li { width: 30%; } .kb__research-tool__step--type .kb__research-tool__answers > li { width: 45%; } .kb__over { display: flex; } .chapter-header__img { padding: 50% 0 0 0; } img.sponge-logo { bottom: 20px; width: 200px; top: auto; } }

@media only screen and (min-width: 800px) { .halfwidth__image { background-repeat: no-repeat; background-size: cover; height: 100%; padding: 0; position: absolute; right: 0; top: 0; width: 50%; } .halfwidth__image--left { left: 0; right: auto; } .halfwidth__text { padding: 5% 0; position: relative; width: 45%; } .halfwidth__text--right { float: right; } .measure-slider__imageslider { height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 50%; } .measure-slider--effecten .measure-slider__imageslider { left: auto; right: 0; } .measure-slider__imageslider .iosslider { height: 100% !important; } .measure-slider__infoslider { float: right; width: 50%; } .measure-slider--effecten .measure-slider__infoslider { float: left; } header .meta-nav { position: absolute; right: 20px; top: 20px; } }

@media only screen and (min-width: 900px) { .sa__menu { margin: 0; left: 280px; position: absolute; text-align: right; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sa__menu__item > a { margin: 0 0 0 20px; padding: 10px 0; } .sa__step__title:before { font-size: 25px; } .sa .sa__step__title { font-size: 25px; left: auto; min-height: 140px; padding: 55px 20px 20px 20px; position: relative; top: auto; } .sa__step:before { font-size: 25px; } .sa__phases { position: relative; } .sa__phases:before { content: ''; opacity: 1; position: absolute; transition: opacity 0.6s ease; } .sa__phases--with-text1:before { background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat -198px 0; height: 107px; left: -130px; top: -95px; width: 198px; } .sa__phases--with-text2:before { background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat -198px -110px; height: 95px; right: -140px; top: -80px; width: 180px; } .sa__phases--with-text-hidden:before { opacity: 0; } .sa__themes > p:first-of-type { padding-right: 70px; } .home-layout { display: flex; } .colorblock--newsletter:before { background-color: #387F7C; content: ''; height: 999px; left: 0; position: absolute; top: 0; width: 100%; } }

@media only screen and (min-width: 1000px) { body, button, input, select, textarea, .refine { font-size: 14px; } .caption, .wp-caption-text, .sa .caption, .content table, .meta-nav, .latest-updates .update__date, .sub-nav__list-item, .theme_details ul, .other_details ul { font-size: 12px; } h1, .sa h3, .sa__phase__handle > span { font-size: 30px; } h2 { font-size: 24px; letter-spacing: 0.03rem; } .page, header { width: 90%; } .header__position { position: fixed; } .header__wrapper { margin: 0; padding: 6px 0 0 0; } .kb .header__wrapper { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 16px 30px 7px 30px; } header .small { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); } .site-title { padding: 7px 0 0 0; } .meta-nav { padding: 3px; } footer .meta-nav { position: absolute; right: 20px; top: 20px; } .main-nav__item { border: none; display: inline-block; margin: 0 12px 0 0; padding: 5px 14px 5px 0; position: relative; } .main-nav__item:last-child { padding-right: 0; margin-right: 0; } .main-nav__item:after { color: #bbb; content: '\007C'; position: absolute; right: -3px; top: 3px; } .main-nav__item:last-child:after, .main-nav__item li:after { content: none; } .main-nav__item a { display: inline; } .main-nav__dropdown { left: 0; padding-top: 20px; padding-top: 0; position: absolute; top: 30px; } #main-nav .main-nav__dropdown a { display: block; } #main-nav .main-nav__dropdown ul { background-color: #fff; border: 1px solid #ddd; } .main-nav__dropdown__sub { position: absolute; right: -250px; top: -1px; width: 250px; } .main-nav__dropdown__item--has-children > a { position: relative; } .main-nav__dropdown__item--has-children > a:after { color: #666; content: '\25B6'; display: inline-block; font-size: 9px; position: absolute; right: 10px; top: 9px; } #main-nav div a { padding: 5px 5px 5px 10px; } #main-nav .main-nav__dropdown ul { padding: 0; } .kb #main-nav { border: 1px solid white; float: right; } .meta-nav__search #searchform { top: 40px; } .page--first { padding: 205px 0 0 0; } .slide__description { font-size: 20px; } .banner { float: left; font-size: 18px; margin-right: 15%; width: 35%; } .banner--kennisbank { margin-right: 0; width: 100%; } .sub-nav__list-item { font-size: 14px; margin: 0 0 1em 0; } .refine .highlight, .archive__refine__item, #project__map, .other_details, .theme_details, .kb__publication__link { margin-right: 20px; } .stakeholders { margin-left: 0; margin-right: 0; } .stakeholders__list .stakeholder { width: 31%; } .stakeholders__list .stakeholder:nth-child(2n) { margin-right: 3.5%; } .stakeholders__list .stakeholder:nth-child(3n) { margin-right: 0; } .sa__menu__item > a { font-size: 15px; } .sa .sa__areatype__title { font-size: 15px; } .home-layout .col--two > div:first-child { margin-top: 40px; } /* .shapes .banner__clip { float: right; height: 180px; shape-outside: polygon(100% 0, 0 100%, 100% 100%); width: 200px; } .shapes .banner--kennisbank .banner__clip { shape-outside: polygon(100% 30%, 0 100%, 100% 100%); } .shapes .banner img { bottom: -35px; position: absolute; right: 0; max-width: 110px; } .shapes .banner--stakeholders.banner--nl img { bottom: -50px; right: -20px; } .shapes .banner--kennisbank img { bottom: -80px; } .shapes .banner--stakeholders .banner__clip, .shapes .banner--stakeholders.banner--nl .banner__clip { height: 200px; width: 175px; } .shapes .banner--stakeholders.banner--nl .banner__clip { width: 145px; } .banner--stakeholders img { max-width: 120px; } .banner--stakeholders.banner--nl img { right: -40px; } */ .kb__research-tool__step--type .kb__research-tool__answers > li { width: 20%; } }

@media only screen and (min-width: 1100px) { .page--first { padding: 172px 0 0 0; } .kb .page--first { padding: 130px 0 0 0; } /* .shapes .banner--stakeholders .banner__clip { height: 200px; width: 100%; } .shapes .banner--measures img { bottom: -50px; } .shapes .banner--kennisbank img { bottom: -60px; } */ }

@media only screen and (min-width: 1350px) { /* .shapes .banner--measures .banner__clip { shape-outside: polygon(100% 0, 80% 0, 0 100%, 100% 100%); } .shapes .banner--stakeholders .banner__clip, .shapes .banner--stakeholders.banner--nl .banner__clip { shape-outside: polygon(100% 0, 80% 0, 0 100%, 100% 100%); height: 210px; width: 100%; } .shapes .banner--kennisbank .banner__clip { shape-outside: polygon(100% 0%, 0 100%, 100% 100%); height: 170px; } .shapes .banner--stakeholders.banner--nl .banner__clip { height: 220px; } .shapes .banner--stakeholders img, .shapes .banner--stakeholders.banner--nl img { bottom: -10px; right: 10px; max-width: 130px; } .shapes .banner--stakeholders.banner--nl img { bottom: -35px; } .shapes .banner--kennisbank img { bottom: -35px; } */ }

@media only screen and (min-width: 1500px) { .sa__steps--0 .sa__step:nth-child(5n+1):before { background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat 0 0; content: ''; height: 107px; left: -130px; position: absolute; top: -95px; width: 198px; } .sa__areatypes:before { content: ''; background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat -200px -206px; position: absolute; height: 96px; left: -120px; top: -70px; width: 148px; } .sa #sidebar__handles:before { content: ''; background: transparent url("../img/startadaptief_sprite.svg?v=1") no-repeat -202px -303px; position: absolute; height: 150px; left: -140px; opacity: 1; top: 160px; transition: opacity 0.5s ease; width: 140px; } #sidebar.sidebar--collapsed #sidebar__handles:before, .sa #sidebar__handles.expanded:before { opacity: 0; } }

@media only screen and (min-width: 1600px) { .kb__research-tool:before, .kb__research-tool__highlight:before { background-image: url("../img/sprite1.png"); background-repeat: no-repeat; content: ''; position: absolute; width: 120px; } .kb__research-tool:before { background-position: -155px -1190px; height: 90px; left: -150px; top: -40px; } .kb__research-tool__highlight:before { background-position: -155px -1276px; height: 120px; right: -150px; top: -60px; } .backgroundsize .kb__research-tool:before, .backgroundsize .kb__research-tool__highlight:before { background-image: url("../img/sprite1@2x.png"); background-size: 276px 1512px; } }

/* ========================================================================== Admin ========================================================================== */
#wp-admin-bar-new-content, #wp-admin-bar-wp-logo { display: none !important; }

/* ========================================================================== Clearfix ========================================================================== */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.hidden { visibility: hidden; }