JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="de">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial- scale=1.0">
		<title>index</title>
		<link rel="stylesheet" type="text/css" href="src/css/style.css">
    <link rel="stylesheet" type="text/css" href="src/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="src/css/skeleton.css">

    <link href="https://fonts.googleapis.com/css?family=Abel|PT+Sans+Narrow&display=swap" rel="stylesheet">
	</head>

	<body>
		<nav class="header-nav">

			<div class="container">
				<div class="row">
					<div class="col-6">

						<a href="index.html">
							<img src="src/img/taxi-logo1.png" alt="Taxi-Logo" title="Dicker´s Taxi36">
							</a>
							 <ul>
									<li><a href="index.html"><button class="button-primary"><div style="color:#A62C21;">Startseite</div></button></a></li>
									<li><a href="leistungen.html"><button class="button-primary">Leistungen</button></a></li>
									<li><a href="kontakt.html"><button class="button-primary">Kontakt</button></a></li>
									<li><a href="impressum.html"><button class="button-primary">Impressum</button></a></li>
								</ul>

					</div>
				</div>
			</div>

	</nav>
	<header class="header-banner"></header>
	</body>
</html>

CSS

body {
  font-family: 'PT Sans Narrow', 'Abel', sans-serif;
  font-size: 16px;
  margin: 0;
  background-color: #e1cc4f;
}

* {
  box-sizing: border-box;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.header-nav {
  height: 110px;
  width: 100%;
  background-color: #e1cc4f;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
}

.header-nav a > img {
  height: 160px;
  width: auto;
  position: absolute;
  /* float: left; */
  margin: .55rem;
  margin-left: 2rem;

  }

.header-nav ul {
  position: absolute;
  right: 2rem;
  height: 100%;
  margin-top: 3rem;
  margin-right: 2rem;
  /* float: right;  */
}

.header-nav  ul > li {
  Display: inline-block;
  height: 100%;
  padding: 0 .4rem 0 .4rem;
  top: 2.4rem;

}

.header-nav .col-6 {
  padding-top: 0;
  padding-bottom: 0;
}

.header-banner {
  width: 100%;
  height: 0;
  padding-top: 17.448%;
  /* 335 : 1920 x 100 Prozent  */
  background: url("../img/banner.png") no-repeat;
  background-size: contain;
}

.container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
} 

.row::after {
  content: "";
  clear: both;
  display: block;
}