body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 22px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 height: 89%;
 width: 19%;
 float: left;
 text-align: center;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logo {
 top: 12%;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 14%;
 color: #FFF;
 font-size: 22px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 22%;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 16px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu .l_c_3 {
 background-color: #313131;
}


#menu a:hover {
 background-color: #313131;
}


#menu p {
 top: 13%;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 16px;
 position: relative;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 16px;
 text-align: center;
 position: absolute;
}


#header {
 height: 220px;
 width: 77%;
 float: right;
 text-align: center;
 background: url(../background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: relative;
}


#header a {
 top: 90px;
 color: #FFF;
 font-size: 44px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#kontakt {
 top: 5vh;
 height: 100%;
 width: 77%;
 float: right;
 padding-top: 120px;
 padding-bottom: 92px;
 margin-bottom: 88px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
}


#kontakt .add {
 top: 4px;
 right: 20px;
 height: 33px;
 width: 33px;
 font-size: 22px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
 border: 10px solid #313131;
}


#kontakt .mail {
 bottom: 35px;
 position: relative;
}


#kontakt .mail .y_w_1 {
 left: 4%;
 width: 77%;
 position: relative;
}


#kontakt .mail .y_w_2 {
 top: 20px;
 left: 4%;
 width: 77%;
 position: relative;
}


#kontakt .mail .y_w_3 {
 top: 40px;
 left: 4%;
 width: 77%;
 position: relative;
}


#kontakt .mail .y_w_4 {
 top: 60px;
 left: 4%;
 width: 77%;
 position: relative;
}


#kontakt .mail input {
 outline: 0;
 border: 0;
 color: #FFF;
 height: 24px;
 width: 400px;
 font-size: 16px;
 border-radius: 20px;
 padding: 18px 50px 18px 30px;
 background-color: #313131;
}


#kontakt .mail textarea {
 outline: 0;
 border: 0;
 resize: none;
 color: #FFF;
 width: 595px;
 font-size: 16px;
 border-radius: 20px;
 padding: 34px 50px 60px 30px;
 background-color: #313131;
}


#kontakt .mail button {
 outline: 0;
 border: 0;
 left: 50px;
 height: 50px;
 width: 155px;
 color: #FFF;
 font-size: 16px;
 border-radius: 20px;
 background-color: #313131;
 position: relative;
}


#kontakt .mail ::placeholder {
 opacity: 1;
 color: #FFF;
}

@media (max-width: 1000px)

{

body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 20px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 top: 15.6vh;
 height: 700px;
 width: 35%;
 float: left;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logo {
 top: 100px;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 background-image: url(../icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 110px;
 color: #FFF;
 font-size: 24px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 160px;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 18px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu .l_c_3 {
 background-color: #313131;
}


#menu a:hover {
 background-color: #242424;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 18px;
 text-align: center;
 position: absolute;
}


#header {
 height: 220px;
 width: 90%;
 float: right;
 text-align: center;
 background: url(../background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: absolute;
}


#header a {
 top: 90px;
 color: #FFF;
 font-size: 44px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#kontakt {
 top: 13vh;
 width: 57%;
 float: right;
 margin-bottom: 300px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
 z-index: -1;
}


#kontakt .add {
 top: 54px;
 right: 66px;
 height: 30px;
 width: 32px;
 font-size: 22px;
 color: #FFA851;
 float: left;
 text-align: center;
 background-color: #313131;
 background-size: cover;
 position: relative;
 border-radius: 99ex;
 border: 10px solid #313131;
}


#kontakt .mail {
 bottom: 35px;
 position: relative;
}


#kontakt .mail .y_w_1 {
 left: 18%;
 width: 74%;
 position: relative;
}


#kontakt .mail .y_w_2 {
 left: 18%;
 width: 74%;
 position: relative;
}


#kontakt .mail .y_w_3 {
 left: 18%;
 width: 74%;
 position: relative;
}


#kontakt .mail .y_w_4 {
 top: 80px;
 left: 8%;
 width: 74%;
 position: relative;
}


#kontakt .mail input {
 outline: 0;
 border: 0;
 color: #FFF;
 height: 24px;
 width: 290px;
 font-size: 20px;
 border-radius: 20px;
 padding: 18px 50px 18px 30px;
 background-color: #313131;
}


#kontakt .mail textarea {
 outline: 0;
 border: 0;
 resize: none;
 color: #FFF;
 width: 290px;
 font-size: 20px;
 border-radius: 20px;
 padding: 34px 50px 60px 30px;
 background-color: #313131;
}


#kontakt .mail button {
 outline: 0;
 border: 0;
 height: 50px;
 width: 155px;
 color: #FFF;
 font-size: 20px;
 border-radius: 20px;
 background-color: #313131;
 position: relative;
}


#kontakt .mail ::placeholder {
 opacity: 1;
 color: #FFF;
}

}
