a {
color: #005399;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4 {
font-family: 'mundial' !important;
font-weight: 600;
}
p {
font-family: europa, light;
font-weight: 100;
}
body.page-id-2 {
margin-top: 0;
}
body.page-id-2 .site-header {
top: -70px;
}
body {
background-color: #fff;
margin-top: 70px;
font-family: 'Europa', sans-serif;
position: relative;
overflow-x: hidden !important;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
background-color: transparent;
}
.site-header {
text-align: center;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
transition: top 0.3s ease;
}
.inside-header {
padding: 5px 40px;
}
.main-navigation .main-nav ul li a {
color: #000;
font-size: 18px;
font-weight: 400;
opacity: 1;
}
.main-navigation .main-nav ul li[class*=current-menu-]>a {
opacity: 1;
color: #000 !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
position: relative;
color: #003281;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
color: #003281 !important;
opacity: 0.75;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
display: none;
content: '';
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #003281, #005399);
opacity: 0;
transform: scaleX(0);
transform-origin: left;
transition: opacity .3s 
ease, transform .3s 
ease;
justify-self: anchor-center;
opacity: 0.5 !important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
will-change: opacity, transform;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
opacity: 1;
transform: scaleX(1);
}
div#content {
min-height: calc(100vh - 111px);
padding-top: 0;
}
h1.entry-title {
color: #003281;
margin-top: 30px;
font-weight: 800;
}
.inside-site-info {
padding: 10px 40px;
}
.site-footer .site-info {
margin-top: 30px;
background-color: transparent;
}
.prefooter .row {
align-items: flex-start;
}
.prefooter div.col-6.col-md-3 {
padding-bottom: 15px;
}
.prefooter p {
margin-bottom: 5px;
}
svg.zut-svg {
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
.prefooter {
margin-bottom: 35px;
}
.prefooter a {
color: #fff;
text-decoration: none;
}
a.generate-back-to-top {
background: linear-gradient(to right, #003281, #005399);
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
background: linear-gradient(to right, #003281, #005399);
}
.team-portrait {
position: relative;
overflow: hidden;
}
.team-portrait::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 70px);
background: linear-gradient(to right, #003281, #005399);
z-index: 0;
}
.team-portrait img {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
transition: all 0.6s ease-in-out;
}
.team-portrait .portrait-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.team-portrait:hover .portrait-2 {
opacity: 1;
}
.team-portrait:hover .portrait-1 {
opacity: 0;
}
.team-description h3,
.team-description p {
margin: 5px;
font-weight: 500;
}
.team-description h3 {
margin-top: 15px;
}
.team-description p a {
font-weight: normal;
text-decoration: none;
color: black;
}
.horizontal-timeline {
position: relative;
margin: 3rem 0;
}
.horizontal-timeline .timeline-line {
position: absolute;
top: 10px;
left: 0;
right: 0;
height: 3px;
background: #000000;
z-index: 1;
}
.horizontal-timeline .timeline-step {
position: relative;
}
.horizontal-timeline .timeline-point {
width: 50px;
height: 50px;
background: linear-gradient(to right, #003281, #005399);
border-radius: 50%;
margin: 0 auto 10px auto;
position: absolute;
top: 10px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.horizontal-timeline .timeline-text {
margin-top: 65px;
}
@media (max-width: 768px) {
.horizontal-timeline {
margin-left: 30px;
padding-left: 20px;
border-left: 3px solid #000; }
.horizontal-timeline .timeline-line {
display: none; }
.horizontal-timeline .timeline-step {
text-align: left;
margin-bottom: 3rem;
}
.horizontal-timeline .timeline-point {
position: absolute;
left: -28px; top: 0;
transform: none; margin: 0;
}
.horizontal-timeline .timeline-text {
margin-top: 0;
margin-left: 40px; }
.prefooter div.col-6.col-md-3 {
font-size: 14px;
}
}
.job-box {
background: linear-gradient(to right, #003281, #005399);
}
.job-box h3.job-title {
font-size: 24px;
font-weight: bold;
}
a.btn.btn-primary,
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-primary {
border: 0;
border-radius: 0;
padding: 5px 30px;
background-color: transparent;
color: #000;
text-decoration: none;
border: 1px solid #00B1FF;
}
.kontaktformular input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-primary {
padding: 8px 30px;
}
.zut-form-field {
border: 2px solid !important;
border-color: #bfbfbf !important;
background-color: #fff !important;
width: 100%;
transition: border-image 0.2s ease-in-out;
margin-top: 10px;
}
.zut-form-field:focus-visible {
outline: none;
border-color: #bfbfbf;
}
input.zut-form-field::placeholder,
input.zut-form-field::-webkit-input-placeholder,
input.zut-form-field::-moz-placeholder,
input.zut-form-field:-ms-input-placeholder,
input.zut-form-field:-moz-placeholder {
color: #000 !important;
opacity: 1 !important;
}
.select-field .wpcf7-form-control-wrap {
position: relative;
display: inline-block;
width: 100%;
}
select.zut-form-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 40px;
width: 100%;
box-sizing: border-box;
}
.select-field .wpcf7-form-control-wrap:after {
content: "";
position: absolute;
top: 25px;
right: 2px;
transform: translateY(-50%);
width: 45px;
height: 45px;
background: #003281;
pointer-events: none;
background-image: url(https://xxx.ch/wp-content/uploads/2025/09/down_arrow_icon-1.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 35px;
}
.news-subtitle {
margin-top: 30px;
margin-bottom: 34px;
font-weight: 800;
font-size: 42px;
line-height: 1.2em;
text-transform: none;
}
.news-title-box h1, .news-title-box time {
font-size: 24px;
font-weight: bold;
display: inline;
}
.featured-image.page-header-image-single.grid-container.grid-parent {
background: linear-gradient(to right, #003281, #005399);
}
.zut-img-border,
.zut-img-border--inner {
position: relative; line-height: 0; }
.zut-img-border img {
display: block;
} .zut-img-border::before,
.zut-img-border::after {
content: "";
position: absolute;
left: -15px;
width: calc(100% + 30px);
height: 1px; background: #BFBFBF;
pointer-events: none;
}
.zut-img-border::before {
top: 0;       
transform: translateY(-50%);
}
.zut-img-border::after {
bottom: 0;    
transform: translateY(50%);
} .zut-img-border--inner::before,
.zut-img-border--inner::after {
content: "";
position: absolute;
top: -15px;
height: calc(100% + 30px);
width: 1px; background: #BFBFBF;
pointer-events: none;
}
.zut-img-border--inner::before {
left: 0;
transform: translateX(-50%);
}
.zut-img-border--inner::after {
right: 0;
transform: translateX(50%);
}
.zut-img-border.blue:before, .zut-img-border.blue:after,
.zut-img-border--inner.blue:before, .zut-img-border--inner.blue:after {
background: #00B1FF;
}
body.page-id-2 .site-footer {
margin-top: 0;
}
body.page-id-2 div#content {
padding-bottom: 0 !important;
}
body.page-id-2 .site-footer {
margin-top: 0;
background: #FFFFFF !important;
color: #000000;
}
body.page-id-2 .site-footer a {
color: #000000;
}
.footer-container.container {
padding: 60px 0px;
}
.footer-container {
width: 100%;
overflow-x: hidden;
padding: 15px;
margin-left: auto;
margin-right: auto;
max-width: 1115px;
}
.zut-img-border.leistungen:before, .zut-img-border.leistungen:after {
width: calc(100% + 100% + 100px);
}
.zut-img-border.leistungen.img-right:before, .zut-img-border.leistungen.img-right:after {
width: calc(100% + 100% + 100px);
transform: translateX(calc(-50% - 20px));
}
@media only screen and (min-width: 768px) {
.col-6.col-md-3.right {
text-align: right;
}
.col-6.col-md-3.center {
text-align: center;
}
textarea.zut-form-field {
max-height: 271px;
}
}
@media only screen and (max-width: 768px) {
.col-6.col-md-3.center {
order: 4;
}
button.menu-toggle {
background: transparent !important;
}
.mobile-menu-control-wrapper .menu-toggle, 
.mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus, 
.has-inline-mobile-toggle #site-navigation.toggled {
background-color: transparent;
}
.main-navigation .main-nav ul li a {
width: fit-content;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
padding: 0px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
display: none;
}
h1.entry-title {
font-size: 32px;
}
.prefooter .col-12.col-md-6 {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1200px) {
.inside-header {
padding: 5px 95px;
}
}
@media only screen and (max-width: 1199px) {
body.page-id-2 .site-header {
top: 0px !important;
}
body.page-id-2 {
margin-top: 70px;
}
.footer-container {
padding: 5px 40px;
}
.zut-img-border.leistungen:before, .zut-img-border.leistungen:after {
width: calc(100% + 30px) !important;
}
.zut-img-border.leistungen.img-right:before, .zut-img-border.leistungen.img-right:after {
transform: none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
.main-navigation .main-nav ul li a {
padding-left: 10px;
padding-right: 10px;
}
}
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff; display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
transition: opacity 0.5s ease;
}
.site-footer {
background: #003281;
background: -webkit-linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
background: -moz-linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
background: linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003281", endColorstr="#005399", GradientType=0);
padding-top: 35px;
color: #fff;
margin-top: 50px;
}
.inside-site-info {
-webkit-box-shadow: inset 0px -1px 20px 1px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px -1px 20px 1px rgba(0, 0, 0, 0.15);
}
header#masthead {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.grecaptcha-badge { visibility: hidden; }
p.zut--google-notice {
font-size: small;
color: #bfbfbf;
opacity: .75;
}
.infos p {
margin-bottom: 0;
}
.zut-img-border.projekte img {
width: 100% !important;
max-height: 300px;
object-fit: cover;
}
.zut-img-border.projekte,
.zut-img-border--inner.projekte {
width: 100%;
}
button.prev, button.next {
background: #003281;
background: -webkit-linear-gradient(145deg, rgba(0, 50, 129, 0.5) 0%, rgba(0, 83, 153, 0.5) 100%);
background: -moz-linear-gradient(145deg, rgba(0, 50, 129, 0.5) 0%, rgba(0, 83, 153, 0.5) 100%);
background: linear-gradient(145deg, rgba(0, 50, 129, 0.5) 0%, rgba(0, 83, 153, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003281", endColorstr="#005399", GradientType=0);
transition: all 0.3s ease-in-out;
}
button.prev:hover, 
button.next:hover {
background: #003281;
background: -webkit-linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
background: -moz-linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
background: linear-gradient(145deg, rgba(0, 50, 129, 1) 0%, rgba(0, 83, 153, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003281", endColorstr="#005399", GradientType=0);
}
.zut-img-border--inner.projekte:before, .zut-img-border--inner.projekte:after {
height: calc(100% + 185px);
}
.projekt--infos.infos {
padding: 0px 15px;
}
.projekt--infos.infos h3 {
color: #005399;
}
.kontaktformular .form-group span {
color: #005399;
}
.page-id-30 .col-12.col-md-6 {
margin-bottom: 75px;
}
.projekt--infos.infos {
min-height: 145px;
}
.zut-img-border.projekte img {
min-height: 300px;
}
@media only screen and (max-width: 768px) {
.zut-img-border.projekte img {
min-height: none;
}
}