/* roboto-condensed-300 - latin */
/* open-sans-300 - latin */


/* josefin-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Josefin Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../assets/fonts/josefin-sans-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Josefin Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../assets/fonts/josefin-sans-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Josefin Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../assets/fonts/josefin-sans-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Josefin Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../assets/fonts/josefin-sans-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('../assets/fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../assets/fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: url('../assets/fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../assets/fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../assets/fonts/fa-brands-400.eot");
    src: url("../assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fa-brands-400.woff2") format("woff2"), url("../assets/fonts/fa-brands-400.woff") format("woff"), url("../assets/fonts/fa-brands-400.ttf") format("truetype"), url("../assets/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../assets/fonts/fa-regular-400.eot");
    src: url("../assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fa-regular-400.woff2") format("woff2"), url("../assets/fonts/fa-regular-400.woff") format("woff"), url("../assets/fonts/fa-regular-400.ttf") format("truetype"), url("../assets/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../assets/fonts/fa-solid-900.eot");
    src: url("../assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fa-solid-900.woff2") format("woff2"), url("../assets/fonts/fa-solid-900.woff") format("woff"), url("../assets/fonts/fa-solid-900.ttf") format("truetype"), url("../assets/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-family: 'FontAwesome';
    font-weight: 400;
    font-style: normal;
}

/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../assets/fonts/fa-regular-400.eot");
    src: url("../assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fa-regular-400.woff2") format("woff2"), url("../assets/fonts/fa-regular-400.woff") format("woff"), url("../assets/fonts/fa-regular-400.ttf") format("truetype"), url("../assets/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

html, body {
	scroll-behavior: smooth;
    font-size: 18px;
	line-height: 1.5em;
	/*font-family: "brandon-grotesque",Arial,Helvetica,sans-serif;*/

	font-family: 'Lato',Arial,sans-serif;
	color: #333;
    /*font-family: 'Open Sans', Arial, Sans-Serif;*/
}

div {
    position: relative;
}

body { /*padding-top: 100px;*/
}
.container-fluid,
.container,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 0;
}

.col-12 {width: 100%;}

.container {
    width: 1170px;
	max-width: 100%;
}

#frontpage-teaser  {padding: 100px 0px; font-size: 20px; line-height: 1.5em}
#frontpage-teaser .col-left,
#frontpage-teaser .col-right {padding: 0 40px}
#frontpage-teaser .col-right {border-left: 1px solid #666;}
#frontpage-teaser .col-left b{font-weight: 900; text-transform: uppercase}

.container-1440 {
    width: 1440px;
	margin: 0 auto;
	max-width: 100%;
}

.container-small {width: 620px}

.priceTablePpr {
    margin: 0 auto !important;
    width: auto !important;
    margin-bottom: 20px !important;
}

.priceTablePpr td,
.priceTablePpr tr {
    font-size: 1rem;
    padding: 0 !important;
    color: #333 !important;
    text-align: center !important;
    border-width: 0 !important;

}

.search-result-row .inner:after,
.contact-info:after,
.clearfix:after,
.clearer:after {
    clear: both;
    float: none;
}

.no-margin {
    margin: 0 !important;
}

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

.line-height-1_5x {
    line-height: 1.5em
}

.line-height-2x {
    line-height: 2em
}

.btn-primary.focus, .btn-primary:focus,
.c-bg-green,
.action.primary:hover, .action.primary:focus,
.ib {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important; /* #000000*/
}

.c-bg-white {
    background-color: #FFF;
}

.c-bg-black {background-color: #000}

.c-darkgray {
    color: #2f353b
}

.c-white {
    color: #FFF;
}

.c-lightgrey {
    color: #f7f7f7
}

.c-green {
    color: #000000 /* c8d046 000000*/
}

.fa-3 {
    font-size: 3rem;
}

.c-bg-darkgray {
    background-color: #2f353b;
}

.c-bg-grey {
    background-color: #999999 !important;
}

.c-bg-lightgrey {
    background-color: #f7f7f7 !important;
}

.c-bg-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    min-height: 100%;
}

.t-italic {
    font-style: italic
}

.t-bigger {
    font-size: 24px;
    font-weight: 300
}

.c-pad-20 {
    padding: 20px
}

.c-pad-40 {
    padding: 40px
}

.text-w-400 {
    font-weight: 400 !important;
}

.text-w-300 {
    font-weight: 300 !important;
}

.text-w-600 {
    font-weight: 600 !important;
}

.text-w-700 {
    font-weight: 700 !important;
}

.text-uppercase,
.c-text-uppercase {
    text-transform: uppercase;
}

.align-left,
.t-align-left {
    text-align: left;
}

.align-right,
.t-align-right {
    text-align: right;
}

.text-center,
.align-center,
.t-align-center {
    text-align: center;
}

img {
    transition: transform .1s; /* Animation */
}

img.zoom:hover {
    transform: scale(8); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 1000
}

.form-field-box {
}

#i_media_field_box {
    z-index: 2
}

.button,
.location .category-name,
h1,h2, h3,h4 {
	font-weight: 700;
	/*font-family: "Josefin Sans",Arial,Helvetica,sans-serif;*/
	text-transform: uppercase;
	letter-spacing: .2rem;
	letter-spacing: initial;

}

.location .category-name {background-color: #000000;}

h1, h2 {
    font-size: 2.5rem;
    color: #333;
    /*text-transform: uppercase;*/
    margin: 40px 0;
}

h1.biggest {
    font-size: 60px;
    font-weight: 900;
}

h1#page-title-heading {
    /*text-transform: uppercase; */
    margin: 80px 0 40px 0;
}



.no-headline {
    margin-top: 60px;
}

h2 {
    font-size: 2rem;
    font-weight: 900;

}

h2.small-heading,
h2.big-heading {
    text-transform: uppercase;

    color: rgba(0, 0, 0, 1);
    font-size: 4rem;
    font-weight: 700;
    line-height: 0.9em;
    margin-top: 0;
    margin-bottom: 0;
}

.category-info h1 {
    margin-top: 0;

}

b.big {text-transform: uppercase; font-size: 22px; font-weight: 900;}
.category-info h2.big-heading {
    margin: 0;
    margin-bottom: 40px
}

h2.small-heading {
    font-size: 2rem;
    line-height: 0.9em;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 1.5rem;

    color: rgba(0, 0, 0, 1);
    margin-bottom: 10px;
}

.location {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
}

.location img {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

/*
.c-content-title-2-green,
.c-content-title-1 {
    color: rgb(63, 68, 74);
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    text-align: center;
}
*/

.c-font-green,
.c-content-title-2-green,
.price-box .price {
    color: rgba(0, 0, 0, 1);
}

.price-patch {
    position: absolute;
    top: 20px;
    height: 120px;
    right: 20px;
    width: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price-patch img {
    width: auto;
    height: 100%;
}

.price-patch .purchase-price {
    width: 100%;
    position: absolute;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
}

.c-font-white {
    color: #FFF
}

.c-content-v-center .c-wrapper {
    padding: 10%;
    width: 100%;
    height: 100%;
    display: table;
    box-sizing: border-box
}

#partner-footer {
    margin-top: 100px;
    display: block;
}

#partner-footer .owl-dots {
    display: none
}

#newsletter-popup {
    display: none
}

.newsletter-form {
}

#partner-footer .partner {
    padding: 0 20px
}

.footer .ib i {
    font-size: 23px;
    line-height: 40px;
    padding-left: 2px;
}

.footer .feature {
    line-height: 40px;
}

#ebb-advantages .feature-icon .ib-lg i {
    font-size: 40px;
    line-height: 60px;
}

.c-box-bg {
    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-position: center;
    height: 210px;
    position: relative;
    z-index: 1;

}

.c-arrow-left:after {
    top: calc(50% - 13px);

    border: solid transparent;

    content: " ";

    position: absolute;

    pointer-events: none;

    border-width: 13px;

    z-index: 99;
}

.c-arrow-right:after {
    top: calc(50% - 13px);

    content: " ";

    position: absolute;

    pointer-events: none;

    border: 13px solid transparent;

    z-index: 99;
}

.c-font-20 {
    font-size: 20px;
}

.c-center, .rtecenter, .c-text-center {
    text-align: center;
}

.text-arial {font-family: Arial, Verdana, sans-serif}




.c-font-regular {
}

.c-line-left,
.c-line-right,
.c-line-center {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-repeat-y:;
    background-size: auto;
    box-sizing: border-box;
    display: block;
    height: 1px;
    line-height: 24.2857px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: -20px;
    width: 80px;
}

.c-line-left {

    margin: 0 0 30px 0;
}

.c-line-right {
    margin: 0 0 30px auto
}

.btn.c-btn-border-2x.c-btn-uppercase.btn-lg {
    padding: 12px 26px 12px 26px;
}

.c-btn-border-2x.c-btn-dark {
    border-color: #2f353b;
    color: #2f353b;
    background: none;
}

.c-btn-uppercase.btn-lg {
    font-size: 20px;
    padding: 12px 26px 11px 26px;
}

.btn.c-btn-border-2x {

    border: 2px solid #2f353b;

    padding: 6px 20px 4px 20px;
}

.location-grid,
.sales-grid {

    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.location-grid .hide-in-overview,
.sales-grid .hide-in-overview {
    display: none
}

.role-test .button-service,
.role-user .sku,
.role-test .sku,
.role-guest .sku {
    display: none
}

.location-grid,
.sales-grid {
}
.location-grid .search-results { width: 100%; display: flex; flex-wrap: wrap;}
.location-grid .search-results .product-row,
.sales-grid .product-row {

    width: 23%;
    margin: 20px 1%;
    border-bottom: 1px solid #FFF;
    border: 0px solid rgba( 0, 0, 0, 0.5);
    padding: 1%;
}

.location-grid.big-grid .search-results .product-row {width: 31.333%; padding: 20px 0}
.location-grid.big-grid .search-results .product-row > * {padding: 0 30px}

.search-results .product-row {cursor:pointer;}

.product-row {
    transition: opacity 300ms linear;
    opacity: 1;
}

.dont-show-size,
.dont-show-brand,
.dont-show-type,
.dont-show {
    display:none !important;
    opacity: 0;
}

.view-grid .location-grid .search-results .product-row > div,
.view-grid .sales-grid .product-row > div {
    width: 100%;
    text-align: center
}

.view-list .location-grid .search-results .product-row,
.view-list .sales-grid .product-row {
    width: 100%;
    padding: 10px
}

.view-list .location-grid .search-results .product-row.not-available.producttype-rodel {
    display: none
}

.view-list .location-grid .search-results .product-row.not-available.producttype-nuki {
    display: none
}

.view-list .location-grid .search-results .product-row > div,
.view-list .sales-grid .product-row > div {
    text-align: left;
}

.view-list .location-grid .search-results .product-row .product-row-image img,
.view-list .sales-grid .product-row .product-row-image img {
    max-height: 60px;
    width: auto;
}

.view-list .location-grid .search-results .product-row-cartaction,
.view-list .sales-grid .product-row-cartaction {
    margin: 0
}

.sales-grid .product-row.type-11 {
    padding-top: 100px;
}

/*
.location-grid .search-results .product-row {
    width: 31.333333333%;
}
*/

.additional_info {
    background: #F3F3F3;
    padding: 10px 10px;
    margin-left: 10px;
    font-size: 0.9rem;
    border: 1px solid rgba( 0, 0, 0, 0.5);

    margin-bottom: 30px;
}

.location-grid .additional_info,
.sales-grid .additional_info {
    margin: 0;
    border-width: 0;
    margin-bottom: 30px;
}

.location-grid .search-results .product-row-cartaction,
.sales-grid .product-row-cartaction {
    margin: 20px 0;
}

#main-content-sales h3,
.additional_info h3 {

    color: rgba(0, 0, 0, 1);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
}


#main-content-sales h3 {
    font-size: 1.5rem
}

#main-content-sales {
    font-size: 1.5rem;
    margin-bottom: 40px;
    text-align: center;
}

.additional_info .shipping {
    margin: 20px 0;
}

.product-info-main .page-title-wrapper .c-line-center,
.product-info-main h1.c-text-center {
    text-align: left;
}

.product-info-main .page-title-wrapper .c-line-center {
    left: 0;
    position: relative;
    width: 100%;
    margin: 0;
    height: 1px;
}

.day-detail-container td.available {
    padding: 2px;
}

.day-detail-container .available {
    border: 1px solid #77d5f7;
    /*  background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x; */
}

.day-detail-container .table_head td {
    font-size: 10px;
}

.product-view .ppr-ul-list,
.fotorama__caption,
.product-info-stock-sku,
.product-info-main .box-tocart .field.qty,
.toolbar-products,
.product-social-links {
    display: none !important;
}

/* EVENTS */

.shadow-box,
.event {
    padding: 30px 10px;
    margin-top: 20px;
    border: 1px solid #DEDEDE;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.event-date-info {
    font-size: 0.9em;
    color: #000;
}

.event h2 {
    margin: 20px 0;
}

.event-full {
    margin-top: 40px;
}



.info-container,
.info-row .info-image,
.event .image-container,
.event-teaser,
.row.event-row {
    margin-bottom: 40px;
}

.info-container,
.info-row {margin-top: 40px}

.event-full .event-teaser {
    padding: 0 40px;
}

.info-row .info,
.info-row .info-image,
.event > div {
    padding: 0 10px;
}

.info-box-container {border: 0px solid #CCC; text-align: center; margin: 40px 20px}
.info-box-container h3 {font-weight: 700}
.info-box-icon {width: 50px; height: auto;}

.event > div.event-info {
    padding: 0 40px;
}

.gallery-col-padding {padding: 0 10px}

/* END EVENTS */


/* FORM */
#contact-form .fieldset > .field:not(.choice) > .label,
#contact-form .fieldset > .field:not(.choice) > .control {
    width: 100% !important;
    text-align: center !important;;
    font-weight: 400;
    float: none !important;;
}

.abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset::after {
    margin: 0 auto;
}

#contact-form {
}

/* */
.input-group[class*="col-"] {
    float: left;
}

input[type=file] {
	display: block;
	padding-top: 6px;
	height: 40px;
}

#toolbar-booking,
#toolbar-booking-category {
    padding: 1px 0;
}

#toolbar-booking-category {
    margin: 20px 0;
    width: 100%;
    margin-bottom: 40px;
}

#toolbar-booking-category .container {
    width: 100%;
}

#form_search_bikes,
#form_search_bikes .form-group {
    width: 100%;
    position: relative;
    margin: 0;
}

#bike-search-container > div {
    margin: 0;
}

.button {
    padding: 10px 20px;
    background: transparent;
    padding: 10px 20px;
    border: 1px solid #000000;
    width: auto;
    display: inline-block;
    text-transform: uppercase;
}
.button,
.button.button-to-cart,
.button.button-addtocart {
	background-color: #000000;
	color: #FFF;
	font-weight: 900;
}


.button:hover,
.button a:hover,
.button:hover a {
    text-decoration: none !important;
}

