.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

/** RESET**/
body { /*overflow-x:hidden;*/
    position: relative;
    background: #fff;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-variant-numeric: lining-nums;
}

body, h1, h2, h3, h4, h5, h6, p, a, .h1, .h2, .h3, .h4, .h5, .h6, input, button, select, textarea, button, input[type="button"], input[type="submit"] {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    letter-spacing: normal;
    text-transform: none;
    color: #000
}

button, input, select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border-radius: 0;
    border: 0
}

body, html {
    height: 100%;
    -ms-overflow-style: scrollbar;
}

body {
    position: relative;
    background: #fff;
    color: #333;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
}

body.menuopen, body.cartopen {
    overflow: hidden !important;
}

body.menuopen .icon .closeMenu {
    display: block;
}

body .icon .closeMenu {
    display: none;
}

body.menuopen .icon .openMenu {
    display: none;
}

body.cartopen .shopicon .closeCart {
    display: block;
}

body .shopicon .closeCart {
    display: none;
}

body.cartopen .shopicon .openCart {
    display: none;
}

body.cartopen .shopicon .shopcount {
    display: none;
}

@media (min-width: 1201px) {
}

@media (min-width: 993px) and (max-width: 1200px) {
}

@media (min-width: 769px) and (max-width: 992px) {
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
    body {
        padding: 0;
    }
}

a {
    color: #333;
    text-decoration: none
}

#maincontent a {
	text-decoration: underline;
}

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.btn {
    font-weight: 400;
}

.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
    color: #666;
    text-decoration: none;
    outline: none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main-slider {
    position: relative;
    z-index: 5;

    height: auto;
	margin-top:100px;
}

#main-slider .carousel-inner {
    height: auto;
}

#main-slider .carousel-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 0;
    padding-bottom: 35%;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    color: #fff;
}

#main-slider .carousel-item:first-child {
    top: auto;
    position: relative;
}

#main-slider .carousel-item.active {
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;
}

#main-slider .carousel-control {    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 10;

}

#main-slider .carousel-control.right {
    right: 0;
    left: auto;

}

.carousel-item.dark p.h1, .carousel-item.dark p.h2 {
    color: #000;
}


.carousel-item.light .btn:hover, .carousel-item.light .btn:focus {
    opacity: .6
}

header#main-slider .caption {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0;
    color: #fff;
    font-weight: bold;
    color: #000
}

@media (min-width: 1600px) {
    header#main-slider p.h1 {
        font-size: 3em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 2em;
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px)  and (max-width: 1599px) {
    header#main-slider p.h1 {
        font-size: 3.5em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 1.8em;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    header#main-slider p.h1 {
        font-size: 3em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 1.6em;
    }

    header#main-slider .carousel-item {
        padding-bottom: 64%;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    header#main-slider p.h1 {
        font-size: 2.5em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 1.4em;
    }

    header#main-slider .carousel-item {
        padding-bottom: 54%;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    header#main-slider p.h1 {
        font-size: 2em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 1.2em;
    }

    header#main-slider .carousel-item {
        padding-bottom: 64%;
    }

    header#main-slider .caption {

    }

    header#main-slider .btn {

    }

    header#main-slider .gap {
        margin-bottom: 15px !important;
    }

    header#main-slider .fa-2x {
        font-size: 1em !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    header#main-slider p.h1 {
        font-size: 1.5em;
        font-weight: bold;
    }

    header#main-slider p.h2 {
        font-size: 0.8em;
    }
}

#sub-slider {
    position: relative;
    height: auto;
    z-index: 5;
}

#sub-slider .carousel-inner {
    height: auto;
}

#sub-slider .carousel-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 0;
    padding-bottom: 32%;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    color: #fff;
}

#sub-slider .carousel-item:first-child {
    top: auto;
    position: relative;
}

#sub-slider .carousel-item.active {
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    header#sub-slider-slider .carousel-item {
        padding-bottom: 64%;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    header#sub-slider .carousel-item {
        padding-bottom: 54%;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    header#sub-slider .carousel-item {
        padding-bottom: 64%;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

@media (min-width: 1201px) {
}

@media (min-width: 993px) and (max-width: 1200px) {
}

@media (min-width: 769px) and (max-width: 992px) {
}

