/* TTOG */


/* font-face */


@font-face {
    font-family: 'MarkPro-black';
    src: url('/assets/fonts/MarkPro-Black.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-medium';
    src: url('/assets/fonts/MarkPro-Medium.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-extralight';
    src: url('/assets/fonts/MarkPro-ExtraLight.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-heavy';
    src: url('/assets/fonts/MarkPro-Heavy.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-hairline';
    src: url('/assets/fonts/MarkPro-Hairline.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-light';
    src: url('/assets/fonts/MarkPro-Light.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-bold';
    src: url('/assets/fonts/MarkPro-Bold.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro';
    src: url('/assets/fonts/MarkPro.woff2') format('woff2'),
        url('/assets/fonts/MarkPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-book';
    src: url('/assets/fonts/MarkPro-Book.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-thin';
    src: url('/assets/fonts/MarkPro-Thin.woff2') format('woff2'),
        url('/assets/fonts/MarkPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Argent CF';
    src: url('/assets/fonts/ArgentCF-DemiBold.woff2') format('woff2'),
        url('/assets/fonts/ArgentCF-DemiBold.woff') format('woff');
}


/* page */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: 'MarkPro', sans-serif !important;
    color: var(--text) !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    word-wrap: break-word;
    font-size: 24px !important;
    letter-spacing: 4px !important;
    /* remove */
}

.elementor-widget-image a img[src$=".svg"] {
    width: 90% !important;
}


/* flexbox */

@media (min-width: 768px) {

    .flex-1 {
        flex: 1;
    }

    .flex-2 {
        flex: 2;
    }

    .flex-3 {
        flex: 3;
    }

    .flex-4 {
        flex: 4;
    }

    .flex-5 {
        flex: 5;
    }

    .flex-6 {
        flex: 6;
    }

    .flex-7 {
        flex: 7;
    }

    .flex-8 {
        flex: 8;
    }

    .flex-9 {
        flex: 9;
    }

    .flex-10 {
        flex: 10;
    }

    .flex-11 {
        flex: 11;
    }

    .flex-12 {
        flex: 12;
    }

    .flex-1-5 {
        flex: 1.5;
    }

}


/* colors */

:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #3d3c3c;
    --secondary: #ffed00;
    --grey: #B2B2B2;
    --grey-dark: #707070;
    --lightgrey: #f7f7f7;
    --headlines: #847C6C;
    --text: #847C6C;
    --primary-hover: #575555;
    --secondary-hover: #E6D600;
    --grey-hover: #999999;
    --info: #00ADDD;
    --success: #37B74E;
    --error: #F74542;
}

::selection {
    color: var(--headlines);
    background: var(--secondary);
}

::-moz-selection {
    color: var(--headlines);
    background: var(--secondary);
}


/* spacings */

:root {
    --m0: 0px;
    --m1: 8px;
    --m2: 16px;
    --m3: 24px;
    --m4: 32px;
    --m5: 40px;
    --m6: 64px;
    --m7: 80px;
    --m8: 96px;
    --m9: 120px;
    --m10: 160px;
}

@media (max-width: 767px) {
    :root {
        --m0: 0px;
        --m1: 8px;
        --m2: 16px;
        --m3: 24px;
        --m4: 32px;
        --m5: 40px;
        --m6: 64px;
        --m7: 80px;
        --m8: 96px;
        --m9: 120px;
        --m10: 160px;
    }
}

@media (max-width: 575px) {
    :root {
        --m0: 0px;
        --m1: 8px;
        --m2: 16px;
        --m3: 24px;
        --m4: 32px;
        --m5: 40px;
        --m6: 64px;
        --m7: 80px;
        --m8: 80px;
        /* 96px */
        --m9: 96px;
        /* 120px */
        --m10: 96px;
        /* 160px */
    }
}

.g {
    margin-top: 30px;
}

.gb {
    margin-bottom: 30px;
}

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

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-ext {
    padding-bottom: 600px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: var(--m5) !important;
}

.mb-6 {
    margin-bottom: var(--m6) !important;
}

.mb-8 {
    margin-bottom: var(--m8) !important;
}

.mb-9 {
    margin-bottom: var(--m9) !important;
}

.mb-10 {
    margin-bottom: var(--m10) !important;
}

@media(991px) {
    .pb-ext {
        padding-bottom: 400px;
    }
}

@media(max-width: 767px) {
    .mg {
        margin-top: 30px !important;
    }

    .g {
        margin-top: 15px;
    }

    .gb {
        margin-bottom: 15px;
    }

    .mg-5 {
        margin-top: var(--m5);
    }

    .mg-6 {
        margin-top: var(--m6);
    }

    .pb-ext {
        padding-bottom: 300px;
    }
}

@media(max-width: 575px) {
    .pb-ext {
        padding-bottom: 200px;
    }
}


/* typography */

h1,
h2,
h3,
h4 {
    color: var(--headlines) !important;
    font-display: swap !important;
}

h1 {
    font-family: 'Arca Majora', sans-serif !important;
    color: var(--white) !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    /*font-size: 80px !important;
    /* remove */
}

h1 span {
    font-size: 50%;
    vertical-align: super;
}

h2 {
    font-family: 'MarkPro-bold', sans-serif !important;
    line-height: 1.6 !important;
    margin-bottom: var(--m5) !important;
    //font-size: 70px !important;
    color: #ffffff !important;
    /* remove */
}

h3 {
    font-family: 'MarkPro-bold', sans-serif !important;
    line-height: 1.7 !important;
    letter-spacing: 5px;
    word-wrap: break-word;
}

h3.coated {
    display: inline-block;
    background-color: var(--secondary);
}

h4 {
    font-family: 'MarkPro-bold', sans-serif !important;
    color: #fff !important;
    line-height: 1.7 !important;
    letter-spacing: 5px;
    word-wrap: break-word;
}


.entry-content h4 {
    color: var(--headlines) !important;
}

.elementor-element-73da1d2 h4 {
    color: #ffffff !important;
    font-size: 26px !important;
}

.elementor-element-73da1d2 .footer-text p,
.elementor-element-eef7068 p {
    font-size: 20px !important;
    color: #ffffff !important;
    letter-spacing: 1px !important;
}

.footer-text-klein p,
.footer-text-klein p a {
    font-size: 18px !important;
    color: #ffffff !important;
    letter-spacing: 1px !important;
}

footer .text__small p a {
    color: #ffffff !important;
}

p,
li {
    color: var(--text) !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    /*font-size: 20px !important;
    /* remove */
}

p.small-text {
    font-size: 16px !important;
    /* remove */
}

p:last-child {
    margin-bottom: 0px !important;
}

.menu-headline p,
.menu-headline p a {
    font-family: 'MarkPro-bold', sans-serif !important;
    color: #fff !important;
    line-height: 1.7 !important;
    letter-spacing: 3px;
    word-wrap: break-word;
}

.menu-headline p,
.menu-headline p a {
    font-size: 22px !important;
}

li .menu-item.menu-item-has-children a {
    font-family: 'MarkPro-bold', sans-serif !important;
    color: #fff !important;
    line-height: 1.7 !important;
    letter-spacing: 4px;
    word-wrap: break-word;
    font-size: 26px !important;  
}

.menu-link p a {
    font-family: 'MarkPro', sans-serif !important;
    color: #fff !important;
    line-height: 1.7 !important;
    letter-spacing: 2px;
    word-wrap: break-word;
}

.menu-link p a {
    font-size: 18px !important;  
}

.uael-nav-menu__layout-horizontal .uael-nav-menu .sub-arrow {
    margin-left: 0px !important;
    display: none !important;
}

.elementor-196 .elementor-element.elementor-element-e937890 .menu-item a.uael-menu-item {
    padding-left: 20px;
    padding-right: 10px;
	padding-bottom: 30px;
	padding-top: 30px;
    font-family: 'MarkPro-bold', sans-serif !important;
    color: #fff !important;
    line-height: 1.5 !important;
    letter-spacing: 4px;
    word-wrap: break-word;
    font-size: 26px !important;  
}

@media (max-width: 767px) {
	.elementor-196 .elementor-element.elementor-element-e937890 .menu-item a.uael-menu-item {
		padding-left: 20px;
		padding-right: 10px;
		padding-bottom: 30px;
		padding-top: 30px;
		letter-spacing: 2px;
		font-size: 20px !important;
	}	
}

.elementor-196 .elementor-element.elementor-element-e937890 ul.sub-menu {
    width: 100vw;
    margin-top: -5px !important;
    z-index: 999 !important;
}

/* font color */

.f-white p,
.f-white h1,
.f-white h2,
.f-white h3,
.f-white h4 {
    color: var(--white) !important;
}


/* fluid typography */

@media screen and (max-width: 375px) {

    h1 {
        font-size: 43px !important;
    }

    h2 {
        font-size: 36px !important;
    }
    
    .headline-mundhygiene h2 {
        font-size: 40px !important; 
    }
	
	h3 {
		line-height: 1.4 !important;
		letter-spacing: 3px;
		font-size: 26px !important;
	}

	h4 {
		line-height: 1.4 !important;
		letter-spacing: 3px;
		font-size: 22px !important;
	}
	
	.headline h4 {
		line-height: 1.4 !important;
		letter-spacing: 1px;
		font-size: 20px !important;
	}

    body,
    p {
        font-size: 18px !important;
		letter-spacing: 2px !important;
    }
    
    footer p {
        font-size: 15px !important;
		letter-spacing: 1px !important;
    }
    
    footer .text__small p {
        font-size: 14px !important;
		letter-spacing: 1px !important;
    }
	
	.menu-headline p,
	.menu-headline p a {
    	font-size: 16px !important;
	}

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p,
    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table,
    .woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 376px) {

    h1 {
        font-size: calc(43px + 37 * ((100vw - 376px) / 1400)) !important;
    }

    h2 {
        font-size: calc(36px + 4 * ((100vw - 376px) / 1400)) !important;
    }
    
    .headline-mundhygiene h2 {
        font-size: calc(45px + 10 * ((100vw - 376px) / 1400)) !important; 
    }
	
	h3 {
		line-height: 1.7 !important;
		letter-spacing: 5px;
		font-size: calc(26px + 12 * ((100vw - 376px) / 1400)) !important;
	}
	
	h4 {
		line-height: 1.4 !important;
		letter-spacing: 3px;
        font-size: calc(20px + 10  * ((100vw - 376px) / 1400)) !important;
	}
	
	.headline h4 {
		line-height: 1.4 !important;
		letter-spacing: 1px;
        font-size: calc(18px + 12  * ((100vw - 376px) / 1400)) !important;
	}

    body,
    p {
        font-size: calc(18px + 2 * ((100vw - 376px) / 1400)) !important;
		letter-spacing: 3px !important;
    }
    
    footer p {
        font-size: calc(15px + 3 * ((100vw - 376px) / 1400)) !important;
		letter-spacing: 2px !important;
    }
    
    footer .text__small p {
        font-size: calc(14px + 2 * ((100vw - 376px) / 1400)) !important;
		letter-spacing: 1px !important;
    }
	
	.menu-headline p,
	.menu-headline p a {
    	font-size: calc(16px + 6 * ((100vw - 376px) / 1400)) !important;
	}
	
	.menu-link p a {
		font-size: calc(8px + 10 * ((100vw - 376px) / 1400)) !important;
		line-height: 1.4 !important;
    	letter-spacing: 1px !important;
	}

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p,
    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table,
    .woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
        font-size: calc(16px + 2 * ((100vw - 320px) / 680)) !important;
    }
}

@media screen and (min-width: 1600px) {

    h1 {
        font-size: 80px !important;
    }

    h2 {
        font-size: 70px !important;
    }
    
    .headline-mundhygiene h2 {
        font-size: 55px !important; 
    }
	
	h3 {
		line-height: 1.7 !important;
		letter-spacing: 5px;
		font-size: 38px !important;
	}
	
	h4 {
		line-height: 1.7 !important;
		letter-spacing: 5px;
		font-size: 30px !important;
	}
	
	.headline h4 {
		line-height: 1.7 !important;
		letter-spacing: 3px;
		font-size: 30px !important;
	}

    body,
    p {
        font-size: 20px !important;
	    letter-spacing: 4px !important;
    }
    
    #BorlabsCookieBox p {
        font-size: 14px !important;
	    letter-spacing: 2px !important;        
    }
    
    #BorlabsCookieBox .brlbs-cmpnt-container h2 {
        font-size: 22px !important;
	    letter-spacing: 2px !important;
        color: #847c6c !important;
        margin-bottom: 0px !important;
    }
    
    footer p {
        font-size: 18px !important;
	    letter-spacing: 3px !important;
    }
    
    footer .text__small p {
        font-size: 16px !important;
		letter-spacing: 2px !important;
    }

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p,
    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table,
    .woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
    .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
        font-size: 18px !important;
    }
	
	.menu-headline p,
	.menu-headline p a {
		font-size: 22px !important;
	}

	.menu-link p a {
		font-size: 18px !important;
		line-height: 1.4 !important;
	}
	
	.menu-link p {
		line-height: 1.4 !important;
	}
}


.headline-mundhygiene h2 {
    font-family: 'Argent CF', sans-serif !important;
    line-height: 1.6 !important;
    margin-bottom: var(--m5) !important;
    color: #C69A68 !important;   
}

.text-white p,
.headline-white h4 {
    color: #fff !important;
}
/* container */

.elementor-element-7ec4f48 {
    min-height: 850px !important;
}

.site-header,
#ast-mobile-header,
.post-navigation,
.site-footer {
    display: none !important;
}

section .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0px 15px !important;
}

section.full__width .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0px 0px !important;
}

/*
section < :not(.full__width) .elementor-element-populated {
    padding: 0px 30px !important;
    margin: 0px !important;
}

section < :not(.full__width) .elementor-container {
    width: calc(100% - 60px) !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}
*/

.elementor-widget:not(:last-child) {
    margin-bottom: 0;
    /* check bycicle */
}

section {
    padding: var(--m10) 0px;
}

section.small {
    padding: var(--m6) 0px;
}

section.full .elementor-element-populated .elementor-element-populated {
    padding: 0 !important;
}

section.full .elementor-element-populated .elementor-column {
    margin: 0px 15px;
}

@media(min-width: 768px) {
    section.full .elementor-element-populated .elementor-column:first-child {
        margin-left: 0;
    }

    section.full .elementor-element-populated .elementor-column:last-child {
        margin-right: 0;
    }
}


/* a */

p a {
    color: var(--) !important;
}

p a:hover,
p a:active,
p a:focus {
    color: var(--) !important;
    text-decoration: underline;
}


/* img */

.img-hover-zoom {
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform .8s ease !important;
}

.img-hover-zoom:hover img {
    transform: scale(1.05);
}

.darken {
    mix-blend-mode: darken;
}

.badge::after {
    content: '';
    width: 160px;
    height: 160px;
    position: absolute;
    top: -80px;
    left: -80px;
    background-image: url('../svg/badge.svg');
    transform: rotate(12deg);
}

@media(max-width: 767px) {
    .badge::after {
        top: unset;
        bottom: -80px;
        left: 50%;
        transform: translate(-50%, 0) rotate(12deg);
    }
}


.swiper-pagination {
    position: absolute;
    text-align: right !important;
    padding-right: 4% !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
}

.slider-startseite, .slider-startseite .swiper-slide,
.headline-site-wrap {
    height: calc(100vh - 105px) !important;
}

@media(max-width: 1200px) {
	.elementor-slides .swiper-slide-bg {
	  background-position: 46% !important;
	}
}

.teaser__slider-headline {
	position: absolute !important;
	min-height: 150px !important;
	min-width: 200px !important;
	background: rgba(255, 255, 255, 0);
	top: calc(100vh - 150px - 200px) !important;
	left: 200px !important;
	z-index: 90 !important;
	padding: 40px !important;
}

@media(max-width: 1300px) {
	.teaser__slider-headline {
		position: absolute !important;
		min-height: 150px !important;
		min-width: 200px !important;
		background: rgba(255, 255, 255, 0.5);
		top: calc(100vh - 150px - 100px) !important;
		left: 50px !important;
		z-index: 900 !important;
		padding: 40px !important;
	}	
}

@media(max-width: 767px) {
	.teaser__slider-headline {
		position: absolute !important;
		min-height: 180px !important;
		min-width: 150px !important;
		background: rgba(255, 255, 255, 0);
		top: calc(100vh - 180px - 100px) !important;
		left: 0px !important;
		z-index: 900 !important;
		padding: 15px !important;
	}
	
	.teaser__slider-headline h4 {
		font-size: 20px !important;
		letter-spacing: 2px !important;
	}
	
	.teaser__slider-headline p {
		font-size: 14px !important;
	}
}

/* image grid */

.image-grid .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
}

.image-grid.no-gap .elementor-widget-wrap {
    grid-gap: 0px !important;
}

.image-grid a {
    display: unset !important;
}

.img-ratio-wrapper--16-10 .elementor-widget-container {
    width: 100% !important;
    position: relative !important;
    padding-bottom: 62.5% !important;
    text-align: left;
}

.img-ratio-wrapper--16-14 .elementor-widget-container {
    width: 100% !important;
    position: relative !important;
    padding-bottom: 87.5% !important;
    text-align: left;
}

.img-ratio-wrapper--16-16 .elementor-widget-container {
    width: 100% !important;
    position: relative !important;
    padding-bottom: 100% !important;
    text-align: left;
}

.img-ratio-wrapper--16-22 .elementor-widget-container {
    width: 100% !important;
    position: relative !important;
    padding-bottom: 137.5% !important;
    text-align: left;
}

.img-ratio-wrapper--16-10 .elementor-widget-container,
.img-ratio-wrapper--16-10 .elementor-image,
.img-ratio-wrapper--16-14 .elementor-widget-container,
.img-ratio-wrapper--16-14 .elementor-image,
.img-ratio-wrapper--16-22 .elementor-widget-container,
.img-ratio-wrapper--16-22 .elementor-image {
    height: 100% !important;
}

.img-ratio img {
    position: absolute !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

@media(max-width: 767px) {

    .image-grid .elementor-widget-wrap {
        grid-gap: 15px;
    }
}

.image-grid__workshop-item--1 {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
}

.image-grid__workshop-item--2 {
    grid-column-start: 8;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 2;
}

.image-grid__store-item--1 {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 3;
}

.image-grid__store-item--2 {
    grid-column-start: 8;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 4;
}

.image-grid__store-item--3 {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 3;
    grid-row-end: 5;
}

@media(max-width: 767px) {
    .image-grid__workshop-item--1 {
        grid-column-start: 1;
        grid-column-end: 13;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .image-grid__workshop-item--2 {
        grid-column-start: 1;
        grid-column-end: 13;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .image-grid__store-item--1 {
        grid-column-start: 1;
        grid-column-end: 13;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .image-grid__store-item--2 {
        grid-column-start: 1;
        grid-column-end: 13;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .image-grid__store-item--3 {
        grid-column-start: 1;
        grid-column-end: 13;
        grid-row-start: 3;
        grid-row-end: 4;
    }
}


/* navigation */

div.elementor-location-header {
    z-index: 9999 !important;
    position: relative;
}


.nav {
    background-color: var(--primary);
    height: 70px;
    z-index: 9998;
}

.nav .elementor-container,
.nav .elementor-row {
    height: 100%;
}

.nav__logo-wrapper,
.nav__location-wrapper {
    width: 176px !important;
}


/* navigation checkout */

.nav__location-wrapper.checkout {
    width: 70px !important;
}

.nav__navigation-wrapper.checkout {
    width: calc(100% - 246px) !important;
}

.nav__location-wrapper.checkout #location-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

.nav__location-wrapper.checkout #location-link:hover {
    background-color: var(--primary-hover);
}

.nav__location-wrapper.checkout #location-link svg {
    margin: 0;
    position: relative;
    left: 2px;
}

.header__logo a img[src$=".svg"] {
  	width: 320px !important;
	height: auto !important;
}

/* navigation cart */

.nav__logo-wrapper.cart {
    width: 246px !important;
}

.nav__cart-wrapper {
    width: 70px !important;
    background-color: var(--grey-dark);
}

.nav__navigation-wrapper.cart {
    width: calc(100% - 422px) !important;
}

.nav__cart-wrapper .elementor-element-populated {
    padding: 0 !important;
}


.nav__cart-wrapper a#elementor-menu-cart__toggle_button {
    display: block;
    height: 70px;
    border-radius: 0;
    padding: 0;
    border: none;
}

.nav__cart-wrapper a#elementor-menu-cart__toggle_button:hover,
.nav__cart-wrapper a#elementor-menu-cart__toggle_button:active,
.nav__cart-wrapper a#elementor-menu-cart__toggle_button:focus {
    background-color: var(--grey-hover);
}

.nav__cart-wrapper a#elementor-menu-cart__toggle_button span.elementor-button-icon {
    display: block;
    width: 20px;
    height: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav__cart-wrapper a#elementor-menu-cart__toggle_button i:before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='18px' viewBox='0 0 20 18' enable-background='new 0 0 20 18' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M17.15,11.25H7.51l0.2,1.12h9.19c0.62,0,1.12,0.51,1.12,1.12c0,0.1-0.03,0.19-0.06,0.28 c0.7,0.38,1.18,1.11,1.18,1.97c0,1.24-1.01,2.25-2.25,2.25s-2.25-1.01-2.25-2.25c0-0.42,0.12-0.79,0.31-1.12H8.72 c0.19,0.34,0.32,0.71,0.32,1.12c0,1.24-1.01,2.25-2.25,2.25s-2.25-1.01-2.25-2.25c0-0.86,0.47-1.59,1.17-1.97 c-0.01-0.03-0.02-0.06-0.03-0.08L3.6,2.25H1.16c-0.62,0-1.12-0.51-1.12-1.12S0.54,0,1.16,0h3.38c0.54,0,1.01,0.39,1.1,0.92 l0.25,1.33h12.96c0.73,0,1.27,0.69,1.09,1.39l-1.69,6.75C18.12,10.9,17.67,11.25,17.15,11.25z'/%3E%3C/svg%3E%0A");
}

.nav__cart-wrapper a#elementor-menu-cart__toggle_button span.elementor-button-icon::before {
    background-color: var(--secondary);
    color: var(--headlines);
    font-weight: 700;
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    line-height: 1.8;
    font-size: 12px;
    top: -14px;
    right: -14px;
}

