/*
Theme Name: truu Shop
Theme URI: https://interstate-advertising.de
Template: twentytwentyfive
Author: Samuel Degen
Author URI: https://interstate-advertising.de
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1744027557
Updated: 2025-04-07 12:05:57

*/

:root {
    --wp--style--global--content-size: 1340px;
}


h3 {
	font-weight: 300;
    font-size: 30px;
}

h3 strong {
	font-weight: 700;
}

strong {
	font-weight: 700;
}



button {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: solid 1px #000000 !important;
    border-radius: 0px !important;
    padding: 10px 25px !important;
}




button span:after {
	content: "" !important;
    display: inline-block !important;
    height: 12px !important;
    width: 11px !important;
    background-image: url(/wp-content/uploads/2025/04/icon-more-dark.svg) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    padding-left: 25px !important;
}

button span {
    display: flex;
    align-items: center;
    font-weight: 400 !important;
}

.wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image {
    height: 350px;
    display: flex;
    padding: 10px;
    border: solid 1px #ccc;
}

button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button.ajax_add_to_cart.product_type_simple.has-font-size.has-small-font-size.has-text-align-center.wc-interactive span {
    font-size: 1.2em;
}


.wc-gzd-additional-info {
    display: none;
}




/* ---------- HEADER SLIDER ---------- */


.slider {
	$dots      : 4;
	$dotSize   : 1;
	$dotMargin : .5;
	
	$duration     : .3s;
	$timingEase   : cubic-bezier(.51, .92, .24, 1);
	$timingBounce : cubic-bezier(.51, .92, .24, 1.15);
	
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	&__slides {
		position: relative;
		width: $dots * 100%;
		height: 100%;
		transition: transform $duration $timingEase;
		will-change: transform;
	}
	
	@for $i from 0 to $dots {
			
		$slide : 100% / $dots;
		$left  : $slide * $i;

		&[data-pos="#{ $i }"] &__slides {
			transform: translateX(-$left);
		}

	}
	
	&__slide {
		float: left;
		width: 100% / $dots;
		height: 100%;
	}
	
	&__dots {
		display: flex;
		position: absolute;
		bottom: 1.5em;
		left: 50%;
		transform: translateX(-50%);
	}
	
	&__dot {
		display: block;
		margin: 0 #{ $dotMargin }em;
		width: #{ $dotSize }em;
		height: #{ $dotSize }em;
		background: rgba(255, 255, 255, .5);
		border-radius: 100px;
	}
	
	&__indicator {
		@extend .slider__dot;
		
		position: absolute;
		background: white;
		width: auto;
		
		&--left {
			transition: left $duration $timingBounce, right $duration $duration/3 $timingBounce;
		}
		
		&--right {
			transition: left $duration $duration/3 $timingBounce, right $duration $timingBounce;
		}
	}
	
	@for $i from 0 to $dots {
			
		$dot   : $dotSize + $dotMargin * 2;
		$left  : $dot * $i;
		$right : $dot * ($dots - $i) - $dot;

		&[data-pos="#{ $i }"] &__indicator {
			left: #{ $left }em;
			right: #{ $right }em;
		}

	}

}

// Custom colors and styling for the demo

.center {
	display: flex;
	height: 100vh;
	justify-content: center;
	align-items: center;
	background: #333;
}

.slider, .slider__slides {
	max-width: 100vw;
	max-height: calc(100vh - 60px);
    width: 100vw;
	height: calc(100vh - 60px);
}

.slider__dots a {
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    position: relative;
    opacity: 0.8;
}

.slider__dots {
    height: 50px;
    width: 100%;
    z-index: 10;
    position: absolute;
    display: flex;
    bottom: 50px;
    justify-content: center;
    column-gap: 20px;
}

