@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:10s;
	--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:#EC0;
	--orange:#F80;
	--red:#E26;
	--hover:#294159;
	--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'><path fill='rgba(0,0,0,0.05)' fill-rule='evenodd' d='M0 4L4 0H2L0 2M4 4V2L2 4'/></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;
	--px-select-h:290px;
}
@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 admin_sichtbar{0%{opacity:0;margin-top:150px}100%{opacity:1;margin-top:40px}}
@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:space-between;align-items:center;padding:0 10px;z-index:199;clear:both;position:fixed;color:var(--ovo-grau)}
header p{width:100%}
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;min-width:80px}
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;white-space:nowrap}
header #filter_save{margin:10px 15px;padding:0 15px 0 35px;height:30px;line-height:30px;background-image:var(--icon-suche);background-repeat:no-repeat;background-size:18px;background-position:10px 6px;border-radius:5px;width:180px;min-width:180px}
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%;min-width:768px;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;flex-direction:column;gap:25px}
.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.2);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.2);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}
.fehlerbox .fehler, .fehlerbox .info{text-align:center}
.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"]{opacity:0;position:absolute;pointer-events:none;width:0;height:0;padding:0;margin:0;border:0}
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="tel"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus,select:focus{background-color:#FDB!important}
input[type="date"]{-webkit-appearance:textfield;-moz-appearance:textfield;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{position:absolute;top:40px;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{height:40px;font-size:16px;line-height:20px;border-radius:0 0 10px 10px;transition:var(--transition)}
#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{min-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;z-index:1}
#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 #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;overflow-x:hidden;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);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(/webdata/img/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;box-shadow:none!important}
#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;box-shadow: 0 -5px 0 5px var(--ovo-grau)!important}
#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);min-width:80px;height:40px;line-height:40px;margin-top:0;background-size:26px 26px;border-radius:10px 10px 0 0}
#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.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}
#filter-liste input{box-shadow:none!important}
#filter-liste button, #filter-liste div.btn{min-width:0!important}
#filter-liste button#filter_save{
	width: 200px;
	border-radius: 10px;
	clear: both;
	margin: 0 auto 15px auto;
	float: right;
}
#hauptmenu,#submenu{display:flex;clear:both;gap:5px;align-items:flex-start;justify-content:flex-start}
#submenu{margin-top:40px}
#hauptmenu .spacer{
	background:var(--ovo-blau);
	width:100%;
	height:40px;
	border-radius:10px 10px 0 0;
}
#hauptmenu{border-radius:11px 11px 0 0}
#hauptmenu button, #hauptmenu .btn{border-radius:10px 10px 0 0;box-shadow: 0 -5px 0 5px var(--ovo-grau);}
#hauptmenu button.big, #submenu button{width:100%}
.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 *,#randmenu a *{pointer-events:none}
#randmenu #logout{animation:none;left:0;transition:0s;margin-top:-5px!important}
ver-sion{font-size:10px;position:absolute;right:15px;top:-7px;color:var(--ovo-blau);text-align:right;background:var(--ovo-grau)}
#mobilmenu ver-sion{color:var(--hover);background:var(--ovo-blau)}
g-lamp,r-lamp{width:10px;height:10px;border-radius:50%;background:#0C0;border:1px solid var(--ovo-blau);margin:0 5px 0 0;top:2px;display:inline-block}
r-lamp{background:#C00}
#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:15px}
#mobilmenu .benutzer{color:var(--hover);border:1px solid var(--hover);margin:10px 0 0 10px;width:200px!important}
#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}
#randmenu>*:nth-child(9),#nebenmenu a:nth-of-type(8){animation-delay:.8s}
#randmenu>*:nth-child(10),#nebenmenu a:nth-of-type(8){animation-delay:.9s}
#randmenu>*:nth-child(11),#nebenmenu a:nth-of-type(8){animation-delay:1s}
#randmenu>*:nth-child(12),#nebenmenu a:nth-of-type(8){animation-delay:1.1s}
.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.import{pointer-events:all;z-index:8;display:block;margin-top:60px;height:calc(100vh - 60px);overflow-y:hidden;padding:0 10px}
nav.import article{width:100%;max-width:100%}
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.events{pointer-events:all;z-index:8;display:block;margin-top:40px;height:calc(100vh - 40px);padding:0 calc((100% - var(--max-breite)) / 2)}
chor-event > b,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}
label.bb75{float:left;width:75%;line-height:40px;text-align:right;padding-right:10px;background:linear-gradient(90deg,var(--ovo-grau),var(--ovo-blau) calc(100% / 3 * 2));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{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);color:var(--ovo-blau)}
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}
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}
#fenster>article#personenehrungen.on{display:flex!important;justify-content:flex-start;gap:17px;flex-wrap:wrap}
#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 h5.aktivzeit{background:var(--ovo-grau)!important;color:var(--ovo-blau)!important;text-shadow:none!important}

#person cite.drittel{text-align:center}
#person section h5 .icon{position:absolute;top:50px;right:10px;width:30px;height:30px}
#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}
#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}
#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}
#person section aside figure, #organisationen section aside figure{position:absolute;top:5px;left:-90px;height:90px;overflow:hidden;border-radius:5px}
.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;word-break:break-word}
.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: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}
#rolle_box select{width:calc(50% - 155px)!important}
#rolle_box label{width:155px!important}
#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)}
#passworttest:empty{display:none}
#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,#personenPrivacy{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;width:100%}
#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{z-index:9!important;border-radius:10px 0 0 10px!important;width:200px!important;height:200px!important;float:left}
#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,#personenhistorie .historienorg s{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:570px}
#personen aside#eingabe>dd{width:100%;margin-top:10px;float:left}
#personen aside#eingabe .meldung{box-shadow:none}
#personen aside#gefundene{height:580px;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 div b{
	background:none;
	text-align:left;
	font-weight:700;
	margin:0 0 5px 0;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
#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(/webdata/img/verlauf2.png) repeat-x 0 -40px}
#personen aside#gefundene::after,.aktionsfilter::after{bottom:-1px;background:url(/webdata/img/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;padding-right:95px}
#personen aside div p span{font-family:CDR,sans-serif;color:rgba(255,255,255,0.5);font-size:16px;width:95px;right:0;text-align:right;position:absolute}
#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}
#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;max-width:100%}
#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%;clear:left;float:left;background:var(--ovo-blau);border-radius:10px 0 0 10px;margin: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;margin:0}
#aktionen .ehrungsinfo + hr.gross{height:0!important}
#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);}
#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(/webdata/img/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{margin: 15px 0 -15px 10px}
#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:block;
	font-family:unset;
	height:297mm;
	width:210mm;
	background-repeat:no-repeat;
	background-size:contain;
}
#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);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:40px;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)}
#frage #rl_final_buttons{width:100%}
#frage.rechnungslauf-frage .ladezeit{display:none;position:relative;top:5px}
#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)}
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:5px;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-color:var(--ovo-blau);background-image:url(/webdata/img/dummy.svg);background-position-x:100%;background-size:300%;float:left;display:flex;align-items:center;justify-content:center;color:var(--text3);border-radius:5px}
nav>article section figure:has(img){background-image:none!important}
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;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}

#offenes_profil figure:has(img), figure#profilbild:has(img){background-image:none}
#offenes_profil figure:not(:has(img)), figure#profilbild:not(:has(img)){background-image:url(/webdata/img/dummy.svg);background-position-x:100%;background-size:300%}
figure#profilbild img-control{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}
figure#profilbild img-control>#bild-setzen, figure#profilbild img-control>#bild-loeschen{display:block;opacity:0;pointer-events:none;transition:0.3s;overflow:hidden}
figure#profilbild #bild-setzen, figure#profilbild #bild-loeschen{cursor:pointer!important}
figure#profilbild:has(img) img-control>#bild-setzen, figure#profilbild:not(:has(img)) img-control>#bild-loeschen{display:none;height:0}
figure#profilbild:has(img) img-control:hover>#bild-loeschen, figure#profilbild:not(:has(img)) img-control:hover>#bild-setzen{opacity:1;pointer-events:all}

#offenes_profil figure{background-color:var(--ovo-blau);border-radius:10px 0 0 10px;overflow:hidden}
#profilbild{background-color:var(--ovo-blau);width:100px;height:100px;float:left;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}
#personenprofil #profilbild{width:120px;height:120px;border-radius:0 0 0 10px}
#profilbild #bild-loeschen,#profilbild #bild-setzen{width:90%;border-radius:5px;transition:box-shadow .5s,background var(--transition)}
#profilbild button:hover,#bild-setzen:hover{box-shadow:0 0 0 40px rgba(255,255,255,0.7);background:var(--hover)}
#profilbild #bild-setzen{background:var(--button);height:40px;line-height:40px;color:var(--text3);text-align:center;font-size:16px;cursor:pointer!important}
#profilbild > img,
#organisationen section figure > img,
#person section figure > img{width:100%;height:100%;pointer-events:none;opacity:0;animation:zeigen 0.5s linear forwards;position:absolute;top:0;left:0}
#profilbild.herr, #person section figure.herr{background-position-x:0}
#profilbild.frau, #person section figure.frau{background-position-x:200%}

#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:4;background:url(/webdata/img/verlauf2.png) repeat-x;width:var(--max-breite)}
nav::after,#fenster::after{content:'';display:block;position:fixed;height:20px;z-index:4;width:var(--max-breite);bottom:0;background:url(/webdata/img/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:220px}
#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.auto.haken{background-color:var(--yellow)}
#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, mgz-org-neuer-stichtag > 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;line-height:24px}
#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-optionen{display:block;clear:both}
#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:100%!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}
#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}

#fetch-process{opacity:0;pointer-events:none;transition:opacity 0.5s;z-index:9999;display:flex;width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px}
#fetch-process.on{opacity:1;pointer-events:all}
#fetch-process p{color:var(--text2);font-size:26px;text-align:center}
#fetch-process .ladezeit{margin:0;top:auto;left:auto;position:relative}

