/* LIGHT UP - Designsystem. Erzeugt aus dem Screendesign-Prototyp.
   Aenderungen hier wirken auf die gesamte Website LIGHT UP. */

:root{
  --ink:#0B0B0B; --ink-soft:#2C2A27; --paper:#F9F7F4; --surface:#FFFFFF;
  --champ:#C9B8A3; --champ-dim:#B9A68E; --muted:#6E6A64; --line:#E4DFD7;
  --line-2:#D6D0C5; --band:#0B0B0B; --band-ink:#EDEAE5;
  --display:"Jost","Century Gothic","Avenir Next",system-ui,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1240px; --gut:clamp(20px,5vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink-soft);font-family:var(--body);
  font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);font-weight:400;
  letter-spacing:-.012em;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,5.4vw,68px);line-height:1.04;letter-spacing:-.02em}
h2{font-size:clamp(25px,3.2vw,38px);line-height:1.12}
h3{font-size:19px;line-height:1.3;font-weight:500}
h4{font-size:15.5px;font-weight:500;letter-spacing:0}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);width:100%}
.wrap.narrow{max-width:840px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin:0 0 18px;font-weight:500}
.eyebrow a{text-decoration:none;border-bottom:1px solid var(--line-2)}
.eyebrow.light{color:var(--champ)}
.lede{font-size:clamp(17px,1.6vw,19.5px);line-height:1.6;color:var(--ink-soft);max-width:64ch}
.meta{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}

/* ---------- Sektionen ---------- */
.sec{padding:clamp(64px,8vw,116px) 0;border-top:1px solid var(--line)}
.sec.alt{background:linear-gradient(180deg,#F5F2ED,#F5F2ED)}
.pagehead{padding:clamp(52px,7vw,96px) 0 clamp(28px,4vw,44px)}
.pagehead h1{max-width:19ch}
.pagehead .lede{margin-top:24px}
.pagehead.article h1{max-width:22ch}
.pagehead.article .meta{margin-top:20px}
.cols{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);
  gap:clamp(24px,4vw,72px);align-items:start}
.cols + .cols{margin-top:clamp(32px,4vw,56px)}
.rail h2{margin-top:-6px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* ---------- Bildkopf ---------- */
.phero{position:relative;background:var(--ink);display:flex;align-items:flex-end;
  min-height:clamp(400px,54vh,600px);padding:clamp(150px,20vh,230px) 0 clamp(44px,6vw,76px);
  overflow:hidden;isolation:isolate}
.phero.ph-home{min-height:clamp(520px,78vh,780px);padding-bottom:clamp(56px,7vw,92px)}
.phero.ph-small{min-height:clamp(300px,38vh,420px)}
.phero.ph-article{min-height:clamp(360px,46vh,520px)}
.pheromedia{position:absolute;inset:0;z-index:-2}
.pheromedia img{width:100%;height:100%;object-fit:cover;display:block}
.pheromedia.plain .imgframe{width:100%;height:100%;aspect-ratio:auto !important;border:0}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(95deg,rgba(11,11,11,.95) 0%,rgba(11,11,11,.86) 38%,
    rgba(11,11,11,.52) 66%,rgba(11,11,11,.18) 100%),
    linear-gradient(0deg,rgba(11,11,11,.62) 0%,rgba(11,11,11,.12) 46%,rgba(11,11,11,.3) 100%)}
.pheroin{position:relative;z-index:1}
.phero h1{color:#fff;max-width:16ch}
.phero.ph-home h1{font-size:clamp(32px,4.7vw,60px);max-width:14ch}
.phero.ph-article h1{max-width:20ch}
.phero .lede{color:#D8D3CC;margin-top:24px;max-width:56ch}
.phero .eyebrow.light{color:var(--champ);margin-bottom:20px}
.phero .eyebrow.light a{color:var(--champ);border-bottom-color:rgba(201,184,163,.5)}
.phero .meta.light{color:#B4AEA6;margin-top:18px}
.phero .btnrow{margin-top:36px}
.factsec{padding:clamp(34px,4vw,52px) 0 0}
.factsec .facts{margin-top:0;border-top:0;padding-top:0}

/* ---------- Hero (alt) ---------- */
.hero{padding:clamp(56px,8vw,110px) 0 clamp(36px,4vw,56px);position:relative}
.heroin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);
  gap:clamp(24px,5vw,64px);align-items:center}
.herotext h1{max-width:15ch}
.herotext .lede{margin-top:26px}
.heroartwrap{color:var(--champ);display:flex;justify-content:flex-end}
.heroartwrap > *{width:100%}
.heroart{width:100%;height:auto;max-height:clamp(200px,28vw,360px)}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);padding-top:26px}
.fact b{display:block;font-family:var(--display);font-size:21px;font-weight:500;color:var(--ink);
  letter-spacing:-.01em}
.fact span{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.45}

.brands{padding:clamp(44px,5vw,68px) 0 clamp(44px,5vw,68px)}
.brands .wrap .eyebrow{margin-bottom:0}
.mq{overflow:hidden;margin-top:26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mqtrack{display:flex;width:max-content;animation:mqflow 46s linear infinite}
.mqset{display:flex;align-items:center;gap:clamp(38px,5vw,72px);padding-right:clamp(38px,5vw,72px)}
.mqitem{font-family:var(--display);font-size:clamp(17px,1.8vw,22px);font-weight:400;
  letter-spacing:.03em;color:#9A948C;white-space:nowrap;line-height:1.2}
.mqlogo{height:clamp(26px,2.8vw,36px);width:auto;display:block;opacity:.42;
  transition:opacity .25s ease}
.mq:hover .mqlogo{opacity:.62}
@keyframes mqflow{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mqtrack{animation:none;flex-wrap:wrap}}
.fullband{margin-top:clamp(28px,4vw,52px)}
.fullband .imgframe{aspect-ratio:auto !important;height:clamp(240px,29vw,440px);
  border-left:0;border-right:0}
.bleed{position:relative}
.bleed .imgframe{border-left:0;border-right:0}
.bleedcap{margin-top:20px}
.bleedcap p{font-family:var(--display);font-size:clamp(18px,2.2vw,25px);color:var(--ink);
  max-width:30ch;line-height:1.25;margin:0}

/* ---------- Zahlen, Cases, SEO ---------- */
.trustsec{padding:clamp(40px,5vw,64px) 0 0}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line)}
.tfact{background:var(--surface);padding:clamp(20px,2.4vw,30px)}
.tfact b{display:block;font-family:var(--display);font-size:clamp(28px,3.4vw,42px);font-weight:400;
  color:var(--ink);letter-spacing:-.02em;line-height:1}
.tfact span{display:block;font-size:14px;color:var(--ink-soft);margin-top:12px;line-height:1.4}
.tfact em{display:block;font-family:var(--mono);font-size:11px;font-style:normal;color:var(--muted);
  margin-top:8px;letter-spacing:.04em}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  flex-wrap:wrap;margin-bottom:clamp(26px,3vw,40px)}
.sechead h2{margin-top:6px}
.cases{align-items:stretch}
.ccard{padding:0;overflow:hidden}
.clogowrap{background:#F1EDE7;border-bottom:1px solid var(--line);height:118px;
  display:flex;align-items:center;justify-content:center;padding:22px}
