/* Boostedt-Post – Ergänzung zu style.css
   Schrift Archivo, Rot nur im Logo (keine roten Flächen oder Akzente) */

@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/archivo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-800-normal.woff2) format("woff2")}

.bp{font-family:"Archivo",Arial,sans-serif;font-size:18px;color:var(--dark-blue)}
.bp h1,.bp h2,.bp h3{color:var(--dark-blue)}

/* Kopf */
.bp .site-header{background:var(--white)}
.bp .header-contact a{color:var(--dark-blue)}

/* Begrüßung */
.bp-intro{padding:36px 0 44px;background:var(--cream)}
.bp-intro .wrap{max-width:860px}
.issue{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.issue .name{background:var(--dark-blue);color:var(--white);padding:4px 10px;border-radius:2px;letter-spacing:.04em}
.bp h1{font-size:46px;line-height:1.05;margin:0 0 18px}
.greet{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start;margin:0 0 26px}
.greet img{width:120px;height:120px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:4px solid var(--white);box-shadow:0 8px 24px -12px rgba(0,14,53,.45)}
.greet p{margin:0;font-size:19px;line-height:1.55;color:var(--dark-blue)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta-row .btn{width:auto;font-size:18px;min-height:58px;padding:14px 26px}
.call{display:inline-flex;align-items:center;gap:8px;min-height:58px;padding:12px 20px;border:2px solid var(--dark-blue);border-radius:var(--radius);color:var(--dark-blue);font-weight:700;text-decoration:none;font-size:18px;background:var(--white)}
.call:hover{background:var(--cream)}

/* Wertermittlung */
.bp .leadgen .wrap{max-width:860px}
.bp .leadgen .section-intro{margin-bottom:18px}
.phone-alt{margin:18px 0 0;font-size:17px}
.phone-alt a{font-weight:700;color:var(--dark-blue)}

/* Thema des Monats */
.topic .wrap{max-width:760px}
.kicker{display:block;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.topic p{margin:0 0 16px;color:var(--dark-blue);line-height:1.65}
.topic .asof{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:26px}

/* Schritte / Warum */
.bp .step-grid li{border-top-color:var(--dark-blue)}
.bp .step-grid p{color:var(--dark-blue)}
.bp .about{background:var(--dark-blue)}
.bp .about .wrap{grid-template-columns:.7fr 1.3fr}
.claim{font-size:22px;font-weight:800;color:var(--white);margin:22px 0 0!important;letter-spacing:.01em}

/* Archiv */
.archive .wrap{max-width:760px}
.archive ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.archive li{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--radius);padding:16px 18px}
.archive li strong{display:block}
.archive li span{color:var(--muted);font-size:16px}

/* Kontakt */
.bp .contact .card{border-top-color:var(--dark-blue)}
.bp .cta-band{background:var(--cream)}
.bp .cta-band .cta-row{justify-content:center}

@media (max-width:900px){
  .bp .about .wrap{grid-template-columns:1fr}
}
@media (max-width:520px){
  .bp{font-size:17px}
  .bp-intro{padding:22px 0 30px}
  .bp h1{font-size:38px;margin-bottom:14px}
  .greet{grid-template-columns:76px 1fr;gap:14px;margin-bottom:20px}
  .greet img{width:76px;height:76px;border-width:3px}
  .greet p{font-size:17px}
  .cta-row .btn,.call{width:100%;justify-content:center}
  .bp .section-title{font-size:27px}
}