@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-100italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-300italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-500italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-700italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.eot); src: local(''),
url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.eot?#iefix) format('embedded-opentype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.woff2) format('woff2'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.woff) format('woff'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.ttf) format('truetype'), url(https://www.metallbaumeyer.de/fonts/roboto/roboto-v30-latin-900italic.svg#Roboto) format('svg'); }
html, body, body.page, h1, h2, h3, h4, h5, h6 { 
font-family: Roboto, Helvetica, Arial, Verdana, sans-serif !important;
} *, input, select, textarea, option, button, a, a:link, a:visited, input[type="submit"] {
outline: none!important;
}
html, body, body.page {
font-family: var(--the7-base-font-family) ;
word-spacing: normal;
color: var(--the7-base-color);
line-height: var(--the7-base-line-height);
}
#main {
min-height: 700px;
}
h1 {
color: var( --the7-title-color);
font-family: var( --the7-h1-font-family );
font-size: var(--the7-h1-font-size );
font-weight: var( --the7-h1-font-weight );
text-transform: var( --the7-h1-text-transform );
font-style: var( --the7-h1-font-style );
line-height: var( --the7-h1-line-height );
}
h2 {
color: var( --the7-title-color);
font-family: var( --the7-h2-font-family );
font-size: var(--the7-h2-font-size );
font-weight: var( --the7-h2-font-weight );
text-transform: var( --the7-h2-text-transform );
font-style: var( --the7-h2-font-style );
line-height: var( --the7-h2-line-height );
}
h3 {
color: var( --the7-title-color);
font-family: var( --the7-h3-font-family );
font-size: var(--the7-h3-font-size );
font-weight: var( --the7-h3-font-weight );
text-transform: var( --the7-h3-text-transform );
font-style: var( --the7-h3-font-style );
line-height: var( --the7-h3-line-height );
}
h4 {
color: var( --the7-title-color);
font-family: var( --the7-h4-font-family );
font-size: var(--the7-h4-font-size );
font-weight: var( --the7-h4-font-weight );
text-transform: var( --the7-h4-text-transform );
font-style: var( --the7-h4-font-style );
line-height: var( --the7-h4-line-height );
}
h5 {
color: var( --the7-title-color);
font-family: var( --the7-h5-font-family );
font-size: var(--the7-h5-font-size );
font-weight: var( --the7-h5-font-weight );
text-transform: var( --the7-h5-text-transform );
font-style: var( --the7-h5-font-style );
line-height: var( --the7-h5-line-height );
}
h6 {
color: var( --the7-title-color);
font-family: var( --the7-h6-font-family );
font-size: var(--the7-h6-font-size );
font-weight: var( --the7-h6-font-weight );
text-transform: var( --the7-h6-text-transform );
font-style: var( --the7-h6-font-style );
line-height: var( --the7-h6-line-height );
}  #page {   }
#main::before {
content: ' ';
display: block;
background-image: url(https://www.metallbaumeyer.de/wp-content/uploads/metallbau-meyer-background-1900x1500-30.jpg);
background-position: center top;
background-size: cover;
height: 100vh;
width: 100vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
}
#footer {
z-index: 10;
}  #primary-menu {
position: absolute;
top: 60px;
left: 510px; }
.mini-widgets .text-area.first {
position: absolute;
top: 12px;
right: 220px; 
}
.mini-widgets .text-area.last {
position: absolute;
top: 40px;
right: 48px; 
}
.mobile-header-bar .mobile-mini-widgets .menu-select, .mobile-header-bar .mobile-mini-widgets .mini-nav > ul:not(.mini-sub-nav) > li > a {
color: #d5d5d5 !important;
}
.dt-mobile-header .mini-contacts,  .dt-mobile-header .mini-contacts i ,  .dt-mobile-header .mini-contacts a {
color: #575757 !important;
}
.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
-webkit-box-shadow: 0px 2px 14px 8px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 2px 14px 8px rgba(0,0,0,0.8);
box-shadow: 0px 2px 14px 8px rgba(0,0,0,0.8);
}
.top-bar-bg {
background: #4c4d4f none repeat center center !important;
}
.masthead:not(.mixed-header), .phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
background: rgb(20,20,20) !important;
background: -webkit-linear-gradient(bottom, rgba(20,20,20,1) 33%, rgba(73,74,76,1) 81%) !important;
background: -o-linear-gradient(bottom, rgba(20,20,20,1) 33%, rgba(73,74,76,1) 81%) !important;
background: linear-gradient(to top, rgba(20,20,20,1) 33%, rgba(73,74,76,1) 81%) !important;
}
.sticky-on .main-nav > li.current-page-ancestor > a .menu-text, .main-nav > li.current-page-ancestor > a .menu-text {
color: #ff6801;
}  .content .post-password-form {
margin-top: 180px;    
}
.seiten-ueberschrift-text .elementor-heading-title {
text-transform: uppercase!important;
}
.button-text-left .elementor-button-text {
text-align: left!important;
text-transform: uppercase!important;
}
@media screen and (max-width:768px) { }
@media screen and (max-width:450px) { .button-text-left .elementor-button-text {
font-size: 20px;
}
}
.textg { text-transform: uppercase; }
[data-href] {
cursor: pointer;
}
.content table, .content td, .content th {
border: 0px none rgba(184,184,184,1.00)!important;
padding-top: 2px!important;
padding-right: 2px!important;
padding-left: 2px!important;
padding-bottom: 2px!important;
} h1, h2, h3, h4 { }
.dp-shadow-img img {  
box-shadow: rgba(0, 0, 0, 0.65) 0px 10px 20px, rgba(0, 0, 0, 0.75) 0px 6px 6px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 10px 20px, rgba(0, 0, 0, 0.75) 0px 6px 6px;
}
.dp-shadow-01 {    
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.82);
} .infobox01 {
display: block;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 1px solid #FF6801;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.65) 0px 10px 20px, rgba(0, 0, 0, 0.75) 0px 6px 6px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 10px 20px, rgba(0, 0, 0, 0.75) 0px 6px 6px;
transform: translateY(0px);
transition: all 0.3s linear;    
}
.infobox01:hover {
transform: translateY(-5px);
box-shadow: rgba(0, 0, 0, 0.65) 0px 19px 38px, rgba(0, 0, 0, 0.75) 0px 15px 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 19px 38px, rgba(0, 0, 0, 0.75) 0px 15px 12px;
}
@media (min-width: 770px) { 
.infobox01 {
margin-right: 2px;
margin-left: 2px;
}
}
.inhalt-box-01 {
background-color: rgba(68,69,71,1.00);
border-left: 1px solid rgba(255,104,1,1.00);
border-right: 1px solid rgba(40,40,41,1.00);
border-bottom: 1px solid rgba(40,40,41,1.00);
border-top: 1px solid rgba(92,93,95,1.00);
border-radius: 0px 10px 10px 0px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
min-height: 400px;
}
.projekte-box-01 {
background-color: rgba(0,0,0,0.30);
border-left: 1px solid rgba(255,104,1,1.00);
border-right: 1px solid rgba(40,40,41,1.00);
border-bottom: 1px solid rgba(40,40,41,1.00);
border-top: 1px solid rgba(92,93,95,1.00);
border-radius: 0px 10px 0px 0px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
min-height: 100px;
}
.projekte-box-02 {
background-color: rgba(68,69,71,1.00);
border-left: 1px solid rgba(255,104,1,1.00);
border-right: 1px solid rgba(40,40,41,1.00);
border-bottom: 1px solid rgba(40,40,41,1.00);
border-top: 1px solid rgba(92,93,95,1.00);
border-radius: 0px 0px 10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
min-height: 400px;
}
.projekte-box-03 {
background-color: rgba(0,0,0,0.25);
border-left: 1px solid rgba(255,104,1,1.00);
border-right: 1px solid rgba(40,40,41,1.00);
border-bottom: 1px solid rgba(40,40,41,1.00);
border-top: 1px solid rgba(92,93,95,1.00);
border-radius: 0px 0px 10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.7);
min-height: 100px;
}
.unternehmen-text-box {
min-height: 400px;
}
.text-box-historie {
background-color: rgba(245,242,239,1.00);
border-left: 0px solid rgba(255,104,1,0.00);
border-right: 0px solid rgba(255,104,1,0.00);
border-bottom: 3px solid rgba(255,104,1,1.00)!important;
border-top: 0px solid rgba(255,104,1,0.00);
padding-top: 30px;
padding-bottom: 30px;
}
.text-box-historie2 {
background-color: rgba(255,104,1,1.00);
border-left: 0px solid rgba(255,104,1,0.00);
border-right: 0px solid rgba(255,104,1,0.00);
border-bottom: 3px solid rgba(255,104,1,1.00)!important;
border-top: 0px solid rgba(255,104,1,0.00);
padding-top: 30px;
padding-bottom: 30px;
}  #bottom-bar {
color: #c4c4c4;
font-size: 11px;
font-weight: 300;
}
.footer .widget-title {
color: #c4c4c4;
font-weight: 500;
font-size: 22px;
}
.footer .textwidget, .footer .widget a {
color: #c4c4c4;
font-size: 14px;
font-weight: 300;
}
#menu-footer-menu {
text-align: left!important;
text-transform: uppercase!important;
}
.footer .menu li {
margin-top: 1px;
margin-bottom: 1px;
padding-top: 3px;
padding-bottom: 3px;
}
.footer .menu li.current_page_item a, .footer .menu li.current-page-ancestor a {
color: #FF6801;
}
.footer .menu li.current_page_item a::before, .footer .menu li.current-page-ancestor a::before { font-family: icomoon-the7-font !important;
content: "\f019";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dp-footer-link a {
text-decoration: none!important;
font-weight: 400!important;
font-size: 8px!important;
color: rgba(72,77,81,1.00)!important;
}