/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* FONTS */
@font-face {font-display: swap;font-family: 'TASA Orbiter';font-style: normal;font-weight: 400;src: url('fonts/tasa-orbiter-v2-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'TASA Orbiter';font-style: normal;font-weight: 700;src: url('fonts/tasa-orbiter-v2-latin-700.woff2') format('woff2');}


* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
h1, h2, h3, h4, h5, h6 {font-family: 'TASA Orbiter', sans-serif;}
p,a,li,span,button,input,textarea {font-family: 'TASA Orbiter', sans-serif;}
h1 {color: #D8DE63;font-family: 'TASA Orbiter', sans-serif;font-size: 82px;font-style: normal;font-weight: 700;line-height: 60%;letter-spacing: 0.5px;text-transform: uppercase;}
.pretitle {color: #435056;font-family: 'TASA Orbiter', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;letter-spacing: 0.5px; text-transform: uppercase;}
.pretitle h2 {color: #435056;font-family: 'TASA Orbiter', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;letter-spacing: 0.5px; text-transform: uppercase;}
h3.h2style  {color: #435056;font-family: 'TASA Orbiter', sans-serif;font-size: 48px;font-style: normal;font-weight: 700;line-height: 100%;letter-spacing: 0.5px;text-transform: uppercase;}

h2 {color: #435056;font-family: 'TASA Orbiter', sans-serif;font-size: 48px;font-style: normal;font-weight: 700;line-height: 100%;letter-spacing: 0.5px;text-transform: uppercase;}
.fliesstext {color:#435056;font-family: 'TASA Orbiter', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 175%;letter-spacing: 0.5px; font-feature-settings: "ss01" 1, "ss06" 1;}
.fliesstext2 {color:#435056;font-family: 'TASA Orbiter', sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 175%;letter-spacing: 0.5px; font-feature-settings: "ss01" 1, "ss06" 1;}
h3 {color:#435056;font-family: 'TASA Orbiter';font-size: 16px;font-weight: 700; font-style: normal;font-weight: 700;line-height: 175%;letter-spacing: 0.5px;text-transform: uppercase;}

.replika {font-family: 'TASA Orbiter', sans-serif;}
#menu-main li a {font-family: 'TASA Orbiter', sans-serif; }

/* LINKS */
a {text-decoration: none;color: #18272F;font-weight: 700;vertical-align: top;}
a:hover {text-decoration: none;}
a {overflow: hidden;position: relative;display: inline-block;}

.link a::before, a::after {content: '';position: absolute;width: 100%;left: 0;}
.link a::before {background-color: #757575;height: 2px;bottom: 0;transform-origin: 100% 50%;transform: scaleX(0);transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.link a::after {content: attr(data-replace);height: 100%;top: 0;transform-origin: 100% 50%;transform: translate3d(200%, 0, 0);transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);color: #757575!important;}
.link a:hover::before {transform-origin: 0% 50%;transform: scaleX(1);}
.link a:hover::after {transform: translate3d(0, 0, 0);}
.link a span {display: inline-block;transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);}
.link a:hover span {transform: translate3d(-200%, 0, 0);}

.fl-node-2fatjhp0czbq .link a, .fl-node-n16pv4xdwz07 a:hover, .fl-node-90hwik6ryvx2 .link a, .fl-node-90hwik6ryvx2 a:hover  {color: #757575;}

/* BILD ECKE */
.ecke_4zu5 img {clip-path: polygon(0 20%, 20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);}
.ecke_16zu9 img {clip-path: polygon(0 30%, 15% 0, 100% 0, 100% 70%, 85% 100%, 0 100%);}
.ecke_button a {clip-path: polygon(0 30%, 10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%);}

/* ANIMIERTE HEADLINE H1 */
.changetitle {position: relative;overflow: hidden;height: 3.5em; margin: -40px 0 0 37px;}
.changetitle h1, .changetitle p.kontakt {margin: 0;padding: 0;height: 1.2em;line-height: 1.2em;position: relative; font-size: 24px; text-transform: capitalize; font-weight: 400;}
p.kontakt {color: #D8DE63; }

/* KONTAKT */
#nf-form-title-2, .nf-form-fields-required {display: none;}
.nf-error-msg {font-family: 'TASA Orbiter';}
#nf-form-2-cont label {display: none;}
#nf-form-2-cont input, #nf-form-2-cont textarea {background: #D9D9D9; border-radius: 0;}
#nf-field-10 {float:right; clip-path: polygon(0 30%, 10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%); background: #D8DE63!important; border: unset; padding: 10px 40px; color: #435056; font-weight: 700; font-size: 16px; text-transform: uppercase;}
#nf-field-10 {transition: all .8s;}
#nf-field-10:hover {background: #D9D9D9!important;}
.nf-error-msg {color: #D8DE63!important;}
.nf-response-msg {font-size: 24px; color: #D8DE63; font-weight: 700;}

/* MENU */
#menu-main li {height: 100%; transition: all 1s;border-top: 5px solid #D8DE63;}
#menu-main li:hover {border-top: 5px solid #435056;}
#menu-main .current-menu-item {border-top: 5px solid #435056;}

/* LEISTUNGEN */
.abstandd .fl-callout-title {margin: 40px 0 0 0; padding-bottom: 5px}
.kernabstand .fl-callout-title { padding-bottom: 5px}

/* LOGO */
.logonn svg {width: 470px;}

@media screen and (max-width: 992px) {
    .mobileheight .fl-row-content-wrap {height: calc(100vh - 180px);}
}

/* MOBIL */
@media screen and (max-width: 768px) {
    .logonn svg, .logonn svg {width: 90%; height: auto;} 
    h1 {font-size: 42px; line-height: 110%;}
    h2 {font-size: 30px;}
    .changetitle h1 {font-size: 18px; margin-top: 15px;}
    .changetitle {height: 3.5em; margin-left: 26px;}
    .fl-node-1a3jclb7hvft {display: flex; flex-direction:column-reverse;}

}