@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/templates/Joomshopping/css/fonts/92zatBhPNqw73oTd4g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/templates/Joomshopping/css/fonts/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  
* {
    box-sizing: border-box;
}
html{
    height: 100%;
}
html, body{      
    scroll-behavior: smooth;
    font-size: 18px;
}
body{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 320px;
    font-family: 'Jost', sans-serif;
    color: #0a0a0a;
}
body.ovfhidden {
    overflow: hidden;
}
.lexend {
    font-family: "Lexend", sans-serif;
}
header {
    background-color: #fff;
    border-bottom: 1px solid #f3f4f6;
}
.header-container {
    max-width: 1900px;
    margin: auto;
    padding: 0 15px;
}
.row.row-custom {
    margin: 0 -10px;
}
.row.row-custom .col-lg-3, .row.row-custom .col-lg-9, .row.row-custom .col-lg-12 {
    padding: 0 10px;
}
footer{
    margin-top: auto;
}
h1{
    font-size: 1.5rem;
}
h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    color: #466a32;
}
.h2-mobile {
    display: none;
}
div, span, p, a, button, li {    
    font-family: 'Jost', sans-serif;
}
a, a:hover {
    text-decoration: none;
    color: #0a0a0a;
}

.bg-gray{
	background: #eee;
}

.error {
	color:red;
}
.fs-x-small {
    font-size: 12px;
}
.fs-small {
    font-size: 14px;
}
.fs-normal {
    font-size: 16px;
}
.fs-big {
    font-size: 18px;
}
.fs-x-big {
    font-size: 18px;
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
h1, .h1 {
    font-size: 30px;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.flex {
    display: flex;
}
.none {
    display: none;
}
.block {
    display: block;
}
.arround {
    justify-content: space-around;
}
.between {
    justify-content: space-between;
}
.mr-10 {
    margin-right: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-80 {
    margin-bottom: 80px;
}
.rel {
    position: relative;
}
.abs {
    position: absolute;
}
.lh-100 {
    line-height: 100%;
}
.lh-120 {
    line-height: 120%;
}
.lh-140 {
    line-height: 140%;
}
.lh-145 {
    line-height: 145%;
}
.lh-160 {
    line-height: 160%;
}
.lh-180 {
    line-height: 180%;
}
.lh-200 {
    line-height: 200%;
}
.bold {
    font-weight: 700;
}
.norm {
    font-weight: 400;
}
.lsn {
    list-style: none;
}
.w-100 {
    width: 100%
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.no-margin {
    margin: 0 0;
}
.lg-show {
    display: none;
}
.lg-hide {
    display: block;
}
.visually-hidden{
    display: none;
}
.container {
    max-width: 1400px;
}
#content {   
    background-color: #fff;
}
.inputbox, 
.controls input[type=text],
.controls input[type=email],
.controls textarea,
.acym__user__edit__email
{
    background-color: #fff;
    border: 1px solid #699551;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.inputbox-h-small{
    height: 40px;
}
select.inputbox {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    padding-right: 25px;
}
select.inputbox::-ms-expand{
    display: none;
}
.img>img {
    max-width: 100%;
    height: auto;
}
.btn.btn-primary{
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    background-color: #89ab26;
    padding: 14px 40px;
    border-radius: 0px;
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-w{
    width:200px;
}
.btn-w:hover {
    color: #fff;
}
.btn.normaltext{
    font-size: 16px;
}
.btn.bigtext{
    font-size: 18px;
}

.red{
    color: #dd3232;
}
.text-c-grey{
    color: #796F70;
}

.text-decoration-underline, .underline{
    text-decoration: underline;
}

.field-calendar .btn{
    background-color: #fff;
    padding: 15px 15px;
    border: 1px solid #699551;
}
.field-calendar .btn .icon-calendar{
    color: #000;
}
.field-calendar .input-group{
    flex-wrap: nowrap;    
}
.field-calendar .input-group .form-control{
    height: auto;
    border-radius: 0px;
}

.control-group{
    margin-bottom: 15px;
}
.page-header {
    margin-bottom: 25px;
    color: #466a32;
    font-weight: 600;
}
.footer_item .page-header {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #9dc42b;
}

.info_block {
    font-size: 16px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.info_block .info_tel {
    font-size: 16px;
    padding-left: 25px;
    margin-right: 30px;
}
.info_block .info_hour {
    padding-left: 30px;
    margin-right: 30px;
    white-space: nowrap;
}
.info_block .info_address {
    padding-left: 22px;
    margin-right: 35px;
}
.info_block .rel::before {
    content: "";
    position: absolute;
    left: 0;
}
.info_block .info_tel::before {
    top: 1px;
    width: 18px;
    height: 22px;
    background-image: url(/images/icons/call.png);
}
.info_block .info_hour::before {
    top: 1px;
    width: 22px;
    height: 22px;
    background-image: url(/images/icons/clock.png);
}
.info_block .info_address::before {
    top: 1px;
    width: 19px;
    height: 22px;
    background-image: url(/images/icons/location.png);
}
.login-module {
    flex: 0 1 auto;
}
.login, .my-account {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.login>a {
    display: flex;
    align-items: center;
    color: #6eaf4b;  
}
.t_login {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #4a5565;
    padding-left: 8px;
}
.login .icon-users {
    display: none;
}

.logo-search {
    display: flex;
    align-items: center;
    min-height: 100px;
}
#logo {
    min-width: 165px;
    padding-right: 24px;
}
.canabis-logo {
    flex:  0 0 62px;
}
.buttons-top {
    flex: 1 1 auto;
}
.buttons-top .flex {
    justify-content: flex-end;
}
.black-button {
    background-color: #3b3b3b;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 9px 15px 8px 40px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    height: 40px;
    width: 140px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.black-button:hover {
    color: #fff;
}
.black-button.bluten {
    background-image: url(/images/icons/bluten.svg);
	background-size: 32px 30px;
    margin-right: 20px;
}
.black-button.extracte {
    background-image: url(/images/icons/extrakte.svg);
    margin-right: 20px;
	background-size: 28px 31px;
    width: 230px;
    white-space: nowrap;
}
.black-button.sbd_produkte {
    margin-right: 50px;
    width: 100px;
    background-image: url(/images/icons/cdb.svg);
    background-size: 21px 27px;
    white-space: nowrap;
    background-position: left 15px center;
}
.green-button {
    background-color: #89ab26;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 25px;
    height: 40px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.green-button:hover {
    color: #fff;
}
.buttons-top .green-button {
    width: 240px;
}
.jshop_ajaxsearch {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding: 0 32px;
}
.jshop_ajaxsearch form {
    position: relative;
    width: 100%;
}
.jshop_ajaxsearch input[type="text"] {
    width: 100%;
    height: 44px;
    border: 1px solid #99a1af;
    padding: 10px 48px 10px 24px;
    border-radius: 33554400px;
}
.jshop_ajaxsearch input[type="text"]::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: rgba(30, 41, 57, 0.5);
}
.jshop_ajaxsearch input.button {
    position: absolute;
    background-image: url(/images/icons/suchen.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    display: block;
    width: 44px;
    height: 44px;
    top: 0;
    right: 3px;
    background-color: transparent;
    border: none;
}
.login-module .img-mobile,
.cartajax_adv_module .img-mobile {
    display: none;
}
.account-text {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* min-width: 115px; */
}
.account-text .t_login {
    padding-left: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #4a5565;
    white-space: nowrap;
}
.mr-lg-3, .mx-lg-3 {
    margin-right: 0!important;
}
.center-top-modules {
    flex: 1 0 246px;
    max-width: 325px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.center-top-modules .input-group {
    border: 1px solid #dddbe0;
    padding-top: 3px;
    padding-bottom: 3px;
}
.center-top-modules .input-group .form-control,
.center-top-modules .input-group .form-control:focus {
    border: none;
    box-shadow: none;
    width: 268px;
}
.center-top-modules .input-group input::placeholder {
    color: #111;
    z-index: 100;
}
.center-top-modules .input-group button:focus {
    box-shadow: none;
}
.top-panel {
    min-height: 36px;
    display: flex;
    align-items: center;
    background-color: #eaf3eb;
}
.top-panel-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.top-info-module-flex {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #565656;
}
.top-info-module-flex a {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #0a0a0a;
}
.top-info-module-flex .info_tel, .top-info-module-flex .info_contact {
    display: flex;
    align-items: center;
    gap: 8px;
}
.center-panel {
    display: flex;
    align-items: center;
    min-height: 97px;
    padding: 20px 0;
}
.canabis-logo {
    flex: 0 0 48px;
}

.right-top-modules {
    display: flex;
    height: 100%;
    align-items: center;
}
.right-top-modules #jshop_module_wishlist,
.right-top-modules .cartajax_adv_module {
    flex: 1 0 50%;
    display: flex;
    justify-content: flex-end;
    position: relative;
}
#wishlist-count-product, #jshop_quantity_in_cart {
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
    position: absolute;
    display: block;
    top: 2px;
    right: -1px;
    background-color:  #e77373;
    color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/**** Main menu ****/
.top-menu {
    width: 50%;
    min-width: 480px;
}
.top-menu .nav {
    padding: 0 0;
    flex-direction: row;
    flex-wrap: nowrap;
}

.top-menu li a{
	display: block;
    font-size: 14px;
}
.top-menu li .mod-menu__separator{
    cursor: pointer;
	display: block;
    font-size: 16px;
    position: relative;
}
.top-menu li .mod-menu__separator::after {   
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 150%;
    height: 12px;
    background-color: transparent;
}
.top-menu li span.arrow {
    width: 11px;
    height: 7px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -2px;
    background-image: url(/images/icons/arrow.png);
}

/* drop down */
.top-menu {
    position: relative;
}
.top-menu li{
    position: relative;
}
.top-menu li ul {
    position:absolute;
    width:240px;
    display: none;
    left: auto;
    top: 33px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgba(0, 0,0, 0.15);
    margin: 0px;    
}
.top-menu > li:first-child {
    padding: 0 8px;
    background-color: #c5ef4b;
}
.top-menu li ul li a {
    display: block;    
    padding: 10px 20px;
}
.top-menu li ul li a:hover {
    background-color: #f4f4f4;
}
.top-menu li:hover > ul{
    display: block;
	z-index: 9;
}
.top-menu li li{	
    position: relative;    
    margin: 0px;
}

.top-menu li li ul{    
    left: 240px;
    top: 0px;
    display: none;
    padding: 0px;
}
.top-menu li > li:hover > ul{
    display: block;    
}
.cbd_prod_link {
    white-space: nowrap;
}

@media (min-width: 992px) {
	.top-menu.nav > li {
		padding: 0 15px;
        position: relative;
        height: 36px;
        display: flex;
        align-items: center;
	}
    .top-menu.nav li.item-183 {
        padding-right: 25px;
        cursor: pointer;
    }
    .top-menu.nav > li::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 18px;
        top: 9px;
        left: 0;
        background-color: #333;
    }
	.top-menu.nav > li:first-child {
		padding: 0 8px;
        background-color: #c5ef4b;
	}
    .top-menu.nav > li:first-child::before,
    .top-menu.nav > li:nth-child(2)::before {
        display: none;
    }
    .menu-panel {
        border-top: 1px solid #f3f4f6;
        padding: 13px 0;
    }
    header {
        position: sticky;
        top: -134px;
        z-index: 1000;
        /* background-color: #f7f9ed; */
        box-shadow: 0 4px 4px 0 rgba(176, 195, 176, 0.3);
    }
    #main_menu > ul.nav {
        justify-content: space-between;
    }
    #main_menu > ul.nav li a {
        font-weight: 500;
        font-size: 15px;
        line-height: 150%;
        color: #364153;
        padding: 0 12px;
        transition-duration: 0.2s;
    }
    #main_menu > ul.nav li a:hover,
    #main_menu > ul.nav li.active a {
        background-color: #e5ebbb;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
}

@media (max-width: 991px) {
	.top-menu.nav{
        justify-content: space-around;
    }  
    .black-button {
        height: 30px;
        width: 100%;
    }   
    .black-button.extracte {
        width: auto;
    }
}

@media (max-width: 767px) {
	#mobile-menu {
        display: block;
		padding-top: 12px;
        padding-bottom: 12px;
        border: none;
        background-color: inherit;
    }
	#mobile-menu:focus, #mobile-menu:active{
        outline: none;
    }
    .top-menu .nav{
        display: none;
    }
    .top-menu{
        background-color: transparent;
        margin-top: 10px;
        border-top: 0px;
        border-bottom: 0px;
        position: absolute;
        z-index: 9;
    }    
    .top-menu .nav{
        padding: 0px 0px;
        position: absolute;
        background: #f4f4f4;
        width: 100vw;
        left:0px;        
    }	
    .top-menu li a{
        padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
    }
	.top-menu ul.nav > li.active > a{
		border-top: 0px;
	}
	.top-menu .active > a{
		/*color: #0066b3;*/
	}
	.top-menu li{
		margin-right: 0px;
		position: relative;
	}
	.top-menu ul.nav li{
		border-top: 1px solid #cfcfcf;
	}
	.top-menu span.arrow{		
		width: 40px;
        height: 38px;
        top: 0;
        right: 0;
		position: absolute;
	}
	.top-menu span.arrow::after{
		content: "";
		position: absolute;
		width: 7px;
		height: 7px;
		top: 18px;
		right: 15px;
		border-bottom: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg);
	}	
	.top-menu li ul {
        position: relative;
        width: 100vw;
        top: auto;
        border-top: none;
		background: #f4f4f4;
    }
    .top-menu li:hover > ul{
        display: none;    
    }
    .top-menu li span.arrow {
        
    }
    .top-menu li ul li.parent span.arrow {
        display: inline-block;
    }
    .top-menu span.arrow.turn::after {
        transform: rotate(-135deg);
    }
    .top-menu li ul {
        box-shadow: none;
    }
    .top-menu li>ul>li>a {
        padding: 10px 25px;
    }
    .top-menu li li ul {
        left: 0;
    }
    .top-menu li>ul>li>ul>li>a {
        padding-left: 35px;
    }
    .top-menu li>ul>li>ul>li>ul>li>a {
        padding-left: 45px;
    }
}

.information-top {
    flex: 1 1 auto;
    padding-right: 80px;
}

#button-search.btn{
    padding: .375rem .75rem;
    background-color: #ffffff;
}


/*** home banner ***/
.home-banner {
    min-height: 722px;    
    background-size: cover;
    padding-top: 45px;
}
.home-banner h1 {
    color: #fff;
    text-align: center;
    font-size: 60px;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-banner h2 {
    color: #fff;
    text-align: center; 
    font-size: 48px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 13px;
}
.home-banner .buttons {
    padding: 40px;
    max-width: 1110px;
    min-height: 122px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    gap: 20px;
}  
.home-banner .buttons >.name {
    flex: 0 1 223px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: #e3ffd4;
}
.home-banner .buttons a {
    flex: 0 1 240px;
    display: inline-block;
    font-size: 20px;
    min-height: 42px;
    line-height: 1.5;
}
.hb-moduel-new {
    margin: 56px 0 30px;
    display: none;
}
.hb-moduel-new h1 {
    text-align: center;
    font-weight: 600;
    font-size: 48px;
    line-height: 130%;
    text-align: center;
    color: #292929;
    margin-bottom: 43px;
}
.hb-moduel-flex {
    display: flex;
    gap: 20px;
}
.hb-moduel-flex .item {
    width: calc(50% - 10px);
}
.hb-moduel-flex .item-lt {
    background-color: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px 12px;
    box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
    border-radius: 20px;
}
.hb-moduel-flex .sub {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #292929;
    margin-bottom: 12px;
}
.hb-moduel-flex h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #010101;
    margin-bottom: 48px;
}
.hb-moduel-flex .button {
    text-align: center;
    margin-bottom: 12px;
}
.hb-moduel-flex .button a {
    display: inline-block;
    border-radius: 50px;
    padding: 10px 32px;
    background: #d2e552;
    width: 280px;
    height: 54px;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #292929;
}
.hb-moduel-flex .small {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #292929;
}
.hb-moduel-flex ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 48px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.hb-moduel-flex ul li {
    flex: 0 0 236px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 167%;
    color: #000;
}
.hb-moduel-flex .ask-link,
.hb-moduel-flex .sub,
.lb-prufen {
    display: none;
}
.hb-moduel-flex .ask-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #292929;
    margin-top: 12px;
}
.lb-prufen {
    box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
    background: #f5f6f0;
    border-radius: 20px;
    padding: 20px 12px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    display: none;
}
.lb-prufen .btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.lb-prufen a {
    padding: 7px 10px;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1), 3px 6px 7px rgba(0, 0, 0, 0.09), 7px 13px 9px rgba(0, 0, 0, 0.05), 13px 23px 11px rgba(0, 0, 0, 0.01), 21px 36px 12px rgba(0, 0, 0, 0);
    background: linear-gradient(90deg, #f9b217 10.37%, #e77803 89.3%);
    border-radius: 12px;
    width: 280px;
    height: 44px;
}
.lb-prufen .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: #292929;
    margin-bottom: 12px;
}
.home-banner .buttons a.light_green-button {
    background-color: #fff;
    color: #1f3a12;
}
.home-banner .buttons a.dark_green-button {
    margin-right: 24px;
    color: #1f3a12;
}
.home-banner .buttons a.yellow_button {
    background-color: #fff68d;
    color: #1f3a12;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #1f3a12;
    padding: 6px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
/* Module below home page banner */
body.home-page {
    background-color: #EAF3EB;
}
.below_hp_banner {
    margin-top: -226px;
    /* background-color: #EAF3EB; */
}
.below_hp_banner .tab-item-2 {
    position: relative;
    padding: 40px 65px 40px 65px;
    border-bottom: 2px solid #466a32;
    min-height: 304px;
    background-image: url(/images/banners/bg_tab.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.below_hp_banner .tflex-2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.below_hp_banner .tflex-2 .item-first {
    flex: 0 1 560px;
}
.below_hp_banner .tab-item-2 .title {
    flex: 0 0 418px;
    display: flex;
    align-items: center;
    font-size: 48px;
    font-weight: 600;
    color: #466a32;
    line-height: 1.25;
    margin-bottom: 14px;
}
.below_hp_banner .tflex-2 .item-first .text {
   font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #0a0a0a;
    max-width: 489px;
}
.below_hp_banner .tflex-2 .item-second {
    flex: 0 1 672px;
    min-height: 189px;
    font-size: 18px;
    line-height: 1.65;
    padding: 14.5px 33.5px 14.5px 53px;
    background-color: rgb(234, 243, 235);
}
.below_hp_banner .tflex-2 .text-1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 5px;
}
.below_hp_banner .tflex-2 .text-2 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.below_hp_banner .tflex-2 .text-3 {
    font-size: 24px;
    line-height: 1.25;
}
.below_hp_banner .tflex-2 .text-3 > a {
    padding: 5px 25px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 1.55;
    font-weight: bold;
    color: rgb(31, 58, 18);
    background-color: rgb(186, 212, 189);
    border-radius: 2px;
}
.below_hp_banner .tflex-2 .text-4 {
    color: #677D6A;
    padding-top: 10px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
}
.below_hp_banner .outer-four-flex {
    padding: 54px 15px 72px 15px;
    background-color: #fff;
}
.below_hp_banner .four-flex {
    max-width: 1231px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 17px;
    row-gap: 21px;
}
.below_hp_banner .four-flex .item {
    width: calc(50% - 8.5px);
    padding: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 307px;
    display: flex;
    align-items: center;
}
.below_hp_banner .four-flex .item .inner > a {
    display: inline-block;
    border-radius: 2px;
    padding: 6px 20px;
    background-color: #bed13e;
    font-weight: 500;
    font-size: 16px;
    line-height: 188%;
    text-align: center;
    color: #1f3a12;
}
.below_hp_banner .four-flex .item .descr {
    font-weight: 400;
    font-size: 16px;
    line-height: 169%;
    color: #0a0a0a;
    margin-bottom: 24px;
    max-width: 271px;
}
.below_hp_banner .four-flex .item .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px;
}
.below_hp_banner .four-flex .bluten {
    background-image: url(/images/home/bluten.png);
}
.below_hp_banner .four-flex .extrakte {
    background-image: url(/images/home/extrakte.png);
}
.below_hp_banner .four-flex .kapseln {
    background-image: url(/images/home/kapseln.png);
}
.below_hp_banner .four-flex .vapes {
    background-image: url(/images/home/vapes.png);
}


ul.advantages {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    list-style: none;
    margin-top: 25px;
    margin-bottom: 230px;
}
ul.advantages li {
    color: #e3ffd4;
    position: relative;
    padding-right: 45px;
    margin-right: 37px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    background-image: url(/images/icons/check.png);
    background-position: right center;
    background-repeat: no-repeat;
}
ul.advantages li:last-child {
    margin-right: 0;  
}  
ul.advantages li:last-child {
    display: block;
    background-color: #E5E5E5;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background-image: url(/images/icons/bl_check.png);
    background-position: right 5px center;
    padding: 9px 50px 9px 10px;
}
.light_green-button {
    background-color: #e3ffd4;
    color: rgb(31, 58, 18);
    font-weight: 600;
    font-size: 18px;
    padding: 6px 25px;
    height: 41px;
    text-align: center;
    border-radius: 2px; 
}
.dark_green-button {
    background-color: #B5FF8D;
    color: rgb(31, 58, 18);
    font-weight: 600;
    font-size: 18px;
    padding: 6px 25px;
    height: 41px;
    text-align: center;
    border-radius: 2px;
}
.home-page .home-banner .mod_greview_logo {
    margin-right: 0;
}
.home-banner .green-button {
    height: 41px;
    color: rgb(243, 243, 243);
    width: 240px;
    font-size: 18px;
    padding: 6px 25px;

}

/**** Information module *****/
.information {
    margin: 70px 0 120px;
    background-color: #fff;
}
.information .outer-flex {
    display: flex;
    min-height: 753px;
}
.information .outer-flex > .item:first-child {
    width: 26.9%;
    min-width: 300px;
    background-image: url(/images/banners/bg_Information2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 20px;
}
.information .outer-flex > .item:last-child {
    width: 73.1%;
    padding: 32px 40px 20px 60px;
}
.mw-760 {
    max-width: 760px;
}
.information h3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 25px;
}
.information .row .inner .title {
    font-weight: 600;
    padding-left: 65px;
    position: relative;
    margin-bottom: 15px;
}
.information .row .inner .title.t2 {
    padding-left: 80px;
}
.information .row .inner .title::before {
    position: absolute;
    content: "";
    top: -7px;
    left: 0;
    width: 65px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: left center;
}
.information .row .inner .title.t1::before {
    background-image: url(/images/icons/kostenloser.png);
}
.information .row .inner .title.t2::before {
    background-image: url(/images/icons/lieferung.png);
}
.information .row .inner .title.t3::before {
    background-image: url(/images/icons/zahlung.png);
}
.information .row .inner .title.t4::before {
    background-image: url(/images/icons/abholung.png);
    top: -14px;
}

/*** cannabisrezept ***/
.moduletable.cannabies-arrow {
    background-color: #eaf3eb;
}
.cannabisrezept {
    max-width: 870px;
    margin: auto;
    padding-bottom: 10px;
}
.cannabisrezept h2 {
    font-size: 48px;
    color: #466a32;
    font-weight: 600;
    text-align: center;
    margin-bottom: 70px;
}
.cannabisrezept h3 {
    font-size: 48px;
    color: #466a32;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.cannabisrezept .subtitle {
    font-size: 18px;
    line-height: 1.7;
    text-align: center;
    max-width: 830px;
    margin: auto;
}
.cannabisrezept .tel {
    font-size: 48px;
    line-height: 1.6;
    font-weight: 600;
    display: block;
    text-align: center;
    color: #466a32;
}
.cannabisrezept ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.cannabisrezept ul li {
    /* width: 33.33%; */
    position: relative;
    padding: 12px 10px 12px 60px;
    line-height: 1.65;
    margin-bottom: 15px;
}
.cannabisrezept ul li::before {
    line-height: 36px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #466a32;
    position: absolute;
    width: 45px;
    height: 45px;
    top: 15px;
    /* margin-top: -22px; */
    left: 0;
    background-color: #fff;
    border: 4px solid #699551;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.cannabisrezept ul li:first-child:before {
    content: "1";
}
.cannabisrezept ul li:nth-child(2):before {
    content: "2";
}
.cannabisrezept ul li:last-child:before {
    content: "3";
}
.cannabisrezept ul li a {
    text-decoration: underline;
}
.cannabis-rezept {
    margin: 0 0 50px 0;
}
.cannabis-rezept h3 {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #466a32;
    margin-bottom: 24px;
}
.cannabis-rezept .content {
    display: flex;
}
.cannabis-rezept .item-left {
    flex: 0 1 663px;
    padding-right: 37px;
    padding-top: 27px;
}
.cannabis-rezept .item-right {
    flex: 0 1 707px;
}
.cannabis-rezept .item-right .inner {
    max-width: 707px;
}
.cannabis-rezept .item-right .inner.top {    
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}
.cannabis-rezept .step {
    margin-bottom: 40px;
}
.cannabis-rezept .step:last-child {
    margin-bottom: 0;
}
.cannabis-rezept .title {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.cannabis-rezept .shrt {
    background-color: #c5ef4b;
    font-weight: 700;
    font-size: 18px;
    line-height: 165%;
    padding: 10px 20px;
    height: 50px;
    margin-right: 24px;
    white-space: nowrap;
}
.cannabis-rezept .title .text {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
}
.cannabis-rezept a:not(a.nu) {
    text-decoration: underline;
}

/*** Reservierungsformular ***/
.mod_reserv {
    background-image: url(/images/banners/form-bg.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 190px 0 80px;
    overflow: hidden;
    position: relative;
    min-height: 880px;
}
.mod_reserv::before {
    content: "";
    width: 1900px;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -950px;
    border: 0 solid transparent;
    border-top: 100px solid #eaf3eb;
    border-right-width: 950px;
    border-left-width: 950px;
    border-bottom: none;
    z-index: 1;
}
.mod_reserv h3 {
    color: #466a32;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}
.mod_reserv .stext {
    text-align: center;
    margin-bottom: 10px;
}
div.form_reserv {
    background-color: #eaf3eb;
    padding: 50px 50px 25px;
    max-width: 1060px;
    margin: auto;
}
.mod_reserv .flex {
    margin: 0 -10px;
}
.mod_reserv .flex .form-group {
    padding: 0 10px;
    width: 33.33%;
}
.mod_reserv .flex .form-group label {
    font-size: 14px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #466a32;
    margin-bottom: 2px;
    padding-left: 10px;
}
.mod_reserv  .form-group .labfortextarea {
    font-size: 14px;
    font-weight: 600;
    color: #466a32;
    margin-bottom: 2px;
    padding-left: 10px;
}
.mod_reserv input.form-control, .mod_reserv textarea.form-control {
    border: 1px solid #699551;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.mod_reserv textarea.form-control {
    height: 95px;
    resize: none;
}
.mod_reserv .flex-one {
    display: flex;
    /* align-items: center; */
    margin: 25px 0 20px;
}
.mod_reserv .flex-one>div {
    width: 50%;
}
.mod_reserv .msg-info {
    color: #fa0202;
    font-size: 16px;
    line-height: 1.5;
}
.mod_reserv .msg-info a {
    color: #fa0202;
    text-decoration: underline;
}
.form_reserv_info{
    margin-top: 20px;
    font-size: 16px;
}
.mod_reserv .form_reserv_info a{
    padding: 8px;
    background-color: #86968B;
    color: #fff;
    text-decoration: none;
    min-width: 340px;
    text-align: center;
    display: inline-block;
}
.mod_reserv .form_reserv_info a:hover{
    text-decoration: none;
}
.mod_reserv .flex-one>div:last-child {
    text-align: right;
    font-size: 14px;
}
input#upl-file {
    /* margin-bottom: 5px; */
    margin-top: 5px;
    font-size: 14px;
    /* z-index: -1;
    visibility: hidden;
    width: 0;
    height: 0; */
}
input#upl-file::file-selector-button {
    /* margin-left: 20px; */
    border: 1px solid #466a32;
    background-color: transparent;
    color: #466a32;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 15px;
    cursor: pointer;
    border-radius: 2px;
}
input#upl-file + label {    
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5px;
}
input#upl-file + label>div:last-child {
    margin-left: 20px;
    border: 1px solid #466a32;
    background-color: #d1f8bc;
    color: #466a32;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 15px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.mod_reserv .flex-two {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.mod_reserv .flex-two .form-check {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 25px;
} 
.mod_reserv .flex-two .form-check-label {
    color: #3b3b3b;
    font-size: 14px;
    line-height: 1.5;
}
.mod_reserv .flex-two  input[type=checkbox] {
    padding: 0;
    margin-top: 7px;
    margin-left: 10px;
}
.mod_reserv .flex-two .green-button {
    border: none;
    font-size: 16px;
    text-transform: uppercase;
}