@media(max-width: 1023px) {
    .nav__logo-wrapper.cart {
        width: 176px !important;
    }

    .nav__navigation-wrapper.cart {
        width: calc(100% - 422px) !important;
    }
}

@media(max-width: 575px) {
    .nav__logo-wrapper.cart {
        width: 126px !important;
    }

    .nav__navigation-wrapper.cart {
        width: calc(100% - 266px) !important;
    }
}



.nav__logo-wrapper {
    padding: 0 30px;
}

@media(max-width: 1470px) {

    .nav__logo-wrapper {
        padding: 0 15px;
    }
}

.nav__logo-wrapper .elementor-element-populated,
.nav__location-wrapper .elementor-element-populated {
    padding: 0 !important;
}

.nav__navigation-wrapper {
    width: calc(100% - 352px) !important;
}

.nav__navigation-wrapper .elementor-widget-nav-menu,
.nav__navigation-wrapper .elementor-widget-container,
.nav__navigation-wrapper nav {
    height: 100%;
}

.nav__logo-wrapper .logo-ttog {
    margin-top: 10px;
}

.nav__location-wrapper #location-link {
    background-color: var(--secondary);
    border: 2px solid var(--secondary);
    border-radius: 0;
    display: block;
    width: 100%;
    height: 70px;
    padding: 0;
    padding-top: 19px;
}

