:root{--color-white:#fff;--color-light-grey:#9c89b8;--color-dark-grey:#666;--color-black:#202020;--color-light-red:#fd4149;--color-red:red;--color-dark-red:#7f0808;--color-darker-red:#400;--color-light-pink:#efc3e6;--color-pink:#f0a6ca;--color-yellow:#f1cb00;--color-magenta:#f0a;--color-green:#28a745;--color-blue:#9cf;--border-red:2px solid #ea0c0c99;--box-shadow-light-lg:4px 4px 8px #0006;--text-shadow:1px 1px 2px #000}.red{color:var(--color-red)}.bg-red{background-color:var(--color-red)}.dred{color:var(--color-dark-red)}.bg-dred{background-color:var(--color-dark-red)}.yellow{color:var(--color-yellow)}.bg-yellow{background-color:var(--color-yellow)}.green{color:var(--color-green)}.bg-green{background-color:var(--color-green)}.blue{color:var(--color-blue)}.bg-blue{background-color:var(--color-blue)}.magenta{color:var(--color-magenta)}.bg-magenta{background-color:var(--color-magenta)}.row{flex-direction:row!important;display:flex!important}.col{flex-direction:column!important;display:flex!important}.row.h-start,.col.v-start{justify-content:flex-start}.row.h-end,.col.v-end{justify-content:flex-end}.row.h-center,.col.v-center{justify-content:center}.row.h-spa,.col.v-spa{justify-content:space-around}.row.h-spb,.col.v-spb{justify-content:space-between}.row.h-spe,.col.v-spe{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.row.v-start,.col.h-start{align-items:flex-start}.row.v-end,.col.h-end{align-items:flex-end}.row.v-center,.col.h-center{align-items:center}.row.v-stretch,.col.h-stretch{align-items:stretch}.grid{display:grid}.igrid{display:inline-grid}.col-1{grid-template-columns:repeat(1,1fr)}.col-2{grid-template-columns:repeat(2,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-4{grid-template-columns:repeat(4,1fr)}.col-5{grid-template-columns:repeat(5,1fr)}.col-6{grid-template-columns:repeat(6,1fr)}.grid.h-start{justify-items:start}.grid.v-start{align-items:start}.grid.h-end{justify-items:end}.grid.v-end{align-items:end}.grid.h-center{justify-items:center}.grid.v-center{align-items:center}.grid.h-str{justify-items:stretch}.grid.v-str{align-items:stretch}.rg-03{row-gap:.3rem}.cg-03{-webkit-column-gap:.3rem;-moz-column-gap:.3rem;column-gap:.3rem}.g-03{gap:.3rem}.p-03{padding:.3rem}.pt-03{padding-top:.3rem}.pb-03{padding-bottom:.3rem}.m-03{margin:.3rem}.mt-03{margin-top:.3rem}.mb-03{margin-bottom:.3rem}.rg-05{row-gap:.5rem}.cg-05{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.g-05{gap:.5rem}.p-05{padding:.5rem}.pt-05{padding-top:.5rem}.pb-05{padding-bottom:.5rem}.m-05{margin:.5rem}.mt-05{margin-top:.5rem}.mb-05{margin-bottom:.5rem}.rg-1{row-gap:1rem}.cg-1{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.g-1{gap:1rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pb-1{padding-bottom:1rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.rg-15{row-gap:1.5rem}.cg-15{-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.g-15{gap:1.5rem}.p-15{padding:1.5rem}.pt-15{padding-top:1.5rem}.pb-15{padding-bottom:1.5rem}.m-15{margin:1.5rem}.mt-15{margin-top:1.5rem}.mb-15{margin-bottom:1.5rem}.rg-2{row-gap:2rem}.cg-2{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.g-2{gap:2rem}.p-2{padding:2rem}.pt-2{padding-top:2rem}.pb-2{padding-bottom:2rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.rg-3{row-gap:3rem}.cg-3{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}.g-3{gap:3rem}.p-3{padding:3rem}.pt-3{padding-top:3rem}.pb-3{padding-bottom:3rem}.m-3{margin:3rem}.mt-3{margin-top:3rem}.mb-3{margin-bottom:3rem}.rg-4{row-gap:4rem}.cg-4{-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem}.g-4{gap:4rem}.p-4{padding:4rem}.pt-4{padding-top:4rem}.pb-4{padding-bottom:4rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mb-4{margin-bottom:4rem}.sp-1-2{grid-column:1/span 2}.max-w-800{max-width:800px}.max-w-600{max-width:600px}.max-w-400{max-width:400px}.h-100{height:100%}.w-100{width:100%}.m-0{margin:0}.m-0-auto{margin:0 auto}.t-center{text-align:center}.t-left{text-align:left}.t-right{text-align:right}.f-right{float:right}:root{font-size:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{color:var(--color-yellow);font-family:Source Sans Pro,sans-serif;font-weight:400;line-height:1.4}html,body{width:100%;height:100%}a{color:var(--color-blue);text-decoration:none}input[type=radio],input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-red);filter:drop-shadow(3px 3px 3px #0006);flex-shrink:0;margin-right:.3rem}input[type=text],input[type=tel],textarea,button,.btn{-webkit-box-shadow:var(--box-shadow-light-lg);box-shadow:var(--box-shadow-light-lg);border:none;font-size:.9rem}input[type=text],input[type=tel],textarea{border-radius:.2rem;width:8rem;padding:.2rem .3rem}button,.btn{background-color:var(--color-red);color:var(--color-white);text-transform:uppercase;border-radius:.3rem;width:fit-content;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}h1{font-size:2rem}h2{font-size:1.3rem}h3{font-size:1.2rem}h4{font-size:1.1rem}.number{font-size:1.1rem;font-weight:600;display:inline-block}.small{font-size:.8rem}.hide{display:none!important}.dr{vertical-align:-.25rem;width:1.5rem;height:1.5rem}.cr{vertical-align:-.25rem;width:1rem;height:1rem}.header{background-color:#666;font-weight:600}.header .abs{width:100vw;text-shadow:var(--text-shadow);position:absolute}.header .sub1{color:var(--color-yellow);text-align:center;padding:0 1rem;font-size:1.2rem;line-height:1.5rem}.header .sub2{color:var(--color-yellow);font-size:1.5rem}.header .sub3{color:var(--color-red);font-size:2.5rem;line-height:2rem}.header .hinnat{text-shadow:var(--text-shadow);margin:0 2rem;padding:2rem 1rem;margin:0 auto!important}.header .hinnat .hdesc{line-height:1rem}.header .hinnat .number,.header .hinnat p{font-size:clamp(1rem,5vw,1.3rem)}.header .links-top{background-color:var(--color-dark-red);padding:1rem 2rem}.header .links-top ul{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));list-style-type:none}.header .links-top ul a{color:var(--color-yellow);font-size:1.2rem}.card{border:var(--border-red);background:url(/img/bg_dots1.png);max-width:400px;margin:0 auto}.card .card-header{border-bottom:var(--border-red);background-color:#ffffff1a;padding:1rem}.card .card-body{padding:1rem}.card .card-footer{border-top:var(--border-red);background-color:#ff00001a;padding:1rem}.card .card-footer-2{border-top:var(--border-red);padding:1rem}.card-collapsible{border:var(--border-red);background:url(/img/bg_dots1.png);max-width:400px;margin:0 auto}.card-collapsible .toggler{background-color:#ff00ff1a;padding:1rem}.card-collapsible .collapse-control{display:none}.card-collapsible .container{max-height:0;transition:max-height .3s;overflow:hidden}.card-collapsible .container .card-header{border-bottom:var(--border-red);background-color:#ff00ff1a;padding:1rem}.card-collapsible .container .card-body{padding:1rem}.card-collapsible .container .card-footer{border-top:var(--border-red);background-color:#ff00001a;padding:1rem}.card-collapsible .container .card-footer-2{border-top:var(--border-red);padding:1rem}.card-collapsible input[type=checkbox]:checked~.container{max-height:3000px}.card-collapsible .toggle{font-size:1.2rem;font-weight:600}.prepaid input[type=text]:invalid,.prepaid input[type=email]:invalid,.prepaid textarea:invalid,.diary input[type=text]:invalid,.diary input[type=email]:invalid,.diary textarea:invalid,.yritys input[type=text]:invalid,.yritys input[type=email]:invalid,.yritys textarea:invalid{color:var(--color-red);box-shadow:0 0 10px 3px red}.prepaid .captcha label,.diary .captcha label,.yritys .captcha label{font-size:.9rem}.intro{padding:2rem}.intro .intro-text{max-width:800px;text-shadow:var(--text-shadow);margin:0 auto;font-size:1.3rem}.tag-intro{padding:2rem}.tag-intro .tabs{flex-wrap:wrap;justify-content:center;display:flex;position:relative;overflow:hidden}.tag-intro .state{opacity:0;pointer-events:none;position:absolute}.tag-intro .state:checked+.tab{color:red;cursor:default;border-bottom-color:red}.tag-intro .state:focus+.tab{outline-offset:-4px;outline:2px solid red}.tag-intro .state:focus:not(:focus-visible)+.tab{outline:none}.tag-intro .state:checked+.tab+.tab-cont{visibility:visible}.tag-intro .tab{cursor:pointer;border-bottom:2px solid #0000;order:0;padding:.5rem 1.5rem;font-size:1.3rem;font-weight:600;transition:color .2s,border-color .2s}.tag-intro .tab:hover{color:red}.tag-intro .tab-cont{box-sizing:border-box;visibility:hidden;order:1;width:100%;padding:1rem;font-size:1.3rem}.tag-intro .tab-cont~.tab-cont{-webkit-margin-start:-100%;margin-left:-100%;margin-inline-start:-100%}.info .card .card-body,.tag-info .card .card-body{padding:0}.tag-info .gr-ver{padding:10px}.tag-info .cta-box{padding:1rem}.tag-info .tag-item{border:1px solid var(--color-light-red);background-color:#0004;border-radius:10px;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,1fr);align-items:center;padding:10px;display:grid}.tag-info .tag-item .par1,.tag-info .tag-item .par2{font-size:1.3rem;font-weight:600}.tag-info .tag-item h3{grid-area:1/1/2/5}.tag-info .tag-item .par1{grid-area:2/1/3/4}.tag-info .tag-item .par2{color:var(--color-magenta);grid-area:3/1/4/4}.tag-info .tag-item .par3{grid-area:4/1/5/4;font-size:1rem;font-weight:400}.tag-info .tag-item .par3 b{color:var(--color-red)}.tag-info .tag-item div{grid-area:2/4/5/5;align-self:end}.tag-info .tag-item .small{font-size:.8rem}.tag-info .tag-item .read-more{text-decoration:underline}.bg-img{border:1px solid var(--color-light-red);background-size:cover;border-radius:10px}.small-img{width:5rem;height:5rem}.bg-img-square{border:1px solid var(--color-light-red);background-size:cover;border-radius:10px;width:100%;padding-top:100%}.bg-cont{padding:10px}.gr-ver{grid-row-gap:10px;padding:10px 10px 10px 0}.gr-hor{grid-template-columns:auto 24%}.more-cont{background-color:var(--color-dark-red);width:100%;max-width:400px;margin:0 auto;padding:1rem 2rem}.more-cont .more,.more-cont .more-tag{color:var(--color-yellow);text-align:center;border:var(--border-red);background-color:var(--color-darker-red);border-radius:10px;width:100%;padding:10px;font-size:1.2rem;font-weight:700;display:block}.art{padding:1rem}.art h3{color:var(--color-magenta)}.prepaid form.p .pbut{cursor:pointer;background-color:#ffffffe6;border:none;border-radius:5px;padding:0}.prepaid form.p .pimg{width:100%}.tag-cloud,.tags{text-align:center;padding:2rem 0}.tag-cloud ul,.tags ul{list-style-type:none}.tag-cloud ul li,.tags ul li{margin:.6rem .4rem;display:inline-block}.tag-cloud ul li a,.tags ul li a{color:var(--color-yellow);border:1px solid var(--color-yellow);border-radius:.8rem;padding:.2rem .7rem .3rem}.tag-cloud li a{text-shadow:var(--text-shadow)}.tags{font-size:1.2rem}.poll .que{border-bottom:var(--border-red);padding:.5rem 0;font-size:.9rem}.poll .que:last-child{border-bottom:none}.poll .message .results{grid-template-columns:auto 20%}.poll .message .results span{border-bottom:1px solid red;margin-bottom:.3rem;padding-bottom:.3rem}.faq input{display:none}.faq label{color:var(--color-yellow);border:2px solid var(--color-yellow);text-align:center;border-radius:.8rem;padding:.1rem;font-weight:600}.faq label:has(input:checked){color:var(--color-black);background-color:var(--color-yellow)}.faq .faq-nav{grid-template-columns:repeat(6,1fr);gap:.8rem;display:grid}.faq article{row-gap:.5rem;display:none}.faq article h4{border-top:1px solid var(--color-yellow);border-bottom:1px solid var(--color-yellow);padding:.5rem 0}.faq:has(#f1:checked) .f1{display:grid}.faq:has(#f2:checked) .f2{display:grid}.faq:has(#f3:checked) .f3{display:grid}.faq:has(#f4:checked) .f4{display:grid}.faq:has(#f5:checked) .f5{display:grid}.faq:has(#f6:checked) .f6{display:grid}.faq:has(#f7:checked) .f7{display:grid}.faq:has(#f8:checked) .f8{display:grid}.faq:has(#f9:checked) .f9{display:grid}.faq:has(#f10:checked) .f10{display:grid}.faq:has(#f11:checked) .f11{display:grid}.faq:has(#f12:checked) .f12{display:grid}.diary .card .card-body{padding:0}.diary .comment{border-bottom:var(--border-red);padding:0 0 .5rem}.diary .comment:last-child{border-bottom:none}.porssi{background-color:#0003;margin:1rem 0;padding:2rem}.porssi>div{border-bottom:var(--border-red);grid-template-columns:1fr;padding-bottom:1rem}.porssi>div div{grid-template-columns:1fr 1fr}.porssi>div:last-of-type{border-bottom:none!important}.footer{border-top:var(--border-red);background:url(/img/bg_dots1.png);width:100vw;padding:2rem}.footer .links-container{border-bottom:1px dashed var(--color-yellow);grid-template-columns:min(30%,8rem) auto;margin-bottom:1.5rem;padding-bottom:1.5rem}.footer .links-container .links ul{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));list-style-type:none}.footer .links-container .links ul a{color:var(--color-yellow);font-size:1.2rem}.hero{grid-area:hero}.hinnat{grid-area:hinnat}.links-top{grid-area:links-top}.header{grid-template-areas:"hero""links-top""hinnat"}.header .hero{width:100vw;height:100vh;position:relative}.header .hero .abs{bottom:2rem}.header .hinnat{background-color:#400;width:100%}@media only screen and (width>=820px){.header{grid-template-columns:320px auto;grid-template-areas:"hero hinnat""links-top links-top"}.header .abs{padding-left:320px;top:4rem;bottom:auto!important}.header .hero{width:320px;height:600px}.header .hinnat{background-color:#0000;place-self:end;padding-bottom:4rem}}.intro{grid-area:intro}.info{grid-area:info}.tag-intro{grid-area:tag-intro}.tag-info{grid-area:tag-info}.prepaid{grid-area:prepaid}.diary{grid-area:diary}.tag-cloud{grid-area:tag-cloud}.tags{grid-area:tags}.poll{grid-area:poll}.yritys{grid-area:yritys}.search{grid-area:search}.search-tag{grid-area:search-tag}.porssi{grid-area:porssi}.ilman-0700{grid-area:ilman-0700}.wrapper{grid-gap:20px;margin:0 auto 2rem;display:grid}.theme-1{grid-template-areas:"intro""info""prepaid""diary""poll""tag-cloud""ilman-0700""search""yritys""porssi""tags"}.theme-2{grid-template-areas:"tag-intro""tag-info""prepaid""diary""poll""tag-cloud""ilman-0700""search-tag""yritys""porssi""tags"}@media only screen and (width>=820px){.wrapper{grid-template-columns:400px 400px;max-width:820px;margin:2rem auto}.theme-1{grid-template-areas:"intro intro""info diary""prepaid diary""tags tags""search yritys""poll ilman-0700""porssi porssi""tag-cloud tag-cloud"}.theme-2{grid-template-areas:"tag-intro tag-intro""tag-info diary""prepaid diary""tags tags""search-tag yritys""poll ilman-0700""porssi porssi""tag-cloud tag-cloud"}.porssi .grid{grid-template-columns:70% 30%}.porssi .grid div{grid-template-columns:60% 40%}}@media only screen and (width>=1240px){.wrapper{grid-template-columns:400px 400px 400px;max-width:1240px}.theme-1{grid-template-areas:"intro intro intro""info prepaid diary""info poll diary""tags tags tags""search ilman-0700 yritys""porssi porssi porssi""tag-cloud tag-cloud tag-cloud"}.theme-2{grid-template-areas:"tag-intro tag-intro tag-intro""tag-info prepaid diary""tag-info poll diary""tags tags tags""search-tag ilman-0700 yritys""porssi porssi porssi""tag-cloud tag-cloud tag-cloud"}.porssi .grid{grid-template-columns:75% 25%}.porssi .grid div{grid-template-columns:60% 40%}}
