@font-face{font-family:Rubik;src:url("font/rubik.woff") format("woff");font-display:swap;}
@font-face{font-family:CDR;src:url("font/cdr.woff") format("woff");font-display:swap;}
:root{
	--time:6s;
	--menu:200px;
	--menu-aus:-220px;
	--label:50%;
	--max-breite:1015px;
	--links:calc((100% - var(--menu)) / 2 - var(--max-breite));
	--transition:.2s;
	--green:#4B5;
	--cyan:#0CD;
	--yellow:#DB0;
	--orange:#F80;
	--red:#E26;
	--hover:#294159;
	/*--button:#293;*/
	--button:#BA1F27;
	--text1:#000;
	--text2:#294159;
	--text3:#FFF;
	--ovo-grau:#A0B3C6;
	--ovo-blau:#40668B;
	--verlauf:linear-gradient(90deg,var(--ovo-grau),var(--ovo-blau));
	--verlauf-dunkel:linear-gradient(90deg,var(--ovo-grau),var(--hover));
	--verlauf-frage:linear-gradient(90deg,transparent,var(--hover));
	--wichtig:linear-gradient(90deg,var(--ovo-grau),var(--red));
	--kopf:linear-gradient(90deg,var(--ovo-grau),var(--hover),var(--ovo-grau));
	--wichtig2:linear-gradient(90deg,var(--ovo-grau),var(--red),var(--ovo-grau));
	--streifen:url("data:image/svg+xml,<svg width='40' height='40' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'><g fill='rgba(0,0,0,0.07)' fill-rule='evenodd'><path d='M0 4L4 0H2L0 2M4 4V2L2 4'/></g></svg>");
	--streifen-dunkel:url("data:image/svg+xml,<svg width='40' height='40' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'><g fill='rgba(0,0,0,0.2)' fill-rule='evenodd'><path d='M0 4L4 0H2L0 2M4 4V2L2 4'/></g></svg>");
	--ehrungsschrift:arial, helvetica, sans-serif;
}
@keyframes fadeout{0%{top:-200px}10%{top:0}80%{top:0}100%{top:-200px}}
@keyframes erscheinen{0%{max-height:0}100%{max-height:3000px}}
@keyframes menuoben{0%{margin-top:-150px}100%{margin-top:70px}}
@keyframes menulinks{0%{left:-250px}100%{left:0}}
@keyframes pulse{50%{background-color:var(--orange)}}
@keyframes popup{0%{transform:scale(0);opacity:0}50%{opacity:1}85%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes sichtbar{0%{opacity:0;margin-top:100px}100%{opacity:1;margin-top:0}}
@keyframes funktion-sichtbar{0%{opacity:0;margin-top:100px}100%{opacity:1;margin-top:10px}}
@keyframes drehen{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}
@keyframes fenster{0%{opacity:0;margin-top:100px}100%{opacity:1;margin-top:0}}
@keyframes raus{0%{left:0;max-height:500px;opacity:1}100%{left:-100%;max-height:0;opacity:0}}
@keyframes rein{0%{max-height:0;opacity:0}100%{max-height:500px;opacity:1}}
@keyframes zeigen{0%{opacity:0}100%{opacity:1}}
#debug{width:100%;height:200px;overflow-y:auto;background:#889;padding:10px;z-index:999;border-radius:5px}
#debug:empty{display:none}
.sql-debug{background:#2C3CAA;color:#FFF;padding:2px 5px 3px 5px;font-family:monospace;font-size:14px;border-radius:3px;margin:0 0 5px 0}
.sql-debug>span{font-family:monospace;color:#FF0}
.sql-debug>*{display:inline}

*{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-family:Rubik,sans-serif;position:relative;padding:0;margin:0;letter-spacing:.3px}
*:focus,*:active{outline:0}
a{color:var(--button);text-decoration:none}
body{background:var(--ovo-grau)}
hr{clear:both;float:none;display:block;overflow:hidden;height:0;border:0;width:100%}
hr.gross{clear:both;float:none;display:block;overflow:hidden;height:10px;border:0;width:100%;outline:0}
.messagebox{display:flex;top:0;left:0;position:fixed;width:100%;height:100vh;align-items:flex-start;justify-content:flex-start;pointer-events:none;z-index:999;flex-direction:column}
header{height:50px;line-height:50px;background:var(--ovo-blau);width:100%;display:flex;justify-content:flex-start;align-items:center;padding:0 10px;z-index:199;clear:both;position:fixed;color:var(--ovo-grau)}
header img{pointer-events:none;height:30px;margin-left:10px;width:164px}
header i{font-size:25px;margin:1px 0 0 20px;font-style:normal;width:80px}
header section{position:absolute;right:15px;top:0}
header section button{margin:10px 0;padding:0 15px 0 45px;height:30px;line-height:30px;background-image:var(--icon-hand);background-repeat:no-repeat;background-size:25px 25px;background-position:10px 2px;border-radius:5px}
header section .selbstorga{display:none;border-radius:0 0 0 10px;padding:10px 15px 10px 10px;overflow:hidden;background:var(--ovo-blau);position:fixed;top:50px;right:0;z-index:99;box-shadow:0 5px 5px rgba(0,0,0,0.3)}
header section .selbstorga>div{clear:both;display:block;cursor:pointer;background:var(--button);border-radius:5px;overflow:hidden}
header section .selbstorga>div+div{margin-top:5px}
header section .selbstorga>div span{float:left;display:block;color:#FFF;padding:0 10px 0 0;height:30px;line-height:30px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;pointer-events:none}
header section .selbstorga>div:hover{background:var(--hover)}
header section .selbstorga>div b{width:30px;height:30px;background:var(--hover);color:#FFF;text-align:center;line-height:31px;font-size:16px;float:left;font-weight:400;pointer-events:none}
header section .selbstorga>div i{width:100px;margin:0;color:#FFF;text-align:center;font-size:16px;height:30px;line-height:30px;float:left;font-family:CDR,sans-serif;font-style:normal;pointer-events:none}
header section .selbstorga input{width:255px;margin:0;height:30px;line-height:30px;float:none;clear:both;display:block;border-radius:5px}
header section .selbstorga button{min-width:255px;width:100%;margin:10px 0 5px 0;float:none;clear:both;display:block}
main{width:100%;padding:0 0 0 calc(var(--menu) + 10px);float:left;display:flex;align-items:flex-start;justify-content:center}
main.solo{background:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;flex-direction:column;padding:0}
main.solo .login{flex-direction:column!important;margin-top:50px;justify-content:flex-start}
main.solo img{max-width:600px;display:block;float:left}
main.solo .login cite{line-height:32px;box-shadow:none}
main.solo .login cite > span{float:left;width:100px}
main.solo .login cite.blau{background:var(--ovo-blau);text-align:left}
main.solo .login cite a{color:var(--text3)}
main.solo .login cite a:hover{color:var(--button)}
.message{animation:fadeout var(--time);width:100%;color:#FFF;padding:10px;top:-200px;text-align:center;font-size:20px;z-index:9999;text-shadow:1px 1px 1px rgba(0,0,0,0.6);transition:var(--transition);animation-fill-mode:forwards;background-image:var(--streifen);background-repeat:repeat}
.code_1{background-color:var(--green)}
.code_2{background-color:var(--yellow)}
.code_3{background-color:var(--red)}
.fehlerbox{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100vw;height:100vh}
.fehler{width:90%;max-width:var(--max-breite);color:#FFF;padding:20px;border-radius:10px;font-size:20px;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.4);text-shadow:1px 1px 1px rgba(0,0,0,0.6);background-image:var(--streifen);background-repeat:repeat;background-color:var(--red);line-height:30px}
.falsch{background-color:var(--red)}
.text{background-color:var(--ovo-blau)}
.info{width:90%;max-width:var(--max-breite);color:#FFF;padding:20px;border-radius:10px;font-size:20px;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.4);text-shadow:1px 1px 1px rgba(0,0,0,0.6);background-image:var(--streifen);background-repeat:repeat;background-color:var(--green);line-height:30px}
.login .info{box-shadow:none!important}
button,.btn{color:#FFF;background-color:var(--button);border-radius:10px;border:0;height:40px;line-height:40px;cursor:pointer!important;font-size:16px;float:left;text-align:center;transition:var(--transition)}
.fehlerbtn{clear:both;display:block;margin:15px auto 0 auto;width:200px;text-transform:none;float:none}
#menu .suborg{font-size:20px!important}
button+button,button+.btn,.btn+button,.btn+.btn{margin-left:20px}
.btn svg{width:40px;height:40px;padding:8px}
.btn{background-size:26px 26px}
input,select,textarea{border:0;color:var(--ovo-blau);float:left;font-size:18px;cursor:text;padding:0 10px;background:#FFF!important;box-shadow:inset 0 0 2px 0 var(--ovo-grau)!important}
.required::before{content:'★';margin:0 5px 0 0;width:15px;height:15px;display:inline-block;transition:margin 0.5s;text-shadow:0 0 10px #F00}
.required:hover::before{content:'PFLICHTFELD';margin:0 10px 0 0;width:auto;display:inline-block;color:#FFF;text-shadow:1px 0 1px #000}
input[name$="-iban"],input[name$="-bic"]{text-transform:uppercase}
input[type="number"]{padding-right:0}
textarea{padding:5px 10px}
input[type="checkbox"],input[type="radio"]{display:none}
input[type="checkbox"]+span,input[type="radio"]+span{border-radius:50%;background:#FFF;width:30px;height:30px;border:0;top:0;float:left;margin:5px 10px 0 0;cursor:pointer;text-align:center;color:var(--ovo-blau)}
input[type="checkbox"]+span svg path,input[type="radio"]+span svg path{fill:var(--ovo-blau)}
input[type="checkbox"]+span{border-radius:5px}
input[type="checkbox"]:checked+span,input[type="radio"]:checked+span{color:#FFF;background:var(--button) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 19.39"><path fill="%23FFF" d="M8.83,19.01l-8.45-8.45c-0.51-0.51-0.51-1.33,0-1.84l1.84-1.84c0.51-0.51,1.33-0.51,1.84,0l5.69,5.69L21.94,0.38 c0.51-0.51,1.33-0.51,1.84,0l1.84,1.84c0.51,0.51,0.51,1.33,0,1.84L10.67,19.01C10.16,19.52,9.34,19.52,8.83,19.01L8.83,19.01z"/></svg>') no-repeat center!important;background-size:70%!important}
input[type="radio"]:checked+span{background-size:60%!important}
input[type="checkbox"]:checked+span svg path,input[type="radio"]:checked+span svg path{fill:#FFF}
input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="email"],input[type="url"],textarea,select{-webkit-appearance:none!important;appearance:none!important}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus,select:focus{box-shadow:inset 0 0 0 2px var(--hover)!important}
/*input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus,select:focus{box-shadow:inset 5px 0 0 5px var(--red)!important}*/
input[type="date"]{-webkit-appearance:textfield;-moz-appearance:textfield;text-transform:uppercase}
select{cursor:pointer;background:#FFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1.5 2.5"><polygon fill="%23BA1F27" points="0.75,0 1.5,1 0,1"/><polygon fill="%23BA1F27" points="0.75,2.5 1.5,1.5 0,1.5"/></svg>') 100% 50% / 25px 65% no-repeat!important;padding-right:25px}
select:hover{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1.5 2.5"><polygon fill="%23294159" points="0.75,0 1.5,1 0,1"/><polygon fill="%23294159" points="0.75,2.5 1.5,1.5 0,1.5"/></svg>')!important}
.abmeldung{width:190px;height:50px;left:0;z-index:99;floaT:left}
.abmeldung button{margin:-5px 0 0 0}
#randmenu{width:var(--menu);float:left;position:fixed;height:calc(100vh - 50px);z-index:997;margin:50px 0 0 10px}
#nebenmenu{width:100%;max-width:var(--max-breite);position:fixed;top:60px;z-index:9;transition:var(--transition)}
#nebenmenu.off{top:-100%;transition:var(--transition)}
#nebenmenu b{font-weight:400;font-size:20px;color:#FFF;text-align:center;background:var(--kopf);margin:5px 0 10px 0;clear:both;display:block;height:30px;line-height:30px;width:100%}
#nebenmenu article{margin-top:100px;opacity:0;animation:sichtbar .5s linear;animation-fill-mode:forwards;animation-delay:1.3s;clear:both;display:block}
#menu{width:var(--max-breite);height:100px;margin-top:-150px;position:fixed;z-index:99}
#menu.on{animation:menuoben .2s;animation-fill-mode:forwards}
#menu.off{display:none!important}
#menu h4{width:100%;color:rgba(255,255,255,0.7);height:40px;font-size:20px;font-weight:400;text-align:center;background:var(--hover);padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center}
#menu h4 dd, #menu h4 dl{color:#FFF;margin:0 7px;font-weight:700;display:block}
#menu h4 dd:empty, #menu h4 dl:empty{margin:0 0 0 5px!important}
#menu h4 span{max-width:calc(100% - 420px);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 5px;color:#FFF}
#menu button{width:calc((100% - 35px) / 8);height:40px;float:left;font-size:16px;line-height:20px;border-radius:0 0 10px 10px;transition:var(--transition)}
#menu button+button{margin-left:5px}
#menu #submenu button.aktiv,#menu #submenu button:hover{background-color:var(--hover)!important;height:50px!important}
#menu section:not(.inaktiv) button:not(.aktiv):not(.inaktiv):hover{height:50px!important}
#menu .btn{width:80px;height:40px;background-color:var(--button);margin:0;border-radius:10px 10px 0 0;float:left;color:#FFF;font-size:16px;text-transform:uppercase;text-align:center;cursor:pointer;line-height:40px;transition:var(--transition)}
#menu .btn div{content:'';cursor:pointer;background:var(--red) var(--icon-kreuz);background-repeat:no-repeat;background-size:17px 17px;background-position:center;position:absolute;right:-3px;top:-8px;width:25px;height:25px;border-radius:50%;border:2px solid #FFF;display:none}
#menu .btn.filter div{display:block}
#menu .btn.filter div:hover{background-color:var(--hover);box-shadow:0 0 5px #000}
#menu .btn:hover,#menu .btn.aktiv,#menu.fenster button:hover, #hauptmenu button.big:hover{background-color:var(--hover)!important;padding-top:5px;margin-top:-10px;height:50px}
#menu .btn+.btn{margin-left:5px}
#menu #sortierung-liste{z-index:99;list-style:none;background:var(--ovo-grau);border-radius:0 0 10px 10px;display:none;width:420px;padding:10px;position:absolute;top:40px;right:0;box-shadow:0 5px 5px 0 rgba(0,0,0,0.3)}
#menu #filter-liste{z-index:99;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--ovo-grau);border-radius:0 0 10px 10px;display:none;width:335px;padding:0 15px 0 15px;position:absolute;top:40px;right:0;list-style:none;box-shadow:0 5px 5px rgba(0,0,0,0.3),0 -1px 2px rgba(0,0,0,0.2);transition:var(--transition);color:var(--text1)}
#menu #filter-liste::after,#menu #filter-liste::before,#gema-titel-liste::after,#gema-titel-liste::before{content:'';position:sticky;left:0;height:20px;width:100%;z-index:1;display:block;clear:both;pointer-events:none;background:url(verlauf2.png) repeat-x}
#menu #filter-liste::after,#gema-titel-liste::after{bottom:-1px;background-position:0 -20px}
#menu #filter-liste::before,#gema-titel-liste::before{top:-5px;margin:0}
#filter-liste #alle-funktionen,#filter-liste #alle-rollen{float:right;width:30px;height:30px;border-radius:5px;background-size:18px;margin:-5px 0}
#menu #filter-liste input{width:100%;background:#FFF!important;border-radius:10px;margin:0}
#menu #filter-liste .halb{display:block;float:left;width:calc((100% - 60px) / 2)}
#menu #filter-liste .halb+.halb{margin-left:10px}
#menu #filter-liste .halb+.btn{width:40px;height:40px;margin:22px 0 0 10px;border-radius:10px;background-size:22px 22px}
#menu #filter-liste p{color:var(--ovo-blau);margin:0 0 4px 5px;display:inline-block}
#menu #filter-liste ul{list-style:none;clear:both;display:block;overflow:hidden;min-height:1px}
#menu #filter-liste hr{margin:10px 0;outline:1px solid var(--ovo-blau);float:left;width:100%}
#menu #filter-liste li{background:0;color:#000;padding:0;float:left;width:100%}
#menu #filter-liste li label{display:block;clear:both;overflow:hidden;line-height:30px}
#menu #filter-liste li input+span{background-color:#FFF;margin:0 10px 0 0}
#menu #filter-liste label>.icon{width:25px;height:25px;position:absolute;margin-left:10px}
#menu #filter-liste .zwei{display:block;float:left;width:50%;margin:0 0 10px 0}
#menu #filter-liste #ehrung-org-ergebnis{position:absolute;top:203px;right:0;background:#FFF;padding:3px 3px;border-radius:10px;width:100%;z-index:9;line-height:24px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.5);display:none;max-height:300px;overflow-y:auto}
#menu #filter-liste #ehrung-org-ergebnis > div b{font-family:CDR, sans-serif;font-size:110%}
#menu #filter-liste #ehrung-org-ergebnis > div{color:var(--ovo-blau);padding:3px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#menu #filter-liste #ehrung-org-ergebnis > div:hover{background:var(--hover);color:#FFF}
#menu #sortierung-liste button{width:100%;border-radius:10px;padding:0 15px;text-align:left;margin:0}
#menu #sortierung-liste button+button{margin-top:10px}
#menu #sortierung-liste button.aktiv{background-color:var(--hover)}
#menu ul li+li{margin-top:10px}
#menu .ehrungen ul:first-of-type li+li{margin-top:12px}
#menu input{height:40px;line-height:40px;color:var(--text2);border-radius:10px 10px 0 0;margin:0}
#menu .btn+input{margin:0 0 0 5px}
#menu .platz{height:40px;background:var(--ovo-blau);border-radius:10px 10px 0 0;margin:0 0 0 5px;float:left}
#menu .platzunten{height:40px;background:var(--ovo-blau);border-radius:0 0 10px 10px;width:100%}
#menu button+.platzunten{margin-left:5px;float:left}
#menu.fenster h4{border-radius:0 0 10px 10px!important}
#menu.fenster #submenu{display:none!important}
#menu.fenster button{transition:var(--transition);width:80px;height:40px;line-height:40px;margin-top:0;background-size:26px 26px;border-radius:10px 10px 0 0;margin-left:5px}
#menu.fenster .fenster-zu{margin:0}
#menu .raum{height:40px;background:var(--ovo-blau);border-radius:10px 10px 0 0;margin:0 0 0 5px;float:left}
#menu button.big{width:165px!important}
#menu button.on{background-color:var(--text2);margin-top:-10px!important;height:50px!important;padding-top:5px!important}
#menu .raum.w1{width:930px}
#menu .raum.w2{width:845px}
#menu .raum.w3{width:760px}
#menu .raum.w4{width:675px}
#menu .raum.w5{width:590px}
#menu .raum.w6{width:505px}
#menu .raum.w7{width:420px}
#menu .raum.w8{width:335px}
#menu .raum.w9{width:250px}
#menu .raum.w10{width:165px}
#menu .raum.w11{width:80px}
#menu .raum.w12{width:0;margin:0}
#hauptmenu,#submenu{display:block;clear:both}
#hauptmenu .btn:not(.nav):not(.superaktiv):not(.zurueck){margin-left:5px}
#submenu button{width:calc((100% - 30px) / 7)!important}
#submenu{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}
#hauptmenu button{margin:0 0 0 5px;border-radius:10px 10px 0 0}
.platzunten.w1{width:calc(100% - 5px - ((100% - 30px) / 7))!important}
.platzunten.w2{width:calc(100% - 10px - (2 *((100% - 30px) / 7)))!important}
.platzunten.w3{width:calc(100% - 15px - (3 *((100% - 30px) / 7)))!important}
.platzunten.w4{width:calc(100% - 20px - (4 *((100% - 30px) / 7)))!important}
.platzunten.w5{width:calc(100% - 25px - (5 *((100% - 30px) / 7)))!important}
.platzunten.w6{width:calc(100% - 30px - (6 *((100% - 30px) / 7)))!important}
.platzunten.w7{width:0!important}
.wall{width:100%;margin:0!important}
.w0{width:calc((100% - 85px));margin:0 0 0 5px!important}
.w1{width:calc((100% - 170px))}
.w2{width:calc((100% - (3 * 85px)))}
.w3{width:calc((100% - (4 * 85px)))}
.w4{width:calc((100% - (5 * 85px)))}
.w5{width:calc((100% - (6 * 85px)))}
.w6{width:calc((100% - (7 * 85px)))}
.w7{width:calc((100% - (8 * 85px)))}
.w8{width:calc((100% - (9 * 85px)))}
.w9{width:calc((100% - (10 * 85px)))}
.w10{width:calc((100% - (11 * 85px)))}
#randmenu button,#randmenu a{width:var(--menu);clear:both;height:50px;text-align:left;animation:menulinks .2s;animation-fill-mode:forwards;left:var(--menu-aus);background:0;margin:10px 0 0 0;float:left;display:block}
#randmenu button#logout{animation:none;left:0;transition:0s;margin-top:-5px!important}
#randmenu button b,#randmenu a b{float:left;width:calc(100% - 50px);height:50px;line-height:50px;padding-left:10px;border-radius:0 5px 5px 0;font-weight:400;color:var(--text3);background:var(--ovo-blau)}
#randmenu button:hover span,#randmenu a:hover span{background-color:var(--hover)}
#randmenu button span,#randmenu a span{width:50px;height:50px;background-color:var(--button);background-size:30px 30px;padding:10px;border-radius:5px 0 0 5px;float:left;z-index:2;transition:background-color var(--transition);font-size:26px;font-weight:700;display:flex;justify-content:center;align-items:center}
#randmenu .benutzer,#mobilmenu .benutzer{width:100%;left:0;color:var(--ovo-blau);padding:10px 10px 15px 10px;border-radius:10px 10px 0 0;border:1px solid var(--ovo-blau);border-bottom:0;float:left;margin-top:10px}
#randmenu #dcv{width:200px;height:100px;display:block;color:var(--button);text-align:center;text-decoration:none;margin:20px 0 0 0;left:0;border-radius:5px;animation:none;background:url(partner/dcv2.png) top left}
#randmenu #dcv:hover{background-position:bottom left;}
#randmenu span.pulse{animation:pulse 2s infinite;animation-delay:2s}
#nebenmenu>a{color:#FFF;text-decoration:none;background:var(--ovo-grau);display:block;width:220px;clear:both;height:40px;line-height:40px;padding:0 0 0 30px;margin:0;border-radius:20px 0 0 20px;text-align:left;animation:menurechts .2s;animation-fill-mode:forwards;right:-220px}
#nebenmenu>a+a{margin-top:10px}
#nebenmenu>a:hover{background:var(--hover)}
#randmenu>*:nth-child(2),#nebenmenu a:nth-of-type(2){animation-delay:.1s}
#randmenu>*:nth-child(3),#nebenmenu a:nth-of-type(3){animation-delay:.2s}
#randmenu>*:nth-child(4),#nebenmenu a:nth-of-type(4){animation-delay:.3s}
#randmenu>*:nth-child(5),#nebenmenu a:nth-of-type(5){animation-delay:.4s}
#randmenu>*:nth-child(6),#nebenmenu a:nth-of-type(6){animation-delay:.5s}
#randmenu>*:nth-child(7),#nebenmenu a:nth-of-type(7){animation-delay:.6s}
#randmenu>*:nth-child(8),#nebenmenu a:nth-of-type(8){animation-delay:.7s}
.iconlink{width:40px;height:40px;cursor:pointer;text-decoration:none;background-color:var(--button);padding:8px;display:block;float:left;border-radius:0 10px 10px 0;background-size:22px 22px;z-index:2}
.iconlink:hover{background-color:var(--hover)}
nav{pointer-events:none;z-index:-1;width:100%;display:none;overflow-y:scroll;overflow-x:hidden}
nav.on{pointer-events:all;z-index:8;display:block;margin-top:200px;height:calc(100vh - 200px);padding:0 calc((100% - var(--max-breite)) / 2);padding-bottom:70px;}
/*nav.voll{pointer-events:all;z-index:8;display:block;margin-top:60px;height:calc(100vh - 60px);padding:0 calc((100% - var(--max-breite)) / 2);padding-bottom:70px;}*/
nav.report{pointer-events:all;z-index:8;display:block;margin-top:60px;height:calc(100vh - 60px);padding:0 calc((100% - var(--max-breite)) / 2);padding-bottom:70px;}
nav article>b,nav article>div>b,#fenster article>b,#fenster article>div>b,#fenster section>b,#proben>b,#proben>div>b,#aktionen b,#personen b,#organisation>div>b,#organisation>div>div>b,#personen_tags > b,#org_tags > b{font-weight:400;font-size:20px;color:#FFF;text-align:center;background:var(--kopf);margin:10px 0;float:left;display:block;height:30px;line-height:30px;width:100%}
#organisation>div>div>b.mini{font-weight:400;font-size:16px;color:#FFF;text-align:center;background:linear-gradient(90deg, rgba(0,0,0,0), var(--ovo-blau), rgba(0,0,0,0));margin:5px 0;float:left;display:block;height:22px;line-height:22px;width:100%}
nav label,#fenster label:not(.gema-button){float:left;width:var(--label);line-height:40px;text-align:right;padding-right:10px;background:var(--verlauf);color:var(--text3);font-size:18px}
nav input,nav select,nav cite,#fenster cite,#fenster input,#fenster select{float:left;height:40px}
#funktionsrollen cite{min-height:40px;height:auto}
nav label+input,nav label+select,nav label+cite,#fenster label+input,#fenster label+select,#fenster label+cite{width:50%;border-radius:0 10px 10px 0}
select[name="beitrag-gruppe[]"], select[name="org-tag[]"]{width:calc(50% - 40px)!important;border-radius:0!important}
select[name="beitrag-gruppe[]"] + button, select[name="org-tag[]"] + button{width:40px!important;border-radius:0 10px 10px 0!important}
nav label>div{width:40px;height:40px;position:absolute;left:15px;top:0;overflow:visible}
nav label>div svg{width:100%;height:100%;padding:10px;transform-origin:center;overflow:visible}
nav input,#fenster input{line-height:40px}
cite{color:var(--text2);float:left;width:50%;line-height:40px;font-size:18px;padding:0 10px;font-style:normal;background:#FFF var(--streifen) repeat;box-shadow:inset 0 0 2px 0 var(--ovo-grau)}
nav cite{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
cite.big{height:auto!important;min-height:40px;line-height:25px;padding:10px!important;border-radius:0 10px 10px 10px!important}
nav label.liste{color:#000;float:left;text-align:left;width:50%;min-height:40px;display:flex;flex-direction:column;justify-content:center;line-height:26px;font-size:18px;padding:0 10px;border-radius:0 10px 10px 0;background-color:#FFF;background-image:var(--streifen)}
nav .richtext,#fenster .richtext{width:100%;border-radius:10px;height:350px;padding:10px 15px;margin:5px 0 0 0;transition:var(--transition);background:#FFF;display:block;clear:both;overflow:auto}
nav .richtext>*,#fenster .richtext>*{font-size:18px;color:var(--text2)}
nav .ganz,#fenster .ganz{width:100%;background:var(--ovo-blau);text-align:center}
nav .ganzhalb,#fenster .ganzhalb{width:calc(50% - 2.5px)}
nav .ganzhalb+.ganzhalb,#fenster .ganzhalb+.ganzhalb{margin-left:5px}
nav .ganzdrittel,#fenster .ganzdrittel{width:33%!important}
nav .ganzdrittel+.ganzdrittel,nav .leerdrittel+.leerdrittel,#fenster .ganzdrittel+.ganzdrittel,#fenster .leerdrittel+.leerdrittel{margin-left:.5%}
nav .leer,#fenster .leer{background:0}
nav .leerhalb,#fenster .leerhalb{width:50%;background:none!important;text-align:left}
nav .leerhalb label,#fenster .leerhalb label{background:none!important;text-align:left}
nav .leerdrittel,#fenster .leerdrittel{width:33%!important;background:none!important;text-align:left}
nav .leerdrittel label,#fenster .leerdrittel label{background:none!important;text-align:left;width:99%;margin-left:1%}
nav .spalte,#fenster .spalte{height:5px;width:5px;float:left;display:block;overflow:hidden}
nav label.recht{width:var(--label)}
nav label.box,#fenster label.box{background:0;clear:none;padding:0 0 0 10px;width:auto;height:40px;border-radius:0;color:var(--ovo-blau)}
.box.mini{font-size:85%!important;width:38%!important;line-height:15px!important;height:40px!important;padding:6px 5px 0 0!important;color:var(--hover)!important}
.box.mini *{float:left!important}
.box.mini span{border-radius:5px!important;width:30px!important;margin:0 0 0 7px!important}
nav label.zugriff{background:0;width:12.5%;clear:none;padding:0 0 0 10px;text-align:left}
#copyright{position:absolute;bottom:15px;left:5%;width:90%;text-align:center;font-size:14px;color:var(--text2)}
.login{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}
.login article{width:90%;max-width:400px;border-radius:20px;background:var(--ovo-blau);padding:20px;z-index:2}
.login input{border-radius:10px;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:none!important}
.login h1{font-size:24px;width:100%;text-align:center;font-weight:600;margin:20px 0;color:var(--text3);text-transform:uppercase}
.login label{font-size:16px;width:100%;text-align:center;display:inline-block;margin:10px 0;color:var(--text3)}
.login hr{height:25px;outline:0}
.login cite{width:100%;padding:20px;color:#FFF;border-radius:10px;background:var(--red);text-align:center;margin:30px 0;font-style:normal;font-size:19px;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
.login cite.gut{background:var(--green)}
.login #kennwort-vergessen{display:none}
.login button,.login .btn{width:48%}
.login button{margin-left:4%}
.login a.hilfe{position:absolute;left:0;bottom:-35px;text-align:center;width:100%;max-width:400px;display:inline-block;font-size:18px}
.logbtn{width:100%!important;text-decoration:none;margin-top:15px}
.login .links{margin:0!important}
.login .links a{text-decoration:none;color:#FFF}
.login .rechts{margin-left:2%}
.feature:nth-child(1){animation-delay:1.2s}
.feature:nth-child(2){animation-delay:1.4s}
.feature:nth-child(3){animation-delay:1.6s}
.feature{animation:feature-count .3s linear;animation-fill-mode:forwards;opacity:0;left:-200px}
.feature b{background:var(--ovo-blau);color:#FFF;text-align:center;border-radius:15px;float:left;width:120px;height:90px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:400;margin-bottom:20px}
#bildschirm{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:var(--max-breite);overflow:visible;margin-left:var(--menu)}
.block{transform:scale(0);opacity:0;background:var(--ovo-blau);background-size:100%;padding:20px;border-radius:10px;min-height:130px;width:calc((100% - 60px) / 4);float:left;margin-top:20px;cursor:pointer;animation:popup .3s linear;animation-fill-mode:forwards;transition:background var(--transition)}
.block:nth-of-type(1){animation-delay:.1s}
.block:nth-of-type(2){animation-delay:.2s}
.block:nth-of-type(3){animation-delay:.3s}
.block:nth-of-type(4){animation-delay:.4s}
.block:nth-of-type(5){animation-delay:.5s}
.block:nth-of-type(6){animation-delay:.6s}
.block:nth-of-type(7){animation-delay:.7s}
.block:nth-of-type(8){animation-delay:.8s}
.block:hover{background:var(--hover)}
.block span{width:40px;height:40px;float:left;color:#FFF;position:absolute;right:20px;top:15px;pointer-events:none}
.block h4{font-size:19px;color:#FFF;margin:0 0 20px 0;text-transform:uppercase;pointer-events:none}
.block p{color:#FFF;display:block;line-height:24px;font-size:15px;pointer-events:none}
.block button,.block .btn{width:50%;position:absolute;bottom:20px;left:20px}
.block+.block{margin-left:20px}
.block.aktiv{background:var(--hover)!important}
.funktionen{position:absolute;left:0;border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,0.2);overflow:hidden}
.funktion{float:left;padding:5px;overflow-y:auto;height:290px;background:#FFF}
.funktion:nth-of-type(1),.funktionen b:nth-of-type(1){width:100px;clear:left}
.funktion:nth-of-type(2),.funktionen b:nth-of-type(2){width:150px}
.funktion:nth-of-type(3),.funktionen b:nth-of-type(3){width:150px}
.funktion:nth-of-type(4),.funktionen b:nth-of-type(4){width:200px}
.funktion:nth-of-type(3) label{text-align:center}
.funktion:nth-of-type(4) label{text-align:left}
.funktion label{width:100%;clear:both;background:0;padding:0 5px;height:30px;line-height:30px;margin:5px 0 0;cursor:pointer}
.funktion label:hover{background:var(--hover);color:#FFF}
.funktionen b{clear:none;padding:0;margin:0;height:30px;line-height:30px;background:#DDD;color:var(--button);font-size:16px;float:left}
.ergebnis{width:100%;text-align:center;padding:10px;color:#FFF;background-color:var(--green);background-image:var(--streifen);background-repeat:repeat;border-radius:10px;font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,0.6);margin:0 0 15px}
.meldung{width:100%;text-align:center;padding:10px;color:#FFF;margin:0;background-image:var(--streifen);background-repeat:repeat;border-radius:10px;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,0.9);clear:both}
.beschreibung{width:100%;text-align:center;padding:10px 15px;color:#FFF;margin:0;background:var(--ovo-blau);border-radius:10px;font-size:18px;clear:both;line-height:26px}
.warnung{background-color:var(--red)}
.hinweis{background-color:var(--yellow)}
.info{background-color:var(--green)}
.intobrain{width:100%;text-align:center;padding:10px;color:#FFF;margin:0;border-radius:10px;font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,0.6);clear:both;background-color:var(--hover)}
#offenes_profil .meldung{box-shadow:none}
input.iconinput,cite.iconinput{width:calc(100% - var(--label) - 40px)!important;border-radius:0!important}
::placeholder{color:#a0b3c6!important;opacity:1!important}
:-ms-input-placeholder{color:#a0b3c6!important;opacity:1!important}
::-ms-input-placeholder{color:#a0b3c6!important;opacity:1!important}
::-moz-selection{color:#FFF;background:var(--hover)}
::selection{color:#FFF;background:var(--hover)}
::-o-selection{color:#FFF;background:var(--hover)}
::-webkit-selection{color:#FFF;background:var(--hover)}
input::-webkit-datetime-edit-day-field:focus{background-color:var(--text2);color:#FFF;outline:0}
input::-webkit-datetime-edit-month-field:focus{background-color:var(--text2);color:#FFF;outline:0}
input::-webkit-datetime-edit-year-field:focus{background-color:var(--text2);color:#FFF;outline:0}
/*::scrollbar{width:5px;height:10px}*/
/*::scrollbar-track{background:#FFF}*/
/*::scrollbar-thumb{background-color:var(--hover);border-radius:0;border:0}*/
/*::-webkit-scrollbar{width:5px;height:10px}*/
/*::-webkit-scrollbar-track{background:#FFF}*/
/*::-webkit-scrollbar-thumb{background-color:var(--hover);border-radius:0;border:0}*/
select option:disabled{color:var(--red)!important}
#organisation a.btn{width:185px;text-transform:none!important;text-decoration:none;text-align:left;padding:0 0 0 55px!important;margin:28px 0 0 20px!important}
#fenster>article{display:none;padding-bottom:50px}
#fenster>article.on{display:inline-block}
#person{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
#person section{width:49.5%;height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;z-index:2}
#person section h5{width:50px;height:50px;background:0;color:var(--text3)!important;line-height:50px;padding:0;text-align:center;border-radius:50%;position:absolute;top:10px;right:10px;font-size:22px;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
#person section h5.ultra{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 97.6 97.6"><defs><linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(45)"><stop offset="0%" style="stop-color:%23BC0079"/><stop offset="60%" style="stop-color:%23F06292"/><stop offset="100%" style="stop-color:%23BC0079"/></linearGradient></defs><polygon fill="url(%23g1)" stroke="%23172C40" points="48.3,8.3 61.24,0 68.3,13.66 83.65,12.94 82.94,28.3 96.59,35.36 88.3,48.3 96.59,61.24 82.94,68.3 83.65,83.65 68.3,82.94 61.24,96.59 48.3,88.3 35.36,96.59 28.3,82.94 12.94,83.65 13.66,68.3 0,61.24 8.3,48.3 0,35.36 13.66,28.3 12.94,12.94 28.3,13.66 35.36,0"/></svg>');}
#person section h5.gold{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 97.6 97.6"><defs><linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(45)"><stop offset="0%" style="stop-color:%23CE9400"/><stop offset="60%" style="stop-color:%23FEC430"/><stop offset="100%" style="stop-color:%23CE9400"/></linearGradient></defs><polygon fill="url(%23g1)" stroke="%23172C40" points="48.3,8.3 61.24,0 68.3,13.66 83.65,12.94 82.94,28.3 96.59,35.36 88.3,48.3 96.59,61.24 82.94,68.3 83.65,83.65 68.3,82.94 61.24,96.59 48.3,88.3 35.36,96.59 28.3,82.94 12.94,83.65 13.66,68.3 0,61.24 8.3,48.3 0,35.36 13.66,28.3 12.94,12.94 28.3,13.66 35.36,0"/></svg>');}
#person section h5.silber{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 97.6 97.6"><defs><linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(45)"><stop offset="0%" style="stop-color:%23888"/><stop offset="60%" style="stop-color:%23BBB"/><stop offset="100%" style="stop-color:%23888"/></linearGradient></defs><polygon fill="url(%23g1)" stroke="%23172C40" points="48.3,8.3 61.24,0 68.3,13.66 83.65,12.94 82.94,28.3 96.59,35.36 88.3,48.3 96.59,61.24 82.94,68.3 83.65,83.65 68.3,82.94 61.24,96.59 48.3,88.3 35.36,96.59 28.3,82.94 12.94,83.65 13.66,68.3 0,61.24 8.3,48.3 0,35.36 13.66,28.3 12.94,12.94 28.3,13.66 35.36,0"/></svg>');}
#person section h5.bronze{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 97.6 97.6"><defs><linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="0%" gradientTransform="rotate(45)"><stop offset="0%" style="stop-color:%23BF5B00"/><stop offset="60%" style="stop-color:%23D78C68"/><stop offset="100%" style="stop-color:%23BF5B00"/></linearGradient></defs><polygon fill="url(%23g1)" stroke="%23172C40" points="48.3,8.3 61.24,0 68.3,13.66 83.65,12.94 82.94,28.3 96.59,35.36 88.3,48.3 96.59,61.24 82.94,68.3 83.65,83.65 68.3,82.94 61.24,96.59 48.3,88.3 35.36,96.59 28.3,82.94 12.94,83.65 13.66,68.3 0,61.24 8.3,48.3 0,35.36 13.66,28.3 12.94,12.94 28.3,13.66 35.36,0"/></svg>');}
#person section .dcv-euro{width:24px!important;height:24px!important;right:47px!important;top:3px!important}

#person section h5.aktivzeit{background:var(--ovo-grau)!important;color:var(--ovo-blau)!important;text-shadow:none!important}
#person section .dcv-euro{width:20px!important;height:20px!important;right:15px!important;top:-7px!important;}

#person cite.drittel{text-align:center}
#person section h5 .icon{position:absolute;top:50px;right:10px;width:30px;height:30px}
#person section figure::after,#organisationen section figure::after,#gemaliste section figure::after,#ehrungen section figure::after,#rechnungen section figure::after{content:'';background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFF" d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"/></svg>');background-color:var(--red);width:60px;height:60px;border-radius:50px;background-repeat:no-repeat;background-size:60%;background-position:center;box-shadow:0 0 10px rgba(0,0,0,0.5);opacity:0;transition:var(--transition);pointer-events:none;position:absolute}
#ehrungen section figure::after{width:40px;height:40px}
#person section figure:hover::after,#person section figure.inaktiv::after,#organisationen section figure:hover::after,#organisationen section figure.inaktiv::after,#gemaliste section figure:hover::after,#gemaliste section figure.inaktiv::after,#ehrungen section figure:hover::after,#ehrungen section figure.inaktiv::after,#rechnungen section figure:hover::after,#rechnungen section figure.inaktiv::after{opacity:.8;z-index:99}
#person section.frau figure{background-position-x:-90px}
#person section.herr figure{background-position-x:0}
#personen #neue-org-nr{width:70px!important;float:left;border-radius:0}
#personen #neue-org-nr:focus,#neue-org-nr:active{box-shadow:none!important}
#personen #neue-org-nr.voll{width:150px!important;float:left;border-radius:10px!important}
#personen>article>div{width:100%;padding:5px;background:#FFF;float:left;border-radius:0 0 10px 10px;max-height:400px;overflow-y:auto}
#personen>article>div>button:hover{background:var(--hover)}
#personen>article>div>button{font-family:CDR,sans-serif;font-size:18px;background:var(--button);display:block;float:left;text-align:center;height:40px;line-height:40px;padding:0 10px;color:#FFF;cursor:pointer;margin:.5%;width:13.25%;border-radius:10px}
.sofort section{margin-top:0!important;opacity:1!important;animation:none!important}
#proben section{width:100%;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ovo-blau);margin-bottom:15px}
#proben section:hover{background:var(--hover)}
#proben section+section{margin-top:15px}
#proben section figure{background:var(--hover);line-height:100px;font-size:50px;text-align:center;font-weight:700}
#proben section .links{width:60px!important;height:100%;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;margin:0!important}
#proben section button+.links{right:50px}
#proben section .links a{width:40px!important;height:40px!important;margin:0!important;background-size:24px 24px}
#proben section h4{float:left;width:calc(100% - 200px);margin:0;padding:15px 0 10px 15px;font-size:22px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#proben section h5{float:left;width:250px;margin:0;padding:0 0 0 15px;color:rgba(255,255,255,0.5);font-size:24px}
#proben section h6{float:left;width:calc(100% - 450px);margin:0;padding:5px 0 0 0;font-size:18px;font-weight:400;text-overflow:ellipsis;overflow:hidden}
#proben section button{width:50px;height:100%;position:absolute;right:0;top:0;padding:10px;border-radius:0;background-size:30px 30px}
#proben>div:not(.probendetail){display:inline-block;margin-top:20px;width:100%}
#proben>div>h6{text-align:right;color:#FFF;font-size:18px;padding:0 20px 0 0;height:30px;line-height:30px;font-weight:400;overflow:hidden;border-radius:0 10px 0 0;background:var(--verlauf-dunkel)}
#proben>div>h6 div{width:50px;height:30px;background-color:var(--button);cursor:pointer;text-align:center;float:right;margin:0 -20px 0 20px;background-size:22px 22px}
#proben>div>h6 div:hover{background-color:var(--hover)}
#proben div.raus{animation:raus .5s;animation-fill-mode:forwards}
#proben .probendetail{opacity:0;max-height:0;pointer-events:none;display:block;overflow:hidden;clear:both;transition:var(--transition)}
#proben .probendetail.on{opacity:1;max-height:1000px;pointer-events:all;margin:-15px 0 20px 0}
.dashboard section{width:100%;border-radius:10px;overflow:hidden;background:var(--ovo-blau);transition:var(--transition);display:flex;flex-direction:column;justify-content:space-evenly;height:60px;margin-bottom:10px}
.dashboard section figure{background-color:var(--ovo-blau);line-height:60px;font-size:30px;text-align:center;color:#FFF;font-weight:700;width:60px;height:60px;position:absolute;top:0;left:0;background-size:32px 32px}
.dashboard section h4,.dashboard section h5{float:left;width:calc(100% - 80px);margin:0;padding-left:80px;color:#FFF;font-size:20px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dashboard section h5{color:rgba(255,255,255,0.5);font-size:16px;font-weight:400}
.dashboard section .links{width:110px;height:100%;position:absolute;top:0;right:15px;display:flex;align-items:center;justify-content:flex-end}
.dashboard section .links a{width:40px!important;height:40px!important;margin:0 0 0 15px!important;background-size:24px 24px}
.dashboard section button+.links{right:65px}
.dashboard article p{width:100%;background:var(--ovo-blau);padding:15px;color:var(--text3);font-size:18px;border-radius:10px}
.fenster-zu{width:80px!important;height:40px;border-radius:10px 15px 0 0;text-align:center;margin-top:0;transition:var(--transition)}
.fenster-zu:hover{background-color:var(--hover);margin-top:-10px;height:50px;padding:5px 0}
/*#fenster{pointer-events:none;z-index:-1;margin-top:160px;opacity:0;width:var(--max-breite);height:calc(100vh - 160px);position:absolute;transition:var(--transition);background:var(--ovo-grau);display:none;overflow-y:auto}*/
/*#fenster{pointer-events:none;z-index:-1;margin-top:160px;opacity:0;width:calc(100% - var(--menu) - 10px);height:calc(100vh - 160px);left:calc(var(--menu) + 5px);position:absolute;transition:var(--transition);background:var(--ovo-grau);display:none;overflow-y:scroll;overflow-x:hidden;padding:0 calc(50% - (var(--menu) + var(--max-breite)) / 2) 0 calc(50% - (var(--menu) + var(--max-breite)) / 2)}*/
#fenster{pointer-events:none;z-index:-1;margin-top:160px;opacity:0;width:calc(100% - var(--menu) - 10px);height:calc(100vh - 160px);left:calc(var(--menu) + 10px);position:absolute;transition:var(--transition);background:var(--ovo-grau);display:none;overflow-y:scroll;overflow-x:hidden;padding:0 calc(((100% - var(--menu) - 10px) - var(--max-breite)) / 2)}
#fenster.on{pointer-events:all;z-index:98;opacity:1;display:block;outline:2000px solid var(--ovo-grau)}
#profilmenu{width:var(--max-breite);height:40px;margin-top:-100px;position:fixed;z-index:91;background:#334;border-radius:10px;overflow:hidden}
#profilmenu button{position:absolute;right:0;top:0;border-radius:0;background-size:30px 30px}
#profilmenu button:hover{margin:0!important;height:40px!important}
#profilmenu.on{animation:menuoben .5s;animation-fill-mode:forwards}
#orgmenu{width:var(--max-breite);height:80px;margin-top:-100px;position:fixed;z-index:91}
#orgmenu>.leer{height:40px;background:#334;border-radius:10px 10px 0 0;margin:0 5px 0 5px;float:left;width:745px}
#orgmenu.on{animation:menuoben .5s;animation-fill-mode:forwards}
#orgmenu h4{width:100%;color:#FFF;height:40px;line-height:40px;font-size:24px;text-align:center;position:absolute;bottom:0;left:0;z-index:10;background:var(--hover);border-radius:0 0 10px 10px;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#personenmenu button{color:#FFF;border-radius:10px 10px 0 0;width:160px;transition:var(--transition);height:40px;line-height:40px;margin-top:0;background-size:26px 26px}
#orgmenu .btn{float:right;width:80px;border-radius:10px 10px 0 0;margin:0;transition:var(--transition)}
#orgmenu .btn+.btn{margin-right:5px}
#orgmenu .btn:hover,#orgmenu .btn.aktiv{background-color:var(--hover);padding-top:5px;margin-top:-10px;height:50px}
article#personenliste label{width:calc(100% - 30px);background:var(--ovo-blau);color:#FFF;padding:0 10px;height:30px;line-height:30px;margin:0 0 5px 30px;border-radius:0 5px 5px 0;text-align:left}
article#personenliste label span{position:absolute;left:-30px;border-radius:5px 0 0 5px;margin:0;background-size:60%!important}
article#personenliste label i{float:right;overflow:hidden;font-style:normal;text-align:right}
#personenprofil{padding:5px 0 50px 0;width:100%;margin-top:100px;opacity:0;animation:fenster .3s;animation-fill-mode:forwards;transition:var(--transition);display:inline-block}
#personenprofil #funktionstemplate,#personenprofil #rollentemplate{display:none}
#personenprofil section{overflow:hidden;clear:both;margin:0 0 10px 0}
#personenprofil section.raus{animation:raus .5s!important;animation-fill-mode:forwards}
#personenprofil section.neu{animation:rein .5s;animation-fill-mode:forwards}
#personenprofil section h6{text-align:right;color:#FFF;font-size:18px;padding:0 20px 0 0;background:linear-gradient(90deg,#223,var(--ovo-blau) 90%);height:30px;line-height:30px;font-weight:400;overflow:hidden;border-radius:0 10px 0 0}
#personenprofil section>input:first-of-type{border-radius:0 0 10px 0}
#personenprofil section:not(.neu)>input:first-of-type{border-radius:0}
input.mitreset{width:calc(50% - 40px)!important;border-radius:0!important}
input.mitreset+button{width:40px;border-radius:0 10px 10px 0;transition:var(--transition);background-size:22px 22px}
.org-liste{clear:both;display:block}
#personenprofil section textarea{width:50%;background:#FFF;padding:7px 10px;float:left;display:block;border-radius:0 10px 10px 0;height:75px;font-size:16px;resize:none}
#personenprofil h5{color:var(--text2);font-size:22px;text-align:right;margin-bottom:20px}
#personenprofil .btn{width:60px;float:right;margin:0;border-radius:10px}
#personenprofil .btn.big{width:200px;padding:0 10px 0 55px;line-height:40px;text-align:left}
#personenprofil .entferner{width:40px;height:30px;background-color:var(--button);cursor:pointer;text-align:center;float:right;margin:0 -20px 0 20px;background-size:22px 22px;background-position:center}
#personenprofil .entferner:hover{background-color:var(--hover)}
#personenprofil .btn+.btn,#personenprofil a+.btn,#personenprofil .btn+a{margin-right:15px;float:right}
#personenprofil p{float:right;width:auto;color:var(--ovo-blau);font-size:16px;padding:10px 15px 0 0}
#fenster p.zuweisung{float:left!important;width:100%!important;color:var(--text3)!important;font-size:18px!important;line-height:26px!important;padding:15px!important;margin:15px 0!important;border-radius:10px;box-shadow:none;background:var(--ovo-blau);text-align:left;clear:both}
#personenprofil #rolle-box-ergebnis p,#personenprofil #org-box-ergebnis p{color:var(--ovo-blau);padding:5px 10px}
#personenprofil label div{position:absolute;left:15px;top:10px;width:20px;height:20px}
#personenprofil label div svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
#personenprofil #profil-privat-liste{display:none;background:var(--ovo-blau);border-radius:10px;text-transform:none;padding:0 0 10px 0;z-index:999;overflow:hidden;width:570px;position:absolute;top:110%;right:0;box-shadow:-2px 2px 5px var(--hover)}
#personenprofil #hellsicht1,#personenprofil #hellsicht2{display:none;width:50%;border-radius:0 10px 10px 0}
#personenprofil #hellsicht{width:40px;height:40px;position:absolute;top:20px;left:20px;z-index:9;transition:var(--transition);background-size:26px 26px}
#personenprofil hr+.org-liste>.org-box-bundle{border-radius:0 10px 10px 0!important}
#passworttest{overflow:hidden;display:none;clear:both;width:100%;text-align:center;padding:8px 20px;color:#FFF;margin:0;background-image:var(--streifen);background-repeat:repeat;border-radius:10px;font-size:16px;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
.login #passworttest{border:0;margin-top:15px;float:left}
#passworttest.gut{display:block;background-color:var(--green)}
#passworttest.schlecht{display:block;background-color:var(--red)}
#personenprofil #profil-privat-liste label{margin-left:5px;color:#FFF!important}
#personenprofil #profil-privat-liste label+label{margin-top:5px}
#personenprofil #profil-privat-liste p{color:#FFF;background:var(--hover);font-size:16px;line-height:22px;text-align:center;padding:7px 10px;margin:0 0 10px 0;width:100%}
#personenprofil #profil-privat-liste .profil-schalter{max-height:5px;overflow:hidden;clear:both;display:block;transition:0.3s;padding:0 0 5px 0}
#personenprofil #profil-privat-liste .profil-schalter.on{max-height:500px}
#personenprofil #profil-privat-liste .inset{margin-left:40px;display:block;clear:both}

#personenprofil #benutzername-check,#personenprofil #email-check{display:none;width:100%;text-align:center;padding:8px 10px;color:#FFF;background-image:var(--streifen);background-repeat:repeat;border-radius:10px;font-size:18px;clear:both;box-shadow:none}
select[name="profil-rolle[]"]{border-radius:0 0 10px 0!important}
section input.rollenorg{border-radius:0 10px 0 0!important}
section input.funktionsorg{border-radius:0!important}
section.neu input.rollenorg{border-radius:0 10px 10px 0!important}
#personenhistorie,#personenehrungen,#personenrolle,#personensepa{width:100%;overflow:hidden}
#offenes_profil #personenhistorie{display:block!important;background:none!important;padding:0;margin:0!important}
#offenes_profil #personenhistorie section figure{background:var(--ovo-blau);border-radius:0;width:60px;height:100%}
#offenes_profil #badges{width:100%;background:var(--ovo-blau);overflow:hidden;cleaR:both;border-radius:10px;padding:15px 0 0 0}
#personenprofil cite.hoch{height:75px;line-height:26px;font-size:16px}
#personenprofil label.hoch{height:75px;line-height:75px}
#personenprofil cite.halb{width:25%}
#personenprofil cite.halb+.halb{margin:0}
#personensepa .sepa-liste{margin:0 0 15px 0;clear:both;float:left}
#personensepa .sepa-liste > div{margin:0;padding:10px 15px;background:var(--ovo-blau);width:100%;color:#FFF;border-radius:10px 10px 0 0;font-size:18px}
#personensepa .sepa-liste > div span{font-family:CDR, sans-serif;margin-right:10px;font-size:18px}
#personensepa .sepa-liste > div dd{clear:both;opacity:0.5;font-size:16px;margin-top:5px}
main.profil{padding:50px 0;overflow-y:auto}
main.profil #aktionen{margin:0!important}
main.profil+#aktionen.on{margin:0!important}
#offenes_profil{overflow:hidden!important;width:var(--max-breite)!important;margin:10px auto 0 auto}
#offenes_profil>hr{outline:0;height:5px}
#offenes_profil h5 section{background:var(--hover)!important}
#offenes_profil>figure{background-image:url(dummy.svg);background-position-x:-400px;background-color:var(--ovo-blau);z-index:9!important;border-radius:10px 0 0 10px!important;width:200px!important;height:200px!important;background-size:300%;float:left}
#offenes_profil>figure.bild{background-size:100%}
#offenes_profil.frau>figure{background-position-x:-200px}
#offenes_profil.herr>figure{background-position-x:0}
#offenes_profil>figure.selbst{background-position-x:0;background-size:100%!important}
#offenes_profil .kreis{width:36px;height:36px;float:left;margin:5px 10px 0 0;background-color:var(--hover);border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:23px 23px}
#offenes_profil>h1{width:calc(100% - 200px)!important;font-size:28px!important;color:var(--text3)!important;background:var(--ovo-blau)!important;padding:0 50px 0 20px!important;margin:0!important;border-radius:0 10px 10px 0!important;overflow:hidden;text-overflow:ellipsis;height:50px;line-height:50px}
#offenes_profil>h2{width:calc(100% - 200px)!important;color:var(--text3)!important;background:var(--ovo-blau)!important;padding:0 50px 0 20px!important;margin:5px 0 0 0!important;border-radius:0 10px 10px 0!important;height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;font-weight:400}
#offenes_profil>h3{width:calc(100% - 200px)!important;color:var(--text3)!important;background:var(--ovo-blau)!important;padding:0 50px 0 20px!important;margin:5px 0 0 0!important;border-radius:0 10px 10px 0!important;height:45px;line-height:45px;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:400}
#offenes_profil>h4{width:calc(100% - 200px)!important;color:var(--text3)!important;background:var(--ovo-blau)!important;padding:5px 50px 5px 20px!important;margin:5px 0 0 0!important;border-radius:0 10px 10px 0!important;line-height:30px;overflow:hidden;text-overflow:ellipsis;font-size:24px;font-weight:400;height:145px;display:flex;justify-content:flex-start;align-items:center}
#offenes_profil>h4 b{display:block;cleaR:both}
#offenes_profil>h5{width:100%!important;color:var(--text3)!important;background:var(--ovo-blau)!important;padding:0 50px 0 220px!important;margin:5px 0 0 0!important;border-radius:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:20px!important;font-weight:400!important;text-align:left!important;line-height:50px!important;height:50px!important}
#offenes_profil>h5 a{color:var(--yellow)}
#offenes_profil>h5 a:hover{color:var(--text3)}
#offenes_profil>h5>section{width:200px!important;position:absolute!important;top:0!important;left:0!important;text-align:right!important;height:100%!important;padding:0 20px!important;border-radius:10px 0 0 10px!important}
#offenes_profil>h6{width:100%!important;background:var(--ovo-blau)!important;padding:0 10px 10px 0!important;margin:5px 0 0 0!important;border-radius:10px!important;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;clear:both;overflow:hidden;float:left}
#offenes_profil>h6 span{background:var(--hover);padding:10px;border-radius:5px;font-size:18px;font-weight:400;color:var(--text3);display:block;margin:10px 0 0 10px;transform:skewX(-5deg)}
#offenes_profil section>figure{background-color:var(--text2)!important}
#offenes_profil .iconlink{height:100%;position:absolute;right:0;top:0}
#offenes_profil .iconbox{height:100%;position:absolute;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--ovo-blau)!important;width:40px;border-radius:0 10px 10px 0!important;background-size:22px 22px!important}
#offenes_profil .status{height:30px;width:30px;position:absolute;right:10px;top:10px;display:block;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.2)}
#offenes_profil .status.s0{background:var(--yellow)}
#offenes_profil .status.s1{background:var(--green)}
#offenes_profil .status.s2{background:var(--orange)}
#offenes_profil .status.s3{background:var(--orange)}
#offenes_profil .status.s9{background:var(--red)}
#personenhistorie .historienorg{width:100%;clear:both;display:block;overflow:hidden}
#personenhistorie hr{margin:7px 0;outline:1px solid var(--ovo-grau);opacity:.3}
#personenhistorie .historienorg i{height:24px;line-height:24px;color:var(--ovo-grau);width:160px;float:left;display:block;font-style:normal}
#personenhistorie .historienorg b{height:24px;line-height:24px;color:var(--ovo-grau);width:105px;display:block;font-weight:400;float:left;font-family:CDR,sans-serif}
#personenhistorie .historienorg a{height:24px;line-height:24px;color:var(--text3);width:calc(100% - 265px);float:left;display:block;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
#personenhistorie section{overflow:hidden;clear:both;padding:10px 10px 10px 90px!important;background:var(--ovo-blau)!important;color:#FFF!important;border-radius:10px!important;font-size:18px!important;line-height:24px!important;min-height:150px}
#personenhistorie section+section{margin-top:5px}
#personenhistorie section a:hover{color:var(--hover)!important}
#personenhistorie>section figure{background:var(--hover);font-size:25px;color:var(--text3);font-weight:700;width:70px;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}
#personenhistorie>section figure > dl{font-weight:400;opacity:0.7;font-size:12px;float:left;clear:both;width:100%;height:20px;line-height:20px;display:block}
#personenhistorie>section figure > dd{font-weight:700;font-size:20px;float:left;clear:both;width:100%;height:22px;line-height:22px;display:block}
#personenehrungen section{width:100%;border-radius:10px;overflow:hidden;background:var(--ovo-blau);transition:var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center;height:65px;margin-bottom:12px}
#personenehrungen section figure{background:var(--ovo-blau);line-height:65px;font-size:30px;text-align:center;color:#FFF;font-weight:700;width:60px;height:65px;position:absolute;top:0;left:0}
#personenehrungen section h4{float:left;width:100%;margin:0;padding:0 10px 0 80px;color:#FFF;font-size:19px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}
#personenehrungen section h5{float:left;width:100%;margin:5px 0 0 0;padding:0 10px 0 80px;color:rgba(255,255,255,0.7);font-size:16px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}
.org-box-org{height:30px;line-height:30px;font-size:18px;clear:both;padding:0 15px 0 50%;color:var(--text3);cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:0}
.org-box-org i{height:30px;line-height:30px;width:50%;text-align:right;font-style:normal;position:absolute;top:0;left:0;padding:0 10px}
.org-box-org b{background:0;height:30px;line-height:30px;width:100px;font-weight:400;color:rgba(255,255,255,0.7);float:left;margin:0;font-family:CDR,sans-serif}
.org-box-bundle{overflow:hidden;background:linear-gradient(90deg,var(--ovo-grau),var(--ovo-blau) 50%,var(--ovo-blau) 40px);clear:both}
.org-box-org:last-of-type{background:linear-gradient(90deg,var(--ovo-grau),var(--red) 50%,var(--red) 40px);}
.org-box{width:100%;float:none;clear:both}
.org-box-tools .btn.org-box-loeschen{border-radius:10px 0 0 10px!important;float:left!important}
.org-box-tools .btn.org-box-hinzu{border-radius:0 10px 10px 0!important;float:left!important}
.org-box-tools .btn+.btn{margin:0!important}
.org-box-tools .btn.off{pointer-events:none;background:#778;color:#AAB;cursor:default}
.org-box-tools input{width:calc(100% - 120px)!important;border-radius:0!important}
#rolle-box-ergebnis,#org-box-ergebnis{display:none;width:100%;padding:10px 5px;border-radius:10px 0 10px 10px;height:255px;overflow-y:auto;z-index:99;background:#FFF;position:absolute;left:0;box-shadow:0 20px 10px rgba(0,0,0,0.5);border-top:1px solid #223}
#rolle-box-ergebnis div,#org-box-ergebnis div{height:30px;line-height:30px;clear:both;padding:0 15px 0 125px;color:var(--button);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:18px;border-radius:5px;overflow:hidden}
#rolle-box-ergebnis div b,#org-box-ergebnis div b{background:0;height:30px;line-height:30px;width:115px;font-weight:400;color:var(--button);position:absolute;top:0;left:0;clear:none;float:left;margin:0;text-align:center;font-family:CDR,sans-serif}
#rolle-box-ergebnis div:hover,#org-box-ergebnis div:hover{background:var(--hover);color:#FFF}
#rolle-box-ergebnis div:hover b,#org-box-ergebnis div:hover b{color:#FFF}
#personen aside b{margin-top:0}
#personen aside{width:49.5%;float:left}
#personen aside:nth-child(odd){margin-left:1%}
#personen aside#eingabe{height:550px}
#personen aside#eingabe>dd{width:100%;margin-top:10px;float:left}
#personen aside#eingabe .meldung{box-shadow:none}
#personen aside#gefundene{height:560px;overflow-y:auto;margin-top:-10px}
#personen aside#gefundene div .icon.tot{position:absolute!important;top:auto!important;bottom:0!important;right:0!important}
#personen aside#gefundene::before,#personen aside#gefundene::after,.aktionsfilter::before,.aktionsfilter::after{content:'';display:block;position:sticky;height:10px;z-index:2}
#personen aside#gefundene::before,.aktionsfilter::before{top:0;background:url(verlauf2.png) repeat-x 0 -40px}
#personen aside#gefundene::after,.aktionsfilter::after{bottom:-1px;background:url(verlauf2.png) repeat-x 0 -50px}
#personen aside div{width:100%;padding:5px 10px;line-height:20px;background:var(--button);border-radius:5px;cursor:pointer;color:var(--text3);transition:var(--transition);display:block;overflow:hidden}
#personen aside div+div{margin-top:5px}
#personen aside div:hover{background:var(--hover)}
#personen aside div p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:#FFF;font-size:16px;clear:left}
#personen aside div p span{font-family:CDR,sans-serif;color:rgba(255,255,255,0.5);font-size:16px;width:95px;float:right;text-align:right}
#personen aside div dl{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:rgba(255,255,255,0.5);padding:0;font-size:16px}
#personen aside div dd{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:rgba(255,255,255,0.75);font-size:16px;clear:left}
#personen aside div dd span{font-family:CDR, sans-serif;color:var(--hover);padding:1px 5px;background:var(--ovo-grau);font-weight:700;margin:0 5px 0 0;border-radius:3px;width:100%;display:block;overflow:hidden;text-overflow:ellipsis}
#personen aside section{color:#FFF;background-color:var(--green);width:100%;padding:10px;line-height:20px;border-radius:7px;text-align:center}
#personen .meldung{animation:none;margin:0;float:left;line-height:26px;width:100%}
#personen button{width:100%;margin:10px auto 0 auto;float:none;border-radius:10px}
#personen article>span{display:block;float:left;width:100%}
#personen article>span p{margin-top:10px!important;line-height:26px;color:#FFF;text-align:center}
/*.filter-laden,.vorlage-laden{position:absolute;background:#FFF;padding:10px;border-radius:10px;height:calc(100% - 40px);z-index:10;width:100%;top:40px;left:0;display:none;overflow-y:auto}*/
/*.filter-laden>div,.vorlage-laden>div{background:var(--button);color:#FFF;cursor:pointer;padding:0 10px;height:30px;line-height:30px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px 0;transition:var(--transition);width:calc(100% - 35px);float:left}*/
/*.filter-laden>.btn,.vorlage-laden>.btn{background-color:var(--red);background-size:15px 15px!important;width:30px!important;margin:0 0 0 5px!important;border-radius:5px!important;padding:0!important;background-repeat:no-repeat;background-position:center!important}*/
/*.filter-laden>div:hover,.vorlage-laden>div:hover{background-color:var(--hover)}*/
/*.filter-speichern,.vorlage-speichern{position:absolute;background:var(--ovo-blau);padding:10px;border-radius:10px;z-index:9;width:100%;top:50px;left:0;display:none;box-shadow:0 0 0 10px var(--ovo-grau),0 15px 15px rgba(0,0,0,0.5)}*/
/*.filter-speichern input,.vorlage-speichern input{width:calc(100% - 70px)!important;float:left;margin:0!important;background:#FFF!important;color:#000}*/
/*.filter-speichern .btn,.vorlage-speichern .btn{width:60px!important;margin-left:10px;background-position:center!important}*/
#ehrungen section{width:100%;border-radius:10px;overflow:hidden;background:var(--ovo-blau);transition:var(--transition);display:flex;justify-content:center;align-items:center;height:90px}
#ehrungen section figure{background:var(--hover);font-size:26px;font-weight:700;width:60px;height:80px;position:absolute;top:5px;left:5px;border-radius:7px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);flex-direction:column}
#ehrungen section figure > i{font-size:10px;width:100%;text-align:center;display:block;clear:both;font-style:normal;font-weight:400;margin-top:5px}
#ehrungen section figure.status1{background:var(--yellow)}
#ehrungen section figure.status2{background:var(--cyan)}
#ehrungen section figure.status3{background:var(--green)}
#ehrungen section figure.status4{background:var(--red)}
#ehrungen section figure.status8{background:#A3B}
#ehrungen section figure.status9{background:var(--hover)}
i.status0{background:var(--orange);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
i.status1{background:var(--yellow);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
i.status2{background:var(--cyan);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
i.status3{background:var(--green);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
i.status4{background:var(--red);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
i.status9{background:var(--hover);width:20px;height:20px;float:left;margin:5px 8px 0 0;border-radius:3px;box-shadow:1px 1px 1px #000}
#filter-liste.rechnungen label i{margin-top:10px}
#ehrungen section h4,#ehrungen section h5{float:left;width:100%;padding:0 0 0 10px;font-size:20px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ehrungen section dd{float:left;margin:0 0 0 10px;opacity:0.5;font-weight:400;font-size:15px;display:block;clear:both;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ehrungen section h5{color:rgba(255,255,255,0.5);font-size:16px;font-weight:700}
#ehrungen div{width:70%;line-height:26px}
#ehrungen div:last-of-type{width:30%;display:flex;justify-content:flex-end;align-items:center;flex-direction:row-reverse}
#ehrungen span{width:50%;display:block;color:rgba(255,255,255,0.6);text-align:right;padding:0 20px 0 0;float:right}
#ehrungen span{font-family:CDR,sans-serif}
#ehrungen span i{display:inline-block;width:16px;height:16px;margin:0 10px 0 0;top:2.5px}
#personenehrungen p.meldung{box-shadow:0 15px 10px -15px var(--ovo-blau)}
.ovo-upload{overflow:hidden;position:relative;padding:0 1em;cursor:pointer!important;background-size:30px 30px}
input[type=file]{display:block;font-size:999px;filter:alpha(opacity=0);min-height:100%;min-width:100%;opacity:0;position:absolute;right:0;text-align:right;top:0;max-width:80px!important}
#aktionen,#personen,#gematitel{position:fixed;background:var(--ovo-grau);border-radius:10px;box-shadow:0 0 15px var(--hover);padding:15px;width:var(--max-breite);margin:170px 0 0 0;opacity:0;pointer-events:none;z-index:-1;transition:var(--transition)}
#aktionen.on,#personen.on,#gematitel.on{margin:70px 0 0 0;z-index:996;opacity:1;pointer-events:all}
#aktionen .aktivliste{width:49%;float:left}
#aktionen .aktivliste .aktionsfilter{width:100%;overflow-y:auto;height:470px;margin:-10px 0 10px 0;clear:both;float:left}
#aktionen .aktivliste .aktionsfilter>div{max-height:10000px;row-gap:5px;display:grid;grid-template-columns:49% 49%;grid-template-rows:30px;column-gap:2%}
#aktionen h4,#personen h4,#gematitel h4{background:var(--hover);height:40px;line-height:40px;font-size:20px;font-weight:400;color:#FFF;text-align:center;margin:-15px -15px 15px -15px;border-radius:10px 10px 0 0}
#aktionen b{font-size:18px}
#aktionen .ehrungsinfo b:first-of-type{margin-top:0}
#aktionen .ehrungsinfo label.ein{left:35px}
#personen label{width:190px;background:var(--verlauf);color:var(--text3);height:40px;line-height:40px;display:block;border-radius:0;text-align:right;font-size:18px;float:left;padding:0 15px}
#personen #nummernwahl label{width:100%;background:var(--ovo-blau);color:#DDE;height:40px;line-height:40px;display:block;border-radius:10px 10px 0 0;text-align:center;font-size:18px;padding:0 15px}
#personen label+input{width:calc(100% - 190px);float:left;text-align:left;border-radius:0 10px 10px 0}
#personen label+select{width:calc(100% - 190px);height:40px;line-height:40px;padding-right:25px;border-radius:0 10px 10px 0}
#personen input{width:100%;border-radius:0 10px 10px 0;height:40px;line-height:40px;text-align:center;font-size:18px}
#aktionen .aktivliste label{width:calc(100% - 30px);background:var(--ovo-blau);color:#DDE;padding:0 10px;height:30px;line-height:30px;margin:0 0 0 30px;border-radius:0 5px 5px 0;text-align:left;display:block}
#aktionen .aktivliste label span{position:absolute;left:-30px;border-radius:5px 0 0 5px;margin:0;background-size:60%!important}
#aktionen .aktionen label{color:#FFF;padding:15px 0 0 0;height:40px;line-height:40px;text-align:left;display:block;clear:both}
#aktionen .aktionen.ehrung label{color:#FFF;padding:0;height:40px;line-height:40px;text-align:left;display:block;clear:both}
#aktionen .aktionen.ehrung > b:first-of-type{margin:0 0 10px 0}
#aktionen .aktionen{width:49%;float:left;margin-left:2%}
#aktionen .aktivliste p{background:#FFF;color:var(--ovo-blau);padding:15px}
#aktionen .aktivliste p:first-of-type{border-radius:10px 10px 0 0}
#aktionen .aktivliste p+p:last-of-type{border-radius:0 0 10px 10px}
#aktionen .aktivliste p:last-of-type{border-radius:10px}
#aktionen .btn:not(.modal-zu),#aktionen form>button{width:49%;float:left;text-align:left;border-radius:10px;background-size:22px 22px;background-position:15px center;padding:0 10px 0 50px}
#aktionen .btn.big{width:100%;clear:both;margin:0!important}
#aktionen .btn.big+.btn.big{margin-top:10px!important}
#aktionen .btn+.btn,#aktionen form>button+button{margin-left:2%}
#aktionen .btn > i{padding:0 10px;background:var(--red);border-radius:20px;height:29px;min-width:30px;display:inline-block;line-height:30px;margin-right:10px;text-align:center;font-style:normal}
.aktionen #platzhalter.btn{position:absolute;bottom:102px;left:0;opacity:.5;z-index:9;width:60px;background-size:24px 24px}
.aktionen #platzhalter.btn:hover{opacity:1}
#personenmail .anhang div.btn > span{float:right;opacity:0.6}
#personenmail .anhang div.btn > dd{background:#FFF;padding:0 10px;color:var(--text2);font-size:16px;line-height:22px;position:absolute;bottom:40px;right:0;box-shadow:-2px -2px 3px rgba(0,0,0,0.2);border-radius:10px;transition:var(--transition);max-height:0;overflow:hidden;white-space:nowrap}
#personenmail .anhang div.btn:hover dd:not(:empty){max-height:400px;padding:10px}
#mgz-export{background-size:27px 27px!important}
#platzhalterliste{position:absolute;bottom:102px;left:-150px;z-index:9;width:150px;background:#FFF;padding:5px;border-radius:10px;display:none;box-shadow:0 0 7px rgba(0,0,0,0.5)}
#platzhalterliste button{width:100%;clear:both;margin:0}
#platzhalterliste button+button{margin-top:5px}
#aktionen input{width:100%;border-radius:10px;margin:10px 0;clear:both;line-height:40px;height:40px}
#aktionen .aktivliste input{margin-top:0}
#aktionen textarea{width:100%;border-radius:10px;height:398px;margin-bottom:10px;clear:both;padding:10px;resize:none}
#aktionen .modal-zu,#personen .modal-zu,#gematitel .gema-zu{height:40px;line-height:40px;text-align:center;width:60px!important;position:absolute;top:0;right:0;border-radius:0 10px 0 0}
#aktionen .uebergabe{width:55%;float:left;background:var(--ovo-blau);border-radius:10px 0 0 10px;margin:10px 0 0 0;padding:0 10px!important;text-align:right;height:40px;line-height:40px;color:#FFF!important}
#aktionen input#uebergabe{border-radius:0 10px 10px 0;width:45%;float:left;clear:none}
#aktionen label.anhang{width:49%;float:left;clear:none;margin:0 0 0 2%;display:block;padding:0}
#aktionen label.anhang > div.anhang{width:100%}
#aktionen .ehrungsinfo{width:49%;float:left}
#aktionen .ehrungsinfo p{background:var(--ovo-blau);margin-bottom:10px;border-radius:10px;color:#FFF;padding:10px}
#aktionen .ehrungsinfo label{line-height:40px;color:var(--hover);}
/*#aktionen #personenrolle *{background:inherit;width:inherit;line-height:inherit;font-size:inherit;color:inherit;margin:inherit;padding:inherit}*/
#orgaktionen .aktionen{width:38%}
#orgaktionen .aktivliste{width:60%}
#orgaktionen .aktivliste b{margin:0 0 10px 0!important}
#orgaktionen .aktionen>.btn,#orgaktionen .aktionen>button{width:100%;margin:0 0 10px 0;text-align:left;border-radius:10px}
#orgaktionen .filter-speichern,#orgaktionen .filter-laden{top:0}
#orgaktionen .filter-laden{height:100%}
#modal{position:fixed;z-index:998;background:var(--ovo-grau);border-radius:10px;box-shadow:0 0 15px var(--ovo-blau);padding:15px;max-width:400px;width:100%;margin:100px 0 0 0;display:none;text-align:center}
#modal .meldung{box-shadow:none;margin-top:15px}
#modal h3,#aktionen h3{color:#FFF;font-size:18px;clear:both;font-weight:400}
#modal h3{background:var(--hover);margin:-15px -15px 5px -15px;padding:10px;border-radius: 10px 10px 0 0;}
#modal section{clear:both;width:100%;float:left;overflow:hidden;margin:25px auto 15px auto;display:flex;justify-content:center;align-items:center}
#modal section .btn+.btn{margin-left:10px}
#modal .cr-slider{width:100%;margin:0 auto;background:none!important;padding:0;cursor:w-resize}
#modal .cr-viewport,#modal .cr-boundary{border-radius:10px;display:block}
#modal #wartend,.ladezeit,.prozess{animation:drehen 1s linear;animation-iteration-count:infinite;animation-timing-function:steps(15,end);width:100px;height:100px;margin:0 auto;background:url(laden.svg);display:block}
.ladezeit{top:15%;left:50%;margin-left:-50px;position:absolute}
.prozess{top:15%;left:calc(50% + 50px);position:absolute;z-index:999}
#modal .btn{margin:0 auto;display:block;width:80px;float:left;border-radius:10px}
#bild-zum-croppen{width:200px;height:200px;border-radius:10px}
#modal #bild{display:none}
#mobilmenu-button{width:40px;height:40px;margin:0 5px 0 0;padding:7.5px;display:none;background-size:25px 25px}
#mobilmenu .icon{background-size:25px 25px}
#mobilmenu{position:fixed;z-index:198;top:50px;left:-250px;background:var(--ovo-blau);width:220px;height:calc(100vh - 50px);box-shadow:1px 0 3px rgba(0,0,0,0.3);transition:var(--transition)}
#mobilmenu.on{left:0}
#mobilmenu button,#mobilmenu a{width:200px;clear:both;height:40px;text-align:left;background:0;margin:10px 0 0 10px;border-radius:5px;float:left;display:block}
#mobilmenu button span,#mobilmenu a span{width:40px;height:40px;background-color:var(--button);padding:5px;border-radius:5px 0 0 5px;float:left;z-index:2;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center}
#mobilmenu button span svg,#mobilmenu a span svg{width:25px;height:25px}
#mobilmenu button b,#mobilmenu a b{float:left;width:calc(100% - 40px);line-height:40px;padding-left:10px;border-radius:0 5px 5px 0;font-weight:400;color:#FFF;background:var(--hover)}
#mobilmenu .benutzer{width:210px;bottom:47px;position:absolute}
#mobilmenu .abmeldung{bottom:10px;position:absolute}
#overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:var(--ovo-grau);z-index:-10;opacity:0;transition:opacity 0s}
#overlay.on{opacity:.9;z-index:188;transition:opacity .6s}
.tar{text-align:right!important}
.tal{text-align:left!important}
.tac{text-align:center!important}
#aktionen.ehrung{width:550px}
#aktionen.bild{height:auto;max-height:calc(100vh - 100px)!important}
#ehrungsbild{margin:0 auto;transform-origin:top center;display:none;font-family:unset;height:297mm;width:210mm;background-repeat:no-repeat;background-size:contain}
/*#ehrungsbild *{font-family:unset}*/
#ehrungsbild *{font-family:var(--ehrungsschrift)}
#ehrungsbild p{margin:0 0 6mm 0}
#ehrungsnummer{position:absolute;top:0;left:0;font-size:14px;color:#000;background:rgba(255,255,255,0.7);padding:10px;font-family:Rubik,sans-serif!important}
.erfolgsinfo p{color:#FFF;font-size:20px;padding:0 0 10px 20px}
#druckform{display:block;float:left;width:100%}
#druckform > b:first-of-type{margin-top:0}
.gema-button{width:310px!important;margin-top:10px;margin-left:calc(49.5% - 310px);text-align:left!important;padding-left:60px}
.gema-button+.gema-button{margin-left:1%;margin-right:calc(49.5% - 310px)}
#gemaliste section{height:80px}
#gemaliste section figure{width:70px;height:70px;background-repeat:no-repeat;background-position:center;background-size:40px 40px;border-radius:6px}
#gemaliste section figure::after{content:none;display:none}
#gemaliste section figure.status0{background-image:var(--icon-frage);background-color:var(--orange)}
#gemaliste section figure.status1{background-image:var(--icon-auge);background-color:var(--yellow)}
#gemaliste section figure.status2{background-image:var(--icon-daumen);background-color:var(--cyan)}
#gemaliste section figure.status3{background-image:var(--icon-haken);background-color:var(--green)}
#gemaliste section figure.status9{background-image:var(--icon-eimer);background-color:var(--red)}
#gemaliste section aside{width:calc(100% - 80px);left:80px;padding:0 15px;display:block}
#gemaliste section aside div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}
#gemaliste section aside h4{width:100%;font-size:22px}
#gemaliste section aside h5{width:100%;font-size:18px;padding:0;font-weight:400;color:rgba(255,255,255,0.5)}
#gemaliste section aside div:first-of-type{width:calc(100% - 190px);float:left}
#gemaliste section aside div:last-of-type{width:190px;float:left}
#gemaliste section aside div:last-of-type span{font-family:CDR,sans-serif!important;color:rgba(255,255,255,0.5);clear:both;display:inline-block}
#gemaliste section aside div:last-of-type span+span{margin-top:5px}
#gemaliste section aside div:last-of-type span > i{width:16px;height:16px;margin-right:10px;display:block;float:left}
label>p{color:var(--text3);text-shadow:0 0 5px var(--button);font-size:16px;padding:15px;width:100%;position:absolute;bottom:0;right:0;line-height:22px;text-align:left}
#lizenz-ja,#lizenz-nein{display:none;float:left;width:100%}
nav .halb,#fenster .halb{width:calc((100% - var(--label)) / 2)!important;border-radius:0;text-align:left!important}
nav .drittel,#fenster .drittel{width:calc((100% - var(--label)) / 3)!important;border-radius:0}
nav .viertel,#fenster .viertel{width:calc((100% - var(--label)) / 4)!important;border-radius:0}
nav .dreiviertel,#fenster .dreiviertel{width:calc(((100% - var(--label)) / 4) * 3)!important;border-radius:0}
label.oben,label.unten{background:var(--ovo-blau)!important;padding:0 10px!important;text-align:center!important}
#personenrolle button{width:250px;padding-left:55px;background-size:24px 24px;text-align:left;margin:0;float:left}
#personenrolle button:first-of-type{border-radius:10px 0 0 10px}
#personenrolle button:last-of-type{border-radius:0 10px 10px 0}
#personenrolle p.kopf{width:calc(100% - 500px);float:left;clear:none;padding:0;height:40px;line-height:40px;box-shadow:none!important;background:var(--ovo-blau);color:var(--text3);text-align:center}
.links{width:49%!important;margin-right:2%!important;float:left!important}
.rechts{width:49%!important;float:left!important}
.linker{width:68%!important;margin-right:2%!important;float:left!important}
.rechter{width:30%!important;float:left!important}
#personenrolle .profil-rolle{background-color:var(--button);color:#FFF;border-radius:10px;overflow:hidden;font-size:18px;cursor:pointer;transition:var(--transition);line-height:24px;text-overflow:ellipsis;clear:both}
#personenrolle .profil-rolle.halt{background-image:var(--streifen-dunkel)}
#personenrolle #funktionsrollen{display:block;clear:both;float:left;width:100%}
#personenrolle .profil-rolle.gesperrt{background-color:var(--ovo-blau)}
#personenrolle div:not(#selbst) .profil-rolle:hover,#personenrolle .profil-rolle.on{background-color:var(--hover)}
#personenrolle .profil-rolle+.profil-rolle{margin-top:10px}
#personenrolle .profil-rolle>span{position:absolute;right:15px;top:10px;opacity:.7;text-align:right;font-family:CDR,sans-serif;font-size:14px;pointer-events:none}
#personenrolle .profil-rolle>div{margin:10px 210px 10px 15px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;}
#personenrolle .profil-rolle>div>b{opacity:.6;font-weight:400;pointer-events:none}
#personenrolle .profil-rolle>div>i{font-style:normal;opacity:.7;pointer-events:none}
#personenrolle .profil-rolle .bearbeitung{background:var(--ovo-grau);width:100%;overflow:hidden;max-height:0}
#personenrolle .profil-rolle .bearbeitung.on{max-height:3000px;animation:erscheinen 0.5s;animation-fill-mode:forwards}
#personenrolle label.hoch{height:100px}
#personenrolle textarea{width:50%;height:100px;resize:none;border-radius:0 10px 10px 0}
#personenrolle .funktion-text,#personenrolle .funktion-ensemble{display:none;overflow:hidden}
#personenrolle .funktion-text input,#personenrolle .funktion-ensemble select{border-radius:0}
#personenrolle .funktion-ensemble select *{font-family:CDR, sans-serif}
#personenrolle .funktion-text.on,#personenrolle .funktion-ensemble.on{display:block}
#personenrolle #ergebnis{border-radius:10px;box-shadow:0 15px 10px -15px var(--ovo-blau);position:fixed;z-index:9;width:var(--max-breite);background:#FFF;padding:10px 15px;display:none;max-height:300px;overflow:hidden;overflow-y:auto}
#personenrolle #ergebnis p{color:var(--red);margin:3px 0;width:100%;text-align:left;font-size:16px}
#personenrolle #ergebnis div{color:var(--button);cursor:pointer;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;text-align:left}
#personenrolle #ergebnis div+div{margin-top:5px}
#personenrolle #ergebnis div:hover{color:var(--hover)}
#personenrolle #ergebnis div b{font-weight:400;font-family:CDR,sans-serif}
#personenrolle input[type="date"]:disabled{background:#DDD!important}
#orgliste{clear:both;display:block}
#filter-liste.ehrungen input[type="radio"]+span{margin:0 10px 0 0;background:#FFF}
#filter-liste.ehrungen label{height:30px;line-height:30px;display:block}
#filter-liste.ehrungen ul + #zeitraumsuche{width:calc(100% - 175px);float:left}
#filter-liste.ehrungen #zeitraumsuche label{width:100%;float:left}
#filter-liste.ehrungen #zeitraumsuche select{width:100%;float:left;border-radius:10px;padding:0 10px;height:37px}
#filter-liste.ehrungen #zeitraumsuche input{width:49%;height:37px;color:var(--ovo-blau)}
#filter-liste.ehrungen #zeitraumsuche input + input{margin-left:2%}
#filter-liste.ehrungen #zeitraumsuche input[name="ehrung-org-suche"]{margin:0;width:100%}
#filter-liste.ehrungen .leerer{position:absolute;top:-5px;right:0;width:30px;height:30px;background-size:16px 16px;border-radius:5px}
#filter-liste.rechnungen .leerer{position:absolute;top:20px;margin:0!important;right:15px;width:30px;height:30px;background-size:16px 16px;border-radius:5px;z-index:9}
#filter-liste.rechnungen p{width:100%}
#frage{position:fixed;z-index:9999;width:100%;max-width:600px;background-color:var(--ovo-blau);background-image:var(--streifen);background-repeat:repeat;border-radius:10px;padding:55px 15px 15px 15px;color:#FFF;top:60px;box-shadow:0 3px 10px #001;text-shadow:1px 1px 1px rgba(0,0,0,0.6);overflow:hidden;text-align:left;line-height:26px;outline:2000px solid rgba(160,179,198,0.8);font-size:18px}
#frage h4{position:absolute;width:100%;background-color:var(--red);overflow:hidden;text-align:center;top:0;left:0;height:40px;line-height:40px;text-transform:uppercase;font-weight:400;font-size:20px}
#frage button{margin:30px 0 0 0;width:48.5%;background-size:22px 22px;padding:0 0 0 55px;text-align:left;box-shadow:0 0 3px rgba(0,0,0,0.3)}
#frage button+button{margin-left:3%}
#frage #hinweis-ok{width:170px;margin:30px auto 0 auto;left:calc(50% - 85px)}
#menu #submenu .hauptorg{width:calc((100% - 15px) / 4)!important}
nav>article,#fenster>article.on{opacity:0;margin-top:100px;animation:sichtbar .3s;animation-fill-mode:forwards;width:var(--max-breite)}
/*;left:calc((100% - var(--max-breite)) / 2 + 10px)*/
p.meldung{box-shadow:0 15px 10px -15px var(--ovo-blau);max-width:var(--max-breite)}
nav>article section{width:100%;height:100px;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ovo-blau);transition:var(--transition);margin-bottom:10px;padding:5px;display:block}
nav>article#abo a{width:100%;height:100px;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ovo-blau);transition:var(--transition);margin-bottom:10px;padding:5px;display:block}
nav>article#abo a figure{background-size:50%}
nav>article section.halt{background-image:var(--streifen-dunkel)}
nav>article section aside, nav>article#abo a aside{position:absolute;width:calc(100% - 95px);left:95px;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 65px 0 15px;transition:var(--transition)}
nav>article#ehrungen section aside{width:calc(100% - 70px);left:70px;flex-direction:row;justify-content:flex-start;align-items:center;padding:0}
nav>article section.nohover{cursor:default}
nav>article section:not(.nohover):hover, nav>article#abo a:hover{background-color:var(--hover)!important}
nav>article section:not(.nohover) aside:hover h4,nav>article section:not(.nohover) aside:hover h6{color:#FFF!important}
nav>article section figure{width:90px;height:100%;background-image:url(dummy.svg);background-position-x:-180px;background-color:var(--ovo-blau);background-size:300%;float:left;display:flex;align-items:center;justify-content:center;color:var(--text3);border-radius:5px}
nav>article#abo a figure{height:100%;background-color:var(--green);float:left;display:flex;align-items:center;justify-content:center;color:var(--text3);border-radius:5px;font-size:35px;font-weight:700;width:70px}
nav>article#abo section figure span.icon{position:absolute;z-index:9;right:5px;bottom:5px;display:block;width:20px;height:20px}
nav>article section h4, nav>article#abo a h4{width:100%;color:var(--text3);font-size:21px;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 0 10px 0}
nav>article section h5, nav>article#abo a h5{float:left;width:200px;margin:0;padding:0 20px;color:var(--text3);font-size:25px}
nav>article section h6, nav>article#abo a h6{float:left;width:100%;margin:0;color:rgba(255,255,255,0.5);font-size:18px;font-weight:400;transition:var(--transition);line-height:22px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:45px;display:-webkit-box}
nav>article section h6 span{padding:0 15px}
nav>article section h6 b{padding:0 20px 0 0;font-size:25px}
nav>article section aside>i{width:40px;height:40px;position:absolute;right:15px;z-index:2}
nav>article section aside>i+i{width:35px;height:35px;top:20px;right:45px;z-index:1}
nav>article#abo section, nav>article#abo a{height:80px}
nav>article#abo section.rot{background:var(--red)}
nav>article#abo section.nohover{background-image:var(--streifen);height:80px}
nav>article#abo aside, nav>article#abo a aside{line-height:30px;left:90px;width:calc(100% - 90px);padding:0 130px 0 0}
nav>article#abo section figure{font-size:35px;font-weight:700;background:var(--hover);width:70px}
nav>article#abo section h4, nav>article#abo a h4{padding:0}
nav>article#abo section h4 span, nav>article#abo a h4 span{margin:0 0 0 20px;opacity:0.7;font-size:18px;font-weight:400}
nav>article#abo section h5, nav>article#abo a h5{font-size:16px;font-weight:400;position:absolute;right:0;text-align:right;opacity:0.4;padding:0 20px 0 0;width:150px}
nav>article#abo section h6, nav>article#abo a h6{line-height:unset}

#frage.zustellung-details, #frage.abo-details{background-image:none;width:var(--max-breite);max-width:var(--max-breite)}
#frage.zustellung-details h4, #frage.abo-details h4{font-size:18px;text-transform:none}
#frage.zustellung-details h6, #frage.abo-details h6{position:absolute;bottom:15px;width:100%;text-align:center;font-size:18px;text-shadow:none;font-weight:400;line-height:40px}
#frage.zustellung-details .fehler, #frage.abo-details .fehler{box-shadow:none}
#frage.zustellung-details label, #frage.abo-details label{width:165px;float:left;height:40px;line-height:40px}
#frage.zustellung-details select, #frage.zustellung-details input, #frage.abo-details select, #frage.abo-details input{width:317px;float:left;height:40px;line-height:40px;border-radius:0 10px 10px 0}
#frage.zustellung-details > select, #frage.abo-details > select{width:calc(100% - 165px)}
#frage.zustellung-details label, #frage.abo-details label{text-align:right;padding:0 15px 0 0;background:var(--verlauf-frage)}
#frage.zustellung-details .vabo-neu, #frage.abo-details .vabo-weg, #frage.abo-details .vabo-neu, #frage.abo-details .vabo-weg{opacity:0;max-height:0;overflow:hidden;clear:both;transition:var(--transition)}
#frage.zustellung-details .vabo-neu.on, #frage.abo-details .vabo-neu.on{opacity:1;max-height:420px}
#frage.zustellung-details .vabo-weg.on, #frage.abo-details .vabo-weg.on{opacity:1;max-height:200px;margin-top:10px;float:left;width:100%}
#frage.zustellung-details h5, #frage.abo-details h5{width:100%;display:block;line-height:40px;font-weight:400;text-align:center;background:var(--verlauf-frage);border-radius:0 10px 0 0;margin:10px 0 0 0;font-size:16px}
#frage.zustellung-details .rechts h5, #frage.abo-details .rechts h5{background:var(--hover);border-radius:10px 10px 0 0}
#frage.zustellung-details .links + .rechts, #frage.abo-details .links + .rechts{display:flex;float:none!important;align-content:center;justify-content:center;align-items:flex-start;flex-direction:column;margin:0 auto}
#frage.zustellung-details .links.on + .rechts, #frage.abo-details .links.on + .rechts{width:49%}
#frage.abo-details .etikett{background-color:#EEE;border-radius:0 0 10px 10px;padding:15px;color:#555;text-shadow:none;width:100%;font-family:Arial, sans-serif;background-repeat:no-repeat;background-size:7%;background-position:255px 45px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107.4 84.9"><g transform="translate(-91.6072,-651.0417)"><polygon points="126.8,721.4 141.1,721.4 126.7,736 112.4,736"/><polygon points="107.6,721.4 121.8,721.4 107.4,736 93.2,736"/><polygon points="158.6,721.4 144.4,721.4 158.8,736 173,736"/><polygon points="177.9,721.4 163.6,721.4 178,736 192.3,736"/><path d="M169.1,681c2.5-6.7,4.2-17,4.5-24.2l25.3,6.3c-2,29.7-24.3,55.7-57.3,55.7c-37.4,0-51.8-32.5-49.9-57.1 l11-3.5c-1.8,14,2.6,24.1,5.5,28.7c-3.6-19.8,11.4-35.9,30.1-35.9C155.3,651,169.2,663.3,169.1,681L169.1,681z M118.2,681.6 L118.2,681.6c0,11.2,9.1,20.2,20.2,20.2c11.2,0,20.2-9.1,20.2-20.2c0-11.2-9.1-20.2-20.2-20.2 C127.3,661.4,118.2,670.4,118.2,681.6z"/></g></svg>')}
#frage.zustellung-details .etikett{background-color:#EEE;border-radius:0 0 10px 10px;padding:15px;color:#555;text-shadow:none;width:100%;font-family:Arial, sans-serif}
#frage.zustellung-details .etikett span, #frage.abo-details .etikett span{font-size:13px;clear:both;font-family:Arial, sans-serif;display:block}
#frage.zustellung-details .etikett div, #frage.abo-details .etikett div{clear:both;font-size:16px;margin:0 0 15px 0;font-family:Arial, sans-serif}
#frage.zustellung-details .etikett b, #frage.abo-details .etikett b{font-family:Arial, sans-serif}
#frage.zustellung-details button, #frage.abo-details button{width:200px;box-shadow:none}
#frage.zustellung-details button#zustellung-adresse-speichern, #frage.abo-details button#abo-speichern{position:absolute;right:15px}

#org-ds{border-radius:10px;overflow:hidden;display:block;float:left;width:100%}
#org-ds label{border-radius:0!important;margin:0!important;text-align:right!important;padding:0 15px 0 0!important}
#org-ds span > label.ds1, #org-ds span > label.ds2, #org-ds span > label.ds3{background:none!important;padding:0!important}
#org-ds label.ds1, #org-ds label.ds2, #org-ds label.ds3{text-align:center!important}
#org-ds label.ds1 > span, #org-ds label.ds2 > span, #org-ds label.ds3 > span{margin:5px auto!important;float:unset;display:block}
#org-ds .evn{display:block;overflow:hidden}
#org-ds .odd{background:#8CA2B9;display:block;overflow:hidden}

nav article section .zugriff{position:absolute;top:0;left:0;width:80%;height:100%;background:rgba(255,255,255,0.9);color:var(--hover);font-size:14px;padding:7px 15px;margin-left:100px;display:none;pointer-events:none}
nav article section .zugriff.on{display:block}
nav article section .zugriff span{display:inline-block;width:100px}
nav::before,#fenster::before{content:'';top:0;display:block;position:sticky;height:20px;z-index:2;background:url(verlauf2.png) repeat-x;width:var(--max-breite)}
nav::after,#fenster::after{content:'';display:block;position:fixed;height:20px;z-index:2;width:var(--max-breite);bottom:0;background:url(verlauf2.png) repeat-x 0 -20px}
.wichtig-kopf{background:var(--wichtig2)!important}
#organisation #org-daten,#organisation #org-optionen,#organisation #org-mgz,#organisation #org-genre,#organisation #org-web,#organisation #org-rechnungswesen, #org-tags{display:none;clear:both;width:100%}
#organisation #org-daten.on,#organisation #org-optionen.on,#organisation #org-mgz.on,#organisation #org-genre.on,#organisation #org-web.on,#organisation #org-rechnungswesen.on, #org-tags.on{display:inline-block;opacity:0;margin-top:100px;animation:sichtbar .3s;animation-fill-mode:forwards}
#organisation #org-optionen i{clear:both;display:block;padding:10px 15px;background:var(--ovo-blau);border-radius:10px 0 10px 10px;font-style:normal;color:var(--text3);margin-bottom:5px;float:left;width:var(--label);min-height:235px}
#organisation #org-optionen label.option{display:block;border-radius:0 10px 10px 0;background:var(--ovo-blau);color:var(--text3);float:left;text-align:left;padding:0 0 0 15px;margin-bottom:10px}
#organisation #org-optionen label.box{clear:right;width:var(--label);text-align:left}
#organisation{margin-bottom:20px;display:inline-block}
#organisation #adresse,#organisation #erreichbarkeit,#organisation #finanzen{display:none}
#organisation #adresse.on,#organisation #erreichbarkeit.on,#organisation #finanzen.on{display:block;clear:both}
#organisation figure{background-position-x:-200px}
#organisation figure+span{font-size:24px;color:var(--text2);width:200px;float:left;height:100px;display:flex;align-items:center;justify-content:center}
#organisation figure+span i{width:50px;height:50px;margin:0 10px}
#organisation h5{float:right;text-align:right;color:var(--ovo-blau);font-size:16px;font-weight:400;line-height:24px}
#organisation h5 a{height:24px;line-height:24px;display:block;float:right}
#organisation h5 a:nth-of-type(odd){clear:right}
#organisation h5 dd{width:30px;background:var(--ovo-blau);color:var(--ovo-grau);text-align:center;display:block;top:2px;border-radius:5px;height:20px;line-height:20px;font-size:12px;margin-left:10px}
#organisation h5 dd:hover{color:#FFF;background:var(--button)}
#organisation>.btn{text-transform:uppercase;padding:0 15px;margin-left:15px}
#organisation #org-mgz input[type="number"], #organisation #org-mgz cite.halb, #organisation #org-mgz cite.drittel{text-align:center!important}
#organisation #org-mgz section{height:50px;transition:var(--transition)}
#organisation #org-mgz section figure{width:40px;height:40px;background-color:var(--hover);background-size:20px 20px;background-position:center;margin-right:10px}
#organisation #org-mgz section figure.haken{background-color:var(--green)}
#organisation #org-mgz section figure.kreuz{background-color:var(--red)}
#organisation #org-mgz section > span.icon{position:absolute;right:50px;top:10px;height:30px;width:30px;display:block}
#organisation #org-mgz section > .daten + span.icon.manuell{right:90px;}
#organisation #org-mgz #vereinssuche{width:28%}
#organisation #org-mgz #stichtag-bogen{width:17%;border-radius:10px 0 0 10px}
#organisation #org-mgz select[name="mgz-status"],#organisation #org-mgz select[name="mgz-typ"]{width:15%}
#organisation #org-mgz select#stichtage *{font-family:CDR, sans-serif}
#organisation #org-mgz .pre-stichtag select#stichtage{width:50%;border-radius:0 10px 10px 0}
#organisation #org-mgz button.icon{background-size:22px 22px;background-position:10px center;padding:0 0 0 45px;text-align:left;border-radius:0 10px 10px 0;width:25%}
#organisation #org-mgz section h5{width:110px;height:40px;line-height:40px;font-weight:400;padding:0 10px 0 0;position:absolute;top:5px;right:130px;text-align:right;font-size:16px;color:rgba(255,255,255,0.5);font-family:CDR, sans-serif}
#organisation #org-mgz section h4{width:calc(100% - 290px);height:40px;line-height:40px;font-size:20px;font-weight:400;padding:0}
#organisation #org-mgz section h4 span{margin-right:15px;font-family:CDR, sans-serif;color:rgba(255,255,255,0.6)}
#organisation #org-mgz section.on{height:auto;background:var(--ovo-blau)!important}
#organisation #org-mgz section .bearbeitung{background:var(--ovo-grau);overflow:hidden;border-radius:7px;clear:both;margin-top:5px}
#organisation #org-mgz section .bearbeitung .dcv_rechnung{width:235px;float:left}
#organisation #org-mgz section .bearbeitung .dcv_statistik{width:385px;float:left}
#organisation #org-mgz section .bearbeitung .verband_statistik{width:385px;float:left}
#organisation #org-mgz section .bearbeitung b{width:100%;background:var(--hover);color:var(--text3);text-align:center;font-weight:400;line-height:30px;display:block}
#organisation #org-mgz section .bearbeitung dl{width:130px;background:#2d4f71;line-height:20px;font-size:14px;display:block;float:left;overflow:hidden}
#organisation #org-mgz section .bearbeitung dd{width:85px;background:#2d4f71;color:var(--text3);text-align:center;font-weight:400;line-height:20px;display:block;font-size:14px;float:left}
#organisation #org-mgz section .bearbeitung label{font-size:14px;width:130px;height:30px;line-height:30px}
#organisation #org-mgz section .bearbeitung .dcv_rechnung label, #organisation #org-mgz section .bearbeitung .dcv_rechnung dl{width:150px}
#organisation #org-mgz section .bearbeitung input{font-size:16px;width:85px!important;border-radius:0!important;height:30px;text-align:center}
#organisation #org-mgz section .bearbeitung cite{font-size:16px;width:85px!important;border-radius:0!important;height:30px;line-height:30px;text-align:center}
#organisation #org-mgz > i{background:var(--ovo-blau);color:var(--text3);padding:15px;display:block;overflow:hidden;font-style:normal;border-radius:10px;margin:0 0 10px 0;clear:both}
#organisation #org-mgz b a{position:absolute;right:0;color:#FFF;background:var(--button);border-radius:5px;padding:0 15px;transition:var(--transition);text-align:right;width:100px}
#organisation #org-mgz b a:hover{background:var(--hover);}
#organisation #org-mgz b a i{position: absolute;width:16px;height:16px;display:block;left:15px;top:7px}
#organisation #org-mgz b a i path{fill:var(--button)!important}
#organisation #org-mgz p.fehler.meldung + p.fehler.meldung{margin-top:10px}
#organisation #org-mgz #stichtag-schluss{width:calc(25% - 50px);border-radius:0 10px 10px 0}
#organisation #org-mgz #stichtag-entfernen{width:40px;border-radius:10px;margin-left:5px;background-position: center;}
#organisation #org-mgz .stichtag-optionen{display:none}
#organisation #org-mgz .stichtag-optionen.on{display:block}
#organisation #org-mgz #stichtage{width:50%;border-radius:0 10px 10px 0}
#organisation #org-mgz #stichtage.halb{width:25%;border-radius:0}
#organisation #vereinsliste section a.btn{position:absolute;top:10px;right:10px;height:30px;width:30px!important;background-size:15px 15px;border-radius:5px;margin:0!important;padding:0!important}
#organisation #vereinsliste section button.mv-fertig{margin:0!important;height:30px;line-height:30px;border-radius:0;width:220px!important}
#organisation input.gemein{width:calc(var(--label) - 260px)!important}
#organisation div.gemein{width:215px;padding:0 0 0 55px;text-align:left;float:left;margin-left:5px}
#organisation #fm_abholen{background-size:20px 20px;padding-left:55px;text-align:left}
#organisation #bescheid.off{opacity:0.3;pointer-events:none}
#organisation #bescheidanzeige{display:block}
#organisation textarea[name="org-bemerkung"]{border-radius:10px;min-height:100px;width:100%;padding:10px}
#profilbild{background:var(--ovo-blau) url(dummy.svg);width:100px;height:100px;float:left;border-radius:10px;background-position-x:-200px;overflow:hidden;background-size:100%}
#profilbild.bild{background-position-x:0;background-color:#FFF}
#profilbild.ohne{background-size:300%}
#profilbild.frau{background-position-x:-100px}
#profilbild.herr{background-position-x:0}
#profilbild #bild-loeschen,#profilbild #bild-setzen{width:90%;margin:30px 5%;display:none;border-radius:5px;transition:box-shadow .5s,background var(--transition);float:none}
#profilbild button:hover,#bild-setzen:hover{box-shadow:0 0 0 40px rgba(255,255,255,0.7)}
#profilbild.bild:hover #bild-loeschen,#profilbild.ohne:hover #bild-setzen,#profilbild.neu:hover #bild-loeschen,#profilbild.entfernt:hover #bild-setzen{display:block}
#profilbild #bild-setzen{background:var(--button);height:40px;line-height:40px;color:var(--text3);text-align:center;font-size:16px;cursor:pointer!important}
#profilbild #bild-setzen:hover{background:var(--hover)}
#speichervorgang{display:none;z-index:9999;width:calc(100% - var(--menu));height:100vh;position:fixed;top:50px;left:0;margin-left:calc(var(--menu) + 10px);background:var(--ovo-grau);filter:opacity(0.9);}
#speichervorgang.on{display:block}
#speichervorgang p{color:var(--text2);font-size:30px;text-align:center;opacity:0}
#speichervorgang p:first-of-type{top:calc(15% + 120px);animation-delay:0.5s}
#speichervorgang p:last-of-type{top:calc(15% + 140px);animation-delay:1s}
#speichervorgang.on p{animation:zeigen 1s;animation-fill-mode:forwards}
#gema-meldung #titelanzeige{display:block}
#gema-meldung .btn{padding:0 0 0 55px;text-align:left;float:left;width:calc((100% - 20px) / 3)!important;border-radius:10px}
#gema-meldung .btn a{color:var(--text3)}
#gema-meldung .btn.off{opacity:0.3;pointer-events:none}
#gema-meldung .btn + .btn{margin-left:10px;}
#dateianzeige{clear:both;overflow:hidden;background:var(--ovo-blau);margin:5px 0 0 0;padding:10px 15px;border-radius:10px;color:var(--text3);text-overflow:ellipsis;width:100%;display:none;float:left}
.schild{margin:10px 0 0 0;padding:15px;color:#FFF;background:var(--red);border-radius:10px;float:left;width:100%;display:block}
#gema-ablehnung-grund{float:left;margin:10px 0 0 0;padding:10px 15px;border-radius:10px;width:100%;height:200px}
.slideinfo{position:absolute;right:-100%;top:0;background:#FFF;color:var(--ovo-blau);padding:0 15px;border-radius:10px 0 0 10px;opacity:0;transition:right 0.3s;height:45px;line-height:45px;white-space:nowrap;font-size:20px;z-index:1;display:none}
#offenes_profil.ovo_person .slideinfo{display:block}
#offenes_profil.ovo_person .iconlink:hover + .slideinfo{display:block;right:40px;opacity:1;pointer-events:all}
#personenprofil .btn.overso{width:32%;background-size:22px 22px;float:left}
#personenprofil .btn.overso + .btn.overso{margin:0 0 0 2%}
#support{width:100%;max-width:var(--max-breite);border-radius:10px;background:var(--ovo-grau);box-shadow:0 2px 5px rgba(0,0,0,0.5);position:fixed;top:230px;padding:15px;overflow:hidden;z-index:999;opacity:0;pointer-events:none}
#support.on{animation:sichtbar .3s;animation-fill-mode:forwards;pointer-events:all}
#support select{width:100%;margin:0 0 15px 0;border-radius:5px;height:40px}
#support textarea{width:100%;height:350px;resize:none;border-radius:5px;padding:15px 10px}
#support #support-senden{width:160px;padding:0 0 0 55px;text-align:left;margin-top:15px}
#support #support-ende{width:160px;padding:0 0 0 55px;float:right;text-align:left;margin-top:15px}

#exportmenu{width:100%;max-width:var(--max-breite);margin:100px 0 0 0;opacity:0;position:fixed}
#exportmenu.on{animation:sichtbar 0.5s}

.blau *{text-shadow:none}
.blau h1{font-size:24px;margin:15px 0;text-align:left;text-shadow:1px 1px 1px #000}
.blau h2{font-size:22px;margin:15px 0;text-align:left;text-shadow:1px 1px 1px #000}
.blau h3{font-size:20px;margin:15px 0;text-align:left;text-shadow:1px 1px 1px #000}
.blau b{text-shadow:1px 1px 1px #000;margin:10px 0;display:block}
.blau ul{padding:0 0 0 1em;display:block;margin:15px 0;}
.blau table{margin:15px 0;background:var(--hover)}
.blau table th{vertical-align:top;border-collapse:separate;padding:5px 10px;background:var(--ovo-blau)}
.blau table td{vertical-align:top;border-collapse:separate;padding:5px 10px;background:var(--ovo-blau)}
.blau a{color:#FC0!important}
.blau a:hover{color:#FFF!important}
#nebenmenu article > iframe{width:100%;height:calc(100vh - 350px);border:none;background:none;overflow:hidden;overflow-y:auto}
.admin{position:absolute;bottom:0;left:0;background:var(--button);color:#FFF;font-size:10px;text-align:center;padding:3px;text-transform:uppercase;width:100%;border-radius:5px}
.leser{position:absolute;bottom:0;left:0;background:var(--text3);color:var(--hover);font-size:10px;text-align:center;padding:3px;text-transform:uppercase;width:100%;border-radius:5px}
@media only screen and (max-width:1279px) and (min-width:1024px)
{
	#randmenu{display:none}
	#mobilmenu-button{display:block}
	:root{--menu:0}
}
@media(hover:hover) and (pointer:fine)
{
	button:not(.aktiv):not(.inaktiv):hover,.btn:not(.aktiv):not(.inaktiv):hover{background-color:var(--hover);color:#FFF!important}
	a:hover{color:var(--hover)}
}
@media only screen and (min-height:1024px)
{
	@keyframes feature-tip{0%{top:-300px;opacity:0}100%{top:0;opacity:1}}
	@keyframes feature-count{0%{left:-200px;opacity:0}70%{opacity:.4}100%{left:0;opacity:1}}
	.overso-tip{animation:feature-tip .3s linear;animation-fill-mode:forwards;animation-delay:3s;width:200px;margin-top:70px;opacity:0;z-index:1}
	.feature-box{display:flex;flex-direction:row;justify-content:space-between;width:90%;max-width:400px;margin-bottom:10px}
}
@media only screen and (max-height:1023px) and (min-width:1024px)
{
	.login{flex-direction:row}
	@keyframes feature-tip{0%{left:50%;opacity:0}100%{left:0;opacity:1}}
	@keyframes feature-count{0%{left:-200px;opacity:0}100%{left:0;opacity:1}}
	.overso-tip{margin-left:40px;animation:feature-tip .4s linear;animation-fill-mode:forwards;animation-delay:3s;width:200px;margin-top:10px;opacity:0;z-index:1}
	.feature-box{display:flex;flex-direction:column;justify-content:space-between;width:190px;margin-right:50px;align-items:flex-end}
}
@media only screen and (max-width:768px)
{
	.login{flex-direction:column;padding:20px 10px;justify-content:flex-start}
	.login h1{font-size:20px}
	.overso-tip,.feature-box{display:none}
}
@media only screen and (max-height:420px)
{
	.login img{display:none}
	.login h1{margin:0}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border:none;
  font-size:18px;
  -webkit-text-fill-color:var(--hover);
  -webkit-box-shadow:0 0 0 1000px #FFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

#aufgaben h3{width:100%;padding:15px 15px;text-align:left;color:#FFF;background:var(--ovo-blau);font-weight:400;border-radius:10px}
#aufgaben button{width:49%;padding:0 15px;margin:15px 0 0 0}
#aufgaben button + button{margin-left:2%}

#liste-offene-zustimmungen{margin-top:100px;opacity:0;animation:sichtbar .5s linear;animation-fill-mode:forwards;clear:both;display:block;padding-bottom:50px;width:var(--max-breite)}
#liste-offene-zustimmungen > a{width:100%;background:var(--ovo-blau);border-radius:10px;clear:both;padding:5px 15px 10px 15px;display:block;transition:0.2s}
#liste-offene-zustimmungen > a:hover{background:var(--hover)}
#liste-offene-zustimmungen > a .mail:hover{color:#FC0;opacity:1!important}
#liste-offene-zustimmungen > a:hover{background:var(--hover)}
#liste-offene-zustimmungen > a + a{margin-top:5px}
#liste-offene-zustimmungen > a h4{width:83%;color:#FFF;line-height:40px;font-weight:400;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#liste-offene-zustimmungen > a h5{width:15%;position:absolute;top:0;right:15px;display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}
#liste-offene-zustimmungen > a h5 button{width:100%;background-repeat:no-repeat;background-position:15px center;padding:0 0 0 40px;margin:0;height:36px;line-height:36px}
#liste-offene-zustimmungen > a h5 button + button{margin-top:5px}
#liste-offene-zustimmungen > a h5 button.haken{background-color:var(--green)}
#liste-offene-zustimmungen > a h5 button.kreuz{background-color:var(--red)}
#liste-offene-zustimmungen > a h5 button:hover{background-color:var(--button)!important}
#liste-offene-zustimmungen > a h5 span{background-color:var(--red);padding:5px;border-radius:10px;width:100%;cursor:pointer;position:absolute;top:10px;left:0;height:110px;font-weight:400;text-align:center;line-height:24px;font-size:15px;color:#FFF}
#liste-offene-zustimmungen > a h5 span:hover{background-color:var(--button)}
#liste-offene-zustimmungen > a > span{color:#FFF;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:block;width:83%;white-space:nowrap}
#liste-offene-zustimmungen > a div{color:#FFF;font-size:20px;line-height:20px;font-weight:400;margin-bottom:5px}
#liste-offene-zustimmungen > a i{font-style:normal;opacity:0.5;min-width:140px;display:inline-block}
#liste-offene-zustimmungen > a span span{opacity:0.5}
#liste-offene-zustimmungen > a.raus{animation:raus .5s linear;animation-fill-mode:forwards;margin:0;padding:0}

/*Anpassungen für Rechnungen*/

.rg1, .rg2, .rg9, .rgDCV, .rgDCV2{
    width:100%;
    clear:both;
    float:left;
}
#rechnungen label + label{
    /*width:calc((50% - 40px) / 3)!important;*/
    background:var(--ovo-blau)!important;
    text-align:center!important;
}
#rechnungen .rgDCV label + label{
    width:50%!important;
}
#rechnungen .rgDCV2 label + label, #rechnungen .rgDCV2 input{
    border-radius:0;
}
#rechnungen #rechnungsliste > span{
    margin-top:15px;
    display:block;
    clear:both;
}
/*.rg1 label:nth-of-type(5), .rg2 label:nth-of-type(5), .rg9 label:nth-of-type(4){*/
#rechnungen label:empty{
    border-radius:0 10px 0 0;
    width:40px!important;
    height:40px;
}
#rechnungen #rechnungsliste > span > button + button{
    margin-left:15px;
}
/* Anpassungen am Bestand */

#personenrolle button{
    width:33%;
}
#personenrolle select.halb{
    width:25%;
}
#personenrolle select.drittel{
    width:35%;
}
#personenrolle .drittel + *{
    width:15%;
}
#personenrolle section .meldung{
    box-shadow:none;
    border-radius:0;
}
#personenrolle button + button{
    margin-left:0.5%
}
.org-box-org:last-of-type{
    background:none;
}
#personenrolle .profil-rolle>div{
    font-size:inherit;
    padding-left:60px;
    margin:10px 15px;
}
#personenrolle .profil-rolle>b{
    position:absolute;
    left:0;
    top:0;
    font-size:35px;
    width:70px;
    text-align:center;
    line-height:68px;
}
#personenrolle .profil-rolle>b.beendet::after{
	content:'';
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFF" d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"/></svg>');
	background-color:var(--red);
	width:30px;
	height:30px;
	border-radius:50px;
	background-repeat:no-repeat;
	background-size:75%;
	background-position:center;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	pointer-events:none;
	position:absolute;
	bottom:5px;
	right:0;
}
#personenrolle .profil-rolle>div>b{
    font-size:90%;
}
#personenrolle .profil-rolle>div>dd{
    opacity:0.4;
    display:inline;
    margin-left:10px;
}
#personenrolle .profil-rolle>div>dl{
    float:right;
    font-family:CDR, sans-serif;
}
#personenrolle .funktionszeile{
    overflow:visible!important;
    border-radius:10px;
    clear:both;
    margin-bottom:5px;
    display:inline-block;
    width:100%;
}
#personenrolle select.rot{
    background-color:#F99!important;
    color:#900;
	background-image:var(--streifen), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1.5 2.5"><polygon fill="%23BA1F27" points="0.75,0 1.5,1 0,1"/><polygon fill="%23BA1F27" points="0.75,2.5 1.5,1.5 0,1.5"/></svg>')!important;
    background-position:0 0, 100% 50%!important;
    background-size:40px, 25px 65%!important;
    background-repeat:repeat, no-repeat!important;
}
#personenrolle .funktionszeile input{
    width:31%;
}
#personenrolle .funktionszeile input + input{
    border-radius:0 0 0 10px;
}
#personenrolle .funktionszeile select{
    width:100%;
	border-radius:10px 0 0 0;
}
#personenrolle .funktionszeile > span{
    width:50%;
}
#personenrolle .funktionszeile textarea{
    width:calc(50% - 40px);
    height:80px;
}
#personenrolle .funktionszeile .funktion-text input{
    width:100%;
}
#personenrolle .funktionszeile .funktion-text{
    width:50%!important;
}
#personenrolle .funktionszeile .funktion-text.on + select{
    width:43%!important;
}
#personenrolle .funktionszeile .funktion-text.on{
    width:57%!important;
    display:block;
}
#personenrolle .funktionszeile *{
    float:right!important;
    border-radius:0;
}
#personenrolle .funktionszeile > button{
    width:40px!important;
    height:80px;
    padding:0;
}
.pluszeile{
    width:100%;
    clear:both;
    height:40px;
    background:linear-gradient(90deg,transparent,var(--ovo-blau) 50%,var(--ovo-blau) calc(100% - 40px),transparent calc(100% - 40px));
    color:#FFF;
    line-height:40px;
    padding-right:55px;
    text-align:right;
    font-size:18px;
}
#funktion-org-weg{width:40px!important;padding:0!important;border-radius:0 0 10px 0!important}
#zuordnung-entfernen{width:100%!important;margin:10px 0!important;background:var(--red);border-radius:10px!important;font-size:18px}
#zuordnung-entfernen:hover{background:var(--hover)}
#zuordner{display:block;max-height:0;overflow:hidden;clear:both;transition:0.2s}
#zuordner.on{max-height:80px}
.mitbtn{width:calc(50% - 40px)!important;border-radius:0!important}

.pluszeile button{
    position:absolute;
    right:0;
    top:0;
    width:40px!important;
    padding:0!important;
    margin:0;
    border-radius:0 10px 10px 0!important;
}
#rechnungen section{
	height:80px;
}
#rechnungen section button[name="rechnung-id"]{
    height:auto;
    width:calc(100% - 70px);
    margin:0;
	float:right;
	overflow:hidden;
	padding:0 0 0 15px;
	background:none;
}
#rechnungen section button[name="sepa-id"]{
	width:80px;
	height:40px;
	border-radius:0;
	transform: rotate(-90deg);
	margin:15px -25px;
	float:right;
	clear:right;
	background:var(--button);
	padding:0;
}
#rechnungen section button[name="sepa-id"]:hover{
	background:var(--hover);
}
#rechnungen button[name="sepa-id"] + button[name="rechnung-id"]{width:calc(100% - 100px);clear:none;border-radius:10px 0 0 10px;margin:0}

#rechnungen section figure{
	width:70px;
	height:70px;
	line-height:70px;
	font-size:30px;
	font-weight:700;
	background:var(--green);
	border-radius:8px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#rechnungen section figure.storno{
	background-color:var(--orange);
}
#rechnungen section figure.korrektur{
	background-color:var(--cyan);
}
#rechnungen section h4{
	width:calc(100% - 130px);
    float:left;
    height:35px;
    line-height:40px;
    font-size:21px;
    margin:0;
    text-align:left;
    text-overflow:ellipsis;
	padding:0;
}
#rechnungen section h4 dd{
    font-size:19px;
    font-weight:400;
    opacity:0.8;
    display:inline;
    margin-left:10px;
}
#rechnungen section h5{
	width:calc(100% - 130px);
    float:left;
    height:35px;
    line-height:35px;
    font-weight:400;
    font-size:18px;
    opacity:0.6;
    margin:0;
    text-align:left;
	text-overflow:ellipsis;
	padding:0;
}
#rechnungen section h6{
    width:105px;
    font-weight:400;
    top:0;
    right:20px;
    position:absolute;
    height:70px;
    max-height:70px;
    line-height:70px;
    font-size:18px;
    text-align:right;
	padding:0;
}
#personenbeitrag .person-beitrag{background-color:var(--button);color:#FFF;border-radius:10px;overflow:hidden;font-size:18px;cursor:pointer;transition:var(--transition);line-height:24px;text-overflow:ellipsis;clear:both}
#personenbeitrag .person-beitrag:hover,#personenbeitrag .person-beitrag.on{background-color:var(--hover)}
#personenbeitrag .person-beitrag+.person-beitrag{margin-top:10px}
#personenbeitrag .person-beitrag .bearbeitung{background:var(--ovo-grau);width:100%;overflow:hidden;}
#personenbeitrag .person-beitrag .bearbeitung.on{max-height:2000px;animation:erscheinen 0.5s;animation-fill-mode:forwards}
#personenbeitrag .person-beitrag>span{
    position:absolute;
    left:0;
    top:0;
    font-size:35px;
    width:70px;
    text-align:center;
    line-height:68px;
    font-weight:700;
}
#personenbeitrag .person-beitrag>dl{
    position:absolute;
    right:15px;
    top:10px;
    font-size:18px;
}
#personenbeitrag .person-beitrag>dd{
    font-size:20px;
    padding:10px 200px 10px 70px;
}
#personenbeitrag .person-beitrag>dd>span{
    font-size:16px;
    opacity:0.6;
}

.innen{background:none!important;text-align:left!important;padding-left:10px;color:var(--hover)!important}
.innen.halb{width:25%!important}

#personenbeitrag .bearbeitung label{width:50%;background:var(--verlauf);float:left;display:block;line-height:40px;color:#FFF;text-align:right;padding:0 10px}
#personenbeitrag .bearbeitung input[type="date"],#personenbeitrag .bearbeitung input[type="number"],#personenbeitrag .bearbeitung input[type="text"]{width:25%;border-radius:0;clear:none;margin:0}
#personenbeitrag .bearbeitung label + select{width:calc(50% - 40px);border-radius:0;line-height:40px}
#personenbeitrag .bearbeitung select + .eimer{width:40px;border-radius:0 10px 10px 0;background-size:22px!important;background-position:center!important;padding:0}
#personenbeitrag .pluszeile button{border-radius:0 10px 10px 0!important;background-size:26px 26px!important;background-position:center!important}
.DCJ{position:absolute;left:0;top:160px;width:200px;height:47px;background-size:195px;background-repeat:no-repeat;background-color:#FFF;border-radius:10px;z-index:2;background-image:url('data:image/png;base64,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')}

#rechnungslauf label{width:50%;float:left;background:var(--verlauf);color:#FFF;line-height:40px;padding:0 15px 0 0;text-align:right}
#rechnungslauf label + label{background:none;text-align:left;padding:0 0 0 15px;color:var(--hover)}
#rechnungslauf select{width:50%;float:left;line-height:40px}
#rechnungslauf select.drittel{width:calc(50% / 3)}
#rechnungslauf .einmalig label{width:52%;padding:0 10px 0 0}
#rechnungslauf .einmalig label + label{width:12%;background:var(--ovo-blau);color:#FFF;text-align:center;padding:0}
#rechnungslauf .einmalig input, #rechnungslauf .einmalig select{width:12%;margin:0;clear:none;float:left;border-radius:0}
#rechnungslauf .einmalig input{text-align:right}
#rechnungslauf .einmalig input[type="text"]{width:52%;text-align:left}
#rechnungslauf label + button{width:200px!important;clear:none!important;margin:0!important;border-radius:0 10px 10px 0!important;box-shadow:2px 0 5px rgba(0,0,0,0.1);text-shadow:1px 1px 2px rgba(0,0,0,0.3)}
#rechnungslauf label + button:hover{background-color:var(--hover)!important}
#rechnungslauf p:not(.meldung){padding:10px 15px;background:var(--ovo-blau);border-radius:10px;color:#FFF;margin:0 0 15px 0;}
#rechnungslauf #debitor-fenster{position:fixed;top:10%;left:50%;width:600px;margin:0 0 0 -300px;border-radius:10px;overflow:hidden;background:var(--ovo-grau);display:none}
#rechnungslauf #debitorenliste{clear:both;margin:0;width:100%;float:left;display:none}
#rechnungslauf #debitoren{width:50%!important;text-align:left;border-radius:0!important}
#rechnungslauf .einmalig-an-aus{width:50%!important;border-radius:10px}
#rechnungslauf .einmalig{transition:0.5s;max-height:0;overflow:hidden;margin-top:10px;clear:both;float:left}
#rechnungslauf .einmalig.on{max-height:1000px}
#rechnungslauf textarea{width:100%;height:100px;padding:9px 15px;margin:0}
#rechnungslauf h4 i{padding:0 10px;background:var(--red);border-radius:20px;height:29px;min-width:30px;display:inline-block;line-height:30px;text-align:center;font-style:normal}
#rechnungslauf select[name="rechnungslauf-berechnung[]"]:last-of-type{border-radius:0 0 10px 0}
#filter-liste.rechnungen label{display:block;clear:both;line-height:40px}
#filter-liste.rechnungen select{display:block;clear:both;line-height:40px;width:100%;border-radius:10px;font-size:16px}
label.lang{width:calc(100% - 200px)!important}
label.kurz{width:auto!important}
#frage.rechnungslauf-frage span{display:block;width:140px;float:left}
#frage.rechnungslauf-frage b{font-weight:400;color:#FF0}
#frage.rechnungslauf-frage u{margin:10px 0;display:block;font-weight:700;text-decoration:none}
#frage.rechnungslauf-frage li{margin:0 0 5px 20px}
#modal.rechnung, #modal.zuweisung{width:600px;min-width:600px;text-align:left;font-size:18px;padding:15px;margin:60px 0 0 0;outline:100vw solid rgba(41,65,89,0.6);border-radius:10px;overflow:hidden}
#modal.rechnung label{width:100%;clear:both;display:block;height:40px;line-height:40px;color:var(--hover);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#modal.rechnung label dd{font-family:CDR, sans-serif;float:left;margin:0 10px 0 0}
#modal.rechnung h4, #modal.zuweisung h4{background:var(--hover);height:40px;line-height:40px;font-size:20px;font-weight:400;color:#FFF;text-align:center;margin:-15px -15px 15px -15px;border-radius:10px 10px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 70px 0 20px}
#modal.rechnung h4 .debitor-zu, #modal.zuweisung h4 .debitor-zu{height:40px;line-height:40px;text-align:center;width:60px!important;position:absolute;top:0;right:0;border-radius:0}
#modal.rechnung > div{max-height:600px;overflow-y:auto;overflow-x:hidden;clear:both;padding:0 10px}
#modal.rechnung > div::after,#modal.rechnung > div::before{content:'';position:sticky;left:0;height:20px;width:100%;z-index:1;display:block;clear:both;pointer-events:none;background:url(verlauf2.png) repeat-x}
#modal.rechnung > div::after{bottom:-1px;background-position:0 -20px}
#modal.rechnung > div::before{top:0}
#modal.rechnung input{width:calc(100% - 130px);margin:0;height:40px;line-height:40px;border-radius:10px 0 0 10px}
#modal.rechnung button#debitorensuche-leer{width:40px;margin:0 10px 0 0;border-radius:0 10px 10px 0;background-size:18px}
#modal.rechnung button#debitorensuche-nichts{width:40px;margin:0;border-radius:10px 0 0 10px;background-size:18px}
#modal.rechnung button#debitorensuche-alles{width:40px;margin:0;border-radius:0 10px 10px 0;background-size:18px}
#modal.rechnung .trenner,#modal.zuweisung .trenner{width:100%;padding:0;float:left;margin-right:10px;color:var(--ovo-blau)}
#modal.rechnung .trenner span,#modal.zuweisung .trenner span{padding:0 10px;background:var(--ovo-grau);float:right;margin-right:10px;color:var(--ovo-blau);width:auto}
#modal.rechnung .trenner::after,#modal.zuweisung .trenner::after{content:'';position:absolute;left:0;padding:0;border-top:1px solid #40668B;width:100%;height:1px;top:11px;z-index:-1}
#org-rechnungswesen .rechnung-footer label{background:var(--ovo-blau);text-align:center}
#org-rechnungswesen .rechnung-footer .drittel{width:calc(100% / 3)!important}
#org-rechnungswesen .rechnung-footer textarea{resize:none;height:75px;text-align:left!important;padding:5px 10px;font-size:16px}
#rechnungsliste img{width:auto;height:auto;max-height:76px;max-width:25%;float:right;clear:right}
.quad{background:none!important;width:25%!important;color:var(--ovo-blau);text-align:left}

#modal.zuweisung{width:var(--max-breite);min-width:var(--max-breite)}
#modal.zuweisung input{width:calc(100% - 90px);margin:0;height:40px;line-height:40px;border-radius:10px 0 0 10px}
#modal.zuweisung button.kreuz{width:40px;margin:0 10px 0 0;border-radius:0 10px 10px 0;background-size:18px}
#modal.zuweisung button.alle{width:40px;margin:0;border-radius:10px;background-size:20px}
#zuweisung-links{width:49%;float:left;margin-right:2%;min-height:300px}
#zuweisung-rechts{width:49%;float:left;min-height:300px}
#zuweisung-links > div,#zuweisung-rechts > div{width:100%;overflow:hidden;padding:5px 10px;border-radius:10px;margin-top:10px;max-height:500px;overflow-y:auto;display:block;min-height:500px;border:1px solid var(--ovo-blau)}
#zuweisung-links > div::after,#zuweisung-rechts > div::after{content:'';position:sticky;left:0;height:20px;width:100%;z-index:1;display:block;clear:both;pointer-events:none;bottom:-6px;background:url(verlauf2.png) repeat-x 0 -20px;}
#zuweisung-links > div button,#zuweisung-rechts > div button{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:0 15px;font-size:16px;clear:both;margin:0}
#zuweisung-links > div button + button,#zuweisung-rechts > div button + button{margin-top:5px}
#modal.zuweisung #zuweisung-links-alle{transform:scale(-1, 1)}
#zuweisung-links > div button dd,#zuweisung-rechts > div button dd{font-family:CDR, sans-serif;float:left;margin:0 10px 0 0}
#zuweisung-links > div button i,#zuweisung-rechts > div button i{opacity:0.5}
#modal.zuweisung b{font-weight:400;font-size:18px;color:#FFF;text-align:center;background:var(--kopf);margin:0 0 10px 0;clear:both;display:block;height:30px;line-height:30px;width:100%}
#modal.zuweisung label{
    width:calc(100% - 150px);
    clear:both;
    height:40px;
    background:linear-gradient(90deg,transparent,var(--ovo-blau) 50%,var(--ovo-blau));
    color:#FFF;
    line-height:40px;
    padding-right:10px;
    text-align:right;
    font-size:18px;float:left
}
#modal.zuweisung #zuweisung-speichern{width:150px;float:left;margin:0;border-radius:0 10px 10px 0;background-size:20px;background-position:20px center;padding-left:35px}

#org-optionen .mv-tab{width:calc((100% - (3 * 0.5%)) / 4);border-radius:10px 10px 0 0;float:left;margin:0;cursor:pointer;transition:0.2s;display:block}
#org-optionen .mv-tab + .mv-tab{margin-left:0.5%}
#org-optionen .mv-tab.on, #org-optionen .mv-tab:hover{background-color:var(--hover);height:50px;line-height:50px;margin-top:-10px}
#org-optionen .mv-tab-content{float:left;display:none}
#org-optionen .mv-tab-content.on{display:block}
#org-optionen .mv-tab-content > b:first-of-type{margin:0 0 10px 0;background:var(--hover);height:40px;line-height:40px;border-radius:0 0 10px 10px}
#org-optionen{padding-top:10px}

#gruppenliste button.zuweisung{width:130px;float:left;border-radius:0;background-position:15px center;padding-left:35px}
#gruppenliste, #altersliste, #dauerliste{display:block;float:left;border-radius:0 0 10px 10px;overflow:hidden;width:100%}
.beitragsgruppe button.eimer{width:40px;float:left;border-radius:0}
.beitragsgruppe select{padding:0 15px}
.beitragsgruppe button{box-shadow:inset 0 0 2px rgba(0,0,0,0.2);background-size:22px}
textarea[name^="rechnung-fuss"]{resize:none;font-size:15px;height:65px;overflow:hidden}
div.b100.h100.weiss img{float:right;margin:10px 20px 10px 0;max-height:76px;width:auto;max-width:770px;z-index:2;background:#FFF}
span#bildformat{width:100%;text-align:center;font-size:14px;padding:0 10px;color:var(--ovo-blau);background:#FFF;display:block;clear:both;line-height:24px}
.beitragsgruppe{float:left;width:100%}
.ovoeck{max-height:38px!important;margin-top:30px!important}
.beitrag-status{background:var(--hover);text-align:center;line-height:40px;color:#FFF;box-shadow:inset 0 0 2px rgba(255,255,255,0.2);}

#px-paginierung{padding:10px 10px 5px 10px;border-radius:10px 10px 0 0;background:var(--hover);overflow-y:hidden;overflow-x:auto;position:fixed;bottom:0;width:var(--max-breite);box-shadow:0 -10px 15px var(--ovo-grau)}
#px-paginierung > div{margin:0 auto}
#px-paginierung > span{position:sticky;top:0;left:0;width:100%;height:30px;display:block;z-index:3;outline:15px solid var(--hover);pointer-events:none}
#px-paginierung div[class^="px-seite"]{width:40px;min-width:40px;height:30px;text-align:center;line-height:30px;font-size:16px;color:#FFF;background:var(--ovo-blau);border-radius:5px;float:left;cursor:pointer;}
#px-paginierung div[class^="px-seite"]+div[class^="px-seite"]{margin-left:10px}
#px-paginierung div[class^="px-seite"]:hover{background:var(--button)}
#px-paginierung div.px-seite.aktiv{background:var(--button)}

.nav-kopf{width:calc(100% - 240px);background:var(--hover);color:#FFF;font-size:19px;text-align:center;padding:0 10px;height:45px;line-height:45px;font-weight:400;border-radius:10px 10px 0 0;float:left}
.nav-kopf.off{width:calc(100% - 180px);background:var(--hover);color:#FFF;font-size:19px;text-align:center;padding:0 10px;height:45px;line-height:45px;font-weight:400;border-radius:10px 10px 0 0;float:left}
button#report-org{padding:0 15px 0 45px;width:250px;height:40px;line-height:40px;background-image:var(--icon-hand);background-repeat:no-repeat;background-size:25px 25px;background-position:15px 6px;border-radius:0;margin:0}
#report-auswahl{width:calc(100% - 250px);background:var(--ovo-blau);padding:4px 15px;text-align:left;color:#FFF;height:40px;float:left;display:block}
#report-auswahl>span{float:left;display:block;color:#FFF;padding:0 10px 0 0;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;pointer-events:none}
#report-auswahl>b{width:30px;height:30px;background:var(--hover);color:#FFF;text-align:center;line-height:31px;font-size:16px;float:left;font-weight:400;pointer-events:none;border-radius:5px}
#report-auswahl>i{width:100px;margin:0;color:#FFF;text-align:center;font-size:16px;height:30px;line-height:30px;float:left;font-family:CDR,sans-serif;font-style:normal;pointer-events:none}
.report-optionen{width:100%;margin:10px 0;clear:both}
#report-suche-ergbnis{background:#EEE;border-radius:10px;display:none;clear:both;padding:5px 0}
#report-suche-ergbnis > div, #report-suche-ergbnis > p{font-size:16px;line-height:30px;padding:0 10px;cursor:pointer}
#report-suche-ergbnis > div:hover{background:var(--hover);color:#FFF}
#report-suche-ergbnis > div b{font-family:CDR,sans-serif;font-style:normal;pointer-events:none;font-weight:400}
#report-org-liste{display:none;border-radius:0 0 10px 10px;padding:10px;overflow:hidden;background:var(--ovo-blau);position:absolute;top:104px;z-index:99999;box-shadow:2px 5px 5px rgba(0,0,0,0.3)}
#report-org-liste>div{clear:both;display:block;cursor:pointer;background:var(--button);border-radius:5px;overflow:hidden}
#report-org-liste>div+div{margin-top:5px}
#report-org-liste>div span{float:left;display:block;color:#FFF;padding:0 10px 0 0;height:30px;line-height:30px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;pointer-events:none}
#report-org-liste>div:hover{background:var(--hover)}
#report-org-liste>div b{width:30px;height:30px;background:var(--hover);color:#FFF;text-align:center;line-height:31px;font-size:16px;float:left;font-weight:400;pointer-events:none}
#report-org-liste>div i{width:100px;margin:0;color:#FFF;text-align:center;font-size:16px;height:30px;line-height:30px;float:left;font-family:CDR,sans-serif;font-style:normal;pointer-events:none}
.report-ergebnis, .report-test{float:left;width:250px;padding:0 0 0 50px;background-position:15px 7px;background-size:18px;text-align:left}
.report-test{margin-left:10px}
#report-mv{width:100%;border-radius:0}
#report-kv{width:calc(100% / 3);border-radius:0 0 0 10px}
#report-v{width:calc(100% / 3)}
#report-v.halb{width:50%!important;border-radius:0 0 0 10px}
#report-e{width:calc(100% / 3);border-radius:0 0 10px 0}
#report-e.halb{width:50%!important}
#report-e.lang{width:100%;border-radius:0 0 10px 10px}
#report-filter-speichern, #report-filter-laden, #report-reset, #report-customs{width:55px;height:45px;border-radius:10px 10px 0 0;margin-left:5px;float:left}
#report-customs.off{display:none}
#report-felder section button:not(.eimer){float:left;width:200px;padding:0 0 0 50px;background-repeat:no-repeat;background-size:23px 23px;background-position:15px 9px;text-align:left}
#report-felder .filter-zeile, #sort-zeile{clear:both;overflow:hidden;display:block;height:40px}
#report-felder .filter-zeile + .filter-zeile{margin-top:5px}
#report-felder .filter-zeile > button, #sort-zeile > button{width:40px;height:40px;display:block;float:right;border-radius:0 10px 10px 0;background-size:20px}
#report-felder .filter-zeile > i, #sort-zeile > i{width:40px;height:40px;display:block;float:left;background:var(--ovo-blau);border-radius:10px 0 0 10px;background-repeat:no-repeat;background-size:22px}
#report-felder .filter-zeile > i{background-image:var(--icon-suche);background-position:10px 10px}
#report-felder .filter-zeile select{width:calc(25% - 20px)}
#report-tab-extra .filter-zeile select{width:41%}
#report-felder .filter-zeile input{width:calc(50% - 180px)}
#report-felder .filter-zeile select[data-ist='op4']  ~ input{width:calc(25% - 90px)}
#report-felder .filter-zeile .report-filter.nr2.gross{width:calc(75% - 200px)}
#report-tab-extra .filter-zeile .report-filter.nr2.gross{width:calc(59% - 40px)}
#report-tab-extra .filter-zeile .report-filter.nr2.gross{border-radius:0 10px 10px 0}
#report-felder .filter-start{width:140px!important;background-color:var(--ovo-blau);padding:0 10px;color:#FFF;line-height:40px;height:40px;font-size:18px;float:left}
#report-felder .filter-kette{width:140px!important;background-color:#FDD!important;border-radius:0}
#report-felder{display:none;margin-top:15px;clear:both}
#report-felder section{width:100%;clear:both;overflow:hidden;display:none;margin-top:10px}
#report-felder section .felder-liste{width:100%;clear:both;columns:4;column-gap:5px}
#report-felder section.on{display:block}
.aktiver-filter{width:calc(98% - 200px);float:right;color:#FFF;font-size:16px;line-height:40px;text-align:right;padding:0 15px;background:var(--hover);border-radius:10px}
.aktiver-filter:empty{display:none}
#report-export{clear:both}
button.report-tab{width:calc((100% - 15px) / 4);border-radius:10px 10px 0 0;margin:25px 5px 0 0}
#offene-anfragen{margin:25px 0 0 0}
button.report-tab.on{background-color:var(--hover)}
#report-felder section h4{width:100%;border-radius:0 0 10px 10px;padding:0 10px;background:var(--hover);color:#FFF;font-size:18px;display:block;clear:both;text-align:center;font-weight:400;margin-bottom:10px;height:40px;line-height:40px}
#report-felder section h4 > a{border-radius:5px;padding:0 0 0 30px;width:100px;height:30px;position:absolute;top:5px;right:15px;background-position:15px center;background-size:18px;line-height:30px;}
#report-felder section h4:last-of-type{border-radius:10px 0 0 10px;width:calc(100% - 40px);clear:none;float:left}
#report-felder #report-tab-extra h4{border-radius:10px;width:100%;margin-top:25px;clear:none;float:left}
#report-felder section h4 + button{border-radius:0 10px 10px 0;width:40px!important;padding:0!important;height:40px;background-position:center!important;background-image:var(--icon-box-leer)}
#report-felder section label{width:100%;height:30px;line-height:30px;background:var(--ovo-blau);padding:0;border-radius:10px;text-align:left;margin-bottom:2px;overflow:hidden;font-size:16px;box-shadow:0 1px 1px var(--ovo-blau)}
#report-felder section label span{width:30px;height:30px;float:left;margin:0 7px 0 0;border-radius:0;background-size:50%!important}
#report-verarbeitung{width:100%;height:50px;clear:both;margin:10px 0;border:none;overflow:hidden;padding:0;display:block}
.verarbeitung{width:100%;height:50px;clear:both;margin:0;display:flex;align-items:center;font-size:18px;color:var(--hover);font-family:Roboto,sans-serif;overflow:hidden}
.verarbeitung > span{animation:drehen 1s linear;animation-iteration-count:infinite;animation-timing-function:steps(15,end);width:50px;height:50px;background:url(laden.svg);display:block;margin-right:20px}
#frage.report-filter-set-speichern, #frage.report-filter-liste{max-width:800px;background-image:none}
#frage.report-filter-liste > div{max-height:400px;overflow-x:hidden;overflow-y:auto}
#frage.report-filter-liste > div > div{background:var(--button);height:30px;line-height:30px;padding:0 0 0 15px;cursor:pointer;border-radius:5px;float:left;overflow:hidden;width:100%;text-shadow:none}
#frage.report-filter-liste > div > div button{width:40px!important;height:30px;border-radius:0;padding:0;margin:0;float:right;background-size:16px}
#frage.report-filter-liste > div > div:hover{background:var(--hover)}
#frage.report-filter-liste > div > div + div{margin-top:8px}
#frage.report-filter-set-speichern button.w2{width:49%;padding:0 0 0 50px}
#frage.report-filter-set-speichern button.w3{width:32%;padding:0 0 0 50px}
#frage.report-filter-set-speichern button + button{margin-left:2%}
#frage.report-filter-set-speichern label{width:200px;float:left;height:40px;line-height:40px;padding:0 15px;background:var(--hover);border-radius:10px 0 0 10px}
#frage.report-filter-set-speichern input{width:calc(100% - 200px);float:left;height:40px;line-height:40px;padding:0 15px;border-radius:0 10px 10px 0}

.import-upload{display:block;margin:0;overflow:hidden}
.import-upload div, .import-upload button{width:50%;border-radius:0 10px 10px 0}
.import-upload #fehler, .import-upload #fehlerende{clear:both;width:100%;display:inline-block}
.import-upload #fehler:empty, .import-upload #fehlerende:empty{display:none}
.import-upload #fehler p{width:100%;background:var(--orange);color:#FFF;padding:5px 10px}
.import-upload #fehler p + p{margin-top:5px}
.import-upload #fehlerende p{width:100%;background:var(--red);color:#FFF;padding:5px 10px}
#import-settings{float:right;margin-right:15px}
#import-settings #is-importer{background-color:var(--orange)}
#import-settings #is-importer:hover{background-color:var(--hover)}
#import-ansicht{width:100%;height:550px;overflow:auto;border-radius:0}
#import-ansicht table{padding:0;margin:0;background:var(--ovo-blau)}
#import-ansicht table th, #import-ansicht table td{min-width:150px;max-width:200px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;background:var(--ovo-grau)}
#import-ansicht table th select{width:100%!important;font-size:80%;padding-left:5px}
#import-ansicht table td{padding:0 5px;white-space:nowrap}
#import-ansicht table .klein{width:50px;min-width:50px;max-width:50px;text-align:center}
#import-ansicht table tr > td:first-of-type{min-width:40px!important;width:40px!important;padding:0}
#import-ansicht table tr > td:first-of-type label{background:none;padding:0;width:100%;display:flex;align-items:centeR;justify-content:center}
#import-ansicht table tr > td:first-of-type label span{margin:0}
.import-hilfe{display:inline-block;width:100%;clear:both;margin:10px 0}
.import-hilfe a{width:32%}
.import-hilfe a + a{margin-left:2%}
#import-ansicht table td select{margin:0 -5px;max-width:calc(100% + 10px)}
/*#import-ansicht div{width:100%;border-radius:none}*/

select[name="org-event-tag"]{border-radius:0 10px 0 0}
select[name="org-event-tag"] option{font-family:CDR,sans-serif}
input[name="org-event-von"], input[name="org-event-bis"]{width:25%;border-radius:0}
input[name="org-event-strasse"]{border-radius:0}
input[name="org-event-plz"]{width:11%;border-radius:0}
input[name="org-event-ort"]{width:39%;border-radius:0}
input[name="org-event-mail"]{border-radius:0 0 10px 0}

.event-hinweis{color:#FFF;background:var(--ovo-blau);padding:15px;border-radius:10px;clear:both;float:left;margin:0 0 10px 0}
.event-hinweis a{color:var(--yellow)}
.event-hinweis a:hover{color:var(--hover)}

#titelanzeige{display:inline-block;margin-bottom:20px}
#manuelle_titelliste{display:inline-block;padding:10px 10px 0 10px;border-radius:15px;margin:10px 0 0 0;box-shadow:0 0 5px rgba(0,0,0,0.5);width:100%}
#manuelle_titelliste #gema-titelliste{display:block;width:100%}
#dateianzeige{margin:10px 0}
#titelliste{padding:0 0 10px 0}
#titelliste:empty{padding:0}
#titelliste:empty + #dateianzeige{margin:0 0 10px 0}

#gema-titelliste hr{outline:0;height:10px}
#gema-titelliste{max-height:50px;transition:0.2s;overflow:hidden}
#gema-titelliste.on{max-height:590px;overflow:visible}
#gema-titelliste > .btn, #gema-titelliste > button{width:calc((100% - 140px) / 4)!important;clear:none!important}
#gema-titelliste button{background-size:24px 24px;text-align:left;padding:0 0 0 50px}
#gema-titelliste div.btn.anhang{border-radius:10px 0 0 10px;margin:0 0 10px 0}
#gema-titelliste div#titeldatei{border-radius:0 10px 10px 0!important;margin:0 20px 10px 0}
#gema-titelliste button#gema-liste-laden{border-radius:10px 0 0 10px;margin:0 0 10px 0}
#gema-titelliste button#gema-neue-zeile{border-radius:0 10px 10px 0;margin:0 0 10px 0}
#gema-titelliste #gema-toggle, #gema-titelliste #gema-anhang-weg{margin:0 5px;width:50px!important;height:40px;padding:0;border-radius:0}
#gema-meldung ~ #template{display:none}
#gema-titelliste div{overflow:hidden;clear:both}
#gema-titelliste #titelliste{max-height:530px;overflow:hidden;overflow-y:auto}
#gema-titelliste #titelliste div+div{margin-top:10px}
#gema-titelliste #titelliste > div > span{background:var(--ovo-blau);color:#FFF;font-size:15px;padding:3px 0;text-align:center;display:block;float:left}
#gema-titelliste #gema-titel-liste div span{font-family:CDR,sans-serif}
#gema-titelliste input,#gema-titelliste span{margin:0;border-radius:0;width:calc((100% - 29.5px) / 3);clear:none}
#gema-titelliste input{height:32px}
#gema-titelliste span.br1000{width:calc(100% - 170px)}
#gema-titelliste span.br1000+span{width:140px}
#gema-titelliste input[name="titel-name[]"]{width:calc(100% - 170px)}
#gema-titelliste input[name="titel-anzahl[]"]{width:140px}
#gema-titelliste div button{width:30px;position:absolute;right:0;top:0;height:100%;border-radius:0 10px 10px 0;background-size:20px 20px;z-index:2;padding:0}
#gema-titelliste #gema-titel-liste{opacity:0;pointer-events:none;position:absolute;top:50px;left:0;width:100%;border-radius:10px;background:var(--ovo-grau);z-index:9; box-shadow:0 2px 6px rgba(0,0,0,0.5);padding:5px 15px 0 15px;max-height:400px;overflow:hidden;overflow-y:auto;margin-top:100px}
#gema-titelliste #gema-titel-liste.on{animation:sichtbar linear 0.05s;animation-fill-mode:forwards;pointer-events:all}
#gema-titelliste #gema-titel-liste div{padding:8px 10px;background:var(--button);color:var(--text3);cursor:pointer;transition:var(--transition);border-radius:5px;width:100%;float:left}
#gema-titelliste #gema-titel-liste div i{float:right}
#gema-titelliste #gema-titel-liste div + div{margin-top:5px;}
#gema-titelliste #gema-titel-liste div:hover{background:var(--hover)}

#bericht-buttons{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;height:55px}
#bericht-buttons button{width:25%!important}

#progress{width:100%;clear:both;height:40px;border-radius:10px;overflow:hidden;position:relative;background-color:rgba(0,0,0,0.15);margin:0 0 10px 0;background-image:var(--streifen);box-shadow:0 15px 10px -15px var(--ovo-blau)}
#progress:empty{display:none;margin:0}
#progress > div{clear:both;height:40px;background:var(--red);transition:0.2s;position:absolute;top:0;left:0}
#progress > span{clear:both;width:100%;line-height:40px;display:block;position:absolute;top:0;left:0;z-index:2;color:#FFF;text-align:center;font-size:16px;text-shadow:1px 1px 1px #000}
#report-export:empty, #report-export > iframe{display:none}

#ensemble-stile{display:flex;float:left;flex-wrap:wrap;margin-top:5px}
#ensemble-stile label.box{width:calc(100% / 6);text-align:left;padding:0 0 0 6px}
.historisches{font-style:italic;margin:5px 0 0 0;display:block}
#sonstige-sind-doof{background-color:var(--red);color:#FFF;padding:15px;border-radius:10px;display:none;clear:both;overflow:hidden;margin-bottom:10px}
.bezahlt, .unbezahlt, .istbezahlt{width:70px;height:70px;position:absolute;right:160px;top:5px;transition:0.1s}
.istbezahlt{top:0}
.bezahlt:hover, .unbezahlt:hover{transform:scale(1.18)}

#tagliste{overflow:hidden;border-radius:10px;float:left;width:100%;display:block}
.taggruppe .tag-weg{width:40px;border-radius:0;background-size:20px;box-shadow: inset 0 0 2px rgba(0,0,0,0.2)}
.tag-liste{width:318px;border-radius:10px 0 0 10px;margin:0 0 0 2%}
#tag-dazu{width:200px!important;padding:0 0 0 50px;background-repeat:no-repeat;background-size:20px;background-position:17px 8px;text-align:left;}
#tag-weg{width:200px!important;padding:0 0 0 50px;background-repeat:no-repeat;background-size:20px;background-position:17px 8px;text-align:left;}
#tag-dazu:disabled, #tag-weg:disabled, #tag-dazu:disabled:hover, #tag-weg:disabled:hover{background-color:#999}
#organisation-speichern:disabled, #organisation-speichern.disabled{background:var(--ovo-blau)!important;transition:0s!important}

#report-tag-sektion h5{width:100%;display:block;clear:both;border-radius:10px;background:var(--hover);color:#FFF;font-weight:400;font-size:20px;text-align:center;margin:25px 0 5px 0;line-height:40px;float:left}
.report-tagliste{width:100%;display:block;clear:both;overflow:hidden;max-height:500px;overflow-y:auto}
#fenster .report-tagliste, article .report-tagliste{max-height:300px}
#report-tag-sektion{display:none}
.report-tagliste .tag + .tag{margin-top:5px}
.report-tagliste .tag{width:100%!important;border-radius:10px;background:var(--ovo-blau)!important;padding:0 10px 0 45px!important;height:50px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer;transition:0.2s;overflow:hidden}
.report-tagliste .tag:hover{background:var(--hover)}
.report-tagliste .tag > span{border-radius:0;margin:0!important;position:absolute;left:0;top:0;width:30px!important;height:50px!important}
.report-tagliste .tag > dd{color:#FFF;font-size:18px;width:50%;text-overflow:ellipsis;overflow:hidden;line-height:23px;text-align:left}
.report-tagliste .tag > dl{color:rgba(255,255,255,0.4);font-size:14px;width:100%;text-overflow:ellipsis;overflow:hidden;line-height:20px;display:block;text-align:left}
.report-tagliste .tag > dt{color:rgba(255,255,255,0.5);font-size:14px;width:50%;position:absolute;top:0;right:0;padding:5px 15px 5px 0;display:flex;flex-direction:column;justify-content:center;text-align:right;height:100%;line-height:20px;overflow:hidden;text-overflow:ellipsis}
.report-tagliste .tag > dt > p{color:rgba(255,255,255,0.5)!important;font-size:14px!important;width:100%;padding:0!important;text-align:right;line-height:20px}

.h10{height:10px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h75{height:75px}
.h100{height:100px}
.b100{width:100%;float:left;clear:both}
.b90{width:90%;float:left}
.b85{width:85%;float:left}
.b80{width:80%;float:left}
.b75{width:75%;float:left}
.b70{width:70%;float:left}
.b66{width:66%;float:left}
.b65{width:65%;float:left}
.b60{width:60%;float:left}
.b55{width:55%;float:left}
.b50{width:50%;float:left}
.b45{width:45%;float:left}
.b40{width:40%;float:left}
.b35{width:35%;float:left}
.b33{width:calc(100% / 3);float:left}
.b30{width:30%;float:left}
.b25{width:25%;float:left}
.b20{width:20%;float:left}
.b15{width:15%;float:left}
.b12{width:12%;float:left;padding:0}
.b10{width:10%;float:left;padding:0}
.b5{width:5%;float:left;padding:0}
.b64b{width:calc(64% - 40px);float:left}
.b35b{width:calc(40% - 40px);float:left}
.b50b{width:calc(50% - 40px);float:left}
.b40b{width:calc(40% - 40px);float:left}
.b30b{width:calc(30% - 40px);float:left}
.b25b{width:calc(25% - 40px);float:left}
.b20b{width:calc(20% - 40px);float:left}
.ecke{width:40px;border-radius:0 10px 0 0;height:40px;display:block}
button + .b64b{width:calc(64% - 170px);float:left}
.rechnungswesen label + label, .einfach{background:var(--ovo-blau)}
.rechnungswesen label.box{background:none!important}
.weiss{background:#FFF}
.verlauf{background:var(--verlauf)}
.wichtig{background:var(--wichtig)}
.wichtig_voll{background:var(--red);border-radius:10px 0 0 10px}
.tarp{text-align:right;padding-right:15px}
.talp{text-align:left;padding-left:15px}

.br0000{border-radius:0!important}
.br1000{border-radius:10px 0 0 0!important}
.br0100{border-radius:0 10px 0 0!important}
.br0010{border-radius:0 0 10px 0!important}
.br0001{border-radius:0 0 0 10px!important}
.br0011{border-radius:0 0 10px 10px!important}
.br1001{border-radius:10px 0 0 10px!important}
.br1010{border-radius:10px 0 10px 0!important}
.br1011{border-radius:10px 0 10px 10px!important}
.br1100{border-radius:10px 10px 0 0!important}
.br1101{border-radius:10px 10px 0 10px!important}
.br1111{border-radius:10px!important}
.br1110{border-radius:10px 10px 10px 0!important}
.br0110{border-radius:0 10px 10px 0!important}

ovo-produkt, ovo-tag{width:100%;clear:both;overflow:hidden;border-radius:15px;margin:0 0 10px 0;display:block}
ovo-produkt ovo-col:first-of-type{width:45%;float:left}
ovo-produkt ovo-col:last-of-type{width:55%;float:left}
ovo-top{float:left;width:100%;line-height:40px;text-align:left;padding:0 15px;background:var(--hover);color:var(--text3);font-size:20px}
ovo-txt{float:left;width:35%;line-height:40px;text-align:left;padding:0 15px;background:var(--ovo-blau);color:var(--text3);font-size:18px}
ovo-col input[type="text"], ovo-col input[type="email"], ovo-col input[type="number"], ovo-col input[type="date"], ovo-col select, ovo-col textarea{width:65%;float:left;border-radius:0!important}
ovo-col textarea, ovo-col:first-of-type ovo-txt:last-of-type{height:120px;resize:none}
ovo-col.produktparameter ovo-txt, ovo-col.produktparameter input{width:15%}
ovo-col.produktparameter select{width:60%}
ovo-col.produktparameter ovo-txt:first-of-type{width:10%}
ovo-col.produktparameter ovo-txt:nth-of-type(3){width:60%}
ovo-col.produktparameter label{line-height:40px;height:40px;background:#88A3BE;width:10%;padding:0}
ovo-col.produktparameter label span{margin:5px auto;display:block;float:none}
ovo-col.produktparameter .pluszeile{background:linear-gradient(90deg, var(--ovo-blau), var(--ovo-blau) 95%, rgba(0,0,0,0) 95%)}
ovo-col.produktparameter .pluszeile button{border-radius:0 0 10px 0!important}
ovo-box{width:100%;height:320px;overflow-y:auto;background:#88A3BE;display:block;padding:5px}
ovo-zustellung{width:100%;height:60px;border-radius:10px;background:var(--ovo-blau);color:#FFF;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;padding:0 15px;overflow:hidden;text-overflow:ellipsis;line-height:24px}
ovo-zustellung.nohover{pointer-events:none;cursor:default;background-image:var(--streifen)}
ovo-zustellung:hover{background:var(--hover)}
ovo-zustellung + ovo-zustellung{margin-top:5px}
#modal.zuweisung #zustellung-entfernen,
#modal.zuweisung #zustellung-speichern{width:150px;float:left;margin:0;border-radius:0 10px 10px 0;background-size:20px;background-position:20px center;padding-left:35px}
#modal.zuweisung #zustellung-entfernen{border-radius:10px 0 0 10px}
#modal.zuweisung label{clear:none}
#modal.zuweisung .zustellungszeile{width:49%;display:block;float:left}
#modal.zuweisung .zustellungszeile + .zustellungszeile{margin-left:2%}
#modal.zuweisung .zustellungszeile select{width:100%;margin:0 0 5px 0;border-radius:10px;height:40px;box-shadow:none}
#modal.zuweisung .zustellungszeile input[type="number"]{width:24%;border-radius:0 10px 10px 0;height:40px}
#modal.zuweisung .zustellungszeile label{height:40px;background:none}
#modal.zuweisung .zustellungszeile label.z1{width:25%;border-radius:10px 0 0 10px;height:40px;background:var(--ovo-blau);margin:0 0 5px 0;clear:none}
#modal.zuweisung .zustellungszeile select.z1{width:49%;clear:none;margin:0 2% 5px 0;}
#modal.zuweisung .zustellungszeile input + label.z1{margin-left:2%}
#modal.zuweisung .zustellungszeile label.z2{width:49%;height:40px;text-align:left;margin:0;clear:none}
#modal.zuweisung .zustellungszeile label.z2 + .z2{margin-left:2%}
#modal.zuweisung p{color:var(--ovo-blau);padding:5px}
#modal.zuweisung #zustellung-links-alle{transform: scale(-1, 1)}
#modal.zuweisung .zustellung-fuss{width:calc(100% - 300px)!important;background:var(--ovo-blau)}
#abo-daten{width:100%;display:block}
#abo-daten .ladezeit{margin-top:25px}
#abo-daten section h6 strong{color:#FFF}
label.z3{width:50px!important;background:var(--ovo-blau)!important;border-radius:10px 0 0 10px;padding:0 10px 0 0}
input[name="zustellung_multiplikator"]{width:60px!important;border-radius:0!important}
select[name="zustellung_person_typ"]{width:calc(100% - 110px)!important;border-radius:0 10px 10px 0!important}
/*#zuweisung-links{width:49%;float:left;margin-right:2%;min-height:300px}*/
/*#zuweisung-rechts{width:49%;float:left;min-height:300px}*/
/*#zuweisung-links > div,#zuweisung-rechts > div{width:100%;overflow:hidden;padding:5px 10px;border-radius:10px;margin-top:10px;max-height:400px;overflow-y:auto;display:block;min-height:400px;border:1px solid var(--ovo-blau)}*/
/*#zuweisung-links > div button,#zuweisung-rechts > div button{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:0 15px;font-size:16px;clear:both;margin:0}*/
/*#zuweisung-links > div button + button,#zuweisung-rechts > div button + button{margin-top:5px}*/
/*#modal.zuweisung #zuweisung-links-alle{transform:scale(-1, 1)}*/
/*#zuweisung-links > div button dd,#zuweisung-rechts > div button dd{font-family:CDR, sans-serif;float:left;margin:0 10px 0 0}*/
/*#modal.zuweisung b{font-weight:400;font-size:18px;color:#FFF;text-align:center;background:var(--kopf);margin:0 0 10px 0;clear:both;display:block;height:30px;line-height:30px;width:100%}*/
/*#modal.zuweisung label{*/
/*    width:calc(100% - 150px);*/
/*    clear:both;*/
/*    height:40px;*/
/*    background:linear-gradient(90deg,transparent,var(--ovo-blau) 50%,var(--ovo-blau));*/
/*    color:#FFF;*/
/*    line-height:40px;*/
/*    padding-right:10px;*/
/*    text-align:right;*/
/*    font-size:18px;float:left*/
/*}*/

ovo-tag{background:#88A3BE}
ovo-tag ovo-col{width:24%;float:left}
ovo-tag ovo-col:first-of-type{width:52%;float:left}
ovo-tag ovo-col ovo-txt{width:100%!important}
ovo-tag ovo-col:first-of-type > ovo-txt{width:30%!important}
ovo-tag ovo-col:first-of-type > input{width:70%;float:left;background:none}
ovo-tag ovo-col label{width:100%;float:left;background:#88A3BE;text-align:left}
ovo-tag ovo-col:first-of-type label{width:35%;float:left;text-align:left}
ovo-tag ovo-col:first-of-type ovo-txt:last-of-type{height:80px}
ovo-tag label span{margin:5px!important}
#org_tags,#personen_tags{display:block;clear:both}

.tag > dt > a{color:#FC0}
.tag > dt > a:hover{color:#FFF}

.galerie{
	width:200px;
	height:100px;
	margin:0;
	background:#FFF;
	border-radius:5px;
	overflow:hidden;
	perspective:1px;
}
#mobilmenu a#dcv{width:200px;height:100px;display:block;text-decoration:none;margin:20px 0 0 0;left:10px;border-radius:5px;animation:none;background:url(partner/dcv2.png)}
#mobilmenu .galerie{
	margin:0 0 0 10px;
}
h3.gal {
	clear:both;
	color:var(--ovo-blau);
	font-size:16px;
	width:100%;
	text-align:center;
	padding:20px 0;
}
#mobilmenu h3.gal{
	color:var(--ovo-grau)
}
#mobilmenu .galerie a{
	animation-play-state:paused!important;
}
#mobilmenu.on .galerie a{
	animation-play-state:running!important;
}
.galerie a {
	position:absolute!important;
	top:0!important;
	left:0!important;
	width:200px!important;
	height:100px!important;
	display:block!important;
	float:none!important;
	margin:0!important;
	opacity:0;
	z-index:-1;
	outline:50px solid #FFF;
}
.galerie a:hover{
	box-shadow:0 0 8px var(--ovo-blau)!important;
}
.galerie:hover a{
}
@keyframes bonus{0%{opacity:0}100%{opacity:1}}
#bonus{clear:both;opacity:0;animation:bonus 1s forwards;animation-delay:2s}