@charset "UTF-8";

body, html {
  height: 100%;
  scroll-behavior: smooth;
  position: relative;
}

#txt_banner_heading_1 {
  font-size: 4vw;
}

#txt_banner_heading_2 {
  font-size: 2.2vw;
}

.page-section h2.section-heading, .page-section .section-heading.h2 {
  font-size: calc(18px + 1.5vw);
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
}

.page-section h3.section-subheading, .page-section .section-subheading.h3 {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-bottom: 4rem;
}

.page-section {
  padding: 6rem 0;
  scroll-margin-top: 60px;
}

.card-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: calc(13px + 0.5vw);
}

.card-topping {
  width: 100%;
  height: 10px;
  background-color: #475366
}

.card-topping-standort {
  width: 100%;
  height: 50px;
  background-color: #323945
}

.card-img-fuhrpark {
  width: 75%;
  height: 100%;
}

.ic_fuhrpark {
  color: green;
  margin-left: 10px;
  margin-right: 10px;
}

.img-team-portrait {
  max-width: 80%;
}

#gmap_canvas {
  width: 65vw;
  height: 50vh;
  max-width: 1200px;
}

#kontakt {
  background-color: #000000;
  background-image: url("../assets/img_map.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}

section#kontakt form#kontaktForm .form-group {
  margin-bottom: 1.4rem;
}
section#kontakt form#kontaktForm .form-group input,
section#kontakt form#kontaktForm .form-group textarea {
  /* padding: 1.25rem; */

}
section#kontakt form#kontaktForm .form-group input.form-control {
  /* height: 3vw; */
}
section#kontakt form#kontaktForm .form-group-textarea {
  height: 100%;
}
section#kontakt form#kontaktForm .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
}

section#kontakt form#kontaktForm {
  font-family: Arial;
  font-weight: 550;
  color: #afafaf;
}

section#kontakt form#kontaktForm .form-control {
  padding-top: 1.8rem;
}

footer {
  background-color: #3e404e;
}

.footer-text {
  font-family: "Open Sans";
  font-size: calc(13px + 0.05vw);
  text-decoration: none;
}

.footer-text-header {
  font-weight: 600;
  font-size: calc(17px + 0.05vw);
}

.body_datenschutz a {
  font-family: "Arial";
  color: blue;
}

.body_impressum a {
  font-family: "Arial";
  color: blue;
}

#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}