.nav__location-wrapper #location-link:hover {
    background-color: var(--secondary-hover);
}

.nav__location-wrapper .elementor-button-content-wrapper {
    display: block;
}

.nav__location-wrapper #location-link svg {
    width: 24px !important;
    height: 28px !important;
    margin-right: 8px;
}

.nav__location-wrapper #location-link span.elementor-button-text {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary);
    position: relative;
    top: -8px;
}

@media(max-width: 575px) {
    .nav__location-wrapper #location-link span.elementor-button-text {
        display: none;
    }

    .nav__location-wrapper #location-link svg {
        margin-right: 0;
    }

    .nav__location-wrapper {
        width: 70px !important;
    }

    .nav__navigation-wrapper {
        width: calc(100% - 246px) !important;
    }
}

.navigation a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--white) !important;
    height: 100%;
    padding: 0 !important;
    border-bottom: 4px solid transparent;
}

.navigation a:hover,
.navigation a:active,
.navigation a:focus,
.navigation a[aria-expanded="true"] {
    color: var(--secondary) !important;
}

.navigation .current_page_item a,
.navigation .current-menu-parent a {
    color: var(--secondary) !important;
    border-bottom: 4px solid var(--secondary);
}

.navigation li {
    padding: 0px 12px !important;
}

.navigation .sub-arrow {
    margin-top: -5px !important;
    margin-left: 6px !important;
    padding: 0 !important;
    margin-bottom: unset !important;
}

.navigation .sub-arrow i:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='bxs-down-arrow' d='M5.671,10.828a.4.4,0,0,0,.658,0l3.6-5.2A.4.4,0,0,0,9.6,5H2.4a.4.4,0,0,0-.329.628Z' transform='translate(-2 -5)' fill='%23ffed00'/%3E%3C/svg%3E%0A") !important;
    filter: brightness(0) invert(1);
}

.navigation a:hover .sub-arrow i:before,
.navigation a:active .sub-arrow i:before,
.navigation a:focus .sub-arrow i:before,
.navigation a[aria-expanded="true"] .sub-arrow i:before,
.navigation .current-menu-parent .sub-arrow i:before {
    filter: unset;
}

.navigation .sub-menu {
    background-color: var(--secondary);
    padding: 12px 0px 14px 0px !important;
    min-width: 220px !important;
    left: 12px !important;
}

@media(min-width: 1024px) {
    .navigation .sub-menu {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }
}

.navigation .sub-menu li {
    padding: 0 !important;
}

.navigation .sub-menu li:not(.primary) a {
    padding: 8px 24px !important;
    color: var(--headlines) !important;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0px;
    border: none !important;
}

.navigation .sub-menu li.primary a {
    color: var(--headlines) !important;
    border: none !important;
    padding: 8px 24px !important;
}