.slider__slide {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.full-page-width {
    margin: 0 !important;
    width: 100%;
    max-width: none !important;
}

*:has(> .full-page-width) {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

    
    
.slider__slide {
    background-size: cover;
    background-position: center center;
    width: 100vw;
    min-width: 100vw;
}


.slider__slides {
    max-width: none;
    width: auto;
    display: flex;
    justify-content: flex-start;
    left: 0vw;
    position: absolute;
    transition: 0.5s ease-in-out;
}

a.slider__dot.active {
    background-color: #777;
}

main#wp--skip-link--target {
    margin-top: 0 !important;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 0 !important;
}

.hidden {
	display: none !important;
    }
    
.slider-content h2 {
    font-weight: 300;
    font-size: 4rem;
    padding: 0;
    margin: 0;
}

.slider-content {
    position: absolute;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0px;
    padding-bottom: 150px;
    width: 40vw;
    line-height: 1.15;
}

.slider-skyline {
    font-size: 3rem;
    font-weight: 700;
}

.slider-subline {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.slider-cta-button a, a.wp-block-button__link.wp-element-button {
    font-size: 2rem;
    text-decoration: none;
    padding: 10px 20px;
    border: solid 1px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    font-weight: 300 !important;
}



.slider-cta-button a:after, a.wp-block-button__link.wp-element-button:after {
    content: "" !important;
    display: inline-block !important;
    height: 2rem !important;
    width: 1rem !important;
    background-image: url(/wp-content/uploads/2025/04/icon-more-light.svg) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 1.25rem !important;
    padding-left: 1rem !important;
}

.slider-cta-button:hover a {
	color: #000;
    background-color: #ffffffab;
    border: solid 1px transparent !important;
}

.slider-cta-button:hover a:after {
	background-image: url(/wp-content/uploads/2025/04/icon-more-dark.svg) !important;
}






/*----------TYPOGRAPHY----------*/

h1 strong {
    font-weight: 700;
}

h1 {
    font-weight: 300;
}







/*----------PRODUCT CATEGORY PREVIEW----------*/

.wc-block-featured-category .wc-block-featured-category__background-image {
	position: relative;
}

.wc-block-featured-category.has-background-dim .background-dim__overlay:before {
opacity: 0;
}

.wc-block-featured-category .wc-block-featured-category__title {
    color: #000000;
    font-weight: 700;
    margin-top: 1rem;
    font-size: 2.5rem;
    height: 5rem;
}


a.wp-block-button__link.wp-element-button {
	background-color: #ffffff;
    border-radius: 0px;
    border: solid 1px #000000;
    color: #000000;
    font-size: 1.5rem;
}

a.wp-block-button__link.wp-element-button:after {
		background-image: url(/wp-content/uploads/2025/04/icon-more-dark.svg) !important;
}

img.wc-block-featured-category__background-image {
    border: solid 1px #000000;
    max-width: calc(100% - 2px);
}


.kategorie-spalten img.wc-block-featured-category__background-image {
	border-radius: 10px;
}

.kategorie-spalten h2.wc-block-featured-category__title {
    font-size: 28px !important;
    padding: 0;
}

.kategorie-spalten h2.wc-block-featured-category__title:before {
    content: 'truu original lifestyle';
    display: block;
    font-weight: 300;
}

.kategorie-spalten .wc-block-featured-category__link {
	display: none;
}

.social-stuff {
    display: flex;
    align-items: center;
    height: 100%;
    column-gap: 1.2rem;
}

.social-stuff figure.wp-block-image.size-full {
    margin-block-start: 0;
}

.social-stuff figure.wp-block-image.size-full a {
    display: flex;
    margin-block-start: 0;
}

img.wp-image-242 {
    height: 1em;
}

.wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-e5edad21.wp-block-group-is-layout-flex {
    display: flex;
    align-items: flex-end;
}


button.wc-block-mini-cart__button {
    border: none !important;
    padding: 0 !important;
}

button.wc-block-mini-cart__button span:after {
	display: none !important;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
    margin-right: 20px;
}

header.wp-block-template-part {
    width: 100vw;
    background-color: #ffffff;
    position: fixed;
    z-index: 10;
}

.slider {
    margin-top: 85px;
}

.only-logged-in {
	display: none !important;
}

.logged-in .only-logged-in {
    display: flex !important;
}

.wp-block-woocommerce-product-collection.featured-home.is-layout-flow.wp-block-product-collection-is-layout-flow .wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image,
.wp-block-woocommerce-product-collection.featured-home.is-layout-flow.wp-block-product-collection-is-layout-flow .wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image .attachment-woocommerce_thumbnail {
    display: flex !important;
}

.wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image a {
	width: 100%;
}

.wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image {
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image {
    height: auto;
}

.featured-home .wp-block-button.wc-block-components-product-button.align-center.wp-block-woocommerce-product-button.has-small-font-size {
    display: none;
}

.featured-home .wc-block-product-template__responsive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

 
.featured-home .wc-block-product {
  display: flex;
  flex-direction: column;
}

.featured-home .wp-block-post-title {
  display: flex;
  align-items: flex-start;
}


li.post-185 a {
}

li.post-185 h3.has-text-align-center.wp-block-post-title.has-medium-font-size a {
	background-image: none;
	height: auto;
}

li.post-185 a {
    background-image: url(https://shop.truu.com/wp-content/uploads/2025/05/truu-vk-background-shadow.jpg);
    background-size: contain;
    width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}

li.post-185 a img {
    width: 145px;
    padding-bottom: 20px;
}


img.wc-block-featured-category__background-image {
    background-image: url(/wp-content/uploads/2025/05/truu-vk-background.jpg);
    background-size: cover;
    border: none;
}

.embed-responsive.embed-responsive-16by9 video {
    border-radius: 20px;
}


.logged-in .wp-block-column.only-logged-in.is-layout-flow.wp-block-column-is-layout-flow {
display: block !Important;
}


button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus, button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus {
    font-weight: 900;
    font-family: roboto;
    text-align: center;
    padding: 0px !important;
    font-family: Roboto !important;
    font-weight: 600 !important;
    font-size: 24px;
    width: 40px !important;
    height: 40px !important;
    margin: 0px !important;
    border: solid 1px #9d9d9d !important;
    max-width: none;
    max-height: none;
    color: #3D3D3D !important;
}

.wc-block-components-quantity-selector {
	width: auto;
}

input.wc-block-components-quantity-selector__input {
    box-shadow: none !important;
    max-width: 40px !important;
    color: #3d3d3d;
}

.wc-block-components-quantity-selector {
    border: solid 0px #ffffff;
    box-shadow: none !important;
    outline: none !important;
    stroke: none !important;
}



.wc-block-components-quantity-selector:after {
	border: none !important;
   }
   
   
  td.wc-block-cart-item__image a img {
    width: 100px;
    height: 100px;
    background: linear-gradient(0deg, #C5DFE6, transparent);
    border: solid 2px #C5DFE6;
    object-fit: contain;
}

td.wc-block-cart-item__image {
	width: 100px;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    -ms-grid-columns: 80px 132px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 120px 212px;
    padding: 16px 0;
}

a.wc-block-components-product-name {
    font-size: 24px;
    font-weight: bold;
    color: #3D3D3D;
    text-decoration: none;
}

.wc-block-cart-item__prices {
    display: none;
}

button.wc-block-cart-item__remove-link {
    display: none !important;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    font-size: 20px;
    color: #3d3d3d;
}

.wc-block-components-quantity-selector {
    width: 120px;
    border-radius: 0px;
    margin-top: 22px !important;
}

.is-medium table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-medium table.wc-block-cart-items .wc-block-cart-items__header, .is-mobile table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-mobile table.wc-block-cart-items .wc-block-cart-items__header, .is-small table.wc-block-cart-items .wc-block-cart-item__remove-link, .is-small table.wc-block-cart-items .wc-block-cart-items__header {
    display: block;
    border-bottom: solid 1px #9d9d9d;
}


th.wc-block-cart-items__header-image {
    font-size: 0px;
}


th.wc-block-cart-items__header-image,
th.wc-block-cart-items__header-total {
    text-transform: none;
    font-size: 20px;
    color: #3d3d3d;
}

th.wc-block-cart-items__header-image {
    text-align: left;
}

th.wc-block-cart-items__header-total {
    width: 100%;
}

th.wc-block-cart-items__header-total {
	text-align: right;
    width: 100% !important;
}

td.wc-block-cart-item__product {
	width: 180px;
}

.wp-block-woocommerce-mini-cart-contents .wc-block-components-drawer__close-wrapper button.wc-block-components-button.wp-element-button.wc-block-components-drawer__close.contained {
    border: none !important;
        height: 85px;
}


span.wp-block-woocommerce-mini-cart-title-label-block {
    font-weight: bold;
}

span.wp-block-woocommerce-mini-cart-title-items-counter-block {
    display: none;
}

h2.wp-block-woocommerce-mini-cart-title-block.wc-block-mini-cart__title {
    height: 85px;
    display: flex;
    align-items: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px;
    margin-bottom: -15px;
}

table.wc-block-cart-items.wc-block-mini-cart-items thead tr {
    padding-bottom: 10px;
}

.wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
    font-size: 20px;
}

.woocommerce-account main .woocommerce {
	max-width: none;
}

.woocommerce-account .woocommerce h2 {
    font-weight: 700;
}

button.show-password-input {
    padding: 0px !important;
    border: none !important;
}

.drop-account {
    z-index: -1;
    width: 460px;
    position: absolute;
    right: -460px;
    background-color: #ffffff;
    height: 100vh;
    top: 0;
    transition: 0.5s ease-in-out;
}

.drop-account.open-account {
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
}


.drop-account div#customer_login {
    flex-direction: column !important;
    display: flex;
    align-items: center;
}


.drop-account .woocommerce .col2-set .col-1,
.drop-account .woocommerce .col2-set .col-2{
	width: 90%;
}

.drop-account.open-account h2 {
	font-weight: 700;
}

.drop-account.open-account .u-column2.col-2:before {
    content: 'Noch kein Account?';
    font-weight: 700;
}

button.show-password-input {
    height: 20px;
    margin-top: -4px !important;
}





.drop-account .u-column2.col-2.open-registry form.woocommerce-form.woocommerce-form-register.register {
display: block;
}


.drop-account.open-account .u-column2.col-2 h2 {
    font-weight: 300;
    font-size: 20px;
    border: solid 1px;
    padding: 1rem 2.25rem;
    text-align: center;
}

.drop-account.open-account .u-column2.col-2.open-registry h2 {
	font-weight: 700;
    text-align: left;
    border: none;
    font-size: var(--wp--preset--font-size--x-large);
    padding-left: 0px;
    padding-bottom: 0px;
}
    


.drop-account form.woocommerce-form.woocommerce-form-login.login,
.drop-account form.woocommerce-form.woocommerce-form-register.register{
    margin-top: 20px;
    border-radius: 0px;
}

.drop-account form.woocommerce-form.woocommerce-form-login.login input,
.drop-account form.woocommerce-form.woocommerce-form-register.register input{
border-radius: 0px;
height: 40px;
}

.drop-account.open-account .u-column2.col-2 {
    padding-bottom: 20px;
}

.drop-account form.woocommerce-form label,
.drop-account p.woocommerce-LostPassword.lost_password a {
    font-size: var(--wp--preset--font-size--medium) !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
}

div#customer_login .u-column1.col-1 h2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 37px;
}

div#customer_login .u-column1.col-1 h2:after {
    content: 'x';
    font-weight: 300;
    transform: scaleX(1.3);
}


.drop-account.open-account {
    right: 0;
    width: 460px;
    display: flex;
    justify-content: flex-end;
    height: 100vh;
    transition: 0.5s ease-in-out;

}

.drop-account .woocommerce {
    position: absolute;
    transition: 0.5s ease-in-out;
	width: 460px;
    background-color: #ffffff;
    height: 100%;
}

.drop-account.open-account .woocommerce {
    right: 0px;
    transition: 0.5s ease-in-out;
    top: -1px;
}

.login-bg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    background-color: #000000;
    opacity: 0;
    display: none;
    z-index: -1;
}

