:root{
    --brand-primary:#13294B; /* Headerfarbe angepasst */
    --brand-accent:#dbdd3b;
    --brand-muted:#6B8724;
    --brand-bg:#f7f9f8;
}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background-color:var(--brand-bg); line-height:1.6;}
.bg-hero{background:rgba(19,41,75, 0.9)}  
.hero-badge{background:rgba(219,221,59,.15); color:#C9A24D; border:1px solid rgba(219,221,59,.35)}
.btn-accent{background:var(--brand-accent); border-color:var(--brand-accent); color:#1b1b1b; font-weight:700}
.btn-accent:hover{filter:brightness(.95); color:#000}
.price{font-size:clamp(1.5rem, 2.5vw, 2rem); font-weight:800; color:#C9A24D}
footer{background-color:var(--brand-primary); color:#e9f2f2;}

.h4, h4 {
  font-size: 1.5rem;
  padding-top: 25px;
}
a:hover {
  text-decoration: none;
  color:#C9A24D;
}
.form-check-input {
    margin-top: 0.6rem;
}
.btn-tarastro-primary {
  background-color: transparent !important;

  
}

  .btn-tarastro-primary:hover {
    background-color: #C9A24D !important;
    color: #ffffff !important;
  }
  #faq .accordion-button {
    font-size: 1rem;
    font-weight: 500;
    color: #13294B;
    background: #f7f9f8;
    border: none;
    padding: 0.75rem 1rem;
    position: relative;
  }
  #faq .accordion-button:not(.collapsed) {
    color: #C9A24D;
    background: #f7f9f8;
    box-shadow: none;
  }
  #faq .accordion-header {
    margin-bottom: 0;
  }
  #faq .accordion-body {
    font-size: 0.95rem;
    color: #333;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 15px;
  }
  #faq .accordion-item {
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 0.5rem;
    overflow: hidden;
  }
  #faq .accordion-button::after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.5em;
    font-family: Arial, sans-serif;
    content: "▽"; /* Offener Pfeil nach unten */
    font-size: 1em;
    color: #C9A24D;
    background: none;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    transition: transform 0.2s;
  }
  #faq .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
  }
  #faq .accordion-button.plus-icon::before {
    content: '+';
    font-size: 1.2em;
    color: #C9A24D;
    margin-right: 0.5em;
    vertical-align: middle;
  }
html[data-theme="dark"] body{
    background:linear-gradient(180deg,#0f1422 0%,#151b2d 100%);
    color:#cbc3de;
}
html[data-theme="dark"] .bg-hero{
    background:
        linear-gradient(135deg,rgba(20,25,40,.96),rgba(31,38,58,.92)),
        radial-gradient(circle at top right,rgba(201,162,77,.14),transparent 32%);
}
html[data-theme="dark"] main{
    background:transparent !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] strong,
html[data-theme="dark"] address{
    color:#f7f1ff;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] ul,
html[data-theme="dark"] ol{
    color:#cbc3de;
}
html[data-theme="dark"] a{
    color:#d9c27e;
}
html[data-theme="dark"] a:hover{
    color:#f3d99a;
}
html[data-theme="dark"] #faq .accordion-item{
    border-color:rgba(201,162,77,.16);
    background:linear-gradient(180deg,rgba(18,23,38,.98),rgba(22,28,45,.98));
}
html[data-theme="dark"] #faq .accordion-button{
    color:#f7f1ff;
    background:rgba(255,255,255,.04);
}
html[data-theme="dark"] #faq .accordion-button:not(.collapsed){
    color:#d9c27e;
    background:rgba(255,255,255,.06);
}
html[data-theme="dark"] #faq .accordion-body{
    color:#cbc3de;
    background:rgba(255,255,255,.03);
    border-top-color:rgba(201,162,77,.12);
}