.main-navigation a, .slideout-navigation.main-navigation .main-nav ul li a {
letter-spacing: 1px;
}
*, ::after, ::before {
scroll-behavior: smooth;
} @media (min-width: 1024px) {
.main-navigation .main-nav > ul > li > a:before {
position: absolute;
content: '';
width: 1px;
height: 0;
background-color: #607b7d;
left: 50%;
top: -50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.main-navigation .main-nav > ul > li:hover > a:before {
height: 50px;
}
.main-navigation .main-nav > ul > li.current-menu-item > a:before {
height: 50px;
width: 1px;
}
} .page-hero.headline-rule h1 {
position: relative;
}
.page-hero.headline-rule h1:before {
content: '';
position: absolute;
display: block;
height: 60px;
border-left: 1px solid #607b7d;
left: 50%;
transform: translateX(-50%);
top: -66px;
} .mobile-header-navigation {
padding: 10px;
box-sizing: border-box;
} .post-tags {
font-size: 14px;
margin-top: -10px;
} .header-button a {
text-decoration-line: underline;
text-decoration-color: #db7152a8 !important;
text-decoration-thickness: 3px;
text-underline-offset: 2px;
}
.interview-vimeo iframe {
border-radius: 20px;
}
.image-style img {
transition: -webkit-filter .5s ease-in-out;
border-radius: 14px; -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.1)) !important;
}
.image-style img:hover {
-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.3)) !important;
}
.cta-tekst {
margin-bottom: 0px;
}
.media-logo img {
transition: filter .5s ease-in-out, opacity .5s ease-in-out;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 65%;
}
.media-logo img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 100%;
}
@media (max-width: 767px) {
.media-logo img {
padding-bottom: 35px;
max-width: 250px;
}
.knop-bestel {
text-align: center;
margin-left: 0px;
}
}
.knop-bestel {
margin-left: 27px
}