body.home-page .elementor-element .elementor-search-form__submit {
  min-width: auto!important;
}

/*
    Startseite Background Such/Logo-Banner oben
*/
body.home-page div.site-content section.elementor-section.elementor-top-section:first-of-type {
    background-color: var( --e-global-color-primary ); 
}

.m45-minilabel {
    font-size: var(--m45-text-muted-font-size);
    color: var(--m45-text-muted-color);
    display: inline-block;
}

.m45-uppercase {
    font-size: .70em;
    /*text-transform: uppercase;*/
    /*font-weight: 500;*/
    letter-spacing: 0.03em;
    color: var(--m45-neutral)!important;
}
    
div:not(.m45-wc-price-annotation) > .m45-minilabel {
    display: block;
}


/*
    Elementor Overrides
*/

body.home {
    
    .m45-pills-section .elementor-button.elementor-size-sm {
        color: #333333;
    }
    
    .elementor-headline-dynamic-text {
        color: #333333;
    }
    
    .m45-abovariante .elementor-price-table__header {
        background: #003a3e;
    }    
    
    .m45-abovariante .elementor-price-table__price {
        font-size: 30px;
    }
    
    .m45-abovariante .elementor-price-table__period  {
        margin-top: 10px;
    }
}



/*
    Download File List
*/
 .vdx-downloads-list {
    list-style: none; /* Entfernt die Standard-Bullets */
    padding-left: 0;
}
    
.vdx-downloads-list li::before {
    font-family: FontAwesome;
    content: "\f019"; /* Unicode des fa-download Icons */
    display: inline-block;
    width: 20px; /* Platz für das Icon */
    margin-right: 5px;
    color: #333; /* gewünschte Farbe */
}

.vdx-downloads-buttons .btn {
    display:block;
}


/**
    Subscription-Product Loop Tile
**/

li.product.product-type-subscription h2.woocommerce-loop-product__title {
    font-weight: 400!important;
    min-height: 4.5em;
}

li.product.product-type-subscription img.attachment-medium {
    margin-bottom: 15px!important;
}

.m45-price-amount {
    font-size: 22px;
    font-weight: 700;
}

.m45-price-details-monthly {
    display: block;
    padding: 0px .75em 0px .75em;
    min-height: 3.2em;
    margin-top: 10px;
}

.m45-price-amount .tax-info {
    font-size: 11px;
    font-weight: normal;
    display: block;
}

.m45-price-details-suffix {
    display: block;
}

.m45-excerpt {
    text-align: justify;
}

.m45-excerpt-magic,
.m45-content-magic {
    
    h1, h2, h3, h4, p, a {
        color: var(--body-color);
    }
    
    a {
        text-decoration: none;
    }
    
    p {
        text-align: justify;
    }
    
    h2 {
        font-size: 1.6rem;
        margin-top: 60px!important;
        margin-bottom: 50px;
    }
    
    h3 {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 1.2rem;
        font-weight: 600;
    }
}


.m45-content-magic {

    span.useful-link a {
        font-weight: 600;
    }    
}


/**
    Subscription-Product Loop Excerpt
**/

.fa-check-list {
    list-style: none; /* Bullet entfernen */
    padding-left: 0;
}

.fa-check-list > li {
    position: relative;
    padding-left: 1.4em;
    padding-bottom: 10px;
    text-align: left;
    color: #1e2132;
    font-size: 14px;
}

.fa-check-list > li::before {
    content: "\f00c"; /* fa-check Unicode (Font Awesome 4.7) */
    font-family: FontAwesome; /* Font Awesome 4.7 */
    position: absolute;
    left: 0;
    top: 0;
}

li.product-type-subscription .fa-check-list {
    padding: 15px 1em 15px 1em;
}

/**
    Jumbotron
**/

.vdx-jumbo {
    /**min-height: 320px; */
    background: var(--m45-mint); /* Grundfarbe links */
    border-radius:.5rem!important;
    margin-bottom: 1.5rem !important;
}

.vdx-jumbo h1.display-5 {
    font-weight: 400;
}

.vdx-jumbo h1.m45-display-5 {
    font-size: 2rem!important;
}