.button.highlight,
.button:hover {
    background: #000000;
    color: #FFF !important;
    cursor: pointer;
    border-color: #FFF;
}
.button.highlight,
.button.highlight:hover {
font-weight: 900; text-decoration: none
}


.bg_green_soft .button {
    border-color: #FFF;
}

a .booking-button,
.booking-button a,
#form_search_bikes_submit {
    background: #FFF;
    background: #000000;
    border: 1px solid #000000;
    color: #FFF;
    height: auto;
    padding: 5px 20px;
    margin-left: 10px;
    width: 100%;
    font-size: 20px;
	font-weight: 900;
}

button,
.button,
a .booking-button,
.booking-button a,
#form_search_bikes_submit,
.banner-container a .booking-button,
.banner-container .booking-button a {
    border-radius: 5px;
}

.button-container {
	display: block;

margin-top: 10px;
	text-align: center;
}

.button-bordered-white {
    border: 1px solid #FFF;
    color: #FFF;
    background: none;
}

.button-white {
    border: 1px solid #FFF;
    color: rgba(0, 0, 0, 1);
    background: #FFF;
}

#sib-form button.button-bordered-black,
.button-bordered-black {

    border: 1px solid #000;
    color: #000;
    background: none;
}

.button-white:hover,
#sib-form button.button-bordered-black:hover,
.button-bordered-black:hover {

    border: 1px solid #FFF;
    color: #FFF;

    background: rgba(0, 0, 0, 1);
}

.button-small {
    font-size: 0.9em;
    padding: 5px 10px;
     border-radius:  0}

.button-container .booking-button {
    min-width: 280px;
    margin: 0 auto;
    position: relative;
    color: #000;
    border: 1px solid #000;
    left: auto;
    bottom: auto;
    top: auto;
    opacity: 1;
    background: none;
}

#form_search_bikes_submit {cursor: pointer}

#bike_search_until {
    padding-left: 4px;
}

#form_search_bikes_submit {
    /*margin-left: 4px;*/
}

#form_search_bikes_submit {
    width: auto;
}

.product-date-info {
    margin: 15px 0 0 0;
}

#toolbar-booking-category {
/*    margin-bottom: 0;*/
}

.container-toolbar {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0;
    padding-top: 5px;
    font-weight: 700;
}

#brand_filter {padding-bottom: 20px;}
#type_filter {padding-bottom: 20px;}

#size_filter,
#brand_filter,
#type_filter {
    display: none
}

#toolbar-viewselect {
    margin-top: 20px;
}

#sizefilter-available,
.sizefilterselect,
#brandfilter-available,
.brandfilterselect,
#filter-available,
.filterselect {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 0.9em;
    font-weight: 400;
    
}

#brandfilterselect-container,
#filterselect-container {text-align: center; margin: 0 auto; width: auto;}

.sizefilterselect,
.brandfilterselect ,
.filterselect { border-left: 1px solid #000; display: inline-block;
    padding: 0 10px;
/*    float:left;*/

}


.sizefilterselect:first-child,
.brandfilterselect:first-child,
.filterselect:first-child {border-left: 0px solid #FFF;}

.select2-container {width: 100% !important; }

.filterselect_icon,
.viewselect_icon {
    margin: 0 5px;
    display: inline-block;
    opacity: 0.5;
}

.sizefilterselect,
.brandfilterselect,
.filterselect,
.filterselect_icon {
    opacity: 1;
    display: none
}

.sizefilterselect.available,
.brandfilterselect.available,
.filterselect.available,
.filterselect_icon.available {
    display: inline-block !important
}

.filterselect_icon img {
    opacity: .5
}


#brandfilter-available,
#filter-available,
#sizefilter-available {font-weight: 700;}

#brandfilter-available.active,
#filter-available.active,
#sizefilter-available.active,

#brandfilter-available.active,
#filter-available.active,
#sizefilter-available.active,
.filterselect.active,
.sizefilterselect.active,
.brandfilterselect.active {
    color: rgba(150, 191, 61, 1);
    font-weight: 700;
    /*border-bottom: 2px solid #333;*/
}

.filterselect_icon img:hover,
.filterselect_icon.active img,
.viewselect_icon:hover,
.viewselect_icon.active {
    opacity: 1;
}

.tooltip {
    position: relative;
    text-decoration: none;
}

.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 10%;
    background: rgba(0, 0, 0, 1);
    padding: 5px 15px;
    color: #ffffff;
    -webkit- border-radius:  0;
    -moz- border-radius:  0;
     border-radius:  0;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, 1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    left: 20%;
    bottom: 90%;
}

.tooltip:hover:after {
    bottom: 100%;
}

.tooltip:hover:before {
    bottom: 90%;
}

.tooltip:hover:after, :hover:before {
    opacity: 1;
}

.single-cat #booking-container-bikes .product-date-info {
    display: none
}

.cartpreview-product-daterange {
    text-align: center;
    font-weight: 700;
}

.net {
    display: inline-block;
    display: none;
    font-size: 0.1em;
}

.modal-backdrop {
    display: none !important;
}

.modal.delete-confirmation {
    z-index: 99999 !important;
}

.modal-dialog {
    top: 20%;
}

#sidebar-widget-container {position: fixed;  right: 0; top: 40%;  z-index: 1000;}
#sidebar-widget-container .sidebar-widget { right: 0;
	background: rgba(0, 0, 0, 1);
	border: 0px solid #FFF;
	text-transform: uppercase;
	color: #FFF;
	-webkit-box-shadow: -5px 5px 37px 2px rgba(0,0,0,0.36);
	box-shadow: -5px 5px 37px 2px rgba(0,0,0,0.36);
	margin-bottom: 20px;
	padding: 10px;
}
#sidebar-widget-container .sidebar-widget .sidebar-widget-teaser {font-weight: 700; font-size: 1.5em}
#sidebar-widget-container .sidebar-widget .sidebar-widget-content {display:none; height: 0}
#sidebar-widget-container .sidebar-widget:hover sidebar-widget-content {height: auto; display:block;}


#fullcart-content .cartpreview-product-daterange,
#cart .cartpreview-product-daterange {
    display: inline-block;
    font-weight: 400;
    font-size: 0.8rem;
}

#fullcart-content .cartpreview-product-daterange {
    font-size: 1rem
}

#fullcart-content .product-date-info,
#cart .product-date-info {
    margin-top: 5px;
}

.product-row-image {margin-bottom: 10px}
#fullcart-content .product-row-price,
#cart .product-row-price {
    font-size: 1rem;
}

.product-row-image img {max-height: 80px; width: auto; height: auto}
.listall .product-row-image img,
.mieten .product-row-image img {max-height: 100%;}

#full-cart-content .product-row-image {}

#fullcart-content .price-prefix,
#cart .price-prefix {
    display: none;
}


.edit-price-form {display:none;
    font-size: 14px;
    background: #EEE;
    line-height: 20px;
    padding: 10px 5px;
    margin: 10px;
}

#additional-products .overlay-header {font-weight: 900; margin-bottom: 20px; font-size: 16px;}
#additional-products .product-row-cartaction {padding: 0 10px;}
#additional-products .overlay-header .button {padding: 5px 10px 0px 10px; font-size: 1em;}

.data-input-container {max-width: 225px; margin: 0 auto; font-size: 0.9em; font-weight: 400}
.data-input-row { margin: 5px 0;}
.data-input-row input {width: 50px;height: 25px;}
.data-input-row .label {width: 140px; color: #000; display: inline-block; text-align: right; font-size: 1em; font-weight: 400; padding-left: 10px; }
.product-row .additional_data {font-size: 14px;}
.product-row .additional_data i {font-weight: 400; text-transform: initial ;}

header #cart {
    position: absolute;
    overflow-y: auto;
    max-height: 90vh;
}

header .search-result-category-0 .product-date-info,
header #cart-content .sku {
    display: none;
}



.product-row-name {text-transform: uppercase; font-weight: 900}
.big-grid .product-row-name {font-size: 22px; text-align: center; margin-bottom: 40px}


.row.bike-links {text-align: center; margin-top: 40px; margin-bottom: 10px}
.bike-links a {color: #000000; font-weight: 900; text-decoration: underline; font-size: 16px}

.product-size {font-size: 15px; font-weight: 400; font-family: Arial, Verdana, sans-serif; font-style: italic}
header .product-row-name {
    font-size: 14px
}

header #cart .button-removefromcart {
    border-width: 0;
    padding: 0
}

.product-row-price {
    font-weight: 700;
    font-size: 1.5rem;
}

.product-row-price .reservation-info {
    font-size: 14px;
    font-weight: 400;
}

a .booking-button,
.booking-button {
    position: absolute;
    left: 50%;
    bottom: 10%;
    text-align: center;
    width: 200px;
    margin-left: -100px;
    opacity: 0;
    background: transparent;
}

.location .booking-button {
    opacity: 1;
    bottom: auto;
    top: 50%;
    margin-top: -40px;
}

a .booking-button,
.booking-button a {
    background: rgba( 0, 0, 0, 0.9);
    border: 1px solid #FFF;
    text-transform: uppercase;
    color: #FFF;
}

a:hover .booking-button,
.location:hover a .booking-button,
.booking-button a:hover {
    background: #000000;
    color: #FFF;
    text-decoration: none;
}

.location img.category-image {

    -webkit-transition: -webkit-transform 0.4s;
    -webkit-transform: scale(1.0);
    -moz-transition: -moz-transform 0.4s;
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transition: transform 0.4s;
    transform: scale(1.0);

    -webkit-transition: transform 400ms ease-in-out;
    -moz-transition: transform 400ms ease-in-out;
    -o-transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;

}

.location .category-name {

    color: #FFF;
    position: absolute;
	bottom: 0px;
	left: 0;
    right: 0;
    padding: 20px 40px;
    margin: 0;
    text-align: center;
    width: 100%;

    margin: 0;
	border-right: 0px solid #FFF;
	border-left: 0px solid #FFF

}

.ebb-standort .category-name {}
.region .category-name {
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.scrolled .wg-default .country-selector {
    display: none !important;
}

.wg-default .country-selector {
    position: fixed !important;
    bottom: 40px !important;
    right: auto !important;;
    width: auto !important;
    background: none !important;
    color: #FFF !important;
    left: 40px !important;
    border-width: 0 !important;
}

.wg-drop.country-selector ul {
    background: none !important;
    overflow: hidden !important;
    padding-bottom: 2px !important;
}

.wg-drop.weg-openup ul {
    bottom: 50px !important;
}

.wg-drop.country-selector ul,
.wg-drop.country-selector .wgcurrent {
    border-width: 0 !important;
}

.wg-default .wg-drop.country-selector a {
    color: #000 !important;
    text-transform: uppercase !important;
    padding-left: 0 !important;
}

.wg-flags a img.wg-flag {
    height: 38px !important;
    width: 38px !important;
}

.wg-drop.country-selector .wgcurrent a,
.wg-default, .wg-default .country-selector a {
    color: #FFF !important;
}

.wg-drop.country-selector .wgcurrent:after {
    display: none !important;
}

/* ROUNDED */

img.category-image {
    border-radius: 5px;
}

/*
.category-name.bg_green_soft,
.category-name {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
}*/

/* END ROUNDED */
.location .inner-container {
    /*   padding: 0 5px;*/
}

.location:hover img.category-image {

    -webkit-transition: -webkit-transform 0.4s;
    -webkit-transform: scale(1.1);
    -moz-transition: -moz-transform 0.4s;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: transform 0.4s;
    transform: scale(1.1);

    -webkit-transition: transform 400ms ease-in-out;
    -moz-transition: transform 400ms ease-in-out;
    -o-transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;

}

.location:hover a {
    text-decoration: none;
}

a {
    color: #333;
}

.extlink,
a:hover, .sideacco li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover {
    color: #000000;
}

img, object, video, embed {
    height: auto;
    max-width: 100%;
}

#background-intro,
#video-intro {
    margin-top: -36px
}

#video-intro video {
    width: 100%;
}

#background-intro {
    background: #83badc;
    text-align: right;
    margin-bottom: 80px;
}

#cu-ci {
    position: absolute;
    left: 80px;
    top: 100px;
    text-align: left;
    font-size: 3rem;
    color: #FFF;
    font-weight: 700;
    line-height: 1em
}

#cu-ci img {
    margin-bottom: 40px
}

#cu-headline .small {
    font-size: 1rem;
    line-height: 1em;
    margin-top: 40px;
    font-weight: 400;
}

.location-grid .search-results .product-row, .sales-grid .product-row,
header, .navbar, #logo {

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

#logo  img {width: auto; max-height: 40px; }

#logo #logo-full {display: block}
#logo #logo-icon {display: none}

.scrolled #logo #logo-icon {display: block;}
.scrolled #logo #logo-full {display: none;}

.navbar {
    padding: 0 80px;
    position: relative;
    z-index: 7000;
    min-height: 50px;
    border: 0px solid #FFF;
    margin: 0px 0;
    border-radius: 0;
    display: block;
    text-align: left;
    padding-bottom: 10px;


}

header .navbar {
    display: block !important;
}

#logo {
    z-index: 9999;
	display: inline-block;
	margin: 20px 40px;

}

#logo img {height: 35px;}
.scrolled #logo img {height: 35px; }
.scrolled #logo {margin: 10px;}
.scrolled .navbar {
    margin: 5px 0;
    padding-bottom: 0;
}

/*

*/
/*.scrolled #logo {
    margin: 0;
}

.scrolled #logo img {
    height: 100%;
    width: auto;
    max-width: 130px;
}
*/

.clean_interface #logo img {max-height: 23px;}
.clean_interface #logo {margin: 30px 10px;} 

.clean_interface .inactive {background: #EEE;
    color: #999 !important;}
.scrolled .clean_interface #logo {margin: 10px; }

.front .admin header,
.front .boxowner header,
.front .service header,
.scrolled header,
.scrolled.front header,
header {
    position: fixed;
    width: 100%;
    background: #FFF;
    z-index: 7000;
    top: 0;
/*    -webkit-box-shadow: 6px 4px 15px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 6px 4px 15px -6px rgba(0, 0, 0, 0.15);*/
}

/*
header,
.cartpreview-product-daterange,
.page-footer,
#partnerbox {
    font-family: 'Roboto Condensed';
}
*/
/*.single-cat header {background: rgba(255,255,255,0.4)}*/

.confirmed,
.confirmed a {
    color: #006600;
}

.notconfirmed,
.notconfirmed .order-row-date,
.notconfirmed a,
.notconfirmed .order-row-action {
    font-size: 12px;
    color: #600;
}

.confirmed .order-row-date,
.confirmed .order-row-action,
.notconfirmed .order-row-date,
.notconfirmed .order-row-action {
    color: #000
}

.add-safety-package {
    background-color: #000000;
    border-radius: 115px;
    width: 230px;
    height: 230px;
    text-align: center;
    position: absolute;
    right: 0;
    margin-right: -75px;
    top: 0;
    margin-top: -130px;
    padding: 15px;
    display: none;
    z-index: 1;

}

#agency {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.add-safety-package h3 {
    color: #FFF;
    margin: 0
}

