@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');:root{--navy:#171717;--navy2:#292929;--gold:#d71920;--ink:#252525;--muted:#686868;--line:#dedede;--bg:#f4f4f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#b00f17}h1,h2,h3,.brand{font-family:'Barlow Condensed',Arial,sans-serif;line-height:1.09;letter-spacing:.01em}h1{font-size:clamp(3.1rem,6vw,5.4rem);margin:.25em 0}h2{font-size:2.4rem;margin:.2em 0 .6em}h3{font-size:1.55rem;margin:.3em 0}.wrap{max-width:1200px;margin:auto;padding:0 25px}.top{background:#111111;color:#dedede;font-size:12px;padding:8px 0}.top .wrap{display:flex;justify-content:space-between;gap:10px}.header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:22px}.brand{font-size:25px;font-weight:800;line-height:.85;letter-spacing:.04em}.brand span{display:block;color:var(--gold);font-size:12px;font-family:Inter;letter-spacing:.15em;margin-top:10px}.links{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase}.btn{display:inline-block;background:var(--gold);color:#ffffff!important;padding:12px 20px;border-radius:3px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;border:0;cursor:pointer}.btn:hover{background:#ae1018}.hero{background:linear-gradient(115deg,#171717 0%,#292929 75%,#444444 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:'WA';font:800 310px 'Barlow Condensed',sans-serif;color:#ffffff06;position:absolute;right:0;top:-65px;pointer-events:none}.hero .wrap{padding-top:85px;padding-bottom:90px;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#c91c23}.hero .eyebrow{color:var(--gold)}.lead{max-width:740px;color:#e2e2e2;font-size:19px}.searchbox{display:flex;max-width:710px;margin-top:32px;background:#fff;border-radius:4px;overflow:hidden}.searchbox input{padding:18px 20px;flex:1;min-width:0;border:0;font:inherit;outline:0}.searchbox button{border-radius:0}.section{padding:76px 0}.alt{background:var(--bg)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{background:#fff;border:1px solid var(--line);padding:28px;min-height:155px;transition:transform .2s,border .2s}.tile:hover{transform:translateY(-3px);border-color:var(--gold)}.tile small{display:block;color:#bd1b22;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tile p{font-size:14px;color:var(--muted);line-height:1.6}.letterbar{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.letterbar a{border:1px solid var(--line);padding:5px 11px;font-weight:700;background:#fff}.termrow{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:16px}.termrow small{color:var(--muted)}.article{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px}.prose{max-width:760px}.prose p{margin:0 0 24px}.prose h2{font-size:2.05rem;margin:44px 0 14px;text-transform: uppercase;}.prose ul{padding-left:20px}.summary{border-left:5px solid var(--gold);background:#f2f2f2;padding:25px;margin:30px 0}

a.brand::after { 
    content: "";
    position: absolute;
    width: 90px;
    height: 30px;
    top: 43px;
    margin-left: 20px;
    background-image: url(/assets/wa-stromerzeuger-lexikon.png);
    background-repeat: no-repeat;}
	
p.muted {
    margin-top: 50px;
    font-size: 14px; }