/*** Spec product articles ***/
.spec-prod #content {
    background-color: #f8f7f7;
}
.spec-prod .com-content-article {
    padding: 80px 0 100px;
}
.spec-prod .page-header {
    color: #000;
}
.spec-prod .page-header h1 {
    font-size: 58px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.spec-flex {
    display: flex;
    gap: 48px;
}
.spec-flex .item-left {
    flex: 0 1 55.6%;
}
.spec-flex .item-right {
    flex: 0 1 44.4%;
}
.spec-flex .title {
    font-weight: 700;
}
.spec-flex .block {
    margin-bottom: 60px;
}
.spec-flex ul {
    max-width: 677px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.spec-flex ul li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
}
.spec-flex ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    left: 0;
    background-color: #C5EF4B;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.spec-flex .prod_card {
    box-shadow: 0 7px 7px 0 rgba(24, 37, 27, 0.15);
    background-color: #fff;
    margin-top: 20px;
}
.spec-flex.spec-flex2 .prod_card {
    margin-top: 8px;
}
.spec-flex .prod_card.mob-card {
    display: none;
}
.spec-flex .prod_card .name {
    padding: 20px;
    min-height: 157px;
    font-weight: 500;
    font-size: 33px;
    text-align: center;
}
.spec-flex .prod_card a.img {
    display: block;
}
.spec-flex .prod_card .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 20px;
}
.spec-flex .prod_card .buttons a {
    display: inline-block;
    padding: 18px 36px;
    background-color: #89ab26;
    font-weight: 500;
    font-size: 29px;
    color: #fff;
    border-radius: 4px;
}
.spec-flex .fazit {
    margin-top: 40px;
    background-color: #fff;
    padding: 40px 30px 40px 40px;
}
.spec-flex .fazit .text {
    font-size: 23px;
    margin-bottom: 28px;
}
.spec-flex .fazit .tip {
    font-size: 17px;
}