#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 - 280px);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;min-width:40px}
	: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;
	min-height:48px;
}
#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,iVBORw0KGgoAAAANSUhEUgAAAekAAABzCAYAAAC8RPoGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAFxlJREFUeNrsnU1y20iyx0sOr2ZD3YDwCcQ3BxjBJxDnBISjZ92iN28rajubpmc9HYZOYOoEAucA09QJGroBtXlbvUo5YcMwifpAFapA/H8RCFsSCRSqCvnPzPrA2cvLiwAAAABAfLxBFQAAAAAQaQAAAABApAEAAACINAAAAAAg0gAAAABEGgAAAAAQaQAAAABApAEAAACINAAAAAAg0gAAAABEGgAAAAAQaQAAAAC88tbnyX///feVwcdLeex++eWXneW1EvlPZvNdec3VkXPS+ZKqfPJzuWXZ6ucp5HmK2t9S+U/qsNpzef6ypSwz+c9cHvTv+YGPFB3vNeFzzw5co6wdrW3dbM9jbWTRL1T1s/JR7wAAEJ1IS24sjOqz/GfDRq8w+Gpicz3mmGEm437J/99SmSzPXz9PJYQVaYdyi2Mie6Be6TpreVwovk/lfDS9Vz7/qnGfh85d/85WtnGq2Z624tk8z8H66dJnNc8LAADRibQNE3ks6CAjLv9d2kbX4JsYkjhfG3xlb3Duc3aqLlHTAAAwXJH+KI9jYlulRucs0vXIq5BCsLRIv7ZdLyZU2YKEnZaKW8Xny4aILhsC/cxRMgkrpZz3/LkqNZ2Kw2nwQwI94/JPGn+659/vDtxL1daXGvcemjuDjAIcSQDAoEV615K+LmqGPxNfU5vTWmT9Wf5+L7+/cXS9aOAyFi1CmNZF2mRslsdj65+nNPb80NhpLVtRGJy7KdCU+ch0xmY5Aj+PvHnKIfQhAMDpEt3sbo6YZxzF1MlZGIA+zcxE5nByU9449x2NL+uenyJ4TLQCAICBiXTNgGcNoZ4I+8lDYxbpb1G0q7F9znbUx6C33F4AAABOXaRr0HjqU+3nBaJpa/YOz1V3lmiMGwINAABjE2me1LRqiQ6BPk7Gf3my2LT2qw3S1gAAMM5I+lUEOFqDSHeLni94ElpXmlHzGtUMAAAjFWmOpovar7Ae18zB+eFnjoS7UP/+M9awAwDAuCNp4gch4OU7QE+k62P6NPnuD1l/XWbKXx5rFwAAAG55O5By7g5Ec4XiO5lmerc41bWwlIWQdTAXP69nrnZ0o01HcsP15z/UXV/30mFP7aTDZVPN61rvdQ4AAKcg0jYzkxcxik0Aod5xijsXPw8VXNEh/07R9poFe98ilGnAW7kJcM1LoTe80mVfdwAAOApeVTkCaPY1v8ji7ywoTWi29m/y2HHkDQAAAJG0V2gjlHLMUfQBsaa0djV5jNagN3ckI7H+Iv/+SX52GVnx31t+b8YOiA1bzf5RCgAAGLFIzyyMYo59l4+KNY3xZzwBLxNf16LXxfpa/q3oMFbto8xWbSnvo8tlC9v3WAMAgAuGku5OGgYbkYsb4aPtV9dcv/eNP681hHKGWgQAAIh0fZx0i2bzItbzRt1ONSaKQaQBAGDMIn1oG0o0mzea0XNy4DNNIU9QbQAAMN5IetX4uU+Rri9H6rKBSn0ZTxlxRL3REOmi8XOGxwgAAEYo0rwc6Kr2q7uex6Prm6hcdMgEHDtnbPWdKAT5kJO0xA5wAAAwMpGubcBRQS/Z6HtZUHM7Upuosf6dp8j3uk4bP5cHom0qfz3lPRHYyAMAAMYj0lIMl+LnrSyztt2wPNGMJFcmUSM7Gte1X0UrZnxfq9qvHluyFqvGz7RrGYQaAABOWaQpUqX1ueLr5hN1gf4QYs0uOwV3tV/RBLZCZ7IUz4yui3y19WavwqtZ1mov9PoEvWVLvdBnPzV+TXuBlzo7lnG5Mgg7AAC00+dmJsuWJT30+0N7JFOKe265kYXuCzaEYsOKJZevEjAam/5TnvuOha0ZbZLgzRv3U91H35kAKssD781dlZXS1VSO81pZm+Ptd6o6px3JOPpeNJwY2rHsma/XTO0nfM369bKIn4/U4MUeOdbvAwCGLNJX4sdJYG08c9S57iBsJi/YWLVF0xwdbhqR5kLzGnQvaeCx6KlBfdzq7rIlP0eOEAlT8+UXE8P2jhXdF2yIIw4bAAB0IrYxadr16gNFXCQUASLPY2K04wjwlkVX19G45XsJJdCJYd2/N90Gkz//TnwdFng2+CpNPvuImeEAABAukq5eilClVpuUfOwdCNlO2L+EQUeM9hxxrziNnvKf0kYZ6HMu31FtfV/0jmNZ1srBSGqH4HLuuP6LLqla/m5G/+e6mXGbV9er6qW65k7DAXPVns3z7DT7rM11AADAKWcvLy+oBQAAACBC8D5pAAAAACINAAAAAIg0AAAAAJEGAAAAAEQaAAAAGBlvYy7c2a//bC7lOcS35T0v//pfLIPx0w7VErpj7fBtOZdsgzJg+Y7R1n/qFNV/5H0UaPnT41//+e9MHF6SKFr6ddU3yl//9tcStTi4Nk+7nkO2ezB7ENUSLGlsaWevlB+iS8vTPPGDRUehMrbymnS9B81zv/dhvGUZCs373crrpz20A4le1RZ0TA2+Xm0JSsemD9GW5V2Jn3c9c0HVl3q7l4Zxab0vaTjONM7R1re28hxpT/fSVo5bWY6Vp+sm3JfnHWzKT/VW9XET461qT9do9g9dAXjvW6hc9RHFeVy0fVlrf+82IXgkzdHykh+iiYNTTvm44gfiTADdtki5Lbps51nfEvQ3ec5H+e9aClw+wCqp96Wh38vYoqeM+/KFh9NX28XeyOvQz/fSWM9PvErXoj1bNRaqtl9wPyNHnraMXvsS7GBj0iQIHEH+wTc88XCZZ/Qp7bbYcUbB9X7bZCQ/y/PvOeIdMtW9lOzQgAjFWR5kLD97EuhDjEG8LmS9LtHDDjry9DriPymCd5FaDy7SlEqVx5oF4dLz5TBGrchisKP00INBIyfshgVufgIP5gP3YxCHOKc1cZ72fPlyJNW84uEDcDzKfmCxdlZPvYo0p7Z37HmAsAK94izGZc+Xfn2dpbz+hse+h8y1vIccvSm4QFdO/zRQEYqRVDU52nBM9cT6T1eZh97GpKUxy9jLxcMTVpxJGDcBxLkJpdV3FFUPfFb+grID8h5W6F29i/M5P+O2WSCaY3DsRS/nBuctR1TtV7Le57/+7a+bE7mftj7Q1Ub+RqsJZF1l0Yt0IIEGP7cDZTJy0d9YnU5UXVD/kCI35Iee0vh5iOVnIxZom778yN/Z6c5U5rRltWwrPWK4nbS7zmzsSFhTSleWdz/ArmO8oqG2bC8V5qtdFvz91La+vIt0YIFGJP2jQFN9TCIrGpWH0t8fBj5rmiLpDD2tF4FODPsyvet8ZTP7lr9Dx6YWvZOhrpZ1TUKuoQ3oXC+5z588sn2rJb15TbTp/heapyBHcm1rH7yOSbMwuBzDIE+Y1qk9wVQZtYOpUQvBZ3bofEL95/2R4+/y+MSfsWHB9Qz8CnQ1XKPTl+/l8Y7Sja6Wx1A0RKleTmFSe38YaVPcsFiNDhJtbv933Md0I2orp8Z3JJ13EIZq/RkdOxll7VsEKBHfU1Iz8T0FNvrZ3bUx6MkAirumpWAex6j3is1oNlxnKTuXpsMCc4GJNaIHm6JqF1p6mfkeN+X0ZT7itlhzVmGUsOM3pzF6Ta0jx2bDkXl4kebZwzZjnyTOK93UJ48DlqKW2q52zDom7DBqVjyL77tvNamco66za6mT06zvWci2YyGf8czthcFXU4i01yhaZ6Md6qepqSEER21x2zN9SW0i63rUfZ6cQV4fXWgIdS4M19V7EWmObm22v6Oxo2VXA83fz8f+hMl26Lp72DNHl2ud6JbbnbzKZQfBnnLbxbCWeinMJopgRyZ/Ak19awWB7r3/f1F8htZO5wOdROZSqHeaQk2bwlCWR1uffI1Jryy+QxOHMkS/Th2lVYdT3Moj4TbRMnqU1ZAHCTpd+4OwnztwFcOGJ9wXTepwip7njbXC+EGgPUSI4uscoDawdrom1EJvcpiRXXYu0iwOC8Ov3WI/5N6N2jFo4tQ7WvfbxWHi9pxxdsSGPJLNTjboSsGjaIpQVBmhJQQ6WMC18LEd5oAdG5XNm5rUl49IOjP8/BYbQTh3lHSM2iHuZFvMXK33JZGnSFzYzYAlByP4XsHsqGAP+LCo+sHWJH0IjESn0IimX51q1NYP/VVlM7R1MgaRztCmQbzfQwLtpS04qrYR6mUk0TQitHBRdKLhcMKGhLcnU9slRifo2OjMidIeznMq0rwu2mRc7g67NDmPosmomW5n502gOwr1JBIDjAlh8UbRd32803fEDlIVTesMW93gBRzfUI3TT3RT3q4jaVODCs+rf6PW5FH0lFZmof7k+X5cOz3nQn9s/xHdzzmqiAOTlvyRNGy1zrBPjmr7toZaZQ+CiHRq8NlHRNFBjNpPjlXPM+rpYTeZ9T3lDM0Q6hNpcbeRnCoz94TJYr2Kjo5DRGunM9TYK6pJp1p2zbVIm2yaAY/LfdRnM9zQq5GzWNZk43i4dipcPZTArdOP+u5XqHUd7DVv3zp2CsXfk15FmmcUmwAPOHwUvQpRSE57m0TTaYhy8o5juk7P88Df5AWRBjroRMkTgaFMofHiFa2g1uWOY0YpScUeyrHyIA33kI1anfvAww30EOu+Ha3Xd1/zODSl9kzW+2Ns1D0qmwJHP4DwyCj5TuPZuOZ9qouRV1nr1qqUcVDt1uZSpE3SG5hgE8aoxRSFbAxE+jVT49uxq/Z8ZwdiavggQqTdoxqPPqndCV1uCOJZHJf8nKgmVK4FVkaUin5cvUI4ukgaW3/6ERiTHcaCijSNTcsyk7OmO4/BxRhXwi9+OXTuWYeIHS9zcS9YKntSnuBtP7g0CR6j6T2/7ETlZNM+1SseywaWuJw4ZmJEYdDCRtFPkYhK4en+2iKzmwPHdQeB/tD35LuRgIlHEcM7vOnsRLYc+drpousJ3gYqOIxaWGKJQoburH3AnvPDNX6W0f0x52E/wuVgFE3/ofhM9QKOObrssCJpEJZYjEkx0PqjMej/gUCPDhKbhyPH6OYksFNyq/HRK+ngQKQjEOkLVOdgwHCDHc9slGZIcQPwzXHB2mmPhEp3Yy/ksCSRlGMoDy1NcKOoOccEMfRhj2yHVuDaJLIvio/SfJCViODNdkPrpy5FunU92ECNMzrOuJ219/LYQZjRh3sSvHSg5d5IoSYHQzX5ktZO5yMbu1f1U6VtcSnSpTBbWzpE3vtYq3v26z8L0e+GHclAOnBo5gPddAeAvsnE17kuOmun0xYNuTyxejlXODhKh+VNoIJfok+7xVBMpvxKyyFF0i6870dhtpHOtawnTHgJgyrCgA3xj3Zkb/gCjmWLSJ8abXO1dN4qFkykRSQicWo8+3gAPba/yWRDFw/wnj1+k3rK0Vf7RyfC0NjwBPTbZiuhN4lsNYZJZBr9UyvwcCnSheHnU3Rr55hEm1ngshpFqK5mU/N5VgZfofQdXuQQBpXBh0jHR6b5TI1hyZpK47Q006VI7x3fAPDrKF0GjhBNZnk6nfUqhXpteM6LI9uJgrBOJ4Yi4oumyQbdaXx04XKvcoi0+ygOD5gfTCO+IMIjBY+87anH+9L1+E3S3jcWr2MFNaew5W+lpU25wtrbKFlqPlsnG03zVqhXGg5NfyJtMQt2wsYauGsDMmom72kuAhV1ZyiQGw91VVo4KTm/yAS4pezQ7nD244um95rPFr2A41Q1QHVf97oncj1xzDQtuUKXdk6u+blg+06zM5FqCvWjr/deW6S9pwb1G7sAqqJb11FFG/sjxl7H6YQNiVOodZ+tk5tExvejGs7TtiOuRdo04plirC+ISAd/MYSBUPtOiWWGUf3VwDJApYZB8c1MYdB3HWzK9ISjsaGjM+9kKk5vFzLStLb14vQudG2tDC3SBI31YZamO/Ejo3wXs0AbCPWz77Japr3XJ7QsKw18DdW6dR0nDftCxxlN0/P9SUfMT6X9eDLctYaIa+NUpNng2czELSDUzj25qAVaU6hXPZXBNO3d17KsNkdAN/ovIhDpuW35eJOMbSTtAexs0ZNG+9HnBr1dKDsaqn74xO/iDiPSjI0ITFioMQnEXzTdWaD/799nqTxyeZTyeJHHXh4beWQehPqJxbMvMmGW9u5jWVabSOsatJ3GffuOLKYdnAhdZ412ssrx9EcXTdN8A510NkWfg42mWaALod4W1fh5cy7SLARPFl+lm/siDd+mayqRxJ7PM2bRry+DcCHQZCjpvbmLmtGlNqNlBp/l3wt5nHfoN02hzvqsLMu0t+9lWUnXE7CRbEspT1q2aXQVSR3NBuiMzfFSFZ3ZsAsIdZRCvRGak8gGKtAzdoZVOyje6S678h1JdzWwZPT/lMZvJ4+lKg1OS2LIUPJnSZhfxNfXptF5RptC5zc3ZQ4F+kYVyYiOKceaUN+GeLGFRdqb8LIsi2dETx1E0jrR6srHFps8oattBvna0KboZDpIqDcYo44OnfYb3Aua2MEtNMr+KCwnyHl5nzQZWGm47oViMbcC8kp+YyEWHJ2XB4ShjVE/qLIdOo/TSYFONAT6W3tQ6vsv/3jJO5R5J8KOTc25n000P18ty3KdtVE90CZ1RGLYNpmF7jWn1DRH3q4E+nNbFG0i0vze4kyo31tcOfolGVDT8T/gLZqm9lgb2JLYxTnlyF9nGSP19cz22fL5go1M2KW924zhZeNQgclo/sWi6+djzUCY4HRZFke1qhmi2pkGnnyl2qrxgoUtdVD+lUKgXx0HU6PFadNbzY+T4/FZlqV0uEQL0Xk3oV451oS+hTkhx08e5CA/GAh02uUd2m993RAZOx4TLgyiEtckeDQ6Y+roXAz9hikDYZEJomVZRdvGKyyArxNMjgkUp89WimttWXhNoHMuNITtQZZhyyKqnYnh9PycnTRl6o8NtpWh52stNL8yZbFesy2ie9qpjCany2d8pHx4tWOu97K2Gf/sgYwFLhQktNRP6fnbH+sH7ChXfSDh9je1beSQzLsItFeRZmO344k1oYR6cGMcICpjUhr022oZUJtTQ8/CDRsB8rCbD6/uDmC5hcGmiPKj4CEkBa+ZKvn5V4eAy7mvRfBJzQFO+J51Ddiz6Dg0IO8lk2Xba2Qbmu1zVTlefG+H2uA8oKPpWrzOIoymC1n3dwZOlg9N+FITY1/X2bJAdx4+8v4+acMtIJ2DdwEDy35rk/Y2WZY1EebDN1UUndvcE2/VeGf4tUsWwxs+SEg+135eGAp0apEFOHQvFLF/6GhXDrXBBXq/d5YikB70AN3XR9k/nc3veNNHqVmoE+H4lYO66Q08E50oDD//eCo3zhPv7g2/5nNZ1rPouDSNolALoXbBk+g4NnfgXnIOALZ4TIeDwQs4hgY9VzN2hp3xpq/SU2Qij9SB9wuR7hfTqO3UXj+XWfRXH8uyXEahWc/P4Sc2Xs5n7dM5KWrh+wk5KamEqTBqN5vljrFGziTO7+i5cvF8BhPpmljnLJwfe3io7vHwdOMv/3gpua102HZZfhVpNG2T9nb9tqyta5HjKDTxHFVTud9TatpV6q/tfuSRsFj3lc3Z8rPxjh0fYMaQV4Lcc19LfIlzxdsQd8eGjzypNW9WQh2cvOGu40H0cJIhozRlwdcB3YV6zbuJ3Sg67UkaKsvZ3rQsa95xrTpdc+1rli4LZ8YzyqntaELXpYNnsOBy9+4gs/OR12abu7inKmLa8b0Vkc6cHlo0vZPtRFmW68iLWu3REaTtz15eXqKpCU4RVssezmv/HqKacUqVV4bYoWps8MYmK/F9Nu8Tt8NaCjnqXwNe2pGI47PAqU/vQooALwWqnr1U8fHqOSy43PuI672q+3NV/TfuLdr7Asp2b2trFWUIRzNqkQYAAADAd96gCgAAAACINAAAAAAg0gAAAABEGgAAAAAQaQAAAAAiDQAAAACINAAAAAAg0gAAAABEGgAAAAAQaQAAAAAiDQAAAIC++X8BBgA0iwbTVGUWNQAAAABJRU5ErkJggg==')}

