:root {
--left-blob: rgb(49, 255, 181);
--right-blob:   rgb(235, 215, 40);
--blob-size: 1000px;
--blur-base: 240px;
--blur-center: 220px;
--opacity: 0.35;
--text: #373f52;
--px: 0;
--py: 0;
--sc: 1;
}
body.page-id-421 section.m34_header_sub,
html.page-id-421 section.m34_header_sub {
overflow: hidden;
}
section.m34_header_sub {
padding-top: 230px;
padding-bottom: 50px;
background: #eaeaea;
}
section.m34_header_sub + section {
background: transparent;
}
section.m34_header_sub .container {
margin: 0 auto;
}
section.m34_header_sub .container,
section.m34_header_sub .mM_container {
position: relative;
z-index: 1;
}
section.m34_header_sub .m34_header_sub_main.top {
margin-bottom: -12px;
}
section.m34_header_sub .m34_titel_container {
max-width: 1100px;
}
section.m34_header_sub .sub_blob {
position: absolute; width: var(--blob-size);
height: var(--blob-size); transform: translate3d(calc(-50% + var(--px, 0px)), calc(-50% + var(--py, 0px)), 0) scale(var(--sc, 1));
pointer-events: none;
opacity: var(--opacity);
filter: blur(var(--blur-base)) contrast(1.2);
background: radial-gradient(circle at 50% 50%, var(--color) 0%, rgba(255,255,255,0) 70%); will-change: transform, filter;
transition: filter .4s ease;
backface-visibility: hidden;
isolation: isolate;
z-index: 0;
}
section.m34_header_sub .sub_blob_left {
--color: var(--left-blob);
top: -600px;
left: -600px;
}
section.m34_header_sub .sub_blob_right {
--color: var(--right-blob);
top: -400px;
right: -400px;
}
@media screen and (max-width: 1399px) {
section.m34_header_sub .m34_header_sub_main.top {
margin-bottom: 20px;
}
section.m34_header_sub .m34_titel_container h1 {
font-size: 7.5rem;
}
}
@media screen and (max-width: 991px) {
section.m34_header_sub .m34_titel_container h1 {
font-size: 6rem;
}
section.m34_header_sub {
padding-top: 150px;
padding-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
section.m34_header_sub .m34_titel_container h1 {
font-size: 4.5rem;
}
}
@media screen and (max-width: 575px) {
section.m34_header_sub .m34_titel_container h1 {
font-size: 4rem;
}
section.m34_header_sub {
padding-top: 120px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 475px) {
section.m34_header_sub .m34_titel_container h1 {
font-size: 3rem;
}
}
@media screen and (max-width: 375px) {
section.m34_header_sub .m34_titel_container h1 {
font-size: 2.5rem;
}
}