/*
Theme Name: Laika Loves Lassie
Theme URI: http://underscores.me/
Author: Laika Loves Lassie
Author URI: http://laikaloveslassie.com
Description: A custom WordPress Theme by Laika Loves Lassie
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: laika-loves-lassie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


*/

/* -----------------------------------------------------------------------------
#  Central colours (Change 10/2026)
#  Change a colour here and it applies to the whole site.
----------------------------------------------------------------------------- */

:root {
	--gv-grey: #767676;       /* arrows, secondary text (prices, breadcrumbs, mini cart …) – 4.5:1 on white */
	--gv-grey-line: #767676;  /* borders/lines (mini cart) */
	--gv-tile-icon: #767676;  /* basket + wishlist icons in product tiles (default state) */
	--gv-accent: #f78caa;     /* pink: hover, in cart, loading animation, header counters */

	/* Text styles that other parts follow (FAQ ...): Sub Headline (= H2 look) and Textblock (= body text).
	   Change here: ".flexible-content .sub-headline", ".flexible-content .textblock" and the FAQ classes follow. */
	--gv-sub-headline-size: 20px;
	--gv-sub-headline-color: #666666;
	--gv-sub-headline-spacing: 0.35px;
	--gv-text-size: 18px;
	--gv-text-color: #323232;
	--gv-text-weight: 200;
	--gv-text-line-height: 27px;

	/* Lines of the FAQ: dividers between the questions, and the frame of the ACTIVE search field.
	   The search field's normal frame (#ccc) comes from the global input style (style.css); active = one step darker,
	   the same #aaa the site uses for every search field (input[type=search]:focus). */
	--gv-line-soft: rgba(0, 0, 0, 0.15);
	--gv-line-input-active: #aaaaaa;

	/* Hover colour of the menu links (.menu-wrap a:hover, .desktop-menu ul li a:hover) – the FAQ topic links follow it. */
	--gv-menu-hover-color: #8d8d8d;

	/* Distance between the box "Weiterführende Links" and the FAQ box below it (last link line to the FAQ heading), all screen widths.
	   Minimum 40px for the page-end boxes (see the end of this file). Change 10/2026 (Tom, 22.10.2026). */
	--gv-faq-links-gap: 50px;
}







/* -----------------------------------------------------------------------------
#  Typegraphy
----------------------------------------------------------------------------- */

h1,
h2,
h3,
h4 {
	font-family:"American Typewriter", monospace;
	font-weight: 400!important;
	margin: 0;
}

h1,
h2 { letter-spacing: 0.5px; }

h2 { letter-spacing: 0.35px; }
h3 { letter-spacing: 0.25px; }
h4 { letter-spacing: 0.15px; }

{ letter-spacing: 0.35px; }


.typewriter  {
	font-family:"American Typewriter", monospace;
	font-weight: 400;
}


.minor-main-title-container { padding: 34px 0;}

.minor-main-title {
	font-size: 20px;
	color: #636363;
}

.minor-main-subtitle {
	font-size: 16px;
	color: #636363;
	padding-top: 20px;
}


.small-font {
	color: #000000;
	font-size: 13px!important;
	font-weight: 200!important;
	line-height: 21px!important;
}




.ywraq_list_empty_message {	color: #636363; }


/* -----------------------------------------------------------------------------
#  General
----------------------------------------------------------------------------- */



body {
	background-color: #f8f8f6;
	background-image: url(../img/kachelmuster.gif);
    background-repeat: repeat;
		background-size: 19px;
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}



.site-content {
	position: relative;
	top: 50px;
	min-height: 100%;
	box-sizing: border-box;
}

/* Change 10/2026 (fix): header.php and footer.php no longer close #page too early, so #content and the footer now sit inside #page.
   .site-content has min-height: 100%. That was the window height while its parent was <body> (height: 100%); inside #page (height: auto)
   the percentage would be ignored. So the same value is set in viewport units, and short pages look as before (the footer stays below
   the first screen). Do NOT give #page a fixed height: the content would run out of it, and everything that comes after #page in the
   HTML (e.g. the WPML notice on staging) would end up in the middle of the page. */
.site-content {
	min-height: 100vh;
	min-height: 100dvh;
}

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



	.site-content {
		top: 112px;
		transition: all 1.0s;
	}

	.site-content.small-header {
		top: 52px;
		transition: all 1.0s;
	}

}

/* Change 10/2026 (fix): the WPML notice "This website is registered as a development site" (printed by wp_footer, only on staging and
   other development sites). On shop, category, product and search pages the footer sits inside .site-content (the WooCommerce templates
   leave two divs open), so the footer is moved down together with .site-content (position: relative; top) and covers the notice, which
   follows in the layout. The notice gets the same offset (50px, 112px, 52px with .small-header) and stays below the footer.
   No effect on live sites (there is no notice) and on pages where the footer is not inside .site-content. */
.site-content:has(.site-footer) ~ .otgs-development-site-front-end {
	position: relative;
	top: 50px;
}

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

	.site-content:has(.site-footer) ~ .otgs-development-site-front-end {
		top: 112px;
		transition: all 1.0s;
	}

	.site-content.small-header:has(.site-footer) ~ .otgs-development-site-front-end {
		top: 52px;
		transition: all 1.0s;
	}

}

.archive #content { min-height: 55vh; }


.clear { clear: both; }

.col-xs-1 {padding: 0!important; }



.top_0 { margin-top: 0px; }

.top_10 { margin-top: 10px; }

.top_15 { margin-top: 15px; }

.top_20 { margin-top: 20px; }

.top_30 { margin-top: 30px; }

.top_50 { margin-top: 50px; }

.top_80 { margin-top: 80px; }


.bottom_0 { margin-bottom: 0px; }

.bottom_10 { margin-bottom: 10px; }

.bottom_15 { margin-bottom: 15px; }

.bottom_20 { margin-bottom: 20px; }

.bottom_30 { margin-bottom: 30px; }

.bottom_50 { margin-bottom: 50px; }

.bottom_80 { margin-bottom: 80px; }

.bottom_110 { margin-bottom: 110px; }



.relative {
	position: relative;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.print-only { display: none!important; }


.footer-cta-wrapper {
	clear: both;
}

.single-referenz .footer-cta-wrapper {
	margin-top: -80px;
}

.footer-cta-wrapper .cta-button-wrapper {
}

/*

.cta-button {
	display: inline-block;
	padding: 4px 22px;
	background-color: #e7e7e7;
	transition: background-color 0.2s;
	border-radius: 22px;
	font-size: 18px;
	position: relative;
	text-align: center;
	margin-top: 8px;
	text-decoration: none!important;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}

*/

.cta-button {
	display: inline-block;
	padding: 4px 22px;
	background-color: #e7e7e7;
	transition: background-color 0.1s;
	border-radius: 5px;
	font-size: 18px;
	position: relative;
	text-align: center;
	margin-top: 8px;
	text-decoration: none!important;
	font-family:"Roboto", sans-serif;
	font-weight: 400;
}


.cta-button:hover {
	background-color: #cfcfcf;
	transiton: background-color 0.2s;
}


.cta-button-container .cta-button,
.flexible-content-wrapper .cta-button,
.product-container .cta-button {
  background-color: #7bc880;
	color: #ffffff;
}

.cta-button-container .cta-button:hover,
.flexible-content-wrapper .cta-button:hover,
.product-container .cta-button:hover {
	background-color: #6ab16f;
}


.flexible-content-wrapper a {
	text-decoration: underline;
	transform: color 0.3s;
}

.flexible-content-wrapper a:hover {
	text-decoration: underline;
	color: #8d8d8d;
	transform: color 0.3s;
}

.product-container .cta-button {
	margin-top: 4px;
	font-size: 16px;
}


.bapf_lcontainer .bapf_limg,
.dgwt-wcas-inner-preloader,
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before  {
	animation-name: spin;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
	from {
			transform:rotate(0deg);
	}
	to {
			transform:rotate(360deg);
	}
}


.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
    height: 30px;
    width: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    background: url('https://www.gotvintage.de/wp-content/uploads/2021/08/gotvintage_loading_icon.gif') center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}



.br_loading_inside_lmp img.lmp_rotate, .br_loading_inside_lmp .fa.lmp_rotate:before, .lmp_products_loading .lmp_rotate, .lmp_products_loading .fa.lmp_rotate:before, .lmp_products_loading .lmp_rotate img {
    -webkit-animation: spin 0.8s linear infinite!important;
    -moz-animation: spin 0.8s linear infinite!important;
    animation: spin 0.8s linear infinite!important;
    width: 30px;
    position: relative;
    top: -2px;
}

.lmp_products_loading span {
	margin-left: 0px;
}


.nice-select ul.list li.selected { font-weight: 600!important; }


.d-flex { display: flex; }

.h-100 {
	height: 100%;
}

.top-left {
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	text-align: left;
}

.top-center {
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	text-align: center;
}

.top-right {
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
	text-align: right;
}

.center-left {
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	text-align: left;
}

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

.center-right {
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	text-align: right;
}

.bottom-left {
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column-reverse;
	text-align: left;
}

.bottom-center {
	align-items: center;
	justify-content: flex-start;
	flex-direction: column-reverse;
	text-align: center;
}

.bottom-right {
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column-reverse;
	text-align: right;
}




/* -----------------------------------------------------------------------------
#  Colors
----------------------------------------------------------------------------- */

.white-type { color: #ffffff; }


.white-bg { background-color: #ffffff;}




/* -----------------------------------------------------------------------------
#  Fancybox
----------------------------------------------------------------------------- */


.fancybox-bg { background: rgba(255,255,255,1.0)!important;}

.fancybox-button { background: transparent!important; }


.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #323232!important;
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: transparent!important;
    cursor: default;
}

.fancybox-infobar,
.fancybox-button--zoom { display: none!important; }


.fancybox-can-zoomIn .fancybox-content {
    //pointer-events: none!important;
}

/* -----------------------------------------------------------------------------
#  Flexible Layout
----------------------------------------------------------------------------- */


.flexible-content-wrapper {
	padding-left: 20px;
	padding-right: 20px
}




.flexible-content {
	background-color: #fff;
	padding: 20px;
}


.flexible-content .row {  }


.flexible-content .main-headline {
	color: #323232;
	font-size: 26px;
	margin-bottom: 32px;
}

/* Change 10/2026 (Tom, 23.10.2026): the page title (H1) is centred when nothing follows it in the white block,
   i.e. no layout elements and no boxes "Weiterführende Links" / "FAQ" (e.g. Call to Action landing pages with title and products only). */
.flexible-content > h1.main-headline:last-child {
	text-align: center;
}


.flexible-content .sub-headline {
	color: var(--gv-sub-headline-color);
	font-size: var(--gv-sub-headline-size);
	margin-bottom: 20px;
}

.flexible-content .textblock {
	color: var(--gv-text-color);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
	margin-bottom: 40px;
}


 .flexible-content .textblock.small-font-textblock {
	 color: var(--gv-grey);
	 font-size: 16px;
	 font-weight: 200;
	 line-height: 21px;
	 margin-bottom: 40px;
 }

 .flexible-content .textblock.small-font-textblock a {
	 color: var(--gv-grey);
 }



.text-container { position: relative; }


.text-container .textblock,
.text-container .main-headline,
.text-container .sub-headline {
	position: relative;
	z-index: 2;
}


.image-container {
	width: 100%;
	background-size: cover;
}

.image-container img {
	object-fit: cover;
}



.color-circle {
	position: absolute;
	border-radius: 50%;
	opacity: 0.5;
	z-index: 0;
}


.flexible-content .column .color-circle {
	z-index: -1;
}

.color-circle-image {
	position: absolute;
	border-radius: 50%;
	opacity: 0.5;
	z-index: 2;
}

.admin-info { font-size: 13px; }


.small-font-headline {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.5!important;
	margin-bottom: 14px;
	color: #666666;
}

.small-font-textblock {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.4!important;
	color: #666666;
}



@media all and (min-width: 768px) {



	.flexible-content-wrapper {
		padding-left: 40px;
		padding-right: 40px
	}


	.flexible-content {
		padding: 50px;
	}


}



/* -----------------------------------------------------------------------------
#  Header
----------------------------------------------------------------------------- */


.site-header {
	position: fixed;
	width: 100%;
	z-index: 10;
	height: 50px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.23);
					box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.23);
}




.site-branding {
	text-align: left;
  background: #ffffff;
	transition: all 0.3s;
	padding-top: 23px;
	padding-left: 60px;
}



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

	.site-branding {
			text-align: center;
			padding-top: 28px;
			padding-left: 0;
			margin-left: 0%;
	    height: 110px;
			transition: all 0.3s;
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
							box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
	}

	.site-branding.small-header {
		height: 60px;
		padding-top: 13px;
		transition: all 0.3s;
	}

}

.site-branding .svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
	overflow: hidden;
}



.svg-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.site-branding g.claim {
		display: none;
}


.site-branding .header-logo {
	width: 130px;
	height: 36px;
	margin-bottom: -8px;
}

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

	.site-branding .header-logo {
		width: 150px;
		height: 45px;
	}

	}


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

	.site-branding .header-logo {
		width: 260px;
		height: 80px;
		margin-bottom: 0;
		transition: all 0.3s;
	}


	.site-branding.small-header .header-logo {
		width: 180px;
		height: 75px;
		transition: all 0.3s;
	}


	.site-branding g.claim {
		display: block;
		opacity: 1;
		transition: all 0.3s;
	}


	.site-branding.small-header g.claim {
		opacity: 0;
		transition: all 0.3s;
	}

}




.main-navigation {
	font-size: 18px;
	text-transform: uppercase;
}


.main-navigation ul li a {
	display: inline-block;
	color: #323232;
}

.main-navigation ul li a::after {
	content: '|';
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	top: -5px;
}

.main-navigation ul li:last-child a::after {
	content: '';
	margin-left: 0px;
	margin-right: 0px;
}


.search-wishlist-wrapper { height: 60px; }


.search-icon-link:before {
		font-family: FontAwesome;*/
	  content: "\f002";
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%!important;
		text-align: center;
		outline: 0;
		transition: color 0.2s;
		display: inline-block;
		line-height: 32px;
		color: #cfcfcf!important;
		border: 3px solid #e5e5e5;
		top: 9px;
		position: relative;
		background-color: #fff;
}





.header-icons-container {
	position: absolute;
	right: 0px;
	padding-top: 12px;
}

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


	.header-icons-container {
		padding-top: 40px;
		transition: all 0.3s;
	}


	.header-icons-container.small-header {
		padding-top: 13px;
		transition: all 0.3s;
	}

}

.searchIcon,
.wishlist-counter-container,
.cart-counter-container,
.my-account-button {
	margin-bottom: 22px;
	margin-right: 30px;
	float: right;
	position: relative;
	top: -9px;
}

.my-account-button {
	margin-right: 24px;
	top: -9px;
}

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

	.header-icons-container {
		right: 30px;
	}


	.my-account-button {
		margin-right: 30px;
		top: -9px;
	}



}


/* Change 10/2026 (fix): syntax error repaired. Here were a rule without a property (".my-account-button { 0px; }", empty for the browser)
   and a "}" without a matching "{". Because of that "}" the browser dropped the next rule, so it is not active.
   To keep the look of the header unchanged, that rule is kept as a comment. Active, it moves the search icon and the icon group
   12px to the left on desktop (the cart counter becomes 12px wider). Remove the comment marks only if that is wanted.

.wishlist-counter,
.cart-counter {
	display: inline-block;
	margin-left: 12px;
}
*/

.searchIcon:before,
.wishlist-counter a:before,
.cart-counter a:before,
.my-account-button a {
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	width: 30px;
	text-align: center;
	outline: 0;
	transition: color 0.2s;
	display: inline-block;
	color: #323232!important;
	line-height: 36px;
	margin-top: 0px;
	top: 4px;
	position: relative;
	margin-left: -17px;
	background-color: #fff;
}



.cart-counter.delayed-hover {
	pointer-events: none;
}

.cart-counter a:before {
	font-size: 18px;
}

@media screen and (min-width: 768px) {
	.searchIcon:before,
	.wishlist-counter a:before,
	.cart-counter a:before,
	.my-account-button a {
		font-size: 18px;
		top: 10px;
	}


}

.my-account-button a.account-link {
	color: var(--gv-accent)!important;
}


.my-account-button a {
    margin-left: 0px;
}



.searchIcon{
	cursor:pointer;
}

.searchIcon:before {
    content: "\f002";
		font-weight: 300;
}

