/* =========================================================
   LEGACY COLOR VARIANT (Gruene Originalfarben)
   Wird zusaetzlich zu assets/styles.css geladen.
   ========================================================= */

:root{
  --brand-1:#0A9439;
  --brand-2:#065f46;
  --accent:#0A9439;
  --accent-active:#066b2a;
  --success:#17C653;
  --success-active:#0A9439;

  --text:#1b1f23;
  --text2:#ffffff;
  --muted:#6b7280;
  --muted2:#d1d8e6;
  --surface:#ffffff;
  --border:#0A9439;
  --bg:#0A9439;
  --bg-weak:#0A9439;
}

body{
  font-family:"California FB","Palatino Linotype","Book Antiqua",Palatino,serif;
  color:var(--text2);
  background:var(--bg);
}
a,
a:visited{
  color:#087832;
}
a:hover,
a:focus-visible{
  color:#055f25;
}

.header{
  background:rgba(10,148,57,0.95);
  border-bottom:1px solid #0A9439;
}

.brand .name,
.menu a{
  color:#ffffff;
}

.menu a:hover{
  color:#d3f2df;
}

.hero{
  background:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.10) 28%, rgba(10,148,57,0.70) 65%, rgba(10,148,57,1) 100%);
}

.hero h1{
  color:#ffffff;
}

.hero p{
  color:#e6f6eb;
}

.btn{
  background:#0A9439;
}

.btn:hover{
  background:#066b2a;
  border-color:#066b2a;
}

.btn-outline{
  border-color:#b8eac7;
  color:#eafdf2;
}

.btn-outline:hover{
  background:rgba(255,255,255,0.08);
}

.section h2{
  color:#ffffff;
}

.section .lead{
  color:#d3efe0;
}

.card{
  border-color:#0A9439;
  color:#1b1f23;
}

.card h3{
  color:#0A9439;
}

.compare .box{
  border-color:#0A9439;
  color:#1b1f23;
}

.compare h3{
  color:#0A9439;
}

/* Home-Slider */
.slider-card{
  position:relative;
  width:100%;
  padding:0;
  overflow:hidden;
}
.slider-viewport{
  position:relative;
  width:100%;
  min-height:260px;
  aspect-ratio:3/1;
  background:#f2f7f4;
}
.slider-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.slider-slide.is-active{
  opacity:1;
  pointer-events:auto;
}
.slider-slide img,
.slider-slide video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.slider-slide video{
  background:#000;
}
.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,0.8);
  border-radius:999px;
  background:rgba(6,18,10,.42);
  color:#fff;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:2;
}
.slider-arrow.prev{left:14px}
.slider-arrow.next{right:14px}
.slider-arrow:hover{
  background:rgba(6,18,10,.58);
}
@media (max-width:900px){
  .slider-viewport{aspect-ratio:16/9}
  .slider-arrow{
    width:38px;
    height:38px;
    font-size:24px;
  }
}

.price{
  color:#0A9439;
}

.badge{
  background:#e6f4ea;
  color:#147d3f;
  border-color:#b7e0c2;
}

.footer{
  border-top:1px solid rgba(255,255,255,0.2);
  color:#e6f6eb;
}

.footer a{
  color:#e6f6eb;
}

.footer a:hover{
  color:#ffffff;
}

.theme-toggle{
  color:#ffffff;
  border-color:rgba(255,255,255,0.5);
}

.theme-toggle:hover{
  border-color:#ffffff;
  background:rgba(255,255,255,0.08);
}

@media (max-width: 900px){
  .menu{
    background:#0a9439;
    border-left:1px solid #0a7c32;
  }

  .menu a,
  .menu .as-menu-item{
    color:#fff;
  }
}

:root[data-theme="dark"]{
  --text:#e8f1ea;
  --text2:#ffffff;
  --muted:#a7b5ad;
  --muted2:#b7c6be;
  --surface:#0c1911;
  --border:#134e2a;
  --bg:#062612;
  --bg-weak:#0a2f18;
}
[data-theme="dark"] a,
[data-theme="dark"] a:visited{
  color:#b6edc8;
}
[data-theme="dark"] a:hover,
[data-theme="dark"] a:focus-visible{
  color:#d8f7e3;
}

[data-theme="dark"] .header{
  background:rgba(5,40,22,0.9);
  border-bottom:1px solid #0f5c2f;
}

[data-theme="dark"] .brand .name,
[data-theme="dark"] .menu a{
  color:#eaf7ef;
}

[data-theme="dark"] .menu a:hover{
  color:#c9f0d6;
}

[data-theme="dark"] .menu.open{
  background:#0a2f18;
  border-color:#0f5c2f;
}

