* {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

a :hover {
  /* color: var(--font_color_link__hover, rgb(15, 176, 181)) */
}

hr {
  color: var(--background_accent);
  background-color: var(--background_accent);
  height: 2px;
  padding: 0px;
  margin: 0px;
}

header {
  position: fixed;
  /* display: block; */
  z-index: 999;
  width: 100%;
  height: 3rem;
  background-color: var(--background_accent);
  color: var(--font_color_light);
}

.navbar {
  top: 0;
  align-items: baseline;
}

nav {
  font-size: 0.9rem;
  width: 100%;
}

nav ul {
  gap: var(--gap, 2rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li a {
  text-decoration: none;
  color: var(--font_color_dark, black);
}

nav ul li a :hover {
  text-decoration: none;
  color: var(--font_color_link__hover, rgb(15, 176, 181));
}

.brand {
  position: absolute;
  margin: 1rem;
  left: 0;
  text-transform: uppercase;
}

.nav_icon {
  position: fixed;
  right: 1rem;
  width: 2rem;
  margin-top: 0.5rem;
}

.hero {
  height: 270px;
  background-color: var(--background_light, lightgrey);
  position: relative;
}

.hero img {
  position: absolute;
  left: 1rem;
  bottom: -3rem;
  width: 179px;
  transform: scaleY(-1) scaleX(-1);
  z-index: 000;
}

/* .hero_layover {
  color: var(--font_color_light, grey);
  font-size: 3rem;
} */

.hero_layover span {
  color: var(--font_color_pop, grey);
  font-size: 3rem;
}

.hero_layover p {
  color: var(--font_color_medium);
  text-align: center;
  font-size: large;
  margin: 0;
}

.hero_buttons {
  height: 80px;
  z-index: 888;
  background-color: var(--background_dark, white);
  position: relative;
  padding: 2rem 6rem 0 6rem;
}

.hero_buttons div {
  position: relative;
  top: -9px;
  gap: 0px 25px;
}

/* to delete
.hero_nav__items {
  padding: 0 19rem;
  position: absolute;
  left: 10rem;
  right: 10rem;
  top: -2.5rem;
} */

.hero_nav__item {
  min-width: 5rem;
  max-height: 80px;
  max-width: 80px;
  color: black;
}

.hero_nav__item p {
  font-weight: 700;
}

/* .hero_nav__item div {
  text-align: center;
} */

/* .hero_nav__item .icon {
  background-color: var(--background_dark, gray);
  border-radius: 9999px;
  height: 5rem;
  width: 5rem;
} */

.subhero_quote {
  text-align: center;
  background-color: var(--background_accent);
  color: var(--font_color_light);
  margin: 0;
  padding: 1.5rem 2rem 1.5rem 2rem;
}

.icon + span {
  color: var(--font_color_pop, red);
  margin-top: 0.5rem;
  text-transform: uppercase;
}

section {
  position: relative;
}

.section_icon {
  padding-top: 15px;
  padding-bottom: 5px;
  z-index: 999;
  background-color: var(--background-light, white);
}

.section_icon img {
  height: 80px;
}

.section_text {
  /* text-align: center; */
  background-color: var(--background_dark);
  padding: 2px 2rem 0.5rem 2rem;
  /* width: 80%; */
}

.section_text h3 {
  font-weight: 700;
  padding: 10px 0px;
  margin: 0;
}

.section_text p {
  margin: 0;
}

.section_text a {
  text-align: left;
}

.section_text__kontakt {
  width: 50%;
}

section h3 {
  color: var(--font_color_dark, rgb(0, 0, 0));
}

.section_dark {
  background-color: var(--background_dark, lightgray);
}

.section_light {
  background-color: var(--background_light, white);
  padding: 2px 2rem 0.5rem 2rem;
}

.absolute_wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-right: 5rem;
  z-index: -999;
}

.fixed-content {
  background-color: var(--background_dark, lightgray);
  /* margin-bottom: 1.5rem; */
}

.collapse-button {
  padding: 0.5rem 0px 0.5rem 0px;
}

.collapse-button a p img {
  height: 1.3rem;
  display: inline;
  position: relative;
  bottom: -0.5rem;
}

.strong {
  font-weight: 600;
}

.collapse-content {
  /* margin-top: 1.5rem; */
  /* max-height: 0px; */
  /* z-index: 0; */
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  padding: 0px 2rem;
  background-color: var(--background_dark, lightgray);
}

.collapse-content h3 {
  margin-bottom: 0;
}

.collapse-content ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.collapse-content ul li {
  margin-bottom: 0.5rem;
}

.footer-notice {
  text-align: center;
  background-color: var(--background_accent);
  color: var(--font_color_light);
  margin: 0;
  padding: 1rem 2rem 1rem 2rem;
  font-size: small;
}

/* Custom color classes */
.custom-green {
  color: var(--custom_green);
}

.custom-brown {
  color: var(--custom_brown);
}

.custom-blue {
  color: var(--custom_blue);
}

.impressum {
  font-size: smaller;
  /* padding: 0.5rem 0px 0.5rem 0px; */
}

.footer-contact {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: var(--custom_brown);
  color: var(--font_color_light);
  /* margin: 0;
  padding: 0; */
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: small;
}

table tr:nth-child(even) {
  background-color: var(--background_dark);
}

td {
  padding: 0.5rem;
}

.table-header {
  background-color: var(--custom_brown);
  color: var(--font_color_light);
  width: 100%;
}

.headshot {
}

.headshot img {
  max-width: 100%;
  height: auto;

}

.hero-photo {
  margin: 2rem auto;
  max-width: 100%;
  text-align: center;
}

.hero-photo img {
  width: 100%;
  max-width: 1500px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
}