@font-face{font-family:FuchsbauOpenSans;src:url(open-sans-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:FuchsbauOpenSans;src:url(open-sans-semibold.woff2) format("woff2");font-weight:600 800;font-display:swap}
#fuchsbau-raumbuchung{box-sizing:border-box;width:100%;max-width:960px;margin:24px auto 48px;padding:36px;color:#262e32;background:#f4f7f8;border-radius:20px;font-family:FuchsbauOpenSans,"Open Sans",Arial,sans-serif;line-height:1.5;color-scheme:light}
#fuchsbau-raumbuchung *{box-sizing:border-box}
#fuchsbau-raumbuchung [hidden]{display:none!important}
#fuchsbau-raumbuchung .fbr-eyebrow{font-size:13px;letter-spacing:.14em;font-weight:700;color:#386a72;margin:0 0 12px;padding:0}
#fuchsbau-raumbuchung h2{font-size:clamp(30px,4.5vw,46px);line-height:1.13;letter-spacing:-.035em;margin:0 0 16px;padding:0;color:#262e32;font-weight:700}
#fuchsbau-raumbuchung h3{font-size:23px;line-height:1.25;color:#262e32;font-weight:700;margin:0;padding:0;letter-spacing:-.025em}
#fuchsbau-raumbuchung p{padding:0}
#fuchsbau-raumbuchung .fbr-intro{color:#53646b;font-size:17px;max-width:640px;margin:0 0 28px}
#fuchsbau-raumbuchung .fbr-card{padding:28px;background:#fff;border:1px solid #d7e1e3;border-radius:16px;box-shadow:0 12px 36px #1b394508}
#fuchsbau-raumbuchung button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:inherit;font-size:15px;font-weight:700;line-height:1.4;background:#386a72;color:#fff;border:1px solid transparent;border-radius:8px;padding:12px 18px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;touch-action:manipulation}
#fuchsbau-raumbuchung button:hover:not(:disabled){background:#28555d;color:#fff}
#fuchsbau-raumbuchung button:disabled{background:#e8eef0;color:#697b81;cursor:not-allowed;opacity:1}
#fuchsbau-raumbuchung :is(select,button,a):focus-visible{outline:3px solid #386a72;outline-offset:4px}
#fuchsbau-raumbuchung .fbr-room-picker{display:flex;gap:6px;padding:5px;background:#edf3f4;border-radius:12px;margin-bottom:30px}
#fuchsbau-raumbuchung .fbr-room-picker button{flex:1;background:transparent;color:#4b646b;min-height:48px}
#fuchsbau-raumbuchung .fbr-room-picker button[aria-pressed="true"]{background:#386a72;color:#fff;box-shadow:0 2px 5px #1b39451a}
#fuchsbau-raumbuchung .fbr-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
#fuchsbau-raumbuchung .fbr-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;color:#586f76;margin:0 0 5px}
#fuchsbau-raumbuchung .fbr-legend{display:flex;gap:16px;flex-shrink:0;font-size:13px;color:#4f6369}
#fuchsbau-raumbuchung .fbr-legend span{display:flex;align-items:center;gap:7px}
#fuchsbau-raumbuchung .fbr-swatch{display:inline-block;width:17px;height:13px;border-radius:3px}
#fuchsbau-raumbuchung .fbr-free{background:#e8f3ee;border:1px solid #75a18a}
#fuchsbau-raumbuchung .fbr-busy{background:repeating-linear-gradient(135deg,#386a72 0,#386a72 5px,#51828a 5px,#51828a 7px);border:1px solid #386a72}
#fuchsbau-raumbuchung .fbr-week-nav{display:grid;grid-template-columns:44px 1fr 44px auto;align-items:center;gap:9px}
#fuchsbau-raumbuchung .fbr-week-nav button{background:#fff;color:#386a72;border-color:#cbdadd;padding:8px}
#fuchsbau-raumbuchung .fbr-week-nav button:disabled{color:#84949b;border-color:#e3e9ec;background:#f5f7f8}
#fuchsbau-raumbuchung .fbr-week-nav .fbr-today{padding:10px 13px;margin-left:8px;font-size:13px}
#fuchsbau-raumbuchung .fbr-week-nav .fbr-arrow{font-size:22px;font-family:Arial,sans-serif}
#fuchsbau-raumbuchung #fbr-week-label{margin:0;text-align:center;font-size:17px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
#fuchsbau-raumbuchung .fbr-timezone{font-size:12px;color:#62757c;margin:13px 0 19px}
#fuchsbau-raumbuchung .fbr-axis{display:grid;grid-template-columns:85px 1fr;gap:16px;font-size:11px;color:#647980;padding-bottom:6px}
#fuchsbau-raumbuchung .fbr-hours{position:relative;height:17px;margin-right:1px}
#fuchsbau-raumbuchung .fbr-hours span{position:absolute;transform:translateX(-50%)}
#fuchsbau-raumbuchung .fbr-hours span:first-child{transform:none}
#fuchsbau-raumbuchung .fbr-hours span:last-child{transform:translateX(-100%)}
#fuchsbau-raumbuchung .fbr-day{display:grid;grid-template-columns:85px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid #e6ecee}
#fuchsbau-raumbuchung .fbr-date{font-size:13px;color:#63767c;line-height:1.45;font-variant-numeric:tabular-nums}
#fuchsbau-raumbuchung .fbr-date strong{display:block;color:#344b52;font-size:14px}
#fuchsbau-raumbuchung .fbr-day[data-today="true"] .fbr-date strong{color:#386a72}
#fuchsbau-raumbuchung .fbr-day[data-today="true"] .fbr-date strong::after{content:" · heute";font-size:11px}
#fuchsbau-raumbuchung .fbr-track{height:22px;position:relative;overflow:hidden;border-radius:5px;border:1px solid #a8c8b8;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#a8c8b855 calc(25% - 1px),#a8c8b855 25%),#e8f3ee}
#fuchsbau-raumbuchung .fbr-block{position:absolute;top:-1px;bottom:-1px;min-width:2px;background:repeating-linear-gradient(135deg,#386a72 0,#386a72 5px,#51828a 5px,#51828a 7px);border-radius:2px}
#fuchsbau-raumbuchung .fbr-day-detail{font-size:12px;color:#526b62;margin:5px 0 0;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#fuchsbau-raumbuchung .fbr-day-detail[data-occupied="true"]{color:#3d5f68}
#fuchsbau-raumbuchung .fbr-day[data-state="unknown"] .fbr-track,#fuchsbau-raumbuchung .fbr-day[data-state="past"] .fbr-track{background:repeating-linear-gradient(135deg,#eef1f3 0,#eef1f3 5px,#e4eaed 5px,#e4eaed 7px);border-color:#cfdade}
#fuchsbau-raumbuchung .fbr-day[data-state="past"]{opacity:.7}
#fuchsbau-raumbuchung .fbr-day[data-state="unknown"] .fbr-day-detail,#fuchsbau-raumbuchung .fbr-day[data-state="past"] .fbr-day-detail{color:#667980}
#fuchsbau-raumbuchung .fbr-data-status{border-top:1px solid #e6ecee;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}
#fuchsbau-raumbuchung #fbr-status{font-size:12px;color:#536c62;margin:0}
#fuchsbau-raumbuchung #fbr-status[data-error="true"]{color:#8c4925}
#fuchsbau-raumbuchung #fbr-retry{background:#fff;color:#386a72;border-color:#cbdadd;font-size:12px;flex-shrink:0;padding:8px 11px}
#fuchsbau-raumbuchung .fbr-privacy{font-size:12px;line-height:1.5;color:#62757c;margin:15px 0 0}
#fuchsbau-raumbuchung .fbr-booking{margin-top:28px;border-top:1px solid #d7e1e3;padding-top:25px}
#fuchsbau-raumbuchung .fbr-booking h3{font-size:21px;margin-bottom:20px}
#fuchsbau-raumbuchung .fbr-booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#fuchsbau-raumbuchung label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#344b52}
#fuchsbau-raumbuchung select{display:block;width:100%;max-width:100%;min-height:52px;font:inherit;font-size:16px;line-height:1.5;color:#262e32;border:1px solid #849ba1;background:#fff;border-radius:8px;padding:11px 28px 11px 13px;cursor:pointer;appearance:auto}
#fuchsbau-raumbuchung .fbr-selection{font-size:13px;color:#53646b;min-height:20px;margin:18px 0 10px}
#fuchsbau-raumbuchung #fbr-continue{display:flex;width:100%;min-height:54px;font-size:16px}
#fuchsbau-raumbuchung .fbr-hint{font-size:13px;line-height:1.5;color:#5c6e75;margin:13px 0 0}
#fuchsbau-raumbuchung a{color:#386a72;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#fuchsbau-raumbuchung{padding:24px 14px;margin:16px auto 32px;border-radius:14px}#fuchsbau-raumbuchung .fbr-card{padding:20px 16px}#fuchsbau-raumbuchung .fbr-intro{font-size:16px;margin-bottom:24px}#fuchsbau-raumbuchung .fbr-room-picker{margin-bottom:24px}#fuchsbau-raumbuchung .fbr-calendar-heading{gap:10px}#fuchsbau-raumbuchung .fbr-legend{gap:10px;font-size:12px}#fuchsbau-raumbuchung h3{font-size:21px}#fuchsbau-raumbuchung .fbr-week-nav{grid-template-columns:44px 1fr 44px}#fuchsbau-raumbuchung #fbr-week-label{font-size:15px}#fuchsbau-raumbuchung .fbr-week-nav .fbr-today{grid-column:1/-1;justify-self:center;margin:0;min-height:44px}#fuchsbau-raumbuchung .fbr-axis,#fuchsbau-raumbuchung .fbr-day{grid-template-columns:62px minmax(0,1fr);gap:10px}#fuchsbau-raumbuchung .fbr-booking-fields{grid-template-columns:1fr}#fuchsbau-raumbuchung .fbr-data-status{align-items:flex-start}#fuchsbau-raumbuchung .fbr-timezone{margin-top:7px}#fuchsbau-raumbuchung .fbr-date{font-size:12px}}