:root{--ink:#2f342f;--sage:#71806b;--deep:#465646;--sand:#c6aa77;--cream:#f4efe6;--paper:#fffdf8;--acid:#d9d0b5;--line:rgba(47,52,47,.16);--shadow:0 28px 90px rgba(51,55,46,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.8rem}.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.73rem;font-weight:800;color:var(--sage);margin:0 0 20px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:10px max(28px,calc((100% - 1260px)/2));position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,253,248,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(47,52,47,.08);transition:.35s}.site-header.scrolled{height:78px;background:rgba(255,253,248,.94)}.logo img{width:185px;height:76px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;position:relative}.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--deep);transition:.3s}.nav a:hover::after{right:0}.nav-cta{border:1px solid var(--deep);padding:12px 18px;border-radius:99px}.nav-toggle{display:none}.hero{position:relative;min-height:100svh;padding:145px max(28px,calc((100% - 1260px)/2)) 70px;display:grid;grid-template-columns:minmax(400px,.86fr) minmax(620px,1.4fr);align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:5;padding-bottom:4vh}.hero h1,.intro h2,.principle h2,.areas h2,.about h2,.books h2,.birdie h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.95;margin:0}.hero h1{font-size:clamp(5.2rem,8.3vw,9.7rem);letter-spacing:-.065em;white-space:nowrap}.hero h1 em,.areas h2 em,.books h2 em,.birdie h2 em,.contact h2 em{font-weight:400;color:var(--sage)}.lead{font-size:1.08rem;max-width:470px;margin:34px 0 38px;color:#5d625c}.button{display:inline-flex;align-items:center;gap:34px;text-decoration:none;background:var(--deep);color:#fff;border-radius:99px;padding:7px 8px 7px 22px;font-size:.82rem;letter-spacing:.06em;font-weight:700;transition:.3s}.button i{font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand);font-size:1.15rem;transition:.3s}.button:hover{transform:translateY(-3px)}.button:hover i{transform:rotate(45deg)}.hero-image{margin:0;position:absolute;right:-8vw;top:13vh;width:min(68vw,1000px);height:75vh;z-index:1;filter:drop-shadow(0 38px 70px rgba(40,45,38,.17))}.hero-image::before{content:"";position:absolute;inset:-28px 10% 18% -24px;border:1px solid var(--sand);z-index:-1}.hero-image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(8% 0,100% 0,100% 92%,20% 100%,0 80%);transform:rotate(1.5deg) scale(1.03)}.hero-image figcaption{position:absolute;left:-72px;bottom:7%;background:var(--deep);color:white;padding:24px 34px;font-family:Georgia,serif;font-size:1.25rem;line-height:1.2;transform:rotate(-3deg);box-shadow:var(--shadow)}.hero-mark{position:absolute;left:-10vw;bottom:-17vh;width:48vw;opacity:.045;z-index:-1}.hero-orbit{position:absolute;border:1px solid rgba(113,128,107,.34);border-radius:50%;z-index:-1}.orbit-one{width:440px;height:440px;left:31%;top:21%;animation:drift 11s ease-in-out infinite}.orbit-two{width:190px;height:190px;left:42%;bottom:9%;animation:drift 8s ease-in-out infinite reverse}.intro{padding:160px 0 150px;display:grid;grid-template-columns:.75fr 1.65fr;column-gap:7vw;align-items:start}.intro .kicker{padding-top:18px}.intro h2{font-size:clamp(3.2rem,5.5vw,6.2rem);letter-spacing:-.045em}.intro h2 strong{font-weight:400;color:var(--sage)}.intro-line{grid-column:1;margin-top:40px;width:100%;height:1px;background:var(--sand)}.intro>p:last-child{grid-column:2;max-width:760px;margin:40px 0 0;font-size:1.13rem;color:#5d625c}.word-ribbon{overflow:hidden;background:var(--deep);color:var(--cream);transform:rotate(-1.3deg) scale(1.03);padding:17px 0;margin:0 0 80px}.word-ribbon div{font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,2.2rem);letter-spacing:.08em;white-space:nowrap;animation:marquee 26s linear infinite}.principles{padding:60px 0 120px;background:linear-gradient(180deg,var(--paper),var(--cream))}.principle{position:relative;min-height:820px;margin:0 auto 60px;max-width:1440px}.principle-image{position:absolute;width:62%;height:650px;top:50px}.principle-image img{width:100%;height:100%;object-fit:cover;box-shadow:var(--shadow)}.principle-copy{position:absolute;width:min(560px,43%);z-index:3;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);padding:48px 52px 46px;box-shadow:0 30px 90px rgba(50,55,46,.14)}.principle-a .principle-image,.principle-c .principle-image{left:-3%}.principle-a .principle-copy,.principle-c .principle-copy{right:7%;top:190px}.principle-b .principle-image{right:-3%;top:90px}.principle-b .principle-copy{left:7%;top:140px}.principle-a .principle-image img{clip-path:polygon(0 0,100% 7%,92% 100%,0 87%)}.principle-b .principle-image img{clip-path:polygon(6% 5%,100% 0,100% 88%,0 100%)}.principle-c .principle-image img{clip-path:polygon(0 8%,93% 0,100% 96%,8% 100%)}.meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px}.meta span{font-family:Georgia,serif;color:var(--sand);font-size:1.3rem}.meta img{width:58px;height:58px}.principle h2{font-size:clamp(4rem,6vw,6.8rem);color:var(--deep);letter-spacing:-.055em}.principle h3{font-family:Georgia,serif;font-weight:400;font-size:1.35rem;margin:10px 0 25px}.principle p{color:#60645e;margin:0 0 16px}.principle blockquote{margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--sand);font-family:Georgia,serif;font-size:1.13rem;color:var(--deep)}.areas{padding:150px 0 160px;background:var(--deep);color:white;position:relative;overflow:hidden}.areas::before{content:"PERSPEKTIVEN";position:absolute;right:-3vw;top:15px;font-family:Georgia,serif;font-size:14vw;color:rgba(255,255,255,.035);line-height:1}.areas-head{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;margin-bottom:90px}.areas .eyebrow{color:#d8c79f}.areas h2{font-size:clamp(5rem,9vw,10rem);letter-spacing:-.07em}.areas h2 em{color:var(--sand)}.area-stack article{position:relative;display:grid;grid-template-columns:70px 90px .8fr 1.2fr 50px;gap:28px;align-items:center;padding:35px 10px;border-top:1px solid rgba(255,255,255,.18);transition:.35s}.area-stack article:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.area-stack article:hover{padding-left:28px;background:rgba(255,255,255,.04)}.area-stack span{font-family:Georgia,serif;color:var(--sand)}.area-stack img{width:64px;height:64px;filter:brightness(0) invert(1);opacity:.82}.area-stack h3{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.5rem);font-weight:400;margin:0}.area-stack p{color:rgba(255,255,255,.7);margin:0}.area-stack i{font-style:normal;font-size:1.5rem;color:var(--sand)}.about{min-height:900px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:130px max(28px,calc((100% - 1260px)/2));overflow:hidden}.portrait{height:720px;margin-left:-12vw;position:relative;z-index:2}.portrait::after{content:"";position:absolute;right:-38px;top:-38px;width:58%;height:70%;border:1px solid var(--sand);z-index:-1}.portrait img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 4%,96% 0,100% 92%,10% 100%)}.about-copy{position:relative;z-index:4;padding-left:5vw}.about h2{font-size:clamp(3.6rem,6vw,7rem);letter-spacing:-.055em;color:var(--deep);margin-bottom:35px}.about-copy p:not(.eyebrow){font-size:1.06rem;color:#5d625c;max-width:620px}.signature{font-family:Georgia,serif;font-style:italic;color:var(--sage);font-size:1.4rem;margin-top:32px}.about-mark{position:absolute;right:-11vw;bottom:-15vw;width:48vw;opacity:.04}.books{padding:150px 0 190px;background:var(--cream);position:relative;overflow:hidden}.books-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:end}.books-heading .eyebrow{grid-column:1/-1}.books h2{font-size:clamp(5.5rem,10vw,11rem);letter-spacing:-.07em}.books-heading>p:last-child{max-width:480px;color:#5f645d;padding-bottom:18px}.book-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:90px;align-items:start}.book{position:relative}.book:nth-child(2){margin-top:100px}.book:nth-child(3){margin-top:20px}.book a{text-decoration:none}.book span{position:absolute;right:0;top:0;font-family:Georgia,serif;font-size:4rem;color:rgba(70,86,70,.18)}.book img{height:480px;width:100%;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(48,49,42,.22));transition:.5s cubic-bezier(.2,.8,.2,1)}.book:hover img{transform:translateY(-18px) rotate(-2deg) scale(1.03)}.book:nth-child(2):hover img{transform:translateY(-18px) rotate(2deg) scale(1.03)}.book h3{font-family:Georgia,serif;font-size:1.55rem;font-weight:400;line-height:1.15;min-height:3.4em;margin:22px 0 10px}.book b{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sage)}.birdie{min-height:760px;background:var(--paper);position:relative;display:flex;align-items:center;overflow:hidden}.birdie-copy{position:relative;z-index:3;padding-right:45%}.birdie h2{font-size:clamp(4.2rem,7vw,8rem);letter-spacing:-.06em;color:var(--deep);max-width:880px}.birdie-copy>p:not(.eyebrow){max-width:650px;color:#5f635d}.text-link{display:inline-block;margin-top:18px;color:var(--deep);font-weight:800;text-decoration:none;border-bottom:1px solid var(--sand);padding-bottom:5px}.birdie-figure{position:absolute;right:-5vw;bottom:-8vh;width:min(58vw,820px);z-index:2}.birdie-word{position:absolute;right:-2vw;top:1vh;font-family:Georgia,serif;font-size:17vw;color:rgba(113,128,107,.07);line-height:1}.contact{position:relative;background:var(--deep);color:white;padding:150px 0;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;position:relative;z-index:2}.contact .eyebrow{color:#d8c79f}.contact h2{font-size:clamp(4.8rem,8vw,9rem);letter-spacing:-.07em}.contact p{color:rgba(255,255,255,.72);max-width:610px}.button.light{background:#fff;color:var(--deep);margin-top:20px}.contact address{font-style:normal}.contact address div{display:grid;grid-template-columns:35px 55px 1fr;align-items:center;gap:16px;padding:24px 0;border-top:1px solid rgba(255,255,255,.18)}.contact address div:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.contact address span{font-family:Georgia,serif;color:var(--sand)}.contact address img{width:48px;height:48px;filter:brightness(0) invert(1);opacity:.85}.contact address a{text-decoration:none;font-size:1.05rem}.contact address p{margin:0}.contact-mark{position:absolute;right:-12vw;bottom:-18vw;width:55vw;opacity:.045;filter:brightness(0) invert(1)}footer{background:#eee7db;padding:34px 0}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;font-size:.8rem;color:#676b64}.footer-grid>img{width:150px;height:64px;object-fit:contain}.footer-grid nav{display:flex;gap:20px}.footer-grid a{text-decoration:none}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(50px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:none}.image-flight{will-change:transform}@keyframes drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(15px,-22px,0)}}@keyframes marquee{to{transform:translateX(-50%)}}
.legal{max-width:850px;padding:140px 24px 110px;margin:auto}.legal h1{font-family:Georgia,serif;font-weight:400;font-size:3.5rem;color:var(--deep)}.legal h2{font-family:Georgia,serif;font-weight:400;margin-top:2.3rem}.legal a{color:var(--deep)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:960px;align-items:start}.hero-copy{padding-top:45px}.hero-image{top:auto;bottom:20px;width:82vw;height:54vh}.hero h1{font-size:clamp(5rem,11vw,8rem)}.principle-copy{width:52%}.areas-head{grid-template-columns:1fr}.portrait{margin-left:-18vw}.about{grid-template-columns:1fr 1fr}.birdie-copy{padding-right:38%}}
@media(max-width:820px){.site-header{height:82px;padding-inline:20px}.logo img{width:150px;height:64px}.nav-toggle{display:flex;align-items:center;gap:4px;border:0;background:none;flex-direction:column;padding:10px}.nav-toggle span{width:24px;height:1px;background:var(--ink)}.nav-toggle b{font-size:.55rem;text-transform:uppercase;letter-spacing:.14em;margin-top:3px}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:850px;padding-top:115px}.hero-copy{z-index:5}.hero h1{font-size:clamp(4rem,17vw,6.7rem);white-space:normal}.hero-image{right:-28vw;width:105vw;height:48vh;opacity:.78}.hero-image figcaption{display:none}.hero-mark{width:80vw}.intro{grid-template-columns:1fr;padding:105px 0}.intro-line,.intro>p:last-child{grid-column:1}.intro h2{font-size:3.3rem}.principle{min-height:auto;padding:0 0 105px;display:flex;flex-direction:column}.principle-image,.principle-copy{position:relative;width:auto;left:auto!important;right:auto!important;top:auto!important}.principle-image{height:420px;width:92%;align-self:flex-start}.principle-b .principle-image{align-self:flex-end}.principle-copy{margin:-85px 22px 0;width:calc(100% - 44px);padding:38px 30px}.principle h2{font-size:4rem}.areas{padding:100px 0}.areas h2{font-size:4.8rem}.area-stack article{grid-template-columns:40px 55px 1fr 35px;gap:15px}.area-stack p{grid-column:3/5}.about{grid-template-columns:1fr;padding:100px 0}.portrait{height:520px;margin:0;width:92%}.about-copy{padding:60px 28px 0}.about h2{font-size:4rem}.books{padding:100px 0}.books-heading{grid-template-columns:1fr}.books h2{font-size:5rem}.book-stage{grid-template-columns:1fr;max-width:520px}.book:nth-child(n){margin-top:50px}.birdie{min-height:850px;align-items:flex-start;padding-top:100px}.birdie-copy{padding-right:28px}.birdie h2{font-size:4.6rem}.birdie-figure{width:90vw;right:-15vw;bottom:-2vh;opacity:.85}.contact-grid{grid-template-columns:1fr}.contact h2{font-size:4.8rem}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>img{margin:auto}.footer-grid nav{justify-content:center}}
@media(max-width:520px){.shell{width:calc(100% - 34px)}.hero{min-height:790px}.hero h1{font-size:3.9rem}.lead{max-width:320px}.hero-image{height:43vh;bottom:35px}.orbit-one{width:300px;height:300px}.intro h2{font-size:2.85rem}.word-ribbon{margin-bottom:55px}.principle-image{height:300px}.principle-copy{margin-top:-45px;padding:30px 24px}.principle h2{font-size:3.4rem}.meta img{width:50px;height:50px}.areas h2{font-size:3.75rem}.area-stack article{grid-template-columns:30px 46px 1fr 25px}.area-stack h3{font-size:2rem}.portrait{height:430px}.about h2{font-size:3.35rem}.books h2{font-size:4.1rem}.book img{height:390px}.birdie h2{font-size:3.7rem}.contact{padding:105px 0}.contact h2{font-size:3.9rem}.contact address div{grid-template-columns:28px 42px 1fr}.contact address img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V2: mehr Dynamik, größere Icons, eleganter Hero */
.hero{min-height:108svh;padding-top:132px;overflow:hidden;background:
 radial-gradient(circle at 72% 28%,rgba(198,170,119,.16),transparent 28%),
 linear-gradient(115deg,var(--paper) 0 46%,#eee6d9 46% 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(115deg,transparent 0 118px,rgba(70,86,70,.045) 118px 119px);mask-image:linear-gradient(90deg,transparent 0,black 28%,black 100%)}
.hero::after{content:none}
.hero-copy{margin-top:-3vh}
.hero-copy::before{content:"";display:block;width:88px;height:2px;background:var(--sand);margin-bottom:28px}
.hero h1{font-size:clamp(5.8rem,9.2vw,10.8rem);position:relative;z-index:5;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.hero h1 em{display:inline-block;transform:translateX(5vw);color:var(--deep);font-style:italic}
.lead{font-size:1.16rem;max-width:520px;margin-left:5vw;border-left:1px solid var(--sand);padding-left:24px}
.hero-image{right:-12vw;top:9vh;width:min(74vw,1120px);height:84vh;filter:drop-shadow(0 55px 85px rgba(40,45,38,.2))}
.hero-image::before{inset:-42px 8% 12% -34px;border-color:rgba(198,170,119,.65);transform:rotate(-1.5deg)}
.hero-image::after{content:"";position:absolute;left:-8%;top:12%;width:28%;height:58%;border-left:1px solid rgba(70,86,70,.4);border-top:1px solid rgba(70,86,70,.4);z-index:3;pointer-events:none}
.hero-image img{clip-path:polygon(13% 0,100% 0,100% 88%,73% 100%,7% 92%,0 22%);transform:rotate(1.2deg) scale(1.06);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hero-image:hover img{transform:rotate(.3deg) scale(1.1)}
.hero-image figcaption{left:-108px;bottom:12%;background:transparent;color:var(--deep);padding:0 0 0 28px;font-size:1.15rem;line-height:1.35;transform:none;box-shadow:none;letter-spacing:.025em}
.hero-image figcaption::before{content:"";position:absolute;left:0;top:2px;width:1px;height:100%;background:var(--sand)}
.orbit-one{width:560px;height:560px;left:27%;top:13%;border-color:rgba(113,128,107,.22)}
.orbit-two{width:250px;height:250px;left:48%;bottom:4%;border-color:rgba(198,170,119,.38)}

.word-ribbon{padding:22px 0;transform:rotate(-2.2deg) scale(1.06);box-shadow:0 22px 50px rgba(37,43,37,.13)}
.word-ribbon div{font-size:clamp(1.55rem,2.5vw,2.8rem);animation-duration:21s}

.principle{min-height:910px;margin-bottom:20px}
.principle-image{width:66%;height:720px}
.principle-copy{width:min(600px,44%);padding:56px 58px 52px;border:1px solid rgba(198,170,119,.28)}
.principle-a .principle-copy,.principle-c .principle-copy{right:4%;top:210px}
.principle-b .principle-copy{left:4%;top:165px}
.meta{margin-bottom:22px;align-items:flex-end}
.meta img{width:104px;height:104px;transform:translateY(18px);filter:drop-shadow(0 12px 18px rgba(70,86,70,.12))}
.meta span{font-size:1.55rem}
.principle-copy::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(198,170,119,.45);border-radius:50%;right:-58px;top:-58px;z-index:-1}
.principle-image img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}
.principle:hover .principle-image img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}

.areas{padding-top:180px;padding-bottom:190px}
.area-stack article{grid-template-columns:60px 145px .8fr 1.15fr 60px;padding:48px 12px;overflow:hidden}
.area-stack img{width:112px;height:112px;opacity:.92;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.area-stack article:hover img{transform:scale(1.12) rotate(-5deg)}
.area-stack article:nth-child(2):hover img{transform:scale(1.12) rotate(5deg)}
.area-stack article::before{content:"";position:absolute;left:-25%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:skewX(-18deg);transition:left .75s ease}
.area-stack article:hover::before{left:115%}
.area-stack h3{font-size:clamp(2.6rem,3.8vw,4.4rem)}

.about{min-height:980px}
.portrait{height:800px;margin-left:-15vw;transform:rotate(-1deg)}
.about-copy{padding-left:3vw}
.about-copy::before{content:"";position:absolute;left:-2vw;top:-6vh;width:1px;height:22vh;background:var(--sand)}

.books{padding-top:180px}
.book-stage{gap:5vw;transform:rotate(-1deg)}
.book:nth-child(1){transform:translateY(40px) rotate(-2deg)}
.book:nth-child(2){transform:translateY(130px) rotate(1.5deg)}
.book:nth-child(3){transform:translateY(0) rotate(3deg)}
.book img{height:520px}

.birdie{min-height:850px;background:linear-gradient(105deg,var(--paper) 0 57%,#ede4d6 57%)}
.birdie-figure{right:-8vw;width:min(64vw,940px)}
.birdie-word{font-size:20vw;right:-5vw;top:-1vh}

.contact address img{width:82px;height:82px}
.contact address div{grid-template-columns:38px 95px 1fr;padding:28px 0}

@media(max-width:1050px){
 .hero{background:linear-gradient(155deg,var(--paper) 0 55%,#eee6d9 55%)}
 .hero-image{width:88vw;height:60vh;right:-18vw}
 .hero h1 em{transform:translateX(0)}
 .lead{margin-left:0}
 .meta img{width:88px;height:88px}
 .area-stack article{grid-template-columns:55px 120px .8fr 1.1fr 45px}
 .area-stack img{width:94px;height:94px}
}
@media(max-width:820px){
 .hero{min-height:930px}
 .hero-image{right:-34vw;width:115vw;height:54vh;bottom:10px}
 .hero-image figcaption{display:none}
 .hero h1 em{display:inline}
 .principle{padding-bottom:125px}
 .principle-image{height:470px}
 .principle-copy{margin-top:-115px}
 .meta img{width:82px;height:82px}
 .area-stack article{grid-template-columns:38px 86px 1fr 34px;padding:38px 4px}
 .area-stack img{width:76px;height:76px}
 .area-stack p{grid-column:3/5}
 .book-stage{transform:none}
 .book:nth-child(n){transform:none;margin-top:55px}
 .contact address img{width:62px;height:62px}
 .contact address div{grid-template-columns:30px 72px 1fr}
}
@media(max-width:520px){
 .hero{min-height:850px}
 .hero h1{font-size:4.3rem}
 .hero-image{height:46vh;right:-42vw;width:128vw}
 .principle-image{height:330px}
 .principle-copy{margin-top:-72px}
 .meta img{width:68px;height:68px}
 .area-stack article{grid-template-columns:26px 66px 1fr 22px;gap:12px}
 .area-stack img{width:58px;height:58px}
 .contact address img{width:52px;height:52px}
}


/* V3: Dynamik durch Rhythmus, nicht durch Lautstärke */
.header-without-logo{justify-content:flex-end;background:linear-gradient(to bottom,rgba(247,243,236,.94),rgba(247,243,236,.72),transparent);backdrop-filter:none;border-bottom:0}
.header-without-logo .nav{margin-left:auto}
.hero-logo{display:block;width:clamp(300px,31vw,470px);margin:0 0 34px -6px;position:relative;z-index:7}
.hero-logo img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
.hero-copy{padding-top:0;margin-top:-1vh}
.hero-copy::before{display:none}
.hero .eyebrow{margin-top:8px}
.hero h1{font-size:clamp(5rem,8.2vw,9.4rem);line-height:.84;letter-spacing:-.065em}
.hero h1 em{transform:translateX(3vw)}
.hero-image{right:-9vw;top:12vh;width:min(69vw,1040px);height:79vh;filter:drop-shadow(0 38px 65px rgba(40,45,38,.16))}
.hero-image img{clip-path:polygon(9% 0,100% 0,100% 91%,78% 100%,3% 94%,0 17%);transform:rotate(.6deg) scale(1.035)}
.hero-image:hover img{transform:rotate(.15deg) scale(1.065)}
.hero-image::before{inset:-26px 12% 10% -20px;transform:rotate(-.7deg);border-color:rgba(198,170,119,.48)}
.hero-image::after{left:-4%;top:15%;width:20%;height:45%;border-color:rgba(70,86,70,.27)}
.hero-image figcaption{left:-82px;bottom:15%;font-size:1rem}
.orbit-one{width:470px;height:470px;left:31%;top:18%;border-color:rgba(113,128,107,.14)}
.orbit-two{width:190px;height:190px;left:52%;bottom:9%;border-color:rgba(198,170,119,.25)}

.values-bridge{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px 0 130px;margin-top:-24px}
.values-bridge::before{content:"";position:absolute;left:0;right:0;top:38px;height:1px;background:linear-gradient(90deg,transparent,var(--line) 7%,var(--line) 93%,transparent)}
.value-note{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;padding:0 5vw 0 0;min-height:100px}
.value-note span{font-size:.72rem;letter-spacing:.16em;color:var(--sand);padding-top:4px}
.value-note strong{font:400 clamp(2rem,3vw,3.35rem)/1 Georgia,serif;color:var(--deep)}
.value-note i{position:absolute;top:38px;left:0;width:14px;height:14px;border-radius:50%;background:var(--paper);border:1px solid var(--sand);transform:translateY(-50%);transition:transform .4s ease,background .4s ease}
.value-note small{grid-column:2;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:13px}
.value-note:nth-child(2){transform:translateY(28px)}
.value-note:nth-child(3){transform:translateY(-12px)}
.value-note:hover i{transform:translateY(-50%) scale(1.7);background:var(--sand)}

.principles{padding-top:20px}
.principle{min-height:860px;margin-bottom:80px}
.principle-image{width:63%;height:680px}
.principle-copy{width:min(580px,45%);padding:52px 54px 48px;box-shadow:0 28px 70px rgba(35,42,35,.09)}
.principle-a .principle-copy,.principle-c .principle-copy{right:5.5%;top:190px}
.principle-b .principle-copy{left:5.5%;top:145px}
.meta img{width:88px;height:88px;transform:translateY(12px)}
.principle-copy::after{width:86px;height:86px;right:-42px;top:-42px;opacity:.7}

.area-stack article{grid-template-columns:56px 122px .82fr 1.18fr 52px;padding:42px 10px}
.area-stack img{width:94px;height:94px}
.area-stack article:hover img{transform:translateY(-7px) rotate(-3deg)}
.area-stack article:nth-child(2):hover img{transform:translateY(-7px) rotate(3deg)}
.area-stack h3{font-size:clamp(2.4rem,3.3vw,3.8rem)}

@media(max-width:1050px){
 .hero-logo{width:clamp(280px,46vw,420px)}
 .hero-image{width:84vw;right:-18vw}
 .values-bridge{padding-bottom:110px}
}
@media(max-width:820px){
 .site-header{background:rgba(247,243,236,.88);backdrop-filter:blur(12px)}
 .hero-logo{width:min(82vw,390px);margin-bottom:26px}
 .hero{padding-top:105px}
 .hero h1{font-size:clamp(4rem,15vw,6.4rem)}
 .hero-image{right:-30vw;width:110vw;height:51vh;opacity:.82}
 .values-bridge{grid-template-columns:1fr;padding:30px 0 90px;gap:28px}
 .values-bridge::before{left:8px;right:auto;top:18px;bottom:80px;width:1px;height:auto}
 .value-note,.value-note:nth-child(n){transform:none;padding-left:38px;min-height:72px}
 .value-note i{left:4px;top:18px}
 .principle{margin-bottom:30px}
 .meta img{width:76px;height:76px}
 .area-stack article{grid-template-columns:38px 82px 1fr 34px}
 .area-stack img{width:70px;height:70px}
}
@media(max-width:520px){
 .hero-logo{width:min(88vw,350px)}
 .hero h1{font-size:3.9rem}
 .hero-image{right:-39vw;width:126vw}
 .value-note strong{font-size:2.25rem}
 .meta img{width:64px;height:64px}
 .area-stack article{grid-template-columns:26px 64px 1fr 22px}
 .area-stack img{width:54px;height:54px}
}

/* V5: gezielte Verdichtung auf Basis der freigegebenen V3 */
.hero-image figcaption{display:none!important}

/* Haltung: gleiche Komposition, weniger Höhe */
.principles{padding-top:10px;padding-bottom:60px}
.principle{min-height:720px;margin-bottom:34px}
.principle-image{height:570px}
.principle-copy{padding:42px 46px 40px}
.principle-a .principle-copy,.principle-c .principle-copy{top:145px}
.principle-b .principle-copy{top:110px}
.meta{margin-bottom:16px}
.meta img{width:76px;height:76px;transform:translateY(8px)}
.principle h2{font-size:clamp(3.5rem,5.3vw,5.9rem)}
.principle h3{margin:8px 0 18px}
.principle p{margin-bottom:12px}
.principle blockquote{margin-top:22px;padding-top:16px}

/* Bücher: kleiner, flacher, dichter */
.books{padding:105px 0 110px}
.books h2{font-size:clamp(4.4rem,8vw,8.3rem)}
.books-heading{gap:5vw}
.book-stage{margin-top:46px;gap:3.4vw;transform:rotate(-.55deg)}
.book img{height:390px}
.book:nth-child(1){transform:translateY(18px) rotate(-1.4deg)}
.book:nth-child(2){transform:translateY(58px) rotate(1deg);margin-top:0}
.book:nth-child(3){transform:translateY(0) rotate(1.8deg);margin-top:0}
.book h3{font-size:1.28rem;min-height:2.8em;margin:14px 0 7px}
.book span{font-size:3rem}

/* Birdie on Tour: kompakter, ohne die Bildwirkung zu verlieren */
.birdie{min-height:570px}
.birdie-copy{padding-top:72px;padding-bottom:72px}
.birdie h2{font-size:clamp(3.4rem,5.5vw,6.1rem)}
.birdie-figure{width:min(54vw,760px);right:-5vw}
.birdie-word{font-size:16vw;top:1vh;opacity:.035}

/* Kontakt: flacher Abschluss */
.contact{padding:88px 0 78px}
.contact-grid{gap:5vw}
.contact h2{font-size:clamp(3.7rem,6.4vw,7rem)}
.contact address img{width:58px;height:58px}
.contact address div{grid-template-columns:30px 72px 1fr;padding:15px 0}
.contact address strong{font-size:.72rem}
.contact address a,.contact address span{font-size:.94rem}

@media(max-width:1050px){
 .principle{min-height:680px}
 .principle-image{height:535px}
 .book img{height:350px}
 .birdie{min-height:535px}
}
@media(max-width:820px){
 .principle{min-height:auto;padding-bottom:70px}
 .principle-image{height:430px}
 .principle-copy{margin-top:-92px;padding:36px 34px 34px}
 .books{padding:84px 0 88px}
 .book-stage{margin-top:30px}
 .book:nth-child(n){transform:none;margin-top:32px}
 .book img{height:330px}
 .birdie{min-height:620px}
 .birdie-copy{padding-top:64px;padding-bottom:300px;padding-right:0}
 .birdie-figure{width:min(95vw,620px);right:-20vw;bottom:-30px}
 .contact{padding:68px 0 58px}
 .contact address img{width:50px;height:50px}
 .contact address div{grid-template-columns:28px 62px 1fr;padding:12px 0}
}
@media(max-width:520px){
 .principle-image{height:310px}
 .principle-copy{margin-top:-58px;padding:30px 24px}
 .meta img{width:58px;height:58px}
 .books{padding:70px 0 72px}
 .book img{height:285px}
 .birdie{min-height:560px}
 .birdie-copy{padding-bottom:265px}
 .contact{padding:54px 0 48px}
}

/* V6: neue freigegebene Birdie- und Buchmotive */
.book img{
  object-fit:contain;
  object-position:center bottom;
  max-width:100%;
}
.book-one img,.book-two img,.book-three img{
  filter:drop-shadow(0 24px 22px rgba(48,49,42,.18));
}
.book-stage{align-items:start}
.birdie-figure{
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 24px 28px rgba(48,49,42,.14));
}
@media(min-width:821px){
  .birdie-figure{width:min(48vw,690px);right:-1vw;bottom:-2px}
}

/* V6.2: präzise Korrektur, ausschließlich Zahlen entfernt sowie Bücher/Kontakt flacher */
.value-note{grid-template-columns:1fr;column-gap:0}
.value-note strong,.value-note small{grid-column:1}
.value-note i{left:0}
.meta{display:flex;align-items:center;justify-content:flex-start}
.area-stack article{grid-template-columns:122px .82fr 1.18fr 52px}
.area-stack article>img{grid-column:1}
.area-stack article>h3{grid-column:2}
.area-stack article>p{grid-column:3}
.area-stack article>i{grid-column:4}
.book>a{display:block}
.contact address div{grid-template-columns:72px 1fr}
.contact address div>img{grid-column:1}
.contact address div>p,.contact address div>a{grid-column:2}

/* Bücher bewusst niedriger, ohne die Komposition neu zu bauen */
.books{padding:72px 0 76px}
.books-heading{gap:4vw}
.book-stage{margin-top:28px;gap:3vw}
.book img{height:330px}
.book:nth-child(1){transform:translateY(10px) rotate(-1.4deg)}
.book:nth-child(2){transform:translateY(30px) rotate(1deg)}
.book:nth-child(3){transform:translateY(0) rotate(1.8deg)}
.book h3{margin:10px 0 5px;min-height:2.5em}

/* Kontakt kompakter, gleiche Inhalte und gleiche Zweispaltenstruktur */
.contact{padding:58px 0 52px}
.contact-grid{gap:4vw}
.contact h2{font-size:clamp(3.25rem,5.5vw,6.2rem)}
.contact address div{padding:10px 0}
.contact address img{width:50px;height:50px}

@media(max-width:820px){
 .area-stack article{grid-template-columns:82px 1fr 34px}
 .area-stack article>img{grid-column:1}
 .area-stack article>h3{grid-column:2}
 .area-stack article>p{grid-column:2/4}
 .area-stack article>i{grid-column:3}
 .books{padding:64px 0 68px}
 .book img{height:305px}
 .book:nth-child(n){transform:none;margin-top:24px}
 .contact{padding:48px 0 42px}
 .contact address div{grid-template-columns:62px 1fr;padding:9px 0}
}
@media(max-width:520px){
 .area-stack article{grid-template-columns:64px 1fr 22px}
 .books{padding:54px 0 58px}
 .book img{height:270px}
 .contact{padding:40px 0 36px}
 .contact address div{grid-template-columns:56px 1fr}
}

/* V6.3: ausschließlich Bücher- und Kontaktbereich weiter verdichtet */
.books{padding:46px 0 50px}
.books-heading{gap:3.2vw}
.book-stage{margin-top:18px;gap:2.6vw}
.book img{height:288px}
.book:nth-child(1){transform:translateY(6px) rotate(-1.4deg)}
.book:nth-child(2){transform:translateY(18px) rotate(1deg)}
.book:nth-child(3){transform:translateY(0) rotate(1.8deg)}
.book h3{margin:7px 0 4px;min-height:2.25em;font-size:1.15rem}
.book b{font-size:.7rem}

.contact{padding:34px 0 30px}
.contact-grid{gap:3vw}
.contact h2{font-size:clamp(2.9rem,4.8vw,5.35rem)}
.contact-grid>div>p:not(.eyebrow){margin:10px 0 8px}
.contact .button.light{margin-top:10px}
.contact address,
.contact address div,
.contact address a,
.contact address p,
.contact address img{
  box-shadow:none!important;
  filter:none;
  text-shadow:none!important;
}
.contact address div{grid-template-columns:52px 1fr;padding:5px 0;gap:12px}
.contact address img{width:40px;height:40px;filter:brightness(0) invert(1)!important}
.contact address a{font-size:.9rem}

@media(max-width:820px){
  .books{padding:42px 0 46px}
  .book-stage{margin-top:14px}
  .book img{height:276px}
  .book:nth-child(n){transform:none;margin-top:16px}
  .contact{padding:30px 0 26px}
  .contact-grid{gap:24px}
  .contact address div{grid-template-columns:48px 1fr;padding:5px 0}
  .contact address img{width:38px;height:38px}
}
@media(max-width:520px){
  .books{padding:34px 0 38px}
  .book img{height:252px}
  .contact{padding:24px 0 22px}
  .contact h2{font-size:3.25rem}
  .contact address div{grid-template-columns:44px 1fr;padding:4px 0}
  .contact address img{width:34px;height:34px}
}

/* V6.4: Feinschliff auf Basis von V6.3, nur die angefragten Änderungen */

/* Kontakt: transparentes Wasserzeichen rechts vollständig entfernen */
.contact-mark{display:none!important}

/* Bücher: Cover dürfen leicht versetzt bleiben, Titel stehen sauber darunter */
.book-stage{align-items:start}
.book{transform:none!important;margin-top:0!important;text-align:center}
.book>a{display:grid;grid-template-rows:288px auto auto;align-items:start;height:100%}
.book img{height:288px;align-self:end;justify-self:center}
.book:nth-child(1) img{transform:translateY(6px) rotate(-1.4deg)}
.book:nth-child(2) img{transform:translateY(18px) rotate(1deg)}
.book:nth-child(3) img{transform:translateY(0) rotate(1.8deg)}
.book h3{width:100%;margin:28px 0 4px;min-height:2.25em;align-self:start}
.book b{align-self:start}
.book:hover img{transform:translateY(-8px) rotate(-1.4deg) scale(1.02)}
.book:nth-child(2):hover img{transform:translateY(4px) rotate(1deg) scale(1.02)}
.book:nth-child(3):hover img{transform:translateY(-8px) rotate(1.8deg) scale(1.02)}

/* Perspektiven: gleiche Gestaltung, nur kompakterer vertikaler Rhythmus */
.areas{padding:92px 0 98px}
.areas-head{margin-bottom:52px}
.area-stack article{padding:24px 10px}

@media(max-width:820px){
  .book>a{grid-template-rows:276px auto auto}
  .book img{height:276px;transform:none!important}
  .areas{padding:72px 0 76px}
  .areas-head{margin-bottom:38px}
  .area-stack article{padding:20px 8px}
}
@media(max-width:520px){
  .book>a{grid-template-rows:252px auto auto}
  .book img{height:252px}
  .areas{padding:58px 0 62px}
  .areas-head{margin-bottom:30px}
  .area-stack article{padding:17px 6px}
}

/* V6.6: ausschließlich der Wertebereich größer und dynamischer */
.values-bridge{
  min-height:340px;
  padding:58px 0 138px;
  margin-top:10px;
  isolation:isolate;
  overflow:hidden;
}
.values-bridge::before{
  top:82px;
  z-index:0;
}
.values-bridge::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:50%;
  top:48%;
  background:url("assets/watermark.png") center/contain no-repeat;
  opacity:.032;
  transform:translate(-50%,-50%) rotate(-5deg);
  pointer-events:none;
  z-index:-1;
}
.value-note{
  z-index:1;
  min-height:132px;
}
.value-note strong{
  font-size:clamp(3rem,4.6vw,5.35rem);
  letter-spacing:-.045em;
}
.value-note small{
  margin-top:18px;
  font-size:.76rem;
  letter-spacing:.26em;
}
.value-note i{
  top:76px;
  width:11px;
  height:11px;
}
.value-note:nth-child(1){transform:translateY(-2px)}
.value-note:nth-child(2){transform:translateY(50px);padding-left:2vw}
.value-note:nth-child(3){transform:translateY(-18px);padding-left:1vw}

@media(max-width:1050px){
  .values-bridge{min-height:320px;padding:52px 0 126px}
  .values-bridge::after{width:460px;height:460px}
  .value-note:nth-child(2){padding-left:1vw}
}
@media(max-width:820px){
  .values-bridge{min-height:auto;padding:44px 0 86px;gap:20px;overflow:hidden}
  .values-bridge::before{top:28px;bottom:72px}
  .values-bridge::after{width:360px;height:360px;left:68%;top:48%;opacity:.027}
  .value-note,.value-note:nth-child(n){transform:none;padding-left:42px;min-height:80px}
  .value-note strong{font-size:clamp(2.75rem,10vw,4rem)}
  .value-note i{left:4px;top:30px;width:10px;height:10px}
  .value-note small{margin-top:10px}
}
@media(max-width:520px){
  .values-bridge{padding:36px 0 70px}
  .values-bridge::after{width:300px;height:300px;left:76%;opacity:.024}
  .value-note strong{font-size:2.75rem}
}

/* V6.6.2: Kreise aus dem Hero als verbindendes Gestaltungselement */
.values-bridge{
  overflow:visible;
}
.bridge-orbit{
  position:absolute;
  display:block;
  border:1px solid rgba(113,128,107,.16);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  animation:bridge-drift 12s ease-in-out infinite;
}
.bridge-orbit-large{
  width:410px;
  height:410px;
  left:27%;
  top:-148px;
}
.bridge-orbit-medium{
  width:205px;
  height:205px;
  left:48%;
  top:-38px;
  border-color:rgba(198,170,119,.23);
  animation-duration:9s;
  animation-direction:reverse;
}
.bridge-orbit-small{
  width:92px;
  height:92px;
  left:69%;
  top:54px;
  border-color:rgba(113,128,107,.22);
  animation-duration:7s;
}
@keyframes bridge-drift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(10px,-14px,0)}
}
@media(max-width:1050px){
  .bridge-orbit-large{width:350px;height:350px;left:21%;top:-118px}
  .bridge-orbit-medium{width:175px;height:175px;left:49%;top:-18px}
  .bridge-orbit-small{left:73%;top:68px}
}
@media(max-width:820px){
  .values-bridge{overflow:hidden}
  .bridge-orbit-large{width:300px;height:300px;left:34%;top:-90px}
  .bridge-orbit-medium{width:150px;height:150px;left:67%;top:25px}
  .bridge-orbit-small{width:72px;height:72px;left:12%;top:175px}
}
@media(max-width:520px){
  .bridge-orbit-large{width:250px;height:250px;left:36%;top:-65px}
  .bridge-orbit-medium{width:125px;height:125px;left:72%;top:35px}
  .bridge-orbit-small{width:60px;height:60px;left:9%;top:178px}
}
@media(prefers-reduced-motion:reduce){
  .bridge-orbit{animation:none}
}


/* V6.7: verbindende Kreise in den Bild-Text-Bereichen */
.principles{
  position:relative;
  overflow:hidden;
}
.principle{
  isolation:isolate;
}
.principle-image{
  z-index:1;
}
.principle-orbit{
  position:absolute;
  display:block;
  border:1px solid rgba(113,128,107,.14);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  animation:principle-orbit-drift 13s ease-in-out infinite;
}
.orbit-a1{
  width:390px;height:390px;
  left:18%;top:-150px;
}
.orbit-a2{
  width:118px;height:118px;
  right:11%;top:92px;
  border-color:rgba(198,170,119,.22);
  animation-duration:9s;
  animation-direction:reverse;
}
.orbit-b1{
  width:270px;height:270px;
  right:15%;top:-78px;
  border-color:rgba(198,170,119,.18);
  animation-duration:11s;
}
.orbit-b2{
  width:105px;height:105px;
  left:8%;top:215px;
  border-color:rgba(113,128,107,.2);
  animation-duration:8s;
  animation-direction:reverse;
}
.orbit-b3{
  width:470px;height:470px;
  left:34%;bottom:-250px;
  border-color:rgba(113,128,107,.095);
  animation-duration:15s;
}
.orbit-c1{
  width:330px;height:330px;
  left:13%;top:-105px;
  border-color:rgba(113,128,107,.13);
  animation-duration:12s;
}
.orbit-c2{
  width:155px;height:155px;
  right:7%;bottom:55px;
  border-color:rgba(198,170,119,.2);
  animation-duration:9s;
  animation-direction:reverse;
}
@keyframes principle-orbit-drift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(12px,-16px,0)}
}
@media(max-width:1050px){
  .orbit-a1{width:330px;height:330px;left:15%;top:-120px}
  .orbit-a2{right:5%}
  .orbit-b1{width:235px;height:235px;right:8%}
  .orbit-b3{width:400px;height:400px;left:30%;bottom:-210px}
  .orbit-c1{width:285px;height:285px;left:8%}
}
@media(max-width:820px){
  .orbit-a1{width:280px;height:280px;left:28%;top:-95px}
  .orbit-a2{width:90px;height:90px;right:5%;top:130px}
  .orbit-b1{width:210px;height:210px;right:35%;top:-45px}
  .orbit-b2{width:82px;height:82px;left:4%;top:265px}
  .orbit-b3{width:320px;height:320px;left:42%;bottom:-145px}
  .orbit-c1{width:240px;height:240px;left:30%;top:-65px}
  .orbit-c2{width:120px;height:120px;right:-2%;bottom:28px}
}
@media(max-width:520px){
  .principle-orbit{opacity:.8}
  .orbit-a1{width:230px;height:230px;left:34%;top:-70px}
  .orbit-a2{width:70px;height:70px;right:3%;top:110px}
  .orbit-b1{width:180px;height:180px;right:28%;top:-25px}
  .orbit-b2{width:65px;height:65px;left:2%;top:205px}
  .orbit-b3{width:265px;height:265px;left:46%;bottom:-105px}
  .orbit-c1{width:205px;height:205px;left:34%;top:-45px}
  .orbit-c2{width:95px;height:95px;right:-5%;bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .principle-orbit{animation:none}
}

/* V6.7.1: sanfte Kreisverbindung vom Hero in den ersten Inhaltsabschnitt */
.intro{
  position:relative;
  isolation:isolate;
}
.hero-intro-orbit{
  position:absolute;
  display:block;
  border:1px solid rgba(113,128,107,.17);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  animation:hero-intro-drift 12s ease-in-out infinite;
}
.hero-intro-orbit-large{
  width:360px;
  height:360px;
  right:8%;
  top:-205px;
}
.hero-intro-orbit-medium{
  width:170px;
  height:170px;
  right:31%;
  top:-84px;
  border-color:rgba(198,170,119,.24);
  animation-duration:9s;
  animation-direction:reverse;
}
.hero-intro-orbit-small{
  width:74px;
  height:74px;
  right:47%;
  top:18px;
  border-color:rgba(113,128,107,.23);
  animation-duration:7s;
}
@keyframes hero-intro-drift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-9px,12px,0)}
}
@media(max-width:1050px){
  .hero-intro-orbit-large{width:310px;height:310px;right:3%;top:-170px}
  .hero-intro-orbit-medium{width:145px;height:145px;right:31%;top:-58px}
  .hero-intro-orbit-small{right:51%;top:24px}
}
@media(max-width:820px){
  .intro{overflow:hidden}
  .hero-intro-orbit-large{width:270px;height:270px;right:-54px;top:-120px}
  .hero-intro-orbit-medium{width:130px;height:130px;right:29%;top:-20px}
  .hero-intro-orbit-small{width:62px;height:62px;right:55%;top:60px}
}
@media(max-width:520px){
  .hero-intro-orbit-large{width:225px;height:225px;right:-72px;top:-86px}
  .hero-intro-orbit-medium{width:108px;height:108px;right:25%;top:8px}
  .hero-intro-orbit-small{width:52px;height:52px;right:58%;top:76px}
}
@media(prefers-reduced-motion:reduce){
  .hero-intro-orbit{animation:none}
}