.drop-account.open-account .login-bg {
	display: block;
	opacity: 0.35;
    transition: 0.5s ease-in-out;
    transition-delay: 0.25s;
    
}

.page-id-14 header.wp-block-template-part {
    top: 0;
}

.drop-account .woocommerce form .form-row {
    margin-bottom: 0.5em;
}

.drop-account p.woocommerce-LostPassword.lost_password {
    margin: 0 0 10px 0px;
}

.drop-account p.form-row:not(.form-row-wide) {
    margin-top: 20px;
}

.drop-account form.woocommerce-form.woocommerce-form-register.register p {
	font-size: var(--wp--preset--font-size--medium) !important;
}


.u-column2.col-2 form.woocommerce-form.woocommerce-form-register.register {
	display: none;
}

.u-column2.col-2.open-registry form.woocommerce-form.woocommerce-form-register.register {
	display: block;
}

.drop-account li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard,
.drop-account li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,  {
	display: none;
}

.drop-account .woocommerce:has(.woocommerce-MyAccount-navigation-link) {
    padding: 16px;
    width: 428px;
}

.drop-account li.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    font-size: var(--wp--preset--font-size--medium);
}

.drop-account nav.woocommerce-MyAccount-navigation ul {
	margin-left: 0 !important;
    padding-left: 0;
    overflow: hidden;
    position: absolute;
    top: 80px;
    width: calc(100% - 32px);
    border-top: solid 1px #cccccc;
    padding-top: 20px;
}

