/* Autorenkasten (Ticket 80, siehe seiten/autor.py). Farben der IBS-Welt fest eingetragen, weil die drei Seiten ihre
   Variablen unterschiedlich setzen. Abstände der Absätze mit !important, weil die Ratgeber-Seite #ibs-rg p{margin:0} setzt. */
.autor{display:block;box-sizing:border-box;width:100%;background:#02070A;padding:clamp(40px,6vw,72px) 20px clamp(40px,5vw,64px);}
.autor .autor-innen{box-sizing:border-box;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:clamp(18px,3vw,28px);
  padding:clamp(20px,3vw,28px);background:#0A1517;border:1px solid rgba(233,242,239,.08);border-radius:16px;text-align:left;}
.autor .autor-foto{display:block;width:96px;height:96px;flex:none;border-radius:50%;object-fit:cover;
  border:1px solid rgba(107,211,170,.35);margin:0;}
.autor .autor-text{min-width:0;}
.autor .autor-name{margin:0 !important;font:500 clamp(20px,2.2vw,24px)/1.25 'Playfair Display',Georgia,serif;color:#E9F2EF;letter-spacing:0;}
.autor .autor-rolle{margin:4px 0 10px !important;font:500 14px/1.45 'Space Grotesk',system-ui,sans-serif;color:#6BD3AA;letter-spacing:0;}
.autor .autor-bio{margin:0 0 12px !important;max-width:none;font:400 16px/1.6 'Space Grotesk',system-ui,sans-serif;color:#8FA3A0;}
.autor .autor-marke{white-space:nowrap;}
.autor .autor-link{font:500 15px/1.4 'Space Grotesk',system-ui,sans-serif;color:#6BD3AA;text-decoration:none;
  border-bottom:1px solid rgba(107,211,170,.35);transition:color .2s ease,border-color .2s ease;}
.autor .autor-link:hover{color:#93E9C8;border-color:#93E9C8;}
.autor .autor-link:focus-visible{outline:2px solid #6BD3AA;outline-offset:3px;border-radius:2px;}
@media (max-width:560px){
  .autor .autor-innen{flex-direction:column;align-items:flex-start;}
  .autor .autor-foto{width:80px;height:80px;}
}