/*Sturcture for media queries
-----------------------------
@media (max-width: 640px) {}
@media (min-width: 641px) and (max-width: 768px) {}
@media (min-width: 769px) and (max-width: 992px) {}
@media (min-width: 993px) {}
*/

/*
Name Conventions
----------------
_<classname> : template specific for _classname.html
CamelCase : _homeHeroOverlay;
GTM_<classname> : GTM only for tracking (including JS actions), no styles;
*/

/*********************************************************
  STYLE RESETS
*********************************************************/
/* style fix for FF */
@-moz-document url-prefix() {
  #online-rechner select  {
    padding-top: 5px !important;
    padding-left: 8px;
  }
  .input-sm select  {
    padding-top: 0px !important;
  }
  select {
    -moz-appearance: none;
    font-size: 14px!important;
    /* margin: 0; */
    padding-top: 0px !important;
    background: transparent;
  }
  select:-moz-focusring { color: transparent;
    text-shadow: 0 0 0 #000; }
  option {
    -moz-appearance: none;
    font-weight: 400!important;
    font-size: 14px!important;
  }
}
.modal-content  {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important; 
  border: 0px !important;
}
.myDivicon {
  background-clip: padding-box;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.6);
}
.myDivicon div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 8px"Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 10px;
}
a {
  color: rgb(47, 116, 153);
  -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}
a:hover, a:focus {
    color: #005885;
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
  font-family: Outfit, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-weight: 200;
}
a:focus {
    outline: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}
._homeHeroHeaderIntro .form-control {
  border-radius: 25px;
  border: 1px solid #dcdada;
  background: #fff;
  }
._homeHeroHeaderIntro .form-control:focus {
  border: 2px solid #6d6d6d;
  outline: 0 none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07) inset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control {
  border-radius: 0px;
  border: 0px solid #dcdada;
  background: #fff;
}
/* .form-control:focus {
  border-color: #999999;
  outline: 0 none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07) inset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
} */
/* .form-control::-webkit-input-placeholder { color: #5b5757; }  /* WebKit, Blink, Edge */
/* .form-control:-moz-placeholder { color: #5b5757; }  /* Mozilla Firefox 4 to 18 */
/* .form-control::-moz-placeholder { color: #5b5757; }  /* Mozilla Firefox 19+ */
/* .form-control:-ms-input-placeholder { color: #5b5757; }  /* Internet Explorer 10-11 */
/* .form-control::-ms-input-placeholder { color: #5b5757; }  /* Microsoft Edge */
/* .form-control { color: #413e3e; } */

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 0 none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #dddddd !important;
    cursor: text;
    opacity: 1;
}
label.error {
  color: #f25454;
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-top: -15px;
}
.btn {
  border-radius: 3px;
  font-family: Outfit, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  /*text-transform: uppercase;*/
  font-weight: 300;
  border: 0 none;
  padding: 6px 20px;
  -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}
.btn-carouselBack {
  margin-left: 4px;
  text-align: left;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 50px;
}
.btn-circle-small {
  font-size: 22px;
  background-color: #343c54;
  padding-top: 3px;
  padding-left: 1px;
  width: 40px;
  margin-left: 2px;
  margin-right: 2px;
  height: 40px
}
.btn-circle-small:hover {
  background-color: #d4d4d4
}
.btn-hero {
  /* background-color: #2f2f2f6b; */
  background-color: rgba(47, 47, 47, 0.45);
  
  color: rgba(255, 255, 255, 1.84);
  /*color: rgba(145, 171, 185, 0.7);*/
}
._homeHeroHeaderIntro .btn-hero {
  font-size: 13px;
}
@media (min-width: 641px){
  ._homeHeroHeaderIntro .btn-hero {
    font-size: 16px;
  }
}
.btn-hero:hover {
    border-color: rgba(222, 222, 222, .54);
}
.btn-hero.active {
  background-color: rgba(222, 222, 222, 0.84);
  color: #515165;
  border: 2px solid transparent;
}
.active > .labeltext  {
  border-bottom: 1.5px solid #919193;
}
.ProductNoneContentSwitch .active > .labeltext  {
  border-bottom: none;
}
.btn-lg {
  font-size: 16px;
  padding: 12px 12px;
}
.btn-sm {
  padding: 6px 20px;
}
.btn-white.btn-lg {
  padding: 12px 30px;
}
.btn-white {
  border: 1px solid rgba(255, 255, 255, 0.878);
  color: #838282;
}
.btn-default.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-primaryBright {
  background: #1db5ff;
}
._homeHeroHeader .btn-primary {
  background: #26a3e6;
}
.btn-primary {
  background: #2f7499;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  /*background: rgb(35, 86, 114);*/
  background: #4087ad;
}
.btn-round-lg{
border-radius: 122.5px;
}
.btn-round{
border-radius: 122px;
}
.btn-round-sm{
border-radius: 115px;
}
.btn-round-xs{
border-radius: 111px;
padding-left: 10px;
padding-right: 10px;
}
.btn-success {
  background: #00BF6F;
  color: #ffffff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background: #13945a !important;
}
.btn-teal {
  background: #1abc9c;
  color: #ffffff;
}
.btn-danger {
  background: #f25454;
  color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  background: #d64a4a;
}
#_homeHero .btn-info{
  background-color: #4f6971;
}
#_homeHero .btn-info:hover{
  background-color: #597b85;
}
.btn-warning {
  background: #ea8825;
  color: #ffffff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background: #ce7721;
}
.alert {
  border-radius: 3px;
}
.modal {
  z-index: 10000;
}
.modal-header {
  background: #2f7499;
  color: #ffff;
}