.clogo{max-height:52px;width:auto;max-width:78%;opacity:.68;display:block}
.clogo.txt{font-family:var(--display);font-size:19px;color:var(--muted);letter-spacing:.04em}
.ccard .eyebrow{margin:22px 26px 8px;font-size:10px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.ccard h3{margin:0 26px 10px;font-size:21px}
.ccard > p{margin:0 26px;font-size:14.5px}
.ccard .more{margin:18px 26px 26px;margin-top:auto;padding-top:18px}
.caselogo{display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  padding-bottom:clamp(26px,3vw,40px);margin-bottom:clamp(26px,3vw,40px);
  border-bottom:1px solid var(--line)}
.clogo.big{max-height:62px;max-width:230px;opacity:.8}
.caselogo .rolle{margin:0}
.seosec{background:#F5F2ED}
.seotext p{font-size:15px;color:#4A4640;max-width:none}
.seotext b{font-weight:500;color:var(--ink)}
.orte{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.03em;
  margin-top:22px;padding-top:18px;border-top:1px solid var(--line-2)}

/* ---------- Buttons ---------- */
.btn{display:inline-block;font-family:var(--display);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:500;text-decoration:none;padding:15px 26px;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease}
.btn:hover{background:#241F19;border-color:#241F19}
.btn.ghost{background:none;color:var(--ink);border-color:var(--line-2)}
.btn.ghost:hover{border-color:var(--ink);background:none}
.btn.small{padding:11px 18px;font-size:12px}
.btn.light{background:var(--champ);border-color:var(--champ);color:#0B0B0B}
.btn.light:hover{background:#D8C9B6;border-color:#D8C9B6}
.btn.ghost.light{background:none;color:var(--band-ink);border-color:#3A3733}
.btn.ghost.light:hover{border-color:var(--champ);color:var(--champ)}
.more{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;
  letter-spacing:.06em;color:var(--ink);text-decoration:none;margin-top:18px}
.more::before{content:"";width:12px;height:16px;background:currentColor;
  clip-path:polygon(38% 0,100% 0,62% 100%,0 100%);transition:transform .25s ease}
a:hover > .more::before,.more:hover::before{transform:translateX(4px)}

.imgframe{position:relative;overflow:hidden;background:var(--ink);width:100%;
  border:1px solid var(--line)}
.imgframe.light{background:#F1EDE7}
.imgframe svg{width:100%;height:100%;display:block}
.imgframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.heroartwrap .imgframe{max-width:340px}
.casecard .imgframe{width:auto;margin:-1px -1px 26px;border:0}
.case > .imgframe{margin-bottom:clamp(28px,4vw,44px)}
.portrait .imgframe{width:auto;margin:-1px -1px 22px;border:0}
.card.wcase .imgframe{width:auto;margin:-28px -28px 22px;border:0;border-bottom:1px solid var(--line)}
.wcase .wart{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--champ-dim);margin-bottom:12px}
.wcase h3{margin-bottom:6px}
.card.art .imgframe{width:auto;margin:-28px -28px 22px;border:0;border-bottom:1px solid var(--line)}

/* ---------- Karten ---------- */
.card{background:var(--surface);border:1px solid var(--line);padding:28px;
  transition:border-color .2s ease,transform .2s ease}
a.card{text-decoration:none;display:flex;flex-direction:column}
a.card:hover{border-color:var(--champ);transform:translateY(-2px)}
.card h3{margin-bottom:12px}
.card p{font-size:15px;color:var(--muted)}
.svchead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.svchead h3{margin:0}
.svc .more{margin-top:auto;padding-top:18px}
.pgm{width:13px;height:21px;background:var(--ink);display:inline-block;flex:0 0 auto;
  clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
.pgm.ch{background:var(--champ)}

/* ---------- Listen ---------- */
ul.ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
ul.ticks li{position:relative;padding-left:22px;font-size:15px;color:var(--ink-soft)}
ul.ticks li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;
  background:var(--champ);clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
ul.ticks.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
ul.ticks.minus li::before{background:var(--line-2)}
.card ul.ticks li{font-size:14.5px}

/* ---------- Bausteine ---------- */
.whys{gap:28px}
.why h3{margin-bottom:10px}
.why p{font-size:15px;color:var(--muted);margin:0}
.grid3.whys{grid-template-columns:repeat(3,minmax(0,1fr))}
ol.steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:26px 0;
  border-top:1px solid var(--line)}
.step:first-child{border-top:0;padding-top:0}
.stepno{font-family:var(--mono);font-size:12px;color:var(--champ-dim);letter-spacing:.08em;
  padding-top:4px}
.step h3{margin-bottom:8px}
.step h3 em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-left:10px}
.step p{font-size:15px;color:var(--muted);margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);
  border:1px solid var(--line-2);padding:6px 11px}
.tags.big .tag{font-size:13px;padding:9px 14px;color:var(--ink)}
.casecard{background:var(--surface);border:1px solid var(--line);padding:clamp(26px,3vw,40px)}
.casecard h3{font-size:26px;margin-bottom:14px}
.casecard p{font-size:15.5px;color:var(--muted)}

/* Leistungsblöcke */
.lblock{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);
  gap:clamp(24px,4vw,72px);padding:clamp(28px,4vw,48px) 0;border-top:1px solid var(--line)}
.lblock:first-child{border-top:0;padding-top:0}
.lblockhead h3{font-size:24px}
.lblockbody .btn{margin-top:26px}

/* FAQ */
.faq{border-top:1px solid var(--line);padding:0}
.faq:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 34px 20px 0;position:relative;
  font-family:var(--display);font-size:17px;font-weight:500;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:26px;width:11px;height:11px;
  border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);
  transform:rotate(45deg);transition:transform .25s ease}
.faq[open] summary::after{transform:rotate(-135deg);top:30px}
.faqbody{padding:0 0 22px;max-width:66ch;color:var(--muted);font-size:15.5px}

/* Preise */
.pricegrid{gap:24px}
.card.price{display:flex;flex-direction:column;padding:32px}
.card.price.hero{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.pricetag{margin:0 0 16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pricetag b{font-family:var(--display);font-size:30px;font-weight:400;color:var(--ink);
  letter-spacing:-.01em}
.pricetag span{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
.card.price .note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.card.price ul.ticks{margin-top:14px}

/* Case */
.case{border:1px solid var(--line);background:var(--surface);padding:clamp(26px,4vw,56px)}
.casehead{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;
  padding-bottom:32px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.casehead h2{font-size:clamp(30px,4vw,46px)}
.rolle{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:12px}
.umsetzung h4{margin-bottom:6px}
.umsetzung p{font-size:15px;color:var(--muted);margin:0}

/* Über uns */
.portrait{border:1px solid var(--line);background:var(--surface);padding:28px;text-align:left}
.portrait .pcap{margin-top:4px}

.pcap{font-family:var(--display);font-size:15px;font-weight:500;color:var(--ink);margin:0}
.pcap span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:400}
.prose p{max-width:66ch}
.prose h2{margin:38px 0 14px;font-size:clamp(21px,2.4vw,27px)}
ul.stationen{list-style:none;padding:0;margin:0}
ul.stationen li{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.2fr);gap:20px;
  padding:16px 0;border-top:1px solid var(--line);font-size:15px}
ul.stationen li:last-child{border-bottom:1px solid var(--line)}
.jahr{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em;padding-top:2px}
.wo{font-family:var(--display);font-weight:500;color:var(--ink)}
.was{color:var(--muted)}

/* Artikel */
.arts .card.art h3{font-size:21px;margin:10px 0 12px}
.card.art.off{opacity:.62}
.soon{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-left:12px;border-left:1px solid var(--line-2);padding-left:12px}
.fazit{border-left:2px solid var(--champ);padding:6px 0 6px 22px;margin:38px 0 30px}
.fazit p:last-child{font-size:17.5px;color:var(--ink)}

/* Kontakt */
.kontakt{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:clamp(28px,4vw,64px);align-items:start}
.form{display:grid;gap:18px;background:var(--surface);border:1px solid var(--line);
  padding:clamp(24px,3vw,38px)}
.frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form label{display:grid;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
.form label span[aria-hidden]{color:var(--champ-dim);margin-left:3px}
.form input,.form select,.form textarea{font-family:var(--body);font-size:15.5px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line-2);padding:13px 14px;width:100%;
  border-radius:0;-webkit-appearance:none;appearance:none}
.form select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),
  linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--ink);
  outline-offset:1px;border-color:var(--ink)}
.form textarea{resize:vertical}
label.check{grid-template-columns:20px minmax(0,1fr);align-items:start;text-transform:none;
  font-family:var(--body);font-size:13.5px;letter-spacing:0;line-height:1.5;color:var(--muted)}
label.check input{width:17px;height:17px;margin-top:2px;accent-color:var(--ink)}
.formnote{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0}
.formnote.ok{color:var(--ink)}
.kinfo{display:grid;gap:26px}
.kblock{border-top:1px solid var(--line-2);padding-top:20px}
.kblock p{font-size:15px}
.kblock a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--champ)}
.kblock ul.ticks{margin-top:0}

