main {margin-top: 100px; flex: 1; width: 100%; padding: 0;}

.banner {
  width: 100%;
  height: 300px;
  background: url('../../../pictures/about/Hintergrund1.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 40px;
}

.content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px 40px;
}


    h1{text-align:center;font-size:2.4rem;margin-bottom:30px;color:var(--accent-green);}
    .about-section{display:flex;flex-wrap:wrap;align-items:center;gap:40px;}
    .about-image{flex:1 1 350px;text-align:center;}
    .about-image img{width:100%;max-width:350px;border-radius:var(--radius);box-shadow:var(--shadow);user-select:none;pointer-events:none;-webkit-user-select:none;-webkit-touch-callout:none;}
    .about-text{flex:2 1 400px;}
    .about-text h2{color:var(--accent-green);font-size:1.8rem;margin-bottom:15px;}
    .about-text p{color:var(--muted);line-height:1.7;margin-bottom:20px;}
    .skills{margin-top:30px;}
    .skills h3{color:var(--accent-green);margin-bottom:10px;}
    .skill-tags{display:flex;flex-wrap:wrap;gap:10px;}
    .skill-tag{background:var(--accent-yellow);color:#fff;padding:6px 12px;border-radius:var(--radius);font-weight:500;}