/** Shopify CDN: Minification failed

Line 555:32 Unexpected ")"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/

.productlabels_container {
	width: 100%; 
	height: auto;
	display: flex;
}

.productlabels {
	float: left; 
	width: auto; 
	height: 66px; 
	display: flex;
	margin-right: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

#leder_label {
	height: 56px;
	margin-top: 5px;	
}

#blauer_engel {
	float: left;
	width: 261px;
	height: 80px;	
}

#fsc_logo {
	float: left;
	margin-right: 20px;
	width: 71px;
	height: 80px;
}

.fsc {
	float: left;
	margin-right: 20px;
	width: 300px;
}

.waschsymbol {
	float: left; 
	width: 35px; 
	height: 35px;
	margin-right: 8px;	
}


/*// === CSS für Flex ===//*/
.viewport {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.customer_flex-container {
	width: 100%;
	max-width: 1000px;
	display: flex;
    gap: 10px;
	flex-wrap: wrap;
	margin: 0;
}

.customer_flex-item {
    flex: 1;
	text-align: center;
	line-height: 150px;
	transition: 1s;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    font-size: 3.5rem;
}

.customer_flex-item a {
	display: block;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 3.5rem;
	transition: 1s;
}

.customer_flex-item:hover {
    flex-grow: 1.4;
}

.customer_flex-item a:link {
    color: rgba(256, 256, 256, 0.9);
    text-decoration: none;
}

.customer_flex-item a:visited {
    color: rgba(256, 256, 256, 0.9);
    text-decoration: none;
}

.customer_flex-item a:hover {
    color: rgba(256, 256, 256, 0.9);
    text-decoration: none;
    font-size: 5rem;
}

.customer_flex-item a:active {
    color: rgba(256, 256, 256, 0.9);
    text-decoration: none;
}

/*// CSS für SlideShow //*/
.customer_header-container {
	width: 100%;
	max-width: 1770px;
	display: block;
	margin: 0;
}

.customer_header-slider-container {
	width: 100%;
	height: 500px;
	padding-left: 20%;
	padding-right: 20%;
	position: relative;
	display: flex;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.customer_header-slider-container-left {
	justify-content: flex-start !important;
}

.customer_header-slider-container-right {
	justify-content: flex-end !important;
}

.customer_header-slider-container-center {
	justify-content: center !important;
}

.customer_header-slider-blur {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	backdrop-filter: blur(3px);
}

.customer_header-slider {
	width: 350px;
	height: 100%;
	position: absolute;
	display: flex;
    background-color: rgba(256, 256, 256, 0.3) !important;
}

.customer_header-slider-content {
	width: 100%;
	height: 100%;
	position: absolute;
	display: grid;
	grid-template-areas: "headline"
	"description"
	"cta";
	grid-template-rows: 90px auto 30px;
    gap: 10px;
	top: 0;
	left: 0;
	padding-bottom: 70px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 90px;
	color: #FFFFFF;
	hyphens: auto;
}

.uppercase {
	display: flex;
	align-items: flex-end;
}

.uppercase h2{
    align-items: end;
    display: contents;
	text-transform: uppercase;
	font-size: 3rem;
	letter-spacing: 2px;
	grid-area: headline;
    color: #FFFFFF;
}

.customer_header-slider-content .description{
	font-size: 1.5rem;
	grid-area: description;
    color: #FFFFFF;
}

.customer_button,
.customer_button_mobile {
	grid-area: cta;
}

.customer_button_mobile {
    display: none; /* Standardmäßig nicht anzeigen */
}

.customer_button_mobile img {
    display: inline-block;
    width: 45px;  
    height: 45px;
	right: 35px;
}

.customer_button {
	grid-area: cta;
	width: 150px;
	height: 30px;
	background-color: #C00808;
	border: 1px solid #C00808;
	font-size: 11px;
	justify-content: center;
	align-items: center;
	display: flex;
	text-decoration: none;
	color: #FFFFFF;
	transition: 0.5s;
}

.customer_button:hover {
	color: #FFFFFF;
    font-weight: bold;
	border: 1px solid #FFFFFF;
	transition: 0.5s;
}

.carousel-control-prev,
.carousel-control-next {
  width: 24px !important;
}

.carousel-control-prev {
	left: 30px !important;
}

.carousel-control-next {
	right: 30px !important;
}

.carousel-indicators [data-bs-target] {
  height: 24px;
}

@media (max-width: 991px) {
	#carouselExampleCaptions {
    	display: flex;
    	width: 100%;
    	flex-direction: column;
	}
	.carousel-indicators {
    	position: relative;
    	margin-right: 0; 
    	margin-left: 0;
		padding: 10px 0;
    	order: 2;
	}
	.carousel-indicators {
		padding: 20px 0;
	}
    .carousel-indicators button {
		border: 1px solid gray!important;
		background: transparent;
	}
	 .carousel-indicators button.active {
		background: gray;
	}
}



#tulipBG {
	background-image: url("/cdn/shop/files/brunnen-student-colourcode-collegeblock-tulip-1.webp?v=1738326238");
}

