/*------------------------------------*\
  #PDF-Anhang Täglicher Newsletter (Seiten 588/589)

  Seitengeometrie kommt aus EXT:bh_pdf print.css (.pdf-document > .pdf-page),
  hier nur Satzspiegel und Gestaltung. Bildschirm und PDF teilen sich dieselben
  Maße — was der Redakteur auf der Seite sieht, landet so im Anhang.
\*------------------------------------*/

:root {
    --pdf-margin-top: 8mm;
    --pdf-margin-bottom: 8mm;
    --pdf-margin-x: 8mm;

    --nl-darkblue: #004371;
    --nl-blue: #0074c4;
    --nl-red: #d0151a;
    --nl-line: #d1d1d1;
}

.pdf-newsletter {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.8px;
    line-height: 1.375;
    text-align: left;
}

.pdf-newsletter a {
    color: inherit;
    text-decoration: none;
}

.pdf-newsletter table {
    border-collapse: collapse;
}

/*------------------------------------*\
  #Kopf
\*------------------------------------*/

.pdf-newsletter__bar {
    height: 6.4px;
    background: var(--nl-darkblue);
}

.pdf-newsletter__meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    height: 49.6px;
    color: var(--nl-darkblue);
    font-size: 10.76px;
}

.pdf-newsletter__logo {
    display: block;
    width: auto;
    height: 36px;
}

.pdf-newsletter__date {
    font-weight: 600;
    text-align: center;
}

.pdf-newsletter__time {
    text-align: right;
}

.pdf-newsletter__picture {
    height: 112px;
    background: url("images/header_winter.jpg") center / cover no-repeat;
}

.pdf-newsletter--sommer .pdf-newsletter__picture {
    background-image: url("images/header_sommer.jpg");
}

/*------------------------------------*\
  #Wetter (Element wetter → elements/WetterPDF.html)
\*------------------------------------*/

.pdf-weather {
    padding-top: 12px;
}

.pdf-weather__days {
    display: grid;
    grid-template-columns: 14%;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    color: var(--nl-darkblue);
    font-size: 10.76px;
    line-height: 12.9px;
}

.pdf-weather__captions {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.pdf-weather__day {
    padding: 0 24px;
    border-right: 1px solid var(--nl-line);
    font-weight: 600;
    text-align: center;
}

.pdf-weather__day:last-child {
    border-right: 0;
}

.pdf-weather__daypart {
    margin-bottom: 8px;
    font-weight: 400;
}

.pdf-weather__icon {
    display: block;
    width: auto;
    height: 40px;
    margin: 0 auto 8px;
}

.pdf-weather__forecast {
    padding-left: 14%;
    font-size: 9.68px;
    line-height: 11.84px;
}

.pdf-weather__forecast p {
    margin: 8px 0 0;
}

/*------------------------------------*\
  #Bahnen (zwei Spalten)
\*------------------------------------*/

.pdf-newsletter__stations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    border-bottom: 1px solid var(--nl-line);
}

.pdf-station {
    --station-color: var(--nl-blue);

    min-width: 0;
    padding-bottom: 8px;
}

.pdf-station--ehrwald {
    --station-color: var(--nl-red);

    padding-right: 19.2px;
}

.pdf-station--zugspitze {
    padding-left: 19.2px;
    border-left: 1px solid var(--nl-line);
}

.pdf-station__bar {
    height: 6.4px;
    background: var(--station-color);
}

.pdf-station__head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 0;
    color: var(--station-color);
}

.pdf-station__name {
    margin: 0;
    font-size: 12.9px;
    font-weight: 600;
    line-height: 15.06px;
    text-transform: uppercase;
}

.pdf-station__place {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 9.68px;
    line-height: 11.84px;
    text-align: right;
}

.pdf-station__pin {
    flex: 0 0 auto;
    width: 10.4px;
    height: 13.6px;
    margin-top: 4.8px;
}

/* Winter: Livebild links, Live-Werte rechts daneben */
.pdf-station__live {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
    border-top: 1px solid var(--nl-line);
}

.pdf-station__webcam {
    display: block;
    height: 102.4px;
    overflow: hidden;
}

.pdf-station__webcam img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pdf-station--zugspitze .pdf-station__webcam img {
    object-position: bottom;
}

