@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Light.ttf) format('truetype');
font-weight: 300; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Medium.ttf) format('truetype');
font-weight: 500; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-SemiBold.ttf) format('truetype');
font-weight: 600; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700; font-style: normal;
}
body{
color:#222D57;
font-family: 'Roboto', sans-serif;
font-weight:300;
overflow-x:hidden;
} .text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 4vw, 20px);
line-height: clamp(22px, 4.5vw, 32px);
}
@media (max-width: 1024px) {
.text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 3.5vw, 16px);
line-height: clamp(20px, 4vw, 28px);
}
}
@media (max-width: 768px) {
.text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 3vw, 16px);
line-height: clamp(22px, 3.5vw, 26px);
}
}
.topline {
font-size: clamp(12px, 4vw, 20px);
line-height:normal;
font-weight:600;
letter-spacing:0.1rem;
text-transform:uppercase;
}
.headline-1,h1 {
font-size: clamp(30px, 5vw, 90px);
line-height:normal;
font-weight:700;
}
.headline-1 {
margin-left:-2px;
}
@media only screen and (min-width: 1350px) {
.headline-1 {
margin-left:-5px;
}
}
.headline-2,h2 {
font-size: clamp(26px, 5vw, 55px);
line-height:normal;
font-weight:600;
}
.headline-3,h3 {
font-size: clamp(20px, 5vw, 30px);
line-height:normal;
font-weight:600;
}
@media (max-width: 1024px) {
.headline-3 {
font-size: clamp(18px, 3.5vw, 22px);
}
}    @media (max-width: 1400px) {
.et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
display: flex;
float: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
display: none;
}
.et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
justify-content: flex-end;
}
.et_mobile_menu {
list-style-type:none !important;
top:100%;
}
} .home #mlhead {
width: 100%;
background-color: transparent;
transition: background-color 0.3s ease-in-out;
position:fixed;
}
#mlhead {
width: 100%;
background-color:#222d57;
transition: background-color 0.3s ease-in-out;
position:relative;
}
.scrolled #mlhead {
width: 100%;
background-color:#222d57;
transition: background-color 0.3s ease-in-out;
position:fixed;
}
.scrolled #mlhead {
background-color: #222d57;
opacity: 1;
}
header a {
color: #fff!important;
border-bottom: 1px solid transparent;
font-weight:500;
}
header a:hover,
header a:focus,
header a:active {
color: #fff!important;
}
#page-hero a {
color:#fff;
} .et_pb_menu__logo-wrap {
width: 230px !important;
transition: all 0.3s ease-in-out;
z-index: 999999;
position: relative;
}
.scrolled .et_pb_menu__logo-wrap {
width: 120px !important;
transition: all 0.3s ease-in-out;
z-index: 999999;
position: relative;
}
.home #menu-navigation {
display: flex;
height: auto;
justify-content: center;
text-transform: uppercase;
letter-spacing: 2px;
align-items: center;
margin-top: 0;
transform: translateY(-200px)!important;
transition: transform 0.3s ease-in-out;
gap:50px;
}
#menu-navigation {
display: flex;
height: auto;
justify-content: center;
text-transform: uppercase;
letter-spacing: 2px;
align-items: center;
margin-top: 0;
transform: translateY(0)!important;
transition: transform 0.3s ease-in-out;
gap:50px;
}
.scrolled #menu-navigation {
transform: translateY(0)!important;
}
.scrolled #mlhead .et_pb_row {
padding: 0;
}
a.__mPS2id {
border-bottom: 1px solid transparent;
}
a.__mPS2id._mPS2id-h.mPS2id-clicked.mPS2id-highlight {
border-bottom: 1px solid #fff;
}
a.mPS2id-highlight {
border-bottom: 1px solid #fff;
}
.et_pb_menu__menu > nav > ul > li > a {
padding: 0!important;
padding-bottom: 10px!important;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li {
align-items: flex-end;
}
.et_pb_menu .et-menu > li {
padding-bottom: 0px;
transition: all 0.3s ease-in-out;
}
.scrolled .et_pb_menu .et-menu > li {
padding-bottom: 0;
transition: all 0.3s ease-in-out;
}
#mlnav {
width: 100%;
}
#mlnav .et_pb_menu__wrap {
justify-content: flex-end;
} .et_pb_row {
max-width:1660px;
} .mobile_nav.opened #mobile_menu1 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: #222d57!important;
border-top: 3px solid #222d57;
}
.mobile_nav.opened #mobile_menu1 .menu-item {
display: block;
width: auto;
margin: 0 auto;
text-align: center;
}
.et_pb_menu .mobile_menu_bar {
position: relative !important;
z-index: 100000 !important;
}
.et_pb_menu .mobile_menu_bar:before {
color: #fff !important;
}
.et_pb_menu .opened .mobile_menu_bar:before {
content: "\4d" !important;
color: #fff !important;
display: inline-block;
transform: rotate(180deg);
transition: transform 0.3s ease, color 0.3s ease;
}
.et_pb_menu .mobile_menu_bar:hover:before {
color: #fff !important;
transform: rotate(360deg);
}
.et_mobile_menu li a {
font-size: 1.3rem!important;
font-weight:300;
padding:10px 0;	
} @media only screen and (min-width: 1350px) {
.home .et_pb_section {
padding: 75px 0px;
}
}
.kompetenz-grid {
display:flex;
gap: 10px;
padding: 0 !important;
margin-bottom: 10px;
}
.kompetenz-grid .et_pb_column {
padding:75px 95px 75px 95px;
color:#fff;
margin:0!important;
width:100%!important;
}
.kompetenz-grid p {
max-width: 45ch;
}
.section-nr {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
color:#222D57;	
overflow:hidden;
font-weight:bold;
line-height:1;
font-size:1.2rem;
}
.section-nr.et_pb_column {
width:90px!important;
}
.section-nr .et_pb_divider::before {
border-top-width: 5px;
width:75px;
}
.section-title-wrapper {width:100%!important;
}
.push-left-right {
padding-left:85px!important;
padding-right:85px!important;
}
.push-left {
padding-left:85px !important;
}
@media all and (max-width: 1280px) {
.kompetenz-grid .et_pb_column { padding:45px;}
body {	
font-size: 1rem!important;
}
.medium-title {
font-size:1.5rem;
}
.section-title {
font-size:2rem;
}
.et_pb_menu__logo-wrap {
width: 190px !important;
}
}	
@media all and (max-width: 1024px) {
.push-left-right {
padding: 0!important;
}
.push-left {
padding: 0!important;
}
.section-title.ueber-mich {
padding-left:0px;
}
}
@media all and (max-width: 768px) {
.kompetenz-grid { flex-direction:column;}
.et_pb_menu__logo-wrap {
width: 140px !important;
}
.scrolled #mlhead .et_pb_row {
padding:0px;
}
.ico-leistung {
max-width:90px!important
}
.kompetenz-grid .et_pb_column { padding:40px;}
.push-left-right {
padding: 0!important;
}
.push-left {
padding: 0!important;
}
} .wpcf7 label {
margin-bottom: 20px;
display: block;
width: 100%;
} 
input.wpcf7-form-control {
width: 100%;
border:none;
border-bottom:1px solid #222D57;
margin-bottom:10px;
border-radius:0;
background-color:transparent;
}
textarea.wpcf7-form-control {
width: 100%;
border:none;
border-bottom:1px solid #222D57;
margin-bottom:10px;
border-radius:0;
background-color:transparent;	
height:150px;
}
.wpcf7 span.wpcf7-list-item {
margin: 0;
padding: 2.5% 0;
}
.wpcf7-list-item-label a {
color:#222D57;
text-decoration:underline;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: auto;
border: none;
}
span.wpcf7-not-valid-tip {
position: absolute;
width: 100% !important;
left: 0;
color: red;
top: 0px;
text-align:right;
font-weight:300!important;
font-size:80%;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
input[type="checkbox"] {
position: relative;
top: 4px;
margin-right: 10px;
}
.wpcf7-list-item input[type='checkbox']:after,
.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:after,
.wpcf7-list-item input[type='radio']:checked:after {
width: 20px;
height: 20px;
border-radius: 20px;
position: relative;
background-color: transparent;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #222D57;
}
.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:checked:after {
background-color: #222D57;
}
.wpcf7 .wpcf7-submit {
background: #222D57;
color: #fff;
padding: clamp(5px, 0.52vw, 5px) clamp(15px, 1.5vw, 30px)!important; border-radius: 99px;
cursor:pointer;
border:1px solid #222D57!important;
}
.wpcf7 .wpcf7-submit:hover {
background: #fff;
color: #222D57;
border:1px solid #222D57!important;
}
.wpcf7 input[type="checkbox"] {
height: 50px;
float: left;
} .wpcf7 form .wpcf7-response-output {
border-color: #222D57!important;
} .et_pb_scroll_top.et-pb-icon {
text-align: center;
background: #222D57; background-image: url(//matthiaslalla.de/wp-content/uploads/2025/03/nach_oben.svg);
background-size: 90%; background-repeat: no-repeat;
background-position: center;
text-decoration: none;
position: fixed;
z-index: 99999;
bottom: 50px;
right: 50px;
border-radius: 99px;
font-size: 30px;
padding: 5px;
height:35px;
width:35px;
}
.et_pb_scroll_top.et-pb-icon::before {
content:'';
}
@media all and (max-width: 768px) {
.et_pb_scroll_top.et-pb-icon {
bottom: 20px;
right: 20px;
}}@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Light.ttf) format('truetype');
font-weight: 300; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Medium.ttf) format('truetype');
font-weight: 500; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-SemiBold.ttf) format('truetype');
font-weight: 600; font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//matthiaslalla.de/wp-content/themes/mala/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700; font-style: normal;
}
body{
color:#222D57;
font-family: 'Roboto', sans-serif;
font-weight:300;
overflow-x:hidden;
} .text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 4vw, 20px);
line-height: clamp(22px, 4.5vw, 32px);
}
@media (max-width: 1024px) {
.text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 3.5vw, 16px);
line-height: clamp(20px, 4vw, 28px);
}
}
@media (max-width: 768px) {
.text,.wpcf7 .wpcf7-submit,.wpcf7 label,.wpcf7-form-control{
font-size: clamp(14px, 3vw, 16px);
line-height: clamp(22px, 3.5vw, 26px);
}
}
.topline {
font-size: clamp(12px, 4vw, 20px);
line-height:normal;
font-weight:600;
letter-spacing:0.1rem;
text-transform:uppercase;
}
.headline-1,h1 {
font-size: clamp(30px, 5vw, 90px);
line-height:normal;
font-weight:700;
}
.headline-1 {
margin-left:-2px;
}
@media only screen and (min-width: 1350px) {
.headline-1 {
margin-left:-5px;
}
}
.headline-2,h2 {
font-size: clamp(26px, 5vw, 55px);
line-height:normal;
font-weight:600;
}
.headline-3,h3 {
font-size: clamp(20px, 5vw, 30px);
line-height:normal;
font-weight:600;
}
@media (max-width: 1024px) {
.headline-3 {
font-size: clamp(18px, 3.5vw, 22px);
}
}    @media (max-width: 1400px) {
.et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
display: flex;
float: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
display: none;
}
.et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
justify-content: flex-end;
}
.et_mobile_menu {
list-style-type:none !important;
top:100%;
}
} .home #mlhead {
width: 100%;
background-color: transparent;
transition: background-color 0.3s ease-in-out;
position:fixed;
}
#mlhead {
width: 100%;
background-color:#222d57;
transition: background-color 0.3s ease-in-out;
position:relative;
}
.scrolled #mlhead {
width: 100%;
background-color:#222d57;
transition: background-color 0.3s ease-in-out;
position:fixed;
}
.scrolled #mlhead {
background-color: #222d57;
opacity: 1;
}
header a {
color: #fff!important;
border-bottom: 1px solid transparent;
font-weight:500;
}
header a:hover,
header a:focus,
header a:active {
color: #fff!important;
}
#page-hero a {
color:#fff;
} .et_pb_menu__logo-wrap {
width: 230px !important;
transition: all 0.3s ease-in-out;
z-index: 999999;
position: relative;
}
.scrolled .et_pb_menu__logo-wrap {
width: 120px !important;
transition: all 0.3s ease-in-out;
z-index: 999999;
position: relative;
}
.home #menu-navigation {
display: flex;
height: auto;
justify-content: center;
text-transform: uppercase;
letter-spacing: 2px;
align-items: center;
margin-top: 0;
transform: translateY(-200px)!important;
transition: transform 0.3s ease-in-out;
gap:50px;
}
#menu-navigation {
display: flex;
height: auto;
justify-content: center;
text-transform: uppercase;
letter-spacing: 2px;
align-items: center;
margin-top: 0;
transform: translateY(0)!important;
transition: transform 0.3s ease-in-out;
gap:50px;
}
.scrolled #menu-navigation {
transform: translateY(0)!important;
}
.scrolled #mlhead .et_pb_row {
padding: 0;
}
a.__mPS2id {
border-bottom: 1px solid transparent;
}
a.__mPS2id._mPS2id-h.mPS2id-clicked.mPS2id-highlight {
border-bottom: 1px solid #fff;
}
a.mPS2id-highlight {
border-bottom: 1px solid #fff;
}
.et_pb_menu__menu > nav > ul > li > a {
padding: 0!important;
padding-bottom: 10px!important;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li {
align-items: flex-end;
}
.et_pb_menu .et-menu > li {
padding-bottom: 0px;
transition: all 0.3s ease-in-out;
}
.scrolled .et_pb_menu .et-menu > li {
padding-bottom: 0;
transition: all 0.3s ease-in-out;
}
#mlnav {
width: 100%;
}
#mlnav .et_pb_menu__wrap {
justify-content: flex-end;
} .et_pb_row {
max-width:1660px;
} .mobile_nav.opened #mobile_menu1 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: #222d57!important;
border-top: 3px solid #222d57;
}
.mobile_nav.opened #mobile_menu1 .menu-item {
display: block;
width: auto;
margin: 0 auto;
text-align: center;
}
.et_pb_menu .mobile_menu_bar {
position: relative !important;
z-index: 100000 !important;
}
.et_pb_menu .mobile_menu_bar:before {
color: #fff !important;
}
.et_pb_menu .opened .mobile_menu_bar:before {
content: "\4d" !important;
color: #fff !important;
display: inline-block;
transform: rotate(180deg);
transition: transform 0.3s ease, color 0.3s ease;
}
.et_pb_menu .mobile_menu_bar:hover:before {
color: #fff !important;
transform: rotate(360deg);
}
.et_mobile_menu li a {
font-size: 1.3rem!important;
font-weight:300;
padding:10px 0;	
} @media only screen and (min-width: 1350px) {
.home .et_pb_section {
padding: 75px 0px;
}
}
.kompetenz-grid {
display:flex;
gap: 10px;
padding: 0 !important;
margin-bottom: 10px;
}
.kompetenz-grid .et_pb_column {
padding:75px 95px 75px 95px;
color:#fff;
margin:0!important;
width:100%!important;
}
.kompetenz-grid p {
max-width: 45ch;
}
.section-nr {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
color:#222D57;	
overflow:hidden;
font-weight:bold;
line-height:1;
font-size:1.2rem;
}
.section-nr.et_pb_column {
width:90px!important;
}
.section-nr .et_pb_divider::before {
border-top-width: 5px;
width:75px;
}
.section-title-wrapper {width:100%!important;
}
.push-left-right {
padding-left:85px!important;
padding-right:85px!important;
}
.push-left {
padding-left:85px !important;
}
@media all and (max-width: 1280px) {
.kompetenz-grid .et_pb_column { padding:45px;}
body {	
font-size: 1rem!important;
}
.medium-title {
font-size:1.5rem;
}
.section-title {
font-size:2rem;
}
.et_pb_menu__logo-wrap {
width: 190px !important;
}
}	
@media all and (max-width: 1024px) {
.push-left-right {
padding: 0!important;
}
.push-left {
padding: 0!important;
}
.section-title.ueber-mich {
padding-left:0px;
}
}
@media all and (max-width: 768px) {
.kompetenz-grid { flex-direction:column;}
.et_pb_menu__logo-wrap {
width: 140px !important;
}
.scrolled #mlhead .et_pb_row {
padding:0px;
}
.ico-leistung {
max-width:90px!important
}
.kompetenz-grid .et_pb_column { padding:40px;}
.push-left-right {
padding: 0!important;
}
.push-left {
padding: 0!important;
}
} .wpcf7 label {
margin-bottom: 20px;
display: block;
width: 100%;
} 
input.wpcf7-form-control {
width: 100%;
border:none;
border-bottom:1px solid #222D57;
margin-bottom:10px;
border-radius:0;
background-color:transparent;
}
textarea.wpcf7-form-control {
width: 100%;
border:none;
border-bottom:1px solid #222D57;
margin-bottom:10px;
border-radius:0;
background-color:transparent;	
height:150px;
}
.wpcf7 span.wpcf7-list-item {
margin: 0;
padding: 2.5% 0;
}
.wpcf7-list-item-label a {
color:#222D57;
text-decoration:underline;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: auto;
border: none;
}
span.wpcf7-not-valid-tip {
position: absolute;
width: 100% !important;
left: 0;
color: red;
top: 0px;
text-align:right;
font-weight:300!important;
font-size:80%;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
input[type="checkbox"] {
position: relative;
top: 4px;
margin-right: 10px;
}
.wpcf7-list-item input[type='checkbox']:after,
.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:after,
.wpcf7-list-item input[type='radio']:checked:after {
width: 20px;
height: 20px;
border-radius: 20px;
position: relative;
background-color: transparent;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #222D57;
}
.wpcf7-list-item input[type='checkbox']:checked:after,
.wpcf7-list-item input[type='radio']:checked:after {
background-color: #222D57;
}
.wpcf7 .wpcf7-submit {
background: #222D57;
color: #fff;
padding: clamp(5px, 0.52vw, 5px) clamp(15px, 1.5vw, 30px)!important; border-radius: 99px;
cursor:pointer;
border:1px solid #222D57!important;
}
.wpcf7 .wpcf7-submit:hover {
background: #fff;
color: #222D57;
border:1px solid #222D57!important;
}
.wpcf7 input[type="checkbox"] {
height: 50px;
float: left;
} .wpcf7 form .wpcf7-response-output {
border-color: #222D57!important;
} .et_pb_scroll_top.et-pb-icon {
text-align: center;
background: #222D57; background-image: url(//matthiaslalla.de/wp-content/uploads/2025/03/nach_oben.svg);
background-size: 90%; background-repeat: no-repeat;
background-position: center;
text-decoration: none;
position: fixed;
z-index: 99999;
bottom: 50px;
right: 50px;
border-radius: 99px;
font-size: 30px;
padding: 5px;
height:35px;
width:35px;
}
.et_pb_scroll_top.et-pb-icon::before {
content:'';
}
@media all and (max-width: 768px) {
.et_pb_scroll_top.et-pb-icon {
bottom: 20px;
right: 20px;
}}