/* #Media Queries by Skeleton
================================================== */
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
a, a:visited {
  color: #091225;
  text-decoration: none;
  outline: 0;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 95%;
  }

  .container .column,
.container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,
.container .one.columns {
    width: 28px;
  }

  .container .two.columns {
    width: 76px;
  }

  .container .three.columns {
    width: 124px;
  }

  .container .four.columns {
    width: 172px;
  }

  .container .five.columns {
    width: 220px;
  }

  .container .six.columns {
    width: 268px;
  }

  .container .seven.columns {
    width: 316px;
  }

  .container .eight.columns {
    width: 364px;
  }

  .container .nine.columns {
    width: 412px;
  }

  .container .ten.columns {
    width: 460px;
  }

  .container .eleven.columns {
    width: 508px;
  }

  .container .twelve.columns {
    width: 70%;
  }

  .container .thirteen.columns {
    width: 604px;
  }

  .container .fourteen.columns {
    width: 652px;
  }

  .container .fifteen.columns {
    width: 700px;
  }

  .container .sixteen.columns {
    width: 748px;
  }

  .container .one-third.column {
    width: 236px;
  }

  .container .two-thirds.column {
    width: 492px;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }

  .container .offset-by-two {
    padding-left: 96px;
  }

  .container .offset-by-three {
    padding-left: 144px;
  }

  .container .offset-by-four {
    padding-left: 192px;
  }

  .container .offset-by-five {
    padding-left: 240px;
  }

  .container .offset-by-six {
    padding-left: 288px;
  }

  .container .offset-by-seven {
    padding-left: 336px;
  }

  .container .offset-by-eight {
    padding-left: 384px;
  }

  .container .offset-by-nine {
    padding-left: 432px;
  }

  .container .offset-by-ten {
    padding-left: 480px;
  }

  .container .offset-by-eleven {
    padding-left: 528px;
  }

  .container .offset-by-twelve {
    padding-left: 576px;
  }

  .container .offset-by-thirteen {
    padding-left: 624px;
  }

  .container .offset-by-fourteen {
    padding-left: 672px;
  }

  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }

  .container .columns,
.container .column {
    margin: 0;
    width: 95%;
  }

  .container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
    width: 90%;
  }

  /* Offsets */
  .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }

  .container .columns,
.container .column {
    margin: 0;
  }

  .container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
    width: 100%;
  }
}
/* #Media Queries - Custom
================================================== */
@media only screen and (min-width: 1281px) and (max-width: 1500px) {
  .nomobile {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) {
  .header-vertical #front_centered,
.header-animatedfull #front_centered {
    left: 250px;
    margin-left: 0px;
  }

  .header-vertical #main,
.header-animatedfull #main {
    left: 250px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1280px) {
  body #main {
    margin-bottom: 40px;
  }

  #front_centered {
    bottom: 150px;
  }

  .big_text {
    margin-bottom: 30px;
  }

  #main ~ #social_sharing {
    width: 315px;
    position: relative;
    margin: 20px auto 75px;
    right: auto;
    bottom: auto;
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  body #header #logo {
    float: left;
    margin-top: 10px !important;
    position: absolute;
  }

  body #header #search {
    position: static;
    float: right;
    margin-top: 30px;
    padding: 0;
    margin-right: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }

  body #header ul.social_icons li a {
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    vertical-align: middle;
  }

  body #header #menu {
    padding-right: 15px;
  }

  body #header #menu + .clear {
    display: none;
  }

  body #header #menu .jt-menu {
    display: none;
  }

  #menu .menu-icon-hbg {
    display: block;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }

  #live_comments {
    top: 15px;
    z-index: 3;
  }

  #main img {
    width: auto\9 ;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1024px) {
  .big_text {
    font-size: 38px;
    margin-bottom: 30px;
  }

  .playerControls {
    right: auto !important;
    left: 15px;
    top: 100px !important;
  }

  .mb_YTVPBar .buttonBar {
    float: left !important;
    margin-top: 100px !important;
  }

  .audioPlayer {
    top: 100px !important;
  }

  #titles h2 {
    font-size: 30px !important;
  }

  #titles h3 {
    font-size: 20px !important;
  }

  #front_centered.noMainboxes {
    top: 55%;
  }

  #header.navbar #search {
    margin-right: 50px;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
  body #main {
    padding: 0;
  }

  body #front_centered {
    margin-left: -384px;
  }

  body .featured_boxes_carousel .viewport {
    margin: 0 30px;
  }

  .iconWidgetIcon {
    width: 0;
    overflow: hidden;
  }

  .iconWidget {
    padding: 0 20px 0 20px;
  }

  #footer > div[data-align=right] {
    padding-left: 0;
  }

  .main-to-bottom #main {
    margin-left: -384px;
  }

  .ffslider .fss-prev,
