/* Baden am Abend - Hauptstil */
html, body { margin: 0; padding: 0; }
body { font-family: Calibri, Candara, "Segoe UI", Arial, sans-serif; font-size: 15px; color: #1a1a1a; background: #fff; }
a { color: #1d6b63; text-decoration: none; }
a:hover { text-decoration: underline; }
#streifen { position: fixed; left: 0; top: 0; bottom: 0; width: 34px; background: #1f5f58; }
#linksspalte { position: absolute; left: 0; top: 0; width: 208px; }
#ecke { display: block; position: relative; width: 200px; height: 170px; background: #8cc3bb url(/img/ecke-limmat.jpg) center/cover; }
#ecke-text { position: absolute; right: 4px; bottom: 6px; text-align: right; font-size: 12.5px; line-height: 15px; color: #0f3e39; background: rgba(255,255,255,.82); padding: 2px 5px 3px 7px; }
#hauptmenue { list-style: none; margin: 10px 0 0 34px; padding: 0; width: 174px; background: #fff; }
#hauptmenue > li > a { display: block; font-family: "Segoe UI", Tahoma, sans-serif; font-weight: bold; font-size: 13px; color: #1d6b63; padding: 5px 0 1px 12px; border-bottom: 1px solid #7fb3aa; }
#hauptmenue a.gewaehlt { color: #8a3d12; }
.untermenue { list-style: none; margin: 0; padding: 2px 0 3px 10px; }
.untermenue a { display: block; font-size: 12px; color: #7a7a7a; padding: 0 0 1px 12px; }
#randnotiz { margin: 21px 0 0 50px; font-size: 11px; color: #888; }
#randnotiz a { color: #888; }
#hauptbereich { margin-left: 237px; max-width: 992px; padding-right: 23px; }
#kopfzeile { position: relative; border-bottom: 1px solid #1d6b63; min-height: 63px; }
#kopfzeile h1 { margin: 0 230px 0 0; padding: 17px 0 7px 5px; font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 25px; color: #1d6b63; line-height: 1.2; }
#zeichen { position: absolute; right: 6px; top: 13px; font-family: "Segoe UI", Tahoma, sans-serif; font-weight: bold; font-size: 14px; color: #1a1a1a; line-height: 36px; }
#zeichen .punkt { display: inline-block; vertical-align: middle; width: 34px; height: 34px; border-radius: 17px; background: #c4572a; margin-right: 8px; box-shadow: inset -7px -5px 0 #a8461f; }
#textfeld { padding: 21px 0 0 5px; max-width: 690px; line-height: 1.5; }
#textfeld p { margin: 0 0 13px; }
#textfeld h2 { font-family: Georgia, serif; font-weight: normal; font-size: 20px; color: #1d6b63; margin: 29px 0 8px; }
#textfeld h3 { font-size: 15.5px; margin: 20px 0 5px; color: #333; }
#textfeld ul, #textfeld ol { margin: 0 0 14px; padding-left: 18px; }
#textfeld li { margin-bottom: 4px; }
#textfeld ul { list-style: none; padding-left: 14px; }
#textfeld ul li:before { content: "\00BB"; margin-left: -13px; margin-right: 5px; color: #1d6b63; }
#textfeld img { box-sizing: border-box; display: block; max-width: 100%; height: auto; border: 1px dashed #9a9a9a; padding: 6px; margin: 6px 0 10px; }
#textfeld p:has(> img) + p > em:only-child { display: block; margin-top: -8px; font-size: 13px; color: #666; }
#textfeld table { border-collapse: collapse; margin: 6px 0 19px; width: 100%; font-size: 14px; border: 1px dashed #9a9a9a; }
#textfeld th { text-align: left; padding: 6px 8px; background: #e7f0ee; font-weight: bold; }
#textfeld td { padding: 6px 8px; border-top: 1px dotted #b5c9c5; vertical-align: top; }
#textfeld blockquote { margin: 14px 0; padding: 0 0 0 0; font-style: italic; color: #444; }
#fussbereich { padding: 33px 0 15px; text-align: center; }
#fusslinks { font-size: 14px; color: #1a1a1a; }
#fusslinks a { color: #1a1a1a; }
.trenner { color: #777; font-size: 11px; }
#kleingedrucktes { font-size: 10px; margin: 8px 0 0; color: #333; }
.clear { clear: both; }
/* #textfeld .kasten { border: 1px dashed #9a9a9a; } TODO: Terminbox? */
@media (max-width: 820px) {
  #streifen { width: 12px; }
  #linksspalte { position: static; width: auto; margin-left: 12px; }
  #ecke { width: auto; height: 120px; }
  #hauptmenue { margin: 0; width: auto; display: flex; flex-wrap: wrap; }
  #hauptmenue > li { width: 50%; }
  #hauptmenue > li > a { font-size: 12.5px; padding: 6px 4px 3px 8px; }
  .untermenue { display: none; }
  #randnotiz { display: none; }
  #hauptbereich { margin-left: 12px; padding: 0 10px 0 4px; }
  #kopfzeile h1 { margin: 0; font-size: 21px; padding-top: 12px; }
  #zeichen { display: none; }
  #textfeld table { display: block; overflow-x: auto; }
}