.vdx-jumbo h1 span.focus {
    display: inline-block;
    padding-bottom: 1rem;
    color: var(--m45-tafel);
}

.vdx-jumbo h1 span.lead {
    line-height: 1.8rem;
    display: inline-block;
    color: var(--vdx-text-body);
}

.vdx-jumbo hr {
    opacity: 0.8;
    border-color: #d3e2cd;
}

.m45-xmas-special {
    top: 10px;
    z-index: 10;
    position: relative;
    text-align:right;
    margin-right: 60px;
    margin-top: -35px;
}

.m45-xmas-special img {
    will-change: transform;
}
 
.m45-xmas-special img:hover {
  animation: vdx-icon-jump 0.35s ease-in-out 0s 3;
}

/* Ein "Sprung" pro Animation-Durchlauf */
@keyframes vdx-icon-jump {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-10px); } /* hoch */
  60%  { transform: translateY(0); }     /* runter */
  100% { transform: translateY(0); }
}

@media (max-width: 487px) {
    
    .vdx-jumbo h1 span.lead {
        font-size: 1.1rem;
    }
    
    .vdx-jumbo h1 span.focus {
        font-size: 1.5rem;
    }
    
    .vdx-jumbo p.lead {
        font-size: 1rem;
    }
    
}

.m45-hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto; /* Safari/iOS */
    -ms-hyphens: auto;     /* altes Edge/IE */
    overflow-wrap: break-word; /* moderne Browser */
    word-wrap: break-word;     /* Legacy-Fallback */
}

.vdx-jumbo p.lead {
    font-weight: 400;
}

/* 1) Bild: contain + rechts ausrichten */
.vdx-jumbo-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

/* 2) Overlay-Fade: links deckend, nach rechts transparent */
.vdx-jumbo-fade {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* Der Trick:
     Links exakt Jumbotron-BG-Farbe (überdeckt "leere Fläche"),
     ab einem frei wählbaren Punkt weich auslaufend zu transparent. */
  background: linear-gradient(
    to right,
    rgba(227,242,237,1),
    rgba(227,242,237,1),
    rgba(227,242,237,1),
    rgba(227,242,237,.9),
    rgba(227,242,237,.7)
  );
  /**
    background: linear-gradient(
    to right,
    rgba(227,242,237,1) 0%,
    rgba(227,242,237,1) var(--vdx-fade-start),
    rgba(227,242,237,.8) 100%
  );  
  **/
}

/* Content immer darüber */
.vdx-jumbo .container { z-index: 3; }

/**
    Forms
**/

div.vdx-form-select-cascaded {
    margin-bottom: 15px;
}

div.vdx-form-select-cascaded > div.vdx-ticket-term-select-wrapper:first-child i.fa  {
    display: none!important;
}

/**
    Lesson Plan (Single Product)
**/

@media (max-width: 799px) {
    
    body.woocommerce-page.single-product div.content-area {
        padding: 0px;
    }
    
    body.woocommerce-page.single-product div.m45-lesson-plan-table {
        margin-left: -20px;
        margin-right: -20px;
        width: unset;
    }    
}

body.woocommerce-page.single-product div.m45-lesson-plan-description,
body.woocommerce-page.single-product div.m45-feature-table table {
    font-size: 1.1em;
}

/**
   navbar-toggler-icon
**/

.m45-lessonplan.m45-feature-table a {
    color: var(--body-color);
}

div#m45_shop_tabs_nav_mobile ul.navbar-nav {
    margin-left: 0px;
}

div#m45_shop_tabs_nav_mobile ul.navbar-nav li a {
    color: var(--m45-tafel);
}

div#m45_shop_tabs_nav_mobile ul.navbar-nav li a:focus,
div#m45_shop_tabs_nav_mobile ul.navbar-nav li a:hover {
    color: var(--bb-primary-color)!important;
}

body.woocommerce-page.archive #secondary .m45-mobile-bildungsweg-nav a .navbar-toggler-icon {
    width: 1em;
    height: 1em;
}

body.woocommerce-page.archive #secondary .m45-mobile-bildungsweg-nav a.navbar-toggler {
    background: #e2eae2;
    box-shadow: none;
    color: var(--m45-tafel) !important;    
}

