/* Instagram component geometry; shared typography belongs to rheinspiel-design. */
.rs-news-instagram {
    background: #f8f1e5;
    color: #30241d;
    padding: clamp(44px, 7vw, 88px) 24px;
}

.rs-news-instagram__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.rs-news-instagram .rs-news-instagram__settings {
    display: inline-block;
    margin-top: 24px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #85401f;

    text-decoration: underline;
    cursor: pointer;
}

.rs-news-instagram__intro {
    max-width: 690px;
    margin-bottom: 32px;
}

.rs-news-instagram h2 {
    margin: 0 0 16px;
    color: #30241d;
}

.rs-news-instagram .rs-news-instagram__link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-top: 8px;
    padding: 13px 20px;
    border: 2px solid #91431e;
    border-radius: 6px;
    background: #91431e;
    color: #fff;

    font-weight: 600;
    text-decoration: none;
}

.rs-news-instagram .rs-news-instagram__link:hover {
    background: #703115;
    border-color: #703115;
}

.rs-news-instagram .rs-news-instagram__link:focus-visible {
    outline: 3px solid #30241d;
    outline-offset: 4px;
}

.rs-news-instagram__fallback {
    padding: clamp(28px, 5vw, 48px);
    border: 1px solid #decdb7;
    border-radius: 12px;
    background: #fffaf2;
}

.rs-news-instagram__icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    color: #974720;
}

.rs-news-instagram h3 {
    margin: 0 0 10px;
    color: #30241d;
}

.rs-news-instagram__fallback p {
    max-width: 620px;
    margin: 0;
}

.rs-news-instagram .rs-news-instagram__admin-note {
    margin: 20px 0 0;
    padding-left: 14px;
    border-left: 3px solid #974720;
}

.rs-news-instagram__feed #sb_instagram .sbi_photo {
    border-radius: 8px;
}

@media (max-width: 480px) {
    .rs-news-instagram {
    padding-right: 20px;
    padding-left: 20px;
    }
}
/* The introduction is now ordinary Elementor content; only the feed is dynamic. */
/* Match the article list's responsive gutters. Native containers otherwise
   stretch from the left edge and override the old section's auto margins. */
.rs-news-elementor .rs-news-instagram__inner {
    width: calc(100% - 2 * var(--rsf-gutter, 24px));
    max-width: none;
    margin-inline: auto;
}
.rs-news-elementor .rs-news-instagram__intro { margin-bottom: 32px; }
.rs-news-elementor .elementor-widget-text-editor { color:inherit;  }
.rs-news-elementor .rs-news-native-button .elementor-button { background:#91431e; color:#fff; border-radius:6px; padding:13px 20px; text-decoration:none; }
.rs-news-elementor .rs-news-native-button .elementor-button:hover { background:#703115; }