.spec-flex h2.subtitle{
    font-size: 28px;
    color: #000;
    margin-bottom: 12px;
}

/*** Blog articles ***/
.blog-articles {
    padding: 80px 0 120px;
}
.com_jshopping_category .blog-articles {
    background-color: #eaf3eb;
    padding: 55px 0 65px;
}
.blog-articles h2 {
    color: #466a32;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}
.blog-articles .subtitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
}
.blog-articles .flex {
    margin: 0 -10px;
}
.blog-articles .flex>div {
    padding: 0 10px;
    width: 33.33%;
}
.blog-articles .newsflash-image {
    overflow: hidden;
    margin: 0 0 25px;
}
.blog-articles .newsflash-image img {
    max-width: 100%;
    height: auto;
}
.blog-articles .newsflash-title {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
}
.blog-articles .nf-introtext {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
    color: #0a0a0a;
}
.blog-articles .read-more a {
    font-size: 16px;
    color: #78a000;
    font-weight: 600;
    line-height: 1.4;
}
.com-content-category-blog {
    padding: 40px 0;
}
.com-content-category-blog h1 {
    color: #466a32;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 50px;
}
.com-content-category-blog .blog-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.com-content-category-blog .blog-item {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.com-content-category-blog .item-image {
    overflow: hidden;
    margin: 0 0 25px;
}
.com-content-category-blog .item-image img {
    max-width: 100%;
    height: auto;
}
.com-content-category-blog .page-header h2 {
    font-size: 18px;
    line-height: 1.5;
}
.com-content-category-blog .descr {
    font-size: 16px;
    line-height: 1.4;
    color: #0a0a0a;
}
.com-content-article {
    padding-bottom: 40px;
}
.com-content-article .item-image img {
    max-width: 100%;
    height: auto;
}
.flogo-vers {
    display: none;
}

/*** tab panel ***/
#comment_tab.nav-tabs .nav-item.show .nav-link, #comment_tab.nav-tabs .nav-link.active {
    background-color: #466a32;
    color: #fff;
}
#comment_tab.nav-tabs .nav-link {
    background-color: #f3f3f3;
    border: 1px solid #111;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
#comment_tab.nav-tabs .nav-item:first-child {
    margin-right: 20px;
}
#comment_tab.nav-tabs {
    border-bottom: 2px solid #466a32;
}

/*** Unsere partner ***/
.unsere-partner {
    padding: 100px 0 140px;
    background-color: #eaf3eb;
}
.unsere-partner h2 {
    text-align: center;
}
.unsere-partner  .subtitle {
    font-size: 18px;
    line-height: 1.7;
    margin: 15px 0 40px;
    text-align: center;
}
.unsere-partner .flex {
    max-width: 850px;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
.unsere-partner .flex .item .img {
    padding: 0 10px;
}

/*** Kontaktieren Sie uns ***/
.kontaktiren {
    padding: 80px 0;
   /* background-image: url(/images/banners/kontakt_bg.png);*/
    background-image: url(/images/banners/kontakt_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 360px;
}
.kontaktiren .subtitle {
    font-size: 18px;
    line-height: 1.7;
    margin: 15px 0 40px;
    text-align: center;
}
.kontaktiren a.green-button {
    margin: auto;
    display: block;
    max-width: 220px;
    text-transform: uppercase;
}
.blog-articles .link-on-mob {
    text-transform: uppercase;
}
/*** Seo text ***/
.seo-text {
    padding: 100px 0 120px;
    background-color: #eaf3eb;
}
.seo-text .subtitle {
    font-size: 18px;
    line-height: 1.7;
    margin: 10px 0 70px;
    text-align: center;
}
.seo-text h4 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 20px;
}
.seo-text .text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
}



 
/**** cart ajax, wishlist ****/
.cartajax_adv_module,  #jshop_module_wishlist {
    flex: 0 1 auto;
    justify-content: flex-end;
}
.popup-cart-ajax {
    position: absolute;
    top: 40px;
    width: 250px;
    z-index: 100;
    border: 1px solid #dddbe0;
    background-color: #ffffff;
    padding: 10px 8px;
}
.cartajax_adv_module .img, #jshop_module_wishlist .img {
    width: 22px;
    position: relative;
    text-align: center;
}
.cartajax_adv_module .img img {
    max-width: 100%;
}
.to_cart_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.to_cart_link .text {
    padding-left: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #4a5565;
}

/**** tree categories ****/
.jshop_tree_categories ul{
    list-style: none;
    padding-left: 0;
    margin-top: -4px;
}
.jshop_tree_categories ul li {
    padding: 4px 0;
    position: relative;
}
.jshop_tree_categories ul li a {
    padding: 10px 10px;
    display: block;    
}
.jshop_tree_categories ul li a span{
    font-size:22px;
}
.jshop_tree_categories ul ul li a span{
    font-size:18px;
}
.jshop_tree_categories>ul>li>a {
    background-color: #f4f4f4;
}
.jshop_tree_categories ul li>ul>li a{
    padding: 10px 20px;
}
.jshop_tree_categories ul li ul li>ul li a{
    padding: 10px 30px;
}
.jshop_tree_categories .cattree0-0 >li::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 15px;
    border-bottom: 2px solid #6d6d6d;
    border-right: 2px solid #6d6d6d;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.jshop_tree_categories .cattree0-0 >li.open.turn::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    top: 25px;
}

/*** style of modules header ****/
.prod_last {
    padding: 0px 0px 40px;
}
.prod_last h1, .prod_last h2, .prod_last h3 {
    font-size: 20px;
    line-height: 250%;
    display: block;
    width: 100%;
    background-color: #f4f4f4;
    padding-left: 20px;
    border: 1px solid #d8d8d8;    
    margin-bottom: 18px;
}

/**** latest product, bestseller, top rating ****/
.latest_products_flex {
    display: flex; 
    margin-left: -5px;
    margin-right: -5px;   
}
.item_last_product {
    flex: 25% 0 0;
    padding: 0 5px;
}

.item_last_product .image .image_block a.rst-block {
    display: block;
    text-align: center;
}
.item_last_product .image .image_block a img {
    max-width: 100%;
}


/*** Center bottom flex ****/
.gray {
    background-color: #e9e9e9;
    margin-bottom: 60px;
}
.gray .page-header {
    text-align: center;
    font-size: 20px;
    padding-top: 40px;
    padding-bottom: 30px;
    display: block;
}
.gray.acym{
    background-color: #f4f4f4;
    padding-bottom: 50px;
}
.gray.acym  .page-header {
     font-size: 24px;
     margin-bottom: 0px;
     padding-bottom: 10px;
     padding-left: 15px;
    padding-right: 15px;
}
.acym_module_form .acym_introtext{
    margin: 45px 0 30px;
}
.acym_module_form .acym_introtext .title {
    color: #1f3a12;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.acym_module_form .acym_introtext .text {
    color: #1f3a12;
    font-size: 14px;
    line-height: 1.7;
    max-width: 540px;
}
.acym_module_form .acym_form .onefield{
    margin: 0px;
}
.acym_module_form .acym__user__edit__email{
    width: 400px;
    font-size: 16px;
}
.acym_module_form .d-flex .acym_form {
    width: 46%;
}
.acym_module_form .d-flex input[type="email"] {
    max-width: 100%;
    background-color: #edf1f0;
    border: none;
    height: 44px;
}
.acym_module_form input.green-button{
    width: 163px;
    border: none;
    height: 44px;
    font-weight: 500;
    font-size: 18px;
    padding: 8px 8px;
}
.acym_module .responseContainer{
    margin-left: 15px;
    margin-right: 15px;
}
.com_acym_frontusers #content{
    padding: 0 0 50px;
}
.acym_front_page {
    max-width: 1060px;
    margin: auto;
    background-color: #eaf3eb;
    padding: 50px 50px 45px;
}
.acym_front_page legend {
    text-align: center;
}
.acym_front_page legend span {
    color: #466a32;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}
.acym_front_page input[type="text"], .acym_front_page input[type="email"] {
    width: 100%;
    background-color: #fff;
    border: 1px solid #699551;
    font-size: 18px;
    padding: 7px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.acym_front_page #acyuserinfo label {
    margin-bottom: 15px;
}

.center-bottom-list {
    display: flex;
    list-style: none;
    padding: 30px 20px;
    justify-content: space-between;
}
.center-bottom-list li {
    padding-left: 30px;
    position: relative;
}
.center-bottom-list li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 14px;
    height: 10px;
    background-image: url(/images/check.png);
}

.center-benefits-flex {
    display: flex;
    padding-bottom: 60px;
}
.item-benefit {
    flex: 33.33% 0 0;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
}
.item-benefit .img {
    max-width: 100%;
    margin-bottom: 30px;
}
.page-reset {
    margin: 10px 0 80px;
}
.page-reset input{
    width: 450px;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid #699551;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}


/**** Footer ****/
footer {
    /*background-image: url(/images/banners/footer_bg.png);*/
    background-image: url(/images/banners/footer_bg.webp);
    padding: 80px 0 0;
}
footer .flex {
    padding-bottom: 90px;
}
footer .flex .item {
    padding-right: 15px;
}
footer .flex .item:first-child {
    width: 50%;
}
footer .flex .item:nth-child(2) {
    width: 17%;
}
footer .flex .item:last-child {
    width: 33%;
    padding-right: 0;
}
.footer_item h2, .footer_item h3 {
    font-size: 16px;
}
.footer_item .custom {
    padding-bottom: 10px;
}
.footer_item div, .footer_item a {
    font-size: 15px;
    line-height: 1.6;	
} 
.footer_item .item-193 a{
	white-space: nowrap;
}
.zalungs .title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 5px;
}
.zalungs .text {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.payments-img {
    display: flex;
    margin: 0 -5px;
}
.payments-img .img {
    padding: 0 5px;
}
.footer_item ul.nav {
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
}
.footer_item.bmenu{
    padding-left: 10%;
}
.footer-bottom {
    background-color: #f4f4f4;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    min-height: 70px;
}
.footer-logo, .footer-info-block, .social {
    display: flex;  
    align-items: center;
}
.footer-logo img{
   
}
.footer-info-block .info_tel a {
    margin-right: 10px;
}
.social {
    justify-content: flex-end;
}
.social a {
    opacity: 0.5;
    margin-left: 15px;
}
.social a:hover {
    opacity: 0.8;
}
.social img {
    width: 35px;
}
.copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eaf3eb;
}
.footer-bottom .nav{
    align-items: center;
    justify-content:center;
}
.footer-bottom .nav li{
    padding-left: 7px;
    padding-right: 7px;
}
.footer-bottom .nav a, .footer-bottom .nav span{
    font-size: 14px;
}

.show-768 {
    display: none;
}
.right-top-modules .hide-768 {
    display: none;
}

/**** Breadcrumbs  ****/
.breadcrumb {
    background-color: transparent;
    padding: 19px 0;
    margin-bottom: 0;
}
.breadcrumb li {
    font-size: 14px;
}
.breadcrumb li a, .breadcrumb li span {
    font-size: 14px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.2rem;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.2rem;
}
.breadcrumb-item.active {
    color: #89ab26;
}

.jshop_tree_categories_btn{
    background-color: #e9e9e9;
    cursor: pointer;
    display: none;
	position:relative;
}
.jshop_tree_categories_btn::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 17px;
	margin-top: -10px;
	background-image: url(/images/list-icon.svg);
	background-repeat: no-repeat;
	color: white;
}
.jshop_tree_categories_btn.active::after {
    background-image: url(/images/btn_close.png);
    background-size: 17px 17px;
}

.mod_mob_btn_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 -5px;
	margin-top: 0px;
	margin-top: 0px;
}
.mod_mob_btn_block > div {
	width: 100%;
	padding: 0 5px;
	flex-grow: 1;
}

/*** Pages ***/

.br-bg {
    /*background-image: url(/images/banners/bg-cat.png);*/
    background-image: url(/images/banners/bg-cat.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 344px;
    padding-bottom: 20px;
}
.br-bg.bg-auto {
    min-height: auto;
}
.list-product-page .br-bg {
    background-image: none;
    min-height: auto;
}
.list-product-page #content {
    padding: 20px 0 0;
}
.cat-header .flex {
    margin: 0 -15px;
    flex-wrap: wrap;
}
.cat-header .flex .item {
    padding: 0 15px;
}
.cat-header .flex .item:first-child {
    width: 39%;
}
.cat-header .flex .item:first-child .img {
    max-height: 342px;
    overflow: hidden;
}
.cat-header .flex .item:last-child {
    width: 61%;
}
.cat-header h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
}
.cat-header2 .flex {
    margin: 0 -15px;
    align-items: center;
}
.cat-header2 .flex .item {
    padding: 0 15px;
}
.cat-header2 .flex .inner {
    border: 1px solid #ccc;
    padding: 20px;
    background: #fff;
}
.cat-header2 .flex .item:first-child {
    flex: 0 1 811px;
}
.cat-header2 .flex .item:first-child .img {
    overflow: hidden;
}
.cat-header2 .flex .item:last-child {
    flex: 1 1 auto;
}
.cat-header2 h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 8px;
}
.cat-header2 .flex .text {
    font-size: 21px;
    margin-bottom: 25px;
}
.cat-header2 ul.check {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.cat-header2 ul.check li {
    width: 50%;
    font-weight: 500;
    line-height: 1.45;
    font-size: 20px;
    color: #000;
    margin-bottom: 16px;
    padding-left: 45px;
    background: url(/images/icons/bl_check.png) no-repeat left center;
}


#sort_count {
    /*display: none;*/
}

