a.singleitem, .wrapper2blocks {
    display: flex;
    gap:20px;
    flex-wrap: wrap;
    margin-top:2rem;
}
.inblock {
    flex:1;
    min-width: 300px;
    margin:0 0 0 0;
    padding:0;
    height:auto;
}
.imgcontainer {
    background: var(--system-tiles);
    max-width: 100%; /* Nutzt die volle Breite des inblocks */
    max-width: 100%;
    height: 240px;
    display: flex;             /* NEU */
    align-items: center;       /* Vertikal zentrieren */
    justify-content: center;   /* Horizontal zentrieren */
}
.imgcontainer_block {
    padding:1em;
}
.imgcontainer img {
    height:100%;
    width:100%;
    object-fit:contain;
}
a.inblock figure {
    padding:0;
    margin:0;
}
.highlight-block, .singleitem {
    display:flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start; /* Text fängt oben bündig mit dem Bild an */        
    margin:2rem 0;

    }
.highlight-block {    
    background:#f5deb3;
    border:1px solid black;
    box-sizing: border-box;
}
.highlight-img {
    max-width:30%;
}
.highlight-text {
    flex: 1;         /* Der Text nimmt sich den restlichen Platz */
    text-align: left; /* Bei voller Breite wirkt Linksbündigkeit seriöser */
    padding:1em;
}
.highlight-text p {
    margin-top:.5rem;
}
/* Mobil-Anpassung */
@media (max-width: 600px) {
    .singleitem,.highlight-block {
        flex-direction: column; /* Bild oben, Text unten auf dem Handy */
    }
    .highlight-img {
        max-width:100%;
        margin:0 auto;
    }
}
h1 {
    font-size: 2rem;
    font-weight: 400;       
    letter-spacing: 1px;
    color: var(--system-dark);
    border-bottom: 1px solid var(--system-color);
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
h2 {
    margin-top:3.5rem;
    margin-bottom:1rem;
    border-bottom: 1px solid var(--system-color);
    display: inline-block; 
}
h3 {
    margin-top:.5rem;
}
/* 1. Den Link in der Kachel neutralisieren */
a.singleitem, a.inblock {    
    text-decoration: none;
    color: inherit;
    border: 2px solid transparent;    
}
a.inblock {
    display:block;
}
/* 2. Hover UND Focus gemeinsam behandeln */
a.inblock:hover, 
a.inblock:focus,
a.singleitem:hover,
a.singleitem:focus
{    
    outline: 2px solid #990000;
    outline-offset: -3px;
    box-shadow: none;
}
a.inblock figcaption {
    padding:4px;
}
a cite {
    font-style:italic;
}