section.text.spalten-eine .cont { width: 66.21%;
}
section {
position: relative;
}
section.header {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 60px !important;
}
section.header + section {
margin-top: 60px !important;
}
section.header img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.header,
section.header .img,
section.header .text-layer {
height: 400px;
}
section.header.layout-hoch,
section.header.layout-hoch .img,
section.header.layout-hoch .text-layer {
height: 600px;
}
section.header .text-layer {
position: absolute;
top:0;
left:50%;
right:0;
background-color: rgba(219, 60, 54, 0.6);
color:#fff;
display: flex;
flex-direction:column;
justify-content:center;
}
section.header .text-layer .text {
width: 544px;
max-width:100%;
padding: 1em 0 1em 93px;
}
section.header h1 {
font-weight: normal;
font-size: 45px;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0.2em;
}
section.header h2,
section.header h3,
section.header h4,
section.header h5,
section.header h6 {
font-size: 20px;
font-weight: bold;
line-height: 1.2;
margin-bottom:0.7em;
}
section.bild-text {
display: flex;
justify-content: space-between;
}
section.bild-text > * {
flex: 0 1 49.32%;
}
section.bild-text > .img {
flex-basis: 40.85%;
position: relative;
}
section.bild-text.layout-bild-rechts .text {
order: 1; }
section.bild-text.layout-bild-rechts .img {
order: 2;
}
section.bild-text.fit-img .img,
section.bild-text.has-svg .img {
background:#eee;
height: 338px;
padding: 0.7em;
}
section.bild-text.fit-img .img img,
section.bild-text.has-svg .img img {
width: 100%;
height: 100%;
object-fit:contain;
}
.fliesstext li {
font-weight: bold;
padding: 0.41em 0 0.41em 1.43em;
position: relative;
}
.fliesstext li:before {
content:"";
background: #db3c36;
width:3px; height: 3px;
position: absolute;
top:1.05em;
left:0;
}
.fliesstext p:not(:last-child) {
margin-bottom: 1em;
}
.fliesstext strong {
font-weight: bold;
}
.fliesstext table tr,
.fliesstext table th,
.fliesstext table td {
vertical-align: top;
}
.fliesstext table tr td:last-child {
width:80%;
}
.fliesstext h1.rot,
.fliesstext h2.rot,
.fliesstext h3.rot,
.fliesstext h4.rot,
.fliesstext h5.rot,
.fliesstext h6.rot {
font-size: 20px;
font-weight: 800;
line-height: 1.1;
color: #db3c36;
margin-bottom: 1em;
margin-top: 1.5em;
}
.fliesstext h1.rot-bigger,
.fliesstext h2.rot-bigger,
.fliesstext h3.rot-bigger,
.fliesstext h4.rot-bigger,
.fliesstext h5.rot-bigger,
.fliesstext h6.rot-bigger {
font-size: 30px;
font-weight: 800;
line-height: 1.1;
color: #db3c36;
margin-top: 1.0em;
margin-bottom: 0.5em;
}
img.is-svg {
width:auto; height:auto;
}
section.slider .introtext {
width: 57.77%;
margin-bottom: 2.14em;
}
section.slider .slides {
display: flex;
width: calc(100% + 7.5px + 7.5px);
margin-left:-7.5px;
position: relative;
}
section.slider.slides-3 .slides {
width: calc(100% + 11px + 11px);
margin-left:-11px;
}
section.slider.slides-3 .slide {
flex: 0 1 33.33%;
}
section.slider.slides-2 .slide {
flex: 0 1 50%;
}
section.slider .slide img {
width:100%; height:auto;
}
section.slider .slide .img + .text {
padding-top: 1.1em;
}
section.slider .slide.bg-grau .text {
background: #898989;
}
section.slider .slide.bg-rot .text {
background: #db3c36;
}
section.slider .slide.bg-grau .text,
section.slider .slide.bg-rot .text {
color:#fff; padding: 11.76% 17.1%;
}
blockquote {
margin:0;padding:0;
}
section a.linkWrap {
position: absolute;
top:0;left:0;right:0;bottom:0;
cursor: pointer;
}
section a.linkWrap.lightbox {
background-color: rgba(219, 60, 54, 0.6);
}
section a.linkWrap.lightbox:after {
content:"";
background: url(https://www.engelprofile.de/wp-content/themes/engel-profile/img/play-imagevideo.svg);
width: 84px;
height:102px;
display: block;
position: absolute;
top: 50%;left:50%;
transform: translate(-50%, -50%);
}
section.header,
section.slider .slide .img,
section.slider .slide,
section.slider .slide .text {
position:relative;
}
section.slider .slide blockquote {
font-size: 20px;
font-weight: normal;
line-height: 1.17;
position:static;
}
section.slider .slide blockquote:not(:last-child) {
margin-bottom: 0.5em;
}
section.slider .slide blockquote:after {
font-size: 160px;
font-weight: 800;
line-height: 1;
color: #ffffff;
content:'„';
display: block;
position: absolute;
top:-0.45em;right:2px;
}
section.slider.slides-3 .slide blockquote:after {
font-size: 120px;
}
section.slider .slide .fliesstext h4,
section.slider .slide .fliesstext h5,
section.slider .slide .fliesstext h6 {
font-size: 20px;
font-weight: bold;
line-height: 1.1;
margin-bottom: 0.3em;
margin-top:0;
}
section.slider .slide {
display: none;
}
section.slider.slides-3 .slide:nth-child(1),
section.slider.slides-3 .slide:nth-child(2),
section.slider.slides-3 .slide:nth-child(3),
section.slider.slides-2 .slide:nth-child(1),
section.slider.slides-2 .slide:nth-child(2) {
display: block;
}
section.slider .slide .cont {
padding:0 7.5px;
}
section.slider.slides-3 .slide .cont {
padding:0 11px;
}
section.slider.opt-bg .slides:after {
content:"";
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left:50%;
width: 100vw;
height: 151px;
background: #db3c36;
z-index:1;
}
section.slider.opt-bg .slick-slider .slick-list,
section.slider.opt-bg .slides .slide {
z-index: 2;
}
section.slider.has-bg-slides .slide .cont,
section.slider.opt-differing-images .slide .cont,
section.slider.opt-differing-images .slide .cont .img {
height:100%;
}
section.slider.opt-differing-images .slide .cont .img {
background: #eee;
}
section.slider.opt-differing-images .text {
display: none;
}
section.slider.opt-differing-images .slide img {
width:100%;height:100%;
object-fit: contain;
}
section.slider.has-bg-slides .cont {
height:100%;
display: flex;
flex-direction: column;
}
section.slider.has-bg-slides .cont .img {
flex: 0 0 auto;
}
section.slider.has-bg-slides .cont .text {
flex: 1 0 auto;
}
section.slider.has-bg-slides .slick-initialized .slick-track,
section.slider.opt-differing-images .slick-initialized .slick-track{
display: flex;
}
section.slider.has-bg-slides .slick-slide,
section.slider.opt-differing-images .slick-slide {
display: flex;
height: auto; }
.fliesstext a {
color: #db3c36;
font-weight: bold;
text-decoration: underline;
}
.fliesstext a.cta-button {
display: inline-block;	
font-weight: bold;
line-height: normal;
color: #ffffff;
background-color: #525252;
text-decoration: none;
padding: 0.857em 2.07em 0.786em 2.07em;
margin-top: 1em;
margin-bottom: 2.14em;
transition: background 150ms ease;
}
.fliesstext a.cta-button:hover {
background: #db3c36;
}
.fliesstext h4,
.fliesstext h5,
.fliesstext h6 {
font-weight: bold;
margin-top: 1em;
margin-bottom:0;
}
.fliesstext h4:first-child,
.fliesstext h5:first-child,
.fliesstext h6:first-child {
margin-top: 0;
}
section.text.spalten-zwei .cont,
section.text.spalten-drei .cont {
display: flex;
justify-content: space-between;
}
section.text.spalten-zwei .cont > * {
flex: 0 1 49.27%;
}
section.text.spalten-drei .cont > :first-child {
flex: 0 1 23.82%;
}
section.text.spalten-drei .cont > :nth-child(2) {
flex: 0 1 32.42%;
}
section.text.spalten-drei .cont > :last-child {
flex: 0 1 40.86%;
}