/* Platzhalter / Hinweise */
.ph{border:1px dashed var(--champ-dim);background:#FBF7F1;padding:14px 16px;
  font-family:var(--mono);font-size:12.5px;color:#6A5B48;line-height:1.55}
.ph.inline{display:inline-block;padding:6px 10px;margin-top:8px}
.phlabel{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:#8A7458;display:inline-block;margin-right:8px}
.card.ph{background:#FBF7F1;border-style:dashed;border-color:var(--champ-dim);font-family:var(--body)}
.card.ph p{color:#6A5B48;font-family:var(--body);font-size:15px}
.card.ph .phlabel{display:block;margin-bottom:10px}
.notice{border-left:2px solid var(--champ);background:var(--surface);padding:16px 20px;
  font-size:14.5px;color:var(--muted);margin-bottom:32px}
.notice b{color:var(--ink)}
.legal h2{font-size:19px;margin:34px 0 10px}
.legal p{font-size:15px;color:var(--muted);max-width:70ch}
.legal a{color:var(--ink)}

/* Band */
.band{background:var(--band);color:var(--band-ink);padding:clamp(52px,7vw,92px) 0}
.band h2{color:#fff}
.band .lede{color:#C7C2BA;margin-top:16px}
.bandin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);
  align-items:center}
.bandcta{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.bandcta .btn{text-align:center}


/* ---------- Statement / Positionierung ---------- */
.stmt{border-top:0;padding-top:clamp(56px,7vw,96px)}
.stmtin{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(28px,5vw,80px);align-items:start;padding-bottom:clamp(40px,5vw,64px)}
.bigstmt{font-family:var(--display);font-size:clamp(28px,3.8vw,46px);line-height:1.14;
  letter-spacing:-.02em;color:var(--ink);margin:0;max-width:17ch;text-wrap:balance}
.stmtright{padding-top:8px}
.stmtright p{font-size:16.5px;color:var(--muted);max-width:52ch}
.stmt .trust{margin-top:0}

/* ---------- Leistungs-Splits ---------- */
.splits{display:grid;gap:clamp(40px,5vw,72px)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,64px);align-items:center}
.split.rev .splitmedia{order:2}
.splitmedia{position:relative}
.splitno{position:absolute;left:0;bottom:0;transform:translate(-14px,14px);
  font-family:var(--display);font-size:clamp(46px,6vw,84px);font-weight:300;color:var(--ink);
  line-height:1;letter-spacing:-.03em;background:var(--paper);padding:0 14px 0 0}
.sec.alt .splitno{background:#F5F2ED}
.ibox{position:relative;overflow:hidden;background:var(--ink);border:1px solid var(--line);
  width:100%}
.ibox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.splitbody h3{font-size:clamp(24px,2.9vw,33px);font-weight:400;letter-spacing:-.015em;
  margin-bottom:14px}
.splitbody .lede{max-width:46ch}
.splitbody ul.ticks{margin-top:22px}
.splitbody .btn{margin-top:28px}

/* ---------- Zielgruppe ---------- */
.zgrid{gap:20px;margin-top:clamp(8px,2vw,20px)}
.zcard{background:var(--surface);border:1px solid var(--line);padding:clamp(24px,2.6vw,34px);
  display:flex;flex-direction:column}
.zcard h3{font-family:var(--display);font-size:clamp(19px,2vw,23px);font-weight:400;
  line-height:1.3;color:var(--ink);margin-bottom:14px;text-wrap:balance}
.zprob{font-size:15px;color:var(--muted);margin-bottom:20px}
.zsol{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}
.zlabel{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--champ-dim);display:block;margin-bottom:8px}
.zsol p{font-size:15px;color:var(--ink-soft);margin:0}
.nichtbox{margin-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--line-2);padding-top:26px;
  display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(20px,4vw,72px)}
.nichtbox h3{font-size:18px}
.nichtbox ul.ticks{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;
  display:grid}

/* ---------- Markenwand ---------- */
.markensec{background:#F5F2ED}
.markenwand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;
  background:var(--line-2);border:1px solid var(--line-2)}
.mtile{background:#FBF9F6;aspect-ratio:16/10;display:flex;align-items:center;
  justify-content:center;padding:16px}
.mtile img{max-height:40px;max-width:82%;width:auto;opacity:.5;
  transition:opacity .25s ease}
.mtile:hover img{opacity:.85}
.mnote{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;color:var(--muted);
  margin-top:18px;max-width:74ch}

/* ---------- Kontrast ---------- */
.contrast{border-top:1px solid var(--line-2)}
.crow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  border-bottom:1px solid var(--line-2)}
.crow > div{padding:22px clamp(18px,2.4vw,32px) 22px 0}
.crow .colu{border-left:1px solid var(--line-2);padding-left:clamp(18px,2.4vw,32px);
  background:var(--surface)}
.crow p{margin:0;font-size:15.5px}
.crow .cold p{color:#8E8880}
.crow .colu p{color:var(--ink)}
.clabel{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  display:block;margin-bottom:9px;color:var(--muted)}
.crow .colu .clabel{color:var(--champ-dim)}

/* ---------- Zitatband ---------- */
.qband{position:relative;background:var(--ink);overflow:hidden;isolation:isolate;
  min-height:clamp(300px,38vw,460px);display:flex;align-items:center;
  padding:clamp(56px,7vw,96px) 0}
.qmedia{position:absolute;inset:0;z-index:-2}
.qmedia img{width:100%;height:100%;object-fit:cover;display:block}
.qband::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(11,11,11,.88) 0%,rgba(11,11,11,.66) 48%,
    rgba(11,11,11,.28) 100%)}
.qtext{font-family:var(--display);font-size:clamp(24px,3.3vw,42px);line-height:1.16;
  letter-spacing:-.02em;color:#fff;max-width:20ch;margin:0;text-wrap:balance}

/* ---------- Preise erweitert ---------- */
.chip{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;background:var(--ink);color:var(--champ);padding:5px 10px;
  margin-bottom:14px}
.pfuer{font-size:14px;color:var(--champ-dim);margin-bottom:16px;min-height:2.6em}
.card.price .btn{margin-top:22px}
.card.price ul.ticks{margin-bottom:4px}
.einstieg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,4vw,64px);align-items:center}
.einstiegbox{background:var(--surface);border:1px solid var(--ink);padding:clamp(26px,3vw,38px)}
.einstiegbox .btn{margin-top:24px;width:100%;text-align:center}
.einstiegtext .note{margin-top:18px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.tabwrap{overflow-x:auto}
.ptab{width:100%;border-collapse:collapse;min-width:600px}
.ptab th,.ptab td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);
  font-size:14.5px}
.ptab thead th{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-2);
  padding-bottom:12px;font-weight:500}
.ptab tbody th{font-weight:400;color:var(--ink-soft);width:38%}
.ptab td{text-align:center;width:20.6%}
.yes{display:inline-block;width:11px;height:17px;background:var(--champ);
  clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}
.no{color:var(--line-2)}
.txtcell{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}
.addons{display:grid;gap:0;border-top:1px solid var(--line)}
.addon{display:flex;justify-content:space-between;align-items:baseline;gap:24px;
  padding:18px 0;border-bottom:1px solid var(--line)}
.addon h4{margin-bottom:4px}
.addon p{font-size:14.5px;color:var(--muted);margin:0}
.addon > span{font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap;
  letter-spacing:.02em}

/* ---------- Visitenkarte Über uns ---------- */
.vcard{margin-top:22px;border-top:1px solid var(--line);display:grid}
.vrow{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;
  padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;
  transition:background .2s ease}
.vrow:hover{background:#FAF7F2}
.vlab{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--champ-dim)}
.vval{font-size:14px;color:var(--ink);word-break:break-word}
.facts.small{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;gap:18px}
.facts.small .fact b{font-size:18px}