#denimBG {
	background-image: url("/cdn/shop/files/brunnen-colourcode-schule-denim-1.webp?v=1739957573");
}

#mintBG {
	background-image: url("/cdn/shop/files/brunnen-colourcode-schule-mint-1.webp?v=1738321359");
}

#kiwiBG {
	background-image: url("/cdn/shop/files/brunnen-smaepp-colourcode-maeppchen-kiwi-1.webp?v=1739957572");
}

#azurBG {
	background-image: url("/cdn/shop/files/brunnen-colourcode-schule-azur-1.webp?v=1738321358");
}

#onyxBG {
	background-image: url("/cdn/shop/files/11_CustomLiquid_ColourCode_onyx_1400x640px4.webp?v=1733843040");
}



@media (max-width: 850px) {
	.customer_flex-container {
        display: block;
    }

	.customer_flex-container > div {
        line-height: 75px;
    }

/*// === Slideshow ===//*/	
	.customer_header-slider-container {
		padding-left: 0;
		padding-right: 0;
	}

	.customer_header-slider {
		width: 100%;
		height: 90px;
		position: absolute;
		display: flex;
		bottom: 0;
	}

	.customer_header-slider-content {
		grid-template-areas: "headline cta";
		grid-template-columns: auto 120px;
		grid-template-rows: auto;
		align-items: center;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 15px;
		color: #FFFFFF;
		hyphens: auto;
	}

	.uppercase h2{
		font-size: 23px;
		margin: 0;
	}

	.customer_header-slider-content .description{
		display: none;
	}

	.customer_button,
	.carousel-control-prev,
	.carousel-control-next {
		display: none; /* Standardmäßig nicht anzeigen */
	}

	.customer_button_mobile {
		display: flex;
		justify-content: end;
	}  
}


/*// === CSS Header dynamische Kollektion ===//*/
div.ContainerCollectionHeader {
	width: 100%; 
	height: auto; 
	position: relative; 
	display: flex; 
	justify-content: center;
	margin: 0;
}

div.CollectionHeaderImage {
	width: 25%; 
	height: auto; 
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

div.CollectionHeaderDescription {
	width: 75%;
	max-width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: left;
	padding-left: 3rem;
	padding-right: 3rem; 
    padding-bottom: 1rem;
    border-left: 10px solid
}



/*// === @Media-Weiche ===//*/
@media (max-width: 640px) {
	div.gridContainerCC {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 100px 100px 100px;
	gap: 0px;
	}

   div.ContainerCollectionHeader {
    display: block; 
	}

	div.CollectionHeaderImage {
    width: 100%; 
    height: 150px; 
    aspect-ratio: 2/1;
	}

	div.CollectionHeaderDescription {
    width: 100%; 
    text-align: center;
    padding: 0;
    border-left: 0px solid;
    padding-left: 3rem;
	padding-right: 3rem;
	}
}

/* BUTTONS */

.spotlight-inner .spotlight-button.custom-button-style:hover {
  color: #FFF !important;
}

/* TO CART BUTTON */

button#product-add-to-cart,
.customer_header-slider .customer_button {
    padding: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    min-height: 44px;
    box-shadow: none;
    transform: none !important;
}

.product-form__submit.button.button--primary:hover{
    color: #FFF!important;
    fill: #FFF;
}

.customer_header-slider .customer_button {
    font-family: var(--btn-2-font-family);
    font-size: var(--btn-2-font-size);
    font-weight: var(--btn-2-font-weight);
    text-transform: var(--btn-2-text-transform);
}

@media (max-width: 850px) {
    .customer_header-slider .customer_button {
        display: none;
    }
}

.customer_header-slider .customer_button:hover {
    color: #232323 !important;
    background: #fff !important;
    border-color: #232323;
}


button#product-add-to-cart:hover svg {
    fill: inherit;
}

.productView-share.style-2 .share-button__button {
    background: transparent;
}

/* SEARCH FILTER */