@media (max-width: 768px) {
    #main-slider {
        max-height: 500px;
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    #main-slider {
        max-height: 300px;
        margin-top: 60px;
    }
}

.small-gap {
    margin-bottom: 15px !important;
}

.gap {
    margin-bottom: 30px !important;
}

.big-gap {
    margin-bottom: 60px !important;
}

.no-margin {
    margin: 0;
    padding: 0;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.versteckt {
    opacity: 0
}

.sichtbar {
    opacity: 1
}

.shadow {
    box-shadow: 0px 0px 3px 1px #333;
    -moz-box-shadow: 0px 0px 3px 1px #333;
    -webkit-box-shadow: 0px 0px 3px 1px #333;
}

.inner-shadow {
    -moz-box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
    -webkit-box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
    box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
}

.img-responsive {
    margin: 0 auto;
}

.delay1 {
    animation-delay: .25s
}

.delay2 {
    animation-delay: .45s
}

.readmore {
    font-size: 75%;
    font-weight: 700
}

.readmore a {
    text-decoration: none;
}

.readmore a:hover {
    color: rgba(0, 61, 101, 1)
}

@media (max-width: 1200px) {
    .centering.notmobile {
        margin: 0 !important
    }
}

section {
    padding: 100px 0;
}

/*
section + section {
    padding-top: 0
}*/

#breadCrumb + #maincontent {
    padding-top: 30px;
}

p {
    margin-bottom: 1.2em;
}

p.small {
    margin-bottom: 0;
    font-size: 75%;
}

p.date {
    margin-bottom: 0;
    font-size: 75%;
}

p.more {
    text-align: left;
    text-align: center;
}

hr {
    width: 50%;
    margin: 2.4em auto
}

h1, h2, h3, h4, h5, h6, .h1, .h2 {
    margin: 0;
    margin-bottom: 0px;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: normal !important;
    line-height: 1;
    color:#27b3c2
}

h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

h2 {
    font-size: 2.3em;
    margin-bottom: 15px
}

h2.widget-title {
    margin-bottom: 15px
}

h3 {
    font-size: 2em;
    margin-bottom: 15px;
}

.sm-content h3 {
    font-size: 1.8em
}

h4 {
    margin-bottom: 15px;
}

h4, h2.widget-title, .productdesc h3 {
    font-size: 1.5em
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.25em
}

h1 + h2 {
    margin-top: -15px;
}

/*h2 + h3 {margin-top:-20px; font-size: 2em}*/
h3 + h4 {
    margin-top: -10px;
}

