@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

#area_mystories {
  margin-top: 9dvh;
  height: 100dvh;
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  align-items: center; /* vertikal zentrieren */
  padding-left: 10px;
  padding-right: 10px;
  background: url("../media/background/Venedig am 22.11.2023 um 13.15.31  004753.NEF_compressed.JPEG") no-repeat center center fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
}
#area_mystories #block_mystories {
  margin: 10dvh auto 0 auto;
  background-color: rgba(255, 255, 255, 0.7);
  width: 95dvw;
  height: 85dvh;
  padding: 5px;
  overflow: auto;
  display: grid;
  /* Spalten: links und rechts schmal (max 25dvw), Mitte flexibel */
  grid-template-columns: 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
}
#area_mystories #block_mystories #title_area {
  grid-column: 1/-1;
}
#area_mystories #block_mystories #mystoryov_block {
  display: flex;
  flex-direction: column;
  width: 90%;
  height: 70dvh;
  background-color: white;
  border-radius: 20px;
  overflow: hidden;
  justify-self: center;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_image {
  height: 25dvh;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields #ov_topmeta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields #ov_topmeta .ovcategory {
  background-color: blue;
  text-align: center;
  padding: 5px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields #ov_topmeta .ovauthor {
  text-align: center;
  padding: 5px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields #ov_topmeta .ovpublicdate {
  text-align: center;
  padding: 5px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields .ov_shortintro {
  flex-grow: 1;
  padding: 5px;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields .ov_shortintro .articleov_title {
  padding-top: 15px;
  text-align: center;
}
#area_mystories #block_mystories #mystoryov_block #mystoryov_content #ovcontent_fields .ov_contreading {
  margin-top: auto;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* ---- MEDIA QUERIES ---- */
/* Media Query: Tablet Portrait (z. B. iPad Pro 11") */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 55dvh;
  }
}
@media only screen and (max-width: 932px) and (orientation: landscape) {
  #area_mystories {
    margin-top: 30px;
  }
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 130dvh;
  }
}
/* Media Query: Tablet Landscape (z. B. iPad Pro 11") */
@media only screen and (min-width: 933px) and (orientation: landscape) {
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 70dvh !important;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 55dvh;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 60dvh;
  }
}
@media only screen and (min-width: 1400px) {
  #area_mystories #block_mystories {
    display: grid;
    grid-template-columns: minmax(20dvw, 1fr) minmax(20dvw, 1fr) minmax(20dvw, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
  #area_mystories #block_mystories #mystoryov_block {
    height: 70dvh;
  }
}/*# sourceMappingURL=sfr_website_mystories.css.map */