/* =========================================== */

/* ============== Chatbot (CB) ============== */

/* =========================================== */


/* ============== Chatbot Button (CBB) ============== */


.chatbot-button {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background-color: #c20003;
    transition: all 0.25s ease-in;
    border: 0px;
    margin:0 !important; padding:0 !important;
    position: absolute;
    z-index: 999 !important;
}

.chatbot-button:hover {
    background-color: #ccc;
    cursor: pointer;
}

.chatbot-button:focus,
.chatbox-button:active {
    outline: 0;
}

.chatbot-button:before {content:"Avatar";}


/* === Chatbot Button - Animation === */


.chatbot-button__anim-container {
    height: 100%;
    width: 100%;
    transition: .5s;
    justify-content: center;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}



.chatbot-button__anim-container img {
    transition: .3s;
    position: absolute;
    font-size: 4em !important;
    height: 50%;
    width: 50%;
    top:0;
}


.chatbot-button__anim-container .chatbot-button__icon--opened {
    transform: rotate(0) !important;
    opacity: 0;
}

.chatbot-button__anim-container.morphed {
    transform: rotate(0);
}

.chatbot-button__anim-container.morphed .chatbot-button__icon--opened {
    opacity: 1;
}

.chatbot-button__anim-container.morphed .chatbot-button__icon--closed {
    opacity: 0;
}

.chatbot-button__anim-container.small {
    height: 2rem;
    width: 2rem;
    font-size: .5rem;
}



/* === Chatbot Button - Position === */
.chatbot-button[data-chatposition="inline"] {
    position: static;
}

.chatbot-button[data-chatposition="br"] {
    position: fixed;
    bottom: 5%;
    right: 3%;
}

.chatbot-button[data-chatposition="bl"] {
    position: fixed;
    bottom: 5%;
    left: 3%;
}

.chatbot-button[data-chatposition="cr"] {
    position: fixed;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
}



.chatbot-button[data-chatposition="cl"] {

    position: fixed;

    top: 50%;

    left: 3%;

    transform: translateY(-50%);

}



.chatbot-button[data-chatposition="tr"] {

    position: fixed;

    top: 5%;

    right: 3%;

}



.chatbot-button[data-chatposition="tl"] {

    position: fixed;

    top: 5%;

    left: 3%;

}

.chatbot-card__body .efaLink{ display:none}



/* ============== Chatbot Modal or Layer ============== */





/* === Chatbot - CHAT WIN POSITION === */

/* Data Attribut: chatwinposition

*  br = Unten Rechts

*  c = Mittig

*  cr = Mittig Rechts

*/

/*

.chatbot-layer[data-chatwinposition="br"] .chatbot-layer__dialog.modal-dialog-centered {margin: 0 10px 0 auto;align-items: flex-end;}

.chatbot-layer[data-chatwinposition="c"] .chatbot-layer__dialog {margin: 0 auto;display: flex;align-items: center;}

.chatbot-layer[data-chatwinposition="cr"] .chatbot-layer__dialog {margin: 0 10px 0 auto;}

*/



/* === Chatbot Layer - CHAT SIZE === */

/* Data Attribut = chatsize 

 * s = Kompakt

 * m = Medium

 * l = Volle Display Größe

 */



.chatbot-layer {

    display: flex;

    align-items: center;

    flex-direction: row;

}

.chatbot-layer:focus {

background-color: none !important;

}


.chatbot-layer[data-chatsize="s"] .chatbot-layer__dialog {

    padding: 30px;

}



.chatbot-layer[data-chatsize="m"] .chatbot-layer__dialog {
    max-width: 60% !important;
    max-width: 850px !important;
    flex-basis: 60% !important;
    margin:auto !important;
}



.chatbot-layer[data-chatsize="l"] .chatbot-layer__dialog {

    max-width: 100%;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    flex-basis: 100%;

}



.chatbot-layer[data-chatsize="l"] .chatbot-layer__dialog .chatbot-layer__content {

    height: auto;

    min-height: 100%;

    border-radius: 0;

}





