1 line
10 KiB
CSS
1 line
10 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-03 #product-popup-box .row:first-child{transform:translateX(-25%)}.box-03 #product-popup-box .row:first-child::before{max-width:600px;left:60%}.box-03 #product-popup-box .row .box-data{padding-bottom:50px}@media(min-width: 1200px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1){left:150px;top:0px;right:200px}.box-03 #product-popup-box .row .box-data ul li:nth-child(1) p{max-width:250px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2){left:10px;top:100px;right:350px}.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:270px;top:200px;right:130px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3) p{max-width:540px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4){left:60px;top:265px;right:350px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4) p{max-width:240px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5){left:140px;top:415px;right:170px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5) p{max-width:375px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6){left:270px;top:540px}.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:580px;margin-left:0;margin-right:auto;padding-top:120px;padding-left:25px;text-align:left}.box-03 #product-popup-box .row .box-data ul li:nth-child(6) p::after{right:auto;left:9px;top:17.5px;height:calc(100% - 18px)}.box-03 #product-popup-box .row .box-data ul li:nth-child(7){left:40px;top:560px;right:300px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7) p{max-width:350px}}@media(max-width: 1199px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{content:"1";left:200px;top:25px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{content:"2";left:20px;top:95px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{content:"3";left:280px;top:160px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{content:"4";left:75px;top:260px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{content:"5";left:165px;top:405px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{content:"6";left:265px;top:545px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{content:"7";left:110px;top:565px}}@media(max-width: 575px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{left:220px;top:5px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{left:20px;top:80px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{left:270px;top:125px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{left:80px;top:190px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{left:150px;top:405px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{left:260px;top:530px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{left:108px;top:545px}}.box-05 .color-tiles-data{display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));-moz-column-gap:50px;column-gap:50px;row-gap:17px}.box-06 .color_pallet{position:relative}.box-06 .color_pallet::before{content:"";position:absolute;left:0;top:12px;bottom:0;width:1px;background:#6c6d70}.box-06 .color_pallet .color_pallet_title{position:relative;padding-left:240px}.box-06 .color_pallet .color_pallet_title::before{content:"";position:absolute;left:0;top:50%;width:213px;height:1px;background:#6c6d70;transform:translateY(-50%)}.box-06 .color_pallet .color_pallet_title h2{font-weight:400;font-size:25px;line-height:25px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0}.box-06 .color_pallet .color_pallet_data{padding-left:60px;padding-top:50px}@media(max-width: 767px){.box-06 .color_pallet .color_pallet_title{padding-left:150px}.box-06 .color_pallet .color_pallet_title::before{width:120px}}@media(max-width: 575px){.box-06 .color_pallet .color_pallet_title{padding-left:90px}.box-06 .color_pallet .color_pallet_title::before{width:60px}}/*# sourceMappingURL=alu-fenster.css.map */ |