/*
=========================================================
EinkommensNavigator - home.css
Header, Gutenberg-Patterns und dynamische Startseitenkarten
=========================================================
*/

:root{
    --en-home-navy:#0f172a;
    --en-home-text:#334155;
    --en-home-muted:#64748b;
    --en-home-gold:#d4af37;
    --en-home-soft:#f6f8fb;
    --en-home-border:rgba(15,23,42,.08);
    --en-home-shadow:0 6px 14px rgba(15,23,42,.05),0 24px 54px rgba(15,23,42,.10);
}

html{
    scroll-behavior:smooth;
}

.en-anchor-section{
    scroll-margin-top:80px;
}

/* Header */
.en-site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid rgba(15,23,42,.08);
    box-shadow:0 8px 28px rgba(15,23,42,.05);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.en-site-header-inner{
    height:50px;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}

.en-site-header .en-site-header-inner,
.site-header .en-site-header-inner{
    height:50px;
    min-height:50px;
}

.en-site-brand{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:max-content;
    color:var(--en-home-navy);
    font-weight:800;
    text-decoration:none;
}

.en-site-brand-icon-wrap{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.en-site-brand-icon{
    display:block;
    width:auto;
    height:auto;
    max-width:34px;
    max-height:34px;
    object-fit:contain;
}

.en-site-brand-text{
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:16px;
    line-height:1;
}

.en-site-brand-text span{
    color:var(--en-home-gold);
}

.en-site-nav-toggle{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.en-site-nav-button{
    display:none;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}

.en-site-nav-button span{
    width:18px;
    height:2px;
    border-radius:99px;
    background:var(--en-home-navy);
}

.en-site-menu{
    display:flex;
    align-items:center;
    gap:24px;
    margin:0;
    padding:0;
    list-style:none;
}

.en-site-menu a{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    color:var(--en-home-navy);
    font-size:13px;
    line-height:1;
    font-weight:800;
    text-decoration:none;
    transition:color .18s ease;
}

.en-site-menu .current-menu-item > a,
.en-site-menu a:hover,
.en-site-menu a:focus-visible{
    color:var(--en-home-gold);
}

/* Home base */
.en-home-page{
    overflow:hidden;
    background:
        radial-gradient(920px 560px at 82% 8%,rgba(212,175,55,.13),transparent 70%),
        radial-gradient(900px 620px at 4% 42%,rgba(15,23,42,.06),transparent 72%),
        linear-gradient(180deg,#fbfcfd 0%,#f4f7fa 52%,#eef3f7 100%);
}

.en-home-page > *{
    position:relative;
    z-index:1;
}

.en-home-section{
    padding:86px 0;
}

.en-home-section-head{
    max-width:780px;
    margin:0 auto 38px;
    text-align:center;
}

.en-home-eyebrow{
    margin:0 0 13px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.en-home-eyebrow:not(.has-text-color):not([class*="has-"][class*="-color"]):not([style*="color"]){
    color:var(--en-home-gold);
}

.en-home-eyebrow:not([class*="font-size"]):not([style*="font-size"]){
    font-size:14px;
}

.en-home-section-title{
    margin:0;
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:clamp(2rem,4vw,3.35rem);
    line-height:1.08;
    font-weight:800;
}

/* Hero pattern */
.en-home-hero{
    position:relative;
    overflow:hidden;
    padding:92px 0 110px;
    background:
        radial-gradient(700px 420px at 82% 26%,rgba(212,175,55,.18),transparent 70%),
        linear-gradient(135deg,#ffffff 0%,#f7f9fb 55%,#edf2f6 100%);
}

.en-home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,.52) 0%,
        rgba(255,255,255,.38) 24%,
        rgba(255,255,255,.20) 40%,
        rgba(255,255,255,.06) 52%,
        rgba(255,255,255,0) 58%
    );
}

.en-home-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:none !important;
}

.en-home-hero > .wp-block-cover__background,
.en-home-hero .wp-block-cover__background,
.en-home-hero .has-background-dim{
    opacity:1 !important;
    background:
        linear-gradient(90deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.12) 20%,rgba(255,255,255,0) 46%) !important;
}

.en-home-hero .wp-block-cover__inner-container{
    position:relative;
    z-index:2;
    width:min(1180px,88%);
    margin:0 auto;
}

.en-home-hero-content{
    max-width:680px;
    margin-left:0;
}

.en-home-hero-title{
    margin:0;
    font-family:Poppins,Arial,sans-serif;
    font-weight:800;
}

.en-home-hero-title:not([style*="line-height"]){
    line-height:.96;
}

.en-home-hero-title:not(.has-text-color):not([style*="color"]){
    color:#000;
}

.en-home-hero-title:not([class*="font-size"]):not([style*="font-size"]){
    font-size:clamp(2.8rem,4.4vw,3.6rem);
}

.en-home-hero-text{
    max-width:660px;
    margin:26px 0 34px;
}