.close-safety:hover {
    text-decoration: underline
}

.add-safety-package .fa {
    margin: 0 !important;
    padding: 0 !important;
}

button.button-add-safety-package {
    margin-bottom: 10px;
    color: #FFF;
    border: 1px solid #FFFFFF
}

button.button-add-safety-package:hover {
    background-color: #FFF;
    color: #000000 !important;
    border: 1px solid #FFFFFF
}

.add-safety-package a:hover {
    color: #FFF;
}


.testimonial-item {text-align: center; padding: 20px}

.testimonial-item img {max-width: 90%; margin: 0 auto;}
#main-content-container {
    padding-top: 140px;
    z-index: 1;
    /*  display: flex;*/
}

.content  #main-content-container,
.front #main-content-container,
.mieten #main-content-container,
.single-cat #main-content-container {
    padding-top: 80px;
}

/*.front #main-content-container,
.mieten #main-content-container {padding-top: 90px}
*/
.content .container-fluid,
.content .container {margin-bottom: 80px;}
#additional-products .content .container-fluid,
#additional-products .content .container {margin: 0}
.content .container,
.content .textinfo-container,
.content .category-info {font-size: 18px}
/*.banner {
    margin-top: 140px;
}

*/

/*

.image-banner,
#video-banner {
    position: relative;
    width: 100vw;
    height: 100vh;
	height: 85vh;
    overflow: hidden;
    top: 0;
    left: 0
}

#video-banner video {
    width: 100vw;
    height: 100vh;
	height: 100%;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}*/

#frontpage-container {
    margin-top: -120px;
    margin-bottom: -140px;
}

.front #partner-footer {
    margin-top: 140px;
}


.teaser-text {
	font-size: 24px;
}



.info-text,
.textinfo-container,
.category-info,
.teaser-text {
    padding: 20px 40px;
}

.category-info {padding: 20px 60px}
.info-text {

}


.textinfo-container,
.category-info {
    text-align: left;
    width: 100%;
}

.contact-info,
.category-info .category-text {
    width: 100% !important;
    float: none;
	line-height: 1.5em;
	font-family: Arial, Verdana, sans-serif;
}


.contact-info {font-weight: 700;}


.category-text .container-fluid .container {width: 100% !important;}

.category-pickuptext {}
.category-text .category-pickuptext {}


.category-pickuptext .col-12 {border: 1px solid #000000; padding: 5px 10px 0px 10px ; font-style: italic; width: auto; font-size: 0.9rem}
.category-text .category-pickuptext .col-12 {font-size: 1em;}
.booking-info .category-pickuptext .col-12 {text-align: center; margin: 0 auto;}
.category-text .category-pickuptext .container {width: auto !important; max-width: initial !important;}

.category-weather {
    display: none !important;
}

.flex-row,
.flex-column {
    display: flex
}

.flex-column-center {
    align-items: center;
    justify-content: center;
    display: flex
}

#navigation_main {
    position: absolute;
    right: 80px;
    top: 37px;

}

#navigation_main_public {
    float: left;
    margin-left: 0px;
}

.location {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
    padding: 0 15px;
}

.location img {
    margin-bottom: 10px;
}

.scrolled.front header .btn-primary,
header .btn-primary {
    background: none;
    color: #333;
    padding: 5px 25px;
    border-width: 0;
    font-size: 26px;
    text-transform: uppercase;
    margin: 0px 0px;
}

.front header .btn-primary {
    /*color: #FFF;*/
    text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.2);
}

.btn-primary.smaller {font-size: 18px}

header .cart-icon svg,
.front.scrolled header .cart-icon svg {
    fill: #000;
    height: 35px;
    width: 45px
}

header .cart-icon:hover.cart-icon svg {fill: #FFF;}

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {width: 20px; height: 20px;}
#bike-search-container .glyphicon-th:before {font-size: 20px}

.front header .cart-icon svg {
    fill: #000;
}

.front #regions h2 {
    margin: 80px 0;
    text-transform: uppercase
}

.front #regions > .container-fullwidth > .inner-container > .c-line-center {
    margin-top: -60px;
    margin-bottom: 80px;
}

.fa-shopping-cart {
    font-size: 44px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.cart-icon {
    display: inline-block;
    padding: 0;
    margin-top: -2px;
    margin-left: 18px;
}

.cart-icon .btn-primary,
.scrolled .cart-icon .btn-primary {
    padding: 5px !important;
    padding-bottom: 0 !important;
}

.cart-icon img {
    height: 42px;
    width: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.cart-icon:hover img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

#cart-notification {
    position: absolute;
    color: #FFF;
    background: #F00;
    top: 0;
    right: -10px;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
}

.pulsate {

    box-shadow: 0 0 0 rgba(255, 0, 44, 0.4);
    animation: pulsate 0.63s infinite;
}

.loading {
    -webkit-animation: rotation 2s infinite linear;
	width: 100px; height: auto;
}

.loading-search-results,
#loading-search-results {width: 100%;  margin: 40px auto; width: 100px;}


@keyframes spinneranimation {
	0% {
		stroke-dasharray: 1 98;
		stroke-dashoffset: -105;
	}
	50% {
		stroke-dasharray: 80 10;
		stroke-dashoffset: -160;
	}
	100% {
		stroke-dasharray: 1 98;
		stroke-dashoffset: -300;
	}
}

#spinner {
	transform-origin: center;
	animation-name: spinneranimation;
	animation-duration: 1.2s;
	animation-timing-function: cubic-bezier;
	animation-iteration-count: infinite;
}





.loader {
	width: 106px;
	height: 56px;
	display: block;
	margin: 30px auto;
	background-image: linear-gradient(#000000 50px, transparent 0), linear-gradient(#000000 50px, transparent 0), linear-gradient(#000000 50px, transparent 0), linear-gradient(#000000 50px, transparent 0), radial-gradient(circle 14px, #000000 100%, transparent 0);
	background-size: 48px 15px , 15px 35px, 15px 35px, 25px 15px, 28px 28px;
	background-position: 25px 5px, 58px 20px, 25px 17px, 2px 37px, 76px 0px;
	background-repeat: no-repeat;
	position: relative;
	transform: scale(0.8) rotate(-45deg);
	margin-bottom: 0;
	box-sizing: border-box;
}
.loader::after,
.loader::before {
	content: '';
	position: absolute;
	width: 56px;
	height: 56px;
	border: 6px solid #000000;
	border-radius: 50%;
	left: -46px;
	top: -11px;
	background-repeat: no-repeat;
	background-image: linear-gradient(#000000 64px, transparent 0), linear-gradient(#000000 66px, transparent 0), radial-gradient(circle 4px, #000000 100%, transparent 0);
	background-size: 40px 1px , 1px 40px, 8px 8px;
	background-position: center center;
	box-sizing: border-box;
	animation: rotation 0.6s linear infinite;
}
.loader::before {
	left: 25px;
	top: 60px;
}



@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 44, 0.4);
    }
    70% {

        -webkit-transform: scale(1.6);
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {

        -webkit-transform: scale(1.6);
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulsate {
    0% {
        transform: scale(1);
        -moz-transform: scale(1);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 0, 44, 0.4);
    }
    70% {
        transform: scale(1.3);
        #admin-navi ul li
        -moz-transform: scale(1.3);
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {

        transform: scale(1.6);
        -moz-transform: scale(1.6);
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

/*
#navigation_main_user {
    margin-left: 60px;
}**/

#navigation_main #navigation_main_user .btn-primary {
    font-size: 22px;
    height: 53px;
    line-height: 53px;
    padding: 5px 15px
}

header #navigation_main_user {
    text-align: right;
    width: 100%;
    padding-right: 60px;
    z-index: 7000;
	position: absolute;
	top: 17px;
}

.scrolled header #navigation_main_user {top: 7px; padding-right: 20px}


header #navigation_main_user .btn-primary {
    font-size: 22px;
	font-weight: 900;
    padding: 5px 12px;
	margin-left: 20px;
}

.scrolled header #navigation_main_user .btn-primary {font-size: 20px;}


header #navigation_main_user .btn-primary.highlight { border: 1px solid #000000; color:  #000000;}
header #navigation_main_user .btn-primary.highlight:hover {color: #FFF; background: #000000}
header #navigation_main_user #btn-cart.btn-primary:focus,
header #navigation_main_user #btn-cart.btn-primary:hover {color: #FFF; background: #000000}
header #navigation_main_user #btn-cart.btn-primary:hover .cart-icon svg {color: #FFF !important; background: #000000 !important}

.clean_interface header #navigation_main_user .btn-primary {font-size: 16px; margin-left: 10px; padding: 5px; }
.clean_interface header #navigation_main_user .btn-primary


.scrolled.front header .btn-primary, header .btn-primary {
    border: 1px solid rgba(255, 255, 255, 0);
}

.front .admin header .btn-primary:hover,
 .front .superadmin header .btn-primary:hover,
  .front .boxowner header .btn-primary:hover,
   .front .service header .btn-primary:hover,
header .btn-primary.highlighted,
header .btn-primary:hover {
    background-color: #000000;
    color: #ffffff;
     border-radius:  0;
    border: 1px solid rgba(255, 255, 255, 1);
}

.masthead {
    position: relative;

}

.banner .overlay {
    position: relative;
    background-color: #000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}

.banner .overlay.animate {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.ban img,
.banner .overlay img {
    width: 100%;
    height: auto;
}

.bg_green_soft {
/*    background: rgba( 0, 0, 0, 0.9);*/
}

.bg_gray_soft {
    background: rgba(140, 140, 140, 0.9);
}

.bg_white_soft {
    background: rgba(255, 255, 255, 0.9);
}

.bg_green {
  /*  background: rgba(0, 0, 0, 1);*/
}

#booking_frontpage {
    padding: 20px 10px;
    width: 600px;
    margin: 0 auto;
}

#booking_frontpage .container {
    width: 520px;
    left: 20px;
}

#booking_frontpage .c-btn-border-2x.c-btn-dark {
    color: #FFF !important;
    border-color: #FFF !important;
}

#humane {
    display: none;
    height: 1px;
    width: 1px;
}

#map-search-container
{
	height: 80vh;
	width: 100%;
}

#map {
    /*height: 20vh;
    border: 1px solid #AAA;
    margin-bottom: 20px;*/
	height: 100%; width: 100%;

}

.teststations #map {height: 50vh;}

#legend
{
	position: absolute;
	width: 280px;
	max-height: 300px;
	background: #FFF;
	left: 50px;
	top: 40px;
	padding: 30px;
	font-size: 0.9rem;
}

.legendrow {height: 36px; line-height: 36px; vertical-align: center}
.legend-filter {/*max-height: 220px; overflow-y: scroll; overflow-x: hidden;*/ margin-top: 20px}
.legendrow label {position: absolute; margin-top: 0px; margin-left: 10px; width: 300px}

#legend input[type=checkbox]{
	width: 30px;
	height: 30px;

}


#testbike-container {margin: 40px auto 60px auto; max-width: 1920px}
.load-more-container {margin-top: 40px; margin-bottom: 0px; width: 100%;}
.testbike-header {text-align: center; width: 100%}
.testbike-header .separator {border-bottom: 2px solid #333; width: 20px; margin: 0 auto; margin-bottom: 40px}
.testbike-header h2 {font-weight: 900; font-size: 40px}

.testbike-row { padding: 10px  0; border-bottom: 1px solid #000; position: relative; padding-bottom: 0}
.testbike-row:last-child {border-bottom: 0px solid #FFF;}
.bike-image {}
.bike-content { padding: 20px 20px;}
.bike-description { font-size: 0.9em; font-style: italic}
.bike-headline {}


.search-zip {    height: 44px;
	border: 1px solid #000000;
	padding: 10px 15px;
	text-align: center;
	font-weight: 900;
	width: 100%;color: #000000;
}
.search-zip::placeholder {font-size: 1rem; color: #000000; text-transform: none; font-weight: 400; text-align: center}



.field-error {border: 1px solid #880000;}
.zip-field-error {position: absolute; width: 100%; font-family: Arial; padding: 10px 20px; background: rgb(241, 169, 169); border: 0px solid #880000; bottom: 90px; left: 0; color: #000; font-size: 0.9em }

.bike-actions { margin: 20px 0;}
.bike-action-button  {
	width: auto; 
	margin: 0 0px; }



.button-search-teststation {width: 100%;}
.button-search-teststation i {margin-right: 10px; margin-left: -10px;}
.button-bike-buy {margin-bottom: 5px; font-size: 16px; font-weight: 900; }


.loading-search-results,
.bike-action-result {border-top: 0px dashed #CCC; /*display: none;*/ width: 100%; padding: 40px; margin-top: 20px;
	position: relative; left: 0px; font-family: Arial, Verdana, sans-serif}


.bike-action-result {background: #FFF; z-index: 9999; padding: 20px 0; border-width: 0;


	/*-webkit-box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
	box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);*/

}


.bike-action-result h4 { text-align: center; padding-bottom: 5px; margin-bottom: 15px; /* font-weight: 900 !important; */ margin-top: 0; color: #000000; font-style: italic; font-size: 0.9rem; text-transform: initial; 
width: 100%; border-bottom: 1px solid #CCC;}

.loading-search-results {border-top-width: 0; text-align: center}
.loading-search-results svg {width: 100px; height: 100px; margin: 0 auto;}

.teststation {border-top: 0px dotted #CCC; padding-top: 0px; margin-top: 5px; padding-bottom: 0px; font-size: 0.8rem; line-height: 1.2em}
.teststation:first-of-type {border-top: 0px solid #FFF;}

.teststation h5 {font-size: 16px; font-weight: 700}
.teststation-image ,
.teststation-info ,
.teststation-distance {padding-left: 00px;}


#search-box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	width: 300px;
	margin-left: -150px;

}

#search-box input {
	border: 0px solid #FFF; width: 100%; font-size: 20px; height: 40px; line-height: 40px; background: rgba(255,255,255,0.8);

	-webkit-box-shadow: 38px 44px 21px -37px rgba(120,120,120,0.6);
	-moz-box-shadow: 38px 44px 21px -37px rgba(120,120,120,0.6);
	box-shadow: 38px 44px 21px -37px rgba(120,120,120,0.6);
}


#map.fullscreen {
    height: 100vh !important;
    border: 0px solid #FFF;
    width: 100%;
}

#map .leaflet-tile-pane {
    z-index: 2 !important;
}

#map .leaflet-objects-pane {
    z-index: 3 !important;
}

#map .leaflet-overlay-pane {
    z-index: 4 !important;
}

#map .leaflet-shadow-pane {
    z-index: 5 !important;
}

#map .leaflet-marker-pane {
    z-index: 6 !important;
}

#map .leaflet-popup-pane {
    z-index: 7 !important;
}

/*
.single-cat #map {height: 100%;}
*/

#map-activator {
    margin-bottom: 20px
}

#map-activator,
#map-activator .on {
    display: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .masthead {

    }

    .masthead h1 {
        text-transform: uppercase;
        font-weight: 700;
    }
}