.navigation .sub-menu li a:hover,
.navigation .sub-menu li a:active,
.navigation .sub-menu li a:focus,
.elementor-sub-item.elementor-item-active {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

.eicon-menu-bar:before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M2,4.5h20V7H2V4.5z M2,10.75h20v2.5H2V10.75z M2,17h20v2.5H2V17z'/%3E%3C/svg%3E%0A") !important;
}

.elementor-menu-toggle.elementor-active .eicon-menu-bar:before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M18,4l-6,6L6,4L4,6l6,6l-6,6l2,2l6-6l6,6l2-2l-6-6l6-6L18,4z'/%3E%3C/svg%3E%0A") !important;
}

.elementor-menu-toggle {
    position: relative;
    top: 17px;
    background-color: transparent !important;
    //background-color: lightblue !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

nav.elementor-nav-menu--dropdown {
    top: 60px !important;
    background-color: var(--secondary);
    height: auto;
    padding: 20px 0px;
    //font-size: 16px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

nav.elementor-nav-menu--dropdown li {
    padding: 0 !important;
}

nav.elementor-nav-menu--dropdown li a {
    padding: 8px 15px !important;
    color: var(--headlines) !important;
    padding: 12px 15px !important
}

nav.elementor-nav-menu--dropdown li a:hover,
nav.elementor-nav-menu--dropdown li a:active,
nav.elementor-nav-menu--dropdown li a:focus,
nav.elementor-nav-menu--dropdown li.current_page_item a,
nav.elementor-nav-menu--dropdown li.current-menu-parent a {
    background-color: rgba(0, 0, 0, 0.06) !important;
    color: var(--headlines) !important;
}

nav.elementor-nav-menu--dropdown .sub-arrow i:before {
    filter: brightness(27%) !important;
}

nav.elementor-nav-menu--dropdown .sub-menu li a {
    font-size: 16px !important;
}

nav.elementor-nav-menu--dropdown .sub-menu li:not(.primary) a,
nav.elementor-nav-menu--dropdown .sub-menu li.primary a {
    padding: 12px 24px !important
}

nav.elementor-nav-menu--dropdown li.current-menu-parent .sub-menu li a {
    background-color: transparent !important;
}

nav.elementor-nav-menu--dropdown li .sub-menu li.current-menu-item a {
    background-color: rgba(0, 0, 0, 0.06) !important;
}


/* hero */

.hero {
    height: 770px;
}

.hero .elementor-container,
.hero .elementor-row {
    height: 100%;
}

.hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--black);
    opacity: 0.4;
}

.hero__button-wrapper {
    text-align: center;
}

.hero__button-wrapper .btn__outlined--white {
    margin-right: 16px;
}

@media(max-width: 1024px) {
    .hero {
        height: 670px;
    }
}

@media(max-width: 767px) {
    .hero {
        height: 570px;
    }
}

@media(max-width: 575px) {
    .hero {
        height: 500px;
    }

    .hero__button-wrapper .btn__outlined--white {
        margin-right: 0px;
    }

    .hero__button-wrapper .btn__outlined--white,
    .hero__button-wrapper .btn__primary {
        display: block;
    }

    .hero__button-wrapper .btn__primary {
        margin-top: 16px;
    }
}


/* hero small */

.hero.small {
    height: 530px;
}

.hero.small::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--black);
    opacity: 0.35;
}

@media(max-width: 767) {
    .hero.small {
        height: 450px;
    }
}

@media(max-width: 575px) {
    .hero.small {
        height: 350px;
    }
}


/* button */

.btn__outlined--primary,
.btn__outlined--white,
.btn__primary,
.woocommerce .woocommerce-message a.button,
a#cart,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page.woocommerce-checkout #payment #place_order {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 9px 24px 8px 24px;
    border-radius: 24px;
    margin-top: var(--m5);
    transition: all 0.3s ease-in-out;
}

.woocommerce .woocommerce-message a.button {
    padding: 14px 24px 14px 24px;
    margin: 0 !important;
}

a#cart {
    padding: 13px 24px 13px 24px;
    margin: 0 !important;
    margin-top: var(--m5) !important;
}

.woocommerce a.button,
.woocommerce a.button.alt {
    margin: 0 !Important;
    padding: 8px 24px 8px 24px;
}

.woocommerce-page table.cart td.actions .button {
    margin: 0 !Important;
    padding: 14px 24px 14px 24px;
}

.woocommerce-page.woocommerce-checkout #payment #place_order,
.woocommerce a.button.wc-backward {
    padding: 14px 24px 14px 24px;
}

.btn__outlined--primary,
.woocommerce .woocommerce-message a.button,
.woocommerce-page table.cart td.actions .button {
    color: var(--headlines);
    border: 2px solid var(--headlines) !important;
    background-color: transparent;
}

.btn__outlined--primary:hover,
.btn__outlined--primary:active,
.btn__outlined--primary:focus,
.woocommerce .woocommerce-message a.button:hover,
.woocommerce .woocommerce-message a.button:active,
.woocommerce .woocommerce-message a.button:focus,
.woocommerce-page table.cart td.actions .button:hover,
.woocommerce-page table.cart td.actions .button:active,
.woocommerce-page table.cart td.actions .button:focus {
    color: var(--white);
    border: 2px solid var(--headlines);
    background-color: var(--headlines);
}

.btn__outlined--white {
    color: var(--white);
    border: 2px solid var(--white);
    background-color: transparent;
}

.btn__outlined--white:hover,
.btn__outlined--white:active,
.btn__outlined--white:focus {
    color: var(--primary);
    border: 2px solid var(--white);
    background-color: var(--white);
}

.btn__primary,
a#cart,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce-page.woocommerce-checkout #payment #place_order {
    color: var(--headlines) !important;
    border: 2px solid var(--secondary) !important;
    background-color: var(--secondary);
}

.btn__primary:hover,
.btn__primary:active,
.btn__primary:focus,
a#cart:hover,
a#cart:active,
a#cart:focus,
.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce a.button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce-page.woocommerce-checkout #payment #place_order:hover,
.woocommerce-page.woocommerce-checkout #payment #place_order:active,
.woocommerce-page.woocommerce-checkout #payment #place_order:focus {
    color: var(--headlines);
    background-color: var(--secondary-hover);
}

#btn__header {
    font-family: 'MarkPro', sans-serif !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0px !important;
    word-wrap: break-word; 
    font-size: 18px !important;
    padding: 6px 8px 5px !important;
    background: #a9a398 !important;
    color: var(--white) !important;
}

#btn__header:hover,
#btn__header:active,
#btn__header:focus,{
    font-family: 'MarkPro', sans-serif !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    word-wrap: break-word; 
    font-size: 20px !important;
    padding: 6px 8px 5px !important;
    background: #a9a398 !important;
    color: #a9a398 !important;
}


/* brand-item */

.brand-item {
    display: block;
    float: left;
    width: 33.3333%;
    height: 120px;
    background-color: var(--text);
    border: 1px solid var(--primary);
    padding: var(--m3);
}

.brand-item--featured {
    display: block;
    float: right;
    width: 230px;
    max-width: 100%;
    height: 120px;
    position: relative;
    top: -60px;
    background-color: var(--text);
    //border: 1px solid var(--primary);
    padding: var(--m3);
}

.brand-item--single {
    display: block;
    float: left;
    width: 230px;
    max-width: 100%;
    height: 120px;
    background-color: var(--lightgrey);
    //border: 1px solid var(--white);
    padding: var(--m3);
}

.brand-item img,
.brand-item--featured img {
    filter: brightness(0) invert(1);
}

.brand-item__img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(min-width: 768px) and (max-width: 1148px) {
    .brand-item--featured {
        top: 0;
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .brand-item {
        width: 50%;
    }
}

@media(max-width: 575px) {
    .brand-item {
        width: 50%;
    }
}


/* categories */

.categories .uc_post_image {
    width: 100% !important;
    height: unset !important;
    position: relative !important;
    padding-bottom: 137.5% !important;
    background-repeat: no-repeat;
}

.categories .uc_post_image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.categories .uc_post_title a {
    font-size: 24px !important;
    color: var(--white) !important;
    font-weight: 700;
}

.categories .uc_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    background-color: transparent !important;
    background-size: 200% 200%;
    background-image: linear-gradient(to top, var(--secondary) 50%, transparent 50%) !important;
    -webkit-transition: background-position 300ms ease;
    -moz-transition: background-position 300ms ease;
    -ms-transition: background-position 300ms ease;
    -o-transition: background-position 300ms ease;
    transition: background-position 300ms ease;
}

@media (hover: hover) {

    .categories .ue_post_grid_item:hover .uc_content {
        background-image: linear-gradient(to top, var(--secondary) 51%, transparent 50%) !important;
        background-position: 0 100%;
        -webkit-transition: background-position 300ms ease;
        -moz-transition: background-position 300ms ease;
        -ms-transition: background-position 300ms ease;
        -o-transition: background-position 300ms ease;
        transition: background-position 300ms ease;
    }

    .categories .ue_post_grid_item:hover .uc_post_title a {
        color: var(--primary) !important;
    }

}


