.tips h1{margin-block-start:-1rem;width:80%;margin-block-end:3rem}.tipsPage{width:82vw;margin:auto}.tagFilter{display:flex;margin-block-end:30px}.custom-dropdown{position:relative;display:inline-block}.dropdown-btn{padding:1px 8px;border:none;border-bottom:1px solid var(--black);background-color:#fff;color:var(--black);cursor:pointer;width:11rem;display:flex;font-family:'Poppins',Georgia,sans-serif;font-size:.8rem;margin-inline-start:.3rem}.dropdown-content{display:none;position:absolute;right:0;top:104%;background-color:rgb(255 255 255 / .7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1;width:10.9rem;border-bottom:1px solid var(--black)}.dropdown-item{padding:4px 18px;color:var(--black);cursor:pointer;display:block}.custom-dropdown .dropdown-content.show{display:block}.custom-dropdown .dropdown-item:hover,.dropdown-btn:hover{color:var(--hover)}.arrow{margin-left:auto;font-size:120%;transition:transform 0.3s ease;color:inherit;padding:3px 5px}.arrow.rotate{transform:rotate(180deg)}.custom-dropdown .dropdown-btn:focus-visible,.custom-dropdown .dropdown-item:focus-visible{outline:2px solid var(--hover)}.tipsContainer{width:100%;display:block;column-gap:30px;margin-block-end:6vw}.tipsContainer .webtip,.tipsContainer .brandtip{display:inline-block;margin-block-end:30px;width:100%}.webtip,.brandtip{background-image:linear-gradient(50deg,var(--streep) 20.73%,#ffffff 20.73%,#ffffff 50%,var(--streep) 50%,var(--streep) 70.73%,#ffffff 70.73%,#ffffff 100%);background-size:82px 97.72px;margin:auto}.tipsContainer .webtipText,.tipsContainer .brandtipText{padding:8vw}.tipsContainer .webtipText h3,.tipsContainer .brandtipText h3{text-align:center;line-height:115%;margin-block-end:1.5rem}.menu-iconen{background-color:var(--block);display:grid;grid-template-columns:1fr 1fr;padding:1.5rem;gap:1.5rem;margin-block-start:2rem}.menu-iconen svg{display:flex;margin:auto;width:26px;height:auto}.menu-iconen p{font-size:75%;text-align:center}#webtip9 p,#webtip11 p,#webtip13 p{margin-block-end:0;margin-block-start:1.5rem}#webtip9 ul,#webtip11 ul{margin-block-start:0}#webtip9 li{list-style:disc}#webtip16 h3{margin-block-end:1rem}.webtip .webTrends,.webtip .tipFrame{display:flex;background-color:var(--block);background-repeat:no-repeat;background-size:66vw auto;height:49.5vw;width:66vw;margin-block-start:1.5rem}.webtip .webTrends p{font-weight:500;text-transform:uppercase;text-align:center;margin-block-start:2.5vw;margin-block-end:1.5vw}.webtip .webTrends img,.webtip .tipFrame img{width:53vw;height:37.6vw;object-fit:contain;margin:auto;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.webtip .animaties{display:grid;grid-template-columns:0.8fr 1.2fr;width:53vw;margin:auto;margin-block-start:5vw;place-self:center}.webtip .contactAnimatie{grid-column:1;grid-row:1;display:flex;height:14vw;width:14vw;margin:auto;justify-content:center;background-size:cover;border-radius:50%;background-image:linear-gradient(45deg,#dc6f4f,var(--hover) 70%);border:solid .2vw var(--black)}.webtip .contactAnimatie .bnt{height:13.9vw;width:13.9vw;padding:.05vw;object-fit:contain;animation-name:contact;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes contact{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.webtip .contactAnimatie .sign{font-family:'Poppins',sans-serif;font-size:6.6vw;font-weight:300;margin:0;text-align:center;position:absolute;line-height:180%;color:var(--black);margin-inline-start:-.1vw!important}.webtip .bntAnimiatie{grid-column:2;grid-row:1;width:20vw;height:3.2vw;border-radius:2px;border:1px solid var(--black);display:inline-block;position:relative;z-index:1;font-size:2.2vw;font-weight:500;text-transform:uppercase;background-color:var(--black);color:#fff;padding:.3vw 1.2vw;text-align:center;overflow:hidden;animation:BNTtrans infinite 2.4s ease;margin-block-start:8vw;margin-inline-start:4vw}@keyframes BNTtrans{0%{background-color:var(--black);color:#fff}48%{background-color:var(--black);color:#fff}50%{background-color:#fff0;color:var(--black)}96%{background-color:#fff0;color:var(--black)}100%{background-color:var(--black);color:#fff}}.webtip .bntAnimiatie::before{content:"";position:absolute;z-index:-1;background-color:var(--black);top:-1%;width:100%;height:102%;left:0;clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 100%,0% 100%,8% 50%);animation:BNTpijl infinite 2.4s ease}@keyframes BNTpijl{0%{left:0}50%{left:0}98%{left:92%}}.webtip .langAnimatie{grid-column:1/3;grid-row:2;margin-inline-start:18vw;margin-block-start:4vw;display:block;position:relative}.langAnimatie .zwart,.langAnimatie .wit{width:10vw;height:10vw;margin-block-end:4px;object-fit:contain;position:absolute}.langAnimatie .zwart{opacity:1;transform:rotateY(0deg);animation:rotateZwart 2.4s infinite ease-in-out}@keyframes rotateZwart{0%{opacity:1;transform:rotateY(0deg)}25%{opacity:1;transform:rotateY(0deg)}50%{opacity:0;transform:rotateY(-90deg)}75%{opacity:0;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}.langAnimatie .wit{width:10.5vw;height:10.5vw;margin-block-end:3px;opacity:0;transform:rotateY(90deg);animation:rotateWit 2.4s infinite ease-in-out}@keyframes rotateWit{0%{opacity:0;transform:rotateY(90deg)}24%{opacity:0;transform:rotateY(90deg)}50%{opacity:1;transform:rotateY(0deg)}75%{opacity:1;transform:rotateY(0deg)}100%{opacity:0;transform:rotateY(90deg)}}.tipsContainer ol li{list-style-type:decimal;padding:.3rem}.tipsContainer ul li{list-style-type:disc;padding:.3rem}.tipsContainer ul li ul li,.tipsContainer ol ul li{list-style-type:"-";margin-inline-start:-2rem}.tipsContainer a{text-decoration:underline;color:var(--black);text-transform:none}.tipsContainer a:hover{color:var(--hover)}#brandtip5 .brandtipText li{display:grid;grid-template-columns:.2fr 1.8fr;margin-inline-start:-2.8rem;padding:.3rem;list-style:none}#red,#orange,#yellow,#green,#blue,#purple,#pink,#brown,#black,#white{display:block;width:1.2rem;height:1.2rem;border-radius:50%;border:none;margin-inline-end:.3rem}#red{background-color:red}#orange{background-color:#f70}#yellow{background-color:#ff0}#green{background-color:green}#blue{background-color:blue}#purple{background-color:#b11bfc}#pink{background-color:#f0a}#brown{background-color:brown}#black{background-color:var(--black)}#white{background-color:#fff;border:solid .5px lightgrey}@media screen and (min-width:768px){.tips h1{margin-block-start:-.5rem;width:100%}.tipsPage{width:84vw}.tagFilter{justify-content:end}.dropdown-btn{border-bottom:1.2px solid var(--black)}.dropdown-content{border-bottom:1.2px solid var(--black)}.tipsContainer{column-count:2;gap:30px;writing-mode:horizontal-tb}.tipsContainer .webtip,.tipsContainer .brandtip{width:100%}.tipsContainer .webtipText,.tipsContainer .brandtipText{padding:3vw}.webtip .webTrends,.webtip .tipFrame{background-size:30vw auto;height:24vw;width:30vw;margin:auto}.webtip .webTrends p{margin-block-start:1.6vw;margin-block-end:.8vw}.webtip .webTrends img,.webtip .tipFrame img{height:16.3vw;width:23vw}.webtip .animaties{width:23vw;margin-block-start:2vw}.webtip .contactAnimatie{height:6vw;width:6vw;border:solid .1vw var(--black)}.webtip .contactAnimatie .bnt{height:5.9vw;width:5.9vw}.webtip .contactAnimatie .sign{font-size:2.9vw}.webtip .bntAnimiatie{width:9.5vw;height:1.5vw;font-size:1vw;padding:.2vw .6vw;margin-block-start:3vw;margin-inline-start:.5vw}.webtip .langAnimatie{margin-inline-start:8vw;margin-block-start:1.2vw}.langAnimatie .zwart,.langAnimatie .wit{width:4.5vw;height:4.5vw}.langAnimatie .wit{width:5vw;height:5vw}#webtip12 .webtipText a{word-wrap:break-word}}@media screen and (min-width:1024px){.tips h1{margin-block-start:9rem}.tipsContainer{column-count:3;writing-mode:horizontal-tb}.dropdown-btn{border-bottom:1.5px solid var(--black);font-size:.85rem}.dropdown-content{border-bottom:1.5px solid var(--black)}.menu-iconen svg{display:flex;width:27px;height:auto}.webtip .webTrends,.webtip .tipFrame{background-size:20vw auto;height:16.2vw;width:20vw;margin:auto}.webtip .webTrends p{margin-block-start:1vw;margin-block-end:.5vw}.webtip .webTrends img,.webtip .tipFrame img{height:11.3vw;width:16vw}.webtip .animaties{width:16vw;margin-block-start:1.2vw}.webtip .contactAnimatie{height:4vw;width:4vw}.webtip .contactAnimatie .bnt{height:3.9vw;width:3.9vw}.webtip .contactAnimatie .sign{font-size:1.9vw}.webtip .bntAnimiatie{width:5.8vw;height:.9vw;font-size:.6vw;padding:.1vw .3vw;margin-block-start:2vw;margin-inline-start:.2vw}.webtip .langAnimatie{margin-inline-start:5vw;margin-block-start:.8vw}.langAnimatie .zwart,.langAnimatie .wit{width:3vw;height:3vw}.langAnimatie .wit{width:3.5vw;height:3.5vw}}@media screen and (min-width:1440px){.tips h1{margin-block-start:11rem}.tipsPage{width:73vw}.webtip .webTrends,.webtip .tipFrame{background-size:17vw auto;height:13.5vw;width:17vw;margin:auto}.webtip .webTrends p{margin-block-start:.5vw;margin-block-end:.2vw}.webtip .webTrends img,.webtip .tipFrame img{height:9.9vw;width:14vw}.webtip .animaties{width:14vw;margin-block-start:2vw}.webtip .contactAnimatie{height:3vw;width:3vw}.webtip .contactAnimatie .bnt{height:2.9vw;width:2.9vw}.webtip .contactAnimatie .sign{font-size:1.46vw}.webtip .bntAnimiatie{width:4.8vw;height:.7vw;font-size:.5vw;padding:.1vw .2vw;margin-block-start:1.8vw;margin-inline-start:.2vw}.webtip .langAnimatie{margin-inline-start:5vw;margin-block-start:1vw}.langAnimatie .zwart,.langAnimatie .wit{width:2.4vw;height:2.4vw}.langAnimatie .wit{width:2.5vw;height:2.5vw}}@media screen and (min-width:1920px){.tips h1{margin-block-start:12.5rem}.tipsPage{width:63vw}.dropdown-btn{font-size:.9rem}.webtip .webTrends,.webtip .tipFrame{background-size:14vw auto;height:11.3vw;width:14vw;margin:auto}.webtip .webTrends p{margin-block-start:.5vw;margin-block-end:.2vw}.webtip .webTrends img,.webtip .tipFrame img{height:8.5vw;width:12vw}.webtip .animaties{width:12vw;margin-block-start:2vw}.webtip .contactAnimatie{height:2.8vw;width:2.8vw}.webtip .contactAnimatie .bnt{height:2.7vw;width:2.7vw}.webtip .contactAnimatie .sign{font-size:1.36vw}.webtip .bntAnimiatie{width:4.8vw;height:.65vw;font-size:.5vw;padding:.08vw .15vw;margin-block-start:1.5vw;margin-inline-start:.2vw}.webtip .langAnimatie{margin-inline-start:5vw;margin-block-start:.8vw}.langAnimatie .zwart,.langAnimatie .wit{width:2.2vw;height:2.2vw}.langAnimatie .wit{width:2.3vw;height:2.3vw}}