.en-home-hero-text:not([style*="line-height"]){
    line-height:1.55;
}

.en-home-hero-text:not(.has-text-color):not([style*="color"]){
    color:#000;
}

.en-home-hero-text:not([class*="font-size"]):not([style*="font-size"]){
    font-size:21px;
}

.en-home-buttons{
    display:flex;
    gap:14px;
}

.en-home-buttons .wp-block-button__link{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 25px;
    border-radius:13px;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}

.en-home-button-primary .wp-block-button__link{
    color:#fff;
    background:var(--en-home-navy);
    box-shadow:0 14px 28px rgba(15,23,42,.16);
}

.en-home-button-secondary .wp-block-button__link{
    color:var(--en-home-navy);
    background:#fff;
    border:1px solid var(--en-home-gold);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.en-home-buttons .wp-block-button__link:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(15,23,42,.16);
}

.en-home-button-primary .wp-block-button__link:hover{
    color:var(--en-home-navy);
    background:var(--en-home-gold);
}

.en-home-button-secondary .wp-block-button__link:hover{
    color:var(--en-home-navy);
    background:var(--en-home-gold);
    border-color:var(--en-home-gold);
}

/* Gutenberg design system */
.wp-block-button.is-style-en-primary .wp-block-button__link,
.is-style-en-primary .wp-block-button__link{
    color:#fff;
    background:var(--en-home-navy);
    border:1px solid var(--en-home-navy);
    box-shadow:0 14px 28px rgba(15,23,42,.14);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}

.wp-block-button.is-style-en-primary .wp-block-button__link:hover,
.is-style-en-primary .wp-block-button__link:hover{
    color:var(--en-home-navy);
    background:var(--en-home-gold);
    border-color:var(--en-home-gold);
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(15,23,42,.16);
}

.wp-block-button.is-style-en-secondary .wp-block-button__link,
.is-style-en-secondary .wp-block-button__link{
    color:var(--en-home-navy);
    background:#fff;
    border:1px solid var(--en-home-gold);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}

.wp-block-button.is-style-en-secondary .wp-block-button__link:hover,
.is-style-en-secondary .wp-block-button__link:hover{
    color:var(--en-home-navy);
    background:var(--en-home-gold);
    border-color:var(--en-home-gold);
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(15,23,42,.16);
}

.wp-block-group.is-style-en-card{
    padding:clamp(1.35rem,2.4vw,2rem);
    border:1px solid var(--en-home-border);
    border-radius:20px;
    background:#fff;
    box-shadow:0 4px 8px rgba(15,23,42,.035),0 18px 44px rgba(15,23,42,.08);
}

.wp-block-group.is-style-en-note{
    padding:clamp(1.25rem,2.4vw,2rem);
    border:1px solid rgba(15,23,42,.08);
    border-left:5px solid var(--en-home-gold);
    border-radius:18px;
    background:color-mix(in srgb,var(--en-home-gold) 7%,#fff);
    box-shadow:0 4px 8px rgba(15,23,42,.03),0 14px 34px rgba(15,23,42,.06);
}

.en-pattern-section{
    padding:0;
}

.en-home-page .en-pattern-section:has(> #warum-passives-einkommen){
    padding-top:48px !important;
    padding-bottom:64px !important;
}

.en-home-page .en-pattern-section:has(> #warum-passives-einkommen) > .wp-block-columns{
    margin-bottom:0;
}

.en-home-page .en-pattern-section:has(#projekte){
    margin-block-start:0;
    margin-block-end:0;
    background:#FFFFFF;
}

.en-home-page .en-pattern-section:has(#projekte) + .wp-block-einkommensnavigator-projects.en-dynamic-projects-section{
    margin-top:0;
    margin-block-start:0;
}

.en-pattern-section .wp-block-columns{
    gap:clamp(1.25rem,2.4vw,2rem);
}

.en-pattern-section .wp-block-image img{
    border-radius:20px;
    box-shadow:0 8px 18px rgba(15,23,42,.08),0 22px 52px rgba(15,23,42,.12);
}

.en-navigator-icons .wp-block-image{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    align-self:center !important;
}

.en-navigator-icons .wp-block-image img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.en-pattern-cta{
    text-align:center;
}

.en-pattern-cta .wp-block-buttons{
    justify-content:center;
}

/* Benefits pattern */
.en-home-benefits{
    padding-top:0;
    margin-top:-54px;
}

.en-benefits-grid{
    width:min(1120px,88%);
    margin:0 auto;
    gap:22px;
}

.en-benefit-card{
    min-height:172px;
    padding:28px;
    border:1px solid var(--en-home-border);
    border-radius:22px;
    background:#fff;
    box-shadow:var(--en-home-shadow);
}

.en-benefit-icon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 16px;
    border-radius:14px;
    color:var(--en-home-gold);
    background:rgba(212,175,55,.10);
    border:1px solid rgba(212,175,55,.22);
    font-size:21px;
    line-height:1;
}

