/*Alle Breiten*/
html{line-height:1.5;margin:0;padding:0;height:100%;font-family:var(--font-family);scroll-behavior:smooth}body{color:var(--color-text);margin:0 auto;max-width:1920px;height:100%;display:flex;flex-direction:column;background-color:var(--color-bodyoverflow-background)}body.mceContentBody{margin:1rem!important;height:auto;display:block;background-color:inherit}h1, h2, h3, h4, h5,
.headerGrp{color:var(--color-header-text);padding:0;margin:0 0 2rem 0;font-weight:400;font-family:inherit}.headerGrp{display:inline-flex;flex-direction:column;gap:0.5rem;&:before{content:'';display:block;width:75%;height:1px;background:var(--color-header-text);order:2}& > h1, & > h2, & > h3, & > h4, & > h5{margin:0;font-size:0.75em;font-weight:700;order:3}& > h1:first-child, & > h2:first-child, & > h3:first-child, & > h4:first-child, & > h5:first-child{font-size:1em;font-weight:400;order:1}}/*##########*/ .icons,
.navdown, .navup,
.material-symbols, .ctaButton:after,
.ctaButton:before,
.slick-arrow:after, .videoBox:after, .fileUpload > div > div > div:nth-child(1):before,
#navigationIcon:before, .textIcon > span, body > footer > div:nth-child(1) ul > li > a:before,
.button:before,
.button:after,
#navigation .flyout > div a > span:nth-child(2) > span:after{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:1rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}.textIcon{display:inline-flex;align-items:center;gap:0.25rem}.textIcon > span{font-weight:bold}p{margin:1rem 0}p:first-child{margin-top:0}.videoBox{position:relative;display:inline-block}.videoBox:after{content:'play_circle';position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#ffffff;opacity:0.85;text-shadow:1px 1px 3px #000000}.videoBox img{display:block}table{border-collapse:collapse}table, th, td{padding:0.5rem}table td{vertical-align:top}address{font-style:normal}.center{text-align:center}sup{line-height:0}.button, .button:active, .button:visited, .button:hover{border:0 none;font-size:1rem;padding:1rem 3.5rem;color:var(--color-button-text)!important;background-color:var(--color-button-background);display:inline-block;border-radius:2rem;text-decoration:none;font-weight:700;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button:hover{background-color:var(--color-button-hover-background)}.button:after{content:'keyboard_double_arrow_right';font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:-3px}.button.buttonBack:after{content:''}.button.buttonBack:before{content:'keyboard_double_arrow_left';font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:-3px}.buttonBox,
.buttonContent{& .button, & .button:active, & .button:visited{background-color:var(--color-buttonbox-background)}& .button:hover{background-color:var(--color-buttonbox-hover-background)}}.kontaktForm .button{font-size:1.15rem;padding:0.75rem 2.5rem}a, a:hover, a:visited, .plink{text-decoration:var(--decoration-link);color:var(--color-link)}a:hover{text-decoration:var(--decoration-link-hover);color:var(--color-link-hover)}ol{list-style:decimal outside none}ul{list-style:square outside none}ul, ol{margin:0 0 0 1rem;padding:0;& > li::marker{color:var(--color-accent)}}.error, .hinweis, pre{display:block;padding:0.75rem}.error, .hinweis{margin-bottom:2rem}.error, pre{border:2px solid #e1271f;background-color:#f9dfde;color:#000000}.hinweis{border:2px solid #01466f;background-color:#e4f5ff;color:#000000}.formError{border-color:#e1271f!important}.formErrorBox{border:2px solid #e1271f!important;padding:0.5rem!important}.fileErrorBox{margin-top:1rem;color:#002440;background-color:#f9dfde;border:2px solid #e1271f;padding:1rem;font-weight:400}.fileErrorBox:empty{padding:0;margin:0;border:0 none}.goBackButton:after{content:'';display:none}.goBackButton:before{content:'arrow_back';font-size:1.15rem;margin-right:0.25rem}/*##########*/ form{margin:0;padding:0}.formrowsGroup{display:grid}.formrows{display:flex;flex-direction:column;gap:1.5rem}.formrowsGroup > div:nth-child(2){gap:0.5rem}.formrowsGroup > div:nth-child(2) > br{display:block;height:1rem}.formrowsElement{display:flex;flex-direction:column;gap:0.25rem}input, select, textarea, button{font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit;padding:0.5rem;box-sizing:border-box}input[type="text"], input[type="email"], textarea{border:3px solid var(--color-input-border);background:var(--color-input-background);width:100%}textarea{height:10em}#emailbest{display:none}.formcontrol{display:flex;align-items:baseline;gap:1rem;margin:2rem 0 0 0}.formcontrol > *{display:block}.pflicht:after{content:'*';color:#e1271f;vertical-align:super;line-height:1;font-size:0.8em;margin:0}div.pflicht:after{margin:0 0 0 0.15em}.formrows > .checkbox{display:flex;gap:0.5rem;align-items:baseline;flex-direction:row}.formrows > .checkboxSelect{cursor:pointer}.fileUpload{position:relative;color:var(--color-text);text-transform:uppercase;text-align:center;& > input{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer}& > div{width:100%;padding:2rem;border:2px dashed var(--color-input-border);box-sizing:border-box;font-weight:700;& > div{&:nth-child(2){display:none}& > div:nth-child(1){display:flex;align-items:center;justify-content:center;&:before{content:'attach_file';display:block;font-size:1.5rem}}}}&.fileUploadOK, &:hover{& > div{border:2px solid var(--color-input-border);background-color:rgba(255,255,255,0.25)}}&.fileUploadOK{& > div{& > div{&:nth-child(2){display:block}&:nth-child(1){display:none}}}}}.formInProgress{display:block;display:none;position:absolute;width:100%;height:100%;z-index:900;top:0;left:0;color:var(--color-darker);text-align:center;& > div{height:100%;background-color:var(--color-box-lighter);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:3rem;box-sizing:border-box;& > div:nth-child(1){width:8rem;aspect-ratio:1/1 auto;border:10px solid var(--color-accent);border-bottom-color:var(--color-darker);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 2s linear infinite}}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/*##########*/ body > header > div > div, body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild{margin:0 auto}/*##########*/ body > header{z-index:300;& > div{height:100%;& > div{height:100%;/* display:flex;justify-content:space-between;align-items:stretch;*/ gap:1rem}}& #logo{display:flex;flex-direction:column;justify-content:center;& *{display:block;width:100%}}}.sprache{display:flex;align-items:center;& > a, & > a:visited, & > a:hover{display:block;width:1.25rem;aspect-ratio:4/3;padding:0;background-position:center center;background-repeat:no-repeat;background-size:contain;font-size:0;color:transparent;line-height:0;border:1px solid #000000;&.sprache_en{background-image:url(../element/gb.svg)}&.sprache_de{background-image:url(../element/de.svg)}}}/*##########*/ body > main{flex:1 0 auto}body > main > section{position:relative;background-color:var(--color-white);&.watermark-lc{background-image:url(../element/wasserzeichen-logo-bruecke.svg);background-repeat:no-repeat;background-position-x:-50%;background-position-y:center;background-size:60%}&.watermark-rb{background-image:url(../element/wasserzeichen-logo-bruecke.svg);background-repeat:no-repeat;background-position-x:120%;background-position-y:bottom;background-size:60%}&.watermark-lb-energie-umwelt{background-image:url(../picture/hg-energie-und-umwelt.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}&.watermark-lb-betonfertigteilindustrie{background-image:url(../picture/hg-betonfertigteilindustrie.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}&.watermark-lb-bruecken-strassenbau{background-image:url(../picture/hg-bruecken-strassenbau.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}&.watermark-lb-hochbau{background-image:url(../picture/hg-hochbau.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}&.watermark-lb-feuerfest-industrie{background-image:url(../picture/hg-feuerfest-industrie.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}&.watermark-lb-verzinkung{background-image:url(../picture/hg-verzinkung-watermark.png);background-repeat:no-repeat;background-position-x:left;background-position-y:bottom;background-size:60%}& img{display:block}& > div{display:flex;flex-direction:column;gap:3rem;background-color:var(--color-box-background);color:var(--color-text);padding:1rem 0;&:first-child{padding-top:5rem}&:last-child{padding-bottom:5rem}& > div{display:grid;& > div{background-color:var(--color-contentbox-background);color:var(--color-text);& > .textBoxHeader{position:relative}&.text{padding:1.5rem}&.icon{display:flex;flex-direction:column;text-align:center;& > div{margin-top:2.5rem;&:first-child{margin-top:0}&:nth-last-child(2){flex:1 1 auto}&.iconBox{display:flex;justify-content:center;& > div{width:100%;display:flex;justify-content:center}}&.textBoxHeader > div{& > h1, & > h2, & > h3, & > h4, & > h5{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin:0}&:after{content:'';display:block;height:1px;width:50%;margin:1rem auto 0 auto;background-color:var(--color-header-text)}}&.buttonBox > .button{padding-left:0;padding-right:0;min-width:90%}}}&.boxColor-transparent{padding:0}&.buttonElement{position:relative;& > div{position:absolute;display:flex;justify-content:center;width:100%;bottom:0;left:0;z-index:10;& > a, & > a:visited, & > a:hover{background-color:var(--color-buttonbox-background)}& > a:hover{background-color:var(--color-buttonbox-hover-background)}}}}&.contentJobs{& > div{background-color:transparent;display:grid;& > div{background-color:var(--color-contentbox-background);position:relative;& > div:nth-child(1){overflow:hidden}& > div:nth-child(2){text-align:center;& > div:nth-child(1){& > div:nth-child(1){color:var(--color-header-text);font-weight:700;text-transform:uppercase}}& > div:nth-child(2){position:absolute;left:0;bottom:0;width:100%}}}}}}& > div.subnav{& > div.icon{& > div{&.iconBox{& > div{width:auto}}}}}& > div.subnav.subnavIcon{& > div.icon{& > div{&.iconBox{& > div{width:100%}}}}}&.vollbild{padding:0;& video{display:block;width:100%}& img{display:block}}&.vollbildOverflow{width:100%;position:relative;margin-left:0;margin-right:0;overflow:hidden;display:flex;justify-content:center;flex-direction:row;gap:0;& > .sliderWrapper{width:100%;justify-content:center;/* align-items:center;*/ display:flex}}&.vollbildContent{gap:0;position:relative;padding:0;& > .vollbildContentImage{display:flex;justify-content:center;overflow:hidden;& > div{position:relative}}& > .vollbildContentIcon, & > .vollbildContentText{& > div{margin:0 auto;position:relative;& > .buttonContent{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;left:0;z-index:10}}}&.vollbildContentBox{& > .vollbildContentImage > div:before{display:none;content:'';height:100%;background-color:var(--color-box-background);position:absolute;top:0}}&.vollbildContentBoxLeft33, &.vollbildContentBoxLeft50, &.vollbildContentBoxLeft66{& > .vollbildContentImage > div:before{left:0}}&.vollbildContentBoxRight33, &.vollbildContentBoxRight50, &.vollbildContentBoxRight66{& > .vollbildContentImage > div:before{right:0}}}& .textGrp1, & .textGrp2{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:10rem}& .textGrp2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10rem}& .text > .center{text-align:center;& .headerGrp{align-items:center}}}&.overflow{& .button{background-color:var(--color-accent)}& > div{padding:0;display:flex;justify-content:center;overflow:hidden;flex-direction:row;& > div{flex:0 0 auto;gap:0;align-items:center;& > .text{padding:4rem;box-sizing:border-box;&:first-child{justify-self:end}}}}&.icon12, &.icon13, &.icon14, &.icon15, &.icon16{& > div{& > div{& > .text{& > .textBoxHeader:after{content:'';display:block;width:12rem;aspect-ratio:1 / 1;position:absolute;top:0;background-repeat:no-repeat;background-size:contain}&:nth-child(2){& > div{padding-right:12rem}& > .textBoxHeader:after{right:0}}&:nth-child(1){& > div{padding-right:12rem}& > .textBoxHeader:after{right:0}}}}}}&.icon12{& > div{& > div{& > .text{& > .textBoxHeader:after{background-image:url(../element/aldorf-branche-betonfertigteilindustrie.svg)}}}}}&.icon13{& > div{& > div{& > .text{& > .textBoxHeader:after{background-image:url(../element/aldorf-branche-strassen-brueckenbau.svg)}}}}}&.icon14{& > div{& > div{& > .text{& > .textBoxHeader:after{background-image:url(../element/aldorf-branche-energie-umweltwirtschaft.svg)}}}}}&.icon15{& > div{& > div{& > .text{& > .textBoxHeader:after{background-image:url(../element/aldorf-branche-hochbau.svg)}}}}}&.icon16{& > div{& > div{& > .text{& > .textBoxHeader:after{background-image:url(../element/aldorf-branche-feuerfest-industrie.svg)}}}}}}}.anspStart{margin:2rem 0 0 0;display:flex;flex-wrap:wrap;gap:4rem;& > div{display:flex;flex-direction:column;gap:1rem;& > div:nth-child(2){& > div:nth-child(1){font-weight:700;text-transform:uppercase;color:var(--color-header-text)}}}}.ablauf{& > div{display:grid;grid-template-columns:minmax(0, 1fr) 5rem minmax(0, 3fr);gap:2rem;align-items:center;& > div:nth-child(1){text-align:right;font-weight:700;font-size:1.5rem;padding:2rem 0;color:var(--color-header-text)}& > div:nth-child(2){height:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;& > div:nth-child(1), & > div:nth-child(3){background-color:var(--color-darker);width:0.25rem;flex:1 1 auto}& > div:nth-child(2){display:block;height:1rem;width:1rem;background-color:var(--color-accent);border-radius:100%;flex:0 0 auto}}& > div:nth-child(3){padding:2rem 0}&:first-child > div:nth-child(2) > div:nth-child(1){background:linear-gradient(1deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}&:last-child > div:nth-child(2) > div:nth-child(3){background:linear-gradient(181deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}}}.contentIcon{display:flex;justify-content:end;& > img{width:50%}}/*##########*/
body > footer{& a, & a:visited{color:var(--color-lighter)}& a:hover{color:var(--color-accent-alternate)}& > div{padding:1rem 0;color:var(--color-lighter)}& > div:nth-child(1){background-color:var(--color-dark);& h5{text-transform:uppercase;font-weight:700}& > div{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4rem;& ul{margin:0;padding:0;list-style:none outside none;display:flex;flex-direction:column;gap:0.25rem;& > li > a{display:inline-flex;gap:0.25rem;&:before{content:'keyboard_double_arrow_right';padding-top:0.25rem}}}}& .logo{margin:0 0 1rem 0;& img{display:block}}}& > div:nth-child(2){background-color:var(--color-darker);& > div{display:flex;justify-content:space-between;align-items:center;& ul{margin:0;padding:0;list-style:none outside none;display:flex;& > li{display:flex;&:before{content:'|';display:block;margin:0 0.5rem}&:nth-child(1):before{content:'';margin:0}}}& .social{display:flex;gap:1rem;& > a{width:2rem;height:2rem;background-position:center center;background-repeat:no-repeat;background-size:contain;font-size:0;line-height:0;&.social-ig{background-image:url(../element/instagram-white.svg)}&.social-fb{background-image:url(../element/facebook-white.svg)}&.social-yt{background-image:url(../element/youtube-white.svg)}}}}}}.produkt{display:flex;flex-direction:column;align-items:center;gap:1rem;& > div:nth-child(2){flex:1 1 auto;display:inline-flex;flex-direction:column;align-items:center;text-align:center;&:before{content:'';display:none;width:75%;height:1px;background:var(--color-header-text);order:2}& > div:nth-child(1){font-weight:700;color:var(--color-header-text);order:1}& > div:nth-child(2){order:3}}&.produktExtended{& > div:nth-child(2){gap:1rem;&:before{display:block}& > div:nth-child(1){font-size:1.5rem}}}& > div:nth-child(3){width:100%;flex:0 0 auto;& .button{background:var(--color-button-hover-background);padding:1rem 0;width:100%;text-align:center}& .button:hover{background:var(--color-button-background)}}}.produktDetail{& table{& tr{& > td{border-bottom:1px solid var(--color-text);&:first-child{padding-left:0;font-weight:700}&:last-child{padding-right:0}}&:last-child{& > td{border-bottom:0 none}}}}}/*##########*/ #blockedWrapper{display:none}#blocked{padding:3rem 1.5rem 1.5rem 1.5rem}/*##########*/ /*SLICK*/
.bildWrapper{position:relative;width:100%;gap:0;justify-content:center;grid-template-columns:1fr}.sliderWrapper{position:relative;width:100%;& > .dotsWrapper{position:absolute!important;width:100%;left:0;z-index:100;&:empty{display:none}& > ul{margin:0;padding:0;list-style:none outside none;display:flex;justify-content:center;& > li{& > div{display:block;cursor:pointer;background:var(--color-white);border-radius:100%}&.slick-active > div{background:var(--color-accent)}}}}& > .slick-arrow{color:var(--color-accent);height:100%;position:absolute;bottom:0;z-index:200;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;&:after{content:'';display:block}&.slick-prev{left:0;&:after{content:'chevron_left'}}&.slick-next{right:0;&:after{content:'chevron_right'}}}& > .slidesWrapper{& > div{position:relative;line-height:0;z-index:1}}& .slick-slide{& > div{position:relative}& .stageInfo{/* display:none;*/}&.slick-active{& .stageInfo{display:block}}}}.stageInfo{position:absolute;top:0;left:0;width:100%;max-height:100%;height:100vh;z-index:50;color:var(--color-white);& > div{height:100%;margin:0 auto;display:flex;box-sizing:border-box}&.stageInfo_top > div{align-items:start}&.stageInfo_middle > div{align-items:center}&.stageInfo_bottom > div{align-items:end}&.stageInfo_left > div{justify-content:left}&.stageInfo_center > div{justify-content:center}&.stageInfo_right > div{justify-content:right}& h1, & h2, & h3, & h4, & h5{color:inherit;margin:0}}