*{margin:0;padding:0}:root{--bg:#f6f5f3;--bg-box:#fff;--bg-nav:#d7ebcf;--bg-hat:#7cc242;--bg-input:#d7ebcf;--text:#333;--text-link:#222;--text-muted:#666;--accent:#7cc242;--accent-dark:#008430;--border:#e0e0e0;--border-light:#ddd;--link:#066fff;--shadow:0 -1px 1px 1px #e0e0e0 inset;--shadow-hover:0 -1px 3px 2px #d0d0d0 inset}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121212;--bg-box:#1e1e1e;--bg-nav:#1a2e1a;--bg-hat:#008430;--bg-input:#2a3d2a;--text:#e0e0e0;--text-link:#ddd;--text-muted:#999;--accent:#8ed454;--accent-dark:#2d8a45;--border:#333;--border-light:#444;--link:#5c9eff;--shadow:0 -1px 1px 1px #333 inset;--shadow-hover:0 -1px 3px 2px #444 inset}:root:not([data-theme="light"]) .main-nav .logo,:root:not([data-theme="light"]) .site-footer .logo{filter:brightness(0) saturate(100%) invert(78%) sepia(25%) saturate(874%) hue-rotate(55deg) brightness(101%) contrast(87%)}}:root[data-theme="dark"]{--bg:#121212;--bg-box:#1e1e1e;--bg-nav:#1a2e1a;--bg-hat:#008430;--bg-input:#2a3d2a;--text:#e0e0e0;--text-link:#ddd;--text-muted:#999;--accent:#8ed454;--accent-dark:#2d8a45;--border:#333;--border-light:#444;--link:#5c9eff;--shadow:0 -1px 1px 1px #333 inset;--shadow-hover:0 -1px 3px 2px #444 inset}:root[data-theme="dark"] .main-nav .logo,:root[data-theme="dark"] .site-footer .logo{filter:brightness(0) saturate(100%) invert(78%) sepia(25%) saturate(874%) hue-rotate(55deg) brightness(101%) contrast(87%)}html,body{font:16px 'Lato',sans-serif;color:var(--text);line-height:23px;background:var(--bg);scrollbar-width:thin}a{color:var(--text-link);text-decoration:none}input[type=text],textarea{padding:10px;width:100%;box-sizing:border-box;background:var(--bg-box);color:var(--text);border:1px solid var(--border)}input[type=submit]{padding:10px;background:var(--bg-box);color:var(--text);border:1px solid var(--border)}li{list-style:none}img.lazy{opacity:0}img.lazy.loaded{opacity:1}.c{clear:both}.h10{height:10px}.h20{height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lato-v23-latin-regular.woff2') format('woff2'),url('../fonts/lato-v23-latin-regular.woff') format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'),url('../fonts/montserrat-v25-latin-700.woff') format('woff')}.main-nav{width:100%;height:60px;position:sticky;top:0;box-sizing:border-box;padding:10px;background:var(--bg-nav);z-index:9000;box-shadow:0 5px 5px 0 var(--bg);overflow:hidden;line-height:40px}.main-nav>div{max-width:980px;margin:0 auto}.main-nav .logo{position:relative;display:inline-block;background:url(../img/viihde24b.svg) no-repeat 0/120px;margin:0 25px 0 0;width:120px;height:39px}.main-nav .logo a{display:block;width:100%;height:100%}.main-nav .menu a{font-size:15px;font-weight:700;text-transform:uppercase;vertical-align:14px;padding:10px 0 0 0;margin:0 10px 10px 10px;color:var(--text)}.main-nav .menu a.a,.main-nav .menu a:hover{border-bottom:3px solid var(--accent)}.main-nav #fb-root{display:inline-block}.main-nav .fb-like{display:inline-block;float:right;margin-top:-5px}.content{display:flex;flex-wrap:wrap;width:100%;max-width:980px;margin:30px auto;box-sizing:border-box}main{flex:2 2 400px;max-width:660px}main>.title,main>.search{background:var(--accent-dark);color:#fff;text-transform:uppercase;display:inline-block;font:700 20px "Montserrat";padding:10px 20px;margin:0 20px;vertical-align:top}main>.search{background:var(--accent-dark) url(../icon/search2.svg) no-repeat 50%/29px;margin-left:-20px;width:20px;height:24px}main .items .article-item{position:relative;display:block;background:var(--bg-box);margin:0 0 20px 0;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .2s ease}main .items .article-item:hover{box-shadow:var(--shadow-hover)}main .items .article-img{display:block}main .items .article-img span{display:block;position:relative}main .items .article-img span:after{display:block;content:'';padding-bottom:55.56%}main .items .article-img img{position:absolute;width:100%;height:100%}main .items em{position:absolute;bottom:0;left:10px}main .items h2{display:block;font:700 24px "Montserrat";line-height:30px;text-transform:none;padding:8px 10px 0 10px;letter-spacing:-0.03em;margin:0}main .items h2 a{color:var(--text-link)}main .items h2 a::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}main .items p{display:block;padding:10px 10px 14px 10px;font-size:16px;font-weight:400;line-height:20px;margin:0}main .items p.read-more{padding-top:0}main .items .recipe-item{display:flex;align-items:start}main .items .recipe-item .article-img{flex:0 0 200px}main .items .recipe-item>div{flex:1;padding:0 10px}main .item{min-height:500px;padding:20px;background:var(--bg-box);margin:0 0 20px 0;box-shadow:var(--shadow)}main .item header{margin-bottom:20px}main .item img{width:100%;min-height:200px;max-width:620px}main .item h1{display:inline;font:700 28px "Montserrat";line-height:33px;text-transform:none;padding:0;letter-spacing:-0.03em;margin:0}main .item h2{font-size:22px;font-weight:700;margin:20px 0 10px 0;line-height:28px}main .item .lead{font-size:18px;font-weight:400;margin:15px 0;line-height:25px;color:var(--text)}main .item .article-date{display:block;font-size:13px;color:var(--text-muted);margin:10px 0}main .item .article-content{margin:20px 0}main .item .article-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}main .item .author{font-size:13px;color:var(--text-muted);margin:0 0 15px 0;font-weight:600}main .item h5{font-size:13px;line-height:normal}main .item a{color:var(--link);font-weight:700}main .item em{float:left;margin-right:15px}main .item .talk{display:block;width:300px;height:40px;color:#fff;background:var(--accent) url(/viihde/img/s24.svg) no-repeat 10px 62%/80px;margin:20px 0 10px 0;padding-left:110px;line-height:40px;box-sizing:border-box}.recipe{min-height:500px;padding:20px;background:var(--bg-box);margin:0 0 20px 0;box-shadow:var(--shadow)}.recipe header{margin-bottom:20px}.recipe h1{display:inline;font:700 28px "Montserrat";line-height:48px;text-transform:none;padding:0;letter-spacing:-0.03em;margin:0}.recipe .lead{font-size:18px;font-weight:400;margin:15px 0;line-height:22px;display:block}.recipe .recipe-content{margin:20px 0}.recipe .recipe-content>img{width:100%;max-width:620px;height:auto}.recipe h2{margin:30px 0 20px 0;display:inline-block;font:700 24px "Montserrat"}.recipe .recipe-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.recipe a{color:var(--link);font-weight:700}.recipe .desc{margin:10px 0}.recipe .desc span{font-weight:700;margin:10px 0 20px 30px;background:url(../img/annokset.png) 0 0/18px 18px no-repeat;padding-left:30px}.recipe .desc span:first-of-type{background-image:url(../img/valmistusaika.png);margin-left:0}.recipe .ainekset li{padding:8px 0;border-top:1px solid var(--border-light);background:transparent url(../icon/uncheck.svg) no-repeat 99%/20px;cursor:pointer}.recipe .ainekset li.check{background-image:url(../icon/check.svg);color:var(--text-muted)}.recipe .ainekset li.nol{border:0}.recipe .ainekset li:first-child{border:0}.recipe .ainekset li.hdr{border:0;margin:15px 0 5px 0;font-weight:700;background:0;cursor:default}.recipe .ainekset li span{display:inline-block;width:50px;text-align:right;padding-right:20px}.recipe .valmistus li{line-height:20px;margin:10px 0 30px 0}.recipesearch{position:relative;background:var(--bg-box);margin:0 0 20px 0;padding:20px 10px 10px 10px;box-shadow:var(--shadow)}.recipesearch .search1{background:var(--bg-input);border:0;width:100%;height:50px;padding:10px;box-sizing:border-box;color:var(--text)}.recipesearch .search2{position:absolute;background:transparent url(../icon/search.svg) no-repeat 50%/20px;top:20px;right:10px;width:50px;height:50px}.norecipe{background:var(--accent-dark);color:#fff;margin:0 10px 40px 10px;padding:20px 10px;box-shadow:var(--shadow)}main .hcover{position:relative;margin-top:20px}main .hcover img{width:100%;height:auto}main .hcover span{position:absolute;top:20px;left:20px;font-size:36px;font-weight:600;color:#fff;text-shadow:0 0 12px #000}main .horoscope li{position:relative;padding:20px 0 20px 90px}main .horoscope h4{margin-bottom:10px;font-size:17px}main .horoscope img{position:absolute;left:0;width:65px;height:65px;top:50%;transform:translateY(-50%);min-height:unset}main .horoscope span{margin-left:10px;font-size:15px;font-weight:400}main .also{display:flex;flex-flow:wrap;margin:0 0 20px 0}main .also a{flex:1 1 300px;display:flex;align-items:start;background:var(--bg-box);box-sizing:border-box;padding:10px 15px;margin:0;border-top:1px solid var(--border)}main .also img{width:70px;height:58px;margin:3px 10px 0 0}.stitle{color:var(--accent-dark);font:700 18px "Montserrat";line-height:40px;margin:0;text-transform:uppercase;background:var(--bg-box);display:block}.stitle a{color:var(--accent-dark)}main .stitle{padding:10px 10px 0 15px}aside .box .stitle{line-height:40px;border-bottom:0;padding:10px 10px 0 10px}.vplay{position:absolute;bottom:15px;right:10px;box-sizing:border-box;display:block;width:50px;height:50px;padding:14px 0 0 0 !important;line-height:20px;border:3px solid var(--border-light);border-radius:50%;color:#f5f5f5;text-align:center;background-color:rgba(0,0,0,0.5);font-size:20px;font-weight:bold}.vplay i{display:inline-block;width:0;height:0;border-style:solid;border-width:9px 0 9px 18px;border-color:transparent transparent transparent #fff;margin-left:7px}.iview{position:fixed;z-index:10902;top:0;left:0;width:100%;height:100%}.iview .o{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.85);z-index:-1;cursor:pointer}.iview img{position:fixed;max-width:100%;max-height:100%;top:0;left:0;bottom:0;right:0;margin:auto;cursor:pointer}.tags{margin:10px 0}.tags a{display:inline-block;color:var(--text-muted) !important;font-weight:600;border:1px solid var(--border);padding:1px 10px;border-radius:10px;font-size:12px;margin:10px 5px 0 5px;white-space:nowrap}.tags a.a{background:var(--bg-box);border-color:var(--accent-dark)}.rating{float:right;color:var(--border);font-size:22px}.rating i{display:inline-block;padding-left:2px;width:20px;height:20px;cursor:pointer}.rating .s1{background:transparent url(../icon/star1.svg) no-repeat 50%/20px}.rating .s2{background:transparent url(../icon/star2.svg) no-repeat 50%/20px}.rating .s3{background:transparent url(../icon/star3.svg) no-repeat 50%/20px}aside{position:relative;flex:0 0 300px;display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 0 0 20px;font-size:15px}aside .box{flex:0 0 300px;margin-bottom:20px;background:var(--bg-box);box-shadow:var(--shadow)}aside .box a{display:block;padding:8px 10px;border-bottom:1px solid var(--border);line-height:19px;transition:background .15s ease}aside .box a:hover{background:var(--bg)}aside .box.w2 a{font-weight:700}aside .box img{width:70px;height:58px;display:inline-block;margin:3px 10px 0 0;vertical-align:top}aside .box.w2 img{width:100%;height:250px;max-width:400px}aside .box span{width:200px;display:inline-block;vertical-align:top}aside .box em{display:table;margin-top:3px}aside .hbox{background:transparent url(/horoskooppi/img/horoskooppi.avif) no-repeat 0/cover;width:100%;height:150px;box-sizing:border-box;color:#fff;font-size:20px;font-weight:600;padding:10px;text-shadow:0 0 12px #000}.side2{position:absolute;top:0;right:0;width:300px}.side2>div{position:fixed}.share{float:right;margin:10px}.ql-video{width:100%;height:360px}.pchk{display:none}.iframe_s24{width:300px;height:200px;max-width:100%;margin-bottom:20px}.s24widget{width:100%;height:350px;border:0;margin-bottom:20px}.fb-page{height:500px}aside .fb-like{width:300px;height:500px}.box_telsu{width:100%;max-width:1000px;height:400px;margin:0 auto;padding:0 10px;box-sizing:border-box}.box_telsu>a{display:flex;justify-content:space-between;align-items:center;height:52px;background:linear-gradient(0,#2e5574,#2d6b92);border-radius:4px}.box_telsu>a:hover{text-decoration:none}.box_telsu>a div:first-child{width:130px;height:50px;background:transparent url(//www.telsu.fi/img/logo-white.png) 8px 50%/120px no-repeat;color:rgba(0,0,0,0)}.box_telsu>a div:last-child{flex:2 2 auto;color:#fff;font-size:14px;line-height:18px;text-align:right}.box_telsu>a div b{color:#fff;font-size:48px;vertical-align:-7px;padding:0 7px;font-weight:400;line-height:0}.box_telsu iframe{width:100%;height:80%}.blogit{width:100%;max-width:1000px;margin:0 auto 40px auto;text-align:center;padding:0 10px;box-sizing:border-box}.blogit iframe{width:100%;height:425px;min-width:300px;max-width:1020px}.box_testeri{width:100%;text-align:center;margin:20px 0}.box_testeri iframe{width:100%;max-width:700px;min-height:610px;border:0;border-radius:8px}.site-footer{width:100%;background:var(--bg-nav);margin:0 auto;text-align:center;color:var(--text-muted)}.site-footer>div{position:relative;max-width:980px;margin:0 auto}.site-footer .logo{display:inline-block;background:url(../img/viihde24b.svg) no-repeat 0/200px;margin:40px 0 30px 0;width:200px;height:65px}.site-footer h2{margin:30px auto 0 auto;font-size:24px;font-weight:700;line-height:30px;max-width:400px}.site-footer h3{margin:0 auto;padding:0 0 30px 0;font-size:16px;font-weight:400;line-height:20px;max-width:500px}.site-footer .links{padding-bottom:20px}.site-footer .links a{color:var(--text-muted);margin:0 20px;font-weight:700}.site-footer .buttons{padding:10px}.site-footer .buttons a{padding:0 10px}.site-footer .buttons a:first-child img{width:74px;height:27px}.site-footer .buttons a:last-child img{width:75px;height:31px}.theme-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:10px 0}.theme-switch input{opacity:0;width:0;height:0;position:absolute}.theme-switch span{display:inline-block;position:relative;width:50px;height:26px;background:var(--accent-dark);border-radius:26px;transition:.3s;flex-shrink:0}.theme-switch span:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.theme-switch input:checked+span{background:var(--accent)}.theme-switch input:checked+span:before{transform:translateX(24px)}.site-header{display:block;background:var(--bg-hat);text-align:left;overflow:hidden;white-space:nowrap;height:38px}.site-header div{overflow-x:scroll;overflow-y:hidden;max-width:980px;margin:0 auto;padding:0 10px}.site-header::after{content:"";position:absolute;top:0;right:0;width:20px;height:38px;background:linear-gradient(90deg,transparent 0,var(--bg-hat) 100%)}.site-header a{display:inline-block;padding:0 10px;color:#fff;font-size:13px;line-height:38px;margin:0 1%;text-transform:uppercase}.site-header a:first-child{padding-left:0;margin-left:0}.site-header img{width:70px;vertical-align:-6px}.d_mob{display:none}.d_desk{display:block}.asp,.asd{text-align:center;margin:0 auto;display:table}.asp{margin-bottom:20px}.asd:first-of-type,.asp:first-of-type{min-height:300px}.stck{position:sticky;top:80px;width:300px;min-height:300px}@media(max-width:1100px){#page{padding-right:0}.side2{display:none}}@media(max-width:700px){.d_mob{display:block}.d_desk{display:none}.ast{min-height:300px}.asd{display:none}.site-header a{margin:0}.main-nav .logo{width:90px;background-size:90px}.main-nav .menu{position:absolute;top:15px;left:115px;right:-5px;height:60px;overflow-y:scroll;white-space:nowrap;padding-right:10px}.main-nav .menu a{display:inline-block;margin:0 4px 4px 4px;height:20px;line-height:20px;padding:5px 0 0 0;font-size:14px;background:0}.main-nav .menu a.a{border-bottom-width:2px}.main-nav .menu a:first-child{display:none}.main-nav .fb-like{display:none}.main-nav>div::after{content:"";position:absolute;top:0;right:0;width:20px;height:50px;background:linear-gradient(90deg,transparent 0,var(--bg-nav) 100%)}.content{margin-top:20px}main>.title:first-child{display:none}main .search{background-size:24px;height:50px}main .items h2{font-size:20px;line-height:24px}main .items p{font-size:15px;line-height:19px}main .items .recipe-item{flex-direction:column}main .items .recipe-item .article-img{flex:0 0 auto;width:100%}main .item{padding:10px}main .item h1{font-size:24px;line-height:27px}main .item h2{font-size:20px;line-height:24px;margin:15px 0 8px 0}main .item .lead{font-size:16px;line-height:20px}main .recipe{padding:10px}main .recipe h1{font-size:24px;line-height:27px}main .recipe .lead{font-size:16px;line-height:20px}main .recipe h2{font-size:18px;margin:20px 0 10px 0}main .recipe .desc span{display:block;margin:5px 0}main .recipe .valmistus li{margin-bottom:20px}main .search{display:none}main .hcover{font-size:27px}main .horoscope li{padding-left:0}main .horoscope img{position:initial;transform:none;width:35px;height:35px;vertical-align:middle;padding-right:15px}aside{flex-basis:100%;margin-left:0}aside .box{flex-basis:100%}.share{display:none}.site-footer>div{padding-bottom:150px}.site-footer .links a{display:block;padding:12px}}