.wishlist-counter a:before {
    content: "\f004";
}

.cart-counter a:before {
    content: "\f291";
		font-weight: 300;
}

.searchIcon:hover::before,
.wishlist-counter a:hover:before,
body:not(.page-template-page-wishlist) .cart-counter a:hover:before,
.my-account-button a:hover {
		color:#C6C6C5!important;
	}


.cart-count {
	position: absolute;
	top: 0px;
	font-weight: 400;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.cart-count {
		left: 12px;
		font-size: 12px;
	}
}


.wishlist-counter.counter-not-zero a::before {
	color: var(--gv-accent)!important;
}

.wishlist-counter.counter-not-zero a { color: #bbbbbb; }



.wishlist-counter a,
.cart-counter a {
	text-decoration: none;
	position: relative;
}

.language-switcher {
    float: right;
	position: relative;
	z-index: 2;
}


.language-switcher ul li a {
	padding: 0!important;
	font-size: 18px;
	line-height: 18px;
	font-weight: 200;
	color: #d4d4d4;
	transition: color 0.2s;
}


.language-switcher ul li a:hover {
	color: #8d8d8d;
	transition: color 0.2s;
}



.language-switcher span.wpml-ls-native {
	color: #8d8d8d;
	margin: 0 auto;
	padding: 1px 0 1px 0;
	display: flex;
  flex-flow: column;
  align-items: center;
	justify-content: center;
}


/* Ajax Search Form */

/* dgwt_wcas  */

/* If you want to determine, if the search bar is open or closed, you use the following CSS code: It should help to make the background white when the search is opened. */
/* body.dgwt-wcas-open {
}*/


.dgwt-wcas-suggestions-wrapp {
	position: fixed!important;
}

.dgwt-wcas-search-wrapp{
	position: fixed;
	top: 0;
	left: 0;
	height: 0;
	z-index: 120;
	width: 100vw;
	max-width: 100vw!important;
	background-color: rgba(255,255,255,0.94);
	overflow: hidden;
}
.dgwt-wcas-search-form{
	padding-top: 30px !important;
	max-width: 92vw;
	margin: 0 auto;
}
@media screen and (min-width: 992px)  {
	.dgwt-wcas-search-form{
	padding-top: 134px !important;
	}
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	padding: 0 0 0 15px!important;
}


.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    width: 100%;
		font-family: "American Typewriter", monotype;
		font-style: normal!important;
    height: 40px;
    font-size: 21px!important;
		font-weight: 400;
    line-height: 100%;
		letter-spacing: 0.5px;
    padding: 10px 15px 10px 0!important;
    margin: 0;
    background: rgba(255,255,255,0.1);
    border: 0;
		border-bottom: 1px solid #000000;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    font-style: normal!important;
}


#page > div > form > div > div > svg > path {
	fill: rgb(90, 90, 90);
}


.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{
	box-shadow: none!important;
	outline: 0;
}


.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    display: none!important;
}

.dgwt-wcas-suggestions-wrapp{
	max-width:100%;
    		/*height:471px!important;*/
}
.dgwt-wcas-details-main-image{
    height:251px;
		width: 300px;

}
.closeSearchIcon {
     position: absolute;
     bottom: 10px;
     left: 50%;
     font-size: 22px;
    cursor:pointer;
}


.dgwt-wcas-suggestions-wrapp {
    border: 0!important;
	margin-top: 10px!important;
	max-height: 70vh !important;
}
@media screen and (min-width: 768px)  {
	.dgwt-wcas-suggestions-wrapp {
		top: 70px !important;
		max-height: 75vh !important;
	}
}
@media screen and (min-width: 992px)  {
	.dgwt-wcas-suggestions-wrapp {
		top: 174px !important;
		max-height: 75vh !important;
	}
}

.dgwt-wcas-suggestion {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start!important;
    resize: vertical;
		width: 100%;
}


.dgwt-wcas-suggestion strong {
    font-weight: 400!important;
}

.dgwt-wcas-content-wrapp {
	align-items: flex-start!important;
}

.dgwt-wcas-sku,
.dgwt-wcas-sd {
		width: 100%!important;
    display: block;
    overflow: hidden;
		font-family: 'Roboto', sans-serif!important;
		font-weight: 200!important;
		border: 0px!important;
		font-size: 14px!important;
		color: #636363;
		line-height: 21px;
}

@media screen and (max-width: 767px) {
	.dgwt-wcas-sd {
		display: none!important;
	}
}

.dgwt-wcas-si {
	width: 150px!important;
	display: block!important;
	overflow: hidden!important;
}

.dgwt-wcas-si img {
    background: #fff none repeat scroll 0 0;
    border: 0!important;
    border-radius: 0px;
    display: block;
    margin: auto;
    padding: 0px;
    height: auto!important
    width: auto;
    max-height: 100%!important;
    max-width: 100%!important;
}



.dgwt-wcas-st {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0
	px;
	font-family: "American Typewriter", monotype;
	font-weight: 400!important;
}

.dgwt-wcas-sp {
	font-size: 16px!important;
  line-height: 20px!important;
  letter-spacing: -0.3px;
  font-family: "American Typewriter", monotype;
  font-weight: 400;
	display: block!important;
}



@media (max-width: 767px) {
    .searchIcon {
        top: -7px;
        padding-right: 20px;
				margin-right: 4px;
    }
    .searchIcon:before {
        width: 36px;
        height: 36px;
        font-size: 16px;
        line-height: 32px;
    }

    .dgwt-wcas-search-wrapp{
        overflow-y:auto;
        overscroll-behavior: contain;
    }
    .dgwt-wcas-search-form {
        padding-top: 10px;
        max-width: 92vw;
        margin: 0 auto;
    }
    .dgwt-wcas-details-wrapp,
    .dgwt-wcas-suggestions-wrapp{
        max-width:92vw;
    }
    .dgwt-wcas-suggestions-wrapp{
	    top: 70px !important;
    }
}
/* End Ajax Search Form */



/* Login / Register Popup */

.login-register-popup .fancybox-bg {
	background-color: #dfdfdd!important;
}

.login-register-forms-wrapper {
	overflow-y: auto;
}

.login-form-container h3 {
	margin-bottom: 20px;
}

.login-form-container ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.login-form-container form .gform_footer {
	text-align: left;

}

.login-form-container .gform_wrapper {
    width: 100%;
}


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

	ul#gform_fields_login li {
		width: 50%;
		display: inline-block;
	}

	ul#gform_fields_login li:nth-child(2) {
		padding-left: 5%;
	}

	ul#gform_fields_login li input[type="text"],
	ul#gform_fields_login li input[type="password"] {
		width: 100%!important;
	}

	ul#gform_fields_login li#field_3 {
		margin-top: 0;
	}


}

.gf_login_form .gform_footer {
	padding: 0;
	margin-top: -20px;
}

.gf_login_form .gform_footer input {
	float: right;
}

.register-link-container {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.register-link-container span {
		display: block;
	}
}

.register-link-container {
	margin-top: 20px;
}


.login-form-container .gform_wrapper #label_3_1 {
	margin-top: 6px;
}

#register-link {
	text-decoration: underline;
	cursor: pointer;
}

.register-form-container {
	display: none;
}

.archive-intro-container {
	margin-top: 30px;
	margin-bottom: -34px;
	padding-top: 60px;
	padding-bottom: 80px;
}

.archive .archive-intro-container {
	margin-bottom: 20px;
}


h1.archive-title {
	text-align: center;
	font-size: 28px;
	color: #636363;
	margin-bottom: 16px;
}

h2.archive-subtitle {
	text-align: center;
	font-size: 24px;
	color: #636363;
	margin-bottom: 16px;
}






.top-row-wrapper {
	position: relative;
	display: none;
	margin-top: 30px;
}




.woocommerce-shop .top-row-wrapper {
	display: block;
}




.parent-category-filter {
	display: none;
}


.parent-category-filter ul {
	padding: 15px 0px;
}

.parent-category-filter ul li {
	width: 50%;
	padding: 0px 0px 0px 15px!important;
	margin-bottom: -20px!important;
}

@media screen and (min-width: 480px) {
	.parent-category-filter ul li {
		width: 33.3%;
		padding: 0 15px 15px 15px!important;
		margin-bottom: 0px!important;
	}
}


@media screen and (min-width: 990px) {
	.parent-category-filter ul li {
		width: 25%;
		padding: 0 15px 15px 15px!important;
	}
}



@media screen and (min-width: 1200px) {
	.parent-category-filter ul li {
		width: 20%;
		padding: 0 15px 15px 15px!important;
	}
}


.parent-category-filter ul li label {
	width: 100%;
	vertical-align: top!important;
}

.parent-category-filter ul li label span.bapf_img_span {
	width: 100%!important;
	height: 0!important;
	padding-bottom: 100%;
	background-size: cover!important;
	border: 0;
}

.parent-category-filter ul li label span.bapf_clr_text {
	display: inline-block!important;
  margin-left: 10px!important;
  margin-right: -10px!important;
  position: relative;
  z-index: 2;
  border-radius: 3px;
  padding: 4px 10px;
  margin-top: -100px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
	letter-spacing: 0.2px;
}

@media screen and (min-width: 768px) {
	.parent-category-filter ul li label span.bapf_clr_text {
	  padding: 10px 20px;
	  margin-top: -150px;
	  color: #ffffff;
	  font-weight: 600;
	  font-size: 21px;
		letter-spacing: 0.5px;
	}
}


.parent-categories-wrapper .row {
	background-color: #ffffff;
}

.parent-category-container {
	margin: 0!important;
	padding: 0!important;

}

.parent-category-container a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}


@media all and (min-width: 1661px) {

//.parent-category-container { width: 20%; }

}

@media all and (min-width: 1981px) {

//.parent-category-container   { width: 16.66666666%; }

}


.parent-category-cta-container {
	position: absolute;
	bottom: 30px;
	z-index: 2;
	width: 100%;
	text-align: center;
}


.parent-category-cta {
	position: relative;
	display: inline-block!important;
  border-radius: 5px;
  padding: 4px 10px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
	letter-spacing: 0.2px;
	-webkit-touch-callout: none; /* iOS Safari */
	 -webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
			-moz-user-select: none; /* Old versions of Firefox */
			 -ms-user-select: none; /* Internet Explorer/Edge */
					 user-select: none; /* Non-prefixed version, currently
																 supported by Chrome, Edge, Opera and Firefox */
}


.parent-category-cta::after {
	width: 100%;
	height: 32px;
	background-color: transparent;
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	border-radius: 5px;
	mix-blend-mode: soft-light;
	transition: background-color 0.1s;
}

.parent-category-cta:hover::after {
	background-color: rgba(0,0,0,0.5);
	transition: background-color 0.1s;
}


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

	.parent-category-cta-container {
		bottom: 70px;
	}


	.parent-category-cta {
	  padding: 4px 16px;
	  color: #ffffff;
	  font-size: 21px;
	}

	.parent-category-cta::after {
		width: 100%;
		height: 39px;
	}
}



.subcategory-slider-title {
	padding: 10px 15px 0px 15px;
	margin-left: 10px;
	margin-right: -25px;
	text-align: center;
	background-color: #ffffff;
	display: none;
	/* Change 10/2026: border: none as on live – otherwise the category colour also shows as a bottom line */
	border: none;
	border-top: 3px solid transparent;
}

.subcategory-slider-title h2 {
	text-align: center;
	font-size: 21px;
	color: #636363;
}

@media screen and (min-width: 768px) {
	.subcategory-slider-title {
		padding: 25px 15px 0px 15px;
		margin-left: -5px;
		margin-right: -25px;
}

	.subcategory-slider-title h2 {
		font-size: 24px;
	}
}



.subcategory-slider {
	margin-bottom: 40px!important;
}

.subcategory-slider ul {
	padding: 5px 15px 0px 0;
	white-space: nowrap;
	overflow-y:none;
  overflow-x: hidden;
	background: #ffffff;
	/*width: calc(100% - 15px);
	margin-left: 25px!important;*/
	width: calc(100% + 15px);
  margin-left: 10px!important;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.subcategory-slider ul {
		padding: 15px 15px 15px 0;
		/*width: calc(100% - 30px);
		margin-left: 25px!important;*/
		width: calc(100% + 25px);
		margin-left: 0px!important;
	}
}


.subcategory-slider ul li {
	width: 50%;
	padding: 0 5px 15px 5px!important;
	-webkit-touch-callout: none; /* iOS Safari */
	 -webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
			-moz-user-select: none; /* Old versions of Firefox */
			 -ms-user-select: none; /* Internet Explorer/Edge */
					 user-select: none; /* Non-prefixed version, currently
																 supported by Chrome, Edge, Opera and Firefox */
}



@media screen and (min-width: 375px) {
	.subcategory-slider ul li {
		width: 33.3%;
	}
}


@media screen and (min-width: 768px) {
	.subcategory-slider ul li {
		width: 20%;
		padding: 0 15px 15px 15px!important;
	}
}

@media screen and (min-width: 990px) {
	.subcategory-slider ul li {
		width: 14.2857142857%;
	}
}

@media screen and (min-width: 1200px) {
	.subcategory-slider ul li {
		width: 10%;
		padding: 0px 7.5px 5px 7.5px!important;
	}
}


.subcategory-slider ul li.bapf_hide { display: none!important; }

.subcategory-slider ul li label {
	width: 100%;
	vertical-align: top!important;
}




.subcategory-slider ul li label span.bapf_img_span {
	width: 100%!important;
	height: 0!important;
	padding-bottom: 100%;
	border-radius: 50%;
	background-size: cover!important;
	border: 0;
}


.subcategory-slider ul li label span.bapf_clr_text {
  margin-left: 10px!important;
  margin-right: -10px!important;
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.2px;
  white-space: break-spaces;
	text-transform: none;
	-webkit-touch-callout: none; /* iOS Safari */
	 -webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
			-moz-user-select: none; /* Old versions of Firefox */
			 -ms-user-select: none; /* Internet Explorer/Edge */
					 user-select: none; /* Non-prefixed version, currently
																 supported by Chrome, Edge, Opera and Firefox */
}

.subcategory-slider ul li:hover label span.bapf_clr_text,
.subcategory-slider ul li.checked label span.bapf_clr_text {
	text-decoration: underline;
}


.left-button-container {
		display: none;
    width: 60px;
    overflow:hidden;
    float:left;
    clear:none;
		position: absolute;
		left: 0px;
		z-index: 2;
		margin-top: 25px;
}

.left-button-container.active {
	display: flex;
	justify-content: center;
	align-items: center;
}

.right-button-container {
		display: none;
    width:60px;
    overflow:hidden;
    clear:none;
		right: 0px;
    position: absolute;
		z-index:2;
		margin-top: 25px;
	}


.right-button-container.active {
		display: flex;
		justify-content: center;
		align-items: center;
	}

@media screen and (min-width: 990px) {
	.left-button-container {
		left: 30px;
	}
	.right-button-container {
		right: 30px;
	}
}

.subcategory-slider-button {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	background-color: #f7f7f7;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
}

.subcategory-slider-button:hover {
	background-color: #ffffff;
}









.top-row-wrapper .widget { margin: 0; }


#top-row-1 .widget-title { display: none; }




#top-row-1 {
	margin-right: 25px;
	margin-left: -10px;
}

@media screen and (min-width: 768px) {
	#top-row-1 {
		margin-right: 25px;
		margin-left: 5px;
	}
}

/*---------------------------------------------------
Inventory Breadcrumbs / Filter Button
---------------------------------------------------*/


.mobile-inventory-link {
	float: left;
	margin-left: 15px;
	font-size: 14px;
	letter-spacing: 1.3px;
	font-weight: 400!important;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
}

.mobile-inventory-link a {
	color: #4A4A4A;
}

.mobile-inventory-link span {
	margin-right: 8px;
}

@media screen and (min-width: 768px) {
	.mobile-inventory-link {
		display: none;
	}
}

.inventory-breadcrumbs {
	float: left;
	margin-left: 15px;
	margin-top: 2px;
	display: none;
}


@media screen and (min-width: 768px) {
	.inventory-breadcrumbs {
		display: block;
	}

}

.inventory-breadcrumbs,
.filter-button,
.filter-count {
	font-size: 14px;
	letter-spacing: 1.3px;
	font-weight: 400!important;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	.filter-button,
	.filter-count {
		font-size: 14px;
	}
}

#parent-category-breadcrumb-title-divider,
#child-category-breadcrumb-title-divider { display: none; }