.table-bottom-radius {
    border-collapse: separate;
}
.table-bottom-radius {
    border: solid #dddddd 1px;
    border-radius: 0 0 3px 3px;
    border-left:0px;
    border-top-width: 0;
}
.table-bottom-radius td, .table-curved th {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
.table-bottom-radius tr:last-child td:first-child {
    border-radius: 0 0 0 3px;
}
.table-bottom-radius tr:last-child td:last-child {
    border-radius: 0 0 3px 0;
}
.table-curved {
    border-collapse: separate;
}
.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left:0px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved th {
    border-top: none;
}
.table-curved th:first-child {
    border-radius: 3px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 3px 0 0;
}
.table-curved th:only-child{
    border-radius: 3px 3px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 3px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 3px 0;
}
.ui-tooltip a{
  color: rgb(47, 116, 153) !important;
  -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}
.ui-tooltip a:hover, .ui-tooltip a:focus {
  color: #005885 !important;
  text-decoration: none;
}
.pagination {
  font-size: 16px;
}
.pagination > li > a, .pagination > li > span {
  border: none;
  border-top: 5px solid #eeeeee;
  color: #888;
  float: left;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  margin: 0;
}
.pagination > li.previous  > a:hover, .pagination > li.previous  > a:focus {
  border-color: #fff;
  color: rgb(47, 116, 153);
  transform:  translateX(-5px) scale(1.5);
}
.pagination > li.next  > a:hover, .pagination > li.next  > a:focus {
  border-color: #fff;
  color: rgb(47, 116, 153);
  transform:  translateX(5px) scale(1.5);
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background: none !important;
    transform: none !important;
    border-color: #fff !important;
    color: #bbb !important;
    cursor: default !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #005885;
  color: #222222;
  cursor: default;
  z-index: 20;
  background: none;
}
.pagination > .previous a, .pagination > .next a {
  border-color: #fff;
}
.progress-bar {
  -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
/*********************************************************
  GENERAL
*********************************************************/
:root {
  --pink: #a42fc1;
  --defaultBlue: #2f7499;
}
.blue {
  color: #3479bc;
}
.pink {
  color: var(--pink);
}
.defaultColorBlue {
  color: var(--defaultBlue);
}
.defaultBgBlue {
  background-color: var(--defaultBlue);
}
.inline {
  display: inline;
}
.minHeight20 {
  min-height: 20px;
}
.autoHyp {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}
.noHyp {
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; 
}
/*********************************************************
  LOGIN
*********************************************************/
#signinupModal ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.modal-body .loginTab {
  padding: 0px !important;
}
.loginElement {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.loginElement label {
  background-color: #337ab7;
  color: white;
  padding-right: 6px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 6px;
  max-width: 35px;
  font-size: 0.9em;
  min-height: 30px;
}
@media(min-width:480px) {
  .loginElement label {
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 7px;
    max-width: 35px;
    min-height: 30px;
  }
}
.btn-loginout {
  width: 125px;
  margin-top: 20px;
}
.take-all-space-you-can{
  width:49%;
}
/*********************************************************
  STYLES
*********************************************************/
body {
  /* Schrift raus? */
  font-family: Outfit, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  color: #565656;
  max-width: 100%;
  overflow-x: hidden;
}
html.preview,
body.preview {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
html.preview {
  padding-top: 60px;
}
h1 {
  margin-top: 0px;
}
@media(max-width:480px) {
  h1 {
    font-size: 30px
  }
  h2 {
    font-size: 25px
  }
}
@media(min-width:992px){
  body {
    min-width: 970px;
  }
  .container {
    max-width: none !important;
    width: 992px;
  }
}
blockquote {
    font-size: 16px;
    padding: 0px 0px 0px 28px;
    margin: 0px 0px 16px 26px;
}
blockquote footer, blockquote small, blockquote .small {
    background-color: transparent;
}

pre {
    font-size: 16px;
}
code {
    font-family: 'AvenirNextLTPro-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #565656;
}
code .highlight {
    font-weight: bold;
}
._homeHeroHeader .fa-color {
    color: #48abe0;
}
.fa-colorBrightBlue {
    color: #009de9;
}
.fa-colorBrightBlueM1 {
    color: #008cd0
}
.fa-colorBrightBlueP1 {
    color: #03adff
}
.fa-colorBrightBlueP2 {
    color: #1db5ff
}
.fa-colorBrightBlueP3 {
    color: #37beff
}
.fa-colorBrightBlueP4 {
  color: #cbedff
}
.fa-colorgrey {
    color: #EEF1F2;
}
.fa-small {
    font-size: 20px
}
.appraisal-progress {
    position: relative;
    margin-top: -42px;
    text-align: center;
    z-index: 1234;
    /*overflow: auto;*/
    overflow: hidden;
    max-height: 32px;
    width: 100%;
}
#AppraisalSubmit, #GTM_AppraisalSubmitBtn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.appraisal-tooltip {
    font-size: 12px !important;
    line-height: 1.4;
}
.ui-menu .ui-menu-item {
    font-size: 12px;
}
@media(max-width:480px) {
    .ui-menu .ui-menu-item {
        font-size: 14px;
    }
}
.ui-widget-content {
    border: 1px solid #A6C9E2;
    overflow: hidden;
}
.ui-autocomplete {
    border-top: 0px none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: absolute;
    z-index: 10000 !important;
}
.popover {
    /* z-index: 100000; */
    border-color: transparent;
    border-style: solid;
    padding: 0px;
    max-width: 100%;
}
.popover-content {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
    background-color: #f53737;
    font-weight: 350;
}
.popover a {
  color: rgb(11, 40, 57);
} 
.red.popover>.arrow:after{
  border-bottom-color: #f53737;
  border-top-color: #f53737;
}
.popover-hint {
  color: #ffffff;
  background-color: #00BF6F;
}
.popover-hint.popover>.arrow:after{
  border-bottom-color: #00BF6F;
  border-top-color: #00BF6F;
}
.popover-content-colored{
  font-size: 15px;
  line-height: 1.4;
  color: rgb(40, 40, 40);
  font-weight: 350;
}
.fa-help {
    float: right;
    margin-right: -26px;
    margin-top: -28px;
}
.fa-stack-xs {
    font-size: 0.75em;
}
/* .data-table .fa-chevron-right {
    color:  #22d66d;
} */
.fa-times {
    cursor: url('/static/css/images/computermouse.png') 1 30, crosshair ;
}
.tooltipSize_1_3 {
  font-size: 1.3em;
}
#infoGarage {
    bottom: -30px;
}
#infoStellplatz{
    bottom: -30px;
}
#homepage-features {
    overflow: hidden;
    background-color: #EEF1F2;
    padding-bottom: 50px;
}
#homepage-features .wrapper-full #feature-controls li {
    padding-top:    5px;
}
#homepage-features .wrapper-full #feature-controls li a p {
    color: #555;
    font-size: 16px;
}
#homepage-features .wrapper-full #feature-controls li a {
    display: block;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0.5;
}
#homepage-features .wrapper-full h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align:center;
    font-size: 36px;
    color: #454545;
}
#homepage-features .wrapper-full #feature-controls li a h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #3B3B3B;
    font-weight: 700;
}
#homepage-features .wrapper-full #feature-controls li.active a {
    opacity: 1;
}
#homepage-features .wrapper-full #feature-controls li a .icon {
    width: 57px;
    height: 85px;
    float: left;
    margin-right: 0px;
    margin-top: 0px;
    position: relative;
}
@media(max-width:992px) {
  #homepage-features .wrapper-full #feature-controls li a .icon {
    width: 57px;
    height: 30px;
    float: left;
    margin-right: 0px;
    margin-top: 0px;
    position: relative;
  }
}
#homepage-features .wrapper-full #feature-controls li a .icon  .fa-stack {
    font-size:1.5em;
}
#homepage-features .wrapper-full #browser {
    width: 100%;
    height: 100%;
    float: left;
    margin-right: 100px;
    background: url("../media/browser.jpg") no-repeat scroll 0% 0% / 100% auto transparent;
    overflow: hidden;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
    position: relative;
}
video#feature-video {
    margin-top: 10px;
}
@media(max-width:992px) {
  #homepage-features .wrapper-full #browser {
      width: 100%;
      height: 100%;
  }
  #homepage-features .wrapper-full #browser video {
      width: 100% !important;
  }
}
#homepage-features .wrapper-full #browser .url {
    font-size: 14px;
    left: 67px;
    top: 14px;
    color: #939393;
    position: relative;
}
@media(max-width:480px) {
  #homepage-features .wrapper-full #browser .url {
      font-size: 10px;
      left: 47px;
      top: 10px;
  }
}
@media(max-width:360px) {
  #homepage-features .wrapper-full #browser .url {
      font-size: 8px;
      left: 37px;
      top: 4px;
  }
}
#homepage-features .wrapper-full #browser #last-vid a.restart {
    position:absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -17px;
}
#homepage-features .wrapper-full #browser #last-vid {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    display: none;
    z-index: 10;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.standard-button {
    padding: 17px 50px;
    text-transform: uppercase;
    background-color: #3686BE;
    color: #FFF;
    letter-spacing: 1.5px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
#feature-controls {
    list-style: outside none none;
    margin-left: -10px;
    line-height: 1.2;
}
@media(max-width:992px){
    #homepage-features .wrapper-full #browser {
        float: unset;
    }
    #feature-controls {
        margin-top: 30px;
    }
}
#home {
    padding-bottom: 50px;
}
@media(max-width:640px) {
  #homepage-features .wrapper-full #browser .url {
      font-size: 12px;
      left: 57px;
      top: 12px;
  }
}

