:root {
  --Hintergrund: #111111;
  --Hintergrund-2: #1b1b1b;
  --Ueberschriften: #00eaff;
  --Ueberschriften-2: #006293;
  --text: rgb(135, 135, 135);
  --text-2: #a1a1a1;
  --button-transition-color: rgb(0, 229, 255);
  --Glas: rgba(64, 0, 116, 0.781);
  --G1: #000808;
  --G2: #001f22;
  --G3: #014b52;
  --G4: #00282c;
  --G5: #004c53;
  --G6: #003b41;
}

.dark_mode {
  --Hintergrund: #8fd2ff;
  --Hintergrund-2: #919191;
  --Ueberschriften: #003236;
  --Ueberschriften-2: #000b11;
  --text: rgb(44, 44, 44);
  --text-2: #070707;
  --button-transition-color: rgb(42, 43, 43);
  --Glas: rgba(31, 210, 255, 0.507);
  --G1: #00eaff;
  --G2: #03cbdd;
  --G3: #009dac;
  --G4: #007580;
  --G5: #004c53;
  --G6: #003b41;
}

#toggle_button {
  display: none;
}

label[for=toggle_button] {
  display: none;
}

label[for=toggle_button] span {
  font-size: 40px;
}

button {
  font-size: large;
  color: var(--text);
  background-color: var(--Hintergrund-2);
  list-style: none;
  display: flex;
  gap: 20px;
}

nav {
  margin-bottom: 120px;
}

nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

nav a {
  color: var(--Ueberschriften);
  text-decoration: none;
  position: relative;
  padding: 3px;
}

nav a:hover {
  color: var(--text-2);
}

nav a::after {
  content: "";
  height: 6px;
  width: 0%;
  background: linear-gradient(-45deg, #02c4e6, #438eff, #ff8bf9, #ee4bfd, #ff00ff);
  animation: gradient 9s ease infinite;
  -webkit-animation: gradient 9s ease infinite;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 450ms ease-in-out;
  -webkit-transition: 450ms ease-in-out;
  -moz-transition: 450ms ease-in-out;
  -ms-transition: 450ms ease-in-out;
  -o-transition: 450ms ease-in-out;
}

nav a:hover::after {
  width: 100%;
}

@media (max-width: 800px) {
  nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    font-size: x-large;
    background: rgba(1, 248, 252, 0.300);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(1px);
    padding: 20px;
    border-radius: 0px 0px 5px 0px;
    -webkit-border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    -ms-border-radius: 0px 0px 5px 0px;
    -o-border-radius: 0px 0px 5px 0px;
    border: 1px solid black;
  }
  nav ul {
    display: none;
    flex-direction: column;
  }
  #toggle_button:checked ~ ul {
    display: flex;
  }
  label[for=toggle_button] {
    display: block;
  }
}
/*Header Einstellung ENDE*/
/*Gradient Einstellung*/
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*Gradient Einstellung ENDE*/
body {
  margin: 0;
  padding: 0;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

h1 {
  color: var(--Ueberschriften);
  text-align: center;
  font-size: 10vh;
}

p {
  color: var(--text);
  margin: 2vh;
}

#landing {
  max-width: 100%;
  max-height: 850px;
}

.welcome {
  display: none;
}

.container {
  display: flex;
  height: 100vh;
}

.left {
  font-size: 2vh;
  height: auto;
  width: 40%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}

.right {
  font-size: 2vh;
  background-color: var(--Hintergrund-2);
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  overflow-y: scroll;
}