.custom-category-bottom {
    padding: 70px 0 20px;
    min-height: 359px;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.custom-category-bottom h2 {
    color: #d1f8bc;
}
.custom-category-bottom .text {
    color: #fff;
    margin: 20px 0 35px;
    line-height: 1.7;
}
.custom-category-bottom  .green-button {
    text-transform: uppercase;
}

/** Kontakt **/
/*.faq-page #content {
    display: none;
}*/
.faq-page h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.44;
    margin-bottom: 40px;
    color: #426937;
    text-align: center;
    margin-top: 25px;
}
.faq-page .com-content-article{
    padding-bottom: 0;
}
.faq-page .blog_content{
    max-width: 890px;
    margin: 0 auto;
}
.faq-page .faq-block{
    padding-top: 0;
}
.faq-page .faq-block h2{
    display: none;
}
.faq-page .faq-block .subtitle{
    display: none;
}
.faq-page .faq-block .flex {
    max-width: 890px;
    margin: 0 auto;
    flex-direction: column;
}
.faq-page .faq-block .flex .item {
    padding: 0;
    width: 100%;
}

.com_jshopping_comment #content {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 40px 0;
}
.contact {
    padding-top: 15px;
    font-size: 16px;
}
.contact .contact-info{
    margin-top: 30px;
}
.contact .contact-info dl, .contact .contact-info dl a{
    color: #707070;
}
.contact .contact-info .image {
    width: 45px;
}
.contact-form legend{
    font-size: 16px;
}
.contact-wraper .title{
    margin-bottom: 10px;
}
.contact-form .control-group.field-spacer{
    font-size: 12px;
    color: #dd3232;
}
.contact-wraper{
    background: #eaf3eb;
    padding: 30px 60px;
    margin-bottom: 60px;
}
.contact-wraper h3, .com-contact__container h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 20px;
    color: #466a32;
}
.contact-form input, .contact-form textarea{
    width: 100%;    
}
.contact-form .control-label{
    display: none;
}
.contact-form .controls input[type=text],
.contact-form .controls input[type=email],
.contact-form .controls textarea{
    /* font-size: 16px; */
}
.contact-form .controls textarea{
    height: 250px;
}
.contact-form label{
    margin-bottom: 0px;
}
.contact-form form > .control-group .controls{
    text-align: right;
}
.work_time {
    color: rgb(112, 112, 112);
}

.blog-items img{
    max-width: 100%;
}
.blog .readmore .icon-chevron-right{
    display: none;
}
.blog-items .article-info-term{
    display: none;
}
.blog-items .page-header{
    margin-bottom: 10px;
}
.blog-items .create, .blog-items .published{
    font-size: 14px;
    color: #7b7b7b;
}
.blog-items .create .icon-calendar, .blog-items .published .icon-calendar{
    display: none;
}
.blog .items-row.cols-2.row-1.row-fluid.clearfix{
    margin: 0px;
}
.nu {
    text-decoration: none;
}
.green-text {
    color: #466a32;
}
.lgreen-text {
    color: #9dc42b;
}
.mod_reserv .msg {
	border:1px solid #aaa;
	padding:5px 10px;
	color: green;
}
.mod_reserv .msg.error{
	color: red;
    font-size: 16px;
}
.mod_reserv .load{
	position: fixed;
	z-index:2;
	display: none;
}

.lds-dual-ring {	
	width: 80px;
	height: 80px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #aaa transparent #aaa transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.jshop_filters .filter_active_vals{
    display: none;
}
.jshop_list_product #filter_active_vals {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.jshop_list_product #filter_active_vals .group_filter_act {
    margin-bottom: 6px;
    margin-right: 6px;
    display: inline-block;
    color: #272727;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
}
.jshop_list_product #filter_active_vals .group_filter_act a {
    color: #0a0a0a;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    padding: 4px 10px;
    padding-right: 6px;
    background: rgb(197, 239, 75);
    border-radius: 4px;
}
.jshop_list_product #filter_active_vals .clear_all {
    height: 30px;
    margin-bottom: 6px;
}
.jshop_list_product #filter_active_vals .clear_all a {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #5e5e5e;
    background: #e3e3e3;
    border-radius: 4px;
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.jshop_list_product #filter_active_vals .clear_all a > div {
    display: inline-block;
}
.jshop_list_product #filter_active_vals .clear_all a > div:last-child {
    margin-left: 5px;
}

/*** Mob panel ***/
.mob-panel {
    display: none;
    z-index: 100;
    position: sticky;
    /* left: 0; */
    /* right: 0; */
    top: 0;
    bottom: auto;
    height: 55px;
    background-color: #111;
    padding: 5px 0;
}
.mob-panel.new-panel {
    background-color: #fff;
    padding: 8px 0;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.mob-panel .flex {
    display: flex;
    align-items: center;
}
.mob-panel .flex #mobile_menu, .mob-panel .mob-log-link {
    width: 25%;
}
.mob-panel.new-panel .flex #mobile_menu {
    width: auto;
}

#mobile-button {
    display: none;
    background-color: transparent;
    border: none;
    color: #fff;
    width: 100%;
}
.mob-panel.new-panel #mobile-button {
    padding: 0 6px 0 0;
    display: flex;
    align-items: center;
}
.mob-panel.new-panel #mobile-button i {
    margin-left: -5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 0;
    background-image: url(../../../images/icons/frame_1508.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.mob-panel.new-panel #mobile-button i.fa-times {
    margin-top: 0;
    width: 40px;
    height: 40px;
    background-image: url(../../../images/icons/close_menu_icons.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.mob-panel.new-panel #mobile-button i.fa-times:before {
    content: "";
}
#mobile-button > div {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}
#mobile-button:focus {
    outline: none;
}
#mobile_menu {
    position: relative;
}
.mobile-navigation {
    padding: 60px 0 20px;
    position: absolute;
    top: 100%;
    width: 400px;
    height: 100vh;
    background: rgba(0, 0,0, 0.85);
    margin-left: -500px;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.mobile-navigation.open {
    margin-left: -15px;
}
.mobile-navigation ul {
    display: flex;
    flex-direction: column;
}
.mobile-navigation ul li a {
    font-size: 16px;
    padding: 15px 20px;
    display: block;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.moduletable.mob-buttons {
    width: 25%;
}
.mob-panel.new-panel .moduletable.mob-buttons {
    width: auto;
    margin-left: 15px;
}
.mob-log-link .login-module {
    display: block;
    width: 100%;
}
.mob-log-link  .login {
    justify-content: center;
}
.mob-log-link  .login>a {
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    padding-top: 2px; 
}
.mob-log-link  .t_login {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    padding: 5px 0 0 0;
}
.mob-panel .custom.mob-buttons {
    height: 100%;
}
#mobile-button i.fa-bars:before {
   font-weight: 600;
}
.mob-panel .custom.mob-buttons>div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mob-panel .mob-menu-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 2px;
}
.mob-panel.new-panel .mob-menu-buttons {
    padding-top: 0;
}
.mob-panel .mob-menu-buttons .img {
    width: 18px;
    height: 18px;
}
.mob-panel.new-panel #mobile_menu + .moduletable.mob-buttons {
    margin-left: auto;
}
.mob-panel.new-panel .mob-menu-buttons .img {
    display: none;
}
.mob-panel .mob-menu-buttons .img img {
    vertical-align:baseline;
}
.mob-panel .black-button.extracte {
    margin-right: 0;
}
.mob-panel .black-button {
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 5px 0 0;
    margin: 0 0;
    background-color: transparent;
    text-transform: capitalize; 
    background-image: none;
}
.mob-panel.new-panel .black-button {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.47;
    background-color: #3b3b3b;
    color: #fff;
    padding: 7px 20px;
    height: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.page-155 .acym_module_form {
    max-width: 650px;
    margin-bottom: 60px;
}

.ruckruf_service div.form_callback {
    background-color: #eaf3eb;
    padding: 50px 50px 45px;
    max-width: 1060px;
    margin: 0 auto 80px;
}
.ruckruf_service div.form_callback  h3 {
    color: #466a32;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}
.ruckruf_service div.form_callback .stext {
    text-align: center;
    margin-bottom: 20px;
}
.ruckruf_service input[type="email"], .ruckruf_service input[type="text"], .ruckruf_service input[type="date"], .ruckruf_service select#time {
    border: 1px solid #699551;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
} 
.com_jshopping_search .jshop_list_product {
    margin-top: 30px;
}

.home-page #content, .com_jshopping_category #content {
    background-color: #eaf3eb;
}
.com_jshopping_ch_page.home-page #content {
    background-color: #fff;
}
#reserve_now_modal iframe {
    border: none;
    background-color: #eaf3eb;
}
#reserve_now_modal iframe #document {
    background-color: #eaf3eb;
}
#reserve_now_modal .modal-header {
    padding: 1rem 1rem 1rem 1.5rem;
    background-color: #eaf3eb;
}
#reserve_now_modal .modal-body {
    padding: 0.8rem 1.3rem;
    background-color: #eaf3eb;
}
.modal-dialog div.modal-title {
    background-color: transparent;
    border: 0px;
    margin-bottom: 0px;
    line-height: 100%;
    font-size: 1.5rem;
    font-weight: 500;
}

/* kunena forum */
#kunena {
    font-size: 16px;
}
#kunena.layout h1 {
    margin-top: 10px;
}
#kunena.layout .card-header {
    margin-top: 0;
}
#kunena.layout h2 {
    padding: 0.75rem 1.25rem;
}
#kunena.layout h3 {
    margin-top: 10px;
}
#kunena.layout .top-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
#kunena .search .btn {
    padding: 0.375rem 0.75rem;
}
#kunena .page-item.active .page-link, #kunena .btn-light, #kunena .btn-light:hover{
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #111;
}
#kunena .btn-outline-primary {
    background-color: #89ab26;
    border-color: #89ab26;
    color: #fff;
    padding: 0.200rem 0.75rem;
}
#kunena .btn-outline-primary:hover {
    background-color: #89ab26;
}
#kunena.layout h1.alert {
    font-size: 18px;
}
#kunena.layout .large-kicon {
    display: none;
}
#kunena.layout .dropdown-menu {
    width: 360px;
}
#kunena.layout .dropdown-menu a.btn {
    padding: 7px 15px;
    font-size: 16px;
}
#kunena.layout .statuses {
    padding: 0 10px;
}
#kunena.layout .statuses a.btn, #kunena.layout #logout-form button.btn {
    width: 100%;
    padding: 5px 15px;
    font-size: 16px;
    color: #0a0a0a;
}
#kunena.layout #logout-form {
    padding: 0 10px;
    width: 100%;  
}
#kunena.layout .form-group label {
    font-size: 14px;
}
#kunena.layout .nav-link {
    color: #6eaf4b;
    font-weight: 600;
}
#kunena.layout .form-control {
    width: 100%!important;
}
#kunena.layout #mod-search-searchword.form-control {
    width: auto!important;
}
#kunena.layout #editprofile #birthdate {
    margin-left: 0;
}
#kunena.layout div#editprofile input, #kunena.layout div#editprofile select, #kunena.layout div#home input, #kunena.layout div#home select, #kunena.layout div#editsettings select, #kunena.layout #editprofile textarea, #kunena.layout #editUser .form-control, #kunena.layout #params_editor, #kunena.layout #params_timezone, #kunena.layout #params_language {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    width: 100%;
    border: 1px solid #466a32;    
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#kunena.layout .badge {
    color: #0a0a0a;
}
#kunena.layout select.inputbox {
    background-size: auto;
}
#kunena.layout #editprofile textarea {
    height: 150px;
    resize: none;
}
#kunena.layout .kfrontend .table td h3>a {
    color: #6eaf4b;
    font-weight: 600;
}
#kunena.layout .kfrontend .table td h3>a:hover {
    text-decoration: underline;
}
#kunena.layout .kwho-user, #kunena.layout li.btn-link {
    color: #6eaf4b;
}
#kunena.layout .inputbox#catid {
    background-size: auto;
}
#kunena.layout .dropdown-menu .custom-control-label::before {
    top: 2px;
}
#kunena.layout #announcement a.btn{
    margin-bottom: 10px;
}
#kunena.layout h2>.kunena-back {
    background-color: #89ab26;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 15px 8px 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#kunena.layout .nav-tabs .nav-link.active {
    background-color: #3b3b3b;
    color: #fff;    
}
#kunena.layout .btn-outline-success {
    background-color: #89ab26;
    border-color: #89ab26;
    color: #fff;
}
#kunena.layout .center .pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0 20px;
}
#kunena.layout .search-flex {
    display: flex;
    justify-content: flex-end;
}
#kunena.layout .search-flex .kunena-search {
    width: 300px;
}
#kunena.layout #kpost-subscribe label {
    float: none;
}
#kunena.layout .right-mblock .btn-toolbar button.btn,
#kunena.layout .right-mblock  #btn_thankyou {
    background-color: #9AAC9D;
    padding: 0.200rem 0.75rem;
}
#kunena.layout .right-mblock .report a.btn {
    background-color: #8CC092;
    padding: 0.200rem 0.75rem;
}
#kunena.layout .right-mblock {
    padding-top: 10px;
}
#kunena.layout .left-mblock {
    background-color: #EAF3EB;
    padding-top: 10px;
}
#kunena.layout .one-message-block {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.scrollToTop.small {
    font-size: 25px;
    width: calc(2.1* 25px);
    height: calc(2.1* 25px);
    line-height: calc(2.1*25px);
    margin: 15px;
    bottom: 50px;
}
.has-recaptcha .scrollToTop.small {
    bottom: 70px;
}

/* cookie banner */
.ccm-root .ccm-settings-summoner {
    bottom: 46px;
}

/* Hide menu items */
#main_menu .mod-menu .item-200, #main_menu .mod-menu .item-201, #main_menu .mod-menu .item-202 {
    display: none;
}

.list_top_mobile {
    display: none;
}

