body, html {
            margin: 0;
            padding: 0;
              font-family: "Open Sans", helvetica, roboto, sans-serif;
              background-color: #172335;
        }
        .header {
            background-color: #f6b700;
            padding: 10px;
            text-align: center;
            font-size:1.2rem;
        }
        .dark-blue-section {
            background-color: #172335;
            color: white;
            padding-left: 5%;
            padding-right: 5%;
            font-size: 1.3rem;
        }
        .light-blue-section-start {
            background-color: #9195ab;
            color: black;
            padding: 20px;
                        font-size:1.7rem;
        }
        .light-blue-section {
            background-color: #9195ab;
            color: black;
            padding: 20px;
                        font-size:1.2rem;
        }



       .yellow-section {
            background-color: #f6b700;
            color: black;
            padding: 10px;
        }
           .two-column {
            display: flex;
            flex-wrap: wrap;
        }
        .column {
            flex: 1;
            padding: 10px;
            box-sizing: border-box;
        }
        .side-image {
          width: 80%;
          margin: auto;

        }

        .action-button {
         display: block;
         background-color: #f6b700;
         color: black;
         width: 30%;
         padding: 1%;
         margin-left: 34%;
         font-size:1.2rem;
         font-weight: bold;
         text-align: center;

        }

        .streifen {

        display: block;
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
        }

        @media (max-width: 768px) {
            .column {
                flex: 0 0 100%;
            }
        }