/*
Theme Name: Knueck – Persönlich & Digital
Description: Individuelles Kadence-Child-Theme mit bearbeitbarer Startseite und geschützter Einrichtung.
Author: D&F Appworks
Version: 1.3.2
Template: kadence
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: knueck-kadence
*/
.kk-page,.editor-styles-wrapper{--kk-navy:#172b43;--kk-teal:#087e8b;--kk-text:#334155;--kk-soft:#f3f6f8}
.kk-page{margin:0;background:#fff;color:var(--kk-text);font:18px/1.75 Arial,Helvetica,sans-serif}
.kk-page *{box-sizing:border-box}
.kk-page a{color:var(--kk-teal);text-underline-offset:5px}
.kk-page a:focus-visible{outline:3px solid #c27d22;outline-offset:5px}
.kk-page .kk-skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:99999}
.kk-page .kk-skip:focus{top:12px}
.kk-header{border-bottom:1px solid #dce4eb;background:#fff}
.kk-bar{max-width:1240px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.kk-brand{font-size:24px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:var(--kk-navy)!important;white-space:nowrap}
.kk-brand span{color:var(--kk-teal)}
.kk-nav{display:flex;gap:26px;flex-wrap:wrap;font-size:15px}
.kk-nav a{color:var(--kk-navy);text-decoration:none}
.kk-nav a:hover{text-decoration:underline}
.kk-page main{max-width:1240px;margin:0 auto;padding:0 40px}
.kk-page h1,.kk-page h2,.kk-page h3{color:var(--kk-navy);font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0 0 24px}
.kk-page h1{font-size:clamp(40px,5.7vw,76px);max-width:1000px}
.kk-page h1 em{color:var(--kk-teal);font-weight:400}
.kk-page h2{font-size:clamp(32px,3.7vw,48px)}
.kk-page h3{font-size:27px;letter-spacing:-.02em}
.kk-page p{margin:0 0 22px;max-width:760px}
.kk-page .kk-eyebrow{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--kk-teal);margin-bottom:25px}
.kk-page .kk-lead{font-size:21px;line-height:1.65;max-width:740px}
.kk-hero{padding:88px 0 80px;border-bottom:1px solid #dce4eb}
.kk-page .wp-block-buttons{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.kk-page .wp-block-button__link{display:inline-block;background:var(--kk-teal);color:#fff;border-radius:5px;padding:14px 23px;text-decoration:none;font:600 16px/1.5 Arial,sans-serif;white-space:normal}
.kk-page .wp-block-button__link:hover{background:#09616b;color:#fff}
.kk-projects{padding:72px 0}
.kk-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:48px}
.kk-section{padding-top:28px;border-top:3px solid var(--kk-teal);min-width:0}
.kk-inset{padding:25px;background:var(--kk-soft);margin-top:30px;border-left:3px solid #c4dfe2}
.kk-project-list{padding:25px 0 0;border-top:1px solid #dce4eb;margin-top:30px}
.kk-project-list h3{font-size:24px;margin-bottom:12px}
.kk-project-list p{font-size:17px}
.kk-about{padding:64px 40px;background:var(--kk-soft);display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;border-radius:6px}
.kk-clinic{padding:66px 48px;background:var(--kk-navy);color:#e6eef5;margin:64px 0;border-radius:6px}
.kk-page .kk-clinic h2{color:white}
.kk-page .kk-clinic .kk-eyebrow{color:#9cdee1}
.kk-page .kk-clinic .wp-block-button__link{background:#fff;color:var(--kk-navy)}
.kk-contact{padding:12px 0 72px}
.kk-page .kk-email a{font-size:clamp(23px,3vw,36px);font-family:Georgia,serif}
.kk-footer{border-top:1px solid #dce4eb;font-size:14px}
.kk-footer .kk-bar{align-items:flex-start}
.kk-footer p{margin:0}
.kk-legal{display:flex;gap:20px;flex-wrap:wrap}
.kk-page .wp-block-group{margin-block-start:0}
.kk-page .kk-project-grid{margin-top:48px}
.kk-page .kk-inset,.kk-page .kk-project-list{margin-top:30px}
.kk-page .kk-clinic{margin:64px 0}
@media(max-width:760px){.kk-bar{padding:20px 22px;align-items:flex-start;flex-direction:column;gap:15px}.kk-nav{gap:12px 20px}.kk-page main{padding:0 22px}.kk-hero{padding:52px 0}.kk-page .kk-lead{font-size:19px}.kk-project-grid,.kk-about{grid-template-columns:1fr;gap:35px}.kk-projects{padding:48px 0}.kk-about,.kk-clinic{padding:32px 24px}.kk-page .kk-clinic{margin:40px 0}.kk-footer .kk-bar{gap:15px}}
@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}
.editor-styles-wrapper .kk-hero,.editor-styles-wrapper .kk-section,.editor-styles-wrapper .kk-about,.editor-styles-wrapper .kk-clinic,.editor-styles-wrapper .kk-contact{padding:24px;border:1px solid #dce4eb;margin-bottom:24px}

/* Version 1.1: portrait alongside the existing, editable hero. */
.kk-page .kk-hero-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:42px;align-items:center;padding:70px 0;border-bottom:1px solid #dce4eb}
.kk-page .kk-hero-layout .kk-hero{padding:0;border:0;min-width:0}
.kk-page .kk-hero-layout h1{font-size:clamp(38px,4.3vw,58px)}
.kk-page .kk-hero-layout .kk-lead{font-size:19px}
.kk-page .kk-portrait{margin:0;width:100%;align-self:center}
.kk-page .kk-portrait-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 100%;border-radius:8px;border-bottom:5px solid var(--kk-teal)}
.kk-page .kk-portrait figcaption{margin-top:18px;color:var(--kk-navy);font:700 17px/1.6 Arial,sans-serif}
.kk-page .kk-portrait figcaption span{display:block;color:var(--kk-text);font-size:14px;font-weight:400}
@media(max-width:960px){.kk-page .kk-hero-layout{gap:26px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.kk-page .kk-hero-layout h1{font-size:40px}}
@media(max-width:760px){.kk-page .kk-hero-layout{grid-template-columns:1fr;padding:45px 0;gap:36px}.kk-page .kk-hero-layout h1{font-size:clamp(32px,7vw,46px)}.kk-page .kk-portrait{max-width:360px}.kk-page .kk-portrait-image{max-width:100%}}

.kk-page .kk-genealogy{padding:48px 40px;background:var(--kk-soft);border-left:4px solid var(--kk-teal);margin:0 0 64px;border-radius:6px}.kk-nav{gap:18px}
@media(max-width:760px){.kk-page .kk-genealogy{padding:32px 24px;margin-bottom:40px}}

.kk-page .kk-knowledge{padding:0 0 64px;margin-bottom:48px;border-bottom:1px solid #dce4eb}
.kk-page .kk-knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px}
.kk-page .kk-knowledge-card{padding:28px;background:var(--kk-soft);border-top:3px solid var(--kk-teal);border-radius:5px;min-width:0}
.kk-page .kk-knowledge-card:last-child{grid-column:1/-1;background:#fff;border:1px solid #dce4eb}
.kk-page .kk-knowledge-card h4{font:700 18px/1.5 Arial,sans-serif;color:var(--kk-navy);margin:25px 0 10px}
.kk-header .kk-bar{flex-wrap:wrap}.kk-nav{gap:14px 20px}
@media(max-width:760px){.kk-page .kk-knowledge-grid{grid-template-columns:1fr}.kk-page .kk-knowledge-card{padding:24px}}

/* Classic WordPress groups may wrap all children in one inner container.
   Let the actual sections participate in the surrounding responsive grid. */
.kk-page .kk-project-grid > .wp-block-group__inner-container,
.kk-page .kk-about > .wp-block-group__inner-container,
.kk-page .kk-knowledge-grid > .wp-block-group__inner-container { display: contents; }