/* Vars */
:root {
  --gruen: #bfd72e;
  --gruen-hover: #cee05f;
  --dunkelgrau:  #444;
  --rot: #eb1454;
}


/* Generell */

body, .sp-preloader {
  background-color: #fff;
  color: var(--dunkelgrau);
  font-size: 16px;
}

p {
  color: var(--dunkelgrau);
}

h2, h3  {
	margin-top:2.4rem;
}
h4, h5, h6 {
	margin-top:2rem;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
	margin-top:1.5rem;
}
.com-content.view-category .article-list .article .article-body .article-header h1,
.com-content.view-category .article-list .article .article-body .article-header h2,
.com-content.view-category .article-list .article .article-body .article-header h3,
.com-content.view-category .article-list .article .article-body .article-header h1 a,
.com-content.view-category .article-list .article .article-body .article-header h2 a,
.com-content.view-category .article-list .article .article-body .article-header h3 a {
    color: var(--dunkelgrau);
    line-height: 2rem;
}
.com-content.view-article .article-details .article-header h1, 
.com-content.view-article .article-details .article-header h2,
.com-content.view-article .article-details .article-header h3 {
    color: var(--dunkelgrau);
    line-height: 2.8rem;
}
.com-content.view-article #sp-main-body {
    padding-top: 0;
}
.alert {
	background: #eee;
}
.alert .alert-heading {
	margin-top: 0;
}
.alert.alert-notice {
	background: #8ad1f3;
}
select {
    min-height: 50px;
}
.btn {
	background: var(--gruen);
	color: #fff;
	padding: 10px 25px;
	border-radius: 0;
}
.btn:hover, .btn:active, .btn:focus {
	background: var(--gruen-hover);
	color: #fff;
}
video {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

video[poster]{
    object-fit: cover;
}

.float-right {
  float: right;
}

.com-content input[type="text"]:not(.form-control),
.com-content input[type="email"]:not(.form-control),
.com-content input[type="url"]:not(.form-control),
.com-content input[type="date"]:not(.form-control),
.com-content input[type="password"]:not(.form-control),
.com-content input[type="search"]:not(.form-control),
.com-content input[type="tel"]:not(.form-control),
.com-content input[type="number"]:not(.form-control),
.com-content select:not(.form-control) {
    padding: .4rem .5rem;
    font-size: 1rem;
    color: var(--dunkelgrau);
}

.view-article .article-details nav.pagenavigation {
  width: 730px;
  margin: 3rem 0 0;
}
.view-article .article-details nav.pagenavigation .pagination {
    display: flex;
    gap: 10px;
}
.view-article .article-details nav.pagenavigation .pagination a.btn {
    border: 0 none transparent;
}

/* Basiscs */
#sp-header, 
#sp-header .logo, 
#sp-menu-wrapper, 
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
	min-height: 100px;
}

.article-list .article .article-body .article-introtext {
    color: #000;
}

.com-content div.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}


/* Topbar */
#sp-header #sp-top-bar #sp-top2 .sp-contact-info .sp-contact-phone,
#sp-header #sp-top-bar #sp-top2 .sp-contact-info .sp-contact-time,
#sp-header #sp-top-bar #sp-top2 .sp-contact-info a {
  color: var(--rot);
}
#sp-header #sp-top-bar #sp-top1 ul.social-icons > li a {
  color: var(--rot);
}


/* Navigation */
nav.sp-megamenu-wrapper ul.sp-megamenu-parent {
	white-space: nowrap;
}
nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > a {
	font-size: 15px !important;
}
nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > a, 
nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > span,
nav.sp-megamenu-wrapper ul.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 15px !important;
}

/* Pagination */
.site.view-article .article-details .article-ratings-social-share,
.site.view-article .article-details .page-content,
.site.view-article .article-details .pager {
    width: 100%;
}


/* Slider */
.sppb-carousel-extended-item img {
    width: 100%;
    object-fit: fill;
    height: 100%;
    left: 20px;
    position: relative;
}

/* Blog */
.flexblog .article-list .article .article-body .article-header h2 {
	margin-bottom: 20px;
}

