:root{--navy:#0b203d;--taupe:#9e846f;--cream:#faf8f3;--ink:#142b46;--muted:#616570;--line:#dcd3c9;--white:#fff;--soft:#eee8e0}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--taupe);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--white);padding:12px}.skip:focus{top:12px}.wrap{max-width:1240px;margin:auto;padding:0 56px}.top{background:var(--white);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:96px}.brand{display:flex;align-items:center;gap:16px;min-width:0;text-decoration:none}.brand-symbol{position:relative;display:block;flex:0 0 112px;width:112px;height:60px;overflow:hidden}.brand-symbol img{position:absolute;display:block;width:112px;height:112px;max-width:none;top:-24px;left:0}.brand-name{font-size:1.25rem;font-weight:500;letter-spacing:.02em;line-height:1.3}.links{display:flex;gap:32px;flex-wrap:wrap}.links a{font-size:.86rem;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}.links a:hover{border-color:var(--taupe)}.hero{background:var(--navy);color:var(--cream);overflow:hidden;position:relative}.hero .wrap{position:relative;z-index:1;padding-top:32px;padding-bottom:36px}.eyebrow{font-size:.73rem;font-weight:650;text-transform:uppercase;letter-spacing:.19em;color:#79614f;margin:0 0 20px}.hero .claim{color:#d9c5b2;font-size:.84rem;letter-spacing:.24em;display:flex;align-items:center;gap:18px}.claim:before{content:"";width:46px;height:1px;background:var(--taupe)}.hero-kicker{font-size:.92rem;color:#d8cfc6;margin:0 0 12px}.hero .claim{margin-bottom:8px}.hero h1{font-size:clamp(2.1rem,4.1vw,3.5rem);margin-bottom:18px;line-height:1.1}.hero .lead{max-width:820px;margin-bottom:22px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.5rem,5.3vw,4.8rem);margin:0 0 30px;max-width:990px}h2{font-size:clamp(2.1rem,3.7vw,3.5rem);margin:0 0 28px}h3{font-size:1.65rem;margin:20px 0 16px;line-height:1.25}.lead{font-size:1.1rem;color:#dedfe4;max-width:680px;margin:0 0 34px}.btn{display:inline-flex;gap:30px;align-items:center;padding:15px 24px;background:#e6d8cb;color:var(--navy);font-size:.9rem;font-weight:650;text-decoration:none;border:1px solid transparent;transition:none}.btn:after{content:"↗";font-size:1.2rem}.btn:hover{background:var(--white)}.section{padding:100px 0}.intro{font-size:1.08rem;max-width:790px;color:var(--muted);margin:0 0 44px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service{background:var(--white);padding:36px 38px 30px;border:1px solid var(--line);border-top:2px solid var(--taupe)}.num{color:#79614f;font-size:.7rem;font-weight:600;letter-spacing:.14em}.service p{color:var(--muted);margin-bottom:0}.band{background:var(--soft);border-block:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p:not(.eyebrow){color:var(--muted)}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;align-items:baseline;gap:22px;padding:23px 0;border-bottom:1px solid #cbbeb0;font-size:.94rem}.steps span{color:#79614f;font:1.5rem Georgia,serif}.about .wrap{max-width:1000px}.about p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.about .quote{font:1.65rem/1.5 Georgia,serif!important;color:var(--navy)!important;border-left:2px solid var(--taupe);padding-left:30px;margin:38px 0 0}.contact{background:var(--navy);color:var(--cream)}.contact .eyebrow{color:#d9c5b2}.contact .intro{color:#dedfe4;max-width:700px}.contact .email{display:inline-block;margin:20px 0 8px;font-size:clamp(1rem,3vw,1.3rem);overflow-wrap:anywhere}.contact p:last-child{margin-bottom:0}.footer{background:#08182e;color:#dedfe4;font-size:.78rem;padding:30px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:none;margin-left:26px}.footer a:hover{text-decoration:underline}.legal{padding-top:70px;padding-bottom:100px;min-height:70vh}.legal h1{font-size:clamp(2rem,5vw,3.5rem);overflow-wrap:anywhere}.legal h2{font:600 1.15rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;margin:36px 0 14px}.legal p{max-width:800px;overflow-wrap:anywhere}.warning{background:var(--soft);border-left:3px solid var(--taupe);padding:20px 24px}@media(max-width:900px){.wrap{padding-inline:32px}.nav{gap:20px;flex-wrap:wrap;padding-block:12px}.brand-name{font-size:1.1rem}.links{gap:18px}.split{gap:36px}.service{padding:28px}.section{padding:76px 0}}@media(max-width:650px){.wrap{padding-inline:24px}.nav{flex-direction:column;gap:10px;padding-top:12px;padding-bottom:18px}.brand{gap:10px;max-width:100%}.brand-symbol{flex-basis:88px;width:88px;height:50px}.brand-symbol img{width:88px;height:88px;top:-18px}.brand-name{font-size:1rem}.links{justify-content:center;gap:20px}.links a{font-size:.77rem}.hero .wrap{padding-top:30px;padding-bottom:34px}.hero .claim{font-size:.7rem}.hero h1{font-size:clamp(1.9rem,6.5vw,2.65rem);line-height:1.16}.hero h1 br{display:none}.hero h1{max-width:100%}.hero-kicker{font-size:.82rem}.lead{font-size:1rem}.section{padding:62px 0}.services,.split{grid-template-columns:1fr}.services{gap:16px}.service{padding:28px}.split{gap:22px}.steps li{font-size:.88rem;gap:16px}.about .quote{font-size:1.4rem!important;padding-left:22px}.footer .wrap{flex-direction:column;gap:12px}.footer a{margin:0 24px 0 0}.legal{padding-top:45px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Flexible Zeilen bei großen Texten und schmalen Ansichten. */
.service,.split>*,.nav>*,.footer .wrap>*{min-width:0}h1,h2,h3,p,.steps li{overflow-wrap:break-word}@media(min-width:651px){#leistungen{padding-top:56px}}@media(min-width:651px) and (max-width:1050px){.nav{justify-content:center}.links{justify-content:center}}

/* Version 4: ausschließlich Kontaktbereich. */
.section.contact{padding-block:32px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px}
.contact-copy{min-width:0}
.contact-copy .eyebrow{margin-bottom:12px}
.contact-copy h2{margin-bottom:18px}
.contact-copy .intro{margin-bottom:22px;font-size:1rem}
.contact-copy>p:last-child{margin-top:12px}
.contact-copy .email{margin-top:4px;margin-bottom:4px}
.contact-logo{min-width:0;width:100%;max-width:460px;justify-self:end;padding:12px;background:var(--cream);border:1px solid var(--line)}
.contact-logo img{display:block;width:100%;height:auto}
@media(min-width:651px) and (max-width:1000px){.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px}.contact-copy h2{font-size:2.3rem}.contact-logo{padding:10px}}
@media(max-width:650px){.section.contact{padding-block:32px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:28px}.contact-logo{max-width:420px;justify-self:start;padding:10px}.contact-copy .intro{margin-bottom:22px}}

/* Mobile Korrektur: Markenfarben auch bei automatischem Browser-Dunkelmodus.
   "light" dient als Rückfallwert für ältere Browser.
   Bewusst kein forced-color-adjust:none: Kontrast-Hilfen bleiben nutzbar. */
:root {
  color-scheme: light;
  color-scheme: only light;
  background-color: var(--cream);
}

/* Keine unmarkierten Wortteilungen in den Leistungstiteln.
   Überschreibt die allgemeine overflow-wrap-Regel ausschließlich hier. */
.service h3 {
  word-break: normal;
  overflow-wrap: normal;
  -webkit-hyphens: none;
  hyphens: none;
}

@media (max-width: 650px) {
  .service h3 {
    font-size: clamp(1.15rem, 5.4vw, 1.65rem);
  }
}

@media (max-width: 375px) {
  .service {
    padding: 24px 16px;
  }
}