/* ################# NAV SPECIALS ################# */
#navigation ul li.nomob-2 {
  display: none;
}

#ddnav ul li.nomob-2 {
  display: none;
}

/* Debugging*/
/*
.platocontent [class*=col-] {
  outline:1px solid fuchsia;
  background: rgba(255, 255, 0, 0.64);
  min-height: 50px;
  text-align: center;
}
.platocontent [class^=col] {
  outline:1px solid fuchsia;
  min-height: 50px;
}
*/

.parter {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.parter > div {
  flex: 1 1 0;
  /*white-space: nowrap;*/
}

.parter.outer > div:first-child {
  text-align: left;
}

.parter.outer > div:last-child {
  text-align: right;
}


.flexing {
  display: flex;
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rowgap);
}

.row.row-thick {
  --rowgap: 40px;
  gap: var(--rowgap);
}

.row.row-narrow {
  --rowgap: 10px;
  gap: var(--rowgap);
}

.row > * {
  flex-basis: 100%;
}

.row img {
  display: block;
}

.row.row-with-bottom {
  margin-bottom: var(--rowgap);
}

/* row muss nowrap sein */
.col, .col-small, .col-medium, .col-large {
  flex: 1 1 auto;
  max-width: 100%;
  flex-basis: auto;
}

.row.nowrap {
  flex-wrap: nowrap;
}

/*
 * Default view
 */
div.col {
  flex-basis: auto;
  flex-grow: 0;
}

div.col-max {
  flex-basis: auto;
  flex-grow: 1;
}

div.col-0 {
  flex-basis: 1px;
  width: 1px;
  padding-right: 10px;
}

div.col-1,
div.col-1-large,
div.col-1-medium,
div.col-1-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12);
}

div.col-2,
div.col-2-large,
div.col-2-medium,
div.col-2-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 2 + var(--rowgap));
}

div.col-3,
div.col-3-large,
div.col-3-medium,
div.col-3-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 3 + 2 * var(--rowgap));
}

div.col-4,
div.col-4-large,
div.col-4-medium,
div.col-4-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 4 + 3 * var(--rowgap));
}

div.col-5,
div.col-5-large,
div.col-5-medium,
div.col-5-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 5 + 4 * var(--rowgap));
}

div.col-6,
div.col-6-large,
div.col-6-medium,
div.col-6-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 6 + 5 * var(--rowgap));
}

div.col-7,
div.col-7-large,
div.col-7-medium,
div.col-7-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 7 + 6 * var(--rowgap));
}

div.col-8,
div.col-8-large,
div.col-8-medium,
div.col-8-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 8 + 7 * var(--rowgap));
}

div.col-9,
div.col-9-large,
div.col-9-medium,
div.col-9-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 9 + 8 * var(--rowgap));
}

div.col-10,
div.col-10-large,
div.col-10-medium,
div.col-10-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 10 + 9 * var(--rowgap));
}

div.col-11,
div.col-11-large,
div.col-11-medium,
div.col-11-small {
  flex-basis: calc((100% - 11 * var(--rowgap)) / 12 * 11 + 10 * var(--rowgap));
}

div.col-12,
div.col-12-large,
div.col-12-medium,
div.col-12-small {
  flex-basis: 100%;
}

div.col-top {
  align-self: flex-start;
}

div.col-bottom {
  align-self: flex-end;
}

div.col-middle {
  align-self: center;
}

.row-left {
  justify-content: flex-start;
}

.row-right {
  justify-content: flex-end;
}

.row-center {
  justify-content: center;
}

.row-space-between {
  justify-content: space-between;
}

.row-space-around {
  justify-content: space-around;
}

.row-reverse {
  flex-direction: row-reverse;
}

.row-equal > * {
  display: flex;
}

.row-equal > * > * {
  width: 100%;
}

.row-top {
  align-items: flex-start;
}

.row-middle {
  align-items: center;
}

.row-bottom {
  align-items: flex-end;
}

.hide {
  display: none;
}

.show-small, .show-medium, .show-large, .show-sm {
  display: none;
}


