/* ----------------------------------------
   Custom Styles – Rollertransport (vereinheitlicht)
   ---------------------------------------- */

/* Buttons: Weißer Rahmen + stärkere Typo */
.button,
.button-alt,
.button-alt2 {
  border: 2px solid #fff;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  font-weight: 600;
}

/* Treuhandservice-Button (Beispiel bleibt) */
.button-alt {
  background: linear-gradient(to bottom, #cc0000 0%, #ff0000 100%);
}
.button-alt:hover {
  background: linear-gradient(to bottom, #b30000 0%, #e60000 100%);
}

/* Content-Boxen wie auf den perfekten Seiten */
.content-box {
  border: 3px solid #555;
  border-radius: 0;
  padding: 18px 20px;
  margin: 20px 0;
  background: #fafafa;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.content-box h2,
.content-box h3 {
  margin-top: 0;
}
.content-box p  {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin-top: 10px;
}

/* Listen in Content-Boxen */
.content-box ul {
  list-style: disc inside;
  margin: 0 0 1em 1.2em;
  padding: 0;
}
.content-box li {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 0.5em;
}
.content-box li a {
  color: #333;
  text-decoration: underline;
}
.content-box li a:hover {
  color: #000;
}

/* Spacing der FAQ-Kacheln wie Index (Gradient/Border bleiben inline im HTML) */
.faq-box {
  margin: 20px 0;
}