#rechnungslauf label{width:50%;float:left;background:var(--verlauf);color:#FFF;line-height:40px;padding:0 15px 0 0;text-align:right}
#rechnungslauf label.box{width:100px!important;font-size:18px}
#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:50%;padding:0 10px 0 0}
#rechnungslauf .einmalig label + label{width:10%;background:var(--ovo-blau);color:#FFF;text-align:center;padding:0}
#rechnungslauf .einmalig label:last-of-type{width:20%}
#rechnungslauf .einmalig input, #rechnungslauf .einmalig select{width:10%;margin:0;clear:none;float:left;border-radius:0}
#rechnungslauf .einmalig select.tar{width:20%}
#rechnungslauf .einmalig input{text-align:right}
#rechnungslauf .einmalig input[type="text"]{width:50%;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:350px}
#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}
#rechnungslauf select[name="rechnungslauf-text[]"]:last-of-type{border-radius:0 0 0 10px}
#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(/webdata/img/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(/webdata/img/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, #modal.zuweisung button.call.save{width:150px;float:left;margin:0;border-radius:0 10px 10px 0;background-size:20px;background-position:20px center;padding-left:35px}

#modal.zuweisung.verein{margin-top:5px!important}
#modal.zuweisung.verein h4{margin-bottom:10px!important}
#modal.zuweisung.verein .alle{margin:5px 0!important;border-radius:10px 0 0 10px!important}
#modal.zuweisung.verein #zuweisung-links .alle{transform:scale(-1, 1)}
#modal.zuweisung.verein #zuweisung-links label{width:calc(100% - 40px)}
#modal.zuweisung.verein #zuweisung-links.group label{background:var(--ovo-blau)!important;text-align:center;width:calc(100% - 300px)}
#modal.zuweisung.verein #zuweisung-rechts label{text-align:left;padding:0 0 0 15px;background:linear-gradient(-90deg,transparent,var(--ovo-blau) 50%,var(--ovo-blau))}
#modal.zuweisung.verein .z-liste label{width:calc(100% - 40px);margin:5px 0}
#modal.zuweisung.verein .z-liste div{min-height:525px}
#modal.zuweisung .z-liste button.swap{padding:0 100px 0 15px}
#modal.zuweisung .z-liste button.swap dd{position:absolute;right:0}
#modal.zuweisung .z-liste button.sub{width:90%!important;margin-left:10%!important;overflow:visible}
#modal.zuweisung .z-liste button.sub::before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 50"><polygon fill="%23294159" points="3 47 3 0 0 0 0 50 21 50 21 47 3 47"/></svg>');position:absolute;left:-21px;top:-29px;width:21px;height:40px;color:var(--hover);font-size:30px;display:block;z-index:-1}
#modal.zuweisung > filter-reihe{width:100%;display:flex;clear:both;border-radius:10px 10px 0 0;overflow:hidden}
#modal.zuweisung > filter-reihe + filter-reihe{border-radius:0 0 10px 10px}
#modal.zuweisung > filter-reihe select{width:25%;height:40px}
#modal.zuweisung > filter-reihe select:first-of-type{border-radius:0 0 0 10px}
#modal.zuweisung > filter-reihe select:nth-of-type(3){width:10%}
#modal.zuweisung > filter-reihe input{width:9%;border-radius:0!important}
#modal.zuweisung > filter-reihe input:nth-of-type(3){width:20%}
#modal.zuweisung > filter-reihe button{margin:0!important;border-radius:0 0 10px 0!important}
#modal.zuweisung > filter-reihe p{height:24px;line-height:24px;padding:0 10px!important;background:var(--ovo-blau);color:#FFF!important;font-size:14px}
#modal.zuweisung > filter-reihe p:nth-of-type(1){width:25%}
#modal.zuweisung > filter-reihe p:nth-of-type(2){width:25%}
#modal.zuweisung > filter-reihe p:nth-of-type(3){width:10%}
#modal.zuweisung > filter-reihe p:nth-of-type(4){width:9%}
#modal.zuweisung > filter-reihe p:nth-of-type(5){width:9%}
#modal.zuweisung > filter-reihe p:nth-of-type(6){width:20%}
#modal.zuweisung > filter-reihe p:nth-of-type(7){width:40px}
#modal.zuweisung > label{width:calc(100% - 150px)}
.bullpoint.call{width:260px;float:left;background-size:26px 26px!important;background-position:15px center!important;text-align:left;border-radius:10px 0 0 10px;margin:5px 0;padding:0 0 0 60px}
.bullpoint.call.aktiv, .z-liste div button.swap.aktiv{background-color:var(--orange)!important}

#org-rechnungswesen{padding-top:10px}
.mv-tab{width:calc((100% - (5 * 0.5%)) / 6);border-radius:10px 10px 0 0;float:left;margin:10px 0 0 0;cursor:pointer;transition:0.2s;display:block}
.mv-tab + .mv-tab{margin-left:0.5%}
.mv-tab.on, .mv-tab:hover{background-color:var(--hover);height:50px;line-height:50px;margin-top:0}
.mv-tab-content{float:left;display:none;width:100%}
.mv-tab-content.on{display:block}
.mv-tab-content > b:first-of-type{margin:0 0 10px 0!important;background:var(--hover)!important;height:40px!important;line-height:40px!important;border-radius:0 0 10px 10px}
#org-tags b:first-of-type{border-radius:10px!important}
#org-rechnungswesen .mv-tab{width:calc(99% / 3)}
.separule{width:100%;border-radius:10px;font-family:CDR,sans-serif}
.separule option{font-family:CDR,sans-serif}
#gruppenliste button.zuweisung{width:130px;float:left;border-radius:0;background-position:15px center;padding-left:35px}
#gruppenliste, #tag-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:85px;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%}
#fgruppenliste .beitragsgruppe:last-of-type button{border-radius:0 0 10px 0!important}
.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:calc(50% - 40px)}
#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 240px;column-gap:5px;max-height:490px}
#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, #bericht-buttons #offene-anfragen{width:100%;border-radius:10px 10px 0 0;margin:25px 0 0 0}
#offene-anfragen{margin:25px 0 0 0!important}
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%;min-height:30px;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);break-inside:avoid}
#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}
.report button:not(.report-tab) + button:not(.report-tab){margin-left:10px}