/* V6.7.4: gestaffelte Hero-Headline */
.hero h1 .hero-line{display:block}
.hero h1 em{display:block;transform:none}
.hero h1 .hero-line-2{transform:translateX(3vw)}
.hero h1 .hero-line-3{transform:translateX(6vw)}
@media(max-width:820px){
  .hero h1 em{display:block}
  .hero h1 .hero-line-2{transform:translateX(1.5rem)}
  .hero h1 .hero-line-3{transform:translateX(3rem)}
}


/* V6.7.11: neues freigestelltes Birdie-Bild, mittig im rechten Bildbereich */
@media (min-width:821px){
  .birdie-figure{right:4vw;bottom:50%;transform:translateY(50%);width:min(47vw,700px);height:auto;object-fit:contain;object-position:center;}
}

/* V6.7.12: Birdie-Bild visuell stärker gewichtet und harmonisch ausbalanciert */
@media (min-width: 821px){
  .birdie-figure{
    width:min(58vw,860px);
    right:-2vw;
    bottom:50%;
    transform:translateY(50%);
    height:auto;
    object-fit:contain;
    object-position:center;
  }
}

/* V6.7.13: Birdie-Motiv bewusst größer, damit es zur linken Textbox passt */
@media (min-width: 821px){
  .birdie-figure{
    width:min(66vw,1040px);
    right:-4vw;
    bottom:50%;
    transform:translateY(50%);
    height:auto;
    object-fit:contain;
    object-position:center;
  }
}

