<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 1000 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z" fill="currentColor"></path>
</svg>
</div>
</div>
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title mb-4">Arbeitsort: Teststadt</h4>
<p class="text-muted mx-auto para-desc mb-0">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna </p>
</div>
</div>
</div>
<div class="card mb-5">
<ul class="list-group list-group-lg list-group-flush">
<li class="list-group-item d-flex justify-content-between">
<a data-toggle="collapse" href="#anwendungsentwickler" role="button" aria-expanded="false" aria-controls="anwendungsentwickler">Anwendungsentwickler (w/m/d)</a>
<span>Vollzeit, Teilzeit, Minijob</span>
</li>
<div class="collapse show" id="anwendungsentwickler">
<div class="row p-4">
<div class="col-md-8">
<h6>Aufgabe:</h6>