.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(/webdata/img/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}
.import-upload div, .import-upload button{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 td, #import-ansicht b{font-family:CDR,sans-serif}
#import-ansicht{width:calc(100vw - 220px);height:calc(100vh - 120px);;overflow:auto;border-radius:0;font-family:CDR,sans-serif}
#import-ansicht table{padding:0;margin:0;background:var(--ovo-blau);border-spacing:1px}
#import-ansicht table th, #import-ansicht table td{max-width:250px;padding:0 5px;height:40px;overflow:hidden;text-overflow:ellipsis}
#import-ansicht table th{background:#7895B2}
#import-ansicht table td{padding:0 5px;white-space:nowrap}
#import-ansicht table .klein{width:40px;min-width:40px;max-width:40px;text-align:center;background:#FFF}
#import-ansicht table .klein label{background:none!important}
#import-ansicht table tr:nth-of-type(even){background:#B0C3D6}
#import-ansicht table tr:nth-of-type(odd){background:var(--ovo-grau)}
#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-ansicht table tr > th{white-space:nowrap}
.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)}
.sa_admin btn-row{min-height:40px;margin-top:0!important;justify-content:flex-start;gap:10px}
.sa_admin btn-row button{border-radius:10px!important}
nav.import::before, nav.import::after{content:'';display:none}
.import-ok{background:#080;color:#FFF;padding:3px 10px;font-size:16px;margin:0 0 1px 0;position:sticky;left:0}
.import-warn{background:#880;color:#FFF;padding:3px 10px;font-size:16px;margin:0 0 1px 0;position:sticky;left:0}
.import-fail{background:#B00;color:#FFF;padding:3px 10px;font-size:16px;margin:0 0 1px 0;position:sticky;left:0}
.import-ok.big, .import-fail.big{font-size:20px;padding:5px 10px;}
.import thead{z-index:99}
.import thead th{position:sticky;top:1px;background:#FFF!important;outline:1px solid var(--ovo-blau);}
.import th:first-of-type{position:sticky;left:1px;background:#FFF;outline:1px solid var(--ovo-blau);z-index:98;padding:0!important}
.import th:nth-of-type(2){position:sticky;left:42px;background:#FFF;outline:1px solid var(--ovo-blau);z-index:98}
.import td > b{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#A00;color:#FFF;flex-direction:column}
.import td > b > i{color:#FF0;font-size:11px;line-height:10px}
.import td:has(b){padding:0!important;}
.import th label{padding:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.import th label input+span{margin:0!important}
.import tr:hover td{background-color:#CADDEE}
#markall{width:36px;height:36px;cursor:pointer;transition:0.3s;align-self:center;justify-self:center}
#markall *{pointer-events:none}
#markall:hover{transform:scale(1.15)}
#resultexport, #errorjump{position:fixed;top:60px;right:10px;padding:0 15px;border-radius:10px;background-color:#000}
#resultexport:hover, #errorjump:hover{background-color:var(--button)}
/*@keyframes Ping{0%{background-color:#A00}20%{background-color:#FEE}100%{background-color:#A00}}*/
/*td.on > b{animation:Ping 1s ease-in-out forwards;animation-delay:0.5s}*/
td.on > b{box-shadow:inset 0 0 0 3px #FF0}
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;gap:5px}
#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}
#privacy-info{background-color:var(--red);color:#FFF;padding:15px;border-radius:10px!important;display:block;clear:both;overflow:hidden;margin:5px 0 10px 0}
.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}
.b64{width:64%;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}
.b34{width:34%;float:left}
.b33{width:calc(100% / 3);float:left}
.b30{width:30%;float:left}
.b25{width:25%;float:left}
.b20{width:20%;float:left}
.b16{width:16%;float:left}
.b15{width:15%;float:left}
.b12{width:12%;float:left;padding:0}
.b10{width:10%;float:left;padding:0}
.b9{width:9%;float:left;padding:0}
.b8{width:8%;float:left;padding:0}
.b7{width:7%;float:left;padding:0}
.b6{width:6%;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% - 210px);float:left}
.cb40{
	width:40px!important;
	background:none!important;
}
.cb40 + .b12{border-radius:0!important}
.cb40 > span{margin:5px 4.5px!important}
label.icon.blitz{width:40px;height:40px;background-size:50%;background-repeat:no-repeat;background-position:center}
label.blitz{width:calc(64% - 80px)}
.rechnungswesen label + label, .einfach{background:var(--ovo-blau)}
.rechnungswesen label.box{background:none!important}
.weiss{background:#FFF}
label.weiss{background:#FFF;color:var(--ovo-blau);box-shadow:inset 0 0 2px 0 var(--ovo-grau)!important}
.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}
.br0111{border-radius:0 10px 10px 10px!important}
.reabs{border-radius:0 10px 10px 10px!important;width:50%;height:120px;resize:none}

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-top > label{position:absolute;right:5px;background:none!important;width:260px!important;text-align:right!important}
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:100%;clear:none;margin:0 0 5px 0;}
#modal.zuweisung .zustellungszeile input + label.z1{margin-left:10px}
#modal.zuweisung .zustellungszeile label.z2{min-width:140px;width:140px;height:40px;text-align:left;margin:0 0 0 10px;clear:none}
#modal.zuweisung .zustellungszeile .z1 + .z1{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)}
#modal.zuweisung select[name="zustellung_org_typ"]{width:68%}
#modal.zuweisung label.z4{width:30%!important;margin-left:2%;background:none!important}
span.personen_flag1{clear:both;display:block}
select.z1.personen_flag2{width:49%;min-width:49%}
.zflex{display:flex;flex-direction:row;justify-content:space-between}

#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}

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}

chor-event{display:inline-block;clear:both;width:100%}
chor-event h3{color:#FFF;background:var(--ovo-blau);border-radius:10px;padding:10px 15px}
chor-event p{margin:10px 0!important}
chor-event label, chor-win label{display:flex;align-items:center;justify-content:flex-end}
chor-event .halb + .halb{border-radius:0 10px 10px 0}
button-line{width:100%;display:flex;align-items:center;gap:15px;margin:15px 0;float:left;justify-content:space-between}
button-line span{width:100%;display:block}
chor-event button{width:100%;margin:0;max-width:250px}
chor-event textarea, chor-win textarea{width:50%;border-radius:0 10px 10px 0;resize:none;right:0;top:0;position:absolute}
chor-event .gross, chor-win .gross{height:170px;display:flex}
chor-event .klein{height:80px;display:flex}
chor-event .upload{justify-content:flex-start;border-radius:0 10px 10px 0;padding:0 0 0 50px}
chor-event .required::before{height:auto}
chor-event ovo-zeile{display:flex;clear:both}
chor-event .biglab{display:flex;justify-content:flex-end;align-items:center;min-height:85px}
chor-event .bigbox{width:50%;float:left;height:auto;background:none;padding:9px 0 9px 10px;line-height:22px;text-align:left;color:var(--ovo-blau);display:flex;align-items:center}
chor-event .bigbox span{min-width:30px}
chor-event bild-info{clear:both}
chor-event .event_bild{display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:0;padding:0;height:286px;}
chor-event .event_bild img{max-width:100%;display:block;max-height:286px;grid-area:1 / 2 / 2 / 3;margin:0 auto}
chor-event .bg{background:rgba(0,0,25,0.2);grid-area:1 / 2 / 2 / 3;border-radius:0 10px 10px 0;overflow:hidden}
chor-event .event_bild .bg::after{background-color:rgba(0,0,25,0.6);width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:9;cursor:pointer;content:'';opacity:0;pointer-events:none;transition:0.4s;background-image:var(--icon-eimer);background-repeat:no-repeat;background-size:50px;background-position:center}
chor-event .event_bild .bg:hover::after{opacity:1;pointer-events:all}
chor-event #event_duplizieren{position:absolute;right:0;width:110px;min-width:110px;border-radius:0 10px 10px 0}
chor-event .eid_box select{width:calc(50% - 110px);margin:0 110px 0 0;border-radius:0}
chor-win button:disabled{background:#999;pointer-events:none}
chor-win button-stop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background-color:var(--ovo-grau);font-size:18px;color:var(--hover);display:none;align-items:center}
chor-win button-stop.on{display:flex}
chor-win button-stop > img{animation:drehen 1s linear;animation-iteration-count:infinite;animation-timing-function:steps(15,end);margin:0 15px 0 0;width:40px;height:40px}
chor-event .btn.upload{background:var(--button);padding:0}
chor-event hr{clear:both;height:5px;border:none}
#event_vorschau{width:100%;margin:0}
#event_vorschau.off{background:#999}
#event_vorschau.off:active{pointer-events:none}
chor-event table{width:100%;clear:both;margin:0 0 10px 0;overflow:hidden;border-radius:10px!important;border-spacing:0}
chor-event table th{width:calc(100% / 3);height:24px;text-align:center;color:#FFF;background:var(--ovo-blau);font-weight:400;font-size:16px}
chor-event table td{width:calc((100% - 40px) / 3);height:40px;padding:0;margin:0}
chor-event table td.dl2{display:none}
chor-event table td.dl1:empty + td.dl2{display:block;width:100%}
chor-event table td.dl1{max-width:400px}
chor-event table td:last-of-type{min-width:40px;width:40px;height:40px;padding:0;margin:0}
chor-event table td:empty{width:0;min-width:0}
chor-event table td:last-of-type button{height:40px;width:40px;border-radius:0;padding:0;margin:0;background-size:50%;display:block;background-position:center!important}
chor-event table td input{width:100%;border-radius:0!important}
chor-event table tr:last-of-type td:first-of-type:not(.solo) input{border-radius:0 0 0 10px!important}
chor-event table tr:last-of-type td:last-of-type input:last-of-type{border-radius:0 0 10px 0!important}
chor-event table.wirker th:first-of-type, chor-event table.wirker td:first-of-type{background:var(--verlauf);font-size:18px;color:#FFF;text-align:right;padding:0 10px}
chor-event table.wirker th button, chor-event dl-item + button{height:100%;min-width:40px;width:40px;border-radius:0;padding:0;margin:0;background-size:30%;display:block;position:absolute;top:0;right:0}
chor-event .breitenhinweis{display:none;width:100%;clear:both;padding:5px 10px;text-align:center;color:#FFF;background:var(--orange);border-radius:10px;font-size:18px}
chor-event .breitenhinweis.on{display:block}
chor-event suche-liste{display:none;width:100%;background:#EEF;padding:5px;border-radius:5px;position:absolute;left:0;z-index:9;margin-top:-10px;box-shadow:0 15px 10px -15px var(--ovo-blau);border-top:1px solid var(--hover)}
chor-event suche-liste suche-zeile{padding:5px;color:var(--ovo-blau);cursor:pointer;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}
chor-event suche-liste suche-zeile b{opacity:0.6;font-weight:400}
chor-event suche-liste suche-zeile:hover{background:var(--ovo-blau);color:#FFF}
chor-event suche-liste.on{display:block}
programm-liste, wirker-liste{display:block;clear:both}
wirker-liste:empty::after{content:'Mindestens ein Eintrag hier ist Pflicht.';display:block;clear:both;width:100%;height:40px;padding:0 15px;line-height:40px;background:#FFF;color:var(--ovo-blau);border-radius:10px;margin:10px 0 0 0;font-size:18px;box-sizing:border-box}
suche-liste + button, wirker-liste + button{float:right}
chor-event #tickets.off{display:none}
chor-event a.download{width:100%;height:40px;line-height:40px;padding:0 15px;font-size:18px;overflow:hidden;text-overflow:ellipsis;color:#FFF;background:var(--hover);display:block;max-width:100%;white-space:nowrap}
chor-event a.download:hover{background:var(--button)}
chor-event.downloads td button{background-size:40%!important;background-position:center!important;border-radius:0 10px 10px 0;width:40px}
chor-event.downloads table{margin-bottom:0}
chor-event.downloads table th{width:50%;padding:0 10px;background:var(--verlauf);text-align:right;font-size:18px}
chor-win #event_speichern:hover,
chor-win #event_zeigen:hover,
chor-win #event_verstecken:hover{background-color:var(--hover)}
.einleitung, chor-win .downloads p, wirker-liste p, chor-event p.hinweis{background:#FFF;border-radius:10px;padding:10px;color:var(--ovo-blau);font-size:18px;line-height:24px}
.einleitung{line-height:20px;font-size:16px;margin-bottom:10px}
chor-win wirker-liste + button-line button{max-width:50%}
chor-event table td.solo{width:200%;padding:0!important;display:flex;justify-content:space-between}
chor-event table td.solo input{width:100%;border-radius:0!important;position:relative}
chor-event table td.solo label{width:150px;min-width:150px;background:var(--ovo-blau);padding:0 10px;text-align:right}
chor-event table.wirker th.solo{background:var(--ovo-blau)!important}
chor-win #weitere_links span{display:block;margin-top:5px}
chor-win #weitere_links input{width:calc(50% - 40px);border-radius:0;position:absolute;right:40px;top:0}
chor-win #weitere_links button{width:40px;border-radius:0 10px 10px 0;position:absolute;right:0;top:0;background-position:center}
.oid_box button, .drilling button,
.vid_box button{width:40px;right:0;position:absolute;background-position:center!important;background-size:16px!important;border-radius:0 10px 10px 0;}
.vid_box select,
.oid_box select{width:calc(50% - 40px);margin-right:40px;border-radius:0}
.oid_box button::after,
.vid_box button::after{content:attr(data-info);width:300px;right:0;bottom:100%;z-index:99;position:absolute;padding:10px;background:var(--orange);color:#FFF;display:none;border-radius:10px;font-size:16px;line-height:20px;text-align:left}
.oid_box button:hover::after,
.vid_box button:hover::after{display:block}
.drilling{padding:0}
.drilling input{width:calc((100% - 40px) / 3);float:left;border-radius:0;text-align:left;position:relative}
.drilling span{top:0;position:absolute;color:var(--ovo-grau);font-size:16px;display:block;height:40px;line-height:40px;pointer-events:none}
.drilling span:nth-of-type(1){right:73%}
.drilling span:nth-of-type(2){right:42%}
.drilling span:nth-of-type(3){right:11%}
.box25{width:25%!important;float:left}
.box25 + .box25{right:25%}
bild-gal{width:100%;overflow-y:hidden;overflow-x:scroll;display:flex;gap:5px;padding:0 0 5px 0;border-radius:10px}
bild-gal img{width:165px;float:left;cursor:pointer;transition:0.2s;transform-origin:center}
bild-gal img:hover{transform:scale(1.1);box-shadow:0 0 15px #FFF;outline:1px solid #FFF;z-index:999}
gal-info:not(:empty){clear:both;display:block;margin-top:10px}
gal-info label{display:grid!important;grid-template-columns:50% 50%;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:0;padding:0!important;height:286px!important;overflow:hidden}
gal-info img{display:block;max-height:100%;margin:0 auto;grid-area: 1 / 2 / 2 / 3;border-radius:0 10px 10px 0;overflow:hidden}
.sticky{position:sticky!important;top:0!important;z-index:9;background:var(--ovo-grau);display:block}

@keyframes zoomIn{
	0%{transform:scale(0) translateX(-50%);opacity:0}
	100%{transform:scale(1) translateX(-50%);opacity:1}
}
@keyframes zoomOut{
	0%{transform:scale(1) translateX(-50%);opacity:1}
	100%{transform:scale(0) translateX(-50%);opacity:0}
}
@media only screen and (max-width:1279px) and (min-width:1024px)
{
	@keyframes zoomIn{
		0%{transform:scale(0) translateX(5px);opacity:0}
		100%{transform:scale(1) translateX(5px);opacity:1}
	}
	@keyframes zoomOut{
		0%{transform:scale(1) translateX(5px);opacity:1}
		100%{transform:scale(0) translateX(5px);opacity:0}
	}
}
crop-win #cropzone{
	overflow: hidden;
	background: #AAA;
	clear: both;
	margin: 5px auto;
	border-radius: 10px;
	display: block;
	border: 2px solid var(--ovo-blau);
	min-height:200px;
}
crop-win .cr-boundary{
	width:100%!important;
}
crop-win .cr-slider{
	width:100%!important;
	box-shadow:none!important;
	background:none!important;
	cursor:move;
	float:none;
}
crop-win{display:none;width:var(--max-breite);background:var(--ovo-grau);max-width:100%;position:fixed;top:80px;z-index:199;outline:10px solid var(--ovo-grau);max-height:80vh;overflow-y:auto}
chor-win{display:block;width:var(--max-breite);background:var(--ovo-grau);max-width:100%;height:90vh;overflow-y:auto;position:fixed;transform-origin:0;top:70px;left:calc((50% + (var(--menu)) / 2 + 5px));animation:zoomIn 0.2s linear forwards;z-index:198;outline:100px solid var(--ovo-grau);}
chor-win.off{animation:zoomOut 0.2s linear forwards}
crop-win h3,
chor-win h3{color:#FFF;background:var(--ovo-blau);border-radius:10px 10px 0 0;padding:0 15px;margin:0 0 15px 0;height:40px;line-height:40px}
chor-win h4{display:block;background: var(--hover);color: #FFF;font-weight: 400;padding: 0 15px;border-radius:0 0 10px 10px;clear: both;line-height: 40px;height: 40px;overflow:hidden;text-overflow:ellipsis}
chor-win h4 > i{padding:5px 10px;background:var(--yellow);color:var(--hover);border-radius:10px;font-size:14px;margin:0 10px 0 0;}
chor-win h3 > i{position:absolute;top:5px;right:20px;width:30px;height:30px;display:block}
event-item span > i{width:20px;height:20px;display:block;margin:5px 10px 5px 0;float:left}
chor-event label,
crop-win label,
chor-win label{width:100%;height:40px;background:linear-gradient(90deg, rgba(0,0,0,0), var(--ovo-blau) 50%, rgba(0,0,0,0) 50%);clear:both;display:block;color:#FFF;padding:0 calc(50% + 10px) 0 0;line-height:40px;text-align:right;font-size:18px}
chor-event input.halb{width:25%!important;border-radius:0}
chor-event input.halb:first-of-type{right:25%}
chor-event input.halb:last-of-type{right:0;border-radius:0 10px 10px 0}
chor-event label > label{width:50%!important;right:0;top:0;position:absolute;text-align:left;padding:0 10px;background:none;color:var(--ovo-blau)}
chor-event input,
chor-event select,
crop-win label input,
crop-win label select,
chor-win label input,
chor-win label select{width:50%;position:absolute;right:0;top:0;font-size:18px;height:40px;border-radius:0 10px 10px 0}
crop-win button,
chor-win button{width:100%;margin:0!important}
.invalid{background-color:#FBB!important;overflow:hidden}

tab-line{display:flex;gap:5px;justify-content:space-evenly;width:100%}
tab-item,tab-head{width:100%;height:40px;line-height:40px;display:block;color:#FFF;background:var(--button);border-radius:10px 10px 0 0;text-align:center;font-size:18px;cursor:pointer}
tab-item:hover,tab-item.on,tab-head:hover,tab-head.on{background:var(--hover)}
tab-box{display:none;z-index:1}
tab-box.on{display:block}
tab-box > b{position:sticky;top:190px;width:100%;background:var(--hover);color:#FFF;font-size:18px;height:40px;line-height:40px;border-radius:0 0 10px 10px;display:block;font-weight:400;padding:0 15px;margin:0 0 5px 0;text-align:center;box-shadow:0 0 5px var(--ovo-grau);z-index:8}

chor-win input:required:focus:invalid, chor-win select:required:focus:invalid, chor-win textarea:required:focus:invalid, .invalid{background-color:#FBB!important}
chor-win label input:required:focus:invalid + span{background-color:#FBB!important}

input[type="range"] {
	-webkit-appearance:none;
	appearance:none;
	background:none!important;
	cursor:pointer;
}
input[type="range"]:focus {
	outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
	background-color:#FFF;
	border-radius:5px;
	height:14px;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	margin-top:-8px;
	background-color:var(--ovo-blau);
	height:30px;
	width:20px;
	border-radius:5px;
	cursor:grab;
}
input[type="range"]:active::-webkit-slider-thumb {
	cursor:grabbing;
}
input[type="range"]:hover::-webkit-slider-thumb {
	background-color:var(--hover);
}
input[type="range"]::-webkit-progress-bar {
	background-color:var(--button);
}
input[type="range"]::-moz-range-track {
	background-color:#FFF;
	border-radius:5px;
	height:14px;
}
input[type="range"]::-moz-range-thumb {
	appearance: none;
	margin-top:-8px;
	background-color:var(--ovo-blau);
	height:30px;
	width:20px;
	border-radius:5px;
	cursor:grab;
	border:0!important;
	outline:0!important;
}
input[type="range"]:active::-moz-range-thumb {
	cursor:grabbing;
}
input[type="range"]:hover::-moz-range-thumb {
	background-color:var(--hover);
}
input[type="range"]::-moz-range-progress {
	background-color:var(--button);
	height:14px;
	border-radius:5px 0 0 5px;
}
event-block{display:flex;flex-direction:row;gap:10px}
event-box{width:100%;display:inline-block}
event-block event-box{width:50%}
event-box h4{width:100%;display:block;border-radius:10px 10px 0 0;background:var(--hover);line-height:40px;color:#FFF;text-align:center;font-weight:400;font-size:18px}
event-box input{width:calc(100% - 100px);display:block;border-radius:0}
event-box.ev input{width:calc(100% - 390px);display:block;border-radius:0}
event-box #datum_reset + input{width:250px!important;text-align:center;cursor:pointer;margin-left:40px}
event-box button{width:100px;display:block;border-radius:0;float:right;text-transform:uppercase;background-position:10px center!important;background-size:20%;padding-left:15px;font-size:18px}
event-box button#datum_reset{width:40px;right:350px;background-size:18px;position:absolute;background-position:center!important}

chor-win button.icon{background-position:13px center;background-size:20px;padding-left:20px;font-size:18px;background-repeat:no-repeat}
event-liste{width:100%;display:flex;height:calc(100vh - 520px);background:#88A3BE;border-radius:0 0 10px 10px;float:left;flex-direction:column;gap:5px;overflow:hidden;overflow-y:auto;padding:5px 5px 15px 5px}
event-block event-liste{height:197px}
event-block + event-box{margin-top:10px}
event-item{width:100%;border-radius:10px;background:var(--ovo-blau);color:#FFF;padding:3px 15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;font-size:18px;text-align:left}
.va event-item, .vo event-item{padding:6px 15px}
event-item > i{position:absolute;left:0;top:0;height:100%;width:30px;background-size:50%;background-color:var(--hover);background-position:6px center;border-radius:10px 0 0 10px}
event-item > div > p > i{width:18px;height:18px;background-size:100%;background-position:center;border-radius:50%;display:block;position:absolute;top:1px;right:0}
event-item > div > p > i.bald{background:var(--green)}
event-item > div > p > i.vorbei{background:var(--orange)}
event-item a{color:#FFF;pointer-events:all;transition:0.2s}
event-item a:hover{color:#FFF;opacity:1;transform:scale(1.1);border-top:1px solid #FFF;border-bottom:1px solid #FFF}
event-item div{display:flex;justify-content:space-between;width:100%;pointer-events:none;padding-left:25px}
event-item div p{width:40%;min-width:40%;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}
event-item div:first-of-type p:last-of-type{padding-right:25px}
event-item div p:first-of-type{font-family:CDR,sans-serif}
event-item div p:last-of-type{width:60%;min-width:60%;text-align:right}
event-item div:last-of-type{font-size:14px}
event-item div:last-of-type p{opacity:0.5}
event-item div:last-of-type p:last-of-type:hover{opacity:1}
event-item:hover{background:var(--hover)}
chor-win .event_zu{width:50px;min-width:50px;padding:0;background-position:center!important}

.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;
}
@keyframes bonus{0%{opacity:0}100%{opacity:1}}
#bonus{clear:both;opacity:0;animation:bonus 1s forwards;animation-delay:2s}
@keyframes ping {
	0%{transform:scale(1)}
	40%{transform:scale(1.1)}
	100%{transform:scale(1)}
}
#mgz-als-verein-senden.achtung{
	animation:ping 0.6s ease-in-out 20 both;
}
px-select{
	display: block;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: left;
	padding: 0 65px 0 10px;
	height: 40px;
	line-height: 40px;
	border-radius: 0 10px 10px 0;
	box-shadow: inset 0 0 2px 0 var(--ovo-grau);
	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% / 105px 65% no-repeat;
	cursor:pointer;
}
px-select-item *, px-select * {pointer-events:none}
px-select-list{
	width: 50%;
	/*max-height:290px;*/
	height:0;
	position: absolute;
	right:0;
	top:40px;
	text-align: left;
	border-radius:0 10px 10px 0;
	background:#D3DEE8;
	overflow:hidden;
	z-index:999;
	padding:0 5px;
}
px-select-list.on{
	animation:inc 0.1s ease-in-out forwards;
}
px-select-text{
	color: var(--ovo-blau);
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
px-select-text:empty::after{
	color:var(--ovo-grau);
	content:attr(data-text);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
@keyframes inc{
	0%{height:0;padding:0 5px}
	100%{height:var(--px-select-h);padding:5px}
}
px-select-list input{
	width:100%!important;
	border-radius:10px!important;
	border:1px solid var(--ovo-blau)!important;
	position:relative!important;
	margin:0 0 5px 0;
}
px-select-scroll{
	width:100%;
	max-height:calc(100% - 45px);
	overflow-y:auto;
	display:block;
	margin:45px 0 0 0;
}
px-select-item{
	width:100%;
	color:var(--hover);
	line-height:24px;
	display:block;
	border-radius:5px;
	padding:0 5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
	margin:0 0 3px 0;
}
px-select-item small{
	width:100%;
	color:var(--ovo-blau);
	font-size:13px;
	font-style:italic;
	line-height:20px;
	display:block;
	clear:both;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
px-select-item:hover, px-select-item.on{
	background:var(--hover);
	color:#FFF;
}
px-select-item:hover small, px-select-item.on small{
	color:var(--ovo-grau);
}


ovo-title{
	width:100%;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	color:#FFF;
	background:var(--hover);
	border-radius:10px 10px 0 0;
}
ovo-menu{
	width:100%;
	height:40px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	padding:0;
	gap:5px;
	flex-wrap:nowrap;
	margin:0 0 25px 0;
}
ovo-btn{
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#FFF;
	font-size:18px;
	background:var(--button);
	cursor:pointer;
	transition:0.2s ease-in-out;
	break-inside:avoid;
}
ovo-menu ovo-btn{
	width:175px;
	min-width:175px;
	border-radius:0 0 10px 10px;
}
ovo-btn i{
	width:20px;
	height:20px;
	background-position:center!important;
	margin-right:15px;
	opacity:0.7;
}
ovo-btn:hover{
	background-color:var(--hover);
}
ovo-menu ovo-btn:hover{
	height:50px;
}
ovo-menu ovo-space{
	width:100%;
	min-width:0;
	height:40px;
	display:block;
	padding:0;
	background:var(--ovo-blau);
	border-radius:0 0 10px 10px;
}
ovo-org-dialog{
	background:var(--ovo-grau);
	padding:5px 0;
	width:calc(100% + 10px);
	columns:4;
	column-gap: 5px;
	overflow:hidden;
	transform-origin:top;
	clear:both;
	display:block;
	margin:0 0 -10px -5px;
	grid-area: 3 / 1 / 4 / 5;
	transform:scaleY(0)
}
ovo-org-dialog.on{
	animation:dialog_on 0.1s ease-out forwards;
}
@keyframes dialog_on{ 0%{transform:scaleY(0)} 100%{transform:scaleY(1)} }
@keyframes dialog_off{ 0%{transform:scaleY(1)} 100%{transform:scaleY(0)} }

ovo-org-dialog ovo-btn{
	height:33px;
	width:100%;
	border-radius:10px;
	justify-content:flex-start;
	margin-bottom:5px;
}

ovo-org{
	width:100%;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer;
	background:var(--ovo-blau);
	transition:var(--transition);
	margin-bottom:5px;
	padding:5px;
}

ovo-org{
	display:grid;
	grid-template-columns:90px 155px 1fr 50px;
	grid-template-rows:repeat(2, 45px) 1fr;
	grid-column-gap:15px;
	grid-row-gap:0;
}

ovo-org-img{
	width:90px;
	min-width:90px;
	height:100%;
	background-image:url(/webdata/img/dummy.svg);
	background-position-x:-180px;
	background-color:var(--ovo-blau);
	background-size:300%;
	display: flex;
	align-items:center;
	justify-content:center;
	color:var(--text3);
	border-radius:5px;
	grid-area: 1 / 1 / 3 / 2;
}
ovo-org-name{
	color:#FFF;
	font-size:21px;
	line-height:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:700;
	pointer-events:none;
	grid-area: 1 / 2 / 2 / 4;
	display:flex;
	align-items:flex-end;
	padding:0 0 5px 0;
}
ovo-org-counts{
	color:#FFF;
	font-size:18px;
	line-height:25px;
	opacity:0.5;
	pointer-events:none;
	grid-area: 2 / 3 / 3 / 4;
	display:flex;
	align-items:flex-start;
	padding:5px 0 0 0;
}
ovo-org-nr{
	color:#FFF;
	font-size:25px;
	font-weight:700;
	line-height:25px;
	opacity:0.6;
	grid-area: 2 / 2 / 3 / 3;
	display:flex;
	align-items:flex-start;
	padding:5px 0 0 0;
}
ovo-org-counts span{
	padding:0 15px;
}
ovo-org > i{
	width:40px;
	min-width:40px;
	grid-area: 1 / 4 / 3 / 5;
}
#rechnungslauf .ladezeit{
	display:none;
	position:relative;
}
bill-summary{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:5px;
	max-height:290px;
	overflow-y:auto;
	margin-top:5px;
}
bill-data{
	width:100%;
	display:flex;
	gap:5px;
	font-size:16px;
	background:rgba(255,255,255,0.1);
}
bill-data-name{
	width:80%;
	line-height:30px;
	padding:0 0 0 5px;
	align-items:center;
	justify-content:flex-start;
	display:flex;
}
bill-data-sum{
	width:20%;
	line-height:30px;
	align-items:center;
	justify-content:flex-end;
	padding:0 5px 0 0;
	display:flex;
}
input[name="gruppe-bezeichnung[]"] + span{
	position:absolute;
	top:1px;
	left:calc(130px + (64% - 270px));
	width:60px;
	background:linear-gradient(90deg, transparent, #FFF 25%);
	z-index:99;
	height:38px;
	line-height:38px;
	text-align:right;
	padding:0 10px;
	color:var(--ovo-grau);
	display:block;
}
.debitor_btn{
	width:100%;
	clear:both;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:30px;
	min-height:30px;
	color:#FFF;
	background-color:var(--button);
	border-radius:10px;
	border:0;
	cursor:pointer!important;
	font-size:16px;
	transition:var(--transition);
	margin:0 0 5px 0;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.debitor_btn span{
	color:rgba(255,255,255,0.7);
	height:30px;
	line-height:30px;
	width:50px;
	text-align:right;
	display:block;
}
.debitor_btn:hover{
	background-color:var(--hover);
}

#LazyAppendix{
	display:flex;
	gap:5px;
	justify-content:space-between;
	width:100%;
	flex-wrap:wrap;
}
person-mnr{
	width:200px;
	background:#FFF;
	height:120px;
	display:block;
	left:-10px;
	line-height:60px;
	overflow:hidden;
	z-index:-1;
	text-align:center;
}
person-mnr div{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	color:var(--hover);
	font-size:28px;
	z-index:2;
	font-weight:700;
}
person-mnr div::after{
	content:'Mitgliedsnummer';
	position:absolute;
	top:-60px;
	left:0;
	width:100%;
	height:60px;
	color:var(--ovo-blau);
	font-size:18px;
	font-weight:400;
}
#new_un_info, #iban_info{
	padding:10px;
	background-color:var(--red);
	color:#FFF;
	text-align:center;
	width:100%;
	border-radius:10px;
	clear:both;
}
#new_un_info:empty, #iban_info:empty{
	display:none;
}
.privacy{
	display:none;
	border-radius:0 10px 10px 0;
	width:457px;
}
.annexion{
	clear:both;
	display:block;
	padding:15px;
	border-radius:10px;
	background:var(--ovo-blau);
	color:#FFF;
	margin-top:15px;
	font-size:18px;
	width:var(--max-breite);
}
.annexion ul{
	padding:0 0 0 1em;
	line-height:24px;
}
button.solobig{
	width:230px;
	float:right;
	background-size:20px;
	padding:0 0 0 30px;
	background-position:15px center;
}
.annexion_error{
	clear:both;
}
.annexion_error:empty{
	display:none;
}
#privacy_save{
	width:150px;
	float:right;
	margin:15px 0 0 0;
}
acc-info{
	background:var(--hover);
	color:#FFF;
	font-size:16px;
	padding:5px 10px;
	border-radius:10px 10px 0 0;
	text-align:center;
	display:block;
	clear:both;
}
#px-paginierung b{
	width:50%;
	font-size:20px;
	padding:0 10px;
	color:#F80;
	text-align:left;
	display:block;
	float:left;
}
#px-paginierung b:first-of-type{
	color:#0F0;
	text-align:right;
}
.privconf a.btn{
	width:100%;
	clear:both;
	display:block;
	margin:10px 0!important;
	float:none;
}
.privconf a.btn:hover{
	background:var(--hover);
}
.privconf p{
	text-align:left!important;
	font-size:18px!important;
	margin:0!important;
}
.privconf h2{
	text-align:center!important;
	font-size:20px!important;
	width:100%;
	color:#FFF;
	margin:0 0 15px 0;
}
cite.vfbtn{
	width:25%!important;
	border-radius:0!important;
}
#vfbtn{
	width:25%;
	border-radius:0 0 10px 0;
}
#oldmail_trash{
	width: 130px;
	height: 30px;
	margin: 5px 0;
	background-position: 10px center;
	background-size: 16px;
	line-height: 30px;
	padding: 0 0 0 20px;
}
.login ul{color:#FC0;padding:0 0 0 1em}
.login li{line-height:24px}
.privacy_info_box{width:100%!important}
dsgvo-form button{
	width:50%;
}
user-control{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
	background:var(--ovo-blau);
	border-radius:10px;
	padding:15px;
	clear:both;
	max-width:600px;
	align-self:center;
}
user-control input{
	width:100%;
	height:40px;
	padding:0 10px;
	border-radius:10px;
}
user-control p{
	color:#FFF;
}
user-control-button{
	width:200px;
	background:var(--button);
	color:#FFF;
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	border-radius:10px;
	cursor:pointer;
}
user-control-button:hover{
	background:var(--hover);
}
access-msg{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	color:#FFF;
	background:#83A var(--streifen);
	padding:5px 10px;
	border-radius:5px;
}
.schirm{
	display:block;
	position:absolute;
	right:0;
	top:25px;
	width:20px;
	height:20px;
}
#ensemble-state {
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
#ensemble-state li{
	background:var(--ovo-blau);
	width:100%;
	padding:0 15px;
	color:#FFF;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:18px;
}
#ensemble-state li:not(:only-child):first-of-type{
	border-radius:10px 10px 0 0;
}
#ensemble-state li:nth-of-type(even){
	background:rgba(61,102,139,0.75);
}
#ensemble-state li:not(:only-child):last-of-type{
	border-radius:0 0 10px 10px;
}
#ensemble-state li:only-child{
	border-radius:10px;
}
#ensemble-state li label{
	background:none;
	width:auto;
	color:#FFF;
}
#person-delete-warning{
	display:none;
	margin:10px 0;
	float:left;
	clear:both;
}
pw-view{
	display:flex;
	width:100%;
	gap:10px;
	color:#FFF;
	clear:both;
	align-items:center;
	justify-content:center;
	padding:10px 0;
}
.pw-hellsicht{
	display:block!important;
	background:#FFF!important;
	pointer-events:all!important;
	border-radius:3px!important;
	width:25px!important;
	height:25px!important;
	opacity:1!important;
	position:relative!important;
	cursor:pointer!important;
}
update-table{
	position: absolute;
	width: 100%;
	display: none;
	background:rgba(250, 250, 255, 0.5) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.35 28.35"><g fill="%23BA1F27" transform-origin="center"><path d="M4.46,12.12L0.3,11.24c0.34-1.62,0.96-3.16,1.84-4.57l3.6,2.25C5.13,9.91,4.7,10.98,4.46,12.12z"/><path opacity="0.93" d="M6.14,8.35L2.7,5.85c0.97-1.34,2.16-2.49,3.53-3.42l2.38,3.52 C7.65,6.6,6.82,7.41,6.14,8.35z"/><path opacity="0.86" d="M9.2,5.58L7.07,1.91c1.44-0.83,2.99-1.4,4.63-1.69l0.74,4.19 C11.29,4.6,10.21,5,9.2,5.58z"/><path opacity="0.79" d="M16.56,4.54c-1.11-0.28-2.3-0.35-3.44-0.23l-0.45-4.23 c1.63-0.17,3.32-0.06,4.9,0.33L16.56,4.54z"/><path opacity="0.72" d="M20.27,6.34c-0.92-0.72-1.94-1.26-3.04-1.61l1.31-4.05 c1.58,0.51,3.04,1.29,4.35,2.31L20.27,6.34z"/><path opacity="0.65" d="M22.93,9.5c-0.55-1.02-1.26-1.93-2.13-2.71l2.84-3.16 c1.23,1.11,2.26,2.41,3.04,3.87L22.93,9.5z"/><path opacity="0.58" d="M24.07,13.46c-0.08-1.16-0.36-2.28-0.84-3.34l3.88-1.74 c0.68,1.51,1.08,3.12,1.2,4.78L24.07,13.46z"/><path opacity="0.51" d="M27.49,19.02l-3.99-1.45c0.39-1.08,0.6-2.23,0.6-3.4v-0.03h4.25 v-0.02v0.04C28.35,15.84,28.06,17.47,27.49,19.02z"/><path opacity="0.44" d="M24.37,24.02l-3.06-2.95c0.81-0.84,1.46-1.8,1.93-2.86 l3.88,1.73C26.45,21.45,25.52,22.82,24.37,24.02z"/><path opacity="0.37" d="M19.49,27.32l-1.59-3.94c1.07-0.43,2.06-1.05,2.92-1.83 l2.85,3.16C22.42,25.82,21.02,26.69,19.49,27.32z"/><path opacity="0.3" d="M14.17,28.35c-0.16,0-0.32,0-0.49-0.01l0.14-4.25 c0.11,0,0.23,0.01,0.34,0.01c1.05,0,2.08-0.16,3.07-0.48l1.31,4.04C17.15,28.11,15.67,28.35,14.17,28.35z"/><path opacity="0.23" d="M12.7,28.27c-1.65-0.17-3.25-0.63-4.74-1.35l1.86-3.82 c1.04,0.51,2.15,0.83,3.31,0.95L12.7,28.27z"/><path opacity="0.16" d="M7.09,26.45c-1.43-0.83-2.7-1.89-3.77-3.16l3.25-2.74 c0.75,0.89,1.64,1.64,2.64,2.22L7.09,26.45z"/><path opacity="0.09" d="M2.71,22.51c-0.98-1.34-1.71-2.83-2.16-4.42l4.09-1.17 c0.32,1.11,0.83,2.15,1.51,3.09L2.71,22.51z"/><path opacity="0.02" d="M0.31,17.13C0.1,16.16,0,15.17,0,14.17 c0-0.65,0.05-1.31,0.13-1.96l4.21,0.58c-0.06,0.45-0.09,0.91-0.09,1.37c0,0.7,0.07,1.4,0.22,2.07L0.31,17.13z"/><animateTransform type="rotate" attributeName="transform" calcMode="discrete" dur="2" values="360;336;312;288;264;240;216;192;168;144;120;96;72;48;24" repeatCount="indefinite"></animateTransform></g></svg>') center 50px no-repeat;
	height: 100%;
	padding-top:165px;
	justify-content: center;
	z-index: 9;
	border-radius: 10px;
	top: 0;
	left: 0;
	background-size:100px;
	color:#000;
	font-size:20px;
	font-weight:700;
	text-shadow:0 0 5px #FFF;
}
scroll-zone{overflow-y:auto;display:block}
@media only screen and (max-height:1080px)
{
	#rechnungslauf scroll-zone {
		max-height: 620px
	}
}
ovo-alert{
	position:fixed;
	z-index:99999;
	background:var(--red) var(--streifen);
	color:#FFF;
	padding:20px;
	border-radius:10px;
	top:20px;
	left:49.9%;
	margin:0 0 0 -400px;
	width:var(--max-breite);
	height:fit-content;
	font-size:16px;
	box-shadow:0 0 15px #000;
}
ovo-alert a{
	color:#FE0;
}
ovo-alert p + p{
	margin-top:10px;
}
ovo-alert a:hover{
	color:#FFF;
}
ovo-alert-btn{
	width:200px;
	height:40px;
	border-radius:10px;
	color:#FFF;
	background:var(--button);
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	margin:10px auto 0 auto;
}
ovo-alert-btn:hover{
	background:#000;
}
.urlwarn{background:var(--red) var(--streifen);text-align:center!important;color:#FFF!important;padding:15px!important;width:100%!important;font-size:18px!important;display:block;clear:both;margin:0!important;border-radius:10px}
.urlwarn > a{color:#FF0!important}
.urlwarn > a:hover{color:#FFF!important;text-decoration:underline!important;}
.mgz-filter{display:flex;gap:0;width:100%;overflow:hidden;border-radius:10px}
.mgz-filter span{background:var(--button);color:#FFF;display:flex;padding:0 15px;align-items:center;width:10%;font-size:18px}
.mgz-filter input{width:40%!important}
.mgz-filter select{width:25%!important}
#org-mgz.mv label{width:75%}
#org-mgz.mv .halb{border-radius:0 10px 10px 0!important}
#org-mgz.mv button:disabled{pointer-events:none;background-color:#999}
#org-mgz.mv .drucken,
#org-mgz.mv .stichtag-modus,
#org-mgz.mv #stichtag-export,
#org-mgz.mv #stichtag-schluss,
#org-mgz.mv #stichtag-entfernen
{box-shadow:inset -1px -1px 0 1px rgba(160,179,198,1);width:25%!important;border-radius:0 10px 10px 0!important;margin:0;padding:0 0 0 45px}
.stichtag-optionen > button.icon:last-of-type
{box-shadow:none!important}
#org-mgz.mv label > label{background:none!important;width:auto!important;display:flex;gap:5px;justify-content:flex-start;color:var(--hover)}
#org-mgz.mv section.s0{background-image:linear-gradient(90deg, var(--ovo-blau) 0, var(--ovo-blau) 163px, var(--red) 163px, var(--red) 168px, var(--ovo-blau) 168px)}
#org-mgz.mv section.s2{background-image:linear-gradient(90deg, var(--ovo-blau) 0, var(--ovo-blau) 163px, var(--orange) 163px, var(--orange) 168px, var(--ovo-blau) 168px)}
#org-mgz.mv section.s3{background-image:linear-gradient(90deg, var(--ovo-blau) 0, var(--ovo-blau) 163px, var(--yellow) 163px, var(--yellow) 168px, var(--ovo-blau) 168px)}
#org-mgz.mv i > b{display:inline-block;width:5px;height:20px;margin:0 0 -5px 10px}
.stichtag-vereinsmeldungen{display:none}
.stichtag-vereinsmeldungen.on{display:block}
.rot{color:var(--orange)}
.rotbg{background-color:var(--red)}
.unlocker{
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	/*background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23FFF" d="M416 160C416 124.7 444.7 96 480 96C515.3 96 544 124.7 544 160L544 192C544 209.7 558.3 224 576 224C593.7 224 608 209.7 608 192L608 160C608 89.3 550.7 32 480 32C409.3 32 352 89.3 352 160L352 224L192 224C156.7 224 128 252.7 128 288L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 288C512 252.7 483.3 224 448 224L416 224L416 160z"/></svg>') no-repeat;*/
	/*background-size:25px;*/
	background-color:var(--button);
	width:90px;
	height:30px;
	position:absolute;
	top:4px;
	right:10px;
	left:auto;
	transition:0.2s;
	border-radius:5px;
}
.unlocker::after{
	content:'Entsperren';
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:#FFF;
	font-size:14px;
}
.unlocker.on::after{
	content:'Sperren';
}
.unlocker:hover{background-color:var(--red)}
#mgz-org-amount{
	color:#FFF;
	font-size:18px;
	display:inline-block;
	width:100%;
	text-align:center;
}
.mgz-filter input+span{
    margin-right:0;
}
#org-mgz.mv table{
	border-radius:10px;
	overflow:hidden;
	border-spacing:0;
	float:left;
	margin-top:10px;
}
#org-mgz.mv table th{
	background:var(--hover);
	color:#FFF;
	text-align:center;
	font-weight:400;
	height:30px;
}
#org-mgz.mv table td{
	vertical-align:top;
	background:var(--ovo-blau);
	padding-bottom:5px;
}
#org-mgz.mv table td:first-of-type{
	padding:10px;
}
#org-mgz.mv table td select,
#org-mgz.mv table td input[type="text"]{
	width:98%!important;
	border-radius:10px;
	margin-bottom:10px;
}
#org-mgz.mv table td select[name="mgz-order"]{
	margin:0;
}
#org-mgz table td label{
	background:none!important;
	display:flex;
	gap:10px;
	height:40px;
	align-items:center;
	justify-content:flex-start;
	color:#FFF;
	width:100%!important;
	padding:0;
}
#org-mgz.mv i span{
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:3px;
	background-size:50%;
	top:5px;
	margin-left:10px;
}
#org-mgz.mv i span.kreuz{
	background-color:var(--red);
}
#org-mgz.mv i span.haken{
	background-color:var(--green);
}
#org-mgz.mv i span.auto{
	background-color:var(--yellow);
}
#org-stichtag-box label+span{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:0 10px;
	background:#FFF;
	color:var(--ovo-blau);
	font-size:18px;
	height:40px;
	border-radius:0 10px 10px 0;
}
.mgz-filter td > div{
	display:flex;
	gap:5px;
	flex-direction:row;
	white-space:nowrap;
	width:100%;
	clear:both;
	justify-content:space-between;
	padding:0 10px 0 0;
}
.mgz-filter td > div > label{
	widtH:auto!important;
}
i-lock{
	background:var(--icon-schloss);
	width:20px;
	height:23px;
	margin:-5px 10px;
	background-repeat:no-repeat;
	background-size:20px;
	display:inline-block;
}
details{
	width:100%;
	margin:0 0 5px 0;
	min-height:40px;
}
details summary{
	height:40px;
	line-height:40px;
	width:100%;
	color:#FFF;
	font-size:20px;
	background:var(--button);
	padding:0 10px;
	border-radius:10px;
	cursor:pointer;
	transition:0.2s;
	font-weight:700;
}
details a:hover,
details summary:hover{
	background:var(--hover);
	color:#FFF!important;
}
details a{
	height:40px;
	width:95%;
	border-radius:10px;
	background:var(--button);
	color:#FFF;
	padding:0 15px;
	font-size:18px;
	display:flex;
	align-items:center;
	margin:5px 0 0 5%;
	transition:0.2s;
	cursor:pointer;
}
::details-content {
	transition: height 0.2s ease, content-visibility 0.2s ease allow-discrete;
	height: 0;
	overflow: clip;
}
@supports (interpolate-size: allow-keywords) {
	:root {
		interpolate-size: allow-keywords;
	}
	[open]::details-content {
		height: auto;
	}
}
btn-row{
	width:1000px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:10px;
	margin:10px 0;
}
btn-row button{
	width:100%;
}
span#beitragsgruppen{
	display:inline-block;
	width:100%;
}
menu-rev{
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	gap:5px;
}
menu-rev place-hold{
	width:100%;
	border-radius:10px 10px 0 0;
	background:var(--ovo-blau);
}
#mass-mailing label{
	width:100%;
	min-height:40px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	background:linear-gradient(90deg, rgba(0,0,0,0), var(--ovo-blau) 50%, rgba(0,0,0,0) 50%);
	color:#FFF;
	font-size:18px;
	margin:0;
	padding:0;
}
fieldset{
	overflow:hidden;
	border-radius:10px;
	border:none;
}
fieldset + fieldset{
	margin-top:5px;
}
field-head{
	width:100%;
	display:flex;
	margin:10px 0;
	color:#FFF;
	font-size:20px;
	height:30px;
	align-items:center;
	justify-content:center;
	background:linear-gradient(90deg, rgba(0,0,0,0), var(--hover) 25%, var(--hover) 75%, rgba(0,0,0,0));
}
field-head:only-of-type{
	margin:0 0 10px 0;
}
#mass-mailing label input,
#mass-mailing label select,
#mass-mailing label textarea{
	justify-self:flex-end;
	margin-left:10px;
	width:50%;
}
#mass-mailing label textarea{
	min-height:200px;
	resize:none;
}

.tool{cursor:help;position:relative}
tool-tip{position:fixed;top:0;left:0;width:100vw;height:50px;display:flex;align-items:center;justify-content:center;background:#A00;color:#FFF;font-size:16px;font-family:Rubik,sans-serif;opacity:0;pointer-events:none;z-index:-100;transition:0.3s;text-shadow:1px 1px 1px #400}
tool-tip.on{opacity:1;z-index:99999}
figure > dl, figure > dd{
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 10px;
}
article:not(#personenhistorie) figure > dd{
	color:#FE0;
}
#rechnungen section figure{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	line-height:42px;
}
/*
#person section aside state-admin,
#person section aside state-dead,
#person section aside state-inactive{
	position:absolute;
	bottom:15px;
	right:-25px;
	width:100px;
	padding:3px;
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	transform:rotateZ(-45deg);
}
#person section aside state-admin{background:#090}
#person section aside state-dead{background:#000}
#person section aside state-inactive{background:var(--red)}
*/
/* Neues GRID-Layout */
/*
body{
	display:grid;
	grid-template-columns:220px 1fr 1035px 1fr;
	grid-template-rows:50px 1fr;
	grid-column-gap:0px;
	grid-row-gap:0px;
}
header{grid-area:1/1/2/5}
#randmenu{grid-area:2/1/3/2;margin:0;padding:0 10px;width:100%;position:relative}
main{grid-area:2/3/3/4;padding:0 10px}
@media only screen and (max-width:1255px)
{
body{grid-template-columns:0 1fr 1035px 1fr}
#randmenu{display:none}
}
*/
/*
#person{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}
#person section{
	width:330px!important;
	height:100%!important;
	position:relative!important;
	display: grid!important;
	grid-template-columns: 100px 1fr;
	grid-template-rows: repeat(2, 30px) 40px 1fr;
	grid-column-gap: 10px;
	grid-row-gap:0;
	margin:0;
	padding:5px;
	top:auto;
	left:auto;
}
#person section figure{
	grid-area:1 / 1 / 4 / 2;
	position:relative!important;
	top:auto!important;
	left:auto!important;
	width:100px;
	height:100px;
	border-radius:5px;
}
#person section person-fname{
	grid-area:1 / 2 / 2 / 3;
	color:#FFF;
	font-size:22px;
}
#person section person-lname{
	grid-area:2 / 2 / 3 / 3;
	color:#FFF;
	font-size:22px;
}
#person section person-icons{
	grid-area:3 / 2 / 4 / 3;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	height:100%;
}
#person section person-icons .admin{
	width:80px;
	font-size:12px;
	position:relative;
	top:auto!important;
	right:auto!important;
}
#person section person-icons .dcv-euro{
	position:relative;
	top:auto!important;
	right:auto!important;
}
#person section person-jobs{
	grid-area:4 / 1 / 5 / 3;
	color:rgba(255,255,255,0.5);
	font-size:18px;
}
*/
button.person{
	display:grid;
	grid-template-columns:100px 115px;
	grid-template-rows:100px 1fr;
	grid-column-gap:10px;
	grid-row-gap:5px;
	border-radius:10px;
	background:var(--ovo-blau);
	padding:10px;
	height:auto;
}
button.person .admin{
	display:flex;
	align-items:center;
	justify-content:center;
	height:25px;
	font-size:14px;
}
button.person *{
	pointer-events:none;
	color:#FFF;
}
button.person > img{
	grid-area:1 / 1 / 2 / 2;
	border-radius:9px;
	width:100px;
	height:100px;
}
button.person > p-icons{
	display:flex;
	flex-direction:column;
	grid-area:1 / 2 / 2 / 3;
}
button.person > p-name{
	display:flex;
	grid-area:2 / 1 / 3 / 3;
	flex-direction:column;
	font-size:20px;
	font-weight:700;
	overflow-x:hidden;
	text-overflow:ellipsis;
	text-align:left;
	line-height:24px;
}
button.person > p-func{
	display:flex;
	grid-area:3 / 1 / 4 / 3;
	flex-direction:column;
	gap:5px;
	font-size:18px;
	opacity:0.5;
	text-align:left;
	line-height:24px;
}

/* News */
overso-news{
	display:flex;
	flex-direction:column;
	gap:10px;
	height:calc(100vh - 290px);
	overflow:hidden;
}
overso-news.ready{
	overflow-y:auto;
}
overso-news article {
	padding: 15px;
	border-radius: 10px;
	background:var(--ovo-blau);
	display: inline-block;
	width: 100%;
}
overso-news article h3 {
	font-size:22px;
	color: #FFF;
	font-family: Rubik, sans-serif;
	margin: 0 0 15px 0;
	border-bottom:1px solid rgba(255,255,255,0.1);
	padding-bottom:10px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
overso-news article h3 i{
	font-size:18px;
	margin-left:5px;
	opacity:0.5;
	font-style:normal;
}
overso-news article p {
	font-size: 16px;
	color: #FFF;
	font-family: Rubik, sans-serif;
	margin:0;
	padding:0!important;
}
overso-news article *+p {
	margin-top:10px;
}
overso-news article a{
	cursor:pointer;
	color:var(--yellow);
}

se-head{
	display:block;
	width:100%;
	height:30px;
	background:var(--ovo-blau);
	border-radius:10px 10px 0 0;
	overflow:hidden;
}
se-head div:first-of-type{
	width:calc(100% - 240px);
}
se-head div:last-of-type{
	width:240px;
}
se-head div{
	color:#FFF;
	font-size:14px;
	padding:8px 10px;
	float:left;
}
sonder-ehrung{
	display:flex;
	flex-direction:column;
	gap:1px;
	border-radius:0 0 10px 10px;
	overflow:hidden;
	align-items:flex-start;
	justify-content:flex-start;
	margin-bottom:15px;
	width:100%;
	float:left;
}
sonder-ehrung label{
	width:100%!important;
	justify-content:flex-start;
	padding:0;
}
sonder-ehrung label input{
	width:calc(100% - 240px)!important;
}
sonder-ehrung label select{
	width:200px;
}
sonder-ehrung label button{
	width:40px;
	height:40px;
	border-radius:0!important;
}
.sonder{
	background-color:#EEE!important;
}
#nebenmenu.off #nachrichten-box{
	display:none;
}
input:disabled, select:disabled{
	opacity:0.7!important;
}

o6-btn-line{
	display:flex;
	flex-direction:row;
	gap:5px;
	margin-top:10px;
}
o6-btn-line button{
	width:100%;
}
.o6_tab{
	border-radius:10px 10px 0 0;
}
.o6_tab.on{
	background-color:var(--hover);
	margin-top:-10px;
	height:50px;
}
o6-tab-box{
	display:flex;
	flex-direction:row;
	gap:0;
}
o6-tab-box > o6-tab{
	gap:0;
	display:none;
	width:100%;
}
o6-tab-box > o6-tab.on{
	display:block;
}
o6-tab#finanzdaten label + label:not(.box),
o6-tab#re_positionen label + label:not(.box),
o6-tab#re_gruppen label + label:not(.box){
	background:var(--ovo-blau);
}
o6-tab > 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%;
}
o6-tab > b:first-of-type{
	margin:0 0 10px 0;
	background:var(--hover);
	height:40px;
	line-height:40px;
	border-radius:0 0 10px 10px;
	color:#FFF;
	padding:0 15px;
	text-align:center;
	width:100%;
	clear:both;
	float:left;
}
layout-box{
	width:100%;
	float:left;
	display:flex;
	gap:10px;
	padding:10px 0 0 0;
	justify-content:flex-end;
}
layout-box > label{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	width:25%;
	padding:0;
	background:none;
}
layout-box > label > p:first-of-type{
	width:100%;
	margin:0;
	color:#FFF!important;
	text-shadow:none!important;
	text-align:center;
	position:relative;
	padding:0;
	background:var(--ovo-blau);
	border-radius:10px 10px 0 0;
	font-size:16px;
	height:30px;
	line-height:30px;
}
layout-box > label div{
	width:100%;
	display:block;
	background:#FFF;
	cursor:pointer;
	transition:0.3s;
	height:348px;
	text-align:center;
	font-family:Calibri, sans-serif;
	position:relative;
	top:auto;
	left:auto;
}
layout-box > label div p{
	color:#000;
	line-height:18px;
	font-weight:400;
	font-size:12px;
}
layout-box > label div p:first-of-type{
	font-size:16px;
	font-weight:700;
	line-height:25px;
}
layout-box > label div p:nth-of-type(3){
	margin-top:15px;
	font-weight:700;
}
#kve-anlegen{
	border-radius:0 10px 10px 0;
}
kve-center{
	display:flex;
	align-items:center;
	justify-content:center;
}
.kve-page{
	width:210mm;
	height:297mm;
	padding:20mm 25mm;
	background:#FFF;
	display:block;
	transform-origin:center top;
	/*border-top:20mm solid rgba(255,0,0,0.1);
	border-bottom:20mm solid rgba(255,0,0,0.1);
	border-left:25mm solid rgba(0,255,0,0.1);
	border-right:25mm solid rgba(0,255,0,0.1);*/
}
.kve-user{
	font-size:26pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:100%;
	text-align:center;
	float:left;
	margin-top:60mm;
}
.kve-page.layout-3 .kve-user, .kve-page.layout-4 .kve-user{
	margin-top:110mm;
}
.kve-org{
	font-size:22pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:100%;
	text-align:center;
	margin-top:3mm;
	float:left;
}
.kve-year{
	font-size:22pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:100%;
	text-align:center;
	margin-top:15mm;
	float:left;
}
.kve-name{
	font-size:22pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:100%;
	text-align:center;
	margin-top:3mm;
	float:left;
}
.kve-page.layout-1 .kve-year,
.kve-page.layout-1 .kve-name,
.kve-page.layout-3 .kve-year,
.kve-page.layout-3 .kve-name{
	display:none;
}
.kve-loc{
	font-size:16pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:50%;
	text-align:left;
	position:absolute;
	left:25mm;
	bottom:20mm;
}
.kve-sign{
	font-size:16pt;
	color:#000;
	font-family:Arial, sans-serif;
	width:50%;
	text-align:right;
	position:absolute;
	right:25mm;
	bottom:20mm;
}
ehrung-bestand{
	border-radius:10px;
	overflow:hidden;
	float:left;
	display:fleX;
	flex-direction:column;
	gap:1px;
	width:100%;
	margin:15px 0;
}
ehrung-line{
	display:flex;
	gap:0;
	width:100%;
}
button#kve-preview,
button#kve-new,
button#kve-save{
	padding:0 15px;
	width:200px;
	float:right;
	margin:15px 0 0 15px;
}
ehrung-line button{
	width:40px;
	min-width:40px;
	height:40px;
	border-radius:0;
	background-size:20px;
}
ehrung-line button.kve{
	width:calc(100% - 40px);
	min-width:calc(100% - 40px);
	height:40px;
	border-radius:0;
	background-color:var(--ovo-blau);
	text-align:left;
	padding:0 15px;
}
ehrung-line .kve.on{
	background-color:var(--hover);
}

