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

@media print{

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



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

          .imgbox,
          .imgbox-backdrop,
          .imgbox-panel,
          .imgbox-close,
          .imgbox-counter,
          .imgbox-nav,
          .imgbox-prev,
          .imgbox-next{
            display: none !important;
          }

          .seiteninfo-wrap a[href^="http"]::after,
          .seiteninfo-grid a[href^="http"]::after,
          .seiteninfo-section a[href^="http"]::after{
            content: none !important;
          }


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



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



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



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



/* =========================================================
   SEITENINFO – WRAPPER / INTRO
========================================================= */

          .seiteninfo-wrap{
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
          }

          .seiteninfo-intro{
            margin: 0 0 5mm 0 !important;

            font-size: 10.2pt !important;
            line-height: 1.45 !important;
            color: #000 !important;
          }


/* =========================================================
   SEITENINFO – GRID
========================================================= */

          .seiteninfo-grid{
            display: grid !important;
            grid-template-columns: 1.15fr 0.85fr !important;
            gap: 5mm !important;

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

          .seiteninfo-stack{
            display: flex !important;
            flex-direction: column !important;
            gap: 5mm !important;
          }

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

          .seiteninfo-statswide{
            grid-column: 2 !important;
            align-self: start !important;
          }


/* =========================================================
   SEITENINFO – SEKTIONEN
========================================================= */

          .seiteninfo-section{
            display: block !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;

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

          .seiteninfo-title{
            margin: 0 0 3mm 0 !important;
            padding: 0 0 1.5mm 0 !important;

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

            border-bottom: 1px solid #dfe6f3 !important;
          }

          .seiteninfo-subtitle{
            margin: 4mm 0 2mm 0 !important;

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

          .seiteninfo-note,
          .muted{
            color: #555 !important;
          }


/* =========================================================
   SEITENINFO – LISTEN
========================================================= */

          .seiteninfo-list{
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
          }

          .seiteninfo-list li{
            position: relative;

            margin: 0 !important;
            padding: 1.8mm 0 1.8mm 6mm !important;

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

            border-bottom: 1px solid #ececec !important;
          }

          .seiteninfo-list li:last-child{
            border-bottom: 0 !important;
          }

          .seiteninfo-list li::before{
            content: "›";
            position: absolute;
            left: 0;
            top: 1.8mm;

            font-weight: 700 !important;
            color: #163d7a !important;
          }

          .seiteninfo-list strong{
            color: #163d7a !important;
          }

          .seiteninfo-list a,
          .extlink{
            color: #000 !important;
            text-decoration: none !important;
            word-break: break-word !important;
            overflow-wrap: anywhere !important;
          }


/* =========================================================
   SEITENINFO – SUPPORT
========================================================= */

          .support-list{
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 4mm !important;

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

          .support-group{
            display: block !important;

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

            background: #eef4ff !important;
            border: 1px solid #c5d2ea !important;
            border-radius: 2.5mm !important;
          }

          .support-title{
            margin: 0 0 2mm 0 !important;

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

          .support-names{
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
          }

          .support-names li{
            position: relative;

            margin: 0 !important;
            padding: 1.3mm 0 1.3mm 5mm !important;

            font-size: 9.3pt !important;
            line-height: 1.35 !important;
            color: #000 !important;
          }

          .support-names li::before{
            content: "•";
            position: absolute;
            left: 0;
            top: 1.2mm;

            font-weight: 700 !important;
            color: #5f7395 !important;
          }


/* =========================================================
   SEITENINFO – STATISTIK
========================================================= */

          .seiteninfo-statslist{
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
          }

          .seiteninfo-statslist li{
            display: grid !important;
            grid-template-columns: 1fr auto !important;
            gap: 4mm !important;
            align-items: baseline !important;

            margin: 0 !important;
            padding: 1.6mm 0 !important;

            font-size: 9.5pt !important;
            line-height: 1.35 !important;
            color: #000 !important;

            border-bottom: 1px solid #ececec !important;
          }

          .seiteninfo-statslist li:last-child{
            border-bottom: 0 !important;
          }

          .seiteninfo-statslist li span:first-child{
            color: #163d7a !important;
            font-weight: 700 !important;
          }

          .seiteninfo-statslist li span:last-child{
            color: #000 !important;
            font-weight: 700 !important;
            white-space: nowrap !important;
          }


/* =========================================================
   SEITENINFO – DESIGNS
========================================================= */

          .designgrid--3{
            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr !important;
            gap: 4mm !important;

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

          .seiteninfo-shot{
            display: block !important;

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

            background: #ffffff !important;
            border: 1px solid #d9e2f0 !important;
            border-radius: 2.5mm !important;

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

          .seiteninfo-shot img{
            display: block !important;
            width: 100% !important;
            height: auto !important;

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

          .design-meta{
            margin-top: 2mm !important;
          }

          .design-name{
            font-size: 9.4pt !important;
            line-height: 1.25 !important;
            font-weight: 700 !important;
            color: #163d7a !important;
          }

          .design-range,
          .design-note{
            margin-top: 0.7mm !important;

            font-size: 8.5pt !important;
            line-height: 1.3 !important;
            color: #666 !important;
          }


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

          .seiteninfo-section,
          .seiteninfo-title,
          .support-group,
          .seiteninfo-shot{
            break-inside: avoid !important;
            page-break-inside: avoid !important;
          }

}