* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  scroll-behavior: smooth;
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-slab-v24-latin-100.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-slab-v24-latin-100.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-100.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-100.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}

/* roboto-slab-200 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-slab-v24-latin-200.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-slab-v24-latin-200.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-slab-v24-latin-200.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-200.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-200.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-slab-v24-latin-200.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}

/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v24-latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-slab-v24-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v24-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}

h1,
h2,
h3,
h4 {
  font-family: "Roboto Slab", serif;
  color: #7d7b38;
}

h3 {
  font-weight: 100;
  font-size: clamp(40px, 2.9vw, 70px);
  line-height: 6.5vh;
}

h4 {
  font-size: clamp(14px, 1.1vw, 20px);
  line-height: 3.4vh;
}

p,
ul>li,
ol>li,
a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #7d7b38;
  font-size: clamp(14px, 1.1vw, 20px);
  line-height: 2.8vh;
}

ol>li::marker {
  font-weight: 700;
}

ul>li::marker {
  font-size: 0.5vw;
}

ul,
ol {
  margin-left: 0.5vw;
}

a {
  text-decoration: none;
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  color: #86bc25;
}

.parent .div4 ul:nth-child(3),
.parent .div4 ol:nth-child(3),
.parent .div4 p:nth-child(3) {
  margin-top: 1.5vh;
  margin-bottom: 1.5vh;
}

/* --------------- NAV --------------- */

.main_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 95.5%;
  margin-top: 4.5%;
}

.main_nav a,
.footer_nav a {
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  color: #7d7b38;
  font-size: clamp(14px, 2vw, 20px);
}

.main_nav a:hover,
.footer_nav a:hover {
  color: #86bc25;
}

.menu-btn,
.main_nav_burger {
  display: none;
}

.footer_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 98%;
  margin-top: 2%;
}

/* ------------- HOVER ------------- */

.link {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}

.link::before,
.link::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.link::before {
  content: "";
}

.link--var2::before {
  height: 10px;
  top: 100%;
  opacity: 0;
}

.link--var2:hover::before {
  opacity: 1;
  animation: lineUp 0.3s ease forwards;
}

@keyframes lineUp {
  0% {
    transform-origin: 50% 100%;
    transform: scale3d(1, 0.045, 1);
    color: #86bc25;
  }

  50% {
    transform-origin: 50% 100%;
    transform: scale3d(1, 1, 1);
    color: #86bc25;
  }

  51% {
    transform-origin: 50% 0%;
    transform: scale3d(1, 1, 1);
    color: #86bc25;
  }

  100% {
    transform-origin: 50% 0%;
    transform: scale3d(1, 0.045, 1);
    color: #86bc25;
  }
}

.link--var2::after {
  content: "";
  transition: opacity 0.3s;
  opacity: 0;
  transition-delay: 0s;
  color: #86bc25;
}

.link--var2:hover::after {
  opacity: 1;
  transition-delay: 0.3s;
  color: #86bc25;
}

/* --------------- MAIN --------------- */

.mobil {
  display: none;
}

.grid_sticky {
  position: sticky;
  top: -10vh;
}

.grid_special {
  box-shadow: 3px 6px 6px -6px #333;
  z-index: 3;
}

.grid_special,
.grid_kontakt {
  position: relative;
}

.grid_header .div6 img {
  width: 100%;
  height: auto;
}

.grid_header .logo img,
.grid_impressum .logo img {
  width: 97%;
  height: auto;
  margin-top: 7%;
}

.grid .div10 img {
  width: 101%;
  height: auto;
}

.grid_kontakt .div15 img {
  width: 101%;
  height: auto;
}

.up {
  position: fixed;
  top: 91%;
  right: 3%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #86bc25;
  z-index: 4;
  cursor: pointer;
}

.up a {
  text-align: center;
  line-height: 55px;
  width: 50px;
}

.up .fa-chevron-up {
  color: white;
  width: 50px;
  font-size: 30px;
}

.up:hover {
  opacity: 0.65;
  box-shadow: 0 0 5px black;
}

a.btn_more {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  border: 1px solid #86bc25;
  padding: 0.45rem 0;
  letter-spacing: 0.1rem;
  width: 180px;
  margin: auto;
  display: block;
  text-align: center;
}

a.btn_more:hover {
  background-color: #86bc25;
  color: white;
  border: 1px solid white;
}

.grid_special .btn_more {
  border: 1px solid white;
}

.grid_special .btn_more:hover {
  background-color: white;
  color: #86bc25;
  border: 1px solid #86bc25;
}

