/* VORLAGE INDIVIDUAL-CSS für Projekte - CSS was nicht überschrieben wird, BITTE LÖSCHEN ODER AUSKOMMENTIEREN. */
/* Kommentierungen BITTE NICHT löschen (bei Bedarf aber gerne ergänzen). */
/* Die Schriftgröße sollte i.d.R. nicht angepasst werden (müssen), da sie sonst der Größe in den anderen Projekten widerspricht. */



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



/* 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:        #005395;        /* Farbe der Links - wird im Navigationsbereich überschrieben. */
  }

  #brot a::before /* Breadcrumbs */
  {
    color:        #005b79;
  }

  /* Icons für Links IM TEXT (also 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:      #005395;
  }

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

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


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

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

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


  /* Navigation 1. Ebene */

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

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

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

  /* Navigation 2. Ebene */

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

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

  #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:  #7fa9ca;/*#dde0a2;*/
    color: #e5edf4;
  }

  /* Navigation 3. Ebene */

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

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

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

  /* Für den Pömpel - ALT - IST GGF. UNNÖTIG
  #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:  #f2f2f2;
    background-image:  url(images/subnav.gif);
    background-position:1.45em center;
    background-repeat:  no-repeat;
  }*/

  /* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */
  #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:      #005395;
  }

  /* Zwischenueberschrift */

  #navi-spalte nav h2
  {
    color:    #444;
  }

  /* Navigation Sprachen 1. Ebene */

  #navi-spalte nav.sprachennavigation ul li
  {
    background-color:  #eeeeee;
  }

  #navi-spalte nav.sprachennavigation ul li a
  {
    color:        #005395;
  }

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


  main a:hover,
  main a:focus,
  main a:active,
  aside a:hover, /* Hovern auch in der rechten Spalte */
  aside a:focus,
  aside a:active
  {
    background-color: #e5e5e5;
  }


  main
  {
    color:    #444;
  }

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

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

  main h2.marker,
  main h3.marker,
  main h4.marker
  {
    background-color:  #e1e1e1;  /* entspricht standardmäßig der Hintergrundfarbe der Navigation */
  }

  /* Zitate */
  main .zitat
  {
    background-color:  #ebebeb;
  }

  main .zitat h3
  {
    color:    #00639d;
  }

  main th /* Spaltenueberschriften von Tabellen im Inhaltsbereich */
  {
    color:        #333333;
    background-color:  #d9d9d9;
  }

  main th.zwischentitel
  {
    color:        #333333;
    background-color:  #E9E9E9;
  }

  main th,
  main td
  {
    background-color:  #eeeeee;
  }

  main .dekobild /* Workaround aufgrund alter HTML-Struktur der inneren Elemente. Im Dummy: .bild */
  {
    background-color:  #f0f0f0;
  }

  /* Zitate */
  main .zitat
  {
    background-color:  #ebebeb;
  }

  main .zitat h3
  {
    color:    #00639d;
  }

  /* ABC-Listen (inkl. Navigation) */
  main #abc
  {
    text-align:  center;  /* zentriert die Liste, wenn diese ein inline-block Element ist */
  }

  main #abc ul li
  {
    background-color:  #005b79;
  }

  main #abc ul li a
  {
    color:    #fff;
  }

  main #abc ul li a.aktiv,
  main #abc ul li a:hover,
  main #abc ul li a:focus,
  main #abc ul li a:active
  {
    background-color:  #AAB315;/*#a2a800;*/
  }
  main .alphaindex {
    color: #ffffff;
    text-align: center;
    padding: 10px;
  }

  main .alphaindex a {
    padding: 5px;
    background-color: #7fa9ca;
    color: #e5edf4;
    text-decoration: none;
  }
  main .alphaindex a.aktiv,
  main .alphaindex a:hover,
  main .alphaindex a:focus,
  main .alphaindex a:active {
    background-color: #005395;
    color: #ffffff;
    text-decoration: none;
  }

  /* CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */
  /* Ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */

    main form
    {
      background-color:  #e5e5e5;  /* Muss der Farbe der checkbox-/radiobutton-Umrandung entsprechen. */
    }

    main form .type-text input:focus,      /* Hierdurch wird das aktive Eingabeelement hervorgehoben */
    main form .type-text textarea:focus,
    main form .type-check textarea:focus,
    main form .type-select select:focus,
    main form .formular-element input:focus,  /* input-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element textarea:focus,  /* textarea-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element select:focus,  /* selectbox-Auswahlfeld alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form input:focus  /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #fff8d1;
    }

    /* Buttons (auch im Bestätigungs-Schritt) */
    main form .submit-buttons .type-button .submit,  /* Submit-/Abschicken-Button */
    main .last-step .buttons .type-button .print,  /* Print-Button in last-step */
    main form .buttons input.submit,        /* Submit-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .submit-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #005395;      /* wichtig bei last-step */
      color:        #ffffff;      /* wichtig bei last-step */
    }

    main form .submit-buttons .type-button .reset,  /* Reset-/Löschen-Button */
    main form .buttons input.reset,          /* Reset-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .reset-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      color:        #323232;
      background-color:  #ffffff;
    }
    /* ENDE Buttons (auch im Bestätigungs-Schritt) */

  /* ENDE ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */
  /* ENDE CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */

  main .kasten {
     background-color: #ffffff;
     border: 1px solid #005395;
  }
  main .kasten h2 {
     background-color: #005395;
     color: #ffffff;
     margin-top: 0;
     padding: 3px;
  }
  main .kasten p {
     padding: 3px;
  }

  aside h3
  {
    color:        #eeeeee;
    background-color:  #005395;
  }

  aside > div > div  /* Kasten-Element */
  {
    background-color:  #fff;  /* Hintergrundfarbe */
  }

  /* Formular-Style Info-Spalte (inkl. Buttons) */

  aside form input,
  aside form select,
  aside form textarea
  {
    background-color:  #fff;
  }

  aside form input:focus,
  aside form select:focus,
  aside form textarea:focus
  {
    background-color:  #fff8d1;
    border:        1px solid #005b79;
  }
  
  aside form .buttons input.submit
  {
    color:        #ffffff;
    background-color:  #005395;
  }

  aside form .buttons input.reset
  {
    color:        #323232;
  }


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

