@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/cabinet-grotesk-900.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2)format("woff2")}.bsp-friseur{--ink:#101114;--ink-soft:#20242a;--paper:#f8f3ed;--paper-2:#eee4d8;--muted:#6d645c;--line:#10111421;--copper:#b86f4c;--lime:#c7f05b;--rose:#ead2d4;--sage:#7b9178;--white:#fffaf4;--shadow:0 24px 70px #1011142e}.bsp-friseur,.bsp-friseur *{box-sizing:border-box}.bsp-friseur{scroll-behavior:smooth;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}.bsp-friseur a{color:inherit;text-decoration:none}.bsp-friseur button,.bsp-friseur input,.bsp-friseur select,.bsp-friseur textarea{font:inherit}.bsp-friseur h1,.bsp-friseur h2,.bsp-friseur h3{letter-spacing:-.035em;font-family:Cabinet Grotesk,Arial Black,sans-serif}.bsp-friseur .ki-badge{z-index:5;color:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em;white-space:nowrap;background:#101114bd;border:1px solid #ffffff38;border-radius:999px;padding:5px 11px;font-size:.7rem;font-weight:700;position:absolute;bottom:14px;right:14px}.bsp-friseur .ki-badge--klein{padding:4px 9px;font-size:.64rem;top:10px;bottom:auto;right:10px}.bsp-friseur .ki-note{color:var(--copper);margin-top:10px;font-size:.84rem;font-weight:600}.bsp-friseur .demo-pill{z-index:80;color:var(--white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101114d1;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.78rem;display:inline-flex;position:fixed;bottom:18px;left:18px;box-shadow:0 12px 34px #00000038}.bsp-friseur .demo-pill span{background:var(--lime);border-radius:50%;width:8px;height:8px}.bsp-friseur .nav{z-index:60;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#f8f3edb8;border:1px solid #ffffff6b;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:12px 14px 12px 18px;display:flex;position:fixed;inset:16px 18px auto;box-shadow:0 16px 50px #10111414}.bsp-friseur .brand{align-items:center;gap:10px;min-width:max-content;font-family:Cabinet Grotesk,sans-serif;font-size:1.15rem;font-weight:900;display:flex}.bsp-friseur .brand-mark{background:var(--ink);width:34px;height:34px;color:var(--lime);letter-spacing:0;border-radius:12px;place-items:center;font-size:.9rem;display:grid}.bsp-friseur .nav-links{align-items:center;gap:6px;display:flex}.bsp-friseur .nav-links a,.bsp-friseur .nav-links button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px;font-size:.9rem;font-weight:800}.bsp-friseur .nav-links a:hover,.bsp-friseur .nav-links button:hover{background:#10111412}.bsp-friseur .book-now{background:var(--ink)!important;color:var(--white)!important;padding-inline:16px!important}.bsp-friseur .nav-owner{color:var(--ink);background:#c7f05b2e;border-radius:12px;align-items:center;gap:8px;margin-left:4px;padding:10px 12px;font-size:.86rem;font-weight:900;display:inline-flex}.bsp-friseur .hero{background:radial-gradient(circle at 82% 12%,#c7f05b47,#0000 24%),linear-gradient(135deg,#f8f3ed 0%,#efe2d2 52%,#e6d0d3 100%);grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:stretch;gap:clamp(24px,4vw,54px);min-height:100svh;padding:112px clamp(20px,4vw,58px) 36px;display:grid}.bsp-friseur .hero-copy{flex-direction:column;justify-content:center;max-width:760px;display:flex}.bsp-friseur .eyebrow{border:1px solid var(--line);width:fit-content;color:var(--copper);letter-spacing:.12em;text-transform:uppercase;background:#fffaf49e;border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:8px 12px;font-size:.74rem;font-weight:900;display:inline-flex}.bsp-friseur .eyebrow:before{content:"";background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #c7f05b3d}.bsp-friseur .hero h1{max-width:780px;margin:0;font-size:clamp(3.25rem,7.5vw,7.6rem);line-height:.88}.bsp-friseur .hero-lead{max-width:590px;color:var(--muted);margin:26px 0 0;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.8}.bsp-friseur .hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.bsp-friseur .btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-family:Cabinet Grotesk,sans-serif;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.bsp-friseur .btn:hover{transform:translateY(-2px)}.bsp-friseur .btn-dark{background:var(--ink);color:var(--white);box-shadow:var(--shadow)}.bsp-friseur .btn-light{color:var(--ink);background:#fffaf4bd;border:1px solid #1011141f}.bsp-friseur .btn-call{background:var(--lime);color:var(--ink);box-shadow:0 18px 46px #708c1633}.bsp-friseur .btn-review{color:var(--ink);background:#fffaf4bd;border:1px solid #1011141f}.bsp-friseur .hero-media{min-height:690px;box-shadow:var(--shadow);background:linear-gradient(#10111400 30%,#10111494),url(/assets/demos/friseur-website/hero-salon.jpg) 50%/cover;border-radius:28px;position:relative;overflow:hidden}.bsp-friseur .hero-card{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.bsp-friseur .metric{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;color:var(--white);background:#fffaf429;border:1px solid #ffffff3d;border-radius:18px;padding:17px}.bsp-friseur .metric strong{color:var(--lime);font-family:Cabinet Grotesk,sans-serif;font-size:1.55rem;line-height:1;display:block}.bsp-friseur .metric span{color:#fffaf4d1;margin-top:6px;font-size:.78rem;line-height:1.35;display:block}.bsp-friseur .floating-review{width:min(270px,100% - 44px);color:var(--white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101114c7;border:1px solid #ffffff29;border-radius:20px;padding:18px;position:absolute;top:22px;right:22px}.bsp-friseur .stars{color:#ffd86b;letter-spacing:2px;font-size:.9rem}.bsp-friseur .floating-review strong{margin-top:8px;font-family:Cabinet Grotesk,sans-serif;font-size:1.1rem;display:block}.bsp-friseur .floating-review p{color:#fffaf4c2;margin:6px 0 0;font-size:.84rem}.bsp-friseur .section{padding:clamp(72px,8vw,118px) clamp(20px,5vw,64px)}.bsp-friseur .wrap{width:min(1180px,100%);margin:0 auto}.bsp-friseur .section-head{grid-template-columns:minmax(0,.9fr) minmax(280px,.48fr);align-items:end;gap:28px;margin-bottom:34px;display:grid}.bsp-friseur .section h2{margin:0;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.94}.bsp-friseur .section-lead{color:var(--muted);margin:0;line-height:1.8}.bsp-friseur .services{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.bsp-friseur .service{border:1px solid var(--line);background:#fffaf494;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:250px;padding:24px;display:flex}.bsp-friseur .service:nth-child(2){background:var(--rose)}.bsp-friseur .service:nth-child(3){background:#dde7d5}.bsp-friseur .service h3{margin:0 0 10px;font-size:1.35rem}.bsp-friseur .service p{color:var(--muted);margin:0}.bsp-friseur .price{margin-top:28px;font-family:Cabinet Grotesk,sans-serif;font-size:1.55rem;font-weight:900}.bsp-friseur .agent-section{background:var(--ink);color:var(--white);position:relative;overflow:hidden}.bsp-friseur .agent-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c7f05b40,#0000 66%);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-170px}.bsp-friseur .agent-section .section-lead{color:#fffaf4b8}.bsp-friseur .agent-grid{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:18px;display:grid;position:relative}.bsp-friseur .agent-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:28px;padding:clamp(24px,3vw,34px)}.bsp-friseur .agent-phone{background:linear-gradient(145deg,#ffffff1f,#ffffff0b),radial-gradient(circle at 80% 10%,#c7f05b38,#0000 36%);flex-direction:column;justify-content:space-between;min-height:430px;display:flex}.bsp-friseur .agent-status{width:fit-content;color:var(--lime);text-transform:uppercase;letter-spacing:.1em;background:#c7f05b24;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.bsp-friseur .agent-status:before{content:"";background:var(--lime);border-radius:50%;width:8px;height:8px}.bsp-friseur .agent-number{letter-spacing:-.04em;color:var(--white);margin:26px 0 10px;font-family:Cabinet Grotesk,sans-serif;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.95;display:block}.bsp-friseur .agent-copy{color:#fffaf4b8;max-width:520px}.bsp-friseur .agent-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.bsp-friseur .call-log{gap:12px;display:grid}.bsp-friseur .call-bubble{color:#fffaf4c7;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:16px 18px}.bsp-friseur .call-bubble strong{color:var(--lime);margin-bottom:5px;font-family:Cabinet Grotesk,sans-serif;font-size:1.1rem;display:block}.bsp-friseur .agent-result{color:var(--white);background:#c7f05b26;border:1px solid #c7f05b5c;border-radius:20px;margin-top:16px;padding:16px 18px;display:none}.bsp-friseur .gallery{grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:260px;gap:14px;display:grid}.bsp-friseur .shot{background-position:50%;background-size:cover;border-radius:24px;box-shadow:inset 0 -90px 120px #1011142e}.bsp-friseur .shot-large{grid-row:span 2}.bsp-friseur .shot-one{background-image:url(/assets/demos/friseur-website/gallery-wash.jpg)}.bsp-friseur .shot-two{background-image:url(/assets/demos/friseur-website/gallery-color.jpg)}.bsp-friseur .shot-three{background-image:url(/assets/demos/friseur-website/gallery-portrait.jpg)}.bsp-friseur .shot-four{background-image:url(/assets/demos/friseur-website/gallery-style.jpg)}.bsp-friseur .shot-five{background-image:url(/assets/demos/friseur-website/gallery-products.jpg)}.bsp-friseur .booking-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:18px;display:grid}.bsp-friseur .panel{border:1px solid var(--line);background:var(--white);border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 60px #10111414}.bsp-friseur .panel-dark{background:var(--ink);color:var(--white);position:sticky;top:104px}.bsp-friseur .panel h3{margin:0 0 12px;font-size:1.7rem}.bsp-friseur .summary{color:#fffaf4c2;margin:18px 0 0}.bsp-friseur .summary strong{color:var(--lime);margin-bottom:8px;font-family:Cabinet Grotesk,sans-serif;font-size:1.55rem;display:block}.bsp-friseur .field{margin-bottom:16px}.bsp-friseur .field label{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px;font-size:.78rem;font-weight:900;display:block}.bsp-friseur .field input,.bsp-friseur .field select,.bsp-friseur .field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:13px 14px}.bsp-friseur .field textarea{resize:vertical;min-height:92px}.bsp-friseur .field input:focus,.bsp-friseur .field select:focus,.bsp-friseur .field textarea:focus{border-color:var(--copper);box-shadow:0 0 0 4px #b86f4c24}.bsp-friseur .slots{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.bsp-friseur .slot{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:12px 8px;font-weight:900}.bsp-friseur .slot.is-active{background:var(--ink);color:var(--white);border-color:var(--ink)}.bsp-friseur .confirmation{color:var(--white);background:#c7f05b29;border:1px solid #c7f05b6b;border-radius:18px;margin-top:18px;padding:18px;display:none}.bsp-friseur .confirmation strong{color:var(--lime)}.bsp-friseur .review-flow{color:#fffaf4c7;background:#fffaf41a;border:1px solid #ffffff29;border-radius:18px;margin-top:14px;padding:18px;display:none}.bsp-friseur .review-flow-title{color:var(--white);justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.bsp-friseur .review-flow-title span{color:#ffd86b;letter-spacing:2px}.bsp-friseur .review-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.bsp-friseur .review-btn{background:var(--lime);color:var(--ink);cursor:pointer;border:0;border-radius:13px;padding:11px 13px;font-weight:900}.bsp-friseur .review-btn.secondary{color:var(--white);background:#ffffff1f}.bsp-friseur .review-section{background:var(--ink);color:var(--white)}.bsp-friseur .review-section .section-lead{color:#fffaf4b3}.bsp-friseur .review-board{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:18px;display:grid}.bsp-friseur .google-slot{background:radial-gradient(circle at 90% 10%,#c7f05b38,#0000 34%),linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff26;border-radius:28px;padding:clamp(24px,3vw,34px)}.bsp-friseur .google-logo{background:#ffffff1f;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-weight:900;display:inline-flex}.bsp-friseur .google-logo b:first-child{color:#4285f4}.bsp-friseur .google-logo b:nth-child(2){color:#ea4335}.bsp-friseur .google-logo b:nth-child(3){color:#fbbc05}.bsp-friseur .google-logo b:nth-child(4){color:#4285f4}.bsp-friseur .google-logo b:nth-child(5){color:#34a853}.bsp-friseur .google-logo b:nth-child(6){color:#ea4335}.bsp-friseur .qr{background:linear-gradient(90deg, var(--white) 10px, transparent 10px) 0 0/20px 20px, linear-gradient(var(--white) 10px, transparent 10px) 0 0/20px 20px, var(--ink);border:12px solid var(--white);border-radius:18px;width:150px;height:150px;margin:24px 0 18px;box-shadow:0 20px 60px #00000040}.bsp-friseur .review-cards{gap:12px;display:grid}.bsp-friseur .review-card{background:#ffffff17;border:1px solid #ffffff1f;border-radius:22px;padding:20px}.bsp-friseur .review-card p{color:#fffaf4c2;margin:8px 0 0}.bsp-friseur .team{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.bsp-friseur .person{min-height:300px;color:var(--white);background-position:50%;background-size:cover;border-radius:26px;align-items:end;padding:22px;display:flex;position:relative;overflow:hidden}.bsp-friseur .person:before{content:"";background:linear-gradient(#0000 30%,#101114d1);position:absolute;inset:0}.bsp-friseur .person-info{z-index:1;position:relative}.bsp-friseur .person span{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.bsp-friseur .person h3{margin:8px 0 5px;font-size:1.7rem}.bsp-friseur .person p{color:#fffaf4cc;margin:0}.bsp-friseur .p1{background-image:url(/assets/demos/friseur-website/team-mira.jpg)}.bsp-friseur .p2{background-image:url(/assets/demos/friseur-website/team-lea.jpg)}.bsp-friseur .p3{background-image:url(/assets/demos/friseur-website/team-noah.jpg)}.bsp-friseur .footer{color:var(--white);background:#0b0c0e;grid-template-columns:1fr 1fr;gap:28px;padding:clamp(50px,7vw,86px) clamp(20px,5vw,64px);display:grid}.bsp-friseur .footer h2{margin:0 0 12px;font-size:clamp(2.3rem,5vw,4.2rem);line-height:.95}.bsp-friseur .footer p{color:#fffaf4ad;max-width:560px}.bsp-friseur .bts-cta{color:var(--white);box-shadow:var(--shadow);background:radial-gradient(circle at 86% 12%,#c7f05b57,#0000 32%),linear-gradient(135deg,#101114,#20242a);border-radius:32px;margin:clamp(40px,6vw,72px) clamp(20px,5vw,64px);padding:clamp(30px,5vw,56px)}.bsp-friseur .bts-cta-inner{grid-template-columns:minmax(0,.9fr) minmax(260px,.42fr);align-items:center;gap:26px;max-width:1080px;margin:0 auto;display:grid}.bsp-friseur .bts-cta-kicker{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.76rem;font-weight:900}.bsp-friseur .bts-cta h2{margin:0;font-size:clamp(2.15rem,4.6vw,4.4rem);line-height:.95}.bsp-friseur .bts-cta p{color:#fffaf4bd;max-width:650px;margin:16px 0 0}.bsp-friseur .bts-cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.bsp-friseur .btn-bts{background:var(--lime);color:var(--ink)}@media (max-width:980px){.bsp-friseur .hero,.bsp-friseur .agent-grid,.bsp-friseur .booking-grid,.bsp-friseur .review-board,.bsp-friseur .footer,.bsp-friseur .bts-cta-inner{grid-template-columns:1fr}.bsp-friseur .bts-cta-actions{justify-content:flex-start}.bsp-friseur .hero-media{min-height:560px}.bsp-friseur .panel-dark{position:static}.bsp-friseur .services{grid-template-columns:repeat(2,minmax(0,1fr))}.bsp-friseur .gallery{grid-template-columns:1fr 1fr}.bsp-friseur .shot-large{grid-column:span 2;min-height:410px}.bsp-friseur .section-head{grid-template-columns:1fr;align-items:start}}@media (max-width:680px){.bsp-friseur .nav{border-radius:16px;align-items:flex-start;gap:8px;max-width:calc(100vw - 24px);position:absolute;inset:12px 12px auto;overflow:hidden}.bsp-friseur .brand{font-size:1rem}.bsp-friseur .brand-mark{width:30px;height:30px}.bsp-friseur .nav-links,.bsp-friseur .nav-owner{display:none}.bsp-friseur .hero{gap:22px;max-width:100vw;padding:96px 20px 24px;display:block;overflow:hidden}.bsp-friseur .hero h1{text-wrap:balance;max-width:100%;font-size:clamp(2.55rem,11vw,3rem);line-height:.94}.bsp-friseur .hero-copy{width:100%;min-width:0;max-width:350px}.bsp-friseur .hero-lead{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;width:100%;max-width:34ch;font-size:.96rem}.bsp-friseur .hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;width:100%;max-width:100%;display:grid;overflow:hidden}.bsp-friseur .hero-actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0;padding:14px 12px;overflow:hidden}.bsp-friseur .hero-actions .btn-call{font-size:0}.bsp-friseur .hero-actions .btn-call:after{content:"Anrufen";font-size:.95rem}.bsp-friseur .hero-actions .btn-dark{font-size:0}.bsp-friseur .hero-actions .btn-dark:after{content:"Termin";font-size:.95rem}.bsp-friseur .hero-actions .btn-review{width:auto;box-shadow:none;background:#fffaf49e;border-radius:999px;grid-column:1/-1;justify-self:start;padding:9px 13px;font-size:.86rem}.bsp-friseur .hero-media{border-radius:22px;width:100%;min-width:0;max-width:350px;min-height:650px;overflow:hidden}.bsp-friseur .hero-copy+.hero-media{margin-top:24px}.bsp-friseur .floating-review{width:calc(100% - 36px);max-width:calc(100% - 36px);padding:16px;right:18px}.bsp-friseur .floating-review p,.bsp-friseur .metric span{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:28ch}.bsp-friseur .floating-review p{font-size:.78rem;line-height:1.45}.bsp-friseur .hero-card{grid-template-columns:minmax(0,1fr);gap:10px;max-width:calc(100% - 36px);bottom:18px;left:18px;right:18px}.bsp-friseur .floating-review{width:auto;top:18px;left:18px;right:18px}.bsp-friseur .services,.bsp-friseur .gallery,.bsp-friseur .team{grid-template-columns:1fr}.bsp-friseur .gallery{grid-auto-rows:auto;gap:18px}.bsp-friseur .shot,.bsp-friseur .shot-large{grid-area:auto;min-height:320px}.bsp-friseur .slots{grid-template-columns:1fr 1fr}.bsp-friseur .demo-pill{justify-content:center;font-size:.72rem;bottom:12px;left:12px;right:12px}.bsp-friseur .demo-pill:after{content:"Beispielseite · KI-generierte Bilder"}.bsp-friseur .demo-pill{font-size:0}.bsp-friseur .demo-pill span{margin-right:8px}.bsp-friseur .demo-pill:after{font-size:.72rem}.bsp-friseur .section{padding-left:18px;padding-right:18px}}@media (max-width:370px){.bsp-friseur .hero-copy,.bsp-friseur .hero-media{max-width:calc(100vw - 40px)}}