.masthead h1 {
    color: #000;
}
.container-background-fixed,
.para-banner {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    height: 450px;
    padding: 20px 0;
    padding-top: 30px;
}

.marg0a {margin: 0 auto !important;}

.flex-row-image-container img {width: 100%;}
.container-background-fixed {margin: 0;  height: auto; padding: 60px 0}

.container-background-fixed.light-text h2,
.container-background-fixed.light-text h3,
.container-background-fixed.light-text h4,
.container-background-fixed.light-text {color: #FFF !important}
#banner-was-bringts {
    background-image: url(../images/parallax_hgverlauf.jpg);
    background-size: contain;
    height: auto;
    padding: 60px 0 80px 0;
    color: #000;
    line-height: 1.5em;
}

#banner-was-bringts h2 {
    color: #000;
    text-transform: initial
}

#box-presenter {
    margin-bottom: 60px
}

#box-presenter > div {
    padding: 1%;
}

#box-presenter img {
    width: 100%;
    height: auto;
}

#ibb-services
{

	background-image: url(../media/uploads/sujets/ibike-box-service-kaernten.jpeg);
height: auto !important;
}

#ebb-advantages,
#partner-banner {
    background-image: url(../images/partnerwerden.jpg);

}

#banner-nova {
    background-image: url(../images/partnerwerden-nova.jpg);
    height: 600px;
}

#banner-box {
    background-image: url(../images/ebikeneu3_sticker_2_haibike.jpg);
    height: 600px;
    margin-bottom: 60px
}

#bg-partner-espark {
    height: 450px;
    padding-top: 95px;
    background-image: url(../images/scott-espark-soft.jpg);
    font-size: 2rem;
}

.info-container {
}

.info-container > div {
    margin: 0 20px 20px 20px;
    height: 210px;
    padding-top: 40px;
}

.info-container > div.bg_green_soft {
    padding-top: 57px;
}

.info-container .fa {
}

#ebb-advantages {
    height: 620px;
}

#partnerbox:hover a,
#partnerbox a {
    color: #FFF;
    text-decoration: none
}

#partnerbox {
    width: 360px;

    color: #FFF;

    padding: 40px 20px 40px 20px;

    text-align: center;

    line-height: 1.2rem;

    margin: 40px auto;
    cursor: pointer;
}

#partnerbox h2 {
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0;
}

#form_search_bikes > .form-group > .input-group,
#form_search_bikes_categories {
    /*margin-bottom: 20px;*/
}

#form_search_bikes_categories .btn-info {
    padding: 10px 20px;
    font-size: 1rem;
}

#form_search_bikes .form-control {
    font-size: 1rem;
    padding: 20px 20px;
}

#bike-search-container {
    width: auto;
    margin: 0 auto;
}

#form_search_bikes .form-control::placeholder {
    color: #333;
}

.glyphicon,
.input-group-addon,
.input-group .form-control,
.btn-info, .btn {
    border-radius: 0;
}

.input-group-addon,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
#form_search_bikes_categories .btn-info,
#form_search_bikes_categories .btn-info.active,
#form_search_bikes_categories .btn-info.focus,
#form_search_bikes_categories .btn-info:active,
#form_search_bikes_categories .btn-info:focus,
#form_search_bikes_categories .btn-info:hover {
    color: #333;
    background-color: #FFF;
    border-color: #333;
}


.productform input,
.productform textarea,
.productform select {color: #555; width:100%; border-color: #CCC; margin-bottom: 5px; padding: 5px; border-width: 1px;}

.productform submit {}

.dropdown-menu {
    font-size: 1rem;
}

.dropdown-toggle::after {
    display: none;
}

.footer-container {
    background-color: #f8f8f8;
      margin-top: 120px;
    z-index: 6998;
}

.footer {
    background-color: transparent;

}

.footer a {
}

.footer a:hover {
}

.footer .button {
    background-color: #e5e5e5;
    color: #555555;
}

.footer .button:hover,
.footer .button:focus {
    background-color: #c8d046;
    color: #ffffff;
}

.footer .ib,
.footer span.icon /* For backward compatibility */
{
    background-color: #c8d046;
    color: #ffffff;
}

.footer .ib-hover:hover,
.footer span.icon-hover:hover, /* For backward compatibility */
.footer .feature-icon-hover:hover .ib,
.footer .feature-icon-hover:hover span.icon /* For backward compatibility */
{
    background-color: #c8d046 !important;
    color: #ffffff !important;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,

    /* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,

    /* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener,
.footer .collapsible .opener {
    background-color: #f5f5f5;
    color: #333333;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,

    /* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,

    /* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener:hover,
.footer .collapsible .opener:hover {
    background-color: #c8d046;
    color: #ffffff;
}

.footer-top-container {
    background-color: #ffffff;

}

.footer-top {
    background-color: transparent;

}

.footer-top a {
}

.footer-top a:hover {
}

.footer-primary-container {

    background-color: #FFF;
	padding-bottom: 80px;
}

.footer-col-pad {
    padding-top: 40px;
    padding-left: 0;
}

.footer-primary {border-top: 1px solid #CCC; text-align: center}
#footer-icon-container  {width: 160px; height: auto; margin: 0 auto; margin-top: -30px;  text-align: center; background: #FFF}
#footer-icon-container img {height: 60px; }
.footer-primary,
.footer-primary a {
    color: #333;
	font-size: 15px;
	font-family: Arial, Verdana, sans-serif;
}

.footer-primary a:hover {
}

.footer-bottom-container {
    background-color: #eeeeee;
}

.footer-bottom {
    background-color: transparent;

    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-bottom a {
}

.footer-bottom a:hover {
}

.footer h6 {
    font-size: 18px;
    font-weight: 600;
}


.admin-submenu {display:none;}
.admin-submenu a {font-size: 0.9em; font-weight: 400}
.admin-submenu-headline {cursor:pointer; font-style: italic; margin-top: 10px;}


.social-links .ib,
.social-links a > span.icon /* For backward compatibility */
{
    background-color: #bbbbbb;
    color: #ffffff;
}


#accounting-container a {font-style: italic; color: #000000; }

#calccatoverview a {font-weight: 400; color: #000; margin: 2px 0;}

.accounting-row {padding: 5px 0; border-bottom: 1px solid #CCC; }
#accounting-container .accounting-row a.button {padding: 2px 5px; font-size: 0.9rem; color: #000; margin-left: 10px}
.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover /* For backward compatibility */
{
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.ib,
.social-links a > span.icon {
    display: inline-block;
    text-align: center;
    background-color: #e5e5e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

/* Size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib {
    line-height: 40px;
    width: 40px;
    height: 40px;
}

.ib-size-xs {
    line-height: 18px;
    width: 18px;
    height: 18px;
    font-size: 11px;
}

.ib-size-s {
    line-height: 28px;
    width: 28px;
    height: 28px;
}

.ib-size-l {
    line-height: 50px;
    width: 50px;
    height: 50px;
}

.ib-size-xl {
    line-height: 60px;
    width: 60px;
    height: 60px;
}

.ib-size-xxl {
    line-height: 80px;
    width: 80px;
    height: 80px;
}

.ib-size-xxxl {
    line-height: 100px;
    width: 100px;
    height: 100px;
}

.ib-size-xxxxl {
    line-height: 120px;
    width: 120px;
    height: 120px;
}

/* Labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Label which immediately follows the iconbox */
.ib + .label {
    display: inline-block;
    line-height: 40px;
}

.ib-size-xs + .label {
    line-height: 18px;
}

.ib-size-s + .label {
    line-height: 28px;
}

.ib-size-l + .label {
    line-height: 50px;
}

.ib-size-xl + .label {
    line-height: 60px;
}

.ib-size-xxl + .label {
    line-height: 80px;
}

.ib-size-xxxl + .label {
    line-height: 100px;
}

.ib-size-xxxxl + .label {
    line-height: 120px;
}

/* Hover state
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-hover:hover,
.feature-icon-hover:hover .ib {
    background-color: #333;
    color: #fff;
}

/* Characters as icon - modify styles if inside iconbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib.ic-char,
.ib.i-char {
    text-align: center;
}

/* Additional utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Background
-------------------------------------------------------------- */
/* Icon without background color */
.ib-no-bg,
.ib.no-bg-color {
    background-color: transparent !important;
}

/* Shapes
-------------------------------------------------------------- */
/* Default */
.ib-circle,
.ib.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Iconbox effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
[class*="ib-ef-"] {
    position: relative;
    /* Important: required */
    z-index: 1;
}

[class*="ib-ef-"]:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Effect 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-1 {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.ib-ef-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

/* Effect 1a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-1a:after,
.ib-ef-1a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 1b
-------------------------------------------------------------- */
.ib-ef-1b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.feature-icon-hover:hover .ib-ef-1b:after,
.ib-ef-1b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-2 {
    background-color: transparent !important;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ib-ef-2:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-2a:after,
.ib-ef-2a:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* Effect 2b
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-2b:after,
.ib-ef-2b:hover:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
}

/* Effect 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-3 {
    background-color: transparent !important;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ib-ef-3:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-3a:after,
.ib-ef-3a:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/* Effect 3b
-------------------------------------------------------------- */
.ib-ef-3b:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.feature-icon-hover:hover .ib-ef-3b:after,
.ib-ef-3b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Basic styles */
.feature {
    margin: 0;
}

.feature:before,
.feature:after {
    content: '';
    display: table;
}

.feature:after {
    clear: both;
}

.feature.first {
    margin-top: 0;
}

.feature.last {
    margin-bottom: 0;
}

/* Elements separated with border
-------------------------------------------------------------- */
.feature.border-separated {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.feature.border-separated:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.feature.top-border,
.feature.border-top {
    border-top: 1px solid #f5f5f5 !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
}

.feature.bottom-border,
.feature.border-bottom {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* (deprecated) Wrapper with top/bottom line */
.feature-wrapper.top-border {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    padding-top: 20px;
}

.feature-wrapper.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* Feature text paragraph
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature p:last-child {
    margin-bottom: 0;
}

/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: normal;
}

.feature .above-heading {
    margin: 0 0 7px;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    color: #888;
}

.feature .below-heading {
    font-size: 1em;
    font-style: italic;
    line-height: 1.8rem;
    color: #bbb;
}

/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Floating icons - additional margin.
   Important: styles only applied to direct children
-------------------------------------------------------------- */
/* IMPORTANT: for backward compatibility, apply also to an icon without "left" class if it's direct child and first child */
.feature > .ic:first-child,
.feature > .left {
    float: left;
    margin: 0 20px 16px 0;
}

.feature > .right {
    float: right;
    margin: 0 0 16px 20px;
}

/* For backward compatibility */
.rtl .feature > .ic:first-child {
    float: right;
    margin: 0 0 16px 20px;
}

/* (deprecated) Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
    margin: 0 20px 0 0;
}

.footer .feature {
    line-height: 32px;
}

.footer .feature.double-line {
    line-height: 20px;
}

#ebb-advantages .feature-icon .ib-lg i {
    font-size: 40px;
    line-height: 60px;
}

.c-box-bg {
    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-position: center;
    height: 210px;
    position: relative;
    z-index: 1;

}

.c-arrow-left:after {
    top: calc(50% - 13px);

    border: solid transparent;

    content: " ";

    position: absolute;

    pointer-events: none;

    border-width: 13px;

    z-index: 99;
}

.c-arrow-right:after {
    top: calc(50% - 13px);

    border: solid transparent;

    content: " ";

    position: absolute;

    pointer-events: none;

    border-width: 13px;

    z-index: 99;
}

.c-font-20 {
    font-size: 20px;
}

.w100 {
    width: 100%;
}

.c-center, .rtecenter, .c-text-center {
    text-align: center;
}

.c-font-regular {
}

.c-line-left {

    margin: 0 0 30px 0;
}

.c-line-right {
    margin: 0 0 30px auto
}

.btn.c-btn-border-2x.c-btn-uppercase.btn-lg {
    padding: 12px 26px 12px 26px;
}

.c-btn-border-2x.c-btn-dark {
    border-color: #2f353b;
    color: #2f353b;
    background: none;
}

.c-btn-uppercase.btn-lg {
    font-size: 20px;
    padding: 12px 26px 11px 26px;
}

.btn.c-btn-border-2x {

    border: 2px solid #2f353b;

    padding: 6px 20px 4px 20px;
}

.product-info-main .page-title-wrapper .c-line-center,
.product-info-main h1.c-text-center {
    text-align: left;
}

.product-info-main .page-title-wrapper .c-line-center {
    left: 0;
    position: relative;
    width: 100%;
    margin: 0;
    height: 1px;
}

/*
.day-detail-container td.available {
    padding: 2px;
}

.day-detail-container .available {
    border: 1px solid #77d5f7;
    background: #0078ae url("../../frontend/Infortis/ultimo/de_AT/css/images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;
}

.day-detail-container .table_head td {
    font-size: 10px;
}
*/
.product-view .ppr-ul-list,
.fotorama__caption,
.product-info-stock-sku,
.product-info-main .box-tocart .field.qty,
.toolbar-products,
.product-social-links {
    display: none !important;
}

/* CALENDAR */
.dropdown-menu {
    padding: 20px;
}

.datetimepicker td, .datetimepicker th {
    /*  width: 50px;
      height: 40px;
      font-size: 1.2em;
      */

    width: 45px;
    height: 30px;

    border-radius: 0 !important;;
}

.datetimepicker-hours .next,
.datetimepicker-hours .prev {
    display: none
}

.datetimepicker table {
    width: 100%;
    min-width: 240px;
}

.datetimepicker td, .datetimepicker th,
.datetimepicker .datetimepicker-hours span {
    font-size: 16px
}

.datetimepicker td, .datetimepicker th {
}

/* FORM */
#contact-form .fieldset > .field:not(.choice) > .label,
#contact-form .fieldset > .field:not(.choice) > .control {
    width: 100% !important;
    text-align: center !important;;
    font-weight: 400;
    float: none !important;;
}

.abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset::after {
    margin: 0 auto;
}

#contact-form {
}

.category-standorte .columns {
    display: none;
}

.category {
    /*  border: 1px solid #000;
      border-width: 2px 0 0 0;*/
    /*margin-top: 80px; */
    margin-bottom: 20px;
    /*  padding: 10px 0; */
}


.model-product {text-align: left}
.model-product .model-product-image ,
.model-product .model-product-name ,
.model-product .model-sizes {display:inline-block;  float:left; width: 25%;}
.model-product .model-sizes {width: 50%;text-align: right;}

.model-product .model-sizes.input-group {display: block;}
.model-product .input-group.plus-minus-input {float: none; text-align: right; width: auto; margin-bottom: 5px; width: 100%;}

.model-product .input-group.plus-minus-input button {width: 40px; padding: 10px}

.bike-size-title {font-weight: 700; margin-right: 7px;top: 10px}
.model-product .input-group > * {float: right;}

.service-row {border-bottom:  1px solid #CCC;  vertical-align: center; margin-bottom: 5px}


.service-row.service-status-2 .model-product-name, .service-row.service-status-2 .service-note{color: #0000cc}
.service-row.service-status-3 .model-product-name,   .service-row.service-status-3 .service-note {color: #00CC00; font-weight: 500;}

.service-row.data-missing  .model-product-name,
.service-row.data-missing  .service-note,
.service-row.data-missing  .service-status-info{color: #FF9999; font-size: 0.9em}



.service-product {text-align: left}
.service-product .service-product-name ,
.service-product .input-group {display:inline-block;  float:left; width: 50%;}

.service-product .input-group.plus-minus-input {float: right; text-align: right; width: auto}

.service-product .input-group.plus-minus-input button {width: 40px; padding: 10px}

.service-product .input-group > * {float: left;}

.service-row {border-bottom:  1px solid #CCC;  vertical-align: center; margin-bottom: 5px}


.service-row.service-status-2 .service-product-name, .service-row.service-status-2 .service-note{color: #0000cc}
.service-row.service-status-3 .service-product-name,   .service-row.service-status-3 .service-note {color: #00CC00; font-weight: 500;}

.service-row.data-missing  .service-product-name,
.service-row.data-missing  .service-note,
.service-row.data-missing  .service-status-info{color: #FF9999; font-size: 0.9em}


.location-stats {margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px solid #CCC }
.stats-row {display:block !important; width: 100%;}
.stats-row > div {display: inline-block}
.statrow-col {padding-right: 10px; }


#celebrate {
    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;

    font-size: calc(100vmax / 1500 * 100);
}

#celebrate .title {
    background: #000000;
    color: #FFF;
    margin: 0 auto;
    font-size: 30px;
    padding: 20px 40px;
    z-index: 9999;
}

[class^=firework-] {

    position: absolute;
    width: 0.1em;
    height: 0.1em;
    border-radius: 50%;
    z-index: 9998;
}

.firework-1 {
    -webkit-animation: firework-lg 1.2s both infinite;
    animation: firework-lg 1.2s both infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    top: 50%;
    left: 30%;
}

.firework-2 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    top: 90%;
    left: 20%;
}

.firework-3 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    top: 85%;
    left: 65%;
}

.firework-4 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    top: 80%;
    left: 55%;
}

.firework-5 {
    -webkit-animation: firework-lg 1.2s both infinite;
    animation: firework-lg 1.2s both infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    top: 45%;
    left: 80%;
}

.firework-6 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    top: 50%;
    left: 80%;
}

.firework-7 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    top: 35%;
    left: 50%;
}

.firework-8 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    top: 50%;
    left: 50%;
}

.firework-9 {
    -webkit-animation: firework-md 1.2s both infinite;
    animation: firework-md 1.2s both infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    top: 30%;
    left: 90%;
}

.firework-10 {
    -webkit-animation: firework-md 1.2s both infinite;
    animation: firework-md 1.2s both infinite;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    top: 60%;
    left: 40%;
}

.firework-11 {
    -webkit-animation: firework-md 1.2s both infinite;
    animation: firework-md 1.2s both infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    top: 25%;
    left: 45%;
}

.firework-12 {
    -webkit-animation: firework-lg 1.2s both infinite;
    animation: firework-lg 1.2s both infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    top: 30%;
    left: 70%;
}

.firework-13 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    top: 55%;
    left: 55%;
}

.firework-14 {
    -webkit-animation: firework-md 1.2s both infinite;
    animation: firework-md 1.2s both infinite;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    top: 65%;
    left: 20%;
}

.firework-15 {
    -webkit-animation: firework-sm 1.2s both infinite;
    animation: firework-sm 1.2s both infinite;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    top: 50%;
    left: 20%;
}

@-webkit-keyframes firework-sm {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.5em 0em 0 #000000, 0.5em 0em 0 #000000, 0em -0.5em 0 #000000, 0em 0.5em 0 #000000, 0.35em -0.35em 0 #000000, 0.35em 0.35em 0 #000000, -0.35em -0.35em 0 #000000, -0.35em 0.35em 0 #000000;
    }
}

@keyframes firework-sm {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.5em 0em 0 #000000, 0.5em 0em 0 #000000, 0em -0.5em 0 #000000, 0em 0.5em 0 #000000, 0.35em -0.35em 0 #000000, 0.35em 0.35em 0 #000000, -0.35em -0.35em 0 #000000, -0.35em 0.35em 0 #000000;
    }
}

@-webkit-keyframes firework-md {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.7em 0em 0 #000000, 0.7em 0em 0 #000000, 0em -0.7em 0 #000000, 0em 0.7em 0 #000000, 0.49em -0.49em 0 #000000, 0.49em 0.49em 0 #000000, -0.49em -0.49em 0 #000000, -0.49em 0.49em 0 #000000;
    }
}

@keyframes firework-md {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.7em 0em 0 #000000, 0.7em 0em 0 #000000, 0em -0.7em 0 #000000, 0em 0.7em 0 #000000, 0.49em -0.49em 0 #000000, 0.49em 0.49em 0 #000000, -0.49em -0.49em 0 #000000, -0.49em 0.49em 0 #000000;
    }
}

@-webkit-keyframes firework-lg {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.9em 0em 0 #000000, 0.9em 0em 0 #000000, 0em -0.9em 0 #000000, 0em 0.9em 0 #000000, 0.63em -0.63em 0 #000000, 0.63em 0.63em 0 #000000, -0.63em -0.63em 0 #000000, -0.63em 0.63em 0 #000000;
    }
}