/* facts */

.facts .elementor-widget-container {
    display: flex;
    flex-flow: row wrap;
}

.facts__item {
    flex: 3;
}

.facts__empty {
    flex: 1.5;
}

.facts__icon {
    display: block;
    margin-bottom: var(--m5) !important;
}

@media(min-width: 992px) {
    .facts .elementor-widget-container div:nth-child(6) {
        width: 100% !important;
        flex: unset !important;
        height: var(--m9);
    }
}

@media(min-width: 640px) and (max-width: 991px) {

    .facts .elementor-widget-container div:nth-child(4),
    .facts .elementor-widget-container div:nth-child(8) {
        width: 100% !important;
        flex: unset !important;
        height: var(--m9);
    }
}

@media(max-width: 639px) {

    .facts .elementor-widget-container div:nth-child(2),
    .facts .elementor-widget-container div:nth-child(4),
    .facts .elementor-widget-container div:nth-child(6),
    .facts .elementor-widget-container div:nth-child(8),
    .facts .elementor-widget-container div:nth-child(10) {
        width: 100% !important;
        flex: unset !important;
        height: var(--m9);
    }

    .facts__item {
        text-align: center;
    }

    .facts__icon {
        margin: auto;
    }
}

/* Background Image */

.bg__image-mobil {
    min-height: 350px !important;
}

/* fullscreen image */

section.image {
    height: 840px
}

section.image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../svg/line-image.svg');
    background-repeat: no-repeat;
    background-position: 15% calc(0% - 15px);
}

@media(max-width: 1400px) {
    section.image::after {
        background-position: 0% calc(0% - 15px);
    }
}

@media(max-width: 1024px) {
    section.image {
        height: 740px;
    }

    section.image::after {
        background-position: -30% calc(0% - 15px);
    }
}

@media(max-width: 767px) {
    section.image {
        height: 640px;
    }

    section.image::after {
        background-position: -250px calc(0% - 15px);
    }
}

@media(max-width: 575px) {
    section.image {
        height: 570px;
    }

    section.image::after {
        background-position: -300px calc(0% - 15px);
    }
}


/* conatct */

.contact-item:not(:last-child) {
    margin-bottom: var(--m5);
}

.contact-item__circle {
    display: inline-block;
    padding: 11px 16px;
    background-color: var(--headlines);
    border-radius: 28px;
    margin-right: var(--m5);
    vertical-align: top;
}

.contact-item:nth-child(1) .contact-item__circle,
.contact-item:nth-child(2) .contact-item__circle {
    //vertical-align: text-bottom;
}

.contact-item__circle svg {
    position: relative;
    top: 5px;
}

.contact-item h3 {
    display: inline-block;
    width: calc(100% - 102px);
    margin-bottom: 0 !important;
    position: relative;
    top: 10px;
}

.contact-item:hover a h3 {
    text-decoration: underline;
}


@media(max-width: 575px) {
    .contact {
        text-align: center;
    }

    .contact-item:not(:last-child) {
        margin-bottom: var(--m6);
    }

    .contact-item__circle {
        margin-right: 0;
    }

    .contact-item h3 {
        width: 100%;
    }
}


/* footer */

div.elementor-location-footer {
    z-index: 9998 !important;
    position: relative;
}

footer {
    background-color: var(--primary);
    padding: var(--m8) 0px var(--m5) 0px;
    //color: var(--white) !important;
}

footer p,
footer p a,
footer p a[x-apple-data-detectors] {
    color: var(--white) !important;
}

footer h5 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--white) !important;
    margin-bottom: var(--m3);
}

footer ul {
    margin: 0 !important;
    list-style-type: none;
}

footer a.menu-link,
.footer-social-link {
    font-size: 16px;
    color: var(--white);
}

footer a.menu-link:hover,
footer a.menu-link:active,
footer a.menu-link:focus,
.footer-social-link:hover,
.footer-social-link:active,
.footer-social-link:focus {
    color: var(--white);
    text-decoration: underline;
}

footer span.footer-nav {
    padding-left: var(--m3);
}

footer span.footer-nav a.footer-nav__link:not(:last-child) {
    padding-right: var(--m3);
}

.footer-meta {
    padding-top: var(--m5);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-social-link svg {
    position: relative;
    top: 6px;
    margin-right: 8px;
}

@media(max-width: 767px) {

    footer,
    footer .text-right {
        text-align: center !important;
    }

    footer li {
        display: inline-block;
    }

    footer li:not(:last-child) {
        padding-right: var(--m1);
    }
}


/* category detail */

section.bike {
    padding: 0;
    //max-height: 750px;
}

@media(min-width: 768px) {
    section.bike {
        background: rgb(247, 247, 247);
        background: linear-gradient(90deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 100%);
    }
}

section.bike img {
    width: auto;
    max-height: 750px;
}

@media(min-width: 768px) and (max-width: 1199px) {
    .bike__col--img {
        flex: 6;
    }

    .bike__col--text {
        flex: 5;
    }
}


/* contact */

section.form {
    padding-top: 0;
    background: rgb(61, 60, 60);
    background: linear-gradient(180deg, var(--secondary) 0%, var(--secondary) 240px, var(--primary) 240px, var(--primary) 100%);
}

.form-wrapper {
    padding: var(--m6) calc(var(--m6) - 15px);
    background-color: var(--white);
}

.form-wrapper input,
.form-wrapper textarea {
    background-color: var(--lightgrey) !important;
    border-radius: 0 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: var(--text) !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
}

.form-wrapper input {
    height: 56px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.form-wrapper textarea {
    resize: none;
    padding: 18px !important;
}

::placeholder {
    font-size: 16px !important;
}

::-ms-input-placeholder {
    font-size: 16px !important;
}

.form-wrapper label {
    font-size: 16px !important;
    font-weight: 700;
    color: var(--headlines) !important;
    margin-bottom: 10px !important;
}

.form-wrapper .elementor-field-group-message {
    margin-bottom: 0 !important;
}

.form-wrapper button {
    //display: inline-block;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    min-height: unset !important;
    padding: 14px 24px 14px 24px !important;
    border-radius: 24px !important;
    margin-top: var(--m5);
    background-color: var(--secondary);
    border: 2px solid var(--secondary) !important;
    transition: all 0.3s ease-in-out;
}

.form-wrapper button span {
    color: var(--primary);
}

.form-wrapper button:hover,
.form-wrapper button:active,
.form-wrapper button:focus {
    background-color: var(--secondary-hover);
}

@media(min-width: 768px) and (max-width: 991px) {
    .form-wrapper .elementor-col-50 {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .form-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media(max-width: 575px) {
    .form-wrapper {
        padding: var(--m4) calc(var(--m4) - 15px);
    }
}


/* 404 */

section.error-404 {
    padding: 0 !important;
}


/* location */

#elementor-popup-modal-833 .dialog-widget-content {
    //margin: 32px !important;
    width: calc(100% - 64px) !important;
    height: calc(100% - 64px) !important;
    border: 8px solid var(--secondary);
}

#elementor-popup-modal-833 .elementor-popup-modal {
    background-color: rgba(61, 60, 60, .6) !important;
}

#elementor-popup-modal-833 .dialog-widget-content .elementor-element-populated {
    padding: 0 !important;
}

#elementor-popup-modal-833 .dialog-widget-content .dialog-message {
    max-width: 100% !important;
    max-height: 100% !important;
}

#elementor-popup-modal-833 .dialog-widget-content .elementor-location-popup,
#elementor-popup-modal-833 .dialog-widget-content .elementor-section-wrap,
#elementor-popup-modal-833 .dialog-widget-content .elementor-section,
#elementor-popup-modal-833 .dialog-widget-content .elementor-container,
#elementor-popup-modal-833 .dialog-widget-content .elementor-row,
#elementor-popup-modal-833 .dialog-widget-content .elementor-column,
#elementor-popup-modal-833 .dialog-widget-content .elementor-column-wrap,
#elementor-popup-modal-833 .dialog-widget-content .elementor-widget-wrap,
#elementor-popup-modal-833 .dialog-widget-content .elementor-widget-google_maps,
#elementor-popup-modal-833 .dialog-widget-content .elementor-widget-container,
#elementor-popup-modal-833 .dialog-widget-content .elementor-custom-embed,
#elementor-popup-modal-833 .dialog-widget-content .elementor-custom-embed iframe {
    height: 100% !important;
}

#elementor-popup-modal-833 .dialog-close-button {
    width: 70px !important;
    height: 70px !important;
    background-color: var(--secondary);
    top: -8px !important;
    right: -8px !important;
}

