@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f4;--ink:#292c2b;--muted:#686b68;--line:#e3e1dc;--white:#fff;--soft:#efede8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(248,247,244,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:14px;align-items:center}.brand img{width:61px;height:61px;object-fit:contain}.brand b{display:block;font-size:13px;letter-spacing:.1em;line-height:1.35}.brand small{font-size:10px;letter-spacing:.17em;color:var(--muted)}.navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.navlinks a:not(.button):hover{opacity:.55}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);border:1px solid var(--ink);color:#fff;padding:14px 23px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s;cursor:pointer}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0002;background:#454a47}.button.light{background:transparent;color:var(--ink)}.button.light:hover{background:#fff}.menu{display:none;border:0;background:transparent;font-size:27px;cursor:pointer}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#777b77}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:630px}.hero-copy{padding:100px 7vw 90px max(24px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}.hero-image{min-height:530px;overflow:hidden;background:#e2dfd8}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.hero-image:hover img,.photo:hover img{transform:scale(1.035)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.13}h1{font-size:clamp(48px,5.5vw,83px);font-weight:500;margin:22px 0}h2{font-size:clamp(34px,4vw,57px);font-weight:500;margin:15px 0 23px}h3{font-size:24px;font-weight:600}.lead{font-size:17px;line-height:1.85;max-width:700px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.section{padding:105px 0}.section.white{background:#fff}.section.soft{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{border:1px solid var(--line);background:#fff;padding:34px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s}.card:hover,.person:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0000000b}.card .num{font-size:12px;color:#8c8e8b}.card p,.tile p{color:var(--muted);font-size:14px}.card a{font-size:13px;font-weight:700;border-bottom:1px solid #999;align-self:flex-start}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo{height:500px;overflow:hidden;background:#ddd9d1}.photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.pagehero{padding:90px 0 75px;background:#efede8}.pagehero h1{max-width:930px}.pagehero p{max-width:740px}.crumb{font-size:12px;color:#777;margin-bottom:25px}.crumb a{text-decoration:underline;text-underline-offset:4px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.tile{background:#fff;border:1px solid var(--line);padding:28px}.tile h3{font-size:20px;margin-top:0}.teamgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.person{background:#fff;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}.person img{width:100%;aspect-ratio:4/4.5;object-fit:cover;background:#e4e2de}.person .pc{padding:18px}.person h3{font-size:17px;letter-spacing:-.025em;margin:0 0 6px}.person p{font-size:13px;color:var(--muted);margin:0}.contactband{background:var(--ink);color:white;padding:85px 0}.contactband p{color:#c5c8c4}.contactband .button{background:#fff;color:var(--ink);border-color:#fff}.contactgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.contactdetail{border-bottom:1px solid #656b66;padding:15px 0}.form{max-width:850px;background:#fff;border:1px solid var(--line);padding:38px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 20px}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid #c9c9c5;background:#fafaf8;padding:13px;width:100%;border-radius:0}.field textarea{min-height:130px;resize:vertical}.check{display:flex;gap:12px;font-size:13px;align-items:flex-start;margin:10px 0 25px}.check a{text-decoration:underline}.note{font-size:12px;color:var(--muted)}.footer{background:#202321;color:#d0d2ce;padding:30px 0;font-size:12px}.footrow{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footrow a{margin-left:18px;text-decoration:underline}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #888;outline-offset:4px}@media(max-width:950px){.navlinks{gap:14px}.teamgrid{grid-template-columns:repeat(2,1fr)}.split{gap:30px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.nav{height:74px}.brand img{width:48px;height:48px}.brand b{font-size:11px}.menu{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero,.split,.contactgrid{grid-template-columns:1fr}.hero-copy{padding:70px 22px}.hero-image{min-height:360px;height:360px}.section{padding:70px 0}.cards,.tiles,.formgrid{grid-template-columns:1fr}.photo{height:350px}.pagehero{padding:65px 0}.form{padding:22px}.contactband{padding:65px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Version 5 – updated layout and accessible effects */
.nav{min-height:118px;height:auto;padding:10px 0}.brand img{width:112px;height:112px;object-fit:contain}.navlinks{gap:15px;flex-wrap:wrap}.navlinks a{font-size:13px}.whatsapp-nav{font-weight:700;border-bottom:1px solid currentColor}.hero-clean{display:flex;align-items:center;min-height:480px;padding:95px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#f8f7f4,#eceae5)}.hero-clean .hero-copy{max-width:790px}.hero-clean h1{font-size:clamp(42px,6vw,86px)}.wa-float{position:fixed;right:22px;bottom:20px;z-index:35;background:#292c2b;color:white;border-radius:99px;padding:12px 19px;font-weight:700;box-shadow:0 8px 28px #0002}.faq{max-width:850px}.faq details{border-bottom:1px solid #d6d3cd;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#686b68}.card,.button,.photo img{transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #00000012}.button:hover{transform:translateY(-2px)}.photo:hover img{transform:scale(1.025)}@media(max-width:800px){.nav{min-height:95px}.brand img{width:85px;height:85px}.hero-clean{min-height:400px;padding:65px 24px}.wa-float{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Version 6: floating WhatsApp contact and stronger header CTA */
.navlinks .button{white-space:nowrap}.wa-float{display:inline-flex;align-items:center;gap:9px;animation:waEnter .7s ease both}.wa-float:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0003}.wa-float svg{width:20px;height:20px;fill:currentColor}.wa-float span{line-height:1}.navlinks a.button{color:#fff}.navlinks a.button:hover{opacity:1}.form{scroll-margin-top:145px}
@keyframes waEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.wa-float{right:14px;bottom:14px;padding:13px 15px}.wa-float span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wa-float{animation:none}}

