/*
JANNIKSCHAEFER.COM
A simple website built by Malte Mueller - https://wearefellows.com 

*/
*{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:400}body{background-color:#bfbfbf;color:#000;padding:40px 60px;font-family:"Unica", "Neue Haas Unica", "Neue Haas", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-size:12pt;font-weight:400;line-height:1.3em}a{color:#000;text-decoration:none}a:hover{color:#00fff0}h2{font-size:12pt;padding:0 0 5px 20px;font-weight:400}.home main ul,.podcast main ol.episodelist{list-style:none;margin-bottom:90px;border-top:1px solid #000}.home main ul>li,.podcast main ol.episodelist>li{padding:5px 20px;border-bottom:1px solid #000;display:flex}.home main ul>li span,.podcast main ol.episodelist>li span{flex-basis:10%;padding-right:2%;flex-grow:0}.home main ul>li span:nth-child(2),.podcast main ol.episodelist>li span:nth-child(2){flex-basis:20%;padding-right:2%;flex-grow:0}.home main ul>li span:last-child,.podcast main ol.episodelist>li span:last-child{margin-right:0;flex-basis:70%}.home main ul>li:hover,.home main ul>li:hover a,.podcast main ol.episodelist>li:hover,.podcast main ol.episodelist>li:hover a{color:#00ffae}.home main ul>li.single:hover,.podcast main ol.episodelist>li.single:hover{color:#000}.home main ul.writing li,.podcast main ol.episodelist.writing li{min-height:2.6em}.home main ul.projects li span:first-child,.podcast main ol.episodelist.projects li span:first-child{flex-basis:32%}.home main ul.projects li span:nth-child(2),.podcast main ol.episodelist.projects li span:nth-child(2){flex-basis:0%;padding-right:0;flex-grow:0}.home main ul.projects li span:only-child,.podcast main ol.episodelist.projects li span:only-child{flex-basis:80%}.home main ul.projects li span:only-child:hover,.podcast main ol.episodelist.projects li span:only-child:hover{color:#000}.home main ul.episodelist,.podcast main ol.episodelist.episodelist{counter-reset:item}.home main ul.episodelist>li:hover,.home main ul.episodelist>li:hover a,.podcast main ol.episodelist.episodelist>li:hover,.podcast main ol.episodelist.episodelist>li:hover a{color:#000}.home main ul.episodelist>li a:hover,.podcast main ol.episodelist.episodelist>li a:hover{color:#00ffae}.home main ul.episodelist>li:before,.podcast main ol.episodelist.episodelist>li:before{flex:0 0 10%;padding-right:2%;content:counter(item,decimal-leading-zero);counter-increment:item}.home main ul.episodelist>li.DE:before,.podcast main ol.episodelist.episodelist>li.DE:before{content:counter(item,decimal-leading-zero) "DE"}.home main ul.episodelist>li.EN:before,.podcast main ol.episodelist.episodelist>li.EN:before{content:counter(item,decimal-leading-zero) "EN"}.home main ul.episodelist>li h3,.podcast main ol.episodelist.episodelist>li h3{padding:0}.home main ul.episodelist>li ul,.podcast main ol.episodelist.episodelist>li ul{margin-bottom:0;padding-left:12px}.home main ul.episodelist>li ul li,.podcast main ol.episodelist.episodelist>li ul li{text-indent:-12px}header{display:flex;margin-bottom:120px}header>a{order:3;margin-left:10%;width:25%}header>a h1{text-align:center;height:100%;text-indent:-9999px;background:url("../images/logo-jannik_schaefer.svg") center center no-repeat}header div{width:65%;display:flex}header div p,header div span{width:40%}header div p:first-child,header div span:first-child{margin-right:10%;max-width:200px}.text header,.podcast header{min-height:40px;justify-content:flex-end}.content{display:flex}main{width:65%}aside{width:25%;margin-left:10%}aside figure{width:100%}aside figure figcaption{margin-bottom:5px}aside figure img{width:100%;height:auto}footer a{opacity:.3}footer a:hover{opacity:1;color:#000}.privacy h2,.privacy h3,.privacy p{font-size:1em;padding:0;margin-bottom:1em}.privacy h2,.privacy h3{border-bottom:1px solid #000}.text .content h1,.text .content h2,.text .content h3,.podcast .content h1,.podcast .content h2,.podcast .content h3{font-size:1em}.text .content h2,.podcast .content h2{font-style:italic;margin-bottom:1em;padding:0}.text .content h3,.podcast .content h3{padding-top:1em}.text .content h1+p,.text .content h2+p,.text .content h1+figure,.text .content h2+figure,.podcast .content h1+p,.podcast .content h2+p,.podcast .content h1+figure,.podcast .content h2+figure{margin-top:2em}.text .content h3,.text .content p,.text .content ul,.text .content ol,.text .content figure,.podcast .content h3,.podcast .content p,.podcast .content ul,.podcast .content ol,.podcast .content figure{margin-bottom:1em}.text .content ul,.podcast .content ul{list-style:none}.text .content ul>li:before,.podcast .content ul>li:before{content:'– '}.text .content strong,.podcast .content strong{font-weight:400}.text .content blockquote,.podcast .content blockquote{padding:0 20px}.text .content figure img,.podcast .content figure img{max-width:100%}.text .content figcaption,.podcast .content figcaption{font-size:.8em;line-height:1em;max-width:80%}.text .content .podcastEpisodes,.podcast .content .podcastEpisodes{margin-top:60px}.text .content .podcastEpisodes h2,.podcast .content .podcastEpisodes h2{font-style:normal;padding:0 0 5px 20px;margin:0}.text .content .footnotes,.podcast .content .footnotes{padding-left:20px;max-width:80%;margin-top:30px}.text .content .footnotes ul,.text .content .footnotes ol,.podcast .content .footnotes ul,.podcast .content .footnotes ol{margin-bottom:1em}.text .content .footnotes:last-child,.podcast .content .footnotes:last-child{margin-bottom:60px}.text .content .sendoff,.podcast .content .sendoff{margin:60px 0}@media only screen and (max-width: 750px){body{padding:40px 30px}h2{padding-left:10px}.home>ul{margin-bottom:60px}.home>ul li{flex-direction:column;padding:5px 10px}.episodelist li{flex-direction:column}.episodelist li:before{margin-bottom:1em}header{flex-direction:column;margin-bottom:60px}header>a{order:0;width:100%;height:60px;margin:0 auto 40px}header div{order:1;width:100%;flex-direction:column}header div p,header div span{width:auto;margin-bottom:1em;padding:0 10px}.content{flex-direction:column}main{width:auto}aside{width:auto;margin:0 10px}aside figure{width:100%}aside figure figcaption{margin-bottom:5px}aside figure img{width:100%;height:auto}}