@keyframes firework-lg {
    0%, 100% {
        opacity: 0;
    }
    10%, 70% {
        opacity: 1;
    }
    100% {
        box-shadow: -0.9em 0em 0 #000000, 0.9em 0em 0 #000000, 0em -0.9em 0 #000000, 0em 0.9em 0 #000000, 0.63em -0.63em 0 #000000, 0.63em 0.63em 0 #000000, -0.63em -0.63em 0 #000000, -0.63em 0.63em 0 #000000;
    }
}

#info-activator {
    cursor: pointer;
	display: none;
}/*

.superadmin .booking-info,
.superadmin #info-activator .on,
.superadmin .category-image-container,
.superadmin .category-contact,
.superadmin .category-text,
.admin .booking-info,
.admin #info-activator .on,
.admin .category-image-container,
.admin .category-contact,
.admin .category-text,
.service .booking-info,
.boxowner .booking-info,
.boxowner #info-activator .on,
.service #info-activator .on,
.boxowner .category-image-container,
.service .category-image-container,
.boxowner .category-contact,
.service .category-contact,
.boxowner .category-text,
.service .category-text {
    display: none;
}

.show-info #info-activator {display:none !important;}

.show-info .category-image-container,
.show-info .category-text,
.show-info .booking-info,
.show-info #info-activator .off {
    display: block;
}


.show-info .category-contact {display: inline-block}

.show-info #info-activator .on {
    display: none;
}
*/
.front .admin header .btn-primary,
.front .superadmin header .btn-primary,
.front .boxowner header .btn-primary,
.front .service header .btn-primary {
    color: #000;
}

.superadmin #category-text-container,
.service #category-text-container,
.boxowner #category-text-container,
.admin #category-text-container {
    margin: 0 auto;
}

.service #category-text-container .inner-container,
.superadmin #category-text-container .inner-container,
.boxowner #category-text-container .inner-container,
.admin #category-text-container .inner-container {
    width: 100%;
}

/* DASHBOARD & MESSAGES & SCOREBAR */
#dashboard {
    width: 100%;
    position: relative;
    z-index: 9999;
    background: rgba(255, 255, 255, 1);
    padding: 40px 20px;
}

.checkout #dashboard {
    display: none
}

#dashboard.closed #dashboard-content {
    overflow: hidden;
    height: 1px;
}

#dashboard-content {
    z-index: 1000
}

#dashboard-handle {
    bottom: -35px;
    cursor: pointer;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    z-index: 999;
    display: none; /* DEACTIVTED - always show */

}

#dashboard-handle .container {
    background: #FFF;
    margin: 0 auto;
    width: 40px;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.35);;
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.35);;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.35);;

}

#dashboard-handle i {
    margin-top: 10px;
}

#dashboard-handle .down {
    display: none;
}

.available-container,
.message-container {
    padding: 0;
    border-right: 1px solid #CCC;
    height: 100%;

    border-width: 0;
}

.inner-container-wrapper {
    margin: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 1);
    height: 100%;
}

.inner-container-wrapper,
.message-container-header {
    border-radius: 15px
}

.message-container-header {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin: -1px
}




.available-container .inner-container-wrapper {

    text-align: center;
    color: #FFF
}

.btn-primary.active {    background: rgba(0, 0, 0, 1);}

.available-container .message-container-content {
    font-size: 100px;
    font-weight: 400;
}

.available-container .button {
    display: inline-block;
    margin: 20px auto;
    font-size: 1rem;
    border-color: #FFF;
}

.available-container .button a {
    color: #FFF;
}

.message-container-header {

    background: rgba( 0, 0, 0, 0.9);
    padding: 20px;
}

.message-container-header h2 {
    font-size: 1rem;
    margin: 0;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
}

.message-container-content {
    padding: 10px;
}

.message {
    padding: 5px;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    border-bottom: 1px solid #CCC;
    border-bottom: 0px solid #CCC;
    padding: 10px 0;
}

.message.read-status-1 {
    opacity: 0.8
}

.message.read-status-1:hover {
    opacity: 1
}

.message:last-child {
    border-bottom: 0px solid #FFF;
}

.message .read-more {
    position: absolute;
    right: 10px;
    bottom: -5px;
    display: none;
}

.message-headline {
}

.message-headline h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color:  rgba(0, 0, 0, 1);
}

.message.read-status-1 {padding: 5px 0}
.message.read-status-1 .message-headline h3 {font-size: 1.1rem;}
.message.read-status-1 .message-teaser {font-size: 0.9rem;}

.message-teaser {
    color: #333;
    font-size: 1rem;
    font-weight: 300;
}


.plus-minus-input {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.plus-minus-input .input-group-field {
	text-align: center;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding: 1rem;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

.plus-minus-input .input-group-button .circle {
	border-radius: 50%;
	padding: 0.25em 0.8em;
}

#scorebar_container {

    margin: 40px 20px;
    margin-top: 40px;
	display: none !important;
}

.progress-bar__wrapper {
    height: 50px;
    width: 100%;
    min-width: 280px;
    display: flex;
    align-items: center;
    position: relative;

}

.progress-bar__wrapper .progress-bar__shell {
    background-color: #cccccc;
    width: 100%;
    height: 100%;
    position: relative;
}

.progress-bar__wrapper .progress-bar__shell .progress-bar {
    transition: width 2s ease-in-out;
    height: 100%;
    width: 0%;
    background-color: rgba(0, 0, 0, 1);
    position: relative;
}

.progress-bar__wrapper .progress-nodes {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-bar__wrapper .progress-nodes .node {
    transition: 0.2s linear;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 100%;

    height: 40px;
    width: 2px;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 0;
}

.progress-bar__wrapper .progress-nodes .node.node--complete {
    background-color: #CCC;
    transition-delay: 0.5s;
}

.progress-bar__wrapper .progress-nodes .node:first-child,
.progress-bar__wrapper .progress-nodes .node.node--complete.node--complete {
    background-color: rgba(0, 0, 0, 1);
}

.progress-bar__wrapper .progress-nodes .node.node--placeholder,
.progress-bar__wrapper .progress-nodes .node.node--active {
    transition: 0.5s linear;
    transition-delay: 1s;
    background-color: #CCC;

    /* height: 30px;
     width: 30px;
     margin: -10px;
     background-color: #D7E046;*/
}

.progress-bar__wrapper .progress-nodes .node .icon {
    margin-left: -16px;
    width: 32px;
    line-height: 50px
}

.progress-bar__wrapper .progress-nodes .node .icon i {
    color: rgba(0, 0, 0, 1);
}

.progress-bar__wrapper .progress-nodes .node .description {
    position: absolute;
    font-size: 12px;
    text-align: center;
    font-style: italic;
    width: 100px;
    left: -50px;
    top: 50px;
    display: none;
}

.progress-bar__wrapper .progress-nodes .node.node--next-to-reach .description,
.progress-bar__wrapper .progress-nodes .node.node--rentaltarget .description {
    display: inline-block;
}

/* END DASHBOARD & MESSAGES */


.category-image-container img {
    width: 100%;
    height: auto;
}

#cart-content .category {
    padding: 0;
    margin: 0;
}

.category-header h3 {
    margin: 0;
}
.category-header {margin-bottom: 100px;}

.back,
.mobile-category-info-icon {
    margin: 20px 0;
    cursor: pointer;
    font-size: 16px;
}

.back {
}

.mobile-category-info {
    display: none;
}

.mobile-category-info-icon .fas {
    font-size: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
}

.mobile-category-info-icon svg {
    fill: rgba(0, 0, 0, 1);
}

.category-header-info-icon {
    float: right;
    cursor: pointer;
}

.search-result-row {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#additional-products .search-result-row {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/*
.search-result-row,
.search-result-row .inner {
    clear: both;
    float: none;
    position: relative;
    display: block;
    width: 100%;
}
*/

#celebrate .title,
#dashboard,
.shadow-box,
/*header,
.front.scrolled header,*/
.event,
.location-grid .search-results .product-row:hover,
.sales-grid .product-row:hover,
#additional-products,
#login-form,
#cart {
    -webkit-box-shadow: 6px 4px 15px -3px rgba(0, 0, 0, 0.35);
    box-shadow: 6px 4px 15px -3px rgba(0, 0, 0, 0.35);

}

/*.collapsible-container, .booking-container, */.ordersummary-small,
/*.contact-info,*/
.location-grid .search-results .product-row,
												.location-grid .product-row,
.sales-grid .product-row {

    -webkit-box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
    box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
}
/*
.front header {
    background: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
*/

.close-additional {
    margin: 40px auto 20px auto;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}

.close-additional.icon {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
}

#additional-overlay-container {
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    display: none;
    z-index: 6999;
    overflow: scroll;
    top: 0;
    left: 0;
}



#additional-products h2 {
    margin-top: 0;
	font-weight: 900;
    margin-bottom: 60px;
}

#additional-products .product-description {
    padding: 0;
    font-size: 0.8rem
}

.add-additional-product {
    padding: 5px 10px;
}

#additional-products, #login-form, #cart {

    /*    border-left: 2px solid rgba(0, 0, 0, 1);
        border-bottom: 2px solid rgba(0, 0, 0, 1);
        border-right: 2px solid rgba(0, 0, 0, 1);
      */
    z-index: 9000;

    /*top: 101px;*/
    top: 100px;
    display: none;
    position: fixed;
    color: #000;
    right: 60px;
    background: #FFF;
    padding: 30px 30px 10px 30px;
}

#additional-products {
    max-width: 800px;
	right: auto;
    /*left: 10%;
    */
    /*
    margin-left: -5%;*/
    /*    top: 15vh !important; */
    top: 160px !important;
    /*margin-top: -10vh; */
    position: relative;
	margin: 0 auto;
    overflow: auto;

    display: block;

    padding: 50px 50px 00px 30px;
}

