.simple-lang-switch { display: block;
text-align: right;
margin-top: 10px;
}
.simple-lang-switch a { font-size: 14px;
text-decoration: none !Important;
}  .wp-block-button__link.einfacher-ghost-button {
background-color: transparent !important; border: 2px solid var(--global-palette1); color: var(--global-palette1) !important; transition: all 0.3s ease; display: inline-flex;
} .wp-block-button__link.einfacher-ghost-button:hover {
background-color: var(--global-palette1) !important; color: #ffffff !important; border-color: var(--global-palette1); }
.einfacher-svg {
font-size: 21px;
display: inline-flex;
justify-content: center;
align-items: center;
}.sbhh-wochen-online-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;
}  @-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sbhh-wochen-online-termin-list-container { columns: 2;
column-gap: 20px;
padding: 0 !important; list-style: none; background-color: white;
}
li.sbhh-wochen-online-termin {
break-inside: avoid;
padding: 0 15px 30px 40px;
position: relative;
border-radius: 8px;
}
li.sbhh-wochen-online-termin::before {
content: ''; display: block;
width: 24px; 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; top: 5px;
}
.sbhh-wochen-online-hinweis {
font-weight: bold;
} @media (max-width: 768px) {
.sbhh-wochen-online-termin-list-container {
columns: 1;
}
}
.sbhh-wochen-online-ausfallhinweis {
display: block;
flex-grow: 1;
flex-shrink: 1; background-repeat: no-repeat;
padding: 5px 0;
box-sizing: border-box; line-height: 1.4em !important;
}
.sbhh-wochen-online-termine-marker-temp{
margin-top: 10px;
border-left: 7px solid green;
padding-left: 10px;
}
.sbhh-wochen-online-ausnahme {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: normal;
align-items: center;
align-content: normal;
column-gap: 5px;
}
.sbhh-wochen-online-ausfallhinweis-x {
box-sizing: border-box;
color: red;
font-weight: bold;
font-size: 1.5em;
}.sbhh_teams_raum_button_wrapper {
display: block;
}
.sbhh_teams_raum_button_base {
display: inline-block;
text-decoration: none;
margin-bottom: 5px;
}
.sbhh_teams_raum_button_geschlossen { color: var(--global-palette12);
font-size: 0.9em;
}
.sbhh_teams_raum_button_beendet {
color: green;
font-size: 0.9em;
}
.sbhh_teams_raum_button_checked {
color: green;
font-weight: bold;
font-size: 1.0em;
vertical-align: middle;
text-shadow: 1px 1px green;
}
.sbhh_teams_raum_button_active {
color: #ffffff !important;
background-size: 0 0 !important;
}
.sbhh_teams_raum_button_active:hover,
.sbhh_teams_raum_button_active:focus,
.sbhh_teams_raum_button_active:active {
color: var(--global-palette1) !important;
}
.sbhh_teams_raum_button_disabled {
padding: 7px 25px;
background-color: #f2f2f2;
color: #666666 !important;
cursor: not-allowed;
border: 2px solid #ccc;
font-size: 16px;
border-radius: 3px;
min-width: 250px;
} .sbhh_teams_raum_button_progress_container {
position: relative;
width: 100%;
max-width: 400px;
height: 15px;
background: #eee;
border-radius: 6px;
display: flex;
overflow: hidden; margin-top: 8px;
}  .sbhh_teams_raum_button_seg_pre {
width: 20%;
background-color: #add8e6;
} .sbhh_teams_raum_button_seg_live1 {
width: 40%;
background-color: #90ee90;
} .sbhh_teams_raum_button_seg_live2 {
width: 40%;
background-color: #ff6347;
} .sbhh_teams_raum_button_pointer {
position: absolute;
top: -4px;
width: 4px;
height: 20px;
background-color: #333;
border-radius: 2px;
transition: left 0.5s linear;
z-index: 10;
}
.sbhh_teams_raum_button_status {
font-size: 0.85em;
margin-top: 8px;
display: block;
} .sbhh_teams_flip_container {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 15px;
margin-top: 10px;
}
.sbhh_teams_flip_group {
display: flex;
flex-direction: column;
align-items: center;
}
.sbhh_teams_flip_label {
font-size: 0.7em;
color: #666;
text-transform: uppercase;
margin-top: 5px;
}
.sbhh_teams_flip_digits {
display: flex;
gap: 2px;
}
@media only screen and (max-width: 800px) {
.sbhh_teams_flip_open_in {
width: 100%;
}
}
.sbhh_teams_flip_card {
background: #333;
color: #666;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(0, 0, 0, 0.2);
padding: 4px 6px;
border-radius: 2px;
font-size: 1rem;
font-weight: bold;
min-width: 28px;
text-align: center;
position: relative;
border: 1px solid #c3c3c3;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background: linear-gradient(180deg, #eceaea 0%, #eaeaea 25%, #d9d9d9 50%, #cfcfcf 100%)
}