/*
Theme Name: kitelab
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kitelab
kitelab WordPress Theme 2011-2026
*/

/*@font-face { font-family: 'lauftext'; 
src: url(/wp-content/fonts/lauftext-ho.woff2) format('woff2');
font-weight: normal;
font-style: normal;}*/

@font-face { font-family: 'standard'; 
src: url(/wp-content/fonts/standard.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap; }

/* --- superwarmred: #cc5700 --- graublau hell: #789 --- graublau dunkler: #678 --- fliesstext: #302A22 --- */

/*------------ blankslate --> kitelab generell ------------------*/
body { /*box-sizing: border-box;*/font-family: 'standard', sans-serif; /*font-weight: 500;*/ text-transform: lowercase; font-size:17px; line-height: 1.2; /*letter-spacing: .01em; word-spacing: .05em;*/ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-wrap: break-word; background-color: #fff; }

#wrapper { padding: 6%; max-width: 720px; margin-left:auto; margin-right:auto; }

.skip-link, .screen-reader-text {display: none; }

/*header { margin-bottom: 0; }*/
/*#site-title, #site-description, #nav-utility a, #nav-primary a { display:block; }*/

/*#nav-utility { font-size: 15px; line-height: 1.30; position: absolute; top:30px; right: 6%; }
#branding {font-size: .9em; margin-top: 0; margin-bottom: 30px; max-width: 60%; line-height: .95; }*/
/*#nav-primary {color: red; font-family: 'standard'; font-size: 2em; line-height: 0.9; }*/

#shopping-cart a { display: block; width: auto; border-radius: 30px; background: #789; color: #fff; font-size: .75em; text-align: center; padding: .25em 1.25em .35em 1.25em; float: right; margin-right: .2em; margin-top: -3em; }
#shopping-cart a:hover { background: #678; }

#nav-primary { margin-top: 2em; margin-bottom: 10%; line-height: 1.2/*30px*/; }
#nav-primary a { font-size: clamp(1.25em, 4vw, 1.5em); padding-left: .1em; padding-right: 2%; display: block; width: 75%; }

main { margin-bottom: 110px; }

#footer { width: 75%; min-width: 240px; max-width: 480px; background-color: #cc5700; padding: 5% 0 1.5em 8%; border-radius: 14px; margin-bottom: 2.5em; line-height: 1.2; }
#footer a { color: #fff; font-size: .85em; display: block; max-width: 90%; margin-bottom: .4em; }
#footer a:hover { color: #000; }
#copyright { color: #222; font-size: .7em;  text-align: right; padding-right: 5%; }

ol, ul { list-style: none; line-height: 1; }
ul { padding-left: 7%; margin: 2em 0; }
ol { list-style-type: decimal; padding-left: 7%; margin: 2em 0 }
li { margin-top: .5em; margin-left: 1.1em; color: #302A22; }

a {text-decoration: none; color: #000; }
a:hover { color: #cc5700 }
p a, li a { color: #cc5700; }
p a:hover, li a:hover { color: #000; }

.y, .m { padding-left: 23%; /*clamp(7%, 10vw, 23%);*/ padding-right: .6em; }
/*.m { margin: 0;}*/

p, p.y { color: #302A22; margin: 0 0 .5em 0; letter-spacing: .005em; word-spacing: .05em;/*font-family: arial, helvetica, sans-serif;*/ }
ul, ul.y { color: #302A22; margin: 1.5em 0 1.5em 0; letter-spacing: .005em; word-spacing: .05em;/*font-family: arial, helvetica, sans-serif;*/ }


.rsContainer img {max-width: 100%; margin-top: 0;}
figure, img { max-width: 100%; height: auto; margin: 2em 0 0 0; display: block; }
.wp-caption-text, figcaption, .rsGCaption, /*rsCaption,*/ .caption { /*max-width: 100%;*/ text-align: left; font-size: .8em; line-height: 1; margin-top: .5em; margin-bottom: 5em; }

p.rsCaption { margin:0; }

.photos { font-size: .85em; line-height: 1.25; padding-left: 11%; margin: 5em 0 0 0; } /* cervia china susten etc */
.photos img { margin-bottom: .5em; } /* facts cervia china susten etc */
/*img.photo, .gray { filter: grayscale(98%) contrast(1.14) brightness(.94) }
img.photo:hover, .gray:hover { filter: grayscale(0%) }*/

b, strong { /*font-weight: normal;*/font-weight: 700; }

input, textarea, button {font-size: inherit; font-family: inherit;}

sup { font-size: 70%; line-height: 0; position: relative; top: 0.2em; padding-left: .1em }
.prov { color: #888}

h1, h2, h3, h4, h5, .quite-big, .hyper-big, .ultra-big, .initial { line-height: 0.85em; letter-spacing: -0.01em; word-spacing: 0em; text-shadow: 0.003em 0 #888; }
h1, .ultra-big { font-size: clamp(2.5em, 6vw, 3.5em); margin: .75em 0 1.25em 0; }
h2, .quite-big { font-size: clamp(1.6em, 5vw, 2.25em); margin: 1.75em 0 .6em 0;  }
h3, .subtle-big { font-size: clamp(1.45em, 5vw, 1.9em); margin: 1.5em 0 .6em 0; }
h4 { font-size: clamp(1.35em, 4vw, 1.5em); margin: 1.5em 0 .6em 0;}

#subheading {font-size: clamp(.7em, 4vw, .85em); line-height: 1.1; display: block; margin-top: clamp(-4.4em, -6.2vw, -3.4em); margin-bottom: 5em; }

/*.quite-big { margin: 50px 0 50px 0 }
.quite-big { font-size: clamp(1.7em, 5vw, 2em); }
.subtle-big { font-size: 20px; line-height: 1.0; }*/

hr { border: none; border-bottom: 7px solid #111; margin: 30px 0 50px 0; clear: both; position: relative }
hr.abs { position: absolute; left:2px; right: 2px; }
hr.zero, hr.half, hr.single, hr.double, hr.triple { border-bottom: 1px solid transparent; background: #fff }
hr.zero { margin: 0 }
hr.single { margin: 20px 0 }
hr.double { margin: 40px 0 }
hr.triple { margin: 60px 0 }
hr.half { border: none; border-bottom: 1px solid #111; margin: 10px 0; }
hr.black { border: none; border-bottom: 4px solid #111; margin: 10px 0; }
hr.mono { border: none; border-bottom: 2px solid #222; margin: 5px -1px 5px -1px; clear: both; position: relative }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%}

/* ---------------- topics ----------------------------- */
.kite-topics { margin-top: 80px; margin-bottom: 150px }
.number { width: 6%; display: inline-block; margin-left: -18%; margin-right: 12%; text-align: center; color: #000 }
.kite-topics h2 { display: block; padding-left: 15%; margin: 0; /*font-size: 24px*/ }
.kite-topics p { font-size: 15px; margin-top: 4px; padding-left: 15%; line-height: 1.0 }
.kite-topics ul { padding-left: 15%; margin-top: 25px; margin-bottom: 50px; }
.kite-topics li { line-height: 1; margin-top: .75em }
.kite-topics ul a { color: #302A22 }
.kite-topics a:hover { color: #cc5700 }

/* ------------------------- elemente ---------------------------- */
.kite-link a {font-size: 1.2em; line-height: .9; display: block; /*margin: 50px 0 50px 0;*/ max-width: 9em; }
/*.kite-link a:hover {color: #cc5700 }*/
.shop-info { font-size: 14px; display: block; margin-top: 1em; /*color: #cc5700;*/ letter-spacing: normal; text-shadow: none; }  /* 2 kleine links auf home */

#article-summary, .product-summary { display: block; max-width: 255px; font-size: .9em; line-height: 1.05; margin-bottom: 5em; color: #000; }

.category-related { display: block; margin-top: 75px; color: #302A22; }
.category-related p { margin: 0 0 .75em 0; }
.category-related a { color: #302A22; display: block; }
.category-related a:hover { color: #cc5700; }

.initial { font-size: 2em; display: inline-block; width: 0.75em; line-height: .5; margin-top: 60px; } /* initial nummern */

.mono p { margin: 30px 0 30px 0; padding: 0 0 0 3%; line-height: 1; font-family: Courier,'Courier New', monospace; font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
hr.mono { border: none; border-bottom: 2px solid #222; margin: 5px -1px 5px -1px; clear: both; position: relative; }

blockquote { font-style: normal; font-family: Courier, Courier New, monospace; font-size: 14px; font-weight: 700; line-height:1; max-width: 320px; margin: 70px 0 70px 0; padding: 0 5% 0 10px; border-left: 9px solid #333; }

.ninja img { display: block; margin-top: 50px; margin-bottom: 10px; margin-left: 100%; max-width: 100%; float:right; }
.postid-5922 dl { margin: 50px 0 100px 0; line-height: 1; max-width: 360px }
.postid-5922 dd { margin: .25em 0 1.5em 0; font-size: .85em; } /* ------- glossar urban ninja deutsch ------ */

legend { border: 0; padding: 0 }
textarea { overflow: auto }

/*.manual h3 { margin-top: 100px; margin-bottom: 20px; }*/

/* -------- tables global, spezifische vorallem auf product-pages und cart und checkout ------------ */

table { border-collapse: collapse; border-spacing: 0; width: 100% }
thead { display: none }
tbody { width:100% }
tr { vertical-align: baseline /* reset */ }
th, td { font-weight: normal; text-align: left; /*padding-top: 5px; padding-bottom: 5px;*/ }

/* -------------- icarex farben seite ------------------ */
.sp3section { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 70px; margin-bottom: 50px }
.sp3text { width: 26%; margin-left: 5%; margin-right: 2%; }
.sp3text h3 { font-size: 1.1em }
.sp3text .wp-caption-text { font-size: .85em; line-height: 1; margin-bottom: 0; }
.sp3text figure { margin: 30px 0 30px 0 }


/* ------------- videos auf video-seiten ----------------------- */
.lyte-wrapper-audio div, .lyte-wrapper div { border-radius: 7px; }
.lyte-wrapper { margin: 1.8em 0 1.5em 0 !important; border: 5px black solid; border-radius: 12px; }
.lyte .play { color: #111; background-image: none !important; background: transparent; width: 100%; height: 100%; position: absolute;  left: 0; padding-top: 0; padding-left: 10px; }
.lyte .play:after { content: " video ..."; font-size: 30px; }
.lyte .play:hover { color: #cc5700 }
.lyte .pL { background: #fff !important; }

/* ------------------------------------------------ */
@media (max-width: 500px) { 
.sp3text { width: 38%; margin-left: 5%; margin-right: 3%; }
.sp3text .wp-caption-text { font-size: .77em; line-height: 1; }
#footer a { margin-bottom: .65em; }

.y, .m { padding-left: 10%; padding-right: .3em; }

/*.y figure, .y img, .m figure, .m img { padding-left: 0; margin: 2em 0 0 -11%; max-width: 114%; padding-right: 0; }*/
}