.first_letter,
.first_letter2,
.first_letter3,
.first_letter4 {
  position: absolute;
  font-weight: 500;
  top: 85%;
  left: 6.4%;
  font-size: clamp(40px, 6vw, 100px);
  color: white;
  opacity: 1;
}

h2.first_letter_inv[href^="tel"] {
  color: white;
  text-decoration: none;
}

.first_letter::first-letter,
.first_letter_inv h1::first-letter {
  color: #7d7b38;
}

.first_letter2 {
  left: 4.6%;
}

.first_letter3 {
  left: 6.1%;
}

.first_letter4 {
  left: 7.1%;
}

.first_letter_inv {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  position: absolute;
  left: 37.5%;
  top: 76.6vh;
}

.first_letter_inv h1 {
  display: block;
  font-size: clamp(40px, 6vw, 100px);
  color: white;
}

.first_letter_inv h2 {
  font-size: 4.6rem;
  color: white;
}

/* --------------- KONTAKT + FOOTER --------------- */

.grid_kontakt h3 {
  margin-bottom: 2vh;
}

.grid_kontakt p,
.grid_kontakt span,
.grid_kontakt a {
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  color: #7d7b38;
}

.grid_kontakt p,
.grid_kontakt span,
.grid_kontakt .div4 a {
  font-size: clamp(14px, 1.35vw, 30px);
  line-height: 3.4vh;
}

.grid_kontakt .div4 span {
  display: none;
}

.grid_kontakt .parent2 .div7 img {
  position: relative;
  top: 3.8vh;
  width: 57%;
  height: auto;
}

.grid_kontakt .f_copy,
.grid_impressum .f_copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 96.5%;
  margin-top: 3.5%;
}

.grid_impressum .f_copy {
  height: 94%;
  margin-top: 6%;
}

.grid_kontakt .f_copy p,
.grid_impressum .f_copy p {
  font-family: "Roboto Slab";
  font-weight: 200;
  font-size: clamp(14px, 1.1vw, 20px);
  line-height: 2.8vh;
}

.grid_impressum .parent3 .div9 {
  display: flex;
  gap: 0;
}

.grid_impressum .inner_div {
  width: 50%;
}

.grid_impressum .parent3 .div9 a {
  width: 40%;
  text-align: center;
}

.grid_impressum .parent3 .div9 a img {
  width: 77%;
}

.grid_impressum .parent3 .div9 a img:hover {
  opacity: 0.8;
}

.grid_impressum .parent3 .div14 img {
  position: relative;
  bottom: 5.8vh;
  left: 0;
  width: 90%;
}

.grid_impressum a {
  color: #7d7b38;
}

/* ------------------------------ MEDIA QUERIES ------------------------------ */

@media screen and (max-width: 1919px) {

  .first_letter,
  .first_letter2,
  .first_letter3,
  .first_letter4 {
    top: 75%;
    left: 6.4%;
    font-size: clamp(40px, 5.6vw, 100px);
  }

  .first_letter2 {
    left: 4.2%;
  }

  .first_letter3 {
    left: 5.9%;
  }

  .first_letter4 {
    left: 6.9%;
  }

  .up {
    top: 92%;
    right: 2%;
    width: 40px;
    height: 40px;
  }

  .up a {
    line-height: 43px;
    width: 40px;
  }

  .up .fa-chevron-up {
    width: 40px;
    font-size: 25px;
  }

  /* Kontakt */

  .first_letter_inv {
    left: 36.8%;
    top: 70vh;
  }

  /* IMPRESSUM */
  .grid_impressum .inner_div {
    width: 52%;
  }

  .grid_impressum .parent3 .div9 a {
    width: 43.3%;
  }

  .grid_impressum .parent3 .div14 img {
    bottom: 2vh;
  }
}

