section.m35_title_image {
margin-top: var(--color_box_pos_top);
}
section.m35_title_image.dark,
section.m35_title_image.light {
background: transparent;
}
section.m35_title_image.dark .mM_container,
section.m35_title_image.light .mM_container {
position: relative;
}
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
content: '';
position: absolute;
left: calc(var(--color_box_pos_left) * -1);
top: var(--color_box_pos_top);
width: 100%;
height: 100%;
background: #374052;
}
section.m35_title_image .m35_title_image_main {
position: relative;
z-index: 2;
}
section.m35_title_image .mM_row {
justify-content: space-between;
}
section.m35_title_image .flex_row_reverse {
flex-direction: row-reverse;
}
section.m35_title_image .m35_content_wrapper {
display: flex;
align-items: center;
padding-top: 75px;
}
section.m35_title_image .m35_galerie_wrapper {
max-height: 800px;
}
section.m35_title_image .m35_galerie_container,
section.m35_title_image .m35_galerie_item {
height: 100%;
}
section.m35_title_image .m35_galerie_item {
margin-top: -75px;
border-radius: 20px;
position: relative;
}
section.m35_title_image .m35_galerie_item:before {
content: "";
position: absolute;
inset: 5px 0 -10px -10px;
border-radius: 40px;
background: radial-gradient(
circle at 50% 40%,
#F8FF8A 0%,
#CFFF5E 20%,
#e3fd6a 30%,
#7AE9FF 50%,
#a071d9 70%,
#FF4FF7 100%
);
background-size: 300% 300%;
animation: glowPulse 5s ease-in-out infinite;
filter: blur(10px);
opacity: 0.9;
z-index: -1;
}
section.m35_title_image .m35_image {
border-radius: 20px;
}
section.m35_title_image .m35_titel {
font-size: 6.063rem;
text-transform: uppercase;
background: linear-gradient(
-45deg,
#deaaf0,
#e6acf4,
#caf2cc,
#deaaf0
);
background-size: 400% 400%;
animation: diagonalFlow 10s ease-in-out infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
line-height: 1.07;
padding-top: 3px;
}
section.m35_title_image .m35_links_container {
margin-top: 95px;
}
section.m35_title_image.just_text {
background: url(//www.mediameans.de/wp-content/themes/BLUEtheWEB-child/img/services_idea_first_background.png) no-repeat;
background-size: cover;
padding: 125px 0 108px;
margin-top: 0;
}
section.m35_title_image.just_text .mM_container:after {
content: none;
}
section.m35_title_image.just_text .flex_row_reverse {
flex-direction: row;
}
section.m35_title_image.just_text .m35_text_container * {
font-size: 2.325rem;
color: rgba(255, 255, 255, .2);
line-height: 1;
transition: color 350ms ease;
will-change: color;
}
section.m35_title_image.just_text .m35_text_container_inner.is-active > *{
color: rgba(255, 255, 255, 1);
}
@media (prefers-reduced-motion: reduce){
section.m35_title_image.just_text .m35_text_container_inner > *{
transition: none;
}
}
section.m35_title_image.just_text .m35_content_wrapper {
padding-top: 0;
}
section.m35_title_image.just_text .m35_titel_container {
max-width: 620px;
}
section.m35_title_image.just_text .m35_text_container_inner:first-child {
max-width: 1050px;
}
section.m35_title_image.just_text .m35_text_container_inner:not(:first-child) {
margin-top: 35px;
}
section.m35_title_image.just_text .m35_text_container_inner:last-child {
max-width: 1270px;
}
section.m35_title_image.just_text .m35_text_container_inner:last-child p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
section.m35_title_image.just_text .m35_titel {
font-size: 4.063rem;
}
@media all and (max-width: 2199px) {
section.m35_title_image .m35_titel {
font-size: 4.963rem;
}
}
@media all and (max-width: 1920px) {
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
height: calc(100% + 65px);
top: calc(var(--color_box_pos_top) - 75px);
}
section.m35_title_image .m35_titel {
font-size: 4.5625rem;
}
section.m35_title_image .m35_galerie_wrapper {
max-height: 551px;
}
section.m35_title_image .m35_content_wrapper {
padding-top: 100px;
}
}
@media all and (max-width: 1849px) {
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 4.163rem;
}
}
@media all and (max-width: 1599px) {
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 3.463rem;
}
}
@media all and (max-width: 1399px) {
section.m35_title_image:not(.just_text) .m35_content_wrapper {
width: calc(66.6666% - 10px);
}
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
width: calc(100% + 100px);
}
section.m35_title_image .m35_links_container {
margin-top: 50px;
}
section.m35_title_image .m35_content_wrapper {
padding-top: 75px;
}
}
@media all and (max-width: 1199px) {
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
width: 100%;
}
section.m35_title_image.just_text {
padding: 75px 0;
}
}
@media all and (max-width: 991px) {
section.m35_title_image {
margin-top: 0;
}
section.m35_title_image:not(.just_text) .m35_content_wrapper {
width: 100%;
}
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
height: 50%;
top: 0;
}
section.m35_title_image .m35_content_wrapper {
width: 100%;
order: 1;
padding-top: 55px;
}
section.m35_title_image .m35_galerie_wrapper {
order: 2;
margin: 0 auto; margin-top: 54px;
}
section.m35_title_image .m35_galerie_item {
margin-top: 0;
}
section.m35_title_image .m35_links_container {
margin-top: 38px;
}
section.m35_title_image.just_text .m35_text_container * {
font-size: 2rem;
}
}
@media all and (max-width: 767px) {
section.m35_title_image.dark .mM_container:after,
section.m35_title_image.light .mM_container:after {
width: calc(100% + 2 * var(--color_box_pos_left));
height: calc(50% + 75px);
}
section.m35_title_image .m35_galerie_wrapper {
width: 85%;
}
section.m35_title_image.just_text .m35_text_container * {
font-size: 1.625rem;
}
}
@media all and (max-width: 575px) {
section.m35_title_image .m35_galerie_wrapper {
width: calc(100% - 40px);
}
section.m35_title_image.just_text .m35_titel_container {
max-width: 520px;
}
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 2.888rem;
}
section.m35_title_image.just_text {
padding: 60px 0;
}
}
@media all and (max-width: 500px) {
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 2.588rem;
}
}
@media all and (max-width: 450px) {
section.m35_title_image.just_text .m35_titel_container {
max-width: 350px;
}
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 2.1875rem;
}
}
@media all and (max-width: 375px) {
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 1.8875rem;
}
section.m35_title_image.just_text .m35_text_container * {
font-size: 1.3rem;
}
}
@media all and (max-width: 330px) {
section.m35_title_image.just_text .m35_titel_container {
max-width: 250px;
}
section.m35_title_image .m35_titel,
section.m35_title_image.just_text .m35_titel {
font-size: 1.488rem;
}
}
@keyframes glowPulse {
0%   { transform: scale(1);   opacity: .6; }
50%  { transform: scale(1.05); opacity: .9; }
100% { transform: scale(1);   opacity: .6; }
}
@keyframes diagonalFlow {
0% { background-position: 0% 0%; }
50% { background-position: 100% 100%; }
100% { background-position: 0% 0%; }
}