.video-background {
  /*parallaxscrollingeffect*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(30%);
  -webkit-filter: brightness(30%);
}

@media only screen and (max-width: 1300px) {
  .video-background {
    display: none;
  }
  body {
    background-color: var(--Hintergrund);
  }
  h1 {
    color: var(--Ueberschriften);
    text-align: center;
    font-size: 8vh;
  }
  p {
    color: var(--text);
    margin: 1vh;
    font-size: 13px;
    text-align: center;
  }
  .left {
    width: 50%;
  }
  .right {
    width: 50%;
  }
}
@media only screen and (max-width: 840px) {
  .video-background {
    display: none;
  }
  body {
    background-color: var(--Hintergrund);
  }
  h1 {
    color: var(--Ueberschriften);
    text-align: center;
    font-size: 6vh;
  }
  p {
    color: var(--text);
    margin: 1vh;
    font-size: 10px;
    text-align: center;
  }
  .left {
    width: 45%;
  }
  .right {
    width: 55%;
  }
}
@media only screen and (max-width: 800px) {
  .video-background {
    display: none;
  }
  body {
    background-color: var(--Hintergrund);
  }
  h1 {
    color: var(--Ueberschriften);
    text-align: center;
    font-size: 6vh;
  }
  p {
    color: var(--text);
    margin: 1vh;
    font-size: 12px;
    text-align: center;
  }
  .left {
    width: 40%;
  }
  .right {
    width: 60%;
  }
  .card {
    width: 150px;
    max-width: calc 50%;
    background-color: var(--Hintergrund);
    border-radius: 10px 0px 10px 0px;
    padding: 60px 20px;
    box-shadow: 5px 15px 10px 10px rgba(1, 234, 251, 0.741);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    -webkit-border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -ms-border-radius: 10px 0px 10px 0px;
    -o-border-radius: 10px 0px 10px 0px;
  }
  .card h4 {
    color: var(--Ueberschriften);
    font-size: 4vh;
  }
  .card:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -moz-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
  }
  .card * {
    text-align: center;
  }
  .card a {
    background-color: var(--Hintergrund);
    box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
    width: -moz-min-content;
    width: min-content;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 0 auto;
    text-decoration: none;
    color: var(--Ueberschriften-2);
    border: 1px solid var(--Ueberschriften);
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    -ms-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
  }
  .card a:hover {
    background: transparent;
  }
}
@media only screen and (max-width: 650px) {
  .video-background {
    display: none;
  }
  body {
    background-color: var(--Hintergrund);
  }
  h1 {
    color: var(--Ueberschriften);
    text-align: center;
    font-size: 4vh;
  }
  p {
    color: var(--Ueberschriften);
    margin: 1vh;
    font-size: 12px;
    text-align: center;
  }
  .left {
    width: 20%;
  }
  .right {
    width: 80%;
  }
  .card {
    width: 150px;
    max-width: calc 50%;
    background-color: var(--Hintergrund);
    border-radius: 10px 0px 10px 0px;
    padding: 60px 20px;
    box-shadow: 5px 15px 10px 10px rgba(1, 234, 251, 0.741);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    -webkit-border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -ms-border-radius: 10px 0px 10px 0px;
    -o-border-radius: 10px 0px 10px 0px;
  }
  .card h4 {
    color: var(--Ueberschriften);
font-size: 4vh;
  }
  .card:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -moz-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
  }
  .card * {
    text-align: center;
  }
  .card a {
    background-color: var(--Hintergrund);
    box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
    width: -moz-min-content;
    width: min-content;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 0 auto;
    text-decoration: none;
    color: var(--Ueberschriften-2);
    border: 1px solid var(--Ueberschriften);
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    -ms-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
  }
  .card a:hover {
    background: transparent;
  }
}
@media only screen and (max-width: 590px) {
  .left {
    display: none;
  }
  .right {
    width: 100%;
  }
  .card {
    width: 150px;
    max-width: calc 50%;
    background-color: var(--Hintergrund);
    border-radius: 10px 0px 10px 0px;
    padding: 60px 20px;
    box-shadow: 5px 15px 10px 10px rgba(1, 234, 251, 0.741);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    -webkit-border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -ms-border-radius: 10px 0px 10px 0px;
    -o-border-radius: 10px 0px 10px 0px;
  }
  .card h4 {
    color: var(--Ueberschriften);
  }
  .card:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -moz-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
  }
  .card * {
    text-align: center;
  }
  .card a {
    background-color: var(--Hintergrund);
    box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
    width: -moz-min-content;
    width: min-content;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 0 auto;
    text-decoration: none;
    color: var(--Ueberschriften-2);
    border: 1px solid var(--Ueberschriften);
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    -ms-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
  }
  .card a:hover {
    background: transparent;
  }
}
@media only screen and (max-width: 300px) {
  .left {
    display: none;
  }
  .right {
    width: 100%;
  }
  .card {
    width: 100px;
    max-width: calc 50%;
    background-color: var(--Hintergrund);
    border-radius: 10px 0px 10px 0px;
    padding: 60px 20px;
    box-shadow: 5px 15px 10px 10px rgba(1, 234, 251, 0.741);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    -webkit-border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -ms-border-radius: 10px 0px 10px 0px;
    -o-border-radius: 10px 0px 10px 0px;
  }
}
@media (max-width: 840px) {
  #projekt_section h2 {
    font-size: 4vw;
    color: var(--Ueberschriften);
  }
}
#projekt_section {
  padding: 60px 0;
}

#projekt_section h2 {
  font-size: 40px;
  text-align: center;
  color: var(--Ueberschriften);
}

@media (max-width: 840px) {
  #projekt_section2 h2 {
    font-size: 4vw;
    color: var(--Ueberschriften);
  }
}
#projekt_section2 {
  padding: 60px 0;
  background-color: var(--Hintergrund);
}

#projekt_section2 h2 {
  font-size: 40px;
  text-align: center;
  color: var(--Ueberschriften);
}

.flex_container {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}

.card {
  width: 300px;
  max-width: calc 50%;
  background-color: var(--Hintergrund);
  border-radius: 10px 0px 10px 0px;
  padding: 60px 20px;
  box-shadow: 5px 15px 10px 10px rgba(1, 234, 251, 0.741);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  -webkit-border-radius: 10px 0px 10px 0px;
  -moz-border-radius: 10px 0px 10px 0px;
  -ms-border-radius: 10px 0px 10px 0px;
  -o-border-radius: 10px 0px 10px 0px;
}

.card h4 {
  color: var(--Ueberschriften);
}

.card:hover {
  transition: 0.5s ease-in-out;
  transform: translateY(-1.5rem);
  -webkit-transform: translateY(-1.5rem);
  -moz-transform: translateY(-1.5rem);
  -ms-transform: translateY(-1.5rem);
  -o-transform: translateY(-1.5rem);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}

.card * {
  text-align: center;
}

.card a {
  background-color: var(--Hintergrund);
  box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
  width: -moz-min-content;
  width: min-content;
  padding: 15px 40px;
  border-radius: 50px;
  margin: 0 auto;
  text-decoration: none;
  color: var(--Ueberschriften-2);
  border: 4px solid var(--Ueberschriften);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
  -moz-transition: 250ms ease-in-out;
  -ms-transition: 250ms ease-in-out;
  -o-transition: 250ms ease-in-out;
}

.card a:hover {
  background: transparent;
}

/*Skills Einstellung*/
#Skills {
  padding: 100px 0;
  background: linear-gradient(-45deg, var(--G1), var(--G2), var(--G3), var(--G4), var(--G5), var(--G6));
  height: auto;
  background-attachment: fixed;
  animation: gradient 9s ease infinite;
  background-size: 400% 400%;
  -webkit-animation: gradient 9s ease infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap-reverse;
}

