.bik-kicker{
  display:inline-block;font-size:11px;font-weight:var(--bik-fw-semibold);
  letter-spacing:.16em;text-transform:none;color:var(--bik-blue);margin-bottom:var(--bik-space-s);
}
.bik-section{padding-block:var(--bik-space-xxl)}
.bik-section-head{max-width:640px;margin-bottom:var(--bik-space-xl)}

:where(a):focus-visible,:where(button):focus-visible,:where(input,select,textarea):focus-visible{
  outline:3px solid var(--bik-focus);outline-offset:2px;border-radius:inherit;
}
.bik-skip{position:absolute;left:-9999px;top:0;background:var(--bik-white);color:var(--bik-blue);padding:10px 18px;border-radius:var(--bik-radius-pill);z-index:var(--bik-z-toast)}
.bik-skip:focus{left:16px;top:12px}

.btn{
  display:inline-block;border-radius:var(--bik-radius-pill);
  font-family:var(--bik-font);font-weight:var(--bik-fw-semibold);font-size:var(--bik-fs-body);
  padding:9px 16px;text-decoration:none;cursor:pointer;line-height:1.3;
  border:2px solid transparent;transition:background var(--bik-dur) var(--bik-ease),color var(--bik-dur) var(--bik-ease),border-color var(--bik-dur) var(--bik-ease);
}
.btn-primary{background:var(--bik-accent);color:var(--bik-accent-contrast)}
.btn-primary:hover{background:var(--bik-accent-hover);color:var(--bik-accent-contrast)}
.btn-secondary{background:transparent;color:var(--bik-accent);border-color:var(--bik-accent)}
.btn-secondary:hover{color:var(--bik-accent-hover);border-color:var(--bik-accent-hover)}
.btn-big{padding:13px 24px;font-size:var(--bik-fs-lead)}

.card{
  background:var(--bik-surface);border:1px solid rgba(0,0,0,.08);
  border-radius:var(--bik-radius-card);corner-shape:var(--bik-ecke);padding:var(--bik-space-l);
}

.site-header{
  position:sticky;top:0;z-index:var(--bik-z-header);
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.site-header .wrap{display:flex;align-items:center;gap:var(--bik-space-l);padding-block:12px}
.lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bik-blue)}
.lockup svg{height:26px;width:auto;flex:none}
.lockup .wordmark{font-weight:var(--bik-fw-semibold);letter-spacing:.1em;font-size:1.05rem;color:var(--bik-blue)}

.bik-lockup,.bik-mark{
  display:inline-block;flex:none;background-color:var(--bik-royal);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:left center;mask-position:left center;
  -webkit-mask-size:contain;mask-size:contain;
}
.bik-lockup{height:34px;aspect-ratio:485/150;
  -webkit-mask-image:url(/assets/bayiko-lockup.svg);mask-image:url(/assets/bayiko-lockup.svg)}
.bik-mark{height:28px;aspect-ratio:100/86;
  -webkit-mask-image:url(/assets/bayiko-mark.svg);mask-image:url(/assets/bayiko-mark.svg)}

.bik-lockup--on-royal,.bik-mark--on-royal{background-color:var(--bik-white)}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:var(--bik-space-m);min-width:0}
.nav-pill{
  display:flex;align-items:center;gap:2px;
  background:var(--bik-white);border:1px solid rgba(0,0,0,.08);
  border-radius:var(--bik-radius-pill);padding:4px;overflow-x:auto;scrollbar-width:none;
}
.nav-pill::-webkit-scrollbar{display:none}
.nav-pill a{
  white-space:nowrap;text-decoration:none;color:var(--bik-ink);
  font-size:var(--bik-fs-body-s);padding:7px 13px;border-radius:var(--bik-radius-pill);
}
.nav-pill a:hover{background:var(--bik-neut);color:var(--bik-ink)}
.nav-pill a[aria-current="page"]{background:var(--bik-blue);color:var(--bik-white)}