._homeHeroOverlay ul > li {
  padding-bottom: 10px;
}
.pac-container {
  z-index: 10000 !important;
}
/*********************************************************
  NAVBAR
*********************************************************/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
.navbar-inverse {
  background-color: transparent;
  border: 0 none;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 5px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #EEF1F2;
  /*#D4D4D4*/
  font-family: 'AvenirNextLTPro-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 35px 15px 10px;
  text-transform: uppercase;
  text-align: left
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #555;
}
@media(max-width:767px) {
  .navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 150;
    padding: 5px 10px;
  }
}
.navbar-brand {
  float: left;
  height: auto;
  margin-right: 20px;
  padding: 10px 0
}
.navbar-brand img {
    display: block;
}
#navbar-logo {
  display: block;
  outline:none;
  padding-top: 45px;
  background-size: 100%;
  height: 45px;
  width: 210px;
  background-repeat: no-repeat;
}
.primaryNav {
  border: 0 none;
}
.secondaryNav {
  background: #EEEEEE;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px;
  min-height: inherit;
  margin-bottom: 25px;
  z-index: 10;
}
.secondaryNav .catNav {
  margin-left: 0;
}
.secondaryNav .navbar-nav > li > a {
  color: #555555;
  padding: 10px 12px;
}
.secondaryNav .navbar-nav > li > a:hover,
.secondaryNav .navbar-nav > li > a:focus {
    background-color: #ddd;
}
@media(min-width:768px) {
  .pull-right-lg {
    float: right;
  }
}
#userMenu span {
  float: left;
}
#userMenu i {
  line-height: 20px;
  display: block;
  padding: 5px 10px;
  float: right;
}
@media(min-width:768px){
  #userMenu i {
    margin-left: 4px;
    padding: 0px;
  }
}
@media(max-width:767px){
  .navbar-form {
    margin: 0px;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
  }
}
.dropdown-menu {
  border: 1px solid rgba(175, 175, 175, 1.0);
}
.navbar .navbar-nav .open .dropdown-menu {
  right: auto;
}
.navbar .navbar-nav .open .dropdown-menu.inverse {
  left: auto;
  right: 0;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: rgb(47, 116, 153);
    color: #FFFFFF;
}
.dropdown-menu > li > a {
  color: #888;
  font-weight: 300;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #eee;
    color: #888;
}
.navbar .navbar-nav .search_menu.open .dropdown-menu {
  float: left;
  left: auto;
  padding: 12px;
  right: 0;
  width: 500px;
}
.navbar .navbar-nav .home_menu.open .dropdown-menu {
  float: left;
  left: auto;
  padding: 0px 20px 0px 0px;
  right: 0;
}
@media(min-width:768px){
  .navbar .navbar-nav .home_menu.open .dropdown-menu {
    white-space: nowrap;
  }
}
.dropdown-menu .form-group {
  margin: 0px 4px 0px 0px;
}
#AppraisalForm .form-group label, #AppraisalFormDetails1 .form-group label {
  margin-bottom: 0px;
  font-weight: 300;
}
#AppraisalForm .form-group .form-control, #AppraisalFormDetails1 .form-group .form-control {
  margin-left: 3px;
  width: 99%;
}
.slider {
  accent-color: #27a3e6;
}
.navbar-toggle, .navbar-toggle:active, .navbar-toggle:focus {
  padding: 15px 10px;
}
.navbar-toggle:hover {
  padding: 13px 9px;
}
.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle:active .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #f5f5f5;
}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle:focus {
  border: 0px solid #f5f5f5;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
  border: 0px solid #f5f5f5;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
  background-color: #f5f5f5;
  height: 3px;
  margin-top: 0px;
}
.fixed-header .navbar-toggle:hover .icon-bar {
  background-color: #555;
  height: 3px;
  margin-top: 0px;
}
/*, .navbar-inverse .navbar-toggle:focus .icon-bar+.icon-bar*/
.navbar-inverse .navbar-toggle:hover .icon-bar+.icon-bar {
  margin-top: 4px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #565656;
}
.fixed-header {
  background-color: rgba(255, 255, 255, .95);
  color: #555 !important;
  margin-bottom: 0;
  z-index: 9999;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.176);
}
.fixed-header > li > a {
  color: #EEF1F2 !important;
}
.fixed-header .navbar-nav > li > a {
  color: #555;
}
.fixed-header .navbar-nav > li > a:hover,
.fixed-header .navbar-nav > li > a:focus {
  background-color: #f5f5f5;
  color: rgb(47, 116, 153);
}
.fixed-header .navbar-toggle .icon-bar,
.fixed-header .navbar-toggle:active .icon-bar,
.fixed-header .navbar-toggle:focus .icon-bar {
  background-color: #555;
}
.fixed-header .navbar-toggle,
.fixed-header .navbar-toggle:active,
.fixed-header .navbar-toggle:focus {
  border: 0px solid #555;
  background-color: transparent;
}
.fixed-header .navbar-toggle:hover {
  border: 0px solid #555;
  background-color: transparent;
}
.navbar-space {
  margin-top: 95px;
}
.previewNav {
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
  box-shadow: 0 2px 3px rgba(0,0,0,.3);
}
.previewNav .closeframe {
  border-right: 1px dashed #999999;
    float: left;
    font-size: 20px;
    line-height: 60px;
    margin: 0 25px;
    padding-right: 25px;
}
.previewNav .closeframe a {
  color: #ccc;
}
.previewNav .logo {
  float: left;
  height: auto;
  margin: 0 25px 0 0;
  padding: 15px 0 9px;
}
.previewNav .logo img {
  display: block;
  height: 32px;
}
.previewNav .info {
  float: right;
  line-height: 60px;
  margin: 0 25px;
}
.previewNav .info a {
  color: #888;
}
.previewNav .info a:hover,
.previewNav .info a:focus {
  color: #005885;
}
.previewNav .buy {
  float: right;
  margin: 9px 25px;
}
@media(max-width:767px){
  .previewNav .logo {
    display: none;
  }
}
@media(max-width:500px){
  .previewNav .buy {
    display: none;
  }
  .previewNav .info {
    font-size: 12px;
    margin: 0 25px 0 0;
  }
}

/*********************************************************
  SEARCH
*********************************************************/

.search-menu {
  min-width: 180px;
}
.search_menu .form-control {
  height: 44px;
}
#search {
  padding: 5px 10px;
}
#search .input-sm {
  margin: 0 !important;
}

/*********************************************************
  MAIN WRAP STYLE
*********************************************************/

.mainWrap .main {
  float: left;
  padding: 0 15px;
  width: 670px;
}
.mainWrap .sidebar {
  float: left;
  padding: 0 15px;
  width: 300px;
}

/*********************************************************
  SIDEBAR ELEMENTS
*********************************************************/

.widget {
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    padding: 15px;
}
.widget h4 {
  background: #e7e7e7;
    font-weight: 300;
    margin: -15px -15px 15px;
    padding: 15px;
  border-bottom: 1px solid #ddd;
}

/*********************************************************
  HOME OVERALL ELEMENTS
*********************************************************/

h2.home {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*********************************************************
  _homeHero PANEL
*********************************************************/
.ansprechpartner {
    color: #fafafa;
    font-size: 1.2em;
    text-decoration: underline;
  
  }
.ansprechpartnerWrapper {
    /* color: #fafafa;
    margin-top: 8px;*/
    font-size: 0.85em;
    margin-top: 30px;
    margin-bottom: 0px;
}
.ansprechpartnerWrapper .jobtitle a {
  color: #c0e2ec;
}
._homeHeroHeader input[type="radio"] {
    opacity: 0;
    height: 0px;
    width: 0px;
}
.btn.outline {
  background: none;
}
.btn-primary.outline {
  color: #2f7499;
}
.btn-heroProductSelection {
  height: 150px;
  width: 150px;
  text-align: center;
  background-color: #ff5970;
}
.heroProductSelection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
}
.btn-heroProductSelection .labeltext{
  margin: auto;
}
#Ergebnis {
  text-align: left;
  hyphens: auto;
}
#Ergebnistabelle {
  background-color: #493d3d47;
}
.small {
  font-size: 0.8em;
}
.nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nopadding-right {
  padding-right: 0 !important;
}
.nomarginbottom {
  margin-bottom: 0px;
}
.nopaddingTD {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nopaddingL {
  padding-left: 0 !important;
}
.nopaddingR {
  padding-right: 0 !important;
}
.nomargin {
  margin-top: 0 !important;
  margin-bottom: 0px!important;
}
.smallpadding {
  padding-left: 2px;
  padding-right: 2px;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
  color: #2f7499;
  border-color: #33a6cc;
  border: 2px solid #2f7499;
}
.btn-primary.outline:active, .btn-primary.outline.active {
  border-color: #007299;
  color: #007299;
  box-shadow: none;
  border: 2px solid #2f7499;
}
._homeHeroHeader {
    /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  text-align: center;
  color: #fff;
  position: relative;
  text-align: center;
  vertical-align: middle;
  text-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 0px;
  /* background-color: rgb(35, 89, 139); */
  overflow: hidden;
/*  background-image: linear-gradient(rgb(22, 61, 124) 0px, rgb(47, 116, 153) 100%);
  background-image: linear-gradient(rgb(39, 92, 171) 0px, rgb(0, 154, 234) 100%);*/
}
._homeHeroHeader h1 {
  margin: 17px 0px 13px;
}

._homeHeroHeader .ProductNoneSelected h1 {
  font-size: 25px;
}
.row .ProductNoneSelected {
  margin-bottom: 10px;
}
._homeHeroHeader h2, h3 {
  padding: 9px 0px 9px;
  margin: 0px;
  /*padding-top: 15px;
  padding-bottom: 5px;*/
}
._homeHeroHeader p {
  font-size: 15px;
  /* line-height: 28px; */
  padding: 5px 2px 5px;
  margin: 0px;
  /*background: #4c9dc8;*/
}
._homeHeroHeader .privacy a {
  color: #00b1ff;
  font-weight: bold;
}
._homeHeroHeader .privacy {
  margin-top: 0;
  /* 20px; */
  font-size: 13px;
  color: #efefef;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 640px) {
  ._homeHeroHeader .privacy {
    margin-top: 0;
    /* 20px; */
    font-size: 14px;
    color: #efefef;
    text-align: center;
    line-height: 1.5;
  }
}
 ._homeHeroHeader .ProductNoneSelected h1 {
  text-indent: -0.7em;
  margin: auto 0;
 }
/*///////////////////////////////////////////////////////*/
/* Video Modal
////////////////////////////////////////////////////////*/
.video-thumb-grid {
  position: relative;
}
.video-thumb-grid i {
  color: #fe5959;
  position: absolute;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 70%;
  margin-left: -48px; /*half of the width */
  margin-top: -48px; /*half of the height */
}
.video-banner-img {
  /* width: 30%;
  height: 30%; */
  max-height: 120px;
  object-fit: cover;
  object-position: 50% 50%;
}

.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;
  -webkit-transform: translate(500%,0%);
  transform: translate(500%,0%);
  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: transform 0s linear 0s;

  /* using flexbox for vertical centering */
  /* Flexbox display */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  /* Vertical alignment */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.video-modal .overlay {
  z-index: 0;
  background: rgba(22, 23, 38, 0.82); /* overlay color */
  opacity: 0.0;
  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	margin: 0 auto;
	overflow-y: visible;
	background: #000;
  width: calc(100% - 12em);
  height: 0;
  padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}
/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
	}
}
/* modal close button */
.close-video-modal {
	display: block;
    position: absolute;
    left: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}
