This commit is contained in:
2024-06-05 16:57:33 +02:00
parent 84194c85fe
commit cadbb9b457
28 changed files with 1332 additions and 174 deletions

View File

@@ -136,6 +136,7 @@ input::placeholder {
border-top: 1px solid #efefef;
}
.nav-ul-hor {
width: 100%;
cursor: pointer;
color: #333333;
font-family: Lato, sans-serif;
@@ -1015,7 +1016,7 @@ footer .footer-copyright a:hover {
line-height: 1.5;
}
.first-part-au .p-1 {
padding: 17px 0 0 0 !important;
padding: 17px 0 0 !important;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
@@ -1037,6 +1038,14 @@ footer .footer-copyright a:hover {
padding: 17px 0 0 0 !important;
}
@media only screen and (min-width: 992px) {
.fp-row {
margin-top: 60px;
}
.first-part-au {
padding: 0 30px;
}
}
.breadcrumb {
background-color: white;
text-decoration: none;
@@ -1050,6 +1059,7 @@ footer .footer-copyright a:hover {
letter-spacing: 0.52px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 15px;
}
.breadcrumb a {
color: #333333;
@@ -1075,6 +1085,28 @@ footer .footer-copyright a:hover {
background-position: center;
}
@media only screen and (min-width: 768px) {
.breadcrumb {
margin-left: 45px;
padding-top: 15px;
}
.img {
min-height: 40vh;
}
}
@media only screen and (min-width: 992px) {
.breadcrumb {
margin-left: 50px;
padding-top: 35px;
padding-bottom: 5px;
}
.img {
min-height: 80vh;
}
header {
box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.1);
}
}
.second-part-au {
padding: 0 15px;
}
@@ -1104,6 +1136,7 @@ footer .footer-copyright a:hover {
margin-bottom: 30px;
}
.second-part-au .second-h2 {
text-align: center;
border-bottom: 1px solid #e0e0e8;
padding: 5px 0 19px 0;
font-size: 21px;
@@ -1113,7 +1146,7 @@ footer .footer-copyright a:hover {
letter-spacing: 0px;
line-height: 1.5;
}
.second-part-au .p-1 {
.second-part-au .second-p-1 {
padding: 17px 0 0 0 !important;
margin-bottom: 16px;
font-style: normal;
@@ -1130,6 +1163,23 @@ footer .footer-copyright a:hover {
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
.second-part-au .img-num {
margin-bottom: 18px;
}
.second-part-au .headline .headline-h3 {
font-size: 36px;
}
.second-part-au .headline .headline-h2 {
font-size: 48px;
}
.second-part-au .second-h2 {
width: 100% !important;
}
.second-part-au .text-box-div {
padding: 0 30px !important;
}
}
.third-part-au {
min-height: 100vh;
background-image: url("/assets/images/image33.jpg");
@@ -1163,6 +1213,37 @@ footer .footer-copyright a:hover {
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.third-part-au {
min-height: 25vh;
}
.third-part-au .numbers-container .numbers {
text-align: center;
width: 200px;
line-height: 200px;
}
.third-part-au .numbers-container .num-text {
padding-left: 5px;
padding-right: 5px;
}
}
@media only screen and (min-width: 992px) {
.third-part-au {
min-height: 50vh;
}
.third-part-au .numbers-container {
margin-top: 50px;
}
.third-part-au .numbers-container .numbers {
text-align: center;
width: 230px;
line-height: 230px;
}
.third-part-au .numbers-container .num-text {
padding-left: 150px;
padding-right: 150px;
}
}
.headline .headline-h3 {
font-style: normal;
font-weight: 300;
@@ -1214,6 +1295,30 @@ footer .footer-copyright a:hover {
padding-right: 3px;
}
@media only screen and (min-width: 768px) {
.img-fourth {
width: 330px;
height: 324px;
}
.p-fourth {
padding-right: 0px !important;
}
}
@media only screen and (min-width: 992px) {
.card-text4 {
width: 380px;
}
.headline .headline-h3 {
font-size: 36px;
}
.headline .headline-h2 {
font-size: 48px;
}
.img-fourth {
width: 380px;
height: 374px;
}
}
.fifth-part-au {
background-image: url("/assets/images/image30.jpg");
background-size: cover;
@@ -1263,6 +1368,25 @@ footer .footer-copyright a:hover {
color: #15c1cb;
}
@media only screen and (min-width: 768px) {
.fifth-part-au {
padding: 110px 15px;
}
.fifth-part-au .textbox5 .h3-fifth {
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.fifth-part-au .textbox5 .h2-fifth {
margin-top: -10px;
font-size: 71px;
}
}
@media only screen and (min-width: 992px) {
.fifth-part-au {
min-height: 75vh;
}
}
.sixth-part-au {
padding: 0 15px;
}
@@ -1271,7 +1395,6 @@ footer .footer-copyright a:hover {
padding: 0 3px;
}
.sixth-part-au .h5-button {
background-color: #15c1cb;
cursor: pointer;
text-align: start;
color: #ffffff !important;
@@ -1285,7 +1408,7 @@ footer .footer-copyright a:hover {
padding: 0px !important;
}
.sixth-part-au .card-header {
background-color: #15c1cb;
background-color: #333333;
text-decoration: none;
color: white;
margin-bottom: 2px;
@@ -1302,14 +1425,19 @@ footer .footer-copyright a:hover {
.sixth-part-au .A {
color: #15c1cb;
}
.sixth-part-au .card-q .card-header {
background-color: #333333;
transition: background-color 1s ease;
}
.sixth-part-au .card-q .collapsed {
background-color: #333333;
}
@media only screen and (min-width: 768px) {
.card-header i {
text-align: center;
font-size: 25px;
color: white;
}
}
@media only screen and (min-width: 992px) {
.card-q {
margin: 0 330px;
}
}
.email-form-au {
padding: 30px 15px;
background-color: #15c1cb;
@@ -1368,4 +1496,188 @@ footer .footer-copyright a:hover {
}
.email-form-au .input-text::placeholder {
color: #31353d !important;
}
@media only screen and (min-width: 768px) {
.email-form-au .email-text {
padding: 0 40px;
}
.email-form-au .input-text {
width: 55%;
}
}
@media only screen and (min-width: 992px) {
.email-form-au .email-title {
font-size: 29px;
}
.email-form-au .email-text {
padding: 0 40px;
}
.email-form-au .input-text {
width: 25%;
}
}
.form-about .headline .headline-h3 {
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 1.33333;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #31353d;
margin-bottom: 0px;
}
.form-about .headline .headline-h2 {
color: #15c1cb;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
margin-bottom: 0px;
padding: 0 50px;
}
.form-about .input-text {
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 100%;
font-family: MerriweatherSans;
}
.form-about .input-text::-moz-placeholder {
color: #31353d !important;
}
.form-about .input-text::placeholder {
color: #31353d !important;
}
.form-about .form-container-bot {
position: relative;
width: 382px;
}
@media only screen and (min-width: 992px) {
.form-about {
padding-top: 98px;
padding-bottom: 114px;
}
.form-about .headline .headline-h3 {
font-size: 36px;
}
.form-about .headline .headline-h2 {
font-size: 48px;
}
.form-about .view-more {
margin-top: 20px;
}
.form-about .form-container-bot {
width: 794px !important;
}
}
.img-services {
min-height: 22vh;
background-image: url("/assets/images/image1.jpg");
background-size: cover;
background-position: center;
}
@media only screen and (min-width: 768px) {
.img-services {
min-height: 40vh;
}
}
@media only screen and (min-width: 992px) {
.img-services {
min-height: 80vh;
}
header {
box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.1);
}
}
.p-form-s {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, serif;
letter-spacing: 0px;
text-align: left;
color: #777777;
text-align: center;
}
.h6-form-s {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.27778;
font-family: Merriweather;
letter-spacing: 0px;
color: #31353d;
margin-top: 18px;
margin-bottom: 8px;
}
.third-part-s {
background-image: url("/assets/images/image10.jpg");
background-size: cover;
position: relative;
color: white;
background-size: cover;
background-position: center;
padding-top: 30px;
padding-bottom: 40px;
}
.third-part-s .textbox3 .h1-third {
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 33px;
line-height: 1.31818;
font-family: Merriweather;
letter-spacing: 0px;
word-wrap: break-word;
margin-bottom: 0px;
font-style: normal;
}
.third-part-s .textbox3 .h2-third {
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #15c1cb;
}
.third-part-s .textbox3 .p-third {
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
}
@media only screen and (min-width: 768px) {
.third-part-s .textbox3 .h1-third {
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.third-part-s .textbox3 .h2-third {
margin-top: -10px;
font-size: 71px;
}
}
@media only screen and (min-width: 992px) {
.third-part-s {
min-height: 75vh;
}
.third-part-s .textbox3 .h1-third {
font-size: 66px;
}
}/*# sourceMappingURL=style.css.map */