/*
//////////////////////////////////////////////////////////////////////
// responsive.css v.1.00
// 14.01.2015
//
// abc4IT GmbH - Seestrasse 181 - CH-8820 Waedenswil
// info@abc4it.com
// Tel. +41 (0)44 680 26 56 Fax.   +41 (0)44 680 26 58
// http://www.abc4it.com       support@abc4it.com
//
// Description:
// Responsiv Eigenschaften können hier eingetragen werden
//
// Changelog:
// 12/01/2015   Hinzufügen der responsive.css
// 21/01/2015   Navbar non-responsive gemacht
// 28/01/2015   Gesamte Responsive CSS hinzugefügt
//
// Copyright: abc4IT GmbH P.Perret
//
// History:
// 12/01/2015   Berarbeitung durch Sascha Kycia
// 21/01/2015   Berarbeitung durch Sascha Kycia
//
// ToDo:
// -
//
//////////////////////////////////////////////////////////////////////
*/

/* Extra small devices */
@media (max-width: 767px){
    #brand-logo {
        margin-top: 5px !important; 
        height: 40px;
    }
    body {
        font-size:10px !important;
    }
    h1 {
        font-size:1.5em !important;
        font-weight:bold !important;
    }
    h2 {
        font-size:1.35em !important;
        font-weight:bold !important;
    }
    h3 {
        font-size:1.15em !important;
        font-weight:bold !important;
    }
    h4 {
        font-size:1.15em !important;
        font-weight:normal !important;
    }
    hr {
        margin: 15px 0;
    }
    .nav-tabs > li > a {
        padding:10px 15px;
    }
    .sidebar-width {
        width:70%;
    }
    .sidebar {
        top: 52px !important;
        transform: translate(-100%, 0px);
        -webkit-transform: translate(-100%,0); /** Chrome & Safari **/
        -o-transform: translate(-100%,0); /** Opera **/
        -moz-transform: translate(-100%,0); /** Firefox **/
    }
    .nav-item-width {
        width:auto;
    }
    .main {
        left:0%;
        width:100%;
    }
    .fa-3x {
        font-size:2.6em !important;
    }
    .navbar-nav > li > a {
        padding:11px 14px !important;
    }
    .navbar-brand {
        width:50px;
    }
    .navbar {
        min-height:50px !important;
    }
    .nav-container {
        height:50px !important;
    }
    .main {
        padding-top:51px !important;
    }
    .nav-login > li > a {
        padding:5px 20px !important;
        margin:9px !important;
    }
    .navbar-bars-container {
        padding:23px 17px !important;
    }
    .sidebar-collapsed {
        transform: translate(70%,0);
        -webkit-transform: translate(70%,0); /** Chrome & Safari **/
        -o-transform: translate(70%,0); /** Opera **/
        -moz-transform: translate(70%,0); /** Firefox **/
    }
    .addressBlock, .customerBlock {
        margin-bottom:50px;
    }
    .product-info-seperator {
        border-bottom:1px solid #ddd;
        padding:0 15px 10px 15px;
        margin-bottom:15px;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1em;
    }
    .product-price {
        font-size:1.3em;
    }
    .promo-product {
        margin-bottom:25px;
    }
    .promo-product-img:before {
        display:none;
        visibility:hidden;
    }
    .konto-dropdown > .dropdown-menu > li > a {
        padding: 3px 15px !important;
    }
    .konto-dropdown > .dropdown-menu {
        min-width:0;
    }
    .popover {
        display:none !important;
    }
    .scroll-bar {
        opacity:0.8 !important;
    }
    .nav-brand {
        border-right:1px solid #25282e;
        background-color:#282c34;
    }
    .productprocesslogin-productview-responsive, .productprocesslogin-signup-responsive {
        margin-bottom:30px;
    }
    .productprocesslogin-vr {
        display:none;
        visibility:hidden;
    }
    .nav-sidebar-brand {
        height:51px !important;
    }
    .brand-img {
        max-height:51px !important;
    }
    .firstlogin-icon-height {
        height:50px !important;
    }
    .vr-phone {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

/* Extra small devices */
@media (min-width: 400px) and (max-width: 767px) and (orientation:landscape){
    h1 {
        font-size:1.25em !important;
    }
    h2 {
        font-size:1.25em !important;
        font-weight:normal !important;
    }
    .sidebar-width {
        width:40%;
    }
    .sidebar-collapsed {
        transform: translate(40%,0);
        -webkit-transform: translate(40%,0); /** Chrome & Safari **/
        -o-transform: translate(40%,0); /** Opera **/
        -moz-transform: translate(40%,0); /** Firefox **/
    }
    .addressBlock, .customerBlock {
        margin-bottom:50px;
    }
    .promo-product {
        margin-bottom:25px;
    }
    .promo-product-img:before {
        display:none;
        visibility:hidden;
    }
    .popover {
        display:none !important;
    }
    .scroll-bar {
        opacity:0.8 !important;
    }
    .nav-brand {
        border-right:1px solid #25282e;
        background-color:#282c34;
    }
    .productprocesslogin-vr {
        display:block !important;
        visibility:visible !important;
        right: 40px !important;
    }
    .vr-phone {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

@media (max-width: 399px) and (orientation:landscape){
    h1 {
        font-size:1.25em !important;
    }
    h2 {
        font-size:1.25em !important;
        font-weight:normal !important;
    }
    .sidebar-width {
        width:80%;
    }
    
    .sidebar-collapsed {
        transform: translate(80%,0);
        -webkit-transform: translate(80%,0); /** Chrome & Safari **/
        -o-transform: translate(80%,0); /** Opera **/
        -moz-transform: translate(80%,0); /** Firefox **/
    }
    .addressBlock, .customerBlock {
        margin-bottom:50px;
    }
    .promo-product {
        margin-bottom:25px;
    }
    .promo-product-img:before {
        display:none;
        visibility:hidden;
    }
    .popover {
        display:none !important;
    }
    .scroll-bar {
        opacity:0.8 !important;
    }
    .nav-brand {
        border-right:1px solid #25282e;
        background-color:#282c34;
    }
    .productprocesslogin-vr {
        display:block !important;
        visibility:visible !important;
        right: 10% !important;
    }
    .vr-phone {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

/* Small devices */
@media (min-width: 768px) and (max-width: 991px){
    h1 {
        font-size:1.5em !important;
    }
    h2 {
        font-size:1.5em !important;
        font-weight:normal !important;
    }
    .nav-tabs > li > a {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 13px;
    }
    .tabs-md {
        display:block;
        text-align:center;
    }
    .sidebar-width {
        width:27%;
    }
    .main {
        left:27%;
        width:73%;
    }
    .addressBlock, .customerBlock {
        margin-bottom:40px;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1.5em;
    }
    .product-price {
        font-size:1.3em;
    }
    .promo-product {
        margin-bottom:25px;
    }
    .promo-product-img:before {
        display:none;
        visibility:hidden;
    }
    .popover {
        display:none !important;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .productprocesslogin-productview-responsive, .productprocesslogin-signup-responsive {
        margin-bottom:30px;
    }
    .productprocesslogin-vr {
        display:none;
        visibility:hidden;
    }
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1200px){
    .nav-tabs > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    .sidebar-width {
        width:24%;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .main {
        left:24%;
        width:76%;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1em;
    }
    .product-price {
        font-size:1.3em;
    }
    .productprocesslogin-vr {
        right: 10% !important;
    }
    .vr-desktop {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}
@media (max-width: 1199px){
    #single_product_borderline
    {
     border-bottom: 1px solid lightgrey;   
    }
}
/* Large devices */
@media (min-width: 1200px){
    #multi_product_borderline
    {
     border-bottom: 1px solid lightgrey;   
    }
    .sidebar-width {
        width:20%;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .main {
        left:20%;
        width:80%;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1.25em;
    }
    .product-price {
        font-size:1.3em;
    }
    .productprocesslogin-vr {
        right: 15% !important;
    }
    .vr-desktop {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

/* HD Desktop */
@media (min-width: 1480px){
    .sidebar-width {
        width:18%;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .main {
        left:18%;
        width:82%;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1.5em;
    }
    .product-price {
        font-size:1.3em;
    }
    .productprocesslogin-vr {
        right: 10% !important;
    }
    .vr-desktop {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

/* FullHD Desktop */
@media (min-width: 1920px){
    .sidebar-width {
        width:16%;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .main {
        left:16%;
        width:84%;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:1.75em;
    }
    .product-price {
        font-size:1.75em;
    }
    .productprocesslogin-vr {
        right: 25% !important;
    }
    .productprocesslogin-vr {
        right: 15% !important;
    }
    .vr-desktop {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

/* 2K Desktop */
@media (min-width: 2024px){
    .sidebar-width {
        width:14%;
    }
    .sidebar {
        transform: translate(0%, 0px);
        -webkit-transform: translate(-0%,0); /** Chrome & Safari **/
        -o-transform: translate(0%,0); /** Opera **/
        -moz-transform: translate(0%,0); /** Firefox **/
    }
    .main {
        left:14%;
        width:86%;
    }
    .product-buy-button {
        //margin-top:15px;
        font-size:2em;
    }
    .product-price {
        font-size:1.75em;
    }
    .productprocesslogin-vr {
        right: 10% !important;
    }
    .vr-desktop {
        margin-left:0px;
        padding-left:5.33333%;
        border-left-style: solid;
        border-left-width: 1px;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color:rgba(221, 221, 221, 1);
    }
}

// *********** NON-RESPONSIVE THINGS ************
/* Non-responsive overrides */

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

.navbar-header {
  float: left;
}

.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}

.navbar-collapse {
  border-top: 0;
}

.navbar-nav {
  float: left;
  margin: 0;
}

.navbar-nav > li {
  float: left;
}

.navbar-nav.navbar-right {
  float: right;
}

.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-width: 0 0 0;
    border-radius:4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    left:auto;
    margin-top:-2px !important;
    visibility:visible;
    display:block;
    transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in; /** Chrome & Safari **/
    -moz-transition: all 0.25s ease-in; /** Firefox **/
    -o-transition: all 0.25s ease-in; /** Opera **/
}

.konto-dropdown > .dropdown-menu {
    visibility:hidden;
    margin-top:5px !important;
    display:block;
    border-width: 0 0 0;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.25s ease-out; /** Firefox **/
    -o-transition: all 0.25s ease-out; /** Opera **/
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}

.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 {
  color: #fff !important;
  background-color: #00047a !important;
}

.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position:absolute;
}