@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-kursiv-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-kursiv-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--tuerkis-50: #eafafd;--tuerkis-100: #d2f4fa;--tuerkis-200: #a9e9f5;--tuerkis-300: #70dbed;--tuerkis-400: #14c4db;--tuerkis-500: #06a4b8;--tuerkis-600: #048797;--tuerkis-700: #026a77;--tuerkis-800: #014e59;--tuerkis-900: #00353c;--neutral-50: #f6f8f8;--neutral-100: #e9edf2;--neutral-200: #dce0e5;--neutral-300: #c7cbd0;--neutral-400: #a1a5a9;--neutral-500: #777b7f;--neutral-600: #4f5357;--neutral-700: #35383c;--neutral-800: #1f2225;--neutral-900: #0c0e10;--weiss: #ffffff;--neutral-900-rgb: 12, 14, 16;--neutral-50-rgb: 246, 248, 248;--tuerkis-400-rgb: 20, 196, 219;--schrift-titel: "Cormorant Garamond", "Times New Roman", serif;--schrift-text: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--g-etikett: clamp(.75rem, .72rem + .15vw, .8125rem);--g-klein: .9375rem;--g-text: clamp(1.0625rem, 1.02rem + .2vw, 1.1875rem);--g-lead: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--g-h3: clamp(1.5rem, 1.35rem + .7vw, 2rem);--g-h2: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);--g-h1: clamp(2.5rem, 1.6rem + 4vw, 5rem);--g-schau: clamp(3.25rem, 1.5rem + 7.5vw, 8rem);--zeile-eng: 1.05;--zeile-titel: 1.15;--zeile-text: 1.55;--sperrung-etikett: .2em;--abstand-1: 4px;--abstand-2: 8px;--abstand-3: 12px;--abstand-4: 16px;--abstand-5: 24px;--abstand-6: 32px;--abstand-7: 48px;--abstand-8: 64px;--abstand-9: 96px;--abstand-10: 128px;--abstand-11: 160px;--abschnitt: clamp(72px, 9vw, 160px);--rand: clamp(20px, 5vw, 80px);--spalte-luecke: clamp(16px, 2vw, 32px);--spalten: 4;--breite-max: 1320px;--breite-bild: 2200px;--breite-text: 34rem;--radius-kante: 0;--radius-fein: 2px;--radius-kreis: 50%;--schatten-linie: inset 0 0 0 1px var(--linie);--schatten-bild: 0 28px 60px -32px rgba(var(--neutral-900-rgb), .38);--schatten-schwebe: 0 14px 36px -14px rgba(var(--neutral-900-rgb), .32);--dauer-kurz: .16s;--dauer-mittel: .32s;--dauer-lang: .7s;--kurve-aus: cubic-bezier(.22, 1, .36, 1);--kurve-ein-aus: cubic-bezier(.65, 0, .35, 1);--ebene-leiste: 40;--ebene-kopf: 50;--ebene-menue: 60}@media (min-width: 768px){:root{--spalten: 8}}@media (min-width: 1024px){:root{--spalten: 12}}.raster{display:grid;grid-template-columns:repeat(var(--spalten),minmax(0,1fr));gap:var(--spalte-luecke)}:root,[data-flaeche=hell]{--flaeche: var(--neutral-50);--flaeche-2: #ffffff;--text: var(--neutral-900);--text-leise: var(--neutral-600);--akzent: var(--tuerkis-400);--akzent-text: var(--tuerkis-800);--auf-akzent: var(--neutral-900);--linie: rgba(var(--neutral-900-rgb), .16);--fokus: var(--tuerkis-700);--knopf: var(--neutral-900);--knopf-text: var(--neutral-50)}[data-flaeche=dunkel]{--flaeche: var(--neutral-900);--flaeche-2: var(--neutral-800);--text: var(--neutral-50);--text-leise: var(--neutral-300);--akzent: var(--tuerkis-400);--akzent-text: var(--tuerkis-400);--auf-akzent: var(--neutral-900);--linie: rgba(var(--neutral-50-rgb), .2);--fokus: var(--tuerkis-300);--knopf: var(--tuerkis-400);--knopf-text: var(--neutral-900)}[data-flaeche=akzent]{--flaeche: var(--tuerkis-400);--flaeche-2: var(--tuerkis-300);--text: var(--neutral-900);--text-leise: var(--neutral-900);--akzent: var(--neutral-900);--akzent-text: var(--neutral-900);--auf-akzent: var(--neutral-50);--linie: rgba(var(--neutral-900-rgb), .3);--fokus: var(--neutral-900);--knopf: var(--neutral-900);--knopf-text: var(--neutral-50)}[data-flaeche]{background-color:var(--flaeche);color:var(--text)}:root{--kopf-h: 68px;--foto-grau: .38;--film-grau: .4}:root,[data-flaeche=hell]{--knopf-schweb: var(--tuerkis-400);--knopf-schweb-text: var(--neutral-900);--puls: var(--tuerkis-400-rgb)}[data-flaeche=dunkel]{--knopf-schweb: var(--neutral-50);--knopf-schweb-text: var(--neutral-900);--puls: var(--tuerkis-400-rgb)}[data-flaeche=akzent]{--knopf-schweb: var(--neutral-50);--knopf-schweb-text: var(--neutral-900);--puls: var(--neutral-900-rgb)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-h) + 8px)}body{margin:0;font-family:var(--schrift-text);font-size:var(--g-text);line-height:var(--zeile-text);background:var(--flaeche);color:var(--text);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}a,button{touch-action:manipulation}button,.knopf,.verweis,.menue-knopf{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}p,h1,h2,h3,figure,blockquote,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit}::selection{background:var(--tuerkis-400);color:var(--neutral-900)}:focus-visible{outline:2px solid var(--fokus);outline-offset:4px}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprung{position:absolute;left:var(--rand);top:-120px;z-index:80;background:var(--neutral-900);color:var(--neutral-50);padding:12px 18px;font-size:var(--g-etikett);letter-spacing:var(--sperrung-etikett);text-transform:uppercase}.sprung:focus{top:12px}.etikett{font-size:var(--g-etikett);font-weight:500;line-height:1.4;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;color:var(--akzent-text)}.titel{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h2);line-height:var(--zeile-titel);text-wrap:balance}.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:var(--radius-kante);cursor:pointer;text-decoration:none;white-space:nowrap;background:var(--knopf);color:var(--knopf-text);font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;line-height:1.2;transition:background-color .26s ease,color .26s ease,box-shadow .26s ease,transform var(--dauer-kurz) var(--kurve-aus)}.knopf:active{transform:scale(.97)}.knopf--linie{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}@media (hover: hover) and (pointer: fine){.knopf:hover{background:var(--knopf-schweb);color:var(--knopf-schweb-text)}.knopf--linie:hover{background:var(--text);color:var(--flaeche);box-shadow:inset 0 0 0 1px var(--text)}}.verweis{display:inline-flex;align-items:center;gap:12px;padding:8px 0;text-decoration:none;font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;color:var(--akzent-text)}.verweis svg{width:22px;height:22px;transition:transform .4s var(--kurve-aus)}.verweis:active{opacity:.7}@media (hover: hover) and (pointer: fine){.verweis:hover svg{transform:translate(8px)}}.punkt{width:8px;height:8px;border-radius:var(--radius-kreis);background:var(--text-leise);flex:none}.ist-offen .punkt{background:var(--akzent);animation:puls 2.8s ease-out infinite}@keyframes puls{0%{box-shadow:0 0 rgba(var(--puls),.5)}70%,to{box-shadow:0 0 0 8px rgba(var(--puls),0)}}.rahmen{position:absolute;z-index:2;inset:-14px -14px 14px 14px;border:1px solid var(--akzent);pointer-events:none;will-change:transform}.logo{width:clamp(250px,38vw,500px);height:auto;overflow:visible;color:var(--text)}.logo__akzent{fill:var(--tuerkis-400)}.logo__friseur{fill:var(--neutral-900)}.marke-friseur{display:inline-block;padding:6px 8px 5px;background:var(--tuerkis-400);color:var(--neutral-900);font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap}.logo__d,.logo__b{transform-origin:315px 40px}.status{display:inline-flex;align-items:center;gap:12px;font-size:var(--g-etikett);font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}.knoepfe{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width: 479px){.knoepfe{display:grid;width:100%;max-width:340px}}.zahl{display:grid;gap:6px;align-content:start}.zahl b{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h3);line-height:1.1}.zahl span{font-size:var(--g-etikett);letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--text-leise)}.bild{position:relative;margin:14px 14px 0 0}.bild__foto{position:relative;overflow:hidden;background:var(--neutral-200)}.bild--quer .bild__foto{aspect-ratio:4 / 3}.bild--quadrat .bild__foto{aspect-ratio:1 / 1}.bild__foto img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;filter:grayscale(var(--foto-grau)) contrast(1.05);will-change:transform}.wahl button{min-height:48px;padding:0 4px;background:none;border:0;cursor:pointer;color:var(--text-leise);font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;transition:color .26s ease,background-color .26s ease,box-shadow .26s ease}.wahl--gruppe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:28px}.wahl--gruppe button{box-shadow:inset 0 -1px 0 var(--linie)}.wahl--gruppe button[aria-selected=true]{color:var(--text);box-shadow:inset 0 -3px 0 var(--akzent)}.wahl--laenge{display:none}@media (min-width: 560px){.wahl--gruppe{grid-template-columns:repeat(4,minmax(0,1fr))}}.liste{width:100%;border-collapse:collapse}.liste th,.liste td{padding:15px 0;text-align:left;font-weight:400;vertical-align:baseline;border-bottom:1px solid var(--linie)}.liste th[scope=row]{padding-right:18px}.liste td{text-align:right;white-space:nowrap;padding-left:12px;font-weight:500;font-variant-numeric:tabular-nums lining-nums}.liste thead th,.liste thead td{padding:14px 0 8px;font-size:var(--g-etikett);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);text-align:right}.stimme{display:grid;gap:22px;align-content:space-between;padding:30px 0;border-top:1px solid var(--akzent);text-align:center}.stimme blockquote{font-family:var(--schrift-titel);font-style:italic;font-weight:500;font-size:var(--g-lead);line-height:1.45;max-width:30em;margin-inline:auto;text-wrap:pretty}.stimme figcaption{font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;color:var(--akzent-text)}.zeiten{width:100%;border-collapse:collapse}.zeit th,.zeit td{padding:13px 0;font-weight:400;text-align:left;border-top:1px solid var(--linie)}.zeit td{text-align:right;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums lining-nums}.zeit:last-child th,.zeit:last-child td{border-bottom:1px solid var(--linie)}.zeit.ist-heute th,.zeit.ist-heute td{color:var(--akzent-text);font-weight:500}.zeit.ist-heute th:after{content:" (heute)";font-weight:400}.sterne{position:relative;display:inline-block}.sterne__reihe{display:flex;gap:5px;color:var(--neutral-200)}.sterne__reihe svg{width:20px;height:20px;fill:currentColor;flex:none}.sterne__voll{position:absolute;inset:0 auto 0 0;width:92%;overflow:hidden;color:var(--tuerkis-600);transition:width 1.4s var(--kurve-aus) .3s}.kopf{position:absolute;inset:0 0 auto;z-index:var(--ebene-kopf);height:calc(var(--kopf-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--rand) 0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.4vw,28px);background-color:transparent;transition:background-color .4s ease,box-shadow .4s ease,color .4s ease}.js .kopf{position:fixed}.kopf.ist-fest,body.menue-offen .kopf{background-color:var(--flaeche-2)}.kopf.ist-fest{box-shadow:0 1px 0 var(--linie)}.kopf__logo{margin-right:auto;display:inline-flex;align-items:center;gap:10px;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.kopf.ist-fest .kopf__logo,body.menue-offen .kopf__logo{opacity:1;visibility:visible}.kopf__logo img{height:36px;width:auto}.kopf__route{min-height:40px;padding:0 18px}.kopf__lang{margin-left:.6em}.menue-knopf{display:inline-flex;align-items:center;gap:12px;min-height:44px;min-width:44px;justify-content:center;padding:0;background:none;border:0;cursor:pointer}.menue-knopf__striche{position:relative;width:26px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .3s var(--kurve-aus)}.menue-knopf__wort{font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase}.menue-knopf:active .menue-knopf__striche{transform:scaleX(.8)}@media (max-width: 599px){.menue-knopf__wort,.kopf__lang{display:none}.kopf__route{padding:0 14px}.kopf.ist-fest .kopf__route,body.menue-offen .kopf__route{display:none}}.menue{position:fixed;inset:0;z-index:calc(var(--ebene-kopf) - 5);background:var(--flaeche-2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:96px var(--rand) 48px;text-align:center;overflow-y:auto;overscroll-behavior:contain}.menue[hidden]{display:none}.menue:focus{outline:none}.menue__nav{display:grid;gap:10px}.menue__nav a{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h1);line-height:1.2;text-decoration:none;padding:4px 12px;transition:color .24s ease}.menue__nav a:active{color:var(--akzent-text)}@media (hover: hover) and (pointer: fine){.menue__nav a:hover{color:var(--akzent-text)}}.menue__fuss{font-size:var(--g-etikett);letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);display:grid;gap:8px}.menue__fuss a{color:var(--akzent-text);text-decoration:none}body.menue-offen{overflow:hidden}body.menue-offen .menue-knopf__striche{transform:rotate(90deg)}.start{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;text-align:center}.start__film{position:absolute;inset:-6% 0;z-index:-2;will-change:transform;background:var(--neutral-900) url(../media/podbi-hero-poster-960.webp) 62% 50% / cover no-repeat;filter:grayscale(var(--film-grau)) contrast(1.08) brightness(.72)}@media (min-width: 801px){.start__film{background-image:url(../media/podbi-hero-poster-1920.webp)}}.start__film video{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.start__schleier{position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(var(--neutral-900-rgb),.56)}.start__mitte{display:grid;justify-items:center;padding:calc(var(--kopf-h) + 32px) var(--rand) 96px;will-change:transform}.start__name{display:grid;justify-items:center;gap:clamp(18px,2.4vw,30px);font-weight:400}.start__unter{font-size:clamp(.8125rem,.7rem + .5vw,1.0625rem);font-weight:500;letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase;line-height:1.5}.start__status{margin-top:clamp(30px,4vw,46px);color:var(--text-leise)}.start__knoepfe{margin-top:clamp(24px,3vw,36px)}.start__film-knopf{position:absolute;right:var(--rand);bottom:24px;width:44px;height:44px;display:none;place-items:center;border:0;border-radius:var(--radius-kreis);background:transparent;cursor:pointer;box-shadow:inset 0 0 0 1px var(--linie);transition:background-color .24s ease,transform var(--dauer-kurz) var(--kurve-aus)}.start__film-knopf:active{transform:scale(.94)}.start__film-knopf svg{width:14px;height:14px;fill:currentColor}.start__film-knopf .i-play,.start__film-knopf[aria-pressed=true] .i-pause{display:none}.start__film-knopf[aria-pressed=true] .i-play{display:block}@media (hover: hover) and (pointer: fine){.start__film-knopf{display:grid}.start__film-knopf:hover{background:rgba(var(--neutral-50-rgb),.12)}}.vertrauen{padding:clamp(30px,4vw,48px) var(--rand);border-bottom:1px solid var(--linie)}.vertrauen__reihe{max-width:var(--breite-max);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;text-align:center}@media (min-width: 800px){.vertrauen__reihe{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.zahl{padding:6px 16px}.zahl+.zahl{border-left:1px solid var(--linie)}}.salon{padding:var(--abschnitt) var(--rand)}.salon__raster{max-width:var(--breite-max);margin:0 auto;display:grid;gap:clamp(56px,8vw,96px)}.salon__text{display:grid;gap:20px;justify-items:start;align-content:center;max-width:var(--breite-text)}.salon__bilder{display:grid;gap:clamp(40px,6vw,60px)}.salon__bilder .bild--quer{width:86%}.salon__bilder .bild--quadrat{width:60%;justify-self:end;margin:14px 0 0 14px}.salon__bilder .bild--quadrat .rahmen{inset:-14px 14px 14px -14px}@media (min-width: 900px){.salon__raster{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(56px,7vw,120px)}.salon__bilder .bild--quer{width:80%}.salon__bilder .bild--quadrat{width:54%;margin-top:-4%}}.preise{background:var(--flaeche-2);padding:var(--abschnitt) var(--rand)}.preise__kopf{text-align:center;display:grid;gap:16px;justify-items:center}.preise__hinweis{color:var(--text-leise)}.preise__liste{max-width:1160px;margin:clamp(44px,6vw,80px) auto 0}.preise__liste:not(.hat-reiter) .wahl--gruppe{display:none}.tafel h3{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h3);line-height:1.1;padding-bottom:14px;border-bottom:1px solid var(--text)}.tafel+.tafel{margin-top:56px}.tafel.ist-neu tbody tr{animation:zeile .62s var(--kurve-aus) both;animation-delay:calc(var(--i, 0) * 36ms)}@keyframes zeile{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 959px){.js .preise__liste.hat-reiter .tafel h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.js .preise__liste.hat-reiter .tafel[hidden]{display:none}.js .preise__liste.hat-reiter .tafel+.tafel{margin-top:0}}@media (max-width: 699px){.liste--3,.liste--3 tbody,.liste--3 tr{display:block}.liste--3 thead{display:none}.liste--3 tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:15px 0;border-bottom:1px solid var(--linie)}.liste--3 th,.liste--3 td{display:block;padding:0;border:0}.liste--3 th[scope=row]{flex:1 1 100%;padding:0}.liste--3 td[data-l]{color:var(--text-leise);font-weight:400}.liste--3 td[data-l]:before{content:attr(data-l) " "}.js .hat-reiter .wahl--laenge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 8px;box-shadow:inset 0 0 0 1px var(--text)}.js .hat-reiter .wahl--laenge button[aria-pressed=true]{background:var(--knopf);color:var(--knopf-text)}.js .hat-reiter .liste--3 th[scope=row]{flex:1 1 0}.js .hat-reiter .liste--3 td[data-l]{display:none;color:inherit;font-weight:500;margin-left:auto}.js .hat-reiter .liste--3 td[data-l]:before{content:none}.js .hat-reiter .liste--3[data-laenge=kurz] td[data-l=kurz],.js .hat-reiter .liste--3[data-laenge=mittel] td[data-l=mittel],.js .hat-reiter .liste--3[data-laenge=lang] td[data-l=lang]{display:block}}@media (min-width: 700px){.liste--3 th[scope=row]{width:49%}.liste--3 td,.liste--3 thead th{width:17%}}@media (min-width: 960px){.wahl--gruppe{display:none}.tafel[hidden]{display:block}.preise__liste{display:grid;grid-template-columns:7fr 5fr;column-gap:clamp(56px,8vw,120px);row-gap:64px;align-items:start}.tafel+.tafel{margin-top:0}#tafel-damen{grid-area:1 / 1}#tafel-kosmetik{grid-area:2 / 1}#tafel-herren{grid-area:1 / 2}#tafel-kinder{grid-area:2 / 2}}.aufruf{padding:clamp(72px,10vw,150px) var(--rand);text-align:center}.aufruf__mitte{display:grid;justify-items:center;gap:clamp(22px,3vw,34px)}.aufruf__satz{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h1);line-height:var(--zeile-eng);max-width:11em;text-wrap:balance}.band{position:relative;overflow:hidden;height:clamp(460px,60vw,80vh)}.band__bild{position:absolute;inset:0}.band__bild img{position:absolute;left:0;top:-14%;width:100%;height:128%;object-fit:cover;object-position:60% 50%;filter:grayscale(var(--film-grau)) contrast(1.04);will-change:transform}.band__karte{position:absolute;left:50%;bottom:clamp(24px,5vw,64px);width:min(430px,calc(100% - 2 * var(--rand)));translate:-50% 0;background:var(--flaeche-2);padding:32px 30px 26px;display:grid;gap:10px;justify-items:start;outline:1px solid var(--akzent);outline-offset:-9px}.band__karte h2{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h3);line-height:1.14}@media (min-width: 900px){.band__karte{left:auto;right:max(var(--rand),calc(50% - var(--breite-max) / 2));translate:none}}.stimmen{padding:var(--abschnitt) var(--rand)}.stimmen__kopf{text-align:center;display:grid;gap:16px;justify-items:center;margin-bottom:clamp(40px,6vw,72px)}.stimmen__reihe{max-width:1180px;margin:0 auto;display:grid}@media (min-width: 900px){.stimmen__reihe{grid-template-columns:repeat(3,minmax(0,1fr))}.stimme{border-top:0;border-left:1px solid var(--akzent);padding:12px clamp(24px,3.4vw,52px)}.stimme:last-child{border-right:1px solid var(--akzent)}}.stimmen__quelle{max-width:1180px;margin:clamp(28px,4vw,44px) auto 0;text-align:center;font-size:var(--g-klein);color:var(--text-leise)}.besuch{background:var(--flaeche-2);padding:var(--abschnitt) var(--rand)}.besuch__raster{max-width:1080px;margin:0 auto;display:grid;gap:56px}.karte-rahmen{position:relative;margin:14px 14px 0 0}.karte{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--flaeche)}.karte__strassen,.karte__podbi{position:absolute;inset:0;-webkit-mask:center / cover no-repeat;mask:center / cover no-repeat}.karte__strassen{background:var(--text);opacity:.45;-webkit-mask-image:url(../img/karte-strassen.svg);mask-image:url(../img/karte-strassen.svg)}.karte__podbi{background:var(--akzent);-webkit-mask-image:url(../img/karte-podbi.svg);mask-image:url(../img/karte-podbi.svg)}.karte__punkt{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:var(--radius-kreis);background:var(--text);box-shadow:0 0 0 4px var(--flaeche-2),0 0 0 5px var(--akzent)}.karte__schild{position:absolute;left:50%;top:50%;translate:-50% 22px;padding:8px 14px 7px;background:var(--neutral-900);color:var(--neutral-50);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.besuch__info{display:grid;gap:16px;align-content:center;justify-items:start}.besuch__ort{color:var(--text-leise);margin-top:-6px}.besuch__status{margin-top:8px}.besuch__info .knoepfe{justify-content:flex-start;margin-top:12px}@media (max-width: 479px){.besuch__info .knoepfe{max-width:none}}@media (min-width: 900px){.besuch__raster{grid-template-columns:6fr 5fr;gap:clamp(56px,8vw,120px);align-items:center}}.fuss{padding:clamp(56px,8vw,104px) var(--rand) calc(112px + env(safe-area-inset-bottom,0px))}.fuss__innen{max-width:var(--breite-max);margin:0 auto;display:grid;gap:clamp(40px,6vw,64px)}.fuss__logo{justify-self:start}.fuss__logo img{height:clamp(96px,11vw,132px);width:auto}.fuss__spalten{display:grid;gap:32px}.fuss__spalten>div{display:grid;gap:10px;align-content:start}.fuss__spalten a{text-decoration-color:var(--akzent)}.fuss__klein{font-size:.8125rem;line-height:1.9;color:var(--text-leise);border-top:1px solid var(--linie);padding-top:24px}@media (min-width: 760px){.fuss__spalten{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 960px){.fuss__spalten:has(>div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}.preise__mehr{max-width:var(--breite-max);margin:48px auto 0;color:var(--text-leise)}.preise__mehr a{color:var(--akzent-text)}.menue__gruppen{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;margin:-4px 0 6px}.menue__nav .menue__gruppen a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--schrift-text);font-size:var(--g-etikett);letter-spacing:var(--sperrung-etikett);text-transform:uppercase;color:var(--akzent-text);text-decoration:underline;text-decoration-color:var(--akzent)}@media (min-width: 900px){.fuss{padding-bottom:28px}}.leiste{position:fixed;inset:auto 0 0;z-index:var(--ebene-leiste);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:10px var(--rand) calc(10px + env(safe-area-inset-bottom,0px));background:var(--flaeche-2);box-shadow:0 -1px 0 var(--linie),var(--schatten-schwebe);transform:translateY(110%);transition:transform .56s var(--kurve-aus)}.leiste.ist-da{transform:none}.leiste .knopf{min-height:48px;padding:0 4px;letter-spacing:.1em}@media (min-width: 900px){.leiste{display:none}}.textkopf{padding:env(safe-area-inset-top,0px) var(--rand) 0;border-bottom:1px solid var(--linie);background:var(--flaeche-2)}.textkopf__innen{max-width:var(--breite-max);margin:0 auto;min-height:var(--kopf-h);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding-block:8px}.textkopf img{height:36px;width:auto}.textkopf__logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.textseite{padding:clamp(48px,7vw,96px) var(--rand) var(--abschnitt)}.textseite__innen{max-width:44rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.textseite h1{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h1);line-height:var(--zeile-eng);margin:8px 0 12px}.textseite h2{font-family:var(--schrift-titel);font-weight:500;font-size:var(--g-h3);line-height:var(--zeile-titel);margin-top:28px;-webkit-hyphens:auto;hyphens:auto}.textseite ul{list-style:disc;padding-left:1.2em;display:grid;gap:6px}.textseite a{color:var(--akzent-text)}.textseite .stand{color:var(--text-leise);font-size:var(--g-klein);margin-top:20px}.offen{background:var(--tuerkis-100);color:var(--tuerkis-900);padding:1px 6px;font-weight:500}.fuss--kurz{padding-bottom:28px}.seitenkopf{position:sticky;top:0;z-index:var(--ebene-kopf, 50);padding:env(safe-area-inset-top,0px) var(--rand) 0;border-bottom:1px solid var(--linie);background:var(--flaeche-2)}.seitenkopf__innen{max-width:var(--breite-max);margin:0 auto;min-height:var(--kopf-h);display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;padding-block:8px}.seitenkopf img{height:36px;width:auto}.seitenkopf__nav{display:flex;gap:22px;margin-left:auto}.seitenkopf__nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:var(--g-etikett);font-weight:500;letter-spacing:var(--sperrung-etikett);text-transform:uppercase;color:var(--text-leise)}.seitenkopf__nav a[aria-current=page]{color:var(--text);box-shadow:inset 0 -2px 0 var(--akzent)}.seitenkopf__route{min-height:44px}@media (hover: hover) and (pointer: fine){.seitenkopf__nav a:hover{color:var(--text)}}@media (max-width: 699px){.seitenkopf__innen{gap:0 16px}.seitenkopf__route{display:none}.seitenkopf__nav{flex:1 1 100%;justify-content:space-between;margin-left:0;border-top:1px solid var(--linie)}}.pfad{font-size:.8125rem;color:var(--text-leise)}.pfad a{color:inherit}.leistung{padding:clamp(40px,6vw,96px) var(--rand) var(--abschnitt)}.leistung__raster{max-width:var(--breite-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(48px,7vw,96px);align-items:center}.leistung__text{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:start;max-width:38rem;min-width:0}.leistung__text>*{max-width:100%}.leistung__text .knoepfe{justify-content:flex-start;margin-top:6px}.leistung__titel{font-family:var(--schrift-titel);font-weight:500;font-size:clamp(2.125rem,1.4rem + 3.2vw,4.25rem);overflow-wrap:break-word;line-height:var(--zeile-eng);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}.leistung__lead{font-size:var(--g-lead);line-height:1.5}.leistung__bild{width:min(100%,560px);justify-self:end}.leistung__bild.bild--quadrat{width:min(86%,460px)}@media (min-width: 900px){.leistung__raster{grid-template-columns:7fr 5fr}}.leistung-preise{background:var(--flaeche-2);padding:var(--abschnitt) var(--rand)}.leistung-preise__innen{max-width:820px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.leistung-preise__tafeln{margin-top:24px}.leistung-preise__tafeln .tafel+.tafel{margin-top:clamp(56px,7vw,80px)}.besuch__raster--schmal{max-width:var(--breite-max)}.besuch__note{color:var(--text-leise);font-size:var(--g-klein, .9375rem)}.besuch__note a{color:var(--akzent-text)}.besuch__weiter{display:grid;gap:4px;align-content:center;justify-items:start}.besuch__weiter .etikett{color:var(--text-leise);margin-bottom:6px}@media (min-width: 900px){.besuch__raster--schmal{grid-template-columns:6fr 5fr}}.js .start .logo{opacity:0;transform:translateY(14px);transition:opacity .9s ease .2s,transform 1.2s var(--kurve-aus) .2s}.js .start .logo__kasten{opacity:0;transform:translate(-16px);transition:opacity .7s ease .7s,transform .9s var(--kurve-aus) .7s}.js .start .logo__haircut{opacity:0;transition:opacity .8s ease .9s}.js .start.ist-da .logo__kasten{opacity:1;transform:none}.js .start.ist-da .logo__haircut{opacity:1}.js .start__status,.js .start__knoepfe{opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s var(--kurve-aus);transition-delay:.9s}.js .start__status{transition-delay:1.15s}.js .start__knoepfe{transition-delay:1.35s}.js .start.ist-da .logo,.js .start.ist-da .start__unter,.js .start.ist-da .start__status,.js .start.ist-da .start__knoepfe{opacity:1;transform:none}.js .start.ist-da .logo__d{animation:schnipp-d 1.3s var(--kurve-ein-aus) 1.2s both}.js .start.ist-da .logo__b{animation:schnipp-b 1.3s var(--kurve-ein-aus) 1.2s both}@keyframes schnipp-d{0%,to{transform:rotate(0)}26%{transform:rotate(9deg)}46%{transform:rotate(0)}68%{transform:rotate(6deg)}86%{transform:rotate(0)}}@keyframes schnipp-b{0%,to{transform:rotate(0)}26%{transform:rotate(-9deg)}46%{transform:rotate(0)}68%{transform:rotate(-6deg)}86%{transform:rotate(0)}}.js .menue.ist-auf .menue__nav a,.js .menue.ist-auf .menue__fuss{animation:steig .7s var(--kurve-aus) both;animation-delay:calc(var(--i, 0) * 60ms + 60ms)}@keyframes steig{0%{opacity:0;transform:translateY(18px)}}.js [data-auftritt] [data-teil]{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s var(--kurve-aus);transition-delay:calc(var(--i, 0) * .1s)}.js [data-auftritt].ist-da [data-teil]{opacity:1;transform:none}.js [data-auftritt] .bild__foto[data-teil],.js [data-auftritt] .karte[data-teil]{opacity:1;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--kurve-aus)}.js [data-auftritt].ist-da .bild__foto[data-teil],.js [data-auftritt].ist-da .karte[data-teil]{clip-path:inset(0)}.js [data-auftritt] .rahmen{opacity:0;transition:opacity 1.1s ease .6s}.js [data-auftritt].ist-da .rahmen{opacity:1}.js [data-auftritt]:not(.ist-da) .sterne__voll{width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important}html{scroll-behavior:auto}.js .start .logo,.js .start .logo__kasten,.js .start .logo__haircut,.js .start__unter,.js .start__status,.js .start__knoepfe,.js [data-auftritt] [data-teil],.js [data-auftritt] .rahmen{opacity:1;transform:none}.js [data-auftritt] .bild__foto[data-teil],.js [data-auftritt] .karte[data-teil]{clip-path:none}.js [data-auftritt]:not(.ist-da) .sterne__voll{width:92%}[data-speed]{translate:none!important}}
