/* ISO 50001 Wissensseiten – gleiches Blau/Orange wie Energieaudit */
.iso-page .page-hero{
  background:linear-gradient(135deg,var(--b8) 0%,var(--b7) 55%,var(--b5) 100%);
  padding:72px 0;overflow:hidden;position:relative;
}
.iso-page .page-hero::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.iso-page .page-hero-inner{max-width:1220px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:1}
.iso-page .ph-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:40px;margin-bottom:20px}
.iso-page .page-hero h1{font-size:clamp(1.65rem,3vw,2.55rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:18px}
.iso-page .page-hero-p{font-size:.94rem;color:rgba(255,255,255,.82);line-height:1.72;margin-bottom:24px;max-width:560px}
.iso-page .ph-highlights{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.iso-page .ph-hl{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9);font-size:.87rem}
.iso-page .ph-hl i{color:var(--orange);width:18px;text-align:center}
.iso-page .ph-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.iso-page .ph-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:var(--r12);padding:18px;text-align:center}
.iso-page .ph-stat-n{font-size:1.75rem;font-weight:900;color:#fff;line-height:1}
.iso-page .ph-stat-l{font-size:.74rem;color:rgba(255,255,255,.72);margin-top:6px}

.iso-page .ea-intro{background:#fff;padding:80px 0}
.iso-page .ea-intro-inner{max-width:1220px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.iso-page .ea-intro h2{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;color:var(--b8);line-height:1.2;margin-bottom:16px}
.iso-page .ea-intro p{font-size:.93rem;color:var(--text-md);line-height:1.75;margin-bottom:14px}
.iso-page .ea-tag{color:var(--b5)}
.iso-page .ea-intro-img{border-radius:var(--r16);overflow:hidden;box-shadow:var(--sh-lg)}
.iso-page .ea-intro-img img{width:100%;height:360px;object-fit:cover}

.iso-page .ea-sec{padding:80px 0}
.iso-page .ea-sec.gray{background:var(--gray-bg)}
.iso-page .ea-sec .wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.iso-page .ea-sec-head{text-align:center;margin-bottom:48px}
.iso-page .ea-sec-head .tag{display:inline-block;color:var(--b5);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.iso-page .ea-sec-head h2{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800;color:var(--b8);margin-bottom:12px}
.iso-page .ea-sec-head p{color:var(--text-md);font-size:.92rem;max-width:640px;margin:0 auto;line-height:1.7}

.iso-page .ea-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.iso-page .ea-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.iso-page .ea-card{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:28px;box-shadow:var(--sh-sm);transition:box-shadow .25s,transform .25s}
.iso-page .ea-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:var(--b4)}
.iso-page .ea-card-ico{width:48px;height:48px;border-radius:11px;background:var(--b1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.iso-page .ea-card-ico i{color:var(--b5);font-size:1.2rem}
.iso-page .ea-card h3{font-size:.98rem;font-weight:700;color:var(--b8);margin-bottom:10px}
.iso-page .ea-card p{font-size:.84rem;color:var(--text-lt);line-height:1.65}

.iso-page .ea-steps{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.iso-page .ea-step{display:flex;gap:22px;padding-bottom:32px}
.iso-page .ea-step-num{width:48px;height:48px;border-radius:50%;background:var(--b5);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.iso-page .ea-step-label{font-size:.72rem;font-weight:700;color:var(--b5);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:4px}
.iso-page .ea-step-body h3{font-size:1rem;font-weight:700;color:var(--b8);margin-bottom:8px}
.iso-page .ea-step-body p,.iso-page .ea-step-body ul{font-size:.86rem;color:var(--text-md);line-height:1.7}

.iso-page .ea-checklist{display:flex;flex-direction:column;gap:12px}
.iso-page .ea-check{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--r12);padding:16px 18px}
.iso-page .ea-check i{color:var(--b5);margin-top:3px;flex-shrink:0}

.iso-page .ea-table th{background:var(--b1);color:var(--b8)}
.iso-page .ea-deep{background:linear-gradient(135deg,var(--gray-bg),var(--b1));border:1px solid var(--border);border-radius:var(--r16);padding:36px}
.iso-page .ea-deep h2{color:var(--b8)}
.iso-page .ea-pillar{background:#fff;border:1px solid var(--border);border-radius:var(--r12);padding:22px}
.iso-page .ea-pillar h4{color:var(--b7)}
.iso-page .ea-notice{background:var(--b1);border:1px solid var(--b2);color:var(--b8)}
.iso-page .ea-notice i{color:var(--b5)}

.iso-page .ea-fqi{border:1px solid var(--border)}
.iso-page .ea-fqi-q{color:var(--b8)}
.iso-page .ea-fqi.open .ea-fqi-q{background:var(--b1)}
.iso-page .ea-rel-link:hover{border-color:var(--b5)}
.iso-page .ea-cta-mini{background:var(--b1)}
.iso-page .ea-cta-mini h3{color:var(--b8)}

.iso-page .ea-deep-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
.iso-page .ea-deep h2{font-size:1.35rem;font-weight:800;color:var(--b8);margin:12px 0 16px}
.iso-page .ea-deep p{font-size:.9rem;color:var(--text-md);line-height:1.75;margin-bottom:12px}
.iso-page .ea-deep-list{margin-top:16px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.iso-page .ea-deep-list li{font-size:.88rem;color:var(--text-md);display:flex;gap:10px;line-height:1.5}
.iso-page .ea-deep-list li::before{content:'✓';color:var(--b5);font-weight:800;flex-shrink:0}
.iso-page .ea-pillars{display:flex;flex-direction:column;gap:14px}
.iso-page .ea-step-body ul{margin-top:10px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.iso-page .ea-step-body ul li{font-size:.84rem;color:var(--text-md)}
.iso-page .ea-step-body ul li::before{content:'→';color:var(--b5);margin-right:8px}
.iso-page .ea-table-wrap{overflow-x:auto;border-radius:var(--r12);border:1px solid var(--border);background:#fff}
.iso-page .ea-table{width:100%;border-collapse:collapse;font-size:.84rem}
.iso-page .ea-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-md);vertical-align:top}
.iso-page .ea-table tr:last-child td{border-bottom:none}
.iso-page .ea-faq-wrap{max-width:880px;margin:0 auto}
.iso-page .ea-fqi{background:#fff;border:1px solid var(--border);border-bottom:none}
.iso-page .ea-fqi:first-child{border-radius:12px 12px 0 0}
.iso-page .ea-fqi:last-child{border-bottom:1px solid var(--border);border-radius:0 0 12px 12px}
.iso-page .ea-fqi-q{width:100%;background:none;border:none;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--b8);cursor:pointer}
.iso-page .ea-fqi-q:hover{background:var(--b1)}
.iso-page .ea-fqi-q i{color:var(--b5);transition:transform .3s}
.iso-page .ea-fqi.open .ea-fqi-q i{transform:rotate(45deg)}
.iso-page .ea-fqi-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.iso-page .ea-fqi.open .ea-fqi-a{max-height:480px}
.iso-page .ea-fqi-a-in{padding:14px 22px 16px;font-size:.86rem;color:var(--text-md);line-height:1.7;border-top:1px solid var(--border)}
.iso-page .ea-disclaimer{font-size:.82rem;color:var(--text-lt);line-height:1.6;margin-top:20px;padding:14px 16px;background:var(--b1);border-radius:var(--r8);border-left:3px solid var(--b5)}
.iso-page .ea-related{margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}
.iso-page .ea-related h3{font-size:1.1rem;font-weight:800;color:var(--b8);margin-bottom:20px}
.iso-page .ea-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.iso-page .ea-cta-mini{border-radius:var(--r16);padding:36px;text-align:center;margin-top:48px}

@media(max-width:900px){
  .iso-page .ea-deep-wrap{grid-template-columns:1fr}
  .iso-page .page-hero-inner,.iso-page .ea-intro-inner{grid-template-columns:1fr}
  .iso-page .ea-grid-2,.iso-page .ea-grid-3{grid-template-columns:1fr}
  .iso-page .ea-rel-grid{grid-template-columns:1fr}
  .ea-scenario-grid,.ea-glossary,.ea-decision-grid{grid-template-columns:1fr}
}

.ea-scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ea-scenario-card{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:26px;box-shadow:var(--sh-sm)}
.ea-scenario-label{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b5);margin-bottom:10px}
.ea-scenario-card h4{font-size:1.05rem;font-weight:800;color:var(--b8);margin-bottom:10px}
.ea-scenario-card p{font-size:.88rem;color:var(--text-md);line-height:1.65;margin:0}
.ea-glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px;margin:0}
.ea-gloss-item dt{font-weight:800;color:var(--b8);font-size:.92rem;margin-bottom:4px}
.ea-gloss-item dd{font-size:.86rem;color:var(--text-md);line-height:1.6;margin:0}
.ea-timeline{border-left:3px solid var(--b2);margin-left:12px;padding-left:28px}
.ea-timeline-item{margin-bottom:24px;position:relative}
.ea-timeline-item::before{content:'';position:absolute;left:-37px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--b5);border:3px solid #fff;box-shadow:0 0 0 2px var(--b2)}
.ea-timeline-when{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--b5);margin-bottom:4px}
.ea-timeline-what{font-size:.9rem;color:var(--text-md);line-height:1.6}
.ea-pitfalls{display:flex;flex-direction:column;gap:14px}
.ea-pitfall{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #fde8d8;border-left:4px solid var(--orange);border-radius:var(--r12);padding:18px 20px}
.ea-pitfall i{color:var(--orange);margin-top:3px;flex-shrink:0}
.ea-pitfall p{font-size:.86rem;color:var(--text-md);line-height:1.6;margin:4px 0 0}
.ea-worked{background:#fff;border:1px solid var(--border);border-radius:var(--r16);padding:32px;box-shadow:var(--sh-sm)}
.ea-worked-steps{margin:0 0 18px;padding-left:22px;font-size:.9rem;color:var(--text-md);line-height:1.75}
.ea-worked-note{font-size:.82rem;color:var(--text-lt);margin:0}
.ea-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ea-decision-card{background:#fff;border:1px solid var(--border);border-radius:var(--r14);padding:24px;box-shadow:var(--sh-sm)}
.ea-decision-card h4{font-size:1rem;font-weight:800;color:var(--b8);margin-bottom:8px}
.ea-decision-when{font-size:.84rem;color:var(--text-md);line-height:1.55;margin-bottom:8px}
.ea-decision-focus{font-size:.8rem;color:var(--b5)}

/* ══════════════════════════════════════════════════════════════
   EA-HERO / ISO-HERO  –  Neuere Seitenvorlage (ab 2024)
   Erzeugt denselben blauen Gradient-Hero wie .page-hero,
   damit alle ISO-50001-Unterseiten einheitlich aussehen.
══════════════════════════════════════════════════════════════ */
.iso-page .ea-hero.iso-hero{
  background:linear-gradient(135deg,var(--b8) 0%,var(--b7) 55%,var(--b5) 100%);
  padding:72px 0;overflow:hidden;position:relative;
}
.iso-page .ea-hero.iso-hero::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.iso-page .ea-hero.iso-hero .wrap{position:relative;z-index:1;}

/* Badge-Pill oben links */
.iso-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);
  color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 14px;border-radius:40px;margin-bottom:20px;
}

/* H1 im Hero */
.iso-page .ea-hero h1{
  font-size:clamp(1.65rem,3vw,2.55rem);font-weight:900;color:#fff;
  line-height:1.15;margin:0 0 18px;max-width:820px;
}

/* Subtext */
.hero-sub{
  font-size:.94rem;color:rgba(255,255,255,.82);line-height:1.72;
  margin-bottom:0;max-width:680px;
}

/* Stats-Leiste */
.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;}
.hs-item{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-radius:var(--r12);padding:14px 20px;text-align:center;min-width:110px;
}
.hs-val{display:block;font-size:1.5rem;font-weight:900;color:#fff;line-height:1;}
.hs-label{display:block;font-size:.72rem;color:rgba(255,255,255,.72);margin-top:4px;}

/* Breadcrumb für neuere Seiten (nav.breadcrumb) */
.iso-page nav.breadcrumb{background:#fff;border-bottom:1px solid var(--border);padding:.55rem 0;}
.iso-page nav.breadcrumb .bc-inner{
  max-width:1220px;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;gap:.45rem;font-size:.82rem;flex-wrap:wrap;
}
.iso-page nav.breadcrumb a{color:var(--b7);text-decoration:none;}
.iso-page nav.breadcrumb a:hover{color:var(--b9);text-decoration:underline;}
.iso-page nav.breadcrumb span{color:var(--text-lt);}
.iso-page nav.breadcrumb .bc-current{color:var(--text-md);font-weight:600;}

/* Intro-Spalten (zweispaltig mit Keybox) */
.iso-page .intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.iso-page .intro-keybox{background:var(--b1);border:1px solid var(--b2);border-radius:var(--r16);padding:28px;}
.iso-page .intro-keybox h3{font-size:1rem;font-weight:800;color:var(--b8);margin:0 0 14px;display:flex;align-items:center;gap:.5rem;}
.iso-page .intro-keybox h3 i{color:var(--b5);}
.iso-page .intro-keybox ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.iso-page .intro-keybox li{font-size:.86rem;color:var(--text-md);padding-left:1.1rem;position:relative;}
.iso-page .intro-keybox li::before{content:'→';color:var(--b5);position:absolute;left:0;}

/* Section-Titel/Sub für neuere Seiten */
.sec-title{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;color:var(--b8);margin:0 0 10px;}
.sec-sub{font-size:.92rem;color:var(--text-md);line-height:1.65;max-width:700px;margin:0 0 1.5rem;}

@media(max-width:700px){
  .iso-page .intro-cols{grid-template-columns:1fr;}
  .hero-stats{gap:10px;}
  .hs-item{min-width:90px;padding:10px 14px;}
}