:root{--red:#d9231b;--deep:#760d0a;--ink:#121212;--paper:#f3f1ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,.brand,.eyebrow,.btn,.name{font-family:'Arial Narrow',Impact,Arial,sans-serif;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.05}p{line-height:1.6;margin:0 0 18px}.top{background:#090909;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid #64231f;gap:24px}.brand{font-size:20px;font-weight:900;letter-spacing:.5px}.brand small{display:block;font:11px Arial;letter-spacing:2px;color:#bbb;margin-top:5px}.nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.nav a:hover{color:#ff7168}.nav .cta{background:var(--red);padding:13px 18px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;min-height:620px;padding:68px 5vw 0;color:#fff;overflow:hidden;background:#0c0b0b url(https://www.energieberatung-mittelfranken.de/wp-content/themes/energieberatung-mittelfranken/css/../assets/vorlage.jpg) center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000e,#000b 48%,#0002);z-index:-1}.hero:after{content:'';position:absolute;right:-8%;top:0;width:40%;height:100%;transform:skewX(-24deg);background:repeating-linear-gradient(90deg,transparent 0 52px,#b10c0b99 52px 92px,transparent 92px 135px);z-index:-1}.hero-copy{max-width:740px}.eyebrow{display:flex;align-items:center;gap:12px;color:#dfbbb8;letter-spacing:2px;font-size:13px;margin-bottom:25px}.eyebrow:before{content:'';width:36px;height:3px;background:var(--red)}h1{font-size:clamp(40px,4.5vw,72px);letter-spacing:-1px}h1 span{display:block;color:#ef2a20;margin-top:7px}.intro{color:#e5e1df;max-width:600px;font-size:17px;margin-top:25px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:18px;background:linear-gradient(110deg,#e72a1f,#8b0d09);color:#fff;padding:17px 23px;font-weight:700;font-size:14px;letter-spacing:.3px}.btn.outline{background:#fff0;border:1px solid #aaa}.person{position:relative;min-width:0}.person img{position:absolute;bottom:0;right:0;width:100%;height:111%;object-fit:contain;object-position:bottom}.name{position:absolute;right:0;bottom:28px;width:95%;padding:19px 27px;background:linear-gradient(105deg,#d3221a,#710b08);border-left:7px solid #f04b3d;transform:skewX(-12deg);font-size:24px;font-weight:900}.name div{transform:skewX(12deg)}.name small{display:block;font:14px Arial;margin-top:6px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#1c1c1c;color:#fff;padding:24px 5vw}.trust div{display:flex;gap:12px;align-items:center;border-right:1px solid #555}.trust div:last-child{border:0}.trust b{color:#f04b40;font-size:24px}.trust span{font-size:13px;line-height:1.5}.services{padding:70px 5vw 72px}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.sectiontop h2{font-size:40px}.sectiontop h2 span,.red{color:var(--deep)}.sectiontop p{max-width:400px;color:#5b5b5b;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff;border-top:4px solid var(--deep);padding:28px;box-shadow:0 4px 18px #0000000b;display:flex;flex-direction:column}.icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#e52b20,#670907);color:#fff;font-size:28px;margin-bottom:22px}.card h3{font-size:23px;color:#8d0e0a;margin-bottom:15px}.card p{color:#4c4c4c;font-size:15px;flex:1}.card>a{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:15px;font-weight:700;font-size:13px}.card>a:hover{color:var(--red)}.social{margin-top:28px;padding:22px 26px;background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.social strong{display:block;color:#f2473c;text-transform:uppercase;font-size:18px;margin-bottom:4px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{background:#350e0e;border:1px solid #a01b16;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.social-links a:hover{background:#c52118}.social-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e2291f;font-size:11px}.contact{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:32px;background:#fff;padding:56px 5vw}.contact img{width:150px}.contact h2{font-size:34px;margin-bottom:14px}.contact p{color:#555;max-width:620px}.contact-links{display:grid;gap:13px}.contact-links strong{font-size:20px;color:#850d09}.news{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 5vw;background:#e7e5e1}.news h3,.news .news-title{font-size:25px}.news p{font-size:14px;color:#555;margin:8px 0 0}footer{background:#090909;color:#ccc;padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:12px}footer div{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:1050px){.hero{grid-template-columns:1.2fr .8fr}.person img{width:125%;right:-14%}.cards{grid-template-columns:1fr 1fr}.contact{grid-template-columns:110px 1fr}.contact img{width:105px}.contact-links{grid-column:2}}@media(max-width:720px){.top{padding:18px 24px}.brand{font-size:17px}.nav a:not(.cta){display:none}.hero{grid-template-columns:1fr;padding:40px 24px 0;min-height:0}.hero-copy{padding-bottom:10px}h1{font-size:40px}.intro{font-size:15px}.person{height:350px;margin-top:20px}.person img{width:100%;height:110%;right:0}.name{right:50%;translate:50% 0;bottom:12px;max-width:340px}.trust{grid-template-columns:1fr;padding:24px}.trust div{border:0}.services{padding:45px 24px}.sectiontop{display:block}.sectiontop p{margin-top:18px}.cards{grid-template-columns:1fr}.social{display:block;padding:22px}.social-links{margin-top:17px}.contact{grid-template-columns:80px 1fr;padding:40px 24px;gap:20px}.contact img{width:80px}.contact h2{font-size:27px}.contact-links{grid-column:1/-1}.news{display:block;padding:35px 24px}.news .btn{margin-top:18px}footer{display:block;padding:25px}footer div{margin-top:18px}}.nav{flex-wrap:wrap}.nav .nav-phone{color:#f4c1bd}.nav .nav-phone:hover{color:#ff7168}@media(max-width:720px){.nav{max-width:62vw;overflow-x:auto;flex-wrap:nowrap;gap:14px;font-size:11px;padding-bottom:3px}.nav a{flex:0 0 auto}.nav .cta{padding:10px 12px}}body.admin-bar .top{position:relative}.em-generic{padding:50px 5vw;max-width:1200px;margin:auto}.em-generic h1{margin-bottom:28px}.em-skip{position:absolute;top:-100px;left:20px;z-index:999999;background:#fff;color:#111;padding:12px}.em-skip:focus{top:10px}@media(max-width:720px){.top{flex-wrap:wrap}.top .nav{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto}.top .nav a:not(.cta){display:inline-flex}.top .brand{max-width:100%}}