/* ============== Chatbot Layer (CBL) ============== */



.chatbot-layer {
    box-shadow: none !important;
}


.chatbot-layer__content {

    border: 0px !important;

}



/* === Chatbot Layer - Size === */



.modal-dialog.modal-md {

    max-width: 680px;

}



/* Important part */



.modal-dialog {

    overflow-y: initial !important;

}



.modal-body {
    height: 450px;
    height: 40vh;
    overflow-y: auto;
    padding: 20px !important;
}



.modal-content {
    border: 0px;
    border-radius: 0px !important;
}





/* ============== Chatbot - Header ============== */



.chatbot-header {
    background: #E3E3E3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: none;
    border-top-right-radius: none;
}
.chatbot-header__avatar {
    width: 200px;
    background:url(../img/avatar-boebi-ohne-Hintergrund.svg) no-repeat right top;
    height: 50px;
}

.chatbot-header__avatar img {
    max-height: 100px;
    border-radius: 50%;
    border: #ccc 0px solid;
}

.chatbot-header__title {
    color: #575756 !important;
    padding: 14px 12px 6px 12px;
    font-size: 140%;

    display: none;
}

.chatbot-header__title span.modal-title {
    color: #575756 !important;
}

.chatbot-header__title h5 {

    font-size: 100%;

    font-weight: bold;

    color: #fff;

    text-transform: none;

    margin: 0;

}



.chatbot-header .close {
    float: right;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: #575756;
    opacity: 1;
    height: 100%;
    /*background: #c20003;*/
    /*padding: 1rem 2rem !important;*/
}

.chatbot-header .close:hover {
    background-color: transparent;
}

.chatbot-header button.close {
    min-width: unset !important;
}

.chatbot-header .close span {
    color: #575756 !important;
}




/* ============== Chatbot - Footer ============== */

/* === Container === */

.chatbot-footer {
    border-top: 0px solid #eaf0f6 !important;
    box-shadow: 0px -4px 9px -4px #999;
    z-index: 999;
}

.chatbot-footer__type-message {
    width: 100%;
    margin: 0 !important;
    /*padding: 20px 20px !important;*/
    display: flex;
}

/* === Input Field === */

.chatbot__input {
    flex-basis: 90%;
    flex: auto;
    outline: 0;
    border: 0px solid #B4B4B4 !important;
    color: rgba(0, 0, 0, 1) !important;
    padding: 40px 60px 35px 35px !important;
    /*background: #00457B !important;*/
    border-radius: 0px !important;
    transition: background 0.2s ease-in;
    font-size: 1.2rem !important;
}

.chatbot__input::placeholder {color: #000 !important; opacity: 1 !important;}
.chatbot__input::-ms-input-placeholder {color: #000 !important; opacity: 1 !important;}
.chatbot__input:-ms-input-placeholder {color: #000 !important; opacity: 1 !important;}

.chatbot__input:hover {
    margin: 0;
    border: 0px solid #ccc;
}

.chatbot__input:focus {
    color: rgba(0, 0, 0, 1) !important;
}

/* === Submit Button ===*/

.chatbot__submit {
    outline: 0;
    border: none;
    background-color: #c20003 !important;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    padding: 38px !important;
    min-width: 7rem !important;
}


.chatbot__submit:hover {
    background: #AC2028 !important;
    outline: 0;
}


.chatbot__submit:focus,
.chatbot__submit:target,
.chatbot__submit:active {
    outline: #000 solid 0px !important;
    border: 0px solid #000 !important;
}


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

#chatbot__submit:hover i::before {
    color: #fff !important;
}



/* ============== Chatbot - Body ============== */


.chatbot__body .chatbot__messages {

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    align-items: flex-start;

}





.animation:last-child {

    animation: fadein 0.25s;

    animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



/* ============== Chatbot - Spinner ============== */

.spinme-right {

    display: inline-block;

    padding: 15px 20px;

    font-size: 14px;

    border-radius: 30px;

    line-height: 1.25em;

    font-weight: 100;

    opacity: 0.2;

}



.spinme-left {

    display: inline-block;

    padding: 15px 20px;

    font-size: 14px;

    color: #ccc;

    border-radius: 30px;

    line-height: 1.25em;

    font-weight: 100;

    opacity: 0.2;

}



.spinner {

    margin: 0;

    width: 100%;

    text-align: center;

}



.spinner>div {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    background: rgba(0, 0, 0, 1);

}



.spinner .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.spinner .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0)
    }



    40% {

        -webkit-transform: scale(1.0)
    }

}



