/**
 * @license
 * MyFonts Webfont Build ID 3088325, 2015-09-09T04:46:41-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed /fonts/frutiger(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FrutigerLTCom-LightCn by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/frutiger/com-47-light-condensed/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3088325
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/2f1fc5");*/

  
@font-face {font-family: 'FrutigerLTCom-LightCn';src: url('../fonts/frutiger/2F1FC5_0_0.eot');src: url('../fonts/frutiger/2F1FC5_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/frutiger/2F1FC5_0_0.woff2') format('woff2'),url('../fonts/frutiger/2F1FC5_0_0.woff') format('woff'),url('../fonts/frutiger/2F1FC5_0_0.ttf') format('truetype');}



.glyphicon-refresh-animate {
	-animation: spin 2.0s infinite linear;
	-ms-animation: spin 2.0s infinite linear;
	-webkit-animation: spinw 2.0s infinite linear;
	-moz-animation: spinm 2.0s infinite linear;
}



@keyframes spin {
	from {
		transform: scale(1) rotate(0deg);
	}

	to {
		transform: scale(1) rotate(360deg);
	}
}


@-webkit-keyframes spinw {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}



@-moz-keyframes spinm {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
} 


/* input,button,textarea, select */
.bsFormFields {
    border-radius:0px !important;
    box-shadow: none !important;
    font-family: "FrutigerLTCom-LightCn";
    font-size: 16px !important;
}

#navigation-search button {
    min-height:34px;
    background-color: #5c5c5b !important;
    color: #fff !important;
    border-radius:0 !important;
    border: 0 none !important;
    padding: 5px 12px 4px !important;
}

.deco-img {
    margin-top:29px;
}

/*
h1{
    margin-top:28px;
}
*/


h1.keyvisual {
    margin-top:80px;
}


ul {
  padding-left:15px;
}


            body{
                background-position: center;
                background-repeat: repeat-y;
                color: #5c5c5b;
                font-family: 'FrutigerLTCom-LightCn';
                font-size: 16px;
            }    
            /*==========  Default Styles  ==========*/
            h1,h2,h3,h4{
                color: #ff0000;
                font-weight: normal;
                font-family: 'FrutigerLTCom-LightCn';
            }
            
            h1{
                margin-top:80px;
                font-size:36px
            }
            h2{
                font-size:26px;
                margin-top:30px;
            }
            h3,h4{
                font-size: 20px;
            }
            
            a{
                color: #ff0000;
            }

						/* fix behaviour: the following rules should of course not be applied to the hole site including management pages */ 
            .form-group textarea {
                min-height: 150px;
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
             }
            .form-group select {
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;            
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
              }