.aside{position:sticky;top:112px;align-self:start;background:#f2f2f2;padding:25px}
.aside a{display:block;padding:8px 0;border-bottom:1px solid #dedede;font-size:14px}

.note{background:#f9eeee;border:1px solid #ebc4c6;padding:22px;margin:28px 0}.cta{background:var(--navy);color:#fff;padding:35px;margin-top:40px}.cta p{color:#dedede}.footer{background:#111111;color:#d2d2d2;padding:55px 0 25px}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer small{color:#a8b7c2}.breadcrumb{font-size:13px;color:#d5d5d5}.breadcrumb a{text-decoration:underline}.articlehero{padding:62px 0;background:var(--navy2);color:#fff}.articlehero h1{font-size:clamp(2.7rem,5vw,4.5rem);max-width:920px}.articlehero p{max-width:760px;color:#e0e0e0}.hidden{display:none!important}.pill{display:inline-block;background:#ececec;padding:5px 10px;font-size:12px;margin:5px 5px 5px 0}.calc{background:#f1f1f1;padding:24px;max-width:650px}.calc label{display:block;margin:10px 0}.calc input{padding:10px;width:150px;max-width:100%;border:1px solid #b7c7d0}.calc output{font-size:25px;font-weight:800;display:block;margin:12px 0}.muted{color:var(--muted)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.article{grid-template-columns:1fr}.aside{position:static}.links{gap:10px;flex-wrap:wrap}.nav{align-items:flex-start;flex-direction:column;padding:18px 0}.hero .wrap{padding-top:65px;padding-bottom:65px}.footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:550px){.grid{grid-template-columns:1fr}.footer .cols{grid-template-columns:1fr}.links{font-size:11px}.top .wrap{display:block}.searchbox button{padding:12px}.termrow{display:block}.hero:after{display:none}}

/* Realistische Fachmotiv-Abbildungen (KI-Illustrationen) */
.fachbild{display:block;width:100%;height:190px;object-fit:contain;background:#fff;border:1px solid #e9e9e9;border-radius:7px;padding:10px;box-sizing:border-box;margin-bottom:15px}
.termrow{display:flex!important;align-items:center;gap:15px;min-height:86px}
.termrow .fachbild{width:118px;height:80px;flex:0 0 118px;margin:0;padding:4px;border:0}
.termrow .termtext{display:flex;flex-direction:column;gap:5px;min-width:0}
.artikelbild{display:block;width:100%;max-width:690px;max-height:420px;object-fit:contain;background:#fff;border:1px solid #ededed;border-radius:10px;margin:0 0 28px;padding:18px;box-sizing:border-box}
.fachbild-caption{font-size:12px;color:#777;margin:-19px 0 26px}
.hero-bild{max-width:430px;width:40%;object-fit:contain;background:white;border-radius:10px;padding:14px;float:right;margin:0 0 12px 25px}
@media(max-width:720px){.termrow .fachbild{width:88px;height:65px;flex-basis:88px}.hero-bild{float:none;width:100%;max-width:100%;margin:12px 0}}

/* Bildedition 3: groß, vollständig sichtbar, weiße Bildflächen */
.fachbild {height:260px; padding:12px; object-fit:contain; object-position:center; background:#fff}
.termrow {align-items:center!important;min-height:156px;gap:25px;padding:17px 0}
.termrow .fachbild {width:220px;height:135px;flex:0 0 220px;padding:5px;object-fit:contain;border:1px solid #eee}
.artikelbild {max-width:100%;width:100%;max-height:none;height:480px;object-fit:contain;padding:16px}
.hero-bild {width:48%;max-width:560px;height:350px;object-fit:contain;padding:10px}
.tile .fachbild {height:265px}
@media(max-width:720px) {
 .termrow .fachbild {width:145px;height:108px;flex-basis:145px}
 .artikelbild {height:300px}
 .hero-bild {height:300px;width:100%;max-width:100%}
}
@media(max-width:440px) {
 .termrow .fachbild {width:118px;height:96px;flex-basis:118px}
 .fachbild {height:230px}
}

/* WA Lexikon: Bildbetonte, klare Gestaltung nach freigegebenem Mockup */
:root{--navy:#181818;--navy2:#f7f7f7;--gold:#d71920;--bg:#f5f5f5}
.wrap{max-width:1460px;padding-left:30px;padding-right:30px}
.top{background:#292929}
.header{background:#fff;color:#1b1b1b;border-bottom:1px solid #e7e7e7;box-shadow:0 3px 12px #00000008}
.brand{color:#111}.brand span{color:#d71920}
.links{color:#222}
.hero{background:linear-gradient(105deg,#202020 0%,#353535 72%,#222 100%);min-height:440px;padding-bottom: 50px;}
.hero .wrap{min-height:440px;padding-top:80px;padding-bottom:72px}
.hero .wrap > :not(.hero-product){position:relative;z-index:2;max-width:57%}
.hero-product{position:absolute;right:0;bottom:0;width:48%;height:395px;object-fit:contain;object-position:bottom center;z-index:1;filter:drop-shadow(0 16px 18px #0008)}
.hero h1{font-size:clamp(3.3rem,5.6vw,5.8rem)}
.hero .searchbox{max-width:600px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{padding:17px 17px 22px;border-radius:5px;min-width:0}
.tile .fachbild{display:block;width:100%;height:310px;padding:10px 4px;object-fit:contain;object-position:center;background:#fff}
.tile h3{font-size:1.75rem;min-height:1.2em}
.tile p{font-size:14px}
.tile strong{color:#d71920}
.lex-preview{background:#fafafa}
.lex-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}
.lex-preview-grid .termrow{display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start;gap:7px;min-height:350px;padding:15px;background:#fff;border:1px solid #e6e6e6;border-radius:5px}
.lex-preview-grid .termrow .fachbild{width:100%;height:235px;flex:none;object-fit:contain;border:0;padding:3px}
.termrow strong{display:block;font-size:17px;line-height:1.35}
.termrow small{display:block}
.section:has(.termrow) div[id]:has(> .termrow){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.section:has(.termrow) div[id]:has(> .termrow)>h2{grid-column:1/-1;margin:22px 0 0}
.section:has(.termrow) div[id]:has(> .termrow)>.termrow{display:flex;flex-direction:column;align-items:stretch!important;justify-content:flex-start;gap:9px;padding:14px;min-height:325px;border:1px solid #e4e4e4;background:#fff}
.section:has(.termrow) div[id]:has(> .termrow)>.termrow .fachbild{width:100%;height:225px;flex:none;object-fit:contain;padding:6px;border:0}
.articlehero{background:#fff;color:#181818;border-bottom:1px solid #eee;min-height:390px}
.articlehero .wrap{min-height:360px;padding-top:52px;padding-bottom:55px}
.articlehero h1{font-size:clamp(2.8rem,4.3vw,4.9rem);max-width:55%}
.articlehero p{color:#666;max-width:53%}
.articlehero .breadcrumb{color:#555;margin-bottom:20px}
.articlehero .hero-bild{float:right;width:48%;max-width:none;height:380px;object-fit:contain;background:#fff;border:0;padding:0;margin:0 0 0 20px}
.artikelbild{display:block;width:100%;height:550px;max-height:none;object-fit:contain;object-position:center;background:#fff;border:1px solid #eee;padding:12px;margin:25px auto}
.article{grid-template-columns:minmax(0,1fr) 270px;gap:35px}
@media(max-width:1100px){
.lex-preview-grid,.section:has(.termrow) div[id]:has(> .termrow){grid-template-columns:repeat(3,minmax(0,1fr))}
.tile .fachbild{height:260px}
}
@media(max-width:850px){
.article {grid-template-columns:none!important;
}

@media(max-width:760px){
.hero .wrap>:not(.hero-product){max-width:100%}
.hero-product{position:relative;display:block;width:100%;height:250px;margin:15px 0 0}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lex-preview-grid,.section:has(.termrow) div[id]:has(> .termrow){grid-template-columns:repeat(2,minmax(0,1fr))}
.articlehero .hero-bild{float:none;width:100%;height:340px;margin:0 0 18px}
.articlehero h1,.articlehero p{max-width:100%}
.artikelbild{height:400px}
}
@media(max-width:490px){
.wrap{padding-left:16px;padding-right:16px}
.grid,.lex-preview-grid,.section:has(.termrow) div[id]:has(> .termrow){grid-template-columns:1fr}
.tile .fachbild{height:310px}
.lex-preview-grid .termrow .fachbild,.section:has(.termrow) div[id]:has(> .termrow)>.termrow .fachbild{height:280px}
.articlehero .hero-bild{height:300px}
.artikelbild{height:320px}
}