/* Individual-CSS für das Projekt "61_stadt-regionalentwicklung" */


  a
  {
    color:        #333333;    /* Farbe der Links - wird im Navigationsbereich überschrieben. */
    text-decoration:  underline;
  }
  #brot a::before
  {
    color: #206cac;
  }
  .breadcrumb-nolink {
   margin-right: 0.2em;
   font-weight: normal;
   font-style: normal;
   font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
   }
  /* Icons für Links IM TEXT (KEINE Linklisten) */
  a.intern::before,
  a.extern::before,
  a.pdf::before,
  a.mail::before,
  a.top::before,
  p.csc-linkToTop a::before,
  a.pagetotop_link::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */
  a.back::before,
  .dekobild /* > p:after*/ .enlarge::before    /* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
  {
    color: #206cac;
  }
  /* Icons für Listen/Linklisten */
  ul li:before,  /* "normaler" Listenpunkt */
  ul li.intern::before,
  ul li.extern::before,
  ul li.pdf::before,
  ul li.punkt::before,
  ul li.mail::before,
  ul li.sprung::before
  {
    color: #206cac;
  }

  /* Rolli-Icons */
  .rolli-picto i
  {
    color: #206cac;
  }

header .header-overlay  /* transparenter Hintergrund für Overlay-Logo */
  {
          background:      rgba(255, 255, 255, 0.8);
  }

  header .header-overlay-logo.flexbox img {
    width: 215px;
    height: auto;
}

  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
    background-color: #003b5d;
  }

  #navi-spalte  /* Hintergrundfarbe Navi-Spalte */
  {
    background-color:  #f0f0f0;  /* Bei Änderungen nicht vergessen den responsive-Border der Info-Spalte anzupassen! */
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #inhalts-spalte  /* Hintergrundfarbe Inhalts-Spalte */
  {
    background-color:  #ffffff;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #info-spalte  /* Hintergrundfarbe Info-Spalte */
  {
    background-color:  #d0d0d0;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  @media screen and (min-width: 785px) and (max-width: 1024px) {
    #info-spalte
    {  /* WICHTIG: die Farbe MUSS der Hintergrundfarbe der Navi-Spalte entsprechen! */
      border-left: 220px solid #f0f0f0;
    }
  }





#navi-spalte nav h2 {
    padding: 0.8em 0.2em 0.1em 0.5em;
}

#navi-spalte nav h2 {
    font-size: 1.8rem;
    font-variant: small-caps;
    font-weight: normal;
    line-height: normal;
    color: #444;
}

/* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color: #206cac;
  }

  #navi-spalte nav li a
  {
    color:   #ffffff;
  }

  #navi-spalte nav a.aktiv,
  #navi-spalte nav li a:hover,
  #navi-spalte nav li a:focus,
  #navi-spalte nav li a:active
  {
    background-color: #003b5d;
  }

  /* Navigation 2. Ebene */

  #navi-spalte nav li ul li
  {
  background-color:  #deecf7;
  }

  #navi-spalte nav li ul li a
  {
    color:    #003b5d;
  }

  #navi-spalte nav li ul a.aktiv,
  #navi-spalte nav li ul li a:hover,
  #navi-spalte nav li ul li a:focus,
  #navi-spalte nav li ul li a:active
  {
  background-color:  #aaceea;
  color: #003b5d;
  }

  /* Navigation 3. Ebene */

  #navi-spalte nav li ul li ul li
  {
    background-color:  #e7e7e8;
  }

  #navi-spalte nav li ul li ul li a
  {
    color:    #003b5d;
  }

  #navi-spalte nav li ul li ul a.aktiv,
  #navi-spalte nav li ul li ul li a:hover,
  #navi-spalte nav li ul li ul li a:focus,
  #navi-spalte nav li ul li ul li a:active
  {
    background-color:  #E3E8CE;
  }


  main h1,
  main h2,
  main h3,
  main h4
  {
     color: #206cac;
  }

  main h2.aktuell
  {
    background-color:  #dddddd;
  }

main dl dt {
  font-weight:  normal;
  font-style:    normal;
  font-family:  "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
main dl dd {
  padding-left: 1.4em;
  padding-bottom: 0.8em;
}
main dl p {
  margin: 0;
  padding: 0;
  }
main .daten {
background-color: #f6f6f6;
}

main .nowrap {
 white-space: nowrap;
}

 /* Kasten Aktuell */
.highlighted, .permanent {
    border: 1px solid #206cac;
    border-radius: 3px;
    padding: 1em;
    margin-top: 2em;
}

.theme .newsblock, .highlighted .newsblock, .permanent .newsblock {
    background-color: #206cac;
}

.newsblock {
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    background-color: #206cac;
    color: #fff;
    font-size: 1.2em;
    padding: 2px 10px 2px 10px;
}

/* Kasten Aktuell Ende */

blockquote {
clear: both;
margin: 0.8em 2em 1em 2em;
  font-family:  "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.hinweis {
    border: 1px solid #206cac;
    border-radius: 3px;
    padding: 0.5em;
    margin: 1em 0 1em 0;
}

  aside h3
  {
    color:        #ffffff;
     background-color: #206cac;
  }
/* Akkordeon */
#inhalts-spalte .accordion h2.accord-closed, #inhalts-spalte .accordion h3.accord-closed {
    background-color: #efefef;
    color: #005b7a;
    border: 1px solid #efefef;
margin-top: 2px;
}

#inhalts-spalte .accordion h2.accord-opened, #inhalts-spalte .accordion h3.accord-opened {
    background-color: #206cac;
    border: 1px solid #206cac;
}
.accord-closed::before {
    color: #206cac;
}
.accord-opened::before {
    color: #efefef;
}

/* ENDE Akkordeon */