.en-benefit-card h3{
    margin:0 0 8px;
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:20px;
    line-height:1.25;
}

.en-benefit-card p:not(.en-benefit-icon){
    margin:0;
    color:var(--en-home-muted);
    font-size:15px;
    line-height:1.6;
}

/* Dynamic project overview */
.en-projects-section{
    padding-top:48px;
    background:#FFFFFF;
}

.en-dynamic-projects-section{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    margin-block-start:0;
    padding:0 0 48px;
    background:#FFFFFF;
}

.en-orientation{
    box-sizing:border-box;
    background:#F5F7F9;
    padding:48px 36px 42px;
    margin-top:0;
    border-radius:0;
}

.en-orientation .wp-block-columns{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    align-items:start;
    margin-top:30px;
    margin-bottom:0;
}

.en-orientation .wp-block-column{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:25px clamp(20px,2.6vw,34px) 0;
    text-align:left;
}

.en-orientation .wp-block-column:first-child{
    padding-left:0;
}

.en-orientation .wp-block-column:last-child{
    padding-right:0;
}

.en-orientation .wp-block-column + .wp-block-column::before{
    content:"";
    position:absolute;
    top:18px;
    bottom:18px;
    left:0;
    width:1px;
    background:#D8DDE3;
}

.en-orientation .wp-block-separator{
    width:42px;
    height:3px;
    margin:8px 0 14px;
    border:0;
    border-radius:999px;
    background:#C8942F;
    opacity:1;
}

.en-orientation .wp-block-image{
    width:96px;
    height:96px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 8px;
}

.en-orientation .wp-block-image img{
    width:96px;
    height:96px;
    max-width:96px;
    max-height:96px;
    object-fit:contain;
}

.en-orientation .wp-block-column > :where(h2,h3,h4,.wp-block-heading){
    margin-top:0;
}

.en-orientation .wp-block-column > :where(h2,h3,h4,.wp-block-heading):first-of-type{
    margin-bottom:8px;
    font-weight:850;
}

.en-orientation .wp-block-column > :where(h2,h3,h4,.wp-block-heading):nth-of-type(2){
    margin-bottom:12px;
    font-weight:800;
}

.en-orientation .wp-block-column > p{
    margin-top:0;
}

.en-home-trust{
    background:#FFFFFF;
}

.en-home-trust .en-trust-checklist{
    list-style:none !important;
    padding-left:24px !important;
    margin:0;
    border-left:2px solid #C8942F;
}

.en-home-trust .en-trust-checklist li{
    position:relative;
    list-style:none !important;
    padding-left:28px;
    margin-bottom:12px;
}

.en-home-trust .en-trust-checklist li::marker{
    content:"";
}

.en-home-trust .en-trust-checklist li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#C8942F;
    font-weight:700;
}

.en-home-trust .en-trust-checklist li:last-child{
    margin-bottom:0;
}

.en-home-page .en-home-trust{
    display:flow-root;
    box-sizing:border-box;
    width:100%;
    margin-block-end:0;
    padding:48px 36px 0;
    background:#FFFFFF;
}

.en-home-page .en-home-trust > :last-child{
    margin-bottom:0;
}

/* Der EinkommensNavigator - Timeline ohne Zwischenstreifen */
.en-entscheidung,
.en-home-page .wp-block-bloqra-steps.en-entscheidung{
    margin-top:0 !important;
    margin-block-start:0 !important;
    margin-block-end:0;
    padding-top:28px;
    padding-bottom:36px;
    background:#FFFFFF !important;
}

.en-home-trust + .en-entscheidung,
.en-home-page .en-home-trust + .wp-block-bloqra-steps.en-entscheidung,
.en-home-page .wp-block-bloqra-steps.en-entscheidung + .en-home-transparency{
    margin-top:0 !important;
    margin-block-start:0 !important;
}

.wp-block-group.en-pattern-section.en-home-transparency,
.en-home-transparency{
    background:#F5F7F9;
    margin-bottom:0 !important;
    margin-block-end:0 !important;
    padding-top:48px;
    padding-bottom:28px;
}

.en-home-transparency .wp-block-columns{
    align-items:center;
}

.en-home-transparency .en-transparency-checklist{
    position:relative;
    margin:0;
    padding:4px 0 4px 28px;
    border-left:2px solid #C99722;
    list-style:none !important;
}

.en-home-transparency .en-transparency-checklist li{
    position:relative;
    margin:0;
    padding-left:26px;
    list-style:none !important;
    line-height:1.58;
}

.en-home-transparency .en-transparency-checklist li + li{
    margin-top:12px;
}

.en-home-transparency .en-transparency-checklist li::marker{
    content:"";
}

.en-home-transparency .en-transparency-checklist li::before{
    content:"\2713";
    position:absolute;
    top:.02em;
    left:0;
    color:#C99722;
    font-weight:800;
    line-height:1.45;
}

