.sbhh-onlineangebot-termine-fadein {
    -webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2026-5-5 14:27:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.sbhh-onlineangebot-termin-list-container {
    /* Setzt Spalten für Desktop */
    columns: 2;
    column-gap: 20px;
    padding: 0 !important; /* Entfernt den Standard-Padding der Liste */
    list-style: none; /* Entfernt die Standard-Listenzeichen */
    background-color: white;
}

li.sbhh-onlineangebot-termin {
    break-inside: avoid;
    padding: 0 15px 30px 40px;
    position: relative;
    border-radius: 8px;
}

li.sbhh-onlineangebot-termin::before {
    content: ''; /* Erstellt das Pseudoelement */
    display: block;
    width: 24px; /* Größe des Kalender-Symbols */
    height: 24px;
    color: #1958A7;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="24" height="24" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M45.683 37.024c0 .42.28 2.468-1.532 3.389-.285.145-.375.09-.376.29-.012 2.42-.019 2.99.012 3.775-.73-.205-1.373-1.023-2.287-2.066-.543-.619-1.388-1.687-1.52-1.694-.73-.037-9.781.069-10.444-.06a2.79 2.79 0 0 1-2.255-2.771c-.007-.93.055-1.294-.119-1.057-.025.033-2.185 2.547-2.225 2.59-.278.3-.977 1.228-1.262 1.063-.215-.125-.06-1.253-.063-1.597-.016-2.324.043-2.375-.08-2.434-.104-.05-.709-.225-1.258-.93-.666-.855-.57-1.42-.57-4.22 0-7.028-.008-7.03.059-7.314.27-1.145 1.183-2.205 2.823-2.215h12.626c1.956.018 2.881 1.481 2.89 2.852.007 1.004-.049 1.23.107 1.233 2.39.045 3.734-.318 4.852 1.044.725.882.62 1.545.62 4.082 0 5.57-.002 5.569.002 6.04z" style="fill:%231a5fb4;stroke:%231a5fb4;stroke-width:.0605552" transform="translate(-21.699 -20.773)"/><path d="M23.202 31.71v-7.04c.002-.142.012-1.19 1.114-1.387.342-.061 11.864-.015 12.896-.011.131 0 1.112.004 1.343.95.055.226.049.228.049 8.805 0 .287.194 1.677-.855 2.024-.261.086-.268.076-7.395.076-3.531 0-3.555-.021-3.8.146-.117.078-1.23 1.395-1.349 1.552-.005.007-.115.152-.106-.03a9 9 0 0 0-.005-1.044c-.173-.806-.853-.453-1.411-.914-.564-.464-.48-.73-.48-3.127z" style="fill:%231a5fb4;stroke-width:.0605552;stroke:%231c71d8;fill-opacity:1" transform="translate(-21.699 -20.773)"/><path d="M44.181 33.89c0 4.274.016 4.287-.105 4.545-.545 1.158-1.572.41-1.787 1.403a9 9 0 0 0-.005 1.045c.01.183-.134-.016-.14-.025-.005-.005-1.187-1.38-1.22-1.416-.245-.26-.298-.225-3.35-.225-7.661 0-7.668.01-7.94-.079-.403-.132-.826-.58-.852-1.161-.005-.106-.055-1.24.022-1.322.078-.083 8.402.025 8.904-.058 1.378-.23 2.382-1.298 2.394-2.843.008-1.03-.019-6.314.017-6.358.064-.08 2.895-.032 2.948-.024 1.34.219 1.114 1.76 1.114 1.795z" style="fill:%23fefefe;stroke-width:.0605552;stroke:%231c71d8" transform="translate(-21.699 -20.773)"/><path d="M5.58 8.333a1.154 1.143 0 0 1-1.15 1.144 1.154 1.143 0 0 1-1.158-1.135 1.154 1.143 0 0 1 1.141-1.151A1.154 1.143 0 0 1 5.58 8.318l-1.153.016z" style="fill:%23fff;fill-opacity:1;stroke:%23fff;stroke-width:.381752;stroke-linecap:square;stroke-miterlimit:0;paint-order:markers fill stroke"/><path d="M10.32 8.333a1.154 1.143 0 0 1-1.15 1.144 1.154 1.143 0 0 1-1.158-1.135 1.154 1.143 0 0 1 1.141-1.151 1.154 1.143 0 0 1 1.166 1.127l-1.153.016zM14.855 8.333a1.154 1.143 0 0 1-1.149 1.144 1.154 1.143 0 0 1-1.158-1.135 1.154 1.143 0 0 1 1.141-1.151 1.154 1.143 0 0 1 1.166 1.127l-1.153.016z" style="clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:%23fff;stroke-width:.381752;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:markers fill stroke"/></svg>');
    background-size: contain;
    position: absolute;
    left: 5px; /* Position des Symbols */
    top: 5px;
}

.sbhh-onlineangebot-hinweis {
    font-weight: bold;
}

/* Media Query für Smartphones */
@media (max-width: 880px) {
    .sbhh-onlineangebot-termin-list-container {
        columns: 1;
    }
}

.sbhh-onlineangebot-ausfallhinweis {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    background-repeat: no-repeat;
    padding: 5px 0;
    box-sizing: border-box;
    /*margin-top: 10px;*/
    line-height: 1.4em !important;
}

.sbhh-onlineangebot-termine-marker-temp{
    margin-top: 10px;
    border-left: 7px solid green;
    padding-left: 10px;
}

.sbhh-onlineangebot-ausnahme {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: center;
    align-content: normal;
    column-gap: 5px;
}

.sbhh-onlineangebot-ausfallhinweis-x {
    box-sizing: border-box;
    color: red;
    font-weight: bold;
    font-size: 1.5em;
}