/* V6.7.14: neues Birdie-Motiv, groß und optisch mittig im rechten Bildbereich */
@media (min-width:821px){
  .birdie-figure{
    width:min(70vw,1050px);
    height:auto;
    left:78.5%;
    right:auto;
    bottom:50%;
    transform:translate(-50%,50%);
    object-fit:contain;
    object-position:center;
  }
}
@media (max-width:820px){
  .birdie-figure{
    width:min(125vw,780px);
    height:auto;
    left:50%;
    right:auto;
    bottom:-20px;
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center;
  }
}


/* V6.7.15: Birdie sichtbar und groß im rechten Bereich; Parallax bewusst deaktiviert */
@media (min-width:821px){
  .birdie-figure{
    width:min(58vw,920px);
    height:auto;
    left:auto;
    right:-1vw;
    bottom:50%;
    transform:translateY(50%);
    object-fit:contain;
    object-position:center;
  }
}
@media (max-width:820px){
  .birdie-figure{
    width:min(112vw,720px);
    height:auto;
    left:50%;
    right:auto;
    bottom:-12px;
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center;
  }
}

/* V6.7.16: Birdie größer und weiter rechts, sonst keine Layoutänderung */
@media (min-width:821px){
  .birdie-figure{
    width:min(68vw,1080px);
    right:-7vw;
    left:auto;
    bottom:50%;
    transform:translateY(50%);
  }
}