/* ---------- Artikel ---------- */
.arts .card.art{padding:0;overflow:hidden}
.arts .card.art .ibox{border:0;border-bottom:1px solid var(--line)}
.arts .card.art .eyebrow{margin:22px 26px 8px}
.arts .card.art h3{margin:0 26px 12px;font-size:21px;line-height:1.28}
.arts .card.art > p{margin:0 26px;font-size:14.5px}
.arts .card.art .more{margin:18px 26px 26px;margin-top:auto;padding-top:18px}
.arts .card.art.small h3{font-size:18px}

/* ---------- Social ---------- */
.social{display:flex;gap:10px;margin-top:24px}
.soc{width:38px;height:38px;border:1px solid #2B2926;display:flex;align-items:center;
  justify-content:center;transition:border-color .2s ease,background .2s ease}
.soc svg{width:17px;height:17px;fill:#C7C2BA;transition:fill .2s ease}
.soc:hover{border-color:var(--champ);background:rgba(201,184,163,.08)}
.soc:hover svg{fill:var(--champ)}
.fcta .fctatext{font-size:14.5px;color:#9C978F;margin-bottom:18px;max-width:30ch}
.fcta .btn.small{font-size:11px;padding:12px 18px}
.fmeta{margin-top:22px;font-size:14.5px;color:#9C978F}
.fmeta span{font-size:14.5px;line-height:1.6}

@media (max-width:1020px){
  .stmtin{grid-template-columns:minmax(0,1fr);gap:24px}
  .split,.split.rev{grid-template-columns:minmax(0,1fr);gap:24px}
  .split.rev .splitmedia{order:0}
  .markenwand{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nichtbox{grid-template-columns:minmax(0,1fr)}
  .nichtbox ul.ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .einstieg{grid-template-columns:minmax(0,1fr)}
  .grid3.pricegrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .markenwand{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crow{grid-template-columns:minmax(0,1fr)}
  .crow .colu{border-left:0;border-top:1px solid var(--line-2);padding-left:0;
    padding-top:18px}
  .crow > div{padding-right:0}
  .nichtbox ul.ticks{grid-template-columns:minmax(0,1fr)}
  .facts.small{grid-template-columns:minmax(0,1fr)}
  .addon{flex-direction:column;gap:6px}
  .splitno{font-size:40px;transform:translate(-8px,10px)}
}

/* Bildflächen als Hintergrund - jedes Foto steht nur einmal in der Datei */
.bgimg{display:block;position:absolute;inset:0;background-size:cover;
  background-repeat:no-repeat;background-color:var(--ink)}
.bgimg.contain{background-size:contain;background-position:center !important;
  background-color:transparent}
.pheromedia .bgimg,.qmedia .bgimg,.ibox .bgimg{position:absolute;inset:0}
.mtile .bgimg{position:absolute;inset:16px;opacity:.5;transition:opacity .25s ease}
.mtile{position:relative}
.mtile:hover .bgimg{opacity:.85}
.clogowrap{position:relative}
.clogowrap .bgimg{position:absolute;inset:22px;opacity:.68}
.caselogo .bgimg.big{position:relative;display:block;width:200px;height:62px;
  background-position:left center !important;opacity:.8;inset:auto}

/* Feinschliff */
.sechead .lede{margin-top:14px}
.sechead > div{max-width:62ch}
.card.price .chip{align-self:flex-start}
.splitno{position:absolute;left:0;top:0;bottom:auto;right:auto;background:transparent;
  transform:none;padding:14px 20px;color:#fff;opacity:.9;font-size:clamp(30px,3.2vw,44px);
  font-weight:300;text-shadow:0 1px 24px rgba(0,0,0,.45);z-index:2}
.contrast .chead{border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.contrast .chead > div{padding-bottom:10px;padding-top:0}
.contrast .chead .colu{color:var(--ink);background:var(--surface)}
.crow:not(.chead) .clabel{display:none}
.seosec .rail h2{font-size:clamp(21px,2.3vw,27px);hyphens:auto;overflow-wrap:break-word}
.vrow{grid-template-columns:minmax(0,1fr);gap:3px}
.vval{font-size:13.5px;overflow-wrap:anywhere}
.qband::after{background:linear-gradient(90deg,rgba(11,11,11,.9) 0%,rgba(11,11,11,.72) 46%,
  rgba(11,11,11,.34) 100%),linear-gradient(0deg,rgba(11,11,11,.35),rgba(11,11,11,.1))}
@media (max-width:1020px){
  .crow.chead{display:none}
  .crow:not(.chead) .clabel{display:block}
}

@media (max-width:1020px){
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .trust{grid-template-columns:minmax(0,1fr)}
  .zgrid{grid-template-columns:minmax(0,1fr)}
}

.card.price .pricetag{flex-direction:column;gap:2px;align-items:flex-start;margin-bottom:18px}
.card.price .pricetag span{margin-top:2px}

/* ================== V11: Feinschliff, mehr Luft, größere Headlines ================== */
:root{--line:#EAE6DF; --line-2:#DCD6CB; --wrap:1200px}
h1{font-size:clamp(38px,6vw,76px);line-height:1.01;letter-spacing:-.028em}
h2{font-size:clamp(28px,3.9vw,46px);line-height:1.08;letter-spacing:-.022em}
h3{font-size:20px;line-height:1.28;font-weight:500;letter-spacing:-.008em}
.sec{padding:clamp(76px,10vw,148px) 0}
.sechead{margin-bottom:clamp(34px,4vw,56px)}
.sechead .lede{margin-top:16px}
.lede{font-size:clamp(17px,1.55vw,20px);line-height:1.58}
.phero.ph-home h1{font-size:clamp(34px,5.2vw,68px);max-width:17ch}
.phero h1{max-width:17ch}
.phero .lede{max-width:52ch;margin-top:26px}
.trustline{font-size:13.5px;color:#B4AEA6;margin:26px 0 0;letter-spacing:.02em}
.bigstmt{max-width:20ch}

/* weniger Mono: nur noch Eyebrows, Labels und Zahlen */
.orte,.mnote,.note,.card.price .note,.einstiegtext .note,.rolle,.txtcell,.luformnote{
  font-family:var(--body);letter-spacing:0}
.orte{font-size:13.5px;color:var(--muted)}
.mnote{font-size:13.5px}
.card.price .note,.einstiegtext .note{font-size:13.5px;line-height:1.55}
.rolle{font-size:14px}
.meta{font-family:var(--body);font-size:13.5px;letter-spacing:0}

/* Karten ruhiger, Hover feiner */
.card{border-color:var(--line);transition:border-color .25s ease,box-shadow .25s ease,
  transform .25s ease}
a.card:hover{border-color:var(--line-2);transform:translateY(-3px);
  box-shadow:0 18px 40px -28px rgba(11,11,11,.35)}
.ibox,.imgframe{border:0}

/* Kernleistungs-Karten */
.bereiche{gap:22px;align-items:stretch}
.bcard{padding:0;overflow:hidden}
.bcard .ibox{border-bottom:1px solid var(--line)}
.bcardbody{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.bcardbody .eyebrow{margin-bottom:12px;color:var(--champ-dim)}
.bcardbody h3{font-size:24px;margin-bottom:10px}
.bclaim{font-size:15px;color:var(--muted);margin-bottom:4px}
ul.ticks.tight{margin-top:16px;gap:7px}
ul.ticks.tight li{font-size:14px;padding-left:18px}
ul.ticks.tight li::before{width:7px;height:7px;top:8px}
.bcard .more{margin-top:auto;padding-top:20px}

/* Ergebnis-Karten */
.outcomes{gap:22px}
.ocard{background:var(--surface);border:1px solid var(--line);padding:clamp(26px,2.8vw,36px)}
.onum{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--champ-dim);
  display:block;margin-bottom:18px}
.ocard h3{font-size:22px;margin-bottom:10px}
.ocard p{font-size:15px;color:var(--muted);margin:0}

/* Preis-Teaser-Karten */
.pcards{gap:22px}
.pcard{padding:clamp(26px,2.8vw,34px);display:flex;flex-direction:column}
.pcard .pricetag{margin:6px 0 14px}
.pcard .pricetag b{font-size:34px}
.pcard p{font-size:15px}
.pcard .more{margin-top:auto;padding-top:20px}
.pcard h3{font-size:21px;margin-bottom:10px}

/* Preisseite: Gruppen */
.pgruppe + .pgruppe{margin-top:clamp(56px,7vw,96px);padding-top:clamp(48px,6vw,80px);
  border-top:1px solid var(--line)}
.pgruppe .sechead{margin-bottom:clamp(26px,3vw,40px)}

/* Passt-Box statt harter Absage */
.passtbox{margin-top:clamp(30px,3.5vw,46px);background:var(--surface);
  border:1px solid var(--line);padding:clamp(26px,3vw,40px)}
.passtbox h3{font-size:21px;margin-bottom:12px}
.passtbox .lede{max-width:70ch}
.passtnot{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);
  display:grid;gap:8px}
.passtnot p{font-size:14.5px;color:var(--muted);margin:0}
.zsol .more{margin-top:12px;font-size:11.5px}

/* Themen-Chips im Formular */
.luchips{display:flex;flex-wrap:wrap;gap:9px}
.luchip{position:relative;display:inline-flex}
.luchip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.luchip span{display:inline-block;border:1px solid var(--line-2);padding:10px 16px;
  font-size:14px;color:var(--ink-soft);cursor:pointer;transition:all .2s ease;
  background:var(--paper)}
.luchip input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.luchip input:focus-visible + span{outline:2px solid var(--ink);outline-offset:2px}
.luformnote{font-size:13.5px;color:var(--muted);margin-top:16px}

/* CTA am Artikelende */
.artcta{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.artcta p{font-size:17px;color:var(--ink);margin-bottom:18px;max-width:44ch}

/* Trust-Streifen ruhiger */
.trustsec{padding-top:clamp(56px,6vw,88px);padding-bottom:0}
.trust{border:0;background:transparent;gap:0}
.tfact{background:transparent;border-left:1px solid var(--line);padding:6px 0 6px 26px}
.tfact:first-child{border-left:0;padding-left:0}
.tfact b{font-size:clamp(30px,3.6vw,46px)}

@media (max-width:1020px){
  .bereiche,.outcomes,.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tfact{padding-left:20px}
}
@media (max-width:760px){
  .bereiche,.outcomes,.pcards{grid-template-columns:minmax(0,1fr)}
  .tfact{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}
  .tfact:first-child{border-top:0;padding-top:0}
  h1{font-size:clamp(32px,8.5vw,44px)}
  .sec{padding:clamp(56px,13vw,80px) 0}
}

/* Hero: Text muss sich gegen die Wandschrift durchsetzen */
.phero.ph-home::after{background:linear-gradient(95deg,rgba(11,11,11,.96) 0%,
  rgba(11,11,11,.92) 42%,rgba(11,11,11,.62) 68%,rgba(11,11,11,.22) 100%),
  linear-gradient(0deg,rgba(11,11,11,.6) 0%,rgba(11,11,11,.15) 46%,rgba(11,11,11,.34) 100%)}
.phero.ph-home h1{max-width:15ch}
.phero.ph-home .lede{max-width:44ch}

/* CTA-Links lesbarer, weniger Mono */
.more{font-family:var(--body);font-size:13.5px;letter-spacing:.01em;font-weight:500}
.tfact em{font-family:var(--body);font-size:13px;letter-spacing:0;color:var(--muted)}
.tfact span{font-size:14.5px}
.faqbody{font-size:16px}

/* Odoo-Formular auch im Prototyp im LIGHT-UP-Look */
.lu-form form{background:var(--surface);border:1px solid var(--line);
  padding:clamp(24px,3vw,38px);display:block}
.lu-form .s_website_form_rows{display:grid;gap:18px;margin:0}
.lu-form .s_website_form_field{padding:0;margin:0}
.lu-form .row{display:block;margin:0}
.lu-form .col-12{width:100%;padding:0}
.lu-form .s_website_form_label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);padding:0 0 9px;width:100%;display:block}
.lu-form .s_website_form_mark{color:var(--champ-dim)}
.lu-form .form-control,.lu-form .form-select{font-family:var(--body);font-size:15.5px;
  color:var(--ink);background:var(--paper);border:1px solid var(--line-2);padding:13px 14px;
  border-radius:0;box-shadow:none;width:100%;display:block}
.lu-form textarea.form-control{resize:vertical;min-height:130px}
.lu-form .form-control:focus,.lu-form .form-select:focus{outline:2px solid var(--ink);
  outline-offset:1px;border-color:var(--ink);box-shadow:none}
.lu-form .form-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;
  align-items:start}
.lu-form .form-check .s_website_form_label{text-transform:none;font-family:var(--body);
  font-size:13.5px;letter-spacing:0;line-height:1.5;color:var(--muted);padding:0}
.lu-form .form-check-input{width:17px;height:17px;margin:2px 0 0;border-radius:0;
  accent-color:var(--ink);border:1px solid var(--line-2)}
.lu-form .s_website_form_submit{padding:6px 0 0}
.lu-form .s_website_form_send,.lu-form .btn{background:var(--ink);color:var(--paper);
  border:1px solid var(--ink);border-radius:0;font-family:var(--display);font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;font-weight:500;
  text-decoration:none;display:inline-block;cursor:pointer}
.lu-form .s_website_form_send:hover{background:#241F19;border-color:#241F19;color:var(--paper)}
.lu-form input[type=hidden]{display:none}


@media (prefers-reduced-motion:no-preference){
  .hero .herotext > *{animation:rise .65s cubic-bezier(.2,.7,.2,1) backwards}
  .hero .herotext > *:nth-child(2){animation-delay:.06s}
  .hero .herotext > *:nth-child(3){animation-delay:.12s}
  .hero .herotext > *:nth-child(4){animation-delay:.18s}
  .heroartwrap{animation:fade .9s ease .1s backwards}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}}
  @keyframes fade{from{opacity:0}}
}

@media (max-width:1020px){
  .heroin{grid-template-columns:minmax(0,1fr)}
  .heroartwrap{display:none}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .cols,.lblock{grid-template-columns:minmax(0,1fr);gap:22px}
  .rail h2{margin-top:0}
  .grid3,.grid3.whys{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bandin{grid-template-columns:minmax(0,1fr)}
  .bandcta{flex-direction:row;flex-wrap:wrap}
  .kontakt{grid-template-columns:minmax(0,1fr)}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .grid2,.grid3,.grid3.whys,.frow,ul.ticks.two{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:minmax(0,1fr)}
  ul.stationen li{grid-template-columns:minmax(0,1fr);gap:4px}
  .casehead{flex-direction:column}
  .step{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .fgrid{grid-template-columns:minmax(0,1fr);gap:32px}
}
/* ================= LIGHT UP - Odoo-Anpassungen ================= */
#wrapwrap, body{background:var(--paper);color:var(--ink-soft);font-family:var(--body);
  font-size:16.5px;line-height:1.65}
#wrapwrap h1,#wrapwrap h2,#wrapwrap h3,#wrapwrap h4{font-family:var(--display);color:var(--ink);
  font-weight:400;letter-spacing:-.012em}
#wrap.lu-page{overflow-x:hidden}

/* ---- Kopfzeile ---- */
header#top{background:var(--paper);border-bottom:1px solid var(--line);
  transition:background .3s ease,border-color .3s ease}
header#top .navbar{padding:0;min-height:88px}
header#top .container,header#top .container-fluid{max-width:var(--wrap);padding:0 var(--gut)}
header#top .navbar-brand img,header#top .navbar-brand .o_website_logo{height:36px;width:auto;
  max-height:36px}
header#top .nav-link,header#top .navbar-nav .nav-link{font-family:var(--display);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:500;
  padding:6px 0 !important;margin:0 13px;position:relative}
header#top .navbar-nav .nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;
  height:1px;background:currentColor;transition:right .25s ease}
