header {
position: relative;
width: 100%;
z-index: 100;
background-color: transparent;
}
.main-content {
margin-top: -130px;
}
.sticky-header {
background-color: rgba(97, 100, 72, 0.6) !important;
padding: 10px !important;
}
#header-logo .logo img {
width: 210px;
}
.sticky-header .logo.corporate-logo img {
height: 70px !important;
}
header ul .sub-menu {
list-style: none;
}
header a {
letter-spacing: 2px;
}
.stripes {
cursor: pointer;
}
.section-slider .carousel-inner .carousel-item::after,
.section-slider .carousel-inner .carousel-item::before {
height: 15% !important;
content: "" !important;
width: 100% !important;
position: absolute !important;
left: 0 !important;
}
.page-id-4391 .section-slider .carousel-inner .carousel-item::after {
height: 55% !important;
}
.page-id-4391 .bg-video::after {
width: 0% !important;
}
.section-slider .carousel-inner .carousel-item::after {
background: linear-gradient(
to top,
rgba(21, 24, 33, 0.5) 10%,
rgba(238, 238, 238, 0)
) !important;
bottom: 0;
top: unset !important;
}
.section-slider .carousel-inner .carousel-item::before {
background: linear-gradient(
to bottom,
rgba(21, 24, 33, 0.5) 10%,
rgba(238, 238, 238, 0)
);
top: 0;
}
header.social-media a:not(:first-child) {
margin-left: 5px;
}
header .contact-media {
text-align: end;
}
header .contact-media a {
margin-right: 10px;
}
header #header-navbar {
text-align: center;
}
header ul .sub-menu {
border-radius: 0.375rem;
}
header ul .sub-menu li:last-child a {
padding-bottom: 30px;
}
header ul .sub-menu li:first-child a {
padding-top: 30px;
}
header ul .sub-menu li:not(:last-child) a {
padding-bottom: 15px;
}
header ul .sub-menu li:not(:first-child) a {
padding-top: 15px;
}
#hero .carousel-inner {
min-height: 919px;
} #mobile-menu #menu-header-1 .sub-menu {
margin-top: 10px;
}
#mobile-menu #menu-header-1 .sub-menu li {
position: relative;
}
#mobile-menu #menu-header-1 .sub-menu li::before {
content: "";
height: 6px;
width: 6px;
background-color: white;
display: inherit;
border-radius: 50%;
position: absolute;
top: 10px;
right: -20px;
} h2 a {
color: white !important;
}
.btn.btn-primary {
color: white;
}
.btn.btn-secondary {
color: #777b58 !important;
}
.image-box-content {
color: #fff;
}
.case-item .case-info .case-title {
color: #fff;
}
.accordion-button {
font-weight: 600;
}
.bg-video::after,
.bg-image::after {
background-color: rgba(37, 40, 57, 0.4) !important;
}
.project-contact a {
color: #fff !important;
font-size: 1.5rem;
font-weight: 600;
}
.project-contact a::after {
background-color: #fff !important;
}
.advantages p {
margin-bottom: 0px !important;
}
.advantages h3 {
font-size: 1.3rem !important;
}
.advantages small {
line-height: 1.475rem !important;
}
.advantages .col-inner {
height: 100% !important;
}
.animate-number {
font-size: 45px !important;
}
.cta-row {
border-radius: 0.375rem;
}
.cta-row::after {
background-color: rgba(37, 40, 57, 0.5) !important;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 0.375rem !important;
}
.btn.btn-secondary:hover {
filter: brightness(85%);
}
.sustainability .text-bg-primary {
height: 100%;
}
.btn-group.hero-btns {
display: flex;
justify-content: center;
}
.review-row .row .col-lg-4 .text-bg-primary.text-secondary {
height: 100%;
} .tl-left,
.tl-right {
background-color: #f8f9fa !important;
padding: 20px !important;
}
.tl-right .h3,
.tl-left .h3 {
color: #777b58 !important;
}
.tl-right span,
.tl-left span {
font-size: 0.875em !important;
line-height: 1.475rem !important;
color: #151821 !important;
} thead {
color: white;
background-color: #777b58;
}
tbody tr td:first-child {
font-weight: 600;
} .card-body.post-content {
color: white !important;
background-color: #777b58;
}
#post-nav {
margin-bottom: 100px;
display: none;
}
#post-nav .card-body.post-content h3 a {
color: white !important;
}
#post-nav .card-body.post-content {
padding: 24px !important;
border-radius: 7px !important;
}
.card-body.post-content .post-read-more {
background-color: white !important;
color: #777b58 !important;
}
.am-hive-posts .card img.img-fluid {
border-radius: 0px !important;
}
.single-post-body a {
text-decoration: underline;
text-decoration-color: #777b58;
text-decoration-thickness: 2px;
}
#single-post-content {
margin: 100px 0px;
}
#single-post-content h2 {
font-size: 1.8rem !important;
line-height: 2rem !important;
margin-bottom: 1.5rem !important;
margin-top: 35px !important;
}
#single-post-content h3 {
font-size: 1.5rem !important;
line-height: 1.7rem !important;
margin-bottom: 1.2rem !important;
}
#single-post-content h4 {
font-size: 1.3rem !important;
line-height: 1.5rem !important;
margin-bottom: 1rem !important;
margin-top: 35px !important;
}
#single-post-content p {
margin-bottom: 20px !important;
}
.single-post-feature-img {
margin-bottom: 50px;
}
#single-post-content p img {
margin-top: 30px;
margin-bottom: 30px;
}
.blog-cta {
margin-top: 50px;
}
.blog-cta span,
.blog-cta p {
color: #fff !important;
}
.blog-cta p {
margin-top: 10px;
}
.blog-cta a {
margin-top: 15px;
} a {
position: relative;
}
a:not(
.social-media,
.btn-primary,
.btn-secondary,
.btn-light,
.weglot-language-en,
.weglot-language-de,
.logo,
h2 a,
.sub-menu a,
#call-to-action a,
#post-nav .card-body.post-content h3 a,
.services-links a,
.hover-image-box a,
.glossar-links,
.places a,
a.cio-single-image
):hover::after {
width: 100%;
}
a:not(
.social-media,
.btn-primary,
.btn-secondary,
.btn-light,
.weglot-language-en,
.weglot-language-de,
.logo,
h2 a,
.sub-menu a,
#call-to-action a,
#post-nav .card-body.post-content h3 a,
.contact-media a,
.services-links a,
.hover-image-box a,
.glossar-links,
.places a,
#notification-bar a
)::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 0%;
height: 2px;
background-color: #fff;
transition: 0.3s ease-in-out;
}
#call-to-action a {
font-family: orbitron, impact, sans-serif;
font-size: 0.7rem;
line-height: 1rem;
font-weight: 600;
color: #fff;
text-align: center;
padding-top: 25px;
text-transform: uppercase;
}
.btn.btn-link {
margin-top: 0px;
text-transform: unset;
padding: 0px;
letter-spacing: 0px;
font-family: unset;
}
.btn.btn-link::after {
bottom: -12px !important;
}
#notification-bar a {
margin-left: 0px !important;
}
#notification-bar {
padding: 25px 30px;
background-color: #a3b41f;
}
#notification-bar .row .col-lg-3 {
align-content: center;
}
#notification-bar .row .col-lg-3 a {
height: 100%;
align-content: center;
color: #a3b41f;
} footer .container .row:first-child {
padding-top: 50px;
padding-bottom: 50px;
}
footer a:not(.sub_footer a) {
display: table;
}
footer section.services,
footer section.contact-details,
footer section.cities {
margin-top: 1rem;
}
section .text-secondary strong,
footer section strong {
color: white !important;
}
footer section a {
margin-top: 10px;
}
footer section p {
margin-bottom: 0px !important;
}
footer .h4 {
letter-spacing: 1px;
font-size: 1.2rem !important;
}
footer .mt {
margin-top: 8px;
}
footer section.footer-corporate p {
padding-right: 60px;
}
footer .places a:not(:first-child)::after {
width: 5px;
height: 5px;
content: "";
position: absolute;
left: -23px;
top: 8px;
background-color: #fff;
border-radius: 50%;
}
footer .places a:not(:first-child) {
margin-left: 40px;
position: relative;
}
footer .sub_footer .h6 {
margin-bottom: 25px !important;
letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
footer .places a {
margin-left: 30px !important;
display: table;
margin-top: 5px;
}
footer .places a:first-child::after {
width: 5px;
height: 5px;
content: "";
position: absolute;
left: -30px;
top: 8px;
background-color: #fff;
border-radius: 50%;
}
footer .places a:not(:first-child)::after {
top: 8px !important;
}
} footer .sub_footer {
padding: 25px 0px;
}
footer .policies {
display: flex;
align-items: center;
}
footer .policies a:first-child {
margin-right: 30px;
}
footer .social-media {
height: 35px;
width: 35px;
display: inline-block;
}
footer .social-media:not(:first-child) {
margin-left: 5px !important;
}
footer .social-media img {
border-radius: 5px;
}
footer .social-media:last-child img {
background-color: white;
}
.footer-logo {
height: 90px;
width: 250px;
margin-bottom: 15px;
}
footer .seperator {
border-bottom: 1px solid white;
} .captcha-image {
width: 100%;
}
.captcha-image label > input:checked + svg,
.captcha-image label > input:focus + svg {
border: 2px solid #151821 !important;
}
.cf7ic_instructions {
margin-bottom: 10px;
font-size: 16px;
}
.cf7ic_instructions span {
color: #777b58 !important;
}
.wpcf7-form-control-wrap.kc_captcha {
margin-top: 1rem;
}
.captcha-image svg {
width: 45px;
height: 45px;
} blockquote {
position: relative;
text-align: center;
padding: 1rem 1.2rem;
width: 80%;
background:
linear-gradient(to right, #777b58 4px, transparent 4px) 0% 0%,
linear-gradient(to bottom, #777b58 4px, transparent 4px) 0% 0%,
linear-gradient(to left, #777b58 4px, transparent 4px) 100% 100%,
linear-gradient(to top, #777b58 4px, transparent 4px) 100% 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
} blockquote:before,
blockquote:after {
position: absolute;
color: #777b58;
font-size: 140px;
opacity: 40%;
}
blockquote:before {
content: "❞";
margin-right: -40px;
bottom: -130px;
right: 100%;
}
blockquote:after {
content: "❝";
margin-left: -40px;
left: 100%;
top: -70px;
bottom: auto;
} .page-id-5437 header,
.page-id-4063 header,
.page-id-4061 header,
.page-id-3645 header,
.page-id-3643 header,
.page-id-3641 header,
.page-id-3490 header,
.page-id-3427 header,
.page-id-3424 header,
.page-id-3419 header,
.page-id-3421 header,
.page-id-2865 header,
.page-id-2861 header,
.page-id-2854 header,
.page-id-2857 header,
.page-id-2504 header,
.page-id-2501 header,
.page-id-2497 header,
.page-id-2485 header,
.page-id-2284 header,
.page-id-2280 header,
.page-id-2273 header,
.page-id-2265 header,
.page-id-27 header,
.page-id-1859 header,
.page-id-16 header,
.page-id-14 header,
.page-id-1566 header,
.page-id-1564 header,
.page-id-1566 header,
.page-id-1562 header,
.page-id-1568 header,
.single-post header,
.error404 header {
background-color: rgba(97, 100, 72, 0.6);
}
.page-id-14 h2 {
margin-top: 50px;
}
.mobile-contact a:last-child,
.mobile-contact .nturl {
margin-left: 15px;
}
.tl-point img {
background-color: #ffffff;
}
.modal-header {
display: none;
}
.modal-body {
padding: 25px;
border-radius: 0.375rem;
}
.modal-backdrop.show {
opacity: 0.7;
} .all-in-one .image-box .image-box-content .h3 {
margin-bottom: 0 !important;
font-size: 16px;
text-transform: none;
font-weight: 400;
letter-spacing: 1px;
}
.all-in-one .image-box .image-box-content {
padding: 20px !important;
}
tbody tr td:first-child {
font-weight: 400 !important;
} @media screen and (max-width: 1500px) {
.service-section .bg-image {
background-size: unset !important;
}
.service-section .bg-image:hover {
background-size: unset !important;
}
}
@media screen and (max-width: 1400px) {
header ul > li:not(:last-child, .sub-menu li) {
margin-right: 30px;
}
header ul > li {
font-size: 0.8rem !important;
}
header {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 1220px) {
header ul > li:not(:last-child, .sub-menu li) {
margin-right: 15px;
}
header ul > li {
font-size: 0.7rem !important;
}
.contact-media a svg {
width: 15px;
height: 15px;
}
header .contact-media a {
margin-right: 4px;
}
#menu-header-es li:not(:last-child) {
margin-right: 10px !important;
}
}
@media screen and (max-width: 1000px) {
header ul > li:not(:last-child, .sub-menu li) {
margin-right: 10px;
}
}
@media screen and (max-width: 992px) {
blockquote {
width: 100% !important;
}
blockquote::before {
margin-right: -80px;
}
blockquote::after {
margin-left: -80px;
}
}
@media screen and (max-width: 767px) {
.btn-group.hero-btns:not(.cta-row .btn-group.hero-btns) a:first-child {
margin-right: 30px !important;
}
.btn-group.hero-btns a:last-child {
margin-left: 0px !important;
}
body {
font-size: 1.1rem !important;
}
h1 {
font-size: 1.4rem !important;
line-height: 1.7rem;
}
h2 {
font-size: 1.2rem !important;
line-height: 1.5rem;
}
h3 {
font-size: 1.1rem !important;
line-height: 1.4rem !important;
}
#single-post-content h2 {
font-size: 1.2rem !important;
line-height: 1.5rem !important;
}
#single-post-content h4 {
font-size: 1rem !important;
line-height: 1.2rem !important;
}
}
@media screen and (max-width: 520px) {
.image-box .h3 {
font-size: 1.1rem;
}
}
@media screen and (min-width: 1200px) {
.service-section {
position: relative;
}
.service-section .bg-image {
position: absolute;
top: 0;
left: 0;
background-size: 106% !important;
background-position: center !important;
transition: all 0.4s ease-in-out;
}
.service-section:hover {
cursor: pointer;
}
.service-section:hover .bg-image {
background-size: 110% !important;
}
}
@media screen and (min-width: 992px) {
footer .policies {
justify-content: end;
}
.image-box .h3 {
font-size: 1.4rem;
}
.block-right blockquote {
margin-left: 20%;
}
.single-post-body,
.blog-cta {
padding: 0px 150px;
}
}
.home .am-hive-carousel .carousel-item:last-child {
background-position: 64% 50% !important;
}