.bilder-box-widget {
margin-top: 2rem;
}
@media (max-width: 1800px) {
.bilder-box-widget {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.bilder-box-widget:hover {
box-shadow: 0 5px 10px #00000029;
}
@media (min-width: 768px) {
.bilder-box-widget:hover {
transform: scaleX(1.01) scaleY(1.01);
}
.bilder-box-widget:hover .bb-titel {
transform: translateX(15rem);
transition: transform 1s !important;
}
.bilder-box-widget:hover .bb-arrow > i {
transform: translateX(-0.5rem) !important;
transition: transform 1s !important;
}
}
@media (max-width: 600px) {
.bilder-box-widget {
margin-top: 0.5rem;
}
}
.bilder-box-widget a {
display: flex;
}
@media (max-width: 768px) {
.bilder-box-widget a {
display: flex;
flex-direction: column;
}
}
.bilder-box-widget a .bb-text {
width: 38%;
background-color: #E72636;
display: flex;
flex-direction: column;
justify-content: center;
z-index: -1;
}
.bilder-box-widget a .bb-text div {
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.bilder-box-widget a .bb-text {
width: 100%;
height: 3.5rem;
}
}
.bilder-box-widget a .bb-text .bb-titel {
text-transform: uppercase;
color: white;
font-weight: 500;
font-family: Verdana, sans-serif;
font-size: 1.6rem;
transition: transform 0.5s;
}
.bilder-box-widget a .bb-text .bb-arrow > i {
position: absolute;
margin-top: 0.8rem;
font-size: 1.5rem;
color: white;
transform: translateX(-15rem);
transition: transform 0.5s;
}
@media (max-width: 768px) {
.bilder-box-widget a .bb-text .bb-arrow > i {
display: none;
}
}
.bilder-box-widget a .bb-image {
background-size: cover;
background-position: center;
width: 62%;
height: 14rem;
z-index: 0;
}
@media (max-width: 768px) {
.bilder-box-widget a .bb-image {
background-size: cover;
background-position: center;
width: 100%;
}
}
@media (max-width: 768px) {
.bilder-box-widget .left-align {
flex-direction: column-reverse;
}
}
.no-text {
padding-bottom: 0 !important;
}
.banner-widget {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; position: relative;
margin-bottom: 5rem; }
.banner-widget .b-image-wrapper {
position: relative;
overflow: hidden;
height: 60vh;
width: 100vw;
}
.banner-widget .b-image-wrapper .b-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.banner-widget .b-image-wrapper .b-image img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-widget .b-text {
position: absolute;
bottom: 0;
font-family: Verdana, sans-serif;
display: flex;
flex-direction: column;
width: 100%;
background-color: #E72636;
padding: 2.5rem;
margin-right: auto;
margin-left: auto;
transform: translateY(50%);
}
@media (max-width: 1800px) {
.banner-widget .b-text {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.banner-widget .b-text {
width: 100vw;
bottom: 0;
position: relative;
min-height: 0;
margin-left: -10px;
padding: 1.5rem 1rem;
}
}
.banner-widget .b-text h1, .banner-widget .b-text h2 {
text-transform: uppercase;
color: white;
text-align: center;
margin-bottom: 1rem;
}
.banner-widget .b-text h1 {
font-size: 2.5rem;
margin-top: 0;
}
.banner-widget .b-text h2 {
font-size: 2rem;
}
.banner-widget .b-text p:last-of-type {
margin-bottom: 0;
}
.banner-widget .b-text .text {
color: white;
font-size: 1rem;
text-align: center;
}
.team-widget {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.team-widget .tew-element {
width: 49%;
margin-bottom: 1rem;
}
.team-widget .ref-element {
width: 40%;
}
.team-widget .tew-element, .team-widget .ref-element {
display: flex;
flex-direction: column;
align-items: start;
horiz-align: center;
}
@media (max-width: 480px) {
.team-widget .tew-element, .team-widget .ref-element {
width: 100%;
}
}
.team-widget .tew-element .tew-img, .team-widget .tew-element .ref-img, .team-widget .ref-element .tew-img, .team-widget .ref-element .ref-img {
width: 100%;
background-position: center;
border: none;
margin-bottom: 0.5rem;
}
.team-widget .tew-element .tew-img, .team-widget .ref-element .tew-img {
background-size: cover;
padding-bottom: 70%;
}
.team-widget .tew-element .ref-img, .team-widget .ref-element .ref-img {
padding-bottom: 50%;
background-size: cover;
background-repeat: no-repeat;
}
.team-widget .tew-element .tew-content, .team-widget .tew-element .ref-content, .team-widget .ref-element .tew-content, .team-widget .ref-element .ref-content {
text-align: left;
}
.team-widget .tew-element .tew-content .tew-titel, .team-widget .tew-element .tew-content .ref-titel, .team-widget .tew-element .ref-content .tew-titel, .team-widget .tew-element .ref-content .ref-titel, .team-widget .ref-element .tew-content .tew-titel, .team-widget .ref-element .tew-content .ref-titel, .team-widget .ref-element .ref-content .tew-titel, .team-widget .ref-element .ref-content .ref-titel {
font-weight: bold;
}
.team-widget .tew-element .tew-content .tew-text a, .team-widget .tew-element .tew-content .tew-mail a, .team-widget .tew-element .ref-content .tew-text a, .team-widget .tew-element .ref-content .tew-mail a, .team-widget .ref-element .tew-content .tew-text a, .team-widget .ref-element .tew-content .tew-mail a, .team-widget .ref-element .ref-content .tew-text a, .team-widget .ref-element .ref-content .tew-mail a {
color: black;
text-decoration: none;
}
.post-item {
margin-bottom: 2rem;
font-family: Verdana, sans-serif !important;
}
.post-item .post-img {
background-size: cover;
background-position: center;
width: 100%;
height: 420px;
}
.post-item .post-desc, .post-item .team-desc {
font-family: Verdana, sans-serif !important;
}
.post-item .post-name {
font-size: 1.2rem !important;
}
.post-item .team-desc li {
font-family: Verdana, sans-serif !important;
font-size: 1rem !important;
line-height: 1.2rem !important;
}
.post-item p {
font-family: Verdana, sans-serif !important;
font-size: 1rem !important;
}
.kp-news-widget {
display: grid;
grid-template-columns: 33.3333333% 33.3333333333% 33.333333%;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: calc(100% - 2rem);
}
.kp-news-widget .single-news {
background-color: white;
box-shadow: none;
transition: 0.4s ease all;
color: black;
display: block;
}
.kp-news-widget .single-news .image {
padding-bottom: 65%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.kp-news-widget .single-news img {
width: 100%;
height: 20vh;
object-fit: cover;
}
.kp-news-widget .single-news .text {
padding: 1rem 0.5rem;
}
.kp-news-widget .single-news:hover {
color: black;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media screen and (max-width: 800px) {
.kp-news-widget {
grid-template-columns: 50% 50%;
width: calc(100% - 1rem);
}
}
@media screen and (max-width: 400px) {
.kp-news-widget {
grid-template-columns: 100%;
width: 100%;
}
}
.kp-bild-box {
display: flex;
color: white;
margin: 1rem 0;
}
.kp-bild-box img {
width: 60%;
height: 15rem;
object-fit: cover;
}
.kp-bild-box .text-container {
width: 40%;
background-color: #E72636;
position: relative;
overflow: hidden;
}
.kp-bild-box .text-container .titel {
position: absolute;
top: 50%;
left: 50%;
color: white;
text-transform: uppercase;
font-weight: 400;
font-size: 1.5rem;
transform: translate(-50%, -50%);
transition: 0.5s ease all;
}
.kp-bild-box .text-container .arrow {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: -50%;
transition: 0.5s ease all;
}
.kp-bild-box .text-container .arrow svg {
height: 2rem;
width: 2rem;
}
.kp-bild-box .text-container .arrow svg path {
fill: white;
}
.kp-bild-box:hover {
color: white;
}
.kp-bild-box:hover .text-container .titel {
transform: translate(0, -50%);
transition: 1s ease all;
}
.kp-bild-box:hover .text-container .arrow {
left: 2rem;
transition: 1s ease all;
}
.kp-bild-box.align-yes {
flex-direction: row-reverse;
}
@media screen and (max-width: 800px) {
.kp-bild-box .text-container {
width: 60%;
}
.kp-bild-box img {
width: 40%;
}
}
.referenzen-widget {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.referenzen-widget .single-reference {
background-color: #E72636;
}
.referenzen-widget .single-reference img {
object-fit: cover;
width: 100%;
height: 20vh;
}
.referenzen-widget .single-reference .text-container {
color: white;
padding: 1rem;
}
@media screen and (max-width: 850px) {
.referenzen-widget {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 500px) {
.referenzen-widget {
grid-template-columns: 1fr;
}
}
.kp-banner-widget {
position: relative;
margin-bottom: 2rem;
z-index: 123;
}
.kp-banner-widget .banner-container {
height: 60vh;
width: 100%;
position: relative;
}
.kp-banner-widget .banner-container .banner-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
}
.kp-banner-widget .banner-container .banner-image img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
object-fit: cover;
}
.kp-banner-widget .banner-text {
width: 100%;
max-width: calc(1300px - 20px);
color: white;
background-color: #E72636;
padding: 2rem;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
text-align: center;
}
.kp-banner-widget .banner-text h1 {
margin-top: 0;
}
.kp-banner-widget .banner-text h2 {
color: white;
}
.kp-banner-widget .banner-text a {
color: white;
text-decoration: underline;
}
.kp-banner-widget .banner-text a:hover {
color: white;
}
.kp-banner-widget .banner-text .text p:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
.kp-banner-widget {
margin-bottom: 0;
}
.kp-banner-widget .banner-container {
height: 40vh;
}
.kp-banner-widget .banner-text {
position: relative;
left: 0;
transform: translate(0);
}
}
@media screen and (max-width: 800px) {
.kp-banner-widget .banner-container {
height: 30vh;
}
}
#sidebar-icons {
position: fixed;
bottom: 30vh;
right: 6px;
z-index: 124;
pointer-events: none;
}
#sidebar-icons a.elementor-icon {
pointer-events: all;
}