@keyframes sk-bouncedelay {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }



    40% {

        -webkit-transform: scale(1.0);

        transform: scale(1.0);

    }

}





/* ============== Chatbot - Speech Bubbles ============== **/

.bubble {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 140%;
    min-width: 60%;
    /*box-shadow: 0px 20px 13px -24px rgba(0, 0, 0, 0.6);*/
}



.bubble p {
    margin: 0 0 1rem 0;
    padding: 0;
}

.bubble-chatbot a,

.bubble-chatbot a:link,

.bubble-chatbot a:visited {

    text-decoration: underline;
    color: #000;

}



.bubble-chatbot a:hover {
    text-decoration: none;
    color: #C20003;
}



.bubble-chatbot {
    margin: 20px 0px 15px 0px !important;
    border: 4px solid #B4B4B4;
    border-radius: 85px 85px 85px 0px;
    padding: 30px 40px !important;
    text-align: left;
    color: #000 !important;
    position: relative;
    background: transparent;
    left: 0;
}


/*.bubble-chatbot::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #c20003;
    border-top: 10px solid #c20003;
    border-bottom: 10px solid transparent;
    right: 19px;
    bottom: -20px;
  }*/


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







.bubble-chatbot:first-child {

    margin: 0px 30px 10px 0px;



}



.bubble-chatbot .date {

    color: #000;

}



.bubble-user {
    right: 0;
    align-self: flex-end;
    margin: 20px 30px 15px 0px !important;
    border: 4px solid #ac2028;
    border-radius: 85px 85px 0px 85px;
    padding: 25px !important;
    text-align: left;
    color: #000;
    position: relative;
    background: #f0f0f0;
}

.bubble-user p{
    margin: 0 !important;
}



/* === Chatbot Answer - Selection === */



.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;

}



.chatbot-selection span:hover {

    background: #AC2028;

    color: #fff;

}





/* ============== Chatbot - Loader ============== */



.loader {

    margin-bottom: -2px;

    text-align: center;

    opacity: 0.3;

}



.loader__dot {

    display: inline-block;

    vertical-align: middle;

    width: 6px;

    height: 6px;

    margin: 0 1px;

    background: white;

    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;

    }

}



* {

    box-sizing: border-box;

}



/*Loading */



#is-loading {
    text-align: center;
    min-width: 10%;
}



/* ============== Chatbot - Wetter ============== */





h4.wtilo {
    color: #fff;
    font-size: 200%;
}



.weatherBox {

    padding: 2px;

}



.weatherBox img {

    float: right;

}



.weatherBox .date {
    font-weight: bold;
    color: #000;
}



.weatherBox .wi-stack {

    font-size: 300%;

}



.weatherBox .iv-stack {

    font-size: 500%;

}



.bubble-chatbot .weatherBox * {

    background-color: transparent;

}



.weatherBox .kopf .iv-stack {

    float: right;

    margin: 0 0 25px 0;

}



.weatherBox .title {

    font-weight: bold;

    font-size: 1.2rem;

}



.weatherBox .date {
    font-weight: bold;
    font-size: 1.2rem;
}



.weatherBox .bez {

    font-weight: bold;

}



.weatherBox .bez:after {

    content: ":";

}



.weatherBox .rumpf>div {

    display: flex;

}



