@charset "UTF-8";*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}* ol,* ul{list-style:none}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:300;src:url(../fonts/red-hat-display-v20-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:italic;font-weight:300;src:url(../fonts/red-hat-display-v20-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:400;src:url(../fonts/red-hat-display-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:600;src:url(../fonts/red-hat-display-v20-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:900;src:url(../fonts/red-hat-display-v20-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Marcellus;font-style:normal;font-weight:400;src:url(../fonts/marcellus-v13-latin-regular.woff2) format("woff2")}.lead{margin-top:1rem;font-weight:800;font-size:3.4rem;color:#0c0c0c}.hero__slogan--heading{font-size:clamp(2rem,1.3668rem + 2.6943vw,4.6rem);font-family:"Red Hat Display";font-weight:500;letter-spacing:2px;text-shadow:0 0 5px #0c0c0c}.sub-lead{margin-top:1rem;font-family:"Red Hat Display";font-style:italic;font-weight:400;font-size:2.5rem;color:#fff1d0}.site-title{font-family:Marcellus;font-weight:400;display:block;text-align:start;font-size:clamp(3rem,1rem + 4vw,3.4rem);margin-left:1rem;white-space:nowrap;color:#fff1d0}.home__card--heading{font-size:clamp(1.4rem,1.0658rem + 1.4452vw,2.8rem);font-family:Marcellus;font-weight:400}.hero__lead{color:#07a0c3;font-size:clamp(3.4rem,3.0181rem + 1.6516vw,5rem);font-family:"Red Hat Display";font-style:normal;font-weight:600}.text-red{color:#b5462a;font-family:Marcellus;font-weight:400}.text-bold{font-family:Marcellus;font-weight:400;font-size:clamp(1.6rem,1.3135rem + 1.2387vw,2.8rem)}.admin{margin-top:2em}@media screen and (min-device-width:1180px){.admin{margin-top:8em}}.admin #admin-account{background-color:#bebebe;background-image:url(../images/civil-engineer-construction-worker-architects-wearing-hardhats-safety-vests-are-working-together-construction-site-building-home-cooperation-teamwork-concept.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:screen;font-size:clamp(1.4rem,1.3045rem + .4129vw,1.8rem);font-weight:600;border-bottom:1px solid #0c0c0c;display:flex;flex-wrap:wrap;text-decoration:none;justify-content:flex-end;gap:2rem;align-items:center;padding:0 1rem 1rem}.admin #admin-account :not(.btn){color:#0c0c0c!important}.admin #admin-account:focus,.admin #admin-account:hover{text-decoration:underline}.admin__row{width:clamp(360px,90%,1000px);margin:auto;list-style:none}.admin__row--title{font-family:Marcellus;line-height:4;font-size:clamp(1.4rem,1.3045rem + .4129vw,1.8rem);text-shadow:0 0 3px #fff1d0;position:relative}.admin__row--title::after{content:"";width:100%;height:100%;display:inline-block;background-color:#f65e36;clip-path:polygon(100% 0,0 100%,100% 100%);position:absolute;z-index:-1;bottom:0;left:0}.admin__row--item{display:flex;padding:2rem 0;margin-bottom:2rem;border-bottom:1px solid #0c0c0c}.admin__row--item:focus,.admin__row--item:hover{border-bottom:1px solid #b5462a}.admin__row--item a{width:100%;display:flex;justify-content:space-between;align-items:anchor-center;text-decoration:none;color:#0c0c0c}.admin__row--item.create{position:relative}.admin__row--item.create::after{content:"";width:100%;height:10px;display:inline-block;background-color:#0c0;position:absolute;bottom:0;left:0}.admin__row--item.create a{color:#0c0;font-size:clamp(1.2rem,1.1636rem + .1553vw,1.35rem);font-weight:600}.admin__list{width:clamp(360px,90%,1000px);min-height:200px;margin:auto}.admin__list--item{width:100%;padding:1rem 0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "body image" "price price" "button button";gap:1rem;margin-bottom:2rem;border-bottom:1px solid #b5462a}@media screen and (min-device-width:1180px){.admin__list--item{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"title ... price" "body image button"}}.admin__list--title{grid-column:1/-1;font-weight:600;color:#0c0c0c;grid-area:title}.admin__list--price{grid-area:price;font-weight:600;justify-self:flex-end}.admin__list--image{width:100px;justify-self:center}.admin__list--image img{width:100%;object-fit:cover}.admin__list--desc{grid-area:body}.admin__list--button{grid-column:1/-1;grid-area:button;width:100%}.admin__nav{background-color:#07a0c3;padding:1rem 0;margin-top:100px;line-height:2;z-index:999;font-size:clamp(1.1rem,1.0618rem + .1569vw,1.25rem)}.admin__nav :not(.btn){color:#fff1d0!important}.admin__nav a{color:inherit}@media screen and (min-device-width:1180px){.admin__nav{position:fixed;display:grid;place-items:center;border-radius:4px;width:300px;top:100px}}.admin__nav--item{width:100%}.admin__nav--ul{display:flex;flex-direction:column;width:98%;margin:auto;gap:1rem;flex-wrap:wrap;align-content:space-between}@media screen and (min-device-width:1180px){.admin__nav--ul{width:70%}}.admin__nav--link{display:flex;padding:.4rem;border:1px solid #fff1d0;border-radius:4px}.admin__nav--link:focus,.admin__nav--link:hover{border:1px solid #b5462a}.alert{display:block;font-size:clamp(.8rem,.7756rem + .1036vw,.9rem);padding-left:1rem}.alert-success{background-color:#7fffd4}.alert-info,.alert-warning{background-color:orange}.error{color:#ff4500;font-size:clamp(.8rem,.7756rem + .1036vw,.9rem)}.btn__group{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.btn{line-height:1em;font-size:clamp(1.2rem,1.1636rem + .1553vw,1.35rem);max-width:320px;text-decoration:none;outline:0}.btn__download,.btn__link{cursor:pointer;color:#0c0c0c;background-color:transparent;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom:2px solid #0c0c0c;padding:.5rem 1rem}.btn__download:focus,.btn__download:hover,.btn__link:focus,.btn__link:hover{color:#f65e36;border-bottom:2px solid #f65e36}.btn__productlink{cursor:pointer;color:#0c0;background-color:transparent;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom:2px solid #0c0;padding:.5rem 1rem}.btn__productlink:focus,.btn__productlink:hover{color:#f65e36;border-bottom:2px solid #f65e36}.btn__cookielink{cursor:pointer;color:#07a0c3;background-color:transparent;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom:2px solid #07a0c3;padding:.5rem 1rem}.btn__cookielink:focus,.btn__cookielink:hover{color:#f65e36;border-bottom:2px solid #f65e36}.btn__submit{display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;color:#0c0c0c;background:linear-gradient(to right top,#0f0,#4dff4d);background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid #0f0;border-radius:4px;text-decoration:none;padding:.5rem 1rem;max-height:40px}.btn__submit:focus,.btn__submit:hover{background:#00b300;border:2px solid #6f6}.btn__error{display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;color:#07a0c3;background:linear-gradient(to right top,#086788,#0c9ed0);background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid #086788;border-radius:4px;text-decoration:none;padding:.5rem 1rem;max-height:40px}.btn__error:focus,.btn__error:hover{background:#043040;border:2px solid #086788}.btn__info{display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;color:#0c0c0c;background:linear-gradient(to right top,#fff1d0,#fff);background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid #fff1d0;border-radius:4px;text-decoration:none;padding:.5rem 1rem;max-height:40px}.btn__info:focus,.btn__info:hover{background:#ffda84;border:2px solid #fff1d0}.btn__cancel{display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;color:#07a0c3;background:linear-gradient(to right top,#b5462a,#d76f54);background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid #b5462a;border-radius:4px;text-decoration:none;padding:.5rem 1rem;max-height:40px}.btn__cancel:focus,.btn__cancel:hover{background:#772e1c;border:2px solid #b5462a}.btn__query{outline:0;border:none;background-color:transparent;max-width:60px;display:grid;place-items:center;grid-area:button}.btn__backtoquery{display:flex;align-items:center;gap:1.5rem;border:1px solid #07a0c3;padding:.2rem 1rem;border-radius:2rem}.btn__backtoquery svg{width:50px}.btn__admin{display:flex;align-items:center;gap:1rem;background-color:transparent;border:none}.btn__admin:focus,.btn__admin:hover{color:#f65e36}.btn__mobile{display:grid;grid-template-areas:"stone-1 stone-1" "stone-2 stone-3" "stone-4 stone-4";grid-template-rows:repeat(3,20px);gap:3px;align-items:stretch;justify-content:center;position:fixed!important;right:35px;top:30px;width:90px;height:90px;z-index:999;cursor:pointer;border-radius:50%;text-decoration:none;border:4px solid #fff1d0;background-color:rgba(246,94,54,.3);color:#07a0c3;transition:all ease .3s}.btn__mobile:focus,.btn__mobile:hover{background-color:rgba(246,94,54,.6);border:4px solid #07a0c3}.btn__mobile .stone-1{height:18px;width:36px;background-color:#b5462a;border-radius:2px;transform:translateY(8px)}.btn__mobile .stone-2{height:18px;width:36px;background-color:#b5462a;border-radius:2px;transform:translateY(8px)}.btn__mobile .stone-3{height:18px;width:36px;background-color:#b5462a;border-radius:2px;transform:translateY(8px)}.btn__mobile .stone-4{height:18px;width:36px;background-color:#b5462a;border-radius:2px;transform:translateY(8px)}.stone-1{grid-area:stone-1;translate:48%}.stone-2{grid-area:stone-2;translate:-5%}.stone-3{grid-area:stone-3;translate:-5%}.stone-4{grid-area:stone-4;translate:48%}#search-svg{width:1.8em;fill:#07a0c3;cursor:pointer}@keyframes squezze{to{top:20%}}@keyframes squezzeTwo{to{bottom:24%}}@media screen and (min-device-width:1180px){.btn__mobile{display:none}}#trash{fill:#d76f54}#trash:focus,#trash:hover{fill:#b5462a}#edit{fill:#20cff7}#edit:focus,#edit:hover{fill:#07a0c3}#create{fill:#086788}#create:focus,#create:hover{fill:#0c9ed0}#envelope{fill:#086788}#envelope:focus,#envelope:hover{fill:#0c9ed0}.totop__btn{opacity:0;transition:all .4s ease;position:fixed;background-color:transparent;box-shadow:1px 2px 5px 0 rgba(26,25,25,.75);bottom:-200px;right:2rem;text-decoration:underline;width:80px;height:80px;border:2px solid #f65e36;border-radius:50%;margin-bottom:1rem;margin-right:.5rem;z-index:99;cursor:pointer}.totop__btn svg{width:100%;height:100%;object-fit:contain;fill:#f65e36}.totop__btn:focus-visible,.totop__btn:hover{border:2px solid #0c0}.totop__btn:focus-visible svg,.totop__btn:hover svg{fill:#0c0}.totop__btn.show{bottom:4rem;opacity:1}.cookies{position:fixed;display:flex;justify-content:center;align-items:center;z-index:999;bottom:-100%;min-height:40%;left:0;right:0;background-color:rgba(0,0,0,.8);color:#fff1d0;font-size:clamp(.8rem,.7269rem + .3109vw,1.1rem);padding:10px;box-shadow:2px 2px 6px #000;transition:.6s ease-in}.cookies.active{bottom:0!important}.cookies__container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1rem;border-radius:1rem;max-width:1000px;margin:auto}.cookies__container--btn{margin-top:2rem;width:100%;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around}.cookies__container--btn a:focus,.cookies__container--btn a:hover{background-color:#07a0c3}.contact__nav{display:flex;justify-content:flex-end;align-items:center;width:85%;margin-right:0;margin-left:auto;height:60px;gap:2em;padding:.3rem 1rem .3rem 0;margin-bottom:2rem;background-color:#f65e36;clip-path:polygon(3% 0,100% 0,100% 100%,2% 100%,0 63%)}@media screen and (min-device-width:768px){.contact__nav{padding:.3rem 4rem .3rem 0;gap:10em}}.contact__nav--button{cursor:pointer;height:90%;aspect-ratio:1;display:grid;place-items:center;border:3px solid #fff1d0;border-radius:50%;transition:all .3s}.contact__nav--button:focus,.contact__nav--button:hover{background-color:#0c0c0c}.contact__nav--icon{width:80%;fill:#fff1d0}.contact__nav--mail{stroke:#fff1d0}[data-cardsFileInput]::-webkit-file-upload-button,[data-editGalleryFile]::-webkit-file-upload-button,[data-editProductFile]::-webkit-file-upload-button,[data-newHeroFile]::-webkit-file-upload-button,[data-newProductsFile]::-webkit-file-upload-button,[data-newReferenceInput]::-webkit-file-upload-button,[data-pdfInput]::-webkit-file-upload-button,[data-postEditInput]::-webkit-file-upload-button,[data-postNewInput]::-webkit-file-upload-button,[data-referenceEditInput]::-webkit-file-upload-button{visibility:hidden}[data-cardsFileInput]::before,[data-editGalleryFile]::before,[data-editProductFile]::before,[data-newHeroFile]::before,[data-newProductsFile]::before,[data-newReferenceInput]::before,[data-pdfInput]::before,[data-postEditInput]::before,[data-postNewInput]::before,[data-referenceEditInput]::before{display:inline-block;color:#fff1d0;background-image:linear-gradient(to top left,#00f000,#0c0);border:1px solid #fff1d0;border-radius:4px;padding:.3rem .8rem;outline:0;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #0c0c0c;font-weight:800;line-height:1.4em;font-size:clamp(1.2rem,1.1636rem + .1553vw,1.35rem);transition:all 250ms ease}[data-cardsFileInput]:focus::before,[data-editProductFile]:focus::before,[data-newHeroFile]:focus::before,[data-newProductsFile]:focus::before,[data-newReferenceInput]:focus::before,[data-pdfInput]:focus::before,[data-postEditInput]:focus::before,[data-postNewInput]:focus::before,[data-referenceEditInput]:focus::before{content:"Datei ausgewählt";border:1px dashed #0c0c0c}[data-cardsFileInput]:active::before,[data-editGalleryFile]:active::before,[data-editProductFile]:active::before,[data-newHeroFile]:active::before,[data-newProductsFile]:active::before,[data-newReferenceInput]:active::before,[data-pdfInput]:active::before,[data-postEditInput]:active::before,[data-postNewInput]:active::before,[data-referenceEditInput]:active::before{content:"Uploading...";border:1px dashed #0c0c0c}[data-editGalleryFile]:focus::before{content:"Dateien ausgewählt";border:1px dashed #0c0c0c}[data-editGalleryFile]:active::before{content:"Uploading...";border:1px dashed #0c0c0c}[data-cardsFileInput]::before,[data-editProductFile]::before,[data-newReferenceInput]::before,[data-pdfInput]::before,[data-postEditInput]::before,[data-postNewInput]::before,[data-referenceEditInput]::before{content:"Datei wählen"}[data-editGalleryFile]::before,[data-editProductFile]::before,[data-newHeroFile]::before,[data-newProductsFile]::before{content:"Dateien wählen"}.form-wrapper{min-height:calc(100dvh - 80px);width:min(95dvw,48em);margin:6rem auto;line-height:2;padding:1rem;-webkit-box-shadow:4px 6px 5px 0 #bebebe;-moz-box-shadow:4px 6px 5px 0 #bebebe;box-shadow:4px 6px 5px 0 #bebebe;background-color:#07a0c3}.form-wrapper__otp{min-height:calc(100dvh - 80px);width:min(90dvw,40em);margin:6rem auto;line-height:2;padding:1rem;-webkit-box-shadow:4px 6px 5px 0 #bebebe;-moz-box-shadow:4px 6px 5px 0 #bebebe;box-shadow:4px 6px 5px 0 #bebebe;background-color:#fff1d0}.form-wrapper__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.2rem;margin-bottom:1.2rem}.form-wrapper__content,.form-wrapper__lead{font-weight:600;font-size:clamp(1.1rem,4vw,1.4rem)}.form-wrapper__lead{color:#0c0c0c;margin-bottom:1rem}.form-wrapper__content{margin:2rem 0}.form-wrapper__sublead{color:#086788;font-size:clamp(1.2rem,1.1029rem + .4142vw,1.6rem)}.form-wrapper__image{width:min(100%,500px);-webkit-box-shadow:3px 3px 3px 2px #0c0c0c;-moz-box-shadow:3px 3px 3px 2px #0c0c0c;box-shadow:3px 3px 3px 2px #0c0c0c}.form-wrapper__errors ul{list-style:none}.form-wrapper__errors ul li{margin-bottom:.5rem}.form__group{margin-bottom:2rem;position:relative}.form__group.select{position:relative}.form__group.select>select{appearance:none;-webkit-appearance:none;width:100%;font-size:1.15rem;padding:.675em 6em .675em 1em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.form__group.select::after,.form__group.select::before{--size:0.3rem;content:"";position:absolute;right:1rem;pointer-events:none}.form__group.select::before{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-bottom:var(--size) solid #000;top:60%}.form__group.select::after{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-top:var(--size) solid #000;top:70%}.form__group--check,.form__group--name{opacity:0;height:0;visibility:hidden}.form__row{text-align:center}.form__row p{margin-bottom:1rem}.form__fileinput,.form__input{width:100%;outline:0;margin:2rem 0 3rem;transition:all .3s;font-size:clamp(1.1rem,4vw,1.4rem)}.form__fileinput:focus[data-editGalleryFile]::before,.form__fileinput:focus[data-editProductFile]::before,.form__fileinput:focus[data-fileInput]::before,.form__fileinput:focus[data-newHeroFile]::before,.form__fileinput:focus[data-newProductsFile]::before,.form__fileinput:hover[data-editGalleryFile]::before,.form__fileinput:hover[data-editProductFile]::before,.form__fileinput:hover[data-fileInput]::before,.form__fileinput:hover[data-newHeroFile]::before,.form__fileinput:hover[data-newProductsFile]::before,.form__input:focus[data-editGalleryFile]::before,.form__input:focus[data-editProductFile]::before,.form__input:focus[data-fileInput]::before,.form__input:focus[data-newHeroFile]::before,.form__input:focus[data-newProductsFile]::before,.form__input:hover[data-editGalleryFile]::before,.form__input:hover[data-editProductFile]::before,.form__input:hover[data-fileInput]::before,.form__input:hover[data-newHeroFile]::before,.form__input:hover[data-newProductsFile]::before{background-image:linear-gradient(to top right,#f44314,#f65e36)}.form__input{border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:2px solid #0c0c0c;font-style:italic}.form__input:focus,.form__input:focus-within{background-color:#f1f1f1}.form__input:focus:invalid,.form__input:invalid{border-bottom:2px solid #b5462a}.form__input:focus:valid{background-image:url(/images/icons/checked.svg);background-repeat:no-repeat;background-position:95% 50%;background-size:16px;border-bottom:2px solid #0fc;color:#0c0c0c}.form__input--select{background-color:#fff;padding:0 .5rem}.form__label{font-size:1.4rem;color:#0c0c0c}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.queryform{max-width:500px;border:1px solid #07a0c3;border-radius:5rem;pointer-events:none}.queryform:has(.queryform__input:focus,.queryform__input:hover,.queryform__input:focus-within){background-color:rgba(67,67,67,.8)}.queryform__control{display:grid;grid-template-areas:"search button"}.queryform__input{display:block;grid-area:search;-webkit-appearance:none;appearance:none;width:100%;height:100%;background-color:transparent;background:0 0;padding:0 30px 0 60px;border:none;color:#07a0c3;font:24px/1 system-ui,sans-serif;outline:0;pointer-events:auto}.queryform__input:-internal-autofill-selected,.queryform__input:-webkit-autofill,.queryform__input:-webkit-autofill:active,.queryform__input:-webkit-autofill:focus,.queryform__input:-webkit-autofill:hover,.queryform__input:active,.queryform__input:focus{-webkit-background-clip:text;-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s}textarea{min-height:180px}.check-container{display:block;position:relative}.check-container input{position:absolute;opacity:0;width:0;cursor:pointer}.check-container label{display:inline-block;background-color:transparent;padding:5px 10px;font-size:clamp(1.2rem,1.1636rem + .1553vw,1.35rem);text-shadow:1px 1px #07a0c3;font-weight:800;line-height:1.4em;border:2px dashed #444;border-radius:4px}.check-container input[type=checkbox]:checked+label,.check-container input[type=radio]:checked+label{background-image:linear-gradient(#035ee5,#84b5fd);color:#fff1d0;text-shadow:1px 1px #0c0c0c;border:2px solid #fff1d0!important}.check-container input[type=checkbox]:focus+label,.check-container input[type=checkbox]:hover+label,.check-container input[type=radio]:focus+label,.check-container input[type=radio]:hover+label{border:2px solid #01204e}.color-value{position:relative}.color-value::before{content:"";display:inline-block;width:16px;height:16px;background-color:#035ee5}#togglePassword{position:absolute;right:2rem;cursor:pointer;top:60%;transform:translateY(-50%)}#togglePassword svg{width:2rem;fill:#bebebe}#togglePassword svg:focus,#togglePassword svg:hover{fill:#0fc}#togglePassword.goodby-eye svg{fill:#0c0c0c}.hideShowPassword-toggle{background-image:url(/images/wink.svg)!important;background-position:0 center;background-repeat:no-repeat;border:none;background-color:transparent;cursor:pointer;height:100%;overflow:hidden;text-indent:-9999em;width:44px}.hideShowPassword-toggle-hide{background-position:-44px center}.otp-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.otp-input{width:3rem;text-align:center;font-size:1.2rem}.hero{position:relative;height:65vh;width:100%;overflow:hidden;border-bottom:6px solid #f65e36;color:#fff;z-index:2}@media screen and (min-device-width:1180px){.hero{height:90vh}}.hero__header--image{position:absolute;inset:0;width:100%;height:auto;object-fit:cover}.hero__header--imagedesc{grid-area:fill-text;color:#fff1d0;text-align:center;align-self:flex-end}.hero__header--imagedesc a{color:#07a0c3}.hero__slogan{position:absolute;left:0;bottom:0;top:50%;width:100%;display:grid;padding:.5rem;grid-template-columns:1fr;grid-template-rows:50% 40% 10%;grid-template-areas:"slogan" "..." "fill-text";width:100%;background-color:rgba(49,49,49,.58)}@media screen and (min-device-width:768px){.hero__slogan{padding:1rem;width:80%;clip-path:polygon(0 0,90% 0,100% 100%,0 100%)}}@media screen and (min-device-width:1180px){.hero__slogan{padding:0}}.hero__slogan--heading{grid-area:slogan;text-align:center}@media screen and (min-device-width:768px){.hero__slogan--heading{text-align:left}}@media screen and (min-device-width:1180px){.hero__slogan--heading{width:21ch;margin-left:12dvw}}.hero__slogan--red{color:#b5462a}.hero__slogan--typewriter{min-height:80px}.hero__slogan--typewriter h2{text-shadow:0 0 5px #0c0c0c;font-size:clamp(1.2rem,2vw + .6rem,2rem);font-weight:600}.hero__background--one{position:absolute;inset:0;z-index:-2;width:100%}.hero__background--one img{position:fixed;inset:0;width:100%;height:100vh}@media screen and (min-device-width:768px){.hero__header--info form{margin-right:1rem;margin-left:auto}}@media screen and (min-device-width:1180px){.hero__header{height:100dvh}.hero__header--info{padding:8% .5rem 0;grid-template-columns:1fr 1fr}}.preview__promt{max-width:600px;margin:auto;border:4px dashed #fff1d0;border-radius:10px}.preview__promt.small{width:200px;height:200px;display:grid;place-items:center}.preview__promt.large{width:min(90%,600px);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));place-items:center;gap:1rem;padding:1rem 0}.drop__zone--prompt{font-size:.7rem;height:250px;padding:2rem;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;font-style:italic;color:gray;border:4px dashed #009578;border-radius:10px;cursor:pointer;margin:2rem auto}.drop__zone--prompt.small{width:200px;height:200px;display:grid;place-items:center}.drop__zone--prompt.large{width:min(90%,600px);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));place-items:center;gap:2rem;height:540px}.drop__zone--title{grid-column:1/-1;align-self:flex-start;font-size:clamp(1.2rem,1.1045rem + .4129vw,1.6rem)}.drop__zone--over{border-style:solid}.drop__zone--input:hover::before{border-color:#000}.drop__zone--input:active::before{background-image:-webkit-linear-gradient(125deg,#023f9a,#01204e)}.drop__zone--thumb,.preview__thumb{width:140px;height:140px;border-radius:10px;overflow:hidden;background-color:#ccc;background-size:cover;position:relative}.drop__zone--thumb::after,.preview__thumb::after{position:absolute;bottom:0;left:0;width:100%;padding:5px 0;-moz-columns:#fff;columns:#fff;background:rgba(0,0,0,.75);font-size:1rem;text-align:center}.drop__zone--thumb::after{content:attr(data-label)}.preview__thumb::after{content:"gallery Image"}.menucards{list-style:none;margin:0 1rem}.menucards__item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem}@media screen and (min-device-width:768px){.menucards__item{flex-direction:row}}.newspage__background{position:fixed;inset:0;width:100%;object-fit:cover}.newspage__background--image{object-fit:cover;width:100%;mix-blend-mode:multiply}.newspage__background--overlay{width:100%;height:100%;display:block;background-image:linear-gradient(to top,#262626,#424242,#606060,grey,#a2a2a2);background-size:cover;background-repeat:no-repeat}.news{position:relative}.news__header{display:flex;justify-content:center;align-items:center;height:45dvh}@media screen and (min-device-width:1180px){.news__header{height:68dvh}}.news__title{font-style:normal;font-weight:800;letter-spacing:3px;font-size:clamp(1.4rem,-.0275rem + 5.8562vw,7rem);color:#fff1d0;text-shadow:0 0 5px #0c0c0c;font-variant-caps:small-caps;text-align:center;position:relative}.news__title::before{content:"";display:block;position:absolute;width:60%;height:18px;bottom:-2rem;left:0;background-color:#f65e36;clip-path:polygon(97% 0,100% 27%,98% 100%,0 100%,0 0)}@media screen and (min-device-width:768px){.news__title::before{height:2rem}}.news__title--red{color:#f65e36}.news__blog--text{display:flex;flex-wrap:wrap;gap:1rem;font-style:italic;margin-bottom:100px}.news__blog--content{padding:.6rem}.news__blog--title{padding-left:.6rem}.news__blog--main{background-color:#fff1d0}.news__blog--main :not(.btn){color:#0c0c0c!important}.news__blog--item{display:flex;flex-direction:column;border:10px solid;border-right-color:#f65e36;border-bottom-color:#f65e36;border-top-color:#fff1d0;border-left-color:#fff1d0;background-color:#fff1d0;padding:10px;position:relative;margin-bottom:60px;gap:1rem;font-size:clamp(1.1rem,1.0636rem + .1553vw,1.25rem)}.news__blog--item::after,.news__blog--item::before{content:"";display:block;position:absolute}.news__blog--item::after{width:80%;height:140px;bottom:-10px;right:-10px;background-color:#f65e36;clip-path:polygon(34% 60%,44% 80%,64% 80%,64% 56%,100% 56%,100% 100%,0 100%,0 80%,10% 60%,22% 80%)}.news__blog--item::before{width:180px;height:140px;bottom:-10px;right:20px;background-color:#086788;clip-path:polygon(26% 50%,26% 38%,65% 38%,83% 24%,100% 39%,100% 100%,0 100%,0 70%,0 50%,13% 39%)}.news__blog--content{width:100%}.news__blog--img{margin:auto;max-width:calc(100% - 10px)}.news__blog--img img{box-shadow:6px 6px 5px 0 rgba(12,12,12,.75);-webkit-box-shadow:6px 6px 5px 0 rgba(12,12,12,.75);-moz-box-shadow:6px 6px 5px 0 rgba(12,12,12,.75);width:100%;object-fit:cover;margin:auto}.news__blog--created{font-style:italic;margin-top:1rem}.news__main{width:min(96%,1200px);margin:0 auto 2rem}.news__main--header{display:flex;flex-wrap:wrap;gap:1rem;border:10px solid;border-right-color:#f65e36;border-bottom-color:#f65e36;border-top-color:#fff1d0;border-left-color:#fff1d0;background-color:#f65e36;padding:10px;margin-bottom:1rem;position:relative}.news__main--header>*{width:100%}.news__main--header::before{content:"";display:block;position:absolute;width:60%;height:2rem;top:-10px;right:-10px;background-color:#f65e36;clip-path:polygon(3% 0,100% 0,100% 100%,2% 100%,0 63%)}.news__main--infobar,.news__main--title{background-color:#fff1d0;padding:.5rem}.news__main--infobar :not(.btn),.news__main--title :not(.btn){color:#0c0c0c!important}@media screen and (min-device-width:1180px){.news__blog{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.news__blog--item{margin-bottom:0}.news__main--infobar,.news__main--title{padding:1rem}}.dl-horizontal{font-size:1.4rem}.gallery{width:min(98%,1200px);margin:auto;position:relative}.gallery__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:30ch;width:100%;z-index:3;font-weight:800;background-color:rgba(0,0,0,.2);font-size:clamp(1.2rem,.7631rem + 1.8641vw,3rem);color:#fff1d0;text-shadow:0 0 5px #0c0c0c;margin:0}.gallery__wrapper{position:relative;width:100%;padding:6px;margin:0 auto;overflow:hidden;height:260px}.gallery__wrapper::before{content:"";position:absolute;display:grid;place-items:center;bottom:-1px;right:-1px;width:100%;height:30%;padding:.2rem;clip-path:polygon(43% 84%,59% 67%,75% 84%,100% 66%,100% 100%,50% 100%,0 100%,4% 89%,19% 83%,30% 69%);color:#fff1d0;background-color:#fff;z-index:12}@media screen and (min-device-width:768px){.gallery{width:80%;margin:auto}.gallery__wrapper{height:460px}}@media screen and (min-device-width:1180px){.gallery__wrapper{height:600px}}#goLeft{left:1rem}#goRight{right:1rem}.slide-btn.active#goRight{animation:goRight .7s ease 3s 4 normal forwards}.slide-btn.active#goLeft{animation:goLeft .7s ease 3s 4 normal forwards}@keyframes goLeft{from{left:1rem}to{left:.5rem}}@keyframes goRight{from{right:1rem}to{right:.5rem}}.slider-wrapper{position:relative;max-width:900px;margin:0 auto;overflow:hidden;height:260px}@media screen and (min-device-width:768px){.slider-wrapper{height:547px}}@media screen and (min-device-width:1180px){.slider-wrapper{height:600px}}.slider{position:absolute;opacity:0;inset:0;transition:all 550ms ease;object-fit:cover;animation:fadeIn 550ms ease-in-out backwards}.slider[data-active]{opacity:1}.slider>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.slide-btn{background-color:rgba(12,12,12,.1);width:40px;padding:0 .5rem;outline:0;border:none;position:absolute;top:50%;transform:translateY(-50%);z-index:99;transition:all 350ms ease;display:grid;place-items:center}.slide-btn:focus,.slide-btn:hover{background-color:rgba(12,12,12,.2);outline:1px solid #fff1d0}.slide-btn svg{fill:#fff1d0;width:100%}.aside{margin-top:100px;height:90dvh}.aside__nav{display:flex;-webkit-flex-direction:row;flex-direction:row;justify-content:space-evenly}.aside__nav--item{align-self:center}.aside__nav--link{display:grid;place-items:center;width:46px;height:46px}.aside__nav--sympol{display:block;width:100%}#sign-up svg{fill:#f65e36;max-height:100%}#sign-up svg:active,#sign-up svg:focus,#sign-up svg:hover,#sign-up svg:visited{fill:#01204e}#sign-in svg g path{fill:#0c0;max-height:100%}#sign-in svg g path:active,#sign-in svg g path:focus,#sign-in svg g path:hover,#sign-in svg g path:visited{fill:#bebebe}.container{min-height:calc(100vh - 84px)}.impressum h2{color:#f65e36}.impressum h4{color:#086788}:root{--spacer:2.4rem}.spacing>*+*{margin-top:var(--spacer,1.2rem)}.column{display:flex;flex-direction:column;align-items:center;margin:auto;padding-top:1.5rem;gap:1.5rem}.column ul{width:100%}.column__item{width:100%}.shade{border-radius:4px;box-shadow:1px 2px 5px 0 rgba(26,25,25,.75)}.small-card{width:min(96%,900px);margin:auto}.svg-icon{display:grid;place-items:center;width:50px}.header{position:absolute;top:0;height:84px;display:flex;width:100%;background-color:rgba(12,12,12,.2)}@media screen and (min-device-width:1180px){.header{position:fixed;display:grid;grid-template-areas:"logo nav";grid-template-columns:10% 90%;z-index:99;transition:transform 350ms ease,background-color 350ms ease;transform-origin:top}.header.active{background-color:rgba(12,12,12,.5);height:60px}.header.active.hide{transform:scale(1,0)}}.header__logo{width:90px;margin:.5rem auto .5rem .5rem;overflow:hidden;z-index:99}@media screen and (min-device-width:1180px){.header__logo{grid-area:logo;width:100px}}.header__logo--logo{width:100%;aspect-ratio:19/15;object-fit:cover}.header #Name{fill:#fff1d0}.header #Triangle{fill:#f65e36}#phonecolor{fill:#fff1d0}.nav{width:100%;padding-left:0;margin-bottom:0}@media screen and (min-device-width:1180px){.nav{grid-area:nav}}.nav a{color:#fff1d0;text-shadow:1px 1px 0 #0c0c0c;padding:6px;border-radius:50%;text-decoration:none;height:100%}.nav__wrapper{max-width:100vw;height:calc(100dvh - 90px);border-radius:4rem 0 0 0;width:100%;transition:transform 350ms ease;transform-origin:right;transform:scale(0,1);opacity:0}@media screen and (min-device-width:768px){.nav__wrapper{height:93%}}@media screen and (min-device-width:1180px){.nav__wrapper{all:unset}}.nav__wrapper.active{position:fixed;bottom:0;right:0;display:block;z-index:99;transform:scale(1,1);background:url(../images/slate2.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1}.nav__wrapper--ul{list-style:none;height:100%;display:flex;gap:1rem;flex-direction:column;justify-content:space-around}.nav__wrapper--item{display:grid;place-items:center}.nav__wrapper--item:nth-child(5n+1) a{border:2px solid #b5462a}.nav__wrapper--item:nth-child(5n+2) a{border:2px solid #01204e}.nav__wrapper--item:nth-child(5n+3) a{border:2px solid #fff1d0}.nav__wrapper--item:nth-child(5n+4) a{border:2px solid #0c0c0c}.nav__wrapper--item:nth-child(5n+5) a{border:2px solid #f65e36}.nav__wrapper--item:active,.nav__wrapper--item:focus,.nav__wrapper--item:hover,.nav__wrapper--item:visited{border:2px solid #f65e36}.nav__wrapper--item:nth-child(5n+1) svg{fill:#b5462a;max-height:100%}.nav__wrapper--item:nth-child(5n+1) svg:active,.nav__wrapper--item:nth-child(5n+1) svg:focus,.nav__wrapper--item:nth-child(5n+1) svg:hover,.nav__wrapper--item:nth-child(5n+1) svg:visited{fill:#07a0c3}.nav__wrapper--item:nth-child(5n+2) svg{fill:#01204e;max-height:100%}.nav__wrapper--item:nth-child(5n+2) svg:active,.nav__wrapper--item:nth-child(5n+2) svg:focus,.nav__wrapper--item:nth-child(5n+2) svg:hover,.nav__wrapper--item:nth-child(5n+2) svg:visited{fill:#07a0c3}.nav__wrapper--item:nth-child(5n+3) svg{fill:#fff1d0;max-height:100%}.nav__wrapper--item:nth-child(5n+3) svg:active,.nav__wrapper--item:nth-child(5n+3) svg:focus,.nav__wrapper--item:nth-child(5n+3) svg:hover,.nav__wrapper--item:nth-child(5n+3) svg:visited{fill:#07a0c3}.nav__wrapper--item:nth-child(5n+4) svg{fill:#0c0c0c;max-height:100%}.nav__wrapper--item:nth-child(5n+4) svg:active,.nav__wrapper--item:nth-child(5n+4) svg:focus,.nav__wrapper--item:nth-child(5n+4) svg:hover,.nav__wrapper--item:nth-child(5n+4) svg:visited{fill:#07a0c3}.nav__wrapper--item:nth-child(5n+5) svg{fill:#f65e36;max-height:100%}.nav__wrapper--item:nth-child(5n+5) svg:active,.nav__wrapper--item:nth-child(5n+5) svg:focus,.nav__wrapper--item:nth-child(5n+5) svg:hover,.nav__wrapper--item:nth-child(5n+5) svg:visited{fill:#07a0c3}.nav__wrapper--link{font-size:clamp(1.4rem,3vw,1.6rem);text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative;height:100%;margin-right:1rem}.nav__wrapper--link.active{color:#fff1d0}.nav__wrapper--link::after{position:absolute;right:140%;line-break:strict;text-transform:capitalize}.nav__wrapper--symbol{height:46px;width:46px}@keyframes scaleMenu{0%{transform:scale(1,0)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}#phone::after{content:"Telefon"}#home::after{content:"home"}#news::after{content:"news"}#products::after{content:"Produkte"}#cards::after{content:"karte"}#account::after{content:"Admin"}#order::after{content:"kontakt"}@keyframes rotateBars{0%{transform:rotate(0)}60%{transform:rotate(-45deg)}100%{transform:rotate(0)}}@media screen and (min-device-width:1180px){.header__logo{display:grid;place-items:center;transition:width 350ms ease}.nav__wrapper--ul{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;height:100%}.nav__wrapper--link{display:block;border:none!important;font-size:1.5rem;font-weight:800}.nav__wrapper--link:focus,.nav__wrapper--link:hover{color:#f65e36}.nav__wrapper--link:focus#sign-in::after,.nav__wrapper--link:hover#sign-in::after{background:url(../images/account_hover.svg) no-repeat}.nav__wrapper--link::after{z-index:99;top:0;left:50%;transform:translate(-50%,50%)}.nav__wrapper--item:active,.nav__wrapper--item:focus,.nav__wrapper--item:hover,.nav__wrapper--item:visited{border:none!important}.nav__wrapper--item svg{display:none}}.footer{padding:.6rem;height:80px;width:100%;background-color:#0c0c0c;color:#07a0c3;border-top:3px solid #fff1d0;margin-top:auto;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:350ms ease}.footer__link{color:#07a0c3}.footer__link:focus,.footer__link:hover{color:#7fff00}.siteart{color:#da7961;text-decoration:none;font-style:italic;font-weight:400;letter-spacing:1.2px;transition:350ms ease}.siteart:focus,.siteart:hover{color:#7fff00;text-decoration:underline}.home{display:flex;flex-direction:column;align-items:center;margin:0 auto 3rem;padding-top:1.5rem;gap:1.5rem}.home__card,.home__services{width:min(98%,1200px);margin:auto;display:grid;grid-template-columns:1fr}.home__card--heading,.home__services--heading{grid-column:1/-1}.home__card{gap:1rem}@media screen and (min-device-width:768px){.home__card{grid-template-columns:repeat(2,1fr);column-gap:1rem;row-gap:3rem}}.home__card--item{display:grid;grid-template-areas:"title" "desc" "image";grid-template-columns:1fr;grid-template-rows:min-content 220px auto;border:2px solid transparent;align-items:start;padding:.5rem;gap:1rem;background-color:#bebebe}.home__card--item :not(.btn){color:#0c0c0c!important}.home__card--item:focus,.home__card--item:hover{border:2px solid #f65e36}.home__card--title{position:relative;text-align:start;justify-self:flex-start;grid-area:title;font-size:clamp(1.4rem,1.3045rem + .4129vw,1.8rem);font-weight:600;padding:.5em 1em;color:#fff;background:linear-gradient(to right,#f65e36,#feb47b)}.home__card--title::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#f65e36,#feb47b);z-index:-1;transform:rotate(-3deg)}.home__card--title::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to right,#6dd5ed,#07a0c3);z-index:-1;transform:rotate(3deg)}.home__card--desc{text-align:start;grid-area:desc;justify-self:flex-start}.home__card--teaserimage{grid-area:image;position:relative}.home__card--teaserimage::after,.home__card--teaserimage::before{content:"";display:block;position:absolute}.home__card--teaserimage::after{width:80%;height:140px;bottom:0;right:0;background-color:#f65e36;clip-path:polygon(34% 60%,44% 80%,64% 80%,64% 56%,100% 56%,100% 100%,0 100%,0 80%,10% 60%,22% 80%)}.home__card--teaserimage::before{width:100px;height:140px;bottom:0;right:20px;background-color:#086788;clip-path:polygon(26% 50%,26% 38%,65% 38%,83% 24%,100% 39%,100% 100%,0 100%,0 70%,0 50%,13% 39%)}.home__card--price{grid-area:price;text-align:end}.home__services{gap:2rem;padding:.5rem}.home__services--item{position:relative;background:linear-gradient(to right,#f65e36,#feb47b);padding:.5rem}.home__services--item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#e5be01,#e7d36e);z-index:-1;transform:rotate(-3deg)}.home__services--item::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to right,#6dd5ed,#07a0c3);z-index:-1;transform:rotate(3deg)}@media screen and (min-device-width:1180px){.home__services{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.home__services--title{grid-area:title}.home__services--image{width:50%;float:left;margin:0 1rem .2rem 0;overflow:hidden}.home__services--image img{transition:transform .3s ease}.home__services--image img:focus,.home__services--image img:hover{transform:scale(1.1)}.home__services--body{justify-self:start}.home__address{padding-left:1.2rem;background-color:#bebebe;display:grid;grid-template-columns:55% 45%;grid-template-rows:3rem auto;width:min(98%,1200px);margin:auto}.home__address :not(.btn){color:#0c0c0c!important}@media screen and (min-device-width:768px){.home__address{padding:1.2rem}}@media screen and (min-device-width:1180px){.home__address{padding:1.2rem 1.2rem 1.2rem 4rem}}.home__address--heading{grid-column:1/-1}.home__address--address,.home__address--qr{display:grid;grid-template-columns:1fr;grid-template-rows:15% 85%}.home__address--address{line-height:2;grid-column:1;grid-row:2;font-size:clamp(1.1rem,.9846rem + .5128vw,1.6rem)}.home__address--qr{grid-column:2;grid-row:2}.home__address--qr small{margin-left:.8rem}@media screen and (min-device-width:768px){.home__address--qr small{margin-left:7rem}}@media screen and (min-device-width:1180px){.home__address--qr small{margin-left:9rem}}@media screen and (min-device-width:768px){.home__address--qrimage{width:240px;justify-self:center}}.home__text{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;color:#fff1d0;text-shadow:1px 1px 2px #0c0c0c;font-size:clamp(1.4rem,4vw,2rem)}.home__logo{width:70px;margin:auto}.home__galery{height:300px;aspect-ratio:1;margin:1rem auto;position:relative;overflow:hidden}@media screen and (min-device-width:768px){.home__galery{height:400px}}.home__galery img{height:100%;width:100%;inset:0;object-fit:cover;position:absolute;border:6px solid #07a0c3}.glasseffect{padding:2rem 0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);background-color:rgba(62,34,12,.4);background-position:center;background-size:cover;background-repeat:no-repeat;margin-bottom:4rem}.product-wrapper{background:linear-gradient(to bottom left,#0c0c0c,#0979a0)}.product__header{position:fixed;top:0;width:100%;z-index:-1}.product__header--overlay{position:absolute;inset:0;background-color:#0c0c0c;mix-blend-mode:soft-light}.product__header--image{width:100%;height:100%;object-fit:cover;z-index:-2}.product{width:min(90%,1200px);margin:84px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding-bottom:6rem}.product__slider{width:min(90%,800px)}.product__hero{grid-column:1/-1;width:100%;padding:1rem 0 2rem;overflow:hidden}.product__hero--title{color:#f65e36;font-size:clamp(2rem,1.3077rem + 3.0769vw,5rem)}.product__hero--subtitle{font-size:clamp(1.2rem,.9231rem + 1.2308vw,2.4rem);color:#f65e36;font-style:italic}.product__hero--image{width:100%;height:auto;object-fit:cover}.product__hero--image:focus,.product__hero--image:hover{transform:scale(1.1);transition:transform .5s}.product__hero--description{margin:2rem auto;font-style:italic;color:#fff1d0}.product__item{background-color:rgba(12,12,12,.2);padding:20px;width:100%;box-sizing:border-box}.product__item--title{font-size:clamp(1.4rem,1.2615rem + .6154vw,2rem);margin-bottom:10px;color:#f65e36;font-weight:400}.product__item--image{border:5px solid #fff1d0;overflow:hidden}.product__item--img{width:100%;height:auto;object-fit:cover;transition:transform .5s}.product__item--img:focus,.product__item--img:hover{transform:scale(1.1);transition:transform .5s}.product__item--description{margin:2rem auto;color:#fff1d0}.product__item--price{color:#f65e36;font-weight:700;margin-bottom:10px}.product-detail{background:linear-gradient(to bottom left,#0c0c0c,#0979a0);margin-top:84px;width:100%;min-height:100dvh;height:100%;padding:2rem 0 6rem}.product-detail__show{width:min(100%,600px);height:100%;margin:0 auto}.product-detail__show--title{width:100%;height:100%;position:relative;border:5px solid #fff1d0}.product-detail__show--h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:30ch;width:100%;margin:auto;z-index:3;font-weight:800;background-color:rgba(0,0,0,.2);font-size:clamp(1.2rem,.7631rem + 1.8641vw,3rem);color:#fff1d0;text-shadow:0 0 5px #0c0c0c;margin:0}.product-detail__text{width:min(90%,800px);margin:0 auto;color:#fff1d0}.product-detail__description{margin:2rem auto}.product-detail__price{font-weight:700;margin-bottom:10px;color:#f65e36}[data-thumbNailContainer]{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}#imagePreview,#imageRentPreview{max-width:300px;max-height:300px}.thumbnail{max-width:100px;max-height:100px;margin:5px;cursor:pointer}html{height:100%;width:100%;scroll-behavior:smooth}body{font-family:"Red Hat Display";max-width:100%;width:100%;line-height:1.8;font-size:16px;height:100%}body.noscroll{overflow-y:hidden}.overflow-hidden{overflow-y:hidden}.main__wrapper{padding:1rem 2rem;display:flex;flex-direction:column;gap:1.6rem}