/*h4 + h5 {margin-top:-15px;}*/
h5 + h6 {
    margin-top: -10px;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 2.4em;
    }

    h2 {
        font-size: 2.2em;
    }

    h3 {
        font-size: 1.9em;
    }

    h4, h2.widget-title, .productdesc h3 {
        font-size: 1.2em
    }

    h5 {
        font-size: 1.2em;
    }

    h6 {
        font-size: 1.15em
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 2.3em;
    }

    h2 {
        font-size: 2.1em;
    }

    h3 {
        font-size: 1.8em;
    }

    h4, h2.widget-title, .productdesc h3 {
        font-size: 1.15em
    }

    h5 {
        font-size: 1.15em;
    }

    h6 {
        font-size: 1.15em
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.9em;
    }

    h3 {
        font-size: 1.6em;
    }

    h4, h2.widget-title, .productdesc h3 {
        font-size: 1.15em
    }

    h5 {
        font-size: 1.15em;
    }

    h6 {
        font-size: 1.15em
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

.table {
    display: table;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.table .inner {
    display: table-cell;
    vertical-align: middle;
}

/*
 * .mobilenav .inner{padding:0 70px 0 0;}

.menui{background:#fff;transition:0.6s ease;transition-timing-function:cubic-bezier(.75, 0, .29, 1.01);margin-top:10px;position:absolute;}
.icon{z-index:99999;position:fixed;display:block;padding:17px;height:60px;width:60px;margin:0px;top:50%;transform:translateY(-50%);right:0;background:#000;color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;text-align:center;}
.shopicon{z-index:99999;position:fixed;display:block;padding:17px;height:60px;width:60px;margin:0px;top:0;right:0;background:#fff;color:#000;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;text-align:center;}
.shopicon .shopcount{float:right;font-size:.5em;position:absolute;right:6px;top:6px;}
.icon i, .shopicon i{line-height:26px}
@media (min-width:1201px){}
@media (min-width:993px) and (max-width:1200px){}
@media (min-width:769px) and (max-width:992px){}
@media (max-width:768px){.icon, .shopicon{padding:10px;height:40px;width:40px;}
.icon i, .shopicon i{line-height:20px}
}
@media (max-width:480px){}
body.menuopen .icon{background:#fff;color:#000 !Important}
body.cartopen .shopicon{background:#000;color:#fff !Important}
.mobilenav{top:0;bottom:0;right:0;left:0;z-index:999;padding:50px;display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.85);overflow:auto;}
.table{display:table;margin-bottom:0;height:100%;width:100%;max-width:100%;}
.mobilenav .inner{padding:0 70px 0 0;}
.table .inner{display:table-cell;vertical-align:middle;}
.mobilenav.in{display:block;}
.mobilenav ul{margin:0;padding:0;}
.mobilenav li{list-style-type:none;text-align:center;}
.mobilenav li ul{opacity:.33;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.mobilenav li ul:hover{opacity:1;}
.mobilenav li ul li{display:inline-block;}
.mobilenav li a{font-size:50px;line-height:1;color:#fff;text-decoration:none;font-weight:100;width:100%;}
.mobilenav li.active a, .mobilenav li.current-menu-item a{color:#999}
.mobilenav li.current-menu-item ul li a{color:#fff}
.mobilenav li ul li a{font-size:20px;padding:5px 10px;font-weight:400}
.mobilenav li a:hover{color:#999 !important}
.top-animate{border-color:#fff !important;top:13px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mid-animate{opacity:0;}
.bottom-animate{border-color:#fff !important;top:13px !important;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}
.top-menu{top:5px;width:25px;height:1px;border-radius:10px;background-color:transparent;border:2px solid #000}
.mid-menu{top:13px;width:25px;height:1px;border-radius:10px;background-color:transparent;border:2px solid #000}
.bottom-menu{top:21px;width:25px;height:3px;border-radius:10px;background-color:#fff;border:2px solid #000}
@media (max-width:768px){.mobilenav li a{font-size:45px;}
.mobilenav{padding:25px}
.mobilenav .inner{padding:0;}
}
.mobilecart{top:0;bottom:0;right:0;left:0;z-index:999;padding:50px;display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,.85);overflow:auto;}
.mobilecart.in{display:block;}
.mobilecart .table{opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.mobilecart.in .table{opacity:1}
.logo{position:fixed;left:0;top:0;padding:33px 35px;z-index:1000;background:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.logo img{height:15px;}
body.menuopen .logo, body.cartopen .logo{transform:translate(-100%,-50%) !important;}
body.menuopen .logo.affix, body.cartopen .logo.affix{transform:translate(-100%,0%) !important;}
*/

/* MENU **/
.navbar {
    background: rgba(255, 255, 255, 1);
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0 !Important;
    margin-bottom: 0;
    height: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0);
}

body.navaffix .navbar {box-shadow: 0 0 10px rgba(0,0,0,.15);}

.navbar-nav li {
    list-style: none !important;
    margin: 0 5px;
}

.navbar-nav > li > a {
    padding: 5px 10px;
    z-index: 2;
    color: #000;
    display: block;
    border-radius:25px !important;
    border:1px solid transparent;
}

.navbar li.language.active {
    display: none
}

.navbar li > a:hover {
    border-color:#999;
    color:#999;
   /* -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1);*/
}
.navbar li.active > a {
    border-color:#27b3c2 ;
    color:#27b3c2 ;
   /* -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1);*/
}

.badge-success {background-color:#27b3c2 !important;}

.navbar .navbar-brand {
    position: relative;
    height: auto;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    margin: 0;
    padding: 15px;
}

.navbar .navbar-brand img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 40px;
    display: inline
}

.navbar-toggle {
    z-index: 10;
}

.navbar-nav > li > a i {
    font-size: 16px;
}


/** SIDEBAR **/
#sidebar section {
    padding: 0;
    padding-bottom: 50px;
}

