/* =========================================================
   PRINT-MULTIMEDIA.CSS
   Datei: print-multimedia.css
   Nur für Druck / PDF-Ausgabe – multimedia.html
========================================================= */

@media print{

/* =========================================================
   GRUNDLAGEN
   (global geregelt)
========================================================= */



/* =========================================================
   UI / NAV AUSBLENDEN
========================================================= */

          .tiles a[href^="http"]::after,
          .tile a[href^="http"]::after,
          .tile-sub a[href^="http"]::after{
            content: none !important;
          }


/* =========================================================
   LAYOUT
   (global geregelt)
========================================================= */



/* =========================================================
   TYPOGRAFIE
   (global geregelt)
========================================================= */



/* =========================================================
   HEADLINE
   (global geregelt)
========================================================= */



/* =========================================================
   BREADCRUMB
   (global geregelt)
========================================================= */



/* =========================================================
   TILES – GRID
========================================================= */

          .tiles{
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 5mm !important;

            margin: 0 !important;
            padding: 0 !important;
          }


/* =========================================================
   TILE – BASIS
========================================================= */

          .tile{
            display: grid !important;
            grid-template-columns: 28mm 1fr !important;
            gap: 4mm !important;
            align-items: start !important;

            margin: 0 !important;
            padding: 4mm 4.5mm !important;

            background: #f8fbff !important;
            border: 1px solid #cdd8ec !important;
            border-radius: 3mm !important;
            box-shadow: none !important;
            text-decoration: none !important;
            color: #000 !important;

            break-inside: avoid !important;
            page-break-inside: avoid !important;
          }

          .tile--wide{
            grid-column: 1 / -1 !important;
          }

          .tile--discography{
            grid-template-columns: 28mm 1fr !important;
          }


/* =========================================================
   TILE – MEDIEN
========================================================= */

          .tile__media{
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
          }

          .tile__media img{
            display: block !important;
            width: 100% !important;
            height: auto !important;

            border: 1px solid #d0d8e8 !important;
            border-radius: 2mm !important;
          }


/* =========================================================
   TILE – INHALT
========================================================= */

          .tile__body{
            display: block !important;
            min-width: 0 !important;
          }

          .tile__title{
            display: block !important;
            margin: 0 0 2mm 0 !important;

            font-size: 11pt !important;
            line-height: 1.25 !important;
            font-weight: 700 !important;
            color: #163d7a !important;
          }

          .tile__desc{
            margin: 0 !important;

            font-size: 9.6pt !important;
            line-height: 1.4 !important;
            color: #000 !important;
          }


/* =========================================================
   DISCGRAPHIE – SUBGRID
========================================================= */

          .tile-subgrid{
            grid-column: 1 / -1 !important;

            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr !important;
            gap: 2.5mm !important;

            margin: 3mm 0 0 0 !important;
            padding: 0 !important;
          }

          .tile-sub{
            display: block !important;

            margin: 0 !important;
            padding: 2.5mm 3mm !important;

            background: #eef4ff !important;
            border: 1px solid #c5d2ea !important;
            border-radius: 2mm !important;
            box-shadow: none !important;

            font-size: 9pt !important;
            line-height: 1.3 !important;
            font-weight: 700 !important;
            text-align: center !important;
            text-decoration: none !important;
            color: #163d7a !important;
          }


/* =========================================================
   SEITENUMBRÜCHE
========================================================= */

          .tile,
          .tile__media,
          .tile__body,
          .tile-subgrid{
            break-inside: avoid !important;
            page-break-inside: avoid !important;
          }

}