html,body{font-family:"Merriweather",sans-serif}.wrapper{height:100%;background:none}.wrapper .no-search-results p{font-family:"Merriweather",sans-serif}.wrapper .no-search-results .poet-wrapper span{font-family:"Merriweather",sans-serif}header{margin-bottom:40px}.storyheader{position:relative;z-index:1000;width:100%;height:100%;color:gray;font-family:"Theinhardt",sans-serif;font-size:18px;font-weight:400}.storyheader .start-menu{font-family:"Value Sans",sans-serif;font-size:20px;font-weight:400;line-height:37px}.storyheader a:hover,.storyheader a:active,.storyheader a:focus{color:#fff;text-decoration:none}.storyheader .bar{position:relative;z-index:950;padding:0 10px}.storyheader .bar .timeline>span{display:block;position:relative;width:100%;float:left;text-align:left}.storyheader .bar .timeline>span a{display:inline-block;position:relative;z-index:10;padding:0 10px 0;background:#323232;line-height:30px}.storyheader .bar .timeline>span .line{display:block;position:absolute;top:3px;width:100%;height:1px;padding-left:50px;background:gray}.storyheader .bar .timeline>span .line .fill{display:block;width:100%;height:1px;background:#fff}.storyheader .bar .timeline>span.fill{color:#fff}.story_holder{position:relative}.story_holder:not(.story_hidden){height:auto !important}.story_holder.story_hidden{display:block}.story_holder.story_hidden>div{display:none}.story{position:relative;overflow:hidden;color:#333;font-size:17px;line-height:30px}.story>.container-fluid{padding:0}.card__text p{font-family:"Merriweather",sans-serif}.card__author{font-family:"Merriweather",sans-serif}.search-card .content .text,.search-card--article .content .text{font-family:"Merriweather",sans-serif}.article{font-family:"Merriweather",sans-serif}.article .btn{font-family:"Merriweather",sans-serif}.page .load-more__button{font-family:"Merriweather",sans-serif}.page .donate__button{font-family:"Merriweather",sans-serif}.page .social__text{font-family:"Merriweather",sans-serif}.home .wrapper .home .homeblock.tiles .grid-item .custom .btn{font-family:"Merriweather",sans-serif}.home .wrapper .home .homeblock.tiles .grid-item .article{font-family:"Merriweather",sans-serif}.home .wrapper .home .homeblock.tiles .grid-item .article .btn{font-family:"Merriweather",sans-serif}.home .highlight__info{font-family:"Merriweather",sans-serif}.home .highlight__button{font-family:"Merriweather",sans-serif}.home .gallery-section__button{font-family:"Merriweather",sans-serif}.main-background{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;background:#c8dae4}.main-background div{height:100%}.main-background .background{margin:0 -50px;padding:0 50px;background:#fff}.storyheader .back-nav{position:absolute;z-index:1000;left:10px}.storyheader .back-nav img{opacity:1;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.storyheader .back-nav:hover img{opacity:.7}.storyheader .bar{padding:0 15px}.storyheader .bar .timeline{padding:0}.storyheader .bar .timeline>span{display:block;position:relative;width:25%;float:left;background:#435467}.storyheader .bar .timeline>span>a{display:block;width:100%;border-right:1px solid #fff;background:none;color:#fff;font-family:"Merriweather",sans-serif;font-size:14px;font-style:italic;text-align:center}.storyheader .bar .timeline>span>a:hover{opacity:1 !important}.storyheader .bar .timeline>span:last-child>a{border-right:none}.storyheader .bar .timeline>span .line{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding-left:0;background:none}.storyheader .bar .timeline>span .line .fill{width:100%;height:100%;background:#ef4b4a}.storyheader .menu{display:none;background:#ef4b4a;text-align:center}.storyheader .menu a{display:block;padding:50px 0;color:#fff}.storyheader .menu a img{width:100%;height:auto;opacity:.3}.storyheader .menu a:hover{opacity:1 !important}.storyheader .menu a:hover img{opacity:1}.storyheader .menu a .text{position:relative;max-width:250px;margin:-122px auto 0 auto}.storyheader .menu a .text .title{margin-top:10px;font-family:"Windsor",serif;font-size:21px;font-weight:200;line-height:29px}.storyheader .menu a .text .subtitle{display:inline-block;position:relative;font-size:14px;font-style:italic}.storyheader .menu a .text .subtitle:before{content:"";position:absolute;top:10px;left:-65px;width:55px;height:1px;background:#fff}.storyheader .menu a .text .subtitle:after{content:"";position:absolute;top:10px;right:-65px;width:55px;height:1px;background:#fff}.start{position:relative;margin-top:50px;background:#435467;color:#fff}.start .storyheader .back-nav{display:none}.start .start-image{position:absolute;top:50px;right:0;width:459px;height:611px;background:url(/images/toonder/start-toonder.jpg);background-repeat:no-repeat}@media(max-width: 991px){.start .start-image{display:none}}.start .story .block_t01_text{color:#fff}@media(min-width: 1200px){.start .story .block_t01_text{margin-right:25%;margin-left:-25%}}.start .storyheader{margin-top:50px}.start .storyheader .bar .timeline>span{background:#ef4b4a}.start .storyheader .menu{display:block}.intro_title{padding-top:50px;color:#fff;text-align:center}.intro_title .subtitle{display:inline-block;position:relative;font-size:18px;font-style:italic}.intro_title .subtitle:before{content:"";position:absolute;top:14px;left:-47px;width:38px;height:1px;background:#fff}@media(min-width: 768px){.intro_title .subtitle:before{left:-125px;width:115px}}.intro_title .subtitle:after{content:"";position:absolute;top:14px;right:-48px;width:38px;height:1px;background:#fff}@media(min-width: 768px){.intro_title .subtitle:after{right:-125px;width:115px}}.intro_title .title{margin-top:15px;font-family:"Windsor",serif;font-size:60px;line-height:50px}@media(min-width: 768px){.intro_title .title{font-size:62px !important;line-height:60px !important}}.dot-pattern{position:absolute;left:0;width:100%;height:288px;background:url(/images/toonder/dot-pattern.png)}@media(min-width: 768px){.wrapper{margin-top:30px}}.wrapper .story_holder:not(.toonder_het-leven-van-marten-toonder-tot-1941){padding-bottom:50px}.wrapper .story_holder .intro{position:relative;padding-top:30px;background:#435467}.wrapper .story_holder .intro>img{margin:0 auto}.wrapper .story_holder .intro .dot-pattern{bottom:-70px}@media(min-width: 768px){.wrapper .story_holder .intro .dot-pattern{height:380px}}.wrapper .story_holder .intro .intro_title{position:absolute;bottom:110px;left:0;width:100%;padding-top:0}.wrapper .story_holder .intro .intro_title .title{max-width:450px;margin-right:auto;margin-left:auto;font-size:42px;line-height:41px}.wrapper .story_holder .story{margin-top:-80px}.wrapper .story_holder .story .colofon h3{color:#ff5951}.wrapper .story_holder .story p a{color:#ff5951;text-decoration:underline}.wrapper .story_holder .story .block_t01_text.dropcap{margin-right:-50px;margin-left:-50px;padding-right:50px;padding-left:50px;background:#fff}.wrapper .story_holder .story .block_t01_text.dropcap p:first-letter{padding-right:5px;float:left;font-size:90px;line-height:90px}.wrapper .story_holder .story .block_t03_textframe_fullwidth,.wrapper .story_holder .story .block_t07_textframe_readmore,.wrapper .story_holder .story .block_t08_textframe_wide_slide,.wrapper .story_holder .story .block-ga02-slideshow{background:#435467;color:#fff}.wrapper .story_holder .story .block-im01-image-full{margin-top:50px;padding:50px;background:#435467}.wrapper .story_holder .story .block-im01-image-full+.block_t03_textframe_fullwidth{margin-top:0;padding-top:0}.wrapper .story_holder .story .block-im02-image-container{padding-bottom:50px}.wrapper .story_holder .story .block-im02-image-container .caption{bottom:0;left:0}.wrapper .story_holder.character .story>div{margin-top:0}.character-nav{position:fixed;z-index:1000;right:50px;bottom:50px;min-width:90px;min-height:90px}@media(max-width: 767px){.character-nav{right:30px;bottom:70px}}.character-nav .cloud,.character-nav .start-cloud{display:none;position:absolute;z-index:100;top:-30px;left:50%;width:140px;padding:15px;-webkit-border-radius:10px;border-radius:10px;background:#fff;color:#435467;text-align:center;-webkit-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}.character-nav .cloud:after,.character-nav .start-cloud:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;border-top:15px solid #fff;border-right:10px solid rgba(0,0,0,0);border-left:10px solid rgba(0,0,0,0)}.character-nav .cloud .name,.character-nav .start-cloud .name{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #435467;font-family:"Windsor",serif;font-size:20px;line-height:25px}.character-nav .cloud .quote,.character-nav .start-cloud .quote{font-family:"Merriweather",sans-serif;font-size:14px;font-style:italic;word-break:break-all}@media(min-width: 768px){.character-nav .start-cloud{display:block}}.character-nav>a{visibility:hidden;position:absolute;right:10px;bottom:10px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.character-nav>a img{width:60px;height:60px;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}.character-nav>a:hover{opacity:1 !important}.character-nav>a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.character-nav>a.character_1{visibility:visible;z-index:10;right:0;bottom:0}@media(min-width: 768px){.character-nav>a.character_1 img{width:90px;height:90px}.character-nav>a.character_2 img,.character-nav>a.character_3 img,.character-nav>a.character_4 img{width:80px;height:80px}.character-nav>a.character_5 img,.character-nav>a.character_6 img,.character-nav>a.character_7 img,.character-nav>a.character_8 img,.character-nav>a.character_9 img,.character-nav>a.character_10 img{width:65px;height:65px}.character-nav>a.character_11 img,.character-nav>a.character_12 img,.character-nav>a.character_13 img,.character-nav>a.character_14 img,.character-nav>a.character_15 img,.character-nav>a.character_16 img,.character-nav>a.character_17 img,.character-nav>a.character_18 img{width:50px;height:50px}}.character-nav.active .start-cloud{display:none}.character-nav.active>a{visibility:visible}@media(min-width: 768px){.character-nav.active>a:hover .cloud{display:block}}.character-nav.active>a.character_2{right:109.849248823px;bottom:-5.7569551867px}.character-nav.active>a.character_3{right:75.0198196069px;bottom:80.4489071781px}.character-nav.active>a.character_4{right:-13.4056277746px;bottom:109.1800766805px}.character-nav.active>a.character_5{right:209.7122022985px;bottom:-10.990550811px}.character-nav.active>a.character_6{right:200.8239987522px;bottom:61.3980579918px}.character-nav.active>a.character_7{right:167.7134571099px;bottom:126.3811548619px}.character-nav.active>a.character_8{right:114.3741973532px;bottom:176.1208192685px}.character-nav.active>a.character_9{right:47.2397214122px;bottom:204.6177136049px}.character-nav.active>a.character_10{right:-25.5925621151px;bottom:208.4346918447px}.character-nav.active>a.character_11{right:289.6025650788px;bottom:-15.1774273105px}.character-nav.active>a.character_12{right:284.6718831998px;bottom:55.3346086592px}.character-nav.active>a.character_13{right:262.8292582406px;bottom:122.5592959048px}.character-nav.active>a.character_14{right:225.3723288225px;bottom:182.5029134045px}.character-nav.active>a.character_15{right:174.5263567141px;bottom:231.6042979137px}.character-nav.active>a.character_16{right:113.3120272619px;bottom:266.9464075012px}.character-nav.active>a.character_17{right:45.3659948617px;bottom:286.4296187726px}.character-nav.active>a.character_18{right:-25.2751653968px;bottom:288.8964624466px}@media(max-width: 767px){.character-nav.active>a.character_2{right:70px;bottom:0}.character-nav.active>a.character_3{right:140px;bottom:0}.character-nav.active>a.character_4{right:210px;bottom:0}.character-nav.active>a.character_5{right:0;bottom:70px}.character-nav.active>a.character_6{right:70px;bottom:70px}.character-nav.active>a.character_7{right:140px;bottom:70px}.character-nav.active>a.character_8{right:210px;bottom:70px}.character-nav.active>a.character_9{right:0;bottom:140px}.character-nav.active>a.character_10{right:70px;bottom:140px}.character-nav.active>a.character_11{right:140px;bottom:140px}.character-nav.active>a.character_12{right:210px;bottom:140px}.character-nav.active>a.character_13{right:0;bottom:210px}.character-nav.active>a.character_14{right:70px;bottom:210px}.character-nav.active>a.character_15{right:140px;bottom:210px}.character-nav.active>a.character_16{right:70px;bottom:280px}.character-nav.active>a.character_17{right:0;bottom:280px}.character-nav.active>a.character_18{right:0;bottom:350px}}.character-nav .start-tooltip{display:none}.story_holder .character-nav{position:absolute;bottom:0}.characters-wrapper{margin-top:80px}nav.subnav .content{height:36px}nav.subnav .content a{line-height:36px !important}