.form-group input {
    /*background-color: #dedede !important;*/
    background-color: #dedede ;
    border-left: 2px solid #5c5c5b !important;
    border-radius: 0px !important;
}
              
            /*.form-group input:not([type="radio"]):not([type="checkbox"]), button, textarea, select {
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;
            }*/
            
            /*
            .form-group input:not([type="radio"]):not([type="checkbox"]), select, textarea {
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
            }
						*/

            .form-group input:not([type="radio"]):not([type="checkbox"]){
                min-height: 33px;
            }
            
            .form-group button{
                background-color:#5c5c5b /*!important*/;
                color: #fff !important;
            }

            .input-group textarea {
                min-height: 150px;
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;
            }
            .input-group select {
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
            }
            
            .input-group input {
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
            }            
            /*
            .input-group input:not([type="radio"]):not([type="checkbox"]), button, textarea , select {
                border-radius: 0px !important;
                border:0px !important;
                box-shadow: none !important;
                padding:6px 12px 4px 12px !important;
                height: auto !important;
                font-family: 'FrutigerLTCom-LightCn';
                font-size:16px !important;
            }*/
            
						/*
            .input-group input:not([type="radio"]):not([type="checkbox"]), select, textarea {
                background-color:#dedede !important;
                border-left: 2px solid #5c5c5b !important;
            }
						*/

            .input-group input:not([type="radio"]):not([type="checkbox"]) {
                min-height: 33px;
            }
            
            /*
            .input-group button {
                background-color:#5c5c5b !important;
                color: #fff !important;
            } */
						/* end fix behaviour: the following rules should of course not be applied to the hole site including management pages */ 
            
            .top {
                margin-top:0px;
                padding-top:0px;
                
            }
            
            /*==========  Containers  ==========*/
            
            #header{
                background-color: #dedede;
                padding-top:10px;
                padding-bottom: 10px;
            }
            #header .div-left div{
                float: left;
                margin-right: 25px;
            }
            
            #header .div-right div{
                float: right;
                margin-left: 25px;
            }
            #header a{
                color: #5c5c5b;
                text-decoration: underline;
            }
            
            #header a:hover{
                color: #ff0000;
            }

            
            #header-language a{
                color: #b7b7b7;
            }
            
            #header-language a.active,#header-language a:hover{
                color: #5c5c5b;
            }
            
            #header-warenkorb span.active {
                color:#ff0000;
            }
            
            #navigation-nav{
                margin-top:47px;
            }

            #logo,#logo-mobile{
                max-width: 100%;
                width: 209px;
                padding-top: 12px;
            }
            
            #navigation-bg-wrapper{
                position: relative;
                display: none;
            }
            
            #navigation-bg{
                background-color: rgba(0,0,0,1);
                position: absolute;
                height: 100px;
                width: 100%;
                z-index: 101;
            }
            
            #navigation-search{
                float: right;
                width: 200px;
                display: inline-block;
            }

            
            #my-menu2{
                position: relative;
                background-color: #828282 !important;
                padding:15px; 
            }
            
            
            
            #mobile_head .navbar a{
                display: block;
                width: 100%;
                padding:20px 0 20px 0;
                text-align: center;
                border-right:1px solid #fff;
                color:#5c5c5b;
            }

            #mobile_head .navbar a:hover,#mobile_head .navbar a.active{
                background-color: #5C5C5B;
                color: #fff;
            }    
            .mm-navbar-bottom{
                font-size:30px;
                height:60px !important;
                
            }
            
            .mm-navbar-bottom a{
                color:#5C5C5B !important;
            }
            
            .badge-cart{
                background-color:#00B51B;
                position:relative;
                top:-5px;
                left:5px;
                padding: 3px 7px 2px 7px;
            }

            .mm-navbar-bottom .badge-cart{
                top:-15px;
            }


            .no-gutter > [class*='col-'] {
                padding-right:0;
                padding-left:0;
            }
            
            #breadcrumb{
                background-color: #ff0000; 
                padding:3px 15px;
                margin-top: 40px;
                color:#fff;
            }
            
            #breadcrumb a{
                text-decoration: underline;
                color: #fff;
            }
            
            #breadcrumb a:hover{
                color: #000;
            }
            
            #top-link	{ display:none; position:fixed; right:5px; bottom:5px; background-color: #dedede; padding: 5px 10px; }
            
        /*========== Content =============*/
            
            .red-content-box > h3:first-child ,.grey-content-box > h3:first-child,.bright-content-box > h3:first-child{
                margin: 0px;
            }
            
            
            .red-content-box,.grey-content-box,.bright-content-box{
                padding:15px;
                margin-bottom: 15px;
                          
            }
            .red-content-box,.red-content-box *{
                background-color:#ff0000;
                color: #fff !important;  
            }
            .bright-content-box{
                background-color: #dedede;
            }
            .grey-content-box,.grey-content-box *{
                background-color: #5c5c5b;
                color: #fff !important;  
            }
            
            .no-margin{
                margin:0px !important;
            }
        
            #owl-home .item img{
               margin: 0 auto;
            }
            
              #owl-home-wrap{
                  position:relative;
              }
              .owl-next,.owl-prev{
                position:absolute;
                height:100%;
                width:10%;
                z-index:200;
                cursor:pointer;
                filter: alpha(opacity=10);
                opacity:0.1;  
              }

              .owl-prev{
                left:0px;
              }
              .owl-next{ 
                right:0px;
                text-align:right;
              }


               #owl-home-wrap:hover .owl-next,#owl-home-wrap:hover .owl-prev {
                filter: alpha(opacity=100);
                opacity:1;
              }  

              .owl-next span{
                position:relative;
                top:45%;
                padding-right:10px;
              }  


              .owl-prev span{
                position:relative;
                top:45%;
                padding-left:10px;
              }  

            
            
            table {
                width:100%;
            }
            
            th{
                border-bottom: 1px dotted #ff0000;
                color: #ff0000;
                font-weight: normal;
                text-align: left;
            }
            
            td{
                border-bottom: 1px dotted grey;
                padding:2px 15px 3px 0px;
            }

            .produkte-table {
                border-collapse: separate !important;
            }

            .produkte-table input:not([type="radio"]):not([type="checkbox"]:not([type="number"])) {
                width: 60px;
                height: auto !important;
                text-align: center;
                padding: 1px 3px !important;
                border: 1px solid #dedede !important;
                background-color: #fff !important;
            }
            .produkte-table input[type="number"]{
                width:55px;
                height: auto !important;
                text-align: center;
                padding: 1px 3px!important;
                border:1px solid #dedede !important;
                background-color: #fff !important;
            }

            .produkte-table .icon-bsy_warenkorb{
                /*display: block;
                width: 100%;*/
                text-align: center;
            }
            .produkte-table .icon-bsy_merken {
                /*display: block;
                width: 100%;*/
                text-align: center;
            }
    
            /*.produkte-table .icon-bsy_merken {
                border-radius: 0 !important;
                background-color:#4D8ECC !important;
                color:#fff;;
                padding:5px 10px;
                position: relative;
                top:2px;
            }
            */
            .produkte-table .produkte-table button,.produkte-table .btn {
                border-radius: 0 !important;
                background-color:#4D8ECC /*!important*/;
                color:#fff;
                padding:5px 10px;
                position: relative;
                top:2px;
            }
            .produkte-table .icon-bsy_warenkorb:hover,.produkte-table button:hover,.produkte-table .btn:hover{
                color:#000 !important;
                cursor: pointer;
            }
            .produkte-table .icon-bsy_merkliste:hover{
                color:#000 !important;
                cursor: pointer;
            }

            .produkt-table-td-input,.produkt-table-td-button{
                    width: 50px;
            }


            .stacktable { width: 100%; }
            .st-head-row { padding-top: 2em; }
            .st-head-row.st-head-row-main { display:none; }
            .st-key {padding-right: 10px; }
            .st-val {padding-left: 1%; }