body.woocommerce-page.archive #secondary .m45-mobile-bildungsweg-nav a.navbar-toggler-icon {
    color: var(--m45-tafel) !important;    
}


body.woocommerce-page.archive #secondary .m45-mobile-bildungsweg-nav a.navbar-toggler:hover {
    background: #f2faf2!important;
}


.m45-mobile-bildungsweg-nav .dropdown-toggle:after {
    display: none;
}
    
@media (min-width: 800px) {
    
    .m45-mobile-only {
        display:none;
    }
}

/**
  Complianz Plugin Video Iframe - Bug "Mobile View zu breit" verhindern (FireFox)
**/

.cmplz-blocked-content-container iframe {
    max-width: 100%;
}

/**
   Subject Menu
**/
.m45-subjects-menu ul.list-group { 
    margin-left: 0px;
    margin-top: -1px;
}

.m45-subjects-menu ul.list-group li.list-group-item {
    padding: 0px 10px 1px 0px;
    background-color: #F8F8F8;
}

.m45-subjects-menu ul.list-group li.list-group-item a {
    color: var(--body-color);
}

.m45-subjects-menu ul.list-group li.list-group-item .fa {
    color: #AAA;
    font-size: 14px;
    margin-right: 10px;
}

.m45-subjects-menu ul.list-group li.list-group-item:hover {
    background: #f8dee0;
}

.m45-subjects-menu ul.list-group li.list-group-item.active {
    background-color:  #e2eae2;
    border: 1px solid #e2eae2;
    font-weight: 600;
}

.m45-subjects-menu ul.list-group li.list-group-item.active a {
    color: #045050 !important;
    font-size: 15px;
}

/**
    TreeView
**/

.vdx-ui-treeview-vertical ul .menu-item 
{
    /*padding: .50rem 1.25rem;*/
    line-height: 1.3em;
}

/*
@media (max-width: 799px) {
    .vdx-ui-treeview-vertical ul .list-group-item {
        padding: 5px 10px 10px 0px;    
    }
}
*/

.vdx-ui-treeview-vertical .m45-term-description {
    display: block;
    font-size: var(--m45-text-muted-font-size);
    color: var(--m45-text-muted-color);
}

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


/**
    Nav Mode Switch
**/
div.nav.nav-tabs.m45-nav-mode-switch,
ul.nav.nav-tabs.m45-nav-mode-switch {
    margin-left: 0px;
    margin-bottom: 0px;
    background: white;
    z-index: 1;
    position: relative;
}

div.nav.nav-tabs.m45-nav-mode-switch .nav-link,
ul.nav.nav-tabs.m45-nav-mode-switch .nav-link {
    padding: 5px 9px;
    color: var(--m45-tafel);
    
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}


div.nav.nav-tabs.m45-nav-mode-switch .nav-link.active,
ul.nav.nav-tabs.m45-nav-mode-switch .nav-link.active {
    color: #666!important;
    /*font-weight: bold;*/
}

div.nav.nav-tabs.m45-nav-mode-switch .fa-info-circle,
ul.nav.nav-tabs.m45-nav-mode-switch .fa-info-circle {
    margin-left: 10px;
}



/**
    VDX Blur Table
**/

/* 1) Basis-Styles für alle .blur-wrapper: klassischer Voll-Blur */
.vdx-blur-table div.blur-wrapper {
  /* klassischer Blur */
  -webkit-filter: blur(3px);
  -moz-filter:    blur(3px);
  -o-filter:      blur(3px);
  filter:         blur(3px);

  /* Fallback für alte IE */
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5)";
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);
}

/* 2) Speziell nur für das erste .blur-wrapper (im selben Elternelement) */
.vdx-blur-table tr:first-of-type .blur-wrapper {
  /* den klassischen Filter ausschalten: */
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;

  /* Damit das Overlay nur innerhalb des Wrappers wirkt */
  position: relative;
  overflow: hidden;
}

/* 3) Overlay-Pseudo-Element mit vertikal steigendem Blur */
.vdx-blur-table tr:first-of-type .blur-wrapper::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  pointer-events: none;

  /* moderner Blur auf das, was dahinter liegt */
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);

  /* Verlaufsmaskierung: oben durchsichtig, unten deckend */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 75%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 75%
  );
}

