/* steuerberater-vonwitzke.de – statischer Nachbau (Status quo, 1:1 zur Joomla-Vorlage) */
*{box-sizing:border-box}
html{font-family:"Times New Roman",serif;font-size:16px}
body{
  margin:0;
  font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12.8px;line-height:1.6;color:#666;
  background:
    url("/assets/bg-master.jpg") repeat-x 0 0,
    linear-gradient(#0a3aa8 0,#4d78cf 120px,#a9bde6 300px,#ebe8d9 560px) no-repeat,
    #ebe8d9;
}
a{color:#4a7c6a;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border:0}

#page{width:92%;max-width:1400px;margin:0 auto;padding-bottom:40px}

/* Kopfbanner */
#banner{display:block;width:100%;height:auto}

/* Kopfbereich */
#head{
  display:flex;align-items:stretch;gap:12px;
  background:#fff;padding:6px;margin-top:8px;
  border-bottom:8px solid #a9bde6;
}
#head .tile{flex:0 0 191px;background:#0033a0;display:flex;align-items:center;justify-content:center;padding:6px}
#head .tile img{display:block;width:173px;max-width:100%}
#head .addr{
  flex:1;text-align:center;color:#1233c9;font-weight:700;
  display:flex;flex-direction:column;justify-content:center;padding:8px 10px;
  font-family:"Times New Roman",serif;
}
#head .l1{font-size:20px;margin:0 0 14px}
#head .l2{font-size:26px;margin:0 0 14px}
#head .l3{font-size:20px;margin:0 0 20px}
#head .l4{font-size:11.5px;margin:0 0 16px}
#head .l5{font-size:11.5px;margin:0}

/* Hauptraster */
#main{display:grid;grid-template-columns:191px 1fr;gap:12px;margin-top:6px;align-items:start}

/* Navigation */
#nav{background:#fff;padding:6px}
#nav ul{list-style:none;margin:0;padding:6px 0;background:#0033a0}
#nav li{margin:0;border-bottom:1px solid rgba(255,255,255,.14)}
#nav li:last-child{border-bottom:0}
#nav a{
  display:block;padding:9px 12px 9px 28px;color:#fff;font-weight:700;font-size:12px;position:relative;
  text-decoration:none;
}
#nav a::before{content:"";position:absolute;left:13px;top:50%;width:4px;height:4px;margin-top:-2px;background:#a9bde6;border-radius:1px}
#nav a:hover,#nav a.act{background:#1a4ac8;text-decoration:none}

/* Inhalt */
#content{
  background:#fff url("/assets/paragraph.png") repeat-x 0 0;
  min-height:340px;padding:34px 40px 30px;overflow:hidden;
  border-bottom:3px solid #a9bde6;
}
#content h1,#content h2,#content h3{font-family:"Times New Roman",serif;color:#1233c9;font-weight:400;line-height:1.25}
#content h2{font-size:21px;margin:30px 0 12px}
#content h3{font-size:17px;margin:22px 0 10px}
#content p{margin:0 0 14px}
#content ul,#content ol{margin:0 0 14px;padding-left:22px}
#content li{margin-bottom:4px}
#content hr{border:0;border-top:1px solid #d9d9d9;margin:28px 0}
.center{text-align:center}
.small{font-size:11.5px}
.nb{font-weight:400}

/* Startseite / Stellenangebote */
.jobbox{
  background:#abd8c0;border:1px solid #222;
  margin:16px auto 34px;max-width:770px;padding:48px 20px;text-align:center;font-weight:700;color:#555;
}
.jobbox p{margin:0 0 14px}
#content .jobbox h3{font-family:"Times New Roman",serif;font-weight:700;font-size:21px;color:#c93a35;margin:0 0 12px}
.jobbox .nb{font-weight:700}
.welcome{font-size:38px;text-align:center;margin:34px 0 18px}
.welcome-sub{font-family:"Times New Roman",serif;font-size:21px;line-height:1.9;text-align:center;color:#1233c9}

/* Schwerpunkte */
ul.schwer{list-style:disc;padding-left:22px}
ul.schwer>li{margin-bottom:18px;font-weight:700;color:#555}
ul.schwer ul{margin-top:6px;font-weight:400;color:#666}

/* Aktuelles */
table.kopf{margin:0 0 20px;border-collapse:collapse;color:#1233c9;font-family:"Times New Roman",serif;font-size:21px}
table.kopf td{padding:4px 0}
ol.toc{padding-left:24px}
table.daten,table.termine{width:100%;border-collapse:collapse;margin:18px 0 22px}
table.daten th,table.daten td,table.termine th,table.termine td{border:1px solid #c9c9c9;padding:7px 10px;vertical-align:top;text-align:left}
table.daten th,table.termine th{background:#eef2fb;color:#1233c9}
table.termine td:first-child{width:36%}

/* Impressum */
table.verband{width:100%;border-collapse:collapse;margin:10px 0 16px}
table.verband td{padding:8px;vertical-align:top}

/* Anfahrt (Zwei-Klick-Karte) */
.map{border:1px solid #d0d0d0;background:#f3f3f3;min-height:300px;padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.map button{font:inherit;font-weight:700;background:#0033a0;color:#fff;border:0;padding:10px 22px;cursor:pointer}
.map button:hover{background:#1a4ac8}
.map iframe{border:0;width:100%;height:450px;display:block}

/* Blätter-Navigation */
.pager{display:flex;justify-content:center;gap:10px;margin:36px 0 6px;padding:0;list-style:none}
.pager a{display:inline-block;padding:5px 14px;border:1px solid #d5d5d5;border-radius:3px;background:#fafafa;color:#444;font-size:12px}
.pager a:hover{background:#eef2fb;text-decoration:none}

@media (max-width:820px){
  #head{flex-direction:column;align-items:center}
  #head .tile{flex:0 0 auto;width:auto}
  #head .l2{font-size:22px}
  #main{grid-template-columns:1fr}
  #content{padding:22px 16px}
  .jobbox{padding:28px 14px}
  .welcome{font-size:28px}
  table.termine td:first-child{width:auto}
  table.daten,table.termine{display:block;overflow-x:auto}
}

/* Untermenü Aktuelles (Monatsarchiv) */
#nav ul.sub{background:#002a85;padding:2px 0;margin:0}
#nav ul.sub li{border-bottom:1px solid rgba(255,255,255,.08)}
#nav ul.sub a{padding:6px 12px 6px 40px;font-size:11.5px;font-weight:400}
#nav ul.sub a::before{left:28px;width:3px;height:3px;margin-top:-1px}
#nav ul.sub a.act{font-weight:700}

/* Überschrift H1 nur für Suchmaschinen/Screenreader (sichtbarer Seitenkopf bleibt wie im Original) */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}