.drop-account .woocommerce-MyAccount-content {
    font-size: var(--wp--preset--font-size--medium);
}

span.hallo-user {
    font-size: 2em;
    font-weight: 700;
    margin-top: 5px;
    position: absolute;
}

span.thats-not-me {
    padding-top: 25px;
    position: absolute;
}

.drop-account .woocommerce-MyAccount-content p:has(span.hallo-user),
.drop-account .woocommerce-MyAccount-content p:has(span.thats-not-me) {
	margin-top: 0px;
}

.drop-account .woocommerce-MyAccount-content p {
margin-top: 80px;
}

.drop-account nav.woocommerce-MyAccount-navigation ul:before {
    content: 'Kontoübersicht';
    font-weight: 700;
}

.drop-account nav.woocommerce-MyAccount-navigation ul li {
    margin: 15px 0px;
}

.wc-notified-bitches .drop-account nav.woocommerce-MyAccount-navigation ul {
    top: 480px;
}


.entry-content.alignwide.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    margin-top: 100px;
}

.page-id-13 td.wc-block-cart-item__product {
    min-width: 500px !important;
}

.page-id-14 h2 {
    font-weight: 700;
}

.fa-chevron-right:before {
    content: url(https://shop.truu.com/wp-content/uploads/2025/04/icon-more-dark.svg) !important;
    color: #ffffff;
    filter: invert(1);
    position: relative;
    top: 2px;
}

.kategorie-spalten a {
    text-decoration: none;
    font-size: 28px !important;
    
}


.kategorie-spalten a strong {
    top: -12px !important;
    position: relative;
}

.kategorie-spalten img {
	background-image: url(/wp-content/uploads/2025/06/bg-5.jpg) !important;
    max-width: calc(100% - 2px);
    object-fit: contain;
    width: 360px;
    height: 360px !important;
    padding: 40px;
}



li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard, 
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}