/** BREADCRUMB**/
#breadCrumb {
    padding: 0;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid #ddd;
    padding-top: 120px;
}

#breadCrumb p {
    margin: 0;
    padding: 0;
}

.breadcrumbholder {
    padding: 15px;
    font-size: 12px;
}

.breadcrumbholder i {
    margin: 0 10px
}

#path a, #path p {
    font-size: 12px;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    #breadCrumb > div > .row {
        margin: 0;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #breadCrumb > div > .row {
        margin: 0;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #breadCrumb {
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #breadCrumb {
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    #breadCrumb {
        margin-top: 60px;
    }

    .breadcrumbholder {
        padding: 15px;
        margin: 0 -15px;
        font-size: 10px;
    }

    .breadcrumbholder i {
        margin: 0 4px
    }
}

/** CTA **/
#maincontent + #cta {
    padding-top: 0;
}

.ctaholder {
    position: relative;
}
.ctaholder .headline h2 {color:#000; text-shadow: 0px 0px 10px rgba(255,255,255,.5)}

.ctaholder.light .headline h2 {color:#fff; text-shadow: 0 0 10px rgba(0,0,0,.5);}

.squares {
    position: relative;
    border: 1px solid #000;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.squares:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}@media (min-width: 1200px) {
}
@media (min-width:992px) {
    .larger .squares:after {
        content: '';
        display: block;
        padding-bottom: 48.5%;
    }
}


.squares .headline {
    position: absolute;
    display: inline-block;
    padding: 0;
    right: 30px;
    left: 30px;
    bottom: 30px;
    line-height: 1;
}

.squares .headline h2 {
    line-height: 1;
    font-size: 4em;
    font-weight: bold;
    color: #000;
}
@media (max-width: 576px) {
    .squares .headline {left:15px; right:15px; bottom:15px;}
    .squares .headline h2 {font-size: 1.25em}
}




/*.cta .headline h2{display:block; position:relative; font-weight:bold; color:#fff; line-height:1; font-size:6.5em; transform:translatey(23%); text-shadow: 0 0 5px #999}

.cta .headline h2 {
    position: absolute;
    left: 5%;
    transform: translateY(.25em);
    right: 5%;
    line-height: 1;
    bottom: 0;
    font-size: 6em;
    font-weight: bold;
    color: #fff;
}*/

.ctaholder img {
    min-width: 100%
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .cta .headline h2 {
        font-size: 4.5em;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .cta .headline h2 {
        font-size: 4em;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .cta .headline h2 {
        font-size: 3em;
    }
}


/** NEWS **/

#news {

    position: relative;
    z-index: 1;
    overflow: hidden;
}


#news:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 45%;
    background-color: #cccccc;
    z-index: -1
}

.newsitem {
    background-color: #fff;
    padding: 30px;
    display: block;
    border:1px solid #000;
}

.newsitem p {color:#000;}
.newsitem:hover {
    color: #fff;
    background-color: #000;
}

.newsitem:hover h5, .newsitem:hover p {
    color: #fff;
}

p.date {
    font-weight: 600;
}


.newsitem .previewimage {
    background-color: #fafafa;
    padding-bottom: 65%;
    overflow: hidden;
    position: relative;
    margin: -30px -30px 30px;
    background-size: cover;
    background-position: center;
}

.backgrounder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover; background-position: center;
    transition: transform ease .5s
}

.newsitem:hover .previewimage .backgrounder, .squares:hover  .backgrounder {
    transform: scale(1.25)
}

/*

    .productdesc {
        display: block;
    }

    .productdesc p:last-child {
        margin-bottom: 0
    }

    .productimageholder {
        overflow: hidden;
        position: relative;
        height: 0;
        padding-bottom: 100%;
    }

    .productimageholder img {
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .productoverlayholder {
        position: absolute;
        left: -15px;
        right: -15px;
        bottom: 0;
        transform: translateY(100%);
        transition: all ease .3s;
        max-height: 100%;
        overflow: auto;
        padding: 0 15px
    }

    .productitem:hover .productoverlayholder, .productimageholder.active .productoverlayholder {
        transform: translateY(0)
    }

    .productoverlay {
        background: rgba(255, 255, 255, .85);
        padding: 15px;
        font-size: 80%;
        color: #000;
        overflow-x: hidden
    }

    .productoverlay p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .productoverlay .row.buttons {
        margin: 0 -5px;
    }

    .productoverlay .row.buttons > div {
        padding: 0 5px;
    }

    .productoverlay .row.buttons > div .btn {
        padding: 5px 0
    }

    .productOptionButton {
        margin: 0 2px 2px 0;
        height: 22px;
        font-weight: bold;
        line-height: 22px;
        width: 65px;
        position: relative;
        float: left;
        text-align: center;
        font-size: 12px;
        padding: 0 6px;
        cursor: pointer;
        color: #fff;
        background-color: #000;
    }

    .productOptionButton.active {
        color: #fff;
        background: #34a6cd;

        font-weight: bold;
        padding: 0 6px;
    }

    .productOptionButton:hover {
        opacity: .75
    }

    .productOptionButton:focus {
        opacity: 1
    }

    .productoverlay .row.attributes {
        margin-bottom: 5px
    }

    @media (max-width: 1023px) {
        .productdetailsbutton {
            margin-bottom: 5px;
        }
    }

    @media (min-width: 1470px) {
        .col-xl-3 {
            width: 25%
        }
    }

    .productitem .blockUI.blockOverlay {
        z-index: 1000;
        position: absolute !important;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .6;
        cursor: default;
        display: none
    }

    .productitem.in .blockUI.blockOverlay {
        display: block
    }

    .productitem .blockUI.blockOverlay, .blockUI.blockOverlay {
        background-color: #fff !important
    }

    .productitem .form-control {
        margin-bottom: 0;
    } */

/** LOGIN **/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    padding: 0;
    border: 0;
}

/** INSTAGRAM **/
#instagram .autoplay div {
    margin: 0
}

