/* --- Section Card ------------------------------------------------------------------------------------ */
.card .wp-block-column {
  padding-left: clamp(1rem, 2vw + 1rem, 2.5rem);
  padding-right: clamp(1rem, 2vw + 1rem, 2.5rem);
  padding-top: clamp(1.4rem, 2vw + 1rem, 2.5rem);
  padding-bottom: clamp(1.25rem, 2vw + 1rem, 2.5rem);
  box-shadow: var(--box-shadow--primary);
  border-radius: var(--border-radius--medium);
}

/* Hintergrund-Verlauf, leicht animiert -> nur Test, sieht noch gruusig aus */

/* .card .wp-block-column {
    background: linear-gradient(10deg, #a3d1ff, #f7fbff);
    background: linear-gradient(10deg, #ffa4aa, #fff5f5); 
    animation: gradientAnimation 5s ease infinite;
  } */

/* Die Keyframes verschieben die Hintergrundposition und animieren so den Verlauf 
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  */
/* ---------------------------------------------------------------------------------------- */

.card .wp-block-buttons > .wp-block-button {
  margin: 0;
}

.card h2 {
  font-size: var(--font-size--x-large);
  margin-left: 0 !important;
  margin-bottom: clamp(0.75rem, 1vw + 1rem, 1rem);
}

/* keinen Abstand nach bei den Absätzen, sonst ist der Mehr-Lesen-Link zu weit weg */
.card p {
  margin: 0;
}

/* alle Karten untereinander darstellen, auf die gesamte Screen-Breite */
@media (max-width: 850px) {
  section.card .wp-block-columns {
    display: grid;
  }
}

/* ------------------------------------------------------------------------------------------------------------ */

/* Einzelne, grosse Karte */
.card .is-style-card-big .wp-block-column {
  padding-left: clamp(1.25rem, 7vw + 1rem, 5rem);
  padding-right: clamp(1.25rem, 7vw + 1rem, 5rem);
  padding-top: clamp(1.25rem, 4vw + 1rem, 3rem);
  padding-bottom: clamp(1.25rem, 4vw + 1rem, 3rem);
}

.card .is-style-card-big h2 {
  font-size: var(--font-size--xx-large);
}

.card .is-style-card-big p {
  font-size: var(--font-size--medium);
  margin: 0;
}

/* --- Section Card Service --------------------------------------------------------------------------------------------------------- */

.section-card-service > div {
  /* background-color: var(--color--secondary-1); */
}

.section-card-service .wp-block-columns {
  /* padding: 3.125rem 0; */
}

.section-card-service div.wp-block-cover {
  /* height: clamp(15rem, 13rem + 33vw, 55.5rem); */
  /* aspect-ratio: 0.6667; */
  padding: 0;
  height: 100%;
  min-height: 480px;
}

.section-card-service div.wp-block-cover * {
  margin: 0;
}

.section-card-service div.wp-block-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* aspect-ratio: 0.66; */
}

.section-card-service .wp-block-columns.alignwide {
  flex-wrap: nowrap;
  aspect-ratio: 16/9;
}

.section-card-service .wp-block-columns.alignwide .wp-block-column {
  min-width: 0px;
}

