/* Individual-CSS für das Projekt "67_klima" */
a
 {
   color: #238cc5; /* #008bc5; */
   text-decoration: underline;
  }
  
a:hover img {
  background-color: #ffffff;
   }
#brot a::before
  {
    color:      #238cc5;
  }

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

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

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


header .header-overlay  /* transparenter Hintergrund für Overlay-Logo */
  {
          background:      rgba(255, 255, 255, 0.8);
  }
  
  header .header-overlay-logo.flexbox img {
    width: 200px;
    height: auto;
}

  header .header-overlay-logo.flexbox a:hover img {
    background-color: transparent;
}

  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
    background-color:  #e2001a;
background-color:  #016ca0;
background-color:  #238cc5;
  }

 

/* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color: #7bb743;
    background-color: #a2bd30;
background-color: #b9ce64; /* aufgehellt, 75% */
/*background-color: #98b12d;  abgedunkelt, 10% */
/* background-color: #76ac5e;*/

    -webkit-hyphens:  none;
    -moz-hyphens:  none;
    -ms-hyphens:  none;
    hyphens:    none;
  }

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

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

  /* Navigation 2. Ebene */

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

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

  #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:  #66b9dc;
   color: #fff;
  }

  /* Navigation 3. Ebene */

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

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

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

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

  main h1,
  main h2,
  main h3,
  main h4
  {
    color:    #238cc5;
  }
  main h1.marker,
  main h2.marker,
  main h3.marker,
  main h4.marker
  {
    color:    #238cc5;
    background-color: #f0f0f0;
  }
  main h2.aktuell
  {
    background-color:  #dddddd;
  }

  aside h3
  {
    color: #ffffff;
    background-color:  #238cc5;
  }


 div.ce-textpic-left .ce-textpic-imagewrap {
    margin-left: 8px;
    margin-bottom: 8px;
}

.ce-textpic-caption {
font-size: 0.95em;
}

/* -----------------  Veranstaltungskalender: ------------------------- */
#veranstaltungskalender .ergebnisliste .datum {
    margin: 20px 0 0 0;
    padding: 5px;
    font-size: 1.2em;
    font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    color:  #238cc5;
}

#veranstaltungskalender .ergebnisliste {
    margin: 0px 0 10px 0;
}

#veranstaltungskalender .ergebnisliste .kategorie {
    margin: 18px 0 12px 0;
    padding: 0 5px 0 5px;
    font-family: "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#veranstaltungskalender .ergebnisliste .eintrag {
    margin: 10px 0 10px 0;
    padding: 5px;
}

#veranstaltungskalender .ergebnisliste .eintrag .uhrzeit-beginn {
    clear: both;
    float: left;
    width: 26%;
    min-width: 70px;
}

/* ----------------- ENDE Veranstaltungskalender: ------------------------- */

/* ----------------- Social Media: ------------------------- */

aside #c91292 div.ce-gallery {
    padding: 0.1em 0.4em 0.5em 0.6em;
}
/* ----------------- ENDE Social Media: ------------------------- */

#c130612 .ce-gallery,
#c22082 .ce-gallery {
  padding-left : 0.6em;
}
#c22082 .ce-gallery {
  margin-bottom: 0.7em;
}

/* -----------------Kampagnen ---------------------------------*/
aside #c22082 .ce-textpic-imagerow-last  {
margin-top: 5px !important;
}
/* -----------------Solarkataster ---------------------------------*/
aside #c104034 {
padding-bottom: 0.6em;
}


/* ------------- clearing unterbinden -------------- */
div #c130544  {
overflow: visible;
}
/* -----------------Kampagnen ENDE ---------------------------*/


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

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

  header
  {
    height:  160px;  /* Da die Kopfgrafiken im Print ausgeblendet werden, muss die height angepasst werden. */
  }

  header .amt
  {
    width:    200px;  /* Wichtig, sonst hat die Amtskennung beim Print zu viel Platz. */
  }

  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  /* muenster.de Schriftzug */
  {
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

  header .logos.flexbox .stadt-ms  /* Stadt Münster Logo */
  {
    float:      left;
  }


  header .content-header
  {
    display:  none;
  }


header .header-overlay {
  display: block;
  margin:0;
  padding:0;
  height: 70px;
  position: absolute;
  top: 85px;
  left: -10px;
  z-index:999;
  }
header .header-overlay-logo.flexbox img {
    width: 110px;
    height: auto;
   z-index:999;
}
.streifen
  {
    height:        1px;
    margin:        0.1em 0 0.1em 0;
  }

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

  #info-spalte
  {
    background-color:  #fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
    border-color:    #fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
    width:        99%;
    page-break-before:  auto; 
    page-break-inside: avoid;
margin-top: -30px;  
  }

  #info-spalte aside
  {
    width:    99%;
    overflow:  hidden;  /* wichtig, damit dieser Container die Kindelemente umschließt (die Höhe wächst auf die Höhe des größten Kind-Elements). */
  }

  #info-spalte aside > div  /* Verhalten/Aussehen von #rechts_1, #rechts_2, usw. */
  {
    float:  left;
    margin:  0;
    width:  auto;
  }

  #info-spalte aside > div > div  /* Verhalten/Aussehen der Inhaltselemente (äußerer, umschließender div-Container) */
  {
    float:      left;
    margin-top:    0.5em;
    margin-right:  6px;
    margin-bottom:  0;
    width:      195px;
  }

  /*
  Da die Browser beim Drucken häufig Hintergrundfarben-/bilder ausblenden, legen wir als
  Workaround Rahmen um die Kästen in der rechten Spalte. */
  #info-spalte aside > div > *  /* Rahmen links/rechts */
  {
    border-left:  1px solid grey;
    border-right:  1px solid grey;
  }

  #info-spalte aside > div > div  /* Rahmen oben/unten - oben ist wichtig, da es Elemente ohne Überschrift gibt! */
  {
    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;
  }




}