/* Individual-CSS für das Projekt "V_Zuwanderung" */

            /* 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:  #990033;                      /* Farbe der Links - wird im Navigationsbereich überschrieben. */
                         text-decoration: underline;
            }
            #brot a::before
            {
                        color:  #990033;
             }

            /* 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
            {
                        color:               #990033;
            }

            /* 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:               #990033;
             }

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

header .header-overlay
  {
  background:      rgba(255, 255, 255, 0.7);
  }


  .streifen  {
    background-color:  #990033;
      }

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



/* Navigation 1. Ebene */

  #navi-spalte nav li {
    background-color:  #990033;
    -webkit-hyphens:       none;
    -moz-hyphens:          none;
    -ms-hyphens:            none;
    hyphens:                  none;
  }

  #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:  #f6941e;
    color: #3d3b2e;
  }

  /* Navigation 2. Ebene */

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

  }

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

  /* Navigation 3. Ebene */

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

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

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

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


  main h1,
  main h2,
  main h3,
  main h4  {
    color:    #990033;

  }

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

  main .kasten {
    background-color:  #eeeeee;
    padding: 0.3em;
    }


  aside h3
  {
    color:        #ffffff;
    background-color:  #990033;
  }
main div {
            overflow: visible;
}
/* Bildlink */
#c28632 {
background-color: #000;
}
/* ENDE Bildlink */

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

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

/* ENDE Akkordeon */
/* ---------------- Print --------------------- */

@media print {
body {
  background-color: #ffffff;
  }
#seiten-wrapper {
  box-shadow: none;
  }

  header  {
    height:  60px;  /* muss angepasst werden. */
  }

  header .amt  {
    width:    200px;
  }

  header .amt .amtsbezeichnung  {
    font-size:  12px;
  }

  header .logos.flexbox  /* Stadtlogo einrücken, damit vollständig. */
  {
    display:    inline-block!important;
    float:      right;
  }

  header .logos.flexbox .muenster-de    {
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

  header .logos.flexbox .stadt-ms    {
    float:      left;
  }

  header .content-header  {
    display:  none;
  }

header .header-overlay {
  display: none !important;
  }

.streifen  {
    height:        1px;
    margin:        0.1em 0 0.1em 0;
  }

.footerlinks ul {
  display: none;
  height: 1px;
  margin: 0;
  }

  #info-spalte  {
    background-color:  #fff!important;
    border-color:    #fff!important;
    width:        99%;
    page-break-before:  auto;
    page-break-inside: avoid;
    margin-top: -30px;
  }

  #info-spalte aside  {
    width:    99%;
    overflow:  hidden;
  }

  #info-spalte aside > div   {
    float:  left;
    margin:  0;
    width:  auto;
  }

  #info-spalte aside > div > div    {
    float:      left;
    margin-top:    0.5em;
    margin-right:  6px;
    margin-bottom:  0;
    width:      195px;
  }

  #info-spalte aside > div > *  /* Rahmen links/rechts */
  {
    border-left:  1px solid grey;
    border-right:  1px solid grey;
  }

  #info-spalte aside > div > div   {
    border-top:    1px solid grey;
    border-bottom:  1px solid grey;
  }

  /* "bugfixing" - nötig, da die HTML-Struktur der Kästen nicht einheitlich ist. */
  #info-spalte aside > div > div > .linklist,
  #info-spalte aside > div > div > .kasten  {
    margin-top:    0;
    margin-bottom:  0;
  }

}

/* ---------------- ENDE Print --------------------- */