/* Block „RF Intro zweispaltig“ – template-parts/blocks/rf-intro.php */

.rf-intro--columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 60px;
}
.rf-intro--column p {
  margin-bottom: 20px;
}
.rf-intro--column .btn {
  margin-top: 25px;
}
@media (max-width: 767px) {
  .rf-intro--columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Smartphone: Text läuft durch, der Button steht am Ende */
@media (max-width: 767px) {
  .rf-intro--columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .rf-intro--column {
    display: contents;
  }
  .rf-intro--column .btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 10px;
  }
}