/* talesunenergy.com — Darstellung nach den Archivaufnahmen von 2016.
   Struktur, Menue und Klassennamen bleiben unveraendert. */
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#333;
  font:400 15px/1.6 "Segoe UI",-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:#1a6bb5;text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear:both}
main{display:block}

/* ---------- Kopfbereich ---------- */
#header{max-width:1060px;margin:0 auto;padding:22px 20px 6px;
  display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px}
#logo{display:block;width:188px;height:82px;
  background:url("/images/logo-talesun.webp") left center/contain no-repeat;text-indent:-9999px;overflow:hidden}
#slogan{color:#7d8a93;font-size:17px;font-style:italic;white-space:nowrap}
#slogan p{margin:0}
#topnav{list-style:disc;margin:0;padding:0 0 0 18px;font-size:14px;color:#1a6bb5}
#topnav li{margin:2px 0}
#language{font-size:12px;font-style:italic;color:#5a6b78;text-align:right;line-height:1.7}
#language select,#language input{display:none}
#language::before{content:"";display:block;width:26px;height:16px;margin:0 0 4px auto;
  background:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 16'><g fill='none' stroke='%2390a4b0' stroke-width='1.2'>\
<ellipse cx='13' cy='8' rx='12' ry='7'/><path d='M1 8h24M13 1c3 3 3 11 0 14M13 1c-3 3-3 11 0 14'/></g></svg>") center/contain no-repeat}
.lang-list{list-style:none;margin:0;padding:0}
.lang-list li{margin:0}
.lang-list a{color:#5a6b78}

/* ---------- Hauptmenue ---------- */
#main-nav{max-width:1060px;margin:0 auto;padding:0 20px 14px;border-bottom:1px solid #e7ecef}
#mega-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:46px}
#mega-menu>li{position:relative;font-size:17px;color:#5f6c75;padding:6px 0}
#mega-menu>li>a{color:#5f6c75}
#mega-menu>li:hover>a,#mega-menu>li>a:hover{color:#1a6bb5;text-decoration:none}
#mega-menu ul{list-style:none;margin:0;padding:8px 0;position:absolute;left:-18px;top:100%;
  min-width:250px;background:#fff;border:1px solid #e2e9ee;box-shadow:0 8px 20px rgba(20,40,60,.12);
  display:none;z-index:30}
#mega-menu li:hover>ul{display:block}
#mega-menu ul li{padding:7px 18px;font-size:15px;color:#5f6c75}
#mega-menu ul li:hover{background:#f4f8fb}

/* ---------- Kopfbild ---------- */
#headerimage{max-width:1060px;margin:16px auto 0;padding:0 20px;display:block}
#slideshowWrapper{position:relative;overflow:hidden}
#slideshowWrapper img{display:block;width:100%;height:auto}

#imageslogan{position:absolute;left:44px;top:64px;max-width:520px;z-index:2;
  color:#fff;font-size:36px;line-height:1.18;font-weight:600;text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.45)}

/* ---------- Nachrichtenleiste ---------- */
#news{max-width:1060px;margin:0 auto;padding:0 20px}
#news ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);
  background:#eef1f3;border-top:1px solid #e0e5e8}
#news li{margin:0;padding:14px 16px;border-right:1px solid #e0e5e8}
#news li:last-child{border-right:0}
.news-date{color:#8a949b;font-size:12px;margin-bottom:4px}
.news-title{font-size:14px;font-weight:700;color:#1a6bb5;line-height:1.3;margin-bottom:5px}
.news-subheader p{margin:0;font-size:12px;line-height:1.45;color:#5f6c75}
.news-list-morelink::after{content:"\2192";color:#1a6bb5;font-size:15px}

/* ---------- Inhaltsraster ---------- */
#content,#main,#middle,.csc-default{max-width:1060px;margin:0 auto;padding:0 20px}
#header .csc-default,#news .csc-default{padding:0;margin:0;max-width:none}
main>h1{margin:0}
h1{font-size:30px;line-height:1.2;margin:22px 0 16px;color:#333;font-weight:600}
h2{font-size:22px;line-height:1.25;margin:28px 0 12px;color:#333;font-weight:600}
h3{font-size:18px;margin:22px 0 9px;color:#333;font-weight:600}
p{margin:0 0 13px}
ul,ol{margin:0 0 15px;padding-left:20px}
li{margin:5px 0}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}
th,td{border:1px solid #e2e9ee;padding:9px 11px;text-align:left}
th{background:#f4f8fb}
.tx-image,figure img{display:block;margin:16px 0}
figcaption{font-size:13px;color:#7d8a93;margin-top:6px}

/* Startseite: vier Spalten unter der Nachrichtenleiste */
.multicolumnContainer{list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.multicolumnContainer>li{margin:0}

/* ---------- Kontaktkasten ---------- */
.kontaktbox{margin:22px 0}
.kontaktbox h2,.kontaktbox h3{margin-top:0;font-size:19px}
.kontaktbox p{font-size:14px;color:#5f6c75}

/* ---------- Unterseiten ---------- */
#sub-nav{margin:0 0 18px}
#sub-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
#sub-nav li{padding:6px 12px;background:#f2f6f9;font-size:14px;color:#5f6c75}
#sub-nav li a{color:#1a6bb5}
.subtitel{color:#7d8a93;font-size:14px;margin:0 0 8px}
.breadcrumb-class,#breadcrumb{max-width:1060px;margin:14px auto 0;padding:0 20px;
  font-size:13px;color:#8a949b}
.breadcrumb-class a,#breadcrumb a{color:#1a6bb5}
#left_column,#middle_column,#right_column{margin:0 0 20px}
#left_inhalt,#right_inhalt,#image{margin:0}

/* ---------- Fussbereich ---------- */
#footer,.footer{border-top:1px solid #e7ecef;margin-top:40px;padding:22px 0 30px;color:#9aa4ab;font-size:13px}
#footer a,.footer a{color:#1a6bb5}
#footer_nav{max-width:1060px;margin:0 auto;padding:0 20px}
#footer_nav ul{list-style:disc;margin:0 0 0 auto;padding:0 0 0 18px;width:max-content;font-size:13px}
#footer_nav li{margin:3px 0}
.wr-footer-sitemap{max-width:1060px;margin:0 auto;padding:10px 20px 0;font-size:13px}

@media (max-width:900px){
  #header{grid-template-columns:1fr;gap:10px;text-align:left}
  #slogan{white-space:normal}
  #language{text-align:left}
  #language::before{margin-left:0}
  #mega-menu{flex-direction:column;gap:0;align-items:flex-start}
  #mega-menu>li{width:100%;border-bottom:1px solid #eef2f5}
  #mega-menu ul{position:static;display:block;border:0;box-shadow:none;padding:0 0 8px 16px;min-width:0}
  #news ul,.multicolumnContainer{grid-template-columns:1fr}
  #news li{border-right:0;border-bottom:1px solid #e0e5e8}
  #imageslogan{position:static;color:#333;text-shadow:none;font-size:24px;padding:14px 0 0}
  #slideshowWrapper img{display:block;width:100%;height:auto}
  h1{font-size:25px}h2{font-size:20px}
  #footer_nav ul{margin-left:0}
}