.weatherBox .rumpf > div > .bez {

    flex-basis: 35%;

}
.weatherBox .rumpf .temperature .bez {flex-basis: 35% !important;}


.weatherBox .rumpf {

    padding-bottom: 0px;

    padding-top: 15px;

}



.weatherBox .forecasts {

    padding-top: 20px;

    border-top: 1px solid #ccc;

}



.weatherBox .forecasts .forecast {

    border-bottom: 1px solid #ccc;

    padding-bottom: 20px;

}



.weatherBox .forecasts .forecast:last-child {

    border-bottom: 0px solid #ccc !important;

}



.weatherBox .forecasts .iv-stack {

    float: left;

    margin: 0 25px 0 0;

}



.weatherBox .forecasts .forecastDate {

    font-weight: bold;

    font-size: 1.2rem;

}



/* ============== Chatbot - Antwort | Buttons ============== */

.chatbot__message button,
.chatbot__message .btn-ortena {
    /*border-bottom: 2px solid #999999 !important;*/
    background: none !important;
    color: #ac2028 !important;
    /*transition: all 0.3s ease-in;*/
    /*margin-bottom: 1rem !important;*/
    width: 100%;
    text-align: left;
    font-weight: normal;
    font-size: 1.2rem !important;
    line-height: 140% !important;
    /*border-bottom: 1px solid #999 !important;*/
    height: unset !important;
    border: none !important;
}


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

.chatbot__message button.btn-ortena.oeffnungszeiten,
.chatbot__message button.btn-ortena.orgleistung {
    color: #000 !important;
    transition: all 0.3s ease-in;
    width: 100%;
    text-align: left;
}


.chatbot__message .card-footer {
    background-color: transparent !important;
    border-top: 0px solid rgba(0,0,0,.125) !important;
    margin: 40px 0 !important;
    padding: 0 !important;
}

.fa-clock::before {
	content: "\f017" !important;
}

.chatbot__message .btn-primary {
    color: #000 !important;
    background-color: #f0f0f0 !important;
    border: 0px !important;
}

.chatbot__message .btn-primary:hover,
.chatbot__message .btn-primary:focus {
    background: transparent !important;
    border-radius: 0px !important;
    border: 1px #fbedb5 !important;
    transition: none;
}


.chatbot_message .fflink {
    color: #eaf0f6;
}


p.chatbot__intro { font-weight: bold;}

/* ============== Chatbot - Antwort | Details and Summary ============== */

summary {

    background: #9DADBC;

    padding: 10px 15px;

    border: 2px solid #9DADBC;

    color: #000;

    border-radius: 0.75rem;

    text-decoration: none;

}



summary:hover,

summary:focus {

    background: #AC2028;

    padding: 10px 15px;

    border: 2px solid #AC2028;

    color: #fff;

    border-radius: 0.75rem;

    text-decoration: none;

}



details {

    padding-bottom: 15px;

}

/* ============== RSS ============== */

.rssBox .date {
    font-size: 130%;
    padding: 0;
}

/* ============== Sonstiges ============== */

/* Gabi Server */

#main .chatbot__message a {
    font-size: 100%;
    white-space: normal;
    text-align: left;
    text-decoration: underline;
    background: transparent !important;
}

#main .chatbot__message a:hover, #main .chatbot__message a:focus {
    background: transparent !important;
    border: 1px #fbedb5 !important;
    box-shadow: none !important;
}

#main .chatbot__message a:before {
    font-family: "FontAwesome";
    content: "\f0a9";
    color: #c20003;
    font-size: 1.2rem;
    margin-right: 7px;
    display: inline-block !important;
    text-decoration: none !important;
}

#main .chatbot__message a.vCard {
    text-decoration: none !important;
}

.bubble-chatbot .card,
.bubble-chatbot .card,
.bubble-chatbot .card,
.bubble-chatbot .card div {
    border-radius: 0px !important;
    border: none !important;
    /*background: transparent !important;*/
    background: #F0F0F0 !important;
    margin-bottom: 5px;
}



