@font-face{font-family:Roboto Condensed;src:url(/longreads/fonts/RobotoCondensed-Regular.woff2) format("woff2"),url(/longreads/fonts/RobotoCondensed-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/longreads/fonts/RobotoCondensed-Bold.woff2) format("woff2"),url(/longreads/fonts/RobotoCondensed-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/longreads/fonts/Spectral-Light.woff2) format("woff2"),url(/longreads/fonts/Spectral-Light.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/longreads/fonts/Spectral-LightItalic.woff2) format("woff2"),url(/longreads/fonts/Spectral-LightItalic.woff) format("woff");font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(/longreads/fonts/Spectral-Medium.woff2) format("woff2"),url(/longreads/fonts/Spectral-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--main-bg-color: #FFF;--main-head-color: #17a7bf;--main-second-color: #49CFD8;--main-text-color: #383838;--header-font: "Roboto Condensed", Verdana, sans-serif;--quote-font: "Roboto Condensed", Verdana, sans-serif;--body-font: "Spectral", Georgia, serif}body{font-family:var(--body-font);font-feature-settings:normal;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--main-bg-color);background-image:url(/longreads/images/onderzoekers-studiesucces/bg.png);background-position:25%;font-size:100%;line-height:1.2}img{max-width:100%}h2,h3{color:var(--main-head-color);font-family:var(--header-font)}strong,b{font-weight:700}em,i{font-style:italic}a{color:var(--main-text-color);text-decoration:none;box-shadow:inset 0 -2px 0 var(--main-head-color)}a:hover{color:var(--main-head-color)}#container{margin:0 auto;max-width:920px;padding:0 2%}#container article{margin-top:5vh}article header{background:none}.jumbotron{background-color:var(--main-bg-color);background-image:url(/longreads/images/onderzoekers-studiesucces/atom.png);background-repeat:no-repeat;background-position:top right}.jumbotron header{padding-right:1%}.jumbotron h2{color:var(--main-head-color);font-size:5rem;line-height:1.1}.jumbotron .intro{margin:5% 0 10%}.jumbotron .intro p{font-size:1.7rem;font-weight:700;line-height:1.3;display:initial;color:var(--main-second-color)}.content{max-width:900px;background:var(--main-bg-color);margin:0 auto;padding:0 2%;border-left:1px solid #eee}.right{float:right}.left{float:left}img.profile{max-width:350px;margin-right:-100px;border:3px solid var(--main-second-color);border-radius:50%;margin-left:20px}.content p .dropcap{display:block;color:var(--main-second-color);float:left;width:auto;margin:10px 20px 1px 0;font-size:5rem;font-weight:700;line-height:.5;border:1px solid;padding:3%}p{font-size:1.3rem;font-weight:100;line-height:1.4;margin:3% 0}h4{font-size:1.5rem;font-weight:700}h4+p{margin-top:0}div.tip{background:var(--main-second-color);font-family:var(--header-font);padding:2%;max-width:250px;margin:1% 2% 1% 0;border-radius:5%}.tip p{font-size:1.1rem}h3+p{margin-top:0}h3{font-size:2rem;font-weight:600;margin-top:5%}h3.chapter{font-size:3.5rem;line-height:1.1}h3.chapter+p{margin-top:3%}.naschrift{max-width:600px;margin:0 auto;color:var(--main-text-color);border:3px solid var(--main-head-color);font-weight:300;font-family:var(--header-font);border-radius:10px;padding:2% 5%}.naschrift p{font-size:1.3rem;line-height:1.3;font-weight:500;margin:1.5% 0}.credits{display:block}.credits p{font-size:1rem;font-family:var(--quote-font)}.credits:before{display:block;width:5rem;margin-bottom:-1rem;border-bottom:3px solid var(--main-text-color);content:""}footer{text-align:center;padding:1% 0}footer small{font-size:.8rem;font-family:var(--quote-font)}@media only screen and (max-width:740px){div.tip{max-width:100%;margin:0;float:none}img.profile{float:right;max-width:150px;margin-right:0;margin-left:0}.jumbotron .intro{margin-top:15px}.credits:before{display:block;width:5rem;margin-bottom:.5rem}}@media only screen and (max-width:1050px){.jumbotron{padding:2%}.jumbotron h2{font-size:4rem}}@media only screen and (min-width:768px)and (max-width:920px){div.tip{max-width:100%;margin:0;float:none}img.profile{float:right;max-width:150px;margin-right:0;margin-left:0}}