.en-projects-grid{
    width:min(1180px,88%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.en-project-card{
    --en-project-card-accent:var(--en-home-gold);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-width:0;
    border:1px solid rgba(15,23,42,.08);
    border-radius:26px;
    background:#fff;
    box-shadow:0 6px 14px rgba(15,23,42,.04),0 22px 48px rgba(15,23,42,.09);
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.en-project-card:hover{
    transform:translateY(-6px);
    border-color:color-mix(in srgb,var(--en-project-card-accent) 34%,rgba(15,23,42,.08));
    box-shadow:0 10px 18px rgba(15,23,42,.05),0 30px 62px rgba(15,23,42,.14);
}

.en-project-card-media{
    display:block;
    aspect-ratio:16 / 10;
    overflow:hidden;
    background:#e8edf2;
}

.en-project-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.en-project-card:hover .en-project-card-media img{
    transform:scale(1.04);
}

.en-project-card-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    padding:24px;
}

.en-project-card-head{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:15px;
}

.en-project-card-logo{
    flex:0 0 auto;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#fff;
    border:1px solid color-mix(in srgb,var(--en-project-card-accent) 24%,#e2e8f0);
    box-shadow:0 10px 24px rgba(15,23,42,.09);
}

.en-project-card-logo img{
    max-width:72%;
    max-height:72%;
    object-fit:contain;
}

.en-project-card-category{
    display:block;
    margin:0 0 5px;
    color:var(--en-project-card-accent);
    font-size:11px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.en-project-card h3{
    margin:0;
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:24px;
    line-height:1.18;
    font-weight:800;
}

.en-project-card p{
    margin:0 0 20px;
    color:#53657b;
    font-size:15px;
    line-height:1.7;
}

.en-project-card-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:0 0 22px;
}

.en-project-card-facts div{
    min-width:0;
    padding:11px 12px;
    border:1px solid rgba(15,23,42,.07);
    border-radius:14px;
    background:#f8fafc;
}

.en-project-card-facts dt{
    margin:0 0 4px;
    color:#718095;
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.en-project-card-facts dd{
    margin:0;
    color:var(--en-home-navy);
    font-size:14px;
    line-height:1.25;
    font-weight:800;
}

.en-project-card-button{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    padding:13px 18px;
    border-radius:13px;
    color:#fff;
    background:var(--en-project-card-accent);
    box-shadow:0 12px 24px color-mix(in srgb,var(--en-project-card-accent) 24%,transparent);
    font-size:14px;
    font-weight:850;
    text-align:center;
    text-decoration:none;
}

/* Dynamic Gutenberg block: EN - Projekte */
.en-dynamic-projects{
    width:min(1400px,calc(100% - 48px));
    margin:0 auto;
    background:#FFFFFF;
}

.en-dynamic-projects-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    align-items:stretch;
}

.en-dynamic-project-card{
    --project-color:#8A9199;
    position:relative;
    overflow:hidden;
    min-width:0;
    min-height:100%;
    display:flex;
    flex-direction:column;
    padding:24px 28px 26px;
    border:1px solid color-mix(in srgb,var(--project-color) 42%,rgba(15,23,42,.12));
    border-top:5px solid var(--project-color);
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 5px 12px rgba(15,23,42,.035),0 14px 30px rgba(15,23,42,.065);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.en-dynamic-project-card:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--project-color) 68%,rgba(15,23,42,.12));
    box-shadow:0 8px 16px rgba(15,23,42,.045),0 20px 42px rgba(15,23,42,.10);
}

.en-dynamic-project-card-network{
    position:absolute;
    z-index:1;
    left:50%;
    top:9px;
    width:75%;
    max-width:75%;
    height:124px;
    color:var(--project-color);
    opacity:1;
    pointer-events:none;
    transform:translateX(-50%);
}

.en-dynamic-project-card-network svg{
    width:100%;
    height:100%;
    display:block;
    overflow:visible;
    background:transparent;
}

.en-dynamic-project-card-network .en-net-stroke{
    stroke-opacity:.48;
}

.en-dynamic-project-card-network .en-net-fill{
    fill-opacity:1;
}

.en-dynamic-project-card-network .en-net-fill circle{
    fill-opacity:.72;
}

.en-dynamic-project-card-logo-wrap{
    position:relative;
    z-index:2;
    width:94px;
    height:94px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    border:1px solid color-mix(in srgb,var(--project-color) 25%,#d8dee8);
    border-radius:999px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.en-dynamic-project-card-logo-wrap img{
    max-width:64px;
    max-height:68px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.en-dynamic-project-card-logo-wrap span{
    color:var(--project-color);
    font-family:Poppins,Arial,sans-serif;
    font-size:38px;
    font-weight:800;
    line-height:1;
}

.en-dynamic-project-card-name{
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 2px;
    text-align:center;
}

.en-dynamic-project-card-name h3{
    margin:0;
    color:var(--project-color);
    font-family:Poppins,Arial,sans-serif;
    font-size:clamp(1.45rem,1.8vw,1.8rem);
    line-height:1.06;
    font-weight:800;
}

.en-dynamic-project-card-claim{
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 12px;
    color:var(--project-color);
    font-size:17px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
}

.en-dynamic-project-card-claim.is-empty,
.en-dynamic-project-card-description.is-empty{
    visibility:hidden;
}

.en-dynamic-project-card-description{
    min-height:72px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0 0 16px;
    padding-top:12px;
    border-top:1px solid rgba(15,23,42,.12);
    color:#263954;
    font-size:15px;
    line-height:1.55;
}

.en-dynamic-project-card-facts{
    display:grid;
    gap:8px;
    margin:0 0 16px;
    padding:12px;
    border:1px solid color-mix(in srgb,var(--project-color) 25%,rgba(15,23,42,.08));
    border-radius:14px;
    background:color-mix(in srgb,var(--project-color) 7%,#fff);
}

.en-dynamic-project-card-facts div{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(124px,max-content) minmax(0,1fr);
    column-gap:14px;
    row-gap:4px;
    align-items:center;
}

.en-dynamic-project-card-facts dt,
.en-dynamic-project-card-facts dd{
    margin:0;
}

.en-dynamic-project-card-facts dt{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    color:#0B1933;
    font-size:14px;
    line-height:1.25;
    font-weight:800;
    white-space:nowrap;
}

.en-dynamic-project-card-fact-icon{
    width:26px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border-radius:999px;
    color:var(--project-color);
    background:#fff;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--project-color) 28%,#d8dee8);
}

.en-dynamic-project-card-fact-icon svg{
    width:15px;
    height:15px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.en-dynamic-project-card-facts dd{
    min-width:0;
    color:#24364f;
    font-size:14px;
    line-height:1.35;
}

.en-dynamic-project-card-button{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:auto;
    padding:13px 20px;
    border-radius:14px;
    color:#fff;
    background:#0B1933;
    box-shadow:0 12px 26px rgba(11,25,51,.18);
    font-size:16px;
    line-height:1.2;
    font-weight:850;
    text-align:center;
    text-decoration:none;
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}

.en-dynamic-project-card-button:hover{
    color:#fff;
    background:var(--project-color);
    transform:translateY(-2px);
    box-shadow:0 16px 34px color-mix(in srgb,var(--project-color) 30%,rgba(11,25,51,.12));
}

.en-dynamic-project-card.has-light-project-color .en-dynamic-project-card-button:hover{
    color:#0B1933;
}

.en-dynamic-projects-archive{
    display:flex;
    justify-content:center;
    margin-top:34px;
    margin-bottom:0;
}

.en-dynamic-projects-archive a{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:13px 24px;
    border:1px solid var(--en-home-gold);
    border-radius:12px;
    color:#0B1933;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.07);
    font-size:16px;
    font-weight:850;
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}

.en-dynamic-projects-archive a:hover{
    color:#0B1933;
    background:var(--en-home-gold);
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(15,23,42,.12);
}

.en-dynamic-projects-empty{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
    padding:24px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    background:#fff;
    color:var(--en-home-muted);
    text-align:center;
}

.en-projects-page{
    background:#FFFFFF;
}

.en-projects-page .en-projects-section{
    box-sizing:border-box;
    padding:54px 0 8px;
    background:#FFFFFF;
}

.en-projects-page .en-projects-section > :not(.wp-block-einkommensnavigator-projects){
    box-sizing:border-box;
    padding-right:36px;
    padding-left:36px;
}

.en-projects-page-intro .en-home-section-title{
    max-width:1120px;
    font-size:clamp(2.15rem,3.4vw,3.35rem);
    line-height:1.08;
}

.en-projects-page-intro-text{
    width:100%;
    max-width:1120px;
    margin-top:16px;
}

.en-projects-page .wp-block-einkommensnavigator-projects{
    margin-top:42px;
}

.en-projects-page .en-dynamic-projects-section{
    padding-bottom:24px;
}

.en-projects-page .en-projects-page-focus,
.en-projects-page .en-projects-page-transparency{
    background:#FFFFFF;
}

.en-projects-page .en-projects-page-focus{
    box-sizing:border-box;
    padding:16px 36px 0;
}

.en-projects-page-focus .en-home-section-title{
    margin-bottom:26px;
    font-size:clamp(1.7rem,2.4vw,2.35rem);
}

.en-projects-page-focus-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    margin-top:0;
}

.en-projects-page-focus-grid > .wp-block-column{
    width:auto;
    min-width:0;
    flex-basis:auto;
    margin:0;
    align-self:stretch;
    display:flex;
}

.en-projects-page-focus-grid > .wp-block-column > .en-projects-page-focus-card{
    width:100%;
    height:100%;
    box-sizing:border-box;
}

.en-projects-page-focus-card{
    display:grid;
    grid-template-columns:minmax(72px, max-content) minmax(0,1fr);
    column-gap:20px;
    row-gap:8px;
    align-items:center;
    height:100%;
    padding:24px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:20px;
    background:#FFFFFF;
    box-shadow:0 4px 10px rgba(15,23,42,.03);
}

.en-projects-page-focus-card > *{
    width:auto;
    max-width:none;
    min-width:0;
    margin-left:0;
    margin-right:0;
}

.en-projects-page-focus-card > .wp-block-image{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:var(--wp--style--layout--self-stretch-size, auto);
    height:auto;
    min-width:72px;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.en-projects-page-focus-card > .wp-block-image img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:none;
    max-height:none;
    object-fit:contain;
    border-radius:0;
    box-shadow:none;
}

.en-projects-page-focus-icon{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:var(--wp--style--layout--self-stretch-size, auto);
    height:auto;
    min-width:72px;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.en-projects-page-focus-icon img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:none;
    max-height:none;
    object-fit:contain;
    border-radius:0;
    box-shadow:none;
}

.en-projects-page-focus-card h3{
    grid-column:2;
    grid-row:1;
    margin:0 0 8px;
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:1.15rem;
    line-height:1.25;
    overflow-wrap:normal;
    word-break:normal;
}

.en-projects-page-focus-card p{
    grid-column:2;
    grid-row:2;
    margin:0;
    color:#3D4D63;
    font-size:15px;
    line-height:1.65;
}

.en-projects-page .en-projects-page-transparency{
    box-sizing:border-box;
    padding:28px 36px 78px;
}

.en-projects-page-transparency-inner{
    display:grid;
    grid-template-columns:minmax(52px, max-content) minmax(0,1fr);
    align-items:stretch;
    gap:18px;
    margin:0;
    padding:20px 22px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    background:#FCFCFD;
}

.en-projects-page-transparency-inner > .wp-block-column{
    width:auto;
    min-width:0;
    flex-basis:auto !important;
    margin:0;
}

.en-projects-page-transparency-inner > .wp-block-column:first-child{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
}

.en-projects-page-transparency-icon{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    max-width:none;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.en-projects-page-transparency-icon img{
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    border-radius:0;
    box-shadow:none;
}

.en-projects-page .en-projects-page-transparency-icon img{
    border-radius:0;
    box-shadow:none;
}

.en-projects-page-transparency h2{
    margin:0 0 6px;
    color:var(--en-home-navy);
    font-family:Poppins,Arial,sans-serif;
    font-size:1.05rem;
    line-height:1.25;
}

.en-projects-page-transparency p{
    margin:0;
    color:#526276;
    font-size:14px;
    line-height:1.6;
}

.en-projects-page-transparency p + p{
    margin-top:8px;
}

.en-projects-page-transparency a{
    color:var(--en-home-navy);
    font-weight:inherit;
    transition:color .2s ease;
}

.en-projects-page-transparency a:hover,
.en-projects-page-transparency a:focus-visible{
    color:var(--en-home-gold);
}
.en-home-page + .site-footer{
    margin-top:0;
}

@media(max-width:1024px){
    .en-projects-page .en-projects-section{
        padding:44px 0 6px;
    }

    .en-projects-page .en-projects-section > :not(.wp-block-einkommensnavigator-projects){
        padding-right:32px;
        padding-left:32px;
    }

    .en-projects-page .wp-block-einkommensnavigator-projects{
        margin-top:36px;
    }

    .en-projects-page .en-dynamic-projects-section{
        padding-bottom:20px;
    }

    .en-projects-page .en-projects-page-focus{
        padding:14px 32px 0;
    }

    .en-projects-page .en-projects-page-transparency{
        padding:28px 32px 60px;
    }
}

@media(max-width:760px){
    .en-projects-page .en-projects-section{
        padding:34px 0 4px;
    }

    .en-projects-page .en-projects-section > :not(.wp-block-einkommensnavigator-projects){
        padding-right:22px;
        padding-left:22px;
    }

    .en-projects-page-intro .en-home-section-title{
        font-size:clamp(1.85rem,8vw,2.45rem);
    }

    .en-projects-page .wp-block-einkommensnavigator-projects{
        margin-top:30px;
    }

    .en-projects-page .en-dynamic-projects-section{
        padding-bottom:18px;
    }

    .en-projects-page .en-projects-page-focus{
        padding:12px 22px 0;
    }

    .en-projects-page-focus-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .en-projects-page-focus-card{
        grid-template-columns:minmax(64px, max-content) minmax(0,1fr);
        column-gap:14px;
        row-gap:8px;
        padding:20px;
    }

    .en-projects-page-focus-card > .wp-block-image{
        width:var(--wp--style--layout--self-stretch-size, auto);
        height:auto;
        min-width:64px;
        min-height:64px;
    }

    .en-projects-page-focus-icon{
        width:var(--wp--style--layout--self-stretch-size, auto);
        height:auto;
        min-width:64px;
        min-height:64px;
    }

    .en-projects-page .en-projects-page-transparency{
        padding:22px 22px 44px;
    }

    .en-projects-page-transparency-inner{
        grid-template-columns:minmax(64px, max-content) minmax(0,1fr);
        gap:12px;
        padding:18px;
    }

    .en-projects-page-transparency-icon{
        flex-basis:auto;
        width:auto;
        min-width:0;
        max-width:none;
        height:auto;
        min-height:0;
        max-height:none;
    }
}

@media(max-width:1024px){
    .en-site-menu{
        gap:16px;
    }

    .en-home-hero-content{
        max-width:80%;
    }

    .en-home-page .en-pattern-section:has(> #warum-passives-einkommen),
    .en-home-page .en-pattern-section:has(#projekte),
    .en-home-page .wp-block-group:has(> #projekte){
        box-sizing:border-box;
        padding-left:32px !important;
        padding-right:32px !important;
    }

    .en-home-page .en-home-transparency{
        box-sizing:border-box;
        padding-left:32px !important;
        padding-right:32px !important;
    }

    .en-dynamic-projects-section{
        box-sizing:border-box;
        padding-left:32px;
        padding-right:32px;
    }

    .en-dynamic-projects{
        width:min(1400px,100%);
    }

    .en-projects-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .en-dynamic-projects-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .en-dynamic-project-card-logo-wrap{
        width:88px;
        height:88px;
    }

    .en-dynamic-project-card-network{
        top:10px;
        width:75%;
        max-width:75%;
        height:116px;
    }

    .en-dynamic-project-card-logo-wrap img{
        max-width:60px;
        max-height:64px;
    }

    .en-benefits-grid{
        flex-wrap:wrap !important;
    }

    .en-benefits-grid > .wp-block-column{
        flex-basis:calc(50% - 12px) !important;
    }

    .en-benefits-grid > .wp-block-column:last-child{
        flex-basis:100% !important;
    }
}

@media(max-width:760px){
    .en-site-header-inner{
        height:50px;
        min-height:50px;
    }

    .en-site-brand{
        gap:9px;
    }

    .en-site-brand-icon-wrap{
        width:32px;
        height:32px;
    }

    .en-site-brand-icon{
        max-width:32px;
        max-height:32px;
    }

    .en-site-brand-text{
        font-size:15px;
    }

    .en-site-nav-button{
        display:flex;
    }

    .en-site-nav{
        position:absolute;
        left:24px;
        right:24px;
        top:calc(100% + 10px);
        display:none;
        padding:14px;
        border:1px solid rgba(15,23,42,.09);
        border-radius:18px;
        background:#fff;
        box-shadow:0 18px 42px rgba(15,23,42,.14);
    }

    .en-site-nav-toggle:checked ~ .en-site-nav{
        display:block;
    }

    .en-site-menu{
        display:grid;
        gap:4px;
    }

    .en-site-menu a{
        min-height:40px;
        padding:0 10px;
    }

    .en-home-hero{
        min-height:auto !important;
        padding:76px 0 88px;
    }

    .en-home-hero .wp-block-cover__inner-container{
        width:min(100% - 42px,1180px);
    }

    .en-home-hero-content{
        max-width:100%;
    }

    .en-home-hero::after{
        background:none !important;
    }

    .en-home-hero::before{
        background:linear-gradient(
            180deg,
            rgba(255,255,255,.54) 0%,
            rgba(255,255,255,.34) 55%,
            rgba(255,255,255,.10) 100%
        );
    }

    .en-home-hero > .wp-block-cover__background,
    .en-home-hero .wp-block-cover__background,
    .en-home-hero .has-background-dim{
        background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06)) !important;
    }

    .en-home-hero-title:not([class*="font-size"]):not([style*="font-size"]){
        font-size:clamp(2.65rem,14vw,4.2rem);
    }

    .en-home-hero-text:not([class*="font-size"]):not([style*="font-size"]){
        font-size:17px;
    }

    .en-home-buttons{
        display:grid;
    }

    .en-home-buttons .wp-block-button,
    .en-home-buttons .wp-block-button__link{
        width:100%;
    }

    .en-home-section{
        padding:62px 0;
    }

    .en-pattern-section{
        padding:0;
    }

    .en-home-page .en-pattern-section:has(> #warum-passives-einkommen),
    .en-home-page .en-pattern-section:has(#projekte),
    .en-home-page .wp-block-group:has(> #projekte){
        box-sizing:border-box;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    .en-home-page .en-projects-section .en-home-section-head,
    .en-home-page .en-pattern-section:has(#projekte) > :not(.wp-block-einkommensnavigator-projects),
    .en-home-page #projekte,
    .en-home-page #projekte > *,
    .en-home-page #projekte + .wp-block-heading,
    .en-home-page #projekte + .wp-block-heading + p{
        box-sizing:border-box;
        width:100%;
        padding-right:22px !important;
        padding-left:22px !important;
    }

    .en-anchor-section{
        scroll-margin-top:72px;
    }

    .en-home-page .en-home-trust{
        padding:36px 22px 0;
    }

    .en-orientation{
        padding:36px 22px 30px;
        margin-top:0;
    }

    .en-orientation .wp-block-columns{
        grid-template-columns:1fr;
    }

    .en-orientation .wp-block-column{
        padding:25px 0 0;
    }

    .en-orientation .wp-block-column + .wp-block-column{
        margin-top:28px;
        padding-top:28px;
    }

    .en-orientation .wp-block-column + .wp-block-column::before{
        top:0;
        right:0;
        bottom:auto;
        left:0;
        width:auto;
        height:1px;
        background:#D8DDE3;
    }

    .wp-block-group.en-pattern-section.en-home-transparency,
    .en-home-transparency{
        padding-left:22px !important;
        padding-right:22px !important;
        padding-top:36px;
        padding-bottom:24px;
    }

    .en-home-transparency .wp-block-columns{
        align-items:stretch;
    }

    .en-home-transparency .en-transparency-checklist{
        padding-left:22px;
    }

    .en-home-transparency .en-transparency-checklist li{
        padding-left:24px;
        line-height:1.55;
    }

    .en-home-transparency .en-transparency-checklist li + li{
        margin-top:10px;
    }

    .en-pattern-section .wp-block-buttons .wp-block-button,
    .en-pattern-section .wp-block-buttons .wp-block-button__link{
        width:100%;
    }

    .en-home-benefits{
        margin-top:-34px;
    }

    .en-benefits-grid{
        width:min(100% - 44px,1120px);
    }

    .en-benefits-grid > .wp-block-column{
        flex-basis:100% !important;
    }

    .en-projects-grid{
        width:min(100% - 44px,1180px);
        grid-template-columns:1fr;
    }

    .en-dynamic-projects-section{
        padding-right:22px;
        padding-left:22px;
    }

    .en-dynamic-projects{
        width:min(100%,1180px);
    }

    .en-dynamic-projects-grid{
        grid-template-columns:1fr;
    }

    .en-dynamic-project-card{
        padding:22px 20px 24px;
    }

    .en-dynamic-project-card-network{
        top:8px;
        width:75%;
        max-width:75%;
        height:104px;
    }

    .en-dynamic-project-card-logo-wrap{
        width:80px;
        height:80px;
        margin-bottom:10px;
    }

    .en-dynamic-project-card-logo-wrap img{
        max-width:56px;
        max-height:58px;
    }

    .en-dynamic-project-card-name{
        min-height:0;
    }

    .en-dynamic-project-card-claim{
        min-height:0;
        margin-bottom:10px;
    }

    .en-dynamic-project-card-description{
        min-height:70px;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung{
        position:relative;
        counter-reset:en-mobile-step;
        display:block !important;
        padding:34px 22px 34px 64px;
        list-style:none;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung::before{
        content:"";
        position:absolute;
        top:52px;
        bottom:50px;
        left:39px;
        width:2px;
        border-radius:999px;
        background:#D4AF37;
        opacity:.72;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung > .wp-block-bloqra-step{
        position:relative;
        counter-increment:en-mobile-step;
        display:block !important;
        width:auto !important;
        min-width:0;
        margin:0;
        padding:0 0 38px;
        text-align:left;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung > .wp-block-bloqra-step:last-child{
        padding-bottom:0;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__marker{
        position:absolute !important;
        top:30px;
        left:-39px;
        z-index:2;
        width:30px;
        height:30px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:999px;
        color:#FFFFFF;
        background:#D4AF37;
        box-shadow:0 0 0 6px #FFFFFF;
        font-size:14px;
        line-height:1;
        font-weight:800;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__marker::before{
        content:counter(en-mobile-step);
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__body,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__content{
        display:block;
        min-width:0;
        border-left:0 !important;
        text-align:left;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung > .wp-block-bloqra-step::before,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung > .wp-block-bloqra-step::after,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__body::before,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__body::after,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__content::before,
    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__content::after{
        content:none !important;
        display:none !important;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .bloqra-step__content > p:empty{
        display:none;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .wp-block-image{
        width:90px !important;
        height:90px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        margin:0 0 14px !important;
        text-align:left !important;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .wp-block-image img{
        width:auto !important;
        height:auto !important;
        max-width:90px;
        max-height:90px;
        object-fit:contain;
        box-shadow:none;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .wp-block-heading{
        margin:0 0 8px;
        text-align:left;
    }

    .en-home-page .wp-block-bloqra-steps.en-entscheidung .wp-block-heading + p{
        margin-top:0 !important;
        margin-bottom:0 !important;
        text-align:left;
    }

    .en-dynamic-project-card-facts div{
        grid-template-columns:minmax(116px,max-content) minmax(0,1fr);
        column-gap:10px;
        row-gap:4px;
    }

    .en-project-card-facts{
        grid-template-columns:1fr;
    }
}