#cart {
    width: auto;
    min-width: 300px;
    padding: 20px 30px 20px 30px;
    overflow: auto;
    /*right: 0; */
    border-right-width: 0;
    text-align: right;
    max-width: 600px;
}

#cart {
    top: 180px;
}

#flash-message {
    position: fixed;
    top: 20%;
    background: rgba( 0, 0, 0, 0.9);
    z-index: 999;
    border: 1px solid rgba(150, 10, 10, 0.5);
    height: auto;
    width: auto;
    left: 1%;
    color: #FFF;
    max-width: 98%;
    padding: 20px;
    padding-right: 50px;
}

#flash-message-close {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 2rem;
}

.scrolled #cart {
    top: 50px;
}

.msg.error {
    color: #F00;
    font-weight: 900;
    font-size: 1.1rem;
}

.hideit,
.hide,
.c-darkgray
.hidden {
    display: none
}

.in-cart {
}

.checkouticon {
    font-size: 1.2rem !important;
    font-weight: 700;
}

.checkoutstep {
    margin-bottom: 40px;
    padding-bottom: 40px;
    /*border-bottom: 1px solid #CCC;*/
}

.checkoutstep .button-next,
.checkoutstep .button-back {
    margin: 20px 0;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
}

#payment-information label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;

}

#payment-information input[type="radio"] {
    position: absolute;
    left: -9999px;
}

#payment-information label input:checked + span {

    background-color: rgba( 0, 0, 0, 0.3);

}

#payment-information label input:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em rgba(0, 0, 0, 1);
}

#payment-information label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 99em;
    transition: 0.25s ease;
    width: 100%;
}

#payment-information label span:hover {
    background-color: rgba( 0, 0, 0, 0.3);

}

#payment-information label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em rgba(0, 0, 0, 1);
}
.account-order-row > div{
	font-size: 0.9rem;
}

.account-order-row .order-row-status{
	font-size: 0.9em;
}
.account-order-row .order-row-note{
	font-style:italic;
}

.account-order-row .order-row-number{
	font-weight:bold;
}

.order-row-name {padding-right: 20px;}


.account-order-row-header > div{
	font-size: 1rem;
font-style: normal !important;
	font-weight: bold;
	text-transform: uppercase;
}


#category-header {
    height: 40px;
    min-height: 400px;
    width: 100%;
    /* background-attachment: fixed;*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;

}

.category-title {margin-bottom: 40px;}
.category-title .row { display: flex;
	align-items: center;}
.category-title #category-logo {max-height: 160px; height: auto; width: auto; }
.category-title .col-lg-9 {padding-left: 70px; height: 100%;}

#cart button {
    margin: 5px 0;
    display: inline-block;
}

#cart button#button-cart-checkout {
    margin: 20px 0;
}

.in-cart .button {
    padding: 5px 10px;
    text-decoration: none
}



.price .amount {
    width: 80px;
    min-width: 80px;
    display: inline-block;
}

.datetimepicker {
    /*margin-left: -400px !important;*/
}

.datetimepicker td {
    color: #000;
}

.datetimepicker table tr td.new {
    color: #005610;
}

.datetimepicker table tr td span.disabled {
    display: none
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
    background: #000000;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-image: none
}

.datetimepicker table tr td span {

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

[class*=" datetimepicker-dropdown"]::before {
    border-width: 0;

}

.form-control {
    border-radius: 0;
    border: 1px solid #000;
}

.form-control:focus {
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba( 0, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba( 0, 0, 0, .6);
}

.error,
textarea.error,
input.error {
    border: 2px solid #F00;
    padding: 2px;
}

#service-container input,
#service-container textarea {
	width: 100%;
	border: 1px solid #FFF;
}
#service-container input[type="text"],
#service-container input[type="datetime-local"],
#service-container textarea {border-color: rgba(0, 0, 0, 1); margin-bottom: 10px; min-height: 40px; padding: 5px;}

#service-container input[type="file"] {
	display: none;
}

.custom-file-upload {
	border: 1px solid rgba(0, 0, 0, 1);
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 20px;
	width: 100%;
	text-align: center;
}


#service-container input[type="submit"] {color: #FFF; background:  rgba(0, 0, 0, 1); padding: 20px; font-size: 20px;}

.service-main-info:after {clear: both; display:block}
.service-images {display: block; clear: both;}
.service-image {display: inline-block;}
.service-image.small img {width: auto; max-height: 100px; margin-right: 10px;}

/* REGIONEN */

.expanding-box-text.expanded,
.expanding-box-text,
.underlay {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.expanding-box {
    margin-bottom: 60px;
}

.expanding-box-header {
    text-align: center;
    cursor: pointer;

    display: block;
    width: 100%;
    height: 275px;
    padding-top: 40px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

.expanding-box-header {
    padding-top: 185px;
    height: 450px;
}

.expanding-box-header h2 {
    color: #FFF;
    margin: 0;
    font-size: 35px;

    margin-top: 10px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);

}

.expanding-box-header h2 strong,
.expanding-box-header h2 b {
    color: #FFF;
    font-weight: 900;
}

.expanding-box-header .expanding-icons {
    bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    margin-bottom: -35px;
    z-index: 999;
}

/*
.expanding-box-header .expanding-icons .minus {
    display: none;
}

#region-oststeiermark .expanding-box-header {
    background-image: url('../images/regions/oststeiermark.jpg');
}

#region-almenland .expanding-box-header {
    background-image: url('../images/regions/banner-almenland.jpg');
}*/
.expanding-box-text {
    height: 0;
    max-height: 0;
    overflow: hidden;
    padding: 60px 0 0 0;

}

.expanding-box-text.expanded {
    height: auto;
    max-height: none;
}

.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup,
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: transparent;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 0;
}

.leaflet-popup-content {
    margin: 0;
    padding: 0;
}

.ebb-standort {
    width: 300px;
}

.ebb-standort.location {
    padding: 0;
    margin: 0;
}

.collapsible-container {
    text-align: left;
}

/*.collapsible-container,*/
.checkout-container,
.booking-container {
    /*cursor: pointer;*/
    margin-bottom: 20px;
     border-radius:  0;
}

.collapsible-container,
.booking-container {
    width: 90%;
    margin: 0 5%;
    margin-bottom: 40px;
}

.product-description {display: none}

.container-head {
    cursor: pointer;
    padding: 10px 20px;
    color: #FFF;
    line-height: 30px;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	color: #333;
    border-radius: 5px;
}

.form-control {font-size: 18px;
	padding: 0px 12px;
}
#fullcart-content .product-date-info, #cart .product-date-info,
#fullcart-content .cartpreview-product-daterange,
.product-date-info {font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: 400; margin-top: 0}

#cart .cartpreview-product-daterange,
#cart .product-date-info  {font-size: 12px;}
#checkout-cart .container-head {font-size: 36px}

.event-col img,
.collapsible-container,
.checkout-container,
.booking-container,
.container-head,
button,
.button,
a .booking-button,
.booking-button a,
#form_search_bikes_submit,
.banner-container a .booking-button,
.banner-container .booking-button a,
img.category-image,
header .btn-primary.highlighted,
header .btn-primary:hover,
.ib-rounded,
.ib.rounded {
    -webkit- border-radius:  0;
    -moz- border-radius:  0;
     border-radius:  0;
}

.ib-rounded:after {
    /* If iconbox has effects, effect element needs to have the same shape */
    -webkit- border-radius:  0 !important;
    -moz- border-radius:  0 !important;
     border-radius:  0 !important;
}

.ib-square,
.ib.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ib-square:after {
    /* If iconbox has effects, effect element needs to have the same shape */
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Make all contained icons square */
.ib-wrapper-square .ib,
.ib-wrapper--square .ib,
.icon-wrapper-square .ib {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.container-head.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.collapsible-container .fa,
.booking-container .fa {
    padding-right: 20px;
    line-height: 23px;
}

.collapsible-container .fa,
.checkout-container .fa,
.booking-container .fa,
#cart-content .fa {
    font-size: 30px;
}

#cart-content .button {
    padding: 5px 10px;
}

/*.collapsible-container,
.booking-container,*/
.contact-info {
    border-left: 2px solid #000000;
}
.ordersummary-small {}

.container-content {
    padding: 40px 20px;
}

.boxowner .container-content,
.admin .container-content {
    padding: 0;
}

.boxowner #toolbar-booking-category,
.admin #toolbar-booking-category {
    margin-bottom: 20px;
}

#outdooractive-container.container-content {
    padding: 0 0;
}

.contact-info {
    margin: 20px 0;
    padding: 20px;

    width: auto;
    display: inline-block;
}

.row {
    margin: 0;
}

.contact-info .fa {
    padding-right: 10px;
    font-size: 1.1rem;
}

.leaflet-popup-content .location .category-name {
    font-size: 15px;
	padding: 10px;
	background: #000000;
}

.leaflet-popup-content .location img {
    margin: 0;
}

.modern.light .stream li .socicon,
.modern.light .stream li .section-intro {
    display: none !important;
}

.modern .stream li {
    width: 350px;
    font-size: 0.9rem;
}

.ordersummary-small {
    margin: 0 auto;
    width: auto;
    text-align: left;
    display: inline-block;
    padding: 40px;
}

#main-admin-switch {
    position: fixed;
    right: 10px;
    bottom: 40px;
    display: block;
    z-index: 9999
}

#admin-navi {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    color: #000;
    text-align: center;
    display: none;
    padding-top: 50px;
    top: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    z-index: 7000;
}

#admin-navi.is-active {
    display: block
}

#admin-navi ul {
    padding: 0;
    margin: 0
}

#admin-navi ul li {
    list-style-type: none;
    line-height: 2em;
    font-size: 1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
}

#admin-navi ul li,
#admin-navi ul li a,
#admin-navi ul li a:hover,
#admin-navi ul li a:visited {
    color: #000;
}

.grocery-crud-table {
    font-size: 0.8rem;
    font-family: 'Roboto Condensed';
}

.grocery-crud-table img {
    max-height: 20px;
    width: auto;
    cursor: pointer
}

.grocery-crud-table tr td img:hover {
    max-height: initial;
    height: 200px;
    width: auto;
    max-width: fit-content
}

.grocery-crud-table .btn {
    font-size: 0.8rem;
    padding: 5px 10px
}

.grocery-crud-table .btn .caret {
    display: none
}

.grocery-crud-table.table > tbody > tr > td, .grocery-crud-table.table > tbody > tr > th, .grocery-crud-table.table > tfoot > tr > td, .grocery-crud-table.table > tfoot > tr > th, .grocery-crud-table.table > thead > tr > td, .grocery-crud-table.table > thead > tr > th {
    padding: 5px;
    line-height: 1.2em;
}

/* MOBILE */

#main-menu-switch {
    position: absolute;
    z-index: 9990;

    width: 50px;
    top: 13px;
}

#main-menu-switch {
    display: none;
    right: 40px;
}

.c-hamburger--rot {
    background-color: rgba(255, 255, 255, 0.5);
}

.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.c-hamburger--rot span {
    transition: transform 0.3s;
}

.c-hamburger span {
    top: 25px;
    left: 0;
    right: 0;
    opacity: 1;
    margin: 0 10px;
}

.c-hamburger span, .c-hamburger span::before, .c-hamburger span::after {
    background: #001016;
    position: absolute;
    display: block;
    height: 2px;
}

.c-hamburger span::after {
    bottom: -10px;
}

.c-hamburger span::before, .c-hamburger span::after {
    left: 0;
    width: 100%;
    content: "";
}

.c-hamburger span::before {
    top: -10px;
}

.is-active .c-hamburger--rot span {
    transform: rotate(90deg);
}

/* active state, i.e. menu open */
.is-active .c-hamburger--htra {
    background-color: #C39A62;
}

.is-active .c-hamburger--htra span {
    transform: rotate(180deg);
}

.is-active .c-hamburger--htra span::before,
.is-active .c-hamburger--htra span::after {
    width: 50%;
}

.is-active .c-hamburger--htra span::before {
    top: 0;
    transform: translateX(-8px) translateY(4px) rotate(-45deg);
}

.is-active .c-hamburger--htra span::after {
    bottom: 0;
    transform: translateX(-8px) translateY(-4px) rotate(45deg);
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

.wpwl-container {
    margin-top: 200px;
}

.product-description {
    padding: 0 0 20px 0
}

#checkout-cart .product-description {
    display: none;
}

.product-description a,
.product-description a:hover,
.product-description a:focus,
.product-description a:active,
.product-description a:visited {
    color: rgba(0, 0, 0, 1)
}

.footer-support-logo {
    height: 80px;
    width: auto;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
}

input#coupon {
    height: 44px;
    line-height: 44px;
}

.form-seperator {
    border-bottom: 1px solid #CCC;
    margin: 20px 0;
    padding: 20px 0;

}

.form-seperator.lower {
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.region,
.location {
    text-align: center;
    font-size: 20px;
    padding: 0;
    width: 50%;
    margin: 0;
	border: 1px solid #000;

    width: 31%;
  margin: 1%;
  border: 0px solid #000;
}



.inner-container div ul {display: inline-block; text-align: left; width: 100%; max-width: 520px}

.region {
    width: 32%
}

.leaflet-popup .location {
    width: 280px !important;
	border-width: 0;
	-webkit-box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
	box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
}

.location .inner-container {
    overflow: hidden;
    height: 100%;
}

.mobile-category-info .overlay,
.location .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;

    background: rgba(255, 255, 255, 0.2);

}

.badge.off-season {
    /*font-size: 14px; font-weight: 700; height: 70px; width: 70px; border-radius: 35px; background-color: rgba(0, 0, 0, 1);  position: absolute; top: -10px; left: -10px; padding-top: 20px;


        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
    */

    font-size: 65px;
    font-weight: 700;
    border-radius: 60px;
    position: absolute;

    left: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    background: none;
    color: rgba(0, 0, 0, 0.3);
    margin-top: -60px;
}

.leaflet-popup-content .badge.off-season {
    font-size: 40px
}

.location .category-overlay {
    position: absolute;
    top: 0;
    right: 0;
}
.location .category-overlay .genusscard {
    margin-top: -3px;
}

.location .category-overlay .info-patch,
.location .category-overlay .winter {
    margin-top: -10px;
    margin-right: -10px;
	z-index: 9999;
}


.category-info .category-overlay .info-patch {display:none !important;}

.location .category-overlay .info-patch {width: 80px; height: 80px;}
.mobile-category-info.off-season > img,
#category-header.off-season,
.location.off-season .inner-container .category-image {
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%); */
}


.location .inner-container .category-image {object-fit: cover; height: 100%; width: auto; min-width: 100%;}

#category-header.off-season .badge.off-season {
    bottom: 20%;
    top: auto
}

.location.off-season .category-overlay {
    /*display: none*/
}

.rent-and-shop-station,
.winter,
.genusscard {
    margin-bottom: 40px;
}

.rent-and-shop-station img,
.winger img,
.genusscard img {
    height: 35px;
    width: auto;
    margin-right: 10px;
    float: left;
}

