@font-face{font-family:"itim";src:url("../assets/font/Itim-Regular.woff2") format("woff2"),url("../assets/font/Itim-Regular.woff") format("woff");font-weight:normal;font-display:swap}@font-face{font-family:"pacifico";src:url("../assets/font/Pacifico-Regular.woff2") format("woff2"),url("../assets/font/Pacifico-Regular.woff") format("woff");font-weight:normal;font-display:swap}@font-face{font-family:"roboto";src:url("../assets/font/Roboto-Regular.woff2") format("woff2"),url("../assets/font/Roboto-Regular.woff") format("woff");font-weight:normal;font-display:swap}@keyframes groese{from{scale:0}to{scale:1}}*{margin:0;padding:0;box-sizing:border-box;font-family:"roboto"}body main{max-width:1500px;margin:5px auto;padding:0 10px;width:calc(100% - 20px)}body main h1{font-family:"itim";font-size:2.5rem;text-align:center;color:#00008b;margin:.5rem 0 .8rem 0;text-transform:uppercase;text-wrap:blance;word-wrap:break-word}body main h3,body main h2,body main h4{font-size:1.5rem;font-family:"itim";color:#00008b;margin:.5rem 0;text-wrap:blance}body main h2{font-size:2rem;margin:.8rem 0 .5rem;text-wrap:blance}body main p,body main ul{font-size:1.35rem;text-align:justify;word-wrap:break-word}body main p a,body main ul a{color:#add8e6;text-decoration:none;transition:color 500ms ease,-webkit-text-decoration 500ms ease;transition:color 500ms ease,text-decoration 500ms ease;transition:color 500ms ease,text-decoration 500ms ease,-webkit-text-decoration 500ms ease}body main p a:hover,body main ul a:hover{color:#00008b;-webkit-text-decoration:underline #add8e6 4px;text-decoration:underline #add8e6 4px}body main ul{padding:.8rem 0 .8rem 2rem}body main.impressum p,body main.impressum ul,body main.impressum h2{text-align:center}body main .header-content{margin:1.5rem 0 1rem 0}body main .header-content svg{fill:#00008b;width:4.5rem;margin:0 auto;display:block;aspect-ratio:1/1}body main .header-content h2{text-align:center;font-size:2.5rem;text-transform:uppercase}body main .inhalt .inhalt-content{display:flex;flex-direction:row;align-items:center}@media(max-width: 900px){body main .inhalt .inhalt-content{flex-direction:column}}body main .inhalt .inhalt-content div{width:60%;padding:0 1rem;margin:0 0 1rem 0}@media(max-width: 900px){body main .inhalt .inhalt-content div{width:98%}}body main .inhalt .inhalt-content div h1{text-wrap:blance;font-size:2.3rem}body main .inhalt .inhalt-content div p,body main .inhalt .inhalt-content div ul{font-size:1.5rem;text-align:justify}body main .inhalt .inhalt-content img{width:40%;-o-object-fit:contain;object-fit:contain;animation:groese 1500ms forwards ease;border-radius:5rem 2rem}@media(max-width: 900px){body main .inhalt .inhalt-content img{width:98%;border-radius:2rem}}body main .mitmachen p,body main .mitmachen ul{text-align:center;font-size:1.5rem}body main .mitmachen p:last-child,body main .mitmachen ul:last-child{color:#00008b;font-weight:bolder;font-family:"itim";font-size:1.8rem}body main .mitmachen article.mitmachen-content article{margin:1rem 0}body main .mitmachen article.mitmachen-content article div{height:150px;width:30%;max-width:1000px;background:#add8e6;transform:translateX(50%) rotate(-5deg) translateY(-65px);z-index:-100;border:10px #00008b dotted;position:absolute;right:50%}body main .mitmachen article.mitmachen-content article section{max-width:1000px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1.5rem auto 0;padding:1rem .5rem;border:4px solid #00008b;border-radius:2rem;background:#fff;cursor:pointer;transition:all 1000ms ease}body main .mitmachen article.mitmachen-content article section:hover{background-color:#add8e6}body main .mitmachen article.mitmachen-content article section:hover svg{fill:rgba(0,0,139,.5);scale:1.4}@media(max-width: 900px){body main .mitmachen article.mitmachen-content article section{flex-direction:column}}body main .mitmachen article.mitmachen-content article section svg{fill:#00008b;height:80px;aspect-ratio:1/1;margin:0 2rem 0 0;transition:all 1000ms ease}@media(max-width: 900px){body main .mitmachen article.mitmachen-content article section svg{margin:0 0 1.5rem}}body main .mitmachen article.mitmachen-content article section p,body main .mitmachen article.mitmachen-content article section ul{font-family:"itim";width:50%;text-wrap:blance;font-size:1.5rem}@media(max-width: 900px){body main .mitmachen article.mitmachen-content article section p,body main .mitmachen article.mitmachen-content article section ul{width:90%;text-align:center}}body main .warum article{display:flex;flex-direction:row;justify-content:space-around}@media(max-width: 900px){body main .warum article{flex-direction:column}}body main .warum article section{border:#add8e6 .4rem solid;padding:.8rem;border-radius:2rem;width:25%;max-width:400px;overflow:hidden;cursor:pointer;transition:all ease 800ms}@media(max-width: 900px){body main .warum article section{width:98%;max-width:500px;display:block;margin:0 auto 1rem}}body main .warum article section svg{height:150px;display:block;margin:1.5rem auto;aspect-ratio:1/1;fill:#00008b}body main .warum article section h3,body main .warum article section h2{text-align:center;font-size:2rem;margin:-1.25rem 0 .5rem;padding:0 0 1rem}body main .warum article section h3:after,body main .warum article section h2:after{margin:.5rem 0 0 0;display:block;width:65%;height:10px;background-color:#add8e6;content:"";translate:-10%;border-radius:0 2rem 2rem 0}body main .warum article section p,body main .warum article section ul{font-size:1.5rem;text-align:left;text-wrap:blance}body main .warum article section:hover{border-color:#add8e6;background-color:#00008b}body main .warum article section:hover svg{fill:#add8e6}body main .warum article section:hover h3,body main .warum article section:hover h2{color:#fff}body main .warum article section:hover h3:after,body main .warum article section:hover h2:after{background-color:#fff}body main .warum article section:hover p,body main .warum article section:hover ul{color:#add8e6;font-style:italic}body header{width:100%;height:500px;background-image:url("../assets/img/sack.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;-o-object-fit:cover;object-fit:cover;border-radius:0 0 2.5rem 2.5rem;overflow:hidden}body header a{height:100%;display:grid;place-items:center;text-decoration:none;text-wrap:blance}body header a h1{text-wrap:blance;text-align:center;color:#fff;font-size:clamp(2.5rem,6dvw,4rem);font-family:"itim";font-weight:bold;font-style:italic}body footer{margin:1.5rem 0 0;background-color:#add8e6;padding:1rem}body footer ul{padding:.8rem 0;display:flex;justify-content:space-around;list-style-type:none}body footer ul li a{font-size:1rem;color:#00008b;font-size:1.25rem;text-decoration:none;transition:-webkit-text-decoration 500ms ease-in;transition:text-decoration 500ms ease-in;transition:text-decoration 500ms ease-in, -webkit-text-decoration 500ms ease-in}body footer ul li a:hover{-webkit-text-decoration:underline #00008b 3px;text-decoration:underline #00008b 3px}body footer a{font-size:1.5rem;font-family:"itim";display:flex;justify-content:center;color:#00008b;font-size:1.25rem;text-decoration:none;transition:-webkit-text-decoration 500ms ease-in;transition:text-decoration 500ms ease-in;transition:text-decoration 500ms ease-in, -webkit-text-decoration 500ms ease-in}body footer a:hover{-webkit-text-decoration:underline #00008b 3px;text-decoration:underline #00008b 3px}body #popup{width:90%;max-width:450px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;z-index:9999;border:5px solid #add8e6;border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,.2)}body #popup h2{text-align:center;margin:-10px 0 0 0;color:#00008b;font-size:1.8rem;padding:20px}body #popup p,body #popup main ul,body main #popup ul{font-size:1.5rem;text-align:justify;padding:0 20px 20px 20px}body #popup a{display:flex;padding:-20px !important;width:100%;height:50px;border-radius:0 0 20px 20px;border:none;border-top:5px solid #add8e6;font-size:1.5rem;color:#00008b;background-color:rgba(173,216,230,.25);transition:all 500ms ease;cursor:pointer;justify-content:center;align-items:center;text-decoration:none}body #popup a:hover{background-color:rgba(173,216,230,.75)}