.section-card-service div.wp-block-cover > div.wp-block-cover__inner-container {
  padding: clamp(1.5625rem, 1.019rem + 2.7174vw, 3.125rem);
  font-weight: var(--font-weight--headline);
  line-height: 100%;
  color: var(--color--primary-3);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* --- Section Card Employees Wrapper--------------------------------------------------------------------------------------------------------- */

.section-card-employees-wrapper > div {
  /* background-color: var(--color--secondary-1); */
  padding: 5.5rem 0;
}

.section-card-employees-wrapper .section-card-employees .wp-block-columns {
  gap: 2rem;
}

/* --- Section Card Employees --------------------------------------------------------------------------------------------------------- */

section.section-card-employees-wrapper article.section-card-employees {
  padding: 2rem 0 !important;
  width: 84%;
}

.section-card-employees div.wp-block-columns {
  margin-bottom: 0;
}

.section-card-employees div.wp-block-column * {
  margin: 0;
}

.section-card-employees div.wp-block-column:has(h3) {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

.section-card-employees div.wp-block-column:has(h3) h3 {
  margin-bottom: 1rem;
}

.section-card-employees div.wp-block-column:has(figure) img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}

/* --- Section Card Projects Wrapper --------------------------------------------------------------------------------------------------------- */

.section-card-projects-wrapper > div {
  /* background-color: var(--color--secondary-1); */
  padding: 7.5rem 0;
}



/* --- Article Card Projects --------------------------------------------------------------------------------------------------------- */

.article-card-projects > .wp-block-columns {
  display: flex;
  align-items: flex-start;
}

.article-card-projects > .wp-block-columns > .wp-block-column {
  align-self: flex-start;
}

/* --- Article Card Project --------------------------------------------------------------------------------------------------------- */

.article-card-project figure {
  margin: 0 0 2rem 0;
}

.article-card-project h3 {
  margin: 0 0 1.625rem 0;
}

/* --- Section Card Links  --------------------------------------------------------------------------------------------------------- */

.section-card-links-wrapper > div.wp-block-group h3 {
  margin-top: clamp(0.75rem, 1vw + 1rem, 3rem);
}

/* .section-card-links-wrapper > div.wp-block-group h3:nth-of-type(n+2) {
  margin-top: clamp(0.75rem, 1vw + 1rem, 3rem);
} */
  

/* --- Section Card Download links Wrapper --------------------------------------------------------------------------------------------------------- */
/* --- Section Card Download link --------------------------------------------------------------------------------------------------------- */

.section-card-download-link{
  display: flex;
}

.section-card-download-link .wp-block-file__content-wrapper:has(.block-editor-rich-text__editable) {
  display: flex;;
}

.section-card-download-link a {
  padding-left: clamp(1rem, 2vw + 1rem, 2.5rem);
  padding-right: clamp(1rem, 1.5vw + 1rem, 2.5rem);
  padding-top: clamp(1rem, 2vw + 1rem, 2.5rem);
  padding-bottom: clamp(1rem, 2vw + 1rem, 2.5rem);
  margin: clamp(1rem, 1vw + 0.75rem, 1.5rem);
  margin-right: clamp(1rem, 0.75rem + 1vw, 1.5rem);
  margin-left: clamp(1rem, 0.75rem + 1vw, 1.5rem);
  margin: 0;
  border-radius: 5px;
  text-align: left;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--large);
  font-weight: var(--font-weight--copy);
  box-shadow: var(--shadow--primary);
  background-color: var(--color--primary-3);
  color: var(--color--primary-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex: 1;
}

.section-card-download-link a:hover {
  background-color: var(--color--secondary-1);
  transition: all 0.3s linear;
}

.section-card-download-link a:after {
  content: "";
  display: block;
  width: clamp(2rem, 6vw, 3rem);
  aspect-ratio: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_162_1342)"><path d="M54.0835 15.1547L39.8168 0.330094C39.6137 0.119219 39.3334 0 39.0407 0H17.7771C15.3975 0 13.4614 1.93528 13.4614 4.31397V19.3846H4.84409C3.06369 19.3846 1.61523 20.8327 1.61523 22.6126V38.7721C1.61523 40.552 3.06369 42 4.84409 42H13.4614V51.6936C13.4614 54.0681 15.3975 56 17.7771 56H50.0688C52.4485 56 54.3845 54.0692 54.3845 51.696V15.9015C54.3845 15.623 54.2766 15.3554 54.0835 15.1547ZM39.3076 2.9073L51.0194 15.0769H39.3076V2.9073ZM4.84409 39.8462C4.25128 39.8462 3.76916 39.3644 3.76916 38.7721V22.6126C3.76916 22.0204 4.25139 21.5385 4.84409 21.5385H33.9249C34.5178 21.5385 34.9999 22.0204 34.9999 22.6126V38.7721C34.9999 39.3644 34.5177 39.8462 33.9249 39.8462H4.84409ZM52.2306 51.696C52.2306 52.8816 51.2608 53.8462 50.0687 53.8462H17.7771C16.5851 53.8462 15.6152 52.8806 15.6152 51.6937V42H33.9249C35.7054 42 37.1538 40.552 37.1538 38.7721V22.6126C37.1538 20.8327 35.7054 19.3846 33.9249 19.3846H15.6152V4.31397C15.6152 3.12277 16.5851 2.15381 17.7771 2.15381H37.1537V16.1538C37.1537 16.7486 37.6359 17.2307 38.2306 17.2307H52.2306V51.696Z" fill="%235692CE" stroke="%235692CE" stroke-width="0.5"/><path d="M14.4903 27.3322C14.1328 26.8673 13.689 26.5654 13.1589 26.4266C12.814 26.3341 12.0736 26.2878 10.9377 26.2878H7.94043V35.5385H9.80823V32.049H11.0261C11.8717 32.049 12.5174 32.0048 12.9634 31.9164C13.2915 31.8449 13.6144 31.6987 13.932 31.4778C14.2496 31.257 14.5115 30.953 14.7176 30.566C14.9238 30.1791 15.0268 29.7015 15.0268 29.1337C15.0267 28.3975 14.8479 27.797 14.4903 27.3322ZM12.8907 29.8783C12.7499 30.0845 12.5553 30.2358 12.307 30.3326C12.0587 30.4294 11.5666 30.4778 10.8304 30.4778H9.80823V27.8528H10.7106C11.3837 27.8528 11.8317 27.8738 12.0546 27.9159C12.3574 27.9706 12.6078 28.1073 12.8054 28.326C13.0032 28.5448 13.1021 28.8225 13.1021 29.1589C13.1022 29.4324 13.0316 29.6721 12.8907 29.8783Z" fill="%235692CE" stroke="%235692CE" stroke-width="0.5"/><path d="M24.006 28.8151C23.8041 28.224 23.5095 27.7245 23.1226 27.3164C22.7356 26.9083 22.2706 26.6244 21.728 26.4645C21.3242 26.3467 20.7373 26.2878 19.9675 26.2878H16.5537V35.5385H20.0685C20.7584 35.5385 21.3094 35.4733 21.7217 35.3428C22.2728 35.1661 22.7103 34.92 23.0342 34.6045C23.4633 34.188 23.7935 33.6433 24.0249 32.9702C24.2142 32.4191 24.3088 31.7628 24.3088 31.0015C24.3088 30.1349 24.2079 29.4061 24.006 28.8151ZM22.1886 32.6138C22.0624 33.0282 21.8994 33.3258 21.6996 33.5066C21.4998 33.6875 21.2484 33.8158 20.9456 33.8915C20.7142 33.9504 20.3376 33.9799 19.816 33.9799H18.4215V27.8528H19.2607C20.0221 27.8528 20.5333 27.8822 20.7941 27.9412C21.1432 28.0168 21.4314 28.162 21.6586 28.3766C21.8857 28.5912 22.0624 28.8898 22.1886 29.2726C22.3148 29.6554 22.3779 30.2043 22.3779 30.9195C22.3779 31.6346 22.3148 32.1993 22.1886 32.6138Z" fill="%235692CE" stroke="%235692CE" stroke-width="0.5"/><path d="M32.2469 27.8528V26.2878H25.9053V35.5385H27.7731V31.6073H31.6349V30.0424H27.7731V27.8528H32.2469Z" fill="%235692CE" stroke="%235692CE" stroke-width="0.5"/></g><defs><clipPath id="clip0_162_1342"><rect width="56" height="56" fill="white"/></clipPath></defs></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: clamp(1rem, 1.5vw + 1rem, 2.5rem);
}

