/* ---------- Grundlayout ---------- */
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Inter",Roboto,Arial,sans-serif;
  color:#0b1f44;
  line-height:1.7;
}

.smg-about-wrapper{
  max-width:1100px;
  margin:0 auto;
  padding:2rem 1rem 4rem;
}

.smg-about-wrapper p{
  margin:0 0 1rem 0;
  font-size:1.06rem;
}

/* ============================= */
/* ÜBER MICH – MINIMALISTISCHER HERO */
/* ============================= */

.smg-hero-minimal {
    background: #ffffff;
    padding: 3rem 2rem;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.07);
    margin-bottom: 3rem;
}

.smg-hero-content {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.smg-hero-image img {
    width: 135px;
    height: 135px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #0b1f44;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.smg-hero-caption {
    display: block;
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #0b1f44;
    font-weight: 600;
}

.smg-hero-text h1 {
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 0.8rem;
    color: #0b1f44;
}

.smg-hero-text p {
    font-size: 1.1rem;
    line-height: 1.65;
    color: #2f3a4d;
    max-width: 650px;
}

/* ============================= */
/* Karten / Blöcke */
/* ============================= */

.smg-card{
  background:#f4f7ff;
  border:1px solid rgba(11,31,68,.12);
  border-radius:.9rem;
  padding:1.6rem 1.7rem;
  margin:0 auto 1.6rem;
  box-shadow:0 10px 24px rgba(11,31,68,.08);
  max-width:980px;
  color:#0b1f44;
}

.smg-card h2{
  margin:0 0 1rem 0;
  font-size:1.38rem;
  color:#0b1f44;
}

/* ---------- Seekrankheits-/Humor-Block ---------- */
.smg-card--humor{
  background:#fff7f0;
  border:1px solid rgba(255,140,60,.28);
  box-shadow:0 10px 24px rgba(255,140,60,.18);
}

.smg-card--humor h2{
  color:#c85a00 !important;
}

.smg-card--humor p{
  color:#3a2d1f;
}

.smg-card--humor .smg-highlight{
  background:#ffe8d6;
  padding:.8rem 1rem;
  border-radius:.5rem;
  margin-top:1rem;
  border-left:4px solid #ff8a3c;
}

.smg-card--humor a{
  font-weight:700;
  color:#c85a00 !important;
  text-decoration:none;
  border-bottom:1px solid rgba(200,90,0,.35);
}

.smg-card--humor a:hover{
  color:#ff8a3c !important;
  border-bottom-color:#ff8a3c;
}

/* ---------- Qualifikationen: HART sichtbar ---------- */
.smg-card--quals{
  background:#f4f7ff !important;
  color:#0b1f44 !important;
  opacity:1 !important;
  filter:none !important;
}

.smg-card--quals *,
.smg-card--quals li{
  color:#0b1f44 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  backdrop-filter:none !important;
}

.smg-quals-list{
  margin:.2rem 0 0 0;
  padding-left:1.2rem;
}

.smg-quals-list li{
  margin-bottom:.65rem;
  font-weight:800;
  font-size:1.12rem;
}

/* ---------- CTA ---------- */
.smg-cta{
  background:#0b1f44;
  color:#fff;
  text-align:center;
  padding:2rem;
  border-radius:.9rem;
  margin:2.2rem auto 0;
  max-width:980px;
  box-shadow:0 24px 56px rgba(11,31,68,.6);
}

.smg-cta h2{
  margin:0 0 .4rem 0;
  font-size:1.3rem;
  color:#ffffff;
}

.smg-cta p{
  margin:.3rem 0 1.1rem;
  color:rgba(255,255,255,.92);
  font-size:.96rem;
}

.smg-cta a{
  display:inline-block;
  padding:.85rem 1.6rem;
  background:#ffffff;
  color:#0b1f44;
  border-radius:.6rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(0,0,0,.45);
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.smg-cta a:hover{
  opacity:.96;
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(0,0,0,.5);
}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .smg-hero-content {
      flex-direction: column;
      text-align: center;
  }

  .smg-hero-text p {
      max-width: 100%;
  }
}