/* show the modal: 
   add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
/*///////////////////////////////////////////////////////*/
/* 
////////////////////////////////////////////////////////*/
@media (max-width: 640px) {
  ._homeHeroHeader {
    padding: 12vh 0 5px;
  }
  ._homeHeroSpaceNoneContent{
    padding: 15vh 0 100px;
  }
  .row .ProductNoneSelected {
    margin-bottom: 30px;
  }
  ._homeHeroHeader h1 {
    font-size: 26px;
  }
  ._homeHeroHeader .ProductNoneSelected h1 {
    font-size: 24px;
  }
  ._homeHeroHeader h2,
  ._homeHeroHeader h3 {
    font-size: 20px;
  }
  ._homeHeroHeader p {
    font-size: 15px;
  }
  .btn-heroProductSelection {
    height: 100px;
    width: 100px;
  }
  .heroProductSelection {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  ._homeHeroHeader {
    padding: 15vh 0 80px;
  }
  ._homeHeroHeader h1 {
    font-size: 32px;
  }
  ._homeHeroHeader h2,
  ._homeHeroHeader h3 {
    font-size: 20px;
    padding: 10px 0px 10px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  ._homeHeroHeader {
    padding: 15vh 0 2px;
  }
  ._homeHeroHeader h1 {
    font-size: 40px;
  }
  ._homeHeroHeader .ProductNoneSelected h1 {
    font-size: 30px;
  }
  ._homeHeroHeader h2,
  ._homeHeroHeader h3 {
    font-size: 23px;
  }
}
@media (min-width: 993px) {
  ._homeHeroHeader {
    padding: 15vh 0 0px; /*280*/
  }
  ._homeHeroHeader h1 {
    margin-top: 13px;
    margin-bottom: 15px;
    font-size: 48px;
  }
  ._homeHeroHeader .ProductNoneSelected h1 {
    font-size: 30px;
  }
  ._homeHeroHeader h2,
  ._homeHeroHeader h3 {
    font-size: 23px;
  }
  ._homeHeroHeader p {
    font-size: 17px;
    padding: 15px 2px;
  }
}
._homeHeroHoverMove:hover {
  /*background-color: #bcbebf;*/
  margin-top: -2px
}

.ProductBulletHeight{
  min-height: 220px;
}
@media (min-width: 641px) {
  .ProductBulletHeight{
  min-height: 291px;
  }
}
._homeHeroSpace{
  padding-top: 25px;
}
@media (min-width: 641px){
  ._homeHeroSpace{
    padding-top: 5px;
    padding-bottom: 0px;
  }
}
.overlayBright {
  overflow: hidden;
  background:rgba(48, 52, 60, 0.95);
}
.overlayDark {
  padding-top: 25px;
  background: rgba(20, 20, 20, .5);
}
.progress {
  height: 7px;
  background: rgba(222, 222, 222, 0.3);
}
.progress-hero {
  background: #27a3e6;
}
.progress-hero-done {
  background: #00BF6F;
}
._homeHeroOverlay {
  overflow: hidden;
}
._homeHeroOverlay .immobilientyp img {
  margin-bottom: 6px;
  margin-left: 2px;
}
._homeHeroOverlay a {
  color: #005885
}
._homeHeroOverlay h2{
  font-size: 28px;
}
._homeHeroOverlay p.contactDataDesc {
  margin: 0px !important;
  padding:  0px;
  line-height: 1em;
}
._homeHeroOverlay p {
  margin: 0 0 5px !important;
}
@media(max-width:480px) {
  ._homeHeroOverlay {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 20px;
  }
}
._homeHeroOverlay .immobilientyp {
  min-height: 380px;
}
._homeHeroOverlay .immobiliendetails {
  line-height: 1.4em;
  min-height: 380px;
  padding-right: 25px;
}
@media(max-width:768px) {
  ._homeHeroOverlay {
    margin-left: 5px;
    /*padding-top: 0px;*/
    margin-right: 5px;
  }
}
._homeHeroHeaderIntro {
  padding: 0px 5px 0px 5px;
}
._homeHeroOverlayBtn {
    width: 190px;
    margin-top: 10px;
    margin-bottom: 15px;
}
@media (min-width: 993px){
  ._homeHeroOverlayBtn {
    width: 200px;
  }
}
._homeHeroOverlayMultiActionPadding {
  padding: 3px;
}
@media(max-width:480px) {
  .HideOnXS {
    display: none;
    visibility: hidden;
    height: 0px !important;
  }
  ._homeHeroOverlayActionEstimateHausWohnungHeight {
  height: 160px;
  }
  ._homeHeroOverlayActionEstimateHaus {
  max-height: 160px;
  }
  ._homeHeroOverlayActionEstimateWohnung {
  max-height: 160px;
  }
}
@media(max-width:991px) {
  .HideOnSM {
    visibility: hidden;
    height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media(min-width:991px) {
  .HideFromSM {
    visibility: hidden;
    height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media(min-width:992px) {
  .HideOnMD {
    visibility: hidden;
    height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media(min-width:768px) and (max-width: 992px) {
  ._homeHeroOverlayActionEstimateHausWohnungHeight {
  height: 435px;
  }
  ._homeHeroOverlayActionEstimateHaus {
  height: 320px;
  }
  ._homeHeroOverlayActionEstimateWohnung {
  height: 320px;
  }
}
@media(min-width:993px) {
  ._homeHeroOverlayActionEstimateHausWohnungHeight {
  height: 390px;
  }
  ._homeHeroOverlayActionEstimateHaus {
  height: 264px;
  }
  ._homeHeroOverlayActionEstimateWohnung {
  height: 289px;
  }
}
._homeHeroHeader .btnGroup .btn {
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  font-family: 'AvenirNextLTPro-Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 10px;
  padding: 14px 30px;
  /*ext-transform: uppercase;*/
}
._homeHeroHeader .btnGroup .btn:focus,
._homeHeroHeader .btnGroup .btn:hover {
  border-color: #fff;
}
[hidden] {
  display: none !important;
}
.is-not-showing {
    display: none;
    content: '';
}
.ObjectAddressStartBtn {
  width: 335px;
  margin-top: 15px;
}
.ObjectAddressInput {
  position: relative;
  margin-top: 20px;
}
.triangle .active:before{
    content: '';
    position: absolute;
    left: 42%;
    top: 50%;
    width: 30%;
    height: 10px;
    border-left: 2px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1px;
    margin-top: 1px;
    clear: both;
    z-index: 9999;
    /*start animation part*/
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    /* -webkit-animation-duration: 1.5s; */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease;
    animation-name: example;
    animation-timing-function: cubic-bezier(0.15,-0.01, 0.58, 1);
    animation-timing-function: ease;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {left:25%;}
    50%  {left:45%;}
    100% {left:25%;}
}

/* Standard syntax */
@keyframes example {
    0%   {left:25%;}
    50%  {left:45%;}
    100% {left:25%;}
}
/* triangel 100 70 100 */

.kurzBewertungTeaser{
  /* background-color: #68b39a; */
  color: #e7f4ff;
  overflow: hidden;
  hyphens: auto;
  margin-bottom: 10px;
}
._homeHeroOverlay .kurzBewertungTeaser .large{
  font-size: 1.2em;
}
._homeHeroOverlay .kurzBewertungTeaser p{
  line-height: 1.6;
}
@media(max-width:768px) {
  ._homeHeroOverlay .kurzBewertungTeaser .large{
    font-size: 1em;
  }
}

/*********************************************************
  OPTIONAL _homeLocation PANEL
*********************************************************/
.content-text {
  text-align: justify;
  padding: 2px;
  hyphens: auto;
}
@media(max-width:768px) {
  .content-text {
    padding: 2px 20px;
  }
}
.location-overlay {
  background: rgba(221, 224, 225, 0.3);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0
}
._homeLocation {
  overflow: hidden;
  background: #f5f8fa; 
}
/*********************************************************
  _homeBenefits PANEL
*********************************************************/
.benefit {
  overflow: hidden;
  padding-left: 0px;
}
.benefit p{
  font-weight: 200px;
}
.benefitSeller {
  height: 35vh;
  color: #eeeeee;
  background: #325468; /* #2f7499; */
  padding-left: 70px;
  padding-right: 60px;
  padding-bottom: 15px;
}
.benefitSeller a {
  text-decoration: underline;
  color: #eeeeee;
  padding-bottom: 10px;
}
.benefitSeller a:hover{
  color: #cccccc;
}
.benefitEstimate {
  height: 35vh;
  color: #325468; /* #2f7499;*/
  background: #f7f7f7;
  padding-right: 50px;
  padding-left: 60px;
  padding-bottom: 15px;
}
.benefitEstimate a{
  text-decoration: underline;
  color: #2f7499;
  padding-bottom: 10px;
}
.benefitEstimate a:hover{
  color: #008cd0;
}
.benefitCMA {
  height: 35vh;
  color: #eeeeee;
  /* background: #b13d3ded; */
  background: #3c5a67;
  padding-right: 50px;
  padding-left: 60px;
  padding-bottom: 15px;
}
.benefitCMA a{
  text-decoration: underline;
  color: #ebebeb;
  padding-bottom: 10px;
}
.benefitCMA a:hover{
  color: #aaaaaa;
}
.benefitCMAImg {
  background: #4c7688;
  padding: 20px 20px 30px 100px; 
}
.benefitCMAImg img {
  /* max-height: 200px; */
  border: 1px solid #4c7688;
  top: 25px;
  left: 25px;
}
.benefitSellerImg {
  background: #3c6178;
}
.benefitCMAImg .first {
  z-index: 6;
}
.benefitCMAImg .second {
  z-index: 5;
}
.benefitCMAImg .third {
  z-index: 4;
}
.benefitCMAImg .fourth {
  z-index: 3;
}
.benefitCMAImg .sixth {
  z-index: 2;
}
.benefitCMAImg .seventh {
  z-index: 1;
}
@media (min-width: 451px) {
  .benefitCMAImg {
    padding: 20 px;
  }
}
@media (max-width: 767px) {
  .benefit {
    height: auto;
    min-height: 320px;
    min-width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 1150px) {
  .benefit {
    height: calc(870px - 35vw);
    min-height: 180px;
    max-height: 525px;
  }
  .benefitCMAImg{
    padding-left: 50px;
    padding-top: 50px;
  }

  .benefitCMAImg img {
    max-width: calc(100vw / 5 + 20px);
  }
}
@media (min-width: 1151px) {
  .benefit {
    height: 415px;
  }
  .benefitCMAImg img {
    max-height: 300px;
  }
}
/*********************************************************
  _homeWhyEstimata PANEL
*********************************************************/
.whyEstimata{
  /* height: 35vh; */
  color: #eeeeee;
  background: rgba(30, 46, 56, 0.9098039215686274);
  padding-left: 70px;
  padding-right: 60px;
  padding-bottom: 15px;
  color: #cccccc;
}
.whyEstimata ul {
  padding-left: 0;
}
.whyEstimata li {
  font-weight: 200;
  font-size: 1.16em;
  padding-bottom: 0.5em;
}
.whyEstimata2nd p{
  padding-top: 20px;
  color: #ffffff;
}
.whyEstimata h2{
  text-align: center;
  padding-bottom: 40px;
}
.whyEstimata2nd span{
  font-size: 25px;
  color: #ffffff;
}
.whyEstimataRight{
  line-height: 2.5em;
  margin-top: 9vh;
  font-size: 1.1em;
}
.whyEstimata.HideOnSM{
  background-color: #1d2b33e8;
}
.whyEstimataRight span{
  font-size: 30px;
}
/*********************************************************
  _homeWhy PANEL
*********************************************************/
.whyLogo {
  height: 60px;
}
#why{
  padding-top: 30px;
  padding-bottom: 40px;
}
#why h2.home {
  padding-bottom: 50px;
}
/*********************************************************
  _homeCustomerVoices PANEL
*********************************************************/
.customertop{
  border-color: transparent #f7f7f7 #f7f7f7 transparent;
}
.customerbottom{
  border-color: #f7f7f7 #f7f7f7 #abbec6 #d71f55;
}
#customer-start {
    padding-bottom: 70px;
    background-color: #f7f7f7;
}
.customerImg {
  height: 150px;
}
.customerImg img {
  max-height: 100%;
}
.customerVoice p {
  font-style: italic;
}

/**
 * Draw a diagonal shape, e.g. as diagonal segregation
 *
 * @author: Matt Coughlin, Pascal Garber
 *
 * @param $color: The color of the shape, default #d71f55
 * @param $direction:
 *  bl-to-tr for bottom-left to top right
 *  tr-to-bl for top-right to bottom left
 *  tl-to-br for top-left to bottom right
 *  br-to-tl for bottom-right to top left
 * @param $height: The height of the shape, default 100px
 * @param $width: The width of the shape, default 100vw
 * @param $color: The color of the shape, default #d71f55
 *
 * @see also: http://stackoverflow.com/a/11074735/1465919
 */
.diagonal-shape.bl-to-tr {
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 100vw;
  /* border-color: transparent #f7f7f7 #f7f7f7 transparent; */
}
.diagonal-shape.tr-to-bl {
  height: 0;
  border-style: solid;
  border-width: 50px 100vw 0 0;
  /* border-color: #f7f7f7 #eeeeee transparent #d71f55; */
}
.diagonal-shape.tl-to-br {
  height: 0;
  border-style: solid;
  border-width: 0 100vw 50px 0;
  /* border-color: transparent transparent #d71f55 #d71f55; */
}
.diagonal-shape.br-to-tl {
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 100vw;
  /* border-color: #d71f55 #d71f55 transparent transparent; */
}
/*********************************************************
  _homeTeam PANEL
*********************************************************/
#team {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color:#3d4858;
  color: #cccccc;
  /* #6d9db712; */
}
#team h2.home {
  padding-bottom: 50px;
}
.trustImg {
  height: 110px;
}
.teammemberImg {
  height: 150px;
}
.teammemberImg img, .trustImg img {
  max-height: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.teammember {
  color: #7eaec7;
  margin-top: 8px;
  font-size: 1.08em;
}
.jobtitle {
  padding-bottom: 16px;
  font-style: italic;
}
/*********************************************************
  _homeFooterStats PANEL
*********************************************************/
.footer_stats {
  z-index: 10;
  background: rgba(135, 163, 182, 0.15);
  color: #565656;
  position:absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
  color: #f7f7f7;
  font-family: 'Helvetica Neue', sans-serif;
}
.footer_stats .fact {
  font-size: 28px;
  font-weight: 100;
}
.footer_stats .fact-name {
  font-weight: 200;
}
@media(max-width: 768px) {
  .footer_stats .fact{
    font-size: 20px;
  }
}
@media(max-height:1060px) {
  .footer_stats {
    /*padding: 0px;*/
    position: relative;
    background: #c3ced4;
    color: #2f7499;
    bottom: 0px;
  }
  .footer_stats .fact {
    font-size: 20px;
    font-weight: 400;
  }
}
/*********************************************************
  _homeContact PANEL
*********************************************************/
#StartKontakt {
  margin-bottom: 5px;
}
#home-start {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #444e5d;
    color: #ffffff;
}
#home-start p{
  margin-top: 20px;
  margin-bottom: 20px;
}
.privacy {
  margin-top: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}
.privacy a {
  color: #26a3e6;
}
.privacy a:hover {
  color: #111111;
}
#home-start .btn-primary {
  background: #26a3e6;
  color: 23759a;
}
#home-start .btn-primary:hover {
  background: #4087ad;
}
@media(max-width:640px) {
  #home-start {
    padding-top:    10px;
    padding-bottom: 10px;
  }
}
/*********************************************************
  preisentwicklungs PANEL
*********************************************************/
.preisentwicklung {
  font-size: 1.5rem;
}
/*********************************************************
  _homeOpenStreetMap PANEL
*********************************************************/
.mapText h2{
  font-size: 24px;
  text-decoration: underline;
}
#homeMap h2.home {
  padding-bottom: 10px;
}
.mapText h3{
  color: #434b5c;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  padding: 0px;
  line-height: 1;
}
#homeMap h4{
  /* font-size: 16px; */
  margin-bottom: 5px;
}
.mapText p, #homeMap p{
  padding-top: 10px;
  font-size: 0.9em;
}
#homeMap {
  /* padding-top: 15px; */
  padding-bottom: 50px;
}
/* #homeMap h2.home {
  padding-bottom: 50px;
} */
#homeMap .mapadvise p {
  background-color: #fe5959;
}
#map {
  width: 100%;
  height: 500px;
}
#map img {
  max-width: none;
}
@media(max-width:768px) {
  #map {
    border : 0;
  }
}
.mapText {
  padding-top: 20px;
  /* background-image: url("/static/img/AI_CMA_EWV_2.png"); */
  background-size: cover;
  /* background-position: center; */
  height: 300px;
}
.regions {
  background: #f5f8fa;
}
.regions ul {
  margin: 0;
  padding-left: 0px
}
@media(max-width:768px) {
  .regions {
    text-align: center
  }
}
/*********************************************************
  leadgenerator
*********************************************************/
#leadgenerator {
  background-image: url('/static/img/hero_img_variante5_1920.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.92);
  background-blend-mode: overlay;
}

