/*
Theme Name: Maik Kipry – Kompetenz und Leidenschaft
Theme URI: https://maik-kipry-profil.maik-kipry.chatgpt.site
Author: Maik Kipry
Description: Persönliches Portfolio-Theme mit sechs Kompetenzseiten, Kontaktbereich und austauschbarem Familienwappen.
Version: 3.3.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: maik-kipry
*/
:root{--navy:#071c2d;--navy2:#0c2d45;--paper:#f4f1ea;--ink:#102331;--gold:#d99a2b;--orange:#e87524;--copper:#b87333;--muted:#65747e;--line:rgba(16,35,49,.16);--accent:#d99a2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.entry-content{margin:0}.entry-content>.wp-block-group{margin-top:0;margin-bottom:0}.site-header{height:92px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:14px}.brand-mark,.custom-logo-link{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-weight:800}.custom-logo{width:46px!important;height:46px!important;object-fit:contain}.brand-text strong,.brand-text small{display:block}.brand-text small{color:#c3b39c;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-top:4px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#d8cec0}.nav-contact{padding:11px 18px;border:1px solid rgba(255,255,255,.28)}.hero{min-height:calc(100vh - 92px);background:var(--navy);color:#fff;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:6vw;padding:clamp(72px,10vw,135px) clamp(24px,7vw,100px)!important;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,18,31,.96) 0%,rgba(4,18,31,.83) 35%,rgba(4,18,31,.25) 70%,rgba(4,18,31,.76) 100%),linear-gradient(0deg,rgba(4,18,31,.58),rgba(4,18,31,.08))}.hero-media{position:absolute;inset:0;z-index:-2;margin:0!important}.hero-media .wp-block-shortcode{height:100%;margin:0}.maik-hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-copy,.identity-card{position:relative;z-index:1}.eyebrow,.section-number{margin:0 0 24px;color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800}.hero h1{margin:0;font-size:clamp(72px,10vw,150px);line-height:.8;letter-spacing:-.075em;text-shadow:0 8px 32px rgba(0,0,0,.28)}.hero h1 em{display:block;color:var(--gold);font-style:normal}.hero-lead{margin:48px 0 18px;color:#f0bb73;font-size:clamp(18px,2vw,26px);font-weight:700}.hero-intro{max-width:700px;color:#e4edf2;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.wp-block-button__link{border-radius:0!important;font-weight:700;font-size:14px;padding:15px 22px}.hero-actions .primary .wp-block-button__link{background:var(--orange);color:#fff}.hero-actions .is-style-outline .wp-block-button__link{background:rgba(4,18,31,.3);color:#fff;border:1px solid rgba(255,255,255,.5)}.identity-card{border:1px solid rgba(255,255,255,.24);background:rgba(4,18,31,.7);padding:34px;backdrop-filter:blur(10px);box-shadow:0 24px 70px rgba(0,0,0,.22)}.identity-card>p{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;margin:0;color:#e5edf2}.crest-slot{min-height:220px;border:1px dashed rgba(217,154,43,.75);display:grid;place-items:center;align-content:center;text-align:center;color:var(--gold)}.family-crest{width:auto;max-width:100%;height:190px;object-fit:contain}.crest-placeholder strong,.crest-placeholder span{display:block}.crest-placeholder strong{font-size:72px}.crest-placeholder span{color:#c8bdaf;font-size:13px;line-height:1.5;margin-top:12px}
.profile-band{padding:110px clamp(24px,7vw,100px);display:grid;grid-template-columns:.35fr .8fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}.profile-band h2,.section-head h2,.contact h2{margin:0;font-size:clamp(42px,5.5vw,78px);line-height:.96;letter-spacing:-.05em}.profile-text p{margin:0 0 24px;font-size:18px;line-height:1.75;color:#43545f}.skills{padding:110px clamp(24px,7vw,100px)}.section-head{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:5vw;align-items:end;margin-bottom:70px}.section-head>p:last-child{color:var(--muted);font-size:17px;line-height:1.7}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-card{min-height:500px;padding:0 30px 78px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:.25s;background:rgba(255,255,255,.3)}.skill-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 20px 45px rgba(7,28,45,.12);z-index:2}.skill-card-media{height:210px;margin:0 -30px 24px!important;overflow:hidden;background:var(--navy);position:relative;line-height:0}.skill-card-media>*{width:100%!important;height:100%!important;margin:0!important;padding:0!important}.skill-card-media p,.skill-card-media figure,.skill-card-media .wp-block-shortcode{width:100%!important;height:100%!important;margin:0!important;padding:0!important}.maik-card-image{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:100%;min-height:100%;display:block;object-fit:cover;object-position:center;vertical-align:top;transition:transform .45s ease,filter .45s ease}.skill-card:hover .maik-card-image{transform:scale(1.035);filter:saturate(1.08)}.card-index{position:absolute;top:168px;left:30px;z-index:2;margin:0!important;padding:8px 10px;background:var(--accent);color:var(--navy)!important;font-size:13px!important;font-weight:900;letter-spacing:0!important}.skill-card .card-eyebrow{margin:0 0 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.skill-card h3{margin:0;font-size:29px;line-height:1.1}.card-link{position:absolute;left:30px;bottom:28px;font-size:13px;font-weight:700}.card-link b{color:var(--accent);font-size:18px}.values-band{background:var(--gold);color:var(--navy);display:flex;gap:2vw;justify-content:center;align-items:center;padding:35px 20px;font-size:clamp(17px,2.3vw,31px);font-weight:900;text-transform:uppercase;overflow:hidden}.values-band p{margin:0;white-space:nowrap}.contact{padding:120px clamp(24px,7vw,100px);background:var(--navy2);color:#fff;display:grid;grid-template-columns:.4fr 1fr 1fr;gap:5vw}.contact-data{display:flex;flex-direction:column;gap:20px}.contact-data a{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);padding:14px 0;color:#dce7ed;font-size:18px}.site-footer{background:var(--navy);color:#a9bac5;padding:36px clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;font-size:12px}.site-footer strong,.site-footer span{display:block}.site-footer strong{color:#fff;font-size:15px}.footer-links{display:flex;gap:20px}.site-footer p{margin:0}
.detail-hero{background:var(--navy);color:#fff;padding:100px clamp(24px,7vw,100px);min-height:480px;display:grid;grid-template-columns:.35fr 1.65fr;gap:5vw;align-items:end;border-bottom:7px solid var(--accent)}.detail-number{color:var(--accent);font-size:clamp(96px,14vw,190px);font-weight:900;line-height:.75;letter-spacing:-.08em}.detail-hero h1{margin:0;font-size:clamp(52px,7vw,96px);line-height:.93;letter-spacing:-.06em}.detail-hero .lead{color:#cbd9e2;max-width:840px;font-size:20px;line-height:1.65;margin:32px 0 0}.detail-body{padding:100px clamp(24px,7vw,100px);display:grid;grid-template-columns:.38fr 1.62fr;gap:6vw}.page-rail{display:flex;flex-direction:column;position:sticky;top:30px}.page-rail a{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;color:#66747e}.page-rail a span{display:inline-block;width:36px;font-weight:800}.page-rail a.active{color:var(--ink);font-weight:800}.page-rail a.active span{color:var(--accent)}blockquote{margin:0 0 80px;font-size:clamp(32px,4vw,57px);line-height:1.1;letter-spacing:-.04em;font-weight:800;border-left:6px solid var(--accent);padding-left:34px}.detail-sections section{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}.detail-sections section>span{color:var(--accent);font-weight:900}.detail-sections h2{margin:0 0 12px;font-size:28px}.detail-sections p{margin:0;color:#50616c;font-size:17px;line-height:1.75;max-width:800px}.value-list{margin-top:70px;background:#fff;padding:34px}.value-list>p{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.value-list div{display:flex;flex-wrap:wrap;gap:10px}.value-list span{border:1px solid var(--line);padding:11px 15px;font-weight:700}.next-page{padding:70px clamp(24px,7vw,100px);background:var(--accent);color:var(--navy);display:flex;justify-content:space-between;align-items:center}.next-page small,.next-page strong{display:block}.next-page strong{font-size:clamp(30px,5vw,62px);letter-spacing:-.04em}.next-page>span{font-size:70px}.default-page{max-width:900px;margin:auto;padding:80px 24px}.default-page h1{font-size:52px}
@media(max-width:900px){.site-header nav a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero:before{background:linear-gradient(90deg,rgba(4,18,31,.92),rgba(4,18,31,.62)),linear-gradient(0deg,rgba(4,18,31,.78),rgba(4,18,31,.12))}.maik-hero-image{object-position:65% center}.profile-band,.section-head,.contact,.detail-body{grid-template-columns:1fr}.skill-grid{grid-template-columns:1fr 1fr}.page-rail{position:static;display:grid;grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-direction:column}.detail-hero{grid-template-columns:1fr}.values-band{justify-content:flex-start}}@media(max-width:600px){.site-header{height:76px}.brand-text small{display:none}.hero{padding-top:90px!important;padding-bottom:90px!important}.hero h1{font-size:72px}.hero-intro{font-size:16px}.identity-card{padding:24px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:480px}.skill-card-media{height:220px}.card-index{top:178px}.profile-band,.skills,.contact,.detail-body{padding-top:75px;padding-bottom:75px}.page-rail{grid-template-columns:1fr}.detail-sections section{grid-template-columns:42px 1fr}.values-band p:nth-of-type(even),.values-band span:nth-of-type(even){display:none}}

/* Gutenberg-editierbare Seiten */
.skill-card .wp-block-buttons{position:absolute;left:30px;bottom:25px;margin:0;z-index:4}.skill-card .wp-block-button__link{background:transparent!important;color:var(--ink)!important;padding:0!important}.skill-card .wp-block-button__link:after{content:"";position:absolute;inset:0}.skill-card .wp-block-button__link:hover{color:var(--accent)!important}.skill-card:focus-within{outline:3px solid var(--accent);outline-offset:3px}.accent-fahrlehreranwaerter{--accent:#ffd43b}.accent-notfallsanitaeter{--accent:#e87524}.accent-friseurmeister{--accent:#d99a2b}.accent-lichterfahrt{--accent:#f07a2b}.accent-fitnesstrainer{--accent:#c9894b}.accent-fotografie{--accent:#b87333}.values-band>p{margin:0!important}.contact-data p{margin:0}.contact-data a{display:flex}.editable-notice{max-width:1100px;margin:28px auto!important;padding:14px 20px;background:#172936;border-left:5px solid var(--orange);color:#f1d2a9;font-size:13px}.detail-editor-body{max-width:1100px;margin:0 auto!important;padding:90px 24px}.detail-editor-body blockquote{margin-bottom:70px}.detail-section{display:grid!important;grid-template-columns:70px 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}.detail-section-number{color:var(--accent);font-weight:900;margin:0}.detail-section h2{margin:0 0 12px;font-size:28px}.detail-section p{color:#b9c6ce;font-size:17px;line-height:1.75}.value-items{display:flex!important;flex-wrap:wrap;gap:10px}.value-items p{border:1px solid var(--line);padding:11px 15px;font-weight:700;margin:0}.page-fahrlehreranwaerter{--accent:#ffd43b}.page-notfallsanitaeter{--accent:#e87524}.page-friseurmeister{--accent:#d99a2b}.page-lichterfahrt{--accent:#f07a2b}.page-fitnesstrainer{--accent:#c9894b}.page-fotografie{--accent:#b87333}.page-fahrlehreranwaerter .detail-hero{background:#061a2a}.page-fahrlehreranwaerter .detail-number,.page-fahrlehreranwaerter .eyebrow{color:#ffd43b}.page-fahrlehreranwaerter .editable-notice{border-left-color:#ffd43b;background:#172936;color:#fff0a6}
@media(max-width:900px){.detail-editor-body{padding:70px 24px}.detail-section{grid-template-columns:48px 1fr}.profile-band,.section-head,.contact{grid-template-columns:1fr!important}}

/* Dunkelblaues und anthrazitfarbenes Flächendesign */
:root{--paper:#0a1520;--ink:#eef3f6;--muted:#a9b8c2;--line:rgba(255,255,255,.14)}
body,.entry-content{background:#0a1520;color:#eef3f6}.profile-band{background:#111f2b}.skills{background:#0b1722}.profile-band h2,.section-head h2,.skill-card h3,.detail-editor-body h2,.default-page h1{color:#f2f5f7}.profile-text p,.section-head>p:last-child{color:#b9c6ce}.skill-grid{border-color:var(--line)}.skill-card{background:#142532;border-color:var(--line)}.skill-card:hover{background:#1b3040;box-shadow:0 22px 50px rgba(0,0,0,.32)}.skill-card .card-eyebrow{color:#aebdc6}.skill-card .wp-block-button__link{color:#f3f6f8!important}.detail-editor-body,.default-page{background:#0a1520;color:#eef3f6}.detail-section{border-color:var(--line)}.detail-section p{color:#b9c6ce}.detail-editor-body blockquote{color:#f4f6f8}.value-list{background:#172936;color:#eef3f6}.value-list>p{color:#aebdc6}.value-items p{border-color:rgba(255,255,255,.18);color:#edf3f6}.editable-notice{background:#172936;color:#f1d2a9}.page-fahrlehreranwaerter .editable-notice{background:#172936;color:#fff0a6}

/* Bildstrecke Hildesheimer Lichterfahrt */
.lichterfahrt-visuals{margin-top:85px}.lichterfahrt-feature{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);background:#132431;border:1px solid rgba(255,255,255,.16);overflow:hidden;margin-bottom:60px!important}.lichterfahrt-feature>.wp-block-shortcode,.lichterfahrt-feature>p:first-child{margin:0!important;height:100%;line-height:0}.lichterfahrt-asset{display:block;width:100%;height:auto}.lichterfahrt-feature .lichterfahrt-asset-team{height:100%;min-height:430px;object-fit:cover;object-position:center}.lichterfahrt-facts{padding:42px!important;display:flex;flex-direction:column;justify-content:center}.lichterfahrt-facts h2{font-size:clamp(34px,4vw,56px);line-height:1;margin:0 0 24px;color:#fff}.lichterfahrt-facts p{color:#c9d4da;font-size:17px;line-height:1.65}.lichterfahrt-gallery{display:grid!important;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:28px!important}.lichterfahrt-gallery-item{background:#142532;border:1px solid rgba(255,255,255,.14);padding:18px!important}.lichterfahrt-gallery-item.wide{grid-column:1/-1}.lichterfahrt-gallery-item>.wp-block-shortcode,.lichterfahrt-gallery-item>p:first-child{margin:0!important;line-height:0}.lichterfahrt-gallery-item .lichterfahrt-asset{width:100%;max-height:680px;object-fit:contain;background:#0b1722}.lichterfahrt-gallery-item.wide .lichterfahrt-asset{max-height:none;object-fit:cover}.lichterfahrt-gallery-item.flyer .lichterfahrt-asset{max-height:760px}.lichterfahrt-gallery-item p{margin:16px 4px 2px;color:#b9c6ce;font-size:14px;line-height:1.5}.page-lichterfahrt .detail-hero{background:linear-gradient(135deg,#071c2d,#17384c)}
@media(max-width:800px){.lichterfahrt-feature{grid-template-columns:1fr}.lichterfahrt-feature .lichterfahrt-asset-team{min-height:260px}.lichterfahrt-facts{padding:28px!important}.lichterfahrt-gallery{grid-template-columns:1fr}.lichterfahrt-gallery-item.wide{grid-column:auto}}