*,*::before,*::after{box-sizing:border-box}*:not(dialog){margin:0}@font-face{font-family:bebas neue;src:url(/BebasNeue-Regular.ttf)format('truetype')}@font-face{font-family:jost;src:url(/Jost-Regular.ttf)format('truetype');font-weight:200}@font-face{font-family:jost;src:url(/Jost-Medium.ttf)format('truetype');font-weight:500}html{height:100%}body{margin:0;font-family:Jost,system-ui,sans-serif;font-weight:200;font-size:1.2em;background:#0b4151;display:flex;flex-direction:column;min-height:100vh;align-items:stretch}main{padding:1rem;max-width:100rem;margin:2rem auto 0;flex:1;width:100%}main a{color:var(--accent-color);text-decoration:none}main a:hover{background:var(--accent-color);color:#fff}h1,h2,h3,h4,h5{font-family:bebas neue,sans-serif}:root{--bar-h:3.5rem;--logo-h:4rem;--accent-color:#603a85}.site-header{position:relative;display:flex;align-items:center;min-height:var(--bar-h);padding:0 2rem;background:#063240}.logo{position:absolute;left:2rem;top:calc(var(--bar-h) - var(--logo-h)/1.5);z-index:1}.logo img{height:var(--logo-h);width:auto;display:block}.site-nav{color:#fff;display:flex;padding:4px;gap:1.5rem;margin-left:auto}.site-nav a{text-decoration:none;color:inherit}.site-nav a:hover{background:var(--accent-color)}.site-nav a.active{background:var(--accent-color)}.nav-toggle{display:none}.burger{display:none;cursor:pointer;flex-direction:column;gap:4px;margin-left:auto}.burger span{color:#fff;display:block;width:1.5rem;height:2px;background:currentColor}.boxes{display:grid;gap:1rem}.boxes-home{grid-template-columns:repeat(3,minmax(0,1fr))}.box{padding:1rem;position:relative;background:#fff}.box1{grid-column:span 1}.box2{grid-column:span 2}.box3{grid-column:1/-1}.full{grid-column:span 3}.boxes-home .box:first-child{background:var(--accent-color);color:#fff}.box::before{content:"";position:absolute;width:30px;height:50px;top:-5px;left:-5px;border-top:10px solid #000;border-left:10px solid #000}img{max-width:100%}.box h1,.box h2,.box p,.box ul{margin-bottom:1rem}.box h2{margin-top:1.5rem}.impressum img{height:6rem;width:auto;margin-right:1rem}.event{display:flex;overflow:hidden;align-items:stretch;margin-bottom:1rem;min-height:5em}.event-container a{color:#000}.event-container a:hover{color:#000}.event-container h3{margin-top:.5rem}.event-date{display:flex;flex-direction:column;background:var(--accent-color);min-width:5rem;text-align:center;color:#fff;font-size:1.5rem;align-items:center;height:4em;border-bottom:2px solid #000;border-left:2px solid #000;border-top:2px solid #000;align-self:flex-start;margin-bottom:-2px}.event-date>.week-day{flex:.4;font-size:1rem;display:grid;flex-grow:1;place-items:end}.event-date>.day{flex:.2;display:grid;font-size:1.8rem;flex-grow:.5;place-items:center}.event-date>.month{flex:.4;display:grid;font-size:1rem;flex-grow:1;place-items:start}.event-image{width:100%;height:auto;display:block}.event-info-container{display:flex;overflow:hidden;align-items:stretch;margin-bottom:1rem;min-height:5em}.event-content{padding-top:.6rem;border:2px solid #000;padding-left:1rem;width:100%}.event-time{font-family:bebas neue,sans-serif;font-size:2.5rem}.lead{margin-left:2rem;font-style:italic}footer{color:#fff;background:#063240;margin-top:5rem;display:grid;grid-template-columns:1fr minmax(0,100rem)1fr;width:100%;flex-shrink:0;padding:.5rem 0}footer a{color:#fff;text-decoration:none}footer a:hover{background:var(--accent-color);color:#fff}.footer-container{grid-column:2;display:grid;grid-template-columns:1fr 1fr;align-items:start}.footer-left{grid-column:1;justify-self:start;margin-left:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.footer-left p:not(:last-child)::after{content:"•";margin-left:.5rem;color:rgba(255,255,255,.6)}.footer-right{grid-column:2;justify-self:end;margin-right:1rem}.footer-right a{margin-right:1rem}.helfer-photo{flex:0 0 6rem;width:6rem;aspect-ratio:1/1;align-self:flex-start;background:var(--accent-color);border:2px solid #000;border-right:0;color:#fff;display:grid;place-items:center;font-size:2.5rem;overflow:hidden}.helfer-photo img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.event-content{min-height:6rem}.helfer{min-height:6rem}.helfer-tags{margin:0 0 .5rem}.helfer-tags .tag{display:inline-block;border:2px solid #000;padding:0 .5rem;margin:0 .2rem .2rem 0;font-size:.9rem}.helfer-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}@media(max-width:40rem){.site-header{flex-wrap:wrap;align-content:flex-start;height:auto}.burger{height:var(--bar-h);justify-content:center}.burger{display:flex}.site-nav{display:none;flex-direction:column;gap:.75rem;width:100%;padding:calc(var(--logo-h)/2 + .25rem)0 .75rem;margin-left:0}.nav-toggle:checked~.site-nav{display:flex}.boxes-home{grid-template-columns:1fr}.box1,.box2,.box3{grid-column:auto}.footer-container{grid-template-columns:1fr;row-gap:2rem;justify-items:center}.footer-left,.footer-right{grid-column:1;justify-self:start}.footer-left{flex-direction:column;align-items:flex-start;gap:.2rem}.footer-left p:not(:last-child)::after{content:""}.footer-right{margin-left:1rem}.helfer-grid{grid-template-columns:1fr}}