.ffslider .fss-next {
    margin-top: 100px;
  }

  .gridgallery.largeContainer {
    width: 768px;
  }

  #customScrollBox .content {
    padding-top: 120px;
  }

  body .scrollToTop {
    right: 10px;
  }

  body #page_wrapper.mb-opened #live_comments {
    right: 60%;
  }

  body #page_wrapper.mb-opened #social_sharing {
    right: 60%;
  }

  body .offsidemenu {
    width: 60%;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 600px) {
  .container {
    width: 100%;
  }

  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 100%;
  }

  body #main {
    padding: 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  body #header #logo {
    float: none;
    position: static;
    display: block;
  }

  body #header #menu {
    padding-right: 15px;
  }

  body #header #search {
    margin-top: 20px;
    width: 120px;
    float: left;
    margin-right: 15px;
  }

  body #search .search .inputbox {
    width: 70px;
  }

  body #front_centered {
    width: 100%;
    margin: 0;
    position: static;
    margin-bottom: 40px;
  }

  .big_text {
    font-size: 16px;
  }

  /*#front_centered ~ #social_sharing {display:none;}*/
  #social_sharing {
    width: 315px;
    position: relative;
    margin: 20px auto 35px;
    right: auto;
    bottom: auto;
    float: none;
  }

  #footer {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    border-top: 2px solid rgba(0, 0, 0, 0.29);
  }

  #footer:before,
#footer:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  #footer:after {
    clear: both;
  }

  #footer > div {
    width: 100% !important;
    text-align: center;
    padding: 0 !important;
    float: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #footer .inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #footer .copyright p:last-child {
    margin-bottom: 0;
  }

  .iconWidgetIcon {
    width: auto;
    overflow: visible;
    display: inline-block;
  }

  .iconWidget {
    padding: 0;
  }

  .iconWidgetContainer {
    width: 100% !important;
    height: auto !important;
    bottom: 30px !important;
    right: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .iconWidgetContainer:before {
    right: auto;
    left: 50%;
    margin-left: -13px;
  }

  body #page_wrapper.mb-opened #live_comments {
    right: 80%;
  }

  body #page_wrapper.mb-opened #social_sharing {
    right: 80%;
  }

  body .offsidemenu {
    width: 80%;
  }

  .offsidemenu a {
    font-size: 12px;
  }

  body #live_comments {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
  }

  body #live_comments ul.triggers,
.liveSocialContainer .closeIconWidget,
.liveSocialContainer:before {
    display: none;
  }

  .liveSocialContainer {
    width: 100% !important;
    padding: 20px 10px 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 !important;
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    border-top: 2px solid rgba(0, 0, 0, 0.29) !important;
    background: rgba(0, 0, 0, 0.8) !important;
  }

  .liveSocialContainer > p:last-child {
    margin-bottom: 0;
  }

  dl.article-info {
    margin-right: 30px;
  }

  dl.article-info dd {
    float: none;
    display: block;
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    line-height: 1.6;
  }

  body .featured_boxes_carousel .viewport {
    margin: 0 auto;
    width: 235px;
  }

  .playerControls {
    z-index: 3;
  }

  .mb_YTVPBar .buttonBar {
    display: none;
  }

  /*#social_sharing {float:none; margin:20px auto; width: 302px}*/
  #social_sharing:before,
