body {
  background: #eee;
}

.footer {
    margin-top: 3em;
    text-align: center;
}


/*.run-container .form-horizontal .form-group {*/

.form-row {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin: auto;
  margin-top: auto;
}

.run-container .form-horizontal .form-group {
  margin-left: auto;
  margin-right: auto;
}


.run-container .run_content_header {
  margin-bottom: 3em;
  display: block;
}

.run-container .run_content {
    margin-top: -20px;
}


form.form-horizontal div.form-row.form-group.mc_vertical div.controls label {
  display: inline-block;
}



@media (max-width: 768px) {
    .main_formr_survey {
        width: 100%;
        margin: auto;
    }
}


/* center buttons in mc_width60 */
.radio span, label.radio-inline span {
  left: 30px;
  transform: scale(1.5);
}

.form-horizontal .control-label h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 25px;
}

h1 {
    font-size: 30px;
}



figure, p {
  margin-bottom: 0.5em;
}



.form-group textarea {
  resize: both;
}


.form-row .form-control {
  max-width: 100%;
}


/* ude-blue: #004c93 
/* ude-orange: #ec7206


/* CHANGE COLORS TO UDE CD */

/* next button */
.btn:not(.btn-raised).btn-info, .input-group-btn .btn:not(.btn-raised).btn-info {
  color: #004c93;
  border-radius: 0px;
}

.run-container .btn-info {
  background: #fff;
  color: #004c93;
  border: 1px solid #004c93;
}

.run-container .btn-info:active, .run-container .btn-info:focus, .run-container .btn-info:hover {
  color: #fff;
  background: #004c93 !important;
}



/* links */
a, a:focus, a:hover {
  color: #004c93;
}


/* progress bar */
.progress, .progress .progress-bar, .progress .progress-bar.progress-bar-default {
  background-color: #004c93;
  display: none !important;
}






/* radio  button */
.radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
  border-color: #004c93;
  transform: scale(1.5);
}

.radio input[type="radio"]:checked ~ .check, label.radio-inline input[type="radio"]:checked ~ .check {
  background-color: #004c93;
  transform: scale(1.5);
}




/* Likert scale selected */
.run-container a.btn.btn-checked, .run-container button.btn.btn-checked, .run-container label.btn.btn-checked {
  border: 3px solid;
}


.checkbox input[type="checkbox"]:checked + .checkbox-material .check, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check {
  border: 3px solid;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check::before, label.checkbox-inline input[type="checkbox"]:checked + .checkbox-material .check::before {
  border: 3px solid;
}





.button_hide {
        display: none !important;
}


.btn-group {
    width:100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.btn-group button:nth-child(1) {
  margin: 10px !important;
  background-color: #E1E03B;
  color: #004c93;
  border-color: #004c93;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.btn-group button:nth-child(2) {
  margin: 10px !important;
  background-color: #004c93;
  color: #E1E03B;
  border-radius: 5px !important;
  border-color: #E1E03B;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}


.btn-group .btn .btn_label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}


.btn-group button:nth-child(1):hover,
.btn-group button:nth-child(1):active,
.btn-group button:nth-child(1):focus,
.btn-group btn-checked:nth-child(1),
.btn-group button.btn.btn-checked:nth-child(1) {
  background-color: #E1E03B !important;
  color: #004c93;
  border: 4px solid #004c93;
  outline: none;
  box-shadow: none; /* Optional: disable focus glow */
  -webkit-appearance: none; /* Disable native styles */
}

.btn-group button:nth-child(2):hover,
.btn-group button:nth-child(2):active,
.btn-group button:nth-child(2):focus, 
.btn-group btn-checked:nth-child(2),
.btn-group button.btn.btn-checked:nth-child(2){
  background-color: #004c93 !important;
  color: #E1E03B;
  border: 4px solid #E1E03B;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
}




.run-container .quellen {
   margin-bottom:18px;
   z-index:2;
   position:relative;
   padding:5px 10px;
   background-color:#E1E03B;
   color:#004c93;
   border:none;
}



.run-container .quellen:active, .run-container .quellen:focus {
   background-color:#E1E03B !important;
   color:#004c93 !important;
  box-shadow: none !important; /* optional: prevents blue focus outline if unwanted */
}


#refInfo {
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-indent: 15px hanging;
}


.speech-bubble {
	position: relative;
	background: #f4f3b1;
	border-radius: 1rem;
	padding: 20px 10px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0%;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-bottom-color: #f4f3b1;
	border-top: 0;
	border-left: 0;
	margin-left: 20px;
	margin-top: -30px;
}