.tbgz-skip-link{position:absolute;left:0;top:0;transform:translateY(-130%);padding:10px 14px;z-index:9999;background:#fff;color:#000;border:2px solid currentColor;border-radius:8px;text-decoration:none;}
.tbgz-skip-link:focus{transform:translateY(0);} .tbgz { --tbgz-accent-soft: rgba(0,0,0,.15);
--tbgz-accent-faint: rgba(0,0,0,.07);
color: var(--tbgz-accent, #000);  border:0px solid var(--tbgz-accent, #000);
border-radius:0px!important;
background:#fff;
padding: 6px 22px 22px 22px;
box-sizing:border-box
} .tbgz [hidden]{
display:none !important;
}
.tbgz * {
box-sizing:border-box
}
.tbgz-step1,.tbgz-step2,.tbgz-step3{
padding-top: 6px;
} .tbgz-topbar{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
padding: 10px 0 18px 0; min-height: 72px;
}
.tbgz-topbar-left{
flex:0 0 44px;
display:flex;
align-items:center;
justify-content:flex-start;
}
.tbgz-topbar-center{
flex:1;
min-width:0;
display:flex;
justify-content:center; }
.tbgz-topbar-right{
flex:0 0 44px;
} @supports (color: color-mix(in srgb, #000 50%, #fff)){
.tbgz{
--tbgz-accent-soft: color-mix(in srgb, var(--tbgz-accent, #000) 20%, #fff);
--tbgz-accent-faint: color-mix(in srgb, var(--tbgz-accent, #000) 10%, #fff);
}
} .tbgz{color:var(--tbgz-accent, #000)}
.tbgz svg{fill:currentColor;stroke:currentColor}
.tbgz-muted {
color:var(--tbgz-accent, #000);
font-size:13px
}
.tbgz-btn {
display:inline-block;
text-decoration:none;
padding:6px 16px;
border-radius:10px;
border:1px solid var(--tbgz-accent, #000);
background:var(--tbgz-accent, #000);
color:#fff;
font-weight:600;
cursor:pointer;
transition:background .15s ease,color .15s ease
} .tbgz-btn-primary{
background:var(--tbgz-accent, #000) !important;
color:#fff !important;
}
.tbgz-btn-primary:hover,
.tbgz-btn-primary:focus{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
} .tbgz-btn.tbgz-btn--ghost{
background:#fff;
color:var(--tbgz-accent, #000);
}
.tbgz-btn.tbgz-btn--ghost:hover{
background:var(--tbgz-accent, #000);
color:#fff;
} .tbgz-btn.tbgz-btn--icon{padding:10px 12px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.tbgz-btn:hover {
background:#fff;
color:var(--tbgz-accent, #000)
}
.tbgz-btn:disabled {
background:#fff;
color:var(--tbgz-accent, #000);
border-style:dashed;
cursor:not-allowed
}
.tbgz-actions {
margin-top:18px
}
.tbgz-alert {
margin-top:14px;
padding:12px;
border:1px solid var(--tbgz-accent, #000);
border-radius:12px;
background:#fff;
color:var(--tbgz-accent, #000)
} .tbgz-alert{min-height:44px;display:block;align-items:center}
#tbgzCalendarLogin form input{
border: 1px solid var(--tbgz-accent, #000);
}
.tbgz-table{
width:100%;
border-collapse:collapse;
margin-top:10px
}
.tbgz-table th,.tbgz-table td{
text-align:left;
padding:10px 12px;
border-bottom:1px solid rgba(0,0,0,.1)
}
.tbgz-table th{
font-weight:700
}
.tbgz-step1 { }
.tbgz-cards {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap: 24px; margin:0 auto;
grid-auto-rows:1fr
}
.tbgz-card {
grid-column:span 6
}
@media (max-width: 720px) {
.tbgz-card {
grid-column:span 12
}
}
.tbgz-card {
display:grid;
grid-template-columns:72px 1fr 18px;
gap:30px;
align-items:center;
width:100%;
height:100%;
text-align:left;
border: 1px solid var(--tbgz-accent, #000);
background:#fff;
border-radius:12px;
padding:30px;
cursor:pointer;
transition:background .15s ease,color .15s ease
}
.tbgz-card.tbgz-card--noimg {
grid-template-columns:1fr 18px
}
.tbgz-card:hover {
background:var(--tbgz-accent, #000);
color:#fff
}
.tbgz-card:hover *{color:inherit} .tbgz-card:hover,
.tbgz-card:hover .tbgz-card-title,
.tbgz-card:hover .tbgz-card-desc,
.tbgz-card:hover .tbgz-card-arrow{
color:#fff !important;
}
.tbgz-card:hover svg{fill:currentColor;stroke:currentColor}
.tbgz-card-thumb { border-radius:10px;
overflow:hidden;  display: flex;
justify-content: center;
flex-direction: column;
}
.tbgz-card-thumb img {
width:100%;
height:100%;
object-fit:cover;
display:block;
height: 72px;
}
.tbgz-card-title {
font-weight:800;
font-size:19px;
line-height:1.25; color:var(--tbgz-accent, #000) !important;
text-transform: uppercase;
}
.tbgz-card-desc {
margin-top:8px;
color:var(--tbgz-accent, #000) !important;
font-size:15px;
line-height:1.55
}
.tbgz-card-arrow {
color:var(--tbgz-accent, #000) !important;
text-align:right;
display:flex;
justify-content: center;
flex-direction: column;
}
.tbgz-grid {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:28px;
align-items:start
}
@media (max-width: 980px) {
.tbgz-grid {
grid-template-columns:1fr
}
}
.tbgz-left {
grid-column:span 3;
min-width:0
}
.tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
}
.tbgz-right {
grid-column:span 8;
min-width:0
}
@media (max-width: 980px) {
.tbgz-left,.tbgz-right {
grid-column:auto
}
}
@media (max-width: 980px) {
.tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
}
}
.tbgz-back,.tbgz-back3 {
width:44px;
height:44px;
border-radius:999px;
border:1px solid var(--tbgz-accent, #000);
background:#fff;
color:var(--tbgz-accent, #000);
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background .15s ease,color .15s ease
}
.tbgz-back:hover,.tbgz-back3:hover {
background:var(--tbgz-accent, #000);
color:#fff
}
.tbgz-nav-ico {
width:18px;
height:18px;
display:inline-block;
background:currentColor;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain
}
.tbgz-nav-ico-left {
mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-left%22%3E%3Cpolyline%20points%3D%2215%2018%209%2012%2015%206%22%3E%3C/polyline%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-chevron-left%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22%3E%3C/polyline%3E%3C/svg%3E")
}
.tbgz-nav-ico-right {
mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C/polyline%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22%3E%3C/polyline%3E%3C/svg%3E")
}
.tbgz-nav-ico--left {
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.3 4.3a1 1 0 0 1 0 1.4L10.99 10H20a1 1 0 1 1 0 2h-9.01l4.31 4.3a1 1 0 1 1-1.42 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.43 0z'/%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.3 4.3a1 1 0 0 1 0 1.4L10.99 10H20a1 1 0 1 1 0 2h-9.01l4.31 4.3a1 1 0 1 1-1.42 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.43 0z'/%3E%3C/svg%3E")
}
.tbgz-nav-ico--right {
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.7 19.7a1 1 0 0 1 0-1.4L13.01 14H4a1 1 0 1 1 0-2h9.01L8.7 7.7a1 1 0 1 1 1.42-1.4l6 6a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.42 0z'/%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.7 19.7a1 1 0 0 1 0-1.4L13.01 14H4a1 1 0 1 1 0-2h9.01L8.7 7.7a1 1 0 1 1 1.42-1.4l6 6a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.42 0z'/%3E%3C/svg%3E")
}
.tbgz-sel-img img {
width:120px;
height:120px;
border-radius:14px;
object-fit:cover;
margin:18px 0 8px;
border:1px solid var(--tbgz-accent, #000)
}
.tbgz-sel-title {
font-size: 31px;
line-height:1.15;
font-weight:650;
margin: 42px 0 10px;
color:var(--tbgz-accent, #000);
text-transform: uppercase;
}
.tbgz-sel-desc {
margin-top:14px;
color:var(--tbgz-accent, #000);
font-size:16px;
line-height:1.5
} .tbgz-sel-desc{margin-bottom:35px}
.tbgz-iconlist {
list-style:none;
padding:0;
margin:10px 0 0;
display:flex;
flex-direction:column;
gap:20px
}
.tbgz-left-meta {
padding-top:8px
}
Hpx 0 0;
display:flex;
flex-direction:column;
gap:10px
}
.tbgz-iconrow {
display: flex;
align-items: flex-start;
gap: 12px;
}
.tbgz-dot {
width:10px;
height:10px;
min-width:10px;
border-radius:999px;
background:var(--tbgz-accent, #000);
margin-top:2px
}
.tbgz-ico {
width:16px;
height:16px;
min-width:16px;
display:inline-block;
background:currentColor;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain
} .tbgz-ico-hourglass {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
margin-top: 2px !important;
} .tbgz-ico-hourglass {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
}
.tbgz-ico-clock {
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20Zm1 10.4V6h-2v7l5.2 3.1l1-1.7L13 12.4Z'/%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20Zm1 10.4V6h-2v7l5.2 3.1l1-1.7L13 12.4Z'/%3E%3C/svg%3E")
}
.tbgz-ico-pin {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/map-pin.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/map-pin.svg);
}
.tbgz-ico-cal {
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm13 8H6v10h14V10Z'/%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm13 8H6v10h14V10Z'/%3E%3C/svg%3E")
}
.tbgz-ico-time {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/clock.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/clock.svg);
}
.tbgz-ico-hourglass {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
}
.tbgz-ico-hourglass {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
}
.tbgz-right-title {
font-size:22px;
font-weight:700;
margin:0 0 14px;
color:var(--tbgz-accent, #000)
}
.tbgz-picker {
display:block;
}
.tbgz-cal-header {
display:grid;
grid-template-columns:44px 1fr 44px;
align-items:center;
margin-bottom:10px
}
.tbgz-cal-title {
text-align:center;
font-weight:700;
color:var(--tbgz-accent, #000)
}
.tbgz-cal-nav {
width:44px;
height:44px;
border-radius:999px;
border:1px solid var(--tbgz-accent, #000);
background:#fff;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--tbgz-accent, #000);
font-size:24px;
line-height:1;
font-weight:700
}
.tbgz-cal-dow {
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:clamp(4px,0.8vw,10px);
font-size:12px;
color:var(--tbgz-accent, #000);
text-align:center;
margin-bottom:6px
}
.tbgz-cal-grid {
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:clamp(4px,0.8vw,10px)
}
.tbgz-cal-empty {
aspect-ratio:1/1
}
.tbgz-cal-day {
width:100%;
aspect-ratio:1/1;
border-radius:999px;
border:1px solid transparent;
background:#fff;
cursor:pointer;
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto;
padding:0;
font-size:12px;
color:var(--tbgz-accent, #000) !important
}
.tbgz-cal-day:disabled {
opacity:1
}
.tbgz-cal-day:hover {
border-color:var(--tbgz-accent, #000)
}
.tbgz-cal-day.is-selected {
background:var(--tbgz-accent, #000); color:#fff !important;
font-weight:700
}
.tbgz-cal-day.is-disabled,.tbgz-cal-day.is-unavailable {
cursor:not-allowed;
color:var(--tbgz-accent-soft) !important;
background:transparent !important;
border-color:transparent !important;
opacity:1
}
.tbgz-cal-day.is-holiday{
cursor:not-allowed;
color:var(--tbgz-accent-soft) !important;
background:transparent !important;
border-color:transparent !important;
opacity:1;
position:relative
}
.tbgz-cal-day.is-holiday::after{
content:"";
width:6px;
height:6px;
border-radius:999px;
background:var(--tbgz-accent-soft);
position:absolute;
bottom:6px;
left:50%;
transform:translateX(-50%); }
.tbgz-cal-day.is-disabled:hover,.tbgz-cal-day.is-unavailable:hover{border-color:transparent !important}
.tbgz-cal-day.is-available::after {
content:none
}
.tbgz-slotscol {
min-height:320px
}
.tbgz-day-label {
font-weight:700;
color:var(--tbgz-accent, #000);
margin:6px 0 10px
}
.tbgz-slots {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:10px;
max-height:320px;
overflow:auto;
padding-right:6px
}
.tbgz-slot {
grid-column:span 3
}
@media (max-width: 980px) {
.tbgz-slot {
grid-column:span 4
}
}
@media (max-width: 560px) {
.tbgz-slot {
grid-column:span 6
}
}
.tbgz-slot {
border:1px solid var(--tbgz-accent, #000);
background:#fff;
padding:8px 10px;
border-radius:10px;
cursor:pointer;
font-weight:600;
color:var(--tbgz-accent, #000);
text-align:center;
font-size:13px;
transition:background .15s ease,color .15s ease
}
.tbgz-slot:hover {
background:#fff
}
.tbgz-slot.is-selected {
background:var(--tbgz-accent, #000);
color:#fff;
border-color:var(--tbgz-accent, #000)
}
.tbgz-timezone {
display:none
}
.tbgz-right {
min-width:0
}
.tbgz-form-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:14px
}
@media (max-width: 560px) {
.tbgz-form-grid {
grid-template-columns:1fr
}
}
.tbgz-field {
margin:0 0 14px
}
.tbgz-field label {
display:block;
font-weight:700;
margin-bottom:6px;
color:var(--tbgz-accent, #000)
}
.tbgz-field input,.tbgz-field textarea {
width:100%;
border:1px solid var(--tbgz-accent, #000);
border-radius:12px;
padding:12px 12px;
font-size:15px;
min-width:0;
outline:none;
box-shadow:none;
background:#fff;
color:var(--tbgz-accent, #000);
transition:background .15s ease,color .15s ease,border-color .15s ease
}
.tbgz-field input:focus,.tbgz-field textarea:focus {
background:var(--tbgz-accent, #000);
color:#fff;
border-color:var(--tbgz-accent, #000)
}
.tbgz-field input:focus::placeholder,.tbgz-field textarea:focus::placeholder {
color:#fff
}
.tbgz-field textarea {
resize:vertical;
min-height:110px
} .tbgz-hp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important}
.tbgz-fieldset-lite {
border:none;
padding:0;
margin:10px 0 0
}
.tbgz-fieldset-lite legend {
font-weight:700;
color:var(--tbgz-accent, #000);
margin-bottom:8px
}
.tbgz-radio {
display:flex;
gap:10px;
align-items:center;
margin:10px 0;
color:var(--tbgz-accent, #000)
}
.tbgz-radio input {
margin-top:0
}
.tbgz-privacy {
display:flex;
gap:10px;
align-items:flex-start;
margin:16px 0 0;
color:var(--tbgz-accent, #000);
font-size:14px;
line-height:1.4
}
.tbgz-privacy input {
margin-top:3px;
appearance:none;
-webkit-appearance:none;
width:22px;
height:22px;
border:1px solid var(--tbgz-accent, #000);
border-radius:4px;
background:#fff;
display:inline-block;
position:relative;
cursor:pointer;
flex:0 0 auto;
box-shadow:none;
outline:none
}
.tbgz-privacy input:checked {
background:var(--tbgz-accent, #000)
}
.tbgz-privacy input:checked::after {
content:'';
position:absolute;
left: 24%;
top:50%;
width:6px;
height:12px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:translate(-50%,-60%) rotate(45deg)
} .tbgz-arrow {
font-size:24px;
line-height:1;
font-weight:400;
display:inline-block
} @media (max-width: 420px) {
.tbgz {
padding:16px
}
.tbgz-cal-nav {
width:40px;
height:40px;
font-size:22px
}
.tbgz-cal-day {
font-size:12px
}
} .tbgz-back,.tbgz-back3 {
color:var(--tbgz-accent, #000);
transition:background .15s ease,color .15s ease;
border-radius:999px
}
.tbgz-back:hover,.tbgz-back3:hover {
background:var(--tbgz-accent, #000);
color:#fff
}
.tbgz-back-ico {
width:20px;
height:20px;
display:inline-block;
background:currentColor;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.7 5.3a1 1 0 0 1 0 1.4L10.41 11H20a1 1 0 1 1 0 2h-9.59l4.3 4.3a1 1 0 1 1-1.42 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.41 0z'/%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.7 5.3a1 1 0 0 1 0 1.4L10.41 11H20a1 1 0 1 1 0 2h-9.59l4.3 4.3a1 1 0 1 1-1.42 1.4l-6-6a1 1 0 0 1 0-1.4l6-6a1 1 0 0 1 1.41 0z'/%3E%3C/svg%3E");
}
.tbgz-ico-hourglass {
-webkit-mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
mask-image: url(//isy-flagship-radhaus.de/wp-content/plugins/terminbuchung/assets/hourglass.svg);
} .tbgz-alert,.tbgz-field input,.tbgz-field textarea {
border-radius:14px
}
.tbgz-sel-img img {
border-radius:14px
} .tbgz-field label {
font-size: 15px;
font-weight:600
} .tbgz-cal-day.is-disabled,.tbgz-cal-day.is-unavailable {
color:#999
}
.tbgz-cal-day.is-available::after {
content:none !important
} .tbgz-slots {
grid-template-columns:repeat(auto-fill,minmax(92px,1fr));
gap:8px;
max-height:260px
}
.tbgz-slot {
font-size: 12px;
padding:8px 10px;
border-radius:12px;
transition:background .15s ease,color .15s ease
}
.tbgz-slot:hover {
background:var(--tbgz-accent, #000);
color:#fff
} .tbgz-cal-nav {
transition:background .15s ease,color .15s ease
}
.tbgz-cal-nav:hover {
background:var(--tbgz-accent, #000);
color:#fff
} :root {
--tbgz-radius:20px;
--tbgz-gap:28px;
} .tbgz-card,.tbgz-btn,.tbgz-alert,.tbgz-field input,.tbgz-field textarea,.tbgz-slot {
border-radius:var(--tbgz-radius) !important
}
.tbgz-card-thumb {
border-radius:calc(var(--tbgz-radius) - 2px) !important
}
.tbgz-sel-img img {
border-radius:var(--tbgz-radius) !important
} .tbgz-grid {
grid-template-columns:repeat(12,minmax(0,1fr)) !important;
gap:var(--tbgz-gap) !important
}
.tbgz-left {
grid-column:span 3 !important
}
.tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
}
.tbgz-right {
grid-column:span 8 !important
}
@media (max-width: 980px) {
.tbgz-grid {
grid-template-columns:1fr !important
}
.tbgz-left,.tbgz-right {
grid-column:auto !important
}
.tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
}
} .tbgz-cards {
grid-template-columns:repeat(12,minmax(0,1fr)) !important;
grid-auto-rows:1fr;
padding-top: 40px;
}
.tbgz-card {
grid-column:span 6
}
@media (max-width: 720px) {
.tbgz-card {
grid-column:span 12
}
} .tbgz-arrow {
font-size:22px;
line-height:1;
font-weight:400;
display:inline-block
}
.tbgz-back,.tbgz-back3 {
font-size:22px
} .tbgz-cal-nav {
font-size:22px;
font-weight: 400;
} .tbgz-cal-dow,.tbgz-cal-grid {
gap:clamp(4px,1.2vw,10px) !important
}
.tbgz-cal-day {
width:100% !important;
height:auto !important;
aspect-ratio:1/1;
max-width:none;
margin:0;
border-radius:999px
}
.tbgz-cal-empty {
height:auto !important;
aspect-ratio:1/1
}
@media (max-width: 420px) {
.tbgz {
padding:16px
}
.tbgz-cal-day {
font-size:12px
}
} .tbgz-slots {
grid-template-columns:repeat(12,minmax(0,1fr)) !important;
max-height:260px
}
.tbgz-slot {
grid-column:span 3
}
@media (max-width: 860px) {
.tbgz-slot {
grid-column:span 4
}
}
@media (max-width: 560px) {
.tbgz-slot {
grid-column:span 6
}
} .tbgz-field input:focus,.tbgz-field textarea:focus {
outline:none;
box-shadow:none;
border-color:var(--tbgz-accent, #000);
background:var(--tbgz-accent, #000);
color:#fff;
caret-color:#fff
}
.tbgz-field input::placeholder,.tbgz-field textarea::placeholder {
color:#fff
} .tbgz-privacy input[type="checkbox"] {
appearance:none;
-webkit-appearance:none;
inline-size:18px;
block-size:18px;
border:1px solid var(--tbgz-accent, #000);
border-radius:4px;
background:#fff;
display:inline-grid;
place-items:center;
margin-top:4px
}
.tbgz-privacy input[type="checkbox"]:checked {
background:var(--tbgz-accent, #000)
}
.tbgz-privacy input[type="checkbox"]:checked::after {
content:"";
width: 14px;
height: 4px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
margin-top: -7px;
} :root {
--tbgz-radius: 15px;
--tbgz-day:42px
} .tbgz-left {
grid-column:span 4 !important
}
.tbgz-right {
grid-column:span 7 !important
} .tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
} .tbgz-picker {
padding-top: 22px;
} .tbgz-cal-nav {
width:38px;
height:38px;
font-size:18px
}
.tbgz-back,.tbgz-back3 {
width:38px;
height:38px;
font-size:18px
}
.tbgz-arrow {
font-size:18px
} .tbgz-cal-grid,.tbgz-cal-dow {
justify-items:center
}
.tbgz-cal-day {
width:var(--tbgz-day) !important;
height:var(--tbgz-day) !important;
aspect-ratio:auto !important;
margin:0 !important
}
.tbgz-cal-empty {
width:var(--tbgz-day) !important;
height:var(--tbgz-day) !important;
aspect-ratio:auto !important
}
@media (max-width: 420px) {
:root {
--tbgz-day:36px
}
.tbgz-picker {
padding-top:6px
}
} .tbgz-cal-day:focus,.tbgz-cal-day:focus-visible {
outline:none;
box-shadow:none
} .tbgz-slot {
border-radius:0 !important
} .tbgz-cal-nav {
width:38px;
height:38px;
font-size:18px
}
.tbgz-back,.tbgz-back3 {
width:38px;
height:38px;
font-size:18px
}
.tbgz-arrow {
font-size:18px
} .tbgz-cal-dow,.tbgz-cal-grid {
justify-items:center
}
.tbgz-cal-day {
width:var(--tbgz-day) !important;
height:var(--tbgz-day) !important;
aspect-ratio:auto !important;
margin:0 !important;
padding:0 !important
}
.tbgz-cal-empty {
width:var(--tbgz-day) !important;
height:var(--tbgz-day) !important;
aspect-ratio:auto !important
}
@media (max-width: 420px) {
:root {
--tbgz-day:36px
}
} .tbgz-cal-day:focus,.tbgz-cal-day:focus-visible {
outline:none;
box-shadow:none
}
.tbgz-cal-nav:focus,.tbgz-cal-nav:focus-visible {
outline:none;
box-shadow:none
} .tbgz-slot {
border-radius:0 !important
}  .tbgz-divider {
grid-column:span 1;
min-width:0;
position:relative;
align-self:stretch
}
.tbgz-divider::before {
content:"";
width: 1px;
height:200px;
background:var(--tbgz-accent, #000);
display:block;
top: 119px;
left: calc(50% - 5px);
position: relative;
opacity: 0.2;
} .tbgz-step2 .tbgz-right {
padding-top:34px
}
.tbgz-step3 .tbgz-right {
padding-top: 61px;
}
@media (max-width: 980px) {
.tbgz-step2 .tbgz-right,.tbgz-step3 .tbgz-right {
padding-top:10px
}
} .tbgz-cal-nav {
width:34px;
height:34px;
font-size:16px
}
.tbgz-back,.tbgz-back3 {
width:34px;
height:34px
}
.tbgz-arrow {
font-size:16px
} :root {
--tbgz-day:38px
}
@media (max-width: 420px) {
:root {
--tbgz-day:34px
}
} .tbgz-slot {
border-radius: 20px !important;
} .tbgz-privacy {
align-items:flex-start
}
.tbgz-privacy input[type="checkbox"] {
margin-top:2px !important
}
.tbgz-privacy label {
line-height:1.35
} .tbgz-slots.tbgz-is-loading {
min-height:44px
}
.tbgz-iconrow > span:last-child {
display:block;
flex:1;
min-width:0;
font-size:14px;
line-height:1.3;
}
.tbgz-iconrow .tbgz-ico {
flex: 0 0 40px;
margin-top: 7px;
}
.tbgz-iconrow > :not(.tbgz-ico) { flex: 1 1 auto; min-width: 0; } .tbgz-modal-scope{color:var(--tbgz-accent, #000)}
.tbgz-modal-scope .tbgz-modal__body,
.tbgz-modal-scope .tbgz-modal__headline,
.tbgz-modal-scope .tbgz-modal__details{list-style:none;padding-left:0;margin:0 0 12px 0}
.tbgz-modal__details li{margin:0 0 6px 0}
.tbgz-modal__details,
.tbgz-modal-scope .tbgz-modal__details li,
.tbgz-modal-scope .tbgz-modal__note{color:inherit}
.tbgz-modal-scope .tbgz-btn{color:#fff}
.tbgz-modal-scope svg{fill:currentColor;stroke:currentColor}
.tbgz-modal-overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,.45);
display:flex;
align-items:center;
justify-content:center;
z-index: 99999;
padding: 24px;
}
.tbgz-modal{
background:#fff;
border-radius: 12px;
max-width: 860px;
width: 100%;
box-shadow: 0 12px 40px rgba(0,0,0,.25);
overflow:hidden;
border:1px solid var(--tbgz-accent, #000);
}
.tbgz-modal__body{ padding: 32px 32px 18px 32px !important;
font-size: 18px;
line-height: 1.5;
}
.tbgz-modal-overlay .tbgz-modal__body{padding:32px 32px 18px 32px !important;}
.tbgz-modal-overlay .tbgz-modal__actions{padding:10px 18px 18px 18px !important;display:flex !important;justify-content:flex-end !important;align-items:center;gap:12px;flex-wrap:wrap;} .tbgz-modal-overlay .tbgz-modal__actions > *{margin:0 !important;}
.tbgz-modal-overlay .tbgz-modal__actions > * + *{margin-left:12px !important;} .tbgz-modal-overlay .tbgz-btn.tbgz-btn-secondary:hover,
.tbgz-modal-overlay .tbgz-btn.tbgz-btn-secondary:focus{
background:#fff !important;
color:#000 !important;
border:1px solid #000 !important;
}
.tbgz-modal__headline{
font-weight: 700;
font-size: 20px;
margin-bottom: 10px;
color:var(--tbgz-accent, #000);
}
.tbgz-modal__details{
margin: 0;
padding-left: 0;
list-style: none;
}
.tbgz-modal-scope .tbgz-modal__details{ display:flex !important;
flex-direction:column !important;
gap:6px;
}
.tbgz-modal-scope .tbgz-modal__details li{
display:block !important;
margin:0 !important;
width:100%;
}
.tbgz-modal__note{
margin-top: 12px;
font-weight: 600;
}
.tbgz-modal__actions{
padding: 10px 18px 18px 18px;
display:flex;
justify-content:flex-end;
align-items:center;
gap:12px;
flex-wrap:wrap;
} .tbgz.tbgz--invert{
background:var(--tbgz-accent, #000);
color:#fff;
border-color:#fff; --tbgz-accent-soft: rgba(255,255,255,.25);
--tbgz-accent-faint: rgba(255,255,255,.12);
}
.tbgz.tbgz--invert .tbgz-muted{color:#fff;opacity:.9}
.tbgz.tbgz--invert .tbgz-btn,
.tbgz.tbgz--invert .tbgz-btn-primary{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-btn:hover,
.tbgz.tbgz--invert .tbgz-btn:focus,
.tbgz.tbgz--invert .tbgz-btn-primary:hover,
.tbgz.tbgz--invert .tbgz-btn-primary:focus{
background:var(--tbgz-accent, #000) !important;
color:#fff !important;
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-card,
.tbgz.tbgz--invert .tbgz-card-thumb,
.tbgz.tbgz--invert .tbgz-slot,
.tbgz.tbgz--invert .tbgz-cal-nav,
.tbgz.tbgz--invert .tbgz-cal-day,
.tbgz.tbgz--invert .tbgz-field input,
.tbgz.tbgz--invert .tbgz-field textarea,
.tbgz.tbgz--invert .tbgz-alert{
background:var(--tbgz-accent, #000);
color:#fff !important;
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-field input::placeholder,
.tbgz.tbgz--invert .tbgz-field textarea::placeholder{color:rgba(255,255,255,.8)} .tbgz.tbgz--invert .tbgz-field input:focus,
.tbgz.tbgz--invert .tbgz-field textarea:focus{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:var(--tbgz-accent, #000) !important;
}
.tbgz.tbgz--invert .tbgz-field input:focus::placeholder,
.tbgz.tbgz--invert .tbgz-field textarea:focus::placeholder{color:var(--tbgz-accent, #000)} .tbgz.tbgz--invert .tbgz-field label,
.tbgz.tbgz--invert .tbgz-right-title,
.tbgz.tbgz--invert .tbgz-sel-title,
.tbgz.tbgz--invert .tbgz-sel-desc,
.tbgz.tbgz--invert .tbgz-cal-title,
.tbgz.tbgz--invert .tbgz-day-label{color:#fff !important}
.tbgz.tbgz--invert .tbgz-dot{background:#fff} .tbgz.tbgz--invert .tbgz-cal-dow{color:rgba(255,255,255,.85)}
.tbgz.tbgz--invert .tbgz-cal-day{
background:var(--tbgz-accent, #000);
color:#fff !important;
border-color:transparent;
}
.tbgz.tbgz--invert .tbgz-cal-day:hover{border-color:#fff}
.tbgz.tbgz--invert .tbgz-cal-day.is-selected{
background:#fff;
color:var(--tbgz-accent, #000) !important;
border-color:#fff;
}
.tbgz.tbgz--invert .tbgz-cal-day.is-disabled,
.tbgz.tbgz--invert .tbgz-cal-day.is-unavailable{
color:rgba(255,255,255,.45) !important;
background:transparent !important;
border-color:transparent !important;
}
.tbgz.tbgz--invert .tbgz-cal-day.is-disabled:hover,
.tbgz.tbgz--invert .tbgz-cal-day.is-unavailable:hover{border-color:transparent !important} .tbgz.tbgz--invert .tbgz-slot{
background:var(--tbgz-accent, #000);
color:#fff;
border-color:#fff;
}
.tbgz.tbgz--invert .tbgz-slot,
.tbgz.tbgz--invert .tbgz-slot *{color:inherit !important;}
.tbgz.tbgz--invert .tbgz-slot:hover{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:var(--tbgz-accent, #000) !important;
box-shadow:none;
}
.tbgz.tbgz--invert .tbgz-slot.is-selected{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:var(--tbgz-accent, #000) !important;
} .tbgz.tbgz--invert .tbgz-btn:disabled{
background:var(--tbgz-accent, #000) !important;
color:rgba(255,255,255,.55) !important;
border-color:rgba(255,255,255,.55) !important;
border-style:dashed;
}
.tbgz.tbgz--invert .tbgz-btn.tbgz-btn--ghost{
background:var(--tbgz-accent, #000);
color:#fff;
border-color:#fff;
}
.tbgz.tbgz--invert .tbgz-btn.tbgz-btn--ghost:hover{
background:#fff;
color:var(--tbgz-accent, #000);
} .tbgz.tbgz--invert .tbgz-divider::before{background:rgba(255,255,255,.7)} .tbgz-modal-scope.tbgz--invert,
.tbgz-modal-overlay.tbgz--invert{color:#fff}
.tbgz--invert .tbgz-modal{background:var(--tbgz-accent, #000);border-color:#fff}
.tbgz--invert .tbgz-modal__headline{color:#fff} .tbgz.tbgz--invert .tbgz-card:hover{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
}
.tbgz.tbgz--invert .tbgz-card:hover *{color:inherit !important;}
.tbgz.tbgz--invert .tbgz-card:hover svg{fill:currentColor;stroke:currentColor} .tbgz.tbgz--invert .tbgz-card-title,
.tbgz.tbgz--invert .tbgz-card-desc,
.tbgz.tbgz--invert .tbgz-card-arrow{color:#fff !important;}
.tbgz.tbgz--invert .tbgz-card:hover .tbgz-card-title,
.tbgz.tbgz--invert .tbgz-card:hover .tbgz-card-desc,
.tbgz.tbgz--invert .tbgz-card:hover .tbgz-card-arrow{color:var(--tbgz-accent, #000) !important;} .tbgz.tbgz--invert .tbgz-cal-nav{
background:var(--tbgz-accent, #000) !important;
color:#fff !important;
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-cal-nav:hover{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:#fff !important;
} .tbgz.tbgz--invert .tbgz-back,
.tbgz.tbgz--invert .tbgz-back3{
background:var(--tbgz-accent, #000) !important;
color:#fff !important;
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-back:hover,
.tbgz.tbgz--invert .tbgz-back3:hover{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:#fff !important;
} .tbgz.tbgz--invert .tbgz-cal-day.is-selected:hover{
background:#fff !important;
color:var(--tbgz-accent, #000) !important;
border-color:#fff !important;
} .tbgz.tbgz--invert .tbgz-privacy{color:#fff !important;}
.tbgz.tbgz--invert .tbgz-privacy a{color:#fff !important;text-decoration:underline;}
.tbgz.tbgz--invert .tbgz-privacy input[type="checkbox"]{
border-color:#fff !important;
}
.tbgz.tbgz--invert .tbgz-privacy input[type="checkbox"]:checked{
background:#fff !important;
}
.tbgz.tbgz--invert .tbgz-privacy input[type="checkbox"]:checked::after{
border-left-color:var(--tbgz-accent, #000) !important;
border-bottom-color:var(--tbgz-accent, #000) !important;
} .tbgz-iconrow > span:last-child{font-size:15px;line-height:1.35;font-weight: 400;}   .tbgz-accent-swap .tbgz-cal-day.bookable {
border: none !important;
}
.tbgz-accent-swap .tbgz-cal-day.bookable:hover {
border: 2px solid var(--tbgz-accent-color) !important;
border-radius: 50% !important;
}
.tbgz-accent-swap .tbgz-cal-day.bookable.selected {
border: 2px solid var(--tbgz-accent-color) !important;
border-radius: 50% !important;
} .tbgz.tbgz--invert .tbgz-cal-day{ border-color: transparent !important; }
.tbgz.tbgz--invert .tbgz-cal-day:hover{ border-color: #fff !important; }
.tbgz.tbgz--invert .tbgz-cal-day.is-selected{ border-color: #fff !important; }  .tbgz.tbgz--invert .tbgz-cal-day.is-holiday{
border-color: transparent !important;
opacity: 0.45 !important;
} .tbgz .tbgz-cal-day.is-holiday{
opacity: 1;
} .tbgz .tbgz-cal-day.is-holiday{
position: relative;
} .tbgz .tbgz-cal-day.is-holiday:hover::after{
content: attr(title);
position: absolute;
left: 50%;
bottom: calc(100% + 8px);
transform: translateX(-50%);
padding: 6px 8px;
border-radius: 6px;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
background: rgba(0,0,0,0.85);
color: #fff;
z-index: 9999;
pointer-events: none;
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
} .tbgz .tbgz-cal-day.is-holiday:hover::before{
content: "";
position: absolute;
left: 50%;
bottom: calc(100% + 2px);
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgba(0,0,0,0.85);
z-index: 9999;
pointer-events: none;
} .tbgz .tbgz-cal-day.is-holiday:hover::after {
content: attr(data-holiday);
position: absolute;
left: 50%;
top: 2px;
transform: translate(-50%, calc(-100% - 10px));
padding: 12px 12px 17px  12px;
border-radius: 8px;
font-size: 12px !important;
font-weight: 500;
line-height: 0.5;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
max-width: 220px;
background: var(--tbgz-accent, #000);
color: #fff !important;
z-index: 99999;
pointer-events: none;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
width: fit-content;
} .tbgz-progress{
position:relative;
width:min(640px, 100%);
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
padding-top:0; pointer-events:auto;
z-index:2;
top: 15px;
} body:not(.tbgz-user-is-tabbing) .tbgz button:focus-visible,
body:not(.tbgz-user-is-tabbing) .tbgz [role="button"]:focus-visible,
body:not(.tbgz-user-is-tabbing) .tbgz a:focus-visible,
body:not(.tbgz-user-is-tabbing) .tbgz input:focus-visible,
body:not(.tbgz-user-is-tabbing) .tbgz select:focus-visible,
body:not(.tbgz-user-is-tabbing) .tbgz textarea:focus-visible{
outline: none !important;
}
body.tbgz-user-is-tabbing .tbgz button:focus-visible,
body.tbgz-user-is-tabbing .tbgz [role="button"]:focus-visible,
body.tbgz-user-is-tabbing .tbgz a:focus-visible,
body.tbgz-user-is-tabbing .tbgz input:focus-visible,
body.tbgz-user-is-tabbing .tbgz select:focus-visible,
body.tbgz-user-is-tabbing .tbgz textarea:focus-visible{
outline: 3px solid var(--tbgz-accent);
outline-offset: 3px;
}
.tbgz-progress:before{
content:"";
position:absolute;
left: 9%;
right: 9%;
top: 18px;
height: 1px;
background:rgba(0,0,0,.16);
z-index:0; }
.tbgz-progress-step{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
width: 64px;
cursor:default;
user-select:none;
z-index:1; background: white;
border:0;
padding:0;
font:inherit;
color:inherit;
}
.tbgz-progress-step.is-clickable{
cursor:pointer;
}
.tbgz-progress-step.is-disabled{ }
.tbgz-progress-step:focus-visible{
outline:2px solid var(--tbgz-accent, #000);
outline-offset:6px;
border-radius:16px;
} .tbgz .tbgz-cal-day:focus-visible{
outline: 3px solid var(--tbgz-accent, #000) !important;
outline-offset: 3px !important;
}
.tbgz-progress-circle{
position:relative;
z-index: 3;
width: 35px;
height: 35px;
border-radius:999px;
border: 1px solid rgba(0,0,0,.22);
background: #ffffff;
color:rgba(0,0,0,.55);
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
line-height:1;
} .tbgz-sr-only{
position:absolute !important;
width:1px; height:1px;
padding:0; margin:-1px;
overflow:hidden; clip:rect(0,0,0,0);
white-space:nowrap; border:0;
}
.tbgz-progress-label{
font-size:14px;
color:rgba(0,0,0,.55);
white-space:nowrap;
}
.tbgz-progress-step.is-done .tbgz-progress-circle,
.tbgz-progress-step.is-active .tbgz-progress-circle{
border-color:var(--tbgz-accent, #000);
background:var(--tbgz-accent, #000);
color:#fff;
}
.tbgz-progress-step.is-active .tbgz-progress-label{
color:#111;
font-weight:600;
}
.tbgz-progress-step.is-done .tbgz-progress-label{
color:rgba(0,0,0,.75); }
@media (max-width: 980px) {
.tbgz-progress{
width:100%;
}
.tbgz-progress-step{
min-width:auto;
}
.tbgz-progress-label{
font-size:12px;
}
.tbgz-progress-step.is-done .tbgz-progress-label {
color: rgba(0, 0, 0, .75);
opacity: 0;
}
.tbgz-progress-step.is-disabled .tbgz-progress-label {
color: rgba(0, 0, 0, .75);
opacity: 0;
}
}
.tbgz.tbgz--invert .tbgz-progress:before{
background:rgba(255,255,255,.22);
}
.tbgz.tbgz--invert .tbgz-progress-circle{
border-color:rgba(255,255,255,.35);
background:transparent;
color:rgba(255,255,255,.75);
}
.tbgz.tbgz--invert .tbgz-progress-label{
color:rgba(255,255,255,.75);
}
.tbgz.tbgz--invert .tbgz-progress-step.is-active .tbgz-progress-label{
color:#fff;
}
.tbgz-privacy a{
text-decoration: underline!important;
} .tbgz-staff-cal{
--tbgz-hour-count: 15;
}
.tbgz-calbar{position:sticky;top:16px;z-index:50;background:#fff;border:1px solid var(--tbgz-accent,#000);border-radius:14px;padding:10px;margin-top:12px}
.tbgz-calbar .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tbgz-calbar .spacer{flex:1 1 auto}
.tbgz-mini-btn{padding: 10px 10px;border:1px solid var(--tbgz-accent,#000);border-radius:10px;text-decoration:none;background:#fff;color:var(--tbgz-accent,#000);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;box-sizing:border-box;vertical-align:middle}
.tbgz-mini-btn.is-active{background:var(--tbgz-accent,#000);color:#fff}
.tbgz-mini-btn--block{display:block;padding:14px}
.tbgz-fs-ico{width: 15px;height: 15px;display:block;flex:0 0 18px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 14a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1zm10 0a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1zM7 5h3a1 1 0 1 1 0 2H8v2a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1zm11 1v3a1 1 0 1 1-2 0V7h-2a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 14a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1zm10 0a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1zM7 5h3a1 1 0 1 1 0 2H8v2a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1zm11 1v3a1 1 0 1 1-2 0V7h-2a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E")}
body.tbgz-no-scroll{overflow:hidden}
#tbgzStaffCal.tbgz-is-fs{position:fixed;inset:0;z-index:2147483646;background:#fff;width:100vw;height:100vh;overflow:auto;padding:12px;box-sizing:border-box;margin:0;max-width:none;border-radius:0}
#tbgzStaffCal.tbgz-is-fs .tbgz-calbar{top:0;margin-top:0}
.tbgz-table--mt{margin-top:14px}
.tbgz-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}
.tbgz-month-head{font-weight:800;padding:4px 6px;font-size:13px}
.tbgz-month-cell{border:1px solid var(--tbgz-accent,#000);border-radius:12px;background:#fff;padding:8px;min-height:132px;display:flex;flex-direction:column}
.tbgz-month-cell.is-outside{opacity:.35}
.tbgz-month-cell-head{font-weight:800;display:flex;justify-content:space-between}
.tbgz-month-cell .events{margin-top:6px;overflow:auto;scrollbar-width:none}
.tbgz-month-cell .events::-webkit-scrollbar{display:none}
.tbgz-evt-chip{border-left:3px solid var(--tbgz-accent,#000);padding:5px 7px;margin:0 0 6px;background:rgba(0,0,0,.04);border-radius:10px;font-size:12px;cursor:pointer}
.tbgz-evt-chip strong,.tbgz-event-block strong{display:block;font-size:12px}
.tbgz-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.tbgz-time-layout{display:grid;grid-template-columns:72px 1fr;margin-top:14px;border:1px solid var(--tbgz-accent,#000);border-radius:14px;overflow:hidden;background:#fff}
.tbgz-time-axis{background:#fff;border-right:1px solid rgba(0,0,0,.12)}
.tbgz-time-axis .spacer{height: 45px;border-bottom:1px solid rgba(0,0,0,.08)}
.tbgz-time-axis .lab{height:var(--tbgz-hour-h,56px);padding:4px 8px 0 8px;font-size:12px;color:#666;border-bottom:1px solid rgba(0,0,0,.08)}
.tbgz-time-grid{display:grid;background:#fff}
.tbgz-time-grid.week{grid-template-columns:repeat(7,minmax(0,1fr))}
.tbgz-time-grid.day{grid-template-columns:minmax(0,1fr)}
.tbgz-day-col{position:relative;border-right:1px solid rgba(0,0,0,.08)}
.tbgz-day-col:last-child{border-right:0}
.tbgz-day-head{height:44px;padding:8px 10px;border-bottom: 0px solid rgba(0,0,0,.08);font-weight:700;background:#fff;position:sticky;top:0;z-index:2;font-size: 14px;}
.tbgz-day-body{position:relative;height:calc(var(--tbgz-hour-h,56px) * var(--tbgz-hour-count,15))}
.tbgz-hour-line{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(0,0,0,.08)}
.tbgz-slot-cell{position:absolute;left:0;right:0;height:var(--tbgz-hour-h,56px);cursor:default}
.tbgz-slot-cell:hover{background:rgba(0,0,0,.03)}
.tbgz-event-block{position:absolute;left:6px;right:6px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.06);border-left:3px solid var(--tbgz-accent,#000);overflow:hidden;cursor:pointer;z-index:1}
#tbgzCalModal,
#tbgzCalCreateModal{
position:fixed !important;
inset:0 !important;
width:100vw !important;
max-width:none !important;
min-width:0 !important;
height:100vh !important;
height:100dvh !important;
max-height:none !important;
margin:0 !important;
padding:clamp(12px,3vw,32px) !important;
background:rgba(0,0,0,.35) !important;
display:none;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
z-index:2147483647 !important;
isolation:isolate !important;
transform:none !important;
contain:none !important;
}
#tbgzCalModal,
#tbgzCalModal *,
#tbgzCalCreateModal,
#tbgzCalCreateModal *{box-sizing:border-box !important}
.tbgz-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,32px);z-index:2147483647;overflow:hidden}
#tbgzCalModal > .tbgz-modal,
#tbgzCalCreateModal > .tbgz-modal{
position:relative !important;
display:block !important;
width:min(960px,100%) !important;
max-width:960px !important;
min-width:0 !important;
max-height:calc(100dvh - 64px) !important;
margin:0 auto !important;
padding:clamp(18px,2.4vw,30px) !important;
overflow-x:hidden !important;
overflow-y:auto !important;
background:#fff !important;
color:var(--tbgz-accent,#000) !important;
border:1px solid var(--tbgz-accent,#000) !important;
border-radius:16px !important;
}
.tbgz-modal-head{display:flex;gap:10px;align-items:center}
.tbgz-modal-title{flex:1 1 auto}
#tbgzCalModal .tbgz-modal-head,
#tbgzCalCreateModal .tbgz-modal-head{display:flex !important;align-items:center !important;gap:14px !important;margin:0 0 18px 0 !important}
#tbgzCalModal .tbgz-modal-title,
#tbgzCalCreateModal .tbgz-modal-title{flex:1 1 auto !important;margin:0 !important;font-size:clamp(22px,2vw,30px) !important;line-height:1.2 !important;color:var(--tbgz-accent,#000) !important}
#tbgzCalCreateForm.tbgz-form-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 18px !important;width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important}
#tbgzCalCreateForm.tbgz-form-grid > *{min-width:0 !important;max-width:100% !important;margin:0 !important}
.tbgz-form-grid .full{grid-column:1/-1}
#tbgzCalCreateForm .full{grid-column:1/-1 !important}
.tbgz-form-grid input,.tbgz-form-grid textarea{width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid #c7c7c7;border-radius:10px}
#tbgzCalCreateForm label{display:block !important;margin:0 !important;font-weight:700 !important;line-height:1.35 !important;color:var(--tbgz-accent,#000) !important}
#tbgzCalCreateForm input,
#tbgzCalCreateForm textarea{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
margin:6px 0 0 0 !important;
padding:10px 12px !important;
border:1px solid #c7c7c7 !important;
border-radius:10px !important;
background:#fff !important;
color:#111 !important;
font:inherit !important;
line-height:1.4 !important;
}
.tbgz-form-actions{display:flex;gap:10px;justify-content:flex-end}
#tbgzCalCreateForm .tbgz-form-actions{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:10px !important;margin-top:10px !important}
.tbgz-alert--compact{margin:10px 0}
.tbgz-detail-time{font-weight:800}
.tbgz-detail-title,.tbgz-detail-name,.tbgz-detail-notes,.tbgz-detail-ref{margin-top:6px}
.tbgz-detail-ref{opacity:.75}
@media (max-width:900px){.tbgz-time-layout{grid-template-columns:58px 1fr}.tbgz-form-grid{grid-template-columns:1fr}#tbgzCalCreateForm.tbgz-form-grid{grid-template-columns:1fr !important}.tbgz-month{grid-template-columns:repeat(2,minmax(0,1fr))}.tbgz-time-grid.week{grid-template-columns:1fr}} .tbgz-modal-close{width:40px;min-width:40px;height:40px;padding:0;border:1px solid var(--tbgz-accent,#000);border-radius:10px;background:#fff;color:var(--tbgz-accent,#000);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:400;text-align:center;box-sizing:border-box}
.tbgz-modal-close:hover,.tbgz-modal-close:focus{background:var(--tbgz-accent,#000);color:#fff}
.tbgz-modal-close span{display:block;line-height:1}
.tbgz-detail-actions{margin-top:12px}.tbgz-delete-entry{min-height:auto;padding:10px 14px}