#social_sharing:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  #social_sharing:after {
    clear: both;
  }

  .social-connect li.gplus {
    margin-right: 0;
  }

  #mainClose {
    display: none;
  }

  #breadcrumbs .breadcrumb {
    line-height: 1.5;
    margin-bottom: 10px;
  }

  #breadcrumbs .thedate {
    line-height: 1.5;
    text-align: left;
  }

  .toggle-style-1,
.toggle-style-2,
.accordion-style-1,
.accordion-style-2,
.toggle-style-faq {
    width: 100% !important;
  }

  .toggle-style-faq .tgg-trigger {
    font-size: 12px;
  }

  .hg-portfolio .items-row.cols-1 > .item,
.hg-portfolio .items-row.cols-2 > .item,
.hg-portfolio .items-row.cols-3 > .item,
.hg-portfolio .items-row.cols-4 > .item {
    width: 100%;
  }

  .hg-portfolio .items-row.cols-1 .inner-item,
.hg-portfolio .items-row.cols-2 .inner-item,
.hg-portfolio .items-row.cols-3 .inner-item,
.hg-portfolio .items-row.cols-4 .inner-item {
    margin-right: 0;
  }

  .hg-portfolio-item .img-full {
    float: none !important;
    margin: 20px 0 !important;
  }

  .hg-portfolio-sortable #sorting {
    float: none;
    margin-bottom: 20px;
    padding: 0;
    background: none;
  }

  .hg-portfolio-sortable #sorting ul {
    margin: 0 20px 0 0;
  }

  .hg-portfolio-sortable ul#thumbs li {
    width: 100%;
    margin: 0;
  }

  .hg-portfolio-sortable ul#thumbs li .inner-item a img {
    width: 100%;
  }

  #member-profile dd, #users-profile-core dd, #users-profile-custom dd, .preset_form dd, .preset_form .login-fields input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: none;
  }

  .users_links li {
    float: none;
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
    margin-bottom: 5px;
  }

  ul.cols-2 li,
ul.cols-3 li,
ul.cols-4 li {
    float: none;
    width: 100%;
    padding-left: 25px;
  }

  body table {
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    min-width: 0 !important;
    max-width: 100%;
  }

  .under_construction_site #frame {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: static;
    margin: 0 auto;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/* Custom, iPhone Retina */
body #page_wrapper.mb-opened ~ #backstretch {
  position: absolute !important;
}

@media only screen and (max-width: 1024px) {
  #floatdiv_floating_absolute {
    position: initial !important;
  }
}
@media only screen and (max-width: 1024px) {
  #main .inner-container {
    padding: 0 !important;
  }
}
body.light .offsidemenu li.active > a,
body.light .offsidemenu li.current > a {
  color: #c1c1c1 !important;
  border-bottom: 1px solid #6D6D6D !important;
}

#mobile-cfg-frame {
  display: none;
}

.template-neu1_modelel ul {
  display: flex;
  flex-wrap: wrap;
}

.pricing .buttons {
  display: flex;
  align-items: center;
}