.rent-and-shop-station .description,
.winter .description,
.genusscard .description {
    line-height: 35px;
}

.location .description,
.rent-and-shop-station .description,
.location .winter .description,
.location .genusscard .description {
    display: none
}

.winter img {
    width: 100px;
}

.location .rent-and-shop-station img,
.location .winter img,
.location .genusscard img {
    width: 100px;
    height: auto;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    margin-right: 0;
}

.location .rent-and-shop-station {
    margin-top: -10px;
    margin-right: -10px;
}

.location .rent-and-shop-station img {
    width: 120px;
}

.off-season .genusscard {
    margin: 0;
    top: 12px;
    right: 5px;
}

.admin-container .product-row {
    border-bottom: 1px solid #CCC;
    padding: 2px 0
}

.booking-row-header {
    border-top: 1px solid #CCC;
    margin: 5px 0;
    padding-top: 5px;
}

/* NOTIFICATION */
#newsletter-popup,
#splashscreen,
.notification-overlay {
    z-index: 7001;
    position: fixed;

    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0.9);
    overflow: scroll;
    padding: 40px 20px;
}

#splashscreen {
    z-index: 9999;
    background: rgba(255, 255, 255, 0.95);
    align-items: center;
    justify-content: center;
    display: flex;
}

#splashscreen img {

    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-content_container,
.notification-overlay_content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-content,
.notification-overlay_content .corona-info {
    max-width: 90%;
    text-align: center;
    width: 400px;
    color: #FFF;
    font-size: 1.2em;
}

.popup-content {
    width: 500px;
    font-size: 1em
}

.popup-content h3 {
    margin-bottom: 20px;
    font-size: 2rem;
}

.popup-action-link {
    text-decoration: underline;
    cursor: pointer;
}

.popup-action-link.small {
    font-size: 0.8rem;
    margin-bottom: 40px;
}

.sell-badge {
	position: absolute;
	right: -10px; top: -10px; width: 100px !important; height: 100px; border-radius: 50px; font-size: 0.9em;
	background: rgba( 0, 0, 0, 0.8);
	line-height: 1.2em;
	font-weight: 300;
	rotate: 15deg;
	padding-top: 15px;
	cursor: pointer;
}

.sell-badge i.fa {padding: 0;}

.notification-badge {
    z-index: 7002;
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 150px;
    height: 150px;
}

.notification-badge > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 1;

    cursor: pointer;
}

.notification-badge img {
    width: 100%;
    height: auto;
}

.notification-badge > .close {
    display: none;
}

/* END NOTIFCATION */

/* SENDINBLUE */

#sib-container,
.sib-form, #sib-form {
    background: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

#sib-form.text-left {
    text-align: left
}

#sib-form a {
    color: #FFF
}

.sib-form-content #sib-form a {
    color: #000
}

#sib-container input::placeholder,
.sib-form .input {
    color: #000;
    font-family: "Roboto"
}

#sib-container input::placeholder {
    color: #AAA
}

.sib-form-block {
    padding: 0
}

.sib-form .checkbox, .sib-form .radio-button {
    border-width: 0;
    margin: 0
}

.sib-form-content .checkbox, .sib-form-content .radio-button {
    border-width: 1px
}

.sib-form .entry__choice {
    text-indent: -1em;
}

#sib-form button {
    background: #FFF;
    border: 1px solid #FFF;
    color: rgb( 0, 0, 0);
    width: 280px;
}

.popup-content .button {
    width: 280px;
}

#sib-form button:hover {
    background: none;
    color: #FFF;
}

label {
    font-weight: 300
}

/* END SENDINBLUE */

/* Contente specifics */

.product-specifications {
    margin-bottom: 80px
}

.product-specifications__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

.product-specifications__category li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 10px
}

.product-specifications__key {
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .25em;
}


/*
.highlight {
    padding-bottom: 20px
}
*/
.highlight .product-specifications__key { /*font-weight: 700; font-size: 1.2em*/
}


h2#header-teststations {
	background: #000; color: #FFF !important; text-align: center; width: 100%;
}
/* END Content specifics */

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    background: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);

    transition: all 0.3s;
    position: fixed;
    height: 100vh;
    right: 0;
    width: 0px;
    opacity: 0;
    z-index: 1000;
    overflow: hidden;
}

.sidebar_active #sidebar {
    opacity: 1;
    width: 100px;
}

.sidebar_active #main-content-container {
    padding-right: 100px;
}



.sidebar_active #main-content-container,
.sidebar_active header {
    /*  width: calc(100vw - 300px);

      box-shadow: initial;
      border-bottom: 1px solid #ccc;*/
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
    color: inherit;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar_toggler {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999
}

#currentscore {
    height: 60vh;
    top: 200px;
    position: fixed;
    right: 20px;
    z-index: 100000;
}

#myProgress {

    top: 150px;
    height: 100%;
    border-radius: 16px;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: column;
}

#upper-fade {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 250, 200, 1));
    height: 150px;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(220, 250, 200, 1));
    position: absolute;;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#bar-background {
    position: absolute;
    z-index: 1;
    background-color: #DDFAC9;
    height: 100%;
    width: 100%;
}

#myBar {
    background-color: rgba(0, 0, 0, 1);
    width: 100%;
    text-align: right;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    margin-right: 2px;
    border-radius: 8px;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    padding-bottom: 20%;
}

.progress-stop {
    width: 50px;
    height: 2px;
    right: 0;
    border-bottom: 5px solid rgba(0, 0, 0, 1);
    box-sizing: border-box;
    z-index: 999;
}

.progress-stop.no-border {
    border-width: 0;
}

.progress-stop.spacer {
    border-width: 0;
    height: 0
}

.progress-stop div {
    position: absolute;
    margin-right: 3px;
    margin-top: -30px;
    line-height: 14px;
    font-size: 14px;
    width: auto;
    text-align: right;
    right: 50px;
    padding: 10px;
    background: #FFF;
    display: none;
}

#sidebar:hover .progress-stop div {
    display: block;
}

.charts {
}

.chart:not(:first-child) {
    margin-top: 10px;
}

.chart--horiz {
    overflow: hidden;
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.chart__bar {
    height: 30px;
    margin-bottom: 10px;
    background: linear-gradient(to left, #4cb8c4, #3cd3ad);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    animation: 1s anim-lightspeed-in ease forwards;
}

.chart__bar:nth-of-type(4) {
    animation-delay: 1.8s;
}

.chart__bar:nth-of-type(3) {
    animation-delay: 1.6s;
}

.chart__bar:nth-of-type(2) {
    animation-delay: 1.4s;
}

.chart__bar:nth-of-type(1) {
    animation-delay: 1.2s;
}

.chart__label {
    padding-left: 10px;
    line-height: 30px;
    color: white;
}

@keyframes anim-lightspeed-in {
    0% {
        transform: translateX(-200%);
        opacity: 1;
    }
        100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* END SIDEBAR STYLE */


/* OWL FRONTPAGE BANNER */
.owl-carousel .enjoy-your-ride {
	position: absolute;
	bottom: auto;
    top: 20%;
	width: 100%;
}


.enjoy-your-ride {cursor: pointer}
.banner-slogan {background: rgba(255,255,255,0.7); color: #000; padding: 30px 40px; margin-bottom: 5%; max-width: 540px; text-align: left; margin-left: 5%;}
.banner-slogan h3 {line-height: 1.8em; font-size: 26px; font-weight: 900; margin: 0; text-transform: initial; color: #333}



.owl-carousel .enjoy {margin: 0 auto; max-width: 400px; display: none;}

.owl-carousel .banner-container 
{
	position: absolute;
	bottom: 20%;
	width: 100%;
	left: 0
}

.front .banner.owl-carousel {
	/*margin-top: -140px;
	margin-bottom: 120px*/
}

.owl-carousel .enjoy-your-ride .your-ride {
	margin-top: 20px
}

.owl-carousel .owl-item .enjoy-your-ride .container img {

	opacity: 0.7;
}

.owl-carousel .enjoy-your-ride .container,
.owl-carousel .banner-container .container,
.owl-carousel .owl-item .enjoy-your-ride .container .enjoy img {
/*	width: 560px; */
}

.owl-carousel .enjoy-your-ride .container {
	text-align: left;
}

.owl-carousel .owl-item .enjoy-your-ride .container .your-ride img {
	width: 205px;
}

.owl-carousel .owl-controls .owl-page {
	display: inline-block;
}
.owl-carousel .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}


/*.owl-carousel .owl-slide {
    position: relative;
    height: 100vh;
	height: 70vh;
    background-color: lightgray;
}
*/
.owl-carousel .banner-slogan,
.owl-carousel .enjoy,
.owl-carousel .your-ride,
.owl-carousel .owl-slide-animated {
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.05s;
}

.owl-carousel .banner-slogan.is-transitioned,
.owl-carousel .enjoy.is-transitioned,
.owl-carousel .your-ride.is-transitioned,
.owl-carousel .owl-slide-animated.is-transitioned {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.owl-carousel .owl-slide-title.is-transitioned {
    transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
    transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
    transition-delay: 0.5s;
}




.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
    position: absolute;
	bottom: 10px; width: 100%;
}

.owl-dots button span,
.owl-dots button {
	height: 10px !important;
	width: 10px !important;
	display: inline-block;
	background-color: transparent;
	border-radius: 5px;
	border: 1px solid #FFF;
	margin: 0 6px;
}

.owl-dots button.active span {background-color: #FFF;}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
    outline: none;
}

.owl-carousel .owl-nav {
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    margin: 0;
}

.owl-carousel .owl-nav svg {
    opacity: 0.3;
    transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
    opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background: transparent;
}

.banner-container a .booking-button,
.banner-container .booking-button a {
    font-size: 26px;
    min-width: 210px;
    margin-left: -105px;
    width: auto;
    opacity: 1;
    background: rgba(255, 255, 255, 0.2);
    border-width: 1px;
}

.banner-container a .booking-button,
.banner-container .booking-button a {
    min-width: 310px;
    margin-left: -155px;
}

.banner-container a:hover .booking-button,
.banner-container .booking-button:hover a {
    background: rgba(0, 0, 0, 1);
}



@media (min-width: 700px) {

    .product-specifications__category li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
    }

}

@media (max-width: 1800px) {

    .badge.off-season {
        font-size: 60px;
    }

}

@media (max-width: 1600px) {

    .off-season {
        font-size: 50px;
    }

    .sales-grid .product-row {
        width: 31.333333332%;
    }
}

@media (max-width: 1440px) {


    .owl-carousel .enjoy-your-ride {top: 15%}
    .banner-slogan h3 { font-size: 22px;}

	#logo img {height: 30px}


	header .btn-primary {
        font-size: 20px;
        padding: 5px 15px;
    }

    .location.col-md-6 ,
    .location {
        width: 31.333333%;
    }

    .off-season {
        font-size: 40px;
    }

    .container-1440 {
        width: 98%;
        max-width: 98%;
        margin: 0 1%;
    }

}

@media (max-width: 1200px) {
	#logo img { margin-top: 5px}
	.scrolled #main-menu-switch {top: 5px}
	.location-grid.big-grid .search-results .product-row {width: 48%}
	.category-title .col-lg-9 {padding-left: 0;}


	.big-grid .product-row-name {font-size: 22px}
	.bike-links > div {display: block; width: 100%; margin-bottom: 10px; font-size: 16px}

	header #navigation_main_user .btn-primary {font-size: 20px; margin-left: 15px}
	.container-head {font-size: 40px;  line-height: 1.2em}
    .col-md-6 {
        width: 50%;
		float: left;
    }

	.col-sm-12 {width: 100%; text-align: center}


	.col-md-6.order-row-status {float: right;}
	.col-md-6.order-row-name {padding-right: 5px;}

	.dashboard-col {
        margin-bottom: 40px;
    }

    .button-addtocart {
        margin-left: 20px
    }

	#additional-products .button-addtocart {margin-left: 0}

    .location-grid .search-results .product-row,
    .sales-grid .product-row {
        width: 48%;
    }

    .navbar {
        padding: 0 20px 10px 20px
    }

    #navigation_main {
        right: 20px;
    }

    .event-full .image-container {
        margin-bottom: 40px
    }

    .container-1440,
    .container {
        width: 98%;
        max-width: 98%;
        margin: 0 1%;
    }

    .owl-carousel .enjoy-your-ride .container,
    .owl-carousel .banner-container .container {
        width: 560px;
        margin: 0 auto;
    }
	.category-title .row > * {width: 100% !important; text-align: center}
	#category-logo {margin: 40px auto;}
}

@media (min-width: 1025px) {
    .scrolled #navigation_main {
        top: 8px;
    }
}


#header-testbikes i {margin-left: 20px;}

#header-testbikes i:first-child{margin-left: 0; margin-right: 20px;}

@media (max-width: 1024px) {


    .owl-carousel .enjoy-your-ride {top: 15%}
    .banner-slogan {padding: 20px;}
    .banner-slogan h3 { font-size: 18px; line-height: 1.5em; font-weight: 700}

    .owl-carousel .enjoy {max-width: 280px}


    .navbar {
        padding: 10px 20px
    }

    .teaser-text {
        font-size: 1.2rem;
    }

    h2.small-heading, h2.big-heading,
    h1, h2 {
        font-size: 1.8rem;
    }

	#header-testbikes {font-size: 1.6rem; padding: 0 10px;}
	#header-testbikes i {display:block; width: 100%; margin: 10px 0;}
	#header-testbikes i:first-child{display: none; }


	h2.catslogan {font-size: 1.2rem; letter-spacing: initial}
    .location {
        width: 49%;
    }

    .off-season {
        font-size: 40px;
    }

    .mobile,
    #main-menu-switch {
        display: block;

    }

    #banner-box,
    #banner-nova,
    .expanding-box-header {
        background-size: cover;
        background-position: center bottom;
        background-attachment: initial;
    }

    #ebb-advantages, #partner-banner {
        background: none;
        height: auto;
        background-attachment: initial;
    }

    #banner-box,
    #banner-nova {
        height: 200px;
        background-attachment: initial;
    }

    #banner-box {
        height: 400px;
    }

    .info-container > div {
        border: 1px solid rgb( 0, 0, 0);
    }

    .category {
        margin: 0;
    }

    .category-weather,
    .scrolled header:hover #navigation_main_user,
    #navigation_main_public,
    .desktop,
    #navigation_main_user,
    .scrolled #navigation_main_user,
    .scrolled:hover #navigation_main_user {
        display: none;
    }

    #navigation_main_user.is-active ,
    .scrolled header #navigation_main_user.show-nav,
    .scrolled header:hover #navigation_main_user.show-nav {
        display: block !important;
    }
	header #navigation_main_user .btn-primary.highlight  {border-width: 0; color: #000;}
	#cart-notification {right: -5px; top: 12px}
	header #navigation_main_user {width:100%; background: rgba(255,255,255,0.98); margin: 0 auto;  max-height: 80vh; padding: 80px 20px; 	text-align: center;
		-webkit-box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
		box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
	}
	.is-active .cart-icon,
	.cart-icon {position: relative; right: auto; margin: 0}



	header #navigation_main_user .btn-primary         {display: block; width: 100%; margin: 20px 0; }

    header.navbar,
    .scrolled header:hover .navbar {
        padding-bottom: 10px;
    }

    .scrolled header:hover #logo,
    #logo {

        width: auto;
        /*margin: 0;*/

    }

    #logo img {
		height: 30px;
		width: auto;
    }

    #cart, .scrolled header:hover #cart {
        top: 120px;
        right: 0;
        width: 100%;
        border-width: 0;
        border-top: 0px solid rgba(0, 0, 0, 1);
        border-bottom-width: 2px;
        overflow: scroll
    }

    .is-active #navigation_main_public {
        display: block;
        right: 0;
        width: 100%;
        top: 100px;
        background: rgb( 0, 0, 0);

        border-top: 2px solid #FFF;

        border-bottom: 1px solid #FFF;
    }

    #navigation_main.is-active {
        width: 100%;
        right: 0;
        top: 0;
    }

    /*.cart-icon {
        margin-top: -12px;
        right: 90px;
        position: absolute;
    }

    .is-active .cart-icon {
        margin-top: 25px;
        position: absolute;
        right: 110px;
    }
*/
    .add-safety-package {
        margin-top: 60px;
        z-index: 9999;
    }

    header .is-active #navigation_main_public .btn-primary {
        width: 100%;
        border-bottom: 1px solid #FFF;
        color: #FFF
    }

    .cart-actions.align-right {
        text-align: center;
    }

    h1.biggest {
        font-size: 60px;
    }

    #cart, .scrolled header:hover #cart {
        max-height: 500px;
        max-height: 70vh;
        right: 1%;
    }

    .product-row-image img {
        max-height: 60px;
        width: auto;
    }

    .location-grid .search-results .product-row img,
    .sales-grid .product-row-image img {
        max-height: 100%;
        width: 100%;
    }

    .single-cat #main-content-container {
        padding-top: 0px
    }

    #map,
    .flex-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

	#map-search-container {height: 60vh}
    #map {

        margin-bottom: 20px;
    }

    #frontpage-container {
        margin-top: -40px
    }

    #main-content-container {
        padding-top: 80px !important;
    }

    /*
        .banner {
            margin-top: 80px;
        }
    */
    .category-header .flex-column,
    .category-header .flex-row {
        display: block;
    }

    #footer .col-md-4,
    #footer .col-md-6 {
        text-align: center !important;
    }

    .notification-badge {
        width: 120px;
        height: 120px;

    }

    #background-intro, #video-intro {
        margin-top: 0
    }

}