@media (max-width: 1200px) {
  #leadgenerator {
    background-image: url('/static/img/hero_img_variante5_1200.jpg');
  }
}

@media (max-width: 768px) {
  #leadgenerator {
    background-image: url('/static/img/hero_img_variante5_768.jpg');
  }
}

@media (max-width: 480px) {
  #leadgenerator {
    background-image: url('/static/img/hero_img_variante5_480.jpg');
  }
}
/*********************************************************
  _homeFooter PANEL
*********************************************************/
footer {
  /*background-color: #333333;*/
  background-color: #3a4252;
  color: #d4d4d4;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8em;
}
.homeFooter{
  min-height: 155px
}
footer .footerWrap {
  padding-top: 20px;
  padding-bottom: 15px;
}
footer h4 {
  font-family: 'AvenirNextLTPro-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #dedede;
  font-weight: 500;
  margin-top: 27px;
  margin-bottom: 1px;
  padding-bottom: 8px;
}
footer h4:hover {
  color: #aaa;
}
footer ul {
  margin: 0;
  padding-left: 0px
}
footer ul li {
  margin-bottom: 5px;
}
footer a {
  color: #d4d4d4;
}
footer p {
  margin-bottom: 2px
}
footer a:hover,
footer a:focus {
    color: #aaa;
}
footer .subFooter {
  color: #d4d4d4;
  font-size: 12px;
  padding: 12px 0;
  background-color: #3a4252;
}
footer .subFooter a {
  color: #d4d4d4;
}
footer .subFooter a:hover,
footer .subFooter a:focus {
    color: #aaa;
}
footer .subFooter ul{
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
footer .subFooter ul > li {
    float: left;
}
footer .subFooter ul > li {
    display: block;
    position: relative;
    margin: 0;
}
footer .subFooter ul > li a {
  margin-left: 15px;
}
footer img {
  margin-top: 10px;
  margin-bottom: 10px
}
.shift_social {
  margin-left: 0px
}
@media(max-width:768px) {
  footer img {
    margin-top: 10px;
    max-width: 200px;
  }
  footer a, footer p {
    text-align: center
  }
  h5 {
    padding-top: 15px;
    margin-top: 15px;
  }
  .shift_social {
    text-align: center;
    margin-left: 0px;
  }
}
@media(min-width:992px) {
  .shift_social {
    margin-left: 24px;
  }
}
/*********************************************************
  edit_profile  PAGE
*********************************************************/
#edit_profile p {
  font-size: 0.8em;
  margin-bottom: 3px;
}
@media(max-width:768px) {
  .edit_profileBtnSpace {
    margin-top: 15px;;
  }
}
/*********************************************************
  ONLINE RECHNER PAGE
*********************************************************/
.online-rechner-example img{
  height: 170px;
  /* border: 1px solid; */
  border-color: #fff;
}  
.login-example img{
  height: 150px;
  /* border: 1px solid; */
  border-color: #fff;
}
@media(max-width:768px) {
  .login-example img{
    height: 23.4vw; 
    /* 75px; */
    /* border: 1px solid; */
    border-color: #fff;
  }
}
.signup-header{
  margin: 100px 0px -30px 10px;
}
@media(max-width:768px) {
  .signup-header{
    margin: 70px 0px -15px 5px;
  }
}

