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;
}
.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-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-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;
} .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;
}
}