/*** CDB products  ***/
.cdb-descr {
    max-width: 920px;
}
.cdb-descr h5 {
    font-size: 18px;
}
.cdb-table {
    min-width: 635px;
}
.cdb-table th, .cdb-table td {
    border: 1px solid #3b3b3b;
    font-size: 80%;
    padding: 5px;
}
.cdb-table td {
    color: #6d6d6d;
}
.cdb-table th {
    background-color: #edf1f0;
}

/*** My account pages ***/
body.task-myaccount .row.row-custom {
    margin: 0 0;
}
.line_divider {
    height: 1px;
    background-color:  #699551;
    margin-bottom: 30px;
    margin-top: 30px;
}
.jshop_register .field-calendar .btn {
    padding: 11px 15px;
    background-color: #89ab26;
}
.jshop_register .icon-calendar:before {
    color: #fff;
}
.jshop_register .buttons-wrapper .btn {
    line-height: 1;
    color: #fff;
}

.header-account {
    margin-bottom: 30px;
}
.header-account h1 {
    background-color: rgb(234, 243, 235);
    padding: 15px 0 15px 15px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    margin: 0 -5px;
}
.myaccount_menu {
    list-style: none;
    padding: 0;
    margin: 0;
    --text-color-account: #6eaf4b;
}
.myaccount_menu li a {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    padding: 8px 0;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.addon_delete_account a {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    padding: 8px 0;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.addon_delete_account a:hover{
    color: #6eaf4b;
}
.myaccount_menu li a:hover, .myaccount_menu li a.active  {
    color: var(--text-color-account);
}

.myorders_list .list-orders thead {
    background-color: rgb(234, 243, 235);
}
.myorders_list {
    margin-bottom: 50px;
}
.myorders_list table td { 
    padding: 10px 10px;
}
.myorders_list table thead th {
    padding: 10px 10px;
    font-size: 18px;
}
.myorders_list table tr {
    border-top: 1px solid #699551;
}
.myorders_list table thead tr {
    border: none;
}
.myorders_total {
    border-top: 1px solid #699551;
    background-color: rgb(234, 243, 235);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.myorder-flex .item-right.item-order-right {
    border: none;
    box-shadow: none;
    padding: 0;
}
.about-order {
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1px solid #89ab26;
    background-color: #FFF;
    padding: 20px 20px;
}
.about-order .item {
    position: relative;
    width: 50%;
    padding: 20px 20px 20px 0;   
}
.about-order .item:first-child {
    border-right: 1px solid  #89ab26;
}
.about-order .item:nth-child(2) {
    padding: 20px 0 20px 20px;
}
.about-order .item:nth-child(2) tr {
    border-bottom: 0;
}
.about-order .item:nth-child(2) td {
    padding: 5px 5px;
    font-weight: 500;
}
.about-order .table-address {
    width: 100%;
}
.about-order .flex-address {
    display: flex;
}
.about-order .flex-address > div {
    width: 50%;
}
.about-order .flex-address table {
    max-width: 100%;
}
.about-order .flex-address table td {
    word-break: break-all;
}
.about-products {
    --bg-color-btn: #3b3b3b;
    margin-top: 32px;
    border-radius: 8px;
    border: 1px solid #89ab26;
    background-color: #FFF;
    padding: 20px 20px 40px;
}
.about-products .btn-cancel {
    border: 1px solid #89ab26;
    background-color: #fff;
    color: var(--bg-color-btn);
    font-weight: 600;
    margin-right: 10px;
}
.about-products .btn-cancel:hover {
    color: #89ab26;
}
.about-products .product_name a:hover,
.my-questions .prodname a:hover {
    text-decoration: underline;
}
.about-products .product_name .attribs {
    font-size: 14px;
}
.history_head {
    display: inline-block;
    color: var(--main);
    cursor: pointer;
    text-decoration: underline;
}
.order_history {
    padding-top: 20px;
}
.order_history table {
    margin-bottom: 25px;
}
.order_history table td {
    padding: 5px 10px;
}
.order_history table tr {
    border-bottom: 1px solid #E6E6E6;
}
.about-order .title-address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myorderinfo .f-end {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}
.order_items table {
    width: 100%;
}
.order_items table thead {
    background-color: rgb(234, 243, 235);
}
.order_items table th, .order_items table td {
    padding: 10px;
    border-bottom: 1px solid #89ab26;
}
.myorderinfo .product_head {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.jshop .downlod_order_invoice {
    display: flex;
    justify-content: flex-end;
    padding: 8px 10px;
}
.myorderinfo .jshop_subtotal {
    line-height: 1.8;
}
.myorderinfo .jshop_subtotal .name {
    font-weight: 600;
}
.my-discount .descr p {
    margin-bottom: 0;
}

.editaccount_block label {
    display: none;
}
.address_block  .other_delivery_adress label {
    display: inline-block;
    font-size: 16px;
    margin-right: 15px;
}

.last-visit-page .oiproduct, .page_wishlist .oiproduct {
    margin-top: auto;
}
.page_wishlist .product {
    position: relative;
}
.page_wishlist .delete_prod {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 2px;
    top: 0;
}
.page_wishlist .delete_prod img {
    max-width: 100%;
    max-height: 100%;
}
.page_wishlist .list_product .name a {
    padding: 0 15px;
}
.footer_item.logo_versand.mobile {
    display: none;
}
/*** Content page with left side block ***/
.as_flex {
    display: flex;
    line-height: 1.33;
}
.as_flex .img {
    flex: 0 1 430px;
}
.as_flex .as_content {
    flex: 0 1 935px;
    padding-left: 50px;
}
.as_flex h1 {
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 32px;
    font-weight: 600;
}
.kundeninfo .as_flex h1 {
    font-size: 32px;
    line-height: 120%;
}
.as_flex figure {
    margin: 10px 0 0 0;
}
.mgreen-text {
    color: #6eaf4b;
}
.mgreen-text:hover {
    color:#6eaf4b;
    text-decoration: underline;
}
.show-991 {
    display: none;
}
.as_flex h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
}
.green-field {
    background-color: #eaf3eb;
    padding: 40px;
}
.green-field h2 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
}
.as_flex h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 133%;
}
.as_flex h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 133%;
}
.as_flex p {
    margin: 0 0 12px 0;
}
.green-field .text {
    text-align: center;
    max-width: 615px;
    margin: 0 auto 40px;
    line-height: 1.5;
}
.green-field .img {
    margin-bottom: 12px;
}
.green-field .ness {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #3b3b3b;
}
.green-field .doc_load {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-top: 32px;
}
.green-field a.blue {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0c8eff;
}
.gb_round {
    font-weight: 600;
    font-size: 22px;
    line-height: 164%;
    text-align: center;
    color: #466a32;
    display: inline-block;
    border: 4px solid #699551;
    width: 45px;
    height: 45px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}