/* V6.7.17: Birdie nochmals größer und weiter rechts */
@media (min-width:821px){
  .birdie-figure{
    width:min(78vw,1240px);
    right:-13vw;
    left:auto;
    bottom:50%;
    transform:translateY(50%);
  }
}

/* V6.7.18: Birdie nur weiter nach rechts verschoben */
@media (min-width:821px){
  .birdie-figure{
    right:-18vw;
  }
}

/* V7.2 – iPhone-Feinschliff. Desktop bleibt unverändert. */
@media (max-width:820px){
  /* Klarheit / Vertrauen / Entwicklung: auf Mobil volle Breite, ruhige fast-opake Karte */
  .principles{overflow:hidden!important;}
  .principle{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:0 0 64px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .principle-image,
  .principle-copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
  }
  .principle-image,
  .principle-b .principle-image{
    width:100%!important;
    height:330px!important;
    align-self:stretch!important;
    margin:0!important;
  }
  .principle-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .principle-copy,
  .principle-a .principle-copy,
  .principle-b .principle-copy,
  .principle-c .principle-copy{
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin:-54px 18px 0!important;
    padding:32px 26px 30px!important;
    background:rgba(255,253,248,.985)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border:1px solid rgba(198,170,119,.22)!important;
    box-shadow:0 16px 40px rgba(50,55,46,.09)!important;
    opacity:1!important;
  }
  .principle-copy::after{
    opacity:.22!important;
    z-index:-1!important;
  }
  .principle h2{
    font-size:clamp(3.15rem,13vw,4rem)!important;
    line-height:.96!important;
  }
  .principle h3{font-size:1.2rem!important;line-height:1.4!important;}
  .principle p,.principle blockquote{font-size:1rem!important;line-height:1.68!important;}
  .meta{margin-bottom:18px!important;}
  .meta img{width:58px!important;height:58px!important;transform:none!important;}

  /* Pfeile NUR mobil: kein blaues iOS-Emoji, sondern gezeichneter Linienpfeil. */
  .button i,
  .area-stack article > i{
    position:relative!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  .button i::before,
  .area-stack article > i::before{
    content:""!important;
    position:absolute!important;
    width:13px!important;
    height:13px!important;
    border-top:2px solid currentColor!important;
    border-right:2px solid currentColor!important;
    top:11px!important;
    right:10px!important;
  }
  .button i::after,
  .area-stack article > i::after{
    content:""!important;
    position:absolute!important;
    width:17px!important;
    height:2px!important;
    background:currentColor!important;
    transform:rotate(-45deg)!important;
    transform-origin:right center!important;
    top:22px!important;
    right:9px!important;
  }
  .button i{
    color:#fff!important;
  }
  .area-stack article > i{
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:50%!important;
    color:var(--sand)!important;
    background:transparent!important;
    justify-self:end!important;
  }
  .area-stack article > i::before{top:10px!important;right:9px!important;}
  .area-stack article > i::after{top:21px!important;right:8px!important;}
}

@media (max-width:520px){
  .principle-image,.principle-b .principle-image{height:285px!important;}
  .principle-copy,
  .principle-a .principle-copy,
  .principle-b .principle-copy,
  .principle-c .principle-copy{
    width:calc(100% - 28px)!important;
    margin:-42px 14px 0!important;
    padding:28px 22px 27px!important;
  }
  .principle h2{font-size:3.05rem!important;}
  .principle h3{font-size:1.14rem!important;}
}

/* V7.3 – iPhone: ruhigeres echtes Mobile-Layout; Desktop bleibt unverändert. */
@media (max-width:820px){
  /* Haltung: auf dem Telefon kein Desktop-Overlay mehr. Bild + klare Karte untereinander. */
  .principles{
    padding:18px 0 54px!important;
    background:var(--paper)!important;
    overflow:hidden!important;
  }
  .principle{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 0 34px!important;
    padding:0!important;
  }
  .principle-image,
  .principle-b .principle-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:250px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .principle-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    clip-path:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .principle-copy,
  .principle-a .principle-copy,
  .principle-b .principle-copy,
  .principle-c .principle-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:30px 28px 38px!important;
    background:#fffdf8!important;
    border:0!important;
    border-bottom:1px solid rgba(198,170,119,.34)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:1!important;
  }
  .principle-copy::after{display:none!important;}
  .principle-orbit{opacity:.32!important;}
  .principle .meta{
    min-height:48px!important;
    margin:0 0 14px!important;
    padding:0 0 12px!important;
  }
  .principle .meta img{
    width:46px!important;
    height:46px!important;
    transform:none!important;
    filter:none!important;
  }
  .principle h2{
    font-size:clamp(3rem,12.5vw,4.05rem)!important;
    line-height:.94!important;
    margin:0 0 8px!important;
  }
  .principle h3{
    font-size:1.27rem!important;
    line-height:1.38!important;
    margin:0 0 20px!important;
  }
  .principle p,
  .principle blockquote{
    font-size:1rem!important;
    line-height:1.62!important;
  }
  .principle blockquote{margin-top:22px!important;}

  /* Pfeile: ausdrücklich Textdarstellung, damit Safari kein blaues Emoji rendert. */
  .button i,
  .area-stack article > i{
    font-size:0!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .button i::before,
  .area-stack article > i::before{
    content:"\2197\FE0E"!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    background:none!important;
    transform:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:25px!important;
    font-weight:300!important;
    line-height:1!important;
    color:currentColor!important;
  }
  .button i::after,
  .area-stack article > i::after{display:none!important;}
  .button i{color:#fff!important;}
  .area-stack article > i{
    width:40px!important;
    height:40px!important;
    color:var(--sand)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:50%!important;
    background:transparent!important;
  }

  /* Links mit Pfeil ebenfalls bewusst als Text-Glyph, nicht Emoji. */
  .book b,.text-link{font-family:Arial,Helvetica,sans-serif;}

  /* Mobile Rhythmus: etwas mehr Luft vor Kontakt, damit Birdie nichts anschneidet. */
  .contact{padding-top:52px!important;}
}

@media (max-width:520px){
  .principle-image,.principle-b .principle-image{height:220px!important;}
  .principle-copy,
  .principle-a .principle-copy,
  .principle-b .principle-copy,
  .principle-c .principle-copy{padding:26px 24px 34px!important;}
  .principle h2{font-size:3.15rem!important;}
}

/* V7.4 – finaler iPhone-Feinschliff: Pfeile sauber zentriert, Hero kompakter, Kontaktanker mit Luft. */
@media (max-width:820px){
  /* Pfeil im Kreis geometrisch zeichnen statt als Glyph. So sitzt er exakt mittig. */
  .button i,
  .area-stack article > i{
    position:relative!important;
    display:block!important;
    font-size:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  .button i::before,
  .area-stack article > i::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:18px!important;
    height:1.6px!important;
    background:currentColor!important;
    border:0!important;
    transform:translate(-50%,-50%) rotate(-45deg)!important;
    transform-origin:center!important;
  }
  .button i::after,
  .area-stack article > i::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    border-top:1.6px solid currentColor!important;
    border-right:1.6px solid currentColor!important;
    background:transparent!important;
    transform:translate(2px,-10px)!important;
  }
  .button i{color:#fff!important;}
  .area-stack article > i{
    width:40px!important;
    height:40px!important;
    color:var(--sand)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:50%!important;
    background:transparent!important;
  }

  /* Beim Sprung auf Kontakt nicht unter dem festen Kopf landen. */
  #kontakt{scroll-margin-top:112px!important;}
}

@media (max-width:520px){
  /* Hero mobil etwas kompakter, ohne Desktop anzutasten. */
  .hero{
    min-height:735px!important;
    padding-top:102px!important;
    padding-bottom:34px!important;
  }
  .hero-image{
    height:38vh!important;
    max-height:330px!important;
    top:98px!important;
    right:-34vw!important;
    width:118vw!important;
  }
  .hero h1{
    font-size:3.5rem!important;
    line-height:.88!important;
  }
  .lead{
    margin:24px 0 28px!important;
    line-height:1.55!important;
  }
  #kontakt{scroll-margin-top:104px!important;}
  .contact{padding-top:64px!important;}
}

/* V7.5 – finaler Mobile-Polish. Ausschließlich <= 820 px. */
@media (max-width:820px){
  /* Navigation farblich in die Website holen. */
  .nav-toggle{color:var(--deep)!important;}
  .nav-toggle span{background:var(--deep)!important;}
  .nav-toggle b{color:var(--deep)!important;}

  /* Geöffnetes Menü etwas kompakter und ruhiger. */
  .nav{
    padding:24px 28px 30px!important;
    gap:22px!important;
  }
  .nav a{line-height:1.35!important;}

  /* Großer Button: Pfeil optisch 2 px nach links und 2 px nach unten. */
  .button i::before{
    left:calc(50% - 2px)!important;
    top:calc(50% + 2px)!important;
  }
  .button i::after{
    left:calc(50% - 2px)!important;
    top:calc(50% + 2px)!important;
  }

  /* Hero unten etwas mehr Luft, ohne Bild/Typo neu zu bauen. */
  .hero{padding-bottom:54px!important;}
}

@media (max-width:520px){
  .nav{padding:22px 28px 28px!important;gap:20px!important;}
  .hero{padding-bottom:62px!important;}
  .hero .button{margin-bottom:10px!important;}
}