/*
Theme Name: Inselkiez V2
Theme URI: https://inselkiez.de
Author: Inselkiez
Description: Bearbeitbares Block-Theme für die Baugemeinschaft Inselkiez.
Version: 2.0.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: inselkiez-v2
*/

:root{--ik-ink:#0b342d;--ik-mint:#b9d8c4;--ik-lime:#d8f06b;--ik-paper:#f6f1e6;--ik-white:#fffdf6;--ik-orange:#ef8d59}
.ik-header .wp-block-navigation-item:last-child .wp-block-navigation-item__content{background:var(--ik-lime);border:2px solid var(--ik-ink);box-shadow:3px 3px 0 var(--ik-ink);padding:.55rem .8rem}
html{scroll-behavior:smooth}body{overflow-x:hidden}.ik-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(11,52,45,.2);backdrop-filter:blur(12px)}body.admin-bar .ik-header{top:32px}.ik-header .wp-block-site-title{font-weight:900;letter-spacing:.04em}.ik-header .wp-block-site-tagline{font-size:.68rem;letter-spacing:.12em}.wp-block-navigation__responsive-container.is-menu-open{background:var(--ik-paper)!important;color:var(--ik-ink)!important;padding:2rem}.ik-section{padding-block:clamp(4rem,8vw,8rem)}.ik-eyebrow{font-size:.78rem!important;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem!important}.ik-display{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;font-size:clamp(4rem,8vw,8.7rem)!important;letter-spacing:.015em;line-height:.88!important;text-transform:uppercase;margin:0!important}.ik-display .ik-orange{color:var(--ik-orange)}.ik-display mark{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-inline:.08em}.ik-section-title{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif!important;font-size:clamp(3rem,6vw,6rem)!important;line-height:.9!important;text-transform:uppercase;margin-top:0!important}.ik-hero{min-height:calc(100svh - 82px);display:flex;align-items:center}.ik-hero-art{border:3px solid var(--ik-ink);box-shadow:12px 12px 0 var(--ik-mint);transform:rotate(1deg);overflow:hidden}.ik-hero-art img{aspect-ratio:1/1;object-fit:cover}.ik-model{border:3px solid var(--ik-ink);box-shadow:12px 12px 0 var(--ik-orange);transform:rotate(-1deg);overflow:hidden}.ik-model img{aspect-ratio:4/3;object-fit:cover}.ik-process{background:var(--ik-ink);color:var(--ik-white)}.ik-step{border-top:1px solid rgba(255,255,255,.24);padding-block:1.25rem}.ik-step-number{font-family:Impact,'Arial Narrow Bold',sans-serif;font-size:2.4rem;color:var(--ik-lime);margin:0}.ik-feature-list{list-style:none;padding:0}.ik-feature-list li{border-top:1px solid rgba(11,52,45,.2);padding:.75rem 0;font-weight:800}.ik-feature-list li:before{content:'→';color:var(--ik-orange);margin-right:.6rem}.ik-event-section{background:var(--ik-mint)}.ik-contact-section{background:var(--ik-white)}.ik-footer{background:var(--ik-ink);color:var(--ik-white)}.ik-footer a{color:var(--ik-lime)}.wp-element-button{font-weight:900;border:2px solid var(--ik-ink);box-shadow:5px 5px 0 var(--ik-lime);transition:transform .15s}.wp-element-button:hover{transform:translate(-1px,-1px)}.ik-outline .wp-element-button{background:transparent!important;color:var(--ik-ink)!important;box-shadow:5px 5px 0 var(--ik-orange)}.ik-content{padding-block:clamp(3rem,7vw,7rem);min-height:65vh}.ik-content>.wp-block-post-title{font-family:Impact,'Arial Narrow Bold',sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.9;text-transform:uppercase}.ik-edit-hint{font-size:.78rem;background:var(--ik-lime);padding:.4rem .6rem;display:inline-block}
@media(max-width:900px){body.admin-bar .ik-header{top:46px}.ik-hero{min-height:auto}.ik-display{font-size:clamp(3.3rem,9vw,5.7rem)!important}.ik-hero .wp-block-columns{gap:2rem}.ik-hero-art{max-width:34rem}}
@media(max-width:650px){.ik-header{padding-inline:1rem!important}.ik-hero{padding-top:2.5rem!important}.ik-display{font-size:clamp(3.2rem,17vw,5rem)!important}.ik-hero .wp-block-columns{flex-direction:column}.ik-hero-art img{aspect-ratio:16/10}.ik-section{padding-block:3.5rem}.ik-section-title{font-size:clamp(2.7rem,14vw,4rem)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wp-element-button:hover{transform:none}}

/* V2.0.1: kompaktere Abstände und spaltenbezogene Typografie */
.ik-section{padding-block:clamp(2.75rem,4.5vw,5rem)!important}
.ik-hero{min-height:auto!important;padding-top:clamp(2.5rem,5vw,5rem)!important;padding-bottom:clamp(2.75rem,5vw,5rem)!important}
.ik-hero .wp-block-columns{gap:clamp(1.5rem,3vw,3.5rem)!important}
.ik-display{font-size:clamp(3.25rem,5.4vw,6.7rem)!important;line-height:.96!important;max-width:100%;overflow-wrap:normal;word-break:normal}
.ik-section-title{line-height:.96!important}
@media(max-width:900px){.ik-display{font-size:clamp(3rem,8.2vw,4.8rem)!important;line-height:.98!important}.ik-section{padding-block:clamp(2.5rem,5vw,4rem)!important}}
@media(max-width:650px){.ik-hero{padding-top:2rem!important;padding-bottom:3rem!important}.ik-display{font-size:clamp(3rem,13.5vw,4.4rem)!important;line-height:.98!important}.ik-section{padding-block:3rem!important}.ik-section-title{line-height:1!important}}