.gba_round {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #699551;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}

/*** Cookie-Einstellungen page ***/
.ccm-cookie-declaration h3, .ccm-cookie-declaration h4 {
    color: #466a32;
}
.ccm-cookie-declaration a {
    color: #466a32;
    font-weight: 500;
}
.ccm-cookie-declaration a:hover {
    text-decoration: underline;
}
.ccm-cookie-declaration [aria-haspopup="dialog"] {
    background-color: #89ab26;
    color: #fff;
    text-decoration: none!important;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 25px;
    height: 40px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.ccm-cookie-declaration--embedding-assets-table thead {
    background-color: rgb(234, 243, 235); 
}
.ccm-cookie-declaration--embedding-assets-table th {
    padding: 10px 10px;
    font-size: 18px;
}
.ccm-cookie-declaration--embedding-assets-table td {
    border-top: 1px solid #699551;
    border-bottom: 1px solid #699551;
    padding: 10px 10px;
}

@media (min-width: 769px) {
    .com_jshopping_checkout .top-info-row{
        display: none;
    }
    .com_jshopping_checkout header .order-1{
        display: none;
    }
    .com_jshopping_checkout header .order-2{
        display: none;
    }
}

@media (max-width: 1650px) {
    .info_block .info_address {
        margin-right: 0;
    }
    .info_block .info_hour {
        display: none;
    }
    .jshop_ajaxsearch {
        width: 20%;
        padding-left: 20px;
    }
    .buttons-top {
        width: 50%;
    }
    .black-button.extracte {
        margin-right: 20px;
    }
    .info_block { 
        justify-content: flex-end;
    }
}

@media (max-width: 1400px) {
    .information h3 {
        font-size: 42px;
    }
    .info_block .info_tel .hide-480 {
        display: none;
    }
    .black-button.sbd_produkte {
        margin-right: 0;
    }
    .information-top {
        padding-right: 50px;
    }
}

@media (max-width: 1200px) {
    .jshop_tree_categories ul li a span{
        font-size: 20px;
    }
    .footer-bottom .menu{
        padding-left: 35px;
        padding-right: 35px;
    }
    .info_block .info_address, .info_block .info_tel {
        font-size: 14px;
        font-weight: 300;
    }
    .info_block .info_tel::before  {
        top: -1px;
    }
    .info_block .info_address::before {
        top: 0;
    }
    .black-button.sbd_produkte {
        margin-right: 0;
    }
    .information-top {
        padding-right: 20px;
    }
    .mod_greview_logo {
        display: none;
    }
    .buttons-top .flex {
        padding-left: 20px;
    }
    .black-button.bluten,
    .black-button.extracte {
        margin-right: 15px;
    }
    .jshop_ajaxsearch {
        width: auto;
    }
    .to_cart_link .text, .account-text .t_login, .t_login {
        display: none;
    }
    .cartajax_adv_module, #jshop_module_wishlist, .login-module {
        flex: 0 1 60px;
        padding-right: 0;
    }
    .center-top-modules {
        flex: 0 1 280px;
    }
    .as_flex h1 {
        font-size: 36px;
    }
    .as_flex .as_content {
        padding-left: 20px;
    }
    .show-991 {
        display: block;
    }
    .as_flex .item.img {
        display: none;
    }
    .as_flex figure {
        margin-bottom: 25px;
    }
    .as_flex .as_content {
        padding-left: 0;
        flex: 0 1 100%;
    }
    .mod_greview_logo {
        display: none;
    }
    .below_hp_banner .tab-item-2 {
        padding: 40px 15px 40px 15px;
    }
    .below_hp_banner .tab-item-2 .title {
        font-size: 42px;
    }
    .home-banner .buttons {
        padding: 40px 15px;
    }
    .home-banner .buttons >.name {
        font-size: 20px;
    }
    .hb-moduel-new h1 {
        font-size: 42px;
    }
    .hb-moduel-flex h2 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .lg-hide {
        display: none;
    }
    .lg-mb-40 {
        margin-bottom: 40px;
    }
    .lg-show {
        display: block;
    }
    .mob-panel {   
        display: block;   
        z-index: 10000;
    }
    .info_block {
        justify-content: space-between;
    }
    .item-benefit {
        padding-left: 40px;
        padding-right: 40px;
    }        
    .item-183 > span {
        display: none;
    }
    .jshop_tree_categories {
        display: none;
    }    
    .bodyhome #left-side{
        display: none;
    }
    .bread-wrapper{
        display: none;
    }
    .footer_item.bmenu{
        padding-left: 15px;
    }        
    .jshop_tree_categories_btn{
        display: block;
    }
    .jshop_tree_categories.active{
        display: block;
    }
	.jshop_tree_categories ul{
		margin-top:10px
	}
    .box_products_sorting label{
        margin-bottom: 0px;
    }
    .contact > .row{
        flex-direction: column-reverse;
    }    
    .top-menu, .buttons-top {
        display: none;
    }
    .information-top {
        width: 100%;
        padding-right: 0;
    }
    .jshop_ajaxsearch {
        width: 70%;
        display: flex;
        justify-content: flex-end;
    }
    .jshop_ajaxsearch form {
        max-width: 350px;
        width: 100%;
    }
    .home-banner h1 {
        font-size: 30px;
    }
    .home-banner h2 {        
        font-size: 24px;
    }
    .home-banner {
        min-height: 252px;
        padding-bottom: 15px;        
    }
    .home-banner .buttons >.name {
        font-size: 20px;
    }
    ul.advantages li {
        font-size: 20px;
        margin-right: 10px;
        padding-right: 30px;
        background-size: 24px;
    }
    .information .outer-flex > .item:last-child {
        padding: 20px 15px 30px;
    }
    h2, .information h3, .cannabisrezept h2, .cannabisrezept .tel, .mod_reserv h3, .blog-articles h2, .unsere-partner h2, .cat-header h1 {
        font-size: 30px;
    }
    .cannabisrezept h3, .kundeninfo .as_flex h1, .cannabis-rezept h3 {
        font-size: 24px;
    }
    .seo-text .subtitle {
        margin: 10px 0 20px;
    }
    .seo-text h4 {
        margin-top: 20px;
    }
    footer .flex {
        flex-wrap: wrap;
    }
    footer .flex .item {
        width: 100%!important;
    }
    footer .flex .item:nth-child(2) {
        margin-top: 30px;
    }
    .footer_item ul.nav {
        padding-bottom: 40px;
    }
    .copyright {
        /* padding-bottom: 55px; */
    }
    .copyright .fs-16 {
        font-size: 14px;
        line-height: 1.2;
    }
    .cat-header .flex .item:first-child, .jshop_filters h3,  .jshop_filters h5 {
        display: none;
    }
    .cat-header .flex .item:last-child {
        width: 100%;
        padding-bottom: 20px;
    }
    .cat-header2 h1 {
        font-size: 24px;
    }
    .cat-header2 .flex .text {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .cat-header2 .flex {
        flex-wrap: wrap;
    }
    .cat-header2 .flex .item {
        flex: 0 1 100%!important;
    }
    .cat-header2 .flex .item:last-child {
        margin-top: 6px;
    }
    .cat-header2 .flex .item:last-child .img {
        text-align: center;
    }
    #reserve_now_modal .modal-body {
        padding: 20px 5px;
    }
    #kunena.layout .dropdown-menu {
        width: 270px;
    }
    .grecaptcha-badge {
        bottom: 57px !important;
    }
    .scrollToTop.small {
        bottom: 50px;
    }
    .has-recaptcha .scrollToTop.small {
        bottom: 110px;
    }
    .cannabisrezept ul {
        flex-direction: column;
    }
    .cannabisrezept ul li {
        width: 100%;
    }
    .ccm-root .ccm-settings-summoner {
        bottom: 66px;
    }
    .mod-menu .item-200, .mod-menu .item-201, .mod-menu .item-202 {
        display: block;
    }
    .mod-menu .item-200 {
        margin-top: 20px;
        position: relative;
    }
    .mod-menu .item-200::before {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 40px);
        height: 1px;
        top: -10px;
        left: 50%;
        background-color: #707070;
        transform: translate(-50%);        
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
    }
    ul.advantages {
        margin-bottom: 0;
    }
    .spec-prod .page-header h1 {
        font-size: 32px;
    }
    .spec-flex {
        flex-wrap: wrap;
        gap: 0;
    }
    .spec-flex .item {
        flex: 0 1 100%!important;
    }
    .spec-flex .prod_card, .spec-flex .fazit {
        max-width: 450px;
        margin-top: 0;
    }
    .spec-flex .prod_card.desktop {
        display: none;
    }
    .spec-flex .prod_card.mob-card {
        display: block;
        margin-bottom: 40px;
    }
    .spec-prod .com-content-article {
        padding: 20px 0 40px;
    }
    .black-button.bluten, .black-button.extracte {
        margin-right: 0;
    }
    .as_flex h3 {
        font-size: 20px;
    }
    .green-field {
        padding: 20px 15px;
    }
    .green-field .text {
        margin: 0 auto 20px;
    }
    .mod_reserv .form_reserv_info a {
        min-width: 300px;
    }
    .cannabis-rezept .title .text {
        font-size: 20px;
    }
    .cannabis-rezept .content {
        flex-wrap: wrap;
    }
    .cannabis-rezept .item-left {
        padding-right: 0;
        margin-bottom: 20px;
        padding-top: 0;
    }
    .cannabis-rezept .step {
        margin-bottom: 20px;
    }
    .cannabis-rezept .title {
        margin-bottom: 12px;
    }
    #main_menu {
        display: block;
        position: absolute;
        left: 0;
        top: 136px;
        width: 400px;
        max-width: 100%;
        padding: 40px 0 20px;
        height: calc(100vh - 136px);
        background: rgba(0, 0, 0, .85);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        overflow-y: auto;
    }
    #main_menu li a {
        font-size: 16px;
        padding: 15px 20px;
        display: block;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }
    #main_menu.open {
        transform: translateX(0);
    }
    #main_menu .nav {
        flex-direction: column;
        padding: 15px;
    }
    #mobile-button {
        padding: 0;
        width: 30px;
        height: 20px;
        top: 32px;
        right: 15px;
        position: absolute;
        display: block;
    }
    #mobile-button > i {
        display: inline-block;
        width: 30px;
        height: 20px;
        margin-top: 0;
        background-image: url(../../../images/icons/mob-btn-menu.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    #mobile-button > i.open {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='20' viewBox='0 0 30 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='8.7' width='28' height='2.6' rx='1' fill='%23292929' transform='rotate(45 15 10)'/%3E%3Crect x='1' y='8.7' width='28' height='2.6' rx='1' fill='%23292929' transform='rotate(-45 15 10)'/%3E%3C/svg%3E");
    }
   .top-panel {
        display: none;
    }
    .center-panel {
        flex-wrap: wrap;
    }
    .center-top-modules {
        flex: 1 1 auto;
        max-width: 100%;
        justify-content: flex-end;
        padding-right: 70px;
    }
    .center-panel {
        padding: 12px 0;
    }
    .jshop_ajaxsearch {
        order: 9;
        width: 100%;
        padding: 10px 0 0;
    }
    .jshop_ajaxsearch form {
        width: 100%;
        max-width: 100%;
    }
    header {
        background-color: #f7f9ed;
        box-shadow: 0 4px 4px 0 rgba(176, 195, 176, 0.5);
        position: sticky;
        top: 0;
        z-index: 1000;
        border-bottom: 0;
    }
    .below_hp_banner {
        margin-top: 0;
    }
    .below_hp_banner .outer-four-flex {
        margin: 30px 0;
    }
    .home-banner .buttons a.dark_green-button {
        margin-right: 0;
    }
    .home-banner .buttons a, .home-banner .buttons a.yellow_button {
        font-size: 18px;
        line-height: 1.65;
    }
    .home-banner .buttons {
        flex-wrap: wrap;
        padding: 30px 15px;
    }
    .home-banner .buttons >.name {
        flex: 0 1 100%;
    }
    .home-banner .buttons a {
        flex: 0 1 calc(33.33% - 13.34px);
    }
    .below_hp_banner .tab-item-2 .title {
        font-size: 32px;
    }
    .below_hp_banner .tflex-2 .item-first {
        padding-right: 15px;
    }
    .below_hp_banner .tab-item-2 {
        padding: 30px 0;
    }
    .below_hp_banner .tflex-2 .item-second {
        padding: 12px 15px;
    }
    .below_hp_banner .tflex-2 .text-1 {
        font-size: 22px;
    }
    .below_hp_banner .tflex-2 .text-3 {
        font-size: 20px;
    }
    .below_hp_banner .tflex-2 .text-4 {
        font-size: 16px;
    }
    .below_hp_banner .four-flex .item .title {
        font-size: 24px;
    }
    .below_hp_banner .four-flex .item .descr {
        font-size: 14px;
    }
    .below_hp_banner .four-flex .item {
        padding: 20px 15px;
        min-height: 250px;
    }
    .hb-moduel-flex .item-rt {
        display: none;
    }
    .hb-moduel-flex .item-lt {
        flex: 0 1 100%;
    }
    .hb-moduel-flex .ask-link,
    .hb-moduel-flex .sub,
    .lb-prufen {
        display: block;
    }
    .hb-moduel-new h1,
    .hb-moduel-flex ul,
    .hb-moduel-flex .small {
        display: none;
    }
    .hb-moduel-flex h2 {
        margin-bottom: 20px;
    }
    .lb-prufen {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .mob-mb-0 {
        margin-bottom: 0;
    }
    .hide-768, .mob-hide {
        display: none;
    }
    .show-768 {
        display: block;
    }
    .mob-mb-20 {
        margin-bottom: 20px;
    }
    header .row div{
        position: relative;
    }
    .cannabisrezept ul li {
        padding: 10px 0 10px 37px;
    }
    .cannabisrezept ul li::before {
        font-size: 16px;
        line-height: 24px;
        width: 30px;
        height: 30px;
    }
    .mod_reserv::before {
        display: none;
    }
    
    header .order-2{
        background: #f4f4f4;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
    }
    
    .center-top-modules .input-group .form-control {
        width: 200px;
    }
    .top-info-row {
        display: none;
    }
    .right-top-modules{
        justify-content: flex-end;
    }
    .right-top-modules #jshop_module_wishlist,
    .right-top-modules .cartajax_adv_module,
    .right-top-modules .mob_login {
        flex: 0 0 0;
        margin-left: 20px;
    } 
    #logo{
        display: flex;
        align-items: center;
    }
    #logo a.brand {
        display: block;
    }
    .mob-user {
        display: block;
        width: 18px;
        height: 21px;
        background-image: url(/images/user_login.png);
    }
    .home-banner h1 {
        display: block;
        margin-bottom: 15px;
    }
    .home-banner h1 .title_image {
        display: none;
    }
    .home-banner .buttons {
        max-width: 480px;
    }
    .home-banner .buttons a {
        width: auto;
    }
    ul.advantages {
        flex-direction: column;
        display: none;
    }
    #search-top {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    } 
    #search-top .input-group {
        width: 100%;
        flex-wrap: nowrap;
        background: #fff;        
    }    
    .item-page h1, .item-page h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .home h1, .home h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .item-page, .home{
        font-size: 16px;
    }
    .item_last_product {
        flex: 50% 0 0;
    }
    .latest_products_flex {
        flex-wrap: wrap;
    }    
    .prod_last {
        padding: 0px 0px 30px;
    }
    .item_last_product {
        margin-bottom: 15px;
    }
    .footer_item.col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer_item.col-md-4 > * {
        padding-left: 15px;
        padding-right: 15px;
    } 

    .footer_item .custom{
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .footer_item.bmenu .page-header{
        border-top: 1px solid #cfcfcf;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 0px;
        cursor: pointer;
    }
    .footer_item.bmenu .page-header:after{
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        top: 18px;
        right: 15px;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .footer_item ul.nav.active{
        display: block;
    }
    .footer-bottom{
        background: #fff;
        border-top:0px;
        border-bottom: 0px;
    }
    .footer-bottom ul.nav{
        order:0;
        flex-direction: column;
        padding-right: 0px;
    }
    .footer-bottom .custom{
        order:1;
    }
    .footer-bottom ul.nav .divider{
        display: none;
    }
    .footer-bottom ul.nav li{
        border-top: 1px solid #cfcfcf;
        width: 100%;
        padding-left: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
    }        
    .footer-bottom .custom.footer-logo{
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        background-color: #f4f4f4;
        padding-bottom: 5px;
    }
    .footer-bottom .social{
        justify-content: space-around;
        margin-top: 10px;
    }
    .footer-bottom .menu{
        padding-left: 0px;
        padding-right: 0px;
    }
    .social a {
        margin-left: 0;
        margin-right: 15px;
    }
    .contact-wraper{
        padding: 0px;
        background: #fff;
    }
    .gray{
        margin-bottom: 40px;        
    }
    .gray.acym{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .information {
        margin: 10px 0 60px;
    }
    .information .outer-flex, .mod_reserv .flex, .mod_reserv .flex-one, .blog-articles .flex {
        flex-wrap: wrap;
    }
    .mod_reserv .flex-one {
        margin: 0;
    }
    .information .outer-flex > .item {
        width: 100%!important;
    }
    .cannabisrezept ul li {
        font-size: 16px;
        line-height: 1.5;
    }
    .cannabisrezept h3 {
        margin-bottom: 10px;
    }
    .mod_reserv {
        background-color: #e3e5d9;
        background-image: none;
        padding: 20px 0;
        min-height: auto;
    }
    .mod_reserv h3 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 8px;
        color: #292929;
    }
    .mod_reserv .stext {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 8px;
        color: #0a0a0a;
    }
    .mod_reserv .flex .form-group, .mod_reserv .flex-one>div {
        width: 100%;
    }
    .mod_reserv .flex-one>div {
        margin-top: 15px;
        font-size: 16px;
    }
    .mod_reserv .flex .form-group label, .mod_reserv .form-group .labfortextarea {
        font-size: 16px;
        padding: 0 10px;
        font-weight: 600;
        line-height: 120%;
        color: #292929;
        margin-bottom: 3px;
    }
    .mod_reserv input[type="text"], .mod_reserv input[type="email"], .mod_reserv input[type="tel"], .mod_reserv input[type="birthday"], .mod_reserv textarea.form-control, .mod_reserv .field-calendar .input-group .form-control {
        height: 44px;
        border: 1px solid #f4f4f4;
        border-radius: 40px;
        padding: 10px 20px;
        box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
        background: #fff;
    }
    .mod_reserv textarea.form-control {
        height: 123px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
    .mod_reserv .field-calendar .input-group .form-control {
        border-radius: 40px 0 0 40px;
    }
    #birthday_btn {
        padding: 5px 15px;
        width: 50px;
        border-radius: 0 40px 40px 0;
        -webkit-border-radius: 0 40px 40px 0;
        -moz-border-radius: 0 40px 40px 0;
        -ms-border-radius: 0 40px 40px 0;
        -o-border-radius: 0 40px 40px 0;
        box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
        border: none;
        background-color: #d2e552;
    }
    div.form_reserv {
        max-width: 1172px;
        margin: auto;
        background: #f7f9ed;
        border-radius: 20px;
        padding: 30px 15px 35px;
        box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
    }
    .mod_reserv .msg-info {
        margin-top: 10px;
        font-size: 14px;
    }
    input#upl-file::file-selector-button {
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
        color: #292929;
        padding: 12.5px 11px;
        border: 1px solid #bed13e;
        background: #edefe3;
        border-radius: 39px;
        -webkit-border-radius: 39px;
        -moz-border-radius: 39px;
        -ms-border-radius: 39px;
        -o-border-radius: 39px;
    }
    .mod_reserv .flex-two {
        display: block;
    }
    .form_reserv .form-group.form-check {
        display: flex;
        justify-content: flex-end;
        flex-direction: row-reverse;
        align-items: center;
        padding-right: 0;
        margin-bottom: 20px!important;
    }
    .mod_reserv .flex-two input[type=checkbox] {
        position: relative;
        margin: 0 8px 0 0;
        appearance: none;
        -webkit-appearance: none;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        cursor: pointer;
        background-image: url('/images/icons/form_check.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mod_reserv .flex-two input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='2' fill='white' stroke='%23BDBDBD'/%3E%3Cpath d='M5 12.5L9.5 17L19 7' stroke='%23466a32' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .mod_reserv .flex-two .green-button {
        background-color: #d2e552;
        border-radius: 50px;
        padding: 10px 32px;
        font-weight: 600;
        font-size: 20px;
        line-height: 150%;
        text-align: center;
        color: #292929;
        text-transform: capitalize;
        height: 48px;
        width: 280px;
    }
    .form_reserv .form-group.form-check + .controls {
        display: flex;
        justify-content: center;
    }
    input#upl-file + label {
        justify-content: flex-start;
    }
    .mod_reserv .flex-one>div:last-child {
        text-align: left;
        font-size: 14px;
        line-height: 140%;
        color: #0a0a0a;
    }
    .blog-articles {
        padding: 20px 0;
    }
    .blog-articles h2 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 12px;
        color: #292929;
    }
    .blog-articles .subtitle {
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 12px;
    }
    .blog-articles .flex>div {
        width: 100%;
        margin-bottom: 25px;
    }
    .kontaktiren {
        margin: 0 15px 65px;
        box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
        background: #f4ffbe;
        border-radius: 20px;
        padding: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        min-height: auto;
    }
     .kontaktiren > .container {
        padding: 0;
     }
     .kontaktiren h2 {
        font-size: 24px;
        line-height: 120%;
        margin: 0 auto 8px;
        max-width: 240px;
        text-align: center;
        color: #292929;
    }
    .kontaktiren .subtitle {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 140%;
        color: #292929;
    }
    .kontaktiren a.green-button {
        display: block;
        margin: auto;
        border: none;
        max-width: 100%;
        border-radius: 50px;
        padding: 10px 32px;
        width: 280px;
        height: 48px;
        background: #d2e552;
        font-weight: 600;
        font-size: 20px;
        line-height: 150%;
        text-align: center;
        color: #292929;
        text-transform: capitalize;
    }
    .unsere-partner, .seo-text {
        padding: 60px 0;
    }
    footer {
        padding: 20px 0 0;
        background-color: #edefe3;
        background-image: none;
    }
    footer .flex {
        padding-bottom: 20px;
    }
    .footer-logo img {
        max-width: 134px;
    }
    .footer-logo {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .flogo-vers {
        display: block;
    }
    .flogo-vers img {
        width: 117px;
        height: auto;
    }
    .footer_item ul.nav.col-md-8 {
        padding-bottom: 0;
    }
    .logo_versand.desktop {
        display: none;
    }
    .copyright {
        background-color: #c5c7bb;
    }
    .fs-big, .mod_prodlist .tipp>div {
        font-size: 16px;
    }
    .cannabisrezept {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cannabisrezept ul {
        padding: 0 0;
    }
    .acym_module_form .acym_introtext .title, .acym_front_page legend span {
        font-size: 30px;
        line-height: 1.25;
    }
    .ruckruf_service div.form_callback h3 {
        font-size: 30px;
    }
    .ruckruf_service div.form_callback {
        padding: 30px 15px 35px;
    }
    .ruckruf_service .form-check-label {
        font-size: 14px;
    }
    .com-content-category-blog h1 {
        font-size: 30px;
    }
    .com-content-category-blog .blog-item,.com-content-category-blog .blog-item img {
        width: 100%;
    }
    .custom-category-bottom {
        padding: 40px 0;
    }
    .mod_reserv .flex-one>div:last-child {
        margin-top: 20px;
    }
    .above_list {
        font-size: 16px;
    }
    .to_cart_link .text, .t_login {
        display: none;
    }
    .login-module,  .cartajax_adv_module {
        flex: 0 0 60px;
    }
    .to_cart_link {
        justify-content: flex-end;
    }
    .account-text {
        min-width: auto;
    }
    .spec-flex ul li {
        font-size: 18px;
        padding-left: 25px;
        margin-bottom: 12px;
    }
    .spec-flex .block {
        margin-bottom: 20px;
    }
    .spec-flex .title {
        margin-bottom: 12px;
    }
    .cat-header2 ul.check li {
        font-size: 16px;
        margin-bottom: 12px;
        background-size: 24px;
        padding-left: 28px;
    }
    .list_top_mobile {
        display: block;
        padding: 20px 0 10px;
        border-bottom: 1px solid #c1d7c4;
    }
    .list_top_mobile .flex {
        flex-wrap: wrap;
        max-width: 327px;
        margin: auto;
    }
    .list_top_mobile .flex .item {
        width: 50%;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .list_top_mobile .flex .item span {
        display: inline-block;
        background-image: url('../../../images/icons/green_check.svg');
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 10px 0 25px;
        font-weight: 500;
        color: #050505;
    }
    .list_top_mobile .flex .item:nth-child(2) span {
        color: #89b017;
    }
    .about-order, .about-products {
        padding: 10px 15px;
    }
    .about-order .item {
        width: 100%;      
    }
    .about-order .item:first-child {
        border-right: 0;
        padding: 15px 0 0;
    }
    .about-order .item:last-child {
        padding: 10px 0 20px;
    }
    .about-products .product_code, .about-products .single_price {
        display: none;
    }
    .order_items table th, .order_items table td, .myorderinfo .f-end {
        padding: 10px 5px;
    }
    .order_items table td .name a {
        font-size: 14px;
        line-height: 1.25;
        display: inline-block;
    }
    .order_items table td.quantity {
        text-align: center;
    }
    .about-order .flex-address {
        flex-wrap: wrap;
    }
    .about-order .flex-address > div {
        width: 100%;
    }
    .about-order .flex-address > div:first-child {
        margin-bottom: 20px;
    }
    .form_reserv_info {
        text-align: center;
        margin-top: 12px;
    }
    .mod_reserv .form_reserv_info a {
        padding: 0;
        background-color: transparent;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        text-align: center;
        color: #292929;
    }
    .hb-moduel-flex h2 {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 8px;
    }
    .hb-moduel-new {
        display: block;
        padding-top: 12px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .hb-moduel-flex .button a {
        height: 48px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .home-banner, .below_hp_banner {
        display: none;
    } 
    .h2-desktop {
        display: none;
    }
    .h2-mobile {
        display: block;
    }
    body.home-page, .home-page #content {
        background-color: #f7f9ed;
    }
    .acym_module_form .d-flex input[type="email"] {
        background-color: #fff;
        flex: 1 1 auto;
        min-width: 0;
        border: none;
        height: 48px;
        border-radius: 40px 0 0 40px;
        padding: 5px 20px;
    }
    .acym_module_form input.green-button {
        width: 140px;
        max-width: 100%;
        font-size: 18px;
        padding: 9px 16px;
        background: #d2e552;
        height: 48px;
        line-height: 150%;
        font-weight: 600;
        text-align: center;
        color: #292929;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }
    .acym_module_form .d-flex p.acysubbuttons {
        margin-left: -55px;
        position: relative;
        z-index: 1;
    }
}
@media (max-width: 650px) {
    .item-benefit {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home .content{
        flex-direction: column-reverse;        
    }
    .home h1,.home h2{
        text-align: center;
    }
    .home .content .img{
        margin-bottom: 15px;
        text-align: center;
    }
    .home .content .text {
        padding-right: 0px;
    }
    #jshop_module_wishlist {
        display: none !important;
    }
    .jshop_tree_categories ul li a span{
        font-size: 18px;
    }
    .jshop_tree_categories ul ul li a span{
        font-size: 16px;
    }
    .jshop_tree_categories .cattree0-0 > li::after{
        top:18px;
    }
    .list_prod_more{
        margin-top: -10px;
    }
    .acym_module_form .d-flex .acym_form {
        width: 60%;
    }
    .acym_front_page {
        padding: 30px 15px 30px;
    }
    .cdb-table {
        min-width: auto;
        width: 100%;
    }
}
@media (max-width: 720px) {
    .home-banner .buttons {
        max-width: 300px;
        flex-wrap: wrap;
        background: #c5ef4b;
        padding: 12px 31px;
        min-height: 92px;
        margin: 22.5px auto 0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .home-banner .buttons >.name {
        font-size: 18px;
        line-height: 1.2;
        color: #000;
        flex: 0 1 100%;
        text-align: center;
    }
    .home-banner .buttons a {
        flex: 0 1 100%;
        margin-top: 7px;
        font-size: 16px;
        padding: 8px 25px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .home-banner .light_green-button {
        margin-left: 0;
        margin-top: 15px;
    }
}
@media (max-width: 480px) {
    .xs-center{
        text-align: center;
    }
    .md-mb-0 {
        margin-bottom: 0!important;
    }
    .hide-480 {
        display: none;
    }
    .btn.bigtext{
        font-size: 16px;
    }
    .btn{
        width: 100%;
    }
    .logo-search {
        min-height: 56px;
    }
    #logo {
        min-width: auto;
        padding-right: 12px;
    }
    .jshop_ajaxsearch {
        padding: 10px 0 0;
    }
    .login-module .img-mobile, .cartajax_adv_module .img-mobile {
        display: inline;
    }
    .login-module .img-desktop, .cartajax_adv_module .img-desktop {
        display: none;
    }
    .center-top-modules {
        padding-right: 50px;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
    .login-module, .cartajax_adv_module {
        flex: 0 0 30px;
    }
    .canabis-logo {
        flex: 0 0 37px;
        /* display: none; */
    }
    .brand .img-fluid {
        max-width: 100px;
    }
    .center-benefits-flex, .center-bottom-list {
        flex-direction: column;
    }
    .item-benefit {
        padding-left: 15px;
        padding-right: 15px;
    } 
    .t_login {
        font-size: 14px;
    }
    .login .icon-users {
        display: block;
        color: black;
    }    
    .info_block .info_address::before {
        background-repeat: no-repeat;
        background-size: 14px;
    }    
    .info_block .info_address {
        padding-left: 17px;
        font-size: 12px;
        font-weight: 300;
        overflow: hidden;
        white-space: nowrap;
    }
    .info_block .info_mail {
        padding-left: 18px;
    }
    .jshop_ajaxsearch input[type="text"] {
        box-shadow: 0 3px 3px 0 rgba(176, 195, 176, 0.5);
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        height: 40px;
        padding: 9px 12px;
    }
    .jshop_ajaxsearch input.button {
        width: 40px;
        height: 40px;
    }
    .home-banner h1{
        font-size: 32px;
        margin: 15px 0 4px;
        text-transform: capitalize;
        line-height: 1.44;
    }
    .home-banner h2{
        padding-top:0px;
    }
    .item-page h1, .item-page h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .item-benefit {
        margin-bottom: 25px;
    }
    .item-benefit .img {
        margin-bottom: 15px;
    }
    .page-reset p{
        font-size: 16px;
    }
    .page-reset input{
        width: 100%;
    }  
    footer .flex .item {
        padding-right: 0;
    } 
    .cannabisrezept h2 {
        margin-bottom: 20px;
    }
    .mod_reserv h3 {
        font-size: 26px;
    }
    .mod_reserv .flex-two {
        flex-wrap: wrap;
        flex-direction: column;
    } 
    .mod_reserv .flex-two > div {
        width: 100%;
    }
    /* .mod_reserv .flex-two .green-button {
        width: 100%;
        margin-top: 10px;
        font-size: 18px;
    } */
    .modal-dialog div.modal-title {
        font-size: 1rem;
    }
    .tab-item .green-button {
        width: 100%;
    }
    .mod_prodlist .tipp>div {
        font-size: 14px;
    }
    .kontaktiren a.green-button {
        max-width: 100%;
    }
    .acym_module_form .d-flex {
        /* flex-direction: column; */
    }
    .acym_module_form .d-flex .acym_form {
        width: 100%;
        margin-bottom: 10px;
    }
    .acym_module_form .acym__user__edit__email {
        width: 100%;
    }
    .acym_module_form input.green-button {
        text-transform: capitalize;
    }
    .contact-wraper {
        margin-bottom: 30px;
    }
    .contact-wraper h3, .com-contact__container h3 {
        font-size: 26px;
    }
    .contact-form .controls textarea {
        height: 170px;
        resize: none;
    }
    #kunena.layout h2 {
        padding: 0.75rem 0;
    }
    #kunena.layout .dropdown-menu a.btn {
        width: auto;
    }
    #kunena .btn-outline-primary {
        margin-bottom: 10px;
    }
    #kunena.layout h2>.kunena-back {
        display: block;
        margin-top: 10px;
        max-width: 105px;
        padding: 8px 0;
    }
    #kunena .btn-outline-primary, #kunena .btn.border, #ban-expiration_btn {
        width: auto;
    }
    #kunena.layout .search-flex .kunena-search {
        width: 100%;
    }
    .info_block .info_tel a {
        font-weight: 400;
        font-size: 16px;
        color: #000;
    }
    .home-banner {
        background-size: 100%;
        min-height: 247px;
    }
    .home-banner h2 {
        display: none;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.2;
    }
    .home-banner .buttons {
        max-width: 100%;
        flex-wrap: wrap;
        background: #c5ef4b;
        padding: 12px 24px;
        min-height: 92px;
        margin: 15px auto 0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .home-banner .buttons >.name {
        font-size: 18px;
        line-height: 1.2;
        color: #000;
        flex: 0 1 100%;
        text-align: center;
    }
    .home-banner .buttons a {
        flex: 0 1 100%;
        margin-top: 7px;
        font-size: 16px;
        padding: 8px 25px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .home-banner .buttons .light_green-button {
        height: 44px;
        background-color: #fff;
        margin-left: 0;
        margin-top: 10px;
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
    }
    .home-banner .buttons .dark_green-button {
        height: 44px;
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
        background-color: #417832;
        color: #fff;
        margin-top: 12px;
    }
    .list_top_mobile {
        display: none;
    }
    .info_block .info_tel {
        margin-right: 0px;
    }
    .mod_prodlist .page-link {
        padding: 0.5rem 0.5rem;
    }
    ul.advantages li {
        margin-right: 0;
    }
    .jshop_list_product #filter_active_vals .clear_all {
        width: 100%;
        height: 40px;
        margin: 6px 0 10px;
    }
    .jshop_list_product #filter_active_vals .clear_all a {        
        justify-content: center;
        padding: 9px 12px;
    }
    .jshop_list_product #filter_active_vals .clear_all a > div:last-child {
        display: none;
    }
    .jshop_list_product #filter_active_vals .group_filter_act a {
        color: #5e5e5e;
    }
    .spec-prod #content {
        background-color: #fff;
    }
    .spec-prod .page-header h1 {
        font-size: 24px;
        text-align: center;
    }
    .spec-flex .fazit {
        padding: 20px 15px;
        background-color: #fdffd1;
        margin: 0 -15px;
    }
    .spec-flex .fazit .text {
        font-size: 20px;
        line-height: 1.45;
        margin-bottom: 24px;
    }
    .spec-flex .prod_card.mob-card {
        margin-bottom: 0;
    }
    .spec-flex .card-wrapper {
        background-color: #eaf3eb;
        padding: 33px 22px;
        margin: 0 -15px 20px -15px;
    }
    .spec-flex .prod_card .name {
        font-size: 18px;
        min-height: 85px;
    }
    .spec-flex .prod_card .buttons {
        min-height: 115px;
    }
    .spec-flex .prod_card .buttons a {
        padding: 10px 40px;
        font-size: 18px;
    }
    #comment_tab.nav-tabs .nav-item:first-child {
        margin-right: 10px;
    }
    #comment_tab.nav-tabs .nav-link {
        font-size: 16px;
        padding: 0.5rem 0.5rem;
    }
    .cat-header2 ul.check li {
        width: 100%;
    }
    .manuf_title .manuf_img {
        display: none;
        height: 0;
        visibility: hidden;
    }
    .jshop table.list-orders {
        font-size: 14px;
    }
    .myorders_list table thead th {
        font-size: 16px;
    }
    .faq-page h1 {
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .mod_reserv .form_reserv_info a {
        min-width: unset;
        width: 100%;
    }
    .mob-panel.new-panel .moduletable.mob-buttons {
        margin-left: 6px;
        flex: 1 1 80px;
    }
    .mob-panel.new-panel .black-button {
        padding: 7px 10px;
        width: 100%;
    }
    .information {
        padding-top: 40px;
        margin: 0 -15px;
    }
    .information h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .information .outer-flex > .item:last-child {
        padding: 15px;
    }
    .information .inner .fs-normal.mb-40 {
        margin-bottom: 20px;
    }
    .moduletable.cannabies-arrow {
        /* padding-top: 40px; */
    }
    .cannabisrezept ul li {
        margin-bottom: 0;
    }
    .mod_reserv {
        padding: 40px 0 20px;
    }
    div.form_reserv {
        padding: 30px 15px 24px;
    }
    .mod_reserv h3 {
        font-size: 24px;
        line-height: 1;
    }
    .mod_reserv .stext {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .mod_reserv .flex .form-group {
        margin-bottom: 12px;
    }
    .mod_reserv .flex .form-group label,
    .mod_reserv .form-group .labfortextarea {
        font-size: 16px;
    }
    .mod_reserv .flex-one {
        margin: 0;
    }
    .mod_reserv .msg-info {
        margin-top: 0;
    }
    .form_reserv_info {
        margin-top: 12px;
    }
    .mod_reserv .flex-one>div.upload-area {
        margin-top: 12px;
    }
    .mod_reserv .flex-two .form-check {
        display: flex;
        flex-direction: row-reverse;
        padding-right: 0;
    }
    footer {
        padding: 20px 0 0;
    }
    .acym_module_form .acym_introtext {
        margin: 8px 0 20px;
        font-size: 14px;
        line-height: 1.4;
    }
    footer .flex .item:nth-child(2) {
        /* display: flex; */
        margin-top: 0;
    }
    footer .flex .item:nth-child(2) {
        width: 60%!important;
    }
    footer .flex .item:nth-child(3) {
        width: 40%!important;
    }
    .footer_item ul.nav {
        padding-bottom: 16px;
    }
    .footer_item .page-header {
        margin-bottom: 4px;
    }
    footer .flex .item .footer_item.rt {
        width: 100%;
    }
    .footer_item.rt .custom {
        padding-bottom: 0;
    }
    .logo_versand.desktop {
        display: none;
    }
    .footer_item.logo_versand.mobile {
        display: block;
        padding-top: 16px;
    }
    .logo_versand.mobile {
        padding-bottom: 0;
    }
    .logo_versand.mobile img {
        border: 1px solid #ccc;
    }
    .cat-header2 .flex .inner {
        border: none;
        background-color: transparent;
        padding: 0;
        text-align: center;
    }
    .cat-header2 .flex .text,
    .cat-header2 ul.check,
    .cat-header2 .flex .item:last-child {
        display: none;
    }
    .br-bg {
        min-height: 120px; 
    }
    .com_jshopping_category .blog-articles {
        padding: 30px 0;
    }
    .custom-category-bottom h2 {
        font-size: 24px;
        line-height: 1.25;
    }
    .custom-category-bottom .text {
        margin: 10px 0 20px;
        font-size: 16px;
        line-height: 1.4;
    }
    .custom-category-bottom {
        min-height: auto;
    }
    .cannabis-rezept .shrt {
        padding: 6px 15px;
        height: 40px;
        margin-right: 15px;
    }
    .cannabis-rezept .step .descr {
        font-size: 16px;
    }
    .cannabis-rezept .title .text {
        font-size: 18px;
    }
    #main_menu {
        top: 105px;
        height: calc(100vh - 105px);
    }
    #mobile-button {
        top: 15px;
    }
    .hb-moduel-new {
        background: url('/images/home/home-banner-bg-mobile.png') center / cover no-repeat;
    }
    .center-panel {
        padding: 6px 0 12px;
    }
}

