:root{--ijh:#79cf69;--ijh2:#55b953;--green:#0b4a35;--green2:#073725;--green3:#0f5b40;--ink:#f5fff6;--muted:#d5ead9;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:var(--green)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1240px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(7,55,37,.97);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:62px;height:58px;border:2px solid var(--ijh);display:grid;place-items:center;font-weight:900;font-size:23px;color:var(--ijh);line-height:.85}.brandmark small{font-size:8px;display:block;letter-spacing:.1em;color:#fff}.brand b{font-size:16px;letter-spacing:.04em}.brand>span>small{display:block;color:var(--muted);letter-spacing:.08em}.menu{display:flex;gap:20px;font-size:14px}.menu a:hover{color:var(--ijh)}.btn{display:inline-block;background:var(--ijh2);color:#fff;padding:13px 20px;border-radius:3px;font-weight:700;border:1px solid var(--ijh2)}.btn.outline{background:transparent;border-color:#fff}
.hero-home{background:linear-gradient(120deg,var(--green2),var(--green));padding:62px 0 68px;border-bottom:12px solid var(--ijh)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.hero-photo{height:470px;border-radius:9px;background-size:cover;background-position:center;box-shadow:0 24px 60px rgba(0,0,0,.25)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px;color:var(--ijh)}h1{font-size:clamp(42px,5.5vw,70px);line-height:1.02;margin:.2em 0}h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:.2em 0 .65em}h3{font-size:21px;margin:.2em 0 .45em}.lead,.intro,.card p{color:var(--muted)}.lead{font-size:19px;max-width:720px}.intro{font-size:18px;max-width:820px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.hero-feature{border-left:4px solid var(--ijh);padding:6px 0 6px 17px}.hero-feature b{display:block;font-size:24px}.hero-feature small{color:var(--muted)}
.subhero{min-height:390px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative}.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,49,32,.96),rgba(5,49,32,.38))}.subhero .wrap{position:relative;padding-bottom:50px}.subhero p{font-size:19px;max-width:720px;color:#e7f6e9}
section{padding:72px 0;background:var(--green)}section.alt,.soft{background:var(--green3)}.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g6{grid-template-columns:repeat(3,1fr)}.card{background:rgba(255,255,255,.075);border:1px solid var(--line);border-radius:7px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.card img.icon{width:46px;height:46px;margin-bottom:14px;filter:brightness(0) invert(1)}.service-card{transition:.2s}.service-card:hover{transform:translateY(-3px);border-color:var(--ijh);background:rgba(255,255,255,.11)}.photo{border-radius:7px;overflow:hidden;min-height:300px;background-size:cover;background-position:center}
.flow{background:var(--green2)}.flowrow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{border:1px solid var(--line);border-radius:6px;padding:22px;text-align:center}.step img{width:42px;height:42px;margin:0 auto 12px;filter:brightness(0) invert(1)}
.projects .project{min-height:310px;position:relative;border-radius:7px;overflow:hidden;background-size:cover;background-position:center}.project:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(3,35,20,.94))}.project .caption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.tag{display:inline-block;background:var(--ijh2);color:#fff;padding:5px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.topproject{border:2px solid var(--ijh);position:relative}.topproject:before{content:"TOP-PROJEKT";position:absolute;z-index:4;top:18px;left:18px;background:var(--ijh);color:var(--green2);font-weight:900;padding:8px 11px;font-size:12px;letter-spacing:.1em}.refimg{height:245px;background-size:cover;background-position:center;border-radius:6px;margin:-25px -25px 20px}.checks{list-style:none;padding:0}.checks li{margin:9px 0;padding-left:27px;position:relative;color:var(--muted)}.checks li:before{content:"✓";position:absolute;left:0;color:var(--ijh);font-weight:900}
.band{background:var(--ijh);color:var(--green2)}.band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric{padding:20px;border-right:1px solid rgba(7,55,37,.25)}.metric b{display:block;font-size:29px}.partnerchips,.social{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.partnerchip,.social a{padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.08);font-weight:700}.trustlogo{background:#fff;border-radius:5px;padding:10px;width:115px;margin-bottom:14px}.cta{background:var(--green2);border:1px solid var(--line);border-radius:7px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact{background:rgba(255,255,255,.08);border-left:6px solid var(--ijh);padding:28px}
footer{background:#052a1c;padding:46px 0 22px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.foot small{color:#c8d9ce}.claim{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.18em;color:#d7e8dd}
@media(max-width:950px){.menu{display:none}.hero-grid,.g2,.g3,.g6,.flowrow,.band .wrap,.foot{grid-template-columns:1fr}.hero-photo{height:360px}.hero-features{grid-template-columns:1fr}.brand b{font-size:13px}.brandmark{width:52px;height:49px}.nav>.btn{display:none}.cta{display:block}.cta .btn{margin-top:16px}}

.social-icons{display:flex;align-items:center;gap:9px;margin-top:15px}
.social-icons a,.social-icons .social-disabled{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;transition:.2s;background:rgba(255,255,255,.08)}
.social-icons a:hover{background:var(--ijh);color:var(--green2);border-color:var(--ijh);transform:translateY(-2px)}
.social-icons img{width:19px;height:19px}
.social-disabled{opacity:.5;cursor:default}
.header-social-icons{margin:0 4px 0 auto}
@media(max-width:1100px){.header-social-icons{display:none}}

/* IJH Update 14.09.2026 – helle Flächen in Briefpapier-Grün */
:root{
  --ijh-light:#cfeecb;
  --ijh-light-soft:#e5f6e2;
}
body{background:var(--ijh-light-soft);}
main,.section,.projects,.services,.content-section,.references{
  background:var(--ijh-light-soft);
}
.card,.service-card,.project-card,.feature,.panel{
  background:var(--ijh-light);
}

/* FINAL 14.09.2026 – exaktes IJH-Logo, mehr Seitenbreite */
.container,.wrap,.inner,.header-inner,.nav-inner,.section-inner{
  width:min(1500px,calc(100% - 32px))!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-header .logo img, header .logo img, .brand img, .brand-logo img{
  content:url('../img/IJH-engineering-ORIGINAL.jpg');
  width:190px!important;
  max-width:190px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .logo, header .logo, .brand, .brand-logo{
  margin-left:0!important;
  padding-left:0!important;
  justify-content:flex-start!important;
}
@media(min-width:1400px){
  .container,.wrap,.inner,.header-inner,.nav-inner,.section-inner{
    width:calc(100% - 40px)!important;
    max-width:1600px!important;
  }
}

/* FINAL: Original-IJH-Logo auf sämtlichen Unterseiten */
.ijh-original-logo{
  position:absolute;
  left:14px;
  top:8px;
  z-index:999;
  display:flex;
  align-items:center;
  width:180px;
  height:118px;
  text-decoration:none;
}
.ijh-original-logo img{
  display:block;
  width:170px!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
header,.site-header{position:relative}
header img[src$="IJH-engineering-ORIGINAL.jpg"],
.site-header img[src$="IJH-engineering-ORIGINAL.jpg"],
.brand img[src$="IJH-engineering-ORIGINAL.jpg"],
.logo img[src$="IJH-engineering-ORIGINAL.jpg"]{
  width:170px!important;
  height:auto!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:760px){
  .ijh-original-logo{position:relative;left:8px;top:4px;width:140px;height:auto}
  .ijh-original-logo img{width:135px!important;max-height:none!important}
}

/* FINAL – Unterseiten farblich wie Startseite */
:root{
  --page-light:#e9f8e7;
  --page-light-2:#dff3dc;
  --page-card:#d2efce;
  --page-band:#c5eac0;
  --page-dark:#075b39;
  --page-deep:#06452f;
  --page-text:#073f2b;
  --page-muted:#315b48;
}
body{
  background:var(--page-light)!important;
  color:var(--page-text)!important;
}
header,.site-header{
  background:linear-gradient(90deg,var(--page-deep),var(--page-dark))!important;
}
section,main,.section,.projects,.services,.content-section,.references{
  background:var(--page-light)!important;
}
section.alt,.soft,.flow{
  background:var(--page-light-2)!important;
}
.card,.service-card,.project-card,.feature,.panel,.contact{
  background:var(--page-card)!important;
  border-color:rgba(7,91,57,.18)!important;
  box-shadow:0 10px 28px rgba(7,69,47,.08)!important;
}
.card p,.lead,.intro,.checks li,.hero-feature small{
  color:var(--page-muted)!important;
}
.card h3,.card h2,.card b,section h2,section h3{
  color:var(--page-text);
}
.service-card:hover{
  background:var(--page-band)!important;
  border-color:#6fc75f!important;
}
.band{
  background:#82ca7c!important;
  color:var(--page-text)!important;
}
.cta{
  background:var(--page-card)!important;
  border-color:rgba(7,91,57,.2)!important;
}
.partnerchip,.social a{
  background:rgba(255,255,255,.28)!important;
  border-color:rgba(7,91,57,.2)!important;
}
footer{
  background:var(--page-deep)!important;
}
.subhero:before{
  background:linear-gradient(90deg,rgba(5,69,47,.93),rgba(5,69,47,.30))!important;
}
/* Unterseiten-Icons dunkelgrün statt weiß – passend zur Startseite */
.card img.icon,.step img{
  filter:none!important;
}
/* breiter wie Startseite */
.wrap{
  width:min(1500px,calc(100% - 40px))!important;
  max-width:1500px!important;
}

/* ============================================================
   FINAL EINHEITLICHES IJH-SYSTEM – ALLE SEITEN
   Startseite ist Gestaltungsmaßstab
   ============================================================ */
:root{
 --ijh-bg:#e9f8e7;
 --ijh-bg2:#dff3dc;
 --ijh-card:#d2efce;
 --ijh-band:#c5eac0;
 --ijh-green:#075b39;
 --ijh-deep:#06452f;
 --ijh-accent:#70cf5c;
 --ijh-text:#073f2b;
 --ijh-muted:#315b48;
 --ijh-max:1500px;
}
html,body{margin:0;background:var(--ijh-bg)!important;color:var(--ijh-text)!important}
body{font-family:Arial,Helvetica,sans-serif!important}
.container,.wrap,.inner,.header-inner,.nav-inner,.section-inner{
 width:min(var(--ijh-max),calc(100% - 48px))!important;
 max-width:var(--ijh-max)!important;
 margin-left:auto!important;margin-right:auto!important;
}
header,.site-header{
 min-height:118px!important;
 background:linear-gradient(90deg,#e7f6e4,#dff3dc)!important;
 color:var(--ijh-text)!important;
 border:0!important;
}
nav,.main-nav,.navigation{
 background:linear-gradient(90deg,var(--ijh-deep),var(--ijh-green))!important;
}
nav a,.main-nav a,.navigation a{color:#fff!important}
nav a:hover,nav a.active,.main-nav a:hover,.main-nav a.active{
 background:var(--ijh-accent)!important;color:var(--ijh-deep)!important;
}
main,section,.section,.content-section,.projects,.services,.references{
 background:var(--ijh-bg)!important;
}
section.alt,.alt,.soft,.flow,.service-strip{
 background:var(--ijh-bg2)!important;
}
.card,.service-card,.project-card,.feature,.panel,.contact,.box,.tile{
 background:var(--ijh-card)!important;
 color:var(--ijh-text)!important;
 border:1px solid rgba(7,91,57,.15)!important;
 border-radius:10px!important;
 box-shadow:0 10px 28px rgba(7,69,47,.07)!important;
}
.card p,.lead,.intro,.muted,.checks li,.hero-feature small{
 color:var(--ijh-muted)!important;
}
h1,h2,h3,h4,.headline,.title{color:var(--ijh-text)}
.btn,.button,.cta-button{
 background:var(--ijh-accent)!important;
 color:var(--ijh-deep)!important;
 border-color:var(--ijh-accent)!important;
}
.btn:hover,.button:hover,.cta-button:hover{
 background:#8adb78!important;
}
.subhero,.page-hero,.hero-small{
 min-height:300px!important;
 background-position:center!important;
 background-size:cover!important;
}
.subhero:before,.page-hero:before,.hero-small:before{
 background:linear-gradient(90deg,rgba(5,69,47,.91),rgba(5,69,47,.25))!important;
}
.band,.highlight-band{
 background:var(--ijh-band)!important;color:var(--ijh-text)!important;
}
footer,.site-footer{
 background:var(--ijh-deep)!important;color:#fff!important;
}
footer a,.site-footer a{color:#fff!important}
.social-icons a{color:var(--ijh-green)!important}
header .social-icons a,.site-header .social-icons a{
 border-color:rgba(7,91,57,.25)!important;background:rgba(255,255,255,.25)!important;
}
.ijh-original-logo{
 left:8px!important;top:5px!important;width:185px!important;height:110px!important;
}
.ijh-original-logo img,
header img[src$="IJH-engineering-ORIGINAL.jpg"],
.site-header img[src$="IJH-engineering-ORIGINAL.jpg"]{
 width:175px!important;max-width:175px!important;height:auto!important;
 object-fit:contain!important;object-position:left center!important;
}
@media(max-width:800px){
 .container,.wrap,.inner,.header-inner,.nav-inner,.section-inner{
   width:calc(100% - 24px)!important;
 }
 header,.site-header{min-height:auto!important}
}

/* Korrektur 14.09.2026: ausschließlich Original-IJH-Logo */
.ijh-original-logo img,
header img[src$="IJH-engineering-ORIGINAL.jpg"],
.site-header img[src$="IJH-engineering-ORIGINAL.jpg"],
.brand img[src$="IJH-engineering-ORIGINAL.jpg"],
.logo img[src$="IJH-engineering-ORIGINAL.jpg"]{
  
  width:175px!important;
  max-width:175px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Korrektur: auf Unterseiten nur EIN Logo im regulären Header */
.ijh-original-logo{display:none!important;}

/* Über mich / Unternehmen: ausschließlich reguläres Original-IJH-Logo */
body.ijh-subpage-unified .ijh-original-logo{display:none!important;}

/* FINAL LOGO: ausschließlich IJH engineering Logo Lilli(4).jpg */
.ijh-original-logo{display:none!important}
header img[src$="IJH-engineering-ORIGINAL.jpg"],
.site-header img[src$="IJH-engineering-ORIGINAL.jpg"],
.brand img[src$="IJH-engineering-ORIGINAL.jpg"],
.logo img[src$="IJH-engineering-ORIGINAL.jpg"]{
 width:150px!important;max-width:150px!important;height:105px!important;
 object-fit:contain!important;object-position:left center!important;
}

/* ==========================================================
   FINAL PRÜFUNG 14.09.2026
   Nur dieses Logo: assets/img/IJH-engineering-ORIGINAL.jpg
   ========================================================== */
.ijh-original-logo,.brandmark{display:none!important}
header .brand-main{
  display:flex!important;align-items:center!important;gap:16px!important;
  min-width:360px!important;text-decoration:none!important;
}
header .brand-main .brand-logo{
  display:block!important;width:112px!important;max-width:112px!important;
  height:82px!important;object-fit:contain!important;object-position:left center!important;
}
header .brand-main span{display:flex!important;flex-direction:column!important}
header .brand-main b{color:var(--ijh1)!important}
header .brand-main small{color:var(--muted)!important}
@media(max-width:1000px){
  header .brand-main{min-width:auto!important}
  header .brand-main span{display:none!important}
  header .brand-main .brand-logo{width:92px!important;height:68px!important}
}

/* DESIGN-CHECK 15.09.2026 — einheitliche Kopfzeile */
.site-top{position:sticky!important;top:0!important;z-index:1000!important;background:#e7f6e4!important;color:#073f2b!important;border-bottom:0!important;box-shadow:0 2px 10px rgba(6,69,47,.12)!important}
.site-top .nav{height:112px!important;min-height:112px!important;width:min(1500px,calc(100% - 36px))!important;max-width:1500px!important;margin:auto!important}
.site-top .brand-main{display:flex!important;align-items:center!important;gap:16px!important;min-width:365px!important}
.site-top .brand-logo{display:block!important;width:128px!important;height:94px!important;object-fit:contain!important;object-position:left center!important;background:#fff!important}
.site-top .brand-main b{color:#073f2b!important;font-size:17px!important}.site-top .brand-main small{color:#315b48!important}
.site-top .menu{align-self:stretch!important;display:flex!important;align-items:center!important;gap:0!important}.site-top .menu a{color:#fff!important;background:#075b39!important;padding:45px 18px!important;height:112px!important}.site-top .menu a:hover{background:#70cf5c!important;color:#073f2b!important}
.site-top .header-social-icons{margin:0 10px!important}.site-top .header-social-icons a,.site-top .header-social-icons span{color:#075b39!important;border-color:rgba(7,91,57,.25)!important;background:rgba(255,255,255,.45)!important}
@media(max-width:1100px){.site-top .menu{display:none!important}.site-top .brand-main{min-width:auto!important}.site-top .brand-main span{display:none!important}.site-top .nav{height:86px!important;min-height:86px!important}.site-top .brand-logo{width:100px!important;height:74px!important}.site-top .header-social-icons{display:none!important}}

.project-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.project-gallery img{width:100%;height:245px;object-fit:cover;border-radius:8px}.project-plan{background:var(--page-card,#d2efce);padding:18px;border-radius:8px}.project-plan img{width:100%;max-height:500px;object-fit:contain;background:#fff;border-radius:6px}.project-detail-link{display:block;color:inherit;text-decoration:none}.project-detail-link .card{height:100%;transition:.2s}.project-detail-link:hover .card{transform:translateY(-4px)}@media(max-width:900px){.project-detail-grid,.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto}}

/* =========================================================
   MASTER-KOPFZEILE – auf ALLEN Seiten exakt wie Startseite
   ========================================================= */
.ijh-master-header{
 position:sticky!important;top:0!important;z-index:9999!important;
 width:100%!important;background:#e8f6e5!important;
 box-shadow:0 2px 10px rgba(4,70,40,.12)!important;
}
.ijh-header-image{position:relative;width:min(1536px,100%);margin:0 auto}
.ijh-header-image>img{display:block;width:100%;height:auto}
.ijh-header-image .mh{position:absolute;display:block;z-index:5}
.mh-start{left:6.5%;top:75%;width:8%;height:24%}
.mh-leistungen{left:14.5%;top:75%;width:9%;height:24%}
.mh-referenzen{left:24%;top:75%;width:9%;height:24%}
.mh-aktuelles{left:33.4%;top:75%;width:8%;height:24%}
.mh-ueber{left:41.9%;top:75%;width:8.5%;height:24%}
.mh-kontakt{left:50.4%;top:75%;width:8%;height:24%}
.mh-instagram{left:73%;top:22%;width:3%;height:34%}
.mh-linkedin{left:76.2%;top:22%;width:3%;height:34%}
.mh-youtube{left:79.5%;top:22%;width:3%;height:34%}
.mh-email{left:84%;top:28%;width:13%;height:34%}
@media(max-width:800px){
 .ijh-master-header{position:relative!important}
 .ijh-header-image{min-width:720px}
 body{overflow-x:auto}
}

/* ============================================================
   FINALER SEITENRAHMEN – bündig wie Startseite
   ============================================================ */
:root{
  --ijh-page-width:1536px;
}

/* Gesamte Website immer auf derselben Achse */
html{
  background:#e8f6e5!important;
}
body{
  margin:0!important;
  padding:0!important;
  background:#e8f6e5!important;
  overflow-x:hidden!important;
}

/* Master-Kopfzeile und Startseite */
.ijh-master-header{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.ijh-header-image,
.home-image{
  width:min(var(--ijh-page-width),100%)!important;
  max-width:var(--ijh-page-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Alle Inhaltsblöcke exakt auf dieselbe Außenkante */
body > .subhero,
body > section,
body > main,
body > footer,
body > .section,
body > .projects,
body > .services,
body > .references{
  width:min(var(--ijh-page-width),100%)!important;
  max-width:var(--ijh-page-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Keine verschobenen Seiten durch alte Breiten-/Margin-Regeln */
.subhero,
.page-hero,
.hero-small{
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Innerer Inhalt bleibt sauber mit identischem Innenabstand */
.wrap,
.container,
.inner,
.section-inner{
  width:calc(100% - 96px)!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Projektseiten ebenfalls exakt bündig */
.project-detail-grid,
.project-gallery,
.cta,
.grid{
  box-sizing:border-box!important;
}

/* Desktop: keine alte seitliche Einrückung */
@media(min-width:1000px){
  body > .subhero,
  body > section,
  body > main,
  body > footer{
    left:auto!important;
    right:auto!important;
  }
}

/* Tablet/Mobil: voller verfügbarer Bildschirm, gleichmäßiger Innenrand */
@media(max-width:800px){
  .ijh-header-image,
  .home-image,
  body > .subhero,
  body > section,
  body > main,
  body > footer{
    width:100%!important;
    max-width:100%!important;
  }
  .ijh-header-image{
    min-width:0!important;
  }
  .wrap,.container,.inner,.section-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  body{
    overflow-x:hidden!important;
  }
}

/* Aktuelles */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.news-card{display:grid;grid-template-columns:42% 58%;min-height:300px;overflow:hidden}
.news-card .news-img{background-size:cover;background-position:center;min-height:300px}
.news-card .news-copy{padding:28px}
.news-status{background:var(--page-band,#c5eac0);border-left:5px solid var(--ijh2,#65c55a);padding:18px 20px;margin-top:24px;border-radius:6px}
.news-meta{font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--ijh2,#55b953)}
@media(max-width:900px){.news-grid,.news-card{grid-template-columns:1fr}.news-card .news-img{min-height:230px}}

.legal-content{max-width:1050px!important}.legal-content h2{margin-top:34px}.legal-content p{line-height:1.75}

/* Über mich – Portrait Jörg Hüllbrock */
.about-person{background:var(--page-light,#e9f8e7)!important;padding:34px 0!important}
.about-portrait-card{
 display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:center;
 background:var(--page-card,#d2efce);padding:24px;border-radius:10px;
 border:1px solid rgba(7,91,57,.15);
}
.about-portrait-card img{
 width:230px;height:270px;object-fit:cover;object-position:center top;
 border-radius:8px;display:block;
}
.about-portrait-copy h2{margin:6px 0 12px}
@media(max-width:700px){
 .about-portrait-card{grid-template-columns:1fr}
 .about-portrait-card img{width:100%;height:auto;max-width:320px}
}

/* Software & Technik */
.software-section{background:var(--page-light-2,#dff3dc)!important;padding:56px 0!important}
.software-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.software-card{display:flex;flex-direction:column;justify-content:space-between;min-height:185px;padding:20px;background:rgba(255,255,255,.42);border:1px solid rgba(7,91,57,.16);border-radius:10px;color:var(--ijh-text,#073f2b);text-decoration:none;transition:.2s}
.software-card:hover{transform:translateY(-3px);border-color:#6fc75f;background:rgba(255,255,255,.62)}
.software-logo{height:66px;display:flex;align-items:center;margin-bottom:12px}
.software-logo img{max-width:150px;max-height:58px;object-fit:contain;object-position:left center}
.software-wordmark{font-size:1.18rem;font-weight:800;letter-spacing:.04em;color:#075b39}
.software-wordmark small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-top:3px}
.software-copy h3{margin:0 0 5px;font-size:1.02rem}
.software-copy p{margin:0;font-size:.88rem;line-height:1.45;color:#315b48}
.software-note{font-size:.78rem;opacity:.75;margin-top:20px}
@media(max-width:1050px){.software-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.software-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.software-grid{grid-template-columns:1fr}}

/* Über mich – finaler persönlicher Bereich */
.about-portrait-card{
 display:grid!important;
 grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
 gap:46px!important;
 align-items:start!important;
}
.about-portrait-copy h2{font-size:2rem;margin:4px 0 2px}
.about-portrait-copy h3{margin:0 0 24px;font-weight:500}
.about-portrait-copy p{font-size:1rem;line-height:1.7;max-width:720px}
.about-portrait-side{display:flex;flex-direction:column;gap:0}
.about-person-photo{
 width:100%!important;height:auto!important;max-height:460px!important;
 object-fit:cover!important;object-position:center top!important;border-radius:8px 8px 0 0!important;
}
.about-portrait-side blockquote{
 margin:0!important;padding:24px 28px!important;background:rgba(197,234,192,.72)!important;
 font-size:1.05rem!important;font-style:italic!important;line-height:1.55!important;
 border-radius:0 0 8px 8px!important;
}
.signature-area{margin-top:24px;padding-top:18px;border-top:2px solid #76cb69;width:max-content;max-width:100%}
.signature-area img{
 display:block!important;width:190px!important;height:95px!important;
 object-fit:contain!important;object-position:left center!important;
 mix-blend-mode:multiply;
}
.signature-area div{font-size:.88rem;margin-top:2px}
@media(max-width:850px){
 .about-portrait-card{grid-template-columns:1fr!important}
 .about-person-photo{max-width:420px!important}
}