.clear-filter-link {
	display: none;
}

/*
.clear-filter-link {
		display: none;
    background-color: red!important;
    font-weight: 200!important;
    line-height: 1.35em!important;
    font-size: 12px;
		text-align: center;
		border-radius: 50%;
    height: 1.2em;
    width: 1.2em;
    text-align: center;
    color: #ffffff!important;
    text-decoration: none;
    font-weight: 300;
    border: 0;
}

*/

.clear-filter-link {
	display: none;
}

.clear-filter-link i {
    color: red!important;
    font-size: 16px;
    text-decoration: none;
		position: relative;
		top: 2px;
		cursor: pointer;
}


.woocommerce-result-count {
	display: none!important;
}

.product-counter-container {
	float: left;
	margin-right: 16px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.3px;
	font-weight: 400!important;
	font-family: "Roboto", sans-serif;
	margin-top: 2.3px;
}

@media screen and (min-width: 768px) {
	.product-counter-container {
		float: right;
		font-size: 14px;
	}
}

/*---------------------------------------------------
Hero Images
---------------------------------------------------*/


.main-hero-image,
.left-hero-image,
.right-hero-image {
		object-fit: cover;
		padding: 0;
		height: 560px;
}


.main-hero-image img,
.left-hero-image img,
.right-hero-image img {
	//max-width: none;
}

.main-hero-image { object-position: 50% 50%; }

.left-hero-image { object-position:  100% 50%; }

.right-hero-image { object-position:  50% 100%; }





@media (max-width: 767px) {
	.main-hero-image,
	.left-hero-image,
	.right-hero-image {
		height: 360px;
	}

}






/*------------------- MENU and SEARCH-----------------------*/

.desktop-menu {
	margin-top: 50px;
	padding-bottom: 10px;
}

.desktop-menu ul li:first-child {
	display: none;
}

.desktop-menu ul li.active a {
	text-decoration: underline;
}

.desktop-menu ul li a:hover {
	text-decoration: underline;
	color: #8d8d8d;
	transform: color 0.3s;
}

.desktop-menu ul li a {
	transform: color 0.3s;
}



.menu-icon-container {
    position: absolute;
    z-index: 15;
		top: 18px;
		left: 15px;
}


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


	.menu-icon-container {
			top: 50px;
			left: 50px;
			transition: all 0.3s;
	}



	.menu-icon-container.small-header {
			top: 22px;
			transition: all 0.3s;
	}

}

.toggle-button {
  position: absolute;
  width: 33px;
  height: 22px;
  transition: .25s;
  z-index: 15;
}

.toggle-button:hover {
  cursor: pointer;
}


.toggle-button .menu-bar {
  position: absolute;
  border-radius: 2px;
  width: 80%;
  transition: .5s;
}


.toggle-button .menu-bar-top {
  border: 1px solid #000000;
  border-bottom: none;
  top: 0;
}


.toggle-button .menu-bar-middle {
  height: 1px;
  background-color: #000000;
  margin-top: 3px;
  margin-bottom: 3px;
  top: 3px;
}


.toggle-button .menu-bar-bottom {
  border: 1px solid #000000;
  border-top: none;
  top: 12px;
}


.button-open .menu-bar-top {
  transform: rotate(45deg) translate(5px, 5px);
  transition: .5s;
}


.button-open .menu-bar-middle {
  transform: translate(-180px);
  transition: .1s ease-in;
  opacity: 0;
}


.button-open .menu-bar-bottom {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: .5s;
}




.menu-wrap {
    background-color: #ffffff;
    position: fixed;
    right: 0;
		left: -10px;
		top: 0;
		bottom: 0;
    height: 100%;
		width: 0;
		padding-top: 140px;
		padding-bottom: 50px;
		padding-left: 0px;
    font-weight: 100;
    overflow: auto;
    transition: .25s;
    z-index: 10;
		text-transform: uppercase;
		overflow-y: hidden;
		-webkit-box-shadow: 0px 0px 7px 1px #dbdbdb;
		box-shadow: 0px 0px 7px 1px #dbdbdb;
}

.close-menu-click-area {
	width: 260px;
	height: 50px;
	background: transparent;
	position: absolute;
	top: 60px;
	cursor: pointer;
}

.close-menu-click-area.small-header {
	top: 20px;

}

.menu-wrap a {
    color: #404040;
    text-decoration: none;
}

.menu-wrap a:hover {
		text-decoration: underline;
    color: #8d8d8d;
}

.menu-show {
		left: 0;
    width: 100%;
		position: fixed;
		padding-left: 50px;
		overflow-y: auto;
		overflow-x: hidden;
}



@media screen and (min-width: 768px) {
	.menu-show {
			left: 0;
			padding-left: 90px;
	    width: 400px;
	}
}






.menu-wrap .menu-sidebar { text-align: center; }

.menu-wrap .menu-sidebar ul {
  list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 300px;
}


@media screen and (min-width: 411px) {
	.menu-wrap .menu-sidebar ul {
		width: 360px;
	}
}



@media screen and (min-width: 768px) {
	.menu-wrap .menu-sidebar ul {
		width: 310px;
	}
}




.menu-wrap .menu-sidebar > div > ul {
    list-style: none;
    margin: 0;
}



.menu-wrap .menu-sidebar ul li {
    font-size: 21px;
    line-height: 29px;
    cursor: pointer;
}

.menu-wrap .menu-sidebar ul li.small-font,
.menu-wrap .menu-sidebar ul li:last-child {
		font-size: 16px!important;
		line-height: 29px;
    cursor: pointer;
}

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

	.menu-wrap .menu-sidebar ul li {
	    font-size: 21px;
	    line-height: 29px;
	}


	.menu-wrap .menu-sidebar ul li.small-font,
	.menu-wrap .menu-sidebar ul li:last-child{
			font-size: 21px!important;
			line-height: 29px!important;
	    cursor: pointer;
	}
}


.menu-wrap .submenu { margin: 0; }


.menu-wrap .sub-menu-button {
    color: #393937;
    margin-left: 30px;
    cursor: pointer;
}

.menu-wrap .sub-menu-back-button {
    color: #393937;
    cursor: pointer;
    padding-bottom: 8px;
    display: block;
    margin-top: 8px;
}


.menu-wrap .sub-menu-back-button .fa {
    font-size: 13px;
    font-weight: bold;
}

.menu-wrap .sub-menu-back-button span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    margin-left: 8px;
    position: relative;
    top: 0px;
}

.menu-wrap .sub-menu {
    padding: 104px 40px 100px 80px;
    background-color: #f1f1f1;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 320px;
    margin-right: -320px;
    font-size: 20px;
    font-weight: 100;
    overflow: auto;
    transition: .25s;
    z-index: 11;
}


.menu-wrap .sub-menu-show {
    margin-right: 0;
}









@media (max-width: 767px) {


	.desktop-menu {
		display: none;
	}

	.mobile-menu {
		display: block;
	}


    header { background-color: #ffffff;}



		.site-branding svg {
				width: 100%;
    }


		.search-icon-link::before {
		    width: 36px;
		    height: 36px;
				font-size: 14px;
		    line-height: 29px;
				border-color: #e2e2e2;
		}


	.wishlist-counter a::before {
	    width: 36px;
	    height: 36px;
		font-size: 14px;
	    line-height: 32px;
		color: #cfcfcf!important;
		border-color: #e2e2e2;

	}




	.wishlist-counter-container {
	    padding-bottom: 0;
		top: 2px;
	}



}



@media (max-width: 990px) {

.main-navigation { font-size: 14px; }

}






/* -----------------------------------------------------------------------------
#  Footer
----------------------------------------------------------------------------- */


.site-footer {
	background-color: #c7c7c7;
	width: 100%;
}





.social-profile-container { margin-top: -20px; }


.social-circle {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 8px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 22px;
    text-align: center;
		border: 2px solid rgba(227,227,227,0.5);

}



.social-circle {
background-color: #aeaeae;
color: #fff!important;
-webkit-transition: color 0.2s;
transition: color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}

.social-circle:hover {
    background-color: #8b8b8b;
    color: #ffffff!important;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}




.fa-facebook {
	position: relative;
	top: 0px;
	left:  0px;
}

.fa-twitter {
	position: relative;
	top: 1px;
	right: -1px;
}

.fa-instagram {
	position: relative;
  right: 0px;
	top: 0px;
}

.fa-xing {}

.fa-linkedin {}

.fa-google-plus { }

.fa-youtube-play {}

.fa-pinterest-p {
	position: relative;
	top: 1px;
	right: 0px;
}


.footer-logo-container {
	width: 160px;
	margin: 0 auto;
	position: relative;
	left: -3px;
}

.site-footer .logo-container { margin-top: 16px; }


ul.footer-colophon-container {
	padding: 0;
	margin: 16px 0;
	display: inline-block;

}


ul.footer-colophon-container li {
	display: inline-block;
	color: #fff;
	font-size: 14px;
}


ul.footer-colophon-container li a {
	color: #fff;
}


ul.footer-colophon-container li:after {
	content: '|';
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
	top: -5px;
}



ul.footer-colophon-container li:last-child::after {
	content: '';
	margin-left: 0px;
	margin-right: 0px;
}






@media (max-width: 523px) {

	ul.footer-colophon-container li:after {
		content: '';
		margin-left: 0px;
		margin-right: 0px;
}


ul.footer-colophon-container li {
	display: block;
	}

}



@media (max-width: 640px) {

	.second-footer-container li:nth-child(3):after {
			content: '';
			margin-left: 0px;
			margin-right: 0px;
	}

	.second-footer-container li:nth-child(4) {
		display: block;
		margin-top: 10px;
		margin-bottom: 20px;
}

}

/* Change 10/2026 (Tom, 22.10.2026): footer links (e-mail, phone, Impressum, Datenschutz, AGB), spacing.
   Before: up to 523px the list was stacked, "Datenschutzerklärung" had 10px above and 20px below (uneven gaps), phone number and
   "Impressum" had none; from 524px to 640px the same rule gave three rows with gaps of 10.5px and 22.5px; the English
   labels wrapped between 641px and 991px ("Terms and Conditions" alone in the second row, a "|" at the end of the first one);
   the space below the last link was 10px (16px from 1200px).
   Now, top to bottom (stacked): logo, 10px (existing space of the list), e-mail, phone number (no extra gap), then half of that space (5px)
   above "Impressum", Impressum / Datenschutz / AGB with the same line spacing as e-mail and phone, below the last entry the same space as
   from the top edge of the footer to the logo (34px: 18px social icons inside the footer + 16px above the logo).
   - Stacked up to 640px in German and English, in English up to 991px (the English row is 729px wide, the page column is 720px up to
     991px and 940px from 992px, so it only fits from 992px). Above that the links stay in one row with the separators, as before.
   - Space below the last link: 34px on every screen width (set on the list, so it is the same stacked and in one row; in one row it can
     measure 0.5px more because of the line box).
   Change the two values --gv-footer-gap and --gv-footer-bottom here. */
ul.footer-colophon-container.second-footer-container {
	--gv-footer-gap: 10px;
	--gv-footer-bottom: 34px;
	margin-bottom: var(--gv-footer-bottom) !important;
}

@media (max-width: 640px) {

	ul.footer-colophon-container.second-footer-container li {
		display: block;
	}

	ul.footer-colophon-container.second-footer-container li::after {
		content: '';
		margin-left: 0;
		margin-right: 0;
	}

	ul.footer-colophon-container.second-footer-container li:nth-child(3) {
		margin-top: calc(var(--gv-footer-gap) / 2);
	}

	ul.footer-colophon-container.second-footer-container li:nth-child(4) {
		margin-top: 0;
		margin-bottom: 0;
	}

}

/* English: the same stacked list up to 991px (same rules as above, only the width and the language differ). */
@media (max-width: 991px) {

	html[lang^="en"] ul.footer-colophon-container.second-footer-container li {
		display: block;
	}

	html[lang^="en"] ul.footer-colophon-container.second-footer-container li::after {
		content: '';
		margin-left: 0;
		margin-right: 0;
	}

	html[lang^="en"] ul.footer-colophon-container.second-footer-container li:nth-child(3) {
		margin-top: calc(var(--gv-footer-gap) / 2);
	}

	html[lang^="en"] ul.footer-colophon-container.second-footer-container li:nth-child(4) {
		margin-top: 0;
		margin-bottom: 0;
	}

}

@media (max-width: 1199px) {

	ul.footer-colophon-container {
		display: block;
		position: relative;
		margin: 10px 0!important;
	}

}



@media (min-width: 767px) {

.error404 footer,
.search-no-results  footer {
	position: absolute;
	bottom: 0;
}

}



@media (min-width: 1200px) {


ul.footer-colophon-container.second-footer-container li:first-child::before {
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
	top: -5px;
}

}


/* -----------------------------------------------------------------------------
#  Main
----------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------
#  Home
----------------------------------------------------------------------------- */




.homepage-text-intro-container {
	margin-top: 20px;
	margin-bottom: 50px;
}

.home-text-wrapper {
	position: relative;
	padding-top: 50px;
}


.home-text-wrapper .main-headline,
.home-logo-wrapper .main-headline {
	color: #323232;
	font-size: 26px;
	margin-bottom: 32px;
	text-align: center;
	position: relative;
	z-index: 2;
}


.home-text-wrapper .sub-headline,
.home-logo-wrapper .sub-headline {
	color: #666666;
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.home-text-wrapper .textblock,
.home-logo-wrapper .textblock {
	color: #323232;
	font-size: 18px;
	font-weight: 200;
	line-height: 24px;
	margin-bottom: 40px;
	text-align: center;
	position: relative;
	z-index: 2;
}

 .home-logo-wrapper {
	 margin: 0 50px 30px 50px;
 }

.home-logo-wrapper .textblock a {
	text-decoration: underline;
	transform: color 0.3s;
}


.home-logo-wrapper .textblock a:hover {
	text-decoration: underline;
	color: #8d8d8d;
	transform: color 0.3s;
}


.home-textblocks {
	margin-bottom: 70px;
	color: #323232;
	font-size: 18px;
	font-weight: 100;
}


.home-textblock-title {
	letter-spacing: 0.25px;
	margin-bottom: 16px;
	font-size: 20px;
	color: #666666;
}


.home-logo-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
	flex-wrap: wrap;
}


.client-logo {
	max-width: 180px;
	width: calc(15% - 20px);
	text-align: center;
	margin-bottom: 30px;
}

@media (max-width: 980px) {
   .client-logo { width: 25%;}

	 .homepage-text-intro-container {
	 	margin-top: 0px;
	 	margin-bottom: 30px;
	 }

}


@media (max-width: 767px) {
   .client-logo { width: 50%;}

	 .home-logo-wrapper {
		 margin: 0 20px 30px 20px;
	 }


}


/* ------------------------------ Slideshows ----------------------------------*/



.home-hero-slider {
    width: calc(100% + 30px);
    margin-left: -15px;
		overflow: hidden;
		height: 560px;
}


.home-hero-slider .item {
    height: 560px;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
}

.home-hero-slider .item img {
	width: 100%;
}



.home-hero-slider ul.slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
		padding-left: 0;
		margin-left: 0;
		list-style-type: none;
		display: flex;
		align-items: flex-end;
		justify-content: center;

}

.home-hero-slider ul.slick-dots li {
	height: 16px;
	width: 16px;
	font-size: 0;
	display: inline-block;
	margin: 0 6px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.5);
	transition: background-color 0.2s;
	cursor: pointer;
}

.home-hero-slider ul.slick-dots li:hover,
.home-hero-slider ul.slick-dots li.slick-active {
	background-color: rgba(255,255,255,1);
}

.home-hero-slider ul.slick-dots li button {
	display: none;
}


.home-hero-slider-nav {
	position: absolute;
	width: 0;
	top: 0px;
	bottom: 0px;
	color: transparent;
	background: transparent;
	pointer-events: all;
	cursor: pointer;
}

.home-hero-slider-nav i.fal {
    position: absolute;
		z-index: 2;
    width: 40px;
		height: 40px;
    top: 50%;
		margin-top: -20px;
    color: var(--gv-grey);
    background-color: #ffffff;
		border-radius: 50%;
    pointer-events: all;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		transition: background-color 0.2s;
}

.home-hero-slider-nav:hover i.fal {
	background-color: #f7f7f7;
}


.home-hero-slider-nav.next-nav {
		right: 55px;
}

.home-hero-slider-nav.prev-nav {
		left: 15px;
}

