/*
Theme Name: Hauck Osteopathie
Description: Individuelle Startseite mit hellem und dunklem Design für Christoph Hauck.
Author: Christoph Hauck
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.7
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hauck-osteopathie
*/
:root,.editor-styles-wrapper{--ch-bg:#141618;--ch-surface:#1d2022;--ch-text:#f2f3f3;--ch-soft:#bcc5c7;--ch-line:#3b4345;--ch-accent:#85bfc3;--ch-photo:#242b2d;--ch-photo-light:#596668;color-scheme:dark}
:root[data-ch-mode="light"]{--ch-bg:#fafbf9;--ch-surface:#edf1ef;--ch-text:#192326;--ch-soft:#536368;--ch-line:#cbd4d1;--ch-accent:#246b70;--ch-photo:#d6dedb;--ch-photo-light:#a1b2ac;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ch-bg);color:var(--ch-text)}.wp-site-blocks{padding:0}.wp-site-blocks>*,.ch-main>*,.ch-section>*,.ch-header>*{margin-block-start:0}.ch-main{margin:0}.ch-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.ch-section{padding:100px 0}.ch-muted{background:var(--ch-surface)}.ch-header{display:flex;align-items:center;gap:30px;padding-block:26px;border-bottom:1px solid var(--ch-line)}.ch-brand{margin:0;line-height:1.3;flex-shrink:0}.ch-brand a{text-decoration:none}.ch-brand strong{font-size:21px;font-weight:500;letter-spacing:-.03em}.ch-brand span{display:block;font-size:10px;letter-spacing:.3em;margin-top:7px}.ch-nav{margin-left:auto;font-size:14px}.ch-mode{display:inline-flex;gap:9px;align-items:center;background:transparent;border:1px solid var(--ch-line);border-radius:30px;color:var(--ch-text);padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.ch-mode[hidden]{display:none}.ch-mode [aria-hidden]{font-size:20px;line-height:1}.ch-mode:hover{background:var(--ch-surface)}.ch-hero{padding:0}.ch-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:center;min-height:660px;padding-block:64px}.ch-eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;line-height:1.6;color:var(--ch-accent);margin-bottom:26px}.ch-hero h1{font-size:clamp(3rem,5.1vw,5.4rem);font-weight:400;line-height:1.03;letter-spacing:-.06em;margin:0 0 30px}.ch-hero h1 em{font-style:normal;color:var(--ch-accent)}.ch-lead{font-size:19px;color:var(--ch-soft);line-height:1.65;margin-bottom:32px}.ch-two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ch-two-col>*{margin-block-start:0}h2.wp-block-heading{font-size:clamp(2rem,3.3vw,3.5rem);margin-top:0;margin-bottom:28px}h3.wp-block-heading{font-size:24px;font-weight:400;letter-spacing:-.025em}.ch-copy>p{max-width:540px}.ch-statement{font-size:27px;line-height:1.4;letter-spacing:-.025em}.ch-note{font-size:14px;color:var(--ch-soft)}.ch-placeholder{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;min-height:400px;background:var(--ch-photo);border:1px solid var(--ch-line);isolation:isolate}.ch-placeholder-label{z-index:1;margin:0;padding:14px 20px;color:var(--ch-soft);background:var(--ch-bg);font-size:11px;letter-spacing:.06em;width:100%;text-align:center}.ch-treatment{min-height:520px;border-radius:48% 48% 2px 2px}.ch-treatment:before{content:"";position:absolute;inset:12% -25% -40% 15%;border:1px solid var(--ch-photo-light);border-radius:48%;transform:rotate(-30deg);box-shadow:0 0 0 28px var(--ch-photo),0 0 0 29px var(--ch-photo-light),0 0 0 70px var(--ch-photo),0 0 0 71px var(--ch-photo-light)}.ch-portrait{min-height:470px}.ch-portrait:before{content:"";position:absolute;top:18%;left:36%;width:28%;aspect-ratio:1;border-radius:50%;background:var(--ch-photo-light);opacity:.6}.ch-portrait:after{content:"";position:absolute;bottom:-8%;left:15%;width:70%;height:58%;border-radius:50% 50% 0 0;background:var(--ch-photo-light);opacity:.6}.ch-map{min-height:330px;background:linear-gradient(32deg,transparent 43%,var(--ch-photo-light) 43.5%,var(--ch-photo-light) 44%,transparent 44.5%),linear-gradient(110deg,transparent 45%,var(--ch-photo-light) 45.5%,var(--ch-photo-light) 46%,transparent 46.5%),var(--ch-photo)}.ch-map:before{content:"+";position:absolute;left:48%;top:32%;font-size:48px;color:var(--ch-accent)}.ch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-block:50px}.ch-step{border-top:1px solid var(--ch-line);padding-top:20px}.ch-step p{color:var(--ch-soft)}.ch-step .ch-step-number{color:var(--ch-accent);font-size:14px;letter-spacing:.08em}.ch-booking{background:#246b70;color:#fff;padding-block:65px}.ch-booking .ch-eyebrow,.ch-booking .ch-note{color:#e1edef}.ch-booking h2{margin-bottom:16px}.ch-booking-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.ch-booking-action{min-width:210px}.ch-booking .wp-block-button__link{background:#fff;color:#204c50;border-color:#fff}.ch-footer{padding-block:40px;border-top:1px solid var(--ch-line);display:flex;gap:40px;align-items:center;justify-content:space-between}.ch-footer p{margin:0}.ch-footer-brand{font-size:14px;min-width:180px}.ch-footer .ch-note{font-size:12px;max-width:340px}.ch-page{padding-block:80px;min-height:60vh}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}.wp-block-button__link{background:#246b70;color:#fff;border:1px solid #246b70;border-radius:2px;padding:15px 22px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}.wp-block-button__link:hover{filter:brightness(1.12)}.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--ch-text);border:1px solid var(--ch-line)}.ch-skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:100000;background:var(--ch-bg);color:var(--ch-text);padding:12px 20px}.ch-skip:focus{transform:none}:where(a,button):focus-visible{outline:3px solid var(--ch-accent);outline-offset:5px}.wp-block-navigation__responsive-container.is-menu-open{background:var(--ch-bg)!important;color:var(--ch-text)!important}.editor-styles-wrapper{background:var(--ch-bg);color:var(--ch-text)}
@media(min-width:1600px){.ch-hero-grid{min-height:740px}}
@media(max-width:1000px){.ch-wrap{width:calc(100% - 56px)}.ch-two-col{gap:48px}.ch-header{gap:20px}.ch-nav{font-size:12px}.ch-hero-grid{gap:32px}.ch-treatment{min-height:440px}.ch-section{padding-block:72px}.ch-hero{padding:0}.ch-hero-grid{min-height:600px}.ch-footer{flex-wrap:wrap}}
@media(max-width:781px){.ch-wrap{width:calc(100% - 40px)}.ch-header{padding-block:20px;gap:14px;flex-wrap:wrap}.ch-brand strong{font-size:18px}.ch-nav{order:3;flex-basis:100%;margin-left:0}.ch-mode{margin-left:auto}.ch-hero-grid,.ch-two-col{grid-template-columns:1fr;gap:36px}.ch-hero-grid{padding-block:48px;min-height:0}.ch-hero h1{font-size:clamp(3rem,10vw,4.5rem)}.ch-treatment{min-height:340px}.ch-section{padding-block:56px}.ch-hero{padding:0}.ch-portrait{min-height:360px}.ch-steps{grid-template-columns:1fr;gap:22px;margin-block:32px}.ch-booking-grid{display:block}.ch-booking-action{margin-top:28px}.ch-footer{display:block}.ch-footer p+p{margin-top:20px}.ch-statement{font-size:24px}}
@media(max-width:599px){.ch-nav{order:0;flex-basis:auto;margin-left:auto}.ch-mode{margin-left:0}.ch-mode-text{display:none}.ch-mode{padding:10px}.ch-header{gap:16px}.ch-hero h1{font-size:clamp(2.65rem,11.5vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wp-block-button__link{display:inline-block}.ch-booking-action>.ch-note{margin-top:18px}

/* 1.1: local Hind typography and an independently editable site logo. */
body,.editor-styles-wrapper{font-family:var(--wp--preset--font-family--hind,Hind,Arial,sans-serif);font-weight:400}
.ch-main .wp-block-heading{font-family:inherit;font-weight:300}
.ch-hero h1{letter-spacing:-.035em}
.ch-nav,.wp-block-button__link{font-weight:500}
.ch-steps>*{margin-block-start:0}
.ch-header .ch-logo{flex-shrink:0;margin:0}
.ch-logo img{display:block;width:144px;max-width:100%;height:auto;filter:brightness(0) invert(.95)}
:root[data-ch-mode="light"] .ch-logo img{filter:none}

@media(max-width:599px){.ch-logo img{width:112px}}

/* Keep the wordmark independent of the unchanged brush drawing. */
.ch-identity{display:flex;align-items:center;gap:18px;flex-shrink:0}
.ch-identity>*{margin:0}
.ch-identity .ch-logo img{width:88px;height:auto;max-width:100%}
.ch-identity .ch-brand strong{font-size:24px;font-weight:400}
.ch-identity:has(.wp-block-site-logo img) .ch-logo-fallback{display:none}
@media(max-width:1000px){.ch-header{gap:18px}.ch-nav{font-size:13px}.ch-identity{gap:12px}.ch-identity .ch-brand strong{font-size:21px}}
@media(max-width:599px){.ch-identity{gap:10px}.ch-identity .ch-logo img{width:62px}.ch-identity .ch-brand strong{font-size:18px}.ch-identity .ch-brand span{font-size:9px;letter-spacing:.2em}.ch-header{gap:12px}.ch-identity{max-width:calc(100% - 90px)}}