<!DOCTYPE html>
<html lang="sl">
<head>
<meta name="theme-color"
content="#e2e8f0"
id="theme-color-meta">
<script>
// Early theme application to prevent flash
(function() {
const theme = localStorage.getItem('theme') || 'system';
const themeColorMeta = document.getElementById('theme-color-meta');
const isDark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
document.documentElement.classList.toggle('dark', isDark);
themeColorMeta?.setAttribute('content', isDark ? '#0F172B' : '#e2e8f0');
})();
</script>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible"
content="ie=edge">
<meta name="color-scheme"
content="light dark" />
<title>Jana - Svet24.si</title>
<meta name="description"
content="Informativni portal z novicami iz Slovenije in tujine, zgodbami iz sveta zabave in estrade ter nasveti za vso družino." />
<link rel="icon" type="image/png" href="/images/favicons/svet24/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/images/favicons/svet24/favicon.svg" />
<link rel="shortcut icon" href="/images/favicons/svet24/favicon.ico" />
<meta name="apple-mobile-web-app-title" content="Svet24" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/svet24/apple-touch-icon.png" />
<link rel="manifest" href="/images/favicons/svet24/site.webmanifest" />
<meta property="fb:app_id"
content="593973340762245">
<meta property="og:title"
content="Jana - Svet24.si" />
<meta property="og:type"
content="website" />
<meta property="og:image"
content="https://svet24.si/images/logo.png" />
<meta property="og:site_name"
content="Novice Svet24" />
<meta property="og:description"
content="Informativni portal z novicami iz Slovenije in tujine, zgodbami iz sveta zabave in estrade ter nasveti za vso družino." />
<meta property="og:url"
content="https://svet24.si/revija/jana" />
<meta property="og:locale"
content="sl_SI" />
<meta name="twitter:card"
content="summary_large_image">
<meta name="twitter:site"
content="@svet24_si">
<meta name="twitter:creator"
content="@svet24_si">
<meta name="twitter:title"
content="Jana - Svet24.si">
<meta name="twitter:description"
content="Informativni portal z novicami iz Slovenije in tujine, zgodbami iz sveta zabave in estrade ter nasveti za vso družino.">
<meta name="twitter:image"
content="https://svet24.si/images/logo.png">
<link rel="preconnect"
href="https://fonts.googleapis.com">
<link rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<style>
[x-cloak] {
display: none !important;
}
</style>
<script src="https://svet24.si/build/assets/user.js?v=K1s3l-Sc"></script>
<script>
window.User.host = 'svet24.si';
</script>
<script>
window.gam_kv = {
'Media24_si_pagetype': ['category'],
'Media24_si_category': ["revija","jana"],
'Media24_si_resource': [ "svet24" ],
'Media24_URL': ["https://svet24.si/revija/jana"],
'Media24_si_site': [ "svet24" ]
}
</script> <template x-if="show" x-data="{show: !window.User.hideBanners()}">
<div ><script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5922471222098783"
crossorigin="anonymous"></script>
<script src="//cdn.orangeclickmedia.com/tech/svet24.si_v2/ocm.js"
async="async"></script></div>
</template>
<link rel="preload" as="style" href="https://svet24.si/build/assets/app.css?v=CjHdHI4S" /><link rel="modulepreload" as="script" href="https://svet24.si/build/assets/app.js?v=LYBo_Z1x" /><link rel="modulepreload" as="script" href="https://svet24.si/build/assets/_commonjsHelpers.js?v=CqkleIqs" /><link rel="stylesheet" href="https://svet24.si/build/assets/app.css?v=CjHdHI4S" /><script type="module" src="https://svet24.si/build/assets/app.js?v=LYBo_Z1x"></script>
<script async src="https://files.upscore.com/site_script/svet24.si.js"></script>
<script>
(function(w,u){w[u]=w[u]||function(){(w[u].q=w[u].q||[]).push(arguments)}})(window,'upScore');
upScore("page_view", {
object_type: 'landingpage' ,
section: 'jana',
track_positions: true,
});
</script>
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.svet24.si/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
window.dm=window.dm||{AjaxData:[]};
window.dm.AjaxEvent=function(et,d,ssid,ad){
dm.AjaxData.push({et:et,d:d,ssid:ssid,ad:ad});
if(typeof window.DotMetricsObj != 'undefined') {DotMetricsObj.onAjaxDataUpdate();}
};
var d=document,
h=d.getElementsByTagName('head')[0],
s=d.createElement('script');
s.type='text/javascript';
s.async=true;
s.src='https://script.dotmetrics.net/door.js?id=15969';
h.appendChild(s);
}());
/* ]]> */
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LNCJ8BRVMB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LNCJ8BRVMB');
</script>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '606008185286154');
fbq('track', 'PageView');
</script>
<script src="https://potisni.me/js/enable-push.js" site-hash="8e1cbbe8bb94c62088a9" svet-cookie="true" site-cookie-domain="svet24.si" defer></script>
<script async id="ebx" src="//applets.ebxcdn.com/ebx.js"></script>
</head>
<body class="font-sans antialiased bg-slate-50 dark:bg-slate-950"
x-data="{
open: false,
goingUp: false,
isScrolled: false,
lastPos: window.scrollY,
scrollTop: 0,
lastScrollY: 0,
offsetTop: 0,
sideMenuOpen: false,
toggleSideMenu() {
this.sideMenuOpen = !this.sideMenuOpen;
},
scroll() {
this.isScrolled = window.scrollY > this.$refs.header.offsetHeight;
this.goingUp = this.lastPos > window.scrollY;
this.lastPos = window.scrollY;
}
}"
@scroll.window="scroll()"
:class="{'js-header-reveal-up': goingUp, 'js-header-scrolled': isScrolled, 'overflow-hidden': sideMenuOpen}">
<script>
(function() {
const fontSizeClasses = ['prose-text-minus-2', 'prose-text-minus-1', 'prose-text-normal', 'prose-text-plus-1', 'prose-text-plus-2', 'prose-text-plus-3', 'prose-text-plus-4', 'prose-text-plus-5'];
const getCookie = (name) => {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
return parts.length === 2 ? parts.pop().split(';').shift() : null;
};
const savedFontSize = parseInt(getCookie('fontSize')) || 0;
document.body.classList.add(fontSizeClasses[savedFontSize + 2] || 'prose-text-normal');
})();
</script>
<script>
document.body.classList.toggle('removeOcm',window.User.hideBanners());
</script>
<div id='svet_outofpage'></div>
<header class="sticky top-0 in-[.js-header-scrolled]:-translate-y-12 [.js-header-scrolled.js-header-reveal-up_&]:translate-y-0 transition-transform z-300 pointer-events-none *:pointer-events-auto duration-500"
x-ref="header">
<div class="bg-[var(--menu-bg)] text-[var(--menu-text)] grid grid-cols-[1fr_auto_1fr] h-12 px-4 [.js-header-scrolled_&]:overflow-hidden [.js-header-scrolled.js-header-reveal-up_&]:overflow-visible">
<div class="flex items-center justify-start in-[.js-header-scrolled]:opacity-0 in-[.js-header-scrolled]:translate-y-1/2 [.js-header-scrolled.js-header-reveal-up_&]:opacity-100 [.js-header-scrolled.js-header-reveal-up_&]:translate-y-0 transition-all duration-500 relative z-500">
<button @click="sideMenuOpen = true" class="max-lg:hidden lg:mr-4" title="Menu">
<svg class="fill-current relative size-6 text-slate-500 dark:text-slate-400 hover:text-slate-700 hover:dark:text-slate-300"><use xlink:href="/dist/icons.svg?t=17#bars"></use></svg>
</button>
<a href="/" class="mr-2 flex items-center gap-2 bg-[var(--button-light-bg)] p-2 rounded-xs hover:bg-[var(--button-light-bg-hover)] max-md:-ml-2"
title="Svet24">
<svg class="fill-current size-4 text-slate-400"><use xlink:href="/dist/icons.svg?t=17#chevron-left"></use></svg>
<picture>
<source srcset="/images/brands/dark/svet24.svg" media="(min-width: 768px)">
<img src="/images/brands/dark/s24.svg" class="h-5 dark:brightness-180 dark:saturate-40" alt="Svet24">
</picture>
</a>
<div class="flex justify-center text-[var(--text-secondary)]">
<div x-data="{
open: false,
toggle() {
if (this.open) {
return this.close()
}
this.$refs.button.focus()
this.open = true
},
close(focusAfter) {
if (! this.open) return
this.open = false
focusAfter && focusAfter.focus()
}
}"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
x-id="['dropdown-button']"
class="relative">
<!-- Button -->
<button x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
:aria-controls="$id('dropdown-button')"
type="button"
class="flex items-center gap-2 relative before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-1 before:rounded-xs before:content-['_'] group/btn"
:class="open ? 'before:scale-100!' : ''">
<svg class="fill-current relative ml-1 size-4 text-slate-400 dark:text-slate-500 group-hover/btn:text-slate-500 group-hover/btn:dark:text-slate-400"><use xlink:href="/dist/icons.svg?t=17#location-dot"></use></svg>
<span class="relative py-1 text-sm font-medium group-hover/btn:text-slate-700 group-hover/btn:dark:text-slate-300">
Regije
</span>
<svg class="fill-current relative mr-1 size-3 text-slate-400 dark:text-slate-500 group-hover/btn:text-slate-500 group-hover/btn:dark:text-slate-400"><use xlink:href="/dist/icons.svg?t=17#chevron-down"></use></svg>
</button>
<!-- Panel -->
<div x-ref="panel"
x-show="open && (isScrolled && goingUp) || open && !isScrolled || open && sideMenuOpen"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
:id="$id('dropdown-button')"
style="display: none;"
class="absolute -left-1 mt-2 w-48 rounded-xs bg-white dark:bg-slate-700 shadow-lg ring-1 ring-black/5 dark:ring-white/10 z-300">
<a href="/lokalno/osrednja"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'osrednja' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'osrednja' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Osrednja
</a>
<a href="/lokalno/dolenjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'dolenjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'dolenjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Dolenjska-Posavje
</a>
<a href="/lokalno/zasavje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'zasavje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'zasavje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Zasavje
</a>
<a href="/lokalno/gorenjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'gorenjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'gorenjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Gorenjska
</a>
<a href="/lokalno/koroska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'koroska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'koroska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Koroška
</a>
<a href="/lokalno/pomurje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'pomurje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'pomurje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Pomurje
</a>
<a href="/lokalno/podravje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'podravje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'podravje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Podravje
</a>
<a href="/lokalno/savinjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'savinjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'savinjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Savinjska
</a>
<a href="/lokalno/primorska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'primorska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'primorska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Primorska
</a>
</div>
</div>
</div>
</div>
<nav class="flex items-center justify-center in-[.js-header-scrolled]:opacity-0 in-[.js-header-scrolled]:translate-y-1/2 [.js-header-scrolled.js-header-reveal-up_&]:opacity-100 [.js-header-scrolled.js-header-reveal-up_&]:translate-y-0 transition-all duration-500">
<a href="/revija/jana" class="relative group/logo">
<div>
<img class="relative h-10 max-lg:hidden dark:max-lg:hidden"
src="/images/brands/color/jana.svg"
alt="Jana">
</div>
</a>
</nav>
<div class="flex items-center justify-end in-[.js-header-scrolled]:opacity-0 in-[.js-header-scrolled]:translate-y-1/2 [.js-header-scrolled.js-header-reveal-up_&]:opacity-100 [.js-header-scrolled.js-header-reveal-up_&]:translate-y-0 transition-all duration-500 relative z-500">
<div x-data="themeToggle" @click.away="open = false" class="relative mr-2">
<button
@click="open = !open"
class="p-2 rounded transition-colors bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200 hover:bg-slate-200 dark:hover:bg-slate-700 mr-2"
:title="currentTitle"
:aria-label="currentTitle"
:aria-expanded="open"
>
<template x-if="theme === 'light'">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#sun-bright"></use></svg>
</template>
<template x-if="theme === 'dark'">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#moon"></use></svg>
</template>
<template x-if="theme === 'system'">
<div>
<template x-if="isCurrentlyDark">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#moon"></use></svg>
</template>
<template x-if="!isCurrentlyDark">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#sun-bright"></use></svg>
</template>
</div>
</template>
</button>
<div x-show="open"
x-transition:enter="transition ease-out duration-100"
x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95"
class="absolute right-0 mt-2 w-36 rounded-md bg-white dark:bg-slate-700 shadow-lg ring-1 ring-black/5 dark:ring-white/10 z-50"
style="display: none;">
<!-- Light Theme -->
<button @click="setTheme('light')"
class="relative w-full flex items-center gap-3 px-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item first:rounded-t-md"
:class="theme === 'light' ? 'font-semibold' : ''">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#sun-bright"></use></svg>
<span>Svetlo</span>
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 right-0 flex items-center pr-3"
x-show="theme === 'light'"
:class="{ 'text-[var(--input-focus)]!': theme === 'light' }">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#check"></use></svg>
</span>
</button>
<!-- Dark Theme -->
<button @click="setTheme('dark')"
class="relative w-full flex items-center gap-3 px-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="theme === 'dark' ? 'font-semibold' : ''">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#moon"></use></svg>
<span>Temno</span>
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 right-0 flex items-center pr-3"
x-show="theme === 'dark'"
:class="{ 'text-[var(--input-focus)]!': theme === 'dark' }">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#check"></use></svg>
</span>
</button>
<!-- System Theme -->
<button @click="setTheme('system')"
class="relative w-full flex items-center gap-3 px-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item last:rounded-b-md"
:class="theme === 'system' ? 'font-semibold' : ''">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#lightbulb-slash"></use></svg>
<span>Samodejno</span>
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 right-0 flex items-center pr-3"
x-show="theme === 'system'"
:class="{ 'text-[var(--input-focus)]!': theme === 'system' }">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#check"></use></svg>
</span>
</button>
</div>
</div>
<div class="flex flex-col items-center gap-3 py-2 md:h-12 md:flex-row"
x-cloak
x-data="{user: window.User}">
<template x-if="user.user === null">
<div class="flex gap-3 items-center">
<img src="/images/trafika24-icon.svg"
alt="Trafika24"
class="h-6 pb-1 sm:hidden dark:brightness-180 dark:saturate-40" />
<img src="/images/trafika24.svg"
alt="Trafika24"
class="h-6 pb-1 hidden sm:block dark:brightness-180 dark:saturate-40" />
<a href="/prijava"
class="px-3 py-1 text-sm bg-slate-700! hover:bg-[var(--input-focus)]! text-white uppercase bg-white rounded-sm shadow-xl font-condensed hover:bg-slate-100">
Prijava
</a>
</div>
</template>
<template x-if="user.user !== null">
<div class="flex items-center gap-1">
<div class="relative inline-block text-left"
x-data="{ open: false }"
@click.away="open = false">
<div>
<button @click="open = !open"
type="button"
class="flex items-center gap-1 pr-1 text-sm bg-slate-700! hover:bg-[var(--input-focus)]! text-white uppercase overflow-hidden bg-white/60 hover:bg-white/90 rounded shadow-xl font-condensed hover:bg-slate-100 max-w-52">
<div class="size-7 bg-white p-1.5 rounded md:rounded-r-none flex text-white bg-primary-600! shadow-none!">
<svg class="fill-current size-4"><use xlink:href="/dist/icons.svg?t=17#user"></use></svg>
</div>
<span class="max-md:hidden overflow-ellipsis overflow-hidden block whitespace-nowrap bg-white -ml-1 p-1 pr-2 rounded-r text-white bg-primary-600! shadow-none!"
x-text="user.getName()"></span>
<span class="sr-only">Možnosti</span>
<svg class="fill-current size-3 transition-transform" :class="{'rotate-180': open}"><use xlink:href="/dist/icons.svg?t=17#angle-down"></use></svg>
</button>
</div>
<div x-show="open"
x-transition.opacity.scale.origin.top.right
class="absolute right-0 z-[200] w-56 mt-2 origin-top-right bg-white rounded-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none ring-black/5"
role="menu"
aria-orientation="vertical"
aria-labelledby="menu-button"
tabindex="-1">
<div class="py-1"
role="none">
<div class="px-4 py-2 mb-1 border-b md:hidden"
role="none">
<p class="text-xs text-gray-500"
role="none">Prijavljeni ste kot</p>
<p class="truncate text-sm text-gray-900 font-bold"
role="none"
x-text="user.getName()"></p>
</div>
<a href="https://trafika24.si/moj-racun/profil"
target="_blank"
class="flex items-center justify-between px-4 py-2 text-sm text-gray-700 group/link hover:bg-slate-100"
role="menuitem"
tabindex="-1"
id="menu-item-0"><span>Uporabniške nastavitve</span>
<svg class="fill-current fill-gray-300 group-hover/link:fill-[var(--input-focus)] size-3"><use xlink:href="/dist/icons.svg?t=17#arrow-up-right"></use></svg>
</a>
<a href="https://trafika24.si/moj-racun/kupljene-izdaje"
target="_blank"
class="flex items-center justify-between px-4 py-2 text-sm text-gray-700 group/link hover:bg-slate-100"
role="menuitem"
tabindex="-1"
id="menu-item-0"><span>Kupljene izdaje</span>
<svg class="fill-current fill-gray-300 group-hover/link:fill-[var(--input-focus)] size-3"><use xlink:href="/dist/icons.svg?t=17#arrow-up-right"></use></svg>
</a>
<a href="https://trafika24.si/moj-racun/narocnine"
target="_blank"
class="flex items-center justify-between px-4 py-2 text-sm text-gray-700 group/link hover:bg-slate-100"
role="menuitem"
tabindex="-1"
id="menu-item-0"><span>Naročnine</span>
<svg class="fill-current fill-gray-300 group-hover/link:fill-[var(--input-focus)] size-3"><use xlink:href="/dist/icons.svg?t=17#arrow-up-right"></use></svg>
</a>
<form method="POST"
action="/prijava/odjava"
class="pt-1 mt-1 border-t">
<button type="submit"
class="flex gap-3 items-center justify-start group/link w-full px-4 py-2 text-sm text-left text-gray-700 hover:bg-slate-100">
<svg class="fill-current fill-gray-600 group-hover/link:fill-[var(--input-focus)] size-4"><use xlink:href="/dist/icons.svg?t=17#right-from-bracket"></use></svg>
Odjava
</button>
</form>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<div class="bg-[var(--menu-line-bg)] grid grid-cols-[1fr_auto_1fr] h-12 px-4 transition-transform lg:hidden border-b relative z-300">
<div class="flex items-center justify-start ">
<button @click="sideMenuOpen = true" title="Menu">
<svg class="fill-current relative size-6 text-slate-400"><use xlink:href="/dist/icons.svg?t=17#bars"></use></svg>
</button>
</div>
<nav class="flex items-center justify-center">
<a href="/revija/jana" class="relative group/logo">
<div>
<img class="relative h-10 lg:hidden"
src="/images/brands/color/jana.svg"
alt="Jana">
</div>
</a>
</nav>
<div class="flex items-center justify-end ">
<div x-data="searchButton" class="">
<button @click="searchPopupOpen = true" title="Iskanje" class="cursor-pointer">
<svg class="fill-current relative size-4"><use xlink:href="/dist/icons.svg?t=17#magnifying-glass"></use></svg>
</button>
<template x-teleport="body">
<div x-show="searchPopupOpen"
x-cloak
@keydown.escape="searchPopupOpen = false"
class="fixed inset-0 z-[9999] flex items-start justify-center bg-white/70 dark:bg-slate-950/70 backdrop-blur-xs"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
<div @click.away="searchPopupOpen = false"
class="w-full max-w-2xl mx-4 mt-20 bg-white dark:bg-slate-800 rounded-lg shadow-2xl overflow-hidden"
x-transition:enter="transition ease-out duration-200 delay-100"
x-transition:enter-start="opacity-0 transform scale-95 translate-y-4"
x-transition:enter-end="opacity-100 transform scale-100 translate-y-0"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 transform scale-100 translate-y-0"
x-transition:leave-end="opacity-0 transform scale-95 translate-y-4">
<!-- Header -->
<div class="flex items-center justify-between px-4 py-2 border-b">
<h2 class="text-xl font-semibold text-[var(--text-primary)]">Iskanje</h2>
<button @click="searchPopupOpen = false"
class="p-2 text-slate-400 hover:text-slate-600 rounded-full hover:bg-slate-100 transition-colors">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Content -->
<div class="p-4">
<!-- Toggle Buttons -->
<div class="flex mb-6 bg-slate-50 dark:bg-slate-900 rounded-lg p-1">
<button @click="searchType = 'articles'; $refs.searchInput.focus()"
:class="searchType === 'articles' ? 'bg-white dark:bg-slate-800 text-slate-900 dark:text-[var(--input-focus)] shadow-sm dark:shadow-none' : ''"
class="flex-1 px-4 py-2 text-sm font-medium rounded-md transition-all">
Članki
</button>
<button @click="searchType = 'recipes'; $refs.searchInput.focus()"
:class="searchType === 'recipes' ? 'bg-white dark:bg-slate-800 text-slate-900 dark:text-[var(--input-focus)] shadow-sm dark:shadow-none' : ''"
class="flex-1 px-4 py-2 text-sm font-medium rounded-md transition-all">
Recepti
</button>
</div>
<!-- Search Form -->
<form @submit.prevent="search">
<div class="flex gap-3 mb-4">
<input type="search"
x-model="searchQuery"
x-ref="searchInput"
aria-label="Iskanje"
class="input-base input-lg input-primary"
:placeholder="searchType === 'recipes' ? 'Poiščite recept...' : 'Poiščite članek...'">
<button type="submit"
class="btn-base btn-primary btn-lg">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#magnifying-glass"></use></svg>
</button>
</div>
</form>
</div>
</div>
</div>
</template>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('searchButton', () => ({
searchPopupOpen: false,
searchQuery: '',
searchType: 'articles',
init() {
const urlParams = new URLSearchParams(window.location.search);
const currentQuery = urlParams.get('q');
if (currentQuery) {
this.searchQuery = currentQuery;
}
const currentPath = window.location.pathname;
if (currentPath.includes('kulinarika') || currentPath.includes('recept')) {
this.searchType = 'recipes';
}
this.$watch('searchPopupOpen', (value) => {
if (value) {
this.$nextTick(() => {
this.$refs.searchInput?.focus();
});
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = '';
}
});
},
search() {
if (!this.searchQuery.trim()) return;
const searchUrl = this.searchType === 'recipes'
? `/kulinarika/recepti?q=${encodeURIComponent(this.searchQuery)}`
: `/iskanje?q=${encodeURIComponent(this.searchQuery)}`;
window.location.href = searchUrl;
}
}));
});
</script>
</div>
</div>
<div class="shadow-[0_10px_15px_-3px_rgba(0_0_0_/_0.05)] bg-[var(--menu-line-bg)] grid grid-cols-[1fr_auto_1fr] h-12 px-4 relative transition-transform max-md:hidden overflow-x-auto border-b z-300">
<div class="flex items-center justify-start ">
</div>
<nav class="flex items-center justify-center">
<ul class="hidden md:flex flex-1 flex-row divide-x dark:divide-slate-700 *:px-4 items-center h-full font-semibold justify-center">
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/estrada" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Družabno</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/tema/intervju" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Intervju</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/tema/kolumna" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kolumna</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/lepota" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Lepota</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/zdravje" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Zdravje</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/odnosi" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Odnosi</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/dom" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Dom</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="https://svet24.si/horoskop" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Horoskop</span>
</a>
</li>
<li class="flex nav-item whitespace-nowrap">
<a href="/revija/jana/kontakt" class="relative leading-1 hover:text-[var(--btn-transparent-lv2-text-hover)] text-[var(--btn-transparent-lv2-text)] inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] before:rounded-tr before:rounded-bl"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Uredništvo</span>
</a>
</li>
</ul>
</nav>
<div class="flex items-center justify-end ">
<div x-data="searchButton" class="max-lg:hidden">
<button @click="searchPopupOpen = true" title="Iskanje" class="cursor-pointer">
<svg class="fill-current relative size-4"><use xlink:href="/dist/icons.svg?t=17#magnifying-glass"></use></svg>
</button>
<template x-teleport="body">
<div x-show="searchPopupOpen"
x-cloak
@keydown.escape="searchPopupOpen = false"
class="fixed inset-0 z-[9999] flex items-start justify-center bg-white/70 dark:bg-slate-950/70 backdrop-blur-xs"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
<div @click.away="searchPopupOpen = false"
class="w-full max-w-2xl mx-4 mt-20 bg-white dark:bg-slate-800 rounded-lg shadow-2xl overflow-hidden"
x-transition:enter="transition ease-out duration-200 delay-100"
x-transition:enter-start="opacity-0 transform scale-95 translate-y-4"
x-transition:enter-end="opacity-100 transform scale-100 translate-y-0"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 transform scale-100 translate-y-0"
x-transition:leave-end="opacity-0 transform scale-95 translate-y-4">
<!-- Header -->
<div class="flex items-center justify-between px-4 py-2 border-b">
<h2 class="text-xl font-semibold text-[var(--text-primary)]">Iskanje</h2>
<button @click="searchPopupOpen = false"
class="p-2 text-slate-400 hover:text-slate-600 rounded-full hover:bg-slate-100 transition-colors">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Content -->
<div class="p-4">
<!-- Toggle Buttons -->
<div class="flex mb-6 bg-slate-50 dark:bg-slate-900 rounded-lg p-1">
<button @click="searchType = 'articles'; $refs.searchInput.focus()"
:class="searchType === 'articles' ? 'bg-white dark:bg-slate-800 text-slate-900 dark:text-[var(--input-focus)] shadow-sm dark:shadow-none' : ''"
class="flex-1 px-4 py-2 text-sm font-medium rounded-md transition-all">
Članki
</button>
<button @click="searchType = 'recipes'; $refs.searchInput.focus()"
:class="searchType === 'recipes' ? 'bg-white dark:bg-slate-800 text-slate-900 dark:text-[var(--input-focus)] shadow-sm dark:shadow-none' : ''"
class="flex-1 px-4 py-2 text-sm font-medium rounded-md transition-all">
Recepti
</button>
</div>
<!-- Search Form -->
<form @submit.prevent="search">
<div class="flex gap-3 mb-4">
<input type="search"
x-model="searchQuery"
x-ref="searchInput"
aria-label="Iskanje"
class="input-base input-lg input-primary"
:placeholder="searchType === 'recipes' ? 'Poiščite recept...' : 'Poiščite članek...'">
<button type="submit"
class="btn-base btn-primary btn-lg">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#magnifying-glass"></use></svg>
</button>
</div>
</form>
</div>
</div>
</div>
</template>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('searchButton', () => ({
searchPopupOpen: false,
searchQuery: '',
searchType: 'articles',
init() {
const urlParams = new URLSearchParams(window.location.search);
const currentQuery = urlParams.get('q');
if (currentQuery) {
this.searchQuery = currentQuery;
}
const currentPath = window.location.pathname;
if (currentPath.includes('kulinarika') || currentPath.includes('recept')) {
this.searchType = 'recipes';
}
this.$watch('searchPopupOpen', (value) => {
if (value) {
this.$nextTick(() => {
this.$refs.searchInput?.focus();
});
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = '';
}
});
},
search() {
if (!this.searchQuery.trim()) return;
const searchUrl = this.searchType === 'recipes'
? `/kulinarika/recepti?q=${encodeURIComponent(this.searchQuery)}`
: `/iskanje?q=${encodeURIComponent(this.searchQuery)}`;
window.location.href = searchUrl;
}
}));
});
</script>
</div>
</div>
</header>
<div class="fixed inset-0 z-300 bg-white/70 dark:bg-slate-950/90" x-show="sideMenuOpen" x-cloak="x-cloak"></div>
<div class="mb-8 fixed h-full top-0 left-0 shadow-xl bg-[var(--menu-bg)] text-slate-500 w-[calc(100%_-_3rem)] max-w-sm z-300 overflow-y-auto divide-y"
x-show="sideMenuOpen"
@click.away="sideMenuOpen = false"
x-cloak>
<div class="flex items-center pl-2 pr-2 py-2 h-12">
<a href="/" class="mr-2 flex items-center gap-2 bg-[var(--button-light-bg)] p-2 rounded-xs hover:bg-[var(--button-light-bg-hover)]"
title="Svet24">
<svg class="fill-current size-4 text-slate-400"><use xlink:href="/dist/icons.svg?t=17#chevron-left"></use></svg>
<img src="/images/brands/dark/svet24.svg" class="h-5 dark:brightness-180 dark:saturate-40"/>
</a>
<div class="flex justify-center text-[var(--text-secondary)]">
<div x-data="{
open: false,
toggle() {
if (this.open) {
return this.close()
}
this.$refs.button.focus()
this.open = true
},
close(focusAfter) {
if (! this.open) return
this.open = false
focusAfter && focusAfter.focus()
}
}"
x-on:keydown.escape.prevent.stop="close($refs.button)"
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
x-id="['dropdown-button']"
class="relative">
<!-- Button -->
<button x-ref="button"
x-on:click="toggle()"
:aria-expanded="open"
:aria-controls="$id('dropdown-button')"
type="button"
class="flex items-center gap-2 relative before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-1 before:rounded-xs before:content-['_'] group/btn"
:class="open ? 'before:scale-100!' : ''">
<svg class="fill-current relative ml-1 size-4 text-slate-400 dark:text-slate-500 group-hover/btn:text-slate-500 group-hover/btn:dark:text-slate-400"><use xlink:href="/dist/icons.svg?t=17#location-dot"></use></svg>
<span class="relative py-1 text-sm font-medium group-hover/btn:text-slate-700 group-hover/btn:dark:text-slate-300">
Regije
</span>
<svg class="fill-current relative mr-1 size-3 text-slate-400 dark:text-slate-500 group-hover/btn:text-slate-500 group-hover/btn:dark:text-slate-400"><use xlink:href="/dist/icons.svg?t=17#chevron-down"></use></svg>
</button>
<!-- Panel -->
<div x-ref="panel"
x-show="open && (isScrolled && goingUp) || open && !isScrolled || open && sideMenuOpen"
x-transition.origin.top.left
x-on:click.outside="close($refs.button)"
:id="$id('dropdown-button')"
style="display: none;"
class="absolute -left-1 mt-2 w-48 rounded-xs bg-white dark:bg-slate-700 shadow-lg ring-1 ring-black/5 dark:ring-white/10 z-300">
<a href="/lokalno/osrednja"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'osrednja' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'osrednja' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Osrednja
</a>
<a href="/lokalno/dolenjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'dolenjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'dolenjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Dolenjska-Posavje
</a>
<a href="/lokalno/zasavje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'zasavje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'zasavje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Zasavje
</a>
<a href="/lokalno/gorenjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'gorenjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'gorenjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Gorenjska
</a>
<a href="/lokalno/koroska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'koroska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'koroska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Koroška
</a>
<a href="/lokalno/pomurje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'pomurje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'pomurje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Pomurje
</a>
<a href="/lokalno/podravje"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'podravje' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'podravje' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Podravje
</a>
<a href="/lokalno/savinjska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'savinjska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'savinjska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Savinjska
</a>
<a href="/lokalno/primorska"
class="relative flex items-center gap-2 w-full first-of-type:rounded-t-sm last-of-type:rounded-b-sm pl-8 pr-4 py-2.5 text-left text-sm hover:bg-[var(--input-focus)] hover:text-white dark:text-slate-100 group/item"
:class="'primorska' === '' ? 'font-semibold' : ''">
<span class="text-white dark:text-slate-700 dark:group-hover/item:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="'primorska' === '' ? 'text-[var(--input-focus)]!' : ''">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
Primorska
</a>
</div>
</div>
</div>
<div class="flex-1"></div>
<button @click="sideMenuOpen = false" class="text-slate-500 dark:text-slate-400 hover:text-slate-700 hover:dark:text-slate-300" title="Menu">
<svg class="fill-current size-6"><use xlink:href="/dist/icons.svg?t=17#xmark"></use></svg>
</button>
</div>
<div class="px-4 max-lg:flex-1 flex justify-start h-12 items-center">
<a href="/revija/jana" class="relative group/logo">
<div>
<img class="relative h-10"
src="/images/brands/color/jana.svg"
alt="Jana">
</div>
</a>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/estrada" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Družabno</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/tema/intervju" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Intervju</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/tema/kolumna" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Kolumna</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/lepota" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Lepota</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/zdravje" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Zdravje</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/odnosi" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Odnosi</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/dom" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Dom</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="https://svet24.si/horoskop" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Horoskop</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4 bg-[var(--menu-line-bg)]" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 font-semibold h-12">
<a href="/revija/jana/kontakt" class="flex-1 relative inline-flex h-5 items-center before:transition-all hover:duration-100 hover:before:scale-100 before:scale-0 before:bg-[var(--btn-transparent-lv2-hover-before)] before:z-0 before:absolute before:-inset-x-3 before:-inset-y-2 before:content-['_'] text-[var(--btn-transparent-lv2-text)] hover:text-[var(--btn-transparent-lv2-text-hover)] before:rounded-tr before:rounded-bl"
>
<span class="relative -m-4 p-4">Uredništvo</span>
</a>
</div>
</div>
<div class="mt-4 divide-y border-t border-[var(--border-default)] divide-[var(--border-default)] bg-slate-100 dark:bg-slate-800">
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/kontakt" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Uredništvo</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/kontakt#trzenje" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Trženje</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/kontakt#prodaja" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Prodaja in naročnine</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/splosni-pogoji" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Splošni pogoji</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/varstvo-osebnih-podatkov-piskotki" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Politika zasebnosti</span>
</a>
</div>
</div>
<div class="w-full overflow-hidden px-4" x-data="{showSubsections: false }">
<div class="flex justify-between items-center gap-x-6 h-12">
<a href="/revija/jana/varstvo-osebnih-podatkov-piskotki#cookies" class="flex-1 relative inline-flex h-5 items-center text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="relative -m-4 p-4">Piškotki</span>
</a>
</div>
</div>
</div>
<div class="px-2 mt-4">
</div>
<div class="text-xs px-4 pt-6 text-[var(--text-disclaimer)]">
© 2025 SVET24, informativne vsebine d.o.o. - Vse pravice pridržane.
</div>
</div>
<main class="lg:container ">
<div class="h-4"></div>
<div class="bg-white dark:bg-slate-900">
<div class="focus max-md:hidden px-4 py-4 border-b dark:border-slate-700">
<div class="grid grid-cols-5 lg:grid-cols-7 gap-x-3 items-start relative"
data-upscore-zone="svet24-focus">
<article class="flex flex-col gap-1 items-start" titleClass="font-normal!" data-upscore-object-id="1846708" >
<a href="/lokalno/osrednja/novice/slovenija/hotel-bellevue-porusili-1846708"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
>
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="hotel lj.jpg" src="//cdn.kme.si/public/images-cache/800x400/2025/04/21/9595809cab7251c8692d59b183fc1bbc/68c0634e2e027/9595809cab7251c8692d59b183fc1bbc.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="/lokalno/osrednja/novice/slovenija/hotel-bellevue-porusili-1846708"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Hotel Bellevue, znamenito ljubljansko sramoto, zravnali z zemljo (foto)
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start" titleClass="font-normal!" data-upscore-object-id="1846765" >
<a href="/novice/gospodarstvo/turizem/turisti-turizem-spanija-mallorca-1846765"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
>
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="Majorka" src="//cdn.kme.si/public/images-cache/800x400/2025/09/10/4ecdba0df442f579454b6aa4feee0b79/68c11b51c9945/4ecdba0df442f579454b6aa4feee0b79.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="/novice/gospodarstvo/turizem/turisti-turizem-spanija-mallorca-1846765"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Najprej so turiste preganjali, zdaj jih prosijo, naj se vrnejo
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start" titleClass="font-normal!" data-upscore-object-id="1846740" >
<a href="https://necenzurirano.si/clanek/novice/marko-bitenc-kirurgija-bitenc-zasebna-bolnisnica-posojilo-gradbeno-dovoljenje-1846740"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
target="_blank" >
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="922701_286_bitenc.jpg" src="//cdn.kme.si/public/images-cache/800x400/2024/11/28/ac57d7d22cff089861af8c540713643c/68c09e8e8a1fd/935c7a59d1901767f7e8539c18b9613b.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="https://necenzurirano.si/clanek/novice/marko-bitenc-kirurgija-bitenc-zasebna-bolnisnica-posojilo-gradbeno-dovoljenje-1846740"
target="_blank" data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Zelena luč za Marka Bitenca: začenja se gradnja največje zasebne bolnišnice v državi
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start" titleClass="font-normal!" data-upscore-object-id="1846744" >
<a href="https://reporter.si/clanek/svet/vladimir-putin-rusija-svetovna-ureditev-groznje-propaganda-1846744"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
target="_blank" >
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="vladimir putin.jpg" src="//cdn.kme.si/public/images-cache/800x400/2025/09/10/47962f39e4ae211695402a1165b0d88b/68c0a8005d4fa/47962f39e4ae211695402a1165b0d88b.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="https://reporter.si/clanek/svet/vladimir-putin-rusija-svetovna-ureditev-groznje-propaganda-1846744"
target="_blank" data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Slovenski podporniki Putina, ki nasedajo ruski propagandi, pljuvajo v lastno skledo
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start" titleClass="font-normal!" data-upscore-object-id="1846484" >
<a href="https://ekipa.svet24.si/clanek/nogomet/prva-liga/68bfa60c34086/cem-basgul-nk-maribor-trener"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
target="_blank" >
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="cem basgul.jpg" src="//cdn.kme.si/public/images-cache/800x400/2025/06/26/764176ea67d93c94b208d65acc4221f1/685d9e53105b0/764176ea67d93c94b208d65acc4221f1.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="https://ekipa.svet24.si/clanek/nogomet/prva-liga/68bfa60c34086/cem-basgul-nk-maribor-trener"
target="_blank" data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
To je odziv Maribora na velik zaplet pri imenovanju novega trenerja
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start max-lg:hidden" titleClass="font-normal!" data-upscore-object-id="1844870" >
<a href="/novice/gospodarstvo/trajnost/oeeo-elektronika-odpad-reciklaza-1844870"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
>
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="odpad, naprava, oeeo, elektronika, elektricne-naprave, odpadna-elektricna-in-elektronska-oprema, recikel" src="//cdn.kme.si/public/images-cache/800x400/2025/09/02/9c45fe51644e6bdd3e8ead403187870d/68b6aa1e790b9/9c45fe51644e6bdd3e8ead403187870d.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="/novice/gospodarstvo/trajnost/oeeo-elektronika-odpad-reciklaza-1844870"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Ali telefon lahko odvržemo med mešane odpadke?
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-1 items-start max-lg:hidden" titleClass="font-normal!" data-upscore-object-id="1846632" >
<a href="/lokalno/osrednja/novice/slovenija/cipi-umetna-inteligenca-razvoj-slovenija-1846632"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-2 w-full"
>
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="profimedia-0935302483.jpg" src="//cdn.kme.si/public/images-cache/800x400/2025/09/09/050a18f79e8984944abbd81b3053ba78/68c016f3f2a9c/050a18f79e8984944abbd81b3053ba78.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 px-1">
<a href="/lokalno/osrednja/novice/slovenija/cipi-umetna-inteligenca-razvoj-slovenija-1846632"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-sm/tight! font-medium!" data-upscore-title >
Slovenija pripravlja program za razvoj čipov do leta 2030
</h3>
</a>
</div>
</article>
</div>
</div>
<div data-upscore-zone="magazin-jana" >
<div class="grid lg:grid-cols-[1fr_316px] gap-8 items-start">
<div class="grid p-4 gap-8 overflow-clip lg:pr-0" style="overflow-clip-margin: 1rem;">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 gap-y-4">
<div class="col-span-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
<article class="flex w-full h-full flex-col relative max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4 w-full sm:col-span-2 md:row-span-2 md:divider-r" data-upscore-object-id="1846570" >
<a href="/revija/jana/odnosi/familylab-slovenija-ivana-gradisnik-1846570"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<picture class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;">
<source media="(min-width:768px)" srcset="//cdn.kme.si/public/images-cache/800x800/2025/09/09/7519baac7402420c5361dfd95b331844/68bfef5030423/7519baac7402420c5361dfd95b331844.jpeg">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="ivana-gradisnik, ustanoviteljica-familylaba-slovenija" src="//cdn.kme.si/public/images-cache/800x400/2025/09/09/7519baac7402420c5361dfd95b331844/68bfef5030423/7519baac7402420c5361dfd95b331844.jpeg">
</picture>
</a>
<div class="bg-slate-700 dark:bg-slate-800 dark p-4 relative before:absolute before:inset-x-0 before:top-0 before:-mt-20 before:z-10 before:content-['_'] before:rounded-t-lg before:h-20 before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-t before:from-slate-700 before:to-slate-700/0 dark:before:from-slate-800 dark:before:to-slate-800/0 before:pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 -mt-6 relative z-10">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/odnosi/familylab-slovenija-ivana-gradisnik-1846570" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Odnosi</a>
</div>
<a href="/revija/jana/odnosi/familylab-slovenija-ivana-gradisnik-1846570"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-xl/tight md:text-2xl/tight xl:text-3xl/tight" data-upscore-title >
Ivana Gradišnik: Če ni to eden največjih zločinov zoper otroke
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1846533" >
<a href="/revija/jana/novice/eric-pibernik-umetnik-brez-rok-navdih-1846533"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="eric-pibernik" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/4ae0db0f1700b88cd1525397c982ff87/68bfdc23e9c8f/4ae0db0f1700b88cd1525397c982ff87.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/eric-pibernik-umetnik-brez-rok-navdih-1846533" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/eric-pibernik-umetnik-brez-rok-navdih-1846533"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Eric Pibernik: Noge so postale moje roke
</h3>
</a>
</div>
</article>
<article class="flex flex-col gap-3 items-start divider-t" data-upscore-object-id="1846492" >
<a href="/revija/jana/novice/sreca-mladi-vzorec-spremembe-1846492"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="mladi" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/6c17f18ed16f0c157684e0c25d01ec2d/68bfbfc266ebc/6c17f18ed16f0c157684e0c25d01ec2d.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/sreca-mladi-vzorec-spremembe-1846492" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/sreca-mladi-vzorec-spremembe-1846492"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Generacija izgubljene sreče: mladi še nikoli niso bili manj srečni
</h3>
</a>
</div>
</article>
</div>
<hr class="col-span-full" />
<article class="flex flex-col gap-3 items-start max-md:hidden" data-upscore-object-id="1846515" >
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="ales-krajnc" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/e8a101863ac0848563ad7c6102b679d5/68bfceafc7d1d/e8a101863ac0848563ad7c6102b679d5.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Žena bolnega Aleša Krajnca: Zanj bi šla na konec sveta!
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Nekdanji hokejist Aleš Krajnc se bori z boleznijo ALS. Njegova žena Andreja daje vse od sebe, da bi zbrala denar za njegovo zdravljenje v Ameriki. 'Moja edina želja je, da bi bil Aleš še dolgo z nami.'</p>
</div>
</article>
<article class="flex items-start gap-3 group peer md:hidden col-span-full" data-upscore-object-id="1846515" >
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515"
data-upscore-url class="relative overflow-hidden w-1/3 sm:w-1/4 md:w-2/5 aspect-8/5 ">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105 bg-slate-300" loading="eager" alt="ales-krajnc" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/e8a101863ac0848563ad7c6102b679d5/68bfceafc7d1d/e8a101863ac0848563ad7c6102b679d5.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 col-span-2 items-center flex-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/ales-krajnc-bolezen-als-zena-andreja-operacija-zbiranje-1846515"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug lg:text-lg/snug " data-upscore-title >
Žena bolnega Aleša Krajnca: Zanj bi šla na konec sveta!
</h3>
</a>
</div>
</article>
<hr class="sm:col-span-full hidden" />
<article class="flex flex-col gap-3 items-start max-md:hidden divider-t sm:divider-l" data-upscore-object-id="1846661" >
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="katarina-keček" src="//cdn.kme.si/public/images-cache/800x500/2024/08/06/bc367558486aa85c66db9f21bdcfccc0/66b1cb060d92b/bc367558486aa85c66db9f21bdcfccc0.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zdravje</a>
</div>
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Onkološka bolnica št. 6196: Na dopustu z ljubico
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Vsako leto je isto. Sonce, morje, joga in jaz. Idealna slika popolnega oddiha, ki mi paše kot kava po dolgi noči. Leta in leta hodim na isti hrvaški otok, na isti joga retreat, da se vedno znova najdem.</p>
</div>
</article>
<article class="flex items-start gap-3 group peer md:hidden col-span-full" data-upscore-object-id="1846661" >
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661"
data-upscore-url class="relative overflow-hidden w-1/3 sm:w-1/4 md:w-2/5 aspect-8/5 ">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105 bg-slate-300" loading="eager" alt="katarina-keček" src="//cdn.kme.si/public/images-cache/800x500/2024/08/06/bc367558486aa85c66db9f21bdcfccc0/66b1cb060d92b/bc367558486aa85c66db9f21bdcfccc0.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 col-span-2 items-center flex-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zdravje</a>
</div>
<a href="/revija/jana/zdravje/35-onkoloska-bolnica-st-6196-dopust-ljubica-1846661"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug lg:text-lg/snug " data-upscore-title >
Onkološka bolnica št. 6196: Na dopustu z ljubico
</h3>
</a>
</div>
</article>
<hr class="sm:col-span-full hidden" />
<article class="flex flex-col gap-3 items-start max-md:hidden divider-t sm:divider-l" data-upscore-object-id="1846659" >
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="Debelost" src="//cdn.kme.si/public/images-cache/800x500/2025/05/07/bbb8c494be42b92f146a658645251d40/681add59d41a2/bbb8c494be42b92f146a658645251d40.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Odnosi</a>
</div>
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Prostovoljno pred poroto: Sestra se je zanemarila
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Bralkina sestra se je odločila za življenje brez ličil in depilacije. Tudi poredila se je. Je to osvoboditev ali zanemarjanje? Njena hči se zaradi tega počuti izgubljeno.</p>
</div>
</article>
<article class="flex items-start gap-3 group peer md:hidden col-span-full" data-upscore-object-id="1846659" >
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659"
data-upscore-url class="relative overflow-hidden w-1/3 sm:w-1/4 md:w-2/5 aspect-8/5 ">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105 bg-slate-300" loading="eager" alt="Debelost" src="//cdn.kme.si/public/images-cache/800x500/2025/05/07/bbb8c494be42b92f146a658645251d40/681add59d41a2/bbb8c494be42b92f146a658645251d40.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 col-span-2 items-center flex-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Odnosi</a>
</div>
<a href="/revija/jana/odnosi/prostovoljno-pred-poroto-zanemarila-sestra-1846659"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug lg:text-lg/snug " data-upscore-title >
Prostovoljno pred poroto: Sestra se je zanemarila
</h3>
</a>
</div>
</article>
<hr class="sm:col-span-full hidden" />
</div>
</div>
<div class="divider-t sm:divider-l p-4 lg:pl-0 self-stretch">
<div class="sidebar-sticky">
<div class="text-center mb-4" data-ocm-holder>
<div id="svet_top_kocka" data-ocm-ad style="min-height:250px"></div>
</div>
<div class="flex gap-4 bg-[var(--ads-bg)] border max-lg:w-full items-end md:max-lg:items-center relative overflow-hidden max-sm:aspect-square sm:max-md:aspect-[4/3] object-top md:min-h-88 md:max-lg:p-4">
<a href="https://trafika24.si/revija/jana"
target="_blank"
class="block top-8 left-8 right-8 absolute md:max-lg:left-0 md:max-lg:top-0 md:max-lg:relative text-center transition-transform duration-300 ease-out rounded-sm overflow-hidden border shadow-lg hover:rotate-2 hover:scale-105 md:max-lg:mx-20 mx-auto max-md:w-2/3">
<img src="https://trafika24.si/storage/aktualna/jana/375xX.jpg"
alt="Aktualna naslovnica - jana"
class="w-full">
</a>
<div
class="flex md:max-lg:flex-col items-stretch justify-stretch gap-4 relative bg-linear-to-t from-slate-100 to-slate-100/0 dark:from-slate-800 dark:to-slate-800/0 p-4 md:max-lg:p-0 w-full md:max-lg:w-1/2 pt-12">
<a class="bg-[var(--button-bg)] hover:bg-[var(--input-focus)] text-white shadow-sm rounded-sm p-4 py-2 flex justify-between items-center h-10 cursor-pointer focus:outline-2 focus:outline-[var(--input-focus)] focus:outline-offset-2 w-full" href="https://trafika24.si/narocanje/jana" target="_blank">
<div class="text-xs">
<div class="font-bold uppercase">Naroči <span class="hidden sm:inline lg:hidden">časopis</span></div>
</div>
<div class="flex justify-center items-center gap-4 font-bold">
<svg class="fill-current size-3 drop-shadow-sm"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</div>
</a>
<a class="bg-[var(--button-bg)] hover:bg-[var(--input-focus)] text-white shadow-sm rounded-sm p-4 py-2 flex justify-between items-center h-10 cursor-pointer focus:outline-2 focus:outline-[var(--input-focus)] focus:outline-offset-2 w-full" href="https://trafika24.si/revija/jana" target="_blank">
<div class="text-xs">
<div class="font-bold uppercase">Preberi <span class="hidden sm:inline lg:hidden">na spletu</span></div>
</div>
<div class="flex justify-center items-center gap-4 font-bold">
<svg class="fill-current size-3 drop-shadow-sm"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="grid lg:grid-cols-[1fr_316px] gap-8 items-start border-t">
<div class="grid p-4 gap-8 overflow-clip lg:pr-0" style="overflow-clip-margin: 1rem;">
<div class="grid gap-8 md:grid-cols-2 divider-t pb-4 border-b -mb-4">
<div>
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/magazin/jana/tema/intervju" class="hover:text-[var(--input-focus)] peer">Intervju</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid gap-x-6 gap-y-4 items-start">
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1846480" >
<a href="/revija/jana/novice/marinka-zitnik-alzheimerjeva-bolezen-umetna-inteligenca-1846480"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="zitnik01.jpg" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/bfbadec9dfc9c6397f65efbb53373a06/68bfa3c120292/bfbadec9dfc9c6397f65efbb53373a06.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/marinka-zitnik-alzheimerjeva-bolezen-umetna-inteligenca-1846480" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/marinka-zitnik-alzheimerjeva-bolezen-umetna-inteligenca-1846480"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Slovenska znanstvenica, ki razvija umetno inteligenco v medicini
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Marinka Žitnik, cenjena znanstvenica s Harvarda, z umetno inteligenco in strojnim učenjem odkriva nove poti v medicini in biologiji.</p>
</div>
</article>
<div class="grid mt-4 gap-y-8">
<article class="@container/article flex gap-3 items-center max-w-full divider-t" data-upscore-object-id="1844517" >
<a href="/revija/jana/novice/vasilij-maja-zbogar-dom-druzina-1844517" data-upscore-url class="order-last aspect-square bg-slate-300 relative overflow-hidden w-24">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="maja-in-vasilij-zbogar" src="//cdn.kme.si/public/images-cache/100x100/2025/09/01/299689b03b32c2d5bd707666893585c0/68b54744158fe/299689b03b32c2d5bd707666893585c0.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 flex-1 min-w-0">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/vasilij-maja-zbogar-dom-druzina-1844517" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/vasilij-maja-zbogar-dom-druzina-1844517"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug " data-upscore-title >
Na obisku pri Vasiliju in Maji Žbogar: Jaz podpiram njo in ona mene
</h3>
</a>
</div>
</article>
<article class="@container/article flex gap-3 items-center max-w-full divider-t" data-upscore-object-id="1842704" >
<a href="/revija/jana/novice/franc-copi-legenda-gorski-resevalec-1842704" data-upscore-url class="order-last aspect-square bg-slate-300 relative overflow-hidden w-24">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="franc-copi, legenda-med-gorskimi-resevalci" src="//cdn.kme.si/public/images-cache/100x100/2025/08/25/5ec4726ab402c9c7c50f6d926f6a2fc2/68abe6837883e/5ec4726ab402c9c7c50f6d926f6a2fc2.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 flex-1 min-w-0">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/franc-copi-legenda-gorski-resevalec-1842704" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/franc-copi-legenda-gorski-resevalec-1842704"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug " data-upscore-title >
Dobri duh Bovca in gora: spoznajte legendo med gorskimi reševalci
</h3>
</a>
</div>
</article>
</div>
</div>
</div>
<div class="md:divider-l">
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/magazin/jana/tema/kolumna" class="hover:text-[var(--input-focus)] peer">Kolumna</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid gap-x-6 gap-y-4 items-start">
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1844633" >
<a href="/revija/jana/odnosi/nevroticna-gospodinja-preproge-1844633"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="nevroticna.jpg" src="//cdn.kme.si/public/images-cache/800x500/2015/11/20/067f6b58a31e380e2c113d52cffb710f/5dfbf20ba1a24/067f6b58a31e380e2c113d52cffb710f.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/odnosi/nevroticna-gospodinja-preproge-1844633" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Odnosi</a>
</div>
<a href="/revija/jana/odnosi/nevroticna-gospodinja-preproge-1844633"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Nevrotična gospodinja: Preproge so vzletele
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Neko jutro me je zbudil strašen trušč, ki je prihajal iz kuhinje. Sledilo je preklinjanje, zares prostaško, če smem pripomniti.</p>
</div>
</article>
<div class="grid mt-4 gap-y-8">
<article class="@container/article flex gap-3 items-center max-w-full divider-t" data-upscore-object-id="1844566" >
<a href="/revija/jana/novice/sola-ni-mi-vseeno-juvan-1844566" data-upscore-url class="order-last aspect-square bg-slate-300 relative overflow-hidden w-24">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="Majda Juvan" src="//cdn.kme.si/public/images-cache/100x100/2023/06/27/96698b5d218ca1884e1798ead39162d3/68a2e1fec18e8/96698b5d218ca1884e1798ead39162d3.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 flex-1 min-w-0">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/sola-ni-mi-vseeno-juvan-1844566" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/sola-ni-mi-vseeno-juvan-1844566"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug " data-upscore-title >
Ni mi vseeno: šolski zvonec
</h3>
</a>
</div>
</article>
<article class="@container/article flex gap-3 items-center max-w-full divider-t" data-upscore-object-id="1844488" >
<a href="/revija/jana/odnosi/navaden-dan-nenavadne-mame-veselica-1844488" data-upscore-url class="order-last aspect-square bg-slate-300 relative overflow-hidden w-24">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="dragica-kraljic-in-janek" src="//cdn.kme.si/public/images-cache/100x100/2025/03/04/e0f8aca390b88de06aba5b62fdb67a24/681057bbb6565/e0f8aca390b88de06aba5b62fdb67a24.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1 flex-1 min-w-0">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/odnosi/navaden-dan-nenavadne-mame-veselica-1844488" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Odnosi</a>
</div>
<a href="/revija/jana/odnosi/navaden-dan-nenavadne-mame-veselica-1844488"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-base/snug " data-upscore-title >
Navaden dan nenavadne mame: Janek na veselici
</h3>
</a>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 -mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/zdravje" class="hover:text-[var(--input-focus)] peer">Zdravje</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid gap-8 gap-y-4 sm:grid-cols-2 md:grid-cols-3">
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1846856" >
<a href="/njena/zdravje/alkohol-nosecnost-1846856"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="nosečnost in alkohol" src="//cdn.kme.si/public/images-cache/800x500/2025/09/10/8f1ad74f797d53a9b255cc4ef6a6b20a/68c149683ceaa/8f1ad74f797d53a9b255cc4ef6a6b20a.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/njena.svg" alt="njena" />
<span>·</span>
<a href="/njena/zdravje/alkohol-nosecnost-1846856" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zdravje</a>
</div>
<a href="/njena/zdravje/alkohol-nosecnost-1846856"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Škodljivost alkohola med nosečnostjo
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Prizadevanje za nosečnost brez alkohola za zdravje in dobrobit otrok je skupna odgovornost celotne družbe in ne zgolj nosečnic.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
<article class="flex flex-col gap-3 items-start sm:max-md:divider-l md:divider-l" data-upscore-object-id="1846786" >
<a href="/zdravje/prehrana/rjave-lise-na-solati-1846786"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="solata" src="//cdn.kme.si/public/images-cache/800x500/2025/09/10/02fe05ce6b283bc2a9fe312340ebebcf/68c125bfa6763/02fe05ce6b283bc2a9fe312340ebebcf.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/svet24.svg" alt="svet24" />
<span>·</span>
<a href="/zdravje/prehrana/rjave-lise-na-solati-1846786" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Prehrana</a>
</div>
<a href="/zdravje/prehrana/rjave-lise-na-solati-1846786"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Rjav pecelj in lise na zeleni solati: ali je še varna za uživanje?
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Rjav pecelj in lise na zeleni solati niso nujno znak, da solata ni več dobra. Odkrijte, kdaj je solata še užitna in kako podaljšati njeno svežino.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden sm:max-md:flex" />
<article class="flex flex-col gap-3 items-start sm:max-md:col-span-full md:divider-l" data-upscore-object-id="1846643" >
<a href="/zdravje/visok-krvni-tlak-1846643"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="919549_250-nasvet-tlak1.jpg" src="//cdn.kme.si/public/images-cache/800x500/2024/10/27/6bd95b869ef59682228b8be8330ebd25/68c01dc9a2405/22313d8d81fa8395bd70b024862a85f5.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/svet24.svg" alt="svet24" />
<span>·</span>
<a href="/zdravje/visok-krvni-tlak-1846643" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zdravje</a>
</div>
<a href="/zdravje/visok-krvni-tlak-1846643"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Kako preprečiti visok krvni tlak?
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Hipertenzija prizadene vse več odraslih. Spoznajte ključne dejavnike tveganja in praktične nasvete za preprečevanje visokega krvnega tlaka.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
</div>
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 -mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/osebna-rast" class="hover:text-[var(--input-focus)] peer">Osebna rast</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid gap-8 gap-y-4 sm:grid-cols-2 md:grid-cols-3">
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1846900" >
<a href="/njena/osebna-rast/nova-sluzba-razgovor-1846900"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="pisarna, služba, delovno mesto, poklic" src="//cdn.kme.si/public/images-cache/800x500/2017/03/26/829a4894a90a219ef42942cf8e5d564a/63e8fb2b97957/829a4894a90a219ef42942cf8e5d564a.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/njena.svg" alt="njena" />
<span>·</span>
<a href="/njena/osebna-rast/nova-sluzba-razgovor-1846900" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Osebna rast</a>
</div>
<a href="/njena/osebna-rast/nova-sluzba-razgovor-1846900"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Nekaj nasvetov, kako se lotiti iskanja nove službe
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Sposobnosti predstavljajo zmožnost nekaj narediti, naučiti se ali doseči. Kažejo na verjetnost, da ste pri delu uspešni, niso pa zagotovilo, da bo res tako.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
<article class="flex flex-col gap-3 items-start sm:max-md:divider-l md:divider-l" data-upscore-object-id="1846704" >
<a href="/revija/obrazi/osebna-rast/melita-kuhar-fatalnost-femme-fatale-1846704"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="MELITA KUHAR" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/4f63df4453c425d1629226adb555dacf/68c11c242286a/4f63df4453c425d1629226adb555dacf.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/obrazi.svg" alt="obrazi" />
<span>·</span>
<a href="/revija/obrazi/osebna-rast/melita-kuhar-fatalnost-femme-fatale-1846704" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Osebna rast</a>
</div>
<a href="/revija/obrazi/osebna-rast/melita-kuhar-fatalnost-femme-fatale-1846704"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Melita Kuhar pojasnjuje, kaj izdaja fatalnega človeka
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Da smo lahko fatalni vsi, ko smo pristni, je prepričana strokovnjakinja na področju družinske terapije in partnerskih odnosov Melita Kuhar.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden sm:max-md:flex" />
<article class="flex flex-col gap-3 items-start sm:max-md:col-span-full md:divider-l" data-upscore-object-id="1846277" >
<a href="/revija/jana/novice/tina-gaber-golob-mama-mateja-1846277"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="mateja-gaber" src="//cdn.kme.si/public/images-cache/800x500/2025/09/08/0a03b2082b26d9688f4c142ae28c1206/68bead3a2eed0/0a03b2082b26d9688f4c142ae28c1206.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/revija/jana/novice/tina-gaber-golob-mama-mateja-1846277" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Novice</a>
</div>
<a href="/revija/jana/novice/tina-gaber-golob-mama-mateja-1846277"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Ganljiva izpoved srčne mame Tine Gaber Golob
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Za opazkami, ki se zgrinjajo nad njene poteze, stoji ženska iz mesa in krvi. Jo sploh poznate? Kdo je Tina Gaber Golob brez etiket in predsodkov? Naj vam jo predstavimo skozi oči, ki jo najbolje poznajo. Mama Mateja iskreno o hčerki Tini Gaber Golob in o tem, kaj pušča za seboj neusmiljeno brušenje jezikov.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
</div>
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 -mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/kulinarika" class="hover:text-[var(--input-focus)] peer">Kulinarika</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid gap-8 gap-y-4 sm:grid-cols-2 md:grid-cols-3">
<article class="flex flex-col gap-3 items-start" data-upscore-object-id="1846736" >
<a href="/kulinarika/dober-tek/kulinarika/prsutov-toc-recept-1846736"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="prsut.jpg" src="//cdn.kme.si/public/images-cache/800x500/2025/09/09/9928e153bec47dc633b027399aab9f38/68c0876d5fa1a/9928e153bec47dc633b027399aab9f38.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/dober-tek.svg" alt="dober-tek" />
<span>·</span>
<a href="/kulinarika/dober-tek/kulinarika/prsutov-toc-recept-1846736" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Kulinarika</a>
</div>
<a href="/kulinarika/dober-tek/kulinarika/prsutov-toc-recept-1846736"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Ne spreglejte te klasike iz kuhinj naših non
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Pršutov toč ali toč iz pršuta je slastna primorska jed z bogato tradicijo – popolna za jesenske dni.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
<article class="flex flex-col gap-3 items-start sm:max-md:divider-l md:divider-l" data-upscore-object-id="1846674" >
<a href="/kulinarika/dober-tek/kulinarika/kruh-v-litozelezni-posodi-1846674"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="Kruh, litoželezna ponev" src="//cdn.kme.si/public/images-cache/800x500/2025/09/10/827e9df8426c37a6e4a3ca04c0dbb14b/68c12d849fcc5/827e9df8426c37a6e4a3ca04c0dbb14b.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/dober-tek.svg" alt="dober-tek" />
<span>·</span>
<a href="/kulinarika/dober-tek/kulinarika/kruh-v-litozelezni-posodi-1846674" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Kulinarika</a>
</div>
<a href="/kulinarika/dober-tek/kulinarika/kruh-v-litozelezni-posodi-1846674"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Kruh, ki ga pripravite v samo 5 minutah
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Ko nimate časa (ali volje) gnesti testa, a si vseeno zaželíte domač, svež kruh s hrustljavo skorjico, pride prav ta preprosta tehnika.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden sm:max-md:flex" />
<article class="flex flex-col gap-3 items-start sm:max-md:col-span-full md:divider-l" data-upscore-object-id="1846377" >
<a href="/kulinarika/dober-tek/kulinarika/jabolcni-zavitek-recept-1846377"
data-upscore-url class="bg-slate-300 relative overflow-hidden aspect-8/5 w-full">
<img class="object-cover w-full transition-transform duration-500 lg:hover:scale-105" loading="eager" alt="strudel, zavitek" src="//cdn.kme.si/public/images-cache/800x500/2025/09/08/f37fe245f99f72f14b45df7fb66fc022/68bee437d6dc4/f37fe245f99f72f14b45df7fb66fc022.jpeg">
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</a>
<div class="w-full flex flex-col items-stretch gap-1">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<img class="fill-current dark:brightness-180 dark:saturate-40 h-5.5 -my-1.25 min-w-0" src="/images/brands/aligned/dober-tek.svg" alt="dober-tek" />
<span>·</span>
<a href="/kulinarika/dober-tek/kulinarika/jabolcni-zavitek-recept-1846377" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Kulinarika</a>
</div>
<a href="/kulinarika/dober-tek/kulinarika/jabolcni-zavitek-recept-1846377"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/snug xl:text-xl/snug " data-upscore-title >
Recept za najboljši jabolčni zavitek, kot ga je delala babica
</h3>
</a>
<p class="text-[var(--text-secondary)] text-base line-clamp-4 gap-2! w-full ">Babičin jabolčni štrudelj ostaja ena tistih sladic, ki jih povezujemo z otroštvom, toplino in domačnostjo. Vsaka družina ima svoj recept in prav ta raznolikost je tisto, kar zavitke dela tako posebne.</p>
</div>
</article>
<hr class="sm:col-span-full sm:hidden" />
</div>
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 -mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl">
Priporočamo
</h2>
</div>
<div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4">
<article class="flex w-full h-full flex-col relative max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4" data-upscore-object-id="1844870" >
<a href="/novice/gospodarstvo/trajnost/oeeo-elektronika-odpad-reciklaza-1844870"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<picture class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;">
<source media="(min-width:768px)" srcset="//cdn.kme.si/public/images-cache/800x800/2025/09/02/9c45fe51644e6bdd3e8ead403187870d/68b6aa1e790b9/9c45fe51644e6bdd3e8ead403187870d.jpeg">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="odpad, naprava, oeeo, elektronika, elektricne-naprave, odpadna-elektricna-in-elektronska-oprema, recikel" src="//cdn.kme.si/public/images-cache/800x400/2025/09/02/9c45fe51644e6bdd3e8ead403187870d/68b6aa1e790b9/9c45fe51644e6bdd3e8ead403187870d.jpeg">
</picture>
</a>
<div class="bg-slate-700 dark:bg-slate-800 dark p-4 relative before:absolute before:inset-x-0 before:top-0 before:-mt-20 before:z-10 before:content-['_'] before:rounded-t-lg before:h-20 before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-t before:from-slate-700 before:to-slate-700/0 dark:before:from-slate-800 dark:before:to-slate-800/0 before:pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 -mt-6 relative z-10">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/novice/gospodarstvo/trajnost/oeeo-elektronika-odpad-reciklaza-1844870" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Trajnost</a>
</div>
<a href="/novice/gospodarstvo/trajnost/oeeo-elektronika-odpad-reciklaza-1844870"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/tight md:text-xl/tight" data-upscore-title >
Ali telefon lahko odvržemo med mešane odpadke?
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
<article class="flex w-full h-full flex-col relative max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4" data-upscore-object-id="1845208" >
<a href="/novice/zaposlitev/delo-razgovor-kadri-zaposlitev-1845208"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<picture class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;">
<source media="(min-width:768px)" srcset="//cdn.kme.si/public/images-cache/800x800/2025/09/03/6f5c787d57f8e4722bcabbc6a37a3cdb/68b822139aa3a/6f5c787d57f8e4722bcabbc6a37a3cdb.jpeg">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="zaposlitev, delodajalec, delo, razgovor" src="//cdn.kme.si/public/images-cache/800x400/2025/09/03/6f5c787d57f8e4722bcabbc6a37a3cdb/68b822139aa3a/6f5c787d57f8e4722bcabbc6a37a3cdb.jpeg">
</picture>
<svg class="fill-current size-4 absolute top-2 right-2 drop-shadow-lg text-white bg-gray-600/70 rounded-full"><use xlink:href="/dist/icons.svg?t=17#circle-euro"></use></svg>
</a>
<div class="bg-slate-700 dark:bg-slate-800 dark p-4 relative before:absolute before:inset-x-0 before:top-0 before:-mt-20 before:z-10 before:content-['_'] before:rounded-t-lg before:h-20 before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-t before:from-slate-700 before:to-slate-700/0 dark:before:from-slate-800 dark:before:to-slate-800/0 before:pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 -mt-6 relative z-10">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/novice/zaposlitev/delo-razgovor-kadri-zaposlitev-1845208" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zaposlitev</a>
<span>·</span>
<span class="justify-self-end text-slate-500 dark:text-slate-400">Oglas</span>
</div>
<a href="/novice/zaposlitev/delo-razgovor-kadri-zaposlitev-1845208"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/tight md:text-xl/tight" data-upscore-title >
Delodajalec svetuje, kako se pripraviti na razgovor za delo
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
<article class="flex w-full h-full flex-col relative max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4" data-upscore-object-id="1845119" >
<a href="/novice/zaposlitev/studij-stipendija-subvencija-1845119"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<picture class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;">
<source media="(min-width:768px)" srcset="//cdn.kme.si/public/images-cache/800x800/2025/09/02/7dc53e0b6ddee8b0c4925b4e06d95563/68b7eeaea528c/7dc53e0b6ddee8b0c4925b4e06d95563.jpeg">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="academia, studij" src="//cdn.kme.si/public/images-cache/800x400/2025/09/02/7dc53e0b6ddee8b0c4925b4e06d95563/68b7eeaea528c/7dc53e0b6ddee8b0c4925b4e06d95563.jpeg">
</picture>
<svg class="fill-current size-4 absolute top-2 right-2 drop-shadow-lg text-white bg-gray-600/70 rounded-full"><use xlink:href="/dist/icons.svg?t=17#circle-euro"></use></svg>
</a>
<div class="bg-slate-700 dark:bg-slate-800 dark p-4 relative before:absolute before:inset-x-0 before:top-0 before:-mt-20 before:z-10 before:content-['_'] before:rounded-t-lg before:h-20 before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-t before:from-slate-700 before:to-slate-700/0 dark:before:from-slate-800 dark:before:to-slate-800/0 before:pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 -mt-6 relative z-10">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/novice/zaposlitev/studij-stipendija-subvencija-1845119" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Zaposlitev</a>
<span>·</span>
<span class="justify-self-end text-slate-500 dark:text-slate-400">Oglas</span>
</div>
<a href="/novice/zaposlitev/studij-stipendija-subvencija-1845119"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/tight md:text-xl/tight" data-upscore-title >
Študiraj in delaj hkrati ter prejmi štipendijo ali subvencijo
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
<article class="flex w-full h-full flex-col relative max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4" data-upscore-object-id="1846547" >
<a href="/estrada/glasba/koncert-barok-ljubljana-1846547"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<picture class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;">
<source media="(min-width:768px)" srcset="//cdn.kme.si/public/images-cache/800x800/2025/09/09/751487173b8184dd35c2b7a84a38a6bf/68bfdda0df36f/751487173b8184dd35c2b7a84a38a6bf.jpeg">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="ana-marija-krajnc, barok, koncer, sentjakobska-cerkev" src="//cdn.kme.si/public/images-cache/800x400/2025/09/09/751487173b8184dd35c2b7a84a38a6bf/68bfdda0df36f/751487173b8184dd35c2b7a84a38a6bf.jpeg">
</picture>
<svg class="fill-current size-4 absolute top-2 right-2 drop-shadow-lg text-white bg-gray-600/70 rounded-full"><use xlink:href="/dist/icons.svg?t=17#circle-euro"></use></svg>
</a>
<div class="bg-slate-700 dark:bg-slate-800 dark p-4 relative before:absolute before:inset-x-0 before:top-0 before:-mt-20 before:z-10 before:content-['_'] before:rounded-t-lg before:h-20 before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-t before:from-slate-700 before:to-slate-700/0 dark:before:from-slate-800 dark:before:to-slate-800/0 before:pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 -mt-6 relative z-10">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/estrada/glasba/koncert-barok-ljubljana-1846547" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Glasba</a>
<span>·</span>
<span class="justify-self-end text-slate-500 dark:text-slate-400">Oglas</span>
</div>
<a href="/estrada/glasba/koncert-barok-ljubljana-1846547"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-lg/tight md:text-xl/tight" data-upscore-title >
Vabljeni na koncert Barok – historično in muzikalno
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
<article class="flex w-full h-full relative flex-row-reverse max-md:w-auto max-md:h-auto max-md:mb-0 before:max-md:inset-x-4 sm:col-span-2 lg:aspect-[2]" data-upscore-object-id="1845250" >
<a href="/novice/finance/podjetnik-uspeh-finance-1845250"
data-upscore-url class="bg-slate-100 dark:bg-slate-800 relative overflow-hidden aspect-video w-full flex-1">
<img class="object-cover object-center w-full h-full transition-transform duration-500 lg:hover:scale-105" style="object-position: top center;" loading="eager" alt="podjetje, poslovanje, posojilo, d-dota" src="//cdn.kme.si/public/images-cache/800x400/2025/09/03/81f393237cff1f9a0382282d7cf9749f/68b83eb72957b/81f393237cff1f9a0382282d7cf9749f.jpeg">
<svg class="fill-current size-4 absolute top-2 right-2 drop-shadow-lg text-white bg-gray-600/70 rounded-full"><use xlink:href="/dist/icons.svg?t=17#circle-euro"></use></svg>
</a>
<div class="bg-gradient-to-t from-slate-700/50 to-slate-700/0 pt-12 pr-20 dark flex items-end p-4 absolute inset-0 before:absolute before:inset-y-0 before:left-0 before:-mr-60 before:z-10 before:content-['_'] before:w-full before:transition-all before:duration-200 before:ease-in-out before:bg-gradient-to-tr before:from-slate-700 before:via-slate-700/0 before:to-slate-700/0 before:pointer-events-none pointer-events-none">
<div class="w-full flex flex-col items-stretch gap-1 relative z-10 w-auto!">
<div class="mb-1 flex justify-start gap-1.5 text-xs font-medium w-full max-w-full min-w-0 leading-none text-slate-700 dark:text-slate-300">
<a href="/novice/finance/podjetnik-uspeh-finance-1845250" class="hover:text-primary-600 dark:hover:text-white truncate -m-2 p-2">Finance</a>
<span>·</span>
<span class="justify-self-end text-slate-500 dark:text-slate-400">Oglas</span>
</div>
<a href="/novice/finance/podjetnik-uspeh-finance-1845250"
data-upscore-url >
<h3 class="font-semibold text-black dark:text-slate-200 hover:text-primary-600 dark:hover:text-white w-full col-span-2 line-clamp-3 text-balance line-clamp-8! text-lg/tight md:text-xl/tight xl:text-2xl/tight" data-upscore-title >
Kaj imajo skupnega uspešni podjetniki?
</h3>
</a>
</div>
</div>
<div class="absolute inset-0 ring-1 ring-inset ring-slate-400/40 dark:ring-slate-700/40 pointer-events-none"></div>
</article>
</div>
</div>
<div class="divider-t sm:divider-l p-4 lg:pl-0 self-stretch">
<div class="text-center mb-4" data-ocm-holder>
<div id="svet_middle_kocka" data-ocm-ad style="min-height:250px"></div>
</div>
<div class="flex flex-col justify-between bg-linear-to-b dark:from-slate-900 dark:to-slate-800 from-white to-slate-100 text-[var(--text-primary)] p-4 border-b @container/weather" x-data="{
isTransitioning: false,
showContent: true,
location: $persist('ljubljana'),
weatherData: {"ljubljana":{"currently":{"time":"2025-09-10T11:05:01.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.05,"temperatureMax":19.05},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.88,"temperatureMax":22.79},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.88,"temperatureMax":23.41},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.06,"temperatureMax":23.26},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.59,"temperatureMax":20.42},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.14,"temperatureMax":23.69},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.73,"temperatureMax":24.73},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":13.2,"temperatureMax":23.56},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.01,"temperatureMax":22.2},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.26,"temperatureMax":18.23}]},"koper":{"currently":{"time":"2025-09-10T11:05:01.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":21.55,"temperatureMax":21.55},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":17.91,"temperatureMax":24.08},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":17.37,"temperatureMax":25.58},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":16.11,"temperatureMax":25.19},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":17.11,"temperatureMax":23.79},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":14.69,"temperatureMax":24.64},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.79,"temperatureMax":25.55},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":17.18,"temperatureMax":25.58},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":17.15,"temperatureMax":23.78},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.91,"temperatureMax":21.34}]},"nova-gorica":{"currently":{"time":"2025-09-10T11:05:01.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.92,"temperatureMax":19.92},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":16.8,"temperatureMax":22.13},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":15.87,"temperatureMax":24.3},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.14,"temperatureMax":24.51},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.8,"temperatureMax":22.48},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.31,"temperatureMax":24.24},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.83,"temperatureMax":24.8},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":16.01,"temperatureMax":22.89},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":16.55,"temperatureMax":22.02},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.38,"temperatureMax":20.74}]},"postojna":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":17.13,"temperatureMax":17.13},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.57,"temperatureMax":18.93},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.01,"temperatureMax":20.98},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.25,"temperatureMax":20.86},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.01,"temperatureMax":17.7},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":10.62,"temperatureMax":21.47},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.88,"temperatureMax":21.85},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.16,"temperatureMax":21.66},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.17,"temperatureMax":19.54},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.05,"temperatureMax":16.05}]},"dravograd":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.01,"temperatureMax":19.01},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.5,"temperatureMax":22.04},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.53,"temperatureMax":22.09},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.64,"temperatureMax":22.86},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.74,"temperatureMax":21.75},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":10.59,"temperatureMax":25.88},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.03,"temperatureMax":26.42},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.28,"temperatureMax":24.18},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.4,"temperatureMax":20.87},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.48,"temperatureMax":18.16}]},"kranj":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":18.35,"temperatureMax":18.35},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.19,"temperatureMax":21.42},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.84,"temperatureMax":22.2},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.61,"temperatureMax":22.23},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.69,"temperatureMax":20.63},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":10.74,"temperatureMax":23.41},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.54,"temperatureMax":23.94},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":13.32,"temperatureMax":22.39},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.9,"temperatureMax":20.74},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.16,"temperatureMax":17.54}]},"krsko":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.95,"temperatureMax":19.95},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.95,"temperatureMax":23.14},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.2,"temperatureMax":23.57},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":14.47,"temperatureMax":23.5},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.89,"temperatureMax":19.98},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.73,"temperatureMax":23.93},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.44,"temperatureMax":25.77},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.25,"temperatureMax":24.12},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.54,"temperatureMax":23.55},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.62,"temperatureMax":18.09}]},"novo-mesto":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.72,"temperatureMax":19.72},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.27,"temperatureMax":22.45},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.5,"temperatureMax":23.58},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.24,"temperatureMax":23.22},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.05,"temperatureMax":19.64},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":10.92,"temperatureMax":23.96},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.46,"temperatureMax":25.52},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.67,"temperatureMax":23.83},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.99,"temperatureMax":23.69}]},"celje":{"currently":{"time":"2025-09-10T11:05:02.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.5,"temperatureMax":19.5},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.33,"temperatureMax":22.74},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.46,"temperatureMax":23.05},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.09,"temperatureMax":23.5},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.41,"temperatureMax":20.64},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.37,"temperatureMax":24.45},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.61,"temperatureMax":25.95},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":14.3,"temperatureMax":23.85},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.26,"temperatureMax":22.83},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.33,"temperatureMax":17.99}]},"maribor":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.29,"temperatureMax":19.29},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.5,"temperatureMax":22.15},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.2,"temperatureMax":22.47},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.57,"temperatureMax":22.96},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.62,"temperatureMax":20.64},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.66,"temperatureMax":25.1},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.95,"temperatureMax":26.21},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":14.47,"temperatureMax":24.03},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.88,"temperatureMax":21.75},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.89,"temperatureMax":18.32}]},"murska-sobota":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":21.32,"temperatureMax":21.32},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.68,"temperatureMax":23.66},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.51,"temperatureMax":23.7},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.58,"temperatureMax":24.19},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.1,"temperatureMax":20.57},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.4,"temperatureMax":24.91},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.76,"temperatureMax":26.38},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.02,"temperatureMax":24.78},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.33,"temperatureMax":22.3},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.66,"temperatureMax":19.03}]},"velenje":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":18.55,"temperatureMax":18.55},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.51,"temperatureMax":21.38},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.34,"temperatureMax":21.21},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.65,"temperatureMax":21.89},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.41,"temperatureMax":19.46},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":10.39,"temperatureMax":23.85},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.8,"temperatureMax":24.81},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.49,"temperatureMax":22.39},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.93,"temperatureMax":21.11},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":11.61,"temperatureMax":17.22}]},"kocevje":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":18.76,"temperatureMax":18.76},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.66,"temperatureMax":22.14},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":11.72,"temperatureMax":23.38},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.05,"temperatureMax":23.03},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.12,"temperatureMax":18.7},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":9.86,"temperatureMax":23.83},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":11.67,"temperatureMax":25.25},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.85,"temperatureMax":24.32},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.57,"temperatureMax":22.7},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.46,"temperatureMax":16.81}]},"crnomelj":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.66,"temperatureMax":19.66},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":15.4,"temperatureMax":23.94},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.45,"temperatureMax":24.16},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":14.91,"temperatureMax":23.99},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.4,"temperatureMax":19.67},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":11.39,"temperatureMax":23.57},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.21,"temperatureMax":26.05},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.57,"temperatureMax":24.58},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.36,"temperatureMax":24.12},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.27,"temperatureMax":18.14}]},"ilirska-bistrica":{"currently":{"time":"2025-09-10T11:05:03.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":16.39,"temperatureMax":16.39},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.49,"temperatureMax":17.33},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.23,"temperatureMax":19.32},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":11.94,"temperatureMax":19.67},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":11.73,"temperatureMax":16.53},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":9.77,"temperatureMax":19.98},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.23,"temperatureMax":21.82},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.74,"temperatureMax":18.67},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.54,"temperatureMax":18.98},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":11.89,"temperatureMax":15.86}]},"litija":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.37,"temperatureMax":19.37},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":15.39,"temperatureMax":22.83},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.02,"temperatureMax":23.49},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.17,"temperatureMax":23.13},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.36,"temperatureMax":20.15},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":10.96,"temperatureMax":23.93},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.81,"temperatureMax":25.65},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.83,"temperatureMax":23.71},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.55,"temperatureMax":22.63},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.23,"temperatureMax":18.05}]},"bovec":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.52,"temperatureMax":19.52},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":15.36,"temperatureMax":21.23},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.9,"temperatureMax":21.28},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.08,"temperatureMax":22.04},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.64,"temperatureMax":21.09},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":11.56,"temperatureMax":23},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.07,"temperatureMax":23.44},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.23,"temperatureMax":21.36},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.66,"temperatureMax":19.8},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.26,"temperatureMax":18.68}]},"kranjska-gora":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.65,"temperatureMax":13.65},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":11.15,"temperatureMax":16.16},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":9.47,"temperatureMax":16.49},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":10.29,"temperatureMax":17.35},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":10.02,"temperatureMax":16.01},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":8.57,"temperatureMax":19.58},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":10.93,"temperatureMax":19.72},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":11.26,"temperatureMax":16.59},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":10.3,"temperatureMax":15.92},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":9.19,"temperatureMax":12.48}]},"idrija":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":18.72,"temperatureMax":18.72},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.94,"temperatureMax":21.42},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.3,"temperatureMax":22.98},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.9,"temperatureMax":22.98},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.6,"temperatureMax":20.52},{"time":"2025-09-14T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":10.73,"temperatureMax":23.62},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.31,"temperatureMax":24.25},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.26,"temperatureMax":22.84},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.11,"temperatureMax":20.53},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.99,"temperatureMax":17.77}]},"ptuj":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":20.46,"temperatureMax":20.46},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":16.07,"temperatureMax":23.03},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.02,"temperatureMax":23.3},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud","text":"Obla\u010dno","temperatureMin":13.9,"temperatureMax":23.62},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.93,"temperatureMax":20.33},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.55,"temperatureMax":24.59},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.7,"temperatureMax":25.91},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":15.53,"temperatureMax":24.5},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.07,"temperatureMax":22.56},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":12.68,"temperatureMax":18.85}]},"trbovlje":{"currently":{"time":"2025-09-10T11:05:04.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":19.5,"temperatureMax":19.5},"daily":[{"time":"2025-09-10T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":15.71,"temperatureMax":22.57},{"time":"2025-09-11T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.28,"temperatureMax":22.77},{"time":"2025-09-12T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.29,"temperatureMax":22.92},{"time":"2025-09-13T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":13.42,"temperatureMax":20.03},{"time":"2025-09-14T22:00:00.000000Z","icon":"sun-bright","text":"Jasno","temperatureMin":11.17,"temperatureMax":24.05},{"time":"2025-09-15T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":13.59,"temperatureMax":25.65},{"time":"2025-09-16T22:00:00.000000Z","icon":"cloud-sun","text":"Delno obla\u010dno","temperatureMin":14.86,"temperatureMax":23.62},{"time":"2025-09-17T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":14.55,"temperatureMax":22.53},{"time":"2025-09-18T22:00:00.000000Z","icon":"cloud-rain","text":"De\u017eevno","temperatureMin":12.27,"temperatureMax":17.78}]}},
locations: {"ljubljana":{"name":"Ljubljana","region":"osrednja Slovenija","left":40,"top":53},"koper":{"name":"Koper","region":"Obala","left":20,"top":83},"nova-gorica":{"name":"Nova Gorica","region":"Gori\u0161ka","left":20,"top":63},"postojna":{"name":"Postojna","region":"Notranjska","left":34,"top":66},"dravograd":{"name":"Dravograd","region":"Koro\u0161ka","left":50,"top":24},"kranj":{"name":"Kranj","region":"Gorenjska","left":35,"top":38},"krsko":{"name":"Kr\u0161ko","region":"Posavje","left":65,"top":61},"novo-mesto":{"name":"Novo mesto","region":"Dolenjska","left":52,"top":67},"celje":{"name":"Celje","region":"Savinjska","left":60,"top":47},"maribor":{"name":"Maribor","region":"Podravje","left":65,"top":25},"murska-sobota":{"name":"Murska Sobota","region":"Prekmurje","left":80,"top":20},"velenje":{"name":"Velenje","region":"\u0160ale\u0161ka","left":51,"top":37},"crnomelj":{"name":"\u010crnomelj","region":"Bela krajina","left":58,"top":85},"kocevje":{"name":"Ko\u010devje","region":"Ko\u010devska","left":47,"top":78},"ilirska-bistrica":{"name":"Ilirska Bistrica","region":"Kra\u0161ka","left":35,"top":80},"kranjska-gora":{"name":"Kranjska Gora","region":"Gorenjska","left":25,"top":30},"bovec":{"name":"Bovec","region":"Primorska","left":15,"top":40},"idrija":{"name":"Idrija","region":"Primorska","left":28,"top":52},"ptuj":{"name":"Ptuj","region":"\u0160tajerska","left":70,"top":36},"trbovlje":{"name":"Trbovlje","region":"Zasavje","left":51,"top":55}},
get currentWeather() {
return this.weatherData[this.location] || null;
},
get currentLocationName() {
return this.locations[this.location]?.name || 'Izberi lokacijo';
},
async changeLocation(newLocation) {
if (newLocation === this.location) return;
// Fade out current content
this.showContent = false;
this.isTransitioning = true;
// Wait for fade out
await new Promise(resolve => setTimeout(resolve, 200));
// Change location
this.location = newLocation;
// Wait a tiny bit then fade in new content
await new Promise(resolve => setTimeout(resolve, 50));
this.showContent = true;
// Reset transition state
setTimeout(() => {
this.isTransitioning = false;
}, 600);
}
}">
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 ">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/vreme" class="hover:text-[var(--input-focus)] peer">Vreme</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="@2xl:grid @2xl:grid-cols-3 gap-4">
<div class="p-4 py-2 grid grid-cols-2 items-center gap-2">
<div class="relative w-full col-span-2 mt-4" x-data="{ open: false }">
<button type="button"
class="relative w-full min-w-[7rem] cursor-default bg-slate-100 dark:bg-slate-700 rounded-sm py-1.5 pl-3 pr-10 text-left shadow-xs sm:text-sm sm:leading-6"
aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label"
@click="open = true" @click.away="open = false">
<span class="pointer-events-none absolute inset-y-0 left-1.5 flex items-center pr-2">
<svg class="fill-current w-5 h-5 text-[var(--input-focus)]"><use xlink:href="/dist/icons.svg?t=17#location-dot"></use></svg>
</span>
<span class="block truncate ml-5" x-text="currentLocationName">Izberi lokacijo</span>
<span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
<svg class="h-5 w-5 text-slate-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
clip-rule="evenodd" />
</svg>
</span>
</button>
<ul class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white dark:bg-slate-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm"
tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3"
x-show="open" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
<template x-for="(itemData, itemKey) in locations" :key="itemKey">
<li class="relative cursor-default select-none py-2 pl-8 pr-4 hover:bg-[var(--input-focus)] hover:text-white group/li"
role="option" @click="changeLocation(itemKey); open = false">
<span class="block truncate" :class="{ 'font-semibold': location === itemKey }"
x-text="itemData.name || itemData"></span>
<span class="text-white dark:text-slate-700 dark:group-hover/li:text-white absolute inset-y-0 left-0 flex items-center pl-1.5"
:class="{ 'text-[var(--input-focus)]!': location === itemKey }">
<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
</span>
</li>
</template>
</ul>
</div>
<div class="flex justify-center h-28 items-center">
<template x-if="currentWeather">
<img :src="'/icons/weather/' + currentWeather.currently.icon + '.svg'"
class="h-28 w-28 drop-shadow-xl transition-all duration-400"
:class="showContent ? 'opacity-100 scale-100' : 'opacity-0 scale-75'"
:alt="currentWeather.currently.text">
</template>
</div>
<div class="min-h-[4rem]">
<p class="uppercase text-xs tracking-wider text-[var(--text-details)] leading-none mb-2">Trenutno</p>
<template x-if="currentWeather">
<div class="transition-all duration-400 delay-75"
:class="showContent ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'">
<p class="font-semibold text-3xl leading-none mb-2 flex flex-nowrap">
<span x-text="Math.round(currentWeather.currently.temperatureMin)"></span>
<span class="relative text-lg -translate-y-0.5"> °C</span>
</p>
<p class="lowercase text-[var(--text-details)] leading-none mb-2 text-sm" x-text="currentWeather.currently.text"></p>
</div>
</template>
</div>
</div>
<div class="grid @md:grid-cols-3 gap-2 mt-4 @md:col-span-2 @md:row-span-2">
<template x-for="(dayWeather, index) in (currentWeather?.daily || []).slice(0, 3)" :key="location + '-day-' + index">
<div class="bg-white dark:bg-slate-700 shadow-sm rounded-sm p-4 py-2 grid grid-cols-2 items-center h-14 @md:h-full @md:grid-cols-1 transition-all duration-500"
:class="showContent ? 'opacity-100 translate-y-0 scale-100' : 'opacity-0 translate-y-6 scale-90'"
:style="'transition-delay: ' + (showContent ? (200 + (index * 100)) : 0) + 'ms'">
<div class="text-xs @md:text-center @md:text-sm @md:items-center flex flex-col items-start @md:gap-3">
<p class="opacity-75" x-text="new Date(dayWeather.time).toLocaleDateString('sl-SI', { weekday: 'long', day: 'numeric', month: 'numeric' })"></p>
<p class="font-bold lowercase" x-text="dayWeather.text"></p>
</div>
<div class="flex justify-center items-center gap-4 font-bold @md:justify-around @md:flex-col-reverse">
<span class="whitespace-nowrap" x-text="Math.round(dayWeather.temperatureMin) + ' / ' + Math.round(dayWeather.temperatureMax) + ' °C'"></span>
<img :src="'/icons/weather/' + dayWeather.icon + '.svg'"
class="size-12 @md:size-16 drop-shadow-sm -mt-1"
:alt="dayWeather.text">
</div>
</div>
</template>
</div>
<a class="bg-[var(--button-bg)] hover:bg-[var(--input-focus)] text-white shadow-sm rounded-sm p-4 py-2 flex justify-between items-center h-10 cursor-pointer focus:outline-2 focus:outline-[var(--input-focus)] focus:outline-offset-2 mt-4 @2xl:mt-0" href="/vreme">
<div class="text-xs">
<div class="font-bold uppercase">7-dnevni obeti</div>
</div>
<div class="flex justify-center items-center gap-4 font-bold">
<svg class="fill-current size-3 drop-shadow-sm"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</div>
</a>
</div>
</div>
<div x-cloak
x-data="{
answerKey: null,
voted: localStorage.getItem('poll-5a6f0663b0833'),
vote(type) {
if (this.answerKey === null) {
return;
}
fetch('//api.kme.si/v1/vote', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
key: this.answerKey, value: type,
resource_id: 60,
unique_id: '5a6f0663b0833'
})
}).then(function(res){ return res.json(); })
localStorage.setItem('poll-5a6f0663b0833', true);
this.voted = true;
}
}"
x-id="['poll-5a6f0663b0833']"
class="mt-4">
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl">
Anketa
</h2>
</div>
<div class="font-semibold text-black dark:text-slate-200 w-full col-span-2 line-clamp-3 text-lg/snug">
Ali bi vam 300 evrov univerzalnega temeljnega dohodka (UTD) na družinskega člana vsak mesec spremenilo življenje?
</div>
<div class="space-y-2 mt-4 flex-1" x-show="!voted">
<label class="flex items-center group/answer" for="answer_poll1">
<input id="answer_poll1" type="radio" x-model="answerKey" name="poll" class="shrink-0 relative size-4 appearance-none rounded-full border border-[var(--input-border)] bg-[var(--input-lv2-bg)] before:absolute before:inset-1 before:rounded-full before:bg-white group-hover/answer:bg-[var(--input-lv2-bg-hover)] group-hover/answer:border-primary-500/50 checked:border-primary-500 checked:bg-primary-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-[var(--input-focus)] forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden" value="poll1">
<span class="ml-3 block text-base/6 text-slate-900 dark:text-slate-200">Seveda, zdaj lahko šefu odrežem kravato, zaloputnem z vrati in poiščem delo, ki me zares veseli.</span>
</label>
<label class="flex items-center group/answer" for="answer_poll2">
<input id="answer_poll2" type="radio" x-model="answerKey" name="poll" class="shrink-0 relative size-4 appearance-none rounded-full border border-[var(--input-border)] bg-[var(--input-lv2-bg)] before:absolute before:inset-1 before:rounded-full before:bg-white group-hover/answer:bg-[var(--input-lv2-bg-hover)] group-hover/answer:border-primary-500/50 checked:border-primary-500 checked:bg-primary-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-[var(--input-focus)] forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden" value="poll2">
<span class="ml-3 block text-base/6 text-slate-900 dark:text-slate-200">Da, čeprav nimam službe, me položnice ne bodo več tako prestrašile.</span>
</label>
<label class="flex items-center group/answer" for="answer_poll3">
<input id="answer_poll3" type="radio" x-model="answerKey" name="poll" class="shrink-0 relative size-4 appearance-none rounded-full border border-[var(--input-border)] bg-[var(--input-lv2-bg)] before:absolute before:inset-1 before:rounded-full before:bg-white group-hover/answer:bg-[var(--input-lv2-bg-hover)] group-hover/answer:border-primary-500/50 checked:border-primary-500 checked:bg-primary-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-[var(--input-focus)] forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden" value="poll3">
<span class="ml-3 block text-base/6 text-slate-900 dark:text-slate-200">Vseeno mi je, pri nas bomo živeli tako kot prej.</span>
</label>
<label class="flex items-center group/answer" for="answer_poll4">
<input id="answer_poll4" type="radio" x-model="answerKey" name="poll" class="shrink-0 relative size-4 appearance-none rounded-full border border-[var(--input-border)] bg-[var(--input-lv2-bg)] before:absolute before:inset-1 before:rounded-full before:bg-white group-hover/answer:bg-[var(--input-lv2-bg-hover)] group-hover/answer:border-primary-500/50 checked:border-primary-500 checked:bg-primary-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-[var(--input-focus)] forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden" value="poll4">
<span class="ml-3 block text-base/6 text-slate-900 dark:text-slate-200">Da, s socialnimi transferji dobim več denarja.</span>
</label>
<label class="flex items-center group/answer" for="answer_poll5">
<input id="answer_poll5" type="radio" x-model="answerKey" name="poll" class="shrink-0 relative size-4 appearance-none rounded-full border border-[var(--input-border)] bg-[var(--input-lv2-bg)] before:absolute before:inset-1 before:rounded-full before:bg-white group-hover/answer:bg-[var(--input-lv2-bg-hover)] group-hover/answer:border-primary-500/50 checked:border-primary-500 checked:bg-primary-500 focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-[var(--input-focus)] forced-colors:appearance-auto forced-colors:before:hidden [&:not(:checked)]:before:hidden" value="poll5">
<span class="ml-3 block text-base/6 text-slate-900 dark:text-slate-200">Meni ne, a zdaj kupu lenuhov ne bo treba več delati.</span>
</label>
<div class="flex gap-4 mt-4">
<button class="bg-[var(--button-bg)] hover:bg-[var(--input-focus)] text-white shadow-sm rounded-sm p-4 py-2 flex justify-between items-center h-10 cursor-pointer focus:outline-2 focus:outline-[var(--input-focus)] focus:outline-offset-2 w-1/2" @click="vote(1)">
<div class="text-xs">
<div class="font-bold uppercase">Moški</div>
</div>
<div class="flex justify-center items-center gap-4 font-bold">
<svg class="fill-current size-3 drop-shadow-sm"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</div>
</button>
<button class="bg-[var(--button-bg)] hover:bg-[var(--input-focus)] text-white shadow-sm rounded-sm p-4 py-2 flex justify-between items-center h-10 cursor-pointer focus:outline-2 focus:outline-[var(--input-focus)] focus:outline-offset-2 w-1/2" @click="vote(-1)">
<div class="text-xs">
<div class="font-bold uppercase">Ženska</div>
</div>
<div class="flex justify-center items-center gap-4 font-bold">
<svg class="fill-current size-3 drop-shadow-sm"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</div>
</button>
</div>
</div>
<div class="space-y-2 flex-1 overflow-y-scroll text-base" x-show="voted">
<div class="my-2">
<div class="flex justify-between items-end">
<div>Seveda, zdaj lahko šefu odrežem kravato, zaloputnem z vrati in poiščem delo, ki me zares veseli.</div>
<div class="text-sm font-bold whitespace-nowrap">
28 %
</div>
</div>
<div class="flex my-1 w-full bg-slate-100 dark:bg-slate-800 [article_*]:bg-white [article_*]:dark:bg-slate-700">
<div class="h-4 bg-primary-700 dark:bg-primary-500 inline-flex items-center relative justify-center group" style="width: 0%;"></div>
<div class="h-4 bg-primary-500 dark:bg-primary-300 inline-flex items-center relative justify-center group" style="width: 28%;"></div>
</div>
</div>
<div class="my-2">
<div class="flex justify-between items-end">
<div>Da, čeprav nimam službe, me položnice ne bodo več tako prestrašile.</div>
<div class="text-sm font-bold whitespace-nowrap">
23 %
</div>
</div>
<div class="flex my-1 w-full bg-slate-100 dark:bg-slate-800 [article_*]:bg-white [article_*]:dark:bg-slate-700">
<div class="h-4 bg-primary-700 dark:bg-primary-500 inline-flex items-center relative justify-center group" style="width: 0%;"></div>
<div class="h-4 bg-primary-500 dark:bg-primary-300 inline-flex items-center relative justify-center group" style="width: 23%;"></div>
</div>
</div>
<div class="my-2">
<div class="flex justify-between items-end">
<div>Vseeno mi je, pri nas bomo živeli tako kot prej.</div>
<div class="text-sm font-bold whitespace-nowrap">
10 %
</div>
</div>
<div class="flex my-1 w-full bg-slate-100 dark:bg-slate-800 [article_*]:bg-white [article_*]:dark:bg-slate-700">
<div class="h-4 bg-primary-700 dark:bg-primary-500 inline-flex items-center relative justify-center group" style="width: 0%;"></div>
<div class="h-4 bg-primary-500 dark:bg-primary-300 inline-flex items-center relative justify-center group" style="width: 10%;"></div>
</div>
</div>
<div class="my-2">
<div class="flex justify-between items-end">
<div>Da, s socialnimi transferji dobim več denarja.</div>
<div class="text-sm font-bold whitespace-nowrap">
11 %
</div>
</div>
<div class="flex my-1 w-full bg-slate-100 dark:bg-slate-800 [article_*]:bg-white [article_*]:dark:bg-slate-700">
<div class="h-4 bg-primary-700 dark:bg-primary-500 inline-flex items-center relative justify-center group" style="width: 0%;"></div>
<div class="h-4 bg-primary-500 dark:bg-primary-300 inline-flex items-center relative justify-center group" style="width: 11%;"></div>
</div>
</div>
<div class="my-2">
<div class="flex justify-between items-end">
<div>Meni ne, a zdaj kupu lenuhov ne bo treba več delati.</div>
<div class="text-sm font-bold whitespace-nowrap">
27 %
</div>
</div>
<div class="flex my-1 w-full bg-slate-100 dark:bg-slate-800 [article_*]:bg-white [article_*]:dark:bg-slate-700">
<div class="h-4 bg-primary-700 dark:bg-primary-500 inline-flex items-center relative justify-center group" style="width: 0%;"></div>
<div class="h-4 bg-primary-500 dark:bg-primary-300 inline-flex items-center relative justify-center group" style="width: 27%;"></div>
</div>
</div>
<div class="flex items-center gap-2 text-xs mt-3">
<div class="size-3 rounded-full border bg-primary-700 dark:bg-primary-500"></div>
<span>moški</span>
<div class="size-3 rounded-full border bg-primary-500 dark:bg-primary-300 ml-2"></div>
<span>ženske</span>
<div class="flex-1"></div>
<span class="ml-2 text-[var(--text-disclaimer)]">n = 1615</span>
</div>
</div>
</div>
<div class="flex flex-col justify-between text-slate-700 @container/horoscope mt-4">
<div class="h-13 flex text-[var(--tw-prose-headings)] bg-linear-to-r from-slate-100 to-slate-50/0 dark:from-slate-700 to-slate-700/0 border-l border-l-4 p-4 dark:border-l-slate-500 mb-4">
<h2 class="font-semibold leading-none flex-1 text-xl flex gap-2 items-center">
<a href="/horoskop" class="hover:text-[var(--input-focus)] peer">Dnevni horoskop</a>
<svg class="fill-current size-3 peer-hover:text-[var(--input-focus)] peer-hover:translate-x-2 transition-transform duration-200"><use xlink:href="/dist/icons.svg?t=17#chevron-right"></use></svg>
</h2>
</div>
<div class="grid grid-cols-3 @md:grid-cols-4 @2xl:grid-cols-6 @5xl:grid-cols-12 gap-x-4 @md:gap-x-12 @5xl:gap-x-8 gap-y-6 px-2 @md:px-8 @5xl:px-4 group/horoscope">
<a href="/horoskop/oven" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#aries"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Oven</h3>
</a>
<a href="/horoskop/bik" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#taurus"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Bik</h3>
</a>
<a href="/horoskop/dvojcka" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#gemini"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Dvojčka</h3>
</a>
<a href="/horoskop/rak" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#cancer"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Rak</h3>
</a>
<a href="/horoskop/lev" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#leo"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Lev</h3>
</a>
<a href="/horoskop/devica" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#virgo"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Devica</h3>
</a>
<a href="/horoskop/tehtnica" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#libra"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Tehtnica</h3>
</a>
<a href="/horoskop/skorpijon" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#scorpio"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Škorpijon</h3>
</a>
<a href="/horoskop/strelec" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#sagittarius"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Strelec</h3>
</a>
<a href="/horoskop/kozorog" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#capricorn"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Kozorog</h3>
</a>
<a href="/horoskop/vodnar" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#aquarius"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Vodnar</h3>
</a>
<a href="/horoskop/ribi" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] w-full">
<svg class="fill-current w-full max-w-16 mx-auto aspect-square"><use xlink:href="/dist/icons.svg?t=17#pisces"></use></svg>
<h3 class="font-medium text-center mt-2 max-md:text-sm">Ribi</h3>
</a>
</div>
</div>
<div class="sidebar-sticky mt-4">
<div class="mb-4 text-center" data-ocm-holder>
<div id="svet_bottom_kocka" data-ocm-ad style="min-height:250px"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="h-4"></div>
</main>
<div class="py-4 text-slate-600 dark:text-slate-400">
<div class="grid container py-4 lg:py-8 px-4">
<div class="flex flex-col items-center gap-4 md:gap-x-8 md:flex-row justify-between">
<a href="/revija/jana"
class="md:pr-8 md:border-r flex items-center justify-center">
<div>
<img class="relative h-10 p-1.5"
src="/images/brands/dark/jana.svg"
alt="Jana">
</div>
</a>
<ul class="list-none flex justify-center md:justify-start flex-row flex-wrap gap-x-8 w-full flex-1 max-md:pt-4 max-md:border-t text-sm leading-10">
<li>
<a href="/revija/jana/kontakt"
class="text-slate-700 hover:text-slate-500 dark:text-slate-400 dark:hover:text-slate-200 no-underline">
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Uredništvo</span>
</a>
</li>
</ul>
<ul class="hidden lg:flex items-center h-12 gap-1 max-lg:flex">
<li>
<a target="_blank" href="https://www.facebook.com/revijajana" title="Jana facebook" class="w-8 h-8 sm:w-10 sm:h-10 flex justify-center items-center rounded-full bg-transparent hover:bg-slate-50">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#facebook"></use></svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/revijajana/" title="Jana instagram" class="w-8 h-8 sm:w-10 sm:h-10 flex justify-center items-center rounded-full bg-transparent hover:bg-slate-50">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#instagram"></use></svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pt-8 text-slate-700 dark:text-slate-300 bg-slate-200 dark:bg-slate-800">
<footer class="grid container py-4 lg:py-12 px-4">
<div class="flex flex-col items-center md:items-stretch gap-4 md:gap-x-8 md:flex-row md:justify-between">
<a href="/" class="md:pr-8 md:border-r">
<div>
<img class="relative h-8 dark:hidden"
src="/images/brands/color/svet24.svg"
alt="Jana">
<img class="relative h-8 hidden dark:block"
src="/images/dark/brands/color/svet24.svg"
alt="Jana">
</div>
</a>
<ul class="list-none flex justify-center md:justify-start flex-row flex-wrap gap-x-8 w-full flex-1 max-md:pt-4 max-md:border-t text-sm leading-10">
<li>
<a href="/kontakt" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Uredništvo</span>
</a>
</li>
<li>
<a href="/kontakt#trzenje" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Trženje</span>
</a>
</li>
<li>
<a href="/kontakt#prodaja" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Prodaja in naročnine</span>
</a>
</li>
<li>
<a href="/splosni-pogoji" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Splošni pogoji</span>
</a>
</li>
<li>
<a href="/varstvo-osebnih-podatkov-piskotki" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Politika zasebnosti</span>
</a>
</li>
<li>
<a href="/varstvo-osebnih-podatkov-piskotki#cookies" class="text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Piškotki</span>
</a>
</li>
</ul>
</div>
<hr class="my-4 md:my-12">
<div class="columns-2 md:columns-4 lg:columns-5 text-xs sm:text-sm md:text-base">
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Naslovnica</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/24ur-novice" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Najnovejše</span>
</a>
</li>
<li>
<a href="/v-zivo" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">V živo</span>
</a>
</li>
<li>
<a href="https://svet24.si/revija/obrazi/femmefatale" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Femme Fatale</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/novice" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Novice</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/novice/slovenija" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Slovenija</span>
</a>
</li>
<li>
<a href="/novice/tujina" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Tujina</span>
</a>
</li>
<li>
<a href="/novice/finance-gospodarstvo" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Finance in gospodarstvo</span>
</a>
</li>
<li>
<a href="/novice/kronika" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kronika</span>
</a>
</li>
<li>
<a href="/novice/avtomobilizem" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Avtomobilizem</span>
</a>
</li>
<li>
<a href="/novice/kultura" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kultura</span>
</a>
</li>
<li>
<a href="/tema/dolgotrajna-oskrba" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Dolgotrajna oskrba</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/sport" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Šport</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/sport/nogomet" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Nogomet</span>
</a>
</li>
<li>
<a href="/sport/kosarka" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Košarka</span>
</a>
</li>
<li>
<a href="/sport/kolesarstvo" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kolesarstvo</span>
</a>
</li>
<li>
<a href="/sport/rokomet" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Rokomet</span>
</a>
</li>
<li>
<a href="/sport/zimski-sporti" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Zimski športi</span>
</a>
</li>
<li>
<a href="/sport/drugi-sporti" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Drugi športi</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/lokalno" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Lokalno</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/lokalno/osrednja" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Osrednja Slovenija</span>
</a>
</li>
<li>
<a href="/lokalno/dolenjska" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Dolenjska in Posavje</span>
</a>
</li>
<li>
<a href="/lokalno/primorska" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Primorska</span>
</a>
</li>
<li>
<a href="/lokalno/savinjska" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Savinjska</span>
</a>
</li>
<li>
<a href="/lokalno/podravje" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Podravje</span>
</a>
</li>
<li>
<a href="/lokalno/pomurje" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Pomurje</span>
</a>
</li>
<li>
<a href="/lokalno/koroska" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Koroška</span>
</a>
</li>
<li>
<a href="/lokalno/gorenjska" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Gorenjska</span>
</a>
</li>
<li>
<a href="/lokalno/zasavje" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Zasavje</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/zdravje" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Zdravje</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/zdravje/bolezni" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Bolezni</span>
</a>
</li>
<li>
<a href="/zdravje/prehrana" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Prehrana</span>
</a>
</li>
<li>
<a href="/zdravje/gibanje" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Gibanje</span>
</a>
</li>
<li>
<a href="/zdravje/domaca-lekarna" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Domača lekarna</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/estrada" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Estrada</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/estrada/traci" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Trači</span>
</a>
</li>
<li>
<a href="/estrada/kraljevo" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kraljevo</span>
</a>
</li>
<li>
<a href="/estrada/film-in-tv" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Film in TV</span>
</a>
</li>
<li>
<a href="/estrada/glasba" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Glasba</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/njena" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Njena</span>
</a>
<ul class="list-none ml-0">
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/revije" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Revije</span>
</a>
<ul class="list-none ml-0">
<li>
<a href="/revija/lady" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Lady</span>
</a>
</li>
<li>
<a href="/revija/jana" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Jana</span>
</a>
</li>
<li>
<a href="/revija/obrazi" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Obrazi</span>
</a>
</li>
<li>
<a href="/revija/roze-in-vrt" class="relative text-slate-500 hover:text-slate-400 dark:text-slate-400 dark:hover:text-slate-300 no-underline hover:underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Rože in vrt</span>
</a>
</li>
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/kulinarika" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Kulinarika</span>
</a>
<ul class="list-none ml-0">
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/horoskop" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Horoskop</span>
</a>
<ul class="list-none ml-0">
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/vreme" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Vreme</span>
</a>
<ul class="list-none ml-0">
</ul>
</li>
</ul>
<ul class="break-after-auto break-inside-avoid mb-8 list-none leading-loose">
<li>
<a href="/promet" class="relative flex items-center gap-3 text-slate-700 dark:text-slate-300 hover:text-slate-500 dark:hover:text-slate-100 font-semibold no-underline"
>
<span class="whitespace-nowrap flex-1 relative -m-3 p-3">Promet</span>
</a>
<ul class="list-none ml-0">
</ul>
</li>
</ul>
</div>
</footer>
<hr />
<div class="container flex flex-col items-center gap-4 md:flex-row md:justify-between py-8 px-4">
<ul class="hidden lg:flex items-center h-12 gap-1 -ml-2 flex!">
<li>
<a target="_blank" href="https://www.facebook.com/svet24.si" title="Jana facebook" class="w-8 h-8 sm:w-10 sm:h-10 flex justify-center items-center rounded-full bg-transparent hover:bg-slate-50">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#facebook"></use></svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/user/svet24si" title="Jana youtube" class="w-8 h-8 sm:w-10 sm:h-10 flex justify-center items-center rounded-full bg-transparent hover:bg-slate-50">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#youtube"></use></svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/svet24.si" title="Jana instagram" class="w-8 h-8 sm:w-10 sm:h-10 flex justify-center items-center rounded-full bg-transparent hover:bg-slate-50">
<svg class="fill-current size-5"><use xlink:href="/dist/icons.svg?t=17#instagram"></use></svg>
</a>
</li>
</ul>
<div class="text-center md:text-right">
<p class="text-xs text-slate-500">© 2025 SVET24, informativne vsebine d.o.o.</p>
<p class="text-xs text-slate-500">Vse pravice pridržane.</p>
</div>
</div>
</div>
</body>
</html>