@media (min-width: 800px) {
    .vdx-blur-table tr td:not(:last-of-type) .offer.offer-primary {
        display: none;
    }
}

.vdx-blur-table .blur-wrapper-set {
    left: 12px;
    position: relative;
    top: -13px;
}

.vdx-blur-table .blur-wrapper-set .shape-text {
        left:32px; 
        top:-4px!important; 
}

/* Badge zentriert über dem Wrapper */
.vdx-blur-table .blur-wrapper-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* optional: etwas mehr Kontrast, damit es über dem Blur sichtbar bleibt */
  z-index: 10;
  padding: 0.5em 0.75em;
  font-size: 0.9rem;
}




/**
    Maintenance Alert
**/

header.site-header .vdx-maintenance-alert {
    margin-left: -10px;
    margin-right: -10px;
    width: auto!important;
}


/**
    Headlines
**/

/**  same as #content div.product #reviews .comment-reply-title **/
.vdx-minor-title { 
  text-transform: uppercase!important;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}

.vdx-minor-text{ 
  font-size: 12px;
}


#vdx_interactives_buttons_container .vdx-minor-title { 
  padding: 10px;
  border-radius: 3px;
  background: #202020;
  color: #E0E0E0;
}


/**
    Search
**/

.header-search-wrap {
    background-color: #f47386;
    /*background-color: #f8C3D6*/
    /*background-color: #f8F3D6;*/
    /*background-color: #f8F3D6;*/
}

.header-search-wrap .search-field-top {
    background-color: #e65A72;
    color: white;
}

.header-search-wrap input::placeholder,
.header-search-wrap select::placeholder, 
.header-search-wrap textarea::placeholder {
    color: #f8C3D6;
}
.header-search-wrap a.close-search i {
    color: white;
}


.bb-header-buttons.vdx-wcs-button-subscribenow a {
    color: white!important; 
    
}

.bb-header-buttons.vdx-wcs-button-uploadnow  {
    display: inline-block!important;
}

.bb-header-buttons.vdx-wcs-button-uploadnow a {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: .25rem .5rem;
    line-height: 1.5;
}


.bb-header-buttons:not(.vdx-wcs-button-uploadnow) a.button.signup,
.bb-header-buttons:not(.vdx-wcs-button-subscribenow) a.button.signup {
    display: none;
}

body.registration #cfw-side-cart-floating-button {
    display: none;
}

body.registration div#pass-strength-result{
    display: none;
}

div.bb-signup-field.signup_password > label:after {
    font-size: 11px;
    line-height: 100%;
    margin-bottom: 15px;
    display: block;
    /* color: #606060; */
}

.field-visibility-settings-header {
    display: none;
}

/*
div.bb-signup-field.signup_password > label::after {
    content: "Please use uppercase and lowercase letters and numbers and symbols, like !^&_=+-";
}
*/
      
.user-wrap.menu-item-has-children ul#header-my-account-menu a,
.user-wrap.menu-item-has-children #header-my-account-menu a,
ul#header-my-account-menu li.bp-menu.bp-profile-nav.menu-item,
ul#header-my-account-menu li.bp-menu.bp-profile-nav.menu-item a {
    /* color: white!important; */ 
}

body #buddypress * a.m45-btn.m45-contact-us {
    text-decoration: underline;
}

body #buddypress * a.m45-btn.m45-contact-us:hover {
    /* color: #008020 !important; */
}

span.m45-sign-in-link {
    float: right;
    font-size: normal;
}

a.m45-underline,
span.m45-sign-in-link a {
    text-decoration: underline!important;
}

/**
    Upload Form 
**/

.pods-form-ui-row-name-rel-bildungsfeld-notes {
    margin-top: -45px!important;
}

.pods-form-ui-row-name-rel-bildungsfeld-notes,
.rel-bildungsfeld-notes {
    padding-top: 0px!important;
}

.pods-form-ui-row-name-rel-bildungsfeld-notes a.btn {
    padding-left: 0px!important;
}
  
/**
.pods-form-pod-sternstundeupload .pods-form-ui-row-name-post-title {
    display: none !important;
}
**/



