:root{--teal:#007f83;--teal-deep:#00575b;--dark:#07383d;--ink:#18383d;--muted:#547078;--mint:#e9f8f6;--mint-2:#f3faf9;--cream:#faf8f3;--line:#d9e9e8;--white:#fff;--shadow:0 12px 35px rgba(0,72,75,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font:16px/1.64 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fff}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;color:var(--dark);letter-spacing:-.035em}h1{font-size:clamp(2.4rem,4.5vw,3.65rem)}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.35rem}.container{max-width:1460px;margin:0 auto;padding:0 4.2%}.section{padding:74px 0}.section-soft{background:var(--mint-2)}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;color:var(--teal);margin-bottom:12px}.muted,.subtitle{color:var(--muted)}
.site-header{position:relative;z-index:40;background:white;box-shadow:0 2px 18px rgba(7,56,61,.07)}.head-inner{min-height:108px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;min-width:275px;text-decoration:none}.brand-icon{width:60px;height:65px;object-fit:contain}.brand-lines{display:flex;flex-direction:column;min-width:0}.brand-name{width:290px;height:auto}.brand-slogan{margin-top:3px;letter-spacing:-.018em;font-size:.82rem;color:#3c565b;white-space:nowrap}.nav{display:flex;align-items:center;gap:19px;white-space:nowrap}.nav a{text-decoration:none;font-size:.91rem;font-weight:570;color:var(--dark);padding:7px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a:focus-visible,.nav a.active{border-color:var(--teal);color:var(--teal)}.header-actions{display:flex;gap:9px;align-items:center;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;text-decoration:none;font-weight:750;border-radius:11px;border:1.5px solid var(--teal);transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;line-height:1.3;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{color:white;background:linear-gradient(130deg,#07969a,#006568)}.btn-outline,.btn-white{background:white;color:var(--teal-deep)}.btn-lg{padding:15px 23px;font-size:1.04rem}.btn.full{width:100%}.menu-toggle{display:none}
.hero{height:474px;position:relative;overflow:hidden;background:#f9faf4;isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,#fafbf7 0%,#fafbf7 26%,rgba(250,251,247,.98) 30%,rgba(250,251,247,.9) 38%,rgba(250,251,247,.44) 47%,transparent 58%);z-index:-1}.hero-content{height:100%;display:flex;align-items:center}.hero-copy{width:48%;max-width:610px}.hero .eyebrow{display:none}.hero h1{margin:0 0 16px}.hero-lead{font-size:clamp(1.05rem,1.8vw,1.55rem);line-height:1.35;margin-bottom:16px;color:#123d41}.ticks{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:6px;font-size:1.07rem}.ticks li{display:flex;align-items:center;gap:12px}.ticks li:before{content:'✓';display:grid;place-items:center;color:white;background:var(--teal);font-weight:900;min-width:29px;height:29px;border-radius:50%}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}
.trustbar{background:#f8fbfb;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:98px;align-items:center}.trust{display:flex;gap:15px;align-items:center;padding:12px 20px;border-right:1px solid var(--line)}.trust:first-child{padding-left:0}.trust:last-child{border-right:0;padding-right:0}.trust-icon{width:53px;flex:none;text-align:center;font-size:2.9rem;color:var(--teal-deep);font-weight:350;line-height:1}.trust strong,.trust span:not(.trust-icon){display:block;line-height:1.45}.trust strong{font-size:1rem;color:var(--dark)}.trust div span{font-size:.91rem}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{margin:0}.section-heading p{max-width:400px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{position:relative;overflow:hidden;border-radius:19px;padding:15px;background:#edf9f6;box-shadow:0 4px 20px rgba(0,0,0,.02)}.service-card.c2{background:#fdf8ef}.service-card.c3{background:#eff8fb}.service-card>img{height:155px;width:100%;object-fit:cover;border-radius:13px}.badge-icon{position:absolute;top:134px;left:22px;border:4px solid #fff;background:var(--teal);color:white;width:69px;height:69px;display:grid;place-items:center;border-radius:50%;font-size:2.1rem;line-height:1}.card-body{position:relative;padding:27px 9px 11px;min-height:175px}.card-body h3{margin-bottom:10px}.card-body p{font-size:.96rem;color:#49676b;line-height:1.5;padding-right:25px;margin:0}.round-arrow{position:absolute;bottom:2px;right:3px;width:43px;height:43px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--teal);border-radius:50%;font-size:1.6rem;color:var(--teal-deep);background:white}.round-arrow:hover{background:var(--teal);color:white}
.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8%}.split-section p{font-size:1.06rem;color:#47646a}.panel{border-radius:19px;background:#fff;padding:32px;box-shadow:var(--shadow);border:1px solid #e3f1ef}.checklist-panel{background:linear-gradient(155deg,#f3fffb,#fff)}.check-list{list-style:none;margin:0;padding:0}.check-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0}.check-list li:before{content:'✓';flex:none;color:white;background:var(--teal);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;margin-top:2px}.text-link{color:var(--teal-deep);font-weight:750}.align-center{align-items:center}.illustrated-panel{background:linear-gradient(135deg,#e0f4f0,#effbfa);padding:70px 38px;border-radius:28px;text-align:center}.illustrated-symbol{display:block;font-size:6.5rem;color:var(--teal);line-height:1.2}.illustrated-panel p{max-width:360px;margin:auto}.about-grid{display:block;max-width:1000px;margin-inline:auto}.portrait-wrap{max-width:430px;background:linear-gradient(135deg,#d7eeeb,#fff);padding:12px;border-radius:28px;transform:rotate(-1deg)}.portrait-wrap img{height:480px;width:100%;object-fit:cover;object-position:center top;border-radius:22px}.about-grid h3{color:var(--teal);margin:18px 0 0}.subtitle{margin-top:4px;font-weight:600}.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mini-icon{display:grid;place-items:center;border-radius:50%;color:white;background:var(--teal);width:50px;height:50px;font-size:1.8rem;margin-bottom:15px}.contact-panel{display:grid;gap:20px}.contact-line{display:flex;align-items:center;gap:16px;text-decoration:none;word-break:break-word}.contact-line>span:first-child{background:var(--mint);color:var(--teal-deep);font-size:1.4rem;width:55px;height:55px;border-radius:14px;display:grid;place-items:center;flex:none}.contact-line small{display:block;color:var(--muted)}.contact-line strong{font-size:1.07rem}.contact-section{padding-bottom:90px}
.site-footer{background:#053c40;color:#e4f5f3;padding:53px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:30px}.footer-grid strong{color:#fff}.footer-grid p{font-size:.91rem}.footer-grid a{color:inherit}.footer-grid a:hover{color:#fff}.copyright{padding-top:30px;border-top:1px solid rgba(255,255,255,.17);font-size:.81rem;color:#b8d5d1}
.subhero{background:linear-gradient(120deg,#e3f6f3,#f9faf7);padding:90px 0 80px}.subhero h1{max-width:820px}.subhero p{font-size:1.17rem;max-width:680px;color:var(--muted)}.subhero-small{padding:58px 0 45px}.jobs-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:6%;align-items:start}.jobs-content>div:first-child>p{font-size:1.05rem}.two-cards.small-gap{gap:14px;margin-top:30px}.small-gap .panel{padding:22px}.small-gap h3{font-size:1.18rem}.application-panel{position:sticky;top:20px}.email-note{text-align:center;font-size:.92rem;color:var(--muted);word-break:break-word;margin-top:9px}.application-separator{text-align:center;position:relative;margin:25px 0 12px;color:#557477;font-size:.9rem}.application-separator:before{content:'';position:absolute;top:50%;height:1px;background:var(--line);left:0;right:0}.application-separator span{position:relative;background:#fff;padding:0 10px}.privacy-note{font-size:.86rem;color:#5c7074}.legal .narrow{max-width:850px}.legal h2{font-size:1.45rem;margin-top:29px}.legal a{color:var(--teal-deep)}.legal-notice{background:#fff8e8;padding:18px;border-left:4px solid #c89438;border-radius:8px}
@media(max-width:1250px){.head-inner{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:9px}.brand-name{width:245px}.brand-icon{width:53px;height:56px}.brand-slogan{font-size:.72rem}.nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}.hero-copy{width:53%}.hero-veil{background:linear-gradient(90deg,#fafbf7 0%,#fafbf7 27%,rgba(250,251,247,.94) 35%,rgba(250,251,247,.65) 48%,transparent 68%)}}
@media(max-width:830px){.head-inner{min-height:80px;flex-wrap:nowrap}.brand{min-width:0;gap:7px}.brand-icon{width:45px;height:47px}.brand-name{width:210px}.brand-slogan{font-size:.66rem}.menu-toggle{display:grid;gap:5px;border:1px solid var(--line);background:white;padding:11px;border-radius:11px;margin-left:auto;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--teal-deep)}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 6%;background:white;box-shadow:0 10px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:3px}.nav.is-open{display:flex}.nav a{padding:10px 4px}.header-actions{display:none}.hero{height:auto;display:flex;flex-direction:column;background:#fafbf7}.hero-photo{position:relative;width:100%;height:340px;object-position:64% center;order:0}.hero-veil{display:none}.hero-content{width:100%;display:block;order:1;padding-top:33px;padding-bottom:39px}.hero-copy{width:100%;max-width:640px}.hero .eyebrow{display:block}.hero h1{font-size:clamp(2.15rem,6vw,3.1rem)}.hero-lead{font-size:1.16rem}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:8px;padding-bottom:8px}.trust{border-right:0;padding:15px 7px}.cards{gap:12px}.service-card{padding:10px}.service-card>img{height:116px}.badge-icon{top:95px;left:14px;width:57px;height:57px;font-size:1.7rem}.card-body{padding:25px 5px 14px}.card-body h3{font-size:1.1rem}.card-body p{font-size:.86rem}.split-section,.about-grid,.jobs-content{grid-template-columns:1fr;gap:30px}.portrait-wrap{max-width:360px}.application-panel{position:static}.section{padding:57px 0}.section-heading{display:block}.section-heading p{margin-top:12px}}
@media(max-width:600px){.container{padding-left:5%;padding-right:5%}.brand-name{width:180px}.brand-slogan{font-size:.57rem}.brand-icon{width:39px;height:44px}.hero-photo{height:255px;object-position:65% center}.hero-buttons{flex-direction:column;align-items:stretch}.btn-lg{width:100%}.trust-grid{grid-template-columns:1fr 1fr}.trust{gap:7px}.trust-icon{width:30px;font-size:2.05rem}.trust strong{font-size:.84rem}.trust div span{font-size:.77rem}.cards{grid-template-columns:1fr;gap:18px}.service-card>img{height:170px}.badge-icon{top:148px}.card-body{min-height:auto;padding:32px 12px 50px}.card-body h3{font-size:1.35rem}.card-body p{font-size:.98rem}.two-cards,.footer-grid{grid-template-columns:1fr}.panel{padding:24px}.portrait-wrap img{height:370px}.subhero{padding:60px 0 52px}.section{padding:48px 0}.hero h1{font-size:2.22rem}.legal{word-break:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Online-Bewerbung: großzügige Breite für das eingebettete Tally-Formular */
.jobs-content{grid-template-columns:minmax(0,1fr);gap:42px}
.application-panel{position:static;max-width:900px;width:100%;margin:0 auto}
.tally-application{display:block;width:100%;min-height:760px;border:0;border-radius:10px;background:#fff}
.tally-fallback{font-size:.9rem;color:var(--muted);margin-top:10px}
.tally-fallback a{color:var(--teal-deep);text-decoration:underline}
@media(max-width:600px){.application-panel{padding:18px}.tally-application{min-height:900px}}

/* Große, vollständige Wasserzeichen innerhalb der TEXTflächen.
   Die Logos liegen hinter Text, aber niemals hinter weißen Kacheln. */
main { background-color: #fff; background-image: none; }
.watermark-copy {
  position: relative;
  isolation: isolate;
}
.watermark-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: url("assets/haende-wasserzeichen.webp");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .62;
  pointer-events: none;
}
.watermark-copy-alltag { min-height: 385px; }
.watermark-copy-about { min-height: 405px; }
.watermark-copy-hero { min-height: 210px; }
.watermark-copy-jobs { min-height: 345px; padding-top: 35px; }
.watermark-copy-impressum { min-height: 390px; }
.watermark-legal {
  position: relative;
  isolation: isolate;
}
.watermark-legal::before,
.watermark-legal::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 600px);
  height: min(25%, 530px);
  background: url("assets/haende-wasserzeichen.webp") center / contain no-repeat;
  opacity: .56;
  pointer-events: none;
}
.watermark-legal::before { top: 12%; }
.watermark-legal::after { top: 61%; }
@media (max-width: 830px) {
  .watermark-copy-alltag { min-height: 360px; }
  .watermark-copy-about { min-height: 390px; }
  .watermark-copy-hero { min-height: 170px; }
  .watermark-copy-jobs { min-height: 260px; padding-top: 20px; }
  .watermark-copy-impressum { min-height: 350px; }
  .watermark-legal::before, .watermark-legal::after { width: 95%; height: min(18%, 420px); }
}

/* Kundenkontaktformular: bewusst erst nach Klick laden. */
.customer-form-wrap{margin-top:38px}
.customer-form-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e3f1ef;border-radius:19px;padding:clamp(22px,4vw,38px);box-shadow:var(--shadow)}
.customer-form-card h3{margin:8px 0 12px;font-size:clamp(1.4rem,2.8vw,1.9rem)}
.customer-form-card p{color:#47646a;line-height:1.65}
.customer-form-gate{background:#f1faf8;border:1px solid #d8ece9;border-radius:14px;padding:22px;margin-top:20px}
.customer-form-gate p{margin-top:0}
.customer-form-frame{display:block;width:100%;height:850px;border:0;margin-top:20px;background:#fff;border-radius:12px}
.customer-form-frame[hidden],.customer-form-gate[hidden]{display:none}
.customer-form-fallback{font-size:.94rem;margin:16px 0 0}
@media(max-width:600px){.customer-form-wrap{margin-top:26px}.customer-form-gate{padding:16px}.customer-form-frame{height:950px}}