.flexblog .article-list .article > div.article-intro-image img {
	max-height: 200px;
	width: auto;
}

.flexblog.view-article .article-details .article-info .published {
  	position: relative;
}

.flexblog .article-list .article .article-body .article-info {
    margin-top: 0;
    margin-bottom: 0;
}

.flexblog .article-list .article .article-body .article-introtext {
    font-size: 16px;
}

/* Blog Readmore */ 
.flexblog .article-list .article .readmore {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    opacity: .95;
    visibility: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flexblog .article-list .article .readmore a,
.flexblog .article-list .article .readmore a:visited {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 8px 22px 8px 12px;
    font-size: 16px;
    color: #fff;
    border: 1px solid var(--gruen);
    position: relative;
    text-align: center;
}

.flexblog .article-list .article .readmore a::after {
    content: url(../images/arrow-white.svg);
    position: relative;
    top: 4px;
    left: 9px;
    font-size: 20px;
    line-height: 20px;
    transform: translateY(-50%);
    color: #fff;
    transition: all 0.3s;
}

.flexblog .article-list .article .readmore a:hover {
    background-color: #fff;
    color: var(--gruen);
}

.flexblog .article-list .article .readmore a:hover::after {
    content: url(../images/arrow-green.svg);
}


/* Article */
.site.view-article .article-details .article-header h1, 
.view-article .article-details .article-header h2 {
    line-height: 50px;
}

.site.view-article.flexblog .article-details .article-header h1,
.site.view-article.flexblog .article-details .article-header h2 {
    margin-bottom: 0;
}

.site.view-article .article-details .article-info span {
    color: var(--gruen);
} 


/* Footer */

.footerlinks ul {
	margin: 0;
	padding: 0;
}

.footerlinks li {
	list-style: none;
}

.sp-module.footerlinks ul > li > a {
    display: block;
    border: 1px solid #666;
    padding: 6px 12px;
    margin-bottom: .5rem;
    color: var(--rot);
}

.sp-module.footerlinks ul > li > a:hover,
.sp-module.footerlinks ul > li > a:focus {
    color: var(--gruen);
}


/* HikaShop */
.hikashop_products_listing_main h1 {
    margin-bottom: 2rem;
}

.hikashop_products_listing {
	margin: 0 -15px;
}
.hikashop_products_listing .hikashop_container .hikashop_subcontainer {
    margin-bottom: 2rem;
}
.hikashop_categories_listing_main .hikashop_subcontainer.hikashop_subcontainer_border,
.hikashop_category_information .hikashop_subcontainer.hikashop_subcontainer_border {
    border: 2px solid #777;
    padding: 1rem 1.2rem;
}
.hikashop_products.display_list .hikashop_listing_title .hikashop_product_price_full,
.hikashop_products.display_list .hikashop_listing_title .hikashop_product_name {
    border-width: 0;
}

.hikashop_products_listing_switcher, .hikashop_switcher_grid {
    display: none;
}
.hikashop_products_listing_switcher span i, .hikashop_switcher_grid span i {
    color: #fff;
}
.hikashop_products_listing_switcher .hikabtn {
    color: #fff;
    background-color: var(--gruen);
    border-color: var(--gruen);
}

.hikashop_products_pagination,
.hikashop_subcategories_pagination {
    margin-bottom: 20px;
}

.hikashop_products_pagination .pagination,
.hikashop_subcategories_pagination .pagination {
    display: none;
}

.hikashop_products_pagination .hikashop_results_counter,
.hikashop_subcategories_pagination .hikashop_results_counter {
    font-size: 16px;
    color: var(--gruen);
    font-weight: 700;
}

.hikashop_product_custom_info_main label {
    display: inline-block;
    margin-bottom: 0rem;
}
.hikashop_category_description {
    margin-bottom: 2rem;
}
.hikashop_product_name, .hikashop_product_name a {
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: #eb1454;
    border-bottom: 0 none transparent;
}
.hikashop_product_price_full {
    margin-bottom: 15px;
}
.hikashop_product_name_main, #hikashop_product_top_part h1 {
    margin-bottom: .8rem;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #eb1454;
    border-bottom: 0 none transparent;
}

