/* Allgemeines */
body { font-family:"Myriad Pro", "Fedra Sans Std", Arial; color:#FFF; font-size:18px; text-align:center; margin:0; padding:0; }
a:link { color:#FFF; text-decoration:none; }
a:visited { color:#FFF; text-decoration:none; }
a:hover { color:#525252; text-decoration:none; }
a:active { text-decoration:none; }
.roteSchrift { color:#941D1F; }
.row:after { content:""; display:table; clear:both; }
.text_master { width:90%; max-width: 1200px; margin:auto; }
.headline { font-size: 32px; }
.h1 { font-size: 45px; }
.subheadline { font-size: 22px; }
.desktop { display: block; }
.mobile { display: none; }
.bgcolor { background-color: #38A89C; }
.textcolor { color: #38A89C; }
.center { text-align: center; }
.floatleft { float: left; }
/**************/

/* Header */
#header { position: relative; padding-top:30px; padding-bottom: 30px; background-color: #38A89C; text-align: left; }
.menutext { margin-left: 40px; font-size: 15px; }
/**********/

/* Footer */
#footer { position: relative; padding-top:30px; padding-bottom: 30px; background-color: #38A89C; font-size: 16px; text-align: left; }
/**********/


/* Login */
#login_image_container { position: relative; padding-bottom: 300px; background-color: #525252; color: #FFF; text-align: left; background-image: url('../design/Background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: bottom; }
#login_content { position:relative; width:500px; max-width:90%; min-height:200px; margin:auto; padding-top:40px; padding-bottom:40px; color: #000; }

.login_field { width:94%; height:45px; border:1px solid #38A89C; border-radius:5px; background-color:transparent; padding-left:5%; margin-top:5px; margin-bottom:5px; color:#38A89C; font-size:18px; }
.login_field::placeholder { color:#38A89C; }
.login_field:-ms-input-placeholder { color:#38A89C; }
.login_field::-ms-input-placeholder { color:#38A89C; }
.login_field_onedig { width:8%; height:45px; border:1px solid #38A89C; border-radius:5px; background-color:transparent; text-align: center; margin-top:5px; margin-bottom:5px; color:#38A89C; font-size:18px; }
.login_submit { width:100%; height:45px; border:1px solid #38A89C; border-radius:5px; background-color:#38A89C; margin-top:5px; margin-bottom:5px; color:#FFF; font-size:18px; -webkit-appearance: none; }
.login_submit:hover { background-color:transparent; color:#38A89C; }
.login_submit:focus { outline: none; }

.drei_spalten { float:left; width:30%; margin:1.5%; margin-bottom: 0; }

#login_container1 { position: relative; padding-top:30px; padding-bottom: 30px; min-height:200px; font-size: 16px; }
#login_container2 { position: relative; min-height:400px; padding-top:30px; padding-bottom: 30px; background-color: #FFF; background-image: url('../design/LogoBackground.png'); background-size: cover; background-repeat: no-repeat; background-position: top; }

@media only screen and (max-width:576px) { 
    .drei_spalten {  width:95%; margin-bottom: 20px; }
}

@media only screen and (max-width:768px) { 
    .subheadline { font-size: 18px; }
}

@media only screen and (max-width:992px) { 
    .desktop { display: none; }
    .mobile { display: block; }
    .login_field_onedig { width:10%; }
}

@media only screen and (max-width:1200px) { 

}

/*********/

/* Portal */
#portal_content { position:relative; width:90%; max-width:1000px; min-height:200px; margin:auto; padding:20px; color: #000; }
#portal_content_stufe2 { position: relative; display: none; }
#portal_content_stufe3 { position: relative; display: none; }
#portal_content_stufe3 a:link { color:#000; text-decoration:none; }
#portal_content_stufe3 a:visited { color:#000; text-decoration:none; }
#portal_content_stufe3 a:hover { color:#525252; text-decoration:none; }
#portal_content_stufe4 { position: relative; display: none; }

#chat_container { position: relative; width:330px; height:650px; border:2px solid #38A89C; border-radius: 20px; margin:auto; overflow: hidden; }
#chat_verlauf { position:relative; width:100%; height:80%; color: #000; font-size: 12px; overflow: auto; text-align: left; background-color: #9BD3CD; }
#chat_verlauf::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
#chat_verlauf::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#chat_verlauf::-webkit-scrollbar-thumb { background-color: #555; }
.kaiser_chat_text { position: relative; word-wrap: break-word; overflow: hidden; margin-left:4%; margin-top:2%; margin-bottom:2%; background-color: #FFF; width:70%; padding:5px; border:1px solid #38A89C; border-radius: 10px; }
/* .kaiser_chat_text { position: relative; margin-left:4%; margin-top:2%; margin-bottom:2%; background-color: #FFF; width:60%; padding:5px; border:1px solid #38A89C; border-radius: 10px; } */
.kaiser_chat_signatur { color: #666; font-size: 8px; }
.kaiser_chat_text a:link { color:#000; }
.kaiser_chat_text a:visited { color:#000; }
.user_chat_text { position: relative; word-wrap: break-word; overflow: hidden; margin-left:22%; margin-top: 2%; margin-bottom:2%; background-color: #FFF; width:70%; padding:5px; border:1px solid #38A89C; border-radius: 10px; }
/* .user_chat_text { position: relative; margin-left:32%; margin-top: 2%; margin-bottom:2%; background-color: #FFF; width:60%; padding:5px; border:1px solid #38A89C; border-radius: 10px; } */
#kaiser_is_typing { display:none; }
#chat_text { position: relative; font-size:17px; -webkit-appearance: none; width:100%; height: 13%; resize: none; outline: none; overflow: auto; border:none; padding:2%; border-top: 1px solid #38A89C; border-radius: 0; }
/* #chat_text { position: relative; width:96%; height: 13%; resize: none; outline: none; overflow: auto; border:none; padding:2%; border-top: 1px solid #38A89C; } */
#chat_text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
#chat_text::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#chat_text::-webkit-scrollbar-thumb { background-color: #555; }
#chat_senden_button { position: relative; margin-top: -1%; border:none; width:100%; height:5%; -webkit-appearance: none; background-color:#38A89C; color:#FFF; font-size:17px; cursor: pointer; }
/* #chat_senden_button { position: relative; bottom:1%; border:none; width:100%; height:5%; background-color:#38A89C; color:#FFF; font-size:17px; cursor: pointer; } */
#chat_senden_button:hover { background-color:#9BD3CD; color: #38A89C;  }
/**********/