.bright-top {
  color: #eeeeee;
  font-weight: 100;
  margin-top: 0px
}
.RechnerOverlay {
  background: rgba(0, 0, 0, .4);
  padding: 10px 28px;
  margin-bottom: 10px;
  hyphens: auto;
  color: #ffffff;
}
.RechnerOverlay a {
  color: #ffffff;
  text-decoration: underline;
}
.RechnerOverlayVermittlung .privacy a {
  color: #fff;
}
.RechnerOverlayVermittlung {
  /*background: rgba(0, 191, 111, .48);*/
  background: rgba(31, 68, 88, 0.93);
  padding: 10px 28px;
  margin-bottom: 10px;
  hyphens: auto;
  color: #eee;
  /*color: #242525*/
}
.RechnerOverlay h1, .RechnerOverlay td, .RechnerOverlay h3, .RechnerOverlay p {
  color: #eeeeee
}
.RechnerOverlay h3 {
  margin-top: 10px
}
#Vermittlungspanel input {
  margin-bottom: 10px
}
.RechnerOverlay table {
  margin-bottom: 10px
}
.RechnerOverlay .fa-color {
  color: #2F7499;
}
.RechnerOverlayVermittlung .privacy {
  color: #a7a8b7;
  font-size: 12px;
  text-align: justify;
}
.rechner-image {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: 101vh;
}
.webp .rechner-image  {
  background-image: url("/static/img/rechner_img_3346.webp");
}
.no-webp .rechner-image  {
  background-image: url("/static/img/rechner_img_3346.jpg");
}
@media(max-width:768px) {
  .webp .rechner-image  {
    background-image: url("/static/img/rechner_img_1920.webp");
  }
  .no-webp .rechner-image  {
    background-image: url("/static/img/rechner_img_1920.jpg");
  }
}
.ergebnis-shift ul {
  margin-top: 0px
}
.btn-group .btn-space {
  margin-left: 10px!important;
}
/*********************************************************
  Online-Software
*********************************************************/
#online-software label {
  color: #2f7499;
  font-size: 0.75em;
  letter-spacing: 0px;
  line-height: 0.9;
  font-weight: 200;
}
select.input-sm, input.input-sm, .selectize-input {
  background-color: #547c9217 !important;
  border: none !important;
  border-radius: 0px !important;
  height: 30px !important;
  min-height: 30px !important;
}
.selectize-dropdown, .selectize-dropdown.form-control{
    /* height: 90vh !important; */
    z-index: 100000 !important;
}

