/* Minimales CSS für die aus WordPress übernommenen Block-Strukturen (Kontakt, Podcast, Bilder) */
.wp-block-columns{display:flex;gap:2em}
.wp-block-column{flex:1 1 0}
.wp-block-media-text{display:grid;grid-template-columns:1fr 33%;gap:2em;align-items:center;margin:1.5em 0}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-column:2;grid-row:1}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:1}
.wp-block-media-text__media{margin:0}
.wp-block-media-text__media img{width:100%;height:auto}
.wp-block-media-text__content p{margin:.4em 0}
figure.wp-block-image{margin:1.5em 0}
figure.wp-block-image img{max-width:100%;height:auto}
@media (max-width:600px){
  .wp-block-media-text{grid-template-columns:1fr}
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:auto}
}

/* Startseite: Einstieg nicht bildschirmhoch, damit „Was ich mache“ direkt darunter sichtbar ist */
#hero{min-height:auto !important;padding-bottom:0 !important}
/* Einstieg kompakter: kleinere Überschriften und Porträt, weniger Abstand */
#hero{padding-top:1.5rem !important}
#hero h1{font-size:clamp(34px,5.5vw,60px) !important}
#hero h2{font-size:clamp(20px,3vw,32px) !important}
#hero p{margin-top:12px !important}
#hero .image{padding-top:1rem !important}
#hero .image img{max-width:240px}
#about{padding-top:2rem !important}
@media (max-width:991px){#hero .image img{max-width:170px}}