/* V09: Nur mobile/tablet Darstellung des Fensterfotos und Randvermerks. */
@media (max-width: 900px) {
  body.bf-editorial-v07 #gefuehl .teaser-grid {
    min-width: 0;
  }
  body.bf-editorial-v07 #gefuehl .teaser-grid > * {
    min-width: 0;
  }
  body.bf-editorial-v07 #gefuehl .teaser-image.teaser-image-left {
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: visible;
  }
  body.bf-editorial-v07 #gefuehl .teaser-image-left img {
    display: block;
    max-width: 100%;
  }
  body.bf-editorial-v07 #gefuehl .bf-margin-note {
    position: absolute;
    z-index: 1;
    top: -26px;
    right: 8%;
    bottom: auto;
    left: auto;
    width: 48%;
    max-width: 210px;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #c96f5c;
    background: transparent;
    font-family: 'BF Caveat', 'Segoe Print', cursive;
    font-size: clamp(26px, 7vw, 34px);
    font-weight: 600;
    font-style: normal;
    line-height: 1.05;
    white-space: normal;
    overflow-wrap: normal;
    transform: rotate(-5deg);
    transform-origin: center;
  }
}

/* V13: Desktop – Fensterfoto größer, Randnotiz an der hellen oberen Kante. */
@media (min-width: 901px) {
  body.bf-editorial-v07 #gefuehl .teaser-grid {
    max-width: 1320px;
    grid-template-columns: minmax(0, 1.14fr) minmax(0, .95fr);
    gap: clamp(40px, 4.5vw, 64px);
  }
  body.bf-editorial-v07 #gefuehl .teaser-grid > * {
    min-width: 0;
  }
  body.bf-editorial-v07 #gefuehl .teaser-image.teaser-image-left {
    display: block;
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    overflow: visible;
  }
  body.bf-editorial-v07 #gefuehl .bf-margin-note {
    position: absolute;
    z-index: 1;
    top: -30px;
    right: 12%;
    bottom: auto;
    left: auto;
    width: clamp(210px, 18vw, 260px);
    max-width: 48%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #c96f5c;
    background: transparent;
    font-family: 'BF Caveat', 'Segoe Print', cursive;
    font-size: clamp(28px, 2.5vw, 36px);
    font-weight: 600;
    font-style: normal;
    line-height: 1.05;
    white-space: normal;
    overflow-wrap: normal;
    transform: rotate(-6deg);
    transform-origin: center;
  }
}