.selectize-dropdown-content{
    max-height: 60vh !important;
    /* height: 100% !important; */
}

@media(min-width:768px) {
  #ObjektSpeichernOK, #ObjektSpeichernAbbrechen, #PDFOeffnen, #BtnExposesLaden {
    margin-top: 23px;
  }
}
.objectParam {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
#online-software {
  padding-right: 10px;
}
.Guthaben {
  font-size: 14px;
  color: #54b39e;
  padding: 0px 0 15px 15px;
  margin-top:7px;
  line-height: 14px;
  text-align: right;
}
.selected {
  background-color: rgb(242, 242, 242);
  color: #FFF;
}
.selected:hover {
  color: #747474;
}
.btn-decent{
  background-color: #c6c0c0;
  color: #565656;
}
.btn-cma {
  padding-top: 1px;
  padding-left: 1px;
  padding-bottom: 2px;
  height: 35px;
  width: 35px;
  margin-bottom: 5px;
  font-size: 22px;
}
.btn-cma:focus {
  background-color: #2f7498;
}
.cmaTableOptionDeactivated {
  text-decoration: line-through;
  color: #d8d8d8;
}

button[aria-expanded="true"] span {
  display: none;
}
button[aria-expanded="true"]:after {
  content: "\2212";
}
.btn-cma:hover {
  background-color: #4087ad;
}
#online-software h2 {
  margin-left: -15px;
}
#online-software #Neighbours h3 {
  margin: 15px 0 0 5px;
  padding-bottom: 0px;
}
#online-software h3 {
  color: #2f7499;
}
#online-software {
  min-height: 100vh;
}
#online-software a {
  font-size: 0.9em;
}
#proLabel{
  font-size: 0.8em;
  color: var(--defaultBlue);
}
#loadAnimation {
  /* border: 16px solid #f3f3f3; */
  border: 10px solid rgba(0,0,0,0.2);
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1.5s linear infinite; /* Safari */
  animation: spin 1.5s linear infinite;
  position: fixed; /* Sit on top of the page content */
  display: none;
  top: 50%; 
  left: calc(50% - 60px);
  bottom: 50%;
  /* background-color: rgba(0,0,0,0.2); Black background with opacity */
  z-index: 20000; /* Specify a stack order in case you're using a different order for other elements */
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.video-label {
  font-size: 11px;
  position: relative;
  top: -6px;
  color: #2f7499;
}
/*********************************************************
  Minor pages
*********************************************************/
.minorPage {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.minorPage h1 {

  font-size: 30px;
}
.availableRegionsIntro {
  min-height: 130px;
}
/*********************************************************
  IMPRINT & Datenschutz PAGE
*********************************************************/
.imprint {
  text-align: justify;
  hyphens: auto;
  color: #444444; 
}
.imprint p{
  margin-top: 10px;
}
.imprint h3, .imprint h4 {
  margin-top: 10px;
}
.imprint h5 {
  font-size: 16px;
}
.imprint li {
  font-size: 15px;
}
.imprint-text {
  padding-top: 0px;
  white-space: pre-line;
  color: #9d9d9d;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
.imprint-header {
  color: #d4d4d4;
  font-size: 12px;
  padding: 12px 0;
  background-color: #222;
  margin-top: 108px;
  vertical-align: text-top;
}
.imprint-header br {
  /* display: block; */
  margin: 0;
  content: " ";
}
/*********************************************************
  Pricing (own page)
*********************************************************/
.pricing {
  margin-top: 120px;
  margin-bottom: 120px;
}
/*********************************************************
  Pricing (MODAL) / Paypal
*********************************************************/
/* #orderProductSelectionTable td:nth-child(5)  {white-space: nowrap;} */

#orderCustomerCompany {
  display: none;
}
.orderFrame .orderAddress {
  display: inline-block;
}
.orderAddress input[type="radio"] {
  opacity: 0;
  /* height: 0.1px; */
  width: 3px;
}
.orderAddress {
  margin-top: 12px;
}
.orderAddressItem {
  margin-top: 12px;
  margin-bottom: 12px;
}
.btn-order {
  background: #29cc88;
  margin-top: 5px;
}
.btn-order:hover{
  background: #29b77c;
}
.btn-order:focus{
  background: #29b77c;
}
.modalCart p {
  hyphens: auto;
  font-size: 1.6rem;
}
.ifDiscount {
  display: none;
}
#productOrderSelectionTable .selected, #productDisplaySelectionTable .selected {
  background-color: #d8d8d8;
  color: #FFF;
}
.red {
  color: #f53737;
}
.bg-lightgray {
  background-color: #f7f7f7;
  border: 2px solid #d3d3d3;
}
.modalCart {
  max-height: 100vh;
  overflow-y: auto;
}
.modal-body h4 {
  color: #005885;
}
.modalCart .modal-footer {
  display: inline-block;
}
.modalBewertungToPro .modal-footer {
  display: flex;
}
.modalBewertungToPro h4 {
  font-size: 24px;
}
.modalBewertungToPro p {
  padding-left: 14px;
}
.modalBewertungToPro h3 {
  color: #51d69e;
}
@media (max-width: 480px) {
  .modal-footer {
    display: grid;
   }
  .modal-footer .btn {
    margin-bottom: 10px !important;
  }
}  
.lightLink a {
  font-size: 14px;
  color: #29cc88;
  line-height: 14px;
  padding: 0px 0 15px 15px;
  margin-top:7px;
}
/* #orderAddressForm {
  min-height: 380px;
} */
.orderFrame h4 {
  margin: 2px;
  /* color: #005885; */
}
#acceptWiderrufCheck{
  margin-top: 20px;
}
.greenRemark {
  color: #22d66d;
}
.bgGreenRemark {
  background-color: #22d66d;
}
#paypal-button-container {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#paypal-button-container.disabled {
	position: relative;
}
#paypal-button-container.disabled:after {
  content: " ";
  z-index: 9999;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
}
/*********************************************************
  DATA PAGE
*********************************************************/
#Neighbours { 
  /* allow horizontal scrolling */
  overflow-x: auto;
  white-space: nowrap;
}
#online-software .table>tbody>tr>td {
  padding: 7px;
}
.main-top {
  padding: 70px 0 0 0;
}
#data-table > thead >.tableHeader th:after{
  position: relative;
  top: 2px;
  left: 5px;
  display: inline;
}
.tableScale {
  font-size: 10px;
  text-align: center;
}
.tableScale:before {
  content: "\A";
}
/* .table>tbody>tr>td, .table>thead>tr>th{
  text-align: center;
} */
.resultFinal {
 background-color: #29cc88  !important;
 font-size: 1.1em;
}
.resultCell {
  background-color: #2f7499;
  color: #eee;
  max-height: 10px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border: none !important;
}
#EstimataML>.table>thead>tr>th {
  border-bottom: none;
}
#BtnCreateExpose {
  background-color: #f96e1a;
  margin: 10px 0 20px 0;
}
/*********************************************************
  Cookie Consent
*********************************************************/
.cc-window {
  padding: 11px 11px 6px 11px !important;
  font-size: 15px !important;
  line-height: 1.2em !important;
}
.cc-btn {
  min-width: 80px !important;
  /*max-height: 20px !important;*/
}
.cc-window {
  margin-bottom: 19px !important;
}
/* ==========================================================================
   ANIMATION
   ========================================================================== */

