/*
Theme Name: CityHÖRgeräte Kowalski
Description: Individueller Webauftritt für CityHÖRgeräte Kowalski.
Version: 1.4.0
Text Domain: kowalski
*/
:root{font-size:20px;--orange:#F29400;--deep:#F29400;--ink:#262A27;--muted:#515751;--cream:#FAF7F1;--line:#D7D6CE;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid var(--deep);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.utility{background:var(--cream);font-size:.75rem;border-bottom:1px solid #eee8dc}.utility .wrap{display:flex;justify-content:space-between;align-items:center;min-height:46px}button{font:inherit;cursor:pointer;background:none;border:0;text-decoration:underline;color:var(--ink);padding:12px 0}header{display:flex;align-items:center;gap:36px;min-height:138px}.brand{margin-right:auto;line-height:0}.brand img{width:235px;height:auto}nav{display:flex;gap:26px}nav a{font-size:.85rem;text-decoration:none;font-weight:600;padding:12px 0}.call{font-size:1rem;font-weight:bold;border-left:1px solid var(--line);padding-left:26px;white-space:nowrap;text-decoration:none}.call small{display:block;font-size:.6rem;letter-spacing:.09em;color:var(--muted)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:45px;padding-top:54px;padding-bottom:68px}.eyebrow{font-size:.65rem;letter-spacing:.12em;font-weight:bold;color:var(--deep);margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,4.7vw,4rem);line-height:1.07;letter-spacing:-.055em;margin-bottom:30px;font-weight:600}em{font-style:normal;color:var(--deep)}.lead{font-size:.95rem;color:var(--muted);line-height:1.8}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:60px;padding:16px 24px;color:white;background:var(--deep);font-size:.85rem;font-weight:700;text-decoration:none;border-radius:4px}.button:hover{background:#743600}.text-link{font-size:.8rem;font-weight:600}.art{position:relative;align-self:stretch;background:#f6eee0;border-radius:48% 48% 5px 5px;overflow:hidden;display:flex;flex-direction:column;justify-content:end}.art>p{text-align:center;letter-spacing:.05em;font-size:.8rem;margin:50px 0 0}.art svg{display:block;width:100%;margin-top:16px}.art-note{text-align:center;font-size:.75rem;padding:20px 15px;background:#fff9ee;border-top:1px solid #e8d7ba}.trust{background:var(--cream);border-block:1px solid var(--line)}.trust .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:23px;font-size:.85rem;font-weight:600}.section{padding-block:100px}h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.18;letter-spacing:-.04em;font-weight:600;margin-bottom:25px}.section-top{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:42px}.section-top>p{font-size:.9rem;color:var(--muted);max-width:440px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.services article{border-top:3px solid var(--orange);padding-top:25px;display:flex;flex-direction:column}.number{font-size:.65rem;letter-spacing:.1em;font-weight:bold;color:var(--deep);margin-bottom:28px}h3{font-size:1.15rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px}.services p,.journey p,.faq p,.contact p{font-size:.95rem;color:var(--muted)}.services a{font-size:.8rem;font-weight:bold;margin-top:auto;padding:10px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.journey{padding-block:90px;background:var(--cream)}.signature{margin-top:35px;color:var(--ink)!important;font-weight:bold}.signature small{font-size:.75rem;font-weight:normal}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}li:first-child{padding-top:0}li:last-child{border:0}li>span{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid #bcb7aa;border-radius:50%;color:var(--deep)}li h3{margin-top:5px}li p{margin-bottom:8px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-weight:600;font-size:.95rem;min-height:36px;cursor:pointer}details p{margin-top:22px}.contact{background:#F1E4CF;border-top:1px solid #e4d1af;padding-block:80px}.phone{display:block;font-size:1.8rem;font-weight:600;letter-spacing:-.04em;margin:25px 0}.hint{font-size:.7rem!important;margin-top:12px}.address{align-self:center;background:var(--cream);padding:35px 40px;border-radius:5px}.address a{font-size:.85rem;font-weight:600}.address hr{border:0;border-top:1px solid var(--line);margin-block:28px}.address p:last-child{margin-bottom:0}.pin{font-size:2rem;color:var(--deep)}.address h3{margin-top:15px}footer{display:flex;justify-content:space-between;gap:30px;padding-block:30px;font-size:.65rem;color:var(--muted)}footer p{margin:0}footer div{display:flex;gap:25px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.large{font-size:24px}.large header{flex-wrap:wrap}.large nav{flex-wrap:wrap}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}header{flex-wrap:wrap;gap:20px;padding-block:20px}nav{order:3;width:100%;justify-content:center}.hero{gap:25px}h1{font-size:3rem}.grid{gap:45px}.lead br{display:none}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.utility .wrap{font-size:.65rem;gap:15px}.utility button{font-size:.65rem;min-height:48px}.brand img{width:177px}.call{font-size:.75rem;padding-left:12px}.call small{font-size:.5rem}nav{justify-content:flex-start;gap:20px;flex-wrap:wrap}nav a{font-size:.75rem}.hero{grid-template-columns:1fr;gap:40px;padding-top:32px;padding-bottom:40px}h1{font-size:2.8rem}.art{max-width:500px;width:100%;margin:auto}.art>p{margin-top:30px}.art svg{max-height:380px}.trust .wrap{flex-direction:column;gap:10px;font-size:.8rem}.section{padding-block:60px}.section-top{display:block}.services,.grid{grid-template-columns:1fr;gap:35px}.number{margin-bottom:20px}.journey,.contact{padding-block:60px}.phone{font-size:1.5rem}.address{padding:25px}footer{flex-direction:column;gap:20px}footer div{flex-wrap:wrap}.large header{display:block}.large nav{margin-block:20px}.large .call{display:block;padding:0;border:0}.large h1{font-size:2.3rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}




.hero-photo{align-self:center;overflow:hidden;border-radius:6px;background:var(--cream)}.hero-photo .team-photo{display:block;width:100%;height:auto;aspect-ratio:3535/2480;object-fit:contain}.hero-photo .art-note{line-height:1.5;padding:18px 20px;background:var(--cream);font-size:.8rem}@media(max-width:720px){.hero-photo{width:100%;margin:0}}

/* Integrated photographic hero */
.hero{position:relative;isolation:isolate;min-height:630px;align-items:center;margin-top:24px;padding:65px 54px 72px;gap:12px;background:#eef3f4;border-radius:8px;overflow:hidden;grid-template-columns:1fr 1fr}
.hero>div:first-child{position:relative;z-index:2;max-width:650px}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f6f8f7 0%,#f6f8f7 33%,rgba(246,248,247,.96) 40%,rgba(246,248,247,.72) 49%,rgba(246,248,247,.16) 59%,transparent 70%)}
.hero .hero-photo{position:absolute;inset:0 0 0 34%;z-index:0;border-radius:0;background:transparent;overflow:hidden;margin:0;width:auto;align-self:stretch}
.hero-photo .team-photo{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:60% 50%}
.hero-photo .art-note{display:none}
.hero .lead{max-width:470px}.hero .lead br{display:none}.hero .eyebrow{max-width:380px;line-height:1.7}
.hero h1{font-size:clamp(2.5rem,4.4vw,3.6rem);max-width:610px}.hero .button{box-shadow:0 5px 18px #262a2710}
@media(max-width:1100px) and (min-width:721px){.hero{padding:48px 30px;min-height:650px;grid-template-columns:1.15fr 1fr}.hero .hero-photo{left:30%}.hero-photo .team-photo{object-position:62% center}.hero::before{background:linear-gradient(90deg,#f6f8f7 0%,#f6f8f7 33%,rgba(246,248,247,.94) 43%,rgba(246,248,247,.65) 53%,transparent 72%)}.hero .lead{max-width:360px}.hero h1{font-size:2.6rem}}
@media(max-width:720px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:34px 24px 0;margin-top:10px;gap:8px;border-radius:6px;background:#f6f8f7}.hero::before{display:none}.hero>div:first-child{max-width:100%}.hero .hero-photo{position:relative;inset:auto;flex:none;width:calc(100% + 48px);margin:10px -24px 0;overflow:hidden}.hero .hero-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f6f8f7 0%,rgba(246,248,247,.55) 10%,transparent 28%)}.hero-photo .team-photo{width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:auto}.hero h1{font-size:clamp(2rem,9vw,2.8rem)}.hero .lead{max-width:100%}.hero .actions{gap:18px;margin-top:22px}.hero .eyebrow{margin-bottom:20px}.trust{margin-top:28px}}
.hero .hero-photo{left:42%}.hero-photo .team-photo{object-fit:contain;object-position:right bottom}.hero::before{background:linear-gradient(90deg,#f6f8f7 0%,#f6f8f7 38%,rgba(246,248,247,.9) 43%,rgba(246,248,247,.35) 49%,transparent 55%)}
@media(min-width:721px){.hero{grid-template-columns:.95fr 1.05fr;background:linear-gradient(110deg,#f6f8f7,#f0f5f7)}.hero .lead{max-width:420px}}
@media(max-width:1100px) and (min-width:721px){.hero .hero-photo{left:40%;right:-3%}.hero-photo .team-photo{object-fit:contain;object-position:right bottom}.hero::before{background:linear-gradient(90deg,#f6f8f7 0%,#f6f8f7 35%,rgba(246,248,247,.85) 40%,rgba(246,248,247,.25) 47%,transparent 52%)}}
@media(max-width:720px){.hero .hero-photo{left:auto;right:auto}.hero-photo .team-photo{object-position:center}}
@media(min-width:721px){.hero-photo .team-photo{mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 100%)}.hero .hero-photo{display:flex;align-items:flex-end}.hero-photo .team-photo{height:auto;max-height:100%;object-fit:contain}}
/* Customer-focused sections and readable interactive elements. */
.everyday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.everyday-grid article{padding:30px;background:var(--cream);border-radius:8px;border:1px solid #e7e4dc}.everyday-grid article>span{display:block;color:var(--ink);font-size:.75rem;margin-bottom:25px}.everyday-grid p{font-size:.95rem;color:var(--muted)}.everyday-grid a{display:inline-block;font-size:.85rem;font-weight:700;padding:12px 0}.privacy-note{font-size:.8rem!important}.legal{max-width:900px}.legal h1{font-size:2.5rem;margin-top:35px}.legal h2{font-size:1.5rem;margin-top:35px}.hint{max-width:530px;font-size:.8rem!important}.utility{font-size:.85rem}.eyebrow,.number{font-size:.75rem}footer{font-size:.8rem}summary{padding:8px 0;min-height:48px}nav a{min-height:48px;display:inline-flex;align-items:center}.button{min-height:60px}.text-link{display:inline-block;padding:10px 0}footer a{display:inline-block;padding:10px 0}.hero .lead{line-height:1.7}.hero .hero-photo{inset:0 0 0 41%}.hero-photo .team-photo{width:100%;max-height:none;position:absolute;bottom:0;right:0;height:auto}.hero .hero-photo{overflow:visible}.hero-photo .team-photo{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000)}
@media(max-width:900px){.everyday-grid{grid-template-columns:1fr}.everyday-grid article{padding:28px}.everyday-grid article>span{margin-bottom:15px}}
@media(max-width:720px){.hero .hero-photo{position:relative;inset:auto;width:calc(100% + 48px);margin:10px -24px 0;overflow:hidden}.hero-photo .team-photo{position:static;width:100%;height:auto;mask-image:none;-webkit-mask-image:none}.hero h1{font-size:2.3rem}.hero .eyebrow{font-size:.7rem}.call small{font-size:.65rem}.utility .wrap,.utility button{font-size:.75rem}nav a{font-size:.85rem}.brand{max-width:100%}.everyday .section-top p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.menu-toggle{display:none}@media(max-width:720px){header{display:flex!important;align-items:center;justify-content:space-between}.brand{margin-right:0}.brand img{width:150px}.menu-toggle{display:inline-block;min-height:48px;min-width:75px;font-weight:bold;text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:8px 10px}header nav{display:none!important;width:100%;gap:0;order:4}header nav.is-open{display:flex!important;flex-direction:column;align-items:stretch}header nav a{padding:12px 0}header .call{order:3;display:block!important;width:100%;font-size:1rem;border:0;padding:0}.call small{font-size:.65rem}.hero{margin-top:0}.large header .brand img{width:130px}}