header#top .navbar-nav .nav-link:hover::after,
header#top .navbar-nav .nav-item.active .nav-link::after{right:0}
header#top .btn,header#top .btn-primary{font-family:var(--display);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--paper);
  border:1px solid var(--ink);padding:12px 20px;border-radius:0;font-weight:500}
header#top .btn:hover,header#top .btn-primary:hover{background:#241F19;border-color:#241F19;
  color:var(--paper)}
header#top .navbar-toggler{border:1px solid var(--line-2);border-radius:0;padding:10px 12px;
  color:var(--ink)}

/* Kopf über dem Bild (Header Overlay) */
.o_header_overlay header#top,
.o_header_overlay #top_menu_container,
header#top.o_header_is_scrolled ~ *{}
.o_header_overlay header#top{background:transparent;border-bottom-color:transparent}
.o_header_overlay header#top .nav-link,
.o_header_overlay header#top .navbar-nav .nav-link{color:#fff}
.o_header_overlay header#top .btn,.o_header_overlay header#top .btn-primary{background:transparent;
  color:#fff;border-color:rgba(255,255,255,.55)}
.o_header_overlay header#top .btn:hover{background:var(--champ);border-color:var(--champ);
  color:var(--ink)}
.o_header_overlay header#top .navbar-toggler{color:#fff;border-color:rgba(255,255,255,.5)}
.o_header_overlay header#top .navbar-brand .lu-logo-dark{display:none}
.o_header_overlay header#top .navbar-brand .lu-logo-light{display:block}
header#top .navbar-brand .lu-logo-light{display:none}
/* gescrollt: wieder deckend */
.o_header_overlay header#top.o_header_affixed,
.o_header_overlay header#top.o_header_is_scrolled{background:rgba(249,247,244,.94);
  backdrop-filter:saturate(1.4) blur(12px);border-bottom-color:var(--line)}