.nav-pill a.nav-dezent{color:var(--bik-text-muted)}
@media (max-width:960px){
  .site-header .wrap{flex-wrap:wrap;row-gap:8px}
  .main-nav{width:100%;margin-left:0}
  .nav-pill{flex:1}
}

.bik-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--bik-fs-caption);font-weight:var(--bik-fw-semibold);letter-spacing:.02em;
  border-radius:var(--bik-radius-pill);padding:3px 10px;
  background:var(--bik-blue-pale);color:var(--bik-ink);
}

.status-pill{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:var(--bik-fw-semibold);letter-spacing:.02em;
  border-radius:var(--bik-radius-pill);padding:3px 10px;
}
.status-frei{background:var(--bik-status-frei);color:var(--bik-white)}
.status-reserviert{background:var(--bik-status-reserviert);color:var(--bik-white)}
.status-gesperrt{background:var(--bik-status-gesperrt);color:var(--bik-ink)}
.status-verkauft{
  background:repeating-linear-gradient(135deg,var(--bik-status-verkauft) 0 6px,var(--bik-white) 6px 8px);
  color:var(--bik-ink);border:1px solid rgba(0,0,0,.08);
}

.bik-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--bik-space-m)}
.bik-field label{font-size:var(--bik-fs-body-s);font-weight:var(--bik-fw-semibold);color:var(--bik-ink)}
.bik-input,.bik-textarea,.bik-select{
  font-family:var(--bik-font);font-size:var(--bik-fs-body);color:var(--bik-ink);
  background:var(--bik-white);border:1px solid var(--bik-line);border-radius:var(--bik-radius-input);corner-shape:var(--bik-ecke);
  padding:10px 12px;width:100%;transition:border-color var(--bik-dur) var(--bik-ease),box-shadow var(--bik-dur) var(--bik-ease);
}
.bik-input:focus,.bik-textarea:focus,.bik-select:focus{
  outline:none;border-color:var(--bik-accent);box-shadow:var(--bik-focus-ring);
}
.bik-textarea{min-height:120px;resize:vertical}

.bik-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:var(--bik-fs-eyebrow-web);font-weight:var(--bik-fw-semibold);
  letter-spacing:.16em;color:var(--bik-royal);
}
.bik-eyebrow::before{
  content:"";flex:0 0 auto;align-self:center;
  width:18px;height:1px;background:var(--sh-sand-line);
}
.bik-eyebrow--on-royal{color:var(--bik-white)}
.bik-eyebrow--on-royal::before{background:var(--bik-white)}

.bik-raute{display:none !important}

.bik-windrose{display:block;color:var(--bik-royal)}
.bik-windrose svg{width:100%;height:100%;display:block;overflow:visible}

.bik-pill{
  display:inline-flex;align-items:center;gap:14px;cursor:pointer;border:0;font-family:inherit;
  background:var(--bik-white);color:var(--bik-royal);
  padding:11px 12px 11px 26px;border-radius:var(--bik-radius-pill);
  font-weight:var(--bik-fw-semibold);font-size:.95rem;
  transition:transform var(--bik-dur) var(--bik-ease);
}
.bik-pill:hover{transform:translateY(-1px)}

.bik-tile{
  border:1px solid var(--sh-sand-line);border-radius:var(--bik-radius-card);corner-shape:var(--bik-ecke);
  background:transparent;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px;
}

.bik-hairline{height:1px;background:var(--sh-sand-line);border:0;margin:0}

.bik-keyfact{display:flex;flex-direction:column;gap:6px}
.bik-keyfact .val{font-size:var(--bik-fs-stat-web);font-weight:var(--bik-fw-semibold);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums lining-nums}
.bik-keyfact .lab{font-size:var(--bik-fs-small-web);color:var(--bik-text-muted);font-weight:var(--bik-fw-semibold)}

.bik-caption{font-size:.72rem;line-height:var(--bik-lh-small,1.618);color:var(--bik-text-muted)}

.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bik-space-m)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bik-space-l)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--bik-space-l)}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}
@media (max-width:560px){.grid-4{grid-template-columns:1fr}}