/*
#instagram .autoplay div img {
    height: 500px;
}*/

/** NEWSLETTER**/
#newsletter .small {
    font-size: 85% !important
}

#newsletter .small a {
    font-size: inherit
}

/** CF 7 **/
div.wpcf7-mail-sent-ok {
    border: 2px solid #000;
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 85%;
    font-weight: bold;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #000;
    background: #333;
    color: #fff;
    font-weight: bold;
}

/** KONTAKT**/

#kontakt {
    background: rgba(0, 0, 0, .65);
}

#kontakt .newsletter p {
    font-size: 10px;
}

#kontakt ul.socialmedianav li {
    position: relative;
    float: left;
    margin-right: 4px
}

#kontakt h1, #kontakt h2, #kontakt h3, #kontakt h4, #kontakt h5, #kontakt p, #kontakt a {
    color: #fff;
}

#kontakt ul, #kontakt ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

#kontakt ul li a:hover {
    opacity: .5
}

.form-control {
    color: #000;
    background: #fff;
    border-radius: 25px !important;
    border: 1px solid #eee !important;
        margin-bottom: 15px;
    box-shadow: none !important;

    height: auto !important;
    padding:12px 12px;
}

span.woocommerce-input-wrapper  {width:100%;}

textarea.form-control {
    height: auto;
}

.form-control:focus {
    border-bottom: 1px solid #27b3c2 !important
}

.btn {
    line-height: 30px
}

.btn-block {
    background: rgba(255, 255, 255, 1);
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.btn-block:hover, .btn-block:focus {
    color: #fff;
    border-color: #000;
    color: #000;
    background: #333;
}

.btn-default, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, input[type="button"], input[type="submit"] {
    border-radius:25px !Important;
    background: #27b3c2 !important;
    color: #fff;
    border: 1px solid #27b3c2 !important;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    padding: 10px 12px !important;
    text-transform: uppercase;
    text-decoration: none;
}

#maincontent a.btn { text-decoration: none}

.btn-default.btn-dark {background-color: #000 !important; color:#fff;}
.btn-default:hover {background-color: #999 !important; color:#fff !important;}

.btn-default.disabled,
.btn.disabled{background-color: none !important;
    cursor: not-allowed; pointer-events: none !important; opacity: .33}

.btn-default:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    color: #000
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    border-radius: 0 !Important;
    height: 40px;
    background: #fff;
    color: #000;
    border: 1px solid #000 !important;
    text-align: center;
    font-weight: 700;
    opacity: .4;
    padding: 6px 12px !important;
    font-size: 14px;
}

.form-control::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999 !important;
}

.form-control::-webkit-input-placeholder {
    color: #999 !important;
}

.ausgeblendet {
    opacity: 0
}

.eingeblendet {
    opacity: 1
}

.full-visible {
    opacity: 1 !important
}

.input-group-addon {
    border-radius: 0;
    background-color: #eee;
    color: #000;
    font-size: 10px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    background: #005380;
    border-radius: 50%;
}

.carousel-indicators .active {
    width: 18px;
    height: 18px;
    background: #45b5e0
}

#bottom .social ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#bottom .social ul li {
    position: relative;
    float: left;
    margin: 0 15px;
}

