*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:#414141;background:#fff}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,4.3vw,4.5rem);margin:.5em 0}h2{font-size:clamp(2rem,3.1vw,3.1rem);margin:.25em 0 .65em}h3{font-size:1.35rem}p{margin:0 0 1.25rem}em{font-style:normal;color:#b99a30}a{color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 28px}.top{height:86px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #00000010}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#777;letter-spacing:5px;font-size:13px;line-height:1.4;display:block}.brand i{display:block;width:105px;border-bottom:3px solid #b99a30;transform:rotate(-4deg);margin-top:7px}.nav nav{display:flex;align-items:stretch;height:100%}.nav nav a{display:flex;align-items:center;text-decoration:none;font-size:12px;padding:0 16px}.nav nav a:hover{background:#f5df9c}.nav nav .navcta{background:#b99a30;color:white}.menu{display:none}.hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:#ccc}.heroimg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 42%}.heroshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,29,29,.87),rgba(29,29,29,.65) 44%,rgba(29,29,29,.05))}.hero-content{position:relative;width:100%;color:#fff;padding-top:70px;padding-bottom:70px}.hero-content h1{max-width:750px}.hero-content p:not(.eyebrow){max-width:600px;font-size:1.18rem}.hero-content em{color:#f1d48a}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.5px;font-weight:bold;color:#b99a30}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;background:#bd9c31;color:#fff;border-radius:7px;text-decoration:none;font-weight:bold;padding:13px 22px;margin-top:14px}.btn:hover{background:#987b20}.btn.secondary{background:transparent;border:1px solid #fff}.clients{text-align:center;padding:34px 0;border-bottom:1px solid #eee}.clientnames{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;align-items:center;font-weight:bold;color:#777;font-size:17px}.section{padding:94px 0;scroll-margin-top:86px}.pale{background:#f5f5f5}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.align{align-items:center}.checks{padding:0;list-style:none}.checks li{padding:12px 0 12px 34px;border-bottom:1px solid #ddd;position:relative}.checks li:before{content:'✓';color:#b99a30;position:absolute;left:0}.rounded{width:100%;border-radius:6px;max-height:540px;object-fit:cover}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.facts>div{border-top:3px solid #b99a30;padding-top:16px}.facts b{display:block;font-size:21px}.facts span{font-size:13px}.textlink{color:#a88925;font-weight:bold;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:30px;background:#fff;box-shadow:0 5px 24px #00000009;border:1px solid #eee}.number{color:#b99a30;font-weight:bold}.examples{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.example{background:#f7f7f7;overflow:hidden;border-radius:5px}.example img{width:100%;height:290px;object-fit:cover}.example div{padding:22px}.example h3{margin:8px 0}.widephoto{height:500px;overflow:hidden}.widephoto img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.timeline{border-left:2px solid #c3a23b;padding-left:28px}.slot{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #ddd}.slot time{color:#a88925;font-weight:bold}.formats article{display:flex;flex-direction:column}.formats .textlink{margin-top:auto}.center{text-align:center;margin-top:35px}.after{margin-top:36px;padding:25px;background:#f5f5f5}.after p{margin:0}.cta{text-align:center;background:#626262;color:white;padding:80px 0}.cta h2{color:white}.faqwrap{max-width:920px}.faqwrap details{border-bottom:1px solid #ddd;padding:19px 0}.faqwrap summary{cursor:pointer;font-weight:bold;font-size:18px}.faqwrap details p{padding-top:16px;margin:0}footer{background:#626262;color:#fff;padding:45px 0 20px}.footerrow{display:flex;justify-content:space-between;gap:30px}.footerrow a{display:inline-block;margin-right:18px}.copyright{font-size:12px;color:#ddd;border-top:1px solid #888;padding-top:18px;margin-top:30px}@media(max-width:800px){.menu{display:block;background:none;border:0;font-size:28px}.nav nav{display:none;position:absolute;top:86px;left:0;right:0;height:auto;background:#fff;flex-direction:column;box-shadow:0 8px 12px #0002}.nav nav.open{display:flex}.nav nav a{padding:15px 28px}.hero{min-height:650px}.heroshade{background:linear-gradient(90deg,#222d,#2228)}.two,.cards,.examples{grid-template-columns:1fr;gap:26px}.facts{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.widephoto{height:320px}.footerrow{flex-direction:column}.clientnames{font-size:14px}}@media(max-width:440px){.facts{grid-template-columns:1fr}.wrap{padding-left:20px;padding-right:20px}.hero-content p:not(.eyebrow){font-size:1rem}}
/* Corporate Design – Constance Dannenberg */
.top{height:94px;box-shadow:none;border-bottom:1px solid #f0f0f0}.brand{display:flex;align-items:center;width:165px}.brand img{width:150px;height:auto;display:block}.brand i{display:none}.nav nav a{font-size:13px}.nav nav a:hover{background:#f4d78c}
.hero{min-height:620px;background:#eae6e3}.heroimg{object-position:center 44%}.heroshade{background:linear-gradient(90deg,rgba(239,235,231,.98) 0%,rgba(239,235,231,.94) 28%,rgba(239,235,231,.65) 47%,rgba(239,235,231,0) 70%)}.hero-content{color:#3c3c3c;padding-top:100px;padding-bottom:110px}.hero-content h1{max-width:650px;font-size:clamp(2.2rem,3.5vw,3.7rem)}.hero-content em{color:#b99a30}.hero-content p:not(.eyebrow){max-width:530px}.btn.secondary{border-color:#b99a30;color:#9b7d22}.hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:65px;background:#fff;clip-path:ellipse(65% 100% at 50% 100%)}
.clients{position:relative;padding:32px 0 56px}.clientnames img{width:auto;height:auto;max-height:57px;max-width:160px;object-fit:contain}.clients:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:32px;background:#f5f5f5;clip-path:ellipse(68% 100% at 50% 100%)}
.section{position:relative}.section.pale{background:#f5f5f5}.section.pale:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:32px;background:#fff;clip-path:ellipse(68% 100% at 50% 100%)}.widephoto{height:560px}.widephoto img{object-position:center 40%}#ueber-mich img{max-height:480px;object-position:center 25%}.cta{position:relative}.cta:before{content:'';position:absolute;top:0;left:0;width:100%;height:35px;background:#fff;clip-path:ellipse(70% 100% at 50% 0)}
@media(max-width:800px){.top{height:76px}.brand{width:135px}.brand img{width:125px}.hero{min-height:650px}.heroimg{object-position:63% center}.heroshade{background:linear-gradient(90deg,rgba(239,235,231,.98),rgba(239,235,231,.88) 60%,rgba(239,235,231,.22))}.hero-content{padding-top:65px;padding-bottom:110px}.clientnames img{max-width:110px;max-height:45px}}


/* V3: lesbare Bildkomposition und sichtbare, echte SVG-Wellen */
.hero{min-height:610px;background:#ebe8e4;isolation:isolate}
.heroimg{left:38%;width:62%;height:100%;object-fit:cover;object-position:50% 72%;z-index:-2}
.heroshade{z-index:-1;background:linear-gradient(90deg,#ebe8e4 0%,#ebe8e4 34%,rgba(235,232,228,.97) 40%,rgba(235,232,228,.68) 47%,transparent 58%)}
.hero-content{padding-top:72px;padding-bottom:112px}
.hero-content h1{max-width:490px;font-size:clamp(2.3rem,3.1vw,3.55rem);line-height:1.13}
.hero-content p:not(.eyebrow){max-width:450px;font-size:1.04rem}
.hero:after,.section.pale:after,.cta:before{clip-path:none;border:0;transform:none;pointer-events:none}
.hero:after{height:84px;bottom:-1px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 62 C310 -15 550 40 820 66 S1210 110 1440 42 V100 H0Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat}
.section.pale:after{height:70px;bottom:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 38 C280 105 510 5 810 52 S1170 90 1440 26 V100 H0Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat}
.cta:before{height:70px;top:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0 H1440 V48 C1100 105 900 12 650 45 S210 80 0 32Z'/%3E%3C/svg%3E") center top / 100% 100% no-repeat}
.clients{position:relative;padding:38px 0 58px}
.clientnames{gap:30px}
.clientnames span{display:block;min-width:120px;font-size:clamp(14px,1.7vw,23px);font-weight:800;color:#444;line-height:1.05}
.clientnames span:nth-child(1){color:#25266d}.clientnames span:nth-child(2){color:#dc1726}.clientnames span:nth-child(3){color:#c51a22}
.clientnames small{display:block;font-size:10px;font-weight:400}
.widephoto{height:560px;position:relative}
.widephoto img{object-fit:cover;object-position:center 87%}
.widephoto:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:65px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f5f5f5' d='M0 65 C360 0 760 100 1440 45 V100 H0Z'/%3E%3C/svg%3E") center bottom /100% 100% no-repeat}
@media(max-width:800px){.heroimg{left:28%;width:72%;object-position:50% 70%}.heroshade{background:linear-gradient(90deg,#ebe8e4 0%,rgba(235,232,228,.96) 43%,rgba(235,232,228,.62) 73%,rgba(235,232,228,.2))}.hero-content h1{max-width:420px}.hero-content p:not(.eyebrow){max-width:390px}.widephoto{height:370px}.widephoto img{object-position:center bottom}}
@media(max-width:520px){.hero{min-height:770px;align-items:flex-start}.heroimg{top:0;left:0;width:100%;height:48%;object-position:center 64%}.heroshade{background:linear-gradient(to bottom,transparent 0%,#ebe8e4 47%,#ebe8e4 100%)}.hero-content{padding-top:340px;padding-bottom:85px}.hero-content h1{font-size:2.05rem}.hero-content p:not(.eyebrow){font-size:.98rem}.clientnames span{min-width:95px;font-size:16px}}

/* V4 – Motive getauscht, zweites Bild vollständig sichtbar statt Panorama-Beschnitt */
.hero{min-height:620px}
.heroimg{left:45%;width:55%;object-position:center 58%}
.heroshade{background:linear-gradient(90deg,#ebe8e4 0%,#ebe8e4 35%,rgba(235,232,228,.96) 43%,rgba(235,232,228,.56) 53%,transparent 64%)}
.hero-content h1{max-width:470px}
.workshop-photo-section{position:relative;background:#f5f5f5;padding:110px 0 125px;overflow:hidden}
.workshop-photo-section:before{content:'';position:absolute;top:-1px;left:0;right:0;height:78px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1440V52C1070 115 760 5 460 48S180 94 0 50Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat}
.workshop-photo-section:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f5f5f5' d='M0 0H1440V30C1100 96 820 15 520 62S150 75 0 38Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.workshop-photo-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:center}
.workshop-photo-copy h2{font-size:clamp(1.9rem,2.8vw,3rem)}
.workshop-photo{margin:0}.workshop-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:7px}.workshop-photo figcaption{color:#777;font-size:12px;margin-top:9px}
@media(max-width:900px){.heroimg{left:40%;width:60%;object-position:center 55%}.workshop-photo-grid{gap:28px}}
@media(max-width:700px){.workshop-photo-grid{grid-template-columns:1fr}.workshop-photo-section{padding:105px 0 110px}.heroimg{left:0;width:100%;object-position:center 50%}.heroshade{background:linear-gradient(to bottom,rgba(235,232,228,0) 0%,#ebe8e4 54%,#ebe8e4 100%)}.hero{min-height:790px;align-items:flex-start}.heroimg{height:48%}.hero-content{padding-top:360px;padding-bottom:105px}}