@media (min-width: 768px){
	.home-hero-slider-nav.next-nav {
		right: 120px;
	}

	.home-hero-slider-nav.prev-nav {
		left: 80px;
	}
}

@media (min-width: 991px){
	.home-hero-slider-nav.next-nav {
		right: 150px;
	}

	.home-hero-slider-nav.prev-nav {
		left: 110px;
	}
}



.home-product-slider li.archive-product {
    height: auto;
    padding: 0%;
    border: 0;
    background: #f1f1f1;
    text-align: center;
		margin-bottom: 0!important;
}

.home-product-slider .archive-details-and-background {
  left: 0!important;
  right: 0!important;
}

.home-product-slider .item img { width: 100%; height: auto; }




.photo-wrapper {
    position: relative;
    height: 100%;
}


.hero-lens {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}


.slide-image { height: 100%; }


.hero-title-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}



.hero-title-container .hero-headline {
	margin: 0 0 14px;
	font-family: "American Typewriter", monospace;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 1.5;
	font-size: 74px;
	text-transform: uppercase;
	font-stretch: ultra-condensed;
}


.hero-title-container .hero-subline {
  margin: 0 60px 20px;
	font-family: "American Typewriter", monospace;
	font-weight: 400;
	letter-spacing: 0.35px;
	line-height: 1.5;
	font-size: 36px;
}


.hero-title-container .cta-button {
	display: inline-block;
	padding: 4px 22px;
	border-radius: 5px;
	font-size: 18px;
	position: relative;
	text-decoration: none!important;
}

@media screen and (max-width: 768px) {
	.hero-title-container .cta-button {
		max-width: 300px;
	}
}


.hero-title-container .cta-button .cta-button-text {
	position: relative;
	z-index: 2;
}

.photo-wrapper a { text-decoration: none; }

.hero-title-container .cta-button .cta-button-bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	transition: background-color 0s;
	position: absolute;
	z-index: 1;
	display: inline-block;
	border-radius: 5px;

}


.hero-title-container .cta-button:hover .cta-button-bg {
	background-color: rgba(0,0,0,0.1);
}




.featured-product-container {
	position: relative;
}


.new-product-circle {
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	color: #fff;
	background-color: rgba(236,184,81, 0.3);
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	transition: background-color 0.2s;
}



.featured-product-container:hover .new-product-circle {
	background-color: rgba(236,184,81, 0.5);
	transition: background-color 0.2s;
}


@media (max-width: 414px) {

    .hero-title-container .hero-headline {
        font-size: 32px!important;
        line-height: 48px;
    }

    .hero-title-container .hero-subline {
        font-size: 24px!important;
        line-height: 36px;

    }

}

@media (max-width: 767px) {

.home-textblocks > div div { margin-bottom: 20px; }


}


@media (min-width: 415px) and (max-width: 767px) {

.home-textblocks > div div { margin-bottom: 20px; }

.hero-title-container .hero-headline {
		font-size:42px!important;
		line-height: 54px;
}

.hero-title-container .hero-subline {
		font-size: 36px!important;
		line-height: 42px;

}

}


@media (min-width: 768px) and (max-width: 990px) {

.home-textblocks > div div { margin-bottom: 20px; }

.hero-title-container .hero-headline {
		font-size:54px!important;
		line-height: 64px;
}

.hero-title-container .hero-subline {
		font-size: 42px!important;
		line-height: 48px;

}

}


/* -----------------------------------------------------------------------------
#  Archive
----------------------------------------------------------------------------- */


/* Filter Sidebar */


.filter-button-container {
	display: inline;
  float: right;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.filter-button-container {
		margin-right: 15px;
	}
}

.filter-button {
	color: #4A4A4A;
	background: transparent;
	padding: 0;
}

.filter-button:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #8d8d8d;
	background: transparent;

}





.filter-sidebar {
    background-color: #ffffff;
    position: fixed;
		right: -20px;
		top: 0;
		bottom: 0;
		width: 0;
		padding-left: 0px;
		padding-right: 10px;
    font-weight: 100;
    z-index: 10;
		text-transform: uppercase;
		-webkit-box-shadow: 0px 0px 7px 1px #dbdbdb;
		box-shadow: 0px 0px 7px 1px #dbdbdb;
		transition: width 0.25s;
}




.filter-sidebar a {
    color: #404040;
    text-decoration: none;
}

.filter-sidebar-active {
		right: -10px;
    width: calc(100% + 10px);
		position: fixed;
		padding-left: 20px;
}



@media screen and (min-width: 768px) {
	.filter-sidebar-active {
			right: -10px;
	    width: 330px;
	}
}





.filter-sidebar { text-align: left; }

.filter-close-button-wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 31px;
	transition: all 0.3s;
}

.filter-close-button {
	width: 25px;
	height: 25px;
	margin-right: 20px;
	cursor: pointer;
}



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

	.filter-close-button-wrapper {
		margin-top: 50px;
	}


	.filter-sidebar.small-header .filter-close-button-wrapper {
	    margin-top: 24px;
	    margin-bottom: 7px;
			transition: all 0.3s;

	}

	.filter-sidebar.small-header  .filter-sidebar-title {
	    top: 0;
			transition: all 0.3s;
	}

}




.filter-sidebar .filter-sidebar-title {
	font-size: 18px;
	letter-spacing: 1.3px;
	font-weight: 400!important;
	font-family: "Roboto", sans-serif;
	position: relative;
	top: 21px;
	transition: all 0.3s;
}


.filter-close-button .menu-bar-top {
  border-top: 1px solid #000000;
	transform: rotate(45deg) translate(4px, 4px);
}




.filter-close-button .menu-bar-bottom {
	border-top: 1px solid #000000;
	transform: rotate(-45deg) translate(5px, -5px);
	top: 12px;
	position: relative;
}





.filter-sidebar-content {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}



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



.product-sorting {
	display: none;
	height: 80px;
	padding-right: 20px;
	width: 100%;
}


.product-sorting form,
.product-sorting select {
	width: 100%;
}


.filter-sidebar ul {
  list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.filter-sidebar > ul {
    list-style: none;
    margin: 0;
}



.filter-sidebar ul li {
    font-size: 16px;
    line-height: 27px;
    cursor: pointer;
}


.filter-sidebar ul li.checked label,
.filter-sidebar ul li.checked label span:last-child {
	text-decoration: underline;
}


.filter-sidebar ul li label,
.filter-sidebar ul li label span:last-child {
	color: #404040;
	font-weight: 200;
}



.price-title-container,
.filter-title-container {
	width: calc(100% - 20px);
	border-top: 1px solid #404040;
	padding-top: 40px;
	padding-bottom: 25px;
	cursor: pointer;
}



.filter-title {
	display: inline;
	font-weight: 200!inportant;
	font-size: 16px;
	line-height: 27px;
	color: #404040;
}

.price-title-container:hover .filter-title,
.filter-title-container:hover .filter-title {
	text-decoration: underline;
	color: #8d8d8d;
}


.filter-expand-button::before,
.price-expand-button::before {
  float: right;
	height: 50px;
	width: 16px;
	display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: '\f067';
  font-weight: 300;
	color: #8c8c8c;
	position: relative;
	top:-2px;
}

.filter-expand-button span:hover,
.price-expand-button span:hover { text-decoration: underline; }


.filter-expand-button.active::before,
.price-expand-button.active::before {
  content: '\f068';
}

.filter-clear-button-header {
	border-bottom: 1px solid #323232;
	width: calc(100% - 20px);
}

/* Filter sidebar: reset button (BeRocket filter with CSS class "clear-filter-button", DE + EN) – Change 10/2026
   margin-top = distance to the line above, font matches the filter headings */
.filter-sidebar .clear-filter-button .bapf_reset {
	margin-top: 24px !important;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400 !important;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	line-height: 20px;
	padding: 8px 16px !important;
}


.color-filter ul li label span.bapf_img_span {
	width: 24px!important;
	height: 24px!important;
	border-radius: 50%;
	background-size: cover!important;
	border: 1px solid #bbb;
}



.bapf_sfilter .bapf_clr_span,
.bapf_sfilter .bapf_img_span {
	border: 1px solid #bbb;
	width: 20px!important;
	height: 20px!important;
	margin: 5px 10px 5px 0;
}

.filter-sidebar .bapf_clr_text {
	font-weight: 400;
	text-transform: lowercase;
}

 /* Subcategory Slider */

.bapf_head {
	display: none!important;
}

.bapf_ckbox label {
	font-size: 14px;
	font-weight: 300;
	text-transform: capitalize;
	position: relative;
	top: 5px;
}


.bapf_sfilter.bapf_ckbox input[type=checkbox] {
	margin-right: 10px;
	border-color: #323232;
}

.bapf_sfilter.bapf_button_berocket .bapf_button {
  font-weight: 200!important;
  padding: 5px;
  font-size: 16px;
  line-height: 25px;
	display: inline-block;
	border: 1px solid #323232!important;
	background-color: #ffffff;
	color: #323232;
	border-radius: 4px!important;
	position: relative;
	text-decoration: none!important;
	margin-top: 50px;
	transition: all 0.25s;
}

.bapf_sfilter.bapf_button_berocket .bapf_button:hover {
	background-color: #f7f7f7;
	transition: all 0.25s;
}




.woocommerce ul.products li.archive-product .cta-button {
	display: inline-block;
	padding: 4px 22px;
	background-color: #7bc880;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	position: relative;
	margin-top: 8px;
	text-decoration: none!important;
}



.archive-main-title {
	font-size: 26px;
	font-weight: 400;
	font-family: "American Typewriter", monospace;
	color: #323232;
}


.archive-opening-paragraph {
	font-size: 16px;
	color: #323232;
	font-weight: 200;
	padding-top: 12px;
}

.archive-search-term-container {
	width: 100%;
	padding: 0 15px 30px 15px;
	text-align: center;
}

.archive-search-term-container span {
	font-weight: 700;
}


.woocommerce-products-header { display: none; }

.woocommerce ul.products { margin: 0 0px 80px 0px; }

.woocommerce ul.products li.archive-product {
	margin-bottom: 30px; }

.woocommerce ul.products li.archive-product img { width: 100%; }


ul.products li.archive-product a.add-request-quote-button:before {
	font-family: FontAwesome;
    content: "\f004";
		font-size: 16px;
}


ul.products li.archive-product a.add-request-quote-button {
	font-size: 0;
}

	.woocommerce ul.products li.archive-product {
		position: relative;
	}

	.woocommerce ul.products li.archive-product .archive-details-and-background {
		position: absolute;
		background-color: rgba(255,255,255,0.0);
		opacity: 0;
		transition: opacity 0.2s;
		display: flex;
		top: 0;
		left: 15px;
		right: 15px;
		bottom: 0;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		padding: 30px;
	}

.up-sells ul.products li.archive-product .archive-details-and-background,
.related ul.products li.archive-product .archive-details-and-background {
		left: 0px;
		right: 0px;
	}

	.woocommerce ul.products li.archive-product .archive-details-and-background:hover {
			background-color: rgba(255,255,255,0.7);
			opacity: 1;
			transition: opacity 0.1s;
	}


	.archive-details-and-background.active {
		background-color: rgba(255,255,255,0.7);
		opacity: 1;
		transition: opacity 0.1s;
	}


.woocommerce ul.products li.archive-product .archive-details-and-background h3 {
		line-height: 24px;
		font-size: 24px;
}

.woocommerce ul.products li.archive-product .archive-details-and-background .archive-price { margin-top: 12px; }


@media screen and (min-width: 455px) and (max-width: 1281px) {
		.woocommerce ul.products li.archive-product .archive-details-and-background h3 {
			line-height: 23px;
			font-size: 19px;
		}

		.woocommerce ul.products li.archive-product .archive-details-and-background {
			font-size: 14px;
			padding-top: 55px;
		}

	.archive-stock-level {
		display: none;
	}

	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-price {
		margin-top: 3px;
		line-height: 18px;
		margin-bottom: -5px;
	}

	.woocommerce ul.products li.archive-product a.button {
		right: 25px!important;
		top: 0px!important;
	}


	}






	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-price span { color:var(--gv-grey); }


	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-stock-level { margin-top: 12px; }

	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-stock-level span { color:var(--gv-grey); }


	.inventory-info {
		color: #323232;
		font-size: 18px;
		font-weight: 400;
		padding: 22vh 0 26vh 0;
		text-align: center;
		width: 100%;
	}


.woocommerce-ordering {
	display: none;
}


.product-sorting ~ form {
	width: 100%;
	padding-right: 20px;
	margin-top: 30px!important;
}

.product-sorting ~ form select {
	width: 100%;
}


.woocommerce-pagination {
	margin-top: -50px;
	margin-bottom: 60px;
	font-size: 18px;
	color: #636363;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}


.woocommerce-pagination ul,
.woocommerce-pagination ul li { border: 0!important; }


.woocommerce-pagination a  {	color: #636363!important;
}

@media (max-width: 414px) {
	.woocommerce ul.products li.archive-product {
		margin-bottom: 15px;
	}

	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-stock-level {
		margin-top: 0px;
		margin-bottom: 12px;
	}


}


.lmp_products_loading,
.lmp_load_more_button {
	font-family: "Roboto", sans-serif!important;
	font-weight: 700px!important;
	padding-bottom: 80px;
}


/* Archive Add to Wishlist Button */

 ul.products li.archive-product .archive-add-to-wishlist-button-wrapper {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 8;
}


.products .add-to-quote-feedback-circle-wrapper {
  position:absolute;
  border-radius:50%;
  width:44px;
  height:44px;
  overflow:hidden;
	top: -2px;
	right: -2px;
	z-index: 0;
	display: none;
}


.change-stock-quantity-feedback-outer-wrapper {
	position: relative;
	margin-left: 36px;
	z-index: 0;
}

.change-stock-quantity-feedback-circle-wrapper {
	position: absolute;
	border-radius: 50%;
	width: 49px;
	height: 48px;
	overflow: hidden;
	z-index: 0;
	display: none;
	top: -1px;
	left: -2.5px;
	display: none;
}

.products .add-to-quote-feedback-inner-circle {
	position:absolute;
  left:2px;
  top:2px;
  border-radius:50%;
  width:40px;
  height:40px;
  overflow:hidden;
  background: #fff;
}


.products .add-to-quote-feedback-outer-circle,
.change-stock-quantity-feedback-inner-circle {
  animation: myfirst 2s;
  -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
  animation-timing-function: linear;
  position:absolute;
  top:50%;
  left:0px;
  width:50%;
  height:50%;
  background:var(--gv-accent);
  transform-origin: 100% 0%;
  transform: rotate(0deg);
}


.change-stock-quantity-feedback-outer-circle {
	position: absolute;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
  background: #fff;
  left: 3px;
	top: 5px;
}



.woocommerce.ywraq-wrapper .quantity {
	position: relative;
	z-index: 2;
}



.up-sells.products .products .add-to-quote-feedback-circle-wrapper,
.related.products .products .add-to-quote-feedback-circle-wrapper {
	top: 5px;
}

@media all and (max-width: 1024px) {
	.up-sells.products .products .add-to-quote-feedback-circle-wrapper,
	.related.products .products .add-to-quote-feedback-circle-wrapper {
		top: 15px;
	}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background: var(--gv-accent);transform: rotate(0deg);}
    50%  {background: #ffffff;transform: rotate(180deg);}
    100% {background: var(--gv-accent);transform: rotate(359deg);}
}

/* Standard syntax */
@keyframes myfirst {
   0%   {background: var(--gv-accent);transform: rotate(0deg);}
    50%  {background: #ffffff;transform: rotate(180deg);}
    100% {background: var(--gv-accent);transform: rotate(359deg);}
}


/* Related Slider Add to Wishlist Button */

.upsells ul.products li.archive-product .archive-add-to-wishlist-button-wrapper,
.related.products ul.products li.archive-product .archive-add-to-wishlist-button-wrapper {
	top: 5px;
	right: 15px;
}

.upsells ul.products li.archive-product .pinterest-circle,
.related.products ul.products li.archive-product .pinterest-circle {
	bottom: 20px;
	right: 15px;
}


.woocommerce ul.products li.archive-product a.button {
	margin: 0!important;
	position: absolute;
	top: 5px;
	right: 30px;
	padding: 0!important;
	background-color: transparent!important;
}


ul.products li.archive-product .button:before {
	font-family: "Font Awesome 5 Pro";
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	text-align: center;
	outline: 0;
	transition: color 0.2s;
	display: inline-block;
	color: var(--gv-tile-icon)!important;
	line-height: 36px;
	margin-top: 0px;
	top: 10px;
	position: relative;
	margin-left: -17px;
	background-color: #fff;
	//border: 3px solid #e5e5e5;
	content: "\f291";
	font-size: 19px;
	font-weight: 300;
}

ul.products li.archive-product .button:hover:before,
ul.products li.archive-product.in_cart .button:before,
ul.products li.archive-product .button.added:before {
	color: var(--gv-accent)!important;
}

.woocommerce a.button.added::after {
	display: none!important;
}


/*--------------- Loading Icon -------------*/

/*
.woocommerce a.button {
	position: absolute;
	z-index: 2;
}
*/

.woocommerce a.button.loading {
	opacity: 1.0!important;
}

.woocommerce a.button.loading:after{
	animation: myfirst 2s infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  position: absolute;
  top: 7.3px;
  right: -2.1px;
  width: 44px;
  height: 45px;
  background: var(--gv-accent);
  border-radius: 50%;
  transform-origin: 50%;
  transform: rotate(0deg);
  z-index: -1;
  font-size: 0;
}

.change-stock-quantity-feedback-circle-wrapper {
	position: absolute;
	border-radius: 50%;
	width: 49px;
	height: 48px;
	overflow: hidden;
	z-index: 0;
	display: none;
	top: -1px;
	left: -2.5px;
	display: none;
}

.products .add-to-quote-feedback-inner-circle {
	position:absolute;
  left:2px;
  top:2px;
  border-radius:50%;
  width:40px;
  height:40px;
  overflow:hidden;
  background: #fff;
}


.products .add-to-quote-feedback-outer-circle,
.change-stock-quantity-feedback-inner-circle {
  animation: myfirst 2s infinite;
  -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
  animation-timing-function: linear;
  position:absolute;
  top:50%;
  left:0px;
  width:50%;
  height:50%;
  background:var(--gv-accent);
  transform-origin: 100% 0%;
  transform: rotate(0deg);
}



.added_to_cart.wc-forward {
	display: none!important;
}


 ul.products li.archive-product .yith_ywraq_add_item_product_message { display: none!important;}


ul.products li.archive-product .add-request-quote-button {
    width: 40px;
	height: 40px;
	border-radius: 50%!important;
	background-color: rgba(255,255,255,0.5)!important;
	text-align: center;
	color: var(--gv-tile-icon)!important;
	outline: 0;
	transition: color 0.2s;
  display: inline-block;
  line-height: 43px;
	position: relative;
}





ul.products li.archive-product .add-request-quote-button:hover {
	color: var(--gv-accent)!important;
	transition: color 0.2s;
	text-decoration: none;
}



 ul.products li.archive-product .yith-ywraq-add-button > img { display: none!important; }


 ul.products li.archive-product .archive-add-to-wishlist-button-wrapper a { text-decoration: none!important;}


ul.products li.archive-product  .visit-wishlist-button {
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	background-color: rgba(255,255,255,0.5)!important;
	text-align: center;
	outline: 0;
	transition: color 0.2s;
  display: inline-block;
    line-height: 43px;
	color: var(--gv-accent)!important;
}

ul.products li.archive-product .visit-wishlist-button:hover { text-decoration: none!important; }


/* Archive Pinterest Button */


.pinterest-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	text-align: center;
	color: #fff!important;
	outline: 0;
	padding-top: 8px;
	display: inline-block;
	opacity: 0;
	transition: opacity 0.4s;
	position: absolute;
	bottom: 15px;
	right: 30px;
	z-index: 2;
	outline: 0;
}

ul.products li:hover .pinterest-circle {
	opacity: 1;
	transition: opacity 0.1s;
	transition: background-color 0.1s;
	background-color: #888;
}

ul.products li:hover .pinterest-circle:hover {
	background-color: #B1071A;
	transition: background-color 0.1s;

}


.lmp_products_loading {
    font-size: 16px;
	color: #323232;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}


.inventory-info { height: 65vh; }



@media all and (max-width: 414px) {


	.woocommerce ul.products li.archive-product { width: 100%; }


.color-circle {
    height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
}

.post-type-archive-product #top-row-2 { margin-bottom: 15px; }


.change-stock-quantity-feedback-outer-wrapper {
    position: relative;
    right: -100%;
		left: auto;
    margin-left: -81px;
    z-index: 0;
}


}


@media all and (min-width: 415px) and (max-width: 767px) {

	.post-type-archive-product #top-row-2 { margin-bottom: 30px; }

	.change-stock-quantity-feedback-outer-wrapper {
	    position: relative;
			left: auto;
	    right: -100%;
	    margin-left: -81px;
	    z-index: 0;
	}


}





@media all and (max-width: 1024px) {

.archive.woocommerce ul.products { margin: 0 -15px 80px -15px; }



}


@media all and (max-width: 1139px) {

	.woocommerce ul.products li.archive-product .archive-details-and-background .archive-stock-level {
		margin-top: 0px;
		margin-bottom: 0px;
	}

}

@media all and (min-width: 1661px) {

.archive.woocommerce ul.products li.archive-product,
.search-results ul.products li.archive-product { width: 20%; }

.inventory-info { height: 70vh; }


}

@media all and (min-width: 1981px) {

.archive.woocommerce ul.products li.archive-product,
.search-results ul.products li.archive-product  { width: 16.66666666%; }

.inventory-info { height: 75vh; }

}


/* Landing pages, references and lookbooks: product grid like the catalog,
   but max. 5 products per row (from 1661px) – Change 10/2026 */
@media all and (min-width: 1661px) {

.lookbook-related-products-container ul.products li.archive-product,
.single-landing_page .woocommerce ul.products li.archive-product,
.single-referenz .woocommerce ul.products li.archive-product,
.single-lookbook .woocommerce ul.products li.archive-product { width: 20%; }

}


@media all and (min-width: 1199px) {

ul.products li.archive-product .add-request-quote-button,
ul.products li.archive-product .visit-wishlist-button { display: inline-block; }

}


/* -----------------------------------------------------------------------------
#  Single Product
----------------------------------------------------------------------------- */




.single-product .entry-summary {
	margin: 17px 0 0 0;
	position: relative;
	z-index: 2;
	padding-bottom: 30px;

}


.single-product .entry-summary h2 { display: none; }



.product-container {
	background-color: #ffffff;
	margin: 30px 30px 0 30px!important;
}


.product-container.in_cart {

}


.product-image-slider-pinterest-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	text-align: center;
	color: #fff!important;
	outline: 0;
	padding-top: 8px;
	display: inline-block;
	opacity: 0;
	transition: opacity 0.2s;
	position: relative;
	margin-top: -60px;
	right: 16px;
	z-index: 2;
	outline: 0;
	float: right;
}


.productImage .product-image-slider-pinterest-circle { margin-bottom: 20px; }

.productSlider .product-image-slider-pinterest-circle { margin-bottom: 46px; }


.productImage,
.productSlider { margin-top: -40px; }


.productImage img { width: 100%; }

.productImage  div:hover .product-image-slider-pinterest-circle,
.productSlider div:hover .product-image-slider-pinterest-circle {
	opacity: 1;
	transition: opacity 0.2s;
	transition: background-color 0.2s;
	background-color: #888;
}

.productImage div:hover .product-image-slider-pinterest-circle:hover,
.productSlider div:hover .product-image-slider-pinterest-circle:hover {
	background-color: #B1071A;
	transition: background-color 0.2s;

}



.product-image-slider-zoom {
  *height: 0;

}


.product-image-slider-zoom {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  background-color: rgba(255,255,255,0.8);
  padding-top: 4px;
  padding-left: 12px;
  border-radius: 50%;
  position:relative;
  font-size: 20px;
  top: 50px;
  left: 16px;
  z-index: 1;
  opacity: 0.7;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  -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;
  transition: all 0.2s ease-in-out;
}




.product-image-slider-zoom .fa-search-plus {
	position: relative;
	top: 2px;
	left: -1px;

}




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

.product-image-slider-zoom {
    width: 30px;
    height: 30px;
    padding-top: 2px;
    padding-left: 2px;
    font-size: 16px;
    top: 47px;
    left: 15px;
    text-align: center;
}


.product-image-slider-pinterest-circle {
	width: 30px;
	height: 30px;
	padding-top: 4px;
	display: inline-block;
	opacity: 1;
	right: 15px;
	margin-top: -47px;
	background-color: #888;
}


}


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

		.product-image-slider-zoom {
			opacity: 0;
		}


		.productImage:hover .product-image-slider-zoom,
		.productSlider:hover .product-image-slider-zoom {
		   opacity: 0.7;
		}

}


