/*
Theme Name: Stromwissen
Description: Modernes Wissensportal für den österreichischen Strommarkt.
Version: 1.0.2
Author: Johannes Ulrich
Requires PHP: 8.0
*/
:root{--navy:#102c46;--ink:#173248;--teal:#007c83;--lime:#e5f45b;--paper:#f5f7f6;--line:#dce5e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--navy)}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(36px,5vw,64px);margin:16px 0 24px}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:25px}p{margin:16px 0}.site-header{background:var(--navy);color:white;border-top:4px solid var(--lime)}.bar{max-width:1240px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{color:white;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.4px}.brand:hover{color:white}.brand-icon{color:var(--lime);font-size:34px;margin-right:9px}.brand-dot{color:var(--lime)}nav{display:flex;gap:28px}nav ul{display:flex;gap:24px;margin:0;padding:0;list-style:none}nav a{color:white;text-decoration:none;font-size:16px}nav a:hover{color:var(--lime)}main{max-width:1240px;margin:auto;padding:0 30px}section{padding:48px 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;min-height:560px;padding-top:65px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal)}.hero h1{font-size:clamp(42px,5.1vw,70px)}.hero em{font-style:normal;color:var(--teal)}.hero p{max-width:580px;font-size:20px;color:#526773}.button{display:inline-block;margin:15px 20px 0 0;background:var(--navy);color:white;padding:13px 22px;border-radius:7px;font-size:16px;text-decoration:none;font-weight:650}.button:hover{background:var(--teal);color:white}.text-button{font-size:16px}.hero-graphic{position:relative;height:350px;border-radius:30px;background:var(--navy);overflow:hidden;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:35px 35px}.orbit{position:absolute;inset:37px 55px;border:1px solid #44d5c170;border-radius:50%;transform:rotate(-25deg)}.orbit:before,.orbit:after{content:'';position:absolute;inset:25px -35px;border:1px solid #44d5c150;border-radius:50%;transform:rotate(65deg)}.orbit:after{transform:rotate(110deg)}.energy-mark{position:absolute;inset:37px;text-align:center;color:var(--lime);font-size:190px;font-weight:700;line-height:1.4}.graphic-label{position:absolute;color:white;font-size:11px;letter-spacing:1.4px;background:#007c83;padding:6px 11px;border-radius:4px}.label-a{top:38px;left:30px}.label-b{bottom:40px;left:45px}.label-c{right:22px;top:130px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{margin:12px 0}.small,.meta{font-size:14px;color:#617782}.topics,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.topic,.card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.topic img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.topic-copy{padding:25px}.topic h3{margin:0 0 14px}.topic p,.card p{font-size:16px;color:#526773}.more{font-size:15px;font-weight:650}.card{padding:27px;display:flex;flex-direction:column}.card h3{margin:14px 0}.card h3 a{text-decoration:none;color:var(--navy)}.card .more{margin-top:auto}.expert-strip{position:relative;margin:35px 0;padding:45px;border-radius:18px;background:var(--navy);color:white;overflow:hidden;border-left:6px solid var(--lime)}.expert-strip .eyebrow{color:#68d6c5}.expert-strip h2{max-width:750px}.expert-strip p{max-width:770px;color:#d1e0e7}.expert-strip:after{content:'ϟ';position:absolute;right:30px;top:-15px;font-size:240px;color:#ffffff08;pointer-events:none}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:65px;padding:55px 0 75px}.reading h1{font-size:clamp(34px,4vw,53px)}.reading h2{font-size:29px;margin:35px 0 15px}.reading h3{font-size:23px}.breadcrumb{font-size:14px;margin-bottom:24px}.sidebar{background:#e8eeed;border-radius:15px;padding:25px;height:fit-content;margin-top:80px;position:sticky;top:25px}.sidebar h2{font-size:27px}.sidebar p{font-size:15px}.sidebar a{display:block;font-size:15px;margin:15px 0}.reading .simple{padding:22px;background:#e7f3f0;border-left:4px solid var(--teal);border-radius:0 10px 10px 0;font-size:20px}.note{padding:22px;background:#fff9dc;border:1px solid #e6dda8;border-radius:10px;margin:24px 0}.reading table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;margin:25px 0}.reading th,.reading td{padding:12px;border:1px solid var(--line);text-align:left;min-width:95px}.reading th{background:#e7f3f0}.reading caption{text-align:left;font-size:14px;color:#526773}.reading figure{margin:28px 0}.reading figcaption{font-size:14px;color:#617782}.reading blockquote{border-left:3px solid var(--teal);padding:10px 20px;margin:25px 0}.article-content{overflow-wrap:anywhere}.content-wrap{padding:55px 0}.intro{font-size:20px;color:#526773}.site-footer{margin-top:40px;padding:40px max(30px,calc((100% - 1180px)/2));background:var(--navy);color:#cbdbe2;font-size:14px}.site-footer a{color:#cbdbe2}.site-footer .brand{color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:99}.image-placeholder{height:230px;background:linear-gradient(135deg,#102c46,#007c83);display:grid;place-items:center;color:var(--lime);font-size:70px}a:focus-visible,button:focus-visible{outline:3px solid #10a891;outline-offset:5px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-graphic{height:260px;max-width:600px}.energy-mark{font-size:145px;inset:10px}.topics,.cards{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:15px}.sidebar{position:static;margin-top:0}.hero{padding-bottom:20px}}@media(max-width:600px){main{padding:0 20px}.bar{padding:20px;flex-wrap:wrap}.brand{font-size:26px}nav{gap:20px}.hero{padding-top:40px}.hero p{font-size:18px}.hero-graphic{height:230px}.topics,.cards{grid-template-columns:1fr}.section-heading{display:block}.expert-strip{padding:28px}.reading h1{letter-spacing:-1px}.site-footer{padding:30px 20px}section{padding:30px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Freundliche, helle Farbwelt – Version 1.0.1 */
:root{--navy:#24495a;--ink:#234451;--teal:#087d78;--lime:#e5ef8c;--paper:#fcfdf9;--line:#dfe9e4}
.site-header{background:#fff;color:var(--ink);border-top:4px solid #8bd3bd;border-bottom:1px solid var(--line)}
.brand,.brand:hover{color:var(--ink)}.brand-icon,.brand-dot{color:var(--teal)}nav a{color:var(--ink)}nav a:hover{color:var(--teal)}
.hero-graphic{background-color:#e4f3e9;background-image:linear-gradient(#087d780a 1px,transparent 1px),linear-gradient(90deg,#087d780a 1px,transparent 1px);box-shadow:inset 0 0 70px #fff8}
.orbit{border-color:#087d7850}.orbit:before,.orbit:after{border-color:#087d7835}.energy-mark{color:#087d78}.graphic-label{background:#fff;color:#285a56;border:1px solid #c9e0d5}
.button{background:var(--teal)}.button:hover{background:#096660}.expert-strip{background:#edf6e5;color:var(--ink);border-left-color:#a9ca64}.expert-strip .eyebrow{color:#52712c}.expert-strip p{color:#476254}.expert-strip:after{color:#93b76925}
.sidebar{background:#eef6f0}.site-footer{background:#edf5f0;color:#496457;border-top:1px solid #d6e5da}.site-footer a,.site-footer .brand{color:var(--ink)}
.image-placeholder{background:linear-gradient(135deg,#eaf5df,#ccebe2);color:var(--teal)}.card,.topic{box-shadow:0 4px 18px #315e4810}

/* Suchfeld und Themeneinstieg direkt im ersten Bildschirm */
.hero{min-height:0;padding:40px 0 25px;gap:22px}.hero h1{font-size:clamp(38px,4.8vw,62px)}.hero p{margin-bottom:0}.hero-graphic{height:250px}.energy-mark{font-size:160px;inset:15px}.hero-controls{grid-column:1/-1}.search-form{display:flex;gap:12px;align-items:center;padding:8px;background:white;border:1px solid #c9dbd1;border-radius:14px;box-shadow:0 6px 24px #315e4810}.search-form label{flex:1;min-width:0}.search-field{width:100%;min-width:0;border:0;background:transparent;padding:15px 18px;font:inherit;color:var(--ink);border-radius:9px}.search-field::placeholder{color:#617782}.search-field:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.search-submit{border:0;border-radius:9px;background:var(--teal);color:white;padding:15px 26px;font:inherit;font-weight:650;cursor:pointer}.search-submit:hover{background:#096660}.search-submit:focus-visible{outline:3px solid #10a891;outline-offset:3px}.topic-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.topic-shortcuts a{font-size:14px;border:1px solid #c9ded2;border-radius:30px;background:#eef6ef;color:#315447;padding:7px 15px;text-decoration:none}.topic-shortcuts a:hover{background:#ddefdf;border-color:#8bbb9c}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-results-header{margin-bottom:32px}.search-results-header .search-form{max-width:850px;margin-top:25px}.result-type{font-size:13px;color:var(--teal);font-weight:650}.result-card{margin-bottom:20px}.result-card h2{font-size:28px;margin:8px 0 12px}.result-card h2 a{text-decoration:none;color:var(--ink)}.search-empty{background:#edf6e5;border-radius:14px;padding:25px}
@media(max-width:900px){.hero-copy{order:0}.hero-controls{order:1}.hero-graphic{order:2;height:190px;width:100%}.energy-mark{font-size:125px;inset:0}.hero{padding-top:30px}}
@media(max-width:600px){.hero-graphic{display:none}.search-form{gap:5px}.search-field{padding:13px 8px;font-size:16px}.search-submit{padding:14px 13px;font-size:15px}.topic-shortcuts a{padding:7px 12px}.hero h1{font-size:40px}.hero p{font-size:17px}}