ihk24/gfi-ihk-2024/stories/_global/gfi-styles/_print.scss

@charset "UTF-8";

@media print {
  html, body, button {
    color: black;
    font-size: 16px;
  }

  .cookieconsent, #CybotCookiebotDialog {
    display: none !important;
  }

  .toplink, #userlikeCustomTab, .userlike, .userlike-custom-button {
    display: none !important;
  }

  .sidebar, .main-col {
    display: block;
    max-width: 100%;
    flex: 1 1 100%;
  }

  a, p a, .text a {
    color: black;
    text-decoration: none;
  }

  .page-header {
    position: static !important;
    top: 0;
    display: block;
    height: 100px;
    z-index: 0;
    padding: 0 20px !important;

    .container {
      display: block;
    }

    &:before {
      display: none;
    }

    .contact-nav, nav, .toggle-nav, .open-search, .close-search {
      display: none;
    }

    .logo {
      position: static !important;
      height: 75px;
      margin: 0;
      max-height: none;
      display: block;
      padding: 0 !important;

      img {
        max-width: 40%;
        max-height: none;
      }
    }

    &.scrolled {
      height: 100px;
      padding: 0;

      .logo img {
        height: 75px;
        max-width: 40%;
        max-height: none;
      }
    }

    .logo-overlay {
      display: none;
    }

    .contact-nav {
      display: none !important;
    }

    .search {
      display: none !important;
    }

    .toggle-nav {
      display: none !important;
    }
  }

  .contact-wrapper[data-size='lg'] .text-box {
    padding-left: calc(var(--content-box-padding) + var(--col-padding));
    max-width: 880px;
  }

  .page-wrapper {
    border-top: 0;
  }

  .richtext ul li:after {
    box-shadow: inset 0 0 0 1000px $color-secondary;
  }

  .video-box {
    display: none;

    + figcaption {
      display: none;
    }
  }

  .main-col .steps {
    margin: 0;
    padding: 0;
    background-color: transparent;

    > h3 {
      margin: 0;
    }

    .slide {
      padding: 10px 0;
    }
  }

  img, .gallery {
    position: relative;
    display: block;
    page-break-inside: avoid;
  }

  .steps .slider {
    margin: 0;

    .slide-wrapper {
      display: block;
      width: 100%;

      .slide {
        width: 100%;

        + .slide {
          padding-top: 0;
        }

        &:before {
          content: attr(data-title);
          font-family: "Korb", sans-serif;
          font-style: normal;
          font-weight: normal;
          font-size: 28px;
          line-height: 1.2;
          display: block;
          margin: 10px 0;
        }

        &:not(.current) {
          height: auto;
        }
      }
    }

    .slide-overflow {
      height: auto !important;
    }

    .prev-clone, .next-clone, .controls {
      display: none;
    }
  }

  .page-footer {
    page-break-inside: avoid;
    box-shadow: inset 0 0 0 1000px $color-primary-light-04;
    display: none;

    .row.social, .row.barrier-free li, .contact .btn, .legal-nav {
      display: none;
    }

    .contact-list li:before {
      color: black;
    }

    .row.contact {
      > div.col {
        max-width: 33%;
        flex: 1 1 33%;
      }
    }
  }

  .gallery {
    max-width: 70%;
    margin: 40px auto;
  }

  .gallery[data-type="grid"] {
    .image {
      //display: none;
      flex: 1 1 100% !important;
      max-width: 100% !important;

      &:not(:first-child) {
        position: absolute;
        visibility: hidden;
      }

      &:first-child {
        display: block;

        a:after {
          padding-top: 75%;
        }
      }
    }

    .button-wrapper {
      display: none;
    }
  }

  .gallery[data-type="masonry"] {
    .gallery-wrapper > .image {
      display: block;
      position: absolute;
      visibility: hidden;
    }
    .column {
      display: block;
      flex: 1 1 100% !important;
      max-width: 100% !important;

      .image {
        &:not(:first-child) {
          position: absolute;
          visibility: hidden;
        }

        &:first-child {
          display: block;
        }

        a {
          padding-top: 75% !important;
        }
      }

      + .column {
        position: absolute;
        visibility: hidden;
      }
    }

    .button-wrapper {
      display: none;
    }
  }

  .gallery[data-type="grid"], .gallery[data-type="masonry"] {
    .gallery-wrapper {
      counter-reset: gallerycount;

      .image {
        counter-increment: gallerycount;
      }

      &:after {
        content: counter(gallerycount) ' Bilder';
        position: absolute;
        top: 0;
        right: 0;
        margin: 20px;
        box-shadow: inset 0 0 0 1000px #003366;
        color: white !important;
        text-shadow: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact !important;
        align-items: center;
        font-family: "Korb";
        line-height: 1;
        text-decoration: none;
        border: 0;
        min-height: 60px;
        cursor: pointer;
        font-weight: 400;
        font-size: 18px;
        padding: 12px 20px;
        min-height: 44px;
        border-radius: 16px;
        white-space: normal;
      }
    }
  }

  .print-share-list {
    display: none;
  }

  .printonly {
    display: block !important;
    display: inline-block;
      font-weight: 600;
      position: relative;
      opacity: 1;
      max-width: none;
      max-height: none;
  }

  body {
    img, .gallery, li, p, h1, h2, h3, h4, h5 {
      position: relative;
      //page-break-inside: avoid;
    }
  }


  .infobox, .richtext div.strong, .link-collection {
    box-shadow: inset 0 0 0 1000px $color-secondary-light;
  }

  .infobox.warning {
    box-shadow: inset 0 0 0 1000px #FFF4CC;
  }

  .infobox.error {
    box-shadow: inset 0 0 0 1000px #FBDCDE;
  }

  .btn, .rotation .slider .tabs button, .steps .next, .review-wrapper .submit, .vst-registration .submit {
    box-shadow: inset 0 0 0 1000px $color-primary;
    color: white !important;
    text-shadow: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact !important;
  }

  .sidebar {
    position: relative;
    padding-left: 20px;
  }

  .sidebar .contact-wrapper .contact-person, .sidebar .contact-wrapper .contacts, .detail-text .contact-wrapper .contacts, .contacts-in-text .contact-wrapper .contact-person, section.contact .contact-wrapper .contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    > .image-box {
      max-width: 40%;
    }
  }

  .has-sidebar .row {
    display: block;
  }

  .contact-wrapper {
    position: relative;
    display: block;
    page-break-inside: avoid;
    box-shadow: inset 0 0 0 1000px $color-primary-light-04;

    img, ul {
      position: relative;
      display: block;
      page-break-inside: avoid;
    }

    .tab-buttons {
      display: none;
    }

    .contacts {
      position: relative;
      page-break-inside: avoid;
      display: block;
    }

    .contact-person {
      position: relative;
      page-break-inside: avoid;
      flex-direction: row;
      width: 48% !important;

      .image-box {
        display: none;
        max-width: calc(40% - 20px);
        margin-right: 20px;
      }

      .text-box {
        display: block;
      }
    }
  }

  .contact-wrapper:not([data-tab-style=open]) .contact-person {
    opacity: 1;
    order: 1;
    pointer-events: all;
    position: relative;
    transform: translateZ(0) scale(1);
    transition: opacity .4s ease .4s, visibility 0s ease .4s, transform .4s ease .4s;
    visibility: visible;
    z-index: 1
  }

  .linklist > li > a, .richtext .linklist > li > a {
    font-size: 16px;

    &:before {
      top: 1px;
    }
  }

  .accordion > .linklist, .richtext .accordion > .linklist {
    margin: 0;
  }

  .accordion, .richtext .accordion {
    > .linklist {
      margin: 20px 0;
    }

    .accordion-content {
      display: block;
      padding: 0 0 15px;
    }

    .accordion-toggler {
      padding-left: 66px;
      padding-right: 0;
      &:before {
        left: 0;
      }
    }
  }

  .anchorlinks , .breadcrumb-list-wrapper {
    display: none !important;
  }


  .page-details {
    .docnumber, .document-number {
      display: block;
      opacity: 1;
    }
  }

  .magazine-article{
    footer{
      display: none;
    }
    .page-wrapper > .teasers{
      display: none;
    }
    .magazine-header{
      display: none;
    }
  }

  .ihk-switch {
    display: none !important;
  }


}