.o_header_overlay header#top.o_header_affixed .nav-link,
.o_header_overlay header#top.o_header_is_scrolled .nav-link{color:var(--ink)}
.o_header_overlay header#top.o_header_affixed .btn,
.o_header_overlay header#top.o_header_is_scrolled .btn{background:var(--ink);color:var(--paper);
  border-color:var(--ink)}
.o_header_overlay header#top.o_header_affixed .navbar-brand .lu-logo-dark,
.o_header_overlay header#top.o_header_is_scrolled .navbar-brand .lu-logo-dark{display:block}
.o_header_overlay header#top.o_header_affixed .navbar-brand .lu-logo-light,
.o_header_overlay header#top.o_header_is_scrolled .navbar-brand .lu-logo-light{display:none}
.navbar-brand img.lu-logo{height:36px;width:auto;display:block}

/* Seiten ohne Bildkopf brauchen Abstand unter der fixen Leiste */
#wrap.lu-page > section:first-child:not(.phero):not(.qband){padding-top:clamp(120px,14vw,170px)}

/* ---- Fußzeile ---- */
#wrapwrap footer{background:var(--band);color:#9C978F;
  padding:clamp(52px,6vw,80px) 0 0;border-top:0}
#wrapwrap footer .container{max-width:var(--wrap);padding:0 var(--gut)}
#wrapwrap footer h4,#wrapwrap footer h5,#wrapwrap footer .lu-fh{color:var(--champ);
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:500;margin-bottom:16px}
#wrapwrap footer a{color:#C7C2BA;text-decoration:none;font-size:14.5px}
#wrapwrap footer a:hover{color:#fff}
#wrapwrap footer p{color:#9C978F;font-size:14.5px}
.lu-fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap:clamp(24px,4vw,48px);padding-bottom:44px;border-bottom:1px solid #232120}
.lu-fgrid .flinks{display:grid;gap:9px}
.lu-flogo{height:30px;width:auto;margin-bottom:20px;display:block}
.lu-fclaim{font-size:14.5px;color:#9C978F;max-width:34ch;margin-top:14px}
.lu-fbottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:24px 0 40px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:#77726B}
.lu-fbottom a{font-family:var(--mono);font-size:11.5px}
.lu-fctatext{font-size:14.5px;color:#9C978F;margin-bottom:18px;max-width:30ch}
.lu-fmeta{margin-top:22px;font-size:14.5px;color:#9C978F;display:grid;gap:9px}
#wrapwrap footer .btn.light{background:var(--champ);border:1px solid var(--champ);color:#0B0B0B;
  font-family:var(--display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:12px 18px;border-radius:0;display:inline-block;text-decoration:none;font-weight:500}
#wrapwrap footer .btn.light:hover{background:#D8C9B6;color:#0B0B0B}

/* Odoo-Formular im LIGHT-UP-Look */
.lu-page .s_website_form .form-control,.lu-page .s_website_form select{font-family:var(--body);
  font-size:15.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);
  padding:13px 14px;border-radius:0}
.lu-page .s_website_form label{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.lu-page .s_website_form .btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);
  border-radius:0;font-family:var(--display);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;padding:15px 26px;font-weight:500}

@media (max-width:991px){
  .lu-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  header#top .navbar-nav .nav-link{margin:0;padding:14px 0 !important;
    border-bottom:1px solid var(--line)}
  .o_header_overlay header#top .navbar-collapse{background:var(--paper);padding:0 var(--gut) 20px}
  .o_header_overlay header#top .navbar-collapse .nav-link{color:var(--ink)}
}
@media (max-width:640px){
  .lu-fgrid{grid-template-columns:minmax(0,1fr);gap:32px}
}
/* ---- Logo ---- */
.lu-logo{height:36px;width:auto;display:block}
.lu-l-ink{fill:#0B0B0B}
.lu-l-ch{fill:#C9B8A3}
.o_header_overlay header#top:not(.o_header_affixed):not(.o_header_is_scrolled) .lu-l-ink{fill:#F9F7F4}
#wrapwrap.o_header_overlay header#top.o_header_affixed .lu-l-ink,
#wrapwrap.o_header_overlay header#top.o_header_is_scrolled .lu-l-ink{fill:#0B0B0B}
#wrapwrap footer .lu-logo{height:30px;margin-bottom:12px}
#wrapwrap footer .lu-l-ink{fill:#F9F7F4}
.lu-fclaimline{font-family:var(--mono);font-size:9px;letter-spacing:.3em;
  color:#8A8580;text-transform:uppercase;margin:0 0 18px}

/* ---- Odoo-Korrekturen ---- */
#wrapwrap .phero h1,#wrapwrap .band h2,#wrapwrap .qtext,#wrapwrap .qband h2{color:#fff}
#wrapwrap .phero .lede{color:#D8D3CC}
#wrapwrap .band .lede{color:#C7C2BA}
#wrapwrap .phero .eyebrow.light,#wrapwrap .qband .eyebrow.light,
#wrapwrap .band .eyebrow.light{color:var(--champ)}
#wrapwrap .lu-page a{text-decoration:none}
#wrapwrap .lu-page .more{color:var(--ink)}
#wrapwrap .lu-page section{position:relative}
#wrapwrap.o_header_overlay header#top .nav-link,
#wrapwrap.o_header_overlay header#top .navbar a.nav-link{color:#fff !important}
#wrapwrap.o_header_overlay header#top.o_header_affixed .navbar a.nav-link,
#wrapwrap.o_header_overlay header#top.o_header_is_scrolled .navbar a.nav-link{
  color:var(--ink) !important}
header#top .navbar{background:transparent !important}
header#top .nav-link{font-family:var(--display);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:500;padding:6px 0 !important;margin:0 13px}
header#top .o_header_hide_on_scroll,header#top .js_usermenu,
header#top .o_wsale_my_cart,header#top .o_navlink_background{display:none !important}
.bgimg{display:block;position:absolute;inset:0;background-size:cover;
  background-repeat:no-repeat;background-color:var(--ink)}
.bgimg.contain{background-size:contain;background-position:center !important;
  background-color:transparent}
.clogowrap{position:relative}
.clogowrap .bgimg{position:absolute;inset:22px;opacity:.68}
.mtile{position:relative}
.mtile .bgimg{position:absolute;inset:16px;opacity:.5;transition:opacity .25s ease}
.mtile:hover .bgimg{opacity:.85}
.caselogo .bgimg.big{position:relative;display:block;width:200px;height:62px;
  background-position:left center !important;opacity:.8;inset:auto}
#wrap.lu-page > section:first-child:not(.phero):not(.qband){padding-top:clamp(120px,14vw,170px)}

/* Kopfzeile: genug Platz, damit kein Menuepunkt ins Ueberlauf-Plus rutscht */
header#top > .navbar > .container, header#top .container{max-width:1360px}
header#top .nav-link{margin:0 9px}
header#top .navbar-nav{flex-wrap:nowrap}
header#top .btn,header#top .btn-primary{padding:11px 16px;font-size:11.5px;white-space:nowrap}
header#top .o_extra_menu_items{display:none}
@media (max-width:1240px){header#top .nav-link{margin:0 6px;font-size:11px}}

/* == LU-BILDER == */
.bg-logo14{background-image:url('/web/image/6547/lu_marke_14.png')}
.bg-logo13{background-image:url('/web/image/6546/lu_marke_13.png')}
.bg-logo12{background-image:url('/web/image/6545/lu_marke_12.png')}
.bg-logo11{background-image:url('/web/image/6544/lu_marke_11.png')}
.bg-logo10{background-image:url('/web/image/6543/lu_marke_10.png')}
.bg-logo9{background-image:url('/web/image/6542/lu_marke_09.png')}
.bg-logo8{background-image:url('/web/image/6541/lu_marke_08.png')}
.bg-logo7{background-image:url('/web/image/6540/lu_marke_07.png')}
.bg-logo6{background-image:url('/web/image/6539/lu_marke_06.png')}
.bg-logo5{background-image:url('/web/image/6538/lu_marke_05.png')}
.bg-logo4{background-image:url('/web/image/6537/lu_marke_04.png')}
.bg-logo3{background-image:url('/web/image/6536/lu_marke_03.png')}
.bg-logo2{background-image:url('/web/image/6535/lu_marke_02.png')}
.bg-logo1{background-image:url('/web/image/6534/lu_marke_01.png')}
.bg-logo0{background-image:url('/web/image/6533/lu_marke_00.png')}
.bg-a_ai{background-image:url('/web/image/6532/lu_a_ai.jpg')}
.bg-a_consent{background-image:url('/web/image/6531/lu_a_consent.jpg')}
.bg-a_odoo{background-image:url('/web/image/6530/lu_a_odoo.jpg')}
.bg-a_prozess{background-image:url('/web/image/6529/lu_a_prozess.jpg')}
.bg-s_perf{background-image:url('/web/image/6528/lu_s_perf.jpg')}
.bg-s_ai{background-image:url('/web/image/6527/lu_s_ai.jpg')}
.bg-s_ecommerce{background-image:url('/web/image/6526/lu_s_ecommerce.jpg')}
.bg-q_ueber{background-image:url('/web/image/6525/lu_q_ueber.jpg')}
.bg-q_home{background-image:url('/web/image/6524/lu_q_home.jpg')}
.bg-h_kontakt{background-image:url('/web/image/6523/lu_h_kontakt.jpg')}
.bg-h_ueber{background-image:url('/web/image/6522/lu_h_ueber.jpg')}
.bg-h_insights{background-image:url('/web/image/6521/lu_h_insights.jpg')}
.bg-h_preise{background-image:url('/web/image/6520/lu_h_preise.jpg')}
.bg-h_referenzen{background-image:url('/web/image/6519/lu_h_referenzen.jpg')}
.bg-h_performance{background-image:url('/web/image/6518/lu_h_performance.jpg')}
.bg-h_ai{background-image:url('/web/image/6517/lu_h_ai.jpg')}
.bg-h_ecommerce{background-image:url('/web/image/6516/lu_h_ecommerce.jpg')}
.bg-h_leistungen{background-image:url('/web/image/6515/lu_h_leistungen.jpg')}
.bg-h_home{background-image:url('/web/image/6514/lu_h_home.jpg')}

/* Header-Luft */
header#top .navbar{transition:padding .28s ease,min-height .28s ease}
#wrapwrap header#top:not(.o_header_is_scrolled):not(.o_header_affixed) .navbar{padding-top:clamp(14px,2.4vw,30px);padding-bottom:clamp(6px,1vw,12px);min-height:clamp(96px,9vw,124px)}
#wrapwrap header#top.o_header_is_scrolled .navbar,#wrapwrap header#top.o_header_affixed .navbar{padding-top:0;padding-bottom:0;min-height:76px}
@media (max-width:991px){#wrapwrap header#top:not(.o_header_is_scrolled):not(.o_header_affixed) .navbar{padding-top:14px;min-height:92px}}

/* Kopfzeile Kontakt-Icons */
#wrapwrap header#top .lu-hicon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;margin-left:2px;color:#fff !important;opacity:.85;transition:opacity .2s ease,background .2s ease,color .2s ease}
#wrapwrap header#top .lu-hicon:hover{opacity:1;background:rgba(255,255,255,.14)}
#wrapwrap header#top.o_header_is_scrolled .lu-hicon,#wrapwrap header#top.o_header_affixed .lu-hicon{color:#0B0B0B !important;opacity:.75}
#wrapwrap header#top.o_header_is_scrolled .lu-hicon:hover,#wrapwrap header#top.o_header_affixed .lu-hicon:hover{opacity:1;background:rgba(11,11,11,.07)}
#wrapwrap header#top .lu-hicon svg{display:block}
#wrapwrap header#top .navbar-collapse .lu-hicon{color:#0B0B0B !important}
#wrapwrap header#top .lu-hicon + .btn_cta,#wrapwrap header#top .lu-hicon + a.btn{margin-left:14px}
@media (max-width:991px){#wrapwrap header#top .lu-hicon{width:34px;height:34px}}

/* Mobile Kontaktzeilen */
#wrapwrap header#top .lu-mcontact{display:flex;align-items:center;gap:12px;width:100%;padding:12px 2px;color:#0B0B0B !important;font-size:14px;letter-spacing:.01em;border-top:1px solid var(--line);text-decoration:none}
#wrapwrap header#top .lu-mcontact svg{flex:0 0 auto;opacity:.6}
#wrapwrap header#top .lu-mcontact:hover{opacity:.75}

/* Kontrast neu */
#wrapwrap .contrast{border:1px solid var(--line-2);border-radius:3px;overflow:hidden;background:var(--surface)}
#wrapwrap .contrast .crow{border-bottom:1px solid var(--line)}
#wrapwrap .contrast .crow:last-child{border-bottom:0}
#wrapwrap .contrast .chead{border-bottom:1px solid var(--line-2)}
#wrapwrap .contrast .chead > div{padding:16px clamp(20px,2.4vw,34px);font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.3}
#wrapwrap .contrast .chead .cold{background:#EDE8E0;color:#7E7871}
#wrapwrap .contrast .chead .colu{background:var(--ink);color:#fff;border-left:0}
#wrapwrap .contrast .crow:not(.chead) > div{padding:24px clamp(22px,2.4vw,34px) 24px calc(clamp(22px,2.4vw,34px) + 34px);position:relative}
#wrapwrap .contrast .crow:not(.chead) .cold{background:#F2EEE7}
#wrapwrap .contrast .crow:not(.chead) .colu{background:var(--surface);border-left:1px solid var(--line-2)}
#wrapwrap .contrast .crow:not(.chead) .cold p{color:#7E7871;font-size:15px;line-height:1.6}
#wrapwrap .contrast .crow:not(.chead) .colu p{color:var(--ink);font-size:16.5px;line-height:1.58}
#wrapwrap .contrast .crow:not(.chead) > div::before{position:absolute;left:clamp(22px,2.4vw,34px);top:24px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:500}
#wrapwrap .contrast .crow:not(.chead) .cold::before{content:"\2715";background:#DFD8CC;color:#6F6963}
#wrapwrap .contrast .crow:not(.chead) .colu::before{content:"\2713";background:var(--champ);color:var(--ink)}
@media (max-width:1020px) and (min-width:901px){
  #wrapwrap .contrast .crow.chead{display:grid}
  #wrapwrap .contrast .crow:not(.chead) .clabel{display:none}
}
@media (max-width:900px){
  #wrapwrap .contrast .crow{grid-template-columns:minmax(0,1fr)}
  #wrapwrap .contrast .crow.chead{display:none}
  #wrapwrap .contrast .crow:not(.chead) .clabel{display:block;margin-bottom:7px}
  #wrapwrap .contrast .crow:not(.chead) > div{padding:18px 20px 18px 52px}
  #wrapwrap .contrast .crow{border-bottom:1px solid var(--line-2)}
  #wrapwrap .contrast .crow:not(.chead) .colu{border-left:0;border-top:1px solid #EFEAE2}
  #wrapwrap .contrast .crow:not(.chead) > div::before{left:20px;top:18px}
  #wrapwrap .contrast .crow:not(.chead) .cold .clabel{color:#A29B93}
  #wrapwrap .contrast .crow:not(.chead) .colu .clabel{color:var(--champ-dim)}
}

/* Mobil-Feinschliff */
@media (max-width:991px){
  #wrapwrap header#top button[data-bs-target]{width:46px;height:46px;font-size:23px;display:inline-flex;align-items:center;justify-content:center;color:#fff !important;padding:0 !important;margin-right:-8px}
  #wrapwrap header#top.o_header_is_scrolled button[data-bs-target],#wrapwrap header#top.o_header_affixed button[data-bs-target]{color:#0B0B0B !important}
  #wrapwrap header#top:not(.o_header_is_scrolled):not(.o_header_affixed) .navbar{padding-top:12px;min-height:84px}
  #wrapwrap header#top .navbar-brand svg{max-height:30px}
  #wrapwrap header#top .offcanvas.o_navbar_mobile{background:var(--paper) !important;width:min(90vw,368px);border-left:0}
  #wrapwrap header#top .offcanvas .offcanvas-header{padding:12px 16px;min-height:66px;border-bottom:1px solid var(--line)}
  #wrapwrap header#top .offcanvas .btn-close{color:#0B0B0B !important;opacity:1;font-size:21px;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0}
  #wrapwrap header#top .offcanvas .offcanvas-body{padding:6px 18px 22px}
  #wrapwrap header#top #top_menu_collapse_mobile a,#wrapwrap header#top #top_menu_collapse_mobile a.nav-link,#wrapwrap header#top #top_menu_collapse_mobile a.nav-link span,#wrapwrap header#top #top_menu_collapse_mobile .accordion-button{color:#0B0B0B !important}
  #wrapwrap header#top #top_menu_collapse_mobile a.nav-link{font-family:var(--display);font-size:19px;line-height:1.3;letter-spacing:0;text-transform:none;font-weight:400;padding:16px 2px !important;margin:0 !important}
  #wrapwrap header#top .offcanvas li.nav-item{border-color:var(--line) !important}
  #wrapwrap header#top .offcanvas .accordion-item,#wrapwrap header#top .offcanvas .accordion-button{background:transparent !important;box-shadow:none !important;border:0}
  #wrapwrap header#top .offcanvas .list-group-item{background:transparent !important;border:0 !important}
  #wrapwrap header#top #top_menu_collapse_mobile a.nav-link.list-group-item{font-size:16px !important;padding:12px 2px 12px 18px !important;color:#5F5952 !important;font-family:var(--body);letter-spacing:0;text-transform:none}
  #wrapwrap header#top .offcanvas ul.list-group{border-left:1px solid var(--line);margin:0 0 10px 4px}
  #wrapwrap header#top .offcanvas .lu-hicon{display:none}
  #wrapwrap header#top #top_menu_collapse_mobile a.btn_cta,#wrapwrap header#top #top_menu_collapse_mobile a.btn{background:#0B0B0B !important;border:1px solid #0B0B0B !important;color:#fff !important;display:block;width:100%;text-align:center;margin-top:16px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:17px 20px}
  #wrapwrap header#top #top_menu_collapse_mobile .accordion-button::after{content:"";width:9px;height:9px;border-right:1.5px solid #0B0B0B;border-bottom:1.5px solid #0B0B0B;transform:rotate(45deg);background:none;margin-left:auto;margin-right:6px;transition:transform .2s ease}
  #wrapwrap header#top #top_menu_collapse_mobile .accordion-button:not(.collapsed)::after{transform:rotate(-135deg)}
  #wrapwrap header#top #top_menu_collapse_mobile .offcanvas-body > ul.navbar-nav:first-child{margin-bottom:8px}

}
@media (max-width:767px){
  #wrapwrap .phero{min-height:66vh;padding-top:118px;padding-bottom:44px}
  #wrapwrap .phero h1{font-size:clamp(29px,8.4vw,36px);line-height:1.12}
  #wrapwrap .phero .lede{font-size:16px;line-height:1.62}
  #wrapwrap h2{line-height:1.18}
  #wrapwrap .sec{padding-top:48px;padding-bottom:48px}
  #wrapwrap .btn{font-size:12.5px;padding:15px 22px}
  #wrapwrap .phero .btn{display:block;text-align:center;width:100%;max-width:320px}
  #wrapwrap .phero .btn + .btn{margin-top:10px;margin-left:0}
}

/* Mobil-Lesbarkeit */
@media (max-width:767px){
  #wrapwrap .lu-form input,#wrapwrap .lu-form textarea,#wrapwrap .lu-form select,
  #wrapwrap .s_website_form input,#wrapwrap .s_website_form textarea,#wrapwrap .s_website_form select{font-size:16px !important}
  #wrapwrap .lu-form label{font-size:12px}
  #wrapwrap .luchip{font-size:12px}
  #wrapwrap .eyebrow{font-size:11.5px !important;letter-spacing:.13em;line-height:1.55}
  #wrapwrap .ccard .eyebrow,#wrapwrap .pcard .eyebrow,#wrapwrap .card .eyebrow{font-size:11.5px !important;letter-spacing:.1em;line-height:1.6}
  #wrapwrap .cta_band em,#wrapwrap .ctaband em,#wrapwrap em{font-size:inherit}
  #wrapwrap .pcard em,#wrapwrap .artcta em,#wrapwrap .ctatext em{font-size:12.5px}
  #wrapwrap .pcard .note,#wrapwrap .pgruppe .note,#wrapwrap .vval{font-size:13px}
  #wrapwrap .more{font-size:12px;letter-spacing:.1em}
}

/* Mobil-Hero-Scrim */
@media (max-width:767px){
  #wrapwrap .phero::after{background:linear-gradient(180deg,rgba(11,11,11,.60) 0%,rgba(11,11,11,.34) 24%,rgba(11,11,11,.76) 58%,rgba(11,11,11,.92) 100%) !important}
  #wrapwrap .phero .bgimg{background-position:62% 38% !important}
}

/* Mobilmenue Einzug */
@media (max-width:991px){
  #wrapwrap header#top #top_menu_collapse_mobile .offcanvas-header{padding:14px 20px !important;min-height:70px}
  #wrapwrap header#top #top_menu_collapse_mobile .offcanvas-body{padding:10px 26px 30px !important}
  #wrapwrap header#top #top_menu_collapse_mobile a.nav-link{padding:17px 0 !important}
  #wrapwrap header#top #top_menu_collapse_mobile a.nav-link.list-group-item{padding:12px 0 12px 20px !important}
  #wrapwrap header#top #top_menu_collapse_mobile ul.list-group{border-left:1px solid var(--line);margin:2px 0 12px 1px}
  #wrapwrap header#top #top_menu_collapse_mobile li.px-0,#wrapwrap header#top #top_menu_collapse_mobile li.nav-item{padding-left:0 !important;padding-right:0 !important}
  #wrapwrap header#top #top_menu_collapse_mobile .lu-mcontact{padding:14px 0 !important}
  #wrapwrap header#top #top_menu_collapse_mobile a.btn,#wrapwrap header#top #top_menu_collapse_mobile a.btn_cta{margin-top:20px}
}

/* Mobilmenue Feinheiten */
@media (max-width:991px){
  #wrapwrap header#top #top_menu_collapse_mobile ul.navbar-nav > li:first-child,
  #wrapwrap header#top #top_menu_collapse_mobile ul.nav.navbar-nav > li:first-child{border-top:0 !important}
  #wrapwrap header#top #top_menu_collapse_mobile .offcanvas-body{overflow-y:auto;-webkit-overflow-scrolling:touch}
  #wrapwrap header#top #top_menu_collapse_mobile a.btn,#wrapwrap header#top #top_menu_collapse_mobile a.btn_cta{margin-bottom:10px}
}