/* ZEITUNG.IO V135B — REAL HOMEPAGE SECTIONS */

.ioh135-stream{
    width:min(1500px,calc(100% - 32px));
    margin:18px auto 70px;
}

.ioh135-section{
    padding:34px 0 38px;
    border-top:1px solid #aeb7b5;
}

.ioh135-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.ioh135-head-left{
    display:flex;
    align-items:center;
    gap:14px;
}

.ioh135-index{
    font:900 11px/1 Arial,sans-serif;
    letter-spacing:.12em;
    opacity:.55;
}

.ioh135-head h2{
    margin:0;
    font-size:clamp(34px,3.4vw,54px);
    line-height:.92;
    letter-spacing:-.045em;
}

.ioh135-head-meta{
    margin-top:7px;
    font:800 10px/1.2 Arial,sans-serif;
    letter-spacing:.10em;
    text-transform:uppercase;
    opacity:.55;
}

.ioh135-all{
    flex:none;
    color:inherit;
    text-decoration:none;
    font:900 10px/1 Arial,sans-serif;
    letter-spacing:.08em;
    border-bottom:1px solid currentColor;
    padding-bottom:5px;
}

.ioh135-layout{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr);
    gap:26px;
    align-items:start;
}

.ioh135-lead{
    min-width:0;
}

.ioh135-image{
    display:block;
    background:#d9dddc;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
}

.ioh135-lead .ioh135-image{
    aspect-ratio:16/8.9;
}

.ioh135-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ioh135-image--empty{
    display:grid;
    place-items:center;
    min-height:190px;
    background:#102329;
    color:#fff;
    font:900 12px/1 Arial,sans-serif;
    letter-spacing:.15em;
}

.ioh135-meta{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:13px;
    font:900 9px/1.2 Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.62;
}

.ioh135-lead h3{
    margin:9px 0 9px;
    max-width:950px;
    font-size:clamp(27px,2.4vw,42px);
    line-height:1.02;
    letter-spacing:-.035em;
}

.ioh135-lead h3 a,
.ioh135-side h3 a{
    color:inherit;
    text-decoration:none;
}

.ioh135-lead p{
    max-width:850px;
    margin:0;
    font-size:17px;
    line-height:1.46;
}

.ioh135-more{
    display:inline-block;
    margin-top:17px;
    color:inherit;
    text-decoration:none;
    font:900 10px/1 Arial,sans-serif;
    letter-spacing:.08em;
    border-bottom:1px solid currentColor;
    padding-bottom:4px;
}

.ioh135-side{
    display:grid;
    gap:0;
    border-top:1px solid #b8bfbd;
}

.ioh135-card{
    display:grid;
    grid-template-columns:128px minmax(0,1fr);
    gap:15px;
    padding:15px 0;
    border-bottom:1px solid #b8bfbd;
    min-width:0;
}

.ioh135-card .ioh135-image{
    aspect-ratio:4/3;
}

.ioh135-card .ioh135-meta{
    margin-top:0;
}

.ioh135-card h3{
    margin:7px 0 0;
    font-size:18px;
    line-height:1.08;
    letter-spacing:-.018em;
}

.ioh135-empty{
    padding:28px 0;
    border-top:1px solid #c1c6c4;
    font-size:14px;
    line-height:1.5;
    opacity:.7;
}

/* ANALYSE gets a slightly denser editorial treatment */
.ioh135-section[data-ioh135-section="analyse"]{
    border-top:4px solid #102329;
}

.ioh135-section[data-ioh135-section="analyse"] .ioh135-index{
    opacity:1;
}

/* Culture and Digital are deliberately independent */
.ioh135-section[data-ioh135-section="kultur"]{
    margin-top:4px;
}

.ioh135-section[data-ioh135-section="digital"]{
    border-top:4px solid #102329;
}

@media(max-width:1000px){
    .ioh135-layout{
        grid-template-columns:1fr;
    }

    .ioh135-side{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
        border-top:0;
    }

    .ioh135-card{
        display:block;
        border-top:1px solid #b8bfbd;
    }

    .ioh135-card .ioh135-image{
        margin-bottom:10px;
    }
}

@media(max-width:700px){
    .ioh135-stream{
        width:calc(100% - 24px);
        margin-top:4px;
    }

    .ioh135-section{
        padding:26px 0 30px;
    }

    .ioh135-head{
        align-items:flex-start;
    }

    .ioh135-head h2{
        font-size:36px;
    }

    .ioh135-all{
        margin-top:6px;
    }

    .ioh135-side{
        display:block;
    }

    .ioh135-card{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        gap:12px;
        padding:13px 0;
    }

    .ioh135-lead h3{
        font-size:29px;
    }

    .ioh135-lead p{
        font-size:16px;
    }
}