Files
de.vidok.com/layout/style-css/uber-vidok.css
2024-11-17 19:39:31 +01:00

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,#scontainer-19 h2,#scontainer-10 h2{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}}.box-1 #page_hero .scontainer-content .right-data{background:#000}.box-1 #page_hero .scontainer-content .right-data video{position:absolute;inset:0;height:100%;width:100%}@media(max-width: 767px){.box-1 #page_hero .scontainer-content{grid-template-columns:1fr}.box-1 #page_hero .scontainer-content .left-data{margin-left:auto;margin-right:auto}.box-1 #page_hero .scontainer-content .right-data{display:none}}.box-2{padding-top:120px}.box-2 #scontainer-9 .tiles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:55px;-moz-column-gap:55px;column-gap:55px;width:100%;max-width:970px;margin-left:auto;margin-right:auto}.box-2 #scontainer-9 .tiles .tile{position:relative;flex:1;width:100%;max-width:150px;text-align:center;min-width:150px}.box-2 #scontainer-9 .tiles .tile:not(:last-child)::before{content:"";position:absolute;top:0;right:-27.5px;bottom:0;width:1px;background:#000}.box-2 #scontainer-9 .tiles .tile img{margin-bottom:30px;max-height:80px}.box-2 #scontainer-9 .tiles .tile p{color:#000;font-weight:400;font-size:15px;line-height:22px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}@media(max-width: 1199px){.box-2{padding:120px 0}.box-2 .tiles .tile:nth-child(4)::before{display:none}}@media(max-width: 991px){.box-2 #scontainer-9 .tiles{row-gap:60px;-moz-column-gap:50px;column-gap:50px}.box-2 #scontainer-9 .tiles .tile:not(:last-child)::before{right:-25px}.box-2 #scontainer-9 .tiles .tile:nth-child(3)::before{display:none}.box-2 #scontainer-9 .tiles .tile:nth-child(4)::before{display:block}}@media(max-width: 767px){.box-2 #scontainer-9 .tiles .tile:nth-child(2)::before{display:none}.box-2 #scontainer-9 .tiles .tile:nth-child(3)::before{display:block}.box-2 #scontainer-9 .tiles .tile:nth-child(4)::before{display:none}}@media(max-width: 575px){.box-2 #scontainer-9 .tiles{row-gap:30px}.box-2 #scontainer-9 .tiles .tile::before{display:none !important}}.box-3{padding-bottom:18px}.box-3a{padding-top:0;padding-bottom:18px}.box-3b{padding-top:0}#scontainer-10 h2{font-size:20px;margin-bottom:25px}#scontainer-10 p{font-weight:300;font-size:13px;line-height:16px;letter-spacing:.07em}#scontainer-10 .scontainer-content>.row>.col-lg-6:last-child p{margin-bottom:0}#scontainer-10 .scontainer-content>.row>.col-lg-6:first-child{padding-top:65px;padding-left:65px;position:relative;margin-left:15px;max-width:calc(50% - 15px)}#scontainer-10 .scontainer-content>.row>.col-lg-6:first-child::before{content:"";display:block;height:100%;width:1px;background:#6c6d70;position:absolute;top:0;left:0}#scontainer-10 .scontainer-content>.row>.col-lg-6:first-child::after{content:"";display:block;height:1px;width:80%;background:#6c6d70;position:absolute;top:0;left:0}@media(max-width: 991px){#scontainer-10 .scontainer-content>.row>.col-lg-6:first-child{padding-top:30px;padding-left:30px;max-width:unset}}#scontainer-19 h2{font-size:20px;margin-top:25px}#scontainer-19 p{font-weight:300;font-size:13px;line-height:16px;letter-spacing:.07em}#scontainer-19 .scontainer-content>.row>.col-lg-6:first-child p{margin-bottom:0}#scontainer-19 .scontainer-content>.row>.col-lg-6:last-child{text-align:right;padding-right:50px;padding-bottom:40px;display:flex;flex-direction:column;margin-right:15px;max-width:calc(50% - 15px)}#scontainer-19 .scontainer-content>.row>.col-lg-6:last-child h2{margin-top:auto;font-weight:600;margin-bottom:0;padding-bottom:0}#scontainer-19 .scontainer-content>.row>.col-lg-6:last-child::before{content:"";display:block;height:100%;width:1px;background:#6c6d70;position:absolute;bottom:0;right:0}#scontainer-19 .scontainer-content>.row>.col-lg-6:last-child::after{content:"";display:block;height:1px;width:80%;background:#6c6d70;position:absolute;bottom:0;right:0}@media(max-width: 991px){#scontainer-19 .scontainer-content>.row>.col-lg-6:last-child{padding-right:30px;padding-bottom:30px;max-width:unset}}.box-4{padding-top:0}.box-4 .container>.row>.col-lg-4{position:relative}.box-4 .container>.row>.col-lg-4::before{content:"";position:absolute;bottom:0;right:0;background:#f4f4f4;width:100vw;height:100%;z-index:5}.box-4 #scontainer-11{position:relative;z-index:10;background:#fff;min-height:100%;margin-right:-15px;padding-top:50px}.box-4 #scontainer-11 .scontainer-content{display:flex;align-items:center;min-height:100%}.box-4 #scontainer-11 .logos_slider .swiper-slide{display:flex;align-items:center;justify-content:center}.box-4 #scontainer-11 .logos_slider .swiper-slide img{width:100%;max-width:-moz-fit-content;max-width:fit-content;filter:grayscale(100%);transition:all .5s ease}.box-4 #scontainer-11 .logos_slider .swiper-slide img:hover{filter:grayscale(0%)}.box-4 #scontainer-20{text-align:right;position:relative;z-index:10;padding-top:50px;padding-right:50px;padding-bottom:50px}.box-4 #scontainer-20 h2{font-weight:400;font-size:20px;line-height:3 0px;letter-spacing:.05em;margin-bottom:0}@media(max-width: 991px){.box-4{margin-top:125px}.box-4 .container>.row>.col-lg-6:first-child::before{right:auto;left:50%;transform:translateX(-50%)}.box-4 .container>.row>.col-lg-6:last-child::before{background:rgba(0,0,0,0)}.box-4 #scontainer-20{padding-right:0}.box-4 #scontainer-20 h2{text-align:center}.box-4 #scontainer-20 h2 br{display:none}}@media(max-width: 767px){.box-4{margin-top:90px}}.box-6{padding-bottom:70px}.box-6 .tiles{display:grid;grid-template-columns:repeat(auto-fit, minmax(235px, 1fr));gap:27px;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.box-6 .tiles .tile{position:relative;text-align:center}.box-6 .tiles .tile:not(:last-child)::before{content:"";position:absolute;right:-13.5px;top:0;bottom:0;width:1px;height:100%;background:#000}.box-6 .tiles .tile h3{font-weight:700;font-size:48px;line-height:58px;text-transform:uppercase;color:#e7dcd0}.box-6 .tiles .tile p{font-weight:400;font-size:13px;line-height:20px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}@media(max-width: 1199px){.box-6 .tiles{grid-template-columns:repeat(2, 1fr)}.box-6 .tiles .tile:nth-child(2)::before{display:none}}@media(max-width: 575px){.box-6 .tiles{grid-template-columns:1fr}.box-6 .tiles .tile::before{display:none !important}}#scontainer-21 .scontainer-content h2{font-weight:300;font-size:20px;line-height:24px;letter-spacing:.07em;text-transform:uppercase;padding-bottom:35px;border-bottom:1px solid #000;margin-bottom:35px}#scontainer-21 .scontainer-content h2 strong{font-weight:700}#scontainer-21 .scontainer-content>.row>.col-lg-6:last-child{display:flex;flex-direction:column;justify-content:center}@media(min-width: 992px){#scontainer-21 .scontainer-content>.row>.col-lg-6:last-child{padding-left:100px}}#scontainer-21 .scontainer-content>.row>.col-lg-6:last-child img{margin-top:25px}.box-icons .icon-text{display:flex;-moz-column-gap:25px;column-gap:25px;align-items:center;min-width:310px}.box-icons .icon-text .icon{max-width:130px}.box-icons .icon-text .icon img{width:100%}.box-icons .icon-text span{font-weight:300;font-size:20px;line-height:24px}.box-icons .line-top{display:grid;grid-template-columns:repeat(3, max-content);-moz-column-gap:30px;column-gap:30px;margin-bottom:30px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.box-icons .line-bottom{display:grid;grid-template-columns:repeat(3, max-content);-moz-column-gap:30px;column-gap:30px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.box-icons .line-bottom .first{justify-content:flex-end}.box-icons .line-bottom .second{justify-content:flex-start}@media(max-width: 1199px){.box-icons .icon-text .icon img{max-width:97px}.box-icons .line-top{grid-template-columns:1fr;row-gap:30px;width:100%;max-width:460px;margin-left:auto;margin-right:auto}.box-icons .line-top .icon-text{flex-direction:column;gap:20px;justify-content:flex-start}.box-icons .line-bottom{grid-template-columns:1fr;row-gap:30px;width:100%;max-width:460px;margin-left:auto;margin-right:auto}.box-icons .line-bottom .icon-text{flex-direction:column;gap:20px;justify-content:flex-start}.box-icons .line-bottom .first{justify-content:flex-start;padding:0}.box-icons .line-bottom .second{justify-content:flex-start;padding:0}}@media(max-width: 575px){.box-icons .icon-text .icon img{max-width:70px;min-width:70px}.box-icons .icon-text span{font-size:18px}}.box-einbruchschutz{padding-top:75px;padding-bottom:75px}.box-einbruchschutz #scontainer-24 .scontainer-content>.row{background:url("/upload/filemanager/uber-vidok/einbruchschutz-bg.png") no-repeat center;background-size:cover;margin:0 10px}.box-einbruchschutz #scontainer-24 .scontainer-content>.row>.col-lg-6:first-child{background:rgba(244,244,244,.9);padding:65px;min-height:385px}.box-einbruchschutz #scontainer-24 .scontainer-content>.row>.col-lg-6:first-child .col-head{display:flex;flex-direction:row;align-items:flex-end;-moz-column-gap:35px;column-gap:35px;padding-bottom:35px;border-bottom:1px solid #000;margin-bottom:35px}.box-einbruchschutz #scontainer-24 .scontainer-content>.row>.col-lg-6:first-child .col-head h2{font-weight:400;font-size:20px;line-height:24px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:0}.box-realizations{margin-bottom:100px}.box-windows-header{overflow:hidden;margin-bottom:95px}.box-windows-header--wrapper{position:relative;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;min-height:68px}.box-windows-header--wrapper::before{content:"";position:absolute;top:50%;left:100%;height:68px;background:url("/upload/filemanager/realizations/realizations-stripes.png") no-repeat center;width:900px;transform:translateY(-50%)}.box-windows-header--wrapper h2{font-weight:300;font-size:20px;line-height:24px;text-align:center;letter-spacing:.07em;text-transform:uppercase;margin-bottom:0}.box-windows-header--wrapper h2 strong{font-weight:800}.box-windows{margin-bottom:180px}.box-windows .container{display:grid;grid-template-columns:repeat(auto-fit, minmax(335px, 1fr));gap:5px;max-width:1400px}.box-windows .container .window-single{display:flex;flex-direction:column}.box-windows .container .window-single .image{border:2px solid #f4f4f4;border-bottom:0;text-align:center}.box-windows .container .window-single .image img{max-width:100%}.box-windows .container .window-single .text{flex-grow:1;background:#f4f4f4;padding:50px;font-family:"URW Form";font-weight:300;font-size:16px;line-height:30px;letter-spacing:.05em}.box-windows .container .window-single .text p{font-size:16px;line-height:30px;font-weight:300;letter-spacing:.05em;margin-bottom:0}.box-windows .container .window-single .text h3{font-weight:400;font-size:20px;line-height:24px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:25px}@media(max-width: 991px){.box-windows .container{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:40px}.box-windows .container .window-single .text{padding:30px}}/*# sourceMappingURL=uber-vidok.css.map */