.stacktable,.responsive-table{margin-bottom:15px;}
            
            
            /* Modalbox Anpassungen */
            .modal-content{
                border-radius: 0px;
            }
            
            .modal-content{
                box-shadow:none !important;
            }
            
            .modal-backdrop.in{
                opacity:0.7;
            }
            
            button.close{
                background-color: transparent!important;
                color: #5c5c5b !important;
                opacity: 1 !important;
                font-size: 30px !important;
                position: relative;
                left:12px;
                top:-5px;
                z-index: 1000;
                
            }
            
            .close:hover{
                color: #ff0000 !important;
            }
            .modal-footer,.modal-header{
                text-align: left;
                border:none;
            }
            .modal-body img{
                max-width: 100%;
                margin: 0 auto;
            }
            
           .modal-title{
            color: #5c5c5b;
           }   
            
            /* Alertboxen */
            
            .alert{
                border-radius:0px;
            }
            
            /* Tabs/Accordions */
            
            .nav-tabs {
                background-color:#dedede;
                margin-bottom: 15px;
            }
            
            .nav-tabs li a{
                color:#5c5c5b;
                border: none; !important;
                border-right: 1px solid #fff !important;
                border-radius: 0px;
                margin: 0px;
                padding:4px 15px 3px 15px;
            }
            .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
                color: #fff;
                background-color:#ff0000;
                border: none;
                border-radius: 0px;
                margin: 0px;
            }
            
            .panel-heading,.panel-title{
                border-radius: 0px !important;
                padding:0px;
            }
            .panel-group .panel{
                box-shadow:0px;
                border-radius: 0px;
            }
            
            .panel-heading a{
                 display: block;
                padding:10px 15px;
            }

            
            
            /* RESPONSIVE Table */

            .stacktable.large-only { display: table; }
            .stacktable.small-only { display: none; }

            @media (max-width: 768px) {
              .stacktable.large-only { display: none; }
              .stacktable.small-only { display: table; }
            }
            
          ol.searchresults li {
          border-bottom:1px dotted grey;
            font-size:26px;
            color:#ff0000;
          }
           ol.searchresults li p {
            font-size:16px;
            color:#5c5c5b;
          }
        .pagination > .active > a, .pagination > .active > a:hover{
          	background-color: #ff0000;
            border-color:#ff0000;
          }
          .pagination li a{
        	  color: #5c5c5b;
            border-color:#dedede !important;
            border-radius:0px !important;
          }
    

          .partner-liste{
            margin-top:25px;
            border-bottom:1px dotted red;
            padding-bottom:25px;
          }
            .partner-liste-img{
          float:left;
              width:100px;
          }
           .partner-liste-img img{
                max-width:100%;
           }
           .partner-liste-content{
                float:left;
          }
            .partner-liste-content h2{
          padding:0px;
                margin:0px;
          }

        .remove-article{
            text-decoration: underline;
            cursor: pointer;
        }

            
        /*========== Footer =============*/
            
            #partner{
                margin-top:90px;
            }
            
            #partner h3{
                margin:0px;
                padding: 0px;
                font-size: 16px;
                font-weight: normal;
                color: #6c6c6c;
            }
            #owl-partner .item{
              padding: 5px 0px;
              margin: 10px;
              text-align: center;
            }
            
            #footer{
                color: #6C6C6C;
                margin:25px auto;
                border-top:1px solid #dedede;
                border-bottom:1px solid #dedede;
                padding-top: 3px;
                padding-bottom: 3px;
            }
            #footer a{
                margin-left:15px;
                color: #6C6C6C;
                text-decoration: underline;
            }
            #footer a:hover{
                color: #ff0000;
            }
            
            #content-start{
                margin-top: 90px;
                text-align: center;
            }
            #content-start #logo-mobile{
                margin: 0 auto;
            }
            
        /*==========  Media Queries  ==========*/


        /* Custom, iPhone Retina */ 
        @media only screen and (min-width : 320px) {

        }

        /* Extra Small Devices, Phones */ 
        @media only screen and (min-width : 480px) {

        }

        /* Small Devices, Tablets */
        @media only screen and (min-width : 768px) {
            body{
               background-image: url(/img/bg-768.png);     
            }
        }

        /* Medium Devices, Desktops */
        @media only screen and (min-width : 992px) {
            body{
               background-image: url(/img/bg-992.png);     
            }
        }

        /* Large Devices, Wide Screens */
        @media only screen and (min-width : 1200px) {
             body{
                 background-image: url(../img/bg-1200.png) !important;     
             }
        }
        /*==========  Desktop First Method  ==========*/

        /* Large Devices, Wide Screens */
        @media only screen and (max-width : 1200px) {

        }

        /* Medium Devices, Desktops */
        @media only screen and (max-width : 992px) {
            #menu-1 {
                float: left !important;
            }
            #logo{
                margin: 0 auto;
                display: block;
            }
            
        }

        /* Small Devices, Tablets */
        @media only screen and (max-width : 768px) {
            .deco-img{
                width:150px;
                margin: 10px auto 10px auto;
            }


            #menu-2{
                list-style: none;
                margin:0px;
                padding:0px;
            }
            
            #menu-2 ul{
                padding-left:15px;
            }
            
            #menu-2 li{
                list-style: none;
            }
            
            #menu-2 > li > a{
                background-color:#909090;
            }
            
            #menu-2 a{
                color:#fff;
                display: block;
                padding:5px;
            }
                
            
            
        }
        /* Extra Small Devices, Phones */ 
        @media only screen and (max-width : 480px) {
            h1{
                margin-top:30px;
            }
        }

        /* Custom, iPhone Retina */ 
        @media only screen and (max-width : 320px) {


        }