.productImage:hover .product-image-slider-zoom:hover,
.productSlider:hover .product-image-slider-zoom:hover {
  opacity: 1;
}



.product-slider-nav {
		position: absolute;
		z-index: 9;
		top: calc(50% - 10px);
		background: rgba(255,255,255,0.7);
		height: 30px;
		width: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 50%;
		color: #888888;
		cursor: pointer;
		opacity: 0.7;
		display: flex;
    align-items: center;
    justify-content: center;
}

.product-slider-nav.next-nav {
	right: 15px;
}

.product-slider-nav.prev-nav {
	left: 15px;
}


.productSlider .owl-dots {
	text-align: center;
	top: -72px;
	width: 60%;
	margin-left: 20%;
	position: relative;
	margin-bottom: -50px;
}

.productSlider .owl-dot {
	height: 16px;
	width: 16px;
	display: inline-block;
	margin: 0 6px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
}


.productSlider .owl-dot.active { background: rgba(255,255,255,1.0); }



.product-thumbnail-title {
	font-size: 20px;
	color: #636363;
	margin-top: 30px;
	margin-bottom: 12px;
}


.product-thumb-item {
	border: 0!important;
    border-radius: 0px!important;
    background: transparent;
    padding: 0!important;
	width:15.666666%;
	margin-right: 1%;
	margin-bottom: 6px;
	float: left;
	outline: 0;
	opacity: 1;
	transition: opacity 0.2s;
}

.product-thumb-item.active {
	opacity: 0.75;
    transition: opacity 0.2s;
}




.back-icon-link:before {
			font-family: FontAwesome;
		    content: "\f104";
			display: block;
			width: 40px;
			height: 40px;
			padding-right: 3px;
			font-size: 26px;
			border-radius: 50%!important;
			text-align: center;
			outline: 0;
			transition: color 0.2s;
			display: inline-block;
			line-height: 32px;
			color: #cfcfcf!important;
			border: 3px solid #e2e2e2;
			background-color: #fff;
			transition: border 0.2s;

}


.back-icon-link:hover:before {
		color:#C6C6C5!important;
		border: 3px solid #C6C6C5;
		transition: border 0.2s;
	}



.single-product .product_title {
	color: #323232;
	font-size: 22px;
	margin-top: 18px;
	margin-bottom: 14px;
	letter-spacing: 0.35px;
}


.single-product p { margin-bottom: 1em; }


.product-info > span:first-child { color:var(--gv-grey); }


span.product-dimensions span::after { content: '/'; }

span.product-dimensions span:last-child::after { content: ''; }



span.further-product-dimensions span::after { content: ', '; }

span.further-product-dimensions span:last-child::after { content: ''; }


.lll-breadcrumbs,
.lll-breadcrumbs a { color: var(--gv-grey); }


.attributes {
	padding-top: 10px;
	font-size: 13px;
	font-style: italic;
}


a.attribute-list-item:after { content: ', '; }

a.attribute-list-item:last-of-type:after { content: ''; }

a.attribute-list-item {
	text-decoration: none;
    color:var(--gv-grey);
}

a.attribute-list-item:hover { color: #000000; }

a.attribute-list-item:hover:after  { color:var(--gv-grey); }


.single-product .woocommerce-Price-amount { display: none; }


.single-product .stock { display: none; }

.single-product .product_meta { display: none; }


.single-product .quantity {
	float: left;
	margin-right: 20px;
	position: relative;
	top: -3px;
}



.single-product .qty-title {
	float: left;
    display: block;
    top: 12px;
    position: relative;
		color:var(--gv-grey);
		margin-right: 6px;
}

.woocommerce .quantity .qty {
	width: 2.5em;
  text-align: center;
	height: 2.5em;
	border-radius: 50%;
	outline: 0;
	background-color: #e7e7e7;
	border: 0;
	font-size: 20px;
	color: #323232;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}


.page-template-page-wishlist .quantity .qty {
	font-size: 18px;
}


//.single-product .visit-wishlist-button:before {  background-color: #7bc880!important;}

//.single-product .visit-wishlist-button:hover:before {  background-color: #6eb473!important;}



.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.archive-product .archive-details-and-background .cta-button {
		background-color: #7bc880;
		color: #ffffff;
		text-decoration: none!important;
		transition: color 0.1s;
		transition: background-color 0.1s;
		padding: 4px 22px;
		border-radius: 5px;
		position: relative;
		top: 4px;
		border: 0!important;
		outline: 0;
		font-family:"Roboto", sans-serif;
		font-weight: 400;
	}


	.woocommerce #respond input#submit.alt:hover,
	.woocommerce a.button.alt:hover,
	.woocommerce button.button.alt:hover,
	.woocommerce input.button.alt:hover,
	.woocommerce ul.products li.archive-product .archive-details-and-background  .cta-button:hover {
		background-color: #6ab16f;
		transition: background-color 0.1s;
	}



input.plus,
input.minus {
	color: #323232;
	background: transparent;
	height: 2em;
	width: 2em;
	border-radius: 50%!important;
	top: 0;
	line-height: 1em;
	padding-left: 12px!important;
}


input.plus:hover,
input.minus:hover {
	background-color: #e7e7e7;
	color: #323232;
}


input.plus:focus,
input.minus:focus {
	background-color: #e7e7e7;
	color: #323232;
}

/* Touch devices: no double-tap zoom around the quantity buttons (fast tapping on + and -) */
.quantity,
.quantity input.plus,
.quantity input.minus {
	touch-action: manipulation;
}



.single-product  .yith-ywraq-add-to-quote {
	display: inline-block;
	margin-top: 8px;
}




.single-product span.price .amount {
	font-size:20px;
	padding-top: 20px;
	display: inline-block;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}

.single-product .woocommerce-price-suffix {
	color: var(--gv-grey);
    font-size: 13px;
	font-style: italic;
}


.single-product .entry-summary .visit-wishlist-button:before,
.single-product .entry-summary a.add-request-quote-button:before {
	color: #323232;
	transition: color 0.2s;
	background-color: #e7e7e7;
	transition: background-color 0.2s;
	padding: 6px 12px;
	border-radius: 20px;
	position: relative;
	top: 4px;
	border: 0!important;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
	font-size: 16px;
}


.single-product .entry-summary a.add-request-quote-button { font-size: 0; }


.single-product .product_title { color: #323232!important; }


.single-product .entry-summary .visit-wishlist-button:hover:before,
.single-product .entry-summary a.add-request-quote-button:hover:before {
    color: #686868;
	transition: color 0.2s;
	background-color: #cfcfcf;
	transition: background-color 0.2s;
 }


.single-product .entry-summary .visit-wishlist-button:hover,
.single-product .entry-summary a.add-request-quote-button:hover { text-decoration: none; }


.single-product .entry-summary .visit-wishlist-button .fa { display: none; }


.single-product .entry-summary  .yith_ywraq_add_item_product_message  { display: none!important; }



.upsells.products h2,
.related.products h2,
.lookbook-related-products-container h2 {
	text-align: center;
	font-size: 20px;
	line-height: 75px;
	height: 75px;
	font-size: 20px;
	color: #636363;
}




.relatedSlider .item {
    height: 0;
	padding-bottom: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
}




.relatedSlider .owl-dots {
	text-align: center;
	top: -72px;
	width: 60%;
	margin-left: 20%;
	position: relative;
	margin-bottom: -50px;
}

.relatedSlider .owl-dot {
	height: 16px;
	width: 16px;
	display: inline-block;
	margin: 0 6px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
}


.relatedSlider .owl-dot.active { background: rgba(255,255,255,1.0); }





.relatedSlider .owl-nav {
    top: 0px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    pointer-events: none;

}

.relatedSlider .owl-nav > span {
    top: 0%;
    position: absolute;
}

.relatedSlider .owl-next {
    position: absolute;
    right: -30px;
    width: 40px;
	height: 40px;
    top: 45%;
	margin-top: -20px;
    color: var(--gv-grey);
    background: #ffffff;
	border-radius: 50%;
    pointer-events: all;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}

.owl-prev i.fa:hover { background-color: #f1f1f1; }
.owl-next i.fa:hover { background-color: #f1f1f1; }

.relatedSlider .owl-prev {
    position: absolute;
    left: -30px;
	width: 40px;
	height: 40px;
    top: 45%;
	margin-top: -20px;
	color: var(--gv-grey);
    background: #ffffff;
	border-radius: 50%;
    pointer-events: all;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}



.left-align-slick > .slick-list > .slick-track {
    margin-left:0;
}

.product-thumbnail-container .hover {
  height: calc(100% - 7px);
  width: 100%;
  background-color: rgba(255,255,255, 0.3);
  position: absolute;
  display: none;
}


.product-thumbnail-container .slick-slide {
  outline: 0;
  cursor: pointer;
}


.product-thumbnail-container .slick-slide.slick-current {
  cursor: default;
}

.product-thumbnail-container .slick-slide.slick-current .hover {
  display: block;

}

.product-thumbnail-container .slick-slide > div {
  position: relative;
}

.product-thumbnail-container .slick-slide:hover .hover {
  display: block;
}


.product-thumbnail-container .slick-slide > div {
  margin-left: 5px;
  margin-right: 5px;
}


.product-thumbnail-container {
  margin-left: -5px; /* px size of slide space */
  width: calc(100% + 10px); /* add double the px size of slide space */
}


.product-slider-container img {
	width: 100%;
	max-width: none;
}


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

.single-product .woocommerce-price-suffix { display: block; }

.single-product .woocommerce-price-suffix .hidden-mobile { display: none; }

}


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


	.product-thumbnail-container,
	.product-thumbnail-title { display: none!important; }


	.relatedSlider .owl-nav { display: none; }


	.product-container {
		padding-bottom: 30px;
		margin: 30px 0px 0 0px!important;
	}



	.single-product .entry-summary .visit-wishlist-button:before,
	.single-product .entry-summary a.add-request-quote-button:before {
		top: 12px;
		margin-bottom: 30px;
		display: inline-block;

	}



		.woocommerce a.add-request-quote-button {
		    clear: both;
		    display: block;
		}





}

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



.single-product  .yith-ywraq-add-to-quote {
	clear: both;
	display: inline-block;
	margin-top: 16px;
}


}


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

.product-slider-container {
	padding-left: 0px;
	padding-right: 0px;
}

}


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

.product-slider-container { padding-left: 0px;}

.relatedSlider .owl-dots { display: none; }



}



