@charset "UTF-8";
/*	================================================== CHATBOT / Chatbot Main Datei (Mit SASS kompiliert; via Visual Studio Live SASS Compiler) ==================================================*/
/*	================================================== CHATBOT - Colors  ==================================================*/
:root { --chatbot-bubble-user-bg: #CAE29F; --chatbot-bubble-ai-bg: #fff; --chatbot-bubble-user-textcolor: #000; --chatbot-bubble-ai-textcolor: #000; }

/*	================================================== CHATBOT - Base ==================================================*/
.chatbot b, .chatbot strong { font-weight: bold; }

.chatbot a, .chatbot a:link, .chatbot a:visited { text-decoration: none; color: #517b00; }

.chatbot a:hover, .chatbot a:focus { text-decoration: underline; color: #3e590a; }

.chatbot-layer[data-chatsize=m] .chatbot-layer__dialog { max-width: 1120px; max-height: 70%; }

/*	================================================== CHATBOT - Speech Bubbles ==================================================*/
.bubble { font-weight: normal; font-size: 18px; font-size: clamp(1rem, calc(0.9532rem + 0.2037vw), 1.125rem); min-width: 100%; max-width: 100%; }

.bubble p + button { margin-top: 1rem; }

.bubble.bubble-chatbot { margin: 20px 0 15px 0; border: 0px solid #fff; border-radius: 10px; padding: 20px 30px 20px 30px; text-align: left; color: #000; position: relative; background: var(--chatbot-bubble-ai-bg); left: 0; min-width: 100%; max-width: 100%; }

.bubble.bubble-chatbot .chatbot__message-image { margin-bottom: 12px; }

.bubble.bubble-user { border: 4px solid #CAE29F; border-radius: 10px; padding: 20px 30px; text-align: left; color: #000; position: relative; background: #CAE29F; right: 0; align-self: flex-end; font-weight: 500; }

.bubble.bubble-user .chatbot__message > p:first-child { margin-top: 0; margin-bottom: 0; }

.bubble.bubble-chatbot.bubble-welcome { margin-top: 0; padding: 0; }

.bubble.bubble-chatbot.bubble-welcome .chatbot__message__welcome-text { padding: 0 30px; }

.bubble.bubble-chatbot.bubble-welcome .chatbot__message-image { border-radius: 10px 10px 0 0; }

/*	================================================== CHATBOT - Buttons ==================================================*/
.chatbot .btx { width: auto !important; text-align: left; border: 3px solid #f3f3f3 !important; padding: 2px 8px 2px !important; margin: 3px 3px 3px 0px; }

.chatbot .btx:after { font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 16px; content: "\f054"; padding-left: 10px; }

/*	================================================== CHATBOT - Feedback ==================================================*/
.chatbot .chatbot__messages .feedback { width: 100%; z-index: 2222; /* position: absolute; */ right: 23px; bottom: 10px; display: flex; justify-content: flex-end; }

.chatbot .chatbot__messages .feedback .feedback__button { display: flex; align-items: center; justify-content: center; background: transparent; border: 0px solid #fff; color: #85BC21; cursor: pointer; font-size: 24px; height: 42px; width: 42px; right: 16px; transition: 0.3s ease all; padding: 0; outline: 0; }

.chatbot .chatbot__messages .feedback .feedback__button i { color: #85BC21; transition: all 0.2s ease-in; }

.chatbot .chatbot__messages .feedback .feedback__button:hover, .chatbot .chatbot__messages .feedback .feedback__button:focus { color: #404040; }

.chatbot .chatbot__messages .feedback .feedback__button:hover i, .chatbot .chatbot__messages .feedback .feedback__button:focus i { color: #404040; }

.chatbot .chatbot__messages .feedback .feedback__buttons { margin: 0; padding: 0; list-style: none; display: flex; }

.chatbot .chatbot__messages .feedback .feedback__buttons li { margin: 0; padding: 0; }

.chatbot .chatbot__messages .feedback .feedback__buttons button:hover { background: transparent; border: 0px; }

.chatbot .chatbot__messages .feedback__antwort { text-align: center; }

.chatbot .chatbot__messages .feedback__antwort--positiv p { margin-top: 0; margin-bottom: 0; }

.chatbot .chatbot__messages .feedback__antwort .feedback__button-wrapper { text-align: center; margin-top: 20px; }

.chatbot .chatbot__messages .feedback__antwort .feedback__button, .chatbot .chatbot__messages .feedback__antwort .feedback__button:link, .chatbot .chatbot__messages .feedback__antwort .feedback__button:visited { text-decoration: none; color: #000; border: 0px; background: #f3f3f3; transition: 0.3s ease all; padding: 15px 30px; outline: 0; }

.chatbot .chatbot__messages .feedback__antwort .feedback__button:after, .chatbot .chatbot__messages .feedback__antwort .feedback__button:link:after, .chatbot .chatbot__messages .feedback__antwort .feedback__button:visited:after { font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 18px; content: "\f105"; margin-left: 10px; }

.chatbot .chatbot__messages .feedback__antwort .feedback__button:hover, .chatbot .chatbot__messages .feedback__antwort .feedback__button:focus { background: #CAE29F; color: #000; }

#node1767097 { background: #fff; }

#node1767097 .fisets label { font-weight: bold; font-size: 1.5rem; }

#node1767097 .fisets label + h4 { margin-top: 0; font-style: italic; font-weight: normal; font-size: 1.5rem; }

#node1767097 .fisets .htmleditor { display: flex; flex-wrap: wrap; margin-bottom: 30px; }

#node1767097 .fisets .htmleditor > label { width: 100%; }

#node1767097 .fisets .htmleditor > textarea { min-width: 300px; min-height: 230px; width: 100%; padding: 8px; }

#node1767097 .fisets .feld-select { margin-bottom: 30px; }

#node1767097 .myEditorCnt button { background: #f3f3f3; }

#node1767097 .myEditorCnt button:hover, #node1767097 .myEditorCnt button:focus { background: #CAE29F; }

#node1767097 fieldset.metaeg { display: none; }

/*	================================================== CHATBOT - Footer ==================================================*/
/* ============== Chatbot - Footer ============== */
.chatbot-footer { border-top: 1px solid #e3e3e3 !important; height: 80px; }

.chatbot-footer__type-message { width: 100%; margin: 0; padding: 15px 15px; display: flex; }

/* === Input Field ==== */
.chatbot__input { background: #fff; color: #000; font-size: 18px; font-size: clamp(1rem, calc(0.9532rem + 0.2037vw), 1.125rem); border: 1px solid transparent; border-radius: .3rem; flex-basis: 90%; flex: auto; outline: 0; padding: 10px 60px 10px 20px; margin: 0 12px 0 0; transition: all .2s ease-in; }

.chatbot__input:hover, .chatbot__input:focus, .chatbot__input:focus-visible { background: #fff; border: 1px solid #85BC21; outline-color: #85BC21; }

/* === Submit Button ===*/
.chatbot__submit { outline: 0; background: #85BC21; border: 1px solid #85BC21; color: #fff; cursor: pointer; font-size: 18px; height: 54px; width: 54px; position: relative; right: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; border-radius: 0; }

.chatbot__submit:hover, .chatbot__submit:focus { background: #404040; border: 1px solid #404040; outline: 0; }

.chatbot__submit:focus, .chatbot__submit:active { outline: 0; background: #404040; border: 1px solid #404040; }

.chatbot__submit i { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; padding-right: 2px; }

/*	================================================== CHATBOT - Google Search ==================================================*/
.chatbot .chatbot-card--gcsx .chatbot-card__title { color: #4c4c4c; font-size: clamp(1rem, calc(0.9215017064846416rem + 0.3412969283276451vw), 1rem); font-weight: normal; line-height: 1.2; margin-top: 20px; margin-bottom: 10px; text-transform: none; }

.chatbot .chatbot-card--gcsx .card .card-body { padding-top: 5px; }

.chatbot .chatbot-card--gcsx .chatbot-card__body { padding: 15px 0 0 0; }

.chatbot .chatbot-card--gcsx .chatbot-card__body .card { background: none; border: 0px; }

.chatbot .chatbot-card--gcsx .card-header { padding: 0rem; border-bottom: 0px; margin-bottom: 1px; }

.chatbot .chatbot-card--gcsx .btn-link, .chatbot .chatbot-card--gcsx button, .chatbot .chatbot-card--gcsx .btn-chatbot { padding: 15px 40px 15px 20px; display: flex; align-items: center; font-size: clamp(1.125rem, calc(0.9215017064846416rem + 0.3412969283276451vw), 1.125rem); }

.chatbot .chatbot-card--gcsx .btn-link:after, .chatbot .chatbot-card--gcsx button:after, .chatbot .chatbot-card--gcsx .btn-chatbot:after { transition: all 0.5s ease; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 16px; content: "\f068"; margin-left: 10px; position: absolute; right: 20px; }

.chatbot .chatbot-card--gcsx .btn-link.collapsed:after, .chatbot .chatbot-card--gcsx button.collapsed:after, .chatbot .chatbot-card--gcsx .btn-chatbot.collapsed:after { font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 16px; content: "\f067"; margin-left: 10px; position: absolute; right: 20px; }

.chatbot .chatbot-card--gcsx .btn-link:hover, .chatbot .chatbot-card--gcsx .btn-link:focus, .chatbot .chatbot-card--gcsx button:hover, .chatbot .chatbot-card--gcsx button:focus, .chatbot .chatbot-card--gcsx .btn-chatbot:hover, .chatbot .chatbot-card--gcsx .btn-chatbot:focus { background: #CAE29F; }

.chatbot .chatbot-card--gcsx .chatbot-card__body .pull-right { float: none !important; }

.chatbot .chatbot-card--gcsx .chatbot-card__body .pull-right a:before { content: "Weiter lesen"; font-family: inherit; margin-right: 10px; font-weight: bold; }

/*	================================================== CHATBOT - Header ==================================================*/
.chatbot-header { position: relative; background: #404040; display: flex; align-items: center; flex: none; height: 68px; box-sizing: border-box; max-height: 70px; padding: 0px; border-top: 0px solid #404040; border-bottom: 0px solid #e3e3e3; }

.chatbot-header__avatar { display: flex; align-items: center; }

.chatbot-header__avatar img { max-height: 45px; padding-left: 20px; min-height: 45px; border: 0; border-radius: 0; position: absolute; top: 10px; }

.chatbot-header__title { display: flex; width: 100%; text-align: center; justify-content: center; align-items: center; }

.chatbot-header__title img { max-height: 25px; }

.chatbot-header__title span { font-size: 100%; font-weight: bold; color: #000; text-transform: none; margin: 0; padding-left: 20px; letter-spacing: 0.05em; }

.chatbot-header__title .pure-title { font-size: 100%; font-weight: bold; color: #000; text-transform: none; margin: 0; padding-left: 20px; letter-spacing: 0.05em; text-transform: uppercase; }

.chatbot-header__title > h5 { font-size: 100%; font-weight: bold; color: #fff !important; text-transform: none; margin: 0; padding-left: 20px; letter-spacing: 0.05em; }

.chatbot-header__close { position: absolute; right: 15px; color: #fff; }

.chatbot-header__close span { color: #fff; font-size: 34px; }

.chatbot-header__close button { min-height: 48px; min-width: 48px; opacity: 1; transition: all 0.2s ease-in; text-shadow: none; border-radius: 50%; background: #85BC21; }

.chatbot-header__close button:hover, .chatbot-header__close button:focus { background-color: #e41e15; }

.chatbot-header__close .close:not(:disabled):not(.disabled):hover { opacity: 1; }

.chatbot-header__close .close:not(:disabled):not(.disabled):hover span { color: #fff; text-shadow: none; }

/*	================================================== CHATBOT - Layer ==================================================*/
/* ============== Chatbot Layer ============== */
.chatbot-layer { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; overflow-y: initial !important; }

.chatbot-layer__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border: 0; border-radius: .3rem; background-color: #f3f3f3; height: 100%; overflow-y: auto; }

.chatbot__body { padding: 30px; height: 100%; max-height: calc(100% - 155px); overflow: auto; overflow-y: scroll; }

.chatbot__body .chatbot__messages { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; padding: 0; }

.animation:last-child { animation: fadein .25s; animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.chatbot-layer__dialog, .chatbot-layer__content, .chatbot-layer__dialog, #chatModal, .chatbot-container, .basecontent-chatprod, .composedcontent-chatbot-chat { height: 100%; width: 100%; }

#chatModal { top: 20px; }

/*	================================================== CHATBOT - Loader ==================================================*/
#is-loading { text-align: center; min-width: 10%; }

.loader { margin-bottom: -2px; text-align: center; opacity: 0.7; }

.loader__dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin: 0 1px; background: #85BC21; border-radius: 50px; animation: loader 0.45s infinite alternate; }

.loader__dot:nth-of-type(2) { animation-delay: 0.15s; }

.loader__dot:nth-of-type(3) { animation-delay: 0.35s; }

@keyframes loader { 0% { transform: translateY(0); }
  100% { transform: translateY(-5px); } }

@keyframes fadein { from { opacity: 0;
    margin-top: 10px;
    margin-bottom: 0; }
  to { opacity: 1;
    margin-top: 0;
    margin-bottom: 10px; } }

/*	================================================== CHATBOT - Organisationseinheit ==================================================*/
/* ============== Chatbot Cards - ORGANISATIONSEINHEIT Intern ============== **/
.chatbot-card--org .adr .phone i, .chatbot-card--org .adr .mail i { padding-right: 10px; }

.chatbot-card--org .vCard .vCardLink { display: none; }

.chatbot__message .vCard .vCardLink { display: none; }

.chatbot__message .vCard .mapsLink, .chatbot-card--org .vCard .mapsLink { margin-top: 15px; padding-left: 0; float: none !important; }

.chatbot__message .vCard .efaLink, .chatbot-card--org .vCard .efaLink { margin-bottom: 15px; padding-left: 0; float: none !important; }

.chatbot__message .vCard div.mail, .chatbot__message .vCard div.tel, .chatbot__message .vCard div.fax, .chatbot-card--org .vCard div.mail, .chatbot-card--org .vCard div.tel, .chatbot-card--org .vCard div.fax { display: flex; flex-wrap: wrap; }

.chatbot__message .bez, .chatbot-card--org .vCard .bez { display: inline-block; width: unset; flex-basis: 70px; }

.chatbot-card--org .vCard .tel .value:before { color: #4c4c4c; }

.chatbot__message .vCard .value, .chatbot-card--org .vCard .value { flex: 1; }

.chatbot__message .vCard a.neuFensterLink, .chatbot__message .vCard a.externerLink .chatbot-card--org .vCard a.neuFensterLink, .chatbot-card--org .vCard a.externerLink { background: none; }

.chatbot__message .card-header { padding: 0; }

/* ============== Chatbot Cards - ORGANISATIONSEINHEIT Öffnungszeiten ============== **/
.chatbot-card--org .chatbot-card__title { font-weight: 300; font-size: 24px; color: #fff; }

.chatbot-card--org .sp-oe-oeffnungszeit-typ { font-weight: 500; font-size: 18px; margin-bottom: 10px; }

.chatbot-card--org .sp-oe-oeffnungszeit-zeiten > div { display: flex; flex-wrap: wrap; }

.chatbot-card--org .sp-oe-oeffnungszeit-zeiten > div span:first-child { min-width: 10%; }

.oeffTitle { color: #404040; font-weight: 300; font-size: 24px; }

.sp-oe-oeffnungszeit-typ { font-weight: bold; margin-top: 24px; }

/* ============== Chatbot Cards - ORGANISATIONSEINHEIT Zuständige Stelle ============== **/
.chatbot-card--org div.phone { padding-top: 14px; }

.chatbot-card--org div.phone .material-icons { display: none; }

.chatbot-card--org span.phone:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 16px; content: "\f095"; margin-right: 8px; }

/* ============== Chatbot Cards - ORGANISATIONSEINHEIT Anschriften ============== **/
.chatbot-card__anschrift { margin-top: 24px; }

.chatbot-card__anschrift ul { list-style: none; padding: 0; margin: 0; }

.chatbot-card__anschrift .chatbot-card__titel { font-weight: bold; }

.chatbot-card__footer { border: 0; padding: 0; box-shadow: none; margin-top: 24px; }

/*	================================================== CHATBOT - Service-BW ==================================================*/
/*	================================================== CHATBOT - Selection & Accordion  ==================================================*/
/* ============== Chatbot - SELECTION & ACCORDION ============== **/
.chatbot-selection span { background: #ffffff; border: 2px solid #3a5571; border-radius: 30px; padding: 15px; -webkit-box-shadow: 2px 4px 15px -5px rgba(186, 186, 186, 0.8); -moz-box-shadow: 2px 4px 15px -5px rgba(186, 186, 186, 0.8); box-shadow: 2px 4px 15px -5px rgba(186, 186, 186, 0.8); transition: all 0.3s ease-in; }

.selection__item button { position: relative; }

.selection__item button:hover, .selection__item button:focus { background: #b5ceb4; }

.selection__item button:after { content: '\f054'; font-family: "Font Awesome 5 Free"; color: #000; position: absolute; right: 20px; font-weight: bold; }

.selection__item a.btn-chat, .selection__item a.btn { text-decoration: none; display: inline-block; white-space: normal !important; overflow-wrap: break-word; border: 0px solid #2a72b8; padding: 15px 45px 15px 15px; border-radius: 0rem; background: #f3f3f3; color: #000; transition: all 0.3s ease-in; height: 100%; width: 100%; text-align: left; position: relative; outline: 0; margin: 0; border-left: 5px solid #85BC21; }

.selection__item a.btn-chat:hover, .selection__item a.btn-chat:focus, .selection__item a.btn:hover, .selection__item a.btn:focus { color: #000 !important; }

.selection__item a.btn-chat:active, .selection__item a.btn:active { background: #f3f3f3 !important; color: #000 !important; }

.selection__item a.btn-chat:after, .selection__item a.btn:after { content: '\f35d'; font-family: "Font Awesome 5 Free"; color: #000 !important; position: absolute; right: 20px; left: auto; font-weight: bold; top: 50%; transform: translateY(-50%); }

.selection__item a.btn-chat:active, .selection__item a.btn:active { background: transparent; }

.chatbot-selection span:hover { background: #3a5571; color: #fff; }

.chatbot-card__selection { background: #f3f3f3; color: #000; margin: 0; }

.selection__items, .accordion__items { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }

.selection__item, .accordion__item { border-bottom: 5px solid #fff; padding: 0; margin: 0; width: 100%; margin-bottom: 0px; }

.selection__item { flex-basis: 100%; }

.selection__item:last-child { flex: 1; }

.chatbot-card__selection .selection__item .btn-chatbot { position: relative; background: #f3f3f3; color: #000; padding: 20px 25px 16px 25px; width: 100%; border: 0px; border-radius: 0px; text-align: left; height: 100%; }

.chatbot-card__selection .selection__item .btn-chat { padding: 15px 45px 15px 15px; }

.chatbot-card__selection .selection__item .btn-chat:after { top: 50%; transform: translateY(-50%); }

.chatbot-card__accordion .accordion__item .btn-chatbot { position: relative; background: #f3f3f3; color: #000; padding: 20px 20px 16px 20px; width: 100%; border: 0px; border-radius: 0px; text-align: left; }

.chatbot-card__weitereInformationen { padding: 20px; }

.selection__item .btn-chatbot:hover, .selection__item .btn-chatbot:focus, .selection__item .btn-chatbot:active { border: 0; background: #000; }

.chatbot-card__selection .selection__item .btn-chatbot:after, .chatbot-card__accordion .accordion__item .btn-chatbot:after { position: absolute; right: 12px; /*top:17px;*/ top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 20px; }

.chatbot-card__selection .selection__item .btn-chatbot:after { content: "\f105"; }

.chatbot-card__accordion .accordion__item .btn-chatbot:after { content: "\f067"; }

.chatbot-card__accordion .accordion__item:first-of-type { border-top: 0px solid #ccc; }

@media only screen and (max-width: 576px) { .chatbot-card__accordion .accordion__item .btn-chatbot:after { font-size: 14px; } }

.chatbot .quellen + h3 { font-size: 18px; font-size: clamp(1rem, calc(0.9532rem + 0.2037vw), 1.125rem); margin-bottom: 0; text-transform: none; font-style: italic; font-weight: normal; font-family: "Montserrat Regular", Arial, Helvetica, sans-serif; }

/*	================================================== CHATBOT - Strukturierte Antwort ==================================================*/
/* ============== Chatbot - STRUKTURIERTE ANTWORT ============== **/
.chatbot-card--allg { margin-top: 0px; }

.chatbot-card--allg .chatbot-card__title { color: #000; font-size: 1.25rem; font-weight: bold; line-height: 1.2; text-transform: uppercase; margin-top: 20px; }

.chatbot-card--weitereInformatione { margin-top: 15px; }

.chatbot-card--moeinfo { margin-top: 15px; }

.chatbot-card--weitereInformatione .chatbot-card__title, .chatbot-card--moeinfo .chatbot-card__title { color: #000; font-size: 1.25rem; font-weight: bold; line-height: 1.2; text-transform: uppercase; margin-top: 20px; padding-top: 10px; }

.orgTitle { color: #404040; }

.chatbot-card--org span.phone:before { display: none; }

.chatbot-card--weitereInformatione .chatbot-card__accordion { margin: 0; }

/*	================================================== CHATBOT - Sonstiges ==================================================*/
.chatbot__message .card { background-color: transparent; border: 0px solid rgba(0, 0, 0, 0.125); }

/* ============== Chatbot - Antwort | Buttons ============== */
.chatbot__message button, .chatbot__message .btn-chatbot { display: inline-block; white-space: normal !important; overflow-wrap: break-word; border-top: 0px solid transparent; border-bottom: 0px solid #fff; border-left: 5px solid #85BC21; border-right: 0; border-style: solid; padding: 15px 45px 15px 15px; border-radius: 0rem; background: #f3f3f3; color: #000; transition: all 0.3s ease-in; height: 100%; font-weight: 500; }

.chatbot__message button:hover, .chatbot__message button:focus, .chatbot__message .btn-chatbot:hover, .chatbot__message .btn-chatbot:focus { background: #CAE29F; }

a.btn-chatbot { text-decoration: none !important; }

.chatbot__message button:hover, .chatbot__message .btn-chatbot:hover, .chatbot__message button:focus, .chatbot__message .btn-chatbot:focus { background: #CAE29F; border-bottom: 0px solid #fff; color: #000; }

.chatbot__message .btn-primary { background: #f3f3f3; color: #000; border: 0px; width: 100%; transition: all 0.2s ease-in; font-weight: 500; border-left: 5px solid #85BC21; }

.chatbot__message .btn-primary:hover, .chatbot__message .btn-primary:focus { background: #CAE29F; }

.chatbot_message .fflink { color: #eaf0f6; }

/* ============== Chatbot - Antwort | Details and Summary ============== */
summary { background: #f3f3f3; color: #000; padding: 10px 15px; border: 2px solid #f3f3f3; color: #000; border-radius: 0.75rem; text-decoration: none; }

summary:hover, summary:focus { background: #CAE29F; padding: 10px 15px; border: 2px solid #CAE29F; color: #000; border-radius: 0.75rem; text-decoration: none; }

details { padding-bottom: 15px; }

/* ============== RSS ============== */
.rssBox .date { font-size: 130%; padding: 0; }

.bubble-chatbot .date { color: #333; }

/* ============== Chatbot - CARD LAYOUT ============== **/
.chatbot-card { padding: 0; }

.chatbot-card__header { padding: 0; background-color: transparent; border: 0; }

.chatbot-card__title { font-size: 1.25rem; font-weight: bold; text-transform: uppercase; }

.chatbot-card__body { padding: 1.25rem 0 0; }

.chatbot-card__thema { background: #333; padding: 20px; font-weight: 700; border-bottom: 3px solid #ccc; font-size: 120%; }

/* ============== Chatbot - SELECTION & ACCORDION - Wunschkennzeichen & Online Terminvereinbarung ============== **/
.selection__item--wuke { flex-basis: 100%; }

.selection__item--wuke .btn-wuke { background: #fff; color: #000; }

.chatbot-card__selection .selection__item--wuke .btn-wuke { background: #fff; color: #000; }

.chatbot-card.chatbot-card--sbw { padding: 0px; }

.chatbot__message details { margin-top: 0px; }

.chatbot__message summary { border: 0; border-radius: 0px; color: #000; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; padding: 15px; text-decoration: none; }

/*.chatbot__message summary:after {font-family:"Font Awesome 5 Free"; font-weight:bold;font-size:24px; content:"\f105";} */
/* Sonstiges TEMP  */
.chatbot__message img { max-width: 100%; }

.chatbot__message .odd, .chatbot__message .even, .rssBox .date { color: #fff; background-color: transparent !important; }

/* TEMP */
.chatbot-card__detailsTitle { font-weight: 600; text-align: center; }

.chatbot-card__detailsTitle { padding: 20px 20px; }

.chatbot__message p + p { margin-bottom: 15px; }

.chatbot__message p + p:last-child { margin-bottom: 15px; }

.chatbot__message button, .chatbot__message .btn-chatbot { /*font-family: 'Fira Sans', Tahoma, Arial, Helvetica, sans-serif !important; font-family:'Roboto', Tahoma, Arial, Helvetica, sans-serif !important;*/ width: 100%; text-align: left; }

.chatbot__message p + p { margin-top: 15px; }

.chatbot-card__details--sbwLeistung { margin-top: 15px; }

/* ============== Chatbot Cards - ALLGEMEIN ============== **/
.chatbot-card__title { font-size: 1.25rem; font-weight: 300; color: #404040; line-height: 1.3em; }

/* ============== Chatbot Cards - EASY ============== **/
.chatbot-card__easy .weitereInformationen { margin-top: 20px; }

.chatbot-card__easy .weitereInformationen__button { margin-top: 20px; }

/* ============== Chatbot Cards - EASY ============== **/
.chatbot-intro { margin-bottom: 20px; }

/* ============== Sonstige ============== **/
.fa-external-link:before { content: "\f35d"; }

.chatbot__message .liste_titel, .chatbot__message .liste_text { color: #fff; }

.chatbot__message .liste_titel { font-weight: 500; }

/* Tabelle */
.chatbot__message table { margin-top: 20px; }

.chatbot__message table td { color: #000; border: 2px solid #000; padding: 5px; }

/* ============== RESPONSIVE ============== */
@media only screen and (max-width: 992px) { .bubble { max-width: 90%; width: 90%; } #is-loading { max-width: 90%; width: unset; } .weatherBox img { float: none; max-width: 100%; } }

@media only screen and (max-width: 768px) { .selection__item { flex-basis: 100%; } .chatbot-layer { padding: 0 10px; } .feedback { right: -33px; } }

@media only screen and (max-width: 576px) { .chatbot-layer { padding: 0px; } .chatbot-card__selection { margin: 0 -14px; } .chatbot-card__selection .selection__item .btn-chatbot { font-size: 14px; padding: 10px 15px 10px 15px; } .chatbot-card__selection .selection__item .btn-chatbot:after, .chatbot-card__accordion .accordion__item .btn-chatbot:after { font-size: 14px; right: 8px; } /* Online Terminvereinbarung Button */ .chatbot-card__teve .item--teve { margin: 0 -14px; } .chatbot-card__teve .item--teve a:before { font-size: 20px; margin-right: 10px; padding: 8px 6px; } .chatbot-card__teve .item--teve a:after { font-size: 18px; } .bubble-chatbot { padding: 10px 10px 10px 10px; } .chatbot__input { padding: 10px 30px 10px 20px; } .bubble-user { margin: 10px 0px 10px 10px; } .bubble-chatbot { margin: 10px 30px 10px 0px; } .chatbot-card--gcsx .chatbot-card__body { margin: 0 -14px; } }

/* Formulare */
.formulare { margin-top: 20px; }

/* ilink Querverbindungen */
.ilink { text-decoration: underline; color: #092c3a; cursor: pointer; }

.ilink:hover, .ilink:focus { color: #008481; }

.ilink:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; content: "\f054"; margin-left: 5px; text-decoration: none; display: inline-block; }

/*	================================================== CHATBOT - Typo ==================================================*/
/* ============== Chatbot Typo ============== */
.chatbot__intro { font-style: italic; }

.chatbot h2 { color: #000; font-size: 1.25rem; font-weight: bold; line-height: 1.2; color: #000; margin-top: 20px; text-transform: uppercase; }

.chatbot h3 { color: #000; }

.chatbot h4 { color: #000; }

.chatbot h5 { color: #000; }

.chatbot__message h2 { font-weight: 400; font-size: 18px; color: #000; margin-top: 20px; }

.chatbot h2:first-child { margin-top: 0px; }

.chatbot h2 + h2 { margin-top: 0px; }

.chatbot h3 { margin: 35px 0 25px 0; padding: 0 0 10px 0; line-height: 1.3em; font-family: 'Noto Sans', sans-serif; font-weight: 300; font-size: 1.25em; text-transform: uppercase; }

.bubble-chatbot h5 { color: #fff; }

/* Sonderfall */
.info_window_inner h2:first-child { margin-top: 0px; }

.filelist-item h3 { font-size: 100%; }

/*	================================================== CHATBOT - Wetter ==================================================*/
.bubble-chatbot .weatherBox * { background-color: transparent; }

.chatbot-card--weather .chatbot-card__body { padding: 0; }

.chatbot-card--weather .chatbot-card__title { color: #000; font-size: 1.25rem; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; padding-bottom: 10px; }

.chatbot-card--weather .weatherBox img { float: right; max-width: 130px; }

.chatbot-card--weather .chatbot-card--weather .weatherBox .kopf { padding-top: 10px; }

.chatbot-card--weather .weatherBox .date { font-weight: 500; font-size: 20px; padding: 0; color: #404040; }

.chatbot-card--weather .weatherBox .bez:after { content: ":"; padding-right: 4px; }

.chatbot-card--weather .weatherBox .rumpf { padding-bottom: 0px; padding-top: 15px; }

.chatbot-card--weather .weatherBox .rumpf > div { display: -ms-flexbox; display: flex; padding-bottom: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.chatbot-card--weather .weatherBox .rumpf > div > .bez { font-weight: 500; }

.chatbot-card--weather .weatherBox .rumpf .humidity, .chatbot-card--weather .weatherBox .rumpf .pressure { display: none; }

@media only screen and (max-width: 576px) { .chatbot__message .weatherBox .bez { flex-basis: unset; } }

/*	================================================== CHATBOT - Include ==================================================*/
/* ============== CHATBOT Button ============== */
.chatbot-button { background: transparent; border: 0px solid #000; height: 80px; width: 80px; transition: all .25s ease-in; z-index: 1010; border-radius: 50%; position: fixed; bottom: 10%; right: 40px; }

.chatbot-button:hover { cursor: pointer; }

.chatbot-button:active .chatbot-button__text, .chatbot-button:focus .chatbot-button__text { text-decoration: underline; }

/* ============== CHATBOT Text ============== */
.chatbot-button__text { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1rem; text-align: left; text-transform: uppercase; position: absolute; right: 50px; top: 0px; height: 100%; display: flex; align-items: center; line-height: 1.25em; }

/* ============== Chatbot Animation ============== */
.chatbot-button__anim-container { width: 90px; height: 100%; transition: .45s; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.chatbot-button__anim-container img { transition: .6s; position: absolute; top: 0; left: 0; }

.chatbot-button__anim-container img.chatbot-button__icon--closed { height: 80px; width: auto; transition: all 0.2s ease-in; }

.chatbot-button__anim-container img.chatbot-button__icon--opened { height: 80px; width: auto; opacity: 0; transition: all 0.2s ease-in; }

.chatbot-button__anim-container:hover .chatbot-button__icon--closed { display: none; opacity: 0; }

.chatbot-button__anim-container:hover .chatbot-button__icon--opened { display: inline-block; opacity: 1; }

/* ============== Chatbot Container Wrapper ============== */
.chatbot-container-wrapper { position: fixed; height: 100%; width: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 1020; }

.chatbot-container-wrapper.fadeout { background: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; }

.chatbot-container-wrapper.fadein { background: rgba(0, 0, 0, 0.6); opacity: 1; visibility: visible; }

/* ============== Chatbot Container ============== */
.chatpure .chatbot-container { height: 100%; width: 100%; max-height: 100%; max-width: 100%; border-radius: 0; margin: 0px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.chatpure .chatbot-layer { height: 100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.chatpure .chatbot-layer__content { border-radius: 0; }

.chatbot-container { background-color: #fff; border: 0px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0.25rem 0.3rem rgba(0, 0, 0, 0.3); height: calc(100% - 40px); width: 100%; max-width: 1200px; z-index: 1020; border-radius: .3rem; margin: 20px; transition: 0.4s; }

.chatbot-container.show { opacity: 1; display: block; z-index: 1020; visibility: visible; position: relative; transform: translateY(0); }

.chatbot-container.hide { opacity: 0; display: none; transition: .2s; visibility: hidden; transform: translateY(-10%); }

/* ============== Chatbot Iframe ============== */
.chatbot-container-wrapper iframe { overflow: hidden; border: 0px; min-height: 100%; min-width: 100%; width: 100%; height: 100%; /* border-radius: calc(.3rem - 1px); */ }

/* ============== Chatbot CLOSE ============== */
.chatbot-container__close { position: absolute; top: 0px; right: 0px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; line-height: 1; border-top-right-radius: calc(.3rem - 2px); }

.chatbot-container__close button { color: #e3001b; background: none; border: 0; padding: 10px 20px; min-height: 70px; border-top-right-radius: calc(.3rem - 2px); }

.chatbot-container__close span { background: none; border: 0; color: #fff; font-size: 2.4rem; font-weight: 700; }

.chatbot-container__close button:hover, .chatbot-container__close button:focus { background: #e3001b; }

.chatbot-container__close button:hover span, .chatbot-container__close button:focus span { color: #fff; }

.chatbot-container__close:hover span, .chatbot-container__close:focus span { color: #fff; }

/* ============== RESPONSIVE ============== */
@media only screen and (max-width: 540px) { .chatbot-container { margin: 0; height: 100%; border-radius: 0; box-shadow: none; } }

@media only screen and (min-height: 860px) { .chatbot-container { max-height: 80%; } }

/*# sourceMappingURL=chatbot.map?t=1752633975025 */