@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Montserrat-Regular.eot");
    src: url("fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Regular.woff2") format("woff2"),
         url("fonts/Montserrat-Regular.woff") format("woff");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("fonts/Montserrat-Italic.eot");
    src: url("fonts/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Italic.woff2") format("woff2"),
         url("fonts/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("fonts/Montserrat-Medium.woff2") format("woff2"),
         url("fonts/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Montserrat-Bold.eot");
    src: url("fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Bold.woff2") format("woff2"),
         url("fonts/Montserrat-Bold.woff") format("woff");
}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(fonts/fa-brands-400.eot);src:url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(fonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fas,.far{opacity:.7;margin-right:5px}



body, html {
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  background:white;
  color:black;
  font:16px "Montserrat",Verdana,sans-serif;
  line-height:1.75;
  text-align:left;
  font-weight:500;
}

@media (max-width:1024px){
  body, html {
    font-size:15px;
  }
}

@media (max-width:640px){
  body, html {
    font-size:14px;
  }
}

a, a:link {
  color:#137cc1;
  text-decoration:none;
}

a:visited {
  color:#137cc1;
  text-decoration:none;
}

a:hover {
  color:#e73231;
  text-decoration:underline;
}

a:active {
  color:#137cc1;
  text-decoration:none;
}

header {
  width:100%;
  padding:1em 10px;
  background-color:white;
  border-bottom:2px solid #137cc1;
  box-sizing:border-box;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
  margin-bottom:.5em;
}

header .row {
  max-width:100%;
  width:1100px;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}

@media (max-width:480px){
  header .row>div {
    text-align:center!important;
  }
  header .row>div>img {
    margin:0 auto;
  }
}

header .logos a {
  display:inline-block;
  margin:0 15px;
}

header .logos a img {
  height:85px;
}

header p {
  text-transform:uppercase;
  font-weight:bold;
  color:black;
  margin:0;
  font-size:2em;
  line-height:1.5em;
  margin-top:.5em;
}

h2 {
  margin:2em 0 0 0;
}

h2:first-child {
  margin:0;
}

img {
  max-width:100%;
  height:auto;
}

section {
  padding:.5em 10px 2em 10px;
  width:1100px;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
}

section#loginRow {
  margin-bottom:3em;
  text-align:right;
  font-size:.75em;
}

.mb-half {
  margin-bottom:.5em;
}

.mb-1 {
  margin-bottom:1em;
}

.mb-2 {
  margin-bottom:2em;
}

.mt-half {
  margin-top:.5em;
}

.mt-1 {
  margin-top:1em;
}

.mt-2 {
  margin-top:2em;
}

.p-0 {
  padding:0!important;
}

.pb-0 {
  padding-bottom:0!important;
}

.center {
  text-align:center;
}

.clearfix::after {
  content:"";
  clear:both;
  display:table;
}

.row {
  margin:0;
}

.row::after {
  content:"";
  clear:both;
  display:table;
}

.row>div {
  padding:.3em;
  box-sizing:border-box;
}

.w-400 {
  max-width:400px!important;
}

input, textarea {
  padding:.5em;
  font-family:'Montserrat',sans-serif;
  font-size:1em;
  border:none;
  color:black;
  background:rgba(19,124,193,.15);
  box-sizing:border-box;
  transition:all .3s;
  width:100%;
  max-width:100%;
  line-height:1.3em;
  border-radius:5px;
  height:36px;
}

textarea {
  resize:none;
  height:5em;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline:none;
}

input:focus, textarea:focus {
  -webkit-box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);
  background:rgba(19,124,193,.3);
}

input[type="checkbox"] {
  width:auto;
}

input[type="submit"] {
  font-size:.9em;
  text-transform:uppercase;
  background:rgba(19,124,193,.25);
  color:black;
  width:auto;
  padding:.5em 1em;
  cursor:pointer;
  -webkit-appearance:none;
}

input[type="submit"]:hover {
  background:rgba(19,124,193,.5);
  color:black;
}

.hinweiskasten {
  border:1px solid #3b3b3b;
  padding:.5em 1em;
  display:inline-block;
  border-radius:3px;
}

.hinweiskasten.warnung {
  border:1px solid red;
  color:red;
}

.hinweiskasten.warnung a {
  color:red;
}

.hinweiskasten.erfolg {
  border:1px solid green;
  color:green;
}

.hinweiskasten.erfolg a {
  color:green;
}

.hinweiskasten>.fas {
  float:left;
  font-size:2em;
  line-height:2em;
  margin:0;
  text-shadow:2px 2px 2px rgba(100,100,100,0.8);
  opacity:1;
}

.hinweiskasten p {
  text-align:left;
  margin:0 0 0 50px;
}

section#content {
  text-align:center;
}

section#content p.downloads {
  font-size:18px;
  line-height:2em;
}