*{margin:0}html body{max-width:1200px;margin:0 auto}html body .backnav{height:70px;background-color:rgba(128,128,128,.2);display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-bottom:gray 4px solid}html body .backnav a{font-size:2rem;font-weight:bolder;font-style:italic;text-decoration:none;cursor:pointer;color:#000}html body .backnav svg{margin:0 .5em 0 0;fill:gray}html body .backnav svg:hover{fill:#000}html body main{margin:0 auto;padding:0 10px}html body main .newcontent{min-height:200px;margin:30px 0;border-radius:25px;border:gray 2px solid}html body main .newcontent h1{text-align:center;padding:.5em 1.5em 0 1.5em;font-size:2.5rem;font-style:italic;font-weight:bolder}html body main .newcontent form input.contentnew{height:40px;border-radius:50px;outline:none;border:gray solid 2px;font-size:1.8rem;padding:0 1em;margin:.5em 1.5em 1.5em;width:calc(100% - 5em)}html body main .newcontent form .upload-btn{position:relative;overflow:hidden;display:block;min-width:200px;max-width:20%;height:100px;border-radius:50px;background-color:rgba(128,128,128,.2);margin:10px auto}html body main .newcontent form .upload-btn:hover{background-color:gray}html body main .newcontent form .upload-btn:hover svg{fill:rgba(255,255,255,.5)}html body main .newcontent form .upload-btn svg{height:50px;display:block;margin:20px auto;fill:gray}html body main .newcontent form .upload-btn input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}html body main .newcontent form input.senden{width:100%;height:40px;border:none;border-top:2px solid gray;border-radius:0 0 23px 23px;font-size:1.5rem;background-color:rgba(128,128,128,.25);cursor:pointer}html body main .newcontent form input.senden:hover{background-color:rgba(128,128,128,.5)}html body main .content .contentlinie{display:flex;justify-content:space-between;align-items:center}html body main .content .contentlinie:not(:first-child){border-top:2px solid gray}html body main .content .contentlinie img{height:70px}html body main .content .contentlinie p{font-size:1.5rem}html body main .content .contentlinie span{display:flex;flex-wrap:nowrap;align-items:center}html body main .content .contentlinie span svg{margin:.5em}html body main .content .contentlinie span a{text-decoration:none}html body main .content .contentlinie span a.loeschen{fill:gray}html body main .content .contentlinie span a.loeschen:hover{fill:#fa0000}html body main .content .contentlinie span a svg{height:2em}html body main.layout div.tapicon{border:5px solid rgba(128,128,128,.5);border-radius:50px;margin:20px 0 5px 0}html body main.layout div.tapicon .flex{display:flex;flex-wrap:wrap;padding:20px 10px;justify-content:space-evenly}html body main.layout div.tapicon .flex img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain;display:block}html body main.layout div.tapicon .flex form{width:calc(100% - 20px);max-width:500px;display:block;margin:20px 0 0 0;padding:20px;background-color:rgba(128,128,128,.2);border-radius:25px;border:5px gray solid}html body main.layout div.tapicon .flex form h1{text-align:center;font-size:2rem;color:gray}html body main.layout div.tapicon .flex form .upload-btn{position:relative;overflow:hidden;display:block;min-width:200px;max-width:20%;height:100px;border-radius:50px;background-color:rgba(128,128,128,.2);margin:10px auto}html body main.layout div.tapicon .flex form .upload-btn:hover{background-color:gray}html body main.layout div.tapicon .flex form .upload-btn:hover svg{fill:rgba(255,255,255,.5)}html body main.layout div.tapicon .flex form .upload-btn svg{height:50px;display:block;margin:20px auto;fill:gray}html body main.layout div.tapicon .flex form .upload-btn input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}html body main.layout div.tapicon .flex form input[type=submit]{min-width:200px;max-width:20%;display:block;margin:20px auto 0 auto;padding:10px 15px;font-size:1.5rem;border:3px solid gray;border-radius:50px;background:rgba(128,128,128,.15);cursor:pointer}html body main.layout div.tapicon .flex form input[type=submit]:hover{color:rgba(255,255,255,.8);background-color:gray}html body main.login{min-height:90dvh;display:grid;place-items:center}html body main.login form{display:flex;margin:auto;flex-direction:column;width:100%;max-width:500px;height:auto;background-color:rgba(128,128,128,.2);border-radius:25px;border:2px gray solid}html body main.login form div{width:200px;height:200px;margin:20px auto;background-color:gray;border-radius:100px;display:flex;justify-content:center;align-items:center}html body main.login form div img{-o-object-fit:contain;object-fit:contain;width:80%;height:80%}html body main.login form h1{color:gray;text-align:center;margin:10px 0;font-size:2.5rem;font-weight:bolder}html body main.login form label{display:flex;flex-direction:column;font-size:1.5rem;padding:10px 5px 0 5px;margin:0 0 5px 0;text-align:center}html body main.login form label input{margin:0;height:35px;border-radius:25px;border:2px gray solid;font-size:1.5rem;padding:0 15px;color:gray;outline:none}html body main.login form input[type=submit]{background-color:rgba(128,128,128,.25);border:none;border-radius:0 0 23px 23px;height:50px;margin:10px 0 0 0;font-size:1.5rem;font-weight:bold;border-top:2px gray solid;cursor:pointer}html body main.login form input[type=submit]:hover{background-color:rgba(128,128,128,.5)}html body main.settings{border:gray 5px solid;margin:2em 1em;border-radius:25px;padding:0}html body main.settings h1{color:gray;text-align:center;margin:.5em 0;font-size:2.5rem;font-weight:bolder}html body main.settings form label{display:flex;flex-direction:column;font-size:2rem;color:gray;font-weight:bold;text-align:center;margin:0 1em 0 1em}html body main.settings form label:not(:first-child){margin:1em 1em 0 1em}html body main.settings form label input{height:40px;border-radius:50px;border:gray 2px solid;outline:none;font-size:1.8rem;padding:0 .5em;color:gray}html body main.settings form label input::-moz-placeholder{color:rgba(128,128,128,.5)}html body main.settings form label input::placeholder{color:rgba(128,128,128,.5)}html body main.settings form input.senden{width:100%;margin:1em 0 0 0;font-size:2rem;border:none;border-top:4px gray solid;border-radius:0 0 20px 20px;color:gray;background-color:rgba(128,128,128,.2);cursor:pointer}html body main.settings form input.senden:hover{background-color:rgba(128,128,128,.5)}html body main.home{padding:15px 10px}html body main.home .spruch{display:flex;flex-wrap:wrap}html body main.home .spruch img{width:50%;min-height:300px;border-radius:65px;-o-object-fit:contain;object-fit:contain;z-index:1}html body main.home .spruch span{width:50%;display:flex;align-items:center;justify-content:center}@media(min-width: 700px){@keyframes left{0%{transform:translateX(100%);opacity:0}50%{opacity:.7}90%{opacity:.9}100%{opacity:1;transform:translateX(2.5%)}}html body main.home .spruch span .home p{animation:left forwards 5s ease-in-out}}html body main.home .spruch span p{animation:left forwards 5s ease-in-out;padding:15px;font-size:1.5rem;text-align:justify;box-shadow:11px 14px 47px -1px gray}html body main.home .spruch span p::first-letter{color:gray;-webkit-text-stroke:2px #fff;font-family:"pacifico";text-transform:uppercase;font-size:2.3rem;font-style:italic}html body main.home .btn{margin:25px 0 0 0;display:flex;justify-content:center}html body main.home .btn a{text-decoration:none}html body main.home .btn a button{font-size:1.5rem;width:250px;padding:5px;border-radius:25px;color:rgba(128,128,128,.5);background-color:#fff;border:rgba(128,128,128,.5) 2px solid;cursor:pointer}html body main.home .btn a button:hover{border:gray 2px solid;color:gray}html body header{width:100%;height:250px;background-image:url("../assets/layout_img/header.jpg"),url("../assets/layout_img/header.png");background-position:0px;background-repeat:no-repeat;-o-object-fit:fill;object-fit:fill}html body header h1{margin:0;font-size:3.5rem;padding:4% 5%;color:#46816d;-webkit-text-stroke:2px #fff;font-family:"pacifico";text-transform:uppercase}html body footer{position:absolute;bottom:0;font-size:16px;width:250px;display:flex;justify-content:space-around}html body footer a{text-decoration:none;color:gray}html body footer a:hover{text-decoration:underline}@media(max-width: 700px){body header{background-position:-750px 600px}body header h1{text-align:center;font-size:2.3rem !important}body main .spruch{display:flex;flex-direction:column}body main .spruch img{width:100% !important;border-radius:0 0 65px 65px !important}body main .spruch span{width:100% !important;text-align:center}footer{position:relative !important;bottom:0;font-size:16px;width:250px;display:flex;justify-content:space-around}footer a{text-decoration:none;color:gray}footer a:hover{text-decoration:underline}}@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}