#elementor-popup-modal-833 .dialog-close-button .eicon-close:before {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M18,4l-6,6L6,4L4,6l6,6l-6,6l2,2l6-6l6,6l2-2l-6-6l6-6L18,4z'/%3E%3C/svg%3E%0A") !important;
    filter: brightness(27%) !important;
}

#elementor-popup-modal-833 .dialog-close-button .eicon-close {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width: 575px) {
    #elementor-popup-modal-833 .dialog-widget-content {
        //margin: 15px !important;
        width: calc(100% - 30px) !important;
        height: calc(100% - 30px) !important;
        border: 8px solid var(--secondary);
    }
}



/* team */

.team .elementor-widget-wrap {
    display: flex;
    flex-wrap: wrap;
}

.team__member {
    flex: calc(25% - var(--gap));
    max-width: calc(25% - var(--gap));
    flex-direction: column;
}

.emulated-flex-gap .elementor-widget-wrap {
    --gap: 30px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
    width: calc(100% + var(--gap));
}

.emulated-flex-gap .elementor-widget-wrap>* {
    margin: var(--gap) 0 0 var(--gap);
}

.team__member .elementor-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.team__member figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    margin-bottom: 30px !important;
    padding: 0 24px;
    z-index: 1;
}

.team__member figcaption h3 {
    margin-bottom: var(--m1) !important;
}

@media(max-width: 1199px) {
    .team__member {
        flex: calc(33.3333% - var(--gap));
        max-width: calc(33.3333% - var(--gap));
        flex-direction: column;
    }
}

@media(max-width: 991px) {
    .team__member {
        flex: calc(50% - var(--gap));
        max-width: calc(50% - var(--gap));
        flex-direction: column;
    }
}

@media(max-width: 767px) {
    .emulated-flex-gap .elementor-widget-wrap {
        --gap: 15px;
    }
}

@media(max-width: 575px) {

    .team__member {
        flex: calc(100% - var(--gap));
        max-width: calc(100% - var(--gap));
        flex-direction: column;
    }
}



/* cookie note */

#elementor-popup-modal-932 {
    background-color: transparent !important;
}

#elementor-popup-modal-932 .dialog-widget-content {
    background-color: var(--primary);
}

#elementor-popup-modal-932 .dialog-lightbox-message {
    padding: 12px 0px !important;
}

#elementor-popup-modal-932 .dialog-widget-content p {
    color: var(--white) !important;
    font-size: 16px !important;
}

#elementor-popup-modal-932 .elementor-button {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    min-height: unset !important;
    padding: 6px 12px 6px 12px !important;
    border-radius: 24px !important;
    //margin-top: var(--m5);
    background-color: transparent;
    border: 2px solid var(--white) !important;
    transition: all 0.3s ease-in-out;
}

#elementor-popup-modal-932 .elementor-button span {
    color: var(--white);
}

#elementor-popup-modal-932 .elementor-button:hover,
#elementor-popup-modal-932 .elementor-button:active,
#elementor-popup-modal-932 .elementor-button:focus {
    background-color: var(--white);
}

#elementor-popup-modal-932 .elementor-button:hover span,
#elementor-popup-modal-932 .elementor-button:active span,
#elementor-popup-modal-932 .elementor-button:focus span {
    color: var(--headlines);
}

@media(max-width: 1023px) {
    #elementor-popup-modal-932 .elementor-button {
        margin-top: 16px !important;
    }
}


/* misc */

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary);
}

.bg-lightgrey {
    background-color: var(--lightgrey);
}

.bg-primary h2,
.bg-primary h3,
.bg-primary p,
.bg-primary {
    color: var(--white) !important;
}

.bg-primary h3.coated {
    color: var(--headlines) !important;
}

.bg-primary .facts__icon {
    filter: brightness(0) invert(1);
}

.bg-secondary p,
.bg-secondary {
    color: var(--headlines) !important;
}

.line-grey {
    background: url('../svg/line-grey.svg');
    background-repeat: no-repeat;
    background-position: calc(100% + 15px) calc(100% + 15px);
}

.line-store {
    background: url('../svg/line-store.svg');
    background-repeat: no-repeat;
    background-position: 50% 120%;
    background-size: 105%;
}

@media(min-width: 2000px) {
    .line-store {
        background-position: 50% 45%;
    }
}

@media(min-width: 1350px) and (max-width: 1999px) {
    .line-store {
        background-position: 50% 30%;
    }
}

@media(max-width: 575px) {
    .line-store {
        background-position: 50% 110%;
    }
}

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

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

#service ul {
    margin-left: 24px;
    margin-bottom: 0;
    list-style-type: square;
}

#service li {
    padding-left: 16px;
}


/* product card */

h2.woocommerce-loop-product__title {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-top: var(--m3) !important;
    margin-bottom: 12px !important;
    font-size: 24px !important;
}

.woocommerce ul.products li.product .onsale,
.woocommerce div.product span.onsale {
    margin: 0 !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    min-height: unset;
    min-width: unset;
    line-height: unset;
    background-color: var(--secondary);
    color: var(--headlines);
    padding: 5px 8px 3px 8px !important;
    top: 16px !important;
    left: 16px !important;
}

.woocommerce div.product span.onsale {
    right: unset !important;
    left: 16px !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.single-product div.product p.price,
.single-product div.product span.price {
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
    font-size: 20px !important;
    color: var(--headlines) !important;
}

.woocommerce ul.products li.product .price span.woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price span.woocommerce-Price-amount,
.single-product div.product p.price span.woocommerce-Price-amount,
.single-product div.product span.price span.woocommerce-Price-amount {
    display: inline-block;
    background-color: var(--secondary);
}

.woocommerce ul.products li.product .price del span.woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price del span.woocommerce-Price-amount,
.single-product div.product p.price del span.woocommerce-Price-amount,
.single-product div.product span.price del span.woocommerce-Price-amount {
    font-weight: 300 !important;
    background-color: transparent !important;
    text-decoration: line-through;
    opacity: 0.5;
}

.woocommerce ul.products li.product .price del span.woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price del span.woocommerce-Price-amount,
.single-product div.product p.price del span.woocommerce-Price-amount,
.single-product div.product span.price del span.woocommerce-Price-amount {
    font-weight: 300 !important;
    background-color: transparent !important;
    text-decoration: line-through;
    opacity: 0.5;
}

.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce-page ul.products li.product .ast-woo-product-category .woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    display: none;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    margin-bottom: 0;
}

.astra-shop-thumbnail-wrap .woocommerce-loop-product__link {
    overflow: hidden;
}

.astra-shop-thumbnail-wrap .woocommerce-loop-product__link img {
    transition: transform .8s ease !important;
}

.astra-shop-thumbnail-wrap .woocommerce-loop-product__link:hover img {
    transform: scale(1.05);
}

.ast-shop-product-out-of-stock {
    color: var(--primary);
    //background-color: var(--secondary);
}


/* product grid */

.elementor-1631 .elementor-element.elementor-element-58020c9.elementor-wc-products ul.products {
    grid-column-gap: 30px;
    grid-row-gap: 48px;
}

.woocommerce .elementor-element.elementor-products-grid ul.products li.product {
    margin: 0 !important;
}

@media(max-width: 1199px) {

    .elementor-element.elementor-products-grid .woocommerce.columns-3 ul.products,
    .elementor-element.elementor-products-grid ul.products.columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media(max-width: 767px) {
    .elementor-1631 .elementor-element.elementor-element-58020c9.elementor-wc-products ul.products {
        grid-column-gap: 15px;
    }
}

@media(max-width: 575px) {

    .elementor-element.elementor-products-grid .woocommerce.columns-3 ul.products,
    .elementor-element.elementor-products-grid ul.products.columns-3 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}


/* sorting */

.woocommerce .woocommerce-result-count {
    margin: 0;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--headlines) !important;
}

.woocommerce .woocommerce-ordering select {
    background-color: var(--lightgrey);
    border: none;
    border-bottom: 1px solid var(--grey);
    font-family: 'IBM Plex Sans'sans-serif !important;
    font-size: 14px;
    color: var(--text);
}

.woocommerce .woocommerce-ordering {
    margin-bottom: var(--m5);
}

@media (max-width: 575px) {

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
        width: 100%;
        margin-top: 8px;
    }
}


/* pagination */

.elementor-products-grid nav.woocommerce-pagination {
    margin-top: var(--m6);
}

.woocommerce nav.woocommerce-pagination ul li {
    border-color: var(--primary);
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: var(--primary);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-size: 16px;
    font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background-color: var(--primary);
}


/* filter */

.filter-wrapper {
    background-color: var(--lightgrey);
    padding: var(--m3);
}

.bapf_head h3 {
    font-size: 16px !important;
    margin-bottom: var(--m2) !important;
}

.bapf_body {
    padding-bottom: var(--m2) !important;
    font-size: 16px !important;
}

.bapf_sfilter {
    margin-bottom: var(--m2) !important;
}

