@font-face{font-family:"Haffer";src:url("/fonts/HafferXH-Regular.woff2") format("woff2");font-weight:400;font-display:swap}

.bik-head{font-family:var(--bik-font-var,"Haffer",sans-serif)}
.bik-text{font-family:var(--bik-font-var,"Haffer",sans-serif)}

:root{

  
  --bik-royal: #002366;
  --bik-blue: #002366;
  --bik-blue-deep: #001a4d;
  --bik-blue-mid: #008ecf;
  --bik-blue-light: #21b5ea;
  --bik-blue-pale: #bfe6f8;
  --bik-himmelblau: #008ecf;
  --bik-lichtblau: #21b5ea;
  --bik-blue-soft: #eaf5fc;

  --bik-paper: #ffffff;
  --bik-neut: #eaebee;
  --bik-ink: #16203a;
  --bik-soft: #5b6473;
  --bik-white: #ffffff;
  --bik-surface-2: #f6f7f9;

  --sh-sand: #e6dcc8;
  --sh-honig: #d1c59b;
  --sh-olive: #d5db9a;
  --sh-olive-soft: #eef0d6;
  --sh-sand-soft: #f4efe6;
  --sh-sand-line: #dccdb0;
  --sh-honig-soft: #efe7d3;
  --sh-honig-deep: #a08a52;
  --sh-olive-deep: #7d8a3f;
  --sh-gruen: #6b8e3f;
  --sh-gruen-tief: #55712f;
  --sh-gruen-soft: #eaf0e6;
  --sh-gruen-line: #bccc8f;

  --room-wohnen: #fffaef;
  --room-essen-kochen: #fff5ea;
  --room-schlafen: #e6e9f0;
  --room-zimmer: var(--room-schlafen);
  --room-bad: #e9f8fd;
  --room-hwr: var(--room-bad);
  --room-flur: #f0f2f5;
  --room-balkon-terrasse: #eef8ea;
  --room-schrankraum: #edeff3;

  --room-cat-schlaf: #002366;
  --room-cat-hygiene: #22b5e9;
  --room-cat-freiraum-persoenlich: #71c901;
  --room-cat-freiraum-landschaft: #01b965;
  --room-cat-wohnen: #ffd163;
  --room-cat-kochen: #ff9a2a;

  --status-frei-3d: #3f63d6;
  --status-reserviert-3d: #8aa5e4;
  --status-gesperrt-3d: #b9c9ec;
  --status-verkauft-3d: #d8e0f2;

  --bik-3d-strauch: #7ba54e;
  --bik-3d-hecke: #6f9a45;
  --bik-3d-blumenwiese: #d0dfa0;
  --bik-3d-bobbycar: #e79ac0;
  --bik-3d-sitzmoebel: #b7ad9c;
  --bik-3d-belag-pflaster: #c9c6bd;
  --bik-3d-belag-betonplatten: #d0cec7;
  --bik-3d-belag-rasenfuge: #bcc7ab;
  --bik-3d-belag-wassergebunden: #d8c9a8;
  --bik-3d-belag-epdm: #c98b6a;
  --bik-3d-belag-hackschnitzel: #a9835a;
  --bik-3d-belag-sand: #e2d3a8;
  --bik-3d-belag-rasenliner: #b6cf95;
  --bik-3d-belag-holzdeck: #b98f5f;
  --bik-3d-transit-tram: #9c4a3b;
  --bik-3d-transit-subway: #0065b3;
  --bik-3d-transit-sbahn: #009640;
  --bik-3d-transit-rail: #c3bdb0;
  --bik-3d-transit-station: #e8ecf2;
  --bik-3d-ref-bayiko: #da8a3a;
  --bik-3d-ref-aurelis: #8fa0b3;
  --bik-3d-ref-gruen: #7fa25c;
  --bik-3d-fassade-klinker: #96543e;
  --bik-3d-fassade-band: #d3a184;
  --bik-3d-fassade-sockel: #c29c82;
  --bik-3d-fassade-balkon: #3c3c3e;
  --bik-3d-fassade-fenster: #44444a;
  --bik-3d-tuer: #ece8e0;
  --bik-3d-glas: #b6bcbf;
  --bik-3d-glas-backing: #3d4245;

  --sig-achtung: #c6920f;
  --sig-unmoeglich: #b23a2e;

  --transit-sbahn: #009640;
  --transit-ubahn: #0065b3;
  --transit-tram: #e30613;

  --map-poi-gastro: #c99a4a;
  --map-poi-einkauf: #6d6a34;
  --map-poi-kita: #d8b27a;

  --map-project-feuerwache: #8fb3dc;
  --map-project-kargo3: #66be7f;
  --map-project-magenta: #c95893;
  --map-project-nordriegel: #da9739;
  --map-project-campus: #7491b5;
  --map-project-gueterwerk: #7ca5ac;
  --map-project-kohlektiv: #88aacb;

  --bik-font: "Haffer",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --bik-font-var: "Haffer",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --bik-font-datei: HafferXH-Regular.woff2;
  --bik-fw-regular: 400;
  --bik-fw-semibold: 600;

  --bik-axis-wght-head: 382;
  --bik-axis-wght-text: 500;
  --bik-axis-xhgt: 62;

  --bik-fs-root: 118.75%;

  --bik-fs-stufe--1: 0.7236rem;
  --bik-fs-stufe-0: 1rem;
  --bik-fs-stufe-1: 1.382rem;
  --bik-fs-stufe-2: 1.9099rem;
  --bik-fs-stufe-3: 2.6395rem;
  --bik-fs-stufe-4: 3.6478rem;
  --bik-fs-stufe-5: 5.0413rem;
  --bik-fs-stufe-6: 6.9671rem;
  --bik-fs-hero: 3rem;
  --bik-fs-h1: 2.4rem;
  --bik-fs-h2: 1.7rem;
  --bik-fs-h3: var(--bik-fs-stufe-1);
  --bik-fs-lead: 1.0625rem;
  --bik-fs-body: 0.9375rem;
  --bik-fs-body-s: 0.8125rem;
  --bik-fs-caption: 0.75rem;
  --bik-fs-mini: 0.618rem;

  --bik-lh-min: 1;
  --bik-lh-max: 1.618;

  --bik-lh-stufe--1: 1.618;
  --bik-lh-stufe-0: 1.618;
  --bik-lh-stufe-1: 1.515;
  --bik-lh-stufe-2: 1.412;
  --bik-lh-stufe-3: 1.309;
  --bik-lh-stufe-4: 1.206;
  --bik-lh-stufe-5: 1.103;
  --bik-lh-stufe-6: 1;
  --bik-lh-headline: 1.2;
  --bik-lh-body: var(--bik-lh-stufe-0);

  --bik-space-xs: 4px;
  --bik-space-s: 8px;
  --bik-space-m: 16px;
  --bik-space-l: 24px;
  --bik-space-xl: 40px;
  --bik-space-xxl: 64px;

  --bik-radius-pill: 999px;
  --bik-radius-card: 20px;
  --bik-radius-s: 10px;
  --bik-radius-input: 10px;

  --bik-ecke: squircle;

  --bik-border-w: 1px;

  --bik-shadow-1: 0 1px 2px rgba(0,0,0,.05);
  --bik-shadow-2: 0 2px 10px rgba(0,0,0,.07);
  --bik-shadow-3: 0 10px 34px rgba(0,0,0,.10);

  --bik-dur-fast: 120ms;
  --bik-dur: 200ms;
  --bik-dur-slow: 360ms;
  --bik-ease: cubic-bezier(.4,0,.2,1);
  --bik-ease-out: cubic-bezier(0,0,.2,1);

  --bik-z-base: 1;
  --bik-z-dropdown: 1000;
  --bik-z-sticky: 1100;
  --bik-z-header: 1200;
  --bik-z-overlay: 1300;
  --bik-z-modal: 1400;
  --bik-z-toast: 1500;

  --bik-bp-sm: 640px;
  --bik-bp-md: 768px;
  --bik-bp-lg: 1024px;
  --bik-bp-xl: 1280px;

  --bik-bg: var(--bik-white);
  --bik-surface: var(--bik-white);
  --bik-text: var(--bik-royal);
  --bik-text-muted: var(--bik-royal);
  --bik-line: var(--bik-neut);
  --bik-accent: var(--bik-blue);
  --bik-accent-hover: var(--bik-blue-deep);
  --bik-accent-contrast: var(--bik-white);
  --bik-focus: var(--bik-royal);
  --bik-hairline: var(--sh-sand-line);
  --bik-panel-soft: var(--sh-sand-soft);

  
  --bik-fs-display-web: clamp(var(--bik-fs-stufe-3),7.5vw,var(--bik-fs-stufe-6));
  --bik-fs-h2-web: clamp(var(--bik-fs-stufe-2),4.54vw,var(--bik-fs-stufe-3));
  --bik-fs-h3-web: var(--bik-fs-h3);
  --bik-fs-lead-web: clamp(1.05rem,1.9vw,1.3rem);
  --bik-fs-body-web: var(--bik-fs-stufe-0);
  --bik-fs-small-web: var(--bik-fs-body-s);
  --bik-fs-eyebrow-web: var(--bik-fs-body-s);
  --bik-fs-stat-web: clamp(var(--bik-fs-stufe-2),3.49vw,var(--bik-fs-stufe-3));

  --bik-lh-display: var(--bik-lh-stufe-6);
  --bik-lh-h2: var(--bik-lh-stufe-3);
  --bik-lh-h3: var(--bik-lh-stufe-1);
  --bik-lh-lead: 1.534;
  --bik-lh-small: var(--bik-lh-stufe--1);
  --bik-lh-eyebrow: var(--bik-lh-stufe--1);

  --bik-fs-display-print: 62pt;
  --bik-fs-h2-print: 21pt;
  --bik-fs-h3-print: 12pt;
  --bik-fs-lead-print: 10.5pt;
  --bik-fs-body-print: 10pt;
  --bik-fs-small-print: 8.5pt;
  --bik-fs-eyebrow-print: 8.5pt;
  --bik-fs-stat-print: 34pt;

  
  --bik-logo-header: url(/assets/bayiko-logo-header.svg);
  --bik-logo-header-white: url(/assets/bayiko-logo-header-white.svg);
  --bik-logo-emblem: url(/assets/bayiko-logo-emblem.svg);
  --bik-logo-emblem-white: url(/assets/bayiko-logo-emblem-white.svg);

  --bik-status-frei: #002366;
  --bik-status-reserviert: #3f5695;
  --bik-status-gesperrt: #8793bd;
  --bik-status-verkauft: #c9cfe2;
  --bik-status-achtung: var(--sig-achtung);
  --bik-status-unmoeglich: var(--sig-unmoeglich);

  --gr-wall: #222f44;
  --gr-struktur: #222f44;
  --gr-moebel: #565656;
  --gr-furn-fill: #ffffff;
  --gr-label: var(--bik-ink);
  --gr-tuer-blatt: var(--bik-royal);
  --gr-tuer-blatt-staerke-m: 0.040;
  --gr-tuer-knauf-r-m: 0.030;
  --gr-eingangspfeil: var(--sh-gruen);
  --gr-tuerschwelle: #e2cfb5;
  --gr-fensterblech: #c2c6ca;
  --gr-linie-fein: #1a1a18;
  --gr-linie-hell: #d6d4d4;
  --gr-kopf: #285c73;
  --gr-sanitaer: #5b5c5b;
  --gr-aussen-gruen: #c7cdc4;

  --gr-stil-kopfzeile-groesse: 15;
  --gr-stil-kopfzeile-gewicht: 400;
  --gr-stil-kopfzeile-farbe: var(--bik-royal);
  --gr-stil-kopfzeile-ort-groesse: 11;
  --gr-stil-kopfzeile-ort-gewicht: 400;
  --gr-stil-kopfzeile-ort-farbe: var(--bik-soft);
  --gr-stil-titel-groesse: 22;
  --gr-stil-titel-gewicht: 400;
  --gr-stil-titel-farbe: var(--bik-ink);
  --gr-stil-untertitel-groesse: 14;
  --gr-stil-untertitel-gewicht: 400;
  --gr-stil-untertitel-farbe: var(--bik-soft);
  --gr-stil-raumname-groesse: 12;
  --gr-stil-raumname-gewicht: 400;
  --gr-stil-raumname-farbe: var(--bik-royal);
  --gr-stil-flaeche-groesse: 10;
  --gr-stil-flaeche-gewicht: 400;
  --gr-stil-flaeche-farbe: var(--bik-royal);
  --gr-stil-massstab-groesse: 10;
  --gr-stil-massstab-gewicht: 400;
  --gr-stil-massstab-farbe: var(--bik-paper);
  --gr-stil-fussnote-groesse: 10;
  --gr-stil-fussnote-gewicht: 400;
  --gr-stil-fussnote-farbe: var(--bik-royal);
  --gr-stil-sichtschutz-groesse: 7.4;
  --gr-stil-sichtschutz-gewicht: 400;
  --gr-stil-sichtschutz-farbe: var(--gr-struktur);
  --gr-stil-schacht-groesse: 10;
  --gr-stil-schacht-gewicht: 400;
  --gr-stil-schacht-farbe: var(--gr-struktur);
  --gr-stil-legende-groesse: 10;
  --gr-stil-legende-gewicht: 400;
  --gr-stil-legende-farbe: var(--bik-ink);
  --gr-stil-chip-groesse: 11;
  --gr-stil-chip-gewicht: 400;
  --gr-stil-chip-farbe: var(--bik-blue-deep);

  --gr-floor-wohnen: url(#pat-holz-hell);
  --gr-floor-essen-kochen: url(#pat-holz-hell);
  --gr-floor-flur: url(#pat-holz-hell);
  --gr-floor-schrankraum: url(#pat-holz-hell);
  --gr-floor-schlafen: url(#pat-holz-hell);
  --gr-floor-zimmer: url(#pat-holz-hell);
  --gr-floor-bad: url(#pat-fliese-grau);
  --gr-floor-hwr: url(#pat-fliese-grau);
  --gr-floor-balkon-terrasse: url(#pat-stein-hell);
  --gr-floor-scale: 1;

  --bik-border: var(--bik-border-w) solid var(--bik-line);

  --bik-focus-ring: 0 0 0 3px rgba(0,35,102,.35);
}

:root[data-theme="dark"]{
  --bik-blue: #6f9bf2;
  --bik-blue-deep: #a9c5fb;
  --bik-blue-mid: #5f7fc0;
  --bik-blue-light: #8fb2f6;
  --bik-blue-pale: #2b3a5c;
  --bik-paper: #0d1526;
  --bik-neut: #26304a;
  --bik-ink: #e6ecf8;
  --bik-soft: #9aa6c2;
  --bik-white: #ffffff;
  --bik-bg: #0d1526;
  --bik-surface: #161f33;
  --bik-surface-2: #1e2942;
  --bik-line: #26304a;
  --bik-accent: #6f9bf2;
  --bik-accent-hover: #8fb2f6;
  --bik-accent-contrast: #0d1526;
  --bik-status-frei: #6f9bf2;
  --bik-status-reserviert: #4a67ac;
  --bik-status-gesperrt: #38507f;
  --bik-status-verkauft: #2b3a5c;
  --bik-shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --bik-shadow-2: 0 2px 10px rgba(0,0,0,.5);
  --bik-shadow-3: 0 10px 34px rgba(0,0,0,.6);
  --bik-focus-ring: 0 0 0 3px rgba(111,155,242,.45);
}

html{font-size:var(--bik-fs-root,112.5%)}

.bik-num{font-variant-numeric:tabular-nums}

.bik-sticky-bottom{padding-bottom:calc(var(--bik-space-m) + env(safe-area-inset-bottom,0px))}

body{font-feature-settings:"ss01" on,"ss03" on,"ss05" on;font-variant-numeric:tabular-nums;}

input[type="range"].bik-range,input[type="range"]{
  -webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;cursor:pointer;outline:none;
  background:linear-gradient(to right,var(--bik-blue,#002366) 0 var(--p,50%),rgba(0,35,102,.14) var(--p,50%) 100%);
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;
  background:var(--bik-blue,#002366);border:none;box-shadow:none;cursor:grab;margin-top:-5.5px;
}
input[type="range"]::-moz-range-thumb{
  width:16px;height:16px;border-radius:50%;background:var(--bik-blue,#002366);
  border:none;box-shadow:none;cursor:grab;
}
input[type="range"]::-moz-range-track{height:5px;border-radius:999px;background:transparent}
input[type="range"]:active::-webkit-slider-thumb{cursor:grabbing}
input[type="range"]:active::-moz-range-thumb{cursor:grabbing}