.large-product{
    margin:0 auto;
}


                   .product a{
                       color:#5c5c5b;
                   }
                   .product:hover a{
                       color:#ff0000;
                   }
                   .product,.product-image{
                       cursor: pointer;
                       position: relative;
                       float: left;
                       margin:0 10px 10px 0; 
                       padding: 15px;
                       width:100%;
                       min-height: 200px;
                       overflow-x:hidden;
                       text-align: center;
                   }
                   .product-image-large-link{
                       text-align: left;
                   }
                   
                   /*.product img{
                       max-width: 100%;
                       margin: 0 auto;
                   }*/
                   .product-image img{
											margin:0 auto;
										}

										.product img{
											margin-top:6px;
										}
                   
                   .product-description{
                      text-align: left;  
                   }
                   .product-gradient{
                       top:0px;
                       left: 0px;
                       position: absolute;
                       height: 100%;
                       width:100%;
                       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
                        background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
                        background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
                        background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
                        background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 );    
                    }  
                    
                                
                .inputWrapper label {
                  position:absolute;
                  padding:0px 5px 0px 5px !important;
                  background-color: #fff;
                  top:-10px;
                  left:5px;
                  font-size:12px;
                  color:#6C6C6C;
                  transition: all 0.1s linear;
                  opacity:0;
                  font-weight:bold;
                }
                label.on {
                  color:#000;
                }
                label.show {
                  top:-13px;
                  opacity:1;
                }
                
                .form-group{
                    margin:0px 0px 15px 0 !important;
                }
                .inputWrapper {
                  position:relative;
                 }
                .btn-bob,.btn-bob:hover{
                    background-color: #4D8ECC !important;
                    border-color:#fff;
                    color:#fff;
                    border-radius: 0px  !important;
                }
                .btn-bob:hover{
                    color:#000 !important;
                }


                   
                .has-error input{
                    background-color:#eddddd
                }


 @media print {
            #navigation-nav,#my-menu2, #header,#partner,#top-link{
                display:none;
            }
             a:after, a:link:after  { 
                content: "" !important;
            }
             #footer a{ display: none;}
             #footer:after{
                 content:"info@biosystems.ch | Tel. +41 61 795 96 10 | Hofackerstrasse 40A | CH-4132 Muttenz"

             } 
        }

