h3.headline {
text-align: center;
font-weight: 700;
} .slider-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 2em 0 1em 0;
text-transform: lowercase;
font-weight: 600;
font-size: 0.85em;
}
.slider-navigation .prev,
.slider-navigation .next {
cursor: pointer;
display: block;
width: 100px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0.5em 0 0 0;
color: #4a4a4a;
}
.slider-navigation .prev {
text-align: right;
margin-right: 0.5em;
}
.slider-navigation .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.svg);
background-repeat: no-repeat;
background-position: right center;
top: 0;
right: 0;
width: 97px;
height: 7px;
}
.slider-navigation .prev:hover {
color: #e50046;
}
.slider-navigation .prev:hover:before {
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-red.svg);
}
.slider-navigation .prev.slick-disabled {
cursor: default;
color: #eee;
}
.slider-navigation .prev.slick-disabled:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-dis.svg);
}
.slider-navigation .prev.slick-disabled:hover:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-dis.svg);
}
.slider-navigation .next {
text-align: left;
margin-left: 0.5em;
}
.slider-navigation .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.svg);
background-repeat: no-repeat;
background-position: left center;
top: 0;
left: 0;
width: 97px;
height: 7px;
}
.slider-navigation .next:hover {
color: #e50046;
}
.slider-navigation .next:hover:before {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-red.svg);
}
.slider-navigation .next.slick-disabled {
cursor: default;
color: #eee;
}
.slider-navigation .next.slick-disabled:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-dis.svg);
}
.slider-navigation .next.slick-disabled:hover:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-dis.svg);
}
.top-reference {
min-height: 0;
margin: 3em 0;
font-size: 1em;
padding: 0 1em 1em 1em;
}
.top-reference h3 {
margin-bottom: 1em;
}
.top-reference .references a:hover {
text-decoration: none;
}
.top-reference .references .build-ref {
padding: 0 1em 1em 1em;
}
.top-reference .references .build-ref:hover .content {
color: #e50046;
}
.top-reference .references .build-ref:hover .overlay-container .overlay {
opacity: 1;
}
.top-reference .references .build-ref .ref {
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden;
font-size: 1em;
}
.top-reference .references .build-ref .ref img {
display: block;
height: 100%;
width: 100%;
max-height: 100%;
}
.top-reference .references .build-ref .content {
display: block !important;
width: 100% !important;
padding: 1em 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #4a4a4a;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-align: center;
}
.top-reference .references .build-ref .content .ref-headline {
font-size: 1.3em;
font-weight: 500;
line-height: 105%;
margin-bottom: 0.3em;
}
.top-reference .references .build-ref .content .kunde {
font-size: 0.8em;
line-height: 115%;
} @media (min-width: 576px) {
.slider-navigation {
margin: 2em 0 3em 0;
}
.top-reference {
margin: 5em 0;
padding: 0 0 2em 0;
}
.top-reference .references .build-ref {
padding: 0 1em;
}
.top-reference .references .build-ref .content {
text-align: left;
padding: 1em 0;
}
.top-reference .references .build-ref .content .ref-headline {
font-size: 1em;
}
.top-reference .references .build-ref .content .kunde {
font-size: 0.85em;
line-height: 115%;
}
}
@media (min-width: 768px) {
.top-reference {
min-height: 75vh;
padding: 0 1em 2em 1em;
}
.top-reference .references .build-ref {
padding: 0 1.5em;
}
.top-reference .references .build-ref:nth-child(even) .ref {
margin-top: 0;
}
.top-reference .references .build-ref .content .ref-headline {
font-size: 1.2em;
}
}
@media (min-width: 992px) {
.top-reference .references .build-ref:nth-child(even) .ref {
margin-top: 3em;
}
}h3.headline {
text-align: center;
font-weight: 700;
} .news-border {
border: 3px solid #e50046;
border-radius: 5px;
-webkit-transform: skew(4deg, -4deg);
-ms-transform: skew(4deg, -4deg);
transform: skew(4deg, -4deg);
}
.top-news .overlay {
-webkit-transform: skew(-4deg, 4deg);
-ms-transform: skew(-4deg, 4deg);
transform: skew(-4deg, 4deg);
z-index: 99;
}
.top-news .news-image {
-webkit-transform: skew(-4deg, 4deg);
-ms-transform: skew(-4deg, 4deg);
transform: skew(-4deg, 4deg);
}
.news-post {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.news-post:hover .overlay-container .overlay {
opacity: 1;
}
.news-post:hover .news-headline h1,
.news-post:hover .news-headline h2 {
color: #e50046;
}
.news {
margin: 0 0 50px 0;
min-height: 80vh;
padding: 0 1em;
}
.news section {
margin: 2em 0;
}
.news .headline h3 {
margin-bottom: 1em;
}
.news .news-image {
background-color: #eeeeee;
width: 100%;
min-height: 30vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 5px;
display: block;
}
.news .news-category {
margin-top: 3em;
font-size: 0.7em;
text-transform: lowercase;
font-weight: 500;
color: #969696;
}
.news .news-headline a:hover {
text-decoration: none;
}
.news .news-headline h1,
.news .news-headline h2 {
color: #4a4a4a;
margin: 0.4em 0;
font-size: 1em;
line-height: 105%;
}
.news .news-excerpt {
font-size: 1em;
} @media (min-width: 576px) {
.news-noborder {
border: 0;
border-radius: 5px;
}
.news {
padding: 0;
}
.news .news-image {
min-height: 20vh;
}
.news .headline h3 {
margin-bottom: 1em;
}
}
@media (min-width: 768px) {
.news .news-image {
min-height: 350px;
}
.news .news-headline h1,
.news .news-headline h2 {
font-size: 1.2em;
}
}
@media (min-width: 992px) {
.news .news-headline h1,
.news .news-headline h2 {
font-size: 1.4em;
}
.news .headline h3 {
margin-bottom: 2em;
}
}
@media (min-width: 1200px) {
.news section {
margin: 3em 0;
}
}h3.headline {
text-align: center;
font-weight: 700;
} .customer .customer-container {
padding: 3em 0 0 0;
}
.customer .slick-slide {
padding: 0 1em;
}
.customer .headline h4 {
font-size: 1.4em;
}
.slider-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 2em 0 3em 0;
text-transform: lowercase;
font-weight: 600;
font-size: 0.85em;
}
.slider-navigation .customerprev,
.slider-navigation .customernext {
cursor: pointer;
display: block;
width: 100px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0.5em 0 0 0;
color: #4a4a4a;
}
.slider-navigation .customerprev {
text-align: right;
margin-right: 0.5em;
}
.slider-navigation .customerprev: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.svg);
background-repeat: no-repeat;
background-position: right center;
top: 0;
right: 0;
width: 97px;
height: 7px;
}
.slider-navigation .customerprev:hover {
color: #e50046;
}
.slider-navigation .customerprev:hover:before {
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-red.svg);
}
.slider-navigation .customerprev.slick-disabled {
cursor: default;
color: #eee;
}
.slider-navigation .customerprev.slick-disabled:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-dis.svg);
}
.slider-navigation .customerprev.slick-disabled:hover:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-dis.svg);
}
.slider-navigation .customernext {
text-align: left;
margin-left: 0.5em;
}
.slider-navigation .customernext: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.svg);
background-repeat: no-repeat;
background-position: left center;
top: 0;
left: 0;
width: 97px;
height: 7px;
}
.slider-navigation .customernext:hover {
color: #e50046;
}
.slider-navigation .customernext:hover:before {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-red.svg);
}
.slider-navigation .customernext.slick-disabled {
cursor: default;
color: #eee;
}
.slider-navigation .customernext.slick-disabled:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-dis.svg);
}
.slider-navigation .customernext.slick-disabled:hover:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-dis.svg);
} @media (min-width: 576px) {
.customer .customer-container {
padding: 3em 0 0 0;
}
.customer .headline h4 {
font-size: 2em;
}
}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;
}
}