.filter-wrapper .elementor-shortcode .berocket_single_filter_widget:not(:last-child) .bapf_sfilter,
.astra-off-canvas-sidebar .berocket_single_filter_widget:not(:last-child) .bapf_sfilter {
    border-bottom: 1px solid rgba(61, 60, 60, 0.2);
    //margin-bottom: var(--m2) !important;
}


/* filter sidebar */

.astra-off-canvas-sidebar-wrapper {
    z-index: 9999 !important;
}

.astra-off-canvas-sidebar {
    background-color: var(--lightgrey) !important;
    padding: var(--m4) !important;
}

.woocommerce .astra-off-canvas-sidebar-wrapper .close:after,
.woocommerce-page .astra-off-canvas-sidebar-wrapper .close:after {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='28px' viewBox='0 0 24 28' enable-background='new 0 0 24 28' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M18,6l-6,6L6,6L4,8l6,6l-6,6l2,2l6-6l6,6l2-2l-6-6l6-6L18,6z'/%3E%3C/svg%3E") !important;
    filter: brightness(27%) !important;
}

.astra-shop-filter-button {
    margin: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 9px 24px 8px 24px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease-in-out !important;
    color: var(--headlines) !important;
    border: 2px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
}

.astra-shop-filter-button:hover,
.astra-shop-filter-button:active,
.astra-shop-filter-button:focus {
    color: var(--headlines) !important;
    background-color: var(--secondary-hover) !important;
}

.astra-shop-filter-button .astra-woo-filter-icon::after {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%233d3c3c' d='M10,15h4v2h-4V15z M4,7v2h16V7H4z M7,13h10v-2H7V13z'/%3E%3C/svg%3E") !important;
}

@media(min-width: 992px) {
    .astra-shop-filter-button {
        display: none !important;
    }
}

@media(max-width: 991px) {
    .filter-col {
        display: none !important;
    }
}


/* checkbox */

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
    margin-right: var(--m1) !important;
}

.bapf_ckbox_sqchck input[type=checkbox] {
    border-color: var(--grey);
}

.bapf_ckbox_sqchck input[type=checkbox]:hover {
    background-color: rgba(61, 60, 60, 0.1);
    cursor: pointer;
}

input[type="checkbox"]:checked,
input[type="checkbox"]:hover:checked,
input[type="checkbox"]:focus:checked {
    border-color: var(--primary);
    background-color: var(--primary);
}

.bapf_ckbox_sqchck input[type=checkbox]:checked:after {
    border-color: var(--white);
}

.bapf_sfilter .bapf_colaps_smb {
    font-size: 12px;
    color: var(--text);
}


/* slider */

.bapf_slidr_main.ui-widget-content,
.berocket_filter_price_slider.ui-widget-content {
    background-color: var(--grey);
    height: 3px;
}

.bapf_slidr_main.ui-widget-content .ui-slider-range,
.berocket_filter_price_slider.ui-widget-content .ui-slider-range {
    background-color: var(--primary);
}

.bapf_slidr_main.ui-widget-content .ui-slider-handle,
.berocket_filter_price_slider.ui-widget-content .ui-slider-handle {
    background-color: var(--lightgrey);
    border: 3px solid var(--primary);
}

.bapf_slidr_jqrui .bapf_to {
    width: 50%;
}

.bapf_slidr_all .bapf_tbprice {
    margin-right: 8px;
}

.bapf_sfilter .ui-widget.ui-widget-content {
    width: 95%;
    margin: auto;
}


/* active filters */

.berocket_aapf_widget_selected_filter ul {
    margin: 0;
}

.berocket_aapf_widget_selected_filter ul a.braapf_unselect,
.berocket_aapf_widget_selected_filter ul a.braapf_unselect_all {
    color: var(--text);
}

.berocket_aapf_widget_selected_filter ul a.braapf_unselect .fa-times:before,
.berocket_aapf_widget_selected_filter ul a.braapf_unselect_all .fa-times:before {
    font-size: 12px;
    position: relative;
    top: -1px;
}

.berocket_aapf_widget_selected_filter ul a.braapf_unselect .fa-times:before {
    margin-right: 3px;
}


/* loader */

.bapf_lfirst,
.bapf_lsecond {
    background-color: var(--primary) !important;
}


/* product gallery */

.woocommerce div.product div.images {
    margin-bottom: var(--m4);
}


/* breadcrumbs */

.single-product div.product .woocommerce-breadcrumb {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 16px !important;
    //font-weight: 700;
    color: var(--headlines);
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb span {
    color: var(--text) !important;
    font-weight: normal;
}

.single-product div.product .woocommerce-breadcrumb a {
    pointer-events: none;
}


/* tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--headlines) !important;
}

.woocommerce div.product.elementor ul.tabs li a {
    padding: var(--m4) 0;
}

@media(max-width: 544px) {
    .woocommerce div.product.elementor ul.tabs li a {
        padding: var(--m3) 0;
    }
}

.woocommerce div.product .woocommerce-tabs {
    margin-bottom: var(--m10) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-top: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    top: unset;
    bottom: 0;
    background-color: var(--secondary);
    height: 4px;
}

.woocommerce div.product.elementor .woocommerce-tabs .panel {
    padding: 0;
    padding-top: var(--m4);
    border-top: 1px solid rgba(61, 60, 60, 0.2)
}

@media(max-width: 544px) {
    .woocommerce div.product .woocommerce-tabs .tabs li:not(:last-child) {
        border-bottom: 1px solid rgba(61, 60, 60, 0.2);
    }

    .woocommerce div.product .woocommerce-tabs .tabs li.active {
        border-bottom-color: transparent;
    }
}

/* table */

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel table {
    font-size: 16px !important;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel table,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel th,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel td {
    border-color: rgba(61, 60, 60, 0.2);
}

.woocommerce div.product .woocommerce-tabs .shop_attributes th {
    color: var(--headlines);
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background-color: var(--lightgrey);
}


/* related products */

section.related.products {
    padding: 0 !important;
}

section.related.products h2 {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: var(--m3) !important;
    font-size: 24px !important;
}

/* alerts */


.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin: 0;
    color: var(--headlines) !important;
    padding: var(--m3);
    border: none;
    font-size: 16px !important;
    margin-bottom: var(--m3) !important;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
    color: var(--headlines);
    text-decoration: underline;
}

.woocommerce-info,
.woocommerce-message {
    background-color: rgba(0, 173, 221, 0.1);
}

.woocommerce-error {
    background-color: rgba(247, 69, 66, 0.1);
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    display: none;
}

@media(max-width: 544px) {
    .woocommerce .woocommerce-message a.button {
        margin-top: var(--m2) !important;
    }
}


/* add to cart */

.elementor-button .elementor-align-icon-left {
    margin-right: var(--m1);
}

.woocommerce a.added_to_cart {
    font-size: 16px;
    color: var(--headlines);
    font-weight: 700;
    padding: 0;
    margin-left: var(--m2);
}

@media(max-width: 544px) {
    .woocommerce a.added_to_cart {
        display: block;
        margin-left: 0;
        margin-top: var(--m2);
    }
}


/* cart */

.woocommerce table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cross-sells,
.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce-cart .cart-collaterals .cross-sells>h2 {
    //border-color: red !important;
    border-color: rgba(61, 60, 60, 0.2) !important;
}

.woocommerce table.shop_table {
    margin: 0;
}

.woocommerce table.shop_table.cart {
    margin-bottom: var(--m5);
}

.woocommerce table.shop_table thead,
.woocommerce-page table.shop_table thead,
.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce-cart .cart-collaterals .cross-sells>h2 {
    background-color: var(--lightgrey);
    color: var(--headlines) !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-quantity {
    color: var(--headlines) !important;
}

.woocommerce-page.woocommerce-checkout table.shop_table td,
.woocommerce.woocommerce-checkout table.shop_table td {
    opacity: 1;
}

.woocommerce-checkout .woocommerce table.shop_table tbody .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-page table.shop_table tbody .woocommerce-Price-amount {
    font-weight: 300 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce-cart .cart-collaterals .cross-sells>h2 {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: var(--m2) !important;
    font-size: 24px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
    color: var(--headlines);
}

.woocommerce-cart .cart-collaterals .cart_totals td,
.woocommerce table.shop_table .product-subtotal,
.woocommerce-page table.shop_table .product-subtotal {
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    margin: 0 !important;
}

.woocommerce-cart table.shop_table td.product-name a {
    color: var(--headlines);
}

.woocommerce-cart .cart-collaterals .cart_totals .shop_table th,
.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce a.remove {
    color: var(--text) !important;
    border-color: rgba(61, 60, 60, 0.2) !important;
}

.woocommerce a.remove:hover {
    color: var(--primary) !important;
    border-color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}

/* quantity */

.woocommerce form .quantity .plus {
    margin: 0;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
}

.woocommerce form .quantity .minus {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
}

.woocommerce form a#minus_qty:hover,
.woocommerce form a#plus_qty:hover {
    background-color: var(--lightgrey) !important;
}


.woocommerce div.product form.cart div.quantity {
    //margin: 0 !important;
    //margin-right: var(--m2) !important;
}

.elementor-add-to-cart {
    //margin-top: var(--m3);
}

.woocommerce form .quantity .minus,
.woocommerce form .quantity .plus,
.woocommerce .product .cart .quantity.buttons_added input,
.woocommerce form .quantity .qty {
    border-color: rgba(61, 60, 60, 0.2) !important;
    background-color: transparent !important;
    color: var(--headlines) !important;
}


/* thumbnail */

.woocommerce table.shop_table .product-thumbnail img,
.woocommerce-page table.shop_table .product-thumbnail img {
    max-width: 140px;
}

@media only screen and (max-width: 921px) {

    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: center !important;
    }
}

@media only screen and (max-width: 921px) {

    .woocommerce #content table.cart .product-thumbnail::before,
    .woocommerce table.cart .product-thumbnail::before,
    .woocommerce-page #content table.cart .product-thumbnail::before,
    .woocommerce-page table.cart .product-thumbnail::before {
        display: none;
    }
}


/* checkout */

.woocommerce form.checkout input,
.woocommerce form.checkout textarea,
.woocommerce form.checkout span.select2-selection {
    background-color: var(--lightgrey) !important;
    border-radius: 0 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: var(--text) !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
    border: none;
}

.woocommerce form.checkout span.select2-selection {
    padding: 18px 18px 17px 18px;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgb(0 0 0 / 10%) !important;
}

.select2-results__option {
    font-size: 16px !important;
    color: var(--text) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--secondary);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: var(--m1);
}