#bottom .social ul li a i {
    font-size: 40px;
}

#bottom .social {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding: 30px 0
}

#bottom .closer {
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding: 30px 0 5px
}

#bottom .meta {
    padding: 30px 0
}

#bottom {
    background: #404040;
    color: rgba(255, 255, 255, .5);
    font-size: 13px;
    padding: 30px 0 0;
    z-index: 20;
    position: relative;
}

#bottom h5 {
    color: rgba(255, 255, 255, .5);
    display: inline-block !Important;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

#bottom h5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#bottom ul {
    margin: 0;
    padding: 0;
}

#bottom ul li {
    list-style: none;
    color: rgba(255, 255, 255, .5);
    position: relative;
    line-height: 20px;
}

#bottom ul li a {
    color: rgba(255, 255, 255, .5) !important;
    font-size: 13px;
}

#bottom ul li a:hover {
    color: #fff !important
}

footer {
    background: #fff;
    color: #000;
}

footer ul, #meta ul {
    margin: 0;
    padding: 0
}

footer ul li, #meta ul li {
    list-style: none;
    position: relative;
    float: left;
    margin-right: 5px;
}

footer ul li a, #meta ul li a {
    color: #000;
    font-size: 12px;
}

footer .socialmedia ul li {
    float: right;
    margin: 0 5px;
}

@media (max-width: 480px) {
    #newsletter > div.row, footer > div.row {
        margin: 0;
    }
}

.breadcrumbcontainer {
    font-size: 12px;
    text-align: right;
    text-decoration: none
}

.breadcrumbcontainer a {
    text-decoration: none
}

.breadcrumbcontainer a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .breadcrumbcontainer {
        font-size: 12px;
        text-align: left;
    }
}

.wpml-ls-legacy-list-horizontal {
    padding: 0
}

.wpml-ls-legacy-list-horizontal a {
    padding: 5px;
}

.wpml-ls-current-language {
    opacity: .33
}

.results_wrapper {
    padding: 15px;
    color: #000;
}

.results_wrapper:nth-child(odd) {
    background: #fafafa
}

.results_wrapper:hover {
    background: #F2F2F2
}

div.results_entry .results_row_left_column span.location_name {
    color: #000 !important;
}

#searchForm INPUT#addressSubmit.slp_ui_button {
    width: 100% !important;
    display: block;
    border-radius: 0 !Important;
    background: #333;
    color: #fff;
    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: 4px;
}

#searchForm INPUT[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-bottom: 1px solid #666;
    border-radius: 0 !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
    margin-bottom: 15px;
}

#searchForm LABEL {
    text-align: left !important
}

#radiusSelect {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
}

#radius_in_submit, #searchForm #addy_in_radius, #searchForm INPUT[type="text"] {
    width: 100% !important;
    display: block !important
}

.search_item, #addy_in_radius {
    margin: 10px auto !Important
}

#radius_in_submit {
    margin-bottom: 50px !important;
}

div.results_entry {
    padding-bottom: 0 !Important
}

/** SHARE **/
.sharer, .sharer a {
    color: #aaa;
    font-size: 12px;
}

.sharer a {
    margin-left: 5px;
}

.sharer a:hover {
    color: #000
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
}

body.admin-bar nav {
    margin-top: 36px
}

select {
    -webkit-appearance: none;
}

.woocommerce form .form-row .input-checkbox {

    display: inline;
    margin: 9px 8px 0 0;
    padding: 0 !important;
    border: 0 !Important;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: relative !important

}

.descholder h4 {
    font-size: 1em !important;
    font-weight: bold;
    margin-bottom: 5px;
}

