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

  @font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../files/source-sans-pro-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../files/source-sans-pro-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* light */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../files/sourcesanspro-light-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* semibold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../files/sourcesanspro-semibold-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
 font-family: 'Source Sans Pro' !important;
 font-size:1.15rem !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:16px;
}
.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;
}

@keyframes fade-in {
	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:#f0f0f0 !important;
    animation: fade-in 0.5s;
}

.ohnehintergrund {
    background-color: #ffffff !important;
    margin-bottom:0 !important;
    margin-top:0 !important;
}

.matrixsonstiges {
    margin-top:-2.15em !important;
    border-top:0px;
    background-color:#f0f0f0 !important;
    animation: fade-in 0.5s;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size:14px;
}


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

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

.progress {
  font-size: 0.85rem !important;
}

.space-col {
 margin-bottom: 0px !important;   
}

.group-title.text-center.h3 {
    font-size: 2.5rem;
}

li {
  font-size: 16px;  
}
.survey-description.text-info.text-center{
    --bs-text-opacity: 1;
    color: var(--bs-body-color) !important;
    font-size: 16px;
    margin-top:50px;
    line-height:1.6;
    text-align: left !important;
}

.privacy-block {
    margin-top:50px;
    font-size: 1rem !important;
}


.limit-text-window > ul > li {
    font-size: 14px !important;
}

.limit-text-window > h3 {
    margin-top: 0px !important;
}


.limit-text-window {
    margin-bottom: 25px;
}

#oth-slot {
        display: inline-block;
        margin-left: 0.5rem;
        vertical-align: middle;
    }

#oth-slot input {
        display: inline-block;
        width: 220px;
        max-width: 100%;
        height: 34px;
        padding: 4px 8px;
    }