.hikashop_product_name a:hover {
    color: var(--gruen);
}

a.hikacart, .hikabtn {
    color: #fff;
    background-color: var(--gruen);
    border-color: var(--gruen);
}

.hikashop_product_stock_count { /* Menge ausbelnden */
	display: none !important;
}

.hikashop_cart_module form[name="hikashop_cart_form"] {
	margin-bottom: 1rem;
}
/* #hikashop_product_top_part h1 {
    font-size: 16px;
    color: #555;
    font-weight: bold;
    border-bottom: 0 none transparent;
    padding-bottom: 4px;
    margin-bottom: 20px;
} */

/*--- detail page ---*/
.hikashop_product_page .hikashop_product_top_part + .hk-row-fluid {
    margin-left:  -15px;
    margin-right:  -15px;
}
.hikashop_product_page h3,
.hikashop_product_page h4,
.hikashop_product_page .hikashop_product_price_main .hikashop_product_price,
.hikashop_product_price_full .hikashop_product_price,
.hikashop_checkout_cart_subtotal,
.hikashop_cart_total_value span {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--gruen);
}
.hikashop_product_page #hikashop_product_custom_info_main h4 {
    font-size: 18px;
    color: #eb1454;
}
.hikashop_product_page .hikashop_product_right_part br, 
.hikashop_product_page .hikashop_product_right_part .hikashop_product_quantity_div {
    display: none;
}
.hikashop_product_page #hikashop_product_description_main {
    text-align: left;
    padding-top: 5px;
    word-wrap: break-word;
}
.hikashop_product_page #hikashop_product_description_main h3,
.hikashop_product_page #hikashop_product_description_main h4 {
    margin-top: 0;
    font-size: 16px;
    color: var(--dunkelgrau);
}
.hikashop_product_page #hikashop_product_description_main p ~ h3,
.hikashop_product_page #hikashop_product_description_main p ~ h4 {
    margin-top: 1.6rem;
}


/*--- top message ---*/
.notifyjs-corner .notifyjs-wrapper .notifyjs-container {
    background: var(--gruen);
    padding: 1rem 1.4rem;
}
.notifyjs-corner .notifyjs-wrapper .notifyjs-container .notifyjs-metro-info {
    background: var(--gruen);
    border:0;
}
.notifyjs-corner .notifyjs-wrapper .notifyjs-container .notifyjs-metro-info .text-wrapper {
    padding-left:1rem;
}
.notifyjs-corner .notifyjs-wrapper .notifyjs-container .notifyjs-metro-info .text-wrapper div {
    color: var(--dunkelgrau);
}

/*-- checkout --*/

#hikashop_checkout h3,
#hikashop_checkout h4,
#hikashop_checkout .hikashop_product_price,
#hikashop_checkout .hikashop_product_price_full .hikashop_product_price,
#hikashop_checkout .hikashop_checkout_cart_subtotal,
#hikashop_checkout .hikashop_cart_total_value span {
    font-size: 16px;
}
#hikashop_checkout .hikashop_wizardbar {
	margin-bottom: 2rem;
}
#hikashop_checkout .hk-row-fluid {
	margin: 0 -15px;
}
#hikashop_checkout .hikashop_checkout_cart {
	margin-top: 2rem;
}
#hikashop_checkout .hikashop_cart_product_quantity_value {
    text-align: left;
}
#hikashop_checkout .hikashop_checkout_cart .hikashop_product_price_full,
#hikashop_checkout .hikashop_checkout_cart .hikashop_cart_subtotal_value span,
#hikashop_checkout .hikashop_checkout_cart .hikashop_cart_total_value span {
    padding-left: 0;
}
#hikashop_checkout .hikashop_checkout_cart .hikashop_cart_product_name_value {
    width: 70%;
}
#hikashop_checkout .hikashop_checkout_cart input[type="text"].hikashop_product_quantity_field {
	width: 70%;
}
#hikashop_checkout select {
    height: 50px;
}

