/* All Device */
        
        @import url(margin.css);
        @import url(padding.css);
        @import url(color.css);
        @import url(border.css);
        @import url(button.css);
        @import url(forms.css);
        @import url(s.css);
        @import url(m.css);
        @import url(l2.css);
        @import url(xl.css);
        @import url(spinner.css);
        @media screen {
            /*********************************************/
            /* Allgemeine Styles */
            /*********************************************/
            *,
            *:before,
            * after {
                box-sizing: border-box;
            }
            * {
                margin: 0;
                padding: 0;
            }
            /*********************************************/
            /* html-Typ */
            /*********************************************/
            html {
                overflow-y: scroll;
            }
            /*********************************************/
            /* body-Typ */
            /*********************************************/
            body {
                font-family: "Calibri", "Arial", "Helvetica", "sans-serif";
                color: #000;
                background-color: black;
                /* background-color: white;*/
                margin: 0;
                padding: 0;
            }
            /*********************************************/
            /* Klasse footer */
            /*********************************************/
            footer {
                position: fixed;
                bottom: 1rem;
                height: 1rem;
                width: calc(100% - 25rem);
                margin-left: 11.5rem;
                margin-right: 13.5rem;
                margin-top: 0;
                margin-bottom: 0;
                background-color: black;
            }
            /*********************************************/
            /* Klasse footer */
            /*********************************************/
            .footer1 {
                position: relative;
                top: 1rem;
                background-color: #AD1700;
                height: 1rem;
                border-radius: 0 0 1rem 1rem;
                width: 100%;
            }
            /*********************************************/
            /* Klasse footer */
            /*********************************************/
            .footer2 {
                position: relative;
                top: -0.25rem;
                height: 1rem;
                border-radius: 0 0 1rem 1rem;
                background-color: rgb(0, 0, 0);
            }
            /*********************************************/
            /* Klasse Container */
            /*********************************************/
            .container {
                margin-left: auto;
                margin-right: auto;
            }
            /*********************************************/
            /* Klasse logo-header */
            /*********************************************/
            .logo-header {
                position: fixed;
                top: 0.25rem;
                left: 2rem;
                width: 6rem;
            }
            /*********************************************/
            /* Klasse hauptsitz */
            /*********************************************/
            .hauptsitz {
                color: white;
                position: fixed;
                top: 0.1rem;
                left: 6.5rem;
                width: 40rem;
            }
            /*********************************************/
            /* Klasse nutzer */
            /*********************************************/
            .nutzer {
                color: white;
                position: fixed;
                top: 0.1rem;
                right: 1rem;
                width: 20rem;
                text-align: right;
            }
            /*********************************************/
            /* Klasse nutzernavi */
            /*********************************************/
            .nutzernavi {
                display: flex;
                position: fixed;
                top: 1.7rem;
                right: 0rem;
            }
            /*********************************************/
            /* Klasse inhaltsbereich */
            /*********************************************/
            .inhaltsbereich {
                /*  position: fixed;*/
                margin-top: 5.2rem;
                margin-bottom: 0;
            }
            /*********************************************/
            /* first-top - Obere Headline */
            /*********************************************/
            .first-top {
                position: fixed;
                /*   background-color: rgb(113, 199, 0);*/
                background-color: #242b35;
                padding-top: 0.2rem;
                padding-left: 0.2rem;
                color: #fff;
                border-radius: 2.5rem 0 0 0;
                /*  border: solid 2px #005ce6;*/
                height: 2.5rem;
                top: 0;
                left: 0;
            }
            .nutzernavi {
                flex: 1 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
            }
            .nutzer {
                color: #fff;
            }
            /*********************************************/
            /* second-top */
            /*********************************************/
            .second-top {
                position: fixed;
                width: 100%;
                margin-top: 2.7rem;
                /* background-color: rgb(231, 133, 109);*/
                background-color: #242b35;
                /*  border: solid 2px #005ce6;*/
                align-items: center;
                border-radius: 0 0 0 12.5rem;
                height: 2.5rem;
                top: 0;
                left: 0;
            }
            /*********************************************/
            /* third-top */
            /*********************************************/
            .third-top {
                position: fixed;
                width: 100%;
                /* background-color: rgb(231, 133, 109);*/
                background-color: #242b35;
                /*   border: solid 2px #005ce6;*/
                border-top: none;
                border-bottom: none;
                align-items: center;
                border-radius: 2.5rem 0 0 0;
                height: 3.25rem;
                top: 3.95rem;
                left: 0;
            }
            .modulnavigation {
                display: flex;
                position: fixed;
                width: 50%;
                height: 1rem;
                padding-top: 0.2rem;
                justify-content: start;
                margin-left: 11rem;
                margin-top: 1.5rem;
            }
            .modultitel {
                position: fixed;
                color: #fff;
                flex: 0 0 35rem;
                text-align: end;
                padding-right: 1rem;
                display: flex;
                margin-left: 25rem;
                top: 1.7rem;
            }
            .suchfeld {
                display: flex;
                top: 1.7rem;
                left: 40rem;
                position: fixed;
                width: 20rem;
                height: 1.7rem;
                justify-content: start;
                align-self: center;
            }
            /*********************************************/
            /* rightside */
            /*********************************************/
            .rightside {
                position: fixed;
                top: 6.2rem;
                color: white;
                /* background-color: rgb(161, 170, 110);*/
                padding-left: 0.2rem;
                padding-right: 0.2rem;
                overflow: auto;
                margin-bottom: 2rem;
                border-radius: 1rem 0 0 1rem;
            }
            .rightside h3 {
                background-color: #242b35;
                height: 2rem;
                padding-top: 0.2rem;
                flex: 1 0 100%;
                /*  color: black;*/
                margin-bottom: 1rem;
                /*  border-bottom: solid 0.2rem rgba(112, 199, 0, 1);*/
                /*   font-size: 140%;*/
                font-weight: bold;
                /*  border: solid 2px #005ce6;*/
            }
            .rightside {
                font-size: 100%;
            }
            .rightside li:hover {
                cursor: pointer;
            }
            /*********************************************/
            /* leftside */
            /*********************************************/
            .leftside {
                position: fixed;
                top: 7.2rem;
                display: flex;
                flex-direction: column;
                /* color: black;*/
                /*  background-color:  rgb(165, 75, 33);*/
                /*  padding-left: 0.2rem;*/
                /* padding-right: 0.2rem;*/
                margin-bottom: 1rem;
            }
            .leftside h3 {
                flex: none;
                /*  color: black;*/
                font-weight: bold;
                /*   border-bottom: solid 0.2rem rgba(112, 199, 0, 1);*/
                height: 2rem;
                padding-top: .5rem;
            }
            .leftside li {
                background-color: #242b35;
                margin: 0.2rem 0 0.2rem 0;
                height: 2rem;
                text-align: right;
                /*  padding-top: 0.5rem;*/
                padding-right: 0.5rem;
                /*  color: black;*/
            }
            .leftside li:hover,
            .leftside button:hover {
                cursor: pointer;
            }
            .modulnavigation ul:hover,
            .modulnavigation img:hover,
            .suchfeld img:hover,
            #NutzerNavigation img:hover,
            #infobereich button:hover,
            #ausgabe button:hover {
                cursor: pointer;
            }
            .aktives {
                height: 4rem;
                background-color: #005ce6;
                width: 1rem;
                position: absolute;
                top: -50rem;
                left: 9.5rem;
            }
            .aktives1 {
                height: 1rem;
                background-color: black;
                ;
                width: 1rem;
                position: relative;
                top: 0rem;
                left: 0;
                border-radius: 0 0 1rem 0;
            }
            .aktives2 {
                height: 1rem;
                background-color: black;
                ;
                width: 1rem;
                position: relative;
                top: 2rem;
                left: 0;
                border-radius: 0 1rem 0 0;
            }
            /*********************************************/
            /* funktionsmenue */
            /*********************************************/
            .funktionsmenue {
                display: flex;
            }
            /*********************************************/
            /* bracket-left */
            /*********************************************/
            .bracket-left {
                position: fixed;
                top: 5.5rem;
                left: 10rem;
                background-color: #AD1700;
                height: calc(100% - 6.7rem);
                width: 1rem;
                border-radius: 1rem 0 0 1rem;
            }
            /*********************************************/
            /* bracket2-left */
            /*********************************************/
            .bracket2-left {
                position: fixed;
                top: 5.5rem;
                left: 10.25rem;
                background-color: black;
                height: calc(100% - 6.7rem);
                width: 1rem;
                border-radius: 1rem 0 0 1rem;
            }
            /*********************************************/
            /* bracket-right */
            /*********************************************/
            .bracket-right {
                position: fixed;
                top: 5.5rem;
                right: 12rem;
                background-color: #AD1700;
                height: calc(100% - 6.7rem);
                width: 1rem;
                border-radius: 0 1rem 1rem 0;
            }
            /*********************************************/
            /* bracket2-right */
            /*********************************************/
            .bracket2-right {
                position: fixed;
                top: 5.5rem;
                right: 12.25rem;
                background-color: black;
                height: calc(100% - 6.7rem);
                width: 1rem;
                border-radius: 0 1rem 1rem 0;
            }
            /*********************************************/
            /* inhalt */
            /*********************************************/
            .inhalt {
                display: flex;
            }
            /*********************************************/
            /* ausgabe */
            /*********************************************/
            .ausgabe {
                height: 100%;
                margin-top: 1.9rem;
                padding-top: 0.5rem;
                background-color: #242b35;
                border-radius: 1rem;
                border: solid #005ce6;
                ;
                min-height: calc(100vh - 9.2rem);
                margin-bottom: 2rem;
            }
            .ausgabe input[type="checkbox"] {
                height: 2rem;
            }
            /*********************************************/
            /* iframe */
            /*********************************************/
            .iframe {
                height: 90vh;
                width: 100%;
            }
            /*********************************************/
            /* Hamburger - Menü*/
            /*********************************************/
            .hamburger {
                position: fixed;
                right: 2.6rem;
                top: 2.6rem
            }
            .hamburger a {
                text-decoration: none;
                color: rgba(112, 199, 0, 1);
            }
            #aus,
            #an {
                position: fixed;
                margin-right: 2rem;
            }
            #aus {
                visibility: hidden;
            }
            .leftside {
                transition: all ease-in-out 0.5s;
            }
            #open:target .leftside {
                margin-left: 0;
            }
            #open:target #an {
                visibility: hidden;
            }
            #open:target #aus {
                visibility: visible;
            }
            /*********************************************/
            /*  Listen */
            /*********************************************/
            ul {
                list-style: none;
                display: inline-block;
            }
            /*********************************************/
            /*  Linie hr */
            /*********************************************/
            hr {
                background: #70C700;
                color: #70C700;
                height: 0.2rem;
                border: 0;
            }
            /*********************************************/
            /*  Linie class thinWhite */
            /*********************************************/
            .thinWhite {
                background: white;
                color: white;
                height: 1px;
                border: 0;
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
            }
            /*********************************************/
            /*  Auftragskarte */
            /*********************************************/
            .card a {
                text-decoration: none;
                color: black;
            }
            .card {
                background-color: rgb(255, 255, 255);
                margin: 0.2rem 0.2rem 0.5rem 0.2rem;
                min-height: 2rem;
            }
            .cardmenue {
                height: 0.0rem;
                padding: 0.0rem;
                opacity: 0;
            }
            .cardmenue:hover {
                transition: all ease 0.5s 0.5s;
                height: 1.6rem;
                opacity: 1;
            }
            .cardmenue a {
                height: 1px;
            }
            .cardmenueoff {
                transition: all ease 0.2s 0.2s;
                height: 0.0rem;
                padding: 0.0rem;
                opacity: 0;
            }
            .cardmenueon {
                transition: all ease 0.2s 0.2s;
                height: 2rem;
                opacity: 1;
            }
            /*********************************************/
            /*  Markierung für Termin und Etikett */
            /*********************************************/
            .card-termin {
                font-weight: bold;
                font-size: 1.5rem;
                color: rgb(255, 0, 0);
                height: 1.7rem;
                text-align: right;
                margin-top: -1.7rem;
                padding: 0rem;
            }
            .card-etikett {
                font-weight: bold;
                font-size: 1rem;
                color: rgb(0, 92, 230);
                height: 1.3rem;
                text-align: right;
                margin-top: -1.3em;
                padding-right: 1.3rem;
            }
            .card-reste {
                font-weight: bold;
                font-size: 1rem;
                color: rgb(0, 255, 0);
                height: 1.3rem;
                text-align: right;
                margin-top: -1.3em;
                padding-right: 2.6rem;
            }
            .liste-terminOff {
                visibility: hidden;
            }
            .liste-terminOn,
            .liste-terminOff {
                font-weight: bold;
                font-size: 1.5rem;
                color: rgb(255, 0, 0);
                display: inline-block;
                margin-right: 0.5rem;
            }
            .liste-etikettOff {
                visibility: hidden;
            }
            .liste-etikettOn,
            .liste-etikettOff {
                font-weight: bold;
                font-size: 1.5rem;
                color: rgb(0, 92, 230);
                display: inline-block;
                margin-right: 0.5rem;
            }

            .liste-resteOff {
                visibility: hidden;
            }
            .liste-resteOn,
            .liste-resteOff {
                font-weight: bold;
                font-size: 1.5rem;
                color: rgb(0, 255, 0);
                display: inline-block;
                margin-right: 0.5rem;
            }
            /*********************************************/
            /*  Sichbarkeit von Elementen */
            /*********************************************/
            .sichtbar {
                visibility: visible;
            }
            .unsichtbar {
                visibility: hidden;
            }
            /*********************************************/
            /*  Drop-Zone Auftragsbuch */
            /*********************************************/
            .dd-h {
                position: fixed;
                width: 75%;
                margin-top: -3.2rem;
                /* padding: 1rem;*/
                color: rgb(54, 54, 54);
            }
            .dd-zone {
                margin-top: -0.5rem;
                padding: 0.1rem;
                flex-wrap: nowrap;
            }
            .dd-zone h3 {
                text-align: center;
                padding-top: 0.1rem;
                padding-bottom: 0.3rem;
                margin: 0.2rem .2rem 1rem 0.2rem;
                font-size: smaller;
            }
            /*********************************************/
            /*  feste Position */
            /*********************************************/
            .stick {
                position: sticky;
                height: 1.5rem;
                top: 5.4rem;
                color: white;
                border-bottom: solid 1px #AD1700;
                ;
                /*border-bottom: solid 0.2rem rgba(112, 199, 0, 1);*/
            }
            /*********************************************/
            /*  modul */
            /*********************************************/
            .modul {
                /* position: sticky;*/
                height: 2.5rem;
                top: 5.4rem;
                /* color: black;
                background-color: rgb(231, 133, 109);*/
                color: white;
                /*  border: solid 2px #005ce6;*/
                background-color: #242b35;
                border-top: none;
                text-align: center;
                /*  box-shadow: 0px 0px 10px tomato inset;*/
                /*border-bottom: solid 0.2rem rgba(112, 199, 0, 1);*/
                /*  border-radius: 0rem;*/
            }
            /*********************************************/
            /*  info3h */
            /*********************************************/
            .info3h {
                /* position: sticky;*/
                height: 2.2rem;
                top: 5.4rem;
                color: white;
                /*  color: black;*/
                background-color: #242b35;
                text-align: center;
                border-radius: 1rem 0 0 0;
                /*border-bottom: solid 0.2rem rgba(112, 199, 0, 1);*/
                /* border-radius: 0rem;*/
            }
            /*********************************************/
            /*  definierte Weiten für Elemente */
            /*********************************************/
            .weite-1 {
                max-width: 11rem;
                min-width: 11rem;
            }
            .weite-2 {
                max-width: 28rem;
                min-width: 49%;
            }
            .weite-3 {
                max-width: 20rem;
                min-width: 30%;
            }
            /*********************************************/
            /*  allgemeiner Style für Links */
            /*********************************************/
            #infobereich a {
                text-decoration: none;
                color: white;
            }
            a {
                text-decoration: none;
                color: rgba(173, 23, 0, 1);
            }
            /*********************************************/
            /*  Rotes Blinken für überfällige Zahlungen */
            /*********************************************/
            @keyframes rot_blinken {
                0% {
                    background-color: rgba(173, 23, 0, 0);
                }
                50% {
                    background-color: rgba(173, 23, 0, 1);
                }
                100% {
                    background-color: rgba(173, 23, 0, 0);
                }
            }
            .blink_red {
                padding: 2px;
                border-radius: 0.5rem;
                animation-name: rot_blinken;
                animation-duration: 2s;
                animation-iteration-count: infinite;
            }
            .blink_red a {
                color: #fff;
            }
            /*********************************************/
            /*  Style für Meldungen */
            /*********************************************/
            .info {
                /*  display: flex;
                                    align-items: center;
                                    justify-content: center;*/
                position: fixed;
                top: 50%;
                margin-left: 25%;
            }
            .erfolg {
                position: fixed;
                top: 50%;
                left: auto;
                color: #70C700;
                text-align: center;
                font-size: 1.5rem;
                font-weight: bold;
                visibility: hidden;
                background-color: #FFF;
                max-width: 80%;
                padding: 1rem;
                border-style: solid;
                border-color: #70C700;
                border-width: 1px;
                border-radius: 0.5rem;
                box-shadow: 0.5rem 0.5rem 0.5rem #70C700;
            }
            .warnung {
                position: fixed;
                top: 50%;
                left: auto;
                color: #AD1700;
                text-align: center;
                font-size: 1.5rem;
                font-weight: bold;
                visibility: hidden;
                background-color: #FFF;
                max-width: 80%;
                padding: 1rem;
                border-style: solid;
                border-color: #AD1700;
                border-width: 1px;
                border-radius: 0.5rem;
                box-shadow: 0.5rem 0.5rem 0.5rem #AD1700;
            }
            .dialog {
                position: fixed;
                top: 50%;
                left: auto;
                color: #01728B;
                text-align: center;
                font-size: 1.5rem;
                font-weight: bold;
                visibility: hidden;
                background-color: #FFF;
                max-width: 80%;
                padding: 1rem;
                border-style: solid;
                border-color: #01728B;
                border-width: 1px;
                border-radius: 0.5rem;
                box-shadow: 0.5rem 0.5rem 0.5rem #01728B;
            }
            /*********************************************/
            /*  Style für Listen im Indexmenü */
            /*********************************************/
            .indexmenue ul {
                display: flex;
                flex: 1 0;
                margin: 15rem 0 0 0;
                list-style-type: none;
                justify-content: center;
            }
            .indexmenue li {
                margin: 0 1rem 0 0;
                text-align: center;
                color: #fff;
            }
            /*********************************************/
            /* Style für Icon */
            /*********************************************/
            .icon-xxs {
                height: 1.2rem;
                margin: 0.2rem;
            }
            .icon-xs {
                height: 1.5rem;
                margin: 0.2rem;
            }
            .icon-s {
                height: 1.6rem;
            }
            .icon-m {
                height: 2.5rem;
            }
            .icon-l {
                height: 3rem;
            }
            .icon-xl {
                height: 3.5rem;
            }
            .icon-big {
                height: 7rem;
            }
            .icon-logo {
                height: 2rem;
            }
            /*********************************************/
            /*  Justierung von Elementen  */
            /*********************************************/
            .jc-r {
                justify-content: flex-end;
            }
            .jc-l {
                justify-content: flex-start;
            }
            .jc-sb {
                justify-content: space-between;
            }
            .ai-c {
                align-items: center;
            }
            .txt-r {
                text-align: right;
            }
            .txt-c {
                text-align: center;
            }
            /*********************************************/
            /*  flex-direction  */
            /*********************************************/
            .fd-c {
                flex-direction: column;
            }
            .fd-r {
                flex-direction: row;
            }
            /*********************************************/
            /*  Textgestaltung  */
            /*********************************************/
            .fett {
                font-weight: bolder;
            }
            /*********************************************/
            /*  Tabelle cashflow  */
            /*********************************************/
            .cashflow {
                width: 100%;
                border-bottom: 1px solid #70C700;
            }
            .ausgabe .cashflow:nth-child(even) {
                background-color: lightgray;
            }
            .cashflow .col1 {
                width: 10%;
                text-align: start;
                padding-right: 1rem;
            }
            .cashflow .col2 {
                width: 45%;
                text-align: start;
                padding-right: 1rem;
            }
            .cashflow .col3 {
                width: 15%;
                text-align: end;
                padding-right: 1rem;
            }
            /*********************************************/
            /*  Bulleye  */
            /*********************************************/
            .bulleye {
                display: inline-block;
                min-width: 2rem;
                background-color: #ffdd00;
                padding: 0 0.2rem 0 0.2rem;
                color: black;
                border-radius: 1rem;
                text-align: center;
                font-weight: bolder;
                margin: 0 0.5rem 0 0.5rem;
            }
            /*********************************************/
            /*  Bulleye-red  */
            /*********************************************/
            .bulleye-red {
                display: inline-block;
                min-width: 2rem;
                background-color: #AD1700;
                padding: 0 0.2rem 0 0.2rem;
                color: white;
                border-radius: 1rem;
                text-align: center;
                font-weight: bolder;
                margin: 0 0.5rem 0 0.5rem;
            }
            /*********************************************/
            /*  Bulleye-green  */
            /*********************************************/
            .bulleye-green {
                display: inline-block;
                min-width: 2rem;
                background-color: rgba(112, 199, 0, 1);
                padding: 0 0.2rem 0 0.2rem;
                color: black;
                border-radius: 1rem;
                text-align: center;
                font-weight: bolder;
                margin: 0 0.5rem 0 0.5rem;
            }
            /*********************************************/
            /*  Bulleye-green  */
            /*********************************************/
            .bulleye-yellow {
                display: inline-block;
                min-width: 2rem;
                background-color: rgb(255, 187, 0);
                padding: 0 0.2rem 0 0.2rem;
                color: black;
                border-radius: 1rem;
                text-align: center;
                font-weight: bolder;
                margin: 0 0.5rem 0 0.5rem;
            }
            /*********************************************/
            /*  schaddowon  */
            /*********************************************/
            .shaddowon {
                /*  border: solid 2px white;
              /*  border-radius: 6px;*/
                /*outline: solid 1px white;*/
                box-shadow: 3px 3px 4px black;
            }
            /*********************************************/
            /*  schaddowoff  */
            /*********************************************/
            .shaddowoff {
                /*   border: none;
                /*  outline: none;*/
                box-shadow: none;
            }
            /*********************************************/
            /*  fokuson  */
            /*********************************************/
            .fokuson {
                border-color: #AD1700;
                background-color: rgb(253, 194, 127);
            }
            /*********************************************/
            /*  fokusoff  */
            /*********************************************/
            .fokusoff {
                border-color: #01728B;
                background-color: white;
            }
            /*********************************************/
            /*  Style für Eingabefelder */
            /*********************************************/
            input:required:invalid,
            input:focus:invalid,
            input:invalid {
                /*  border: solid 2px rgba(173, 23, 0, 1);*/
                background-color: rgba(173, 23, 0, 1);
                border: none;
                font-weight: bold;
            }
            input:required:valid,
            input:invalid {
                /*  border: solid 2px rgba(112, 199, 0, 1);*/
                border: none;
                background-color: rgba(112, 199, 0, 1);
                /* color: white;*/
                font-weight: bold;
            }
            select:required:invalid,
            input:focus:invalid,
            input:invalid {
                /*  border: solid 2px rgba(173, 23, 0, 1);
               /* background-color: rgba(173, 23, 0, 1);*/
                font-weight: bold;
                background-image: linear-gradient(rgba(173, 23, 0, 1), rgba(173, 23, 0, 1));
                background-repeat: no-repeat;
            }
            select:required:valid,
            input:invalid {
                /*   border: solid 2px rgba(112, 199, 0, 1);*/
                border: none;
                /*  background-color: rgba(112, 199, 0, 1);*/
                background-image: linear-gradient(rgba(112, 199, 0, 1), rgba(112, 199, 0, 1));
                font-weight: bold;
            }
            /*********************************************/
            /*  Style für Checkbox */
            /*********************************************/
            /*           
input[type="checkbox"]{
  /*  position: absolute;
    left: -15px;
}
input[type="checkbox"] + label {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 24px;
    line-height: 1.3;
  }
  
  input[type="checkbox"] + label:before {
    width: 60px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    content: "";
    margin-right: 15px;
    transition: background-color 0.5s linear;
  }
  
  input[type="checkbox"] + label:after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    content: "";
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
    position: absolute;
    left: 2px;
    top: 2px;
  }
  
  input[type="checkbox"]:checked + label:before {
    background-color: #2b8718;
  }
  
  input[type="checkbox"]:checked + label:after {
    margin: 0 0 0 30px;
  }*/
            /*********************************************/
            /*  Tiny-MCE */
            /*********************************************/
            .tiny {
                background-color: white;
            }
            .tinybody {
                background-color: white;
            }
            .tinycontent {
                margin-top: 3rem;
            }
            #darstellung {
                margin-top: 2rem;
                margin-bottom: 1rem;
            }
            .space {
                position: fixed;
                margin-top: 2rem;
                height: 1rem;
                background-color: white;
            }
            .tiny p {
                margin-bottom: 0.5rem;
            }
            .tiny h1,
            .tiny h2,
            .tiny h3,
            .tiny h4,
            .tiny h5,
            .tiny h6 {
                color: #01728B;
            }
            .tiny a {
                color: #01728B;
            }
            #breadcrumb {
                position: fixed;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
                border-bottom: 1px solid rgba(112, 199, 0, 1);
                margin-top: -0.1rem;
                background-color: white;
                width: 71.5%;
            }
            #breadcrumb a {
                color: #AD1700;
            }
            .breadnavi {
                color: white;
                height: auto;
                background-color: #01728B;
                background-color: rgb(0, 92, 230);
                margin: 0.2rem;
                padding: 0.3rem;
            }
            .tiny form {
                margin-top: 1rem;
            }
            .tiny article form {
                margin-top: 0rem;
            }
            /*********************************************/
            /*  Grid-System */
            /*********************************************/
            .row {
                display: flex;
                flex-direction: row;
            }
            .col {
                flex: 1 1;
            }
            .col-1 {
                flex: 1 0 8.33%;
            }
            .col-2 {
                flex: 2 0 16.66%;
            }
            .col-3 {
                flex: 3 0 25%;
            }
            .col-4 {
                flex: 4 0 33.33%;
            }
            .col-5 {
                flex: 5 0 41.66%;
            }
            .col-6 {
                flex: 6 0 50%;
            }
            .col-7 {
                flex: 7 0 58.33;
            }
            .col-8 {
                flex: 8 0 66.66%;
            }
            .col-9 {
                flex: 9 0 75%;
            }
            .col-10 {
                flex: 10 0 83.3%;
            }
            .col-11 {
                flex: 11 0 91.66%;
            }
            .col-12 {
                flex: 12 0 100%;
            }
            .col {
                flex: 1 1;
            }
            .colt-1 {
                flex: 0 0 8.33%;
            }
            .colt-2 {
                flex: 0 0 16.66%;
            }
            .colt-3 {
                flex: 0 0 25%;
            }
            .colt-4 {
                flex: 0 0 33.33%;
            }
            .colt-5 {
                flex: 0 0 41.66%;
            }
            .colt-6 {
                flex: 0 0 50%;
            }
            .colt-7 {
                flex: 0 0 58.33;
            }
            .colt-8 {
                flex: 0 0 66.66%;
            }
            .colt-9 {
                flex: 0 0 75%;
            }
            .colt-10 {
                flex: 0 0 83.3%;
            }
            .colt-11 {
                flex: 0 0 91.66%;
            }
            .colt-12 {
                flex: 0 0 100%;
            }
        }
        /* Ende All Device */