/*
Reitanlage Giershausen – sichere NOVA custom.css
Einfügen in: /templates/NOVA/themes/clear/custom.css
*/

:root {
  --rg-blue:#0b2f86;
  --rg-blue-dark:#06215f;
  --rg-light:#f4f8ff;
  --rg-text:#1f2937;
  --rg-radius:18px;
  --rg-shadow:0 18px 45px rgba(11,47,134,.12);
  --rg-shadow-strong:0 30px 80px rgba(11,47,134,.18);
}

body {
  font-family: Arial, sans-serif !important;
  color: var(--rg-text);
  background:#fff;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3 {
  font-family: Georgia, serif !important;
  color:var(--rg-blue);
}

a { color:var(--rg-blue); }
a:hover { color:var(--rg-blue-dark); }

header,#header-branding,.navbar,.navbar-collapse {
  background:#fff!important;
}

#header-branding, header {
  box-shadow:0 8px 25px rgba(11,47,134,.08);
}

.navbar-nav .nav-link,
.nav-item a,
#mainNavigation a {
  font-weight:700;
  color:var(--rg-blue)!important;
}

.btn-primary,
.btn.btn-primary,
button.btn-primary,
input.btn-primary,
.productbox .btn-primary,
.buy_form .btn-primary {
  background:var(--rg-blue)!important;
  border-color:var(--rg-blue)!important;
  color:#fff!important;
  border-radius:12px!important;
  font-weight:700;
  transition:.25s ease;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background:var(--rg-blue-dark)!important;
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(11,47,134,.24);
}

.card,
.productbox,
.subcategory-wrapper {
  border:0!important;
  border-radius:var(--rg-radius)!important;
  box-shadow:var(--rg-shadow);
  overflow:hidden;
  background:#fff;
  transition:.35s ease;
}

.card:hover,
.productbox:hover,
.subcategory-wrapper:hover {
  transform:translateY(-8px);
  box-shadow:var(--rg-shadow-strong);
}

.productbox-title,
.productbox-title a,
.product-title,
.product-title a {
  color:var(--rg-blue)!important;
  font-family:Georgia,serif!important;
  font-weight:700;
}

.price,
.productbox-price {
  color:var(--rg-blue-dark)!important;
  font-weight:800;
}

footer,#footer {
  background:var(--rg-blue)!important;
  color:#fff!important;
}

footer a,#footer a,
footer h3,footer h4,#footer h3,#footer h4 {
  color:#fff!important;
}

/* OPC Startseite */

.rg-hero {
  min-height:680px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.76),rgba(255,255,255,.18)),
    url("https://reitanlage-giershausen.de/Pferd_1.png") center/cover no-repeat;
  border-radius:0 0 34px 34px;
  padding:110px 8%;
  margin-bottom:70px;
}

.rg-hero-inner {
  max-width:760px;
}

.rg-hero img {
  max-width:140px;
  margin-bottom:34px;
}

.rg-hero h1 {
  font-size:clamp(52px,8vw,104px);
  line-height:.88;
  margin-bottom:24px;
}

.rg-hero p {
  font-family:Georgia,serif;
  font-style:italic;
  color:var(--rg-blue);
  font-size:clamp(22px,3vw,32px);
  margin-bottom:28px;
}

.rg-section {
  padding:80px 0;
}

.rg-center {
  text-align:center;
  max-width:900px;
  margin:0 auto 45px;
}

.rg-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.rg-card {
  background:#fff;
  border-radius:24px;
  padding:34px;
  box-shadow:var(--rg-shadow);
  text-align:center;
  transition:.35s ease;
}

.rg-card:hover {
  transform:translateY(-8px);
  box-shadow:var(--rg-shadow-strong);
}

.rg-card .rg-icon {
  font-size:42px;
  margin-bottom:12px;
}

.rg-card h3 {
  font-size:28px;
}

.rg-band {
  background:var(--rg-light);
  padding:80px 8%;
  border-radius:30px;
  margin:60px 0;
}

.rg-two {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}

.rg-two img {
  border-radius:24px;
  box-shadow:var(--rg-shadow);
}

@media(max-width:991px) {
  .rg-hero {
    min-height:560px;
    padding:80px 24px;
  }
  .rg-grid,
  .rg-two {
    grid-template-columns:1fr;
  }
}