#inhalts-spalte .accordion h2.accord-closed

{

color:    #005395;

background-color: #eeeeee;

border-bottom: 1px solid #005395;

}

#inhalts-spalte .accordion h2.accord-opened

{

background-color:    #005395;

}

.accord-closed::after

{

color:    #005395;

} 
/* ENDE AKKORDEON */
/* BEGINN NETAPPOINT */
 #NetAppoint ul li::before{
    content:"";
  }
 #NetAppoint .statusleiste_6tabs {
    font-size: 1.4rem;
    width: 14%
 }
 #NetAppoint ul li {
   margin-bottom: -15px;
   padding-bottom: -15px;
 }
 #NetAppoint p {
  clear: both;
 }
 #NetAppoint fieldset a {
   display: block;
 }
 #NetAppoint fieldset h3 {
   color: #3d3b38;
   background-color: #e5e5e5; 
   font-size: 1.4rem;
 }
 #NetAppoint fieldset legend {
  font-size: 1.4rem;
 }
 #NetAppoint .nat_casetypelist_label {
   width: 300px;
 }
 #NetAppoint .nat_navigation {
  background-color: #c4c4c4;
  height: 32px;
 }
 #NetAppoint {
   font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.4rem;
 }
 #NetAppoint .message_-1, #NetAppoint p.message_-1 {
   width: 97%;
 }

/* ENDE NETAPPOINT */


/* SEITENGERÜST (also auch Header) und ALLGEMEINES */

  /* Blendet das Overlay auf dem Slider links ein/aus. */
  header .header-overlay
  {
    xdisplay:  none;  /* Overlay aus - wenn es eingeblendet werden soll, muss dieser CSS-Block entfernt werden. */
  }

  /* Blendet die Pager-Punkte des Sliders ein/aus. */
  header .content-header .bx-wrapper .bx-controls .bx-pager
  {
    display:  none;  /* Pager-Punkte aus - wenn sie eingeblendet werden sollen, muss dieser CSS-Block entfernt werden. */
  }


/* ENDE SEITENGERÜST (also auch Header) und ALLGEMEINES */





/* HAUPTNAVIGATION */
/* ENDE HAUPTNAVIGATION */





/* INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */
/* ENDE INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */





/* INHALTSBEREICH */
/* ENDE INHALTSBEREICH */


.permanent {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    padding: 1em;
    margin-top: 2em;
}

.permanent .newsblock {
    background-color: #999999;
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    padding: 2px 10px 2px 10px;
    font-family: "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* INFOBEREICH ("rechte Spalte") */


  /* Kasten Social Media (Info-Spalte) */
  /* Für jede Typo3-Sprache muss die Container-ID #cXXXXX angegeben werden. Beispiel MM (deutsch): aside #c70827 div.ce-textpic */
  aside #cXXXXX div.ce-textpic,          /* social media Element deutsch */
  aside #cYYYYY div.ce-textpic,          /* ggf. social media Element englisch */
  /*...*/                      /* ggf. weitere Sprachen */
  aside #cZZZZZ div.ce-textpic
  {
    padding: 0.1em 0.4em 0.5em 0.6em;
  }

  /* ENDE Kasten Social Media (Info-Spalte) */


/* ENDE INFOBEREICH ("rechte Spalte") */





/* INDIVIDUAL PRINT-STYLE */


  @media print {

    /*
    SELEKTOR
    {
      CSS-Code
    }
    ...

    */

  }

    /* Template "Firefox-spezifisches CSS" - alles was innnerhalb von @-moz-document url-prefix(){...} steht, */
    /* gilt nur im Firefox. */
    /*
    @-moz-document url-prefix() {
      SELEKTOR
      {
        CSS-ANWEISUNG;
        ...
      }
      ...
    }
    */


/* ENDE INDIVIDUAL PRINT-STYLE */