/**
    Leere Links (d.h. Links mit # Anker Tag als Platzhalter) im Hauptmenü ausblenden
**/
nav#site-navigation ul#primary-menu li a[href$=\#] {
    display: none!important;
}

nav#site-navigation ul#primary-menu li a span {
    font-size: 14px!important;
    font-weight: normal;
}


.wp-block-search__label {
    font-size: 16px!important;
    margin-bottom: 0px!important;
}

@media (min-width: 800px) {
    body.woocommerce-page.archive #primary.content-area,
    body.single-product #primary.content-area,
    body.woocommerce-page.archive #secondary.widget-area,
    body.single-product #secondary.widget-area
    {
        padding-top: 50px;
    }
}


@media (max-width: 799px) {
    body.woocommerce-page.archive #primary.content-area,
    body.single-product #primary.content-area,
    body.woocommerce-page.archive #secondary.widget-area,
    body.single-product #secondary.widget-area
    {
        /*padding-top: 0px;*/
    }
}

.m45-product-single-sidebar-btn-meta-text {
    margin-bottom: 10px;
}


/**
    Sidebar Cart
**/
    
.vdx-sidebar-cart > .list-group {
    margin-left: 0px;
}

.vdx-sidebar-cart form.cart {
    margin-bottom: 10px;
}

.vdx-sidebar-cart .button {
    width: 100%!important;
}

.vdx-sidebar-cart .button:hover {
    background-color: #f47386!important;
    filter: brightness(1.2)!important;
}

.vdx-sidebar-cart .woocommerce-price-suffix {
   font-size: 13px!important;
}

.vdx-sidebar-cart a.m45-subscribe-now-link {
    color: #f47386;
    text-decoration: underline;
}

.vdx-sidebar-cart a:hover {
    filter: brightness(1.2)!important;
}

.vdx-sidebar-cart .list-group a,
.vdx-sidebar-cart .list-group p {
    /*text-decoration: underline;*/
    color: #202020;
}

.vdx-sidebar-cart,
#primary.content-area .entry-summary,
#primary.content-area .entry-content,
#primary.content-area .woocommerce-product-gallery {
    border: none!important;
}

.vdx-sidebar-cart .btn-download {
    margin-top: 5px;
    margin-bottom: 15px;
}

.vdx-sidebar-cart > .card-body > ul {
    margin-left: 0px!important;
}

.vdx-sidebar-cart .m45-minilabel {
    color: #045050;      
}
/*
#primary.content-area .woocommerce-product-gallery 
{
    box-shadow: -5px 1px 5px   0 rgba(50, 50, 50, 0.03), 
                -10px 5px 15px  0 rgba(67, 94, 131, 0.05), 
                0 10px 10px 0 rgba(255, 255, 255, 1);
    box-sizing: border-box;
    transition: background-color .3s,color .3s,transform .3s;    
}
*/
.vdx-sidebar-cart {
/*#primary.content-area .entry-summary {*/
    box-shadow: 0 10px 50px 0 rgba(255, 255, 255, 1), 
                0 5px 26px  0 rgba(0, 0, 0, 0.08), 
                0 1px 3px   0 rgba(67, 94, 131, 0.15);    
    box-sizing: border-box;
    transition: background-color .3s,color .3s,transform .3s;
}

/*
    Sidebar
*/
.vdx-term-primary {
    text-decoration: underline dashed;
}

/*
    product single page - woocommerce tabs area
*/

#primary.content-area .woocommerce-product-gallery,
#primary.content-area .woocommerce-tabs .entry-content {
  
    box-shadow: none;
    /*box-sizing: border-box;*/
    /*transition: background-color .3s,color .3s,transform .3s; */
}



/* Produktseite: #primary volle Breite (BuddyBoss begrenzt bei .has-sidebar auf 900px).
   Nur Produktseiten - Archive behalten ihre Sidebar-Spalte. */
body.single-product.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #primary {
	max-width: none;
	width: 100%;
}

/* --- 800–1199px: Inhalt | Sidebar; Galerie und Summary untereinander ---
   Präfix mit .woocommerce + div.: schlägt BuddyBoss (body.has-sidebar.woocommerce …, bis 1,5,3). */
