/* Team + AGB pages (source: Nicepage sheets 1140 / 940 / 720 / 540 / 340) */

.page-team .tm-main,
.page-agb .tm-main {
  padding-top: var(--mk-header-h);
}

.tm-sheet {
  display: flex;
  flex-direction: column;
  width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) {
  .tm-sheet { width: 940px; }
}

@media (max-width: 991.98px) {
  .tm-sheet { width: 720px; }
}

@media (max-width: 767.98px) {
  .tm-sheet { width: 540px; }
}

@media (max-width: 575.98px) {
  .tm-sheet { width: 340px; }
}

/* Team member sections */
.tm-row {
  display: flex;
  margin: 24px 0;
}

.tm-cell {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
}

.tm-photo {
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.tm-name {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 39.6px;
  color: var(--mk-green);
}

.tm-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--mk-text);
}

.tm-btn {
  display: table;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: var(--mk-rose);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.tm-btn:hover,
.tm-btn:focus-visible {
  color: #fff;
  background: var(--mk-rose-dark);
}

.tm-s1 .tm-sheet,
.tm-s2 .tm-sheet,
.tm-s3 .tm-sheet {
  justify-content: center;
}

/* Marlies Hänni (text left) */
.tm-s1 .tm-sheet { min-height: 908px; }
.tm-s1 .tm-cell { min-height: 860px; }
.tm-s1 .tm-t2 { margin: 8px 10px 0 5px; }
.tm-s1 .tm-t3 { margin: 12px 0 0; }
.tm-s1 .tm-btn { margin: 8px auto 0 0; padding: 10px 197px; }

/* Noelia Juker (photo left) */
.tm-s2 .tm-sheet { min-height: 918px; }
.tm-s2 .tm-row { margin: 28px 0; }
.tm-s2 .tm-photo { min-height: 862px; }
.tm-s2 .tm-text { min-height: 878px; }
.tm-s2 .tm-name { margin: 0 228px 0 10px; }
.tm-s2 .tm-t2 { margin: 10px 11px 0; }
.tm-s2 .tm-t3 { margin: 12px 0 0; }
.tm-s2 .tm-btn { margin: 69px 0 0 auto; padding: 9px 198px 11px 196px; }

/* Corinne Brunner (text left) */
.tm-s3 .tm-sheet { min-height: 908px; }
.tm-s3 .tm-cell { min-height: 860px; }
.tm-s3 .tm-t2 { margin: 8px 10px 0 0; }
.tm-s3 .tm-t3 { margin: 11px 0 0; }
.tm-s3 .tm-btn { margin: -13px auto 0 0; padding: 10px 197px; }

/* Rahel Wermelinger (photo left) */
.tm-s4 .tm-sheet { min-height: 913px; }
.tm-s4 .tm-row { margin: 24px 0 15px; }
.tm-s4 .tm-cell { min-height: 874px; }
.tm-s4 .tm-text { padding: 1px 0; }
.tm-s4 .tm-name { margin: 0 251px 0 10px; }
.tm-s4 .tm-t2 { margin: 19px 1px 0 10px; }
.tm-s4 .tm-t3 { margin: 14px 1px 0 10px; }
.tm-s4 .tm-t4 { margin: 19px 0 0 10px; }
.tm-s4 .tm-t5 { margin: 20px 1px 0 10px; }
.tm-s4 .tm-t6 { margin: 14px 0 0 10px; }
.tm-s4 .tm-btn { margin: 29px 0 0 auto; padding: 9px 198px 9px 197px; }

/* Ronja Räz (text left, 31/29 split) */
.tm-s5 .tm-sheet { min-height: 852px; }
.tm-s5 .tm-text { flex-basis: 51.6667%; max-width: 51.6667%; }
.tm-s5 .tm-photo { flex-basis: 48.3333%; max-width: 48.3333%; }
.tm-s5 .tm-cell { min-height: 830px; }
.tm-s5 .tm-t2 { margin: 20px 0 0; }
.tm-s5 .tm-t3 { margin: 31px 0 0; }
.tm-s5 .tm-t4 { margin: 20px 19px 0 0; }
.tm-s5 .tm-t5 { margin: 20px 0 0; }
.tm-s5 .tm-t6 { margin: 20px 19px 0 0; }
.tm-s5 .tm-btn { margin: 75px auto 0 0; padding: 7px 203px 8px 201px; }

/* Alessandra Caradonna (photo left, 31/29 split) */
.tm-s6 .tm-sheet { min-height: 914px; }
.tm-s6 .tm-row { margin: 24px 0 12px; }
.tm-s6 .tm-photo { flex-basis: 51.6667%; max-width: 51.6667%; }
.tm-s6 .tm-text { flex-basis: 48.3333%; max-width: 48.3333%; }
.tm-s6 .tm-cell { min-height: 878px; }
.tm-s6 .tm-name { margin: 0 0 0 10px; }
.tm-s6 .tm-t2 { margin: 21px 60px 0 10px; }
.tm-s6 .tm-t3 { margin: 13px 45px 0 10px; }
.tm-s6 .tm-t4 { margin: 20px 0 0 10px; }
.tm-s6 .tm-t5 { margin: 20px 0 0 10px; }
.tm-s6 .tm-t6 { margin: 20px 0 0 10px; }
.tm-s6 .tm-btn { margin: 86px 0 0 auto; padding: 9px 108px 10px 107px; text-align: center; }

@media (max-width: 1199.98px) {
  .tm-s1 .tm-sheet { min-height: 562px; }
  .tm-s1 .tm-cell { min-height: 709px; }
  .tm-s1 .tm-t2 { margin-right: 0; margin-left: 0; }

  .tm-s2 .tm-sheet { min-height: 858px; }
  .tm-s2 .tm-photo { min-height: 711px; }
  .tm-s2 .tm-text { min-height: 724px; }
  .tm-s2 .tm-name { margin-right: 138px; margin-left: 5px; }
  .tm-s2 .tm-t2 { margin-right: 0; margin-left: 0; }

  .tm-s3 .tm-sheet { min-height: 562px; }
  .tm-s3 .tm-cell { min-height: 709px; }
  .tm-s3 .tm-t2 { margin-right: 0; }

  .tm-s4 .tm-sheet { min-height: 856px; }
  .tm-s4 .tm-cell { min-height: 721px; }
  .tm-s4 .tm-name { margin-right: 161px; margin-left: -26px; }
  .tm-s4 .tm-t2,
  .tm-s4 .tm-t3,
  .tm-s4 .tm-t4,
  .tm-s4 .tm-t5,
  .tm-s4 .tm-t6 { margin-right: 0; margin-left: -26px; }
  .tm-s4 .tm-btn { margin-right: -26px; margin-left: -26px; }

  .tm-s5 .tm-sheet { min-height: 711px; }
  .tm-s5 .tm-cell { min-height: 663px; }

  .tm-s6 .tm-sheet { min-height: 562px; }
  .tm-s6 .tm-cell { min-height: 724px; }
  .tm-s6 .tm-t2,
  .tm-s6 .tm-t3 { margin-right: 0; }
}

@media (max-width: 991.98px) {
  .tm-s1 .tm-sheet { min-height: 1291px; }
  .tm-s1 .tm-cell { min-height: 1243px; }
  .tm-s1 .tm-btn { margin-left: auto; padding-right: 97px; padding-left: 97px; }

  .tm-s2 .tm-sheet { min-height: 1135px; }
  .tm-s2 .tm-photo { min-height: 1062px; flex-basis: 53.3333%; max-width: 53.3333%; }
  .tm-s2 .tm-text { min-height: 1087px; flex-basis: 46.6667%; max-width: 46.6667%; }
  .tm-s2 .tm-name { margin-right: 107px; }
  .tm-s2 .tm-t2 { margin-left: 5px; }
  .tm-s2 .tm-t3 { margin-top: 20px; }
  .tm-s2 .tm-btn { margin-top: -26px; margin-right: auto; padding-right: 85px; padding-left: 85px; }

  .tm-s3 .tm-sheet { min-height: 1291px; }
  .tm-s3 .tm-cell { min-height: 1243px; }
  .tm-s3 .tm-btn { margin-left: auto; padding-right: 97px; padding-left: 97px; }

  .tm-s4 .tm-sheet { min-height: 1140px; }
  .tm-s4 .tm-cell { min-height: 1092px; }
  .tm-s4 .tm-name { margin: 2px 51px 0 0; }
  .tm-s4 .tm-t2,
  .tm-s4 .tm-t3 { margin-right: 2px; margin-left: 2px; }
  .tm-s4 .tm-t4,
  .tm-s4 .tm-t5 { margin-right: 1px; margin-left: 1px; }
  .tm-s4 .tm-t6 { margin-right: -8px; margin-left: 2px; }
  .tm-s4 .tm-btn { margin: 24px -2px 0 auto; padding-right: 98px; padding-left: 96px; }

  .tm-s5 .tm-sheet { min-height: 1018px; }
  .tm-s5 .tm-cell { min-height: 970px; }
  .tm-s5 .tm-btn { margin-top: -61px; margin-left: auto; padding-right: 97px; padding-left: 97px; }

  .tm-s6 .tm-sheet { min-height: 1277px; }
  .tm-s6 .tm-photo { min-height: 1138px; }
  .tm-s6 .tm-text { min-height: 1327px; }
  .tm-s6 .tm-btn { margin-left: 0; padding-right: 11px; padding-left: 10px; }
}

@media (max-width: 767.98px) {
  .tm-row { flex-wrap: wrap; }

  .tm-member .tm-cell,
  .tm-member .tm-photo,
  .tm-member .tm-text {
    flex-basis: 100%;
    max-width: 100%;
  }

  .tm-member .tm-photo { order: 0; }
  .tm-member .tm-text { order: 1; }

  .tm-s1 .tm-sheet { min-height: 613px; }
  .tm-s1 .tm-text { min-height: 100px; }
  .tm-s1 .tm-photo { min-height: 403px; }

  .tm-s2 .tm-sheet { min-height: 1064px; }
  .tm-s2 .tm-photo { min-height: 403px; }
  .tm-s2 .tm-text { min-height: 100px; }
  .tm-s2 .tm-btn { margin-top: 20px; }

  .tm-s3 .tm-sheet { min-height: 613px; }
  .tm-s3 .tm-text { min-height: 100px; }
  .tm-s3 .tm-photo { min-height: 403px; }

  .tm-s4 .tm-sheet { min-height: 1022px; }
  .tm-s4 .tm-photo { min-height: 1638px; }
  .tm-s4 .tm-text { min-height: 100px; }
  .tm-s4 .tm-name { margin-left: 12px; }
  .tm-s4 .tm-t2,
  .tm-s4 .tm-t3,
  .tm-s4 .tm-t5 { margin-left: 0; }
  .tm-s4 .tm-t4,
  .tm-s4 .tm-t6 { margin-right: 0; margin-left: 0; }
  .tm-s4 .tm-btn { margin-right: 0; }

  .tm-s5 .tm-sheet { min-height: 1461px; }
  .tm-s5 .tm-text { min-height: 739px; }
  .tm-s5 .tm-photo { min-height: 1455px; }

  .tm-s6 .tm-sheet { min-height: 613px; }
  .tm-s6 .tm-photo { min-height: 353px; }
  .tm-s6 .tm-text { min-height: 100px; }
}

@media (max-width: 575.98px) {
  .tm-name { font-size: 24px; }

  .tm-s1 .tm-sheet { min-height: 1654px; }
  .tm-s1 .tm-photo { min-height: 254px; }
  .tm-s1 .tm-btn { margin-top: 45px; margin-right: 0; padding-right: 87px; padding-left: 87px; }

  .tm-s2 .tm-sheet { min-height: 1408px; }
  .tm-s2 .tm-photo { min-height: 254px; }
  .tm-s2 .tm-text { min-height: 1106px; }
  .tm-s2 .tm-name { margin: 2px 0 0; }
  .tm-s2 .tm-t2 { margin-left: 0; }
  .tm-s2 .tm-btn { padding-right: 87px; padding-left: 87px; }

  .tm-s3 .tm-sheet { min-height: 1654px; }
  .tm-s3 .tm-photo { min-height: 254px; }
  .tm-s3 .tm-btn { margin-top: 45px; margin-right: 0; padding-right: 87px; padding-left: 87px; }

  .tm-s4 .tm-sheet { min-height: 1467px; }
  .tm-s4 .tm-photo { min-height: 250px; }
  .tm-s4 .tm-text { min-height: 1161px; }
  .tm-s4 .tm-name { margin-left: -1px; }
  .tm-s4 .tm-t2 { margin-right: 0; }
  .tm-s4 .tm-t3 { margin-right: 0; margin-left: -1px; }
  .tm-s4 .tm-t5 { margin-right: 0; }
  .tm-s4 .tm-btn { margin-right: -1px; margin-left: -1px; padding-right: 82px; padding-left: 82px; }

  .tm-s5 .tm-sheet { min-height: 1276px; justify-content: flex-end; }
  .tm-s5 .tm-row { margin-bottom: 0; }
  .tm-s5 .tm-text { min-height: 1047px; }
  .tm-s5 .tm-photo { min-height: 205px; }
  .tm-s5 .tm-btn { margin-top: -65px; padding-right: 88px; padding-left: 86px; }

  .tm-s6 .tm-sheet { min-height: 1472px; justify-content: center; }
  .tm-s6 .tm-row { margin-bottom: 24px; }
  .tm-s6 .tm-photo { min-height: 222px; }
  .tm-s6 .tm-text { min-height: 1288px; }
  .tm-s6 .tm-btn { padding-right: 7px; padding-left: 6px; }
}

/* AGB */
.tm-agb .tm-sheet {
  min-height: 404px;
  justify-content: center;
}

.tm-agb-text {
  display: flow-root;
  margin: 60px 0;
}

.tm-agb-text h1 {
  margin: 20px 0;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--mk-sage);
}

.tm-agb-text h1 span {
  font-weight: 700;
  color: var(--mk-green);
}

.tm-agb-text p {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--mk-text);
}

@media (max-width: 991.98px) {
  .page-agb {
    --mk-header-h: 164px;
  }

  .page-agb .mk-header .container {
    min-height: 164px;
  }
}

@media (max-width: 575.98px) {
  .page-agb {
    --mk-header-h: 166px;
  }

  .page-agb .mk-header .container {
    min-height: 166px;
  }

  .tm-agb-text h1 {
    font-size: 24px;
  }
}