@media (max-width: 767px){
    #kunena.layout small.text-muted {
        margin-top: -0px; 
        float: none!important;
    }
    #kunena.layout small.text-muted > span {
        display: inline-block!important;
    }
}


@media (max-width: 440px) {
    .home-banner{
        background-image: url(/images/mob_banner_home.webp) !important;
        background-size: cover;
    }
    .information .outer-flex > .item:first-child{
        background-image: none;
        padding: 0 20px 0;
    }
    .mod_reserv {
        padding: 20px 0;
    }
}
@media (max-width: 400px) {
    /* .login-module, .cartajax_adv_module {
        flex: 0 0 49px;
    } */
    .information .row .inner .title {
        font-size: 20px;
    }
    ul.advantages li {
        font-size: 18px;
    }
    .mobile-navigation {
        width: 100vw;
    }
}
@media (max-width: 365px) {
    /* .mob-panel .cbd-producte.black-button {
        font-size: 13.5px;
    } */
}
.btn-disabled{
    opacity: 0.6;
    cursor: not-allowed;
}

.as_image_type {
    width: 60px;
    height: 60px;
    margin: 0;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border-radius: 50%;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.as_image_type img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
}
.as_image_selected, .as_image_type:hover {
    border: 2px solid rgb(157, 196, 43);
}
/*
.as_image_selected, .as_image_type:hover {
    padding: 5px;
}*/
.as_image_selected img, .as_image_type:hover img {
    transform: scale(0.85);
}
.as_image_type img {
    aspect-ratio: 1 / 1;
}
.as_text_type{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgb(238, 238, 238);
    font-size: 18px;
    font-weight: 400;
    padding: 8px 16px 8px 16px;
    padding: 5px;
    margin: 0 12px 12px 0;
    color: #000;
    border: 2px solid rgb(238, 238, 238);
    border-radius: 0;
    width: 42px;
}
.as_image_type:last-child{
    margin-right: 0;
}
.as_text_type:last-child{
    margin-right: 0;
}
.as_text_selected, .as_text_type:hover {
    border: 2px solid rgb(68, 62, 62);
    background: rgb(238, 238, 238);
    color: #000;
}
.btn-tape-measure{
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 6px;
}
.btn-tape-measure:before {
    position: absolute;
    content: '';
    background: url("/images/tape-measure.png") no-repeat center center;
    left: 0;
    top: calc(50% - 13px);
    width: 26px;
    height: 26px;
}
.gridsize-wrapper {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: #EEEEEE;
}
.gridsize-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 58px;
    margin-bottom: 8px;
}
.gridsize-subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.gridsize-note {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 4px;
}
.grs-measurements-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-end;
}
.grs-measurements-table {
    width: 604px;
}
.grs-measurements-image{
    width: 296px;
    padding-left: 20px;
}
.grs-measurements-info{
    margin-top: 12px;
}
.grs-subtitle{
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 20px;
}
.grs-instructions .step{
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.grs-instructions .step:last-child{
    margin-bottom: 0;
}
.circle{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 400;
    background-color: #FFDDC8;
    border: 1px solid rgb(0, 0, 0);
    text-align: center;
}
.gridsize-header {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-end;
}
.gridsize-row{
    display: flex;
    justify-content: space-between;
}
.gridsize-row-items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.gridsize-row-item{
    display: flex;
    justify-content: space-between;
}
.gridsize-row .label{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D6DFD7;
    font-size: 32px;
    font-weight: 500;
    min-width: 100px;
    margin-bottom: 8px;
}
.gridsize-row-item{
    margin-bottom: 4px;
}
.grs-info-row{
    width: 114px;
    text-align: center;
    height: 42px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}
.gridsize-header .grs-info-row{
    background-color: transparent;
    height: 18px;
}
.grs-info-row1{
    width: 130px;
}
#extrafields_option_popup .modal-content, #extrafields_option_popup .modal-body{
    border-radius: 0;
    padding: 0;
}
.extrafields_option_popup_close {
    position: absolute;
    top: -15px;
    right: 15px;
    width: 30px;
    height: 30px;
    background-color: #D6DFD7;
    color: #000;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1056;
    padding: 0;
}

