@import url("https://bootswatch.com/3/united/bootstrap.min.css");

/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
 
 /* Limesurvey-Logo ausblenden */
.navbar-brand,
.navbar-brand img {
  display: none !important;
}

/* ======================================
   BD OÖ Logo – zentriert & skalierbar
   ====================================== */
.bdoo-logo {
  max-height: 120px;       /* ← Größe hier anpassen (Standard 80px) */
  height: auto;
  width: auto;
  display: inline-block;
}

.navbar {
  min-height: 100px;       /* Fixe Höhe, verhindert "Springen" */
  align-items: center;     /* Logo bleibt vertikal mittig */
  overflow: visible;       /* falls Logo leicht überragt */
}

@media (max-width: 768px) {
  .bdoo-logo {
    max-height: 70px;      /* kleinere Variante für Mobilgeräte */
  }
  .navbar {
    min-height: 80px;
  }
}

/* ======================================
   Navbar im BD OÖ Rot gestalten
   ====================================== */
.navbar {
  background-color: #A50014 !important;  /* BD OÖ Rot */
  border-bottom: 4px solid #b80016;      /* dunklere Linie als Akzent (optional) */
}

.navbar a,
.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-text {
  color: #ffffff !important;              /* weiße Schrift */
}

.navbar a:hover,
.navbar .nav-link:hover {
  color: #ffe6e6 !important;              /* leicht helleres Rot beim Hover */
}

/* Optional: Toggler-Icon für Mobile hell machen */
.navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

/* ======================================
   BD OÖ Button-Stil – angepasste Hauptfarbe
   ====================================== */

:root {
  --bdoo-red: #A50014;          /* Hauptton */
  --bdoo-red-dark: #7A000F;     /* dunklerer Ton für Hover */
}

/* Haupt-Buttons (z. B. „Weiter“, „Absenden“) */
.btn-primary,
button[type="submit"],
.ls-move-next-btn,
.ls-move-submit-btn {
  background-color: var(--bdoo-red) !important;
  border-color: var(--bdoo-red) !important;
  color: #ffffff !important;
}

/* Hover-Effekt */
.btn-primary:hover,
button[type="submit"]:hover,
.ls-move-next-btn:hover,
.ls-move-submit-btn:hover {
  background-color: var(--bdoo-red-dark) !important;
  border-color: var(--bdoo-red-dark) !important;
  color: #ffffff !important;
}

/* Sekundäre Buttons (z. B. „Zurück“, „Abbrechen“) */
.btn-secondary,
.ls-move-previous-btn {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
}

/* Hover-Effekt für Sekundär-Buttons */
.btn-secondary:hover,
.ls-move-previous-btn:hover {
  background-color: #444444 !important;
  border-color: #444444 !important;
}

/* ======================================
   Fortschrittsbalken im BD OÖ-Rot
   ====================================== */

/* Hintergrundfarbe des gefüllten Balkens */
.progress-bar {
  background-color: #A50014 !important;  /* BD OÖ Rot */
}

/* Hintergrund der leeren Fläche (optional) */
.progress {
  background-color: #e9ecef !important;  /* neutrales Grau, wie Bootstrap-Default */
  border-radius: 5px;
  overflow: hidden;
}

/* Optional: animierter Übergang beim Fortschritt */
.progress-bar {
  transition: width 0.6s ease;
}

/* ======================================
   Hinweise / Validierungen im BD OÖ-Rot
   ====================================== */

/* Hilfetexte unter Fragen */
.help-block,
.text-info,
.question-help {
  color: #A50014 !important;     /* BD OÖ-Rot */
}

/* Validierungs- und Pflichtfeld-Hinweise */
.text-danger,
.error,
.alert-danger,
.ls-em-error {
  color: #A50014 !important;
  border-color: #A50014 !important;
}

/* Bootstrap-Alert-Boxen (z. B. "Bitte überprüfen Sie Ihre Eingabe") */
.alert-info {
  background-color: #fbe9eb !important;  /* sehr helles Rot für Hintergrund */
  border-color: #A50014 !important;
  color: #A50014 !important;
}

/* Optional: Warn- und Erfolgsmeldungen leicht angleichen */
.alert-warning {
  border-color: #A50014 !important;
  color: #A50014 !important;
}
.alert-success {
  border-color: #A50014 !important;
  color: #A50014 !important;
}
/* ======================================
   Yes/No (Fragetyp Y) – stabile quadratische Darstellung
   passend zur echten LimeSurvey-Markup-Struktur
   ====================================== */

