/* =================================================
   pergo-custom.css
   Alle eigenen Anpassungen kommen hier rein.
   Wird nach base.css geladen und überschreibt
   das Framework gezielt.
   ================================================= */



/* To-Top Button – gelb */
.to-top {
  background-color: #ffc100 !important;
  border-color: #ffc100 !important;
  color: #171724 !important;
}
.to-top:hover {
  background-color: #e6ad00 !important;
  border-color: #e6ad00 !important;
}


body,
p,
.small,
.content-row-text,
.list-link,
.list-item,
.accordion-body p,
.post-text {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

.nav-cta {
  background-color: #ffc100;
  color: #171724 !important;
  padding: 6px 16px;
  font-weight: 700;
}
.nav-cta:hover {
  background-color: #e6ad00;
}


/* =================================================
   Feinschliff – Schriftgrößen
   ================================================= */

/* Kleinster Fließtext (USP-Kacheln, Slider) deutlich größer.
   Höhere Spezifität (.container p.small) + !important, um die
   Framework-Vorgabe sicher zu schlagen. Footer-Listen (ul.list.small)
   bleiben kompakt, da hier nur p.small angesprochen wird. */
.container p.small {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
}

/* ---- Schluss-CTA: heller Button auf Blau, ohne Outline, Hover grün ---- */
.btn-cta-light {
  background-color: #ffffff !important;
  color: rgb(0, 178, 220) !important;
  border: none !important;
}
.btn-cta-light:hover,
.btn-cta-light:focus,
.btn-cta-light:active {
  background-color: rgb(100, 146, 42) !important;
  color: #ffffff !important;
}

/* =================================================
   Formular-Validierung (Buchungsformular)
   Das Theme hängt bei Fehlern die Klasse .has-error an das
   .position-relative um das Eingabefeld und zeigt darin eine
   <span class="form-validation">-Meldung. Beides hier gestalten.
   ================================================= */

/* Feld mit Fehler: roter Rahmen + zarter roter Grund */
.rd-mailform .has-error .form-control {
  border-color: #e72660 !important;
  background-color: #fdf0f4;
}
.rd-mailform .has-error .form-control:focus {
  box-shadow: 0 0 0 2px rgba(231, 38, 96, 0.15) !important;
}

/* Fehlermeldung gut lesbar (Theme macht sie mit 9px winzig) */
.rd-mailform .form-validation {
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  color: #e72660 !important;
  margin-top: 4px !important;
  position: static !important;   /* unter dem Feld statt überlappend rechts */
  display: block;
  white-space: normal;
}

/* Korrekt ausgefülltes Feld: dezent grün bestätigen */
.rd-mailform .has-success .form-control {
  border-color: #64922A !important;
}