:root{--romo-cream: #FBF6EE;--romo-surface: #FFFFFF;--romo-ink: #2C2822;--romo-muted: #7A7062;--romo-brown: #8A7A5E;--romo-green: #84C341;--romo-line: #ECE4D6;--romo-radius: 14px;--romo-shadow: 0 8px 28px rgba(70, 55, 25, .08);--romo-shadow-h: 0 14px 38px rgba(70, 55, 25, .14)}.shopify-section:has(.blog),.shopify-section:has(.article-template){background-color:var(--romo-cream)}.blog .title--primary,.blog>h1{font-family:var(--font-heading-family);color:var(--romo-ink);letter-spacing:-.01em;margin-bottom:2.5rem}.article-card,.article-card.card{background-color:var(--romo-surface);border:1px solid var(--romo-line);border-radius:var(--romo-radius);box-shadow:var(--romo-shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.article-card-wrapper:hover .article-card{transform:translateY(-4px);box-shadow:var(--romo-shadow-h)}.article-card .media img{transition:transform .5s ease}.article-card-wrapper:hover .media img{transform:scale(1.04)}.article-card .card__content,.article-card .card__information{padding:1.25rem 1.4rem 1.5rem}.article-card__info{color:var(--romo-brown);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:.55rem;opacity:1}.article-card .card__heading,.article-card .card__heading a{font-family:var(--font-heading-family);color:var(--romo-ink);font-size:1.22rem;line-height:1.3;letter-spacing:-.005em;transition:color .2s ease}.article-card-wrapper:hover .card__heading,.article-card-wrapper:hover .card__heading a{color:var(--romo-brown)}.article-card__excerpt{color:var(--romo-muted);font-size:.95rem;line-height:1.6;margin-top:.7rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card .card__information:after{content:"Weiterlesen \2192";display:inline-block;margin-top:1rem;color:var(--romo-green);font-weight:600;font-size:.9rem;transition:transform .2s ease}.article-card-wrapper:hover .card__information:after{transform:translate(4px)}.article-template__hero-container,.article-template__hero{border-radius:var(--romo-radius);overflow:hidden;box-shadow:var(--romo-shadow)}.article-template__hero-img,.article-template__hero img{width:100%;max-height:460px;object-fit:cover;border-radius:var(--romo-radius)}.article-template__title,.article-template__content{max-width:760px;margin-left:auto;margin-right:auto}.article-template__title{font-family:var(--font-heading-family);color:var(--romo-ink);letter-spacing:-.015em;line-height:1.15}.article-template .circle-divider,.article-template__author{color:var(--romo-brown);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.article-template__content{color:var(--romo-ink);font-size:1.07rem;line-height:1.8}.article-template__content>p{margin-bottom:1.4em}.article-template__content h2,.article-template__content h3{font-family:var(--font-heading-family);color:var(--romo-ink);letter-spacing:-.01em;margin-top:2.4rem;margin-bottom:.8rem;line-height:1.25}.article-template__content h2{font-size:1.6rem}.article-template__content h3{font-size:1.28rem}.article-template__content a{color:var(--romo-green);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease}.article-template__content a:hover{color:var(--romo-brown)}.article-template__content ul,.article-template__content ol{margin:1.2em 0 1.4em;padding-left:1.3em}.article-template__content li{margin-bottom:.5em}.article-template__content blockquote{border-left:3px solid var(--romo-brown);background:#8a7a5e0f;margin:1.8em 0;padding:.9em 1.4em;border-radius:0 8px 8px 0;color:var(--romo-muted);font-style:italic}.article-template__content img{border-radius:var(--romo-radius);box-shadow:var(--romo-shadow);margin:1.5em 0}.article-template__content hr{border:none;border-top:1px solid var(--romo-line);margin:2.5em 0}.article-template__link a,.article-template__back a{color:var(--romo-brown);font-weight:600;text-decoration:none}.article-template__link a:hover,.article-template__back a:hover{color:var(--romo-green)}@media(max-width:749px){.article-template__content{font-size:1.02rem}.article-template__hero-img,.article-template__hero img{max-height:300px}.article-card .card__content,.article-card .card__information{padding:1.1rem 1.1rem 1.3rem}}@media(prefers-reduced-motion:reduce){.article-card,.article-card .media img,.article-card .card__information:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/romoflow-blog.css.map */