/* Container der Ja/Nein-Buttons */
.yesno-button {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: auto !important;
}

/* Bootstrap-3 / btn-group-justified neutralisieren */
.yesno-button.btn-group,
.yesno-button.btn-group-justified {
  display: flex !important;
  width: auto !important;
  table-layout: auto !important;
}

.yesno-button.btn-group-justified > .btn,
.yesno-button.btn-group-justified > label.btn,
.yesno-button.btn-group > .btn,
.yesno-button.btn-group > label.btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 80px !important;
  height: 80px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
  border: 2px solid var(--bdoo-red) !important;
  background: #f9eef0 !important;
  color: var(--bdoo-red) !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Icons in den Buttons ausblenden, damit nur Ja/Nein sauber erscheint */
.yesno-button .ls-icon,
.yesno-button .fa {
  display: none !important;
}

/* Hover */
.yesno-button.btn-group-justified > .btn:hover,
.yesno-button.btn-group-justified > label.btn:hover,
.yesno-button.btn-group > .btn:hover,
.yesno-button.btn-group > label.btn:hover {
  background: #e7b9c0 !important;
  border-color: var(--bdoo-red-dark) !important;
  color: var(--bdoo-red-dark) !important;
}

/* Aktiv/ausgewählt */
.yesno-button .btn.active,
.yesno-button label.btn.active,
.yesno-button .btn:active,
.yesno-button label.btn:active,
.yesno-button input[type="radio"]:checked + label.btn {
  background: var(--bdoo-red-dark) !important;
  border-color: var(--bdoo-red-dark) !important;
  color: #ffffff !important;
  transform: scale(1.04) !important;
  box-shadow: 0 0 0 3px rgba(165,0,20,.25) !important;
}


/* Fokus */
.yesno-button .btn:focus,
.yesno-button label.btn:focus,
.yesno-button .btn:focus-visible,
.yesno-button label.btn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(165,0,20,.35) !important;
}

/* Mobile etwas kleiner */
@media (max-width: 576px) {
  .yesno-button.btn-group-justified > .btn,
  .yesno-button.btn-group-justified > label.btn,
  .yesno-button.btn-group > .btn,
  .yesno-button.btn-group > label.btn {
    width: 64px !important;
    height: 64px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }
}

}
#g03info-midprint {
  margin-top: 10px;
}

#g03info-midprint .midprint-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px 0 18px 0;
}

#g03info-midprint .midprint-btn {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 600;
}

#g03info-midprint .midprint-help {
  width: 100%;
  margin-top: 8px;
  color: #555;
  font-size: 13px;
}

#g03info-midprint .midprint-summary {
  display: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 18px;
  border-radius: 6px;
}

#g03info-midprint .midprint-summary h2 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
}

#g03info-midprint .midprint-summary ul {
  margin: 0;
  padding-left: 20px;
}

#g03info-midprint .midprint-summary li {
  margin-bottom: 6px;
}

.midprint-print-only {
  display: none;
}

@media print {
  body * {
    visibility: hidden !important;
  }

  #g03info-midprint,
  #g03info-midprint * {
    visibility: visible !important;
  }

  #g03info-midprint {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  #g03info-midprint .midprint-screen-only {
    display: none !important;
  }

  #g03info-midprint .midprint-print-only {
    display: none !important;
  }

  body[data-midprint-mode="pdf"] #g03info-midprint .midprint-print-note[data-print-note="pdf"] {
    display: block !important;
    margin-bottom: 14mm !important;
    font-size: 14pt !important;
  }

  body[data-midprint-mode="paper"] #g03info-midprint .midprint-print-note[data-print-note="paper"] {
    display: block !important;
    margin-bottom: 14mm !important;
    font-size: 14pt !important;
  }

  #g03info-midprint .midprint-summary {
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  #g03info-midprint .midprint-summary h2 {
    font-size: 18pt !important;
    margin-bottom: 10mm !important;
  }

  #g03info-midprint .midprint-summary li {
    margin-bottom: 3mm !important;
    line-height: 1.35 !important;
  }
    #g03info-midprint .midprint-summary {
    display: block !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;

}