.custom-close:hover {
    background-color: #D6DFD7;
}
.jshop_code_prod{
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 400;
    background-color: #D6DFD7;
    border: 1px solid rgb(0, 0, 0);
    flex-shrink: 0;
}
.jshop_prod_attributes .select_and_img {
    flex-wrap: wrap;
}
.filter_attr img{
    border-radius: 50%;
    margin-right: 4px;
    max-width: 16px;
    max-height: 16px;
    display: inline-block;
}
.footer-logo-social{
    margin-left: 12px;
}
@media (max-width: 1019px) {
    .grs-measurements-wrapper{
        align-items: center;
    }
    .grs-measurements-table {
        width: 407px;
        overflow-x: auto;
        margin-bottom: 20px;
    }
    .gridsize-header{
        width: 407px;
    }
    .grs-measurements-image {
        width: 30%;
        padding-left: 0;
    }
    .grs-measurements-image img{
        width: 100%;
        height: auto;
    }
    .grs-measurements-info {
        margin-top: 0;
        width: 70%;
        padding-left: 20px;
    }
    .grs-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .grs-instructions .step {
        font-size: 14px;
    }
    .gridsize-row .label {
        min-width: 59px;
        font-size: 14px;
    }
    .grs-info-row {
        width: 76px;
        font-size: 13px;
        height: 28px;
    }
    .grs-info-row1 {
        width: 87px;
    }
    .gridsize-header .grs-info-row {
        font-size: 8px;
    }
}
@media (max-width: 575px) {
    .gridsize-wrapper{
        padding: 15px;
    }
    .gridsize-title{
        font-size: 26px;
        line-height: 1.5;
    }
    .extrafields_option_popup_close{
        top: 6px;
    }
    .grs-measurements-table{
        margin: 0 auto 20px;
    }
}

@media (min-width: 360px) {
    .modal.extrafields_option_popup {
        --bs-modal-width: 468px !important;
    }
    .modal-dialog {
        max-width: 468px;
    }

}
@media (min-width: 1020px) {
    .modal.extrafields_option_popup {
        --bs-modal-width: 962px !important;
    }
    .modal-dialog {
        max-width: 962px;
    }
}

/* ===================== information-mob ===================== */
.information-mob {
    margin: 63px 0 96px;
    display: none;
}
.information-mob .in-flex {
    display: flex;
    gap: 60px;
}
.information-mob .in-flex > .img {
    flex: 0 1 695px;
}
.information-mob .in-flex .item-acc {
    flex: 0 1 615px;
}
.information-mob .accordion-button {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    padding: 25.5px 77px;
    min-height: 80px;
    color: #292929;
    text-align: left;
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
    background-color: #fefffa;
    background-repeat: no-repeat;
    background-position: left 5px center;
    border-radius: 12px;
}
.information-mob .accordion-button::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url(/images/home/ac-down.svg) no-repeat center / contain;
}
.information-mob .accordion-button:not(.collapsed)::after {
    background-image: url(/images/home/ac-up.svg);
}
.information-mob .accordion-body {
    padding-left: 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}
.information-mob .accordion-item:not(:last-child) {
    margin-bottom: 20px;
}
.information-mob .accordion-button.ab1 {
    background-image: url(/images/home/info1.svg);
}
.information-mob .accordion-button.ab2 {
    background-image: url(/images/home/info2.svg);
}
.information-mob .accordion-button.ab3 {
    background-image: url(/images/home/info3.svg);
}
.information-mob .information-title {
    font-weight: 600;
    font-size: 44px;
    line-height: 130%;
    color: #292929;
    margin-bottom: 32px;
}

@media (max-width: 1400px) {
    .information-mob .in-flex {
        gap: 20px;
    }
    .information-mob .information-title {
        font-size: 36px;
    }
    .information-mob h3 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .information-mob .information-title {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .information-mob h3 {
        font-size: 30px;
    }
    .information-mob .outer-flex > .item:last-child {
        padding: 20px 15px 30px;
    }
    .information-mob .in-flex > .img {
        display: none;
    }
    .information-mob .in-flex .item-acc {
        flex: 0 0 100%;
    }
}

@media (max-width: 767px) {
    .information {
        display: none;
    }
    .information-mob {
        display: block;
        margin: 45px 0;
    }
    .information-mob .outer-flex {
        flex-wrap: wrap;
    }
    .information-mob .outer-flex > .item {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .information-mob h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .information-mob .outer-flex > .item:last-child {
        padding: 15px;
    }
    .information-mob .inner .fs-normal.mb-40 {
        margin-bottom: 20px;
    }
    .information-mob .accordion-button {
        font-size: 18px;
        line-height: 120%;
        padding: 19px 70px;
        min-height: 60px;
    }
    .information-mob .accordion-item:not(:last-child) {
        margin-bottom: 12px;
    }
    .information-mob .accordion-body {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 440px) {
    .information-mob .outer-flex > .item:first-child {
        background-image: none;
        padding: 0 20px 0;
    }
}

@media (max-width: 400px) {
    .information-mob .row .inner .title {
        font-size: 20px;
    }
}

/* ===================== cannabis-rezept-mob ===================== */
.cannabis-rezept-mob {
    background-color: #f7f9ed;
    padding-bottom: 100px;
    display: none;
}
.cannabis-rezept-mob .cards {
    display: flex;
    gap: 20px;
}
.cannabis-rezept-mob .card {
    flex: 0 1 calc(33.333% - 13.333px);
    border: 1px solid #f4f4f4;
    border-radius: 20px;
    padding: 24px 20px;
    box-shadow: 0 1px 3px 0 rgba(78, 81, 77, 0.1), 0 5px 5px 0 rgba(78, 81, 77, 0.09), 0 12px 7px 0 rgba(78, 81, 77, 0.05), 0 21px 8px 0 rgba(78, 81, 77, 0.01), 0 33px 9px 0 rgba(78, 81, 77, 0);
    background: #fefffa;
}
.cannabis-rezept-mob .img {
    position: relative;
    margin-bottom: 31px;
}
.cannabis-rezept-mob .shrt {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 99px;
    height: 39px;
    background-color: #829947;
    border-radius: 6px;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #f5f6f0;
}
.cannabis-rezept-mob .descr strong {
    font-weight: 600;
}
.cannabis-rezept-mob .descr a {
    font-weight: 400;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #889d49;
}
.cannabis-rezept-mob .descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #000;
}
.cannabis-rezept-mob .text {
    font-weight: 600;
    font-size: 31px;
    line-height: 120%;
    color: #000;
    margin-bottom: 24px;
    text-align: center;
}
.cannabis-rezept-mob h3 {
    font-weight: 600;
    font-size: 44px;
    line-height: 140%;
    text-align: center;
    color: #292929;
    margin-bottom: 32px;
}

@media (max-width: 1200px) {
    .cannabis-rezept-mob .text {
        font-size: 24px;
    }
    .cannabis-rezept-mob h3 {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .cannabis-rezept-mob h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .cannabis-rezept-mob .cards {
        gap: 10px;
    }
    .cannabis-rezept-mob .card {
        flex: 0 1 calc(33.333% - 6.667px);
        padding: 15px 12px;
    }
    .cannabis-rezept-mob .descr {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .cannabisrezept {
        display: none;
    }
    .cannabis-rezept-mob {
        display: block;
    }
    .cannabis-rezept-mob .cards {
        flex-direction: column;
    }
    .cannabis-rezept-mob .card {
        flex: 0 0 100%;
    }
    .cannabis-rezept-mob .img {
        text-align: center;
    }
    .cannabis-rezept-mob {
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .cannabis-rezept-mob .card {
        padding: 24px 12px;
    }
    .cannabis-rezept-mob .text {
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 12px;
    }
    .cannabis-rezept-mob .descr {
        font-size: 16px;
        line-height: 140%;
    }
}