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



  /* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */


  /* Reihenfolge für Pseudo-Klassen beachten :link :visited :hover :focus :active */

  a
  {
    color:        #333333;    /* Farbe der Links - wird im Navigationsbereich erschrieben. */
    text-decoration:  underline;
  }
  #brot a::before
  {
    color: #993233;
  }
  .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: #993233;
  }
  /* Icons für Listen/Linklisten */
  main ul li::before, aside ul li::before {
    content: "\e90b";
}
  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: #993233;
  }

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

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: #d89974;
  }

  #navi-spalte  /* Hintergrundfarbe Navi-Spalte */
  {
    background-color:  #f6f5f0;  /* 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:  #f6f5f0;
    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 #f6f5f0;
    }
  }





#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;
    color: #444;
}

/* Navigation 1. Ebene */

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

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

  #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: #993233;
    color: #ffffff;
  }

  /* Navigation 2. Ebene */

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

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

  #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:  #d89974;
  color: #000000;
  }

  /* Navigation 3. Ebene */

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

  #navi-spalte nav li ul li ul li a
  {
    color:    #005b79;
  }

  #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: #993233;
  }

  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;
  }

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

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

.newsblock {
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    background-color: #993233;
    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 #993233;
    border-radius: 3px;
    padding: 0.5em;
    margin: 1em 0 1em 0;
}

  aside h3
  {
    color:        #ffffff;
     background-color: #993233;
  }