/*  ##################################  */
/*  Service Produkt Vergleich  */
/*  ##################################  */

.package-headline{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.top-box{
height: 50px;
}

/*  Ersatz für .col-xs-6 */
/*  Beschreibungs-Reihe */
.labelRow {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    float: left;
    width: 50%;
}
/*  Beschreibungs-Reihe Ueberschrift  */
.atrbNameCol {
    font-size: 1.25rem;
    height: 50px;
    line-height: 50px;
    background-color: #F4F4F4;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
    display: block;
}
/*  Beschreibungs-Reihe Unterpunkte  */
.attrbCol {
    padding-left: 10px;
    height: 50px;
    border-bottom: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    align-items: center;
    color: #313131;
    display: grid;
}
/*  Icon-Reihe 1 bis 3 */
.attrbIconRow{
    width: 16.66666667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    box-sizing: border-box;
}
/*  Icon-Reihe 1 bis 3 Ueberschrift */
.iconNameCol {
    font-size: 1.25rem;
    height: 50px;
    line-height: 50px;
    background-color: #F4F4F4;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
    display: block;
}
/*  Icon-Reihe 1 bis 3 Icons */
.attrbRowIcon{
    display: grid;
    height: 50px;
    border-bottom: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    align-items: center;
    color: #313131;
    text-align: center;
}



@media (max-width: 992px) {
    .scrollableFrame{
        overflow: auto;
        white-space: nowrap;
    }
    .scrollableContent {
        display: inline-block;
        width: 700px;
    }
    .comparisonTopRow {
        white-space: normal;
        width: 700px;
    }
    .comparisonContentRow {
        overflow:auto;
        white-space:normal;
        width: 700px;
    }
    .attrbRowIcon{
        height: 70px;
    }
    .iconNameCol {
        height: 70px;
        line-height: 70px;
    }

    .atrbNameCol {
        height: 70px;
        line-height: 70px;
        padding-left:20px;
    }

    .attrbCol {
        height: 70px;
        padding-left:25px;
    }
}

@media (max-width: 556px) {
    .attrbRowIcon{
        height: 40px;
    }
    .iconNameCol {
    height: 40px;
    line-height: 40px;
    }
    .attrbCol {
        height: 40px;
        font-size: 13px;
    }
    .atrbNameCol {
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
    }
    .package-headline {
        font-size: 12px;
    }

}

.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/en/shop_header/login_background3.jpg");
}
.emob {
background-image: url("/sets/login/en/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;
}