/* Hide element before animation */
/*.transparent{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 0 );
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}*/
/* Show element after animation */
/*.opaque{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 100 );
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}*/


.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    } 40%{
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70%{
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100%{
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX{
    0%{
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40%{
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70%{
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100%{
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX{
    0%{
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40%{
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70%{
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100%{
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX{
    0%{
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40%{
        transform: perspective(400px) rotateX(-10deg);
    }

    70%{
        transform: perspective(400px) rotateX(10deg);
    }

    100%{
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX{
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-moz-keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-o-keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

.fadeIn{
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp{
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp{
  0%{
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100%{
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp{
  0%{
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100%{
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp{
  0%{
    opacity: 0;
    transform: translateY(20px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp{
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDown{
  0%{
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown{
  0%{
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100%{
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  -webkit-animation-duration:10s;
  -moz-animation-duration:10s;
  -ms-animation-duration:10s;
  -o-animation-duration:10s;
  animation-duration:10s;
  0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
  }
  100% {
     opacity: 1;
     -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
     opacity: 0;
     transform: translateX(2000px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-o-keyframes fadeInDown{
  0%{
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100%{
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown{
  0%{
    opacity: 0;
    transform: translateY(-20px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown{
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft{
  0%{
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft{
  0%{
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100%{
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft{
  0%{
    opacity: 0;
    -o-transform: translateX(-20px);
  }

  100%{
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft{
  0%{
    opacity: 0;
    transform: translateX(-20px);
  }

  100%{
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft{
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight{
  0%{
    opacity: 0;
    -webkit-transform: translateX(20px);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight{
  0%{
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100%{
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight{
  0%{
    opacity: 0;
    -o-transform: translateX(20px);
  }

  100%{
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight{
  0%{
    opacity: 0;
    transform: translateX(20px);
  }

  100%{
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight{
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.animated.delay-0_5s {
  animation-delay: 0.5s;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-1_5s {
  animation-delay: 1.5s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-2_5s {
  animation-delay: 2.5s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-3_5s {
  animation-delay: 3.5s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-4_5s {
  animation-delay: 4.5s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.delay-5_5s {
  animation-delay: 5.5s;
}
.animated.delay-6s {
  animation-delay: 6s;
}
/*********************************************************
  glossarEntry
*********************************************************/
.glossarEntry th, .glossarEntry td{
  border: 1px solid #aaaaaa;
  padding: 1px;
}
.glossarEntry table {
    width: 100%;
}
.glossarEntry th {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #565656;
    color: #ffffff;
}
.glossarEntry {
  text-align: justify-all;
  hyphens: auto;
}
.glossarEntry h2 {
  hyphens: none;
}
/*********************************************************
  OTHERS
*********************************************************/
@font-face {
  font-family:'Glyphicons Halflings';
  /* src:url(../fonts/glyphicons-halflings-regular.eot);
  src:url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
  url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
  url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
  url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); */
  font-display: swap; }

/* @font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
  font-display: swap; }

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/AvenirNextLTPro-Regular.eot');
  src: url('/static/fonts/AvenirNextLTPro-Regular.woff') format('woff'),
    url('/static/fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
  font-display: swap; }

@font-face {
  font-family: 'AvenirNextLTPro-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/AvenirNextLTPro-Medium.eot');
  src: url('/static/fonts/AvenirNextLTPro-Medium.woff') format('woff'),
    url('/static/fonts/AvenirNextLTPro-Medium.ttf') format('truetype');
  font-display: swap; }

@font-face {
  font-family: 'AvenirNextLTPro-UltLt';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/AvenirNextLTPro-UltLt.eot');
  src: url('/static/fonts/AvenirNextLTPro-UltLt.woff') format('woff'),
    url('/static/fonts/AvenirNextLTPro-UltLt.ttf') format('truetype');
  font-display: swap; } */

/*********************************************************
  Bootstrap 3 grid for 480-767px layout
*********************************************************/
/**
  * Custom Bootstrap 3 grid for 480-767px layout
  * Author: Iftakhar Hasan
  *
  * A new set of column classes (with class prefix .col-ms- ) for Bootstrap 3
  * to make Medium Small grids for supporting 480-767px
  *
  * This will push the default Bootstrap 3 Extra Small column (class prefix .col-xs- )
  * to support 1-479px instead of 1-767px
  */

/*.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {position:relative; padding-left:15px; padding-right:15px;}
@media (min-width: 480px) and (max-width: 767px) {
  .container {max-width:748px;}
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {float:left;}
  .col-ms-1 {width:8.33333333%;}
  .col-ms-2 {width:16.66666667%;}
  .col-ms-3 {width:25%;}
  .col-ms-4 {width:33.33333333%;}
  .col-ms-5 {width:41.66666667%;}
  .col-ms-6 {width:50%;}
  .col-ms-7 {width:58.33333333%;}
  .col-ms-8 {width:66.66666667%;}
  .col-ms-9 {width:75%;}
  .col-ms-10 {width:83.33333333%;}
  .col-ms-11 {width:91.66666667%;}
  .col-ms-12 {width:100%;}
  .col-ms-pull-0 {right:auto;}
  .col-ms-pull-1 {right:8.33333333%;}
  .col-ms-pull-2 {right:16.66666667%;}
  .col-sm-pull-3 {right:25%;}
  .col-sm-pull-4 {right:33.33333333%;}
  .col-sm-pull-5 {right:41.66666667%;}
  .col-sm-pull-6 {right:50%;}
  .col-sm-pull-7 {right:58.33333333%;}
  .col-ms-pull-8 {right:66.66666667%;}
  .col-ms-pull-9 {right:75%;}
  .col-ms-pull-10 {right:83.33333333%;}
  .col-ms-pull-11 {right:91.66666667%;}
  .col-ms-pull-12 {right:100%;}
  .col-ms-push-0 {left:auto;}
  .col-ms-push-1 {left:8.33333333%;}
  .col-ms-push-2 {left:16.66666667%;}
  .col-sm-push-3 {left:25%;}
  .col-sm-push-4 {left:33.33333333%;}
  .col-sm-push-5 {left:41.66666667%;}
  .col-sm-push-6 {left:50%;}
  .col-sm-push-7 {left:58.33333333%;}
  .col-ms-push-8 {left:66.66666667%;}
  .col-ms-push-9 {left:75%;}
  .col-ms-push-10 {left:83.33333333%;}
  .col-ms-push-11 {left:91.66666667%;}
  .col-ms-push-12 {left:100%;}
  .col-ms-offset-0 {margin-left:0;}
  .col-ms-offset-1 {margin-left:8.33333333%;}
  .col-ms-offset-2 {margin-left:16.66666667%;}
  .col-ms-offset-3 {margin-left:25%;}
  .col-ms-offset-4 {margin-left:33.33333333%;}
  .col-ms-offset-5 {margin-left:41.66666667%;}
  .col-ms-offset-6 {margin-left:50%;}
  .col-ms-offset-7 {margin-left:58.33333333%;}
  .col-ms-offset-8 {margin-left:66.66666667%;}
  .col-ms-offset-9 {margin-left:75%;}
  .col-ms-offset-10 {margin-left:83.33333333%;}
  .col-ms-offset-11 {margin-left:91.66666667%;}
  .col-ms-offset-12 {margin-left:100%;}
}
*/
/*********************************************************
  ElegantIcons
*********************************************************/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.ef-icon_clock_alt, .ef-icon_clock, .ef-icon_building, .ef-icon_building_alt {
  font-family: 'ElegantIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
}
.ef-icon_clock_alt:before {
  content: "\7d";
}
.ef-icon_clock:before {
  content: "\e06b";
}
.ef-icon_building:before {
  content: "\e0ef";
}
.ef-icon_building_alt:before {
  content: "\e0fd";
}
.ef-glyph {
  float: left;
  text-align: center;
  padding: .75em;
  margin: .4em 1.5em .75em 0;
  width: 6em;
  text-shadow: none;
}
.ef-glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px;
}
.ef-glyph div { padding-bottom: 10px;}
.ef-glyph input {
  font-family: consolas, monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: .2em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.ef-centered {
  margin-left: auto;
  margin-right: auto;
}
.ef-glyph .ef-fs1 {
  font-size: 2em;
}