@font-face {
      font-family: 'aptos'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos.woff2') format('woff2'),
           url('/fonts/Aptos.ttf') format('truetype');
    }

@font-face {
      font-family: 'aptos-black-italic'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Black-Italic.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Black-Italic') format('woff2'),
           url('/fonts/Aptos-Black-Italic') format('truetype');
    }

@font-face {
      font-family: 'aptos-black'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Black.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Black') format('woff2'),
           url('/fonts/Aptos-Black') format('truetype');
    }

@font-face {
      font-family: 'aptos-bold-italic'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Bold-Italic.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Bold-Italic') format('woff2'),
           url('/fonts/Aptos-Bold-Italic') format('truetype');
    }

@font-face {
      font-family: 'aptos-bold'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Bold.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Bold') format('woff2'),
           url('/fonts/Aptos-Bold') format('truetype');
    }

@font-face {
      font-family: 'aptos-narrow'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Narrow.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Narrow') format('woff2'),
           url('/fonts/Aptos-Narrow') format('truetype');
    }

@font-face {
      font-family: 'aptos-light'; /* Ein beliebiger Name für Ihre Schriftart */
      src: url('/fonts/Aptos-Light.ttf') format('truetype'); /* Pfad zur TTF-Datei */
      /* Weitere Formate für bessere Kompatibilität angeben */
      src: url('/fonts/Aptos-Light') format('woff2'),
           url('/fonts/Aptos-Light') format('truetype');
    }


body {
    margin: 0 0;
}

/* Desktop */

.frame {
    font-family: aptos;
    background:rgb(242, 242, 242);
    font-weight: normal;
    font-style: normal;
    color: rgb(59, 56, 56);
}

h1 {
    font-size: 2.5rem;
    color:#0070C0;
    }

.title {
    font-family: aptos-narrow;
    position: fixed;
    box-sizing: border-box; /* Padding wird in die Breite eingerechnet */
    padding-left: 10px;
    padding-right: 10px;
    background: rgb(253, 253, 253);
    height: 80px;
    width: 100%;
    border-bottom: 1px solid rgb(232, 237, 240);
    text-align:center;
    text-transform: uppercase;
    }

.intro {
    font-family: aptos-light;
    padding-top:100px;
    padding-left:100px;
    padding-right:100px;
    font-size: 1.14286rem;
}

.formular{
    font-family: aptos;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:100px;
    padding-right:100px;
    font-size: 1.14286rem;
}

/* Handy */

@media (max-width: 480px) {
    .formular{
        font-family: aptos-light;
        font-size: 1.0rem; /* etwas kleiner, besser sichtbar */
        padding-left: 20px;
        padding-right: 20px;
    }

    .intro {
        font-size: 1.1rem;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 100px; /* falls du Titel fixiert hast */
    }
    
    h1 {
    font-size: 1.3rem;
    }
}