/* =========================================
   Anleitung – Seitenspezifische Styles
   ========================================= */
/* Abstand oben wie bei den anderen Seiten */
body > .container:first-of-type {
    padding-top: 6rem;
  }
  
  /* Responsive YouTube Video */
  .youtube-wrapper {
    position: relative;
    width: 100%;
    max-width: 900px;   /* kannst du ändern */
    margin: 0 auto 2.5rem;
    padding-top: 56.25%; /* 16:9 = 9/16 = 0.5625 */
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }
  
  .youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }