/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Roboto', sans-serif;
    
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 460px;
}

label { font-weight:normal;}

.teaser {
    font-style:normal;
    font-variant:normal;
    font-size:18px;
}

.field-validation-error {
    color:red;
    display:block;
}

.required:after 
{
    content: "*";
    font-weight: normal;
    color: red; 
    margin-left: 3px;
}

.lead-text {
    line-height:140%;
    letter-spacing:0.15em;
    font-size:19px;
}
.headline {
    font-size:24px;
}
.formular {
    font-size:14px;
    line-height:140%;
    letter-spacing:0.1em;

}
.form-control {
    font-size:14px;
}
.dropzoneStyle {
    width:220px;
    height:220px;
    display:inline-flex;
}
.no-flexbox .dropzoneStyle{
    width:150px;
    height:150px;
    display:table-cell;
}

.dropzone {
    min-height:220px;
}

 #form1 label.error {
            margin-left: 10px;
            width: auto;
            display: block;
            color:red;
        }
.liDS {
    padding-bottom:10px;
}
.impressum-text {
    line-height:100%;
    font-size:15px;
}

textarea.txtArea {
    height: 100px;
}
.step {
    display:none;
}

@media screen {
  #printSection {
      display: none;
  }
}

 .multiline-label { 
     white-space: pre-wrap; 

 }

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }

 
}