@font-face{font-family:Work Sans;src:url(/longreads/fonts/WorkSans-VariableFont_wght.woff2) format("woff2"),url(/longreads/fonts/WorkSans-VariableFont_wght.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(/longreads/fonts/WorkSans-Italic-VariableFont_wght.woff2) format("woff2"),url(/longreads/fonts/WorkSans-Italic-VariableFont_wght.woff) format("woff");font-weight:400;font-style:italic;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}:root{--main-bg-color: #FFF;--main-head-color: #e3493a;--main-second-color: #f5e200;--main-highlight-color: #f9ecb2;--main-text-color: #1a1919;--header-font: "Roboto Condensed", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--quote-font: "Work Sans", Verdana, sans-serif;--body-font: "Work Sans", Verdana, sans-serif;--mono-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html{font-size:100%}body{color:var(--main-text-color);font-family:var(--body-font);font-feature-settings:normal;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%}h1{color:var(--main-head-color)}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-head-color);box-shadow:inset 0 -2px 0 var(--main-head-color)}a:hover{text-decoration:none}#container{margin:-30px auto 0;max-width:720px;padding:0 2%}#container article{margin-top:70px}article header{background:none}.jumbotron{margin:50px auto 0;max-width:920px}.jumbotron header{background:none;padding:0;text-align:center}.jumbotron h1{font-size:3.5rem;line-height:1.1;font-family:var(--header-font);background-image:linear-gradient(-100deg,#fff0,#ff0 85%,#fff0)}.jumbotron h2{color:var(--main-second-color);font-family:var(--header-font);font-size:2rem;line-height:1.1}.jumbotron .intro{margin:5% 0 10%}.intro{font-size:1.3rem;font-weight:600;line-height:1.2;display:block;margin-bottom:20px}@media only screen and (max-width:740px){.jumbotron{max-width:100%;margin:30px 0 0;padding:0 2%}.jumbotron header{height:auto;display:block}.jumbotron h1{font-size:2.5rem;line-height:1.1}.jumbotron h2{font-size:1.2rem;line-height:1.1;margin:20px 0}}.right{float:right}.left{float:left}.center{display:block;text-align:center;margin:1.5% 0}.middle{display:flex;justify-content:center}article p,article ul li{font-size:1.1rem;font-weight:400;line-height:1.6;margin:3% 0}article ul li{list-style:none}article ul li:before{content:"•";color:var(--main-head-color);display:inline-block;width:.8em;margin-left:-1em;font-size:1.1rem}article ul li.image:before{content:" "}span.caption{font-family:var(--mono-font);font-size:.9rem;font-weight:700;display:block;text-align:center;margin:1.5% 0}h3+p{margin-top:0}h3{font-size:1.8rem;font-weight:700;margin-top:5%;background-image:linear-gradient(-100deg,#fff0,#ff0 85%,#fff0)}blockquote{width:550px;margin:0 auto;text-align:center;padding:2%;color:var(--main-second-color)}blockquote,blockquote p{font-size:2rem;font-family:var(--quote-font);font-weight:700;line-height:1.2}.howto{background-color:#d1ebf7;display:block;border-radius:10px;padding:2% 5%}.howto h3{margin:2% 0}figure{max-width:600px;margin:0 auto 5%;color:var(--main-bg-color);background:var(--main-second-color);font-weight:300;font-family:var(--body-font);border-radius:10px;padding:2% 5%}figure{padding-top:4%}.naschrift p{font-size:1.3rem;line-height:1.3;font-weight:500;margin:1.5% 0}.naschrift a{color:var(--main-bg-color)}.naschrift .caption,.caption,figure .caption{color:var(--main-text-color)}.credits{display:block;margin-bottom:5%}.credits p{font-size:1rem;font-family:var(--quote-font)}.credits:before{display:block;width:5rem;margin-bottom:.5rem;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){article{padding:0 2%}.jumbotron .intro{margin-top:15px}article h3{line-height:1.2}blockquote{width:inherit}.credits:before{display:block;width:5rem;margin-bottom:.5rem}}
