/******************
    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
*/

/* iPhone / Mobile: dezente, aber wirklich wirksame Anpassung */
@media (max-width: 480px), (hover: none) and (pointer: coarse) {

  /* iOS Safari: automatische Textvergrößerung neutralisieren */
  html {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* Frage-Text (etwas größer) */
  body .ls-question-text,
  body .question-text,
  body .ls-question-text * {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  /* Antworttexte (leicht größer) */
  body .ls-answers label,
  body .answer-item label,
  body .ls-answers label * {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  /* Eingabefelder lesbarer */
  body .ls-answers input,
  body .ls-answers textarea,
  body .ls-answers select {
    font-size: 16px !important;
  }
}












/* NUR Frage 289524: Other-Zeile wie normale Antwort einrücken */
#question289524 .othertext-label-checkox-container,
#question289524 .othertext-label-checkbox-container,
#question289524 .othertext-label-checkbox-container-fluid,
#question289524 .othertext-label-container,
#question289524 .othertext-label,
#question289524 .other-text-item,
#question289524 .other-item {
  margin-left: 0px !important; /* ggf. 30–45px feinjustieren */
}

/* Teilfragen */
.fruity .ls-answers tbody th,
.fruity .ls-answers tbody th * {
    font-size: 17px !important;
}

/* Antwortoptionen */
.fruity .ls-answers label,
.fruity .ls-answers label * {
    font-size: 17px !important;
}

/* Spaltenüberschriften */
.fruity .ls-answers thead th,
.fruity .ls-answers thead th * {
    font-size: 17px !important;
}


.numeric-multi .question-item {
    text-align: left !important;
}

.numeric-multi .control-label {
    text-align: left !important;
    float: left !important;
}

/* ===== OTHER inline + gleiche Einrückung wie andere Antworten ===== */

/* Die beiden Other-Spalten zusammen wie eine Antwortzeile einrücken */
#question289519 .othertext-label-checkox-container,
#question289519 .other-text-item{
  margin-left: 20px !important;   /* ggf. 38–48px feinjustieren */
}

/* Aber: nur der ERSTE Block soll einrücken, sonst wird's doppelt */
#question289519 .other-text-item{
  margin-left: 0 !important;
}

/* Beide Blöcke sauber in einer Zeile lassen */
#question289519 .othertext-label-checkox-container,
#question289519 .other-text-item{
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

/* Abstand zwischen Label-Block und Textfeld */
#question289519 .other-text-item{
  margin-left: 10px !important;
}

/* Checkbox/Label nicht kaputt-stylen */
#question289519 .other-checkbox{
  margin: 0 !important;
}
#question289519 label[for="answer322529X33763X289519othercbox"]{
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Textfeld schmal */
#question289519 #answer322529X33763X289519other{
  width: 260px !important;
  max-width: 260px !important;
}

/* ===== Built-in OTHER in LS6 (Fruity) überall schön inline ausrichten ===== */ 
/* Einrückung: nur der Checkbox+Label-Block */
.question-container .othertext-label-checkox-container{ margin-left: 19px !important;
/* ggf. bei dir anpassen */ } /* Checkbox/Label + Textfeld in eine Zeile 
*/ .question-container .othertext-label-checkox-container, .question-container .other-text-item{ display: inline-flex !important; align-items: center !important; vertical-align: middle !important; }
/* Abstand zwischen Label-Block und Textfeld */ .question-container .other-text-item{ margin-left: 10px !important; } /* Checkbox/Label nicht kaputt-stylen 
*/ .question-container .other-checkbox{ margin: 0 !important; } .question-container .othertext-label-checkox-container label{ margin: 0 !important; white-space: nowrap !important; } 
/* Textfeld schmal (für alle Other-Felder) */ .question-container .other-text-item input.form-control{ width: 260px !important; max-width: 260px !important; }