/* werk.lein · eigenes Theme ohne Seitenbaukasten (09.11.2026). Maße aus der bisherigen Elementor-Seite gemessen. */
@font-face{font-family:"Humnst777_normal";src:url("schrift/tt0857m.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
p{margin:0 0 .9rem}
h1,h2,h3{font-family:Raleway,sans-serif;font-weight:700}
.ic{width:1em;height:1em;fill:currentColor;flex:none}
:focus-visible{outline:2px solid #f5f1e9;outline-offset:3px}

/* Breiten wie bisher: Start/Recht 1200 mit 10 px Spaltenrand, Leistungen 1180 + 40, Webdesign 1240 + 60 */
.k12{max-width:1200px;margin:0 auto;padding:0 10px}
.kl{max-width:1260px;margin:0 auto;padding:0 40px}
.kw{max-width:1360px;margin:0 auto;padding:0 60px}

/* ---------- Kopf ---------- */
.kopf{position:fixed;top:0;left:0;right:0;z-index:50;height:100px;transition:background-color .3s,height .3s}
.kopf-innen{position:relative;z-index:2;max-width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{margin-left:5px;display:block}
.logo img{width:auto;height:66px;transition:height .3s}
.nav{display:flex}
.nav a{display:block;padding:13px 20px;font:700 16px/20px "Humnst777_normal",sans-serif;color:#7a7a7a;transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:#fff}
.kopf.fest{background:rgba(0,0,0,.9);height:90px}
.kopf.fest .logo img{height:53px}
.menue-knopf,.menue{display:none}
.admin-bar .kopf{top:32px}
@media(max-width:782px){.admin-bar .kopf{top:46px}}
@media(max-width:600px){.admin-bar .kopf{top:0}}
.seite-recht main,.seite-leistung main,.seite-webdesign main,.seite-start main{display:block}

/* ---------- Fuß ---------- */
.fuss{background:#000;padding-top:29px}
.fuss-innen{max-width:1200px;margin:0 auto;padding:20px 0;display:grid;grid-template-columns:324px 1fr 342px;align-items:start}
.fuss-claim{padding:0 10px;font:16px/16px "Humnst777_normal",sans-serif;color:#fff}
.fuss-claim strong{font-weight:700}
.sozial{display:flex;justify-content:center;margin-top:-14px}
.sozial a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:25px;color:#fff;transition:transform .2s}
.sozial a:hover{transform:scale(1.1)}
.fuss-recht{max-width:312px;margin:0 10px 14.4px auto;font:12px/27px Raleway,sans-serif;color:#7a7a7a;text-align:right}
.fuss-recht a:hover{color:#fff}

/* ---------- Startseite ---------- */
.birne-sek{padding:10px;background:#000}
.logos{position:relative}
.logos .k12{padding-top:10px;padding-bottom:10px}
.logos+.logos{margin-top:-50px}
.logos:nth-of-type(4){padding-bottom:20px}
.logo-band{overflow:hidden}
.logo-spur{display:flex;gap:40px;will-change:transform}
.logo-feld{flex:0 0 calc((100% - 200px)/6);height:171px}
.logo-feld img{width:100%;height:auto;aspect-ratio:1}
.weiss{background:#fff}
.intro{padding:140px 0}
.intro p{font:18px/27px Raleway,sans-serif;color:#7a7a7a}
.intro .k12{padding-top:10px;padding-bottom:10px}
.film{display:flex;gap:20px;padding:10px}
.film-text{flex:0 0 458px;display:flex;align-items:center;padding-left:10px}
.film-text h1{font-size:25px;line-height:25px;color:#fff}
.film-video{flex:1;min-width:0}
.film-video video{width:100%;height:399px;object-fit:cover}
.kacheln .k12{padding-top:10px;padding-bottom:10px}
.film+.kacheln,.intro+.film+.kacheln{margin-top:61px}
.kachel-reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kachel-reihe.mit-breit{grid-template-columns:380fr 780fr}
.kachel{position:relative;display:flex;align-items:center;justify-content:center;height:400px;overflow:hidden;text-align:center}
.kachel-bild{position:absolute;inset:0;background-size:cover;background-position:50% 50%;animation:kenburns 20s linear forwards}
.kachel-ton{position:absolute;inset:0;background:#000}
.kachel-titel{position:relative;max-width:calc((100% - 100px)*.66);font:700 35px/35px Raleway,sans-serif;color:#fff}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.3)}}
.abstand-kacheln{height:92px}
.trio{padding:130px 0 100px}
.trio .k12{padding:0}
.trio-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.trio-reihe>div{padding:20px}
.trio h2{font-size:32px;line-height:32px;color:#000;margin-bottom:20px}
.trio p{font:18px/27px Raleway,sans-serif;color:#7a7a7a}
.anker{height:0;padding-top:20px}
.portfolio-reihe{display:grid;grid-template-columns:920fr 460fr;gap:20px;padding:0 20px 20px}
.portfolio-reihe.erste{padding-top:20px}
.portfolio-reihe .pf{height:580px;background-size:cover;background-position:50% 50%}
.portfolio-reihe.erste .pf{height:560px}
.portfolio-reihe.klein-links{grid-template-columns:460fr 920fr}
.tippen{padding:120px 0}
.tipp-text{padding:10px 0}
.tipp-text p{font:18px/45px Raleway,sans-serif;color:#fff;text-align:justify}
.plan{padding:100px 0}
.plan .k12{padding-top:10px;padding-bottom:10px}
.plan h2{font-size:25px;line-height:25px;color:#000;margin-bottom:20px}
.plan p{font:18px/27px Raleway,sans-serif;color:#7a7a7a}

/* Schreib-Effekt (einmalig beim Sichtbarwerden) */
.wl-type-word{display:inline-block;white-space:nowrap}
.wl-type-char{opacity:0}
.wl-type-running .wl-type-char{animation:wl-type-reveal 1ms linear forwards;animation-delay:var(--wl-type-delay)}
.wl-type-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes wl-type-reveal{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.wl-type-char{opacity:1!important;animation:none!important}.kachel-bild{animation:none}}

/* Glühbirne (übernommen) */
.wl-bulb-shell{position:relative;width:100%;overflow:hidden;background:#000;padding-bottom:64px;isolation:isolate}
.wl-bulb{position:relative;width:100%;max-width:min(1505px,132svh);margin:auto;background:#000;aspect-ratio:1505/1045}
.wl-bulb img{display:block;width:100%;height:100%;max-width:none;border:0;border-radius:0;object-fit:contain;pointer-events:none}
.wl-bulb__image{filter:brightness(.65) contrast(1.14) saturate(.28)}
.wl-bulb .wl-bulb__trigger,.wl-bulb .wl-bulb__trigger:hover,.wl-bulb .wl-bulb__trigger:focus{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;clip-path:polygon(50% 14.2%,56% 15.5%,61.7% 20%,64.4% 27%,65.5% 34%,65.2% 41%,62.7% 48%,60% 55%,58% 63%,57.5% 79%,56% 82%,43% 82%,42% 79%,42% 65%,40% 56%,37% 48%,34.4% 40%,34% 33%,35.6% 26%,39% 20%,44% 16%)}
.wl-bulb .wl-bulb__light{position:absolute;inset:0;height:100%;opacity:0;transition:none;filter:brightness(1.18) contrast(1.20) saturate(.28)}
.wl-bulb-shell[data-lit="true"] .wl-bulb__light{opacity:1}
.wl-bulb-copy{position:absolute;z-index:3;left:50%;bottom:calc(64px + 4%);width:100%;max-width:1200px;padding:0 10px;box-sizing:border-box;transform:translateX(-50%);pointer-events:none;container-type:inline-size}
.wl-bulb-shell .wl-bulb__message{margin:0;text-align:left;font-family:Raleway,sans-serif;font-weight:800;color:#f5f1e9;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .38s ease,transform .4s ease,visibility .38s;text-shadow:0 2px 28px rgb(0 0 0 / .4)}
.wl-bulb__intro{display:block;margin:0 0 .5em;font-size:clamp(18px,3cqw,38px);font-weight:700;line-height:1.1;letter-spacing:-.025em}
.wl-bulb__headline{display:block;font-size:clamp(26px,9.8cqw,125px);line-height:1.03;letter-spacing:-.055em;white-space:nowrap}

.wl-bulb-shell[data-lit="true"] .wl-bulb__message{opacity:1;visibility:visible;transform:none}
.wl-bulb-hint-row{position:absolute;z-index:4;left:0;bottom:8px;width:100%;display:flex;justify-content:center}
.wl-bulb-shell .wl-bulb-hint{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid #746d61;border-radius:30px;background:#080808;color:#e6dfd2;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wl-bulb-shell .wl-bulb-hint:hover{background:#1b1813;color:#fff;border-color:#d4cbbd}
.wl-bulb-hint svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.wl-bulb-hint:focus-visible{outline:2px solid #f5f1e9;outline-offset:4px}
.wl-bulb:has(.wl-bulb__trigger:focus-visible){outline:1px solid #cfc6b8;outline-offset:-3px}
.wl-bulb-hint__mobile{display:none}
@media(max-width:767px){.wl-bulb{width:160%;max-width:none;margin-left:-30%}.wl-bulb-copy{padding:0 40px}.wl-bulb__intro{font-size:clamp(17px,6cqw,24px)}.wl-bulb__headline{font-size:10.8cqw}.wl-bulb-hint__desktop{display:none}.wl-bulb-hint__mobile{display:inline}}
@media(hover:none),(pointer:coarse){.wl-bulb-hint__desktop{display:none}.wl-bulb-hint__mobile{display:inline}}
@media(max-width:767px),(pointer:coarse){.wl-bulb .wl-bulb__trigger,.wl-bulb .wl-bulb__trigger:hover,.wl-bulb .wl-bulb__trigger:focus{clip-path:none;inset:10% 27% 12%;width:46%;height:78%}}
@media(prefers-reduced-motion:reduce){.wl-bulb-shell .wl-bulb__message,.wl-bulb .wl-bulb__light{transition:none;transform:none}}

.wl-bulb-hint-row{display:none}
.wl-bulb-shell .wl-bulb-hint span{display:none}
.wl-bulb-shell .wl-bulb-hint{width:48px;height:48px;padding:0;gap:0;border-radius:50%}
@media(max-width:767px),(hover:none),(pointer:coarse){.wl-bulb-hint-row{display:flex}}



/* Unveränderte Bildflächen; nur die äußere Lichtebene wird überblendet. */
.wl-bulb__image{filter:brightness(.65) contrast(1.14) saturate(.28)}
.wl-bulb-light-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .85s ease-in-out;will-change:opacity;isolation:isolate}
.wl-bulb-shell[data-lit="true"] .wl-bulb-light-layer{opacity:1}
.wl-bulb .wl-bulb__light{opacity:1;transition:none;filter:brightness(1.18) contrast(1.2) saturate(.42) sepia(.07)}
@media(prefers-reduced-motion:reduce){.wl-bulb-light-layer{transition:none}}

/* ---------- Rechtstexte ---------- */
.recht{padding:110px 0 0}
.recht+.recht{padding-top:0}
.recht .k12{padding-top:10px;padding-bottom:10px}
.recht-text{font:18px/27px Raleway,sans-serif;color:#fff}
.recht-text a{text-decoration:underline}

/* ---------- Leistungen ---------- */
.schwarz{background:#000}
.l-sek{padding:95px 0}
.l-sek h2{color:#000;margin-bottom:24px}
.schwarz.l-sek h2{color:#fff}
.kicker,.tags{font:12px/18px Raleway,sans-serif;color:#7a7a7a;margin-bottom:14.4px}
.kicker{margin-bottom:38.4px}
.l-text{font:18px/27px Raleway,sans-serif;color:#7a7a7a;margin-bottom:38.4px}
.l-text.hell{color:#fff}
.l-start{padding:100px 0 35px}
.l-start h1{font-size:124px;line-height:1.02;letter-spacing:-.05em;color:#fff;margin-bottom:24px}
.l-lead{max-width:708px;font:18px/27px Raleway,sans-serif;color:#7a7a7a;margin-bottom:38.4px}
.l-bilder{display:grid;grid-template-columns:380fr 483fr 288fr;gap:15px;margin-bottom:24px}
.l-bilder img{width:100%;height:280px;object-fit:cover}
.l-sprung{display:flex;flex-wrap:wrap;gap:20px}
.l-sprung a{display:block;padding:10px 0;font:12px/12px Raleway,sans-serif;color:#fff}
.l-sprung a:hover{color:#7a7a7a}
.l-zwei{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:24px}
.l-zwei h2{margin-bottom:0}
.l-marke h2,.l-web h2{font-size:64px;line-height:1.02;letter-spacing:-.05em}
.l-rechts .l-text{margin-bottom:38.4px}
.l-rechts .tags{margin-bottom:0}
.l-voll{width:100%;height:580px;object-fit:cover;margin-bottom:24px}
.l-sek .tags:last-child{margin-bottom:14.4px}
.l-web-reihe{display:grid;grid-template-columns:493fr 627fr;gap:60px;align-items:center}
.l-web-bild img{width:100%;height:570px;object-fit:cover;margin-bottom:24px}
.l-link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;font:14px/14px Raleway,sans-serif;color:#fff}
.l-link .pfeil{font-size:14px;transition:transform .2s}
.l-link:hover .pfeil{transform:translateX(4px)}
.l-link.haupt{margin:24px 0 24px}
.l-seiten{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.l-paar-reihe{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.l-paar img{width:100%;height:370px;object-fit:cover;margin-bottom:24px}
.l-paar h2{font-size:52px;line-height:1.02;letter-spacing:-.05em}
.l-reihen{padding:85px 0 81px}
.l-zeile{display:grid;grid-template-columns:168fr 672fr 280fr;gap:30px;align-items:center;padding:60px 0 64px;border-top:1px solid #3b3b3b}
.l-zeile h2{font-size:58px;line-height:1.02;letter-spacing:-.05em}
.l-zeile .l-text{color:#7a7a7a}
.l-zeile .kicker{margin:0 0 14.4px}
.l-zeile-text .tags{margin-bottom:0}
.l-zeile-bild img{width:100%;height:180px;object-fit:cover}
.l-herz{padding:0 0 100px;text-align:center}
.l-herz img{width:720px;height:auto;margin:0 auto 24px}
.l-herz h2{font-size:50px;line-height:1.02;letter-spacing:-.05em;max-width:786px;margin:0 auto}
.l-schritt-reihe{display:grid;grid-template-columns:741fr 399fr;gap:40px;align-items:center}
.l-schritt h2{font-size:96px;line-height:1.02;letter-spacing:-.05em}
.l-kontakt{display:block;width:max-content;padding:10px 0;font:16px/16px Raleway,sans-serif;color:#000;margin-bottom:24px}
.l-kontakt:last-child{margin-bottom:0}
.pille{display:inline-block;padding:19px 26px;border:1px solid #000;border-radius:30px;font:14px/14px Raleway,sans-serif;color:#000;transition:background-color .2s,color .2s}
.pille:hover{background:#000;color:#fff}

/* ---------- Webdesign ---------- */
.dunkel{background:#0a0a0a}
.w-sek h2{color:#0a0a0a}
.dunkel.w-sek h2,.w-start h1{color:#fff}
.w-kicker{font:600 12px/16.8px "Humnst777_normal",sans-serif;letter-spacing:3.4px;color:#8a8a8a;margin-bottom:56.2px}
.w-start{padding:320px 0 130px}
.w-start h1{font-size:122px;line-height:.88;letter-spacing:-4px;max-width:700px;margin-bottom:60px}
.w-text{font:18px/27px Raleway,sans-serif;color:#6e6e6e;margin-bottom:37px}
.w-text.hell{color:#b4b4b4}
.w-text.grau{color:#9a9a9a}
.w-start .w-text{max-width:1010px;margin-bottom:64px}
.w-knopf{display:inline-block;padding:20px 40px;font:500 14px/14px "Humnst777_normal",sans-serif;letter-spacing:1.5px;transition:opacity .2s}
.w-knopf:hover{opacity:.8}
.weiss-knopf{background:#fff;color:#0a0a0a}
.dunkel-knopf{background:#0a0a0a;color:#fff}
.w-drei{padding:140px 0}
.w-drei-reihe{display:grid;grid-template-columns:417px minmax(0,1fr)}
.w-zahl{align-self:start;height:202.8px;padding:0 10px;font:700 260px/202.8px Raleway,sans-serif;letter-spacing:-10px;color:#000;margin:0}
.w-drei-reihe>div{padding:10px 10px 0 0}
.w-drei h2,.w-schritte>.kw>h2,.w-referenz h2{font-size:46px;line-height:48.3px;letter-spacing:-1.5px}
.w-drei h2{margin-bottom:37.7px}
.w-drei .w-text{margin-bottom:14px}
.w-bildband{position:relative;height:540px;background-size:cover;background-position:50% 50%}
.w-bildband::before{content:"";position:absolute;inset:0;background:#0a0a0a;opacity:.18}
.w-schritte{padding:120px 0}
.w-schritte>.kw>h2{margin-bottom:56px}
.w-schritt{display:grid;grid-template-columns:266px minmax(0,1fr);align-items:center;padding:68px 10px 69px 0;border-top:1px solid #e8e8e8}
.w-schritt:first-of-type{border-top:0}
.w-schritt:last-child{padding-bottom:46px}
.w-nr{padding:0 10px;font:700 92px/78.2px Raleway,sans-serif;letter-spacing:-3px;color:#efefef;margin:0}
.w-schritt h3{font-size:27px;line-height:31.05px;letter-spacing:-.5px;color:#0a0a0a;margin-bottom:32px}
.w-schritt .w-text{margin-bottom:14px}
.w-seo{padding:150px 0}
.w-seo h2{font-size:62px;line-height:1.02;letter-spacing:-2px;margin-bottom:46px}
.w-seo .w-text{margin-bottom:14px}
.w-paar{display:grid;grid-template-columns:1fr 1fr}
.w-paar-bild{height:558px;background-size:cover;background-position:50% 50%}
.w-referenz{padding:130px 0}
.w-referenz-reihe{display:grid;grid-template-columns:644px 1fr;align-items:center}
.w-referenz h2{padding-left:20px;margin-bottom:16px}
.w-referenz-knoepfe{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.w-referenz-knoepfe .w-knopf{width:346px;text-align:center}
.w-reden{padding:150px 0 160px}
.w-reden h2{font-size:108px;line-height:102.6px;letter-spacing:-4px;margin-bottom:50px}
.w-reden .w-text{margin-bottom:54px}
.w-kontakt{font:400 26px/41.6px Raleway,sans-serif;letter-spacing:-.5px;color:#fff;margin-bottom:60px}

/* ---------- Tablet ---------- */
@media(max-width:1024px){
 .nav a{padding:13px 12px}
 .l-start h1{font-size:96px}
 .w-start h1{font-size:96px}
}

/* ---------- Handy ---------- */
@media(max-width:767px){
 .kopf{position:sticky;height:80px;background:#000}
 .kopf.fest{height:80px;background:rgba(0,0,0,.9)}
 .kopf-innen{padding:0 0 0 20px}
 .logo{margin-left:0}
 .logo img,.kopf.fest .logo img{height:36px}
 .nav{display:none}
 .menue-knopf{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:3px;background:transparent;color:#fff;font-size:28px;cursor:pointer}
 .menue-knopf .auf{width:28px;height:28px}
 .menue-knopf .zu{display:none}
 .kopf.offen .menue-knopf .auf{display:none}
 .kopf.offen .menue-knopf .zu{display:block}
 .menue{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:100px 24px 118px;background:#000;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}
 .kopf.offen .menue{visibility:visible;opacity:1}
 .menue a{padding:10px 8px;font:700 36px/41.4px Raleway,sans-serif;letter-spacing:-1.44px;color:#fff}
 .menue a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}

 .fuss{padding-top:28px}
 .fuss-innen{grid-template-columns:1fr;padding:20px 20px}
 .fuss-claim{display:none}
 .sozial{margin:0 0 40px;gap:20px}
 .sozial a{width:24px;height:24px;font-size:20px}
 .fuss-recht{max-width:none;margin:0 0 14.4px;text-align:center}

 .birne-sek{display:flex;flex-direction:column;justify-content:center;min-height:844px;min-height:100svh}
 .logos .k12{padding:10px 0}
 .logos{padding:10px 0}
 .logos:nth-of-type(4){padding-bottom:10px}
 .logo-spur{gap:0}
 .logo-feld{flex-basis:20%;height:79px}
 .intro{padding:40px}
 .intro .k12{padding:10px}
 .film,.tippen{display:none}
 .film+.kacheln,.intro+.film+.kacheln{margin-top:60px}
 .kachel-reihe,.kachel-reihe.mit-breit{grid-template-columns:1fr}
 .kachel{height:200px}
 .kachel-titel{font-size:23px;line-height:23px}
 .abstand-kacheln{height:37px}
 .trio{padding:40px}
 .trio-reihe{grid-template-columns:minmax(0,1fr)}
 .portfolio-reihe,.portfolio-reihe.klein-links{grid-template-columns:1fr}
 .portfolio-reihe .pf{height:280px}
 .portfolio-reihe.erste .pf{height:270px}
 .plan{padding:40px}
 .plan .k12{padding:10px}
 .plan h2{font-size:20px;line-height:20px}

 .kl{padding:0 20px}
 .l-sek{padding:58px 0}
 .l-start{padding:60px 0 35px}
 .l-start h1{font-size:52px;letter-spacing:-.05em}
 .l-lead,.l-text{font-size:16px;line-height:24px}
 .l-bilder{grid-template-columns:1fr 1fr;max-width:calc(100% - 6px)}
 .l-bilder img{height:185px}
 .l-bilder .b3{display:none}
 .l-zwei,.l-web-reihe,.l-paar-reihe,.l-schritt-reihe{grid-template-columns:1fr}
 .l-zwei{gap:40px}
 .l-web-reihe{gap:60px}
 .l-paar-reihe{gap:35px}
 .l-schritt-reihe{gap:40px}
 .l-marke h2{font-size:40px}
 .l-web h2,.l-paar h2{font-size:38px}
 .l-voll{height:330px}
 .l-web-bild img{height:350px}
 .l-paar img{height:300px}
 .l-reihen{padding:58px 0 34px}
 .l-zeile{padding:50px 0 74px}
 .l-zeile{grid-template-columns:minmax(0,1fr);gap:30px}
 .l-zeile h2{font-size:34px}
 .l-zeile-bild img{height:220px}
 .l-herz{padding:58px 0}
 .l-herz img{width:100%}
 .l-herz h2{font-size:28px}
 .l-schritt h2{font-size:57px}

 .kw{padding:0 26px}
 .recht{padding-top:104px}
 .w-kicker{font-size:10px;line-height:14px;margin-bottom:56px}
 .w-start{padding:155px 0 80px}
 .w-start h1{font-size:46px;line-height:40.48px;margin-bottom:60px}
 .w-drei{padding:80px 0}
 .w-drei-reihe{grid-template-columns:1fr;gap:70px}
 .w-zahl{font-size:110px;line-height:85.8px;height:auto}
 .w-drei-reihe>div{padding:0 10px}
 .w-drei h2,.w-schritte>.kw>h2,.w-referenz h2{font-size:28px;line-height:29.4px}
 .w-bildband{height:260px}
 .w-schritte{padding:70px 0}
 .w-schritt{grid-template-columns:minmax(0,1fr);padding:54px 0}
 .w-schritt:last-child{padding-bottom:35px}
 .w-schritt>div{padding:0 10px}
 .w-nr{margin-bottom:26px}
 .w-nr{font-size:54px;line-height:45.9px}
 .w-schritt h3{font-size:21px;line-height:24.15px}
 .w-seo{padding:70px 0}
 .w-seo h2{font-size:27px}
 .w-paar{grid-template-columns:1fr;padding:70px 26px}
 .w-paar-bild{height:280px}
 .w-referenz{padding:90px 0}
 .w-referenz-reihe{grid-template-columns:minmax(0,1fr);gap:34px;padding:0 20px}
 .w-referenz h2{padding-left:0;margin-bottom:15.6px}
 .w-referenz-knoepfe .w-knopf{width:100%}
 .w-reden{padding:70px 0}
 .w-reden h2{font-size:44px;line-height:41.8px}
 .w-kontakt{font-size:19px;line-height:30.4px}
}