@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Black'), local('Myriad-Pro-Black'),
      url('./fonts/MyriadPro-Black/MyriadPro-Black.woff2') format('woff2'),
      url('./fonts/MyriadPro-Black/MyriadPro-Black.woff') format('woff'),
      url('./fonts/MyriadPro-Black/MyriadPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Black Italic'), local('Myriad-Pro-Black-Italic'),
      url('./fonts/MyriadPro-BlackIt/MyriadPro-BlackIt.woff2') format('woff2'),
      url('./fonts/MyriadPro-BlackIt/MyriadPro-BlackIt.woff') format('woff'),
      url('./fonts/MyriadPro-BlackIt/MyriadPro-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Bold'), local('Myriad-Pro-Bold'),
      url('./fonts/MyriadPro-Bold/MyriadPro-Bold.woff2') format('woff2'),
      url('./fonts/MyriadPro-Bold/MyriadPro-Bold.woff') format('woff'),
      url('./fonts/MyriadPro-Bold/MyriadPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Bold Italic'), local('Myriad-Pro-Bold-Italic'),
      url('./fonts/MyriadPro-BoldIt/MyriadPro-BoldIt.woff2') format('woff2'),
      url('./fonts/MyriadPro-BoldIt/MyriadPro-BoldIt.woff') format('woff'),
      url('./fonts/MyriadPro-BoldIt/MyriadPro-BoldIt.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Semibold'), local('Myriad-Pro-Semibold'),
      url('./fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2') format('woff2'),
      url('./fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'),
      url('./fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Regular'), local('Myriad-Pro-Regular'),
      url('./fonts/MyriadPro-Regular/MyriadPro-Regular.woff2') format('woff2'),
      url('./fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
      url('./fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Italic'), local('Myriad-Pro-Italic'),
      url('./fonts/MyriadPro-It/MyriadPro-It.woff2') format('woff2'),
      url('./fonts/MyriadPro-It/MyriadPro-It.woff') format('woff'),
      url('./fonts/MyriadPro-It/MyriadPro-It.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Light'), local('Myriad-Pro-Light'),
      url('./fonts/MyriadPro-Light/MyriadPro-Light.woff2') format('woff2'),
      url('./fonts/MyriadPro-Light/MyriadPro-Light.woff') format('woff'),
      url('./fonts/MyriadPro-Light/MyriadPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: local('Myriad Pro Light Italic'), local('Myriad-Pro-Light-Italic'),
      url('./fonts/MyriadPro-LightIt/MyriadPro-LightIt.woff2') format('woff2'),
      url('./fonts/MyriadPro-LightIt/MyriadPro-LightIt.woff') format('woff'),
      url('./fonts/MyriadPro-LightIt/MyriadPro-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

body {
  margin: 0;
  font-family: 'Myriad Pro', Calibri,  sans-serif;
  color: #003056;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #003056; /* Dunkelblau für Hauptnavigation */
  padding: 15px;
}

.main-nav ul,
.secondary-nav ul {
  list-style: none;
  margin-left: 16px;
  padding: 0;
  display: flex;
}

.main-nav li,
.secondary-nav li {
  margin-right: 20px;
}

.secondary-nav{
  position: inherit;
}

.main-nav a,
.secondary-nav a {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s;
}

.main-nav a:hover,
.secondary-nav a:hover {
  color: #810a1a; /* Bordeaux bei Hover */
  text-decoration: underline;
}

main {
  padding: 20px;
}

.logo img{
  max-width: 300px;
}