h3.headline {
text-align: center;
font-weight: 700;
}
.ref-topimage {
padding: 0 1em;
margin-bottom: 1em;
margin-top: 2.3em;
}
.ref-topimage-border {
border: 3px solid #e50046;
border-radius: 5px;
-webkit-transform: skew(3deg, -3deg);
-ms-transform: skew(3deg, -3deg);
transform: skew(3deg, -3deg);
height: 100%;
}
.ref-topimage-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
-webkit-transform: skew(-3deg, 3deg);
-ms-transform: skew(-3deg, 3deg);
transform: skew(-3deg, 3deg);
border-radius: 5px;
}
.ref-topimage-image div {
display: block;
}
.ref-topimage-image img {
border-radius: 5px;
width: 100%;
height: auto;
}
.ref-topimage-imagecontainer {
margin-bottom: 2em;
} @media (min-width: 768px) {
.ref-topimage {
margin-bottom: 2em;
}
.ref-topimage-imagecontainer {
margin-bottom: 3em;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-introduction {
margin-bottom: 2em;
}
.ref-introduction a {
color: #e50046;
}
.ref-introduction a:hover {
text-decoration: underline;
}
.ref-introduction a:focus, .ref-introduction a:visited, .ref-introduction a:active {
color: #e50046;
}
.ref-introduction .headline {
margin-bottom: 1.3em;
}
.ref-introduction .headline h1 {
font-weight: 600;
text-align: center;
font-size: 1.8em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.ref-introduction .headline .hl-customer {
display: block;
text-align: center;
font-size: 1.6em;
line-height: 100%;
}
.ref-introduction .teaser {
font-size: 0.9em;
line-height: 140%;
}
.ref-introduction .teaser h4 {
font-weight: bold;
color: #e50046;
font-size: 1.2em;
margin: 0;
}
.ref-introduction .task h3 {
font-size: 1.1em;
font-weight: bold;
color: #e50046;
}
.ref-introduction .todo {
margin-bottom: 1em;
}
.ref-introduction .todo ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.ref-introduction .todo ul li {
display: inline-block;
font-size: 0.8em;
text-transform: lowercase;
}
.ref-introduction .todo ul li:after {
content: " // ";
}
.ref-introduction .todo ul li:last-child:after {
content: none;
} @media (min-width: 576px) {
.ref-introduction .headline h1 {
font-size: 2.3em;
}
.ref-introduction .todo ul {
text-align: center;
}
.ref-introduction .todo ul li {
display: inline-block;
font-size: 0.95em;
}
.ref-introduction .todo ul li:after {
content: " // ";
}
.ref-introduction .todo ul li:last-child:after {
content: none;
}
}
@media (min-width: 768px) {
.ref-introduction .headline h1 {
font-size: 2.3em;
}
.ref-introduction .todo ul li {
font-size: 0.95em;
}
.ref-introduction .todo ul li:after {
content: " // ";
}
}
@media (min-width: 992px) {
.ref-introduction .headline h1 {
font-size: 2em;
text-align: left;
}
.ref-introduction .headline .hl-customer {
text-align: left;
}
.ref-introduction .todo ul {
text-align: left;
}
.ref-introduction .todo ul li {
display: block;
font-size: 0.95em;
text-align: left;
}
.ref-introduction .todo ul li:after {
content: none;
}
}
@media (min-width: 1200px) {
.ref-introduction {
margin-bottom: 3em;
}
.ref-introduction .headline h1 {
font-size: 2em;
}
.ref-introduction .teaser {
font-size: 1em;
line-height: inherit;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.imageborder img {
border-radius: 5px;
}
.imageborder .img-border {
display: inline-block;
border: 3px solid #e50046;
border-radius: 5px;
-webkit-transform: skew(4deg, -4deg);
-ms-transform: skew(4deg, -4deg);
transform: skew(4deg, -4deg);
height: 100%;
width: auto;
}
.imageborder .img-border img {
border-radius: 5px;
-webkit-transform: skew(-4deg, 4deg);
-ms-transform: skew(-4deg, 4deg);
transform: skew(-4deg, 4deg);
}
.imageborder .caption-text {
padding: 2em 1em;
font-size: 0.85em;
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-hltext { padding-bottom: 2em;
padding-top: 2em;
}
.ref-hltext .content {
font-size: 0.9em;
line-height: 140%;
}
.ref-hltext .content a {
color: #e50046;
}
.ref-hltext .content a:hover {
text-decoration: underline;
}
.ref-hltext .content a:focus, .ref-hltext .content a:visited, .ref-hltext .content a:active {
color: #e50046;
}
.ref-hltext .headline h3 {
font-size: 1.2em;
margin-bottom: 0.5em;
font-weight: bold;
} @media (min-width: 1200px) {
.ref-hltext {
margin-bottom: 3em;
}
.ref-hltext .content {
font-size: 1em;
line-height: inherit;
}
.ref-hltext .headline h3 {
font-size: 1.5em;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-imageslider {
margin-bottom: 3em;
position: relative;
}
.ref-imageslider .slide {
border-radius: 5px;
height: 40vh;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.ref-imageslider .refslides {
position: relative;
height: 100%;
width: 100%;
}
.ref-imageslider .detail-slider .slick-prev, .ref-imageslider .detail-slider .slick-next {
z-index: 999;
-webkit-box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 50px;
height: 50px;
cursor: pointer;
border-radius: 50%;
background-color: #f0f0f0;
}
.ref-imageslider .detail-slider .slick-prev:hover, .ref-imageslider .detail-slider .slick-next:hover {
background-color: white;
}
.ref-imageslider .detail-slider .slick-prev:before {
content: "";
display: block;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short.svg);
width: 50px;
height: 50px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center center;
}
.ref-imageslider .detail-slider .slick-prev:before:hover {
-webkit-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
.ref-imageslider .detail-slider .slick-prev:hover:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short-red.svg);
}
.ref-imageslider .detail-slider .slick-next:before {
content: "";
display: block;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short.svg);
width: 50px;
height: 50px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center center;
}
.ref-imageslider .detail-slider .slick-next:before:hover {
-webkit-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
.ref-imageslider .detail-slider .slick-next:hover:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short-red.svg);
}
.ref-imageslider .slider-navigation {
position: absolute;
top: calc(50% - 2em);
left: 0;
width: 100%;
z-index: 999;
}
.ref-imageslider .slider-navigation .refprev {
margin-left: 2em;
-webkit-box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 2.4em;
height: 2.4em;
cursor: pointer;
border-radius: 50%;
background-color: #f0f0f0;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short.svg);
background-size: 2em 2em;
background-repeat: no-repeat;
background-position: center center;
}
.ref-imageslider .slider-navigation .refprev:hover {
-webkit-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
.ref-imageslider .slider-navigation .refnext {
margin-right: 2em;
-webkit-box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 2.4em;
height: 2.4em;
cursor: pointer;
border-radius: 50%;
background-color: #f0f0f0;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short.svg);
background-size: 2em 2em;
background-repeat: no-repeat;
background-position: center center;
}
.ref-imageslider .slider-navigation .refnext:hover {
-webkit-transform: translateX(0.3em);
-ms-transform: translateX(0.3em);
transform: translateX(0.3em);
}
.ref-imageslider .slick-dots {
position: absolute;
display: block;
bottom: 1em;
}
.ref-imageslider .slick-dots li {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
-webkit-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.ref-imageslider .slick-dots li button {
border-radius: 0;
border: 1px solid #969696;
}
.ref-imageslider .slick-dots li button:before {
display: none;
}
.ref-imageslider .slick-dots li.slick-active {
background-color: #969696;
} @media (min-width: 768px) {
.ref-imageslider .slide {
height: 700px;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-sliderandtext {
margin-bottom: 3em;
position: relative;
}
.ref-sliderandtext .ref-slider {
border-radius: 5px;
}
.ref-sliderandtext .ref-slider .slick-prev, .ref-sliderandtext .ref-slider .slick-next {
z-index: 999;
-webkit-box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
box-shadow: 0 3px 5px 0 rgba(100, 100, 100, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 50px;
height: 50px;
cursor: pointer;
border-radius: 50%;
background-color: #f0f0f0;
}
.ref-sliderandtext .ref-slider .slick-prev:hover, .ref-sliderandtext .ref-slider .slick-next:hover {
background-color: white;
}
.ref-sliderandtext .ref-slider .slick-prev:before {
content: "";
display: block;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short.svg);
width: 50px;
height: 50px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center center;
}
.ref-sliderandtext .ref-slider .slick-prev:before:hover {
-webkit-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
.ref-sliderandtext .ref-slider .slick-prev:hover:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/prev-short-red.svg);
}
.ref-sliderandtext .ref-slider .slick-next:before {
content: "";
display: block;
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short.svg);
width: 50px;
height: 50px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center center;
}
.ref-sliderandtext .ref-slider .slick-next:before:hover {
-webkit-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
.ref-sliderandtext .ref-slider .slick-next:hover:before {
background-image: url(//agentur-heumann.de/wp-content/themes/cdh/assets/next-short-red.svg);
}
.ref-sliderandtext .slide {
border-radius: 5px;
height: 50vh;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.ref-sliderandtext .refslides {
position: relative;
height: 100%;
width: 100%;
}
.ref-sliderandtext .slick-dots {
position: absolute;
display: block;
bottom: 1em;
}
.ref-sliderandtext .slick-dots li {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
-webkit-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.ref-sliderandtext .slick-dots li button {
border-radius: 0;
border: 1px solid #969696;
}
.ref-sliderandtext .slick-dots li button:before {
display: none;
}
.ref-sliderandtext .slick-dots li.slick-active {
background-color: #969696;
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-imageandtext, .stw-imagetext {
margin-bottom: 3em;
}
.ref-imageandtext .imagecontainer, .stw-imagetext .imagecontainer {
margin-bottom: 2em;
}
.ref-imageandtext .image, .stw-imagetext .image {
border-radius: 5px;
width: 100%;
padding-bottom: 100%;
position: relative; background-repeat: no-repeat;
background-position: center center;
}
.ref-imageandtext .content, .stw-imagetext .content {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-size: 0.9em;
line-height: 140%;
}
.ref-imageandtext .content h2, .stw-imagetext .content h2 {
font-size: 1.5em;
}
.ref-imageandtext .content p a, .stw-imagetext .content p a {
color: #e50046;
font-weight: bold;
}
.ref-imageandtext .content p a:hover, .stw-imagetext .content p a:hover {
color: #e50046;
text-decoration: underline;
} @media (min-width: 576px) {
.ref-imageandtext .imagecontainer, .stw-imagetext .imagecontainer {
margin-bottom: 1em;
}
.ref-imageandtext .content h2, .stw-imagetext .content h2 {
font-size: 2em;
}
}
@media (min-width: 1200px) {
.ref-imageandtext, .stw-imagetext {
margin-bottom: 3em;
}
.ref-imageandtext .content, .stw-imagetext .content {
font-size: 1em;
line-height: inherit;
}
.ref-imageandtext .headline h3, .stw-imagetext .headline h3 {
font-size: 1.5em;
}
}h3.headline {
text-align: center;
font-weight: 700;
}
.ref-contactperson .headline {
margin-bottom: 2em;
}
.ref-contactperson .portrait {
margin-bottom: 1em;
min-height: 200px;
width: 100%;
padding-bottom: 100%;
position: relative;
background-size: cover;
background-position: center center;
border-radius: 5px;
}
.ref-contactperson .portrait img {
border-radius: 5px;
}
.ref-contactperson .infos {
margin-bottom: 2em;
}
.ref-contactperson .infos span {
display: block;
color: #4a4a4a;
}
.ref-contactperson .infos span.name {
font-weight: bold;
}
.ref-contactperson .infos span.job, .ref-contactperson .infos span.phone, .ref-contactperson .infos span.email {
font-size: 0.85em;
}
.ref-contactperson .infos span.job {
margin-bottom: 1em;
}
.ref-contactperson .infos span.email a {
color: #4a4a4a;
}
.ref-contactperson .infos span.email a:hover {
color: #e50046;
text-decoration: none;
} @media (min-width: 992px) {
.ref-contactperson .headline {
margin-bottom: 0em;
}
.ref-contactperson .infos {
margin-bottom: 1em;
}
}