1 line
17 KiB
CSS
1 line
17 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}.page-content{overflow:hidden}.box-01 #nav_tabs{max-width:635px}@media(min-width: 1200px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1){left:230px;top:15px;right:150px}.box-03 #product-popup-box .row .box-data ul li:nth-child(1) p{max-width:310px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2){left:120px;top:150px;right:40px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2) p{max-width:380px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3){left:445px;top:260px;right:100px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3) p{max-width:370px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4){left:0px;top:340px;right:40px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4) p{max-width:430px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5){left:440px;top:490px;right:40px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5) p{max-width:270px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6){left:300px;top:505px;right:200px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::after{display:none}.box-03 #product-popup-box .row .box-data ul li:nth-child(6) p{max-width:250px;margin-left:0;text-align:left;padding-top:55px;padding-left:25px;padding-right:0}.box-03 #product-popup-box .row .box-data ul li:nth-child(6) p::after{left:9px;top:19px;height:calc(100% - 19px)}}@media(max-width: 1199px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{content:"1";left:230px;top:15px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{content:"2";left:240px;top:65px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{content:"3";left:120px;top:150px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{content:"4";left:445px;top:260px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{content:"5";left:0px;top:340px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{content:"6";left:440px;top:490px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{content:"7";left:460px;top:475px}.box-03 #product-popup-box .row .box-data ul li:nth-child(8)::before{content:"8";left:350px;top:495px}}@media(max-width: 575px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{left:140px;top:5px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{left:150px;top:60px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{left:80px;top:125px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{left:280px;top:160px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{left:10px;top:185px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{left:280px;top:260px}}.box-05 .scontainer-content .row:nth-child(1) .color-tiles .color-tiles-data{display:grid;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));gap:30px}.box-05 .scontainer-content .row:nth-child(3) .color-tiles .color-tiles-data{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:20px}.box-05 .scontainer-content .row:nth-child(3) .color-tiles .color-tiles-data li{flex-direction:column;align-items:flex-start;row-gap:15px}.box-06{display:none;margin-bottom:100px}.box-06 .color_tiles_head{padding:45px 50px 30px;background:#f4f4f4;margin-bottom:45px}.box-06 .color_tiles_head h2{font-size:30px;font-weight:300;line-height:25px;letter-spacing:.15em}.box-06 .color_tiles_head p{font-size:16px;font-weight:300;line-height:25px;letter-spacing:.05em;margin-bottom:0}.box-06 #product-colors .color_tiles>h2{position:relative;font-weight:700;font-size:25px;line-height:30px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0px;padding-left:220px}.box-06 #product-colors .color_tiles>h2::before{content:"";position:absolute;top:15px;left:0;width:180px;height:1px;background:#6c6d70}.box-06 #product-colors .color_tiles .color_tiles_data{position:relative;padding-top:50px;padding-left:60px}.box-06 #product-colors .color_tiles .color_tiles_data::before{content:"";position:absolute;top:-15px;bottom:0;left:0;width:1px;background:#6c6d70}.box-06 #product-colors .color_tiles .color_tiles_data .color_box:not(:last-child){margin-bottom:90px}.box-06 #product-colors .color_tiles .color_tiles_data .color_box_1 h2::before{display:none}.box-06 #product-colors .color_tiles .color_tiles_data .color_box h2{position:relative;font-weight:700;font-size:25px;line-height:30px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:17px}.box-06 #product-colors .color_tiles .color_tiles_data .color_box h2::before{content:"";position:absolute;top:15px;right:0;width:100%;height:1px;background:#6c6d70;z-index:-1}.box-06 #product-colors .color_tiles .color_tiles_data .color_box h2 span{background:#fff;padding-right:50px}.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:calc(20% - 16px)}.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li img{width:100%;max-width:163px;height:100%;max-height:44px;-o-object-fit:cover;object-fit:cover}.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li p{font-weight:300;font-size:16px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0}@media(max-width: 1359px){.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li{width:calc(25% - 15px)}}@media(max-width: 1199px){.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li{width:calc(33.3333333333% - 15px)}}@media(max-width: 991px){.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li{width:calc(50% - 10px)}}@media(max-width: 575px){.box-06 #product-colors .color_tiles>h2{padding-left:100px}.box-06 #product-colors .color_tiles>h2::before{width:70px}.box-06 #product-colors .color_tiles .color_tiles_data .color_box ul li{width:100%;align-items:center}}.box-07{display:none}.box-07 .color_pallet{position:relative}.box-07 .color_pallet::before{content:"";position:absolute;left:0;top:12px;bottom:0;width:1px;background:#6c6d70}.box-07 .color_pallet .color_pallet_title{position:relative;padding-left:240px}.box-07 .color_pallet .color_pallet_title::before{content:"";position:absolute;left:0;top:50%;width:213px;height:1px;background:#6c6d70;transform:translateY(-50%)}.box-07 .color_pallet .color_pallet_title h2{font-weight:400;font-size:25px;line-height:25px;letter-spacing:.15em;text-transform:uppercase}.box-07 .color_pallet .color_pallet_data{padding-left:60px;padding-top:50px}@media(max-width: 767px){.box-07 .color_pallet .color_pallet_title{padding-left:150px}.box-07 .color_pallet .color_pallet_title::before{width:120px}}@media(max-width: 575px){.box-07 .color_pallet .color_pallet_title{padding-left:90px}.box-07 .color_pallet .color_pallet_title::before{width:60px}}.box-09{margin-bottom:50px}.box-09 .scontainer-content{position:relative}.box-09 .scontainer-content::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100vw;background-color:#f4f4f4}.box-09 .scontainer-content .row-first .col-lg-5{position:relative}.box-09 .scontainer-content .row-first .col-lg-5 img{position:absolute;left:0;top:0;max-width:unset !important;width:-moz-fit-content !important;width:fit-content !important;height:100%}.box-09 .scontainer-content .col-7-first{padding-top:80px;padding-left:100px;margin-bottom:75px}.box-09 .scontainer-content .col-7-first>.tile:nth-child(1){margin-bottom:75px}.box-09 .scontainer-content .col-7-first>.tile:nth-child(2) .tile-data{display:flex;flex-direction:row;align-items:flex-end;gap:30px}.box-09 .scontainer-content .col-7-first>.tile:nth-child(2) .tile-data p{margin-bottom:0}@media(max-width: 575px){.box-09 .scontainer-content .col-7-first>.tile:nth-child(2) .tile-data{flex-direction:column;align-items:center}}.box-09 .scontainer-content .col-7-second{padding-bottom:80px;padding-left:100px}.box-09 .scontainer-content .col-7-second .tile{position:relative;padding-left:50px;padding-top:50px}.box-09 .scontainer-content .col-7-second .tile::before{content:"";position:absolute;left:0;top:0;width:1px;height:80%;background:#000}.box-09 .scontainer-content .col-7-second .tile::after{content:"";position:absolute;left:0;top:0;width:60%;height:1px;background:#000}.box-09 .scontainer-content .col-5-second{padding-top:50px;padding-bottom:50px}.box-09 .scontainer-content .col-5-second ul li:not(:last-child){margin-bottom:70px}.box-09 .scontainer-content .col-5-second ul li h2{font-weight:300;font-size:25px;line-height:30px;letter-spacing:.07em;text-transform:uppercase}.box-09 .scontainer-content .col-5-second ul li h2 strong{font-weight:700}.box-09 .scontainer-content .tile-header{position:relative;padding-left:60px}.box-09 .scontainer-content .tile-header::before{content:"";position:absolute;left:0;top:50%;width:35px;height:1px;background:#000;transform:translateY(-50%)}.box-09 .scontainer-content .tile-header::after{content:"";position:absolute;left:0;top:50%;width:1px;height:100%;background:#000}.box-09 .scontainer-content .tile-header h2{font-weight:700;font-size:25px;line-height:25px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0}.box-09 .scontainer-content .tile-data{position:relative;padding-top:60px;padding-left:60px;border-left:1px solid #000}.box-09 .scontainer-content .tile-data ul.ul-1{margin-bottom:75px}.box-09 .scontainer-content .tile-data ul.ul-1 li{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;row-gap:20px;align-items:center}.box-09 .scontainer-content .tile-data ul.ul-1 li:not(:last-child){margin-bottom:100px}@media(max-width: 575px){.box-09 .scontainer-content .tile-data ul.ul-1 li{flex-direction:column}}.box-09 .scontainer-content .tile-data ul.ul-2{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.box-09 .scontainer-content .tile-data ul.ul-2 li{max-width:225px}.box-09 .scontainer-content .tile-data ul.ul-2 li h3{font-weight:700;font-size:20px;line-height:24px}@media(max-width: 575px){.box-09 .scontainer-content .tile-data ul.ul-2{justify-content:center;text-align:center}}.box-09 .scontainer-content .tile-data ul li .tile-data-texts h3{font-weight:700;font-size:20px;line-height:24px}.box-09 .scontainer-content .tile-data ul li .tile-data-texts p{font-weight:300;font-size:16px;line-height:25px;margin-bottom:0}@media(max-width: 575px){.box-09 .scontainer-content .tile-data{padding-top:30px;padding-left:0}}@media(max-width: 991px){.box-09 .scontainer-content::before{width:100%}}@media(max-width: 767px){.box-09 .scontainer-content .col-7-first{padding-left:30px;padding-top:30px;margin-bottom:30px}.box-09 .scontainer-content .col-7-second{padding-left:30px;padding-bottom:30px}.box-09 .scontainer-content .col-7-second .tile{padding-right:50px}.box-09 .scontainer-content .col-5-second{padding-left:80px;padding-right:80px}.box-09 .scontainer-content .col-5-second ul li:not(:last-child){margin-bottom:30px}}/*# sourceMappingURL=holzfenster.css.map */ |