/* -----------------------------------------------------------------------------
#  Wishlist
----------------------------------------------------------------------------- */

.woocommerce-cart-form {
  padding-left: 0;
	padding-right: 0;
  /*margin-left: -15px;
  margin-right: -15px;*/
}



@media screen and (min-width: 768px) {
	.woocommerce-cart-form {
	  padding-left: 0;
		padding-right: 15px;
	  margin-left: 0px;
	  margin-right: -15px;
	}
}


.cart-content {
	margin-top: 0px;
	margin-bottom: 50px;

}

.wishlist-emptied-message-container {
	padding: 15px;
}

.woocommerce.ywraq-wrapper .woocommerce-message {
	display: none;
}

.woocommerce-message {
    border-top-color: #7bc880;
}

.woocommerce-message::before {
    color: #7bc880;
}


.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: transparent!important;
}




span.item-info-title { color: var(--gv-grey)!important; }



td.mobile-visible {display: none; }



.page-template-page-wishlist .content-area {
	min-height: 58vh;
}



.cart_item {
	background: #ffffff;
}


.spacer { height: 15px; }



.woocommerce table.shop_table td {
    border-top: 0;
	border-bottom: 0;
    padding: 6px 12px;
    vertical-align: middle;
}

.woocommerce table.shop_table th {
	font-weight: 200;
	font-size: 14px;
	color: #636363;
}

.woocommerce table.shop_table {
    border: 0;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}

td.product-thumbnail {
	border-left: 1px solid rgba(0,0,0,.1);
	padding: 0 6px 0 0!important;
}


.woocommerce td.product-quantity {
    min-width: 145px!important;
}


td.product-price span.amount,
td.product-subtotal span.amount,
td.product-name a,
td.raq-totals.total-row.no-data-title > span {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.3px;
	font-family:"American Typewriter", monotype;
	font-weight: 400;
}

td.product-subtotal span.amount { padding-top: 2px; }

td.product-subtotal small.tax_label { display: none; }

td.product-price small,
td.product-subtotal small {
	font-style: italic;
	padding-bottom: 10px;
	line-height: 17px;
	display: inline-block;
	color: var(--gv-grey);
	font-weight: 200!important;

}


.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	display: none!important;
}


td.raq-totals.total-row.no-data-title .woocommerce-price-suffix {
	font-style: italic;
	line-height: 17px;
	display: inline-block;
	color: var(--gv-grey);
	top: -5px;
	position: relative;
	font-weight: 200!important;
}

td.product-name div {
	font-size: 14px;
	line-height: 16px;
}

td .product-price span.amount




td.product-remove {
	border-right: 1px solid rgba(0,0,0,.1);
  	text-align: right;
}


.woocommerce a.remove {
	background-color: #f1f1f1!important;
	font-weight: 200!important;
	line-height: 0.85em!important;
	display: inline-block!important;
}


.woocommerce a.remove:hover {
	background-color: #f00!important;
	color: #ffffff;
}


.woocommerce a.remove-LLL {
	font-size: 7px;
	position: relative;
	top: -2px;
}

.woocommerce a.remove-LLL .fa-circle {
	color: #f1f1f1;
}

.woocommerce a.remove-LLL .fa-times {
	color: #f00;
}

.woocommerce a.remove-LLL:hover .fa-circle {
	color: #f00;
}

.woocommerce a.remove-LLL:hover .fa-times {
	color: #ffffff;
}


th.total-row {
	border: 0!important;
	padding: 5px 12px!important;
	color: #636363!important;
	font-weight: 200!important;
}




td.total-row {
	border: 0!important;
	padding: 0 12px!important;
}


td.actions {
	border: 0!important;
}


/*

.page-template-page-wishlist .actions a.button,
.page-template-page-wishlist  a.button.wc-backward {
	transition: color 0.2s;
	transition: background-color 0.2s;
	padding: 6px 12px;
	border-radius: 20px;
	position: relative;
	top: 4px;
	border: 0!important;
	outline: 0;
	font-family:"American Typewriter", monotype;
	font-weight: 400;}

*/


.page-template-page-wishlist .actions a.button,
.page-template-page-wishlist  a.button.wc-backward {
	transition: color 0.2s;
	transition: background-color 0.1s;
	padding: 8px 14px;
	border-radius: 5px;
	position: relative;
	top: 4px;
	border: 0!important;
	outline: 0;
	font-family:"Roboto", sans-serif;
	font-weight: 400;
}



@media screen and (max-width: 320px) {
	.page-template-page-wishlist .actions a.button,
	.page-template-page-wishlist  a.button.wc-backward {
		font-size: 14px;
	}
}


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

 .cart-request-a-quote-button-container {
	 padding-left: 0px;
 }

}


	.page-template-page-wishlist .actions a.button {
		background-color: #7bc880;
		color: #ffffff;
	}


	.page-template-page-wishlist  a.button.wc-backward {
		background-color: #c7c7c7;
		color: #ffffff;
	}

	.page-template-page-wishlist  a.button.wc-backward:hover {
		color: #ffffff;
		transition: color 0.2s;
		background-color: #9f9f9f;
		transition: background-color 0.1s;
	}


.cart-request-a-quote-button {
	text-decoration: none!important;
}


.page-template-page-wishlist a.button:hover {
	color: #ffffff;
	transition: color 0.2s;
	background-color: #6ab16f;
	transition: background-color 0.1s;
}



.subtotal-info {
	font-family: 'Roboto', sans-serif;
	font-weight: 200!important;
	border: 0px!important;
	font-size: 16px;
	color: #636363;
	line-height: 21px;
}


td.subtotal-info::before { content: attr(data-title) ""!important; }

.learn-more {
	margin-left: 8px;
	text-decoration: underline;
	cursor: pointer;
	color:  #636363;
}

.further-subtotal-info {
	display: none;
	padding-top: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200!important;
	color:  #636363;
	font-size: 16px;
	line-height: 21px;
}


.max-value {
	line-height: 2.5em;
	margin-left: 35px;
}


.clear-wishlist-link-container {
	margin-top: -20px;
}

.clear-wishlist-link {
	text-decoration: underline;
	font-family: 'Roboto', sans-serif;
	font-weight: 200!important;
	border: 0px!important;
	font-size: 14px;
	color: #636363;
	margin-bottom: 6px;
	display: inline-block;
}

@media only screen and (max-width : 767px) {
	.clear-wishlist-link {
		margin-bottom: 20px;
	}

}


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

	.max-value {
		float: right;
		margin-right: 37px;
	}


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


}

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

	.learn-more {
		display: none!important;
	}

	.further-subtotal-info {
		display: block!important;
	}


}




.product-thumbnail-mobile {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 5px;
}



.product-thumbnail-mobile img {
	width: 100%!important;
}


/* Change 10/2026: 769px instead of 768px – WooCommerce hides the desktop thumbnail column up to 768px (woocommerce-smallscreen.css),
   so at exactly 768px (e.g. iPad mini portrait) the cart showed no product image at all. */
@media screen and (min-width: 769px) {

	.product-thumbnail-mobile {
		display: none!important;
	}

}

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

.woocommerce.ywraq-wrapper .cart a.button.wc-backward {
	float: none;
    margin-bottom: 30px;
	margin-top: 30px;
}


.woocommerce.ywraq-wrapper .cart a.button.raq-button {

	margin-bottom: 30px;

}


.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
	content: attr(data-title) ""!important;
	font-weight: 200!important;
}

.woocommerce table.shop_table_responsive tr td.product-name::before,
.woocommerce-page table.shop_table_responsive tr td.product-name::before {
	display: none;
}


td.mobile-visible {
	display: block;
	width: 100%;
	height: 35px;
}

td.mobile-visible a.remove {
	float: right;
}



td.desktop-visible { display: none!important; }

}



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



	td.desktop-visible { display: -inline-block; }


}


/* Change 10/2026: from 769px instead of 990px – between 769 and 989px (iPads portrait, phones landscape) the cart images were
   only about 30px (WooCommerce default). 100px fits there too: the table stays 720px wide, no overflow (tested 769–989px). */
@media only screen and (min-width: 769px) {

	td.product-thumbnail img,
	.woocommerce-cart table.cart img {
		width: 100px!important;
		max-width: 100px;
		max-height: 100px;
	}


}

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


	.page-template-page-wishlist .content-area {
		min-height: 70vh;
	}

}


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


	.page-template-page-wishlist .content-area {
		min-height: 77vh;
	}

}


/* -----------------------------------------------------------------------------
#  Mini Cart
----------------------------------------------------------------------------- */




.mini-cart {
		display: none;
    -webkit-transform: translateX(330px);
    -ms-transform: translateX(330px);
    transform: translateX(330px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    position: fixed;
    border: 1px solid var(--gv-grey-line);
		border-radius: 5px;
    width: 300px;
    top: 85px;
    right: 30px;
    z-index: 100030;
    background-color: #fff;
    padding: 15px 9px;
		min-height: 350px;
}

.mini-cart.small-header {
	top: 70px;
}


@media screen and (min-width: 768px) {
	.mini-cart {
		display: block;
	}
}


.mini-cart.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


.mini-cart .product-list-container {
		height: 220px;
		margin-bottom: 16px;
		overflow: hidden;
		border-bottom: 1px solid var(--gv-grey-line);
}

.woocommerce-mini-cart.cart_list.product_list_widget {
		width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 0 17px 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
		list-style: none!important;
		margin: 0;
	}


.woocommerce-mini-cart.cart_list.product_list_widget li {
		padding: 4px 0 8px 0;
    margin: 0;
    list-style: none;
		min-height: 50px;
}

.woocommerce-mini-cart.cart_list.product_list_widget li img {
    float: left;
		clear: left;
		margin-left: 10px;
    margin-right: 6px;
    width: 50px;
    height: auto;
    box-shadow: none;
}

.woocommerce-mini-cart.cart_list.product_list_widget li a {
	display: block;
	font-size: 12px;
	line-height: 15px!important;
	font-family: "American Typewriter", monospace;
	font-weight: 400;
	margin-bottom: 4px;
	color: var(--gv-grey)!important;
}

.woocommerce-mini-cart.cart_list.product_list_widget li .quantity {
	font-size: 12px;
	display: block;
	margin-top: -2px;
	font-weight: 400;
	color: var(--gv-grey)!important;
}


.mini-cart .woocommerce-Price-amount {
	display: inline;
}


.woocommerce-mini-cart__total.total,
.total.total-cart-tax.wc-gzd-total-mini-cart {
	font-size: 14px;
	line-height: 18px;
	margin: 0 16px;
	font-weight: 600;
	color: var(--gv-grey);
}

.woocommerce-mini-cart__total.total strong {
	font-weight: 400;
	display: block;
	margin-bottom: 8px;
	text-decoration: underline;
}

.woocommerce-mini-cart__total.total .woocommerce-Price-amount {
	display: inline;
}

.woocommerce-mini-cart__total.total .netto {
	display: inline;
	font-weight: 400;
}


.woocommerce-mini-cart__buttons.buttons {
	margin: 20px 10px 5px 10px;
}


.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward {
	display: none;
}


.woocommerce-mini-cart__buttons.buttons .button.wc-forward {
	display: block;
	text-align: center;
	background-color: #7bc880;
	color: #ffffff;
	font-weight: 400;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	font-size: 16px;
	line-height: 25px;
}

.woocommerce-mini-cart__buttons.buttons .button.wc-forward:hover {
	background-color: #6ab16f;
	text-decoration: none;
}




/* -----------------------------------------------------------------------------
#  Mobile Cart Notice
----------------------------------------------------------------------------- */


.mobile-cart-notice-container {
	position: fixed;
	z-index: 1000;
	bottom: -200px;
	width: 100%;
	padding: 20px;
	text-align: center;
	background-color: #7bc880;
	transition: all 0.2s;
	display: block;
}


@media screen and (min-width: 768px) {
	.mobile-cart-notice-container {
		display: none;
	}
}

.mobile-cart-notice-container.active {
	bottom: 0;
	transition: all 0.2s;
}

.mobile-cart-notice-container .notice {
	font-size: 18px;
	line-height: 27px;
	color: #ffffff;
}

.mobile-cart-notice-container .notice a {
	color: #ffffff;
	text-decoration: underline;
}


@media sreen and (max-width: 767px) {
	.mobile-cart-notice-container {
		display: none;
	}
}

/* -----------------------------------------------------------------------------
#  Share Cart
----------------------------------------------------------------------------- */

.wsc_save_share_cart_btns .button {
	margin-right: 10px!important;
}


.wsc_share_cart_popup {
	border: 0;
	border-radius: 0;
}

.wsc_popup_close .wob_popup_close {
	height: 20px;
	width: 20px;
}

.wsc_popup_head {
    padding: 10px 10px 0 0;
		box-shadow: none;
}


.wsc_popup_head h4 {
	display: none;
}


.wsc_sharing_widgets {
	flex-wrap: nowrap;
}

.wsc_sharing_widgets div a img {
	display: none;
}

.wsc_sharing_widgets div a::before {
	height: 50px!important;
	line-height: 50px;
  display: inline-block;
  width: 50px!important;
  border-radius: 50%!important;
  font-weight: 300;
  font-size: 22px;
  background: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.wsc_email a::before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0e0';
}


.wsc_email_message {
	height: 200px;
}

.wsc_copy_url a::before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0c1';
}

.wsc_messenger a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	content: '\f39f';
}

.wsc_whatsap a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	content: '\f232';
}


.wsc_popup_footer .dashicons::before {
	position: relative;
	top: -3px;
}

.wsc_save_share_cart_btns .button {
	position: relative;
	top: 10px!important;
	background-color: transparent!important;
	color: #9f9f9f!important;
	transition: color 0.2s;
	font-size: 14px!important;
	padding: 0!important;
}


a.cart-login {
	position: relative;
	top: 10px!important;
	background-color: transparent!important;
	color: #9f9f9f!important;
	transition: color 0.2s;
	font-size: 14px!important;
	padding: 0!important;
	text-decoration: none!important;
	font-weight: 400;
}

