@import url("reset.css");@import url("font.css");@import url("nav.css");@import url("accordion.css");@import url("magnific-popup.css");:root{--text:#525252;--primary:#3b3d41;--primary-transparent:rgba(21,21,21,.9);--secondary:#3799c7;--button:#3799c7;--contrast:#3799c7;--grey:#e7e7e7;--border-radius:20px;--heading-weight:700;--heading-font-family:'Helvetica',serif;--regular-font-family:'Helvetica',sans-serif;--regular-font-weight:400;}*{box-sizing:border-box;}img{width:100%;}html{overflow-x:hidden;}body{width:100%;overflow-x:hidden;font:var(--regular-font-weight) 18px/160% var(--regular-font-family),sans-serif;letter-spacing:5%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1{font:var(--heading-weight) 400%/100% var(--heading-font-family);font-style:oblique 7deg;margin-bottom:20px;color:var(--contrast);}h1 span{color:#fff;}h2{font:var(--heading-weight) 250%/100% var(--heading-font-family);font-style:oblique 7deg;margin-bottom:20px;color:var(--primary)}footer h2{color:#fff;}h2 span{color:var(--secondary);}h3{font:var(--heading-weight) 160%/100% var(--regular-font-family);font-style:oblique 7deg;margin-bottom:10px;color:var(--primary)}h4{font:var(--heading-weight) 150%/100% var(--heading-font-family);font-style:oblique 7deg;margin-bottom:10px;}h5{font:var(--heading-weight) 120%/100% var(--heading-font-family);font-style:oblique 7deg;margin-bottom:10px;}h6{font:var(--heading-weight) 110%/100% var(--heading-font-family);font-style:oblique 7deg;margin-bottom:10px;}span.small{font-style:oblique 10deg;font-size:50%;text-transform:none;font-family:'Graphite',cursive;font-weight:var(--heading-weight);display:inline-block;line-height:120%;}p{margin-bottom:1rem;}a{text-decoration:none;transition:.3s;}b,strong{font-weight:700;}.dsa-secure-plugin a:hover{opacity:1;}.btn,.popup .btn{border:none;background-color:var(--button);color:#fff;padding:8px 20px;margin-top:15px;text-decoration:none;display:inline-block;border-radius:var(--border-radius);font-size:100%;}.btn:hover,.popup .btn:hover{background-color:var(--primary);}button:hover{cursor:pointer;}.dse{z-index:9999;font-size:80%;text-align:center;position:fixed;bottom:5px;right:5%;background-color:var(--contrast);border-radius:var(--border-radius);color:#fff;width:290px;padding:5px;}.dsa-cookie-notice{border-radius:var(--border-radius);}.dse a{color:#fff;}.dsa-cookie-notice-close{text-transform:none;color:#fff!important;background-color:var(--button);padding:7px 20px;font-weight:400!important;border-radius:var(--border-radius);}article{width:100%;}.container{padding:100px 10%;}.flexbox{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}.with-icons{text-align:center;}.with-icons .col{display:flex;flex-direction:column;align-items:center}.with-icons img.icon{width:100%;max-width:40px;margin-top:30px;}.col-2{width:48%;}.col-3{width:33%;}.col-4{width:24%;}.col-5{width:19%;}.text-col{padding:30px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}.img-col img{height:100%;width:100%;object-fit:cover;border-radius:var(--border-radius);}header{width:100%;min-height:100vh;background-color:grey;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:url('../images/header-nowicki.webp')no-repeat center /cover;background-attachment:fixed;}header.balkongelaender{background-image:url('../images/balkongelaender-header.webp')}header.blumenkaesten-und-biegearbeiten{background-image:url('../images/blumenkaesten-und-biegearbeiten.webp')}header.faq{background-image:url('../images/faq-header.webp')}header.handlaeufe{background-image:url('../images/handlaeufe.webp')}header.kontakt{background-image:url('../images/kontakt-header.webp')}header.leichte-stahlkonstruktionen{background-image:url('../images/leichte-stahlkonstruktionen-header.webp')}header.leistungen{background-image:url('../images/metallarbeiter-bei-der-arbeit.webp');}header.referenzen{background-image:url('../images/nowicki-mitarbeiter-an-der-halle.webp');}header.reparatur-und-wartungsarbeiten{background-image:url('../images/reparatur-und-wartungsarbeiten-header.webp')}header.sichtschutzwaende-und-trennwaende{background-image:url('../images/sichtschutzwaende-und-trennwaende-header.webp')}header.tore-gitter-und-absperrungen{background-image:url('../images/tore-gitter-und-absperrungen-header.webp')}header.treppengelaender{background-image:url('../images/treppengelaender-header.webp')}header.ueber-uns{background-image:url('../images/galerien/halle/metallgeruest-wird-geschweisst.webp')}header.zertifikate{background-image:url('../images/zertifikate-header.webp')}header .container{position:relative;z-index:2;background-color:rgba(29,39,44,.5);}header:before{content:'';position:absolute;z-index:1;inset:0}article:nth-of-type(odd){background-color:#fff;}article:nth-of-type(even){background-color:var(--grey);}.section-intro{text-align:center;max-width:1024px;margin:auto;display:flex;flex-direction:column;align-items:center;}.pic-boxes .col{background-color:var(--secondary);color:#fff;border-radius:var(--border-radius);}.pic-boxes h3{text-align:center;flex-basis:100%;margin-bottom:20px;}.picture-box{aspect-ratio:7/4;}.text-box{padding:20px;}.picture-box img{width:100%;border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;}.parallax{background:url('../images/platzhalter.webp')no-repeat center/cover;background-attachment:fixed;min-height:450px;display:flex;justify-content:center;align-items:center;text-align:center;}.parallax h2{color:#fff;}.attention{font-weight:700;}p ~ h3{margin-top:2rem;}p span{color:var(--contrast)}article ul{margin-left:15px;margin-bottom:16px;}article ul li{list-style:disc;margin-bottom:5px;}article ul li::marker{color:var(--primary)}b{font-weight:700;color:var(--primary)}.highlight{font-style:italic;color:var(--primary);font-size:115%;line-height:160%;margin-bottom:20px;}.kontakt .flexbox{flex-wrap:nowrap;}.kontakt .col-1-3{background-color:var(--primary);color:#fff;width:34%;padding:100px 5% 100px 10%;}.kontakt .col-1-3 a,.kontakt .col-1-3 b{color:#fff;}.kontakt .col-2-3{width:66%;padding:100px 10% 100px 5%;}.kontakt .contactblock{margin-top:100px;}.kontakt h3{color:#fff;}.kontakt hr{margin:20px 0;color:#fff;opacity:.4}.kontakt ul li::marker{color:#fff;}.cursor{cursor:pointer;}footer{background-color:var(--primary);color:#fff;}footer h3{color:#fff;}footer ul{list-style:disc;margin-left:15px;}footer p a,footer ul li a{color:#fff;text-decoration:underline;}footer b{color:#fff;}.sidenav{position:fixed;right:5px;top:30%;z-index:9999;}.sidenav a,.sidenav button{display:block;height:60px;width:60px;background-color:var(--button);border-radius:var(--border-radius);margin-bottom:10px;padding:15px;margin-top:0;}.sidenav img{height:100%;}.infosite h1{flex-basis:100%;}.infosite .container{align-items:flex-start;}article p a,article ul li a{color:var(--primary);text-decoration:underline;}.kontaktformular h4{text-align:center;margin-top:20px;}.kontaktformular h5{text-align:center;margin-top:20px;}.fehlerseite ul li{list-style:none;}.more-text{display:none;}.readmore .text-box h3{background-color:var(--primary);color:#fff;padding:20px;text-align:center;}.readmore .pic-boxes .col{color:var(--text)}article:nth-of-type(odd).readmore .pic-boxes .col{background-color:#fff;color:var(--text)}article:nth-of-type(even).readmore .pic-boxes .col{background-color:var(--grey);}.readmore .text-box{padding:0;}.readmore .picture-box{aspect-ratio:7/4;}.readmore .text-box .content{padding:20px;}.readmore .picture-box img{width:100%;border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;}button.read-more-btn{background-color:transparent;color:var(--primary);border:none;display:inline;padding:0;text-decoration:underline;}.kontaktformular{width:100%;height:1000px;background-color:var(--grey);}.one-time img{border-radius:var(--border-radius);overflow:hidden;}.one-time{position:relative;}.one-time:after{content:'';background:url('../images/hammer-icon.webp') no-repeat center/cover;display:block;width:8%;min-width:60px;aspect-ratio:1;position:absolute;bottom:20px;right:20px;}.column{flex-direction:column;justify-content:center;align-items:flex-start;}.column.align-center{align-items:center;}.section-with-tiles .col-3{padding:clamp(20px,5%,60px);margin-bottom:.6%;border-radius:var(--border-radius);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;filter:grayscale(1);transition:.5s;}.section-with-tiles .col-3:hover{filter:grayscale(0);transition:.5s;}.section-with-tiles .col-3:nth-of-type(1){background-image:url('../images/galerien/treppengelaender/treppengelaender-001.webp');}.section-with-tiles .col-3:nth-of-type(2){background-image:url('../images/galerien/balkongelaender/balkongelaender-001.webp');}.section-with-tiles .col-3:nth-of-type(3){background-image:url('../images/galerien/handlaeufe/handlaeufe-001.webp');}.section-with-tiles .col-3:nth-of-type(4){background-image:url('../images/galerien/blumenkastenhalter/blumenkastenhalter-001.webp');}.section-with-tiles .col-3:nth-of-type(5){background-image:url('../images/galerien/konstruktionen/konstruktionen-001.webp');}.section-with-tiles .col-3:nth-of-type(6){background-image:url('../images/galerien/sichtschutzwaende/sichtschutzwaende-001.webp');}.section-with-tiles .col-3:nth-of-type(7){background-image:url('../images/galerien/tore-gitter-absperrungen/tore-gitter-absperrungen-001.webp');}.section-with-tiles .col-3:nth-of-type(8){background-image:url('../images/galerien/halle/nowicki-werkhalle.webp');}.section-with-tiles .col-3:nth-of-type(9){background-image:url('../images/galerien/halle/industriemaschinen-metallbau.webp');}.section-with-tiles .col-3 .content{position:relative;z-index:2;}.section-with-tiles .col-3::before{content:'';z-index:1;position:absolute;inset:0;border-radius:var(--border-radius);background-color:rgba(57,66,70,.5);transition:.5s;}.section-with-tiles .col-3:hover::before{background-color:transparent;transition:.5s;}.section-with-tiles .col-3 h3{margin-top:10%;color:#fff;}.btn.stroke{color:#fff;background-color:transparent;border:2px solid #fff;}.btn.stroke:hover{background-color:var(--contrast);border:2px solid var(--contrast);}.dsa-secure-plugin.maps-footer{min-height:300px;height:100%!important;width:100%!important;border-radius:var(--border-radius);overflow:hidden;}.dsa-secure-plugin iframe{width:100%;height:100%;}.one-time img{aspect-ratio:815/611;height:100%;width:100%;object-fit:cover;}.responsive img{aspect-ratio:815/611;border-radius:var(--border-radius);overflow:hidden;height:100%;width:100%;object-fit:cover;}.responsive .slick-slide{padding:5px;}.slick-prev,.slick-next{width:30px;height:30px;}.slick-prev{left:-35px;}.slick-next{right:-35px;}.popup-gallery{margin-top:40px;display:flex;justify-content:space-evenly;flex-wrap:wrap;}a.col-5{display:block;margin-bottom:1%;filter:grayscale(1);border-radius:var(--border-radius);overflow:hidden;}a.col-5:hover{filter:grayscale(0);}a.col-5 img{display:block;}a.col-5::before{content:'';z-index:1;position:absolute;inset:0;border-radius:var(--border-radius);background-color:rgba(57,66,70,.5);transition:.5s;}a.col-5:hover::before{background-color:transparent;transition:.5s;}@media screen and (orientation:portrait){}@media screen and (max-width:1800px){.col-4{width:49%;margin-bottom:2%}.col-5{width:32%;margin-bottom:2%}.section-7 .flexbox{justify-content:center;gap:2%}}@media screen and (max-width:1450px){.col-1-3{width:40%}.col-2-3{width:60%}}@media screen and (max-width:1024px){.col-2{width:100%;margin-bottom:20px}.col-3{width:100%;margin-bottom:20px}.container{padding:50px 5%}.text-col{padding:20px 0 0 0}.sidenav{top:auto;bottom:50px}.sidenav a,.sidenav button{height:45px;width:45px;padding:11px}.col-5{width:49%}.logoline{height:120px}.slick-prev,.slick-next{width:40px;height:40px}.slick-next{right:5px}.slick-prev{left:5px;z-index:99}.slick-prev::before,.slick-next::before{font-size:40px}}@media screen and (max-width:830px){.kontakt .flexbox{flex-wrap:wrap;flex-direction:column-reverse}.kontakt .col-1-3,.kontakt .col-2-3{width:100%}.kontakt .contactblock{margin-top:50px}.kontakt .contactblock:first-of-type{margin-top:0}}@media screen and (max-width:700px){.col-4{width:100%;margin-bottom:20px}h1,h2{font:var(--heading-weight) 190%/100% var(--heading-font-family);margin-bottom:10px}h3{font-size:150%}h4{font-size:120%}.logoline{height:100px}.kontakt .col-1-3,.kontakt .col-2-3{width:100%}}@media screen and (max-width:600px){.col-5{width:100%}a.col-5{width:49%}}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}@media screen and (max-width:1200px){header,.parallax{background-attachment:scroll}}