[data-theme="dark"] .hero{
  background:linear-gradient(180deg,#052613 0%, #0a2f18 60%, #0a2f18 100%);
}

[data-theme="dark"] .hero p{
  color:#cde5d6;
}

[data-theme="dark"] .card{
  background:#0c1911;
  border-color:#134e2a;
  color:#e8f1ea;
}

[data-theme="dark"] .card h3{
  color:#9be3b6;
}
[data-theme="dark"] .slider-viewport{
  background:#142019;
}
[data-theme="dark"] .slider-arrow{
  border-color:rgba(255,255,255,0.5);
  background:rgba(0,0,0,.5);
}
[data-theme="dark"] .slider-arrow:hover{
  background:rgba(0,0,0,.68);
}

[data-theme="dark"] .card p{
  color:#c2d2c9;
}

[data-theme="dark"] .compare .box{
  background:#0c1911;
  border-color:#134e2a;
  color:#e8f1ea;
}

[data-theme="dark"] .compare h3{
  color:#9be3b6;
}

[data-theme="dark"] .price-card{
  background:#0c1911;
  border-color:#1e2b22;
  color:#e8f1ea;
}

[data-theme="dark"] .price{
  color:#9be3b6;
}

[data-theme="dark"] .badge{
  background:#0d2a18;
  color:#9be3b6;
  border-color:#1d3a28;
}

[data-theme="dark"] .note{
  color:#a7b5ad;
}

[data-theme="dark"] .acc{
  background:#0c1911;
  border-color:#1e2b22;
  color:#e8f1ea;
}

[data-theme="dark"] .acc p{
  color:#c2d2c9;
}

[data-theme="dark"] .input{
  background:#0a1410;
  border-color:#22352b;
  color:#e8f1ea;
}

[data-theme="dark"] .input::placeholder{
  color:#9fb0a7;
}

[data-theme="dark"] .footer{
  border-top-color:#123322;
  color:#cde5d6;
}

[data-theme="dark"] .footer a{
  color:#cde5d6;
}

[data-theme="dark"] .footer a:hover{
  color:#eaf7ef;
}

[data-theme="dark"] .btn{
  background:#0A9439;
}

[data-theme="dark"] .btn:hover{
  background:#087832;
  border-color:#087832;
}

[data-theme="dark"] .btn-outline{
  border-color:#3aa866;
  color:#dff6ea;
}

[data-theme="dark"] .btn-outline:hover{
  background:rgba(255,255,255,0.06);
}

[data-theme="light"] .menu{
  background:#0a9439;
  border-left:1px solid #0a7c32;
}

[data-theme="light"] .header{
  background:rgba(10,148,57,0.95);
  border-bottom:1px solid #0A9439;
}

[data-theme="light"] .hero{
  background:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.10) 28%, rgba(10,148,57,0.70) 65%, rgba(10,148,57,1) 100%);
}

[data-theme="light"] .hero h1{
  color:#ffffff;
}

[data-theme="light"] .hero p{
  color:#e6f6eb;
}

[data-theme="dark"] .menu{
  background:#0a2f18;
  border-left:1px solid #0f5c2f;
}

[data-theme="light"] .brand .name,
[data-theme="light"] .menu a,
[data-theme="light"] .menu .as-menu-item,
[data-theme="dark"] .menu a,
[data-theme="dark"] .menu .as-menu-item{
  color:#ffffff;
}

#berichte-vorschau .thumb-overlay{
  color:#0A9439;
  text-shadow:0 1px 2px rgba(255,255,255,.99);
}

/* Anfrage-Seite (inline-Komponenten) */
#trialForm .actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:16px;
}

#trialForm .btn.btn-outline{margin-left:auto}

@media (max-width:780px){
  #trialForm .actions{flex-direction:column;align-items:stretch}
  #trialForm .btn.btn-outline{margin-left:0}
}

.note-box{
  border-color:#0A9439;
  background:#f7fff9;
  color:#1b1f23;
}

:root[data-theme="dark"] .form-card{
  background:#0c1911;
  border-color:#134e2a;
  color:#e8f1ea;
}

:root[data-theme="dark"] .form-card h2{
  color:#9be3b6;
}

:root[data-theme="dark"] .note-box{
  border-color:#3aa866;
  background:#0c1911;
  color:#e8f1ea;
}

/* Kontaktformular-Status */
.contact-status{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid #0A9439;
  border-radius:10px;
}
.contact-status.is-success{
  border-color:#0A9439;
  background:#e1faea;
  color:#0f4d25;
}
.contact-status.is-warning{
  border-color:#8aa63c;
  background:#f6fbe7;
  color:#3f4d15;
}
.contact-status.is-error{
  border-color:#b44a4a;
  background:#fdecec;
  color:#5f1d1d;
}
[data-theme="dark"] .contact-status.is-success{
  border-color:#3aa866;
  background:#0c1911;
  color:#dff6ea;
}
[data-theme="dark"] .contact-status.is-warning{
  border-color:#91a74b;
  background:#1f2212;
  color:#ebf3c8;
}
[data-theme="dark"] .contact-status.is-error{
  border-color:#a35a5a;
  background:#281616;
  color:#f2d8d8;
}