:root{--gray-500:#545454;--white:#fff;--green:#1d887a;--d_blau:#000080;--blau:#1939ff;--pink:#f0f;--gelb:#fc0;--background:#f4f4f4}.theme-light{--background:#f4f4f4;--theme-switch-shadow:#f5f8fc;--color:#000;--blau:#1939ff;--pink:rgb(198,0,198)}.theme-dark{--background:#000208;--color:#fff;--blau:rgb(94,118,255);--pink:#f0f}*{border:0;box-sizing:border-box}body{font-family:Verdana,sans-serif;max-width:1320px;margin-left:auto;margin-right:auto;background-color:var(--background);color:var(--color)}.topnav{overflow:hidden;background-color:var(--background);transition:.4s;position:fixed;width:100%;top:0;z-index:99;max-width:1320px}.topnav a{float:right;display:block;color:var(--color);text-align:center;padding-left:10px;padding-right:10px;padding-top:12px;text-decoration:none;font-size:17px}.topnav a.split{float:left}.topnav a.active{color:white}.topnav .icon{display:none}.img{width:100%}.container{padding-top:50px}.btn{border:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);color:black;padding:14px 28px;cursor:pointer;border-radius:5px;width:100%;margin-top:10px;margin-bottom:10px;font-weight:700;font-size:16px}.pink{background-color:var(--pink);color:var(--white)}.gruen{background-color:var(--green)}.blau{background-color:var(--blau);color:var(--white)}.gelb{background-color:var(--gelb)}.pinkText{color:var(--pink);font-weight:bold}.gruenerText{color:var(--green);font-weight:bold}.blauerText{color:var(--blau);font-weight:bold}.gelberText{color:var(--gelb);font-weight:bold}.theme-mode{padding-top:13px;margin-right:10px;float:right;height:20px;position:relative;width:40px}.theme-mode input{height:0;opacity:0;width:0}.theme-mode .slider{background-color:var(--gray-500);border-radius:20px;height:inherit;position:absolute;-webkit-transition:.4s;transition:.4s;width:inherit}.theme-mode .slider:before{background:var(--white) url(../img/svg/icon_fp_moon.svg) no-repeat center;border-radius:50%;box-shadow:0 0 15px var(--theme-switch-shadow);content:"";height:20px;position:absolute;-webkit-transition:.4s;transition:.4s;width:20px}.theme-mode input:checked + .slider{background-color:var(--blau)}.theme-mode input:checked + .slider:before{background:var(--white) url(../img/svg/icon_fp_sun.svg) no-repeat center;-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}.flex-container{display:flex;flex-wrap:wrap;margin:0}.flex-container2{display:flex}.flex-item-left-start{padding-bottom:10px;padding-right:10px;padding-left:10px;flex:70%}.flex-item-right-start{padding:10px;padding-top:0;flex:30%}.flex-item-left-editor{padding-bottom:10px;padding-right:10px;padding-left:10px}.flex-item-right-editor{padding:10px;padding-top:0;flex:40%}.flex-container1>div{margin:0;padding-top:0;width:15%;font-size:10px}.flex-container2>div{margin:0;padding-top:10px;width:20%;font-size:10px}.center{display:flex;justify-content:center;align-items:center;margin-top:10px}.btn-group button{background-color:#04AA6D;border:1px solid green;color:white;padding-left:12px;padding-right:12px;padding-top:4px;padding-bottom:4px;cursor:pointer;float:left}.btn-group:after{content:"";clear:both;display:table}.btn-group button:not(:last-child){border-right:none}.btn-group button:hover{background-color:#3e8e41}.myFile{position:relative;overflow:hidden;float:left;clear:left}.myFile input[type=file]{display:block;position:absolute;top:0;right:0;opacity:0;font-size:30px;filter:alpha(opacity=0)}.myFile3 input[type=file]{display:block;position:absolute;top:0;right:0;opacity:0;font-size:30px;filter:alpha(opacity=0)}[type=radio]{position:absolute;opacity:0;width:0;height:0;cursor:pointer}[type=radio] + img{cursor:pointer}[type=radio]:checked + img{outline:2px solid #f00}.title{color:black;text-decoration:none;margin-bottom:20px;display:block}hr{text-align:left;margin:10px auto 0 0;width:100%}a{font-size:10px;font-weight:bold;font-family:Arial;color:#f0f;cursor:pointer;padding-left:10px}.myA{color:#fc0}h5{font-size:18px;margin:10px}html{}input[type=text],input[type=date],input[type=email],input[type=password],input[type=file],input[type=image],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #7c9dbc;border-radius:4px;box-sizing:border-box}textarea{width:100%;height:80px;padding:12px 20px;box-sizing:border-box;border:2px solid #7c9dbc;border-radius:4px;background-color:#f8f8f8;resize:none}.color-range,.color-range-hg{position:relative;z-index:1;appearance:none;border-radius:.5em;background-color:rgba(0,0,0,.1);height:.5em;display:block;outline:0;transition:color .05s linear;background:linear-gradient(to right,rgb(255,0,0),rgb(255,255,0),rgb(0,255,0),rgb(0,255,255),rgb(0,0,255),rgb(255,0,255),rgb(255,0,0));&:focus{outline:0}&:active,&:hover:active{cursor:grabbing;cursor:-webkit-grabbing}&::-moz-range-track{appearance:none;opacity:0;outline:0!important}&::-ms-track{outline:0!important;appearance:none;opacity:0}&::-webkit-slider-thumb{height:3em;width:3em;border-radius:2em;appearance:none;background:white;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border:.4em solid currentColor;transition:border .1s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 .1em .1em rgba(0,0,0,.05);&:active,&:hover:active{cursor:grabbing;cursor:-webkit-grabbing;transform:scale(0.975);box-shadow:0 0 1px rgba(0,0,0,.1);border:1.5em solid currentColor}&:hover{transform:scale(1.1);box-shadow:0 .4em 1em rgba(0,0,0,.15)}}&::-moz-range-thumb{height:3em;width:3em;border-radius:2em;appearance:none;background:white;border:.4em solid currentColor;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;transition:box-shadow .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 1px 11px rgba(0,0,0,0);&:active,&:hover:active{cursor:grabbing;cursor:-webkit-grabbing;transform:scale(0.975);box-shadow:0 0 1px rgba(0,0,0,.1)}&:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.15)}}}@media screen and (max-width:800px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:800px){.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.flex-item-right-start,.flex-item-left-start{flex:100%;width:100%}.col-25,.col-75,input[type=submit]{width:100%;margin-top:0}}