/******************
    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
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;300;400;500;700&display=swap');


body {
 font-family: 'Fira Sans' !important;
}

h2 {
    font-size: 2.5rem;
}

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }

.btn-primary {
    background-color: #9E2337 !important;
    border: 0px solid #600F36 !important;
    color: #fff;
}

.btn-primary:hover {
  background-color: #600F36 !important;
  border-color: none;
  color: #fff;
}
  
  .row{
    margin-right: 0px !important;
    margin-left: 0px !important;
    
}

.ls-link-action.ls-link-clearall.animate {
    font-size:0 !important;
    
}

.question-text {
    font-weight:500;
    font-size:20px;
}

.text-primary {
    color:#35363f;
}

.survey-welcome {
    line-height:1.5;
}

.welcome-logo {
    height:175px;
}

.logo-container>img {
    max-height:200px;
    padding:0px !important;
}

.radis-logo {
    height:130px;
}

.navbar-brand {
    font-size:12px;
    padding:0 0 0 15px;
}

.navbar {
    background: #fff;
    border:none;
}

.border-bottom {
    border-bottom: 0px !important;
    
}

label::after{
    color:#fff !important
}

.geocode {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius:6px;
}

.geocode {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.geocode:hover {
    background-color: #e7e7e7;
}

.text.location {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom:25px;
}

.marker {
    background:#E8CB1F;
    color:#333;
}

.ls-questionhelp {
    color:#333 !important;
}

.ls-question-message.ls-em-tip.em_default.ls-em-success {
    color:#333 !important;
}

.form-inline .form-control {
    width:750px !important;
}

#outerframeContainer {
    min-height: 100%;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}


.panel-title {
  position: relative;
}
  
.panel-title::after {
  content: "\f107";
  color: #333;
  top: -2px;
  right: 0px;
  position: absolute;
  font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
  content: "\f106";
}

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-heading-full .panel-title {
  padding: 10px 15px;
}

.panel-heading-full .panel-title::after {
  top: 10px;
  right: 15px;
}

.well{
    background:#ffffff;
    border:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.well p {
  font-size:16px;
}

.control-label {
    font-size:15px;
}
.ls-js-hidden.warningjs.alert.alert-danger {
    margin-top:65px;
}


.anmeldungheadline {
        font-size:1.25rem;
    margin-bottom: 25px
}

.anmeldungtitel {
    font-size:1.5rem;
    font-weight: 700
}

.anmeldungdatum {
    font-size:1.25rem;
    font-weight: 500
}

.anmeldungnamen {
    font-size: 14px;
    font-weight: 400
}

.anmeldungteaser {
    font-size: 14px;
    font-weight: 400
}

.ausblenden {
    display:none !important;
}

a, a:hover {
  color: #9E2337 !important;
}

a:hover {
  color: #600F36 !important;
  text-decoration: underline;
}

.star-rating {
    margin-bottom:15px !important;
}

.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.15s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.ohneabstand
{
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}

.ohneabstandoben
{
    margin-top:-2.15em !important;
    border-top:0px;
    background-color:#E8E8E8 !important;
}

.question-container {
    border:none;
    background-color: #f9f9f9;
    border-radius: 5px;
    padding:0 10px 20px;
}

.progress-bar {
    background-color: #600735;
}