h3.headline {
text-align: center;
font-weight: 700;
}
.ref-topimage-home {
margin-bottom: 8em;
margin-top: 3em;
}
.ref-topimage-home .maslider {
visibility: hidden;
}
.ref-topimage-home .slick-initialized {
visibility: visible;
}
.ref-topimage-home .bgborder {
border: 3px solid #e50046;
border-radius: 5px;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
height: 100%;
width: 100%;
}
.ref-topimage-home .inhalt {
padding: 0;
border-radius: 5px;
background-color: #f8f8f8;
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.ref-topimage-home .inhalt .imageleft .image {
background-position: left center;
min-height: 400px;
}
.ref-topimage-home .inhalt .imageleft .image .text {
text-align: left;
background-color: rgba(255, 255, 255, 0.8);
margin-bottom: 1em;
}
.ref-topimage-home .inhalt .image {
margin: 0;
background-position: right center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px;
height: 100%;
width: 100%;
min-height: 400px;
}
.ref-topimage-home .inhalt .image .aligncontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ref-topimage-home .inhalt .image .text {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 1em;
margin-bottom: 1em;
}
.ref-topimage-home .inhalt .image .text h3 {
font-size: 1em;
}
.ref-topimage-home .inhalt .image .text p {
font-weight: bold;
font-size: 1.1em;
line-height: 110%;
margin-bottom: 0.5em;
}
.ref-topimage-home .inhalt .image .text .name {
font-size: 0.8em;
line-height: 100%;
}
.maslider .slick-prev, .maslider .slick-next {
z-index: 999999;
cursor: pointer;
width: 100px;
top: inherit;
bottom: -70px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0.5em 0 0 0;
color: #4a4a4a;
}
.maslider .slick-prev:before {
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
display: block;
content: "";
position: absolute;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short.svg);
background-repeat: no-repeat;
background-position: right center;
top: 0;
right: 0;
width: 52px;
height: 7px;
}
.maslider .slick-prev:hover {
color: #e50046;
}
.maslider .slick-prev:hover:before {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short-red.svg);
}
.maslider .slick-next:before {
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
display: inline-block;
content: "";
position: absolute;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short.svg);
background-repeat: no-repeat;
background-position: left center;
top: 0;
left: 0;
width: 52px;
height: 7px;
}
.maslider .slick-next:hover {
color: #e50046;
}
.maslider .slick-next:hover:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short-red.svg);
} @media (min-width: 576px) {
.maslider-navigation {
margin: 1em 0 0 0;
}
.ref-topimage-home .inhalt .imageleft .image .text {
background-color: rgba(255, 255, 255, 0.8);
text-align: left;
}
.ref-topimage-home .inhalt .image .text {
background-color: rgba(255, 255, 255, 0.8);
}
.ref-topimage-home .inhalt .image .text h3 {
font-size: 1.1em;
}
.ref-topimage-home .inhalt .image .text p {
font-size: 1.3em;
}
}
@media (min-width: 768px) {
.ref-topimage-home {
margin-bottom: 2em;
}
.ref-topimage-home .inhalt .imageleft .image {
min-height: 500px;
}
.ref-topimage-home .inhalt .imageleft .image .text {
background-color: transparent;
text-align: right;
margin-bottom: 0;
}
.ref-topimage-home .inhalt .image {
background-size: contain;
min-height: 500px;
}
.ref-topimage-home .inhalt .image .aligncontainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ref-topimage-home .inhalt .image .text {
background-color: transparent;
margin-bottom: 0;
padding: 0 2em;
}
.ref-topimage-home .inhalt .image .text h3 {
font-size: 1.1em;
}
.ref-topimage-home .inhalt .image .text p {
font-size: 1.5em;
}
}
@media (min-width: 992px) {
.ref-topimage-home .inhalt .image {
background-size: contain;
background-position: right bottom;
}
.ref-topimage-home .inhalt .image .text {
padding: 0 1em;
}
.ref-topimage-home .inhalt .image .text p {
font-size: 1.7em;
}
}
@media (min-width: 1200px) {
.ref-topimage-home .inhalt .imageleft .image .text {
padding: 0 2em 0 0;
}
.ref-topimage-home .inhalt .image .text {
padding: 0 0 0 2em;
}
.ref-topimage-home .inhalt .image .text h3 {
margin-bottom: 0.5em;
font-size: 1.3em;
}
.ref-topimage-home .inhalt .image .text p {
font-size: 2em;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.hl {
margin-top: 50px;
}
.hl .headline {
margin-bottom: 2em;
}
.red-color {
color: #e50046 !important;
} @media (min-width: 576px) {
.hl .headline {
margin-bottom: 1.5em;
}
}h3.headline {
text-align: center;
font-weight: 700;
} .container__contact {
margin-bottom: -4em;
margin-top: 50px;
}
.container__contact .contact-border {
border: 0;
}
.container__contact .contact {
border-radius: 5px;
background-color: white;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1);
font-size: 0.9em;
padding: 2em;
}
.container__contact .contact .headline {
font-size: 1.3em;
line-height: 110%;
margin-bottom: 0;
}
.container__contact .contact .text {
padding: 2em 0;
font-size: 1em;
}
.container__contact .contact .text a {
color: #4a4a4a;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.container__contact .contact .text a:hover {
color: #e50046;
text-decoration: none;
}
.container__contact .contact .text a:visited {
color: #4a4a4a;
}
.container__contact .contact p {
margin-bottom: 0;
} @media (min-width: 576px) {
.container__contact .contact-border {
border: 3px solid #e50046;
border-radius: 5px;
}
.container__contact .contact {
-webkit-transform: skew(4deg, -4deg);
-ms-transform: skew(4deg, -4deg);
transform: skew(4deg, -4deg);
padding: 4em;
font-size: 1em;
}
.container__contact .contact .content {
-webkit-transform: skew(-4deg, 4deg);
-ms-transform: skew(-4deg, 4deg);
transform: skew(-4deg, 4deg);
}
}
@media (min-width: 768px) {
.container__contact .contact {
padding: 5em 6em;
}
.container__contact .contact .headline {
font-size: 1.7em;
}
}
@media (min-width: 992px) {
.container__contact .contact {
padding: 6em 7em;
}
.container__contact .contact .headline {
font-size: 2em;
}
}