@media screen and (max-width: 1050px) and (orientation: landscape) {
  h3 {
    font-size: clamp(34px, 2.9vw, 70px);
  }

  p,
  ul>li,
  ol>li {
    line-height: 2.8vh;
  }

  .parent .div4 ul:nth-child(4),
  .parent .div4 ol:nth-child(4),
  .parent .div4 p:nth-child(4) {
    margin: 1vh 0;
  }

  /* --------------- MAIN --------------- */

  .normal {
    display: none;
  }

  .mobil {
    display: block;
  }

  .first_letter,
  .first_letter2,
  .first_letter3,
  .first_letter4 {
    top: 80%;
  }

  .grid_header .div6 {
    background-size: 125%;
    background-repeat: no-repeat;
    background-position: -65px 0;
  }

  .grid_header .div_img1 {
    background-image: url(../img/wildmanagement_stoll_start.jpg);
  }

  .grid_header .div_img2 {
    background-image: url(../img/wildmanagement_stoll_wildschaden_start.jpg);
  }

  .grid_header .div_img3 {
    background-image: url(../img/wildmanagement_stoll_hege_revier_start.jpg);
  }

  .grid_header .div_img4 {
    background-image: url(../img/wildmanagement_stoll_jagd_forst_start.jpg);
  }

  .grid_header .div6 img {
    display: none;
  }

  /* ---------------  KONTAKT --------------- */

  .grid_kontakt p,
  .grid_kontakt span,
  .grid_kontakt .div4 a {
    font-size: clamp(16px, 1.35vw, 30px);
  }

  .grid_kontakt .div4 span {
    display: block;
  }

  .first_letter_inv {
    top: 57vh;
  }

  .first_letter_inv h2 {
    font-size: 4.6vw;
    color: white;
  }

  .first_letter_inv {
    display: none;
  }

  .grid_kontakt .div6 h3 {
    margin-top: 1vh;
  }

  .grid_kontakt .parent2 .div7 img {
    top: 9vh;
    /* left: 2vw; */
    width: 70%;
  }

  /* --------------- IMPRESSUM --------------- */

  .grid_impressum .inner_div {
    width: 75%;
  }

  .grid_impressum .parent3 .div9 a {
    width: 43%;
    align-self: center;
    margin-top: 8px;
  }

  .grid_impressum .f_copy {
    margin-top: 3.5%;
  }
}

@media screen and (orientation: portrait) and (max-width: 1536px) {
  .grid_sticky.prl1 {
    margin-top: 250px;
  }

  .grid_sticky.prl2,
  .grid_special {
    margin-top: 50px;
  }

  .grid_impressum {
    margin-top: 6px;
  }

  .grid_header .logo img,
  .grid_impressum .logo img {
    width: 70%;
    height: auto;
    margin-top: 0;
  }

  .grid_header .div6 {
    background-size: 135%;
    background-repeat: no-repeat;
    background-position: -65px 0;
    height: 660px;
  }

  .grid_header .div_img1 {
    background-image: url(../img/wildmanagement_stoll_start.jpg);
  }

  .grid_header .div_img2 {
    background-image: url(../img/wildmanagement_stoll_wildschaden_start.jpg);
  }

  .grid_header .div_img3 {
    background-image: url(../img/wildmanagement_stoll_hege_revier_start.jpg);
  }

  .grid_header .div_img4 {
    background-image: url(../img/wildmanagement_stoll_jagd_forst_start.jpg);
  }

  .grid_header .div6 img {
    display: none;
  }

  .first_letter_pos {
    top: 57vh;
    left: 6vw;
    font-size: clamp(40px, 9vw, 100px);
  }

  /* KONTAKT */

  .grid_kontakt .div4 p span,
  .grid_kontakt .div4 a {
    display: block;
    width: 100%;
    font-size: clamp(14px, 4.7vw, 20px);
    line-height: 3.3vh;
  }

  .grid_kontakt .parent2 .div7 img {
    position: relative;
    top: 0;
    left: 26%;
    width: 50%;
  }

  /* IMPRESSUM */

  .grid_impressum .parent3 .div9 a {
    text-align: center;
    margin-top: 20px;
  }

  .grid_impressum .parent3 .div9 a img {
    width: 30%;
  }

  .grid_impressum .parent3 .div14 img {
    width: 70%;
  }
}

