/*
 * Globals
 */

/* Links */
a,
a:focus {
  color: #062a60;
  text-decoration: none;
}

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

h3 {color: #97002d}
/*
 * Base structure
 */

html,
body {
  background-color: #fff;
}


#wrapper {

  padding: 5%;
  background: #fff;
}

.text {
  display: -ms-flexbox;
  display: flex;
}
.cover-container {

 text-align: center;
}

.inner {color: #97002d;}

.lead {font-weight: 600;}


.kudelalogo {width: 70%;}

.cover-heading {font-weight: 600 !important; text-transform: normal; color: #97002d;}

.klein {font-size: 12px !important; padding-bottom: 20px;}
.klein a  {font-size: 12px !important}
/*
 * Cover
 */
.cover {
  padding: 0.5rem ;
  text-align: left;
}
.only-sm {display: none;}
.only-xs {display: none;}
.only-md {display: inline;}

@media (max-width: 1400px) {
  .cover {
    padding: 0.1rem ;
      text-align: left;
  }
  #wrapper {
    height: 98%;
    margin-right: auto;
    margin-left:  auto;
    margin-top: 2%;
    max-width: 94%;
    padding: 2%;
    background: url(bg_underconstruction.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 850px) {
  .cover {
    padding: 0rem ;
      text-align: center;
  }
  #wrapper {
    height: 60%;
    margin-right: auto;
    margin-left:  auto;
    margin-top: 0%;
    max-width: 100%;
    padding: 2%;
    background: url(bg_underconstruction.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
.h1, h1 {
    font-size: 2.0rem;
}
  .kudelalogo {width: 50%; padding-top: 8px;}

  .cover-container {
    padding-left: 0%
  }

.only-sm {display: inline;}
.only-xs {display: none;}
.only-md {display: inline;}

.mastfoot {
  padding-top: 20px;
  font-size: 14px;
  line-height: 18px;
}
}

@media (max-width: 480px) {
  .only-sm {display: inline;}
  .only-xs {display: inline;}
  .only-md {display: none;}
  .mastfoot {
    padding-top: 20px;
    font-size: 14px;
    line-height: 18px;
  }
}

/*
 * Footer
 */
.mastfoot {
  color: rgba(0, 0, 0, .9);
  padding-top: 20px;
  font-size: 18px;
  line-height: 30px;
}

footer {padding-bottom: 20px; padding-top: 40px;}

.item {padding-bottom: 20px;}
.button {border: solid 1px #97002d; }
.button:hover {border: solid 1px #062a60}
.button_inner {padding: 30px; font-size: 22px; line-height: 26px;}
.button_inner a {color: #97002d; text-decoration: none; text-transform: uppercase;}
.button_inner a:hover {color: #062a60; text-decoration: none; text-transform: uppercase;}

.button2 {background: #97002d}
.button2:hover {background: #062a60; }
.button_inner2 {padding: 30px; font-size: 22px; line-height: 26px;}
.button_inner2 a {color: #fff; text-decoration: none; text-transform: uppercase;}
.button_inner2 a:hover {color: #fff; text-decoration: none; text-transform: uppercase;}

.dlbutton {padding: 8px; background: #97002d; font-size: 20px; color: #fff}
.dlbutton:hover {padding: 8px; background: #062a60; font-size: 20px;}
.dlbutton a {color: #fff;}
.dlbutton a:hover {color: #aaa;}

.rot {color:#ff0000; font-weight: bold;}