@charset "UTF-8";
    @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 100;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-100.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 100;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-100italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 200;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-200.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 200;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-200italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 300;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-300.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 300;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-300italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 400;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 400;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 500;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 500;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-500italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 600;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 600;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-600italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: normal;
font-weight: 700;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Josefin Sans";
font-style: italic;
font-weight: 700;
src: url(//behne-metallbau.de/wp-content/uploads/fonts/josefin-sans-v32-latin-700italic.woff2) format("woff2"); }  .custom-logo {
max-height: 100px;
width: auto;
}
.site-header {
background-color: #fff;
max-height: 125px;
box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
position: sticky;
top: 0;
z-index: 99999;
}
p.site-description.show {
display: none;
}
.header-inner {
max-height: 125px;
}
.site-navigation ul.menu li a {
text-decoration: none;
color: #00C5C5;
font-size: 1.125rem;
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 500;
transition: ease-in-out 0.5s;
}
.site-navigation ul.menu li a:hover {
color: #fff;
background-color: #00C5C5;
text-decoration: none;
font-size: 1.125rem;
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
transition: ease-in-out 0.5s;
} p {
font-family: "Calibri", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-weight: 400;
color: #fff;
}
a {
font-family: "Calibri", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-weight: 400;
color: #00C5C5;
text-decoration: underline;
}
h1 {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 3rem;
font-weight: 800;
color: #fff;
text-transform: uppercase;
}
h2 {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 3rem;
font-weight: 700 !important;
color: #fff;
text-transform: uppercase;
text-shadow: 0 0 25px #000;
}
h3 {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 1.5rem;
font-weight: 600 !important;
color: #fff;
}
h4 {
font-family: "Helvetica Neue", "Helvetica", sans-serif;
font-size: 1.5rem;
font-weight: 600;
color: #00C5C5;
text-transform: uppercase;
text-shadow: 0 0 50px #000;
}
h5 {
font-family: "Helvetica Neue", "Helvetica", sans-serif;
font-size: 1.5rem;
font-weight: 400;
color: #00C5C5;
text-transform: uppercase;
}
h6 {
font-family: "Helvetica Neue", "Helvetica", sans-serif;
font-size: 1rem;
font-weight: 400;
color: #00C5C5;
}
.banner {
font-size: 4rem !important;
}
.elementor-icon-box-title a {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
text-shadow: 0 0 15px #000;
}
.rot {
color: #00C5C5;
} .wpcf7-form-control {
width: 100%;
}
.wpcf7-text {
max-height: 1.75rem;
}
#wpcf7-f5-p66-o1 > form > p:nth-child(n) > label {
display: block;
color: #fff;
line-height: 1.125rem;
font-weight: bold;
font-size: 1rem;
}
#wpcf7-f5-p66-o1 > form > p:nth-child(n) > label > a {
text-decoration: underline;
color: #00C5C5;
line-height: 1.125rem;
font-weight: bold;
font-size: 1rem;
}
.wpcf7-list-item {
margin-left: 0;
}
.wpcf7-submit {
background-color: #fff;
color: #00C5C5;
border-width: 0 !important;
transition: ease-in-out 0.5s;
box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3), inset -5px -5px 15px 0 rgba(0, 0, 0, 0.3), inset 5px 5px 15px 0 rgba(255, 255, 255, 0.2) !important;
font-weight: bold;
}
.wpcf7-submit:hover {
background-color: #00C5C5;
color: #fff;
border-width: 0 !important;
transition: ease-in-out 0.5s;
box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3), inset -5px -5px 15px 0 rgba(0, 0, 0, 0.3), inset 5px 5px 15px 0 rgba(255, 255, 255, 0.2) !important;
font-weight: bold;
} .job-post .jobs-row .jobs-row-label {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
color: #00C5C5;
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
}
.job-post .jobs-row.position_title .jobs-row-input {
font-size: 28px;
line-height: 37px;
color: #333;
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 500;
}
.jobs-row-input {
color: #333 !important;
}
.jobs-modal-form {
color: #333;
}
.required_field_notice .input-paragraph {
font-size: 14px;
color: #333;
}
.apply-btn.local {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif !important;
text-transform: capitalize !important;
font-weight: 500 !important;
font-size: 1.25rem !important;
transition: ease-in-out 0.5s;
border: 1px solid #00C5C5 !important;
}
.apply-btn.local:hover {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif !important;
text-transform: capitalize !important;
font-weight: 500 !important;
font-size: 1.25rem !important;
color: #00C5C5 !important;
background-color: #fff !important;
border: 1px solid #00C5C5 !important;
transition: ease-in-out 0.5s;
}
.job-submit {
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif !important;
transition: ease-in-out 0.5s;
}
.jobbox {
min-height: 50px;
} .elementor-social-icon i {
color: #00C5C5 !important;
}
#wpfront-scroll-top-container {
max-width: 66px;
}
#site-footer {
display: none !important;
}
.job-listing .no-jobs-available p {
color: #333;
}
.elementor-button-text {
text-decoration: none;
font-size: 1.25rem;
font-family: "Josefin Sans", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 500;
transition: ease-in-out 0.5s;
}
.cmplz-accept-service {
color: #00C5C5;
border-color: #00C5C5;
}
.cmplz-accept-service:hover {
background-color: #00C5C5;
transition: ease-in-out 0.5s;
}
.cmplz-accept-service:focus {
background-color: #00C5C5;
transition: ease-in-out 0.5s;
} .page-id-10 h2 {
text-shadow: none;
}
.page-id-3 h2 {
text-shadow: none;
}
.page-id-246 h2 {
text-shadow: none;
}
.page-id-246 h1, .page-id-246 h2, .page-id-246 h3, .page-id-246 h4, .page-id-246 h5, .page-id-246 h6, .page-id-246 p, .page-id-246 li, .page-id-246 span.cmplz-category-title {
color: #000000;
}