.about_me_container2 {
  width: 750px;
  max-width: 90%;
  text-align: center;
}

#Skills img {
  width: 400px;
  max-width: 60%;
  border: 1px solid var(--Ueberschriften);
  border-radius: 9px 9px 9px 2px;
  align-items: center;
  box-shadow: 5px 5px 5px rgba(16, 16, 16, 0.9529411765);
  -webkit-border-radius: 9px 9px 9px 2px;
  -moz-border-radius: 9px 9px 9px 2px;
  -ms-border-radius: 9px 9px 9px 2px;
  -o-border-radius: 9px 9px 9px 2px;
}

.about_me_container2 h2 {
  font-size: 60px;
  color: var(--Ueberschriften);
}

.about_me_container2 h1 {
  font-size: 50px;
  color: var(--Ueberschriften-2);
}

.about_me_container2 p {
  text-align: center;
  line-height: 170%;
  color: var(--text);
}

.about_me_container2 a {
  background-color: var(--Hintergrund);
  box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
  width: -moz-min-content;
  width: min-content;
  padding: 15px 40px;
  border-radius: 50px;
  margin: 0 auto;
  text-decoration: none;
  color: var(--text);
  border: 4px solid var(--Ueberschriften);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
  -moz-transition: 250ms ease-in-out;
  -ms-transition: 250ms ease-in-out;
  -o-transition: 250ms ease-in-out;
}

.about_me_container2 a:hover {
  color: white;
  background: transparent;
}

@media (max-width: 800px) {
  #Skills {
    padding: 50px 0;
  }
  #Skills h2 {
    text-align: center;
    font-size: 8vw;
  }
  #Skills h1 {
    text-align: center;
    font-size: 8vw;
  }
}
/*Skills Einstellung ENDE*/
/*Info Einstellung*/
footer {
  background-color: var(--Hintergrund);
  /* parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

footer h2 {
  font-size: 50px;
  text-align: center;
  color: var(--Ueberschriften);
}

footer a {
  background-color: var(--Hintergrund-2);
  box-shadow: 15px 15px 15px rgba(16, 16, 16, 0.9529411765);
  width: -moz-min-content;
  width: min-content;
  padding: 15px 40px;
  border-radius: 50px;
  margin: 0 auto;
  text-decoration: none;
  color: var(--Ueberschriften-2);
  border: 4px solid var(--Ueberschriften);
  transition: 250ms ease-in-out;
}

footer a:hover {
  background: transparent;
}

.footer_end {
  text-align: center;
}

#apps {
  margin: 0;
  padding: 10px;
  color: var(--Ueberschriften-2);
  background-image: url(Images/smart0001.jpg);
  /* parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

#apps h2 {
  font-size: 50px;
  text-align: center;
  color: var(--Ueberschriften);
}

.app_container {
  margin: 60px auto;
  width: 1500px;
  max-width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 500px 500px;
  gap: 15px;
  grid-template-areas: "item1 item1 item2 item3" "item4 item5 item5 item3";
}

.glass_container {
  background-color: var(--Glas);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid white;
  border-radius: 10px 10px 20px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  gap: 50px;
  -webkit-border-radius: 10px 10px 20px 10px;
  -moz-border-radius: 10px 10px 20px 10px;
  -ms-border-radius: 10px 10px 20px 10px;
  -o-border-radius: 10px 10px 20px 10px;
}

.app_container img {
  height: auto;
  width: auto;
}

#app_box {
  grid-area: item1;
  border: 1px solid black;
  box-shadow: 15px 15px 8px rgba(39, 39, 39, 0.696);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

/* Taschenrechner */
table {
  width: 230px;
  height: 170px;
  background-color: rgba(30, 30, 30, 0.9490196078);
  color: white;
}

td {
  width: 28%;
  background-color: rgba(51, 50, 50, 0.95);
  text-align: center;
  font-size: 26px;
}

td:hover {
  background-color: rgb(23, 0, 116);
  cursor: pointer;
}

#resultArea {
  height: 250px;
  background-color: black;
  color: white;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 24px;
  box-sizing: border-box;
}