.pricing .buttons a {
  padding: 1rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  float: unset;
  text-align: center;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.pricing .buttons a:first-child {
  background: #fff;
  color: #5e5e5e;
  border: 1px solid;
  margin-right: 1rem;
}

.pricing .buttons a:first-child:hover {
  background: #e0e0e0;
}

.pricing .buttons a:last-child {
  background: #b51a30;
  color: #fff;
  border: 1px solid #b51a30;
}

.pricing .buttons a:last-child:hover {
  background: #d31e38;
}

.template-neu_farbeturi .heading,
.template-neu_farbetueren .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.template-neu_farbeturi .heading .element-description p,
.template-neu_farbetueren .heading .element-description p,
.template-neu_farbeturi .heading .element-description,
.template-neu_farbetueren .heading .element-description {
  margin: 0 !important;
}

.visualization-frame {
  text-align: center;
  margin-bottom: 1rem;
}

.block-pricing .category-title {
  margin: 0;
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
  padding: 0.55rem 0;
  position: relative;
}
.block-pricing .category-title:not(:last-child) {
  border-bottom: none;
}
.block-pricing .category-title:before {
  content: "\f107";
  position: absolute;
  right: 2rem;
  font-size: 2rem;
}
.block-pricing .category-title .item-price {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  position: absolute;
  right: 3rem;
  top: 0px;
  bottom: 0px;
}

.block-pricing .category-expanded .element-list .element-item:not(.hidden-item) {
  display: flex;
  align-items: center;
}
.block-pricing .category-expanded .element-list .element-item:not(.hidden-item) .item-price {
  margin-left: auto;
  font-weight: bold;
}

.quick-edit-buttons {
  display: flex;
  align-items: center;
}
.quick-edit-buttons a {
  display: block;
  width: 14px;
}
.quick-edit-buttons a:first-child {
  margin-right: 0.55rem;
  color: #dd0000;
}
.quick-edit-buttons a:last-child {
  color: #0092db;
}

.block-pricing .category-expanded .category-title:before {
  content: "\f106";
}

.configbox-block.block-navigation {
  margin-bottom: 0;
}

.block-navigation.tab-style li {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  border-bottom: 3px solid transparent;
}

.block-navigation.tab-style li:hover,
.block-navigation.tab-style li.active {
  border-bottom: 3px solid #b51a30;
  background: #dfddd0;
}

.color-tooltip {
  text-shadow: 1px 1px #FFFFFF;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

#com_configbox {
  min-height: 150vh;
}

#menu-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1rem;
}
#menu-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#menu-logo .menu-logo-image {
  max-width: 139px;
  margin-bottom: 0.55rem;
}

