.mailentscheidung .control-label, .form-control {
  height: auto;
}
.mailentscheidung .well-form {
background-color: rgba(255,255,255,0.9);
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::: Captcha
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.visualCaptcha {
    text-align: center;
    margin-bottom: 0;
    margin-top: 1rem;
}
.visualCaptcha-explanation {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    border-color: #ccc;
    background: #fff;
    color: #333;
}
.visualCaptcha-explanation b{
    font-weight: bold;
}
.accessibility-description, .visualCaptcha-explanation, .status.valid {
    margin-top: 0;
    border: 1px solid #ccc;
}
.visualCaptcha-possibilities img{
   width:32px;
   height:32px;
}
.visualCaptcha-possibilities .img{
   margin-right: 1rem;
   margin-bottom: 1rem;
   border-radius: 1rem;
   border-width: 1px;
   border-color: #ccc;
   padding: 0.5rem;
   background: #fff;
}
.visualCaptcha-possibilities .visualCaptcha-selected {
    border-color: #337ab7;
    background: #fff;
    border-width: 2px;
}
.visualCaptcha-refresh-button:before, .visualCaptcha-accessibility-button:before {
    font-family: FontAwesome;
    font-weight: 700;
    text-decoration: none;
}
.visualCaptcha-refresh-button:before {
    content: "\f01e";
}
.visualCaptcha-accessibility-button:before {
   content: "\f028";
}
.visualCaptcha-refresh-button, .visualCaptcha-accessibility-button {
   margin: 0 1rem 1rem 0;
   vertical-align: middle;
   padding: 6px 10px 5px;
   text-decoration: none;
}
.visualCaptcha-refresh-button img, .visualCaptcha-accessibility-button img {
   display: none;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
:::::::::::::::::::::::: Queries
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
*/
@media (max-width: 767px) {
  .mailentscheidung .well-form {
    max-height: unset;
  }
}
@media (min-width: 768px) {
  .mailentscheidung .well-form {
    max-height: unset;
  }
}
@media (min-width: 992px) {
  .mailentscheidung .well-form {
    max-height: unset;
  }
}
@media (min-width: 1200px) {
  .mailentscheidung .well-form {
    max-height: unset;
  }
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
:::::::::::::::::::::::: Global
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
*/
html {
  font-size: 16px;
}
body {
  font-size: 1rem;
  font-family: 'Roboto Light', 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
h1 {
  font-size: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
:::::::::::::::::::::::: Custom
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
*/
.header-links a,
.header-links a:hover, .header-links a:focus, .header-links a:active {
  color: #fff;
}
.content {
  background-color: #cccccc;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top left;
  border-radius: 5px;
  margin-bottom: 15px;
  padding-top: 10px;
}

.mpp {
  background-image: url("/sets/login/de/shop_header/login_background3.jpg");
}
.emob {
background-image: url("/sets/login/de/shop_header/login_background4.jpg");
}

.well-form {
  background-color: rgba(255,255,255,0.8);
  border: none;
  border-radius: 5px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;

  overflow-y: auto;
}
.well-form a,
.well-form a:hover {
  color:;
}
.btn {
  font-size: 1rem;
}
.control-label, .form-control {
  font-weight: normal;
  padding: 0.25rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  height: 2.25rem;
}
ul.footer > li > a {
  color: #fff;
  padding: 0;
  margin: 10px auto;
}
ul.footer > li > a:hover, ul.footer > li > a:active, ul.footer > li > a:focus {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}
.copyright,
.copyright a, 
.copyright a:hover, .copyright a:active, .copyright a:focus {
  color: #ccc;
  margin-bottom: 15px;
}

input#mandant_kennung, input#mandant_user, input#mandant_pass {
  font-family: monospace;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
:::::::::::::::::::::::: Queries
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
*/
@media (max-width: 460px) {
  .content {
  }
}
@media (min-width: 460px) {
  .content {
  }
}
@media (max-width: 767px) {
  html {
    font-size: 16px;
  }
  .content {
    margin-top: 0;
    border-radius: 0;
    background-position: top right;
    background-size: auto auto;
  }
  .well-form {
    margin-top: 10px;
    max-height: 655px;
  }
}
@media (min-width: 768px) {
  .content {
    min-height: 500px;
    margin-top: 15px;
  }
  .main {
    min-height: 415px;
  }
  .well-form {
    margin-top: 15px;
    max-height: 420px;
  }
}
@media (max-width: 991px) {

}
@media (min-width: 992px) {
  .content {
    min-height: 695px;
  }
  .main {
    min-height: 610px;
  }
  .well-form {
    margin-top: 45px;
    max-height: 555px;
  }

}
@media (max-width: 1199px) {

}
@media (min-width: 1200px) {
  .content {
    min-height: 840px;
  }
  .main {
    min-height: 755px; 
  }
  .well-form {
    max-height: 700px;
  }
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
:::::::::::::::::::::::: Helpers
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  
*/
w-100 {
  width: 100% !important;
}
.h-100 {
  heighct: 100% !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 1rem 1rem !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.ml-1 {
  margin-left: 1rem !important;
}
.mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-2 {
  margin: 1.5rem 1.5rem !important;
}
.mt-2 {
  margin-top: 1.5rem !important;
}
.mr-2 {
  margin-right: 1.5rem !important;
}
.mb-2 {
  margin-bottom: 1.5rem !important;
}
.ml-2 {
  margin-left: 1.5rem !important;
}
.mx-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.my-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-3 {
  margin: 3rem 3rem !important;
}
.mt-3 {
  margin-top: 3rem !important;
}
.mr-3 {
  margin-right: 3rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.ml-3 {
  margin-left: 3rem !important;
}
.mx-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 1rem 1rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pr-1 {
  padding-right: 1rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pl-1 {
  padding-left: 1rem !important;
}
.px-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-2 {
  padding: 1.5rem 1.5rem !important;
}
.pt-2 {
  padding-top: 1.5rem !important;
}
.pr-2 {
  padding-right: 1.5rem !important;
}
.pb-2 {
  padding-bottom: 1.5rem !important;
}
.pl-2 {
  padding-left: 1.5rem !important;
}
.px-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.py-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-3 {
  padding: 3rem 3rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pr-3 {
  padding-right: 3rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pl-3 {
  padding-left: 3rem !important;
}
.px-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

a.zs_oben_active {
   float:left;
   display:block-inline;
   width:155px;
   color:white;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e1_active.gif);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

a.zs_oben {
   float:left;
   display:block-inline;
   width:155px;
   color:green;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e1.jpg);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

a.zs_oben:hover {
   float:left;
   display:block-inline;
   width:155px;
   color:silver;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e1_hover.gif);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

a.zs_oben_e2_active {
   float:left;
   display:block-inline;
   width:155px;
   color:white;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e2_active.gif);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

a.zs_oben_e2 {
   float:left;
   display:block-inline;
   width:155px;
   color:blue;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e2.jpg);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

a.zs_oben_e2:hover {
   float:left;
   display:block-inline;
   width:155px;
   color:silver;
   font-weight: bold;
   background-image: url(/sets/login/de/zusatzseiten_seitlich/e2_hover.gif);
   margin:1px;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:5px;
   text-align:left;
}

