/* ==========================================================================
   IEN Industrie-Elektronik Nord – Layout
   Bilder: ../img/   (Dateinamen wie in der Originalseite)
   ========================================================================== */

:root {
  --yellow:      #FED800;
  --yellow-dark: #C2B65D;
  --text:        #666666;
  --heading:     #010101;
  --link:        #000000;
  --border:      #676767;
  --page-bg:     #969694;
  --teaser-bg:   #F2F2F2;
  --font:        Arial, Helvetica, sans-serif;
  --font-nav:    Verdana, Arial, Helvetica, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--page-bg);
  font: normal 12px/20px var(--font);
  color: var(--text);
}

img { border: 0; max-width: 100%; height: auto; }
a   { color: var(--link); text-decoration: underline; }

input, textarea, select {
  border: 1px solid #808080;
  font: normal 12px var(--font-nav);
}

/* ---------- Seitencontainer ---------- */
.page {
  width: 1000px;
  margin: 20px auto 0;
  border-top: 13px solid #000;
  background: #fff url(../img/page_bg.gif) repeat-y;
}

/* ---------- Header ---------- */
.site-header { margin-bottom: 4px; }
.site-header__image { display: block; margin-left: 4px; }

.header-bar {
  display: flex;
  height: 46px;
  background: url(../img/head_bg.gif);
}
.header-bar__info {
  width: 385px;
  padding: 20px 0 0 16px;
}
.header-bar__info img { vertical-align: middle; }

/* ---------- Spalten ---------- */
.layout { display: flex; align-items: flex-start; }

.sidebar--left  { width: 213px; flex: none; }
.sidebar--right { display: none;}

.content {
  width: 800px;
  flex: none;
  min-height: 415px;
  padding: 0 15px 10px;
  border-left: 1px solid var(--yellow);
}

/* ---------- Hauptnavigation ---------- */
.main-nav {
  width: 205px;
  margin: 0;
  padding: 1px 0 0;
  list-style: none;
  border-top: 3px solid #666;
}
.main-nav li {
  min-height: 26px;
  background: var(--yellow);
  border-top: 1px solid #fff;
  border-bottom: 1px solid var(--yellow-dark);
}
.main-nav a {
  display: block;
  padding: 3px 10px 0;
  font: normal 12px/20px var(--font-nav);
  color: #333234;
  text-decoration: none;
}
.main-nav .current-menu-item,
.main-nav .current_page_item,
.main-nav .is-active {
  background: var(--yellow) url(/wp-content/uploads/2026/10/teaser_item.gif) no-repeat;
}
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a,
.main-nav .is-active > a {
  padding-left: 36px;
}

/* ---------- Sprache / Drucken / News ---------- */
.header-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 0;
  margin: 1em 0;
}
.header-tools a { margin-left: 20px; }

/* ---------- Suche ---------- */
.search-form { margin-left: 5px; }
.search-form input[type="text"],
.search-form input[type="search"] { width: 195px; margin-bottom: 4px; }

.iso-badge { display: block; margin: 10px 0 20px; }

/* ---------- Inhaltsbereich (editierbar) ---------- */
.content h1, .content h2, .content h3 {
  margin: 0 0 .5em;
  font-family: var(--font);
  font-weight: bold;
  color: var(--heading);
}
.content h1 { font-size: 16px; }
.content h2 { font-size: 14px; }
.content h3 { font-size: 12px; }
.content p, .content ul, .content ol { margin: 0 0 10px; }

/* WordPress-Ausrichtungsklassen */
.alignleft   { float: left;  margin: 0 15px 10px 0; }
.alignright  { float: right; margin: 0 0 10px 15px; }
.aligncenter { display: block; margin: 0 auto 10px; }
.wp-caption-text, figcaption { font-size: 11px; }

/* ---------- Teaser (rechte Spalte) ---------- */
.teaser {
  margin-bottom: 8px;
  border: 1px solid var(--border);
  background: var(--teaser-bg);
}
.teaser__head {
  min-height: 26px;
  margin: -1px -1px 0;
  padding: 4px 0 0 34px;
  background: var(--yellow) url(../img/teaser_item.gif) no-repeat;
  font: bold 14px/20px var(--font);
  color: #000;
}
.teaser > :not(.teaser__head) { margin: 5px; }
.teaser__link {
  padding-left: 15px;
  background: url(../img/li.gif) no-repeat;
}

/* ---------- Footer ---------- */
.site-footer {
  clear: both;
  height: 13px;
  background: #000;
}

/* ---------- Druck ---------- */
@media print {
  body { background: #fff; }
  .page { margin: 0; width: auto; background: none; }
  .sidebar--left, .sidebar--right, .site-header { display: none; }
  .content { width: 100%; border: 0; }
}