@media (min-width: 800px) {
	body.single-product.woocommerce #content div.product.type-product {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 280px;
		column-gap: 2rem;
		align-items: start;
	}

	body.single-product.woocommerce #content div.product.type-product > * {
		grid-column: 1 / -1;
	}

	/* BuddyBoss/WC setzen flex, width und min-width in %, je nach Breakpoint neu -> neutralisieren */
	body.single-product.woocommerce #content div.product.type-product > div.woocommerce-product-gallery.images,
	body.single-product.woocommerce #content div.product.type-product > div.summary,
	body.single-product.woocommerce #content div.product.type-product > div.woocommerce-tabs {
		flex: none;
		float: none;
		width: auto;
		min-width: 0;
		max-width: none;
	}

	body.single-product.woocommerce #content div.product.type-product > div.woocommerce-product-gallery.images { grid-column: 1; grid-row: 1; }
	body.single-product.woocommerce #content div.product.type-product > div.summary                             { grid-column: 1; grid-row: 2; }

	body.single-product.woocommerce #content div.product.type-product > .m45-product-sidebar {
		grid-column: 2;
		grid-row: 1 / span 2;   /* neben Galerie UND Summary */
		margin-top: -8rem;
		position: relative;
		z-index: 2;
	}
}

/* --- ab 1200px (BuddyBoss-Raster): Galerie | Summary | Sidebar --- */
@media (min-width: 1200px) {
	body.single-product.woocommerce #content div.product.type-product {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 280px;
	}

	body.single-product.woocommerce #content div.product.type-product > div.summary {
		grid-column: 2;
		grid-row: 1;
	}

	body.single-product.woocommerce #content div.product.type-product > .m45-product-sidebar {
		grid-column: 3;
		grid-row: 1;
                margin-top: -13rem;
	}
}

/* Mobile (BB-Raster < 800px): Sidebar unter Galerie und Summary, vor den Tabs */
@media (max-width: 799px) {
	body.single-product.woocommerce #content div.product.type-product > .m45-product-sidebar {
		display: block;
		width: 100%;
		margin-top: 2rem; /* Abstand zur Summary */
	}
}


body.single-product .related.products {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
}

body.single-product .related.products h2 {
    margin-bottom: 30px;
}


body.single-product .m45-materials.m45-feature-table thead tr > th {
    width: 40%;
}


/**
    Shop / Sidebar left / WooCommerce Search Box
**/
        
@media (min-width: 800px) {
    .vdx-wc-product-search-block {
        margin-top: 0px;
        margin-bottom: 50px;
    }
}

.vdx-wc-product-search-block .wc-block-product-search__button,
.vdx-wc-product-search-block .wp-block-search__button {
    /*padding: 5px 10px 5px 10px;*/
    background-color: #045050!important;
    border: none!important;
    border-radius: 0.25rem;
    display: block!important;
    width: 40px;
}

.vdx-wc-product-search-block .wc-block-product-search__button .fa,
.vdx-wc-product-search-block .wp-block-search__button .fa {
    /*width: 25px;*/
    font-size: 1.6rem;
}

.vdx-wc-product-search-block input[type="search"] {
    padding-left: 32px;
}

.vdx-wc-product-search-block label.wc-block-product-search__label {
    display: none;
}

/**
    m45 Grid
**/
   
.m45-container {
    width: 100%;
    display: table;
}

.m45-row {
    width: 100%;
    display: table-row;
}

.m45-sidebar {
    width: 20%;
    display: table-cell;
    vertical-align: top;
}

.m45-loop {
    width: 75%;
    display: table-cell;
    vertical-align: top;
}

.price-slider-container {
    display: inline-block;
    width: 80%;
}



form#vdx-filters-form {
    display: inline-block;
}

.vdx-form-inline {
    margin-left: -5px;
    margin-right: -5px;
}

.multiselect {
    width: 200px;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
}

.checkboxes {
    display: none;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 1;
    background-color: white;
    max-height: 150px;
    overflow-y: auto;
    width: inherit;
}

.checkboxes label {
    display: block;
    padding: 5px;
}

.checkboxes label:hover {
    background-color: #f1f1f1;
}

#submitBtn {
    margin-top: 20px;
}