.pdf-station__values {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.pdf-station__value {
    display: flex;
    align-items: center;
    gap: 8.8px;
    margin-bottom: 8px;
    font-size: 12.8px;
    line-height: 1.2;
}

.pdf-station__value img {
    flex: 0 0 auto;
    width: 20px;
    height: auto;
}

/* Sommer: breites Livebild, Live-Werte zweispaltig darunter */
.pdf-newsletter--sommer .pdf-station__live {
    grid-template-columns: 1fr;
    gap: 0;
}

.pdf-newsletter--sommer .pdf-station__webcam {
    height: 112px;
}

.pdf-newsletter--sommer .pdf-station__webcam img {
    object-position: center;
}

.pdf-newsletter--sommer .pdf-station__values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    min-height: 80px;
}

/* Winter: Schneedaten, feste Mindesthöhe hält beide Spalten auf einer Linie */
.pdf-station__snow {
    min-height: 96px;
    padding: 8px 0;
    box-sizing: border-box;
    border-top: 1px solid var(--nl-line);
}

.pdf-station__snow table {
    width: 100%;
    font-size: 8.6px;
    line-height: 12.9px;
}

.pdf-station__snow th,
.pdf-station__snow td {
    width: 50%;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

.pdf-station__snow th {
    font-weight: 400;
}

.pdf-station__snow td {
    padding-left: 9.6px;
    color: var(--station-color);
    font-weight: 600;
}

/*------------------------------------*\
  #Lifte (Elemente feratellinfo/feratellinfoew → elements/Feratellinfo*.html)
\*------------------------------------*/

.pdf-station__content .feratellinfo,
.pdf-station__content .feratellinfoew {
    min-height: 200px;
}

.pdf-newsletter--sommer .pdf-station__content .feratellinfo,
.pdf-newsletter--sommer .pdf-station__content .feratellinfoew {
    min-height: 112px;
}

.liftInfoBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    column-gap: 9.6px;
    padding-top: 4px;
    border-top: 1px solid var(--nl-line);
}

/* .cf-Clearfix der Elemente würde im Grid zu leeren Zellen */
.liftInfoBox::before,
.liftInfoBox::after {
    content: none;
}

.liftInfoBoxFirst {
    min-height: 104px;
}

.liftInfoBoxSecond {
    min-height: 88px;
}

.pdf-newsletter--sommer .liftInfoBoxFirst,
.pdf-newsletter--sommer .liftInfoBoxSecond {
    min-height: 48px;
}

.liftItem {
    height: 24px;
}

.liftItemInner {
    height: 100%;
}

.liftItemInner td {
    padding: 0;
}

.liftStatus .statusIcon {
    display: block;
    width: 6.4px;
    height: 6.4px;
    margin-right: 4px;
    border-radius: 50%;
}

.liftStatus.status0 .statusIcon,
.liftStatus.status2 .statusIcon {
    background: #f62f35;
}

.liftStatus.status1 .statusIcon {
    background: #78cf34;
}

.liftStatus.status6 .statusIcon {
    background: #fe8f00;
}

.liftIcon img {
    display: block;
    width: 24px;
    height: 24px;
}

.liftName {
    font-size: 8.6px;
    line-height: 10.76px;
}

/*------------------------------------*\
  #Infoblock (Element Infoblock → elements/InfoblockPDF.html)
\*------------------------------------*/

.pdf-infoblock {
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
    border-top: 1px solid #e2e2e2;
    color: var(--nl-blue);
    font-size: 8.6px;
    line-height: 10.76px;
}

.pdf-infoblock--ewnl_additional {
    color: var(--nl-red);
}

.pdf-infoblock__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 4px 4px;
}

.pdf-infoblock__icon {
    flex: 0 0 auto;
    width: 14.4px;
    height: auto;
}

.pdf-infoblock__text {
    color: #000;
}

.pdf-infoblock__text a {
    color: var(--nl-blue);
}

.pdf-infoblock--ewnl_additional .pdf-infoblock__text a {
    color: var(--nl-red);
}

/*------------------------------------*\
  #Fuß
\*------------------------------------*/

.pdf-newsletter__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    break-inside: avoid;
}

.pdf-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 8px 4px 4px;
    font-size: 12px;
    line-height: 16px;
}

.pdf-footer--zugspitze {
    padding-left: 19.2px;
    border-left: 1px solid #d9d9d9;
}

.pdf-footer__qr {
    display: block;
    width: 64px;
    height: 64px;
}

.pdf-footer__name {
    color: var(--nl-red);
    font-size: 11.2px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

.pdf-footer--zugspitze .pdf-footer__name {
    color: var(--nl-blue);
}