html,body{margin:0;padding:0;line-height:150%;font-size:18px}body{font-family:"Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;background-image:url("../image/lippen-blass.png");background-size:contain;background-attachment:fixed;background-repeat:no-repeat;background-position:center}a{color:black;text-decoration:underline}a.footnote,a.reversefootnote{text-decoration:none}header{background-color:#fcebb5;display:flex;flex-direction:row;justify-content:space-around;align-items:center;overflow:hidden;text-align:center}header h1{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:16px;margin:0}header img{max-width:100%}#menu>ul{list-style-type:none;display:flex;justify-content:space-around;padding:25px 25px}#menu a{text-decoration:none;font-weight:bold;font-variant:small-caps}#content{padding:0 25px;margin-top:20px}.author-box{background-color:#fcebb5;padding:15px;display:flex;align-items:center}.author-box::before{display:block;content:'🎓';padding-right:10px}.author-box.student::before{content:'📖'}.author-box em{font-style:normal}@media (min-width: 400px){body{hyphens:auto}}@media (min-width: 768px){header h1{font-size:32px}body{display:grid;grid-template-columns:1fr 150px 550px 1fr}header{grid-column:1 / 5;grid-row:1 / 2}#menu{grid-column:2 / 3;grid-row:2 / 3;text-align:right}#menu>ul{display:block;position:sticky;top:0;border-right:1px solid #595959;padding:15px}#menu>ul>li,#menu>ul>a>li{padding:10px}#content{grid-column:3 / 4;grid-row:2 / 3}footer{grid-column:2 / 4;grid-row:3 / 4}}@media (min-width: 1200px){body{grid-template-columns:1fr 150px 870px 1fr}}h2{font-variant:small-caps;border-bottom:1px solid darkgrey;border-bottom:1px solid #fcebb5;padding-bottom:10px}footer{text-align:center;padding:10px;margin-top:20px;border-top:1px solid #fcebb5}input,textarea{box-sizing:border-box;width:100%}label.error{color:red;font-weight:bold}#send-comment-button .load-spinner.invisible{display:none}a.button{display:block;width:100%;text-align:center;text-decoration:none;font-weight:bold;cursor:pointer;background-color:#fcebb5;opacity:0.8;padding:10px;margin:50px 0;box-sizing:border-box;transition-property:color, background-color, opacity;transition-duration:0.5s}a.button:hover,a.button:active{opacity:1}.message-container{display:none;padding:10px}.message-container.visible{display:block}.message-container.error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}.message-container.in-progress{background-color:#fcf8e3;color:#8a6d3b;border:1px solid #faebcc}.message-container.success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6}.load-spinner{display:inline-block;width:1.0em;height:1.0em;margin-right:10px}.load-spinner:after{content:" ";display:block;width:100%;height:100%;margin:1px;border-radius:50%;border:1px solid #fff;border-color:#000 #0004 #0004 #0004;animation:load-spinner 1.2s linear infinite}@keyframes load-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}