.diy-header{padding:0;position:relative}.diy-header::after{width:100%;height:100%;position:absolute;bottom:0;left:0;content:"";background-color:#1c75bc;opacity:0.9}.diy-cards{width:75%;margin:0 auto;padding-bottom:5rem}@media (max-width:768px){.diy-cards{width:90%}}@media (min-width:2120px){.diy-cards{width:50%}}.diy-cards .diy-cards-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-row-gap:3rem;row-gap:3rem}@media (max-width:768px){.diy-cards .diy-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.diy-cards .diy-cards-grid{-moz-column-gap:1rem;column-gap:1rem}}@media (max-width:425px){.diy-cards .diy-cards-grid{grid-template-columns:1fr}}.diy-cards .card-inner-diy{display:flex;flex-direction:column;height:100%}.diy-cards .card-inner-diy-konfigurator{border:1px solid #02a3f9;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:center;width:100%;height:100%;padding:1rem 0.5rem}.diy-cards .card-inner-diy-konfigurator img{width:10%}.diy-cards .card-inner-diy-konfigurator p{color:#02a3f9;margin:0;font-size:1.25rem}.diy-cards .card-inner-diy-konfigurator .btn{background-color:#02a3f9;border-radius:8px;color:white;font-weight:500;text-transform:capitalize;font-size:1rem;padding:0.75rem 2.75em;display:flex;align-items:center;justify-content:center}.diy-cards .card-inner-diy-konfigurator .btn:hover{background-color:#185499}@media (max-width:576px){.diy-cards .card-inner-diy-konfigurator .btn{padding:0.75rem 1.25em}}.diy-cards .diy-card-box{transition:0.2s;border-radius:8px;box-shadow:0px 7px 17px -9px rgb(158,158,158);transition:box-shadow 0.5s linear,transform 0.5s linear}.diy-cards .diy-card-box:hover{box-shadow:0px 18px 23px -1px rgb(198,198,198);transform:translateY(-5px)}.diy-cards .diy-card-box .grey-div{width:100%;background-color:#c4c4c4;border-radius:8px 8px 0 0;height:15rem;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden}.diy-cards .diy-card-box .grey-div .poster-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(0.75);transition:0.5s}.diy-cards .diy-card-box .grey-div .poster-img:hover{scale:1.05}.diy-cards .diy-card-box .grey-div .play-img{position:absolute;left:50%;max-width:7rem;top:50%;transform:translate(-50%,-50%);pointer-events:none}.diy-cards .diy-card-box p{margin:0;margin-top:10px;font-size:1rem}.diy-cards .diy-card-box .diy-step-link .diy-title-wrapper{display:flex;justify-content:space-between;align-items:center;-moz-column-gap:0.5rem;column-gap:0.5rem}.diy-cards .diy-card-box .diy-step-link .diy-title-wrapper .diy-card-title{display:block;font-weight:700;font-size:1.4rem}@media screen and (min-width:426px) and (max-width:510px){.diy-cards .diy-card-box .diy-step-link .diy-title-wrapper .diy-card-title.wrap-on-mobile{word-break:break-all}}.diy-cards .diy-card-box .diy-step-link .diy-title-wrapper .pdf-icon{width:2.25rem;height:2.25rem;cursor:pointer;z-index:0}.diy-cards .diy-card-box .diy-step-link{display:flex;flex-direction:column;justify-content:space-between;padding:1rem 2rem 1.6rem;flex-grow:1;row-gap:10px}@media (max-width:768px){.diy-cards .diy-card-box .diy-step-link{padding:1rem 1.5rem 1.6rem}}@media (max-width:576px){.diy-cards .diy-card-box .diy-step-link{padding:0.75rem 1rem 1.6rem}}.diy-cards .diy-card-box .diy-step-link .mehr-section{font-weight:600;font-size:1rem;display:flex;gap:1rem}.diy-cards .diy-card-box .diy-step-link .mehr-section img{transition:transform 0.2s ease-in-out;-o-object-fit:contain;object-fit:contain}.diy-cards .diy-card-box .diy-step-link:hover .mehr-section img{transform:translateX(5px)}.diy-step-view-content-wrapper{margin:0 auto;width:75%}@media (max-width:768px){.diy-step-view-content-wrapper{width:90%}}@media (min-width:2120px){.diy-step-view-content-wrapper{width:50%}}.diy-step-view-content-wrapper .diy-step-header-wrapper h1{margin-left:12.5%;margin-right:12.5%}@media (max-width:768px){.diy-step-view-content-wrapper .diy-step-header-wrapper h1{margin-left:0;margin-right:0}}.diy-step-view-content-wrapper .video-container{display:grid;margin-top:1rem;grid-template-columns:10% calc(80% - 2rem) 10%;align-items:center;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}@media (max-width:1024px){.diy-step-view-content-wrapper .video-container{gap:2rem}}@media (max-width:768px){.diy-step-view-content-wrapper .video-container{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}}.diy-step-view-content-wrapper .video-container video{width:100%;border-radius:8px;grid-column:2/3}@media (max-width:768px){.diy-step-view-content-wrapper .video-container video{grid-column:1/3;order:1}}.diy-step-view-content-wrapper .pagination-arrow-link{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:0.75rem;border-radius:8px;width:100%;aspect-ratio:0.85;transition:transform 0.25s ease-in-out,box-shadow 0.25s ease-in-out}@media (max-width:1024px){.diy-step-view-content-wrapper .pagination-arrow-link{padding:0.75rem}}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link{width:-moz-fit-content;width:fit-content;padding:1.25rem;order:2;aspect-ratio:unset}}.diy-step-view-content-wrapper .pagination-arrow-link:hover{transform:translateY(-5px);box-shadow:0 14px 23px -1px #c6c6c6}.diy-step-view-content-wrapper .pagination-arrow-link:hover svg{scale:1.1}.diy-step-view-content-wrapper .pagination-arrow-link.prev{justify-self:flex-end;grid-column:1/2}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link.prev{grid-row:2/3;justify-self:center}}.diy-step-view-content-wrapper .pagination-arrow-link.prev .arrow-icon.arrow-mobile{transform:rotate(180deg)}.diy-step-view-content-wrapper .pagination-arrow-link.next{justify-self:flex-start;grid-column:3/4}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link.next{grid-column:2/3;grid-row:2/3;justify-self:center}}.diy-step-view-content-wrapper .pagination-arrow-link .arrow-text{font-size:0.75rem;text-transform:uppercase;word-break:break-word;text-align:center}@media (max-width:1024px){.diy-step-view-content-wrapper .pagination-arrow-link .arrow-text{display:none}}.diy-step-view-content-wrapper .pagination-arrow-link .arrow-icon{text-align:center}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link .arrow-icon.arrow-desktop{display:none}}.diy-step-view-content-wrapper .pagination-arrow-link .arrow-icon.arrow-mobile{display:none}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link .arrow-icon.arrow-mobile{display:inherit}}.diy-step-view-content-wrapper .pagination-arrow-link svg{width:85%;max-width:90px;transition:scale 0.25s ease-in-out}@media (max-width:768px){.diy-step-view-content-wrapper .pagination-arrow-link svg{width:56px;height:28px}}.diy-step-view-content-wrapper .links-list{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;gap:1rem;justify-self:center;grid-column-start:1;grid-column-end:4;grid-row-start:2;grid-row-end:2;width:75%;margin-top:3rem;flex-wrap:wrap}@media (max-width:768px){.diy-step-view-content-wrapper .links-list{flex-wrap:wrap;order:3;width:100%;margin-top:0;gap:0.5rem;grid-area:3/1/4/3;justify-content:flex-start}}.diy-step-view-content-wrapper .links-list>a{white-space:nowrap;color:#02a3f9;border:2px solid #02a3f9;padding:0.5rem 3rem;text-align:center;font-weight:600;transition:0.2s;border-radius:8px}@media (max-width:576px){.diy-step-view-content-wrapper .links-list>a{padding:0.5rem 1rem}}@media (max-width:425px){.diy-step-view-content-wrapper .links-list>a{width:100%}}.diy-step-view-content-wrapper .links-list>a:hover{color:#0062c6;border:2px solid #0062c6}.step-cards-container{margin-bottom:3.5rem;padding-top:0.5rem;padding-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2rem}@media (max-width:768px){.step-cards-container{gap:4rem;justify-content:center}}.diy-steps-wrapper .diy-title-wrapper{display:flex;align-items:center;-moz-column-gap:0.5rem;column-gap:0.5rem;margin-top:5rem;margin-bottom:3rem}@media (max-width:768px){.diy-steps-wrapper .diy-title-wrapper{margin-top:5rem;margin-bottom:1rem}}.diy-steps-wrapper .diy-title-wrapper .step-cards-container-title{margin:0;font-weight:500}.diy-steps-wrapper .diy-title-wrapper .pdf-icon{width:2.25rem;height:2.25rem;cursor:pointer;z-index:0}.step-card{border-radius:8px;width:calc(33% - 2rem);position:relative}@media (max-width:768px){.step-card{width:100%;max-width:500px}}.step-card .step-card-image{aspect-ratio:16/9;-o-object-fit:fill;object-fit:fill}.step-card .zoom{margin-bottom:0.75rem;background-position:50% 50%;position:relative;overflow:hidden;cursor:zoom-in;border-radius:8px}.step-card .zoom img:hover{opacity:0}.step-card .zoom img{transition:opacity 0.5s;display:block;width:100%}.step-card .step-card-number{border-radius:8px;z-index:10;float:left}.step-card .step-card-number span{display:flex;justify-content:flex-start;align-items:center;font-weight:bold;font-size:2.5rem;height:1.5rem;padding:0 0.75rem 0 0;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#02a3f9;width:-moz-fit-content;width:fit-content;height:3rem;background-color:white}.gallery-modal.diy video{width:100%}.gallery-modal.diy .iframe-wrapper{width:100%;height:70vh}.gallery-modal.diy .iframe-wrapper iframe{width:100%;height:100%}