.feedback {
    width: 40px;
    z-index: 2222;
    position: absolute;
    right: -60px !important;
    bottom: 0px;
}


ul.feedback__buttons {
    list-style: none !important;
}

.feedback__buttons li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.feedback__buttons i::before {
	font-size: 2rem !important;
}



.feedback button {
    margin-top: 5px;
    outline: 0;
    background: transparent !important;
    border: 0px solid #fff !important;
    color: #C20003!important;
    cursor: pointer;
    font-size: 28px;
    /*height: 42px;
    width: 42px;*/
    right: 16px;
    /*border-radius: 50%;*/
    transition: 0.3s ease all;
    display: contents;
}

.feedback button:hover {
    color: #AC2028 !important;
}

.feedback__buttons button:hover {
    background: transparent !important;
    border: 0px;
}

.feedback__antwort {
    text-align: center;
}

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

.bubble-chatbot a.feedback__button,
.bubble-chatbot a.feedback__button:link{
    text-decoration: none;
    color: #000;
    border: 0px !important;
    background: #fff;
    transition: 0.3s ease all;
}

.bubble-chatbot a.feedback__button:hover,
.bubble-chatbot a.feedback__button:focus {
    background: #ffed00;
    border-radius: 0px !important;
    border: 0px !important;
    /*color: #fff;*/
}


/* ============== Chatbot - CARD LAYOUT ============== **/



.chatbot-card {
    padding: 0px;
}

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

.chatbot-card__title {
    margin-bottom: 10px !important;
    font-weight: bold !important;
    color: #ac2028 !important;
}

.chatbot-card__title .gcsxTitle {
    font-size: 1em !important;
    line-height: 1.5em !important;
    font-weight: bold !important;
}

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

.chatbot-card__body .chatbot-intro {
    margin-bottom: 1.25rem !important;
}

.chatbot-card__body .vCard .bez {
	width: 5em !important;
}

.chatbot-card__body .mail {
	margin-top: 20px !important;
}

.chatbot-card__body .mail i, .chatbot-card__body .phone i {
	margin-right: 10px !important;
}

.chatbot-card__body .cityline {
    padding-left: 0 !important;
}

.chatbot-card__body .street-address::before {
    content: none !important;
}

.chatbot-card__body .organization {display: none;}

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

.chatbot-card__selection {
    background: transparent !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    color: #fff;
}

.selection__items,
.accordion__items {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}



.selection__item,
.accordion__item {
    border-bottom: 0px solid #ccc;
    padding: 10px !important;
    margin: 0px 0px 10px 0px !important;
    background: #F0F0F0 !important;
    list-style: none !important;
}

.selection__items a,
.accordion__items a {
    font-weight: normal !important;
    font-size: 1.2rem !important;
}

.chatbot-card__selection .selection__item .btn-ortena {
	position: relative;
	background: transparent !important;
	color: #000 !important;
	width: 100%;
	border: 0px;
	border: 0px solid rgba(60, 96, 153, 0.25) !important;
	white-space: normal;
    display: flex;
}
.chatbot-card__selection .selection__item .btn-ortena:hover {
	text-decoration: none !important;
}

.chatbot-card__accordion .accordion__item .btn-ortena {
    position: relative;
    background: transparent !important;
    color: #000 !important;
    width: 90%;
    border: 0px;
    text-align: left;
    border: 0px solid rgba(60, 96, 153, 0.25) !important;
    /*padding: .625rem 2.125rem !important;
    margin-bottom: 10px !important;
    /*border-radius: 1rem !important;*/
}

.chatbot-card__selection .selection__item .btn-ortena::before, .chatbot-card__accordion .accordion__item .btn-ortena::before {
    font-family: "FontAwesome";
    content: "\f0a9";
    color: #c20003;
    font-size: 1.2rem;
    margin-right: 10px;
}