.social-bar {
  padding: 0.35rem 1rem;
  display: flex;
  align-items: center;
  justify-content: end;
  background: #101b33;
}
.social-bar > a {
  color: #fff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.social-bar > a:hover {
  color: #bfbfbf;
}
.social-bar .lang-inline {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.social-bar .lang-inline li {
  margin: 0;
  margin-left: 1rem;
}
.social-bar .lang-inline li a img {
  border-radius: 0.35rem;
  width: 24px;
}

.dropdown-item {
  font-weight: bold;
  color: #fff;
  padding: 0.55rem 1rem;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.dropdown-item:hover {
  background: #7b0707;
  color: #fff;
}
.dropdown-item:visited {
  color: #fff;
}

.nav-link {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.nav-link:visited {
  color: #fff;
}

.dropdown-menu {
  background: #4a0101;
}
.dropdown-menu .dropdown .dropdown-toggle:after {
  display: none;
}
.dropdown-menu .dropdown .dropdown-menu {
  display: block;
  position: relative;
}

.navbar-brand img {
  width: 160px;
}

.nav-item {
  margin-bottom: 0;
}

.home-button-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #a30c2b;
  background: #ad0d2e;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.home-button-card:hover {
  background: #d01037;
}
.home-button-card .card-header {
  position: absolute;
  top: -1rem;
  font-size: 4rem;
  border: none;
  color: #fff;
}
.home-button-card .card-body {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.home-button-card .card-body a {
  font-weight: bold;
  font-size: 1.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  padding: 1rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.carousel-item img {
  max-height: 600px;
}

.carousel-caption {
  left: 0;
  bottom: 0;
  right: 50%;
  background: #000000ad;
  padding: 1rem;
  text-align: left;
}
.carousel-caption h5 {
  color: #d01037;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.carousel-caption p {
  color: #fff;
}
.carousel-caption a {
  position: absolute;
  right: 15px;
  bottom: 15px;
  border-radius: 0;
  padding: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #fff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.carousel-caption a:hover {
  color: #d7d7d7;
}

.black-card {
  background: #700000;
}
.black-card h3 a {
  color: #fff;
}
.black-card h3 a:hover {
  color: #d7d7d7;
}
.black-card .card-footer {
  color: #fff;
}

.card-shadow {
  box-shadow: 0 0 13px 8px #00000029;
  border: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.card-shadow:hover {
  box-shadow: 0 0 13px 8px #dc354545;
}

.basic-card .card-header h2 {
  text-align: center;
  color: #fec18e;
}
.basic-card .card-footer ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.basic-card .card-footer ul li {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  text-align: center;
  line-height: unset;
}
.basic-card .card-footer ul li a {
  color: #0084e3;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.basic-card .card-footer ul li a:hover {
  color: #fff;
}

h3.home-info {
  background: #ad0d2e;
  border-radius: 0.35rem;
  padding: 1rem;
}
h3.home-info a {
  color: #fff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
h3.home-info a:hover {
  opacity: 0.5;
}

#WappChatContainer {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 370px;
}
#WappChatContainer .WappChatCard {
  position: absolute;
  bottom: 85px;
  box-shadow: 0 0 20px 13px #0000002e;
  border-radius: 0.55rem;
  display: none;
}
#WappChatContainer .WappChatCard .WappChatHeader {
  display: flex;
  align-items: center;
  background: #095e54;
  color: #fff;
  padding: 24px 20px;
  border-radius: 10px 10px 0 0;
}
#WappChatContainer .WappChatCard .WappChatHeader .WappAvatar {
  margin-right: 1rem;
  width: 52px;
  height: 52px;
  position: relative;
}
#WappChatContainer .WappChatCard .WappChatHeader .WappAvatar:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #42ff2a;
  border-radius: 100%;
  border: 2px solid #095e54;
  position: absolute;
  bottom: 0;
  right: 0;
}
#WappChatContainer .WappChatCard .WappChatHeader .WappAvatar img {
  border-radius: 100%;
  max-width: 100%;
}
#WappChatContainer .WappChatCard .WappChatHeader .WappInfo p {
  margin: 0;
  font-weight: lighter;
  font-size: 0.65rem;
  color: #e8e1e2;
}
#WappChatContainer .WappChatCard .WappChatBody {
  padding: 24px 20px;
  background: #e6ddd4;
  position: relative;
}
#WappChatContainer .WappChatCard .WappChatBody:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url(https://i.imgur.com/UjCUWIq.png);
}
#WappChatContainer .WappChatCard .WappChatBody .WappChatRow {
  padding: 7px 14px 6px;
  background: #fff;
  position: relative;
  border-radius: 0px 8px 8px;
  max-width: 60%;
}
#WappChatContainer .WappChatCard .WappChatBody .WappChatRow strong {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.85rem;
}
#WappChatContainer .WappChatCard .WappChatBody .WappChatRow p {
  margin: 0;
  font-size: 0.75rem;
}
#WappChatContainer .WappChatCard .WappChatBody .WappChatRow small {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
  display: block;
}
#WappChatContainer .WappChatCard .WappChatBody .WappChatRow:before {
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}
#WappChatContainer .WappChatCard .WappChatFooter {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 24px 20px;
}
#WappChatContainer .WappChatCard .WappChatFooter a {
  display: flex;
  border-radius: 24px;
  border-color: rgba(0, 0, 0, 0);
  color: white;
  font-family: inherit;
  background-color: #14c656;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none !important;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#WappChatContainer .WappChatCard .WappChatFooter a img {
  width: 24px;
  margin-right: 0.55rem;
}
#WappChatContainer .WappChatCard .WappChatFooter a:hover {
  background-color: #16db5f;
}
#WappChatContainer .WapppButton {
  width: 80px;
  padding: 1rem;
  border-radius: 100%;
  border: 1px solid #c7c7c7;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#WappChatContainer .WapppButton img {
  max-width: 100%;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#WappChatContainer .WapppButton:hover img {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.right-shadow {
  border-right: 2px solid #000;
  box-shadow: 10px 0px 20px 0px #00000082;
}

