@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../font/Ubuntu-Regular.eot') format('embedded-opentype'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../font/Ubuntu-Bold.eot') format('embedded-opentype'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../font/Ubuntu-Regular.woff') format('woff'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../font/Ubuntu-Bold.woff') format('woff'); }

@font-face { font-family: 'Volte'; font-style: normal; font-weight: 400; src: url('../font/Volte.eot') format('embedded-opentype'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 700; src: url('../font/Volte Semibold.eot') format('embedded-opentype'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 400; src: url('../font/Volte.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 700; src: url('../font/Volte Semibold.woff') format('woff'); }

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

* { font-family:Poppins,arial,sans-serif; }
img { -ms-interpolation-mode: bicubic; }
button, textarea, input, select { font-family:Poppins,arial,sans-serif; font-size:inherit; outline: none; }
html {  font-size:12.5px; padding:0px; margin:0px; height:100%; width:100%; color:rgb(var(--txt)); line-height:1.3; }
body{ background:rgb(var(--grau0)); color:rgb(var(--txt)); letter-spacing:-.01em; background-size: cover; background-attachment: fixed; }
img { border:0px; text-decoration:none; max-width:100%; max-height:100%; object-fit:contain; }
table{ font-size:1em; }
.clear{ clear:both; }
.fright{ float:right; }
.fleft{ float:left; }
.taright{ text-align:right !important; }
.taleft{ text-align:left !important; }
.pkreis{ border: 1px solid rgb(var(--w)); width: 1.2em; height: 1.2em; display: inline-block; line-height: 1.3; border-radius: 1.2em; margin: .1em; padding:0 !important; }

#body_right hr{ height:0; border:0; border-top:1px solid rgba(var(--s),.1); margin:1.5em 0 }

.topnote {position: fixed; top: .2em; left: 25em; right: 25em; z-index: 101; height: 3.1em; overflow: auto; line-height:1; color:rgb(var(--w)); }
.topnote .edit { width: 2.5em; height: 2.5em; position: absolute; z-index: 102; background: rgb(255,255,255)no-repeat center; bottom: .3em; right: 0; background-image: url(../pics/edit.png); background-size: 70%; border-radius: 2.5em; cursor: pointer; filter:var(--dinvert); }

#onlinebuchung{ display: block; position: fixed; top: 0.4em; left: 50%; z-index: 10000; background: rgb(var(--rot)); color: rgb(var(--w)); padding: 0.3em 0.9em; border-radius: 0.5em; transform: translateX(-50%); text-decoration:none; }

.tableframesmall span.ralert{ display: inline-block; width: 1em; aspect-ratio: 1; text-align: center; color: rgb(var(--w)); background: rgb(var(--rot2)); padding: 0; border-radius: 1em; line-height: 1; margin: 0 0 0 .4em; }

.invisible, .hidden { display: none;}

.expand{  }
.expand h2{ cursor:pointer; }
.expandoff{ height:3em; overflow:hidden; }
.expand .expandbtn{ float:right; transform: rotate(180deg); }
.expandoff .expandbtn{ transform: rotate(90deg); }

.i_prn{ background:url('../login_pics/auftrag_print.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_rs{ background:url('../login_pics/auftrag_rs.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_kw{ background:url('../login_pics/auftrag_kw.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_ks{ background:url('../login_pics/auftrag_ks.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_bem{ background:url('../login_pics/auftrag_bem.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_tsmit{ background:rgb(var(--orange)); width:1.4em; height:1.4em; margin:.05em; display:inline-block; vertical-align:bottom; line-height:1.4; color:rgb(var(--w)); border-radius:2em; letter-spacing:-.1em; }
.i_drv{ background:url('../login_pics/auftrag_drv.png'); width:1.4em; height:1.4em; background-size:cover; margin:.05em; display:inline-block; vertical-align:bottom; }
.i_op{ background:url('../login_pics/auftrag_op.png'); width:1.8em; height:1.8em; background-size:cover; display:inline-block; vertical-align:bottom; }
.i_check{ background:url('../login_pics/auftrag_check.png'); width:1.4em; height:1.4em; background-size:cover; display:inline-block; vertical-align:bottom; }

.fplus{ font-size:1.2em; }

.scrolltop{ position:fixed;bottom:.2em; right:.2em; padding:1em; background:rgb(var(--akzent)); color:rgb(var(--w)); cursor:pointer; }

.hint2Div{ z-index:104; position:absolute; background-color:rgba(var(--w),.9); border:1px solid rgba(var(--s),0.4); color:rgb(var(--grau11)); }

.cpatableerr{ color:rgb(var(--rot2)) !important; }

.btn_note{ fill:rgba(var(--s),.9); }
.btn_note_off{ fill:rgba(var(--s),.2); }

.cpatable{ width:100%; cursor:pointer; }
.tableframesmall .cpatableerr{color:rgb(var(--rot)) !important;}
.tableframesmall .alarm td{ background:rgb(var(--rot3)); }
.tableframesmall .done td{ background:rgb(var(--gruen3)); }
.tableframesmall .lserb td{ color:rgb(var(--blau2)); }
.tableframesmall .uerb td{ color:rgb(var(--lila)); }
.tableframesmall .ondemand td{ color:rgb(var(--pink)); }
.tableframesmall .storno { text-decoration: line-through; opacity:.5; }
.tableframesmall .alarm:hover td{ background:rgb(var(--rot3)); }
.tableframesmall .em3{ width:3em !important; }
.tableframesmall .tgreen, .tableframesmall tr:hover .tgreen{ background:rgba(var(--gruen),.4) !important; }
.tableframesmall .serende{ font-weight:bold; color:rgb(var(--rot)); }

.daylabel{ width:10em; display:inline-block; }
.daylabel.ferien{ background:rgba(var(--gelb4),.2); }
.daylabel.ferienft{ background:rgba(var(--orange),.2); }
.daylabel.ft{ background:rgba(var(--rot),.2); }

.suggestions { border: 1px solid rgb(var(--grau2)); max-height: 15em; overflow-y: auto; list-style: none; padding: 0; }
.suggestions li { padding: .2em; cursor: pointer; background: rgb(var(--w)); }
.suggestions li:hover { background: rgba(var(--akzent2),.2); }
.suggestions li.active { background: rgba(var(--akzent2),.2); }

.call{ display: inline-block; color: rgb(var(--w)); background: rgb(var(--akzent2)); border-radius: .5em; padding: .3em 2em .3em .5em; background-image: url('../login_pics/ico_phone.svg'); background-size: 1.4em; background-repeat: no-repeat; background-position: right .2em top .15em; cursor: pointer; }

.achtung::after{ content:'!'; background:rgb(var(--gelb)); color:rgb(var(--grau10)); width:1.2em; border-radius:.75em; text-align:center; display:inline-block; margin-left:.25em; font-weight:bold;  }

.margin3 { margin: 1em; }
.notextsh{ text-shadow:none !important; }

.cBox{ cursor:pointer; display:inline-block; width:1.4em; height:1.4em; border:1px solid rgb(var(--grau5)); margin:.2em; border-radius:.2em; }
.cBoxON{ box-shadow:0 .05em .35em rgba(var(--pastel),.8);}

.achtung2{ xfloat:right; position:absolute; top:0; right:0; opacity:.9; }
.achtung2 div{ width:1.3em; color:rgb(var(--s)); border-radius:1em; margin:.1em; font-weight: bold; line-height: 1; padding: .2em 0; color:rgb(var(--w)); }

.arrow { border: solid black; border-width: 0 .2em .2em 0; display: inline-block; padding: .1em; width:.1em; height:.1em; vertical-align:middle; }
.aright{  transform: rotate(-45deg);margin-right:.2em; }
.aleft{  transform: rotate(135deg);margin-left:.2em; }
.check{ display:inline-block; }
.check::after{ width:.4em; height:.8em; border-bottom:.15em solid rgb(var(--gruen2)); border-right:.15em solid rgb(var(--gruen2)); display:block; content:' '; transform:rotate(45deg); margin:0 .3em; }
.nocheck{ border:.15em solid rgb(var(--rot2)); display:inline-block; border-radius:1em; height:.94em; width:.95em; }
.nocheck::after{ width:1.1em; height:.5em; border-bottom:.15em solid rgb(var(--rot2)); display:block; content:' '; transform:rotate(45deg); margin:0 .15em; }

.linkneutral a{ text-decoration:none; color:rgb(var(--txt)); }

.mapdiv{ position:fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; }
.mapdiv #map{ width:100%; height:100%; }
.closemap{ text-align:center; background:rgb(var(--akzent2)); color:rgb(var(--w)); border-bottom:1px solid rgb(var(--grau5));cursor:pointer;height:2em; line-height:2; }

.fz{ display: inline-block; background: rgb(var(--w)); border-radius: .2em; box-shadow: 0 0.1em 0.4em rgba(var(--s),.1); padding:.2em; margin:.2em; color:rgb(var(--s)); text-align:center; cursor:pointer; vertical-align:top; border:1px solid rgb(var(--grau2));}
.fz:hover{ background:rgb(var(--grau1)); }
.fz img{ float:left; height:3.2em; }
.fz div{ display:inline-block; width:10em; }
.fz div .kfz{ font-size:1.3em; display:block; }

.fzhead{ float:right; max-width:22em; margin:.5em; }

.uldd{ position:absolute; max-height:25em; overflow:auto; z-index:100; left:.5em; background:rgb(var(--w));border:1px solid rgb(var(--grau3)); width:calc(100% - 1em - 2px); padding:0; margin:0; list-style: none; top:3.5em; display:none; }
.uldd li{ padding:.2em; cursor:pointer; }
.uldd li img{ max-height:2em; vertical-align:middle; }
.uldd li:hover{ background:rgb(var(--grau1)); }

.inlineblock{ display: inline-block; vertical-align: top; }

.utheme{ bottom: 0; position: fixed; color: rgb(var(--grau9)); background: rgb(var(--grau1)); padding: .5em; cursor: pointer; width: calc(13% - 1em); }

.tacenter{ text-align:center !important; }
.cpointer{ cursor:pointer; }

.hintOnTop{ position:fixed; top:0; width:calc(100% - 9em); background: rgb(var(--grau8)); color:rgb(var(--w)); padding:1.5em 7.5em 1.5em 1.5em; box-shadow:0 0.1em 0.8em rgba(var(--s),.15); z-index:10000; }
.hintOnTop .close{ position:absolute; top:.5em; right:.5em; cursor:pointer; }

.cpform{ padding:1em; width:calc(100% - 2em); font-size:calc( ( .4vmax + .5em ) * .91 ); }
.cpformi{ background:rgb(var(--w)); border-radius:.2em; box-shadow:0 .05em .1em rgba(var(--s),.2); padding:1em; }
.cpform h1{ font-size:1.3em; font-weight:bold; margin:0 0 1em 0; }
.cpformi h2{ font-size:1.15em; font-weight:bold; margin:3em 0 1em 0; }
.cpformi .cpformt{ width:calc(100% - 2em); line-height:1.3; float:left; vertical-align:top; margin:1em; }
.cpformi .cpformt tr{ border-bottom:1px solid rgb(var(--grau1)); }
.cpformi .cpformt tr:hover{ background:rgb(var(--grau0)); }
.cpformi .cpformt td{ padding:.2em .4em; vertical-align:middle; }
.cpformi .cpformt td:first-child{ text-align:right; width:15em; font-weight:bold; }
.cpformi .cpformt input[type="text"]{ border-radius:.2em; border:1px solid rgb(var(--grau2)); width:calc(100% - 2em); padding:.5em 1em; }
.cpformi .cpformt select{ border-radius:.2em; border:1px solid rgb(var(--grau2)); width:calc(100% - 2em); padding:.5em 1em; }
.cpformi .cpformt textarea{ border-radius:.2em; border:1px solid rgb(var(--grau2)); width:calc(100% - 2em); padding:.5em 1em; height:5em; }
.cpformi .cpformt .em3{ width:3em !important; }
.cpformi .cpformt .h2{ font-size:1.15em; font-weight:bold; margin:3em 0 1em 0; text-align:left !important; }
.cpformi .notice{ margin:0 0 1em 0; padding:1em; border-radius:1em; background:rgb(var(--gelb3)); border:1px solid rgb(var(--gelb3)); }
.cpformi .author{ background:rgb(var(--rot)); color:rgb(var(--w)); margin:-1em -1em 1em -1em; border-radius:.2em; padding:.5em; text-align:center; font-weight:bold; }
.zzs td:nth-child(2n){ padding:.5em !important; }
.cpform hr{ border:0; border-top:1px solid rgba(var(--s),.1); }

.masonry{ display: grid; grid-template-columns: repeat(auto-fill, minmax(30em, 1fr)); grid-auto-rows: 10px; gap: 1em; }
.masonry>div{ grid-row: span var(--rows); overflow:hidden; }

.BGDiv{ position: fixed; z-index: 1500; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(var(--grau6),0.6); }

.bigger{ font-size:1.12em; }
.smaller{ font-size:.95em; }
.bold{ font-weight:bold; }

.cbtn{ position: absolute; bottom: .8em; right: .8em; cursor:pointer; }
.cbtn svg{ fill:rgb(var(--grau6)); }
.cbtn:hover svg{ fill:rgb(var(--akzent2)); }

.waitDiv{ font-size: 2em; width: 100vw; height: calc(50vh + 1em); position: fixed; top: 0; left: 0; background: rgba(var(--grau3),.9); color: rgb(var(--s)); text-align: center; z-index: 1000; padding-top: calc(50vh - 1em); }

.calendar_table .svg{ display:inline-block; height:1.2em; fill:rgb(var(--grau6)); vertical-align: top; }

.fahrer .ftriple{ animation: 1s ftriple ease-in-out infinite; }
.fahrzeug .ftriple{ animation: 1s ftriple ease-in-out infinite; }
@keyframes ftriple { 0% { background: rgba(var(--rot),0); } 50% { background: rgba(var(--rot),.3); } 100% { background: rgba(var(--rot),0); } }

div::-webkit-scrollbar { width: 0; }
div::-webkit-scrollbar-track { background: rgb(var(--grau0));  }
div::-webkit-scrollbar-thumb { background: rgb(var(--grau3)); border-radius: .8em; }
div::-webkit-scrollbar-thumb:hover { background: rgb(var(--grau5)); }

div:hover::-webkit-scrollbar { width: .8em; }
div:hover::-webkit-scrollbar-track { background: rgb(var(--grau0));  }
div:hover::-webkit-scrollbar-thumb { background: rgb(var(--grau3)); border-radius: .8em; }
div:hover::-webkit-scrollbar-thumb:hover { background: rgb(var(--grau5)); }

.stickybuttons{ background: rgb(var(--w)); position: sticky; bottom: 0; border-top: 1px solid rgb(var(--grau2)); z-index:11; }
.stickybuttons2{ background: rgb(var(--w)); position: sticky; bottom: 0; border: 1px solid rgb(var(--grau2)); z-index:11; }

.margin2{ margin:2em !important; }
.attachment{ background:rgb(var(--w)); box-shadow:0 0.05em 0.02em rgba(var(--s),.05); border: 1px solid rgb(var(--grau2)); border-radius:.2em; margin:.2em; display:inline-block; color:rgb(var(--s)); text-decoration:none; padding:.5em 1em; }
.attachment:hover{ background:rgb(var(--grau0)); }
.attachment svg{ height: 1.4em; vertical-align: middle; margin-right:.3em; }

.inpbox svg{ height: 1.4em; vertical-align: middle; }

.mail h2{ margin:0; }
.mail h2 input[type="text"]{ border: 1px solid rgb(var(--grau2)); padding: .2em; width: calc(100% - 20em); }
.mail .date{ font-size:1.1em; color:rgb(var(--grau6)); margin-bottom:1em; }
.mail .from{ margin:.5em 0; }
.mail .from::before{content:'From:';display:inline-block; width:4em; font-weight:bold; }
.mail .to{ margin:.5em 0; }
.mail .to::before{content:'To:';display:inline-block; width:4em; font-weight:bold;}

.cpEditor_menu { border-radius: .2em .2em 0 0; background:rgb(var(--grau2)); padding:.2em; position:relative; xbackground-image: linear-gradient(to top, rgb(var(--grau3)) 0%, rgb(var(--grau1)) 100%); }
.cpEditor_menu .buttons{ background-image: linear-gradient(to top, rgb(var(--grau2)) 0%, rgb(var(--w))100%); display:inline-block; white-space:nowrap; vertical-align:middle; margin:.2em; border:1px solid rgb(var(--grau2)); box-shadow:0 .04em .1em rgba(var(--s),.1); }
.cpEditor_menu .buttons svg{ height: 1em; padding: .3em .8em .3em .8em; vertical-align: middle; cursor:pointer; }
.cpEditor_menu .buttons svg:hover{ background:rgba(87,79,237,1); fill:rgb(var(--w)); }
.cpEditor_menuitem { cursor:pointer; position:relative; padding:.2em .8em; display:inline-block; }
.cpEditor_menuitem:hover{ background:rgba(87,79,237,1); color:rgb(var(--w)); }
.cpEditor_menu .mode{ display:inline-block; vertical-align:middle; font-size:.9em; color:rgba(var(--s),.75) }

.cpEditor_body { background:rgb(var(--w)); border:1px solid rgb(var(--grau3)); border-top:0;position:relative; border-radius: 0 0 .2em .2em; }
.cpEditor_iframe { width:100%; height:350px; }
.cpEditor_textarea { width:100% !important; height:350px; border:0px !important; padding:0px !important; display:none; }
.cpEditor_sep { width:0px; float:left; margin:.2em .4em; border:1px solid; border-color:rgba(var(--s),0) rgba(var(--w),.2) rgba(var(--s),0) rgba(var(--s),.2); height:1.5em; position:relative; vertical-align:middle; }
.cpEditorHTML { width:99%;border:0px;height:300px;padding:0px;margin:0px; }
.cpEditorPlain { width:99%;border:0px;height:300px;padding:0px;margin:0px;display:none; }

.nobr{ white-space:nowrap; }

.paddingH{ padding:.5em; }
.marginH{ margin:.5em; !important; }
.margin1{ margin:1em; !important; }

.theader{ padding:1em; }
.theader::after{ content:' ';clear:both; display:block; }
.seiten{ float:right; }
.cppageon { text-decoration:none; border:1px solid rgb(var(--grau3)); color:rgb(var(--w)); min-width:2.2em; text-align:center; display:inline-block; border-radius:.2em; margin:.2em; background:rgb(var(--akzent2)); padding:.5em 0; }
.cppageoff { text-decoration:none; border:1px solid rgb(var(--grau3)); color:rgb(var(--s)); min-width:2.2em; text-align:center; display:inline-block; border-radius:.2em; margin:.2em; padding:.5em 0; }
.cppageoff:hover { background:rgba(var(--s),.1); }

.Centerbox{ z-index:100; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.PopupLogo{ text-align:center; }
.PopupLogo img{ max-width:9em; }
.Popup { background:rgb(var(--w)); border:1px solid rgb(var(--grau3)); width:20em; border-radius:.2em; }
.PopupHead { padding:7px 8px 7px 8px; color:rgb(var(--s)); background:rgb(var(--akzent2)); }
.PopupBody { padding:1.2em; border-radius:.2em; }
.Popup input[type="text"], .Popup input[type="password"] { border:1px solid rgb(var(--grau3)); border-radius:.2em; padding:.8em 1em; width:calc(100% - 2em - 2px); margin-bottom:.5em;}
.Popup select { border:1px solid rgb(var(--grau3)); border-radius:.2em; padding:.8em 1em; width:calc(100% - 2px); margin-bottom:.5em; box-sizing:border-box;}
.Popup input[type="submit"] { background:rgb(var(--akzent2)); border-radius:.2em; cursor:pointer; padding:1em; color:rgb(var(--w)); text-decoration:none; display:block; border:0; width:calc(100%); }
.Popup input[type="submit"]:hover{}
.Popup .title{ font-size:.85em; }

#head { top:0; z-index:100;background:rgb(var(--akzent2)); display:block; height:calc(3em); width:100%; position:fixed; }
#head .togglemenu{ float:left; line-height:1; margin: .2em; cursor:pointer; }
#head .togglemenu svg{ fill: rgb(var(--w)); height: 2.6em; margin: 0 1em 0 1em; }
#head .loggedindiv { float:left; color:rgb(var(--w)); text-align:center; font-weight:bold; line-height:1; margin: .2em; padding: .9em 1em .8em 1em; }
#head .tasks{ float:right; color:rgb(var(--akzent2)); text-align:center; font-weight:bold; line-height:1; margin: .2em; padding: .9em 1em .8em 1em; border-radius: .2em; background:rgb(var(--w)); cursor:pointer; }
#head .chats{ float:right; color:rgb(var(--akzent2)); text-align:center; font-weight:bold; line-height:1; margin: .2em; padding: .9em 1em .8em 1em; border-radius: .2em; background:rgb(var(--w)); cursor:pointer; }
#head .tasks .nr, #head .chats .nr{ background:rgb(var(--rot)); color:rgb(var(--w)); width:1.8em; line-height:1.8; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.4em -.3em -.4em .2em; padding:.1em; }
#head .tasks .nr2, #head .chats .nr2{ background:rgb(var(--orange)); color:rgb(var(--w)); width:1.8em; line-height:1.8; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.4em -.3em -.4em .2em; padding:.1em; }

#head.alarm{ animation: 2s headalarm ease-in-out infinite; }
@keyframes headalarm {
	0% { background: rgb(var(--akzent2)); }
	50% { background: rgb(var(--rot)); }
	100% { background: rgb(var(--akzent2)); }
}

.tableframesmall .nr{ background:rgb(var(--rot)); color:rgb(var(--w)); width:1.8em; line-height:1.8; text-align:center; display: inline-block; border-radius: 1.8em; font-size: .8em; vertical-align: top; margin: -.2em -.3em -.2em .2em; padding:.1em; }
.tableframesmall .th2{ background: rgb(var(--grau3)); }
.tableframesmall .mapico img{ width: 1.4em; height: 1.4em; margin: .05em; }
.tableframesmall .mapico{ float: right; }
.tableframesmall tr.done td, .tableframesmall tr.done:hover td{ background:rgba(var(--gruen),.35) !important; border-bottom: 1px solid rgba(var(--gruen),.4) !important; }
.tableframesmall tr:nth-child(2n).done td, .tableframesmall tr:nth-child(2n).done:hover td{ background:rgba(var(--gruen),.3) !important; border-bottom: 1px solid rgba(var(--gruen),.4) !important; }
.tableframesmall tr.alarm td, .tableframesmall tr.alarm:hover td{ background:rgba(var(--rot),.35) !important; border-bottom: 1px solid rgba(var(--rot),.4) !important; }
.tableframesmall tr:nth-child(2n).alarm td, .tableframesmall tr:nth-child(2n).alarm:hover td{ background:rgba(var(--rot),.3) !important; border-bottom: 1px solid rgba(var(--rot),.4) !important; }

.tableframesmall.linkneutral tr:hover td{ background:none; }
.tableframesmall.linkneutral td{ border:1px solid rgba(var(--s),.05); }

.dispotable{ width:100%; cursor:pointer; border-collapse:collapse; }
.dispotable tr{ border-bottom:1px solid rgb(var(--grau2)); }
.dispotable td{ padding:.2em; position:relative; }
.dispotable tr:nth-child(2n) td{ background:rgb(var(--grau0)); }
.dispotable td:first-child{ text-align:right; width:12em; }
.dispotable .dispoblock{ opacity:.6; background:rgb(var(--akzent2)); display:block; height:1em; position:absolute; color:rgb(var(--w)); text-align:center; overflow:hidden;}
.dispotable .dispodz{ display:inline-block;position:absolute;background:rgb(var(--gruen));height:1em; opacity:.3; }
.dispotable #dispo00 .dispoblock{ position:relative; margin:.1em 0; background:rgb(var(--akzent)); }

.calc_table{ border-collapse:collapse; display:block; margin:auto; }
.calc_table td{ background:rgb(var(--grau0)); padding:.5em; border:1px solid rgb(var(--grau2)); }
.calc_table td:first-child{ background:rgb(var(--grau2)); text-align:right; }
.calc_table input[type='text']{ border:0; padding:.5em; width:100%; box-sizing:border-box; }
.calc_table select{ border:0; padding:.5em; width:100%; }

#headtimedate{ float:right; color:rgb(var(--grau2)); text-align:center; height:2em; margin:.3em 1em 0 0;}
#headtime{ line-height:1.2; font-size:1.7em; display:inline-block; }
#headdate{ line-height:1.2; font-weight:bold; font-size:1.1em; display:inline-block; margin:0 1em; }

.inpbox{ margin:1.5em 0; width:100%; position:relative; }
.inpbox span{ position:absolute;z-index:2; font-size:.85em; color:rgb(var(--grau6)); background:rgb(var(--w)); padding:0 .4em; margin:-.75em 0 0 1em; height:1em; }
.inpbox input[type='text']{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); outline: none; margin:0 .5em; line-height:3.6; height: 3.6em; }
.inpbox .forminputtime{ width:2em !important; }
.inpbox select{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); outline: none; margin:0 .5em; box-sizing: content-box; height: calc(3.6em - 2px); }
.inpbox select option{ background:rgb(var(--grau0)); }
.inpbox textarea:focus,.inpbox input[type='text']:focus,.inpbox select:focus{ border-color:rgb(var(--akzent2)); outline: none; }
.inpbox textarea{ padding:1.2em 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); outline: none; margin:0 .5em; min-height: 4em; }
.inpbox .datum{ border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); outline: none; margin:0 .5em; padding:0 1em; }
.inpbox .datum select{ border:0; padding:.6em 0; width:calc(33% - 1em); }
.inpbox4 .datum select{ border:0; padding:0; width:calc(33% - 1em); }
.inpbox .datum label{ font-size:.8em; }
.inpbox .datum input[type="file"]{ height:3.6em; line-height:3.6; margin: 0; vertical-align: middle; }
.inpbox .datum input[type="checkbox"]{ height:3.6em; line-height:3.6; margin: 0; vertical-align: middle; }
.inpbox .checkbox{ line-height: 3.8; padding:0 1em; }

.cpPrompt .inpbox{ margin:1em 0; }
.cpPrompt .inpbox input[type='text']{ padding:0 1em; }
.cpPrompt .inpbox select{ padding:0 1em; }
.cpPrompt .inpbox textarea{ padding:0 1em; }

.inpboxi { padding:1.2em 1em; border-radius:.2em; width:calc(100% - 1em - 2px); border:1px solid rgb(var(--grau3)); outline: none; margin:0 .5em; box-sizing: border-box; }
.inpboxi input[type='password']{ border-radius:.2em; border:1px solid rgb(var(--grau3)); outline: none; }
table.inpboxi { font-size:1em; }
table.inpboxi .forminputs{ padding:.2em; }
.inpbox2{ width:50% !important; display:inline-block; vertical-align:top; }
.inpbox2 input[type='text']{ width:calc(100% - 1em - 2em); }
.inpbox4{ width:25% !important; display:inline-block; vertical-align:top; }
.inpbox4 input[type='text']{ width:calc(100% - 1em - 2em); }
.inpbox{ margin:1em 0; }
.inpbox4 input[type='text']{ padding:0 1em; }
.inpbox4 select{ padding:0 1em; }
.inpbox4 textarea{ padding:.75em 1em; }
.inpbox3{ width:33.33% !important; display:inline-block; vertical-align:top; }
.inpbox6{ width:16.66666% !important; display:inline-block; vertical-align:top; }
.inpbox7{ width:14.28% !important; display:inline-block; vertical-align:top; }
.inpbox72{ width:28.56% !important; display:inline-block; vertical-align:top; }

.prompt { z-index:2000; position:absolute; background:rgb(var(--w)); padding:0; box-shadow:0 0.2em 0.4em rgba(var(--s),0.5); }
.prompt .promptHead { padding:1em 1em; font-size:1.3em; font-weight:bold; }
.prompt .promptBody { padding:1em 1em; border-radius:8px; }
.prompt .promptBody select { border:1px solid rgb(var(--akzent2)); padding:0.3em 1% 0.3em 1%; border-radius:.1em; max-width:96%; margin:0.2em 0;}
.prompt .promptBody input[type="text"] { border:1px solid rgb(var(--akzent2)); padding:0.3em 1% 0.3em 1%; border-radius:.1em; margin:0.2em 0; max-width:96%; }
.prompt .promptBody textarea { height:3em; border-radius:2px; border:1px solid rgb(var(--akzent2)); padding:0.3em 1% 0.3em 1%; margin:0.2em 0; max-width:96%; border-radius:.1em; }
.prompt input[type="submit"],.prompt input[type="button"],.cpPrompt input[type="button"] { border:0; cursor:pointer; padding:0.4em 0.8em; color:rgb(var(--w)); text-decoration:none; background:rgb(var(--akzent2)); margin:0.1em; border-radius:.2em; box-shadow:0 0.1em 0.2em rgba(var(--s),0.3);}
.prompt input[type="submit"]:hover ,.prompt input[type="button"]:hover ,.cpPrompt input[type="button"]:hover { background:rgb(var(--akzent2)); }

.searchtable input[type="text"] { border: 1px solid rgb(var(--akzent2)) !important; }
.searchtable select { border: 1px solid rgb(var(--akzent2)) !important; }

.confirmBG{ position:fixed; top:0; z-index:6000; background:rgba(var(--grau3),.8); width:100%; height:100vh; display: flex; justify-content: center; align-items: center; }
.cpPrompt { z-index:6001; background: rgb(var(--w)); box-shadow: 0 0.3em 2em rgba(var(--s),.2); border: 1px solid rgb(var(--grau2)); border-radius:.2em; }
.cpPromptHead { padding:.5em 1em; border-bottom:1px solid rgb(var(--grau2));  font-size:1.2em; font-weight:bold; }
.cpPromptBody { padding:1em 1em; min-width:min(20em, 33vw);}
.cpPrompt .buttons{ padding:.5em 1em; border-top:1px solid rgb(var(--grau2)); }

.cpPromptDate { border:1px solid; border-color:rgb(var(--grau5)) rgb(var(--grau6)) rgb(var(--grau6)) rgb(var(--grau5)); background:rgb(var(--grau2)); padding:1px;  }
.cpPromptDateBG select{ width: calc(100%); border: 0; padding: .5em; border-bottom: 1px solid rgb(var(--grau2)); }
.cpPromptDateBG select option{ background:rgb(var(--grau0)); }
.cpPromptDateBG { background: rgb(var(--grau0)); margin: 1em; width: calc(21em); clear:both; cursor:pointer;  }
.cpPromptDateOn { width:calc(2.8em - 2px); border:1px solid rgb(var(--gruen2)); height:1em; line-height:1; height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; font-weight: bold; color: rgb(var(--w)); background: rgb(var(--gruen2)); margin:.1em; }
.cpPromptDateMed { width:calc(2.8em - 2px); border:1px solid rgb(var(--grau2)); height:1em; line-height:1; height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; font-weight: bold; background: rgb(var(--gelb2)); margin:.1em; }
.cpPromptDateOff { width:calc(2.8em - 2px); background:rgb(var(--w)); border:1px solid rgb(var(--grau2)); height:calc(2.8em - 2px); line-height:calc(2.8em - 2px); text-align:center; float:left; border-radius: 2em; margin:.1em;  }
.cpPromptDatePH { width:calc(3em); height:calc(3em - 2px); line-height:calc(3em - 2px); float:left; }

.promptDate{ max-width:30em; background:rgb(var(--w)); box-shadow:0px .05em .1em rgba(var(--s),0.3); position: absolute; z-index: 1510; display: block; }
.promptDate .cancelbtn{ position:absolute; padding: .1em .5em; right:0; cursor:pointer; }
.datediv{ text-align:center; }
.promptYear{ background:rgb(var(--w)); border:0; display:inline-block; padding:.5em; }
.promptMonth{ background:rgb(var(--w)); border:0; display:inline-block; padding:.5em; }
.promptDateDiv{ width:calc(14% - 2px); display:inline-block; cursor:pointer; border-bottom:1px solid rgb(var(--grau2)); padding:.4em 0; }
.promptDateOn{ border:1px solid rgb(var(--akzent)); }
.promptDateHead{ font-weight:bold; }

.taxok,.taxnok{ display:block; margin:1em; padding:.5em;background:rgb(var(--gruen2)); color:rgb(var(--w)); text-align:center;text-decoration:none;font-weight:bold; border-radius:.2em; }
.taxnok{ background:rgb(var(--rot2)); }

.leftmenulogo{ text-align:center; margin:1em; }
.leftmenulogo a{ background:url('../login_pics/logo.png'); background-size: contain; width:11em; height:5em; display:inline-block; background-repeat:no-repeat; background-position:center; filter:var(--logo); }
.leftmenulogo img{ max-width:4em; }

.wdiv{ background:rgb(var(--w)); box-shadow:0 .05em .02em rgba(var(--s),.05); border:1px solid rgb(var(--grau2)); border-radius:.2em; margin:1em 0; }
.wdiv .padding,.padding{ padding:1em; }
.wdiv hr{ border:0; height:1px; background:rgb(var(--grau2)); margin:0; }

.tabsbody .div2, .wdiv .div2{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); margin:0 .5em; line-height: 3.6; height: 3.6em; }
.tabsbody .div2B, .wdiv .div2B{ padding:0 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); margin:0 .5em; }
.inpbox .div2 input[type='text']{ width:auto; border:0; }
.tabsbody .div2M, .wdiv .div2M{ padding:1.2em 1em; border-radius:.2em; width:calc(100% - 3em - 2px); border:1px solid rgb(var(--grau3)); margin:0 .5em; }
.tabsbody h3{ clear:both; }

.buchungsdiv{ position:fixed; top:0; left:0; z-index:1000; width:90vw; height:100vh; background:rgb(var(--w)); border-left: 5vw solid rgb(var(--grau0)); border-right: 5vw solid rgb(var(--grau0)); opacity:1; transition: all ease .5s; }
.buchungsdivoff{ opacity:0; left:-100vw; }
.buchungsdiv iframe{ width:90vw; height:100vh; border:0; }
.buchungsdivH{ position:fixed; top:0; right:0vw; z-index:1001; width:50vw; height:100vh; background:rgb(var(--w)); border-left: 1px solid rgb(var(--grau3)); opacity:1; transition: all ease .5s; box-shadow: -1em 0 4em rgba(var(--s),0.25); }
.buchungsdivH iframe{ width:50vw; height:100vh; border:0; }

.bettercb{ position:absolute; opacity:0; }
.bettercb2{ width:1.5em; height:1.5em; background:rgb(var(--w)); display:inline-block; vertical-align:middle; border:1px solid rgb(var(--grau3)); border-radius:.2em; cursor:pointer; }
.bettercb2::after{ width:.4em; height:.8em; border-bottom:.15em solid rgb(var(--akzent2)); border-right:.15em solid rgb(var(--akzent2)); display:block; content:' '; transform:rotate(45deg); margin:.15em .5em; display:none; }
input:checked ~ .bettercb2::after { display: block; }

.imgdiv { position:relative; float:left; border:1px solid; border-color: rgb(var(--grau0)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau0)); padding:2px; margin:2px; background:rgb(var(--grau2)); width:110px; height:130px; overflow:none; text-align:center; }
.imgdiv  img{ max-width:110px;max-height:110px; }

.cpPopupmenu { z-index:100; position:absolute; background:rgb(var(--w)); border:1px solid rgb(var(--grau3)); padding:0; border-radius:.2em; box-shadow:0 .1em .4em rgba(var(--s),.2); }
.cpPopupmenuHead { padding:.5em 1em; color:rgb(var(--w)); background:rgb(var(--akzent2)); }
.cpPopupitem { padding:.5em 1em; cursor:pointer; border-left:.4em solid rgb(var(--w)); }
.cpPopupitem:hover { border-left:.4em solid rgb(var(--akzent2)); background:rgb(var(--grau1)); }
.cpPopupitem hr{ margin: 0; padding: 0; border: 0; border-bottom: 1px solid rgb(var(--grau2)); }


.bar { background:rgb(var(--grau2)); border:1px solid; border-color:rgb(var(--grau3)) rgb(var(--grau4)) rgb(var(--grau4)) rgb(var(--grau3));padding:10px; margin:2px; }
form { margin:0px; padding:0px; }
body { padding:0px; margin:0px; width:100%; font-family:Volte, Helvetica, sans-serif; font-size: calc( .4vmax + .5em ); }
#body { display:block; height:calc(100% - 3em); margin-top:3em; font-size:calc( 1em * ( 100vw / 1 ) ); }

#body.body_off #body_left{ margin-left:-18% !important; }
#body.body_off #body_right{ width:100% !important; }


#body_left { display:block; width:13%; height:calc(100% - 3em); float:left; overflow:auto; background:rgb(var(--grau0)); position:fixed; background: rgb(var(--w)); transition: all ease .5s; border-right: 1px solid rgb(var(--grau2)); }
.leftmenu { }
.leftmenu a svg{ fill: rgba(var(--akzent2),.6); vertical-align: middle; height: 1.3em; margin: 0 0 .2em 0; transition: all ease 1s; }
.leftmenu a:hover svg{ fill: rgb(var(--w)); transform:rotate3d(0,1,0,360deg); }
.leftmenu a,.leftmenu div{ cursor:pointer;display:block;padding:.35em 1.2em .1em 1.2em; text-decoration:none; color:rgba(var(--akzent2),.6); }
.leftmenu a img,.leftmenu div img { vertical-align:middle; }
.leftmenu a:hover,.leftmenu div:hover{ background:rgb(var(--akzent2)); color:rgb(var(--w))!important; }
.leftmenu_on,.leftmenu .active { color:rgb(var(--akzent2)) !important; font-weight:bold; }
.leftmenu_on svg,.leftmenu .active svg{ fill:rgb(var(--akzent2)); }

.leftmenu .sub1{ display:block;padding:.35em 1.2em .1em 2.2em; text-decoration:none;  color:rgba(var(--akzent2),.6);  }
.leftmenu .sub1:hover{ background:rgb(var(--akzent2)); color:rgb(var(--w))!important; }
.leftmenu_on,.leftmenu .sub1active { display:block;padding:8px 10px 8px 30px; text-decoration:none;  border-bottom:1px solid rgb(var(--grau2)); border-top:1px solid rgb(var(--grau1)); color:rgb(var(--akzent2)) !important; }

#body_right { display:block; width:87%; xheight:100%; float:right; xoverflow:auto; position:relative; font-size: .91em; transition: all ease .5s; }
#body_right_i { margin:15px; padding:10px; border-radius:10px; }
#body_right_i .h1 { display:block; font-weight:bold; color:rgba(var(--akzent2),.6); }
#body_right_i .h1 a{ text-decoration:none; color:rgba(var(--akzent2),.6); }
#body_right_i .h1 a::before{ content:'>'; margin:0 .3em; }
#body_right_i .h1 a:first-child::before{ display:none !important; }
#body_right_i .h1 svg{ fill: rgba(var(--akzent2),.6); height: 1.3em; vertical-align: middle; margin: 0 0 .2em 0; }


#body h1 { margin:0px; padding:0px 0px 10px 0px; }
#body h2 { margin:0; padding:.5em 0; color:rgb(var(--grau9)); }
#body p { margin:0px; padding:0px 0px 10px 0px; }

.kuerzel{ width: 2.5em; height: 2.5em; background: rgb(var(--akzent2)); border-radius: 1.5em; text-align: center; color: rgb(var(--w)); line-height: 2.7; }

.framesmall { padding:6px 10px 6px 10px; border-width:1px 1px 1px 1px; border-color:rgb(var(--grau0)) rgb(var(--grau3)) rgb(var(--grau3)) rgb(var(--grau0)); background:rgb(var(--grau2)); border-style:solid;  }

.lineheightxs td{ line-height:1.15; max-width:25em; }

.tableframesmall { width:100%; border-collapse:collapse; }
.tableframesmall th { padding:1em 1em; font-weight:bold; text-align:left; border-bottom:1px solid rgb(var(--grau2)); }
.tableframesmall.tacenter th { text-align:center; }
.tableframesmall thead tr{box-shadow:0 0.2em 0.2em rgba(var(--s),.1); }
.tableframesmall  tr:nth-child(2n){ background:rgb(var(--grau0)); }
.tableframesmall  tr td{ border-bottom:1px solid rgb(var(--grau2)); padding:.5em 1em; }
.tableframesmall  tr:hover td{ background:rgba(var(--gelb3),.3); }
.tableframesmall input[type="text"] { width:400px; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }

.tableframesmall  tr.trhighlight{ background:rgba(var(--rot3),.9); font-weight:bold; }
.tableframesmall  tr.trhighlight:nth-child(2n){ background:rgba(var(--rot3),1); font-weight:bold; }

.tableframesmalldplan td, .tableframesmalldplan th{ border:1px solid rgba(var(--s),.1); padding:.2em !important; text-align:center; }
.tableframesmalldplan td:first-child{ text-align:left; }
.tableframesmalldplan .dark1{ background:rgba(var(--s),.05); }
.tableframesmalldplan .dark2{ background:rgba(var(--s),.1); }
.tableframesmalldplan th.dark1{ background:rgb(var(--grau0)); }
.tableframesmalldplan th.dark2{ background:rgb(var(--grau1)); }

.dpfarbe1{ background:#ffff00 !important; }
.dpfarbe2{ background:#ff3399 !important; }
.dpfarbe3{ background:#00b050 !important; }
.dpfarbe4{ background:#f6750a !important; }
.dpfarbe5{ background:#0070c0 !important; }
.dpfarbe6{ background:#864199 !important; }
.dpfarbe7{ background:#974706 !important; }
.dpfarbe8{ background:rgb(var(--rot)) !important; }
.dpfarbe9{ background:#93cddd !important; }
.dpfarbe10{ background:#66ff66 !important; }
.dpfarbe11{ background:#808080 !important; }

.file1 { display: inline-block; padding: .3em .8em; background: rgb(var(--akzent2)); border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: rgb(var(--w)); }
.tableframesmall .file1{ display: inline-block; padding: .1em .5em; background: rgb(var(--akzent2)); border-radius: 1em; text-decoration: none; margin: .1em .4em; vertical-align: middle; color: rgb(var(--w)); }

.cchart{ width:1.6em; height:1.6em; position:relative; display:inline-block; margin:0; vertical-align:middle; margin:.2em .4em; }
.cchart svg{ width: 100%; height: 100%; }
.cchart .bg{ r: 75px; cx: 50%; cy: 50%; fill: none; stroke: rgba(var(--rot),.9); stroke-width: 50px; }
.cchart .fg{ r: 75px; cx: 50%; cy: 50%; fill: none; stroke: rgb(var(--rot)); stroke-width: 50px; stroke-dasharray: 220px 440px; stroke-linecap: round; transform-origin: 50% 50%; transform: rotate(-90deg); }

h2 .user{ color:rgb(var(--w)); width:2em;line-height:2;display:inline-block;text-align:center;background:rgb(var(--grau9)); border-radius:1.25em; font-size:.85em; margin:.2em .05em; }
h2 svg{ font-size:.85em; margin:.2em .05em; }
.bb1 .user,.tableframesmall .user{ color:rgb(var(--w)); width:2.5em;line-height:2.5;display:inline-block;text-align:center;background:rgb(var(--grau9)); border-radius:1.25em; font-size:.85em; }
.bb1 .svgc{ float:right; cursor:pointer; margin:0 0 .5em .5em; height:1.5em; }
.bb1 .text{ width:calc(100% - 8em); margin:0 1em; display:inline-block; vertical-align:top; }

.ftable{ border-collapse:collapse; margin:1em .5em; }
.ftable td{ padding:0 .2em; border: 1px solid rgb(var(--grau5)); border-left:0; border-right:0;}
.ftable tr{  }
.ftable tr:nth-child(2n){ background:rgba(var(--s),.05); }
.ftable .svgc{ cursor:pointer; margin:0 0 .5em .5em; height:1.5em; }
.ftable input{ width:7em; padding:.2em; }
.ftable textarea{ padding: 0; height: 4em; width:calc(100% - 2px); min-width: 25em; }

.tableframesmall a,.tableframesmall span, .tabsbody span{ padding:0 .5em; cursor:pointer; }
.tableframesmall a svg,.tableframesmall span svg, .tabsbody span svg{ height:1.3em; vertical-align: middle; }

.cpointer svg{ height:1.3em; vertical-align: middle; opacity:.65; }

.tableframesmall a:hover svg, .tabsbody span:hover svg{ fill:rgb(var(--akzent2));}
.tableframesmall .alert{ display:inline-block; padding:.1em; width:1em; height:1em; line-height:1; text-align:center; border-radius:1em; background:rgb(var(--rot3)); margin:0 .4em; color:rgb(var(--w)); }

.tableframesmall tr:last-child td:first-child { border-bottom-left-radius:2px; }
.tableframesmall tr:last-child td:last-child { border-bottom-rightradius:2px; }

.tableframesmall th:first-child { border-top-left-radius:2px; }
.tableframesmall th:last-child { border-top-right-radius:2px; }

.tableframesmall th { position: sticky; top: 3em; background:rgb(var(--w)); box-shadow:0 0.2em 0.2em rgba(var(--s),.1); }
.edit_table .tableframesmall th { background:rgb(var(--grau0)); }


.cpbutton1 ,.button { border:0; display:inline-block; background:rgb(var(--akzent2)); padding:.5em 1.2em; margin:.3em; color:rgb(var(--w)); text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(var(--s),.4); border:1px solid rgb(var(--akzent2)); }
.cpbutton1:hover,.button:hover { background:rgb(var(--akzent2)); }
.cpbutton1_on,.button_on { background:rgb(var(--akzent2)); }
.boff{opacity: .4;}
.tableframesmall .button { padding:.5em 1.2em !important; }
.buttonselect{ width: auto !important; box-shadow:0 .1em .1em rgba(var(--s),.4); border:1px solid rgb(var(--akzent2)) !important; cursor: pointer; padding: .5em 1.2em; color: rgb(var(--w)); text-decoration: none; background: rgb(var(--akzent2)); margin: 0.3em; display: inline-block; height:2.1em !important; }
.buttonselect option{ color:rgb(var(--s)); }

.draghint{ position:absolute; background:rgba(var(--w),.8); padding:.5em; z-index:1000; }
.draghint::after{ content:''; display:block; border:3px solid rgb(var(--s)); border-right:0; border-bottom:0; height:.5em; width:.5em; position:absolute; top:-5px; left:-5px;  }

.buttonB { border:0; display:inline-block; background:rgb(var(--w)); padding:.5em 1.2em; margin:.2em; color:rgb(var(--s)); text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(var(--s),.4); border:1px solid rgb(var(--grau3));}
.buttonB:hover { background:rgb(var(--grau0)); }


.button2{ border:0; display:inline-block; background:rgb(var(--akzent2)); padding:.3em .6em !important; margin:.1em; color:rgb(var(--w)); text-decoration:none; cursor:pointer; border-radius:.2em; text-align:center; box-shadow:0 .1em .1em rgba(var(--s),.4); border:1px solid rgb(var(--akzent2)); }
.button2:hover { background:rgb(var(--akzent2)) !important; }

.button3 { background:rgb(var(--w))!important; border:0 !important; padding:0 !important; margin:-.25em -.25em -.25em .5em !important; color:rgb(var(--s)) !important; text-decoration:none; display:block; float:left; cursor:pointer; 
border-radius:2em; width: 1.5em; height: 1.5em;  line-height: 1.5; text-align: center; }

.button3:hover { background:rgb(var(--grau3)) !important; }

.button3_inline { background:rgb(var(--grau3)) !important; border:1px solid !important; border-color:rgb(var(--grau1)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau1)) !important; padding:2px 6px 2px 6px !important; margin:1px !important; color:rgb(var(--grau11)) !important; text-decoration:none; cursor:pointer; 
border-radius:2px; display:inline;
}
.button3:hover { background:rgb(var(--grau5)) !important; }

.edit_list { background:rgb(var(--grau9)); }
.edit_list .head{ text-align:left;padding:7px 10px 7px 10px; color:rgb(var(--w)); border-width:1px 1px 1px 1px; border-color:rgb(var(--grau8)) rgb(var(--grau11)) rgb(var(--grau11)) rgb(var(--grau8)); border-right:0px; background:rgb(var(--blau2)); border-style:solid;}
.edit_list .body { padding:4px 10px 4px 10px; border:1px solid rgba(var(--s),0.1); background:rgb(var(--grau2)); border-color:rgb(var(--grau2)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau2));}


.xedit_table { margin:1em; border:0px; border-spacing:0px; width:calc(100% - 2em); }
.xedit_table th { text-align:left; padding:5px 10px 5px 10px; color:rgb(var(--w)); border-width:1px; background:rgb(var(--blau2)); border-style:solid; border-color:rgb(var(--grau5)) rgb(var(--grau6)) rgb(var(--grau6)) rgb(var(--grau5));}

.tabsbody .xedit_table { margin:0; border:0px; border-spacing:0px; width:100%;}
.tabsbody hr{     margin: 2em -1em; height: 0px; background: rgb(var(--w)); border: 0; border-top: 1px solid rgb(var(--grau3)); }
.tabsbody h3{ font-size:1.2em; margin:0; padding:.2em 0; }
.tabsbody h4{ font-size:1.05em; margin:0; padding:.5em 0; }


.edit_left {  text-align:right; padding:2px 4px 2px 4px; border:1px solid; background:rgb(var(--grau2));  vertical-align:top; border-color:rgb(var(--grau2)) rgb(var(--grau2)) rgb(var(--grau2)) rgb(var(--grau2)); max-width:22%; min-width:22%; width:22%; position:relative; }
.edit_right { text-align:left; padding:2px 4px 2px 4px; border:1px solid; background:rgb(var(--grau1));  border-color:rgb(var(--grau0)) rgb(var(--grau2)) rgb(var(--grau2)) rgb(var(--grau0)); position:relative; }
.edit_space { padding:4px 10px 4px 10px; background:rgb(var(--grau2)); border:1px solid; border-color:rgb(var(--grau2)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau2)); border-style:solid; }
.edit_full { padding:7px 10px 7px 10px; border-width:1px 1px 1px 1px; border-color:rgb(var(--grau2)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau2)); background-color:rgb(var(--blau2)); border-style:solid; background:rgb(var(--grau4)); background-image:url('../pics/down.png'); background-repeat:no-repeat; background-position: top right;}
.edit_full:hover { background-color:rgb(var(--akzent2)) !important; color:rgb(var(--w)); cursor:pointer; }

.edit_div { padding:10px 16px 10px 16px; border:1px solid rgba(var(--s),0.1); background:rgb(var(--grau2)); border-color:rgb(var(--grau2)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau2)); margin:5px 0px 5px 0px; }

.xedit_table tr:first-child td:first-child{ border-top-left-radius:2px; }
.xedit_table tr:first-child td:last-child{ border-top-right-radius:2px; }

.xedit_table tr:last-child td:first-child{ border-bottom-left-radius:2px; }
.xedit_table tr:last-child td:last-child{ border-bottom-right-radius:2px; }

.edit_right input[type="text"] { width:99%; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .forminputs { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .forminputs { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right .formchooses { width:120px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right select { width:99% !important; }
.edit_right input[type="password"] { width:400px !important; border-radius:2px; border:0px; padding:2px 4px 2px 4px; }
.edit_right textarea { width:99% !important; height:120px; border-radius:2px; border:0px; padding:2px 4px 2px 4px;}

xinput[type="submit"] { background:rgb(var(--grau5)); border:1px solid; border-color:rgb(var(--grau5)) rgb(var(--grau6)) rgb(var(--grau6)) rgb(var(--grau5)); padding:6px 16px 6px 16px; color:rgb(var(--s)); text-decoration:none; }
xinput[type="reset"] { background:rgb(var(--grau5)); border:1px solid; border-color:rgb(var(--grau5)) rgb(var(--grau6)) rgb(var(--grau6)) rgb(var(--grau5)); padding:6px 16px 6px 16px; color:rgb(var(--s)); text-decoration:none; margin:0px 0px 0px 5px; }

.info { padding: 1em 1.5em; margin: 1em 0; border: 1px solid rgba(var(--blau3),1); background: rgba(var(--blau3),.9); border-radius: 2px; }


#body_full { display:block; width:100%;  height:100%; overflow:auto; position:relative; }
#body_full_i { margin:0px; padding:30px 0px 30px 0px; margin-left:50%; left:-450px; position:relative; }

#body_full_i .infoblock { border:1px solid rgb(var(--grau3)); background:rgb(var(--grau2)); margin:10px; }

#admin_logo { width:90%;min-height:10%; display:block; background:url('../pics/admin_logo.jpg') no-repeat center center;  margin:3% 0px 0px 5%; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.buttonS { background:rgb(var(--akzent2)); border:0px solid !important; padding:3px 6px 3px 6px !important; margin:1px !important; color:rgb(var(--w)) !important; text-decoration:none; display:block; float:left; cursor:pointer; min-width:20px; text-align:center;
border-radius:2px; }
.buttonS:hover {}

.fixedMenu {position:fixed; right:30px; bottom:10px; background:rgba(var(--grau3),0.7); padding:8px 12px 8px 12px; border:1px solid rgba(88,88,88,0.7); border-radius:3px; }

.moveObj { background:rgb(var(--grau2)); border:1px solid; border-color:rgb(var(--grau0)) rgb(var(--grau3)) rgb(var(--grau3)) rgb(var(--grau0)); padding:1px 10px 1px 10px; width:80%; cursor:pointer; }
.moveObjon { background:rgb(var(--grau2)); border:1px solid; border-color:rgb(var(--grau0)) rgb(var(--grau3)) rgb(var(--grau6)) rgb(var(--grau0)); padding:1px 10px 1px 10px; width:80%; cursor:pointer; }

.tabs { }
.tabshead { padding:0 1em; background:linear-gradient(0deg, rgba(var(--s),.2) 0%, rgba(var(--s),0) 2%); }
.tabshead_i { padding:1em 1.5em; cursor:pointer; font-weight:bold; display:inline-block; background:rgb(var(--grau2)); border-top:.4em solid rgb(var(--grau0)); margin:0 .1em;  }
.tabshead_i_on { padding:1em 1.5em; cursor:pointer; font-weight:bold; display:inline-block; background:rgb(var(--w)); border-top:.4em solid rgb(var(--akzent2)); margin:0 .1em; box-shadow: 0 -0.05em 0.05em rgba(var(--s),.7); } 
.tabshead_i:hover { border-top:.3em solid rgb(var(--akzent2));  }
.tabsbody { background:rgb(var(--w)); clear:both; padding:1em; box-shadow:0 .05em .02em rgba(var(--s),.05); border:1px solid rgb(var(--grau2)); border-radius:.2em; border-top:0; }

.formblockhead { background:rgb(var(--grau3)); border:1px solid; margin:1% 1% 0% 1%; padding:10px 1% 10px 1%; width:95%; border-color:rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau6)) rgb(var(--grau5)); color:rgb(var(--w)); font-weight:bold;}
.formblock { background:rgb(var(--grau2)); border:0px; margin:0% 1% 1% 1%; padding:1%; width:95%; border:1px solid; border-color:rgb(var(--grau3)) rgb(var(--grau5)) rgb(var(--grau5)) rgb(var(--grau5)); }
.formblock_h1 { background:rgb(var(--grau5)); border:1px solid rgb(var(--grau6)); padding:4px 8px 4px 8px; margin:10px 0px 5px 0px; border-radius:1px; color:rgb(var(--w)); float:left; clear:both; }
.formblock_p { clear:both;  }
.formblock textarea, .formblock input[type="text"]{ border:1px solid rgb(var(--grau5));  }

.fixedButtons { position:fixed; right:0px; bottom:0px;z-index:40; background:rgba(var(--grau4),0.8);padding:10px 20px 8px 20px; border:1px solid rgba(var(--grau6),0.8); border-radius:2px 0px 0px 0px; border-bottom:0px; border-right:0px; }

.inputDiv { margin:0px 5px 10px 5px; display:inline-block; }
.inputDiv div{ color:rgb(var(--grau6));  }
.inputDiv input { border:0px; border-bottom:1px solid rgb(var(--grau9)); background:rgb(var(--grau2)); width:200px; }
.inputDiv textarea { border:0px; background:rgb(var(--grau2)); width:200px; }

.fileexplorer { background:rgb(var(--grau0)); padding:5px;}
.fileexplorer_url { background:rgb(var(--w)); min-width:300px; display:inline-block; vertical-align:middle; margin:0px 10px 10px 0px; padding:2px; cursor:pointer; }
.fileexplorer_url img{ margin:3px 5px 3px 5px; vertical-align:middle; }
.fileexplorer_menu { background:rgb(var(--grau0)); display:inline-block; margin:0px 10px 10px 0px; vertical-align:middle; }
.fileexplorer_menu img{ cursor:pointer; vertical-align:middle; }
.fileexplorer_menu span { display:inline-block; margin:0px 6px 0px 6px; cursor:pointer; }
.fileexplorer_explorer { background:rgb(var(--w)); border:1px solid rgb(var(--grau0)); padding:5px; min-height:20px; }
.fileexplorer_explorer .file{ display:inline-block; min-width:28em; background:url('../login_pics/file.gif') no-repeat !important; background-position:left center !important; margin:0px 10px 0px 0px; padding:3px 0px 3px 20px; cursor:pointer; overflow:hidden; text-decoration:none; color:rgb(var(--grau10)); height:18px; white-space:nowrap; }
.fileexplorer_explorer .file a{ text-decoration:none; color:rgb(var(--grau10)); white-space:nowrap; }
.fileexplorer_explorer .folder{ display:inline-block; min-width:28em; background:url('../login_pics/folder.gif') no-repeat; background-position:left center; margin:0px 10px 0px 0px; padding:3px 0px 3px 20px; cursor:pointer; overflow:hidden; height:18px; }
.fileexplorer_explorer .file:hover, .fileexplorer_explorer .folder:hover { background-color:rgb(var(--blau3)) !important; }

.fileexplorer_menu svg{ fill: rgb(var(--grau7)); vertical-align: middle; height: 1.5em; cursor:pointer; display:inline-block; }
.fileexplorer_menu svg:hover{ fill: rgb(var(--akzent2)); }

.button4 { display:inline-block; background:rgb(var(--grau3)); padding:0.3em 0.8em; margin:0.2em 0.6em; cursor:pointer; }
.edit_right hr { border:0; height:0; border-bottom:1px solid rgb(var(--grau3)); margin:1em 0; }

.progressdiv { padding:5px 10px 5px 10px; width:250px; background:rgb(var(--w)); margin:5px; border-radius:2px; display:inline-block; }
progress{ width: 100%; height: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
progress::-webkit-progress-bar {  background-color: rgb(var(--grau1));  border-radius: 2px;  box-shadow: 0 1px 5px rgba(var(--s), 0.25) inset, 0 1px 5px rgba(var(--s), 0.15); }
progress::-moz-progress-bar {  background-color:rgb(var(--blau3)); border-radius: 2px; box-shadow: 0 1px 5px rgba(var(--s), 0.15) inset; }
progress::-webkit-progress-value { background-color:rgb(var(--blau3)); border-radius: 2px; box-shadow: 0 1px 5px rgba(var(--s), 0.15) inset; }

.tcal .caltable { border:2px solid rgb(var(--akzent2)); xbox-shadow:0 2px 2px rgba(var(--s),0.3); cursor:pointer; margin:1em; }
.tcal .caltable tr {  }
.tcal .caltable th { border:0; text-shadow:none; background:rgb(var(--w)); border-bottom:1px solid rgb(var(--grau1)); border-right:1px solid rgb(var(--grau1)); padding:0.2em 0.5em; text-align:right; color:rgb(var(--grau5));}
.tcal .caltable td { border-bottom:1px solid rgb(var(--grau1)); border-right:1px solid rgb(var(--grau1)); background:rgb(var(--w)) !important; padding:0.2em 0.5em; text-align:right; }
.tcal .caltable .on { background:rgb(var(--akzent2)) !important; color:rgb(var(--w)); }
.tcal .caltable a { text-decoration:none; color:rgb(var(--grau9)); display:block; }
.tcal .caltable .on a { text-decoration:none; color:rgb(var(--w)); }
.tcal .caldiv { display:inline-block; background:rgb(var(--grau1)); margin:0.2em; padding:0.2em 0.5em; cursor:pointer; text-decoration:none; color:rgb(var(--grau9)); }
.tcal .cdon { background:rgb(var(--akzent2)) !important; color:rgb(var(--w)); }

@media only screen and (max-width:1024px) {
	body { font-size: calc( .4vmax + .9em ); }
	#body_left{ width: 15em; }
	#body_right{ width: calc(98% - 15em); }
	#body.body_off #body_left{ margin-left:-17em !important; }
	#body.body_off #body_right{ width:100% !important; }
}

@media (min-resolution: 120dpi) {
	html{ font-size: 9px; }
}



@media print {
	*{ box-shadow:none !important; line-height:1.1; }
	html,body{ background:none !important; width:17.5cm; }
	table{ border-collapse:collapse !important; line-height:1.1;}
	.noprint{ display:none; }
	.z13{ font-size:1.25em; }
	.mapico{ display:none; }
	a{ text-decoration:none; }
	.printfw2{ width:1000px; font-size:2em; }
	.printfw2 td{ border:1px solid #777; padding:.3em; }
	#head, #body_left{ display:none; }
	.h1 img{ display:none; }
	.h1{ padding:1em 0; background:rgb(var(--w))!important; color:rgb(var(--s)); font-size:1.6em; }
	tr{ page-break-inside:avoid; page-break-after:auto; }
	.cpformt{ font-size:10px !important; }
	.cpformt tr{ padding:.4em; font-weight:bold; }
	.cpformt td{ padding:.4em; }
	.tbordered tr{ border:1px solid rgb(var(--grau5)); }
	.tbordered td{ border:1px solid rgb(var(--grau5)); }
	html {  font-size:8px; padding:0px; margin:0px; font-family:tahoma,arial; }
	form { margin:0px; padding:0px; }
	textarea, input { font-family:tahoma,arial; font-size:8px; }
	select{ box-sizing:content-box; font-family:tahoma,arial; font-size:8px; }
	body { padding:0px; margin:0px; font-family:tahoma,arial; font-size:8px; }
	img { border:0px; text-decoration:none; }
	th, td { background-clip: padding-box, }
	.mapico { float:right; }
	.mapico img{ width: 1.4em;height: 1.4em;margin: .05em;}
	.button{ display:none; }
	strong,b { font-weight:bold; }
	.fileexplorer,.picexplorer { display:none; }
	.dbEditorHTML { display:none; }
	.dbEditorPlain { display:none; }
	.dbEditorHead { display:none; }
	.dbEditorBody { display:none;  }
	h1 { margin:0px; padding:0px 0px 10px 0px; font-size:1.6em; font-weight:bold; text-align:center; }
	.cpformi { border-bottom:1px solid rgb(var(--grau5)); margin-bottom:1em; padding:.5em; }
	.h2{ display:block; font-size:1.4em; margin:.5em 0; } 
	#body h2 { display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; letter-spacing:1px; font-weight:normal; font-size:1.4em; color:#808080; }
	#body h3 { margin:10px 0px 20px 0px; font-size:1.3em; }
	#body h4 { margin:2em 0px 1em 0px; font-size:1.3em; }
	#body p { margin:0px; padding:0px 0px 10px 0px; }
	.cpformi .cpformt td:first-child{ text-align:right; width:auto; font-weight:bold; }
}