.wsc_save_share_cart_btns .button:hover,
a.cart-login:hover {
	color: #777777!important;
	transition: color 0.2s;
}

.wsc_save_share_cart_btns .button::before,
a.cart-login::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 14px;
	margin-right: 10px;
}


.button.wsc_share_cart::before {
	content: '\f1e0';
}

.wsc_save_share_cart::before,
a.cart-login::before {
	content: '\f0c7';
	position: relative;
	left: 1px;
}

.wsc_save_replace_cart::before {
	content: '\f0e2';
	position: relative;
	left: 1px;
}


.wsc_name span {
	display: none;
}

/* -----------------------------------------------------------------------------
#  My Account
----------------------------------------------------------------------------- */


.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	margin-bottom: 50px;
}


.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	min-height: 60vh;
}

.woocommerce-MyAccount-navigation ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
}


/* My Account */


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

	.woocommerce-MyAccount-navigation ul {
		display: flex;
	  align-items: flex-end;
	  justify-content: space-between;
	}
}


/* End My Account */


.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
	text-decoration: underline;
}


.woocommerce-MyAccount-navigation ul li:nth-child(5) {
	order: 4;
}

.woocommerce-MyAccount-navigation ul li:nth-child(4) {
	order: 5;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-size: 20px;
	color: #636363;
	margin-bottom: 30px;
}

.wsc_user_carts td br,
.wsc_user_carts td p {
	display: none;
}


/* -----------------------------------------------------------------------------
#  Quote Form
----------------------------------------------------------------------------- */

h2.quote-headline {
	text-align: center;
	font-size: 20px;
	line-height: 75px;
	height: 75px;
	font-size: 20px;
	color: #636363;
}


.cquote-half {
	width: 50%;
	display: inline-block;
}

/* First Date Field */

#cquote_form_field_58866_field::before {
	display: block;
	height: 20px;
	width: 100%;
	font-family: "American Typewriter", monotype!important;
	font-size: 20px!important;
	font-weight: 400!important;
	color: #323232;
	margin-bottom: 30px;
	margin-top: 50px;
}


.woocommerce-cart.de  #cquote_form_field_58866_field::before {
	content: 'Event Information'!important;
}

.woocommerce-cart.en  #cquote_form_field_58866_field::before {
	content: 'Event Info'!important;
}

/* First Name Field */

#cquote_form_field_58860_field::before {
	font-family: "American Typewriter", monotype!important;
	font-size: 26px;
	font-weight: 400!important;
	color: #323232;
}

.woocommerce-cart.de #cquote_form_field_58860_field::before {
	content: 'Persönliche Angaben'!important;
}

.woocommerce-cart.en #cquote_form_field_58860_field::before {
	content: 'Personal Details'!important;
}




/* -----------------------------------------------------------------------------
#  Quote Page ACF FORM
----------------------------------------------------------------------------- */

.acf-required {
    color: #323232!important;
}

.acf-fields > .acf-field {
	border-top: 0!important;
}

.acf-fields > .acf-field input,
.acf-fields > .acf-field select {
	background: #f8f8f6;
	min-height: 36px;
	border-radius: 5px;
	border: 0;
	padding: 0 12px!important;
	outline: 0;
	font-family:"Roboto", sans-serif!important;
	font-weight: 200;
	font-size: 16px!important;
}

.acf-fields > .acf-field select {
	height: 36px;
	-webkit-appearance:none;
}

.acf-ui-datepicker .ui-widget select {
	--appearance:none;
}

.acf-fields > .acf-field label {
	font-family:"Roboto", sans-serif!important;
	font-weight: 200!important;
	font-size: 16px!important;
}

.acf-fields > .acf-field textarea {
	background: #f8f8f6;
	border-radius: 5px;
	border: 0;
	padding: 12px!important;
	outline: 0;
	font-family:"Roboto", sans-serif!important;
	font-weight: 200;
	font-size: 16px!important;
}



.acf-field-group {
	padding: 0!important;
}

.acf-field-group .acf-fields {
	border: 0!important;
}

.acf-field.acf-placeholder { height: 76px; }


.acf-field[data-width] + .acf-field[data-width] {
	border-left: 0!important;
}

.acf-fields > .acf-field textarea {
	background: #f8f8f6;
	border-radius: 5px;
	border: 0;
	padding: 12px!important;
	outline: 0;
	font-family:"Roboto", sans-serif!important;
	font-weight: 200;
	font-size: 16px!important;
}

.acf-fields > .acf-field .acf-true-false > label {
	display: flex;
	align-items: baseline;
}

.acf-fields > .acf-field .acf-true-false > label input {
	min-height: inherit;
	height: auto;
}

.acf-fields > .acf-field .acf-true-false > label .message {
	margin-left: 10px;
}

.acf-fields > .acf-field .acf-true-false > label .message a {
	color: #7bc880;
	text-decoration: underline;
}


.af-submit {
	float: right;
}

.acf-spinner {
	position: absolute;
	bottom: 25px;
	right: 250px;
}



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

.acf-field[data-width="20"],
.acf-field[data-width="25"],
.acf-field[data-width="40"],
.acf-field[data-width="50"] {
	width: 100%!important;
}

.acf-placeholder {
	display: none;
}

}


@media screen and (min-width: 481px) and (max-width: 990px) {

.acf-field[data-width="25"] {
	width: 50%!important;
}


}




/* -----------------------------------------------------------------------------
#  Quote Page
----------------------------------------------------------------------------- */

.page-template-page-request-a-quote-form  input {
	font-family:"Roboto", sans-serif!important;
	font-weight: 400;
}


.page-template-page-request-a-quote-form {
	color: #323232;
}

.page-template-page-request-a-quote-form #primary.content-area {
    border: 1px solid rgba(0,0,0,.1);
}

.page-template-page-request-a-quote-form .nice-select {
	border-radius: 12px;
	min-width: 160px;
}


.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0!important;
}

.gform_wrapper ul.gform_fields li.gfield label {
	font-family:"Roboto", sans-serif!important;
	font-weight: 400;
}


.gform_wrapper ul.gform_fields li.gfield input  {
	background: #f8f8f6;
	height: 32px;
	border-radius: 5px;
	border: 0;
	padding: 0 12px!important;
	outline: 0;
}

#choice_3_53_0,
#choice_3_53_1,
#choice_3_81_1,
#choice_3_81_2,
#choice_3_82_1 {
	height: 18px!important;
	margin-top: 0px!important;
}


#field_3_67 { padding-top: 16px!important; }


#choice_3_67_1 {
	height: 18px!important;
	margin-right: 5px;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox] {
	vertical-align: top!important;
 margin-top: 4px!important;
}


.gform_wrapper ul.gform_fields li.gfield textarea {
	background: #f8f8f6;
	border-radius: 5px;
	border: 0;
	padding: 12px!important;
	outline: 0;
	font-family:"Roboto", sans-serif!important;
	font-weight: 400;
}

.gform_wrapper ul.gform_fields li.gfield textarea::placeholder {
	font-family:"Roboto", sans-serif!important;
	font-weight: 400;
}



.gform_footer { text-align: right; }

.gform_footer input[type=submit] { margin: 0!important; }


input[type=search]:focus {
	box-shadow: 0 0 1px 1px #aaaaaa;
}

textarea:focus,
input[type=text]:focus,
input[type=textarea]:focus {
    box-shadow: 0 0 1px 1px #cccccc;
}

.nice-select:focus { box-shadow: 0 0 1px 1px #aaaaaa!important; }


.page-template-page-wishlist .nice-select:focus { box-shadow: 0 0 1px 1px #cccccc!important; }


.page-template-page-wishlist .nice-select {
	height: 36px;
	border-radius: 5px;
	background: #f8f8f6;
	border: 0;
	font-family:"Roboto", sans-serif!important;
	font-weight: 200;
	font-size: 16px;
	float: none;
	display: inline-block;
	line-height: 36px;
	width: 100%;
}



.page-template-page-wishlist .nice-select:focus {
    box-shadow: 0 0 1px 1px #e86964;
}


.page-template-page-wishlist .nice-select .list {
    margin: 0;
		padding: 0;
		margin-top: 3px;
		border-radius: 16px;
		width: 100%;
}

.page-template-page-wishlist input[type="checkbox"] {
	height: 18px!important;
	width: 18px!important;
}





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


	.gform_wrapper {
		width: 90%;
		margin: 16px auto!important;
	}


	.mobile-correction div {
		margin-left: 0px!important;
		width: 100%;
	}


}

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

.gform_wrapper .phone div { margin-right: 8px; }

.gform_wrapper .mobile div { margin-left: 8px; }

}

/* -----------------------------------------------------------------------------
#  Lookbook
----------------------------------------------------------------------------- */

.lookbook-cover-container a:hover {
	text-decoration: none;
}


.lookbook-cover-image-wrapper {
	height: 400px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.lookbook-cover-hover-background {
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	transition: all .2s;

}

.lookbook-cover-image {
	width: 100%;
	height: 100%;
	background-color: grey; /* fallback color */
	object-fit: cover;
}


.lookbook-cover-text {
	position: absolute;
	top: 0;
	z-index: 2;
	padding: 2.5%;
	width: 100%;
}


.lookbook-cover-image-wrapper:hover .lookbook-cover-hover-background,
.lookbook-cover-image-wrapper:focus .lookbook-cover-hover-background {
  background-color: rgba(0,0,0,0.1);
	transition: all .4s;
}


.lookbook-cover-image-wrapper .headline,
.lookbook-cover-image-wrapper .subheadline {
	color: #ffffff;
}


.lookbook-cover-image-wrapper .headline {
	margin: 0;
	letter-spacing: normal;
	font-size: 24px;
	line-height: 1.3em;
}


.lookbook-cover-image-wrapper .subheadline {
	margin: 0;
	font-size: 21px;
	line-height: 1.3em;
}

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

	.lookbook-cover-image-wrapper .headline {
		font-size: 28px;
		line-height: 1.5em;
	}

	.lookbook-cover-image-wrapper .subheadline {
		font-size: 24px;
		line-height: 1.5em;
	}

}

.top-left .subheadline{
	padding-left: 2.5%;
}


.top-right .subheadline{
	padding-right: 2.5%;
}

.center-left .subheadline {
	padding-left: 2.5%;
}


.center-right .subheadline{
	padding-right: 2.5%;
}

.bottom-left .subheadline{
	padding-left: 2.5%;
}


.bottom-right .subheadline{
	padding-right: 2.5%;
}





/* -----------------------------------------------------------------------------
#  About
----------------------------------------------------------------------------- */


/* Change 10/2026: the English landing page type "call-to-action-en" gets the same rules as the German "call-to-action".
   Change 10/2026 (19.10.2026): only for the compact layout of a Call to Action page. A page that uses the full layout (page header,
   layout elements, class .gv-landing-full, see template-parts/content-landing-page.php) looks like an Inspiration page. */
.landing_page_type-call-to-action:not(.gv-landing-full) h1,
.landing_page_type-call-to-action-en:not(.gv-landing-full) h1 {
	font-size: 26px;
	font-weight: 400;
	font-family: "American Typewriter", monospace;
	color: #323232;
}


.landing_page_type-call-to-action:not(.gv-landing-full) h2,
.landing_page_type-call-to-action-en:not(.gv-landing-full) h2 {
	font-size: 16px;
	color: #323232;
	font-weight: 200;
	padding-top: 12px;
	line-height: inherit;
	font-family: "Roboto", sans-serif;
}

/* Change 10/2026: the headings of the boxes "Weiterführende Links am Seitenende" and "FAQ am Seitenende" in the white column of the
   Call to Action pages look like on references and landing pages (the rule above makes every H2 of these pages 16px Roboto). */
.landing_page_type-call-to-action:not(.gv-landing-full) .gv-links-heading,
.landing_page_type-call-to-action-en:not(.gv-landing-full) .gv-links-heading,
.landing_page_type-call-to-action:not(.gv-landing-full) .gv-faq-heading,
.landing_page_type-call-to-action-en:not(.gv-landing-full) .gv-faq-heading {
	font-family: "American Typewriter", monospace;
	font-size: var(--gv-sub-headline-size);
	padding-top: 0;
	line-height: 1.1;
}


/* -----------------------------------------------------------------------------
#  About
----------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------
#  Blog
----------------------------------------------------------------------------- */

.blog-title-container,
.blog-main-text-container {
	max-width: 598px;
}

.blog-title-container {
	margin: 50px auto 20px auto;
}

.blog-main-text-container {
	margin: 0 auto 20px auto;
}


.blog-title-container .main-headline {
	color: #323232;
	font-size: 26px;
	margin-bottom: 32px;
}


.blog-title-container .sub-headline {
	color: #666666;
	font-size: 20px;
	margin-bottom: 20px;
}


.blog-main-text-container {
	color: #323232;
	font-size: 18px;
	font-weight: 200;
	line-height: 24px;
	margin-bottom: 40px;
}



.blogpost-container {
	background-color: #ffffff;
}



.blog-end {
	height: 116px;
	background-color: #ffffff;
}


.blogpost-date-time-container {
	height: 116px;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.blogpost-date {
	font-size: 16px;
	font-style: italic;
	color: #323232;
}

.blogpost-title {
	font-size: 20px;
	color: #323232;
	max-width: 600px;
	margin: 6px auto 6px auto;
	line-height: 28px;
}

.selfhost-post {
	max-width: 600px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 2px;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	background: #ffffff;
}



.selfhost-post .textblock {
	text-align: left;
	margin-bottom: 50px;
}


.selfhost-post ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


.selfhost-post ul li:last-child { width: 100%!important; }


.selfhost-post .col-sm-6,
.selfhost-post .col-6,
.selfhost-post .col-lg-6 { padding: 0!important; }


.pinterest-post > span {
	border-radius: 2px!important;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	box-shadow: inset 0 0 0px #fff;
}


.instagram-post {
	max-width: 602px!important;
	margin: 0 auto;
	overflow: hidden;
}

.instagram-post iframe {
	margin: 0!important;
	max-width: 600px!important;
}


.blocked-content-container {
	min-height: 220px;
	background-color: #f7f7f7;
	width: 100%;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}


.accept-cookies-button {
	width: 120px;
	margin: 20px auto;
}


#cn-accept-cookie {
    color: #fff!important;
    background: #fbb03b!important;
}




#topBtn {
    display: none;
    position: fixed;
    top: 90vh;
    right: 5%;
    z-index: 3;
    border: none;
    outline: none;
    background-color: #ffffff;
	transition: background-color 0.1s;
    color: #555;
    cursor: pointer;
	width: 40px;
	height: 40px;
    border-radius: 50%;
    font-size: 20px;
}


#topBtn:hover {
    background-color: #555;
	color: #ffffff; /* Add a dark-grey background on hover */
	transition: background-color 0.1s;
}


#topBtn .fa {
	position: relative;
	top: -3px;
	left: 0px;
}



/* -----------------------------------------------------------------------------
#  404
----------------------------------------------------------------------------- */


.error-404-wrapper {padding: 22vh 0 26vh 0;}


.error-404 .page-title {
	font-size: 48px;
	color: #8d8d8d;
	text-align: center;
	width: 100%;
}



/* -----------------------------------------------------------------------------
#  404
----------------------------------------------------------------------------- */

#cn-notice-text {
	font-weight: 200;
}

#cn-notice-text a {
	color: #ffffff!important;
	text-decoration: underline;
}


/* -----------------------------------------------------------------------------
#  Regular Pages
----------------------------------------------------------------------------- */





/* -----------------------------------------------------------------------------
#  General
----------------------------------------------------------------------------- */








/* -----------------------------------------------------------------------------
#   GV Popup Footer
----------------------------------------------------------------------------- */
#gv-popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.65);
}

#gv-popup {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1000px;
  min-height: 500px;
  background: #F3F3E8;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

#gv-popup-content {
  flex: 1 1 33.333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 40px;
  text-align: center;
  background: #ffffff;
}

#gv-popup-image {
  flex: 2 1 66.667%;
  min-height: 500px;
  background-image: url("https://gotvintage.de/wp-content/uploads/2026/09/2025_Newsletter_got_market_sml-2400.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#gv-popup-title {
  display: none;
}

#gv-popup-logo {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 18px;
}

#gv-popup-body {
  margin: 0 0 28px;
  color: #555555;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

#gv-popup-cta {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 5px;
  background: #99B350;
  color: #3C3939;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

#gv-popup-cta:hover {
  opacity: 0.85;
  color: #ffffff;
}