.facets-layout .facets__item--swatch .show-color-name.facets__label {
    padding: 0;
}

.facets-layout .facets__item--swatch .show-color-name .swatch-input__label {
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    width: 34px;
    height: 34px;
    margin: 0;
}

.facets-layout .facets__label.show-color-name .facet-checkbox__text-label {
    display: none;
}

.facets-layout .facets__item.facets__item--swatch, .facets__item.facets__item--rectangle {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.facets-layout .facets__item--swatch .show-color-name .swatch-input__label:before {
  border: none;
}

.facets__item--swatch .show-color-name.facets__label {
   display: inline-block;
}

.facets-layout .facet-checkbox__text {
  display: none;
}


/* Filter Overview page */

@media (min-width: 1025px) {
    .toolbar .toolbar-col .toolbar-label {
        margin: 0 5px 0 0;
    }
}

.collection-filters__item .count {
  margin-left: 3px;
}


.sidebarBlock-collapse.show-more) ul.facets-layout.facets-layout-list {
    max-height: fit-content !important;
}

/* Button text overflow fix */

.button, .shopify-challenge__button {
    text-overflow: initial;
    display: flex;
    justify-content: center;
}

/* Overview page*/

.productGrid.column-5 .product button {
  white-space: normal;
  font-size: 14px;
  padding: 10px 5px;
  width: 100%;
}

.productListing.productList .card-product .card-action {
  display: block;
}

.card-information .card__heading {
  font-weight: 400;
  line-height: 20px;
}


/* Stamped Review */

#stamped-button-submit, input.stamped-button.stamped-button-primary.button.button-primary.btn.btn-primary {
  background: #c00808;
}

#stamped-button-submit:hover, input.stamped-button.stamped-button-primary.button.button-primary.btn.btn-primary:hover {
  background: #fff;
  color: #000;
}

/* Cookiebot icon fix */

#CookiebotWidget .CookiebotWidget-logo svg {
  border-radius: 50%;
}

/* Detailpage */

.halo-productView-left .productView-thumbnail-wrapper.arrows-disable {
  top: 0!important;
}

.halo-productView-left .productView-thumbnail-wrapper {
    position: static;
}

.metafield-multi_line_text_field {
  display: block;
  margin-top: 20px;
}

/* Filter */

.facets-layout label.form-label--checkbox {
  text-transform: none;
}

/* Breadcrumb */

nav.breadcrumb * {
  color: #000000 !important;
  fill: #000000 !important;
}


/* Footer */

.footer__content-top,
.footer__content-bottom,
#fsb_bar {
  background: #b00000 !important;
}

/* Button */

.banner-button,
.customer_button,
a.spotlight-button.button.custom-button-style,
.badge.sale-badge.ea_w1,
.button.button--primary.filter__price--apply,
.product-form__submit.button.button--primary {
    background: #b00000 !important;
}

a.button.button--secondary {
  border-color: #b00000 !important;
  color: #b00000 !important;
}

.slick-autoplay-toggle-button {
  display: none;
}

.halo-banner .banner-button:hover {
  color: #FFFFFF!important;
}


/* Pagination */

.pagination-page-total {
    color: #000000 !important;
}

/* Sale */

.price-item--sale, 
.price.price--on-sale .price-item--sale .money {
    color: #b00000 !important;
}

.button.button--primary.filter__price--apply,
.badge.sold-out-badge {
  background: #b00000 !important;
  border-color: #b00000 !important;
}


.ea_w1 {
    border: 4px solid #b00000 !important;
}


/* Cart */

.cart-container .discount-code-field p, 
.cart-container .shipTotal .cart-total-value,
.cart-securityImage-label.ea_w1 {
    color: #000000 !important;
}


/* Links */

.card-title.link-underline {
  color: #000;
}

.stamped-tab-container ul.stamped-tabs li.active {
    color: #b00000 !important;
}

/* List Styles */

li.list-highlight {
  color: #c00808!important;
  font-weight: bold!important;
}

/*Text*/

.rich-text__blocks p {
  margin-bottom: 15px;
}

.certificates {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .spotlight-inner .spotlight-button.custom-button-style {
        max-width: 100%!important;
    }
}

.halo-sidebar.halo-sidebar-right {
	z-index: 10000;
}

#hs-interactives-modal-overlay {
	display:block;
}
 
.dnd_area-row-1-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}



/* Hiding Elements for mobile */
@media (max-width: 767px) {
   .eyeAble_container_b,
   #eyeAble_container_ID,
   .halo-popup,
   .productView-iconZoom,
   .productView-nav .slick-arrow {
	display: none!important;
   }
}

