a{
    color: white;
    transition: 0.5s;
}

a:hover{
    transition: 0.5s;
    color:#4fb351;

}  @font-face {font-family: Montserrat;src: url(fonts/Montserrat-VariableFont_wght.ttf);}@font-face {font-family: Milonga;src: url(fonts/Milonga-Regular.ttf);}@font-face {font-family: Mingzat;src: url(fonts/Mingzat-Regular.ttf);}@font-face {font-family: Metrophobic;src: url(fonts/Metrophobic-Regular.ttf);}body {touch-action: pan-y;background-color: black;}h1{font-size: 2.8rem;font-weight: 400;}h2{font-size: 1.8rem;font-weight: 400;}p{font-size: 1.5rem;font-family: Milogna;}html {overflow-x: hidden;}body {margin: 0;padding: 0;text-decoration: none;color: white;}nav {transition: 0.5s;width: 100vw;height: 11.5rem;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;z-index: 90;display: flex;justify-content: center;align-items: center;box-sizing: border-box;position: fixed;}#nav{z-index: 95;}#nav-strom{width: auto;height: 148px;transition: height 0.5s;}#nav.scrolled #nav-strom {height: 100px;}div.container {display: flex;justify-content: center;align-items: center;width: 100%;margin: 0;padding-right: 6rem;text-align: center;transition: 1s;}div.container a {color: white;text-decoration: none;font-family: Montserrat ;font-weight: 400;font-size: 1.25rem;padding: 10px 2rem;position: relative;z-index: 0;cursor: pointer;transition: 1s;}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav-stromZ:hover:before, #nav-stromZ:hover:after {opacity: 0;transform: none;}div.topBotomBordersOut a:before, div.topBotomBordersOut a:after {position: absolute;left: 0px;width: 100%;height: 2px;background: #A67B5B;content: "";opacity: 0;transition: all 0.3s;box-shadow: 0 0 0 0.5px #A67B5B;}div.topBotomBordersOut a:before {top: 0px;transform: translateY(10px);}div.topBotomBordersOut a:after {bottom: 0px;transform: translateY(-10px);}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav.scrolled {transition: 0.5s;height: 7rem;background: rgba(0, 0, 0, 0.5) }.burger {width: 80px;height: 80px;position: fixed;top: 20px;right: 20px;border-radius: 4px;z-index: 99;}.burger span {position: relative;margin-top: 11px;margin-bottom: 11px;user-select: none;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}.burger span, .burger span::before, .burger span::after {display: block;width: 40px;height: 5px;background-color: #A67B5B ;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}.burger span::before, .burger span::after {position: absolute;content: "";}.burger span::before {top: -9px;}.burger span::after {top: 9px;}.burger.clicked span {background-color: transparent;}.burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}.burger.clicked span:before, .burger.clicked span:after {background-color: #ffffff;}.burger:hover {cursor: pointer;}#nav_b {background-color: #2a2a2a;position: fixed;z-index: 98;top: 0;right: 0;height: 100%;max-width: 515px;width: 100%;padding-top: 50px;padding-left: 50px;overflow-y: auto;transform: translateX(300%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}#nav_b.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}#nav_b.show ul.b li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}#nav_b.show ul.b li:nth-child(1) {transition-delay: 0.15s;}#nav_b.show ul.b li:nth-child(2) {transition-delay: 0.3s;}#nav_b.show ul.b li:nth-child(3) {transition-delay: 0.45s;}#nav_b.show ul.b li:nth-child(4) {transition-delay: 0.6s;}#nav_b.show ul.b li:nth-child(5) {transition-delay: 0.75s;}#nav_b.show ul.b li:nth-child(6) {transition-delay: 0.9s;}#nav_b.show ul.b li:nth-child(7) {transition-delay: 1.05s;}#nav_b.show ul.b li:nth-child(8) {transition-delay: 1.2s;}#nav_b.show ul.b li:nth-child(9) {transition-delay: 1.35s;}#nav_b.show .about, #nav_b.show .social, #nav_b.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;transition-delay: 0.85s;}@media (min-width: 667px) {#nav_b {padding: 120px 90px 70px 90px;}}#nav_b ul.b {list-style-type: none;}#nav_b ul.b li {margin-bottom: 20px;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li:last-of-type {margin-bottom: 0px;}#nav_b ul.b li a {color: #ffffff;font-family: Montserrat;text-decoration: none;text-transform: uppercase;font-size: 1.5rem;display: block;letter-spacing: 5px;font-weight: 600;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li a:hover {color: #A67B5B;}.overlay {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #A67B5B;opacity: 0;visibility: hidden;}.overlay.show {opacity: 0.8;visibility: visible;}@media only screen and (min-width: 769px) and (max-width: 1024px) {#nav {height: 7rem;}}@media screen and (max-width: 1667px){.container {position: relative;left: 3%;transition: 1s;}}.burger {display: none;}#nav_b {display: none;}@media only screen and (max-width: 1420px) {h1{font-size: 2.3rem;}h2{font-size: 1.5rem;}p{font-size: 1.2rem;}.burger {display: block;height: 40px;}.container a{display: none;}#nav{height: 7rem;}#nav.scrolled{height: 5rem;}#nav_b {display: block;}}@media only screen and (max-width: 1200px) {.burger{height: 40px;}#nav{height: 5rem;}#nav.scrolled{height: 3.8rem;}.burger {display: block;height: 20px;}}@media only screen and (max-width: 1025px) {nav{height: 5rem;}}#K {background-image: url(assets/kontakt.webp);background-size: cover;height: 110vh;margin-top: -1.2rem;display: grid;grid-template-columns: 1fr 1fr;place-items: center;}#K-info {background-color: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);border-radius: 60px;width: 70%;height: 45%;}#K-info h1, #K-con h1 {font-family: Milonga;text-align: center;}#K-info p {font-family: Metrophobic;text-align: center;}#K-info img {padding-right: 10px;}#K-info a {text-decoration: none;color: white;}#K-info a:hover {color: #4abb4c;transition: transform 0.3s ease, 0.5s;}#K-con {display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);border-radius: 60px;width: 70%;margin-top: 17%;padding: 2rem;}#K-con h1 {color: white;font-family: 'Milonga', sans-serif;text-align: center;}.form-row {display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px;}.form-row input {width: 45%;height: auto;margin-bottom: 1rem;border-radius: 60px;padding: 0.5rem;}textarea {width: 100%;height: 150px;padding: 10px;border-radius: 5px;border: 1px solid #ccc;}button {width: 40%;height: auto;transition: 1s;display: block;font-family: Milonga;font-size: 1.2rem;border-radius: 60px;padding: 1rem;margin-top: 1rem;}button:hover {letter-spacing: 0.25em;}@media (max-width: 1440px) {#K {grid-template-columns: 1fr 1fr;}#K-info, #K-con {width: 80%;height: auto;}.form-row input {width: 48%;}button {width: 50%;}}@media (max-width: 1024px) {#K {grid-template-columns: 1fr;margin-top: 6rem;}body{background-color: rgb(153, 150, 144);}#K-info, #K-con {width: auto;}.form-row {flex-direction: column;}.form-row input {width: 100%;}button {width: 60%;margin-left: auto;margin-right: auto;}}@media (max-width: 768px) {#K {grid-template-columns: 1fr;height: auto;}#K-info, #K-con {width: auto;height: auto;}.form-row input {width: 100%;}button {width: 100%;margin-left: 0;background-color: #ccc;}}@media (max-width: 500px) {#K{background-image: url(assets/kontakt2.webp);}}