@media screen and (max-width: 414px),
screen and (max-width: 834px) {

  p,
  ul>li,
  ol>li {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #7d7b38;
    font-size: clamp(14px, 4vw, 22px);
    line-height: 3vh;
  }

  a {
    font-size: clamp(14px, 4vw, 22px);
  }

  h3 {
    font-size: clamp(30px, 9vw, 50px);
    line-height: 5.5vh;
    text-align: center;
  }

  h4 {
    font-size: clamp(14px, 4vw, 22px);
    line-height: 3vh;
  }

  .parent .div4 ul:nth-child(4),
  .parent .div4 ol:nth-child(4),
  .parent .div4 p:nth-child(4) {
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
  }

  ul>li::marker {
    font-size: 3vw;
  }

  ul,
  ol {
    margin-left: 3vw;
  }

  /* --------------- NAV --------------- */
  .main_nav,
  .footer_nav {
    display: none;
  }

  .main_nav_burger {
    display: none;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: clamp(8vh, 8vh, 10vh);
    left: 0;
    background-color: white;
    z-index: 2;
    box-shadow: 0 7px 8px -6px black;
  }

  .main_nav_burger a {
    font-family: "Roboto Slab", serif;
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 4rem;
    color: #7d7b38;
    text-align: center;
  }

  .main_nav_burger__sm {
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  .main_nav_burger__sm a {
    width: 10%;
  }

  .menu-btn {
    position: absolute;
    top: 2vh;
    right: clamp(2vw, 5vw, 7vw);
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
  }

  .menu-btn__burger {
    width: 40px;
    height: 5px;
    background-color: #86bc25;
    transition: all 0.5s ease-in-out;
  }

  .menu-btn__burger::before,
  .menu-btn__burger::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 5px;
    background-color: #86bc25;
    transition: all 0.3s ease-in-out;
  }

  .menu-btn__burger::before {
    transform: translateY(-13px);
  }

  .menu-btn__burger::after {
    transform: translateY(13px);
  }

  .grid_header .logo img,
  .grid_impressum .logo img {
    width: 97%;
    height: auto;
    margin-top: 7%;
  }

  /* ANIMATION Burger */

  .menu-btn.open .menu-btn__burger {
    background: transparent;
  }

  .menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg);
  }

  .menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg);
  }

  .up {
    width: 40px;
    height: 40px;
  }

  .up a {
    line-height: 40px;
    width: 40px;
  }

  .up .fa-chevron-up {
    width: 40px;
    font-size: 25px;
  }

  .up:hover {
    opacity: 1;
    box-shadow: none;
  }

  /* --------------- MAIN --------------- */

  .normal {
    display: none;
  }

  .mobil {
    display: block;
  }

  .grid_header .div6 {
    background-size: 135%;
    background-repeat: no-repeat;
    background-position: -65px 0;
    height: unset;
  }

  .grid_header .div_img1 {
    background-image: url(../img/wildmanagement_stoll_start.jpg);
  }

  .grid_header .div_img2 {
    background-image: url(../img/wildmanagement_stoll_wildschaden_start.jpg);
  }

  .grid_header .div_img3 {
    background-image: url(../img/wildmanagement_stoll_hege_revier_start.jpg);
  }

  .grid_header .div_img4 {
    background-image: url(../img/wildmanagement_stoll_jagd_forst_start.jpg);
  }

  .grid_header .div6 img {
    display: none;
  }

  .grid_header .div7,
  .grid_impressum .logo {
    position: absolute;
    top: 0.5vh;
    left: 6vw;
    width: 24vw;
    z-index: 3;
  }

  .grid_sticky.prl1 {
    margin-top: unset;
  }

  .grid_sticky.prl2,
  .grid_special {
    margin-top: unset;
  }

  .first_letter_pos {
    top: unset;
  }

  h1.first_letter,
  h1.first_letter2,
  h1.first_letter3,
  h1.first_letter4 {
    top: 39vh;
    left: 6vw;
    font-size: clamp(40px, 11vw, 100px);
  }

  .first_letter::first-letter,
  .first_letter_inv h1::first-letter {
    color: white;
  }

  .grid .div10 img {
    width: 100%;
  }

  .grid_sticky {
    position: relative;
    top: unset;
  }

  a.btn_more {
    width: 40%;
  }

  .grid_impressum {
    margin-top: unset;
  }

  .grid_impressum .parent3 .div9 {
    flex-direction: column;
    gap: 1vh;
  }

  .grid_impressum .inner_div,
  .grid_impressum .parent3 .div9 a {
    width: 100%;
  }

  .grid_impressum .inner_div {
    padding-right: 10vw;
  }

  .grid_impressum .parent3 .div9 a {
    text-align: center;
  }

  .grid_impressum .parent3 .div9 a img {
    width: 40%;
  }

  .grid_impressum .parent3 .div14 {
    text-align: center;
  }

  .grid_impressum .parent3 .div14 img {
    width: 80%;
  }

  /* ---------------  KONTAKT + FOOTER --------------- */

  .grid_kontakt .div4 span {
    display: block;
  }

  .grid_kontakt p,
  .grid_kontakt a {
    text-align: center;
    font-size: clamp(14px, 4.7vw, 20px);
    line-height: 3.3vh;
  }

  .grid_kontakt .parent2 .div7 img {
    position: relative;
    top: 0;
    left: 10%;
    width: 80%;
  }

  .grid_kontakt .div15 img {
    width: 100%;
  }

  .first_letter_inv {
    top: 91%;
    left: 18%;
  }

  .first_letter_inv h1 {
    display: none;
  }

  .first_letter_inv h2 {
    font-size: 10vw;
  }

  .grid_kontakt .f_copy,
  .grid_impressum .f_copy {
    display: none;
  }
}