.chatbot-card__selection .selection__item .btn-ortena:hover::before, .chatbot-card__accordion .accordion__item .btn-ortena:hover::before {
    text-decoration: none !important;
    display: block !important;
}

.chatbot-card__weitereInformationen {
    padding: 20px;
}

.chatbot-card--weitereInformatione {
    margin-top: 20px !important;
}

.sp-oe-oeffnungszeit-typ {
	margin-top: 2rem;
}

.card-header button {
    background: transparent !important;
    color: #000 !important;
    white-space: normal;
    padding: 0 !important;
}

.card-header button:focus {
    border: none !important;
    border-radius: 0px !important;
}

.selection__item:hover,
.selection__item:focus,
.selection__item:active {
    border: 0 !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    color: #000 !important;
    list-style: none !important;
}

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



/*Veranstaltungen*/
.chatbot-card__selection li.vkitem { 
    background-color: #F0F0F0 !important;
    margin-bottom: 10px !important;
    padding: 20px !important;
}

.chatbot-card__selection li.vkitem .img{ 
    display: none !important;
}

.chatbot-card__selection li.vkitem a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    text-decoration: none !important;
}

.chatbot-card__selection li.vkitem a:before {
    content: "\f133";
    font-family: "FontAwesome";
    color: #000;
    font-size: 1.2rem;
} 

.chatbot-card__selection li.vkitem a.time:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.chatbot-card__selection a div.von {
    text-decoration: none !important;
}
.chatbot-card__selection a div.bis {
    text-decoration: none !important;
    display: contents !important;  
}

.chatbot-card__selection .bis::before {
    content: "bis  ";
}

.chatbot-card__selection .time::before {
    content: "  |  ";
}

.chatbot-card__selection li .titel {
	width: 100%;
}

.chatbot-card__selection li a .titel {
    text-decoration: underline !important;
    text-transform: uppercase;
}

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

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

.chatbot__message summary {
    border: 0;
    border-radius: 0px;
    background: transparent;
    color: #ac2028;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    padding: 15px;
    margin-bottom: 20px !important;
}

.chatbot__message summary:hover {
    background: #fbedb5 !important;
}

.chatbot__message ul {
    margin-bottom: 20px;
}



/* Sonstiges TEMP */
.chatbot__message h1 {
    font-size: 1.875rem !important;
    line-height: 2.1875rem !important;
    margin: 1.25rem 0 !important;
}


.chatbot__message img {
    max-width: 400px;
    height: auto;
}



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

.rssBox .title {
	font-weight: bold;
	color: #ac2028;
}

.bubble {
    max-width: 85%;
}

.gcsxTitle,
.osmTitle {
    font-size: medium !Important;
    font-weight: normal !important;
}


/*SSL-Ergänzungen*/
.pull-right {float: left;}
.pull-right a {margin-left: 0 !important;}
.pull-right a::before {
	content: "\f0a9";
    font-family: 'FontAwesome' !important;
    font-style: normal;
    text-decoration: none !important;
}

.card-body {
    p {
        /*padding: .225rem 1.125rem !important;*/
    }
    p > a {text-decoration: none !important;}
    .pull-right a::before {
        content: "\f0a9"; 
        font-family: 'FontAwesome' !important;
        font-style: normal;
        text-decoration: none !important;
    }
}

.vCard a.vCard::before {
	content: "\f007";
    font-family: 'FontAwesome' !important;
    font-style: normal;
    color: #C20003;
    font-size: 1.875rem !important;
    text-decoration: none !important;
}
.vCard img {display: none;}

/*Loader Dots*/
@keyframes dot-keyframes {
    0% {
      opacity: .4;
      transform: scale(1, 1);
    }
  
    50% {
      opacity: 1;
      transform: scale(1.2, 1.2);
    }
  
    100% {
      opacity: .4;
      transform: scale(1, 1);
    }
  }
  
.loading-dots {
    text-align: center;
    width: 100%;
}

