@font-face {
   font-family: 'cambium';
   src: url('https://localhost/toni_service/font/cambium.eot?2806883');
   src: url('https://localhost/toni_service/font/cambium.eot?2806883#iefix') format('embedded-opentype'), url('https://localhost/toni_service/font/cambium.woff?2806883') format('woff'), url('https://localhost/toni_service/font/cambium.ttf?2806883') format('truetype'), url('https://servicestage.genial-media.de/font/cambium.svg?2806883#cambium') format('svg');
   font-weight: normal;
   font-style: normal;
 }
        .clock {
        font-size: 18px;
        font-weight: bold;
        }
    #setendzeit {
        cursor:pointer;
    }
    #setans {
        cursor:pointer;
    }
    #setane {
        cursor:pointer;
    }
    #setabs {
        cursor:pointer;
    }
    #setabe {
        cursor:pointer;
    }
 .accordion button.btn.btn-link {
   color: #3a3a3a;
   font-weight: bold;
   font-size: 1rem;
 }
#quillEditor{
  height: 400px;
  max-height: 400px;
  overflow: auto;
}
 .accordion .card-header .rotate-arrow-icon i:before {
   transition: transform .2s;
   transform: rotate(0);
   display: inline-block;
 }
 .accordion .card-header .rotate-arrow-icon.collapsed i:before {
   transform: rotate(-90deg);
   display: inline-block;
 }
 .accordion .accordion-card {
   background-color: transparent;
   box-shadow: none;
 }
 .accordion .accordion-card h5 a {
   text-align: left;
   width: 100%;
   border-radius: 0;
 }
 .demo-icon {
   font-family: "cambium";
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   opacity: .8;
   font-variant: normal;
   text-transform: none;
   line-height: 1em;
   margin-left: .2em;
   font-size: 120%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
 }
 html {
   width: 100%
 }
 body {
   overflow-x: hidden !important
 }
 body.show-spinner > main {
   overflow: hidden !important
 }
 body.show-spinner > * {
   opacity: 0
 }
 body.show-spinner::after {
   content: " ";
   display: inline-block;
   width: 30px;
   height: 30px;
   border: 2px solid rgba(0, 0, 0, .2);
   border-radius: 50%;
   border-top-color: rgba(0, 0, 0, .3);
   animation: spin 1s ease-in-out infinite;
   -webkit-animation: spin 1s ease-in-out infinite;
   left: calc(50% - 15px);
   top: calc(50% - 15px);
   position: fixed;
   z-index: 1
 }
 @keyframes spin {
   to {
     transform: rotate(360deg)
   }
 }
 @-webkit-keyframes spin {
   to {
     -webkit-transform: rotate(360deg)
   }
 }