/* Version 7: warmer, moderner Startbereich mit echten Praxisbildern und weichen Formen */
:root{--paper:#f9f8f5;--soft:#f0eee9;--line:#e6e3dc}
.nav{min-height:124px}.brand img{width:118px;height:118px}.button{border-radius:999px;padding:14px 25px}.card,.tile,.person,.form{border-radius:22px;overflow:hidden}.photo,.photo img{border-radius:24px}.field input,.field textarea,.field select{border-radius:12px}.wa-float{border-radius:999px}
.hero-v7{display:block;min-height:0;background:radial-gradient(ellipse at 82% 25%,#eeece7 0,transparent 50%),#f9f8f5;padding:55px 0 90px;overflow:hidden}
.hero-v7-inner{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(35px,5vw,90px)}
.hero-v7 .hero-copy{padding:25px 0;max-width:640px;align-items:flex-start}
.hero-v7 h1{font-size:clamp(49px,5.7vw,82px);line-height:1.08;margin:20px 0 23px;font-weight:600;letter-spacing:-.065em}
.hero-v7 h1 em{font-style:normal;color:#737874;font-weight:500}
.hero-v7 .lead{max-width:520px;font-size:18px;line-height:1.8}
.hero-v7 .actions{margin-top:26px}
.hero-v7-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}
.hero-v7-tags span{border:1px solid #dddcd5;border-radius:999px;padding:7px 13px;font-size:12px;color:#646963;background:#ffffffa8}
.hero-v7-visual{position:relative;min-height:490px;height:min(48vw,590px);border-radius:36px 36px 115px 36px;overflow:hidden;background:#e7e4de;box-shadow:0 30px 65px #24292715}
.hero-v7-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.hero-v7-visual:hover img{transform:scale(1.045)}
.hero-v7-label{position:absolute;bottom:22px;left:22px;right:22px;max-width:330px;background:#f9f8f5f2;backdrop-filter:blur(12px);padding:18px 22px;border-radius:20px;color:#606661;font-size:13px;box-shadow:0 8px 25px #0001}
.hero-v7-label strong{display:block;color:#292c2b;font-size:17px;font-weight:700}
.section .cards .card{border-color:#e9e7e1}.contactband .button{border-radius:999px}
@media(max-width:980px){.hero-v7-inner{gap:30px}.hero-v7-visual{min-height:410px}.navlinks{gap:10px}.navlinks a{font-size:12px}}
@media(max-width:760px){.nav{min-height:96px}.brand img{width:90px;height:90px}.hero-v7{padding:30px 0 60px}.hero-v7-inner{grid-template-columns:1fr;gap:25px}.hero-v7 .hero-copy{padding:15px 0}.hero-v7 h1{font-size:clamp(43px,11vw,66px)}.hero-v7 .lead{font-size:16px}.hero-v7-tags{margin-top:28px}.hero-v7-visual{height:390px;min-height:0;border-radius:26px 26px 75px 26px}.hero-v7-label{left:14px;bottom:14px;right:14px}.card,.tile,.person{border-radius:18px}}

/* Version 8 – warm neutrals, subtle golden highlights, larger WhatsApp action */
:root{--paper:#faf8f2;--ink:#30312e;--muted:#666660;--line:#e5ded0;--soft:#eee9de;--gold:#b3933e;--gold-pale:#f3e9cf}
body{background:var(--paper)}header{background:rgba(250,248,242,.95)}
.hero-v7{background:radial-gradient(ellipse at 85% 20%,#f1e8d4 0,transparent 49%),var(--paper)}
.hero-v7 h1 em{color:#77736a}.eyebrow{color:#8e763c}.hero-v7-tags span{border-color:#ded5c1;background:#fffdf7}
.hero-v7-label{background:rgba(250,248,242,.95)}
.hero-v7-label::before{content:"";display:block;width:35px;height:3px;background:var(--gold);border-radius:8px;margin-bottom:10px}
.card .num,.person .pc p{color:#8a753f}.card a:hover,.footrow a:hover{color:var(--gold)}
.button{border-radius:999px}.button.light{border-color:#cfc4ab}.button.light:hover{background:var(--gold-pale)}
.card,.person,.tile{border-color:var(--line)}.section.soft,.pagehero{background:var(--soft)}
.wa-float{right:26px;bottom:26px;padding:19px 26px;gap:13px;min-height:72px;font-size:18px;letter-spacing:.01em;background:var(--ink);box-shadow:0 14px 38px #30312e36;border:2px solid #fff7e7;transition:transform .25s ease,box-shadow .25s ease}
.wa-float svg{width:32px;height:32px;flex:none}.wa-float span{font-size:18px;font-weight:800}
.wa-float:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 18px 42px #30312e48}
@media(max-width:760px){.wa-float{right:16px;bottom:16px;padding:16px 19px;min-height:62px;gap:10px}.wa-float svg{width:28px;height:28px}.wa-float span{font-size:16px}}

/* Version 9 — warm white, charcoal, stone gray and deliberate yellow accents */
:root{--paper:#F8F7F4;--ink:#292C2B;--muted:#666B68;--line:#DAD8D2;--soft:#EAE9E5;--gold:#E8BD39;--gold-pale:#FFF5D4}
body{background:var(--paper)}header{background:rgba(248,247,244,.96)}
.hero-v7{background:radial-gradient(ellipse at 90% 16%,#F0EEE8 0,transparent 55%),var(--paper)}
.hero-v7 h1 em{color:#777B78}.eyebrow{color:#777B78}.hero-v7-tags span{border-color:#DAD8D2;background:#fff}
.hero-v7-label{background:rgba(248,247,244,.96)}.hero-v7-label::before{background:var(--gold)}
.card .num,.person .pc p{color:#727571}.card a:hover,.footrow a:hover{color:#9A7713}
.button.light{border-color:#C8CAC5}.button.light:hover{background:#fff}
.section.soft,.pagehero{background:var(--soft)}
.wa-float{background:#E8BD39;color:#202321;border:2px solid #FFF8E6;box-shadow:0 15px 40px #5E4C1C42,0 0 0 5px #E8BD3929;min-height:78px;padding:19px 28px;right:26px;bottom:26px;font-size:19px}
.wa-float svg{width:35px;height:35px}.wa-float span{font-size:19px;font-weight:800}
.wa-float:hover{background:#F3CB4B;color:#202321;box-shadow:0 20px 45px #5E4C1C52,0 0 0 7px #E8BD3938}
.wa-float:focus-visible{outline:3px solid #292C2B;outline-offset:4px}
@media(max-width:760px){.wa-float{right:15px;bottom:15px;min-height:66px;padding:15px 20px}.wa-float svg{width:29px;height:29px}.wa-float span{font-size:16px}}

/* Individuelle Kontaktdaten im Teamprofil */
.person-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:13px;overflow-wrap:anywhere}
.person-links a{color:#292c2b;font-size:.92rem;text-decoration:underline;text-decoration-color:#e8bd39;text-decoration-thickness:2px;text-underline-offset:4px}
.person-links a:hover{color:#80640d}

/* Version 11: Social and location */
.social-footer{display:inline-flex;gap:17px;align-items:center;flex-wrap:wrap}.social-footer a{font-weight:650;text-decoration:none;transition:color .2s}.social-footer a:hover{color:#d3a627}.location-v11{padding:42px 0 90px}.location-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.location-head h2{margin:8px 0 10px}.location-head p{max-width:520px}.location-map{overflow:hidden;border-radius:28px;background:#dad8d2;box-shadow:0 18px 50px rgba(30,32,30,.1)}.location-map iframe{display:block;width:100%;height:420px;border:0}@media(max-width:700px){.location-head{align-items:start;flex-direction:column}.location-map iframe{height:320px}.social-footer{gap:12px}}

/* v12 – prominent, authentic social and location entry points */
.social-discover{background:#f8f7f4;padding:84px 0}.social-discover h2{max-width:780px;color:#292c2b}.social-discover h2 em{font-style:normal;color:#777b76}.social-intro{max-width:640px;color:#555a57;font-size:1.1rem;line-height:1.7;margin:18px 0 32px}.social-discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.social-discover-card{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:30px;padding:32px;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 36px rgba(33,37,34,.07)}.social-discover-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(33,37,34,.13)}.insta-card{background:#292c2b;color:#fff!important}.maps-card{background:#e8bd39;color:#252823!important}.social-card-icon{font-size:2.6rem;line-height:1}.social-card-kicker{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-top:10px}.social-discover-card strong{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}.social-discover-card>span:nth-last-child(2){opacity:.82}.social-card-cta{margin-top:auto;font-weight:750;border-bottom:1px solid currentColor;padding-top:18px;padding-bottom:5px}.social-footer{display:flex;gap:10px;flex-wrap:wrap}.social-footer a.social-prominent{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:11px 17px;font-weight:750;text-decoration:none!important}.social-footer a.social-instagram{background:#292c2b;color:#fff!important}.social-footer a.social-maps{background:#e8bd39;color:#292c2b!important}.contact-social-cta{display:flex;gap:14px;flex-wrap:wrap;margin:26px auto 10px;max-width:1100px;padding:0 22px}.contact-social-link{display:inline-flex;padding:17px 22px;background:#e8bd39;color:#292c2b!important;border-radius:999px;text-decoration:none!important;font-weight:750;box-shadow:0 8px 20px rgba(0,0,0,.07)}.contact-social-link+ .contact-social-link{background:#292c2b;color:white!important}@media(max-width:700px){.social-discover{padding:58px 0}.social-discover-grid{grid-template-columns:1fr}.social-discover-card{min-height:245px;padding:26px}.social-footer{justify-content:center}.contact-social-link{width:100%;justify-content:center;text-align:center}}
/* v13: Original-Logo mit weißem Bildhintergrund nahtlos integrieren. */
header, header .nav, header .brand { background: #ffffff !important; }
header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom: 1px solid #eceae6; }
header .brand img { background: #ffffff; }

/* V14 – clearer WhatsApp icon, balanced yellow floating contact pill */
.wa-float{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#F2C52D!important;color:#222522!important;border:2px solid #fff!important;border-radius:999px!important;padding:13px 24px 13px 13px!important;min-height:76px;box-shadow:0 12px 30px rgba(43,39,23,.22),0 0 0 4px rgba(242,197,45,.18)!important;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.wa-float svg{width:48px!important;height:48px!important;box-sizing:border-box;flex:none;background:#242724;border-radius:50%;padding:10px;fill:#fff;filter:none}
.wa-float span{font-weight:800!important;font-size:19px!important;letter-spacing:.01em}
.wa-float:hover{transform:translateY(-4px);background:#FFCF36!important;box-shadow:0 18px 38px rgba(43,39,23,.28),0 0 0 6px rgba(242,197,45,.2)!important}
@media(max-width:760px){.wa-float{min-height:66px;padding:9px 18px 9px 9px!important;gap:9px}.wa-float svg{width:44px!important;height:44px!important;padding:9px}.wa-float span{font-size:17px!important}}

/* V15: distinct navigation, elegant transitions, authentic WhatsApp silhouette */
.navlinks a:not(.button){position:relative;transition:color .2s ease,background .2s ease}
.navlinks a.nav-current:not(.button){color:#242724!important;font-weight:800!important}
.navlinks a.nav-current:not(.button)::after{content:"";position:absolute;left:10px;right:10px;bottom:-10px;height:4px;border-radius:5px;background:#f2c52d}
.page-context{background:#f3f2ef;border-bottom:1px solid #e5e3dd}
.page-context-inner{min-height:100px;display:flex;align-items:center;gap:18px;padding-top:16px;padding-bottom:16px}
.page-context-overline{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#686a66;font-weight:700}
.page-context-title{font-size:clamp(20px,2.7vw,32px);letter-spacing:-.035em;font-weight:800;color:#292c2b}
.page-context-line{height:4px;background:#f2c52d;border-radius:10px;width:48px;margin-left:auto}
body{animation:pageEnter .4s cubic-bezier(.2,.75,.3,1) both}
body.page-leaving{animation:pageLeave .19s ease-in both;pointer-events:none}
@keyframes pageEnter{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pageLeave{from{opacity:1}to{opacity:0}}
.wa-float{gap:12px!important;background:#f2c52d!important;border:2px solid #fff!important;padding:12px 23px 12px 13px!important;box-shadow:0 12px 28px rgba(30,30,20,.22),0 0 0 4px rgba(242,197,45,.17)!important}
.wa-float .wa-icon{display:block;width:47px!important;height:47px!important;background:#252a27!important;border-radius:50%!important;padding:7px!important;color:#fff!important;fill:currentColor!important;filter:none!important;flex:none}
.wa-float span{font-weight:800!important;letter-spacing:0!important}
.wa-float:focus-visible{outline:3px solid #252a27;outline-offset:4px}
@media(max-width:760px){.page-context-inner{min-height:76px;gap:10px;flex-wrap:wrap}.page-context-overline{width:100%;font-size:10px}.page-context-title{font-size:22px}.page-context-line{width:35px}.navlinks a.nav-current:not(.button)::after{bottom:2px}.wa-float .wa-icon{width:43px!important;height:43px!important;padding:7px!important}}
@media(prefers-reduced-motion:reduce){body,body.page-leaving{animation:none!important}}

.navlinks .nav-contact-current{box-shadow:0 0 0 3px rgba(242,197,45,.55)!important}

/* V16 – quick, clean page transitions without moving the fixed WhatsApp button */
html{scroll-behavior:smooth}
body,body.page-leaving{animation:none!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
main{animation:contentAppear .22s ease-out both}
@keyframes contentAppear{from{opacity:.65}to{opacity:1}}
/* Keep WhatsApp above all page content and anchored to the viewport */
a.wa-float{position:fixed!important;bottom:24px!important;right:24px!important;z-index:99999!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;transform:none;animation:none!important;background:#f2c52d!important;color:#252a27!important}
a.wa-float:hover{transform:translateY(-3px)!important}
@media(max-width:760px){a.wa-float{bottom:16px!important;right:16px!important}}
@media(prefers-reduced-motion:reduce){main{animation:none!important}}

/* Legal pages */
.legal-page{background:#f8f7f4;padding:clamp(50px,7vw,100px) 0 110px;min-height:65vh}.legal-content{max-width:850px}.legal-content h1{font-size:clamp(42px,6vw,72px);line-height:1.1;color:#292c2b;margin:0 0 16px}.legal-content h2{font-size:clamp(21px,3vw,27px);margin:38px 0 12px;color:#292c2b}.legal-content p{font-size:16px;line-height:1.8;color:#484c49;margin:0 0 16px}.legal-content a{color:#4a421f;text-decoration:underline;text-underline-offset:3px}.legal-intro{font-size:20px!important;margin-bottom:35px!important}.legal-note{padding:22px 26px;border-radius:18px;background:#fff4cd;border-left:4px solid #e8bd39;line-height:1.7;margin:25px 0;color:#292c2b}.footer a[href="impressum.html"],.footer a[href="datenschutz.html"]{white-space:nowrap}

/* v18: recognizable social icons and privacy-first maps */
.brand-social-icon{width:54px;height:54px;display:block;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.10))}.social-card-icon{display:inline-flex;align-items:center;justify-content:center}.brand-footer-icon{width:24px;height:24px;vertical-align:middle;margin-right:8px;flex:none}.social-prominent{display:inline-flex!important;align-items:center;gap:5px}.map-privacy-placeholder{min-height:270px;border-radius:24px;background:linear-gradient(140deg,#eeece7,#f9f8f4);border:1px solid #d8d8d2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:16px}.map-privacy-placeholder p{max-width:450px;margin:0}.map-privacy-placeholder .button{display:inline-block}

/* V19: clear legal navigation and reliable floating contact button */
a[href="impressum.html"],a[href="datenschutz.html"]{text-underline-offset:4px}
a[href="impressum.html"]:focus-visible,a[href="datenschutz.html"]:focus-visible{outline:3px solid #e8bd39;outline-offset:4px}
.whatsapp-float,.wa-float,.whatsapp-pill,.whatsapp-button{z-index:9999!important}

/* V20 Karriere */
.career-hero{padding:84px 0 70px;background:linear-gradient(125deg,#f8f7f4 0%,#f0eee9 100%);border-bottom:1px solid #dedbd4}.career-hero h1{max-width:850px;font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.07;letter-spacing:-.045em;margin:18px 0 22px;color:#292c2b}.career-hero .lead{max-width:690px}.career-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.career-tags span{border-radius:999px;background:#e8bd39;color:#242624;padding:10px 18px;font-weight:700}.career-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,6vw,90px);padding-top:75px;padding-bottom:100px;align-items:start}.career-intro h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;margin:15px 0}.career-intro p{line-height:1.75}.career-form-card{background:#fff;border:1px solid #e3e0d9;border-radius:28px;padding:clamp(22px,4vw,44px);box-shadow:0 14px 45px rgba(28,30,28,.06)}.career-form-card h2{margin-top:0}.career-form-card .form{display:block}.career-form-card .field{margin-bottom:17px}.career-form-card input,.career-form-card select,.career-form-card textarea{width:100%;border:1px solid #d4d2cb;border-radius:13px;background:#faf9f6;padding:13px 15px;font:inherit;color:#292c2b}.career-form-card .field label{display:block;margin-bottom:8px;font-weight:650}.career-form-card .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.career-privacy{font-size:.89rem;line-height:1.6;color:#626560}.career-teaser{margin-top:40px;margin-bottom:70px;padding:38px!important;border-radius:28px;background:#f1eee6;display:flex;align-items:center;justify-content:space-between;gap:26px}.career-teaser h2{margin:12px 0}.career-teaser p{margin:0}.career-teaser .button{flex-shrink:0}@media(max-width:800px){.career-layout{grid-template-columns:1fr;padding-top:44px}.career-teaser{flex-direction:column;align-items:flex-start}.career-form-card .formgrid{grid-template-columns:1fr}.career-hero{padding:58px 0}}

/* V23: prominent application entry, without changing existing branding */
.navlinks .apply-nav-link{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border:2px solid #e8bd39;border-radius:999px;background:#fff8db;color:#292c2b;font-weight:800;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.navlinks .apply-nav-link:hover,.navlinks .apply-nav-active{background:#e8bd39;transform:translateY(-1px);box-shadow:0 5px 15px rgba(232,189,57,.2)}
.apply-callout{background:#e8bd39;padding:55px 0}
.apply-callout-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.apply-callout .eyebrow{color:#292c2b}
.apply-callout h2{margin:8px 0 12px;color:#292c2b}
.apply-callout p{margin:0;max-width:590px;color:#292c2b}
.apply-callout-button{flex-shrink:0;background:#292c2b!important;color:#fff!important;border-color:#292c2b!important}
.apply-hero-button{margin-top:22px}
@media(max-width:850px){.apply-callout-inner{flex-direction:column;align-items:flex-start}.navlinks .apply-nav-link{width:max-content}}

/* Version 24: dezentere Bewerbungshinweise */
.navlinks .apply-nav-link{padding:8px 11px;border:1px solid #e6e2d7;background:#f8f7f4;font-weight:650;box-shadow:none;border-radius:12px;transform:none}
.navlinks .apply-nav-link:hover,.navlinks .apply-nav-active{background:#f4f0e4;border-color:#e8bd39;box-shadow:none;transform:none}
.apply-callout{background:#f8f7f4;padding:38px 0;border-top:1px solid #e7e4dd;border-bottom:1px solid #e7e4dd}
.apply-callout .eyebrow{color:#6c6b65}
.apply-callout h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.apply-callout-button{background:#292c2b!important;color:#fff!important;border-color:#292c2b!important}


/* V28 – mobile-first refinement, consistent monochrome icons */
.arrow-icon{display:inline-block;width:9px;height:9px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg);vertical-align:2px;margin-left:5px;flex-shrink:0}
.menu{color:#292c2b!important;display:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #dad8d2;border-radius:14px;background:#fff!important;padding:0;line-height:1;appearance:none;-webkit-appearance:none}
.menu-bars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:21px;height:21px}
.menu-bars span{height:2px;width:21px;border-radius:2px;background:#292c2b;display:block}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 .container{width:calc(100% - 40px)}
 header{background:#fff!important}
 .nav{height:92px!important;min-height:92px!important;padding:8px 0!important;gap:12px}
 .brand img{width:78px!important;height:78px!important}
 .menu{display:inline-flex!important;flex-shrink:0}
 .navlinks{top:92px!important;background:#fff!important;padding:18px 20px 24px!important;gap:5px!important;max-height:calc(100dvh - 92px);overflow-y:auto;box-shadow:0 18px 35px #00000012}
 .navlinks a{font-size:15px!important;padding:11px 8px;min-height:42px;display:flex;align-items:center;gap:6px}
 .navlinks .button{justify-content:center;border-radius:999px;margin-top:6px;padding:13px 16px}
 .hero-v7{padding:24px 0 52px!important}
 .hero-v7-inner{gap:24px!important}
 .hero-v7 .hero-copy{padding:0!important}
 .hero-v7 h1{font-size:clamp(38px,9.1vw,54px)!important;letter-spacing:-.055em;line-height:1.11;margin:15px 0 18px}
 .hero-v7 .lead{font-size:16px!important;line-height:1.65!important;margin:0;max-width:36ch}
 .hero-v7 .actions{margin-top:24px!important;display:grid;grid-template-columns:1fr;gap:10px;width:100%}
 .hero-v7 .actions .button{width:100%;min-height:52px;border-radius:999px;padding:12px 16px;font-size:14px;gap:8px}
 .hero-v7-tags{margin-top:22px!important;gap:7px!important}
 .hero-v7-tags span{font-size:11px!important;padding:6px 10px!important}
 .hero-v7-visual{height:310px!important;border-radius:24px 24px 65px 24px!important}
 .hero-v7-label{padding:11px 14px!important;font-size:11px!important}
 .hero-v7-label strong{font-size:14px!important}
 .section{padding:54px 0!important}
 .section h2,.contactband h2{font-size:clamp(30px,8vw,43px);line-height:1.16}
 .pagehero{padding:44px 0!important}
 .pagehero h1{font-size:clamp(38px,9vw,54px)!important;overflow-wrap:anywhere}
 .split,.contactgrid,.cards,.tiles{gap:18px!important}
 .card,.tile{padding:23px!important;min-height:0}
 .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .person .pc{padding:12px}
 .person h3{font-size:15px}
 .person p{font-size:12px}
 .wa-float{bottom:14px!important;right:12px!important;min-height:0!important;padding:8px 13px 8px 8px!important;gap:7px!important;border-radius:999px!important;max-width:calc(100vw - 24px)}
 .wa-float svg,.wa-float .wa-icon{width:32px!important;height:32px!important;padding:6px!important}
 .wa-float span{font-size:13px!important}
 .footrow{padding-bottom:72px;align-items:flex-start;flex-direction:column;gap:14px}
 .footrow a{margin-left:0;margin-right:18px}
 .career-teaser{padding:24px!important;margin:24px auto 45px!important}
 .career-hero h1{font-size:clamp(38px,9vw,54px)!important}
}
@media(max-width:380px){.hero-v7 h1{font-size:36px!important}.hero-v7-visual{height:270px!important}.teamgrid{grid-template-columns:1fr 1fr}}

/* V30 – mobile social cards and unobstructed WhatsApp contact */
.social-discover-card{min-width:0;overflow:hidden}
.social-discover-card>span,.social-discover-card strong{max-width:100%;overflow-wrap:anywhere}
.social-card-icon{width:62px;height:62px}
.social-card-icon .brand-social-icon{width:58px;height:58px;filter:none}
.social-card-cta .arrow-icon{margin-left:8px;vertical-align:2px}
@media(max-width:760px){
 .social-discover{padding:52px 0!important}
 .social-discover-grid{gap:14px!important}
 .social-discover-card{min-height:0!important;padding:23px!important;border-radius:24px!important;gap:9px!important}
 .social-card-icon{width:48px;height:48px}
 .social-card-icon .brand-social-icon{width:46px;height:46px}
 .social-card-kicker{margin-top:4px!important;font-size:11px!important;letter-spacing:.11em!important}
 .social-discover-card strong{font-size:clamp(25px,7vw,34px)!important;line-height:1.2!important}
 .social-discover-card>span:nth-last-child(2){font-size:14px!important;line-height:1.5!important}
 .social-card-cta{font-size:14px!important;padding-top:12px!important;margin-top:8px!important}
 /* The Netlify Free-plan badge is external to the website. Leave space for it. */
 a.wa-float{bottom:110px!important;right:14px!important;z-index:99999!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important}
 .social-footer a.social-prominent{font-size:12px;padding:9px 12px}
}
@media(min-width:761px){a.wa-float{bottom:28px!important}}

/* v31: quieter Instagram mark and consent-based inline map */
.insta-card .brand-social-icon{width:52px;height:52px}.social-instagram .brand-footer-icon{width:23px;height:23px}
.map-preview-icon{width:56px;height:56px;object-fit:contain}.map-privacy-placeholder[hidden]{display:none!important}
.embedded-google-map{width:100%;height:390px;border-radius:24px;overflow:hidden;border:1px solid #dad8d2;background:#eee}
.embedded-google-map[hidden]{display:none!important}.embedded-google-map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:700px){.embedded-google-map{height:340px}.map-privacy-placeholder{padding:26px 18px}}


/* V32 – responsive polish, preserves the V28 visual language */
:root{--mobile-gutter:20px}
html{scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-wrap:break-word}
main,section,article,.container,.hero-v7-inner,.split,.contactgrid,.formgrid,.career-layout{min-width:0}
img,svg,video,iframe{max-width:100%}
input,textarea,select{max-width:100%;min-width:0}
input[type="checkbox"],input[type="radio"]{min-width:auto}
.field input,.field textarea,.field select{font-size:16px}
.button,.contact-social-link{max-width:100%;text-align:center}
.embedded-google-map{max-width:100%;isolation:isolate}
.map-privacy-placeholder{max-width:100%}
@media(max-width:1024px) and (min-width:761px){
 .container{width:calc(100% - 48px)}
 .nav{gap:14px}
 .navlinks{gap:10px}
 .navlinks a{font-size:12px}
 .cards,.tiles{gap:14px}
 .card{padding:25px}
 .contactgrid{gap:34px}
 .teamgrid{gap:14px}
}
@media(max-width:760px){
 html{scroll-padding-top:105px}
 body{overflow-x:hidden}
 .container{width:calc(100% - 2 * var(--mobile-gutter));max-width:100%}
 header{z-index:100}
 .nav{position:relative}
 .brand{min-width:0;gap:8px}
 .brand b,.brand small{overflow-wrap:anywhere}
 .navlinks{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .navlinks a{min-height:44px}
 .hero-v7-inner,.split,.contactgrid,.career-layout{grid-template-columns:minmax(0,1fr)!important}
 .hero-v7 .hero-copy,.hero-clean .hero-copy{min-width:0}
 .hero-v7 h1,.pagehero h1,.career-hero h1{hyphens:auto;overflow-wrap:break-word}
 .hero-v7-visual{width:100%;min-width:0;overflow:hidden}
 .hero-v7-visual img{max-width:100%}
 .hero-v7-tags{flex-wrap:wrap}
 .actions{max-width:100%}
 .actions .button{white-space:normal}
 .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .person{min-width:0;overflow:hidden}
 .person h3,.person p{overflow-wrap:anywhere}
 .form,.career-form-card{max-width:100%;min-width:0}
 .formgrid,.career-form-card .formgrid{grid-template-columns:minmax(0,1fr)!important}
 .contact-social-cta{padding:0 var(--mobile-gutter)}
 .contact-social-link{min-height:48px;white-space:normal}
 .social-discover-grid{grid-template-columns:minmax(0,1fr)!important}
 .social-discover-card{width:100%;min-width:0}
 .social-discover-card strong{font-size:clamp(24px,7vw,34px)!important}
 .social-footer{max-width:100%;gap:8px}
 .social-footer a{margin:0}
 .map-privacy-placeholder{min-height:250px;border-radius:18px}
 .embedded-google-map{height:min(360px,75vh);border-radius:18px}
 a.wa-float{bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;right:calc(12px + env(safe-area-inset-right,0px))!important}
 .footrow{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:420px){
 :root{--mobile-gutter:16px}
 .brand img{width:68px!important;height:68px!important}
 .nav{height:82px!important;min-height:82px!important}
 .navlinks{top:82px!important;max-height:calc(100dvh - 82px)}
 .hero-v7 h1{font-size:clamp(33px,9.2vw,42px)!important}
 .hero-v7-visual{height:275px!important}
 .pagehero h1{font-size:clamp(32px,9vw,42px)!important}
 .teamgrid{gap:10px}
 .person .pc{padding:11px}
 .person h3{font-size:14px}
 .person p{font-size:12px}
 .social-discover-card{padding:20px!important}
 .social-discover-card strong{font-size:clamp(23px,7vw,29px)!important}
 .wa-float span{font-size:12px!important}
}
@media(max-width:340px){
 .teamgrid{grid-template-columns:minmax(0,1fr)}
 .hero-v7 h1{font-size:31px!important}
 .navlinks{padding-left:14px!important;padding-right:14px!important}
}
@media(hover:none){.card:hover,.person:hover,.social-discover-card:hover,.button:hover{transform:none;box-shadow:none}}

/* Version 33: Instagram wieder in den typischen Markenfarben */
.insta-card{background:linear-gradient(135deg,#833ab4 0%,#c13584 34%,#e1306c 57%,#f77737 82%,#fcaf45 100%);color:#fff!important}
.social-footer a.social-instagram{background:linear-gradient(110deg,#833ab4,#c13584 38%,#e1306c 65%,#f77737);color:#fff!important}
.insta-card .social-card-icon{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:10px}
.insta-card .social-card-cta{border-color:rgba(255,255,255,.75)}

/* v34: Only Instagram icon is colorful; both social cards anthracite */
.insta-card,.maps-card{background:#292c2b!important;color:#fff!important}
.social-footer a.social-instagram,.social-footer a.social-maps{background:#292c2b!important;color:#fff!important}
.insta-card .social-card-icon{background:transparent!important;border:0!important;padding:0!important}

/* V35 – WhatsApp is not floating on phones/tablets; desktop unchanged. */
@media (max-width:800px){
  a.wa-float,.wa-float{display:none!important;}
  .footrow{padding-bottom:24px!important;}
}
.contact-whatsapp-cta{margin:18px 0 24px;}
.contact-whatsapp-cta .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;white-space:normal;text-align:center;background:#292c2b;color:#fff;}
@media(max-width:600px){
  .contact-whatsapp-cta .button{width:100%;min-height:52px;padding:14px 18px;}
}

/* V36 – brand-green WhatsApp icon only on the contact CTA. */
.contact-whatsapp-cta .contact-wa-icon{width:27px;height:27px;flex:0 0 27px;display:block}
.contact-whatsapp-cta .button{gap:12px}
.contact-whatsapp-cta .button > span:not(.arrow-icon){min-width:0}
@media(max-width:380px){.contact-whatsapp-cta .button{gap:9px;font-size:clamp(13px,4vw,16px);padding-inline:12px}.contact-whatsapp-cta .contact-wa-icon{width:24px;height:24px;flex-basis:24px}}