#gv-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  aspect-ratio: 1 / 1;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffffff;
  color: #3C3939;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  box-sizing: border-box !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#gv-popup-close svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 700px) {
  #gv-popup-overlay {
    padding: 15px;
  }

  #gv-popup {
    display: flex;
    flex-direction: column-reverse;
    max-height: calc(100vh - 30px);
    min-height: 0;
    overflow-y: auto;
  }

  #gv-popup-content {
    flex: none;
    min-height: 0;
    padding: 42px 25px 35px;
  }

  #gv-popup-image {
    flex: none;
    width: 100%;
    min-height: 240px;
    aspect-ratio: 4 / 3;
  }

  #gv-popup-logo {
    width: 300px;
    margin-bottom: 18px;
  }

  #gv-popup-body {
    font-size: 18px;
  }

  #gv-popup-close {
    top: 10px;
    right: 10px;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  #gv-popup-close svg {
    width: 21px;
    height: 21px;
  }
}


/* -----------------------------------------------------------------------------
#  Heading levels (Change 10/2026)
#  The heading tag (h1/h2/h3) is now chosen automatically (inc/gv-headings.php).
#  The look is controlled by the classes only, so it does not change with the tag:
#  letter-spacing stays like before (Main = former H1, Sub = former H2, Small Font = former H4).
----------------------------------------------------------------------------- */

.main-headline { letter-spacing: 0.5px; }
.sub-headline { letter-spacing: var(--gv-sub-headline-spacing); }
.small-font-headline { letter-spacing: 0.15px; }


/* Text / Image container, layout "Image | Text" (Change 10/2026)
   The Main Headline exists only once in the HTML. Up to 991px it is shown above the image,
   from 992px (col-md) it stays above the text next to the image. */
@media (max-width: 991px) {
	.flexible-content .row.gv-image-left { display: flex; flex-direction: column; }
	.flexible-content .row.gv-image-left > .gv-text-col { display: contents; }
	.flexible-content .row.gv-image-left .main-headline { order: -1; width: 100%; padding: 0 15px; }
	.flexible-content .row.gv-image-left .flexible-image-wrapper { order: 0; }
	.flexible-content .row.gv-image-left .text-container { order: 1; padding: 0 15px; }
	.flexible-content .row.gv-image-left .admin-info { order: 2; }
}

/* ==========================================================================
   FAQ (Change 10/2026, Phase 3)
   Accordion with <details>/<summary>, no JavaScript. The question is the
   heading (h3/h4) inside <summary>.

   Typography follows the rest of the site (values from :root at the top):
   - H1 of the page: .main-headline, as defined there (the FAQ CSS does not touch it).
   - Group heading / block heading (H2): like .sub-headline (size, letter-spacing), in the dark text colour.
   - Question (.gv-faq-title): font values, size and colour like .sub-headline.
   - Answer, jump list: like .flexible-content .textblock.
   ========================================================================== */
.gv-faq-page,
.gv-faq-block { margin: 30px 0 10px; }

.gv-faq-group { margin-top: 40px; }

/* Search (FAQ page): filters questions while typing (script in inc/gv-faq.php). Hidden entries use the hidden attribute. */
.gv-faq-page [hidden] { display: none !important; }

.gv-faq-search { margin: 0 0 25px; }

.gv-faq-search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Frame (#ccc), radius, padding and text colour come from the global input style of the theme (style.css),
   like every other form field of the site. */
.gv-faq-search-input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	background: #fff;
	font-family: inherit;
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
	-webkit-appearance: none;
	appearance: none;
}
.gv-faq-search-input::placeholder { color: var(--gv-grey); opacity: 1; }
/* Active: frame one step darker than the visible one (#ccc -> #aaa), no black frame. */
.gv-faq-search-input:focus,
.gv-faq-search-input:focus-visible {
	border-color: var(--gv-line-input-active);
	box-shadow: 0 0 1px 1px var(--gv-line-input-active);
	outline: none;
}

.gv-faq-search-status {
	margin: 8px 0 0;
	min-height: var(--gv-text-line-height);
	color: var(--gv-grey);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
}

.gv-faq-heading,
.gv-links-heading,
.gv-category-heading {
	margin: 0 0 20px;
	color: var(--gv-text-color); /* dark text colour of the site (#323232, like H1 and text), not the grey of .sub-headline */
	font-size: var(--gv-sub-headline-size);
	letter-spacing: var(--gv-sub-headline-spacing);
}

.gv-faq-nav ul { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.gv-faq-nav {
	color: var(--gv-text-color);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
}
/* Topic links at the top: plain words, no underline. Hover like the menu (underline + grey, see .menu-wrap a:hover).
   Touch devices: the global script in header.php underlines every link on touchstart, so they behave like the menu, too. */
.gv-faq-nav a { color: inherit; text-decoration: none; }
.gv-faq-nav a:hover,
.gv-faq-nav a:focus-visible { color: var(--gv-menu-hover-color); text-decoration: underline; }

.gv-faq-list { border-top: 1px solid var(--gv-line-soft); }

.gv-faq-item { border-bottom: 1px solid var(--gv-line-soft); }

.gv-faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 0;
	cursor: pointer;
	list-style: none;
	font-size: var(--gv-sub-headline-size); /* the +/- sign (1.5em) scales with the question */
}
.gv-faq-question::-webkit-details-marker { display: none; }
.gv-faq-question::marker { content: ""; }
.gv-faq-question::after { content: "+"; flex: 0 0 auto; font-size: 1.5em; line-height: 1; }
.gv-faq-item[open] > .gv-faq-question::after { content: "\2013"; }
.gv-faq-question:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Question: font family/weight from the heading rule at the top (like .sub-headline), colour, size and letter-spacing like .sub-headline. */
.gv-faq-title {
	margin: 0;
	color: var(--gv-sub-headline-color);
	font-size: var(--gv-sub-headline-size);
	letter-spacing: var(--gv-sub-headline-spacing);
}

/* Answer: like .flexible-content .textblock (the paragraphs, lists and links inside inherit it). */
.gv-faq-answer {
	padding: 0 0 18px;
	color: var(--gv-text-color);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
}
.gv-faq-answer p,
.gv-faq-answer ul,
.gv-faq-answer ol,
.gv-faq-answer li {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.gv-faq-answer > :last-child { margin-bottom: 0; }

/* ==========================================================================
   Link list (Change 10/2026, Phase 3b): "Links Container" in the Landing-Builder.
   Same look as the FAQ list: lines between the rows, text like the body text.
   The heading (.gv-links-heading) shares its rule with .gv-faq-heading above.
   Hover like the menu (underline + grey, see .gv-faq-nav a).
   ========================================================================== */
.gv-links-block { margin: 30px 0 10px; }

.gv-links-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--gv-line-soft); }

.gv-links-item { margin: 0; padding: 0; border-bottom: 1px solid var(--gv-line-soft); }

.gv-links-link {
	display: block;
	padding: 16px 0;
	color: var(--gv-text-color);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
	text-decoration: none;
}
.gv-links-link:hover,
.gv-links-link:focus-visible { color: var(--gv-menu-hover-color); text-decoration: underline; }

/* Inside .flexible-content-wrapper (landing pages, references, product categories) the rule
   ".flexible-content-wrapper a" underlines every link: the link list keeps its own look (underline only on hover). */
.flexible-content-wrapper .gv-links-link { text-decoration: none; }
.flexible-content-wrapper .gv-links-link:hover,
.flexible-content-wrapper .gv-links-link:focus-visible { text-decoration: underline; }

/* Square thumbnail in front of the link (Change 10/2026). Size: change --gv-links-thumb-size (and the "sizes" attribute
   in gv_links_thumb_sizes(), inc/gv-links.php). The image section of cover and social images is set per image with an
   inline object-position (focus point). Entries without an image get the placeholder logo (class gv-links-thumb-placeholder),
   or, if the logo is missing, an empty box of the same size (class gv-links-thumb-empty), so the texts stay aligned. */
.gv-links-list { --gv-links-thumb-size: 64px; }

.gv-links-has-thumbs .gv-links-link {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 12px 0;
}

.gv-links-thumb {
	flex: 0 0 var(--gv-links-thumb-size);
	width: var(--gv-links-thumb-size);
	height: var(--gv-links-thumb-size);
	overflow: hidden;
}

.gv-links-thumb-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gv-links-thumb-placeholder {
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
}

.gv-links-thumb-placeholder .gv-links-thumb-img {
	object-fit: contain;
}

@media (max-width: 480px) {
	.gv-links-list { --gv-links-thumb-size: 52px; }
	.gv-links-has-thumbs .gv-links-link { gap: 14px; }
}

/* ==========================================================================
   Product category pages (Change 10/2026, Phase 4)
   White block above the product grid (template-parts/archive-intro.php): H1, introduction, H2 + text, FAQs and links.
   It uses the same wrapper and column classes as landing pages and references (.flexible-content-wrapper /
   .flexible-content, see "Flexible Layout" above), so width, padding, fonts and line breaks are the same:
   centred white column on the page background, H1 centred (class text-center, rollback 18.10.2026), texts left-aligned.
   The headings (.gv-category-heading) share their rule with .gv-faq-heading, the FAQ list and the link list use
   their own classes above.
   ========================================================================== */
.gv-category-intro { margin: 30px 0; }

.gv-category-content { margin-top: 40px; text-align: left; }

/* Product grid of the category pages: same width as on references and landing pages (the page column is 10 of 12
   columns wide, centred; the products sit 30px inside it), so the tiles have the same size and number per row:
   4 per row from 992px, 5 from 1661px (also above 1980px, where the catalog shows 6). Screen only. */
@media screen and (min-width: 768px) {
	body.tax-product_cat #container.container-fluid {
		margin-left: 8.33333333%;
		margin-right: 8.33333333%;
		padding-left: 30px;
		padding-right: 30px;
	}

	body.tax-product_cat.archive.woocommerce ul.products {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 1981px) {
	body.tax-product_cat.archive.woocommerce ul.products li.archive-product { width: 20%; }
}

.gv-category-text-block { margin: 30px 0 10px; }

/* Text: like .flexible-content .textblock (values from :root at the top). */
.gv-category-text {
	color: var(--gv-text-color);
	font-size: var(--gv-text-size);
	font-weight: var(--gv-text-weight);
	line-height: var(--gv-text-line-height);
}
.gv-category-text p,
.gv-category-text ul,
.gv-category-text ol,
.gv-category-text li {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.gv-category-text > :last-child { margin-bottom: 0; }

/* "Inventory" title (print only) is a div since Phase 4 (was an H1): same look as the H1 had. */
div.minor-main-title {
	font-family: "American Typewriter", monospace;
	font-weight: 400;
	letter-spacing: 0.5px;
}

/* Change 10/2026 (Tom, 22.10.2026): distance between the last layout element and the boxes "FAQ am Seitenende" /
   "Weiterführende Links am Seitenende" (landing pages, Inspiration, references; template-parts/landing-page-lookbook-sections.php).
   Text blocks bring their own space below (40px block + the paragraph margin), images none, so the distance depended on the last
   element (30px after an image, about 100px after text). The last layout row is wrapped in .gv-layout-last: its space below the
   text is removed and the boxes get 70px padding on top (padding does not collapse with the 30px margin of the box), 100px in total, whatever the last element is. */
.flexible-content .gv-layout-last .textblock,
.flexible-content .gv-layout-last .small-font-textblock { margin-bottom: 0; }
.flexible-content .gv-layout-last .textblock > :last-child,
.flexible-content .gv-layout-last .small-font-textblock > :last-child { margin-bottom: 0; }
.flexible-content .gv-layout-last + .gv-page-extras { padding-top: 70px; }

/* Change 10/2026 (Tom, 22.10.2026): distance between the link box and the FAQ box: 50px, on every screen width and page type.
   Before it depended on the page: 40px on landing pages, Inspiration and references (10px margin below the links + 30px above the FAQ,
   each box in its own row, margins do not merge), 30px on product categories (both boxes are direct neighbours, the margins merge).
   Value: --gv-faq-links-gap at the top of this file. No rule changes by screen width (no media query), so mobile and desktop are the same.
   - Boxes in rows (page-end boxes, Landing-Builder containers): the second row gets the missing space as padding (padding does not merge
     with the margins, so the result is the same with or without the Bootstrap row/column rules): 10px margin + padding + 30px margin = 50px.
   - Product categories: the second box gets the full distance as top margin; it merges with the 10px below the first box, the larger one counts. */
.row:has(.gv-links-block, .gv-faq-block) + .row:has(.gv-links-block, .gv-faq-block),
.row:has(.gv-links-block, .gv-faq-block) + .gv-layout-last > .row:has(.gv-links-block, .gv-faq-block) {
	padding-top: max(0px, calc(var(--gv-faq-links-gap) - 40px));
}

.gv-category-content > .gv-links-block + .gv-faq-block,
.gv-category-content > .gv-faq-block + .gv-links-block {
	margin-top: var(--gv-faq-links-gap);
}

/* Product page gallery (Tom, 22.10.2026)
   Arrows in the main image and in the thumbnail strip use the home slider classes (.home-hero-slider-nav, white circle, same hover). The home rules place them for the wide hero slider
   (up to 150 px from the edge); here they sit inside the image / strip. The arrow circle starts at the edge of its 0 px wide box, so next-nav needs the inset plus the circle width.
   The thumbnail strip starts 5 px left of the images (margin-left: -5px), so its arrows get 5 px more. The old .product-slider-nav rules above are not used any more by the template.
   Sizes and insets are those of the zoom and Pinterest buttons: up to 1024 px 30 px circles 15 px from the edge, from 1025 px 40 px circles 16 px from the edge. */
.productSlider .home-hero-slider-nav.prev-nav { left: 15px; }
.productSlider .home-hero-slider-nav.next-nav { right: 45px; }
.product-thumbnail-container .home-hero-slider-nav.prev-nav { left: 20px; }
.product-thumbnail-container .home-hero-slider-nav.next-nav { right: 50px; }
/* The strip is not endless: at the first thumbnail there is no left arrow, at the last one no right arrow (!important: Slick sets display: block inline on its arrows) */
.product-thumbnail-container .home-hero-slider-nav.slick-disabled { display: none !important; }

@media screen and (max-width: 1024px) {
	.productSlider .home-hero-slider-nav i.fal,
	.product-thumbnail-container .home-hero-slider-nav i.fal {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 16px;
		line-height: 30px;
	}
}

/* "Further views" is a <div> now (it comes before the H1 in the HTML); same look as the H3 before. */
.product-thumbnail-title {
	font-family: "American Typewriter", monospace;
	font-weight: 400;
	letter-spacing: 0.25px;
	line-height: 22px;
	clear: both;
}

/* Desktop (from 1025 px, same limit as the zoom button above): arrows, zoom and Pinterest button appear together while the mouse is over the image
   (arrows of the thumbnail strip: while the mouse is over the strip), all with the same fade (0.2 s, ease-in-out). The arrows fade the circle itself,
   as the zoom and Pinterest buttons do (the 0 px wide box around it stays untouched).
   Before, the zoom button faded in, the Pinterest button appeared at once (its hover rule replaces the transition) and went away while the mouse was over an arrow.
   Up to 1024 px (touch) the buttons stay visible as before. To go back: remove this block. */
@media screen and (min-width: 1025px) {
	.productSlider .home-hero-slider-nav.prev-nav { left: 16px; }
	.productSlider .home-hero-slider-nav.next-nav { right: 56px; }
	.product-thumbnail-container .home-hero-slider-nav.prev-nav { left: 21px; }
	.product-thumbnail-container .home-hero-slider-nav.next-nav { right: 61px; }

	.productSlider .home-hero-slider-nav i.fal,
	.product-thumbnail-container .home-hero-slider-nav i.fal {
		opacity: 0;
		transition: opacity 0.2s ease-in-out, background-color 0.2s;
	}
	.productSlider:hover .home-hero-slider-nav i.fal,
	.product-thumbnail-container:hover .home-hero-slider-nav i.fal {
		opacity: 1;
	}
	/* Pinterest button: same trigger as zoom and arrows (the whole image area) and the same fade in both states */
	.productSlider:hover .product-image-slider-pinterest-circle {
		opacity: 1;
		background-color: #888;
	}
	.productSlider div .product-image-slider-pinterest-circle,
	.productSlider div:hover .product-image-slider-pinterest-circle {
		transition: opacity 0.2s ease-in-out, background-color 0.2s;
	}
}