/*
###################################################################################
  RoyalArt(R) Chatsoftware
  Entwicklungsstand: 15.02.2026 Version 2.1  RoyalArt - Agentur für Softwaregestaltung
  https://chat-software.eu
  https://newslettersystem.com
  https://royalart.de
  https://shopsoftware.com

  (c) Copyright by Dipl. Des. (FH) Sven Scholz - RoyalArt Agentur

  Copyrightvermerke duerfen NICHT entfernt werden!
  ------------------------------------------------------------------------
  Bei Verstoß gegen die Lizenzbedingungen kann die Lizenz jederzeit entzogen werden.
  Der Kaufpreises wird nicht erstattet. Wer gegen die Lizenzbedingungen verstoesst, muss
  mit einer Vertragsstrafe von 50.000 Euro je Einzeldelikt rechnen!
  ------------------------------------------------------------------------
  Dieses Programm ist eine Software von Dipl. Des. (FH) Sven Scholz, RoyalArt Agentur.
  Diese Software darf nicht veroeffentlicht, weitergeben und/oder modifizieren werden.
  Es gelten die Ihnen mitgeteilten Lizenzbestimmungen.
  Diese Software/Website ist eine Einzellizenz und für den Betrieb auf einem Speicherplatz
  (Webspace) berechtigt.
  Die Veroeffentlichung dieses Programms erfolgt OHNE IRGENDEINE GARANTIE, sogar ohne
  die implizite Garantie der MARKTREIFE oder der VERWENDBARKEIT FUER EINEN BESTIMMTEN ZWECK.

##################################################################################
  Copyrightvermerke duerfen NICHT entfernt werden!
*/
:root {
  --font-family: Century Gothic, sans-serif;
}
* { margin:0; padding:0; border:0; font-family:var(--font-family), arial, sans-serif; font-size:15px; color: #333333}

a { width: 100%; height:auto; position: relative; display: inline-block;text-decoration:none; }
.ib { display:inline-block; position:relative; vertical-align:top; }
.clear { clear:both; }
img { vertical-align:top; }
body { display:block !important; }
.cursor-pointer {cursor: pointer;}
/* ********** Farben *********************************************** */
a { color:#888888; }
 .button_blue { color:white; background-color: #018dca;} 
 .button_red { color:white; background-color: #930102;} 

#title { background-color:#eeeeee; }
#menu { background-color:#f1f1f1; }
#menu ul.menu_sub  { background-color:#ffffff; }
#menu .menu_sub li { background-color:#ffffff; }
#menu li.menu_subitem.active a { background-color:#f3f3f3 !important; }
#menu .menu_subitem a:hover { background-color:#e8e8e8 !important; }

#content .maincontent { position:relative; min-height:calc(100vh - 874px); }
.button_blue, .button_red, .button{ position:absolute;left:calc(50% - 58px); bottom: 15px; border-radius: 25px; width:116px; height:30px; line-height:22px; text-align:center;  cursor: pointer; }

input[type="text"], input[type="password"] { height:32px; display:inline-block; vertical-align:top;
        border:1px solid #cccccc; padding:0 10px; border-radius:3px;
        box-shadow: inset 1px 2px 4px 1px rgba(0, 0, 0, 0.10); box-sizing:border-box; cursor:pointer; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover { box-shadow: inset 1px 2px 4px 1px rgba(0, 0, 0, 0.15); }
textarea { width:100%; border-width:1px; border-style:solid; border-radius:4px; padding:10px; box-sizing:border-box; }
/* Reset Password */
.reset_body { margin-top: 250px; width:100%; max-width:100%;}
.reset_wrapper { position: relative; margin:auto; width:350px; height: 300px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px; border: 1px solid;}
.reset_container {position:relative; height: calc(100% - 40px); background-color: #f1f1f1; margin-top:10px; padding:15px}
.reset_title {text-align: center; font-size: 20px;}

/* admin setting */
.admin_background { background-image: url(../img/background_picture.jpg); background-repeat: no-repeat;background-attachment: fixed; background-size: cover }
.admin_body { margin-top: 150px; width:100%; max-width:100%; }
.admin_home_wrapper { position: relative; margin:auto; width:1100px; height:565px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px}
.admin_home_wrapper input[type="checkbox"].custom-checkbox {display:none; }
.admin_home_wrapper input[type="checkbox"].custom-checkbox + label:before  { display:inline-block; content:'\f0c8'; font-family:'Font Awesome 5 Free'; margin-right:5px; font-size:16px; cursor:pointer; font-weight:normal; }
.admin_home_wrapper input[type="checkbox"].custom-checkbox:checked + label:before  { content:'\f14a'; }

.admin_home_wrapper .chat_enter_check {display:flex; position:absolute; left:10px; bottom: 20px; text-align:center;}
.admin_home_wrapper #chat_send_per_enter {position:absolute; left:calc(50% - 100px);width: 200px;  bottom: 21px; text-align:center; }
.admin_home_wrapper .admin_status_wrapper {padding:10px 10px 0 10px; box-sizing: border-box ;}
.admin_setting_wrapper { position: relative; margin:auto; width:1100px; min-height:720px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px}
.admin_wrapper { position: relative; margin:auto; width:375px; height: 540px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px}
.admin_container {position:relative; height: calc(100% - 90px); background-color: #f1f1f1; margin-top:10px; padding:15px}
.admin_chat_container { position:relative; background-color: #f1f1f1; max-height: 470px; margin-top:10px; padding:5px}
.admin_chat_container-1 { position:relative; background-color: #f1f1f1; height: 395px; margin-top:10px; padding: 5px 10px 5px 10px;}
.admin-menu-title { font-weight: bold; position:relative; margin-left:10px; float:left;height: 50px;line-height: 50px; white-space: nowrap; z-index:30}
.admin-subtitle { float:left; font-weight:bold; padding-bottom:5px}
.admin_body textarea {width:100% }

.chat_header{ float:left; margin: 10px 0 10px 0; width:100%}
.chat_area { width:100%; height:200px; overflow-y:scroll; word-wrap: break-word; background-color: white; box-sizing: border-box; padding-top:3px}
.admin_chat_container-1 .chat_area { width:100%; height:240px; overflow-y:scroll; word-wrap: break-word; background-color: white; box-sizing: border-box; padding-top:3px; white-space: pre; white-space: pre-line;}
.admin_chat_container-1 .chat_input {line-height: 1.5em; box-sizing: border-box; padding-left:5px; resize:none; margin-top:5px; height:60px}
.admin_chat_container ul { white-space: nowrap; list-style-type:none; overflow-y:hidden; }
.admin_chat_container li {  display:inline-block; margin: 2px 8px 2px 8px;}
.admin_chat_container li a { display: block; border:2px solid white; text-decoration: none; text-align: center; padding:5px }
.chatbot-textarea {padding:5px 0px 0px 10px; border:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; resize:none; box-sizing: border-box;}
.li-active { background-color:#018dca; color:white;}
.li-unread { background-color:#930102; color:white;}
.d-flex{ display:flex; align-items: center; padding-bottom:3px; }
.d-none { display: none !important; }
.pointer {cursor: pointer;}
.width100 {width:100%}

.pos_relative {position: relative;}
.pos_absolute {position: absolute !important;}
.pos_fixed {position: fixed !important;}
.pos_sticky {position: sticky !important;}
.col50{flex:50%;}

.col30{flex:30%;}
.col70{flex:70%;}
.col100{flex:100%;}
.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}

.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.mb-1 {margin-bottom: 1px}
.mb-5 {margin-bottom: 5px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}

.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}

.hide { display:none }
.show { display:block }
.float-right{ float:right}
.float-left{ float:left}

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.werbebanner {display:flex; align-items:center; margin: 0 auto; max-width: 100%; width:100%; }
.reset-password-message {text-align:center;}
.forgot-password-message {text-align:center; color:green; font-size:13px}

.footer-link-home {display:flex; width: 1100px; max-width: 100%; margin: 0 auto; padding: 3px 0 3px 0;}
.footer-link-home a {color:#000000; font-size:11px}
.footer-link-home .left-link {text-align: left; } 
.footer-link-home .right-link {text-align: right; }

.footer-link {display:flex; width: 375px; max-width: 100%; margin: 0 auto; padding: 3px 0 3px 0;}
.footer-link a {color:#000000; font-size:11px}
.footer-link .left-link {text-align: left; } 
.footer-link .right-link {text-align: right; }


.text-default, #chat_area .admin_text_default, .bot_answer_wrapper {color: #aaaaaa}
.text-black {color: #000000}
.chat_item {padding-bottom : 0.5em; padding-left:5px; white-space:pre-wrap; display: block;}
.chat_area p, .chat_area h2, .chat_area h1 {padding-left:5px}
.chat_item a{ display: inline; color: blue; text-decoration: underline;}
.chat_input {line-height: 1.5em; box-sizing: border-box; padding-left:5px; resize:none}

.icon-papierkorb{ width: 15px; height:15px;}
/* Setting  */
#setting_form .text-right {float:right;padding-right: 10px;}
#setting_form .text-heading {font-size: 15px; font-weight: bold;}
#setting_form input[type="text"], input[type="password"]{ width:100%}
#setting_form .pw_eye{  position:relative; float:right; margin-right:7px; margin-top:-22px; ; z-index:20}
#setting_form .email_label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#setting_form .check { display: inline-block; width: 20px; }
#setting_form input[type="checkbox"].custom-checkbox {display:none; }
#setting_form input[type="checkbox"].custom-checkbox + label:before  { display:inline-block; content:'\f0c8'; font-family:'Font Awesome 5 Free'; margin-right:5px; font-size:16px; cursor:pointer; font-weight:normal; }
#setting_form input[type="checkbox"].custom-checkbox:checked + label:before  { content:'\f14a'; }
#setting_form .selectbox30 { display: inline-block !important; position: relative !important; line-height: 30px !important; ; height: 30px !important; border-radius: 4px; box-sizing: border-box !important; background-color: #ffffff; vertical-align: top; border: 1px solid #cccccc; max-width:100; width:100%; padding-left:5px}
#setting_form .selectbox30::before { content: ''; position: absolute; right: 1px; top: 1px; width: 24px; height: 26px; pointer-events: none; display: block; background-color: #ffffff; z-index: 11; line-height: 30px !important; }
#setting_form .selectbox30::after { content: '\f0d7'; position: absolute; right: 0; top: 4px; width: 20px; height: 22px; line-height: 20px; font-size: 18px; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; pointer-events: none; z-index: 12; color: #888888;border-left: 1px solid #cccccc; }
#setting_form .divider { border-top:10px solid white; width:100%; display:block;position:absolute; left:0;  }
#setting_form .setting_div { display: flex; }
#setting_form .setting_div_chatwidget { flex:50%; margin-left:20px; margin: -15px 0 -15px 20px; border-left: 10px solid #ffffff; padding: 15px 0 15px 20px}
#setting_form .setting_div_bottom { flex:50%; margin-right:20px}
#setting_form .setting_div_bottom_right { flex:50%; }
#setting_form .chatwidget_html_textarea { padding:5px 0px 0px 10px; border:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; resize:none; box-sizing: border-box;}
#setting_form .setting_login {position: relative; height: 150px;}
/* #setting_form .d-flex {padding-bottom:8px} */
#setting_form .button_setting_right {right:0; left:unset; top:-6px; bottom:unset}


/* ******************** Login ************************ */
.login_htmlbody { 
  background-image: url(../img/bg_white.png), url(../img/bg_login.jpg);
  background-repeat: no-repeat, repeat;
  background-position: 50% 55% , left top;
  background-attachment: fixed, fixed; 
  background-clip: content-box, border-box;
}
.login_body { position:absolute; top:50%; margin-top:-150px; width:100%; max-width:100%;}
.login_wrapper { position:relative; margin:auto; width:470px; max-width:100%; padding:0 10px; box-sizing:border-box; }
.login_wrapper input[type="text"], .login_wrapper input[type="password"] { display:inline-block; vertical-align:top; width:calc(100% - 2px); height:48px; border:1px solid #cccccc; padding:0 10px; box-sizing:border-box; }
.login_logo { margin:0 auto; position:relative; width:380px; max-width:100%; height:150px; background-image:url(../img/logo.png); background-position: center; background-size: 100%; background-repeat:no-repeat; padding-bottom: 20px }
.login_input { position:relative; margin-top:10px; width:450px; max-width:100%; height:50px; white-space: nowrap; }
.login_email { width:48.5%; margin-right:3%; }
.login_pass { width:48.5%;}
.login_ok { position:relative; width:100%; height:50px; line-height:50px; text-align:center; margin-top:20px; color:#ffffff; background-color:#000000; cursor:pointer;}
.login_err { position: absolute; top: -33px; text-align: center; left: 0; right: 0; color:#cc0000; border: 1px solid red; padding: 5px 0; }
.login_forgot_pass { position:relative; text-align:center; padding:22px 0px 2px 0px; font-size:13px; cursor: pointer;}

/* ******************** Menü ************************ */

#menu { position:relative; text-align:center; height:50px; padding:0 5px; z-index:20; }
#menu .element_wrapper { width:100%; max-width:100%;}

#menu li.menu_item { cursor:pointer; }
#menu a { cursor:pointer; }
#menu ul.menu_main { float:right}
#menu li.menu_item { display:inline-block; position:relative; padding:5px; height:50px; line-height:50px;  text-align:center; }
#menu li.menu_item:first-child { padding:0 8px; }
#menu li.menu_item a { font-size:20px; }
#menu li.menu_item span { font-size:20px; }

#menu .home { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon2.png); background-image:url(../img/Icon2.png); background-size: 100% 100%; }
#menu .home:hover { background-image:url(../img/Icon2_ovr.png); }
#menu .home a { height:100%;}
#menu .home-active { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon2_ovr.png); background-image:url(../img/Icon2_ovr.png); background-size: 100% 100%; }

#menu .chatbot { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon3.png); background-image:url(../img/Icon3.png); background-size: 100% 100%;}
#menu .chatbot:hover { background-image:url(../img/Icon3_ovr.png); }
#menu .chatbot a { height:100%;}
#menu .chatbot-active { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon3_ovr.png); background-image:url(../img/Icon3_ovr.png); background-size: 100% 100%; }

#menu .delete { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon4.png); background-image:url(../img/Icon4.png); background-size: 100% 100%;}
#menu .delete:hover { background-image:url(../img/Icon4_ovr.png); }
#menu .delete a { height:100%;}
#menu .delete-active { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon4_ovr.png); background-image:url(../img/Icon4_ovr.png); background-size: 100% 100%; }

#menu .setting { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon5.png); background-image:url(../img/Icon5.png); background-size: 100% 100%;}
#menu .setting:hover { background-image:url(../img/Icon5_ovr.png); }
#menu .setting a { height:100%;}
#menu .setting-active { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon5_ovr.png); background-image:url(../img/Icon5_ovr.png); background-size: 100% 100%; }

#menu .logout { display:inline-block; width:25px; height:25px; background-image:url(../img/Icon6.png); background-image:url(../img/Icon6.png); background-size: 100% 100%;}
#menu .logout:hover { background-image:url(../img/Icon6_ovr.png); }
#menu .logout a { height:100%;}

#menu .active {color : #018dca;}
#menu .admin-menu-title a { width: unset; padding: 0 5px; box-sizing: border-box;}
.hide_mobile {display: inline-block; }
.show_mobile {display: none; }
.buttons_top_right {
  position: absolute;
  top:0;
  right: 10px;
}

.admin_background.answer_list .footer-link-home {width: 1100px;}
.admin_background.category_list .footer-link-home {width: 1100px;}
/* Adjust css style for smaller screen */

@media screen and (max-width: 800px) {
  #setting_form .setting_div { display: block;}
  #setting_form .setting_div_chatwidget { border-left: none; margin-left:0; margin-right: 0; padding-left: 0; padding-right: 0; margin-top:15px; margin-bottom: 15px;}
  .delete_wrapper.delete_wrapper_bottom { border-bottom: 10px solid #ffffff}

}
@media screen and (max-width: 512px) {
  #menu {height:40px}
  #menu li.menu_item { height:40px; line-height:40px;}
  .admin_body { margin-top: 30px; }
  .admin-menu-title {height: 40px; line-height: 40px;}
  .admin_home_wrapper {width:375px;}
  .admin_wrapper {width: 375px;}
  .admin_setting_wrapper {width:375px; min-height: 830px}
  .admin_container {height: calc(100% - 80px);}
  .admin_chat_container-1 {height: 385px}
  .footer-link-home {width: 375px;}
  .footer-link {width: 375px;}
  #setting_form .setting_div { display: block;}
  #setting_form .setting_div_chatwidget { display:block; margin-left:0px}
  #setting_form .setting_div_bottom {  display: block; margin-right: 0px;}
  #setting_form .setting_div_bottom_right {display: none;  }
  .hide_mobile {display: none; }
  .show_mobile {display: inline-block; }
  
}

@media screen and (max-width: 400px) {
  #content_top {height: 75px !important;}
}
.minicolors{ height:26px !important; width:100px !important;  margin-right:3px; }
.minicolors-theme-default.minicolors-position-right .minicolors-input {padding-left:10px}
.minicolors-theme-default .minicolors-swatch { top: 0; left: 0; width: 25px; height: 25px;margin:0 ;padding:0 }
.minicolors-theme-default .minicolors-swatch-color {width: 25px; height:25px; margin:0 ;padding:0}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto;  right: 0; }
.minicolors-theme-default.minicolors { vertical-align:top; }
.minicolors-theme-default.minicolors { width:100%; }

/* Chatwidget */
#chatwidget { border-radius:25px 25px 0 0; width: 346px; box-shadow: 0px 14px 12px -12px rgba(0, 0, 0, 0.5); color: #000000; background-color: #f7f7f7;}
#chatwidget_container{ margin-top:15; height: 346px; padding: 20px 20px 20px 20px; position:relative; }
#chatwidget input, textarea{ margin: 0 0 10px 0;  width: 100%; border: 1px solid rgba(0, 0, 0, 0.6);}
#chatwidget_title img{ width:30px; height:30px; padding-right:15px; }
#chatwidget_greeting_text { padding: 10px 0 10px 0; white-space: pre; white-space: pre-line;}
#chatwidget .email { width:25px; padding-left:10px; flex-grow: 1;}
#chatwidget .whatsapp { width: 25px; flex-grow: 1;}
#chatwidget .telefon { text-align:right; line-height:25px;height:25px; font-size: 16px;  flex-grow: 1;}
#chatwidget .frage {line-height: 1.5em; box-sizing: border-box;margin-bottom: 2px; padding:5px 0 0 10px; resize:none; height:75px; max-height:75px}
#chatwidget .privacy {font-size:13px; display:block; line-height:2px; position: relative}
#chatwidget .privacy_checkbox {width:13px; height: 13px; vertical-align:text-top; border:none; border:1.5px solid rgba(0,0,0,0.5); border-radius: 3px;}
.privacy_checkbox:not(:checked){ border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#chatwidget .privacy_link {display:inline; text-decoration:underline; font-size:13px; color:#333333}
#chatwidget .backlink {text-align: right; position:absolute; bottom:1px; left:-7px ; font-size:12px; color: #888888}
#chatwidget_chat_input {height: 70px; margin-top: 10px}
#chatwidget_body {  word-wrap: break-word;}
#chatwidget #chatwidget_send_per_enter {text-align: center;}
.delete_wrapper { margin-top:10px; padding-top: 10px;text-align:center; background-color:#f1f1f1; padding-bottom: 20px; margin: 0 -20px 0 -15px; padding:0 20px 0 15px; border-top: 10px solid #ffffff}

.delete_container { position:relative; height:88px; padding-top: 10px }
.delete_container .button_blue { position:static; text-align: center; margin-top:10px}
.delete_container .button_disabled { opacity: 0.65; cursor: not-allowed;}
#chatbot_form .chatbot_title_text {font-weight:bold; padding-bottom:5px; padding-left:2px;}
#chatbot_form .chatbot_label_text { padding-bottom:5px; padding-left:10px;}

#chatbot_form .chatbot_container {display: flex; gap:15px; margin-top: 10px;}
#chatbot_form .chatbot_container input[type="radio"] {margin-left: 10px;}
#chatbot_form .left_container,
#chatbot_form .center_container,
#chatbot_form .right_container { flex-grow: 1; display: inline-block}
#chatbot_form .button_container { display: block; position: relative; height: 40px; top:10px}
@media (max-width:1000px) {
   .chatbot_form { overflow:auto; }
}

@media (max-width:800px) {
  #chatbot_form .left_container,
  #chatbot_form .right_container { width: 100%}
  #chatbot_form .chatbot_container {flex-direction: column;}
}

/* add additional styling for firefox */
@-moz-document url-prefix() {
   #chatwidget_greeting_text{
    font-size: 14px;
  }
  #chatwidget .privacy { margin-top: 2px;}
  #chatbot_form textarea {height: 95px}
}

#best_titel {  }
#best_titel .text_icon { display: inline-block; max-width: 100%; position: relative; box-sizing: border-box; padding: 0 18px 0 0; position: relative; vertical-align: top; }
#best_titel .sort_icon {display: inline-block; position: absolute; right: 0; top: 0;vertical-align: top; line-height: 30px; width: 15px; }

#bestell_liste { position: relative; }
.best_list_left { position:absolute; top:0; left:0; width:75px; padding-left:10px; min-height:1px; }
.best_list_right { position:relative; width:100%; padding-left:85px; box-sizing:border-box; min-height:1px; }
.has_pdf { line-height: 30px; height:32px; background-size:24px 24px; background-repeat:no-repeat; background-position:center; }
.xml_icon { width: 32px; text-align: center; line-height: 30px; height:32px; background-size:24px 24px; background-repeat:no-repeat; background-position:center; display:inline-block}
.no_pdf { cursor:pointer; font-size:12px; }
#bestell_liste .list_edit a { width: 100%; height: 100%; position: absolute; display: inline-block; top: 0; left: 0; }

.list_col span { position:relative; }
.admin_answer_list_wrapper { position: relative; margin:auto; width:1100px; min-height:300px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px}
.admin_category_list_wrapper { position: relative; margin:auto; width:1100px; min-height:300px; max-width:100%; padding:0 10px; box-sizing:border-box; background-color: white; padding:10px}


/* answer list page */
#answer_liste {  }
#answer_liste #content_top { position:relative; height: 32px; width:100%; box-sizing:border-box; padding:0 10px; margin:15px 0; }
#answer_liste .answer_suche { position:absolute; left:50%; bottom:1px; margin-left:-100px; }
#answer_liste .answer_suche input { width:168px; padding-right:35px; border-radius:15px; }
#answer_liste .answer_suche div { position:absolute; right:3px; top:1px; padding:6px; font-size:16px; cursor:pointer; }
#answer_liste #find_reset { position:absolute; display:none; top:0; right:-40px; width:20px; height:20px; font-size:20px; }
#answer_liste .buttons_top_right { position:absolute; right:10px; text-align:right; }

#answer_liste #pager_oben { position:relative; width:100%; box-sizing:border-box; padding:0 10px; margin-top:10px; }
#answer_liste #pager_oben hr { border-bottom:1px dotted; margin-top:10px; }
#answer_liste #pager_unten { position:relative; min-height:32px; width:100%; box-sizing:border-box; padding:0 10px; margin:10px 0; }

#answer_liste .mobile_slide { width:100%; }
#answer_liste #listcontent { width:100%; box-sizing:border-box; overflow:hidden; }

.answer_list_left { position:absolute; top:0;  left:0; width:50px; box-sizing:border-box; padding-left:5px; z-index: 1; }
.answer_list_left .list_edit { position: relative; line-height: inherit; }
.answer_list_left .list_edit a { width: 100%; height: 100%; position: absolute; display: inline-block; top: 0; left: 0; }
#answer_liste .answer_sort {text-align:right}
/* Ohne Modul Bestellung-Front */
/* .answer_list_right { position:relative; padding:0 75px 0 80px; } */
/*.answer_list_extra { position:absolute; top:0; right:0; width:75px; } */
.answer_list_right { position:relative; padding:0 107px 0 55px; }
.answer_list_extra { position:absolute; top:0; right:0; width:107px; }
/* Mit Modul Bestellung-Front */
.answer_list_right_front { position:relative; padding:0 107px 0 80px; }
.answer_list_extra_front { position:absolute; top:0; right:0; width:107px; }
.answer_list .chatwidget_type_radio {margin-bottom: 10px;}

.answer_list1 { width:13%; }     /* Sortierung */
.answer_list2 { width:38%; }    /* Kategorie */
.answer_list3 { width:48%; }    /* Titel */
@media (max-width:1000px) {
   .mobile_slide { overflow:auto; }
}

.mobile_slide_inner { min-width:500px; }
@media (max-width:800px) {
   .answer_list1 { width:20%; }     /* Sortierung */
   .answer_list2 { width:35%; }
   .answer_list3 { width:45% }
}

@media (max-width:500px) {
   .answer_list1 { width:30%; }  
   .answer_list2 { width:35%; }
   .answer_list3 { width:35% }
}



/* answer list page */
#category_liste {  }
#category_liste #content_top { position:relative; height: 32px; width:100%; box-sizing:border-box; padding:0 10px; margin:15px 0; }
#category_liste .category_suche { position:absolute; left:50%; bottom:1px; margin-left:-100px; }
#category_liste .category_suche input { width:168px; padding-right:35px; border-radius:15px; }
#category_liste .category_suche div { position:absolute; right:3px; top:1px; padding:6px; font-size:16px; cursor:pointer; }
#category_liste #find_reset { position:absolute; display:none; top:0; right:-40px; width:20px; height:20px; font-size:20px; }
#category_liste .buttons_top_right { position:absolute; right:10px; text-align:right; }

#category_liste #pager_oben { position:relative; width:100%; box-sizing:border-box; padding:0 10px; margin-top:10px; }
#category_liste #pager_oben hr { border-bottom:1px dotted; margin-top:10px; }
#category_liste #pager_unten { position:relative; min-height:32px; width:100%; box-sizing:border-box; padding:0 10px; margin:10px 0; }

#category_liste .mobile_slide { width:100%; }
#category_liste #listcontent { width:100%; box-sizing:border-box; overflow:hidden; }

.category_list_left { position:absolute; top:0;  left:0; width:50px; box-sizing:border-box; padding-left:5px; z-index: 1; }
.category_list_left .list_edit { position: relative; line-height: inherit; }
.category_list_left .list_edit a { width: 100%; height: 100%; position: absolute; display: inline-block; top: 0; left: 0; }
#category_liste .category_sort {text-align:right}
/* Ohne Modul Bestellung-Front */
/* .category_list_right { position:relative; padding:0 75px 0 80px; } */
/*.category_list_extra { position:absolute; top:0; right:0; width:75px; } */
.category_list_right { position:relative; padding:0 107px 0 55px; }
.category_list_extra { position:absolute; top:0; right:0; width:107px; }
/* Mit Modul Bestellung-Front */
.category_list_right_front { position:relative; padding:0 107px 0 80px; }
.category_list_extra_front { position:absolute; top:0; right:0; width:107px; }

.category_list1 { width:20%; }     /* Sortierung */
.category_list2 { width:35%; }    /* Kategorie */
.category_list3 { width:45%; }    /* Titel */
#multibox #popup_category .popup_zeile_left { width: 115px;}
#multibox #popup_category .popup_zeile_right { padding-left: 115px;}

@media (max-width:800px) {
   .category_list1 { width:25%; }     /* Sortierung */
   .category_list2 { width:35%; }
   .category_list3 { width:40% }
}

@media (max-width:500px) {
   .category_list1 { width:30%; }  
   .category_list2 { width:35%; }
   .category_list3 { width:35% }
}


/* ******************* Listen */
.list_title { position:relative; height:34px; line-height:34px; margin-top:10px; padding-bottom:5px; }
.list_title .list_col, .list_line .list_col { position:relative; height:34px; line-height:34px; padding:0 5px; box-sizing:border-box; min-height:1px; float:left; }
.list_title .list_text { display:inline-block; position:relative; box-sizing:border-box; max-width:100%; padding:0 20px 0 0; }
.list_title .list_icon { display:inline-block; position:absolute; top:0; right:0; font-size:16px; height:30px; line-height:30px; }

.list_line { position:relative; min-height: 34px; line-height:34px;}
.list_line { background-color:#ffffff; border-bottom: 1px dashed #cfcfcf; }
.list_line:nth-child(odd) { background-color:#f8f8f8; }
.list_title { border-bottom: 1px dashed #cfcfcf; }
.color_red, .list_title .fa-sort-up, .fa-sort-down { color:#cc0000; cursor:pointer; }
.list_title .fa-sort { color:#cccccc; cursor:pointer; }

.button_ci       { display:inline-block; position:relative; vertical-align:top; height:32px; border-radius:32px; line-height:32px; text-align:center; padding:0 20px; min-width:60px; box-sizing:border-box; cursor:pointer; }
#multibox .button       { display:inline-block; position:relative; vertical-align:top; height:32px; border-radius:32px; line-height:32px; text-align:center; padding:0 20px; min-width:60px; box-sizing:border-box;  cursor:pointer; }
.mb_button_correction {left:unset; bottom:unset}
.button_ci_round, .button_upload, .button_upload_big { display:inline-block; position:relative; height:32px; width:32px; border-radius:32px; line-height:32px; text-align:center; box-sizing:border-box;  cursor:pointer; }
.button_round, .button_delete    { display:inline-block; position:relative; height:32px; width:32px; border-radius:32px; line-height:32px; text-align:center; box-sizing:border-box;  cursor:pointer; }
.button_upload_big_hover { display:inline-block; position:relative; height:32px; width:32px; border-radius:32px; line-height:32px; text-align:center; box-sizing:border-box; cursor:pointer; }
#multibox .button:after, .button_border:after, #multibox2 .button:after, #multibox3 .button:after, .button_border:after { content:''; position:absolute; bottom:0; left:0; right:0; height:30px; border:1px solid #aaaaaa; border-radius:15px; }
.button_upload_big:before       { content: "\f0d8"; font-family: 'Font Awesome 5 Free'; font-weight:900; font-size:22px; display:inline-block; position:relative; }
.button_upload_big_hover:before { content: "\f0d8"; font-family: 'Font Awesome 5 Free'; font-weight:900; font-size:22px; display:inline-block; position:relative; }
.upload_button { display:inline-block;width:20px; height:20px; vertical-align:top; background-size:40px 20px; background-position:0 0; }
.download_button { display:inline-block;width:20px; height:20px; vertical-align:top; background-size:40px 20px; background-position:-20px 0; }
.button_delete:before { content:"\f2ed"; font-family: 'Font Awesome 5 Free'; font-weight:400; font-size:16px; }
.button_red:after { content:''; position:absolute; bottom:0; left:0; right:0; height:30px; border:1px solid #ee0000; border-radius:15px; }
.button_top:after { content:''; position:absolute; bottom:0; left:0; right:0; height:30px; border:1px solid #aaaaaa; border-radius:15px; pointer-events:none; }
.button_orange   { display:inline-block; position:relative; height:32px; border-radius:32px; line-height:32px; text-align:center; padding:0 20px; min-width:60px; box-sizing:border-box; cursor:pointer; }

.button_ci { color: #ffffff; background-color:#008dbc; }


.pager { position:relative; line-height:32px; }
.pager .erg_text { margin-right: 5px; }
.pager .pager_left { position:relative; width:auto; white-space:nowrap; float:left; }
.pager .pager_right { position:relative; width:auto; float:right; }
.pager .rahmen { padding: 0 4px; margin-left: 3px; height: 20px; display: inline-block; line-height:20px; margin-top:5px; cursor:pointer; }
.pager .first { width: 20px; height: 16px; float: left; text-align:center; }
.pager .back { width: 15px; height: 16px; float: left; margin-left: 3px; text-align:center; }
.pager .next { width: 15px; height: 16px; float: left; text-align:center; }
.pager .end { width: 20px; height: 16px; float:left; margin-left: 3px; text-align:center; }
.pager .vonbis { float: left; padding-top: 1px; margin: 0 5px; }
.pager_right .fas { padding: 0 4px; margin-left: 3px; height: 20px; display: inline-block; line-height:20px; margin-top:5px;}
.pager .active { cursor: pointer; }
.pager .rahmen { border: 1px dotted #555555; }
.pager .counter_active { background-color: #a0a0a0; color: #ffffff; }
.pager .active { color:#444444; }
.pager .inactive { color:#cccccc; }
.pager_right .fas { border: 1px dotted #555555; }


.far, .fas {  font-size:16px; display:inline-block; position:relative; height:inherit; line-height:inherit; text-align:center; width:20px; }
.bg_aussen { background-color:rgba(238,238,238,1.00); }
.bg_innen { background-color:rgba(184,247,247,0.69); }
.bg_innen_no_trans { background-color:#daffff; }
.bg_flaechen { background-color:rgba(253,255,252,1.00); }
.bg_button_only_hover:hover { background-color:#dbddda; }
.bg_colorf1 { background-color:#f1f1f1; }
/* multibox */
.multibox_open {
  overflow: hidden !important;
  margin-right: 17px;
  width: auto;
}
.multibox_open body {
  overflow: hidden !important;
}
.multibox_open #bg_wrapper {
  pointer-events: none;
}
#multibox {
  position: fixed;
  height: auto;
  max-width: 90%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px;
  z-index: 5110;
  opacity: 0;
  
}
#multibox #multibox_close {
  position: absolute;
  width: 36px;
  height: 36px;
  top: -18px;
  right: -18px;
  z-index: 10;
  cursor: pointer;
  background-image: url('../img/btn_multibox_close.png');
}
#multibox .multibox_inner {
  position: relative;
  width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px;
}
#multibox h1 {
  position: absolute;
  height: 54px;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 54px;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f0f0f0;
}
#multibox .close {
  position: absolute;
  top: 0;
  right: 0;
}
#multibox #multibox_content_wrapper {
  position: relative;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#multibox #multibox_content {
  position: relative;
  height: 100%;
  line-height: 25px;
  -webkit-transition: height 0.5s;
       -o-transition: height 0.5s;
          transition: height 0.5s;
}
#multibox img {
  max-width: 100%;
  vertical-align: top;
}
#multibox #multibox_button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
}
#multibox #multibox_answer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #00cc00;
  font-size: 16px;
  font-weight: bold;
}
#multibox .multibox_button_left {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0.5px;
  width: 50%;
}
#multibox .multibox_button_right {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0.5px;
  width: 50%;
}

#multibox .popup_title { position:relative; line-height:32px; margin-bottom:10px; }
#multibox .popup_zeile { position:relative; line-height:32px; margin-bottom:10px; }

#multibox .popup_zeile_left  { position:absolute; width:80px; left:0; top:0; }
#multibox .popup_zeile_right { position:relative; display:inline-block; width:100%; padding-left:80px; box-sizing:border-box; }
#multibox #popup_answer {min-height: 680px;}
#multibox #popup_answer #sort_input {max-width: 40px;}
#multibox textarea {resize: none;}
#multibox .category_list_dropdown {max-width: 200px;}
#multibox_bg { position:fixed; top:0; right:0; bottom:0; left:0; opacity:0;  z-index:5100; background-color:#2b2b2b; }
#multibox2_bg { position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; z-index:5200; background-color:#2b2b2b; }
#multibox3_bg { position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; z-index:5300; background-color:#2b2b2b; }
#multibox4_bg { position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; z-index:5400; background-color:#2b2b2b; }

.multibox_open { overflow: hidden !important; width:auto; margin-right:17px; }
.multibox_open #page { pointer-events:none; }
.multibox_open #bg_wrapper { pointer-events:none; }

#multibox { position:fixed; height:auto; max-width:90%; border: 1px solid #000000; padding: 13px; background-color: #ffffff; box-sizing:border-box;  z-index:5110; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); transform all 0.5; border-radius: 10px; }
#multibox2 { position:fixed; height:auto; max-width:90%; border: 1px solid #000000; padding: 13px; background-color: #ffffff; box-sizing:border-box; z-index:5210; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
#multibox3 { position:fixed; height:auto; max-width:90%; border: 1px solid #000000; padding: 13px; background-color: #ffffff; box-sizing:border-box; z-index:5310; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
#multibox4 { position:fixed; height:auto; max-width:90%; border: 1px solid #000000; padding: 13px; background-color: #ffffff; box-sizing:border-box; z-index:5410; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
#multibox #multibox_close, #multibox2 #multibox_close, #multibox3 #multibox_close, #multibox4 #multibox_close { position:absolute; width:36px; height:36px; top:-18px; right:-18px; z-index: 10; cursor:pointer; }
#multibox .multibox_inner, #multibox2 .multibox_inner, #multibox3 .multibox_inner, #multibox4 .multibox_inner { position:static; width:100%; max-height:100%; box-sizing:border-box; overflow-y:auto; padding:0 !important; background-color:#f0f0f0; }

#multibox h1, #multibox2 h1, #multibox3 h1, #multibox4 h1 { position:relative; height:30px; margin-bottom:20px; }
#multibox .close, #multibox2 .close, #multibox3 .close, #multibox4 .close {  position:absolute; top:0; right:0; }
#multibox img, #multibox2 img, #multibox3 img { max-width:100%; vertical-align:top; }
#multibox #multibox_button, #multibox2 #multibox_button { position:relative; width:100%; height:54px; line-height:54px; cursor:pointer; text-align:center}

#multibox .buttonzeile, #multibox2 .buttonzeile, #multibox3 .buttonzeile, #multibox4 .buttonzeile { position:relative; text-align:center; height:30px; margin:20px 0 10px 0; }
#multibox .button_left, #multibox2 .button_left, #multibox3 .button_left, #multibox4 .button_left { display:inline-block; width:132px; margin-right:5px; box-sizing:border-box; }
#multibox .button_right, #multibox2 .button_right, #multibox3 .button_right, #multibox4 .button_right { display:inline-block; width:132px; margin-left:5px; box-sizing:border-box; }
#multibox .button_center, #multibox2 .button_center, #multibox3 .button_center, #multibox4 .button_center { display:inline-block; width:132px; margin:0 5px; box-sizing:border-box; }

#multibox #multibox_content_wrapper, #multibox2 #multibox_content_wrapper, #multibox3 #multibox_content_wrapper, #multibox4 #multibox_content_wrapper { position:relative; height:100%; padding:14px; }
#multibox_content { position:relative; line-height:25px; }
#multibox_answer { position:absolute; top:0; left:0; right:0; height:54px; line-height:54px; text-align:center; color:#00cc00; font-size:16px; font-weight:bold; }

#multibox input {}
#multibox input:hover, #multibox2 input:hover, #multibox3 input:hover, #multibox4 input:hover { border:none; box-shadow:none; }
input::placeholder, textarea::placeholder { color:#999999; font-weight:normal !important; }

@media (max-width: 657px) {
  
  .multibox_button_left {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0 !important;
  }
  .multibox_button_right {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0 !important;
    padding-top: 1px;
  }
  
}
/* multibox */
.txt_tit {
  font-size: 18px;
  color: #555555;
  font-weight: bold;
}

.fliesstext {
  font-size: 15px;
  color: #333333 !important;
  font-weight: normal;
}
.selectbox30 { display: inline-block !important; position: relative !important; line-height: 30px !important; ; height: 30px !important; border-radius: 4px; box-sizing: border-box !important; background-color: #ffffff; vertical-align: top; border: 1px solid #cccccc; width:100%; padding-left:5px}
.selectbox30::before { content: ''; position: absolute; right: 1px; top: 1px; width: 24px; height: 26px; pointer-events: none; display: block; background-color: #ffffff; z-index: 11; line-height: 30px !important; }
.selectbox30::after { content: '\f0d7'; position: absolute; right: 0; top: 4px; width: 20px; height: 22px; line-height: 20px; font-size: 18px; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; pointer-events: none; z-index: 12; color: #888888;border-left: 1px solid #cccccc; }

/* widgets */
#no_answer_wrapper{
    width: 100%;
}
#too_much_answer_text{
    max-width: 80%;
    margin: 0 auto;
    width: 580px;
}
#no_answer_text {
  max-width: 80%;
  margin: 0 auto;
  width: 580px;

}
.email_line {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
    line-height: 41px;
    box-sizing: border-box;
}
.email_line input {
    border-radius: 30px;
    margin: 0 10px;
    box-sizing: border-box;
    height: 41px;
    line-height: 41;
}
.frage_senden {
    display: inline-block;
    cursor: pointer;
    border-radius: 30px;
    box-sizing: border-box;
    background-color: #000000;
    color: #ffffff;
    padding: 0 30px;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email_status{
    display: block;
}
#chat_area .cw_email, #chat_area .frage_senden{
  /* pointer-events: none; */
}
#chat_area a, #chatwidget_chat a{
  text-decoration: underline;
  color: #333333;
}

#chat_area .no_answer_text *, .bot_answer_wrapper *{
  color: unset;
}
 .bot_answer_wrapper p,
 .bot_answer_wrapper h1,
 .bot_answer_wrapper h2 {
  padding-left: 0;
}
#chat_area .no_answer_text {
  
  margin: 0 auto;
  white-space: normal;
}
 #chatwidget_chat .no_answer_text{
  margin: 0 auto;
  padding:0 5px;
  white-space: normal;
}
#chatwidget_chat .no_answer_text{
  margin-bottom: 10px;
}
#chat_area .no_answer_text.chatwidget .email_line,  #chatwidget_chat .no_answer_text.chatwidget .email_line{
    flex-direction: column;
}

#chat_area .no_answer_text, #chat_area .bot_answer_wrapper {
  display: block;
  margin-top: 10px;

}
.msg_ok {
    color: green;
}
.msg_error {
    color: red;
}
.d-none {
    display:none;
}
.thumbs_wrapper {
    position:relative;
    text-align: center;
    height: 25px;
}
.answer_review {
  display: block;
  margin-bottom: 10px;
}
.answer_review_wrapper {
    margin: 0 auto;
    padding: 0 5px;
    margin-top: 10px;
}
.thumbs{
    display: inline-block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50px;
    
}
.thumbs:hover{
    background-color: #eeeeee;
}
.thumbs_up{
    background-image: url(../img/yes.svg);
    margin-right: 20px;
}      
.thumbs_down{
    background-image: url(../img/no.svg);
}
@media (max-width: 512px) {
    .mobile_row {display: block}
    .cw_email{ margin:0 !important; max-width: 50%}
    .frage_senden{ max-width: calc(50% - 5px);}
}
.info_text_wrapper {
  margin-top: 10px;
  font-size: 13px;
  position: relative;
  text-align: center;
}