.scroll {
    overflow-y: scroll;
    max-height: 250px;
}

.comment_textarea {
    border: 1px solid grey; 
    border-radius: 6px; overflow-y: scroll; 
    min-width: 300px; 
    max-width: 300px;
    padding: 5px;
    height: 60px;
}


@media screen and (max-width: 780px) {
    .comment_textarea { 
        min-width: 120px; 
        max-width: 120px;
    }
    
    .mb-width-780 {
        margin-bottom: 10px;
    }
    
    .tc-width-780 {
        text-align: center;
    }
    
    .hide-780 {
        display:none;
    }
}

.scroll-2 {
    overflow-y: scroll;
    max-height: 350px;
}

.oke-titelzeile1 {
    color:white !important;
    font-variant: small-caps;
    font-family: 'Verdana', sans-serif;
    font-size: 1.7em;
    text-align: center;
}

.oke-header-left {
    color: blue !important;
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
}

.oke-admin-header-center {
    color: white !important;
    background-color: grey;
    text-align: center;
    font-weight: bold;
}

.oke-admin-header-left {
    color: white !important;
    background-color: grey;
    text-align: left;
    font-weight: bold;
}


.oke-textfeld-center {
    background-color: #b2f5f6 !important;
    color: blue;
    text-align: center;
    font-weight: bold;
}

.oke-textfeld-left {
    background-color: #b2f5f6 !important;
    color: blue;
    text-align: left;
}

.oke-benutzer-header {
    background-color: grey !important;
    color: white;
    font-weight: bold;
}

.oke-benutzer-zeilen {
    background-color: #f4ee86 !important;
    color: black;
    
}

@media screen and (max-width: 780px) {
    .kommentar-felder { display:block; }
}



/* ///
    Registrierung / Login
/// */
.auth-form-feld {
    background-color: #FF9;
}

.auth-form-btn {
    background-color: #90e2f7;
    color: black; 
    border-radius: 10px;
}

/*
 Chart
*/
.ccsp-area {
   width: 90%;
   height: 100%;
   display: inline-block;
   canvas {
     display: inline-block;
     background-color: #fff;
     max-width: 100%   !important;
     overflow: scroll;
   }
 }
 
 /*
  * Herz Icon
  */
.heart-container {
  display: inline-block;
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}