.woocommerce-account .woocommerce
 {
    margin-top: 150px;
    min-height: calc(100vh - 480px);
}

.woocommerce-account main .woocommerce
 {
    max-width: var(--wp--style--global--wide-size);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    font-size: 30px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
  	font-weight: 700;
    }
    
    

.woocommerce-account .drop-account .woocommerce {
    margin-top: 0;
}

.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained .u-column2.col-2 form.woocommerce-form.woocommerce-form-register.register {
    display: block;
}

.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained div#customer_login .u-column1.col-1 h2:after {
    display: none;
}

.woocommerce-account .drop-account .woocommerce-MyAccount-content {
    width: 98%;
}

.wc-block-components-notice-banner.is-info {
    background-color: #fafafa;
    border-color: #000;
    border-radius: 0;
    border: solid 1px;
}

.wc-block-components-notice-banner.is-info>svg {
    color: #000000;
    fill: #000000;
    background-color: transparent;
    border-radius: 0;
    padding: 5px;
    border: solid 1px #000000;
}

.woocommerce-account .drop-account .woocommerce-MyAccount-navigation li { 
	padding: 0px;
}

a.woocommerce-Button.wc-forward.button.wp-element-button[href="https://shop.truu.com/shop/"] {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: solid 1px #cccccc;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

.woocommerce-account .drop-account .woocommerce-MyAccount-navigation li {
    border-bottom: none;
}

.woocommerce-account .wp-block-woocommerce-customer-account {
    pointer-events: none;
}

.woocommerce-account .addresses .title h2:before {
    content: 'Meine' !important;
    font-weight: 300;
    display: block;
}

.woocommerce-account .addresses .title .edit {
    float: right !important;
    text-decoration: none;
    color: #bcbcbc;
    margin-bottom: -30px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.woocommerce-account .addresses .title .edit:after {
	content: url(https://shop.truu.com/wp-content/uploads/2025/08/edit-2.svg);
}



address
 {
    font-style: normal;
    border: solid 1px;
    padding: 20px 20px 20px 20px;
    margin-top: -20px;
}

.drop-account.open-account {
    z-index: 2;
}

.woocommerce a[href="https://shop.truu.com/my-account/add-payment-method/"]
 {
    display: none;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, 
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.wc-block-components-checkout-place-order-button__text:before {
    content: 'Jetzt kaufen';
    font-size: 28px;
    font-weight: 300;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained  .wc-block-components-button__text {
    font-size: 0 !important;
    display: flex !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained span.wc-block-components-button__text:after {
    content: "" !important;
    display: inline-block !important;
    height: 20px !important;
    width: 11px !important;
    background-image: url(/wp-content/uploads/2025/04/icon-more-dark.svg) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    padding-left: 25px !important;}
    
    
    
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
	filter: invert(1);
    transition: 0.2s;
}

a:hover {
	transform: scale(1.02);
    transition: 0.3s;
}

.wc-block-components-address-card,
.woocommerce-checkout input, 
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
 	border-radius: 0px !important;
}

.woocommerce-checkout input[type="radio"] {
	border-radius: 50px !important;
   }

:root {
    --wc-form-border-radius: 0px !important;
} 

.wc-block-components-order-summary-item {
    border-bottom: solid 1px #ffffff;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

:root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover),
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
text-decoration: none;
}

.woocommerce-MyAccount-content:has(.thats-not-me) p:last-child {
    display: none;
}




li.variable-item.button-variable-item.button-variable-item-schwarz {
    background-color: #000000 !important;
}

li.variable-item.button-variable-item.button-variable-item-chrom {
    background-color: #DADBDC !important;
}

li.variable-item.button-variable-item {
    font-size: 0px !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
}

span.woo-selected-variation-item-name {
    font-weight: 300 !important;
}

.single-product th.label
 {
    padding-bottom: 0 !important;
}

.single-product a.reset_variations {
    display: none;
}


.product_cat-eco-wassersparer.post-639 h1.wp-block-post-title:before {
    content: url(https://shop.truu.com/wp-content/uploads/2025/06/eco-logo.png);
    display: block;
}

.product_cat-eco-wassersparer.postid-686 h1.wp-block-post-title:before {
    content: url(https://shop.truu.com/wp-content/uploads/2025/06/tap-logox1.png);
    display: block;
}

.single-product h1.wp-block-post-title {
	font-weight: 700;
    font-size: 24px;
}


.single-product .wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow {
    min-height: calc(100vh - 350px);
}

.single-product header.wp-block-template-part {
    top: 0;
    z-index: 999;
}

.single-product .wp-block-woocommerce-product-details ul.tabs.wc-tabs, 
.single-product div#tab-description h2 {
    display: none;
}

.single-product .wp-block-woocommerce-product-price {
    margin-top: -10px;
}

.single-product .wp-block-add-to-cart-form.wc-block-add-to-cart-form.wc-block-add-to-cart-form--input.wp-block-woocommerce-add-to-cart-form {
    margin-bottom: -10px;
}


.wp-block-woocommerce-product-image-gallery {
    max-width: 100% !important;
}

.single-product a.reset_variations {
    display: none !important;
}

.page-id-13 td.wc-block-cart-item__image a img {
    width: 100px;
    height: 100px;
    background: transparent;
    border: none;
    object-fit: contain;
    top: -10px;
    position: relative;
}

.page-id-13 .entry-content.alignwide.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    min-height: calc(100vh - 500px);
}

.archive h1.alignwide.wp-block-query-title {
    margin-top: 150px;
    font-weight: 700;
}

.archive main#wp--skip-link--target {
    min-height: calc(100vh - 330px);
}

.archive li.wc-block-product.product.type-product.status-publish img {
    width: 100%;
}




.archive li.wc-block-product.product.type-product.status-publish {
    border: solid 1px #dddddd;
    border-radius: 10px;
    padding: 20px;
}

.archive li.wc-block-product.product.type-product.status-publish a, 
.archive li.wc-block-product.product.type-product.status-publish .wp-block-button.wc-block-components-product-button, 
.archive li.wc-block-product.product.type-product.status-publish .wp-block-woocommerce-product-price {
	width: 100%;
}

.archive li.wc-block-product.product.type-product.status-publish a,  
.archive li.wc-block-product.product.type-product.status-publish .wp-block-woocommerce-product-price {
	text-align: left;
}

.archive li.wc-block-product.product.type-product.status-publish .wp-block-woocommerce-product-price {
	font-size: 22px;
}

.archive .wc-block-components-product-price.wc-block-grid__product-price.has-text-align-center.has-font-size.has-small-font-size.has-text-align-center {
    text-align: left;
}

.archive .wp-block-button.wc-block-components-product-button {
    align-items: flex-start;
}

.archive ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template {
    margin-bottom: 100px;
}

.archive select.orderby {
    height: 40px;
    border-radius: 0px;
    padding-left: 20px;
}

.archive li.wc-block-product.product.type-product.status-publish a {
	font-weight: 700;
    font-size: 22px;
}

.archive li.wc-block-product.product.type-product.status-publish .wp-block-button.wc-block-components-product-button:hover {
	transition: 0.3s;
    transform: scale(1.02);
}

div#wc-stripe-express-checkout-element, .wcpay-express-checkout-wrapper {
    display: none;
}



@media (max-width: 1000px) {

h1,
h2,
h3,
p,
.wp-block-columns,
.wp-block-woocommerce-product-collection,
.wp-block-uagb-image.alignleft.uagb-block-d4030dd2.wp-block-uagb-image--layout-default.wp-block-uagb-image--effect-static.wp-block-uagb-image--align-left figure.wp-block-uagb-image__figure {
	padding-left: 10px;
    padding-right: 10px;
    transform: scale(calc(100% - 20px));
}

.kategorie-spalten img {
    max-width: calc(100% - 80px);
}

.featured-home .wc-block-product-template__responsive {
    flex-direction: column;
    display: flex;
}

.wp-block-group.is-content-justification-space-between.is-layout-flex.wp-block-group-is-layout-flex nav.is-vertical.wp-block-navigation.is-layout-flex.wp-container-core-navigation-is-layout-fe9cc265.wp-block-navigation-is-layout-flex:first-child {
    display: none;
}

nav.is-vertical.wp-block-navigation.is-layout-flex.wp-container-core-navigation-is-layout-fe9cc265.wp-block-navigation-is-layout-flex {
    margin-top: -60px;
    gap: 5px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    padding-left: 0;
    padding-right: 0;
}

ul.wp-block-social-links.has-large-icon-size.has-icon-color.is-style-logos-only.is-layout-flex.wp-block-social-links-is-layout-flex {
    gap: 0px;
    margin-right: 100px;
}

ul.wp-block-social-links.has-large-icon-size.has-icon-color.is-style-logos-only.is-layout-flex.wp-block-social-links-is-layout-flex li {
    transform: scale(0.7);
}

.wp-block-uagb-container.uagb-block-13e81c71.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap {
    flex-direction: column-reverse;
}


.wp-block-uagb-container.uagb-block-0400e85c, 
.wp-block-uagb-container.uagb-block-d3e731df {
    max-width: calc(100vw - 20px) !important;
    margin-left: -40px;
    margin-bottom: 20px !important;
}

.wp-block-uagb-container.uagb-block-d3e731df {
	margin-left: 0px;
}

.wp-block-buttons.is-content-justification-left.is-layout-flex.wp-container-core-buttons-is-layout-fc4fd283.wp-block-buttons-is-layout-flex .wp-block-button {
    margin-left: 10px;
}


}

.wc-gzd-block-mini-cart-notices__notice.wc-gzd-block-mini-cart-notices__shipping-notice:before {
    font-size: 12px;
    content: 'zzgl. Versandkosten';
}

.wc-gzd-block-mini-cart-notices__notice.wc-gzd-block-mini-cart-notices__shipping-notice {
    font-size: 0;
}

label[for="checkbox-legal"] span:before {
    content: 'Mit deiner Bestellung erklärst du dein Einverständnis mit unseren ';
    font-size: 20px;
}

label[for="checkbox-legal"] span a {
    font-size: 0px;
    margin-right: 10px;
}

label[for="checkbox-legal"] span {
    font-size: 0;
}


label[for="checkbox-legal"] span a:first-child:before {
    content: 'AGB und Stornierungsbedingungen';
    font-size: 20px;
}