#enter {
  background-color: rgb(20, 20, 20);
}

#enter:hover {
  color: rgb(2, 2, 2);
  background-color: rgb(11, 225, 0);
}

.h-result {
  background-color: rgb(20, 20, 20);
}

.h-result:hover {
  background-color: rgb(92, 91, 91);
}

/* Taschenrechner ENDE */
.grid_container {
  margin: 60px auto;
  width: 800px;
  max-width: 40%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 100px 100px;
  gap: 15px;
  grid-template-areas: "item1 item1 item2 item3" "item4 item5 item5 item3";
}

.grid_item {
  background-color: var(--Hintergrund-2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  gap: 50px;
}

.grid_item img {
  height: 25px;
  width: 25px;
}

#item1 {
  padding: 3vh;
  grid-area: item1;
  border-radius: 15px 5px 15px 5px;
  border: 1px solid var(--Ueberschriften);
  box-shadow: 5px 5px rgba(39, 39, 39, 0.696);
}

#item2 {
  grid-area: item2;
  flex-direction: column;
  gap: 10px;
  border-radius: 15px 5px 15px 5px;
  border: 1px solid var(--Ueberschriften);
  box-shadow: 5px 5px rgba(39, 39, 39, 0.696);
}

#item3 {
  grid-area: item3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  border-radius: 15px 5px 15px 5px;
  border: 1px solid var(--Ueberschriften);
  box-shadow: 5px 5px rgba(39, 39, 39, 0.696);
}

#item4 {
  grid-area: item4;
  flex-direction: column;
  gap: 10px;
  border-radius: 15px 5px 15px 5px;
  border: 1px solid var(--Ueberschriften);
  box-shadow: 5px 5px rgba(39, 39, 39, 0.696);
}

#item5 {
  grid-area: item5;
  border-radius: 15px 5px 15px 5px;
  border: 1px solid var(--Ueberschriften);
  box-shadow: 5px 5px rgba(39, 39, 39, 0.696);
}

@media (max-width: 1300px) {
  .grid_container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px 300px;
    grid-template-areas: "item1 item1 item2 " "item4 item5 item5 " "item3 item3 item3 ";
  }
}
@media (max-width: 900px) {
  .grid_container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "item1 item1" "item5 item5" "item2 item4" "item3 item3";
  }
}
@media (max-width: 650px) {
  footer h2 {
    font-size: 9vw;
  }
  .grid_item {
    padding: 13px;
  }
  .grid_item img {
    height: 90px;
    width: 90px;
  }
  .grid_item h3 {
    font-size: 19px;
  }
}
@media (max-width: 400px) {
  footer h2 {
    font-size: 4vw;
  }
  .grid_item {
    padding: 15px;
  }
  .grid_item img {
    height: 50px;
    width: 50px;
  }
  .grid_item h3 {
    font-size: 6vw;
  }
}
/*Info Einstellung ENDE*/
/*IMPRESSUM Einstellung*/
#section-impressum {
  padding: 100px 0;
  background-image: url(Images/impressum.jpg);
  min-height: 500px;
  /* parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap-reverse;
  border: 4px solid var(--main-brand-color);
}

#section-impressum h2 {
  text-align: center;
  background-color: rgba(27, 27, 27, 0.9058823529);
  color: var(--secondary-color);
}

#section-impressum p {
  background-color: rgba(58, 58, 58, 0.9058823529);
  color: var(--primary-color);
  padding: 7px;
}

@media (max-width: 650px) {
  #section-impressum h2 {
    font-size: 2vh;
  }
  #section-impressum p {
    font-size: 2vh;
  }
}/*# sourceMappingURL=style.css.map */