/*
Theme Name: goldorange
Theme URI: https://goldorange.combak
Description: Template
Author: Kasimir Riechel
Author URI: https://goldorange.com
*/

* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; line-height: 1.5; color: #222; }
.goldorange-block, .goldorange-hero { padding: 3rem max(1.25rem, 5vw); }
.goldorange-block--top-small { padding-top: 1.5rem; }
.goldorange-block--top-large, .goldorange-block--top-extra_large { padding-top: 5rem; }
.goldorange-block--bottom-small { padding-bottom: 1.5rem; }
.goldorange-block--bottom-large, .goldorange-block--bottom-extra_large { padding-bottom: 5rem; }
.goldorange-block--background-primary { background: #f1a100; }
.goldorange-block--background-scondary { background: #eee; }
.goldorange-content { max-width: 70rem; }
.goldorange-button { display: inline-block; margin: .5rem .5rem .5rem 0; padding: .65rem 1rem; background: #222; color: #fff; text-decoration: none; }
.goldorange-button--secondary { background: transparent; color: #222; border: 1px solid #222; }
.goldorange-hero { min-height: 22rem; display: flex; align-items: center; background-position: center; background-size: cover; }
.goldorange-hero__content { max-width: 55rem; padding: 2rem; background: rgba(255,255,255,.9); }
.goldorange-text-image { display: flex; gap: 2rem; align-items: center; }
.goldorange-text-image__image, .goldorange-text-image__content { flex: 1; }
.goldorange-text-image--image-right .goldorange-text-image__image { order: 2; }
.goldorange-text-image img, .goldorange-card img { max-width: 100%; height: auto; }
.goldorange-statistics__items, .goldorange-cards__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1rem; }
.goldorange-statistic, .goldorange-card { padding: 1.25rem; border: 1px solid #ddd; }
.goldorange-statistic strong { display: block; font-size: 2rem; }
.goldorange-process__steps { display: flex; gap: 1rem; padding-left: 1.5rem; }
.goldorange-process--vertical .goldorange-process__steps { display: block; }
.goldorange-process__step { flex: 1; padding: 1rem; border: 1px solid #ddd; }
.goldorange-trust-bar { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ddd; }
@media (max-width: 700px) {
    .goldorange-text-image, .goldorange-process__steps { display: block; }
    .goldorange-text-image__image { margin-bottom: 1rem; }
    .goldorange-process__step { margin-bottom: 1rem; }
}