From d6e48fa0fb1fbb79f9ea5e062c11ef8e19f7c859 Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Thu, 19 Dec 2024 10:17:17 +0100 Subject: [PATCH] Save --- layout/style-css/fensterabdeckungen.css | 2 +- layout/style-css/fensterabdeckungen.css.map | 2 +- layout/style-scss/fensterabdeckungen.scss | 48 ++++++++++++--------- 3 files changed, 30 insertions(+), 22 deletions(-) diff --git a/layout/style-css/fensterabdeckungen.css b/layout/style-css/fensterabdeckungen.css index 1dcfd9d..c16daad 100644 --- a/layout/style-css/fensterabdeckungen.css +++ b/layout/style-css/fensterabdeckungen.css @@ -1 +1 @@ -@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 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}.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 */ \ No newline at end of file +@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 */ \ No newline at end of file diff --git a/layout/style-css/fensterabdeckungen.css.map b/layout/style-css/fensterabdeckungen.css.map index d81746a..fe4e345 100644 --- a/layout/style-css/fensterabdeckungen.css.map +++ b/layout/style-css/fensterabdeckungen.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\style-scss\\fensterabdeckungen.scss","..\\style-scss\\_variables.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"fensterabdeckungen.css","sourcesContent":["@import url(\"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\");\r\n@import \"variables\";\r\n@import \"_mixins\";\r\n\r\n.container {\r\n\t@include respond-above(xl) {\r\n\t\tmax-width: 1300px;\r\n\t}\r\n}\r\n\r\n.page-content {\r\n\toverflow: hidden;\r\n}\r\n\r\n.box-01 {\r\n\tmargin-bottom: 180px;\r\n\t.box-01-wrapper {\r\n\t\tpadding-top: 20px;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 400px minmax(700px, 1fr);\r\n\t\tcolumn-gap: 150px;\r\n\t\tgrid-template-areas:\r\n\t\t\t\"s1 s1\"\r\n\t\t\t\"s4 s4\"\r\n\t\t\t\"s2 s2\"\r\n\t\t\t\"s3 s5\";\r\n\r\n\t\t.section {\r\n\t\t\t&_1 {\r\n\t\t\t\tgrid-area: s1;\r\n\t\t\t\tmargin-bottom: 60px;\r\n\r\n\t\t\t\t.tiles {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\tcolumn-gap: 130px;\r\n\t\t\t\t\trow-gap: 50px;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t\tmargin-right: auto;\r\n\r\n\t\t\t\t\t.tile {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\t\t\trow-gap: 28px;\r\n\t\t\t\t\t\twidth: 200px;\r\n\t\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tright: calc(-130px / 2);\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&_2 {\r\n\t\t\t\tgrid-area: s2;\r\n\t\t\t\tpadding-top: 80px;\r\n\t\t\t\tpadding-bottom: 80px;\r\n\r\n\t\t\t\t.scontainer-content {\r\n\t\t\t\t\th2 {\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\tfont-size: 30px;\r\n\t\t\t\t\t\tline-height: 36px;\r\n\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t#nav_tabs {\r\n\t\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\t\trow-gap: 32px;\r\n\t\t\t\t\t\tcolumn-gap: 50px;\r\n\t\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t\tpadding-bottom: 0;\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tmax-width: 300px;\r\n\r\n\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\t\t\tline-height: 22px;\r\n\t\t\t\t\t\t\t\tpadding: 30px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&_3 {\r\n\t\t\t\tgrid-area: s3;\r\n\r\n\t\t\t\t.scontainer-content {\r\n\t\t\t\t\t.row {\r\n\t\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tmargin-bottom: 80px;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\th3 {\r\n\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\tfont-size: 30px;\r\n\t\t\t\t\t\t\tline-height: 36px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\t\tmargin-bottom: 22px;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 27px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\tlist-style: initial;\r\n\t\t\t\t\t\t\tpadding-left: 20px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&_4 {\r\n\t\t\t\tgrid-area: s4;\r\n\r\n\t\t\t\t.tiles {\r\n\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\tgrid-template-columns: 1fr 1fr;\r\n\r\n\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\t\twidth: 110px;\r\n\t\t\t\t\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\tpadding: 90px;\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\th2 {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 30px;\r\n\t\t\t\t\t\t\tline-height: 36px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\t\tpadding-bottom: 33px;\r\n\t\t\t\t\t\t\tmargin-bottom: 40px;\r\n\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\theight: 1px;\r\n\t\t\t\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 27px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@include respond-below(md) {\r\n\t\t\t\t\t\tgrid-template-columns: 1fr;\r\n\r\n\t\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\t\tpadding: 30px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\t\tgrid-row: 1;\r\n\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\t\theight: 110px;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&_5 {\r\n\t\t\t\tgrid-area: s5;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding-right: 50px;\r\n\t\t\t\tpadding-bottom: 15px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\twidth: 60%;\r\n\t\t\t\t\theight: 1px;\r\n\t\t\t\t\tbackground: #6c6d70;\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\twidth: 1px;\r\n\t\t\t\t\theight: 90%;\r\n\t\t\t\t\tbackground: #6c6d70;\r\n\t\t\t\t}\r\n\t\t\t\t#scontainer-49 {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.scontainer-content {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t.row {\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.col-12 {\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\t\tjustify-content: space-around;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\tline-height: 27px;\r\n\t\t\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(xxl) {\r\n\t\t.box-01-wrapper {\r\n\t\t\tcolumn-gap: 70px;\r\n\t\t\tgrid-template-columns: 350px minmax(600px, 1fr);\r\n\t\t}\r\n\t}\r\n\t@include respond-below(lg) {\r\n\t\t.box-01-wrapper {\r\n\t\t\tgrid-template-columns: 350px minmax(600px, 1fr);\r\n\t\t}\r\n\t}\r\n\t@include respond-below(md) {\r\n\t\t.box-01-wrapper {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t\"s4\"\r\n\t\t\t\t\"s2\"\r\n\t\t\t\t\"s3\"\r\n\t\t\t\t\"s5\";\r\n\t\t\trow-gap: 60px;\r\n\r\n\t\t\t.section {\r\n\t\t\t\t&_1 {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t&_3 {\r\n\t\t\t\t\t.scontainer-content {\r\n\t\t\t\t\t\t.row {\r\n\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t\t\t\t\tmargin-right: auto;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&_5 {\r\n\t\t\t\t\tpadding-bottom: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-02 {\r\n\tmargin-bottom: 150px;\r\n\r\n\t.box-02-wrapper {\r\n\t\t.col-left {\r\n\t\t\tul {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tcolumn-gap: 80px;\r\n\t\t\t\trow-gap: 15px;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\tmargin-bottom: 15px;\r\n\t\t\t\t\t\twidth: 190px;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tp {\r\n\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\t\tletter-spacing: 0.15em;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@include respond-below(md) {\r\n\t\t\t\tul {\r\n\t\t\t\t\tcolumn-gap: 55px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.col-right {\r\n\t\t\th2 {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 30px;\r\n\t\t\t\tline-height: 36px;\r\n\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tpadding-bottom: 28px;\r\n\t\t\t\tmargin-bottom: 75px;\r\n\t\t\t\tmargin-top: 20px;\r\n\t\t\t\tborder-bottom: 1px solid $cBlack;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin-left: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(md) {\r\n\t\t.box-02-wrapper {\r\n\t\t\t.row {\r\n\t\t\t\tflex-direction: column-reverse;\r\n\t\t\t\tgap: 60px;\r\n\t\t\t}\r\n\t\t\t.col-lg-6 {\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\tmargin-right: auto;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-03 {\r\n\t.box-03-wrapper {\r\n\t\t.scontainer-content {\r\n\t\t\t.row {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\tmargin-bottom: 35px;\r\n\r\n\t\t\t\t\t.tiles {\r\n\t\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\t\tgrid-column: 2;\r\n\t\t\t\t\t\t\t\tgrid-row: 1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\t\tgrid-column: 1;\r\n\t\t\t\t\t\t\t\tgrid-row: 1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t.tiles {\r\n\t\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.tiles {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr 1fr;\r\n\r\n\t\t\t.tile {\r\n\t\t\t\t&_1 {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\twidth: 110px;\r\n\t\t\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&_2 {\r\n\t\t\t\t\tpadding: 90px;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tbackground: rgba(#f4f4f4, 0.9);\r\n\t\t\t\t}\r\n\t\t\t\timg {\r\n\t\t\t\t}\r\n\r\n\t\t\t\th2 {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 30px;\r\n\t\t\t\t\tline-height: 36px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\tpadding-bottom: 33px;\r\n\t\t\t\t\tmargin-bottom: 40px;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\theight: 1px;\r\n\t\t\t\t\t\tbackground: $cBlack;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\th4 {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\tline-height: 22px;\r\n\t\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tline-height: 27px;\r\n\t\t\t\t\tletter-spacing: 0.07em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(md) {\r\n\t\t.box-03-wrapper {\r\n\t\t\t.row {\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\t.tiles {\r\n\t\t\t\t\t\tgrid-template-columns: 1fr;\r\n\t\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\t\tgrid-row: auto !important;\r\n\t\t\t\t\t\t\t\tgrid-column: auto !important;\r\n\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\theight: 110px;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\t\tgrid-row: auto !important;\r\n\t\t\t\t\t\t\t\tgrid-column: auto !important;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\t.tiles {\r\n\t\t\t\t\t\tgrid-template-columns: 1fr;\r\n\r\n\t\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t\t&_1 {\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\theight: 110px;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include respond-below(xs) {\r\n\t\t.box-03-wrapper {\r\n\t\t\t&:first-child {\r\n\t\t\t\t.tiles {\r\n\t\t\t\t\t.tile {\r\n\t\t\t\t\t\t&_2 {\r\n\t\t\t\t\t\t\tpadding: 30px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-04 {\r\n\t&#our-catalog {\r\n\t\t.scontainer-content {\r\n\t\t\t& > .row {\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t.col-12 {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tinset: 0 15px;\r\n\t\t\t\t\t\t\tbackground-color: $cBlack;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tfont-size: 17px;\r\n\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tspan.line {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tleft: 15px;\r\n\t\t\t\t\t\t\tright: 15px;\r\n\t\t\t\t\t\t\theight: 9px;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tbottom: 45px;\r\n\t\t\t\t\t\t\t\tbackground: rgba(231, 220, 208, 0.8);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tbottom: 25px;\r\n\t\t\t\t\t\t\t\tbackground: #d8d8d8;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:nth-child(3) {\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tbottom: 5px;\r\n\t\t\t\t\t\t\t\tbackground: #6c6d70;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$cGrayText: #232323;\r\n\r\n$font1: 'Open Sans', sans-serif;\r\n$font2: 'Alegreya Sans', sans-serif;\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/fonts/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n","$breakpoints: (\r\n\txs: 576px,\r\n\tsm: 768px,\r\n\tmd: 992px,\r\n\tlg: 1200px,\r\n\txl: 1360px,\r\n\txxl: 1620px,\r\n);\r\n\r\n@mixin respond-above($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (min-width: $breakpoint-value) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-below($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (max-width: ($breakpoint-value - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-between($lower, $upper) {\r\n\t@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n\t\t$lower-breakpoint: map-get($breakpoints, $lower);\r\n\t\t$upper-breakpoint: map-get($breakpoints, $upper);\r\n\r\n\t\t@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (map-has-key($breakpoints, $lower) ==false) {\r\n\t\t\t@warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n\t\t}\r\n\r\n\t\t@if (map-has-key($breakpoints, $upper) ==false) {\r\n\t\t\t@warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin border-radius($px: 0) {\r\n\t-webkit-border-radius: $px;\r\n\t-moz-border-radius: $px;\r\n\tborder-radius: $px;\r\n}\r\n\r\n@mixin box-shadow($value) {\r\n\t-webkit-box-shadow: $value;\r\n\t-moz-box-shadow: $value;\r\n\tbox-shadow: $value;\r\n}\r\n\r\n@mixin transition($element: all, $time: 0.5s, $option: ease) {\r\n\t-webkit-transition: $element $time $option;\r\n\ttransition: $element $time $option;\r\n}\r\n\r\n@mixin opacity($value) {\r\n\t$IEValue: $value * 100;\r\n\topacity: $value;\r\n\t-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + $IEValue +\r\n\t\t')';\r\n\tfilter: alpha(opacity=$IEValue);\r\n}\r\n\r\n@mixin flexbox() {\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: flex;\r\n}\r\n\r\n@mixin flex($values) {\r\n\t-webkit-box-flex: $values;\r\n\t-moz-box-flex: $values;\r\n\t-webkit-flex: $values;\r\n\t-ms-flex: $values;\r\n\tflex: $values;\r\n}\r\n\r\n@mixin flex-direction($direction) {\r\n\t-webkit-flex-direction: $direction;\r\n\t-moz-flex-direction: $direction;\r\n\t-ms-flex-direction: $direction;\r\n\tflex-direction: $direction;\r\n}\r\n\r\n@mixin flex-wrap($wrap) {\r\n\t-webkit-flex-wrap: $wrap;\r\n\t-moz-flex-wrap: $wrap;\r\n\t-ms-flex-wrap: $wrap;\r\n\tflex-wrap: $wrap;\r\n}\r\n\r\n@mixin flex-flow($flow) {\r\n\t-webkit-flex-flow: $flow;\r\n\t-moz-flex-flow: $flow;\r\n\t-ms-flex-flow: $flow;\r\n\tflex-flow: $flow;\r\n}\r\n\r\n@mixin order($val) {\r\n\t-webkit-box-ordinal-group: $val;\r\n\t-moz-box-ordinal-group: $val;\r\n\t-ms-flex-order: $val;\r\n\t-webkit-order: $val;\r\n\torder: $val;\r\n}\r\n\r\n@mixin flex-grow($grow) {\r\n\t-webkit-flex-grow: $grow;\r\n\t-moz-flex-grow: $grow;\r\n\t-ms-flex-grow: $grow;\r\n\tflex-grow: $grow;\r\n}\r\n\r\n@mixin flex-shrink($shrink) {\r\n\t-webkit-flex-shrink: $shrink;\r\n\t-moz-flex-shrink: $shrink;\r\n\t-ms-flex-shrink: $shrink;\r\n\tflex-shrink: $shrink;\r\n}\r\n\r\n@mixin flex-basis($width) {\r\n\t-webkit-flex-basis: $width;\r\n\t-moz-flex-basis: $width;\r\n\t-ms-flex-basis: $width;\r\n\tflex-basis: $width;\r\n}\r\n\r\n@mixin justify-content($justify) {\r\n\t-webkit-justify-content: $justify;\r\n\t-moz-justify-content: $justify;\r\n\t-ms-justify-content: $justify;\r\n\tjustify-content: $justify;\r\n\t-ms-flex-pack: $justify;\r\n}\r\n\r\n@mixin align-content($align) {\r\n\t-webkit-align-content: $align;\r\n\t-moz-align-content: $align;\r\n\t-ms-align-content: $align;\r\n\talign-content: $align;\r\n}\r\n\r\n@mixin align-items($align) {\r\n\t-webkit-align-items: $align;\r\n\t-moz-align-items: $align;\r\n\t-ms-align-items: $align;\r\n\talign-items: $align;\r\n}\r\n\r\n@mixin align-self($align) {\r\n\t-webkit-align-self: $align;\r\n\t-moz-align-self: $align;\r\n\t-ms-align-self: $align;\r\n\talign-self: $align;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n//* ~~~~ Colors ~~~~ *//\r\n$cWhite: #fff;\r\n$cMilk: #fafafa;\r\n$cSand: #e7dcd0;\r\n$cSandLight: #e6dccf;\r\n$cGray: #d8d8d8;\r\n$cYellow: #ffe604;\r\n$cIron: #b2b3b7;\r\n$cLightBlue: #4ca8e6;\r\n$cDarkNight: #343431;\r\n$cDeepDark: #1d1d1b;\r\n$cBlack: #000;\r\n\r\n$cTxtWhite: #fff;\r\n$cTxtCloud: #d8d8d8;\r\n$cTxtLightBlue: #4ca8e6;\r\n$cTxtDark: #2c2d2f;\r\n$cTxtBlack: #000;\r\n//* ~~~~ Mixins ~~~~ *//\r\n\r\n@mixin btn_classic($f_size, $color, $h_color, $bg, $h_bg) {\r\n\ttext-align: center;\r\n\tfont-size: $f_size;\r\n\tfont-weight: 700;\r\n\tfont-family: $font2;\r\n\tcolor: $color;\r\n\tbackground: $bg;\r\n\ttext-transform: uppercase;\r\n\tline-height: 22px;\r\n\tpadding: 12px 15px;\r\n\tdisplay: inline-block;\r\n\tmin-width: 210px;\r\n\ttransition: all 0.3s ease;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\r\n\t&:hover {\r\n\t\tbackground: $h_bg;\r\n\t\tcolor: $h_color !important;\r\n\t}\r\n}\r\n\r\n//* ~~~~ Global ~~~~ *//\r\n.hidden {\r\n\tdisplay: none !important;\r\n}\r\n\r\n.box {\r\n\tpadding-top: 125px;\r\n\tpadding-bottom: 125px;\r\n\r\n\t@include respond-below(sm) {\r\n\t\tpadding-top: 90px;\r\n\t\tpadding-bottom: 90px;\r\n\t}\r\n}\r\n\r\n.box_title {\r\n\tfont-family: 'URW Form', sans-serif;\r\n\tfont-weight: 700;\r\n\tfont-size: 35px;\r\n\tline-height: 1.25;\r\n\tmargin-bottom: 28px;\r\n\ttext-transform: uppercase;\r\n\ttext-align: right;\r\n\tletter-spacing: 0.15em;\r\n}\r\n\r\n.box_subtitle {\r\n\tfont-family: 'URW Form';\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tfont-size: 30px;\r\n\tletter-spacing: 0.07em;\r\n\ttext-transform: uppercase;\r\n\tcolor: #000000;\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["../style-scss/fensterabdeckungen.scss","../style-scss/_variables.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"fensterabdeckungen.css"} \ No newline at end of file diff --git a/layout/style-scss/fensterabdeckungen.scss b/layout/style-scss/fensterabdeckungen.scss index 05fa432..52e9746 100644 --- a/layout/style-scss/fensterabdeckungen.scss +++ b/layout/style-scss/fensterabdeckungen.scss @@ -1,6 +1,6 @@ -@import url("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"); -@import "variables"; -@import "_mixins"; +@import url('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'); +@import 'variables'; +@import '_mixins'; .container { @include respond-above(xl) { @@ -20,10 +20,10 @@ grid-template-columns: 400px minmax(700px, 1fr); column-gap: 150px; grid-template-areas: - "s1 s1" - "s4 s4" - "s2 s2" - "s3 s5"; + 's1 s1' + 's4 s4' + 's2 s2' + 's3 s5'; .section { &_1 { @@ -52,7 +52,7 @@ &:not(:last-child) { &::before { - content: ""; + content: ''; position: absolute; right: calc(-130px / 2); top: 0; @@ -161,7 +161,7 @@ &_2 { position: relative; &::before { - content: ""; + content: ''; position: absolute; top: 0; bottom: 0; @@ -194,7 +194,7 @@ margin-bottom: 40px; &::before { - content: ""; + content: ''; position: absolute; bottom: 0; left: 0; @@ -241,7 +241,7 @@ padding-bottom: 15px; &::before { - content: ""; + content: ''; position: absolute; bottom: 0; right: 0; @@ -250,7 +250,7 @@ background: #6c6d70; } &::after { - content: ""; + content: ''; position: absolute; bottom: 0; right: 0; @@ -304,10 +304,10 @@ .box-01-wrapper { grid-template-columns: 1fr; grid-template-areas: - "s4" - "s2" - "s3" - "s5"; + 's4' + 's2' + 's3' + 's5'; row-gap: 60px; .section { @@ -338,6 +338,11 @@ .box-02-wrapper { .col-left { + h3 { + &:not(:first-child) { + margin-top: 30px; + } + } ul { display: flex; flex-direction: row; @@ -349,6 +354,9 @@ img { margin-bottom: 15px; width: 190px; + max-width: 190px; + height: 65px; + object-fit: cover; } p { font-weight: 300; @@ -447,7 +455,7 @@ &_1 { position: relative; &::before { - content: ""; + content: ''; position: absolute; top: 0; bottom: 0; @@ -481,7 +489,7 @@ margin-bottom: 40px; &::before { - content: ""; + content: ''; position: absolute; bottom: 0; left: 0; @@ -575,7 +583,7 @@ &:nth-child(1) { .col-12 { &::before { - content: ""; + content: ''; position: absolute; inset: 0 15px; background-color: $cBlack; @@ -595,7 +603,7 @@ span.line { &::before { - content: ""; + content: ''; position: absolute; left: 15px; right: 15px;