#threekubikcalc .innerchart{display:flex;flex-direction:column;line-height:1.5em;position:relative}#threekubikcalc h4{text-align:left}body{margin:0}#threekubikcalc{--orange:#ff7f00;--white:#fff;--black:#000;--tuerkis:#8cebd7;--violett:#7f00ff;--yellow:#ffc800;--resetBtn:#999;--fontfamily:"Trueno","TruenoLt",arial,sans,sans-serif;--s1:.25rem;--s3:.5rem;--s3:1rem;--fontSizeS:14px;--fontSizeB:16px}#threekubikcalc dd,#threekubikcalc dl,#threekubikcalc dt,#threekubikcalc h1,#threekubikcalc h2,#threekubikcalc h3,#threekubikcalc h4,#threekubikcalc h5,#threekubikcalc h6,#threekubikcalc li,#threekubikcalc ol,#threekubikcalc p,#threekubikcalc ul{border:0;margin:0;padding:0;text-align:left}#threekubikcalc input{align-self:flex-end;border:none;box-sizing:border-box;line-height:1em;padding:.5em}#threekubikcalc input[type=number],#threekubikcalc input[type=text]{align-self:flex-end;font-weight:700}#threekubikcalc .disablethis input[type=number],#threekubikcalc .disablethis input[type=text]{background-color:#fff5;pointer-events:none}#threekubikcalc .threekubikcalc *{font-family:var(--fontfamily);font-size:var(--fontSizeS);line-height:1.4em}#threekubikcalc .threekubikcalc .sidebar{background:var(--tuerkis)}#threekubikcalc .threekubikcalc .sidebar #klogo{text-align:left}#threekubikcalc .threekubikcalc .sidebar #klogo svg{height:auto;left:0;position:relative;top:0;width:auto}#threekubikcalc .threekubikcalc .sidebar label{align-self:flex-end;font-size:var(--fontSizeB);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:left}#threekubikcalc .threekubikcalc .sidebar input{border:none;font-size:var(--fontSizeB)}#threekubikcalc .threekubikcalc .sidebar .btn{-webkit-appearance:none;border:1px solid transparent;border-radius:0;display:inline-block;font-size:var(--fontSizeB);font-weight:700;padding:.5em;text-align:center}#threekubikcalc .threekubikcalc .sidebar .btn.orange{background:var(--orange);color:var(--white)}#threekubikcalc .threekubikcalc .sidebar .btn.violett{background:var(--violett);color:var(--white)}#threekubikcalc .threekubikcalc .sidebar .btn.outline{background:var(--white);border:2px solid var(--black);color:var(--black)}#threekubikcalc .threekubikcalc #output h4{font-size:var(--fontSizeB);font-weight:700}#threekubikcalc .threekubikcalc #output span.legend{box-sizing:border-box;padding-left:1.7em;padding-right:2em;position:relative}#threekubikcalc .threekubikcalc #output span.legend:before{content:"\a0";display:block;height:1em;left:0;position:absolute;top:.15em;transform:translate(0);width:1em;z-index:1}#threekubikcalc .threekubikcalc #output span.legend.legend-tuerkis:before{background-color:var(--tuerkis)}#threekubikcalc .threekubikcalc #output span.legend.legend-violett:before{background-color:var(--violett)}#threekubikcalc .threekubikcalc #output span.legend.legend-yellow:before{background-color:var(--yellow)}#threekubikcalc .threekubikcalc #output span.legend.legend-orange:before{background-color:var(--orange)}#threekubikcalc{--fontSizeS:12px;--fontSizeB:12px}@media screen and (min-width:380px){#threekubikcalc{--fontSizeS:14px;--fontSizeB:14px}}@media screen and (min-width:460px){#threekubikcalc{--fontSizeS:14px;--fontSizeB:16px}}@media screen and (min-width:768px){#threekubikcalc{--fontSizeS:14px;--fontSizeB:20px}}#threekubikcalc .threekubikcalc .sidebar{grid-gap:10px;display:grid;grid-template-areas:"k k . . . . . . . . . . " "ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden  DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro" "IArbeitswocheInStunden IArbeitswocheInStunden IArbeitswocheInStunden IArbeitswocheInStunden IArbeitswocheInStunden IArbeitswocheInStunden  IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro" "Umsatz Umsatz Umsatz Umsatz Umsatz Umsatz BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter" "IUmsatz IUmsatz IUmsatz IUmsatz IUmsatz IUmsatz IBetroffeneMitarbeiter IBetroffeneMitarbeiter IBetroffeneMitarbeiter IBetroffeneMitarbeiter IBetroffeneMitarbeiter IBetroffeneMitarbeiter" "reset reset reset reset reset reset cta cta cta cta cta cta ";grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:calc(var(--fontSizeS)*2);padding:var(--fontSizeS) var(--fontSizeS) 0 var(--fontSizeS)}#threekubikcalc .threekubikcalc .sidebar #klogo{grid-area:k}#threekubikcalc .threekubikcalc .sidebar label[for=ArbeitswocheInStunden]{grid-area:ArbeitswocheInStunden}#threekubikcalc .threekubikcalc .sidebar label[for=DurchschnittlicheArbeitsstundeEuro]{grid-area:DurchschnittlicheArbeitsstundeEuro}#threekubikcalc .threekubikcalc .sidebar label[for=Umsatz]{grid-area:Umsatz}#threekubikcalc .threekubikcalc .sidebar label[for=BetroffeneMitarbeiter]{grid-area:BetroffeneMitarbeiter}#threekubikcalc .threekubikcalc .sidebar input#ArbeitswocheInStunden{grid-area:IArbeitswocheInStunden}#threekubikcalc .threekubikcalc .sidebar input#DurchschnittlicheArbeitsstundeEuro{grid-area:IDurchschnittlicheArbeitsstundeEuro}#threekubikcalc .threekubikcalc .sidebar input#Umsatz{grid-area:IUmsatz}#threekubikcalc .threekubikcalc .sidebar input#BetroffeneMitarbeiter{grid-area:IBetroffeneMitarbeiter}#threekubikcalc .threekubikcalc .sidebar #submitbutton{grid-area:cta;margin-top:calc(var(--fontSizeS)*-.5);transform:translateY(1em)}#threekubikcalc .threekubikcalc .sidebar #submitbutton:hover{text-decoration:underline}#threekubikcalc .threekubikcalc .sidebar #resetbutton{grid-area:reset;margin-top:calc(var(--fontSizeS)*-.5);transform:translateY(1em)}#threekubikcalc .threekubikcalc .sidebar #resetbutton:hover{text-decoration:underline}#threekubikcalc .threekubikcalc .sidebar #ctabutton{grid-area:cta;margin-top:calc(var(--fontSizeS)*-.5);text-decoration:none;transform:translateY(1em)}#threekubikcalc .threekubikcalc .sidebar #ctabutton:hover{text-decoration:underline}#threekubikcalc .threekubikcalc #outputinfos,#threekubikcalc .threekubikcalc .calcstatus{padding:var(--fontSizeS) var(--fontSizeS) 0 var(--fontSizeS)}@media screen and (min-width:768px){#threekubikcalc .threekubikcalc .sidebar{grid-template-areas:". . . ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden ArbeitswocheInStunden  DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro DurchschnittlicheArbeitsstundeEuro ." "k k . IArbeitswocheInStunden IArbeitswocheInStunden . .  IDurchschnittlicheArbeitsstundeEuro IDurchschnittlicheArbeitsstundeEuro . . ." "k k . Umsatz Umsatz Umsatz . BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter BetroffeneMitarbeiter ." "k k . IUmsatz IUmsatz IUmsatz . IBetroffeneMitarbeiter IBetroffeneMitarbeiter . .  ." ". . . reset reset reset reset cta cta cta cta ."}#threekubikcalc .threekubikcalc .sidebar input#ArbeitswocheInStunden,#threekubikcalc .threekubikcalc .sidebar input#DurchschnittlicheArbeitsstundeEuro{align-self:flex-start}#threekubikcalc .threekubikcalc .sidebar #klogo{grid-area:k;max-height:150px}}@media screen and (min-width:1400px){#threekubikcalc .threekubikcalc .sidebar{box-sizing:border-box;grid-template-areas:". .  ArbeitswocheInStunden     ArbeitswocheInStunden . .  DurchschnittlicheArbeitsstundeEuro   DurchschnittlicheArbeitsstundeEuro  DurchschnittlicheArbeitsstundeEuro  .   .   ." "k k  IArbeitswocheInStunden    .                     . .  IDurchschnittlicheArbeitsstundeEuro  .                                   .                                   .   .   ." "k k  Umsatz                    Umsatz                . .  BetroffeneMitarbeiter                BetroffeneMitarbeiter               .                                   .   .   ." "k k  IUmsatz                   IUmsatz               . .  IBetroffeneMitarbeiter               .                                   .                                   .   .   ." ". .  .                         .                     . .  reset                                reset                               reset                               cta cta cta";margin:0 auto calc(var(--fontSizeB)*3) auto;width:1280px}}#threekubikcalc .threekubikcalc #output{grid-gap:var(--fontSizeS);display:grid;grid-template-areas:"legend1 legend2" "legend3 legend4" "h41 h42";grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:var(--fontSizeS)}#threekubikcalc .threekubikcalc #output legend{grid-area:legend}#threekubikcalc .threekubikcalc #output h4:first-child{grid-area:h41}#threekubikcalc .threekubikcalc #output h4:nth-child(2){grid-area:h42}@media screen and (min-width:768px){#threekubikcalc .threekubikcalc #output{grid-gap:var(--fontSizeS);display:grid;grid-template-areas:". . .                    h41 h41 h41 h41                          h42 h42 h42 h42" "gtuerkis gtuerkis gtuerkis  initialHours initialHours initialHours . potentialHours potentialHours potentialHours ." "gviolett gviolett gviolett  initialHours initialHours initialHours . potentialHours potentialHours potentialHours ." "gyellow gyellow gyellow     initialHours initialHours initialHours . potentialHours potentialHours potentialHours ." "gorange gorange gorange     initialHours initialHours initialHours . potentialHours potentialHours potentialHours ." ". . .                    initialEuro  initialEuro  initialEuro  . potentialEuro potentialEuro potentialEuro .";grid-template-columns:repeat(12,minmax(0,1fr));padding:var(--fontSizeS)}#threekubikcalc .threekubikcalc #output .legend-tuerkis{grid-area:gtuerkis}#threekubikcalc .threekubikcalc #output .legend-violett{grid-area:gviolett}#threekubikcalc .threekubikcalc #output .legend-yellow{grid-area:gyellow}#threekubikcalc .threekubikcalc #output .legend-orange{grid-area:gorange}#threekubikcalc .threekubikcalc #output h4:first-child{grid-area:h41}#threekubikcalc .threekubikcalc #output h4:nth-child(2){grid-area:h42}#threekubikcalc .threekubikcalc #output .initialHours{grid-area:initialHours}#threekubikcalc .threekubikcalc #output .potentialHours{grid-area:potentialHours}#threekubikcalc .threekubikcalc #output .initialEuro{grid-area:initialEuro}#threekubikcalc .threekubikcalc #output .potentialEuro{grid-area:potentialEuro}}@media screen and (min-width:1400px){#threekubikcalc .threekubikcalc #output{box-sizing:border-box;margin:0 auto;width:1280px}#threekubikcalc .threekubikcalc #output *{font-size:var(--fontSizeB)}}