/*
 * +++++++++++++++++++++++++ 1024-large +++++++++++++++++++++ TABLET IPAD
 */
@media (max-width: 1024px) {
  div[class*="col-large-"] {
    flex-grow: 0;
  }

  .row.row-large-with-bottom {
    margin-bottom: var(--rowgap);
  }

  div.col-large-top {
    align-self: flex-start;
  }

  div.col-large-bottom {
    align-self: flex-end;
  }

  div.col-large-middle {
    align-self: center;
  }

  .row-large-left {
    justify-content: flex-start;
  }

  .row-large-right {
    justify-content: flex-end;
  }

  .row-large-center {
    justify-content: center;
  }

  .row-large-space-between {
    justify-content: space-between;
  }

  .row-large-space-around {
    justify-content: space-around;
  }

  .row-large-reverse {
    flex-direction: row-reverse;
  }

  .row-large-equal > * {
    display: flex;
  }

  .row-large-top {
    align-items: flex-start;
  }

  .row-large-middle {
    align-items: center;
  }

  .row-large-bottom {
    align-items: flex-end;
  }

  .hide-large {
    display: none;
  }

  .show-large {
    display: block;
  }
}


/*
 * +++++++++++++++++++++++++ 960-medium +++++++++++++++++++++  Medium viewport (tablets)
 */
@media (max-width: 960px) {
  div[class*="col-medium"] {
    flex-grow: 0;
  }

  .row.medium-nowrap {
    flex-wrap: nowrap;
  }


  .row.row-medium-with-bottom {
    margin-bottom: var(--rowgap);
  }

  div.col-medium-top {
    align-self: flex-start;
  }

  div.col-medium-bottom {
    align-self: flex-end;
  }

  div.col-medium-middle {
    align-self: center;
  }

  .row-medium-left {
    justify-content: flex-start;
  }

  .row-medium-right {
    justify-content: flex-end;
  }

  .row-medium-center {
    justify-content: center;
  }

  .row-medium-space-between {
    justify-content: space-between;
  }

  .row-medium-space-around {
    justify-content: space-around;
  }

  .row-medium-reverse {
    flex-direction: row-reverse;
  }

  .row-medium-equal > * {
    display: flex;
  }

  .row-medium-top {
    align-items: flex-start;
  }

  .row-medium-middle {
    align-items: center;
  }

  .row-medium-bottom {
    align-items: flex-end;
  }

  .hide-medium {
    display: none;
  }

  .hide-sm {
    display: none;
  }

  .show-large {
    display: none;
  }

  .show-medium {
    display: block;
  }

  .show-sm {
    display: block;
  }
}


/*
 * +++++++++++++++++++++++++ 680-small +++++++++++++++++++++ Small viewport (mobile)
 */
@media (max-width: 680px) {
  div[class*="col-small"] {
    flex-grow: 0;
  }

  .row.small-nowrap {
    flex-wrap: nowrap;
  }

  .row.row-small-with-bottom {
    margin-bottom: var(--rowgap);
  }

  div.col-small-top {
    align-self: flex-start;
  }

  div.col-small-bottom {
    align-self: flex-end;
  }

  div.col-small-middle {
    align-self: center;
  }

  .row-small-left {
    justify-content: flex-start;
  }

  .row-small-right {
    justify-content: flex-end;
  }

  .row-small-center {
    justify-content: center;
  }

  .row-small-space-between {
    justify-content: space-between;
  }

  .row-small-space-around {
    justify-content: space-around;
  }

  .row-small-reverse {
    flex-direction: row-reverse;
  }

  .row-small-equal > * {
    display: flex;
  }

  .row-small-top {
    align-items: flex-start;
  }

  .row-small-middle {
    align-items: center;
  }

  .row-small-bottom {
    align-items: flex-end;
  }

  .hide-small {
    display: none;
  }

  .show-medium {
    display: none;
  }

  .show-small {
    display: block;
  }

  img[data-small-aspect-ratio]:not(img[data-small-aspect-ratio="0"]) {
    height: inherit !important;
  }
}