main.sa_admin nav{
	margin:10px 0 0 0;
	animation:admin_sichtbar 0.5s forwards;
	display:flex;
	flex-direction:column;
	pointer-events:all;
	overflow-y:auto;
	padding:0 0 0 10px;
	width:100%;
	z-index:1;
}
textarea.h100{height:100px;resize:none}
textarea.h150{height:150px;resize:none}
textarea.h200{height:200px;resize:none}
textarea.h250{height:250px;resize:none}
textarea.h300{height:300px;resize:none}
textarea.input{height:calc(100vh - 320px);resize:none;font-family:monospace,sans-serif;width:100%}
main.sa_admin nav article{
	width:100%;
	justify-content:flex-start;
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	padding:0 10px 10px 0;
}
main.sa_admin nav label{
	background:var(--ovo-blau)!important;
	border-radius:10px 0 0 10px;
}
.ui-info{
	width:100%!important;
	max-width:100%!important;
	text-align:left;
	padding:10px 15px;
	line-height:26px;
	border-radius:10px;
	margin:0 0 10px 0;
	text-shadow:none;
	box-shadow:none;
	font-size:18px;
	background:var(--ovo-blau)!important;
	display:flex;
	color:#FFF;
}
main.sa_admin nav label.info{
	width:100%!important;
	max-width:100%!important;
	text-align:left;
	padding:10px 15px;
	line-height:26px;
	border-radius:10px;
	margin:0 0 10px 0;
	text-shadow:none;
	box-shadow:none;
	font-size:18px;
}
main.sa_admin nav label.top{
	background:var(--ovo-blau)!important;
	border-radius:10px 10px 0 0;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:30px;
	white-space:nowrap;
	width:100%;
}
main.sa_admin nav button{
	width:fit-content;
	min-width:40px;
	padding:0 15px 0 55px;
	background-size:26px;
	background-position:15px center;
}
main.sa_admin nav .result{
	background:var(--ovo-blau);
	border-spacing:2px;
}
main.sa_admin nav .result tr{
	background:var(--ovo-grau);
}
main.sa_admin nav .result tr:nth-of-type(odd){
	background:#B0C3D6;
}
main.sa_admin nav .result th,
main.sa_admin nav .result td{
	padding:5px;
	background:none;
}
main.sa_admin nav ol{
	padding:0;
	list-style:none;
}
h2{
	color:#FFF;
}
v-box{
	border-radius:10px;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:0;
	flex-direction:column;
}
h-box{
	border-radius:10px;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:10px;
	flex-direction:row;
}
#destination_info:empty, #source_info:empty{
	display:none;
}
#destination_info, #source_info{
	padding:15px;
	border-radius:10px;
	background:#FFF;
	color:var(--ovo-blau);
	font-size:18px;
	line-height:26px;
	margin:0 0 10px 0;
	width:fit-content;
	height:fit-content;
	min-width:200px;
	display:flex;
	flex-direction:column;
	gap:3px;
}
.sa_admin .result td:has(.error){color:#FFF;background:#B00}
.sa_admin .result td:has(.warn){color:#FFF;background:#CC0}
.sa_admin .result td:has(.ok){color:#FFF;background:#0B0}


body.clear main > #menu,
body.clear main > #nebenmenu{
	display:none!important;
}
body.clear main > nav{
	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;
	transition:none;
	animation:sichtbar .5s linear forwards!important;
	overflow-y:auto;
}

/* BLOG STYLE */
#nachrichten article{padding:15px;border-radius:10px;background:#40668B;display:inline-block;width:100%}
#nachrichten article .beitragsbild{max-width:150px;float:left;margin:0 10px 10px 0;display:block}
#nachrichten article h1{font-size:22px;color:#FFF;font-family:Rubik, sans-serif;margin:0 0 15px 0}
#nachrichten article h2{font-size:20px;color:#FFF;font-family:Rubik, sans-serif;margin:0 0 15px 0}
#nachrichten article h3{font-size:19px;color:#FFF;font-family:Rubik, sans-serif;margin:0 0 15px 0}
#nachrichten article h4{font-size:18px;color:#FFF;font-family:Rubik, sans-serif;margin:0 0 15px 0}
#nachrichten article h5{font-size:17px;color:#FFF;font-family:Rubik, sans-serif;margin:0 0 15px 0}
#nachrichten article a{color:#FC0;font-family:Rubik, sans-serif;text-decoration:none}
#nachrichten article a + a{margin-left:1%}
#nachrichten article a:hover{color:#FFF}
#nachrichten article a:hover img{transform:scale(1.01)}
#nachrichten article, #nachrichten article p{font-size:16px;color:#FFF;font-family:Rubik, sans-serif;margin:10px 0}
#nachrichten article ul li{font-size:16px;color:#FFF;font-family:Rubik, sans-serif;margin:10px 0 0 0}
#nachrichten article ul{list-style:disc;padding:0 0 0 1em}
#nachrichten article + article{margin-top:15px}
#nachrichten article img{max-width:49%;border-radius:10px;height:auto;transition:0.5s}

log-result{
	width:100%;
	height:calc(100vh - 350px);
	overflow-y:auto;
	margin:15px 0 0 0;
}
log-result:empty{
	display:none;
}
log-result table{
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	background:var(--ovo-blau);
}
log-result table th, log-result table td{
	color:var(--hover);
	padding:3px 5px;
	font-size:16px;
}
log-result table tr td:nth-of-type(2){
	font-family:monospace;
}
log-result table th{
	font-family:monospace;
	width:210px;
}
log-result table tr{
	background:#EEE;
}
log-result table thead{
	position:sticky;
	top:0;
	z-index:99;
}
log-result table tr:nth-of-type(even){
	background:#FFF;
}
log-result table thead td{
	background:var(--ovo-blau);
	color:#FFF;
	font-weight:400;
	font-family:Rubik, sans-serif!important;
}
#gema_file{
	width:calc(100% - 250px)!important;
	min-width:calc(100% - 250px)!important;
	max-width:calc(100% - 250px)!important;
	height:40px!important;
	font-size:18px!important;
	display:block;
	float:left;
	opacitY:1!important;
	position:relative;
	box-shadow:none;
}
code{
	display: block;
	background: #000;
	padding: 5px 10px;
	margin:5px 0 0 0;
	font-family: monospace;
	font-size: 14px;
	border-radius: 5px;
	color:#CCC;
}
tag-missing{
	background:#C00;
	color:#FFE;
	padding:5px 10px;
	border-radius:4px;
	display:block;
	margin:5px 0;
	font-size:16px;
}
tag-diff{
	background: #D80;
	color:#FFF;
	padding:5px 10px;
	border-radius:4px;
	display:block;
	margin:5px 0;
	font-size:16px;
}
tag-ok{
	background:#090;
	color:#FFF;
	padding:5px 10px;
	border-radius:4px;
	display:block;
	margin:5px 0;
	font-size:16px;
}
abbr{
	width:10px;
	height:10px;
	display:block;
	float:left;
}
btn-list{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
}
btn-list button{
	width:300px!important;
	text-align:left;
}