.dropdownShop {
    position:relative;
}
.dropdownShop button {
    /*position:relative;*/
    border-left: 2px solid #5c5c5b !important;
    background-color:#dedede !important;
    color: #555;
}
.dropdownShop button span {
    color: #444;
}
.dropdownShop button span:first-child {
    padding-right:5px;
}
.dropdownShop button p {
    color: #555;
	margin:0px 0px 1px;
}
.dropdownShopSelected {
    background-color:#fff;
}

.dropdownShop ul {
    border-left: 2px solid #5c5c5b !important;
    padding: 6px 0 0 0;
    background-color: #eee ;
}

.dropdownShop a p {
    font-size: 14px;
	margin:0px 0px 1px;
}

.dropdownShop a p:first-child {
    font-weight:normal;
    font-size: 16px;
}

.dropdownShopSelected a p:first-child {
    font-weight:bold;
    font-size: 16px;
}


 
.btnShop {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

 .btnShopAdress {
    display: inline-block;
    text-align: left;
    width:100%;
    font-size: 16px;
}
.btnShopAdressTitle {
    font-size: 15px;
    font-weight:bold;
    padding: 4px 0px 0px 0px;
    white-space:normal;
}
.btnShopAdressContent {
    margin: 0px 0px 0px 0px;
    font-size: 16px;
}


#hinweisAlert div.alert{
   margin:0 auto;
   max-width:100%;
   text-align:center;
}

#hinweisAlert{
   position:fixed;
   z-index:100000;
   top:0;
   width:100%;
}

.greyActionLink {
    color: #5c5c5b;
}

.btn-grey,.btn-grey:hover{
    background-color: #5c5c5b !important;
    border-color:#fff;
    color:#fff;
    border-radius: 0px !important;
}
.btn-grey:hover{
    background-color: #4D8ECC !important;
}

