.elementor-3190 .elementor-element.elementor-element-9834a83{--display:flex;}.elementor-3190 .elementor-element.elementor-element-41b867c{--spacer-size:50px;}.elementor-3190 .elementor-element.elementor-element-316379b{--display:flex;}.elementor-3190 .elementor-element.elementor-element-48ca464 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-3190 .elementor-element.elementor-element-d4d679d{--display:flex;}.elementor-3190 .elementor-element.elementor-element-2ad5cc9{--spacer-size:100px;}@media(min-width:768px){.elementor-3190 .elementor-element.elementor-element-316379b{--content-width:1260px;}}/* Start custom CSS for html, class: .elementor-element-48ca464 *//* ===== Legal / Impressum Styling (CI-konform) ===== */
:root{
  /* Falls ihr schon CSS-Variablen habt: diese Werte einfach auf eure bestehenden mappen */
  --ci-accent: #f5a623;          /* optimIT Orange (ggf. anpassen) */
  --ci-text: #4a4a4a;            /* dunkles Grau */
  --ci-muted: #7a7a7a;           /* helleres Grau */
  --ci-bg: #ffffff;
  --ci-card: #ffffff;
  --ci-border: #eaeaea;
  --ci-shadow: 0 8px 24px rgba(0,0,0,.06);
  --ci-radius: 18px;
}

.legal-page{
  color: var(--ci-text);
}

.legal-hero{
  margin: 0 0 24px;
}

.legal-hero h1{
  font-size: clamp(1.6rem, 2.2vw, 2.1rem); /* kleiner als vorher */
  line-height: 1.15;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}

.legal-page h2{
  font-size: 1.05rem; /* kleiner */
  line-height: 1.25;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

.legal-lead{
  color: var(--ci-muted);
  margin: 0;
  max-width: 72ch;
}

/* Layout */
.legal-layout{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

/* Card */
.legal-card{
  grid-column: span 12;
  background: var(--ci-card);
  border: 1px solid var(--ci-border);
  border-radius: var(--ci-radius);
  box-shadow: var(--ci-shadow);
  padding: 18px 18px;
}

@media (min-width: 900px){
  .legal-card{ padding: 22px 22px; }
  /* optional: zwei Spalten Layout */
  .legal-card--half{ grid-column: span 6; }
}

/* Address / Text */
.legal-address{
  font-style: normal;
  color: var(--ci-text);
  margin: 0 0 14px;
}

.legal-list{
  margin: 0;
  color: var(--ci-text);
}

/* Definition list */
.legal-dl{
  margin: 0;
  display: grid;
  gap: 10px;
}

.legal-dl__row{
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px;
}

.legal-dl dt{
  color: var(--ci-muted);
  font-weight: 600;
}

.legal-dl dd{
  margin: 0;
  color: var(--ci-text);
}

/* Links */
.legal-page a{
  color: var(--ci-accent);
  text-decoration: none;
  font-weight: 600;
}

.legal-page a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Mobile */
@media (max-width: 520px){
  .legal-dl__row{
    grid-template-columns: 1fr;
    gap: 6px;
  }
}/* End custom CSS */