1 line
16 KiB
CSS
1 line
16 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Lato:wght@300;400;700&display=swap";@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-LightItalic.woff2") format("woff2"),url("/layout/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Medium.woff2") format("woff2"),url("/layout/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/URWForm-Demi.woff2") format("woff2"),url("/layout/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Italic.woff2") format("woff2"),url("/layout/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Light.woff2") format("woff2"),url("/layout/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Bold.woff2") format("woff2"),url("/layout/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Thin.woff2") format("woff2"),url("/layout/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Regular.woff2") format("woff2"),url("/layout/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}.hidden{display:none !important}.box{padding-top:125px;padding-bottom:125px}@media(max-width: 767px){.box{padding-top:90px;padding-bottom:90px}}.box_title{font-family:"URW Form",sans-serif;font-weight:700;font-size:35px;line-height:1.25;margin-bottom:28px;text-transform:uppercase;text-align:right;letter-spacing:.15em}.box_subtitle{font-family:"URW Form";font-style:normal;font-weight:400;font-size:30px;letter-spacing:.07em;text-transform:uppercase;color:#000}@media(min-width: 1360px){.container{max-width:1300px}}.page-content{overflow:hidden}.box-01{margin-bottom:180px}.box-01 .box-01-wrapper{padding-top:20px;display:grid;grid-template-columns:400px minmax(700px, 1fr);-moz-column-gap:150px;column-gap:150px;grid-template-areas:"s1 s1" "s4 s4" "s2 s2" "s3 s5"}.box-01 .box-01-wrapper .section_1{grid-area:s1;margin-bottom:60px}.box-01 .box-01-wrapper .section_1 .tiles{display:flex;flex-direction:row;-moz-column-gap:130px;column-gap:130px;row-gap:50px;width:100%;max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto}.box-01 .box-01-wrapper .section_1 .tiles .tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:28px;width:200px;text-align:center}.box-01 .box-01-wrapper .section_1 .tiles .tile:not(:last-child)::before{content:"";position:absolute;right:-65px;top:0;bottom:0;width:1px;background:#000}.box-01 .box-01-wrapper .section_1 .tiles .tile p{margin-bottom:0}.box-01 .box-01-wrapper .section_2{grid-area:s2;padding-top:80px;padding-bottom:80px}.box-01 .box-01-wrapper .section_2 .scontainer-content h2{font-weight:400;font-size:30px;line-height:36px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:32px}.box-01 .box-01-wrapper .section_2 .scontainer-content #nav_tabs{flex-direction:row;flex-wrap:wrap;row-gap:32px;-moz-column-gap:50px;column-gap:50px;max-width:unset;padding-bottom:0;margin-bottom:0;justify-content:center}.box-01 .box-01-wrapper .section_2 .scontainer-content #nav_tabs::before{display:none}.box-01 .box-01-wrapper .section_2 .scontainer-content #nav_tabs li{width:100%;max-width:300px}.box-01 .box-01-wrapper .section_2 .scontainer-content #nav_tabs li a{font-size:18px;line-height:22px;padding:30px}.box-01 .box-01-wrapper .section_3{grid-area:s3}.box-01 .box-01-wrapper .section_3 .scontainer-content .row{display:none}.box-01 .box-01-wrapper .section_3 .scontainer-content .row.active{display:block}.box-01 .box-01-wrapper .section_3 .scontainer-content .row img{margin-bottom:80px;width:100%;max-width:-moz-fit-content;max-width:fit-content}.box-01 .box-01-wrapper .section_3 .scontainer-content .row h3{font-weight:300;font-size:30px;line-height:36px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:22px}.box-01 .box-01-wrapper .section_3 .scontainer-content .row p{font-weight:400;font-size:16px;line-height:27px;letter-spacing:.07em;margin-bottom:0}.box-01 .box-01-wrapper .section_3 .scontainer-content .row ul{list-style:initial;padding-left:20px}.box-01 .box-01-wrapper .section_4{grid-area:s4}.box-01 .box-01-wrapper .section_4 .tiles{display:grid;grid-template-columns:1fr 1fr}.box-01 .box-01-wrapper .section_4 .tiles .tile_2{position:relative}.box-01 .box-01-wrapper .section_4 .tiles .tile_2::before{content:"";position:absolute;top:0;bottom:0;width:110px;background:rgba(244,244,244,.9)}.box-01 .box-01-wrapper .section_4 .tiles .tile_2 img{height:100%;-o-object-fit:cover;object-fit:cover}.box-01 .box-01-wrapper .section_4 .tiles .tile_1{padding:90px;display:flex;flex-direction:column;justify-content:center;background:rgba(244,244,244,.9)}.box-01 .box-01-wrapper .section_4 .tiles .tile h2{position:relative;font-weight:400;font-size:30px;line-height:36px;letter-spacing:.07em;text-transform:uppercase;padding-bottom:33px;margin-bottom:40px}.box-01 .box-01-wrapper .section_4 .tiles .tile h2::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#000}.box-01 .box-01-wrapper .section_4 .tiles .tile p{font-weight:400;font-size:16px;line-height:27px;letter-spacing:.07em}@media(max-width: 991px){.box-01 .box-01-wrapper .section_4 .tiles{grid-template-columns:1fr}.box-01 .box-01-wrapper .section_4 .tiles .tile_1{padding:30px}.box-01 .box-01-wrapper .section_4 .tiles .tile_2{grid-row:1}.box-01 .box-01-wrapper .section_4 .tiles .tile_2::before{top:auto;left:0;right:0;height:110px;width:100%}}.box-01 .box-01-wrapper .section_5{grid-area:s5;position:relative;padding-right:50px;padding-bottom:15px}.box-01 .box-01-wrapper .section_5::before{content:"";position:absolute;bottom:0;right:0;width:60%;height:1px;background:#6c6d70}.box-01 .box-01-wrapper .section_5::after{content:"";position:absolute;bottom:0;right:0;width:1px;height:90%;background:#6c6d70}.box-01 .box-01-wrapper .section_5 #scontainer-49{height:100%}.box-01 .box-01-wrapper .section_5 .scontainer-content{height:100%}.box-01 .box-01-wrapper .section_5 .scontainer-content .row{height:100%;display:none}.box-01 .box-01-wrapper .section_5 .scontainer-content .row.active{display:block}.box-01 .box-01-wrapper .section_5 .scontainer-content .row .col-12{height:100%;display:flex;flex-direction:column;justify-content:space-around}.box-01 .box-01-wrapper .section_5 .scontainer-content .row p{font-weight:400;font-size:16px;line-height:27px;letter-spacing:.07em}@media(max-width: 1619px){.box-01 .box-01-wrapper{-moz-column-gap:70px;column-gap:70px;grid-template-columns:350px minmax(600px, 1fr)}}@media(max-width: 1199px){.box-01 .box-01-wrapper{grid-template-columns:350px minmax(600px, 1fr)}}@media(max-width: 991px){.box-01 .box-01-wrapper{grid-template-columns:1fr;grid-template-areas:"s4" "s2" "s3" "s5";row-gap:60px}.box-01 .box-01-wrapper .section_1{display:none}.box-01 .box-01-wrapper .section_3 .scontainer-content .row img{display:block;margin-left:auto;margin-right:auto}.box-01 .box-01-wrapper .section_5{padding-bottom:50px}}.box-02{margin-bottom:150px}.box-02 .box-02-wrapper .col-left h3:not(:first-child){margin-top:30px}.box-02 .box-02-wrapper .col-left ul{display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:80px;column-gap:80px;row-gap:15px}.box-02 .box-02-wrapper .col-left ul li img{margin-bottom:15px;width:190px;max-width:190px;height:65px;-o-object-fit:cover;object-fit:cover}.box-02 .box-02-wrapper .col-left ul li p{font-weight:300;font-size:12px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0}@media(max-width: 991px){.box-02 .box-02-wrapper .col-left ul{-moz-column-gap:55px;column-gap:55px}}.box-02 .box-02-wrapper .col-right h2{font-weight:400;font-size:30px;line-height:36px;letter-spacing:.07em;text-transform:uppercase;padding-bottom:28px;margin-bottom:75px;margin-top:20px;border-bottom:1px solid #000}.box-02 .box-02-wrapper .col-right img{display:block;margin-left:auto}@media(max-width: 991px){.box-02 .box-02-wrapper .row{flex-direction:column-reverse;gap:60px}.box-02 .box-02-wrapper .col-lg-6:nth-child(2) img{margin-right:auto}}.box-03 .box-03-wrapper .scontainer-content .row:nth-child(1){margin-bottom:35px}.box-03 .box-03-wrapper .scontainer-content .row:nth-child(1) .tiles .tile_1{grid-column:2;grid-row:1}.box-03 .box-03-wrapper .scontainer-content .row:nth-child(1) .tiles .tile_2{grid-column:1;grid-row:1}.box-03 .box-03-wrapper .scontainer-content .row:nth-child(2) .tiles .tile_1::before{right:0}.box-03 .box-03-wrapper .tiles{display:grid;grid-template-columns:1fr 1fr}.box-03 .box-03-wrapper .tiles .tile_1{position:relative}.box-03 .box-03-wrapper .tiles .tile_1::before{content:"";position:absolute;top:0;bottom:0;width:110px;background:rgba(244,244,244,.9)}.box-03 .box-03-wrapper .tiles .tile_1 img{height:100%;-o-object-fit:cover;object-fit:cover}.box-03 .box-03-wrapper .tiles .tile_2{padding:90px;display:flex;flex-direction:column;justify-content:center;background:rgba(244,244,244,.9)}.box-03 .box-03-wrapper .tiles .tile h2{position:relative;font-weight:400;font-size:30px;line-height:36px;letter-spacing:.07em;text-transform:uppercase;padding-bottom:33px;margin-bottom:40px}.box-03 .box-03-wrapper .tiles .tile h2::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#000}.box-03 .box-03-wrapper .tiles .tile h4{font-weight:400;font-size:18px;line-height:22px;margin-bottom:30px}.box-03 .box-03-wrapper .tiles .tile p{font-weight:400;font-size:16px;line-height:27px;letter-spacing:.07em}@media(max-width: 991px){.box-03 .box-03-wrapper .row:first-child .tiles{grid-template-columns:1fr}.box-03 .box-03-wrapper .row:first-child .tiles .tile_1{grid-row:auto !important;grid-column:auto !important}.box-03 .box-03-wrapper .row:first-child .tiles .tile_1::before{height:110px;width:100%;left:0;right:0;top:auto}.box-03 .box-03-wrapper .row:first-child .tiles .tile_2{grid-row:auto !important;grid-column:auto !important}.box-03 .box-03-wrapper .row:last-child .tiles{grid-template-columns:1fr}.box-03 .box-03-wrapper .row:last-child .tiles .tile_1::before{height:110px;width:100%;left:0;right:0;top:auto}}@media(max-width: 575px){.box-03 .box-03-wrapper:first-child .tiles .tile_2{padding:30px}}.box-04#our-catalog .scontainer-content>.row:nth-child(1) .col-12::before{content:"";position:absolute;inset:0 15px;background-color:#000}.box-04#our-catalog .scontainer-content>.row:nth-child(1) .col-12 img{position:relative}.box-04#our-catalog .scontainer-content>.row:nth-child(2) a{font-size:17px;letter-spacing:.05em;line-height:20px}.box-04#our-catalog .scontainer-content>.row:nth-child(2) span.line::before{content:"";position:absolute;left:15px;right:15px;height:9px}.box-04#our-catalog .scontainer-content>.row:nth-child(2) span.line:nth-child(1)::before{bottom:45px;background:rgba(231,220,208,.8)}.box-04#our-catalog .scontainer-content>.row:nth-child(2) span.line:nth-child(2)::before{bottom:25px;background:#d8d8d8}.box-04#our-catalog .scontainer-content>.row:nth-child(2) span.line:nth-child(3)::before{bottom:5px;background:#6c6d70}/*# sourceMappingURL=fensterabdeckungen.css.map */ |