/******************
    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: block;
        font-family: wf_12c69a76062244c0bdf08a8c0;
        src: url('https://static.wixstatic.com/ufonts/27dca3_12c69a76062244c0bdf08a8c08454124/woff2/file.woff2')
            format('woff2'),
          url('https://static.wixstatic.com/ufonts/27dca3_12c69a76062244c0bdf08a8c08454124/woff/file.woff')
            format('woff'),
          url('https://static.wixstatic.com/ufonts/27dca3_12c69a76062244c0bdf08a8c08454124/ttf/file.ttf') format('ttf');
}
@font-face {
        font-display: block;
        font-family: wf_c69ba393991b48c9bf8bd9801;
        src: url('https://static.wixstatic.com/ufonts/27dca3_c69ba393991b48c9bf8bd9801b5b5b89/woff2/file.woff2')
            format('woff2'),
          url('https://static.wixstatic.com/ufonts/27dca3_c69ba393991b48c9bf8bd9801b5b5b89/woff/file.woff')
            format('woff'),
          url('https://static.wixstatic.com/ufonts/27dca3_c69ba393991b48c9bf8bd9801b5b5b89/ttf/file.ttf') format('ttf');
}

.font-wf_12c69a76062244c0bdf08a8c0{
  font-family: wf_12c69a76062244c0bdf08a8c0;
}
*/


@font-face {
	font-family: font1;
	src: url("./fonts/font1/file.woff2") format("woff2"),
	url("./fonts/font1/file.woff") format("woff"),
	url("./fonts/font1/file.ttf") format("ttf");
}
@font-face {
	font-family: font2;
	src: url("./fonts/font2/file.woff2") format("woff2"),
	url("./fonts/font2/file.woff") format("woff"),
	url("./fonts/font2/file.ttf") format("ttf");
}

.font-font1 {
    font-family: font1;
}

.font-font2 {
    font-family: font2;
}

}
.dus-darkblue {
    color: #2c2762 !important;
}

/* Sternchen entfernen bei Pflichtangaben */
.asterisk { display: none; }

.question-count-text {
    display: none;
}

.footerlogo {
 width: 75%;
 max-width: 200px;
}


@media only screen and (max-width: 767px) {
  .logo-container.hidden-xs {
    display: block !important;
  }
}

.dus-logo-line img {
    padding: 5px;
}

.dus-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dus-container > * {
    flex: 1 1 80px;
}

.dus-card {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(960px * 999 - 100% * 999);

    background: white;
    margin: 5px;
}

.dus-card > * {
    flex: 1 1 280px;
}

.dus-content {
    align-self: left;
    padding: 5px 5px;
    color: #2c2762
}

.dus-media {
    background: white;
    min-height: 40px;
    margin: 5px;
}

.dus-media img {
    max-width: 150px;
}

#ls-button-previous {
    margin-left: 5px;
}
      
#ls-button-submit {
    margin-right: 5px;
}
      
.survey-name {
    color: #2c2762
}  


.dus-button {
    background-color: #14146e;
    border: none;
    color: white !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 10px;
    border-radius: 18px;
}

.dus-button a {
    color: white;
    text-decoration: none;
}
      
.completed-text {
    color: #2c2762;
}      

.question-text {
    color: #2c2762;
}  

.answer-container {
    color: #2c2762;
}  

.top-container {
    margin-top: 20px !important;
}

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