/* PRINT-CSS neues CD */



  body,
  body .jPanelMenu-panel
  {
    background-color:  #fff;  /* Im Print soll der Hintergrund weiß sein, nicht grau. */
  }

  #seiten-wrapper
  {
    max-width:  auto!important;
    width:    99%!important;
    box-shadow:  none;      /* Im Print wird die Seitenrahmenschattierung entfernt. */
  }

  hr.clear
  {
    /*display:  none!important;*/
  }



  /* Header anpassen */
  header
  {
    height:  60px;  /* 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:  14px;
  }

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

  header .logos.flexbox .muenster-de  /* muenster.de Schriftzug */
  {
    /* Bei Anpassung folgender Werte, muss die Druckansicht in ALLEN Browsern überprüft werden. */
    margin:      6px 25px 0 5px;
    float:      left;
    font-size:    30px;
  }

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

  /* Headerelemente ausblenden, die beim Print nicht dargestellt werden sollen. */
  #seiten-wrapper .menu-trigger,
  header .u,
  header .header-overlay,
  header .content-header,
  header .sprachen      /* Sprachen-Navigation von muenster.de */
  {
    display:  none;
  }



  .streifen
  {
    clear:  both;
    height: 1px;
  }



  /* Inhaltselemente ausblenden, die beim Print nicht dargestellt werden sollen. */
  .vorlesen
  {
    display:  none;
  }

  /* Footer ausblenden */
  footer
  {
    display:  none;
  }

  /* Spalten ausblenden */
  #navi-spalte
  {
    display:  none;
  }

  /* Barrierefreihe Infos ausblenden */
  #sprungmarke,
  ul.u,
  .u
  {
    display:  none;
  }



  /* Infospalte soll unter den Inhalt rutschen */

    @-moz-document url-prefix() { /* DIESER INHALT IST FF-SPEZIFISCH */

      /* Diese Anweisungen sorgen im FF dafür, dass sich Inhalt und Info-Spalte im Print untereinander anordnen.
         In allen anderen Browsern gilt weiterhin das Flexbox-Modell (display: flex;). */
      #hauptteil
      {
        display:  block;  /* Workaround für den 1-Seiten-Print Bug von Firefox - flexbox wird ersetzt. */
      }

      #navi-inhalt-wrapper-spalte
      {
        display:  block;  /* Workaround für den 1-Seiten-Print Bug von Firefox - flexbox wird ersetzt. */
      }
    }

    /* Hierdurch ordnen sich Inhalt und Info-Spalte in "Flexbox-Browsern" (also Browsern, die nicht von
       dem FF-1-Seiten-Print Bug betroffen sind) untereinander an. */
    #hauptteil
    {
      flex-flow:  column wrap;
    }

  /* ENDE Infospalte soll unter den Inhalt rutschen */



  main h2.marker,
  main h3.marker,
  main h4.marker
  {
    border:  1px solid grey;
  }

  main #readspeaker_button1
  {
    display:  none;  /* blendet readspeaker-Button aus */
  }

  main #veranstaltungskalender .navigation
  {
    display:  none;  /* Navigation des VK ausblenden. */
  }

  #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:  always;       Dadurch erfolgt vor der Info-Spalte auf jeden Fall ein Seitenumbruch. */
   display:  block!important;
  }

  /* Kästen sollen in der Inhaltsspalte nacheinander floaten. Als Breite soll die gesamte Inhaltsbreite zur Verfügung stehen. */
  #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.5em;
    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;
  }





  /* Template "Firefox-spezifisches CSS" */
  /*
  @-moz-document url-prefix() { 
    .KLASSENBEZEICHNUNG
    {
      CSS-ANWEISUNG;
      ...
    }
    ...
  }
  */





  /* PROJEKTSPEZIFISCHES CSS */
  /* ======================= */

  /* Print-CSS 13_medien */

    #presseApp .navi,
    #presseApp .paginator,
    #presseApp .suche
    {
      display:  none;
    }

    main .tx-cq-image-gallery  /* PA Bilder-Galerie */
    {
      display:  block!important;  /* Workaround für FF: ohne wird nur die 1. Seite ausgedruckt */
    }

    main .tx-cq-image-gallery .image-set
    {
      float:  left!important;  /* Workaround für FF: wird für display:block; bei main .tx-cq-image-gallery benötigt */
    }

  /* ENDE Print-CSS 13_medien */


  /* Print-CSS 80_tourismus */

    /* Inhaltselemente - Hotelbuchung, Social Media - ausblenden */
    #c59091,  /* Schnellbuchung Übernachtungen deutsch */
    #c68364,
    #c68350,
    #c68354,
    #c68358,
    #c68366,
    #c69690,

    #c74493
    {
      display:  none;
    }

    main .anreisser .dekobild
    {
      margin-top: 0.6em;
    }
    
    main .dekobild
    {
      border: none;
      float: right;
      margin-bottom: 0.4em;
      margin-left: 1em;
      margin-top: 0.4em;
      width: 200px;
    }

    /* Veranstaltungskalender */
    #veranstaltungskalender .form-control-buttons
    {
      display:  none;
    }

    #veranstaltungskalender form fieldset legend
    {
      border:  1px solid grey;
    }

  /* ENDE Print-CSS 80_tourismus */



/* ENDE PRINT-CSS neues CD */