/* --- Media Queries ------------------------------------------------------------------------------------------- */

@media (max-width: 960px) {
  .card .wp-block-columns.alignwide.is-style-default.is-layout-flex {
    gap: 1rem;
  }

  .section-card-employees div.wp-block-column:has(figure) img {
    width: clamp(11.25rem, round(3.75rem + 25vw, 0.5em), 18.75rem);
    height: auto;
  }

  section.section-card-employees-wrapper article.section-card-employees {
    padding: 1rem 0 !important;
    width: 95%;
  }
  .section-card-service .wp-block-columns.alignwide {
    flex-wrap: wrap !important;
  }

  /* Zwei-Karten Anordnung */
  /* .section-card-service .wp-block-columns.alignwide.is-layout-flex {
    gap: 1rem;
    justify-content: center;
  }

  .section-card-service .wp-block-columns.alignwide .wp-block-column {
    min-width: 48%;
    max-width: 49%;
  } */

  /* Ein-Karten Anordnung mit Rand*/

    .section-card-service .wp-block-columns.alignwide.is-layout-flex {
    gap: 1rem;
    justify-content: center;
  }

  .section-card-service .wp-block-columns.alignwide .wp-block-column {
    /* min-width: 65%;
    max-width: 72%; */
  }


  /* Ein-Karten Anordnung ohne Rand*/

  /* .section-card-service .wp-block-columns.alignwide .wp-block-column {
    min-width: fit-content;
  } */
}

@media (max-width: 780px) {
  .section-card-employees .wp-block-columns .wp-block-column * {
    text-align: center;
  }
}

@media (max-width: 480px) {
  section.section-card-employees-wrapper article.section-card-employees {
    padding: 1rem 0 1.5rem 0 !important;
    width: 100%;
  }

  .section-card-service .wp-block-columns.alignwide .wp-block-column {
    min-width: fit-content;
  }
}