.sku p {
    font-size: 10px;
    margin-bottom: 5px;
}

.isOnSale {
    background-color: #999;
    color: #fff;
    padding: 3px 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    color: #fff;
    display: none;
    font-weight: bold;
    font-size: 12px;
}

.productitem.is_sale .isOnSale {
    display: block
}


/*
.attributeOption.active:before {
    content:'x'; position: absolute;
    left: 0; top:0; bottom:0; right:0; text-align: center; line-height: 22px; color:#000; font-weight: bold;
}
*/
.attributeOption:hover {
    opacity: .75
}

.attributeOption:focus {
    opacity: 1
}
/*
#productthumbs .slick-prev, #productthumbs .slick-next {
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    font-size: 16px;
    width: 100%;
    text-shadow: none;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    transition: opacity ease .3s
}

#productthumbs .slick-prev {
    top: -20px;
}

#productthumbs .slick-next {
    bottom: -30px;
    top: auto;
}*/
 /** PAGINATION **/

ul.paginationnumbers {
    display: block;
    text-align: center;
    overflow: hidden;
    list-style: none;
    padding-left:0;
}

ul.paginationnumbers li, .pagebutton {
    display: inline-block;
    color: #666;
    font-weight: bold;
    padding: 3px 6px;
    height: 30px;
    line-height: 30px;
    list-style:none;

}


ul.paginationnumbers li a, .pagebutton i {
    color: #9a9b9c;

    display:block;
}

ul.paginationnumbers li:hover a {
    opacity: .75
}

/*
#productthumbs {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 30px 0;
}

#productthumbs .thumbslick {
    position: absolute;
    left: 0;
    bottom: 30px;
    top: 30px;
    right: 0;
    margin: 0;
}

#productthumbs .thumbslick .slick-list {
    height: 100% !important
}

#productthumbs .thumbslick a, #productthumbs .slick-slide > div {
    display: block;
    overflow: hidden
}

#productthumbs .thumbslick__image {
    height: 0;
    position: relative;
    overflow: hidden;
}

#productthumbs .thumbslick__image a {
    display: block;
}

#productthumbs .thumbslick__image:after {
    padding-bottom: 100%;
    content: '';
    display: block;
}

#productthumbs .thumbslick .thumb {
    overflow: hidden;
    position: relative;
}

#productthumbs .thumbslick .thumb > a {
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 2px;
    right: 0;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

#productthumbs .thumbslick .thumb:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}*/
@media (min-width: 1460px) {
    .container {width:1400px;}
}
.container-fluid {max-width: 1870px;}


.navbar .container-fluid { position: relative}


nav .container-fluid { position: relative;}
.searchbar {
    position: absolute;
    left: 15px;
    top: 0;
    right: 15px;
    transform: translateY(-300px);
    transition: transform ease .3s;
    padding: 15px 0px;
}
@media (max-width: 991px)
{
    .searchbar {padding: 15px 0px;}
}

.mobilesearchbar {
    position: relative;
    
    top: 0;
    transition: transform ease .3s;
    padding: 10px 0px;
}

.mainNav.searchIn .searchbar,
.mainNav.searchIn .mobilesearchbar{
    transform: translateY(0)
}

.mainNav.searchIn ul#nav {
    transform: translateY(-500px)
}


.searchbar form label,
.mobilesearchbar form label {
    position: absolute; left:5px; top:5px;
    font-size: 8px
}

.searchbar .form-control ,
.mobilesearchbar .form-control {
    background-color: transparent !important;
    padding-top: 15px;
}

.searchbar .btn-default,
.mobilesearchbar .btn-default{
    margin-left: 5px;
}



.searchbar .closeSearch,
.mobilesearchbar .closeSearch{
    line-height: 1;
    color: #000; position: absolute;
    right: 0px;     top: 0px;
    padding: 10px 30px;
}
.startmobileSearch { position: absolute; top:10px; right: 90px; line-height: 50px; color:#fff;}
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.woocommerce .blockUI.blockOverlay::before {
    -webkit-animation: none !important;
    animation: none !important;
    background: url(../images/loading.gif) center center;
background-size: contain;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0,0,0,.75);
    background-repeat: no-repeat;
}