.loader__dot {
    animation: dot-keyframes 1.5s infinite ease-in-out;
    background-color: #ac2028 !important;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 5px !important;
}

.loader__dot:nth-child(2) {
    animation-delay: .5s;
}

.loader__dot:nth-child(3) {
    animation-delay: 1s;
}

/*Killerfocus ausschalten*/
#chatbot > :focus {
    /*Color damit das Avatar-Bild beim schließen des Fensters nicht verschwindet*/
    background-color: transparent !important;
    outline: 0 !important;
}

#chatbot .chatbot__messages:focus {
    background: none !important;
    outline: 0 !important;
}



@media only screen 
   and (max-width : 768px) {
   /* Styles here */
   .chatbot__message h1 {
        font-size: inherit !important;
        line-height: inherit !important;
        margin: inherit !important;
   }
   .vCard a.vCard::before {
       font-size: inherit !important;
   }
   .chatbot-card__selection .selection__item .btn-ortena,
   .chatbot-card__accordion .accordion__item .btn-ortena,
   .chatbot__message button.btn-ortena.oeffnungszeiten, 
   .chatbot__message button.btn-ortena.orgleistung {
       border: 0px solid rgba(60, 96, 153, 0.25) !important;
       padding: 10px 10px 0px 10px !important;
   }

   .chatbot-card__selection .selection__item .btn-ortena::after, .chatbot-card__accordion .accordion__item .btn-ortena::after {
	    right: 3px;
	    top: 3px;
    }
   .bubble {
	    max-width: unset !important;
        width: 100% !important;
    }
    .chatbot__submit {
        width: 50px !important;
        min-width: unset !important;
        padding: 0 !important;
        height: unset !important;
    }
    .feedback__buttons i::before {
        font-size: 1.2em !important;
    }
    .feedback {
        z-index: 2222;
        position: relative;
        /*right: -45px !important;
        bottom: 15px;*/
    }

    ul.feedback__buttons {
        display: inline-flex;
    }

    .feedback__buttons li {
        margin: 0 !important;
        padding: 10px 0 0 0 !important;
        max-width: 60px;
    }

    .chatbot__input {
        font-size: 1.2rem !important;
        padding: 20px 10px !important;
    }

    .weatherBox .rumpf > div {
        display: inline-grid;
    }

    .chatbot-card__selection .selection__item .btn-ortena::before, .chatbot-card__accordion .accordion__item .btn-ortena {
        content: none;
    }

}

.bubble-chatbot  .rss {
     color: #000 !important;
}


/*SVG Avatar*/


.karlo__container {
  position: fixed;
 /* right:-90px;*/
 right:0;
  bottom:30px;
  display: block;
  z-index: 1040;
  background:url(../img/avatar-boebi.svg) no-repeat right top !important;
  height: 50px;
  transition: all 0.5s;
}


/*.karlo__container:hover .karlo {    

}*/

.karlo__container:hover .karlo--hover {
    display:block;
}

.karlo {position: absolute;}
.karlo--hover {
    position: absolute;display: none;
}
a.karlo__container:hover,a.karlo__container:focus {
	right: 0px;
    transition: all 0.5s;
    background:url(../img/avatar-boebi-hover.svg) no-repeat right top !important; 
    height: 50px;
}

/*@keyframes move {
  4%, 100% {opacity: 0;}
  0% {opacity: 0;}
  1% {opacity: 1;}
  3% {opacity:1;}
}*/



.home #main .ym-col2 #content #chatbot * {
    /*line-height: 2.1875rem;*/
    line-height: 140%;
}

/* CHATTEAM-314 */
/*
.bubble-chatbot a.menuinternallink{
  /*display: inline-flex;
align-items: center;
}

.bubble-chatbot a.menuinternallink:after {
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: 300;
    margin-left: 8px;
    min-width: 30px;
    min-height: 30px;
   content: "\f0a9"; 
 content: url('../img/circle-arrow-right-light.svg');
}*/