/* Individual-CSS für das Projekt 41_meerwiese */

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

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

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

   ul li:before,       /* "normaler" Listenpunkt */
   ul li.punkt::before
   {
    color: #a64c78;
   }

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

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: #005679;
    background-color: #005b79;
  }

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





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

/* Navigation 1. Ebene */

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

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

  /* Navigation 2. Ebene

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

  #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:  #e29acc;
  color: #000000;
  }
*/



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

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

  main h2.marker,
  main h3.marker,
  main h4.marker
  {
   background-color: #eef1d8;
  }
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;
  }

p.back {
	 margin-top: 1em;
}

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

  aside h3
  {
    color:        #ffffff;
    background-color: #80003e;
  }

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

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

/* ENDE Akkordeon */

/*  Formular  */

main form {
    margin: 0 0 2em 0;
    padding: 1em;
    border: 1px solid #bdc764;
    border-radius: 5px;
    overflow: hidden;
}
/*             Newsletter-Formular                    */
main form {
    background-color: #ffffff;
}

main form label {
    line-height: 1.3 !important;
    display: block;
}

main form input#fe_ttaddress_first_name_input,
main form input#fe_ttaddress_last_name_input,
main form input#fe_ttaddress_email_input {
    display: inline-block;
    width: 20em !important;
}

main form input.submit_c {
    width: 8em;
    display: inline-block;
    margin-right: 1em;
    background-color: #e1e6b9;
    padding: 0.2em;
    border-radius: 5px;
    border: 2px solid #80003e;
    font-size: 1.1em;
}

/*      Kartenreservierung             */
main form label.tickets-adults,
main form label.tickets-children,
main form .label4,
main form .event-price-adults,
main form .event-price-children {
   width: auto;
   float: left;
   margin-right: 0.5em;
   line-height: 1.3 !important;
}

div.tickets-adults,
div.tickets-children {
   width: auto;
   float: left;
}
.tickets-adults-container input,
.tickets-children-container input  {
   width: 2em !important;
   float: left;
   margin-right: 0.5em;
}
.tickets-adults-container .label4,
.tickets-children-container .label4,
.tickets-adults-container .event-price-adults,
.tickets-children-container .event-price-children {
   margin-top: 8px;
}
main form input#institution,
main form input#firstname,
main form input#lastname,
main form input#street-and-no,
main form input#zip,
main form input#city,
main form input#telephone,
main form input#email {
    display: inline-block;
    width: 20em !important;
}

#c12839 div.submit-buttons input.submit,
#c12839 input.print {
    width: 12em;
    display: inline-block;
    margin-right: 1em;
    background-color: #e1e6b9;
   color: #000000;
    padding: 0.2em;
    border-radius: 5px;
    border: 2px solid #80003e;
    font-size: 1.1em;
}
#c12839 div.submit-buttons input.reset {
    width: 12em;
    display: inline-block;
    margin-right: 1em;
    background-color: #ffffff;
    padding: 0.2em;
    border-radius: 5px;
    border: 2px solid #80003e;
    font-size: 1.1em;
}
.preview-block div.tickets-adults,
.preview-block div.tickets-children {
   clear: left;
   margin-bottom: 0.5em;
}