.hover-shadow-right {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.hover-shadow-right:hover {
  border-right: 2px solid #000;
  box-shadow: 10px 0px 20px 0px #00000082;
}

.with-bullets li {
  padding-left: 1.5rem;
  margin-bottom: 0.55rem;
  position: relative;
}
.with-bullets li:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "\f0da";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
}

#footer {
  background: #091225 !important;
  height: auto !important;
  color: #fff;
}

.bghelper {
  padding: 0 !important;
}

.mobile-on {
  display: none;
}
@media only screen and (max-width: 921px) {
  .mobile-on {
    display: block;
  }
}

@media only screen and (max-width: 921px) {
  .mobile-off {
    display: none;
  }
}

.reseller-navigator {
  list-style-type: none !important;
  margin-left: 0 !important;
  padding: 0;
}
.reseller-navigator .nav-item:not(:last-child) {
  border-bottom: 1px solid #d7d7d7;
}
.reseller-navigator .nav-item button.nav-link {
  border-radius: 0;
  width: 100%;
  justify-content: start;
  text-align: left;
  color: #000;
}
.reseller-navigator .nav-item button.nav-link:hover, .reseller-navigator .nav-item button.nav-link.active {
  color: #000;
  background: #dadada;
  padding-left: 1rem;
}

.r-contact {
  list-style-type: none !important;
  padding: 0;
  margin-left: 0 !important;
}
.r-contact a {
  color: #0092db;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.r-contact a:hover {
  color: #00a1f1;
}

#main-content-wrapper #maintop {
  margin-top: 0rem;
      margin-bottom: -15px;
}

@media only screen and (max-width: 921px) {
  #main-content-wrapper #maintop {
    margin-top: 0;
  }

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

  .right-shadow {
    border-right: none;
    box-shadow: none;
  }

  .carousel-item img {
    max-height: 300px;
    height: 300px;
  }

  #com_configbox {
    min-height: unset;
  }

  #floatdiv_floating_absolute {
    display: none;
  }

  .toggle-style-1, .toggle-style-2, .accordion-style-1, .accordion-style-2, .toggle-style-faq {
    margin-bottom: 0 !important;
  }

  .block-navigation.tab-style ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    border: none !important;
  }

  .block-navigation.tab-style li {
    border: none;
    border-bottom: 3px solid transparent;
  }

  .block-navigation.tab-style li:hover,
.block-navigation.tab-style li.active {
    border-bottom: 3px solid #b51a30;
  }

  .block-navigation.tab-style li a {
    white-space: nowrap;
  }

  .right-half,
.left-half {
    float: unset !important;
    width: unset;
  }

  .base-clearence,
.template-configuration_1,
.template-offnung,
.template-sisteme_neu {
    border: none !important;
  }

  .base-clearence .heading,
.template-configuration_1 .heading,
.template-offnung .heading,
.template-sisteme_neu .heading {
    padding: 0 1rem !important;
    background: #d7d7d7 !important;
  }

  .base-clearence .heading h2,
.template-configuration_1 .heading h2,
.template-offnung .heading h2,
.template-sisteme_neu .heading h2 {
    text-transform: uppercase;
    font-size: 0.85rem !important;
    font-weight: bold;
  }

  .base-clearence .inputfield,
.template-configuration_1 .inputfield,
.template-offnung .inputfield,
.template-sisteme_neu .inputfield {
    white-space: nowrap;
  }

  .base-clearence .inputfield ul,