@media (max-width: 1023px) {

    html, body {font-size: 18px}
	.big-grid .product-row-name,
	p.big {font-size: 22px;}

	.location-grid.big-grid .search-results .product-row {width: 100%;}
    .progress-bar__wrapper .progress-nodes .node .description {
        display: none
    }

    #cu-ci {
        left: 30px;
    }

    #cu-ci img {
        height: 120px;
        margin-bottom: 20px
    }

	.product-row-image {text-align: center}
}

@media (max-width: 990px) {


    
    .location.col-md-6 ,
    .location {
        width: 48%;
    }

	#form_search_bikes_submit  {margin: 10px 0;}
	#bike_search_until {padding-left: 0; float: none;}

	.teststation.row {border-bottom: 1px dotted #CCC; padding-top: 5px; margin-top: 5px }

	.teststation.row > div {width: 100%; text-align: center; }


	.teststation-distance b {font-weight: 400}
	.teststation-info {font-weight: 700; margin: 5px 0; font-size: 1.2em}
	.teststation-action {margin-bottom: 10px;}

	#frontpage-teaser .col-right {border-width: 0;}
    .button-addtocart {
        margin-left: 0px
    }

    #additional-products .button {
        padding: 5px 10px;
        border-radius: 8px
    }



    #additional-products .product-description,
    #additional-products .product-row-name,
    #additional-products .product-row-price.t-align-right,
    #additional-products .product-row-cartaction.t-align-right {
        text-align: center
    }

    #additional-products .product-description {
        font-size: 0.8em
    }

    #additional-products h2 {
        font-size: 1.5rem
    }

    .product-row-price {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
	#frontpage-teaser {padding: 60px 0}
	#checkout-cart .container-head {font-size: 26px}

	.search-zip::placeholder {font-size: 16px; color: #000000;  text-align: center}

	.location-grid.big-grid .search-results .product-row > * {padding: 0 20px; font-size: 16px}

	.bike-links a {font-size: 16px; margin-bottom: 10px; display: block}

	.scrolled header:hover #logo,
	#logo {
		/*height: 40px;*/
		width: auto;
		padding: 0;
		margin: 10px;

	}


	#logo img,.scrolled #logo img  {height: 30px; margin-top: 10px}

	#main-menu-switch {top: 5px; right: 20px}
	#header.scrolled #main-menu-switch {top: 10px;}


	#legend {display: none}
	#header-testbikes {padding: 20px 10px !important;}

	/*.loading-search-results, .bike-action-result   {padding: 40px 10px}
	*/

	h4 {letter-spacing: 0.1rem}
.bike-headline,
.bike-headline h3,
.bike-actions {text-align: center}
	.bike-action-button,
	.button-search-teststation,
	.search-zip {width: 100%; margin-bottom: 5px;}
	h2#header-teststations { font-size: 1.2rem}


    #cart .product-row-cartaction {
        display: none;
    }

    #cu-painting {
        display: none
    }

    #cu-ci {
        font-size: 2rem;
        position: relative;
        text-align: center;
        top: auto;
        padding: 40px 0;
        left: auto;
    }

    #bike_search_until {
        padding-left: 0;
    }

    #bike_search_until,
    #form_search_bikes_submit {
        margin-left: 0;
        margin-top: 5px;
    }

    .form_search_bikes_submit-container {
        text-align: center;
    }

    .flex-column,
    .flex-row {
        display: block;
    }

    .category-weather {
        display: none;
    }

    .expanding-box-header {
        height: 350px;
        padding-top: 130px;

    }

    .location-grid .search-results .product-row,
    .sales-grid .product-row {
        width: 98%;
    }

    .front #map-activator {
        display: block
    }

    .front #map {
        display: none;
        /*height: 0;
        overflow: hidden;*/
        width: 100%;
        flex: 0 0 100%;
    }

    .teaser-text {
        padding: 60px 40px 60px 40px;
    }

    .category-info {
        padding: 0 20px;
		padding-top: 40px;
    }

    .flex-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .notification-badge 
    {
        width: 100px;
        height: 100px;
    }

	.scrolled #main-menu-switch {top: 5px}
}


#additional-products #process-change-time {margin: 0 auto; font-weight: bold; color: #FFF;
	background: rgba(0, 0, 0, 1); padding: 5px}

@media (max-width: 680px) {


    
    .location.col-md-6 ,
    .location {
        width: 98%;
    }

    .badge.off-season {
        font-size: 35px;

    }

    h1.biggest {
        font-size: 35px;
    }

    .banner-slogan {padding: 15px;}
    .banner-slogan h3 { font-size: 14px; line-height: 1.2em; font-weight: 700}

    .owl-carousel .enjoy {display:none}

    .col-sm-12 {
        width: 100%;
    }

    .location {
        width: 99%;
    }

    .event > div.event-info {
        padding: 0 20px;
    }

	.ordersummary-small {padding: 10px;}
	.ordersummary-small table {width: 100%;}

	.orderdetail_image ,
	.orderdetail_image img {width: 80px !important;}

	#additional-products {width: 98%; left: 1%; padding: 10px 10px 0 10px; top: 120px; font-size: 14px; text-align: center}
	#additional-products h2 {font-size: 1rem;}
	.testbike-header h2 {font-size: 36px}

}

@media (max-width: 450px) {


	html,body {font-size: 16px}
	.scrolled header:hover #logo,
	#logo {

		width: auto;
		padding: 0;
		margin: 10px;

	}

	.checkout .container-head {font-size: 22px}
	#logo img {height: 15px; margin-top: 13px;}
	.scrolled #logo img {height: 20px; }


	.admin-container .product-row {
        border-bottom: 1px solid #AAA;
        padding: 10px 0
    }

    .teaser-text {
        font-size: 20px;
    }

	#main-content-container {padding-top: 60px !important;}
    .navbar {
        padding: 20px 10px;
    }

	b.big {font-size: 20px; font-weight: 700}
	.container-head {font-size: 28px}
	#main-menu-switch {top: 5px}

	.orderdetail_image ,
	.orderdetail_image img {width: 80px !important;}


    h1.biggest {
        font-size: 23px;
		letter-spacing: initial;

    }

    .notification-badge {
        width: 80px;
        height: 80px;
        bottom: 20px;
        right: 20px;

    }

    #cu-ci {
        font-size: 1.5rem;
    }
}

/* END MOBILE  */


@media (min-width: 768px) {
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px;
     margin-left: -15px;*/
}

.static {
    position: static;
}

.cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}





@media screen and (max-width: 575px) {

    .location .inner-container .category-image {height: auto}
    .owl-carousel .owl-nav {
        top: 5%;
    }

    .owl-carousel .owl-nav svg {
        width: 24px;
        height: 24px;
    }

    /*
        .owl-carousel .banner-container {
            display: none
        }
    */
    .owl-carousel .container {
        max-width: 90%;
        width: 90%;
        margin: 0 5%
    }
}

@media (max-width: 500px) {

    .banner-container a .booking-button,
    .banner-container .booking-button a {
        font-size: 16px;
        min-width: 140px;
        margin-left: -70px;
        border-radius: 5px;
    }
}

/* END OWL FRONTPAGE BANNER */




.btn-primary .fa {
    position: absolute;
               margin-left: -45px;
               color: #000;
               font-size: 35px;
               margin-top: -5px;
}


.product-row i.fa {font-size: 20px; cursor: pointer}

/* SIDEBAR/FILTERING 
*/

.filter-sidebar input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: #F00;  /* Otherwise white in Chrome */
}

.filter-sidebar input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.filter-sidebar input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.filter-sidebar input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: #0F0; 
  border-color: #FF0;
  color: #F0F;
}
#location-input {margin-bottom: -8px;}

.drivetype {position: absolute; right: -20px; top: -20px; width: 60px !important;z-index: 3;}
.drivetype img {width: 100%; height: auto;}

#search-and-filter-bar {margin: 0 auto;}

    .taptooltip {
          position: relative;
        display: inline-block;
        cursor: pointer;
    }

    /* Tooltip-Text */
    .taptooltip .tooltip-text {
      visibility: hidden;
      width: 200px;
      background: rgba(0, 0, 0, 0.95);
      color: #fff;
      text-align: center;
      padding: 8px;
      border-radius: 0px;
     

      position: absolute;
      z-index: 1;
      bottom: 100%; /* Positioniert den Tooltip über dem Icon */
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s ease;
      font-size: 14px;
      line-height: 1.2em;
      font-weight: 400;

    }

    /* Tooltip-Pfeil */
    .taptooltip .tooltip-text::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-width: 6px;
      border-style: solid;
      border-color: #333 transparent transparent transparent;
    }

    /* Tooltip bei Hover, Fokus oder Touch anzeigen */
    .taptooltip:hover .tooltip-text,
    .taptooltip:focus-within .tooltip-text {
      visibility: visible;
      opacity: 1;
    }

    /* Icon Styling */
    .tooltip-icon {
      font-size: 20px;
      color: #000000;
      padding: 4px;
      
    }
    .product-row i.fa,
    .tooltip-icon,
    .tooltip-icon i {padding: 0px !important; margin-bottom: 20px;}

    

    #cart-content .product-row i.fa,
    #fullcart-content .drivetype,
    #fullcart-content .product-row i.fa{ margin-bottom: 0}


    #cart-content .taptooltip,
    #fullcart-content .taptooltip,   
    #cart-content .external-link,
    #fullcart-content .external-link,    
    #cart-content .drivetype, 
    #fullcart-content .drivetype {display:none;}




.front #search-and-filter-bar {display:none}
        .filter-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 6998;
            display: none;
        }


        #selected-location {font-weight: bold; font-style: italic;}
        #selected-location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    #selected-location-text {padding: 8px;  }


        .filter-sidebar {
            width: 300px;
            background: #FFF;
            padding: 20px;
            border: 0px solid #ddd;
            border-radius: 0px;
            position: fixed;
            top: 0;
            padding-top: 45px;            
            margin-bottom: -45px;
            left: -100%;
            height: 100%;
            overflow-y: auto;
            z-index: 6999;
            transition: left 0.3s ease;
        }

        .filter-sidebar.active {
            left: 0;
        }

        .filter-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 20px;
        }

        .close-filter {
            cursor: pointer;
            font-size: 24px;
            //background-color: rgba(0, 0, 0, 1);
            color: #000000;
        }

        .filter-group {
            margin-bottom: 5px;
            border-bottom: 0px solid #ddd;
            
        }

        .filter-group-title {
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            padding: 5px 10px;
            background-color: rgba(0, 0, 0, 1);
            color: white;
            border-radius: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0;
        }

        .toggle-icon {
            font-size: 18px;
            transition: transform 0.3s ease;
        }

        .filter-options {
            margin: 0;
            padding-left: 10px;
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .filter-options.visible {
            max-height: 2500px;
            opacity: 1;
            visibility: visible;
        }

        .filter-sidebar ul {
            list-style: none;
            padding: 0;
        }

        .filter-sidebar .side li {
            display: flex;
            align-items: center;
        }

        .filter-sidebar input[type="checkbox"] {
            
            width: 20px;
    height: 20px;
    margin-right: 5px;
        }

        .filter-sidebar input[type="range"] {
            width: 100%;
            margin: 5px 0;
        }

        #apply-filters,
        #search-and-filter-bar button 
        {
            padding: 12px 20px;
            width: 100%;
            background-color: rgba(0, 0, 0, 1);
            color: white;
            border: none;
            border-radius: 0px;
            cursor: pointer;
            font-size: 16px;
            text-transform: uppercase;
        }

        


        .filter-sidebar button:hover {
            background-color: rgba(0, 0, 0, 1);
        }

        .filter-toggle-btn {
            display: block;
            background-color: rgba(0, 0, 0, 1);
            color: white;
            padding: 10px;
            border-radius: 0;
            width: auto;
            margin: 0 auto 40px auto;
            text-align: center;
            cursor: pointer;
        }
     
     


.single-cat .location-search-container ,
.single-cat #zip-search,
.single-cat .filter-toggle-btn {display: none;}


.location-search-container {
/*    
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 8px;*/

    
    margin: 0 auto;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
    display:block;
}

#zip-search {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#zip-results {
    list-style: none;
    padding: 0;
    margin-top: 5px;
    background: white;
    border: 1px solid #ddd;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#zip-results li {
    padding: 8px;
    cursor: pointer;
    text-align: left;
    font-size: 0.8em;
    font-weight: 700;
}

#zip-results li:hover {
    background: #f0f0f0;
}


#clear-location {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
}