.btn-search,.btn-search:hover{
    background-color: #fff !important;
    border-color:#fff;
    color:#000;
    font-size: 16px;
    border-radius: 0px !important;
}

.btn-search:hover{
    color:#f00;
    background-color: #fff !important;
}

.dropdown-menu {
    font-size: 16px;
    padding: 0px 0;
    margin: 0px 0 0;
    border-radius: 0px;
}
.dropdown-menu .dividerBS {
    height: 2px;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu li p {
    white-space: normal;
}
.steps {
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff;
}
    
.steps li {
  display: inline-block;
  margin-bottom: 3px;
}
.steps li span, .steps li p {
  background: #DEDEDE;
  padding: 8px 20px;
  color: #FF0000;
  display: block;
  position: relative;
}
.steps li span:hover, .steps li p:hover {
  text-decoration: none;
}
.steps li:not(:first-child) span:before, .steps li:not(:first-child) p:before {
  border-bottom: 18px solid transparent;
  border-left: 12px solid #fff;
  border-top: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  margin-top: -18px;
}
.steps li:not(:last-child) span:after, .steps li:not(:last-child) p:after {
  border-bottom: 18px solid transparent;
  border-left: 12px solid #DEDEDE;
  border-top: 18px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  /*right: -12px;*/
  left:100%;
  top: 50%;
  width: 0;
  margin-top: -18px;
  z-index: 1;
}
.steps li.active span, .steps li.active p {
  background: #FF0000;
  color: #fff;
}
.steps li.active span:after, .steps li.active p:after {
  border-left: 12px solid #FF0000;
}
.steps li.undone span, .steps li.undone p {
  background: #eee;
  color: #333;
}
.steps li.undone span:after, .steps li.undone p:after {
  border-left: 12px solid #eee;
}
.steps li.undone p {
  color: #aaa;
}

.listPriceSmall {
    font-size: 85%;
    text-decoration:line-through;
}

.basketTotal {
    border-left: 2px solid #5c5c5b !important;
    background-color: #dedede !important;
    padding: 6px 12px 0px 10px;
    margin: 0px 0px 0px 0px !important;
    position:relative;
}


.basketTotal label {
    position: absolute;
    padding: 0px 5px 0px 5px !important;
    background-color: #fff;
    left: 5px;
    font-size: 12px;
    color: #6C6C6C;
    transition: all 0.1s linear;
    font-weight: bold;
}

.basketTotal div label {
    position: relative;
    padding: 0px 10px 5px 15px !important;
    left: 5px;
    font-size: 16px;
    color: #555;
    transition: all 0.1s linear;
    background-color:inherit;
    font-weight:normal;
}


.glyphicon.glyphicon-one-fine-empty-dot {
    margin-bottom: -.8em;
    overflow: hidden;
}
.glyphicon.glyphicon-one-fine-empty-dot:before {
    content:"\25cb";
    font-size: 3em;
}

.form-group input:required:invalid {
/*color:red;*/
}
.form-group input:required:valid {
/*color:green;*/
}


.has-error .btnShopAdress   {
    border-top: 1px solid #5c5c5b;
    /*border-bottom: 1px solid #5c5c5b !important;
    border-top: 1px solid #5c5c5b !important;
    border-right: 1px solid #5c5c5b !important;*/
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.activetab a {
    color:#fff;
}

.inactivetab a {
    color:#ff0000;
}

.formGroupFieldHint {
    font-size: 13px;
    color: #777 !important;
}


.teamGallery {
}

.teamGalleryContainer {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	padding: 15px;
	width: 100%;
	min-height: 200px;
	overflow-x: hidden;
	text-align: center;
height: 270px;
/*width: 270px;*/
}
.teamGalleryName {
    /*background-color: #dedede4d;*/
}
.teamGalleryTitle {
	font-size: 14px;

}


.teamGalleryGradient {
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 );
}

.search-result-match {
    background-color: #4d8ecc36;
}

/*Cookie banner*/
.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}