/*--- filter ---*/
.hikashop_filter_main:not(:first-of-type) {
    margin-top: 2rem;
}
.hikashop_filter_main_div .hikashop_filter_title {
    font-size: 17px;
    margin-bottom: 1rem;
}
.hikashop_filter_main_div .hikashop_filter_title + br {
    display: none;
}
.hikashop_filter_main_div .noUi-horizontal {
    max-width:  80%;
}
.hikashop_filter_main_div .noUi-horizontal .noUi-connect {
    background: #8ad1f3;
}
.hikashop_filter_main .filter_values_container ul.hiakshop_filter_selected_list, 
.hikashop_filter_main .filter_values_container ul.hiakshop_filter_selected_list li {
    /* display: inline!important; */
}
.hikashop_filter_main .filter_values_container > a {
    /* float: right; */
}
.hikashop_filter_main_div .hikashop_filter_button_outside .hikabtn,
.hikashop_filter_main_div .hikashop_reset_button_outside .hikabtn {
    margin-top: 1rem;
}

/* Kommentar */
#jlexcomment *, #jlexcomment ul.jcm-task-list a {
    font-size: 16px;
}
#jlexcomment .jcm-subdiv, #jlexcomment .forGuest {
    margin-top: 0.6rem;
    margin-left: 0;
}
#jlexcomment .jcm-unpublish-msg {
    padding: 0.8rem;
    margin-bottom: 0.6rem;
}

#jlexcomment ._postAsGuest input {
    width: 250px;
}


  /*-------------------------------*/
 /*---- Responsive overrides -----*/
/*-------------------------------*/

@media (min-width:576px) {

	/* Navigation */
	
	nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > a {
		font-size: 17px !important;
	}
	nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > a, 
	nav.sp-megamenu-wrapper ul.sp-megamenu-parent > li > span,
	nav.sp-megamenu-wrapper ul.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	    font-size: 17px !important;
	}


	/* Blog Flexblog */

	.flexblog .article-list .article {
		display: flex;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.flexblog .article-list .article > div {
		flex: 0 1 auto;
	}
	.flexblog .article-list .article > div:not(:first-child) {
		margin-left:4%;
	}
	.flexblog .article-list .article > div.article-intro-image {
		min-width: 40%;
	}
	.flexblog .article-list .article > div.article-body {
		min-width: 56%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.flexblog .article-list .article > div.article-intro-image img {
		max-height: 200px;
		width: auto;
		margin-top: 10px;
	}
	.flexblog .article-list .article .article-body .article-info {
		margin-top: 0;
		padding-top: 0;
	}
	.flexblog .article-list .article .article-body .article-info,
	.flexblog .article-list .article .article-body .article-header,
	.flexblog .article-list .article .article-body .article-introtext {
		padding-right: 0;
	}

}

@media (min-width:768px) {

	/* Header */

	#sp-header.header-sticky {
	    min-height: 140px;
	}

	#sp-header.header-sticky .sp-megamenu-parent > li > span,
	#sp-header.header-sticky .sp-megamenu-parent > li > a {
	    line-height: 105px !important;
	    transition: all 0.4s ease-in-out;
	}

	/* Basics */

	#offcanvas-toggler {
		display: none !important;
	}
	.sp-megamenu-parent {
		display: block !important;
	}

	


	/* Hikashop */
    #hikashop_checkout .hikashop_cart_product_quantity_value {
        text-align: center;
    }
    .hikashop_products_listing_switcher, .hikashop_switcher_grid {
        display: inline-block;
        padding: 5px 17px;
    }
}

@media (min-width:992px) {

	/* Blog Flexblog */

	.flexblog .article-list .article > div:not(:first-child) {
		margin-left:4%;
	}
	.flexblog .article-list .article > div.article-intro-image {
		min-width: 30%;
	}
	.flexblog .article-list .article > div.article-body {
		min-width: 66%;
		padding-top: 0;
		padding-bottom: 0;
	}

}

@media (min-width:1200px) {

}