/***********************************/
/***********************************/
.max-visible-991 {
  display: none;
}
@media screen and (max-width: 991px) {
  .max-visible-991 {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .desktop-visible {
    display: block !important;
  }
  .inline-desktop-visible {
    display: inline-block !important;
  }
  .mobile-visible {
    display: none !important;
  }
  .inline-mobile-visible {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  #site-canvas {
    transition: all ease 0.65s;
  }
  /* Basics */
  .mobile-visible {
    display: block;
  }
  .inline-mobile-visible {
    display: inline-block !important;
  }
  .desktop-visible {
    display: none;
  }
  .inline-desktop-visible {
    display: none !important;
  }
  .toggle-left-nav {
    color: #000000;
    font-size: 20px;
  }
  .main-nav-first {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 111;
    height: 60px;
    width: 100%;
    padding: 16px 25px 14px 11px;
    margin: 0;
    border-bottom: solid 1px #e3e2da;
  }
  .main-nav-first .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .main-nav-first .navbar-header {
    width: 100%;
  }
  .main-nav-first .navbar-header .navbar-brand {
    width: 150px;
    float: right;
  }
  .main-nav-first .navbar-header #toggle-button {
    width: 50px;
    float: left;
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px 10px 8px 10px;
  }
  .my-section .dropdown.basket-teaser {
    position: fixed;
    top: 10px;
    left: 60px;
    z-index: 99999;
  }
  .my-section .dropdown.basket-teaser i {
    padding-right: 4px;
  }
  .my-section .dropdown.basket-teaser.open .dropdown-menu {
    right: inherit;
    left: 0;
    position: absolute;
    background: #fff;
    padding-left: 15px;
  }
  /* Menu */
  .navbar-toggle .icon-bar {
    background: #000000;
  }
  /*
    .site-menu-content {
        font-size: 15px;
        .contact {
            span + span {float: right !important;}
            .iconlist { 
                a {
                    padding-left: 10px !important;
                }
            }
            .address {margin-top: 15px;}
        }
        h4 {margin-bottom: 5px;}
        .search.mobile-visible {padding: 25px;}
        .mobile-menu-bottom-content {
            padding: 0 26px 26px 26px;
            > .content {margin-bottom: 50px;}
            h4 {
                margin-bottom: 10px; margin-top: 0;
            }
            a.contact-tel {
                background: #efefeb; padding: 12px 5px; text-align: center; width: 100%; float: left; margin-bottom: 13px;
                &:hover {text-decoration: none !important;}
                &:before {position: relative; margin-right: 10px;}
            }
            > a {margin-top: 50px; float: left; width: 50%;
                 + a {float: right; text-align: right;}
            }
            .contact-openinghours {font-size: 0.9em;}
        }
        .nav li.active {text-decoration: none;}
    }
    */
  .show-nav #site-canvas {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translate3d(-100%, 0, 0);
  }
  #site-menu {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    background: #fff;
  }
  #site-menu .navbar-nav {
    margin: 0;
  }
  #site-menu .navbar-nav li a {
    padding-left: 26px;
  }
  #site-menu .navbar-nav > li {
    display: inline-block;
  }
  #site-menu .navbar-nav > li.has-sub > a {
    width: 200px;
  }
  #site-menu .navbar-nav > li.has-sub a.sub-nav-toggler {
    position: absolute !important;
    right: 0;
    top: -1px;
    z-index: 11;
    width: 60px !important;
    text-align: center;
  }
  #site-menu .navbar-nav > li a i.fa {
    padding: 4px;
  }
  #site-menu .navbar-nav > li.contact.has-sub li.mail {
    font-size: 0.9em;
  }
  #site-menu .navbar-nav > li.contact.has-sub i {
    padding-left: 0;
  }
  #site-menu .navbar-nav .active > a {
    text-decoration: underline;
  }
  #site-menu .navbar-nav ul.sub {
    background: #fff;
    padding: 0;
    display: none;
    width: 100%;
  }
  #site-menu .navbar-nav ul.sub a {
    padding: 10px 15px 10px 26px;
    display: block;
  }
  #site-menu .dropdown-menu.contact {
    position: relative;
    float: left;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    min-width: 0;
    border: none;
    box-shadow: none;
    padding: 0 20px;
  }
  #site-menu .dropdown-menu.contact .content {
    float: left;
    width: 100%;
  }
  #site-menu .dropdown-menu.contact .content a {
    padding: 5px 2em;
    background: rgba(55, 55, 55, 0.05);
    margin-bottom: 3px;
  }
  #site-menu .dropdown-menu.contact .content a:hover {
    background: rgba(55, 55, 55, 0.1);
  }
  #site-menu .dropdown-menu.contact .content a:before {
    padding-left: 5px;
  }
  .main-nav-sub .container {
    max-width: 100%;
    padding: 0;
  }
  .main-nav-sub .container > ul.main-nav > li {
    background: #efefeb;
    float: left;
    width: 100%;
    border-bottom: solid 1px #d0d0d0;
    border-top: dotted #fcfce5 1px;
  }
  .main-nav-sub .container > ul.main-nav > li a {
    border-left: none;
    border-right: none;
  }
  .main-nav-sub .container > ul.main-nav > li:first-child {
    border-top: none;
  }
  .search.mobile-visible {
    width: 100%;
    padding: 10px;
  }
  .search.mobile-visible .search-toggler {
    display: none;
  }
  .search.mobile-visible form.searchform {
    position: relative;
  }
  .search.mobile-visible form.searchform input.searchfield {
    padding-top: 0;
  }
  .search.mobile-visible form.searchform input.searchfield::-webkit-input-placeholder {
    color: #505050;
    font-weight: normal;
  }
  .search.mobile-visible form.searchform input.searchfield:-moz-placeholder {
    /* Firefox 18- */
    color: #505050;
    font-weight: normal;
  }
  .search.mobile-visible form.searchform input.searchfield::-moz-placeholder {
    /* Firefox 19+ */
    color: #505050;
    font-weight: normal;
  }
  .search.mobile-visible form.searchform input.searchfield:-ms-input-placeholder {
    color: #505050;
    font-weight: normal;
  }
  .search.mobile-visible form.searchform label.search-label {
    display: block !important;
  }
  #wrapper.show-nav {
    overflow-x: hidden;
    position: fixed;
    width: 100%;
    /*  .site-menu-content {
                margin-top: 60px; float: left; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%;
            }*/
  }
  #wrapper.show-nav .my-section .basket-teaser {
    left: -209px;
    padding-bottom: 5px;
    top: 5px;
  }
  #wrapper.show-nav .my-section .basket-teaser .dropdown-toggle {
    height: 59px;
    padding-top: 12px;
  }
  #wrapper.show-nav .my-section .basket-teaser .dropdown-menu {
    left: -48px;
    width: 253px !important;
    top: 58px;
  }
  #wrapper.show-nav .my-section .basket-teaser .dropdown-menu button[type="submit"] {
    padding: 5px 4px;
  }
  #wrapper.show-nav .navbar-brand {
    position: absolute;
    left: -160px;
  }
  #wrapper.show-nav .site-menu-header {
    height: 60px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 99;
    text-align: right;
    width: 100%;
    float: right;
  }
  #wrapper.show-nav .site-menu-header .toggle-left-nav {
    padding: 15px 14px 11px 26px;
    height: 100%;
    display: inline-block;
  }
  .main-nav-sub .container ul.hotlink-nav {
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 999;
    margin: 0;
    width: 100%;
    background: #efefeb;
    border-bottom: solid 1px #e3e2da;
  }
  .main-nav-sub .container ul.hotlink-nav li {
    width: 50%;
    float: right;
  }
  .main-nav-sub .container ul.hotlink-nav li a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 18px !important;
  }
  .main-nav li.contact .contact-inner {
    float: left;
  }
  .main-nav li.contact .contact-inner .contact {
    width: calc(100% - 24px * 2);
    margin: 0 auto;
  }
  .main-nav li.contact .contact-inner .contact ul.iconlist > li > a {
    background-color: #efefeb;
    padding: 10px 15px 10px 26px;
    margin-top: 10px;
    white-space: nowrap;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  #wrapper.show-nav #main:after {
    left: 100%;
  }
  #wrapper.show-nav #sgch-sidebar-functions.show-nav,
  #wrapper.show-nav .hotlink-nav,
  #wrapper.show-nav .breadcrumbs .breadcrumb {
    right: 100%;
  }
  #wrapper.show-nav .my-section .basket-teaser {
    left: 52px;
  }
  #wrapper.show-nav .navbar-brand {
    left: 150px;
  }
  .show-nav #toggle-button .fa-bars::before {
    content: "\f00d";
  }
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  a:before {
    text-decoration: underline;
    display: inline-block;
  }
  a:before,
  a:hover:before {
    text-decoration: none;
  }
}
@media screen and (max-width: 480px) {
  .my-section .dropdown.basket-teaser.open .dropdown-menu {
    left: -57px;
  }
  .col-xxs-12 {
    width: 100%;
  }
}