/*
Theme Name: Kai Preview
Theme URI: http://localhost:8888
Author: Kai
Description: Freundliches Gutenberg-Theme für KS TechDesign.
Version: 0.4.0
Text Domain: kai-preview
*/
:root { --ink:#26363b; --paper:#fffdf9; --sand:#fff4eb; --coral:#5f9f95; --coral-dark:#3c766f; --mint:#d9eee5; --teal:#477a73; --sun:#f2e9df; --line:#e6d7cb; --muted:#68757a; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--sand); font-family:"Trebuchet MS",Arial,sans-serif; line-height:1.55; } a { color:inherit; }
.shell { width:min(1160px,calc(100% - 2.5rem)); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:10; background:rgb(255 253 249 / .94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); } .site-header .shell { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:flex; align-items:center; color:var(--ink); font-size:1.05rem; font-weight:800; text-decoration:none; letter-spacing:-.04em; }.brand-mark { display:block; width:2rem; height:2rem; margin-right:.5rem; object-fit:contain; }
.site-nav { display:flex; align-items:center; gap:.35rem; }.site-nav a { padding:.55rem .75rem; color:var(--muted); font-size:.9rem; font-weight:700; text-decoration:none; }.site-nav a:hover { color:var(--ink); }.site-nav a.is-active:not(.nav-cta) { color:var(--teal); }.site-nav a.is-active:not(.nav-cta)::after { display:block; width:100%; height:2px; margin-top:.24rem; content:""; background:var(--teal); border-radius:2px; }.nav-cta { color:var(--ink)!important; background:var(--sun); border:1px solid var(--ink); border-radius:999px; }.nav-cta.is-active { color:var(--ink)!important; background:var(--mint); border-color:var(--teal); }
.hero { position:relative; overflow:hidden; padding:clamp(4.5rem,9vw,8rem) 0; background:var(--paper); }.hero::after { position:absolute; inset:0 0 0 55%; content:""; background:radial-gradient(circle at 35% 40%,var(--mint) 0 12%,transparent 12.2%),radial-gradient(circle at 70% 64%,var(--sun) 0 8%,transparent 8.2%),radial-gradient(circle at 54% 25%,var(--coral) 0 4%,transparent 4.2%); opacity:.72; }
.hero-grid > .wp-block-group__inner-container { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr); gap:clamp(2rem,6vw,6rem); align-items:center; }.kicker { margin:0 0 1rem; color:var(--coral-dark); font-size:.78rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }h1,h2,h3 { margin:0; letter-spacing:-.055em; line-height:1.02; }h1 { max-width:760px; font-size:clamp(3.3rem,7.4vw,7rem); }h2 { font-size:clamp(2.2rem,4vw,4rem); }h3 { font-size:1.35rem; }.hero-copy,.page-intro { max-width:640px; margin:1.5rem 0 2rem; color:var(--muted); font-size:1.18rem; }
.button-row { display:flex; flex-wrap:wrap; gap:.75rem; }.wp-block-button__link { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.75rem 1.1rem; color:white; background:var(--coral); border:1px solid var(--coral); border-radius:999px; box-sizing:border-box; font-weight:800; text-decoration:none; }.wp-block-button__link:hover { color:white; background:var(--coral-dark); border-color:var(--coral-dark); }.wp-block-button.secondary .wp-block-button__link { color:var(--ink); background:transparent; border-color:var(--ink); }.wp-block-button.secondary .wp-block-button__link:hover { color:white; background:var(--teal); border-color:var(--teal); }
.material-card { padding:2rem; color:var(--ink); background:var(--mint); border-radius:1.5rem; box-shadow:12px 12px 0 var(--sun); }.material-card .kicker { color:var(--teal); }.material-card p { color:#42615c; }
.section { padding:clamp(4rem,8vw,7rem) 0; }.section-head > .wp-block-group__inner-container { display:block; text-align:center; }.section-head .kicker { margin:0 auto 1rem; }.section-head > .wp-block-group__inner-container > div > p { max-width:630px; margin:.6rem auto 0; color:var(--muted); font-size:1.1rem; }
.hero-grid,.section-head,.process,.service-grid,.detail-list { display:block; border:0; }.shell > .wp-block-group__inner-container,.shell > .wp-block-group__inner-container > .wp-block-group { max-width:none!important; margin-left:0!important; margin-right:0!important; }
.process { margin-top:clamp(2rem,4vw,3.5rem); }.process > .wp-block-group__inner-container { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.process > .wp-block-group__inner-container > .wp-block-group { min-height:225px; padding:1.5rem; background:var(--paper); border:1px solid var(--line); border-radius:1.25rem; }.step { display:block; margin-bottom:3.2rem; color:var(--coral); font-size:.9rem; font-weight:800; }.process p,.service p { color:var(--muted); }
.dark { color:var(--ink); background:var(--mint); }.dark .section-head p { color:#42615c; }.service-request { padding-bottom:clamp(2.5rem,4vw,3.5rem); }.service-grid { margin-top:clamp(2rem,4vw,3.5rem); }.service-grid > .wp-block-group__inner-container { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.service { display:flex; min-height:245px; padding:1.5rem; flex-direction:column; background:var(--paper); border:1px solid var(--line); border-radius:1.25rem; }.service-photo { margin:0 0 1.2rem; }.service-photo img { display:block; width:100%; height:145px; object-fit:cover; border-radius:.75rem; }.service-grid > .wp-block-group__inner-container > .service:nth-child(n) { grid-column:auto; }.service p { color:var(--muted); }
.shop-section { text-align:center; }.shop-section .kicker { margin-right:auto; margin-left:auto; }.shop-section > .wp-block-group__inner-container > p:not(.kicker) { max-width:630px; margin:.75rem auto 1.75rem; color:var(--muted); font-size:1.1rem; }.shop-section .wp-block-buttons { justify-content:center; }
.page-hero { padding:5rem 0 3.5rem; background:var(--paper); border-bottom:1px solid var(--line); }.detail-list > .wp-block-group__inner-container { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.detail-list > .wp-block-group__inner-container > .wp-block-group { padding:1.7rem; background:var(--paper); border:1px solid var(--line); border-radius:1rem; }.detail-list p { color:var(--muted); }.checklist { margin-top:clamp(2.25rem,3vw,3rem); padding:2rem; color:var(--ink); background:var(--sun); border-radius:1.25rem; }.checklist ul { margin:1rem 0 0; padding:0; list-style:none; }.checklist li { padding:.7rem 0; border-top:1px solid rgb(38 54 59 / .2); font-weight:700; }
.cta-band { padding:3.2rem 0; background:var(--coral); }.cta-band .shell { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.cta-band h2 { max-width:720px; color:white; }.cta-band .wp-block-button__link { color:var(--ink); background:var(--sun); border-color:var(--sun); }
.site-footer { padding:2.5rem 0; color:#e5eee9; background:var(--teal); font-size:.9rem; }.site-footer .shell { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.footer-contact { display:grid; gap:.25rem; }.footer-contact strong { color:white; font-size:1rem; }.footer-contact a,.footer-links a { color:#e5eee9; text-decoration:none; }.footer-contact a:hover,.footer-links a:hover { color:white; text-decoration:underline; }.footer-links { display:flex; flex-wrap:wrap; gap:1rem; }.forminator-ui.forminator-custom-form { max-width:760px; margin-top:1.75rem; }.forminator-ui.forminator-custom-form .forminator-label { color:var(--ink)!important; font-family:"Trebuchet MS",Arial,sans-serif!important; font-weight:800!important; }.forminator-ui.forminator-custom-form .forminator-input,.forminator-ui.forminator-custom-form .forminator-textarea { color:var(--ink)!important; background:var(--paper)!important; border:1px solid var(--line)!important; border-radius:.7rem!important; font-family:"Trebuchet MS",Arial,sans-serif!important; }.forminator-ui.forminator-custom-form .forminator-button-submit { min-height:48px!important; padding:.75rem 1.1rem!important; color:white!important; background:var(--coral)!important; border:1px solid var(--coral)!important; border-radius:999px!important; font-family:"Trebuchet MS",Arial,sans-serif!important; font-weight:800!important; }.forminator-ui.forminator-custom-form .forminator-button-submit:hover { background:var(--coral-dark)!important; border-color:var(--coral-dark)!important; }
@media (max-width:760px) { .site-header .shell { min-height:0; padding:.6rem 0; align-items:stretch; flex-direction:column; gap:.45rem; }.site-nav { width:100%; justify-content:flex-start; gap:.35rem; }.site-nav a { padding:.35rem .4rem; font-size:.82rem; }.hero-grid > .wp-block-group__inner-container,.section-head > .wp-block-group__inner-container,.process > .wp-block-group__inner-container,.detail-list > .wp-block-group__inner-container,.service-grid > .wp-block-group__inner-container { grid-template-columns:1fr; }.service-grid > .wp-block-group__inner-container > .service:nth-child(n) { grid-column:auto; }.material-card { max-width:420px; }.cta-band .shell,.site-footer .shell { align-items:flex-start; flex-direction:column; } h1 { font-size:clamp(3.1rem,16vw,5.4rem); } }