html { background-color: #fff; font-size: 16px; }
html, body { height: 100vh; }

body {
  /*   
  Berlin_baer: background-color: #fcfcff
  chatbot_content: background-color: #ffffff 
  */
  background-color: #ffffff;
}

.lvwa_berlin_logo {
    background-color: #fff;
    border: 0px dashed yellow;
    padding: 0 !important;
    margin: 0 !important;
    width: 120px;
    height: 50px;
    background-color: #666;
}

.lvwa_berlin_logo_img {
    width: 120px;
    height: 50px;
    border: 0px dotted #ff0000 !important; 
}

.navbar {
    width: 100%;
    background-color: #EEEEEE !important;
    border: 0px dashed blue;
    padding: 10px !important;
}

.navbar-item {
  border: 0px dotted red;
}


.textarea {
    font-size: 1.4rem;
    height: 100px;
    color: #333;
    border: 3px solid #eee;
    resize: none;
    background-color: #fff;
}

.textarea::placeholder {
    font-size: 1.4rem;
    font-weight: 700;
    color: #666;
}


.embedded_container {
    width: 75%;
}


/* Textfarbe Eingabefeld */
.input {
  font-size: 24px !important;
  color: #222;
}


.button {
    font-weight: 700;
    color: #333;
/*     background-color: #fff;
    border: 3px solid #eee; */
}


/* .section {
    border: 3px dotted green;
}

.chatbot_content {
    border: 3px dotted blue;
}
 */


.qr-code {
position: absolute;
top: 10%;
left: 18%;
display: none !important;
z-index: 100;
height: 128px;
width: 108px;
border: 1px dashed red !important;
}

.qr-code2 {
position: absolute;
top: 30%;
left: 85%;
display: none !important;
z-index: 100;
height: 128px;
width: 108px;
border: 1px dashed blue !important;
}

.qr-code3 {
position: absolute;
top: 50%;
left: 4% !important;
display: none !important;
z-index: 100;
height: 128px;
width: 108px;
border: 1px dashed green !important;
object-fit: contain;
}




/* ################################ BULMA ################################### */