/* Hubspot Newsletterform */

.hubspot-form-newsletter {
  background: #495A6B ;
  padding: 10px;
  font-family: Argumentum;
}
.hubspot-form-newsletter  * {
  color: white;
  font-family: Argumentum;
}

.hubspot-form-newsletter h2 {
	font-size: 30px;
	line-height: 1.3;
	margin-top: 0;
}

@media (max-width: 500px) {
	.hubspot-form-newsletter h2 {
		font-size: 18px;
	}
}

.hubspot-form-newsletter label {
  display: none;
  width: 100%;
  float: none;
  text-transform: none;
}
.hubspot-form-newsletter label:hover {
 cursor: pointer;
}
.hubspot-form-newsletter input {
	display: block;
	width: auto;
	height: 50px;
    line-height: 50px;

	background: white;
	box-shadow: none;
	border: none;
	margin-bottom: 20px;
	color: black;

	padding-left: 15px;
	font-size: 20px;
	font-weight: 300;
}



.hubspot-form-newsletter input::placeholder {
    color: #6e828c!important;
}


.hubspot-form-newsletter .hs-button.primary {
	font-size: 16px;
	font-weight: 500;
	background: none;
	border: 3px solid white;
	padding: 15px 20px 15px;
	margin: 10px 0;
	color: white;
	line-height: normal !important;
	text-transform: uppercase;
	height: auto;
	transform: scale(1);
	margin-top: 30px;
}

.hubspot-form-newsletter .hs-button.primary:hover {
  cursor: pointer;
}

.hubspot-form-newsletter .field {
  flex-direction: column;
}
.hubspot-form-newsletter .hs_firstname {
  margin-right: 20px;
}
.hubspot-form-newsletter .hs_email {
display: inline-block;
}


.hubspot-form-newsletter .hs_firstname input,
.hubspot-form-newsletter .hs_lastname input,
.hubspot-form-newsletter .hs_email input {
	width: 100%;
}

@media (min-width: 992px) {
	.hubspot-form-newsletter .hs_firstname,
	.hubspot-form-newsletter .hs_lastname {
		width: 25%;
		display: inline-block;
	}
	.hubspot-form-newsletter .hs_email {
	    width: 52%
	}
}

.hubspot-form-newsletter .inputs-list {
	list-style: none;
	padding: 0;
}

.hubspot-form-newsletter .hs-form-booleancheckbox input {
	position: relative;
	padding: 10px;
	display: inline-block;
	margin: 0;
	-webkit-appearance: auto;
	appearance: auto;
	width: 20px;
	height: 20px;
}

.hubspot-outofstock h3,
.hubspot-outofstock .inputs-list {
	margin-top: 0;
}


.hubspot-outofstock input {
	font-family: inherit;
}


.hubspot-outofstock .hs-form-booleancheckbox a {
	font-weight: bold;
}

.hubspot-outofstock .hs-form-booleancheckbox a:hover {
	color: black!important;
}

.hubspot-form-newsletter .hs-form-booleancheckbox label.hs-form-booleancheckbox-display  {
	display: flex;
}

.hubspot-form-newsletter .no-list.hs-error-msgs {
	margin: 5px 0;
}


@media (max-width: 991px) {
	.hubspot-form-newsletter .hs-submit .actions {
		text-align: center;
		padding-top: 20px;
	}

	.hubspot-form-newsletter .actions input {
		display: inline-block;
	}
    
	.hubspot-outofstock h2 {
		font-size: 21px;
	}
}




/* Stamped Reviews */
.stamped-form-review-recommend {
  display: flex;
  flex-direction: row;
  gap: 0.5rem; 
}

.stamped-form-review-recommend label {
  display: flex;
  align-items: center;
  cursor: pointer; 
  font-size: 1rem;
  line-height: 1.4;
}
.stamped-form-review-recommend  .stamped-form-review-recommend-label {
	margin-bottom: 0;
}


.stamped-form-review-recommend input[type="radio"] {
  appearance: auto !important;
  margin-right: 0.5rem;
  cursor: pointer;
  width: auto;
  height: auto;
  display: inline-block;
  position: relative;
}

.stamped-form-review-recommend label:hover {
  color: #b70000; /* Beispiel-Farbe beim Hover */
  transition: color 0.2s ease;
}

.predictive-search.predictive-search--header {
	    box-shadow: 0px 7px 7px 0  #505050;
}


@media (max-width: 1200px) {
hr {
    width: 100% !important;
}

}