/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2023/2024 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | relaXits@machtWeb.de -------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->									                                    6.00/00 - 30-08-23
/* layout	-> pdf- and image as pdf-link                                           */
/* use in -> bescheinigungen                                                      */
/* file 	-> design/downloads.css                                                 */
/* ------------------------------------------------------------------------------ */
/* DOWNLOADS - PDF-FILES and images as PDF-LINK */
.pdf-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .pdf-text {
    width: 60%;
    padding-right: 20px;
  }

  .pdf-valid {
    margin-top: 20px;
  }
  
  .pdf-image-container {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .pdf-image {
    max-width: 100%;
    max-height: 362px;
    border: 1px solid #e0e0e0;
    padding: 12px;
    border-radius: 5px;
    transition: border-color 0.3s, box-shadow 0.3s;
  }
  
  .pdf-image:hover {
    border-color: var(--color-primary); /* self #007bff; */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  }
  
  .pdf-link {
    margin-top: 10px;
  }

@media (max-width: 1020px) {
    .pdf-box {
      flex-direction: column;
      align-items: center;
    }
  
    .pdf-text {
      width: 100%;
    }
  
    .pdf-image-container {
      width: 100%;
      margin-top: 20px;
      display: flex;
      justify-content: center;
    }
  
    .pdf-image {
      max-width: 256px;
      width: 100%;
      max-height: 352px;
    }
  
    .pdf-link {
      text-align: center;
      margin-top: 10px;
    }
  }
/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */