/*! Theme Name: Online Rebellion Author: Online Rebellion Author URI: https://www.online-rebellion.de Description: Child Theme Version: 1.0.0 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Template: page-builder-framework Text Domain: page-builder-framework-child */ .or-blog-hero{background:#f7f2e9;color:#0a0908;padding:clamp(4rem, 6vw, 6rem) 1.5rem clamp(3rem, 5vw, 4.5rem);margin:0 0 clamp(2rem, 4vw, 3.5rem);position:relative;overflow:hidden;border-bottom:1px solid rgba(46, 88, 69, 0.08)}.or-blog-hero::before{content:"";position:absolute;inset:-10% -10% auto auto;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle at center, rgba(212, 184, 140, 0.18) 0%, rgba(212, 184, 140, 0) 70%);pointer-events:none;z-index:0}.or-blog-hero__inner{max-width:64rem;margin:0 auto;position:relative;z-index:1}.or-blog-hero__eyebrow{font-family:'Inter',sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#2e5845;margin:0 0 0.85rem}.or-blog-hero__title{font-family:'Inter',sans-serif;font-size:clamp(2.25rem, 5vw, 3.75rem);line-height:1.1;font-weight:600;color:#1f3e30;margin:0 0 1rem}.or-blog-hero__intro{font-family:'Inter',sans-serif;font-size:1.25rem;line-height:1.55;color:#3a3a3a;max-width:48rem;margin:0}.or-blog-main{font-size:1.125rem}.or-blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));gap:clamp(1.5rem, 2.5vw, 2.25rem);margin:0 0 clamp(2.5rem, 4vw, 4rem)}.or-blog-grid>article.wpbf-post,.or-blog-grid>article{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(46, 88, 69, 0.12);border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(10, 9, 8, 0.04), 0 8px 24px -16px rgba(10, 9, 8, 0.18);transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;padding:0;margin:0}.or-blog-grid>article:hover,.or-blog-grid>article:focus-within{transform:translateY(-4px);box-shadow:0 4px 8px rgba(10, 9, 8, 0.06), 0 24px 40px -20px rgba(31, 62, 48, 0.35);border-color:rgba(46, 88, 69, 0.28)}.or-blog-grid .wpbf-post-image-wrapper{margin:0;display:block;aspect-ratio:16 / 10;overflow:hidden;background:#f9f2e9;order:-2}.or-blog-grid .wpbf-post-image-wrapper a, .or-blog-grid .wpbf-post-image-link{display:block;width:100%;height:100%}.or-blog-grid .wpbf-post-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.or-blog-grid > article:hover .wpbf-post-image{transform:scale(1.04)}.or-blog-grid>article:not(.has-post-thumbnail)::before{content:"";display:block;aspect-ratio:16 / 10;background:linear-gradient(135deg, rgba(31, 62, 48, 0.92) 0%, rgba(46, 88, 69, 0.92) 100%), url("data:image/svg+xml;utf8,") center / 60% no-repeat;background-blend-mode:normal;order:-2}.or-blog-grid .article-header{padding:1.5rem 1.5rem 0;order:-1;display:flex;flex-direction:column;gap:0.5rem}.or-blog-grid .entry-title{font-family:'Inter',sans-serif;font-size:1.5rem;line-height:1.25;font-weight:600;margin:0;order:2}.or-blog-grid .entry-title a{color:#0a0908;text-decoration:none;background-image:linear-gradient(currentColor, currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 0.3s ease, color 0.2s ease}.or-blog-grid .entry-title a:hover, .or-blog-grid .entry-title a:focus{color:#2e5845;background-size:100% 1px}.or-blog-grid .article-meta{font-family:'Inter',sans-serif;font-size:1.125rem;color:#5b5a59;margin:0;order:1;display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.or-blog-grid .article-meta .article-author, .or-blog-grid .article-meta .posted-on, .or-blog-grid .article-meta .article-meta-separator{display:none}.or-blog-grid .article-meta .article-time{color:#5b5a59;font-weight:500}.or-blog-grid .entry-summary, .or-blog-grid .article-content{padding:0.75rem 1.5rem 0;font-family:'Inter',sans-serif;font-size:1.125rem;line-height:1.6;color:#2a2a2a}.or-blog-grid .entry-summary p, .or-blog-grid .article-content p{margin:0 0 0.75rem}.or-blog-grid .entry-summary p:last-child, .or-blog-grid .article-content p:last-child{margin-bottom:0}.or-blog-grid .article-footer{margin-top:auto;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0.75rem;align-items:flex-start}.or-blog-grid .wpbf-read-more, .or-blog-grid a.wpbf-button{display:inline-flex;align-items:center;gap:0.5rem;background:#2e5845;color:#fff;font-family:'Inter',sans-serif;font-size:1.125rem;font-weight:600;padding:0.7rem 1.4rem;border-radius:999px;text-decoration:none;border:0;transition:background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.or-blog-grid .wpbf-read-more::after{content:"→";font-size:1.125rem;line-height:1;transform:translateY(-1px);transition:transform 0.2s ease}.or-blog-grid .wpbf-read-more:hover, .or-blog-grid .wpbf-read-more:focus{background:#1f3e30;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(31, 62, 48, 0.55)}.or-blog-grid .wpbf-read-more:hover::after, .or-blog-grid .wpbf-read-more:focus::after{transform:translate(3px, -1px)}.or-blog-grid .footer-categories{font-family:'Inter',sans-serif;font-size:1.0625rem;color:#5b5a59;margin:0}.or-blog-grid .footer-categories .categories-title{display:none}.or-blog-grid .footer-categories a{display:inline-block;background:#f9f2e9;color:#1f3e30;padding:0.25rem 0.75rem;border-radius:999px;margin:0 0.25rem 0.25rem 0;text-decoration:none;font-weight:500;font-size:1rem;transition:background-color 0.2s ease, color 0.2s ease}.or-blog-grid .footer-categories a:hover, .or-blog-grid .footer-categories a:focus{background:#2e5845;color:#fff}.or-blog-grid h3.entry-title{font-size:clamp(1.25rem, 1.8vw, 1.5rem)}.wpbf-posts-pagination,.wpbf-pagination,nav.navigation.pagination{margin:0 0 clamp(2.5rem, 4vw, 4rem);font-family:'Inter',sans-serif;font-size:1.125rem}.wpbf-pagination a, .wpbf-pagination span, nav.navigation.pagination a, nav.navigation.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;padding:0 0.85rem;margin:0 0.25rem;border-radius:999px;background:#fff;border:1px solid rgba(46, 88, 69, 0.2);color:#1f3e30;text-decoration:none;font-weight:500;transition:background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease}.wpbf-pagination a:hover, .wpbf-pagination .current, nav.navigation.pagination a:hover, nav.navigation.pagination .current{background:#2e5845;color:#fff;border-color:#2e5845}@media (max-width: 48rem){.or-blog-hero{padding:2.5rem 1.25rem 3rem;margin-bottom:1.5rem;border-radius:0}.or-blog-grid{grid-template-columns:1fr;gap:1.25rem}.or-blog-grid .entry-title{font-size:1.375rem}}.single-post .fl-post-content, .single-post .entry-content{font-family:'Inter',sans-serif;font-size:1.125rem;line-height:1.7;color:#2a2a2a}.single-post .fl-post-content h2, .single-post .entry-content h2{font-family:'Inter',sans-serif;color:#1f3e30;font-size:clamp(1.625rem, 2.5vw, 2rem);margin-top:2rem}.single-post .fl-post-content h3, .single-post .entry-content h3{font-family:'Inter',sans-serif;color:#1f3e30;font-size:clamp(1.375rem, 2vw, 1.625rem);margin-top:1.75rem}.single-post .fl-post-content a, .single-post .entry-content a{color:#2e5845;text-decoration:underline;text-underline-offset:0.15em}.single-post .fl-post-content a:hover, .single-post .entry-content a:hover{color:#1f3e30}