.woocommerce form .form-row .select2-container {
    z-index: 999 !important;
}

.woocommerce form.checkout input:focus,
.woocommerce form.checkout textarea:focus,
.woocommerce form.checkout span.select2-container--open span.select2-selection {
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%) inset;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%) !important;
    outline: 0;
}

.woocommerce form.checkout label {
    font-size: 16px !important;
    font-weight: 700;
    color: var(--headlines) !important;
    margin-bottom: 10px !important;
}

.woocommerce form.checkout input,
    {
    height: 56px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.woocommerce form.checkout textarea {
    resize: none;
    padding: 18px !important;
    height: 96px !important;
}

.woocommerce form.checkout .form-row.woocommerce-validated input.input-text,
.woocommerce form.checkout .form-row.woocommerce-validated select {
    border: 1px solid var(--success);
}

.woocommerce form.checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce form.checkout .form-row.woocommerce-invalid select {
    border: 1px solid var(--error);
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0;
    margin-bottom: var(--m3);
}

.woocommerce form .form-row .required {
    color: var(--error);
}

.woocommerce-billing-fields {
    margin-bottom: var(--m6);
}

.woocommerce-page.woocommerce-checkout #customer_details h3,
.woocommerce.woocommerce-checkout #customer_details h3 {
    border-color: rgba(61, 60, 60, 0.2) !important;
    padding-top: 0;
}

.woocommerce-page.woocommerce-checkout form #order_review_heading {
    margin-bottom: 0 !Important;
    border-color: rgba(61, 60, 60, 0.2) !important;
    border-width: 1px 1px 0 1px;
}

.woocommerce-page.woocommerce-checkout form #order_review,
.woocommerce.woocommerce-checkout form #order_review {
    border-color: rgba(61, 60, 60, 0.2) !important;
    border-width: 0 1px 1px 1px;
}

.woocommerce-page.woocommerce-checkout form #order_review th:last-child,
.woocommerce-page.woocommerce-checkout form #order_review td:last-child {
    text-align: right;
    padding-right: 0;
}

.woocommerce-page.woocommerce-checkout form #order_review .cart-subtotal,
.woocommerce-page.woocommerce-checkout form #order_review .order-total {
    color: var(--headlines);
}

.woocommerce-checkout #payment div.payment_box p {
    font-size: 16px !important;
}

.woocommerce-page.woocommerce-checkout #payment div.payment_box,
.woocommerce.woocommerce-checkout #payment div.payment_box {
    /*background-color: var(--lightgrey);*/
    background-color: #EBF6FC;
}

.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,
.woocommerce.woocommerce-checkout #payment div.payment_box:before {
    /*background-color: var(--lightgrey);*/
    border-bottom-color: #EBF6FC;
}

.woocommerce-page.woocommerce-checkout #payment,
.woocommerce.woocommerce-checkout #payment {
    margin-top: var(--m3);
}

.woocommerce-page.woocommerce-checkout #payment ul.payment_methods,
.woocommerce.woocommerce-checkout #payment ul.payment_methods {
    margin-bottom: 0;
}

.woocommerce-privacy-policy-text p {
    font-size: 14px !important;
}

@media(max-width: 575px) {
    .woocommerce-page.woocommerce-checkout form #order_review_heading {
        padding: var(--m2);
    }

    .woocommerce-page.woocommerce-checkout form #order_review,
    .woocommerce.woocommerce-checkout form #order_review {
        padding: 0 var(--m2);
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }
}


/* checkout completed */

section.woocommerce-order-details {
    padding: var(--m3) 0px var(--m4) 0px;
    margin: 0 !important;
}

section.woocommerce-customer-details {
    padding: 0;
    margin: 0 !important;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
    font-size: 24px !important;
    padding: 0.7em;
    background-color: var(--lightgrey);
    border-color: rgba(61, 60, 60, 0.2) !important;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,
.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,
.woocommerce .woocommerce-customer-details address {
    border-color: rgba(61, 60, 60, 0.2) !important;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,
.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table a {
    color: var(--headlines);
}

.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table tfoot tr:last-child td {
    font-weight: 300;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 0;
}

.woocommerce-customer-details--phone::before,
.woocommerce-customer-details--email::before {
    display: none;
}

.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details strong,
.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details strong {
    color: var(--headlines);
}

.woocommerce ul.order_details li {
    margin-bottom: 12px;
}

@media(max-width: 767px) {
    .woocommerce ul.order_details li {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
        border: none;
    }

}


/* borlabs cookie */

.BorlabsCookie p {
    font-size: 16px !important;
}

.BorlabsCookie p._brlbs-manage,
.BorlabsCookie p._brlbs-legal {
    font-size: 14px !important;
}

span#CookieBoxTextHeadline {
    font-size: 18px !important;
    font-weight: 700 !important;
}

#BorlabsCookieBox ._brlbs-btn {
    font-size: 16px !important;
}

#BorlabsCookieBox ._brlbs-btn._brlbs-btn-accept-all {
    color: var(--white) !important;
}




/* Coming soon */

body.page-id-22 {
    font-family: 'Open Sans', sans-serif !important;
    background: var(--primary) !important;
    color: var(--white) !important;
}



body.page-id-22 .p-120 {
    padding: 120px 0 !important;
}

body.page-id-22 .pb-96 {
    padding-bottom: 96px !important;
}

body.page-id-22 .bg-white {
    background-color: var(--white) !important;
}

body.page-id-22 .bg-white h1,
body.page-id-22 .bg-white p {
    color: var(--primary) !important;
}

body.page-id-22 h1 {
    font-weight: 700 !important;
    font-size: 56px !important;
    color: var(--secondary) !important;
    margin-bottom: 48px !important;
}

@media(max-width: 575px) {
    body.page-id-22 h1 {
        font-size: 45px !important;
    }
}

body.page-id-22 p {
    font-weight: 400 !important;
    font-size: 22px !important;
    color: var(--white) !important;
}

body.page-id-22 .site-below-footer-wrap {
    background: var(--primary) !important;
}

body.page-id-22 .site-below-footer-wrap p {
    color: var(--white) !important;
    font-size: 18px !important;
}

body.page-id-22 .hero h1 {
    color: var(--white) !important;
}

body.page-id-22 .hero::before {
    display: none !important;
}

body.page-id-22 .badge-wrapper {
    text-align: right !important;
}


/*
body.page-id-22 .hero::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('https://www.ttog.at/assets/svg/line.svg');
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    background-position: 100% 100%;
    background-size: 600px;
}

@media(max-width: 1024px) {
    body.page-id-22 .hero::after {
    background-size: 300px;
}
}
*/

.header-hover-area {
    position: relative;
    z-index: 100;
}

.header-hover-area {
    position: relative;
    z-index: 100;
}

/* Logo + Buttons klickbar */
.header__logo,
[id="btn__header"] {
    position: relative;
    z-index: 9999;
}

.header__logo a,
[id="btn__header"] a {
    pointer-events: auto !important;
}

/* Menü */
#menu-titel {
    position: relative;
    z-index: 9000;
}

/* Submenu Standard */
#menu-titel ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: block !important;
    transition: opacity 0.1s ease;
    z-index: 8000 !important;
}

/* Wird per JS aktiviert */
.header-hover-area.menu-is-open #menu-titel ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}