.template-configuration_1 .inputfield ul,
.template-offnung .inputfield ul,
.template-sisteme_neu .inputfield ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
  }

  .base-clearence .inputfield ul li,
.template-configuration_1 .inputfield ul li,
.template-offnung .inputfield ul li,
.template-sisteme_neu .inputfield ul li {
    width: unset;
    float: unset;
    height: unset;
  }

  .full-width,
.dimension-selector,
.ad-profile-position,
.template-weather_prot_beu,
.template-neu_farbeturi,
.template-neu_farbetueren,
.template-farbeturen,
.template-safety,
.safety-systems,
.dimensions-selector {
    width: 100% !important;
  }

  .template-configuration_1 .inputfield ul li img {
    width: 126px;
    height: 103px !important;
    max-width: unset !important;
  }

  .color-selector ul li img,
.template-neu_farbeturi .inputfield ul li img,
.template-neu_farbetueren .inputfield ul li img,
.template-farbeturen .inputfield ul li img {
    width: 100px;
    height: 46px !important;
    max-width: unset !important;
  }

  .template-offnung .inputfield ul li img {
    width: 100px;
    height: 150px !important;
    max-width: unset !important;
  }

  .template-ledhn .inputfield ul li img,
.template-inside_handle_neu .inputfield ul li img,
.template-safety .inputfield ul li img,
.template-sisteme_neu .inputfield ul li img {
    width: 100px;
    height: 120px !important;
    max-width: unset !important;
  }

  .template-farbeturen ul li {
    position: relative;
  }

  #mobile-cfg-frame {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0.55rem;
  }

  .block-visualization .visualization-frame {
    height: 300px !important;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 1rem;
    position: relative;
  }

  .block-visualization .visualization-image {
    text-align: center;
  }

  .configurator-page-list.category-list {
    padding: 0 10px;
    display: none;
  }

  .category-expanded .element-list {
    border-top: 1px solid #c6c6c6;
    padding-left: 0 !important;
    padding-top: 15px !important;
  }

  .category-expanded .element-item {
    margin-bottom: 0.55rem;
    font-size: 1rem;
  }

  .category-expanded .element-item .element-item-outputvalue {
    font-weight: bold;
  }

  .category-expanded .element-item .element-item-title {
    font-weight: normal !important;
  }

  #com_configbox #view-category .navigation .leftpart a {
    width: 100%;
  }

  .pricing .buttons {
    padding: 0;
  }

  #com_configbox #view-category .navigation .leftpart a {
    width: 100%;
    background: #b51a30;
    color: #fff;
    padding: 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin: 0 !important;
    float: unset;
    text-align: center;
  }

  #com_configbox #view-category .navigation {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
  }

  #com_configbox #view-category .navigation .leftpart {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
  }

  #com_configbox a.navbutton-medium {
    border: none;
  }

  #com_configbox #view-category .navigation .rightpart {
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }

  #com_configbox #view-category .navigation .leftpart a {
    width: 100%;
    background: #b51a30;
    color: #fff;
    padding: 1rem;
    font-size: 0.95rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
  }

  #com_configbox #view-category .navigation .leftpart a .nav-text {
    color: #b6b6b6;
    font-size: 0.75rem;
  }

  #com_configbox .element .element-description {
    margin-top: 0 !important;
  }

  #com_configbox .element .element-description p {
    font-size: 0.65rem;
    margin: 0;
  }

  .template-neu1_modelel .heading {
    display: none;
  }

  .template-led2 .inputfield ul li img,
