/* Globale Spacing-/Layout-Fixes */
#footer, .main { padding: 1.5em 0 !important; }
.main.style1, .main.style2 { display: flow-root; }
.main > .container { margin: 0 auto; }
.main .container > :first-child { margin-top: 0; }
.main .container > :last-child { margin-bottom: 0; }
.main + .main { margin-top: 0 !important; }
@media (max-width: 600px){
  .main { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }
}

/* Kleine Layout-Optimierungen Startseite/Über mich */
.mobile-break { display: none; }
@media (max-width:600px){
  .container { padding: 0 10px 30px; }
  .mobile-break { display: block !important; }
  #ueber-mich img { max-width:180px !important; margin-bottom:1em; }
  #ueber-mich .row { flex-direction: column; text-align: center; }
  #ueber-mich .col-4, #ueber-mich .col-8 { max-width:100% !important; }
}

/* Bilder robust */
img { user-select:none; -webkit-user-drag:none; user-drag:none; pointer-events:none; }

/* (Ergänzung) Globale, schmale Container wie zuvor */
.container {
  max-width: 600px; margin: 30px auto; padding: 0 20px 40px; text-align: center;
}

/* Erste Section direkt unter dem Header kompakter */
#header + .main { padding-top: 0.5em !important; }

@media (max-width: 600px){
  #header + .main { padding-top: 0.25em !important; }
}