1 line
13 KiB
CSS
1 line
13 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::before{max-width:600px;left:60%}@media(min-width: 1200px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1){left:280px;top:-82px}.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{bottom:0}.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::after{display:none}.box-03 #product-popup-box .row .box-data ul li:nth-child(1) p{max-width:720px;text-align:left;margin-left:0;padding-left:25px;padding-top:0;padding-bottom:45px}.box-03 #product-popup-box .row .box-data ul li:nth-child(1) p::after{height:calc(100% - 18px);top:0;left:9px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2){left:15px;top:50px;right:60px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2) p{max-width:500px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3){left:25px;top:110px;right:280px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3) p{max-width:450px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4){left:230px;top:180px;right:100px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4) p{max-width:480px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5){left:240px;top:310px;right:170px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5) p{max-width:670px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6){left:110px;top:400px;right:130px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6) p{max-width:340px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7){left:450px;top:490px;right:170px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7) p{max-width:280px}.box-03 #product-popup-box .row .box-data ul li:nth-child(8){left:280px;top:550px;right:470px}.box-03 #product-popup-box .row .box-data ul li:nth-child(8)::after{display:none}.box-03 #product-popup-box .row .box-data ul li:nth-child(8) p{max-width:240px;margin-left:0;padding-top:50px;padding-left:25px;text-align:left}.box-03 #product-popup-box .row .box-data ul li:nth-child(8) p::after{left:9px;top:18px;height:calc(100% - 18px)}}@media(max-width: 1199px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{content:"1";left:340px;top:20px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{content:"2";left:15px;top:70px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{content:"3";left:30px;top:150px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{content:"4";left:230px;top:220px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{content:"5";left:250px;top:330px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{content:"6";left:125px;top:410px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{content:"7";left:436px;top:485px}.box-03 #product-popup-box .row .box-data ul li:nth-child(8)::before{content:"8";left:310px;top:555px}}@media(max-width: 575px){.box-03 #product-popup-box .row .box-data ul li:nth-child(1)::before{left:210px;top:15px}.box-03 #product-popup-box .row .box-data ul li:nth-child(2)::before{left:5px;top:55px}.box-03 #product-popup-box .row .box-data ul li:nth-child(3)::before{left:25px;top:115px}.box-03 #product-popup-box .row .box-data ul li:nth-child(4)::before{left:150px;top:150px}.box-03 #product-popup-box .row .box-data ul li:nth-child(5)::before{left:130px;top:210px}.box-03 #product-popup-box .row .box-data ul li:nth-child(6)::before{left:70px;top:280px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{left:270px;top:300px}.box-03 #product-popup-box .row .box-data ul li:nth-child(7)::before{left:190px;top:345px}}.box-05 #product-colors .color-tiles-grid{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:60px;column-gap:60px;row-gap:70px}@media(max-width: 767px){.box-05 #product-colors .color-tiles-grid{grid-template-columns:1fr}}.box-05 #product-colors .color-tiles-title{padding-left:60px}.box-05 #product-colors .color-tiles-title::before{width:40px}.box-05 #product-colors .color-tiles-data{display:flex;flex-direction:column;row-gap:17px;overflow:hidden}.box-05 #product-colors .color-tiles-data li img{width:100%;max-width:126px}.box-05 #product-colors .color-tiles-rows{display:flex;flex-direction:column;-moz-column-gap:60px;column-gap:60px;row-gap:70px}.box-05 #product-colors .vp-80 .color-tile-content{display:flex;flex-direction:row;-moz-column-gap:80px;column-gap:80px;row-gap:40px;align-items:center}@media(max-width: 767px){.box-05 #product-colors .vp-80 .color-tile-content{flex-direction:column-reverse}}.box-05 #product-colors .vp-80 .color-tiles-data{display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:15px;column-gap:15px;row-gap:17px;align-items:flex-start;overflow:hidden}.box-05 #product-colors .vp-80 .color-tiles-data li{display:flex;flex-direction:column;align-items:flex-start;row-gap:7px}.box-05 #product-colors .vp-80 .color-tiles-data li img{width:100%;max-width:126px}.box-05 #product-colors .vp-80 .color-tiles-data li p{font-weight:300;font-size:13px;line-height:15px;letter-spacing:.05em;text-transform:initial;margin-bottom:0}.box-05 #product-colors .vp-80 .tile-emblem{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:256px;min-width:256px;height:256px;border-radius:100%;text-align:center}.box-05 #product-colors .vp-80 .tile-emblem-black{color:#fff;background-color:#000}.box-05 #product-colors .vp-80 .tile-emblem-black p::before{background-color:#fff}.box-05 #product-colors .vp-80 .tile-emblem-gray{color:#000;background-color:#ece9e2}.box-05 #product-colors .vp-80 .tile-emblem-gray p::before{background-color:#000}.box-05 #product-colors .vp-80 .tile-emblem-brown{color:#fff;background-color:#69503b}.box-05 #product-colors .vp-80 .tile-emblem-brown p::before{background-color:#fff}.box-05 #product-colors .vp-80 .tile-emblem h2{font-weight:700;font-size:25px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}.box-05 #product-colors .vp-80 .tile-emblem p{position:relative;font-weight:300;font-size:15px;line-height:35px;letter-spacing:.15em;padding-bottom:35px}.box-05 #product-colors .vp-80 .tile-emblem p::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:1px;width:70px}.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1):not(:first-child)::before{left:auto;right:0}.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1):not(:first-child) .color-tiles-title{text-align:right;padding-left:0;padding-right:60px}.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1):not(:first-child) .color-tiles-title::before{left:auto;right:0}.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1) .color-tile-content{flex-direction:row-reverse}.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1) .color-tile-content .color-tiles-data{justify-content:flex-end;padding-left:0;padding-right:60px}@media(max-width: 767px){.box-05 #product-colors .vp-80 .color-tiles:nth-child(2n+1) .color-tile-content{flex-direction:column-reverse}}/*# sourceMappingURL=kunststofffenster.css.map */ |