/*
Theme Name: eazy one
Theme URI: https://kuestencaddy.de
Description: Webpage of Küstencaddy, Manfred Mallon
Version: 1.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Tags: golf, Trolly, verleih, verkauf, zubehör, norddeutschland, Schleswig-Holstein, Golfplatz, Küste

font-family: "roboto-condensed", sans-serif;
font-family: "bebas-neue-pro", sans-serif;

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

COLORS
dgrey 51,49,50
mgrey 99, 100, 102
lgrey 147,149,152
llgrey 232,232,237

ddblue 5,11,19
dblue 26,55,95
mblue 0,86,124
lblue 135,198,232

dorange 241,91,41
morange 247,148,29
creme 218,200,187

*/

@import "css/reset.css";

@import url("https://use.typekit.net/uip0llg.css");

body { margin: 0 auto; background: white; font-family: "roboto-condensed", sans-serif; font-weight: 400; font-style: normal; font-size:1rem; line-height:1.4; color:#333132; }
html, body { height:100%; }
html {scroll-behavior: smooth;}
* {margin: 0;padding: 0;box-sizing: border-box;}


/*     P R E H O M E       */

body.page-template-template-prehome {background-image:url(http://kuestencaddy.de/wp-content/uploads/2026/04/bg-motocaddy_dblue-2.jpg); background-size: cover; background-position: left top; background-repeat: no-repeat; padding-bottom: 70%; position: relative; backdrop-filter: sepia(55%);}
body.page-template-template-prehome #logo {display: none;}
.prehome {text-align: center;color: white;padding: 10% 2% 0;}
.prehome h1 {font-weight: 300; font-size: clamp(2rem, 4vw, 3rem);line-height: 1;letter-spacing:.25rem; margin: 0 auto;}
.prehome a {color:white;}
.prehome p {margin:0 auto;}
.prehome img {width: 98%; max-width: 540px !important; height: auto;}
.page-template-template-prehome footer { display: none; /*position: absolute; bottom: 0;*/  }

.cky-revisit-bottom-left {display: none;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix::after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
hr { margin:1.5rem auto; border: 0; height: 0; border-top: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(232,232,237,1); }
.hidden { display:none; }

.aligncenter, div.aligncenter { display: block; }
.alignleft {float:none;}
.alignright {float:none;}
.center {float:none; }
.wp-caption {border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.fullwidth { width:100%; height:auto; }

p {margin:1rem auto;}
em {font-style: italic;}
blockquote p { font-size: clamp(1.15rem, 4vw, 1.25rem); font-weight: 700; margin:2rem auto; }
a { color:#231f20; font-weight:700; text-decoration:none; transition: all 0.75s ease; }
a:hover { text-decoration:underline; color:rgba(0,86,124,1); }

h1 {font-weight: 300; font-family: "bebas-neue-pro", sans-serif; font-size: clamp(2.25rem, 4vw, 3.5rem);line-height: 1.1;letter-spacing:.25rem; margin: 2rem auto 0;}
h2 {font-weight: 300; font-family: "bebas-neue-pro", sans-serif; font-size: clamp(2.25rem, 3vw, 3rem); line-height: 1.2;margin: 0 auto; color:rgba(26,55,95,1);}
h3 {font-weight: 400; font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.2;}
h4 {font-weight: 700; font-size: clamp(1.25rem, 2vw, 1.33rem); line-height: 1.4; }
h5 {font-weight: 700; color:rgba(26,55,95,1); font-size: clamp(1.1rem, 2vw, 1.2rem); line-height: 1.4;}
h6 {font-size: .75rem; font-family: "Courier New", "monospace";}

header { width:100%; z-index: 990; position:relative;}
hgroup { padding:.5rem 0 0; margin:0 auto; width: 90%; max-width: 1280px;}
#logo { margin:0 auto; width:auto; }
#logo img {width: clamp(15rem, 22vw, 22rem); height:auto;}
#hd-widget-left {float: left;width: 20vw;margin: 0 auto;}
#hd-widget-right {float: right;width: 20vw;margin: 0 auto;}
#hd-widget-right ul li {text-align: center; margin:1.5rem auto;}
select#lang_choice_polylang-2 {border: none;background: none;font-size: .75rem;font-weight: bold;text-transform: uppercase;}

@media only screen and (min-width: 768px) {
	hgroup { padding:1rem 0 0;}
	.alignleft {float:left; }
	.alignright {float:right; margin-right:0;}
	.center {float:left; margin-left:4.4%; }
	.hidden { display:block !important; }
}
@media only screen and (min-width: 1280px) {
	hgroup { display: flex;}
}

#bc-nav {width: 90%;max-width: 1272px;margin: .75rem auto .25rem;}
#bc-nav li {font-size: .8rem; color:rgba(147,149,152,1); text-transform: uppercase;}
.breadcrumbs a {color:rgba(147,149,152,1);}
.breadcrumbs a:hover {color:rgba(mgrey 99, 100, 102,1);}

/*  m a i n - n a v  */

#main-nav { width:100%; position:relative; display: flex; justify-content: flex-end; flex-wrap: wrap; align-content: center; }
#main-nav ul { list-style: none; padding:0; margin:0; position:relative; z-index:900; }
#main-nav ul li { margin: 0 -.5rem 0 0; text-transform: uppercase; letter-spacing:4px; display:inline-block;  }
#main-nav a { text-decoration:none; font-weight:400; display:block; padding:0 1.5rem; line-height:3; color: rgba(0,0,0,.66); font-style:normal; font-size:.85rem; transition: all 0.7s ease; }
#main-nav a:hover { text-decoration:none; color: rgba(0,0,0,1); background:rgba(0,0,0,.11); }
	#main-nav li.extern {background-color:#f18700; margin:0 0 0 .5rem;}
	#main-nav li.extern a {color:rgba(0,0,0,.88); padding:0 .5rem;}
	#main-nav li.extern a:hover {color:rgba(0,0,0,1);}
	

#main-nav ul ul { display:none; position:absolute; top:100%; }
#main-nav ul li:hover > ul { display:inherit;  }
#main-nav ul ul li { min-width:170px; display:list-item; position: relative; background:rgba(255,255,255,1); letter-spacing:0; text-transform: none;}
#main-nav ul ul li:last-child { margin: 0px -7px 0 0; }
#main-nav ul ul li:hover { /*background:rgba(88,89,91,1.00);*/}

#main-nav ul li > a:after { content:  '+'; }
#main-nav ul li > a:only-child:after { content: ''; }

#main-nav ul li.basket {background-image:url("images/basket.svg"); background-repeat: no-repeat; background-position: left; background-size: 1.5rem 1.5rem; margin-left:1.5rem;}
#main-nav ul li.basket a {font-size: 0.05rem; color:white; padding:20px 0 4px 24px;}
#main-nav ul li.basket a:hover {background-color: white; opacity:.66;}



/*   l a n g u a g e   m e n u   */
/*#lang-menu { height:20px; width:auto; float:left; margin-top:5px; }
#lang-menu ul { list-style: none; }
#lang-menu li { margin:-3px 0 0 0; float:none !important; }*/


.homeslider {width: 100%; height: auto; margin:0 auto; position: relative; z-index: 600; }
.screen {display: none;}
.mobile {display: block;}

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

/*    c o n t e n t -  a r e a s   */

#arrow_down { margin:0 auto 0 -16px; position:absolute; top:85%; left:50%; }

.headline-box { width: 95%; padding:0; margin:0 auto; position:relative; top:25%; }

@media only screen and (min-width: 768px) {
.headline-box { width: 95%; max-width:1000px; position:relative; top:44%; }
#window h1 { font-size:58px; line-height:100px; }
}

#refs {padding: 0 0 5rem 0;}
div.ref-gallery img {padding: 0 .5rem;}

aside, .site-main {width: 90%;max-width: 1272px; margin: 0 auto;}

#sidebar h3 { color:#58595b; }
#sidebar ul { border-left:1px solid rgba(0,0,0,0.1); }
#sidebar ul li { margin: 10px 25px; padding:15px 0px; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#sidebar ul ul { border: none; }
#sidebar ul ul li { margin: 0;  }
#sidebar ul ul li a { display:block; }

#content-wrap, #contact-wrap {width: 100%; height:auto; position:relative; z-index:700; margin: 0 auto;  }
#content-wrap {/*padding: 3rem 0; */}
.content { max-width:1272px;height:auto; margin:0 auto; }
.creme {background: rgba(218,200,187,.66); text-align: center;padding:3rem 0;}
.white {padding:3rem 0; }
.darkblue {padding:5rem 0; background: url(https://kuestencaddy.de/wp-content/uploads/2026/04/bg-motocaddy_dblue-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: 25% 40%; color:white;}
.darkblue h2 {color:white;}
.watermark {position: absolute;width: 90%;height: auto;bottom: 1rem;left:5%;}
.watermark img {filter: sepia(22%) saturate(333%) opacity(18%);}
.cremoso {background-image:url(https://kuestencaddy.de/wp-content/uploads/2026/04/kc-bg-cremoso_3-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; padding:3rem 0 1rem;}
.services {width:75%; max-width:1272px; margin: 0 auto; text-align: center;}
.about {width:90%; max-width: 1272px; margin:0 auto;}
.instagram {width:90%; margin:0 auto;}

.brands {padding: 0 0 4rem 0;}
.brands div.su-row {margin-bottom: 0;}
.brands .flatcat .su-column-inner, 
.brands .motocaddy .su-column-inner, 
.brands .ticad .su-column-inner,
.brands .ticad a,
.brands .flatcat a,
.brands .motocaddy a {border-radius: 0;}
.brands div.su-row .su-column + .su-column {margin: 0;}
.brands h2 {margin: 3rem auto 1rem; width:90%; max-width: 1272px;}

.contact {width: 90%;margin: 0 auto;max-width: 1272px; position: relative;}
.contact .su-row {margin-bottom: 0;}

.circleborder div {display: flex;align-items: center;border-radius: 50%;border: 4px rgba(232,232,237,1) solid;text-align: center;aspect-ratio: 1 / 1;}
.circleborder div p {line-height:0;}
img.circle {border-radius: 50%; width: 90%; aspect-ratio:1 / 1;}

#content-wrap .content { width:90%;}

/*.teaser {aspect-ratio: 1 / 1;background-repeat: no-repeat;background-size: cover !important;position: relative;background-position: center !important; border-radius: 1.5rem;}*/
/*.teaser h3 {font-family: "bebas-neue-pro", sans-serif; text-transform: uppercase; text-align: center; line-height: 1;font-weight: 700; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.teaser h3 a {color:rgba(255,255,255,1);text-decoration: none;background: linear-gradient(180deg,rgba(26, 55, 95, 1) 0%, rgba(26, 55, 95, 1) 100%);padding: .25rem 3rem;border: rgba(26,55,95,1) 4px solid;border-radius: 4px;}
.teaser h3 a:hover {background: none;border: white 4px solid;}*/

.flatcat .su-column-inner {background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/flatcat-hero_1440-2.jpg);}
.motocaddy .su-column-inner {background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/motocaddy-hero_1440-3.jpg);}
.ticad .su-column-inner {background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/ticad-hero_1440.jpg);}

.flatcat .su-column-inner, 
.motocaddy .su-column-inner, 
.ticad .su-column-inner {background-size: cover;background-repeat: no-repeat;background-position: center; border-radius: 1.5rem;}

.ticad a,
.flatcat a,
.motocaddy a {aspect-ratio: 1/1;display: block;text-align: center;padding: 45% 0;line-height: 1;font-family: "bebas-neue-pro", sans-serif; text-transform: uppercase; font-size: clamp(2rem, 2vw, 2.5rem); color:rgba(255,255,255,1); background-color: rgba(0,0,0,.33); border-radius: 1.5rem;}

.ticad a:hover,
.flatcat a:hover,
.motocaddy a:hover {backdrop-filter: blur(3px); background-color: rgba(0,0,0,0); text-decoration: none; letter-spacing: 2px; }


@media only screen and (min-width: 768px) {
	.brands div.su-row .su-column-size-1-3 {width: 33.333%;}
}


#content-wrap .categories { width: 90%; max-width: 1236px; display: grid; gap:1.5rem; margin:0 auto;}

.cat1 { grid-area: 1 / 1 / 2 / 3; }
.cat2 { grid-area: 2 / 1 / 3 / 3; }
.cat3 { grid-area: 3 / 1 / 4 / 2; }
.cat4 { grid-area: 3 / 2 / 4 / 3; }

.cat .textwidget {opacity: 1;transition: all 0.5s ease;background: rgba(0,0,0,0);position: absolute;width: 100%;bottom:calc(23%);}

.cat {text-align: center;}
.cat a {color: black /*rgba(125,202,206,1)*/; background-color:white; text-transform: uppercase; padding: .33rem 1rem; letter-spacing: 4px; font-size: .9rem;}
.cat a:hover {background: rgba(125,202,206,1); color:white;}

.cat1, .cat2, .cat3, .cat4 {background-size: cover; background-repeat: no-repeat; background-position: center 66%; position: relative;border-radius: 1rem;}
.cat1 { /*background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-pauschlreisen_5-7.jpg);*/ background-color: #e0d2c7; width: 100%;aspect-ratio: 7/5;}
.cat2 { /*background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-kreuzfahrten_16-9.jpg);*/ background-color: #e0d2c7;width: 100%;aspect-ratio: 7/5;}
.cat3 { /*background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-fluege_5-7.jpg);*/ background-color: #e0d2c7;width: 100%;aspect-ratio: 5/7;}
.cat4 { /*background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-hotels_5-7.jpg);*/ background-color: #e0d2c7;width: 100%;aspect-ratio: 5/7;}

@media only screen and (min-width: 768px) { 
	.creme, .white {padding:4rem 0;}
	.darkblue {background-position: 50% 40%;}
	.watermark {width: 35%;height: auto;right: -6rem;left:auto;}
	
	.cat1 { grid-area: 1 / 1 / 3 / 2; aspect-ratio: auto; }
	.cat2 { grid-area: 1 / 2 / 2 / 4; aspect-ratio: 2/1; }
	.cat3 { grid-area: 2 / 2 / 3 / 3; aspect-ratio: 7/5;}
	.cat4 { grid-area: 2 / 3 / 3 / 4; aspect-ratio: 7/5;} 
}


/*    c o n t a c t  -  a r e a    */


#contact-wrap {padding:3rem 0; width:100%; position: relative; background-color: rgba(198,199,200,.22); }

.teamimage {position: absolute;width: 40%; top:-2rem;left:0;}
img.team { border-radius: 50%; border:white solid .5rem;}

.contact-headline {padding:0 0 0 43%;}
.contact-headline h3 {font-size: clamp(1.75rem, 2vw, 2.25rem);line-height: 1.4;margin: 2rem auto 1rem;}

.fastcontact {background: white;padding: 1.5rem;border-radius: 1.5rem; }


ul.contactlist {font-size: 1.25rem; display: grid;}
ul.contactlist li {margin:.5rem auto; background-repeat: no-repeat; background-position: left center; background-size: 1.5rem 1.5rem; padding: 0 0 0 2rem;}
li.phone {background-image: url("images/phone.svg");}
li.phone a {color:#7DCACE;}
li.mail {background-image: url("images/mail.svg"); }
li.whatsapp {background-image: url("images/whatsapp.svg"); }
li.whatsapp a {color:#128C7E;}


@media only screen and (min-width: 768px) {
	#contact-wrap {padding:4rem 0; }
	.teamimage {width: 25%; top:-2rem;left:-.625rem;}
	img.team { width: 95%; height: auto; border:white solid .625rem;}
	.contact-headline h3 {margin: 2rem auto;}
	.contact-headline {padding:0 0 0 26%;}
	.fastcontact {padding: 1rem 1rem 1rem 26%;border-radius: 3rem; }
	ul.contactlist {margin: 0 auto; display: block;}
	ul.contactlist li {margin: 0 10% 0 0;float: left;}
	.callback {padding: 0 0 0 26%;}
	.address {display: grid; gap:1.5rem; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr;}
}

@media only screen and (min-width: 768px) { 
	#content-wrap .content { width:75%;}
	/*.contact {background-size: contain;}*/
	
	.grid_1-2 { width:47.8%; display:block; } 
	.grid_1-3 { width:30.4%; display:block; }
	.grid_1-4 { width:21.7%; display:block; } 
	.grid_1-1 { width:100%; display:block; }
	.grid_3-4 { width:73.9%; display:block;}
	.grid_2-3 { width:65.2%; display:block; }
}

#box img { display: block !important; width:100%; height:auto; margin-bottom:20px; }
#box p { display:none; }
#box ul { margin:20px auto auto 10px; }
#box ul li { font-size:1.25rem; text-transform:uppercase; letter-spacing:2px; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,0.1);  }
#box ul li a { font-weight:400; }
#box ul li a:hover { font-style:italic; color:#f15f67; }
.reviews { background:url(images/review.png) top right no-repeat;}

h2.pf-cat {font-family: din-2014-narrow, sans-serif; font-weight:700; font-size: 4rem; line-height:0.8; margin: 0 auto; text-transform: uppercase; word-break: break-word; letter-spacing: -3.5px; }

@media only screen and (min-width: 768px) { 
	#box { padding-top:1rem; }
	#box p { display: block !important; } 
}

.partner  {width: 90%;margin: 0 auto 3rem; max-width: 1236px;}
.partner div ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100% - 32px, 96px), auto));gap: 2rem; place-items: center; }
.partner div ul li img {width: 100%; height: auto;}


/*    s u b p a g e s     */

h1.subpage { margin:4rem auto; display:inline-block;  }
#content-sub {width: 90%; max-width: 1272px; margin:0 auto; padding:0 0 3rem 0;}
#content-sub ul {list-style: disc;margin-left: 1rem;}


/*    W O O     */

.woocommerce .woocommerce-result-count {font-size: .85rem;}
ul.products li.product h2.woocommerce-loop-product__title {font-family: "roboto-condensed", sans-serif; font-size:clamp(1.15rem, 3vw, 1.25rem) !important; color:#333132; font-weight: 700;}
ul.products li.product .price, div.product p.price, div.product span.price {color:#333132 !important; font-size:clamp(.85rem, 2vw, 1rem) !important; line-height: 1;}
small.woocommerce-price-suffix {font-size:.8rem; line-height: 1.4; display: block; }
/*.woocommerce ul.products li.product .add_to_cart_button {display: none !important;}*/
div.product .stock {color:#498A32 !important;}
.woocommerce button.button.alt {font-family: "roboto-condensed", sans-serif; background:#1A375F; background:linear-gradient(180deg,rgba(0, 86, 124, 1) 0%, rgba(26, 55, 95, 1) 100%); padding:.25rem 2rem; width: auto; border:none; border-radius: .5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; transition: all 0.75s ease; line-height: 2; margin-left: .5rem; }
.woocommerce button.button.alt:hover {background:linear-gradient(180deg,rgba(26, 55, 95, 1) 0%, rgba(26, 55, 95, 1) 100%);}
.product_meta {color:rgba(147,149,152,1);font-size: .85rem; margin:1rem auto 0;}
.product_meta a {color: rgba(99,100,102,1);}
.product_meta span {display: block;}
.product_meta span span.sku {display: inline;}
.woocommerce div.product div.images .flex-control-thumbs li {width: calc(25% - .5rem) !important;margin: .5rem .5rem 0 0 !important;}
ul.tabs.wc-tabs {display: none;}
#tab-description h2 {display: none;}
.woocommerce div.product .woocommerce-tabs .panel {margin: 1rem auto 3rem !important; border-bottom: 1px solid rgba(232,232,237,1);}
nav.woocommerce-breadcrumb {display: none;}
.woocommerce span.onsale,
.wc-block-grid .wc-block-grid__product-onsale, 
.wc-block-grid__product-image .wc-block-grid__product-onsale {min-height: unset !important;min-width: unset !important; padding: .5rem 1rem !important;line-height: 1 !important;top: 2rem !important;left: -1rem !important;border-radius: 0 !important;background-color: #F7941D !important;font-family: "bebas-neue-pro", sans-serif; font-size: 1.25rem !important; color:white !important; border: 0 !important; text-transform: uppercase; right: auto !important;}

.woocommerce ul.products li.product .onsale {right: auto !important; }
ins span.woocommerce-Price-amount.amount {color:#F7941D;font-weight: 700;}
.woocommerce div.product form.cart .variations select {padding-top:.5rem; padding-bottom:.5rem; padding-left:.5rem; border: 1px rgba(232,232,237,1) solid; border-radius: .25rem;}
.woocommerce .woocommerce-ordering select {padding: .5rem; background-color: rgba(232,232,237,1); border: 1px rgba(232,232,237,1) solid; border-radius: .25rem; }

article div.woocommerce {width: 90%; max-width: 1272px;margin:0 auto; }
.woocommerce-shop article header {display:none;}
.hero-shop {background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/hero1600_trolleys_1.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; padding-bottom: 66%; position:relative; display: flex !important; justify-content: center;}
.hero-shop h1 {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);color:white; font-size: clamp(4rem,8vw,8rem);}
.singlepost h1, .post-0 h1 {width: 90%;max-width: 1272px;}

.woocommerce-cart article, .woocommerce-checkout article {width: 90%; max-width: 1272px;margin:0 auto; min-height: 80vh; height: auto;}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, 
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, 
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, 
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {font-size: 1rem !important;}

.term-flatcat h1 {display: block; background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/flatcat-hero_1440-2.jpg);background-repeat: no-repeat;background-size: cover;color: white; padding: 30% 2% 2%;line-height: 1;font-size: clamp(4rem, 8vw, 8rem);margin: 0 auto;}
.term-motocaddy h1 {display: block; background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/motocaddy-hero_1440-3.jpg);background-repeat: no-repeat;background-size: cover;color: white; padding: 30% 2% 2%;line-height: 1;font-size: clamp(4rem, 8vw, 8rem);margin: 0 auto;font-weight: 700; text-transform: uppercase;}
.term-ticad h1 {display: block; background: url(https://kuestencaddy.de/wp-content/uploads/2026/05/ticad-hero_1440.jpg);background-repeat: no-repeat;background-size: cover;color: white; padding: 30% 2% 2%;line-height: 1;font-size: clamp(4rem, 8vw, 8rem);margin: 0 auto;font-weight: 700; text-transform: uppercase;}

div.term-description {padding:1rem 2% 2rem; border-bottom:solid 1px rgba(232,232,237,1); margin: 0 auto 2rem; }

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {padding: .5rem 2rem .5rem 3.5rem !important;border-top:none !important; color:white !important;line-height: 2; }
.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {top: .5rem !important;}

.woocommerce-notices-wrapper div.woocommerce-message {background-color:#498A32;}
.woocommerce-notices-wrapper ul.woocommerce-error {background-color:#b81c23;}
.woocommerce-message::before, 
.woocommerce-error::before {color:rgba(255,255,255,.44) !important;}

:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {background-color:white !important; color:rgba(26,55,95,1) !important; padding:0 !important; font-size: .85rem !important; text-transform: uppercase;}

:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover {color:rgba(135,198,232,1) !important;}

:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {color:white !important; }

ul.product_list_widget {width: 90%;margin: 1rem auto 5rem;max-width: 1272px;display:block;}
ul.product_list_widget li {width: 100%;margin:2rem auto 0;}
ul.product_list_widget img {width: 100%; height: auto;}
span.product-title {display: block; font-size: clamp(1.25rem, 3vw, 1.33rem);}

@media only screen and (min-width: 768px) {
	.hero-shop {padding-bottom: 33%;}
	.term-flatcat h1, .term-motocaddy h1 {padding: 22% 2% 2%;}
	
	ul.product_list_widget {display: flex;margin: 1rem auto 3rem;}
	ul.product_list_widget li {width: 22%;margin: 0 0 0 4%;}
	ul.product_list_widget li:first-of-type {margin-left: 0;}
}

/*    W O O   b a s k e t p a g e     */

.wc-block-grid {text-align: left;margin: 2rem auto;}
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {font-size: 1rem !important; }

.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), 
.wc-block-grid__product .wc-block-grid__product-title { margin: 0 auto 1rem !important;}
.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, 
.editor-styles-wrapper .wc-block-grid__product-title, 
.wc-block-grid__product-title {font-size:clamp(1.15rem, 3vw, 1.25rem) !important;}
.wc-block-grid__product {border-bottom: 1rem solid transparent !important;border-left: 1rem solid transparent !important;border-right: 1rem solid transparent !important;text-align: left !important;}
.wp-block-button__link {color:rgba(26,55,95,1) !important;background-color:white !important; padding: 0 !important; font-size: .85rem !important; text-transform: uppercase;}
.wp-block-button__link:hover {color:rgba(135,198,232,1) !important}



/*    a r t i c l e   s t y l e s    */

article header, 
header.woocommerce-products-header {z-index: 800;}
.bordertop { margin:15px auto; padding:30px 0px; border-top:1px solid rgba(0,0,0,0.1); }
.borderbottom { margin:15px auto; padding:30px 0px; border-bottom:1px solid rgba(0,0,0,0.1); }
article h3 { color:#58595b; }
article img {  }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; margin:11px auto; text-align:center; background:none;  }
article footer a { font-weight:400; }
.infobox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.infobox a { font-weight:700; }
img.portrait { border-radius: 50%; }
img.qrcode { width:150px !important; }
a.more-link { font-size:14px; display:inline-block; background:#58595b; padding:5px 15px; color:#fff; font-weight: 400; letter-spacing:4px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; float:right; } 
a:hover.more-link { background:#f15f67; }



/*    f o o t e r      */

footer { width:100%; height:auto; margin:0 auto; padding:1rem 0; color:rgba(135,198,232,1); text-align: center; background-color: rgba(5,11,19,1); font-size:.75rem;}
footer ul {margin-bottom: 1rem;}
footer .footer-wrap {width:90%; max-width: 1272px; margin: 0 auto;}
footer a {color:rgba(255,255,255,1); font-weight: 400; }
footer a:hover {color:rgba(255,255,255,0.55);}
footer .textalignright { text-align:center; } 
img.logo-footer {width: 7rem;filter: grayscale(1);opacity: .66;}
ul#menu-footer-nav li {margin:0 .5rem;}
footer img.social {width: 2rem; height: auto; margin:0 .125rem;}

@media only screen and (min-width: 768px) { 
	ul#menu-footer-nav {display: flex; justify-content: center;}
	.menu-footer-nav-container {}
	.menu-infos-container { margin:0 auto;  }
	.footermenu li li { float:left; margin:0 5px; }
	footer {}
	footer .textalignright { text-align:right; } 
	footer .textaligncenter { text-align:center; } 
}


/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.wpcf7 p {font-size: .75rem;text-transform: uppercase; width:100%;margin: 1rem auto;}

label.screen-reader-text { display:none; }
input, textarea {width:100%; display:block; background:#fff; padding:.5rem; font-size:.75rem; line-height:2; border:1px solid rgba(0,0,0,.075); border-radius:.5rem; font-family: "Courier New", "monospace"; color:#939598;  }
input[type="submit"] { font-family: "roboto-condensed", sans-serif; color: #fff; background:#1A375F; background:linear-gradient(180deg,rgba(0, 86, 124, 1) 0%, rgba(26, 55, 95, 1) 100%); cursor: pointer; font-size:.85rem; padding:.25rem 2rem; width: auto; border:none; border-radius: .25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; transition: all 0.75s ease; }
input[type="submit"]:hover {background:linear-gradient(180deg,rgba(26, 55, 95, 1) 0%, rgba(26, 55, 95, 1) 100%);}

.wpcf7 form.sent .wpcf7-response-output {border-color: #498A32 !important; background: #498A32; color:white;}

/*      r e s p o n s i v e    m e n u          */
/*button#responsive-menu-button { top: 50% !important; margin-top:-32px !important;}
#responsive-menu-wrapper {padding:50% 0 0 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-family: din-2014-narrow, sans-serif; font-size:2rem; font-weight: 300; text-transform: uppercase;}
*/