.template-weather_prot_beu .inputfield ul li img,
.template-neu_modelle .inputfield ul li img,
.template-testmodelhaus .inputfield ul li img,
.template-neu1_modelel .inputfield ul li img {
    width: 130px;
    height: 220px !important;
    max-width: unset !important;
  }

  .template-door_glass1 .inputfield ul li img {
    width: 60px;
    height: 180px !important;
    max-width: unset !important;
  }

  .template-cylinder .inputfield ul li img {
    width: 180px;
    height: 90px !important;
    max-width: unset !important;
  }

  .template-sidelight_glas .inputfield ul li img {
    width: 90px;
    height: 145px !important;
    max-width: unset !important;
  }

  .ad-profile-position .inputfield ul li img {
    width: 64px;
    height: 32px !important;
    max-width: unset !important;
  }

  .template-fenster_config .inputfield ul li img {
    width: 130px;
    height: 100px !important;
    max-width: unset !important;
  }

  .window-picker .inputfield ul li img {
    width: 110px;
    height: 140px !important;
    max-width: unset !important;
  }

  .hardware-selector .inputfield ul li img {
    width: 110px;
    height: 140px !important;
    max-width: unset !important;
  }

  .template-led .inputfield ul li img {
    width: 64px;
    height: 32px !important;
    max-width: unset !important;
  }

  .hebe-verglass .inputfield ul li img,
.template-verglassung .inputfield ul li img {
    width: 250px;
    height: 260px !important;
    max-width: unset !important;
  }

  .glazing-selector .inputfield ul li img {
    width: 90px;
    height: 180px !important;
    max-width: unset !important;
  }

  .rolladen-selector .inputfield ul li img {
    width: 150px;
    height: 200px !important;
    max-width: unset !important;
  }

  .hebe-opening-selector .inputfield ul li img {
    width: 200px;
    height: 150px !important;
    max-width: unset !important;
  }

  .template-aussenjalousie .inputfield ul li img {
    width: 85px;
    height: 85px !important;
    max-width: unset !important;
  }

  .remote-selector .inputfield ul li img {
    width: 180px;
    height: 240px !important;
    max-width: unset !important;
  }

  .template-kastenausenjalusie .inputfield ul li img {
    width: 113px;
    height: 184px !important;
    max-width: unset !important;
  }

  .hebe-typ-selector .inputfield ul li img {
    width: 125px;
    height: 170px !important;
    max-width: unset !important;
  }

  .kenedo-popup-content {
    max-width: unset !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: unset !important;
    width: 100%;
  }

  .heading-with-image {
    display: flex;
    padding-right: 0 !important;
    justify-content: space-between;
  }

  .offsidemenu {
    z-index: 99;
  }

  .swipe-gif {
    background: #dbdbdb6e url("../images/swipe.gif") no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .swipe-horizontal {
    background: #dbdbdb6e url("../images/swipe-horizontal.gif") no-repeat;
    background-position: center right;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
  }

  #com_configbox #view-category .element {
    margin-bottom: 0 !important;
  }

  .gif-ignore .swipe-gif,
.gif-ignore .swipe-horizontal {
    display: none !important;
  }

  .d-block .inputfield ul {
    display: block !important;
  }

  .footer-buttons {
    justify-content: center;
  }

  .carousel-caption {
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
  }
  .carousel-caption h5 {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #dc3545;
    text-align: center;
  }
  .carousel-caption p {
    display: none;
  }
  .carousel-caption a {
    position: absolute;
    right: 15px;
    left: 15px;
  }
}
@media only screen and (max-width: 1025px) {
  .pricing .buttons {
    flex-direction: column;
  }
  .pricing .buttons a {
    width: 100%;
  }
  .pricing .buttons a:first-child {
    margin-right: 0;
  }
}
.custom-tabs > .tabs {
  background: #fff;
  height: auto !important;
  position: sticky;
  top: 0;
  z-index: 99;
}
.custom-tabs > .tabs li {
  height: auto !important;
}
.custom-tabs > .tabs li a {
  display: block !important;
  padding: 0.55rem 1rem !important;
  font-weight: bold;
  font-size: 1.2rem;
}

/*# sourceMappingURL=responsive.css.map */