/* taxonomy-terms-grid */
.taxonomy-terms-grid {
    
    span.badge {
        background: #C8C8C8 !important;
        color: white !important;
    }    
    
    div.taxonomy-term a {
        color: var(--m45-tafel);
    }
    
    div.taxonomy-term a:hover {
        color: var(--bb-primary-color);
    }    
}

/* filters reset */

.vdx-filters-reset-area {
    margin-top: 16px;
    display: block;
    /*padding-bottom: 10px;*/
}

.vdx-filters-reset-area .btn {
    margin-bottom: 3px;
}


/* m45-mint */

.m45-mint {
    background-color: var(--m45-mint);
}

.m45-mint p,
.m45-mint span,
.m45-mint a:not(.btn) .fa,
.m45-mint a:not(.btn),
.m45-mint a:link:not(.btn) {
    color: var(--m45-tafel)!important;
}

.m45-mint a:not(.btn):hover,
.m45-mint a:not(.btn):focus {
    color: var(--m45-tafel)!important;
    filter: brightness(150%);
    background-color: var(--m45-mint);
}

/* m45-mint-invert */

.m45-mint-invert {
    background-color: var(--m45-tafel);
}

.m45-mint-invert p,
.m45-mint-invert span,
.m45-mint-invert .fa,
.m45-mint-invert a,
.m45-mint-invert a:link {
    color: var(--m45-mint)!important;
}

.m45-mint-invert:hover p,
.m45-mint-invert:hover span,
.m45-mint-invert:hover .fa,
.m45-mint-invert a:hover,
.m45-mint-invert a:focus {
    color: white!important;
}

/* m45-terms-bar */

.m45-terms-bar {
    margin-top: 15px;
}

.vdx-badge,
.m45-terms-bar .badge {
    padding: 6px;
    font-size: 0.8em;
    margin-bottom: 4px;    
}

/*  badge-mint */

.badge-mint {
    color: var(--m45-tafel)!important;
    background-color: rgba(var(--m45-mint-rgb),1);
}

a.badge-mint:focus,
a.badge-mint:hover {
    background-color: rgba(var(--m45-mint-rgb),0.6)!important;
}


/*
    Product Related Posts
*/
.product-related-posts {
    
    article {
        margin-bottom: 15px;
    }
    
    .post-inner-wrap .entry-content-wrap {
        padding-bottom: 5px;
    }
    
    .entry-title {
        font-size: 1.55rem!important;
        margin-bottom: 0px;
    }
    
    .entry-content {
        margin-bottom: 20px;
    }
}

/** 
    Triple
**/

.navbar-terms-triple {
    border-radius: 6px 6px 0px 0px;
}
    
.navbar-terms-triple .fa {
    opacity: 0.4;
}

.navbar-terms-triple a {
    /* opacity: 0.6;*/
    /**padding: 0px!important;**/
}

.navbar-terms-triple ul.navbar-nav {
    margin-left: 0px;
    padding-left: 6px;
    padding-top: 10px;
    padding-bottom: 8px;
}

.navbar-terms-triple .navbar-nav li {
    /**width: 33%;**/
}

.navbar-terms-triple .navbar-nav li a {
    font-size: 12px!important;
    text-transform: uppercase;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
  position: relative;
  width: 36px;
  font-size: 27px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  font-family: sans-serif;
}

.navbar-icon-top .navbar-nav .nav-link > .fa {
  top: 3px;
  line-height: 12px;
}

.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {
  top: -10px;
}

/*
    Payment Icons
*/

.m45-icon-container {
    background: #F0F0F0;
    display: inline-block;
    width: 42px;
    height: 28px;
    margin-right: 6px;
    overflow: hidden;
}

.m45-payment-icon {
    display: block;
    position: relative;
    left: 0px;
    top: -1px;
    opacity: .4;
    width: 45px;
}

.m45-grayscale {
    filter: grayscale(100%);
}

@media (min-width: 576px) {
  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }

  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {
    top: -7px;
  }
}

@media (min-width: 800px) {
    
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }

  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {
    top: -7px;
  }
}

@media (min-width: 992px) {
  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }

  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {
    top: -7px;
  }
}

@media (min-width: 1200px) {
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }

  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {
    top: -7px;
  }
}